@telus-uds/components-web 1.0.0 → 1.1.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 +12 -2
  2. package/lib/Badge/Badge.js +10 -5
  3. package/lib/utils/transforms.js +1 -1
  4. package/lib-module/Badge/Badge.js +10 -5
  5. package/lib-module/utils/transforms.js +1 -1
  6. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,12 +1,22 @@
1
1
  # Change Log - @telus-uds/components-web
2
2
 
3
- This log was last generated on Thu, 23 Mar 2023 20:46:10 GMT and should not be manually modified.
3
+ This log was last generated on Mon, 03 Apr 2023 20:33:24 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## 1.1.0
8
+
9
+ Mon, 03 Apr 2023 20:33:24 GMT
10
+
11
+ ### Minor changes
12
+
13
+ - Updated Snapshots (wlsdud194@hotmail.com)
14
+ - Bump @telus-uds/components-base to v1.31.0
15
+ - Bump @telus-uds/system-theme-tokens to v2.15.0
16
+
7
17
  ## 1.0.0
8
18
 
9
- Thu, 23 Mar 2023 20:46:10 GMT
19
+ Thu, 23 Mar 2023 20:52:43 GMT
10
20
 
11
21
  ### Major changes
12
22
 
package/lib/Badge/Badge.js CHANGED
@@ -50,7 +50,12 @@ const BadgeContainer = /*#__PURE__*/_styledComponents.default.div.withConfig({
50
50
  isAlternative,
51
51
  gradient
52
52
  } = _ref5;
53
- return (isOutlineOffer || isAlternative) && "\n > div {\n background: ".concat(gradient, ";\n\t -webkit-background-clip: text;\n\t ").concat(gradient && '-webkit-text-fill-color: transparent;', "\n }");
53
+ return (isOutlineOffer || isAlternative) && `
54
+ > div {
55
+ background: ${gradient};
56
+ -webkit-background-clip: text;
57
+ ${gradient && '-webkit-text-fill-color: transparent;'}
58
+ }`;
54
59
  });
55
60
 
