@jobber/components 5.3.2-rework-bas.15 → 5.3.2-rework-bas.17

package/dist/styles.css

@@ -1351,7 +1351,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   height: var(--space-larger);
   box-shadow: 0px 0px 4px 2px rgba(1, 41, 57, 0.4);
   border: solid hsl(198, 25%, 33%);
-  border: solid var(--color-blue--light);
+  border: solid var(--color-inactive);
   border-top-color: rgba(255, 255, 255, 1);
   border-top-color: var(--color-white);
   border-width: calc((16px / 2) * 0.75);
@@ -1359,8 +1359,8 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   border-width: calc(var(--space-small) * 0.75);
   border-radius: 100%;
   border-radius: var(--radius-circle);
-  background-color: hsl(200, 13%, 87%);
-  background-color: var(--color-blue--lightest);
+  background-color: hsl(195, 12%, 94%);
+  background-color: var(--color-inactive--surface);
   -webkit-animation-duration: calc(500ms * 2);
   -webkit-animation-duration: calc(var(--timing-slowest) * 2);
           animation-duration: calc(500ms * 2);
@@ -2315,7 +2315,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 .S4ILp9Wc1GY- {
   --checkbox--size: 20px;
   --checkbox--border--checked: var(--color-interactive);
-  --checkbox--border--unchecked: var(--color-border);
+  --checkbox--border--unchecked: var(--field--border-color);
   --checkbox--border--hover: var(--color-interactive);
   display: inline-block;
 }
@@ -2562,7 +2562,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 .SmUxkzpIC84-:focus-visible,
 .Mux23dmZSuw-.SmUxkzpIC84-:hover,
 .Mux23dmZSuw-.SmUxkzpIC84-:focus-visible {
-  background-color: hsl(49, 7%, 70%);
+  background-color: hsl(51, 17%, 85%);
   background-color: var(--color-surface--background--hover);
   --chip--gradient-color-variation: var(--color-surface--background--hover);
   --chip--gradient-color-variation--hover: var(
@@ -3255,7 +3255,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   --glimmer-shine: rgba(var(--color-white--rgb), var(--glimmer-shine-opacity));
   --glimmer-shine-opacity: 80%;
   --duration-base: calc(var(--timing-slowest) * 4); /* 2s */
-  --duration-fast: calc(var(--duration-base) / 2); /* 1s */
+  --duration-fast: calc(var(--duration-base) / 2);
 
   width: 100%;
   height: 100%;
@@ -3286,12 +3286,27 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   background-size: calc(16px * 4) 100%;
   background-size: var(--space-extravagant) 100%;
   -webkit-animation: FXzzrJAf890- 2s infinite linear;
-          animation: FXzzrJAf890- 2s infinite linear;
+          animation: FXzzrJAf890- 2s infinite linear; /* 1s */
 }@supports (color: rgb(0 0 0 / 0.5)) and (color: hsl(0 0% 0% / 0.5)) {.FXzzrJAf890- {
   --glimmer-background: rgba(var(--color-black--rgb), 5%);
 }
 }
 
+@media screen and (prefers-color-scheme: dark) {
+
+.FXzzrJAf890- {
+    --glimmer-background: rgba(var(--color-white--rgb) 10%);
+    --glimmer-shine-opacity: 25%;
+}
+
+@supports (color: rgb(0 0 0 / 0.5)) and (color: hsl(0 0% 0% / 0.5)) {
+
+.FXzzrJAf890- {
+    --glimmer-background: rgba(var(--color-white--rgb), 10%);
+}
+  }
+  }
+
 .s9bG0yRJR3A- {
   --glimmer-background: rgba(var(--color-white--rgb) 10%);
   --glimmer-shine-opacity: 25%;
@@ -3304,6 +3319,24 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 }
 }
 
