@telus-uds/theme-allium 8.0.0 → 8.1.0

package/build/ios/Typography.json

@@ -66,9 +66,7 @@
   },
   "rules": [
     {
-      "if": {
-        "size": ["display1", "display2", "h1", "h2", "h3"]
-      },
+      "if": { "size": ["display1", "display2", "h1", "h2", "h3"] },
       "tokens": {
         "color": {
           "red": 0.29412,
@@ -93,10 +91,7 @@
       }
     },
     {
-      "if": {
-        "colour": "light",
-        "size": "h6"
-      },
+      "if": { "colour": "light", "size": "h6" },
       "tokens": {
         "color": {
           "red": 0.40392,
@@ -107,10 +102,7 @@
       }
     },
     {
-      "if": {
-        "colour": "dark",
-        "size": "eyebrow"
-      },
+      "if": { "colour": "dark", "size": "eyebrow" },
       "tokens": {
         "color": {
           "red": 0.48627,
@@ -121,22 +113,11 @@
       }
     },
     {
-      "if": {
-        "inverse": true
-      },
-      "tokens": {
-        "color": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        }
-      }
+      "if": { "inverse": true },
+      "tokens": { "color": { "red": 1, "green": 1, "blue": 1, "alpha": 1 } }
     },
     {
-      "if": {
-        "size": "display1"
-      },
+      "if": { "size": "display1" },
       "tokens": {
         "fontName": "HNforTELUSSA",
         "fontSize": 40,
@@ -147,10 +128,7 @@
       }
     },
     {
-      "if": {
-        "size": "display1",
-        "viewport": ["lg", "xl"]
-      },
+      "if": { "size": "display1", "viewport": ["lg", "xl"] },
       "tokens": {
         "fontName": "HNforTELUSSA",
         "fontSize": 64,
@@ -160,9 +138,7 @@
       }
     },
     {
-      "if": {
-        "size": "display2"
-      },
+      "if": { "size": "display2" },
       "tokens": {
         "fontName": "HNforTELUSSA",
         "fontSize": 36,
@@ -173,10 +149,7 @@
       }
     },
     {
-      "if": {
-        "size": "display2",
-        "viewport": ["lg", "xl"]
-      },
+      "if": { "size": "display2", "viewport": ["lg", "xl"] },
       "tokens": {
         "fontName": "HNforTELUSSA",
         "fontSize": 56,
@@ -186,9 +159,7 @@
       }
     },
     {
-      "if": {
-        "size": "h1"
-      },
+      "if": { "size": "h1" },
       "tokens": {
         "fontName": "HNforTELUSSA",
         "fontSize": 28,
@@ -199,10 +170,7 @@
       }
     },
     {
-      "if": {
-        "size": "h1",
-        "viewport": ["lg", "xl"]
-      },
+      "if": { "size": "h1", "viewport": ["lg", "xl"] },
       "tokens": {
         "fontName": "HNforTELUSSA",
         "fontSize": 40,
@@ -213,9 +181,7 @@
       }
     },
     {
-      "if": {
-        "size": "h2"
-      },
+      "if": { "size": "h2" },
       "tokens": {
         "fontName": "HNforTELUSSA",
         "fontSize": 24,
@@ -226,10 +192,7 @@
       }
     },
     {
-      "if": {
-        "size": "h2",
-        "viewport": ["lg", "xl"]
-      },
+      "if": { "size": "h2", "viewport": ["lg", "xl"] },
       "tokens": {
         "fontName": "HNforTELUSSA",
         "fontSize": 28,
@@ -240,9 +203,7 @@
       }
     },
     {
-      "if": {
-        "size": "h3"
-      },
+      "if": { "size": "h3" },
       "tokens": {
         "fontName": "HNforTELUSSA",
         "fontSize": 20,
@@ -253,9 +214,7 @@
       }
     },
     {
-      "if": {
-        "size": "h4"
-      },
+      "if": { "size": "h4" },
       "tokens": {
         "fontName": "HNforTELUSSA",
         "fontSize": 16,
@@ -266,9 +225,7 @@
       }
     },
     {
-      "if": {
-        "size": "h5"
-      },
+      "if": { "size": "h5" },
       "tokens": {
         "fontName": "HNforTELUSSA",
         "fontSize": 14,
@@ -277,18 +234,9 @@
         "lineHeight": 1.28571428571
       }
     },
+    { "if": { "size": ["h5", "h6"] }, "tokens": { "superScriptFontSize": 12 } },
     {
-      "if": {
-        "size": ["h5", "h6"]
-      },
-      "tokens": {
-        "superScriptFontSize": 12
-      }
-    },
-    {
-      "if": {
-        "size": "h6"
-      },
+      "if": { "size": "h6" },
       "tokens": {
         "fontName": "HNforTELUSSA",
         "fontSize": 12,
@@ -298,38 +246,20 @@
       }
     },
     {
-      "if": {
-        "size": "large"
-      },
-      "tokens": {
-        "fontSize": 20,
-        "lineHeight": 1.6,
-        "superScriptFontSize": 16
-      }
+      "if": { "size": "large" },
+      "tokens": { "fontSize": 20, "lineHeight": 1.6, "superScriptFontSize": 16 }
     },
     {
-      "if": {
-        "compact": true,
-        "size": "large"
-      },
-      "tokens": {
-        "lineHeight": 1.2
-      }
+      "if": { "compact": true, "size": "large" },
+      "tokens": { "lineHeight": 1.2 }
     },
     {
       "description": "The compact line height for the 'default' font size, but doesn't apply for any other styles",
-      "if": {
-        "compact": true,
-        "size": null
-      },
-      "tokens": {
-        "lineHeight": 1.25
-      }
+      "if": { "compact": true, "size": null },
+      "tokens": { "lineHeight": 1.25 }
     },
     {
-      "if": {
-        "size": "small"
-      },
+      "if": { "size": "small" },
       "tokens": {
         "fontSize": 14,
         "lineHeight": 1.42857142857,
@@ -337,18 +267,11 @@
       }
     },
     {
-      "if": {
-        "compact": true,
-        "size": "small"
-      },
-      "tokens": {
-        "lineHeight": 1.14285714286
-      }
+      "if": { "compact": true, "size": "small" },
+      "tokens": { "lineHeight": 1.14285714286 }
     },
     {
-      "if": {
-        "size": "micro"
-      },
+      "if": { "size": "micro" },
       "tokens": {
         "fontName": "HNforTELUSSA",
         "fontSize": 12,
@@ -358,9 +281,7 @@
       }
     },
     {
-      "if": {
-        "size": "eyebrow"
-      },
+      "if": { "size": "eyebrow" },
       "tokens": {
         "color": {
           "red": 0.48627,
@@ -377,73 +298,32 @@
     },
     {
       "description": "Please only bold single words while using with headings",
-      "if": {
-        "bold": true
-      },
-      "tokens": {
-        "fontName": "HNforTELUSSA",
-        "fontWeight": 700
-      }
+      "if": { "bold": true },
+      "tokens": { "fontName": "HNforTELUSSA", "fontWeight": 700 }
     },
     {
-      "if": {
-        "bold": true,
-        "size": "micro"
-      },
-      "tokens": {
-        "fontName": "HNforTELUSSA",
-        "fontWeight": 700
-      }
+      "if": { "bold": true, "size": "micro" },
+      "tokens": { "fontName": "HNforTELUSSA", "fontWeight": 700 }
     },
     {
-      "if": {
-        "bold": true,
-        "size": "display1"
-      },
-      "tokens": {
-        "fontName": "HNforTELUSSA",
-        "fontWeight": 700
-      }
+      "if": { "bold": true, "size": "display1" },
+      "tokens": { "fontName": "HNforTELUSSA", "fontWeight": 700 }
     },
     {
-      "if": {
-        "bold": true,
-        "size": "display2"
-      },
-      "tokens": {
-        "fontName": "HNforTELUSSA",
-        "fontWeight": 700
-      }
+      "if": { "bold": true, "size": "display2" },
+      "tokens": { "fontName": "HNforTELUSSA", "fontWeight": 700 }
     },
     {
-      "if": {
-        "bold": true,
-        "size": "h1"
-      },
-      "tokens": {
-        "fontName": "HNforTELUSSA",
-        "fontWeight": 700
-      }
+      "if": { "bold": true, "size": "h1" },
+      "tokens": { "fontName": "HNforTELUSSA", "fontWeight": 700 }
     },
     {
-      "if": {
-        "bold": true,
-        "size": "h2"
-      },
-      "tokens": {
-        "fontName": "HNforTELUSSA",
-        "fontWeight": 700
-      }
+      "if": { "bold": true, "size": "h2" },
+      "tokens": { "fontName": "HNforTELUSSA", "fontWeight": 700 }
     },
     {
-      "if": {
-        "bold": true,
-        "size": "h3"
-      },
-      "tokens": {
-        "fontName": "HNforTELUSSA",
-        "fontWeight": 700
-      }
+      "if": { "bold": true, "size": "h3" },
+      "tokens": { "fontName": "HNforTELUSSA", "fontWeight": 700 }
     },
     {
       "if": {
@@ -451,33 +331,18 @@
         "size": ["h4", "h5", "h6"],
         "viewport": ["xs", "sm", "md"]
       },
-      "tokens": {
-        "fontName": "HNforTELUSSA",
-        "fontWeight": 700
-      }
+      "tokens": { "fontName": "HNforTELUSSA", "fontWeight": 700 }
     },
     {
-      "if": {
-        "weight": "semibold"
-      },
-      "tokens": {
-        "fontName": "HNforTELUSSA",
-        "fontWeight": 500
-      }
+      "if": { "weight": "semibold" },
+      "tokens": { "fontName": "HNforTELUSSA", "fontWeight": 500 }
     },
     {
-      "if": {
-        "weight": "bold"
-      },
-      "tokens": {
-        "fontName": "HNforTELUSSA",
-        "fontWeight": 700
-      }
+      "if": { "weight": "bold" },
+      "tokens": { "fontName": "HNforTELUSSA", "fontWeight": 700 }
     },
     {
-      "if": {
-        "colour": "default"
-      },
+      "if": { "colour": "default" },
       "tokens": {
         "color": {
           "red": 0.2549,
@@ -488,9 +353,7 @@
       }
     },
     {
-      "if": {
-        "colour": "brand"
-      },
+      "if": { "colour": "brand" },
       "tokens": {
         "color": {
           "red": 0.29412,
@@ -501,9 +364,7 @@
       }
     },
     {
-      "if": {
-        "colour": "dark"
-      },
+      "if": { "colour": "dark" },
       "tokens": {
         "color": {
           "red": 0.17255,
@@ -514,9 +375,7 @@
       }
     },
     {
-      "if": {
-        "colour": "light"
-      },
+      "if": { "colour": "light" },
       "tokens": {
         "color": {
           "red": 0.40392,
@@ -527,22 +386,13 @@
       }
     },
     {
-      "if": {
-        "colour": "positive"
-      },
+      "if": { "colour": "positive" },
       "tokens": {
-        "color": {
-          "red": 0.16863,
-          "green": 0.50196,
-          "blue": 0,
-          "alpha": 1
-        }
+        "color": { "red": 0.16863, "green": 0.50196, "blue": 0, "alpha": 1 }
       }
     },
     {
-      "if": {
-        "colour": "warning"
-      },
+      "if": { "colour": "warning" },
       "tokens": {
         "color": {
           "red": 0.78039,
@@ -553,9 +403,7 @@
       }
     },
     {
-      "if": {
-        "colour": "danger"
-      },
+      "if": { "colour": "danger" },
       "tokens": {
         "color": {
           "red": 0.75686,
@@ -566,48 +414,21 @@
       }
     },
     {
-      "if": {
-        "colour": "black"
-      },
-      "tokens": {
-        "color": {
-          "red": 0,
-          "green": 0,
-          "blue": 0,
-          "alpha": 1
-        }
-      }
+      "if": { "colour": "black" },
+      "tokens": { "color": { "red": 0, "green": 0, "blue": 0, "alpha": 1 } }
     },
     {
-      "if": {
-        "colour": "white"
-      },
-      "tokens": {
-        "color": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        }
-      }
+      "if": { "colour": "white" },
+      "tokens": { "color": { "red": 1, "green": 1, "blue": 1, "alpha": 1 } }
     },
     {
-      "if": {
-        "colour": "brand2"
-      },
+      "if": { "colour": "brand2" },
       "tokens": {
-        "color": {
-          "red": 0.16863,
-          "green": 0.50196,
-          "blue": 0,
-          "alpha": 1
-        }
+        "color": { "red": 0.16863, "green": 0.50196, "blue": 0, "alpha": 1 }
       }
     },
     {
-      "if": {
-        "colour": "brand3"
-      },
+      "if": { "colour": "brand3" },
       "tokens": {
         "color": {
           "red": 0.48627,
@@ -618,9 +439,7 @@
       }
     },
     {
-      "if": {
-        "colour": "alternative1"
-      },
+      "if": { "colour": "alternative1" },
       "tokens": {
         "color": {
           "red": 0.29412,
@@ -656,9 +475,7 @@
       }
     },
     {
-      "if": {
-        "colour": "alternative2"
-      },
+      "if": { "colour": "alternative2" },
       "tokens": {
         "color": {
           "red": 0.29412,
@@ -669,9 +486,7 @@
       }
     },
     {
-      "if": {
-        "colour": "alternative3"
-      },
+      "if": { "colour": "alternative3" },
       "tokens": {
         "color": {
           "red": 0.29412,
@@ -683,12 +498,7 @@
     }
   ],
   "tokens": {
-    "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",
     "fontScaleCap": 64,
     "fontSize": 16,

package/build/ios/VideoButton.json

@@ -1,12 +1,5 @@
 {
   "appearances": {},
   "rules": [],
-  "tokens": {
-    "color": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
-      "alpha": 1
-    }
-  }
+  "tokens": { "color": { "red": 1, "green": 1, "blue": 1, "alpha": 1 } }
 }

package/build/ios/VideoControlBar.json

@@ -8,9 +8,7 @@
   },
   "rules": [
     {
-      "if": {
-        "viewport": ["xs", "sm"]
-      },
+      "if": { "viewport": ["xs", "sm"] },
       "tokens": {
         "height": 40,
         "paddingBottom": 16,

package/build/ios/VideoMenu.json

@@ -22,18 +22,8 @@
       "alpha": 1
     },
     "checkMarkIcon": "PaletteIconCheckbold",
-    "checkMarkSelectedColor": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
-      "alpha": 1
-    },
-    "checkMarkUnselectedColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "checkMarkSelectedColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
+    "checkMarkUnselectedColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "checkMarkWidth": 24,
     "padding": 16
   }

package/build/ios/VideoMiddleControlButton.json

@@ -9,12 +9,7 @@
       "alpha": 1
     },
     "height": 64,
-    "iconColor": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
-      "alpha": 1
-    },
+    "iconColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
     "width": 64
   }
 }

package/build/ios/VideoPickerThumbnail.json

@@ -13,9 +13,7 @@
   },
   "rules": [
     {
-      "if": {
-        "pressed": true
-      },
+      "if": { "pressed": true },
       "tokens": {
         "borderColor": {
           "red": 0.40392,
@@ -27,9 +25,7 @@
       }
     },
     {
-      "if": {
-        "selected": true
-      },
+      "if": { "selected": true },
       "tokens": {
         "borderColor": {
           "red": 0.29412,
@@ -56,12 +52,7 @@
     },
     "borderRadius": 4,
     "borderWidth": 2,
-    "outerBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "outerBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "outerBorderGap": 2,
     "outerBorderRadius": 8,
     "outerBorderWidth": 2,