@telus-uds/theme-koodo 7.4.0 → 7.5.0

package/build/web/theme.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Mon, 24 Mar 2025 16:22:40 GMT
+ * Generated on Fri, 28 Mar 2025 00:59:12 GMT
  *
  */
 
@@ -2245,10 +2245,19 @@ const theme = {
           type: 'state',
           values: [ true, false ]
         },
+        quiet: {
+          description: 'When it is true, it does not show the decoration',
+          type: 'state',
+          values: [ true, false ]
+        },
         size: {
           description: 'Sets the size of the text and icon; these variants are shared with ChevronLink',
           type: 'variant',
           values: [ 'large', 'small', 'micro' ]
+        },
+        style: {
+          type: 'variant',
+          values: [ 'inline', 'subtle', 'feature', 'danger', 'inverse' ]
         }
       },
       rules: [
@@ -2318,6 +2327,223 @@ const theme = {
             fontSize: 12,
             iconSize: 16
           }
+        },
+        {
+          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: { style: 'inline' }, tokens: { color: '#000000' } },
+        {
+          if: { focus: true, style: 'inline' },
+          tokens: { color: '#000000', outerBorderColor: '#000000' }
+        },
+        {
+          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' }
+        },
+        {
+          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' }
+        },
+        {
+          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' }
+        },
+        {
+          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' }
+        },
+        {
+          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',
+            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',
+            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',
+            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',
+            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',
+            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/package.json

@@ -32,5 +32,5 @@
     "build": "UDS_PALETTE=@telus-uds/palette-koodo system-tokens-build-theme",
     "dev": "nodemon -w src -x 'npm run build'"
   },
-  "version": "7.4.0"
+  "version": "7.5.0"
 }