@telus-uds/theme-allium 8.0.0 → 8.1.0

package/build/android/Shortcuts.json

@@ -7,30 +7,9 @@
     }
   },
   "rules": [
-    {
-      "if": {
-        "viewport": "md"
-      },
-      "tokens": {
-        "mainContainerGap": 16
-      }
-    },
-    {
-      "if": {
-        "viewport": "lg"
-      },
-      "tokens": {
-        "mainContainerGap": 16
-      }
-    },
-    {
-      "if": {
-        "viewport": "xl"
-      },
-      "tokens": {
-        "mainContainerGap": 16
-      }
-    }
+    { "if": { "viewport": "md" }, "tokens": { "mainContainerGap": 16 } },
+    { "if": { "viewport": "lg" }, "tokens": { "mainContainerGap": 16 } },
+    { "if": { "viewport": "xl" }, "tokens": { "mainContainerGap": 16 } }
   ],
   "tokens": {
     "mainContainerBottomPadding": 0,

package/build/android/ShortcutsItem.json

@@ -8,9 +8,7 @@
   },
   "rules": [
     {
-      "if": {
-        "pressed": true
-      },
+      "if": { "pressed": true },
       "tokens": {
         "iconColor": {
           "red": 0.69804,
@@ -28,12 +26,7 @@
     }
   ],
   "tokens": {
-    "borderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "borderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "borderRadius": 4,
     "borderWidth": 1,
     "iconBackgroundColor": {

package/build/android/SideNavItem.json

@@ -18,9 +18,7 @@
   },
   "rules": [
     {
-      "if": {
-        "active": true
-      },
+      "if": { "active": true },
       "tokens": {
         "accentBackgroundColor": {
           "red": 0.29412,
@@ -46,9 +44,7 @@
       }
     },
     {
-      "if": {
-        "type": "child"
-      },
+      "if": { "type": "child" },
       "tokens": {
         "accentBackgroundColor": {
           "red": 0.95686,
@@ -64,10 +60,7 @@
       }
     },
     {
-      "if": {
-        "active": true,
-        "type": "parent"
-      },
+      "if": { "active": true, "type": "parent" },
       "tokens": {
         "color": {
           "red": 0.29412,
@@ -79,11 +72,7 @@
       }
     },
     {
-      "if": {
-        "active": true,
-        "expanded": true,
-        "type": "parent"
-      },
+      "if": { "active": true, "expanded": true, "type": "parent" },
       "tokens": {
         "accentBackgroundColor": {
           "red": 0,
@@ -103,10 +92,7 @@
       }
     },
     {
-      "if": {
-        "active": true,
-        "type": "child"
-      },
+      "if": { "active": true, "type": "child" },
       "tokens": {
         "accentBackgroundColor": {
           "red": 0.29412,
@@ -125,21 +111,11 @@
     }
   ],
   "tokens": {
-    "accentBackgroundColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "accentBackgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "accentOffset": 0,
     "accentPadding": 0,
     "accentWidth": 4,
-    "backgroundColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "backgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "borderColor": {
       "red": 0.69804,
       "green": 0.72549,
@@ -148,12 +124,7 @@
     },
     "borderStyle": "solid",
     "borderWidth": 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 },
     "fontName": "HNforTELUSSA",
     "fontSize": 16,
     "fontWeight": 400,

package/build/android/SideNavItemsGroup.json

@@ -7,14 +7,7 @@
     }
   },
   "rules": [
-    {
-      "if": {
-        "expanded": true
-      },
-      "tokens": {
-        "icon": "PaletteIconCaretUp"
-      }
-    }
+    { "if": { "expanded": true }, "tokens": { "icon": "PaletteIconCaretUp" } }
   ],
   "tokens": {
     "collapseDuration": 250,
@@ -31,12 +24,7 @@
     "expandDividerWidth": null,
     "expandDuration": 300,
     "icon": "PaletteIconCaretDown",
-    "iconColor": {
-      "red": 0.16863,
-      "green": 0.50196,
-      "blue": 0,
-      "alpha": 1
-    },
+    "iconColor": { "red": 0.16863, "green": 0.50196, "blue": 0, "alpha": 1 },
     "iconGap": 8,
     "iconPosition": "right",
     "iconSize": 24,

package/build/android/Skeleton.json

@@ -5,12 +5,7 @@
     "animationDuration": 2000,
     "baseWidth": 40,
     "characters": 10,
-    "color": {
-      "red": 0.69804,
-      "green": 0.72549,
-      "blue": 0.74902,
-      "alpha": 1
-    },
+    "color": { "red": 0.69804, "green": 0.72549, "blue": 0.74902, "alpha": 1 },
     "lineRadius": 99999999999999,
     "radius": 99999999999999,
     "secondColor": {

package/build/android/SkipLink.json

@@ -8,29 +8,14 @@
   },
   "rules": [],
   "tokens": {
-    "backgroundColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "backgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "borderRadius": 4,
-    "color": {
-      "red": 0.16863,
-      "green": 0.50196,
-      "blue": 0,
-      "alpha": 1
-    },
+    "color": { "red": 0.16863, "green": 0.50196, "blue": 0, "alpha": 1 },
     "fontName": "HNforTELUSSA",
     "fontSize": 16,
     "fontWeight": 400,
     "lineHeight": 1.5,
-    "outlineColor": {
-      "red": 0.16863,
-      "green": 0.50196,
-      "blue": 0,
-      "alpha": 1
-    },
+    "outlineColor": { "red": 0.16863, "green": 0.50196, "blue": 0, "alpha": 1 },
     "outlineOffset": 0,
     "outlineStyle": "solid",
     "outlineWidth": 2,

package/build/android/Spinner.json

@@ -1,20 +1,7 @@
 {
-  "appearances": {
-    "size": {
-      "type": "variant",
-      "values": ["small"]
-    }
-  },
+  "appearances": { "size": { "type": "variant", "values": ["small"] } },
   "rules": [
-    {
-      "if": {
-        "size": "small"
-      },
-      "tokens": {
-        "size": 24,
-        "thickness": 2
-      }
-    }
+    { "if": { "size": "small" }, "tokens": { "size": 24, "thickness": 2 } }
   ],
   "tokens": {
     "fullScreenOverLayBackground": {

package/build/android/SplashButton.json

@@ -15,11 +15,6 @@
       "alpha": 0
     },
     "playIcon": "PaletteIconPlaySolid",
-    "playIconColor": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
-      "alpha": 1
-    }
+    "playIconColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 }
   }
 }

package/build/android/SplashButtonWithDetails.json

@@ -2,12 +2,7 @@
   "appearances": {},
   "rules": [],
   "tokens": {
-    "buttonBackground": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
-      "alpha": 1
-    },
+    "buttonBackground": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
     "buttonBorderColor": {
       "red": 0.8902,
       "green": 0.90196,
@@ -36,12 +31,7 @@
     "labelFontName": "HNforTELUSSA",
     "labelFontWeight": 700,
     "playIcon": "PaletteIconPlaySolid",
-    "playIconColor": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
-      "alpha": 1
-    },
+    "playIconColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
     "playIconContainerBackground": {
       "red": 0.16863,
       "green": 0.50196,

package/build/android/Status.json

@@ -5,10 +5,7 @@
       "type": "variant",
       "values": [true]
     },
-    "priority": {
-      "type": "variant",
-      "values": ["default", "low", "high"]
-    },
+    "priority": { "type": "variant", "values": ["default", "low", "high"] },
     "purpose": {
       "type": "variant",
       "values": [
@@ -24,9 +21,7 @@
   },
   "rules": [
     {
-      "if": {
-        "purpose": "brand"
-      },
+      "if": { "purpose": "brand" },
       "tokens": {
         "iconColor": {
           "red": 0.29412,
@@ -37,9 +32,7 @@
       }
     },
     {
-      "if": {
-        "purpose": "subtle"
-      },
+      "if": { "purpose": "subtle" },
       "tokens": {
         "iconColor": {
           "red": 0.40392,
@@ -50,23 +43,14 @@
       }
     },
     {
-      "if": {
-        "purpose": "success"
-      },
+      "if": { "purpose": "success" },
       "tokens": {
         "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": {
-        "purpose": "warning"
-      },
+      "if": { "purpose": "warning" },
       "tokens": {
         "icon": "PaletteIconStatusWarning",
         "iconColor": {
@@ -78,9 +62,7 @@
       }
     },
     {
-      "if": {
-        "purpose": "error"
-      },
+      "if": { "purpose": "error" },
       "tokens": {
         "icon": "PaletteIconStatusError",
         "iconColor": {
@@ -92,9 +74,7 @@
       }
     },
     {
-      "if": {
-        "purpose": "offer"
-      },
+      "if": { "purpose": "offer" },
       "tokens": {
         "iconColor": {
           "red": 0.48627,
@@ -105,9 +85,7 @@
       }
     },
     {
-      "if": {
-        "priority": "low"
-      },
+      "if": { "priority": "low" },
       "tokens": {
         "borderRadius": 99,
         "paddingBottom": 4,
@@ -117,9 +95,7 @@
       }
     },
     {
-      "if": {
-        "priority": "high"
-      },
+      "if": { "priority": "high" },
       "tokens": {
         "backgroundColor": {
           "red": 0.2549,
@@ -128,29 +104,16 @@
           "alpha": 1
         },
         "borderRadius": 99,
-        "iconColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        },
+        "iconColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
         "paddingBottom": 4,
         "paddingLeft": 12,
         "paddingRight": 12,
         "paddingTop": 4,
-        "textColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        }
+        "textColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 }
       }
     },
     {
-      "if": {
-        "priority": "low",
-        "purpose": "default"
-      },
+      "if": { "priority": "low", "purpose": "default" },
       "tokens": {
         "backgroundColor": {
           "red": 0.95686,
@@ -161,10 +124,7 @@
       }
     },
     {
-      "if": {
-        "priority": "high",
-        "purpose": "default"
-      },
+      "if": { "priority": "high", "purpose": "default" },
       "tokens": {
         "backgroundColor": {
           "red": 0.2549,
@@ -175,10 +135,7 @@
       }
     },
     {
-      "if": {
-        "priority": "low",
-        "purpose": "brand"
-      },
+      "if": { "priority": "low", "purpose": "brand" },
       "tokens": {
         "backgroundColor": {
           "red": 0.93725,
@@ -189,10 +146,7 @@
       }
     },
     {
-      "if": {
-        "priority": "high",
-        "purpose": "brand"
-      },
+      "if": { "priority": "high", "purpose": "brand" },
       "tokens": {
         "backgroundColor": {
           "red": 0.29412,
@@ -203,10 +157,7 @@
       }
     },
     {
-      "if": {
-        "priority": "low",
-        "purpose": "subtle"
-      },
+      "if": { "priority": "low", "purpose": "subtle" },
       "tokens": {
         "backgroundColor": {
           "red": 0.98039,
@@ -217,10 +168,7 @@
       }
     },
     {
-      "if": {
-        "priority": "high",
-        "purpose": "subtle"
-      },
+      "if": { "priority": "high", "purpose": "subtle" },
       "tokens": {
         "backgroundColor": {
           "red": 0.40392,
@@ -231,10 +179,7 @@
       }
     },
     {
-      "if": {
-        "priority": "low",
-        "purpose": "success"
-      },
+      "if": { "priority": "low", "purpose": "success" },
       "tokens": {
         "backgroundColor": {
           "red": 0.95686,
@@ -245,10 +190,7 @@
       }
     },
     {
-      "if": {
-        "priority": "high",
-        "purpose": "success"
-      },
+      "if": { "priority": "high", "purpose": "success" },
       "tokens": {
         "backgroundColor": {
           "red": 0.16863,
@@ -259,10 +201,7 @@
       }
     },
     {
-      "if": {
-        "priority": "low",
-        "purpose": "warning"
-      },
+      "if": { "priority": "low", "purpose": "warning" },
       "tokens": {
         "backgroundColor": {
           "red": 1,
@@ -273,10 +212,7 @@
       }
     },
     {
-      "if": {
-        "priority": "high",
-        "purpose": "warning"
-      },
+      "if": { "priority": "high", "purpose": "warning" },
       "tokens": {
         "backgroundColor": {
           "red": 0.78039,
@@ -287,10 +223,7 @@
       }
     },
     {
-      "if": {
-        "priority": "low",
-        "purpose": "error"
-      },
+      "if": { "priority": "low", "purpose": "error" },
       "tokens": {
         "backgroundColor": {
           "red": 1,
@@ -301,10 +234,7 @@
       }
     },
     {
-      "if": {
-        "priority": "high",
-        "purpose": "error"
-      },
+      "if": { "priority": "high", "purpose": "error" },
       "tokens": {
         "backgroundColor": {
           "red": 0.75686,
@@ -315,10 +245,7 @@
       }
     },
     {
-      "if": {
-        "priority": "low",
-        "purpose": "offer"
-      },
+      "if": { "priority": "low", "purpose": "offer" },
       "tokens": {
         "backgroundColor": {
           "red": 0.95686,
@@ -329,10 +256,7 @@
       }
     },
     {
-      "if": {
-        "priority": "high",
-        "purpose": "offer"
-      },
+      "if": { "priority": "high", "purpose": "offer" },
       "tokens": {
         "backgroundGradient": {
           "type": "linear",
@@ -362,35 +286,15 @@
       }
     },
     {
-      "if": {
-        "inverse": true
-      },
+      "if": { "inverse": true },
       "tokens": {
-        "backgroundColor": {
-          "red": 0,
-          "green": 0,
-          "blue": 0,
-          "alpha": 0
-        },
-        "iconColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        },
-        "textColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        }
+        "backgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
+        "iconColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
+        "textColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 }
       }
     },
     {
-      "if": {
-        "inverse": true,
-        "priority": "low"
-      },
+      "if": { "inverse": true, "priority": "low" },
       "tokens": {
         "backgroundColor": {
           "red": 0.17255,
@@ -401,17 +305,9 @@
       }
     },
     {
-      "if": {
-        "inverse": true,
-        "priority": "high"
-      },
+      "if": { "inverse": true, "priority": "high" },
       "tokens": {
-        "backgroundColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        },
+        "backgroundColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
         "iconColor": {
           "red": 0.17255,
           "green": 0.18039,
@@ -428,19 +324,9 @@
     }
   ],
   "tokens": {
-    "backgroundColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "backgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "backgroundGradient": null,
-    "borderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "borderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "borderRadius": null,
     "borderWidth": null,
     "fontName": "HNforTELUSSA",