@telus-uds/theme-allium 1.0.0 → 2.1.1

package/build/theme.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 03 Feb 2022 19:38:53 GMT
+ * Generated on Mon, 21 Mar 2022 20:11:20 GMT
  *
  */
 
@@ -1102,6 +1102,7 @@ module.exports = {
       tokens: {
         dividerColor: '#b2b9bf',
         dividerSize: 1,
+        iconMarginTop: 4,
         interItemMargin: 8,
         interItemMarginWithDivider: 16,
         itemBulletColor: '#4b286d',
@@ -1115,7 +1116,7 @@ module.exports = {
         itemIconColor: '#4b286d',
         itemIconSize: 16,
         itemLineHeight: 1.5,
-        listGutter: 12
+        listGutter: 16
       }
     },
     Modal: {
@@ -2565,6 +2566,7 @@ module.exports = {
           tokens: {
             backgroundColor: '#b2b9bf',
             iconColor: '#676e73',
+            labelColor: '#676e73',
             outerBorderColor: '#b2b9bf'
           }
         }
@@ -2578,6 +2580,12 @@ module.exports = {
         icon: null,
         iconColor: '#676e73',
         iconSize: 12,
+        labelColor: '#414547',
+        labelFontName: 'HelveticaNow',
+        labelFontSize: 16,
+        labelFontWeight: '400',
+        labelLineHeight: 1.5,
+        labelMarginLeft: 10,
         opacity: 1,
         outerBackgroundColor: 'rgba(0, 0, 0, 0)',
         outerBorderColor: 'rgba(0, 0, 0, 0)',
@@ -2614,6 +2622,24 @@ module.exports = {
         width: 40
       }
     },
+    ToggleSwitchGroup: {
+      appearances: {
+        viewport: {
+          description: 'The size label for the current screen viewport based on the current screen width',
+          type: 'state',
+          values: [ 'xs', 'sm', 'md', 'lg', 'xl' ]
+        }
+      },
+      rules: [ { if: { viewport: [ 'lg', 'xl' ] }, tokens: { space: 3 } } ],
+      tokens: {
+        alignItems: 'flex-start',
+        direction: 'column',
+        flexGrow: 0,
+        flexShrink: 0,
+        justifyContent: 'flex-start',
+        space: 1
+      }
+    },
     Tooltip: {
       appearances: { inverse: { type: 'variant', values: [ true ] } },
       rules: [
@@ -2986,9 +3012,5 @@ module.exports = {
       tokens: { size: 96 }
     }
   },
-  metadata: {
-    name: 'allium',
-    package: '@telus-uds/theme-allium',
-    themeTokensVersion: '1.0.0'
-  }
+  metadata: { name: 'theme-allium', themeTokensVersion: '1.2.1' }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telus-uds/theme-allium",
-  "version": "1.0.0",
+  "version": "2.1.1",
   "description": "Allium theme",
   "author": "TELUS Digital",
   "homepage": "https://github.com/telus/universal-design-system#readme",
@@ -8,12 +8,12 @@
   "main": "build/theme.js",
   "dependencies": {},
   "devDependencies": {
-    "@telus-uds/palette-allium": "^1.0.0",
-    "@telus-uds/system-theme-tokens": "^1.0.0",
+    "@telus-uds/palette-allium": "^1.1.0",
+    "@telus-uds/system-theme-tokens": "^1.2.1",
     "@telus-uds/system-themes": "^0.0.1"
   },
   "peerDependencies": {
-    "@telus-uds/palette-allium": "^1.0.0"
+    "@telus-uds/palette-allium": "^1.1.0"
   },
   "files": [
     "build",

package/theme.json

@@ -1516,6 +1516,7 @@
       "tokens": {
         "dividerColor": "{palette.color.greyCloud}",
         "dividerSize": "{palette.border.border1}",
+        "iconMarginTop": "{palette.size.size4}",
         "interItemMargin": "{palette.size.size8}",
         "interItemMarginWithDivider": "{palette.size.size16}",
         "itemBulletColor": "{palette.color.purpleTelus}",
@@ -1529,7 +1530,7 @@
         "itemIconColor": "{palette.color.purpleTelus}",
         "itemIconSize": "{palette.size.size16}",
         "itemLineHeight": "{palette.lineHeight.ratio3to2}",
-        "listGutter": "{palette.size.size12}"
+        "listGutter": "{palette.size.size16}"
       }
     },
     "Modal": {
@@ -3069,6 +3070,7 @@
           "tokens": {
             "backgroundColor": "{palette.color.greyCloud}",
             "iconColor": "{palette.color.greyShuttle}",
+            "labelColor": "{palette.color.greyShuttle}",
             "outerBorderColor": "{palette.color.greyCloud}"
           }
         }
@@ -3082,6 +3084,12 @@
         "icon": "{system.icon.none}",
         "iconColor": "{palette.color.greyShuttle}",
         "iconSize": "{palette.size.size12}",
+        "labelColor": "{palette.color.greyCharcoal}",
+        "labelFontName": "{palette.fontName.HelveticaNow}",
+        "labelFontSize": "{palette.fontSize.size16}",
+        "labelFontWeight": "{palette.fontWeight.weight400}",
+        "labelLineHeight": "{palette.lineHeight.ratio3to2}",
+        "labelMarginLeft": "{palette.size.size10}",
         "opacity": "{system.opacity.opaque}",
         "outerBackgroundColor": "{palette.color.transparent}",
         "outerBorderColor": "{palette.color.transparent}",
@@ -3104,6 +3112,29 @@
         "width": "{palette.size.size40}"
       }
     },
+    "ToggleSwitchGroup": {
+      "appearances": {
+        "viewport": "{appearances.system.viewport}"
+      },
+      "rules": [
+        {
+          "if": {
+            "viewport": ["lg", "xl"]
+          },
+          "tokens": {
+            "space": "{system.integer.3}"
+          }
+        }
+      ],
+      "tokens": {
+        "alignItems": "{system.flexAlign.flexStart}",
+        "direction": "{system.direction.column}",
+        "flexGrow": "{system.integer.0}",
+        "flexShrink": "{system.integer.0}",
+        "justifyContent": "{system.flexJustifyContent.flexStart}",
+        "space": "{system.integer.1}"
+      }
+    },
     "Tooltip": {
       "appearances": {
         "inverse": {
@@ -3723,9 +3754,5 @@
         "size": "{palette.size.size96}"
       }
     }
-  },
-  "metadata": {
-    "name": "allium",
-    "package": "@telus-uds/theme-allium"
   }
 }