@telus-uds/theme-allium 4.4.0 → 4.6.0

package/build/ios/theme.json

@@ -264,8 +264,26 @@
       }
     },
     "BlockQuote": {
-      "appearances": {},
-      "rules": [],
+      "appearances": {
+        "viewport": {
+          "description": "The size label for the current screen viewport based on the current screen width",
+          "values": ["xs", "sm", "md", "lg", "xl"],
+          "type": "state"
+        }
+      },
+      "rules": [
+        {
+          "if": {
+            "viewport": ["xs", "sm", "md"]
+          },
+          "tokens": {
+            "titleHeadingFontName": "HelveticaNow",
+            "titleHeadingFontSize": 24,
+            "titleHeadingFontWeight": 400,
+            "titleHeadingLineHeight": 1.33333333333
+          }
+        }
+      ],
       "tokens": {
         "backgroundGradient": {
           "type": "linear",
@@ -297,11 +315,23 @@
           "blue": 0.27843,
           "alpha": 1
         },
+        "linkFontName": "HelveticaNow",
+        "linkFontSize": 16,
+        "linkFontWeight": 700,
+        "linkLineHeight": 1.5,
         "marginBottom": 16,
         "paddingBottom": 16,
         "paddingLeft": 32,
         "paddingRight": 32,
         "paddingTop": 16,
+        "titleFontName": "HelveticaNow",
+        "titleFontSize": 20,
+        "titleFontWeight": 400,
+        "titleHeadingFontName": "HelveticaNow",
+        "titleHeadingFontSize": 28,
+        "titleHeadingFontWeight": 400,
+        "titleHeadingLineHeight": 1.28571428571,
+        "titleLineHeight": 1.6,
         "width": 2
       }
     },
@@ -1029,7 +1059,7 @@
         },
         "pressed": {
           "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
-          "values": [true],
+          "values": [true, false],
           "type": "state"
         },
         "priority": {
@@ -1069,6 +1099,12 @@
               "blue": 0,
               "alpha": 1
             },
+            "borderColor": {
+              "red": 0,
+              "green": 0,
+              "blue": 0,
+              "alpha": 0
+            },
             "borderWidth": 0,
             "color": {
               "red": 1,
@@ -1089,7 +1125,12 @@
               "blue": 0.02353,
               "alpha": 1
             },
-            "borderWidth": 0,
+            "borderColor": {
+              "red": 0,
+              "green": 0,
+              "blue": 0,
+              "alpha": 0
+            },
             "color": {
               "red": 1,
               "green": 1,
@@ -1155,6 +1196,12 @@
               "blue": 1,
               "alpha": 0.6
             },
+            "borderColor": {
+              "red": 0,
+              "green": 0,
+              "blue": 0,
+              "alpha": 0
+            },
             "color": {
               "red": 0.2549,
               "green": 0.27059,
@@ -1211,6 +1258,12 @@
               "blue": 0.20784,
               "alpha": 1
             },
+            "borderColor": {
+              "red": 0,
+              "green": 0,
+              "blue": 0,
+              "alpha": 0
+            },
             "color": {
               "red": 1,
               "green": 1,
@@ -1528,7 +1581,7 @@
         },
         "pressed": {
           "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
-          "values": [true],
+          "values": [true, false],
           "type": "state"
         },
         "selected": {
@@ -1788,7 +1841,7 @@
         },
         "pressed": {
           "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
-          "values": [true],
+          "values": [true, false],
           "type": "state"
         },
         "selected": {
@@ -2225,7 +2278,7 @@
         },
         "pressed": {
           "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
-          "values": [true],
+          "values": [true, false],
           "type": "state"
         },
         "selected": {
@@ -2533,7 +2586,7 @@
         },
         "pressed": {
           "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
-          "values": [true],
+          "values": [true, false],
           "type": "state"
         },
         "size": {
@@ -2903,6 +2956,24 @@
         "calendarDayDefaultFontName": "HelveticaNow",
         "calendarDayDefaultFontSize": 14,
         "calendarDayDefaultFontWeight": 400,
+        "calendarDaySelectedDisabledBackground": {
+          "red": 0.98039,
+          "green": 0.98039,
+          "blue": 0.98039,
+          "alpha": 1
+        },
+        "calendarDaySelectedDisabledColor": {
+          "red": 1,
+          "green": 1,
+          "blue": 1,
+          "alpha": 1
+        },
+        "calendarDaySelectedDisabledContentBackgroundColor": {
+          "red": 0.69804,
+          "green": 0.72549,
+          "blue": 0.74902,
+          "alpha": 1
+        },
         "calendarDaySelectedFocusBeforeBackground": {
           "red": 1,
           "green": 1,
@@ -3554,7 +3625,7 @@
       "appearances": {
         "pressed": {
           "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
-          "values": [true],
+          "values": [true, false],
           "type": "state"
         }
       },
@@ -3840,7 +3911,7 @@
         },
         "pressed": {
           "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
-          "values": [true],
+          "values": [true, false],
           "type": "state"
         },
         "raised": {
@@ -4345,7 +4416,7 @@
         },
         "pressed": {
           "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
-          "values": [true],
+          "values": [true, false],
           "type": "state"
         },
         "size": {
@@ -4609,11 +4680,11 @@
         "listGutter": 16
       }
     },
