@telus-uds/theme-koodo 5.5.0 → 5.5.1

package/package.json

@@ -5,8 +5,8 @@
   },
   "description": "Koodo theme",
   "devDependencies": {
-    "@telus-uds/palette-koodo": "^1.1.1",
-    "@telus-uds/system-theme-tokens": "^2.50.0"
+    "@telus-uds/palette-koodo": "^1.1.2",
+    "@telus-uds/system-theme-tokens": "^2.50.1"
   },
   "files": [
     "build",
@@ -20,7 +20,7 @@
   "main": "build/rn/theme.js",
   "name": "@telus-uds/theme-koodo",
   "peerDependencies": {
-    "@telus-uds/palette-koodo": "^1.1.1"
+    "@telus-uds/palette-koodo": "^1.1.2"
   },
   "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.5.0"
+  "version": "5.5.1"
 }

package/theme.json

@@ -3437,6 +3437,7 @@
             "inverse": true
           },
           "tokens": {
+            "backgroundColor": "{palette.color.transparent}",
             "borderColor": "{palette.color.transparent}",
             "iconColor": "{palette.color.white}"
           }
@@ -3632,7 +3633,7 @@
         }
       ],
       "tokens": {
-        "backgroundColor": "{system.color.transparent}",
+        "backgroundColor": "{palette.color.white}",
         "borderBottomLeftRadius": "{system.radius.none}",
         "borderBottomRightRadius": "{system.radius.none}",
         "borderBottomWidth": "{system.border.none}",
@@ -7346,6 +7347,9 @@
     "TermsAndConditions": {
       "appearances": {
         "expanded": "{appearances.TermsAndConditions.expanded}",
+        "focus": "{appearances.TermsAndConditions.focus}",
+        "hover": "{appearances.TermsAndConditions.hover}",
+        "pressed": "{appearances.TermsAndConditions.pressed}",
         "viewport": "{appearances.system.viewport}"
       },
       "rules": [
@@ -7366,6 +7370,47 @@
           "tokens": {
             "icon": "{palette.icon.ChevronUp}"
           }
+        },
+        {
+          "if": {
+            "hover": true
+          },
+          "tokens": {
+            "iconBackgroundColor": "{palette.color.black}",
+            "iconColor": "{palette.color.white}",
+            "iconOuterBorderGap": "{palette.size.size2}"
+          }
+        },
+        {
+          "if": {
+            "pressed": true
+          },
+          "tokens": {
+            "iconBackgroundColor": "{palette.color.blackLight}",
+            "iconColor": "{palette.color.white}",
+            "iconOuterBorderGap": "{palette.size.size2}"
+          }
+        },
+        {
+          "if": {
+            "focus": true
+          },
+          "tokens": {
+            "iconOuterBorderColor": "{palette.color.black}",
+            "iconOuterBorderGap": "{palette.size.size2}",
+            "iconOuterBorderWidth": "{palette.border.border1}"
+          }
+        },
+        {
+          "if": {
+            "focus": true,
+            "pressed": true
+          },
+          "tokens": {
+            "iconBackgroundColor": "{palette.color.blackLight}",
+            "iconColor": "{palette.color.blackLight}",
+            "iconOuterBorderGap": "{palette.size.size2}"
+          }
         }
       ],
       "tokens": {
@@ -7399,6 +7444,12 @@
         "expandTitlePaddingLeft": "{palette.size.size0}",
         "expandTitleUnderline": "{system.textLine.none}",
         "icon": "{palette.icon.ChevronDown}",
+        "iconBackgroundColor": "{palette.color.transparent}",
+        "iconBorderColor": "{palette.color.transparent}",
+        "iconColor": "{palette.color.black}",
+        "iconOuterBorderColor": "{palette.color.transparent}",
+        "iconOuterBorderGap": "{system.size.zero}",
+        "iconOuterBorderWidth": "{palette.border.none}",
         "listColor": "{palette.color.black}",
         "listFontName": "{palette.fontName.StagSans}",
         "listFontSize": "{palette.fontSize.size14}",