@jobber/components 5.1.5 → 5.2.0

package/dist/{isObjectLike-CKVZa-cM.js → isObjectLike-JstvtTq0.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-BGCqE92r.js');
+var _commonjsHelpers = require('./_commonjsHelpers-nhjdfSrh.js');
 
 /**
  * Checks if `value` is the

package/dist/{isObjectLike-DUaq_9Xk.js → isObjectLike-srkRoDpL.js}

@@ -1,4 +1,4 @@
-import { c as commonjsGlobal } from './_commonjsHelpers-CXHNZgRE.js';
+import { c as commonjsGlobal } from './_commonjsHelpers-DbzqrCSE.js';
 
 /**
  * Checks if `value` is the

package/dist/{isSymbol-Dcl-_X3Q.js → isSymbol-B8nwmBwI.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var isObjectLike$1 = require('./isObjectLike-CKVZa-cM.js');
+var isObjectLike$1 = require('./isObjectLike-JstvtTq0.js');
 
 var baseGetTag = isObjectLike$1._baseGetTag,
     isObjectLike = isObjectLike$1.isObjectLike_1;

package/dist/{isSymbol-kZMPVIgZ.js → isSymbol-Bqm7fAbO.js}

@@ -1,4 +1,4 @@
-import { _ as _baseGetTag, i as isObjectLike_1 } from './isObjectLike-DUaq_9Xk.js';
+import { _ as _baseGetTag, i as isObjectLike_1 } from './isObjectLike-srkRoDpL.js';
 
 var baseGetTag = _baseGetTag,
     isObjectLike = isObjectLike_1;

package/dist/{noop-faQ-34Gi.js → noop-Cu2qHxd8.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-BGCqE92r.js');
+var _commonjsHelpers = require('./_commonjsHelpers-nhjdfSrh.js');
 
 /**
  * This method returns `undefined`.

package/dist/{noop-DEAmU1PF.js → noop-Cw7kHPL3.js}

@@ -1,4 +1,4 @@
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-CXHNZgRE.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-DbzqrCSE.js';
 
 /**
  * This method returns `undefined`.

package/dist/styles.css

@@ -528,9 +528,9 @@
   display: -ms-flexbox;
 
   display: flex;
+  -ms-flex-direction: column;
+      flex-direction: column;
   width: 100%;
-  height: calc(16px * 3);
-  height: var(--field--height);
   border: calc(16px / 16) solid rgb(218, 224, 226);
   border: var(--border-base) solid var(--field--border-color);
   border-radius: 8px;
@@ -564,6 +564,15 @@
   box-shadow: var(--shadow-focus);
 }
 
+.q7AxfhwVVBs- {
+  display: -ms-flexbox;
+  display: flex;
+  width: 100%;
+  height: var(--field--height);
+  -ms-flex: 1;
+      flex: 1;
+}
+
 .YhserUiOeFE-:not(:focus-within) input {
   color: var(--field--background-color);
   -webkit-text-fill-color: var(--field--background-color);
@@ -583,13 +592,17 @@
   --field--padding-top: calc(var(--space-large) + var(--space-smaller));
 }
 
-.nPGhTEEzsoU-.mgPacJ6Z71Y- {
+.nPGhTEEzsoU-.e4VYDAkWHAg- {
   --field--placeholder-offset: 0;
   --field--placeholder-transform: 0;
-  height: auto;
   min-height: auto;
 }
 
+.nPGhTEEzsoU-.mgPacJ6Z71Y- {
+  resize: vertical;
+  overflow: auto;
+}
+
 .gJ-15M615eY-,
 .gJ-15M615eY-:focus-within {
   --field--border-color: var(--color-critical);
@@ -685,7 +698,6 @@
   position: relative;
   z-index: var(--field--base-elevation);
   width: 100%;
-  height: 100%;
   padding-top: var(--field--padding-top);
   padding-bottom: var(--field--padding-bottom);
   padding-left: var(--field--padding-left);
@@ -706,8 +718,20 @@
   outline: none;
 }
 
+.mgPacJ6Z71Y- .Yo2Wi9dpa-Y- {
+  display: -ms-flexbox;
+  display: flex;
+  min-height: var(--field--height);
+  -ms-flex-direction: column;
+      flex-direction: column;
+}
+
 .mgPacJ6Z71Y- .LSHPV7PwOTg- {
-  resize: vertical;
+  -ms-flex: 1;
+      flex: 1;
+  resize: none;
+  scroll-padding-bottom: calc(16px * 1);
+  scroll-padding-bottom: var(--space-base);
 }
 
 .i31GQXcMz54- .LSHPV7PwOTg- {
@@ -754,14 +778,17 @@
   padding-right: calc(var(--field--padding-right) + var(--base-unit) * 2);
 }
 
+.e4VYDAkWHAg- ._3xREbTN5pPg- {
+  padding-top: var(--field--padding-top);
+  -webkit-transform: translateY(var(--field--placeholder-transform));
+          transform: translateY(var(--field--placeholder-transform));
+}
+
 .mgPacJ6Z71Y- ._3xREbTN5pPg- {
   /* Changes the width so that the scrollbar on the textarea doesn't get cut off */
   width: calc(100% - var(--field--padding-right));
-  padding-top: var(--field--padding-top);
   /* Remove padding on right to make use of the entire width */
   padding-right: 0;
-  -webkit-transform: translateY(var(--field--placeholder-transform));
-          transform: translateY(var(--field--placeholder-transform));
 }
 
 .UIZq8hTmJVU- ._3xREbTN5pPg-,
