@telus-uds/components-base 1.31.0 → 1.32.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 (9) hide show
  1. package/CHANGELOG.md +15 -2
  2. package/component-docs.json +22 -0
  3. package/lib/Fieldset/Fieldset.js +1 -5
  4. package/lib/Fieldset/FieldsetContainer.js +1 -1
  5. package/lib-module/Fieldset/Fieldset.js +1 -5
  6. package/lib-module/Fieldset/FieldsetContainer.js +1 -1
  7. package/package.json +2 -2
  8. package/src/Fieldset/Fieldset.jsx +1 -7
  9. package/src/Fieldset/FieldsetContainer.jsx +1 -1
package/CHANGELOG.md CHANGED
@@ -1,12 +1,25 @@
1
1
  # Change Log - @telus-uds/components-base
2
2
 
3
- This log was last generated on Mon, 03 Apr 2023 20:33:24 GMT and should not be manually modified.
3
+ This log was last generated on Tue, 04 Apr 2023 14:45:59 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## 1.32.0
8
+
9
+ Tue, 04 Apr 2023 14:45:59 GMT
10
+
11
+ ### Minor changes
12
+
13
+ - feat: Standardize radio telus,PM,Koodo (samuraix221@hotmail.com)
14
+ - Bump @telus-uds/system-theme-tokens to v2.16.0
15
+
16
+ ### Patches
17
+
18
+ - Fixes extra spaces around `Fieldset` group (shahzaibkhalidmalik@outlook.com)
19
+
7
20
  ## 1.31.0
8
21
 
9
- Mon, 03 Apr 2023 20:33:24 GMT
22
+ Mon, 03 Apr 2023 20:41:50 GMT
10
23
 
11
24
  ### Minor changes
12
25
 
package/component-docs.json CHANGED
@@ -648,6 +648,28 @@
648
648
  "space": "integer",
649
649
  "fieldSpace": "integer"
650
650
  },
651
+ "Ribbon": {
652
+ "paddingLeft": "size",
653
+ "paddingRight": "size",
654
+ "paddingTop": "size",
655
+ "paddingBottom": "size",
656
+ "borderRadius": "size",
657
+ "backgroundColor": "color",
658
+ "boxShadowPaddingLeft": "size",
659
+ "boxShadowPaddingTop": "size",
660
+ "boxShadowPaddingRight": "size",
661
+ "boxShadowPaddingBottom": "size",
662
+ "boxShadowColor": "color",
663
+ "curveAfterWidth": "size",
664
+ "curveMarginTop": "size",
665
+ "curveAfterRadius": "size",
666
+ "curveBackgroundColor": "color",
667
+ "curveHeight": "size",
668
+ "curveWidth": "size",
669
+ "curveAfterBackgroundColor": "color",
670
+ "curveAfterHeight": "size",
671
+ "gradient": "gradient"
672
+ },
651
673
  "Search": {
652
674
  "backgroundColor": "color",
653
675
  "color": "color",
package/lib/Fieldset/Fieldset.js CHANGED
@@ -94,7 +94,7 @@ const Fieldset = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
94
94
  space,
95
95
  preserveFragments: true
96
96
  });
97
- const borderStyle = validation === 'error' && showErrorBorder && staticStyles.errorBorder || staticStyles.noBorder;
97
+ const borderStyle = validation === 'error' && showErrorBorder ? staticStyles.errorBorder : null;
98
98
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldsetContainer.default, {
99
99
  ref: ref,
100
100
  inactive: inactive,
@@ -113,10 +113,6 @@ const staticStyles = _StyleSheet.default.create({
113
113
  borderColor: 'red',
114
114
  borderRadius: 10,
115
115
  padding: 8
116
- },
117
- noBorder: {
118
- padding: 9,
119
- border: 'unset'
120
116
  }
121
117
  });
122
118
 
package/lib/Fieldset/FieldsetContainer.js CHANGED
@@ -32,7 +32,7 @@ const FieldsetContainer = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
32
32
  borderStyle
33
33
  } = _ref;
34
34
  // If needs border for error design or reset the component style
35
- const styleContainer = showBorderStyle ? borderStyle : _cssReset.default;
35
+ const styleContainer = showBorderStyle && borderStyle ? borderStyle : _cssReset.default;
36
36
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("fieldset", {
37
37
  ref: ref,
38
38
  disabled: inactive,
package/lib-module/Fieldset/Fieldset.js CHANGED
@@ -77,7 +77,7 @@ const Fieldset = /*#__PURE__*/forwardRef((_ref, ref) => {
77
77
  space,
78
78
  preserveFragments: true
79
79
  });
80
- const borderStyle = validation === 'error' && showErrorBorder && staticStyles.errorBorder || staticStyles.noBorder;
80
+ const borderStyle = validation === 'error' && showErrorBorder ? staticStyles.errorBorder : null;
81
81
  return /*#__PURE__*/_jsx(FieldsetContainer, {
82
82
  ref: ref,
83
83
  inactive: inactive,
@@ -95,10 +95,6 @@ const staticStyles = StyleSheet.create({
95
95
  borderColor: 'red',
96
96
  borderRadius: 10,
97
97
  padding: 8
98
- },
99
- noBorder: {
100
- padding: 9,
101
- border: 'unset'
102
98
  }
103
99
  });
104
100
  Fieldset.displayName = 'Fieldset';
package/lib-module/Fieldset/FieldsetContainer.js CHANGED
@@ -16,7 +16,7 @@ const FieldsetContainer = /*#__PURE__*/forwardRef((_ref, ref) => {
16
16
  borderStyle
17
17
  } = _ref;
18
18
  // If needs border for error design or reset the component style
19
- const styleContainer = showBorderStyle ? borderStyle : cssReset;
19
+ const styleContainer = showBorderStyle && borderStyle ? borderStyle : cssReset;
20
20
  return /*#__PURE__*/_jsx("fieldset", {
21
21
  ref: ref,
22
22
  disabled: inactive,
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.15.0",
14
+ "@telus-uds/system-theme-tokens": "^2.16.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.31.0"
75
+ "version": "1.32.0"
76
76
  }
package/src/Fieldset/Fieldset.jsx CHANGED
@@ -73,9 +73,7 @@ const Fieldset = forwardRef(
73
73
  ? [legendContent, feedbackContent, childContent]
74
74
  : [legendContent, childContent, feedbackContent]
75
75
  const stackedContent = getStackedContent(orderedContent, { space, preserveFragments: true })
76
- const borderStyle =
77
- (validation === 'error' && showErrorBorder && staticStyles.errorBorder) ||
78
- staticStyles.noBorder
76
+ const borderStyle = validation === 'error' && showErrorBorder ? staticStyles.errorBorder : null
79
77
 
80
78
  return (
81
79
  <FieldsetContainer
@@ -98,10 +96,6 @@ const staticStyles = StyleSheet.create({
98
96
  borderColor: 'red',
99
97
  borderRadius: 10,
100
98
  padding: 8
101
- },
102
- noBorder: {
103
- padding: 9,
104
- border: 'unset'
105
99
  }
106
100
  })
107
101
 
package/src/Fieldset/FieldsetContainer.jsx CHANGED
@@ -19,7 +19,7 @@ const FieldsetContainer = forwardRef(
19
19
  ref
20
20
  ) => {
21
21
  // If needs border for error design or reset the component style
22
- const styleContainer = showBorderStyle ? borderStyle : cssReset
22
+ const styleContainer = showBorderStyle && borderStyle ? borderStyle : cssReset
23
23
 
24
24
  return (
25
25
  <fieldset