@jobber/components 8.12.1 → 8.13.0

package/dist/Combobox/components/ComboboxContent/ComboboxContentList/index.cjs

@@ -3,15 +3,24 @@
 var ComboboxContentList = require('../../../../ComboboxContentList-cjs.js');
 require('react');
 require('classnames');
+require('framer-motion');
 require('../../../../Text-cjs.js');
 require('../../../../Typography-cjs.js');
 require('../../../../Glimmer-cjs.js');
 require('../../../../tslib.es6-cjs.js');
 require('../../../../Content-cjs.js');
 require('../../../../Spinner-cjs.js');
-require('../../../../AnimatedPresence-cjs.js');
-require('framer-motion');
+require('../../../../AtlantisThemeContext-cjs.js');
 require('@jobber/design');
+require('../../../../_commonjsHelpers-cjs.js');
+require('../../../../identity-cjs.js');
+require('../../../../isTypedArray-cjs.js');
+require('../../../../isObjectLike-cjs.js');
+require('../../../../_baseAssignValue-cjs.js');
+require('../../../../_baseFor-cjs.js');
+require('../../../../keysIn-cjs.js');
+require('../../../../_isIterateeCall-cjs.js');
+require('../../../../_setToString-cjs.js');
 require('../../../../ComboboxOption-cjs.js');
 require('../../../../Icon-cjs.js');
 require('../../../../Flex-cjs.js');

package/dist/Combobox/components/ComboboxContent/ComboboxContentList/index.mjs

@@ -1,15 +1,24 @@
 export { C as ComboboxContentList } from '../../../../ComboboxContentList-es.js';
 import 'react';
 import 'classnames';
+import 'framer-motion';
 import '../../../../Text-es.js';
 import '../../../../Typography-es.js';
 import '../../../../Glimmer-es.js';
 import '../../../../tslib.es6-es.js';
 import '../../../../Content-es.js';
 import '../../../../Spinner-es.js';
-import '../../../../AnimatedPresence-es.js';
-import 'framer-motion';
+import '../../../../AtlantisThemeContext-es.js';
 import '@jobber/design';
+import '../../../../_commonjsHelpers-es.js';
+import '../../../../identity-es.js';
+import '../../../../isTypedArray-es.js';
+import '../../../../isObjectLike-es.js';
+import '../../../../_baseAssignValue-es.js';
+import '../../../../_baseFor-es.js';
+import '../../../../keysIn-es.js';
+import '../../../../_isIterateeCall-es.js';
+import '../../../../_setToString-es.js';
 import '../../../../ComboboxOption-es.js';
 import '../../../../Icon-es.js';
 import '../../../../Flex-es.js';

package/dist/Combobox/components/ComboboxContent/index.cjs

@@ -13,14 +13,23 @@ require('../../../ComboboxContentSearch-cjs.js');
 require('../../../Icon-cjs.js');
 require('@jobber/design');
 require('../../../ComboboxContentList-cjs.js');
+require('framer-motion');
 require('../../../Text-cjs.js');
 require('../../../Typography-cjs.js');
 require('../../../Glimmer-cjs.js');
 require('../../../tslib.es6-cjs.js');
 require('../../../Content-cjs.js');
 require('../../../Spinner-cjs.js');
-require('../../../AnimatedPresence-cjs.js');
-require('framer-motion');
+require('../../../AtlantisThemeContext-cjs.js');
+require('../../../_commonjsHelpers-cjs.js');
+require('../../../identity-cjs.js');
+require('../../../isTypedArray-cjs.js');
+require('../../../isObjectLike-cjs.js');
+require('../../../_baseAssignValue-cjs.js');
+require('../../../_baseFor-cjs.js');
+require('../../../keysIn-cjs.js');
+require('../../../_isIterateeCall-cjs.js');
+require('../../../_setToString-cjs.js');
 require('../../../ComboboxOption-cjs.js');
 require('../../../Flex-cjs.js');
 require('../../../ComboboxProvider-cjs.js');

package/dist/Combobox/components/ComboboxContent/index.mjs

@@ -11,14 +11,23 @@ import '../../../ComboboxContentSearch-es.js';
 import '../../../Icon-es.js';
 import '@jobber/design';
 import '../../../ComboboxContentList-es.js';
+import 'framer-motion';
 import '../../../Text-es.js';
 import '../../../Typography-es.js';
 import '../../../Glimmer-es.js';
 import '../../../tslib.es6-es.js';
 import '../../../Content-es.js';
 import '../../../Spinner-es.js';
-import '../../../AnimatedPresence-es.js';
-import 'framer-motion';
+import '../../../AtlantisThemeContext-es.js';
+import '../../../_commonjsHelpers-es.js';
+import '../../../identity-es.js';
+import '../../../isTypedArray-es.js';
+import '../../../isObjectLike-es.js';
+import '../../../_baseAssignValue-es.js';
+import '../../../_baseFor-es.js';
+import '../../../keysIn-es.js';
+import '../../../_isIterateeCall-es.js';
+import '../../../_setToString-es.js';
 import '../../../ComboboxOption-es.js';
 import '../../../Flex-es.js';
 import '../../../ComboboxProvider-es.js';

package/dist/Combobox/index.cjs

