@jobber/components 8.30.0 → 9.1.0

package/dist/Autocomplete/Autocomplete.messages.d.ts

@@ -0,0 +1,10 @@
+export declare const autocompleteMessages: {
+    "Remove {option}": {
+        en: string;
+        es: string;
+    };
+    noOptions: {
+        en: string;
+        es: string;
+    };
+};

package/dist/Autocomplete/index.cjs

@@ -16,6 +16,8 @@ require('../Heading-cjs.js');
 require('../Typography-cjs.js');
 require('../Text-cjs.js');
 require('../Icon-cjs.js');
+require('../useAtlantisI18n-cjs.js');
+require('../AtlantisContext-cjs.js');
 require('../Glimmer-cjs.js');
 require('../tslib.es6-cjs.js');
 require('../Content-cjs.js');

package/dist/Autocomplete/index.mjs

@@ -14,6 +14,8 @@ import '../Heading-es.js';
 import '../Typography-es.js';
 import '../Text-es.js';
 import '../Icon-es.js';
+import '../useAtlantisI18n-es.js';
+import '../AtlantisContext-es.js';
 import '../Glimmer-es.js';
 import '../tslib.es6-es.js';
 import '../Content-es.js';

package/dist/Autocomplete-cjs.js

@@ -11,6 +11,7 @@ var Heading = require('./Heading-cjs.js');
 var Text = require('./Text-cjs.js');
 var Typography = require('./Typography-cjs.js');
 var Icon = require('./Icon-cjs.js');
+var useAtlantisI18n = require('./useAtlantisI18n-cjs.js');
 var Glimmer = require('./Glimmer-cjs.js');
 var InputText = require('./InputText-cjs.js');
 var FormFieldWrapper = require('./FormFieldWrapper-cjs.js');
@@ -1085,6 +1086,17 @@ function DefaultTextPersistentContent({ persistent, }) {
     return React.createElement("div", { className: styles.textPersistent }, persistent.label);
 }
 
+const autocompleteMessages = useAtlantisI18n.defineMessages({
+    "Remove {option}": {
+        en: "Remove {option}",
+        es: "Eliminar {option}",
+    },
+    noOptions: {
+        en: "No options",
+        es: "Sin opciones",
+    },
+});
+
 function FloatingMenu({ context, getFloatingProps, refs, listboxId, className, floatingStyles, transitionStyles, menuStyle, renderable, persistentsHeaders, persistentsFooters, activeIndex, headerInteractiveCount, middleNavigableCount, getItemProps, listRef, onSelection, onAction, onInteractionPointerDown, getOptionLabel, isOptionSelected, loading, showEmptyStateMessage, emptyStateMessage, customRenderLoading, customRenderOption, customRenderSection, customRenderAction, customRenderHeader, customRenderFooter, slotOverrides, }) {
     var _a, _b, _c, _d;
     const activeIndexForMiddle = activeIndex != null ? activeIndex - headerInteractiveCount : null;
@@ -1113,8 +1125,8 @@ function LoadingContent() {
         React.createElement(Glimmer.Glimmer, { shape: "rectangle", size: "base" })));
 }
 function EmptyStateMessage({ emptyState, }) {
-    const emptyStateDefault = "No options";
-    const emptyStateContent = emptyState !== null && emptyState !== void 0 ? emptyState : emptyStateDefault;
+    const { t } = useAtlantisI18n.useAtlantisI18n(autocompleteMessages);
+    const emptyStateContent = emptyState !== null && emptyState !== void 0 ? emptyState : t("noOptions");
     return (React.createElement("div", { className: styles.emptyStateMessage, onPointerDown: preventDefaultPointerDown }, emptyStateContent));
 }
 
