@workday/canvas-kit-preview-react 11.2.0-896-next.0 → 11.2.1

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 (35) hide show
  1. package/common/index.ts +1 -0
  2. package/common/lib/parts/_brand-assets.ts +19 -0
  3. package/common/lib/parts/index.ts +1 -0
  4. package/common/package.json +6 -0
  5. package/dist/commonjs/common/index.d.ts +2 -0
  6. package/dist/commonjs/common/index.d.ts.map +1 -0
  7. package/dist/commonjs/common/index.js +13 -0
  8. package/dist/commonjs/common/lib/parts/_brand-assets.d.ts +10 -0
  9. package/dist/commonjs/common/lib/parts/_brand-assets.d.ts.map +1 -0
  10. package/dist/commonjs/common/lib/parts/_brand-assets.js +13 -0
  11. package/dist/commonjs/common/lib/parts/index.d.ts +2 -0
  12. package/dist/commonjs/common/lib/parts/index.d.ts.map +1 -0
  13. package/dist/commonjs/common/lib/parts/index.js +13 -0
  14. package/dist/commonjs/index.d.ts +1 -0
  15. package/dist/commonjs/index.d.ts.map +1 -1
  16. package/dist/commonjs/index.js +1 -0
  17. package/dist/commonjs/status-indicator/lib/StatusIndicator.js +12 -12
  18. package/dist/commonjs/status-indicator/lib/StatusIndicatorLabel.js +2 -2
  19. package/dist/es6/common/index.d.ts +2 -0
  20. package/dist/es6/common/index.d.ts.map +1 -0
  21. package/dist/es6/common/index.js +1 -0
  22. package/dist/es6/common/lib/parts/_brand-assets.d.ts +10 -0
  23. package/dist/es6/common/lib/parts/_brand-assets.d.ts.map +1 -0
  24. package/dist/es6/common/lib/parts/_brand-assets.js +10 -0
  25. package/dist/es6/common/lib/parts/index.d.ts +2 -0
  26. package/dist/es6/common/lib/parts/index.d.ts.map +1 -0
  27. package/dist/es6/common/lib/parts/index.js +1 -0
  28. package/dist/es6/index.d.ts +1 -0
  29. package/dist/es6/index.d.ts.map +1 -1
  30. package/dist/es6/index.js +1 -0
  31. package/dist/es6/status-indicator/lib/StatusIndicator.js +12 -12
  32. package/dist/es6/status-indicator/lib/StatusIndicatorLabel.js +2 -2
  33. package/index.ts +1 -0
  34. package/package.json +4 -4
  35. package/status-indicator/lib/StatusIndicatorLabel.tsx +2 -2
