@telus-uds/theme-koodo 3.21.0 → 3.23.0

package/build/ios/theme.json

@@ -209,6 +209,25 @@
         "paddingTop": 2
       }
     },
+    "BlockQuote": {
+      "appearances": {},
+      "rules": [],
+      "tokens": {
+        "backgroundGradient": null,
+        "color": {
+          "red": 0.00392,
+          "green": 0.41961,
+          "blue": 0.41569,
+          "alpha": 1
+        },
+        "marginBottom": 16,
+        "paddingBottom": 16,
+        "paddingLeft": 32,
+        "paddingRight": 32,
+        "paddingTop": 16,
+        "width": 2
+      }
+    },
     "Box": {
       "appearances": {
         "background": {
@@ -1464,7 +1483,7 @@
         "borderWidth": 0,
         "contentAlignItems": "stretch",
         "contentFlexGrow": 0,
-        "contentFlexShrink": 0,
+        "contentFlexShrink": 1,
         "contentJustifyContent": "flex-start",
         "flex": 1,
         "minWidth": null,
@@ -1863,7 +1882,9 @@
             "size": "large"
           },
           "tokens": {
-            "iconSize": 24
+            "height": 48,
+            "iconSize": 24,
+            "textLineHeight": 2.15
           }
         },
         {
@@ -1871,7 +1892,9 @@
             "size": "small"
           },
           "tokens": {
-            "iconSize": 20
+            "height": 36,
+            "iconSize": 16,
+            "textLineHeight": 2.15
           }
         },
         {
@@ -1879,7 +1902,9 @@
             "size": "micro"
           },
           "tokens": {
-            "iconSize": 16
+            "height": 32,
+            "iconSize": 16,
+            "textLineHeight": 2.25
           }
         }
       ],
@@ -1890,8 +1915,9 @@
           "blue": 0.41569,
           "alpha": 1
         },
+        "height": 40,
         "iconDisplace": 0,
-        "iconSize": 24,
+        "iconSize": 18,
         "iconSpace": 1,
         "leftIcon": "PaletteIconChevronLeft",
         "outerBorderColor": {
@@ -1901,7 +1927,8 @@
           "alpha": 0
         },
         "rightIcon": "PaletteIconChevronRight",
