@workday/canvas-kit-preview-react 12.0.0-alpha.908-next.0 → 12.0.0-alpha.918-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 (49) hide show
  1. package/dist/commonjs/divider/lib/Divider.js +1 -1
  2. package/dist/commonjs/loading-sparkles/lib/LoadingSparkles.js +3 -3
  3. package/dist/commonjs/radio/lib/RadioGroup.js +3 -3
  4. package/dist/commonjs/radio/lib/RadioLabel.js +1 -1
  5. package/dist/commonjs/radio/lib/RadioText.js +4 -4
  6. package/dist/commonjs/radio/lib/StyledRadioButton.js +5 -5
  7. package/dist/commonjs/segmented-control/lib/SegmentedControl.d.ts +57 -0
  8. package/dist/commonjs/segmented-control/lib/SegmentedControl.d.ts.map +1 -1
  9. package/dist/commonjs/segmented-control/lib/SegmentedControlItem.d.ts +1 -0
  10. package/dist/commonjs/segmented-control/lib/SegmentedControlItem.d.ts.map +1 -1
  11. package/dist/commonjs/segmented-control/lib/SegmentedControlList.d.ts +4 -2
  12. package/dist/commonjs/segmented-control/lib/SegmentedControlList.d.ts.map +1 -1
  13. package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlItem.d.ts +19 -18
  14. package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlItem.d.ts.map +1 -1
  15. package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlModel.d.ts +57 -0
  16. package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlModel.d.ts.map +1 -1
  17. package/dist/commonjs/status-indicator/lib/StatusIndicator.js +13 -13
  18. package/dist/commonjs/status-indicator/lib/StatusIndicatorLabel.js +1 -1
  19. package/dist/commonjs/text-area/lib/TextArea.d.ts +6 -6
  20. package/dist/commonjs/text-area/lib/TextAreaField.d.ts +2 -2
  21. package/dist/commonjs/text-input/lib/TextInput.d.ts +7 -7
  22. package/dist/commonjs/text-input/lib/TextInputField.d.ts +2 -2
  23. package/dist/commonjs/text-input/lib/hooks/useTextInputField.d.ts +2 -2
  24. package/dist/commonjs/text-input/lib/hooks/useTextInputModel.d.ts +5 -5
  25. package/dist/es6/divider/lib/Divider.js +1 -1
  26. package/dist/es6/loading-sparkles/lib/LoadingSparkles.js +3 -3
  27. package/dist/es6/radio/lib/RadioGroup.js +3 -3
  28. package/dist/es6/radio/lib/RadioLabel.js +1 -1
  29. package/dist/es6/radio/lib/RadioText.js +4 -4
  30. package/dist/es6/radio/lib/StyledRadioButton.js +5 -5
  31. package/dist/es6/segmented-control/lib/SegmentedControl.d.ts +57 -0
  32. package/dist/es6/segmented-control/lib/SegmentedControl.d.ts.map +1 -1
  33. package/dist/es6/segmented-control/lib/SegmentedControlItem.d.ts +1 -0
  34. package/dist/es6/segmented-control/lib/SegmentedControlItem.d.ts.map +1 -1
  35. package/dist/es6/segmented-control/lib/SegmentedControlList.d.ts +4 -2
  36. package/dist/es6/segmented-control/lib/SegmentedControlList.d.ts.map +1 -1
  37. package/dist/es6/segmented-control/lib/hooks/useSegmentedControlItem.d.ts +19 -18
  38. package/dist/es6/segmented-control/lib/hooks/useSegmentedControlItem.d.ts.map +1 -1
  39. package/dist/es6/segmented-control/lib/hooks/useSegmentedControlModel.d.ts +57 -0
  40. package/dist/es6/segmented-control/lib/hooks/useSegmentedControlModel.d.ts.map +1 -1
  41. package/dist/es6/status-indicator/lib/StatusIndicator.js +13 -13
  42. package/dist/es6/status-indicator/lib/StatusIndicatorLabel.js +1 -1
  43. package/dist/es6/text-area/lib/TextArea.d.ts +6 -6
  44. package/dist/es6/text-area/lib/TextAreaField.d.ts +2 -2
  45. package/dist/es6/text-input/lib/TextInput.d.ts +7 -7
  46. package/dist/es6/text-input/lib/TextInputField.d.ts +2 -2
  47. package/dist/es6/text-input/lib/hooks/useTextInputField.d.ts +2 -2
  48. package/dist/es6/text-input/lib/hooks/useTextInputModel.d.ts +5 -5
  49. package/package.json +6 -6
