@jobber/components 8.13.1 → 8.14.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 (162) hide show
  1. package/FilterPicker.d.ts +1 -0
  2. package/{Combobox.js → FilterPicker.js} +3 -3
  3. package/dist/Checkbox/Checkbox.d.ts +1 -1
  4. package/dist/DataList/components/DataListFilters/components/DataListSort/index.cjs +11 -11
  5. package/dist/DataList/components/DataListFilters/components/DataListSort/index.mjs +11 -11
  6. package/dist/DataList/components/DataListFilters/index.cjs +11 -11
  7. package/dist/DataList/components/DataListFilters/index.mjs +11 -11
  8. package/dist/DataList/components/DataListHeader/index.cjs +0 -1
  9. package/dist/DataList/components/DataListHeader/index.mjs +0 -1
  10. package/dist/DataList/components/DataListSearch/index.cjs +1 -2
  11. package/dist/DataList/components/DataListSearch/index.mjs +1 -2
  12. package/dist/DataList/index.cjs +11 -12
  13. package/dist/DataList/index.mjs +11 -12
  14. package/dist/DataListHeader-cjs.js +22 -5
  15. package/dist/DataListHeader-es.js +22 -5
  16. package/dist/DataListSearch-cjs.js +19 -2
  17. package/dist/DataListSearch-es.js +19 -2
  18. package/dist/DataListSort-cjs.js +5 -5
  19. package/dist/DataListSort-es.js +5 -5
  20. package/dist/FilterPicker/FilterPicker.d.ts +11 -0
  21. package/dist/{Combobox/Combobox.types.d.ts → FilterPicker/FilterPicker.types.d.ts} +51 -51
  22. package/dist/FilterPicker/FilterPickerProvider.d.ts +18 -0
  23. package/dist/FilterPicker/components/FilterPickerAction/FilterPickerAction.d.ts +3 -0
  24. package/dist/FilterPicker/components/FilterPickerAction/index.cjs +12 -0
  25. package/dist/FilterPicker/components/FilterPickerAction/index.d.ts +1 -0
  26. package/dist/FilterPicker/components/FilterPickerAction/index.mjs +6 -0
  27. package/dist/FilterPicker/components/FilterPickerActivator/FilterPickerActivator.d.ts +3 -0
  28. package/dist/{Combobox/components/ComboboxActivator → FilterPicker/components/FilterPickerActivator}/index.cjs +3 -3
  29. package/dist/FilterPicker/components/FilterPickerActivator/index.d.ts +1 -0
  30. package/dist/{Combobox/components/ComboboxActivator → FilterPicker/components/FilterPickerActivator}/index.mjs +2 -2
  31. package/dist/FilterPicker/components/FilterPickerContent/FilterPickerContent.d.ts +3 -0
  32. package/dist/FilterPicker/components/FilterPickerContent/FilterPickerContentHeader/FilterPickerContentHeader.d.ts +3 -0
  33. package/dist/{Combobox/components/ComboboxContent/ComboboxContentHeader → FilterPicker/components/FilterPickerContent/FilterPickerContentHeader}/index.cjs +2 -2
  34. package/dist/FilterPicker/components/FilterPickerContent/FilterPickerContentHeader/index.d.ts +1 -0
  35. package/dist/{Combobox/components/ComboboxContent/ComboboxContentHeader → FilterPicker/components/FilterPickerContent/FilterPickerContentHeader}/index.mjs +1 -1
  36. package/dist/FilterPicker/components/FilterPickerContent/FilterPickerContentList/FilterPickerContentList.d.ts +3 -0
  37. package/dist/FilterPicker/components/FilterPickerContent/FilterPickerContentList/FilterPickerContentList.module.css.d.ts +13 -0
  38. package/dist/{Combobox/components/ComboboxContent/ComboboxContentList → FilterPicker/components/FilterPickerContent/FilterPickerContentList}/index.cjs +5 -5
  39. package/dist/FilterPicker/components/FilterPickerContent/FilterPickerContentList/index.d.ts +1 -0
  40. package/dist/{Combobox/components/ComboboxContent/ComboboxContentList → FilterPicker/components/FilterPickerContent/FilterPickerContentList}/index.mjs +4 -4
  41. package/dist/FilterPicker/components/FilterPickerContent/FilterPickerContentSearch/FilterPickerContentSearch.d.ts +3 -0
  42. package/dist/FilterPicker/components/FilterPickerContent/FilterPickerContentSearch/index.cjs +10 -0
  43. package/dist/FilterPicker/components/FilterPickerContent/FilterPickerContentSearch/index.d.ts +1 -0
  44. package/dist/FilterPicker/components/FilterPickerContent/FilterPickerContentSearch/index.mjs +4 -0
  45. package/dist/FilterPicker/components/FilterPickerContent/FilterPickerLoadMore/FilterPickerLoadMore.d.ts +6 -0
  46. package/dist/FilterPicker/components/FilterPickerContent/FilterPickerLoadMore/index.cjs +9 -0
  47. package/dist/FilterPicker/components/FilterPickerContent/FilterPickerLoadMore/index.d.ts +1 -0
  48. package/dist/FilterPicker/components/FilterPickerContent/FilterPickerLoadMore/index.mjs +3 -0
  49. package/dist/{Combobox/components/ComboboxContent → FilterPicker/components/FilterPickerContent}/index.cjs +8 -8
  50. package/dist/FilterPicker/components/FilterPickerContent/index.d.ts +1 -0
  51. package/dist/{Combobox/components/ComboboxContent → FilterPicker/components/FilterPickerContent}/index.mjs +7 -7
  52. package/dist/FilterPicker/components/FilterPickerOption/FilterPickerOption.d.ts +3 -0
  53. package/dist/{Combobox/components/ComboboxOption → FilterPicker/components/FilterPickerOption}/index.cjs +3 -3
  54. package/dist/FilterPicker/components/FilterPickerOption/index.d.ts +1 -0
  55. package/dist/{Combobox/components/ComboboxOption → FilterPicker/components/FilterPickerOption}/index.mjs +2 -2
  56. package/dist/FilterPicker/components/FilterPickerTrigger/FilterPickerTrigger.d.ts +3 -0
  57. package/dist/{Combobox/components/ComboboxTrigger → FilterPicker/components/FilterPickerTrigger}/index.cjs +3 -3
  58. package/dist/FilterPicker/components/FilterPickerTrigger/index.d.ts +1 -0
  59. package/dist/{Combobox/components/ComboboxTrigger → FilterPicker/components/FilterPickerTrigger}/index.mjs +2 -2
  60. package/dist/FilterPicker/constants.d.ts +1 -0
  61. package/dist/FilterPicker/hooks/useFilterPicker.d.ts +17 -0
  62. package/dist/FilterPicker/hooks/useFilterPickerAccessibility.d.ts +9 -0
  63. package/dist/FilterPicker/hooks/useFilterPickerActivatorAccessibility.d.ts +2 -0
  64. package/dist/FilterPicker/hooks/useFilterPickerContent.d.ts +9 -0
  65. package/dist/FilterPicker/hooks/useFilterPickerValidation.d.ts +12 -0
  66. package/dist/FilterPicker/hooks/useMakeFilterPickerHandlers.d.ts +8 -0
  67. package/dist/{Combobox → FilterPicker}/index.cjs +13 -13
  68. package/dist/FilterPicker/index.d.ts +3 -0
  69. package/dist/{Combobox → FilterPicker}/index.mjs +11 -11
  70. package/dist/{Combobox-cjs.js → FilterPicker-cjs.js} +25 -25
  71. package/dist/{Combobox-es.js → FilterPicker-es.js} +25 -25
  72. package/dist/{ComboboxAction-cjs.js → FilterPickerAction-cjs.js} +5 -5
  73. package/dist/{ComboboxAction-es.js → FilterPickerAction-es.js} +5 -5
  74. package/dist/{ComboboxActivator-cjs.js → FilterPickerActivator-cjs.js} +8 -8
  75. package/dist/{ComboboxActivator-es.js → FilterPickerActivator-es.js} +9 -9
  76. package/dist/{ComboboxContent-cjs.js → FilterPickerContent-cjs.js} +19 -19
  77. package/dist/{ComboboxContent-es.js → FilterPickerContent-es.js} +20 -20
  78. package/dist/{ComboboxContentHeader-cjs.js → FilterPickerContentHeader-cjs.js} +4 -4
  79. package/dist/{ComboboxContentHeader-es.js → FilterPickerContentHeader-es.js} +4 -4
  80. package/dist/{ComboboxContentList-cjs.js → FilterPickerContentList-cjs.js} +7 -7
  81. package/dist/{ComboboxContentList-es.js → FilterPickerContentList-es.js} +7 -7
  82. package/dist/{ComboboxContentSearch-cjs.js → FilterPickerContentSearch-cjs.js} +4 -4
  83. package/dist/{ComboboxContentSearch-es.js → FilterPickerContentSearch-es.js} +4 -4
  84. package/dist/FilterPickerLoadMore-cjs.js +16 -0
  85. package/dist/{ComboboxLoadMore-es.js → FilterPickerLoadMore-es.js} +4 -4
  86. package/dist/{ComboboxOption-cjs.js → FilterPickerOption-cjs.js} +5 -5
  87. package/dist/{ComboboxOption-es.js → FilterPickerOption-es.js} +5 -5
  88. package/dist/FilterPickerProvider-cjs.js +13 -0
  89. package/dist/FilterPickerProvider-es.js +10 -0
  90. package/dist/{ComboboxTrigger-cjs.js → FilterPickerTrigger-cjs.js} +4 -4
  91. package/dist/{ComboboxTrigger-es.js → FilterPickerTrigger-es.js} +4 -4
  92. package/dist/constants-cjs.js +2 -2
  93. package/dist/constants-es.js +2 -2
  94. package/dist/docs/Autocomplete/Autocomplete.md +1 -1
  95. package/dist/docs/Banner/Banner.md +2 -2
  96. package/dist/docs/Box/Box.md +2 -2
  97. package/dist/docs/Card/Card.md +1 -1
  98. package/dist/docs/Chip/Chip.md +4 -4
  99. package/dist/docs/DataList/DataList.md +16 -15
  100. package/dist/docs/{Combobox/Combobox.md → FilterPicker/FilterPicker.md} +91 -85
  101. package/dist/docs/Icon/Icon.md +1 -1
  102. package/dist/docs/Menu/Menu.md +2 -2
  103. package/dist/docs/MultiSelect/MultiSelect.md +1 -1
  104. package/dist/docs/Tabs/Tabs.md +2 -2
  105. package/dist/docs/index.md +1 -2
  106. package/dist/docs/usage-guidelines/usage-guidelines.md +5 -5
  107. package/dist/index.cjs +14 -16
  108. package/dist/index.d.mts +1 -2
  109. package/dist/index.d.ts +1 -2
  110. package/dist/index.mjs +12 -13
  111. package/dist/styles.css +53 -53
  112. package/dist/utils/meta/meta.json +5 -7
  113. package/package.json +6 -11
  114. package/rollup.config.mjs +2 -2
  115. package/AnimatedSwitcher.d.ts +0 -1
  116. package/AnimatedSwitcher.js +0 -17
  117. package/Combobox.d.ts +0 -1
  118. package/dist/AnimatedSwitcher/AnimatedSwitcher.d.ts +0 -32
  119. package/dist/AnimatedSwitcher/index.cjs +0 -11
  120. package/dist/AnimatedSwitcher/index.d.ts +0 -1
  121. package/dist/AnimatedSwitcher/index.mjs +0 -5
  122. package/dist/AnimatedSwitcher/transitions.d.ts +0 -8
  123. package/dist/AnimatedSwitcher-cjs.js +0 -95
  124. package/dist/AnimatedSwitcher-es.js +0 -93
  125. package/dist/Combobox/Combobox.d.ts +0 -11
  126. package/dist/Combobox/ComboboxProvider.d.ts +0 -18
  127. package/dist/Combobox/components/ComboboxAction/ComboboxAction.d.ts +0 -3
  128. package/dist/Combobox/components/ComboboxAction/index.cjs +0 -12
  129. package/dist/Combobox/components/ComboboxAction/index.d.ts +0 -1
  130. package/dist/Combobox/components/ComboboxAction/index.mjs +0 -6
  131. package/dist/Combobox/components/ComboboxActivator/ComboboxActivator.d.ts +0 -3
  132. package/dist/Combobox/components/ComboboxActivator/index.d.ts +0 -1
  133. package/dist/Combobox/components/ComboboxContent/ComboboxContent.d.ts +0 -3
  134. package/dist/Combobox/components/ComboboxContent/ComboboxContentHeader/ComboboxContentHeader.d.ts +0 -3
  135. package/dist/Combobox/components/ComboboxContent/ComboboxContentHeader/index.d.ts +0 -1
  136. package/dist/Combobox/components/ComboboxContent/ComboboxContentList/ComboboxContentList.d.ts +0 -3
  137. package/dist/Combobox/components/ComboboxContent/ComboboxContentList/index.d.ts +0 -1
  138. package/dist/Combobox/components/ComboboxContent/ComboboxContentSearch/ComboboxContentSearch.d.ts +0 -3
  139. package/dist/Combobox/components/ComboboxContent/ComboboxContentSearch/index.cjs +0 -10
  140. package/dist/Combobox/components/ComboboxContent/ComboboxContentSearch/index.d.ts +0 -1
  141. package/dist/Combobox/components/ComboboxContent/ComboboxContentSearch/index.mjs +0 -4
  142. package/dist/Combobox/components/ComboboxContent/ComboboxLoadMore/ComboboxLoadMore.d.ts +0 -6
  143. package/dist/Combobox/components/ComboboxContent/ComboboxLoadMore/index.cjs +0 -9
  144. package/dist/Combobox/components/ComboboxContent/ComboboxLoadMore/index.d.ts +0 -1
  145. package/dist/Combobox/components/ComboboxContent/ComboboxLoadMore/index.mjs +0 -3
  146. package/dist/Combobox/components/ComboboxContent/index.d.ts +0 -1
  147. package/dist/Combobox/components/ComboboxOption/ComboboxOption.d.ts +0 -3
  148. package/dist/Combobox/components/ComboboxOption/index.d.ts +0 -1
  149. package/dist/Combobox/components/ComboboxTrigger/ComboboxTrigger.d.ts +0 -3
  150. package/dist/Combobox/components/ComboboxTrigger/index.d.ts +0 -1
  151. package/dist/Combobox/constants.d.ts +0 -1
  152. package/dist/Combobox/hooks/useCombobox.d.ts +0 -17
  153. package/dist/Combobox/hooks/useComboboxAccessibility.d.ts +0 -9
  154. package/dist/Combobox/hooks/useComboboxActivatorAccessibility.d.ts +0 -2
  155. package/dist/Combobox/hooks/useComboboxContent.d.ts +0 -9
  156. package/dist/Combobox/hooks/useComboboxValidation.d.ts +0 -12
  157. package/dist/Combobox/hooks/useMakeComboboxHandlers.d.ts +0 -8
  158. package/dist/Combobox/index.d.ts +0 -3
  159. package/dist/ComboboxLoadMore-cjs.js +0 -16
  160. package/dist/ComboboxProvider-cjs.js +0 -13
  161. package/dist/ComboboxProvider-es.js +0 -10
  162. package/dist/docs/AnimatedSwitcher/AnimatedSwitcher.md +0 -34