package/common/index.ts ADDED
@@ -0,0 +1 @@
1
+ export * from './lib/parts';
package/common/lib/parts/_brand-assets.ts ADDED
@@ -0,0 +1,19 @@
1
+ const CDN_URI = 'https://static.workday.com/brand-logos/';
2
+
3
+ export const dubLogoPrimary = `<img src="${CDN_URI}wd-dub-primary.svg" alt="">`;
4
+
5
+ export const dubLogoReversed = `<img src="${CDN_URI}wd-dub-reversed.svg" alt="">`;
6
+
7
+ export const dubLogoMonoBlue = `<img src="${CDN_URI}wd-dub-mono-blue.svg" alt="">`;
8
+
9
+ export const dubLogoMonoWhite = `<img src="${CDN_URI}wd-dub-mono-white.svg" alt="">`;
10
+
11
+ export const wdayLogoPrimary = `<img src="${CDN_URI}wd-logo-primary.svg" alt="">`;
12
+
13
+ export const wdayLogoReversed = `<img src="${CDN_URI}wd-logo-reversed.svg" alt="">`;
14
+
15
+ export const wdayLogoMonoBlue = `<img src="${CDN_URI}wd-logo-mono-blue.svg" alt="">`;
16
+
17
+ export const wdayLogoMonoWhite = `<img src="${CDN_URI}wd-logo-mono-white.svg" alt="">`;
18
+
19
+ export const miniWdayLogoBlue = `<img src="${CDN_URI}ck-mini-wday-logo-blue.svg" alt="">`;
package/common/lib/parts/index.ts ADDED
@@ -0,0 +1 @@
1
+ export * from './_brand-assets';
package/common/package.json ADDED
@@ -0,0 +1,6 @@
1
+ {
2
+ "main": "../dist/commonjs/common",
3
+ "module": "../dist/es6/common",
4
+ "sideEffects": false,
5
+ "types": "../dist/es6/common"
6
+ }
package/dist/commonjs/common/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from './lib/parts';
2
+ //# sourceMappingURL=index.d.ts.map
package/dist/commonjs/common/index.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../common/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
package/dist/commonjs/common/index.js ADDED
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
+ }) : (function(o, m, k, k2) {
6
+ if (k2 === undefined) k2 = k;
7
+ o[k2] = m[k];
8
+ }));
9
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
10
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
11
+ };
12
+ Object.defineProperty(exports, "__esModule", { value: true });
13
+ __exportStar(require("./lib/parts"), exports);
package/dist/commonjs/common/lib/parts/_brand-assets.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ export declare const dubLogoPrimary: string;
2
+ export declare const dubLogoReversed: string;
3
+ export declare const dubLogoMonoBlue: string;
4
+ export declare const dubLogoMonoWhite: string;
5
+ export declare const wdayLogoPrimary: string;
6
+ export declare const wdayLogoReversed: string;
7
+ export declare const wdayLogoMonoBlue: string;
8
+ export declare const wdayLogoMonoWhite: string;
9
+ export declare const miniWdayLogoBlue: string;
10
+ //# sourceMappingURL=_brand-assets.d.ts.map
package/dist/commonjs/common/lib/parts/_brand-assets.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"_brand-assets.d.ts","sourceRoot":"","sources":["../../../../../common/lib/parts/_brand-assets.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,QAAoD,CAAC;AAEhF,eAAO,MAAM,eAAe,QAAqD,CAAC;AAElF,eAAO,MAAM,eAAe,QAAsD,CAAC;AAEnF,eAAO,MAAM,gBAAgB,QAAuD,CAAC;AAErF,eAAO,MAAM,eAAe,QAAqD,CAAC;AAElF,eAAO,MAAM,gBAAgB,QAAsD,CAAC;AAEpF,eAAO,MAAM,gBAAgB,QAAuD,CAAC;AAErF,eAAO,MAAM,iBAAiB,QAAwD,CAAC;AAEvF,eAAO,MAAM,gBAAgB,QAA4D,CAAC"}
package/dist/commonjs/common/lib/parts/_brand-assets.js ADDED
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.miniWdayLogoBlue = exports.wdayLogoMonoWhite = exports.wdayLogoMonoBlue = exports.wdayLogoReversed = exports.wdayLogoPrimary = exports.dubLogoMonoWhite = exports.dubLogoMonoBlue = exports.dubLogoReversed = exports.dubLogoPrimary = void 0;
4
+ const CDN_URI = 'https://static.workday.com/brand-logos/';
5
+ exports.dubLogoPrimary = `<img src="${CDN_URI}wd-dub-primary.svg" alt="">`;
6
+ exports.dubLogoReversed = `<img src="${CDN_URI}wd-dub-reversed.svg" alt="">`;
7
+ exports.dubLogoMonoBlue = `<img src="${CDN_URI}wd-dub-mono-blue.svg" alt="">`;
8
+ exports.dubLogoMonoWhite = `<img src="${CDN_URI}wd-dub-mono-white.svg" alt="">`;
9
+ exports.wdayLogoPrimary = `<img src="${CDN_URI}wd-logo-primary.svg" alt="">`;
10
+ exports.wdayLogoReversed = `<img src="${CDN_URI}wd-logo-reversed.svg" alt="">`;
11
+ exports.wdayLogoMonoBlue = `<img src="${CDN_URI}wd-logo-mono-blue.svg" alt="">`;
12
+ exports.wdayLogoMonoWhite = `<img src="${CDN_URI}wd-logo-mono-white.svg" alt="">`;
13
+ exports.miniWdayLogoBlue = `<img src="${CDN_URI}ck-mini-wday-logo-blue.svg" alt="">`;
package/dist/commonjs/common/lib/parts/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from './_brand-assets';
2
+ //# sourceMappingURL=index.d.ts.map
package/dist/commonjs/common/lib/parts/index.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../common/lib/parts/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}
package/dist/commonjs/common/lib/parts/index.js ADDED
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
+ }) : (function(o, m, k, k2) {
6
+ if (k2 === undefined) k2 = k;
7
+ o[k2] = m[k];
8
+ }));
9
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
10
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
11
+ };
12
+ Object.defineProperty(exports, "__esModule", { value: true });
13
+ __exportStar(require("./_brand-assets"), exports);
package/dist/commonjs/index.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  export * from './color-picker';
2
+ export * from './common';
2
3
  export * from './divider';
