@telus-uds/components-base 1.34.1 → 1.35.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 (6) hide show
  1. package/CHANGELOG.md +20 -2
  2. package/component-docs.json +83 -3
  3. package/lib/Tabs/TabsItem.js +2 -2
  4. package/lib-module/Tabs/TabsItem.js +2 -2
  5. package/package.json +2 -2
  6. package/src/Tabs/TabsItem.jsx +2 -2
package/CHANGELOG.md CHANGED
@@ -1,12 +1,30 @@
1
1
  # Change Log - @telus-uds/components-base
2
2
 
3
- This log was last generated on Tue, 18 Apr 2023 11:46:09 GMT and should not be manually modified.
3
+ This log was last generated on Wed, 19 Apr 2023 18:43:18 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## 1.35.0
8
+
9
+ Wed, 19 Apr 2023 18:43:18 GMT
10
+
11
+ ### Minor changes
12
+
13
+ - Add Flex tokens to Card Content (carlos.jeronimo@telus.com)
14
+ - Bump @telus-uds/system-theme-tokens to v2.20.0
15
+
16
+ ## 1.34.2
17
+
18
+ Wed, 19 Apr 2023 11:32:31 GMT
19
+
20
+ ### Patches
21
+
22
+ - Align bottom border of `TabsItem` with tab's width (shahzaibkhalidmalik@outlook.com)
23
+ - Bump @telus-uds/system-theme-tokens to v2.19.0
24
+
7
25
  ## 1.34.1
8
26
 
9
- Tue, 18 Apr 2023 11:46:09 GMT
27
+ Tue, 18 Apr 2023 11:48:05 GMT
10
28
 
11
29
  ### Patches
12
30
 
