npm - @telus-uds/theme-allium - Versions diffs - 3.19.0 → 3.20.0 - Mend

@telus-uds/theme-allium 3.19.0 → 3.20.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/build/android/schema.json +3127 -1805
package/build/android/theme.json +504 -47
package/build/ios/schema.json +3127 -1805
package/build/ios/theme.json +504 -47
package/build/rn/schema.json +3127 -1805
package/build/rn/theme.js +262 -39
package/package.json +5 -5
package/theme.json +309 -39

package/build/ios/theme.json CHANGED Viewed

@@ -743,6 +743,40 @@
         "gradient": null
       }
     },
+    "Breadcrumbs": {
+      "appearances": {
+        "inverse": {
+          "type": "variant",
+          "values": [true]
+        }
+      },
+      "rules": [
+        {
+          "if": {
+            "inverse": true
+          },
+          "tokens": {
+            "iconColor": {
+              "red": 0.69804,
+              "green": 0.72549,
+              "blue": 0.74902,
+              "alpha": 1
+            }
+          }
+        }
+      ],
+      "tokens": {
+        "icon": "PaletteIconChevronRight",
+        "iconColor": {
+          "red": 0.40392,
+          "green": 0.43137,
+          "blue": 0.45098,
+          "alpha": 1
+        },
+        "iconPadding": 8,
+        "listItemPadding": 0
+      }
+    },
     "Button": {
       "appearances": {
         "danger": {
@@ -1639,6 +1673,57 @@
         "width": null
       }
     },
+    "Callout": {
+      "appearances": {
+        "rounded": {
+          "type": "variant",
+          "values": [true, false]
+        },
+        "size": {
+          "type": "variant",
+          "values": ["small"]
+        }
+      },
+      "rules": [
+        {
+          "if": {
+            "size": "small"
+          },
+          "tokens": {
+            "paddingBottom": 4,
+            "paddingTop": 4
+          }
+        },
+        {
+          "if": {
+            "rounded": true
+          },
+          "tokens": {
+            "borderRadius": 4
+          }
+        }
+      ],
+      "tokens": {
+        "background": {
+          "red": 0.95686,
+          "green": 0.95686,
+          "blue": 0.96863,
+          "alpha": 1
+        },
+        "borderRadius": 0,
+        "color": {
+          "red": 0.29412,
+          "green": 0.15686,
+          "blue": 0.42745,
+          "alpha": 1
+        },
+        "gap": 16,
+        "paddingBottom": 8,
+        "paddingLeft": 16,
+        "paddingRight": 16,
+        "paddingTop": 8
+      }
+    },
     "Card": {
       "appearances": {
         "background": {
@@ -2299,6 +2384,190 @@
         "textLine": "none"
       }
     },
+    "DatePicker": {
+      "appearances": {},
+      "rules": [],
+      "tokens": {
+        "calendarDayBlockedCalendarHoverBackground": {
+          "red": 0.98039,
+          "green": 0.98039,
+          "blue": 0.98039,
+          "alpha": 1
+        },
+        "calendarDayBlockedCalendarHoverColor": {
+          "red": 0.2549,
+          "green": 0.27059,
+          "blue": 0.27843,
+          "alpha": 1
+        },
+        "calendarDayDefaultBeforeHeight": 28,
+        "calendarDayDefaultBeforeWidth": 28,
+        "calendarDayDefaultBorder": 1,
+        "calendarDayDefaultBorderColor": {
+          "red": 0.8902,
+          "green": 0.90196,
+          "blue": 0.9098,
+          "alpha": 1
+        },
+        "calendarDayDefaultCalendarDaySelectedHoverBackground": {
+          "red": 0.48627,
+          "green": 0.32549,
+          "blue": 0.64706,
+          "alpha": 1
+        },
+        "calendarDayDefaultCalendarDaySelectedHoverColor": {
+          "red": 1,
+          "green": 1,
+          "blue": 1,
+          "alpha": 1
+        },
+        "calendarDayDefaultColor": {
+          "red": 0.2549,
+          "green": 0.27059,
+          "blue": 0.27843,
+          "alpha": 1
+        },
+        "calendarDayDefaultFontName": "HelveticaNow",
+        "calendarDayDefaultFontSize": 14,
+        "calendarDayDefaultFontWeight": 300,
+        "calendarDaySelectedHoverBeforeBackground": {
+          "red": 0.48627,
+          "green": 0.32549,
+          "blue": 0.64706,
+          "alpha": 1
+        },
+        "calendarDaySelectedHoverBorderColor": {
+          "red": 0.8902,
+          "green": 0.90196,
+          "blue": 0.9098,
+          "alpha": 1
+        },
+        "calendarDaySelectedHoverColor": {
+          "red": 1,
+          "green": 1,
+          "blue": 1,
+          "alpha": 1
+        },
+        "calendarMonthCaptionColor": {
+          "red": 0.17255,
+          "green": 0.18039,
+          "blue": 0.18824,
+          "alpha": 1
+        },
+        "calendarMonthCaptionFontName": "HelveticaNow",
+        "calendarMonthCaptionFontSize": 20,
+        "calendarMonthCaptionFontWeight": 400,
+        "calendarMonthCaptionLineHeight": 1.4,
+        "calendarMonthCaptionPaddingBottom": 48,
+        "dateInputBorderColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 0
+        },
+        "dateInputBorderRadius": 6,
+        "dateInputFocusBorderColor": {
+          "red": 0.48627,
+          "green": 0.32549,
+          "blue": 0.64706,
+          "alpha": 1
+        },
+        "dateInputHoverBorderColor": {
+          "red": 0.8902,
+          "green": 0.90196,
+          "blue": 0.9098,
+          "alpha": 1
+        },
+        "dateInputInsideBorderColor": {
+          "red": 0.40392,
+          "green": 0.43137,
+          "blue": 0.45098,
+          "alpha": 1
+        },
+        "dateInputInsideColor": {
+          "red": 0.40392,
+          "green": 0.43137,
+          "blue": 0.45098,
+          "alpha": 1
+        },
+        "dateInputStrokeColor": {
+          "red": 0.40392,
+          "green": 0.43137,
+          "blue": 0.45098,
+          "alpha": 1
+        },
+        "dayPickerNavigationButtonBackgroundColor": {
+          "red": 1,
+          "green": 1,
+          "blue": 1,
+          "alpha": 1
+        },
+        "dayPickerNavigationButtonBorderColor": {
+          "red": 0.69804,
+          "green": 0.72549,
+          "blue": 0.74902,
+          "alpha": 1
+        },
+        "dayPickerNavigationButtonChildLeft": 8,
+        "dayPickerNavigationButtonChildRight": 8,
+        "dayPickerNavigationButtonChildSvgFill": {
+          "red": 0.40392,
+          "green": 0.43137,
+          "blue": 0.45098,
+          "alpha": 1
+        },
+        "dayPickerNavigationButtonDefaultHoverBorderColor": {
+          "red": 0.8902,
+          "green": 0.90196,
+          "blue": 0.9098,
+          "alpha": 1
+        },
+        "dayPickerNavigationButtonMaxHeight": 32,
+        "dayPickerNavigationButtonMaxWidth": 32,
+        "dayPickerNavigationButtonPadding": 8,
+        "dayPickerNavigationSVGHorizontalFill": {
+          "red": 0.17255,
+          "green": 0.18039,
+          "blue": 0.18824,
+          "alpha": 1
+        },
+        "dayPickerWeekHeaderColor": {
+          "red": 0.2549,
+          "green": 0.27059,
+          "blue": 0.27843,
+          "alpha": 1
+        },
+        "dayPickerWeekHeaderFontName": "HelveticaNow",
+        "dayPickerWeekHeaderFontWeight": 500,
+        "dayPickerWeekHeaderLineHeight": 1.42857142857,
+        "dayPickerWeekHeaderSmall": 14,
+        "hiddenInputFieldContainerHeight": 0,
+        "hiddenInputFieldContainerWidth": 0,
+        "invalidInputMixin": {
+          "red": 0.88235,
+          "green": 0.13725,
+          "blue": 0.22353,
+          "alpha": 1
+        },
+        "nextIcon": "PaletteIconArrowRight",
+        "previousIcon": "PaletteIconArrowLeft",
+        "singleDatePickerBorderColor": {
+          "red": 0.40392,
+          "green": 0.43137,
+          "blue": 0.45098,
+          "alpha": 1
+        },
+        "singleDatePickerLeftRight": 16,
+        "singleDatePickerPaddingTopBottom": 8,
+        "singleDatePickerRadius": 4,
+        "validInputMixin": {
+          "red": 0.16863,
+          "green": 0.50196,
+          "blue": 0,
+          "alpha": 1
+        }
+      }
+    },
     "Divider": {
       "appearances": {
         "decorative": {
@@ -2426,6 +2695,36 @@
         "verticalAlign": "top"
       }
     },
+    "ExpandCollapseMini": {
+      "appearances": {},
+      "rules": [],
+      "tokens": {
+        "borderWidth": 0
+      }
+    },
+    "ExpandCollapseMiniControl": {
+      "appearances": {
+        "expanded": {
+          "description": "Applies when an ExpandCollapse panel is open and the content inside is visible",
+          "values": [true],
+          "type": "state"
+        }
+      },
+      "rules": [
+        {
+          "if": {
+            "expanded": true
+          },
+          "tokens": {
+            "icon": "PaletteIconCaretUp"
+          }
+        }
+      ],
+      "tokens": {
+        "icon": "PaletteIconCaretDown",
+        "size": 4
+      }
+    },
     "ExpandCollapsePanel": {
       "appearances": {},
       "rules": [],
@@ -2574,6 +2873,71 @@
         "titleFontSize": 16
       }
     },
+    "Footnote": {
+      "appearances": {},
+      "rules": [],
+      "tokens": {
+        "closeButtonBorderColor": {
+          "red": 0.40392,
+          "green": 0.43137,
+          "blue": 0.45098,
+          "alpha": 1
+        },
+        "closeButtonBorderSize": 1,
+        "closeButtonHeight": 24,
+        "closeButtonIconSize": 16,
+        "closeButtonMarginBottom": 12,
+        "closeButtonMarginLeft": 4,
+        "closeButtonMarginRight": 4,
+        "closeButtonMarginTop": 12,
+        "closeButtonWidth": 24,
+        "footnoteBackground": {
+          "red": 0.95686,
+          "green": 0.95686,
+          "blue": 0.96863,
+          "alpha": 1
+        },
+        "footnoteBodyBackground": {
+          "red": 0.95686,
+          "green": 0.95686,
+          "blue": 0.96863,
+          "alpha": 1
+        },
+        "footnoteBodyPaddingBottom": 32,
+        "footnoteBodyPaddingLeft": 16,
+        "footnoteBodyPaddingRight": 16,
+        "footnoteBodyPaddingTop": 0,
+        "footnoteBorderColorMd": {
+          "red": 0.69804,
+          "green": 0.72549,
+          "blue": 0.74902,
+          "alpha": 1
+        },
+        "footnoteBorderTopSizeMd": 1,
+        "headerMargin": 16,
+        "listItemColor": {
+          "red": 0.2549,
+          "green": 0.27059,
+          "blue": 0.27843,
+          "alpha": 1
+        },
+        "listItemFontSize": 14,
+        "listItemLineHeight": 1.42857142857,
+        "listItemMarkerFontSize": 16,
+        "listItemMarkerLineHeight": 1.5,
+        "listItemPaddingLeft": 8,
+        "listPaddingLeft": 32
+      }
+    },
+    "FootnoteLink": {
+      "appearances": {},
+      "rules": [],
+      "tokens": {
+        "lineHeight": 1,
+        "paddingLeft": 2,
+        "paddingRight": 2
+      }
+    },
     "HorizontalScrollButton": {
       "appearances": {
         "pressed": {
@@ -2962,17 +3326,18 @@
               "alpha": 0.4
             },
             "borderColor": {
-              "red": 0.40392,
-              "green": 0.43137,
-              "blue": 0.45098,
+              "red": 1,
+              "green": 1,
+              "blue": 1,
               "alpha": 1
             },
             "iconColor": {
-              "red": 0.40392,
-              "green": 0.43137,
-              "blue": 0.45098,
+              "red": 1,
+              "green": 1,
+              "blue": 1,
               "alpha": 1
-            }
+            },
+            "outerBorderWidth": 0
           }
         },
         {
@@ -2989,6 +3354,7 @@
             "size": "small"
           },
           "tokens": {
+            "iconSize": 16,
             "padding": 4
           }
         },