package/dist/index.cjs CHANGED
@@ -1,7 +1,6 @@
1
1
  'use strict';
2
2
 
3
3
  var ActivityIndicator = require('./ActivityIndicator-cjs.js');
4
- var AnimatedSwitcher = require('./AnimatedSwitcher-cjs.js');
5
4
  var AtlantisContext = require('./AtlantisContext-cjs.js');
6
5
  var AtlantisThemeContext = require('./AtlantisThemeContext-cjs.js');
7
6
  var updateTheme = require('./updateTheme-cjs.js');
@@ -21,8 +20,8 @@ var ChipDismissible = require('./ChipDismissible-cjs.js');
21
20
  require('react');
22
21
  var Icon = require('./Icon-cjs.js');
23
22
  var Chips = require('./Chips-cjs.js');
24
- var Combobox = require('./Combobox-cjs.js');
25
- var ComboboxProvider = require('./ComboboxProvider-cjs.js');
23
+ var FilterPicker = require('./FilterPicker-cjs.js');
24
+ var FilterPickerProvider = require('./FilterPickerProvider-cjs.js');
26
25
  var ConfirmationModal = require('./ConfirmationModal-cjs.js');
27
26
  var Content = require('./Content-cjs.js');
28
27
  var ContentBlock = require('./ContentBlock-cjs.js');
