@telus-uds/theme-public-mobile 2.24.1 → 2.26.0

package/build/web/Status.js

@@ -0,0 +1,192 @@
+/*
+ *
+ * Do not edit directly
+ * Generated on Fri, 26 Jul 2024 21:16:10 GMT
+ *
+ */
+
+import PaletteIconWarningError from '@telus-uds/palette-public-mobile/build/rn/icons/WarningError'
+import PaletteIconCheckMark from '@telus-uds/palette-public-mobile/build/rn/icons/CheckMark'
+import PaletteIconMobileRewards from '@telus-uds/palette-public-mobile/build/rn/icons/MobileRewards'
+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: '#394056' } },
+    { if: { purpose: 'subtle' }, tokens: { iconColor: '#6a7080' } },
+    {
+      if: { purpose: 'success' },
+      tokens: { icon: PaletteIconCheckMark, iconColor: '#2b826e' }
+    },
+    {
+      if: { purpose: 'warning' },
+      tokens: { icon: PaletteIconWarningError, iconColor: '#bf1722' }
+    },
+    {
+      if: { purpose: 'error' },
+      tokens: { icon: PaletteIconWarningError, iconColor: '#bf1722' }
+    },
+    {
+      if: { purpose: 'offer' },
+      tokens: { icon: PaletteIconMobileRewards, iconColor: '#f39d80' }
+    },
+    {
+      if: { priority: 'low' },
+      tokens: {
+        borderRadius: 99,
+        paddingBottom: 4,
+        paddingLeft: 12,
+        paddingRight: 12,
+        paddingTop: 4
+      }
+    },
+    {
+      if: { priority: 'high' },
+      tokens: {
+        backgroundColor: '#394056',
+        borderRadius: 99,
+        iconColor: '#cdcfd5',
+        paddingBottom: 4,
+        paddingLeft: 12,
+        paddingRight: 12,
+        paddingTop: 4,
+        textColor: '#cdcfd5'
+      }
+    },
+    {
+      if: { priority: 'low', purpose: 'default' },
+      tokens: { backgroundColor: '#cdcfd5' }
+    },
+    {
+      if: { priority: 'high', purpose: 'default' },
+      tokens: { backgroundColor: '#394056' }
+    },
+    {
+      if: { priority: 'low', purpose: 'brand' },
+      tokens: { backgroundColor: '#cdcfd5' }
+    },
+    {
+      if: { priority: 'high', purpose: 'brand' },
+      tokens: { backgroundColor: '#394056' }
+    },
+    {
+      if: { priority: 'low', purpose: 'subtle' },
+      tokens: { backgroundColor: '#cdcfd5' }
+    },
+    {
+      if: { priority: 'high', purpose: 'subtle' },
+      tokens: {
+        backgroundColor: '#cdcfd5',
+        iconColor: '#f5f5f7',
+        textColor: '#f5f5f7'
+      }
+    },
+    {
+      if: { priority: 'low', purpose: 'success' },
+      tokens: { backgroundColor: '#eaf3f1', iconColor: '#2b826e' }
+    },
+    {
+      if: { priority: 'high', purpose: 'success' },
+      tokens: {
+        backgroundColor: '#2b826e',
+        iconColor: '#eaf3f1',
+        textColor: '#eaf3f1'
+      }
+    },
+    {
+      if: { priority: 'low', purpose: 'warning' },
+      tokens: { backgroundColor: '#f9e8e9', iconColor: '#bf1722' }
+    },
+    {
+      if: { priority: 'high', purpose: 'warning' },
+      tokens: {
+        backgroundColor: '#bf1722',
+        iconColor: '#f9e8e9',
+        textColor: '#f9e8e9'
+      }
+    },
+    {
+      if: { priority: 'low', purpose: 'error' },
+      tokens: { backgroundColor: '#f9e8e9', iconColor: '#bf1722' }
+    },
+    {
+      if: { priority: 'high', purpose: 'error' },
+      tokens: {
+        backgroundColor: '#bf1722',
+        iconColor: '#f9e8e9',
+        textColor: '#f9e8e9'
+      }
+    },
+    {
+      if: { priority: 'low', purpose: 'offer' },
+      tokens: { backgroundColor: '#cdcfd5', iconColor: '#f39d80' }
+    },
+    {
+      if: { priority: 'high', purpose: 'offer' },
+      tokens: {
+        backgroundColor: '#f39d80',
+        iconColor: '#394056',
+        textColor: '#394056'
+      }
+    },
+    {
+      if: { inverse: true },
+      tokens: {
+        backgroundColor: 'rgba(0, 0, 0, 0)',
+        iconColor: '#ffffff',
+        textColor: '#ffffff'
+      }
+    },
+    {
+      if: { inverse: true, priority: 'low' },
+      tokens: {
+        backgroundColor: '#394056',
+        iconColor: '#ffffff',
+        textColor: '#ffffff'
+      }
+    },
+    {
+      if: { inverse: true, priority: 'high' },
+      tokens: {
+        backgroundColor: '#6a7080',
+        iconColor: '#ffffff',
+        textColor: '#ffffff'
+      }
+    }
+  ],
+  tokens: {
+    backgroundColor: null,
+    backgroundGradient: null,
+    borderColor: null,
+    borderRadius: null,
+    borderWidth: null,
+    fontName: 'SofiaPro',
+    fontSize: 18,
+    fontWeight: '400',
+    icon: PaletteIconWarningError,
+    iconColor: '#394056',
+    iconGradient: null,
+    paddingBottom: 0,
+    paddingLeft: 0,
+    paddingRight: 0,
+    paddingTop: 0,
+    textColor: '#394056',
+    textLineHeight: 1.153
+  }
+}
+export default theme

package/build/web/StepTracker.js

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

package/build/web/StoryCard.js

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

package/build/web/Table.js

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

package/build/web/Tabs.js

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

package/build/web/TabsItem.js

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

package/build/web/Tags.js

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

package/build/web/TagsItem.js

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

package/build/web/TermsAndConditions.js

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

package/build/web/Testimonial.js

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

package/build/web/TextArea.js

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

package/build/web/TextInput.js

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

package/build/web/Timeline.js

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

package/build/web/Toast.js

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

package/build/web/ToggleSwitch.js

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

package/build/web/ToggleSwitchGroup.js

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

package/build/web/Tooltip.js

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

package/build/web/TooltipButton.js

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

package/build/web/Typography.js

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

package/build/web/Video.js

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

package/build/web/VideoButton.js

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

package/build/web/VideoControlBar.js

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

package/build/web/VideoMenu.js

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

package/build/web/VideoMiddleControlButton.js

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

package/build/web/VideoPicker.js

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

package/build/web/VideoPickerSlider.js

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

package/build/web/VideoPickerThumbnail.js

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

package/build/web/VideoProgressBar.js

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

package/build/web/VideoVolumeSlider.js

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

package/build/web/WaffleGrid.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 19:27:06 GMT
+ * Generated on Fri, 26 Jul 2024 21:16:10 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-public-mobile', themeTokensVersion: '2.59.0'}
+export const metadata = { name: 'theme-public-mobile', themeTokensVersion: '2.60.0'}
 export { default } from './theme'