@@ -3011,6 +3377,7 @@
               "alpha": 1
             },
             "borderWidth": 1,
+            "iconSize": 16,
             "outerBorderColor": {
               "red": 0,
               "green": 0,
@@ -3019,7 +3386,7 @@
             },
             "outerBorderGap": 0,
             "outerBorderWidth": 0,
-            "padding": 12,
+            "padding": 8,
             "shadow": {
               "inset": false,
               "offsetX": 0,
@@ -3041,7 +3408,8 @@
             "size": "large"
           },
           "tokens": {
-            "padding": 16
+            "iconSize": 24,
+            "padding": 12
           }
         },
         {
@@ -3126,7 +3494,7 @@
           "alpha": 1
         },
         "iconScale": 1,
-        "iconSize": 24,
+        "iconSize": 16,
         "iconTranslateX": 0,
         "iconTranslateY": 0,
         "outerBorderColor": {
@@ -3137,7 +3505,7 @@
         },
         "outerBorderGap": 0,
         "outerBorderWidth": 0,
-        "padding": 8,
+        "padding": 4,
         "shadow": null
       }
     },
@@ -4152,6 +4520,76 @@
         "width": null
       }
     },
+    "PreviewCard": {
+      "appearances": {},
+      "rules": [],
+      "tokens": {
+        "backgroundColor": {
+          "red": 1,
+          "green": 1,
+          "blue": 1,
+          "alpha": 1
+        },
+        "borderColor": {
+          "red": 0.8902,
+          "green": 0.90196,
+          "blue": 0.9098,
+          "alpha": 1
+        },
+        "borderRadius": 6,
+        "borderWidth": 1,
+        "flex": 1,
+        "outerBorderColor": {
+          "red": 0,
+          "green": 0,
+          "blue": 0,
+          "alpha": 1
+        },
+        "outerBorderGap": 0,
+        "outerBorderWidth": 0,
+        "paddingBottom": 0,
+        "paddingLeft": 0,
+        "paddingRight": 0,
+        "paddingTop": 0,
+        "separatorColor": {
+          "red": 0.69804,
+          "green": 0.72549,
+          "blue": 0.74902,
+          "alpha": 1
+        }
+      }
+    },
+    "PriceLockup": {
+      "appearances": {},
+      "rules": [],
+      "tokens": {
+        "bottomLinksMarginLeft": 4,
+        "bottomTextMarginTop": 4,
+        "dividerColor": {
+          "red": 0.69804,
+          "green": 0.72549,
+          "blue": 0.74902,
+          "alpha": 1
+        },
+        "fontColor": {
+          "red": 0.2549,
+          "green": 0.27059,
+          "blue": 0.27843,
+          "alpha": 1
+        },
+        "footnoteGap": 4,
+        "footnoteMarginTop": 4,
+        "priceMarginBottom": 8,
+        "strikeThroughBackground": {
+          "red": 0.40392,
+          "green": 0.43137,
+          "blue": 0.45098,
+          "alpha": 1
+        },
+        "strikeThroughHeight": 2,
+        "topTextMarginBottom": 4
+      }
+    },
     "Progress": {
       "appearances": {
         "size": {
@@ -4574,14 +5012,7 @@
           "if": {
             "error": true
           },
-          "tokens": {
-            "inputBorderColor": {
-              "red": 0.88235,
-              "green": 0.13725,
-              "blue": 0.22353,
-              "alpha": 1
-            }
-          }
+          "tokens": {}
         },
         {
           "if": {
@@ -4607,6 +5038,38 @@
               "alpha": 1
             }
           }
+        },
+        {
+          "if": {
+            "checked": true,
+            "inactive": true
+          },
+          "tokens": {
+            "checkedBackgroundColor": {
+              "red": 0.69804,
+              "green": 0.72549,
+              "blue": 0.74902,
+              "alpha": 1
+            },
+            "inputBackgroundColor": {
+              "red": 1,
+              "green": 1,
+              "blue": 1,
+              "alpha": 1
+            },
+            "inputBorderColor": {
+              "red": 0.69804,
+              "green": 0.72549,
+              "blue": 0.74902,
+              "alpha": 1
+            },
+            "labelColor": {
+              "red": 0.40392,
+              "green": 0.43137,
+              "blue": 0.45098,
+              "alpha": 1
+            }
+          }
         }
       ],
       "tokens": {
@@ -5277,6 +5740,20 @@
         }
       },
       "rules": [
+        {
+          "if": {
+            "focus": true
+          },
+          "tokens": {
+            "borderColor": {
+              "red": 0.48627,
+              "green": 0.32549,
+              "blue": 0.64706,
+              "alpha": 1
+            },
+            "borderWidth": 3
+          }
+        },
         {
           "if": {
             "validation": "success"
@@ -5317,38 +5794,18 @@
             }
           }
         },
