@telus-uds/theme-koodo 6.0.1 → 6.1.0

package/build/android/schema.json

@@ -3757,6 +3757,12 @@
                 },
                 "textLineHeight": {
                   "$ref": "#lineHeight"
+                },
+                "iconSize": {
+                  "$ref": "#size"
+                },
+                "iconPaddingTop": {
+                  "$ref": "#size"
                 }
               },
               "required": [
@@ -3777,7 +3783,9 @@
                 "paddingRight",
                 "paddingTop",
                 "textColor",
-                "textLineHeight"
+                "textLineHeight",
+                "iconSize",
+                "iconPaddingTop"
               ]
             },
             "rules": {
@@ -3847,6 +3855,12 @@
                       },
                       "textLineHeight": {
                         "$ref": "#lineHeight"
+                      },
+                      "iconSize": {
+                        "$ref": "#size"
+                      },
+                      "iconPaddingTop": {
+                        "$ref": "#size"
                       }
                     }
                   },
@@ -4373,6 +4387,12 @@
                 "timestampMarginRight": {
                   "$ref": "#size"
                 },
+                "remainingTimestampMarginLeft": {
+                  "$ref": "#size"
+                },
+                "remainingTimestampMarginRight": {
+                  "$ref": "#size"
+                },
                 "trackGradientStart": {
                   "$ref": "#color"
                 },
@@ -4389,6 +4409,8 @@
                 "thumbBackground",
                 "timestampMarginLeft",
                 "timestampMarginRight",
+                "remainingTimestampMarginLeft",
+                "remainingTimestampMarginRight",
                 "trackGradientStart",
                 "trackGradientEnd",
                 "rangeBackground"
@@ -4423,6 +4445,12 @@
                       "timestampMarginRight": {
                         "$ref": "#size"
                       },
+                      "remainingTimestampMarginLeft": {
+                        "$ref": "#size"
+                      },
+                      "remainingTimestampMarginRight": {
+                        "$ref": "#size"
+                      },
                       "trackGradientStart": {
                         "$ref": "#color"
                       },
@@ -11254,6 +11282,9 @@
                 },
                 "width": {
                   "$ref": "#size"
+                },
+                "paddingTop": {
+                  "$ref": "#size"
                 }
               },
               "required": [
@@ -11265,7 +11296,8 @@
                 "scale",
                 "translateX",
                 "translateY",
-                "width"
+                "width",
+                "paddingTop"
               ]
             },
             "rules": {
@@ -11308,6 +11340,9 @@
                       },
                       "width": {
                         "$ref": "#size"
+                      },
+                      "paddingTop": {
+                        "$ref": "#size"
                       }
                     }
                   },
@@ -12636,6 +12671,12 @@
                 "headingPaddingRight": {
                   "$ref": "#size"
                 },
+                "headingPaddingTop": {
+                  "$ref": "#size"
+                },
+                "headingBorderBottomWidth": {
+                  "$ref": "#size"
+                },
                 "height": {
                   "$ref": "#size"
                 },
@@ -12654,6 +12695,12 @@
                 "containerPaddingBottom": {
                   "$ref": "#size"
                 },
+                "contentPaddingTop": {
+                  "$ref": "#size"
+                },
+                "contentPaddingBottom": {
+                  "$ref": "#size"
+                },
                 "backgroundColor": {
                   "$ref": "#color"
                 },
@@ -12663,6 +12710,9 @@
                 "borderColor": {
                   "$ref": "#color"
                 },
+                "borderWidth": {
+                  "$ref": "#size"
+                },
                 "shadow": {
                   "$ref": "#shadow"
                 },
@@ -12713,15 +12763,20 @@
                 "cancelButtonColor",
                 "subHeadingMarginTop",
                 "headingPaddingRight",
+                "headingPaddingTop",
+                "headingBorderBottomWidth",
                 "height",
                 "maxWidth",
                 "containerPaddingLeft",
                 "containerPaddingRight",
                 "containerPaddingTop",
                 "containerPaddingBottom",
+                "contentPaddingTop",
+                "contentPaddingBottom",
                 "backgroundColor",
                 "borderRadius",
                 "borderColor",
+                "borderWidth",
                 "shadow",
                 "paddingLeft",
                 "paddingRight",
@@ -12770,6 +12825,12 @@
                       "headingPaddingRight": {
                         "$ref": "#size"
                       },
+                      "headingPaddingTop": {
+                        "$ref": "#size"
+                      },
+                      "headingBorderBottomWidth": {
+                        "$ref": "#size"
+                      },
                       "height": {
                         "$ref": "#size"
                       },
@@ -12788,6 +12849,12 @@
                       "containerPaddingBottom": {
                         "$ref": "#size"
                       },
+                      "contentPaddingTop": {
+                        "$ref": "#size"
+                      },
+                      "contentPaddingBottom": {
+                        "$ref": "#size"
+                      },
                       "backgroundColor": {
                         "$ref": "#color"
                       },
@@ -12797,6 +12864,9 @@
                       "borderColor": {
                         "$ref": "#color"
                       },
+                      "borderWidth": {
+                        "$ref": "#size"
+                      },
                       "shadow": {
                         "$ref": "#shadow"
                       },
