@workday/canvas-kit-preview-react 13.0.0-alpha.1072-next.0 → 13.0.0-alpha.1075-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 (231) hide show
  1. package/color-picker/lib/parts/ColorReset.tsx +0 -1
  2. package/dist/commonjs/color-picker/lib/ColorPicker.d.ts +1 -1
  3. package/dist/commonjs/color-picker/lib/ColorPicker.js +2 -8
  4. package/dist/commonjs/color-picker/lib/parts/ColorReset.d.ts +1 -2
  5. package/dist/commonjs/color-picker/lib/parts/ColorReset.d.ts.map +1 -1
  6. package/dist/commonjs/color-picker/lib/parts/ColorReset.js +2 -27
  7. package/dist/commonjs/color-picker/lib/parts/SwatchBook.d.ts +1 -2
  8. package/dist/commonjs/color-picker/lib/parts/SwatchBook.d.ts.map +1 -1
  9. package/dist/commonjs/color-picker/lib/parts/SwatchBook.js +9 -33
  10. package/dist/commonjs/divider/lib/Divider.d.ts.map +1 -1
  11. package/dist/commonjs/divider/lib/Divider.js +4 -27
  12. package/dist/commonjs/index.d.ts +0 -1
  13. package/dist/commonjs/index.d.ts.map +1 -1
  14. package/dist/commonjs/index.js +0 -1
  15. package/dist/commonjs/information-highlight/lib/InformationHighlight.d.ts.map +1 -1
  16. package/dist/commonjs/information-highlight/lib/InformationHighlight.js +10 -33
  17. package/dist/commonjs/information-highlight/lib/parts/Body.d.ts.map +1 -1
  18. package/dist/commonjs/information-highlight/lib/parts/Body.js +4 -27
  19. package/dist/commonjs/information-highlight/lib/parts/Heading.d.ts.map +1 -1
  20. package/dist/commonjs/information-highlight/lib/parts/Heading.js +4 -27
  21. package/dist/commonjs/information-highlight/lib/parts/Icon.d.ts.map +1 -1
  22. package/dist/commonjs/information-highlight/lib/parts/Icon.js +2 -25
  23. package/dist/commonjs/information-highlight/lib/parts/Link.d.ts.map +1 -1
  24. package/dist/commonjs/information-highlight/lib/parts/Link.js +4 -27
  25. package/dist/commonjs/loading-sparkles/lib/LoadingSparkles.d.ts.map +1 -1
  26. package/dist/commonjs/loading-sparkles/lib/LoadingSparkles.js +6 -32
  27. package/dist/commonjs/menu/lib/Menu.d.ts +1 -1
  28. package/dist/commonjs/menu/lib/Menu.js +16 -17
  29. package/dist/commonjs/menu/lib/MenuItem.d.ts +1 -1
  30. package/dist/commonjs/menu/lib/MenuItem.js +2 -6
  31. package/dist/commonjs/multi-select/lib/MultiSelect.d.ts +2 -2
  32. package/dist/commonjs/multi-select/lib/MultiSelect.js +2 -5
  33. package/dist/commonjs/multi-select/lib/MultiSelectCard.d.ts +34 -35
  34. package/dist/commonjs/multi-select/lib/MultiSelectCard.d.ts.map +1 -1
  35. package/dist/commonjs/multi-select/lib/MultiSelectCard.js +2 -5
  36. package/dist/commonjs/multi-select/lib/MultiSelectInput.js +4 -23
  37. package/dist/commonjs/multi-select/lib/MultiSelectItem.d.ts +48 -49
  38. package/dist/commonjs/multi-select/lib/MultiSelectItem.d.ts.map +1 -1
  39. package/dist/commonjs/multi-select/lib/MultiSelectItem.js +2 -5
  40. package/dist/commonjs/multi-select/lib/MultiSelectedItem.d.ts +38 -39
  41. package/dist/commonjs/multi-select/lib/MultiSelectedItem.d.ts.map +1 -1
  42. package/dist/commonjs/multi-select/lib/MultiSelectedItem.js +2 -7
  43. package/dist/commonjs/multi-select/lib/MultiSelectedList.js +2 -7
  44. package/dist/commonjs/pill/lib/Pill.d.ts +3 -36
  45. package/dist/commonjs/pill/lib/Pill.d.ts.map +1 -1
  46. package/dist/commonjs/pill/lib/Pill.js +17 -24
  47. package/dist/commonjs/pill/lib/PillAvatar.d.ts.map +1 -1
  48. package/dist/commonjs/pill/lib/PillAvatar.js +4 -7
  49. package/dist/commonjs/pill/lib/PillCount.d.ts.map +1 -1
  50. package/dist/commonjs/pill/lib/PillCount.js +4 -7
  51. package/dist/commonjs/pill/lib/PillIcon.d.ts.map +1 -1
  52. package/dist/commonjs/pill/lib/PillIcon.js +4 -7
  53. package/dist/commonjs/pill/lib/PillIconButton.d.ts.map +1 -1
  54. package/dist/commonjs/pill/lib/PillIconButton.js +4 -8
  55. package/dist/commonjs/pill/lib/PillLabel.d.ts.map +1 -1
  56. package/dist/commonjs/pill/lib/PillLabel.js +4 -8
  57. package/dist/commonjs/radio/lib/RadioButton.d.ts +2 -3
  58. package/dist/commonjs/radio/lib/RadioButton.d.ts.map +1 -1
  59. package/dist/commonjs/radio/lib/RadioButton.js +2 -7
  60. package/dist/commonjs/radio/lib/RadioGroup.d.ts +12 -13
  61. package/dist/commonjs/radio/lib/RadioGroup.d.ts.map +1 -1
  62. package/dist/commonjs/radio/lib/RadioGroup.js +6 -9
  63. package/dist/commonjs/radio/lib/RadioInput.js +2 -1
  64. package/dist/commonjs/radio/lib/RadioLabel.js +3 -3
  65. package/dist/commonjs/radio/lib/RadioText.js +6 -5
  66. package/dist/commonjs/radio/lib/StyledRadioButton.js +9 -10
  67. package/dist/commonjs/segmented-control/lib/SegmentedControl.js +2 -5
  68. package/dist/commonjs/segmented-control/lib/SegmentedControlItem.js +3 -5
  69. package/dist/commonjs/segmented-control/lib/SegmentedControlList.js +2 -25
  70. package/dist/commonjs/select/lib/Select.js +3 -2
  71. package/dist/commonjs/select/lib/SelectBase.d.ts +1 -1
  72. package/dist/commonjs/select/lib/SelectBase.d.ts.map +1 -1
  73. package/dist/commonjs/select/lib/SelectBase.js +18 -21
  74. package/dist/commonjs/select/lib/SelectMenu.d.ts +1 -1
  75. package/dist/commonjs/select/lib/SelectMenu.d.ts.map +1 -1
  76. package/dist/commonjs/select/lib/SelectMenu.js +4 -28
  77. package/dist/commonjs/select/lib/SelectOption.d.ts +1 -1
  78. package/dist/commonjs/select/lib/SelectOption.d.ts.map +1 -1
  79. package/dist/commonjs/select/lib/SelectOption.js +2 -25
  80. package/dist/commonjs/side-panel/lib/SidePanel.js +15 -15
  81. package/dist/commonjs/side-panel/lib/SidePanelToggleButton.js +18 -18
  82. package/dist/commonjs/status-indicator/lib/StatusIndicator.js +15 -18
  83. package/dist/commonjs/status-indicator/lib/StatusIndicatorIcon.d.ts.map +1 -1
  84. package/dist/commonjs/status-indicator/lib/StatusIndicatorIcon.js +2 -5
  85. package/dist/commonjs/status-indicator/lib/StatusIndicatorLabel.d.ts.map +1 -1
  86. package/dist/commonjs/status-indicator/lib/StatusIndicatorLabel.js +4 -7
  87. package/dist/commonjs/text-area/lib/TextArea.js +3 -6
  88. package/dist/commonjs/text-area/lib/TextAreaField.d.ts.map +1 -1
  89. package/dist/commonjs/text-area/lib/TextAreaField.js +2 -4
  90. package/dist/commonjs/text-input/lib/TextInput.js +3 -6
  91. package/dist/commonjs/text-input/lib/TextInputField.d.ts +0 -6
  92. package/dist/commonjs/text-input/lib/TextInputField.d.ts.map +1 -1
  93. package/dist/commonjs/text-input/lib/TextInputField.js +2 -4
  94. package/dist/es6/color-picker/lib/ColorPicker.d.ts +1 -1
  95. package/dist/es6/color-picker/lib/ColorPicker.js +2 -8
  96. package/dist/es6/color-picker/lib/parts/ColorReset.d.ts +1 -2
  97. package/dist/es6/color-picker/lib/parts/ColorReset.d.ts.map +1 -1
  98. package/dist/es6/color-picker/lib/parts/ColorReset.js +2 -4
  99. package/dist/es6/color-picker/lib/parts/SwatchBook.d.ts +1 -2
  100. package/dist/es6/color-picker/lib/parts/SwatchBook.d.ts.map +1 -1
  101. package/dist/es6/color-picker/lib/parts/SwatchBook.js +9 -10
  102. package/dist/es6/divider/lib/Divider.d.ts.map +1 -1
  103. package/dist/es6/divider/lib/Divider.js +4 -4
  104. package/dist/es6/index.d.ts +0 -1
  105. package/dist/es6/index.d.ts.map +1 -1
  106. package/dist/es6/index.js +0 -1
  107. package/dist/es6/information-highlight/lib/InformationHighlight.d.ts.map +1 -1
  108. package/dist/es6/information-highlight/lib/InformationHighlight.js +10 -10
  109. package/dist/es6/information-highlight/lib/parts/Body.d.ts.map +1 -1
  110. package/dist/es6/information-highlight/lib/parts/Body.js +4 -4
  111. package/dist/es6/information-highlight/lib/parts/Heading.d.ts.map +1 -1
  112. package/dist/es6/information-highlight/lib/parts/Heading.js +4 -4
  113. package/dist/es6/information-highlight/lib/parts/Icon.d.ts.map +1 -1
  114. package/dist/es6/information-highlight/lib/parts/Icon.js +2 -2
  115. package/dist/es6/information-highlight/lib/parts/Link.d.ts.map +1 -1
  116. package/dist/es6/information-highlight/lib/parts/Link.js +4 -4
  117. package/dist/es6/loading-sparkles/lib/LoadingSparkles.d.ts.map +1 -1
  118. package/dist/es6/loading-sparkles/lib/LoadingSparkles.js +6 -9
  119. package/dist/es6/menu/lib/Menu.d.ts +1 -1
  120. package/dist/es6/menu/lib/Menu.js +16 -17
  121. package/dist/es6/menu/lib/MenuItem.d.ts +1 -1
  122. package/dist/es6/menu/lib/MenuItem.js +2 -6
  123. package/dist/es6/multi-select/lib/MultiSelect.d.ts +2 -2
  124. package/dist/es6/multi-select/lib/MultiSelect.js +2 -2
  125. package/dist/es6/multi-select/lib/MultiSelectCard.d.ts +34 -35
  126. package/dist/es6/multi-select/lib/MultiSelectCard.d.ts.map +1 -1
  127. package/dist/es6/multi-select/lib/MultiSelectCard.js +2 -2
  128. package/dist/es6/multi-select/lib/MultiSelectInput.js +4 -20
  129. package/dist/es6/multi-select/lib/MultiSelectItem.d.ts +48 -49
  130. package/dist/es6/multi-select/lib/MultiSelectItem.d.ts.map +1 -1
  131. package/dist/es6/multi-select/lib/MultiSelectItem.js +2 -2
  132. package/dist/es6/multi-select/lib/MultiSelectedItem.d.ts +38 -39
  133. package/dist/es6/multi-select/lib/MultiSelectedItem.d.ts.map +1 -1
  134. package/dist/es6/multi-select/lib/MultiSelectedItem.js +2 -4
  135. package/dist/es6/multi-select/lib/MultiSelectedList.js +2 -4
  136. package/dist/es6/pill/lib/Pill.d.ts +3 -36
  137. package/dist/es6/pill/lib/Pill.d.ts.map +1 -1
  138. package/dist/es6/pill/lib/Pill.js +17 -21
  139. package/dist/es6/pill/lib/PillAvatar.d.ts.map +1 -1
  140. package/dist/es6/pill/lib/PillAvatar.js +4 -4
  141. package/dist/es6/pill/lib/PillCount.d.ts.map +1 -1
  142. package/dist/es6/pill/lib/PillCount.js +4 -4
  143. package/dist/es6/pill/lib/PillIcon.d.ts.map +1 -1
  144. package/dist/es6/pill/lib/PillIcon.js +4 -4
  145. package/dist/es6/pill/lib/PillIconButton.d.ts.map +1 -1
  146. package/dist/es6/pill/lib/PillIconButton.js +4 -5
  147. package/dist/es6/pill/lib/PillLabel.d.ts.map +1 -1
  148. package/dist/es6/pill/lib/PillLabel.js +4 -5
  149. package/dist/es6/radio/lib/RadioButton.d.ts +2 -3
  150. package/dist/es6/radio/lib/RadioButton.d.ts.map +1 -1
  151. package/dist/es6/radio/lib/RadioButton.js +2 -4
  152. package/dist/es6/radio/lib/RadioGroup.d.ts +12 -13
  153. package/dist/es6/radio/lib/RadioGroup.d.ts.map +1 -1
  154. package/dist/es6/radio/lib/RadioGroup.js +6 -6
  155. package/dist/es6/radio/lib/RadioInput.js +2 -1
  156. package/dist/es6/radio/lib/RadioLabel.js +3 -3
  157. package/dist/es6/radio/lib/RadioText.js +6 -5
  158. package/dist/es6/radio/lib/StyledRadioButton.js +9 -10
  159. package/dist/es6/segmented-control/lib/SegmentedControl.js +2 -2
  160. package/dist/es6/segmented-control/lib/SegmentedControlItem.js +3 -5
  161. package/dist/es6/segmented-control/lib/SegmentedControlList.js +2 -2
  162. package/dist/es6/select/lib/Select.js +3 -2
  163. package/dist/es6/select/lib/SelectBase.d.ts +1 -1
  164. package/dist/es6/select/lib/SelectBase.d.ts.map +1 -1
  165. package/dist/es6/select/lib/SelectBase.js +18 -21
  166. package/dist/es6/select/lib/SelectMenu.d.ts +1 -1
  167. package/dist/es6/select/lib/SelectMenu.d.ts.map +1 -1
  168. package/dist/es6/select/lib/SelectMenu.js +4 -5
  169. package/dist/es6/select/lib/SelectOption.d.ts +1 -1
  170. package/dist/es6/select/lib/SelectOption.d.ts.map +1 -1
  171. package/dist/es6/select/lib/SelectOption.js +2 -2
  172. package/dist/es6/side-panel/lib/SidePanel.js +15 -15
  173. package/dist/es6/side-panel/lib/SidePanelToggleButton.js +18 -18
  174. package/dist/es6/status-indicator/lib/StatusIndicator.js +15 -15
  175. package/dist/es6/status-indicator/lib/StatusIndicatorIcon.d.ts.map +1 -1
  176. package/dist/es6/status-indicator/lib/StatusIndicatorIcon.js +2 -2
  177. package/dist/es6/status-indicator/lib/StatusIndicatorLabel.d.ts.map +1 -1
  178. package/dist/es6/status-indicator/lib/StatusIndicatorLabel.js +4 -4
  179. package/dist/es6/text-area/lib/TextArea.js +3 -3
  180. package/dist/es6/text-area/lib/TextAreaField.d.ts.map +1 -1
  181. package/dist/es6/text-area/lib/TextAreaField.js +2 -4
  182. package/dist/es6/text-input/lib/TextInput.js +3 -3
  183. package/dist/es6/text-input/lib/TextInputField.d.ts +0 -6
  184. package/dist/es6/text-input/lib/TextInputField.d.ts.map +1 -1
  185. package/dist/es6/text-input/lib/TextInputField.js +2 -4
  186. package/divider/lib/Divider.tsx +0 -1
  187. package/index.ts +0 -1
  188. package/information-highlight/lib/InformationHighlight.tsx +0 -1
  189. package/information-highlight/lib/parts/Body.tsx +0 -1
  190. package/information-highlight/lib/parts/Heading.tsx +0 -1
  191. package/information-highlight/lib/parts/Icon.tsx +0 -1
  192. package/information-highlight/lib/parts/Link.tsx +0 -1
  193. package/loading-sparkles/lib/LoadingSparkles.tsx +0 -1
  194. package/multi-select/lib/MultiSelectCard.tsx +0 -2
  195. package/multi-select/lib/MultiSelectItem.tsx +0 -2
  196. package/multi-select/lib/MultiSelectedItem.tsx +0 -2
  197. package/package.json +5 -5
  198. package/pill/lib/Pill.tsx +0 -2
  199. package/pill/lib/PillAvatar.tsx +0 -2
  200. package/pill/lib/PillCount.tsx +0 -2
  201. package/pill/lib/PillIcon.tsx +0 -2
  202. package/pill/lib/PillIconButton.tsx +0 -2
  203. package/pill/lib/PillLabel.tsx +0 -2
  204. package/radio/lib/RadioButton.tsx +0 -1
  205. package/radio/lib/RadioGroup.tsx +0 -1
  206. package/status-indicator/lib/StatusIndicatorIcon.tsx +0 -2
  207. package/status-indicator/lib/StatusIndicatorLabel.tsx +0 -2
  208. package/text-area/lib/TextAreaField.tsx +1 -5
  209. package/text-input/lib/TextInputField.tsx +1 -5
  210. package/common/index.ts +0 -1
  211. package/common/lib/parts/_brand-assets.ts +0 -19
  212. package/common/lib/parts/index.ts +0 -1
  213. package/common/package.json +0 -6
  214. package/dist/commonjs/common/index.d.ts +0 -2
  215. package/dist/commonjs/common/index.d.ts.map +0 -1
  216. package/dist/commonjs/common/index.js +0 -17
  217. package/dist/commonjs/common/lib/parts/_brand-assets.d.ts +0 -10
  218. package/dist/commonjs/common/lib/parts/_brand-assets.d.ts.map +0 -1
  219. package/dist/commonjs/common/lib/parts/_brand-assets.js +0 -13
  220. package/dist/commonjs/common/lib/parts/index.d.ts +0 -2
  221. package/dist/commonjs/common/lib/parts/index.d.ts.map +0 -1
  222. package/dist/commonjs/common/lib/parts/index.js +0 -17
  223. package/dist/es6/common/index.d.ts +0 -2
  224. package/dist/es6/common/index.d.ts.map +0 -1
  225. package/dist/es6/common/index.js +0 -1
  226. package/dist/es6/common/lib/parts/_brand-assets.d.ts +0 -10
  227. package/dist/es6/common/lib/parts/_brand-assets.d.ts.map +0 -1
  228. package/dist/es6/common/lib/parts/_brand-assets.js +0 -10
  229. package/dist/es6/common/lib/parts/index.d.ts +0 -2
  230. package/dist/es6/common/lib/parts/index.d.ts.map +0 -1
  231. package/dist/es6/common/lib/parts/index.js +0 -1
