@workday/canvas-kit-react 11.0.4 → 11.0.5

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 (11) hide show
  1. package/dist/commonjs/icon/lib/Svg.d.ts.map +1 -1
  2. package/dist/commonjs/icon/lib/Svg.js +4 -1
  3. package/dist/commonjs/icon/lib/SystemIcon.d.ts.map +1 -1
  4. package/dist/commonjs/icon/lib/SystemIcon.js +4 -4
  5. package/dist/es6/icon/lib/Svg.d.ts.map +1 -1
  6. package/dist/es6/icon/lib/Svg.js +4 -1
  7. package/dist/es6/icon/lib/SystemIcon.d.ts.map +1 -1
  8. package/dist/es6/icon/lib/SystemIcon.js +4 -4
  9. package/icon/lib/Svg.tsx +6 -1
  10. package/icon/lib/SystemIcon.tsx +7 -4
  11. package/package.json +4 -4
package/dist/commonjs/icon/lib/Svg.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Svg.d.ts","sourceRoot":"","sources":["../../../../icon/lib/Svg.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,UAAU,EAAE,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAGzE,OAAO,EAAC,QAAQ,EAAc,MAAM,kCAAkC,CAAC;AAIvE,MAAM,WAAW,QAAS,SAAQ,QAAQ;IACxC,GAAG,EAAE,UAAU,CAAC;IAChB,IAAI,EAAE,eAAe,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,UAAU;;;;;;;IAEnB,gCAAgC;;IAEhC,iCAAiC;;IAEjC,2CAA2C;;gBAkB7C,CAAC;AAEH,kBAAkB;AAClB,eAAO,MAAM,yBAAyB,oDAKrC,CAAC;AAEF,eAAO,MAAM,GAAG,+EAkBd,CAAC"}
1
+ {"version":3,"file":"Svg.d.ts","sourceRoot":"","sources":["../../../../icon/lib/Svg.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,UAAU,EAAE,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAGzE,OAAO,EAAC,QAAQ,EAAc,MAAM,kCAAkC,CAAC;AAIvE,MAAM,WAAW,QAAS,SAAQ,QAAQ;IACxC,GAAG,EAAE,UAAU,CAAC;IAChB,IAAI,EAAE,eAAe,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,UAAU;;;;;;;IAEnB,gCAAgC;;IAEhC,iCAAiC;;IAEjC,2CAA2C;;gBAkB7C,CAAC;AAEH,kBAAkB;AAClB,eAAO,MAAM,yBAAyB,oDAUrC,CAAC;AAEF,eAAO,MAAM,GAAG,+EAkBd,CAAC"}
package/dist/commonjs/icon/lib/Svg.js CHANGED
@@ -45,7 +45,10 @@ exports.svgStencil = canvas_kit_styling_1.createStencil({
45
45
  /** @deprecated */
46
46
  const transformColorNameToToken = (color) => {
47
47
  if (color && color in canvas_tokens_web_1.base) {
48
- return canvas_tokens_web_1.base[color];
48
+ return canvas_kit_styling_1.cssVar(canvas_tokens_web_1.base[color]);
49
+ }
50
+ if (color === null || color === void 0 ? void 0 : color.startsWith('--')) {
51
+ return canvas_kit_styling_1.cssVar(color);
49
52
  }
50
53
  return color;
51
54
  };
package/dist/commonjs/icon/lib/SystemIcon.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SystemIcon.d.ts","sourceRoot":"","sources":["../../../../icon/lib/SystemIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,gBAAgB,EAAkB,MAAM,8BAA8B,CAAC;AAC/E,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAI1C,OAAO,EAAM,QAAQ,EAAwC,MAAM,OAAO,CAAC;AAE3E;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;;;;OAQG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;;;;;OASG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;;;;OASG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,eACf,SAAQ,gBAAgB,EACtB,IAAI,CAAC,QAAQ,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,OAAO,CAAC;IAClE;;OAEG;IACH,IAAI,EAAE,gBAAgB,CAAC;IACvB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,gBAAgB,8FAS1B,gBAAgB,KAAG,SAmBpB,CAAC;AAiBH,eAAO,MAAM,iBAAiB;IAG1B;;;;OAIG;;;;;IAJH;;;;OAIG;;;;;;;;;;;;;;wBAoCL,CAAC;AAEH,eAAO,MAAM,UAAU,sFA0CrB,CAAC"}
1
+ {"version":3,"file":"SystemIcon.d.ts","sourceRoot":"","sources":["../../../../icon/lib/SystemIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,gBAAgB,EAAkB,MAAM,8BAA8B,CAAC;AAC/E,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAI1C,OAAO,EAAM,QAAQ,EAAwC,MAAM,OAAO,CAAC;AAE3E;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;;;;OAQG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;;;;;OASG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;;;;OASG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,eACf,SAAQ,gBAAgB,EACtB,IAAI,CAAC,QAAQ,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,OAAO,CAAC;IAClE;;OAEG;IACH,IAAI,EAAE,gBAAgB,CAAC;IACvB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,gBAAgB,8FAS1B,gBAAgB,KAAG,SAmBpB,CAAC;AAiBH,eAAO,MAAM,iBAAiB;IAG1B;;;;OAIG;;;;;IAJH;;;;OAIG;;;;;;;;;;;;;;wBAoCL,CAAC;AAEH,eAAO,MAAM,UAAU,sFA6CrB,CAAC"}
package/dist/commonjs/icon/lib/SystemIcon.js CHANGED
@@ -91,10 +91,10 @@ exports.SystemIcon = common_1.createComponent('span')({
91
91
  backgroundColor: Svg_1.transformColorNameToToken(background),
92
92
  }),
93
93
  {
94
- [deprecatedSystemIconVars.colorHover]: colorHover && canvas_kit_styling_1.cssVar(colorHover),
95
- [deprecatedSystemIconVars.fillHover]: fillHover && canvas_kit_styling_1.cssVar(fillHover),
96
- [deprecatedSystemIconVars.accentHover]: accentHover && canvas_kit_styling_1.cssVar(accentHover),
97
- [deprecatedSystemIconVars.backgroundHover]: backgroundHover && canvas_kit_styling_1.cssVar(backgroundHover),
94
+ [deprecatedSystemIconVars.colorHover]: colorHover && Svg_1.transformColorNameToToken(colorHover),
95
+ [deprecatedSystemIconVars.fillHover]: fillHover && Svg_1.transformColorNameToToken(fillHover),
96
+ [deprecatedSystemIconVars.accentHover]: accentHover && Svg_1.transformColorNameToToken(accentHover),
97
+ [deprecatedSystemIconVars.backgroundHover]: backgroundHover && Svg_1.transformColorNameToToken(backgroundHover),
98
98
  },
99
99
  ]))));