-    "ListBox": {
+    "Listbox": {
       "appearances": {
         "current": {
           "description": "When the current item is selected",
-          "values": [true],
+          "values": [true, false],
           "type": "state"
         },
         "expanded": {
@@ -4623,18 +4694,52 @@
         },
         "isChild": {
           "description": "when the item is child of another child",
-          "values": [true],
+          "values": [true, false],
           "type": "state"
         },
         "pressed": {
           "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
-          "values": [true],
+          "values": [true, false],
           "type": "state"
         }
       },
       "rules": [
         {
           "if": {
+            "expanded": true
+          },
+          "tokens": {
+            "groupIcon": "PaletteIconCaretUp"
+          }
+        },
+        {
+          "if": {
+            "current": true
+          },
+          "tokens": {
+            "groupColor": {
+              "red": 0.29412,
+              "green": 0.15686,
+              "blue": 0.42745,
+              "alpha": 1
+            },
+            "groupFontName": "HelveticaNow",
+            "groupFontWeight": 700,
+            "itemColor": {
+              "red": 0.29412,
+              "green": 0.15686,
+              "blue": 0.42745,
+              "alpha": 1
+            },
+            "itemPaddingBottom": 12,
+            "itemPaddingLeft": 16,
+            "itemPaddingRight": 16,
+            "itemPaddingTop": 12
+          }
+        },
+        {
+          "if": {
+            "current": true,
             "pressed": true
           },
           "tokens": {
@@ -4644,44 +4749,75 @@
               "blue": 0.9098,
               "alpha": 1
             },
+            "groupBorderWidth": 0,
             "groupColor": {
-              "red": 0.29412,
-              "green": 0.15686,
-              "blue": 0.42745,
+              "red": 0.40392,
+              "green": 0.43137,
+              "blue": 0.45098,
               "alpha": 1
-            }
+            },
+            "groupFontName": "HelveticaNow",
+            "groupFontWeight": 700
           }
         },
         {
           "if": {
-            "expanded": true
+            "isChild": true
           },
           "tokens": {
-            "groupIcon": "PaletteIconCaretUp"
+            "itemBorderBottomWidth": 0,
+            "itemBorderLeftColor": {
+              "red": 0.8902,
+              "green": 0.90196,
+              "blue": 0.9098,
+              "alpha": 1
+            },
+            "itemBorderLeftWidth": 4,
+            "itemBorderTopWidth": 0
           }
         },
         {
           "if": {
-            "current": true
+            "current": true,
+            "isChild": true
           },
           "tokens": {
-            "groupColor": {
+            "itemBorderLeftColor": {
               "red": 0.29412,
               "green": 0.15686,
               "blue": 0.42745,
               "alpha": 1
-            },
-            "groupFontName": "HelveticaNow",
-            "groupFontWeight": 700
+            }
           }
         },
         {
           "if": {
-            "isChild": true
+            "current": true,
+            "pressed": true
+          },
+          "tokens": {
+            "itemColor": {
+              "red": 0.40392,
+              "green": 0.43137,
+              "blue": 0.45098,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "isChild": true,
+            "pressed": true
           },
           "tokens": {
-            "itemBorderWidth": 4,
-            "itemPaddingLeft": 12
+            "itemBorderBottomWidth": 0,
+            "itemBorderLeftColor": {
+              "red": 0.40392,
+              "green": 0.43137,
+              "blue": 0.45098,
+              "alpha": 1
+            },
+            "itemBorderTopWidth": 0
           }
         }
       ],
@@ -4693,12 +4829,12 @@
           "alpha": 0
         },
         "groupBorderColor": {
-          "red": 0.29412,
-          "green": 0.15686,
-          "blue": 0.42745,
-          "alpha": 1
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0
         },