@@ -91,7 +90,6 @@ var showToast = require('./showToast-cjs.js');
91
90
  var Tooltip = require('./Tooltip-cjs.js');
92
91
  var Typography = require('./Typography-cjs.js');
93
92
  require('classnames');
94
- require('framer-motion');
95
93
  require('@jobber/design');
96
94
  require('./_commonjsHelpers-cjs.js');
97
95
  require('./identity-cjs.js');
@@ -124,17 +122,18 @@ require('./isSymbol-cjs.js');
124
122
  require('./_getTag-cjs.js');
125
123
  require('./_baseEach-cjs.js');
126
124
  require('./debounce-cjs.js');
127
- require('./ComboboxContent-cjs.js');
128
- require('./ComboboxContentSearch-cjs.js');
129
- require('./ComboboxContentList-cjs.js');
130
- require('./ComboboxOption-cjs.js');
131
- require('./ComboboxLoadMore-cjs.js');
132
- require('./ComboboxContentHeader-cjs.js');
125
+ require('./FilterPickerContent-cjs.js');
126
+ require('./FilterPickerContentSearch-cjs.js');
127
+ require('./FilterPickerContentList-cjs.js');
128
+ require('framer-motion');
129
+ require('./FilterPickerOption-cjs.js');
130
+ require('./FilterPickerLoadMore-cjs.js');
131
+ require('./FilterPickerContentHeader-cjs.js');
133
132
  require('./constants-cjs.js');
