@telus-uds/theme-allium 8.0.0 → 8.1.0

package/build/ios/ButtonGroup.json

@@ -18,35 +18,17 @@
   },
   "rules": [
     {
-      "if": {
-        "viewport": ["md", "lg", "xl"]
-      },
-      "tokens": {
-        "gap": 3,
-        "space": 3
-      }
+      "if": { "viewport": ["md", "lg", "xl"] },
+      "tokens": { "gap": 3, "space": 3 }
     },
     {
-      "if": {
-        "viewport": ["xs"],
-        "width": "responsive"
-      },
-      "tokens": {
-        "alignItems": "stretch",
-        "direction": "column"
-      }
+      "if": { "viewport": ["xs"], "width": "responsive" },
+      "tokens": { "alignItems": "stretch", "direction": "column" }
     },
     {
-      "if": {
-        "style": "contained"
-      },
+      "if": { "style": "contained" },
       "tokens": {
-        "backgroundColor": {
-          "red": 0,
-          "green": 0,
-          "blue": 0,
-          "alpha": 0.05
-        },
+        "backgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0.05 },
         "borderRadius": 99,
         "padding": 8,
         "space": 2
@@ -57,19 +39,12 @@
         "style": "contained",
         "viewport": ["xs", "sm", "md", "lg", "xl"]
       },
-      "tokens": {
-        "borderRadius": 28
-      }
+      "tokens": { "borderRadius": 28 }
     }
   ],
   "tokens": {
     "alignItems": "center",
-    "backgroundColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "backgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "borderRadius": 0,
     "direction": "row",
     "fieldSpace": 2,

package/build/ios/ButtonGroupItem.json

@@ -20,10 +20,7 @@
       "values": [true],
       "type": "state"
     },