@@ -21001,6 +21071,12 @@
                 },
                 "arrowOffset": {
                   "$ref": "#size"
+                },
+                "maxWidth": {
+                  "$ref": "#size"
+                },
+                "minWidth": {
+                  "$ref": "#size"
                 }
               },
               "required": [
@@ -21018,7 +21094,9 @@
                 "fontWeight",
                 "arrowWidth",
                 "arrowBorderRadius",
-                "arrowOffset"
+                "arrowOffset",
+                "maxWidth",
+                "minWidth"
               ]
             },
             "rules": {
@@ -21079,6 +21157,12 @@
                       },
                       "arrowOffset": {
                         "$ref": "#size"
+                      },
+                      "maxWidth": {
+                        "$ref": "#size"
+                      },
+                      "minWidth": {
+                        "$ref": "#size"
                       }
                     }
                   },

package/build/android/theme.json

@@ -5410,6 +5410,7 @@
           "alpha": 1
         },
         "padding": 0,
+        "paddingTop": 0,
         "scale": 1,
         "size": 24,
         "translateX": 0,
@@ -6690,6 +6691,7 @@
           "alpha": 1
         },
         "borderRadius": 4,
+        "borderWidth": 0,
         "cancelButtonColor": {
           "red": 0,
           "green": 0,
@@ -6709,9 +6711,12 @@
         "containerPaddingLeft": 0,
         "containerPaddingRight": 0,
         "containerPaddingTop": 0,
+        "contentPaddingBottom": 0,
+        "contentPaddingTop": 0,
         "direction": "row",
         "footerTopWidth": 0,
         "gap": 16,
+        "headingBorderBottomWidth": 0,
         "headingColor": {
           "red": 0,
           "green": 0,
@@ -6719,6 +6724,7 @@
           "alpha": 1
         },
         "headingPaddingRight": 24,
+        "headingPaddingTop": 8,
         "height": null,
         "marginLeft": 32,
         "marginRight": 32,
@@ -7962,6 +7968,11 @@
         "size": {
           "type": "variant",
           "values": ["mini"]
+        },
+        "style": {
+          "description": "Configure `style` variant for `Progress`",
+          "type": "variant",
+          "values": ["inverse"]
         }
       },
       "rules": [
@@ -7972,6 +7983,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.4
+            },
+            "shadow": {
+              "inset": true,
+              "offsetX": 0,
+              "offsetY": 2,
+              "blur": 2,
+              "spread": 0,
+              "color": {
+                "red": 0,
+                "green": 0,
+                "blue": 0,
+                "alpha": 0.1
+              }
+            }
+          }
         }
       ],
       "tokens": {
@@ -8015,6 +8058,11 @@
         "negative": {
           "type": "variant",
           "values": [true]
+        },
+        "style": {
+          "description": "Configure `style` variant for `ProgressBar`",
+          "type": "variant",
+          "values": ["subtle", "inverse", "inactive", "negative"]
         }
       },
       "rules": [
@@ -8055,6 +8103,84 @@
               "alpha": 1
             }
           }
+        },
+        {
+          "if": {
+            "style": "subtle"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.4,
+              "green": 0.4,
+              "blue": 0.4,
+              "alpha": 1
+            },
+            "gradient": null,
+            "outlineColor": {
+              "red": 0.4,
+              "green": 0.4,
+              "blue": 0.4,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "style": "inverse"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
+            },
+            "gradient": null,
+            "outlineColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "style": "inactive"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.78824,
+              "green": 0.78431,
+              "blue": 0.78431,
+              "alpha": 1
+            },
+            "outlineColor": {
+              "red": 0.34902,
+              "green": 0.34902,
+              "blue": 0.34902,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "style": "negative"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.78824,
+              "green": 0.21569,
+              "blue": 0.04314,
+              "alpha": 1
+            },
+            "outlineColor": {
+              "red": 0.34902,
+              "green": 0.34902,
+              "blue": 0.34902,
+              "alpha": 1
+            }
+          }
         }
       ],
       "tokens": {
@@ -9263,6 +9389,12 @@
               "green": 0.23922,
               "blue": 0.98824,
               "alpha": 1
+            },
+            "fontColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
             }
           }
         },
@@ -10604,6 +10736,8 @@
           "alpha": 1
         },
         "iconGradient": null,
+        "iconPaddingTop": 0,
+        "iconSize": 20,
         "marginLeft": 8,
         "paddingBottom": 0,
         "paddingLeft": 0,
@@ -12640,6 +12774,8 @@
         "fontSize": 14,
         "fontWeight": 400,
         "lineHeight": 1.4,
+        "maxWidth": 288,
+        "minWidth": 0,
         "paddingBottom": 8,
         "paddingLeft": 16,
         "paddingRight": 16,
@@ -13356,10 +13492,10 @@
           },
           "tokens": {
             "height": 40,
-            "paddingBottom": 8,
+            "paddingBottom": 16,
             "paddingLeft": 16,
             "paddingRight": 16,
-            "paddingTop": 8
+            "paddingTop": 16
           }
         }
       ],
@@ -13581,6 +13717,8 @@
           "blue": 0,
           "alpha": 0
         },
+        "remainingTimestampMarginLeft": 8,
+        "remainingTimestampMarginRight": 0,
         "thumbBackground": {
           "red": 1,
           "green": 1,
@@ -13589,7 +13727,7 @@
         },
         "thumbHeight": 8,
         "thumbWidth": 8,
-        "timestampMarginLeft": 8,
+        "timestampMarginLeft": 0,
         "timestampMarginRight": 8,
         "trackGradientEnd": {
           "red": 0.47843,

package/build/ios/Icon.json

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

package/build/ios/Modal.json

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