@telus-uds/theme-public-mobile 4.12.1 → 4.14.0

package/build/android/ButtonDropdown.json

@@ -19,6 +19,14 @@
       "description": "Applies while an interactive component is the currently selected one in a set of states or components, for example a button in a `ButtonGroup`.",
       "values": [true],
       "type": "state"
+    },
+    "size": {
+      "type": "variant",
+      "values": ["default", "small"]
+    },
+    "width": {
+      "type": "variant",
+      "values": ["full"]
     }
   },
   "rules": [
@@ -59,6 +67,12 @@
           "blue": 1,
           "alpha": 1
         },
+        "leadIconColor": {
+          "red": 1,
+          "green": 1,
+          "blue": 1,
+          "alpha": 1
+        },
         "outerBorderColor": {
           "red": 0.97647,
           "green": 0.80784,
@@ -98,6 +112,12 @@
           "green": 0.81176,
           "blue": 0.83529,
           "alpha": 1
+        },
+        "leadIconColor": {
+          "red": 0.80392,
+          "green": 0.81176,
+          "blue": 0.83529,
+          "alpha": 1
         }
       }
     },
@@ -123,8 +143,23 @@
           "green": 1,
           "blue": 1,
           "alpha": 1
+        },
+        "leadIconColor": {
+          "red": 1,
+          "green": 1,
+          "blue": 1,
+          "alpha": 1
         }
       }
+    },
+    {
+      "if": {
+        "size": "small"
+      },
+      "tokens": {
+        "paddingBottom": 4,
+        "paddingTop": 4
+      }
     }
   ],
   "tokens": {
@@ -149,6 +184,10 @@
       "blue": 0.33725,
       "alpha": 1
     },
+    "descriptionFontName": "SofiaPro",
+    "descriptionFontSize": 16,
+    "descriptionFontWeight": 400,
+    "descriptionTextPaddingBottom": 0,
     "dividerColor": {
       "red": 0.80392,
       "green": 0.81176,
@@ -173,12 +212,32 @@
       "blue": 0.33725,
       "alpha": 1
     },
-    "iconPadding": 4,
+    "iconPadding": 0,
     "iconPosition": "right",
     "iconSize": 20,
-    "iconSpace": 0,
+    "iconSpace": 1,
     "iconTranslateX": 0,
     "iconTranslateY": 0,
+    "leadIcon": null,
+    "leadIconBackgroundColor": {
+      "red": 0,
+      "green": 0,
+      "blue": 0,
+      "alpha": 0
+    },
+    "leadIconBorderRadius": 0,
+    "leadIconColor": {
+      "red": 0.22353,
+      "green": 0.25098,
+      "blue": 0.33725,
+      "alpha": 1
+    },
+    "leadIconContainerPaddingBottom": 0,
+    "leadIconContainerPaddingLeft": 0,
+    "leadIconContainerPaddingRight": 0,
+    "leadIconContainerPaddingTop": 0,
+    "leadIconPadding": 0,
+    "leadIconSize": 24,
     "lineHeight": 1,
     "minWidth": 0,
     "opacity": 1,
@@ -196,10 +255,10 @@
     },
     "outerBorderGap": 2,
     "outerBorderWidth": 1,
-    "paddingBottom": 8,
+    "paddingBottom": 10,
     "paddingLeft": 24,
-    "paddingRight": 16,
-    "paddingTop": 8,
+    "paddingRight": 24,
+    "paddingTop": 10,
     "shadow": null,
     "subtitleColor": {
       "red": 0.97647,
@@ -208,6 +267,8 @@
       "alpha": 1
     },
     "textAlign": "center",
+    "textPaddingLeft": 16,
+    "textPaddingRight": 16,
     "width": null
   }
 }

package/build/android/Checkbox.json

@@ -130,7 +130,7 @@
     "labelFontName": "SofiaPro",
     "labelFontSize": 18,
     "labelFontWeight": 400,
-    "labelLineHeight": 1.5,
-    "labelMarginLeft": 10
+    "labelLineHeight": 1.55555555,
+    "labelMarginLeft": 8
   }
 }

package/build/android/ExpandCollapseMiniControl.json

@@ -79,7 +79,7 @@
       "tokens": {
         "fontSize": 14,
         "iconSize": 16,
-        "lineHeight": 1.4
+        "lineHeight": 1.4285714285714286
       }
     },
     {
@@ -88,7 +88,7 @@
       },
       "tokens": {
         "fontSize": 16,
-        "iconSize": 20,
+        "iconSize": 16,
         "lineHeight": 1.5
       }
     },
@@ -98,6 +98,7 @@
       },
       "tokens": {
         "fontSize": 20,
+        "iconSize": 20,
         "lineHeight": 1.4
       }
     },
@@ -177,7 +178,7 @@
     "iconGap": 16,
     "iconPaddingTop": 4,
     "iconPosition": "left",
