@telus-uds/theme-allium 8.0.0 → 8.1.0

package/build/android/CarouselTabsPanelItem.json

@@ -5,10 +5,7 @@
       "values": [true],
       "type": "state"
     },
-    "inverse": {
-      "type": "variant",
-      "values": [true]
-    },
+    "inverse": { "type": "variant", "values": [true] },
     "pressed": {
       "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
       "values": [true, false],
@@ -22,9 +19,7 @@
   },
   "rules": [
     {
-      "if": {
-        "pressed": true
-      },
+      "if": { "pressed": true },
       "tokens": {
         "borderBottomColor": {
           "red": 0.12157,
@@ -42,9 +37,7 @@
       }
     },
     {
-      "if": {
-        "inactive": true
-      },
+      "if": { "inactive": true },
       "tokens": {
         "borderBottomColor": {
           "red": 0.40392,
@@ -62,9 +55,7 @@
       }
     },
     {
-      "if": {
-        "selected": true
-      },
+      "if": { "selected": true },
       "tokens": {
         "borderBottomColor": {
           "red": 0.40392,
@@ -84,23 +75,11 @@
       }
     },
     {
-      "if": {
-        "inverse": true
-      },
-      "tokens": {
-        "color": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        }
-      }
+      "if": { "inverse": true },
+      "tokens": { "color": { "red": 1, "green": 1, "blue": 1, "alpha": 1 } }
     },
     {
-      "if": {
-        "inverse": true,
-        "pressed": true
-      },
+      "if": { "inverse": true, "pressed": true },
       "tokens": {
         "borderBottomColor": {
           "red": 0.40392,
@@ -118,24 +97,11 @@
       }
     },
     {
-      "if": {
-        "inverse": true,
-        "selected": true
-      },
+      "if": { "inverse": true, "selected": true },
       "tokens": {
-        "borderBottomColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        },
+        "borderBottomColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
         "borderBottomWidth": 4,
-        "color": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        },
+        "color": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
         "fontName": "HNforTELUSSA",
         "fontWeight": 700
       }
@@ -143,20 +109,10 @@
   ],
   "tokens": {
     "alignItems": "flex-start",
-    "borderBottomColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "borderBottomColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "borderBottomStyle": "solid",
     "borderBottomWidth": 1,
-    "color": {
-      "red": 0.2549,
-      "green": 0.27059,
-      "blue": 0.27843,
-      "alpha": 1
-    },
+    "color": { "red": 0.2549, "green": 0.27059, "blue": 0.27843, "alpha": 1 },
     "flex": 1,
     "fontName": "HNforTELUSSA",
     "fontScaleCap": 64,

package/build/android/CarouselThumbnail.json

@@ -13,18 +13,11 @@
   },
   "rules": [
     {
-      "if": {
-        "viewport": ["xs", "sm"]
-      },
-      "tokens": {
-        "alignItems": "flex-start",
-        "size": 32
-      }
+      "if": { "viewport": ["xs", "sm"] },
+      "tokens": { "alignItems": "flex-start", "size": 32 }
     },
     {
-      "if": {
-        "pressed": true
-      },
+      "if": { "pressed": true },
       "tokens": {
         "borderColor": {
           "red": 0.12157,

package/build/android/Checkbox.json

@@ -5,10 +5,7 @@
       "values": [true],
       "type": "state"
     },
-    "error": {
-      "values": [true],
-      "type": "state"
-    },
+    "error": { "values": [true], "type": "state" },
     "inactive": {
       "description": "Prevents an interactive component from being interacted with and applies accessibility attributes to indicate to the user that this component cannot be used.",
       "values": [true],
@@ -17,9 +14,7 @@
   },
   "rules": [
     {
-      "if": {
-        "error": true
-      },
+      "if": { "error": true },
       "tokens": {
         "inputBorderColor": {
           "red": 0.88235,
@@ -30,9 +25,7 @@
       }
     },
     {
-      "if": {
-        "inactive": true
-      },
+      "if": { "inactive": true },
       "tokens": {
         "descriptionFontColor": {
           "red": 0.40392,
@@ -58,12 +51,7 @@
           "blue": 0.9098,
           "alpha": 1
         },
-        "inputBorderColor": {
-          "red": 0,
-          "green": 0,
-          "blue": 0,
-          "alpha": 0
-        },
+        "inputBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
         "labelColor": {
           "red": 0.40392,
           "green": 0.43137,
@@ -74,12 +62,7 @@
     }
   ],
   "tokens": {
-    "containerBackgroundColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "containerBackgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "descriptionFontColor": {
       "red": 0.2549,
       "green": 0.27059,
@@ -101,21 +84,11 @@
       "blue": 0.64706,
       "alpha": 1
     },
-    "iconColor": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
-      "alpha": 1
-    },
+    "iconColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
     "iconContainerHeight": 24,
     "iconContainerWidth": 24,
     "iconSize": 16,
-    "inputBackgroundColor": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
-      "alpha": 1
-    },
+    "inputBackgroundColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
     "inputBorderColor": {
       "red": 0.40392,
       "green": 0.43137,
@@ -125,12 +98,7 @@
     "inputBorderRadius": 4,
     "inputBorderWidth": 1,
     "inputHeight": 20,
-    "inputOutlineColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "inputOutlineColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "inputOutlineOffset": 0,
     "inputOutlineWidth": 0,
     "inputShadow": null,

package/build/android/CheckboxCard.json

@@ -5,10 +5,7 @@
       "values": [true],
       "type": "state"
     },
-    "error": {
-      "values": [true],
-      "type": "state"
-    },
+    "error": { "values": [true], "type": "state" },
     "inactive": {
       "description": "Prevents an interactive component from being interacted with and applies accessibility attributes to indicate to the user that this component cannot be used.",
       "values": [true],
@@ -27,9 +24,7 @@
   },
   "rules": [
     {
-      "if": {
-        "viewport": ["lg", "xl"]
-      },
+      "if": { "viewport": ["lg", "xl"] },
       "tokens": {
         "fontSize": 24,
         "lineHeight": 1.33333333333,
@@ -41,9 +36,7 @@
     },
     {
       "description": "Pressed state matches hover state plus light grey background",
-      "if": {
-        "pressed": true
-      },
+      "if": { "pressed": true },
       "tokens": {
         "backgroundColor": {
           "red": 0.95686,
@@ -81,9 +74,7 @@
       }
     },
     {
-      "if": {
-        "checked": true
-      },
+      "if": { "checked": true },
       "tokens": {
         "borderColor": {
           "red": 0.48627,
@@ -94,9 +85,7 @@
       }
     },
     {
-      "if": {
-        "error": true
-      },
+      "if": { "error": true },
       "tokens": {
         "borderColor": {
           "red": 0.88235,
@@ -119,9 +108,7 @@
       }
     },
     {
-      "if": {
-        "inactive": true
-      },
+      "if": { "inactive": true },
       "tokens": {
         "backgroundColor": {
           "red": 0.95686,
@@ -129,12 +116,7 @@
           "blue": 0.96863,
           "alpha": 1
         },
-        "borderColor": {
-          "red": 0,
-          "green": 0,
-          "blue": 0,
-          "alpha": 0
-        },
+        "borderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
         "checkboxCheckedBackgroundColor": {
           "red": 0.40392,
           "green": 0.43137,
@@ -172,12 +154,7 @@
     }
   ],
   "tokens": {
-    "backgroundColor": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
-      "alpha": 1
-    },
+    "backgroundColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
     "borderColor": {
       "red": 0.69804,
       "green": 0.72549,
@@ -214,21 +191,11 @@
     },
     "checkboxInputOutlineWidth": 0,
     "checkboxInputSize": 20,
-    "checkboxOuterBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "checkboxOuterBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "checkboxOuterBorderGap": 0,
     "checkboxOuterBorderWidth": 0,
     "checkboxSpace": 2,
-    "color": {
-      "red": 0.17255,
-      "green": 0.18039,
-      "blue": 0.18824,
-      "alpha": 1
-    },
+    "color": { "red": 0.17255, "green": 0.18039, "blue": 0.18824, "alpha": 1 },
     "contentAlignItems": "stretch",
     "contentFlexGrow": 0,
     "contentFlexShrink": 1,
@@ -245,12 +212,7 @@
     "marginRight": 0,
     "marginTop": 0,
     "minWidth": 264,
-    "outerBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "outerBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "outerBorderGap": 0,
     "outerBorderWidth": 2,
     "paddingBottom": 16,

package/build/android/CheckboxCardGroup.json

@@ -13,23 +13,12 @@
   },
   "rules": [
     {
-      "if": {
-        "viewport": ["md", "lg", "xl"]
-      },
-      "tokens": {
-        "direction": "row",
-        "space": 5
-      }
+      "if": { "viewport": ["md", "lg", "xl"] },
+      "tokens": { "direction": "row", "space": 5 }
     },
     {
-      "if": {
-        "fullWidth": true
-      },
-      "tokens": {
-        "direction": "column",
-        "fieldSpace": 3,
-        "space": 3
-      }
+      "if": { "fullWidth": true },
+      "tokens": { "direction": "column", "fieldSpace": 3, "space": 3 }
     }
   ],
   "tokens": {