@telus-uds/theme-allium 8.0.0 → 8.1.0

package/build/android/TermsAndConditions.json

@@ -18,27 +18,16 @@
   },
   "rules": [
     {
-      "if": {
-        "viewport": ["xs", "sm"]
-      },
+      "if": { "viewport": ["xs", "sm"] },
       "tokens": {
         "expandContentPaddingRight": 24,
         "listMarginLeft": 6,
         "titlePaddingLeft": 6
       }
     },
+    { "if": { "expanded": true }, "tokens": { "icon": "PaletteIconCaretUp" } },
     {
-      "if": {
-        "expanded": true
-      },
-      "tokens": {
-        "icon": "PaletteIconCaretUp"
-      }
-    },
-    {
-      "if": {
-        "pressed": true
-      },
+      "if": { "pressed": true },
       "tokens": {
         "iconBackgroundColor": {
           "red": 0.40392,
@@ -46,29 +35,14 @@
           "blue": 0.45098,
           "alpha": 1
         },
-        "iconBorderColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        },
-        "iconColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        },
+        "iconBorderColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
+        "iconColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
         "iconOuterBorderGap": 4
       }
     }
   ],
   "tokens": {
-    "contentBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "contentBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "contentMarginBottom": 0,
     "contentPaddingBottom": 0,
     "contentPaddingLeft": 16,
@@ -97,12 +71,7 @@
     "expandIconContainerMarginY": 12,
     "expandIconContainerWidth": 32,
     "expandTitleBorder": 0,
-    "expandTitleBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "expandTitleBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "expandTitleColor": {
       "red": 0.17255,
       "green": 0.18039,
@@ -117,19 +86,9 @@
     "expandTitleMarginY": 0,
     "expandTitlePaddingLeft": 0,
     "expandTitleUnderline": "none",
-    "headerBackgroundColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "headerBackgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "icon": "PaletteIconCaretDown",
-    "iconBackgroundColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "iconBackgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "iconBorderColor": {
       "red": 0.40392,
       "green": 0.43137,
@@ -142,12 +101,7 @@
       "blue": 0.45098,
       "alpha": 1
     },
-    "iconOuterBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "iconOuterBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "iconOuterBorderGap": 0,
     "iconOuterBorderWidth": null,
     "listColor": {

package/build/android/Testimonial.json

@@ -8,9 +8,7 @@
   },
   "rules": [
     {
-      "if": {
-        "viewport": ["md", "lg", "xl"]
-      },
+      "if": { "viewport": ["md", "lg", "xl"] },
       "tokens": {
         "testimonialFontNameHeading": "HNforTELUSSA",
         "testimonialFontSizeHeading": 28,

package/build/android/TextArea.json

@@ -1,8 +1 @@
-{
-  "appearances": {},
-  "rules": [],
-  "tokens": {
-    "maxLines": 8,
-    "minLines": 5
-  }
-}
+{ "appearances": {}, "rules": [], "tokens": { "maxLines": 8, "minLines": 5 } }

package/build/android/TextInput.json

@@ -28,9 +28,7 @@
   },
   "rules": [
     {
-      "if": {
-        "validation": "success"
-      },
+      "if": { "validation": "success" },
       "tokens": {
         "borderColor": {
           "red": 0.16863,
@@ -39,18 +37,11 @@
           "alpha": 1
         },
         "icon": "PaletteIconStatusSuccess",
-        "iconColor": {
-          "red": 0.16863,
-          "green": 0.50196,
-          "blue": 0,
-          "alpha": 1
-        }
+        "iconColor": { "red": 0.16863, "green": 0.50196, "blue": 0, "alpha": 1 }
       }
     },
     {
-      "if": {
-        "validation": "error"
-      },
+      "if": { "validation": "error" },
       "tokens": {
         "borderColor": {
           "red": 0.88235,
@@ -68,9 +59,7 @@
       }
     },
     {
-      "if": {
-        "focus": true
-      },
+      "if": { "focus": true },
       "tokens": {
         "borderColor": {
           "red": 0.48627,
@@ -83,9 +72,7 @@
       }
     },
     {
-      "if": {
-        "inactive": true
-      },
+      "if": { "inactive": true },
       "tokens": {
         "backgroundColor": {
           "red": 0.95686,
@@ -104,12 +91,7 @@
   ],
   "tokens": {
     "amexIcon": "PaletteIconAmex",
-    "backgroundColor": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
-      "alpha": 1
-    },
+    "backgroundColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
     "borderColor": {
       "red": 0.40392,
       "green": 0.43137,
@@ -122,41 +104,21 @@
     "buttonsGap": 1,
     "buttonsPaddingRight": 8,
     "clearButtonIcon": "PaletteIconTimes",
-    "color": {
-      "red": 0.2549,
-      "green": 0.27059,
-      "blue": 0.27843,
-      "alpha": 1
-    },
+    "color": { "red": 0.2549, "green": 0.27059, "blue": 0.27843, "alpha": 1 },
     "defaultCreditIcon": "PaletteIconCreditCard",
     "fontName": "HNforTELUSSA",
     "fontSize": 16,
     "fontWeight": 400,
     "icon": null,
-    "iconColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "iconColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "iconLeftGap": 8,
     "iconLeftPaddingBottom": 14,
     "iconSize": 24,
     "leftIconPaddingBottom": 8,
     "lineHeight": 1.5,
     "masterCardIcon": "PaletteIconMasterCard",
-    "outerBackgroundColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
-    "outerBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "outerBackgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
+    "outerBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "outerBorderWidth": 2,
     "paddingBottom": 12,
     "paddingLeft": 16,

package/build/android/Timeline.json

@@ -13,10 +13,7 @@
   },
   "rules": [
     {
-      "if": {
-        "horizontal": true,
-        "viewport": ["lg", "xl"]
-      },
+      "if": { "horizontal": true, "viewport": ["lg", "xl"] },
       "tokens": {
         "connectorHeight": 1,
         "connectorWidth": "100%",
@@ -34,12 +31,7 @@
     "connectorHeight": "100%",
     "connectorWidth": 1,
     "dotBorderWidth": 1,
-    "dotColor": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
-      "alpha": 1
-    },
+    "dotColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
     "dotWidth": 14,
     "itemContentFlexSize": 1,
     "itemContentMarginBottom": 32,

package/build/android/Toast.json

@@ -8,9 +8,7 @@
   },
   "rules": [
     {
-      "if": {
-        "viewport": ["xs"]
-      },
+      "if": { "viewport": ["xs"] },
       "tokens": {
         "animationPaddingBottomAfter": 8,
         "animationPaddingTopAfter": 8
@@ -36,24 +34,14 @@
       "blue": 0.27843,
       "alpha": 1
     },
-    "animationColorBefore": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
-      "alpha": 1
-    },
+    "animationColorBefore": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
     "animationDivColorAfter": {
       "red": 0.16863,
       "green": 0.50196,
       "blue": 0,
       "alpha": 1
     },
-    "animationDivColorBefore": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
-      "alpha": 1
-    },
+    "animationDivColorBefore": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
     "animationHeightAfter": 24,
     "animationHeightBefore": 0,
     "animationPaddingBottomAfter": 16,

package/build/android/ToggleSwitch.json

@@ -18,9 +18,7 @@
   },
   "rules": [
     {
-      "if": {
-        "pressed": true
-      },
+      "if": { "pressed": true },
       "tokens": {
         "backgroundColor": {
           "red": 0.17255,
@@ -31,9 +29,7 @@
       }
     },
     {
-      "if": {
-        "selected": true
-      },
+      "if": { "selected": true },
       "tokens": {
         "backgroundColor": {
           "red": 0.16863,
@@ -42,19 +38,11 @@
           "alpha": 1
         },
         "icon": "PaletteIconCheckbold",
-        "iconColor": {
-          "red": 0.16863,
-          "green": 0.50196,
-          "blue": 0,
-          "alpha": 1
-        }
+        "iconColor": { "red": 0.16863, "green": 0.50196, "blue": 0, "alpha": 1 }
       }
     },
     {
-      "if": {
-        "pressed": true,
-        "selected": true
-      },
+      "if": { "pressed": true, "selected": true },
       "tokens": {
         "backgroundColor": {
           "red": 0.08627,
@@ -71,9 +59,7 @@
       }
     },
     {
-      "if": {
-        "inactive": true
-      },
+      "if": { "inactive": true },
       "tokens": {
         "backgroundColor": {
           "red": 0.69804,
@@ -110,12 +96,7 @@
       "blue": 0.45098,
       "alpha": 1
     },
-    "borderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "borderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "borderRadius": 32,
     "borderWidth": 0,
     "containerWidth": null,
@@ -143,18 +124,8 @@
     "mobileTrackHeight": 32,
     "mobileWidth": 48,
     "opacity": 1,
-    "outerBackgroundColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
-    "outerBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "outerBackgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
+    "outerBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "outerBorderGap": 0,
     "outerBorderGapButton": 3,
     "outerBorderWidth": 0,
@@ -168,48 +139,23 @@
       "offsetY": 2,
       "blur": 2,
       "spread": 0,
-      "color": {
-        "red": 0,
-        "green": 0,
-        "blue": 0,
-        "alpha": 0.1
-      }
+      "color": { "red": 0, "green": 0, "blue": 0, "alpha": 0.1 }
     },
     "space": 2,
-    "switchBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "switchBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "switchBorderRadius": 32,
     "switchBorderWidth": 0,
-    "switchColor": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
-      "alpha": 1
-    },
+    "switchColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
     "switchShadow": {
       "inset": false,
       "offsetX": 0,
       "offsetY": 2,
       "blur": 2,
       "spread": 0,
-      "color": {
-        "red": 0,
-        "green": 0,
-        "blue": 0,
-        "alpha": 0.2
-      }
+      "color": { "red": 0, "green": 0, "blue": 0, "alpha": 0.2 }
     },
     "switchSize": 18,
-    "trackBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "trackBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "trackBorderRadius": 32,
     "trackBorderWidth": 3,
     "trackHeight": 24,

package/build/android/ToggleSwitchGroup.json

@@ -6,16 +6,7 @@
       "type": "state"
     }
   },
-  "rules": [
-    {
-      "if": {
-        "viewport": ["lg", "xl"]
-      },
-      "tokens": {
-        "space": 3
-      }
-    }
-  ],
+  "rules": [{ "if": { "viewport": ["lg", "xl"] }, "tokens": { "space": 3 } }],
   "tokens": {
     "alignItems": "flex-start",
     "direction": "column",

package/build/android/Tooltip.json

@@ -1,22 +1,10 @@
 {
-  "appearances": {
-    "inverse": {
-      "type": "variant",
-      "values": [true]
-    }
-  },
+  "appearances": { "inverse": { "type": "variant", "values": [true] } },
   "rules": [
     {
-      "if": {
-        "inverse": true
-      },
+      "if": { "inverse": true },
       "tokens": {
-        "backgroundColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        },
+        "backgroundColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
         "color": {
           "red": 0.2549,
           "green": 0.27059,
@@ -37,12 +25,7 @@
       "alpha": 1
     },
     "borderRadius": 8,
-    "color": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
-      "alpha": 1
-    },
+    "color": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
     "fontName": "HNforTELUSSA",
     "fontSize": 14,
     "fontWeight": 400,
@@ -59,12 +42,7 @@
       "offsetY": 4,
       "blur": 8,
       "spread": 0,
-      "color": {
-        "red": 0,
-        "green": 0,
-        "blue": 0,
-        "alpha": 0.1
-      }
+      "color": { "red": 0, "green": 0, "blue": 0, "alpha": 0.1 }
     }
   }
 }

package/build/android/TooltipButton.json

@@ -1,9 +1,6 @@
 {
   "appearances": {
-    "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],
@@ -12,22 +9,11 @@
   },
   "rules": [
     {
-      "if": {
-        "inverse": true
-      },
-      "tokens": {
-        "iconColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        }
-      }
+      "if": { "inverse": true },
+      "tokens": { "iconColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 } }
     },
     {
-      "if": {
-        "pressed": true
-      },
+      "if": { "pressed": true },
       "tokens": {
         "iconColor": {
           "red": 0.40392,
@@ -38,10 +24,7 @@
       }
     },
     {
-      "if": {
-        "inverse": true,
-        "pressed": true
-      },
+      "if": { "inverse": true, "pressed": true },
       "tokens": {
         "iconColor": {
           "red": 0.69804,
@@ -53,12 +36,7 @@
     }
   ],
   "tokens": {
-    "backgroundColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "backgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "borderRadius": 32,
     "icon": "PaletteIconQuestion",
     "iconColor": {
@@ -69,12 +47,7 @@
     },
     "iconScale": 1,
     "iconSize": 16,
-    "outerBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "outerBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "outerBorderGap": 4,
     "outerBorderWidth": 1,
     "width": 16