@@ -771,9 +798,12 @@
   font-size: var(--typography--fontSize-small);
 }
 
-.mgPacJ6Z71Y-.UIZq8hTmJVU- ._3xREbTN5pPg- {
+.e4VYDAkWHAg-.UIZq8hTmJVU- ._3xREbTN5pPg- {
   padding-top: calc(16px / 8);
   padding-top: var(--space-smallest);
+}
+
+.mgPacJ6Z71Y-.UIZq8hTmJVU- ._3xREbTN5pPg- {
   background-color: var(--field--background-color);
 }
 
@@ -821,19 +851,6 @@
   padding: 0 var(--field--padding-right) 0 var(--field--padding-left);
 }
 
-@supports (aspect-ratio: 1/1) {
-  .uPLklxvtfJw- {
-    /*
-     * disabling property-no-unknown here as this is a real property
-     * that stylelint just doesn't know about. We may be able to remove
-     * this when we update our stylelint to not care about IE11.
-     */
-    /* stylelint-disable-next-line property-no-unknown */
-    aspect-ratio: 1/1;
-    padding: 0;
-  }
-}
-
 .uPLklxvtfJw-.pYqqDvv57JE- {
   margin: 0 0 0 calc(var(--field--padding-right) * -1);
 }
@@ -872,6 +889,33 @@
   margin-top: var(--space-smaller);
 }
 
+._3GtIRFCkZMg- {
+  display: -ms-flexbox;
+  display: flex;
+  position: relative;
+  margin: calc(16px / 2) var(--field--padding-right) calc(16px * 1)
+    var(--field--padding-left);
+  margin: var(--space-small) var(--field--padding-right) var(--space-base)
+    var(--field--padding-left);
+}
+
+._3GtIRFCkZMg-::before {
+  content: "";
+  display: block;
+  position: absolute;
+  top: calc(-1.25 * (16px * 1));
+  top: calc(-1.25 * calc(16px * 1));
+  top: calc(-1.25 * var(--space-base));
+  right: 0;
+  left: 0;
+  z-index: 1;
+  z-index: var(--elevation-base);
+  height: calc(16px * 1);
+  height: var(--space-base);
+  background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 1) 60%);
+  background: linear-gradient(to bottom, transparent, var(--color-surface) 60%);
+}
+
 :root {
   --button--color-variation: var(--color-interactive);
   --button--color-variation--hover: var(--color-interactive--hover);
@@ -1225,15 +1269,6 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   }
 }
 
