From 666d0e8136e25cc14917fb9ac7b9dd3d6865d374 Mon Sep 17 00:00:00 2001 From: release-bot Date: Thu, 31 Oct 2024 05:29:50 +0000 Subject: [PATCH] updating theme files --- uds-ios-theme-koodo/Assets/Modal.json | 13 +- uds-ios-theme-koodo/Assets/NavigationBar.json | 58 ++-- uds-ios-theme-koodo/Assets/schema.json | 289 +++++++++--------- uds-ios-theme-koodo/Assets/theme.json | 73 +++-- 4 files changed, 237 insertions(+), 196 deletions(-) diff --git a/uds-ios-theme-koodo/Assets/Modal.json b/uds-ios-theme-koodo/Assets/Modal.json index c57286a..6327386 100644 --- a/uds-ios-theme-koodo/Assets/Modal.json +++ b/uds-ios-theme-koodo/Assets/Modal.json @@ -24,6 +24,8 @@ "tokens": { "direction": "column", "height": "100%", + "marginLeft": 24, + "marginRight": 24, "paddingBottom": 24, "paddingLeft": 24, "paddingRight": 24, @@ -164,6 +166,7 @@ "containerPaddingRight": 0, "containerPaddingTop": 0, "direction": "row", + "footerTopWidth": 0, "gap": 16, "headingColor": { "red": 0, @@ -173,8 +176,8 @@ }, "headingPaddingRight": 24, "height": null, - "marginLeft": 24, - "marginRight": 24, + "marginLeft": 32, + "marginRight": 32, "maxWidth": "100%", "paddingBottom": 24, "paddingLeft": 24, @@ -183,14 +186,14 @@ "shadow": { "inset": false, "offsetX": 0, - "offsetY": 0, - "blur": 0, + "offsetY": 4, + "blur": 8, "spread": 0, "color": { "red": 0, "green": 0, "blue": 0, - "alpha": 0 + "alpha": 0.1 } }, "subHeadingMarginTop": 8 diff --git a/uds-ios-theme-koodo/Assets/NavigationBar.json b/uds-ios-theme-koodo/Assets/NavigationBar.json index b3eec9c..6f5c028 100644 --- a/uds-ios-theme-koodo/Assets/NavigationBar.json +++ b/uds-ios-theme-koodo/Assets/NavigationBar.json @@ -28,29 +28,29 @@ }, "tokens": { "backgroundColor": { - "red": 0, - "green": 0, - "blue": 0, + "red": 0.78824, + "green": 0.78431, + "blue": 0.78431, "alpha": 1 }, "borderColor": { - "red": 0, - "green": 0, - "blue": 0, + "red": 0.78824, + "green": 0.78431, + "blue": 0.78431, "alpha": 1 }, "color": { - "red": 1, - "green": 1, - "blue": 1, + "red": 0, + "green": 0, + "blue": 0, "alpha": 1 }, "fontName": "StagSans", "fontWeight": 600, "outerBorderColor": { - "red": 0, - "green": 0, - "blue": 0, + "red": 0.78824, + "green": 0.78431, + "blue": 0.78431, "alpha": 1 } } @@ -78,6 +78,12 @@ "green": 0.78431, "blue": 0.78431, "alpha": 1 + }, + "outerBorderColor": { + "red": 0.34902, + "green": 0.34902, + "blue": 0.34902, + "alpha": 1 } } }, @@ -90,6 +96,14 @@ "width": 288 } }, + { + "if": { + "viewport": ["xl"] + }, + "tokens": { + "borderRadius": 32 + } + }, { "if": { "pressed": true, @@ -142,13 +156,13 @@ "alpha": 1 }, "borderColor": { - "red": 1, - "green": 1, - "blue": 1, - "alpha": 1 + "red": 0, + "green": 0, + "blue": 0, + "alpha": 0 }, "borderRadius": 4, - "borderWidth": 4, + "borderWidth": 0, "color": { "red": 0, "green": 0, @@ -169,13 +183,13 @@ "alpha": 0 }, "outerBorderColor": { - "red": 0, - "green": 0, - "blue": 0, - "alpha": 0 + "red": 0.78824, + "green": 0.78431, + "blue": 0.78431, + "alpha": 1 }, "outerBorderGap": 0, - "outerBorderWidth": 0, + "outerBorderWidth": 1, "paddingBottom": 6, "paddingLeft": 16, "paddingRight": 16, diff --git a/uds-ios-theme-koodo/Assets/schema.json b/uds-ios-theme-koodo/Assets/schema.json index 0a03ca5..d305deb 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/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" }, { "const": "{system.border.none}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" } ], "$id": "#border" @@ -544,13 +544,13 @@ }, { "const": "{system.color.transparent}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" }, { "const": "{system.color.none}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" } ], "$id": "#color" @@ -569,8 +569,8 @@ }, { "const": "{system.duration.zero}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" } ], "$id": "#duration" @@ -684,8 +684,8 @@ }, { "const": "{system.fontSize.none}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" } ], "$id": "#fontSize" @@ -699,8 +699,8 @@ }, { "const": "{system.gradient.none}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" } ], "$id": "#gradient" @@ -1234,8 +1234,8 @@ }, { "const": "{system.icon.none}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" } ], "$id": "#icon" @@ -1249,8 +1249,8 @@ }, { "const": "{system.letterSpacing.none}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" } ], "$id": "#letterSpacing" @@ -1399,8 +1399,8 @@ }, { "const": "{system.opacity.opaque}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" } ], "$id": "#opacity" @@ -1474,18 +1474,18 @@ }, { "const": "{system.radius.none}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" }, { "const": "{system.radius.zero}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" }, { "const": "{system.radius.round}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" } ], "$id": "#radius" @@ -1524,8 +1524,8 @@ }, { "const": "{system.shadow.none}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" } ], "$id": "#shadow" @@ -1784,48 +1784,48 @@ }, { "const": "{system.size.none}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" }, { "const": "{system.size.full}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" }, { "const": "{system.size.twoThirds}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" }, { "const": "{system.size.zero}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" }, { "const": "{system.size.viewportXs}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" }, { "const": "{system.size.viewportSm}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" }, { "const": "{system.size.viewportMd}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" }, { "const": "{system.size.viewportLg}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" }, { "const": "{system.size.viewportXl}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" } ], "$id": "#size" @@ -1874,18 +1874,18 @@ "anyOf": [ { "const": "{system.display.inline}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" }, { "const": "{system.display.inlineBlock}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" }, { "const": "{system.display.none}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" } ], "$id": "#display" @@ -1894,18 +1894,18 @@ "anyOf": [ { "const": "{system.flexJustifyContent.center}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" }, { "const": "{system.flexJustifyContent.flexStart}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" }, { "const": "{system.flexJustifyContent.spaceBetween}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" } ], "$id": "#flexJustifyContent" @@ -1914,18 +1914,18 @@ "anyOf": [ { "const": "{system.flexAlign.center}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" }, { "const": "{system.flexAlign.flexStart}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" }, { "const": "{system.flexAlign.stretch}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" } ], "$id": "#flexAlign" @@ -1934,63 +1934,63 @@ "anyOf": [ { "const": "{system.integer.0}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", - "markdownDescription": "@telus-uds/system-tokens/v0.9.3 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/v0.10.0 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v0.10.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.com/universal-design-system/docs/themes) docs." }, { "const": "{system.integer.1}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", - "markdownDescription": "@telus-uds/system-tokens/v0.9.3 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/v0.10.0 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v0.10.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.com/universal-design-system/docs/themes) docs." }, { "const": "{system.integer.2}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", - "markdownDescription": "@telus-uds/system-tokens/v0.9.3 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/v0.10.0 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v0.10.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.com/universal-design-system/docs/themes) docs." }, { "const": "{system.integer.3}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", - "markdownDescription": "@telus-uds/system-tokens/v0.9.3 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/v0.10.0 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v0.10.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.com/universal-design-system/docs/themes) docs." }, { "const": "{system.integer.4}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", - "markdownDescription": "@telus-uds/system-tokens/v0.9.3 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/v0.10.0 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v0.10.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.com/universal-design-system/docs/themes) docs." }, { "const": "{system.integer.5}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", - "markdownDescription": "@telus-uds/system-tokens/v0.9.3 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/v0.10.0 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v0.10.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.com/universal-design-system/docs/themes) docs." }, { "const": "{system.integer.6}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", - "markdownDescription": "@telus-uds/system-tokens/v0.9.3 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/v0.10.0 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v0.10.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.com/universal-design-system/docs/themes) docs." }, { "const": "{system.integer.7}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", - "markdownDescription": "@telus-uds/system-tokens/v0.9.3 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/v0.10.0 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v0.10.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.com/universal-design-system/docs/themes) docs." }, { "const": "{system.integer.8}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", - "markdownDescription": "@telus-uds/system-tokens/v0.9.3 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/v0.10.0 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v0.10.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.com/universal-design-system/docs/themes) docs." }, { "const": "{system.integer.9}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", - "markdownDescription": "@telus-uds/system-tokens/v0.9.3 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/v0.10.0 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v0.10.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.com/universal-design-system/docs/themes) docs." }, { "const": "{system.integer.10}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", - "markdownDescription": "@telus-uds/system-tokens/v0.9.3 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/v0.10.0 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v0.10.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.com/universal-design-system/docs/themes) docs." }, { "const": "{system.integer.11}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", - "markdownDescription": "@telus-uds/system-tokens/v0.9.3 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/v0.10.0 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v0.10.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.com/universal-design-system/docs/themes) docs." }, { "type": "string", @@ -2003,18 +2003,18 @@ "anyOf": [ { "const": "{system.textLine.none}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" }, { "const": "{system.textLine.underline}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" }, { "const": "{system.textLine.strikethrough}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" } ], "$id": "#textLine" @@ -2023,8 +2023,8 @@ "anyOf": [ { "const": "{system.textLineStyle.solid}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" } ], "$id": "#textLineStyle" @@ -2033,23 +2033,23 @@ "anyOf": [ { "const": "{system.position.bottom}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" }, { "const": "{system.position.left}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" }, { "const": "{system.position.right}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" }, { "const": "{system.position.top}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" } ], "$id": "#position" @@ -2058,18 +2058,18 @@ "anyOf": [ { "const": "{system.direction.column}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" }, { "const": "{system.direction.row}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" }, { "const": "{system.direction.rowReverse}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" } ], "$id": "#direction" @@ -2078,13 +2078,13 @@ "anyOf": [ { "const": "{system.show.true}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" }, { "const": "{system.show.false}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" } ], "$id": "#show" @@ -2093,13 +2093,13 @@ "anyOf": [ { "const": "{system.borderStyle.none}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" }, { "const": "{system.borderStyle.solid}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" } ], "$id": "#borderStyle" @@ -2108,18 +2108,18 @@ "anyOf": [ { "const": "{system.verticalAlign.top}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" }, { "const": "{system.verticalAlign.middle}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" }, { "const": "{system.verticalAlign.baseline}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" } ], "$id": "#verticalAlign" @@ -2128,18 +2128,18 @@ "anyOf": [ { "const": "{system.iconScale.scale1}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" }, { "const": "{system.iconScale.scale1_10}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" }, { "const": "{system.iconScale.scale1_25}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" } ], "$id": "#iconScale" @@ -2148,18 +2148,18 @@ "anyOf": [ { "const": "{system.textAlign.left}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" }, { "const": "{system.textAlign.center}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" }, { "const": "{system.textAlign.right}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" } ], "$id": "#textAlign" @@ -2168,13 +2168,13 @@ "anyOf": [ { "const": "{system.textTransform.none}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" }, { "const": "{system.textTransform.uppercase}", - "description": "@telus-uds/system-tokens/v0.9.3 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.9.3` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.10.0 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.10.0` **system** tokens ⚙️" } ], "$id": "#textTransform" @@ -12701,6 +12701,9 @@ }, "direction": { "$ref": "#direction" + }, + "footerTopWidth": { + "$ref": "#size" } }, "required": [ @@ -12731,7 +12734,8 @@ "closeIconColor", "closeIconSize", "closePadding", - "direction" + "direction", + "footerTopWidth" ] }, "rules": { @@ -12831,6 +12835,9 @@ }, "direction": { "$ref": "#direction" + }, + "footerTopWidth": { + "$ref": "#size" } } }, diff --git a/uds-ios-theme-koodo/Assets/theme.json b/uds-ios-theme-koodo/Assets/theme.json index 8a1f732..9d404b0 100644 --- a/uds-ios-theme-koodo/Assets/theme.json +++ b/uds-ios-theme-koodo/Assets/theme.json @@ -6568,6 +6568,8 @@ "tokens": { "direction": "column", "height": "100%", + "marginLeft": 24, + "marginRight": 24, "paddingBottom": 24, "paddingLeft": 24, "paddingRight": 24, @@ -6708,6 +6710,7 @@ "containerPaddingRight": 0, "containerPaddingTop": 0, "direction": "row", + "footerTopWidth": 0, "gap": 16, "headingColor": { "red": 0, @@ -6717,8 +6720,8 @@ }, "headingPaddingRight": 24, "height": null, - "marginLeft": 24, - "marginRight": 24, + "marginLeft": 32, + "marginRight": 32, "maxWidth": "100%", "paddingBottom": 24, "paddingLeft": 24, @@ -6727,14 +6730,14 @@ "shadow": { "inset": false, "offsetX": 0, - "offsetY": 0, - "blur": 0, + "offsetY": 4, + "blur": 8, "spread": 0, "color": { "red": 0, "green": 0, "blue": 0, - "alpha": 0 + "alpha": 0.1 } }, "subHeadingMarginTop": 8 @@ -6846,29 +6849,29 @@ }, "tokens": { "backgroundColor": { - "red": 0, - "green": 0, - "blue": 0, + "red": 0.78824, + "green": 0.78431, + "blue": 0.78431, "alpha": 1 }, "borderColor": { - "red": 0, - "green": 0, - "blue": 0, + "red": 0.78824, + "green": 0.78431, + "blue": 0.78431, "alpha": 1 }, "color": { - "red": 1, - "green": 1, - "blue": 1, + "red": 0, + "green": 0, + "blue": 0, "alpha": 1 }, "fontName": "StagSans", "fontWeight": 600, "outerBorderColor": { - "red": 0, - "green": 0, - "blue": 0, + "red": 0.78824, + "green": 0.78431, + "blue": 0.78431, "alpha": 1 } } @@ -6896,6 +6899,12 @@ "green": 0.78431, "blue": 0.78431, "alpha": 1 + }, + "outerBorderColor": { + "red": 0.34902, + "green": 0.34902, + "blue": 0.34902, + "alpha": 1 } } }, @@ -6908,6 +6917,14 @@ "width": 288 } }, + { + "if": { + "viewport": ["xl"] + }, + "tokens": { + "borderRadius": 32 + } + }, { "if": { "pressed": true, @@ -6960,13 +6977,13 @@ "alpha": 1 }, "borderColor": { - "red": 1, - "green": 1, - "blue": 1, - "alpha": 1 + "red": 0, + "green": 0, + "blue": 0, + "alpha": 0 }, "borderRadius": 4, - "borderWidth": 4, + "borderWidth": 0, "color": { "red": 0, "green": 0, @@ -6987,13 +7004,13 @@ "alpha": 0 }, "outerBorderColor": { - "red": 0, - "green": 0, - "blue": 0, - "alpha": 0 + "red": 0.78824, + "green": 0.78431, + "blue": 0.78431, + "alpha": 1 }, "outerBorderGap": 0, - "outerBorderWidth": 0, + "outerBorderWidth": 1, "paddingBottom": 6, "paddingLeft": 16, "paddingRight": 16, @@ -13857,7 +13874,7 @@ } }, "metadata": { - "themeTokensVersion": "2.65.0", + "themeTokensVersion": "2.66.0", "name": "theme-koodo" } }