@telus-uds/theme-koodo 2.0.0 → 3.0.0

package/build/theme.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 05 Apr 2022 06:04:41 GMT
+ * Generated on Fri, 17 Jun 2022 16:22:53 GMT
  *
  */
 
@@ -209,6 +209,7 @@ module.exports = {
       tokens: {
         alignItems: 'center',
         direction: 'row',
+        fieldSpace: 2,
         flexGrow: 0,
         flexShrink: 0,
         justifyContent: 'flex-start',
@@ -566,7 +567,13 @@ module.exports = {
         borderRadius: 32,
         borderWidth: 1,
         iconColor: '#016b6a',
+        iconScale: 1,
         iconSize: 16,
+        iconTranslateX: 0,
+        iconTranslateY: 0,
+        outerBorderColor: 'transparent',
+        outerBorderGap: 0,
+        outerBorderWidth: 0,
         padding: 8,
         shadow: null
       }
@@ -806,6 +813,7 @@ module.exports = {
         closeIcon: PaletteIconTimes,
         closeIconColor: '#000000',
         closeIconSize: 24,
+        closePadding: 4,
         containerPaddingBottom: 0,
         containerPaddingLeft: 0,
         containerPaddingRight: 0,
@@ -1514,7 +1522,7 @@ module.exports = {
       ],
       tokens: {
         backgroundColor: '#ffffff',
-        borderColor: '#c9c8c8',
+        borderColor: '#000000',
         borderRadius: 4,
         borderWidth: 1,
         color: '#000000',
@@ -1523,7 +1531,7 @@ module.exports = {
         fontWeight: '400',
         height: 48,
         icon: PaletteIconChevronDown,
-        iconColor: '#666666',
+        iconColor: '#000000',
         iconSize: 24,
         outerBackgroundColor: 'rgba(0, 0, 0, 0)',
         outerBorderColor: 'rgba(0, 0, 0, 0)',
@@ -2130,6 +2138,7 @@ module.exports = {
       tokens: {
         alignItems: 'flex-start',
         direction: 'column',
+        fieldSpace: 2,
         flexGrow: 0,
         flexShrink: 0,
         justifyContent: 'flex-start',
@@ -2368,5 +2377,5 @@ module.exports = {
       tokens: { size: 96 }
     }
   },
-  metadata: { name: 'theme-koodo', themeTokensVersion: '1.3.0' }
+  metadata: { name: 'theme-koodo', themeTokensVersion: '2.0.2' }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telus-uds/theme-koodo",
-  "version": "2.0.0",
+  "version": "3.0.0",
   "description": "Koodo theme",
   "keywords": [
     "koodo"
@@ -13,13 +13,12 @@
     "build",
     "theme.json"
   ],
-  "dependencies": {},
   "peerDependencies": {
-    "@telus-uds/palette-koodo": "^0.1.0"
+    "@telus-uds/palette-koodo": "^0.1.2"
   },
   "devDependencies": {
-    "@telus-uds/palette-koodo": "^0.1.0",
-    "@telus-uds/system-theme-tokens": "^1.3.0"
+    "@telus-uds/palette-koodo": "^0.1.2",
+    "@telus-uds/system-theme-tokens": "^2.0.2"
   },
   "repository": {
     "type": "git",

package/theme.json

@@ -242,6 +242,7 @@
       "tokens": {
         "alignItems": "{system.flexAlign.center}",
         "direction": "{system.direction.row}",
+        "fieldSpace": "{system.integer.2}",
         "flexGrow": "{system.integer.0}",
         "flexShrink": "{system.integer.0}",
         "justifyContent": "{system.flexJustifyContent.flexStart}",
@@ -608,7 +609,13 @@
         "borderRadius": "{palette.radius.pill32}",
         "borderWidth": "{palette.border.border1}",
         "iconColor": "{palette.color.mosque}",
+        "iconScale": "{system.iconScale.scale1}",
         "iconSize": "{palette.size.size16}",
+        "iconTranslateX": "{system.size.zero}",
+        "iconTranslateY": "{system.size.zero}",
+        "outerBorderColor": "{system.color.transparent}",
+        "outerBorderGap": "{system.size.zero}",
+        "outerBorderWidth": "{system.border.zero}",
         "padding": "{palette.size.size8}",
         "shadow": "{system.shadow.none}"
       }
@@ -935,6 +942,7 @@
         "closeIcon": "{palette.icon.Times}",
         "closeIconColor": "{palette.color.black}",
         "closeIconSize": "{palette.size.size24}",
+        "closePadding": "{palette.size.size4}",
         "containerPaddingBottom": "{system.size.zero}",
         "containerPaddingLeft": "{system.size.zero}",
         "containerPaddingRight": "{system.size.zero}",
@@ -1670,7 +1678,7 @@
       ],
       "tokens": {
         "backgroundColor": "{palette.color.white}",
-        "borderColor": "{palette.color.silver}",
+        "borderColor": "{palette.color.black}",
         "borderRadius": "{palette.radius.radius4}",
         "borderWidth": "{palette.border.border1}",
         "color": "{palette.color.black}",
@@ -1679,7 +1687,7 @@
         "fontWeight": "{palette.fontWeight.weight400}",
         "height": "{palette.size.size48}",
         "icon": "{palette.icon.ChevronDown}",
-        "iconColor": "{palette.color.dove}",
+        "iconColor": "{palette.color.black}",
         "iconSize": "{palette.size.size24}",
         "outerBackgroundColor": "{palette.color.transparent}",
         "outerBorderColor": "{palette.color.transparent}",
@@ -2344,6 +2352,7 @@
       "tokens": {
         "alignItems": "{system.flexAlign.flexStart}",
         "direction": "{system.direction.column}",
+        "fieldSpace": "{system.integer.2}",
         "flexGrow": "{system.integer.0}",
         "flexShrink": "{system.integer.0}",
         "justifyContent": "{system.flexJustifyContent.flexStart}",