@primer/react 37.32.0-rc.f8e94f384 → 38.0.0-rc.1

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 (155) hide show
  1. package/CHANGELOG.md +36 -1
  2. package/dist/browser.esm.js +3 -3
  3. package/dist/browser.esm.js.map +1 -1
  4. package/dist/browser.umd.js +3 -3
  5. package/dist/browser.umd.js.map +1 -1
  6. package/dist/components.css +162 -125
  7. package/generated/components.json +87 -200
  8. package/lib/Autocomplete/AutocompleteMenu.js +7 -7
  9. package/lib/CircleOcticon/CircleOcticon.d.ts +3 -0
  10. package/lib/CircleOcticon/CircleOcticon.d.ts.map +1 -1
  11. package/lib/CircleOcticon/CircleOcticon.js +3 -0
  12. package/lib/ConfirmationDialog/ConfirmationDialog.d.ts +8 -0
  13. package/lib/ConfirmationDialog/ConfirmationDialog.d.ts.map +1 -1
  14. package/lib/ConfirmationDialog/ConfirmationDialog.js +6 -2
  15. package/lib/FilteredActionList/FilteredActionList-96b126d7.css +2 -0
  16. package/lib/FilteredActionList/FilteredActionList-96b126d7.css.map +1 -0
  17. package/lib/FilteredActionList/FilteredActionList.d.ts.map +1 -1
  18. package/lib/FilteredActionList/FilteredActionList.js +3 -6
  19. package/lib/FilteredActionList/FilteredActionList.module.css.js +2 -2
  20. package/lib/PointerBox/PointerBox.d.ts +1 -1
  21. package/lib/PointerBox/PointerBox.d.ts.map +1 -1
  22. package/lib/PointerBox/PointerBox.js +1 -1
  23. package/lib/ProgressBar/ProgressBar-a0957632.css +2 -0
  24. package/lib/ProgressBar/ProgressBar-a0957632.css.map +1 -0
  25. package/lib/ProgressBar/ProgressBar.d.ts.map +1 -1
  26. package/lib/ProgressBar/ProgressBar.js +53 -49
  27. package/lib/ProgressBar/ProgressBar.module.css.js +1 -1
  28. package/lib/Radio/{Radio-b2a92b7d.css → Radio-df9a5c02.css} +2 -2
  29. package/lib/Radio/{Radio-b2a92b7d.css.map → Radio-df9a5c02.css.map} +1 -1
  30. package/lib/Radio/Radio.module.css.js +1 -1
  31. package/lib/Select/Select.js +61 -53
  32. package/lib/SelectPanel/SelectPanel.js +2 -2
  33. package/lib/SplitPageLayout/SplitPageLayout.d.ts +1 -2
  34. package/lib/SplitPageLayout/SplitPageLayout.d.ts.map +1 -1
  35. package/lib/Stack/Stack.d.ts.map +1 -1
  36. package/lib/Stack/Stack.js +110 -111
  37. package/lib/StateLabel/StateLabel-cd27f475.css +2 -0
  38. package/lib/StateLabel/StateLabel-cd27f475.css.map +1 -0
  39. package/lib/StateLabel/StateLabel.d.ts +1 -2
  40. package/lib/StateLabel/StateLabel.d.ts.map +1 -1
  41. package/lib/StateLabel/StateLabel.js +3 -5
  42. package/lib/StateLabel/StateLabel.module.css.js +7 -0
  43. package/lib/SubNav/SubNav.d.ts +8 -16
  44. package/lib/SubNav/SubNav.d.ts.map +1 -1
  45. package/lib/SubNav/SubNav.js +3 -6
  46. package/lib/ToggleSwitch/ToggleSwitch-65936b4b.css +4 -0
  47. package/lib/ToggleSwitch/ToggleSwitch-65936b4b.css.map +1 -0
  48. package/lib/ToggleSwitch/ToggleSwitch.d.ts +1 -2
  49. package/lib/ToggleSwitch/ToggleSwitch.d.ts.map +1 -1
  50. package/lib/ToggleSwitch/ToggleSwitch.js +163 -213
  51. package/lib/ToggleSwitch/ToggleSwitch.module.css.js +7 -0
  52. package/lib/ToggleSwitch/ToggleSwitchStoryWrapper.d.ts.map +1 -1
  53. package/lib/Token/index.d.ts +0 -1
  54. package/lib/Token/index.d.ts.map +1 -1
  55. package/lib/TreeView/shared.js +2 -2
  56. package/lib/VisuallyHidden/VisuallyHidden.d.ts +1 -2
  57. package/lib/VisuallyHidden/VisuallyHidden.d.ts.map +1 -1
  58. package/lib/VisuallyHidden/VisuallyHidden.js +1 -3
  59. package/lib/deprecated/UnderlineNav/UnderlineNav.d.ts +2 -3
  60. package/lib/deprecated/UnderlineNav/UnderlineNav.d.ts.map +1 -1
  61. package/lib/deprecated/UnderlineNav/UnderlineNav.js +2 -3
  62. package/lib/deprecated/index.d.ts +0 -2
  63. package/lib/deprecated/index.d.ts.map +1 -1
  64. package/lib/deprecated/index.js +0 -2
  65. package/lib/hooks/useMnemonics.js +1 -2
  66. package/lib/index.d.ts +1 -5
  67. package/lib/index.d.ts.map +1 -1
  68. package/lib/index.js +0 -6
  69. package/lib/{Caret.d.ts → internal/components/Caret.d.ts} +1 -1
  70. package/lib/internal/components/Caret.d.ts.map +1 -0
  71. package/lib-esm/Autocomplete/AutocompleteMenu.js +1 -1
  72. package/lib-esm/CircleOcticon/CircleOcticon.d.ts +3 -0
  73. package/lib-esm/CircleOcticon/CircleOcticon.js +3 -0
  74. package/lib-esm/ConfirmationDialog/ConfirmationDialog.d.ts +8 -0
  75. package/lib-esm/ConfirmationDialog/ConfirmationDialog.js +6 -2
  76. package/lib-esm/FilteredActionList/FilteredActionList-96b126d7.css +2 -0
  77. package/lib-esm/FilteredActionList/FilteredActionList-96b126d7.css.map +1 -0
  78. package/lib-esm/FilteredActionList/FilteredActionList.js +3 -6
  79. package/lib-esm/FilteredActionList/FilteredActionList.module.css.js +2 -2
  80. package/lib-esm/PointerBox/PointerBox.d.ts +1 -1
  81. package/lib-esm/PointerBox/PointerBox.js +1 -1
  82. package/lib-esm/ProgressBar/ProgressBar-a0957632.css +2 -0
  83. package/lib-esm/ProgressBar/ProgressBar-a0957632.css.map +1 -0
  84. package/lib-esm/ProgressBar/ProgressBar.js +53 -49
  85. package/lib-esm/ProgressBar/ProgressBar.module.css.js +1 -1
  86. package/lib-esm/Radio/{Radio-b2a92b7d.css → Radio-df9a5c02.css} +2 -2
  87. package/lib-esm/Radio/{Radio-b2a92b7d.css.map → Radio-df9a5c02.css.map} +1 -1
  88. package/lib-esm/Radio/Radio.module.css.js +1 -1
  89. package/lib-esm/Select/Select.js +61 -53
  90. package/lib-esm/SelectPanel/SelectPanel.js +1 -1
  91. package/lib-esm/SplitPageLayout/SplitPageLayout.d.ts +1 -2
  92. package/lib-esm/Stack/Stack.js +110 -111
  93. package/lib-esm/StateLabel/StateLabel-cd27f475.css +2 -0
  94. package/lib-esm/StateLabel/StateLabel-cd27f475.css.map +1 -0
  95. package/lib-esm/StateLabel/StateLabel.d.ts +1 -2
  96. package/lib-esm/StateLabel/StateLabel.js +3 -5
  97. package/lib-esm/StateLabel/StateLabel.module.css.js +5 -0
  98. package/lib-esm/SubNav/SubNav.d.ts +8 -16
  99. package/lib-esm/SubNav/SubNav.js +3 -6
  100. package/lib-esm/ToggleSwitch/ToggleSwitch-65936b4b.css +4 -0
  101. package/lib-esm/ToggleSwitch/ToggleSwitch-65936b4b.css.map +1 -0
  102. package/lib-esm/ToggleSwitch/ToggleSwitch.d.ts +1 -2
  103. package/lib-esm/ToggleSwitch/ToggleSwitch.js +163 -213
  104. package/lib-esm/ToggleSwitch/ToggleSwitch.module.css.js +5 -0
  105. package/lib-esm/Token/index.d.ts +0 -1
  106. package/lib-esm/TreeView/shared.js +2 -2
  107. package/lib-esm/VisuallyHidden/VisuallyHidden.d.ts +1 -2
  108. package/lib-esm/VisuallyHidden/VisuallyHidden.js +1 -3
  109. package/lib-esm/deprecated/UnderlineNav/UnderlineNav.d.ts +2 -3
  110. package/lib-esm/deprecated/UnderlineNav/UnderlineNav.js +2 -3
  111. package/lib-esm/deprecated/index.d.ts +0 -2
  112. package/lib-esm/deprecated/index.js +0 -1
  113. package/lib-esm/hooks/useMnemonics.js +1 -2
  114. package/lib-esm/index.d.ts +1 -5
  115. package/lib-esm/index.js +0 -3
  116. package/lib-esm/{Caret.d.ts → internal/components/Caret.d.ts} +1 -1
  117. package/package.json +13 -14
  118. package/lib/Caret.d.ts.map +0 -1
  119. package/lib/FilteredActionList/FilteredActionList-d1d6d026.css +0 -2
  120. package/lib/FilteredActionList/FilteredActionList-d1d6d026.css.map +0 -1
  121. package/lib/ProgressBar/ProgressBar-430cdef7.css +0 -2
  122. package/lib/ProgressBar/ProgressBar-430cdef7.css.map +0 -1
  123. package/lib/Token/AvatarToken-ff45cc85.css +0 -2
  124. package/lib/Token/AvatarToken-ff45cc85.css.map +0 -1
  125. package/lib/Token/AvatarToken.d.ts +0 -8
  126. package/lib/Token/AvatarToken.d.ts.map +0 -1
  127. package/lib/Token/AvatarToken.js +0 -99
  128. package/lib/Token/AvatarToken.module.css.js +0 -7
  129. package/lib/deprecated/AvatarPair/AvatarPair-68990abe.css +0 -2
  130. package/lib/deprecated/AvatarPair/AvatarPair-68990abe.css.map +0 -1
  131. package/lib/deprecated/AvatarPair/AvatarPair.d.ts +0 -14
  132. package/lib/deprecated/AvatarPair/AvatarPair.d.ts.map +0 -1
  133. package/lib/deprecated/AvatarPair/AvatarPair.js +0 -95
  134. package/lib/deprecated/AvatarPair/AvatarPair.module.css.js +0 -7
  135. package/lib/deprecated/AvatarPair/index.d.ts +0 -3
  136. package/lib/deprecated/AvatarPair/index.d.ts.map +0 -1
  137. package/lib/node_modules/@github/mini-throttle/dist/index.js +0 -43
  138. package/lib-esm/FilteredActionList/FilteredActionList-d1d6d026.css +0 -2
  139. package/lib-esm/FilteredActionList/FilteredActionList-d1d6d026.css.map +0 -1
  140. package/lib-esm/ProgressBar/ProgressBar-430cdef7.css +0 -2
  141. package/lib-esm/ProgressBar/ProgressBar-430cdef7.css.map +0 -1
  142. package/lib-esm/Token/AvatarToken-ff45cc85.css +0 -2
  143. package/lib-esm/Token/AvatarToken-ff45cc85.css.map +0 -1
  144. package/lib-esm/Token/AvatarToken.d.ts +0 -8
  145. package/lib-esm/Token/AvatarToken.js +0 -97
  146. package/lib-esm/Token/AvatarToken.module.css.js +0 -5
  147. package/lib-esm/deprecated/AvatarPair/AvatarPair-68990abe.css +0 -2
  148. package/lib-esm/deprecated/AvatarPair/AvatarPair-68990abe.css.map +0 -1
  149. package/lib-esm/deprecated/AvatarPair/AvatarPair.d.ts +0 -14
  150. package/lib-esm/deprecated/AvatarPair/AvatarPair.js +0 -89
  151. package/lib-esm/deprecated/AvatarPair/AvatarPair.module.css.js +0 -5
  152. package/lib-esm/deprecated/AvatarPair/index.d.ts +0 -3
  153. package/lib-esm/node_modules/@github/mini-throttle/dist/index.js +0 -40
  154. /package/lib/{Caret.js → internal/components/Caret.js} +0 -0
  155. /package/lib-esm/{Caret.js → internal/components/Caret.js} +0 -0