@@ -1,4 +1,3 @@
1
- import * as React from 'react';
2
1
  import styled from '@emotion/styled';
3
2
 
4
3
  import {colors, space, type} from '@workday/canvas-kit-react/tokens';
@@ -49,7 +49,7 @@ export interface ColorPickerProps extends React.HTMLAttributes<HTMLDivElement> {
49
49
  resetLabel?: string;
50
50
  }
51
51
  export declare const ColorPicker: {
52
- ({ colorSet, customHexInputLabel, submitLabel, onColorChange, onColorReset, onSubmitClick, resetLabel, resetColor, value, showCustomHexInput, ...elemProps }: ColorPickerProps): React.JSX.Element;
52
+ ({ colorSet, customHexInputLabel, submitLabel, onColorChange, onColorReset, onSubmitClick, resetLabel, resetColor, value, showCustomHexInput, ...elemProps }: ColorPickerProps): import("react/jsx-runtime").JSX.Element;
53
53
  defaultColorSet: string[];
54
54
  };
55
55
  //# sourceMappingURL=ColorPicker.d.ts.map
@@ -27,6 +27,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
27
27
  };
28
28
  Object.defineProperty(exports, "__esModule", { value: true });
29
29
  exports.ColorPicker = void 0;
30
+ const jsx_runtime_1 = require("react/jsx-runtime");
30
31
  const tokens_1 = require("@workday/canvas-kit-react/tokens");