3
4
  export * from './form-field';
4
5
  export * from './loading-sparkles';
package/dist/commonjs/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}
package/dist/commonjs/index.js CHANGED
@@ -11,6 +11,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
11
11
  };
12
12
  Object.defineProperty(exports, "__esModule", { value: true });
13
13
  __exportStar(require("./color-picker"), exports);
14
+ __exportStar(require("./common"), exports);
14
15
  __exportStar(require("./divider"), exports);
15
16
  __exportStar(require("./form-field"), exports);
16
17
  __exportStar(require("./loading-sparkles"), exports);
package/dist/commonjs/status-indicator/lib/StatusIndicator.js CHANGED
@@ -16,28 +16,28 @@ const statusIndicatorStencil = canvas_kit_styling_1.createStencil({
16
16
  base: { name: "f088dd", styles: "box-sizing:border-box;display:inline-flex;gap:var(--cnvs-sys-space-x1);max-width:12.5rem;align-items:center;border-radius:var(--cnvs-sys-shape-half);height:1.25rem;padding:var(--cnvs-sys-space-zero) var(--cnvs-sys-space-x1);" },
17
17
  modifiers: {
18
18
  gray: {
19
- high: { name: "3d70e3", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-53c273:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-static-gray-default);" },
20
- low: { name: "f99899", styles: "color:var(--cnvs-sys-color-static-gray-strong);--color-system-icon-53c273:var(--cnvs-sys-color-static-gray-strong);background:var(--cnvs-sys-color-static-gray-soft);" }
19
+ high: { name: "3d70e3", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-9f0d45:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-static-gray-default);" },
20
+ low: { name: "f99899", styles: "color:var(--cnvs-sys-color-static-gray-strong);--color-system-icon-9f0d45:var(--cnvs-sys-color-static-gray-strong);background:var(--cnvs-sys-color-static-gray-soft);" }
21
21
  },
22
22
  orange: {
23
- high: { name: "7ff109", styles: "color:var(--cnvs-sys-color-static-gray-stronger);--color-system-icon-53c273:var(--cnvs-sys-color-static-gray-stronger);background:var(--cnvs-sys-color-static-orange-default);" },
24
- low: { name: "62c44d", styles: "color:var(--cnvs-sys-color-static-gold-stronger);--color-system-icon-53c273:var(--cnvs-sys-color-static-gold-stronger);background:var(--cnvs-sys-color-static-orange-soft);" }
23
+ high: { name: "7ff109", styles: "color:var(--cnvs-sys-color-static-gray-stronger);--color-system-icon-9f0d45:var(--cnvs-sys-color-static-gray-stronger);background:var(--cnvs-sys-color-static-orange-default);" },
24
+ low: { name: "62c44d", styles: "color:var(--cnvs-sys-color-static-gold-stronger);--color-system-icon-9f0d45:var(--cnvs-sys-color-static-gold-stronger);background:var(--cnvs-sys-color-static-orange-soft);" }
25
25
  },
26
26
  blue: {
27
- high: { name: "5af7bb", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-53c273:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-static-blue-default);" },
28
- low: { name: "eda4b3", styles: "color:var(--cnvs-sys-color-static-blue-strong);--color-system-icon-53c273:var(--cnvs-sys-color-static-blue-strong);background:var(--cnvs-sys-color-static-blue-soft);" }
27
+ high: { name: "5af7bb", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-9f0d45:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-static-blue-default);" },
28
+ low: { name: "eda4b3", styles: "color:var(--cnvs-sys-color-static-blue-strong);--color-system-icon-9f0d45:var(--cnvs-sys-color-static-blue-strong);background:var(--cnvs-sys-color-static-blue-soft);" }
29
29
  },
30
30
  green: {
31
- high: { name: "5eed70", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-53c273:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-static-green-strong);" },
32
- low: { name: "6698cb", styles: "color:var(--cnvs-sys-color-static-green-strong);--color-system-icon-53c273:var(--cnvs-sys-color-static-green-strong);background:var(--cnvs-sys-color-static-green-soft);" }
31
+ high: { name: "5eed70", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-9f0d45:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-static-green-strong);" },
32
+ low: { name: "6698cb", styles: "color:var(--cnvs-sys-color-static-green-strong);--color-system-icon-9f0d45:var(--cnvs-sys-color-static-green-strong);background:var(--cnvs-sys-color-static-green-soft);" }
33
33
  },
34
34
  red: {
35
- high: { name: "b59424", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-53c273:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-static-red-default);" },
36
- low: { name: "bf727b", styles: "color:var(--cnvs-sys-color-static-red-strong);--color-system-icon-53c273:var(--cnvs-sys-color-static-red-strong);background:var(--cnvs-sys-color-static-red-soft);" }
35
+ high: { name: "b59424", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-9f0d45:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-static-red-default);" },
36
+ low: { name: "bf727b", styles: "color:var(--cnvs-sys-color-static-red-strong);--color-system-icon-9f0d45:var(--cnvs-sys-color-static-red-strong);background:var(--cnvs-sys-color-static-red-soft);" }
37
37
  },
38
38
  transparent: {
39
- high: { name: "46c455", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-53c273:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-bg-translucent);" },
40
- low: { name: "2d9e66", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-53c273:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-bg-translucent);" }
39
+ high: { name: "46c455", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-9f0d45:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-bg-translucent);" },
40
+ low: { name: "2d9e66", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-9f0d45:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-bg-translucent);" }
41
41
  }
42
42
  }
43
43
  }, "status-indicator-1a565e");
