@telus-uds/theme-koodo 5.5.1 → 5.7.0

package/build/ios/theme.json

@@ -2407,7 +2407,7 @@
           },
           "tokens": {
             "alignItems": "flex-start",
-            "size": 48
+            "size": 32
           }
         },
         {
@@ -2445,7 +2445,7 @@
           "alpha": 1
         },
         "selectedBorderWidth": 2,
-        "size": 72
+        "size": 56
       }
     },
     "Checkbox": {
@@ -3609,15 +3609,14 @@
         "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": [
-        {
-          "if": {
-            "compact": true
-          },
-          "tokens": {}
-        },
         {
           "if": {
             "mini": true
@@ -3656,14 +3655,33 @@
           "tokens": {
             "icon": "PaletteIconChevronUp"
           }
+        },
+        {
+          "if": {
+            "pressed": true
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0,
+              "green": 0,
+              "blue": 0,
+              "alpha": 0.2
+            }
+          }
+        },
+        {
+          "if": {
+            "compact": true
+          },
+          "tokens": {}
         }
       ],
       "tokens": {
         "backgroundColor": {
-          "red": 0.93725,
-          "green": 0.93725,
-          "blue": 0.93725,
-          "alpha": 1
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0
         },
         "borderBottomLeftRadius": 0,
         "borderBottomRightRadius": 0,
@@ -3675,7 +3693,7 @@
         },
         "borderTopLeftRadius": 0,
         "borderTopRightRadius": 0,
-        "borderWidth": 0,
+        "borderWidth": 2,
         "icon": "PaletteIconChevronDown",
         "iconColor": {
           "red": 0,
@@ -3688,10 +3706,10 @@
         "iconPosition": "right",
         "iconSize": 16,
         "justifyContent": "space-between",
-        "paddingBottom": 16,
-        "paddingLeft": 24,
-        "paddingRight": 24,
-        "paddingTop": 16,
+        "paddingBottom": 14,
+        "paddingLeft": 22,
+        "paddingRight": 22,
+        "paddingTop": 14,
         "textLine": "none",
         "verticalAlign": "middle"
       }
@@ -5112,8 +5130,8 @@
             "blockFontName": "StagSans",
             "blockFontSize": 12,
             "blockFontWeight": 600,
-            "blockLineHeight": 1.6,
-            "iconSize": 16
+            "blockLineHeight": 1.33333333333,
+            "iconSize": 12
           }
         },
         {
@@ -5123,7 +5141,7 @@
           "tokens": {
             "blockFontSize": 14,
             "blockLineHeight": 1.42857142857,
-            "iconSize": 20
+            "iconSize": 14
           }
         },
         {
@@ -5159,7 +5177,7 @@
           "alpha": 1
         },
         "icon": null,
-        "iconSize": 24,
+        "iconSize": 16,
         "iconSpace": 1,
         "iconTranslateX": 0,
         "iconTranslateY": 0,
@@ -8769,6 +8787,7 @@
           "blue": 0.78431,
           "alpha": 1
         },
+        "lineRadius": 4,
         "radius": 99999999999999,
         "secondColor": {
           "red": 0.93725,
@@ -12010,7 +12029,7 @@
     }
   },
   "metadata": {
-    "themeTokensVersion": "2.50.1",
+    "themeTokensVersion": "2.51.0",
     "name": "theme-koodo"
   }
 }

package/build/rn/ActivityIndicator.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 29 Jan 2024 18:22:54 GMT
+ * Generated on Wed, 14 Feb 2024 02:19:13 GMT
  *
  */
 

package/build/rn/Badge.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 29 Jan 2024 18:22:54 GMT
+ * Generated on Wed, 14 Feb 2024 02:19:13 GMT
  *
  */
 

package/build/rn/BlockQuote.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 29 Jan 2024 18:22:54 GMT
+ * Generated on Wed, 14 Feb 2024 02:19:13 GMT
  *
  */
 

package/build/rn/Box.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 29 Jan 2024 18:22:54 GMT
+ * Generated on Wed, 14 Feb 2024 02:19:13 GMT
  *
  */
 

package/build/rn/Breadcrumbs.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 29 Jan 2024 18:22:54 GMT
+ * Generated on Wed, 14 Feb 2024 02:19:13 GMT
  *
  */
 

package/build/rn/Button.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 29 Jan 2024 18:22:54 GMT
+ * Generated on Wed, 14 Feb 2024 02:19:13 GMT
  *
  */
 