@@ -15,14 +15,23 @@ require('../ComboboxContentSearch-cjs.js');
 require('../Icon-cjs.js');
 require('@jobber/design');
 require('../ComboboxContentList-cjs.js');
+require('framer-motion');
 require('../Text-cjs.js');
 require('../Typography-cjs.js');
 require('../Glimmer-cjs.js');
 require('../tslib.es6-cjs.js');
 require('../Content-cjs.js');
 require('../Spinner-cjs.js');
-require('../AnimatedPresence-cjs.js');
-require('framer-motion');
+require('../AtlantisThemeContext-cjs.js');
+require('../_commonjsHelpers-cjs.js');
+require('../identity-cjs.js');
+require('../isTypedArray-cjs.js');
+require('../isObjectLike-cjs.js');
+require('../_baseAssignValue-cjs.js');
+require('../_baseFor-cjs.js');
+require('../keysIn-cjs.js');
+require('../_isIterateeCall-cjs.js');
+require('../_setToString-cjs.js');
 require('../ComboboxOption-cjs.js');
 require('../Flex-cjs.js');
 require('../ComboboxLoadMore-cjs.js');
@@ -39,7 +48,6 @@ require('color');
 require('../useChildComponent-cjs.js');
 require('../Tooltip-cjs.js');
 require('../noop-cjs.js');
-require('../_commonjsHelpers-cjs.js');
 require('../ComboboxActivator-cjs.js');
 
 

package/dist/Combobox/index.mjs

@@ -13,14 +13,23 @@ import '../ComboboxContentSearch-es.js';
 import '../Icon-es.js';
 import '@jobber/design';
 import '../ComboboxContentList-es.js';
+import 'framer-motion';
 import '../Text-es.js';
 import '../Typography-es.js';
 import '../Glimmer-es.js';
 import '../tslib.es6-es.js';
 import '../Content-es.js';
 import '../Spinner-es.js';
-import '../AnimatedPresence-es.js';
-import 'framer-motion';
+import '../AtlantisThemeContext-es.js';
+import '../_commonjsHelpers-es.js';
+import '../identity-es.js';
+import '../isTypedArray-es.js';
+import '../isObjectLike-es.js';
+import '../_baseAssignValue-es.js';
+import '../_baseFor-es.js';
+import '../keysIn-es.js';
+import '../_isIterateeCall-es.js';
+import '../_setToString-es.js';
 import '../ComboboxOption-es.js';
 import '../Flex-es.js';
 import '../ComboboxLoadMore-es.js';
@@ -37,5 +46,4 @@ import 'color';
 import '../useChildComponent-es.js';
 import '../Tooltip-es.js';
 import '../noop-es.js';
-import '../_commonjsHelpers-es.js';
 import '../ComboboxActivator-es.js';

package/dist/ComboboxContentList-cjs.js

@@ -2,16 +2,18 @@
 
 var React = require('react');
 var classnames = require('classnames');
+var framerMotion = require('framer-motion');
 var Text = require('./Text-cjs.js');
 var Glimmer = require('./Glimmer-cjs.js');
 var Spinner = require('./Spinner-cjs.js');
-var AnimatedPresence = require('./AnimatedPresence-cjs.js');
+var AtlantisThemeContext = require('./AtlantisThemeContext-cjs.js');
 var ComboboxOption = require('./ComboboxOption-cjs.js');
 var ComboboxLoadMore = require('./ComboboxLoadMore-cjs.js');
 
 var styles = {"container":"wFxd-3vJyKo-","optionsList":"PzwV5qiIgV4-","filterMessage":"c6TosVipkmw-","emptyStateMessage":"ZYrg-J4-v2Y-","scrollTop":"FLu6FtihsLo-","scrollNone":"-o-v1zjzb48-","scrollBottom":"_2iW5DZ16G2U-","loadingContainer":"PqwPrWjdB-A-","hasOptions":"v3cabuEY4Xk-","spinning":"NyvSj4UKYJM-"};
 
 function ComboboxContentList(props) {
+    const { tokens } = AtlantisThemeContext.useAtlantisTheme();
     const optionsExist = props.options.length > 0;
     const hasSearchTerm = props.searchValue.length > 0;
     const { listScrollState } = useScrollState(props.optionsListRef, props.options);
@@ -21,7 +23,8 @@ function ComboboxContentList(props) {
                 return (React.createElement(ComboboxOption.ComboboxOption, { key: option.id, id: option.id, label: option.label, prefix: option.prefix, customRender: option.customRender, onClick: option.onClick }));
             }),
             React.createElement("div", { className: classnames([styles.loadingContainer, styles.hasOptions]) },
-                React.createElement(AnimatedPresence.AnimatedPresence, { transition: "fromBottom" }, Boolean(props.loading && optionsExist) && (React.createElement(Spinner.Spinner, { size: "small" })))),
+                React.createElement(framerMotion.AnimatePresence, { initial: false }, Boolean(props.loading && optionsExist) && (React.createElement(framerMotion.motion.div, { initial: { opacity: 0, y: tokens["space-base"] }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: tokens["space-base"] }, transition: { duration: tokens["timing-base"] / 1000 } },
+                    React.createElement(Spinner.Spinner, { size: "small" }))))),
             props.onLoadMore && (React.createElement(ComboboxLoadMore.ComboboxLoadMore, { onLoadMore: props.onLoadMore })))),
         props.loading && !optionsExist && (React.createElement(React.Fragment, null, Array.from({ length: 5 }).map((_, index) => (React.createElement("div", { className: styles.loadingContainer, key: index },
             React.createElement(Glimmer.Glimmer, { shape: "rectangle", size: "small" })))))),

