@telus-uds/theme-koodo 7.0.0 → 7.2.0

package/build/android/theme.json

@@ -2257,6 +2257,25 @@
           "values": [true],
           "type": "state"
         },
+        "style": {
+          "type": "variant",
+          "values": [
+            "grid",
+            "light",
+            "lighter",
+            "lightest",
+            "dark",
+            "darker",
+            "darkest",
+            "feature",
+            "feature2",
+            "feature3",
+            "feature4",
+            "warning",
+            "error",
+            "success"
+          ]
+        },
         "viewport": {
           "description": "The size label for the current screen viewport based on the current screen width",
           "values": ["xs", "sm", "md", "lg", "xl"],
@@ -2431,6 +2450,228 @@
             "borderWidth": 0
           }
         },
+        {
+          "if": {
+            "style": "grid"
+          },
+          "tokens": {
+            "borderColor": {
+              "red": 0,
+              "green": 0,
+              "blue": 0,
+              "alpha": 1
+            },
+            "borderWidth": 1
+          }
+        },
+        {
+          "if": {
+            "style": "light"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.93725,
+              "green": 0.93725,
+              "blue": 0.93725,
+              "alpha": 1
+            },
+            "borderWidth": 0
+          }
+        },
+        {
+          "if": {
+            "style": "lighter"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.98039,
+              "green": 0.98039,
+              "blue": 0.98039,
+              "alpha": 1
+            },
+            "borderColor": {
+              "red": 0.93725,
+              "green": 0.93725,
+              "blue": 0.93725,
+              "alpha": 1
+            },
+            "borderWidth": 2
+          }
+        },
+        {
+          "if": {
+            "style": "lightest"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
+            },
+            "borderWidth": 0
+          }
+        },
+        {
+          "if": {
+            "style": "dark"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0,
+              "green": 0,
+              "blue": 0,
+              "alpha": 1
+            },
+            "borderWidth": 0
+          }
+        },
+        {
+          "if": {
+            "style": "darker"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0,
+              "green": 0,
+              "blue": 0,
+              "alpha": 1
+            },
+            "borderWidth": 0
+          }
+        },
+        {
+          "if": {
+            "style": "darkest"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0,
+              "green": 0,
+              "blue": 0,
+              "alpha": 1
+            },
+            "borderWidth": 0
+          }
+        },
+        {
+          "if": {
+            "style": "feature"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.63137,
+              "green": 0.92941,
+              "blue": 0,
+              "alpha": 1
+            },
+            "borderWidth": 0
+          }
+        },
+        {
+          "if": {
+            "style": "feature2"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.87843,
+              "green": 0.84706,
+              "blue": 0.98824,
+              "alpha": 1
+            },
+            "borderRadius": 8,
+            "borderWidth": 0
+          }
+        },
+        {
+          "if": {
+            "style": "feature3"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 1,
+              "green": 0.67843,
+              "blue": 0,
+              "alpha": 1
+            },
+            "borderRadius": 8,
+            "borderWidth": 0
+          }
+        },
+        {
+          "if": {
+            "style": "feature4"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.17647,
+              "green": 0.8,
+              "blue": 0.82745,
+              "alpha": 1
+            },
+            "borderWidth": 0
+          }
+        },
+        {
+          "if": {
+            "style": "warning"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 1,
+              "green": 0.96078,
+              "blue": 0.82353,
+              "alpha": 1
+            },
+            "borderColor": {
+              "red": 0.97255,
+              "green": 0.75686,
+              "blue": 0,
+              "alpha": 1
+            },
+            "borderWidth": 2
+          }
+        },
+        {
+          "if": {
+            "style": "error"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.98824,
+              "green": 0.82745,
+              "blue": 0.77647,
+              "alpha": 1
+            },
+            "borderColor": {
+              "red": 0.95294,
+              "green": 0.34902,
+              "blue": 0.16863,
+              "alpha": 1
+            },
+            "borderWidth": 2
+          }
+        },
+        {
+          "if": {
+            "style": "success"
+          },
+          "tokens": {
+            "backgroundColor": {
+              "red": 0.77255,
+              "green": 0.94902,
+              "blue": 0.8,
+              "alpha": 1
+            },
+            "borderColor": {
+              "red": 0.1098,
+              "green": 0.48235,
+              "blue": 0.16863,
+              "alpha": 1
+            },
+            "borderWidth": 2
+          }
+        },
         {
           "if": {
             "viewport": ["md", "lg", "xl"]
@@ -6173,11 +6414,10 @@
             "size": "large"
           },
           "tokens": {
-            "iconMarginTop": 2,
+            "iconMarginTop": 4,
             "itemFontSize": 20,
             "itemIconSize": 20,
-            "itemLineHeight": 1.4,
-            "listGutter": 16
+            "itemLineHeight": 1.4
           }
         },
         {
@@ -6185,11 +6425,10 @@
             "size": "small"
           },
           "tokens": {
-            "iconMarginTop": 2,
+            "iconMarginTop": 0,
             "itemFontSize": 14,
-            "itemIconSize": 14,
-            "itemLineHeight": 1.42857142857,
-            "listGutter": 10
+            "itemIconSize": 20,
+            "itemLineHeight": 1.42857142857
           }
         },
         {
@@ -6221,7 +6460,7 @@
         }
       ],
       "tokens": {
-        "bulletIcon": "PaletteIconBulletFill",
+        "bulletIcon": "PaletteIconBullet",
         "dividerColor": {
           "red": 0.78824,
           "green": 0.78431,
@@ -6229,7 +6468,7 @@
           "alpha": 1
         },
         "dividerSize": 1,
-        "iconMarginTop": 0,
+        "iconMarginTop": 2,
         "interItemMargin": 8,
         "interItemMarginWithDivider": 16,
         "itemBulletColor": {
@@ -6239,7 +6478,8 @@
           "alpha": 1
         },
         "itemBulletContainerAlign": "center",
-        "itemBulletContainerWidth": 16,
+        "itemBulletContainerHeight": 20,
+        "itemBulletContainerWidth": 24,
         "itemFontName": "StagSans",
         "itemFontSize": 16,
         "itemFontWeight": 400,
@@ -6249,7 +6489,7 @@
           "blue": 0,
           "alpha": 1
         },