package/dist/commonjs/status-indicator/lib/StatusIndicatorLabel.js CHANGED
@@ -17,7 +17,7 @@ const statusIndicatorLabelStencil = canvas_kit_styling_1.createStencil({
17
17
  }, "status-indicator-label-fbd39a");
18
18
  exports.StatusIndicatorLabel = common_1.createComponent('span')({
19
19
  displayName: 'StatusIndicator.Label',
20
- Component: ({ children, ...elemProps }, ref, Element) => {
21
- return (react_1.default.createElement(Element, Object.assign({ ref: ref }, layout_1.mergeStyles(elemProps, statusIndicatorLabelStencil())), children));
20
+ Component: ({ children, typeLevel, ...elemProps }, ref, Element) => {
21
+ return (react_1.default.createElement(Element, Object.assign({ ref: ref }, layout_1.mergeStyles(elemProps, statusIndicatorLabelStencil({ typeLevel }))), children));
22
22
  },
23
23
  });
package/dist/es6/common/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from './lib/parts';
2
+ //# sourceMappingURL=index.d.ts.map
package/dist/es6/common/index.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../common/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
package/dist/es6/common/index.js ADDED
@@ -0,0 +1 @@
1
+ export * from './lib/parts';
package/dist/es6/common/lib/parts/_brand-assets.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ export declare const dubLogoPrimary: string;
2
+ export declare const dubLogoReversed: string;
3
+ export declare const dubLogoMonoBlue: string;
4
+ export declare const dubLogoMonoWhite: string;
5
+ export declare const wdayLogoPrimary: string;
6
+ export declare const wdayLogoReversed: string;
7
+ export declare const wdayLogoMonoBlue: string;
8
+ export declare const wdayLogoMonoWhite: string;
9
+ export declare const miniWdayLogoBlue: string;
10
+ //# sourceMappingURL=_brand-assets.d.ts.map
package/dist/es6/common/lib/parts/_brand-assets.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"_brand-assets.d.ts","sourceRoot":"","sources":["../../../../../common/lib/parts/_brand-assets.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,QAAoD,CAAC;AAEhF,eAAO,MAAM,eAAe,QAAqD,CAAC;AAElF,eAAO,MAAM,eAAe,QAAsD,CAAC;AAEnF,eAAO,MAAM,gBAAgB,QAAuD,CAAC;AAErF,eAAO,MAAM,eAAe,QAAqD,CAAC;AAElF,eAAO,MAAM,gBAAgB,QAAsD,CAAC;AAEpF,eAAO,MAAM,gBAAgB,QAAuD,CAAC;AAErF,eAAO,MAAM,iBAAiB,QAAwD,CAAC;AAEvF,eAAO,MAAM,gBAAgB,QAA4D,CAAC"}
package/dist/es6/common/lib/parts/_brand-assets.js ADDED
@@ -0,0 +1,10 @@
1
+ const CDN_URI = 'https://static.workday.com/brand-logos/';
2
+ export const dubLogoPrimary = `<img src="${CDN_URI}wd-dub-primary.svg" alt="">`;
3
+ export const dubLogoReversed = `<img src="${CDN_URI}wd-dub-reversed.svg" alt="">`;
4
+ export const dubLogoMonoBlue = `<img src="${CDN_URI}wd-dub-mono-blue.svg" alt="">`;
5
+ export const dubLogoMonoWhite = `<img src="${CDN_URI}wd-dub-mono-white.svg" alt="">`;
6
+ export const wdayLogoPrimary = `<img src="${CDN_URI}wd-logo-primary.svg" alt="">`;
7
+ export const wdayLogoReversed = `<img src="${CDN_URI}wd-logo-reversed.svg" alt="">`;
8
+ export const wdayLogoMonoBlue = `<img src="${CDN_URI}wd-logo-mono-blue.svg" alt="">`;
9
+ export const wdayLogoMonoWhite = `<img src="${CDN_URI}wd-logo-mono-white.svg" alt="">`;
10
+ export const miniWdayLogoBlue = `<img src="${CDN_URI}ck-mini-wday-logo-blue.svg" alt="">`;
package/dist/es6/common/lib/parts/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from './_brand-assets';
2
+ //# sourceMappingURL=index.d.ts.map
package/dist/es6/common/lib/parts/index.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../common/lib/parts/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}
package/dist/es6/common/lib/parts/index.js ADDED
@@ -0,0 +1 @@
1
+ export * from './_brand-assets';
package/dist/es6/index.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  export * from './color-picker';
2
+ export * from './common';
2
3
  export * from './divider';
