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

package/build/android/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/android/Search.json

@@ -13,9 +13,7 @@
   },
   "rules": [
     {
-      "if": {
-        "focus": true
-      },
+      "if": { "focus": true },
       "tokens": {
         "outerBorderColor": {
           "red": 0.95294,
@@ -27,9 +25,7 @@
       }
     },
     {
-      "if": {
-        "inactive": true
-      },
+      "if": { "inactive": true },
       "tokens": {
         "backgroundColor": {
           "red": 0.80392,
@@ -59,12 +55,7 @@
     }
   ],
   "tokens": {
-    "backgroundColor": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
-      "alpha": 1
-    },
+    "backgroundColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
     "borderColor": {
       "red": 0.22353,
       "green": 0.25098,
@@ -75,12 +66,7 @@
     "borderWidth": 1,
     "buttonsGap": 2,
     "clearButtonIcon": "PaletteIconClose",
-    "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,
@@ -93,18 +79,8 @@
     "iconLeftSize": 20,
     "lineHeight": 1.55555555,
     "mobileBorderWidth": 1,
-    "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 },
     "outerBorderRadius": 32,
     "outerBorderWidth": 0,
     "paddingBottom": 10,

package/build/android/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.22353,
@@ -28,18 +22,11 @@
           "blue": 0.33725,
           "alpha": 1
         },
-        "iconColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        }
+        "iconColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 }
       }
     },
     {
-      "if": {
-        "pressed": true
-      },
+      "if": { "pressed": true },
       "tokens": {
         "backgroundColor": {
           "red": 0.38824,
@@ -48,19 +35,11 @@
           "alpha": 1
         },
         "borderWidth": 0,
-        "iconColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        }
+        "iconColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 }
       }
     },
     {
-      "if": {
-        "inactive": true,
-        "priority": "high"
-      },
+      "if": { "inactive": true, "priority": "high" },
       "tokens": {
         "backgroundColor": {
           "red": 0.80392,
@@ -78,39 +57,16 @@
       }
     },
     {
-      "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
-        }
+        "backgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
+        "iconColor": { "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": {
@@ -120,12 +76,7 @@
       "alpha": 1
     },
     "iconSize": 20,
-    "mobileBackgroundColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "mobileBackgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "opacity": 1,
     "paddingBottom": 8,
     "paddingLeft": 8,

package/build/android/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": {
         "outerBorderColor": {
           "red": 0.95294,
@@ -36,9 +31,7 @@
       }
     },
     {
-      "if": {
-        "validation": "success"
-      },
+      "if": { "validation": "success" },
       "tokens": {
         "borderColor": {
           "red": 0.16863,
@@ -56,9 +49,7 @@
       }
     },
     {
-      "if": {
-        "validation": "error"
-      },
+      "if": { "validation": "error" },
       "tokens": {
         "borderColor": {
           "red": 0.74902,
@@ -76,9 +67,7 @@
       }
     },
     {
-      "if": {
-        "inactive": true
-      },
+      "if": { "inactive": true },
       "tokens": {
         "backgroundColor": {
           "red": 0.80392,
@@ -101,22 +90,10 @@
         "icon": null
       }
     },
-    {
-      "if": {
-        "active": true
-      },
-      "tokens": {
-        "icon": "PaletteIconChevronUp"
-      }
-    }
+    { "if": { "active": true }, "tokens": { "icon": "PaletteIconChevronUp" } }
   ],
   "tokens": {
-    "backgroundColor": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
-      "alpha": 1
-    },
+    "backgroundColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
     "borderColor": {
       "red": 0.22353,
       "green": 0.25098,
@@ -125,12 +102,7 @@
     },
     "borderRadius": 4,
     "borderWidth": 1,
-    "color": {
-      "red": 0.22353,
-      "green": 0.25098,
-      "blue": 0.33725,
-      "alpha": 1
-    },
+    "color": { "red": 0.22353, "green": 0.25098, "blue": 0.33725, "alpha": 1 },
     "feedbackBackgroundColor": {
       "red": 0.96078,
       "green": 0.96078,
@@ -149,30 +121,15 @@
       "alpha": 1
     },
     "iconSize": 24,
-    "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": 10,
     "paddingLeft": 16,
     "paddingRight": 16,
     "paddingTop": 10,
     "validationIcon": null,
-    "validationIconColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "validationIconColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "validationIconSize": 24
   }
 }

package/build/android/Shortcuts.json

@@ -7,30 +7,9 @@
     }
   },
   "rules": [
-    {
-      "if": {
-        "viewport": "md"
-      },
-      "tokens": {
-        "mainContainerGap": 16
-      }
-    },
-    {
-      "if": {
-        "viewport": "lg"
-      },
-      "tokens": {
-        "mainContainerGap": 16
-      }
-    },
-    {
-      "if": {
-        "viewport": "xl"
-      },
-      "tokens": {
-        "mainContainerGap": 16
-      }
-    }
+    { "if": { "viewport": "md" }, "tokens": { "mainContainerGap": 16 } },
+    { "if": { "viewport": "lg" }, "tokens": { "mainContainerGap": 16 } },
+    { "if": { "viewport": "xl" }, "tokens": { "mainContainerGap": 16 } }
   ],
   "tokens": {
     "mainContainerBottomPadding": 0,

package/build/android/ShortcutsItem.json

@@ -8,9 +8,7 @@
   },
   "rules": [
     {
-      "if": {
-        "pressed": true
-      },
+      "if": { "pressed": true },
       "tokens": {
         "iconColor": {
           "red": 0.61176,
@@ -28,12 +26,7 @@
     }
   ],
   "tokens": {
-    "borderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "borderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "borderRadius": 4,
     "borderWidth": 1,
     "iconBackgroundColor": {

package/build/android/SideNavItem.json

@@ -18,9 +18,7 @@
   },
   "rules": [
     {
-      "if": {
-        "type": "child"
-      },
+      "if": { "type": "child" },
       "tokens": {
         "backgroundColor": {
           "red": 0.96078,
@@ -33,10 +31,7 @@
       }
     },
     {
-      "if": {
-        "active": true,
-        "type": "child"
-      },
+      "if": { "active": true, "type": "child" },
       "tokens": {
         "accentBackgroundColor": {
           "red": 0.95294,
@@ -56,9 +51,7 @@
       }
     },
     {
-      "if": {
-        "active": true
-      },
+      "if": { "active": true },
       "tokens": {
         "accentBackgroundColor": {
           "red": 0.95294,
@@ -75,10 +68,7 @@
       }
     },
     {
-      "if": {
-        "active": true,
-        "type": "parent"
-      },
+      "if": { "active": true, "type": "parent" },
       "tokens": {
         "accentBackgroundColor": {
           "red": 0,
@@ -96,12 +86,7 @@
     }
   ],
   "tokens": {
-    "accentBackgroundColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "accentBackgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "accentOffset": 0,
     "accentPadding": 0,
     "accentWidth": 4,
@@ -119,12 +104,7 @@
     },
     "borderStyle": "solid",
     "borderWidth": 1,
-    "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": 700,

package/build/android/SideNavItemsGroup.json

@@ -7,14 +7,7 @@
     }
   },
   "rules": [
-    {
-      "if": {
-        "expanded": true
-      },
-      "tokens": {
-        "icon": "PaletteIconChevronUp"
-      }
-    }
+    { "if": { "expanded": true }, "tokens": { "icon": "PaletteIconChevronUp" } }
   ],
   "tokens": {
     "collapseDuration": 250,

package/build/android/Skeleton.json

@@ -5,12 +5,7 @@
     "animationDuration": 2000,
     "baseWidth": 40,
     "characters": 10,
-    "color": {
-      "red": 0.61176,
-      "green": 0.62353,
-      "blue": 0.66667,
-      "alpha": 1
-    },
+    "color": { "red": 0.61176, "green": 0.62353, "blue": 0.66667, "alpha": 1 },
     "lineRadius": 99999999999999,
     "radius": 99999999999999,
     "secondColor": {

package/build/android/SkipLink.json

@@ -8,19 +8,9 @@
   },
   "rules": [],
   "tokens": {
-    "backgroundColor": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
-      "alpha": 1
-    },
+    "backgroundColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
     "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 },
     "fontName": "SofiaPro",
     "fontSize": 16,
     "fontWeight": 400,

package/build/android/Spinner.json

@@ -1,20 +1,7 @@
 {
-  "appearances": {
-    "size": {
-      "type": "variant",
-      "values": ["small"]
-    }
-  },
+  "appearances": { "size": { "type": "variant", "values": ["small"] } },
   "rules": [
-    {
-      "if": {
-        "size": "small"
-      },
-      "tokens": {
-        "size": 24,
-        "thickness": 4
-      }
-    }
+    { "if": { "size": "small" }, "tokens": { "size": 24, "thickness": 4 } }
   ],
   "tokens": {
     "fullScreenOverLayBackground": {

package/build/android/SplashButton.json

@@ -2,12 +2,7 @@
   "appearances": {},
   "rules": [],
   "tokens": {
-    "buttonContentBackground": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "buttonContentBackground": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "buttonContentChildrenBackground": {
       "red": 0,
       "green": 0,
@@ -15,11 +10,6 @@
       "alpha": 0
     },
     "playIcon": "PaletteIconPlaySolid",
-    "playIconColor": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
-      "alpha": 1
-    }
+    "playIconColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 }
   }
 }

package/build/android/SplashButtonWithDetails.json

@@ -2,25 +2,10 @@
   "appearances": {},
   "rules": [],
   "tokens": {
-    "buttonBackground": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
-      "alpha": 1
-    },
-    "buttonBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "buttonBackground": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
+    "buttonBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "buttonBottomPosition": 24,
-    "buttonContentBackground": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "buttonContentBackground": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "buttonContentChildrenBackground": {
       "red": 0,
       "green": 0,
@@ -36,12 +21,7 @@
     "labelFontName": "SofiaPro",
     "labelFontWeight": 700,
     "playIcon": "PaletteIconPlaySolid",
-    "playIconColor": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
-      "alpha": 1
-    },
+    "playIconColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
     "playIconContainerBackground": {
       "red": 0.22353,
       "green": 0.25098,