-        "textLine": "none"
+        "textLine": "none",
+        "textLineHeight": 2.13
       }
     },
     "DatePicker": {
@@ -2713,6 +2740,20 @@
     },
     "IconButton": {
       "appearances": {
+        "action": {
+          "type": "variant",
+          "values": [
+            "add",
+            "close",
+            "expand",
+            "moveDown",
+            "moveLeft",
+            "moveRight",
+            "moveUp",
+            "play",
+            "subtract"
+          ]
+        },
         "compact": {
           "description": "Without the outer border gap",
           "type": "variant",
@@ -2749,6 +2790,78 @@
         }
       },
       "rules": [
+        {
+          "if": {
+            "action": "add"
+          },
+          "tokens": {
+            "icon": "PaletteIconAdd"
+          }
+        },
+        {
+          "if": {
+            "action": "subtract"
+          },
+          "tokens": {
+            "icon": "PaletteIconSubtract"
+          }
+        },
+        {
+          "if": {
+            "action": "close"
+          },
+          "tokens": {
+            "icon": "PaletteIconClose"
+          }
+        },
+        {
+          "if": {
+            "action": "expand"
+          },
+          "tokens": {
+            "icon": "PaletteIconExpand"
+          }
+        },
+        {
+          "if": {
+            "action": "moveDown"
+          },
+          "tokens": {
+            "icon": "PaletteIconChevronDown"
+          }
+        },
+        {
+          "if": {
+            "action": "moveLeft"
+          },
+          "tokens": {
+            "icon": "PaletteIconChevronLeft"
+          }
+        },
+        {
+          "if": {
+            "action": "moveRight"
+          },
+          "tokens": {
+            "icon": "PaletteIconChevronRight"
+          }
+        },
+        {
+          "if": {
+            "action": "moveUp"
+          },
+          "tokens": {
+            "icon": "PaletteIconChevronUp"
+          }
+        },
+        {
+          "if": {
+            "action": "play"
+          },
+          "tokens": {
+            "icon": "PaletteIconPlayVideo"
+          }
+        },
         {
           "if": {
             "inverse": true
@@ -3002,6 +3115,7 @@
         },
         "borderRadius": 99999999999999,
         "borderWidth": 1,
+        "icon": null,
         "iconColor": {
           "red": 0,
           "green": 0,
@@ -3329,6 +3443,162 @@
         "listGutter": 10
       }
     },
+    "ListBox": {
+      "appearances": {
+        "current": {
+          "description": "When the current item is selected",
+          "values": [true],
+          "type": "state"
+        },
+        "expanded": {
+          "description": "Applies when an ExpandCollapse panel is open and the content inside is visible",
+          "values": [true],
+          "type": "state"
+        },
+        "isChild": {
+          "description": "when the item is child of another child",
+          "values": [true],
+          "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],
+          "type": "state"
+        }
+      },
+      "rules": [
+        {
+          "if": {
+            "pressed": true
+          },
+          "tokens": {
+            "groupBackgroundColor": {
+              "red": 0.73333,
+              "green": 0.91765,
+              "blue": 0.96078,
+              "alpha": 1
+            },
+            "groupColor": {
+              "red": 0.00392,
+              "green": 0.41961,
+              "blue": 0.41569,
+              "alpha": 1
+            }
+          }
+        },
+        {
+          "if": {
+            "current": true
+          },
+          "tokens": {
+            "groupColor": {
+              "red": 0.00392,
+              "green": 0.41961,
+              "blue": 0.41569,
+              "alpha": 1
+            },
+            "groupFontName": "StagSans",
+            "groupFontWeight": 700
+          }
+        },
+        {
+          "if": {
+            "isChild": true
+          },
+          "tokens": {
+            "itemBorderWidth": 4,
+            "itemPaddingLeft": 12
+          }
+        },
+        {
+          "if": {
+            "expanded": true
+          },
+          "tokens": {
+            "groupIcon": "PaletteIconChevronUp"
+          }
+        }
+      ],
+      "tokens": {
+        "groupBackgroundColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0
+        },
+        "groupBorderColor": {
+          "red": 0.00392,
+          "green": 0.41961,
+          "blue": 0.41569,
+          "alpha": 1
+        },
+        "groupBorderRadius": 6,
+        "groupBorderWidth": 1,
+        "groupColor": {
+          "red": 0.89804,
+          "green": 0.96863,
+          "blue": 0.98431,
+          "alpha": 1
+        },
+        "groupFontName": "StagSans",
+        "groupFontSize": 14,
+        "groupFontWeight": 400,
+        "groupIcon": "PaletteIconChevronDown",
+        "groupPaddingBottom": 12,
+        "groupPaddingLeft": 16,
+        "groupPaddingRight": 16,
+        "groupPaddingTop": 12,
+        "itemBackgroundColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0
+        },
+        "itemBorderBackgroundColor": {
+          "red": 0.73333,
+          "green": 0.91765,
+          "blue": 0.96078,
+          "alpha": 1
+        },
+        "itemBorderLeftColor": {
+          "red": 0.00392,
+          "green": 0.41961,
+          "blue": 0.41569,
+          "alpha": 1
+        },
+        "itemBorderLeftWidth": 4,
+        "itemBorderWidth": 0,
+        "itemColor": {
+          "red": 0.00392,
+          "green": 0.41961,
+          "blue": 0.41569,
+          "alpha": 1
+        },
+        "itemDisplay": false,
+        "itemFontName": "StagSans",
+        "itemFontSize": 14,
+        "itemFontWeight": 700,
+        "itemOutline": 0,
+        "itemPaddingBottom": 12,
+        "itemPaddingLeft": 16,
+        "itemPaddingRight": 16,
+        "itemPaddingTop": 12,
+        "itemTextDecoration": "none",
+        "shadow": {
+          "inset": false,
+          "offsetX": 0,
+          "offsetY": 2,
+          "blur": 2,
+          "spread": 0,
+          "color": {
+            "red": 0,
+            "green": 0,
+            "blue": 0,
+            "alpha": 0.1
+          }
+        }
+      }
+    },
     "Modal": {
       "appearances": {
         "maxWidth": {
@@ -4776,7 +5046,7 @@
         },
         "contentAlignItems": "stretch",
         "contentFlexGrow": 0,
-        "contentFlexShrink": 0,
+        "contentFlexShrink": 1,
         "contentJustifyContent": "flex-start",
         "contentSpace": 2,
         "flex": 1,
@@ -5535,6 +5805,35 @@
         "paddingVertical": 8
       }
     },
+    "Spinner": {
+      "appearances": {
+        "size": {
+          "type": "variant",
+          "values": ["small"]
+        }
+      },
+      "rules": [
+        {
+          "if": {
+            "size": "small"
+          },
+          "tokens": {
+            "size": 24,
+            "thickness": 2
+          }
+        }
+      ],
+      "tokens": {
+        "fullScreenOverLayBackground": {
+          "red": 0.98039,
+          "green": 0.98039,
+          "blue": 0.98039,
+          "alpha": 1
+        },
+        "size": 48,
+        "thickness": 4
+      }
+    },
     "StackView": {
       "appearances": {},
       "rules": [],
@@ -7263,7 +7562,7 @@
     }
   },
   "metadata": {
-    "themeTokensVersion": "2.20.0",
+    "themeTokensVersion": "2.22.0",
     "name": "theme-koodo"
   }
 }