npm - @telus-uds/theme-allium - Versions diffs - 3.3.0 → 3.4.0 - Mend

@telus-uds/theme-allium 3.3.0 → 3.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/CHANGELOG.json CHANGED Viewed

@@ -2,7 +2,28 @@
   "name": "@telus-uds/theme-allium",
   "entries": [
     {
-      "date": "Fri, 24 Jun 2022 16:43:27 GMT",
+      "date": "Thu, 21 Jul 2022 18:03:59 GMT",
+      "tag": "@telus-uds/theme-allium_v3.4.0",
+      "version": "3.4.0",
+      "comments": {
+        "minor": [
+          {
+            "author": "shahzaibkhalidmalik@outlook.com",
+            "package": "@telus-uds/theme-allium",
+            "commit": "cd6f5d967d3ad4f98f62258b043031e7c9d664d7",
+            "comment": "Add Allium theme for `Carousel`"
+          },
+          {
+            "author": "bill.somen@telus.com",
+            "package": "@telus-uds/theme-allium",
+            "commit": "cd6f5d967d3ad4f98f62258b043031e7c9d664d7",
+            "comment": "Auto-generated change summary (does not include documentation changes) **added:** `components.Typography.rules.27.if.size.4`, `components.Typography.rules.27.if.size.5`, `components.Typography.rules.27.if.size.6`, `components.Typography.rules.27.if.size.7`, `components.Typography.rules.27.if.size.8`, **deleted:** _none_, **updated:** _none_"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 24 Jun 2022 16:43:34 GMT",
       "tag": "@telus-uds/theme-allium_v3.3.0",
       "version": "3.3.0",
       "comments": {

package/CHANGELOG.md CHANGED Viewed

@@ -1,12 +1,21 @@
 # Change Log - @telus-uds/theme-allium
-This log was last generated on Fri, 24 Jun 2022 16:43:27 GMT and should not be manually modified.
+This log was last generated on Thu, 21 Jul 2022 18:03:59 GMT and should not be manually modified.
 <!-- Start content -->
+## 3.4.0
+Thu, 21 Jul 2022 18:03:59 GMT
+### Minor changes
+- Add Allium theme for `Carousel` (shahzaibkhalidmalik@outlook.com)
+- Auto-generated change summary (does not include documentation changes) **added:** `components.Typography.rules.27.if.size.4`, `components.Typography.rules.27.if.size.5`, `components.Typography.rules.27.if.size.6`, `components.Typography.rules.27.if.size.7`, `components.Typography.rules.27.if.size.8`, **deleted:** _none_, **updated:** _none_ (bill.somen@telus.com)
 ## 3.3.0
-Fri, 24 Jun 2022 16:43:27 GMT
+Fri, 24 Jun 2022 16:43:34 GMT
 ### Minor changes

package/build/schema.json CHANGED Viewed

@@ -3057,6 +3057,101 @@
             "rules"
           ]
         },
+        "Carousel": {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "appearances": {
+              "type": "object",
+              "additionalProperties": false,
+              "patternProperties": {
+                "^[a-z]+([A-Z0-9][a-z0-9]*)*$": {
+                  "$ref": "#appearance"
+                }
+              }
+            },
+            "tokens": {
+              "type": "object",
+              "additionalProperties": false,
+              "properties": {
+                "nextIcon": {
+                  "$ref": "#icon"
+                },
+                "previousIcon": {
+                  "$ref": "#icon"
+                },
+                "showPreviousNextNavigation": {
+                  "$ref": "#show"
+                },
+                "showPanelNavigation": {
+                  "$ref": "#show"
+                },
+                "spaceBetweenSlideAndPreviousNextNavigation": {
+                  "$ref": "#size"
+                },
+                "spaceBetweenSlideAndPanelNavigation": {
+                  "$ref": "#size"
+                }
+              },
+              "required": [
+                "nextIcon",
+                "previousIcon",
+                "showPreviousNextNavigation",
+                "showPanelNavigation",
+                "spaceBetweenSlideAndPreviousNextNavigation",
+                "spaceBetweenSlideAndPanelNavigation"
+              ]
+            },
+            "rules": {
+              "type": "array",
+              "items": {
+                "type": "object",
+                "additionalProperties": false,
+                "properties": {
+                  "if": {
+                    "type": "object",
+                    "minProperties": 1
+                  },
+                  "tokens": {
+                    "type": "object",
+                    "additionalProperties": false,
+                    "properties": {
+                      "nextIcon": {
+                        "$ref": "#icon"
+                      },
+                      "previousIcon": {
+                        "$ref": "#icon"
+                      },
+                      "showPreviousNextNavigation": {
+                        "$ref": "#show"
+                      },
+                      "showPanelNavigation": {
+                        "$ref": "#show"
+                      },
+                      "spaceBetweenSlideAndPreviousNextNavigation": {
+                        "$ref": "#size"
+                      },
+                      "spaceBetweenSlideAndPanelNavigation": {
+                        "$ref": "#size"
+                      }
+                    }
+                  },
+                  "description": {
+                    "type": "string"
+                  }
+                },
+                "required": [
+                  "if",
+                  "tokens"
+                ]
+              }
+            }
+          },
+          "required": [
+            "tokens",
+            "rules"
+          ]
+        },
         "Checkbox": {
           "type": "object",
           "additionalProperties": false,
@@ -9952,6 +10047,7 @@
         "ButtonGroup",
         "ButtonGroupItem",
         "Card",
+        "Carousel",
         "Checkbox",
         "ChevronLink",
         "CheckboxGroup",

package/build/theme.js CHANGED Viewed

@@ -1,13 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 24 Jun 2022 16:42:21 GMT
+ * Generated on Thu, 21 Jul 2022 18:02:13 GMT
  *
  */
-const PaletteIconCheckmark = require('@telus-uds/palette-allium/build/rn/icons/Checkmark')
-const PaletteIconArrowLeft = require('@telus-uds/palette-allium/build/rn/icons/ArrowLeft')
 const PaletteIconArrowRight = require('@telus-uds/palette-allium/build/rn/icons/ArrowRight')
+const PaletteIconArrowLeft = require('@telus-uds/palette-allium/build/rn/icons/ArrowLeft')
+const PaletteIconCheckmark = require('@telus-uds/palette-allium/build/rn/icons/Checkmark')
 const PaletteIconCaretDown = require('@telus-uds/palette-allium/build/rn/icons/CaretDown')
 const PaletteIconCaretUp = require('@telus-uds/palette-allium/build/rn/icons/CaretUp')
 const PaletteIconStatusSuccess = require('@telus-uds/palette-allium/build/rn/icons/StatusSuccess')
@@ -476,6 +476,29 @@ module.exports = {
         shadow: null
       }
     },
+    Carousel: {
+      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: [ 'xs', 'sm' ] },
+          tokens: { showPreviousNextNavigation: false }
+        }
+      ],
+      tokens: {
+        nextIcon: PaletteIconArrowRight,
+        previousIcon: PaletteIconArrowLeft,
+        showPanelNavigation: true,
+        showPreviousNextNavigation: true,
+        spaceBetweenSlideAndPanelNavigation: 32,
+        spaceBetweenSlideAndPreviousNextNavigation: 24
+      }
+    },
     Checkbox: {
       appearances: {
         checked: {
@@ -3008,8 +3031,8 @@ module.exports = {
           }
         },
         {
-          description: 'Bold is only available on body text styles, not headings',
-          if: { bold: true, size: [ 'large', null, 'small', 'micro' ] },
+          description: 'Please only bold single words while using with headings',
+          if: { bold: true },
           tokens: { fontName: 'HelveticaNow', fontWeight: '700' }
         }
       ],
@@ -3083,5 +3106,5 @@ module.exports = {
       tokens: { size: 96 }
     }
   },