-._07kZJ5ltI5E- {
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-align: center;
-      align-items: center;
-  padding-left: calc(16px / 2);
-  padding-left: var(--space-small);
-}
-
 .t1fFX8kDJh8- {
   display: -ms-flexbox;
   display: flex;
@@ -1257,6 +1292,8 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
       justify-content: center;
   -ms-flex-align: center;
       align-items: center;
+  -webkit-transform: translateY(50%);
+          transform: translateY(50%);
 }
 
 .t1fFX8kDJh8-:focus {

package/dist/{useActiveLayout-C2kHKDZq.js → useActiveLayout-CGN3K-VZ.js}

@@ -1,5 +1,5 @@
-import { u as useResponsiveSizing } from './useResponsiveSizing-DqF8-X3g.js';
-import { u as useDataListContext } from './DataListContext-CFlcKIXp.js';
+import { u as useResponsiveSizing } from './useResponsiveSizing-BuCi04IC.js';
+import { u as useDataListContext } from './DataListContext-sNb5c-VJ.js';
 
 function useActiveLayout() {
     const { layoutBreakpoints, layouts } = useDataListContext();

package/dist/{useActiveLayout-Bf2w6crs.js → useActiveLayout-FejohWuZ.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var useResponsiveSizing = require('./useResponsiveSizing-DKXeizNO.js');
-var DataListContext = require('./DataListContext-CHu4mSVK.js');
+var useResponsiveSizing = require('./useResponsiveSizing-D8w0T9CC.js');
+var DataListContext = require('./DataListContext-CJevK_NE.js');
 
 function useActiveLayout() {
     const { layoutBreakpoints, layouts } = DataListContext.useDataListContext();

package/dist/{useAssert-DrH9pDVq.js → useAssert-S2g8GFSl.js}

@@ -1,5 +1,5 @@
-import { a as getAugmentedNamespace, c as commonjsGlobal } from './_commonjsHelpers-CXHNZgRE.js';
-import { _ as _polyfillNode_process } from './_polyfill-node.process-B_uzIWT6.js';
+import { a as getAugmentedNamespace, c as commonjsGlobal } from './_commonjsHelpers-DbzqrCSE.js';
+import { _ as _polyfillNode_process } from './_polyfill-node.process-BTv4F0Wu.js';
 
 var useAssert$1 = {};
 

package/dist/{useAssert-D7sH297m.js → useAssert-p1Un-QOQ.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-BGCqE92r.js');
-var _polyfillNode_process = require('./_polyfill-node.process-FtweimZa.js');
+var _commonjsHelpers = require('./_commonjsHelpers-nhjdfSrh.js');
+var _polyfillNode_process = require('./_polyfill-node.process-DpvXRb7o.js');
 
 var useAssert$1 = {};
 

package/dist/{useBatchSelect-Bb45vZFx.js → useBatchSelect-DQ10M64a.js}

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

package/dist/{useBatchSelect-D6IyqYwk.js → useBatchSelect-Dcb4mkPI.js}

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

package/dist/{useIsMounted-DRL5awNo.js → useIsMounted-hdjJs1tK.js}

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

package/dist/{useIsMounted-DvOxzjvA.js → useIsMounted-w5KblljD.js}

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

package/dist/{useResizeObserver-C2T3HfNI.js → useResizeObserver-httVe-Tj.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-BGCqE92r.js');
+var _commonjsHelpers = require('./_commonjsHelpers-nhjdfSrh.js');
 var React = require('react');
-var debounce$1 = require('./debounce-BRr5vqBr.js');
-var isObjectLike = require('./isObjectLike-CKVZa-cM.js');
+var debounce$1 = require('./debounce-Bnf4hEiS.js');
+var isObjectLike = require('./isObjectLike-JstvtTq0.js');
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/{useResizeObserver-TjulKkhA.js → useResizeObserver-qHokk_1R.js}

@@ -1,7 +1,7 @@
-import { a as getAugmentedNamespace, c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-CXHNZgRE.js';
+import { a as getAugmentedNamespace, c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-DbzqrCSE.js';
 import React from 'react';
-import { a as debounce_1 } from './debounce-DOSwR4tR.js';
-import { b as isObject_1 } from './isObjectLike-DUaq_9Xk.js';
+import { a as debounce_1 } from './debounce-B-2SBoHX.js';
+import { b as isObject_1 } from './isObjectLike-srkRoDpL.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/{useResponsiveSizing-DqF8-X3g.js → useResponsiveSizing-BuCi04IC.js}

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

package/dist/{useResponsiveSizing-DKXeizNO.js → useResponsiveSizing-D8w0T9CC.js}

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

package/dist/{useScrollToActive-CZ75uQKW.js → useScrollToActive-CPcpNMlD.js}

@@ -1,13 +1,13 @@
 import React, { useRef, useId, useState, useEffect } from 'react';
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-CXHNZgRE.js';
-import { _ as _overRest, a as _setToString, b as _baseFlatten } from './_setToString-CvEyG1A4.js';
-import { b as _arrayMap, c as _baseGet, i as identity_1, e as eq_1, d as _isIndex } from './_defineProperty-Bv6kiZu7.js';
-import { _ as _baseEach, a as _baseIteratee } from './_baseEach-BF7gudML.js';
-import { c as isArrayLike_1, g as _baseUnary, b as isArray_1 } from './_getTag-D0VqGIAO.js';
-import { i as isSymbol_1 } from './isSymbol-kZMPVIgZ.js';
-import { b as isObject_1 } from './isObjectLike-DUaq_9Xk.js';
-import { d as debounce } from './debounce-DOSwR4tR.js';
-import { I as Icon } from './Icon-Cx_Ktflt.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-DbzqrCSE.js';
+import { _ as _overRest, a as _setToString, b as _baseFlatten } from './_setToString-DexPDZlJ.js';
+import { b as _arrayMap, c as _baseGet, i as identity_1, e as eq_1, d as _isIndex } from './_defineProperty-3YJgsTOw.js';
+import { _ as _baseEach, a as _baseIteratee } from './_baseEach-C0EuzQ50.js';
+import { c as isArrayLike_1, g as _baseUnary, b as isArray_1 } from './_getTag-BkmsVho5.js';
+import { i as isSymbol_1 } from './isSymbol-Bqm7fAbO.js';
+import { b as isObject_1 } from './isObjectLike-srkRoDpL.js';
+import { d as debounce } from './debounce-B-2SBoHX.js';
+import { I as Icon } from './Icon-BtAyqPaM.js';
 import { usePopper } from 'react-popper';
 
 var baseEach = _baseEach,

package/dist/{useScrollToActive-BtLqaRcg.js → useScrollToActive-D7fSe936.js}

@@ -1,15 +1,15 @@
 'use strict';
 
 var React = require('react');
-var _commonjsHelpers = require('./_commonjsHelpers-BGCqE92r.js');
-var _setToString = require('./_setToString-BY_Dyddq.js');
-var _defineProperty = require('./_defineProperty-nt5f090m.js');
-var _baseEach = require('./_baseEach-BYIeuo3A.js');
-var _getTag = require('./_getTag-CGEy2hmg.js');
-var isSymbol$1 = require('./isSymbol-Dcl-_X3Q.js');
-var isObjectLike = require('./isObjectLike-CKVZa-cM.js');
-var debounce = require('./debounce-BRr5vqBr.js');
-var Icon = require('./Icon-D68T3kRf.js');
+var _commonjsHelpers = require('./_commonjsHelpers-nhjdfSrh.js');
+var _setToString = require('./_setToString-CO8cXagN.js');
+var _defineProperty = require('./_defineProperty-B5IFq25F.js');
+var _baseEach = require('./_baseEach-DWl-ytXs.js');
+var _getTag = require('./_getTag-B6gaTb-i.js');
+var isSymbol$1 = require('./isSymbol-B8nwmBwI.js');
+var isObjectLike = require('./isObjectLike-JstvtTq0.js');
+var debounce = require('./debounce-Bnf4hEiS.js');
+var Icon = require('./Icon-BVFuPKYG.js');
 var reactPopper = require('react-popper');
 
 var baseEach = _baseEach._baseEach,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "5.1.5",
+  "version": "5.2.0",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -482,5 +482,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "71d8bcf7661535dcb7f29f71245a3fd63f81d20f"
+  "gitHead": "1509a4620d6fb7b7dc0976d3a7f040b06e66d7f1"
 }