134
- require('./ComboboxAction-cjs.js');
135
- require('./ComboboxTrigger-cjs.js');
133
+ require('./FilterPickerAction-cjs.js');
134
+ require('./FilterPickerTrigger-cjs.js');
136
135
  require('./noop-cjs.js');
137
- require('./ComboboxActivator-cjs.js');
136
+ require('./FilterPickerActivator-cjs.js');
138
137
  require('./index-cjs.js');
139
138
  require('./DataList.module-cjs.js');
140
139
  require('./DataListTotalCount-cjs.js');
@@ -202,7 +201,6 @@ function isNormalClick(evt) {
202
201
  }
203
202
 
204
203
  exports.ActivityIndicator = ActivityIndicator.ActivityIndicator;
205
- exports.AnimatedSwitcher = AnimatedSwitcher.AnimatedSwitcher;
206
204
  exports.AtlantisContext = AtlantisContext.AtlantisContext;
207
205
  exports.atlantisContextDefaultValues = AtlantisContext.atlantisContextDefaultValues;
208
206
  exports.useAtlantisContext = AtlantisContext.useAtlantisContext;
@@ -229,8 +227,8 @@ exports.ChipDismissible = ChipDismissible.ChipDismissible;
229
227
  exports.ChipSelectable = ChipDismissible.ChipSelectable;
230
228
  exports.Icon = Icon.Icon;
231
229
  exports.Chips = Chips.Chips;
232
- exports.Combobox = Combobox.Combobox;
233
- exports.ComboboxContextProvider = ComboboxProvider.ComboboxContextProvider;
230
+ exports.FilterPicker = FilterPicker.FilterPicker;
231
+ exports.FilterPickerContextProvider = FilterPickerProvider.FilterPickerContextProvider;
234
232
  exports.ConfirmationModal = ConfirmationModal.ConfirmationModal;
235
233
  exports.Content = Content.Content;
236
234
  exports.ContentBlock = ContentBlock.ContentBlock;
package/dist/index.d.mts CHANGED
@@ -1,5 +1,4 @@
1
1
  export * from "./ActivityIndicator";
2
- export * from "./AnimatedSwitcher";
3
2
  export * from "./AtlantisContext";
4
3
  export * from "./AtlantisThemeContext";
5
4
  export { Autocomplete } from "./Autocomplete";
@@ -15,7 +14,7 @@ export * from "./Cover";
15
14
  export * from "./Checkbox";
16
15
  export * from "./Chip";
17
16
  export { Chips } from "./Chips";
18
- export * from "./Combobox";
17
+ export * from "./FilterPicker";
19
18
  export * from "./ConfirmationModal";
20
19
  export * from "./Content";
21
20
  export * from "./ContentBlock";
package/dist/index.d.ts CHANGED
@@ -1,5 +1,4 @@
1
1
  export * from "./ActivityIndicator";
2
- export * from "./AnimatedSwitcher";
3
2
  export * from "./AtlantisContext";
4
3
  export * from "./AtlantisThemeContext";
5
4
  export { Autocomplete } from "./Autocomplete";
@@ -15,7 +14,7 @@ export * from "./Cover";
15
14
  export * from "./Checkbox";
16
15
  export * from "./Chip";
17
16
  export { Chips } from "./Chips";
18
- export * from "./Combobox";
17
+ export * from "./FilterPicker";
19
18
  export * from "./ConfirmationModal";
20
19
  export * from "./Content";
21
20
  export * from "./ContentBlock";
package/dist/index.mjs CHANGED
@@ -1,5 +1,4 @@
1
1
  export { A as ActivityIndicator } from './ActivityIndicator-es.js';
2
- export { A as AnimatedSwitcher } from './AnimatedSwitcher-es.js';
3
2
  export { A as AtlantisContext, a as atlantisContextDefaultValues, u as useAtlantisContext } from './AtlantisContext-es.js';
4
3
  export { A as AtlantisThemeContextProvider, T as THEME_CHANGE_EVENT, a as atlantisThemeContextDefaultValues, u as useAtlantisTheme } from './AtlantisThemeContext-es.js';
5
4
  export { u as updateTheme } from './updateTheme-es.js';
@@ -19,8 +18,8 @@ export { a as ChipDismissible, C as ChipSelectable } from './ChipDismissible-es.
19
18
  import 'react';
20
19
  export { I as Icon } from './Icon-es.js';
21
20
  export { C as Chips } from './Chips-es.js';