31
32
  const canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
32
33
  const color_picker_1 = require("@workday/canvas-kit-react/color-picker");
@@ -149,14 +150,7 @@ const ColorPicker = ({ colorSet = defaultColorSet, customHexInputLabel = 'Custom
149
150
  onColorChange(validHexValue);
150
151
  event.preventDefault(); // don't submit the form - default action is to reload the page
151
152
  };
152
- return (React.createElement(ColorPickerContainer, { ...elemProps },
153
- onColorReset && resetColor && (React.createElement(ColorReset_1.ResetButton, { onClick: onColorReset, resetColor: resetColor, label: resetLabel })),
154
- React.createElement(SwatchBook_1.SwatchBook, { colors: colorSet, onSelect: onColorChange, value: value }),
155
- showCustomHexInput && (React.createElement(ColorInputWrapper, { onSubmit: onSubmit },
156
- React.createElement(ColorInputAndLabel, null,
157
- React.createElement(form_field_1.FormField.Label, null, customHexInputLabel),
158
- React.createElement(form_field_1.FormField.Input, { as: HexColorInput, onChange: onCustomHexChange, onValidColorChange: onValidCustomHexChange, value: customHexValue, showCheck: value === validHexValue || value === customHexValue })),
159
- React.createElement(CheckButton, { "aria-label": submitLabel, icon: canvas_system_icons_web_1.checkIcon, type: "submit", disabled: disabled })))));
153
+ return ((0, jsx_runtime_1.jsxs)(ColorPickerContainer, { ...elemProps, children: [onColorReset && resetColor && ((0, jsx_runtime_1.jsx)(ColorReset_1.ResetButton, { onClick: onColorReset, resetColor: resetColor, label: resetLabel })), (0, jsx_runtime_1.jsx)(SwatchBook_1.SwatchBook, { colors: colorSet, onSelect: onColorChange, value: value }), showCustomHexInput && ((0, jsx_runtime_1.jsxs)(ColorInputWrapper, { onSubmit: onSubmit, children: [(0, jsx_runtime_1.jsxs)(ColorInputAndLabel, { children: [(0, jsx_runtime_1.jsx)(form_field_1.FormField.Label, { children: customHexInputLabel }), (0, jsx_runtime_1.jsx)(form_field_1.FormField.Input, { as: HexColorInput, onChange: onCustomHexChange, onValidColorChange: onValidCustomHexChange, value: customHexValue, showCheck: value === validHexValue || value === customHexValue })] }), (0, jsx_runtime_1.jsx)(CheckButton, { "aria-label": submitLabel, icon: canvas_system_icons_web_1.checkIcon, type: "submit", disabled: disabled })] }))] }));
160
154
  };