@@ -1,10 +1,10 @@
1
1
  'use strict';
2
2
 
3
3
  var React = require('react');
4
- var index = require('../node_modules/@github/mini-throttle/dist/index.js');
4
+ var miniThrottle = require('@github/mini-throttle');
5
5
  var liveRegionElement = require('@primer/live-region-element');
6
6
  var behaviors = require('@primer/behaviors');
7
- var index$1 = require('../ActionList/index.js');
7
+ var index = require('../ActionList/index.js');
8
8
  var useFocusZone = require('../hooks/useFocusZone.js');
9
9
  var useId = require('../hooks/useId.js');
10
10
  var AutocompleteContext = require('./AutocompleteContext.js');
@@ -49,7 +49,7 @@ function getItemById(itemId, items) {
49
49
  * Announces a message to screen readers at a slowed-down rate. This is useful when you want to announce don't want to
50
50
  * overwhelm the user with too many announcements in rapid succession.
51
51
  */
52
- const debounceAnnouncement = index.debounce(announcement => {
52
+ const debounceAnnouncement = miniThrottle.debounce(announcement => {
53
53
  liveRegionElement.announce(announcement);
54
54
  }, 250);
55
55
  function AutocompleteMenu(props) {
@@ -207,7 +207,7 @@ function AutocompleteMenu(props) {
207
207
  children: /*#__PURE__*/jsxRuntime.jsx(Spinner, {})
208
208
  }) : /*#__PURE__*/jsxRuntime.jsx("div", {
209
209
  ref: listContainerRef,
210
- children: allItemsToRender.length ? /*#__PURE__*/jsxRuntime.jsx(index$1.ActionList, {
210
+ children: allItemsToRender.length ? /*#__PURE__*/jsxRuntime.jsx(index.ActionList, {
211
211
  selectionVariant: selectionVariant // TODO: make this configurable
212
212
  ,
213
213
  role: "listbox",
@@ -226,14 +226,14 @@ function AutocompleteMenu(props) {
226
226
  key,
227
227
  ...itemProps
228
228
  } = item_2;
229
- return /*#__PURE__*/jsxRuntime.jsxs(index$1.ActionList.Item, {
229
+ return /*#__PURE__*/jsxRuntime.jsxs(index.ActionList.Item, {
230
230
  onSelect: () => onAction(item_2),
231
231
  ...itemProps,
232
232
  id: id_0,
233
233
  "data-id": id_0,
234
- children: [LeadingVisual && /*#__PURE__*/jsxRuntime.jsx(index$1.ActionList.LeadingVisual, {
234
+ children: [LeadingVisual && /*#__PURE__*/jsxRuntime.jsx(index.ActionList.LeadingVisual, {
235
235
  children: reactIs.isElement(LeadingVisual) ? LeadingVisual : /*#__PURE__*/jsxRuntime.jsx(LeadingVisual, {})
236
- }), children !== null && children !== void 0 ? children : text, TrailingVisual && /*#__PURE__*/jsxRuntime.jsx(index$1.ActionList.TrailingVisual, {
236
+ }), children !== null && children !== void 0 ? children : text, TrailingVisual && /*#__PURE__*/jsxRuntime.jsx(index.ActionList.TrailingVisual, {
237
237
  children: reactIs.isElement(TrailingVisual) ? TrailingVisual : /*#__PURE__*/jsxRuntime.jsx(TrailingVisual, {})
238
238
  })]
239
239
  }, key !== null && key !== void 0 ? key : id_0);
@@ -8,6 +8,9 @@ export type CircleOcticonProps = {
8
8
  size?: IconProps['size'];
9
9
  }>>;
10
10
  } & BoxProps;
11
+ /**
12
+ * @deprecated This component is deprecated. Replace component with specific icon imports from `@primer/octicons-react` and customized styling.)
13
+ */
11
14
  declare function CircleOcticon(props: CircleOcticonProps): React.JSX.Element;
12
15
  export default CircleOcticon;
13
16
  //# sourceMappingURL=CircleOcticon.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"CircleOcticon.d.ts","sourceRoot":"","sources":["../../src/CircleOcticon/CircleOcticon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAA;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,QAAQ,CAAA;AAGpC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACtB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,iBAAiB,CAAC;QAAC,IAAI,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAA;KAAC,CAAC,CAAC,CAAA;CAC/E,GAAG,QAAQ,CAAA;AAEZ,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAkB/C;AAED,eAAe,aAAa,CAAA"}
1
+ {"version":3,"file":"CircleOcticon.d.ts","sourceRoot":"","sources":["../../src/CircleOcticon/CircleOcticon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAA;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,QAAQ,CAAA;AAGpC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACtB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,iBAAiB,CAAC;QAAC,IAAI,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAA;KAAC,CAAC,CAAC,CAAA;CAC/E,GAAG,QAAQ,CAAA;AAEZ;;GAEG;AACH,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAkB/C;AAED,eAAe,aAAa,CAAA"}
@@ -4,6 +4,9 @@ var reactCompilerRuntime = require('react-compiler-runtime');
4
4
  var jsxRuntime = require('react/jsx-runtime');
5
5
  var Box = require('../Box/Box.js');
6
6
 
7
+ /**
8
+ * @deprecated This component is deprecated. Replace component with specific icon imports from `@primer/octicons-react` and customized styling.)
9
+ */
7
10
  function CircleOcticon(props) {
8
11
  const $ = reactCompilerRuntime.c(21);
9
12
  let IconComponent;
@@ -26,6 +26,14 @@ export interface ConfirmationDialogProps {
26
26
  * The type of button to use for the confirm button. Default: Button.
27
27
  */
28
28
  confirmButtonType?: 'normal' | 'primary' | 'danger';
29
+ /**
30
+ * Whether the cancel button is in a loading state. Default: false.
31
+ */
32
+ cancelButtonLoading?: boolean;
33
+ /**
34
+ * Whether the confirm button is in a loading state. Default: false.
35
+ */
36
+ confirmButtonLoading?: boolean;
29
37
  /**
30
38
  * Additional class names to apply to the dialog
31
39
  */
@@ -1 +1 @@
1
- {"version":3,"file":"ConfirmationDialog.d.ts","sourceRoot":"","sources":["../../src/ConfirmationDialog/ConfirmationDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,KAAK,EAAoD,WAAW,EAAE,YAAY,EAAC,MAAM,kBAAkB,CAAA;AAMlH;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC;;;OAGG;IACH,OAAO,EAAE,CAAC,OAAO,EAAE,SAAS,GAAG,cAAc,GAAG,QAAQ,GAAG,QAAQ,KAAK,IAAI,CAAA;IAE5E;;;OAGG;IACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IAEtB;;OAEG;IACH,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAErC;;OAEG;IACH,oBAAoB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAEtC;;OAEG;IACH,iBAAiB,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAA;IAEnD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,WAAW,CAAA;IAEnB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,YAAY,CAAA;CACtB;AAiCD;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,uBAAuB,CAAC,CAgDzF,CAAA;AAGD,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,uBAAuB,EAAE,SAAS,CAAC,GAAG;IAAC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;CAAC,CAAA;AA2BlG;;;;GAIG;AACH,wBAAgB,UAAU,cAGZ,cAAc,sBAO3B"}
1
+ {"version":3,"file":"ConfirmationDialog.d.ts","sourceRoot":"","sources":["../../src/ConfirmationDialog/ConfirmationDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,KAAK,EAAoD,WAAW,EAAE,YAAY,EAAC,MAAM,kBAAkB,CAAA;AAMlH;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC;;;OAGG;IACH,OAAO,EAAE,CAAC,OAAO,EAAE,SAAS,GAAG,cAAc,GAAG,QAAQ,GAAG,QAAQ,KAAK,IAAI,CAAA;IAE5E;;;OAGG;IACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IAEtB;;OAEG;IACH,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAErC;;OAEG;IACH,oBAAoB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAEtC;;OAEG;IACH,iBAAiB,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAA;IAEnD;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAE7B;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAE9B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,WAAW,CAAA;IAEnB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,YAAY,CAAA;CACtB;AAiCD;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,uBAAuB,CAAC,CAoDzF,CAAA;AAGD,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,uBAAuB,EAAE,SAAS,CAAC,GAAG;IAAC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;CAAC,CAAA;AA2BlG;;;;GAIG;AACH,wBAAgB,UAAU,cAGZ,cAAc,sBAO3B"}
@@ -71,6 +71,8 @@ const ConfirmationDialog = props => {
71
71
  cancelButtonContent = 'Cancel',
72
72
  confirmButtonContent = 'OK',
73
73
  confirmButtonType = 'normal',
74
+ cancelButtonLoading = false,
75
+ confirmButtonLoading = false,
74
76
  children,
75
77
  className,
76
78
  width = 'medium',
@@ -86,13 +88,15 @@ const ConfirmationDialog = props => {
86
88
  const cancelButton = {
87
89
  content: cancelButtonContent,
88
90
  onClick: onCancelButtonClick,
89
- autoFocus: isConfirmationDangerous
91
+ autoFocus: isConfirmationDangerous,
92
+ loading: cancelButtonLoading
90
93
  };
91
94
  const confirmButton = {
92
95
  content: confirmButtonContent,
93
96
  buttonType: confirmButtonType,
94
97
  onClick: onConfirmButtonClick,
95
- autoFocus: !isConfirmationDangerous
98
+ autoFocus: !isConfirmationDangerous,
99
+ loading: confirmButtonLoading
96
100
  };
97
101
  const footerButtons = [cancelButton, confirmButton];
98
102
  return /*#__PURE__*/jsxRuntime.jsx(Dialog.Dialog, {
@@ -0,0 +1,2 @@
1
+ .prc-FilteredActionList-Root-S5E74{display:flex;flex-direction:column;overflow:hidden}.prc-FilteredActionList-Container-2A9NQ{display:flex;flex-grow:1;height:100%;overflow:auto}.prc-FilteredActionList-ActionListItem-39lnB:focus{background:var(--control-transparent-bgColor-selected,var(--color-action-list-item-default-selected-bg))}.prc-FilteredActionList-ActionListItem-39lnB:focus:after{background:var(--borderColor-accent-emphasis,var(--color-accent-emphasis));border-radius:var(--borderRadius-medium,.375rem);content:"";height:var(--base-size-24,1.5rem);left:calc(var(--base-size-8,.5rem)*-1);position:absolute;top:calc(50% - var(--base-size-12,.75rem));width:var(--base-size-4,.25rem)}.prc-FilteredActionList-ActionListItem-39lnB:where([data-input-focused]):where([data-first-child]){background:var(--control-transparent-bgColor-selected,var(--color-action-list-item-default-selected-bg))}.prc-FilteredActionList-ActionListItem-39lnB:where([data-input-focused]):where([data-first-child]):after{background:var(--borderColor-accent-emphasis,var(--color-accent-emphasis));border-radius:var(--borderRadius-medium,.375rem);content:"";height:var(--base-size-24,1.5rem);left:calc(var(--base-size-8,.5rem)*-1);position:absolute;top:calc(50% - var(--base-size-12,.75rem));width:var(--base-size-4,.25rem)}@media screen and (max-width:calc(48rem - 0.02px)){@supports (-webkit-touch-callout:none){.prc-FilteredActionList-FullScreenTextInput-rCAiq{font-size:var(--text-title-size-small,1rem)}}}.prc-FilteredActionList-SelectAllContainer-w5otq{align-items:center;background:var(--bgColor-muted,var(--color-canvas-subtle));border-bottom:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,var(--color-border-default));display:flex;padding-block:var(--base-size-4,.25rem);padding-inline:var(--base-size-16,1rem)}.prc-FilteredActionList-SelectAllCheckbox-dq2yL{margin:var(--base-size-4,.25rem) var(--base-size-8,.5rem) calc(var(--base-size-4,.25rem) - 1px) 0}.prc-FilteredActionList-SelectAllLabel-l34LA{color:var(--fgColor-muted,var(--color-fg-muted));font-size:var(--text-body-size-medium,.875rem)}
2
+ /*# sourceMappingURL=FilteredActionList-96b126d7.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/FilteredActionList/FilteredActionList.module.css","../../postcss-preset-primer/src/mixins/activeIndicatorLine.css"],"names":[],"mappings":"AAAA,mCACE,YAAa,CACb,qBAAsB,CACtB,eACF,CAEA,wCACE,YAAa,CAGb,WAAY,CAFZ,WAAY,CACZ,aAEF,CAEA,mDACE,wGAKF,CAHE,yDCRA,0EAA8C,CAC9C,gDAAyC,CAHzC,UAAW,CADX,iCAA2B,CAF3B,sCAAmC,CAFnC,iBAAkB,CAClB,0CAAoC,CAEpC,+BDcA,CAGF,mGACE,wGAKF,CAHE,yGChBA,0EAA8C,CAC9C,gDAAyC,CAHzC,UAAW,CADX,iCAA2B,CAF3B,sCAAmC,CAFnC,iBAAkB,CAClB,0CAAoC,CAEpC,+BDsBA,CAIA,mDAEE,uCAHJ,kDAIM,2CAGN,CAFI,CACF,CAGF,iDAEE,kBAAmB,CAGnB,0DAAgC,CAChC,2GAAuE,CALvE,YAAa,CAEb,uCAAiC,CACjC,uCAGF,CAEA,gDAGE,iGACF,CAEA,6CAEE,gDAA2B,CAD3B,8CAEF","file":"FilteredActionList-96b126d7.css","sourcesContent":[".Root {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n\n.Container {\n display: flex;\n height: 100%;\n overflow: auto;\n flex-grow: 1;\n}\n\n.ActionListItem:focus {\n background: var(--control-transparent-bgColor-selected);\n\n &::after {\n @mixin activeIndicatorLine;\n }\n}\n\n.ActionListItem:where([data-input-focused]):where([data-first-child]) {\n background: var(--control-transparent-bgColor-selected);\n\n &::after {\n @mixin activeIndicatorLine;\n }\n}\n\n.FullScreenTextInput {\n @media screen and (--viewportRange-narrow) {\n /* Ensures inputs don't zoom on mobile iPhone but are body-font size on iPad */\n @supports (-webkit-touch-callout: none) {\n font-size: var(--text-title-size-small);\n }\n }\n}\n\n.SelectAllContainer {\n display: flex;\n align-items: center;\n padding-block: var(--base-size-4);\n padding-inline: var(--base-size-16);\n background: var(--bgColor-muted);\n border-bottom: var(--borderWidth-thin) solid var(--borderColor-default);\n}\n\n.SelectAllCheckbox {\n /* -1px hack to offset 1px border-bottom causing uneven alignment */\n /* stylelint-disable-next-line primer/spacing */\n margin: var(--base-size-4) var(--base-size-8) calc(var(--base-size-4) - 1px) 0;\n}\n\n.SelectAllLabel {\n font-size: var(--text-body-size-medium);\n color: var(--fgColor-muted);\n}\n","@define-mixin activeIndicatorLine {\n position: absolute;\n top: calc(50% - var(--base-size-12));\n left: calc(-1 * var(--base-size-8));\n width: var(--base-size-4);\n height: var(--base-size-24);\n content: '';\n /* stylelint-disable-next-line primer/colors */\n background: var(--borderColor-accent-emphasis);\n border-radius: var(--borderRadius-medium);\n}\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"FilteredActionList.d.ts","sourceRoot":"","sources":["../../src/FilteredActionList/FilteredActionList.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,cAAc,CAAA;AAIhD,OAAO,KAAK,EAAC,gBAAgB,EAAE,aAAa,EAA0B,MAAM,IAAI,CAAA;AAOhF,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AACjC,OAAO,KAAK,EAAC,6BAA6B,EAAC,MAAM,6BAA6B,CAAA;AAa9E,MAAM,WAAW,uBACf,SAAQ,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAAE,MAAM,aAAa,CAAC,CAAC,EAC1D,aAAa,EACb,MAAM;IACR,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,WAAW,CAAC,EAAE,6BAA6B,CAAA;IAC3C,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,GAAG,IAAI,KAAK,IAAI,CAAA;IACtF,yBAAyB,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;IAC7D,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACpE,cAAc,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC,CAAA;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;IAC5C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE;QACZ,KAAK,EAAE,MAAM,CAAA;QACb,WAAW,EAAE,MAAM,CAAA;KACpB,CAAA;IACD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CAC/C;AAOD,wBAAgB,kBAAkB,CAAC,EACjC,OAAe,EACf,eAAe,EACf,WAAW,EAAE,mBAAmB,EAChC,WAAwD,EACxD,cAAc,EACd,yBAAyB,EACzB,iBAAiB,EACjB,KAAK,EACL,cAAc,EACd,QAAQ,EAAE,gBAAgB,EAC1B,EAAE,EACF,aAAa,EACb,gBAAgB,EAChB,OAAO,EACP,WAAW,EACX,SAAS,EACT,gBAAgB,EAChB,oBAA2B,EAC3B,kBAAkB,EAClB,iBAAiB,EACjB,GAAG,SAAS,EACb,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CAgUvC;yBAtVe,kBAAkB"}
1
+ {"version":3,"file":"FilteredActionList.d.ts","sourceRoot":"","sources":["../../src/FilteredActionList/FilteredActionList.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,cAAc,CAAA;AAIhD,OAAO,KAAK,EAAC,gBAAgB,EAAE,aAAa,EAA0B,MAAM,IAAI,CAAA;AAOhF,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AACjC,OAAO,KAAK,EAAC,6BAA6B,EAAC,MAAM,6BAA6B,CAAA;AAc9E,MAAM,WAAW,uBACf,SAAQ,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAAE,MAAM,aAAa,CAAC,CAAC,EAC1D,aAAa,EACb,MAAM;IACR,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,WAAW,CAAC,EAAE,6BAA6B,CAAA;IAC3C,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,GAAG,IAAI,KAAK,IAAI,CAAA;IACtF,yBAAyB,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;IAC7D,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACpE,cAAc,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC,CAAA;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;IAC5C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE;QACZ,KAAK,EAAE,MAAM,CAAA;QACb,WAAW,EAAE,MAAM,CAAA;KACpB,CAAA;IACD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CAC/C;AAOD,wBAAgB,kBAAkB,CAAC,EACjC,OAAe,EACf,eAAe,EACf,WAAW,EAAE,mBAAmB,EAChC,WAAwD,EACxD,cAAc,EACd,yBAAyB,EACzB,iBAAiB,EACjB,KAAK,EACL,cAAc,EACd,QAAQ,EAAE,gBAAgB,EAC1B,EAAE,EACF,aAAa,EACb,gBAAgB,EAChB,OAAO,EACP,WAAW,EACX,SAAS,EACT,gBAAgB,EAChB,oBAA2B,EAC3B,kBAAkB,EAClB,iBAAiB,EACjB,GAAG,SAAS,EACb,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CA6TvC;yBAnVe,kBAAkB"}
@@ -17,9 +17,9 @@ var ActionListContainerContext = require('../ActionList/ActionListContainerConte
17
17
  var reactIs = require('react-is');
18
18
  var useAnnouncements = require('./useAnnouncements.js');
19
19
  var clsx = require('clsx');
20
+ var BoxWithFallback = require('../internal/components/BoxWithFallback.js');
20
21
  var jsxRuntime = require('react/jsx-runtime');
21
22
  var useFeatureFlag = require('../FeatureFlags/useFeatureFlag.js');
22
- var Box = require('../Box/Box.js');
23
23
  var TextInput = require('../TextInput/TextInput.js');
24
24
  var VisuallyHidden = require('../VisuallyHidden/VisuallyHidden.js');
25
25
  var Checkbox = require('../Checkbox/Checkbox.js');
@@ -276,13 +276,10 @@ function FilteredActionList({
276
276
  return actionListContent;
277
277
  }
278
278
  }
279
- return /*#__PURE__*/jsxRuntime.jsxs(Box, {
279
+ return /*#__PURE__*/jsxRuntime.jsxs(BoxWithFallback.BoxWithFallback, {
280
280
  ref: inputAndListContainerRef,
281
- display: "flex",
282
- flexDirection: "column",
283
- overflow: "hidden",
284
281
  sx: sx,
285
- className: className,
282
+ className: clsx.clsx(className, FilteredActionList_module.Root),
286
283
  "data-testid": "filtered-action-list",
287
284
  children: [/*#__PURE__*/jsxRuntime.jsx(StyledHeader, {
288
285
  children: /*#__PURE__*/jsxRuntime.jsx(TextInput, {
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
- require('./FilteredActionList-d1d6d026.css');
3
+ require('./FilteredActionList-96b126d7.css');
4
4
 
5
- var classes = {"Container":"prc-FilteredActionList-Container-2A9NQ","ActionListItem":"prc-FilteredActionList-ActionListItem-39lnB","FullScreenTextInput":"prc-FilteredActionList-FullScreenTextInput-rCAiq","SelectAllContainer":"prc-FilteredActionList-SelectAllContainer-w5otq","SelectAllCheckbox":"prc-FilteredActionList-SelectAllCheckbox-dq2yL","SelectAllLabel":"prc-FilteredActionList-SelectAllLabel-l34LA"};
5
+ var classes = {"Root":"prc-FilteredActionList-Root-S5E74","Container":"prc-FilteredActionList-Container-2A9NQ","ActionListItem":"prc-FilteredActionList-ActionListItem-39lnB","FullScreenTextInput":"prc-FilteredActionList-FullScreenTextInput-rCAiq","SelectAllContainer":"prc-FilteredActionList-SelectAllContainer-w5otq","SelectAllCheckbox":"prc-FilteredActionList-SelectAllCheckbox-dq2yL","SelectAllLabel":"prc-FilteredActionList-SelectAllLabel-l34LA"};
6
6
 
7
7
  module.exports = classes;
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import type { BoxProps } from '../Box';
3
- import type { CaretProps } from '../Caret';
3
+ import type { CaretProps } from '../internal/components/Caret';
4
4
  import type { SxProp } from '../sx';
5
5
  type MutatedSxProps = {
6
6
  sx?: {
@@ -1 +1 @@
1
- {"version":3,"file":"PointerBox.d.ts","sourceRoot":"","sources":["../../src/PointerBox/PointerBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,QAAQ,CAAA;AAEpC,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,UAAU,CAAA;AAGxC,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAGjC,KAAK,cAAc,GAAG;IACpB,EAAE,CAAC,EAAE;QACH,EAAE,CAAC,EAAE,MAAM,CAAA;QACX,eAAe,CAAC,EAAE,MAAM,CAAA;QACxB,WAAW,CAAC,EAAE,MAAM,CAAA;KACrB,CAAA;CACF,GAAG,MAAM,CAAA;AAEV,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAA;IAC9B,EAAE,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,CAAA;IACrB,WAAW,CAAC,EAAE,UAAU,CAAC,aAAa,CAAC,CAAA;IACvC,MAAM,CAAC,EAAE,UAAU,CAAC,aAAa,CAAC,CAAA;CACnC,GAAG,QAAQ,GACV,cAAc,CAAA;AAEhB,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,qBAoCzC;AAED,eAAe,UAAU,CAAA"}
1
+ {"version":3,"file":"PointerBox.d.ts","sourceRoot":"","sources":["../../src/PointerBox/PointerBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,QAAQ,CAAA;AAEpC,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,8BAA8B,CAAA;AAG5D,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAGjC,KAAK,cAAc,GAAG;IACpB,EAAE,CAAC,EAAE;QACH,EAAE,CAAC,EAAE,MAAM,CAAA;QACX,eAAe,CAAC,EAAE,MAAM,CAAA;QACxB,WAAW,CAAC,EAAE,MAAM,CAAA;KACrB,CAAA;CACF,GAAG,MAAM,CAAA;AAEV,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAA;IAC9B,EAAE,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,CAAA;IACrB,WAAW,CAAC,EAAE,UAAU,CAAC,aAAa,CAAC,CAAA;IACvC,MAAM,CAAC,EAAE,UAAU,CAAC,aAAa,CAAC,CAAA;CACnC,GAAG,QAAQ,GACV,cAAc,CAAA;AAEhB,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,qBAoCzC;AAED,eAAe,UAAU,CAAA"}
@@ -2,7 +2,7 @@
2
2
 
3
3
  var React = require('react');
4
4
  var styled = require('styled-components');
5
- var Caret = require('../Caret.js');
5
+ var Caret = require('../internal/components/Caret.js');
6
6
  var constants = require('../constants.js');
7
7
  var jsxRuntime = require('react/jsx-runtime');
8
8
  var Box = require('../Box/Box.js');
@@ -0,0 +1,2 @@
1
+ @keyframes prc-ProgressBar-shimmer-i1RxN{0%{mask-position:200%}to{mask-position:0}}.prc-ProgressBar-ProgressBarItem-stL6O{background-color:var(--progress-bg);width:var(--progress-width)}@media (prefers-reduced-motion:no-preference){.prc-ProgressBar-ProgressBarItem-stL6O[data-animated=true]{animation-duration:1s;animation-iteration-count:infinite;animation-name:prc-ProgressBar-shimmer-i1RxN;mask-image:linear-gradient(75deg,#000 30%,rgba(0,0,0,.65) 80%);mask-size:200%}}.prc-ProgressBar-ProgressBarContainer-E-z8S{background-color:var(--progressBar-track-bgColor);border-radius:var(--borderRadius-small,.1875rem);display:flex;gap:2px;outline:solid 1px var(--progressBar-track-borderColor);outline-offset:-1px;overflow:hidden}.prc-ProgressBar-ProgressBarContainer-E-z8S:where([data-progress-display=inline]){display:inline-flex}.prc-ProgressBar-ProgressBarContainer-E-z8S:where([data-progress-bar-size=default]){height:8px}.prc-ProgressBar-ProgressBarContainer-E-z8S:where([data-progress-bar-size=small]){height:5px}.prc-ProgressBar-ProgressBarContainer-E-z8S:where([data-progress-bar-size=large]){height:10px}
2
+ /*# sourceMappingURL=ProgressBar-a0957632.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/ProgressBar/ProgressBar.module.css"],"names":[],"mappings":"AAAA,yCACE,GACE,kBACF,CAEA,GACE,eACF,CACF,CAEA,uCAGE,mCAAoC,CAFpC,2BAaF,CATE,8CACE,2DAIE,qBAAsB,CACtB,kCAAmC,CAFnC,4CAAuB,CAFvB,8DAAqE,CACrE,cAIF,CACF,CAGF,4CAIE,iDAAkD,CAClD,gDAAwC,CAJxC,YAAa,CAKb,OAAQ,CACR,sDAAuD,CACvD,mBAAoB,CANpB,eAuBF,CAfE,kFACE,mBACF,CAEA,oFACE,UACF,CAEA,kFACE,UACF,CAEA,kFACE,WACF","file":"ProgressBar-a0957632.css","sourcesContent":["@keyframes shimmer {\n from {\n mask-position: 200%;\n }\n\n to {\n mask-position: 0%;\n }\n}\n\n.ProgressBarItem {\n width: var(--progress-width);\n /* stylelint-disable-next-line primer/colors */\n background-color: var(--progress-bg);\n\n @media (prefers-reduced-motion: no-preference) {\n &[data-animated='true'] {\n mask-image: linear-gradient(75deg, #000 30%, rgba(0, 0, 0, 0.65) 80%);\n mask-size: 200%;\n animation-name: shimmer;\n animation-duration: 1s;\n animation-iteration-count: infinite;\n }\n }\n}\n\n.ProgressBarContainer {\n display: flex;\n overflow: hidden;\n /* stylelint-disable-next-line primer/colors */\n background-color: var(--progressBar-track-bgColor);\n border-radius: var(--borderRadius-small);\n gap: 2px;\n outline: solid 1px var(--progressBar-track-borderColor);\n outline-offset: -1px;\n\n &:where([data-progress-display='inline']) {\n display: inline-flex;\n }\n\n &:where([data-progress-bar-size='default']) {\n height: 8px;\n }\n\n &:where([data-progress-bar-size='small']) {\n height: 5px;\n }\n\n &:where([data-progress-bar-size='large']) {\n height: 10px;\n }\n}\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../src/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,eAAe,CAAA;AAC7C,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAKjC,KAAK,YAAY,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,KAAK,4BAA4B,GAAG;IAClC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,UAAU,GACZ,MAAM,CAAA;AAER,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG;IACrE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,YAAY,GACd,MAAM,CAAA;AAER,eAAO,MAAM,IAAI;mBALA,MAAM;gBACT,MAAM;iEAiDnB,CAAA;AAID,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG;IACrE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,4BAA4B,GAC9B,YAAY,CAAA;AAEd,eAAO,MAAM,WAAW;SALjB,MAAM;gBACC,MAAM;;aA/DT,OAAO;cACN,OAAO,GAAG,SAAS,GAAG,OAAO;eAC5B,OAAO;mPAkHnB,CAAA"}
1
+ {"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../src/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,eAAe,CAAA;AAC7C,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAKjC,KAAK,YAAY,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,KAAK,4BAA4B,GAAG;IAClC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,UAAU,GACZ,MAAM,CAAA;AAER,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG;IACrE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,YAAY,GACd,MAAM,CAAA;AAER,eAAO,MAAM,IAAI;mBALA,MAAM;gBACT,MAAM;iEAmDnB,CAAA;AAID,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG;IACrE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,4BAA4B,GAC9B,YAAY,CAAA;AAEd,eAAO,MAAM,WAAW;SALjB,MAAM;gBACC,MAAM;;aAjET,OAAO;cACN,OAAO,GAAG,SAAS,GAAG,OAAO;eAC5B,OAAO;mPAoHnB,CAAA"}
@@ -12,10 +12,11 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
12
12
  var React__default = /*#__PURE__*/_interopDefault(React);
13
13
 
14
14
  const Item = /*#__PURE__*/React.forwardRef((t0, forwardRef) => {
15
- const $ = reactCompilerRuntime.c(32);
15
+ const $ = reactCompilerRuntime.c(33);
16
16
  let ariaLabel;
17
17
  let ariaValueNow;
18
18
  let ariaValueText;
19
+ let bg;
19
20
  let className;
20
21
  let progress;
21
22
  let rest;
@@ -28,93 +29,96 @@ const Item = /*#__PURE__*/React.forwardRef((t0, forwardRef) => {
28
29
  "aria-valuetext": ariaValueText,
29
30
  className,
30
31
  style,
32
+ bg,
31
33
  ...rest
32
34
  } = t0);
33
35
  $[0] = t0;
34
36
  $[1] = ariaLabel;
35
37
  $[2] = ariaValueNow;
36
38
  $[3] = ariaValueText;
37
- $[4] = className;
38
- $[5] = progress;
39
- $[6] = rest;
40
- $[7] = style;
39
+ $[4] = bg;
40
+ $[5] = className;
41
+ $[6] = progress;
42
+ $[7] = rest;
43
+ $[8] = style;
41
44
  } else {
42
45
  ariaLabel = $[1];
43
46
  ariaValueNow = $[2];
44
47
  ariaValueText = $[3];
45
- className = $[4];
46
- progress = $[5];
47
- rest = $[6];
48
- style = $[7];
48
+ bg = $[4];
49
+ className = $[5];
50
+ progress = $[6];
51
+ rest = $[7];
52
+ style = $[8];
49
53
  }
50
54
  const progressAsNumber = typeof progress === "string" ? parseInt(progress, 10) : progress;
51
55
  let t1;
52
- if ($[8] !== ariaValueNow || $[9] !== progressAsNumber) {
56
+ if ($[9] !== ariaValueNow || $[10] !== progressAsNumber) {
53
57
  var _ariaValueNow;
54
58
  t1 = (_ariaValueNow = ariaValueNow) !== null && _ariaValueNow !== void 0 ? _ariaValueNow : progressAsNumber !== undefined && progressAsNumber >= 0 ? Math.round(progressAsNumber) : 0;
55
- $[8] = ariaValueNow;
56
- $[9] = progressAsNumber;
57
- $[10] = t1;
59
+ $[9] = ariaValueNow;
60
+ $[10] = progressAsNumber;
61
+ $[11] = t1;
58
62
  } else {
59
- t1 = $[10];
63
+ t1 = $[11];
60
64
  }
61
65
  let t2;
62
- if ($[11] !== ariaValueText || $[12] !== t1) {
66
+ if ($[12] !== ariaValueText || $[13] !== t1) {
63
67
  t2 = {
64
68
  "aria-valuenow": t1,
65
69
  "aria-valuemin": 0,
66
70
  "aria-valuemax": 100,
67
71
  "aria-valuetext": ariaValueText
68
72
  };
69
- $[11] = ariaValueText;
70
- $[12] = t1;
71
- $[13] = t2;
73
+ $[12] = ariaValueText;
74
+ $[13] = t1;
75
+ $[14] = t2;
72
76
  } else {
73
- t2 = $[13];
77
+ t2 = $[14];
74
78
  }
75
79
  const ariaAttributes = t2;
76
80
  let styles;
77
- if ($[14] !== progress || $[15] !== rest.bg) {
81
+ if ($[15] !== bg || $[16] !== progress) {
78
82
  styles = {};
79
83
  let t3;
80
- if ($[17] !== rest.bg) {
81
- t3 = rest.bg && rest.bg.split(".");
82
- $[17] = rest.bg;
83
- $[18] = t3;
84
+ if ($[18] !== bg) {
85
+ t3 = bg && bg.split(".");
86
+ $[18] = bg;
87
+ $[19] = t3;
84
88
  } else {
85
- t3 = $[18];
89
+ t3 = $[19];
86
90
  }
87
91
  const bgType = t3;
88
92
  styles["--progress-width"] = progress ? `${progress}%` : "0%";
89
- styles["--progress-bg"] = bgType && `var(--bgColor-${bgType[0]}-${bgType[1]})` || "var(--bgColor-success-emphasis)";
90
- $[14] = progress;
91
- $[15] = rest.bg;
92
- $[16] = styles;
93
+ styles["--progress-bg"] = bgType && `var(--bgColor-${bgType[0]}-${bgType[1] || "emphasis"})` || "var(--bgColor-success-emphasis)";
94
+ $[15] = bg;
95
+ $[16] = progress;
96
+ $[17] = styles;
93
97
  } else {
94
- styles = $[16];
98
+ styles = $[17];
95
99
  }
96
100
  let t3;
97
- if ($[19] !== className) {
101
+ if ($[20] !== className) {
98
102
  t3 = clsx.clsx(className, ProgressBar_module.ProgressBarItem);
99
- $[19] = className;
100
- $[20] = t3;
103
+ $[20] = className;
104
+ $[21] = t3;
101
105
  } else {
102
- t3 = $[20];
106
+ t3 = $[21];
103
107
  }
104
108
  let t4;
105
- if ($[21] !== style || $[22] !== styles) {
109
+ if ($[22] !== style || $[23] !== styles) {
106
110
  t4 = {
107
111
  ...styles,
108
112
  ...style
109
113
  };
110
- $[21] = style;
111
- $[22] = styles;
112
- $[23] = t4;
114
+ $[22] = style;
115
+ $[23] = styles;
116
+ $[24] = t4;
113
117
  } else {
114
- t4 = $[23];
118
+ t4 = $[24];
115
119
  }
116
120
  let t5;
117
- if ($[24] !== ariaAttributes || $[25] !== ariaLabel || $[26] !== forwardRef || $[27] !== progress || $[28] !== rest || $[29] !== t3 || $[30] !== t4) {
121
+ if ($[25] !== ariaAttributes || $[26] !== ariaLabel || $[27] !== forwardRef || $[28] !== progress || $[29] !== rest || $[30] !== t3 || $[31] !== t4) {
118
122
  t5 = /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
119
123
  as: "span",
120
124
  className: t3,
@@ -126,16 +130,16 @@ const Item = /*#__PURE__*/React.forwardRef((t0, forwardRef) => {
126
130
  style: t4,
127
131
  ...ariaAttributes
128
132
  });
129
- $[24] = ariaAttributes;
130
- $[25] = ariaLabel;
131
- $[26] = forwardRef;
132
- $[27] = progress;
133
- $[28] = rest;
134
- $[29] = t3;
135
- $[30] = t4;
136
- $[31] = t5;
133
+ $[25] = ariaAttributes;
134
+ $[26] = ariaLabel;
135
+ $[27] = forwardRef;
136
+ $[28] = progress;
137
+ $[29] = rest;
138
+ $[30] = t3;
139
+ $[31] = t4;
140
+ $[32] = t5;
137
141
  } else {
138
- t5 = $[31];
142
+ t5 = $[32];
139
143
  }
140
144
  return t5;
141
145
  });
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- require('./ProgressBar-430cdef7.css');
3
+ require('./ProgressBar-a0957632.css');
4
4
 
5
5
  var classes = {"ProgressBarItem":"prc-ProgressBar-ProgressBarItem-stL6O","ProgressBarContainer":"prc-ProgressBar-ProgressBarContainer-E-z8S"};
6
6
 
@@ -1,2 +1,2 @@
1
- .prc-Radio-Radio-Ly4MR{border-radius:var(--borderRadius-full,100vh);transition:background-color,border-color 80ms cubic-bezier(.33,1,.68,1)}.prc-Radio-Radio-Ly4MR:where(:checked){background-color:var(--control-checked-fgColor-rest,var(--color-switch-track-checked-fg));border-color:var(--control-checked-bgColor-rest,var(--color-switch-track-checked-bg));border-width:var(--borderWidth-thicker,.25rem)}.prc-Radio-Radio-Ly4MR:where(:checked):disabled{background-color:var(--fgColor-muted,var(--color-fg-muted));border-color:var(--fgColor-muted,var(--color-fg-muted));cursor:not-allowed}.prc-Radio-Radio-Ly4MR:focus,.prc-Radio-Radio-Ly4MR:focus-within{box-shadow:none;outline:2px solid var(--focus-outlineColor,var(--color-accent-fg));outline-offset:2px}@media (forced-colors:active){.prc-Radio-Radio-Ly4MR{background-color:canvastext;border-color:canvastext}}
2
- /*# sourceMappingURL=Radio-b2a92b7d.css.map */
1
+ .prc-Radio-Radio-Ly4MR{border-radius:var(--borderRadius-full,100vh);transition:background-color,border-color 80ms cubic-bezier(.33,1,.68,1)}.prc-Radio-Radio-Ly4MR:where(:checked){background-color:var(--control-checked-fgColor-rest,var(--color-switch-track-checked-fg));border-color:var(--control-checked-bgColor-rest,var(--color-switch-track-checked-bg));border-width:var(--borderWidth-thicker,.25rem)}.prc-Radio-Radio-Ly4MR:where(:checked):disabled{background-color:var(--fgColor-muted,var(--color-fg-muted));border-color:var(--fgColor-muted,var(--color-fg-muted));cursor:not-allowed}.prc-Radio-Radio-Ly4MR:focus-visible{box-shadow:none;outline:2px solid var(--focus-outlineColor,var(--color-accent-fg));outline-offset:2px}@media (forced-colors:active){.prc-Radio-Radio-Ly4MR{background-color:canvastext;border-color:canvastext}}
2
+ /*# sourceMappingURL=Radio-df9a5c02.css.map */
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/Radio/Radio.module.css","../../postcss-preset-primer/src/mixins/focusOutline.css"],"names":[],"mappings":"AAAA,uBACE,4CAA8C,CAC9C,uEA+BF,CA3BE,uCAEE,yFAAqD,CAIrD,qFAAiD,CACjD,8CASF,CAPE,gDAGE,2DAAsC,CAEtC,uDAAkC,CAJlC,kBAKF,CAGF,iECrBA,eAAgB,CAFhB,kEAAgC,CAChC,kBDyBA,CAEA,8BA7BF,uBA8BI,2BAA4B,CAC5B,uBAEJ,CADE","file":"Radio-b2a92b7d.css","sourcesContent":[".Radio {\n border-radius: var(--borderRadius-full, 100vh);\n transition:\n background-color,\n border-color 80ms cubic-bezier(0.33, 1, 0.68, 1); /* checked -> unchecked - add 120ms delay to fully see animation-out */\n\n &:where(:checked) {\n /* stylelint-disable-next-line primer/colors */\n background-color: var(--control-checked-fgColor-rest);\n\n /* using bgColor here to avoid a border change in dark high contrast */\n /* stylelint-disable-next-line primer/colors */\n border-color: var(--control-checked-bgColor-rest);\n border-width: var(--borderWidth-thicker);\n\n &:disabled {\n cursor: not-allowed;\n /* stylelint-disable-next-line primer/colors */\n background-color: var(--fgColor-muted);\n /* stylelint-disable-next-line primer/colors */\n border-color: var(--fgColor-muted);\n }\n }\n\n &:focus,\n &:focus-within {\n @mixin focusOutline 2px;\n }\n\n @media (forced-colors: active) {\n background-color: canvastext;\n border-color: canvastext;\n }\n}\n","@define-mixin focusOutline $outlineOffset: -2px, $outlineColor: var(--focus-outlineColor) {\n outline: 2px solid $outlineColor;\n outline-offset: $outlineOffset;\n box-shadow: none;\n}\n"]}
1
+ {"version":3,"sources":["../src/Radio/Radio.module.css","../../postcss-preset-primer/src/mixins/focusOutline.css"],"names":[],"mappings":"AAAA,uBACE,4CAA8C,CAC9C,uEA8BF,CA1BE,uCAEE,yFAAqD,CAIrD,qFAAiD,CACjD,8CASF,CAPE,gDAGE,2DAAsC,CAEtC,uDAAkC,CAJlC,kBAKF,CAGF,qCCrBA,eAAgB,CAFhB,kEAAgC,CAChC,kBDwBA,CAEA,8BA5BF,uBA6BI,2BAA4B,CAC5B,uBAEJ,CADE","file":"Radio-df9a5c02.css","sourcesContent":[".Radio {\n border-radius: var(--borderRadius-full, 100vh);\n transition:\n background-color,\n border-color 80ms cubic-bezier(0.33, 1, 0.68, 1); /* checked -> unchecked - add 120ms delay to fully see animation-out */\n\n &:where(:checked) {\n /* stylelint-disable-next-line primer/colors */\n background-color: var(--control-checked-fgColor-rest);\n\n /* using bgColor here to avoid a border change in dark high contrast */\n /* stylelint-disable-next-line primer/colors */\n border-color: var(--control-checked-bgColor-rest);\n border-width: var(--borderWidth-thicker);\n\n &:disabled {\n cursor: not-allowed;\n /* stylelint-disable-next-line primer/colors */\n background-color: var(--fgColor-muted);\n /* stylelint-disable-next-line primer/colors */\n border-color: var(--fgColor-muted);\n }\n }\n\n &:focus-visible {\n @mixin focusOutline 2px;\n }\n\n @media (forced-colors: active) {\n background-color: canvastext;\n border-color: canvastext;\n }\n}\n","@define-mixin focusOutline $outlineOffset: -2px, $outlineColor: var(--focus-outlineColor) {\n outline: 2px solid $outlineColor;\n outline-offset: $outlineOffset;\n box-shadow: none;\n}\n"]}
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- require('./Radio-b2a92b7d.css');
3
+ require('./Radio-df9a5c02.css');
4
4
 
5
5
  var classes = {"Radio":"prc-Radio-Radio-Ly4MR"};
6
6
 
@@ -70,7 +70,7 @@ const ArrowIndicator = t0 => {
70
70
  };
71
71
  const Select = /*#__PURE__*/React__default.default.forwardRef((t0, ref) => {
72
72
  var _ref, _defaultValue;
73
- const $ = reactCompilerRuntime.c(39);
73
+ const $ = reactCompilerRuntime.c(41);
74
74
  let block;
75
75
  let children;
76
76
  let className;
@@ -125,93 +125,101 @@ const Select = /*#__PURE__*/React__default.default.forwardRef((t0, ref) => {
125
125
  sx = $[11];
126
126
  validationStatus = $[12];
127
127
  }
128
- const t1 = validationStatus === "error" ? "true" : "false";
129
- const t2 = disabled && Select_module.Disabled;
130
- let t3;
131
- if ($[13] !== className || $[14] !== t2) {
132
- t3 = clsx.clsx(className, Select_module.Select, t2);
128
+ let t1;
129
+ if ($[13] !== className) {
130
+ t1 = clsx.clsx(Select_module.TextInputWrapper, className);
133
131
  $[13] = className;
134
- $[14] = t2;
132
+ $[14] = t1;
133
+ } else {
134
+ t1 = $[14];
135
+ }
136
+ const t2 = validationStatus === "error" ? "true" : "false";
137
+ const t3 = disabled && Select_module.Disabled;
138
+ let t4;
139
+ if ($[15] !== t3) {
140
+ t4 = clsx.clsx(Select_module.Select, t3);
135
141
  $[15] = t3;
142
+ $[16] = t4;
136
143
  } else {
137
- t3 = $[15];
144
+ t4 = $[16];
138
145
  }
139
- const t4 = Boolean(placeholder);
140
- const t5 = (_ref = (_defaultValue = defaultValue) !== null && _defaultValue !== void 0 ? _defaultValue : placeholder) !== null && _ref !== void 0 ? _ref : undefined;
141
- let t6;
142
- if ($[16] !== placeholder || $[17] !== required) {
143
- t6 = placeholder && /*#__PURE__*/jsxRuntime.jsx("option", {
146
+ const t5 = Boolean(placeholder);
147
+ const t6 = (_ref = (_defaultValue = defaultValue) !== null && _defaultValue !== void 0 ? _defaultValue : placeholder) !== null && _ref !== void 0 ? _ref : undefined;
148
+ let t7;
149
+ if ($[17] !== placeholder || $[18] !== required) {
150
+ t7 = placeholder && /*#__PURE__*/jsxRuntime.jsx("option", {
144
151
  value: "",
145
152
  disabled: required,
146
153
  hidden: required,
147
154
  children: placeholder
148
155
  });
149
- $[16] = placeholder;
150
- $[17] = required;
151
- $[18] = t6;
156
+ $[17] = placeholder;
157
+ $[18] = required;
158
+ $[19] = t7;
152
159
  } else {
153
- t6 = $[18];
160
+ t7 = $[19];
154
161
  }
155
- let t7;
156
- if ($[19] !== children || $[20] !== disabled || $[21] !== ref || $[22] !== required || $[23] !== rest || $[24] !== t1 || $[25] !== t3 || $[26] !== t4 || $[27] !== t5 || $[28] !== t6) {
157
- t7 = /*#__PURE__*/jsxRuntime.jsxs("select", {
162
+ let t8;
163
+ if ($[20] !== children || $[21] !== disabled || $[22] !== ref || $[23] !== required || $[24] !== rest || $[25] !== t2 || $[26] !== t4 || $[27] !== t5 || $[28] !== t6 || $[29] !== t7) {
164
+ t8 = /*#__PURE__*/jsxRuntime.jsxs("select", {
158
165
  ...rest,
159
166
  ref: ref,
160
167
  required: required,
161
168
  disabled: disabled,
162
- "aria-invalid": t1,
163
- className: t3,
164
- "data-hasplaceholder": t4,
165
- defaultValue: t5,
166
- children: [t6, children]
169
+ "aria-invalid": t2,
170
+ className: t4,
171
+ "data-hasplaceholder": t5,
172
+ defaultValue: t6,
173
+ children: [t7, children]
167
174
  });
168
- $[19] = children;
169
- $[20] = disabled;
170
- $[21] = ref;
171
- $[22] = required;
172
- $[23] = rest;
173
- $[24] = t1;
174
- $[25] = t3;
175
+ $[20] = children;
176
+ $[21] = disabled;
177
+ $[22] = ref;
178
+ $[23] = required;
179
+ $[24] = rest;
180
+ $[25] = t2;
175
181
  $[26] = t4;
176
182
  $[27] = t5;
177
183
  $[28] = t6;
178
184
  $[29] = t7;
185
+ $[30] = t8;
179
186
  } else {
180
- t7 = $[29];
187
+ t8 = $[30];
181
188
  }
182
- let t8;
183
- if ($[30] === Symbol.for("react.memo_cache_sentinel")) {
184
- t8 = /*#__PURE__*/jsxRuntime.jsx(ArrowIndicator, {
189
+ let t9;
190
+ if ($[31] === Symbol.for("react.memo_cache_sentinel")) {
191
+ t9 = /*#__PURE__*/jsxRuntime.jsx(ArrowIndicator, {
185
192
  className: Select_module.ArrowIndicator
186
193
  });
187
- $[30] = t8;
194
+ $[31] = t9;
188
195
  } else {
189
- t8 = $[30];
196
+ t9 = $[31];
190
197
  }
191
- let t9;
192
- if ($[31] !== block || $[32] !== contrast || $[33] !== disabled || $[34] !== size || $[35] !== sx || $[36] !== t7 || $[37] !== validationStatus) {
193
- t9 = /*#__PURE__*/jsxRuntime.jsxs(TextInputWrapper.TextInputWrapper, {
198
+ let t10;
199
+ if ($[32] !== block || $[33] !== contrast || $[34] !== disabled || $[35] !== size || $[36] !== sx || $[37] !== t1 || $[38] !== t8 || $[39] !== validationStatus) {
200
+ t10 = /*#__PURE__*/jsxRuntime.jsxs(TextInputWrapper.TextInputWrapper, {
194
201
  block: block,
195
202
  contrast: contrast,
196
203
  disabled: disabled,
197
204
  size: size,
198
205
  validationStatus: validationStatus,
199
- className: Select_module.TextInputWrapper,
206
+ className: t1,
200
207
  sx: sx,
201
- children: [t7, t8]
208
+ children: [t8, t9]
202
209
  });
203
- $[31] = block;
204
- $[32] = contrast;
205
- $[33] = disabled;
206
- $[34] = size;
207
- $[35] = sx;
208
- $[36] = t7;
209
- $[37] = validationStatus;
210
- $[38] = t9;
210
+ $[32] = block;
211
+ $[33] = contrast;
212
+ $[34] = disabled;
213
+ $[35] = size;
214
+ $[36] = sx;
215
+ $[37] = t1;
216
+ $[38] = t8;
217
+ $[39] = validationStatus;
218
+ $[40] = t10;
211
219
  } else {
212
- t9 = $[38];
220
+ t10 = $[40];
213
221
  }
214
- return t9;
222
+ return t10;
215
223
  });
216
224
  const Option = props => {
217
225
  const $ = reactCompilerRuntime.c(2);