@workday/canvas-kit-preview-react 13.2.32 → 13.2.34

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 (61) 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 +2 -2
  7. package/dist/commonjs/multi-select/lib/MultiSelectInput.js +3 -3
  8. package/dist/commonjs/pill/lib/Pill.d.ts +475 -5
  9. package/dist/commonjs/pill/lib/Pill.d.ts.map +1 -1
  10. package/dist/commonjs/pill/lib/Pill.js +3 -3
  11. package/dist/commonjs/pill/lib/PillAvatar.d.ts +222 -1
  12. package/dist/commonjs/pill/lib/PillAvatar.d.ts.map +1 -1
  13. package/dist/commonjs/pill/lib/PillAvatar.js +1 -1
  14. package/dist/commonjs/pill/lib/PillCount.js +1 -1
  15. package/dist/commonjs/pill/lib/PillIcon.d.ts +15 -1
  16. package/dist/commonjs/pill/lib/PillIcon.d.ts.map +1 -1
  17. package/dist/commonjs/pill/lib/PillIcon.js +1 -1
  18. package/dist/commonjs/pill/lib/PillIconButton.d.ts +67 -1
  19. package/dist/commonjs/pill/lib/PillIconButton.d.ts.map +1 -1
  20. package/dist/commonjs/pill/lib/PillIconButton.js +1 -1
  21. package/dist/commonjs/pill/lib/PillLabel.js +1 -1
  22. package/dist/commonjs/radio/lib/RadioGroup.js +3 -3
  23. package/dist/commonjs/radio/lib/RadioLabel.js +1 -1
  24. package/dist/commonjs/radio/lib/RadioText.js +4 -4
  25. package/dist/commonjs/radio/lib/StyledRadioButton.js +5 -5
  26. package/dist/commonjs/side-panel/lib/SidePanel.js +7 -7
  27. package/dist/commonjs/side-panel/lib/SidePanelToggleButton.js +11 -11
  28. package/dist/commonjs/status-indicator/lib/StatusIndicator.js +13 -13
  29. package/dist/commonjs/status-indicator/lib/StatusIndicatorLabel.js +1 -1
  30. package/dist/commonjs/version/lib/version.js +1 -1
  31. package/dist/es6/divider/lib/Divider.js +1 -1
  32. package/dist/es6/information-highlight/lib/InformationHighlight.js +7 -7
  33. package/dist/es6/information-highlight/lib/parts/Body.js +1 -1
  34. package/dist/es6/information-highlight/lib/parts/Heading.js +1 -1
  35. package/dist/es6/information-highlight/lib/parts/Link.js +1 -1
  36. package/dist/es6/loading-sparkles/lib/LoadingSparkles.js +2 -2
  37. package/dist/es6/multi-select/lib/MultiSelectInput.js +3 -3
  38. package/dist/es6/pill/lib/Pill.d.ts +475 -5
  39. package/dist/es6/pill/lib/Pill.d.ts.map +1 -1
  40. package/dist/es6/pill/lib/Pill.js +3 -3
  41. package/dist/es6/pill/lib/PillAvatar.d.ts +222 -1
  42. package/dist/es6/pill/lib/PillAvatar.d.ts.map +1 -1
  43. package/dist/es6/pill/lib/PillAvatar.js +1 -1
  44. package/dist/es6/pill/lib/PillCount.js +1 -1
  45. package/dist/es6/pill/lib/PillIcon.d.ts +15 -1
  46. package/dist/es6/pill/lib/PillIcon.d.ts.map +1 -1
  47. package/dist/es6/pill/lib/PillIcon.js +1 -1
  48. package/dist/es6/pill/lib/PillIconButton.d.ts +67 -1
  49. package/dist/es6/pill/lib/PillIconButton.d.ts.map +1 -1
  50. package/dist/es6/pill/lib/PillIconButton.js +1 -1
  51. package/dist/es6/pill/lib/PillLabel.js +1 -1
  52. package/dist/es6/radio/lib/RadioGroup.js +3 -3
  53. package/dist/es6/radio/lib/RadioLabel.js +1 -1
  54. package/dist/es6/radio/lib/RadioText.js +4 -4
  55. package/dist/es6/radio/lib/StyledRadioButton.js +5 -5
  56. package/dist/es6/side-panel/lib/SidePanel.js +7 -7
  57. package/dist/es6/side-panel/lib/SidePanelToggleButton.js +11 -11
  58. package/dist/es6/status-indicator/lib/StatusIndicator.js +13 -13
  59. package/dist/es6/status-indicator/lib/StatusIndicatorLabel.js +1 -1
  60. package/dist/es6/version/lib/version.js +1 -1
  61. package/package.json +4 -4
@@ -9,7 +9,7 @@ exports.dividerStencil = (0, canvas_kit_styling_1.createStencil)({
9
9
  vars: {
10
10
  space: (0, canvas_kit_styling_1.cssVar)(canvas_tokens_web_1.system.space.x4),
11
11
  },
12
- base: { name: "4u2d3", styles: "--space-divider-a2c50d: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-a2c50d) / 2) 0;" }
12
+ base: { name: "24dmxm", styles: "--space-divider-a2c50d: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-a2c50d) / 2) 0;" }
13
13
  }, "divider-a2c50d");
