@telus-uds/theme-public-mobile 5.0.0 → 5.1.0

package/build/android/QuantitySelectorSideButton.json

@@ -1,43 +1,17 @@
 {
   "appearances": {
-    "alternative": {
-      "type": "variant",
-      "values": [true, false]
-    },
-    "decrease": {
-      "type": "variant",
-      "values": [true]
-    },
-    "disabled": {
-      "type": "variant",
-      "values": [true]
-    },
-    "focus": {
-      "type": "variant",
-      "values": [true]
-    },
-    "hover": {
-      "type": "variant",
-      "values": [true]
-    },
-    "inactive": {
-      "type": "variant",
-      "values": [true]
-    },
-    "increase": {
-      "type": "variant",
-      "values": [true]
-    },
-    "pressed": {
-      "type": "variant",
-      "values": [true]
-    }
+    "alternative": { "type": "variant", "values": [true, false] },
+    "decrease": { "type": "variant", "values": [true] },
+    "disabled": { "type": "variant", "values": [true] },
+    "focus": { "type": "variant", "values": [true] },
+    "hover": { "type": "variant", "values": [true] },
+    "inactive": { "type": "variant", "values": [true] },
+    "increase": { "type": "variant", "values": [true] },
+    "pressed": { "type": "variant", "values": [true] }
   },
   "rules": [
     {
-      "if": {
-        "hover": true
-      },
+      "if": { "hover": true },
       "tokens": {
         "backgroundColor": {
           "red": 0.84706,
@@ -48,9 +22,7 @@
       }
     },
     {
-      "if": {
-        "pressed": true
-      },
+      "if": { "pressed": true },
       "tokens": {
         "backgroundColor": {
           "red": 0.98824,
@@ -61,9 +33,7 @@
       }
     },
     {
-      "if": {
-        "decrease": true
-      },
+      "if": { "decrease": true },
       "tokens": {
         "borderBottomLeftRadius": 4,
         "borderRightWidth": 0,
@@ -72,9 +42,7 @@
       }
     },
     {
-      "if": {
-        "increase": true
-      },
+      "if": { "increase": true },
       "tokens": {
         "borderBottomRightRadius": 4,
         "borderLeftWidth": 0,
@@ -83,10 +51,7 @@
       }
     },
     {
-      "if": {
-        "focus": true,
-        "increase": true
-      },
+      "if": { "focus": true, "increase": true },
       "tokens": {
         "borderBottomWidth": 3,
         "borderLeftWidth": 2,
@@ -95,10 +60,7 @@
       }
     },
     {
-      "if": {
-        "decrease": true,
-        "focus": true
-      },
+      "if": { "decrease": true, "focus": true },
       "tokens": {
         "borderBottomWidth": 3,
         "borderLeftWidth": 3,
@@ -107,45 +69,21 @@
       }
     },
     {
-      "if": {
-        "alternative": true
-      },
-      "tokens": {
-        "paddingBottom": 12,
-        "paddingTop": 12
-      }
+      "if": { "alternative": true },
+      "tokens": { "paddingBottom": 12, "paddingTop": 12 }
     },
     {
-      "if": {
-        "alternative": true,
-        "increase": true
-      },
-      "tokens": {
-        "borderBottomRightRadius": 24,
-        "borderTopRightRadius": 24
-      }
+      "if": { "alternative": true, "increase": true },
+      "tokens": { "borderBottomRightRadius": 24, "borderTopRightRadius": 24 }
     },
     {
-      "if": {
-        "alternative": true,
-        "decrease": true
-      },
-      "tokens": {
-        "borderBottomLeftRadius": 24,
-        "borderTopLeftRadius": 24
-      }
+      "if": { "alternative": true, "decrease": true },
+      "tokens": { "borderBottomLeftRadius": 24, "borderTopLeftRadius": 24 }
     },
     {
-      "if": {
-        "disabled": true
-      },
+      "if": { "disabled": true },
       "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,
@@ -162,16 +100,9 @@
       }
     },
     {
-      "if": {
-        "inactive": true
-      },
+      "if": { "inactive": true },
       "tokens": {
-        "backgroundColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
-        },
+        "backgroundColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
         "borderColor": {
           "red": 0.61176,
           "green": 0.62353,
@@ -188,12 +119,7 @@
     }
   ],
   "tokens": {
-    "backgroundColor": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
-      "alpha": 1
-    },
+    "backgroundColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
     "borderBottomLeftRadius": 0,
     "borderBottomRightRadius": 0,
     "borderBottomWidth": 1,

package/build/android/QuickLinks.json

@@ -8,14 +8,8 @@
   },
   "rules": [
     {
-      "if": {
-        "viewport": ["md", "lg", "xl"]
-      },
-      "tokens": {
-        "card": false,
-        "dividers": true,
-        "list": false
-      }
+      "if": { "viewport": ["md", "lg", "xl"] },
+      "tokens": { "card": false, "dividers": true, "list": false }
     }
   ],
   "tokens": {

package/build/android/QuickLinksButton.json

@@ -8,9 +8,7 @@
   },
   "rules": [
     {
-      "if": {
-        "pressed": true
-      },
+      "if": { "pressed": true },
       "tokens": {
         "backgroundColor": {
           "red": 0.80392,
@@ -56,12 +54,7 @@
     },
     "borderRadius": 48,
     "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": 16,
     "fontWeight": 700,
@@ -77,18 +70,8 @@
     "lineHeight": 1.5,
     "minWidth": 112,
     "opacity": 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 },
     "outerBorderGap": 2,
     "outerBorderWidth": 2,
     "paddingBottom": 12,

package/build/android/QuickLinksFeature.json

@@ -6,19 +6,6 @@
       "type": "state"
     }
   },
-  "rules": [
-    {
-      "if": {
-        "viewport": "xs"
-      },
-      "tokens": {
-        "stackSpace": 4
-      }
-    }
-  ],
-  "tokens": {
-    "stackGap": 5,
-    "stackJustify": "center",
-    "stackSpace": 5
-  }
+  "rules": [{ "if": { "viewport": "xs" }, "tokens": { "stackSpace": 4 } }],
+  "tokens": { "stackGap": 5, "stackJustify": "center", "stackSpace": 5 }
 }

package/build/android/QuickLinksFeatureItem.json

@@ -13,18 +13,11 @@
   },
   "rules": [
     {
-      "if": {
-        "viewport": "xl"
-      },
-      "tokens": {
-        "contentMaxDimension": 184,
-        "imageDimension": 168
-      }
+      "if": { "viewport": "xl" },
+      "tokens": { "contentMaxDimension": 184, "imageDimension": 168 }
     },
     {
-      "if": {
-        "pressed": true
-      },
+      "if": { "pressed": true },
       "tokens": {
         "color": {
           "red": 0.16863,
@@ -43,12 +36,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 },
     "contentAlignItems": "center",
     "contentDirection": "column",
     "contentMaxDimension": 140,
@@ -58,12 +46,7 @@
     "fontWeight": 700,
     "gap": 5,
     "imageDimension": 128,
-    "outerBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "outerBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "textAlign": "center",
     "textLine": "none"
   }

package/build/android/QuickLinksList.json

@@ -8,9 +8,7 @@
   },
   "rules": [
     {
-      "if": {
-        "pressed": true
-      },
+      "if": { "pressed": true },
       "tokens": {
         "backgroundColor": {
           "red": 0.61176,
@@ -50,12 +48,7 @@
     "iconMarginTop": 0,
     "interItemMargin": 0,
     "interItemMarginWithDivider": 0,
-    "itemBulletColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "itemBulletColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "itemBulletContainerAlign": "center",
     "itemBulletContainerWidth": 0,
     "itemBulletHeight": 0,

package/build/android/Radio.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],
@@ -16,16 +13,9 @@
     }
   },
   "rules": [
+    { "if": { "error": true }, "tokens": {} },
     {
-      "if": {
-        "error": true
-      },
-      "tokens": {}
-    },
-    {
-      "if": {
-        "inactive": true
-      },
+      "if": { "inactive": true },
       "tokens": {
         "checkedBackgroundColor": {
           "red": 0.80392,
@@ -54,10 +44,7 @@
       }
     },
     {
-      "if": {
-        "checked": true,
-        "inactive": true
-      },
+      "if": { "checked": true, "inactive": true },
       "tokens": {
         "checkedBackgroundColor": {
           "red": 0.61176,
@@ -76,12 +63,7 @@
       "alpha": 1
     },
     "checkedSize": 12,
-    "containerBackgroundColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "containerBackgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "containerBorderRadius": 0,
     "containerOpacity": 1,
     "containerPaddingBottom": 0,
@@ -95,24 +77,9 @@
     "descriptionLineHeight": 1.5,
     "descriptionMarginLeft": null,
     "icon": null,
-    "iconBackgroundColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
-    "iconColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
-    "inputBackgroundColor": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
-      "alpha": 1
-    },
+    "iconBackgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
+    "iconColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
+    "inputBackgroundColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
     "inputBorderColor": {
       "red": 0.22353,
       "green": 0.25098,
@@ -120,12 +87,7 @@
       "alpha": 1
     },
     "inputBorderWidth": 2,
-    "inputOutlineColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "inputOutlineColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "inputOutlineWidth": 2,
     "inputSize": 20,
     "labelColor": {
@@ -139,12 +101,7 @@
     "labelFontWeight": 400,
     "labelLineHeight": 1.55555555,
     "labelMarginLeft": 8,
-    "outerBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "outerBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "outerBorderGap": 0,
     "outerBorderWidth": 0
   }

package/build/android/RadioCard.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": {
         "radioInputBorderColor": {
           "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 },
         "color": {
           "red": 0.38824,
           "green": 0.42353,
@@ -136,12 +120,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,
@@ -150,12 +129,7 @@
     },
     "borderRadius": 6,
     "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 },
     "contentAlignItems": "stretch",
     "contentFlexGrow": 0,
     "contentFlexShrink": 1,
@@ -172,12 +146,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,
@@ -204,20 +173,10 @@
       "alpha": 1
     },
     "radioInputBorderWidth": 2,
-    "radioInputOutlineColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "radioInputOutlineColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "radioInputOutlineWidth": 0,
     "radioInputSize": 20,
-    "radioOuterBorderColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "radioOuterBorderColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "radioOuterBorderGap": 0,
     "radioOuterBorderWidth": 1,
     "radioSpace": 2,

package/build/android/RadioCardGroup.json

@@ -13,14 +13,8 @@
   },
   "rules": [
     {
-      "if": {
-        "fullWidth": null,
-        "viewport": ["md", "lg", "xl"]
-      },
-      "tokens": {
-        "direction": "row",
-        "space": 6
-      }
+      "if": { "fullWidth": null, "viewport": ["md", "lg", "xl"] },
+      "tokens": { "direction": "row", "space": 6 }
     }
   ],
   "tokens": {

package/build/android/Ribbon.json

@@ -7,9 +7,7 @@
   },
   "rules": [
     {
-      "if": {
-        "purpose": "editorial"
-      },
+      "if": { "purpose": "editorial" },
       "tokens": {
         "backgroundColor": {
           "red": 0.80392,
@@ -26,9 +24,7 @@
       }
     },
     {
-      "if": {
-        "purpose": "offer"
-      },
+      "if": { "purpose": "offer" },
       "tokens": {
         "backgroundColor": {
           "red": 0.22353,
@@ -39,9 +35,7 @@
       }
     },
     {
-      "if": {
-        "purpose": "subtle"
-      },
+      "if": { "purpose": "subtle" },
       "tokens": {
         "backgroundColor": {
           "red": 0.22353,
@@ -62,12 +56,7 @@
     "borderRadius": null,
     "borderRadiusBottomLeft": 8,
     "borderRadiusBottomRight": 8,
-    "boxShadowColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "boxShadowColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "boxShadowPaddingBottom": null,
     "boxShadowPaddingLeft": null,
     "boxShadowPaddingRight": null,
@@ -81,21 +70,11 @@
     "curveAfterHeight": null,
     "curveAfterRadius": null,
     "curveAfterWidth": null,
-    "curveBackgroundColor": {
-      "red": 0,
-      "green": 0,
-      "blue": 0,
-      "alpha": 0
-    },
+    "curveBackgroundColor": { "red": 0, "green": 0, "blue": 0, "alpha": 0 },
     "curveHeight": null,
     "curveMarginTop": null,
     "curveWidth": null,
-    "fontColor": {
-      "red": 1,
-      "green": 1,
-      "blue": 1,
-      "alpha": 1
-    },
+    "fontColor": { "red": 1, "green": 1, "blue": 1, "alpha": 1 },
     "fontName": "SofiaPro",
     "fontSize": 14,
     "fontWeight": 700,