@telus-uds/theme-allium 8.0.0 → 8.1.0

package/build/android/ProductCard.json

@@ -8,9 +8,7 @@
   },
   "rules": [
     {
-      "if": {
-        "viewport": ["xs", "sm", "md"]
-      },
+      "if": { "viewport": ["xs", "sm", "md"] },
       "tokens": {
         "borderWidth": 0,
         "paddingHorizontal": 24,

package/build/android/Progress.json

@@ -1,9 +1,6 @@
 {
   "appearances": {
-    "size": {
-      "type": "variant",
-      "values": ["mini"]
-    },
+    "size": { "type": "variant", "values": ["mini"] },
     "style": {
       "description": "Configure `style` variant for `Progress`",
       "type": "variant",
@@ -11,55 +8,25 @@
     }
   },
   "rules": [
+    { "if": { "size": "mini" }, "tokens": { "barHeight": 8, "height": 8 } },
     {
-      "if": {
-        "size": "mini"
-      },
-      "tokens": {
-        "barHeight": 8,
-        "height": 8
-      }
-    },
-    {
-      "if": {
-        "style": "inverse"
-      },
+      "if": { "style": "inverse" },
       "tokens": {
-        "backgroundColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 0.1
-        },
-        "borderColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 0.6
-        },
+        "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
-          }
+          "color": { "red": 0, "green": 0, "blue": 0, "alpha": 0.1 }
         }
       }
     }
   ],
   "tokens": {
-    "backgroundColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0.1
-    },
+    "backgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0.1 },
     "barHeight": 16,
     "borderColor": {
       "red": 0.69804,
@@ -76,12 +43,7 @@
       "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 }
     }
   }
 }

package/build/android/ProgressBar.json

@@ -8,9 +8,7 @@
   },
   "rules": [
     {
-      "if": {
-        "style": "inactive"
-      },
+      "if": { "style": "inactive" },
       "tokens": {
         "backgroundColor": {
           "red": 0.69804,
@@ -29,9 +27,7 @@
       }
     },
     {
-      "if": {
-        "style": "negative"
-      },
+      "if": { "style": "negative" },
       "tokens": {
         "backgroundColor": {
           "red": 0.75686,
@@ -50,9 +46,7 @@
       }
     },
     {
-      "if": {
-        "style": "subtle"
-      },
+      "if": { "style": "subtle" },
       "tokens": {
         "backgroundColor": {
           "red": 0.40392,
@@ -70,23 +64,11 @@
       }
     },
     {
-      "if": {
-        "style": "inverse"
-      },
+      "if": { "style": "inverse" },
       "tokens": {
-        "backgroundColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        },
+        "backgroundColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
         "gradient": null,
-        "outlineColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        }
+        "outlineColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 }
       }
     }
   ],
@@ -105,30 +87,15 @@
         {
           "stop": 0,
           "hint": 0.75,
-          "color": {
-            "red": 0,
-            "green": 0.47059,
-            "blue": 0.2902,
-            "alpha": 1
-          }
+          "color": { "red": 0, "green": 0.47059, "blue": 0.2902, "alpha": 1 }
         },
         {
           "stop": 1,
-          "color": {
-            "red": 0.4,
-            "green": 0.8,
-            "blue": 0,
-            "alpha": 1
-          }
+          "color": { "red": 0.4, "green": 0.8, "blue": 0, "alpha": 1 }
         }
       ]
     },
-    "outlineColor": {
-      "red": 0.16863,
-      "green": 0.50196,
-      "blue": 0,
-      "alpha": 1
-    },
+    "outlineColor": { "red": 0.16863, "green": 0.50196, "blue": 0, "alpha": 1 },
     "outlineWidth": 1,
     "shadow": {
       "inset": true,
@@ -136,12 +103,7 @@
       "offsetY": 1,
       "blur": 1,
       "spread": 0,
-      "color": {
-        "red": 1,
-        "green": 1,
-        "blue": 1,
-        "alpha": 0.8
-      }
+      "color": { "red": 1, "green": 1, "blue": 1, "alpha": 0.8 }
     }
   }
 }

package/build/android/QuantitySelector.json

