@telus-uds/theme-allium 6.0.1 → 6.1.0

package/build/android/Icon.json

@@ -326,6 +326,7 @@
       "alpha": 1
     },
     "padding": 0,
+    "paddingTop": 0,
     "scale": 1,
     "size": 24,
     "translateX": 0,

package/build/android/Modal.json

@@ -142,6 +142,7 @@
       "alpha": 1
     },
     "borderRadius": 4,
+    "borderWidth": 0,
     "cancelButtonColor": {
       "red": 0.16863,
       "green": 0.50196,
@@ -161,9 +162,12 @@
     "containerPaddingLeft": 0,
     "containerPaddingRight": 0,
     "containerPaddingTop": 0,
+    "contentPaddingBottom": 0,
+    "contentPaddingTop": 0,
     "direction": "row",
     "footerTopWidth": 0,
     "gap": 16,
+    "headingBorderBottomWidth": 0,
     "headingColor": {
       "red": 0.2549,
       "green": 0.27059,
@@ -171,6 +175,7 @@
       "alpha": 1
     },
     "headingPaddingRight": 24,
+    "headingPaddingTop": 8,
     "height": null,
     "marginLeft": 32,
     "marginRight": 32,

package/build/android/Progress.json

@@ -3,6 +3,11 @@
     "size": {
       "type": "variant",
       "values": ["mini"]
+    },
+    "style": {
+      "description": "Configure `style` variant for `Progress`",
+      "type": "variant",
+      "values": ["inverse"]
     }
   },
   "rules": [
@@ -13,6 +18,38 @@
       "tokens": {
         "height": 8
       }
+    },
+    {
+      "if": {
+        "style": "inverse"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 1,
+          "green": 1,
+          "blue": 1,
+          "alpha": 0.1
+        },
+        "borderColor": {
+          "red": 1,
+          "green": 1,
+          "blue": 1,
+          "alpha": 0.6
+        },
+        "shadow": {
+          "inset": true,
+          "offsetX": 0,
+          "offsetY": 2,
+          "blur": 2,
+          "spread": 0,
+          "color": {
+            "red": 0,
+            "green": 0,
+            "blue": 0,
+            "alpha": 0.1
+          }
+        }
+      }
     }
   ],
   "tokens": {

package/build/android/ProgressBar.json

@@ -8,6 +8,11 @@
     "negative": {
       "type": "variant",
       "values": [true]
+    },
+    "style": {
+      "description": "Configure `style` variant for `ProgressBar`",
+      "type": "variant",
+      "values": ["subtle", "inverse", "inactive", "negative"]
     }
   },
   "rules": [
@@ -52,6 +57,88 @@
         },
         "shadow": null
       }
+    },
+    {
+      "if": {
+        "style": "inactive"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.69804,
+          "green": 0.72549,
+          "blue": 0.74902,
+          "alpha": 1
+        },
+        "gradient": null,
+        "outlineColor": {
+          "red": 0.17255,
+          "green": 0.18039,
+          "blue": 0.18824,
+          "alpha": 1
+        },
+        "shadow": null
+      }
+    },
+    {
+      "if": {
+        "style": "negative"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.75686,
+          "green": 0.13725,
+          "blue": 0.20784,
+          "alpha": 1
+        },
+        "gradient": null,
+        "outlineColor": {
+          "red": 0.75686,
+          "green": 0.13725,
+          "blue": 0.20784,
+          "alpha": 1
+        },
+        "shadow": null
+      }
+    },
+    {
+      "if": {
+        "style": "subtle"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.40392,
+          "green": 0.43137,
+          "blue": 0.45098,
+          "alpha": 1
+        },
+        "gradient": null,
+        "outlineColor": {
+          "red": 0.40392,
+          "green": 0.43137,
+          "blue": 0.45098,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "style": "inverse"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 1,
+          "green": 1,
+          "blue": 1,
+          "alpha": 1
+        },
+        "gradient": null,
+        "outlineColor": {
+          "red": 1,
+          "green": 1,
+          "blue": 1,
+          "alpha": 1
+        }
+      }
     }
   ],
   "tokens": {

package/build/android/Status.json

@@ -453,6 +453,8 @@
       "alpha": 1
     },
     "iconGradient": null,