-        "groupBorderRadius": 6,
+        "groupBorderRadius": 0,
         "groupBorderWidth": 1,
         "groupColor": {
           "red": 0.2549,
@@ -4709,6 +4845,7 @@
         "groupFontName": "HelveticaNow",
         "groupFontSize": 14,
         "groupFontWeight": 400,
+        "groupHeight": 40,
         "groupIcon": "PaletteIconCaretDown",
         "groupPaddingBottom": 12,
         "groupPaddingLeft": 16,
@@ -4720,36 +4857,56 @@
           "blue": 0,
           "alpha": 0
         },
-        "itemBorderBackgroundColor": {
-          "red": 0.8902,
-          "green": 0.90196,
-          "blue": 0.9098,
-          "alpha": 1
+        "itemBorderBottomColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0
         },
+        "itemBorderBottomWidth": 1,
         "itemBorderLeftColor": {
-          "red": 0.29412,
-          "green": 0.15686,
-          "blue": 0.42745,
-          "alpha": 1
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0
+        },
+        "itemBorderLeftWidth": 1,
+        "itemBorderRadius": 0,
+        "itemBorderRightColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0
         },
-        "itemBorderLeftWidth": 4,
-        "itemBorderWidth": 0,
+        "itemBorderRightWidth": 1,
+        "itemBorderTopColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0
+        },
+        "itemBorderTopWidth": 1,
+        "itemBorderWidth": 1,
         "itemColor": {
-          "red": 0.29412,
-          "green": 0.15686,
-          "blue": 0.42745,
+          "red": 0.2549,
+          "green": 0.27059,
+          "blue": 0.27843,
           "alpha": 1
         },
         "itemDisplay": false,
         "itemFontName": "HelveticaNow",
         "itemFontSize": 14,
         "itemFontWeight": 700,
+        "itemHeight": 40,
         "itemOutline": 0,
         "itemPaddingBottom": 12,
         "itemPaddingLeft": 16,
         "itemPaddingRight": 16,
         "itemPaddingTop": 12,
         "itemTextDecoration": "none",
