@jobber/components 5.18.1-JOB-99089.2 → 5.19.0

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%;
@@ -710,7 +634,8 @@
   padding-left: var(--field--padding-left);
   padding-right: var(--field--padding-right);
   border: none;
-  border-radius: 0;
+  border-radius: 8px;
+  border-radius: var(--radius-base);
   color: inherit;
   font-family: inherit;
   font-size: inherit;
@@ -8952,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-B0-U-NXB.js → throttle-B_tNTd7G.js}

@@ -1,6 +1,6 @@
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-Y9msgNsl.js';
-import { d as debounce_1 } from './debounce-CvMRD-kP.js';
-import { i as isObject_1 } from './isObjectLike-CauXJFNr.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-C_-0bU2G.js';
+import { d as debounce_1 } from './debounce-AYcpZv3c.js';
+import { i as isObject_1 } from './isObjectLike-DJ9pm7V7.js';
 
 var debounce = debounce_1,
     isObject = isObject_1;

package/dist/{throttle-CBftXcTS.js → throttle-DahaSVUK.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-Cgrobgtz.js');
-var debounce$1 = require('./debounce-CQsPhYD6.js');
-var isObjectLike = require('./isObjectLike-BmckOUuw.js');
+var _commonjsHelpers = require('./_commonjsHelpers-CgKDug6z.js');
+var debounce$1 = require('./debounce-DEjsEV7v.js');
+var isObjectLike = require('./isObjectLike-DOIAlxkG.js');
 
 var debounce = debounce$1.debounce_1,
     isObject = isObjectLike.isObject_1;

package/dist/{useActiveLayout-ByjvyeqZ.js → useActiveLayout-BO2rwfW3.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var useResponsiveSizing = require('./useResponsiveSizing-DE6bpFpa.js');
-var DataListContext = require('./DataListContext-B2HfH_Yf.js');
+var useResponsiveSizing = require('./useResponsiveSizing-BNZr0NrC.js');
+var DataListContext = require('./DataListContext-DjJVwBnT.js');
 
 function useActiveLayout() {
     const { layoutBreakpoints, layouts } = DataListContext.useDataListContext();

package/dist/{useActiveLayout-CQQx-QeG.js → useActiveLayout-cBN-yfQj.js}

@@ -1,5 +1,5 @@
-import { u as useResponsiveSizing } from './useResponsiveSizing-B4EHqa9L.js';
-import { u as useDataListContext } from './DataListContext-BFfErQkB.js';
+import { u as useResponsiveSizing } from './useResponsiveSizing-WtRnujX5.js';
+import { u as useDataListContext } from './DataListContext-DQszOeuf.js';
 
 function useActiveLayout() {
     const { layoutBreakpoints, layouts } = useDataListContext();

package/dist/{useAssert-CN3himhO.js → useAssert-CdC-W_SB.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-Cgrobgtz.js');
-var _polyfillNode_process = require('./_polyfill-node.process-4dIbJIGA.js');
+var _commonjsHelpers = require('./_commonjsHelpers-CgKDug6z.js');
+var _polyfillNode_process = require('./_polyfill-node.process-CiCTB0Ck.js');
 
 var useAssert$1 = {};
 

package/dist/{useAssert-AK3gYz5S.js → useAssert-Dta8BhS_.js}

@@ -1,5 +1,5 @@
-import { a as getAugmentedNamespace, c as commonjsGlobal } from './_commonjsHelpers-Y9msgNsl.js';
-import { _ as _polyfillNode_process } from './_polyfill-node.process-DNKbwS6u.js';
+import { a as getAugmentedNamespace, c as commonjsGlobal } from './_commonjsHelpers-C_-0bU2G.js';
+import { _ as _polyfillNode_process } from './_polyfill-node.process-BizOZKnf.js';
 
 var useAssert$1 = {};
 

package/dist/{useBatchSelect-HjUCY17B.js → useBatchSelect-Bbc7h-da.js}

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

package/dist/{useBatchSelect-BvgUrvly.js → useBatchSelect-DfzgVg0N.js}

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

package/dist/{useIsMounted-JQDd6fKH.js → useIsMounted-DLa_sI9C.js}

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

package/dist/{useIsMounted-C8IfTRS0.js → useIsMounted-DYSFdj5s.js}

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

package/dist/{useResizeObserver-gtYFjqER.js → useResizeObserver-Bt7of2d6.js}

@@ -1,6 +1,6 @@
-import { a as getAugmentedNamespace, c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-Y9msgNsl.js';
+import { a as getAugmentedNamespace, c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-C_-0bU2G.js';
 import React from 'react';
-import { a as throttle_1 } from './throttle-B0-U-NXB.js';
+import { a as throttle_1 } from './throttle-B_tNTd7G.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/{useResizeObserver-Bi6kU-Oh.js → useResizeObserver-CXT5GFDg.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-Cgrobgtz.js');
+var _commonjsHelpers = require('./_commonjsHelpers-CgKDug6z.js');
 var React = require('react');
-var throttle$1 = require('./throttle-CBftXcTS.js');
+var throttle$1 = require('./throttle-DahaSVUK.js');
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/{useResponsiveSizing-DE6bpFpa.js → useResponsiveSizing-BNZr0NrC.js}

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

package/dist/{useResponsiveSizing-B4EHqa9L.js → useResponsiveSizing-WtRnujX5.js}

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

package/dist/{useScrollToActive-xzYxEaqe.js → useScrollToActive-Adr0SqcF.js}

@@ -1,13 +1,13 @@
 import React, { useRef, useId, useState, useEffect } from 'react';
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-Y9msgNsl.js';
-import { _ as _overRest, a as _setToString, b as _baseFlatten } from './_setToString-DF3vPyvg.js';
-import { b as _arrayMap, c as _baseGet, i as identity_1, e as eq_1, d as _isIndex } from './_defineProperty-CbZRTeG-.js';
-import { _ as _baseEach, a as _baseIteratee } from './_baseEach-CNYxRtwC.js';
-import { c as isArrayLike_1, g as _baseUnary, b as isArray_1 } from './_getTag-CihVgkSP.js';
-import { i as isSymbol_1 } from './isSymbol--94TIA30.js';
-import { i as isObject_1 } from './isObjectLike-CauXJFNr.js';
-import { a as debounce } from './debounce-CvMRD-kP.js';
-import { I as Icon } from './Icon-Ce2too_I.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-C_-0bU2G.js';
+import { _ as _overRest, a as _setToString, b as _baseFlatten } from './_setToString-zO8GCYup.js';
+import { b as _arrayMap, c as _baseGet, i as identity_1, e as eq_1, d as _isIndex } from './_defineProperty-CGICsf-Z.js';
+import { _ as _baseEach, a as _baseIteratee } from './_baseEach-D7Wv4SNt.js';
+import { c as isArrayLike_1, g as _baseUnary, b as isArray_1 } from './_getTag-RbAOAtdi.js';
+import { i as isSymbol_1 } from './isSymbol-Brdz3x-m.js';
+import { i as isObject_1 } from './isObjectLike-DJ9pm7V7.js';
+import { a as debounce } from './debounce-AYcpZv3c.js';
+import { I as Icon } from './Icon-Rg4OSYoL.js';
 import { usePopper } from 'react-popper';
 
 var baseEach = _baseEach,

package/dist/{useScrollToActive-CwOcmWHC.js → useScrollToActive-Bbd2ic_a.js}

@@ -1,15 +1,15 @@
 'use strict';
 
 var React = require('react');
-var _commonjsHelpers = require('./_commonjsHelpers-Cgrobgtz.js');
-var _setToString = require('./_setToString-DEmm_tZv.js');
-var _defineProperty = require('./_defineProperty-Bm5Aw_l7.js');
-var _baseEach = require('./_baseEach-DCHeLabi.js');
-var _getTag = require('./_getTag-KTIKnG8_.js');
-var isSymbol$1 = require('./isSymbol-BjAfIomf.js');
-var isObjectLike = require('./isObjectLike-BmckOUuw.js');
-var debounce = require('./debounce-CQsPhYD6.js');
-var Icon = require('./Icon-BNoRfyeY.js');
+var _commonjsHelpers = require('./_commonjsHelpers-CgKDug6z.js');
+var _setToString = require('./_setToString-BfgaGy1k.js');
+var _defineProperty = require('./_defineProperty-CfR_lZqi.js');
+var _baseEach = require('./_baseEach-DIJOXzlQ.js');
+var _getTag = require('./_getTag-Bldljkx2.js');
+var isSymbol$1 = require('./isSymbol-_8Usoq8d.js');
+var isObjectLike = require('./isObjectLike-DOIAlxkG.js');
+var debounce = require('./debounce-DEjsEV7v.js');
+var Icon = require('./Icon-CAkL6fde.js');
 var reactPopper = require('react-popper');
 
 var baseEach = _baseEach._baseEach,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "5.18.1-JOB-99089.2+47ed8973",
+  "version": "5.19.0",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -487,5 +487,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "47ed8973b785c0bdd008a67a1accf7eeeb590d9c"
+  "gitHead": "764b2182d7d427f154a1fcc201d2744f9a430caa"
 }