@@ -1247,13 +1259,14 @@ function AutocompleteInternal(props, forwardedRef) {
         floatingMenu));
 }
 function SelectionChip({ value, active, disabled, getOptionLabel, customRenderValue, canDismiss, onDismiss, unsafeClassName, unsafeStyle, }) {
+    const { t } = useAtlantisI18n.useAtlantisI18n(autocompleteMessages);
     return (React.createElement("span", { "data-selection-disabled": disabled, className: classnames(styles.selectionChip, {
             [styles.selectionChipActive]: active,
             [styles.selectionChipDisabled]: disabled,
         }, unsafeClassName), style: unsafeStyle, "data-testid": "ATL-Autocomplete-chip", onPointerDown: preventDefaultPointerDown },
         customRenderValue ? (customRenderValue({ value, getOptionLabel })) : (React.createElement(Typography.Typography, { size: "small" }, getOptionLabel(value))),
-        canDismiss && (React.createElement("button", { type: "button", disabled: disabled, className: styles.chipDismiss, onClick: onDismiss, onPointerDown: preventDefaultPointerDown, "aria-label": `Remove ${getOptionLabel(value)}`, tabIndex: -1 },
-            React.createElement(Icon.Icon, { size: "small", name: "remove" })))));
+        canDismiss && (React.createElement("button", { type: "button", disabled: disabled, className: styles.chipDismiss, onClick: onDismiss, onPointerDown: preventDefaultPointerDown, "aria-label": t("Remove {option}", { option: getOptionLabel(value) }), tabIndex: -1 },
+            React.createElement(Icon.Icon, { size: "small", name: "cross" })))));
 }
 function SelectionChipsList({ selectedValues, isFocused, limitVisibleSelections = 6, limitSelectionText = (count) => `+${count}`, activeChipIndex, disabled, getOptionLabel, customRenderValue, canDismiss, removeSelection, unsafeClassName, unsafeStyle, }) {
     const shouldLimit = !isFocused &&

package/dist/Autocomplete-es.js

@@ -1,5 +1,5 @@
 import React__default, { useState, useRef, useEffect, useCallback, useMemo, forwardRef } from 'react';
-import { u as useFloating, k as useClick, g as useListNavigation, c as useDismiss, d as useInteractions, F as FloatingPortal, i as FloatingFocusManager, l as useTransitionStyles } from './floating-ui.react-es.js';
+import { u as useFloating, k as useClick, j as useListNavigation, c as useDismiss, d as useInteractions, F as FloatingPortal, h as FloatingFocusManager, l as useTransitionStyles } from './floating-ui.react-es.js';
 import classnames from 'classnames';
 import { tokens } from '@jobber/design';
 import { useCallbackRef, useDebounce } from '@jobber/hooks';
@@ -9,6 +9,7 @@ import { H as Heading } from './Heading-es.js';
 import { T as Text } from './Text-es.js';
 import { T as Typography } from './Typography-es.js';
 import { I as Icon } from './Icon-es.js';
+import { d as defineMessages, u as useAtlantisI18n } from './useAtlantisI18n-es.js';
 import { G as Glimmer } from './Glimmer-es.js';
 import { I as InputText } from './InputText-es.js';
 import { c as FormFieldWrapper } from './FormFieldWrapper-es.js';
@@ -1083,6 +1084,17 @@ function DefaultTextPersistentContent({ persistent, }) {
     return React__default.createElement("div", { className: styles.textPersistent }, persistent.label);
 }
 
+const autocompleteMessages = defineMessages({
+    "Remove {option}": {
+        en: "Remove {option}",
+        es: "Eliminar {option}",
+    },
+    noOptions: {
+        en: "No options",
+        es: "Sin opciones",
+    },
+});
+
 function FloatingMenu({ context, getFloatingProps, refs, listboxId, className, floatingStyles, transitionStyles, menuStyle, renderable, persistentsHeaders, persistentsFooters, activeIndex, headerInteractiveCount, middleNavigableCount, getItemProps, listRef, onSelection, onAction, onInteractionPointerDown, getOptionLabel, isOptionSelected, loading, showEmptyStateMessage, emptyStateMessage, customRenderLoading, customRenderOption, customRenderSection, customRenderAction, customRenderHeader, customRenderFooter, slotOverrides, }) {
     var _a, _b, _c, _d;
     const activeIndexForMiddle = activeIndex != null ? activeIndex - headerInteractiveCount : null;
@@ -1111,8 +1123,8 @@ function LoadingContent() {
         React__default.createElement(Glimmer, { shape: "rectangle", size: "base" })));
 }
 function EmptyStateMessage({ emptyState, }) {
-    const emptyStateDefault = "No options";
-    const emptyStateContent = emptyState !== null && emptyState !== void 0 ? emptyState : emptyStateDefault;
+    const { t } = useAtlantisI18n(autocompleteMessages);
+    const emptyStateContent = emptyState !== null && emptyState !== void 0 ? emptyState : t("noOptions");
     return (React__default.createElement("div", { className: styles.emptyStateMessage, onPointerDown: preventDefaultPointerDown }, emptyStateContent));
 }
 
