@workday/canvas-kit-preview-react 12.5.4 → 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/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: "ov752", 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: "aiga2", 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/information-highlight/lib/InformationHighlight.js CHANGED
@@ -35,19 +35,19 @@ const Link_1 = require("./parts/Link");
35
35
  const useInformationHighlightModel_1 = require("./hooks/useInformationHighlightModel");
36
36
  const icon_1 = require("@workday/canvas-kit-react/icon");
37
37
  exports.informationHighlightStencil = (0, canvas_kit_styling_1.createStencil)({
38
- base: { name: "ov751z", 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;" },
38
+ base: { name: "aiga1z", 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;" },
39
39
  modifiers: {
40
40
  informational: {
41
- low: { name: "ov7520", 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;}" },
42
- high: { name: "ov7521", 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);}" }
41
+ low: { name: "aiga20", 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;}" },
42
+ high: { name: "aiga21", 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);}" }
43
43
  },
44
44
  caution: {
45
- low: { name: "ov7522", 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;}" },
46
- high: { name: "ov7523", 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);}" }
45
+ low: { name: "aiga22", 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;}" },
46
+ high: { name: "aiga23", 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);}" }
47
47
  },
48
48
  critical: {
49
- low: { name: "ov7524", 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;}" },
50
- high: { name: "ov7525", 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);}" }
49
+ low: { name: "aiga24", 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;}" },
50
+ high: { name: "aiga25", 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);}" }
51
51
  }
52
52
  }
53
53
  }, "information-highlight-7cbb61");
package/dist/commonjs/information-highlight/lib/parts/Body.js CHANGED
@@ -30,7 +30,7 @@ const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
30
30
  const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
31
31
  const text_1 = require("@workday/canvas-kit-react/text");
