@jobber/components 5.16.2-move-compo.3 → 5.16.2-move-compo.11

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;
@@ -931,9 +856,12 @@
   background: linear-gradient(to bottom, transparent, var(--color-surface) 60%);
 }
 
+:root {
+  --public--button--color-variation: var(--color-interactive);
+  --public--button--color-variation--hover: var(--color-interactive--hover);
+}
+
 .U9VsquOtk2I- {
-  --button--color-variation: var(--color-interactive);
-  --button--color-variation--hover: var(--color-interactive--hover);
   --button--color-surface: var(--color-surface);
   --button--color-surface--hover: var(--color-surface--hover);
   --button--color-primaryLabel: var(--color-surface);
@@ -947,11 +875,10 @@
   min-height: var(--button--size);
   box-sizing: border-box;
   margin: 0;
-  border: calc(16px / 16) solid hsl(107, 58%, 33%);
+  border: calc(16px / 16) solid var(--button--color-variation);
   border: var(--border-base) solid var(--button--color-variation);
   border-radius: 8px;
   border-radius: var(--radius-base);
-  color: hsl(107, 58%, 33%);
   color: var(--button--color-variation);
   -webkit-font-smoothing: antialiased;
   line-height: 1;
@@ -966,7 +893,6 @@
   transition: all var(--timing-base) ease-out;
   -webkit-appearance: none;
           appearance: none;
-  fill: hsl(107, 58%, 33%);
   fill: var(--button--color-variation);
   -ms-flex-align: center;
       align-items: center;
@@ -1407,8 +1333,12 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   vertical-align: middle;
 }
 
+:root {
+  --public--avatar-size: 32px;
+}
+
 .WniTNadEyPk- {
-  --avatar-size: 32px;
+  --avatar-size: var(--public--avatar-size);
   --avatar-border-size: var(--border-base);
 
   display: -ms-flexbox;
@@ -7125,6 +7055,22 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
   box-shadow: var(--shadow-base);
 }
 
+/**
+ * This class is added to the root html element when opening a LightBox.
+ * When the user tries to print the page, this prevents the LightBox content
+ * from being duplicated multiple times.
+ */
+@media print {
+html.atlantisLightBoxActive {
+    overflow: hidden;
+
+    body {
+      position: absolute;
+      height: 100%;
+      overflow: hidden;
+    }
+}
+  }
 ._3JgBCebdbNU-,
 .JJOBEL7d-10- {
   display: -ms-flexbox;
@@ -7136,17 +7082,14 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
   -webkit-transform: translateY(-50%);
           transform: translateY(-50%);
 }
-
 ._3JgBCebdbNU- {
   right: calc(16px * 1);
   right: var(--space-base);
 }
-
 .JJOBEL7d-10- {
   left: calc(16px * 1);
   left: var(--space-base);
 }
-
 .fAep1A-0xIU- {
   display: -ms-flexbox;
   display: flex;
@@ -7162,7 +7105,6 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
   -ms-flex-direction: column;
       flex-direction: column;
 }
-
 .AfUUWErd5S4- {
   display: -ms-flexbox;
   display: flex;
@@ -7179,14 +7121,12 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
   -ms-flex-pack: justify;
       justify-content: space-between;
 }
-
 .ysUYbBTaORk- {
   display: -ms-inline-flexbox;
   display: inline-flex;
   -ms-flex-align: center;
       align-items: center;
 }
-
 .GSOVtN1Y3IU- {
   display: -ms-flexbox;
   display: flex;
@@ -7197,7 +7137,6 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
       flex: 1 1 0;
   min-height: 0;
 }
-
 .-V917BdNqSs- {
   position: fixed;
   top: 0;
@@ -7207,7 +7146,6 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
   background-color: rgba(0, 0, 0, 0.32);
   background-color: var(--color-overlay);
 }
-
 .sjwUjzb3a5c- {
   position: absolute;
   top: 50%;
@@ -7805,6 +7743,23 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
   margin-bottom: var(--space-base);
 }
 
