@telus-uds/theme-allium 7.21.0 → 7.23.0

package/build/ios/theme.json

@@ -2868,10 +2868,10 @@
           },
           "tokens": {
             "backgroundColor": {
-              "red": 0.29412,
-              "green": 0.15686,
-              "blue": 0.42745,
-              "alpha": 1
+              "red": 0,
+              "green": 0,
+              "blue": 0,
+              "alpha": 0
             },
             "backgroundGradient": {
               "type": "linear",
@@ -3907,6 +3907,8 @@
           "blue": 1,
           "alpha": 1
         },
+        "iconContainerHeight": 24,
+        "iconContainerWidth": 24,
         "iconSize": 16,
         "inputBackgroundColor": {
           "red": 1,
@@ -3943,7 +3945,12 @@
         "labelFontSize": 16,
         "labelFontWeight": 400,
         "labelLineHeight": 1.5,
-        "labelMarginLeft": 8
+        "labelMarginLeft": 8,
+        "padding": null,
+        "paddingBottom": null,
+        "paddingLeft": null,
+        "paddingRight": null,
+        "paddingTop": null
       }
     },
     "CheckboxCard": {
@@ -5281,6 +5288,7 @@
           "alpha": 1
         },
         "borderStyle": "solid",
+        "borderTopWidth": null,
         "borderWidth": 0
       }
     },
