@telus-uds/theme-koodo 1.0.0-prerelease.0 → 1.0.0-prerelease.1

package/build/theme.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 28 Feb 2022 15:49:16 GMT
+ * Generated on Wed, 02 Mar 2022 21:32:42 GMT
  *
  */
 
@@ -1706,44 +1706,44 @@ module.exports = {
         }
       ],
       tokens: {
-        completedIcon: null,
-        completedIconColor: null,
-        completedIconSize: null,
-        connectorColor: '#000000',
-        connectorCompletedColor: '#7c1366',
-        connectorCompletedHeight: 3,
+        completedIcon: PaletteIconCheck,
+        completedIconColor: '#ffffff',
+        completedIconSize: 10,
+        connectorColor: '#016b6a',
+        connectorCompletedColor: '#016b6a',
+        connectorCompletedHeight: 1,
         connectorHeight: 1,
         connectorMinWidth: 16,
         containerPaddingBottom: null,
         containerPaddingLeft: null,
         containerPaddingRight: null,
         containerPaddingTop: null,
-        knobBackgroundColor: '#ffffff',
-        knobBorderColor: '#000000',
+        knobBackgroundColor: 'rgba(0, 0, 0, 0)',
+        knobBorderColor: '#016b6a',
         knobBorderWidth: 1,
-        knobCompletedBackgroundColor: '#7c1366',
-        knobCompletedBorderColor: '#7c1366',
+        knobCompletedBackgroundColor: '#016b6a',
+        knobCompletedBorderColor: '#016b6a',
         knobCompletedPaddingLeft: 2,
         knobCompletedPaddingTop: 2,
-        knobCurrentBackgroundColor: 'rgba(0, 0, 0, 0)',
-        knobCurrentBorderColor: '#7c1366',
-        knobCurrentBorderWidth: 2,
-        knobCurrentInnerColor: '#7c1366',
-        knobCurrentInnerSize: 8,
-        knobCurrentPaddingLeft: 2,
-        knobCurrentPaddingTop: 2,
-        knobSize: 16,
-        labelColor: '#000000',
-        labelCurrentColor: '#7c1366',
+        knobCurrentBackgroundColor: '#016b6a',
+        knobCurrentBorderColor: '#016b6a',
+        knobCurrentBorderWidth: 1,
+        knobCurrentInnerColor: null,
+        knobCurrentInnerSize: null,
+        knobCurrentPaddingLeft: null,
+        knobCurrentPaddingTop: null,
+        knobSize: 15,
+        labelColor: '#016b6a',
+        labelCurrentColor: '#016b6a',
         labelCurrentFontName: 'StagSans',
-        labelCurrentFontWeight: '600',
-        labelDirection: 'column',
+        labelCurrentFontWeight: '700',
+        labelDirection: 'row',
         labelFontName: 'StagSans',
-        labelFontSize: 14,
+        labelFontSize: 16,
         labelFontWeight: '400',
         labelGap: 4,
         labelLineHeight: 1.5,
-        labelMarginTop: 8,
+        labelMarginTop: 10,
         labelPaddingLeft: 16,
         labelPaddingRight: 16,
         showStepLabel: false,
@@ -2104,6 +2104,12 @@ module.exports = {
         icon: null,
         iconColor: 'rgba(0, 0, 0, 0)',
         iconSize: 16,
+        labelColor: '#000000',
+        labelFontName: 'StagSans',
+        labelFontSize: 16,
+        labelFontWeight: '400',
+        labelLineHeight: 1.5,
+        labelMarginLeft: 8,
         opacity: 1,
         outerBackgroundColor: 'rgba(0, 0, 0, 0)',
         outerBorderColor: 'rgba(0, 0, 0, 0)',
@@ -2126,6 +2132,18 @@ module.exports = {
         width: 64
       }
     },
+    ToggleSwitchGroup: {
+      appearances: {},
+      rules: [],
+      tokens: {
+        alignItems: 'flex-start',
+        direction: 'column',
+        flexGrow: 0,
+        flexShrink: 0,
+        justifyContent: 'flex-start',
+        space: 3
+      }
+    },
     Tooltip: {
       appearances: {},
       rules: [],
@@ -2358,5 +2376,5 @@ module.exports = {
       tokens: { size: 96 }
     }
   },
-  metadata: { name: 'theme-koodo', themeTokensVersion: '1.1.0' }
+  metadata: { name: 'theme-koodo', themeTokensVersion: '1.2.0' }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telus-uds/theme-koodo",
-  "version": "1.0.0-prerelease.0",
+  "version": "1.0.0-prerelease.1",
   "description": "Koodo theme",
   "keywords": [
     "koodo"
@@ -15,11 +15,11 @@
   ],
   "dependencies": {},
   "peerDependencies": {
-    "@telus-uds/palette-koodo": "^0.1.0-prerelease.3"
+    "@telus-uds/palette-koodo": "^0.1.0-prerelease.4"
   },
   "devDependencies": {
-    "@telus-uds/palette-koodo": "^0.1.0-prerelease.3",
-    "@telus-uds/system-theme-tokens": "^1.1.0",
+    "@telus-uds/palette-koodo": "^0.1.0-prerelease.4",
+    "@telus-uds/system-theme-tokens": "^1.2.0",
     "@telus-uds/system-themes": "^0.0.1"
   },
   "repository": {

package/theme.json

@@ -1876,44 +1876,44 @@
         }
       ],
       "tokens": {
-        "completedIcon": "{system.icon.none}",
-        "completedIconColor": "{system.color.none}",
-        "completedIconSize": "{system.size.none}",
-        "connectorColor": "{palette.color.black}",
-        "connectorCompletedColor": "{palette.color.flirt}",
-        "connectorCompletedHeight": "{palette.border.border3}",
+        "completedIcon": "{palette.icon.Check}",
+        "completedIconColor": "{palette.color.white}",
+        "completedIconSize": "{palette.size.size10}",
+        "connectorColor": "{palette.color.mosque}",
+        "connectorCompletedColor": "{palette.color.mosque}",
+        "connectorCompletedHeight": "{palette.border.border1}",
         "connectorHeight": "{palette.border.border1}",
         "connectorMinWidth": "{palette.size.size16}",
         "containerPaddingBottom": "{system.size.none}",
         "containerPaddingLeft": "{system.size.none}",
         "containerPaddingRight": "{system.size.none}",
         "containerPaddingTop": "{system.size.none}",
-        "knobBackgroundColor": "{palette.color.white}",
-        "knobBorderColor": "{palette.color.black}",
+        "knobBackgroundColor": "{palette.color.transparent}",
+        "knobBorderColor": "{palette.color.mosque}",
         "knobBorderWidth": "{palette.border.border1}",
-        "knobCompletedBackgroundColor": "{palette.color.flirt}",
-        "knobCompletedBorderColor": "{palette.color.flirt}",
+        "knobCompletedBackgroundColor": "{palette.color.mosque}",
+        "knobCompletedBorderColor": "{palette.color.mosque}",
         "knobCompletedPaddingLeft": "{palette.size.size2}",
         "knobCompletedPaddingTop": "{palette.size.size2}",
-        "knobCurrentBackgroundColor": "{palette.color.transparent}",
-        "knobCurrentBorderColor": "{palette.color.flirt}",
-        "knobCurrentBorderWidth": "{palette.border.border2}",
-        "knobCurrentInnerColor": "{palette.color.flirt}",
-        "knobCurrentInnerSize": "{palette.size.size8}",
-        "knobCurrentPaddingLeft": "{palette.size.size2}",
-        "knobCurrentPaddingTop": "{palette.size.size2}",
-        "knobSize": "{palette.size.size16}",
-        "labelColor": "{palette.color.black}",
-        "labelCurrentColor": "{palette.color.flirt}",
+        "knobCurrentBackgroundColor": "{palette.color.mosque}",
+        "knobCurrentBorderColor": "{palette.color.mosque}",
+        "knobCurrentBorderWidth": "{palette.border.border1}",
+        "knobCurrentInnerColor": "{system.color.none}",
+        "knobCurrentInnerSize": "{system.size.none}",
+        "knobCurrentPaddingLeft": "{system.size.none}",
+        "knobCurrentPaddingTop": "{system.size.none}",
+        "knobSize": "{palette.size.size15}",
+        "labelColor": "{palette.color.mosque}",
+        "labelCurrentColor": "{palette.color.mosque}",
         "labelCurrentFontName": "{palette.fontName.StagSans}",
-        "labelCurrentFontWeight": "{palette.fontWeight.weight600}",
-        "labelDirection": "{system.direction.column}",
+        "labelCurrentFontWeight": "{palette.fontWeight.weight700}",
+        "labelDirection": "{system.direction.row}",
         "labelFontName": "{palette.fontName.StagSans}",
-        "labelFontSize": "{palette.fontSize.size14}",
+        "labelFontSize": "{palette.fontSize.size16}",
         "labelFontWeight": "{palette.fontWeight.weight400}",
         "labelGap": "{palette.size.size4}",
         "labelLineHeight": "{palette.lineHeight.multiply150}",
-        "labelMarginTop": "{palette.size.size8}",
+        "labelMarginTop": "{palette.size.size10}",
         "labelPaddingLeft": "{palette.size.size16}",
         "labelPaddingRight": "{palette.size.size16}",
         "showStepLabel": "{system.show.false}",
@@ -2318,6 +2318,12 @@
         "icon": "{system.icon.none}",
         "iconColor": "{palette.color.transparent}",
         "iconSize": "{palette.size.size16}",
+        "labelColor": "{palette.color.black}",
+        "labelFontName": "{palette.fontName.StagSans}",
+        "labelFontSize": "{palette.fontSize.size16}",
+        "labelFontWeight": "{palette.fontWeight.weight400}",
+        "labelLineHeight": "{palette.lineHeight.multiply150}",
+        "labelMarginLeft": "{palette.size.size8}",
         "opacity": "{system.opacity.opaque}",
         "outerBackgroundColor": "{palette.color.transparent}",
         "outerBorderColor": "{palette.color.transparent}",
@@ -2340,6 +2346,18 @@
         "width": "{palette.size.size64}"
       }
     },
+    "ToggleSwitchGroup": {
+      "appearances": {},
+      "rules": [],
+      "tokens": {
+        "alignItems": "{system.flexAlign.flexStart}",
+        "direction": "{system.direction.column}",
+        "flexGrow": "{system.integer.0}",
+        "flexShrink": "{system.integer.0}",
+        "justifyContent": "{system.flexJustifyContent.flexStart}",
+        "space": "{system.integer.3}"
+      }
+    },
     "Tooltip": {
       "appearances": {},
       "rules": [],