@telus-uds/theme-koodo 5.22.0 → 6.0.0

package/build/ios/theme.json

@@ -6568,6 +6568,8 @@
           "tokens": {
             "direction": "column",
             "height": "100%",
+            "marginLeft": 24,
+            "marginRight": 24,
             "paddingBottom": 24,
             "paddingLeft": 24,
             "paddingRight": 24,
@@ -6708,6 +6710,7 @@
         "containerPaddingRight": 0,
         "containerPaddingTop": 0,
         "direction": "row",
+        "footerTopWidth": 0,
         "gap": 16,
         "headingColor": {
           "red": 0,
@@ -6717,8 +6720,8 @@
         },
         "headingPaddingRight": 24,
         "height": null,
-        "marginLeft": 24,
-        "marginRight": 24,
+        "marginLeft": 32,
+        "marginRight": 32,
         "maxWidth": "100%",
         "paddingBottom": 24,
         "paddingLeft": 24,
@@ -6727,14 +6730,14 @@
         "shadow": {
           "inset": false,
           "offsetX": 0,
-          "offsetY": 0,
-          "blur": 0,
+          "offsetY": 4,
+          "blur": 8,
           "spread": 0,
           "color": {
             "red": 0,
             "green": 0,
             "blue": 0,
-            "alpha": 0
+            "alpha": 0.1
           }
         },
         "subHeadingMarginTop": 8
@@ -6846,29 +6849,29 @@
           },
           "tokens": {
             "backgroundColor": {
-              "red": 0,
-              "green": 0,
-              "blue": 0,
+              "red": 0.78824,
+              "green": 0.78431,
+              "blue": 0.78431,
               "alpha": 1
             },
             "borderColor": {
-              "red": 0,
-              "green": 0,
-              "blue": 0,
+              "red": 0.78824,
+              "green": 0.78431,
+              "blue": 0.78431,
               "alpha": 1
             },
             "color": {
-              "red": 1,
-              "green": 1,
-              "blue": 1,
+              "red": 0,
+              "green": 0,
+              "blue": 0,
               "alpha": 1
             },
             "fontName": "StagSans",
             "fontWeight": 600,
             "outerBorderColor": {
-              "red": 0,
-              "green": 0,
-              "blue": 0,
+              "red": 0.78824,
+              "green": 0.78431,
+              "blue": 0.78431,
               "alpha": 1
             }
           }
@@ -6896,6 +6899,12 @@
               "green": 0.78431,
               "blue": 0.78431,
               "alpha": 1
+            },
+            "outerBorderColor": {
+              "red": 0.34902,
+              "green": 0.34902,
+              "blue": 0.34902,
+              "alpha": 1
             }
           }
         },
@@ -6908,6 +6917,14 @@
             "width": 288
           }
         },
+        {
+          "if": {
+            "viewport": ["xl"]
+          },
+          "tokens": {
+            "borderRadius": 32
+          }
+        },
         {
           "if": {
             "pressed": true,
@@ -6960,13 +6977,13 @@
           "alpha": 1
         },
         "borderColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0
         },
         "borderRadius": 4,
-        "borderWidth": 4,
+        "borderWidth": 0,
         "color": {
           "red": 0,
           "green": 0,
@@ -6987,13 +7004,13 @@
           "alpha": 0
         },
         "outerBorderColor": {
-          "red": 0,
-          "green": 0,
-          "blue": 0,
-          "alpha": 0
+          "red": 0.78824,
+          "green": 0.78431,
+          "blue": 0.78431,
+          "alpha": 1
         },
         "outerBorderGap": 0,
-        "outerBorderWidth": 0,
+        "outerBorderWidth": 1,
         "paddingBottom": 6,
         "paddingLeft": 16,
         "paddingRight": 16,
@@ -13857,7 +13874,7 @@
     }
   },
   "metadata": {
-    "themeTokensVersion": "2.65.0",
+    "themeTokensVersion": "2.66.0",
     "name": "theme-koodo"
   }
 }

package/build/rn/ActionCard.js