@@ -5638,6 +5646,7 @@
         }
       ],
       "tokens": {
+        "borderBottomWidth": null,
         "borderColor": {
           "red": 0,
           "green": 0,
@@ -7099,6 +7108,10 @@
           "type": "variant",
           "values": ["small", "large"]
         },
+        "style": {
+          "type": "variant",
+          "values": ["default", "contained", "subtle", "raised"]
+        },
         "subtle": {
           "description": "For use in less prominent situations",
           "type": "variant",
@@ -7510,20 +7523,528 @@
               "blue": 1,
               "alpha": 0.4
             },
-            "borderWidth": null,
+            "borderWidth": null,
+            "iconColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "inverse": true,
+            "selected": true,
+            "subtle": true
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
+            },
+            "borderWidth": null,
+            "iconColor": {
+              "red": 0.2549,
+              "green": 0.27059,
+              "blue": 0.27843,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "pressed": true,
+            "raised": true
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.40392,
+              "green": 0.43137,
+              "blue": 0.45098,
+              "alpha": 1
+            },
+            "borderWidth": null,
+            "iconColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "raised": true,
+            "selected": true
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.29412,
+              "green": 0.15686,
+              "blue": 0.42745,
+              "alpha": 1
+            },
+            "borderWidth": null,
+            "iconColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "inactive": true
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.8902,
+              "green": 0.90196,
+              "blue": 0.9098,
+              "alpha": 1
+            },
+            "borderWidth": 0,
+            "iconColor": {
+              "red": 0.69804,
+              "green": 0.72549,
+              "blue": 0.74902,
+              "alpha": 1
+            },
+            "outerBorderColor": {
+              "red": 0,
+              "green": 0,
+              "blue": 0,
+              "alpha": 0
+            }
+          }
+        },
+        {
+          "if": {
+            "inactive": true,
+            "inverse": true
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 0.2
+            },
+            "borderWidth": 0,
+            "iconColor": {
+              "red": 0.69804,
+              "green": 0.72549,
+              "blue": 0.74902,
+              "alpha": 1
+            },
+            "outerBorderColor": {
+              "red": 0,
+              "green": 0,
+              "blue": 0,
+              "alpha": 0
+            }
+          }
+        },
+        {
+          "if": {
+            "inactive": true,
+            "inverse": true,
+            "subtle": true
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0,
+              "green": 0,
+              "blue": 0,
+              "alpha": 0
+            },
+            "borderWidth": 0,
+            "iconColor": {
+              "red": 0.69804,
+              "green": 0.72549,
+              "blue": 0.74902,
+              "alpha": 1
+            },
+            "outerBorderColor": {
+              "red": 0,
+              "green": 0,
+              "blue": 0,
+              "alpha": 0
+            }
+          }
+        },
+        {
+          "if": {
+            "size": "large"
+          },
+          "tokens": {
+            "iconSize": 24,
+            "padding": 10
+          }
+        },
+        {
+          "if": {
+            "style": "contained"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0,
+              "green": 0,
+              "blue": 0,
+              "alpha": 0
+            },
+            "borderColor": {
+              "red": 0.40392,
+              "green": 0.43137,
+              "blue": 0.45098,
+              "alpha": 1
+            },
+            "borderWidth": 1,
+            "iconColor": {
+              "red": 0.40392,
+              "green": 0.43137,
+              "blue": 0.45098,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "selected": true,
+            "style": "contained"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.29412,
+              "green": 0.15686,
+              "blue": 0.42745,
+              "alpha": 1
+            },
+            "borderWidth": 0,
+            "iconColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "pressed": true,
+            "style": "contained"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.40392,
+              "green": 0.43137,
+              "blue": 0.45098,
+              "alpha": 1
+            },
+            "borderWidth": 0,
+            "iconColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "inverse": true,
+            "style": "contained"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0,
+              "green": 0,
+              "blue": 0,
+              "alpha": 0
+            },
+            "borderColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
+            },
+            "borderWidth": 1,
+            "iconColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "inverse": true,
+            "selected": true,
+            "style": "contained"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
+            },
+            "borderWidth": 0,
+            "iconColor": {
+              "red": 0.29412,
+              "green": 0.15686,
+              "blue": 0.42745,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "inverse": true,
+            "pressed": true,
+            "style": "contained"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 0.4
+            },
+            "borderColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
+            },
+            "borderWidth": 1,
+            "iconColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "inactive": true,
+            "style": "contained"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.8902,
+              "green": 0.90196,
+              "blue": 0.9098,
+              "alpha": 1
+            },
+            "borderWidth": 0,
+            "iconColor": {
+              "red": 0.69804,
+              "green": 0.72549,
+              "blue": 0.74902,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "inactive": true,
+            "inverse": true,
+            "style": "contained"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 0.1
+            },
+            "borderWidth": 0,
+            "iconColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 0.4
+            }
+          }
+        },
+        {
+          "if": {
+            "style": "subtle"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0,
+              "green": 0,
+              "blue": 0,
+              "alpha": 0
+            },
+            "borderWidth": 0,
+            "iconColor": {
+              "red": 0.40392,
+              "green": 0.43137,
+              "blue": 0.45098,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "selected": true,
+            "style": "subtle"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.29412,
+              "green": 0.15686,
+              "blue": 0.42745,
+              "alpha": 1
+            },
+            "borderWidth": 0,
+            "iconColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "pressed": true,
+            "style": "subtle"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.40392,
+              "green": 0.43137,
+              "blue": 0.45098,
+              "alpha": 1
+            },
+            "borderWidth": 0,
+            "iconColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "inverse": true,
+            "style": "subtle"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0,
+              "green": 0,
+              "blue": 0,
+              "alpha": 0
+            },
+            "borderWidth": 0,
+            "iconColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "inverse": true,
+            "selected": true,
+            "style": "subtle"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
+            },
+            "borderWidth": 0,
+            "iconColor": {
+              "red": 0.2549,
+              "green": 0.27059,
+              "blue": 0.27843,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "inverse": true,
+            "pressed": true,
+            "style": "subtle"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 0.4
+            },
+            "borderWidth": 0,
+            "iconColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "inactive": true,
+            "style": "subtle"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.8902,
+              "green": 0.90196,
+              "blue": 0.9098,
+              "alpha": 1
+            },
+            "iconColor": {
+              "red": 0.69804,
+              "green": 0.72549,
+              "blue": 0.74902,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "inactive": true,
+            "inverse": true,
+            "style": "subtle"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0,
+              "green": 0,
+              "blue": 0,
+              "alpha": 0
+            },
             "iconColor": {
               "red": 1,
               "green": 1,
               "blue": 1,
-              "alpha": 1
+              "alpha": 0.4
             }
           }
         },
         {
           "if": {
-            "inverse": true,
-            "selected": true,
-            "subtle": true
+            "style": "raised"
           },
           "tokens": {
             "backgroundColor": {
@@ -7532,40 +8053,39 @@
               "blue": 1,
               "alpha": 1
             },
-            "borderWidth": null,
-            "iconColor": {
-              "red": 0.2549,
-              "green": 0.27059,
-              "blue": 0.27843,
+            "borderColor": {
+              "red": 0.69804,
+              "green": 0.72549,
+              "blue": 0.74902,
               "alpha": 1
-            }
-          }
-        },
-        {
-          "if": {
-            "pressed": true,
-            "raised": true
-          },
-          "tokens": {
-            "backgroundColor": {
+            },
+            "borderWidth": 1,
+            "iconColor": {
               "red": 0.40392,
               "green": 0.43137,
               "blue": 0.45098,
               "alpha": 1
             },
-            "borderWidth": null,
-            "iconColor": {
-              "red": 1,
-              "green": 1,
-              "blue": 1,
-              "alpha": 1
+            "padding": 8,
+            "shadow": {
+              "inset": false,
+              "offsetX": 0,
+              "offsetY": 2,
+              "blur": 2,
+              "spread": 0,
+              "color": {
+                "red": 0,
+                "green": 0,
+                "blue": 0,
+                "alpha": 0.2
+              }
             }
           }
         },
         {
           "if": {
-            "raised": true,
-            "selected": true
+            "selected": true,
+            "style": "raised"
           },
           "tokens": {
             "backgroundColor": {
@@ -7585,69 +8105,38 @@
         },
         {
           "if": {
-            "inactive": true
+            "pressed": true,
+            "style": "raised"
           },
           "tokens": {
             "backgroundColor": {
-              "red": 0.8902,
-              "green": 0.90196,
-              "blue": 0.9098,
+              "red": 0.40392,
+              "green": 0.43137,
+              "blue": 0.45098,
               "alpha": 1
             },
             "borderWidth": 0,
             "iconColor": {
-              "red": 0.69804,
-              "green": 0.72549,
-              "blue": 0.74902,
-              "alpha": 1
-            },
-            "outerBorderColor": {
-              "red": 0,
-              "green": 0,
-              "blue": 0,
-              "alpha": 0
-            }
-          }
-        },
-        {
-          "if": {
-            "inactive": true,
-            "inverse": true
-          },
-          "tokens": {
-            "backgroundColor": {
               "red": 1,
               "green": 1,
               "blue": 1,
-              "alpha": 0.2
-            },
-            "borderWidth": 0,
-            "iconColor": {
-              "red": 0.69804,
-              "green": 0.72549,
-              "blue": 0.74902,
               "alpha": 1
             },
-            "outerBorderColor": {
-              "red": 0,
-              "green": 0,
-              "blue": 0,
-              "alpha": 0
-            }
+            "padding": 8,
+            "shadow": null
           }
         },
         {
           "if": {
             "inactive": true,
-            "inverse": true,
-            "subtle": true
+            "style": "raised"
           },
           "tokens": {
             "backgroundColor": {
-              "red": 0,
-              "green": 0,
-              "blue": 0,
-              "alpha": 0
+              "red": 0.8902,
+              "green": 0.90196,
+              "blue": 0.9098,
+              "alpha": 1
             },
             "borderWidth": 0,
             "iconColor": {
@@ -7656,21 +8145,7 @@
               "blue": 0.74902,
               "alpha": 1
             },
-            "outerBorderColor": {
-              "red": 0,
-              "green": 0,
-              "blue": 0,
-              "alpha": 0
-            }
-          }
-        },
-        {
-          "if": {
-            "size": "large"
-          },
-          "tokens": {
-            "iconSize": 24,
-            "padding": 10
+            "shadow": null
           }
         }
       ],
@@ -10710,6 +11185,10 @@
           "type": "variant",
           "values": [true]
         },
+        "inactive": {
+          "type": "variant",
+          "values": [true]
+        },
         "pressed": {
           "type": "variant",
           "values": [true]
@@ -10783,6 +11262,52 @@
             },
             "inputBorderWidth": 3
           }
+        },
+        {
+          "if": {
+            "disabled": true
+          },
+          "tokens": {
+            "inputBackgroundColor": {
+              "red": 0.98039,
+              "green": 0.98039,
+              "blue": 0.98039,
+              "alpha": 1
+            },
+            "inputBorderWidth": 1,
+            "textColor": {
+              "red": 0.69804,
+              "green": 0.72549,
+              "blue": 0.74902,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "inactive": true
+          },
+          "tokens": {
+            "inputBackgroundColor": {
+              "red": 0.98039,
+              "green": 0.98039,
+              "blue": 0.98039,
+              "alpha": 1
+            },
+            "inputBorderColor": {
+              "red": 0.98039,
+              "green": 0.98039,
+              "blue": 0.98039,
+              "alpha": 1
+            },
+            "inputBorderWidth": 1,
+            "textColor": {
+              "red": 0.69804,
+              "green": 0.72549,
+              "blue": 0.74902,
+              "alpha": 1
+            }
+          }
         }
       ],
       "tokens": {
@@ -10807,6 +11332,7 @@
         "paddingLeft": 12,
         "paddingRight": 12,
         "paddingTop": 12,
+        "showTopSpace": true,
         "textColor": {
           "red": 0.2549,
           "green": 0.27059,
@@ -10837,6 +11363,10 @@
           "type": "variant",
           "values": [true]
         },
+        "inactive": {
+          "type": "variant",
+          "values": [true]
+        },
         "increase": {
           "type": "variant",
           "values": [true]
@@ -10925,25 +11455,6 @@
             "borderTopWidth": 3
           }
         },