161
155
  exports.ColorPicker = ColorPicker;
162
156
  exports.ColorPicker.defaultColorSet = defaultColorSet;
@@ -1,8 +1,7 @@
1
- import * as React from 'react';
2
1
  export interface ResetButtonProps {
3
2
  label: string;
4
3
  resetColor: string;
5
4
  onClick: (color: string) => void;
6
5
  }
7
- export declare const ResetButton: ({ onClick, resetColor, label }: ResetButtonProps) => React.JSX.Element;
6
+ export declare const ResetButton: ({ onClick, resetColor, label }: ResetButtonProps) => import("react/jsx-runtime").JSX.Element;
8
7
  //# sourceMappingURL=ColorReset.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ColorReset.d.ts","sourceRoot":"","sources":["../../../../../color-picker/lib/parts/ColorReset.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC;AAoCD,eAAO,MAAM,WAAW,mCAAkC,gBAAgB,sBASzE,CAAC"}
1
+ {"version":3,"file":"ColorReset.d.ts","sourceRoot":"","sources":["../../../../../color-picker/lib/parts/ColorReset.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC;AAoCD,eAAO,MAAM,WAAW,mCAAkC,gBAAgB,4CASzE,CAAC"}
@@ -1,33 +1,10 @@
1
1
  "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
2
  var __importDefault = (this && this.__importDefault) || function (mod) {
26
3
  return (mod && mod.__esModule) ? mod : { "default": mod };
27
4
  };
28
5
  Object.defineProperty(exports, "__esModule", { value: true });
29
6
  exports.ResetButton = void 0;
30
- const React = __importStar(require("react"));
7
+ const jsx_runtime_1 = require("react/jsx-runtime");
31
8
  const styled_1 = __importDefault(require("@emotion/styled"));
32
9
  const tokens_1 = require("@workday/canvas-kit-react/tokens");
33
10
  const common_1 = require("@workday/canvas-kit-react/common");
@@ -63,8 +40,6 @@ const Container = (0, styled_1.default)('button')({
63
40
  });
64
41
  const ResetButton = ({ onClick, resetColor, label }) => {
65
42
  const handleResetColor = () => onClick(resetColor);
66
- return (React.createElement(Container, { onClick: handleResetColor },
67
- React.createElement(color_picker_1.ColorSwatch, { color: resetColor }),
68
- React.createElement(Label, null, label)));
43
+ return ((0, jsx_runtime_1.jsxs)(Container, { onClick: handleResetColor, children: [(0, jsx_runtime_1.jsx)(color_picker_1.ColorSwatch, { color: resetColor }), (0, jsx_runtime_1.jsx)(Label, { children: label })] }));
69
44
  };
70
45
  exports.ResetButton = ResetButton;
@@ -1,4 +1,3 @@
1
- import * as React from 'react';
2
1
  export interface SwatchBookColorObject {
3
2
  value: string;
4
3
  label: string;
@@ -8,5 +7,5 @@ export interface SwatchBookProps {
8
7
  value?: string;
9
8
  onSelect: (color: string) => void;
10
9
  }
11
- export declare const SwatchBook: ({ colors, value, onSelect }: SwatchBookProps) => React.JSX.Element;
10
+ export declare const SwatchBook: ({ colors, value, onSelect }: SwatchBookProps) => import("react/jsx-runtime").JSX.Element;
12
11
  //# sourceMappingURL=SwatchBook.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"SwatchBook.d.ts","sourceRoot":"","sources":["../../../../../color-picker/lib/parts/SwatchBook.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,CAAC,MAAM,GAAG,qBAAqB,CAAC,EAAE,CAAC;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAkDD,eAAO,MAAM,UAAU,gCAA+B,eAAe,sBA6BpE,CAAC"}
1
+ {"version":3,"file":"SwatchBook.d.ts","sourceRoot":"","sources":["../../../../../color-picker/lib/parts/SwatchBook.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,CAAC,MAAM,GAAG,qBAAqB,CAAC,EAAE,CAAC;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAkDD,eAAO,MAAM,UAAU,gCAA+B,eAAe,4CA6BpE,CAAC"}
@@ -1,33 +1,10 @@
1
1
  "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
2
  var __importDefault = (this && this.__importDefault) || function (mod) {
26
3
  return (mod && mod.__esModule) ? mod : { "default": mod };
27
4
  };
28
5
  Object.defineProperty(exports, "__esModule", { value: true });
29
6
  exports.SwatchBook = void 0;
30
- const React = __importStar(require("react"));
7
+ const jsx_runtime_1 = require("react/jsx-runtime");
31
8
  const styled_1 = __importDefault(require("@emotion/styled"));
32
9
  const tokens_1 = require("@workday/canvas-kit-react/tokens");
33
10
  const common_1 = require("@workday/canvas-kit-react/common");
@@ -69,14 +46,13 @@ const Container = (0, styled_1.default)('div')({
69
46
  margin: `0px -${tokens_1.space.xxs} -${tokens_1.space.xxs} 0px`,
70
47
  });
71
48
  const SwatchBook = ({ colors, value, onSelect }) => {
72
- return (React.createElement(Container, null, colors.map((color, index) => {
73
- const hexCode = typeof color === 'object' ? color.value : color;
74
- const label = typeof color === 'object' ? color.label : color;
75
- const isSelected = value ? hexCode.toLowerCase() === value.toLowerCase() : false;
76
- const handleClick = () => onSelect(hexCode);
77
- const handleKeyDown = (event) => (event.key === 'Enter' || event.key === ' ') && onSelect(hexCode);
78
- return (React.createElement(SwatchContainer, { key: index + '-' + color, onClick: handleClick, onKeyDown: handleKeyDown, tabIndex: 0, isSelected: isSelected, role: "button", "aria-label": label, "aria-selected": isSelected },
79
- React.createElement(color_picker_1.ColorSwatch, { color: hexCode, showCheck: isSelected })));
80
- })));
49
+ return ((0, jsx_runtime_1.jsx)(Container, { children: colors.map((color, index) => {
50
+ const hexCode = typeof color === 'object' ? color.value : color;
51
+ const label = typeof color === 'object' ? color.label : color;
52
+ const isSelected = value ? hexCode.toLowerCase() === value.toLowerCase() : false;
53
+ const handleClick = () => onSelect(hexCode);
54
+ const handleKeyDown = (event) => (event.key === 'Enter' || event.key === ' ') && onSelect(hexCode);
55
+ return ((0, jsx_runtime_1.jsx)(SwatchContainer, { onClick: handleClick, onKeyDown: handleKeyDown, tabIndex: 0, isSelected: isSelected, role: "button", "aria-label": label, "aria-selected": isSelected, children: (0, jsx_runtime_1.jsx)(color_picker_1.ColorSwatch, { color: hexCode, showCheck: isSelected }) }, index + '-' + color));
56
+ }) }));
81
57
  };
82
58
  exports.SwatchBook = SwatchBook;
@@ -1 +1 @@
1
- {"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../divider/lib/Divider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,OAAO,EAIR,MAAM,6BAA6B,CAAC;AAGrC,eAAO,MAAM,cAAc;;;;gBAazB,CAAC;AAEH,MAAM,WAAW,YAAa,SAAQ,OAAO;IAC3C;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,OAAO,iFAKlB,CAAC"}
1
+ {"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../divider/lib/Divider.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,OAAO,EAIR,MAAM,6BAA6B,CAAC;AAGrC,eAAO,MAAM,cAAc;;;;gBAazB,CAAC;AAEH,MAAM,WAAW,YAAa,SAAQ,OAAO;IAC3C;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,OAAO,iFAKlB,CAAC"}
@@ -1,30 +1,7 @@
1
1
  "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
2
  Object.defineProperty(exports, "__esModule", { value: true });
26
3
  exports.Divider = exports.dividerStencil = void 0;
27
- const React = __importStar(require("react"));
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
28
5
  const common_1 = require("@workday/canvas-kit-react/common");
29
6
  const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
30
7
  const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
@@ -32,8 +9,8 @@ exports.dividerStencil = (0, canvas_kit_styling_1.createStencil)({
32
9
  vars: {
33
10
  space: (0, canvas_kit_styling_1.cssVar)(canvas_tokens_web_1.system.space.x4),
34
11
  },
35
- base: { name: "s3s52", 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
- }, "divider-156e29");
12
+ base: { name: "l7xv2", 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
+ }, "divider-a2c50d");
37
14
  /**
38
15
  * # Divider
39
16
  * A divider to segment and visually organize content. By default, it renders a semantic `[<hr>](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/hr)` element.
@@ -54,5 +31,5 @@ exports.dividerStencil = (0, canvas_kit_styling_1.createStencil)({
54
31
  */
55
32
  exports.Divider = (0, common_1.createComponent)('hr')({
56
33
  displayName: 'Divider',
57
- Component: ({ space, ...elemProps }, ref, Element) => (React.createElement(Element, { ref: ref, ...(0, canvas_kit_styling_1.handleCsProp)(elemProps, (0, exports.dividerStencil)({ space })) })),
34
+ Component: ({ space, ...elemProps }, ref, Element) => ((0, jsx_runtime_1.jsx)(Element, { ref: ref, ...(0, canvas_kit_styling_1.handleCsProp)(elemProps, (0, exports.dividerStencil)({ space })) })),
58
35
  });
@@ -1,5 +1,4 @@
1
1
  export * from './color-picker';
2
- export * from './common';
3
2
  export * from './divider';
4
3
  export * from './loading-sparkles';
5
4
  export * from './menu';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,yBAAyB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,yBAAyB,CAAC"}
@@ -15,7 +15,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
15
15
  };
16
16
  Object.defineProperty(exports, "__esModule", { value: true });
17
17
  __exportStar(require("./color-picker"), exports);
18
- __exportStar(require("./common"), exports);
19
18
  __exportStar(require("./divider"), exports);
20
19
  __exportStar(require("./loading-sparkles"), exports);
21
20
  __exportStar(require("./menu"), exports);
@@ -1 +1 @@
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"}
1
+ {"version":3,"file":"InformationHighlight.d.ts","sourceRoot":"","sources":["../../../../information-highlight/lib/InformationHighlight.tsx"],"names":[],"mappings":"AACA,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"}
@@ -1,30 +1,7 @@
1
1
  "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
2
  Object.defineProperty(exports, "__esModule", { value: true });
26
3
  exports.InformationHighlight = exports.informationHighlightStencil = void 0;
27
- const React = __importStar(require("react"));
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
28
5
  const common_1 = require("@workday/canvas-kit-react/common");
29
6
  const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
30
7
  const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
@@ -35,22 +12,22 @@ const Link_1 = require("./parts/Link");
35
12
  const useInformationHighlightModel_1 = require("./hooks/useInformationHighlightModel");
36
13
  const icon_1 = require("@workday/canvas-kit-react/icon");
37
14
  exports.informationHighlightStencil = (0, canvas_kit_styling_1.createStencil)({
38
- base: { name: "s3s54o", 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: "l7xv4o", 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
16
  modifiers: {
40
17
  informational: {
41
- low: { name: "s3s54p", 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: "s3s54q", 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);}" }
18
+ low: { name: "l7xv4p", 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: "l7xv4q", 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);}" }
43
20
  },
44
21
  caution: {
45
- low: { name: "s3s54r", 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: "s3s54s", 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);}" }
22
+ low: { name: "l7xv4r", 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: "l7xv4s", 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);}" }
47
24
  },
48
25
  critical: {
49
- low: { name: "s3s54t", 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: "s3s54u", 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);}" }
26
+ low: { name: "l7xv4t", 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: "l7xv4u", 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);}" }
51
28
  }
