@telus-uds/system-theme-tokens 2.25.0 → 2.26.1

package/CHANGELOG.md

@@ -1,12 +1,39 @@
 # Change Log - @telus-uds/system-theme-tokens
 
-This log was last generated on Tue, 09 May 2023 00:20:29 GMT and should not be manually modified.
+This log was last generated on Wed, 24 May 2023 01:36:34 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 2.26.1
+
+Wed, 24 May 2023 01:36:34 GMT
+
+### Patches
+
+- license update in readme.md (srikanthkhari@gmail.com)
+- Bump @telus-uds/system-constants to v1.2.1
+
+## 2.26.0
+
+Wed, 17 May 2023 00:20:05 GMT
+
+### Minor changes
+
+- add 'strikeThroughPosition' token to schema (kyle.king2@telus.com)
+- standardize expand collapse accross all brands (akshay.pandey1@telus.com)
+- Add `feedbackBackgroundColor` in `Select` to override background color of `Feedback` (shahzaibkhalidmalik@outlook.com)
+- Added individual border tokens to Pagination button components (wlsdud194@hotmail.com)
+- update public mobile and description fontFamily bug (samuraix221@hotmail.com)
+- padding added for the iconsize of the notification component (35577399+JoshHC@users.noreply.github.com)
+- Standardize DatePicker for TELUS, Public Mobile, and Koodo (samuraix221@hotmail.com)
+
+### Patches
+
+- Fix an issue where `Toast` doesn't render as expected on smaller screens (shahzaibkhalidmalik@outlook.com)
+
 ## 2.25.0
 
-Tue, 09 May 2023 00:20:29 GMT
+Tue, 09 May 2023 00:29:54 GMT
 
 ### Minor changes
 

package/appearances.js