-        "itemIconSize": 24,
+        "itemIconSize": 20,
         "itemLineHeight": 1.5,
         "itemTextColor": {
           "red": 0,
@@ -6838,6 +7078,12 @@
           "alpha": 1
         },
         "buttonDirection": "row",
+        "buttonIconBackgroundColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0
+        },
         "buttonIconPadding": 4,
         "buttonIconSize": 20,
         "contentMarginBottom": 32,
@@ -7110,8 +7356,7 @@
           },
           "tokens": {
             "containerPaddingLeft": 16,
-            "containerPaddingRight": 16,
-            "justifyContent": "center"
+            "containerPaddingRight": 16
           }
         },
         {
@@ -11507,6 +11752,14 @@
           "blue": 1,
           "alpha": 1
         },
+        "cellBorderColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0
+        },
+        "cellBorderTopWidth": 0,
+        "cellBorderWidth": 0,
         "cellBoxShadowColor": {
           "red": 0.93725,
           "green": 0.93725,
@@ -11542,6 +11795,14 @@
         "fontSize": 16,
         "fontWeight": 400,
         "lineHeight": 1.5,
+        "rowBorderColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0
+        },
+        "rowBorderTopWidth": 0,
+        "rowBorderWidth": 0,
         "rowHoverBackgroundColor": {
           "red": 0,
           "green": 0,
@@ -11610,11 +11871,12 @@
           },
           "tokens": {
             "backgroundColor": {
-              "red": 1,
-              "green": 1,
-              "blue": 1,
-              "alpha": 1
+              "red": 0,
+              "green": 0,
+              "blue": 0,
+              "alpha": 0.1
             },
+            "borderRadius": 99,
             "color": {
               "red": 0,
               "green": 0,
@@ -11637,11 +11899,12 @@
           },
           "tokens": {
             "backgroundColor": {
-              "red": 0.78824,
-              "green": 0.78431,
-              "blue": 0.78431,
-              "alpha": 1
+              "red": 0,
+              "green": 0,
+              "blue": 0,
+              "alpha": 0.2
             },
+            "borderRadius": 99,
             "highlightBarBorderWidth": 0
           }
         },
@@ -11670,18 +11933,25 @@
             "selected": true
           },
           "tokens": {
+            "backgroundColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
+            },
+            "borderRadius": 99,
             "color": {
-              "red": 0.78824,
-              "green": 0.78431,
-              "blue": 0.78431,
+              "red": 0,
+              "green": 0,
+              "blue": 0,
               "alpha": 1
             },
             "highlightBarBorderWidth": 1,
             "highlightBarHeight": 1,
             "highlightColor": {
-              "red": 0.78824,
-              "green": 0.78431,
-              "blue": 0.78431,
+              "red": 1,
+              "green": 1,
+              "blue": 1,
               "alpha": 1
             }
           }
@@ -11692,12 +11962,13 @@
             "pressed": true
           },
           "tokens": {
-            "color": {
-              "red": 0.78824,
-              "green": 0.78431,
-              "blue": 0.78431,
-              "alpha": 1
+            "backgroundColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 0.4
             },
+            "borderRadius": 99,
             "highlightBarBorderWidth": 0
           }
         },
@@ -11712,10 +11983,10 @@
       ],
       "tokens": {
         "backgroundColor": {
-          "red": 1,
-          "green": 1,
-          "blue": 1,
-          "alpha": 1
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0
         },
         "borderColor": {
           "red": 0,
@@ -11726,9 +11997,9 @@
         "borderRadius": 0,
         "borderWidth": 0,
         "color": {
-          "red": 0.4,
-          "green": 0.4,
-          "blue": 0.4,
+          "red": 0,
+          "green": 0,
+          "blue": 0,
           "alpha": 1
         },
         "fontName": "StagSans",
@@ -11747,10 +12018,12 @@
         "highlightTriangleSize": 0,
         "letterSpacing": 0,
         "lineHeight": 1.5,
+        "marginHorizontal": 4,
+        "marginVertical": 0,
         "maxWidth": null,
         "paddingHorizontal": 24,
         "paddingVertical": 4,
-        "space": 0,
+        "space": 1,
         "textAlign": "center",
         "textTransform": "none"
       }
@@ -14116,7 +14389,7 @@
     }
   },
   "metadata": {
-    "themeTokensVersion": "4.0.0",
+    "themeTokensVersion": "4.2.0",
     "name": "theme-koodo"
   }
 }