@workday/canvas-kit-preview-react 12.5.5 → 12.6.0-1079-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 (64) hide show
  1. package/dist/commonjs/divider/lib/Divider.d.ts +2 -2
  2. package/dist/commonjs/divider/lib/Divider.js +1 -1
  3. package/dist/commonjs/information-highlight/lib/InformationHighlight.d.ts +1 -1
  4. package/dist/commonjs/information-highlight/lib/InformationHighlight.d.ts.map +1 -1
  5. package/dist/commonjs/information-highlight/lib/InformationHighlight.js +7 -7
  6. package/dist/commonjs/information-highlight/lib/parts/Body.js +1 -1
  7. package/dist/commonjs/information-highlight/lib/parts/Heading.js +1 -1
  8. package/dist/commonjs/information-highlight/lib/parts/Link.js +1 -1
  9. package/dist/commonjs/loading-sparkles/lib/LoadingSparkles.js +3 -3
  10. package/dist/commonjs/multi-select/lib/MultiSelect.d.ts +13 -13
  11. package/dist/commonjs/multi-select/lib/MultiSelectCard.d.ts +4 -4
  12. package/dist/commonjs/multi-select/lib/MultiSelectInput.d.ts +7 -7
  13. package/dist/commonjs/multi-select/lib/MultiSelectInput.d.ts.map +1 -1
  14. package/dist/commonjs/multi-select/lib/MultiSelectInput.js +1 -1
  15. package/dist/commonjs/multi-select/lib/MultiSelectItem.d.ts +5 -5
  16. package/dist/commonjs/multi-select/lib/MultiSelectedItem.d.ts +4 -4
  17. package/dist/commonjs/multi-select/lib/MultiSelectedList.d.ts +2 -2
  18. package/dist/commonjs/multi-select/lib/useMultiSelectItemRemove.d.ts +2 -2
  19. package/dist/commonjs/multi-select/lib/useMultiSelectModel.d.ts +7 -7
  20. package/dist/commonjs/radio/lib/RadioGroup.js +3 -3
  21. package/dist/commonjs/radio/lib/RadioLabel.js +1 -1
  22. package/dist/commonjs/radio/lib/RadioText.js +4 -4
  23. package/dist/commonjs/radio/lib/StyledRadioButton.js +5 -5
  24. package/dist/commonjs/segmented-control/lib/SegmentedControl.d.ts +5 -5
  25. package/dist/commonjs/segmented-control/lib/SegmentedControlItem.d.ts +1 -1
  26. package/dist/commonjs/segmented-control/lib/SegmentedControlList.d.ts +2 -2
  27. package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlItem.d.ts +1 -1
  28. package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlModel.d.ts +5 -5
  29. package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlModel.js +1 -1
  30. package/dist/commonjs/status-indicator/lib/StatusIndicator.js +13 -13
  31. package/dist/commonjs/status-indicator/lib/StatusIndicatorLabel.js +1 -1
  32. package/dist/es6/divider/lib/Divider.d.ts +2 -2
  33. package/dist/es6/divider/lib/Divider.js +1 -1
  34. package/dist/es6/information-highlight/lib/InformationHighlight.d.ts +1 -1
  35. package/dist/es6/information-highlight/lib/InformationHighlight.d.ts.map +1 -1
  36. package/dist/es6/information-highlight/lib/InformationHighlight.js +7 -7
  37. package/dist/es6/information-highlight/lib/parts/Body.js +1 -1
  38. package/dist/es6/information-highlight/lib/parts/Heading.js +1 -1
  39. package/dist/es6/information-highlight/lib/parts/Link.js +1 -1
  40. package/dist/es6/loading-sparkles/lib/LoadingSparkles.js +3 -3
  41. package/dist/es6/multi-select/lib/MultiSelect.d.ts +13 -13
  42. package/dist/es6/multi-select/lib/MultiSelectCard.d.ts +4 -4
  43. package/dist/es6/multi-select/lib/MultiSelectInput.d.ts +7 -7
  44. package/dist/es6/multi-select/lib/MultiSelectInput.d.ts.map +1 -1
  45. package/dist/es6/multi-select/lib/MultiSelectInput.js +1 -1
  46. package/dist/es6/multi-select/lib/MultiSelectItem.d.ts +5 -5
  47. package/dist/es6/multi-select/lib/MultiSelectedItem.d.ts +4 -4
  48. package/dist/es6/multi-select/lib/MultiSelectedList.d.ts +2 -2
  49. package/dist/es6/multi-select/lib/useMultiSelectItemRemove.d.ts +2 -2
  50. package/dist/es6/multi-select/lib/useMultiSelectModel.d.ts +7 -7
  51. package/dist/es6/radio/lib/RadioGroup.js +3 -3
  52. package/dist/es6/radio/lib/RadioLabel.js +1 -1
  53. package/dist/es6/radio/lib/RadioText.js +4 -4
  54. package/dist/es6/radio/lib/StyledRadioButton.js +5 -5
  55. package/dist/es6/segmented-control/lib/SegmentedControl.d.ts +5 -5
  56. package/dist/es6/segmented-control/lib/SegmentedControlItem.d.ts +1 -1
  57. package/dist/es6/segmented-control/lib/SegmentedControlList.d.ts +2 -2
  58. package/dist/es6/segmented-control/lib/hooks/useSegmentedControlItem.d.ts +1 -1
  59. package/dist/es6/segmented-control/lib/hooks/useSegmentedControlModel.d.ts +5 -5
  60. package/dist/es6/segmented-control/lib/hooks/useSegmentedControlModel.js +1 -1
  61. package/dist/es6/status-indicator/lib/StatusIndicator.js +13 -13
  62. package/dist/es6/status-indicator/lib/StatusIndicatorLabel.js +1 -1
  63. package/package.json +4 -4
  64. package/segmented-control/lib/hooks/useSegmentedControlModel.tsx +1 -1
package/dist/commonjs/radio/lib/StyledRadioButton.js CHANGED
@@ -13,10 +13,10 @@ const RadioLabel_1 = require("./RadioLabel");
13
13
  const radioWidth = 18;
14
14
  const radioHeight = 18;