@@ -1,44 +1,19 @@
 {
   "appearances": {
-    "alternative": {
-      "type": "variant",
-      "values": [true]
-    },
-    "disabled": {
-      "type": "variant",
-      "values": [true]
-    },
-    "focus": {
-      "type": "variant",
-      "values": [true]
-    },
-    "hover": {
-      "type": "variant",
-      "values": [true]
-    },
-    "inactive": {
-      "type": "variant",
-      "values": [true]
-    },
-    "pressed": {
-      "type": "variant",
-      "values": [true]
-    }
+    "alternative": { "type": "variant", "values": [true] },
+    "disabled": { "type": "variant", "values": [true] },
+    "focus": { "type": "variant", "values": [true] },
+    "hover": { "type": "variant", "values": [true] },
+    "inactive": { "type": "variant", "values": [true] },
+    "pressed": { "type": "variant", "values": [true] }
   },
   "rules": [
     {
-      "if": {
-        "alternative": true
-      },
-      "tokens": {
-        "paddingBottom": 8,
-        "paddingTop": 8
-      }
+      "if": { "alternative": true },
+      "tokens": { "paddingBottom": 8, "paddingTop": 8 }
     },
     {
-      "if": {
-        "hover": true
-      },
+      "if": { "hover": true },
       "tokens": {
         "inputBackgroundColor": {
           "red": 0.95686,
@@ -49,9 +24,7 @@
       }
     },
     {
-      "if": {
-        "disabled": true
-      },
+      "if": { "disabled": true },
       "tokens": {
         "inputBackgroundColor": {
           "red": 0.98039,
@@ -68,9 +41,7 @@
       }
     },
     {
-      "if": {
-        "pressed": true
-      },
+      "if": { "pressed": true },
       "tokens": {
         "inputBackgroundColor": {
           "red": 0.69804,
@@ -81,9 +52,7 @@
       }
     },
     {
-      "if": {
-        "focus": true
-      },
+      "if": { "focus": true },
       "tokens": {
         "inputBorderColor": {
           "red": 0.40392,
@@ -95,9 +64,7 @@
       }
     },
     {
-      "if": {
-        "disabled": true
-      },
+      "if": { "disabled": true },
       "tokens": {
         "inputBackgroundColor": {
           "red": 0.98039,
@@ -115,9 +82,7 @@
       }
     },
     {
-      "if": {
-        "inactive": true
-      },
+      "if": { "inactive": true },
       "tokens": {
         "inputBackgroundColor": {
           "red": 0.98039,
@@ -143,12 +108,7 @@
   ],
   "tokens": {
     "fontSize": 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,

package/build/android/QuantitySelectorSideButton.json

@@ -1,43 +1,17 @@
 {
   "appearances": {
-    "alternative": {
-      "type": "variant",
-      "values": [true, false]
-    },
-    "decrease": {
-      "type": "variant",
-      "values": [true]
-    },
-    "disabled": {
-      "type": "variant",
-      "values": [true]
-    },
-    "focus": {
-      "type": "variant",
-      "values": [true]
-    },
-    "hover": {
-      "type": "variant",
-      "values": [true]
-    },
-    "inactive": {
-      "type": "variant",
-      "values": [true]
-    },
-    "increase": {
-      "type": "variant",
-      "values": [true]
-    },
-    "pressed": {
-      "type": "variant",
-      "values": [true]
-    }
+    "alternative": { "type": "variant", "values": [true, false] },
+    "decrease": { "type": "variant", "values": [true] },
+    "disabled": { "type": "variant", "values": [true] },
+    "focus": { "type": "variant", "values": [true] },
+    "hover": { "type": "variant", "values": [true] },
+    "inactive": { "type": "variant", "values": [true] },
+    "increase": { "type": "variant", "values": [true] },
+    "pressed": { "type": "variant", "values": [true] }
   },
   "rules": [
     {
-      "if": {
-        "hover": true
-      },
+      "if": { "hover": true },
       "tokens": {
         "backgroundColor": {
           "red": 0.95686,
@@ -48,9 +22,7 @@
       }
     },
     {
-      "if": {
-        "pressed": true
-      },
+      "if": { "pressed": true },
       "tokens": {
         "backgroundColor": {
           "red": 0.69804,
@@ -67,9 +39,7 @@
       }
     },
     {
-      "if": {
-        "decrease": true
-      },
+      "if": { "decrease": true },
       "tokens": {
         "borderBottomLeftRadius": 4,
         "borderRightWidth": 0,
@@ -78,9 +48,7 @@
       }
     },
     {
-      "if": {
-        "increase": true
-      },
+      "if": { "increase": true },
       "tokens": {
         "borderBottomRightRadius": 4,
         "borderLeftWidth": 0,
@@ -89,10 +57,7 @@
       }
     },
     {
-      "if": {
-        "focus": true,
-        "increase": true
-      },
+      "if": { "focus": true, "increase": true },
       "tokens": {
         "borderBottomWidth": 3,
         "borderLeftWidth": 2,
@@ -101,10 +66,7 @@
       }
     },
     {
-      "if": {
-        "decrease": true,
-        "focus": true
-      },
+      "if": { "decrease": true, "focus": true },
       "tokens": {
         "borderBottomWidth": 3,
         "borderLeftWidth": 3,
@@ -113,38 +75,19 @@
       }
     },
     {
-      "if": {
-        "alternative": true
-      },
-      "tokens": {
-        "paddingBottom": 12,
-        "paddingTop": 12
-      }
+      "if": { "alternative": true },
+      "tokens": { "paddingBottom": 12, "paddingTop": 12 }
     },
     {
-      "if": {
-        "alternative": true,
-        "increase": true
-      },
-      "tokens": {
-        "borderBottomRightRadius": 24,
-        "borderTopRightRadius": 24
-      }
+      "if": { "alternative": true, "increase": true },
+      "tokens": { "borderBottomRightRadius": 24, "borderTopRightRadius": 24 }
     },
     {
-      "if": {
-        "alternative": true,
-        "decrease": true
-      },
-      "tokens": {
-        "borderBottomLeftRadius": 24,
-        "borderTopLeftRadius": 24
-      }
+      "if": { "alternative": true, "decrease": true },
+      "tokens": { "borderBottomLeftRadius": 24, "borderTopLeftRadius": 24 }
     },
     {
-      "if": {
-        "disabled": true
-      },
+      "if": { "disabled": true },
       "tokens": {
         "backgroundColor": {
           "red": 0.98039,
@@ -162,9 +105,7 @@
       }
     },
     {
-      "if": {
-        "inactive": true
-      },
+      "if": { "inactive": true },
       "tokens": {
         "backgroundColor": {
           "red": 0.98039,
@@ -188,12 +129,7 @@
     }
   ],
   "tokens": {
-    "backgroundColor": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
-      "alpha": 1
-    },
+    "backgroundColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
     "borderBottomLeftRadius": 0,
     "borderBottomRightRadius": 0,
     "borderBottomWidth": 1,

package/build/android/QuickLinks.json

@@ -8,14 +8,8 @@
   },
   "rules": [
     {
-      "if": {
-        "viewport": ["md", "lg", "xl"]
-      },
-      "tokens": {
-        "card": false,
-        "dividers": true,
-        "list": false
-      }
+      "if": { "viewport": ["md", "lg", "xl"] },
+      "tokens": { "card": false, "dividers": true, "list": false }
     }
   ],
   "tokens": {

package/build/android/QuickLinksButton.json

@@ -8,9 +8,7 @@
   },
   "rules": [
     {
-      "if": {
-        "pressed": true
-      },
+      "if": { "pressed": true },
       "tokens": {
         "backgroundColor": {
           "red": 0.69804,
@@ -30,12 +28,7 @@
   ],
   "tokens": {
     "alignSelf": "flex-start",
-    "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,
@@ -44,12 +37,7 @@
     },
     "borderRadius": 32,
     "borderWidth": 1,
-    "color": {
-      "red": 0.40392,
-      "green": 0.43137,
-      "blue": 0.45098,
-      "alpha": 1
-    },
+    "color": { "red": 0.40392, "green": 0.43137, "blue": 0.45098, "alpha": 1 },
     "fontName": "HNforTELUSSA",
     "fontSize": 16,
     "fontWeight": 700,
@@ -65,18 +53,8 @@
     "lineHeight": 1.5,
     "minWidth": 144,
     "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": 2,
     "outerBorderWidth": 2,
     "paddingBottom": 12,

package/build/android/QuickLinksCard.json

@@ -2,12 +2,7 @@
   "appearances": {},
   "rules": [],
   "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,

package/build/android/QuickLinksFeature.json

@@ -6,19 +6,6 @@
       "type": "state"
     }
   },
-  "rules": [
-    {
-      "if": {
-        "viewport": "xs"
-      },
-      "tokens": {
-        "stackSpace": 4
-      }
-    }
-  ],
-  "tokens": {
-    "stackGap": 5,
-    "stackJustify": "center",
-    "stackSpace": 5
-  }
+  "rules": [{ "if": { "viewport": "xs" }, "tokens": { "stackSpace": 4 } }],
+  "tokens": { "stackGap": 5, "stackJustify": "center", "stackSpace": 5 }
 }

package/build/android/QuickLinksFeatureItem.json

@@ -13,18 +13,11 @@
   },
   "rules": [
     {
-      "if": {
-        "viewport": "xl"
-      },
-      "tokens": {
-        "contentMaxDimension": 184,
-        "imageDimension": 168
-      }
+      "if": { "viewport": "xl" },
+      "tokens": { "contentMaxDimension": 184, "imageDimension": 168 }
     },
     {
-      "if": {
-        "pressed": true
-      },
+      "if": { "pressed": true },
       "tokens": {
         "color": {
           "red": 0.12157,
@@ -37,12 +30,7 @@
     }
   ],
   "tokens": {
-    "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": "center",
     "contentDirection": "column",
     "contentMaxDimension": 168,
@@ -52,12 +40,7 @@
     "fontWeight": 700,
     "gap": 5,
     "imageDimension": 128,
-    "outerBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "outerBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "textAlign": "center",
     "textLine": "none"
   }

package/build/android/QuickLinksList.json

@@ -8,9 +8,7 @@
   },
   "rules": [
     {
-      "if": {
-        "pressed": true
-      },
+      "if": { "pressed": true },
       "tokens": {
         "backgroundColor": {
           "red": 0.69804,
@@ -41,12 +39,7 @@
     }
   ],
   "tokens": {
-    "backgroundColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "backgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "dividerColor": {
       "red": 0.40392,
       "green": 0.43137,