package/dist/ComboboxContentList-es.js

@@ -1,15 +1,17 @@
 import React__default, { useState, useEffect } from 'react';
 import classnames from 'classnames';
+import { AnimatePresence, motion } from 'framer-motion';
 import { T as Text } from './Text-es.js';
 import { G as Glimmer } from './Glimmer-es.js';
 import { S as Spinner } from './Spinner-es.js';
-import { A as AnimatedPresence } from './AnimatedPresence-es.js';
+import { u as useAtlantisTheme } from './AtlantisThemeContext-es.js';
 import { C as ComboboxOption } from './ComboboxOption-es.js';
 import { C as ComboboxLoadMore } from './ComboboxLoadMore-es.js';
 
 var styles = {"container":"wFxd-3vJyKo-","optionsList":"PzwV5qiIgV4-","filterMessage":"c6TosVipkmw-","emptyStateMessage":"ZYrg-J4-v2Y-","scrollTop":"FLu6FtihsLo-","scrollNone":"-o-v1zjzb48-","scrollBottom":"_2iW5DZ16G2U-","loadingContainer":"PqwPrWjdB-A-","hasOptions":"v3cabuEY4Xk-","spinning":"NyvSj4UKYJM-"};
 
 function ComboboxContentList(props) {
+    const { tokens } = useAtlantisTheme();
     const optionsExist = props.options.length > 0;
     const hasSearchTerm = props.searchValue.length > 0;
     const { listScrollState } = useScrollState(props.optionsListRef, props.options);
@@ -19,7 +21,8 @@ function ComboboxContentList(props) {
                 return (React__default.createElement(ComboboxOption, { key: option.id, id: option.id, label: option.label, prefix: option.prefix, customRender: option.customRender, onClick: option.onClick }));
             }),
             React__default.createElement("div", { className: classnames([styles.loadingContainer, styles.hasOptions]) },
-                React__default.createElement(AnimatedPresence, { transition: "fromBottom" }, Boolean(props.loading && optionsExist) && (React__default.createElement(Spinner, { size: "small" })))),
+                React__default.createElement(AnimatePresence, { initial: false }, Boolean(props.loading && optionsExist) && (React__default.createElement(motion.div, { initial: { opacity: 0, y: tokens["space-base"] }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: tokens["space-base"] }, transition: { duration: tokens["timing-base"] / 1000 } },
+                    React__default.createElement(Spinner, { size: "small" }))))),
             props.onLoadMore && (React__default.createElement(ComboboxLoadMore, { onLoadMore: props.onLoadMore })))),
         props.loading && !optionsExist && (React__default.createElement(React__default.Fragment, null, Array.from({ length: 5 }).map((_, index) => (React__default.createElement("div", { className: styles.loadingContainer, key: index },
             React__default.createElement(Glimmer, { shape: "rectangle", size: "small" })))))),

package/dist/DataList/components/DataListFilters/components/DataListSort/index.cjs

@@ -18,14 +18,22 @@ require('../../../../../ComboboxContentSearch-cjs.js');
 require('../../../../../Icon-cjs.js');
 require('@jobber/design');
 require('../../../../../ComboboxContentList-cjs.js');
+require('framer-motion');
 require('../../../../../Text-cjs.js');
 require('../../../../../Typography-cjs.js');
 require('../../../../../Glimmer-cjs.js');
 require('../../../../../tslib.es6-cjs.js');
 require('../../../../../Content-cjs.js');
 require('../../../../../Spinner-cjs.js');
-require('../../../../../AnimatedPresence-cjs.js');
-require('framer-motion');
+require('../../../../../AtlantisThemeContext-cjs.js');
+require('../../../../../identity-cjs.js');
+require('../../../../../isTypedArray-cjs.js');
+require('../../../../../isObjectLike-cjs.js');
+require('../../../../../_baseAssignValue-cjs.js');
+require('../../../../../_baseFor-cjs.js');
+require('../../../../../keysIn-cjs.js');
+require('../../../../../_isIterateeCall-cjs.js');
+require('../../../../../_setToString-cjs.js');
 require('../../../../../ComboboxOption-cjs.js');
 require('../../../../../Flex-cjs.js');
 require('../../../../../ComboboxProvider-cjs.js');

package/dist/DataList/components/DataListFilters/components/DataListSort/index.mjs

@@ -16,14 +16,22 @@ import '../../../../../ComboboxContentSearch-es.js';
 import '../../../../../Icon-es.js';
 import '@jobber/design';
 import '../../../../../ComboboxContentList-es.js';
+import 'framer-motion';
 import '../../../../../Text-es.js';
 import '../../../../../Typography-es.js';
 import '../../../../../Glimmer-es.js';
 import '../../../../../tslib.es6-es.js';
 import '../../../../../Content-es.js';
 import '../../../../../Spinner-es.js';