15
15
  const radioInputStencil = (0, canvas_kit_styling_1.createStencil)({
16
- base: { name: "nzjw6", styles: "box-sizing:border-box;cursor:pointer;height:1.125rem;width:1.125rem;border-radius:var(--cnvs-sys-shape-round);position:absolute;margin:var(--cnvs-sys-space-zero);&:focus-visible, &.focus, &:active{outline:transparent;}&:disabled, &.disabled{cursor:auto;+ .cnvs-radio-check{border-color:var(--cnvs-sys-color-border-input-disabled);background-color:var(--cnvs-sys-color-bg-alt-softer);}&:hover + .cnvs-radio-check, &.hover + .cnvs-radio-check{border-color:var(--cnvs-sys-color-border-input-disabled);}&:checked + .cnvs-radio-check, &.checked + .cnvs-radio-check{background-color:var(--cnvs-brand-primary-accent);border:0.3125rem solid var(--cnvs-brand-primary-base);}}+ .cnvs-radio-check{display:flex;flex-direction:column;align-items:center;background-color:var(--cnvs-sys-color-bg-default);border-radius:var(--cnvs-sys-shape-round);box-sizing:border-box;border:0.0625rem solid var(--cnvs-sys-color-border-input-default);height:1.125rem;width:1.125rem;justify-content:center;pointer-events:none;position:absolute;transition:border 200ms ease, background 200ms;opacity:var(--cnvs-sys-opacity-full);}&:hover + .cnvs-radio-check, &.hover + .cnvs-radio-check{border-color:var(--cnvs-sys-color-border-input-strong);}&:focus-visible + .cnvs-radio-check, &.focus + .cnvs-radio-check{border-color:var(--cnvs-sys-color-border-primary-default);box-shadow:0 0 0 0px var(--cnvs-sys-color-border-inverse), 0 0 0 1px var(--cnvs-brand-common-focus-outline);}&:focus-visible:hover + .cnvs-radio-check, &.focus:hover + .cnvs-radio-check{outline:transparent;}&:checked + .cnvs-radio-check, &.checked + .cnvs-radio-check{background-color:var(--cnvs-brand-primary-accent);border:0.3125rem solid var(--cnvs-brand-primary-base);}&:focus-visible:checked + .cnvs-radio-check, &:focus-visible:hover:checked + .cnvs-radio-check, &.focus:checked + .cnvs-radio-check, &.focus:hover:checked + .cnvs-radio-check{outline:transparent;box-shadow:0 0 0 2px var(--cnvs-sys-color-border-inverse), 0 0 0 4px var(--cnvs-brand-common-focus-outline);}" },
16
+ base: { name: "vvxc6", styles: "box-sizing:border-box;cursor:pointer;height:1.125rem;width:1.125rem;border-radius:var(--cnvs-sys-shape-round);position:absolute;margin:var(--cnvs-sys-space-zero);&:focus-visible, &.focus, &:active{outline:transparent;}&:disabled, &.disabled{cursor:auto;+ .cnvs-radio-check{border-color:var(--cnvs-sys-color-border-input-disabled);background-color:var(--cnvs-sys-color-bg-alt-softer);}&:hover + .cnvs-radio-check, &.hover + .cnvs-radio-check{border-color:var(--cnvs-sys-color-border-input-disabled);}&:checked + .cnvs-radio-check, &.checked + .cnvs-radio-check{background-color:var(--cnvs-brand-primary-accent);border:0.3125rem solid var(--cnvs-brand-primary-base);}}+ .cnvs-radio-check{display:flex;flex-direction:column;align-items:center;background-color:var(--cnvs-sys-color-bg-default);border-radius:var(--cnvs-sys-shape-round);box-sizing:border-box;border:0.0625rem solid var(--cnvs-sys-color-border-input-default);height:1.125rem;width:1.125rem;justify-content:center;pointer-events:none;position:absolute;transition:border 200ms ease, background 200ms;opacity:var(--cnvs-sys-opacity-full);}&:hover + .cnvs-radio-check, &.hover + .cnvs-radio-check{border-color:var(--cnvs-sys-color-border-input-strong);}&:focus-visible + .cnvs-radio-check, &.focus + .cnvs-radio-check{border-color:var(--cnvs-sys-color-border-primary-default);box-shadow:0 0 0 0px var(--cnvs-sys-color-border-inverse), 0 0 0 1px var(--cnvs-brand-common-focus-outline);}&:focus-visible:hover + .cnvs-radio-check, &.focus:hover + .cnvs-radio-check{outline:transparent;}&:checked + .cnvs-radio-check, &.checked + .cnvs-radio-check{background-color:var(--cnvs-brand-primary-accent);border:0.3125rem solid var(--cnvs-brand-primary-base);}&:focus-visible:checked + .cnvs-radio-check, &:focus-visible:hover:checked + .cnvs-radio-check, &.focus:checked + .cnvs-radio-check, &.focus:hover:checked + .cnvs-radio-check{outline:transparent;box-shadow:0 0 0 2px var(--cnvs-sys-color-border-inverse), 0 0 0 4px var(--cnvs-brand-common-focus-outline);}" },
17
17
  modifiers: {
18
18
  variant: {
19
- inverse: { name: "nzjw7", styles: "+ .cnvs-radio-check{background-color:var(--cnvs-sys-color-bg-alt-softer);border-color:var(--cnvs-sys-color-border-input-inverse);}&:disabled, &.disabled{opacity:var(--cnvs-sys-opacity-disabled);+ .cnvs-radio-check{background-color:var(--cnvs-sys-color-bg-alt-softer);border-color:var(--cnvs-sys-color-border-input-disabled);opacity:var(--cnvs-sys-opacity-disabled);}&:checked + .cnvs-radio-check, &.checked + .cnvs-radio-check{background-color:var(--cnvs-brand-primary-base);border-color:var(--cnvs-sys-color-border-inverse);}}&:hover + .cnvs-radio-check, &.hover + .cnvs-radio-check{border-color:var(--cnvs-sys-color-border-input-inverse);}&:focus-visible + .cnvs-radio-check, &.focus + .cnvs-radio-check{border-color:var(--cnvs-sys-color-border-input-inverse);}&:checked + .cnvs-radio-check, &.checked + .cnvs-radio-check{background-color:var(--cnvs-brand-primary-base);border-color:var(--cnvs-sys-color-border-inverse);}&:focus-visible + .cnvs-radio-check, &:focus-visible:hover + .cnvs-radio-check, &.focus + .cnvs-radio-check, &.focus:hover + .cnvs-radio-check{box-shadow:0 0 0 0px var(--cnvs-sys-color-border-contrast-default), 0 0 0 2px var(--cnvs-sys-color-border-inverse);}&:focus-visible:checked + .cnvs-radio-check, &:focus-visible:hover:checked + .cnvs-radio-check, &.focus:checked + .cnvs-radio-check, &.focus:hover:checked + .cnvs-radio-check{box-shadow:0 0 0 2px var(--cnvs-sys-color-border-contrast-default), 0 0 0 4px var(--cnvs-sys-color-border-inverse);}" }
19
+ inverse: { name: "vvxc7", styles: "+ .cnvs-radio-check{background-color:var(--cnvs-sys-color-bg-alt-softer);border-color:var(--cnvs-sys-color-border-input-inverse);}&:disabled, &.disabled{opacity:var(--cnvs-sys-opacity-disabled);+ .cnvs-radio-check{background-color:var(--cnvs-sys-color-bg-alt-softer);border-color:var(--cnvs-sys-color-border-input-disabled);opacity:var(--cnvs-sys-opacity-disabled);}&:checked + .cnvs-radio-check, &.checked + .cnvs-radio-check{background-color:var(--cnvs-brand-primary-base);border-color:var(--cnvs-sys-color-border-inverse);}}&:hover + .cnvs-radio-check, &.hover + .cnvs-radio-check{border-color:var(--cnvs-sys-color-border-input-inverse);}&:focus-visible + .cnvs-radio-check, &.focus + .cnvs-radio-check{border-color:var(--cnvs-sys-color-border-input-inverse);}&:checked + .cnvs-radio-check, &.checked + .cnvs-radio-check{background-color:var(--cnvs-brand-primary-base);border-color:var(--cnvs-sys-color-border-inverse);}&:focus-visible + .cnvs-radio-check, &:focus-visible:hover + .cnvs-radio-check, &.focus + .cnvs-radio-check, &.focus:hover + .cnvs-radio-check{box-shadow:0 0 0 0px var(--cnvs-sys-color-border-contrast-default), 0 0 0 2px var(--cnvs-sys-color-border-inverse);}&:focus-visible:checked + .cnvs-radio-check, &:focus-visible:hover:checked + .cnvs-radio-check, &.focus:checked + .cnvs-radio-check, &.focus:hover:checked + .cnvs-radio-check{box-shadow:0 0 0 2px var(--cnvs-sys-color-border-contrast-default), 0 0 0 4px var(--cnvs-sys-color-border-inverse);}" }
20
20
  }
21
21
  }
22
22
  }, "radio-input-f05aaa");
@@ -27,13 +27,13 @@ const StyledRadioInput = (0, common_1.createComponent)('input')({
27
27
  },
28
28
  });
