@telus-uds/components-base 1.40.0 → 1.42.0

package/CHANGELOG.md

@@ -1,12 +1,38 @@
 # Change Log - @telus-uds/components-base
 
-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 Fri, 19 May 2023 04:52:38 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 1.42.0
+
+Fri, 19 May 2023 04:52:38 GMT
+
+### Minor changes
+
+- update default space value for stackview component (evander.owusu@telus.com)
+
+## 1.41.0
+
+Wed, 17 May 2023 00:20:05 GMT
+
+### Minor changes
+
+- update public mobile and description fontFamily bug (samuraix221@hotmail.com)
+- ButtonBase component replace by IconButton and styles fixed for the Notification component (35577399+JoshHC@users.noreply.github.com)
+- standardization and multibrand effort for expand collapse (akshay.pandey1@telus.com)
+- Add `feedbackBackgroundColor` in `Select` to override background color of `Feedback` (shahzaibkhalidmalik@outlook.com)
+- Refactored selectOuterWidthStyles in ButtonBase to apply both outer width and height (wlsdud194@hotmail.com)
+- Bump @telus-uds/system-theme-tokens to v2.26.0
+
+### Patches
+
+- Remove flexGrow from text styles (wlsdud194@hotmail.com)
+- Set icon size to 0 if undefined in IconText (wlsdud194@hotmail.com)
+
 ## 1.40.0
 
-Tue, 09 May 2023 00:20:29 GMT
+Tue, 09 May 2023 00:29:54 GMT
 
 ### Minor changes
 

package/component-docs.json

@@ -190,9 +190,17 @@
         "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",
@@ -222,6 +230,7 @@
         "fontColor": "color",
         "dividerColor": "color",
         "topTextFontSize": "fontSize",
+        "strikeThroughPosition": "size",
         "topTextLineHeight": "lineHeight",
         "currencySymbolFontSize": "fontSize",
         "currencySymbolLineHeight": "lineHeight",
@@ -301,10 +310,15 @@
         "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",
@@ -503,59 +517,54 @@
         "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",
@@ -592,7 +601,13 @@
         "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",
@@ -836,8 +851,8 @@
         "iconGap": "size",
         "dismissIcon": "icon",
         "dismissIconColor": "color",
-        "dismissIconSize": "size",
-        "dismissButtonGap": "size"
+        "dismissButtonGap": "size",
+        "justifyContent": "flexJustifyContent"
       },
       "Pagination": {
         "gap": "size",
@@ -846,13 +861,28 @@
         "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",
@@ -871,7 +901,10 @@
       },
       "PaginationSideButton": {
         "borderColor": "color",
-        "borderWidth": "border",
+        "borderLeftWidth": "border",
+        "borderRightWidth": "border",
+        "borderTopWidth": "border",
+        "borderBottomWidth": "border",
         "borderRadius": "radius",
         "backgroundColor": "color",
         "paddingLeft": "size",
@@ -879,6 +912,7 @@
         "paddingTop": "size",
         "paddingBottom": "size",
         "outerBorderColor": "color",
+        "outerBorderWidth": "border",
         "color": "color",
         "fontName": "fontName",
         "fontWeight": "fontWeight",
@@ -890,7 +924,8 @@
         "iconDisplace": "size",
         "width": "size",
         "textAlign": "flexJustifyContent",
-        "displayLabel": "show"
+        "displayLabel": "show",
+        "height": "size"
       },
       "Progress": {
         "backgroundColor": "color",
@@ -1011,6 +1046,8 @@
         "descriptionFontSize": "fontSize",
         "descriptionLineHeight": "lineHeight",
         "descriptionMarginLeft": "size",
+        "descriptionFontName": "fontName",
+        "descriptionFontWeight": "fontWeight",
         "inputBackgroundColor": "color",
         "inputBorderColor": "color",
         "inputBorderWidth": "border",
@@ -1160,7 +1197,8 @@
         "iconColor": "color",
         "validationIcon": "icon",
         "validationIconSize": "size",
-        "validationIconColor": "color"
+        "validationIconColor": "color",
+        "feedbackBackgroundColor": "color"
       },
       "SideNav": {
         "borderColor": "color",
@@ -1904,6 +1942,32 @@
           "type": "state"
         }
       },
+      "DatePicker": {
+        "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"
+        },
+        "selected": {
+          "description": "Applies while an interactive component is the currently selected one in a set of states or components, for example a button in a `ButtonGroup`.",
+          "values": [
+            true
+          ],
+          "type": "state"
+        },
+        "focus": {
+          "description": "Currently only web has good support for this. Applies when an interactive component's focus handler is triggered, such as keyboard tabbing or selection.",
+          "values": [
+            true
+          ],
+          "type": "state",
+          "platforms": [
+            "rn"
+          ]
+        }
+      },
       "ExpandCollapseControl": {
         "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.",
@@ -3272,7 +3336,13 @@
                   "contentPaddingLeft": "size",
                   "contentPaddingRight": "size",
                   "contentPaddingTop": "size",
-                  "contentPaddingBottom": "size"
+                  "contentPaddingBottom": "size",
+                  "marginBottom": "size",
+                  "borderColor": "color",
+                  "borderRadius": "radius",
+                  "borderWidth": "border",
+                  "expandDividerColor": "color",
+                  "expanddDividerWidth": "size"
                 }
               },
               "required": false,