-import '../../../../../AnimatedPresence-es.js';
-import 'framer-motion';
+import '../../../../../AtlantisThemeContext-es.js';
+import '../../../../../identity-es.js';
+import '../../../../../isTypedArray-es.js';
+import '../../../../../isObjectLike-es.js';
+import '../../../../../_baseAssignValue-es.js';
+import '../../../../../_baseFor-es.js';
+import '../../../../../keysIn-es.js';
+import '../../../../../_isIterateeCall-es.js';
+import '../../../../../_setToString-es.js';
 import '../../../../../ComboboxOption-es.js';
 import '../../../../../Flex-es.js';
 import '../../../../../ComboboxProvider-es.js';

package/dist/DataList/components/DataListFilters/index.cjs

@@ -19,14 +19,22 @@ require('../../../ComboboxContentSearch-cjs.js');
 require('../../../Icon-cjs.js');
 require('@jobber/design');
 require('../../../ComboboxContentList-cjs.js');
+require('framer-motion');
 require('../../../Text-cjs.js');
 require('../../../Typography-cjs.js');
 require('../../../Glimmer-cjs.js');
 require('../../../tslib.es6-cjs.js');
 require('../../../Content-cjs.js');
 require('../../../Spinner-cjs.js');
-require('../../../AnimatedPresence-cjs.js');
-require('framer-motion');
+require('../../../AtlantisThemeContext-cjs.js');
+require('../../../identity-cjs.js');
+require('../../../isTypedArray-cjs.js');
+require('../../../isObjectLike-cjs.js');
+require('../../../_baseAssignValue-cjs.js');
+require('../../../_baseFor-cjs.js');
+require('../../../keysIn-cjs.js');
+require('../../../_isIterateeCall-cjs.js');
+require('../../../_setToString-cjs.js');
 require('../../../ComboboxOption-cjs.js');
 require('../../../Flex-cjs.js');
 require('../../../ComboboxProvider-cjs.js');
@@ -47,8 +55,6 @@ require('../../../ComboboxActivator-cjs.js');
 require('../../../DataListOverflowFade-cjs.js');
 require('../../../DataList.utils-cjs.js');
 require('../../../_getTag-cjs.js');
-require('../../../isTypedArray-cjs.js');
-require('../../../isObjectLike-cjs.js');
 require('../../../DataList.const-cjs.js');
 require('../../../DataListTags-cjs.js');
 require('../../../InlineLabel-cjs.js');

package/dist/DataList/components/DataListFilters/index.mjs

@@ -17,14 +17,22 @@ import '../../../ComboboxContentSearch-es.js';
 import '../../../Icon-es.js';
 import '@jobber/design';
 import '../../../ComboboxContentList-es.js';
+import 'framer-motion';
 import '../../../Text-es.js';
 import '../../../Typography-es.js';
 import '../../../Glimmer-es.js';
 import '../../../tslib.es6-es.js';
 import '../../../Content-es.js';
 import '../../../Spinner-es.js';
-import '../../../AnimatedPresence-es.js';
-import 'framer-motion';
+import '../../../AtlantisThemeContext-es.js';
+import '../../../identity-es.js';
+import '../../../isTypedArray-es.js';
+import '../../../isObjectLike-es.js';
+import '../../../_baseAssignValue-es.js';
+import '../../../_baseFor-es.js';
+import '../../../keysIn-es.js';
+import '../../../_isIterateeCall-es.js';
+import '../../../_setToString-es.js';
 import '../../../ComboboxOption-es.js';
 import '../../../Flex-es.js';
 import '../../../ComboboxProvider-es.js';
@@ -45,8 +53,6 @@ import '../../../ComboboxActivator-es.js';
 import '../../../DataListOverflowFade-es.js';
 import '../../../DataList.utils-es.js';
 import '../../../_getTag-es.js';
-import '../../../isTypedArray-es.js';
-import '../../../isObjectLike-es.js';
 import '../../../DataList.const-es.js';
 import '../../../DataListTags-es.js';
 import '../../../InlineLabel-es.js';

package/dist/DataList/index.cjs

@@ -62,7 +62,13 @@ require('../ComboboxContent-cjs.js');
 require('../ComboboxContentSearch-cjs.js');
 require('../ComboboxContentList-cjs.js');
 require('../Spinner-cjs.js');
-require('../AnimatedPresence-cjs.js');
+require('../AtlantisThemeContext-cjs.js');
+require('../identity-cjs.js');
+require('../_baseAssignValue-cjs.js');
+require('../_baseFor-cjs.js');
+require('../keysIn-cjs.js');
+require('../_isIterateeCall-cjs.js');
+require('../_setToString-cjs.js');
 require('../ComboboxOption-cjs.js');
 require('../Flex-cjs.js');
 require('../ComboboxProvider-cjs.js');

package/dist/DataList/index.mjs

@@ -60,7 +60,13 @@ import '../ComboboxContent-es.js';
 import '../ComboboxContentSearch-es.js';
 import '../ComboboxContentList-es.js';
 import '../Spinner-es.js';