package/component-docs.json CHANGED
@@ -1,6 +1,41 @@
1
1
  {
2
2
  "schema": {
3
3
  "components": {
4
+ "Toast": {
5
+ "containerBackgroundColor": "color",
6
+ "containerGap": "size",
7
+ "animationHeightBefore": "size",
8
+ "animationHeightAfter": "size",
9
+ "animationPaddingBottomBefore": "size",
10
+ "animationPaddingBottomAfter": "size",
11
+ "animationPaddingTopBefore": "size",
12
+ "animationPaddingTopAfter": "size",
13
+ "animationBackgroundColorBefore": "color",
14
+ "animationBackgroundColorAfter": "color",
15
+ "animationColorBefore": "color",
16
+ "animationColorAfter": "color",
17
+ "animationDivColorBefore": "color",
18
+ "animationDivColorAfter": "color",
19
+ "animationFillColorBefore": "color",
20
+ "animationFillColorAfter": "color"
21
+ },
22
+ "Table": {
23
+ "tablePaddingBottom": "size",
24
+ "cellHeadingBackground": "color",
25
+ "cellHeadingBoxShadowColor": "color",
26
+ "cellBoxShadowColor": "color",
27
+ "cellSubheadingBackground": "color",
28
+ "cellBackground": "color",
29
+ "cellRowHeadingBackground": "color",
30
+ "cellStickyShadow": "shadow",
31
+ "cellPaddingTop": "size",
32
+ "cellPaddingRight": "size",
33
+ "cellPaddingLeft": "size",
34
+ "cellPaddingBottom": "size"
35
+ },
36
+ "Image": {
37
+ "borderRadius": "radius"
38
+ },
4
39
  "Callout": {
5
40
  "background": "color",
6
41
  "gap": "size",
@@ -16,6 +51,11 @@
16
51
  "paddingLeft": "size",
17
52
  "paddingRight": "size"
18
53
  },
54
+ "WaffleGrid": {
55
+ "rowBorderWidth": "border",
56
+ "itemBorderColor": "color",
57
+ "itemPadding": "size"
58
+ },
19
59
  "Footnote": {
20
60
  "footnoteBackground": "color",
21
61
  "footnoteBorderTopSizeMd": "border",
@@ -194,7 +234,11 @@
194
234
  "paddingRight": "size",
195
235
  "paddingTop": "size",
196
236
  "minWidth": "size",
197
- "shadow": "shadow"
237
+ "shadow": "shadow",
238
+ "contentAlignItems": "flexAlign",
239
+ "contentJustifyContent": "flexJustifyContent",
240
+ "contentFlexGrow": "integer",
241
+ "contentFlexShrink": "integer"
198
242
  },
199
243
  "PreviewCard": {
200
244
  "flex": "integer",
@@ -518,6 +562,10 @@
518
562
  "Modal": {
519
563
  "backdropColor": "color",
520
564
  "backdropOpacity": "opacity",
565
+ "headingColor": "color",
566
+ "cancelButtonColor": "color",
567
+ "subHeadingMarginTop": "size",
568
+ "headingPaddingRight": "size",
521
569
  "height": "size",
522
570
  "maxWidth": "size",
523
571
  "containerPaddingLeft": "size",
@@ -526,11 +574,15 @@
526
574
  "containerPaddingBottom": "size",
527
575
  "backgroundColor": "color",
528
576
  "borderRadius": "radius",
577
+ "borderColor": "color",
529
578
  "shadow": "shadow",
530
579
  "paddingLeft": "size",
531
580
  "paddingRight": "size",
532
581
  "paddingTop": "size",
533
582
  "paddingBottom": "size",
583
+ "marginLeft": "size",
584
+ "marginRight": "size",
585
+ "gap": "size",
534
586
  "closeIcon": "icon",
535
587
  "closeIconColor": "color",
536
588
  "closeIconSize": "size",
@@ -765,6 +817,10 @@
765
817
  "paddingTop": "size",
766
818
  "minWidth": "size",
767
819
  "shadow": "shadow",
820
+ "contentAlignItems": "flexAlign",
821
+ "contentJustifyContent": "flexJustifyContent",
822
+ "contentFlexGrow": "integer",
823
+ "contentFlexShrink": "integer",
768
824
  "radioCheckedBackgroundColor": "color",
769
825
  "radioCheckedSize": "size",
770
826
  "radioInputBackgroundColor": "color",
@@ -3216,7 +3272,11 @@
3216
3272
  "paddingRight": "size",
3217
3273
  "paddingTop": "size",
3218
3274
  "minWidth": "size",
3219
- "shadow": "shadow"
3275
+ "shadow": "shadow",
3276
+ "contentAlignItems": "flexAlign",
3277
+ "contentJustifyContent": "flexJustifyContent",
3278
+ "contentFlexGrow": "integer",
3279
+ "contentFlexShrink": "integer"
3220
3280
  }
3221
3281
  },
3222
3282
  "required": false,
@@ -5953,6 +6013,10 @@
5953
6013
  "raw": {
5954
6014
  "backdropColor": "color",
5955
6015
  "backdropOpacity": "opacity",
6016
+ "headingColor": "color",
6017
+ "cancelButtonColor": "color",
6018
+ "subHeadingMarginTop": "size",
6019
+ "headingPaddingRight": "size",
5956
6020
  "height": "size",
5957
6021
  "maxWidth": "size",
5958
6022
  "containerPaddingLeft": "size",
@@ -5961,11 +6025,15 @@
5961
6025
  "containerPaddingBottom": "size",
5962
6026
  "backgroundColor": "color",
5963
6027
  "borderRadius": "radius",
6028
+ "borderColor": "color",
5964
6029
  "shadow": "shadow",
5965
6030
  "paddingLeft": "size",
5966
6031
  "paddingRight": "size",
5967
6032
  "paddingTop": "size",
5968
6033
  "paddingBottom": "size",
6034
+ "marginLeft": "size",
6035
+ "marginRight": "size",
6036
+ "gap": "size",
5969
6037
  "closeIcon": "icon",
5970
6038
  "closeIconColor": "color",
5971
6039
  "closeIconSize": "size",
@@ -6891,7 +6959,11 @@
6891
6959
  "paddingRight": "size",
6892
6960
  "paddingTop": "size",
6893
6961
  "minWidth": "size",
6894
- "shadow": "shadow"
6962
+ "shadow": "shadow",
6963
+ "contentAlignItems": "flexAlign",
6964
+ "contentJustifyContent": "flexJustifyContent",
6965
+ "contentFlexGrow": "integer",
6966
+ "contentFlexShrink": "integer"
6895
6967
  }
6896
6968
  },
6897
6969
  "required": false,
@@ -7500,6 +7572,10 @@
7500
7572
  "paddingTop": "size",
7501
7573
  "minWidth": "size",
7502
7574
  "shadow": "shadow",
7575
+ "contentAlignItems": "flexAlign",
7576
+ "contentJustifyContent": "flexJustifyContent",
7577
+ "contentFlexGrow": "integer",
7578
+ "contentFlexShrink": "integer",
7503
7579
  "radioCheckedBackgroundColor": "color",
7504
7580
  "radioCheckedSize": "size",
7505
7581
  "radioInputBackgroundColor": "color",
@@ -12962,6 +13038,10 @@
12962
13038
  "paddingTop": "size",
12963
13039
  "minWidth": "size",
12964
13040
  "shadow": "shadow",
13041
+ "contentAlignItems": "flexAlign",
13042
+ "contentJustifyContent": "flexJustifyContent",
13043
+ "contentFlexGrow": "integer",
13044
+ "contentFlexShrink": "integer",
12965
13045
  "radioCheckedBackgroundColor": "color",
12966
13046
  "radioCheckedSize": "size",
12967
13047
  "radioInputBackgroundColor": "color",
package/lib/Tabs/TabsItem.js CHANGED
@@ -55,8 +55,8 @@ const selectHighlightBarStyles = _ref => {
55
55
  borderRadius: highlightBarBorderRadius,
56
56
  borderWidth: highlightBarBorderWidth,
57
57
  bottom: -1 * (highlightBarHeight + highlightBarBorderWidth),
58
- left: -1 * highlightBarBorderWidth,
59
- right: -1 * highlightBarBorderWidth,
58
+ left: 0,
59
+ right: 0,
60
60
  zIndex: 1 + highlightBarBorderWidth
61
61
  };
62
62
  };
package/lib-module/Tabs/TabsItem.js CHANGED
@@ -31,8 +31,8 @@ const selectHighlightBarStyles = _ref => {
31
31
  borderRadius: highlightBarBorderRadius,
32
32
  borderWidth: highlightBarBorderWidth,
33
33
  bottom: -1 * (highlightBarHeight + highlightBarBorderWidth),
34
- left: -1 * highlightBarBorderWidth,
35
- right: -1 * highlightBarBorderWidth,
34
+ left: 0,
35
+ right: 0,
36
36
  zIndex: 1 + highlightBarBorderWidth
37
37
  };
38
38
  };
