@telus-uds/components-base 1.34.1 → 1.34.2
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.
- package/CHANGELOG.md +11 -2
- package/component-docs.json +56 -0
- package/lib/Tabs/TabsItem.js +2 -2
- package/lib-module/Tabs/TabsItem.js +2 -2
- package/package.json +2 -2
- package/src/Tabs/TabsItem.jsx +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,21 @@
|
|
|
1
1
|
# Change Log - @telus-uds/components-base
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Wed, 19 Apr 2023 11:24:21 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 1.34.2
|
|
8
|
+
|
|
9
|
+
Wed, 19 Apr 2023 11:24:21 GMT
|
|
10
|
+
|
|
11
|
+
### Patches
|
|
12
|
+
|
|
13
|
+
- Align bottom border of `TabsItem` with tab's width (shahzaibkhalidmalik@outlook.com)
|
|
14
|
+
- Bump @telus-uds/system-theme-tokens to v2.19.0
|
|
15
|
+
|
|
7
16
|
## 1.34.1
|
|
8
17
|
|
|
9
|
-
Tue, 18 Apr 2023 11:
|
|
18
|
+
Tue, 18 Apr 2023 11:48:05 GMT
|
|
10
19
|
|
|
11
20
|
### Patches
|
|
12
21
|
|
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",
|
|
@@ -518,6 +558,10 @@
|
|
|
518
558
|
"Modal": {
|
|
519
559
|
"backdropColor": "color",
|
|
520
560
|
"backdropOpacity": "opacity",
|
|
561
|
+
"headingColor": "color",
|
|
562
|
+
"cancelButtonColor": "color",
|
|
563
|
+
"subHeadingMarginTop": "size",
|
|
564
|
+
"headingPaddingRight": "size",
|
|
521
565
|
"height": "size",
|
|
522
566
|
"maxWidth": "size",
|
|
523
567
|
"containerPaddingLeft": "size",
|
|
@@ -526,11 +570,15 @@
|
|
|
526
570
|
"containerPaddingBottom": "size",
|
|
527
571
|
"backgroundColor": "color",
|
|
528
572
|
"borderRadius": "radius",
|
|
573
|
+
"borderColor": "color",
|
|
529
574
|
"shadow": "shadow",
|
|
530
575
|
"paddingLeft": "size",
|
|
531
576
|
"paddingRight": "size",
|
|
532
577
|
"paddingTop": "size",
|
|
533
578
|
"paddingBottom": "size",
|
|
579
|
+
"marginLeft": "size",
|
|
580
|
+
"marginRight": "size",
|
|
581
|
+
"gap": "size",
|
|
534
582
|
"closeIcon": "icon",
|
|
535
583
|
"closeIconColor": "color",
|
|
536
584
|
"closeIconSize": "size",
|
|
@@ -5953,6 +6001,10 @@
|
|
|
5953
6001
|
"raw": {
|
|
5954
6002
|
"backdropColor": "color",
|
|
5955
6003
|
"backdropOpacity": "opacity",
|
|
6004
|
+
"headingColor": "color",
|
|
6005
|
+
"cancelButtonColor": "color",
|
|
6006
|
+
"subHeadingMarginTop": "size",
|
|
6007
|
+
"headingPaddingRight": "size",
|
|
5956
6008
|
"height": "size",
|
|
5957
6009
|
"maxWidth": "size",
|
|
5958
6010
|
"containerPaddingLeft": "size",
|
|
@@ -5961,11 +6013,15 @@
|
|
|
5961
6013
|
"containerPaddingBottom": "size",
|
|
5962
6014
|
"backgroundColor": "color",
|
|
5963
6015
|
"borderRadius": "radius",
|
|
6016
|
+
"borderColor": "color",
|
|
5964
6017
|
"shadow": "shadow",
|
|
5965
6018
|
"paddingLeft": "size",
|
|
5966
6019
|
"paddingRight": "size",
|
|
5967
6020
|
"paddingTop": "size",
|
|
5968
6021
|
"paddingBottom": "size",
|
|
6022
|
+
"marginLeft": "size",
|
|
6023
|
+
"marginRight": "size",
|
|
6024
|
+
"gap": "size",
|
|
5969
6025
|
"closeIcon": "icon",
|
|
5970
6026
|
"closeIconColor": "color",
|
|
5971
6027
|
"closeIconSize": "size",
|
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:
|
|
59
|
-
right:
|
|
58
|
+
left: 0,
|
|
59
|
+
right: 0,
|
|
60
60
|
zIndex: 1 + highlightBarBorderWidth
|
|
61
61
|
};
|
|
62
62
|
};
|
|
@@ -31,8 +31,8 @@ const selectHighlightBarStyles = _ref => {
|
|
|
31
31
|
borderRadius: highlightBarBorderRadius,
|
|
32
32
|
borderWidth: highlightBarBorderWidth,
|
|
33
33
|
bottom: -1 * (highlightBarHeight + highlightBarBorderWidth),
|
|
34
|
-
left:
|
|
35
|
-
right:
|
|
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.
|
|
14
|
+
"@telus-uds/system-theme-tokens": "^2.19.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.
|
|
75
|
+
"version": "1.34.2"
|
|
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:
|
|
38
|
-
right:
|
|
37
|
+
left: 0,
|
|
38
|
+
right: 0,
|
|
39
39
|
zIndex: 1 + highlightBarBorderWidth
|
|
40
40
|
})
|
|
41
41
|
|