56
61
  const Badge = _ref6 => {
@@ -84,7 +89,7 @@ const Badge = _ref6 => {
84
89
  const isOutlineOffer = purpose === 'offer' && outline;
85
90
 
86
91
  if ((isOutlineOffer || alternative) && gradient) {
87
- background = "linear-gradient(#fff 0 0) padding-box, ".concat(semanticGradient, " border-box");
92
+ background = `linear-gradient(#fff 0 0) padding-box, ${semanticGradient} border-box`;
88
93
  } else if (purpose === 'offer' && gradient) {
89
94
  background = semanticGradient;
90
95
  }
@@ -92,13 +97,13 @@ const Badge = _ref6 => {
92
97
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(BadgeContainer, {
93
98
  isOutlineOffer: isOutlineOffer,
94
99
  isAlternative: alternative,
95
- padding: "".concat(paddingTop, "px ").concat(paddingRight, "px ").concat(paddingBottom, "px ").concat(paddingLeft, "px"),
96
- radius: "".concat(borderRadius, "px"),
100
+ padding: `${paddingTop}px ${paddingRight}px ${paddingBottom}px ${paddingLeft}px`,
101
+ radius: `${borderRadius}px`,
97
102
  background: background,
98
103
  fontName: fontName,
99
104
  fontWeight: fontWeight,
100
105
  gradient: semanticGradient,
101
- border: "".concat(borderWidth, "px solid ").concat(borderColor),
106
+ border: `${borderWidth}px solid ${borderColor}`,
102
107
  ...selectProps(rest),
103
108
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.Typography, {
104
109
  tokens: {
package/lib/utils/transforms.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.transformGradient = exports.default = void 0;
7
7
 
8
- const transformGradient = gradient => "".concat(gradient.type, "-gradient(").concat(gradient.angle, "deg, ").concat(gradient.stops[0].color, " ").concat(gradient.stops[0].stop * 100, "%, ").concat(gradient.stops[1].color, " ").concat(gradient.stops[1].stop * 100, "%)");
8
+ const transformGradient = gradient => `${gradient.type}-gradient(${gradient.angle}deg, ${gradient.stops[0].color} ${gradient.stops[0].stop * 100}%, ${gradient.stops[1].color} ${gradient.stops[1].stop * 100}%)`;
9
9
 
10
10
  exports.transformGradient = transformGradient;
11
11
  var _default = {
package/lib-module/Badge/Badge.js CHANGED
@@ -34,7 +34,12 @@ const BadgeContainer = /*#__PURE__*/styled.div.withConfig({
34
34
  isAlternative,
35
35
  gradient
36
36
  } = _ref5;
37
- return (isOutlineOffer || isAlternative) && "\n > div {\n background: ".concat(gradient, ";\n\t -webkit-background-clip: text;\n\t ").concat(gradient && '-webkit-text-fill-color: transparent;', "\n }");
37
+ return (isOutlineOffer || isAlternative) && `
38
+ > div {
39
+ background: ${gradient};
40
+ -webkit-background-clip: text;
41
+ ${gradient && '-webkit-text-fill-color: transparent;'}
42
+ }`;
38
43
  });
39
44
 
40
45
  const Badge = _ref6 => {
@@ -68,7 +73,7 @@ const Badge = _ref6 => {
68
73
  const isOutlineOffer = purpose === 'offer' && outline;
69
74
 
70
75
  if ((isOutlineOffer || alternative) && gradient) {
71
- background = "linear-gradient(#fff 0 0) padding-box, ".concat(semanticGradient, " border-box");
76
+ background = `linear-gradient(#fff 0 0) padding-box, ${semanticGradient} border-box`;
72
77
  } else if (purpose === 'offer' && gradient) {
73
78
  background = semanticGradient;
74
79
  }
@@ -76,13 +81,13 @@ const Badge = _ref6 => {
76
81
  return /*#__PURE__*/_jsx(BadgeContainer, {
77
82
  isOutlineOffer: isOutlineOffer,
78
83
  isAlternative: alternative,
79
- padding: "".concat(paddingTop, "px ").concat(paddingRight, "px ").concat(paddingBottom, "px ").concat(paddingLeft, "px"),
80
- radius: "".concat(borderRadius, "px"),
84
+ padding: `${paddingTop}px ${paddingRight}px ${paddingBottom}px ${paddingLeft}px`,
85
+ radius: `${borderRadius}px`,
81
86
  background: background,
82
87
  fontName: fontName,
83
88
  fontWeight: fontWeight,
84
89
  gradient: semanticGradient,
85
- border: "".concat(borderWidth, "px solid ").concat(borderColor),
90
+ border: `${borderWidth}px solid ${borderColor}`,
86
91
  ...selectProps(rest),
87
92
  children: /*#__PURE__*/_jsx(Typography, {
88
93
  tokens: {
package/lib-module/utils/transforms.js CHANGED
@@ -1,4 +1,4 @@
1
- export const transformGradient = gradient => "".concat(gradient.type, "-gradient(").concat(gradient.angle, "deg, ").concat(gradient.stops[0].color, " ").concat(gradient.stops[0].stop * 100, "%, ").concat(gradient.stops[1].color, " ").concat(gradient.stops[1].stop * 100, "%)");
1
+ export const transformGradient = gradient => `${gradient.type}-gradient(${gradient.angle}deg, ${gradient.stops[0].color} ${gradient.stops[0].stop * 100}%, ${gradient.stops[1].color} ${gradient.stops[1].stop * 100}%)`;
2
2
  export default {
3
3
  transformGradient
4
4
  };
package/package.json CHANGED
@@ -4,9 +4,9 @@
4
4
  "extends @telus-uds/browserslist-config"
5
5
  ],
6
6
  "dependencies": {
7
- "@telus-uds/components-base": "1.30.1",
7
+ "@telus-uds/components-base": "1.31.0",
8
8
  "@telus-uds/system-constants": "^1.2.0",
9
- "@telus-uds/system-theme-tokens": "^2.14.0",
9
+ "@telus-uds/system-theme-tokens": "^2.15.0",
10
10
  "prop-types": "^15.7.2"
11
11
  },
12
12
  "description": "UDS mult-brand web components",
@@ -53,5 +53,5 @@
53
53
  "skip": true
54
54
  },
55
55
  "types": "types/index.d.ts",
56
- "version": "1.0.0"
56
+ "version": "1.1.0"
57
57
  }