@telus-uds/theme-koodo 5.11.0 → 5.13.0

package/build/web/spacingScale.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 05 Apr 2024 17:08:47 GMT
+ * Generated on Mon, 06 May 2024 16:32:11 GMT
  *
  */
 

package/build/web/theme.js

@@ -1,17 +1,19 @@
 /*
  *
  * Do not edit directly
- * Generated on Fri, 05 Apr 2024 17:08:47 GMT
+ * Generated on Mon, 06 May 2024 16:32:11 GMT
  *
  */
 
 import PaletteIconChevronRight from '@telus-uds/palette-koodo/build/rn/icons/ChevronRight'
 import PaletteIconChevronDown from '@telus-uds/palette-koodo/build/rn/icons/ChevronDown'
 import PaletteIconChevronUp from '@telus-uds/palette-koodo/build/rn/icons/ChevronUp'
+import PaletteIconPause from '@telus-uds/palette-koodo/build/rn/icons/Pause'
+import PaletteIconPlay from '@telus-uds/palette-koodo/build/rn/icons/Play'
 import PaletteIconChevronLeft from '@telus-uds/palette-koodo/build/rn/icons/ChevronLeft'
 import PaletteIconCheck from '@telus-uds/palette-koodo/build/rn/icons/Check'
 import PaletteIconCheckCircleFilled from '@telus-uds/palette-koodo/build/rn/icons/CheckCircleFilled'
-import PaletteIconCaution from '@telus-uds/palette-koodo/build/rn/icons/Caution'
+import PaletteIconExclamationOctagon from '@telus-uds/palette-koodo/build/rn/icons/ExclamationOctagon'
 import PaletteIconClose from '@telus-uds/palette-koodo/build/rn/icons/Close'
 import PaletteIconAdd from '@telus-uds/palette-koodo/build/rn/icons/Add'
 import PaletteIconSubtract from '@telus-uds/palette-koodo/build/rn/icons/Subtract'
@@ -21,7 +23,6 @@ import PaletteIconBulletFill from '@telus-uds/palette-koodo/build/rn/icons/Bulle
 import PaletteIconTimes from '@telus-uds/palette-koodo/build/rn/icons/Times'
 import PaletteIconExclamationTriangle from '@telus-uds/palette-koodo/build/rn/icons/ExclamationTriangle'
 import PaletteIconSpyglass from '@telus-uds/palette-koodo/build/rn/icons/Spyglass'
-import PaletteIconExclamationOctagon from '@telus-uds/palette-koodo/build/rn/icons/ExclamationOctagon'
 import PaletteIconPlaySolid from '@telus-uds/palette-koodo/build/rn/icons/PlaySolid'
 import PaletteIconQuoteLeft from '@telus-uds/palette-koodo/build/rn/icons/QuoteLeft'
 import PaletteIconQuoteRightArrow from '@telus-uds/palette-koodo/build/rn/icons/QuoteRightArrow'
@@ -33,7 +34,6 @@ import PaletteIconEyeUnmasked from '@telus-uds/palette-koodo/build/rn/icons/EyeU
 import PaletteIconVisa from '@telus-uds/palette-koodo/build/rn/icons/Visa'
 import PaletteIconTooltip from '@telus-uds/palette-koodo/build/rn/icons/Tooltip'
 import PaletteIconTooltipSymbol from '@telus-uds/palette-koodo/build/rn/icons/TooltipSymbol'
-import PaletteIconPause from '@telus-uds/palette-koodo/build/rn/icons/Pause'
 import PaletteIconReplay from '@telus-uds/palette-koodo/build/rn/icons/Replay'
 import PaletteIconClosedCaptions from '@telus-uds/palette-koodo/build/rn/icons/ClosedCaptions'
 import PaletteIconFullscreenExpand from '@telus-uds/palette-koodo/build/rn/icons/FullscreenExpand'