52
29
  }
53
- }, "information-highlight-7cbb61");
30
+ }, "information-highlight-8bd64c");
54
31
  exports.InformationHighlight = (0, common_1.createContainer)('section')({
55
32
  displayName: 'InformationHighlight',
56
33
  modelHook: useInformationHighlightModel_1.useInformationHighlightModel,
@@ -61,5 +38,5 @@ exports.InformationHighlight = (0, common_1.createContainer)('section')({
61
38
  Link: Link_1.Link,
62
39
  },
63
40
  })(({ ...elemProps }, Element, model) => {
64
- return (React.createElement(Element, { ...(0, canvas_kit_styling_1.handleCsProp)(elemProps, (0, exports.informationHighlightStencil)({ [model.state.variant]: model.state.emphasis })) }));
41
+ return ((0, jsx_runtime_1.jsx)(Element, { ...(0, canvas_kit_styling_1.handleCsProp)(elemProps, (0, exports.informationHighlightStencil)({ [model.state.variant]: model.state.emphasis })) }));
65
42
  });
@@ -1 +1 @@
1
- {"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../../../information-highlight/lib/parts/Body.tsx"],"names":[],"mappings":"AAiBA,eAAO,MAAM,IAAI,sHAWf,CAAC"}
1
+ {"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../../../information-highlight/lib/parts/Body.tsx"],"names":[],"mappings":"AAgBA,eAAO,MAAM,IAAI,sHAWf,CAAC"}
@@ -1,40 +1,17 @@
1
1
  "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
