diff --git a/uds-ios-theme-koodo/Assets/Autocomplete.json b/uds-ios-theme-koodo/Assets/Autocomplete.json new file mode 100644 index 0000000..19e741f --- /dev/null +++ b/uds-ios-theme-koodo/Assets/Autocomplete.json @@ -0,0 +1,14 @@ +{ + "appearances": {}, + "rules": [], + "tokens": { + "color": { + "red": 0.4, + "green": 0.4, + "blue": 0.4, + "alpha": 1 + }, + "maxHeight": "100%", + "overflowY": "visible" + } +} diff --git a/uds-ios-theme-koodo/Assets/Card.json b/uds-ios-theme-koodo/Assets/Card.json index 2990bb2..9b9d533 100644 --- a/uds-ios-theme-koodo/Assets/Card.json +++ b/uds-ios-theme-koodo/Assets/Card.json @@ -424,7 +424,9 @@ } }, "inputWidth": 32, + "maxHeight": "100%", "minWidth": null, + "overflowY": "visible", "paddingBottom": 32, "paddingLeft": 24, "paddingRight": 24, diff --git a/uds-ios-theme-koodo/Assets/List.json b/uds-ios-theme-koodo/Assets/List.json index 67ade66..eaeca54 100644 --- a/uds-ios-theme-koodo/Assets/List.json +++ b/uds-ios-theme-koodo/Assets/List.json @@ -32,6 +32,7 @@ "iconMarginTop": 2, "itemFontSize": 14, "itemIconSize": 14, + "itemLineHeight": 1.42857142857, "listGutter": 10 } }, @@ -41,7 +42,7 @@ }, "tokens": { "iconMarginTop": 1, - "itemLineHeight": 1.2 + "itemLineHeight": 1.25 } }, { @@ -50,7 +51,7 @@ "size": "small" }, "tokens": { - "itemLineHeight": 1.1 + "itemLineHeight": 1.14285714286 } }, { @@ -72,7 +73,7 @@ "alpha": 1 }, "dividerSize": 1, - "iconMarginTop": 2, + "iconMarginTop": 0, "interItemMargin": 8, "interItemMarginWithDivider": 16, "itemBulletColor": { @@ -93,13 +94,13 @@ "alpha": 1 }, "itemIconSize": 24, - "itemLineHeight": 1.3, + "itemLineHeight": 1.5, "itemTextColor": { "red": 0, "green": 0, "blue": 0, "alpha": 1 }, - "listGutter": 10 + "listGutter": 8 } } diff --git a/uds-ios-theme-koodo/Assets/schema.json b/uds-ios-theme-koodo/Assets/schema.json index 7a307a1..41f3d80 100644 --- a/uds-ios-theme-koodo/Assets/schema.json +++ b/uds-ios-theme-koodo/Assets/schema.json @@ -274,13 +274,13 @@ }, { "const": "{system.border.zero}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" }, { "const": "{system.border.none}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" } ], "$id": "#border" @@ -544,13 +544,13 @@ }, { "const": "{system.color.transparent}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" }, { "const": "{system.color.none}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" } ], "$id": "#color" @@ -569,8 +569,8 @@ }, { "const": "{system.duration.zero}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" } ], "$id": "#duration" @@ -684,8 +684,8 @@ }, { "const": "{system.fontSize.none}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" } ], "$id": "#fontSize" @@ -699,8 +699,8 @@ }, { "const": "{system.gradient.none}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" } ], "$id": "#gradient" @@ -1234,8 +1234,8 @@ }, { "const": "{system.icon.none}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" } ], "$id": "#icon" @@ -1249,8 +1249,8 @@ }, { "const": "{system.letterSpacing.none}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" } ], "$id": "#letterSpacing" @@ -1399,8 +1399,8 @@ }, { "const": "{system.opacity.opaque}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" } ], "$id": "#opacity" @@ -1474,18 +1474,18 @@ }, { "const": "{system.radius.none}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" }, { "const": "{system.radius.zero}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" }, { "const": "{system.radius.round}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" } ], "$id": "#radius" @@ -1524,8 +1524,8 @@ }, { "const": "{system.shadow.none}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" } ], "$id": "#shadow" @@ -1784,48 +1784,48 @@ }, { "const": "{system.size.none}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" }, { "const": "{system.size.full}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" }, { "const": "{system.size.twoThirds}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" }, { "const": "{system.size.zero}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" }, { "const": "{system.size.viewportXs}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" }, { "const": "{system.size.viewportSm}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" }, { "const": "{system.size.viewportMd}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" }, { "const": "{system.size.viewportLg}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" }, { "const": "{system.size.viewportXl}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" } ], "$id": "#size" @@ -1874,18 +1874,18 @@ "anyOf": [ { "const": "{system.display.inline}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" }, { "const": "{system.display.inlineBlock}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" }, { "const": "{system.display.none}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" } ], "$id": "#display" @@ -1894,18 +1894,18 @@ "anyOf": [ { "const": "{system.flexJustifyContent.center}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" }, { "const": "{system.flexJustifyContent.flexStart}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" }, { "const": "{system.flexJustifyContent.spaceBetween}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" } ], "$id": "#flexJustifyContent" @@ -1914,83 +1914,128 @@ "anyOf": [ { "const": "{system.flexAlign.center}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" }, { "const": "{system.flexAlign.flexStart}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" }, { "const": "{system.flexAlign.stretch}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" } ], "$id": "#flexAlign" }, + "overflow": { + "anyOf": [ + { + "const": "{system.overflow.visible}", + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" + }, + { + "const": "{system.overflow.hidden}", + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" + }, + { + "const": "{system.overflow.scroll}", + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" + }, + { + "const": "{system.overflow.auto}", + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" + }, + { + "const": "{system.overflow.clip}", + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" + }, + { + "const": "{system.overflow.inherit}", + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" + }, + { + "const": "{system.overflow.initial}", + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" + }, + { + "const": "{system.overflow.unset}", + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" + } + ], + "$id": "#overflow" + }, "integer": { "anyOf": [ { "const": "{system.integer.0}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", - "markdownDescription": "@telus-uds/system-tokens/v1.0.1 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.com/universal-design-system/docs/themes) docs." + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v1.0.2 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.com/universal-design-system/docs/themes) docs." }, { "const": "{system.integer.1}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", - "markdownDescription": "@telus-uds/system-tokens/v1.0.1 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.com/universal-design-system/docs/themes) docs." + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v1.0.2 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.com/universal-design-system/docs/themes) docs." }, { "const": "{system.integer.2}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", - "markdownDescription": "@telus-uds/system-tokens/v1.0.1 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.com/universal-design-system/docs/themes) docs." + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v1.0.2 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.com/universal-design-system/docs/themes) docs." }, { "const": "{system.integer.3}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", - "markdownDescription": "@telus-uds/system-tokens/v1.0.1 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.com/universal-design-system/docs/themes) docs." + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v1.0.2 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.com/universal-design-system/docs/themes) docs." }, { "const": "{system.integer.4}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", - "markdownDescription": "@telus-uds/system-tokens/v1.0.1 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.com/universal-design-system/docs/themes) docs." + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v1.0.2 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.com/universal-design-system/docs/themes) docs." }, { "const": "{system.integer.5}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", - "markdownDescription": "@telus-uds/system-tokens/v1.0.1 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.com/universal-design-system/docs/themes) docs." + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v1.0.2 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.com/universal-design-system/docs/themes) docs." }, { "const": "{system.integer.6}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", - "markdownDescription": "@telus-uds/system-tokens/v1.0.1 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.com/universal-design-system/docs/themes) docs." + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v1.0.2 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.com/universal-design-system/docs/themes) docs." }, { "const": "{system.integer.7}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", - "markdownDescription": "@telus-uds/system-tokens/v1.0.1 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.com/universal-design-system/docs/themes) docs." + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v1.0.2 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.com/universal-design-system/docs/themes) docs." }, { "const": "{system.integer.8}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", - "markdownDescription": "@telus-uds/system-tokens/v1.0.1 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.com/universal-design-system/docs/themes) docs." + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v1.0.2 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.com/universal-design-system/docs/themes) docs." }, { "const": "{system.integer.9}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", - "markdownDescription": "@telus-uds/system-tokens/v1.0.1 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.com/universal-design-system/docs/themes) docs." + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v1.0.2 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.com/universal-design-system/docs/themes) docs." }, { "const": "{system.integer.10}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", - "markdownDescription": "@telus-uds/system-tokens/v1.0.1 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.com/universal-design-system/docs/themes) docs." + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v1.0.2 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.com/universal-design-system/docs/themes) docs." }, { "const": "{system.integer.11}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", - "markdownDescription": "@telus-uds/system-tokens/v1.0.1 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.com/universal-design-system/docs/themes) docs." + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v1.0.2 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.com/universal-design-system/docs/themes) docs." }, { "type": "string", @@ -2003,18 +2048,18 @@ "anyOf": [ { "const": "{system.textLine.none}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" }, { "const": "{system.textLine.underline}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" }, { "const": "{system.textLine.strikethrough}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" } ], "$id": "#textLine" @@ -2023,8 +2068,8 @@ "anyOf": [ { "const": "{system.textLineStyle.solid}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" } ], "$id": "#textLineStyle" @@ -2033,23 +2078,23 @@ "anyOf": [ { "const": "{system.position.bottom}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" }, { "const": "{system.position.left}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" }, { "const": "{system.position.right}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" }, { "const": "{system.position.top}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" } ], "$id": "#position" @@ -2058,18 +2103,18 @@ "anyOf": [ { "const": "{system.direction.column}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" }, { "const": "{system.direction.row}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" }, { "const": "{system.direction.rowReverse}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" } ], "$id": "#direction" @@ -2078,13 +2123,13 @@ "anyOf": [ { "const": "{system.show.true}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" }, { "const": "{system.show.false}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" } ], "$id": "#show" @@ -2093,13 +2138,13 @@ "anyOf": [ { "const": "{system.borderStyle.none}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" }, { "const": "{system.borderStyle.solid}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" } ], "$id": "#borderStyle" @@ -2108,18 +2153,18 @@ "anyOf": [ { "const": "{system.verticalAlign.top}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" }, { "const": "{system.verticalAlign.middle}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" }, { "const": "{system.verticalAlign.baseline}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" } ], "$id": "#verticalAlign" @@ -2128,18 +2173,18 @@ "anyOf": [ { "const": "{system.iconScale.scale1}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" }, { "const": "{system.iconScale.scale1_10}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" }, { "const": "{system.iconScale.scale1_25}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" } ], "$id": "#iconScale" @@ -2148,18 +2193,18 @@ "anyOf": [ { "const": "{system.textAlign.left}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" }, { "const": "{system.textAlign.center}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" }, { "const": "{system.textAlign.right}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" } ], "$id": "#textAlign" @@ -2168,13 +2213,13 @@ "anyOf": [ { "const": "{system.textTransform.none}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" }, { "const": "{system.textTransform.uppercase}", - "description": "@telus-uds/system-tokens/v1.0.1 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v1.0.1` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v1.0.2 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v1.0.2` **system** tokens ⚙️" } ], "$id": "#textTransform" @@ -2187,6 +2232,80 @@ "type": "object", "additionalProperties": false, "properties": { + "Autocomplete": { + "type": "object", + "additionalProperties": false, + "properties": { + "appearances": { + "type": "object", + "additionalProperties": false, + "patternProperties": { + "^[a-z]+([A-Z0-9][a-z0-9]*)*$": { + "$ref": "#appearance" + } + } + }, + "tokens": { + "type": "object", + "additionalProperties": false, + "properties": { + "color": { + "$ref": "#color" + }, + "maxHeight": { + "$ref": "#size" + }, + "overflowY": { + "$ref": "#overflow" + } + }, + "required": [ + "color", + "maxHeight", + "overflowY" + ] + }, + "rules": { + "type": "array", + "items": { + "type": "object", + "additionalProperties": false, + "properties": { + "if": { + "type": "object", + "minProperties": 1 + }, + "tokens": { + "type": "object", + "additionalProperties": false, + "properties": { + "color": { + "$ref": "#color" + }, + "maxHeight": { + "$ref": "#size" + }, + "overflowY": { + "$ref": "#overflow" + } + } + }, + "description": { + "type": "string" + } + }, + "required": [ + "if", + "tokens" + ] + } + } + }, + "required": [ + "tokens", + "rules" + ] + }, "ActionCard": { "type": "object", "additionalProperties": false, @@ -7551,6 +7670,12 @@ }, "inputBorderColor": { "$ref": "#color" + }, + "maxHeight": { + "$ref": "#size" + }, + "overflowY": { + "$ref": "#overflow" } }, "required": [ @@ -7581,7 +7706,9 @@ "iconSize", "inputShadow", "inputBorderWidth", - "inputBorderColor" + "inputBorderColor", + "maxHeight", + "overflowY" ] }, "rules": { @@ -7681,6 +7808,12 @@ }, "inputBorderColor": { "$ref": "#color" + }, + "maxHeight": { + "$ref": "#size" + }, + "overflowY": { + "$ref": "#overflow" } } }, @@ -21732,6 +21865,7 @@ } }, "required": [ + "Autocomplete", "ActionCard", "SplashButton", "SplashButtonWithDetails", diff --git a/uds-ios-theme-koodo/Assets/theme.json b/uds-ios-theme-koodo/Assets/theme.json index 14edf78..a7b3fbc 100644 --- a/uds-ios-theme-koodo/Assets/theme.json +++ b/uds-ios-theme-koodo/Assets/theme.json @@ -178,6 +178,20 @@ "thickness": 2 } }, + "Autocomplete": { + "appearances": {}, + "rules": [], + "tokens": { + "color": { + "red": 0.4, + "green": 0.4, + "blue": 0.4, + "alpha": 1 + }, + "maxHeight": "100%", + "overflowY": "visible" + } + }, "Badge": { "appearances": { "alternative": { @@ -2620,7 +2634,9 @@ } }, "inputWidth": 32, + "maxHeight": "100%", "minWidth": null, + "overflowY": "visible", "paddingBottom": 32, "paddingLeft": 24, "paddingRight": 24, @@ -6156,6 +6172,7 @@ "iconMarginTop": 2, "itemFontSize": 14, "itemIconSize": 14, + "itemLineHeight": 1.42857142857, "listGutter": 10 } }, @@ -6165,7 +6182,7 @@ }, "tokens": { "iconMarginTop": 1, - "itemLineHeight": 1.2 + "itemLineHeight": 1.25 } }, { @@ -6174,7 +6191,7 @@ "size": "small" }, "tokens": { - "itemLineHeight": 1.1 + "itemLineHeight": 1.14285714286 } }, { @@ -6196,7 +6213,7 @@ "alpha": 1 }, "dividerSize": 1, - "iconMarginTop": 2, + "iconMarginTop": 0, "interItemMargin": 8, "interItemMarginWithDivider": 16, "itemBulletColor": { @@ -6217,14 +6234,14 @@ "alpha": 1 }, "itemIconSize": 24, - "itemLineHeight": 1.3, + "itemLineHeight": 1.5, "itemTextColor": { "red": 0, "green": 0, "blue": 0, "alpha": 1 }, - "listGutter": 10 + "listGutter": 8 } }, "Listbox": { @@ -14012,7 +14029,7 @@ } }, "metadata": { - "themeTokensVersion": "3.1.0", + "themeTokensVersion": "3.2.0", "name": "theme-koodo" } }