3
4
  export * from './form-field';
4
5
  export * from './loading-sparkles';
package/dist/es6/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}
package/dist/es6/index.js CHANGED
@@ -1,4 +1,5 @@
1
1
  export * from './color-picker';
2
+ export * from './common';
2
3
  export * from './divider';
3
4
  export * from './form-field';
4
5
  export * from './loading-sparkles';
package/dist/es6/status-indicator/lib/StatusIndicator.js CHANGED
@@ -10,28 +10,28 @@ const statusIndicatorStencil = createStencil({
10
10
  base: { name: "f088dd", styles: "box-sizing:border-box;display:inline-flex;gap:var(--cnvs-sys-space-x1);max-width:12.5rem;align-items:center;border-radius:var(--cnvs-sys-shape-half);height:1.25rem;padding:var(--cnvs-sys-space-zero) var(--cnvs-sys-space-x1);" },
11
11
  modifiers: {
12
12
  gray: {
13
- high: { name: "3d70e3", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-53c273:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-static-gray-default);" },
14
- low: { name: "f99899", styles: "color:var(--cnvs-sys-color-static-gray-strong);--color-system-icon-53c273:var(--cnvs-sys-color-static-gray-strong);background:var(--cnvs-sys-color-static-gray-soft);" }
13
+ high: { name: "3d70e3", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-9f0d45:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-static-gray-default);" },
14
+ low: { name: "f99899", styles: "color:var(--cnvs-sys-color-static-gray-strong);--color-system-icon-9f0d45:var(--cnvs-sys-color-static-gray-strong);background:var(--cnvs-sys-color-static-gray-soft);" }
15
15
  },
16
16
  orange: {
17
- high: { name: "7ff109", styles: "color:var(--cnvs-sys-color-static-gray-stronger);--color-system-icon-53c273:var(--cnvs-sys-color-static-gray-stronger);background:var(--cnvs-sys-color-static-orange-default);" },
18
- low: { name: "62c44d", styles: "color:var(--cnvs-sys-color-static-gold-stronger);--color-system-icon-53c273:var(--cnvs-sys-color-static-gold-stronger);background:var(--cnvs-sys-color-static-orange-soft);" }
17
+ high: { name: "7ff109", styles: "color:var(--cnvs-sys-color-static-gray-stronger);--color-system-icon-9f0d45:var(--cnvs-sys-color-static-gray-stronger);background:var(--cnvs-sys-color-static-orange-default);" },
18
+ low: { name: "62c44d", styles: "color:var(--cnvs-sys-color-static-gold-stronger);--color-system-icon-9f0d45:var(--cnvs-sys-color-static-gold-stronger);background:var(--cnvs-sys-color-static-orange-soft);" }
19
19
  },
20
20
  blue: {
21
- high: { name: "5af7bb", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-53c273:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-static-blue-default);" },
22
- low: { name: "eda4b3", styles: "color:var(--cnvs-sys-color-static-blue-strong);--color-system-icon-53c273:var(--cnvs-sys-color-static-blue-strong);background:var(--cnvs-sys-color-static-blue-soft);" }
21
+ high: { name: "5af7bb", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-9f0d45:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-static-blue-default);" },
22
+ low: { name: "eda4b3", styles: "color:var(--cnvs-sys-color-static-blue-strong);--color-system-icon-9f0d45:var(--cnvs-sys-color-static-blue-strong);background:var(--cnvs-sys-color-static-blue-soft);" }
23
23
  },
24
24
  green: {
25
- high: { name: "5eed70", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-53c273:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-static-green-strong);" },
26
- low: { name: "6698cb", styles: "color:var(--cnvs-sys-color-static-green-strong);--color-system-icon-53c273:var(--cnvs-sys-color-static-green-strong);background:var(--cnvs-sys-color-static-green-soft);" }
25
+ high: { name: "5eed70", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-9f0d45:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-static-green-strong);" },
26
+ low: { name: "6698cb", styles: "color:var(--cnvs-sys-color-static-green-strong);--color-system-icon-9f0d45:var(--cnvs-sys-color-static-green-strong);background:var(--cnvs-sys-color-static-green-soft);" }
27
27
  },
28
28
  red: {
29
- high: { name: "b59424", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-53c273:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-static-red-default);" },
30
- low: { name: "bf727b", styles: "color:var(--cnvs-sys-color-static-red-strong);--color-system-icon-53c273:var(--cnvs-sys-color-static-red-strong);background:var(--cnvs-sys-color-static-red-soft);" }
29
+ high: { name: "b59424", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-9f0d45:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-static-red-default);" },
30
+ low: { name: "bf727b", styles: "color:var(--cnvs-sys-color-static-red-strong);--color-system-icon-9f0d45:var(--cnvs-sys-color-static-red-strong);background:var(--cnvs-sys-color-static-red-soft);" }
31
31
  },
32
32
  transparent: {
33
- high: { name: "46c455", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-53c273:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-bg-translucent);" },
34
- low: { name: "2d9e66", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-53c273:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-bg-translucent);" }
33
+ high: { name: "46c455", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-9f0d45:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-bg-translucent);" },
34
+ low: { name: "2d9e66", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-9f0d45:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-bg-translucent);" }
35
35
  }
36
36
  }
37
37
  }, "status-indicator-1a565e");
