@telus-uds/theme-public-mobile 3.0.1 → 3.1.1

package/build/android/theme.json

@@ -5281,6 +5281,7 @@
           "alpha": 1
         },
         "padding": 0,
+        "paddingTop": 0,
         "scale": 1,
         "size": 24,
         "translateX": 0,
@@ -6577,6 +6578,7 @@
           "alpha": 1
         },
         "borderRadius": 4,
+        "borderWidth": 0,
         "cancelButtonColor": {
           "red": 0.22353,
           "green": 0.25098,
@@ -6596,9 +6598,12 @@
         "containerPaddingLeft": 0,
         "containerPaddingRight": 0,
         "containerPaddingTop": 0,
+        "contentPaddingBottom": 0,
+        "contentPaddingTop": 0,
         "direction": "row",
         "footerTopWidth": 0,
         "gap": 16,
+        "headingBorderBottomWidth": 0,
         "headingColor": {
           "red": 0.22353,
           "green": 0.25098,
@@ -6606,6 +6611,7 @@
           "alpha": 1
         },
         "headingPaddingRight": 24,
+        "headingPaddingTop": 8,
         "height": null,
         "marginLeft": 32,
         "marginRight": 32,
@@ -7797,6 +7803,11 @@
         "size": {
           "type": "variant",
           "values": ["mini"]
+        },
+        "style": {
+          "description": "Configure `style` variant for `Progress`",
+          "type": "variant",
+          "values": ["inverse"]
         }
       },
       "rules": [
@@ -7807,6 +7818,38 @@
           "tokens": {
             "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
+            },
+            "shadow": {
+              "inset": true,
+              "offsetX": 0,
+              "offsetY": 2,
+              "blur": 2,
+              "spread": 0,
+              "color": {
+                "red": 0,
+                "green": 0,
+                "blue": 0,
+                "alpha": 0.1
+              }
+            }
+          }
         }
       ],
       "tokens": {
@@ -7850,6 +7893,11 @@
         "negative": {
           "type": "variant",
           "values": [true]
+        },
+        "style": {
+          "description": "Configure `style` variant for `ProgressBar`",
+          "type": "variant",
+          "values": ["subtle", "inverse", "inactive", "negative"]
         }
       },
       "rules": [
@@ -7878,6 +7926,72 @@
               "alpha": 1
             }
           }
+        },
+        {
+          "if": {
+            "style": "subtle"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.41569,
+              "green": 0.43922,
+              "blue": 0.50196,
+              "alpha": 1
+            },
+            "gradient": null,
+            "outlineColor": {
+              "red": 0.41569,
+              "green": 0.43922,
+              "blue": 0.50196,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "style": "inverse"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.96078,
+              "green": 0.96078,
+              "blue": 0.96863,
+              "alpha": 1
+            },
+            "gradient": null,
+            "outlineColor": {
+              "red": 0.96078,
+              "green": 0.96078,
+              "blue": 0.96863,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "style": "inactive"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.80392,
+              "green": 0.81176,
+              "blue": 0.83529,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "style": "negative"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.74902,
+              "green": 0.0902,
+              "blue": 0.13333,
+              "alpha": 1
+            }
+          }
         }
       ],
       "tokens": {
@@ -10428,6 +10542,8 @@
           "alpha": 1
         },
         "iconGradient": null,
+        "iconPaddingTop": 0,
+        "iconSize": 20,
         "marginLeft": 8,
         "paddingBottom": 0,
         "paddingLeft": 0,
@@ -12413,6 +12529,8 @@
         "fontSize": 16,
         "fontWeight": 400,
         "lineHeight": 1.5,
+        "maxWidth": 288,
+        "minWidth": 0,
         "paddingBottom": 8,
         "paddingLeft": 16,
         "paddingRight": 16,
@@ -13064,10 +13182,10 @@
           },
           "tokens": {
             "height": 40,
-            "paddingBottom": 8,
+            "paddingBottom": 16,
             "paddingLeft": 16,
             "paddingRight": 16,
-            "paddingTop": 8
+            "paddingTop": 16
           }
         }
       ],
@@ -13284,6 +13402,8 @@
           "blue": 0,
           "alpha": 0
         },