22
- export { C as Combobox } from './Combobox-es.js';
23
- export { C as ComboboxContextProvider } from './ComboboxProvider-es.js';
21
+ export { F as FilterPicker } from './FilterPicker-es.js';
22
+ export { F as FilterPickerContextProvider } from './FilterPickerProvider-es.js';
24
23
  export { C as ConfirmationModal } from './ConfirmationModal-es.js';
25
24
  export { C as Content } from './Content-es.js';
26
25
  export { C as ContentBlock } from './ContentBlock-es.js';
@@ -89,7 +88,6 @@ export { T as Toast, s as showToast } from './showToast-es.js';
89
88
  export { T as Tooltip } from './Tooltip-es.js';
90
89
  export { T as Typography } from './Typography-es.js';
91
90
  import 'classnames';
92
- import 'framer-motion';
93
91
  import '@jobber/design';
94
92
  import './_commonjsHelpers-es.js';
95
93
  import './identity-es.js';
@@ -122,17 +120,18 @@ import './isSymbol-es.js';
122
120
  import './_getTag-es.js';
123
121
  import './_baseEach-es.js';
124
122
  import './debounce-es.js';
125
- import './ComboboxContent-es.js';
126
- import './ComboboxContentSearch-es.js';
127
- import './ComboboxContentList-es.js';
128
- import './ComboboxOption-es.js';
129
- import './ComboboxLoadMore-es.js';
130
- import './ComboboxContentHeader-es.js';
123
+ import './FilterPickerContent-es.js';
124
+ import './FilterPickerContentSearch-es.js';
125
+ import './FilterPickerContentList-es.js';
126
+ import 'framer-motion';
127
+ import './FilterPickerOption-es.js';
128
+ import './FilterPickerLoadMore-es.js';
129
+ import './FilterPickerContentHeader-es.js';
131
130
  import './constants-es.js';
132
- import './ComboboxAction-es.js';
133
- import './ComboboxTrigger-es.js';
131
+ import './FilterPickerAction-es.js';
132
+ import './FilterPickerTrigger-es.js';
134
133
  import './noop-es.js';
135
- import './ComboboxActivator-es.js';
134
+ import './FilterPickerActivator-es.js';
136
135
  import './index-es.js';
137
136
  import './DataList.module-es.js';
138
137
  import './DataListTotalCount-es.js';
package/dist/styles.css CHANGED
@@ -5574,7 +5574,7 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
5574
5574
  justify-content: center;
5575
5575
  }
5576
5576
 