package/dist/es6/status-indicator/lib/StatusIndicatorLabel.js CHANGED
@@ -11,7 +11,7 @@ const statusIndicatorLabelStencil = createStencil({
11
11
  }, "status-indicator-label-fbd39a");
12
12
  export const StatusIndicatorLabel = createComponent('span')({
13
13
  displayName: 'StatusIndicator.Label',
14
- Component: ({ children, ...elemProps }, ref, Element) => {
15
- return (React.createElement(Element, Object.assign({ ref: ref }, mergeStyles(elemProps, statusIndicatorLabelStencil())), children));
14
+ Component: ({ children, typeLevel, ...elemProps }, ref, Element) => {
15
+ return (React.createElement(Element, Object.assign({ ref: ref }, mergeStyles(elemProps, statusIndicatorLabelStencil({ typeLevel }))), children));
16
16
  },
17
17
  });
package/index.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  export * from './color-picker';
2
+ export * from './common';
2
3
  export * from './divider';
3
4
  export * from './form-field';
4
5
  export * from './loading-sparkles';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-kit-preview-react",
3
- "version": "11.2.0-896-next.0",
3
+ "version": "11.2.1",
4
4
  "description": "Canvas Kit Preview is made up of components that have the full design and a11y review, are part of the DS ecosystem and are approved for use in product. The API's could be subject to change, but not without strong communication and migration strategies.",
5
5
  "author": "Workday, Inc. (https://www.workday.com)",
6
6
  "license": "Apache-2.0",
@@ -46,8 +46,8 @@
46
46
  "dependencies": {
47
47
  "@emotion/react": "^11.7.1",
48
48
  "@emotion/styled": "^11.6.0",
49
- "@workday/canvas-kit-react": "^11.2.0-896-next.0",
50
- "@workday/canvas-kit-styling": "^11.2.0-896-next.0",
49
+ "@workday/canvas-kit-react": "^11.2.1",
50
+ "@workday/canvas-kit-styling": "^11.2.1",
51
51
  "@workday/canvas-system-icons-web": "^3.0.0",
52
52
  "@workday/canvas-tokens-web": "^2.0.0",
53
53
  "@workday/design-assets-types": "^0.2.8"
@@ -58,5 +58,5 @@
58
58
  "react-hook-form": "7.36.1",
59
59
  "yup": "^0.32.11"
60
60
  },
61
- "gitHead": "5d95d6a8a696d11ee2aebfc7668232985257f18f"
61
+ "gitHead": "ab29c0d8306dfaa2692f0c9c67c2d69a25ec4bc8"
62
62
  }
package/status-indicator/lib/StatusIndicatorLabel.tsx CHANGED
@@ -23,9 +23,9 @@ const statusIndicatorLabelStencil = createStencil({
23
23
 
24
24
  export const StatusIndicatorLabel = createComponent('span')({
25
25
  displayName: 'StatusIndicator.Label',
26
- Component: ({children, ...elemProps}: StatusIndicatorLabelProps, ref, Element) => {
26
+ Component: ({children, typeLevel, ...elemProps}: StatusIndicatorLabelProps, ref, Element) => {
27
27
  return (
28
- <Element ref={ref} {...mergeStyles(elemProps, statusIndicatorLabelStencil())}>
28
+ <Element ref={ref} {...mergeStyles(elemProps, statusIndicatorLabelStencil({typeLevel}))}>
29
29
  {children}
30
30
  </Element>
31
31
  );