-import '../AnimatedPresence-es.js';
+import '../AtlantisThemeContext-es.js';
+import '../identity-es.js';
+import '../_baseAssignValue-es.js';
+import '../_baseFor-es.js';
+import '../keysIn-es.js';
+import '../_isIterateeCall-es.js';
+import '../_setToString-es.js';
 import '../ComboboxOption-es.js';
 import '../Flex-es.js';
 import '../ComboboxProvider-es.js';

package/dist/docs/index.md

@@ -1,5 +1,4 @@
 [ActivityIndicator](./ActivityIndicator/ActivityIndicator.md)
-[AnimatedPresence](./AnimatedPresence/AnimatedPresence.md)
 [AnimatedSwitcher](./AnimatedSwitcher/AnimatedSwitcher.md)
 [Animation](./Animation/Animation.md)
 [AtlantisThemeContext](./AtlantisThemeContext/AtlantisThemeContext.md)

package/dist/index.cjs

@@ -1,7 +1,6 @@
 'use strict';
 
 var ActivityIndicator = require('./ActivityIndicator-cjs.js');
-var AnimatedPresence = require('./AnimatedPresence-cjs.js');
 var AnimatedSwitcher = require('./AnimatedSwitcher-cjs.js');
 var AtlantisContext = require('./AtlantisContext-cjs.js');
 var AtlantisThemeContext = require('./AtlantisThemeContext-cjs.js');
@@ -203,7 +202,6 @@ function isNormalClick(evt) {
 }
 
 exports.ActivityIndicator = ActivityIndicator.ActivityIndicator;
-exports.AnimatedPresence = AnimatedPresence.AnimatedPresence;
 exports.AnimatedSwitcher = AnimatedSwitcher.AnimatedSwitcher;
 exports.AtlantisContext = AtlantisContext.AtlantisContext;
 exports.atlantisContextDefaultValues = AtlantisContext.atlantisContextDefaultValues;

package/dist/index.d.mts

@@ -1,5 +1,4 @@
 export * from "./ActivityIndicator";
-export * from "./AnimatedPresence";
 export * from "./AnimatedSwitcher";
 export * from "./AtlantisContext";
 export * from "./AtlantisThemeContext";

package/dist/index.d.ts

@@ -1,5 +1,4 @@
 export * from "./ActivityIndicator";
-export * from "./AnimatedPresence";
 export * from "./AnimatedSwitcher";
 export * from "./AtlantisContext";
 export * from "./AtlantisThemeContext";

package/dist/index.mjs

@@ -1,5 +1,4 @@
 export { A as ActivityIndicator } from './ActivityIndicator-es.js';
-export { A as AnimatedPresence } from './AnimatedPresence-es.js';
 export { A as AnimatedSwitcher } from './AnimatedSwitcher-es.js';
 export { A as AtlantisContext, a as atlantisContextDefaultValues, u as useAtlantisContext } from './AtlantisContext-es.js';
 export { A as AtlantisThemeContextProvider, T as THEME_CHANGE_EVENT, a as atlantisThemeContextDefaultValues, u as useAtlantisTheme } from './AtlantisThemeContext-es.js';

package/dist/styles.css

@@ -4098,7 +4098,8 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
 }
 
 .c20czk-FSyY- {
-  --field--placeholder-color: var(--color-base-blue--600);
+  /* Semantic, theme-adaptive token. */
+  --field--placeholder-color: var(--color-text--secondary);
   --field--value-color: var(--color-heading);
   --field--border-color: var(--color-border--interactive);
 
@@ -4205,8 +4206,8 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
 }
 
 .NsFBA5oqRAA- {
-  --field--padding-left: calc(var(--space-base) - var(--space-smaller));
-  --field--padding-right: calc(var(--space-base) - var(--space-smaller));
+  --field--padding-left: var(--space-slim);
+  --field--padding-right: var(--space-slim);
   --field--padding-top: var(--space-small);
   --field--padding-bottom: var(--space-small);
   --field--height: calc(var(--space-larger) + var(--space-smaller));
@@ -4215,7 +4216,7 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
 .ExKqck-6xVs- {
   --field--padding-left: var(--space-large);
   --field--padding-right: var(--space-large);
-  --field--height: calc(var(--space-extravagant));
+  --field--height: var(--space-extravagant);
 }
 
 .UWiqNi57G8g- {
@@ -4315,7 +4316,6 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
       .D-PmE-l-hZU-:not(:-ms-input-placeholder)
       + .Ggk3aaMcIJU-:not(:empty)
   ) {
-  --field--placeholder-color: var(--color-text--secondary);
   --field--placeholder-offset: var(--space-smallest);
   --field--placeholder-transform: 0;
   --field--padding-top: calc(var(--space-base) + var(--space-smaller));
@@ -4327,7 +4327,6 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
       .input:not(:-ms-input-placeholder)
       + .label:not(:empty)
   ) {
-  --field--placeholder-color: var(--color-text--secondary);
   --field--placeholder-offset: var(--space-smallest);
   --field--placeholder-transform: 0;
   --field--padding-top: calc(var(--space-base) + var(--space-smaller));
@@ -4339,7 +4338,6 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
       .D-PmE-l-hZU-:not(:placeholder-shown)
       + .Ggk3aaMcIJU-:not(:empty)
   ) {
-  --field--placeholder-color: var(--color-text--secondary);
   --field--placeholder-offset: var(--space-smallest);
   --field--placeholder-transform: 0;
   --field--padding-top: calc(var(--space-base) + var(--space-smaller));

package/dist/utils/meta/meta.json

@@ -3,7 +3,6 @@
     "ActivityIndicator",
     "AffixIcon",
     "AffixLabel",
-    "AnimatedPresence",
     "AnimatedSwitcher",
     "AnimatedSwitcher.Icon",
     "AtlantisContext.Consumer",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "8.12.1",
+  "version": "8.13.0",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -30,11 +30,6 @@
       "import": "./dist/ActivityIndicator/index.mjs",
       "require": "./dist/ActivityIndicator/index.cjs"
     },
-    "./AnimatedPresence": {
-      "types": "./dist/AnimatedPresence/index.d.ts",
-      "import": "./dist/AnimatedPresence/index.mjs",
-      "require": "./dist/AnimatedPresence/index.cjs"
-    },
     "./AnimatedSwitcher": {
       "types": "./dist/AnimatedSwitcher/index.d.ts",
       "import": "./dist/AnimatedSwitcher/index.mjs",
@@ -556,5 +551,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "80813476ca22f110f6cc3a8bb1838279cd5dac3d"
+  "gitHead": "bbe63d684891b974697436ac348514b2afc97394"
 }

package/AnimatedPresence.d.ts

@@ -1 +0,0 @@
-export * from "./dist/AnimatedPresence";

package/AnimatedPresence.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true,
-});
-
-var AnimatedPresence = require("./dist/AnimatedPresence");
-
-Object.keys(AnimatedPresence).forEach(function(key) {
-  if (key === "default" || key === "__esModule") return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return AnimatedPresence[key];
-    },
-  });
-});

