@workday/canvas-kit-react 15.0.0-alpha.0315-next.0 → 15.0.0-alpha.0320-next.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 (11) hide show
  1. package/dist/commonjs/icon/lib/AccentIcon.d.ts.map +1 -1
  2. package/dist/commonjs/icon/lib/AccentIcon.js +3 -2
  3. package/dist/commonjs/icon/lib/AppletIcon.d.ts.map +1 -1
  4. package/dist/commonjs/icon/lib/AppletIcon.js +7 -6
  5. package/dist/es6/icon/lib/AccentIcon.d.ts.map +1 -1
  6. package/dist/es6/icon/lib/AccentIcon.js +3 -2
  7. package/dist/es6/icon/lib/AppletIcon.d.ts.map +1 -1
  8. package/dist/es6/icon/lib/AppletIcon.js +4 -3
  9. package/icon/lib/AccentIcon.tsx +3 -2
  10. package/icon/lib/AppletIcon.tsx +3 -1
  11. package/package.json +6 -6
package/dist/commonjs/icon/lib/AccentIcon.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AccentIcon.d.ts","sourceRoot":"","sources":["../../../../icon/lib/AccentIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAG1C,OAAO,EAAC,gBAAgB,EAAC,MAAM,kCAAkC,CAAC;AAIlE,OAAO,EAAC,gBAAgB,EAAkB,MAAM,8BAA8B,CAAC;AAE/E,OAAO,EAAM,QAAQ,EAAa,MAAM,OAAO,CAAC;AAEhD;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAClC;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,QAAQ,EAAE,KAAK,GAAG,MAAM,CAAC;IACrE;;;OAGG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAClC;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,IAAI,EAAE,gBAAgB,CAAC;IACvB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,4BAG1B,gBAAgB,KAAG,SAOpB,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;mBAnC5B;;;;OAIG;;;wBAsDH,CAAC;AAeH;;GAEG;AACH,eAAO,MAAM,UAAU,sFAiCrB,CAAC"}
1
+ {"version":3,"file":"AccentIcon.d.ts","sourceRoot":"","sources":["../../../../icon/lib/AccentIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAG1C,OAAO,EAAC,gBAAgB,EAAC,MAAM,kCAAkC,CAAC;AAIlE,OAAO,EAAC,gBAAgB,EAAkB,MAAM,8BAA8B,CAAC;AAE/E,OAAO,EAAM,QAAQ,EAAa,MAAM,OAAO,CAAC;AAEhD;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAClC;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,QAAQ,EAAE,KAAK,GAAG,MAAM,CAAC;IACrE;;;OAGG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAClC;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,IAAI,EAAE,gBAAgB,CAAC;IACvB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,4BAG1B,gBAAgB,KAAG,SAOpB,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;mBAnC5B;;;;OAIG;;;wBAsDH,CAAC;AAgBH;;GAEG;AACH,eAAO,MAAM,UAAU,sFAiCrB,CAAC"}
package/dist/commonjs/icon/lib/AccentIcon.js CHANGED
@@ -37,8 +37,9 @@ exports.accentIconStencil = (0, canvas_kit_styling_1.createStencil)({
37
37
  }, "accent-icon-66e130");
38
38
  /** @deprecated Deprecated in v11 */
39
39
  const transformColorNameToToken = (color) => {
40
- if (color && color in canvas_tokens_web_1.base) {
41
- return (0, canvas_kit_styling_1.cssVar)(canvas_tokens_web_1.base[color]);
40
+ const { legacy, ...baseTokens } = canvas_tokens_web_1.base;
41
+ if (color && color in baseTokens) {
42
+ return (0, canvas_kit_styling_1.cssVar)(baseTokens[color]);
42
43
  }
43
44
  if (color === null || color === void 0 ? void 0 : color.startsWith('--')) {
44
45
  return (0, canvas_kit_styling_1.cssVar)(color);
package/dist/commonjs/icon/lib/AppletIcon.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AppletIcon.d.ts","sourceRoot":"","sources":["../../../../icon/lib/AppletIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAG1C,OAAO,EAAC,aAAa,EAAsB,MAAM,kCAAkC,CAAC;AAGpF,OAAO,EAAC,gBAAgB,EAAkB,MAAM,8BAA8B,CAAC;AAE/E,OAAO,EAAM,QAAQ,EAAa,MAAM,OAAO,CAAC;AAEhD;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,eAE1B,gBAAgB,KAAG,SAsCrB,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,eACf,SAAQ,gBAAgB,EACtB,IAAI,CAAC,QAAQ,EAAE,cAAc,GAAG,mBAAmB,GAAG,IAAI,CAAC;IAC7D;;OAEG;IACH,IAAI,EAAE,gBAAgB,CAAC;IACvB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBA6B5B,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,UAAU;;CA4BrB,CAAC"}
1
+ {"version":3,"file":"AppletIcon.d.ts","sourceRoot":"","sources":["../../../../icon/lib/AppletIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAG1C,OAAO,EAAC,aAAa,EAAsB,MAAM,kCAAkC,CAAC;AAGpF,OAAO,EAAC,gBAAgB,EAAkB,MAAM,8BAA8B,CAAC;AAE/E,OAAO,EAAM,QAAQ,EAAa,MAAM,OAAO,CAAC;AAIhD;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,eAE1B,gBAAgB,KAAG,SAsCrB,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,eACf,SAAQ,gBAAgB,EACtB,IAAI,CAAC,QAAQ,EAAE,cAAc,GAAG,mBAAmB,GAAG,IAAI,CAAC;IAC7D;;OAEG;IACH,IAAI,EAAE,gBAAgB,CAAC;IACvB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBA6B5B,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,UAAU;;CA4BrB,CAAC"}
package/dist/commonjs/icon/lib/AppletIcon.js CHANGED
@@ -8,6 +8,7 @@ const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
8
8
  const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
9
9
  const design_assets_types_1 = require("@workday/design-assets-types");
10
10
  const Svg_1 = require("./Svg");
11
+ const { legacy, ...base } = canvas_tokens_web_1.base;
11
12
  /**
12
13
  * @deprecated `appletIconStyles` will be removed in in a future version as a part of implementation of stencils and new tokens. Consider to use `appletIconStencil` instead.
13
14
  */
@@ -58,8 +59,8 @@ exports.appletIconStencil = (0, canvas_kit_styling_1.createStencil)({
58
59
  color400: '',
59
60
  color500: '',
60
61
  },
61
- base: { name: "22jqnb", styles: "box-sizing:border-box;--size-svg-bca693:5.75rem;& .color-100{fill:var(--cnvs-sys-color-fg-inverse);}& .color-200{fill:var(--color200-applet-icon-52344d, var(--cnvs-base-palette-blue-200));}& .color-300{fill:var(--color300-applet-icon-52344d, var(--cnvs-base-palette-blue-400));}& .color-400{fill:var(--color400-applet-icon-52344d, var(--cnvs-base-palette-blue-600));}& .color-400-alpha-20{fill:var(--color400-applet-icon-52344d, var(--cnvs-base-palette-blue-600));}& .color-500{fill:var(--color500-applet-icon-52344d, var(--cnvs-base-palette-blue-700));}" }
62
- }, "applet-icon-52344d");
62
+ base: { name: "y6pw8", styles: "box-sizing:border-box;--size-svg-bca693:5.75rem;& .color-100{fill:var(--cnvs-sys-color-fg-inverse);}& .color-200{fill:var(--color200-applet-icon-e065f0, var(--cnvs-base-palette-blue-200));}& .color-300{fill:var(--color300-applet-icon-e065f0, var(--cnvs-base-palette-blue-400));}& .color-400{fill:var(--color400-applet-icon-e065f0, var(--cnvs-base-palette-blue-600));}& .color-400-alpha-20{fill:var(--color400-applet-icon-e065f0, var(--cnvs-base-palette-blue-600));}& .color-500{fill:var(--color500-applet-icon-e065f0, var(--cnvs-base-palette-blue-700));}" }
63
+ }, "applet-icon-e065f0");
63
64
  /**
64
65
  * @deprecated ⚠️ `AppletIcon` is deprecated and will be removed in a future major version. Deprecated in v15.0.0.
65
66
  */
@@ -67,10 +68,10 @@ exports.AppletIcon = (0, common_1.createComponent)('span')({
67
68
  displayName: 'AppletIcon',
68
69
  Component: ({ size, icon, color, ...elemProps }, ref, Element) => {
69
70
  const colors = color && {
70
- color200: canvas_tokens_web_1.base[`${color}200`],
71
- color300: canvas_tokens_web_1.base[`${color}300`],
72
- color400: canvas_tokens_web_1.base[`${color}400`],
73
- color500: canvas_tokens_web_1.base[`${color}500`],
71
+ color200: base[`${color}200`],
72
+ color300: base[`${color}300`],
73
+ color400: base[`${color}400`],
74
+ color500: base[`${color}500`],
74
75
  };
75
76
  return ((0, jsx_runtime_1.jsx)(Svg_1.Svg, { src: icon, type: design_assets_types_1.CanvasIconTypes.Applet, as: Element, ref: ref, ...(0, canvas_kit_styling_1.handleCsProp)(elemProps, [
76
77
  (0, exports.appletIconStencil)({
package/dist/es6/icon/lib/AccentIcon.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AccentIcon.d.ts","sourceRoot":"","sources":["../../../../icon/lib/AccentIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAG1C,OAAO,EAAC,gBAAgB,EAAC,MAAM,kCAAkC,CAAC;AAIlE,OAAO,EAAC,gBAAgB,EAAkB,MAAM,8BAA8B,CAAC;AAE/E,OAAO,EAAM,QAAQ,EAAa,MAAM,OAAO,CAAC;AAEhD;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAClC;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,QAAQ,EAAE,KAAK,GAAG,MAAM,CAAC;IACrE;;;OAGG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAClC;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,IAAI,EAAE,gBAAgB,CAAC;IACvB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,4BAG1B,gBAAgB,KAAG,SAOpB,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;mBAnC5B;;;;OAIG;;;wBAsDH,CAAC;AAeH;;GAEG;AACH,eAAO,MAAM,UAAU,sFAiCrB,CAAC"}
1
+ {"version":3,"file":"AccentIcon.d.ts","sourceRoot":"","sources":["../../../../icon/lib/AccentIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAG1C,OAAO,EAAC,gBAAgB,EAAC,MAAM,kCAAkC,CAAC;AAIlE,OAAO,EAAC,gBAAgB,EAAkB,MAAM,8BAA8B,CAAC;AAE/E,OAAO,EAAM,QAAQ,EAAa,MAAM,OAAO,CAAC;AAEhD;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAClC;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,QAAQ,EAAE,KAAK,GAAG,MAAM,CAAC;IACrE;;;OAGG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAClC;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,IAAI,EAAE,gBAAgB,CAAC;IACvB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,4BAG1B,gBAAgB,KAAG,SAOpB,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;mBAnC5B;;;;OAIG;;;wBAsDH,CAAC;AAgBH;;GAEG;AACH,eAAO,MAAM,UAAU,sFAiCrB,CAAC"}
package/dist/es6/icon/lib/AccentIcon.js CHANGED
@@ -33,8 +33,9 @@ export const accentIconStencil = createStencil({
33
33
  }, "accent-icon-66e130");
34
34
  /** @deprecated Deprecated in v11 */
35
35
  const transformColorNameToToken = (color) => {
36
- if (color && color in base) {
37
- return cssVar(base[color]);
36
+ const { legacy, ...baseTokens } = base;
37
+ if (color && color in baseTokens) {
38
+ return cssVar(baseTokens[color]);
38
39
  }
39
40
  if (color === null || color === void 0 ? void 0 : color.startsWith('--')) {
40
41
  return cssVar(color);
package/dist/es6/icon/lib/AppletIcon.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AppletIcon.d.ts","sourceRoot":"","sources":["../../../../icon/lib/AppletIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAG1C,OAAO,EAAC,aAAa,EAAsB,MAAM,kCAAkC,CAAC;AAGpF,OAAO,EAAC,gBAAgB,EAAkB,MAAM,8BAA8B,CAAC;AAE/E,OAAO,EAAM,QAAQ,EAAa,MAAM,OAAO,CAAC;AAEhD;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,eAE1B,gBAAgB,KAAG,SAsCrB,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,eACf,SAAQ,gBAAgB,EACtB,IAAI,CAAC,QAAQ,EAAE,cAAc,GAAG,mBAAmB,GAAG,IAAI,CAAC;IAC7D;;OAEG;IACH,IAAI,EAAE,gBAAgB,CAAC;IACvB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBA6B5B,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,UAAU;;CA4BrB,CAAC"}
1
+ {"version":3,"file":"AppletIcon.d.ts","sourceRoot":"","sources":["../../../../icon/lib/AppletIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAG1C,OAAO,EAAC,aAAa,EAAsB,MAAM,kCAAkC,CAAC;AAGpF,OAAO,EAAC,gBAAgB,EAAkB,MAAM,8BAA8B,CAAC;AAE/E,OAAO,EAAM,QAAQ,EAAa,MAAM,OAAO,CAAC;AAIhD;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,eAE1B,gBAAgB,KAAG,SAsCrB,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,eACf,SAAQ,gBAAgB,EACtB,IAAI,CAAC,QAAQ,EAAE,cAAc,GAAG,mBAAmB,GAAG,IAAI,CAAC;IAC7D;;OAEG;IACH,IAAI,EAAE,gBAAgB,CAAC;IACvB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBA6B5B,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,UAAU;;CA4BrB,CAAC"}
package/dist/es6/icon/lib/AppletIcon.js CHANGED
@@ -2,9 +2,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { createComponent } from '@workday/canvas-kit-react/common';
3
3
  import { BrandingColor, colors } from '@workday/canvas-kit-react/tokens';
4
4
  import { createStencil, cssVar, handleCsProp, px2rem } from '@workday/canvas-kit-styling';
5
- import { base, system } from '@workday/canvas-tokens-web';
5
+ import { base as baseTokens, system } from '@workday/canvas-tokens-web';
6
6
  import { CanvasIconTypes } from '@workday/design-assets-types';
7
7
  import { Svg, svgStencil } from './Svg';
8
+ const { legacy, ...base } = baseTokens;
8
9
  /**
9
10
  * @deprecated `appletIconStyles` will be removed in in a future version as a part of implementation of stencils and new tokens. Consider to use `appletIconStencil` instead.
10
11
  */
@@ -54,8 +55,8 @@ export const appletIconStencil = createStencil({
54
55
  color400: '',
55
56
  color500: '',
56
57
  },
57
- base: { name: "22jqnb", styles: "box-sizing:border-box;--size-svg-bca693:5.75rem;& .color-100{fill:var(--cnvs-sys-color-fg-inverse);}& .color-200{fill:var(--color200-applet-icon-52344d, var(--cnvs-base-palette-blue-200));}& .color-300{fill:var(--color300-applet-icon-52344d, var(--cnvs-base-palette-blue-400));}& .color-400{fill:var(--color400-applet-icon-52344d, var(--cnvs-base-palette-blue-600));}& .color-400-alpha-20{fill:var(--color400-applet-icon-52344d, var(--cnvs-base-palette-blue-600));}& .color-500{fill:var(--color500-applet-icon-52344d, var(--cnvs-base-palette-blue-700));}" }
58
- }, "applet-icon-52344d");
58
+ base: { name: "y6pw8", styles: "box-sizing:border-box;--size-svg-bca693:5.75rem;& .color-100{fill:var(--cnvs-sys-color-fg-inverse);}& .color-200{fill:var(--color200-applet-icon-e065f0, var(--cnvs-base-palette-blue-200));}& .color-300{fill:var(--color300-applet-icon-e065f0, var(--cnvs-base-palette-blue-400));}& .color-400{fill:var(--color400-applet-icon-e065f0, var(--cnvs-base-palette-blue-600));}& .color-400-alpha-20{fill:var(--color400-applet-icon-e065f0, var(--cnvs-base-palette-blue-600));}& .color-500{fill:var(--color500-applet-icon-e065f0, var(--cnvs-base-palette-blue-700));}" }
59
+ }, "applet-icon-e065f0");
59
60
  /**
60
61
  * @deprecated ⚠️ `AppletIcon` is deprecated and will be removed in a future major version. Deprecated in v15.0.0.
61
62
  */
package/icon/lib/AccentIcon.tsx CHANGED
@@ -97,8 +97,9 @@ export const accentIconStencil = createStencil({
97
97
 
98
98
  /** @deprecated Deprecated in v11 */
99
99
  const transformColorNameToToken = (color?: string) => {
100
- if (color && color in base) {
101
- return cssVar(base[color as keyof typeof base]);
100
+ const {legacy, ...baseTokens} = base;
101
+ if (color && color in baseTokens) {
102
+ return cssVar(baseTokens[color as keyof typeof baseTokens]);
102
103
  }
103
104
 
104
105
  if (color?.startsWith('--')) {
package/icon/lib/AppletIcon.tsx CHANGED
@@ -3,11 +3,13 @@ import {CSSObject} from '@emotion/styled';
3
3
  import {createComponent} from '@workday/canvas-kit-react/common';
4
4
  import {BrandingColor, CanvasColor, colors} from '@workday/canvas-kit-react/tokens';
5
5
  import {createStencil, cssVar, handleCsProp, px2rem} from '@workday/canvas-kit-styling';
6
- import {base, system} from '@workday/canvas-tokens-web';
6
+ import {base as baseTokens, system} from '@workday/canvas-tokens-web';
7
7
  import {CanvasAppletIcon, CanvasIconTypes} from '@workday/design-assets-types';
8
8
 
9
9
  import {Svg, SvgProps, svgStencil} from './Svg';
10
10
 
11
+ const {legacy, ...base} = baseTokens;
12
+
11
13
  /**
12
14
  * @deprecated Interface `AppletIconStyles` will be removed in a future version. All props will be moved inside `AppletIconProps`.
13
15
  */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-kit-react",
3
- "version": "15.0.0-alpha.0315-next.0",
3
+ "version": "15.0.0-alpha.0320-next.0",
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",
@@ -53,11 +53,11 @@
53
53
  "@tanstack/react-virtual": "^3.13.9",
54
54
  "@workday/canvas-colors-web": "^2.0.0",
55
55
  "@workday/canvas-expressive-icons-web": "1.0.1",
56
- "@workday/canvas-kit-popup-stack": "^15.0.0-alpha.0315-next.0",
57
- "@workday/canvas-kit-preview-react": "^15.0.0-alpha.0315-next.0",
58
- "@workday/canvas-kit-styling": "^15.0.0-alpha.0315-next.0",
56
+ "@workday/canvas-kit-popup-stack": "^15.0.0-alpha.0320-next.0",
57
+ "@workday/canvas-kit-preview-react": "^15.0.0-alpha.0320-next.0",
58
+ "@workday/canvas-kit-styling": "^15.0.0-alpha.0320-next.0",
59
59
  "@workday/canvas-system-icons-web": "4.0.2",
60
- "@workday/canvas-tokens-web": "4.2.0",
60
+ "@workday/canvas-tokens-web": "4.3.0",
61
61
  "@workday/design-assets-types": "^0.3.0",
62
62
  "chroma-js": "^2.2.0",
63
63
  "csstype": "^3.0.2",
@@ -70,5 +70,5 @@
70
70
  "@workday/canvas-accent-icons-web": "^3.0.0",
71
71
  "@workday/canvas-applet-icons-web": "^2.0.0"
72
72
  },
73
- "gitHead": "23b1b845687414f26599e18ada0623f246fb2a5b"
73
+ "gitHead": "1fc0582d42b0805f13ab22572aae5051346cf7a3"
74
74
  }