+    "iconPaddingTop": 0,
+    "iconSize": 20,
     "marginLeft": 8,
     "paddingBottom": 0,
     "paddingLeft": 0,

package/build/android/TermsAndConditions.json

@@ -41,9 +41,9 @@
       },
       "tokens": {
         "iconBackgroundColor": {
-          "red": 0.2549,
-          "green": 0.27059,
-          "blue": 0.27843,
+          "red": 0.40392,
+          "green": 0.43137,
+          "blue": 0.45098,
           "alpha": 1
         },
         "iconBorderColor": {

package/build/android/Tooltip.json

@@ -47,6 +47,8 @@
     "fontSize": 14,
     "fontWeight": 400,
     "lineHeight": 1.5,
+    "maxWidth": 288,
+    "minWidth": 0,
     "paddingBottom": 8,
     "paddingLeft": 16,
     "paddingRight": 16,

package/build/android/VideoControlBar.json

@@ -13,10 +13,10 @@
       },
       "tokens": {
         "height": 40,
-        "paddingBottom": 8,
+        "paddingBottom": 16,
         "paddingLeft": 16,
         "paddingRight": 16,
-        "paddingTop": 8
+        "paddingTop": 16
       }
     }
   ],

package/build/android/VideoProgressBar.json

@@ -8,6 +8,8 @@
       "blue": 0,
       "alpha": 0
     },
+    "remainingTimestampMarginLeft": 8,
+    "remainingTimestampMarginRight": 0,
     "thumbBackground": {
       "red": 1,
       "green": 1,
@@ -16,7 +18,7 @@
     },
     "thumbHeight": 8,
     "thumbWidth": 8,
-    "timestampMarginLeft": 8,
+    "timestampMarginLeft": 0,
     "timestampMarginRight": 8,
     "trackGradientEnd": {
       "red": 0.4,

package/build/android/schema.json

@@ -4547,6 +4547,12 @@
                 },
                 "textLineHeight": {
                   "$ref": "#lineHeight"
+                },
+                "iconSize": {
+                  "$ref": "#size"
+                },
+                "iconPaddingTop": {
+                  "$ref": "#size"
                 }
               },
               "required": [
@@ -4567,7 +4573,9 @@
                 "paddingRight",
                 "paddingTop",
                 "textColor",
-                "textLineHeight"
+                "textLineHeight",
+                "iconSize",
+                "iconPaddingTop"
               ]
             },
             "rules": {
@@ -4637,6 +4645,12 @@
                       },
                       "textLineHeight": {
                         "$ref": "#lineHeight"
+                      },
+                      "iconSize": {
+                        "$ref": "#size"
+                      },
+                      "iconPaddingTop": {
+                        "$ref": "#size"
                       }
                     }
                   },
@@ -5163,6 +5177,12 @@
                 "timestampMarginRight": {
                   "$ref": "#size"
                 },
+                "remainingTimestampMarginLeft": {
+                  "$ref": "#size"
+                },
+                "remainingTimestampMarginRight": {
+                  "$ref": "#size"
+                },
                 "trackGradientStart": {
                   "$ref": "#color"
                 },
@@ -5179,6 +5199,8 @@
                 "thumbBackground",
                 "timestampMarginLeft",
                 "timestampMarginRight",
+                "remainingTimestampMarginLeft",
+                "remainingTimestampMarginRight",
                 "trackGradientStart",
                 "trackGradientEnd",
                 "rangeBackground"
@@ -5213,6 +5235,12 @@
                       "timestampMarginRight": {
                         "$ref": "#size"
                       },
+                      "remainingTimestampMarginLeft": {
+                        "$ref": "#size"
+                      },
+                      "remainingTimestampMarginRight": {
+                        "$ref": "#size"
+                      },
                       "trackGradientStart": {
                         "$ref": "#color"
                       },
