@workday/canvas-kit-preview-react 12.5.0-1046-next.0 → 12.5.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 (69) hide show
  1. package/dist/commonjs/divider/lib/Divider.js +1 -1
  2. package/dist/commonjs/information-highlight/lib/InformationHighlight.d.ts.map +1 -1
  3. package/dist/commonjs/information-highlight/lib/InformationHighlight.js +8 -8
  4. package/dist/commonjs/information-highlight/lib/parts/Body.js +1 -1
  5. package/dist/commonjs/information-highlight/lib/parts/Heading.js +1 -1
  6. package/dist/commonjs/information-highlight/lib/parts/Link.js +1 -1
  7. package/dist/commonjs/loading-sparkles/lib/LoadingSparkles.d.ts.map +1 -1
  8. package/dist/commonjs/loading-sparkles/lib/LoadingSparkles.js +3 -3
  9. package/dist/commonjs/multi-select/lib/MultiSelect.d.ts +140 -140
  10. package/dist/commonjs/multi-select/lib/MultiSelectCard.d.ts +16 -16
  11. package/dist/commonjs/multi-select/lib/MultiSelectInput.d.ts +24 -24
  12. package/dist/commonjs/multi-select/lib/MultiSelectInput.js +1 -1
  13. package/dist/commonjs/multi-select/lib/MultiSelectItem.d.ts +20 -20
  14. package/dist/commonjs/multi-select/lib/MultiSelectedItem.d.ts +16 -16
  15. package/dist/commonjs/multi-select/lib/MultiSelectedList.d.ts +8 -8
  16. package/dist/commonjs/multi-select/lib/useMultiSelectItemRemove.d.ts +8 -8
  17. package/dist/commonjs/multi-select/lib/useMultiSelectModel.d.ts +118 -118
  18. package/dist/commonjs/radio/lib/RadioGroup.js +3 -3
  19. package/dist/commonjs/radio/lib/RadioLabel.js +1 -1
  20. package/dist/commonjs/radio/lib/RadioText.js +4 -4
  21. package/dist/commonjs/radio/lib/StyledRadioButton.js +5 -5
  22. package/dist/commonjs/segmented-control/lib/SegmentedControl.d.ts +92 -92
  23. package/dist/commonjs/segmented-control/lib/SegmentedControlItem.d.ts +4 -4
  24. package/dist/commonjs/segmented-control/lib/SegmentedControlItem.d.ts.map +1 -1
  25. package/dist/commonjs/segmented-control/lib/SegmentedControlList.d.ts +8 -8
  26. package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlItem.d.ts +4 -4
  27. package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlModel.d.ts +94 -94
  28. package/dist/commonjs/side-panel/lib/SidePanel.d.ts.map +1 -1
  29. package/dist/commonjs/side-panel/lib/SidePanel.js +2 -0
  30. package/dist/commonjs/status-indicator/lib/StatusIndicator.d.ts.map +1 -1
  31. package/dist/commonjs/status-indicator/lib/StatusIndicator.js +13 -13
  32. package/dist/commonjs/status-indicator/lib/StatusIndicatorLabel.js +1 -1
  33. package/dist/es6/divider/lib/Divider.js +1 -1
  34. package/dist/es6/information-highlight/lib/InformationHighlight.d.ts.map +1 -1
  35. package/dist/es6/information-highlight/lib/InformationHighlight.js +9 -9
  36. package/dist/es6/information-highlight/lib/parts/Body.js +1 -1
  37. package/dist/es6/information-highlight/lib/parts/Heading.js +1 -1
  38. package/dist/es6/information-highlight/lib/parts/Link.js +1 -1
  39. package/dist/es6/loading-sparkles/lib/LoadingSparkles.d.ts.map +1 -1
  40. package/dist/es6/loading-sparkles/lib/LoadingSparkles.js +3 -3
  41. package/dist/es6/multi-select/lib/MultiSelect.d.ts +140 -140
  42. package/dist/es6/multi-select/lib/MultiSelectCard.d.ts +16 -16
  43. package/dist/es6/multi-select/lib/MultiSelectInput.d.ts +24 -24
  44. package/dist/es6/multi-select/lib/MultiSelectInput.js +1 -1
  45. package/dist/es6/multi-select/lib/MultiSelectItem.d.ts +20 -20
  46. package/dist/es6/multi-select/lib/MultiSelectedItem.d.ts +16 -16
  47. package/dist/es6/multi-select/lib/MultiSelectedList.d.ts +8 -8
  48. package/dist/es6/multi-select/lib/useMultiSelectItemRemove.d.ts +8 -8
  49. package/dist/es6/multi-select/lib/useMultiSelectModel.d.ts +118 -118
  50. package/dist/es6/radio/lib/RadioGroup.js +3 -3
  51. package/dist/es6/radio/lib/RadioLabel.js +1 -1
  52. package/dist/es6/radio/lib/RadioText.js +4 -4
  53. package/dist/es6/radio/lib/StyledRadioButton.js +5 -5
  54. package/dist/es6/segmented-control/lib/SegmentedControl.d.ts +92 -92
  55. package/dist/es6/segmented-control/lib/SegmentedControlItem.d.ts +4 -4
  56. package/dist/es6/segmented-control/lib/SegmentedControlItem.d.ts.map +1 -1
  57. package/dist/es6/segmented-control/lib/SegmentedControlList.d.ts +8 -8
  58. package/dist/es6/segmented-control/lib/hooks/useSegmentedControlItem.d.ts +4 -4
  59. package/dist/es6/segmented-control/lib/hooks/useSegmentedControlModel.d.ts +94 -94
  60. package/dist/es6/side-panel/lib/SidePanel.d.ts.map +1 -1
  61. package/dist/es6/side-panel/lib/SidePanel.js +2 -0
  62. package/dist/es6/status-indicator/lib/StatusIndicator.d.ts.map +1 -1
  63. package/dist/es6/status-indicator/lib/StatusIndicator.js +13 -13
  64. package/dist/es6/status-indicator/lib/StatusIndicatorLabel.js +1 -1
  65. package/information-highlight/lib/InformationHighlight.tsx +2 -1
  66. package/loading-sparkles/lib/LoadingSparkles.tsx +7 -0
  67. package/package.json +4 -4
  68. package/side-panel/lib/SidePanel.tsx +2 -0
  69. package/status-indicator/lib/StatusIndicator.tsx +1 -0
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: "mog32", 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: "zdzu2", 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.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"InformationHighlight.d.ts","sourceRoot":"","sources":["../../../../information-highlight/lib/InformationHighlight.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAsC,OAAO,EAAC,MAAM,6BAA6B,CAAC;AAUzF,UAAU,yBAA0B,SAAQ,OAAO;CAAG;AAEtD,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAmFtC,CAAC;AAEH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;CAkB/B,CAAC"}
1
+ {"version":3,"file":"InformationHighlight.d.ts","sourceRoot":"","sources":["../../../../information-highlight/lib/InformationHighlight.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAsC,OAAO,EAAS,MAAM,6BAA6B,CAAC;AAUjG,UAAU,yBAA0B,SAAQ,OAAO;CAAG;AAEtD,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAoFtC,CAAC;AAEH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;CAkB/B,CAAC"}
package/dist/commonjs/information-highlight/lib/InformationHighlight.js CHANGED
@@ -35,22 +35,22 @@ 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: "mog31z", 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);" },
38
+ base: { name: "zdzu1z", 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: "mog320", 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: "mog321", 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: "zdzu20", 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: "zdzu21", 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: "mog322", 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: "mog323", 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: "zdzu22", 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: "zdzu23", 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: "mog324", 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: "mog325", 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: "zdzu24", 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: "zdzu25", 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
- }, "information-highlight-609103");
53
+ }, "information-highlight-7cbb61");
54
54
  exports.InformationHighlight = (0, common_1.createContainer)('section')({
55
55
  displayName: 'InformationHighlight',
56
56
  modelHook: useInformationHighlightModel_1.useInformationHighlightModel,
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: "mog31x", 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: "zdzu1x", 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: "mog31w", 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: "zdzu1w", 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: "mog31y", 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: "zdzu1y", 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.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"LoadingSparkles.d.ts","sourceRoot":"","sources":["../../../../loading-sparkles/lib/LoadingSparkles.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,OAAO,EAKR,MAAM,6BAA6B,CAAC;AA8ErC;;GAEG;AACH,eAAO,MAAM,eAAe,6EAW1B,CAAC"}
1
+ {"version":3,"file":"LoadingSparkles.d.ts","sourceRoot":"","sources":["../../../../loading-sparkles/lib/LoadingSparkles.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,OAAO,EAKR,MAAM,6BAA6B,CAAC;AAqFrC;;GAEG;AACH,eAAO,MAAM,eAAe,6EAW1B,CAAC"}
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: "mog33", 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: "mog34", styles: "animation-duration:1230ms;animation-fill-mode:both;animation-iteration-count:infinite;animation-name:animation-mog33;animation-timing-function:ease-in-out;.wd-sparkle-fill{fill:#8C17D2;}&:nth-child(1){animation-delay:0ms;}&:nth-child(2){animation-delay:calc(1230ms * (1/3));}&:nth-child(3){animation-delay:calc(1230ms * (2/3));}" });
52
+ const LOADING_ANIMATION = (0, canvas_kit_styling_1.keyframes)({ name: "zdzu3", 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: "zdzu4", styles: "animation-duration:1230ms;animation-fill-mode:both;animation-iteration-count:infinite;animation-name:animation-zdzu3;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: "mog35", styles: "display:inline-flex;gap:0.0625rem;" });
60
+ const loadingSparklesStyles = (0, canvas_kit_styling_1.createStyles)({ name: "zdzu5", 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
  */