@telus-uds/theme-koodo 7.24.0 → 8.0.0-alpha.1

package/theme.json

@@ -1727,11 +1727,6 @@
     },
     "Card": {
       "appearances": {
-        "background": {
-          "description": "Defines background related attributes of Card",
-          "type": "variant",
-          "values": ["alternative", "subtle", "grid", "feature", "plain"]
-        },
         "borderRadius": {
           "type": "variant",
           "values": ["none", "small", "large"]
@@ -1866,53 +1861,6 @@
             "borderRadius": "{palette.radius.radius8}"
           }
         },
-        {
-          "if": {
-            "background": "alternative"
-          },
-          "tokens": {
-            "backgroundColor": "{palette.color.purpleLight}",
-            "borderRadius": "{palette.radius.radius8}",
-            "borderWidth": "{palette.border.none}"
-          }
-        },
-        {
-          "if": {
-            "background": "subtle"
-          },
-          "tokens": {
-            "backgroundColor": "{palette.color.green}",
-            "borderWidth": "{palette.border.none}"
-          }
-        },
-        {
-          "if": {
-            "background": "grid"
-          },
-          "tokens": {
-            "borderColor": "{palette.color.black}",
-            "borderWidth": "{palette.border.border1}"
-          }
-        },
-        {
-          "if": {
-            "background": "feature"
-          },
-          "tokens": {
-            "backgroundColor": "{palette.color.orange}",
-            "borderRadius": "{palette.radius.radius8}",
-            "borderWidth": "{palette.border.none}"
-          }
-        },
-        {
-          "if": {
-            "background": "plain"
-          },
-          "tokens": {
-            "backgroundColor": "{palette.color.white}",
-            "borderWidth": "{palette.border.none}"
-          }
-        },
         {
           "if": {
             "style": "grid"
@@ -2689,6 +2637,7 @@
         "containerPaddingTop": "{palette.size.size24}",
         "margin": "{palette.size.size4}",
         "padding": "{palette.size.size8}",
+        "playIcon": "{palette.icon.PlaySolid}",
         "selectedBorderColor": "{palette.color.black}",
         "selectedBorderWidth": "{palette.border.border2}",
         "size": "{palette.size.size56}"
@@ -2997,16 +2946,8 @@
     },
     "ChevronLink": {
       "appearances": {
-        "alternative": {
-          "type": "variant",
-          "values": [true]
-        },
         "focus": "{appearances.ChevronLink.focus}",
         "hover": "{appearances.ChevronLink.hover}",
-        "inverse": {
-          "type": "variant",
-          "values": [true]
-        },
         "pressed": "{appearances.ChevronLink.pressed}",
         "quiet": {
           "description": "When it is true, it does not show the decoration",
@@ -3060,100 +3001,6 @@
             "outerBorderColor": "{palette.color.dove}"
           }
         },
-        {
-          "if": {
-            "alternative": true
-          },
-          "tokens": {
-            "color": "{palette.color.purple}"
-          }
-        },
-        {
-          "if": {
-            "alternative": true,
-            "hover": true
-          },
-          "tokens": {
-            "color": "{palette.color.purpleDark}"
-          }
-        },
-        {
-          "if": {
-            "alternative": true,
-            "pressed": true
-          },
-          "tokens": {
-            "color": "{palette.color.dove}"
-          }
-        },
-        {
-          "if": {
-            "alternative": true,
-            "focus": true
-          },
-          "tokens": {
-            "color": "{palette.color.purple}",
-            "outerBorderColor": "{palette.color.purple}"
-          }
-        },
-        {
-          "if": {
-            "alternative": true,
-            "focus": true,
-            "pressed": true
-          },
-          "tokens": {
-            "color": "{palette.color.dove}",
-            "outerBorderColor": "{palette.color.dove}"
-          }
-        },
-        {
-          "if": {
-            "inverse": true
-          },
-          "tokens": {
-            "color": "{palette.color.white}"
-          }
-        },
-        {
-          "if": {
-            "hover": true,
-            "inverse": true
-          },
-          "tokens": {
-            "color": "{palette.color.gallery}"
-          }
-        },
-        {
-          "if": {
-            "inverse": true,
-            "pressed": true
-          },
-          "tokens": {
-            "color": "{palette.color.silver}"
-          }
-        },
-        {
-          "if": {
-            "focus": true,
-            "inverse": true
-          },
-          "tokens": {
-            "color": "{palette.color.white}",
-            "outerBorderColor": "{palette.color.white}"
-          }
-        },
-        {
-          "if": {
-            "focus": true,
-            "inverse": true,
-            "pressed": true
-          },
-          "tokens": {
-            "color": "{palette.color.silver}",
-            "outerBorderColor": "{palette.color.silver}"
-          }
-        },
         {
           "if": {
             "size": "large"
@@ -4295,17 +4142,7 @@
     },
     "ExpandCollapseMiniControl": {
       "appearances": {
-        "alternative": {
-          "description": "Replaces the default green colour with black",
-          "type": "variant",
-          "values": [true]
-        },
         "expanded": "{appearances.ExpandCollapseControl.expanded}",
-        "inverse": {
-          "description": "Replaces the default green colour with white. Useful for dark backgrounds.",
-          "type": "variant",
-          "values": [true]
-        },
         "quiet": {
           "description": "When it is true, it does not show the decoration",
           "type": "state",
@@ -4314,6 +4151,10 @@
         "size": {
           "type": "variant",
           "values": ["micro", "small", "large"]
+        },
+        "style": {
+          "type": "variant",
+          "values": ["subtle", "inverse"]
         }
       },
       "rules": [
@@ -4327,7 +4168,7 @@
         },
         {
           "if": {
-            "alternative": true
+            "style": "subtle"
           },
           "tokens": {
             "color": "{palette.color.dove}"
@@ -4335,7 +4176,7 @@
         },
         {
           "if": {
-            "inverse": true
+            "style": "inverse"
           },
           "tokens": {
             "color": "{palette.color.white}",
@@ -4382,8 +4223,8 @@
         },
         {
           "if": {
-            "alternative": true,
-            "quiet": true
+            "quiet": true,
+            "style": "subtle"
           },
           "tokens": {
             "color": "{palette.color.dove}",
@@ -4392,8 +4233,8 @@
         },
         {
           "if": {
-            "inverse": true,
-            "quiet": true
+            "quiet": true,
+            "style": "inverse"
           },
           "tokens": {
             "color": "{palette.color.white}",
@@ -6437,17 +6278,9 @@
     },
     "Link": {
       "appearances": {
-        "alternative": {
-          "type": "variant",
-          "values": [true]
-        },
         "focus": "{appearances.Link.focus}",
         "hover": "{appearances.Link.hover}",
         "iconPosition": "{appearances.Link.iconPosition}",
-        "inverse": {
-          "type": "variant",
-          "values": [true]
-        },
         "pressed": "{appearances.Link.pressed}",
         "quiet": {
           "description": "When it is true, it does not show the decoration",
@@ -6519,100 +6352,6 @@
             "textLine": "{system.textLine.none}"
           }
         },
-        {
-          "if": {
-            "alternative": true
-          },
-          "tokens": {
-            "color": "{palette.color.mortar}"
-          }
-        },
-        {
-          "if": {
-            "alternative": true,
-            "focus": true
-          },
-          "tokens": {
-            "color": "{palette.color.mortar}",
-            "outerBorderColor": "{palette.color.mortar}"
-          }
-        },
-        {
-          "if": {
-            "alternative": true,
-            "hover": true
-          },
-          "tokens": {
-            "color": "{palette.color.blackLight}"
-          }
-        },
-        {
-          "if": {
-            "alternative": true,
-            "pressed": true
-          },
-          "tokens": {
-            "color": "{palette.color.blackLight}"
-          }
-        },
-        {
-          "if": {
-            "alternative": true,
-            "focus": true,
-            "pressed": true
-          },
-          "tokens": {
-            "color": "{palette.color.blackLight}",
-            "outerBorderColor": "{palette.color.blackLight}"
-          }
-        },
-        {
-          "if": {
-            "inverse": true
-          },
-          "tokens": {
-            "color": "{palette.color.white}"
-          }
-        },
-        {
-          "if": {
-            "focus": true,
-            "inverse": true
-          },
-          "tokens": {
-            "color": "{palette.color.white}",
-            "outerBorderColor": "{palette.color.white}"
-          }
-        },
-        {
-          "if": {
-            "focus": true,
-            "inverse": true,
-            "pressed": true
-          },
-          "tokens": {
-            "color": "{palette.color.silver}",
-            "outerBorderColor": "{palette.color.silver}"
-          }
-        },
-        {
-          "if": {
-            "hover": true,
-            "inverse": true
-          },
-          "tokens": {
-            "color": "{palette.color.gallery}"
-          }
-        },
-        {
-          "if": {
-            "inverse": true,
-            "pressed": true
-          },
-          "tokens": {
-            "color": "{palette.color.silver}"
-          }
-        },
         {
           "if": {
             "size": "micro"
@@ -6694,28 +6433,6 @@
             "textLine": "{system.textLine.underline}"
           }
         },
-        {
-          "if": {
-            "alternative": true,
-            "hover": true,
-            "quiet": true
-          },
-          "tokens": {
-            "color": "{palette.color.mortar}",
-            "textLine": "{system.textLine.underline}"
-          }
-        },
-        {
-          "if": {
-            "hover": true,
-            "inverse": true,
-            "quiet": true
-          },
-          "tokens": {
-            "color": "{palette.color.gallery}",
-            "textLine": "{system.textLine.underline}"
-          }
-        },
         {
           "if": {
             "style": "inline"
@@ -8803,11 +8520,6 @@
     },
     "ProgressBar": {
       "appearances": {
-        "inactive": "{appearances.ProgressBar.inactive}",
-        "negative": {
-          "type": "variant",
-          "values": [true]
-        },
         "style": {
           "description": "Configure `style` variant for `ProgressBar`",
           "type": "variant",
@@ -8815,24 +8527,6 @@
         }
       },
       "rules": [
-        {
-          "if": {
-            "inactive": true
-          },
-          "tokens": {
-            "backgroundColor": "{palette.color.silver}",
-            "outlineColor": "{palette.color.mortar}"
-          }
-        },
-        {
-          "if": {
-            "negative": true
-          },
-          "tokens": {
-            "backgroundColor": "{palette.color.danger}",
-            "outlineColor": "{palette.color.mortar}"
-          }
-        },
         {
           "if": {
             "style": "subtle"
@@ -9733,10 +9427,6 @@
         "purpose": {
           "type": "variant",
           "values": ["offer", "default", "editorial", "subtle"]
-        },
-        "wrap": {
-          "type": "variant",
-          "values": [true]
         }
       },
       "rules": [
@@ -9764,15 +9454,6 @@
           "tokens": {
             "backgroundColor": "{palette.color.green}"
           }
-        },
-        {
-          "if": {
-            "wrap": true
-          },
-          "tokens": {
-            "paddingBottom": "{palette.size.size6}",
-            "paddingTop": "{palette.size.size6}"
-          }
         }
       ],
       "tokens": {
@@ -9799,10 +9480,10 @@
         "fontWeight": "{palette.fontWeight.weight600}",
         "gradient": "{system.gradient.none}",
         "lineHeight": "{palette.lineHeight.ratio10to7}",
-        "paddingBottom": "{palette.size.size2}",
+        "paddingBottom": "{palette.size.size6}",
         "paddingLeft": "{palette.size.size12}",
         "paddingRight": "{palette.size.size12}",
-        "paddingTop": "{palette.size.size2}"
+        "paddingTop": "{palette.size.size6}"
       }
     },
     "Search": {