100
100
  },
package/dist/es6/icon/lib/Svg.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Svg.d.ts","sourceRoot":"","sources":["../../../../icon/lib/Svg.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,UAAU,EAAE,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAGzE,OAAO,EAAC,QAAQ,EAAc,MAAM,kCAAkC,CAAC;AAIvE,MAAM,WAAW,QAAS,SAAQ,QAAQ;IACxC,GAAG,EAAE,UAAU,CAAC;IAChB,IAAI,EAAE,eAAe,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,UAAU;;;;;;;IAEnB,gCAAgC;;IAEhC,iCAAiC;;IAEjC,2CAA2C;;gBAkB7C,CAAC;AAEH,kBAAkB;AAClB,eAAO,MAAM,yBAAyB,oDAKrC,CAAC;AAEF,eAAO,MAAM,GAAG,+EAkBd,CAAC"}
1
+ {"version":3,"file":"Svg.d.ts","sourceRoot":"","sources":["../../../../icon/lib/Svg.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,UAAU,EAAE,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAGzE,OAAO,EAAC,QAAQ,EAAc,MAAM,kCAAkC,CAAC;AAIvE,MAAM,WAAW,QAAS,SAAQ,QAAQ;IACxC,GAAG,EAAE,UAAU,CAAC;IAChB,IAAI,EAAE,eAAe,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,UAAU;;;;;;;IAEnB,gCAAgC;;IAEhC,iCAAiC;;IAEjC,2CAA2C;;gBAkB7C,CAAC;AAEH,kBAAkB;AAClB,eAAO,MAAM,yBAAyB,oDAUrC,CAAC;AAEF,eAAO,MAAM,GAAG,+EAkBd,CAAC"}
package/dist/es6/icon/lib/Svg.js CHANGED
@@ -23,7 +23,10 @@ export const svgStencil = createStencil({
23
23
  /** @deprecated */
24
24
  export const transformColorNameToToken = (color) => {
25
25
  if (color && color in base) {
26
- return base[color];
26
+ return cssVar(base[color]);
27
+ }
28
+ if (color === null || color === void 0 ? void 0 : color.startsWith('--')) {
29
+ return cssVar(color);
27
30
  }
28
31
  return color;
29
32
  };
package/dist/es6/icon/lib/SystemIcon.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SystemIcon.d.ts","sourceRoot":"","sources":["../../../../icon/lib/SystemIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,gBAAgB,EAAkB,MAAM,8BAA8B,CAAC;AAC/E,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAI1C,OAAO,EAAM,QAAQ,EAAwC,MAAM,OAAO,CAAC;AAE3E;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;;;;OAQG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;;;;;OASG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;;;;OASG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,eACf,SAAQ,gBAAgB,EACtB,IAAI,CAAC,QAAQ,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,OAAO,CAAC;IAClE;;OAEG;IACH,IAAI,EAAE,gBAAgB,CAAC;IACvB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,gBAAgB,8FAS1B,gBAAgB,KAAG,SAmBpB,CAAC;AAiBH,eAAO,MAAM,iBAAiB;IAG1B;;;;OAIG;;;;;IAJH;;;;OAIG;;;;;;;;;;;;;;wBAoCL,CAAC;AAEH,eAAO,MAAM,UAAU,sFA0CrB,CAAC"}
1
+ {"version":3,"file":"SystemIcon.d.ts","sourceRoot":"","sources":["../../../../icon/lib/SystemIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,gBAAgB,EAAkB,MAAM,8BAA8B,CAAC;AAC/E,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAI1C,OAAO,EAAM,QAAQ,EAAwC,MAAM,OAAO,CAAC;AAE3E;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;;;;OAQG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;;;;;OASG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;;;;OASG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,eACf,SAAQ,gBAAgB,EACtB,IAAI,CAAC,QAAQ,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,OAAO,CAAC;IAClE;;OAEG;IACH,IAAI,EAAE,gBAAgB,CAAC;IACvB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,gBAAgB,8FAS1B,gBAAgB,KAAG,SAmBpB,CAAC;AAiBH,eAAO,MAAM,iBAAiB;IAG1B;;;;OAIG;;;;;IAJH;;;;OAIG;;;;;;;;;;;;;;wBAoCL,CAAC;AAEH,eAAO,MAAM,UAAU,sFA6CrB,CAAC"}
package/dist/es6/icon/lib/SystemIcon.js CHANGED
@@ -68,10 +68,10 @@ export const SystemIcon = createComponent('span')({
68
68
  backgroundColor: transformColorNameToToken(background),
69
69
  }),
70
70
  {
71
- [deprecatedSystemIconVars.colorHover]: colorHover && cssVar(colorHover),
72
- [deprecatedSystemIconVars.fillHover]: fillHover && cssVar(fillHover),
73
- [deprecatedSystemIconVars.accentHover]: accentHover && cssVar(accentHover),
74
- [deprecatedSystemIconVars.backgroundHover]: backgroundHover && cssVar(backgroundHover),
71
+ [deprecatedSystemIconVars.colorHover]: colorHover && transformColorNameToToken(colorHover),
72
+ [deprecatedSystemIconVars.fillHover]: fillHover && transformColorNameToToken(fillHover),
73
+ [deprecatedSystemIconVars.accentHover]: accentHover && transformColorNameToToken(accentHover),
74
+ [deprecatedSystemIconVars.backgroundHover]: backgroundHover && transformColorNameToToken(backgroundHover),
75
75
  },
76
76
  ]))));
