diff --git a/uds-ios-theme-koodo/Assets/ExpandCollapseControl.json b/uds-ios-theme-koodo/Assets/ExpandCollapseControl.json index c48fdfb..bf7b829 100644 --- a/uds-ios-theme-koodo/Assets/ExpandCollapseControl.json +++ b/uds-ios-theme-koodo/Assets/ExpandCollapseControl.json @@ -12,15 +12,14 @@ "mini": { "type": "variant", "values": [true] + }, + "pressed": { + "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.", + "values": [true, false], + "type": "state" } }, "rules": [ - { - "if": { - "compact": true - }, - "tokens": {} - }, { "if": { "mini": true @@ -59,14 +58,33 @@ "tokens": { "icon": "PaletteIconChevronUp" } + }, + { + "if": { + "pressed": true + }, + "tokens": { + "backgroundColor": { + "red": 0, + "green": 0, + "blue": 0, + "alpha": 0.2 + } + } + }, + { + "if": { + "compact": true + }, + "tokens": {} } ], "tokens": { "backgroundColor": { - "red": 0.93725, - "green": 0.93725, - "blue": 0.93725, - "alpha": 1 + "red": 0, + "green": 0, + "blue": 0, + "alpha": 0 }, "borderBottomLeftRadius": 0, "borderBottomRightRadius": 0, @@ -78,7 +96,7 @@ }, "borderTopLeftRadius": 0, "borderTopRightRadius": 0, - "borderWidth": 0, + "borderWidth": 2, "icon": "PaletteIconChevronDown", "iconColor": { "red": 0, @@ -91,10 +109,10 @@ "iconPosition": "right", "iconSize": 16, "justifyContent": "space-between", - "paddingBottom": 16, - "paddingLeft": 24, - "paddingRight": 24, - "paddingTop": 16, + "paddingBottom": 14, + "paddingLeft": 22, + "paddingRight": 22, + "paddingTop": 14, "textLine": "none", "verticalAlign": "middle" } diff --git a/uds-ios-theme-koodo/Assets/Skeleton.json b/uds-ios-theme-koodo/Assets/Skeleton.json index c5a704c..f147202 100644 --- a/uds-ios-theme-koodo/Assets/Skeleton.json +++ b/uds-ios-theme-koodo/Assets/Skeleton.json @@ -11,6 +11,7 @@ "blue": 0.78431, "alpha": 1 }, + "lineRadius": 4, "radius": 99999999999999, "secondColor": { "red": 0.93725, diff --git a/uds-ios-theme-koodo/Assets/schema.json b/uds-ios-theme-koodo/Assets/schema.json index 572cda0..feba2b0 100644 --- a/uds-ios-theme-koodo/Assets/schema.json +++ b/uds-ios-theme-koodo/Assets/schema.json @@ -258,13 +258,13 @@ }, { "const": "{system.border.zero}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" }, { "const": "{system.border.none}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" } ], "$id": "#border" @@ -518,13 +518,13 @@ }, { "const": "{system.color.transparent}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" }, { "const": "{system.color.none}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" } ], "$id": "#color" @@ -543,8 +543,8 @@ }, { "const": "{system.duration.zero}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" } ], "$id": "#duration" @@ -658,8 +658,8 @@ }, { "const": "{system.fontSize.none}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" } ], "$id": "#fontSize" @@ -673,8 +673,8 @@ }, { "const": "{system.gradient.none}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" } ], "$id": "#gradient" @@ -1148,8 +1148,8 @@ }, { "const": "{system.icon.none}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" } ], "$id": "#icon" @@ -1163,8 +1163,8 @@ }, { "const": "{system.letterSpacing.none}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" } ], "$id": "#letterSpacing" @@ -1313,8 +1313,8 @@ }, { "const": "{system.opacity.opaque}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" } ], "$id": "#opacity" @@ -1378,18 +1378,18 @@ }, { "const": "{system.radius.none}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" }, { "const": "{system.radius.zero}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" }, { "const": "{system.radius.round}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" } ], "$id": "#radius" @@ -1428,8 +1428,8 @@ }, { "const": "{system.shadow.none}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" } ], "$id": "#shadow" @@ -1678,48 +1678,48 @@ }, { "const": "{system.size.none}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" }, { "const": "{system.size.full}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" }, { "const": "{system.size.twoThirds}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" }, { "const": "{system.size.zero}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" }, { "const": "{system.size.viewportXs}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" }, { "const": "{system.size.viewportSm}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" }, { "const": "{system.size.viewportMd}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" }, { "const": "{system.size.viewportLg}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" }, { "const": "{system.size.viewportXl}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" } ], "$id": "#size" @@ -1768,18 +1768,18 @@ "anyOf": [ { "const": "{system.display.inline}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" }, { "const": "{system.display.inlineBlock}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" }, { "const": "{system.display.none}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" } ], "$id": "#display" @@ -1788,18 +1788,18 @@ "anyOf": [ { "const": "{system.flexJustifyContent.center}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" }, { "const": "{system.flexJustifyContent.flexStart}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" }, { "const": "{system.flexJustifyContent.spaceBetween}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" } ], "$id": "#flexJustifyContent" @@ -1808,18 +1808,18 @@ "anyOf": [ { "const": "{system.flexAlign.center}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" }, { "const": "{system.flexAlign.flexStart}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" }, { "const": "{system.flexAlign.stretch}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" } ], "$id": "#flexAlign" @@ -1828,63 +1828,63 @@ "anyOf": [ { "const": "{system.integer.0}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", - "markdownDescription": "@telus-uds/system-tokens/v0.7.33 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.7.34 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v0.7.34 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.7.33 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", - "markdownDescription": "@telus-uds/system-tokens/v0.7.33 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.7.34 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v0.7.34 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.7.33 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", - "markdownDescription": "@telus-uds/system-tokens/v0.7.33 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.7.34 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v0.7.34 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.7.33 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", - "markdownDescription": "@telus-uds/system-tokens/v0.7.33 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.7.34 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v0.7.34 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.7.33 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", - "markdownDescription": "@telus-uds/system-tokens/v0.7.33 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.7.34 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v0.7.34 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.7.33 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", - "markdownDescription": "@telus-uds/system-tokens/v0.7.33 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.7.34 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v0.7.34 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.7.33 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", - "markdownDescription": "@telus-uds/system-tokens/v0.7.33 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.7.34 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v0.7.34 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.7.33 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", - "markdownDescription": "@telus-uds/system-tokens/v0.7.33 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.7.34 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v0.7.34 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.7.33 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", - "markdownDescription": "@telus-uds/system-tokens/v0.7.33 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.7.34 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v0.7.34 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.7.33 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", - "markdownDescription": "@telus-uds/system-tokens/v0.7.33 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.7.34 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v0.7.34 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.7.33 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", - "markdownDescription": "@telus-uds/system-tokens/v0.7.33 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.7.34 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v0.7.34 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.7.33 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", - "markdownDescription": "@telus-uds/system-tokens/v0.7.33 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.7.34 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v0.7.34 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", @@ -1897,18 +1897,18 @@ "anyOf": [ { "const": "{system.textLine.none}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" }, { "const": "{system.textLine.underline}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" }, { "const": "{system.textLine.strikethrough}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" } ], "$id": "#textLine" @@ -1917,8 +1917,8 @@ "anyOf": [ { "const": "{system.textLineStyle.solid}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" } ], "$id": "#textLineStyle" @@ -1927,23 +1927,23 @@ "anyOf": [ { "const": "{system.position.bottom}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" }, { "const": "{system.position.left}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" }, { "const": "{system.position.right}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" }, { "const": "{system.position.top}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" } ], "$id": "#position" @@ -1952,18 +1952,18 @@ "anyOf": [ { "const": "{system.direction.column}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" }, { "const": "{system.direction.row}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" }, { "const": "{system.direction.rowReverse}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" } ], "$id": "#direction" @@ -1972,13 +1972,13 @@ "anyOf": [ { "const": "{system.show.true}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" }, { "const": "{system.show.false}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" } ], "$id": "#show" @@ -1987,13 +1987,13 @@ "anyOf": [ { "const": "{system.borderStyle.none}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" }, { "const": "{system.borderStyle.solid}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" } ], "$id": "#borderStyle" @@ -2002,18 +2002,18 @@ "anyOf": [ { "const": "{system.verticalAlign.top}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" }, { "const": "{system.verticalAlign.middle}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" }, { "const": "{system.verticalAlign.baseline}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" } ], "$id": "#verticalAlign" @@ -2022,18 +2022,18 @@ "anyOf": [ { "const": "{system.iconScale.scale1}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" }, { "const": "{system.iconScale.scale1_10}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" }, { "const": "{system.iconScale.scale1_25}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" } ], "$id": "#iconScale" @@ -2042,18 +2042,18 @@ "anyOf": [ { "const": "{system.textAlign.left}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" }, { "const": "{system.textAlign.center}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" }, { "const": "{system.textAlign.right}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" } ], "$id": "#textAlign" @@ -2062,13 +2062,13 @@ "anyOf": [ { "const": "{system.textTransform.none}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" }, { "const": "{system.textTransform.uppercase}", - "description": "@telus-uds/system-tokens/v0.7.33 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.33` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" } ], "$id": "#textTransform" @@ -19832,6 +19832,9 @@ }, "squareRadius": { "$ref": "#radius" + }, + "lineRadius": { + "$ref": "#radius" } }, "required": [ @@ -19843,7 +19846,8 @@ "baseWidth", "characters", "spaceBetweenLines", - "squareRadius" + "squareRadius", + "lineRadius" ] }, "rules": { @@ -19886,6 +19890,9 @@ }, "squareRadius": { "$ref": "#radius" + }, + "lineRadius": { + "$ref": "#radius" } } }, diff --git a/uds-ios-theme-koodo/Assets/theme.json b/uds-ios-theme-koodo/Assets/theme.json index 6b9d891..d98069c 100644 --- a/uds-ios-theme-koodo/Assets/theme.json +++ b/uds-ios-theme-koodo/Assets/theme.json @@ -3609,15 +3609,14 @@ "mini": { "type": "variant", "values": [true] + }, + "pressed": { + "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.", + "values": [true, false], + "type": "state" } }, "rules": [ - { - "if": { - "compact": true - }, - "tokens": {} - }, { "if": { "mini": true @@ -3656,14 +3655,33 @@ "tokens": { "icon": "PaletteIconChevronUp" } + }, + { + "if": { + "pressed": true + }, + "tokens": { + "backgroundColor": { + "red": 0, + "green": 0, + "blue": 0, + "alpha": 0.2 + } + } + }, + { + "if": { + "compact": true + }, + "tokens": {} } ], "tokens": { "backgroundColor": { - "red": 0.93725, - "green": 0.93725, - "blue": 0.93725, - "alpha": 1 + "red": 0, + "green": 0, + "blue": 0, + "alpha": 0 }, "borderBottomLeftRadius": 0, "borderBottomRightRadius": 0, @@ -3675,7 +3693,7 @@ }, "borderTopLeftRadius": 0, "borderTopRightRadius": 0, - "borderWidth": 0, + "borderWidth": 2, "icon": "PaletteIconChevronDown", "iconColor": { "red": 0, @@ -3688,10 +3706,10 @@ "iconPosition": "right", "iconSize": 16, "justifyContent": "space-between", - "paddingBottom": 16, - "paddingLeft": 24, - "paddingRight": 24, - "paddingTop": 16, + "paddingBottom": 14, + "paddingLeft": 22, + "paddingRight": 22, + "paddingTop": 14, "textLine": "none", "verticalAlign": "middle" } @@ -8769,6 +8787,7 @@ "blue": 0.78431, "alpha": 1 }, + "lineRadius": 4, "radius": 99999999999999, "secondColor": { "red": 0.93725, @@ -12010,7 +12029,7 @@ } }, "metadata": { - "themeTokensVersion": "2.50.1", + "themeTokensVersion": "2.51.0", "name": "theme-koodo" } }