14
14
  /**
15
15
  * # Divider
@@ -12,19 +12,19 @@ const Link_1 = require("./parts/Link");
12
12
  const useInformationHighlightModel_1 = require("./hooks/useInformationHighlightModel");
13
13
  const icon_1 = require("@workday/canvas-kit-react/icon");
14
14
  exports.informationHighlightStencil = (0, canvas_kit_styling_1.createStencil)({
15
- base: { name: "2bmxx4", 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;" },
15
+ base: { name: "17fact", 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;" },
16
16
  modifiers: {
17
17
  informational: {
18
- low: { name: "1jqdmy", 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-99ce3e:var(--cnvs-sys-color-bg-primary-default);--color-system-icon-99ce3e:var(--cnvs-sys-color-bg-primary-default);--backgroundColor-system-icon-99ce3e:none;}" },
19
- high: { name: "2tkiq4", 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-99ce3e:var(--cnvs-sys-color-icon-inverse);--color-system-icon-99ce3e:var(--cnvs-sys-color-bg-primary-default);--backgroundColor-system-icon-99ce3e:var(--cnvs-sys-color-bg-primary-default);}" }
18
+ low: { name: "3bjizs", 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-99ce3e:var(--cnvs-sys-color-bg-primary-default);--color-system-icon-99ce3e:var(--cnvs-sys-color-bg-primary-default);--backgroundColor-system-icon-99ce3e:none;}" },
19
+ high: { name: "113nwu", 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-99ce3e:var(--cnvs-sys-color-icon-inverse);--color-system-icon-99ce3e:var(--cnvs-sys-color-bg-primary-default);--backgroundColor-system-icon-99ce3e:var(--cnvs-sys-color-bg-primary-default);}" }
20
20
  },
21
21
  caution: {
22
- low: { name: "1i2nej", 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-99ce3e:var(--cnvs-sys-color-fg-contrast-default);--color-system-icon-99ce3e:var(--cnvs-sys-color-fg-contrast-default);--backgroundColor-system-icon-99ce3e:none;}" },
23
- high: { name: "3x7wkq", 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-99ce3e:var(--cnvs-sys-color-icon-inverse);--color-system-icon-99ce3e:var(--cnvs-sys-color-fg-contrast-default);--backgroundColor-system-icon-99ce3e:var(--cnvs-sys-color-fg-contrast-default);}" }
22
+ low: { name: "2ednaz", 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-99ce3e:var(--cnvs-sys-color-fg-contrast-default);--color-system-icon-99ce3e:var(--cnvs-sys-color-fg-contrast-default);--backgroundColor-system-icon-99ce3e:none;}" },
23
+ high: { name: "lr2wz", 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-99ce3e:var(--cnvs-sys-color-icon-inverse);--color-system-icon-99ce3e:var(--cnvs-sys-color-fg-contrast-default);--backgroundColor-system-icon-99ce3e:var(--cnvs-sys-color-fg-contrast-default);}" }
24
24
  },
25
25
  critical: {
26
- low: { name: "2cu9z6", 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-99ce3e:var(--cnvs-sys-color-bg-critical-default);--color-system-icon-99ce3e:var(--cnvs-sys-color-bg-critical-default);--backgroundColor-system-icon-99ce3e:none;}" },
27
- high: { name: "2ekee3", 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-99ce3e:var(--cnvs-sys-color-icon-inverse);--color-system-icon-99ce3e:var(--cnvs-sys-color-bg-critical-default);--backgroundColor-system-icon-99ce3e:var(--cnvs-sys-color-bg-critical-default);}" }
26
+ low: { name: "37jnu4", 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-99ce3e:var(--cnvs-sys-color-bg-critical-default);--color-system-icon-99ce3e:var(--cnvs-sys-color-bg-critical-default);--backgroundColor-system-icon-99ce3e:none;}" },
27
+ high: { name: "2i68hq", 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-99ce3e:var(--cnvs-sys-color-icon-inverse);--color-system-icon-99ce3e:var(--cnvs-sys-color-bg-critical-default);--backgroundColor-system-icon-99ce3e:var(--cnvs-sys-color-bg-critical-default);}" }
28
28
  }
29
29
  }
30
30
  }, "information-highlight-8bd64c");
@@ -7,7 +7,7 @@ const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
7
7
  const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
8
8
  const text_1 = require("@workday/canvas-kit-react/text");
9
9
  const informationHighlightBodyStencil = (0, canvas_kit_styling_1.createStencil)({
10
- base: { name: "uyu4p", 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-block-end:var(--cnvs-sys-space-x2);" }
10
+ base: { name: "1rrr7a", 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-block-end:var(--cnvs-sys-space-x2);" }
11
11
  }, "information-highlight-body-0931ed");
12
12
  exports.Body = (0, common_1.createComponent)('div')({
13
13
  displayName: 'Body',
@@ -7,7 +7,7 @@ const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
7
7
  const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
8
8
  const text_1 = require("@workday/canvas-kit-react/text");
9
9
  const informationHighlightHeadingStencil = (0, canvas_kit_styling_1.createStencil)({
10
- base: { name: "xa3kc", 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);" }
10
+ base: { name: "1wqv74", 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);" }
11
11
  }, "information-highlight-heading-1080eb");
12
12
  exports.InformationHighlightHeading = (0, common_1.createComponent)('h3')({
13
13
  displayName: 'Heading',
@@ -7,7 +7,7 @@ const common_1 = require("@workday/canvas-kit-react/common");
7
7
  const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
8
8
  const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
9
9
  const informationHighlightLinkStencil = (0, canvas_kit_styling_1.createStencil)({
10
- base: { name: "tclx8", 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);" }
10
+ base: { name: "2fu9y9", 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);" }
11
11
  }, "information-highlight-link-aef704");
12
12
  exports.Link = (0, common_1.createComponent)('a')({
13
13
  displayName: 'Link',
@@ -14,7 +14,7 @@ const ANIMATION_DURATION_MS = 1230;
14
14
  /**
15
15
  * The animation for the sparkle.
16
16
  */