package/package.json CHANGED
@@ -11,7 +11,7 @@
11
11
  "@floating-ui/react-native": "^0.8.1",
12
12
  "@gorhom/portal": "^1.0.14",
13
13
  "@telus-uds/system-constants": "^1.2.0",
14
- "@telus-uds/system-theme-tokens": "^2.18.0",
14
+ "@telus-uds/system-theme-tokens": "^2.20.0",
15
15
  "airbnb-prop-types": "^2.16.0",
16
16
  "lodash.debounce": "^4.0.8",
17
17
  "lodash.merge": "^4.6.2",
@@ -72,5 +72,5 @@
72
72
  "standard-engine": {
73
73
  "skip": true
74
74
  },
75
- "version": "1.34.1"
75
+ "version": "1.35.0"
76
76
  }
package/src/Tabs/TabsItem.jsx CHANGED
@@ -34,8 +34,8 @@ const selectHighlightBarStyles = ({
34
34
  borderRadius: highlightBarBorderRadius,
35
35
  borderWidth: highlightBarBorderWidth,
36
36
  bottom: -1 * (highlightBarHeight + highlightBarBorderWidth),
37
- left: -1 * highlightBarBorderWidth,
38
- right: -1 * highlightBarBorderWidth,
37
+ left: 0,
38
+ right: 0,
39
39
  zIndex: 1 + highlightBarBorderWidth
40
40
  })
41
41