+.Rwavr8hZaCg- {
+  display: -ms-flexbox;
+  display: flex;
+  margin-bottom: calc(16px * 1);
+  margin-bottom: var(--space-base);
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  gap: calc(16px * 1);
+  gap: var(--space-base);
+  -ms-flex-align: center;
+      align-items: center;
+}
+
+.Rwavr8hZaCg- h1 {
+  margin-bottom: 0;
+}
+
 .GCeQrLFyml4- > .KP-BTjB82iQ- {
   -ms-flex: 1 0 auto;
       flex: 1 0 auto;
@@ -8840,3 +8795,79 @@ ul.wdW31G8Trag- {
   padding-right: var(--tab--inset);
   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-BEgt_zda.js → throttle-BJwidGFw.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-BfqZwAHF.js');
-var debounce$1 = require('./debounce-CbzD8P60.js');
-var isObjectLike = require('./isObjectLike-DP92uyxK.js');
+var _commonjsHelpers = require('./_commonjsHelpers-D0a6RY0f.js');
+var debounce$1 = require('./debounce-B0iJdU3l.js');
+var isObjectLike = require('./isObjectLike-CL9lN4no.js');
 
 var debounce = debounce$1.debounce_1,
     isObject = isObjectLike.isObject_1;

package/dist/{throttle-loxYEIhR.js → throttle-gdLW85qR.js}

@@ -1,6 +1,6 @@
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-CzvZh53X.js';
-import { d as debounce_1 } from './debounce-C2fgB8l0.js';
-import { i as isObject_1 } from './isObjectLike-Bh1XSJx6.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-Bf5bG6eX.js';
+import { d as debounce_1 } from './debounce-Bop3VuA2.js';
+import { i as isObject_1 } from './isObjectLike-i8YarwgG.js';
 
 var debounce = debounce_1,
     isObject = isObject_1;

package/dist/{useActiveLayout-CLyfdqLH.js → useActiveLayout-BgbzsplQ.js}

@@ -1,5 +1,5 @@
-import { u as useResponsiveSizing } from './useResponsiveSizing-CMrcpl-N.js';
-import { u as useDataListContext } from './DataListContext-B6Gu9eCg.js';
+import { u as useResponsiveSizing } from './useResponsiveSizing-Cb9NPi8z.js';
+import { u as useDataListContext } from './DataListContext-rCsEA0x0.js';
 
 function useActiveLayout() {
     const { layoutBreakpoints, layouts } = useDataListContext();

package/dist/{useActiveLayout-2B1e-q1h.js → useActiveLayout-D5V6EP1D.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var useResponsiveSizing = require('./useResponsiveSizing-BBwLvv3G.js');
-var DataListContext = require('./DataListContext-BzYwjtKS.js');
+var useResponsiveSizing = require('./useResponsiveSizing-BlQnUDTJ.js');
+var DataListContext = require('./DataListContext-0rldwlTg.js');
 
 function useActiveLayout() {
     const { layoutBreakpoints, layouts } = DataListContext.useDataListContext();

package/dist/{useAssert-CGqndD4Q.js → useAssert-D0ZsMjaa.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-BfqZwAHF.js');
-var _polyfillNode_process = require('./_polyfill-node.process-BuKM6a_O.js');
+var _commonjsHelpers = require('./_commonjsHelpers-D0a6RY0f.js');
+var _polyfillNode_process = require('./_polyfill-node.process-BKpQgyoP.js');
 
 var useAssert$1 = {};
 

package/dist/{useAssert-y9P2XQAA.js → useAssert-mVztIl2Z.js}

@@ -1,5 +1,5 @@
-import { a as getAugmentedNamespace, c as commonjsGlobal } from './_commonjsHelpers-CzvZh53X.js';
-import { _ as _polyfillNode_process } from './_polyfill-node.process-BmYRvG9R.js';
+import { a as getAugmentedNamespace, c as commonjsGlobal } from './_commonjsHelpers-Bf5bG6eX.js';
+import { _ as _polyfillNode_process } from './_polyfill-node.process-CwWS2mnc.js';
 
 var useAssert$1 = {};
 

package/dist/{useBatchSelect-cbS1Chiy.js → useBatchSelect-B00q1b-A.js}

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

package/dist/{useBatchSelect-Dz-6V9hk.js → useBatchSelect-Cg3ULDXx.js}

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

package/dist/{useIsMounted-BcVjAbJQ.js → useIsMounted-BWEV5UZQ.js}

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

package/dist/{useIsMounted-ClgFc__8.js → useIsMounted-CDyF4jHj.js}

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

package/dist/{useResizeObserver-CLiAqyVi.js → useResizeObserver-CaSY_JzZ.js}

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

package/dist/{useResizeObserver-CikZQwls.js → useResizeObserver-JsFh-BTV.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-BfqZwAHF.js');
+var _commonjsHelpers = require('./_commonjsHelpers-D0a6RY0f.js');
 var React = require('react');
-var throttle$1 = require('./throttle-BEgt_zda.js');
+var throttle$1 = require('./throttle-BJwidGFw.js');
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/{useResponsiveSizing-BBwLvv3G.js → useResponsiveSizing-BlQnUDTJ.js}

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

package/dist/{useResponsiveSizing-CMrcpl-N.js → useResponsiveSizing-Cb9NPi8z.js}

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

package/dist/{useScrollToActive-BrhCfZpU.js → useScrollToActive-CAaXIuQY.js}

@@ -1,15 +1,15 @@
 'use strict';
 
 var React = require('react');
-var _commonjsHelpers = require('./_commonjsHelpers-BfqZwAHF.js');
-var _setToString = require('./_setToString-DFRLyKrE.js');
-var _defineProperty = require('./_defineProperty-CZLGeRRp.js');
-var _baseEach = require('./_baseEach-CGQz8nud.js');
-var _getTag = require('./_getTag-WttZCJ8X.js');
-var isSymbol$1 = require('./isSymbol-Cd4Jt4FA.js');
-var isObjectLike = require('./isObjectLike-DP92uyxK.js');
-var debounce = require('./debounce-CbzD8P60.js');
-var Icon = require('./Icon-DQi2LvzA.js');
+var _commonjsHelpers = require('./_commonjsHelpers-D0a6RY0f.js');
+var _setToString = require('./_setToString-BI4xYmRw.js');
+var _defineProperty = require('./_defineProperty-O8q-Kijz.js');
+var _baseEach = require('./_baseEach-DhHZoObd.js');
+var _getTag = require('./_getTag-BX0EnDzj.js');
+var isSymbol$1 = require('./isSymbol-CfMwQUsv.js');
+var isObjectLike = require('./isObjectLike-CL9lN4no.js');
+var debounce = require('./debounce-B0iJdU3l.js');
+var Icon = require('./Icon-DiVG_CNA.js');
 var reactPopper = require('react-popper');
 
 var baseEach = _baseEach._baseEach,

package/dist/{useScrollToActive-DxaztT9M.js → useScrollToActive-DS-O4-x1.js}

@@ -1,13 +1,13 @@
 import React, { useRef, useId, useState, useEffect } from 'react';
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-CzvZh53X.js';
-import { _ as _overRest, a as _setToString, b as _baseFlatten } from './_setToString-BZ0_qF8C.js';
-import { b as _arrayMap, c as _baseGet, i as identity_1, e as eq_1, d as _isIndex } from './_defineProperty-BD8gPc1V.js';
-import { _ as _baseEach, a as _baseIteratee } from './_baseEach-CgKsKOwK.js';
-import { c as isArrayLike_1, g as _baseUnary, b as isArray_1 } from './_getTag-BnvFurpT.js';
-import { i as isSymbol_1 } from './isSymbol-D4jbWnNg.js';
-import { i as isObject_1 } from './isObjectLike-Bh1XSJx6.js';
-import { a as debounce } from './debounce-C2fgB8l0.js';
-import { I as Icon } from './Icon-D21QKn3T.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-Bf5bG6eX.js';
+import { _ as _overRest, a as _setToString, b as _baseFlatten } from './_setToString-lgYyI5rZ.js';
+import { b as _arrayMap, c as _baseGet, i as identity_1, e as eq_1, d as _isIndex } from './_defineProperty-C80YYIFU.js';
+import { _ as _baseEach, a as _baseIteratee } from './_baseEach-B9lcu-gt.js';
+import { c as isArrayLike_1, g as _baseUnary, b as isArray_1 } from './_getTag-DlE3Kez-.js';
+import { i as isSymbol_1 } from './isSymbol-CXiYxS8L.js';
+import { i as isObject_1 } from './isObjectLike-i8YarwgG.js';
+import { a as debounce } from './debounce-Bop3VuA2.js';
+import { I as Icon } from './Icon-ht6oW0aE.js';
 import { usePopper } from 'react-popper';
 
 var baseEach = _baseEach,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "5.16.2-move-compo.3+254aec1f",
+  "version": "5.16.2-move-compo.11+7fb26a35",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -407,9 +407,9 @@
     "dist/*"
   ],
   "dependencies": {
-    "@jobber/design": "^0.61.0",
+    "@jobber/design": "^0.62.1",
     "@jobber/formatters": "^0.3.0",
-    "@jobber/hooks": "^2.9.8",
+    "@jobber/hooks": "^2.10.1",
     "@popperjs/core": "^2.0.6",
     "@std-proposal/temporal": "0.0.1",
     "@tanstack/react-table": "8.5.13",
@@ -487,5 +487,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "254aec1fdffad7bfe2c96b66cc89f39facf86ea2"
+  "gitHead": "7fb26a35e8dec3faea51ccecdfe95fb7b6588abf"
 }