2
  Object.defineProperty(exports, "__esModule", { value: true });
26
3
  exports.Body = void 0;
27
- const React = __importStar(require("react"));
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
28
5
  const common_1 = require("@workday/canvas-kit-react/common");
29
6
  const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
30
7
  const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
31
8
  const text_1 = require("@workday/canvas-kit-react/text");
32
9
  const informationHighlightBodyStencil = (0, canvas_kit_styling_1.createStencil)({
33
- base: { name: "s3s54m", 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
- }, "information-highlight-body-772923");
10
+ base: { name: "l7xv4m", 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;" }
11
+ }, "information-highlight-body-89dd0c");
35
12
  exports.Body = (0, common_1.createComponent)('p')({
36
13
  displayName: 'Body',
37
14
  Component: ({ ...elemProps }, ref, Element) => {
38
- return (React.createElement(text_1.Text, { as: Element, ref: ref, ...(0, canvas_kit_styling_1.handleCsProp)(elemProps, informationHighlightBodyStencil()) }));
15
+ return ((0, jsx_runtime_1.jsx)(text_1.Text, { as: Element, ref: ref, ...(0, canvas_kit_styling_1.handleCsProp)(elemProps, informationHighlightBodyStencil()) }));
39
16
  },
40
17
  });
@@ -1 +1 @@
1
- {"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../../../information-highlight/lib/parts/Heading.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAG/E,OAAO,EAAC,OAAO,EAAC,MAAM,gCAAgC,CAAC;AAevD,MAAM,WAAW,gCACf,SAAQ,OAAO,CAAC,YAAY,CAAC,OAAO,OAAO,EAAE,KAAK,CAAC,CAAC;CAAG;AAEzD,eAAO,MAAM,2BAA2B,qGAYtC,CAAC"}
1
+ {"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../../../information-highlight/lib/parts/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAG/E,OAAO,EAAC,OAAO,EAAC,MAAM,gCAAgC,CAAC;AAevD,MAAM,WAAW,gCACf,SAAQ,OAAO,CAAC,YAAY,CAAC,OAAO,OAAO,EAAE,KAAK,CAAC,CAAC;CAAG;AAEzD,eAAO,MAAM,2BAA2B,qGAYtC,CAAC"}
@@ -1,40 +1,17 @@
1
1
  "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