29
29
  const radioInputWrapperStyles = (0, canvas_kit_styling_1.createStencil)({
30
- base: { name: "nzjw8", styles: "box-sizing:border-box;height:1.125rem;width:1.125rem;flex:0 0 auto;::before{content:'';position:absolute;border-radius:var(--cnvs-sys-shape-round);height:1.125rem;transition:box-shadow 150ms ease-out;width:1.125rem;pointer-events:none;opacity:var(--cnvs-sys-opacity-full);}&:hover:before, &.hover:before{box-shadow:0 0 0 calc(var(--cnvs-sys-space-x2) - 0.0625rem) var(--cnvs-sys-color-bg-alt-soft);}" },
30
+ base: { name: "vvxc8", styles: "box-sizing:border-box;height:1.125rem;width:1.125rem;flex:0 0 auto;::before{content:'';position:absolute;border-radius:var(--cnvs-sys-shape-round);height:1.125rem;transition:box-shadow 150ms ease-out;width:1.125rem;pointer-events:none;opacity:var(--cnvs-sys-opacity-full);}&:hover:before, &.hover:before{box-shadow:0 0 0 calc(var(--cnvs-sys-space-x2) - 0.0625rem) var(--cnvs-sys-color-bg-alt-soft);}" },
31
31
  modifiers: {
32
32
  variant: {
33
- inverse: { name: "nzjw9", styles: "::before{opacity:var(--cnvs-sys-opacity-disabled);}" }
33
+ inverse: { name: "vvxc9", styles: "::before{opacity:var(--cnvs-sys-opacity-disabled);}" }
34
34
  },
35
35
  disabled: {
36
- true: { name: "nzjwa", styles: "&:hover:before, &.hover:before{box-shadow:none;cursor:auto;}" }
36
+ true: { name: "vvxca", styles: "&:hover:before, &.hover:before{box-shadow:none;cursor:auto;}" }
37
37
  }
38
38
  }
39
39
  }, "radio-input-wrapper-styles-fce2c4");
package/dist/commonjs/segmented-control/lib/SegmentedControl.d.ts CHANGED
@@ -483,7 +483,7 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
483
483
  items: import("@workday/canvas-kit-react/collection").Item<any>[];
484
484
  }) => void) | undefined;
485
485
  onRegisterItem?: ((data: {
486
- item: any;
486
+ id: string;
487
487
  textValue: string;
488
488
  }, prevState: {
489
489
  disabled: boolean;
@@ -1012,7 +1012,7 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
1012
1012
  items: import("@workday/canvas-kit-react/collection").Item<any>[];
1013
1013
  }) => boolean) | undefined;
