@jobber/components 7.1.2-MIKElock--7916eb4.2 → 7.1.2

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 (234) hide show
  1. package/dist/AtlantisThemeContext-cjs.js +1 -1
  2. package/dist/AtlantisThemeContext-es.js +9 -9
  3. package/dist/Autocomplete/index.cjs +2 -2
  4. package/dist/Autocomplete/index.mjs +5 -5
  5. package/dist/Body-cjs.js +1 -1
  6. package/dist/Body-es.js +2 -2
  7. package/dist/BottomSheet-cjs.js +1 -1
  8. package/dist/BottomSheet-es.js +1 -1
  9. package/dist/Box-cjs.js +2 -2
  10. package/dist/Box-es.js +2 -2
  11. package/dist/Button/index.mjs +1 -1
  12. package/dist/Button-es.js +1 -1
  13. package/dist/Card-cjs.js +1 -1
  14. package/dist/Card-es.js +1 -1
  15. package/dist/Checkbox/index.cjs +1 -1
  16. package/dist/Checkbox/index.mjs +1 -1
  17. package/dist/Chip/index.mjs +1 -1
  18. package/dist/Chip-cjs.js +2 -2
  19. package/dist/Chip-es.js +2 -2
  20. package/dist/ChipDismissible-es.js +1 -1
  21. package/dist/Chips/InternalChipDismissible/hooks/index.mjs +1 -1
  22. package/dist/Combobox-cjs.js +1 -1
  23. package/dist/Combobox-es.js +1 -1
  24. package/dist/ComboboxAction-cjs.js +1 -1
  25. package/dist/ComboboxAction-es.js +1 -1
  26. package/dist/ComboboxContent-cjs.js +1 -1
  27. package/dist/ComboboxContent-es.js +2 -2
  28. package/dist/ComboboxContentHeader-cjs.js +1 -1
  29. package/dist/ComboboxContentHeader-es.js +1 -1
  30. package/dist/ComboboxContentList-es.js +1 -1
  31. package/dist/ComboboxContentSearch-cjs.js +1 -1
  32. package/dist/ComboboxContentSearch-es.js +1 -1
  33. package/dist/ComboboxLoadMore-cjs.js +1 -1
  34. package/dist/ComboboxLoadMore-es.js +1 -1
  35. package/dist/ComboboxOption-cjs.js +1 -1
  36. package/dist/ComboboxOption-es.js +1 -1
  37. package/dist/Container-cjs.js +1 -1
  38. package/dist/Container-es.js +1 -1
  39. package/dist/Content-cjs.js +1 -1
  40. package/dist/Content-es.js +1 -1
  41. package/dist/ContentBlock-cjs.js +1 -1
  42. package/dist/ContentBlock-es.js +1 -1
  43. package/dist/Countdown-cjs.js +3 -7
  44. package/dist/Countdown-es.js +4 -8
  45. package/dist/Cover-cjs.js +1 -1
  46. package/dist/Cover-es.js +1 -1
  47. package/dist/DataList-es.js +3 -3
  48. package/dist/DataList.const-cjs.js +1 -0
  49. package/dist/DataList.const-es.js +2 -1
  50. package/dist/DataList.module-cjs.js +1 -1
  51. package/dist/DataList.module-es.js +1 -1
  52. package/dist/DataList.utils-es.js +6 -6
  53. package/dist/DataListAction-cjs.js +1 -1
  54. package/dist/DataListAction-es.js +1 -1
  55. package/dist/DataListActionsMenu-cjs.js +1 -1
  56. package/dist/DataListActionsMenu-es.js +2 -2
  57. package/dist/DataListBulkActions-cjs.js +1 -1
  58. package/dist/DataListBulkActions-es.js +1 -1
  59. package/dist/DataListEmptyState-cjs.js +1 -1
  60. package/dist/DataListEmptyState-es.js +1 -1
  61. package/dist/DataListHeaderTile-cjs.js +2 -2
  62. package/dist/DataListHeaderTile-es.js +2 -2
  63. package/dist/DataListItemActions-cjs.js +1 -1
  64. package/dist/DataListItemActions-es.js +2 -2
  65. package/dist/DataListLayoutActions-cjs.js +1 -1
  66. package/dist/DataListLayoutActions-es.js +2 -2
  67. package/dist/DataListLoadMore-cjs.js +1 -1
  68. package/dist/DataListLoadMore-es.js +1 -1
  69. package/dist/DataListLoadingState-cjs.js +1 -1
  70. package/dist/DataListLoadingState-es.js +2 -2
  71. package/dist/DataListOverflowFade-cjs.js +1 -1
  72. package/dist/DataListOverflowFade-es.js +1 -1
  73. package/dist/DataListSearch-cjs.js +1 -1
  74. package/dist/DataListSearch-es.js +1 -1
  75. package/dist/DataListSortingOptions-cjs.js +1 -1
  76. package/dist/DataListSortingOptions-es.js +1 -1
  77. package/dist/DataListStickyHeader-cjs.js +1 -1
  78. package/dist/DataListStickyHeader-es.js +1 -1
  79. package/dist/DataListTags-cjs.js +1 -1
  80. package/dist/DataListTags-es.js +1 -1
  81. package/dist/DataListTotalCount-cjs.js +1 -1
  82. package/dist/DataListTotalCount-es.js +2 -2
  83. package/dist/DataTable/index.mjs +1 -1
  84. package/dist/DataTable-cjs.js +3 -3
  85. package/dist/DataTable-es.js +5 -5
  86. package/dist/DataTableTable-cjs.js +2 -2
  87. package/dist/DataTableTable-es.js +3 -3
  88. package/dist/DatePicker-cjs.js +81 -266
  89. package/dist/DatePicker-es.js +83 -268
  90. package/dist/DayOfMonthSelect-cjs.js +5 -5
  91. package/dist/DayOfMonthSelect-es.js +6 -6
  92. package/dist/DescriptionList-cjs.js +1 -1
  93. package/dist/DescriptionList-es.js +1 -1
  94. package/dist/Disclosure-cjs.js +1 -1
  95. package/dist/Disclosure-es.js +1 -1
  96. package/dist/Divider-cjs.js +1 -1
  97. package/dist/Divider-es.js +1 -1
  98. package/dist/DrawerGrid-cjs.js +2 -2
  99. package/dist/DrawerGrid-es.js +2 -2
  100. package/dist/DrawerRoot-cjs.js +48 -10
  101. package/dist/DrawerRoot-es.js +50 -12
  102. package/dist/FeatureSwitch-cjs.js +1 -1
  103. package/dist/FeatureSwitch-es.js +1 -1
  104. package/dist/FormField/index.mjs +1 -1
  105. package/dist/FormField-cjs.js +1 -1
  106. package/dist/FormField-es.js +2 -2
  107. package/dist/FormatEmail-cjs.js +1 -1
  108. package/dist/FormatEmail-es.js +1 -1
  109. package/dist/FormatFile-cjs.js +6 -1
  110. package/dist/FormatFile-es.js +6 -1
  111. package/dist/Frame-cjs.js +1 -1
  112. package/dist/Frame-es.js +1 -1
  113. package/dist/Glimmer/index.mjs +1 -1
  114. package/dist/Glimmer-cjs.js +1 -1
  115. package/dist/Glimmer-es.js +2 -2
  116. package/dist/Grid-cjs.js +1 -1
  117. package/dist/Grid-es.js +1 -1
  118. package/dist/GridCell-cjs.js +1 -1
  119. package/dist/GridCell-es.js +1 -1
  120. package/dist/InputAvatar-cjs.js +1 -1
  121. package/dist/InputAvatar-es.js +1 -1
  122. package/dist/InputDate/index.mjs +1 -1
  123. package/dist/InputEmail/index.mjs +1 -1
  124. package/dist/InputFile-cjs.js +3 -8
  125. package/dist/InputFile-es.js +3 -8
  126. package/dist/InputNumber/index.cjs +59 -165
  127. package/dist/InputNumber/index.mjs +62 -168
  128. package/dist/InputPassword-es.js +1 -1
  129. package/dist/InputPhoneNumber/index.cjs +1 -1
  130. package/dist/InputPhoneNumber/index.mjs +2 -2
  131. package/dist/InputText/InputText.d.ts +70 -2
  132. package/dist/InputText/index.mjs +1 -1
  133. package/dist/InputTime/index.cjs +1 -0
  134. package/dist/InputTime/index.mjs +2 -1
  135. package/dist/InputValidation-cjs.js +1 -1
  136. package/dist/InputValidation-es.js +1 -1
  137. package/dist/InternalChipDismissible-cjs.js +1 -1
  138. package/dist/InternalChipDismissible-es.js +2 -2
  139. package/dist/LightBox-cjs.js +1 -1
  140. package/dist/LightBox-es.js +1 -1
  141. package/dist/Link-cjs.js +1 -1
  142. package/dist/Link-es.js +1 -1
  143. package/dist/List-cjs.js +3 -3
  144. package/dist/List-es.js +7 -7
  145. package/dist/Markdown-cjs.js +392 -466
  146. package/dist/Markdown-es.js +398 -472
  147. package/dist/Menu-cjs.js +577 -739
  148. package/dist/Menu-es.js +573 -735
  149. package/dist/Modal/index.cjs +2 -2
  150. package/dist/Modal/index.mjs +2 -2
  151. package/dist/MultiSelect-cjs.js +2 -2
  152. package/dist/MultiSelect-es.js +2 -2
  153. package/dist/OverlaySeparator-cjs.js +1 -1
  154. package/dist/OverlaySeparator-es.js +1 -1
  155. package/dist/Popover-cjs.js +1 -1
  156. package/dist/Popover-es.js +2 -2
  157. package/dist/ProgressBar-cjs.js +1 -1
  158. package/dist/ProgressBar-es.js +1 -1
  159. package/dist/RadioGroup-cjs.js +1 -1
  160. package/dist/RadioGroup-es.js +1 -1
  161. package/dist/RecurringSelect/components/index.mjs +1 -1
  162. package/dist/RecurringSelect/index.cjs +0 -1
  163. package/dist/RecurringSelect/index.mjs +0 -1
  164. package/dist/RecurringSelect-cjs.js +1 -1
  165. package/dist/RecurringSelect-es.js +2 -2
  166. package/dist/SegmentedControl-cjs.js +1 -1
  167. package/dist/SegmentedControl-es.js +2 -2
  168. package/dist/Select/index.cjs +1 -1
  169. package/dist/Select/index.mjs +2 -2
  170. package/dist/SideDrawer-cjs.js +1 -1
  171. package/dist/SideDrawer-es.js +1 -1
  172. package/dist/Spinner-cjs.js +1 -1
  173. package/dist/Spinner-es.js +1 -1
  174. package/dist/StatusIndicator-cjs.js +1 -1
  175. package/dist/StatusIndicator-es.js +1 -1
  176. package/dist/Switch-cjs.js +1 -1
  177. package/dist/Switch-es.js +1 -1
  178. package/dist/Table/index.mjs +1 -1
  179. package/dist/Tabs/index.mjs +1 -1
  180. package/dist/Tabs-cjs.js +1 -1
  181. package/dist/Tabs-es.js +6 -6
  182. package/dist/Text-cjs2.js +164 -298
  183. package/dist/Text-es2.js +164 -295
  184. package/dist/Thumbnail-cjs.js +1 -1
  185. package/dist/Thumbnail-es.js +2 -2
  186. package/dist/Tiles-cjs.js +1 -1
  187. package/dist/Tiles-es.js +1 -1
  188. package/dist/Tooltip-cjs.js +1 -1
  189. package/dist/Tooltip-es.js +2 -2
  190. package/dist/Typography-cjs.js +3 -3
  191. package/dist/Typography-es.js +3 -3
  192. package/dist/_baseEach-cjs.js +1 -1
  193. package/dist/_baseEach-es.js +7 -7
  194. package/dist/_baseFlatten-es.js +1 -1
  195. package/dist/_getAllKeys-cjs.js +8 -2
  196. package/dist/_getAllKeys-es.js +10 -4
  197. package/dist/_getTag-es.js +1 -1
  198. package/dist/_isIterateeCall-es.js +3 -3
  199. package/dist/_setToString-es.js +2 -2
  200. package/dist/debounce-es.js +4 -4
  201. package/dist/docs/Autocomplete/AutocompleteV1.md +1 -1
  202. package/dist/docs/Autocomplete/AutocompleteV2.md +1 -1
  203. package/dist/docs/Banner/Banner.md +1 -1
  204. package/dist/docs/DataList/DataList.md +1 -1
  205. package/dist/docs/FormField/FormField.md +2 -2
  206. package/dist/docs/InputEmail/InputEmail.md +1 -1
  207. package/dist/docs/InputNumber/InputNumber.md +2 -2
  208. package/dist/docs/InputPhoneNumber/InputPhoneNumber.md +1 -1
  209. package/dist/docs/InputText/InputText.md +2 -2
  210. package/dist/docs/Modal/Modal.md +3 -3
  211. package/dist/docs/Select/Select.md +2 -2
  212. package/dist/floating-ui.react-cjs.js +16 -35
  213. package/dist/floating-ui.react-dom-es.js +2 -2
  214. package/dist/floating-ui.react-es.js +18 -37
  215. package/dist/identity-es.js +5 -5
  216. package/dist/index-cjs.js +6 -6
  217. package/dist/index-es.js +6 -6
  218. package/dist/index.esm-es.js +1 -1
  219. package/dist/index.mjs +6 -6
  220. package/dist/isSymbol-es.js +1 -1
  221. package/dist/isTypedArray-cjs.js +4 -4
  222. package/dist/isTypedArray-es.js +6 -6
  223. package/dist/keysIn-cjs.js +2 -2
  224. package/dist/keysIn-es.js +5 -5
  225. package/dist/noop-es.js +4 -4
  226. package/dist/omit-cjs.js +5 -37
  227. package/dist/omit-es.js +14 -46
  228. package/dist/showToast-cjs.js +1 -1
  229. package/dist/showToast-es.js +1 -1
  230. package/dist/styles.css +117 -54
  231. package/dist/unstyledPrimitives/index.mjs +3 -3
  232. package/dist/useScrollToActive-cjs.js +1 -1
  233. package/dist/useScrollToActive-es.js +8 -8
  234. package/package.json +3 -4
