@workday/canvas-kit-preview-react 12.5.5 → 12.6.0-1078-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 (56) hide show
  1. package/dist/commonjs/divider/lib/Divider.js +1 -1
  2. package/dist/commonjs/information-highlight/lib/InformationHighlight.js +7 -7
  3. package/dist/commonjs/information-highlight/lib/parts/Body.js +1 -1
  4. package/dist/commonjs/information-highlight/lib/parts/Heading.js +1 -1
  5. package/dist/commonjs/information-highlight/lib/parts/Link.js +1 -1
  6. package/dist/commonjs/loading-sparkles/lib/LoadingSparkles.js +3 -3
  7. package/dist/commonjs/multi-select/lib/MultiSelect.d.ts +13 -13
  8. package/dist/commonjs/multi-select/lib/MultiSelectCard.d.ts +4 -4
  9. package/dist/commonjs/multi-select/lib/MultiSelectInput.d.ts +6 -6
  10. package/dist/commonjs/multi-select/lib/MultiSelectInput.js +1 -1
  11. package/dist/commonjs/multi-select/lib/MultiSelectItem.d.ts +5 -5
  12. package/dist/commonjs/multi-select/lib/MultiSelectedItem.d.ts +4 -4
  13. package/dist/commonjs/multi-select/lib/MultiSelectedList.d.ts +2 -2
  14. package/dist/commonjs/multi-select/lib/useMultiSelectItemRemove.d.ts +2 -2
  15. package/dist/commonjs/multi-select/lib/useMultiSelectModel.d.ts +7 -7
  16. package/dist/commonjs/radio/lib/RadioGroup.js +3 -3
  17. package/dist/commonjs/radio/lib/RadioLabel.js +1 -1
  18. package/dist/commonjs/radio/lib/RadioText.js +4 -4
  19. package/dist/commonjs/radio/lib/StyledRadioButton.js +5 -5
  20. package/dist/commonjs/segmented-control/lib/SegmentedControl.d.ts +5 -5
  21. package/dist/commonjs/segmented-control/lib/SegmentedControlItem.d.ts +1 -1
  22. package/dist/commonjs/segmented-control/lib/SegmentedControlList.d.ts +2 -2
  23. package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlItem.d.ts +1 -1
  24. package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlModel.d.ts +5 -5
  25. package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlModel.js +1 -1
  26. package/dist/commonjs/status-indicator/lib/StatusIndicator.js +13 -13
  27. package/dist/commonjs/status-indicator/lib/StatusIndicatorLabel.js +1 -1
  28. package/dist/es6/divider/lib/Divider.js +1 -1
  29. package/dist/es6/information-highlight/lib/InformationHighlight.js +7 -7
  30. package/dist/es6/information-highlight/lib/parts/Body.js +1 -1
  31. package/dist/es6/information-highlight/lib/parts/Heading.js +1 -1
  32. package/dist/es6/information-highlight/lib/parts/Link.js +1 -1
  33. package/dist/es6/loading-sparkles/lib/LoadingSparkles.js +3 -3
  34. package/dist/es6/multi-select/lib/MultiSelect.d.ts +13 -13
  35. package/dist/es6/multi-select/lib/MultiSelectCard.d.ts +4 -4
  36. package/dist/es6/multi-select/lib/MultiSelectInput.d.ts +6 -6
  37. package/dist/es6/multi-select/lib/MultiSelectInput.js +1 -1
  38. package/dist/es6/multi-select/lib/MultiSelectItem.d.ts +5 -5
  39. package/dist/es6/multi-select/lib/MultiSelectedItem.d.ts +4 -4
  40. package/dist/es6/multi-select/lib/MultiSelectedList.d.ts +2 -2
  41. package/dist/es6/multi-select/lib/useMultiSelectItemRemove.d.ts +2 -2
  42. package/dist/es6/multi-select/lib/useMultiSelectModel.d.ts +7 -7
  43. package/dist/es6/radio/lib/RadioGroup.js +3 -3
  44. package/dist/es6/radio/lib/RadioLabel.js +1 -1
  45. package/dist/es6/radio/lib/RadioText.js +4 -4
  46. package/dist/es6/radio/lib/StyledRadioButton.js +5 -5
  47. package/dist/es6/segmented-control/lib/SegmentedControl.d.ts +5 -5
  48. package/dist/es6/segmented-control/lib/SegmentedControlItem.d.ts +1 -1
  49. package/dist/es6/segmented-control/lib/SegmentedControlList.d.ts +2 -2
  50. package/dist/es6/segmented-control/lib/hooks/useSegmentedControlItem.d.ts +1 -1
  51. package/dist/es6/segmented-control/lib/hooks/useSegmentedControlModel.d.ts +5 -5
  52. package/dist/es6/segmented-control/lib/hooks/useSegmentedControlModel.js +1 -1
  53. package/dist/es6/status-indicator/lib/StatusIndicator.js +13 -13
  54. package/dist/es6/status-indicator/lib/StatusIndicatorLabel.js +1 -1
  55. package/package.json +4 -4
  56. package/segmented-control/lib/hooks/useSegmentedControlModel.tsx +1 -1
