@telus-uds/theme-allium 4.29.0 → 4.30.0

package/build/ios/theme.json

@@ -2469,6 +2469,8 @@
           "alpha": 1
         },
         "nextIcon": "PaletteIconArrowRight",
+        "pauseIcon": "PaletteIconPause",
+        "playIcon": "PaletteIconPlayVideo",
         "previousIcon": "PaletteIconArrowLeft",
         "showPanelNavigation": true,
         "showPanelTabs": true,
@@ -3855,6 +3857,11 @@
         "mini": {
           "type": "variant",
           "values": [true]
+        },
+        "pressed": {
+          "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
+          "values": [true, false],
+          "type": "state"
         }
       },
       "rules": [
@@ -3884,6 +3891,26 @@
           "tokens": {
             "paddingBottom": 0
           }
+        },
+        {
+          "if": {
+            "pressed": true
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.8902,
+              "green": 0.90196,
+              "blue": 0.9098,
+              "alpha": 1
+            },
+            "borderColor": {
+              "red": 0.40392,
+              "green": 0.43137,
+              "blue": 0.45098,
+              "alpha": 1
+            },
+            "borderWidth": 1
+          }
         }
       ],
       "tokens": {
@@ -3903,7 +3930,7 @@
         },
         "borderTopLeftRadius": 0,
         "borderTopRightRadius": 0,
-        "borderWidth": 0,
+        "borderWidth": 1,
         "icon": "PaletteIconCaretDown",
         "iconColor": {
           "red": 0.16863,
@@ -5567,6 +5594,14 @@
             "iconSpace": 2
           }
         },
+        {
+          "if": {
+            "iconPosition": "right"
+          },
+          "tokens": {
+            "iconSpace": 1
+          }
+        },
         {
           "if": {
             "pressed": true
@@ -5704,7 +5739,7 @@
         },
         "icon": null,
         "iconSize": 24,
-        "iconSpace": 1,
+        "iconSpace": 0,
         "iconTranslateX": 0,
         "iconTranslateY": 0,
         "outerBorderColor": {
@@ -6495,14 +6530,6 @@
         }
       },
       "rules": [
-        {
-          "if": {
-            "viewport": ["xl"]
-          },
-          "tokens": {
-            "justifyContent": "center"
-          }
-        },
         {
           "if": {
             "system": true
@@ -12870,7 +12897,7 @@
     }
   },
   "metadata": {
-    "themeTokensVersion": "2.54.0",
+    "themeTokensVersion": "2.55.0",
     "name": "theme-allium"
   }
 }

package/build/rn/ActivityIndicator.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 05 Apr 2024 17:09:14 GMT
+ * Generated on Mon, 06 May 2024 16:32:34 GMT
  *
  */
 

package/build/rn/Badge.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 05 Apr 2024 17:09:14 GMT
+ * Generated on Mon, 06 May 2024 16:32:34 GMT
  *
  */
 

package/build/rn/BlockQuote.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 05 Apr 2024 17:09:14 GMT
+ * Generated on Mon, 06 May 2024 16:32:34 GMT
  *
  */
 

package/build/rn/Box.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 05 Apr 2024 17:09:14 GMT
+ * Generated on Mon, 06 May 2024 16:32:34 GMT
  *
  */
 

package/build/rn/Breadcrumbs.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 05 Apr 2024 17:09:14 GMT
+ * Generated on Mon, 06 May 2024 16:32:34 GMT
  *
  */
 

package/build/rn/Button.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 05 Apr 2024 17:09:14 GMT
+ * Generated on Mon, 06 May 2024 16:32:34 GMT
  *
  */
 

package/build/rn/ButtonDropdown.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 05 Apr 2024 17:09:14 GMT
+ * Generated on Mon, 06 May 2024 16:32:34 GMT
  *
  */
 

package/build/rn/ButtonGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 05 Apr 2024 17:09:14 GMT
+ * Generated on Mon, 06 May 2024 16:32:34 GMT
  *
  */
 

package/build/rn/ButtonGroupItem.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 05 Apr 2024 17:09:14 GMT
+ * Generated on Mon, 06 May 2024 16:32:34 GMT
  *
  */
 

package/build/rn/Callout.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 05 Apr 2024 17:09:14 GMT
+ * Generated on Mon, 06 May 2024 16:32:34 GMT
  *
  */
 

package/build/rn/Card.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 05 Apr 2024 17:09:14 GMT
+ * Generated on Mon, 06 May 2024 16:32:34 GMT
  *
  */
 

package/build/rn/Carousel.js

@@ -1,11 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 05 Apr 2024 17:09:14 GMT
+ * Generated on Mon, 06 May 2024 16:32:34 GMT
  *
  */
 
 const PaletteIconArrowRight = require('@telus-uds/palette-allium/build/rn/icons/ArrowRight')