2
  Object.defineProperty(exports, "__esModule", { value: true });
26
3
  exports.InformationHighlightHeading = void 0;
27
- const React = __importStar(require("react"));
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
28
5
  const common_1 = require("@workday/canvas-kit-react/common");
29
6
  const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
30
7
  const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
31
8
  const text_1 = require("@workday/canvas-kit-react/text");
32
9
  const informationHighlightHeadingStencil = (0, canvas_kit_styling_1.createStencil)({
33
- base: { name: "s3s54l", 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
- }, "information-highlight-heading-142e5f");
10
+ base: { name: "l7xv4l", 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
+ }, "information-highlight-heading-1080eb");
35
12
  exports.InformationHighlightHeading = (0, common_1.createComponent)('h3')({
36
13
  displayName: 'Heading',
37
14
  Component: ({ size = 'small', ...elemProps }, ref, Element) => {
38
- return (React.createElement(text_1.Heading, { as: Element, ref: ref, size: size, ...(0, canvas_kit_styling_1.handleCsProp)(elemProps, informationHighlightHeadingStencil()) }));
15
+ return ((0, jsx_runtime_1.jsx)(text_1.Heading, { as: Element, ref: ref, size: size, ...(0, canvas_kit_styling_1.handleCsProp)(elemProps, informationHighlightHeadingStencil()) }));
39
16
  },
40
17
  });
