@telus-uds/theme-allium 8.0.0-beta.1 → 8.1.0

package/build/android/Notification.json

@@ -4,10 +4,7 @@
       "type": "variant",
       "values": ["system", "success", "warning", "error", "subtle"]
     },
-    "system": {
-      "values": [true],
-      "type": "state"
-    },
+    "system": { "values": [true], "type": "state" },
     "validation": {
       "description": "Validation states for form inputs",
       "values": ["error", "success", "warning", "feature"],
@@ -21,9 +18,7 @@
   },
   "rules": [
     {
-      "if": {
-        "system": true
-      },
+      "if": { "system": true },
       "tokens": {
         "borderLeftWidth": 0,
         "borderRadius": 0,
@@ -33,9 +28,7 @@
       }
     },
     {
-      "if": {
-        "style": "system"
-      },
+      "if": { "style": "system" },
       "tokens": {
         "borderLeftWidth": 0,
         "borderRadius": 0,
@@ -45,9 +38,7 @@
       }
     },
     {
-      "if": {
-        "style": "subtle"
-      },
+      "if": { "style": "subtle" },
       "tokens": {
         "borderBottomWidth": 0,
         "borderLeftWidth": 0,
@@ -58,9 +49,7 @@
       }
     },
     {
-      "if": {
-        "style": "success"
-      },
+      "if": { "style": "success" },
       "tokens": {
         "backgroundColor": {
           "red": 0.95686,
@@ -75,18 +64,11 @@
           "alpha": 1
         },
         "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": {
-        "validation": "success"
-      },
+      "if": { "validation": "success" },
       "tokens": {
         "backgroundColor": {
           "red": 0.95686,
@@ -101,18 +83,11 @@
           "alpha": 1
         },
         "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": {
-        "style": "warning"
-      },
+      "if": { "style": "warning" },
       "tokens": {
         "backgroundColor": {
           "red": 1,
@@ -137,9 +112,7 @@
       }
     },
     {
-      "if": {
-        "validation": "warning"
-      },
+      "if": { "validation": "warning" },
       "tokens": {
         "backgroundColor": {
           "red": 1,
@@ -164,9 +137,7 @@
       }
     },
     {
-      "if": {
-        "style": "error"
-      },
+      "if": { "style": "error" },
       "tokens": {
         "backgroundColor": {
           "red": 1,
@@ -191,9 +162,7 @@
       }
     },
     {
-      "if": {
-        "validation": "error"
-      },
+      "if": { "validation": "error" },
       "tokens": {
         "backgroundColor": {
           "red": 1,
@@ -218,9 +187,7 @@
       }
     },
     {
-      "if": {
-        "validation": "feature"
-      },
+      "if": { "validation": "feature" },
       "tokens": {
         "backgroundColor": {
           "red": 0.29412,
@@ -228,26 +195,11 @@
           "blue": 0.42745,
           "alpha": 1
         },
-        "borderColor": {
-          "red": 0,
-          "green": 0,
-          "blue": 0,
-          "alpha": 0
-        },
-        "color": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        },
+        "borderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
+        "color": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
         "dismissIcon": null,
         "icon": "PaletteIconTagFilled",
-        "iconColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        }
+        "iconColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 }
       }
     }
   ],
@@ -269,12 +221,7 @@
     "borderRadius": 6,
     "borderRightWidth": 1,
     "borderTopWidth": 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 },
     "containerPaddingLeft": 0,
     "containerPaddingRight": 0,
     "dismissButtonGap": 24,

package/build/android/OrderedList.json

@@ -13,48 +13,21 @@
   },
   "rules": [
     {
-      "if": {
-        "size": "large"
-      },
-      "tokens": {
-        "itemFontSize": 20,
-        "itemLineHeight": 1.6
-      }
+      "if": { "size": "large" },
+      "tokens": { "itemFontSize": 20, "itemLineHeight": 1.6 }
     },
     {
-      "if": {
-        "size": "small"
-      },
-      "tokens": {
-        "itemFontSize": 14,
-        "itemLineHeight": 1.42857142857
-      }
+      "if": { "size": "small" },
+      "tokens": { "itemFontSize": 14, "itemLineHeight": 1.42857142857 }
     },
+    { "if": { "compact": true }, "tokens": { "itemLineHeight": 1.25 } },
     {
-      "if": {
-        "compact": true
-      },
-      "tokens": {
-        "itemLineHeight": 1.25
-      }
+      "if": { "compact": true, "size": "small" },
+      "tokens": { "itemLineHeight": 1.14285714286 }
     },
     {
-      "if": {
-        "compact": true,
-        "size": "small"
-      },
-      "tokens": {
-        "itemLineHeight": 1.14285714286
-      }
-    },
-    {
-      "if": {
-        "compact": true,
-        "size": "large"
-      },
-      "tokens": {
-        "itemLineHeight": 1.2
-      }
+      "if": { "compact": true, "size": "large" },
+      "tokens": { "itemLineHeight": 1.2 }
     }
   ],
   "tokens": {
@@ -65,12 +38,7 @@
     "itemBulletHeight": 4,
     "itemBulletTextAlign": "right",
     "itemBulletWidth": 4,
-    "itemColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "itemColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "itemFontName": "HNforTELUSSA",
     "itemFontSize": 16,
     "itemFontWeight": 400,

package/build/android/Pagination.json

@@ -8,12 +8,8 @@
   },
   "rules": [
     {
-      "if": {
-        "viewport": ["md", "lg", "xl"]
-      },
-      "tokens": {
-        "truncateAbove": 6
-      }
+      "if": { "viewport": ["md", "lg", "xl"] },
+      "tokens": { "truncateAbove": 6 }
     }
   ],
   "tokens": {
@@ -27,12 +23,7 @@
     "borderLeftWidth": 0,
     "borderRightWidth": 0,
     "borderTopWidth": 0,
-    "color": {
-      "red": 0.40392,
-      "green": 0.43137,
-      "blue": 0.45098,
-      "alpha": 1
-    },
+    "color": { "red": 0.40392, "green": 0.43137, "blue": 0.45098, "alpha": 1 },
     "ellipsisBorderBottomWidth": 0,
     "ellipsisBorderLeftWidth": 0,
     "ellipsisBorderRightWidth": 0,

package/build/android/PaginationPageButton.json

@@ -13,9 +13,7 @@
   },
   "rules": [
     {
-      "if": {
-        "selected": true
-      },
+      "if": { "selected": true },
       "tokens": {
         "backgroundColor": {
           "red": 0.40392,
@@ -23,19 +21,12 @@
           "blue": 0.45098,
           "alpha": 1
         },
-        "color": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        },
+        "color": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
         "textLine": "none"
       }
     },
     {
-      "if": {
-        "pressed": true
-      },
+      "if": { "pressed": true },
       "tokens": {
         "backgroundColor": {
           "red": 0.40392,
@@ -43,50 +34,25 @@
           "blue": 0.45098,
           "alpha": 1
         },
-        "color": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        }
+        "color": { "red": 1, "green": 1, "blue": 1, "alpha": 1 }
       }
     }
   ],
   "tokens": {
-    "backgroundColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "backgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "borderBottomWidth": 1,
-    "borderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "borderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "borderLeftWidth": 1,
     "borderRadius": 32,
     "borderRightWidth": 1,
     "borderTopWidth": 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": 400,
     "height": 32,
     "lineHeight": 1.5,
-    "outerBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "outerBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "outerBorderGap": 4,
     "outerBorderWidth": 4,
     "paddingBottom": 4,

package/build/android/PaginationSideButton.json

@@ -27,18 +27,9 @@
     }
   },
   "rules": [
+    { "if": { "compact": true }, "tokens": { "displayLabel": false } },
     {
-      "if": {
-        "compact": true
-      },
-      "tokens": {
-        "displayLabel": false
-      }
-    },
-    {
-      "if": {
-        "viewport": ["xs", "sm"]
-      },
+      "if": { "viewport": ["xs", "sm"] },
       "tokens": {
         "borderRadius": 32,
         "displayLabel": false,
@@ -48,9 +39,7 @@
       }
     },
     {
-      "if": {
-        "selected": true
-      },
+      "if": { "selected": true },
       "tokens": {
         "backgroundColor": {
           "red": 0.40392,
@@ -58,19 +47,12 @@
           "blue": 0.45098,
           "alpha": 1
         },
-        "color": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        },
+        "color": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
         "textLine": "none"
       }
     },
     {
-      "if": {
-        "pressed": true
-      },
+      "if": { "pressed": true },
       "tokens": {
         "backgroundColor": {
           "red": 0.40392,
@@ -78,55 +60,27 @@
           "blue": 0.45098,
           "alpha": 1
         },
-        "color": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        }
+        "color": { "red": 1, "green": 1, "blue": 1, "alpha": 1 }
       }
     },
     {
-      "if": {
-        "direction": "previous"
-      },
-      "tokens": {
-        "icon": "PaletteIconArrowLeft"
-      }
+      "if": { "direction": "previous" },
+      "tokens": { "icon": "PaletteIconArrowLeft" }
     },
     {
-      "if": {
-        "direction": "next"
-      },
-      "tokens": {
-        "icon": "PaletteIconArrowRight"
-      }
+      "if": { "direction": "next" },
+      "tokens": { "icon": "PaletteIconArrowRight" }
     }
   ],
   "tokens": {
-    "backgroundColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "backgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "borderBottomWidth": 0,
-    "borderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "borderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "borderLeftWidth": 0,
     "borderRadius": 4,
     "borderRightWidth": 0,
     "borderTopWidth": 0,
-    "color": {
-      "red": 0.40392,
-      "green": 0.43137,
-      "blue": 0.45098,
-      "alpha": 1
-    },
+    "color": { "red": 0.40392, "green": 0.43137, "blue": 0.45098, "alpha": 1 },
     "displayLabel": true,
     "fontName": "HNforTELUSSA",
     "fontSize": 16,
@@ -136,12 +90,7 @@
     "iconDisplace": 0,
     "iconSize": 24,
     "lineHeight": 1.5,
-    "outerBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "outerBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "outerBorderWidth": 1,
     "paddingBottom": 4,
     "paddingLeft": 8,

package/build/android/PreviewCard.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.8902,
       "green": 0.90196,
@@ -17,12 +12,7 @@
     "borderRadius": 6,
     "borderWidth": 1,
     "flex": 1,
-    "outerBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "outerBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "outerBorderGap": 0,
     "outerBorderWidth": 0,
     "paddingBottom": 0,

package/build/android/PriceLockup.json

@@ -1,21 +1,12 @@
 {
   "appearances": {
-    "price": {
-      "type": "variant",
-      "values": ["default", "baseline"]
-    },
+    "price": { "type": "variant", "values": ["default", "baseline"] },
     "size": {
       "type": "variant",
       "values": ["micro", "small", "medium", "large"]
     },
-    "strikeThrough": {
-      "type": "variant",
-      "values": [true]
-    },
-    "style": {
-      "type": "variant",
-      "values": ["inverse"]
-    },
+    "strikeThrough": { "type": "variant", "values": [true] },
+    "style": { "type": "variant", "values": ["inverse"] },
     "viewport": {
       "description": "The size label for the current screen viewport based on the current screen width",
       "values": ["xs", "sm", "md", "lg", "xl"],
@@ -24,9 +15,7 @@
   },
   "rules": [
     {
-      "if": {
-        "size": "micro"
-      },
+      "if": { "size": "micro" },
       "tokens": {
         "amountFontSize": 28,
         "bottomTextFontSize": 14,
@@ -43,9 +32,7 @@
       }
     },
     {
-      "if": {
-        "size": "small"
-      },
+      "if": { "size": "small" },
       "tokens": {
         "amountFontSize": 28,
         "bottomTextFontSize": 14,
@@ -62,9 +49,7 @@
       }
     },
     {
-      "if": {
-        "size": "large"
-      },
+      "if": { "size": "large" },
       "tokens": {
         "amountFontSize": 64,
         "bottomTextFontSize": 16,
@@ -82,10 +67,7 @@
       }
     },
     {
-      "if": {
-        "size": "large",
-        "viewport": ["lg", "xl"]
-      },
+      "if": { "size": "large", "viewport": ["lg", "xl"] },
       "tokens": {
         "bottomTextFontSize": 20,
         "bottomTextLineHeight": 1.6,
@@ -94,9 +76,7 @@
       }
     },
     {
-      "if": {
-        "strikeThrough": true
-      },
+      "if": { "strikeThrough": true },
       "tokens": {
         "fontColor": {
           "red": 0.40392,
@@ -113,9 +93,7 @@
       }
     },
     {
-      "if": {
-        "price": "baseline"
-      },
+      "if": { "price": "baseline" },
       "tokens": {
         "centsFontName": "HNforTELUSSA",
         "centsFontSize": 40,
@@ -124,10 +102,7 @@
       }
     },
     {
-      "if": {
-        "price": "baseline",
-        "size": "micro"
-      },
+      "if": { "price": "baseline", "size": "micro" },
       "tokens": {
         "centsFontName": "HNforTELUSSA",
         "centsFontSize": 28,
@@ -136,10 +111,7 @@
       }
     },
     {
-      "if": {
-        "price": "baseline",
-        "size": "small"
-      },
+      "if": { "price": "baseline", "size": "small" },
       "tokens": {
         "centsFontName": "HNforTELUSSA",
         "centsFontSize": 28,
@@ -148,10 +120,7 @@
       }
     },
     {
-      "if": {
-        "price": "baseline",
-        "size": "large"
-      },
+      "if": { "price": "baseline", "size": "large" },
       "tokens": {
         "centsFontName": "HNforTELUSSA",
         "centsFontSize": 64,
@@ -160,34 +129,12 @@
       }
     },
     {
-      "if": {
-        "style": "inverse"
-      },
+      "if": { "style": "inverse" },
       "tokens": {
-        "dividerColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        },
-        "fontColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        },
-        "footnoteLinkColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        },
-        "strikeThroughColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        }
+        "dividerColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
+        "fontColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
+        "footnoteLinkColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
+        "strikeThroughColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 }
       }
     }
   ],