@@ -12044,6 +12072,9 @@
                 },
                 "width": {
                   "$ref": "#size"
+                },
+                "paddingTop": {
+                  "$ref": "#size"
                 }
               },
               "required": [
@@ -12055,7 +12086,8 @@
                 "scale",
                 "translateX",
                 "translateY",
-                "width"
+                "width",
+                "paddingTop"
               ]
             },
             "rules": {
@@ -12098,6 +12130,9 @@
                       },
                       "width": {
                         "$ref": "#size"
+                      },
+                      "paddingTop": {
+                        "$ref": "#size"
                       }
                     }
                   },
@@ -13426,6 +13461,12 @@
                 "headingPaddingRight": {
                   "$ref": "#size"
                 },
+                "headingPaddingTop": {
+                  "$ref": "#size"
+                },
+                "headingBorderBottomWidth": {
+                  "$ref": "#size"
+                },
                 "height": {
                   "$ref": "#size"
                 },
@@ -13444,6 +13485,12 @@
                 "containerPaddingBottom": {
                   "$ref": "#size"
                 },
+                "contentPaddingTop": {
+                  "$ref": "#size"
+                },
+                "contentPaddingBottom": {
+                  "$ref": "#size"
+                },
                 "backgroundColor": {
                   "$ref": "#color"
                 },
@@ -13453,6 +13500,9 @@
                 "borderColor": {
                   "$ref": "#color"
                 },
+                "borderWidth": {
+                  "$ref": "#size"
+                },
                 "shadow": {
                   "$ref": "#shadow"
                 },
@@ -13503,15 +13553,20 @@
                 "cancelButtonColor",
                 "subHeadingMarginTop",
                 "headingPaddingRight",
+                "headingPaddingTop",
+                "headingBorderBottomWidth",
                 "height",
                 "maxWidth",
                 "containerPaddingLeft",
                 "containerPaddingRight",
                 "containerPaddingTop",
                 "containerPaddingBottom",
+                "contentPaddingTop",
+                "contentPaddingBottom",
                 "backgroundColor",
                 "borderRadius",
                 "borderColor",
+                "borderWidth",
                 "shadow",
                 "paddingLeft",
                 "paddingRight",
@@ -13560,6 +13615,12 @@
                       "headingPaddingRight": {
                         "$ref": "#size"
                       },
+                      "headingPaddingTop": {
+                        "$ref": "#size"
+                      },
+                      "headingBorderBottomWidth": {
+                        "$ref": "#size"
+                      },
                       "height": {
                         "$ref": "#size"
                       },
@@ -13578,6 +13639,12 @@
                       "containerPaddingBottom": {
                         "$ref": "#size"
                       },
+                      "contentPaddingTop": {
+                        "$ref": "#size"
+                      },
+                      "contentPaddingBottom": {
+                        "$ref": "#size"
+                      },
                       "backgroundColor": {
                         "$ref": "#color"
                       },
@@ -13587,6 +13654,9 @@
                       "borderColor": {
                         "$ref": "#color"
                       },
+                      "borderWidth": {
+                        "$ref": "#size"
+                      },
                       "shadow": {
                         "$ref": "#shadow"
                       },
@@ -21791,6 +21861,12 @@
                 },
                 "arrowOffset": {
                   "$ref": "#size"
+                },
+                "maxWidth": {
+                  "$ref": "#size"
+                },
+                "minWidth": {
+                  "$ref": "#size"
                 }
               },
               "required": [
@@ -21808,7 +21884,9 @@
                 "fontWeight",
                 "arrowWidth",
                 "arrowBorderRadius",
-                "arrowOffset"
+                "arrowOffset",
+                "maxWidth",
+                "minWidth"
               ]
             },
             "rules": {
@@ -21869,6 +21947,12 @@
                       },
                       "arrowOffset": {
                         "$ref": "#size"
+                      },
+                      "maxWidth": {
+                        "$ref": "#size"
+                      },
+                      "minWidth": {
+                        "$ref": "#size"
                       }
                     }
                   },