@telus-uds/theme-allium 8.0.0 → 8.1.0

package/build/ios/Radio.json

@@ -5,10 +5,7 @@
       "values": [true],
       "type": "state"
     },
-    "error": {
-      "values": [true],
-      "type": "state"
-    },
+    "error": { "values": [true], "type": "state" },
     "inactive": {
       "description": "Prevents an interactive component from being interacted with and applies accessibility attributes to indicate to the user that this component cannot be used.",
       "values": [true],
@@ -16,16 +13,9 @@
     }
   },
   "rules": [
+    { "if": { "error": true }, "tokens": {} },
     {
-      "if": {
-        "error": true
-      },
-      "tokens": {}
-    },
-    {
-      "if": {
-        "inactive": true
-      },
+      "if": { "inactive": true },
       "tokens": {
         "inputBackgroundColor": {
           "red": 0.8902,
@@ -33,12 +23,7 @@
           "blue": 0.9098,
           "alpha": 1
         },
-        "inputBorderColor": {
-          "red": 0,
-          "green": 0,
-          "blue": 0,
-          "alpha": 0
-        },
+        "inputBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
         "labelColor": {
           "red": 0.40392,
           "green": 0.43137,
@@ -48,10 +33,7 @@
       }
     },
     {
-      "if": {
-        "checked": true,
-        "inactive": true
-      },
+      "if": { "checked": true, "inactive": true },
       "tokens": {
         "checkedBackgroundColor": {
           "red": 0.69804,
@@ -59,12 +41,7 @@
           "blue": 0.74902,
           "alpha": 1
         },
-        "inputBackgroundColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        },
+        "inputBackgroundColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
         "inputBorderColor": {
           "red": 0.69804,
           "green": 0.72549,
@@ -88,12 +65,7 @@
       "alpha": 1
     },
     "checkedSize": 12,
-    "containerBackgroundColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "containerBackgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "containerBorderRadius": 0,
     "containerOpacity": 1,
     "containerPaddingBottom": 0,
@@ -107,24 +79,9 @@
     "descriptionLineHeight": 1.42857142857,
     "descriptionMarginLeft": null,
     "icon": null,
-    "iconBackgroundColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
-    "iconColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
-    "inputBackgroundColor": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
-      "alpha": 1
-    },
+    "iconBackgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
+    "iconColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
+    "inputBackgroundColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
     "inputBorderColor": {
       "red": 0.40392,
       "green": 0.43137,
@@ -132,12 +89,7 @@
       "alpha": 1
     },
     "inputBorderWidth": 1,
-    "inputOutlineColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "inputOutlineColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "inputOutlineWidth": 0,
     "inputSize": 20,
     "labelColor": {
@@ -151,12 +103,7 @@
     "labelFontWeight": 400,
     "labelLineHeight": 1.5,
     "labelMarginLeft": 8,
-    "outerBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "outerBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "outerBorderGap": 0,
     "outerBorderWidth": 2
   }

package/build/ios/RadioCard.json

@@ -5,10 +5,7 @@
       "values": [true],
       "type": "state"
     },
-    "error": {
-      "values": [true],
-      "type": "state"
-    },
+    "error": { "values": [true], "type": "state" },
     "inactive": {
       "description": "Prevents an interactive component from being interacted with and applies accessibility attributes to indicate to the user that this component cannot be used.",
       "values": [true],
@@ -27,9 +24,7 @@
   },
   "rules": [
     {
-      "if": {
-        "viewport": ["lg", "xl"]
-      },
+      "if": { "viewport": ["lg", "xl"] },
       "tokens": {
         "fontSize": 24,
         "lineHeight": 1.33333333333,
@@ -41,9 +36,7 @@
     },
     {
       "description": "Pressed state matches hover state plus light grey background",
-      "if": {
-        "pressed": true
-      },
+      "if": { "pressed": true },
       "tokens": {
         "backgroundColor": {
           "red": 0.95686,
@@ -81,9 +74,7 @@
       }
     },
     {
-      "if": {
-        "checked": true
-      },
+      "if": { "checked": true },
       "tokens": {
         "borderColor": {
           "red": 0.48627,
@@ -94,9 +85,7 @@
       }
     },
     {
-      "if": {
-        "error": true
-      },
+      "if": { "error": true },
       "tokens": {
         "borderColor": {
           "red": 0.88235,
@@ -119,9 +108,7 @@
       }
     },
     {
-      "if": {
-        "inactive": true
-      },
+      "if": { "inactive": true },
       "tokens": {
         "backgroundColor": {
           "red": 0.95686,
@@ -129,12 +116,7 @@
           "blue": 0.96863,
           "alpha": 1
         },
-        "borderColor": {
-          "red": 0,
-          "green": 0,
-          "blue": 0,
-          "alpha": 0
-        },
+        "borderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
         "color": {
           "red": 0.40392,
           "green": 0.43137,
@@ -172,12 +154,7 @@
     }
   ],
   "tokens": {
-    "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,
@@ -186,12 +163,7 @@
     },
     "borderRadius": 6,
     "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 },
     "contentAlignItems": "stretch",
     "contentFlexGrow": 0,
     "contentFlexShrink": 1,
@@ -208,12 +180,7 @@
     "marginRight": 0,
     "marginTop": 0,
     "minWidth": 264,
-    "outerBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "outerBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "outerBorderGap": 0,
     "outerBorderWidth": 2,
     "paddingBottom": 16,
@@ -240,20 +207,10 @@
       "alpha": 1
     },
     "radioInputBorderWidth": 1,
-    "radioInputOutlineColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "radioInputOutlineColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "radioInputOutlineWidth": 0,
     "radioInputSize": 20,
-    "radioOuterBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "radioOuterBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "radioOuterBorderGap": 0,
     "radioOuterBorderWidth": 0,
     "radioSpace": 2,

package/build/ios/RadioCardGroup.json

@@ -13,14 +13,8 @@
   },
   "rules": [
     {
-      "if": {
-        "fullWidth": null,
-        "viewport": ["md", "lg", "xl"]
-      },
-      "tokens": {
-        "direction": "row",
-        "space": 5
-      }
+      "if": { "fullWidth": null, "viewport": ["md", "lg", "xl"] },
+      "tokens": { "direction": "row", "space": 5 }
     }
   ],
   "tokens": {

package/build/ios/Ribbon.json

@@ -7,9 +7,7 @@
   },
   "rules": [
     {
-      "if": {
-        "purpose": "editorial"
-      },
+      "if": { "purpose": "editorial" },
       "tokens": {
         "backgroundColor": {
           "red": 0.40392,
@@ -32,9 +30,7 @@
       }
     },
     {
-      "if": {
-        "purpose": "offer"
-      },
+      "if": { "purpose": "offer" },
       "tokens": {
         "gradient": {
           "type": "linear",
@@ -64,9 +60,7 @@
       }
     },
     {
-      "if": {
-        "purpose": "subtle"
-      },
+      "if": { "purpose": "subtle" },
       "tokens": {
         "backgroundColor": {
           "red": 0.48627,
@@ -93,12 +87,7 @@
     "borderRadius": 4,
     "borderRadiusBottomLeft": null,
     "borderRadiusBottomRight": null,
-    "boxShadowColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0.1
-    },
+    "boxShadowColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0.1 },
     "boxShadowPaddingBottom": 2,
     "boxShadowPaddingLeft": 0,
     "boxShadowPaddingRight": 2,
@@ -121,12 +110,7 @@
     "curveHeight": 10,
     "curveMarginTop": 4,
     "curveWidth": 8,
-    "fontColor": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
-      "alpha": 1
-    },
+    "fontColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
     "fontName": "HNforTELUSSA",
     "fontSize": 12,
     "fontWeight": 700,

package/build/ios/Scroll.json

@@ -12,12 +12,7 @@
     "progressBarHeight": 8,
     "progressHitAreaHeight": 24,
     "progressSpacing": 8,
-    "progressTrackColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0.1
-    },
+    "progressTrackColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0.1 },
     "progressTrackHeight": 8
   }
 }

package/build/ios/Search.json

@@ -13,9 +13,7 @@
   },
   "rules": [
     {
-      "if": {
-        "focus": true
-      },
+      "if": { "focus": true },
       "tokens": {
         "borderColor": {
           "red": 0.48627,
@@ -29,9 +27,7 @@
       }
     },
     {
-      "if": {
-        "inactive": true
-      },
+      "if": { "inactive": true },
       "tokens": {
         "backgroundColor": {
           "red": 0.95686,
@@ -61,12 +57,7 @@
     }
   ],
   "tokens": {
-    "backgroundColor": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
-      "alpha": 1
-    },
+    "backgroundColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
     "borderColor": {
       "red": 0.40392,
       "green": 0.43137,
@@ -77,12 +68,7 @@
     "borderWidth": 1,
     "buttonsGap": 2,
     "clearButtonIcon": "PaletteIconTimes",
-    "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": 16,
     "fontWeight": 400,
@@ -95,12 +81,7 @@
     "iconLeftSize": 20,
     "lineHeight": 1.5,
     "mobileBorderWidth": 1,
-    "outerBackgroundColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "outerBackgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "outerBorderColor": {
       "red": 0.8902,
       "green": 0.90196,

package/build/ios/SearchButton.json

@@ -10,17 +10,11 @@
       "values": [true, false],
       "type": "state"
     },
-    "priority": {
-      "description": "",
-      "type": "variant",
-      "values": ["high"]
-    }
+    "priority": { "description": "", "type": "variant", "values": ["high"] }
   },
   "rules": [
     {
-      "if": {
-        "priority": "high"
-      },
+      "if": { "priority": "high" },
       "tokens": {
         "backgroundColor": {
           "red": 0.29412,
@@ -28,12 +22,7 @@
           "blue": 0.42745,
           "alpha": 1
         },
-        "iconColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        },
+        "iconColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
         "mobileBackgroundColor": {
           "red": 0.29412,
           "green": 0.15686,
@@ -43,9 +32,7 @@
       }
     },
     {
-      "if": {
-        "pressed": true
-      },
+      "if": { "pressed": true },
       "tokens": {
         "backgroundColor": {
           "red": 0.24706,
@@ -54,12 +41,7 @@
           "alpha": 1
         },
         "borderWidth": 0,
-        "iconColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        },
+        "iconColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
         "mobileBackgroundColor": {
           "red": 0.24706,
           "green": 0.16471,
@@ -69,10 +51,7 @@
       }
     },
     {
-      "if": {
-        "inactive": true,
-        "priority": "high"
-      },
+      "if": { "inactive": true, "priority": "high" },
       "tokens": {
         "backgroundColor": {
           "red": 0.8902,
@@ -96,45 +75,17 @@
       }
     },
     {
-      "if": {
-        "inactive": true,
-        "priority": null
-      },
+      "if": { "inactive": true, "priority": null },
       "tokens": {
-        "backgroundColor": {
-          "red": 0,
-          "green": 0,
-          "blue": 0,
-          "alpha": 0
-        },
-        "iconColor": {
-          "red": 0,
-          "green": 0,
-          "blue": 0,
-          "alpha": 0
-        },
-        "mobileBackgroundColor": {
-          "red": 0,
-          "green": 0,
-          "blue": 0,
-          "alpha": 0
-        }
+        "backgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
+        "iconColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
+        "mobileBackgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 }
       }
     }
   ],
   "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 },
     "borderRadius": 32,
     "borderWidth": 0,
     "iconColor": {

package/build/ios/Select.json

@@ -1,9 +1,6 @@
 {
   "appearances": {
-    "active": {
-      "values": [true],
-      "type": "state"
-    },
+    "active": { "values": [true], "type": "state" },
     "focus": {
       "description": "Focus states for some input elements are well supported across web, RN, ios and android",
       "values": [true],
@@ -22,9 +19,7 @@
   },
   "rules": [
     {
-      "if": {
-        "focus": true
-      },
+      "if": { "focus": true },
       "tokens": {
         "borderColor": {
           "red": 0.48627,
@@ -36,9 +31,7 @@
       }
     },
     {
-      "if": {
-        "validation": "success"
-      },
+      "if": { "validation": "success" },
       "tokens": {
         "borderColor": {
           "red": 0.16863,
@@ -62,9 +55,7 @@
       }
     },
     {
-      "if": {
-        "validation": "error"
-      },
+      "if": { "validation": "error" },
       "tokens": {
         "borderColor": {
           "red": 0.88235,
@@ -88,9 +79,7 @@
       }
     },
     {
-      "if": {
-        "inactive": true
-      },
+      "if": { "inactive": true },
       "tokens": {
         "backgroundColor": {
           "red": 0.95686,
@@ -113,22 +102,10 @@
         "icon": null
       }
     },
-    {
-      "if": {
-        "active": true
-      },
-      "tokens": {
-        "icon": "PaletteIconCaretUp"
-      }
-    }
+    { "if": { "active": true }, "tokens": { "icon": "PaletteIconCaretUp" } }
   ],
   "tokens": {
-    "backgroundColor": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
-      "alpha": 1
-    },
+    "backgroundColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
     "borderColor": {
       "red": 0.40392,
       "green": 0.43137,
@@ -137,12 +114,7 @@
     },
     "borderRadius": 4,
     "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 },
     "feedbackBackgroundColor": {
       "red": 0.95686,
       "green": 0.95686,
@@ -161,30 +133,15 @@
       "alpha": 1
     },
     "iconSize": 20,
-    "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 },
     "outerBorderWidth": 2,
     "paddingBottom": 12,
     "paddingLeft": 16,
     "paddingRight": 16,
     "paddingTop": 12,
     "validationIcon": null,
-    "validationIconColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "validationIconColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "validationIconSize": 20
   }
 }