@telus-uds/theme-allium 8.0.0-beta.1 → 8.1.0

package/build/ios/ChevronLink.json

@@ -22,9 +22,7 @@
   },
   "rules": [
     {
-      "if": {
-        "pressed": true
-      },
+      "if": { "pressed": true },
       "tokens": {
         "color": {
           "red": 0.08627,
@@ -35,19 +33,11 @@
       }
     },
     {
-      "if": {
-        "size": "large"
-      },
-      "tokens": {
-        "blockLineHeight": 1.6,
-        "fontSize": 20,
-        "iconSize": 20
-      }
+      "if": { "size": "large" },
+      "tokens": { "blockLineHeight": 1.6, "fontSize": 20, "iconSize": 20 }
     },
     {
-      "if": {
-        "size": "small"
-      },
+      "if": { "size": "small" },
       "tokens": {
         "blockLineHeight": 1.42857142857,
         "fontSize": 14,
@@ -55,9 +45,7 @@
       }
     },
     {
-      "if": {
-        "size": "micro"
-      },
+      "if": { "size": "micro" },
       "tokens": {
         "blockLineHeight": 1.33333333333,
         "fontSize": 12,
@@ -65,9 +53,7 @@
       }
     },
     {
-      "if": {
-        "style": "inline"
-      },
+      "if": { "style": "inline" },
       "tokens": {
         "color": {
           "red": 0.2549,
@@ -78,10 +64,7 @@
       }
     },
     {
-      "if": {
-        "pressed": true,
-        "style": "inline"
-      },
+      "if": { "pressed": true, "style": "inline" },
       "tokens": {
         "color": {
           "red": 0.17255,
@@ -93,9 +76,7 @@
       }
     },
     {
-      "if": {
-        "style": "subtle"
-      },
+      "if": { "style": "subtle" },
       "tokens": {
         "color": {
           "red": 0.40392,
@@ -106,10 +87,7 @@
       }
     },
     {
-      "if": {
-        "pressed": true,
-        "style": "subtle"
-      },
+      "if": { "pressed": true, "style": "subtle" },
       "tokens": {
         "color": {
           "red": 0.17255,
@@ -121,23 +99,13 @@
       }
     },
     {
-      "if": {
-        "style": "feature"
-      },
+      "if": { "style": "feature" },
       "tokens": {
-        "color": {
-          "red": 0.16863,
-          "green": 0.50196,
-          "blue": 0,
-          "alpha": 1
-        }
+        "color": { "red": 0.16863, "green": 0.50196, "blue": 0, "alpha": 1 }
       }
     },
     {
-      "if": {
-        "pressed": true,
-        "style": "feature"
-      },
+      "if": { "pressed": true, "style": "feature" },
       "tokens": {
         "color": {
           "red": 0.08627,
@@ -149,9 +117,7 @@
       }
     },
     {
-      "if": {
-        "style": "danger"
-      },
+      "if": { "style": "danger" },
       "tokens": {
         "color": {
           "red": 0.75686,
@@ -162,10 +128,7 @@
       }
     },
     {
-      "if": {
-        "pressed": true,
-        "style": "danger"
-      },
+      "if": { "pressed": true, "style": "danger" },
       "tokens": {
         "color": {
           "red": 0.17255,
@@ -177,23 +140,11 @@
       }
     },
     {
-      "if": {
-        "style": "inverse"
-      },
-      "tokens": {
-        "color": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        }
-      }
+      "if": { "style": "inverse" },
+      "tokens": { "color": { "red": 1, "green": 1, "blue": 1, "alpha": 1 } }
     },
     {
-      "if": {
-        "pressed": true,
-        "style": "inverse"
-      },
+      "if": { "pressed": true, "style": "inverse" },
       "tokens": {
         "color": {
           "red": 0.69804,
@@ -205,10 +156,7 @@
       }
     },
     {
-      "if": {
-        "quiet": true,
-        "style": "inline"
-      },
+      "if": { "quiet": true, "style": "inline" },
       "tokens": {
         "color": {
           "red": 0.2549,
@@ -220,11 +168,7 @@
       }
     },
     {
-      "if": {
-        "pressed": true,
-        "quiet": true,
-        "style": "inline"
-      },
+      "if": { "pressed": true, "quiet": true, "style": "inline" },
       "tokens": {
         "color": {
           "red": 0.17255,
@@ -235,10 +179,7 @@
       }
     },
     {
-      "if": {
-        "quiet": true,
-        "style": "subtle"
-      },
+      "if": { "quiet": true, "style": "subtle" },
       "tokens": {
         "color": {
           "red": 0.40392,
@@ -250,11 +191,7 @@
       }
     },
     {
-      "if": {
-        "pressed": true,
-        "quiet": true,
-        "style": "subtle"
-      },
+      "if": { "pressed": true, "quiet": true, "style": "subtle" },
       "tokens": {
         "color": {
           "red": 0.17255,
@@ -265,26 +202,14 @@
       }
     },
     {
-      "if": {
-        "quiet": true,
-        "style": "feature"
-      },
+      "if": { "quiet": true, "style": "feature" },
       "tokens": {
-        "color": {
-          "red": 0.16863,
-          "green": 0.50196,
-          "blue": 0,
-          "alpha": 1
-        },
+        "color": { "red": 0.16863, "green": 0.50196, "blue": 0, "alpha": 1 },
         "textLine": "none"
       }
     },
     {
-      "if": {
-        "pressed": true,
-        "quiet": true,
-        "style": "feature"
-      },
+      "if": { "pressed": true, "quiet": true, "style": "feature" },
       "tokens": {
         "color": {
           "red": 0.08627,
@@ -295,10 +220,7 @@
       }
     },
     {
-      "if": {
-        "quiet": true,
-        "style": "danger"
-      },
+      "if": { "quiet": true, "style": "danger" },
       "tokens": {
         "color": {
           "red": 0.75686,
@@ -310,11 +232,7 @@
       }
     },
     {
-      "if": {
-        "pressed": true,
-        "quiet": true,
-        "style": "danger"
-      },
+      "if": { "pressed": true, "quiet": true, "style": "danger" },
       "tokens": {
         "color": {
           "red": 0.17255,
@@ -325,26 +243,14 @@
       }
     },
     {
-      "if": {
-        "quiet": true,
-        "style": "inverse"
-      },
+      "if": { "quiet": true, "style": "inverse" },
       "tokens": {
-        "color": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        },
+        "color": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
         "textLine": "none"
       }
     },
     {
-      "if": {
-        "pressed": true,
-        "quiet": true,
-        "style": "inverse"
-      },
+      "if": { "pressed": true, "quiet": true, "style": "inverse" },
       "tokens": {
         "color": {
           "red": 0.69804,
@@ -357,23 +263,13 @@
   ],
   "tokens": {
     "blockLineHeight": 1.5,
-    "color": {
-      "red": 0.16863,
-      "green": 0.50196,
-      "blue": 0,
-      "alpha": 1
-    },
+    "color": { "red": 0.16863, "green": 0.50196, "blue": 0, "alpha": 1 },
     "fontSize": 16,
     "iconDisplace": 0,
     "iconSize": 16,
     "iconSpace": 1,
     "leftIcon": "PaletteIconArrowLeft",
-    "outerBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "outerBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "rightIcon": "PaletteIconArrowRight",
     "textLine": "none"
   }

package/build/ios/{ColourToggle.json → ColorToggle.json}

@@ -13,9 +13,7 @@
   },
   "rules": [
     {
-      "if": {
-        "pressed": true
-      },
+      "if": { "pressed": true },
       "tokens": {
         "bubbleBorderColor": {
           "red": 0.8902,
@@ -28,9 +26,7 @@
       }
     },
     {
-      "if": {
-        "selected": true
-      },
+      "if": { "selected": true },
       "tokens": {
         "bubbleBorderColor": {
           "red": 0.29412,
@@ -52,12 +48,7 @@
     },
     "borderRadius": 45,
     "borderWidth": 1,
-    "bubbleBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "bubbleBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "bubbleBorderRadius": 0,
     "bubbleBorderWidth": 0,
     "innerBubbleBorderRadius": 45,
@@ -67,37 +58,17 @@
     "outerBubbleHeight": 48,
     "outerBubbleJustifyContent": "center",
     "outerBubbleWidth": 48,
-    "overlayColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "overlayColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "shadow": {
       "inset": true,
       "offsetX": 0,
       "offsetY": 2,
       "blur": 2,
       "spread": 0,
-      "color": {
-        "red": 0,
-        "green": 0,
-        "blue": 0,
-        "alpha": 0.1
-      }
-    },
-    "slashDarkColor": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
-      "alpha": 0.8
-    },
-    "slashLightColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0.2
+      "color": { "red": 0, "green": 0, "blue": 0, "alpha": 0.1 }
     },
+    "slashDarkColor": { "red": 1, "green": 1, "blue": 1, "alpha": 0.8 },
+    "slashLightColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0.2 },
     "slashOffset": 1,
     "slashWidth": 38,
     "space": 2

package/build/ios/Countdown.json

@@ -1,21 +1,9 @@
 {
   "appearances": {
-    "feature": {
-      "type": "variant",
-      "values": [true]
-    },
-    "inverse": {
-      "type": "variant",
-      "values": [true]
-    },
-    "label": {
-      "type": "variant",
-      "values": [true]
-    },
-    "large": {
-      "type": "variant",
-      "values": [true]
-    },
+    "feature": { "type": "variant", "values": [true] },
+    "inverse": { "type": "variant", "values": [true] },
+    "label": { "type": "variant", "values": [true] },
+    "large": { "type": "variant", "values": [true] },
     "viewport": {
       "description": "The size label for the current screen viewport based on the current screen width",
       "values": ["xs", "sm", "md", "lg", "xl"],
@@ -24,9 +12,7 @@
   },
   "rules": [
     {
-      "if": {
-        "viewport": ["xs"]
-      },
+      "if": { "viewport": ["xs"] },
       "tokens": {
         "containerPaddingBottomTop": 16,
         "containerPaddingLeftRight": 24,
@@ -36,9 +22,7 @@
       }
     },
     {
-      "if": {
-        "large": true
-      },
+      "if": { "large": true },
       "tokens": {
         "textFontSize": 64,
         "textLineHeight": 1.125,
@@ -47,9 +31,7 @@
       }
     },
     {
-      "if": {
-        "feature": true
-      },
+      "if": { "feature": true },
       "tokens": {
         "labelBorderColor": {
           "red": 0.29412,
@@ -64,41 +46,21 @@
       }
     },
     {
-      "if": {
-        "large": true,
-        "viewport": ["xs"]
-      },
-      "tokens": {
-        "textFontSize": 40
-      }
+      "if": { "large": true, "viewport": ["xs"] },
+      "tokens": { "textFontSize": 40 }
     },
     {
-      "if": {
-        "feature": true,
-        "viewport": ["xs"]
-      },
-      "tokens": {
-        "textFontSize": 40
-      }
+      "if": { "feature": true, "viewport": ["xs"] },
+      "tokens": { "textFontSize": 40 }
     },
     {
-      "if": {
-        "inverse": true
-      },
+      "if": { "inverse": true },
       "tokens": {
-        "labelBorderColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        }
+        "labelBorderColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 }
       }
     },
     {
-      "if": {
-        "feature": true,
-        "inverse": true
-      },
+      "if": { "feature": true, "inverse": true },
       "tokens": {
         "containerBorderColor": {
           "red": 0.40392,
@@ -106,22 +68,12 @@
           "blue": 0.45098,
           "alpha": 1
         },
-        "labelBorderColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        }
+        "labelBorderColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 }
       }
     }
   ],
   "tokens": {
-    "containerBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "containerBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "containerBorderRadius": 6,
     "containerBorderWidth": 2,
     "containerGradient": {

package/build/ios/DatePicker.json

@@ -2,12 +2,7 @@
   "appearances": {},
   "rules": [],
   "tokens": {
-    "calendarBackgroundColor": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
-      "alpha": 1
-    },
+    "calendarBackgroundColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
     "calendarDayBlockedCalendarHoverBackground": {
       "red": 0.95686,
       "green": 0.95686,

package/build/ios/Disclaimer.json

@@ -2,12 +2,7 @@
   "appearances": {},
   "rules": [],
   "tokens": {
-    "color": {
-      "red": 0.2549,
-      "green": 0.27059,
-      "blue": 0.27843,
-      "alpha": 1
-    },
+    "color": { "red": 0.2549, "green": 0.27059, "blue": 0.27843, "alpha": 1 },
     "fontName": "HNforTELUSSA",
     "fontSize": 12,
     "fontWeight": 500,

package/build/ios/Divider.json

@@ -5,28 +5,13 @@
       "type": "variant",
       "values": [true]
     },
-    "inverse": {
-      "type": "variant",
-      "values": [true]
-    },
-    "weight": {
-      "type": "variant",
-      "values": ["thick"]
-    }
+    "inverse": { "type": "variant", "values": [true] },
+    "weight": { "type": "variant", "values": ["thick"] }
   },
   "rules": [
+    { "if": { "weight": "thick" }, "tokens": { "width": 2 } },
     {
-      "if": {
-        "weight": "thick"
-      },
-      "tokens": {
-        "width": 2
-      }
-    },
-    {
-      "if": {
-        "decorative": true
-      },
+      "if": { "decorative": true },
       "tokens": {
         "color": {
           "red": 0.69804,
@@ -37,26 +22,12 @@
       }
     },
     {
-      "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 } }
     }
   ],
   "tokens": {
-    "color": {
-      "red": 0.40392,
-      "green": 0.43137,
-      "blue": 0.45098,
-      "alpha": 1
-    },
+    "color": { "red": 0.40392, "green": 0.43137, "blue": 0.45098, "alpha": 1 },
     "width": 1
   }
 }

package/build/ios/DownloadApp.json

@@ -8,9 +8,7 @@
   },
   "rules": [
     {
-      "if": {
-        "pressed": true
-      },
+      "if": { "pressed": true },
       "tokens": {
         "borderColor": {
           "red": 0.12157,
@@ -25,12 +23,7 @@
   "tokens": {
     "androidENIcon": "PaletteIconAndroidEN",
     "androidFRIcon": "PaletteIconAndroidFR",
-    "borderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "borderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "borderGap": 2,
     "borderRadius": 0,
     "borderWidth": 1,