-  metadata: { name: 'theme-allium', themeTokensVersion: '2.0.2' }
+  metadata: { name: 'theme-allium', themeTokensVersion: '2.1.0' }
 }

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@telus-uds/theme-allium",
-  "version": "3.3.0",
+  "version": "3.4.0",
   "description": "Allium theme",
   "author": "TELUS Digital",
   "homepage": "https://github.com/telus/allium-design-system#readme",
@@ -9,7 +9,7 @@
   "dependencies": {},
   "devDependencies": {
     "@telus-uds/palette-allium": "^2.1.0",
-    "@telus-uds/system-theme-tokens": "^2.0.2",
+    "@telus-uds/system-theme-tokens": "^2.1.0",
     "@telus-uds/system-tokens": "^0.1.5"
   },
   "peerDependencies": {

package/theme.json CHANGED Viewed

@@ -635,6 +635,29 @@
         "shadow": "{system.shadow.none}"
       }
     },
+    "Carousel": {
+      "appearances": {
+        "viewport": "{appearances.system.viewport}"
+      },
+      "rules": [
+        {
+          "if": {
+            "viewport": ["xs", "sm"]
+          },
+          "tokens": {
+            "showPreviousNextNavigation": "{system.show.false}"
+          }
+        }
+      ],
+      "tokens": {
+        "nextIcon": "{palette.icon.ArrowRight}",
+        "previousIcon": "{palette.icon.ArrowLeft}",
+        "showPanelNavigation": "{system.show.true}",
+        "showPreviousNextNavigation": "{system.show.true}",
+        "spaceBetweenSlideAndPanelNavigation": "{palette.size.size32}",
+        "spaceBetweenSlideAndPreviousNextNavigation": "{palette.size.size24}"
+      }
+    },
     "Checkbox": {
       "appearances": {
         "checked": "{appearances.Checkbox.checked}",
@@ -3695,10 +3718,9 @@
           }
         },
         {
-          "description": "Bold is only available on body text styles, not headings",
+          "description": "Please only bold single words while using with headings",
           "if": {
-            "bold": true,
-            "size": ["large", null, "small", "micro"]
+            "bold": true
           },
           "tokens": {
             "fontName": "{palette.fontName.HelveticaNow}",