@@ -94,6 +94,7 @@ module.exports = {
   CarouselTabsPanelItem: { focus, hover, pressed, inactive, selected },
   Checkbox: { checked, error, focus, hover, inactive },
   ChevronLink: { focus, hover, pressed },
+  DatePicker: { pressed, selected, focus },
   ExpandCollapseControl: { pressed, hover, focus, expanded },
   ExpandCollapsePanel: { expanded },
   Feedback: { validation },

package/components.js

@@ -188,9 +188,17 @@ module.exports = {
     footnoteBodyPaddingRight: 'size',
     footnoteBodyPaddingTop: 'size',
     footnoteBodyPaddingBottom: 'size',
+    footnoteHeaderPaddingLeft: 'size',
+    footnoteHeaderPaddingRight: 'size',
+    footnoteHeaderPaddingTop: 'size',
+    footnoteHeaderPaddingBottom: 'size',
     listPaddingLeft: 'size',
     listItemMarkerFontSize: 'size',
     listItemMarkerLineHeight: 'lineHeight',
+    headerLineHeight: 'size',
+    headerFontSize: 'size',
+    headerFontName: 'fontName',
+    headerFontWeight: 'fontWeight',
     listItemColor: 'color',
     listItemFontSize: 'size',
     listItemLineHeight: 'lineHeight',
@@ -221,6 +229,7 @@ module.exports = {
     fontColor: 'color',
     dividerColor: 'color',
     topTextFontSize: 'fontSize',
+    strikeThroughPosition: 'size',
     topTextLineHeight: 'lineHeight',
     currencySymbolFontSize: 'fontSize',
     currencySymbolLineHeight: 'lineHeight',
@@ -296,11 +305,16 @@ module.exports = {
     paddingTop: 'size',
     paddingBottom: 'size',
     width: 'size',
+    height: 'size',
     minWidth: 'size',
     iconSize: 'size',
     iconSpace: 'integer',
     icon: 'icon',
 
+    borderLeftWidth: 'border',
+    borderRightWidth: 'border',
+    borderTopWidth: 'border',
+    borderBottomWidth: 'border',
     outerBorderColor: 'color',
     outerBorderWidth: 'border',
     outerBorderGap: 'size',
@@ -497,59 +511,54 @@ module.exports = {
   CheckboxGroup: { space: 'integer', fieldSpace: 'integer' },
   Divider: { width: 'size', color: 'color' },
   DatePicker: {
-    hiddenInputFieldContainerHeight: 'size',
-    hiddenInputFieldContainerWidth: 'size',
-    previousIcon: 'icon',
-    nextIcon: 'icon',
-    singleDatePickerBorderColor: 'color',
-    singleDatePickerRadius: 'radius',
-    singleDatePickerPaddingTopBottom: 'size',
-    singleDatePickerLeftRight: 'size',
+    calendarBackgroundColor: 'color',
+    calendarDayBlockedCalendarHoverBackground: 'color',
+    calendarDayBlockedCalendarHoverColor: 'color',
+    calendarDayDefaultBackgroundColor: 'color',
+    calendarDayDefaultBorder: 'border',
+    calendarDayDefaultBorderColor: 'color',
+    calendarDayDefaultCalendarDaySelectedHoverBackground: 'color',
+    calendarDayDefaultCalendarDaySelectedHoverBeforeBackground: 'color',
+    calendarDayDefaultCalendarDaySelectedHoverColor: 'color',
+    calendarDayDefaultColor: 'color',
+    calendarDayDefaultFontName: 'fontName',
+    calendarDayDefaultFontSize: 'fontSize',
+    calendarDayDefaultFontWeight: 'fontWeight',
+    calendarDaySelectedFocusBeforeBackground: 'color',
+    calendarDaySelectedHoverBackground: 'color',
+    calendarDaySelectedHoverBeforeBackground: 'color',
+    calendarDaySelectedHoverBeforeBorderColor: 'color',
+    calendarDaySelectedHoverBorderColor: 'color',
+    calendarDaySelectedHoverColor: 'color',
+    calendarMonthCaptionColor: 'color',
+    calendarMonthCaptionFontName: 'fontName',
+    calendarMonthCaptionFontSize: 'fontSize',
+    calendarMonthCaptionFontWeight: 'fontWeight',
+    calendarMonthCaptionLineHeight: 'lineHeight',
+    calendarMonthCaptionPaddingBottom: 'size',
     dateInputBorderColor: 'color',
     dateInputBorderRadius: 'radius',
-    invalidInputMixin: 'color',
-    validInputMixin: 'color',
-    dateInputHoverBorderColor: 'color',
     dateInputFocusBorderColor: 'color',
+    dateInputHoverBorderColor: 'color',
     dateInputInsideBorderColor: 'color',
     dateInputInsideColor: 'color',
     dateInputStrokeColor: 'color',
-    calendarMonthCaptionColor: 'color',
-    calendarMonthCaptionFontSize: 'fontSize',
-    calendarMonthCaptionLineHeight: 'lineHeight',
-    calendarMonthCaptionPaddingBottom: 'size',
-    dayPickerNavigationButtonBorderColor: 'color',
-    dayPickerNavigationButtonBackgroundColor: 'color',
-    dayPickerNavigationButtonMaxHeight: 'size',
-    dayPickerNavigationButtonMaxWidth: 'size',
-    dayPickerNavigationButtonPadding: 'size',
-    dayPickerNavigationButtonChildLeft: 'size',
-    dayPickerNavigationButtonChildRight: 'size',
-    dayPickerNavigationButtonChildSvgFill: 'color',
-    dayPickerNavigationButtonDefaultHoverBorderColor: 'color',
-    dayPickerNavigationSVGHorizontalFill: 'color',
     dayPickerWeekHeaderColor: 'color',
-    dayPickerWeekHeaderLineHeight: 'lineHeight',
-    dayPickerWeekHeaderSmall: 'fontSize',
-    calendarDayDefaultBorder: 'border',
-    calendarDayDefaultBorderColor: 'color',
-    calendarDayDefaultFontSize: 'fontSize',
-    calendarDayDefaultColor: 'color',
-    calendarDayDefaultBeforeHeight: 'size',
-    calendarDayDefaultBeforeWidth: 'size',
-    calendarDaySelectedHoverBorderColor: 'color',
-    calendarDaySelectedHoverColor: 'color',
-    calendarDaySelectedHoverBeforeBackground: 'color',
-    calendarDayDefaultCalendarDaySelectedHoverColor: 'color',
-    calendarDayDefaultCalendarDaySelectedHoverBackground: 'color',
-    calendarDayBlockedCalendarHoverBackground: 'color',
-    calendarDayBlockedCalendarHoverColor: 'color',
-    calendarMonthCaptionFontName: 'fontName',
     dayPickerWeekHeaderFontName: 'fontName',
-    calendarDayDefaultFontName: 'fontName',
-    calendarMonthCaptionFontWeight: 'fontWeight',
     dayPickerWeekHeaderFontWeight: 'fontWeight',
-    calendarDayDefaultFontWeight: 'fontWeight'
+    dayPickerWeekHeaderLineHeight: 'lineHeight',
+    dayPickerWeekHeaderSmall: 'fontSize',
+    hiddenInputFieldContainerHeight: 'size',
+    hiddenInputFieldContainerWidth: 'size',
+    dayPickerNavigationButtonPadding: 'size',
+    invalidInputMixin: 'color',
+    nextIcon: 'icon',
+    previousIcon: 'icon',
+    singleDatePickerBorderColor: 'color',
+    singleDatePickerLeftRight: 'size',
+    singleDatePickerPaddingTopBottom: 'size',
+    singleDatePickerRadius: 'radius',
+    validInputMixin: 'color'
   },
   ExpandCollapse: { borderColor: 'color', borderWidth: 'border', borderStyle: 'borderStyle' },
   ExpandCollapseMini: { borderWidth: 'border' },
@@ -580,7 +589,13 @@ module.exports = {
     contentPaddingLeft: 'size',
     contentPaddingRight: 'size',
     contentPaddingTop: 'size',
-    contentPaddingBottom: 'size'
+    contentPaddingBottom: 'size',
+    marginBottom: 'size',
+    borderColor: 'color',
+    borderRadius: 'radius',
+    borderWidth: 'border',
+    expandDividerColor: 'color',
+    expanddDividerWidth: 'size'
   },
   Feedback: {
     backgroundColor: 'color',
@@ -816,8 +831,8 @@ module.exports = {
     iconGap: 'size',
     dismissIcon: 'icon',
     dismissIconColor: 'color',
-    dismissIconSize: 'size',
-    dismissButtonGap: 'size'
+    dismissButtonGap: 'size',
+    justifyContent: 'flexJustifyContent'
   },
   Pagination: {
     gap: 'size',
@@ -826,13 +841,28 @@ module.exports = {
     fontName: 'fontName',
     fontWeight: 'fontWeight',
     fontSize: 'fontSize',
-    lineHeight: 'lineHeight'
+    lineHeight: 'lineHeight',
+    borderLeftWidth: 'border',
+    borderRightWidth: 'border',
+    borderTopWidth: 'border',
+    borderBottomWidth: 'border',
+    borderColor: 'color',
+    ellipsisPadding: 'size',
+    ellipsisBorderRightWidth: 'border',
+    ellipsisBorderLeftWidth: 'border',
+    ellipsisBorderTopWidth: 'border',
+    ellipsisBorderBottomWidth: 'border',
+    ellipsisHeight: 'size'
   },
   PaginationPageButton: {
     borderColor: 'color',
-    borderWidth: 'border',
+    borderLeftWidth: 'border',
+    borderRightWidth: 'border',
+    borderTopWidth: 'border',
+    borderBottomWidth: 'border',
     borderRadius: 'radius',
     backgroundColor: 'color',
+    height: 'size',
     paddingLeft: 'size',
     paddingRight: 'size',
     paddingTop: 'size',
@@ -851,7 +881,10 @@ module.exports = {
   },
   PaginationSideButton: {
     borderColor: 'color',
-    borderWidth: 'border',
+    borderLeftWidth: 'border',
+    borderRightWidth: 'border',
+    borderTopWidth: 'border',
+    borderBottomWidth: 'border',
     borderRadius: 'radius',
     backgroundColor: 'color',
     paddingLeft: 'size',
@@ -859,6 +892,7 @@ module.exports = {
     paddingTop: 'size',
     paddingBottom: 'size',
     outerBorderColor: 'color',
+    outerBorderWidth: 'border',
     color: 'color',
     fontName: 'fontName',
     fontWeight: 'fontWeight',
@@ -870,7 +904,8 @@ module.exports = {
     iconDisplace: 'size',
     width: 'size',
     textAlign: 'flexJustifyContent',
-    displayLabel: 'show'
+    displayLabel: 'show',
+    height: 'size'
   },
   Progress: {
     backgroundColor: 'color',
@@ -999,6 +1034,8 @@ module.exports = {
     descriptionFontSize: 'fontSize',
     descriptionLineHeight: 'lineHeight',
     descriptionMarginLeft: 'size',
+    descriptionFontName: 'fontName',
+    descriptionFontWeight: 'fontWeight',
     inputBackgroundColor: 'color',
     inputBorderColor: 'color',
     inputBorderWidth: 'border',
@@ -1157,7 +1194,8 @@ module.exports = {
     iconColor: 'color',
     validationIcon: 'icon',
     validationIconSize: 'size',
-    validationIconColor: 'color'
+    validationIconColor: 'color',
+    feedbackBackgroundColor: 'color'
   },
   SideNav: { borderColor: 'color', borderWidth: 'border', borderStyle: 'borderStyle' },
   SideNavItem: {

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@telus-uds/system-theme-tokens",
-  "version": "2.25.0",
+  "version": "2.26.1",
   "description": "Theme token schema for UDS",
   "keywords": [
     "system"
   ],
   "author": "TELUS Digital",
   "homepage": "https://github.com/telus/universal-design-system#readme",
-  "license": "UNLICENSED",
+  "license": "MIT",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/telus/universal-design-system.git"
@@ -28,7 +28,7 @@
     "skip": true
   },
   "dependencies": {
-    "@telus-uds/system-constants": "^1.2.0"
+    "@telus-uds/system-constants": "^1.2.1"
   },
   "devDependencies": {
     "chalk": "^4.1.2",