@telus-uds/theme-public-mobile 4.0.0 → 4.2.0

package/build/android/Card.json

@@ -30,6 +30,25 @@
       "values": [true],
       "type": "state"
     },
+    "style": {
+      "type": "variant",
+      "values": [
+        "grid",
+        "light",
+        "lighter",
+        "lightest",
+        "dark",
+        "darker",
+        "darkest",
+        "feature",
+        "feature2",
+        "feature3",
+        "feature4",
+        "warning",
+        "error",
+        "success"
+      ]
+    },
     "viewport": {
       "description": "The size label for the current screen viewport based on the current screen width",
       "values": ["xs", "sm", "md", "lg", "xl"],
@@ -236,6 +255,247 @@
         "borderWidth": 0
       }
     },
+    {
+      "if": {
+        "style": "grid"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.98824,
+          "green": 0.97255,
+          "blue": 0.93333,
+          "alpha": 1
+        },
+        "borderWidth": 0
+      }
+    },
+    {
+      "if": {
+        "style": "light"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.99216,
+          "green": 0.98824,
+          "blue": 0.96471,
+          "alpha": 1
+        },
+        "borderColor": {
+          "red": 0.97647,
+          "green": 0.94902,
+          "blue": 0.86667,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "style": "lighter"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.98824,
+          "green": 0.97255,
+          "blue": 0.93333,
+          "alpha": 1
+        },
+        "borderColor": {
+          "red": 0.80392,
+          "green": 0.81176,
+          "blue": 0.83529,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "style": "lightest"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 1,
+          "green": 1,
+          "blue": 1,
+          "alpha": 1
+        },
+        "borderWidth": 0
+      }
+    },
+    {
+      "if": {
+        "style": "dark"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.22353,
+          "green": 0.25098,
+          "blue": 0.33725,
+          "alpha": 1
+        },
+        "borderWidth": 0
+      }
+    },
+    {
+      "if": {
+        "style": "darker"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.16863,
+          "green": 0.19216,
+          "blue": 0.27059,
+          "alpha": 1
+        },
+        "borderWidth": 0
+      }
+    },
+    {
+      "if": {
+        "style": "darkest"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.16863,
+          "green": 0.19216,
+          "blue": 0.27059,
+          "alpha": 1
+        },
+        "borderWidth": 0
+      }
+    },
+    {
+      "if": {
+        "style": "feature"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 1,
+          "green": 1,
+          "blue": 1,
+          "alpha": 1
+        },
+        "borderColor": {
+          "red": 0.95294,
+          "green": 0.61569,
+          "blue": 0.50196,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "style": "feature2"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 1,
+          "green": 1,
+          "blue": 1,
+          "alpha": 1
+        },
+        "borderColor": {
+          "red": 0.22353,
+          "green": 0.25098,
+          "blue": 0.33725,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "style": "feature3"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 1,
+          "green": 1,
+          "blue": 1,
+          "alpha": 1
+        },
+        "borderColor": {
+          "red": 0.22353,
+          "green": 0.25098,
+          "blue": 0.33725,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "style": "feature4"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 1,
+          "green": 1,
+          "blue": 1,
+          "alpha": 1
+        },
+        "borderColor": {
+          "red": 0.22353,
+          "green": 0.25098,
+          "blue": 0.33725,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "style": "warning"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.97647,
+          "green": 0.9098,
+          "blue": 0.91373,
+          "alpha": 1
+        },
+        "borderColor": {
+          "red": 0.87451,
+          "green": 0.5451,
+          "blue": 0.56471,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "style": "error"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.97647,
+          "green": 0.9098,
+          "blue": 0.91373,
+          "alpha": 1
+        },
+        "borderColor": {
+          "red": 0.74902,
+          "green": 0.0902,
+          "blue": 0.13333,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "style": "success"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.91765,
+          "green": 0.95294,
+          "blue": 0.9451,
+          "alpha": 1
+        },
+        "borderColor": {
+          "red": 0.16863,
+          "green": 0.5098,
+          "blue": 0.43137,
+          "alpha": 1
+        }
+      }
+    },
     {
       "if": {
         "viewport": ["md", "lg", "xl"]

package/build/android/List.json

@@ -17,7 +17,7 @@
         "size": "large"
       },
       "tokens": {
-        "iconMarginTop": 6,
+        "iconMarginTop": 4,
         "itemFontSize": 20,
         "itemIconSize": 20,
         "itemLineHeight": 1.4
@@ -28,6 +28,7 @@
         "size": "small"
       },
       "tokens": {
+        "iconMarginTop": 2,
         "itemFontSize": 16,
         "itemLineHeight": 1.55555555
       }
@@ -69,7 +70,7 @@
       "alpha": 1
     },
     "dividerSize": 1,