+        "remainingTimestampMarginLeft": 8,
+        "remainingTimestampMarginRight": 0,
         "thumbBackground": {
           "red": 0.97647,
           "green": 0.94902,
@@ -13292,7 +13412,7 @@
         },
         "thumbHeight": 8,
         "thumbWidth": 8,
-        "timestampMarginLeft": 8,
+        "timestampMarginLeft": 0,
         "timestampMarginRight": 8,
         "trackGradientEnd": {
           "red": 0.95294,
@@ -13523,7 +13643,7 @@
     }
   },
   "metadata": {
-    "themeTokensVersion": "3.0.0",
+    "themeTokensVersion": "3.1.0",
     "name": "theme-public-mobile"
   }
 }

package/build/ios/Icon.json

@@ -297,6 +297,7 @@
       "alpha": 1
     },
     "padding": 0,
+    "paddingTop": 0,
     "scale": 1,
     "size": 24,
     "translateX": 0,

package/build/ios/Modal.json

@@ -142,6 +142,7 @@
       "alpha": 1
     },
     "borderRadius": 4,
+    "borderWidth": 0,
     "cancelButtonColor": {
       "red": 0.22353,
       "green": 0.25098,
@@ -161,9 +162,12 @@
     "containerPaddingLeft": 0,
     "containerPaddingRight": 0,
     "containerPaddingTop": 0,
+    "contentPaddingBottom": 0,
+    "contentPaddingTop": 0,
     "direction": "row",
     "footerTopWidth": 0,
     "gap": 16,
+    "headingBorderBottomWidth": 0,
     "headingColor": {
       "red": 0.22353,
       "green": 0.25098,
@@ -171,6 +175,7 @@
       "alpha": 1
     },
     "headingPaddingRight": 24,
+    "headingPaddingTop": 8,
     "height": null,
     "marginLeft": 32,
     "marginRight": 32,

package/build/ios/Progress.json

@@ -3,6 +3,11 @@
     "size": {
       "type": "variant",
       "values": ["mini"]
+    },
+    "style": {
+      "description": "Configure `style` variant for `Progress`",
+      "type": "variant",
+      "values": ["inverse"]
     }
   },
   "rules": [
@@ -13,6 +18,38 @@
       "tokens": {
         "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
+        },
+        "shadow": {
+          "inset": true,
+          "offsetX": 0,
+          "offsetY": 2,
+          "blur": 2,
+          "spread": 0,
+          "color": {
+            "red": 0,
+            "green": 0,
+            "blue": 0,
+            "alpha": 0.1
+          }
+        }
+      }
     }
   ],
   "tokens": {

package/build/ios/ProgressBar.json

@@ -8,6 +8,11 @@
     "negative": {
       "type": "variant",
       "values": [true]
+    },
+    "style": {
+      "description": "Configure `style` variant for `ProgressBar`",
+      "type": "variant",
+      "values": ["subtle", "inverse", "inactive", "negative"]
     }
   },
   "rules": [
@@ -36,6 +41,72 @@
           "alpha": 1
         }
       }
+    },
+    {
+      "if": {
+        "style": "subtle"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.41569,
+          "green": 0.43922,
+          "blue": 0.50196,
+          "alpha": 1
+        },
+        "gradient": null,
+        "outlineColor": {
+          "red": 0.41569,
+          "green": 0.43922,
+          "blue": 0.50196,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "style": "inverse"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.96078,
+          "green": 0.96078,
+          "blue": 0.96863,
+          "alpha": 1
+        },
+        "gradient": null,
+        "outlineColor": {
+          "red": 0.96078,
+          "green": 0.96078,
+          "blue": 0.96863,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "style": "inactive"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.80392,
+          "green": 0.81176,
+          "blue": 0.83529,
+          "alpha": 1
+        }
+      }
+    },
+    {
+      "if": {
+        "style": "negative"
+      },
+      "tokens": {
+        "backgroundColor": {
+          "red": 0.74902,
+          "green": 0.0902,
+          "blue": 0.13333,
+          "alpha": 1
+        }
+      }
     }
   ],
   "tokens": {

package/build/ios/Status.json

@@ -532,6 +532,8 @@
       "alpha": 1
     },
     "iconGradient": null,
+    "iconPaddingTop": 0,
+    "iconSize": 20,
     "marginLeft": 8,
     "paddingBottom": 0,
     "paddingLeft": 0,