-    "iconSize": 24,
+    "iconSize": 16,
     "justifyContent": "flex-start",
     "lineHeight": 1.55555555,
     "paddingBottom": 0,

package/build/android/Icon.json

@@ -25,6 +25,10 @@
       "description": "Use size to change the dimension of the icon",
       "type": "variant",
       "values": ["micro", "small", "large", "extraLarge"]
+    },
+    "style": {
+      "type": "variant",
+      "values": ["default", "brand", "dark", "light"]
     }
   },
   "rules": [
@@ -73,6 +77,22 @@
         "width": 32
       }
     },
+    {
+      "if": {
+        "background": true
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.96078,
+          "green": 0.96078,
+          "blue": 0.96863,
+          "alpha": 1
+        },
+        "borderRadius": 45,
+        "padding": 4,
+        "width": 8
+      }
+    },
     {
       "if": {
         "background": true,
@@ -158,6 +178,386 @@
         "width": 32
       }
     },
+    {
+      "if": {
+        "style": "default"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.96078,
+          "green": 0.96078,
+          "blue": 0.96863,
+          "alpha": 1
+        },
+        "borderRadius": 45,
+        "padding": 4
+      }
+    },
+    {
+      "if": {
+        "style": "brand"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.95294,
+          "green": 0.61569,
+          "blue": 0.50196,
+          "alpha": 1
+        },
+        "borderRadius": 45,
+        "padding": 4
+      }
+    },
+    {
+      "if": {
+        "style": "dark"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0.1
+        },
+        "borderRadius": 45,
+        "padding": 4
+      }
+    },
+    {
+      "if": {
+        "style": "light"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.95294,
+          "green": 0.61569,
+          "blue": 0.50196,
+          "alpha": 1
+        },
+        "borderRadius": 45,
+        "padding": 4
+      }
+    },
+    {
+      "if": {
+        "padding": "micro",
+        "style": "default"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.96078,
+          "green": 0.96078,
+          "blue": 0.96863,
+          "alpha": 1
+        },
+        "borderRadius": 45,
+        "padding": 4
+      }
+    },
+    {
+      "if": {
+        "padding": "small",
+        "style": "default"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.96078,
+          "green": 0.96078,
+          "blue": 0.96863,
+          "alpha": 1
+        },
+        "borderRadius": 45,
+        "padding": 4
+      }
+    },
+    {
+      "if": {
+        "padding": "medium",
+        "style": "default"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.96078,
+          "green": 0.96078,
+          "blue": 0.96863,
+          "alpha": 1
+        },
+        "borderRadius": 45,
+        "padding": 4
+      }
+    },
+    {
+      "if": {
+        "padding": "large",
+        "style": "default"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.96078,
+          "green": 0.96078,
+          "blue": 0.96863,
+          "alpha": 1
+        },
+        "borderRadius": 45,
+        "padding": 4
+      }
+    },
+    {
+      "if": {
+        "padding": "extraLarge",
+        "style": "default"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.96078,
+          "green": 0.96078,
+          "blue": 0.96863,
+          "alpha": 1
+        },
+        "borderRadius": 45,
+        "padding": 4
+      }
+    },
+    {
+      "if": {
+        "padding": "micro",
+        "style": "brand"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.95294,
+          "green": 0.61569,
+          "blue": 0.50196,
+          "alpha": 1
+        },
+        "borderRadius": 45,
+        "padding": 4
+      }
+    },
+    {
+      "if": {
+        "padding": "small",
+        "style": "brand"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.95294,
+          "green": 0.61569,
+          "blue": 0.50196,
+          "alpha": 1
+        },
+        "borderRadius": 45,
+        "padding": 4
+      }
+    },
+    {
+      "if": {
+        "padding": "medium",
+        "style": "brand"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.95294,
+          "green": 0.61569,
+          "blue": 0.50196,
+          "alpha": 1
+        },
+        "borderRadius": 45,
+        "padding": 4
+      }
+    },
+    {
+      "if": {
+        "padding": "large",
+        "style": "brand"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.95294,
+          "green": 0.61569,
+          "blue": 0.50196,
+          "alpha": 1
+        },
+        "borderRadius": 45,
+        "padding": 4
+      }
+    },
+    {
+      "if": {
+        "padding": "extraLarge",
+        "style": "brand"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.95294,
+          "green": 0.61569,
+          "blue": 0.50196,
+          "alpha": 1
+        },
+        "borderRadius": 45,
+        "padding": 4
+      }
+    },
+    {
+      "if": {
+        "padding": "micro",
+        "style": "dark"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0.1
+        },
+        "borderRadius": 45,
+        "padding": 4
+      }
+    },
+    {
+      "if": {
+        "padding": "small",
+        "style": "dark"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0.1
+        },
+        "borderRadius": 45,
+        "padding": 4
+      }
+    },
+    {
+      "if": {
+        "padding": "medium",
+        "style": "dark"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0.1
+        },
+        "borderRadius": 45,
+        "padding": 4
+      }
+    },
+    {
+      "if": {
+        "padding": "large",
+        "style": "dark"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0.1
+        },
+        "borderRadius": 45,
+        "padding": 4
+      }
+    },
+    {
+      "if": {
+        "padding": "extraLarge",
+        "style": "dark"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0.1
+        },
+        "borderRadius": 45,
+        "padding": 4
+      }
+    },
+    {
+      "if": {
+        "padding": "micro",
+        "style": "light"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.95294,
+          "green": 0.61569,
+          "blue": 0.50196,
+          "alpha": 1
+        },
+        "borderRadius": 45,
+        "padding": 4
+      }
+    },
+    {
+      "if": {
+        "padding": "small",
+        "style": "light"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.95294,
+          "green": 0.61569,
+          "blue": 0.50196,
+          "alpha": 1
+        },
+        "borderRadius": 45,
+        "padding": 4
+      }
+    },
+    {
+      "if": {
+        "padding": "medium",
+        "style": "light"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.95294,
+          "green": 0.61569,
+          "blue": 0.50196,
+          "alpha": 1
+        },
+        "borderRadius": 45,
+        "padding": 4
+      }
+    },
+    {
+      "if": {
+        "padding": "large",
+        "style": "light"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.95294,
+          "green": 0.61569,
+          "blue": 0.50196,
+          "alpha": 1
+        },
+        "borderRadius": 45,
+        "padding": 4
+      }
+    },
+    {
+      "if": {
+        "padding": "extraLarge",
+        "style": "light"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.95294,
+          "green": 0.61569,
+          "blue": 0.50196,
+          "alpha": 1
+        },
+        "borderRadius": 45,
+        "padding": 4
+      }
+    },
     {
       "if": {
         "size": "micro"

package/build/android/Link.json

@@ -70,9 +70,9 @@
       },
       "tokens": {
         "color": {
-          "red": 0.22353,
-          "green": 0.25098,
-          "blue": 0.33725,
+          "red": 0.41569,
+          "green": 0.43922,
+          "blue": 0.50196,
           "alpha": 1
         }
       }
@@ -80,16 +80,17 @@
     {
       "if": {
         "alternative": true,
-        "pressed": true
+        "pressed": true,
+        "quiet": true
       },
       "tokens": {
         "color": {
-          "red": 0.16863,
-          "green": 0.19216,
-          "blue": 0.27059,
+          "red": 0.41569,
+          "green": 0.43922,
+          "blue": 0.50196,
           "alpha": 1
         },
-        "outerBorderWidth": 0
+        "textLine": "underline"
       }
     },
     {
@@ -103,7 +104,8 @@
           "green": 0.19216,
           "blue": 0.27059,
           "alpha": 1
-        }
+        },
+        "outerBorderWidth": 0
       }
     },
     {
@@ -513,7 +515,7 @@
     },
     "icon": null,
     "iconSize": 24,