package/build/rn/ButtonDropdown.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 29 Jan 2024 18:22:54 GMT
+ * Generated on Wed, 14 Feb 2024 02:19:13 GMT
  *
  */
 

package/build/rn/ButtonGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 29 Jan 2024 18:22:54 GMT
+ * Generated on Wed, 14 Feb 2024 02:19:13 GMT
  *
  */
 

package/build/rn/ButtonGroupItem.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 29 Jan 2024 18:22:54 GMT
+ * Generated on Wed, 14 Feb 2024 02:19:13 GMT
  *
  */
 

package/build/rn/Callout.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 29 Jan 2024 18:22:54 GMT
+ * Generated on Wed, 14 Feb 2024 02:19:13 GMT
  *
  */
 

package/build/rn/Card.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 29 Jan 2024 18:22:54 GMT
+ * Generated on Wed, 14 Feb 2024 02:19:13 GMT
  *
  */
 

package/build/rn/Carousel.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 29 Jan 2024 18:22:54 GMT
+ * Generated on Wed, 14 Feb 2024 02:19:13 GMT
  *
  */
 

package/build/rn/CarouselTabsPanelItem.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 29 Jan 2024 18:22:54 GMT
+ * Generated on Wed, 14 Feb 2024 02:19:13 GMT
  *
  */
 

package/build/rn/CarouselThumbnail.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 29 Jan 2024 18:22:54 GMT
+ * Generated on Wed, 14 Feb 2024 02:19:13 GMT
  *
  */
 