package/dist/AnimatedPresence/AnimatedPresence.d.ts

@@ -1,25 +0,0 @@
-import type { PropsWithChildren } from "react";
-import React from "react";
-declare const transitions: {
-    fromBottom: import("framer-motion").Variants;
-    fromTop: import("framer-motion").Variants;
-    fromLeft: import("framer-motion").Variants;
-    fromRight: import("framer-motion").Variants;
-    popIn: import("framer-motion").Variants;
-    fromLeftToRight: import("framer-motion").Variants;
-    fromRightToLeft: import("framer-motion").Variants;
-    fade: import("framer-motion").Variants;
-};
-export type AnimatedPresenceTransitions = keyof typeof transitions;
-interface AnimatedPresenceProps extends Required<PropsWithChildren> {
-    /**
-     * The type of transition you can use.
-     */
-    readonly transition?: AnimatedPresenceTransitions;
-    /**
-     * Whether or not to animate the children on mount. By default it's set to false.
-     */
-    readonly initial?: boolean;
-}
-export declare function AnimatedPresence(props: AnimatedPresenceProps): React.JSX.Element;
-export {};

package/dist/AnimatedPresence/AnimatedPresence.transitions.d.ts

@@ -1,11 +0,0 @@
-import type { Variants } from "framer-motion";
-export declare const TIMING_QUICK: number;
-export declare const TIMING_BASE: number;
-export declare const fade: Variants;
-export declare const popIn: Variants;
-export declare const fromTop: Variants;
-export declare const fromBottom: Variants;
-export declare const fromLeft: Variants;
-export declare const fromRight: Variants;
-export declare const fromLeftToRight: Variants;
-export declare const fromRightToLeft: Variants;

package/dist/AnimatedPresence/hooks/usePreviousValue.d.ts

@@ -1 +0,0 @@
-export declare function usePreviousValue<T>(value: T): readonly [T, import("react").Dispatch<import("react").SetStateAction<T>>];

package/dist/AnimatedPresence/index.cjs

@@ -1,10 +0,0 @@
-'use strict';
-
-var AnimatedPresence = require('../AnimatedPresence-cjs.js');
-require('react');
-require('framer-motion');
-require('@jobber/design');
-
-
-
-exports.AnimatedPresence = AnimatedPresence.AnimatedPresence;

package/dist/AnimatedPresence/index.d.ts

@@ -1 +0,0 @@
-export * from "./AnimatedPresence";

package/dist/AnimatedPresence/index.mjs

@@ -1,4 +0,0 @@
-export { A as AnimatedPresence } from '../AnimatedPresence-es.js';
-import 'react';
-import 'framer-motion';
-import '@jobber/design';

package/dist/AnimatedPresence-cjs.js

