@telus-uds/theme-koodo 7.3.1 → 7.5.0

package/build/web/Link.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 11 Mar 2025 21:12:20 GMT
+ * Generated on Fri, 28 Mar 2025 00:59:12 GMT
  *
  */
 
@@ -41,6 +41,10 @@ const theme = {
       description: 'Text sizes for block links; similar but not always identical to Typography sizes.',
       type: 'variant',
       values: [ 'micro', 'small', 'large' ]
+    },
+    style: {
+      type: 'variant',
+      values: [ 'inline', 'subtle', 'feature', 'danger', 'inverse' ]
     }
   },
   rules: [
@@ -127,6 +131,18 @@ const theme = {
       if: { hover: true, quiet: true },
       tokens: { color: '#404040', textLine: 'underline' }
     },
+    {
+      if: { focus: true, quiet: true },
+      tokens: { color: '#000000', textLine: 'none' }
+    },
+    {
+      if: { pressed: true, quiet: true },
+      tokens: { color: '#595959', textLine: 'underline' }
+    },
+    {
+      if: { focus: true, pressed: true, quiet: true },
+      tokens: { color: '#595959', textLine: 'underline' }
+    },
     {
       if: { alternative: true, hover: true, quiet: true },
       tokens: { color: '#595959', textLine: 'underline' }
@@ -134,6 +150,236 @@ const theme = {
     {
       if: { hover: true, inverse: true, quiet: true },
       tokens: { color: '#efefef', textLine: 'underline' }
+    },
+    { if: { style: 'inline' }, tokens: { color: '#000000' } },
+    {
+      if: { focus: true, style: 'inline' },
+      tokens: {
+        color: '#000000',
+        outerBorderColor: '#000000',
+        outerBorderOutline: 'none'
+      }
+    },
+    {
+      if: { hover: true, style: 'inline' },
+      tokens: { color: '#404040', textLine: 'none' }
+    },
+    {
+      if: { pressed: true, style: 'inline' },
+      tokens: { color: '#595959', textLine: 'none' }
+    },
+    {
+      if: { focus: true, pressed: true, style: 'inline' },
+      tokens: { outerBorderColor: '#595959' }
+    },
+    { if: { style: 'subtle' }, tokens: { color: '#595959' } },
+    {
+      if: { focus: true, style: 'subtle' },
+      tokens: {
+        color: '#000000',
+        outerBorderColor: '#000000',
+        outerBorderOutline: 'none'
+      }
+    },
+    {
+      if: { hover: true, style: 'subtle' },
+      tokens: { color: '#404040', textLine: 'none' }
+    },
+    {
+      if: { pressed: true, style: 'subtle' },
+      tokens: { color: '#595959', textLine: 'none' }
+    },
+    {
+      if: { focus: true, pressed: true, style: 'subtle' },
+      tokens: { outerBorderColor: '#595959' }
+    },
+    { if: { style: 'feature' }, tokens: { color: '#7a3dfc' } },
+    {
+      if: { focus: true, style: 'feature' },
+      tokens: {
+        color: '#7a3dfc',
+        outerBorderColor: '#7a3dfc',
+        outerBorderOutline: 'none'
+      }
+    },
+    {
+      if: { hover: true, style: 'feature' },
+      tokens: { color: '#5b2bc2', textLine: 'none' }
+    },
+    {
+      if: { pressed: true, style: 'feature' },
+      tokens: { color: '#595959', textLine: 'none' }
+    },
+    {
+      if: { focus: true, pressed: true, style: 'feature' },
+      tokens: { outerBorderColor: '#595959' }
+    },
+    { if: { style: 'danger' }, tokens: { color: '#c9370b' } },
+    {
+      if: { focus: true, style: 'danger' },
+      tokens: {
+        color: '#c9370b',
+        outerBorderColor: '#c9370b',
+        outerBorderOutline: 'none'
+      }
+    },
+    {
+      if: { hover: true, style: 'danger' },
+      tokens: { color: '#c9370b', textLine: 'none' }
+    },
+    {
+      if: { pressed: true, style: 'danger' },
+      tokens: { color: '#595959', textLine: 'none' }
+    },
+    {
+      if: { focus: true, pressed: true, style: 'danger' },
+      tokens: { outerBorderColor: '#595959' }
+    },
+    { if: { style: 'inverse' }, tokens: { color: '#ffffff' } },
+    {
+      if: { focus: true, style: 'inverse' },
+      tokens: {
+        color: '#ffffff',
+        outerBorderColor: '#ffffff',
+        outerBorderOutline: 'none'
+      }
+    },
+    {
+      if: { hover: true, style: 'inverse' },
+      tokens: { color: '#efefef', textLine: 'none' }
+    },
+    {
+      if: { pressed: true, style: 'inverse' },
+      tokens: { color: '#666666', textLine: 'none' }
+    },
+    {
+      if: { focus: true, pressed: true, style: 'inverse' },
+      tokens: { outerBorderColor: '#666666' }
+    },
+    {
+      if: { quiet: true, style: 'inline' },
+      tokens: { color: '#000000', textLine: 'none' }
+    },
+    {
+      if: { focus: true, quiet: true, style: 'inline' },
+      tokens: {
+        color: '#000000',
+        outerBorderColor: '#000000',
+        outerBorderOutline: 'none',
+        textLine: 'none'
+      }
+    },
+    {
+      if: { hover: true, quiet: true, style: 'inline' },
+      tokens: { color: '#404040', textLine: 'underline' }
+    },
+    {
+      if: { pressed: true, quiet: true, style: 'inline' },
+      tokens: { color: '#595959' }
+    },
+    {
+      if: { focus: true, pressed: true, quiet: true, style: 'inline' },
+      tokens: { outerBorderColor: '#595959' }
+    },
+    {
+      if: { quiet: true, style: 'subtle' },
+      tokens: { color: '#595959', textLine: 'none' }
+    },
+    {
+      if: { focus: true, quiet: true, style: 'subtle' },
+      tokens: {
+        color: '#000000',
+        outerBorderColor: '#000000',
+        outerBorderOutline: 'none',
+        textLine: 'none'
+      }
+    },
+    {
+      if: { hover: true, quiet: true, style: 'subtle' },
+      tokens: { color: '#404040', textLine: 'underline' }
+    },
+    {
+      if: { pressed: true, quiet: true, style: 'subtle' },
+      tokens: { color: '#595959' }
+    },
+    {
+      if: { focus: true, pressed: true, quiet: true, style: 'subtle' },
+      tokens: { outerBorderColor: '#595959' }
+    },
+    {
+      if: { quiet: true, style: 'feature' },
+      tokens: { color: '#7a3dfc', textLine: 'none' }
+    },
+    {
+      if: { focus: true, quiet: true, style: 'feature' },
+      tokens: {
+        color: '#7a3dfc',
+        outerBorderColor: '#7a3dfc',
+        outerBorderOutline: 'none',
+        textLine: 'none'
+      }
+    },
+    {
+      if: { hover: true, quiet: true, style: 'feature' },
+      tokens: { color: '#5b2bc2', textLine: 'underline' }
+    },
+    {
+      if: { pressed: true, quiet: true, style: 'feature' },
+      tokens: { color: '#595959' }
+    },
+    {
+      if: { focus: true, pressed: true, quiet: true, style: 'feature' },
+      tokens: { outerBorderColor: '#595959' }
+    },
+    {
+      if: { quiet: true, style: 'danger' },
+      tokens: { color: '#c9370b', textLine: 'none' }
+    },
+    {
+      if: { focus: true, quiet: true, style: 'danger' },
+      tokens: {
+        color: '#c9370b',
+        outerBorderColor: '#c9370b',
+        outerBorderOutline: 'none',
+        textLine: 'none'
+      }
+    },
+    {
+      if: { hover: true, quiet: true, style: 'danger' },
+      tokens: { color: '#c9370b', textLine: 'underline' }
+    },
+    {
+      if: { pressed: true, quiet: true, style: 'danger' },
+      tokens: { color: '#595959' }
+    },
+    {
+      if: { focus: true, pressed: true, quiet: true, style: 'danger' },
+      tokens: { outerBorderColor: '#595959' }
+    },
+    {
+      if: { quiet: true, style: 'inverse' },
+      tokens: { color: '#ffffff', textLine: 'none' }
+    },
+    {
+      if: { focus: true, quiet: true, style: 'inverse' },
+      tokens: {
+        color: '#ffffff',
+        outerBorderColor: '#ffffff',
+        outerBorderOutline: 'none',
+        textLine: 'none'
+      }
+    },
+    {
+      if: { hover: true, quiet: true, style: 'inverse' },
+      tokens: { color: '#efefef', textLine: 'underline' }
+    },
+    {
+      if: { pressed: true, quiet: true, style: 'inverse' },
+      tokens: { color: '#666666' }
+    },
+    {
+      if: { focus: true, pressed: true, quiet: true, style: 'inverse' },
+      tokens: { outerBorderColor: '#666666' }
     }
   ],
   tokens: {

package/build/web/List.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 11 Mar 2025 21:12:20 GMT
+ * Generated on Fri, 28 Mar 2025 00:59:12 GMT
  *
  */
 

package/build/web/Listbox.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 11 Mar 2025 21:12:20 GMT
+ * Generated on Fri, 28 Mar 2025 00:59:12 GMT
  *
  */
 

package/build/web/Modal.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 11 Mar 2025 21:12:20 GMT
+ * Generated on Fri, 28 Mar 2025 00:59:12 GMT
  *
  */
 

package/build/web/MultiSelectFilter.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 11 Mar 2025 21:12:20 GMT
+ * Generated on Fri, 28 Mar 2025 00:59:12 GMT
  *
  */
 
@@ -18,6 +18,7 @@ const theme = {
       type: 'state',
       values: [ true ]
     },
+    selected: { type: 'state', values: [ true ] },
     viewport: {
       description: 'The size label for the current screen viewport based on the current screen width',
       type: 'state',
@@ -40,6 +41,10 @@ const theme = {
     {
       if: { maxWidth: true, viewport: [ 'sm', 'md', 'lg', 'xl' ] },
       tokens: { maxWidthSize: 544 }
+    },
+    {
+      if: { selected: true },
+      tokens: { buttonIconBackgroundColor: '#000000', labelColor: '#ffffff' }
     }
   ],
   tokens: {
@@ -68,7 +73,7 @@ const theme = {
     labelPaddingLeft: 24,
     labelPaddingRight: 16,
     labelPaddingTop: 8,
-    maxHeightSize: 0,
+    maxHeightSize: 480,
     maxWidthSize: 0,
     minHeight: 0,
     minWidth: 320,

package/build/web/NavigationBar.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 11 Mar 2025 21:12:20 GMT
+ * Generated on Fri, 28 Mar 2025 00:59:12 GMT
  *
  */
 

package/build/web/Notification.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 11 Mar 2025 21:12:20 GMT
+ * Generated on Fri, 28 Mar 2025 00:59:12 GMT
  *
  */
 
@@ -30,7 +30,7 @@ const theme = {
   rules: [
     {
       if: { system: true, viewport: [ 'xl' ] },
-      tokens: { containerPaddingLeft: 16, containerPaddingRight: 16 }
+      tokens: { containerPaddingLeft: 0, containerPaddingRight: 0 }
     },
     {
       if: { system: true },

package/build/web/OrderedList.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 11 Mar 2025 21:12:20 GMT
+ * Generated on Fri, 28 Mar 2025 00:59:12 GMT
  *
  */
 

package/build/web/Pagination.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 11 Mar 2025 21:12:20 GMT
+ * Generated on Fri, 28 Mar 2025 00:59:12 GMT
  *
  */
 

package/build/web/PaginationPageButton.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 11 Mar 2025 21:12:20 GMT
+ * Generated on Fri, 28 Mar 2025 00:59:12 GMT
  *
  */
 

package/build/web/PaginationSideButton.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 11 Mar 2025 21:12:20 GMT
+ * Generated on Fri, 28 Mar 2025 00:59:12 GMT
  *
  */
 

package/build/web/PreviewCard.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 11 Mar 2025 21:12:20 GMT
+ * Generated on Fri, 28 Mar 2025 00:59:12 GMT
  *
  */
 

package/build/web/PriceLockup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 11 Mar 2025 21:12:20 GMT
+ * Generated on Fri, 28 Mar 2025 00:59:12 GMT
  *
  */
 

package/build/web/ProductCard.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 11 Mar 2025 21:12:20 GMT
+ * Generated on Fri, 28 Mar 2025 00:59:12 GMT
  *
  */
 

package/build/web/Progress.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 11 Mar 2025 21:12:20 GMT
+ * Generated on Fri, 28 Mar 2025 00:59:12 GMT
  *
  */
 

package/build/web/ProgressBar.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 11 Mar 2025 21:12:20 GMT
+ * Generated on Fri, 28 Mar 2025 00:59:12 GMT
  *
  */
 

package/build/web/QuantitySelector.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 11 Mar 2025 21:12:20 GMT
+ * Generated on Fri, 28 Mar 2025 00:59:12 GMT
  *
  */
 

package/build/web/QuantitySelectorSideButton.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 11 Mar 2025 21:12:20 GMT
+ * Generated on Fri, 28 Mar 2025 00:59:12 GMT
  *
  */
 

package/build/web/QuickLinks.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 11 Mar 2025 21:12:20 GMT
+ * Generated on Fri, 28 Mar 2025 00:59:12 GMT
  *
  */
 

package/build/web/QuickLinksButton.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 11 Mar 2025 21:12:20 GMT
+ * Generated on Fri, 28 Mar 2025 00:59:12 GMT
  *
  */
 

package/build/web/QuickLinksCard.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 11 Mar 2025 21:12:20 GMT
+ * Generated on Fri, 28 Mar 2025 00:59:12 GMT
  *
  */
 

package/build/web/QuickLinksFeature.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 11 Mar 2025 21:12:20 GMT
+ * Generated on Fri, 28 Mar 2025 00:59:12 GMT
  *
  */
 

package/build/web/QuickLinksFeatureItem.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 11 Mar 2025 21:12:20 GMT
+ * Generated on Fri, 28 Mar 2025 00:59:12 GMT
  *
  */
 

package/build/web/QuickLinksList.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 11 Mar 2025 21:12:20 GMT
+ * Generated on Fri, 28 Mar 2025 00:59:12 GMT
  *
  */
 

package/build/web/Radio.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 11 Mar 2025 21:12:20 GMT
+ * Generated on Fri, 28 Mar 2025 00:59:12 GMT
  *
  */
 
@@ -83,10 +83,10 @@ const theme = {
     containerBackgroundColor: 'rgba(0, 0, 0, 0)',
     containerBorderRadius: 0,
     containerOpacity: 1,
-    containerPaddingBottom: 6,
-    containerPaddingLeft: 8,
+    containerPaddingBottom: 0,
+    containerPaddingLeft: 0,
     containerPaddingRight: 0,
-    containerPaddingTop: 6,
+    containerPaddingTop: 0,
     containerShadow: null,
     descriptionFontName: 'StagSans',
     descriptionFontSize: 14,

package/build/web/RadioCard.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 11 Mar 2025 21:12:20 GMT
+ * Generated on Fri, 28 Mar 2025 00:59:12 GMT
  *
  */
 

package/build/web/RadioCardGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 11 Mar 2025 21:12:20 GMT
+ * Generated on Fri, 28 Mar 2025 00:59:12 GMT
  *
  */
 

package/build/web/RadioGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 11 Mar 2025 21:12:20 GMT
+ * Generated on Fri, 28 Mar 2025 00:59:12 GMT
  *
  */
 

package/build/web/Ribbon.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 11 Mar 2025 21:12:20 GMT
+ * Generated on Fri, 28 Mar 2025 00:59:12 GMT
  *
  */
 

package/build/web/Search.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 11 Mar 2025 21:12:20 GMT
+ * Generated on Fri, 28 Mar 2025 00:59:12 GMT
  *
  */
 

package/build/web/SearchButton.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 11 Mar 2025 21:12:20 GMT
+ * Generated on Fri, 28 Mar 2025 00:59:12 GMT
  *
  */
 

package/build/web/Select.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 11 Mar 2025 21:12:20 GMT
+ * Generated on Fri, 28 Mar 2025 00:59:12 GMT
  *
  */
 

package/build/web/SideNav.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 11 Mar 2025 21:12:20 GMT
+ * Generated on Fri, 28 Mar 2025 00:59:12 GMT
  *
  */
 

package/build/web/SideNavItem.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 11 Mar 2025 21:12:20 GMT
+ * Generated on Fri, 28 Mar 2025 00:59:12 GMT
  *
  */
 

package/build/web/SideNavItemsGroup.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 11 Mar 2025 21:12:20 GMT
+ * Generated on Fri, 28 Mar 2025 00:59:12 GMT
  *
  */
 

package/build/web/Skeleton.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Tue, 11 Mar 2025 21:12:20 GMT
+ * Generated on Fri, 28 Mar 2025 00:59:12 GMT
  *
  */