@telus-uds/theme-public-mobile 2.16.0 → 2.17.0

package/build/android/Breadcrumbs.json

@@ -55,8 +55,10 @@
       "blue": 0.66667,
       "alpha": 1
     },
+    "iconContainerSize": 24,
     "iconPadding": 4,
     "iconSize": 24,
+    "lineHeight": 1.5,
     "listItemPadding": 0
   }
 }

package/build/android/Notification.json

@@ -2,7 +2,11 @@
   "appearances": {
     "style": {
       "type": "variant",
-      "values": ["system", "subtle"]
+      "values": ["system", "success", "warning", "error", "subtle"]
+    },
+    "system": {
+      "values": [true],
+      "type": "state"
     },
     "validation": {
       "description": "Validation states for form inputs",
@@ -24,6 +28,22 @@
         "justifyContent": "center"
       }
     },
+    {
+      "if": {
+        "system": true
+      },
+      "tokens": {
+        "borderLeftWidth": 0,
+        "borderRadius": 0,
+        "borderRightWidth": 0,
+        "borderTopWidth": 0,
+        "iconGap": 16,
+        "paddingBottom": 12,
+        "paddingLeft": 12,
+        "paddingRight": 12,
+        "paddingTop": 12
+      }
+    },
     {
       "if": {
         "style": "system"
@@ -57,6 +77,38 @@
         "paddingTop": 12
       }
     },
+    {
+      "if": {
+        "style": "success"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.16863,
+          "green": 0.5098,
+          "blue": 0.43137,
+          "alpha": 1
+        },
+        "color": {
+          "red": 1,
+          "green": 1,
+          "blue": 1,
+          "alpha": 1
+        },
+        "dismissIconColor": {
+          "red": 1,
+          "green": 1,
+          "blue": 1,
+          "alpha": 1
+        },
+        "icon": "PaletteIconCheckMark",
+        "iconColor": {
+          "red": 1,
+          "green": 1,
+          "blue": 1,
+          "alpha": 1
+        }
+      }
+    },
     {
       "if": {
         "validation": "success"
@@ -89,6 +141,27 @@
         }
       }
     },
+    {
+      "if": {
+        "style": "warning"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.98824,
+          "green": 0.90196,
+          "blue": 0.87451,
+          "alpha": 1
+        },
+        "dismissIcon": null,
+        "icon": "PaletteIconWarningError",
+        "iconColor": {
+          "red": 0.22353,
+          "green": 0.25098,
+          "blue": 0.33725,
+          "alpha": 1
+        }
+      }
+    },
     {
       "if": {
         "validation": "warning"
@@ -110,6 +183,33 @@
         }
       }
     },
+    {
+      "if": {
+        "style": "error"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.74902,
+          "green": 0.0902,
+          "blue": 0.13333,
+          "alpha": 1
+        },
+        "color": {
+          "red": 1,
+          "green": 1,
+          "blue": 1,
+          "alpha": 1
+        },
+        "dismissIcon": null,
+        "icon": "PaletteIconWarningError",
+        "iconColor": {
+          "red": 1,
+          "green": 1,
+          "blue": 1,
+          "alpha": 1
+        }
+      }
+    },
     {
       "if": {
         "validation": "error"