@@ -1,100 +0,0 @@
-'use strict';
-
-var React = require('react');
-var framerMotion = require('framer-motion');
-var design = require('@jobber/design');
-
-const TIMING_QUICK = toSeconds(design.tokens["timing-quick"]);
-const TIMING_BASE = toSeconds(design.tokens["timing-base"]);
-const baseTransition = {
-    visible: { opacity: 1 },
-    hidden: { opacity: 0 },
-};
-const fade = {
-    visible: { opacity: 1 },
-    hidden: { opacity: 0 },
-};
-const popIn = {
-    visible: Object.assign({ scale: 1 }, baseTransition.visible),
-    hidden: Object.assign({ scale: 0.95 }, baseTransition.hidden),
-};
-const fromTop = {
-    visible: Object.assign({ y: 0 }, baseTransition.visible),
-    hidden: Object.assign({ y: -design.tokens["space-base"] }, baseTransition.hidden),
-};
-const fromBottom = {
-    visible: Object.assign({ y: 0 }, baseTransition.visible),
-    hidden: Object.assign({ y: design.tokens["space-base"] }, baseTransition.hidden),
-};
-const fromLeft = {
-    visible: Object.assign({ x: 0 }, baseTransition.visible),
-    hidden: Object.assign({ x: -design.tokens["space-base"] }, baseTransition.hidden),
-};
-const fromRight = {
-    visible: Object.assign({ x: 0 }, baseTransition.visible),
-    hidden: Object.assign({ x: design.tokens["space-base"] }, baseTransition.hidden),
-};
-const fromLeftToRight = {
-    initial: Object.assign({ x: -design.tokens["space-base"] }, baseTransition.hidden),
-    visible: Object.assign({ x: 0 }, baseTransition.visible),
-    hidden: Object.assign({ x: design.tokens["space-base"] }, baseTransition.hidden),
-};
-const fromRightToLeft = {
-    initial: Object.assign({ x: design.tokens["space-base"] }, baseTransition.hidden),
-    visible: Object.assign({ x: 0 }, baseTransition.visible),
-    hidden: Object.assign({ x: -design.tokens["space-base"] }, baseTransition.hidden),
-};
-function toSeconds(ms) {
-    return ms / 1000;
-}
-
-function usePreviousValue(value) {
-    const [previousValue, setPreviousValue] = React.useState(value);
-    React.useEffect(() => {
-        setPreviousValue(value);
-    }, [value]);
-    return [previousValue, setPreviousValue];
-}
-
-const transitions = {
-    fromBottom,
-    fromTop,
-    fromLeft,
-    fromRight,
-    popIn,
-    fromLeftToRight,
-    fromRightToLeft,
-    fade,
-};
-function AnimatedPresence(props) {
-    const shouldReduceMotion = framerMotion.useReducedMotion();
-    if (shouldReduceMotion) {
-        return React.createElement(React.Fragment, null, props.children);
-    }
-    return React.createElement(InternalAnimatedPresence, Object.assign({}, props));
-}
-function InternalAnimatedPresence({ transition = "fromTop", initial = false, children, }) {
-    const transitionVariation = transitions[transition];
-    const hasInitialTransition = "initial" in transitionVariation;
-    const childCount = React.Children.count(children);
-    // Set the initial value to 0 so it staggers the animation on mount when
-    // initial is true.
-    const [lastChildIndex, setLastChildIndex] = usePreviousValue(0);
-    // Whenever the children count changes, update the last index.
-    React.useEffect(() => {
-        setLastChildIndex(childCount - 1);
-    }, [childCount]);
-    return (React.createElement(framerMotion.AnimatePresence, { initial: initial, mode: "popLayout" }, React.Children.map(children, (child, i) => child && (React.createElement(framerMotion.motion.div, { layout: true, variants: transitionVariation, initial: hasInitialTransition ? "initial" : "hidden", animate: "visible", exit: "hidden", transition: {
-            duration: TIMING_BASE,
-            delay: generateDelayTime(i),
-        } }, child)))));
-    function generateDelayTime(index) {
-        // Don't add a delay if it's already rendered.
-        if (lastChildIndex > index)
-            return 0;
-        // Stagger the animation starting after the previous last child index.
-        return (index - lastChildIndex) * TIMING_QUICK;
-    }
-}
-
-exports.AnimatedPresence = AnimatedPresence;

package/dist/AnimatedPresence-es.js

