@telus-uds/theme-allium 8.0.0 → 8.1.0

package/build/android/ExpandCollapseControl.json

@@ -1,18 +1,12 @@
 {
   "appearances": {
-    "compact": {
-      "type": "variant",
-      "values": [true]
-    },
+    "compact": { "type": "variant", "values": [true] },
     "expanded": {
       "description": "Applies when an ExpandCollapse panel is open and the content inside is visible",
       "values": [true, false],
       "type": "state"
     },
-    "mini": {
-      "type": "variant",
-      "values": [true]
-    },
+    "mini": { "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],
@@ -20,18 +14,9 @@
     }
   },
   "rules": [
+    { "if": { "expanded": true }, "tokens": { "icon": "PaletteIconCaretUp" } },
     {
-      "if": {
-        "expanded": true
-      },
-      "tokens": {
-        "icon": "PaletteIconCaretUp"
-      }
-    },
-    {
-      "if": {
-        "compact": true
-      },
+      "if": { "compact": true },
       "tokens": {
         "paddingBottom": 8,
         "paddingLeft": 0,
@@ -40,19 +25,11 @@
       }
     },
     {
-      "if": {
-        "mini": true
-      },
-      "tokens": {
-        "borderWidth": null,
-        "paddingBottom": 0,
-        "paddingTop": 0
-      }
+      "if": { "mini": true },
+      "tokens": { "borderWidth": null, "paddingBottom": 0, "paddingTop": 0 }
     },
     {
-      "if": {
-        "pressed": true
-      },
+      "if": { "pressed": true },
       "tokens": {
         "backgroundColor": {
           "red": 0.8902,
@@ -70,10 +47,7 @@
       }
     },
     {
-      "if": {
-        "mini": true,
-        "pressed": true
-      },
+      "if": { "mini": true, "pressed": true },
       "tokens": {
         "backgroundColor": {
           "red": 0.8902,
@@ -92,30 +66,15 @@
     }
   ],
   "tokens": {
-    "backgroundColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "backgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "borderBottomLeftRadius": 0,
     "borderBottomRightRadius": 0,
-    "borderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "borderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "borderTopLeftRadius": 0,
     "borderTopRightRadius": 0,
     "borderWidth": 1,
     "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,
     "iconPaddingTop": 4,
     "iconPosition": "left",

package/build/android/ExpandCollapseMini.json

@@ -1,7 +1 @@
-{
-  "appearances": {},
-  "rules": [],
-  "tokens": {
-    "borderWidth": 0
-  }
-}
+{ "appearances": {}, "rules": [], "tokens": { "borderWidth": 0 } }

package/build/android/ExpandCollapseMiniControl.json

@@ -10,28 +10,13 @@
       "type": "state",
       "values": [true, false]
     },
-    "size": {
-      "type": "variant",
-      "values": ["micro", "small", "large"]
-    },
-    "style": {
-      "type": "variant",
-      "values": ["subtle", "inverse"]
-    }
+    "size": { "type": "variant", "values": ["micro", "small", "large"] },
+    "style": { "type": "variant", "values": ["subtle", "inverse"] }
   },
   "rules": [
+    { "if": { "expanded": true }, "tokens": { "icon": "PaletteIconCaretUp" } },
     {
-      "if": {
-        "expanded": true
-      },
-      "tokens": {
-        "icon": "PaletteIconCaretUp"
-      }
-    },
-    {
-      "if": {
-        "style": "subtle"
-      },
+      "if": { "style": "subtle" },
       "tokens": {
         "color": {
           "red": 0.2549,
@@ -42,67 +27,27 @@
       }
     },
     {
-      "if": {
-        "style": "inverse"
-      },
-      "tokens": {
-        "color": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        },
-        "iconColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        }
-      }
-    },
-    {
-      "if": {
-        "size": "micro"
-      },
+      "if": { "style": "inverse" },
       "tokens": {
-        "fontSize": 12,
-        "iconSize": 16,
-        "lineHeight": 1.33333333333
+        "color": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
+        "iconColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 }
       }
     },
     {
-      "if": {
-        "size": "small"
-      },
-      "tokens": {
-        "fontSize": 14,
-        "iconSize": 16,
-        "lineHeight": 1.42857142857
-      }
+      "if": { "size": "micro" },
+      "tokens": { "fontSize": 12, "iconSize": 16, "lineHeight": 1.33333333333 }
     },
     {
-      "if": {
-        "size": "large"
-      },
-      "tokens": {
-        "fontSize": 20,
-        "iconSize": 20,
-        "lineHeight": 1.6
-      }
+      "if": { "size": "small" },
+      "tokens": { "fontSize": 14, "iconSize": 16, "lineHeight": 1.42857142857 }
     },
     {
-      "if": {
-        "quiet": true
-      },
-      "tokens": {
-        "textLine": "none"
-      }
+      "if": { "size": "large" },
+      "tokens": { "fontSize": 20, "iconSize": 20, "lineHeight": 1.6 }
     },
+    { "if": { "quiet": true }, "tokens": { "textLine": "none" } },
     {
-      "if": {
-        "quiet": true,
-        "style": "subtle"
-      },
+      "if": { "quiet": true, "style": "subtle" },
       "tokens": {
         "color": {
           "red": 0.2549,
@@ -114,49 +59,21 @@
       }
     },
     {
-      "if": {
-        "quiet": true,
-        "style": "inverse"
-      },
+      "if": { "quiet": true, "style": "inverse" },
       "tokens": {
-        "color": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        },
-        "iconColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        },
+        "color": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
+        "iconColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
         "textLine": "none"
       }
     }
   ],
   "tokens": {
-    "borderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "borderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "borderWidth": 0,
-    "color": {
-      "red": 0.16863,
-      "green": 0.50196,
-      "blue": 0,
-      "alpha": 1
-    },
+    "color": { "red": 0.16863, "green": 0.50196, "blue": 0, "alpha": 1 },
     "fontSize": 16,
     "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,
     "iconPaddingTop": 4,
     "iconPosition": "left",

package/build/android/ExpandCollapsePanel.json

@@ -1,19 +1,11 @@
 {
   "appearances": {
-    "compact": {
-      "type": "variant",
-      "values": [true]
-    },
-    "mini": {
-      "type": "variant",
-      "values": [true]
-    }
+    "compact": { "type": "variant", "values": [true] },
+    "mini": { "type": "variant", "values": [true] }
   },
   "rules": [
     {
-      "if": {
-        "compact": true
-      },
+      "if": { "compact": true },
       "tokens": {
         "contentPaddingBottom": 16,
         "contentPaddingLeft": 24,
@@ -22,9 +14,7 @@
       }
     },
     {
-      "if": {
-        "mini": true
-      },
+      "if": { "mini": true },
       "tokens": {
         "contentPaddingBottom": 0,
         "contentPaddingLeft": 0,
@@ -35,12 +25,7 @@
   ],
   "tokens": {
     "borderBottomWidth": null,
-    "borderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "borderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "borderRadius": 0,
     "borderWidth": 0,
     "collapseDuration": 250,
@@ -54,12 +39,7 @@
       "blue": 0,
       "alpha": 0
     },
-    "contentPanelBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "contentPanelBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "contentPanelBorderWidth": 0,
     "contentPanelFontColor": {
       "red": 0.17255,
@@ -75,12 +55,7 @@
     "contentPanelPaddingLeft": 24,
     "contentPanelPaddingRight": 0,
     "contentPanelPaddingTop": 16,
-    "expandDividerColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "expandDividerColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "expandDividerWidth": 0,
     "expandDuration": 300,
     "marginBottom": 0

package/build/android/Feedback.json

@@ -1,9 +1,6 @@
 {
   "appearances": {
-    "icon": {
-      "type": "variant",
-      "values": [true]
-    },
+    "icon": { "type": "variant", "values": [true] },
     "validation": {
       "description": "Validation states for form inputs",
       "values": ["error", "success", "warning", "feature"],
@@ -12,9 +9,7 @@
   },
   "rules": [
     {
-      "if": {
-        "validation": "success"
-      },
+      "if": { "validation": "success" },
       "tokens": {
         "backgroundColor": {
           "red": 0.95686,
@@ -37,9 +32,7 @@
       }
     },
     {
-      "if": {
-        "validation": "error"
-      },
+      "if": { "validation": "error" },
       "tokens": {
         "backgroundColor": {
           "red": 1,
@@ -62,25 +55,14 @@
       }
     },
     {
-      "if": {
-        "icon": true,
-        "validation": "success"
-      },
+      "if": { "icon": true, "validation": "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": {
-        "icon": true,
-        "validation": "error"
-      },
+      "if": { "icon": true, "validation": "error" },
       "tokens": {
         "icon": "PaletteIconStatusError",
         "iconColor": {
@@ -99,30 +81,15 @@
       "blue": 1,
       "alpha": 1
     },
-    "borderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "borderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "borderRadius": 4,
     "borderWidth": 1,
-    "color": {
-      "red": 0.17255,
-      "green": 0.18039,
-      "blue": 0.18824,
-      "alpha": 1
-    },
+    "color": { "red": 0.17255, "green": 0.18039, "blue": 0.18824, "alpha": 1 },
     "contentFontSize": 16,
     "fontName": "HNforTELUSSA",
     "fontWeight": 400,
     "icon": null,
-    "iconColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "iconColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "iconGap": 8,
     "iconSize": 24,
     "lineHeight": 1.5,

package/build/android/Fieldset.json

@@ -1,15 +1,8 @@
 {
-  "appearances": {
-    "error": {
-      "type": "variant",
-      "values": [true]
-    }
-  },
+  "appearances": { "error": { "type": "variant", "values": [true] } },
   "rules": [
     {
-      "if": {
-        "error": true
-      },
+      "if": { "error": true },
       "tokens": {
         "outlineColor": {
           "red": 0.88235,
@@ -25,12 +18,7 @@
     "borderBottomRightRadius": 0,
     "borderTopLeftRadius": 0,
     "borderTopRightRadius": 0,
-    "outlineColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "outlineColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "outlineOffset": null,
     "outlineWidth": 0,
     "paddingBottom": 0,

package/build/android/FileUpload.json

@@ -2,28 +2,13 @@
   "appearances": {},
   "rules": [],
   "tokens": {
-    "buttonBackgroundColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
-    "buttonBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "buttonBackgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
+    "buttonBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "buttonBorderRadius": null,
     "buttonBorderWidth": null,
     "buttonHeight": null,
     "buttonMinWidth": null,
-    "buttonTextColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "buttonTextColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "buttonWidth": null,
     "notificationBackgroundColor": {
       "red": 0,
@@ -31,12 +16,7 @@
       "blue": 0,
       "alpha": 0
     },
-    "notificationBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "notificationBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "notificationBorderRadius": null,
     "notificationDismissButtonGap": null,
     "notificationDismissIcon": null,
@@ -47,12 +27,7 @@
       "alpha": 0
     },
     "notificationIcon": null,
-    "notificationIconColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "notificationIconColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "notificationIconGap": null,
     "notificationIconSize": null,
     "notificationTextColor": {

package/build/android/Footnote.json

@@ -8,9 +8,7 @@
   },
   "rules": [
     {
-      "if": {
-        "viewport": ["xs"]
-      },
+      "if": { "viewport": ["xs"] },
       "tokens": {
         "footnoteBodyPaddingBottom": 32,
         "footnoteBodyPaddingLeft": 16,
@@ -23,9 +21,7 @@
       }
     },
     {
-      "if": {
-        "viewport": ["md", "lg"]
-      },
+      "if": { "viewport": ["md", "lg"] },
       "tokens": {
         "footnoteBodyPaddingBottom": 40,
         "footnoteBodyPaddingLeft": 16,
@@ -38,9 +34,7 @@
       }
     },
     {
-      "if": {
-        "viewport": ["xl"]
-      },
+      "if": { "viewport": ["xl"] },
       "tokens": {
         "footnoteBodyPaddingBottom": 40,
         "footnoteBodyPaddingLeft": 16,