@@ -1281,6 +1281,8 @@ const theme = {
         backgroundColor: 'rgba(0, 0, 0, 0)',
         iconBackgroundColor: '#ffffff',
         nextIcon: PaletteIconChevronRight,
+        pauseIcon: PaletteIconPause,
+        playIcon: PaletteIconPlay,
         previousIcon: PaletteIconChevronLeft,
         showPanelNavigation: true,
         showPanelTabs: true,
@@ -2406,7 +2408,7 @@ const theme = {
           if: { icon: true, validation: 'error' },
           tokens: {
             backgroundColor: '#fcd3c6',
-            icon: PaletteIconCaution,
+            icon: PaletteIconExclamationOctagon,
             iconColor: '#c9370b'
           }
         }
@@ -3079,6 +3081,7 @@ const theme = {
       },
       rules: [
         { if: { iconPosition: 'left' }, tokens: { iconSpace: 2 } },
+        { if: { iconPosition: 'right' }, tokens: { iconSpace: 1 } },
         {
           if: { focus: true },
           tokens: {
@@ -3179,7 +3182,7 @@ const theme = {
         color: '#000000',
         icon: null,
         iconSize: 16,
-        iconSpace: 1,
+        iconSpace: 0,
         iconTranslateX: 0,
         iconTranslateY: 0,
         outerBorderColor: 'rgba(0, 0, 0, 0)',
@@ -3934,7 +3937,7 @@ const theme = {
             borderColor: '#c9370b',
             color: '#000000',
             dismissIcon: null,
-            icon: PaletteIconCaution,
+            icon: PaletteIconExclamationOctagon,
             iconColor: '#c9370b'
           }
         },
@@ -3945,7 +3948,7 @@ const theme = {
             borderColor: '#c9370b',
             color: '#000000',
             dismissIcon: null,
-            icon: PaletteIconCaution,
+            icon: PaletteIconExclamationOctagon,
             iconColor: '#c9370b'
           }
         }
@@ -7513,6 +7516,6 @@ const theme = {
       tokens: { size: 96 }
     }
   },
-  metadata: { name: 'theme-koodo', themeTokensVersion: '2.54.0' }
+  metadata: { name: 'theme-koodo', themeTokensVersion: '2.55.0' }
 }
 export default theme

package/package.json

@@ -5,8 +5,8 @@
   },
   "description": "Koodo theme",
   "devDependencies": {
-    "@telus-uds/palette-koodo": "^1.1.4",
-    "@telus-uds/system-theme-tokens": "^2.54.0"
+    "@telus-uds/palette-koodo": "^1.2.0",
+    "@telus-uds/system-theme-tokens": "^2.55.0"
   },
   "files": [
     "build",
@@ -20,7 +20,7 @@
   "main": "build/rn/theme.js",
   "name": "@telus-uds/theme-koodo",
   "peerDependencies": {
-    "@telus-uds/palette-koodo": "^1.1.4"
+    "@telus-uds/palette-koodo": "^1.2.0"
   },
   "repository": {
     "type": "git",
@@ -31,5 +31,5 @@
     "build": "UDS_PALETTE=@telus-uds/palette-koodo system-tokens-build-theme",
     "dev": "nodemon -w src -x 'npm run build'"
   },
-  "version": "5.11.0"
+  "version": "5.13.0"
 }

package/theme.json

@@ -1667,6 +1667,8 @@
         "backgroundColor": "{palette.color.transparent}",
         "iconBackgroundColor": "{palette.color.white}",
         "nextIcon": "{palette.icon.ChevronRight}",
+        "pauseIcon": "{palette.icon.Pause}",
+        "playIcon": "{palette.icon.Play}",
         "previousIcon": "{palette.icon.ChevronLeft}",
         "showPanelNavigation": "{system.show.true}",
         "showPanelTabs": "{system.show.true}",
@@ -3026,7 +3028,7 @@
           },
           "tokens": {
             "backgroundColor": "{palette.color.dangerLight}",
-            "icon": "{palette.icon.Caution}",
+            "icon": "{palette.icon.ExclamationOctagon}",
             "iconColor": "{palette.color.danger}"
           }
         }
@@ -4075,6 +4077,14 @@
             "iconSpace": "{system.integer.2}"
           }
         },
+        {
+          "if": {
+            "iconPosition": "right"
+          },
+          "tokens": {
+            "iconSpace": "{system.integer.1}"
+          }
+        },
         {
           "if": {
             "focus": true
@@ -4290,7 +4300,7 @@
         "color": "{palette.color.black}",
         "icon": "{system.icon.none}",
         "iconSize": "{palette.size.size16}",
-        "iconSpace": "{system.integer.1}",
+        "iconSpace": "{system.integer.0}",
         "iconTranslateX": "{system.size.zero}",
         "iconTranslateY": "{system.size.zero}",
         "outerBorderColor": "{palette.color.transparent}",
@@ -5103,7 +5113,7 @@
             "borderColor": "{palette.color.danger}",
             "color": "{palette.color.black}",
             "dismissIcon": "{system.icon.none}",
-            "icon": "{palette.icon.Caution}",
+            "icon": "{palette.icon.ExclamationOctagon}",
             "iconColor": "{palette.color.danger}"
           }
         },
@@ -5116,7 +5126,7 @@
             "borderColor": "{palette.color.danger}",
             "color": "{palette.color.black}",
             "dismissIcon": "{system.icon.none}",
-            "icon": "{palette.icon.Caution}",
+            "icon": "{palette.icon.ExclamationOctagon}",
             "iconColor": "{palette.color.danger}"
           }
         }