@telus-uds/theme-public-mobile 4.22.0 → 5.0.0-alpha.1

package/theme.json

@@ -1649,10 +1649,6 @@
     },
     "Card": {
       "appearances": {
-        "background": {
-          "type": "variant",
-          "values": ["alternative", "subtle", "grid", "image", "feature", "plain"]
-        },
         "borderRadius": {
           "type": "variant",
           "values": ["none", "small", "large"]
@@ -1787,60 +1783,6 @@
             "borderRadius": "{palette.radius.radius6}"
           }
         },
-        {
-          "if": {
-            "background": "alternative"
-          },
-          "tokens": {
-            "backgroundColor": "{palette.color.sand50}",
-            "borderColor": "{palette.color.slate25}"
-          }
-        },
-        {
-          "if": {
-            "background": "subtle"
-          },
-          "tokens": {
-            "backgroundColor": "{palette.color.sand25}",
-            "borderColor": "{palette.color.sand100}"
-          }
-        },
-        {
-          "if": {
-            "background": "grid"
-          },
-          "tokens": {
-            "backgroundColor": "{palette.color.sand50}",
-            "borderWidth": "{palette.border.none}"
-          }
-        },
-        {
-          "if": {
-            "background": "image"
-          },
-          "tokens": {
-            "backgroundColor": "{palette.color.white}",
-            "borderColor": "{palette.color.slate25}"
-          }
-        },
-        {
-          "if": {
-            "background": "feature"
-          },
-          "tokens": {
-            "backgroundColor": "{palette.color.white}",
-            "borderColor": "{palette.color.apricot100}"
-          }
-        },
-        {
-          "if": {
-            "background": "plain"
-          },
-          "tokens": {
-            "backgroundColor": "{palette.color.sand25}",
-            "borderWidth": "{palette.border.none}"
-          }
-        },
         {
           "if": {
             "style": "grid"
@@ -2602,6 +2544,7 @@
         "containerPaddingTop": "{palette.size.size24}",
         "margin": "{palette.size.size4}",
         "padding": "{palette.size.size8}",
+        "playIcon": "{palette.icon.PlaySolid}",
         "selectedBorderColor": "{palette.color.apricot100}",
         "selectedBorderWidth": "{palette.border.border2}",
         "size": "{palette.size.size56}"
@@ -2905,16 +2848,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",
@@ -2968,100 +2903,6 @@
             "outerBorderColor": "{palette.color.slate100}"
           }
         },
-        {
-          "if": {
-            "alternative": true
-          },
-          "tokens": {
-            "color": "{palette.color.slate100}"
-          }
-        },
-        {
-          "if": {
-            "alternative": true,
-            "hover": true
-          },
-          "tokens": {
-            "color": "{palette.color.link100}"
-          }
-        },
-        {
-          "if": {
-            "alternative": true,
-            "pressed": true
-          },
-          "tokens": {
-            "color": "{palette.color.slate120}"
-          }
-        },
-        {
-          "if": {
-            "alternative": true,
-            "focus": true
-          },
-          "tokens": {
-            "color": "{palette.color.slate100}",
-            "outerBorderColor": "{palette.color.slate100}"
-          }
-        },
-        {
-          "if": {
-            "alternative": true,
-            "focus": true,
-            "pressed": true
-          },
-          "tokens": {
-            "color": "{palette.color.slate120}",
-            "outerBorderColor": "{palette.color.slate120}"
-          }
-        },
-        {
-          "if": {
-            "inverse": true
-          },
-          "tokens": {
-            "color": "{palette.color.sand100}"
-          }
-        },
-        {
-          "if": {
-            "hover": true,
-            "inverse": true
-          },
-          "tokens": {
-            "color": "{palette.color.apricot50}"
-          }
-        },
-        {
-          "if": {
-            "inverse": true,
-            "pressed": true
-          },
-          "tokens": {
-            "color": "{palette.color.apricot100}"
-          }
-        },
-        {
-          "if": {
-            "focus": true,
-            "inverse": true
-          },
-          "tokens": {
-            "color": "{palette.color.sand100}",
-            "outerBorderColor": "{palette.color.sand100}"
-          }
-        },
-        {
-          "if": {
-            "focus": true,
-            "inverse": true,
-            "pressed": true
-          },
-          "tokens": {
-            "color": "{palette.color.apricot100}",
-            "outerBorderColor": "{palette.color.apricot100}"
-          }
-        },
         {
           "if": {
             "size": "large"
@@ -4177,18 +4018,8 @@
     },
     "ExpandCollapseMiniControl": {
       "appearances": {
-        "alternative": {
-          "description": "Replaces the default colour with black.",
-          "type": "variant",
-          "values": [true]
-        },
         "expanded": "{appearances.ExpandCollapseControl.expanded}",
         "focus": "{appearances.ExpandCollapseMiniControl.focus}",
-        "inverse": {
-          "description": "Replaces the default colour with white.",
-          "type": "variant",
-          "values": [true]
-        },
         "quiet": {
           "description": "When it is true, it does not show the decoration",
           "type": "state",
@@ -4197,6 +4028,10 @@
         "size": {
           "type": "variant",
           "values": ["micro", "small", "large"]
+        },
+        "style": {
+          "type": "variant",
+          "values": ["subtle", "inverse"]
         }
       },
       "rules": [
@@ -4210,7 +4045,7 @@
         },
         {
           "if": {
-            "alternative": true
+            "style": "subtle"
           },
           "tokens": {
             "color": "{palette.color.slate100}",
@@ -4219,7 +4054,7 @@
         },
         {
           "if": {
-            "inverse": true
+            "style": "inverse"
           },
           "tokens": {
             "color": "{palette.color.white}",
@@ -4266,8 +4101,8 @@
         },
         {
           "if": {
-            "alternative": true,
-            "quiet": true
+            "quiet": true,
+            "style": "subtle"
           },
           "tokens": {
             "color": "{palette.color.slate100}",
@@ -4277,8 +4112,8 @@
         },
         {
           "if": {
-            "inverse": true,
-            "quiet": true
+            "quiet": true,
+            "style": "inverse"
           },
           "tokens": {
             "color": "{palette.color.white}",
@@ -6249,17 +6084,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",
@@ -6321,163 +6148,6 @@
             "textLine": "{system.textLine.none}"
           }
         },
-        {
-          "if": {
-            "alternative": true
-          },
-          "tokens": {
-            "color": "{palette.color.slate100}"
-          }
-        },
-        {
-          "if": {
-            "alternative": true,
-            "hover": true
-          },
-          "tokens": {
-            "color": "{palette.color.slate120}"
-          }
-        },
-        {
-          "if": {
-            "alternative": true,
-            "pressed": true
-          },
-          "tokens": {
-            "color": "{palette.color.slate120}",
-            "outerBorderWidth": "{palette.border.none}"
-          }
-        },
-        {
-          "if": {
-            "alternative": true,
-            "focus": true,
-            "pressed": true
-          },
-          "tokens": {
-            "color": "{palette.color.slate120}"
-          }
-        },
-        {
-          "if": {
-            "alternative": true,
-            "focus": true
-          },
-          "tokens": {
-            "color": "{palette.color.slate100}",
-            "outerBorderColor": "{palette.color.slate100}"
-          }
-        },
-        {
-          "if": {
-            "alternative": true,
-            "focus": false,
-            "pressed": true
-          },
-          "tokens": {
-            "color": "{palette.color.slate120}"
-          }
-        },
-        {
-          "if": {
-            "alternative": true,
-            "focus": true,
-            "hover": true,
-            "pressed": true
-          },
-          "tokens": {
-            "color": "{palette.color.slate120}",
-            "outerBorderColor": "{palette.color.slate120}"
-          }
-        },
-        {
-          "if": {
-            "alternative": true,
-            "focus": false,
-            "hover": true,
-            "pressed": false
-          },
-          "tokens": {
-            "color": "{palette.color.link100}"
-          }
-        },
-        {
-          "if": {
-            "alternative": true,
-            "focus": true,
-            "pressed": true
-          },
-          "tokens": {
-            "color": "{palette.color.link100}"
-          }
-        },
-        {
-          "if": {
-            "alternative": true,
-            "focus": true
-          },
-          "tokens": {
-            "color": "{palette.color.link100}",
-            "outerBorderColor": "{palette.color.link100}",
-            "outerBorderWidth": "{palette.border.border1}"
-          }
-        },
-        {
-          "if": {
-            "alternative": true,
-            "pressed": true
-          },
-          "tokens": {
-            "color": "{palette.color.slate120}"
-          }
-        },
-        {
-          "if": {
-            "inverse": true
-          },
-          "tokens": {
-            "color": "{palette.color.sand100}"
-          }
-        },
-        {
-          "if": {
-            "focus": true,
-            "inverse": true
-          },
-          "tokens": {
-            "color": "{palette.color.sand100}",
-            "outerBorderColor": "{palette.color.sand100}"
-          }
-        },
-        {
-          "if": {
-            "focus": true,
-            "inverse": true,
-            "pressed": true
-          },
-          "tokens": {
-            "color": "{palette.color.apricot100}",
-            "outerBorderColor": "{palette.color.apricot100}"
-          }
-        },
-        {
-          "if": {
-            "hover": true,
-            "inverse": true
-          },
-          "tokens": {
-            "color": "{palette.color.apricot50}"
-          }
-        },
-        {
-          "if": {
-            "inverse": true,
-            "pressed": true
-          },
-          "tokens": {
-            "color": "{palette.color.apricot100}"
-          }
-        },
         {
           "if": {
             "size": "micro"
@@ -6559,28 +6229,6 @@
             "textLine": "{system.textLine.underline}"
           }
         },
-        {
-          "if": {
-            "alternative": true,
-            "hover": true,
-            "quiet": true
-          },
-          "tokens": {
-            "color": "{palette.color.slate120}",
-            "textLine": "{system.textLine.underline}"
-          }
-        },
-        {
-          "if": {
-            "hover": true,
-            "inverse": true,
-            "quiet": true
-          },
-          "tokens": {
-            "color": "{palette.color.apricot50}",
-            "textLine": "{system.textLine.underline}"
-          }
-        },
         {
           "if": {
             "style": "inline"
@@ -8672,11 +8320,6 @@
     },
     "ProgressBar": {
       "appearances": {
-        "inactive": "{appearances.ProgressBar.inactive}",
-        "negative": {
-          "type": "variant",
-          "values": [true]
-        },
         "style": {
           "description": "Configure `style` variant for `ProgressBar`",
           "type": "variant",
@@ -8684,22 +8327,6 @@
         }
       },
       "rules": [
-        {
-          "if": {
-            "inactive": true
-          },
-          "tokens": {
-            "backgroundColor": "{palette.color.slate25}"
-          }
-        },
-        {
-          "if": {
-            "negative": true
-          },
-          "tokens": {
-            "backgroundColor": "{palette.color.danger100}"
-          }
-        },
         {
           "if": {
             "style": "subtle"
@@ -9565,10 +9192,6 @@
         "purpose": {
           "type": "variant",
           "values": ["offer", "default", "editorial", "subtle"]
-        },
-        "wrap": {
-          "type": "variant",
-          "values": [true]
         }
       },
       "rules": [
@@ -9596,25 +9219,13 @@
           "tokens": {
             "backgroundColor": "{palette.color.slate100}"
           }
-        },
-        {
-          "if": {
-            "wrap": true
-          },
-          "tokens": {
-            "borderRadius": "{system.size.none}",
-            "borderRadiusBottomLeft": "{palette.size.size8}",
-            "borderRadiusBottomRight": "{palette.size.size8}",
-            "paddingBottom": "{palette.size.size6}",
-            "paddingTop": "{palette.size.size6}"
-          }
         }
       ],
       "tokens": {
         "backgroundColor": "{palette.color.slate100}",
-        "borderRadius": "{palette.size.size50}",
-        "borderRadiusBottomLeft": "{system.size.none}",
-        "borderRadiusBottomRight": "{system.size.none}",
+        "borderRadius": "{system.size.none}",
+        "borderRadiusBottomLeft": "{palette.size.size8}",
+        "borderRadiusBottomRight": "{palette.size.size8}",
         "boxShadowColor": "{system.color.none}",
         "boxShadowPaddingBottom": "{system.size.none}",
         "boxShadowPaddingLeft": "{system.size.none}",
@@ -9634,10 +9245,10 @@
         "fontWeight": "{palette.fontWeight.weight700}",
         "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": {