@telus-uds/theme-koodo 5.17.0 → 5.19.0

package/build/web/spacingScale.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 26 Jul 2024 21:16:07 GMT
+ * Generated on Thu, 22 Aug 2024 18:15:48 GMT
  *
  */
 

package/build/web/theme.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 26 Jul 2024 21:16:07 GMT
+ * Generated on Thu, 22 Aug 2024 18:15:48 GMT
  *
  */
 
@@ -1182,7 +1182,7 @@ const theme = {
         background: {
           description: 'Defines background related attributes of Card',
           type: 'variant',
-          values: [ 'alternative', 'subtle', 'grid', 'feature' ]
+          values: [ 'alternative', 'subtle', 'grid', 'feature', 'plain' ]
         },
         borderRadius: { type: 'variant', values: [ 'none', 'small', 'large' ] },
         focus: {
@@ -1288,6 +1288,10 @@ const theme = {
             borderWidth: 0
           }
         },
+        {
+          if: { background: 'plain' },
+          tokens: { backgroundColor: '#ffffff', borderWidth: 0 }
+        },
         {
           if: { viewport: [ 'md', 'lg', 'xl' ] },
           tokens: {
@@ -3272,7 +3276,7 @@ const theme = {
         width: null
       }
     },
-    Image: { appearances: {}, rules: [], tokens: { borderRadius: 4 } },
+    Image: { appearances: {}, rules: [], tokens: { borderRadius: null } },
     InputLabel: {
       appearances: {},
       rules: [],
@@ -4276,13 +4280,14 @@ const theme = {
         itemBulletHeight: 4,
         itemBulletTextAlign: 'right',
         itemBulletWidth: 4,
-        itemColor: '#000000',
+        itemColor: null,
         itemFontName: 'StagSans',
         itemFontSize: 16,
         itemFontWeight: '400',
         itemLineHeight: 1.5,
         itemMarginTop: 0,
         itemPaddingTop: 0,
+        itemTextColor: '#000000',
         listGutter: 8
       }
     },
@@ -5666,6 +5671,7 @@ const theme = {
     },
     Select: {
       appearances: {
+        active: { type: 'state', values: [ true ] },
         focus: {
           description: 'Focus states for some input elements are well supported across web, RN, ios and android',
           type: 'state',
@@ -5726,6 +5732,10 @@ const theme = {
             borderColor: '#efefef',
             icon: null
           }
+        },
+        {
+          if: { active: true },
+          tokens: { icon: PaletteIconChevronUp }
         }
       ],
       tokens: {
@@ -7380,9 +7390,9 @@ const theme = {
         arrowBorderRadius: 0,
         arrowOffset: 4,
         arrowWidth: 8,
-        backgroundColor: '#e0d8fc',
+        backgroundColor: '#595959',
         borderRadius: 4,
-        color: '#000000',
+        color: '#ffffff',
         fontName: 'StagSans',
         fontSize: 14,
         fontWeight: '400',
@@ -7986,6 +7996,6 @@ const theme = {
       tokens: { size: 96 }
     }
   },
-  metadata: { name: 'theme-koodo', themeTokensVersion: '2.60.0' }
+  metadata: { name: 'theme-koodo', themeTokensVersion: '2.62.0' }
 }
 export default theme

package/package.json

@@ -6,7 +6,7 @@
   "description": "Koodo theme",
   "devDependencies": {
     "@telus-uds/palette-koodo": "^1.6.0",
-    "@telus-uds/system-theme-tokens": "^2.60.0"
+    "@telus-uds/system-theme-tokens": "^2.62.0"
   },
   "files": [
     "build",
@@ -31,5 +31,5 @@
     "build": "UDS_PALETTE=@telus-uds/palette-koodo system-tokens-build-theme",
     "dev": "nodemon -w src -x 'npm run build'"
   },
-  "version": "5.17.0"
+  "version": "5.19.0"
 }

package/theme.json

@@ -1508,7 +1508,7 @@
         "background": {
           "description": "Defines background related attributes of Card",
           "type": "variant",
-          "values": ["alternative", "subtle", "grid", "feature"]
+          "values": ["alternative", "subtle", "grid", "feature", "plain"]
         },
         "borderRadius": {
           "type": "variant",
@@ -1655,6 +1655,15 @@
             "borderWidth": "{palette.border.none}"
           }
         },
+        {
+          "if": {
+            "background": "plain"
+          },
+          "tokens": {
+            "backgroundColor": "{palette.color.white}",
+            "borderWidth": "{palette.border.none}"
+          }
+        },
         {
           "if": {
             "viewport": ["md", "lg", "xl"]
@@ -4285,7 +4294,7 @@
       "appearances": {},
       "rules": [],
       "tokens": {
-        "borderRadius": "{palette.radius.radius4}"
+        "borderRadius": "{system.radius.none}"
       }
     },
     "InputLabel": {
@@ -5500,13 +5509,14 @@
         "itemBulletHeight": "{palette.size.size4}",
         "itemBulletTextAlign": "{system.textAlign.right}",
         "itemBulletWidth": "{palette.size.size4}",
-        "itemColor": "{palette.color.black}",
+        "itemColor": "{system.color.none}",
         "itemFontName": "{palette.fontName.StagSans}",
         "itemFontSize": "{palette.fontSize.size16}",
         "itemFontWeight": "{palette.fontWeight.weight400}",
         "itemLineHeight": "{palette.lineHeight.ratio3to2}",
         "itemMarginTop": "{palette.size.size0}",
         "itemPaddingTop": "{palette.size.size0}",
+        "itemTextColor": "{palette.color.black}",
         "listGutter": "{palette.size.size8}"
       }
     },
@@ -7045,6 +7055,7 @@
     },
     "Select": {
       "appearances": {
+        "active": "{appearances.Select.active}",
         "focus": "{appearances.Select.focus}",
         "hover": "{appearances.Select.hover}",
         "inactive": "{appearances.Select.inactive}",
@@ -7101,6 +7112,14 @@
             "borderColor": "{palette.color.gallery}",
             "icon": "{system.icon.none}"
           }
+        },
+        {
+          "if": {
+            "active": true
+          },
+          "tokens": {
+            "icon": "{palette.icon.ChevronUp}"
+          }
         }
       ],
       "tokens": {
@@ -8989,9 +9008,9 @@
         "arrowBorderRadius": "{palette.radius.none}",
         "arrowOffset": "{palette.size.size4}",
         "arrowWidth": "{palette.size.size8}",
-        "backgroundColor": "{palette.color.purpleLight}",
+        "backgroundColor": "{palette.color.mortar}",
         "borderRadius": "{palette.radius.radius4}",
-        "color": "{palette.color.black}",
+        "color": "{palette.color.white}",
         "fontName": "{palette.fontName.StagSans}",
         "fontSize": "{palette.fontSize.size14}",
         "fontWeight": "{palette.fontWeight.weight400}",