77
77
  },
package/icon/lib/Svg.tsx CHANGED
@@ -45,8 +45,13 @@ export const svgStencil = createStencil({
45
45
  /** @deprecated */
46
46
  export const transformColorNameToToken = (color?: string) => {
47
47
  if (color && color in base) {
48
- return base[color as keyof typeof base];
48
+ return cssVar(base[color as keyof typeof base]);
49
49
  }
50
+
51
+ if (color?.startsWith('--')) {
52
+ return cssVar(color);
53
+ }
54
+
50
55
  return color;
51
56
  };
52
57
 
package/icon/lib/SystemIcon.tsx CHANGED
@@ -219,10 +219,13 @@ export const SystemIcon = createComponent('span')({
219
219
  backgroundColor: transformColorNameToToken(background),
220
220
  }),
221
221
  {
222
- [deprecatedSystemIconVars.colorHover]: colorHover && cssVar(colorHover),
223
- [deprecatedSystemIconVars.fillHover]: fillHover && cssVar(fillHover),
224
- [deprecatedSystemIconVars.accentHover]: accentHover && cssVar(accentHover),
225
- [deprecatedSystemIconVars.backgroundHover]: backgroundHover && cssVar(backgroundHover),
222
+ [deprecatedSystemIconVars.colorHover]:
223
+ colorHover && transformColorNameToToken(colorHover),
224
+ [deprecatedSystemIconVars.fillHover]: fillHover && transformColorNameToToken(fillHover),
225
+ [deprecatedSystemIconVars.accentHover]:
226
+ accentHover && transformColorNameToToken(accentHover),
227
+ [deprecatedSystemIconVars.backgroundHover]:
228
+ backgroundHover && transformColorNameToToken(backgroundHover),
226
229
  },
227
230
  ])}
