@telus-uds/theme-koodo 5.16.1 → 5.17.0

package/build/web/StackView.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:26:59 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:07 GMT
  *
  */
 

package/build/web/Status.js

@@ -0,0 +1,178 @@
+/*
+ *
+ * Do not edit directly
+ * Generated on Fri, 26 Jul 2024 21:16:07 GMT
+ *
+ */
+
+import PaletteIconToolTipFilled from '@telus-uds/palette-koodo/build/rn/icons/ToolTipFilled'
+import PaletteIconTooltip from '@telus-uds/palette-koodo/build/rn/icons/Tooltip'
+import PaletteIconCheckCircledFilled from '@telus-uds/palette-koodo/build/rn/icons/CheckCircledFilled'
+import PaletteIconExclamationTriangle from '@telus-uds/palette-koodo/build/rn/icons/ExclamationTriangle'
+import PaletteIconExclamationOctagon from '@telus-uds/palette-koodo/build/rn/icons/ExclamationOctagon'
+import PaletteIconTagFilled from '@telus-uds/palette-koodo/build/rn/icons/TagFilled'
+const theme = {
+  appearances: {
+    inverse: {
+      description: 'Inverts the status colors',
+      type: 'variant',
+      values: [ true ]
+    },
+    priority: { type: 'variant', values: [ 'default', 'low', 'high' ] },
+    purpose: {
+      type: 'variant',
+      values: [
+        'default', 'brand',
+        'subtle',  'success',
+        'warning', 'error',
+        'offer'
+      ]
+    }
+  },
+  rules: [
+    { if: { purpose: 'brand' }, tokens: { iconColor: '#000000' } },
+    {
+      if: { purpose: 'subtle' },
+      tokens: { icon: PaletteIconTooltip }
+    },
+    {
+      if: { purpose: 'success' },
+      tokens: { icon: PaletteIconCheckCircledFilled, iconColor: '#1c7b2b' }
+    },
+    {
+      if: { purpose: 'warning' },
+      tokens: { icon: PaletteIconExclamationTriangle, iconColor: '#c9370b' }
+    },
+    {
+      if: { purpose: 'error' },
+      tokens: { icon: PaletteIconExclamationOctagon, iconColor: '#c9370b' }
+    },
+    {
+      if: { purpose: 'offer' },
+      tokens: { icon: PaletteIconTagFilled, iconColor: '#7a3dfc' }
+    },
+    {
+      if: { priority: 'low' },
+      tokens: {
+        borderRadius: 99,
+        paddingBottom: 4,
+        paddingLeft: 12,
+        paddingRight: 12,
+        paddingTop: 4
+      }
+    },
+    {
+      if: { priority: 'high' },
+      tokens: {
+        backgroundColor: '#000000',
+        borderRadius: 99,
+        iconColor: '#ffffff',
+        paddingBottom: 4,
+        paddingLeft: 12,
+        paddingRight: 12,
+        paddingTop: 4,
+        textColor: '#ffffff'
+      }
+    },
+    {
+      if: { priority: 'low', purpose: 'default' },
+      tokens: { backgroundColor: '#efefef' }
+    },
+    {
+      if: { priority: 'high', purpose: 'default' },
+      tokens: { backgroundColor: '#000000' }
+    },
+    {
+      if: { priority: 'low', purpose: 'brand' },
+      tokens: { backgroundColor: '#efefef' }
+    },
+    {
+      if: { priority: 'high', purpose: 'brand' },
+      tokens: { backgroundColor: '#000000' }
+    },
+    {
+      if: { priority: 'low', purpose: 'subtle' },
+      tokens: { backgroundColor: '#efefef' }
+    },
+    {
+      if: { priority: 'high', purpose: 'subtle' },
+      tokens: {
+        backgroundColor: '#c9c8c8',
+        iconColor: '#000000',
+        textColor: '#000000'
+      }
+    },
+    {
+      if: { priority: 'low', purpose: 'success' },
+      tokens: { backgroundColor: '#c5f2cc' }
+    },
+    {
+      if: { priority: 'high', purpose: 'success' },
+      tokens: { backgroundColor: '#1c7b2b' }
+    },
+    {
+      if: { priority: 'low', purpose: 'warning' },
+      tokens: { backgroundColor: '#fff5d2' }
+    },
+    {
+      if: { priority: 'high', purpose: 'warning' },
+      tokens: { backgroundColor: '#c9370b' }
+    },
+    {
+      if: { priority: 'low', purpose: 'error' },
+      tokens: { backgroundColor: '#fcd3c6' }
+    },
+    {
+      if: { priority: 'high', purpose: 'error' },
+      tokens: { backgroundColor: '#c9370b' }
+    },
+    {
+      if: { priority: 'low', purpose: 'offer' },
+      tokens: { backgroundColor: '#e0d8fc' }
+    },
+    {
+      if: { priority: 'high', purpose: 'offer' },
+      tokens: { backgroundColor: '#7a3dfc' }
+    },
+    {
+      if: { inverse: true },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0)',
+        iconColor: '#ffffff',
+        textColor: '#ffffff'
+      }
+    },
+    {
+      if: { inverse: true, priority: 'low' },
+      tokens: { backgroundColor: 'rgba(0, 0, 0, 0)' }
+    },
+    {
+      if: { inverse: true, priority: 'high' },
+      tokens: {
+        backgroundColor: '#ffffff',
+        iconColor: '#000000',
+        textColor: '#000000'
+      }
+    }
+  ],
+  tokens: {
+    backgroundColor: null,
+    backgroundGradient: null,
+    borderColor: null,
+    borderRadius: null,
+    borderWidth: null,
+    fontName: 'StagSans',
+    fontSize: 16,
+    fontWeight: '400',
+    icon: PaletteIconToolTipFilled,
+    iconColor: '#000000',
+    iconGradient: null,
+    paddingBottom: 0,
+    paddingLeft: 0,
+    paddingRight: 0,
+    paddingTop: 0,
+    textColor: '#000000',
+    textLineHeight: 1.14285714286
+  }
+}
+export default theme

