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

package/build/android/Image.json

@@ -1,7 +1 @@
-{
-  "appearances": {},
-  "rules": [],
-  "tokens": {
-    "borderRadius": null
-  }
-}
+{ "appearances": {}, "rules": [], "tokens": { "borderRadius": null } }

package/build/android/InputLabel.json

@@ -2,12 +2,7 @@
   "appearances": {},
   "rules": [],
   "tokens": {
-    "color": {
-      "red": 0.22353,
-      "green": 0.25098,
-      "blue": 0.33725,
-      "alpha": 1
-    },
+    "color": { "red": 0.22353, "green": 0.25098, "blue": 0.33725, "alpha": 1 },
     "fontName": "SofiaPro",
     "fontSize": 18,
     "fontWeight": 400,

package/build/android/InputSupports.json

@@ -1,7 +1 @@
-{
-  "appearances": {},
-  "rules": [],
-  "tokens": {
-    "space": 1
-  }
-}
+{ "appearances": {}, "rules": [], "tokens": { "space": 1 } }

package/build/android/Link.json

@@ -26,26 +26,10 @@
     }
   },
   "rules": [
+    { "if": { "iconPosition": "left" }, "tokens": { "iconSpace": 2 } },
+    { "if": { "iconPosition": "right" }, "tokens": { "iconSpace": 1 } },
     {
-      "if": {
-        "iconPosition": "left"
-      },
-      "tokens": {
-        "iconSpace": 2
-      }
-    },
-    {
-      "if": {
-        "iconPosition": "right"
-      },
-      "tokens": {
-        "iconSpace": 1
-      }
-    },
-    {
-      "if": {
-        "pressed": true
-      },
+      "if": { "pressed": true },
       "tokens": {
         "color": {
           "red": 0.16863,
@@ -57,9 +41,7 @@
       }
     },
     {
-      "if": {
-        "size": "micro"
-      },
+      "if": { "size": "micro" },
       "tokens": {
         "blockFontName": "SofiaPro",
         "blockFontSize": 14,
@@ -69,38 +51,16 @@
       }
     },
     {
-      "if": {
-        "size": "small"
-      },
-      "tokens": {
-        "blockFontSize": 16,
-        "blockLineHeight": 1.5,
-        "iconSize": 20
-      }
+      "if": { "size": "small" },
+      "tokens": { "blockFontSize": 16, "blockLineHeight": 1.5, "iconSize": 20 }
     },
     {
-      "if": {
-        "size": "large"
-      },
-      "tokens": {
-        "blockFontSize": 20,
-        "blockLineHeight": 1.4,
-        "iconSize": 24
-      }
+      "if": { "size": "large" },
+      "tokens": { "blockFontSize": 20, "blockLineHeight": 1.4, "iconSize": 24 }
     },
+    { "if": { "quiet": true }, "tokens": { "textLine": "none" } },
     {
-      "if": {
-        "quiet": true
-      },
-      "tokens": {
-        "textLine": "none"
-      }
-    },
-    {
-      "if": {
-        "pressed": true,
-        "quiet": true
-      },
+      "if": { "pressed": true, "quiet": true },
       "tokens": {
         "color": {
           "red": 0.16863,
@@ -112,9 +72,7 @@
       }
     },
     {
-      "if": {
-        "style": "inline"
-      },
+      "if": { "style": "inline" },
       "tokens": {
         "color": {
           "red": 0.22353,
@@ -125,10 +83,7 @@
       }
     },
     {
-      "if": {
-        "pressed": true,
-        "style": "inline"
-      },
+      "if": { "pressed": true, "style": "inline" },
       "tokens": {
         "color": {
           "red": 0.16863,
@@ -140,9 +95,7 @@
       }
     },
     {
-      "if": {
-        "style": "subtle"
-      },
+      "if": { "style": "subtle" },
       "tokens": {
         "color": {
           "red": 0.41569,
@@ -153,10 +106,7 @@
       }
     },
     {
-      "if": {
-        "pressed": true,
-        "style": "subtle"
-      },
+      "if": { "pressed": true, "style": "subtle" },
       "tokens": {
         "color": {
           "red": 0.16863,
@@ -168,9 +118,7 @@
       }
     },
     {
-      "if": {
-        "style": "feature"
-      },
+      "if": { "style": "feature" },
       "tokens": {
         "color": {
           "red": 0.38824,
@@ -181,10 +129,7 @@
       }
     },
     {
-      "if": {
-        "pressed": true,
-        "style": "feature"
-      },
+      "if": { "pressed": true, "style": "feature" },
       "tokens": {
         "color": {
           "red": 0.16863,
@@ -196,9 +141,7 @@
       }
     },
     {
-      "if": {
-        "style": "danger"
-      },
+      "if": { "style": "danger" },
       "tokens": {
         "color": {
           "red": 0.74902,
@@ -209,10 +152,7 @@
       }
     },
     {
-      "if": {
-        "pressed": true,
-        "style": "danger"
-      },
+      "if": { "pressed": true, "style": "danger" },
       "tokens": {
         "color": {
           "red": 0.87451,
@@ -224,9 +164,7 @@
       }
     },
     {
-      "if": {
-        "style": "inverse"
-      },
+      "if": { "style": "inverse" },
       "tokens": {
         "color": {
           "red": 0.97647,
@@ -237,10 +175,7 @@
       }
     },
     {
-      "if": {
-        "pressed": true,
-        "style": "inverse"
-      },
+      "if": { "pressed": true, "style": "inverse" },
       "tokens": {
         "color": {
           "red": 0.95294,
@@ -252,10 +187,7 @@
       }
     },
     {
-      "if": {
-        "quiet": true,
-        "style": "inline"
-      },
+      "if": { "quiet": true, "style": "inline" },
       "tokens": {
         "color": {
           "red": 0.22353,
@@ -267,11 +199,7 @@
       }
     },
     {
-      "if": {
-        "pressed": true,
-        "quiet": true,
-        "style": "inline"
-      },
+      "if": { "pressed": true, "quiet": true, "style": "inline" },
       "tokens": {
         "color": {
           "red": 0.16863,
@@ -283,10 +211,7 @@
       }
     },
     {
-      "if": {
-        "quiet": true,
-        "style": "subtle"
-      },
+      "if": { "quiet": true, "style": "subtle" },
       "tokens": {
         "color": {
           "red": 0.41569,
@@ -298,11 +223,7 @@
       }
     },
     {
-      "if": {
-        "pressed": true,
-        "quiet": true,
-        "style": "subtle"
-      },
+      "if": { "pressed": true, "quiet": true, "style": "subtle" },
       "tokens": {
         "color": {
           "red": 0.16863,
@@ -314,10 +235,7 @@
       }
     },
     {
-      "if": {
-        "quiet": true,
-        "style": "feature"
-      },
+      "if": { "quiet": true, "style": "feature" },
       "tokens": {
         "color": {
           "red": 0.38824,
@@ -329,11 +247,7 @@
       }
     },
     {
-      "if": {
-        "pressed": true,
-        "quiet": true,
-        "style": "feature"
-      },
+      "if": { "pressed": true, "quiet": true, "style": "feature" },
       "tokens": {
         "color": {
           "red": 0.16863,
@@ -345,10 +259,7 @@
       }
     },
     {
-      "if": {
-        "quiet": true,
-        "style": "danger"
-      },
+      "if": { "quiet": true, "style": "danger" },
       "tokens": {
         "color": {
           "red": 0.74902,
@@ -360,11 +271,7 @@
       }
     },
     {
-      "if": {
-        "pressed": true,
-        "quiet": true,
-        "style": "danger"
-      },
+      "if": { "pressed": true, "quiet": true, "style": "danger" },
       "tokens": {
         "color": {
           "red": 0.87451,
@@ -376,10 +283,7 @@
       }
     },
     {
-      "if": {
-        "quiet": true,
-        "style": "inverse"
-      },
+      "if": { "quiet": true, "style": "inverse" },
       "tokens": {
         "color": {
           "red": 0.97647,
@@ -391,11 +295,7 @@
       }
     },
     {
-      "if": {
-        "pressed": true,
-        "quiet": true,
-        "style": "inverse"
-      },
+      "if": { "pressed": true, "quiet": true, "style": "inverse" },
       "tokens": {
         "color": {
           "red": 0.95294,
@@ -414,23 +314,13 @@
     "blockFontWeight": 400,
     "blockLineHeight": 1.55555555,
     "borderRadius": 4,
-    "color": {
-      "red": 0.38824,
-      "green": 0.42353,
-      "blue": 0.54902,
-      "alpha": 1
-    },
+    "color": { "red": 0.38824, "green": 0.42353, "blue": 0.54902, "alpha": 1 },
     "icon": null,
     "iconSize": 24,
     "iconSpace": 1,
     "iconTranslateX": 0,
     "iconTranslateY": 0,
-    "outerBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "outerBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "outerBorderGap": 2,
     "outerBorderOutline": "none",
     "outerBorderWidth": 2,

package/build/android/List.json

@@ -13,9 +13,7 @@
   },
   "rules": [
     {
-      "if": {
-        "size": "large"
-      },
+      "if": { "size": "large" },
       "tokens": {
         "iconMarginTop": 4,
         "itemFontSize": 20,
@@ -24,9 +22,7 @@
       }
     },
     {
-      "if": {
-        "size": "small"
-      },
+      "if": { "size": "small" },
       "tokens": {
         "iconMarginTop": 2,
         "itemFontSize": 16,
@@ -34,31 +30,16 @@
       }
     },
     {
-      "if": {
-        "compact": true
-      },
-      "tokens": {
-        "iconMarginTop": 2,
-        "itemLineHeight": 1.55555555
-      }
+      "if": { "compact": true },
+      "tokens": { "iconMarginTop": 2, "itemLineHeight": 1.55555555 }
     },
     {
-      "if": {
-        "compact": true,
-        "size": "small"
-      },
-      "tokens": {
-        "itemLineHeight": 1.5
-      }
+      "if": { "compact": true, "size": "small" },
+      "tokens": { "itemLineHeight": 1.5 }
     },
     {
-      "if": {
-        "compact": true,
-        "size": "large"
-      },
-      "tokens": {
-        "itemLineHeight": 1.2
-      }
+      "if": { "compact": true, "size": "large" },
+      "tokens": { "itemLineHeight": 1.2 }
     }
   ],
   "tokens": {

package/build/android/Listbox.json

@@ -20,20 +20,12 @@
       "values": [true, false],
       "type": "state"
     },
-    "secondLevel": {
-      "type": "variant",
-      "values": [true]
-    },
-    "style": {
-      "type": "variant",
-      "values": ["default", "lightest", "light"]
-    }
+    "secondLevel": { "type": "variant", "values": [true] },
+    "style": { "type": "variant", "values": ["default", "lightest", "light"] }
   },
   "rules": [
     {
-      "if": {
-        "style": "default"
-      },
+      "if": { "style": "default" },
       "tokens": {
         "containerBackgroundColor": {
           "red": 0,
@@ -44,9 +36,7 @@
       }
     },
     {
-      "if": {
-        "style": "lightest"
-      },
+      "if": { "style": "lightest" },
       "tokens": {
         "containerBackgroundColor": {
           "red": 0.99608,
@@ -57,9 +47,7 @@
       }
     },
     {
-      "if": {
-        "style": "light"
-      },
+      "if": { "style": "light" },
       "tokens": {
         "containerBackgroundColor": {
           "red": 0.99216,
@@ -70,9 +58,7 @@
       }
     },
     {
-      "if": {
-        "pressed": true
-      },
+      "if": { "pressed": true },
       "tokens": {
         "groupBackgroundColor": {
           "red": 0.97647,
@@ -89,9 +75,7 @@
       }
     },
     {
-      "if": {
-        "current": true
-      },
+      "if": { "current": true },
       "tokens": {
         "groupBackgroundColor": {
           "red": 0.96471,
@@ -120,9 +104,7 @@
       }
     },
     {
-      "if": {
-        "expanded": true
-      },
+      "if": { "expanded": true },
       "tokens": {
         "groupBackgroundColor": {
           "red": 0.96471,
@@ -140,10 +122,7 @@
       }
     },
     {
-      "if": {
-        "current": true,
-        "pressed": true
-      },
+      "if": { "current": true, "pressed": true },
       "tokens": {
         "itemBackgroundColor": {
           "red": 0.97647,
@@ -154,10 +133,7 @@
       }
     },
     {
-      "if": {
-        "expanded": true,
-        "pressed": true
-      },
+      "if": { "expanded": true, "pressed": true },
       "tokens": {
         "groupBackgroundColor": {
           "red": 0.97647,
@@ -168,18 +144,14 @@
       }
     },
     {
-      "if": {
-        "secondLevel": true
-      },
+      "if": { "secondLevel": true },
       "tokens": {
         "groupIcon": "PaletteIconChevronRight",
         "secondLevelParentIcon": "PaletteIconChevronRight"
       }
     },
     {
-      "if": {
-        "secondLevel": true
-      },
+      "if": { "secondLevel": true },
       "tokens": {
         "groupIcon": "PaletteIconChevronRight",
         "secondLevelParentIcon": "PaletteIconChevronRight"
@@ -188,46 +160,16 @@
   ],
   "tokens": {
     "borderRadius": 8,
-    "containerBackgroundColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
-    "groupBackgroundColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
-    "groupBorderBottomColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "containerBackgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
+    "groupBackgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
+    "groupBorderBottomColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "groupBorderBottomWidth": 0,
-    "groupBorderLeftColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "groupBorderLeftColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "groupBorderLeftWidth": 4,
     "groupBorderRadius": 0,
-    "groupBorderRightColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "groupBorderRightColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "groupBorderRightWidth": 0,
-    "groupBorderTopColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "groupBorderTopColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "groupBorderTopWidth": 0,
     "groupColor": {
       "red": 0.22353,
@@ -244,40 +186,15 @@
     "groupPaddingLeft": 16,
     "groupPaddingRight": 16,
     "groupPaddingTop": 12,
-    "itemBackgroundColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
-    "itemBorderBottomColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "itemBackgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
+    "itemBorderBottomColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "itemBorderBottomWidth": 1,
-    "itemBorderLeftColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "itemBorderLeftColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "itemBorderLeftWidth": 1,
     "itemBorderRadius": 0,
-    "itemBorderRightColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "itemBorderRightColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "itemBorderRightWidth": 1,
-    "itemBorderTopColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "itemBorderTopColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "itemBorderTopWidth": 1,
     "itemBorderWidth": 1,
     "itemColor": {
@@ -345,12 +262,7 @@
       "offsetY": 4,
       "blur": 8,
       "spread": 0,
-      "color": {
-        "red": 0,
-        "green": 0,
-        "blue": 0,
-        "alpha": 0.1
-      }
+      "color": { "red": 0, "green": 0, "blue": 0, "alpha": 0.1 }
     }
   }
 }