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

package/build/android/Pagination.json

@@ -8,12 +8,8 @@
   },
   "rules": [
     {
-      "if": {
-        "viewport": ["md", "lg", "xl"]
-      },
-      "tokens": {
-        "truncateAbove": 6
-      }
+      "if": { "viewport": ["md", "lg", "xl"] },
+      "tokens": { "truncateAbove": 6 }
     }
   ],
   "tokens": {
@@ -27,12 +23,7 @@
     "borderLeftWidth": 1,
     "borderRightWidth": 0,
     "borderTopWidth": 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 },
     "ellipsisBorderBottomWidth": 0,
     "ellipsisBorderLeftWidth": 0,
     "ellipsisBorderRightWidth": 1,

package/build/android/PaginationPageButton.json

@@ -13,9 +13,7 @@
   },
   "rules": [
     {
-      "if": {
-        "selected": true
-      },
+      "if": { "selected": true },
       "tokens": {
         "backgroundColor": {
           "red": 0.95294,
@@ -26,9 +24,7 @@
       }
     },
     {
-      "if": {
-        "pressed": true
-      },
+      "if": { "pressed": true },
       "tokens": {
         "backgroundColor": {
           "red": 0.38824,
@@ -46,12 +42,7 @@
     }
   ],
   "tokens": {
-    "backgroundColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "backgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "borderBottomWidth": 0,
     "borderColor": {
       "red": 0.22353,
@@ -63,23 +54,13 @@
     "borderRadius": 0,
     "borderRightWidth": 1,
     "borderTopWidth": 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 },
     "fontName": "SofiaPro",
     "fontSize": 16,
     "fontWeight": 400,
     "height": 48,
     "lineHeight": 1.5,
-    "outerBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "outerBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "outerBorderGap": 4,
     "outerBorderWidth": 0,
     "paddingBottom": 8,

package/build/android/PaginationSideButton.json

@@ -28,10 +28,7 @@
   },
   "rules": [
     {
-      "if": {
-        "compact": true,
-        "direction": "previous"
-      },
+      "if": { "compact": true, "direction": "previous" },
       "tokens": {
         "displayLabel": false,
         "icon": "PaletteIconChevronLeft",
@@ -39,10 +36,7 @@
       }
     },
     {
-      "if": {
-        "compact": true,
-        "direction": "next"
-      },
+      "if": { "compact": true, "direction": "next" },
       "tokens": {
         "displayLabel": false,
         "icon": "PaletteIconChevronRight",
@@ -50,10 +44,7 @@
       }
     },
     {
-      "if": {
-        "direction": "previous",
-        "viewport": ["xs", "sm"]
-      },
+      "if": { "direction": "previous", "viewport": ["xs", "sm"] },
       "tokens": {
         "displayLabel": false,
         "icon": "PaletteIconChevronLeft",
@@ -65,10 +56,7 @@
       }
     },
     {
-      "if": {
-        "direction": "next",
-        "viewport": ["xs", "sm"]
-      },
+      "if": { "direction": "next", "viewport": ["xs", "sm"] },
       "tokens": {
         "displayLabel": false,
         "icon": "PaletteIconChevronRight",
@@ -80,9 +68,7 @@
       }
     },
     {
-      "if": {
-        "selected": true
-      },
+      "if": { "selected": true },
       "tokens": {
         "backgroundColor": {
           "red": 0.22353,
@@ -99,9 +85,7 @@
       }
     },
     {
-      "if": {
-        "pressed": true
-      },
+      "if": { "pressed": true },
       "tokens": {
         "backgroundColor": {
           "red": 0.38824,
@@ -117,22 +101,10 @@
         }
       }
     },
-    {
-      "if": {
-        "direction": "next"
-      },
-      "tokens": {
-        "borderRightWidth": 1
-      }
-    }
+    { "if": { "direction": "next" }, "tokens": { "borderRightWidth": 1 } }
   ],
   "tokens": {
-    "backgroundColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "backgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "borderBottomWidth": 0,
     "borderColor": {
       "red": 0.22353,
@@ -144,12 +116,7 @@
     "borderRadius": 0,
     "borderRightWidth": 1,
     "borderTopWidth": 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 },
     "displayLabel": true,
     "fontName": "SofiaPro",
     "fontSize": 16,
@@ -159,12 +126,7 @@
     "iconDisplace": 0,
     "iconSize": 14,
     "lineHeight": 1.5,
-    "outerBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "outerBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "outerBorderWidth": 0,
     "paddingBottom": 8,
     "paddingLeft": 8,

package/build/android/PreviewCard.json

@@ -2,12 +2,7 @@
   "appearances": {},
   "rules": [],
   "tokens": {
-    "backgroundColor": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
-      "alpha": 1
-    },
+    "backgroundColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
     "borderColor": {
       "red": 0.80392,
       "green": 0.81176,
@@ -17,23 +12,13 @@
     "borderRadius": 6,
     "borderWidth": 1,
     "flex": 1,
-    "outerBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "outerBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "outerBorderGap": 0,
     "outerBorderWidth": 0,
     "paddingBottom": 0,
     "paddingLeft": 0,
     "paddingRight": 0,
     "paddingTop": 0,
-    "separatorColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    }
+    "separatorColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 }
   }
 }

package/build/android/PriceLockup.json

@@ -1,17 +1,11 @@
 {
   "appearances": {
-    "price": {
-      "type": "variant",
-      "values": ["default", "baseline"]
-    },
+    "price": { "type": "variant", "values": ["default", "baseline"] },
     "size": {
       "type": "variant",
       "values": ["micro", "small", "medium", "large"]
     },
-    "style": {
-      "type": "variant",
-      "values": ["inverse"]
-    },
+    "style": { "type": "variant", "values": ["inverse"] },
     "viewport": {
       "description": "The size label for the current screen viewport based on the current screen width",
       "values": ["xs", "sm", "md", "lg", "xl"],
@@ -20,9 +14,7 @@
   },
   "rules": [
     {
-      "if": {
-        "size": "large"
-      },
+      "if": { "size": "large" },
       "tokens": {
         "amountFontSize": 72,
         "bottomTextFontSize": 18,
@@ -42,10 +34,7 @@
       }
     },
     {
-      "if": {
-        "size": "large",
-        "viewport": ["lg", "xl"]
-      },
+      "if": { "size": "large", "viewport": ["lg", "xl"] },
       "tokens": {
         "bottomTextFontSize": 20,
         "bottomTextLineHeight": 1.4,
@@ -54,9 +43,7 @@
       }
     },
     {
-      "if": {
-        "size": "micro"
-      },
+      "if": { "size": "micro" },
       "tokens": {
         "amountFontSize": 36,
         "bottomTextFontSize": 16,
@@ -75,9 +62,7 @@
       }
     },
     {
-      "if": {
-        "size": "small"
-      },
+      "if": { "size": "small" },
       "tokens": {
         "amountFontSize": 36,
         "bottomTextFontSize": 16,
@@ -96,9 +81,7 @@
       }
     },
     {
-      "if": {
-        "price": "baseline"
-      },
+      "if": { "price": "baseline" },
       "tokens": {
         "centsFontName": "BystanderSans",
         "centsFontSize": 48,
@@ -108,10 +91,7 @@
       }
     },
     {
-      "if": {
-        "price": "baseline",
-        "size": "micro"
-      },
+      "if": { "price": "baseline", "size": "micro" },
       "tokens": {
         "centsFontName": "BystanderSans",
         "centsFontSize": 36,
@@ -120,10 +100,7 @@
       }
     },
     {
-      "if": {
-        "price": "baseline",
-        "size": "small"
-      },
+      "if": { "price": "baseline", "size": "small" },
       "tokens": {
         "centsFontName": "BystanderSans",
         "centsFontSize": 36,
@@ -132,10 +109,7 @@
       }
     },
     {
-      "if": {
-        "price": "baseline",
-        "size": "large"
-      },
+      "if": { "price": "baseline", "size": "large" },
       "tokens": {
         "centsFontName": "BystanderSans",
         "centsFontSize": 72,
@@ -144,28 +118,11 @@
       }
     },
     {
-      "if": {
-        "style": "inverse"
-      },
+      "if": { "style": "inverse" },
       "tokens": {
-        "fontColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        },
-        "footnoteLinkColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        },
-        "strikeThroughColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        }
+        "fontColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
+        "footnoteLinkColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
+        "strikeThroughColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 }
       }
     }
   ],
@@ -190,12 +147,7 @@
     "currencySymbolFontWeight": 700,
     "currencySymbolLineHeight": 1.2,
     "currencySymbolPaddingTop": 0,
-    "dividerColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "dividerColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "fontColor": {
       "red": 0.22353,
       "green": 0.25098,

package/build/android/ProductCard.json

@@ -8,9 +8,7 @@
   },
   "rules": [
     {
-      "if": {
-        "viewport": ["xs", "sm", "md"]
-      },
+      "if": { "viewport": ["xs", "sm", "md"] },
       "tokens": {
         "borderWidth": 0,
         "paddingHorizontal": 24,

package/build/android/Progress.json

@@ -1,9 +1,6 @@
 {
   "appearances": {
-    "size": {
-      "type": "variant",
-      "values": ["mini"]
-    },
+    "size": { "type": "variant", "values": ["mini"] },
     "style": {
       "description": "Configure `style` variant for `Progress`",
       "type": "variant",
@@ -11,44 +8,19 @@
     }
   },
   "rules": [
+    { "if": { "size": "mini" }, "tokens": { "barHeight": 8, "height": 8 } },
     {
-      "if": {
-        "size": "mini"
-      },
+      "if": { "style": "inverse" },
       "tokens": {
-        "barHeight": 8,
-        "height": 8
-      }
-    },
-    {
-      "if": {
-        "style": "inverse"
-      },
-      "tokens": {
-        "backgroundColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 0.1
-        },
-        "borderColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 0.6
-        },
+        "backgroundColor": { "red": 1, "green": 1, "blue": 1, "alpha": 0.1 },
+        "borderColor": { "red": 1, "green": 1, "blue": 1, "alpha": 0.6 },
         "shadow": {
           "inset": true,
           "offsetX": 0,
           "offsetY": 2,
           "blur": 2,
           "spread": 0,
-          "color": {
-            "red": 0,
-            "green": 0,
-            "blue": 0,
-            "alpha": 0.1
-          }
+          "color": { "red": 0, "green": 0, "blue": 0, "alpha": 0.1 }
         }
       }
     }
@@ -76,12 +48,7 @@
       "offsetY": 2,
       "blur": 2,
       "spread": 0,
-      "color": {
-        "red": 0,
-        "green": 0,
-        "blue": 0,
-        "alpha": 0.1
-      }
+      "color": { "red": 0, "green": 0, "blue": 0, "alpha": 0.1 }
     }
   }
 }

package/build/android/ProgressBar.json

@@ -8,9 +8,7 @@
   },
   "rules": [
     {
-      "if": {
-        "style": "subtle"
-      },
+      "if": { "style": "subtle" },
       "tokens": {
         "backgroundColor": {
           "red": 0.41569,
@@ -28,9 +26,7 @@
       }
     },
     {
-      "if": {
-        "style": "inverse"
-      },
+      "if": { "style": "inverse" },
       "tokens": {
         "backgroundColor": {
           "red": 0.96078,
@@ -48,9 +44,7 @@
       }
     },
     {
-      "if": {
-        "style": "inactive"
-      },
+      "if": { "style": "inactive" },
       "tokens": {
         "backgroundColor": {
           "red": 0.80392,
@@ -61,9 +55,7 @@
       }
     },
     {
-      "if": {
-        "style": "negative"
-      },
+      "if": { "style": "negative" },
       "tokens": {
         "backgroundColor": {
           "red": 0.74902,

package/build/android/QuantitySelector.json

@@ -1,35 +1,15 @@
 {
   "appearances": {
-    "alternative": {
-      "type": "variant",
-      "values": [true]
-    },
-    "disabled": {
-      "type": "variant",
-      "values": [true]
-    },
-    "focus": {
-      "type": "variant",
-      "values": [true]
-    },
-    "hover": {
-      "type": "variant",
-      "values": [true]
-    },
-    "inactive": {
-      "type": "variant",
-      "values": [true]
-    },
-    "pressed": {
-      "type": "variant",
-      "values": [true]
-    }
+    "alternative": { "type": "variant", "values": [true] },
+    "disabled": { "type": "variant", "values": [true] },
+    "focus": { "type": "variant", "values": [true] },
+    "hover": { "type": "variant", "values": [true] },
+    "inactive": { "type": "variant", "values": [true] },
+    "pressed": { "type": "variant", "values": [true] }
   },
   "rules": [
     {
-      "if": {
-        "alternative": true
-      },
+      "if": { "alternative": true },
       "tokens": {
         "fontSize": 16,
         "lineHeight": 1.5,
@@ -38,9 +18,7 @@
       }
     },
     {
-      "if": {
-        "hover": true
-      },
+      "if": { "hover": true },
       "tokens": {
         "inputBackgroundColor": {
           "red": 0.84706,
@@ -50,25 +28,11 @@
         }
       }
     },
+    { "if": { "focus": true }, "tokens": { "inputBorderWidth": 3 } },
     {
-      "if": {
-        "focus": true
-      },
+      "if": { "disabled": true },
       "tokens": {
-        "inputBorderWidth": 3
-      }
-    },
-    {
-      "if": {
-        "disabled": true
-      },
-      "tokens": {
-        "inputBackgroundColor": {
-          "red": 0,
-          "green": 0,
-          "blue": 0,
-          "alpha": 0
-        },
+        "inputBackgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
         "inputBorderColor": {
           "red": 0.61176,
           "green": 0.62353,
@@ -85,16 +49,9 @@
       }
     },
     {
-      "if": {
-        "inactive": true
-      },
+      "if": { "inactive": true },
       "tokens": {
-        "inputBackgroundColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        },
+        "inputBackgroundColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
         "inputBorderColor": {
           "red": 0.61176,
           "green": 0.62353,
@@ -113,12 +70,7 @@
   ],
   "tokens": {
     "fontSize": 18,
-    "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,