@@ -1,98 +0,0 @@
-import React__default, { useState, useEffect, Children } from 'react';
-import { useReducedMotion, AnimatePresence, motion } from 'framer-motion';
-import { tokens } from '@jobber/design';
-
-const TIMING_QUICK = toSeconds(tokens["timing-quick"]);
-const TIMING_BASE = toSeconds(tokens["timing-base"]);
-const baseTransition = {
-    visible: { opacity: 1 },
-    hidden: { opacity: 0 },
-};
-const fade = {
-    visible: { opacity: 1 },
-    hidden: { opacity: 0 },
-};
-const popIn = {
-    visible: Object.assign({ scale: 1 }, baseTransition.visible),
-    hidden: Object.assign({ scale: 0.95 }, baseTransition.hidden),
-};
-const fromTop = {
-    visible: Object.assign({ y: 0 }, baseTransition.visible),
-    hidden: Object.assign({ y: -tokens["space-base"] }, baseTransition.hidden),
-};
-const fromBottom = {
-    visible: Object.assign({ y: 0 }, baseTransition.visible),
-    hidden: Object.assign({ y: tokens["space-base"] }, baseTransition.hidden),
-};
-const fromLeft = {
-    visible: Object.assign({ x: 0 }, baseTransition.visible),
-    hidden: Object.assign({ x: -tokens["space-base"] }, baseTransition.hidden),
-};
-const fromRight = {
-    visible: Object.assign({ x: 0 }, baseTransition.visible),
-    hidden: Object.assign({ x: tokens["space-base"] }, baseTransition.hidden),
-};
-const fromLeftToRight = {
-    initial: Object.assign({ x: -tokens["space-base"] }, baseTransition.hidden),
-    visible: Object.assign({ x: 0 }, baseTransition.visible),
-    hidden: Object.assign({ x: tokens["space-base"] }, baseTransition.hidden),
-};
-const fromRightToLeft = {
-    initial: Object.assign({ x: tokens["space-base"] }, baseTransition.hidden),
-    visible: Object.assign({ x: 0 }, baseTransition.visible),
-    hidden: Object.assign({ x: -tokens["space-base"] }, baseTransition.hidden),
-};
-function toSeconds(ms) {
-    return ms / 1000;
-}
-
-function usePreviousValue(value) {
-    const [previousValue, setPreviousValue] = useState(value);
-    useEffect(() => {
-        setPreviousValue(value);
-    }, [value]);
-    return [previousValue, setPreviousValue];
-}
-
-const transitions = {
-    fromBottom,
-    fromTop,
-    fromLeft,
-    fromRight,
-    popIn,
-    fromLeftToRight,
-    fromRightToLeft,
-    fade,
-};
-function AnimatedPresence(props) {
-    const shouldReduceMotion = useReducedMotion();
-    if (shouldReduceMotion) {
-        return React__default.createElement(React__default.Fragment, null, props.children);
-    }
-    return React__default.createElement(InternalAnimatedPresence, Object.assign({}, props));
-}
-function InternalAnimatedPresence({ transition = "fromTop", initial = false, children, }) {
-    const transitionVariation = transitions[transition];
-    const hasInitialTransition = "initial" in transitionVariation;
-    const childCount = Children.count(children);
-    // Set the initial value to 0 so it staggers the animation on mount when
-    // initial is true.
-    const [lastChildIndex, setLastChildIndex] = usePreviousValue(0);
-    // Whenever the children count changes, update the last index.
-    useEffect(() => {
-        setLastChildIndex(childCount - 1);
-    }, [childCount]);
-    return (React__default.createElement(AnimatePresence, { initial: initial, mode: "popLayout" }, Children.map(children, (child, i) => child && (React__default.createElement(motion.div, { layout: true, variants: transitionVariation, initial: hasInitialTransition ? "initial" : "hidden", animate: "visible", exit: "hidden", transition: {
-            duration: TIMING_BASE,
-            delay: generateDelayTime(i),
-        } }, child)))));
-    function generateDelayTime(index) {
-        // Don't add a delay if it's already rendered.
-        if (lastChildIndex > index)
-            return 0;
-        // Stagger the animation starting after the previous last child index.
-        return (index - lastChildIndex) * TIMING_QUICK;
-    }
-}
-
-export { AnimatedPresence as A };

package/dist/docs/AnimatedPresence/AnimatedPresence.md

@@ -1,74 +0,0 @@
-# AnimatedPresence
-
-Just like in real life, nothing appears out of nowhere. Animate elements that
-get added or removed from the React tree with AnimatedPresence. If more than 1
-element gets added, there will be a delay between each new element.
-
-## Accessibility
-
-AnimatedPresence respects the
-[`prefers-reduced-motion`](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion)
-setting. If the user has this enabled, the animations will be disabled and the
-elements will show/hide instantly.
-
-
-## Configuration
-
-### Conditional rendering
-
-Hide and show elements with a transition to add emphasis on the change. This is
-useful for UX which has a different part of the UI hidden until the user takes
-an action to show them.
-
-```tsx
-<AnimatedPresence>{show && <div>Item</div>}</AnimatedPresence>
-```
-
-See the
-[Basic](/storybook/web/?path=/story/components-utilities-animatedpresence--basic)
-example for a live demo.
-
-> **WARNING:** When using AnimatedPresence with conditional rendering, elements will be added
-> and removed from the DOM causing shifts in the layout, with the potential for frames where neither the entering nor exiting element is yet present.
->
-> This can create undesirable visual jumps in some scenarios, such as when the
-> element's height is what creates enough vertical space to require scrolling. The
-> layout will have to be stabilized with something such as a min-height to avoid
-> this.
-
-### List rendering
-
-Animate items in a list as they are added or removed.
-
-```tsx
-<AnimatedPresence>
-  {items.map(item => (
-    <div key={item.id}>{item.name}</div>
-  ))}
-</AnimatedPresence>
-```
-
-See the
-[List](/storybook/web/?path=/story/components-utilities-animatedpresence--list)
-example for a live demo.
-
-### Animate on mount
-
-Set the `initial` prop to `true` to animate the element whenever it initially
-renders on the screen. See this in action on the
-[List](/storybook/web/?path=/story/components-utilities-animatedpresence--list)
-example.
-
-```tsx
-<AnimatedPresence initial={true}>...</AnimatedPresence>
-```
-
-
-## Props
-
-### Web
-
-| Prop | Type | Required | Default | Description |
-|------|------|----------|---------|-------------|
-| `initial` | `boolean` | No | — | Whether or not to animate the children on mount. By default it's set to false. |
-| `transition` | `"fade" | "fromBottom" | "fromLeft" | "fromLeftToRight" | "fromRight" | "fromRightToLeft" | "fromTop" | "popIn"` | No | — | The type of transition you can use. |