@telus-uds/theme-allium 8.0.0 → 8.1.0

package/build/android/Listbox.json

@@ -20,20 +20,12 @@
       "values": [true, false],
       "type": "state"
     },
-    "secondLevel": {
-      "type": "variant",
-      "values": [true]
-    },
-    "style": {
-      "type": "variant",
-      "values": ["default", "lightest", "light"]
-    }
+    "secondLevel": { "type": "variant", "values": [true] },
+    "style": { "type": "variant", "values": ["default", "lightest", "light"] }
   },
   "rules": [
     {
-      "if": {
-        "style": "default"
-      },
+      "if": { "style": "default" },
       "tokens": {
         "containerBackgroundColor": {
           "red": 0,
@@ -44,9 +36,7 @@
       }
     },
     {
-      "if": {
-        "style": "lightest"
-      },
+      "if": { "style": "lightest" },
       "tokens": {
         "containerBackgroundColor": {
           "red": 1,
@@ -57,9 +47,7 @@
       }
     },
     {
-      "if": {
-        "style": "light"
-      },
+      "if": { "style": "light" },
       "tokens": {
         "containerBackgroundColor": {
           "red": 0.95686,
@@ -70,9 +58,7 @@
       }
     },
     {
-      "if": {
-        "pressed": true
-      },
+      "if": { "pressed": true },
       "tokens": {
         "groupBackgroundColor": {
           "red": 0,
@@ -101,9 +87,7 @@
       }
     },
     {
-      "if": {
-        "current": true
-      },
+      "if": { "current": true },
       "tokens": {
         "groupBackgroundColor": {
           "red": 0,
@@ -136,9 +120,7 @@
       }
     },
     {
-      "if": {
-        "expanded": true
-      },
+      "if": { "expanded": true },
       "tokens": {
         "groupBackgroundColor": {
           "red": 0,
@@ -172,10 +154,7 @@
       }
     },
     {
-      "if": {
-        "current": true,
-        "pressed": true
-      },
+      "if": { "current": true, "pressed": true },
       "tokens": {
         "groupBackgroundColor": {
           "red": 0,
@@ -208,10 +187,7 @@
       }
     },
     {
-      "if": {
-        "expanded": true,
-        "pressed": true
-      },
+      "if": { "expanded": true, "pressed": true },
       "tokens": {
         "groupBackgroundColor": {
           "red": 0,
@@ -244,9 +220,7 @@
       }
     },
     {
-      "if": {
-        "secondLevel": true
-      },
+      "if": { "secondLevel": true },
       "tokens": {
         "groupBorderBottomColor": {
           "red": 0,
@@ -255,12 +229,7 @@
           "alpha": 0
         },
         "groupBorderBottomWidth": 0,
-        "groupBorderLeftColor": {
-          "red": 0,
-          "green": 0,
-          "blue": 0,
-          "alpha": 0
-        },
+        "groupBorderLeftColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
         "groupBorderLeftWidth": 0,
         "groupBorderRightColor": {
           "red": 0,
@@ -269,12 +238,7 @@
           "alpha": 0
         },
         "groupBorderRightWidth": 0,
-        "groupBorderTopColor": {
-          "red": 0,
-          "green": 0,
-          "blue": 0,
-          "alpha": 0
-        },
+        "groupBorderTopColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
         "groupBorderTopWidth": 0,
         "itemBorderBottomColor": {
           "red": 0,
@@ -283,33 +247,16 @@
           "alpha": 0
         },
         "itemBorderBottomWidth": 0,
-        "itemBorderLeftColor": {
-          "red": 0,
-          "green": 0,
-          "blue": 0,
-          "alpha": 0
-        },
+        "itemBorderLeftColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
         "itemBorderLeftWidth": 0,
-        "itemBorderRightColor": {
-          "red": 0,
-          "green": 0,
-          "blue": 0,
-          "alpha": 0
-        },
+        "itemBorderRightColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
         "itemBorderRightWidth": 0,
-        "itemBorderTopColor": {
-          "red": 0,
-          "green": 0,
-          "blue": 0,
-          "alpha": 0
-        },
+        "itemBorderTopColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
         "itemBorderTopWidth": 0
       }
     },
     {
-      "if": {
-        "secondLevel": true
-      },
+      "if": { "secondLevel": true },
       "tokens": {
         "groupIcon": "PaletteIconChevronRight",
         "secondLevelParentIcon": "PaletteIconChevronRight"
@@ -318,46 +265,16 @@
   ],
   "tokens": {
     "borderRadius": 6,
-    "containerBackgroundColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
-    "groupBackgroundColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
-    "groupBorderBottomColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "containerBackgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
+    "groupBackgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
+    "groupBorderBottomColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "groupBorderBottomWidth": 0,
-    "groupBorderLeftColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "groupBorderLeftColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "groupBorderLeftWidth": 0,
     "groupBorderRadius": 0,
-    "groupBorderRightColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "groupBorderRightColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "groupBorderRightWidth": 0,
-    "groupBorderTopColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "groupBorderTopColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "groupBorderTopWidth": 0,
     "groupColor": {
       "red": 0.2549,
@@ -374,40 +291,15 @@
     "groupPaddingLeft": 16,
     "groupPaddingRight": 16,
     "groupPaddingTop": 12,
-    "itemBackgroundColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
-    "itemBorderBottomColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "itemBackgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
+    "itemBorderBottomColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "itemBorderBottomWidth": 1,
-    "itemBorderLeftColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "itemBorderLeftColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "itemBorderLeftWidth": 1,
     "itemBorderRadius": 0,
-    "itemBorderRightColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "itemBorderRightColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "itemBorderRightWidth": 1,
-    "itemBorderTopColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "itemBorderTopColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "itemBorderTopWidth": 1,
     "itemBorderWidth": 1,
     "itemColor": {
@@ -475,12 +367,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/Modal.json

@@ -18,9 +18,7 @@
   },
   "rules": [
     {
-      "if": {
-        "viewport": ["xs", "sm"]
-      },
+      "if": { "viewport": ["xs", "sm"] },
       "tokens": {
         "direction": "column",
         "height": "100%",
@@ -33,9 +31,7 @@
       }
     },
     {
-      "if": {
-        "viewport": ["md", "lg", "xl"]
-      },
+      "if": { "viewport": ["md", "lg", "xl"] },
       "tokens": {
         "containerPaddingBottom": 32,
         "containerPaddingTop": 32,
@@ -44,10 +40,7 @@
       }
     },
     {
-      "if": {
-        "viewport": ["md", "lg", "xl"],
-        "width": "s"
-      },
+      "if": { "viewport": ["md", "lg", "xl"], "width": "s" },
       "tokens": {
         "containerPaddingBottom": 32,
         "containerPaddingTop": 32,
@@ -55,10 +48,7 @@
       }
     },
     {
-      "if": {
-        "viewport": ["md", "lg", "xl"],
-        "width": "m"
-      },
+      "if": { "viewport": ["md", "lg", "xl"], "width": "m" },
       "tokens": {
         "containerPaddingBottom": 32,
         "containerPaddingTop": 32,
@@ -66,10 +56,7 @@
       }
     },
     {
-      "if": {
-        "viewport": ["lg", "xl"],
-        "width": "l"
-      },
+      "if": { "viewport": ["lg", "xl"], "width": "l" },
       "tokens": {
         "containerPaddingBottom": 32,
         "containerPaddingTop": 32,
@@ -77,10 +64,7 @@
       }
     },
     {
-      "if": {
-        "viewport": "xl",
-        "width": "xl"
-      },
+      "if": { "viewport": "xl", "width": "xl" },
       "tokens": {
         "containerPaddingBottom": 32,
         "containerPaddingTop": 32,
@@ -88,10 +72,7 @@
       }
     },
     {
-      "if": {
-        "maxWidth": true,
-        "viewport": "md"
-      },
+      "if": { "maxWidth": true, "viewport": "md" },
       "tokens": {
         "containerPaddingLeft": 16,
         "containerPaddingRight": 16,
@@ -99,10 +80,7 @@
       }
     },
     {
-      "if": {
-        "maxWidth": true,
-        "viewport": "lg"
-      },
+      "if": { "maxWidth": true, "viewport": "lg" },
       "tokens": {
         "containerPaddingLeft": 16,
         "containerPaddingRight": 16,
@@ -110,10 +88,7 @@
       }
     },
     {
-      "if": {
-        "maxWidth": true,
-        "viewport": "xl"
-      },
+      "if": { "maxWidth": true, "viewport": "xl" },
       "tokens": {
         "containerPaddingLeft": 16,
         "containerPaddingRight": 16,
@@ -129,12 +104,7 @@
       "alpha": 0.97
     },
     "backdropOpacity": 1,
-    "backgroundColor": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
-      "alpha": 1
-    },
+    "backgroundColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
     "borderColor": {
       "red": 0.8902,
       "green": 0.90196,
@@ -190,12 +160,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 }
     },
     "subHeadingMarginTop": 8
   }

package/build/android/MultiSelectFilter.json

@@ -10,10 +10,7 @@
       "values": [true],
       "type": "state"
     },
-    "selected": {
-      "type": "state",
-      "values": [true]
-    },
+    "selected": { "type": "state", "values": [true] },
     "viewport": {
       "description": "The size label for the current screen viewport based on the current screen width",
       "values": ["xs", "sm", "md", "lg", "xl"],
@@ -22,9 +19,7 @@
   },
   "rules": [
     {
-      "if": {
-        "viewport": ["xs"]
-      },
+      "if": { "viewport": ["xs"] },
       "tokens": {
         "buttonDirection": "column",
         "minHeight": "100%",
@@ -32,27 +27,15 @@
       }
     },
     {
-      "if": {
-        "maxHeight": true,
-        "viewport": ["sm", "md", "lg", "xl"]
-      },
-      "tokens": {
-        "maxHeightSize": 480
-      }
+      "if": { "maxHeight": true, "viewport": ["sm", "md", "lg", "xl"] },
+      "tokens": { "maxHeightSize": 480 }
     },
     {
-      "if": {
-        "maxWidth": true,
-        "viewport": ["sm", "md", "lg", "xl"]
-      },
-      "tokens": {
-        "maxWidthSize": 544
-      }
+      "if": { "maxWidth": true, "viewport": ["sm", "md", "lg", "xl"] },
+      "tokens": { "maxWidthSize": 544 }
     },
     {
-      "if": {
-        "selected": true
-      },
+      "if": { "selected": true },
       "tokens": {
         "buttonIconBackgroundColor": {
           "red": 0.95686,
@@ -70,12 +53,7 @@
     }
   ],
   "tokens": {
-    "buttonBackgroundColor": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
-      "alpha": 1
-    },
+    "buttonBackgroundColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
     "buttonBackgroundColorSelected": {
       "red": 1,
       "green": 1,

package/build/android/NavigationBar.json

@@ -23,9 +23,7 @@
   },
   "rules": [
     {
-      "if": {
-        "selected": true
-      },
+      "if": { "selected": true },
       "tokens": {
         "backgroundColor": {
           "red": 0.95686,
@@ -50,9 +48,7 @@
       }
     },
     {
-      "if": {
-        "pressed": true
-      },
+      "if": { "pressed": true },
       "tokens": {
         "backgroundColor": {
           "red": 0.8902,
@@ -76,45 +72,21 @@
       }
     },
     {
-      "if": {
-        "viewport": ["xs", "sm", "md"]
-      },
-      "tokens": {
-        "textAlign": "space-between",
-        "width": 288
-      }
+      "if": { "viewport": ["xs", "sm", "md"] },
+      "tokens": { "textAlign": "space-between", "width": 288 }
     },
     {
-      "if": {
-        "expanded": true
-      },
-      "tokens": {
-        "icoMenu": "PaletteIconCaretUp"
-      }
+      "if": { "expanded": true },
+      "tokens": { "icoMenu": "PaletteIconCaretUp" }
     }
   ],
   "tokens": {
     "alignSelf": "flex-start",
-    "backgroundColor": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
-      "alpha": 1
-    },
-    "borderColor": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
-      "alpha": 1
-    },
+    "backgroundColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
+    "borderColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
     "borderRadius": 32,
     "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": 14,
     "fontWeight": 400,
@@ -122,18 +94,8 @@
     "lineHeight": 1.14285714286,
     "minWidth": 0,
     "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,
     "outerBorderWidth": 1,
     "paddingBottom": 8,