-        {
-          "if": {
-            "disabled": true
-          },
-          "tokens": {
-            "backgroundColor": {
-              "red": 0.98039,
-              "green": 0.98039,
-              "blue": 0.98039,
-              "alpha": 1
-            },
-            "iconColor": {
-              "red": 0.8902,
-              "green": 0.90196,
-              "blue": 0.9098,
-              "alpha": 1
-            }
-          }
-        },
         {
           "if": {
             "alternative": true
@@ -10972,6 +11483,51 @@
             "borderBottomLeftRadius": 24,
             "borderTopLeftRadius": 24
           }
+        },
+        {
+          "if": {
+            "disabled": true
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.98039,
+              "green": 0.98039,
+              "blue": 0.98039,
+              "alpha": 1
+            },
+            "borderWidth": 1,
+            "iconColor": {
+              "red": 0.8902,
+              "green": 0.90196,
+              "blue": 0.9098,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "inactive": true
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.98039,
+              "green": 0.98039,
+              "blue": 0.98039,
+              "alpha": 1
+            },
+            "borderColor": {
+              "red": 0.98039,
+              "green": 0.98039,
+              "blue": 0.98039,
+              "alpha": 1
+            },
+            "iconColor": {
+              "red": 0.8902,
+              "green": 0.90196,
+              "blue": 0.9098,
+              "alpha": 1
+            }
+          }
         }
       ],
       "tokens": {
@@ -11061,7 +11617,13 @@
               "blue": 0.74902,
               "alpha": 1
             },