17
- const LOADING_ANIMATION = (0, canvas_kit_styling_1.keyframes)({ name: "3fp1nd", 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);}" });
17
+ const LOADING_ANIMATION = (0, canvas_kit_styling_1.keyframes)({ name: "2wboou", 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);}" });
18
18
  /**
19
19
  * An individual loading sparkle. ✨
20
20
  */
@@ -22,7 +22,7 @@ const Sparkle = () => {
22
22
  return (0, jsx_runtime_1.jsx)(icon_1.SystemIcon, { "data-part": "sparkle", icon: sparkleIcon_1.sparkleIcon, size: canvas_tokens_web_1.system.space.x3 });
23
23
  };
24
24
  exports.loadingSparklesStencil = (0, canvas_kit_styling_1.createStencil)({
25
- base: { name: "3h6giw", styles: "box-sizing:border-box;display:inline-flex;gap:0.0625rem;& [data-part=\"sparkle\"]{animation-duration:1230ms;animation-fill-mode:both;animation-iteration-count:infinite;animation-name:animation-3fp1nd;animation-timing-function:ease-in-out;--color-system-icon-99ce3e:var(--cnvs-base-extended-palette-dragon-fruit-400);&:nth-child(1){animation-delay:0ms;}&:nth-child(2){animation-delay:calc(1230ms * (1/3));}&:nth-child(3){animation-delay:calc(1230ms * (2/3));}}" }
25
+ base: { name: "1wfqu2", styles: "box-sizing:border-box;display:inline-flex;gap:0.0625rem;& [data-part=\"sparkle\"]{animation-duration:1230ms;animation-fill-mode:both;animation-iteration-count:infinite;animation-name:animation-2wboou;animation-timing-function:ease-in-out;--color-system-icon-99ce3e:var(--cnvs-base-extended-palette-dragon-fruit-400);&:nth-child(1){animation-delay:0ms;}&:nth-child(2){animation-delay:calc(1230ms * (1/3));}&:nth-child(3){animation-delay:calc(1230ms * (2/3));}}" }
26
26
  }, "loading-sparkles-cbd5a1");
