@jobber/components 5.18.1 → 5.19.1

package/dist/styles.css

@@ -1,79 +1,3 @@
-.FVK4VwhLaVQ- {
-  position: relative;
-  z-index: 1003;
-  z-index: var(--elevation-toast);
-}
-
-.MUXYGaC7Msg- {
-  display: -ms-flexbox;
-  display: flex;
-  position: fixed;
-  right: 0;
-  bottom: calc(16px * 1.5);
-  bottom: var(--space-large);
-  left: 0;
-  z-index: 1003;
-  z-index: var(--elevation-toast);
-  width: 100%;
-  box-sizing: border-box;
-  -ms-flex-direction: column;
-      flex-direction: column;
-  -ms-flex-align: center;
-      align-items: center;
-  padding: 0 calc(16px * 1.5);
-  padding: 0 var(--space-large);
-  color: rgba(255, 255, 255, 1);
-  color: var(--color-text--reverse);
-  font-size: calc(16px * 1);
-  font-size: var(--typography--fontSize-large);
-  pointer-events: none;
-}
-
-.yCRa7jHH33M- {
-  box-shadow: 0px calc(16px * 1) calc(16px * 1) 0px
-      rgba(0, 0, 0, 0.075),
-    0px 0px calc(16px / 2) 0px rgba(0, 0, 0, 0.05);
-  box-shadow: var(--shadow-high);
-  overflow: hidden;
-  pointer-events: all;
-}
-
-.yCRa7jHH33M- + .yCRa7jHH33M- {
-  margin-top: calc(16px * 1);
-  margin-top: var(--space-base);
-}
-
-.KiJL-VNZ3Sg- {
-  display: -ms-flexbox;
-  display: flex;
-  gap: calc(16px / 2);
-  gap: var(--space-small);
-  -ms-flex-align: center;
-      align-items: center;
-  padding: calc(16px / 4) calc(16px / 4) calc(16px / 4);
-  padding: var(--space-smaller) var(--space-smaller) var(--space-smaller);
-  padding-left: calc((16px / 2) + (16px / 4));
-  padding-left: calc(calc(16px / 2) + calc(16px / 4));
-  padding-left: calc(var(--space-small) + var(--space-smaller));
-  border-radius: 8px;
-  border-radius: var(--radius-base);
-  background: hsl(197, 90%, 12%);
-  background: var(--color-surface--reverse);
-}
-
-/* Use of !important to make the button icon visible in
-   the reverse color scheme of Toast */
-
-.cExoS0APILs- * path {
-  fill: hsl(197, 15%, 45%) !important;
-  fill: var(--color-text--secondary) !important;
-}
-
-.cExoS0APILs-:hover * path {
-  fill: hsl(197, 15%, 45%) !important;
-  fill: var(--color-greyBlue) !important;
-}
-
 .v0Cys9vQ-NE- {
   position: relative;
   width: 100%;
@@ -8953,3 +8877,79 @@ ul.wdW31G8Trag- {
   padding-right: calc(16px * 1);
   padding-right: var(--public-tab--inset);
 }
+
+.FVK4VwhLaVQ- {
+  position: relative;
+  z-index: 1003;
+  z-index: var(--elevation-toast);
+}
+
+.MUXYGaC7Msg- {
+  display: -ms-flexbox;
+  display: flex;
+  position: fixed;
+  right: 0;
+  bottom: calc(16px * 1.5);
+  bottom: var(--space-large);
+  left: 0;
+  z-index: 1003;
+  z-index: var(--elevation-toast);
+  width: 100%;
+  box-sizing: border-box;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  -ms-flex-align: center;
+      align-items: center;
+  padding: 0 calc(16px * 1.5);
+  padding: 0 var(--space-large);
+  color: rgba(255, 255, 255, 1);
+  color: var(--color-text--reverse);
+  font-size: calc(16px * 1);
+  font-size: var(--typography--fontSize-large);
+  pointer-events: none;
+}
+
+.yCRa7jHH33M- {
+  box-shadow: 0px calc(16px * 1) calc(16px * 1) 0px
+      rgba(0, 0, 0, 0.075),
+    0px 0px calc(16px / 2) 0px rgba(0, 0, 0, 0.05);
+  box-shadow: var(--shadow-high);
+  overflow: hidden;
+  pointer-events: all;
+}
+
+.yCRa7jHH33M- + .yCRa7jHH33M- {
+  margin-top: calc(16px * 1);
+  margin-top: var(--space-base);
+}
+
+.KiJL-VNZ3Sg- {
+  display: -ms-flexbox;
+  display: flex;
+  gap: calc(16px / 2);
+  gap: var(--space-small);
+  -ms-flex-align: center;
+      align-items: center;
+  padding: calc(16px / 4) calc(16px / 4) calc(16px / 4);
+  padding: var(--space-smaller) var(--space-smaller) var(--space-smaller);
+  padding-left: calc((16px / 2) + (16px / 4));
+  padding-left: calc(calc(16px / 2) + calc(16px / 4));
+  padding-left: calc(var(--space-small) + var(--space-smaller));
+  border-radius: 8px;
+  border-radius: var(--radius-base);
+  background: hsl(197, 90%, 12%);
+  background: var(--color-surface--reverse);
+}
+
+/* Use of !important to make the button icon visible in
+   the reverse color scheme of Toast */
+
+.cExoS0APILs- * path {
+  fill: hsl(197, 15%, 45%) !important;
+  fill: var(--color-text--secondary) !important;
+}
+
+.cExoS0APILs-:hover * path {
+  fill: hsl(197, 15%, 45%) !important;
+  fill: var(--color-greyBlue) !important;
+}

package/dist/{throttle-CVIvoaFH.js → throttle-BaaSfdHd.js}

@@ -1,6 +1,6 @@
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-VMaESrBh.js';
-import { d as debounce_1 } from './debounce-g2v7vopm.js';
-import { i as isObject_1 } from './isObjectLike-CvfQWhj7.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-DbmivZO2.js';
+import { d as debounce_1 } from './debounce--fP-iJ73.js';
+import { i as isObject_1 } from './isObjectLike-BYt5teJf.js';
 
 var debounce = debounce_1,
     isObject = isObject_1;

package/dist/{throttle-ga825zSn.js → throttle-DNEE198O.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-D7XtAbBt.js');
-var debounce$1 = require('./debounce-D-I2copL.js');
-var isObjectLike = require('./isObjectLike-BUdrd69i.js');
+var _commonjsHelpers = require('./_commonjsHelpers-DayC7VBw.js');
+var debounce$1 = require('./debounce-OnJDxpra.js');
+var isObjectLike = require('./isObjectLike-BPI4ZGxm.js');
 
 var debounce = debounce$1.debounce_1,
     isObject = isObjectLike.isObject_1;

package/dist/{useActiveLayout-DT1o80uU.js → useActiveLayout-D6m-XsAK.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var useResponsiveSizing = require('./useResponsiveSizing-yl3ju4pK.js');
-var DataListContext = require('./DataListContext--WniNxBq.js');
+var useResponsiveSizing = require('./useResponsiveSizing-C7CXywFl.js');
+var DataListContext = require('./DataListContext-D5GQxi2y.js');
 
 function useActiveLayout() {
     const { layoutBreakpoints, layouts } = DataListContext.useDataListContext();

package/dist/{useActiveLayout-YlcCY6wt.js → useActiveLayout-iJjdHCzg.js}

@@ -1,5 +1,5 @@
-import { u as useResponsiveSizing } from './useResponsiveSizing-BmmcSGj1.js';
-import { u as useDataListContext } from './DataListContext-rPJZkMKs.js';
+import { u as useResponsiveSizing } from './useResponsiveSizing-spnTFg11.js';
+import { u as useDataListContext } from './DataListContext-CbhlmwG2.js';
 
 function useActiveLayout() {
     const { layoutBreakpoints, layouts } = useDataListContext();

package/dist/{useAssert-CHiJvHck.js → useAssert-B0f36eNz.js}

@@ -1,5 +1,5 @@
-import { a as getAugmentedNamespace, c as commonjsGlobal } from './_commonjsHelpers-VMaESrBh.js';
-import { _ as _polyfillNode_process } from './_polyfill-node.process-DKNimD45.js';
+import { a as getAugmentedNamespace, c as commonjsGlobal } from './_commonjsHelpers-DbmivZO2.js';
+import { _ as _polyfillNode_process } from './_polyfill-node.process-oE4S80q4.js';
 
 var useAssert$1 = {};
 

package/dist/{useAssert-DCtrZO79.js → useAssert-Dic6_GR4.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-D7XtAbBt.js');
-var _polyfillNode_process = require('./_polyfill-node.process-DTQHNvQ1.js');
+var _commonjsHelpers = require('./_commonjsHelpers-DayC7VBw.js');
+var _polyfillNode_process = require('./_polyfill-node.process-C2b8umo3.js');
 
 var useAssert$1 = {};
 

package/dist/{useBatchSelect-C9lfBygP.js → useBatchSelect-L_X94UeJ.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var DataListContext = require('./DataListContext--WniNxBq.js');
+var DataListContext = require('./DataListContext-D5GQxi2y.js');
 
 function useBatchSelect() {
     const { selected, onSelect, onSelectAll } = DataListContext.useDataListContext();

package/dist/{useBatchSelect-DufODMr4.js → useBatchSelect-yhHbEwJT.js}

@@ -1,4 +1,4 @@
-import { u as useDataListContext } from './DataListContext-rPJZkMKs.js';
+import { u as useDataListContext } from './DataListContext-CbhlmwG2.js';
 
 function useBatchSelect() {
     const { selected, onSelect, onSelectAll } = useDataListContext();

package/dist/{useIsMounted-BBOydLZB.js → useIsMounted-DB5fcnH3.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { a as useSafeLayoutEffect$1 } from './useSafeLayoutEffect-DZrEiG1K.js';
+import { a as useSafeLayoutEffect$1 } from './useSafeLayoutEffect-DAutkJok.js';
 
 var useIsMounted$1 = {};
 

package/dist/{useIsMounted-Gy3yJiWN.js → useIsMounted-cw6GZni8.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var useSafeLayoutEffect$1 = require('./useSafeLayoutEffect-BSA4qGR0.js');
+var useSafeLayoutEffect$1 = require('./useSafeLayoutEffect-DekpOrwN.js');
 
 var useIsMounted$1 = {};
 

package/dist/{useResizeObserver-DuQkNc-f.js → useResizeObserver-CtZpzKmm.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-D7XtAbBt.js');
+var _commonjsHelpers = require('./_commonjsHelpers-DayC7VBw.js');
 var React = require('react');
-var throttle$1 = require('./throttle-ga825zSn.js');
+var throttle$1 = require('./throttle-DNEE198O.js');
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/{useResizeObserver-DFhp1sUY.js → useResizeObserver-m0djJpp4.js}

@@ -1,6 +1,6 @@
-import { a as getAugmentedNamespace, c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-VMaESrBh.js';
+import { a as getAugmentedNamespace, c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-DbmivZO2.js';
 import React from 'react';
-import { a as throttle_1 } from './throttle-CVIvoaFH.js';
+import { a as throttle_1 } from './throttle-BaaSfdHd.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/{useResponsiveSizing-yl3ju4pK.js → useResponsiveSizing-C7CXywFl.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var DataList_const = require('./DataList.const-C9SgAl1a.js');
+var DataList_const = require('./DataList.const-CJZCjwiG.js');
 
 const mediaQueryStore = {
     subscribe(onChange, query) {

package/dist/{useResponsiveSizing-BmmcSGj1.js → useResponsiveSizing-spnTFg11.js}

@@ -1,5 +1,5 @@
 import { useCallback, useSyncExternalStore } from 'react';
-import { e as BREAKPOINT_SIZES } from './DataList.const-C8dbQzNr.js';
+import { e as BREAKPOINT_SIZES } from './DataList.const-PcHM-F4r.js';
 
 const mediaQueryStore = {
     subscribe(onChange, query) {

package/dist/{useScrollToActive-BiQ-_ZM6.js → useScrollToActive-Cs-K60IJ.js}

@@ -1,15 +1,15 @@
 'use strict';
 
 var React = require('react');
-var _commonjsHelpers = require('./_commonjsHelpers-D7XtAbBt.js');
-var _setToString = require('./_setToString-BifaeQl5.js');
-var _defineProperty = require('./_defineProperty-CPRNUG0q.js');
-var _baseEach = require('./_baseEach-Bypg8P11.js');
-var _getTag = require('./_getTag-DgIHHior.js');
-var isSymbol$1 = require('./isSymbol-y5DmAtoM.js');
-var isObjectLike = require('./isObjectLike-BUdrd69i.js');
-var debounce = require('./debounce-D-I2copL.js');
-var Icon = require('./Icon-Dkl9oGK2.js');
+var _commonjsHelpers = require('./_commonjsHelpers-DayC7VBw.js');
+var _setToString = require('./_setToString-CSDSLxrG.js');
+var _defineProperty = require('./_defineProperty-Bevvm9Ky.js');
+var _baseEach = require('./_baseEach-DrjzDa6A.js');
+var _getTag = require('./_getTag-C_f6pIB-.js');
+var isSymbol$1 = require('./isSymbol-mB1CiPI-.js');
+var isObjectLike = require('./isObjectLike-BPI4ZGxm.js');
+var debounce = require('./debounce-OnJDxpra.js');
+var Icon = require('./Icon-OvormmiS.js');
 var reactPopper = require('react-popper');
 
 var baseEach = _baseEach._baseEach,

package/dist/{useScrollToActive-DFOjsTpj.js → useScrollToActive-CvLawt5P.js}

@@ -1,13 +1,13 @@
 import React, { useRef, useId, useState, useEffect } from 'react';
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-VMaESrBh.js';
-import { _ as _overRest, a as _setToString, b as _baseFlatten } from './_setToString-D1EtoOxb.js';
-import { b as _arrayMap, c as _baseGet, i as identity_1, e as eq_1, d as _isIndex } from './_defineProperty-DSq7BMZb.js';
-import { _ as _baseEach, a as _baseIteratee } from './_baseEach-Dl6DG6BU.js';
-import { c as isArrayLike_1, g as _baseUnary, b as isArray_1 } from './_getTag-CvAnlMPG.js';
-import { i as isSymbol_1 } from './isSymbol-CCaZ2F9z.js';
-import { i as isObject_1 } from './isObjectLike-CvfQWhj7.js';
-import { a as debounce } from './debounce-g2v7vopm.js';
-import { I as Icon } from './Icon-DLLXp2G6.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-DbmivZO2.js';
+import { _ as _overRest, a as _setToString, b as _baseFlatten } from './_setToString-DUpnXhUu.js';
+import { b as _arrayMap, c as _baseGet, i as identity_1, e as eq_1, d as _isIndex } from './_defineProperty-BudMjQhd.js';
+import { _ as _baseEach, a as _baseIteratee } from './_baseEach-0DkezUdz.js';
+import { c as isArrayLike_1, g as _baseUnary, b as isArray_1 } from './_getTag-DpyJlGHU.js';
+import { i as isSymbol_1 } from './isSymbol-ikp_8bS2.js';
+import { i as isObject_1 } from './isObjectLike-BYt5teJf.js';
+import { a as debounce } from './debounce--fP-iJ73.js';
+import { I as Icon } from './Icon-Bo9CBgAB.js';
 import { usePopper } from 'react-popper';
 
 var baseEach = _baseEach,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "5.18.1",
+  "version": "5.19.1",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -487,5 +487,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "2772f55d4dc741bdf64bd19453bdf3d502ed6db2"
+  "gitHead": "c4632768451fd29dfa01e23f7aa23ca02f43fd18"
 }