@@ -1245,13 +1257,14 @@ function AutocompleteInternal(props, forwardedRef) {
         floatingMenu));
 }
 function SelectionChip({ value, active, disabled, getOptionLabel, customRenderValue, canDismiss, onDismiss, unsafeClassName, unsafeStyle, }) {
+    const { t } = useAtlantisI18n(autocompleteMessages);
     return (React__default.createElement("span", { "data-selection-disabled": disabled, className: classnames(styles.selectionChip, {
             [styles.selectionChipActive]: active,
             [styles.selectionChipDisabled]: disabled,
         }, unsafeClassName), style: unsafeStyle, "data-testid": "ATL-Autocomplete-chip", onPointerDown: preventDefaultPointerDown },
         customRenderValue ? (customRenderValue({ value, getOptionLabel })) : (React__default.createElement(Typography, { size: "small" }, getOptionLabel(value))),
-        canDismiss && (React__default.createElement("button", { type: "button", disabled: disabled, className: styles.chipDismiss, onClick: onDismiss, onPointerDown: preventDefaultPointerDown, "aria-label": `Remove ${getOptionLabel(value)}`, tabIndex: -1 },
-            React__default.createElement(Icon, { size: "small", name: "remove" })))));
+        canDismiss && (React__default.createElement("button", { type: "button", disabled: disabled, className: styles.chipDismiss, onClick: onDismiss, onPointerDown: preventDefaultPointerDown, "aria-label": t("Remove {option}", { option: getOptionLabel(value) }), tabIndex: -1 },
+            React__default.createElement(Icon, { size: "small", name: "cross" })))));
 }
 function SelectionChipsList({ selectedValues, isFocused, limitVisibleSelections = 6, limitSelectionText = (count) => `+${count}`, activeChipIndex, disabled, getOptionLabel, customRenderValue, canDismiss, removeSelection, unsafeClassName, unsafeStyle, }) {
     const shouldLimit = !isFocused &&

package/dist/ButtonDismiss-cjs.js

@@ -5,7 +5,7 @@ var Button = require('./Button-cjs.js');
 require('classnames');
 
 function ButtonDismiss({ onClick, ariaLabel }) {
-    return (React.createElement(Button.Button, { ariaLabel: ariaLabel, icon: "remove", onClick: onClick, type: "tertiary", variation: "subtle" }));
+    return (React.createElement(Button.Button, { ariaLabel: ariaLabel, icon: "cross", onClick: onClick, type: "tertiary", variation: "subtle" }));
 }
 
 exports.ButtonDismiss = ButtonDismiss;

package/dist/ButtonDismiss-es.js

@@ -3,7 +3,7 @@ import { B as Button } from './Button-es.js';
 import 'classnames';
 
 function ButtonDismiss({ onClick, ariaLabel }) {
-    return (React__default.createElement(Button, { ariaLabel: ariaLabel, icon: "remove", onClick: onClick, type: "tertiary", variation: "subtle" }));
+    return (React__default.createElement(Button, { ariaLabel: ariaLabel, icon: "cross", onClick: onClick, type: "tertiary", variation: "subtle" }));
 }
 
 export { ButtonDismiss as B };

package/dist/Card/index.cjs

@@ -19,6 +19,8 @@ require('../floating-ui.utils-cjs.js');
 require('react/jsx-runtime');
 require('react-dom');
 require('../floating-ui.react-dom-cjs.js');
+require('../useAtlantisI18n-cjs.js');
+require('../AtlantisContext-cjs.js');
 require('../useFormFieldFocus-cjs.js');
 require('../maxHeight-cjs.js');
 require('../useRenderElement-cjs.js');

package/dist/Card/index.mjs

@@ -17,6 +17,8 @@ import '../floating-ui.utils-es.js';
 import 'react/jsx-runtime';
 import 'react-dom';
 import '../floating-ui.react-dom-es.js';
+import '../useAtlantisI18n-es.js';
+import '../AtlantisContext-es.js';
 import '../useFormFieldFocus-es.js';
 import '../maxHeight-es.js';
 import '../useRenderElement-es.js';

package/dist/Chip/index.cjs

@@ -11,6 +11,8 @@ require('color');
 require('../Icon-cjs.js');
 require('@jobber/design');
 require('../useChildComponent-cjs.js');
+require('../useAtlantisI18n-cjs.js');
+require('../AtlantisContext-cjs.js');
 require('../Typography-cjs.js');
 require('../Tooltip-cjs.js');
 require('../floating-ui.react-cjs.js');

package/dist/Chip/index.mjs

@@ -9,6 +9,8 @@ import 'color';
 import '../Icon-es.js';
 import '@jobber/design';
 import '../useChildComponent-es.js';
+import '../useAtlantisI18n-es.js';
+import '../AtlantisContext-es.js';
 import '../Typography-es.js';
 import '../Tooltip-es.js';
 import '../floating-ui.react-es.js';

package/dist/Chip-cjs.js

@@ -7,6 +7,7 @@ var jobberHooks = require('@jobber/hooks');
 var Avatar = require('./Avatar-cjs.js');
 var Icon = require('./Icon-cjs.js');
 var useChildComponent = require('./useChildComponent-cjs.js');
+var useAtlantisI18n = require('./useAtlantisI18n-cjs.js');
 var Typography = require('./Typography-cjs.js');
 var Tooltip = require('./Tooltip-cjs.js');
 
@@ -21,9 +22,25 @@ function ChipPrefix({ children }) {
 
 var styles = {"wrapper":"NLNJBhRffp4-","input":"ulLzwMsQL3U-","inactive":"_3LLjp8oIxJ0-","invalid":"H7VZzUBkgjk-","disabled":"-yQxZSnxBBU-","button":"ngKOY8l4BG4-","icon":"rzbiB2nz36Q-","spinning":"X7Bx5CDPfDs-"};
 
+const chipsMessages = useAtlantisI18n.defineMessages({
+    "Remove {label}": {
+        en: "Remove {label}",
+        es: "Eliminar {label}",
+    },
+    add: {
+        en: "Add",
+        es: "Agregar",
+    },
+    cycleOptions: {
+        en: "Press up and down arrow to cycle through the options or type to narrow down the results",
+        es: "Presiona la flecha arriba o abajo para recorrer las opciones o escribe para filtrar los resultados",
+    },
+});
+
 function InternalChipButton({ icon, invalid, disabled, label, onClick, }) {
     const buttonRef = React.useRef(null);
-    return (React.createElement("div", { ref: buttonRef, className: styles.button, tabIndex: 0, onKeyUp: handleKeyUp, onKeyDown: handleKeyDown, onClick: handleClick, role: "button", "aria-label": `Remove ${label}`, "aria-hidden": disabled, "aria-disabled": disabled, "data-testid": "remove-chip-button" },
+    const { t } = useAtlantisI18n.useAtlantisI18n(chipsMessages);
+    return (React.createElement("div", { ref: buttonRef, className: styles.button, tabIndex: 0, onKeyUp: handleKeyUp, onKeyDown: handleKeyDown, onClick: handleClick, role: "button", "aria-label": t("Remove {label}", { label }), "aria-hidden": disabled, "aria-disabled": disabled, "data-testid": "remove-chip-button" },
         React.createElement(Icon.Icon, { size: "small", name: icon, color: getColor() })));
     function handleKeyUp(event) {
         var _a;
@@ -147,5 +164,6 @@ const Chip = Object.assign(ChipComponent, {
 
 exports.Chip = Chip;
 exports.InternalChipButton = InternalChipButton;
+exports.chipsMessages = chipsMessages;
 exports.styles = styles$1;
 exports.styles$1 = styles;

package/dist/Chip-es.js

@@ -5,6 +5,7 @@ import { useInView } from '@jobber/hooks';
 import { A as Avatar } from './Avatar-es.js';
 import { I as Icon } from './Icon-es.js';
 import { u as useChildComponent } from './useChildComponent-es.js';
+import { d as defineMessages, u as useAtlantisI18n } from './useAtlantisI18n-es.js';
 import { T as Typography } from './Typography-es.js';
 import { T as Tooltip } from './Tooltip-es.js';
 
@@ -19,9 +20,25 @@ function ChipPrefix({ children }) {
 
 var styles = {"wrapper":"NLNJBhRffp4-","input":"ulLzwMsQL3U-","inactive":"_3LLjp8oIxJ0-","invalid":"H7VZzUBkgjk-","disabled":"-yQxZSnxBBU-","button":"ngKOY8l4BG4-","icon":"rzbiB2nz36Q-","spinning":"X7Bx5CDPfDs-"};
 
+const chipsMessages = defineMessages({
+    "Remove {label}": {
+        en: "Remove {label}",
+        es: "Eliminar {label}",
+    },
+    add: {
+        en: "Add",
+        es: "Agregar",
+    },
+    cycleOptions: {
+        en: "Press up and down arrow to cycle through the options or type to narrow down the results",
+        es: "Presiona la flecha arriba o abajo para recorrer las opciones o escribe para filtrar los resultados",
+    },
+});
+
 function InternalChipButton({ icon, invalid, disabled, label, onClick, }) {
     const buttonRef = useRef(null);
-    return (React__default.createElement("div", { ref: buttonRef, className: styles.button, tabIndex: 0, onKeyUp: handleKeyUp, onKeyDown: handleKeyDown, onClick: handleClick, role: "button", "aria-label": `Remove ${label}`, "aria-hidden": disabled, "aria-disabled": disabled, "data-testid": "remove-chip-button" },
+    const { t } = useAtlantisI18n(chipsMessages);
+    return (React__default.createElement("div", { ref: buttonRef, className: styles.button, tabIndex: 0, onKeyUp: handleKeyUp, onKeyDown: handleKeyDown, onClick: handleClick, role: "button", "aria-label": t("Remove {label}", { label }), "aria-hidden": disabled, "aria-disabled": disabled, "data-testid": "remove-chip-button" },
         React__default.createElement(Icon, { size: "small", name: icon, color: getColor() })));
     function handleKeyUp(event) {
         var _a;
@@ -143,4 +160,4 @@ const Chip = Object.assign(ChipComponent, {
     Suffix: ChipSuffix,
 });
 
-export { Chip as C, InternalChipButton as I, styles as a, styles$1 as s };
+export { Chip as C, InternalChipButton as I, styles as a, chipsMessages as c, styles$1 as s };

package/dist/Chips/Chips.messages.d.ts

@@ -0,0 +1,14 @@
+export declare const chipsMessages: {
+    "Remove {label}": {
+        en: string;
+        es: string;
+    };
+    add: {
+        en: string;
+        es: string;
+    };
+    cycleOptions: {
+        en: string;
+        es: string;
+    };
+};

package/dist/Chips/InternalChipDismissible/index.cjs

@@ -33,6 +33,8 @@ require('../../Button-cjs.js');
 require('../../tslib.es6-cjs.js');
 require('react-router-dom');
 require('../../Spinner-cjs.js');
+require('../../useAtlantisI18n-cjs.js');
+require('../../AtlantisContext-cjs.js');
 require('../../Chip-cjs.js');
 require('../../Avatar-cjs.js');
 require('color');

package/dist/Chips/InternalChipDismissible/index.mjs

@@ -31,6 +31,8 @@ import '../../Button-es.js';
 import '../../tslib.es6-es.js';
 import 'react-router-dom';
 import '../../Spinner-es.js';
+import '../../useAtlantisI18n-es.js';
+import '../../AtlantisContext-es.js';
 import '../../Chip-es.js';
 import '../../Avatar-es.js';
 import 'color';

package/dist/Chips/index.cjs

@@ -35,6 +35,8 @@ require('../Button-cjs.js');
 require('../tslib.es6-cjs.js');
 require('react-router-dom');
 require('../Spinner-cjs.js');
+require('../useAtlantisI18n-cjs.js');
+require('../AtlantisContext-cjs.js');
 require('../Avatar-cjs.js');
 require('color');
 require('../useChildComponent-cjs.js');
@@ -45,7 +47,7 @@ require('framer-motion');
  * @deprecated Use Autocomplete with the "multiple" prop instead of ChipDismissible.
  */
 function ChipDismissible({ label, disabled, invalid, prefix, onClick, onRequestRemove, }) {
-    return (React.createElement(InternalChipDismissible.InternalChip, { label: label, disabled: disabled, invalid: invalid, prefix: prefix, onClick: onClick, suffix: React.createElement(Chip$1.InternalChipButton, { icon: "remove", label: label, invalid: invalid, disabled: disabled, onClick: onRequestRemove }) }));
+    return (React.createElement(InternalChipDismissible.InternalChip, { label: label, disabled: disabled, invalid: invalid, prefix: prefix, onClick: onClick, suffix: React.createElement(Chip$1.InternalChipButton, { icon: "cross", label: label, invalid: invalid, disabled: disabled, onClick: onRequestRemove }) }));
 }
 
 // Only need the component to pass in the data as a react children

package/dist/Chips/index.mjs

@@ -33,6 +33,8 @@ import '../Button-es.js';
 import '../tslib.es6-es.js';
 import 'react-router-dom';
 import '../Spinner-es.js';
+import '../useAtlantisI18n-es.js';
+import '../AtlantisContext-es.js';
 import '../Avatar-es.js';
 import 'color';
 import '../useChildComponent-es.js';
@@ -43,7 +45,7 @@ import 'framer-motion';
  * @deprecated Use Autocomplete with the "multiple" prop instead of ChipDismissible.
  */
 function ChipDismissible({ label, disabled, invalid, prefix, onClick, onRequestRemove, }) {
-    return (React__default.createElement(InternalChip, { label: label, disabled: disabled, invalid: invalid, prefix: prefix, onClick: onClick, suffix: React__default.createElement(InternalChipButton, { icon: "remove", label: label, invalid: invalid, disabled: disabled, onClick: onRequestRemove }) }));
+    return (React__default.createElement(InternalChip, { label: label, disabled: disabled, invalid: invalid, prefix: prefix, onClick: onClick, suffix: React__default.createElement(InternalChipButton, { icon: "cross", label: label, invalid: invalid, disabled: disabled, onClick: onRequestRemove }) }));
 }
 
 // Only need the component to pass in the data as a react children

package/dist/DataDump/index.cjs

@@ -20,6 +20,8 @@ require('../floating-ui.utils-cjs.js');
 require('react/jsx-runtime');
 require('react-dom');
 require('../floating-ui.react-dom-cjs.js');
+require('../useAtlantisI18n-cjs.js');
+require('../AtlantisContext-cjs.js');
 require('../useFormFieldFocus-cjs.js');
 require('../maxHeight-cjs.js');
 require('../useRenderElement-cjs.js');

package/dist/DataDump/index.mjs

@@ -18,6 +18,8 @@ import '../floating-ui.utils-es.js';
 import 'react/jsx-runtime';
 import 'react-dom';
 import '../floating-ui.react-dom-es.js';
+import '../useAtlantisI18n-es.js';
+import '../AtlantisContext-es.js';
 import '../useFormFieldFocus-es.js';
 import '../maxHeight-es.js';
 import '../useRenderElement-es.js';

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

@@ -49,6 +49,8 @@ require('../../../../../Chip-cjs.js');
 require('../../../../../Avatar-cjs.js');
 require('color');
 require('../../../../../useChildComponent-cjs.js');
+require('../../../../../useAtlantisI18n-cjs.js');
+require('../../../../../AtlantisContext-cjs.js');
 require('../../../../../Tooltip-cjs.js');
 require('../../../../../FilterPickerActivator-cjs.js');
 

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

@@ -47,5 +47,7 @@ import '../../../../../Chip-es.js';
 import '../../../../../Avatar-es.js';
 import 'color';
 import '../../../../../useChildComponent-es.js';
+import '../../../../../useAtlantisI18n-es.js';
+import '../../../../../AtlantisContext-es.js';
 import '../../../../../Tooltip-es.js';
 import '../../../../../FilterPickerActivator-es.js';

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

@@ -50,6 +50,8 @@ require('../../../Chip-cjs.js');
 require('../../../Avatar-cjs.js');
 require('color');
 require('../../../useChildComponent-cjs.js');
+require('../../../useAtlantisI18n-cjs.js');
+require('../../../AtlantisContext-cjs.js');
 require('../../../Tooltip-cjs.js');
 require('../../../FilterPickerActivator-cjs.js');
 require('../../../DataListOverflowFade-cjs.js');

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

@@ -48,6 +48,8 @@ import '../../../Chip-es.js';
 import '../../../Avatar-es.js';
 import 'color';
 import '../../../useChildComponent-es.js';
+import '../../../useAtlantisI18n-es.js';
+import '../../../AtlantisContext-es.js';
 import '../../../Tooltip-es.js';
 import '../../../FilterPickerActivator-es.js';
 import '../../../DataListOverflowFade-es.js';

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

@@ -15,6 +15,8 @@ require('react-router-dom');
 require('../../../Icon-cjs.js');
 require('../../../Typography-cjs.js');
 require('../../../Text-cjs.js');
+require('../../../useAtlantisI18n-cjs.js');
+require('../../../AtlantisContext-cjs.js');
 require('../../../useFormFieldFocus-cjs.js');
 require('../../../InputValidation-cjs.js');
 require('../../../FormFieldPostFix-cjs.js');

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

@@ -13,6 +13,8 @@ import 'react-router-dom';
 import '../../../Icon-es.js';
 import '../../../Typography-es.js';
 import '../../../Text-es.js';
+import '../../../useAtlantisI18n-es.js';
+import '../../../AtlantisContext-es.js';
 import '../../../useFormFieldFocus-es.js';
 import '../../../InputValidation-es.js';
 import '../../../FormFieldPostFix-es.js';

package/dist/DataList/index.cjs

@@ -80,6 +80,8 @@ require('../Chip-cjs.js');
 require('../Avatar-cjs.js');
 require('color');
 require('../useChildComponent-cjs.js');
+require('../useAtlantisI18n-cjs.js');
+require('../AtlantisContext-cjs.js');
 require('../FilterPickerActivator-cjs.js');
 require('../DataListOverflowFade-cjs.js');
 require('../DataListStickyHeader-cjs.js');

package/dist/DataList/index.mjs

@@ -78,6 +78,8 @@ import '../Chip-es.js';
 import '../Avatar-es.js';
 import 'color';
 import '../useChildComponent-es.js';
+import '../useAtlantisI18n-es.js';
+import '../AtlantisContext-es.js';
 import '../FilterPickerActivator-es.js';
 import '../DataListOverflowFade-es.js';
 import '../DataListStickyHeader-es.js';

package/dist/DataListSearch-cjs.js

@@ -62,7 +62,7 @@ function InternalDataListSearch() {
                     : handleUncontrolledChange, prefix: { icon: "search" }, clearable: "always" })),
         React.createElement("div", { className: styles.searchButton },
             React.createElement(framerMotion.AnimatePresence, { mode: "wait", initial: false },
-                React.createElement(framerMotion.motion.div, { ref: applyChildDisplay, key: visible ? "close" : "search", variants: visible ? SLIDE_IN_UP : SLIDE_IN_DOWN, initial: "hidden", animate: "visible", exit: "hidden", transition: { duration: SWAP_DURATION } }, visible ? (React.createElement(Button.Button, { variation: "subtle", icon: "remove", ariaLabel: "Close search bar", onClick: toggleSearch })) : (React.createElement(Button.Button, { variation: "subtle", icon: "search", ariaLabel: "Search", onClick: toggleSearch })))))));
+                React.createElement(framerMotion.motion.div, { ref: applyChildDisplay, key: visible ? "close" : "search", variants: visible ? SLIDE_IN_UP : SLIDE_IN_DOWN, initial: "hidden", animate: "visible", exit: "hidden", transition: { duration: SWAP_DURATION } }, visible ? (React.createElement(Button.Button, { variation: "subtle", icon: "cross", ariaLabel: "Close search bar", onClick: toggleSearch })) : (React.createElement(Button.Button, { variation: "subtle", icon: "search", ariaLabel: "Search", onClick: toggleSearch })))))));
     function getPlaceholder() {
         if (placeholder)
             return placeholder;

package/dist/DataListSearch-es.js

@@ -60,7 +60,7 @@ function InternalDataListSearch() {
                     : handleUncontrolledChange, prefix: { icon: "search" }, clearable: "always" })),
         React__default.createElement("div", { className: styles.searchButton },
             React__default.createElement(AnimatePresence, { mode: "wait", initial: false },
-                React__default.createElement(motion.div, { ref: applyChildDisplay, key: visible ? "close" : "search", variants: visible ? SLIDE_IN_UP : SLIDE_IN_DOWN, initial: "hidden", animate: "visible", exit: "hidden", transition: { duration: SWAP_DURATION } }, visible ? (React__default.createElement(Button, { variation: "subtle", icon: "remove", ariaLabel: "Close search bar", onClick: toggleSearch })) : (React__default.createElement(Button, { variation: "subtle", icon: "search", ariaLabel: "Search", onClick: toggleSearch })))))));
+                React__default.createElement(motion.div, { ref: applyChildDisplay, key: visible ? "close" : "search", variants: visible ? SLIDE_IN_UP : SLIDE_IN_DOWN, initial: "hidden", animate: "visible", exit: "hidden", transition: { duration: SWAP_DURATION } }, visible ? (React__default.createElement(Button, { variation: "subtle", icon: "cross", ariaLabel: "Close search bar", onClick: toggleSearch })) : (React__default.createElement(Button, { variation: "subtle", icon: "search", ariaLabel: "Search", onClick: toggleSearch })))))));
     function getPlaceholder() {
         if (placeholder)
             return placeholder;

package/dist/DataTable/index.cjs

@@ -20,6 +20,8 @@ require('react-router-dom');
 require('../Icon-cjs.js');
 require('../Typography-cjs.js');
 require('../Text-cjs.js');
+require('../useAtlantisI18n-cjs.js');
+require('../AtlantisContext-cjs.js');
 require('../useFormFieldFocus-cjs.js');
 require('../InputValidation-cjs.js');
 require('../FormFieldPostFix-cjs.js');

package/dist/DataTable/index.mjs

@@ -18,6 +18,8 @@ import 'react-router-dom';
 import '../Icon-es.js';
 import '../Typography-es.js';
 import '../Text-es.js';
+import '../useAtlantisI18n-es.js';
+import '../AtlantisContext-es.js';
 import '../useFormFieldFocus-es.js';
 import '../InputValidation-es.js';
 import '../FormFieldPostFix-es.js';

package/dist/Dialog/dialogComposableShared.d.ts

@@ -15,7 +15,7 @@ export declare function resolveComposableTriggerRender({ children, render, }: {
 /**
  * Resolves the dismiss element for `Dialog.Close`, mirroring
  * `resolveComposableTriggerRender` so a custom render works in both shells.
- * Falls back to the subtle "remove" `ButtonDismiss` when neither `render` nor
+ * Falls back to the subtle "cross" `ButtonDismiss` when neither `render` nor
  * `children` are supplied. An Atlantis `<Button>`/`<ButtonDismiss>` passed via
  * `render` or `children` is adapted; any other valid element is used as-is.
  */

package/dist/FilterPicker/components/FilterPickerActivator/index.cjs

@@ -14,6 +14,8 @@ require('@jobber/hooks');
 require('../../../Avatar-cjs.js');
 require('color');
 require('../../../useChildComponent-cjs.js');
+require('../../../useAtlantisI18n-cjs.js');
+require('../../../AtlantisContext-cjs.js');
 require('../../../Tooltip-cjs.js');
 require('../../../floating-ui.react-cjs.js');
 require('../../../floating-ui.utils.dom-cjs.js');

package/dist/FilterPicker/components/FilterPickerActivator/index.mjs

@@ -12,6 +12,8 @@ import '@jobber/hooks';
 import '../../../Avatar-es.js';
 import 'color';
 import '../../../useChildComponent-es.js';
+import '../../../useAtlantisI18n-es.js';
+import '../../../AtlantisContext-es.js';
 import '../../../Tooltip-es.js';
 import '../../../floating-ui.react-es.js';
 import '../../../floating-ui.utils.dom-es.js';

package/dist/FilterPicker/components/FilterPickerTrigger/index.cjs

@@ -11,6 +11,8 @@ require('color');
 require('../../../Icon-cjs.js');
 require('@jobber/design');
 require('../../../useChildComponent-cjs.js');
+require('../../../useAtlantisI18n-cjs.js');
+require('../../../AtlantisContext-cjs.js');
 require('../../../Typography-cjs.js');
 require('../../../Tooltip-cjs.js');
 require('../../../floating-ui.react-cjs.js');

package/dist/FilterPicker/components/FilterPickerTrigger/index.mjs

@@ -9,6 +9,8 @@ import 'color';
 import '../../../Icon-es.js';
 import '@jobber/design';
 import '../../../useChildComponent-es.js';
+import '../../../useAtlantisI18n-es.js';
+import '../../../AtlantisContext-es.js';
 import '../../../Typography-es.js';
 import '../../../Tooltip-es.js';
 import '../../../floating-ui.react-es.js';

package/dist/FilterPicker/index.cjs

@@ -46,6 +46,8 @@ require('../Chip-cjs.js');
 require('../Avatar-cjs.js');
 require('color');
 require('../useChildComponent-cjs.js');
+require('../useAtlantisI18n-cjs.js');
+require('../AtlantisContext-cjs.js');
 require('../Tooltip-cjs.js');
 require('../noop-cjs.js');
 require('../FilterPickerActivator-cjs.js');

package/dist/FilterPicker/index.mjs

@@ -44,6 +44,8 @@ import '../Chip-es.js';
 import '../Avatar-es.js';
 import 'color';
 import '../useChildComponent-es.js';
+import '../useAtlantisI18n-es.js';
+import '../AtlantisContext-es.js';
 import '../Tooltip-es.js';
 import '../noop-es.js';
 import '../FilterPickerActivator-es.js';

package/dist/FilterPickerContentSearch-cjs.js

@@ -18,7 +18,7 @@ function FilterPickerContentSearch(props) {
     return (React.createElement("div", { className: styles.search },
         React.createElement("input", { type: "search", ref: searchRef, className: styles.searchInput, placeholder: props.placeholder ? `Search ${props.placeholder}` : "Search", onChange: (event) => handleSearch(event), value: props.searchValue }),
         props.searchValue && (React.createElement("button", { className: styles.clearSearch, onClick: clearSearch, type: "button", "data-testid": "ATL-FilterPicker-Content-Search-Clear", "aria-label": "Clear search" },
-            React.createElement(Icon.Icon, { name: "remove", size: "small" })))));
+            React.createElement(Icon.Icon, { name: "cross", size: "small" })))));
     function clearSearch() {
         var _a;
         props.setSearchValue("");

package/dist/FilterPickerContentSearch-es.js

@@ -16,7 +16,7 @@ function FilterPickerContentSearch(props) {
     return (React__default.createElement("div", { className: styles.search },
         React__default.createElement("input", { type: "search", ref: searchRef, className: styles.searchInput, placeholder: props.placeholder ? `Search ${props.placeholder}` : "Search", onChange: (event) => handleSearch(event), value: props.searchValue }),
         props.searchValue && (React__default.createElement("button", { className: styles.clearSearch, onClick: clearSearch, type: "button", "data-testid": "ATL-FilterPicker-Content-Search-Clear", "aria-label": "Clear search" },
-            React__default.createElement(Icon, { name: "remove", size: "small" })))));
+            React__default.createElement(Icon, { name: "cross", size: "small" })))));
     function clearSearch() {
         var _a;
         props.setSearchValue("");

package/dist/FormField/components/FormField.messages.d.ts

@@ -0,0 +1,6 @@
+export declare const formFieldMessages: {
+    clearInput: {
+        en: string;
+        es: string;
+    };
+};