From 4e1a536250fcec5791af678a49d240b7fdf82c35 Mon Sep 17 00:00:00 2001 From: release-bot Date: Fri, 23 Feb 2024 19:56:43 +0000 Subject: [PATCH] updating theme files --- .../src/main/res/raw/Breadcrumbs.json | 2 + .../src/main/res/raw/Notification.json | 102 +++++- .../src/main/res/raw/schema.json | 295 +++++++++--------- .../src/main/res/raw/theme.json | 106 ++++++- 4 files changed, 362 insertions(+), 143 deletions(-) diff --git a/uds-android-theme-public-mobile/src/main/res/raw/Breadcrumbs.json b/uds-android-theme-public-mobile/src/main/res/raw/Breadcrumbs.json index 3ad9b6e..6a843a2 100644 --- a/uds-android-theme-public-mobile/src/main/res/raw/Breadcrumbs.json +++ b/uds-android-theme-public-mobile/src/main/res/raw/Breadcrumbs.json @@ -55,8 +55,10 @@ "blue": 0.66667, "alpha": 1 }, + "iconContainerSize": 24, "iconPadding": 4, "iconSize": 24, + "lineHeight": 1.5, "listItemPadding": 0 } } diff --git a/uds-android-theme-public-mobile/src/main/res/raw/Notification.json b/uds-android-theme-public-mobile/src/main/res/raw/Notification.json index 6330ffb..b0d9e37 100644 --- a/uds-android-theme-public-mobile/src/main/res/raw/Notification.json +++ b/uds-android-theme-public-mobile/src/main/res/raw/Notification.json @@ -2,7 +2,11 @@ "appearances": { "style": { "type": "variant", - "values": ["system", "subtle"] + "values": ["system", "success", "warning", "error", "subtle"] + }, + "system": { + "values": [true], + "type": "state" }, "validation": { "description": "Validation states for form inputs", @@ -24,6 +28,22 @@ "justifyContent": "center" } }, + { + "if": { + "system": true + }, + "tokens": { + "borderLeftWidth": 0, + "borderRadius": 0, + "borderRightWidth": 0, + "borderTopWidth": 0, + "iconGap": 16, + "paddingBottom": 12, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12 + } + }, { "if": { "style": "system" @@ -57,6 +77,38 @@ "paddingTop": 12 } }, + { + "if": { + "style": "success" + }, + "tokens": { + "backgroundColor": { + "red": 0.16863, + "green": 0.5098, + "blue": 0.43137, + "alpha": 1 + }, + "color": { + "red": 1, + "green": 1, + "blue": 1, + "alpha": 1 + }, + "dismissIconColor": { + "red": 1, + "green": 1, + "blue": 1, + "alpha": 1 + }, + "icon": "PaletteIconCheckMark", + "iconColor": { + "red": 1, + "green": 1, + "blue": 1, + "alpha": 1 + } + } + }, { "if": { "validation": "success" @@ -89,6 +141,27 @@ } } }, + { + "if": { + "style": "warning" + }, + "tokens": { + "backgroundColor": { + "red": 0.98824, + "green": 0.90196, + "blue": 0.87451, + "alpha": 1 + }, + "dismissIcon": null, + "icon": "PaletteIconWarningError", + "iconColor": { + "red": 0.22353, + "green": 0.25098, + "blue": 0.33725, + "alpha": 1 + } + } + }, { "if": { "validation": "warning" @@ -110,6 +183,33 @@ } } }, + { + "if": { + "style": "error" + }, + "tokens": { + "backgroundColor": { + "red": 0.74902, + "green": 0.0902, + "blue": 0.13333, + "alpha": 1 + }, + "color": { + "red": 1, + "green": 1, + "blue": 1, + "alpha": 1 + }, + "dismissIcon": null, + "icon": "PaletteIconWarningError", + "iconColor": { + "red": 1, + "green": 1, + "blue": 1, + "alpha": 1 + } + } + }, { "if": { "validation": "error" diff --git a/uds-android-theme-public-mobile/src/main/res/raw/schema.json b/uds-android-theme-public-mobile/src/main/res/raw/schema.json index a824632..1828d44 100644 --- a/uds-android-theme-public-mobile/src/main/res/raw/schema.json +++ b/uds-android-theme-public-mobile/src/main/res/raw/schema.json @@ -93,6 +93,7 @@ "{appearances.NavigationBar.selected}", "{appearances.NavigationBar.expanded}", "{appearances.NavigationBar.viewport}", + "{appearances.Notification.system}", "{appearances.Notification.validation}", "{appearances.PaginationPageButton.focus}", "{appearances.PaginationPageButton.hover}", @@ -263,13 +264,13 @@ }, { "const": "{system.border.zero}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" }, { "const": "{system.border.none}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" } ], "$id": "#border" @@ -498,13 +499,13 @@ }, { "const": "{system.color.transparent}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" }, { "const": "{system.color.none}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" } ], "$id": "#color" @@ -523,8 +524,8 @@ }, { "const": "{system.duration.zero}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" } ], "$id": "#duration" @@ -593,8 +594,8 @@ }, { "const": "{system.fontSize.none}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" } ], "$id": "#fontSize" @@ -608,8 +609,8 @@ }, { "const": "{system.gradient.none}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" } ], "$id": "#gradient" @@ -1153,8 +1154,8 @@ }, { "const": "{system.icon.none}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" } ], "$id": "#icon" @@ -1183,8 +1184,8 @@ }, { "const": "{system.letterSpacing.none}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" } ], "$id": "#letterSpacing" @@ -1343,8 +1344,8 @@ }, { "const": "{system.opacity.opaque}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" } ], "$id": "#opacity" @@ -1418,18 +1419,18 @@ }, { "const": "{system.radius.none}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" }, { "const": "{system.radius.zero}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" }, { "const": "{system.radius.round}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" } ], "$id": "#radius" @@ -1478,8 +1479,8 @@ }, { "const": "{system.shadow.none}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" } ], "$id": "#shadow" @@ -1738,48 +1739,48 @@ }, { "const": "{system.size.none}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" }, { "const": "{system.size.full}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" }, { "const": "{system.size.twoThirds}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" }, { "const": "{system.size.zero}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" }, { "const": "{system.size.viewportXs}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" }, { "const": "{system.size.viewportSm}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" }, { "const": "{system.size.viewportMd}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" }, { "const": "{system.size.viewportLg}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" }, { "const": "{system.size.viewportXl}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" } ], "$id": "#size" @@ -1818,18 +1819,18 @@ "anyOf": [ { "const": "{system.display.inline}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" }, { "const": "{system.display.inlineBlock}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" }, { "const": "{system.display.none}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" } ], "$id": "#display" @@ -1838,18 +1839,18 @@ "anyOf": [ { "const": "{system.flexJustifyContent.center}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" }, { "const": "{system.flexJustifyContent.flexStart}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" }, { "const": "{system.flexJustifyContent.spaceBetween}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" } ], "$id": "#flexJustifyContent" @@ -1858,18 +1859,18 @@ "anyOf": [ { "const": "{system.flexAlign.center}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" }, { "const": "{system.flexAlign.flexStart}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" }, { "const": "{system.flexAlign.stretch}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" } ], "$id": "#flexAlign" @@ -1878,63 +1879,63 @@ "anyOf": [ { "const": "{system.integer.0}", - "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." + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v0.7.35 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.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." + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v0.7.35 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.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." + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v0.7.35 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.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." + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v0.7.35 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.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." + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v0.7.35 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.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." + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v0.7.35 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.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." + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v0.7.35 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.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." + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v0.7.35 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.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." + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v0.7.35 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.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." + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v0.7.35 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.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." + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v0.7.35 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.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." + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️\nAny integer value. The spacing scale uses 0-11", + "markdownDescription": "@telus-uds/system-tokens/v0.7.35 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", @@ -1947,18 +1948,18 @@ "anyOf": [ { "const": "{system.textLine.none}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" }, { "const": "{system.textLine.underline}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" }, { "const": "{system.textLine.strikethrough}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" } ], "$id": "#textLine" @@ -1967,8 +1968,8 @@ "anyOf": [ { "const": "{system.textLineStyle.solid}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" } ], "$id": "#textLineStyle" @@ -1977,23 +1978,23 @@ "anyOf": [ { "const": "{system.position.bottom}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" }, { "const": "{system.position.left}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" }, { "const": "{system.position.right}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" }, { "const": "{system.position.top}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" } ], "$id": "#position" @@ -2002,18 +2003,18 @@ "anyOf": [ { "const": "{system.direction.column}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" }, { "const": "{system.direction.row}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" }, { "const": "{system.direction.rowReverse}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" } ], "$id": "#direction" @@ -2022,13 +2023,13 @@ "anyOf": [ { "const": "{system.show.true}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" }, { "const": "{system.show.false}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" } ], "$id": "#show" @@ -2037,13 +2038,13 @@ "anyOf": [ { "const": "{system.borderStyle.none}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" }, { "const": "{system.borderStyle.solid}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" } ], "$id": "#borderStyle" @@ -2052,18 +2053,18 @@ "anyOf": [ { "const": "{system.verticalAlign.top}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" }, { "const": "{system.verticalAlign.middle}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" }, { "const": "{system.verticalAlign.baseline}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" } ], "$id": "#verticalAlign" @@ -2072,18 +2073,18 @@ "anyOf": [ { "const": "{system.iconScale.scale1}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" }, { "const": "{system.iconScale.scale1_10}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" }, { "const": "{system.iconScale.scale1_25}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" } ], "$id": "#iconScale" @@ -2092,18 +2093,18 @@ "anyOf": [ { "const": "{system.textAlign.left}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" }, { "const": "{system.textAlign.center}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" }, { "const": "{system.textAlign.right}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" } ], "$id": "#textAlign" @@ -2112,13 +2113,13 @@ "anyOf": [ { "const": "{system.textTransform.none}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" }, { "const": "{system.textTransform.uppercase}", - "description": "@telus-uds/system-tokens/v0.7.34 system react-native tokens ⚙️", - "markdownDescription": "`@telus-uds/system-tokens/v0.7.34` **system** tokens ⚙️" + "description": "@telus-uds/system-tokens/v0.7.35 system react-native tokens ⚙️", + "markdownDescription": "`@telus-uds/system-tokens/v0.7.35` **system** tokens ⚙️" } ], "$id": "#textTransform" @@ -18994,6 +18995,9 @@ "fontSize": { "$ref": "#fontSize" }, + "lineHeight": { + "$ref": "#lineHeight" + }, "color": { "$ref": "#color" }, @@ -19012,6 +19016,9 @@ "iconPadding": { "$ref": "#size" }, + "iconContainerSize": { + "$ref": "#size" + }, "listItemPadding": { "$ref": "#size" } @@ -19020,12 +19027,14 @@ "fontWeight", "fontName", "fontSize", + "lineHeight", "color", "currentColor", "icon", "iconColor", "iconSize", "iconPadding", + "iconContainerSize", "listItemPadding" ] }, @@ -19052,6 +19061,9 @@ "fontSize": { "$ref": "#fontSize" }, + "lineHeight": { + "$ref": "#lineHeight" + }, "color": { "$ref": "#color" }, @@ -19070,6 +19082,9 @@ "iconPadding": { "$ref": "#size" }, + "iconContainerSize": { + "$ref": "#size" + }, "listItemPadding": { "$ref": "#size" } diff --git a/uds-android-theme-public-mobile/src/main/res/raw/theme.json b/uds-android-theme-public-mobile/src/main/res/raw/theme.json index a18d8b9..a6a7ce9 100644 --- a/uds-android-theme-public-mobile/src/main/res/raw/theme.json +++ b/uds-android-theme-public-mobile/src/main/res/raw/theme.json @@ -776,8 +776,10 @@ "blue": 0.66667, "alpha": 1 }, + "iconContainerSize": 24, "iconPadding": 4, "iconSize": 24, + "lineHeight": 1.5, "listItemPadding": 0 } }, @@ -5948,7 +5950,11 @@ "appearances": { "style": { "type": "variant", - "values": ["system", "subtle"] + "values": ["system", "success", "warning", "error", "subtle"] + }, + "system": { + "values": [true], + "type": "state" }, "validation": { "description": "Validation states for form inputs", @@ -5970,6 +5976,22 @@ "justifyContent": "center" } }, + { + "if": { + "system": true + }, + "tokens": { + "borderLeftWidth": 0, + "borderRadius": 0, + "borderRightWidth": 0, + "borderTopWidth": 0, + "iconGap": 16, + "paddingBottom": 12, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12 + } + }, { "if": { "style": "system" @@ -6003,6 +6025,38 @@ "paddingTop": 12 } }, + { + "if": { + "style": "success" + }, + "tokens": { + "backgroundColor": { + "red": 0.16863, + "green": 0.5098, + "blue": 0.43137, + "alpha": 1 + }, + "color": { + "red": 1, + "green": 1, + "blue": 1, + "alpha": 1 + }, + "dismissIconColor": { + "red": 1, + "green": 1, + "blue": 1, + "alpha": 1 + }, + "icon": "PaletteIconCheckMark", + "iconColor": { + "red": 1, + "green": 1, + "blue": 1, + "alpha": 1 + } + } + }, { "if": { "validation": "success" @@ -6035,6 +6089,27 @@ } } }, + { + "if": { + "style": "warning" + }, + "tokens": { + "backgroundColor": { + "red": 0.98824, + "green": 0.90196, + "blue": 0.87451, + "alpha": 1 + }, + "dismissIcon": null, + "icon": "PaletteIconWarningError", + "iconColor": { + "red": 0.22353, + "green": 0.25098, + "blue": 0.33725, + "alpha": 1 + } + } + }, { "if": { "validation": "warning" @@ -6056,6 +6131,33 @@ } } }, + { + "if": { + "style": "error" + }, + "tokens": { + "backgroundColor": { + "red": 0.74902, + "green": 0.0902, + "blue": 0.13333, + "alpha": 1 + }, + "color": { + "red": 1, + "green": 1, + "blue": 1, + "alpha": 1 + }, + "dismissIcon": null, + "icon": "PaletteIconWarningError", + "iconColor": { + "red": 1, + "green": 1, + "blue": 1, + "alpha": 1 + } + } + }, { "if": { "validation": "error" @@ -11658,7 +11760,7 @@ } }, "metadata": { - "themeTokensVersion": "2.51.0", + "themeTokensVersion": "2.52.0", "name": "theme-public-mobile" } }