-        {
-          "if": {
-            "focus": true
-          },
-          "tokens": {
-            "borderColor": {
-              "red": 0.48627,
-              "green": 0.32549,
-              "blue": 0.64706,
-              "alpha": 1
-            },
-            "borderWidth": 3,
-            "validationIcon": null
-          }
-        },
         {
           "if": {
             "inactive": true
           },
           "tokens": {
-            "backgroundColor": {
-              "red": 0.95686,
-              "green": 0.95686,
-              "blue": 0.96863,
-              "alpha": 1
-            },
             "borderColor": {
-              "red": 0.95686,
-              "green": 0.95686,
-              "blue": 0.96863,
+              "red": 0.40392,
+              "green": 0.43137,
+              "blue": 0.45098,
               "alpha": 1
-            }
+            },
+            "icon": null
           }
         }
       ],
@@ -5384,7 +5841,7 @@
           "blue": 0.27843,
           "alpha": 1
         },
-        "iconSize": 24,
+        "iconSize": 20,
         "outerBackgroundColor": {
           "red": 0,
           "green": 0,
@@ -5409,7 +5866,7 @@
           "blue": 0,
           "alpha": 0
         },
-        "validationIconSize": 24
+        "validationIconSize": 20
       }
     },
     "SideNav": {
@@ -7737,7 +8194,7 @@
     }
   },
   "metadata": {
-    "themeTokensVersion": "2.17.0",
+    "themeTokensVersion": "2.18.0",
     "name": "theme-allium"
   }
 }