package/dist/commonjs/divider/lib/Divider.js CHANGED
@@ -32,7 +32,7 @@ exports.dividerStencil = (0, canvas_kit_styling_1.createStencil)({
32
32
  vars: {
33
33
  space: (0, canvas_kit_styling_1.cssVar)(canvas_tokens_web_1.system.space.x4),
34
34
  },
35
- base: { name: "rr492", 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;" }
35
+ base: { name: "aytg2", 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;" }
36
36
  }, "divider-156e29");
37
37
  /**
38
38
  * # Divider
package/dist/commonjs/loading-sparkles/lib/LoadingSparkles.js CHANGED
@@ -49,15 +49,15 @@ const AI_COLORS = {
49
49
  /**
50
50
  * The animation for the sparkle.
51
51
  */
52
- const LOADING_ANIMATION = (0, canvas_kit_styling_1.keyframes)({ name: "rr493", 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);}" });
53
- const loadingSparklesIconStyles = (0, canvas_kit_styling_1.createStyles)({ name: "rr494", styles: "animation-duration:1230ms;animation-fill-mode:both;animation-iteration-count:infinite;animation-name:animation-rr493;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));}" });
52
+ const LOADING_ANIMATION = (0, canvas_kit_styling_1.keyframes)({ name: "aytg3", 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);}" });
53
+ const loadingSparklesIconStyles = (0, canvas_kit_styling_1.createStyles)({ name: "aytg4", styles: "animation-duration:1230ms;animation-fill-mode:both;animation-iteration-count:infinite;animation-name:animation-aytg3;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));}" });
54
54
  /**
55
55
  * An individual loading sparkle. ✨
56
56
  */
57
57
  const Sparkle = () => {
58
58
  return (React.createElement(icon_1.SystemIcon, { icon: sparkleIcon_1.sparkleIcon, cs: [loadingSparklesIconStyles], size: (0, canvas_kit_styling_1.cssVar)(canvas_tokens_web_1.system.space.x3) }));
59
59
  };
60
- const loadingSparklesStyles = (0, canvas_kit_styling_1.createStyles)({ name: "rr495", styles: "display:inline-flex;gap:0.0625rem;" });
60
+ const loadingSparklesStyles = (0, canvas_kit_styling_1.createStyles)({ name: "aytg5", styles: "display:inline-flex;gap:0.0625rem;" });
61
61
  /**
62
62
  * A simple component that displays three horizontal sparkles, to be used when an AI operation is in progress.
63
63
  */
package/dist/commonjs/radio/lib/RadioGroup.js CHANGED
@@ -16,11 +16,11 @@ const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
16
16
  * Styles for RadioGroup
17
17
  */
18
18
  const radioGroupStencil = (0, canvas_kit_styling_1.createStencil)({
19
- base: { name: "rr49w", 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;" },
19
+ base: { name: "aytgw", 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;" },
20
20
  modifiers: {
21
21
  error: {
22
- error: { name: "rr49x", styles: "box-shadow:inset 0 0 0 0.125rem var(--cnvs-brand-error-base);" },
23
- alert: { name: "rr49y", 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);" }
22
+ error: { name: "aytgx", styles: "box-shadow:inset 0 0 0 0.125rem var(--cnvs-brand-error-base);" },
23
+ alert: { name: "aytgy", 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);" }
24
24
  }
25
25
  }
26
26
  }, "radio-group-ce2b62");
package/dist/commonjs/radio/lib/RadioLabel.js CHANGED
@@ -13,7 +13,7 @@ const RadioText_1 = require("./RadioText");
13
13
  const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
14
14
  const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
15
15
  const radioLabelStencil = (0, canvas_kit_styling_1.createStencil)({
16
- base: { name: "rr49v", styles: "box-sizing:border-box;align-items:flex-start;min-height:var(--cnvs-sys-space-x6);position:relative;gap:var(--cnvs-sys-space-x3);" }
16
+ base: { name: "aytgv", styles: "box-sizing:border-box;align-items:flex-start;min-height:var(--cnvs-sys-space-x6);position:relative;gap:var(--cnvs-sys-space-x3);" }
17
17
  }, "radio-label-0cca27");
18
18
  exports.RadioLabelContext = react_1.default.createContext({});
19
19
  exports.RadioLabel = (0, common_1.createSubcomponent)('label')({
package/dist/commonjs/radio/lib/RadioText.js CHANGED
@@ -14,19 +14,19 @@ const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
14
14
  const layout_1 = require("@workday/canvas-kit-react/layout");
15
15
  const radioTextStencil = (0, canvas_kit_styling_1.createStencil)({
16
16
  extends: text_1.textStencil,
17
- base: { name: "rr49r", styles: "box-sizing:border-box;cursor:pointer;" },
17
+ base: { name: "aytgr", styles: "box-sizing:border-box;cursor:pointer;" },
18
18
  modifiers: {
19
19
  variant: {
20
- inverse: { name: "rr49s", styles: "color:var(--cnvs-sys-color-text-inverse);" }
20
+ inverse: { name: "aytgs", styles: "color:var(--cnvs-sys-color-text-inverse);" }
21
21
  },
22
22
  disabled: {
23
- true: { name: "rr49t", styles: "cursor:default;color:var(--cnvs-sys-color-text-disabled);" }
23
+ true: { name: "aytgt", styles: "cursor:default;color:var(--cnvs-sys-color-text-disabled);" }
24
24
  }
25
25
  },
26
26
  compound: [
27
27
  {
28
28
  modifiers: { variant: 'inverse', disabled: true },
29
- styles: { name: "rr49u", styles: "color:var(--cnvs-sys-color-text-inverse);opacity:var(--cnvs-sys-opacity-disabled);" }
29
+ styles: { name: "aytgu", styles: "color:var(--cnvs-sys-color-text-inverse);opacity:var(--cnvs-sys-opacity-disabled);" }
30
30
  }
31
31
  ],
32
32
  defaultModifiers: {
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: "rr496", 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: "aytg6", 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: "rr497", 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: "aytg7", 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: "rr498", 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: "aytg8", 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: "rr499", styles: "::before{opacity:var(--cnvs-sys-opacity-disabled);}" }
33
+ inverse: { name: "aytg9", styles: "::before{opacity:var(--cnvs-sys-opacity-disabled);}" }
34
34
  },
35
35
  disabled: {
36
- true: { name: "rr49a", styles: "&:hover:before, &.hover:before{box-shadow:none;cursor:auto;}" }
36
+ true: { name: "aytga", 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
@@ -125,6 +125,33 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
125
125
  isVirtualized: boolean;
126
126
  items: import("@workday/canvas-kit-react/collection").Item<any>[];
127
127
  }) => void) | undefined;
128
+ onSetSelectedIds?: ((data: string[] | "all", prevState: {
129
+ disabled: boolean;
130
+ size: "medium" | "small" | "large";
131
+ selectedIds: string[] | "all";
132
+ unselectedIds: string[];
133
+ cursorId: string;
134
+ columnCount: number;
135
+ pageSizeRef: React.MutableRefObject<number>;
136
+ cursorIndexRef: {
137
+ readonly current: number;
138
+ };
139
+ UNSTABLE_virtual: {
140
+ virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
141
+ totalSize: number;
142
+ scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
143
+ scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
144
+ measure: () => void;
145
+ };
146
+ UNSTABLE_defaultItemHeight: number;
147
+ containerRef: React.RefObject<HTMLDivElement>;
148
+ id: string;
149
+ orientation: "horizontal" | "vertical";
150
+ indexRef: React.MutableRefObject<number>;
151
+ nonInteractiveIds: string[];
152
+ isVirtualized: boolean;
153
+ items: import("@workday/canvas-kit-react/collection").Item<any>[];
154
+ }) => void) | undefined;
128
155
  onGoTo?: ((data: {
129
156
  id: string;
130
157
  }, prevState: {
@@ -596,6 +623,33 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
596
623
  isVirtualized: boolean;
597
624
  items: import("@workday/canvas-kit-react/collection").Item<any>[];
598
625
  }) => boolean) | undefined;
626
+ shouldSetSelectedIds?: ((data: string[] | "all", state: {
627
+ disabled: boolean;
628
+ size: "medium" | "small" | "large";
629
+ selectedIds: string[] | "all";
630
+ unselectedIds: string[];
631
+ cursorId: string;
632
+ columnCount: number;
633
+ pageSizeRef: React.MutableRefObject<number>;
634
+ cursorIndexRef: {
635
+ readonly current: number;
636
+ };
637
+ UNSTABLE_virtual: {
638
+ virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
639
+ totalSize: number;
640
+ scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
641
+ scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
642
+ measure: () => void;
643
+ };
644
+ UNSTABLE_defaultItemHeight: number;
645
+ containerRef: React.RefObject<HTMLDivElement>;
646
+ id: string;
647
+ orientation: "horizontal" | "vertical";
648
+ indexRef: React.MutableRefObject<number>;
649
+ nonInteractiveIds: string[];
650
+ isVirtualized: boolean;
651
+ items: import("@workday/canvas-kit-react/collection").Item<any>[];
652
+ }) => boolean) | undefined;
599
653
  shouldGoTo?: ((data: {
600
654
  id: string;
601
655
  }, state: {
@@ -1017,6 +1071,7 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
1017
1071
  }): void;
1018
1072
  selectAll(): void;
1019
1073
  unselectAll(): void;
1074
+ setSelectedIds(ids: string[] | "all"): void;
1020
1075
  goTo(data: {
1021
1076
  id: string;
1022
1077
  }): void;
@@ -1087,6 +1142,7 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
1087
1142
  }): void;
1088
1143
  selectAll(): void;
1089
1144
  unselectAll(): void;
1145
+ setSelectedIds(ids: string[] | "all"): void;
1090
1146
  goTo(data: {
1091
1147
  id: string;
1092
1148
  }): void;
@@ -1157,6 +1213,7 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
1157
1213
  }): void;
1158
1214
  selectAll(): void;
1159
1215
  unselectAll(): void;
1216
+ setSelectedIds(ids: string[] | "all"): void;
1160
1217
  goTo(data: {
1161
1218
  id: string;
1162
1219
  }): void;
package/dist/commonjs/segmented-control/lib/SegmentedControl.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../../segmented-control/lib/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIzB;;;;;;;OAOG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH;;;;;;;OAOG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKL,CAAC"}
1
+ {"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../../segmented-control/lib/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIzB;;;;;;;OAOG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH;;;;;;;OAOG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKL,CAAC"}
package/dist/commonjs/segmented-control/lib/SegmentedControlItem.d.ts CHANGED
@@ -80,6 +80,7 @@ export declare const SegmentedControlItem: import("@workday/canvas-kit-react/com
80
80
  }): void;
81
81
  selectAll(): void;
82
82
  unselectAll(): void;
83
+ setSelectedIds(ids: string[] | "all"): void;
83
84
  goTo(data: {
84
85
  id: string;
85
86
  }): void;
package/dist/commonjs/segmented-control/lib/SegmentedControlItem.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SegmentedControlItem.d.ts","sourceRoot":"","sources":["../../../../segmented-control/lib/SegmentedControlItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAU,YAAY,EAAC,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAEL,oBAAoB,EAGrB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAK9D,MAAM,WAAW,SAAU,SAAQ,oBAAoB;IACrD;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;CAC/C;AAmHD,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;0GAtI/B;;;eAGG;;;;iCAEH;;;;eAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4JH,CAAC"}
1
+ {"version":3,"file":"SegmentedControlItem.d.ts","sourceRoot":"","sources":["../../../../segmented-control/lib/SegmentedControlItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAU,YAAY,EAAC,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAEL,oBAAoB,EAGrB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAK9D,MAAM,WAAW,SAAU,SAAQ,oBAAoB;IACrD;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;CAC/C;AAmHD,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;0GAtI/B;;;eAGG;;;;iCAEH;;;;eAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4JH,CAAC"}
package/dist/commonjs/segmented-control/lib/SegmentedControlList.d.ts CHANGED
@@ -39,6 +39,7 @@ export declare const useSegmentedControlList: import("@workday/canvas-kit-react/
39
39
  }): void;
40
40
  selectAll(): void;
41
41
  unselectAll(): void;
42
+ setSelectedIds(ids: string[] | "all"): void;
42
43
  goTo(data: {
43
44
  id: string;
44
45
  }): void;
@@ -67,8 +68,8 @@ export declare const useSegmentedControlList: import("@workday/canvas-kit-react/
67
68
  navigation: import("@workday/canvas-kit-react/collection/lib/useCursorListModel").NavigationManager;
68
69
  getId: (item: any) => string;
69
70
  }, {
70
- [x: string]: string | number | undefined;
71
- opacity: number | undefined;
71
+ readonly [x: string]: `repeat(${number}, 1fr)` | 0.4 | undefined;
72
+ readonly opacity: 0.4 | undefined;
72
73
  }>;
73
74
  export declare const SegmentedControlList: import("@workday/canvas-kit-react/common").ElementComponentM<"div", SegmentedControlListProps<any>, {
74
75
  state: {
@@ -104,6 +105,7 @@ export declare const SegmentedControlList: import("@workday/canvas-kit-react/com
104
105
  }): void;
105
106
  selectAll(): void;
106
107
  unselectAll(): void;
108
+ setSelectedIds(ids: string[] | "all"): void;
107
109
  goTo(data: {
108
110
  id: string;
109
111
  }): void;
package/dist/commonjs/segmented-control/lib/SegmentedControlList.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SegmentedControlList.d.ts","sourceRoot":"","sources":["../../../../segmented-control/lib/SegmentedControlList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAEL,YAAY,EAEb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,IAAI,EAAC,MAAM,kCAAkC,CAAC;AAItD,MAAM,WAAW,yBAAyB,CAAC,CAAC,GAAG,GAAG,CAChD,SAAQ,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC,CAAC,EAAE,UAAU,CAAC;IACnE,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;CAC5D;AAED,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAQnC,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqB/B,CAAC"}
1
+ {"version":3,"file":"SegmentedControlList.d.ts","sourceRoot":"","sources":["../../../../segmented-control/lib/SegmentedControlList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAEL,YAAY,EAEb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,IAAI,EAAC,MAAM,kCAAkC,CAAC;AAItD,MAAM,WAAW,yBAAyB,CAAC,CAAC,GAAG,GAAG,CAChD,SAAQ,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC,CAAC,EAAE,UAAU,CAAC;IACnE,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;CAC5D;AAED,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAQnC,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqB/B,CAAC"}
package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlItem.d.ts CHANGED
@@ -31,6 +31,7 @@ export declare const useSegmentedControlItem: import("@workday/canvas-kit-react/
31
31
  }): void;
32
32
  selectAll(): void;
33
33
  unselectAll(): void;
34
+ setSelectedIds(ids: string[] | "all"): void;
34
35
  goTo(data: {
35
36
  id: string;
36
37
  }): void;
@@ -58,22 +59,22 @@ export declare const useSegmentedControlItem: import("@workday/canvas-kit-react/
58
59
  selection: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectionManager;
59
60
  navigation: import("@workday/canvas-kit-react/collection/lib/useCursorListModel").NavigationManager;
60
61
  getId: (item: any) => string;
61
- }, {
62
- onClick: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
63
- } & {
64
- id: string;
65
- 'aria-pressed': boolean;
66
- } & {
67
- ref: (instance: HTMLElement | null) => void;
68
- 'data-id': string;
69
- disabled: boolean | undefined;
70
- item: null;
71
- virtual: null;
72
- 'aria-setsize': number | undefined;
73
- 'aria-posinset': number | undefined;
74
- style: React.CSSProperties;
75
- id: string;
76
- } & {
77
- disabled: boolean | undefined;
78
- }>;
62
+ }, import("@workday/canvas-kit-react/common").RemoveNulls<import("@workday/canvas-kit-react/common").MergeProps<{
63
+ readonly onClick: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
64
+ }, import("@workday/canvas-kit-react/common").MergeProps<{
65
+ readonly id: `${string}-${string}`;
66
+ readonly 'aria-pressed': boolean;
67
+ }, import("@workday/canvas-kit-react/common").MergeProps<{
68
+ readonly ref: (instance: HTMLElement | null) => void;
69
+ readonly 'data-id': string;
70
+ readonly disabled: true | undefined;
71
+ readonly item: null;
72
+ readonly virtual: null;
73
+ readonly 'aria-setsize': number | undefined;
74
+ readonly 'aria-posinset': number | undefined;
75
+ readonly style: React.CSSProperties;
76
+ readonly id: string;
77
+ }, import("@workday/canvas-kit-react/common").MergeProps<{
78
+ readonly disabled: true | undefined;
79
+ }, import("@workday/canvas-kit-react/common").MergeProps<{}, import("@workday/canvas-kit-react/common").MergeProps<{}, {}>>>>>>>>;
79
80
  //# sourceMappingURL=useSegmentedControlItem.d.ts.map
package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlItem.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useSegmentedControlItem.d.ts","sourceRoot":"","sources":["../../../../../segmented-control/lib/hooks/useSegmentedControlItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsBnC,CAAC"}
1
+ {"version":3,"file":"useSegmentedControlItem.d.ts","sourceRoot":"","sources":["../../../../../segmented-control/lib/hooks/useSegmentedControlItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iIAsBnC,CAAC"}
package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlModel.d.ts CHANGED
@@ -123,6 +123,33 @@ export declare const useSegmentedControlModel: (<TT_Special_Generic>(config?: (P
123
123
  isVirtualized: boolean;
124
124
  items: import("@workday/canvas-kit-react/collection").Item<any>[];
125
125
  }) => void) | undefined;
126
+ onSetSelectedIds?: ((data: string[] | "all", prevState: {
127
+ disabled: boolean;
128
+ size: "medium" | "small" | "large";
129
+ selectedIds: string[] | "all";
130
+ unselectedIds: string[];
131
+ cursorId: string;
132
+ columnCount: number;
133
+ pageSizeRef: React.MutableRefObject<number>;
134
+ cursorIndexRef: {
135
+ readonly current: number;
136
+ };
137
+ UNSTABLE_virtual: {
138
+ virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
139
+ totalSize: number;
140
+ scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
141
+ scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
142
+ measure: () => void;
143
+ };
144
+ UNSTABLE_defaultItemHeight: number;
145
+ containerRef: React.RefObject<HTMLDivElement>;
146
+ id: string;
147
+ orientation: "horizontal" | "vertical";
148
+ indexRef: React.MutableRefObject<number>;
149
+ nonInteractiveIds: string[];
150
+ isVirtualized: boolean;
151
+ items: import("@workday/canvas-kit-react/collection").Item<any>[];
152
+ }) => void) | undefined;
126
153
  onGoTo?: ((data: {
127
154
  id: string;
128
155
  }, prevState: {
@@ -594,6 +621,33 @@ export declare const useSegmentedControlModel: (<TT_Special_Generic>(config?: (P
594
621
  isVirtualized: boolean;
595
622
  items: import("@workday/canvas-kit-react/collection").Item<any>[];
596
623
  }) => boolean) | undefined;
624
+ shouldSetSelectedIds?: ((data: string[] | "all", state: {
625
+ disabled: boolean;
626
+ size: "medium" | "small" | "large";
627
+ selectedIds: string[] | "all";
628
+ unselectedIds: string[];
629
+ cursorId: string;
630
+ columnCount: number;
631
+ pageSizeRef: React.MutableRefObject<number>;
632
+ cursorIndexRef: {
633
+ readonly current: number;
634
+ };
635
+ UNSTABLE_virtual: {
636
+ virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
637
+ totalSize: number;
638
+ scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
639
+ scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
640
+ measure: () => void;
641
+ };
642
+ UNSTABLE_defaultItemHeight: number;
643
+ containerRef: React.RefObject<HTMLDivElement>;
644
+ id: string;
645
+ orientation: "horizontal" | "vertical";
646
+ indexRef: React.MutableRefObject<number>;
647
+ nonInteractiveIds: string[];
648
+ isVirtualized: boolean;
649
+ items: import("@workday/canvas-kit-react/collection").Item<any>[];
650
+ }) => boolean) | undefined;
597
651
  shouldGoTo?: ((data: {
598
652
  id: string;
599
653
  }, state: {
@@ -1015,6 +1069,7 @@ export declare const useSegmentedControlModel: (<TT_Special_Generic>(config?: (P
1015
1069
  }): void;
1016
1070
  selectAll(): void;
1017
1071
  unselectAll(): void;
1072
+ setSelectedIds(ids: string[] | "all"): void;
1018
1073
  goTo(data: {
1019
1074
  id: string;
1020
1075
  }): void;
@@ -1114,6 +1169,7 @@ export declare const useSegmentedControlModel: (<TT_Special_Generic>(config?: (P
1114
1169
  }): void;
1115
1170
  selectAll(): void;
1116
1171
  unselectAll(): void;
1172
+ setSelectedIds(ids: string[] | "all"): void;
1117
1173
  goTo(data: {
1118
1174
  id: string;
1119
1175
  }): void;
@@ -1171,6 +1227,7 @@ export declare const useSegmentedControlModel: (<TT_Special_Generic>(config?: (P
1171
1227
  }): void;
1172
1228
  selectAll(): void;
1173
1229
  unselectAll(): void;
1230
+ setSelectedIds(ids: string[] | "all"): void;
1174
1231
  goTo(data: {
1175
1232
  id: string;
1176
1233
  }): void;
package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlModel.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useSegmentedControlModel.d.ts","sourceRoot":"","sources":["../../../../../segmented-control/lib/hooks/useSegmentedControlModel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,wBAAwB;IAGjC;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAxBH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2CL,CAAC"}
1
+ {"version":3,"file":"useSegmentedControlModel.d.ts","sourceRoot":"","sources":["../../../../../segmented-control/lib/hooks/useSegmentedControlModel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,wBAAwB;IAGjC;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAxBH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2CL,CAAC"}
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: "rr491g", 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);" },
16
+ base: { name: "aytg1g", 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: "rr491k", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-583fae:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-static-gray-default);" },
20
- low: { name: "rr491l", styles: "color:var(--cnvs-sys-color-static-gray-strong);--color-system-icon-583fae:var(--cnvs-sys-color-static-gray-strong);background:var(--cnvs-sys-color-static-gray-soft);" }
19
+ high: { name: "aytg1k", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-583fae:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-static-gray-default);" },
20
+ low: { name: "aytg1l", styles: "color:var(--cnvs-sys-color-static-gray-strong);--color-system-icon-583fae:var(--cnvs-sys-color-static-gray-strong);background:var(--cnvs-sys-color-static-gray-soft);" }
21
21
  },
22
22
  orange: {
23
- high: { name: "rr491m", styles: "color:var(--cnvs-sys-color-static-gray-stronger);--color-system-icon-583fae:var(--cnvs-sys-color-static-gray-stronger);background:var(--cnvs-sys-color-static-orange-default);" },
24
- low: { name: "rr491n", styles: "color:var(--cnvs-sys-color-static-gold-stronger);--color-system-icon-583fae:var(--cnvs-sys-color-static-gold-stronger);background:var(--cnvs-sys-color-static-orange-soft);" }
23
+ high: { name: "aytg1m", styles: "color:var(--cnvs-sys-color-static-gray-stronger);--color-system-icon-583fae:var(--cnvs-sys-color-static-gray-stronger);background:var(--cnvs-sys-color-static-orange-default);" },
24
+ low: { name: "aytg1n", styles: "color:var(--cnvs-sys-color-static-gold-stronger);--color-system-icon-583fae:var(--cnvs-sys-color-static-gold-stronger);background:var(--cnvs-sys-color-static-orange-soft);" }
25
25
  },
26
26
  blue: {
27
- high: { name: "rr491o", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-583fae:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-static-blue-default);" },
28
- low: { name: "rr491p", styles: "color:var(--cnvs-sys-color-static-blue-strong);--color-system-icon-583fae:var(--cnvs-sys-color-static-blue-strong);background:var(--cnvs-sys-color-static-blue-soft);" }
27
+ high: { name: "aytg1o", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-583fae:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-static-blue-default);" },
28
+ low: { name: "aytg1p", styles: "color:var(--cnvs-sys-color-static-blue-strong);--color-system-icon-583fae:var(--cnvs-sys-color-static-blue-strong);background:var(--cnvs-sys-color-static-blue-soft);" }
29
29
  },
30
30
  green: {
31
- high: { name: "rr491q", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-583fae:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-static-green-strong);" },
32
- low: { name: "rr491r", styles: "color:var(--cnvs-sys-color-static-green-strong);--color-system-icon-583fae:var(--cnvs-sys-color-static-green-strong);background:var(--cnvs-sys-color-static-green-soft);" }
31
+ high: { name: "aytg1q", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-583fae:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-static-green-strong);" },
32
+ low: { name: "aytg1r", styles: "color:var(--cnvs-sys-color-static-green-strong);--color-system-icon-583fae:var(--cnvs-sys-color-static-green-strong);background:var(--cnvs-sys-color-static-green-soft);" }
33
33
  },
34
34
  red: {
35
- high: { name: "rr491s", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-583fae:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-static-red-default);" },
36
- low: { name: "rr491t", styles: "color:var(--cnvs-sys-color-static-red-strong);--color-system-icon-583fae:var(--cnvs-sys-color-static-red-strong);background:var(--cnvs-sys-color-static-red-soft);" }
35
+ high: { name: "aytg1s", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-583fae:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-static-red-default);" },
36
+ low: { name: "aytg1t", styles: "color:var(--cnvs-sys-color-static-red-strong);--color-system-icon-583fae:var(--cnvs-sys-color-static-red-strong);background:var(--cnvs-sys-color-static-red-soft);" }
37
37
  },
38
38
  transparent: {
39
- high: { name: "rr491u", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-583fae:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-bg-translucent);" },
40
- low: { name: "rr491v", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-583fae:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-bg-translucent);" }
39
+ high: { name: "aytg1u", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-583fae:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-bg-translucent);" },
40
+ low: { name: "aytg1v", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-583fae: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: "rr491f", 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: "aytg1f", 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/commonjs/text-area/lib/TextArea.d.ts CHANGED
@@ -15,14 +15,14 @@ export interface TextAreaProps extends ExtractProps<typeof FormField, never> {
15
15
  * @deprecated ⚠️ `TextArea` in Preview has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead.
16
16
  */
17
17
  export declare const TextArea: import("@workday/canvas-kit-react/common").ElementComponentM<"div", TextAreaProps & Partial<{
18
- error: "alert" | "error" | undefined;
18
+ error: "error" | "alert" | undefined;
19
19
  id: string;
20
20
  isRequired: boolean;
21
21
  orientation: "horizontal" | "vertical" | "horizontalEnd" | "horizontalStart";
22
22
  }> & {} & {}, {
23
23
  state: {
24
24
  id: string;
25
- error: "alert" | "error" | undefined;
25
+ error: "error" | "alert" | undefined;
26
26
  isRequired: boolean;
27
27
  orientation: "horizontal" | "vertical" | "horizontalEnd" | "horizontalStart";
28
28
  };
@@ -31,7 +31,7 @@ export declare const TextArea: import("@workday/canvas-kit-react/common").Elemen
31
31
  Field: import("@workday/canvas-kit-react/common").ElementComponentM<"textarea", import("@workday/canvas-kit-react/layout").BackgroundStyleProps & import("@workday/canvas-kit-react/layout/lib/utils/border/color").BorderColorStyleProps & import("@workday/canvas-kit-react/layout/lib/utils/border/lineStyle").BorderLineStyleProps & import("@workday/canvas-kit-react/layout/lib/utils/border/radius").BorderRadiusStyleProps & import("@workday/canvas-kit-react/layout/lib/utils/border/shorthand").BorderShorthandStyleProps & import("@workday/canvas-kit-react/layout/lib/utils/border/width").BorderWidthStyleProps & import("@workday/canvas-kit-react/layout").ColorStyleProps & import("@workday/canvas-kit-react/layout").DepthStyleProps & import("@workday/canvas-kit-react/layout").FlexItemStyleProps & import("@workday/canvas-kit-react/layout").GridItemStyleProps & import("@workday/canvas-kit-react/layout").LayoutStyleProps & import("@workday/canvas-kit-react/layout").OtherStyleProps & import("@workday/canvas-kit-react/layout").PositionStyleProps & import("@workday/canvas-kit-react/layout").SpaceStyleProps & import("@workday/canvas-kit-react/layout").TextStyleProps & import("@workday/canvas-kit-styling").CSProps & import("@workday/canvas-kit-react/common").PropsWithModel<{
32
32
  state: {
33
33
  id: string;
34
- error: "alert" | "error" | undefined;
34
+ error: "error" | "alert" | undefined;
35
35
  isRequired: boolean;
36
36
  orientation: "horizontal" | "vertical" | "horizontalEnd" | "horizontalStart";
37
37
  };
@@ -39,7 +39,7 @@ export declare const TextArea: import("@workday/canvas-kit-react/common").Elemen
39
39
  }, {}>, {
40
40
  state: {
41
41
  id: string;
42
- error: "alert" | "error" | undefined;
42
+ error: "error" | "alert" | undefined;
43
43
  isRequired: boolean;
44
44
  orientation: "horizontal" | "vertical" | "horizontalEnd" | "horizontalStart";
45
45
  };
@@ -48,7 +48,7 @@ export declare const TextArea: import("@workday/canvas-kit-react/common").Elemen
48
48
  Label: import("@workday/canvas-kit-react/common").ElementComponentM<"label", import("@workday/canvas-kit-react/form-field/lib/FormFieldLabel").FormFieldLabelProps, {
49
49
  state: {
50
50
  id: string;
51
- error: "alert" | "error" | undefined;
51
+ error: "error" | "alert" | undefined;
52
52
  isRequired: boolean;
53
53
  orientation: "horizontal" | "vertical" | "horizontalEnd" | "horizontalStart";
54
54
  };
@@ -57,7 +57,7 @@ export declare const TextArea: import("@workday/canvas-kit-react/common").Elemen
57
57
  Hint: import("@workday/canvas-kit-react/common").ElementComponentM<"p", import("@workday/canvas-kit-react/text").TextProps, {
58
58
  state: {
59
59
  id: string;
60
- error: "alert" | "error" | undefined;
60
+ error: "error" | "alert" | undefined;
61
61
  isRequired: boolean;
62
62
  orientation: "horizontal" | "vertical" | "horizontalEnd" | "horizontalStart";
63
63
  };
package/dist/commonjs/text-area/lib/TextAreaField.d.ts CHANGED
@@ -4,7 +4,7 @@
4
4
  export declare const TextAreaField: import("@workday/canvas-kit-react/common").ElementComponentM<"textarea", import("@workday/canvas-kit-react/layout").BackgroundStyleProps & import("@workday/canvas-kit-react/layout/lib/utils/border/color").BorderColorStyleProps & import("@workday/canvas-kit-react/layout/lib/utils/border/lineStyle").BorderLineStyleProps & import("@workday/canvas-kit-react/layout/lib/utils/border/radius").BorderRadiusStyleProps & import("@workday/canvas-kit-react/layout/lib/utils/border/shorthand").BorderShorthandStyleProps & import("@workday/canvas-kit-react/layout/lib/utils/border/width").BorderWidthStyleProps & import("@workday/canvas-kit-react/layout").ColorStyleProps & import("@workday/canvas-kit-react/layout").DepthStyleProps & import("@workday/canvas-kit-react/layout").FlexItemStyleProps & import("@workday/canvas-kit-react/layout").GridItemStyleProps & import("@workday/canvas-kit-react/layout").LayoutStyleProps & import("@workday/canvas-kit-react/layout").OtherStyleProps & import("@workday/canvas-kit-react/layout").PositionStyleProps & import("@workday/canvas-kit-react/layout").SpaceStyleProps & import("@workday/canvas-kit-react/layout").TextStyleProps & import("@workday/canvas-kit-styling").CSProps & import("@workday/canvas-kit-react/common").PropsWithModel<{
5
5
  state: {
6
6
  id: string;
7
- error: "alert" | "error" | undefined;
7
+ error: "error" | "alert" | undefined;
8
8
  isRequired: boolean;
9
9
  orientation: "horizontal" | "vertical" | "horizontalEnd" | "horizontalStart";
10
10
  };
@@ -12,7 +12,7 @@ export declare const TextAreaField: import("@workday/canvas-kit-react/common").E
12
12
  }, {}>, {
13
13
  state: {
14
14
  id: string;
15
- error: "alert" | "error" | undefined;
15
+ error: "error" | "alert" | undefined;
16
16
  isRequired: boolean;
17
17
  orientation: "horizontal" | "vertical" | "horizontalEnd" | "horizontalStart";
18
18
  };