27
27
  /**
28
28
  * A simple component that displays three horizontal sparkles, to be used when an AI operation is in progress.
@@ -14,11 +14,11 @@ const useMultiSelectModel_1 = require("./useMultiSelectModel");
14
14
  const MultiSelectedList_1 = require("./MultiSelectedList");
15
15
  exports.multiSelectInputStencil = (0, canvas_kit_styling_1.createStencil)({
16
16
  //@ts-ignore Types don't like defining a variable in `base` and using a variable in a nested selector. One or the other is fine, but not both.
17
- base: { name: "23z7z8", 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;--width-text-input-696c53:100%;&:hover, &.hover{border-color:var(--cnvs-sys-color-border-input-strong);}&:has(:focus-visible:not([disabled])), &.focus{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);&:where([data-part=\"user-input\"], [data-part=\"form-input\"]){height:calc(var(--cnvs-sys-space-x10) - 0.125rem);}border:none !important;box-shadow:none !important;outline-width:0px;&:where(:not([aria-autocomplete])){caret-color:transparent;cursor:default;&::selection{background-color:transparent;}}}&:has(:disabled, .disabled){border-color:var(--cnvs-sys-color-border-input-disabled);color:var(--cnvs-sys-color-text-disabled);}& :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;}" },
17
+ base: { name: "4dfz2j", 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;--width-text-input-696c53:100%;&:hover, &.hover{border-color:var(--cnvs-sys-color-border-input-strong);}&:has(:focus-visible:not([disabled])), &.focus{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);&:where([data-part=\"user-input\"], [data-part=\"form-input\"]){height:calc(var(--cnvs-sys-space-x10) - 0.125rem);}border:none !important;box-shadow:none !important;outline-width:0px;&:where(:not([aria-autocomplete])){caret-color:transparent;cursor:default;&::selection{background-color:transparent;}}}&:has(:disabled, .disabled){border-color:var(--cnvs-sys-color-border-input-disabled);color:var(--cnvs-sys-color-text-disabled);}& :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
18
  modifiers: {
19
19
  error: {
20
- error: { name: "22jnd0", styles: "border-color:var(--cnvs-brand-error-base);box-shadow:inset 0 0 0 0.0625rem var(--cnvs-brand-error-base);&:has(:hover, :disabled, :focus-visible), &:is(.hover, .disabled, .focus){border-color:var(--cnvs-brand-error-base);}&:has(:focus-visible:not([disabled])), &.focus{box-shadow:inset 0 0 0 0.0625rem var(--cnvs-brand-error-base), 0 0 0 2px var(--cnvs-sys-color-border-inverse), 0 0 0 4px var(--cnvs-brand-common-focus-outline);outline-offset:0.125rem;}" },
21
- alert: { name: "384rrv", styles: "border-color:var(--cnvs-brand-alert-darkest);box-shadow:inset 0 0 0 0.125rem var(--cnvs-brand-alert-base);&:has(:hover, .hover, :disabled, .disabled, :focus-visible:not([disabled])), .focus:not(:has([disabled])){border-color:var(--cnvs-brand-alert-darkest);}&:has(:focus-visible, .focus):not(:has([disabled])){box-shadow:inset 0 0 0 0.125rem var(--cnvs-brand-alert-base),\n 0 0 0 2px var(--cnvs-sys-color-border-inverse),\n 0 0 0 4px var(--cnvs-brand-common-focus-outline);}outline-offset:0.125rem;" }
20
+ error: { name: "1d7v7i", styles: "border-color:var(--cnvs-brand-error-base);box-shadow:inset 0 0 0 0.0625rem var(--cnvs-brand-error-base);&:has(:hover, :disabled, :focus-visible), &:is(.hover, .disabled, .focus){border-color:var(--cnvs-brand-error-base);}&:has(:focus-visible:not([disabled])), &.focus{box-shadow:inset 0 0 0 0.0625rem var(--cnvs-brand-error-base), 0 0 0 2px var(--cnvs-sys-color-border-inverse), 0 0 0 4px var(--cnvs-brand-common-focus-outline);outline-offset:0.125rem;}" },
21
+ alert: { name: "3860r4", styles: "border-color:var(--cnvs-brand-alert-darkest);box-shadow:inset 0 0 0 0.125rem var(--cnvs-brand-alert-base);&:has(:hover, .hover, :disabled, .disabled, :focus-visible:not([disabled])), .focus:not(:has([disabled])){border-color:var(--cnvs-brand-alert-darkest);}&:has(:focus-visible, .focus):not(:has([disabled])){box-shadow:inset 0 0 0 0.125rem var(--cnvs-brand-alert-base),\n 0 0 0 2px var(--cnvs-sys-color-border-inverse),\n 0 0 0 4px var(--cnvs-brand-common-focus-outline);}outline-offset:0.125rem;" }
22
22
  }
23
23
  }
24
24
  }, "multi-select-input-e00caf");
@@ -13,7 +13,73 @@ export interface PillProps extends BoxProps {
13
13
  }
14
14
  export declare const pillStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
15
15
  maxWidth: string;
16
- }, never>, {}, {
16
+ }, import("@workday/canvas-kit-styling").Stencil<{
17
+ size: {
18
+ large: {
19
+ fontWeight: "--cnvs-sys-font-weight-bold";
20
+ height: string;
21
+ paddingInline: "--cnvs-sys-space-x8";
22
+ minWidth: string;
23
+ fontFamily: "--cnvs-sys-font-family-default";
24
+ lineHeight: "--cnvs-sys-line-height-body-small";
25
+ fontSize: "--cnvs-sys-font-size-body-small";
26
+ letterSpacing: "--cnvs-base-letter-spacing-200";
27
+ };
28
+ medium: {
29
+ fontWeight: "--cnvs-sys-font-weight-bold";
30
+ minWidth: string;
31
+ paddingInline: "--cnvs-sys-space-x6";
32
+ height: "--cnvs-sys-space-x10";
33
+ fontFamily: "--cnvs-sys-font-family-default";
34
+ lineHeight: "--cnvs-sys-line-height-subtext-large";
35
+ fontSize: "--cnvs-sys-font-size-subtext-large";
36
+ letterSpacing: "--cnvs-base-letter-spacing-150";
37
+ };
38
+ small: {
39
+ fontWeight: "--cnvs-sys-font-weight-bold";
40
+ height: "--cnvs-sys-space-x8";
41
+ minWidth: "--cnvs-sys-space-x20";
42
+ paddingInline: "--cnvs-sys-space-x4";
43
+ gap: "--cnvs-sys-space-x1";
44
+ fontFamily: "--cnvs-sys-font-family-default";
45
+ lineHeight: "--cnvs-sys-line-height-subtext-large";
46
+ fontSize: "--cnvs-sys-font-size-subtext-large";
47
+ letterSpacing: "--cnvs-base-letter-spacing-150";
48
+ };
49
+ extraSmall: {
50
+ fontWeight: "--cnvs-sys-font-weight-bold";
51
+ height: "--cnvs-sys-space-x6";
52
+ minWidth: string;
53
+ paddingInline: "--cnvs-sys-space-x3";
54
+ gap: "--cnvs-sys-space-x1";
55
+ fontFamily: "--cnvs-sys-font-family-default";
56
+ lineHeight: "--cnvs-sys-line-height-subtext-medium";
57
+ fontSize: "--cnvs-sys-font-size-subtext-medium";
58
+ letterSpacing: "--cnvs-base-letter-spacing-100";
59
+ };
60
+ };
61
+ grow: {
62
+ true: {
63
+ width: string;
64
+ maxWidth: string;
65
+ };
66
+ };
67
+ iconPosition: {
68
+ only: {
69
+ padding: "--cnvs-sys-space-zero";
70
+ };
71
+ start: {};
72
+ end: {};
73
+ };
74
+ }, {}, {
75
+ background: string;
76
+ border: string;
77
+ boxShadowInner: string;
78
+ boxShadowOuter: string;
79
+ label: string;
80
+ opacity: string;
81
+ borderRadius: string;
82
+ }, never, never>>, {}, {
17
83
  maxWidth: string;
18
84
  }, import("@workday/canvas-kit-styling").Stencil<{
19
85
  size: {
@@ -82,9 +148,211 @@ export declare const pillStencil: import("@workday/canvas-kit-styling").Stencil<
82
148
  opacity: string;
83
149
  borderRadius: string;
84
150
  }, never, never>, never>;
85
- export declare const removeablePillStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, never>, {}, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
151
+ export declare const removeablePillStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
86
152
  maxWidth: string;
87
- }, never>, {}, {
153
+ }, import("@workday/canvas-kit-styling").Stencil<{
154
+ size: {
155
+ large: {
156
+ fontWeight: "--cnvs-sys-font-weight-bold";
157
+ height: string;
158
+ paddingInline: "--cnvs-sys-space-x8";
159
+ minWidth: string;
160
+ fontFamily: "--cnvs-sys-font-family-default";
161
+ lineHeight: "--cnvs-sys-line-height-body-small";
162
+ fontSize: "--cnvs-sys-font-size-body-small";
163
+ letterSpacing: "--cnvs-base-letter-spacing-200";
164
+ };
165
+ medium: {
166
+ fontWeight: "--cnvs-sys-font-weight-bold";
167
+ minWidth: string;
168
+ paddingInline: "--cnvs-sys-space-x6";
169
+ height: "--cnvs-sys-space-x10";
170
+ fontFamily: "--cnvs-sys-font-family-default";
171
+ lineHeight: "--cnvs-sys-line-height-subtext-large";
172
+ fontSize: "--cnvs-sys-font-size-subtext-large";
173
+ letterSpacing: "--cnvs-base-letter-spacing-150";
174
+ };
175
+ small: {
176
+ fontWeight: "--cnvs-sys-font-weight-bold";
177
+ height: "--cnvs-sys-space-x8";
178
+ minWidth: "--cnvs-sys-space-x20";
179
+ paddingInline: "--cnvs-sys-space-x4";
180
+ gap: "--cnvs-sys-space-x1";
181
+ fontFamily: "--cnvs-sys-font-family-default";
182
+ lineHeight: "--cnvs-sys-line-height-subtext-large";
183
+ fontSize: "--cnvs-sys-font-size-subtext-large";
184
+ letterSpacing: "--cnvs-base-letter-spacing-150";
185
+ };
186
+ extraSmall: {
187
+ fontWeight: "--cnvs-sys-font-weight-bold";
188
+ height: "--cnvs-sys-space-x6";
189
+ minWidth: string;
190
+ paddingInline: "--cnvs-sys-space-x3";
191
+ gap: "--cnvs-sys-space-x1";
192
+ fontFamily: "--cnvs-sys-font-family-default";
193
+ lineHeight: "--cnvs-sys-line-height-subtext-medium";
194
+ fontSize: "--cnvs-sys-font-size-subtext-medium";
195
+ letterSpacing: "--cnvs-base-letter-spacing-100";
196
+ };
197
+ };
198
+ grow: {
199
+ true: {
200
+ width: string;
201
+ maxWidth: string;
202
+ };
203
+ };
204
+ iconPosition: {
205
+ only: {
206
+ padding: "--cnvs-sys-space-zero";
207
+ };
208
+ start: {};
209
+ end: {};
210
+ };
211
+ }, {}, {
212
+ background: string;
213
+ border: string;
214
+ boxShadowInner: string;
215
+ boxShadowOuter: string;
216
+ label: string;
217
+ opacity: string;
218
+ borderRadius: string;
219
+ }, never, never>>, {}, {
220
+ maxWidth: string;
221
+ }, import("@workday/canvas-kit-styling").Stencil<{
222
+ size: {
223
+ large: {
224
+ fontWeight: "--cnvs-sys-font-weight-bold";
225
+ height: string;
226
+ paddingInline: "--cnvs-sys-space-x8";
227
+ minWidth: string;
228
+ fontFamily: "--cnvs-sys-font-family-default";
229
+ lineHeight: "--cnvs-sys-line-height-body-small";
230
+ fontSize: "--cnvs-sys-font-size-body-small";
231
+ letterSpacing: "--cnvs-base-letter-spacing-200";
232
+ };
233
+ medium: {
234
+ fontWeight: "--cnvs-sys-font-weight-bold";
235
+ minWidth: string;
236
+ paddingInline: "--cnvs-sys-space-x6";
237
+ height: "--cnvs-sys-space-x10";
238
+ fontFamily: "--cnvs-sys-font-family-default";
239
+ lineHeight: "--cnvs-sys-line-height-subtext-large";
240
+ fontSize: "--cnvs-sys-font-size-subtext-large";
241
+ letterSpacing: "--cnvs-base-letter-spacing-150";
242
+ };
243
+ small: {
244
+ fontWeight: "--cnvs-sys-font-weight-bold";
245
+ height: "--cnvs-sys-space-x8";
246
+ minWidth: "--cnvs-sys-space-x20";
247
+ paddingInline: "--cnvs-sys-space-x4";
248
+ gap: "--cnvs-sys-space-x1";
249
+ fontFamily: "--cnvs-sys-font-family-default";
250
+ lineHeight: "--cnvs-sys-line-height-subtext-large";
251
+ fontSize: "--cnvs-sys-font-size-subtext-large";
252
+ letterSpacing: "--cnvs-base-letter-spacing-150";
253
+ };
254
+ extraSmall: {
255
+ fontWeight: "--cnvs-sys-font-weight-bold";
256
+ height: "--cnvs-sys-space-x6";
257
+ minWidth: string;
258
+ paddingInline: "--cnvs-sys-space-x3";
259
+ gap: "--cnvs-sys-space-x1";
260
+ fontFamily: "--cnvs-sys-font-family-default";
261
+ lineHeight: "--cnvs-sys-line-height-subtext-medium";
262
+ fontSize: "--cnvs-sys-font-size-subtext-medium";
263
+ letterSpacing: "--cnvs-base-letter-spacing-100";
264
+ };
265
+ };
266
+ grow: {
267
+ true: {
268
+ width: string;
269
+ maxWidth: string;
270
+ };
271
+ };
272
+ iconPosition: {
273
+ only: {
274
+ padding: "--cnvs-sys-space-zero";
275
+ };
276
+ start: {};
277
+ end: {};
278
+ };
279
+ }, {}, {
280
+ background: string;
281
+ border: string;
282
+ boxShadowInner: string;
283
+ boxShadowOuter: string;
284
+ label: string;
285
+ opacity: string;
286
+ borderRadius: string;
287
+ }, never, never>, never>>, {}, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
288
+ maxWidth: string;
289
+ }, import("@workday/canvas-kit-styling").Stencil<{
290
+ size: {
291
+ large: {
292
+ fontWeight: "--cnvs-sys-font-weight-bold";
293
+ height: string;
294
+ paddingInline: "--cnvs-sys-space-x8";
295
+ minWidth: string;
296
+ fontFamily: "--cnvs-sys-font-family-default";
297
+ lineHeight: "--cnvs-sys-line-height-body-small";
298
+ fontSize: "--cnvs-sys-font-size-body-small";
299
+ letterSpacing: "--cnvs-base-letter-spacing-200";
300
+ };
301
+ medium: {
302
+ fontWeight: "--cnvs-sys-font-weight-bold";
303
+ minWidth: string;
304
+ paddingInline: "--cnvs-sys-space-x6";
305
+ height: "--cnvs-sys-space-x10";
306
+ fontFamily: "--cnvs-sys-font-family-default";
307
+ lineHeight: "--cnvs-sys-line-height-subtext-large";
308
+ fontSize: "--cnvs-sys-font-size-subtext-large";
309
+ letterSpacing: "--cnvs-base-letter-spacing-150";
310
+ };
311
+ small: {
312
+ fontWeight: "--cnvs-sys-font-weight-bold";
313
+ height: "--cnvs-sys-space-x8";
314
+ minWidth: "--cnvs-sys-space-x20";
315
+ paddingInline: "--cnvs-sys-space-x4";
316
+ gap: "--cnvs-sys-space-x1";
317
+ fontFamily: "--cnvs-sys-font-family-default";
318
+ lineHeight: "--cnvs-sys-line-height-subtext-large";
319
+ fontSize: "--cnvs-sys-font-size-subtext-large";
320
+ letterSpacing: "--cnvs-base-letter-spacing-150";
321
+ };
322
+ extraSmall: {
323
+ fontWeight: "--cnvs-sys-font-weight-bold";
324
+ height: "--cnvs-sys-space-x6";
325
+ minWidth: string;
326
+ paddingInline: "--cnvs-sys-space-x3";
327
+ gap: "--cnvs-sys-space-x1";
328
+ fontFamily: "--cnvs-sys-font-family-default";
329
+ lineHeight: "--cnvs-sys-line-height-subtext-medium";
330
+ fontSize: "--cnvs-sys-font-size-subtext-medium";
331
+ letterSpacing: "--cnvs-base-letter-spacing-100";
332
+ };
333
+ };
334
+ grow: {
335
+ true: {
336
+ width: string;
337
+ maxWidth: string;
338
+ };
339
+ };
340
+ iconPosition: {
341
+ only: {
342
+ padding: "--cnvs-sys-space-zero";
343
+ };
344
+ start: {};
345
+ end: {};
346
+ };
347
+ }, {}, {
348
+ background: string;
349
+ border: string;
350
+ boxShadowInner: string;
351
+ boxShadowOuter: string;
352
+ label: string;
353
+ opacity: string;
354
+ borderRadius: string;
355
+ }, never, never>>, {}, {
88
356
  maxWidth: string;
89
357
  }, import("@workday/canvas-kit-styling").Stencil<{
90
358
  size: {
@@ -153,9 +421,211 @@ export declare const removeablePillStencil: import("@workday/canvas-kit-styling"
153
421
  opacity: string;
154
422
  borderRadius: string;
155
423
  }, never, never>, never>, never>;
156
- export declare const readyOnlyPillStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, never>, {}, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
424
+ export declare const readyOnlyPillStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
157
425
  maxWidth: string;
158
- }, never>, {}, {
426
+ }, import("@workday/canvas-kit-styling").Stencil<{
427
+ size: {
428
+ large: {
429
+ fontWeight: "--cnvs-sys-font-weight-bold";
430
+ height: string;
431
+ paddingInline: "--cnvs-sys-space-x8";
432
+ minWidth: string;
433
+ fontFamily: "--cnvs-sys-font-family-default";
434
+ lineHeight: "--cnvs-sys-line-height-body-small";
435
+ fontSize: "--cnvs-sys-font-size-body-small";
436
+ letterSpacing: "--cnvs-base-letter-spacing-200";
437
+ };
438
+ medium: {
439
+ fontWeight: "--cnvs-sys-font-weight-bold";
440
+ minWidth: string;
441
+ paddingInline: "--cnvs-sys-space-x6";
442
+ height: "--cnvs-sys-space-x10";
443
+ fontFamily: "--cnvs-sys-font-family-default";
444
+ lineHeight: "--cnvs-sys-line-height-subtext-large";
445
+ fontSize: "--cnvs-sys-font-size-subtext-large";
446
+ letterSpacing: "--cnvs-base-letter-spacing-150";
447
+ };
448
+ small: {
449
+ fontWeight: "--cnvs-sys-font-weight-bold";
450
+ height: "--cnvs-sys-space-x8";
451
+ minWidth: "--cnvs-sys-space-x20";
452
+ paddingInline: "--cnvs-sys-space-x4";
453
+ gap: "--cnvs-sys-space-x1";
454
+ fontFamily: "--cnvs-sys-font-family-default";
455
+ lineHeight: "--cnvs-sys-line-height-subtext-large";
456
+ fontSize: "--cnvs-sys-font-size-subtext-large";
457
+ letterSpacing: "--cnvs-base-letter-spacing-150";
458
+ };
459
+ extraSmall: {
460
+ fontWeight: "--cnvs-sys-font-weight-bold";
461
+ height: "--cnvs-sys-space-x6";
462
+ minWidth: string;
463
+ paddingInline: "--cnvs-sys-space-x3";
464
+ gap: "--cnvs-sys-space-x1";
465
+ fontFamily: "--cnvs-sys-font-family-default";
466
+ lineHeight: "--cnvs-sys-line-height-subtext-medium";
467
+ fontSize: "--cnvs-sys-font-size-subtext-medium";
468
+ letterSpacing: "--cnvs-base-letter-spacing-100";
469
+ };
470
+ };
471
+ grow: {
472
+ true: {
473
+ width: string;
474
+ maxWidth: string;
475
+ };
476
+ };
477
+ iconPosition: {
478
+ only: {
479
+ padding: "--cnvs-sys-space-zero";
480
+ };
481
+ start: {};
482
+ end: {};
483
+ };
484
+ }, {}, {
485
+ background: string;
486
+ border: string;
487
+ boxShadowInner: string;
488
+ boxShadowOuter: string;
489
+ label: string;
490
+ opacity: string;
491
+ borderRadius: string;
492
+ }, never, never>>, {}, {
493
+ maxWidth: string;
494
+ }, import("@workday/canvas-kit-styling").Stencil<{
495
+ size: {
496
+ large: {
497
+ fontWeight: "--cnvs-sys-font-weight-bold";
498
+ height: string;
499
+ paddingInline: "--cnvs-sys-space-x8";
500
+ minWidth: string;
501
+ fontFamily: "--cnvs-sys-font-family-default";
502
+ lineHeight: "--cnvs-sys-line-height-body-small";
503
+ fontSize: "--cnvs-sys-font-size-body-small";
504
+ letterSpacing: "--cnvs-base-letter-spacing-200";
505
+ };
506
+ medium: {
507
+ fontWeight: "--cnvs-sys-font-weight-bold";
508
+ minWidth: string;
509
+ paddingInline: "--cnvs-sys-space-x6";
510
+ height: "--cnvs-sys-space-x10";
511
+ fontFamily: "--cnvs-sys-font-family-default";
512
+ lineHeight: "--cnvs-sys-line-height-subtext-large";
513
+ fontSize: "--cnvs-sys-font-size-subtext-large";
514
+ letterSpacing: "--cnvs-base-letter-spacing-150";
515
+ };
516
+ small: {
517
+ fontWeight: "--cnvs-sys-font-weight-bold";
518
+ height: "--cnvs-sys-space-x8";
519
+ minWidth: "--cnvs-sys-space-x20";
520
+ paddingInline: "--cnvs-sys-space-x4";
521
+ gap: "--cnvs-sys-space-x1";
522
+ fontFamily: "--cnvs-sys-font-family-default";
523
+ lineHeight: "--cnvs-sys-line-height-subtext-large";
524
+ fontSize: "--cnvs-sys-font-size-subtext-large";
525
+ letterSpacing: "--cnvs-base-letter-spacing-150";
526
+ };
527
+ extraSmall: {
528
+ fontWeight: "--cnvs-sys-font-weight-bold";
529
+ height: "--cnvs-sys-space-x6";
530
+ minWidth: string;
531
+ paddingInline: "--cnvs-sys-space-x3";
532
+ gap: "--cnvs-sys-space-x1";
533
+ fontFamily: "--cnvs-sys-font-family-default";
534
+ lineHeight: "--cnvs-sys-line-height-subtext-medium";
535
+ fontSize: "--cnvs-sys-font-size-subtext-medium";
536
+ letterSpacing: "--cnvs-base-letter-spacing-100";
537
+ };
538
+ };
539
+ grow: {
540
+ true: {
541
+ width: string;
542
+ maxWidth: string;
543
+ };
544
+ };
545
+ iconPosition: {
546
+ only: {
547
+ padding: "--cnvs-sys-space-zero";
548
+ };
549
+ start: {};
550
+ end: {};
551
+ };
552
+ }, {}, {
553
+ background: string;
554
+ border: string;
555
+ boxShadowInner: string;
556
+ boxShadowOuter: string;
557
+ label: string;
558
+ opacity: string;
559
+ borderRadius: string;
560
+ }, never, never>, never>>, {}, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
561
+ maxWidth: string;
562
+ }, import("@workday/canvas-kit-styling").Stencil<{
563
+ size: {
564
+ large: {
565
+ fontWeight: "--cnvs-sys-font-weight-bold";
566
+ height: string;
567
+ paddingInline: "--cnvs-sys-space-x8";
568
+ minWidth: string;
569
+ fontFamily: "--cnvs-sys-font-family-default";
570
+ lineHeight: "--cnvs-sys-line-height-body-small";
571
+ fontSize: "--cnvs-sys-font-size-body-small";
572
+ letterSpacing: "--cnvs-base-letter-spacing-200";
573
+ };
574
+ medium: {
575
+ fontWeight: "--cnvs-sys-font-weight-bold";
576
+ minWidth: string;
577
+ paddingInline: "--cnvs-sys-space-x6";
578
+ height: "--cnvs-sys-space-x10";
579
+ fontFamily: "--cnvs-sys-font-family-default";
580
+ lineHeight: "--cnvs-sys-line-height-subtext-large";
581
+ fontSize: "--cnvs-sys-font-size-subtext-large";
582
+ letterSpacing: "--cnvs-base-letter-spacing-150";
583
+ };
584
+ small: {
585
+ fontWeight: "--cnvs-sys-font-weight-bold";
586
+ height: "--cnvs-sys-space-x8";
587
+ minWidth: "--cnvs-sys-space-x20";
588
+ paddingInline: "--cnvs-sys-space-x4";
589
+ gap: "--cnvs-sys-space-x1";
590
+ fontFamily: "--cnvs-sys-font-family-default";
591
+ lineHeight: "--cnvs-sys-line-height-subtext-large";
592
+ fontSize: "--cnvs-sys-font-size-subtext-large";
593
+ letterSpacing: "--cnvs-base-letter-spacing-150";
594
+ };
595
+ extraSmall: {
596
+ fontWeight: "--cnvs-sys-font-weight-bold";
597
+ height: "--cnvs-sys-space-x6";
598
+ minWidth: string;
599
+ paddingInline: "--cnvs-sys-space-x3";
600
+ gap: "--cnvs-sys-space-x1";
601
+ fontFamily: "--cnvs-sys-font-family-default";
602
+ lineHeight: "--cnvs-sys-line-height-subtext-medium";
603
+ fontSize: "--cnvs-sys-font-size-subtext-medium";
604
+ letterSpacing: "--cnvs-base-letter-spacing-100";
605
+ };
606
+ };
607
+ grow: {
608
+ true: {
609
+ width: string;
610
+ maxWidth: string;
611
+ };
612
+ };
613
+ iconPosition: {
614
+ only: {
615
+ padding: "--cnvs-sys-space-zero";
616
+ };
617
+ start: {};
618
+ end: {};
619
+ };
620
+ }, {}, {
621
+ background: string;
622
+ border: string;
623
+ boxShadowInner: string;
624
+ boxShadowOuter: string;
625
+ label: string;
626
+ opacity: string;
627
+ borderRadius: string;
628
+ }, never, never>>, {}, {
159
629
  maxWidth: string;
160
630
  }, import("@workday/canvas-kit-styling").Stencil<{
161
631
  size: {
@@ -1 +1 @@
1
- {"version":3,"file":"Pill.d.ts","sourceRoot":"","sources":["../../../../pill/lib/Pill.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAM,QAAQ,EAAc,MAAM,kCAAkC,CAAC;AAa5E,MAAM,WAAW,SAAU,SAAQ,QAAQ;IACzC;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,WAAW,CAAC;IAC/C;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBA0EtB,CAAC;AAEH,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAuBhC,CAAC;AAEH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAmB/B,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;IAIb;;;;;;;;;;OAUG;;;;;;;;IAEH;;;;;;;;;OASG;;IAEH;;;;;;;;;;OAUG;;;;;;;;IAEH;;;;;;;;;;;OAWG;;;;;;;;IAEH;;;;;;;;;OASG;;;;;;;;CA+CL,CAAC"}
1
+ {"version":3,"file":"Pill.d.ts","sourceRoot":"","sources":["../../../../pill/lib/Pill.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAM,QAAQ,EAAc,MAAM,kCAAkC,CAAC;AAa5E,MAAM,WAAW,SAAU,SAAQ,QAAQ;IACzC;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,WAAW,CAAC;IAC/C;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBA0EtB,CAAC;AAEH,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAuBhC,CAAC;AAEH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAmB/B,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;IAIb;;;;;;;;;;OAUG;;;;;;;;IAEH;;;;;;;;;OASG;;IAEH;;;;;;;;;;OAUG;;;;;;;;IAEH;;;;;;;;;;;OAWG;;;;;;;;IAEH;;;;;;;;;OASG;;;;;;;;CA+CL,CAAC"}