@telus-uds/theme-public-mobile 5.0.0-beta.1 → 5.1.0

package/build/android/CarouselTabsPanelItem.json

@@ -5,10 +5,7 @@
       "values": [true],
       "type": "state"
     },
-    "inverse": {
-      "type": "variant",
-      "values": [true]
-    },
+    "inverse": { "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],
@@ -22,9 +19,7 @@
   },
   "rules": [
     {
-      "if": {
-        "pressed": true
-      },
+      "if": { "pressed": true },
       "tokens": {
         "borderBottomColor": {
           "red": 0.95294,
@@ -42,9 +37,7 @@
       }
     },
     {
-      "if": {
-        "inactive": true
-      },
+      "if": { "inactive": true },
       "tokens": {
         "borderBottomColor": {
           "red": 0.22353,
@@ -62,9 +55,7 @@
       }
     },
     {
-      "if": {
-        "selected": true
-      },
+      "if": { "selected": true },
       "tokens": {
         "borderBottomColor": {
           "red": 0.95294,
@@ -82,9 +73,7 @@
       }
     },
     {
-      "if": {
-        "inverse": true
-      },
+      "if": { "inverse": true },
       "tokens": {
         "color": {
           "red": 0.97647,
@@ -95,10 +84,7 @@
       }
     },
     {
-      "if": {
-        "inverse": true,
-        "pressed": true
-      },
+      "if": { "inverse": true, "pressed": true },
       "tokens": {
         "borderBottomColor": {
           "red": 0.95294,
@@ -116,10 +102,7 @@
       }
     },
     {
-      "if": {
-        "inactive": true,
-        "inverse": true
-      },
+      "if": { "inactive": true, "inverse": true },
       "tokens": {
         "borderBottomColor": {
           "red": 0.22353,
@@ -137,10 +120,7 @@
       }
     },
     {
-      "if": {
-        "inverse": true,
-        "selected": true
-      },
+      "if": { "inverse": true, "selected": true },
       "tokens": {
         "borderBottomColor": {
           "red": 0.95294,
@@ -160,20 +140,10 @@
   ],
   "tokens": {
     "alignItems": "flex-start",
-    "borderBottomColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "borderBottomColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "borderBottomStyle": "solid",
     "borderBottomWidth": 0,
-    "color": {
-      "red": 0.22353,
-      "green": 0.25098,
-      "blue": 0.33725,
-      "alpha": 1
-    },
+    "color": { "red": 0.22353, "green": 0.25098, "blue": 0.33725, "alpha": 1 },
     "flex": 1,
     "fontName": "SofiaPro",
     "fontScaleCap": 64,

package/build/android/CarouselThumbnail.json

@@ -13,18 +13,11 @@
   },
   "rules": [
     {
-      "if": {
-        "viewport": ["xs", "sm"]
-      },
-      "tokens": {
-        "alignItems": "flex-start",
-        "size": 32
-      }
+      "if": { "viewport": ["xs", "sm"] },
+      "tokens": { "alignItems": "flex-start", "size": 32 }
     },
     {
-      "if": {
-        "pressed": true
-      },
+      "if": { "pressed": true },
       "tokens": {
         "borderColor": {
           "red": 0.16863,

package/build/android/Checkbox.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],
@@ -17,9 +14,7 @@
   },
   "rules": [
     {
-      "if": {
-        "error": true
-      },
+      "if": { "error": true },
       "tokens": {
         "inputBorderColor": {
           "red": 0.74902,
@@ -30,9 +25,7 @@
       }
     },
     {
-      "if": {
-        "inactive": true
-      },
+      "if": { "inactive": true },
       "tokens": {
         "iconBackgroundColor": {
           "red": 0.80392,
@@ -62,12 +55,7 @@
     }
   ],
   "tokens": {
-    "containerBackgroundColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "containerBackgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "descriptionFontColor": {
       "red": 0.22353,
       "green": 0.25098,
@@ -89,21 +77,11 @@
       "blue": 0.33725,
       "alpha": 1
     },
-    "iconColor": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
-      "alpha": 1
-    },
+    "iconColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
     "iconContainerHeight": 28,
     "iconContainerWidth": 24,
     "iconSize": 16,
-    "inputBackgroundColor": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
-      "alpha": 1
-    },
+    "inputBackgroundColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
     "inputBorderColor": {
       "red": 0.22353,
       "green": 0.25098,
@@ -113,12 +91,7 @@
     "inputBorderRadius": 4,
     "inputBorderWidth": 2,
     "inputHeight": 20,
-    "inputOutlineColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "inputOutlineColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "inputOutlineOffset": 0,
     "inputOutlineWidth": 0,
     "inputShadow": null,

package/build/android/CheckboxCard.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,
         "paddingBottom": 24,
@@ -39,9 +34,7 @@
       }
     },
     {
-      "if": {
-        "checked": true
-      },
+      "if": { "checked": true },
       "tokens": {
         "checkboxInputBorderColor": {
           "red": 0.22353,
@@ -54,9 +47,7 @@
       }
     },
     {
-      "if": {
-        "pressed": true
-      },
+      "if": { "pressed": true },
       "tokens": {
         "backgroundColor": {
           "red": 0.96078,
@@ -91,9 +82,7 @@
       }
     },
     {
-      "if": {
-        "inactive": true
-      },
+      "if": { "inactive": true },
       "tokens": {
         "backgroundColor": {
           "red": 0.96078,
@@ -101,12 +90,7 @@
           "blue": 0.96863,
           "alpha": 1
         },
-        "borderColor": {
-          "red": 0,
-          "green": 0,
-          "blue": 0,
-          "alpha": 0
-        },
+        "borderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
         "checkboxInputBackgroundColor": {
           "red": 0.61176,
           "green": 0.62353,
@@ -135,9 +119,7 @@
       }
     },
     {
-      "if": {
-        "error": true
-      },
+      "if": { "error": true },
       "tokens": {
         "borderColor": {
           "red": 0.74902,
@@ -161,12 +143,7 @@
     }
   ],
   "tokens": {
-    "backgroundColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "backgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "borderColor": {
       "red": 0.61176,
       "green": 0.62353,
@@ -203,21 +180,11 @@
     },
     "checkboxInputOutlineWidth": 0,
     "checkboxInputSize": 20,
-    "checkboxOuterBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "checkboxOuterBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "checkboxOuterBorderGap": 0,
     "checkboxOuterBorderWidth": 1,
     "checkboxSpace": 2,
-    "color": {
-      "red": 0.22353,
-      "green": 0.25098,
-      "blue": 0.33725,
-      "alpha": 1
-    },
+    "color": { "red": 0.22353, "green": 0.25098, "blue": 0.33725, "alpha": 1 },
     "contentAlignItems": "stretch",
     "contentFlexGrow": 0,
     "contentFlexShrink": 1,
@@ -234,12 +201,7 @@
     "marginRight": 0,
     "marginTop": 0,
     "minWidth": 112,
-    "outerBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "outerBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "outerBorderGap": 0,
     "outerBorderWidth": 2,
     "paddingBottom": 16,

package/build/android/CheckboxCardGroup.json

@@ -13,23 +13,12 @@
   },
   "rules": [
     {
-      "if": {
-        "viewport": ["md", "lg", "xl"]
-      },
-      "tokens": {
-        "direction": "row",
-        "space": 6
-      }
+      "if": { "viewport": ["md", "lg", "xl"] },
+      "tokens": { "direction": "row", "space": 6 }
     },
     {
-      "if": {
-        "fullWidth": true
-      },
-      "tokens": {
-        "direction": "column",
-        "fieldSpace": 4,
-        "space": 4
-      }
+      "if": { "fullWidth": true },
+      "tokens": { "direction": "column", "fieldSpace": 4, "space": 4 }
     }
   ],
   "tokens": {

package/build/android/ChevronLink.json

@@ -22,9 +22,7 @@
   },
   "rules": [
     {
-      "if": {
-        "pressed": true
-      },
+      "if": { "pressed": true },
       "tokens": {
         "color": {
           "red": 0.16863,
@@ -35,29 +33,15 @@
       }
     },
     {
-      "if": {
-        "size": "large"
-      },
-      "tokens": {
-        "blockLineHeight": 1.4,
-        "fontSize": 20,
-        "iconSize": 20
-      }
+      "if": { "size": "large" },
+      "tokens": { "blockLineHeight": 1.4, "fontSize": 20, "iconSize": 20 }
     },
     {
-      "if": {
-        "size": "small"
-      },
-      "tokens": {
-        "blockLineHeight": 1.5,
-        "fontSize": 16,
-        "iconSize": 16
-      }
+      "if": { "size": "small" },
+      "tokens": { "blockLineHeight": 1.5, "fontSize": 16, "iconSize": 16 }
     },
     {
-      "if": {
-        "size": "micro"
-      },
+      "if": { "size": "micro" },
       "tokens": {
         "blockLineHeight": 1.4285714285714286,
         "fontSize": 14,
@@ -65,10 +49,7 @@
       }
     },
     {
-      "if": {
-        "pressed": true,
-        "quiet": true
-      },
+      "if": { "pressed": true, "quiet": true },
       "tokens": {
         "color": {
           "red": 0.16863,
@@ -80,9 +61,7 @@
       }
     },
     {
-      "if": {
-        "style": "inline"
-      },
+      "if": { "style": "inline" },
       "tokens": {
         "color": {
           "red": 0.22353,
@@ -93,10 +72,7 @@
       }
     },
     {
-      "if": {
-        "pressed": true,
-        "style": "inline"
-      },
+      "if": { "pressed": true, "style": "inline" },
       "tokens": {
         "color": {
           "red": 0.16863,
@@ -108,9 +84,7 @@
       }
     },
     {
-      "if": {
-        "style": "subtle"
-      },
+      "if": { "style": "subtle" },
       "tokens": {
         "color": {
           "red": 0.41569,
@@ -121,10 +95,7 @@
       }
     },
     {
-      "if": {
-        "pressed": true,
-        "style": "subtle"
-      },
+      "if": { "pressed": true, "style": "subtle" },
       "tokens": {
         "color": {
           "red": 0.16863,
@@ -136,9 +107,7 @@
       }
     },
     {
-      "if": {
-        "style": "feature"
-      },
+      "if": { "style": "feature" },
       "tokens": {
         "color": {
           "red": 0.38824,
@@ -149,10 +118,7 @@
       }
     },
     {
-      "if": {
-        "pressed": true,
-        "style": "feature"
-      },
+      "if": { "pressed": true, "style": "feature" },
       "tokens": {
         "color": {
           "red": 0.16863,
@@ -164,9 +130,7 @@
       }
     },
     {
-      "if": {
-        "style": "danger"
-      },
+      "if": { "style": "danger" },
       "tokens": {
         "color": {
           "red": 0.74902,
@@ -177,10 +141,7 @@
       }
     },
     {
-      "if": {
-        "pressed": true,
-        "style": "danger"
-      },
+      "if": { "pressed": true, "style": "danger" },
       "tokens": {
         "color": {
           "red": 0.87451,
@@ -192,9 +153,7 @@
       }
     },
     {
-      "if": {
-        "style": "inverse"
-      },
+      "if": { "style": "inverse" },
       "tokens": {
         "color": {
           "red": 0.97647,
@@ -205,10 +164,7 @@
       }
     },
     {
-      "if": {
-        "pressed": true,
-        "style": "inverse"
-      },
+      "if": { "pressed": true, "style": "inverse" },
       "tokens": {
         "color": {
           "red": 0.95294,
@@ -220,10 +176,7 @@
       }
     },
     {
-      "if": {
-        "quiet": true,
-        "style": "inline"
-      },
+      "if": { "quiet": true, "style": "inline" },
       "tokens": {
         "color": {
           "red": 0.22353,
@@ -235,11 +188,7 @@
       }
     },
     {
-      "if": {
-        "pressed": true,
-        "quiet": true,
-        "style": "inline"
-      },
+      "if": { "pressed": true, "quiet": true, "style": "inline" },
       "tokens": {
         "color": {
           "red": 0.16863,
@@ -251,10 +200,7 @@
       }
     },
     {
-      "if": {
-        "quiet": true,
-        "style": "subtle"
-      },
+      "if": { "quiet": true, "style": "subtle" },
       "tokens": {
         "color": {
           "red": 0.41569,
@@ -266,11 +212,7 @@
       }
     },
     {
-      "if": {
-        "pressed": true,
-        "quiet": true,
-        "style": "subtle"
-      },
+      "if": { "pressed": true, "quiet": true, "style": "subtle" },
       "tokens": {
         "color": {
           "red": 0.16863,
@@ -282,10 +224,7 @@
       }
     },
     {
-      "if": {
-        "quiet": true,
-        "style": "feature"
-      },
+      "if": { "quiet": true, "style": "feature" },
       "tokens": {
         "color": {
           "red": 0.38824,
@@ -297,11 +236,7 @@
       }
     },
     {
-      "if": {
-        "pressed": true,
-        "quiet": true,
-        "style": "feature"
-      },
+      "if": { "pressed": true, "quiet": true, "style": "feature" },
       "tokens": {
         "color": {
           "red": 0.16863,
@@ -313,10 +248,7 @@
       }
     },
     {
-      "if": {
-        "quiet": true,
-        "style": "danger"
-      },
+      "if": { "quiet": true, "style": "danger" },
       "tokens": {
         "color": {
           "red": 0.74902,
@@ -328,11 +260,7 @@
       }
     },
     {
-      "if": {
-        "pressed": true,
-        "quiet": true,
-        "style": "danger"
-      },
+      "if": { "pressed": true, "quiet": true, "style": "danger" },
       "tokens": {
         "color": {
           "red": 0.87451,
@@ -344,10 +272,7 @@
       }
     },
     {
-      "if": {
-        "quiet": true,
-        "style": "inverse"
-      },
+      "if": { "quiet": true, "style": "inverse" },
       "tokens": {
         "color": {
           "red": 0.97647,
@@ -359,11 +284,7 @@
       }
     },
     {
-      "if": {
-        "pressed": true,
-        "quiet": true,
-        "style": "inverse"
-      },
+      "if": { "pressed": true, "quiet": true, "style": "inverse" },
       "tokens": {
         "color": {
           "red": 0.95294,
@@ -377,23 +298,13 @@
   ],
   "tokens": {
     "blockLineHeight": 1.55555555,
-    "color": {
-      "red": 0.38824,
-      "green": 0.42353,
-      "blue": 0.54902,
-      "alpha": 1
-    },
+    "color": { "red": 0.38824, "green": 0.42353, "blue": 0.54902, "alpha": 1 },
     "fontSize": 18,
     "iconDisplace": 0,
     "iconSize": 16,
     "iconSpace": 1,
     "leftIcon": "PaletteIconChevronLeft",
-    "outerBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "outerBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "rightIcon": "PaletteIconChevronRight",
     "textLine": "none"
   }