@@ -342,7 +342,7 @@ var merge$1 = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(merge_1);
342
342
 
343
343
  const THEME_CHANGE_EVENT = "atlantis.toggle-theme";
344
344
 
345
- var styles = {"staticThemeProviderWrapper":"P6HrDSaI0Ac-","overrideTokensWrapper":"j-NMCOBL3-E-"};
345
+ var styles = {"staticThemeProviderWrapper":"P6HrDSaI0Ac-","overrideTokensWrapper":"j-NMCOBL3-E-","spinning":"iq03qkKnXBA-"};
346
346
 
347
347
  const atlantisThemeContextDefaultValues = {
348
348
  theme: "light",
@@ -1,11 +1,11 @@
1
1
  import { tokens, darkTokens } from '@jobber/design';
2
- import React__default, { createContext, useContext, useState, useCallback, useEffect, useMemo } from 'react';
2
+ import React__default, { createContext, useState, useCallback, useEffect, useContext, useMemo } from 'react';
3
3
  import { g as getDefaultExportFromCjs } from './_commonjsHelpers-es.js';
4
4
  import { e as eq_1, c as _Stack } from './identity-es.js';
5
5
  import { _ as _baseAssignValue } from './_baseAssignValue-es.js';
6
6
  import { _ as _baseFor } from './_baseFor-es.js';
7
- import { _ as _copyObject, k as keysIn_1, a as _copyArray, b as _cloneBufferExports, c as _cloneTypedArray, i as isPlainObject_1, d as _initCloneObject } from './keysIn-es.js';
8
- import { i as isArrayLike_1, b as isBufferExports, c as isTypedArray_1, a as isArray_1, d as isArguments_1, j as isFunction_1 } from './isTypedArray-es.js';
7
+ import { _ as _copyObject, k as keysIn_1, a as _cloneBufferExports, b as _cloneTypedArray, c as _copyArray, d as _initCloneObject, i as isPlainObject_1 } from './keysIn-es.js';
8
+ import { b as isArrayLike_1, i as isArguments_1, a as isArray_1, c as isBufferExports, j as isFunction_1, d as isTypedArray_1 } from './isTypedArray-es.js';
9
9
  import { i as isObjectLike_1, a as isObject_1 } from './isObjectLike-es.js';
10
10
  import { _ as _baseRest, a as _isIterateeCall } from './_isIterateeCall-es.js';
11
11
 
@@ -330,23 +330,23 @@ var baseMerge = _baseMerge,
330
330
  * _.merge(object, other);
331
331
  * // => { 'a': [{ 'b': 2, 'c': 3 }, { 'd': 4, 'e': 5 }] }
332
332
  */
333
- var merge$1 = createAssigner(function(object, source, srcIndex) {
333
+ var merge = createAssigner(function(object, source, srcIndex) {
334
334
  baseMerge(object, source, srcIndex);
335
335
  });
336
336
 
337
- var merge_1 = merge$1;
337
+ var merge_1 = merge;
338
338
 
339
- var merge = /*@__PURE__*/getDefaultExportFromCjs(merge_1);
339
+ var merge$1 = /*@__PURE__*/getDefaultExportFromCjs(merge_1);
340
340
 
341
341
  const THEME_CHANGE_EVENT = "atlantis.toggle-theme";
342
342
 
343
- var styles = {"staticThemeProviderWrapper":"P6HrDSaI0Ac-","overrideTokensWrapper":"j-NMCOBL3-E-"};
343
+ var styles = {"staticThemeProviderWrapper":"P6HrDSaI0Ac-","overrideTokensWrapper":"j-NMCOBL3-E-","spinning":"iq03qkKnXBA-"};
344
344
 
345
345
  const atlantisThemeContextDefaultValues = {
346
346
  theme: "light",
347
347
  tokens: tokens,
348
348
  };
349
- const actualDarkTokens = merge({}, tokens, darkTokens);
349
+ const actualDarkTokens = merge$1({}, tokens, darkTokens);
350
350
  const AtlantisThemeContext = createContext(atlantisThemeContextDefaultValues);
351
351
  function AtlantisThemeContextProvider({ children, dangerouslyOverrideTheme, dangerouslyOverrideTokens, }) {
352
352
  if (dangerouslyOverrideTheme) {
@@ -401,7 +401,7 @@ function useTokens(theme, overrideTokens) {
401
401
  const currentTokens = theme === "dark" ? actualDarkTokens : tokens;
402
402
  const finalTokens = useMemo(() => {
403
403
  if (overrideTokens) {
404
- return merge({}, currentTokens, overrideTokens);
404
+ return merge$1({}, currentTokens, overrideTokens);
405
405
  }
406
406
  return currentTokens;
407
407
  }, [currentTokens, overrideTokens]);
@@ -32,7 +32,7 @@ const AUTOCOMPLETE_MAX_HEIGHT$1 = 300;
32
32
  /** Stable empty array for cleared/empty selection state. Reuse to avoid reference churn. */
33
33
  const EMPTY_SELECTED_VALUES = [];
34
34
 
35
- var styles$1 = {"list":"_37kZB-nYE08-","loadingList":"ULib3TUQja0-","option":"h5-1Pp0eRyo-","defaultOptionContent":"iBkyj85vd-E-","icon":"I6wAbSJJHNQ-","optionActive":"_4yhnonWAWRY-","actionActive":"oGLMF6n8C74-","action":"LBrwH6TEUYA-","section":"DDOv4DR8bJQ-","emptyStateMessage":"Twgjn26oldE-","stickyTop":"mc1-CEwZtHE-","scrollRegion":"kOR88SFNOn0-","persistentHeader":"_0O-kEf3h9ZI-","persistentFooter":"rQ9ZS7Rb7Z4-","textPersistent":"vxk57ZhP8GU-","multiSelectField":"AWoK6-P8fFE-","chipArea":"zJm0oR5x4qY-","inlineInput":"Oa26ZaVEi3g-","selectionChip":"IarOrfyYExE-","selectionChipActive":"pmtAk9HEhF4-","selectionChipDisabled":"nmXqlAV-DJo-","chipDismiss":"SmrmwoOlZDo-","limitText":"pqwAJ8VczCU-"};
35
+ var styles$1 = {"list":"_37kZB-nYE08-","loadingList":"ULib3TUQja0-","option":"h5-1Pp0eRyo-","defaultOptionContent":"iBkyj85vd-E-","icon":"I6wAbSJJHNQ-","optionActive":"_4yhnonWAWRY-","actionActive":"oGLMF6n8C74-","action":"LBrwH6TEUYA-","section":"DDOv4DR8bJQ-","emptyStateMessage":"Twgjn26oldE-","stickyTop":"mc1-CEwZtHE-","scrollRegion":"kOR88SFNOn0-","persistentHeader":"_0O-kEf3h9ZI-","persistentFooter":"rQ9ZS7Rb7Z4-","textPersistent":"vxk57ZhP8GU-","multiSelectField":"AWoK6-P8fFE-","chipArea":"zJm0oR5x4qY-","inlineInput":"Oa26ZaVEi3g-","selectionChip":"IarOrfyYExE-","selectionChipActive":"pmtAk9HEhF4-","selectionChipDisabled":"nmXqlAV-DJo-","chipDismiss":"SmrmwoOlZDo-","limitText":"pqwAJ8VczCU-","spinning":"_0d8hyvaCPAw-"};
36
36
 
37
37
  function flattenMenu(menu) {
38
38
  const optionItems = [];
@@ -1312,7 +1312,7 @@ function MultipleSelectionLayout({ selectedValues, inputValue, disabled, error,
1312
1312
  children));
1313
1313
  }
1314
1314
 
1315
- var styles = {"autocomplete":"_7mObJiwfPh4-","options":"dL5JShAJlKM-","heading":"PWZL-94hH7k-","visible":"_2RzcnTdaPyc-","option":"y9zhi8Wr8QA-","active":"_3Xg49dtL1Q8-","separator":"LIeh390F3W8-","icon":"K2phy6IC3TY-","text":"a6-LbUm5WnY-","label":"tQNbuxcE9nU-","details":"qacStG9-XbE-"};
1315
+ var styles = {"autocomplete":"_7mObJiwfPh4-","options":"dL5JShAJlKM-","heading":"PWZL-94hH7k-","visible":"_2RzcnTdaPyc-","option":"y9zhi8Wr8QA-","active":"_3Xg49dtL1Q8-","separator":"LIeh390F3W8-","icon":"K2phy6IC3TY-","text":"a6-LbUm5WnY-","label":"tQNbuxcE9nU-","details":"qacStG9-XbE-","spinning":"P9cQDL4MZ-s-"};
1316
1316
 
1317
1317
  function useRepositionMenu(attachTo, visible, cssManagedVisibility) {
1318
1318
  const { refs, floatingStyles, update } = floatingUi_react.useFloating(Object.assign({ placement: "bottom", middleware: [
@@ -4,14 +4,14 @@ import classnames from 'classnames';
4
4
  import { tokens } from '@jobber/design';
5
5
  import { useCallbackRef, useDebounce, useSafeLayoutEffect, useIsMounted, useOnKeyDown } from '@jobber/hooks';
6
6
  import { c as calculateMaxHeight } from '../maxHeight-es.js';
7
- import { a as autoUpdate, o as offset, f as flip, d as size } from '../floating-ui.react-dom-es.js';
7
+ import { b as autoUpdate, o as offset, f as flip, d as size } from '../floating-ui.react-dom-es.js';
8
8
  import { H as Heading } from '../Heading-es.js';
9
9
  import { T as Text } from '../Text-es.js';
10
10
  import { T as Typography } from '../Typography-es.js';
11
11
  import { I as Icon } from '../Icon-es.js';
12
- import { a as Glimmer } from '../Glimmer-es.js';
12
+ import { G as Glimmer } from '../Glimmer-es.js';
13
13
  import { InputText } from '../InputText/index.mjs';
14
- import { n as mergeRefs, e as FormFieldWrapper } from '../FormField-es.js';
14
+ import { n as mergeRefs, f as FormFieldWrapper } from '../FormField-es.js';
15
15
  import { _ as __rest, a as __awaiter } from '../tslib.es6-es.js';
16
16
  import 'react-hook-form';
17
17
  import '../Button-es.js';
@@ -30,7 +30,7 @@ const AUTOCOMPLETE_MAX_HEIGHT$1 = 300;
30
30
  /** Stable empty array for cleared/empty selection state. Reuse to avoid reference churn. */
31
31
  const EMPTY_SELECTED_VALUES = [];
32
32
 
33
- var styles$1 = {"list":"_37kZB-nYE08-","loadingList":"ULib3TUQja0-","option":"h5-1Pp0eRyo-","defaultOptionContent":"iBkyj85vd-E-","icon":"I6wAbSJJHNQ-","optionActive":"_4yhnonWAWRY-","actionActive":"oGLMF6n8C74-","action":"LBrwH6TEUYA-","section":"DDOv4DR8bJQ-","emptyStateMessage":"Twgjn26oldE-","stickyTop":"mc1-CEwZtHE-","scrollRegion":"kOR88SFNOn0-","persistentHeader":"_0O-kEf3h9ZI-","persistentFooter":"rQ9ZS7Rb7Z4-","textPersistent":"vxk57ZhP8GU-","multiSelectField":"AWoK6-P8fFE-","chipArea":"zJm0oR5x4qY-","inlineInput":"Oa26ZaVEi3g-","selectionChip":"IarOrfyYExE-","selectionChipActive":"pmtAk9HEhF4-","selectionChipDisabled":"nmXqlAV-DJo-","chipDismiss":"SmrmwoOlZDo-","limitText":"pqwAJ8VczCU-"};
33
+ var styles$1 = {"list":"_37kZB-nYE08-","loadingList":"ULib3TUQja0-","option":"h5-1Pp0eRyo-","defaultOptionContent":"iBkyj85vd-E-","icon":"I6wAbSJJHNQ-","optionActive":"_4yhnonWAWRY-","actionActive":"oGLMF6n8C74-","action":"LBrwH6TEUYA-","section":"DDOv4DR8bJQ-","emptyStateMessage":"Twgjn26oldE-","stickyTop":"mc1-CEwZtHE-","scrollRegion":"kOR88SFNOn0-","persistentHeader":"_0O-kEf3h9ZI-","persistentFooter":"rQ9ZS7Rb7Z4-","textPersistent":"vxk57ZhP8GU-","multiSelectField":"AWoK6-P8fFE-","chipArea":"zJm0oR5x4qY-","inlineInput":"Oa26ZaVEi3g-","selectionChip":"IarOrfyYExE-","selectionChipActive":"pmtAk9HEhF4-","selectionChipDisabled":"nmXqlAV-DJo-","chipDismiss":"SmrmwoOlZDo-","limitText":"pqwAJ8VczCU-","spinning":"_0d8hyvaCPAw-"};
34
34
 
35
35
  function flattenMenu(menu) {
36
36
  const optionItems = [];
@@ -1310,7 +1310,7 @@ function MultipleSelectionLayout({ selectedValues, inputValue, disabled, error,
1310
1310
  children));
1311
1311
  }
1312
1312
 
1313
- var styles = {"autocomplete":"_7mObJiwfPh4-","options":"dL5JShAJlKM-","heading":"PWZL-94hH7k-","visible":"_2RzcnTdaPyc-","option":"y9zhi8Wr8QA-","active":"_3Xg49dtL1Q8-","separator":"LIeh390F3W8-","icon":"K2phy6IC3TY-","text":"a6-LbUm5WnY-","label":"tQNbuxcE9nU-","details":"qacStG9-XbE-"};
1313
+ var styles = {"autocomplete":"_7mObJiwfPh4-","options":"dL5JShAJlKM-","heading":"PWZL-94hH7k-","visible":"_2RzcnTdaPyc-","option":"y9zhi8Wr8QA-","active":"_3Xg49dtL1Q8-","separator":"LIeh390F3W8-","icon":"K2phy6IC3TY-","text":"a6-LbUm5WnY-","label":"tQNbuxcE9nU-","details":"qacStG9-XbE-","spinning":"P9cQDL4MZ-s-"};
1314
1314
 
1315
1315
  function useRepositionMenu(attachTo, visible, cssManagedVisibility) {
1316
1316
  const { refs, floatingStyles, update } = useFloating(Object.assign({ placement: "bottom", middleware: [
package/dist/Body-cjs.js CHANGED
@@ -4,7 +4,7 @@ var React = require('react');
4
4
  var formatters = require('@jobber/formatters');
5
5
  var classnames = require('classnames');
6
6
 
7
- var styles$1 = {"table":"_7PagpWEko2U-","row":"_9OHT36DJGCo-","header":"YPDzOWGHgkk-","footer":"cv4Izfe0MWI-"};
7
+ var styles$1 = {"table":"_7PagpWEko2U-","row":"_9OHT36DJGCo-","header":"YPDzOWGHgkk-","footer":"cv4Izfe0MWI-","spinning":"SBtILBzIaGI-"};
8
8
 
9
9
  function Table({ children }) {
10
10
  return React.createElement("table", { className: styles$1.table }, children);
package/dist/Body-es.js CHANGED
@@ -2,7 +2,7 @@ import React__default from 'react';
2
2
  import { formatCurrency } from '@jobber/formatters';
3
3
  import classnames from 'classnames';
4
4
 
5
- var styles$1 = {"table":"_7PagpWEko2U-","row":"_9OHT36DJGCo-","header":"YPDzOWGHgkk-","footer":"cv4Izfe0MWI-"};
5
+ var styles$1 = {"table":"_7PagpWEko2U-","row":"_9OHT36DJGCo-","header":"YPDzOWGHgkk-","footer":"cv4Izfe0MWI-","spinning":"SBtILBzIaGI-"};
6
6
 
7
7
  function Table({ children }) {
8
8
  return React__default.createElement("table", { className: styles$1.table }, children);
@@ -42,4 +42,4 @@ function Body({ children }) {
42
42
  return React__default.createElement("tbody", null, children);
43
43
  }
44
44
 
45
- export { Body as B, Cell as C, Footer as F, Header as H, Row as R, Table as T, CellCurrency as a, CellNumeric as b };
45
+ export { Body as B, Cell as C, Footer as F, Header as H, Row as R, Table as T, CellNumeric as a, CellCurrency as b };
@@ -5,7 +5,7 @@ var React = require('react');
5
5
  var classnames = require('classnames');
6
6
  var DrawerRoot = require('./DrawerRoot-cjs.js');
7
7
 
8
- var styles = {"backdrop":"Qf3IFhKJwQ0-","popup":"_868PDAA3U2M-","content":"eKuxReHyju8-","scrollArea":"_1I0eaFciaWo-","bottomFade":"BYEzqcZUGls-"};
8
+ var styles = {"backdrop":"Qf3IFhKJwQ0-","popup":"_868PDAA3U2M-","content":"eKuxReHyju8-","scrollArea":"_1I0eaFciaWo-","bottomFade":"BYEzqcZUGls-","spinning":"IJxq5fm5qdw-"};
9
9
 
10
10
  const BOTTOM_THRESHOLD = 1;
11
11
  const BottomSheetContext = React.createContext(null);
@@ -3,7 +3,7 @@ import React__default from 'react';
3
3
  import classnames from 'classnames';
4
4
  import { D as DrawerPortal, a as DrawerBackdrop, b as DrawerPopup, c as DrawerContent, d as DrawerRoot } from './DrawerRoot-es.js';
5
5
 
6
- var styles = {"backdrop":"Qf3IFhKJwQ0-","popup":"_868PDAA3U2M-","content":"eKuxReHyju8-","scrollArea":"_1I0eaFciaWo-","bottomFade":"BYEzqcZUGls-"};
6
+ var styles = {"backdrop":"Qf3IFhKJwQ0-","popup":"_868PDAA3U2M-","content":"eKuxReHyju8-","scrollArea":"_1I0eaFciaWo-","bottomFade":"BYEzqcZUGls-","spinning":"IJxq5fm5qdw-"};
7
7
 
8
8
  const BOTTOM_THRESHOLD = 1;
9
9
  const BottomSheetContext = React__default.createContext(null);
package/dist/Box-cjs.js CHANGED
@@ -18,7 +18,7 @@ function getClassNames$1({ defaultClass, prefix, size, styles, }) {
18
18
  if (!size)
19
19
  return;
20
20
  const className = [
21
- styles[defaultClass],
21
+ defaultClass && styles[defaultClass],
22
22
  ];
23
23
  if (typeof size === "string") {
24
24
  className.push(styles[`${prefix}-base`]);
@@ -115,7 +115,7 @@ function getVars(size, basePrefix = "--box-padding") {
115
115
  return customProperties;
116
116
  }
117
117
 
118
- var styles = {"box":"_3hq7jJitEgs-","preserve-white-space":"oWJNe7O1DFI-"};
118
+ var styles = {"box":"_3hq7jJitEgs-","preserve-white-space":"oWJNe7O1DFI-","spinning":"wXEsL-y93kQ-"};
119
119
 
120
120
  var gapStyles = {"gap-minuscule":"QJaShYW08G4-","gap-smallest":"_6Cm3NqSDt4Y-","gap-smaller":"_4HNb8yqqy34-","gap-small":"O-c4Zb8TOoE-","gap-slim":"-jtvRWsRRc4-","gap-base":"JdxCZSu6mUE-","gap-large":"-yIVkzs7exw-","gap-larger":"obuoQPiyBuc-","gap-largest":"VqE9QLxSDIE-","gap-extravagant":"_4jHngIdjuqo-","spinning":"a-aXE4DiSRI-"};
121
121
 
package/dist/Box-es.js CHANGED
@@ -16,7 +16,7 @@ function getClassNames$1({ defaultClass, prefix, size, styles, }) {
16
16
  if (!size)
17
17
  return;
18
18
  const className = [
19
- styles[defaultClass],
19
+ defaultClass && styles[defaultClass],
20
20
  ];
21
21
  if (typeof size === "string") {
22
22
  className.push(styles[`${prefix}-base`]);
@@ -113,7 +113,7 @@ function getVars(size, basePrefix = "--box-padding") {
113
113
  return customProperties;
114
114
  }
115
115
 
116
- var styles = {"box":"_3hq7jJitEgs-","preserve-white-space":"oWJNe7O1DFI-"};
116
+ var styles = {"box":"_3hq7jJitEgs-","preserve-white-space":"oWJNe7O1DFI-","spinning":"wXEsL-y93kQ-"};
117
117
 
118
118
  var gapStyles = {"gap-minuscule":"QJaShYW08G4-","gap-smallest":"_6Cm3NqSDt4Y-","gap-smaller":"_4HNb8yqqy34-","gap-small":"O-c4Zb8TOoE-","gap-slim":"-jtvRWsRRc4-","gap-base":"JdxCZSu6mUE-","gap-large":"-yIVkzs7exw-","gap-larger":"obuoQPiyBuc-","gap-largest":"VqE9QLxSDIE-","gap-extravagant":"_4jHngIdjuqo-","spinning":"a-aXE4DiSRI-"};
119
119
 
@@ -1,4 +1,4 @@
1
- export { B as Button, u as useButtonContext, a as useButtonStyles } from '../Button-es.js';
1
+ export { B as Button, a as useButtonContext, u as useButtonStyles } from '../Button-es.js';
2
2
  import 'react';
3
3
  import 'react-router-dom';
4
4
  import 'classnames';
package/dist/Button-es.js CHANGED
@@ -92,4 +92,4 @@ function ButtonWrapper(props) {
92
92
  Button.Label = ButtonLabel;
93
93
  Button.Icon = ButtonIcon;
94
94
 
95
- export { Button as B, useButtonStyles as a, useButtonContext as u };
95
+ export { Button as B, useButtonContext as a, useButtonStyles as u };
package/dist/Card-cjs.js CHANGED
@@ -6,7 +6,7 @@ var Heading = require('./Heading-cjs.js');
6
6
  var Button = require('./Button-cjs.js');
7
7
  var Menu = require('./Menu-cjs.js');
8
8
 
9
- var styles = {"card":"-PlHaWx00Hw-","accent":"Iilm5Uhxo50-","clickable":"Vppn4k0fBsc-","header":"l3-Pkynq2zA-"};
9
+ var styles = {"card":"-PlHaWx00Hw-","accent":"Iilm5Uhxo50-","clickable":"Vppn4k0fBsc-","header":"l3-Pkynq2zA-","spinning":"hvqmZrWenIs-"};
10
10
 
11
11
  var colors = {"requestColor":"_5mDLThZ7dBQ-","quoteColor":"-n66fUZcIH4-","jobColor":"vfz0wjl-krU-","invoiceColor":"UnWnEyw0-jY-","clientColor":"iRFdI5utAsU-","blue":"_0f94rfGFhgQ-","blueLight":"UZmLtIoFU0w-","blueLighter":"_5bsgmHFheR8-","blueLightest":"odY4oZL82vc-","blueDark":"efMKqzdbpSM-","green":"PuLfA1HnrOs-","greenLight":"_9xiJ-MAQiTY-","greenLighter":"lmzbPrdLKIM-","greenLightest":"S5ZiMPMgAmo-","greenDark":"NIwEAXj-xbU-","lime":"_4rexkfLqzOk-","limeLight":"H3c6K82o178-","limeLighter":"_7-lMfROnQU8-","limeLightest":"Ula38LO3Ays-","limeDark":"GQCFMOlKqhw-","yellowGreen":"WxVa9PUSqNk-","yellowGreenLight":"-XIQhBSotwA-","yellowGreenLighter":"r9f1ybI7SeU-","yellowGreenLightest":"JgtJf0Qh1sg-","yellowGreenDark":"ON15q9QZXPA-","yellow":"Oi95vpOkcj4-","yellowLight":"hTJPhQ2V8RM-","yellowLighter":"YLRdqtxcY5g-","yellowLightest":"WiyLCwtXnPg-","yellowDark":"ujxwIinNJ0A-","red":"yL4o-89200k-","redLight":"_1C9So1tlmCo-","redLighter":"AVKIKX3Jk2Y-","redLightest":"NtJ7t9sNRxY-","redDark":"nuliwU-1NCI-","grey":"WPvwxb8gzwI-","greyLight":"O8FMSwoZOog-","greyLighter":"M4Ag1a-ThKE-","greyLightest":"adtwz9eEtbE-","greyDark":"EJoHvQW5sXw-","greyBlue":"ocGhxlAjeA8-","greyBlueLight":"FC48-U489FM-","greyBlueLighter":"Jc5SOCWjD0I-","greyBlueLightest":"-JQhLuDsLTg-","greyBlueDark":"YXdImUdlDwQ-","lightBlue":"hRRwMChk2-k-","lightBlueLight":"usPlm5p7svg-","lightBlueLighter":"jN9BGAMnCLQ-","lightBlueLightest":"xeJfT0FMKtc-","lightBlueDark":"vWSUNAsOB6g-","purple":"Q17e9VQy-kI-","purpleLight":"pKusyI7bMxc-","purpleLighter":"ceTZn8oUUCg-","purpleLightest":"GYwXWYcZPPc-","purpleDark":"uXNnhLCRSPc-","pink":"eptfViHsA5o-","pinkLight":"_9mgeBAoZsME-","pinkLighter":"fCkb0vtBUJY-","pinkLightest":"Nfx7Me6gfew-","pinkDark":"PXtxWUy1pvk-","teal":"TCIFwV-8jfU-","tealLight":"QKM3Gc0bQxI-","tealLighter":"ILaFINMoSlM-","tealLightest":"wj7qD0ryDNw-","tealDark":"tUjjyB7GN-Q-","orange":"gtKRbI99aQU-","orangeLight":"uUvtDEYmYhE-","orangeLighter":"UNvUmONc6bM-","orangeLightest":"sBl1hHCnBpA-","orangeDark":"ceM7ISMCfX4-","brown":"XGl6Iv7N1e0-","brownLight":"n474Hn3j8es-","brownLighter":"UoyCJSsgMI0-","brownLightest":"_8rrvx00EpUc-","brownDark":"JWWWvdngqx4-","navy":"Jfp-dUno4KQ-","navyLight":"_5SGbQDSEQlE-","navyLighter":"DMElPhnEjrM-","navyLightest":"Nd80Eh7efmo-","navyDark":"YNxCRirQrH4-","indigo":"oiO69PZN9YQ-","indigoLight":"_0IY3-0yi-R8-","indigoLighter":"EhlKEc9GoHs-","indigoLightest":"AdDWGn8NI00-","indigoDark":"_2ps4Uk-mog0-","white":"mflIgpDr82Y-","spinning":"qesphJ0zKaM-"};
12
12
 
package/dist/Card-es.js CHANGED
@@ -4,7 +4,7 @@ import { H as Heading } from './Heading-es.js';
4
4
  import { B as Button } from './Button-es.js';
5
5
  import { M as Menu } from './Menu-es.js';
6
6
 
7
- var styles = {"card":"-PlHaWx00Hw-","accent":"Iilm5Uhxo50-","clickable":"Vppn4k0fBsc-","header":"l3-Pkynq2zA-"};
7
+ var styles = {"card":"-PlHaWx00Hw-","accent":"Iilm5Uhxo50-","clickable":"Vppn4k0fBsc-","header":"l3-Pkynq2zA-","spinning":"hvqmZrWenIs-"};
8
8
 
9
9
  var colors = {"requestColor":"_5mDLThZ7dBQ-","quoteColor":"-n66fUZcIH4-","jobColor":"vfz0wjl-krU-","invoiceColor":"UnWnEyw0-jY-","clientColor":"iRFdI5utAsU-","blue":"_0f94rfGFhgQ-","blueLight":"UZmLtIoFU0w-","blueLighter":"_5bsgmHFheR8-","blueLightest":"odY4oZL82vc-","blueDark":"efMKqzdbpSM-","green":"PuLfA1HnrOs-","greenLight":"_9xiJ-MAQiTY-","greenLighter":"lmzbPrdLKIM-","greenLightest":"S5ZiMPMgAmo-","greenDark":"NIwEAXj-xbU-","lime":"_4rexkfLqzOk-","limeLight":"H3c6K82o178-","limeLighter":"_7-lMfROnQU8-","limeLightest":"Ula38LO3Ays-","limeDark":"GQCFMOlKqhw-","yellowGreen":"WxVa9PUSqNk-","yellowGreenLight":"-XIQhBSotwA-","yellowGreenLighter":"r9f1ybI7SeU-","yellowGreenLightest":"JgtJf0Qh1sg-","yellowGreenDark":"ON15q9QZXPA-","yellow":"Oi95vpOkcj4-","yellowLight":"hTJPhQ2V8RM-","yellowLighter":"YLRdqtxcY5g-","yellowLightest":"WiyLCwtXnPg-","yellowDark":"ujxwIinNJ0A-","red":"yL4o-89200k-","redLight":"_1C9So1tlmCo-","redLighter":"AVKIKX3Jk2Y-","redLightest":"NtJ7t9sNRxY-","redDark":"nuliwU-1NCI-","grey":"WPvwxb8gzwI-","greyLight":"O8FMSwoZOog-","greyLighter":"M4Ag1a-ThKE-","greyLightest":"adtwz9eEtbE-","greyDark":"EJoHvQW5sXw-","greyBlue":"ocGhxlAjeA8-","greyBlueLight":"FC48-U489FM-","greyBlueLighter":"Jc5SOCWjD0I-","greyBlueLightest":"-JQhLuDsLTg-","greyBlueDark":"YXdImUdlDwQ-","lightBlue":"hRRwMChk2-k-","lightBlueLight":"usPlm5p7svg-","lightBlueLighter":"jN9BGAMnCLQ-","lightBlueLightest":"xeJfT0FMKtc-","lightBlueDark":"vWSUNAsOB6g-","purple":"Q17e9VQy-kI-","purpleLight":"pKusyI7bMxc-","purpleLighter":"ceTZn8oUUCg-","purpleLightest":"GYwXWYcZPPc-","purpleDark":"uXNnhLCRSPc-","pink":"eptfViHsA5o-","pinkLight":"_9mgeBAoZsME-","pinkLighter":"fCkb0vtBUJY-","pinkLightest":"Nfx7Me6gfew-","pinkDark":"PXtxWUy1pvk-","teal":"TCIFwV-8jfU-","tealLight":"QKM3Gc0bQxI-","tealLighter":"ILaFINMoSlM-","tealLightest":"wj7qD0ryDNw-","tealDark":"tUjjyB7GN-Q-","orange":"gtKRbI99aQU-","orangeLight":"uUvtDEYmYhE-","orangeLighter":"UNvUmONc6bM-","orangeLightest":"sBl1hHCnBpA-","orangeDark":"ceM7ISMCfX4-","brown":"XGl6Iv7N1e0-","brownLight":"n474Hn3j8es-","brownLighter":"UoyCJSsgMI0-","brownLightest":"_8rrvx00EpUc-","brownDark":"JWWWvdngqx4-","navy":"Jfp-dUno4KQ-","navyLight":"_5SGbQDSEQlE-","navyLighter":"DMElPhnEjrM-","navyLightest":"Nd80Eh7efmo-","navyDark":"YNxCRirQrH4-","indigo":"oiO69PZN9YQ-","indigoLight":"_0IY3-0yi-R8-","indigoLighter":"EhlKEc9GoHs-","indigoLightest":"AdDWGn8NI00-","indigoDark":"_2ps4Uk-mog0-","white":"mflIgpDr82Y-","spinning":"qesphJ0zKaM-"};
10
10
 
@@ -10,7 +10,7 @@ var filterDataAttributes = require('../filterDataAttributes-cjs.js');
10
10
  require('@jobber/design');
11
11
  require('../Typography-cjs.js');
12
12
 
13
- var styles = {"checkBoxParent":"YxKKPXAU10s-","wrapper":"KxWx-msbH9c-","disabled":"TKr3J-6ARFo-","checkHolder":"NO34ZbhNqhI-","input":"XnCmS-EzK2M-","checkBox":"_-8JCQE6SA9s-","indeterminate":"rqHq3ff9In0-","invalid":"Gqnclw4WaeQ-","label":"l8z5TxzVvqA-","description":"DcBfVgpiWa4-"};
13
+ var styles = {"checkBoxParent":"YxKKPXAU10s-","wrapper":"KxWx-msbH9c-","disabled":"TKr3J-6ARFo-","checkHolder":"NO34ZbhNqhI-","input":"XnCmS-EzK2M-","checkBox":"_-8JCQE6SA9s-","indeterminate":"rqHq3ff9In0-","invalid":"Gqnclw4WaeQ-","label":"l8z5TxzVvqA-","description":"DcBfVgpiWa4-","spinning":"rFBN9M5-4Ok-"};
14
14
 
15
15
  function CheckboxLegacy({ checked, defaultChecked, disabled, label, name, value, indeterminate = false, description, children, onBlur, onChange, onFocus, }) {
16
16
  const { control, setValue, watch } = reactHookForm.useFormContext() != undefined
@@ -8,7 +8,7 @@ import { f as filterDataAttributes } from '../filterDataAttributes-es.js';
8
8
  import '@jobber/design';
9
9
  import '../Typography-es.js';
10
10
 
11
- var styles = {"checkBoxParent":"YxKKPXAU10s-","wrapper":"KxWx-msbH9c-","disabled":"TKr3J-6ARFo-","checkHolder":"NO34ZbhNqhI-","input":"XnCmS-EzK2M-","checkBox":"_-8JCQE6SA9s-","indeterminate":"rqHq3ff9In0-","invalid":"Gqnclw4WaeQ-","label":"l8z5TxzVvqA-","description":"DcBfVgpiWa4-"};
11
+ var styles = {"checkBoxParent":"YxKKPXAU10s-","wrapper":"KxWx-msbH9c-","disabled":"TKr3J-6ARFo-","checkHolder":"NO34ZbhNqhI-","input":"XnCmS-EzK2M-","checkBox":"_-8JCQE6SA9s-","indeterminate":"rqHq3ff9In0-","invalid":"Gqnclw4WaeQ-","label":"l8z5TxzVvqA-","description":"DcBfVgpiWa4-","spinning":"rFBN9M5-4Ok-"};
12
12
 
13
13
  function CheckboxLegacy({ checked, defaultChecked, disabled, label, name, value, indeterminate = false, description, children, onBlur, onChange, onFocus, }) {
14
14
  const { control, setValue, watch } = useFormContext() != undefined
@@ -1,5 +1,5 @@
1
1
  export { C as Chip } from '../Chip-es.js';
2
- export { C as ChipDismissible, a as ChipSelectable } from '../ChipDismissible-es.js';
2
+ export { a as ChipDismissible, C as ChipSelectable } from '../ChipDismissible-es.js';
3
3
  import 'react';
4
4
  import 'classnames';
5
5
  import '@jobber/hooks';
package/dist/Chip-cjs.js CHANGED
@@ -9,7 +9,7 @@ var useChildComponent = require('./useChildComponent-cjs.js');
9
9
  var Typography = require('./Typography-cjs.js');
10
10
  var Tooltip = require('./Tooltip-cjs.js');
11
11
 
12
- var styles$1 = {"chip":"FJNLweTKlm4-","clickableSuffix":"VI-h7qe-Bl0-","suffix":"OufFSBZ4gLc-","prefix":"cmAqSkFDPFA-","empty":"CWJcbOmNtsY-","chipBar":"oV7kqacWv-U-","selected":"NO1-MLiNi0g-","base":"_5cCHfc5LzqY-","invalid":"CMvHum0PGzY-","subtle":"ln-ky9jFiLI-","disabled":"_3uJEejbZvig-","chipContent":"fLGluRRWPSk-","truncateGradient":"H3-SjXQhoS4-","chipLabelRef":"rYoQfOpWeMk-"};
12
+ var styles$1 = {"chip":"FJNLweTKlm4-","clickableSuffix":"VI-h7qe-Bl0-","suffix":"OufFSBZ4gLc-","prefix":"cmAqSkFDPFA-","empty":"CWJcbOmNtsY-","chipBar":"oV7kqacWv-U-","selected":"NO1-MLiNi0g-","base":"_5cCHfc5LzqY-","invalid":"CMvHum0PGzY-","subtle":"ln-ky9jFiLI-","disabled":"_3uJEejbZvig-","chipContent":"fLGluRRWPSk-","truncateGradient":"H3-SjXQhoS4-","chipLabelRef":"rYoQfOpWeMk-","spinning":"DDVRXFECqIo-"};
13
13
 
14
14
  function ChipPrefix({ children }) {
15
15
  const avatarOrIcon = useChildComponent.useChildComponent(children, d => d.type === Avatar.Avatar || d.type === Icon.Icon);
@@ -18,7 +18,7 @@ function ChipPrefix({ children }) {
18
18
  return React.createElement("span", { className: classnames(styles$1.prefix) }, avatarOrIcon);
19
19
  }
20
20
 
21
- var styles = {"wrapper":"NLNJBhRffp4-","input":"ulLzwMsQL3U-","inactive":"_3LLjp8oIxJ0-","invalid":"H7VZzUBkgjk-","disabled":"-yQxZSnxBBU-","button":"ngKOY8l4BG4-"};
21
+ var styles = {"wrapper":"NLNJBhRffp4-","input":"ulLzwMsQL3U-","inactive":"_3LLjp8oIxJ0-","invalid":"H7VZzUBkgjk-","disabled":"-yQxZSnxBBU-","button":"ngKOY8l4BG4-","icon":"rzbiB2nz36Q-","spinning":"X7Bx5CDPfDs-"};
22
22
 
23
23
  function InternalChipButton({ icon, invalid, disabled, label, onClick, }) {
24
24
  const buttonRef = React.useRef(null);
package/dist/Chip-es.js CHANGED
@@ -7,7 +7,7 @@ import { u as useChildComponent } from './useChildComponent-es.js';
7
7
  import { T as Typography } from './Typography-es.js';
8
8
  import { T as Tooltip } from './Tooltip-es.js';
9
9
 
10
- var styles$1 = {"chip":"FJNLweTKlm4-","clickableSuffix":"VI-h7qe-Bl0-","suffix":"OufFSBZ4gLc-","prefix":"cmAqSkFDPFA-","empty":"CWJcbOmNtsY-","chipBar":"oV7kqacWv-U-","selected":"NO1-MLiNi0g-","base":"_5cCHfc5LzqY-","invalid":"CMvHum0PGzY-","subtle":"ln-ky9jFiLI-","disabled":"_3uJEejbZvig-","chipContent":"fLGluRRWPSk-","truncateGradient":"H3-SjXQhoS4-","chipLabelRef":"rYoQfOpWeMk-"};
10
+ var styles$1 = {"chip":"FJNLweTKlm4-","clickableSuffix":"VI-h7qe-Bl0-","suffix":"OufFSBZ4gLc-","prefix":"cmAqSkFDPFA-","empty":"CWJcbOmNtsY-","chipBar":"oV7kqacWv-U-","selected":"NO1-MLiNi0g-","base":"_5cCHfc5LzqY-","invalid":"CMvHum0PGzY-","subtle":"ln-ky9jFiLI-","disabled":"_3uJEejbZvig-","chipContent":"fLGluRRWPSk-","truncateGradient":"H3-SjXQhoS4-","chipLabelRef":"rYoQfOpWeMk-","spinning":"DDVRXFECqIo-"};
11
11
 
12
12
  function ChipPrefix({ children }) {
13
13
  const avatarOrIcon = useChildComponent(children, d => d.type === Avatar || d.type === Icon);
@@ -16,7 +16,7 @@ function ChipPrefix({ children }) {
16
16
  return React__default.createElement("span", { className: classnames(styles$1.prefix) }, avatarOrIcon);
17
17
  }
18
18
 
19
- var styles = {"wrapper":"NLNJBhRffp4-","input":"ulLzwMsQL3U-","inactive":"_3LLjp8oIxJ0-","invalid":"H7VZzUBkgjk-","disabled":"-yQxZSnxBBU-","button":"ngKOY8l4BG4-"};
19
+ var styles = {"wrapper":"NLNJBhRffp4-","input":"ulLzwMsQL3U-","inactive":"_3LLjp8oIxJ0-","invalid":"H7VZzUBkgjk-","disabled":"-yQxZSnxBBU-","button":"ngKOY8l4BG4-","icon":"rzbiB2nz36Q-","spinning":"X7Bx5CDPfDs-"};
20
20
 
21
21
  function InternalChipButton({ icon, invalid, disabled, label, onClick, }) {
22
22
  const buttonRef = useRef(null);
@@ -16,4 +16,4 @@ function ChipDismissible(props) {
16
16
  React__default.createElement(Icon, { name: "cross", size: "small", color: "interactiveSubtle" }))));
17
17
  }
18
18
 
19
- export { ChipDismissible as C, ChipSelectable as a };
19
+ export { ChipSelectable as C, ChipDismissible as a };
@@ -1,4 +1,4 @@
1
- export { u as useInView, a as useInternalChipDismissible, b as useInternalChipDismissibleInput, c as useRepositionMenu, d as useScrollToActive } from '../../../useScrollToActive-es.js';
1
+ export { b as useInView, u as useInternalChipDismissible, a as useInternalChipDismissibleInput, c as useRepositionMenu, d as useScrollToActive } from '../../../useScrollToActive-es.js';
2
2
  import 'react';
3
3
  import '../../../_commonjsHelpers-es.js';
4
4
  import '../../../_baseFlatten-es.js';
@@ -10,7 +10,7 @@ var noop = require('./noop-cjs.js');
10
10
  var jobberHooks = require('@jobber/hooks');
11
11
  var ComboboxActivator = require('./ComboboxActivator-cjs.js');
12
12
 
13
- var styles = {"overlay":"xxU2WqkpXZU-","wrapper":"W-9SMjhEMpI-"};
13
+ var styles = {"overlay":"xxU2WqkpXZU-","wrapper":"W-9SMjhEMpI-","spinning":"mqMvu8yxz2w-"};
14
14
 
15
15
  function useMakeComboboxHandlers(setOpen, open, setSearchValue, selectedOptions, shouldScroll, selectedStateSetter, multiSelect, onClose, onSearch) {
16
16
  const handleClose = React.useCallback(() => {
@@ -8,7 +8,7 @@ import { n as noop } from './noop-es.js';
8
8
  import { useDebounce } from '@jobber/hooks';
9
9
  import { C as ComboboxActivator } from './ComboboxActivator-es.js';
10
10
 
11
- var styles = {"overlay":"xxU2WqkpXZU-","wrapper":"W-9SMjhEMpI-"};
11
+ var styles = {"overlay":"xxU2WqkpXZU-","wrapper":"W-9SMjhEMpI-","spinning":"mqMvu8yxz2w-"};
12
12
 
13
13
  function useMakeComboboxHandlers(setOpen, open, setSearchValue, selectedOptions, shouldScroll, selectedStateSetter, multiSelect, onClose, onSearch) {
14
14
  const handleClose = useCallback(() => {
@@ -4,7 +4,7 @@ var React = require('react');
4
4
  var Typography = require('./Typography-cjs.js');
5
5
  var ComboboxProvider = require('./ComboboxProvider-cjs.js');
6
6
 
7
- var styles = {"actionContainer":"NWf8JR3TBoo-","actionButton":"PoMXFVYVY5A-"};
7
+ var styles = {"actionContainer":"NWf8JR3TBoo-","actionButton":"PoMXFVYVY5A-","spinning":"lP2oDQm9j88-"};
8
8
 
9
9
  function ComboboxAction(props) {
10
10
  const { searchValue, handleClose } = React.useContext(ComboboxProvider.ComboboxContext);
@@ -2,7 +2,7 @@ import React__default, { useContext } from 'react';
2
2
  import { T as Typography } from './Typography-es.js';
3
3
  import { a as ComboboxContext } from './ComboboxProvider-es.js';
4
4
 
5
- var styles = {"actionContainer":"NWf8JR3TBoo-","actionButton":"PoMXFVYVY5A-"};
5
+ var styles = {"actionContainer":"NWf8JR3TBoo-","actionButton":"PoMXFVYVY5A-","spinning":"lP2oDQm9j88-"};
6
6
 
7
7
  function ComboboxAction(props) {
8
8
  const { searchValue, handleClose } = useContext(ComboboxContext);
@@ -11,7 +11,7 @@ var jobberHooks = require('@jobber/hooks');
11
11
  var floatingUi_reactDom = require('./floating-ui.react-dom-cjs.js');
12
12
  var constants = require('./constants-cjs.js');
13
13
 
14
- var styles = {"content":"QsRc49DHSgA-","hidden":"_7Fd5XGsPpUA-","actions":"yV8-0Hs43J0-","actionPadding":"g3Gdt8jXvFk-"};
14
+ var styles = {"content":"QsRc49DHSgA-","hidden":"_7Fd5XGsPpUA-","actions":"yV8-0Hs43J0-","actionPadding":"g3Gdt8jXvFk-","spinning":"dJVYYOaf04E-"};
15
15
 
16
16
  function useComboboxContent(open, selected) {
17
17
  const { onClear, onSelectAll, shouldScroll } = React.useContext(ComboboxProvider.ComboboxContext);
@@ -6,10 +6,10 @@ import { C as ComboboxContentList } from './ComboboxContentList-es.js';
6
6
  import { C as ComboboxContentHeader } from './ComboboxContentHeader-es.js';
7
7
  import { a as ComboboxContext } from './ComboboxProvider-es.js';
8
8
  import { useRefocusOnActivator, useFocusTrap } from '@jobber/hooks';
9
- import { o as offset, f as flip, a as autoUpdate } from './floating-ui.react-dom-es.js';
9
+ import { o as offset, f as flip, b as autoUpdate } from './floating-ui.react-dom-es.js';
10
10
  import { C as COMBOBOX_MENU_ID } from './constants-es.js';
11
11
 
12
- var styles = {"content":"QsRc49DHSgA-","hidden":"_7Fd5XGsPpUA-","actions":"yV8-0Hs43J0-","actionPadding":"g3Gdt8jXvFk-"};
12
+ var styles = {"content":"QsRc49DHSgA-","hidden":"_7Fd5XGsPpUA-","actions":"yV8-0Hs43J0-","actionPadding":"g3Gdt8jXvFk-","spinning":"dJVYYOaf04E-"};
13
13
 
14
14
  function useComboboxContent(open, selected) {
15
15
  const { onClear, onSelectAll, shouldScroll } = useContext(ComboboxContext);
@@ -5,7 +5,7 @@ var Typography = require('./Typography-cjs.js');
5
5
  var Button = require('./Button-cjs.js');
6
6
  require('classnames');
7
7
 
8
- var styles = {"header":"nrNh3feibg8-"};
8
+ var styles = {"header":"nrNh3feibg8-","spinning":"rcoGBsZN55M-"};
9
9
 
10
10
  function ComboboxContentHeader(props) {
11
11
  const hasSelected = props.selectedCount > 0;
@@ -3,7 +3,7 @@ import { T as Typography } from './Typography-es.js';
3
3
  import { B as Button } from './Button-es.js';
4
4
  import 'classnames';
5
5
 
6
- var styles = {"header":"nrNh3feibg8-"};
6
+ var styles = {"header":"nrNh3feibg8-","spinning":"rcoGBsZN55M-"};
7
7
 
8
8
  function ComboboxContentHeader(props) {
9
9
  const hasSelected = props.selectedCount > 0;
@@ -1,7 +1,7 @@
1
1
  import React__default, { useState, useEffect } from 'react';
2
2
  import classnames from 'classnames';
3
3
  import { T as Text } from './Text-es.js';
4
- import { a as Glimmer } from './Glimmer-es.js';
4
+ import { G as Glimmer } from './Glimmer-es.js';
5
5
  import { S as Spinner } from './Spinner-es.js';
6
6
  import { A as AnimatedPresence } from './AnimatedPresence-es.js';
7
7
  import { C as ComboboxOption } from './ComboboxOption-es.js';
@@ -3,7 +3,7 @@
3
3
  var React = require('react');
4
4
  var Icon = require('./Icon-cjs.js');
5
5
 
6
- var styles = {"search":"c4B0WFX6K0o-","searchInput":"AH9-zRHXfpo-","clearSearch":"mymN3p8sKRw-"};
6
+ var styles = {"search":"c4B0WFX6K0o-","searchInput":"AH9-zRHXfpo-","clearSearch":"mymN3p8sKRw-","spinning":"hMjmTEgj6WU-"};
7
7
 
8
8
  function ComboboxContentSearch(props) {
9
9
  const searchRef = React.useRef(null);
@@ -1,7 +1,7 @@
1
1
  import React__default, { useRef, useEffect } from 'react';
2
2
  import { I as Icon } from './Icon-es.js';
3
3
 
4
- var styles = {"search":"c4B0WFX6K0o-","searchInput":"AH9-zRHXfpo-","clearSearch":"mymN3p8sKRw-"};
4
+ var styles = {"search":"c4B0WFX6K0o-","searchInput":"AH9-zRHXfpo-","clearSearch":"mymN3p8sKRw-","spinning":"hMjmTEgj6WU-"};
5
5
 
6
6
  function ComboboxContentSearch(props) {
7
7
  const searchRef = useRef(null);
@@ -3,7 +3,7 @@
3
3
  var React = require('react');
4
4
  var jobberHooks = require('@jobber/hooks');
5
5
 
6
- var styles = {"trigger":"jPB--ZCYNNI-"};
6
+ var styles = {"trigger":"jPB--ZCYNNI-","spinning":"aW61BrnGmcw-"};
7
7
 
8
8
  function ComboboxLoadMore({ onLoadMore }) {
9
9
  const [inViewRef, isInView] = jobberHooks.useInView();
@@ -1,7 +1,7 @@
1
1
  import React__default, { useEffect } from 'react';
2
2
  import { useInView } from '@jobber/hooks';
3
3
 
4
- var styles = {"trigger":"jPB--ZCYNNI-"};
4
+ var styles = {"trigger":"jPB--ZCYNNI-","spinning":"aW61BrnGmcw-"};
5
5
 
6
6
  function ComboboxLoadMore({ onLoadMore }) {
7
7
  const [inViewRef, isInView] = useInView();
@@ -7,7 +7,7 @@ var Icon = require('./Icon-cjs.js');
7
7
  var Flex = require('./Flex-cjs.js');
8
8
  var ComboboxProvider = require('./ComboboxProvider-cjs.js');
9
9
 
10
- var styles = {"option":"HowvTX8-pw4-"};
10
+ var styles = {"option":"HowvTX8-pw4-","spinning":"iwgbuC2MqzI-"};
11
11
 
12
12
  function ComboboxOption(props) {
13
13
  const { customRender, onClick } = props, contentProps = tslib_es6.__rest(props, ["customRender", "onClick"]);
@@ -5,7 +5,7 @@ import { I as Icon } from './Icon-es.js';
5
5
  import { F as Flex } from './Flex-es.js';
6
6
  import { a as ComboboxContext } from './ComboboxProvider-es.js';
7
7
 
8
- var styles = {"option":"HowvTX8-pw4-"};
8
+ var styles = {"option":"HowvTX8-pw4-","spinning":"iwgbuC2MqzI-"};
9
9
 
10
10
  function ComboboxOption(props) {
11
11
  const { customRender, onClick } = props, contentProps = __rest(props, ["customRender", "onClick"]);
@@ -3,7 +3,7 @@
3
3
  var React = require('react');
4
4
  var classnames = require('classnames');
5
5
 
6
- var styles = {"container":"Aj6o8FcaKHc-","apply":"eIsVvlXoWhs-"};
6
+ var styles = {"container":"Aj6o8FcaKHc-","apply":"eIsVvlXoWhs-","spinning":"XRPRymOwkKg-"};
7
7
 
8
8
  const Container = ({ children, name, className, as: Tag = "div", autoWidth = false, dataAttributes, ariaAttributes, role, id, }) => {
9
9
  return (React.createElement(Tag, Object.assign({ role: role, id: id }, dataAttributes, ariaAttributes, { style: {
@@ -1,7 +1,7 @@
1
1
  import React__default from 'react';
2
2
  import classnames from 'classnames';
3
3
 
4
- var styles = {"container":"Aj6o8FcaKHc-","apply":"eIsVvlXoWhs-"};
4
+ var styles = {"container":"Aj6o8FcaKHc-","apply":"eIsVvlXoWhs-","spinning":"XRPRymOwkKg-"};
5
5
 
6
6
  const Container = ({ children, name, className, as: Tag = "div", autoWidth = false, dataAttributes, ariaAttributes, role, id, }) => {
7
7
  return (React__default.createElement(Tag, Object.assign({ role: role, id: id }, dataAttributes, ariaAttributes, { style: {
@@ -5,7 +5,7 @@ var classnames = require('classnames');
5
5
 
6
6
  var spacings = {"minuscule":"B1cBkstNQhM-","smallest":"rjAxJwaso0s-","smaller":"Chezd5Sqtmk-","small":"hzVGRy-KUeY-","slim":"B67dzZpuwr4-","base":"XFi-EWH3Rc0-","large":"JTt98vS-CLk-","larger":"-h5Dm7qvnss-","largest":"K7DP0lB9veI-","extravagant":"d8bHHzbOHk4-","spinning":"P4hbXYfU8i0-"};
7
7
 
8
- var styles = {"padded":"cftWh-00zXM-"};
8
+ var styles = {"padded":"cftWh-00zXM-","spinning":"_9iksvSyX2wY-"};
9
9
 
10
10
  function Content({ children, spacing = "base", type = "div", }) {
11
11
  const className = classnames(styles.padded, spacings[spacing]);
@@ -3,7 +3,7 @@ import classnames from 'classnames';
3
3
 
4
4
  var spacings = {"minuscule":"B1cBkstNQhM-","smallest":"rjAxJwaso0s-","smaller":"Chezd5Sqtmk-","small":"hzVGRy-KUeY-","slim":"B67dzZpuwr4-","base":"XFi-EWH3Rc0-","large":"JTt98vS-CLk-","larger":"-h5Dm7qvnss-","largest":"K7DP0lB9veI-","extravagant":"d8bHHzbOHk4-","spinning":"P4hbXYfU8i0-"};
5
5
 
6
- var styles = {"padded":"cftWh-00zXM-"};
6
+ var styles = {"padded":"cftWh-00zXM-","spinning":"_9iksvSyX2wY-"};
7
7
 
8
8
  function Content({ children, spacing = "base", type = "div", }) {
9
9
  const className = classnames(styles.padded, spacings[spacing]);
@@ -5,7 +5,7 @@ var classnames = require('classnames');
5
5
  var jobberHooks = require('@jobber/hooks');
6
6
  var getMappedAtlantisSpaceToken = require('./getMappedAtlantisSpaceToken-cjs.js');
7
7
 
8
- var styles = {"contentBlock":"rJamQZ6fRes-","left":"bqjXV8MRO-4-","right":"sCMxIxKkFe0-","center":"_2pIQVKvVL1I-","andText":"_6dF2no3aTxw-","gutters":"_8k8YLsatGag-"};
8
+ var styles = {"contentBlock":"rJamQZ6fRes-","left":"bqjXV8MRO-4-","right":"sCMxIxKkFe0-","center":"_2pIQVKvVL1I-","andText":"_6dF2no3aTxw-","gutters":"_8k8YLsatGag-","spinning":"sjMwRWFdKeo-"};
9
9
 
10
10
  const AtlantisBreakpoints = {
11
11
  xs: 0,
@@ -3,7 +3,7 @@ import classnames from 'classnames';
3
3
  import { Breakpoints } from '@jobber/hooks';
4
4
  import { g as getMappedAtlantisSpaceToken } from './getMappedAtlantisSpaceToken-es.js';
5
5
 
6
- var styles = {"contentBlock":"rJamQZ6fRes-","left":"bqjXV8MRO-4-","right":"sCMxIxKkFe0-","center":"_2pIQVKvVL1I-","andText":"_6dF2no3aTxw-","gutters":"_8k8YLsatGag-"};
6
+ var styles = {"contentBlock":"rJamQZ6fRes-","left":"bqjXV8MRO-4-","right":"sCMxIxKkFe0-","center":"_2pIQVKvVL1I-","andText":"_6dF2no3aTxw-","gutters":"_8k8YLsatGag-","spinning":"sjMwRWFdKeo-"};
7
7
 
8
8
  const AtlantisBreakpoints = {
9
9
  xs: 0,