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

package/build/android/ActionCard.json

@@ -8,9 +8,7 @@
   },
   "rules": [
     {
-      "if": {
-        "validation": "warning"
-      },
+      "if": { "validation": "warning" },
       "tokens": {
         "actionIconMarginLeft": 8,
         "backgroundColor": {
@@ -29,16 +27,9 @@
       }
     },
     {
-      "if": {
-        "validation": "error"
-      },
+      "if": { "validation": "error" },
       "tokens": {
-        "actionIconColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        },
+        "actionIconColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
         "actionIconMarginLeft": 8,
         "backgroundColor": {
           "red": 0.74902,
@@ -46,31 +37,11 @@
           "blue": 0.13333,
           "alpha": 1
         },
-        "contentFontColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        },
-        "iconColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        },
+        "contentFontColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
+        "iconColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
         "statusIcon": "PaletteIconWarningError",
-        "statusIconColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        },
-        "titleFontColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        }
+        "statusIconColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
+        "titleFontColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 }
       }
     }
   ],
@@ -87,18 +58,8 @@
     "actionIconMarginRight": 0,
     "actionIconMarginTop": 8,
     "actionIconTranslate": 4,
-    "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": null,
     "borderWidth": null,
     "contentFontColor": {
@@ -115,12 +76,7 @@
     "contentMarginLeft": 0,
     "contentMarginRight": 0,
     "contentMarginTop": 0,
-    "iconBackgroundColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0.05
-    },
+    "iconBackgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0.05 },
     "iconColor": {
       "red": 0.22353,
       "green": 0.25098,
@@ -136,12 +92,7 @@
     "paddingRight": 16,
     "paddingTop": 16,
     "statusIcon": null,
-    "statusIconColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "statusIconColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "titleFontColor": {
       "red": 0.22353,
       "green": 0.25098,

package/build/android/ActivityIndicator.json

@@ -1,48 +1,25 @@
 {
   "appearances": {
-    "dots": {
-      "type": "variant",
-      "values": [true]
-    },
+    "dots": { "type": "variant", "values": [true] },
     "size": {
       "description": "used for full-screen spinners",
       "type": "variant",
       "values": ["large", "small"]
     },
-    "style": {
-      "type": "variant",
-      "values": ["dots"]
-    }
+    "style": { "type": "variant", "values": ["dots"] }
   },
   "rules": [
     {
-      "if": {
-        "size": "large"
-      },
-      "tokens": {
-        "dotSize": 12,
-        "size": 48,
-        "thickness": 4
-      }
+      "if": { "size": "large" },
+      "tokens": { "dotSize": 12, "size": 48, "thickness": 4 }
     },
     {
-      "if": {
-        "size": "small"
-      },
-      "tokens": {
-        "dotSize": 6,
-        "size": 24,
-        "thickness": 3
-      }
+      "if": { "size": "small" },
+      "tokens": { "dotSize": 6, "size": 24, "thickness": 3 }
     }
   ],
   "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 },
     "dotSize": 12,
     "fullScreenOverlayBackground": {
       "red": 0.61176,

package/build/android/Autocomplete.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 },
     "maxHeight": "100%",
     "overflowY": "visible"
   }

package/build/android/Badge.json

@@ -1,56 +1,25 @@
 {
   "appearances": {
-    "alternative": {
-      "type": "variant",
-      "values": [true]
-    },
-    "inverse": {
-      "type": "variant",
-      "values": [true]
-    },
-    "outline": {
-      "type": "variant",
-      "values": [true]
-    },
+    "alternative": { "type": "variant", "values": [true] },
+    "inverse": { "type": "variant", "values": [true] },
+    "outline": { "type": "variant", "values": [true] },
     "purpose": {
       "type": "variant",
       "values": ["offer", "editorial", "subtle"]
     },
-    "size": {
-      "type": "variant",
-      "values": ["compact"]
-    }
+    "size": { "type": "variant", "values": ["compact"] }
   },
   "rules": [
     {
-      "if": {
-        "inverse": true
-      },
+      "if": { "inverse": true },
       "tokens": {
-        "backgroundColor": {
-          "red": 0,
-          "green": 0,
-          "blue": 0,
-          "alpha": 0
-        },
-        "borderColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        },
-        "color": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        }
+        "backgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
+        "borderColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
+        "color": { "red": 1, "green": 1, "blue": 1, "alpha": 1 }
       }
     },
     {
-      "if": {
-        "alternative": true
-      },
+      "if": { "alternative": true },
       "tokens": {
         "backgroundColor": {
           "red": 0.91765,
@@ -73,16 +42,9 @@
       }
     },
     {
-      "if": {
-        "outline": true
-      },
+      "if": { "outline": true },
       "tokens": {
-        "backgroundColor": {
-          "red": 0,
-          "green": 0,
-          "blue": 0,
-          "alpha": 0
-        },
+        "backgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
         "borderColor": {
           "red": 0.97647,
           "green": 0.94902,
@@ -92,9 +54,7 @@
       }
     },
     {
-      "if": {
-        "purpose": "offer"
-      },
+      "if": { "purpose": "offer" },
       "tokens": {
         "backgroundColor": {
           "red": 0.98824,
@@ -111,9 +71,7 @@
       }
     },
     {
-      "if": {
-        "purpose": "editorial"
-      },
+      "if": { "purpose": "editorial" },
       "tokens": {
         "backgroundColor": {
           "red": 0.80392,
@@ -130,9 +88,7 @@
       }
     },
     {
-      "if": {
-        "purpose": "subtle"
-      },
+      "if": { "purpose": "subtle" },
       "tokens": {
         "backgroundColor": {
           "red": 0.97647,
@@ -149,17 +105,9 @@
       }
     },
     {
-      "if": {
-        "outline": true,
-        "purpose": "subtle"
-      },
+      "if": { "outline": true, "purpose": "subtle" },
       "tokens": {
-        "backgroundColor": {
-          "red": 0,
-          "green": 0,
-          "blue": 0,
-          "alpha": 0
-        },
+        "backgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
         "borderColor": {
           "red": 0.97647,
           "green": 0.94902,
@@ -169,17 +117,9 @@
       }
     },
     {
-      "if": {
-        "outline": true,
-        "purpose": "editorial"
-      },
+      "if": { "outline": true, "purpose": "editorial" },
       "tokens": {
-        "backgroundColor": {
-          "red": 0,
-          "green": 0,
-          "blue": 0,
-          "alpha": 0
-        },
+        "backgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
         "borderColor": {
           "red": 0.80392,
           "green": 0.81176,
@@ -189,17 +129,9 @@
       }
     },
     {
-      "if": {
-        "outline": true,
-        "purpose": "offer"
-      },
+      "if": { "outline": true, "purpose": "offer" },
       "tokens": {
-        "backgroundColor": {
-          "red": 0,
-          "green": 0,
-          "blue": 0,
-          "alpha": 0
-        },
+        "backgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
         "borderColor": {
           "red": 0.98824,
           "green": 0.90196,
@@ -216,9 +148,7 @@
       }
     },
     {
-      "if": {
-        "size": "compact"
-      },
+      "if": { "size": "compact" },
       "tokens": {
         "fontSize": 12,
         "paddingBottom": 0,
@@ -243,12 +173,7 @@
     },
     "borderRadius": 999,
     "borderWidth": 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 },
     "fontName": "SofiaPro",
     "fontSize": 12,
     "fontWeight": 400,

package/build/android/BlockQuote.json

@@ -8,9 +8,7 @@
   },
   "rules": [
     {
-      "if": {
-        "viewport": ["xs", "sm", "md"]
-      },
+      "if": { "viewport": ["xs", "sm", "md"] },
       "tokens": {
         "titleHeadingFontName": "SofiaPro",
         "titleHeadingFontSize": 30,
@@ -44,12 +42,7 @@
         }
       ]
     },
-    "color": {
-      "red": 0.22353,
-      "green": 0.25098,
-      "blue": 0.33725,
-      "alpha": 1
-    },
+    "color": { "red": 0.22353, "green": 0.25098, "blue": 0.33725, "alpha": 1 },
     "linkFontName": "SofiaPro",
     "linkFontSize": 18,
     "linkFontWeight": 700,

package/build/android/Box.json

@@ -26,9 +26,7 @@
   },
   "rules": [
     {
-      "if": {
-        "background": "lightest"
-      },
+      "if": { "background": "lightest" },
       "tokens": {
         "backgroundColor": {
           "red": 0.99608,
@@ -45,9 +43,7 @@
       }
     },
     {
-      "if": {
-        "background": "lighter"
-      },
+      "if": { "background": "lighter" },
       "tokens": {
         "backgroundColor": {
           "red": 0.99216,
@@ -64,9 +60,7 @@
       }
     },
     {
-      "if": {
-        "background": "light"
-      },
+      "if": { "background": "light" },
       "tokens": {
         "backgroundColor": {
           "red": 0.98824,
@@ -83,9 +77,7 @@
       }
     },
     {
-      "if": {
-        "background": "dark"
-      },
+      "if": { "background": "dark" },
       "tokens": {
         "backgroundColor": {
           "red": 0.41569,
@@ -102,9 +94,7 @@
       }
     },
     {
-      "if": {
-        "background": "darker"
-      },
+      "if": { "background": "darker" },
       "tokens": {
         "backgroundColor": {
           "red": 0.22353,
@@ -121,9 +111,7 @@
       }
     },
     {
-      "if": {
-        "background": "darkest"
-      },
+      "if": { "background": "darkest" },
       "tokens": {
         "backgroundColor": {
           "red": 0.16863,
@@ -140,9 +128,7 @@
       }
     },
     {
-      "if": {
-        "background": "critical"
-      },
+      "if": { "background": "critical" },
       "tokens": {
         "backgroundColor": {
           "red": 0.74902,
@@ -159,9 +145,7 @@
       }
     },
     {
-      "if": {
-        "background": "danger"
-      },
+      "if": { "background": "danger" },
       "tokens": {
         "backgroundColor": {
           "red": 0.97647,
@@ -178,9 +162,7 @@
       }
     },
     {
-      "if": {
-        "background": "warning"
-      },
+      "if": { "background": "warning" },
       "tokens": {
         "backgroundColor": {
           "red": 0.98824,
@@ -197,9 +179,7 @@
       }
     },
     {
-      "if": {
-        "background": "positive"
-      },
+      "if": { "background": "positive" },
       "tokens": {
         "backgroundColor": {
           "red": 0.91765,
@@ -216,9 +196,7 @@
       }
     },
     {
-      "if": {
-        "background": "brand"
-      },
+      "if": { "background": "brand" },
       "tokens": {
         "backgroundColor": {
           "red": 0.22353,
@@ -235,28 +213,14 @@
       }
     },
     {
-      "if": {
-        "background": "white"
-      },
+      "if": { "background": "white" },
       "tokens": {
-        "backgroundColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        },
-        "borderColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        }
+        "backgroundColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
+        "borderColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 }
       }
     },
     {
-      "if": {
-        "background": "black"
-      },
+      "if": { "background": "black" },
       "tokens": {
         "backgroundColor": {
           "red": 0.16863,
@@ -273,9 +237,7 @@
       }
     },
     {
-      "if": {
-        "background": "featurePrimary"
-      },
+      "if": { "background": "featurePrimary" },
       "tokens": {
         "backgroundColor": {
           "red": 0.96471,
@@ -292,9 +254,7 @@
       }
     },
     {
-      "if": {
-        "background": "featureSecondary"
-      },
+      "if": { "background": "featureSecondary" },
       "tokens": {
         "backgroundColor": {
           "red": 0.97647,
@@ -311,9 +271,7 @@
       }
     },
     {
-      "if": {
-        "background": "featureNeutral"
-      },
+      "if": { "background": "featureNeutral" },
       "tokens": {
         "backgroundColor": {
           "red": 0.98824,
@@ -330,9 +288,7 @@
       }
     },
     {
-      "if": {
-        "background": "featureBrand"
-      },
+      "if": { "background": "featureBrand" },
       "tokens": {
         "backgroundColor": {
           "red": 0.95294,
@@ -350,20 +306,10 @@
     }
   ],
   "tokens": {
-    "backgroundColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "backgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "borderBottomLeftRadius": 0,
     "borderBottomRightRadius": 0,
-    "borderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "borderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "borderTopLeftRadius": 0,
     "borderTopRightRadius": 0,
     "borderWidth": 0,

package/build/android/Breadcrumbs.json

@@ -1,15 +1,8 @@
 {
-  "appearances": {
-    "inverse": {
-      "type": "variant",
-      "values": [true]
-    }
-  },
+  "appearances": { "inverse": { "type": "variant", "values": [true] } },
   "rules": [
     {
-      "if": {
-        "inverse": true
-      },
+      "if": { "inverse": true },
       "tokens": {
         "color": {
           "red": 0.97647,
@@ -33,12 +26,7 @@
     }
   ],
   "tokens": {
-    "color": {
-      "red": 0.38824,
-      "green": 0.42353,
-      "blue": 0.54902,
-      "alpha": 1
-    },
+    "color": { "red": 0.38824, "green": 0.42353, "blue": 0.54902, "alpha": 1 },
     "currentColor": {
       "red": 0.22353,
       "green": 0.25098,