-            "borderWidth": 3
+            "borderWidth": 3,
+            "iconColor": {
+              "red": 0.40392,
+              "green": 0.43137,
+              "blue": 0.45098,
+              "alpha": 1
+            }
           }
         }
       ],
@@ -12619,7 +13181,7 @@
             },
             "fontName": "HNforTELUSSA",
             "fontWeight": 700,
-            "paddingLeft": 12
+            "paddingLeft": 16
           }
         },
         {
@@ -12652,7 +13214,7 @@
               "blue": 0.42745,
               "alpha": 1
             },
-            "paddingLeft": 12
+            "paddingLeft": 16
           }
         },
         {
@@ -12766,6 +13328,13 @@
         "contentPaddingLeft": 0,
         "contentPaddingRight": 0,
         "contentPaddingTop": 0,
+        "expandDividerColor": {
+          "red": 0.69804,
+          "green": 0.72549,
+          "blue": 0.74902,
+          "alpha": 1
+        },
+        "expandDividerWidth": null,
         "expandDuration": 300,
         "icon": "PaletteIconCaretDown",
         "iconColor": {
@@ -17176,7 +17745,7 @@
     }
   },
   "metadata": {
-    "themeTokensVersion": "4.18.0",
+    "themeTokensVersion": "4.20.0",
     "name": "theme-allium"
   }
 }