228
231
  />
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-kit-react",
3
- "version": "11.0.4",
3
+ "version": "11.0.5",
4
4
  "description": "The parent module that contains all Workday Canvas Kit React components",
5
5
  "author": "Workday, Inc. (https://www.workday.com)",
6
6
  "license": "Apache-2.0",
@@ -49,8 +49,8 @@
49
49
  "@emotion/styled": "^11.6.0",
50
50
  "@popperjs/core": "^2.5.4",
51
51
  "@workday/canvas-colors-web": "^2.0.0",
52
- "@workday/canvas-kit-popup-stack": "^11.0.4",
53
- "@workday/canvas-kit-styling": "^11.0.4",
52
+ "@workday/canvas-kit-popup-stack": "^11.0.5",
53
+ "@workday/canvas-kit-styling": "^11.0.5",
54
54
  "@workday/canvas-system-icons-web": "^3.0.0",
55
55
  "@workday/canvas-tokens-web": "^2.0.0",
56
56
  "@workday/design-assets-types": "^0.2.8",
@@ -67,5 +67,5 @@
67
67
  "@workday/canvas-accent-icons-web": "^3.0.0",
68
68
  "@workday/canvas-applet-icons-web": "^2.0.0"
69
69
  },
70
- "gitHead": "2c181bb603c62bccebb9a874c0c0e4eb311360b2"
70
+ "gitHead": "36c61829c39d5d703f4dc1ec910a1e5ac98ace97"
71
71
  }