@@ -1 +1 @@
1
- {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../../information-highlight/lib/parts/Icon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,UAAU,EAAC,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAqB,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAQlF,MAAM,WAAW,SAAU,SAAQ,OAAO,CAAC,YAAY,CAAC,OAAO,UAAU,EAAE,KAAK,CAAC,CAAC;CAAG;AAOrF,eAAO,MAAM,IAAI;;;;;;EAYf,CAAC"}
1
+ {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../../information-highlight/lib/parts/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAqB,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAQlF,MAAM,WAAW,SAAU,SAAQ,OAAO,CAAC,YAAY,CAAC,OAAO,UAAU,EAAE,KAAK,CAAC,CAAC;CAAG;AAOrF,eAAO,MAAM,IAAI;;;;;;EAYf,CAAC"}
@@ -1,30 +1,7 @@
1
1
  "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
2
  Object.defineProperty(exports, "__esModule", { value: true });
26
3
  exports.Icon = void 0;
27
- const React = __importStar(require("react"));
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
28
5
  const icon_1 = require("@workday/canvas-kit-react/icon");
29
6
  const common_1 = require("@workday/canvas-kit-react/common");
30
7
  const canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
@@ -38,5 +15,5 @@ exports.Icon = (0, common_1.createSubcomponent)('span')({
38
15
  displayName: 'Icon',
39
16
  modelHook: useInformationHighlightModel_1.useInformationHighlightModel,
40
17
  })(({ icon, ...props }, Element, model) => {
41
- return (React.createElement(icon_1.SystemIcon, { as: Element, icon: icon ? icon : defaultIcons[model.state.variant], "data-part": "information-highlight-icon", ...props }));
18
+ return ((0, jsx_runtime_1.jsx)(icon_1.SystemIcon, { as: Element, icon: icon ? icon : defaultIcons[model.state.variant], "data-part": "information-highlight-icon", ...props }));
42
19
  });
@@ -1 +1 @@
1
- {"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../../information-highlight/lib/parts/Link.tsx"],"names":[],"mappings":"AAkBA,eAAO,MAAM,IAAI,6HAWf,CAAC"}
1
+ {"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../../information-highlight/lib/parts/Link.tsx"],"names":[],"mappings":"AAiBA,eAAO,MAAM,IAAI,6HAWf,CAAC"}
@@ -1,40 +1,17 @@
1
1
  "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
2
  Object.defineProperty(exports, "__esModule", { value: true });
26
3
  exports.Link = void 0;
27
- const React = __importStar(require("react"));
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
28
5
  const button_1 = require("@workday/canvas-kit-react/button");
29
6
  const common_1 = require("@workday/canvas-kit-react/common");
30
7
  const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
31
8
  const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
32
9
  const informationHighlightLinkStencil = (0, canvas_kit_styling_1.createStencil)({
33
- base: { name: "s3s54n", 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
- }, "information-highlight-link-5ac480");
10
+ base: { name: "l7xv4n", 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
+ }, "information-highlight-link-aef704");
35
12
  exports.Link = (0, common_1.createComponent)('a')({
36
13
  displayName: 'Link',
37
14
  Component: ({ ...elemProps }, ref, Element) => {
38
- return (React.createElement(button_1.Hyperlink, { as: Element, ref: ref, ...(0, canvas_kit_styling_1.handleCsProp)(elemProps, informationHighlightLinkStencil()) }));
15
+ return ((0, jsx_runtime_1.jsx)(button_1.Hyperlink, { as: Element, ref: ref, ...(0, canvas_kit_styling_1.handleCsProp)(elemProps, informationHighlightLinkStencil()) }));
39
16
  },
40
17
  });
@@ -1 +1 @@
1
- {"version":3,"file":"LoadingSparkles.d.ts","sourceRoot":"","sources":["../../../../loading-sparkles/lib/LoadingSparkles.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,OAAO,EAAiD,MAAM,6BAA6B,CAAC;AAkCpG,eAAO,MAAM,sBAAsB,yIAsBjC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,eAAe,6EAW1B,CAAC"}
1
+ {"version":3,"file":"LoadingSparkles.d.ts","sourceRoot":"","sources":["../../../../loading-sparkles/lib/LoadingSparkles.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,OAAO,EAAiD,MAAM,6BAA6B,CAAC;AAkCpG,eAAO,MAAM,sBAAsB,yIAsBjC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,eAAe,6EAW1B,CAAC"}
@@ -1,30 +1,7 @@
1
1
  "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
2
  Object.defineProperty(exports, "__esModule", { value: true });
26
3
  exports.LoadingSparkles = exports.loadingSparklesStencil = void 0;
27
- const React = __importStar(require("react"));
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
28
5
  const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
29
6
  const common_1 = require("@workday/canvas-kit-react/common");
30
7
  const icon_1 = require("@workday/canvas-kit-react/icon");
@@ -37,25 +14,22 @@ const ANIMATION_DURATION_MS = 1230;
37
14
  /**
38
15
  * The animation for the sparkle.
39
16
  */
40
- const LOADING_ANIMATION = (0, canvas_kit_styling_1.keyframes)({ name: "s3s53", 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: "l7xv3", 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);}" });
41
18
  /**
42
19
  * An individual loading sparkle. ✨
43
20
  */
44
21
  const Sparkle = () => {
45
- return React.createElement(icon_1.SystemIcon, { "data-part": "sparkle", icon: sparkleIcon_1.sparkleIcon, size: canvas_tokens_web_1.system.space.x3 });
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 });
46
23
  };
47
24
  exports.loadingSparklesStencil = (0, canvas_kit_styling_1.createStencil)({
48
- base: { name: "s3s57", 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-s3s53;animation-timing-function:ease-in-out;--color-system-icon-212f69: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));}}" }
49
- }, "loading-sparkles-8953bc");
25
+ base: { name: "l7xv7", 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-l7xv3;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
+ }, "loading-sparkles-cbd5a1");
50
27
  /**
51
28
  * A simple component that displays three horizontal sparkles, to be used when an AI operation is in progress.
52
29
  */
53
30
  exports.LoadingSparkles = (0, common_1.createComponent)('div')({
54
31
  displayName: 'LoadingSparkles',
55
32
  Component: (elemProps, ref, Element) => {
56
- return (React.createElement(Element, { ref: ref, role: "status", ...(0, canvas_kit_styling_1.handleCsProp)(elemProps, (0, exports.loadingSparklesStencil)()) },
57
- React.createElement(Sparkle, null),
58
- React.createElement(Sparkle, null),
59
- React.createElement(Sparkle, null)));
33
+ return ((0, jsx_runtime_1.jsxs)(Element, { ref: ref, role: "status", ...(0, canvas_kit_styling_1.handleCsProp)(elemProps, (0, exports.loadingSparklesStencil)()), children: [(0, jsx_runtime_1.jsx)(Sparkle, {}), (0, jsx_runtime_1.jsx)(Sparkle, {}), (0, jsx_runtime_1.jsx)(Sparkle, {})] }));
60
34
  },
61
35
  });