@@ -4198,7 +4268,13 @@
                   "contentPaddingLeft": "size",
                   "contentPaddingRight": "size",
                   "contentPaddingTop": "size",
-                  "contentPaddingBottom": "size"
+                  "contentPaddingBottom": "size",
+                  "marginBottom": "size",
+                  "borderColor": "color",
+                  "borderRadius": "radius",
+                  "borderWidth": "border",
+                  "expandDividerColor": "color",
+                  "expanddDividerWidth": "size"
                 }
               },
               "required": false,
@@ -5968,6 +6044,20 @@
             "required": false,
             "description": "Position of the hint relative to label."
           },
+          "feedbackTokens": {
+            "defaultValue": {
+              "value": "{}",
+              "computed": false
+            },
+            "type": {
+              "name": "objectOf",
+              "value": {
+                "name": "string"
+              }
+            },
+            "required": false,
+            "description": "Additional tokens to override the default feedback tokens."
+          },
           "children": {
             "type": {
               "name": "union",
@@ -6918,8 +7008,8 @@
                 "iconGap": "size",
                 "dismissIcon": "icon",
                 "dismissIconColor": "color",
-                "dismissIconSize": "size",
-                "dismissButtonGap": "size"
+                "dismissButtonGap": "size",
+                "justifyContent": "flexJustifyContent"
               }
             },
             "required": false,
@@ -7030,7 +7120,18 @@
                 "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"
               }
             },
             "required": false,
@@ -7062,7 +7163,10 @@
               "name": "custom",
               "raw": {
                 "borderColor": "color",
-                "borderWidth": "border",
+                "borderLeftWidth": "border",
+                "borderRightWidth": "border",
+                "borderTopWidth": "border",
+                "borderBottomWidth": "border",
                 "borderRadius": "radius",
                 "backgroundColor": "color",
                 "paddingLeft": "size",
@@ -7070,6 +7174,7 @@
                 "paddingTop": "size",
                 "paddingBottom": "size",
                 "outerBorderColor": "color",
+                "outerBorderWidth": "border",
                 "color": "color",
                 "fontName": "fontName",
                 "fontWeight": "fontWeight",
@@ -7081,7 +7186,8 @@
                 "iconDisplace": "size",
                 "width": "size",
                 "textAlign": "flexJustifyContent",
-                "displayLabel": "show"
+                "displayLabel": "show",
+                "height": "size"
               }
             },
             "required": false,
@@ -7227,9 +7333,13 @@
                 "name": "custom",
                 "raw": {
                   "borderColor": "color",
-                  "borderWidth": "border",
+                  "borderLeftWidth": "border",
+                  "borderRightWidth": "border",
+                  "borderTopWidth": "border",
+                  "borderBottomWidth": "border",
                   "borderRadius": "radius",
                   "backgroundColor": "color",
+                  "height": "size",
                   "paddingLeft": "size",
                   "paddingRight": "size",
                   "paddingTop": "size",
@@ -7929,6 +8039,8 @@
                 "descriptionFontSize": "fontSize",
                 "descriptionLineHeight": "lineHeight",
                 "descriptionMarginLeft": "size",
+                "descriptionFontName": "fontName",
+                "descriptionFontWeight": "fontWeight",
                 "inputBackgroundColor": "color",
                 "inputBorderColor": "color",
                 "inputBorderWidth": "border",
@@ -8471,7 +8583,8 @@
                 "iconColor": "color",
                 "validationIcon": "icon",
                 "validationIconSize": "size",
-                "validationIconColor": "color"
+                "validationIconColor": "color",
+                "feedbackBackgroundColor": "color"
               }
             },
             "required": false,
@@ -9148,7 +9261,7 @@
         "props": {
           "space": {
             "defaultValue": {
-              "value": "1",
+              "value": "0",
               "computed": false
             },
             "type": {
@@ -10647,10 +10760,15 @@
                 "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",
@@ -10841,10 +10959,15 @@
                 "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",
@@ -11262,10 +11385,15 @@
                 "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",
@@ -13346,6 +13474,8 @@
                 "descriptionFontSize": "fontSize",
                 "descriptionLineHeight": "lineHeight",
                 "descriptionMarginLeft": "size",
+                "descriptionFontName": "fontName",
+                "descriptionFontWeight": "fontWeight",
                 "inputBackgroundColor": "color",
                 "inputBorderColor": "color",
                 "inputBorderWidth": "border",