32
32
  const informationHighlightBodyStencil = (0, canvas_kit_styling_1.createStencil)({
33
- base: { name: "ov751x", 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;" }
33
+ base: { name: "aiga1x", 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;" }
34
34
  }, "information-highlight-body-772923");
35
35
  exports.Body = (0, common_1.createComponent)('p')({
36
36
  displayName: 'Body',
package/dist/commonjs/information-highlight/lib/parts/Heading.js CHANGED
@@ -30,7 +30,7 @@ const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
30
30
  const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
31
31
  const text_1 = require("@workday/canvas-kit-react/text");
32
32
  const informationHighlightHeadingStencil = (0, canvas_kit_styling_1.createStencil)({
33
- base: { name: "ov751w", 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);" }
33
+ base: { name: "aiga1w", 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);" }
34
34
  }, "information-highlight-heading-142e5f");
35
35
  exports.InformationHighlightHeading = (0, common_1.createComponent)('h3')({
36
36
  displayName: 'Heading',
package/dist/commonjs/information-highlight/lib/parts/Link.js CHANGED
@@ -30,7 +30,7 @@ const common_1 = require("@workday/canvas-kit-react/common");
30
30
  const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
31
31
  const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
32
32
  const informationHighlightLinkStencil = (0, canvas_kit_styling_1.createStencil)({
33
- base: { name: "ov751y", 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);" }
33
+ base: { name: "aiga1y", 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);" }
34
34
  }, "information-highlight-link-5ac480");
35
35
  exports.Link = (0, common_1.createComponent)('a')({
36
36
  displayName: 'Link',
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: "ov753", 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: "ov754", styles: "animation-duration:1230ms;animation-fill-mode:both;animation-iteration-count:infinite;animation-name:animation-ov753;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;}}" });
52
+ const LOADING_ANIMATION = (0, canvas_kit_styling_1.keyframes)({ name: "aiga3", 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: "aiga4", styles: "animation-duration:1230ms;animation-fill-mode:both;animation-iteration-count:infinite;animation-name:animation-aiga3;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;}}" });
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: "ov755", styles: "display:inline-flex;gap:0.0625rem;" });
60
+ const loadingSparklesStyles = (0, canvas_kit_styling_1.createStyles)({ name: "aiga5", 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/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/commonjs/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/commonjs/multi-select/lib/MultiSelectInput.d.ts CHANGED
@@ -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/commonjs/multi-select/lib/MultiSelectInput.js CHANGED
@@ -15,7 +15,7 @@ const combobox_1 = require("@workday/canvas-kit-react/combobox");
15
15
  const useMultiSelectModel_1 = require("./useMultiSelectModel");
16
16
  const MultiSelectedList_1 = require("./MultiSelectedList");
17
17
  exports.multiSelectStencil = (0, canvas_kit_styling_1.createStencil)({
18
- base: { name: "ov7526", 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;}" }
18
+ base: { name: "aiga26", 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;}" }
19
19
  }, "multi-select-5f5351");
20
20
  exports.useMultiSelectInput = (0, common_1.composeHooks)((0, common_1.createElemPropsHook)(useMultiSelectModel_1.useMultiSelectModel)((model, ref) => {
21
21
  return {
package/dist/commonjs/multi-select/lib/MultiSelectItem.d.ts CHANGED
@@ -67,7 +67,7 @@ export declare const useMultiSelectItem: import("@workday/canvas-kit-react/commo
67
67
  goToNextPage(): void;
68
68
  goToPreviousPage(): void;
69
69
  registerItem(data: {
70
- item: any;
70
+ id: string;
71
71
  textValue: string;
72
72
  }): void;
73
73
  unregisterItem(data: {
@@ -134,7 +134,7 @@ export declare const useMultiSelectItem: import("@workday/canvas-kit-react/commo
134
134
  goToNextPage(): void;
135
135
  goToPreviousPage(): void;
136
136
  registerItem(data: {
137
- item: any;
137
+ id: string;
138
138
  textValue: string;
139
139
  }): void;
140
140
  unregisterItem(data: {
@@ -231,7 +231,7 @@ export declare const MultiSelectItem: import("@workday/canvas-kit-react/common")
231
231
  goToNextPage(): void;
232
232
  goToPreviousPage(): void;
233
233
  registerItem(data: {
234
- item: any;
234
+ id: string;
235
235
  textValue: string;
236
236
  }): void;
237
237
  unregisterItem(data: {
@@ -312,7 +312,7 @@ export declare const MultiSelectItem: import("@workday/canvas-kit-react/common")
312
312
  goToNextPage(): void;
313
313
  goToPreviousPage(): void;
314
314
  registerItem(data: {
315
- item: any;
315
+ id: string;
316
316
  textValue: string;
317
317
  }): void;
318
318
  unregisterItem(data: {
@@ -379,7 +379,7 @@ export declare const MultiSelectItem: import("@workday/canvas-kit-react/common")
379
379
  goToNextPage(): void;
380
380
  goToPreviousPage(): void;
381
381
  registerItem(data: {
382
- item: any;
382
+ id: string;
383
383
  textValue: string;
384
384
  }): void;
385
385
  unregisterItem(data: {
package/dist/commonjs/multi-select/lib/MultiSelectedItem.d.ts CHANGED
@@ -76,7 +76,7 @@ export declare const useMultiSelectedItem: import("@workday/canvas-kit-react/com
76
76
  goToNextPage(): void;
77
77
  goToPreviousPage(): void;
78
78
  registerItem(data: {
79
- item: any;
79
+ id: string;
80
80
  textValue: string;
81
81
  }): void;
82
82
  unregisterItem(data: {
@@ -143,7 +143,7 @@ export declare const useMultiSelectedItem: import("@workday/canvas-kit-react/com
143
143
  goToNextPage(): void;
144
144
  goToPreviousPage(): void;
145
145
  registerItem(data: {
146
- item: any;
146
+ id: string;
147
147
  textValue: string;
148
148
  }): void;
149
149
  unregisterItem(data: {
@@ -246,7 +246,7 @@ export declare const MultiSelectedItem: import("@workday/canvas-kit-react/common
246
246
  goToNextPage(): void;
247
247
  goToPreviousPage(): void;
248
248
  registerItem(data: {
249
- item: any;
249
+ id: string;
250
250
  textValue: string;
251
251
  }): void;
252
252
  unregisterItem(data: {
@@ -313,7 +313,7 @@ export declare const MultiSelectedItem: import("@workday/canvas-kit-react/common
313
313
  goToNextPage(): void;
314
314
  goToPreviousPage(): void;
315
315
  registerItem(data: {
316
- item: any;
316
+ id: string;
317
317
  textValue: string;
318
318
  }): void;
319
319
  unregisterItem(data: {
package/dist/commonjs/multi-select/lib/MultiSelectedList.d.ts CHANGED
@@ -70,7 +70,7 @@ export declare const MultiSelectedList: import("@workday/canvas-kit-react/common
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 MultiSelectedList: import("@workday/canvas-kit-react/common
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: {
package/dist/commonjs/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/commonjs/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/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: "ov75w", 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: "aigaw", 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: "ov75x", styles: "box-shadow:inset 0 0 0 0.125rem var(--cnvs-brand-error-base);" },
23
- alert: { name: "ov75y", 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: "aigax", styles: "box-shadow:inset 0 0 0 0.125rem var(--cnvs-brand-error-base);" },
23
+ alert: { name: "aigay", 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: "ov75v", 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: "aigav", 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: "ov75r", styles: "box-sizing:border-box;cursor:pointer;" },
17
+ base: { name: "aigar", styles: "box-sizing:border-box;cursor:pointer;" },
18
18
  modifiers: {
19
19
  variant: {
20
- inverse: { name: "ov75s", styles: "color:var(--cnvs-sys-color-text-inverse);" }
20
+ inverse: { name: "aigas", styles: "color:var(--cnvs-sys-color-text-inverse);" }
21
21
  },
22
22
  disabled: {
23
- true: { name: "ov75t", styles: "cursor:default;color:var(--cnvs-sys-color-text-disabled);" }
23
+ true: { name: "aigat", 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: "ov75u", styles: "color:var(--cnvs-sys-color-text-inverse);opacity:var(--cnvs-sys-opacity-disabled);" }
29
+ styles: { name: "aigau", 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: "ov756", 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: "aiga6", 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: "ov757", 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: "aiga7", 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: "ov758", 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: "aiga8", 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: "ov759", styles: "::before{opacity:var(--cnvs-sys-opacity-disabled);}" }
33
+ inverse: { name: "aiga9", styles: "::before{opacity:var(--cnvs-sys-opacity-disabled);}" }
34
34
  },
35
35
  disabled: {
36
- true: { name: "ov75a", styles: "&:hover:before, &.hover:before{box-shadow:none;cursor:auto;}" }
36
+ true: { name: "aigaa", styles: "&:hover:before, &.hover:before{box-shadow:none;cursor:auto;}" }
37
37
  }
38
38
  }
39
39
  }, "radio-input-wrapper-styles-fce2c4");