@telus-uds/theme-koodo 5.22.0 → 6.0.0

package/build/rn/NavigationBar.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: {
     expanded: {
       description: 'Applies when an ExpandCollapse panel is open and the content inside is visible',
@@ -47,17 +46,22 @@ module.exports = {
     {
       if: { selected: true },
       tokens: {
-        backgroundColor: '#000000',
-        borderColor: '#000000',
-        color: '#ffffff',
+        backgroundColor: '#c9c8c8',
+        borderColor: '#c9c8c8',
+        color: '#000000',
         fontName: 'StagSans',
         fontWeight: '600',
-        outerBorderColor: '#000000'
+        outerBorderColor: '#c9c8c8'
       }
     },
     {
       if: { focus: true },
-      tokens: { borderColor: '#000000', borderWidth: 4 }
+      tokens: {
+        borderColor: '#000000',
+        borderWidth: 0,
+        outerBorderColor: '#000000',
+        outerBorderWidth: 3
+      }
     },
     {
       if: { focus: true, pressed: true },
@@ -73,7 +77,8 @@ module.exports = {
       tokens: {
         backgroundColor: '#404040',
         borderColor: '#404040',
-        color: '#ffffff'
+        color: '#ffffff',
+        outerBorderColor: '#404040'
       }
     },
     {
@@ -82,13 +87,15 @@ module.exports = {
         backgroundColor: '#595959',
         borderColor: '#595959',
         borderWidth: 1,
-        color: '#c9c8c8'
+        color: '#c9c8c8',
+        outerBorderColor: '#595959'
       }
     },
     {
       if: { viewport: [ 'xs', 'sm', 'md' ] },
       tokens: { textAlign: 'space-between', width: 288 }
     },
+    { if: { viewport: [ 'xl' ] }, tokens: { borderRadius: 32 } },
     {
       if: { hover: true, selected: true },
       tokens: {
@@ -118,9 +125,9 @@ module.exports = {
   tokens: {
     alignSelf: 'flex-start',
     backgroundColor: '#ffffff',
-    borderColor: '#ffffff',
+    borderColor: 'rgba(0, 0, 0, 0)',
     borderRadius: 4,
-    borderWidth: 4,
+    borderWidth: 0,
     color: '#000000',
     fontName: 'StagSans',
     fontSize: 14,
@@ -130,9 +137,9 @@ module.exports = {
     minWidth: 0,
     opacity: 1,
     outerBackgroundColor: 'rgba(0, 0, 0, 0)',
-    outerBorderColor: 'rgba(0, 0, 0, 0)',
+    outerBorderColor: '#c9c8c8',
     outerBorderGap: 0,
-    outerBorderWidth: 0,
+    outerBorderWidth: 1,
     paddingBottom: 6,
     paddingLeft: 16,
     paddingRight: 16,
@@ -142,3 +149,4 @@ module.exports = {
     width: 0
   }
 }
+export default theme

package/build/rn/Notification.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 PaletteIconClose = require('@telus-uds/palette-koodo/build/rn/icons/Close')
-const PaletteIconCheckCircleFilled = require('@telus-uds/palette-koodo/build/rn/icons/CheckCircleFilled')
-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 PaletteIconClose from '@telus-uds/palette-koodo/build/rn/icons/Close'
+import PaletteIconCheckCircleFilled from '@telus-uds/palette-koodo/build/rn/icons/CheckCircleFilled'
+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: {
     style: {
       type: 'variant',
@@ -174,3 +173,4 @@ module.exports = {
     paddingTop: 12
   }
 }
+export default theme

package/build/rn/OrderedList.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: {
     compact: {
       description: 'When true it will reduce the line height of the list item.',
@@ -58,3 +57,4 @@ module.exports = {
     listGutter: 8
   }
 }
+export default theme

package/build/rn/Pagination.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',
@@ -42,3 +41,4 @@ module.exports = {
     truncateAbove: 4
   }
 }
+export default theme

package/build/rn/PaginationPageButton.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.",
@@ -89,3 +88,4 @@ module.exports = {
     width: 32
   }
 }
+export default theme

package/build/rn/PaginationSideButton.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: {
     compact: {
       description: 'Determines if the "Next" and "Previous" labels should be omitted',
@@ -125,3 +124,4 @@ module.exports = {
     width: null
   }
 }
+export default theme

package/build/rn/PreviewCard.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.",
@@ -66,3 +65,4 @@ module.exports = {
     separatorColor: '#000000'
   }
 }
+export default theme

package/build/rn/PriceLockup.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: {
       type: 'variant',
@@ -129,3 +128,4 @@ module.exports = {
     topTextMarginBottom: 4
   }
 }
+export default theme

package/build/rn/ProductCard.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: {
     viewport: {
       description: 'The size label for the current screen viewport based on the current screen width',
@@ -31,3 +30,4 @@ module.exports = {
     selectedButtonIcon: PaletteIconCheck
   }
 }
+export default theme

package/build/rn/Progress.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: { type: 'variant', values: [ 'mini' ] } },
   rules: [ { if: { size: 'mini' }, tokens: { height: 8 } } ],
   tokens: {
@@ -26,3 +25,4 @@ module.exports = {
     }
   }
 }
+export default theme

package/build/rn/ProgressBar.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: {
     inactive: {
       description: 'Prevents an interactive component from being interacted with and applies accessibility attributes to indicate to the user that this component cannot be used.',
@@ -35,3 +34,4 @@ module.exports = {
     shadow: null
   }
 }
+export default theme

package/build/rn/QuantitySelector.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 ] },
     disabled: { type: 'variant', values: [ true ] },
@@ -45,3 +44,4 @@ module.exports = {
     textColor: '#000000'
   }
 }
+export default theme

package/build/rn/QuantitySelectorSideButton.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 PaletteIconSubtract = require('@telus-uds/palette-koodo/build/rn/icons/Subtract')
-const PaletteIconAdd = require('@telus-uds/palette-koodo/build/rn/icons/Add')
-
-module.exports = {
+import PaletteIconSubtract from '@telus-uds/palette-koodo/build/rn/icons/Subtract'
+import PaletteIconAdd from '@telus-uds/palette-koodo/build/rn/icons/Add'
+const theme = {
   appearances: {
     alternative: { type: 'variant', values: [ true ] },
     decrease: { type: 'variant', values: [ true ] },
@@ -100,3 +99,4 @@ module.exports = {
     paddingTop: 16
   }
 }
+export default theme

package/build/rn/QuickLinks.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',
@@ -30,3 +29,4 @@ module.exports = {
     stackSpace: 4
   }
 }
+export default theme

package/build/rn/QuickLinksButton.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.",
@@ -73,3 +72,4 @@ module.exports = {
     width: null
   }
 }
+export default theme

package/build/rn/QuickLinksCard.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: {
@@ -24,3 +23,4 @@ module.exports = {
     shadow: null
   }
 }
+export default theme

package/build/rn/QuickLinksFeature.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',
@@ -18,3 +17,4 @@ module.exports = {
   rules: [ { if: { viewport: 'xs' }, tokens: { stackSpace: 4 } } ],
   tokens: { stackGap: 5, stackJustify: 'center', stackSpace: 5 }
 }
+export default theme

package/build/rn/QuickLinksFeatureItem.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.",
@@ -78,3 +77,4 @@ module.exports = {
     textLine: 'none'
   }
 }
+export default theme

package/build/rn/QuickLinksList.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.",
@@ -62,3 +61,4 @@ module.exports = {
     paddingTop: 12
   }
 }
+export default theme

package/build/rn/Radio.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',
@@ -114,3 +113,4 @@ module.exports = {
     outerBorderWidth: 1
   }
 }
+export default theme

package/build/rn/RadioCard.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/RadioCardGroup.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',
@@ -39,3 +38,4 @@ module.exports = {
     space: 3
   }
 }
+export default theme

package/build/rn/RadioGroup.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/Ribbon.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: {
     purpose: {
       type: 'variant',
@@ -60,3 +59,4 @@ module.exports = {
     paddingTop: 2
   }
 }
+export default theme

package/build/rn/Search.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 PaletteIconTimes = require('@telus-uds/palette-koodo/build/rn/icons/Times')
-const PaletteIconSpyglass = require('@telus-uds/palette-koodo/build/rn/icons/Spyglass')
-
-module.exports = {
+import PaletteIconTimes from '@telus-uds/palette-koodo/build/rn/icons/Times'
+import PaletteIconSpyglass from '@telus-uds/palette-koodo/build/rn/icons/Spyglass'
+const theme = {
   appearances: {
     focus: {
       description: 'Focus states for some input elements are well supported across web, RN, ios and android',
@@ -67,3 +66,4 @@ module.exports = {
     submitButtonIcon: PaletteIconSpyglass
   }
 }
+export default theme

package/build/rn/SearchButton.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.",
@@ -94,3 +93,4 @@ module.exports = {
     shadow: null
   }
 }
+export default theme