+@media screen and (prefers-color-scheme: dark) {
+
+.s9bG0yRJR3A- {
+    --glimmer-background: rgba(var(--color-black--rgb) 5%);
+    --glimmer-shine: rgba(
+      var(--color-white--rgb),
+      var(--glimmer-shine-opacity)
+    );
+}
+
+@supports (color: rgb(0 0 0 / 0.5)) and (color: hsl(0 0% 0% / 0.5)) {
+
+.s9bG0yRJR3A- {
+    --glimmer-background: rgba(var(--color-black--rgb), 5%);
+}
+  }
+  }
+
 @-webkit-keyframes FXzzrJAf890- {
   0%,
   20% {
@@ -4485,17 +4518,17 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 }
 
 ._8RuKvOhj-Ro- {
-  color: hsl(198, 35%, 21%);
-  color: var(--color-greyBlue--dark);
+  color: hsl(197, 90%, 12%);
+  color: var(--color-heading);
   background-color: hsl(195, 12%, 94%);
-  background-color: var(--color-greyBlue--lightest);
+  background-color: var(--color-inactive--surface);
 }
 
 ._2vEF1nvVWm8- {
   color: hsl(6, 100%, 24%);
-  color: var(--color-red--dark);
+  color: var(--color-critical--onSurface);
   background-color: hsl(7, 63%, 95%);
-  background-color: var(--color-red--lightest);
+  background-color: var(--color-critical--surface);
 }
 
 .Wt305sIAeoE- {
@@ -4505,32 +4538,36 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   background-color: var(--color-orange--lightest);
 }
 
-.F8KkNxz8W3A- {
+.F8KkNxz8W3A-,
+.LJQb00ufiyQ- {
   color: hsl(107, 64%, 16%);
-  color: var(--color-green--dark);
+  color: var(--color-success--onSurface);
   background-color: hsl(109, 28%, 92%);
-  background-color: var(--color-green--lightest);
+  background-color: var(--color-success--surface);
 }
 
-.URZZoKSX4So- {
-  color: hsl(198, 96%, 9%);
-  color: var(--color-blue--dark);
-  background-color: hsl(200, 13%, 87%);
-  background-color: var(--color-blue--lightest);
+.URZZoKSX4So-,
+.c6sFmqajaYE- {
+  color: hsl(197, 90%, 12%);
+  color: var(--color-inactive--onSurface);
+  background-color: hsl(195, 12%, 94%);
+  background-color: var(--color-inactive--surface);
 }
 
-.OeLBV-9i0Rs- {
-  color: hsl(206, 61%, 23%);
-  color: var(--color-navy--dark);
+.OeLBV-9i0Rs-,
+.BAQHvQZjbyA- {
+  color: hsl(198, 35%, 21%);
+  color: var(--color-task--onSurface);
   background-color: hsl(195, 12%, 94%);
-  background-color: var(--color-navy--lightest);
+  background-color: var(--color-task--surface);
 }
 
-._2Xwx5tarf1w- {
-  color: hsl(51, 64%, 32%);
-  color: var(--color-yellow--dark);
-  background-color: hsl(49, 67%, 95%);
-  background-color: var(--color-yellow--lightest);
+._2Xwx5tarf1w-,
+.VYi1KJGzm9U- {
+  color: hsl(51, 64%, 24%);
+  color: var(--color-warning--onSurface);
+  background-color: hsl(52, 64%, 89%);
+  background-color: var(--color-warning--surface);
 }
 
 .iCqIjI7GkEk- {
@@ -4540,18 +4577,20 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   background-color: var(--color-lime--lightest);
 }
 
-._4iEIjiZj9oA- {
-  color: hsl(347, 41%, 18%);
-  color: var(--color-purple--dark);
-  background-color: rgb(237, 234, 246);
-  background-color: var(--color-purple--lightest);
+._4iEIjiZj9oA-,
+.vS3TEIwvOts- {
+  color: hsl(206, 61%, 23%);
+  color: var(--color-invoice--onSurface);
+  background-color: hsl(207, 87%, 94%);
+  background-color: var(--color-invoice--surface);
 }
 
-.JRW9QFSjLTA- {
+.JRW9QFSjLTA-,
+.D8txxeUYzFs- {
   color: hsl(348, 40%, 27%);
-  color: var(--color-pink--dark);
+  color: var(--color-quote--onSurface);
   background-color: hsl(347, 33%, 95%);
-  background-color: var(--color-pink--lightest);
+  background-color: var(--color-quote--surface);
 }
 
 .fbhprd-Gl8k- {
@@ -4561,32 +4600,35 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   background-color: var(--color-teal--lightest);
 }
 
-.yrF9aZSaTdw- {
-  color: hsl(79, 86%, 27%);
-  color: var(--color-yellowGreen--dark);
-  background-color: hsl(79, 49%, 90%);
-  background-color: var(--color-yellowGreen--lightest);
+.yrF9aZSaTdw-,
+.vn6HwAFptJ4- {
+  color: hsl(107, 65%, 24%);
+  color: var(--color-job--onSurface);
+  background-color: hsl(109, 28%, 92%);
+  background-color: var(--color-job--surface);
 }
 
 .RPvjah0FdjI- {
-  color: rgba(255, 255, 255, 1);
-  color: var(--color-white);
-  background-color: hsl(198, 25%, 33%);
-  background-color: var(--color-blue--light);
+  color: hsl(200, 13%, 87%);
+  color: var(--color-text--reverse--secondary);
+  background-color: hsl(198, 35%, 21%);
+  background-color: var(--color-surface--reverse);
 }
 
-.apwauWJ6ITc- {
-  color: hsl(207, 61%, 45%);
-  color: var(--color-lightBlue--dark);
+.apwauWJ6ITc-,
+.CcbIpjwK7jU- {
+  color: hsl(207, 61%, 34%);
+  color: var(--color-informative--onSurface);
   background-color: hsl(207, 87%, 94%);
-  background-color: var(--color-lightBlue--lightest);
+  background-color: var(--color-informative--surface);
 }
 
-.n8qJynvE-n0- {
-  color: rgb(55, 69, 132);
-  color: var(--color-indigo--dark);
-  background-color: rgb(230, 233, 247);
-  background-color: var(--color-indigo--lightest);
+.n8qJynvE-n0-,
+.Y-cTpwjcfOA- {
+  color: hsl(33, 72%, 20%);
+  color: var(--color-request--onSurface);
+  background-color: hsl(34, 76%, 92%);
+  background-color: var(--color-request--surface);
 }
 
 .fLmJZJJqMcE- {
@@ -6067,7 +6109,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 }
 ._8kgzU28z2Eo- .react-datepicker__day--outside-month:hover,
 ._8kgzU28z2Eo- .react-datepicker__day--outside-month:focus {
-  background: hsl(49, 7%, 70%);
+  background: hsl(51, 17%, 85%);
   background: var(--color-surface--background--hover);
 }
 ._8kgzU28z2Eo- .react-datepicker__day:focus {
@@ -6468,8 +6510,8 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   height: calc(48px / 2);
   height: calc(var(--switch--width) / 2);
   padding: 0;
-  border: calc(16px / 8) solid hsl(200, 13%, 87%);
-  border: var(--border-thick) solid var(--color-border);
+  border: calc(16px / 8) solid var(--field--border-color);
+  border: var(--border-thick) solid var(--field--border-color);
   border-radius: 16px;
   border-radius: var(--switch--pipSize);
   overflow: hidden;
@@ -7473,7 +7515,7 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
 
 .C4DznaxLKiw-:hover,
 .C4DznaxLKiw-:focus {
-  background-color: hsl(49, 7%, 70%);
+  background-color: hsl(51, 17%, 85%);
   background-color: var(--color-surface--background--hover);
 }
 
@@ -7884,8 +7926,8 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
   box-sizing: border-box;
   margin-right: calc(16px / 2);
   margin-right: var(--space-small);
-  border: calc(16px / 8) solid hsl(200, 13%, 87%);
-  border: var(--border-thick) solid var(--color-border);
+  border: calc(16px / 8) solid var(--field--border-color);
+  border: var(--border-thick) solid var(--field--border-color);
   border-radius: 100%;
   background-color: rgba(255, 255, 255, 1);
   background-color: var(--color-surface);

package/dist/{useActiveLayout-DZAobnJC.js → useActiveLayout-DhdWTrgy.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var useResponsiveSizing = require('./useResponsiveSizing-BsBDi6TE.js');
-var DataListContext = require('./DataListContext-B9QUzsRa.js');
+var useResponsiveSizing = require('./useResponsiveSizing-Cw2ceboJ.js');
+var DataListContext = require('./DataListContext-IVdDzIMM.js');
 
 function useActiveLayout() {
     const { layoutBreakpoints, layouts } = DataListContext.useDataListContext();

package/dist/{useActiveLayout-DcTjfLOK.js → useActiveLayout-MvLU5uP5.js}

@@ -1,5 +1,5 @@
-import { u as useResponsiveSizing } from './useResponsiveSizing-CWwnd6hj.js';
-import { u as useDataListContext } from './DataListContext-4Wto-lBs.js';
+import { u as useResponsiveSizing } from './useResponsiveSizing-B5okxL_Y.js';
+import { u as useDataListContext } from './DataListContext-Dce_S-bn.js';
 
 function useActiveLayout() {
     const { layoutBreakpoints, layouts } = useDataListContext();

package/dist/{useAssert-4zy8wYyJ.js → useAssert-Bf34Hfl7.js}

@@ -1,5 +1,5 @@
-import { a as getAugmentedNamespace, c as commonjsGlobal } from './_commonjsHelpers-BBInCGNx.js';
-import { _ as _polyfillNode_process } from './_polyfill-node.process-D5lNNh__.js';
+import { a as getAugmentedNamespace, c as commonjsGlobal } from './_commonjsHelpers-BkcGFqYQ.js';
+import { _ as _polyfillNode_process } from './_polyfill-node.process-DDz-WUXV.js';
 
 var useAssert$1 = {};
 

package/dist/{useAssert-DCrCWlvy.js → useAssert-C_Ma1VKV.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-DkbQDzu5.js');
-var _polyfillNode_process = require('./_polyfill-node.process-CQQ6kQYT.js');
+var _commonjsHelpers = require('./_commonjsHelpers-DjwNqvcR.js');
+var _polyfillNode_process = require('./_polyfill-node.process-DINDwtUQ.js');
 
 var useAssert$1 = {};
 

package/dist/{useBatchSelect-ERla1mkj.js → useBatchSelect-DsZghavZ.js}

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

package/dist/{useBatchSelect-Cry-S-T2.js → useBatchSelect-dEalIVux.js}

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

package/dist/{useIsMounted-DCb3SJKl.js → useIsMounted-79qGXzCx.js}

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

package/dist/{useIsMounted-HqmEZXtC.js → useIsMounted-UKJM6r30.js}

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

package/dist/{useResizeObserver-CIhCH2We.js → useResizeObserver-ARJNMcBx.js}

@@ -1,7 +1,7 @@
-import { a as getAugmentedNamespace, c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-BBInCGNx.js';
+import { a as getAugmentedNamespace, c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-BkcGFqYQ.js';
 import React from 'react';
-import { a as debounce_1 } from './debounce-D_erIGLc.js';
-import { b as isObject_1 } from './isObjectLike-5Yxy6fLR.js';
+import { a as debounce_1 } from './debounce-CSB9-15C.js';
+import { b as isObject_1 } from './isObjectLike-gffrXWyM.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/{useResizeObserver-CP591eRG.js → useResizeObserver-D-W5Fhhb.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-DkbQDzu5.js');
+var _commonjsHelpers = require('./_commonjsHelpers-DjwNqvcR.js');
 var React = require('react');
-var debounce$1 = require('./debounce-DLeOf2fY.js');
-var isObjectLike = require('./isObjectLike-DfkUEu3m.js');
+var debounce$1 = require('./debounce-CsM6tJtE.js');
+var isObjectLike = require('./isObjectLike-wl4qLxZo.js');
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/{useResponsiveSizing-CWwnd6hj.js → useResponsiveSizing-B5okxL_Y.js}

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

package/dist/{useResponsiveSizing-BsBDi6TE.js → useResponsiveSizing-Cw2ceboJ.js}

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

package/dist/{useScrollToActive-CPt1byCQ.js → useScrollToActive-BOUwIOub.js}

@@ -1,13 +1,13 @@
 import React, { useRef, useId, useState, useEffect } from 'react';
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-BBInCGNx.js';
-import { _ as _overRest, a as _setToString, b as _baseFlatten } from './_setToString-DetJJgm1.js';
-import { b as _arrayMap, c as _baseGet, i as identity_1, e as eq_1, d as _isIndex } from './_defineProperty-yROxxeIQ.js';
-import { _ as _baseEach, a as _baseIteratee } from './_baseEach-BYGWL3UR.js';
-import { c as isArrayLike_1, g as _baseUnary, b as isArray_1 } from './_getTag-BsEys0p9.js';
-import { i as isSymbol_1 } from './isSymbol-Bd4YYMm9.js';
-import { b as isObject_1 } from './isObjectLike-5Yxy6fLR.js';
-import { d as debounce } from './debounce-D_erIGLc.js';
-import { I as Icon } from './Icon-CdIpGMVI.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-BkcGFqYQ.js';
+import { _ as _overRest, a as _setToString, b as _baseFlatten } from './_setToString-BiaBj7vF.js';
+import { b as _arrayMap, c as _baseGet, i as identity_1, e as eq_1, d as _isIndex } from './_defineProperty-DVwZJ_KU.js';
+import { _ as _baseEach, a as _baseIteratee } from './_baseEach-B8PZNHQa.js';
+import { c as isArrayLike_1, g as _baseUnary, b as isArray_1 } from './_getTag-BhCT5e46.js';
+import { i as isSymbol_1 } from './isSymbol-CYvSwS__.js';
+import { b as isObject_1 } from './isObjectLike-gffrXWyM.js';
+import { d as debounce } from './debounce-CSB9-15C.js';
+import { I as Icon } from './Icon-CHMOREtt.js';
 import { usePopper } from 'react-popper';
 
 var baseEach = _baseEach,

package/dist/{useScrollToActive-DRrmF9h1.js → useScrollToActive-ODG1dqAk.js}

@@ -1,15 +1,15 @@
 'use strict';
 
 var React = require('react');
-var _commonjsHelpers = require('./_commonjsHelpers-DkbQDzu5.js');
-var _setToString = require('./_setToString-CDJ9SAXh.js');
-var _defineProperty = require('./_defineProperty-oPGyFi-N.js');
-var _baseEach = require('./_baseEach-bhFQwesh.js');
-var _getTag = require('./_getTag-BI4ZirVc.js');
-var isSymbol$1 = require('./isSymbol-ouiSvPYj.js');
-var isObjectLike = require('./isObjectLike-DfkUEu3m.js');
-var debounce = require('./debounce-DLeOf2fY.js');
-var Icon = require('./Icon-BrLf8QVP.js');
+var _commonjsHelpers = require('./_commonjsHelpers-DjwNqvcR.js');
+var _setToString = require('./_setToString-CFBdpt3X.js');
+var _defineProperty = require('./_defineProperty-COeXHQYr.js');
+var _baseEach = require('./_baseEach-C_K7BiqL.js');
+var _getTag = require('./_getTag-RaBsJ1no.js');
+var isSymbol$1 = require('./isSymbol-YTvyqtoc.js');
+var isObjectLike = require('./isObjectLike-wl4qLxZo.js');
+var debounce = require('./debounce-CsM6tJtE.js');
+var Icon = require('./Icon-DWEH7WsM.js');
 var reactPopper = require('react-popper');
 
 var baseEach = _baseEach._baseEach,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "5.3.2-rework-bas.15+c28114c0",
+  "version": "5.3.2-rework-bas.17+384ab437",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -402,7 +402,7 @@
     "dist/*"
   ],
   "dependencies": {
-    "@jobber/design": "^0.57.3-rework-bas.29+c28114c0",
+    "@jobber/design": "^0.57.3-rework-bas.31+384ab437",
     "@jobber/formatters": "^0.3.0",
     "@jobber/hooks": "^2.9.5",
     "@popperjs/core": "^2.0.6",
@@ -482,5 +482,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "c28114c048bdedf4a8153e69b6d4c0f3bc20e4ba"
+  "gitHead": "384ab4372aab07074ca46197fc6583936a071d20"
 }