-    "iconSpace": 0,
+    "iconSpace": 1,
     "iconTranslateX": 0,
     "iconTranslateY": 0,
     "outerBorderColor": {
@@ -524,7 +526,7 @@
     },
     "outerBorderGap": 2,
     "outerBorderOutline": "none",
-    "outerBorderWidth": 2,
+    "outerBorderWidth": 1,
     "textLine": "underline",
     "textLineStyle": "solid"
   }

package/build/android/QuickLinksFeatureItem.json

@@ -17,7 +17,7 @@
         "viewport": "xl"
       },
       "tokens": {
-        "contentMaxDimension": 168,
+        "contentMaxDimension": 184,
         "imageDimension": 168
       }
     },
@@ -57,7 +57,7 @@
     "fontSize": 18,
     "fontWeight": 700,
     "gap": 5,
-    "imageDimension": 140,
+    "imageDimension": 128,
     "outerBorderColor": {
       "red": 0,
       "green": 0,

package/build/android/Radio.json

@@ -84,10 +84,10 @@
     },
     "containerBorderRadius": 0,
     "containerOpacity": 1,
-    "containerPaddingBottom": 2,
-    "containerPaddingLeft": 4,
+    "containerPaddingBottom": 0,
+    "containerPaddingLeft": 0,
     "containerPaddingRight": 0,
-    "containerPaddingTop": 2,
+    "containerPaddingTop": 0,
     "containerShadow": null,
     "descriptionFontName": "SofiaPro",
     "descriptionFontSize": 16,
@@ -138,7 +138,7 @@
     "labelFontSize": 18,
     "labelFontWeight": 400,
     "labelLineHeight": 1.55555555,
-    "labelMarginLeft": 10,
+    "labelMarginLeft": 8,
     "outerBorderColor": {
       "red": 0,
       "green": 0,