package/dist/es6/multi-select/lib/useMultiSelectItemRemove.d.ts CHANGED
@@ -83,7 +83,7 @@ export declare const useMultiSelectItemRemove: import("@workday/canvas-kit-react
83
83
  goToNextPage(): void;
84
84
  goToPreviousPage(): void;
85
85
  registerItem(data: {
86
- item: any;
86
+ id: string;
87
87
  textValue: string;
88
88
  }): void;
89
89
  unregisterItem(data: {
@@ -150,7 +150,7 @@ export declare const useMultiSelectItemRemove: import("@workday/canvas-kit-react
150
150
  goToNextPage(): void;
151
151
  goToPreviousPage(): void;
152
152
  registerItem(data: {
153
- item: any;
153
+ id: string;
154
154
  textValue: string;
155
155
  }): void;
156
156
  unregisterItem(data: {
package/dist/es6/multi-select/lib/useMultiSelectModel.d.ts CHANGED
@@ -749,7 +749,7 @@ export declare const useMultiSelectModel: (<TT_Special_Generic>(config?: (Partia
749
749
  width: number;
750
750
  }) => void) | undefined;
751
751
  onRegisterItem?: ((data: {
752
- item: any;
752
+ id: string;
753
753
  textValue: string;
754
754
  }, prevState: {
755
755
  stackRef: React.RefObject<HTMLDivElement>;
@@ -1572,7 +1572,7 @@ export declare const useMultiSelectModel: (<TT_Special_Generic>(config?: (Partia
1572
1572
  width: number;
1573
1573
  }) => boolean) | undefined;
1574
1574
  shouldRegisterItem?: ((data: {
1575
- item: any;
1575
+ id: string;
1576
1576
  textValue: string;
1577
1577
  }, state: {
1578
1578
  stackRef: React.RefObject<HTMLDivElement>;
@@ -1751,7 +1751,7 @@ export declare const useMultiSelectModel: (<TT_Special_Generic>(config?: (Partia
1751
1751
  goToNextPage(): void;
1752
1752
  goToPreviousPage(): void;
1753
1753
  registerItem(data: {
1754
- item: any;
1754
+ id: string;
1755
1755
  textValue: string;
1756
1756
  }): void;
1757
1757
  unregisterItem(data: {
@@ -1818,7 +1818,7 @@ export declare const useMultiSelectModel: (<TT_Special_Generic>(config?: (Partia
1818
1818
  goToNextPage(): void;
1819
1819
  goToPreviousPage(): void;
1820
1820
  registerItem(data: {
1821
- item: any;
1821
+ id: string;
1822
1822
  textValue: string;
1823
1823
  }): void;
1824
1824
  unregisterItem(data: {
@@ -1921,7 +1921,7 @@ export declare const useMultiSelectModel: (<TT_Special_Generic>(config?: (Partia
1921
1921
  goToNextPage(): void;
1922
1922
  goToPreviousPage(): void;
1923
1923
  registerItem(data: {
1924
- item: any;
1924
+ id: string;
1925
1925
  textValue: string;
1926
1926
  }): void;
1927
1927
  unregisterItem(data: {
@@ -1998,7 +1998,7 @@ export declare const useMultiSelectModel: (<TT_Special_Generic>(config?: (Partia
1998
1998
  goToNextPage(): void;
1999
1999
  goToPreviousPage(): void;
2000
2000
  registerItem(data: {
2001
- item: any;
2001
+ id: string;
2002
2002
  textValue: string;
2003
2003
  }): void;
2004
2004
  unregisterItem(data: {
@@ -2065,7 +2065,7 @@ export declare const useMultiSelectModel: (<TT_Special_Generic>(config?: (Partia
2065
2065
  goToNextPage(): void;
2066
2066
  goToPreviousPage(): void;
2067
2067
  registerItem(data: {
2068
- item: any;
2068
+ id: string;
2069
2069
  textValue: string;
2070
2070
  }): void;
2071
2071
  unregisterItem(data: {
package/dist/es6/radio/lib/RadioGroup.js CHANGED
@@ -10,11 +10,11 @@ import { brand, system } from '@workday/canvas-tokens-web';
10
10
  * Styles for RadioGroup
11
11
  */
12
12
  const radioGroupStencil = createStencil({
13
- base: { name: "xrlqw", styles: "box-sizing:border-box;display:flex;flex-direction:column;border-radius:var(--cnvs-sys-shape-x1);gap:var(--cnvs-sys-space-x2);padding:0.625rem var(--cnvs-sys-space-x3) var(--cnvs-sys-space-x2);margin:0 calc(var(--cnvs-sys-space-x3) * -1);transition:100ms box-shadow;width:fit-content;" },
13
+ base: { name: "iw7jw", styles: "box-sizing:border-box;display:flex;flex-direction:column;border-radius:var(--cnvs-sys-shape-x1);gap:var(--cnvs-sys-space-x2);padding:0.625rem var(--cnvs-sys-space-x3) var(--cnvs-sys-space-x2);margin:0 calc(var(--cnvs-sys-space-x3) * -1);transition:100ms box-shadow;width:fit-content;" },
14
14
  modifiers: {
15
15
  error: {
16
- error: { name: "xrlqx", styles: "box-shadow:inset 0 0 0 0.125rem var(--cnvs-brand-error-base);" },
17
- alert: { name: "xrlqy", styles: "box-shadow:inset 0 0 0 0.0625rem var(--cnvs-brand-alert-darkest), inset 0 0 0 0.1875rem var(--cnvs-brand-alert-base);" }
16
+ error: { name: "iw7jx", styles: "box-shadow:inset 0 0 0 0.125rem var(--cnvs-brand-error-base);" },
17
+ alert: { name: "iw7jy", styles: "box-shadow:inset 0 0 0 0.0625rem var(--cnvs-brand-alert-darkest), inset 0 0 0 0.1875rem var(--cnvs-brand-alert-base);" }
18
18
  }
19
19
  }
20
20
  }, "radio-group-ce2b62");
package/dist/es6/radio/lib/RadioLabel.js CHANGED
@@ -7,7 +7,7 @@ import { RadioText } from './RadioText';
7
7
  import { createStencil } from '@workday/canvas-kit-styling';
8
8
  import { system } from '@workday/canvas-tokens-web';
9
9
  const radioLabelStencil = createStencil({
10
- base: { name: "xrlqv", styles: "box-sizing:border-box;align-items:flex-start;min-height:var(--cnvs-sys-space-x6);position:relative;gap:var(--cnvs-sys-space-x3);" }
10
+ base: { name: "iw7jv", styles: "box-sizing:border-box;align-items:flex-start;min-height:var(--cnvs-sys-space-x6);position:relative;gap:var(--cnvs-sys-space-x3);" }
11
11
  }, "radio-label-0cca27");
12
12
  export const RadioLabelContext = React.createContext({});
13
13
  export const RadioLabel = createSubcomponent('label')({
package/dist/es6/radio/lib/RadioText.js CHANGED
@@ -8,19 +8,19 @@ import { system } from '@workday/canvas-tokens-web';
8
8
  import { mergeStyles } from '@workday/canvas-kit-react/layout';
9
9
  const radioTextStencil = createStencil({
10
10
  extends: textStencil,
11
- base: { name: "xrlqr", styles: "box-sizing:border-box;cursor:pointer;" },
11
+ base: { name: "iw7jr", styles: "box-sizing:border-box;cursor:pointer;" },
12
12
  modifiers: {
13
13
  variant: {
14
- inverse: { name: "xrlqs", styles: "color:var(--cnvs-sys-color-text-inverse);" }
14
+ inverse: { name: "iw7js", styles: "color:var(--cnvs-sys-color-text-inverse);" }
15
15
  },
16
16
  disabled: {
17
- true: { name: "xrlqt", styles: "cursor:default;color:var(--cnvs-sys-color-text-disabled);" }
17
+ true: { name: "iw7jt", styles: "cursor:default;color:var(--cnvs-sys-color-text-disabled);" }
18
18
  }
19
19
  },
20
20
  compound: [
21
21
  {
22
22
  modifiers: { variant: 'inverse', disabled: true },
23
- styles: { name: "xrlqu", styles: "color:var(--cnvs-sys-color-text-inverse);opacity:var(--cnvs-sys-opacity-disabled);" }
23
+ styles: { name: "iw7ju", styles: "color:var(--cnvs-sys-color-text-inverse);opacity:var(--cnvs-sys-opacity-disabled);" }
24
24
  }
25
25
  ],
26
26
  defaultModifiers: {
package/dist/es6/radio/lib/StyledRadioButton.js CHANGED
@@ -7,10 +7,10 @@ import { RadioLabelContext } from './RadioLabel';
7
7
  const radioWidth = 18;
8
8
  const radioHeight = 18;
9
9
  const radioInputStencil = createStencil({
10
- base: { name: "xrlq6", 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);}" },
10
+ base: { name: "iw7j6", 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);}" },
11
11
  modifiers: {
12
12
  variant: {
13
- inverse: { name: "xrlq7", 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);}" }
13
+ inverse: { name: "iw7j7", 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);}" }
14
14
  }
15
15
  }
16
16
  }, "radio-input-f05aaa");
@@ -21,13 +21,13 @@ const StyledRadioInput = createComponent('input')({
21
21
  },
22
22
  });
23
23
  const radioInputWrapperStyles = createStencil({
24
- base: { name: "xrlq8", 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);}" },
24
+ base: { name: "iw7j8", 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);}" },
25
25
  modifiers: {
26
26
  variant: {
27
- inverse: { name: "xrlq9", styles: "::before{opacity:var(--cnvs-sys-opacity-disabled);}" }
27
+ inverse: { name: "iw7j9", styles: "::before{opacity:var(--cnvs-sys-opacity-disabled);}" }
28
28
  },
29
29
  disabled: {
30
- true: { name: "xrlqa", styles: "&:hover:before, &.hover:before{box-shadow:none;cursor:auto;}" }
30
+ true: { name: "iw7ja", styles: "&:hover:before, &.hover:before{box-shadow:none;cursor:auto;}" }
31
31
  }
32
32
  }
33
33
  }, "radio-input-wrapper-styles-fce2c4");
package/dist/es6/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/es6/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/es6/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/es6/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/es6/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/es6/segmented-control/lib/hooks/useSegmentedControlModel.js CHANGED
@@ -42,7 +42,7 @@ export const useSegmentedControlModel = createModelHook({
42
42
  items,
43
43
  onRegisterItem(data) {
44
44
  if (!initialSelectedRef.current) {
45
- initialSelectedRef.current = getId(data.item);
45
+ initialSelectedRef.current = data.id;
46
46
  events.select({ id: initialSelectedRef.current });
47
47
  }
48
48
  },
package/dist/es6/status-indicator/lib/StatusIndicator.js CHANGED
@@ -7,31 +7,31 @@ import { systemIconStencil } from '@workday/canvas-kit-react/icon';
7
7
  import { StatusIndicatorIcon } from './StatusIndicatorIcon';
8
8
  import { StatusIndicatorLabel } from './StatusIndicatorLabel';
9
9
  const statusIndicatorStencil = createStencil({
10
- base: { name: "xrlq1g", 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;" },
10
+ base: { name: "iw7j1g", 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;" },
11
11
  modifiers: {
12
12
  gray: {
13
- high: { name: "xrlq1k", 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);" },
14
- low: { name: "xrlq1l", 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);" }
13
+ high: { name: "iw7j1k", 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);" },
14
+ low: { name: "iw7j1l", 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);" }
15
15
  },
16
16
  orange: {
17
- high: { name: "xrlq1m", 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);" },
18
- low: { name: "xrlq1n", 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);" }
17
+ high: { name: "iw7j1m", 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);" },
18
+ low: { name: "iw7j1n", 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);" }
19
19
  },
20
20
  blue: {
21
- high: { name: "xrlq1o", 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);" },
22
- low: { name: "xrlq1p", 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);" }
21
+ high: { name: "iw7j1o", 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);" },
22
+ low: { name: "iw7j1p", 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);" }
23
23
  },
24
24
  green: {
25
- high: { name: "xrlq1q", 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);" },
26
- low: { name: "xrlq1r", 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);" }
25
+ high: { name: "iw7j1q", 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);" },
26
+ low: { name: "iw7j1r", 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);" }
27
27
  },
28
28
  red: {
29
- high: { name: "xrlq1s", 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);" },
30
- low: { name: "xrlq1t", 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);" }
29
+ high: { name: "iw7j1s", 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);" },
30
+ low: { name: "iw7j1t", 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);" }
31
31
  },
32
32
  transparent: {
33
- high: { name: "xrlq1u", 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);" },
34
- low: { name: "xrlq1v", 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);" }
33
+ high: { name: "iw7j1u", 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);" },
34
+ low: { name: "iw7j1v", 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);" }
35
35
  }
36
36
  }
37
37
  }, "status-indicator-1a565e");
package/dist/es6/status-indicator/lib/StatusIndicatorLabel.js CHANGED
@@ -6,7 +6,7 @@ import { mergeStyles } from '@workday/canvas-kit-react/layout';
6
6
  import { system } from '@workday/canvas-tokens-web';
7
7
  const statusIndicatorLabelStencil = createStencil({
8
8
  extends: textStencil,
9
- base: { name: "xrlq1f", 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;" },
9
+ base: { name: "iw7j1f", 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;" },
10
10
  defaultModifiers: { typeLevel: 'subtext.large' }
11
11
  }, "status-indicator-label-fbd39a");
12
12
  export const StatusIndicatorLabel = createComponent('span')({
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-kit-preview-react",
3
- "version": "12.5.5",
3
+ "version": "12.6.0-1078-next.0",
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": "^12.5.5",
50
- "@workday/canvas-kit-styling": "^12.5.5",
49
+ "@workday/canvas-kit-react": "^12.6.0-1078-next.0",
50
+ "@workday/canvas-kit-styling": "^12.6.0-1078-next.0",
51
51
  "@workday/canvas-system-icons-web": "^3.0.0",
52
52
  "@workday/canvas-tokens-web": "^2.1.1",
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": "d586de5b86f017f598cdf39d49b1b0cc1e17213a"
61
+ "gitHead": "9b558c0f2e5d17b8f81e2e21a20361918ca2ad57"
62
62
  }
package/segmented-control/lib/hooks/useSegmentedControlModel.tsx CHANGED
@@ -44,7 +44,7 @@ export const useSegmentedControlModel = createModelHook({
44
44
  items,
45
45
  onRegisterItem(data) {
46
46
  if (!initialSelectedRef.current) {
47
- initialSelectedRef.current = getId(data.item);
47
+ initialSelectedRef.current = data.id;
48
48
  events.select({id: initialSelectedRef.current});
49
49
  }
50
50
  },