-    "iconMarginTop": 0,
+    "iconMarginTop": 4,
     "interItemMargin": 8,
     "interItemMarginWithDivider": 16,
     "itemBulletColor": {
@@ -79,7 +80,8 @@
       "alpha": 1
     },
     "itemBulletContainerAlign": "center",
-    "itemBulletContainerWidth": 16,
+    "itemBulletContainerHeight": 20,
+    "itemBulletContainerWidth": 24,
     "itemFontName": "SofiaPro",
     "itemFontSize": 18,
     "itemFontWeight": 400,
@@ -89,7 +91,7 @@
       "blue": 0.33725,
       "alpha": 1
     },
-    "itemIconSize": 24,
+    "itemIconSize": 20,
     "itemLineHeight": 1.55555555,
     "itemTextColor": {
       "red": 0.22353,

package/build/android/MultiSelectFilter.json

@@ -54,6 +54,12 @@
       "alpha": 1
     },
     "buttonDirection": "row",
+    "buttonIconBackgroundColor": {
+      "red": 0,
+      "green": 0,
+      "blue": 0,
+      "alpha": 0
+    },
     "buttonIconPadding": 4,
     "buttonIconSize": 20,
     "contentMarginBottom": 32,

package/build/android/Notification.json

@@ -27,8 +27,7 @@
       },
       "tokens": {
         "containerPaddingLeft": 16,
-        "containerPaddingRight": 16,
-        "justifyContent": "center"
+        "containerPaddingRight": 16
       }
     },
     {

package/build/android/QuantitySelector.json

@@ -27,6 +27,8 @@
         "alternative": true
       },
       "tokens": {
+        "fontSize": 16,
+        "lineHeight": 1.5,
         "paddingBottom": 8,
         "paddingTop": 8
       }

package/build/android/Table.json

@@ -152,6 +152,14 @@
       "blue": 1,
       "alpha": 1
     },
+    "cellBorderColor": {
+      "red": 0,
+      "green": 0,
+      "blue": 0,
+      "alpha": 0
+    },
+    "cellBorderTopWidth": 0,
+    "cellBorderWidth": 0,
     "cellBoxShadowColor": {
       "red": 0.80392,
       "green": 0.81176,
@@ -187,6 +195,14 @@
     "fontSize": 18,
     "fontWeight": 400,
     "lineHeight": 1.55555555,
+    "rowBorderColor": {
+      "red": 0,
+      "green": 0,
+      "blue": 0,
+      "alpha": 0
+    },
+    "rowBorderTopWidth": 0,
+    "rowBorderWidth": 0,
     "rowHoverBackgroundColor": {
       "red": 0,
       "green": 0,

package/build/android/TabsItem.json

@@ -157,6 +157,8 @@
     "highlightTriangleSize": 0,
     "letterSpacing": 0,
     "lineHeight": 1.5,
+    "marginHorizontal": 0,
+    "marginVertical": 0,
     "maxWidth": null,
     "paddingHorizontal": 24,
     "paddingVertical": 12,