1014
1014
  shouldRegisterItem?: ((data: {
1015
- item: any;
1015
+ id: string;
1016
1016
  textValue: string;
1017
1017
  }, state: {
1018
1018
  disabled: boolean;
@@ -1153,7 +1153,7 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
1153
1153
  goToNextPage(): void;
1154
1154
  goToPreviousPage(): void;
1155
1155
  registerItem(data: {
1156
- item: any;
1156
+ id: string;
1157
1157
  textValue: string;
1158
1158
  }): void;
1159
1159
  unregisterItem(data: {
@@ -1229,7 +1229,7 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
1229
1229
  goToNextPage(): void;
1230
1230
  goToPreviousPage(): void;
1231
1231
  registerItem(data: {
1232
- item: any;
1232
+ id: string;
1233
1233
  textValue: string;
1234
1234
  }): void;
1235
1235
  unregisterItem(data: {
@@ -1305,7 +1305,7 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
1305
1305
  goToNextPage(): void;
1306
1306
  goToPreviousPage(): void;
1307
1307
  registerItem(data: {
1308
- item: any;
1308
+ id: string;
1309
1309
  textValue: string;
1310
1310
  }): void;
1311
1311
  unregisterItem(data: {
package/dist/commonjs/segmented-control/lib/SegmentedControlItem.d.ts CHANGED
@@ -100,7 +100,7 @@ export declare const SegmentedControlItem: import("@workday/canvas-kit-react/com
100
100
  goToNextPage(): void;
101
101
  goToPreviousPage(): void;
102
102
  registerItem(data: {
103
- item: any;
103
+ id: string;
104
104
  textValue: string;
105
105
  }): void;
106
106
  unregisterItem(data: {
package/dist/commonjs/segmented-control/lib/SegmentedControlList.d.ts CHANGED
@@ -59,7 +59,7 @@ export declare const useSegmentedControlList: import("@workday/canvas-kit-react/
59
59
  goToNextPage(): void;
60
60
  goToPreviousPage(): void;
61
61
  registerItem(data: {
62
- item: any;
62
+ id: string;
63
63
  textValue: string;
64
64
  }): void;
65
65
  unregisterItem(data: {
@@ -130,7 +130,7 @@ export declare const SegmentedControlList: import("@workday/canvas-kit-react/com
130
130
  goToNextPage(): void;
131
131
  goToPreviousPage(): void;
132
132
  registerItem(data: {
133
- item: any;
133
+ id: string;
134
134
  textValue: string;
135
135
  }): void;
136
136
  unregisterItem(data: {
package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlItem.d.ts CHANGED
@@ -51,7 +51,7 @@ export declare const useSegmentedControlItem: import("@workday/canvas-kit-react/
51
51
  goToNextPage(): void;
52
52
  goToPreviousPage(): void;
53
53
  registerItem(data: {
54
- item: any;
54
+ id: string;
55
55
  textValue: string;
56
56
  }): void;
57
57
  unregisterItem(data: {
package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlModel.d.ts CHANGED
@@ -481,7 +481,7 @@ export declare const useSegmentedControlModel: (<TT_Special_Generic>(config?: (P
481
481
  items: import("@workday/canvas-kit-react/collection").Item<any>[];
482
482
  }) => void) | undefined;
483
483
  onRegisterItem?: ((data: {
484
- item: any;
484
+ id: string;
485
485
  textValue: string;
486
486
  }, prevState: {
487
487
  disabled: boolean;
@@ -1010,7 +1010,7 @@ export declare const useSegmentedControlModel: (<TT_Special_Generic>(config?: (P
1010
1010
  items: import("@workday/canvas-kit-react/collection").Item<any>[];
1011
1011
  }) => boolean) | undefined;
1012
1012
  shouldRegisterItem?: ((data: {
1013
- item: any;
1013
+ id: string;
1014
1014
  textValue: string;
1015
1015
  }, state: {
1016
1016
  disabled: boolean;
@@ -1151,7 +1151,7 @@ export declare const useSegmentedControlModel: (<TT_Special_Generic>(config?: (P
1151
1151
  goToNextPage(): void;
1152
1152
  goToPreviousPage(): void;
1153
1153
  registerItem(data: {
1154
- item: any;
1154
+ id: string;
1155
1155
  textValue: string;
1156
1156
  }): void;
1157
1157
  unregisterItem(data: {
@@ -1256,7 +1256,7 @@ export declare const useSegmentedControlModel: (<TT_Special_Generic>(config?: (P
1256
1256
  goToNextPage(): void;
1257
1257
  goToPreviousPage(): void;
1258
1258
  registerItem(data: {
1259
- item: any;
1259
+ id: string;
1260
1260
  textValue: string;
1261
1261
  }): void;
1262
1262
  unregisterItem(data: {
@@ -1319,7 +1319,7 @@ export declare const useSegmentedControlModel: (<TT_Special_Generic>(config?: (P
1319
1319
  goToNextPage(): void;
1320
1320
  goToPreviousPage(): void;
1321
1321
  registerItem(data: {
1322
- item: any;
1322
+ id: string;
1323
1323
  textValue: string;
1324
1324
  }): void;
1325
1325
  unregisterItem(data: {
package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlModel.js CHANGED
@@ -48,7 +48,7 @@ exports.useSegmentedControlModel = (0, common_1.createModelHook)({
48
48
  items,
49
49
  onRegisterItem(data) {
50
50
  if (!initialSelectedRef.current) {
51
- initialSelectedRef.current = getId(data.item);
51
+ initialSelectedRef.current = data.id;
52
52
  events.select({ id: initialSelectedRef.current });
53
53
  }
54
54
  },
package/dist/commonjs/status-indicator/lib/StatusIndicator.js CHANGED
@@ -13,31 +13,31 @@ const icon_1 = require("@workday/canvas-kit-react/icon");
13
13
  const StatusIndicatorIcon_1 = require("./StatusIndicatorIcon");
14
14
  const StatusIndicatorLabel_1 = require("./StatusIndicatorLabel");
15
15
  const statusIndicatorStencil = (0, canvas_kit_styling_1.createStencil)({
16
- base: { name: "nzjw1g", 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);outline:0.0625rem solid transparent;" },
16
+ base: { name: "vvxc1g", 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);outline:0.0625rem solid transparent;" },
17
17
  modifiers: {
18
18
  gray: {
19
- high: { name: "nzjw1k", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-212f69:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-static-gray-default);" },
20
- low: { name: "nzjw1l", styles: "color:var(--cnvs-sys-color-static-gray-strong);--color-system-icon-212f69:var(--cnvs-sys-color-static-gray-strong);background:var(--cnvs-sys-color-static-gray-soft);" }
19
+ high: { name: "vvxc1k", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-212f69:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-static-gray-default);" },
20
+ low: { name: "vvxc1l", styles: "color:var(--cnvs-sys-color-static-gray-strong);--color-system-icon-212f69:var(--cnvs-sys-color-static-gray-strong);background:var(--cnvs-sys-color-static-gray-soft);" }
21
21
  },
22
22
  orange: {
23
- high: { name: "nzjw1m", styles: "color:var(--cnvs-sys-color-static-gray-stronger);--color-system-icon-212f69:var(--cnvs-sys-color-static-gray-stronger);background:var(--cnvs-sys-color-static-orange-default);" },
24
- low: { name: "nzjw1n", styles: "color:var(--cnvs-sys-color-static-gold-stronger);--color-system-icon-212f69:var(--cnvs-sys-color-static-gold-stronger);background:var(--cnvs-sys-color-static-orange-soft);" }
23
+ high: { name: "vvxc1m", styles: "color:var(--cnvs-sys-color-static-gray-stronger);--color-system-icon-212f69:var(--cnvs-sys-color-static-gray-stronger);background:var(--cnvs-sys-color-static-orange-default);" },
24
+ low: { name: "vvxc1n", styles: "color:var(--cnvs-sys-color-static-gold-stronger);--color-system-icon-212f69:var(--cnvs-sys-color-static-gold-stronger);background:var(--cnvs-sys-color-static-orange-soft);" }
25
25
  },
26
26
  blue: {
27
- high: { name: "nzjw1o", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-212f69:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-static-blue-default);" },
28
- low: { name: "nzjw1p", styles: "color:var(--cnvs-sys-color-static-blue-strong);--color-system-icon-212f69:var(--cnvs-sys-color-static-blue-strong);background:var(--cnvs-sys-color-static-blue-soft);" }
27
+ high: { name: "vvxc1o", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-212f69:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-static-blue-default);" },
28
+ low: { name: "vvxc1p", styles: "color:var(--cnvs-sys-color-static-blue-strong);--color-system-icon-212f69:var(--cnvs-sys-color-static-blue-strong);background:var(--cnvs-sys-color-static-blue-soft);" }
29
29
  },
30
30
  green: {
31
- high: { name: "nzjw1q", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-212f69:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-static-green-strong);" },
32
- low: { name: "nzjw1r", styles: "color:var(--cnvs-sys-color-static-green-strong);--color-system-icon-212f69:var(--cnvs-sys-color-static-green-strong);background:var(--cnvs-sys-color-static-green-soft);" }
31
+ high: { name: "vvxc1q", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-212f69:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-static-green-strong);" },
32
+ low: { name: "vvxc1r", styles: "color:var(--cnvs-sys-color-static-green-strong);--color-system-icon-212f69:var(--cnvs-sys-color-static-green-strong);background:var(--cnvs-sys-color-static-green-soft);" }
33
33
  },
34
34
  red: {
35
- high: { name: "nzjw1s", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-212f69:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-static-red-default);" },
36
- low: { name: "nzjw1t", styles: "color:var(--cnvs-sys-color-static-red-strong);--color-system-icon-212f69:var(--cnvs-sys-color-static-red-strong);background:var(--cnvs-sys-color-static-red-soft);" }
35
+ high: { name: "vvxc1s", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-212f69:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-static-red-default);" },
36
+ low: { name: "vvxc1t", styles: "color:var(--cnvs-sys-color-static-red-strong);--color-system-icon-212f69:var(--cnvs-sys-color-static-red-strong);background:var(--cnvs-sys-color-static-red-soft);" }
37
37
  },
38
38
  transparent: {
39
- high: { name: "nzjw1u", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-212f69:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-bg-translucent);" },
40
- low: { name: "nzjw1v", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-212f69:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-bg-translucent);" }
39
+ high: { name: "vvxc1u", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-212f69:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-bg-translucent);" },
40
+ low: { name: "vvxc1v", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-212f69: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
@@ -12,7 +12,7 @@ const layout_1 = require("@workday/canvas-kit-react/layout");
12
12
  const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
13
13
  const statusIndicatorLabelStencil = (0, canvas_kit_styling_1.createStencil)({
14
14
  extends: text_1.textStencil,
15
- base: { name: "nzjw1f", styles: "box-sizing:border-box;font-weight:var(--cnvs-sys-font-weight-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;color:inherit;" },
15
+ base: { name: "vvxc1f", styles: "box-sizing:border-box;font-weight:var(--cnvs-sys-font-weight-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;color:inherit;" },
16
16
  defaultModifiers: { typeLevel: 'subtext.large' }
17
17
  }, "status-indicator-label-fbd39a");
18
18
  exports.StatusIndicatorLabel = (0, common_1.createComponent)('span')({
package/dist/es6/divider/lib/Divider.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { CSProps } from '@workday/canvas-kit-styling';
2
- export declare const dividerStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{
2
+ export declare const dividerStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
3
3
  space: string;
4
- }, never>, {
4
+ }, never>, {}, {
5
5
  space: string;
6
6
  }, never, never>;
7
7
  export interface DividerProps extends CSProps {
package/dist/es6/divider/lib/Divider.js CHANGED
@@ -6,7 +6,7 @@ export const dividerStencil = createStencil({
6
6
  vars: {
7
7
  space: cssVar(system.space.x4),
8
8
  },
9
- base: { name: "xrlq2", styles: "--space-divider-156e29:var(--cnvs-sys-space-x4);box-sizing:border-box;display:block;height:0.0625rem;border:none;border-top:1px solid var(--cnvs-sys-color-border-divider);margin:calc(var(--space-divider-156e29) / 2) 0;" }
9
+ base: { name: "l6ud2", styles: "--space-divider-156e29:var(--cnvs-sys-space-x4);box-sizing:border-box;display:block;height:0.0625rem;border:none;border-top:1px solid var(--cnvs-sys-color-border-divider);margin:calc(var(--space-divider-156e29) / 2) 0;" }
10
10
  }, "divider-156e29");
11
11
  /**
12
12
  * # Divider
package/dist/es6/information-highlight/lib/InformationHighlight.d.ts CHANGED
@@ -50,7 +50,7 @@ export declare const informationHighlightStencil: import("@workday/canvas-kit-st
50
50
  };
51
51
  };
52
52
  };
53
- }, {}, never, never>;
53
+ }, {}, {}, never, never>;
54
54
  export declare const InformationHighlight: import("@workday/canvas-kit-react/common").ElementComponentM<"section", InformationHighlightProps & Partial<{
55
55
  variant: "informational" | "caution" | "critical";
56
56
  emphasis: "high" | "low";
package/dist/es6/information-highlight/lib/InformationHighlight.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"InformationHighlight.d.ts","sourceRoot":"","sources":["../../../../information-highlight/lib/InformationHighlight.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAsC,OAAO,EAAS,MAAM,6BAA6B,CAAC;AAUjG,UAAU,yBAA0B,SAAQ,OAAO;CAAG;AAEtD,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAoFtC,CAAC;AAEH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;CAkB/B,CAAC"}
1
+ {"version":3,"file":"InformationHighlight.d.ts","sourceRoot":"","sources":["../../../../information-highlight/lib/InformationHighlight.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAsC,OAAO,EAAS,MAAM,6BAA6B,CAAC;AAUjG,UAAU,yBAA0B,SAAQ,OAAO;CAAG;AAEtD,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAoFtC,CAAC;AAEH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;CAkB/B,CAAC"}
package/dist/es6/information-highlight/lib/InformationHighlight.js CHANGED
@@ -9,19 +9,19 @@ import { Link } from './parts/Link';
9
9
  import { useInformationHighlightModel } from './hooks/useInformationHighlightModel';
10
10
  import { systemIconStencil } from '@workday/canvas-kit-react/icon';
11
11
  export const informationHighlightStencil = createStencil({
12
- base: { name: "xrlq1z", styles: "box-sizing:border-box;display:grid;grid-template-columns:min-content;column-gap:var(--cnvs-sys-space-x4);row-gap:var(--cnvs-sys-space-x2);padding:var(--cnvs-sys-space-x4);border-radius:var(--cnvs-sys-shape-x1);outline:0.0625rem solid transparent;" },
12
+ base: { name: "l6ud1z", styles: "box-sizing:border-box;display:grid;grid-template-columns:min-content;column-gap:var(--cnvs-sys-space-x4);row-gap:var(--cnvs-sys-space-x2);padding:var(--cnvs-sys-space-x4);border-radius:var(--cnvs-sys-shape-x1);outline:0.0625rem solid transparent;" },
13
13
  modifiers: {
14
14
  informational: {
15
- low: { name: "xrlq20", styles: "border-inline-start:solid var(--cnvs-sys-space-x1) var(--cnvs-sys-color-bg-primary-default);background-color:var(--cnvs-sys-color-bg-alt-soft);& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-212f69:var(--cnvs-sys-color-bg-primary-default);--color-system-icon-212f69:var(--cnvs-sys-color-bg-primary-default);--backgroundColor-system-icon-212f69:none;}" },
16
- high: { name: "xrlq21", styles: "border-inline-start:solid var(--cnvs-sys-space-x1) var(--cnvs-sys-color-bg-primary-default);background-color:var(--cnvs-base-palette-blueberry-100);& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-212f69:var(--cnvs-sys-color-icon-inverse);--color-system-icon-212f69:var(--cnvs-sys-color-bg-primary-default);--backgroundColor-system-icon-212f69:var(--cnvs-sys-color-bg-primary-default);}" }
15
+ low: { name: "l6ud20", styles: "border-inline-start:solid var(--cnvs-sys-space-x1) var(--cnvs-sys-color-bg-primary-default);background-color:var(--cnvs-sys-color-bg-alt-soft);& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-212f69:var(--cnvs-sys-color-bg-primary-default);--color-system-icon-212f69:var(--cnvs-sys-color-bg-primary-default);--backgroundColor-system-icon-212f69:none;}" },
16
+ high: { name: "l6ud21", styles: "border-inline-start:solid var(--cnvs-sys-space-x1) var(--cnvs-sys-color-bg-primary-default);background-color:var(--cnvs-base-palette-blueberry-100);& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-212f69:var(--cnvs-sys-color-icon-inverse);--color-system-icon-212f69:var(--cnvs-sys-color-bg-primary-default);--backgroundColor-system-icon-212f69:var(--cnvs-sys-color-bg-primary-default);}" }
17
17
  },
18
18
  caution: {
19
- low: { name: "xrlq22", styles: "border-inline-start:solid var(--cnvs-sys-space-x1) var(--cnvs-sys-color-border-caution-default);background-color:var(--cnvs-sys-color-bg-alt-soft);& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-212f69:var(--cnvs-sys-color-fg-contrast-default);--color-system-icon-212f69:var(--cnvs-sys-color-fg-contrast-default);--backgroundColor-system-icon-212f69:none;}" },
20
- high: { name: "xrlq23", styles: "border-inline-start:solid var(--cnvs-sys-space-x1) var(--cnvs-sys-color-border-caution-default);background-color:var(--cnvs-base-palette-sour-lemon-100);& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-212f69:var(--cnvs-sys-color-icon-inverse);--color-system-icon-212f69:var(--cnvs-sys-color-fg-contrast-default);--backgroundColor-system-icon-212f69:var(--cnvs-sys-color-fg-contrast-default);}" }
19
+ low: { name: "l6ud22", styles: "border-inline-start:solid var(--cnvs-sys-space-x1) var(--cnvs-sys-color-border-caution-default);background-color:var(--cnvs-sys-color-bg-alt-soft);& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-212f69:var(--cnvs-sys-color-fg-contrast-default);--color-system-icon-212f69:var(--cnvs-sys-color-fg-contrast-default);--backgroundColor-system-icon-212f69:none;}" },
20
+ high: { name: "l6ud23", styles: "border-inline-start:solid var(--cnvs-sys-space-x1) var(--cnvs-sys-color-border-caution-default);background-color:var(--cnvs-base-palette-sour-lemon-100);& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-212f69:var(--cnvs-sys-color-icon-inverse);--color-system-icon-212f69:var(--cnvs-sys-color-fg-contrast-default);--backgroundColor-system-icon-212f69:var(--cnvs-sys-color-fg-contrast-default);}" }
21
21
  },
22
22
  critical: {
23
- low: { name: "xrlq24", styles: "border-inline-start:solid var(--cnvs-sys-space-x1) var(--cnvs-sys-color-border-critical-default);background-color:var(--cnvs-sys-color-bg-alt-soft);& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-212f69:var(--cnvs-sys-color-bg-critical-default);--color-system-icon-212f69:var(--cnvs-sys-color-bg-critical-default);--backgroundColor-system-icon-212f69:none;}" },
24
- high: { name: "xrlq25", styles: "border-inline-start:solid var(--cnvs-sys-space-x1) var(--cnvs-sys-color-border-critical-default);background-color:var(--cnvs-base-palette-peach-100);& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-212f69:var(--cnvs-sys-color-icon-inverse);--color-system-icon-212f69:var(--cnvs-sys-color-bg-critical-default);--backgroundColor-system-icon-212f69:var(--cnvs-sys-color-bg-critical-default);}" }
23
+ low: { name: "l6ud24", styles: "border-inline-start:solid var(--cnvs-sys-space-x1) var(--cnvs-sys-color-border-critical-default);background-color:var(--cnvs-sys-color-bg-alt-soft);& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-212f69:var(--cnvs-sys-color-bg-critical-default);--color-system-icon-212f69:var(--cnvs-sys-color-bg-critical-default);--backgroundColor-system-icon-212f69:none;}" },
24
+ high: { name: "l6ud25", styles: "border-inline-start:solid var(--cnvs-sys-space-x1) var(--cnvs-sys-color-border-critical-default);background-color:var(--cnvs-base-palette-peach-100);& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-212f69:var(--cnvs-sys-color-icon-inverse);--color-system-icon-212f69:var(--cnvs-sys-color-bg-critical-default);--backgroundColor-system-icon-212f69:var(--cnvs-sys-color-bg-critical-default);}" }
25
25
  }
26
26
  }
27
27
  }, "information-highlight-7cbb61");
package/dist/es6/information-highlight/lib/parts/Body.js CHANGED
@@ -4,7 +4,7 @@ import { createStencil, cssVar, handleCsProp } from '@workday/canvas-kit-styling
4
4
  import { system } from '@workday/canvas-tokens-web';
5
5
  import { Text } from '@workday/canvas-kit-react/text';
6
6
  const informationHighlightBodyStencil = createStencil({
7
- base: { name: "xrlq1x", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-subtext-large);font-size:var(--cnvs-sys-font-size-subtext-large);letter-spacing:var(--cnvs-base-letter-spacing-150);color:var(--cnvs-sys-color-text-strong);grid-column:2;margin:0 0 var(--cnvs-sys-space-x2) 0;" }
7
+ base: { name: "l6ud1x", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-subtext-large);font-size:var(--cnvs-sys-font-size-subtext-large);letter-spacing:var(--cnvs-base-letter-spacing-150);color:var(--cnvs-sys-color-text-strong);grid-column:2;margin:0 0 var(--cnvs-sys-space-x2) 0;" }
8
8
  }, "information-highlight-body-772923");
9
9
  export const Body = createComponent('p')({
10
10
  displayName: 'Body',
package/dist/es6/information-highlight/lib/parts/Heading.js CHANGED
@@ -4,7 +4,7 @@ import { createStencil, handleCsProp } from '@workday/canvas-kit-styling';
4
4
  import { system } from '@workday/canvas-tokens-web';
5
5
  import { Heading } from '@workday/canvas-kit-react/text';
6
6
  const informationHighlightHeadingStencil = createStencil({
7
- base: { name: "xrlq1w", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-body-small);font-size:var(--cnvs-sys-font-size-body-small);letter-spacing:var(--cnvs-base-letter-spacing-200);color:var(--cnvs-sys-color-text-strong);grid-column:2;margin-top:var(--cnvs-sys-space-zero);margin-bottom:var(--cnvs-sys-space-zero);" }
7
+ base: { name: "l6ud1w", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-body-small);font-size:var(--cnvs-sys-font-size-body-small);letter-spacing:var(--cnvs-base-letter-spacing-200);color:var(--cnvs-sys-color-text-strong);grid-column:2;margin-top:var(--cnvs-sys-space-zero);margin-bottom:var(--cnvs-sys-space-zero);" }
8
8
  }, "information-highlight-heading-142e5f");
9
9
  export const InformationHighlightHeading = createComponent('h3')({
10
10
  displayName: 'Heading',
package/dist/es6/information-highlight/lib/parts/Link.js CHANGED
@@ -4,7 +4,7 @@ import { createComponent } from '@workday/canvas-kit-react/common';
4
4
  import { createStencil, handleCsProp } from '@workday/canvas-kit-styling';
5
5
  import { system } from '@workday/canvas-tokens-web';
6
6
  const informationHighlightLinkStencil = createStencil({
7
- base: { name: "xrlq1y", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-subtext-large);font-size:var(--cnvs-sys-font-size-subtext-large);letter-spacing:var(--cnvs-base-letter-spacing-150);grid-column:2;justify-self:start;color:var(--cnvs-sys-color-text-strong);" }
7
+ base: { name: "l6ud1y", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-subtext-large);font-size:var(--cnvs-sys-font-size-subtext-large);letter-spacing:var(--cnvs-base-letter-spacing-150);grid-column:2;justify-self:start;color:var(--cnvs-sys-color-text-strong);" }
8
8
  }, "information-highlight-link-5ac480");
9
9
  export const Link = createComponent('a')({
10
10
  displayName: 'Link',
package/dist/es6/loading-sparkles/lib/LoadingSparkles.js CHANGED
@@ -23,15 +23,15 @@ const AI_COLORS = {
23
23
  /**
24
24
  * The animation for the sparkle.
25
25
  */
26
- const LOADING_ANIMATION = keyframes({ name: "xrlq3", styles: "0%, 79%, 100%{opacity:0.2;transform:scale(0.55);}27%{opacity:1;transform:scale(1);}53%{opacity:0.6;transform:scale(0.7);}" });
27
- const loadingSparklesIconStyles = createStyles({ name: "xrlq4", styles: "animation-duration:1230ms;animation-fill-mode:both;animation-iteration-count:infinite;animation-name:animation-xrlq3;animation-timing-function:ease-in-out;.wd-sparkle-fill{fill:#8C17D2;}&:nth-child(1){animation-delay:0ms;}&:nth-child(2){animation-delay:calc(1230ms * (1/3));}&:nth-child(3){animation-delay:calc(1230ms * (2/3));}@media (prefers-contrast: more){.wd-sparkle-fill{color:currentColor;fill:currentColor;}}" });
26
+ const LOADING_ANIMATION = keyframes({ name: "l6ud3", styles: "0%, 79%, 100%{opacity:0.2;transform:scale(0.55);}27%{opacity:1;transform:scale(1);}53%{opacity:0.6;transform:scale(0.7);}" });
27
+ const loadingSparklesIconStyles = createStyles({ name: "l6ud4", styles: "animation-duration:1230ms;animation-fill-mode:both;animation-iteration-count:infinite;animation-name:animation-l6ud3;animation-timing-function:ease-in-out;.wd-sparkle-fill{fill:#8C17D2;}&:nth-child(1){animation-delay:0ms;}&:nth-child(2){animation-delay:calc(1230ms * (1/3));}&:nth-child(3){animation-delay:calc(1230ms * (2/3));}@media (prefers-contrast: more){.wd-sparkle-fill{color:currentColor;fill:currentColor;}}" });
28
28
  /**
29
29
  * An individual loading sparkle. ✨
30
30
  */
31
31
  const Sparkle = () => {
32
32
  return (React.createElement(SystemIcon, { icon: sparkleIcon, cs: [loadingSparklesIconStyles], size: cssVar(system.space.x3) }));
33
33
  };
34
- const loadingSparklesStyles = createStyles({ name: "xrlq5", styles: "display:inline-flex;gap:0.0625rem;" });
34
+ const loadingSparklesStyles = createStyles({ name: "l6ud5", styles: "display:inline-flex;gap:0.0625rem;" });
35
35
  /**
36
36
  * A simple component that displays three horizontal sparkles, to be used when an AI operation is in progress.
37
37
  */
package/dist/es6/multi-select/lib/MultiSelect.d.ts CHANGED
@@ -736,7 +736,7 @@ export declare const MultiSelect: import("@workday/canvas-kit-react/common").Com
736
736
  width: number;
737
737
  }) => void) | undefined;
738
738
  onRegisterItem?: ((data: {
739
- item: any;
739
+ id: string;
740
740
  textValue: string;
741
741
  }, prevState: {
742
742
  stackRef: React.RefObject<HTMLDivElement>;
@@ -1559,7 +1559,7 @@ export declare const MultiSelect: import("@workday/canvas-kit-react/common").Com
1559
1559
  width: number;
1560
1560
  }) => boolean) | undefined;
1561
1561
  shouldRegisterItem?: ((data: {
1562
- item: any;
1562
+ id: string;
1563
1563
  textValue: string;
1564
1564
  }, state: {
1565
1565
  stackRef: React.RefObject<HTMLDivElement>;
@@ -1738,7 +1738,7 @@ export declare const MultiSelect: import("@workday/canvas-kit-react/common").Com
1738
1738
  goToNextPage(): void;
1739
1739
  goToPreviousPage(): void;
1740
1740
  registerItem(data: {
1741
- item: any;
1741
+ id: string;
1742
1742
  textValue: string;
1743
1743
  }): void;
1744
1744
  unregisterItem(data: {
@@ -1805,7 +1805,7 @@ export declare const MultiSelect: import("@workday/canvas-kit-react/common").Com
1805
1805
  goToNextPage(): void;
1806
1806
  goToPreviousPage(): void;
1807
1807
  registerItem(data: {
1808
- item: any;
1808
+ id: string;
1809
1809
  textValue: string;
1810
1810
  }): void;
1811
1811
  unregisterItem(data: {
@@ -1890,7 +1890,7 @@ export declare const MultiSelect: import("@workday/canvas-kit-react/common").Com
1890
1890
  goToNextPage(): void;
1891
1891
  goToPreviousPage(): void;
1892
1892
  registerItem(data: {
1893
- item: any;
1893
+ id: string;
1894
1894
  textValue: string;
1895
1895
  }): void;
1896
1896
  unregisterItem(data: {
@@ -1957,7 +1957,7 @@ export declare const MultiSelect: import("@workday/canvas-kit-react/common").Com
1957
1957
  goToNextPage(): void;
1958
1958
  goToPreviousPage(): void;
1959
1959
  registerItem(data: {
1960
- item: any;
1960
+ id: string;
1961
1961
  textValue: string;
1962
1962
  }): void;
1963
1963
  unregisterItem(data: {
@@ -2042,7 +2042,7 @@ export declare const MultiSelect: import("@workday/canvas-kit-react/common").Com
2042
2042
  goToNextPage(): void;
2043
2043
  goToPreviousPage(): void;
2044
2044
  registerItem(data: {
2045
- item: any;
2045
+ id: string;
2046
2046
  textValue: string;
2047
2047
  }): void;
2048
2048
  unregisterItem(data: {
@@ -2109,7 +2109,7 @@ export declare const MultiSelect: import("@workday/canvas-kit-react/common").Com
2109
2109
  goToNextPage(): void;
2110
2110
  goToPreviousPage(): void;
2111
2111
  registerItem(data: {
2112
- item: any;
2112
+ id: string;
2113
2113
  textValue: string;
2114
2114
  }): void;
2115
2115
  unregisterItem(data: {
@@ -2188,7 +2188,7 @@ export declare const MultiSelect: import("@workday/canvas-kit-react/common").Com
2188
2188
  goToNextPage(): void;
2189
2189
  goToPreviousPage(): void;
2190
2190
  registerItem(data: {
2191
- item: any;
2191
+ id: string;
2192
2192
  textValue: string;
2193
2193
  }): void;
2194
2194
  unregisterItem(data: {
@@ -2270,7 +2270,7 @@ export declare const MultiSelect: import("@workday/canvas-kit-react/common").Com
2270
2270
  goToNextPage(): void;
2271
2271
  goToPreviousPage(): void;
2272
2272
  registerItem(data: {
2273
- item: any;
2273
+ id: string;
2274
2274
  textValue: string;
2275
2275
  }): void;
2276
2276
  unregisterItem(data: {
@@ -2337,7 +2337,7 @@ export declare const MultiSelect: import("@workday/canvas-kit-react/common").Com
2337
2337
  goToNextPage(): void;
2338
2338
  goToPreviousPage(): void;
2339
2339
  registerItem(data: {
2340
- item: any;
2340
+ id: string;
2341
2341
  textValue: string;
2342
2342
  }): void;
2343
2343
  unregisterItem(data: {
@@ -2420,7 +2420,7 @@ export declare const MultiSelect: import("@workday/canvas-kit-react/common").Com
2420
2420
  goToNextPage(): void;
2421
2421
  goToPreviousPage(): void;
2422
2422
  registerItem(data: {
2423
- item: any;
2423
+ id: string;
2424
2424
  textValue: string;
2425
2425
  }): void;
2426
2426
  unregisterItem(data: {
@@ -2500,7 +2500,7 @@ export declare const MultiSelect: import("@workday/canvas-kit-react/common").Com
2500
2500
  goToNextPage(): void;
2501
2501
  goToPreviousPage(): void;
2502
2502
  registerItem(data: {
2503
- item: any;
2503
+ id: string;
2504
2504
  textValue: string;
2505
2505
  }): void;
2506
2506
  unregisterItem(data: {
package/dist/es6/multi-select/lib/MultiSelectCard.d.ts CHANGED
@@ -75,7 +75,7 @@ export declare const useMultiSelectCard: import("@workday/canvas-kit-react/commo
75
75
  goToNextPage(): void;
76
76
  goToPreviousPage(): void;
77
77
  registerItem(data: {
78
- item: any;
78
+ id: string;
79
79
  textValue: string;
80
80
  }): void;
81
81
  unregisterItem(data: {
@@ -142,7 +142,7 @@ export declare const useMultiSelectCard: import("@workday/canvas-kit-react/commo
142
142
  goToNextPage(): void;
143
143
  goToPreviousPage(): void;
144
144
  registerItem(data: {
145
- item: any;
145
+ id: string;
146
146
  textValue: string;
147
147
  }): void;
148
148
  unregisterItem(data: {
@@ -227,7 +227,7 @@ export declare const MultiSelectCard: import("@workday/canvas-kit-react/common")
227
227
  goToNextPage(): void;
228
228
  goToPreviousPage(): void;
229
229
  registerItem(data: {
230
- item: any;
230
+ id: string;
231
231
  textValue: string;
232
232
  }): void;
233
233
  unregisterItem(data: {
@@ -294,7 +294,7 @@ export declare const MultiSelectCard: import("@workday/canvas-kit-react/common")
294
294
  goToNextPage(): void;
295
295
  goToPreviousPage(): void;
296
296
  registerItem(data: {
297
- item: any;
297
+ id: string;
298
298
  textValue: string;
299
299
  }): void;
300
300
  unregisterItem(data: {
package/dist/es6/multi-select/lib/MultiSelectInput.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { CSProps } from '@workday/canvas-kit-styling';
3
3
  import { MultiSelectedItemProps } from './MultiSelectedItem';
4
- export declare const multiSelectStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, never>, {}, never, never>;
4
+ export declare const multiSelectStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, never>, {}, {}, never, never>;
5
5
  export declare const useMultiSelectInput: import("@workday/canvas-kit-react/common").BehaviorHook<{
6
6
  state: {
7
7
  stackRef: React.RefObject<HTMLDivElement>;
@@ -70,7 +70,7 @@ export declare const useMultiSelectInput: import("@workday/canvas-kit-react/comm
70
70
  goToNextPage(): void;
71
71
  goToPreviousPage(): void;
72
72
  registerItem(data: {
73
- item: any;
73
+ id: string;
74
74
  textValue: string;
75
75
  }): void;
76
76
  unregisterItem(data: {
@@ -137,7 +137,7 @@ export declare const useMultiSelectInput: import("@workday/canvas-kit-react/comm
137
137
  goToNextPage(): void;
138
138
  goToPreviousPage(): void;
139
139
  registerItem(data: {
140
- item: any;
140
+ id: string;
141
141
  textValue: string;
142
142
  }): void;
143
143
  unregisterItem(data: {
@@ -263,7 +263,7 @@ export declare const MultiSelectInput: import("@workday/canvas-kit-react/common"
263
263
  goToNextPage(): void;
264
264
  goToPreviousPage(): void;
265
265
  registerItem(data: {
266
- item: any;
266
+ id: string;
267
267
  textValue: string;
268
268
  }): void;
269
269
  unregisterItem(data: {
@@ -330,7 +330,7 @@ export declare const MultiSelectInput: import("@workday/canvas-kit-react/common"
330
330
  goToNextPage(): void;
331
331
  goToPreviousPage(): void;
332
332
  registerItem(data: {
333
- item: any;
333
+ id: string;
334
334
  textValue: string;
335
335
  }): void;
336
336
  unregisterItem(data: {
@@ -415,7 +415,7 @@ export declare const MultiSelectSearchInput: import("@workday/canvas-kit-react/c
415
415
  goToNextPage(): void;
416
416
  goToPreviousPage(): void;
417
417
  registerItem(data: {
418
- item: any;
418
+ id: string;
419
419
  textValue: string;
420
420
  }): void;
421
421
  unregisterItem(data: {
@@ -482,7 +482,7 @@ export declare const MultiSelectSearchInput: import("@workday/canvas-kit-react/c
482
482
  goToNextPage(): void;
483
483
  goToPreviousPage(): void;
484
484
  registerItem(data: {
485
- item: any;
485
+ id: string;
486
486
  textValue: string;
487
487
  }): void;
488
488
  unregisterItem(data: {
package/dist/es6/multi-select/lib/MultiSelectInput.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MultiSelectInput.d.ts","sourceRoot":"","sources":["../../../../multi-select/lib/MultiSelectInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,EAAgB,OAAO,EAAe,MAAM,6BAA6B,CAAC;AAMjF,OAAO,EAAC,sBAAsB,EAAC,MAAM,qBAAqB,CAAC;AAG3D,eAAO,MAAM,kBAAkB,yIAiE7B,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAGT,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sMA2BzC,CAAC;AAEF,MAAM,WAAW,qBACf,SAAQ,OAAO,EACb,IAAI,CACF,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,UAAU,GAAG,WAAW,GAAG,OAAO,GAAG,iBAAiB,CACvD,EACD,IAAI,CAAC,sBAAsB,EAAE,aAAa,CAAC;CAAG;AAElD,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoC5B,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8ClC,CAAC"}
1
+ {"version":3,"file":"MultiSelectInput.d.ts","sourceRoot":"","sources":["../../../../multi-select/lib/MultiSelectInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,EAAgB,OAAO,EAAe,MAAM,6BAA6B,CAAC;AAMjF,OAAO,EAAC,sBAAsB,EAAC,MAAM,qBAAqB,CAAC;AAG3D,eAAO,MAAM,kBAAkB,iJAiE7B,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAGT,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sMA2BzC,CAAC;AAEF,MAAM,WAAW,qBACf,SAAQ,OAAO,EACb,IAAI,CACF,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,UAAU,GAAG,WAAW,GAAG,OAAO,GAAG,iBAAiB,CACvD,EACD,IAAI,CAAC,sBAAsB,EAAE,aAAa,CAAC;CAAG;AAElD,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoC5B,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8ClC,CAAC"}
package/dist/es6/multi-select/lib/MultiSelectInput.js CHANGED
@@ -9,7 +9,7 @@ import { useComboboxInput, useComboboxInputConstrained } from '@workday/canvas-k
9
9
  import { useMultiSelectModel } from './useMultiSelectModel';
10
10
  import { MultiSelectedList } from './MultiSelectedList';
11
11
  export const multiSelectStencil = createStencil({
12
- base: { name: "xrlq26", styles: "box-sizing:border-box;border:1px solid var(--cnvs-sys-color-border-input-default);display:flex;flex-direction:column;background-color:var(--cnvs-sys-color-bg-default);border-radius:var(--cnvs-sys-shape-x1);min-height:var(--cnvs-sys-space-x10);transition:0.2s box-shadow, 0.2s border-color;margin:0;&:hover, &.hover{border-color:var(--cnvs-sys-color-border-input-strong);}&:focus-within{border-color:var(--cnvs-sys-color-border-primary-default);box-shadow:inset 0 0 0 1px var(--cnvs-sys-color-border-primary-default);}& [data-part=\"user-input\"]{font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-subtext-large);font-size:var(--cnvs-sys-font-size-subtext-large);letter-spacing:var(--cnvs-base-letter-spacing-150);background-color:var(--cnvs-sys-color-bg-transparent);border-radius:var(--cnvs-sys-shape-x1);border:none !important;box-shadow:none !important;outline-width:0px;&:where(:not([aria-autocomplete])){caret-color:transparent;cursor:default;&::selection{background-color:transparent;}}}& :where([data-part=\"form-input\"]){position:absolute;top:var(--cnvs-sys-space-zero);bottom:var(--cnvs-sys-space-zero);left:var(--cnvs-sys-space-zero);right:var(--cnvs-sys-space-zero);opacity:var(--cnvs-sys-opacity-zero);cursor:default;pointer-events:none;}& :where([data-part=\"separator\"]){background-color:var(--cnvs-sys-color-border-divider);height:1px;margin:var(--cnvs-sys-space-zero) var(--cnvs-sys-space-x2);}& :where([data-part=\"list\"]){display:flex;gap:var(--cnvs-sys-space-x2);padding:var(--cnvs-sys-space-x2);flex-wrap:wrap;}" }
12
+ base: { name: "l6ud26", styles: "box-sizing:border-box;border:1px solid var(--cnvs-sys-color-border-input-default);display:flex;flex-direction:column;background-color:var(--cnvs-sys-color-bg-default);border-radius:var(--cnvs-sys-shape-x1);min-height:var(--cnvs-sys-space-x10);transition:0.2s box-shadow, 0.2s border-color;margin:0;&:hover, &.hover{border-color:var(--cnvs-sys-color-border-input-strong);}&:focus-within{border-color:var(--cnvs-sys-color-border-primary-default);box-shadow:inset 0 0 0 1px var(--cnvs-sys-color-border-primary-default);}& [data-part=\"user-input\"]{font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-subtext-large);font-size:var(--cnvs-sys-font-size-subtext-large);letter-spacing:var(--cnvs-base-letter-spacing-150);background-color:var(--cnvs-sys-color-bg-transparent);border-radius:var(--cnvs-sys-shape-x1);border:none !important;box-shadow:none !important;outline-width:0px;&:where(:not([aria-autocomplete])){caret-color:transparent;cursor:default;&::selection{background-color:transparent;}}}& :where([data-part=\"form-input\"]){position:absolute;top:var(--cnvs-sys-space-zero);bottom:var(--cnvs-sys-space-zero);left:var(--cnvs-sys-space-zero);right:var(--cnvs-sys-space-zero);opacity:var(--cnvs-sys-opacity-zero);cursor:default;pointer-events:none;}& :where([data-part=\"separator\"]){background-color:var(--cnvs-sys-color-border-divider);height:1px;margin:var(--cnvs-sys-space-zero) var(--cnvs-sys-space-x2);}& :where([data-part=\"list\"]){display:flex;gap:var(--cnvs-sys-space-x2);padding:var(--cnvs-sys-space-x2);flex-wrap:wrap;}" }
13
13
  }, "multi-select-5f5351");
14
14
  export const useMultiSelectInput = composeHooks(createElemPropsHook(useMultiSelectModel)((model, ref) => {
15
15
  return {