@@ -35,7 +35,7 @@ module.exports = {
   rules: [
     {
       if: { viewport: [ 'xs', 'sm' ] },
-      tokens: { alignItems: 'flex-start', size: 48 }
+      tokens: { alignItems: 'flex-start', size: 32 }
     },
     { if: { hover: true }, tokens: { borderColor: '#404040' } },
     {
@@ -57,6 +57,6 @@ module.exports = {
     padding: 8,
     selectedBorderColor: '#000000',
     selectedBorderWidth: 2,
-    size: 72
+    size: 56
   }
 }

package/build/rn/Checkbox.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 29 Jan 2024 18:22:54 GMT
+ * Generated on Wed, 14 Feb 2024 02:19:13 GMT
  *
  */
 

package/build/rn/CheckboxCard.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 29 Jan 2024 18:22:54 GMT
+ * Generated on Wed, 14 Feb 2024 02:19:13 GMT
  *
  */
 

package/build/rn/CheckboxCardGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 29 Jan 2024 18:22:54 GMT
+ * Generated on Wed, 14 Feb 2024 02:19:13 GMT
  *
  */
 

package/build/rn/CheckboxGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 29 Jan 2024 18:22:54 GMT
+ * Generated on Wed, 14 Feb 2024 02:19:13 GMT
  *
  */
 

package/build/rn/ChevronLink.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 29 Jan 2024 18:22:54 GMT
+ * Generated on Wed, 14 Feb 2024 02:19:13 GMT
  *
  */
 

package/build/rn/ColourToggle.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 29 Jan 2024 18:22:54 GMT
+ * Generated on Wed, 14 Feb 2024 02:19:13 GMT
  *
  */
 

package/build/rn/Countdown.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 29 Jan 2024 18:22:54 GMT
+ * Generated on Wed, 14 Feb 2024 02:19:13 GMT
  *
  */
 

package/build/rn/DatePicker.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 29 Jan 2024 18:22:54 GMT
+ * Generated on Wed, 14 Feb 2024 02:19:13 GMT
  *
  */
 

package/build/rn/Disclaimer.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 29 Jan 2024 18:22:54 GMT
+ * Generated on Wed, 14 Feb 2024 02:19:13 GMT
  *
  */
 

package/build/rn/Divider.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 29 Jan 2024 18:22:54 GMT
+ * Generated on Wed, 14 Feb 2024 02:19:13 GMT
  *
  */
 

package/build/rn/ExpandCollapse.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 29 Jan 2024 18:22:54 GMT
+ * Generated on Wed, 14 Feb 2024 02:19:13 GMT
  *
  */
 

package/build/rn/ExpandCollapseControl.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 29 Jan 2024 18:22:54 GMT
+ * Generated on Wed, 14 Feb 2024 02:19:13 GMT
  *
  */
 
@@ -16,10 +16,26 @@ 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: { compact: true }, tokens: {} },
     {
       if: { mini: true },
       tokens: {
@@ -42,16 +58,48 @@ module.exports = {
     {
       if: { expanded: true },
       tokens: { icon: PaletteIconChevronUp }
-    }
+    },
+    {
+      if: { focus: true },
+      tokens: {
+        borderBottomLeftRadius: 4,
+        borderBottomRightRadius: 4,
+        borderColor: '#000000',
+        borderTopLeftRadius: 4,
+        borderTopRightRadius: 4,
+        borderWidth: 2
+      }
+    },
+    {
+      if: { hover: true },
+      tokens: { backgroundColor: 'rgba(0, 0, 0, 0.1)' }
+    },
+    {
+      if: { pressed: true },
+      tokens: { backgroundColor: 'rgba(0, 0, 0, 0.2)' }
+    },
+    {
+      if: { focus: true, pressed: true },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0.2)',
+        borderBottomLeftRadius: 4,
+        borderBottomRightRadius: 4,
+        borderColor: '#000000',
+        borderTopLeftRadius: 4,
+        borderTopRightRadius: 4,
+        borderWidth: 2
+      }
+    },
+    { if: { compact: true }, tokens: {} }
   ],
   tokens: {
-    backgroundColor: '#efefef',
+    backgroundColor: 'rgba(0, 0, 0, 0)',
     borderBottomLeftRadius: 0,
     borderBottomRightRadius: 0,
     borderColor: 'rgba(0, 0, 0, 0)',
     borderTopLeftRadius: 0,
     borderTopRightRadius: 0,
-    borderWidth: 0,
+    borderWidth: 2,
     icon: PaletteIconChevronDown,
     iconColor: '#000000',
     iconGap: 8,
@@ -59,10 +107,10 @@ module.exports = {
     iconPosition: 'right',
     iconSize: 16,
     justifyContent: 'space-between',
-    paddingBottom: 16,
-    paddingLeft: 24,
-    paddingRight: 24,
-    paddingTop: 16,
+    paddingBottom: 14,
+    paddingLeft: 22,
+    paddingRight: 22,
+    paddingTop: 14,
     textLine: 'none',
     verticalAlign: 'middle'
   }

package/build/rn/ExpandCollapseMini.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 29 Jan 2024 18:22:54 GMT
+ * Generated on Wed, 14 Feb 2024 02:19:13 GMT
  *
  */
 

package/build/rn/ExpandCollapseMiniControl.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 29 Jan 2024 18:22:54 GMT
+ * Generated on Wed, 14 Feb 2024 02:19:13 GMT
  *
  */
 

package/build/rn/ExpandCollapsePanel.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 29 Jan 2024 18:22:54 GMT
+ * Generated on Wed, 14 Feb 2024 02:19:13 GMT
  *
  */
 

package/build/rn/Feedback.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 29 Jan 2024 18:22:54 GMT
+ * Generated on Wed, 14 Feb 2024 02:19:13 GMT
  *
  */
 

package/build/rn/Fieldset.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 29 Jan 2024 18:22:54 GMT
+ * Generated on Wed, 14 Feb 2024 02:19:13 GMT
  *
  */
 

package/build/rn/Footnote.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 29 Jan 2024 18:22:54 GMT
+ * Generated on Wed, 14 Feb 2024 02:19:13 GMT
  *
  */
 

package/build/rn/FootnoteLink.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 29 Jan 2024 18:22:54 GMT
+ * Generated on Wed, 14 Feb 2024 02:19:13 GMT
  *
  */
 

package/build/rn/HorizontalScrollButton.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 29 Jan 2024 18:22:54 GMT
+ * Generated on Wed, 14 Feb 2024 02:19:13 GMT
  *
  */
 

package/build/rn/Icon.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 29 Jan 2024 18:22:54 GMT
+ * Generated on Wed, 14 Feb 2024 02:19:13 GMT
  *
  */
 

package/build/rn/IconButton.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 29 Jan 2024 18:22:54 GMT
+ * Generated on Wed, 14 Feb 2024 02:19:13 GMT
  *
  */
 

package/build/rn/Image.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 29 Jan 2024 18:22:54 GMT
+ * Generated on Wed, 14 Feb 2024 02:19:13 GMT
  *
  */
 

package/build/rn/InputLabel.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 29 Jan 2024 18:22:54 GMT
+ * Generated on Wed, 14 Feb 2024 02:19:13 GMT
  *
  */
 

package/build/rn/InputSupports.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 29 Jan 2024 18:22:54 GMT
+ * Generated on Wed, 14 Feb 2024 02:19:13 GMT
  *
  */