@@ -1,15 +1,14 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:28:48 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
-const PaletteIconArrowRight = require('@telus-uds/palette-koodo/build/rn/icons/ArrowRight')
-const PaletteIconExclamationTriangle = require('@telus-uds/palette-koodo/build/rn/icons/ExclamationTriangle')
-const PaletteIconExclamationOctagon = require('@telus-uds/palette-koodo/build/rn/icons/ExclamationOctagon')
-
-module.exports = {
+import PaletteIconArrowRight from '@telus-uds/palette-koodo/build/rn/icons/ArrowRight'
+import PaletteIconExclamationTriangle from '@telus-uds/palette-koodo/build/rn/icons/ExclamationTriangle'
+import PaletteIconExclamationOctagon from '@telus-uds/palette-koodo/build/rn/icons/ExclamationOctagon'
+const theme = {
   appearances: {
     hover: {
       description: "Currently web only. Applies when an interactive component's hover handler is triggered, such as on mouseover.",
@@ -90,3 +89,4 @@ module.exports = {
     titleMarginTop: 8
   }
 }
+export default theme

package/build/rn/ActivityIndicator.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:28:48 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: {
     size: {
       description: 'used for full-screen spinners',
@@ -18,3 +17,4 @@ module.exports = {
   rules: [ { if: { size: 'large' }, tokens: { size: 48, thickness: 4 } } ],
   tokens: { color: '#ff0076', size: 24, thickness: 2 }
 }
+export default theme

package/build/rn/Badge.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:28:48 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: {
     alternative: { type: 'variant', values: [ true ] },
     inverse: { type: 'variant', values: [ true ] },
@@ -97,3 +96,4 @@ module.exports = {
     paddingTop: 2
   }
 }
+export default theme

package/build/rn/BlockQuote.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:28:48 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: {
     viewport: {
       description: 'The size label for the current screen viewport based on the current screen width',
@@ -53,3 +52,4 @@ module.exports = {
     width: 4
   }
 }
+export default theme

package/build/rn/Box.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:28:48 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: {
     background: {
       description: 'Background colour of box. White if not specified.',
@@ -106,3 +105,4 @@ module.exports = {
     gradient: null
   }
 }
+export default theme

package/build/rn/Breadcrumbs.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:28:48 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
-const PaletteIconChevronRight = require('@telus-uds/palette-koodo/build/rn/icons/ChevronRight')
-
-module.exports = {
+import PaletteIconChevronRight from '@telus-uds/palette-koodo/build/rn/icons/ChevronRight'
+const theme = {
   appearances: { inverse: { type: 'variant', values: [ true ] } },
   rules: [
     {
@@ -34,3 +33,4 @@ module.exports = {
     listItemPadding: 0
   }
 }
+export default theme

package/build/rn/Button.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:28:48 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: {
     danger: {
       description: 'Indicates a user action that is destructive and will result in loss of information or cause significant monetary charges. Limit the use of the danger button whenever possible.',
@@ -441,3 +440,4 @@ module.exports = {
     width: null
   }
 }
+export default theme

package/build/rn/ButtonDropdown.js

@@ -1,14 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:28:48 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
-const PaletteIconChevronDown = require('@telus-uds/palette-koodo/build/rn/icons/ChevronDown')
-const PaletteIconChevronUp = require('@telus-uds/palette-koodo/build/rn/icons/ChevronUp')
-
-module.exports = {
+import PaletteIconChevronDown from '@telus-uds/palette-koodo/build/rn/icons/ChevronDown'
+import PaletteIconChevronUp from '@telus-uds/palette-koodo/build/rn/icons/ChevronUp'
+const theme = {
   appearances: {
     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.",
@@ -147,3 +146,4 @@ module.exports = {
     width: null
   }
 }
+export default theme

package/build/rn/ButtonGroup.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:28:48 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: {
     style: {
       description: 'Configure `style` variant for `ButtonGroup`',
@@ -56,3 +55,4 @@ module.exports = {
     space: 2
   }
 }
+export default theme

package/build/rn/ButtonGroupItem.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:28:48 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: {
     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.",
@@ -167,3 +166,4 @@ module.exports = {
     width: null
   }
 }
+export default theme

package/build/rn/Callout.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:28:48 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: {
     rounded: { type: 'variant', values: [ true ] },
     size: { type: 'variant', values: [ 'small' ] }
@@ -30,3 +29,4 @@ module.exports = {
     paddingTop: 8
   }
 }
+export default theme

package/build/rn/Card.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:28:48 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
-const PaletteIconCheck = require('@telus-uds/palette-koodo/build/rn/icons/Check')
-
-module.exports = {
+import PaletteIconCheck from '@telus-uds/palette-koodo/build/rn/icons/Check'
+const theme = {
   appearances: {
     background: {
       description: 'Defines background related attributes of Card',
@@ -256,3 +255,4 @@ module.exports = {
     shadow: null
   }
 }
+export default theme

package/build/rn/CardGroup.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:28:48 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: {
     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.",
@@ -64,3 +63,4 @@ module.exports = {
     space: 3
   }
 }
+export default theme

package/build/rn/Carousel.js

@@ -1,16 +1,15 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:28:48 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
-const PaletteIconChevronRight = require('@telus-uds/palette-koodo/build/rn/icons/ChevronRight')
-const PaletteIconPause = require('@telus-uds/palette-koodo/build/rn/icons/Pause')
-const PaletteIconPlay = require('@telus-uds/palette-koodo/build/rn/icons/Play')
-const PaletteIconChevronLeft = require('@telus-uds/palette-koodo/build/rn/icons/ChevronLeft')
-
-module.exports = {
+import PaletteIconChevronRight from '@telus-uds/palette-koodo/build/rn/icons/ChevronRight'
+import PaletteIconPause from '@telus-uds/palette-koodo/build/rn/icons/Pause'
+import PaletteIconPlay from '@telus-uds/palette-koodo/build/rn/icons/Play'
+import PaletteIconChevronLeft from '@telus-uds/palette-koodo/build/rn/icons/ChevronLeft'
+const theme = {
   appearances: {
     viewport: {
       description: 'The size label for the current screen viewport based on the current screen width',
@@ -39,3 +38,4 @@ module.exports = {
     stepTrackerCurrentBackgroundColor: '#ffffff'
   }
 }
+export default theme

package/build/rn/CarouselTabsPanelItem.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:28:48 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: {
     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.",
@@ -149,3 +148,4 @@ module.exports = {
     paddingTop: 0
   }
 }
+export default theme

package/build/rn/CarouselThumbnail.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:28:48 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: {
     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.",
@@ -60,3 +59,4 @@ module.exports = {
     size: 56
   }
 }
+export default theme

package/build/rn/Checkbox.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:28:48 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
-const PaletteIconCheck = require('@telus-uds/palette-koodo/build/rn/icons/Check')
-
-module.exports = {
+import PaletteIconCheck from '@telus-uds/palette-koodo/build/rn/icons/Check'
+const theme = {
   appearances: {
     checked: {
       description: 'Corresponds to a selected state for a checkbox or radio',
@@ -82,3 +81,4 @@ module.exports = {
     labelMarginLeft: 8
   }
 }
+export default theme

package/build/rn/CheckboxCard.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:28:48 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: {
     checked: {
       description: 'Corresponds to a selected state for a checkbox or radio',
@@ -166,3 +165,4 @@ module.exports = {
     textTransform: 'none'
   }
 }
+export default theme

package/build/rn/CheckboxCardGroup.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:28:48 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: {
     fullWidth: {
       description: 'Makes cards always occupy the full width of the parent, regardless of viewport',
@@ -43,3 +42,4 @@ module.exports = {
     space: 3
   }
 }
+export default theme

package/build/rn/CheckboxGroup.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:28:48 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: {},
   rules: [],
   tokens: {
@@ -22,3 +21,4 @@ module.exports = {
     space: 2
   }
 }
+export default theme

package/build/rn/ChevronLink.js

@@ -1,14 +1,13 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:28:48 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
-const PaletteIconChevronLeft = require('@telus-uds/palette-koodo/build/rn/icons/ChevronLeft')
-const PaletteIconChevronRight = require('@telus-uds/palette-koodo/build/rn/icons/ChevronRight')
-
-module.exports = {
+import PaletteIconChevronLeft from '@telus-uds/palette-koodo/build/rn/icons/ChevronLeft'
+import PaletteIconChevronRight from '@telus-uds/palette-koodo/build/rn/icons/ChevronRight'
+const theme = {
   appearances: {
     alternative: { type: 'variant', values: [ true ] },
     focus: {
@@ -109,3 +108,4 @@ module.exports = {
     textLine: 'none'
   }
 }
+export default theme

package/build/rn/ColourToggle.js

@@ -1,13 +1,12 @@
 /*
  *
  * Do not edit directly
- * Generated on Sat, 12 Oct 2024 00:28:48 GMT
+ * Generated on Fri, 22 Nov 2024 23:14:00 GMT
  *
  */
 
 
-
-module.exports = {
+const theme = {
   appearances: {
     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.",
@@ -91,3 +90,4 @@ module.exports = {
     space: 2
   }
 }
+export default theme