package/build/web/StepTracker.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:26:59 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:07 GMT
  *
  */
 

package/build/web/StoryCard.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:26:59 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:07 GMT
  *
  */
 

package/build/web/Table.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:26:59 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:07 GMT
  *
  */
 

package/build/web/Tabs.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:26:59 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:07 GMT
  *
  */
 

package/build/web/TabsItem.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:26:59 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:07 GMT
  *
  */
 

package/build/web/Tags.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:26:59 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:07 GMT
  *
  */
 

package/build/web/TagsItem.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:26:59 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:07 GMT
  *
  */
 

package/build/web/TermsAndConditions.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:26:59 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:07 GMT
  *
  */
 

package/build/web/Testimonial.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:26:59 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:07 GMT
  *
  */
 

package/build/web/TextArea.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:26:59 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:07 GMT
  *
  */
 

package/build/web/TextInput.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:26:59 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:07 GMT
  *
  */
 

package/build/web/Timeline.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:26:59 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:07 GMT
  *
  */
 

package/build/web/Toast.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:26:59 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:07 GMT
  *
  */
 

package/build/web/ToggleSwitch.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:26:59 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:07 GMT
  *
  */
 

package/build/web/ToggleSwitchGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:26:59 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:07 GMT
  *
  */
 

package/build/web/Tooltip.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:26:59 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:07 GMT
  *
  */
 

package/build/web/TooltipButton.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:26:59 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:07 GMT
  *
  */
 

package/build/web/Typography.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:26:59 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:07 GMT
  *
  */
 
@@ -207,7 +207,7 @@ const theme = {
     },
     { if: { inverse: true }, tokens: { color: '#ffffff' } },
     { if: { colour: 'default' }, tokens: { color: '#000000' } },
-    { if: { colour: 'brand' }, tokens: { color: '#ff0076' } },
+    { if: { colour: 'brand' }, tokens: { color: '#000000' } },
     { if: { colour: 'dark' }, tokens: { color: '#595959' } },
     { if: { colour: 'light' }, tokens: { color: '#666666' } },
     { if: { colour: 'positive' }, tokens: { color: '#1c7b2b' } },
@@ -218,8 +218,8 @@ const theme = {
     { if: { colour: 'brand2' }, tokens: { color: '#7a3dfc' } },
     { if: { colour: 'brand3' }, tokens: { color: '#5b2bc2' } },
     { if: { colour: 'alternative1' }, tokens: { color: '#404040' } },
-    { if: { colour: 'alternative2' }, tokens: { color: '#dd0066' } },
-    { if: { colour: 'alternative3' }, tokens: { color: '#1c7b2b' } }
+    { if: { colour: 'alternative2' }, tokens: { color: '#ff0076' } },
+    { if: { colour: 'alternative3' }, tokens: { color: '#dd0066' } }
   ],
   tokens: {
     color: '#000000',

package/build/web/Video.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:26:59 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:07 GMT
  *
  */
 

package/build/web/VideoButton.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:26:59 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:07 GMT
  *
  */
 

package/build/web/VideoControlBar.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:26:59 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:07 GMT
  *
  */
 

package/build/web/VideoMenu.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:26:59 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:07 GMT
  *
  */
 

package/build/web/VideoMiddleControlButton.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:26:59 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:07 GMT
  *
  */
 

package/build/web/VideoPicker.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:26:59 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:07 GMT
  *
  */
 

package/build/web/VideoPickerSlider.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:26:59 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:07 GMT
  *
  */
 

package/build/web/VideoPickerThumbnail.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:26:59 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:07 GMT
  *
  */
 

package/build/web/VideoProgressBar.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:26:59 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:07 GMT
  *
  */
 

package/build/web/VideoVolumeSlider.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:26:59 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:07 GMT
  *
  */
 

package/build/web/WaffleGrid.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:26:59 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:07 GMT
  *
  */
 

package/build/web/index.js

@@ -80,6 +80,7 @@ export { default as Spinner } from './Spinner'
 export { default as SplashButton } from './SplashButton'
 export { default as SplashButtonWithDetails } from './SplashButtonWithDetails'
 export { default as StackView } from './StackView'
+export { default as Status } from './Status'
 export { default as StepTracker } from './StepTracker'
 export { default as StoryCard } from './StoryCard'
 export { default as Table } from './Table'
@@ -110,5 +111,5 @@ export { default as VideoProgressBar } from './VideoProgressBar'
 export { default as VideoVolumeSlider } from './VideoVolumeSlider'
 export { default as WaffleGrid } from './WaffleGrid'
 export { default as spacingScale } from './spacingScale'
-export const metadata = { name: 'theme-koodo', themeTokensVersion: '2.59.0'}
+export const metadata = { name: 'theme-koodo', themeTokensVersion: '2.60.0'}
 export { default } from './theme'