5577
- .QsRc49DHSgA- {
5577
+ .bog6pntD050- {
5578
5578
  z-index: 1002;
5579
5579
  z-index: var(--elevation-tooltip);
5580
5580
  width: calc(64px * 3.75);
@@ -5594,22 +5594,22 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
5594
5594
  * so please be careful if you change this class name, or the css rules within.
5595
5595
  */
5596
5596
 
5597
- .QsRc49DHSgA-._7Fd5XGsPpUA- {
5597
+ .bog6pntD050-.CLGExWp0HOc- {
5598
5598
  display: none;
5599
5599
  visibility: hidden;
5600
5600
  }
5601
5601
 
5602
- .QsRc49DHSgA-:focus,
5603
- .QsRc49DHSgA-:focus-visible {
5602
+ .bog6pntD050-:focus,
5603
+ .bog6pntD050-:focus-visible {
5604
5604
  outline: none;
5605
5605
  }
5606
5606
 
5607
- .QsRc49DHSgA-:focus-visible {
5607
+ .bog6pntD050-:focus-visible {
5608
5608
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
5609
5609
  box-shadow: var(--shadow-focus);
5610
5610
  }
5611
5611
 
5612
- .yV8-0Hs43J0- {
5612
+ .Tuw6ng4mYhg- {
5613
5613
  display: -ms-flexbox;
5614
5614
  display: flex;
5615
5615
  -ms-flex-direction: column;
@@ -5623,16 +5623,16 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
5623
5623
  background-color: var(--color-surface);
5624
5624
  }
5625
5625
 
5626
- .g3Gdt8jXvFk- {
5626
+ .uC0PW9BRcl4- {
5627
5627
  padding-bottom: 8px;
5628
5628
  padding-bottom: var(--space-small);
5629
5629
  }
5630
5630
 
5631
- .c4B0WFX6K0o- {
5631
+ ._74R4ICUNw-M- {
5632
5632
  position: relative;
5633
5633
  }
5634
5634
 
5635
- .AH9-zRHXfpo- {
5635
+ .icUzhma-GJs- {
5636
5636
  width: 100%;
5637
5637
  padding: 16px;
5638
5638
  padding: var(--space-base);
@@ -5650,17 +5650,17 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
5650
5650
  background-color: var(--color-surface);
5651
5651
  }
5652
5652
 
5653
- .AH9-zRHXfpo-::-webkit-input-placeholder {
5653
+ .icUzhma-GJs-::-webkit-input-placeholder {
5654
5654
  color: var(--field--placeholder-color);
5655
5655
  opacity: 1;
5656
5656
  }
5657
5657
 
5658
- .AH9-zRHXfpo-:-ms-input-placeholder {
5658
+ .icUzhma-GJs-:-ms-input-placeholder {
5659
5659
  color: var(--field--placeholder-color);
5660
5660
  opacity: 1;
5661
5661
  }
5662
5662
 
5663
- .AH9-zRHXfpo-::-ms-input-placeholder {
5663
+ .icUzhma-GJs-::-ms-input-placeholder {
5664
5664
  color: var(--field--placeholder-color);
5665
5665
  opacity: 1;
5666
5666
  }
@@ -5680,23 +5680,23 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
5680
5680
  opacity: 1;
5681
5681
  }
5682
5682
 
5683
- .AH9-zRHXfpo-::placeholder {
5683
+ .icUzhma-GJs-::placeholder {
5684
5684
  color: var(--field--placeholder-color);
5685
5685
  opacity: 1;
5686
5686
  }
5687
5687
 
5688
- .AH9-zRHXfpo-::-webkit-search-decoration,
5689
- .AH9-zRHXfpo-::-webkit-search-cancel-button,
5690
- .AH9-zRHXfpo-::-webkit-search-results-button,
5691
- .AH9-zRHXfpo-::-webkit-search-results-decoration {
5688
+ .icUzhma-GJs-::-webkit-search-decoration,
5689
+ .icUzhma-GJs-::-webkit-search-cancel-button,
5690
+ .icUzhma-GJs-::-webkit-search-results-button,
5691
+ .icUzhma-GJs-::-webkit-search-results-decoration {
5692
5692
  -webkit-appearance: none;
5693
5693
  }
5694
5694
 
5695
- .AH9-zRHXfpo-:focus {
5695
+ .icUzhma-GJs-:focus {
5696
5696
  outline: none;
5697
5697
  }
5698
5698
 
5699
- .mymN3p8sKRw- {
5699
+ .ePmiDYZ2boo- {
5700
5700
  display: -ms-flexbox;
5701
5701
  display: flex;
5702
5702
  position: absolute;
@@ -5724,22 +5724,22 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
5724
5724
  align-items: center;
5725
5725
  }
5726
5726
 
5727
- .mymN3p8sKRw-:focus {
5727
+ .ePmiDYZ2boo-:focus {
5728
5728
  outline: transparent;
5729
5729
  }
5730
5730
 
5731
- .mymN3p8sKRw-:focus-visible {
5731
+ .ePmiDYZ2boo-:focus-visible {
5732
5732
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
5733
5733
  box-shadow: var(--shadow-focus);
5734
5734
  }
5735
5735
 
5736
- .wFxd-3vJyKo- {
5736
+ .d-JzbXbz3vI- {
5737
5737
  position: relative;
5738
5738
  padding: 8px 0;
5739
5739
  padding: var(--space-small) 0;
5740
5740
  }
5741
5741
 
5742
- .PzwV5qiIgV4- {
5742
+ ._9sPZShzetbo- {
5743
5743
  display: -ms-flexbox;
5744
5744
  display: flex;
5745
5745
 
@@ -5756,14 +5756,14 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
5756
5756
  gap: var(--space-smaller);
5757
5757
  }
5758
5758
 
5759
- .c6TosVipkmw-,
5760
- .ZYrg-J4-v2Y- {
5759
+ ._7iUzJFaZYDs-,
5760
+ .I3lJfMgm-Io- {
5761
5761
  padding: 8px 16px;
5762
5762
  padding: var(--space-small) var(--space-base);
5763
5763
  }
5764
5764
 
5765
- .wFxd-3vJyKo-::before,
5766
- .wFxd-3vJyKo-::after {
5765
+ .d-JzbXbz3vI-::before,
5766
+ .d-JzbXbz3vI-::after {
5767
5767
  content: "";
5768
5768
  display: block;
5769
5769
  position: absolute;
@@ -5775,7 +5775,7 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
5775
5775
  transition: opacity 0.3s ease-in-out;
5776
5776
  }
5777
5777
 
5778
- .wFxd-3vJyKo-::after {
5778
+ .d-JzbXbz3vI-::after {
5779
5779
  bottom: 8px;
5780
5780
  bottom: var(--space-small);
5781
5781
  background: linear-gradient(
@@ -5790,7 +5790,7 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
5790
5790
  );
5791
5791
  }
5792
5792
 
5793
- .wFxd-3vJyKo-::before {
5793
+ .d-JzbXbz3vI-::before {
5794
5794
  top: 8px;
5795
5795
  top: var(--space-small);
5796
5796
  background: linear-gradient(
@@ -5805,22 +5805,22 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
5805
5805
  );
5806
5806
  }
5807
5807
 
5808
- .FLu6FtihsLo-::before,
5809
- .-o-v1zjzb48-::before {
5808
+ .VNhhUhatkmw-::before,
5809
+ .w8LsXerWI7I-::before {
5810
5810
  opacity: 0;
5811
5811
  }
5812
5812
 
5813
- ._2iW5DZ16G2U-::after,
5814
- .-o-v1zjzb48-::after {
5813
+ .-Bk1T-RD-tA-::after,
5814
+ .w8LsXerWI7I-::after {
5815
5815
  opacity: 0;
5816
5816
  }
5817
5817
 
5818
- .PqwPrWjdB-A- {
5818
+ .czPVeCUK2Zc- {
5819
5819
  padding: 16px 16px;
5820
5820
  padding: var(--space-base) var(--space-base);
5821
5821
  }
5822
5822
 
5823
- .PqwPrWjdB-A-.v3cabuEY4Xk- {
5823
+ .czPVeCUK2Zc-._9IwiWJBxJxQ- {
5824
5824
  display: -ms-flexbox;
5825
5825
  display: flex;
5826
5826
  -ms-flex-pack: center;
@@ -5831,7 +5831,7 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
5831
5831
  padding: var(--space-base) 0;
5832
5832
  }
5833
5833
 
5834
- .PqwPrWjdB-A-.v3cabuEY4Xk-:empty {
5834
+ .czPVeCUK2Zc-._9IwiWJBxJxQ-:empty {
5835
5835
  display: none;
5836
5836
  }
5837
5837
 
@@ -5911,7 +5911,7 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
5911
5911
  align-items: end;
5912
5912
  }
5913
5913
 
5914
- .HowvTX8-pw4- {
5914
+ .tjXkqP6ZdSk- {
5915
5915
  display: -ms-flexbox;
5916
5916
  display: flex;
5917
5917
  -ms-flex-negative: 0;
@@ -5937,30 +5937,30 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
5937
5937
  align-items: center;
5938
5938
  }
5939
5939
 
5940
- .HowvTX8-pw4-:hover,
5941
- .HowvTX8-pw4-:focus-visible {
5940
+ .tjXkqP6ZdSk-:hover,
5941
+ .tjXkqP6ZdSk-:focus-visible {
5942
5942
  background-color: hsl(43, 18%, 92%);
5943
5943
  background-color: var(--color-surface--hover);
5944
5944
  }
5945
5945
 
5946
- .HowvTX8-pw4-:focus,
5947
- .HowvTX8-pw4-:focus-visible {
5946
+ .tjXkqP6ZdSk-:focus,
5947
+ .tjXkqP6ZdSk-:focus-visible {
5948
5948
  outline: none;
5949
5949
  }
5950
5950
 
5951
- .HowvTX8-pw4-:focus-visible {
5951
+ .tjXkqP6ZdSk-:focus-visible {
5952
5952
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
5953
5953
  box-shadow: var(--shadow-focus);
5954
5954
  }
5955
5955
 
5956
- .jPB--ZCYNNI- {
5956
+ ._8SCmS4wfKOQ- {
5957
5957
  -webkit-transform: translateY(calc(48px * -1));
5958
5958
  -webkit-transform: translateY(calc(var(--space-largest) * -1));
5959
5959
  transform: translateY(calc(48px * -1));
5960
5960
  transform: translateY(calc(var(--space-largest) * -1));
5961
5961
  }
5962
5962
 
5963
- .nrNh3feibg8- {
5963
+ .qsCrV9XnUYQ- {
5964
5964
  display: -ms-flexbox;
5965
5965
  display: flex;
5966
5966
  padding: 16px 8px 0 16px;
@@ -5973,7 +5973,7 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
5973
5973
  gap: var(--space-smaller);
5974
5974
  }
5975
5975
 
5976
- .NWf8JR3TBoo- {
5976
+ .wnyB0d1ZE70- {
5977
5977
  width: 100%;
5978
5978
  box-sizing: border-box;
5979
5979
  padding: 0 8px;
@@ -5982,7 +5982,7 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
5982
5982
  background-color: var(--color-surface);
5983
5983
  }
5984
5984
 
5985
- .PoMXFVYVY5A- {
5985
+ .mljM3ouZmbM- {
5986
5986
  position: relative;
5987
5987
  width: 100%;
5988
5988
  min-height: calc((48px - 8px));
@@ -6000,28 +6000,28 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
6000
6000
  transition: all var(--timing-base);
6001
6001
  }
6002
6002
 
6003
- .PoMXFVYVY5A-:focus {
6003
+ .mljM3ouZmbM-:focus {
6004
6004
  outline: none;
6005
6005
  }
6006
6006
 
6007
- .PoMXFVYVY5A-:hover,
6008
- .PoMXFVYVY5A-:focus-visible {
6007
+ .mljM3ouZmbM-:hover,
6008
+ .mljM3ouZmbM-:focus-visible {
6009
6009
  outline: none;
6010
6010
  background-color: hsl(43, 18%, 92%);
6011
6011
  background-color: var(--color-surface--hover);
6012
6012
  }
6013
6013
 
6014
- .PoMXFVYVY5A-:focus-visible {
6014
+ .mljM3ouZmbM-:focus-visible {
6015
6015
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
6016
6016
  box-shadow: var(--shadow-focus);
6017
6017
  }
6018
6018
 
6019
- .PoMXFVYVY5A- span {
6019
+ .mljM3ouZmbM- span {
6020
6020
  margin-left: 8px;
6021
6021
  margin-left: var(--space-small);
6022
6022
  }
6023
6023
 
6024
- .xxU2WqkpXZU- {
6024
+ .pWccl-Pw3hY- {
6025
6025
  position: fixed;
6026
6026
  top: 0;
6027
6027
  right: 0;
@@ -6032,7 +6032,7 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
6032
6032
  background-color: transparent;
6033
6033
  }
6034
6034
 
6035
- .W-9SMjhEMpI- {
6035
+ .CGh3PQqBZ1c- {
6036
6036
  display: -ms-inline-flexbox;
6037
6037
  display: inline-flex;
6038
6038
  max-width: 100%;
@@ -3,8 +3,6 @@
3
3
  "ActivityIndicator",
4
4
  "AffixIcon",
5
5
  "AffixLabel",
6
- "AnimatedSwitcher",
7
- "AnimatedSwitcher.Icon",
8
6
  "AtlantisContext.Consumer",
9
7
  "AtlantisContext.Provider",
10
8
  "AtlantisThemeContextProvider",
@@ -36,11 +34,6 @@
36
34
  "ChipSelectable",
37
35
  "Chips",
38
36
  "Cluster",
39
- "Combobox",
40
- "Combobox.Action",
41
- "Combobox.Activator",
42
- "Combobox.Option",
43
- "ComboboxContextProvider",
44
37
  "ConfirmationModal",
45
38
  "Container",
46
39
  "Container.Apply",
@@ -83,6 +76,11 @@
83
76
  "DrawerGrid",
84
77
  "Emphasis",
85
78
  "FeatureSwitch",
79
+ "FilterPicker",
80
+ "FilterPicker.Action",
81
+ "FilterPicker.Activator",
82
+ "FilterPicker.Option",
83
+ "FilterPickerContextProvider",
86
84
  "Flex",
87
85
  "Footer",
88
86
  "FormFieldInputHorizontalWrapper",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jobber/components",
3
- "version": "8.13.1",
3
+ "version": "8.14.1",
4
4
  "license": "MIT",
5
5
  "type": "module",
6
6
  "main": "dist/index.cjs",
@@ -30,11 +30,6 @@
30
30
  "import": "./dist/ActivityIndicator/index.mjs",
31
31
  "require": "./dist/ActivityIndicator/index.cjs"
32
32
  },
33
- "./AnimatedSwitcher": {
34
- "types": "./dist/AnimatedSwitcher/index.d.ts",
35
- "import": "./dist/AnimatedSwitcher/index.mjs",
36
- "require": "./dist/AnimatedSwitcher/index.cjs"
37
- },
38
33
  "./AtlantisContext": {
39
34
  "types": "./dist/AtlantisContext/index.d.ts",
40
35
  "import": "./dist/AtlantisContext/index.mjs",
@@ -100,10 +95,10 @@
100
95
  "import": "./dist/Cluster/index.mjs",
101
96
  "require": "./dist/Cluster/index.cjs"
102
97
  },
103
- "./Combobox": {
104
- "types": "./dist/Combobox/index.d.ts",
105
- "import": "./dist/Combobox/index.mjs",
106
- "require": "./dist/Combobox/index.cjs"
98
+ "./FilterPicker": {
99
+ "types": "./dist/FilterPicker/index.d.ts",
100
+ "import": "./dist/FilterPicker/index.mjs",
101
+ "require": "./dist/FilterPicker/index.cjs"
107
102
  },
108
103
  "./ConfirmationModal": {
109
104
  "types": "./dist/ConfirmationModal/index.d.ts",
@@ -551,5 +546,5 @@
551
546
  "> 1%",
552
547
  "IE 10"
553
548
  ],
554
- "gitHead": "7fb12fadcd1c5e1440bccccae13dd29cf74dae28"
549
+ "gitHead": "b4ef91d6d0c0e2d1eb3253577b34fbc97a00422f"
555
550
  }
package/rollup.config.mjs CHANGED
@@ -148,8 +148,8 @@ export default {
148
148
  dest: "dist/Glimmer/style",
149
149
  },
150
150
  {
151
- src: "src/Combobox/components/ComboboxContent/ComboboxContentList/ComboboxContent.css.d.ts",
152
- dest: "dist/Combobox/components/ComboboxContent/ComboboxContentList",
151
+ src: "src/FilterPicker/components/FilterPickerContent/FilterPickerContentList/FilterPickerContentList.module.css.d.ts",
152
+ dest: "dist/FilterPicker/components/FilterPickerContent/FilterPickerContentList",
153
153
  },
154
154
  {
155
155
  src: "dist/index.d.ts",
@@ -1 +0,0 @@
1
- export * from "./dist/AnimatedSwitcher";
@@ -1,17 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true,
5
- });
6
-
7
- var AnimatedSwitcher = require("./dist/AnimatedSwitcher");
8
-
9
- Object.keys(AnimatedSwitcher).forEach(function(key) {
10
- if (key === "default" || key === "__esModule") return;
11
- Object.defineProperty(exports, key, {
12
- enumerable: true,
13
- get: function get() {
14
- return AnimatedSwitcher[key];
15
- },
16
- });
17
- });
package/Combobox.d.ts DELETED
@@ -1 +0,0 @@
1
- export * from "./dist/Combobox";
@@ -1,32 +0,0 @@
1
- import type { ReactElement } from "react";
2
- import React from "react";
3
- import type { IconNames } from "@jobber/design";
4
- export interface AnimatedSwitcherProps {
5
- /**
6
- * Determines when to switch the component to the `switchTo` prop.
7
- *
8
- * @default false
9
- */
10
- readonly switched: boolean;
11
- /**
12
- * The component that shows up when the `switched` prop is `false`
13
- */
14
- readonly initialChild: ReactElement;
15
- /**
16
- * The component that shows up when the `switched` prop is `true`
17
- */
18
- readonly switchTo: ReactElement;
19
- /**
20
- * Change the transition between 2 elements.
21
- */
22
- readonly type?: "slideFromBottom" | "fade";
23
- }
24
- export declare function AnimatedSwitcher({ initialChild, switched, switchTo, type, }: AnimatedSwitcherProps): React.JSX.Element;
25
- export declare namespace AnimatedSwitcher {
26
- var Icon: ({ switchToIcon, switched, initialIcon, }: AnimatedSwitcherIconProps) => React.JSX.Element;
27
- }
28
- interface AnimatedSwitcherIconProps extends Pick<AnimatedSwitcherProps, "switched"> {
29
- readonly initialIcon: IconNames;
30
- readonly switchToIcon: IconNames;
31
- }
32
- export {};
@@ -1,11 +0,0 @@
1
- 'use strict';
2
-
3
- var AnimatedSwitcher = require('../AnimatedSwitcher-cjs.js');
4
- require('react');
5
- require('framer-motion');
6
- require('../Icon-cjs.js');
7
- require('@jobber/design');
8
-
9
-
10
-
11
- exports.AnimatedSwitcher = AnimatedSwitcher.AnimatedSwitcher;
@@ -1 +0,0 @@
1
- export * from "./AnimatedSwitcher";
@@ -1,5 +0,0 @@
1
- export { A as AnimatedSwitcher } from '../AnimatedSwitcher-es.js';
2
- import 'react';
3
- import 'framer-motion';
4
- import '../Icon-es.js';
5
- import '@jobber/design';
@@ -1,8 +0,0 @@
1
- import type { Variants } from "framer-motion";
2
- export declare const DURATION_SIMPLE = 0.1;
3
- export declare const DURATION_AVERAGE = 0.2;
4
- export declare const FADE: Variants;
5
- export declare const SLIDE_IN_UP: Variants;
6
- export declare const SLIDE_IN_DOWN: Variants;
7
- export declare const SPIN_COUNTER_CLOCK_WISE: Variants;
8
- export declare const SPIN_CLOCK_WISE: Variants;