+        "lineHeight": 1.14285714286,
+        "minHeight": "100%",
+        "minWidth": 288,
         "shadow": {
           "inset": false,
           "offsetX": 0,
@@ -5035,7 +5192,7 @@
         },
         "pressed": {
           "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
-          "values": [true],
+          "values": [true, false],
           "type": "state"
         },
         "selected": {
@@ -5481,7 +5638,7 @@
       "appearances": {
         "pressed": {
           "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
-          "values": [true],
+          "values": [true, false],
           "type": "state"
         },
         "selected": {
@@ -5591,7 +5748,7 @@
         },
         "pressed": {
           "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
-          "values": [true],
+          "values": [true, false],
           "type": "state"
         },
         "selected": {
@@ -6215,7 +6372,7 @@
       "appearances": {
         "pressed": {
           "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
-          "values": [true],
+          "values": [true, false],
           "type": "state"
         }
       },
@@ -6335,7 +6492,7 @@
       "appearances": {
         "pressed": {
           "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
-          "values": [true],
+          "values": [true, false],
           "type": "state"
         },
         "viewport": {
@@ -6399,7 +6556,7 @@
       "appearances": {
         "pressed": {
           "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
-          "values": [true],
+          "values": [true, false],
           "type": "state"
         }
       },
@@ -6643,7 +6800,7 @@
         },
         "pressed": {
           "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
-          "values": [true],
+          "values": [true, false],
           "type": "state"
         },
         "viewport": {
@@ -7177,7 +7334,7 @@
         },
         "pressed": {
           "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
-          "values": [true],
+          "values": [true, false],
           "type": "state"
         },
         "priority": {
@@ -7840,6 +7997,8 @@
         "buttonPaddingRight": 16,
         "buttonRadius": 32,
         "detailsContainerPadding": 8,
+        "labelFontName": "HelveticaNow",
+        "labelFontWeight": 700,
         "playIcon": "PaletteIconPlaySolid",
         "playIconColor": {
           "red": 1,
@@ -8083,7 +8242,7 @@
       "appearances": {
         "pressed": {
           "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
-          "values": [true],
+          "values": [true, false],
           "type": "state"
         }
       },
@@ -8259,12 +8418,12 @@
       "appearances": {
         "focus": {
           "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
-          "values": [true],
+          "values": [true, false],
           "type": "state"
         },
         "hover": {
           "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
-          "values": [true],
+          "values": [true, false],
           "type": "state"
         },
         "inverse": {
@@ -8273,12 +8432,12 @@
         },
         "pressed": {
           "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
-          "values": [true],
+          "values": [true, false],
           "type": "state"
         },
         "selected": {
           "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
-          "values": [true],
+          "values": [true, false],
           "type": "state"
         }
       },
@@ -8579,7 +8738,7 @@
         },
         "pressed": {
           "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
-          "values": [true],
+          "values": [true, false],
           "type": "state"
         },
         "selected": {
@@ -9103,7 +9262,7 @@
           "blue": 1,
           "alpha": 1
         },
-        "dotWidth": 16,
+        "dotWidth": 14,
         "itemContentFlexSize": 1,
         "itemContentMarginBottom": 32,
         "itemContentMarginRight": 0,
@@ -9119,6 +9278,12 @@
           "blue": 0.45098,
           "alpha": 1
         },
+        "timelineConnectorColor": {
+          "red": 0.40392,
+          "green": 0.43137,
+          "blue": 0.45098,
+          "alpha": 1
+        },
         "timelineContainerDirection": "column"
       }
     },
@@ -9204,7 +9369,7 @@
         },
         "pressed": {
           "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
-          "values": [true],
+          "values": [true, false],
           "type": "state"
         },
         "selected": {
@@ -9509,7 +9674,7 @@
         },
         "pressed": {
           "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
-          "values": [true],
+          "values": [true, false],
           "type": "state"
         }
       },
@@ -10283,10 +10448,30 @@
       }
     },
     "VideoControlBar": {
-      "appearances": {},
-      "rules": [],
+      "appearances": {
+        "viewport": {
+          "description": "The size label for the current screen viewport based on the current screen width",
+          "values": ["xs", "sm", "md", "lg", "xl"],
+          "type": "state"
+        }
+      },
+      "rules": [
+        {
+          "if": {
+            "viewport": ["xs", "sm"]
+          },
+          "tokens": {
+            "height": 40,
+            "paddingBottom": 8,
+            "paddingLeft": 16,
+            "paddingRight": 16,
+            "paddingTop": 8
+          }
+        }
+      ],
       "tokens": {
         "captionsIcon": "PaletteIconClosedCaptions",
+        "height": 56,
         "maximizeIcon": "PaletteIconFullscreenExpand",
         "menuBottom": 64,
         "menuMarginLeft": 16,
@@ -10294,9 +10479,7 @@
         "minimizeIcon": "PaletteIconFullscreenMinimize",
         "paddingBottom": 16,
         "paddingLeft": 48,
-        "paddingLeftCompactMode": 16,
         "paddingRight": 48,
-        "paddingRightCompactMode": 16,
         "paddingTop": 16,
         "settingsIcon": "PaletteIconSettingsSolid"
       }
@@ -10705,7 +10888,7 @@
     }
   },
   "metadata": {
-    "themeTokensVersion": "2.33.0",
+    "themeTokensVersion": "2.35.0",
     "name": "theme-allium"
   }
 }