@jobber/components 8.12.2 → 8.13.1-addeditor-cab44cf.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/Combobox/Combobox.md

@@ -22,7 +22,7 @@ Combobox is designed to handle lists of selectable options, so the component is
 text based.
 
 You may customize the activator and action `label`. Refer to the
-[Product Vocabulary](/content/product-vocabulary) for consistency in consistency
+[Product Vocabulary](../product-vocabulary/product-vocabulary.md) for consistency in consistency
 in terminology and naming conventions when setting these values.
 
 You may also set an optional `subjectNoun` for the Combobox content. This will

package/dist/docs/InputText/InputText.md

@@ -151,7 +151,7 @@ but minimizes the need for it as the user should be set up for success by proper
 guidance pre-submission before any "bad" data gets to the server.
 
 Follow the
-[product vocabulary](/content/product-vocabulary#component-view-general-phrasing)
+[product vocabulary](../product-vocabulary/product-vocabulary.md#component-view-general-phrasing)
 for guidance on writing helpful error messages.
 
 ```tsx

package/dist/docs/Toast/Toast.md

@@ -41,7 +41,7 @@ The Toast label should be clear and concise, and should not take up more than
 one line.
 
 Use the pattern "action + subject" to maintain
-[active voice](/content/voice-and-tone). The subject should be specific without
+[active voice](../voice-and-tone/voice-and-tone.md). The subject should be specific without
 overloading too much detail for the user to parse at a quick glance.
 
 | ✅ Do              | ❌ Don't                                            |
@@ -54,7 +54,7 @@ overloading too much detail for the user to parse at a quick glance.
   * Examples of action labels: `Undo`, `View`, `Refresh`
 * Toast's label does not require a period
 * Use sentence case, and only capitalize
-  ["branded"](/content/product-vocabulary) Jobber features
+  ["branded"](../product-vocabulary/product-vocabulary.md) Jobber features
 
 | ✅ Do       | ❌ Don't                 |
 | ---------- | ----------------------- |

package/dist/docs/errors/errors.md

@@ -25,8 +25,8 @@ First and foremost: design to avoid the possibility of errors!
 
 #### Effective content
 
-Follow the guidance in our [product vocabulary](../content/product-vocabulary)
-and [voice & tone](../content/voice-and-tone) guides to help you craft effective
+Follow the guidance in our [product vocabulary](../product-vocabulary/product-vocabulary.md)
+and [voice & tone](../voice-and-tone/voice-and-tone.md) guides to help you craft effective
 error messages.
 
 #### Validation and form inputs