-    "size": {
-      "type": "variant",
-      "values": ["small"]
-    },
+    "size": { "type": "variant", "values": ["small"] },
     "style": {
       "description": "Configure `style` variant for `ButtonGroupItem`",
       "type": "variant",
@@ -36,28 +33,13 @@
     }
   },
   "rules": [
+    { "if": { "width": "equal" }, "tokens": { "width": "100%" } },
     {
-      "if": {
-        "width": "equal"
-      },
-      "tokens": {
-        "width": "100%"
-      }
+      "if": { "size": "small" },
+      "tokens": { "height": 32, "paddingBottom": 4, "paddingTop": 4 }
     },
     {
-      "if": {
-        "size": "small"
-      },
-      "tokens": {
-        "height": 32,
-        "paddingBottom": 4,
-        "paddingTop": 4
-      }
-    },
-    {
-      "if": {
-        "pressed": true
-      },
+      "if": { "pressed": true },
       "tokens": {
         "backgroundColor": {
           "red": 0.2549,
@@ -71,18 +53,11 @@
           "blue": 0.27843,
           "alpha": 1
         },
-        "color": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        }
+        "color": { "red": 1, "green": 1, "blue": 1, "alpha": 1 }
       }
     },
     {
-      "if": {
-        "selected": true
-      },
+      "if": { "selected": true },
       "tokens": {
         "backgroundColor": {
           "red": 0.29412,
@@ -91,19 +66,11 @@
           "alpha": 1
         },
         "borderWidth": 0,
-        "color": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        }
+        "color": { "red": 1, "green": 1, "blue": 1, "alpha": 1 }
       }
     },
     {
-      "if": {
-        "pressed": true,
-        "selected": true
-      },
+      "if": { "pressed": true, "selected": true },
       "tokens": {
         "backgroundColor": {
           "red": 0.24706,
@@ -114,16 +81,9 @@
       }
     },
     {
-      "if": {
-        "inactive": true
-      },
+      "if": { "inactive": true },
       "tokens": {
-        "backgroundColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        },
+        "backgroundColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
         "borderWidth": 0,
         "color": {
           "red": 0.69804,
@@ -133,39 +93,13 @@
         }
       }
     },
+    { "if": { "iconPosition": "right" }, "tokens": { "iconSpace": 1 } },
+    { "if": { "width": "responsive" }, "tokens": { "width": "100%" } },
     {
-      "if": {
-        "iconPosition": "right"
-      },
+      "if": { "style": "contained" },
       "tokens": {
-        "iconSpace": 1
-      }
-    },
-    {
-      "if": {
-        "width": "responsive"
-      },
-      "tokens": {
-        "width": "100%"
-      }
-    },
-    {
-      "if": {
-        "style": "contained"
-      },
-      "tokens": {
-        "backgroundColor": {
-          "red": 0,
-          "green": 0,
-          "blue": 0,
-          "alpha": 0
-        },
-        "borderColor": {
-          "red": 0,
-          "green": 0,
-          "blue": 0,
-          "alpha": 0
-        },
+        "backgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
+        "borderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
         "borderWidth": 0,
         "height": 40,
         "paddingBottom": 8,
@@ -173,21 +107,11 @@
       }
     },
     {
-      "if": {
-        "size": "small",
-        "style": "contained"
-      },
-      "tokens": {
-        "height": 32,
-        "paddingBottom": 6,
-        "paddingTop": 6
-      }
+      "if": { "size": "small", "style": "contained" },
+      "tokens": { "height": 32, "paddingBottom": 6, "paddingTop": 6 }
     },
     {
-      "if": {
-        "selected": true,
-        "style": "contained"
-      },
+      "if": { "selected": true, "style": "contained" },
       "tokens": {
         "backgroundColor": {
           "red": 0.29412,
@@ -195,60 +119,24 @@
           "blue": 0.42745,
           "alpha": 1
         },
-        "color": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        },
+        "color": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
         "outerBorderWidth": 0
       }
     },
     {
-      "if": {
-        "pressed": true,
-        "style": "contained"
-      },
+      "if": { "pressed": true, "style": "contained" },
       "tokens": {
-        "backgroundColor": {
-          "red": 0,
-          "green": 0,
-          "blue": 0,
-          "alpha": 0.1
-        },
-        "borderColor": {
-          "red": 0,
-          "green": 0,
-          "blue": 0,
-          "alpha": 0
-        },
+        "backgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0.1 },
+        "borderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
         "borderWidth": 0,
-        "color": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        }
+        "color": { "red": 1, "green": 1, "blue": 1, "alpha": 1 }
       }
     },
     {
-      "if": {
-        "inactive": true,
-        "style": "contained"
-      },
+      "if": { "inactive": true, "style": "contained" },
       "tokens": {
-        "backgroundColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        },
-        "borderColor": {
-          "red": 0,
-          "green": 0,
-          "blue": 0,
-          "alpha": 0
-        },
+        "backgroundColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
+        "borderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
         "borderWidth": 0,
         "color": {
           "red": 0.69804,
@@ -261,12 +149,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.69804,
       "green": 0.72549,
@@ -275,12 +158,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": 14,
     "fontWeight": 700,
@@ -290,18 +168,8 @@
     "lineHeight": 1.42857142857,
     "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": 2,
     "outerBorderWidth": 2,
     "paddingBottom": 12,

package/build/ios/Callout.json

@@ -1,47 +1,19 @@
 {
   "appearances": {
-    "rounded": {
-      "type": "variant",
-      "values": [true, false]
-    },
-    "size": {
-      "type": "variant",
-      "values": ["small"]
-    }
+    "rounded": { "type": "variant", "values": [true, false] },
+    "size": { "type": "variant", "values": ["small"] }
   },
   "rules": [
     {
-      "if": {
-        "size": "small"
-      },
-      "tokens": {
-        "paddingBottom": 4,
-        "paddingTop": 4
-      }
+      "if": { "size": "small" },
+      "tokens": { "paddingBottom": 4, "paddingTop": 4 }
     },
-    {
-      "if": {
-        "rounded": true
-      },
-      "tokens": {
-        "borderRadius": 4
-      }
-    }
+    { "if": { "rounded": true }, "tokens": { "borderRadius": 4 } }
   ],
   "tokens": {
-    "background": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0.05
-    },
+    "background": { "red": 0, "green": 0, "blue": 0, "alpha": 0.05 },
     "borderRadius": 0,
-    "color": {
-      "red": 0.29412,
-      "green": 0.15686,
-      "blue": 0.42745,
-      "alpha": 1
-    },
+    "color": { "red": 0.29412, "green": 0.15686, "blue": 0.42745, "alpha": 1 },
     "gap": 16,
     "paddingBottom": 8,
     "paddingLeft": 16,