diff --git a/uds-ios-theme-koodo/Assets/Card.json b/uds-ios-theme-koodo/Assets/Card.json index ae0e5ca..1d4f02c 100644 --- a/uds-ios-theme-koodo/Assets/Card.json +++ b/uds-ios-theme-koodo/Assets/Card.json @@ -3,7 +3,7 @@ "background": { "description": "Defines background related attributes of Card", "type": "variant", - "values": ["alternative", "subtle", "grid", "feature"] + "values": ["alternative", "subtle", "grid", "feature", "plain"] }, "borderRadius": { "type": "variant", @@ -191,6 +191,20 @@ "borderWidth": 0 } }, + { + "if": { + "background": "plain" + }, + "tokens": { + "backgroundColor": { + "red": 1, + "green": 1, + "blue": 1, + "alpha": 1 + }, + "borderWidth": 0 + } + }, { "if": { "viewport": ["md", "lg", "xl"] diff --git a/uds-ios-theme-koodo/Assets/Image.json b/uds-ios-theme-koodo/Assets/Image.json index e8c9196..b9f0ec7 100644 --- a/uds-ios-theme-koodo/Assets/Image.json +++ b/uds-ios-theme-koodo/Assets/Image.json @@ -2,6 +2,6 @@ "appearances": {}, "rules": [], "tokens": { - "borderRadius": 4 + "borderRadius": null } } diff --git a/uds-ios-theme-koodo/Assets/Select.json b/uds-ios-theme-koodo/Assets/Select.json index 58b3505..6be136b 100644 --- a/uds-ios-theme-koodo/Assets/Select.json +++ b/uds-ios-theme-koodo/Assets/Select.json @@ -1,5 +1,9 @@ { "appearances": { + "active": { + "values": [true], + "type": "state" + }, "focus": { "description": "Focus states for some input elements are well supported across web, RN, ios and android", "values": [true], @@ -102,6 +106,14 @@ }, "icon": null } + }, + { + "if": { + "active": true + }, + "tokens": { + "icon": "PaletteIconChevronUp" + } } ], "tokens": { diff --git a/uds-ios-theme-koodo/Assets/Tooltip.json b/uds-ios-theme-koodo/Assets/Tooltip.json index 81f25b0..abaa6a8 100644 --- a/uds-ios-theme-koodo/Assets/Tooltip.json +++ b/uds-ios-theme-koodo/Assets/Tooltip.json @@ -31,16 +31,16 @@ "arrowOffset": 4, "arrowWidth": 8, "backgroundColor": { - "red": 0.87843, - "green": 0.84706, - "blue": 0.98824, + "red": 0.34902, + "green": 0.34902, + "blue": 0.34902, "alpha": 1 }, "borderRadius": 4, "color": { - "red": 0, - "green": 0, - "blue": 0, + "red": 1, + "green": 1, + "blue": 1, "alpha": 1 }, "fontName": "StagSans", diff --git a/uds-ios-theme-koodo/Assets/schema.json b/uds-ios-theme-koodo/Assets/schema.json index 8e51d6b..22ee531 100644 --- a/uds-ios-theme-koodo/Assets/schema.json +++ b/uds-ios-theme-koodo/Assets/schema.json @@ -145,6 +145,7 @@ "{appearances.Select.hover}", "{appearances.Select.focus}", "{appearances.Select.inactive}", + "{appearances.Select.active}", "{appearances.SideNavItem.active}", "{appearances.SideNavItem.type}", "{appearances.SideNavItem.expanded}", @@ -266,13 +267,13 @@ }, { "const": "{system.border.zero}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" }, { "const": "{system.border.none}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" } ], "$id": "#border" @@ -536,13 +537,13 @@ }, { "const": "{system.color.transparent}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" }, { "const": "{system.color.none}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" } ], "$id": "#color" @@ -561,8 +562,8 @@ }, { "const": "{system.duration.zero}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" } ], "$id": "#duration" @@ -676,8 +677,8 @@ }, { "const": "{system.fontSize.none}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" } ], "$id": "#fontSize" @@ -691,8 +692,8 @@ }, { "const": "{system.gradient.none}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" } ], "$id": "#gradient" @@ -1186,8 +1187,8 @@ }, { "const": "{system.icon.none}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" } ], "$id": "#icon" @@ -1201,8 +1202,8 @@ }, { "const": "{system.letterSpacing.none}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" } ], "$id": "#letterSpacing" @@ -1351,8 +1352,8 @@ }, { "const": "{system.opacity.opaque}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" } ], "$id": "#opacity" @@ -1426,18 +1427,18 @@ }, { "const": "{system.radius.none}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" }, { "const": "{system.radius.zero}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" }, { "const": "{system.radius.round}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" } ], "$id": "#radius" @@ -1476,8 +1477,8 @@ }, { "const": "{system.shadow.none}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" } ], "$id": "#shadow" @@ -1726,48 +1727,48 @@ }, { "const": "{system.size.none}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" }, { "const": "{system.size.full}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" }, { "const": "{system.size.twoThirds}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" }, { "const": "{system.size.zero}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" }, { "const": "{system.size.viewportXs}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" }, { "const": "{system.size.viewportSm}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" }, { "const": "{system.size.viewportMd}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" }, { "const": "{system.size.viewportLg}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" }, { "const": "{system.size.viewportXl}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" } ], "$id": "#size" @@ -1816,18 +1817,18 @@ "anyOf": [ { "const": "{system.display.inline}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" }, { "const": "{system.display.inlineBlock}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" }, { "const": "{system.display.none}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" } ], "$id": "#display" @@ -1836,18 +1837,18 @@ "anyOf": [ { "const": "{system.flexJustifyContent.center}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" }, { "const": "{system.flexJustifyContent.flexStart}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" }, { "const": "{system.flexJustifyContent.spaceBetween}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" } ], "$id": "#flexJustifyContent" @@ -1856,18 +1857,18 @@ "anyOf": [ { "const": "{system.flexAlign.center}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" }, { "const": "{system.flexAlign.flexStart}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" }, { "const": "{system.flexAlign.stretch}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" } ], "$id": "#flexAlign" @@ -1876,63 +1877,63 @@ "anyOf": [ { "const": "{system.integer.0}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", - "markdownDescription": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️\n\nAny integer value. The spacing scale uses `0-11`\n\n💡 Only `0-11` are suggested, but **any positive integer** is valid.\nSee [themes](https://telus.github.io/universal-design-system/docs/themes) docs." + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️\n\nAny integer value. The spacing scale uses `0-11`\n\n💡 Only `0-11` are suggested, but **any positive integer** is valid.\nSee [themes](https://telus.github.io/universal-design-system/docs/themes) docs." }, { "const": "{system.integer.1}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", - "markdownDescription": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️\n\nAny integer value. The spacing scale uses `0-11`\n\n💡 Only `0-11` are suggested, but **any positive integer** is valid.\nSee [themes](https://telus.github.io/universal-design-system/docs/themes) docs." + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️\n\nAny integer value. The spacing scale uses `0-11`\n\n💡 Only `0-11` are suggested, but **any positive integer** is valid.\nSee [themes](https://telus.github.io/universal-design-system/docs/themes) docs." }, { "const": "{system.integer.2}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", - "markdownDescription": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️\n\nAny integer value. The spacing scale uses `0-11`\n\n💡 Only `0-11` are suggested, but **any positive integer** is valid.\nSee [themes](https://telus.github.io/universal-design-system/docs/themes) docs." + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️\n\nAny integer value. The spacing scale uses `0-11`\n\n💡 Only `0-11` are suggested, but **any positive integer** is valid.\nSee [themes](https://telus.github.io/universal-design-system/docs/themes) docs." }, { "const": "{system.integer.3}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", - "markdownDescription": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️\n\nAny integer value. The spacing scale uses `0-11`\n\n💡 Only `0-11` are suggested, but **any positive integer** is valid.\nSee [themes](https://telus.github.io/universal-design-system/docs/themes) docs." + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️\n\nAny integer value. The spacing scale uses `0-11`\n\n💡 Only `0-11` are suggested, but **any positive integer** is valid.\nSee [themes](https://telus.github.io/universal-design-system/docs/themes) docs." }, { "const": "{system.integer.4}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", - "markdownDescription": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️\n\nAny integer value. The spacing scale uses `0-11`\n\n💡 Only `0-11` are suggested, but **any positive integer** is valid.\nSee [themes](https://telus.github.io/universal-design-system/docs/themes) docs." + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️\n\nAny integer value. The spacing scale uses `0-11`\n\n💡 Only `0-11` are suggested, but **any positive integer** is valid.\nSee [themes](https://telus.github.io/universal-design-system/docs/themes) docs." }, { "const": "{system.integer.5}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", - "markdownDescription": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️\n\nAny integer value. The spacing scale uses `0-11`\n\n💡 Only `0-11` are suggested, but **any positive integer** is valid.\nSee [themes](https://telus.github.io/universal-design-system/docs/themes) docs." + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️\n\nAny integer value. The spacing scale uses `0-11`\n\n💡 Only `0-11` are suggested, but **any positive integer** is valid.\nSee [themes](https://telus.github.io/universal-design-system/docs/themes) docs." }, { "const": "{system.integer.6}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", - "markdownDescription": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️\n\nAny integer value. The spacing scale uses `0-11`\n\n💡 Only `0-11` are suggested, but **any positive integer** is valid.\nSee [themes](https://telus.github.io/universal-design-system/docs/themes) docs." + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️\n\nAny integer value. The spacing scale uses `0-11`\n\n💡 Only `0-11` are suggested, but **any positive integer** is valid.\nSee [themes](https://telus.github.io/universal-design-system/docs/themes) docs." }, { "const": "{system.integer.7}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", - "markdownDescription": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️\n\nAny integer value. The spacing scale uses `0-11`\n\n💡 Only `0-11` are suggested, but **any positive integer** is valid.\nSee [themes](https://telus.github.io/universal-design-system/docs/themes) docs." + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️\n\nAny integer value. The spacing scale uses `0-11`\n\n💡 Only `0-11` are suggested, but **any positive integer** is valid.\nSee [themes](https://telus.github.io/universal-design-system/docs/themes) docs." }, { "const": "{system.integer.8}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", - "markdownDescription": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️\n\nAny integer value. The spacing scale uses `0-11`\n\n💡 Only `0-11` are suggested, but **any positive integer** is valid.\nSee [themes](https://telus.github.io/universal-design-system/docs/themes) docs." + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️\n\nAny integer value. The spacing scale uses `0-11`\n\n💡 Only `0-11` are suggested, but **any positive integer** is valid.\nSee [themes](https://telus.github.io/universal-design-system/docs/themes) docs." }, { "const": "{system.integer.9}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", - "markdownDescription": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️\n\nAny integer value. The spacing scale uses `0-11`\n\n💡 Only `0-11` are suggested, but **any positive integer** is valid.\nSee [themes](https://telus.github.io/universal-design-system/docs/themes) docs." + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️\n\nAny integer value. The spacing scale uses `0-11`\n\n💡 Only `0-11` are suggested, but **any positive integer** is valid.\nSee [themes](https://telus.github.io/universal-design-system/docs/themes) docs." }, { "const": "{system.integer.10}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", - "markdownDescription": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️\n\nAny integer value. The spacing scale uses `0-11`\n\n💡 Only `0-11` are suggested, but **any positive integer** is valid.\nSee [themes](https://telus.github.io/universal-design-system/docs/themes) docs." + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️\n\nAny integer value. The spacing scale uses `0-11`\n\n💡 Only `0-11` are suggested, but **any positive integer** is valid.\nSee [themes](https://telus.github.io/universal-design-system/docs/themes) docs." }, { "const": "{system.integer.11}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", - "markdownDescription": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️\n\nAny integer value. The spacing scale uses `0-11`\n\n💡 Only `0-11` are suggested, but **any positive integer** is valid.\nSee [themes](https://telus.github.io/universal-design-system/docs/themes) docs." + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️\n\nAny integer value. The spacing scale uses `0-11`\n\n💡 Only `0-11` are suggested, but **any positive integer** is valid.\nSee [themes](https://telus.github.io/universal-design-system/docs/themes) docs." }, { "type": "string", @@ -1945,18 +1946,18 @@ "anyOf": [ { "const": "{system.textLine.none}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" }, { "const": "{system.textLine.underline}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" }, { "const": "{system.textLine.strikethrough}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" } ], "$id": "#textLine" @@ -1965,8 +1966,8 @@ "anyOf": [ { "const": "{system.textLineStyle.solid}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" } ], "$id": "#textLineStyle" @@ -1975,23 +1976,23 @@ "anyOf": [ { "const": "{system.position.bottom}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" }, { "const": "{system.position.left}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" }, { "const": "{system.position.right}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" }, { "const": "{system.position.top}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" } ], "$id": "#position" @@ -2000,18 +2001,18 @@ "anyOf": [ { "const": "{system.direction.column}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" }, { "const": "{system.direction.row}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" }, { "const": "{system.direction.rowReverse}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" } ], "$id": "#direction" @@ -2020,13 +2021,13 @@ "anyOf": [ { "const": "{system.show.true}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" }, { "const": "{system.show.false}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" } ], "$id": "#show" @@ -2035,13 +2036,13 @@ "anyOf": [ { "const": "{system.borderStyle.none}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" }, { "const": "{system.borderStyle.solid}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" } ], "$id": "#borderStyle" @@ -2050,18 +2051,18 @@ "anyOf": [ { "const": "{system.verticalAlign.top}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" }, { "const": "{system.verticalAlign.middle}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" }, { "const": "{system.verticalAlign.baseline}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" } ], "$id": "#verticalAlign" @@ -2070,18 +2071,18 @@ "anyOf": [ { "const": "{system.iconScale.scale1}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" }, { "const": "{system.iconScale.scale1_10}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" }, { "const": "{system.iconScale.scale1_25}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" } ], "$id": "#iconScale" @@ -2090,18 +2091,18 @@ "anyOf": [ { "const": "{system.textAlign.left}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" }, { "const": "{system.textAlign.center}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" }, { "const": "{system.textAlign.right}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" } ], "$id": "#textAlign" @@ -2110,13 +2111,13 @@ "anyOf": [ { "const": "{system.textTransform.none}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" }, { "const": "{system.textTransform.uppercase}", - "description": "@telus-uds/system-tokens/v0.8.7 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.8.7` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.9.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.9.0` **system** tokens ⚙️" } ], "$id": "#textTransform" diff --git a/uds-ios-theme-koodo/Assets/theme.json b/uds-ios-theme-koodo/Assets/theme.json index e06c6bd..fb85b19 100644 --- a/uds-ios-theme-koodo/Assets/theme.json +++ b/uds-ios-theme-koodo/Assets/theme.json @@ -2101,7 +2101,7 @@ "background": { "description": "Defines background related attributes of Card", "type": "variant", - "values": ["alternative", "subtle", "grid", "feature"] + "values": ["alternative", "subtle", "grid", "feature", "plain"] }, "borderRadius": { "type": "variant", @@ -2289,6 +2289,20 @@ "borderWidth": 0 } }, + { + "if": { + "background": "plain" + }, + "tokens": { + "backgroundColor": { + "red": 1, + "green": 1, + "blue": 1, + "alpha": 1 + }, + "borderWidth": 0 + } + }, { "if": { "viewport": ["md", "lg", "xl"] @@ -5673,7 +5687,7 @@ "appearances": {}, "rules": [], "tokens": { - "borderRadius": 4 + "borderRadius": null } }, "InputLabel": { @@ -9330,6 +9344,10 @@ }, "Select": { "appearances": { + "active": { + "values": [true], + "type": "state" + }, "focus": { "description": "Focus states for some input elements are well supported across web, RN, ios and android", "values": [true], @@ -9432,6 +9450,14 @@ }, "icon": null } + }, + { + "if": { + "active": true + }, + "tokens": { + "icon": "PaletteIconChevronUp" + } } ], "tokens": { @@ -12191,16 +12217,16 @@ "arrowOffset": 4, "arrowWidth": 8, "backgroundColor": { - "red": 0.87843, - "green": 0.84706, - "blue": 0.98824, + "red": 0.34902, + "green": 0.34902, + "blue": 0.34902, "alpha": 1 }, "borderRadius": 4, "color": { - "red": 0, - "green": 0, - "blue": 0, + "red": 1, + "green": 1, + "blue": 1, "alpha": 1 }, "fontName": "StagSans", @@ -13441,7 +13467,7 @@ } }, "metadata": { - "themeTokensVersion": "2.61.0", + "themeTokensVersion": "2.62.0", "name": "theme-koodo" } }