+const PaletteIconPause = require('@telus-uds/palette-allium/build/rn/icons/Pause')
+const PaletteIconPlayVideo = require('@telus-uds/palette-allium/build/rn/icons/PlayVideo')
 const PaletteIconArrowLeft = require('@telus-uds/palette-allium/build/rn/icons/ArrowLeft')
 
 module.exports = {
@@ -26,6 +28,8 @@ module.exports = {
     backgroundColor: 'rgba(0, 0, 0, 0)',
     iconBackgroundColor: '#ffffff',
     nextIcon: PaletteIconArrowRight,
+    pauseIcon: PaletteIconPause,
+    playIcon: PaletteIconPlayVideo,
     previousIcon: PaletteIconArrowLeft,
     showPanelNavigation: true,
     showPanelTabs: true,

package/build/rn/CarouselTabsPanelItem.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 05 Apr 2024 17:09:14 GMT
+ * Generated on Mon, 06 May 2024 16:32:34 GMT
  *
  */
 

package/build/rn/CarouselThumbnail.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 05 Apr 2024 17:09:14 GMT
+ * Generated on Mon, 06 May 2024 16:32:34 GMT
  *
  */
 

package/build/rn/Checkbox.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 05 Apr 2024 17:09:14 GMT
+ * Generated on Mon, 06 May 2024 16:32:34 GMT
  *
  */
 

package/build/rn/CheckboxCard.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 05 Apr 2024 17:09:14 GMT
+ * Generated on Mon, 06 May 2024 16:32:34 GMT
  *
  */
 

package/build/rn/CheckboxCardGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 05 Apr 2024 17:09:14 GMT
+ * Generated on Mon, 06 May 2024 16:32:34 GMT
  *
  */
 

package/build/rn/CheckboxGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 05 Apr 2024 17:09:14 GMT
+ * Generated on Mon, 06 May 2024 16:32:34 GMT
  *
  */
 

package/build/rn/ChevronLink.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 05 Apr 2024 17:09:14 GMT
+ * Generated on Mon, 06 May 2024 16:32:34 GMT
  *
  */
 

package/build/rn/ColourToggle.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 05 Apr 2024 17:09:14 GMT
+ * Generated on Mon, 06 May 2024 16:32:34 GMT
  *
  */
 

package/build/rn/Countdown.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 05 Apr 2024 17:09:14 GMT
+ * Generated on Mon, 06 May 2024 16:32:34 GMT
  *
  */
 

package/build/rn/DatePicker.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 05 Apr 2024 17:09:14 GMT
+ * Generated on Mon, 06 May 2024 16:32:34 GMT
  *
  */
 

package/build/rn/Disclaimer.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 05 Apr 2024 17:09:14 GMT
+ * Generated on Mon, 06 May 2024 16:32:34 GMT
  *
  */
 

package/build/rn/Divider.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 05 Apr 2024 17:09:14 GMT
+ * Generated on Mon, 06 May 2024 16:32:34 GMT
  *
  */
 

package/build/rn/ExpandCollapse.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 05 Apr 2024 17:09:14 GMT
+ * Generated on Mon, 06 May 2024 16:32:34 GMT
  *
  */
 

package/build/rn/ExpandCollapseControl.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 05 Apr 2024 17:09:14 GMT
+ * Generated on Mon, 06 May 2024 16:32:34 GMT
  *
  */
 
@@ -16,7 +16,24 @@ module.exports = {
       type: 'state',
       values: [ true, false ]
     },
-    mini: { type: 'variant', values: [ true ] }
+    focus: {
+      description: "Currently only web has good support for this. Applies when an interactive component's focus handler is triggered, such as keyboard tabbing or selection.",
+      platforms: [ 'rn', 'web' ],
+      type: 'state',
+      values: [ true, false ]
+    },
+    hover: {
+      description: "Currently web only. Applies when an interactive component's hover handler is triggered, such as on mouseover.",
+      platforms: [ 'rn', 'web' ],
+      type: 'state',
+      values: [ true, false ]
+    },
+    mini: { type: 'variant', values: [ true ] },
+    pressed: {
+      description: 'Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.',
+      type: 'state',
+      values: [ true, false ]
+    }
   },
   rules: [
     { if: { expanded: true }, tokens: { icon: PaletteIconCaretUp } },
@@ -29,7 +46,31 @@ module.exports = {
         paddingTop: 8
       }
     },
-    { if: { mini: true }, tokens: { paddingBottom: 0 } }
+    { if: { mini: true }, tokens: { paddingBottom: 0 } },
+    {
+      if: { focus: true },
+      tokens: {
+        backgroundColor: '#f4f4f7',
+        borderColor: '#676e73',
+        borderWidth: 1
+      }
+    },
+    {
+      if: { hover: true },
+      tokens: { backgroundColor: '#fafafa', iconPaddingTop: 8 }
+    },
+    {
+      if: { expanded: true, hover: true },
+      tokens: { backgroundColor: '#fafafa', iconPaddingTop: 0 }
+    },
+    {
+      if: { pressed: true },
+      tokens: {
+        backgroundColor: '#e3e6e8',
+        borderColor: '#676e73',
+        borderWidth: 1
+      }
+    }
   ],
   tokens: {
     backgroundColor: 'rgba(0, 0, 0, 0)',
@@ -38,7 +79,7 @@ module.exports = {
     borderColor: 'rgba(0, 0, 0, 0)',
     borderTopLeftRadius: 0,
     borderTopRightRadius: 0,
-    borderWidth: 0,
+    borderWidth: 1,
     icon: PaletteIconCaretDown,
     iconColor: '#2b8000',
     iconGap: 8,

package/build/rn/ExpandCollapseMini.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 05 Apr 2024 17:09:14 GMT
+ * Generated on Mon, 06 May 2024 16:32:34 GMT
  *
  */
 

package/build/rn/ExpandCollapseMiniControl.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 05 Apr 2024 17:09:14 GMT
+ * Generated on Mon, 06 May 2024 16:32:34 GMT
  *
  */
 

package/build/rn/ExpandCollapsePanel.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 05 Apr 2024 17:09:14 GMT
+ * Generated on Mon, 06 May 2024 16:32:34 GMT
  *
  */
 

package/build/rn/Feedback.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 05 Apr 2024 17:09:14 GMT
+ * Generated on Mon, 06 May 2024 16:32:34 GMT
  *
  */
 

package/build/rn/Fieldset.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 05 Apr 2024 17:09:14 GMT
+ * Generated on Mon, 06 May 2024 16:32:34 GMT
  *
  */
 

package/build/rn/Footnote.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 05 Apr 2024 17:09:14 GMT
+ * Generated on Mon, 06 May 2024 16:32:34 GMT
  *
  */
 

package/build/rn/FootnoteLink.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 05 Apr 2024 17:09:14 GMT
+ * Generated on Mon, 06 May 2024 16:32:34 GMT
  *
  */
 

package/build/rn/HorizontalScrollButton.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 05 Apr 2024 17:09:14 GMT
+ * Generated on Mon, 06 May 2024 16:32:34 GMT
  *
  */
 

package/build/rn/Icon.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 05 Apr 2024 17:09:14 GMT
+ * Generated on Mon, 06 May 2024 16:32:34 GMT
  *
  */
 

package/build/rn/IconButton.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 05 Apr 2024 17:09:14 GMT
+ * Generated on Mon, 06 May 2024 16:32:34 GMT
  *
  */
 

package/build/rn/Image.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 05 Apr 2024 17:09:14 GMT
+ * Generated on Mon, 06 May 2024 16:32:34 GMT
  *
  */
 

package/build/rn/InputLabel.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 05 Apr 2024 17:09:14 GMT
+ * Generated on Mon, 06 May 2024 16:32:34 GMT
  *
  */
 

package/build/rn/InputSupports.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 05 Apr 2024 17:09:14 GMT
+ * Generated on Mon, 06 May 2024 16:32:34 GMT
  *
  */
 

package/build/rn/Link.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 05 Apr 2024 17:09:14 GMT
+ * Generated on Mon, 06 May 2024 16:32:34 GMT
  *
  */
 
@@ -59,6 +59,7 @@ module.exports = {
   },
   rules: [
     { if: { iconPosition: 'left' }, tokens: { iconSpace: 2 } },
+    { if: { iconPosition: 'right' }, tokens: { iconSpace: 1 } },
     {
       if: { focus: true },
       tokens: { outerBorderColor: '#2b8000', outerBorderOutline: 'none' }
@@ -160,7 +161,7 @@ module.exports = {
     color: '#2b8000',
     icon: null,
     iconSize: 24,
-    iconSpace: 1,
+    iconSpace: 0,
     iconTranslateX: 0,
     iconTranslateY: 0,
     outerBorderColor: 'rgba(0, 0, 0, 0)',

package/build/rn/List.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 05 Apr 2024 17:09:14 GMT
+ * Generated on Mon, 06 May 2024 16:32:34 GMT
  *
  */
 

package/build/rn/Listbox.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 05 Apr 2024 17:09:14 GMT
+ * Generated on Mon, 06 May 2024 16:32:34 GMT
  *
  */
 

package/build/rn/Modal.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 05 Apr 2024 17:09:14 GMT
+ * Generated on Mon, 06 May 2024 16:32:34 GMT
  *
  */
 

package/build/rn/MultiSelectFilter.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 05 Apr 2024 17:09:14 GMT
+ * Generated on Mon, 06 May 2024 16:32:34 GMT
  *
  */
 

package/build/rn/NavigationBar.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 05 Apr 2024 17:09:14 GMT
+ * Generated on Mon, 06 May 2024 16:32:34 GMT
  *
  */