@macive/ui 0.0.9 → 0.0.11

package/dist/src/components/AlphaTabs/components/Tab/components/DuplicateModal/DuplicateModal.js

@@ -3,22 +3,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DuplicateModal = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const i18n_1 = require("../../../../../../utilities/i18n");
 const focus_1 = require("../../../../../../utilities/focus");
-const Modal_1 = require("../../../../../Modal");
-const TextField_1 = require("../../../../../TextField");
+const i18n_1 = require("../../../../../../utilities/i18n");
 const Form_1 = require("../../../../../Form");
 const FormLayout_1 = require("../../../../../FormLayout");
+const Modal_1 = require("../../../../../Modal");
+const TextField_1 = require("../../../../../TextField");
 const MAX_VIEW_NAME_LENGTH = 40;
 function DuplicateModal({ open, isModalLoading, name, onClose, onClickPrimaryAction, onClickSecondaryAction, helpText, viewNames, }) {
     const i18n = (0, i18n_1.useI18n)();
     const [value, setValue] = (0, react_1.useState)(name);
     const container = (0, react_1.useRef)(null);
     const hasSameNameError = viewNames === null || viewNames === void 0 ? void 0 : viewNames.some((viewName) => viewName.trim().toLowerCase() === value.trim().toLowerCase());
-    const isPrimaryActionDisabled = isModalLoading ||
-        hasSameNameError ||
-        !value ||
-        value.length > MAX_VIEW_NAME_LENGTH;
+    const isPrimaryActionDisabled = isModalLoading || hasSameNameError || !value || value.length > MAX_VIEW_NAME_LENGTH;
     (0, react_1.useEffect)(() => {
         if (!container.current)
             return;
@@ -47,17 +44,17 @@ function DuplicateModal({ open, isModalLoading, name, onClose, onClickPrimaryAct
         setValue(name);
         onClose();
     }
-    return ((0, jsx_runtime_1.jsx)(Modal_1.Modal, { open: open, onClose: onClose, title: i18n.translate('Polaris.Tabs.DuplicateModal.title'), primaryAction: {
-            content: i18n.translate('Polaris.Tabs.DuplicateModal.create'),
+    return ((0, jsx_runtime_1.jsx)(Modal_1.Modal, { open: open, onClose: onClose, title: i18n.translate('Macive.Tabs.DuplicateModal.title'), primaryAction: {
+            content: i18n.translate('Macive.Tabs.DuplicateModal.create'),
             onAction: handlePrimaryAction,
             disabled: isPrimaryActionDisabled,
         }, secondaryActions: [
             {
-                content: i18n.translate('Polaris.Tabs.DuplicateModal.cancel'),
+                content: i18n.translate('Macive.Tabs.DuplicateModal.cancel'),
                 onAction: handleSecondaryAction,
             },
-        ], instant: true, children: (0, jsx_runtime_1.jsx)(Modal_1.Modal.Section, { children: (0, jsx_runtime_1.jsx)(Form_1.Form, { onSubmit: handlePrimaryAction, children: (0, jsx_runtime_1.jsx)(FormLayout_1.FormLayout, { children: (0, jsx_runtime_1.jsx)("div", { ref: container, children: (0, jsx_runtime_1.jsx)(TextField_1.TextField, { label: i18n.translate('Polaris.Tabs.DuplicateModal.label'), value: value, onChange: handleChange, autoComplete: "off", helpText: helpText, maxLength: MAX_VIEW_NAME_LENGTH, showCharacterCount: true, error: hasSameNameError
-                                ? i18n.translate('Polaris.Tabs.DuplicateModal.errors.sameName', { name: value })
+        ], instant: true, children: (0, jsx_runtime_1.jsx)(Modal_1.Modal.Section, { children: (0, jsx_runtime_1.jsx)(Form_1.Form, { onSubmit: handlePrimaryAction, children: (0, jsx_runtime_1.jsx)(FormLayout_1.FormLayout, { children: (0, jsx_runtime_1.jsx)("div", { ref: container, children: (0, jsx_runtime_1.jsx)(TextField_1.TextField, { label: i18n.translate('Macive.Tabs.DuplicateModal.label'), value: value, onChange: handleChange, autoComplete: 'off', helpText: helpText, maxLength: MAX_VIEW_NAME_LENGTH, showCharacterCount: true, error: hasSameNameError
+                                ? i18n.translate('Macive.Tabs.DuplicateModal.errors.sameName', { name: value })
                                 : undefined }) }) }) }) }) }));
 }
 exports.DuplicateModal = DuplicateModal;

package/dist/src/components/AlphaTabs/components/Tab/components/RenameModal/RenameModal.js

@@ -3,12 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.RenameModal = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const i18n_1 = require("../../../../../../utilities/i18n");
 const focus_1 = require("../../../../../../utilities/focus");
-const Modal_1 = require("../../../../../Modal");
-const TextField_1 = require("../../../../../TextField");
+const i18n_1 = require("../../../../../../utilities/i18n");
 const Form_1 = require("../../../../../Form");
 const FormLayout_1 = require("../../../../../FormLayout");
+const Modal_1 = require("../../../../../Modal");
+const TextField_1 = require("../../../../../TextField");
 function RenameModal({ open, isModalLoading, name, onClose, onClickPrimaryAction, onClickSecondaryAction, helpText, viewNames, }) {
     const i18n = (0, i18n_1.useI18n)();
     const [value, setValue] = (0, react_1.useState)(name);
@@ -43,17 +43,17 @@ function RenameModal({ open, isModalLoading, name, onClose, onClickPrimaryAction
         setValue(name);
         onClose();
     }
-    return ((0, jsx_runtime_1.jsx)(Modal_1.Modal, { open: open, onClose: onClose, title: i18n.translate('Polaris.Tabs.RenameModal.title'), primaryAction: {
-            content: i18n.translate('Polaris.Tabs.RenameModal.create'),
+    return ((0, jsx_runtime_1.jsx)(Modal_1.Modal, { open: open, onClose: onClose, title: i18n.translate('Macive.Tabs.RenameModal.title'), primaryAction: {
+            content: i18n.translate('Macive.Tabs.RenameModal.create'),
             onAction: handlePrimaryAction,
             disabled: isPrimaryActionDisabled,
         }, secondaryActions: [
             {
-                content: i18n.translate('Polaris.Tabs.RenameModal.cancel'),
+                content: i18n.translate('Macive.Tabs.RenameModal.cancel'),
                 onAction: handleSecondaryAction,
             },
-        ], instant: true, children: (0, jsx_runtime_1.jsx)(Modal_1.Modal.Section, { children: (0, jsx_runtime_1.jsx)(Form_1.Form, { onSubmit: handlePrimaryAction, children: (0, jsx_runtime_1.jsx)(FormLayout_1.FormLayout, { children: (0, jsx_runtime_1.jsx)("div", { ref: container, children: (0, jsx_runtime_1.jsx)(TextField_1.TextField, { label: i18n.translate('Polaris.Tabs.RenameModal.label'), value: value, onChange: handleChange, autoComplete: "off", helpText: helpText, maxLength: 40, showCharacterCount: true, error: hasSameNameError
-                                ? i18n.translate('Polaris.Tabs.RenameModal.errors.sameName', { name: value })
+        ], instant: true, children: (0, jsx_runtime_1.jsx)(Modal_1.Modal.Section, { children: (0, jsx_runtime_1.jsx)(Form_1.Form, { onSubmit: handlePrimaryAction, children: (0, jsx_runtime_1.jsx)(FormLayout_1.FormLayout, { children: (0, jsx_runtime_1.jsx)("div", { ref: container, children: (0, jsx_runtime_1.jsx)(TextField_1.TextField, { label: i18n.translate('Macive.Tabs.RenameModal.label'), value: value, onChange: handleChange, autoComplete: 'off', helpText: helpText, maxLength: 40, showCharacterCount: true, error: hasSameNameError
+                                ? i18n.translate('Macive.Tabs.RenameModal.errors.sameName', { name: value })
                                 : undefined }) }) }) }) }) }));
 }
 exports.RenameModal = RenameModal;

package/dist/src/components/Autocomplete/Autocomplete.classnames.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const AutocompleteClassnames = {
+    "Loading": "Autocomplete-Loading",
+    "SectionWrapper": "Autocomplete-SectionWrapper"
+};
+exports.default = AutocompleteClassnames;

package/dist/src/components/Autocomplete/Autocomplete.js

@@ -10,7 +10,7 @@ const i18n_1 = require("../../utilities/i18n");
 const options_1 = require("../../utilities/options");
 const Combobox_1 = require("../Combobox");
 const Listbox_1 = require("../Listbox");
-const Autocomplete_styles_1 = __importDefault(require("./Autocomplete.styles"));
+const Autocomplete_classnames_1 = __importDefault(require("./Autocomplete.classnames"));
 const components_1 = require("./components");
 // TypeScript can't generate types that correctly infer the typing of
 // subcomponents so explicitly state the subcomponents in the type definition.
@@ -35,7 +35,7 @@ const Autocomplete = function Autocomplete({ options, selected, textField, prefe
                 const optionMarkup = buildMappedOptionFromOption(options);
                 return ((0, jsx_runtime_1.jsx)(Listbox_1.Listbox.Section, { divider: false, title: (0, jsx_runtime_1.jsx)(Listbox_1.Listbox.Header, { children: title }), children: optionMarkup }, title));
             });
-            return (0, jsx_runtime_1.jsx)("div", { className: Autocomplete_styles_1.default.SectionWrapper, children: optionsMarkup });
+            return (0, jsx_runtime_1.jsx)("div", { className: Autocomplete_classnames_1.default.SectionWrapper, children: optionsMarkup });
         }
         const optionList = conditionalOptions.length > 0 ? buildMappedOptionFromOption(conditionalOptions) : null;
         if (listTitle) {
@@ -43,7 +43,7 @@ const Autocomplete = function Autocomplete({ options, selected, textField, prefe
         }
         return optionList;
     }, [listTitle, loading, options, willLoadMoreResults, buildMappedOptionFromOption]);
-    const loadingMarkup = loading ? ((0, jsx_runtime_1.jsx)(Listbox_1.Listbox.Loading, { accessibilityLabel: i18n.translate('Polaris.Autocomplete.spinnerAccessibilityLabel') })) : null;
+    const loadingMarkup = loading ? ((0, jsx_runtime_1.jsx)(Listbox_1.Listbox.Loading, { accessibilityLabel: i18n.translate('Macive.Autocomplete.spinnerAccessibilityLabel') })) : null;
     const updateSelection = (0, react_1.useCallback)((newSelection) => {
         if (actionBefore && newSelection === actionBefore.content) {
             actionBefore.onAction && actionBefore.onAction();

package/dist/src/components/Autocomplete/components/MappedAction/MappedAction.classnames.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const MappedActionClassnames = {
+    "ActionContainer": "MappedAction-ActionContainer",
+    "Action": "MappedAction-Action",
+    "destructive": "MappedAction-destructive",
+    "selected": "MappedAction-selected",
+    "disabled": "MappedAction-disabled",
+    "Prefix": "MappedAction-Prefix",
+    "Suffix": "MappedAction-Suffix",
+    "Content": "MappedAction-Content",
+    "Text": "MappedAction-Text",
+    "ContentWrap": "MappedAction-ContentWrap"
+};
+exports.default = MappedActionClassnames;

package/dist/src/components/Autocomplete/components/MappedAction/MappedAction.js

@@ -13,24 +13,24 @@ const Badge_1 = require("../../../Badge");
 const Icon_1 = require("../../../Icon");
 const Listbox_1 = require("../../../Listbox");
 const Text_1 = require("../../../Text");
-const MappedAction_styles_1 = __importDefault(require("./MappedAction.styles"));
+const MappedAction_classnames_1 = __importDefault(require("./MappedAction.classnames"));
 function MappedAction({ active, content, disabled, icon, image, prefix, suffix, ellipsis, role, url, external, onAction, destructive, badge, helpText, wrapOverflow = false, }) {
     const i18n = (0, i18n_1.useI18n)();
     let prefixMarkup = null;
-    const contentOverflowStyle = wrapOverflow ? MappedAction_styles_1.default.ContentWrap : undefined;
+    const contentOverflowStyle = wrapOverflow ? MappedAction_classnames_1.default.ContentWrap : undefined;
     if (prefix) {
-        prefixMarkup = (0, jsx_runtime_1.jsx)("div", { className: MappedAction_styles_1.default.Prefix, children: prefix });
+        prefixMarkup = (0, jsx_runtime_1.jsx)("div", { className: MappedAction_classnames_1.default.Prefix, children: prefix });
     }
     else if (icon) {
-        prefixMarkup = ((0, jsx_runtime_1.jsx)("div", { className: MappedAction_styles_1.default.Prefix, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { source: icon }) }));
+        prefixMarkup = ((0, jsx_runtime_1.jsx)("div", { className: MappedAction_classnames_1.default.Prefix, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { source: icon }) }));
     }
     else if (image) {
-        prefixMarkup = ((0, jsx_runtime_1.jsx)("div", { role: 'presentation', className: MappedAction_styles_1.default.Prefix, style: { backgroundImage: `url(${image}` } }));
+        prefixMarkup = ((0, jsx_runtime_1.jsx)("div", { role: 'presentation', className: MappedAction_classnames_1.default.Prefix, style: { backgroundImage: `url(${image}` } }));
     }
-    const badgeMarkup = badge && ((0, jsx_runtime_1.jsx)("span", { className: MappedAction_styles_1.default.Suffix, children: (0, jsx_runtime_1.jsx)(Badge_1.Badge, { status: badge.status, children: badge.content }) }));
-    const suffixMarkup = suffix && (0, jsx_runtime_1.jsx)("span", { className: MappedAction_styles_1.default.Suffix, children: suffix });
-    const contentText = ellipsis && content ? i18n.translate('Polaris.Autocomplete.ellipsis', { content }) : content;
-    const contentMarkup = ((0, jsx_runtime_1.jsxs)("div", { className: MappedAction_styles_1.default.Text, children: [(0, jsx_runtime_1.jsx)("div", { className: contentOverflowStyle, children: contentText }), helpText ? ((0, jsx_runtime_1.jsx)(Text_1.Text, { color: 'subdued', as: 'span', children: helpText })) : null] }));
+    const badgeMarkup = badge && ((0, jsx_runtime_1.jsx)("span", { className: MappedAction_classnames_1.default.Suffix, children: (0, jsx_runtime_1.jsx)(Badge_1.Badge, { status: badge.status, children: badge.content }) }));
+    const suffixMarkup = suffix && (0, jsx_runtime_1.jsx)("span", { className: MappedAction_classnames_1.default.Suffix, children: suffix });
+    const contentText = ellipsis && content ? i18n.translate('Macive.Autocomplete.ellipsis', { content }) : content;
+    const contentMarkup = ((0, jsx_runtime_1.jsxs)("div", { className: MappedAction_classnames_1.default.Text, children: [(0, jsx_runtime_1.jsx)("div", { className: contentOverflowStyle, children: contentText }), helpText ? ((0, jsx_runtime_1.jsx)(Text_1.Text, { color: 'subdued', as: 'span', children: helpText })) : null] }));
     const context = (0, react_1.useMemo)(() => ({
         role,
         url,
@@ -38,7 +38,7 @@ function MappedAction({ active, content, disabled, icon, image, prefix, suffix,
         onAction,
         destructive,
     }), [role, url, external, onAction, destructive]);
-    const actionClassNames = (0, css_1.classNames)(MappedAction_styles_1.default.Action, disabled && MappedAction_styles_1.default.disabled, destructive && MappedAction_styles_1.default.destructive, active && MappedAction_styles_1.default.selected);
-    return ((0, jsx_runtime_1.jsx)(autocomplete_1.MappedActionContext.Provider, { value: context, children: (0, jsx_runtime_1.jsx)("div", { className: MappedAction_styles_1.default.ActionContainer, children: (0, jsx_runtime_1.jsx)(Listbox_1.Listbox.Action, { selected: active, disabled: disabled, value: content || '', children: (0, jsx_runtime_1.jsx)("div", { className: actionClassNames, children: (0, jsx_runtime_1.jsxs)("div", { className: MappedAction_styles_1.default.Content, children: [prefixMarkup, contentMarkup, badgeMarkup, suffixMarkup] }) }) }) }) }));
+    const actionClassNames = (0, css_1.classNames)(MappedAction_classnames_1.default.Action, disabled && MappedAction_classnames_1.default.disabled, destructive && MappedAction_classnames_1.default.destructive, active && MappedAction_classnames_1.default.selected);
+    return ((0, jsx_runtime_1.jsx)(autocomplete_1.MappedActionContext.Provider, { value: context, children: (0, jsx_runtime_1.jsx)("div", { className: MappedAction_classnames_1.default.ActionContainer, children: (0, jsx_runtime_1.jsx)(Listbox_1.Listbox.Action, { selected: active, disabled: disabled, value: content || '', children: (0, jsx_runtime_1.jsx)("div", { className: actionClassNames, children: (0, jsx_runtime_1.jsxs)("div", { className: MappedAction_classnames_1.default.Content, children: [prefixMarkup, contentMarkup, badgeMarkup, suffixMarkup] }) }) }) }) }));
 }
 exports.MappedAction = MappedAction;

package/dist/src/components/Autocomplete/components/MappedOption/MappedOption.classnames.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const MappedOptionClassnames = {
+    "Content": "MappedOption-Content",
+    "Media": "MappedOption-Media",
+    "singleSelectionMedia": "MappedOption-singleSelectionMedia",
+    "disabledMedia": "MappedOption-disabledMedia"
+};
+exports.default = MappedOptionClassnames;

package/dist/src/components/Autocomplete/components/MappedOption/MappedOption.js

@@ -8,12 +8,12 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const css_1 = require("../../../../utilities/css");
 const Listbox_1 = require("../../../Listbox");
-const MappedOption_styles_1 = __importDefault(require("./MappedOption.styles"));
+const MappedOption_classnames_1 = __importDefault(require("./MappedOption.classnames"));
 exports.MappedOption = (0, react_1.memo)(function MappedOption({ label, value, disabled, 
 //@ts-expect-error
 media, selected, singleSelection, }) {
-    const mediaClassNames = (0, css_1.classNames)(MappedOption_styles_1.default.Media, disabled && MappedOption_styles_1.default.disabledMedia, singleSelection && MappedOption_styles_1.default.singleSelectionMedia);
+    const mediaClassNames = (0, css_1.classNames)(MappedOption_classnames_1.default.Media, disabled && MappedOption_classnames_1.default.disabledMedia, singleSelection && MappedOption_classnames_1.default.singleSelectionMedia);
     const mediaMarkup = media ? (0, jsx_runtime_1.jsx)("div", { className: mediaClassNames, children: media }) : null;
     const accessibilityLabel = typeof label === 'string' ? label : undefined;
-    return ((0, jsx_runtime_1.jsx)(Listbox_1.Listbox.Option, { accessibilityLabel: accessibilityLabel, selected: selected, value: value, disabled: disabled, children: (0, jsx_runtime_1.jsx)(Listbox_1.Listbox.TextOption, { selected: selected, disabled: disabled, children: (0, jsx_runtime_1.jsxs)("div", { className: MappedOption_styles_1.default.Content, children: [mediaMarkup, label] }) }) }, value));
+    return ((0, jsx_runtime_1.jsx)(Listbox_1.Listbox.Option, { accessibilityLabel: accessibilityLabel, selected: selected, value: value, disabled: disabled, children: (0, jsx_runtime_1.jsx)(Listbox_1.Listbox.TextOption, { selected: selected, disabled: disabled, children: (0, jsx_runtime_1.jsxs)("div", { className: MappedOption_classnames_1.default.Content, children: [mediaMarkup, label] }) }) }, value));
 });

package/dist/src/components/Avatar/Avatar.js

@@ -10,7 +10,7 @@ const css_1 = require("../../utilities/css");
 const i18n_1 = require("../../utilities/i18n");
 const use_is_after_initial_mount_1 = require("../../utilities/use-is-after-initial-mount");
 const Image_1 = require("../Image");
-const Avatar_styles_1 = __importDefault(require("./Avatar.styles"));
+const Avatar_classnames_1 = __importDefault(require("./Avatar.classnames"));
 var Status;
 (function (Status) {
     Status["Pending"] = "PENDING";
@@ -60,27 +60,27 @@ function Avatar({ name, source, onError, initials, customer, size = 'medium', sh
     }
     else if (initials) {
         const splitInitials = initials.split('').join(' ');
-        label = i18n.translate('Polaris.Avatar.labelWithInitials', {
+        label = i18n.translate('Macive.Avatar.labelWithInitials', {
             initials: splitInitials,
         });
     }
     else {
-        label = i18n.translate('Polaris.Avatar.label');
+        label = i18n.translate('Macive.Avatar.label');
     }
-    const className = (0, css_1.classNames)(Avatar_styles_1.default.Avatar, 
+    const className = (0, css_1.classNames)(Avatar_classnames_1.default.Avatar, 
     //@ts-expect-error @styles-error
-    size && Avatar_styles_1.default[(0, css_1.variationName)('size', size)], hasImage && status === Status.Loaded && Avatar_styles_1.default.imageHasLoaded, 
+    size && Avatar_classnames_1.default[(0, css_1.variationName)('size', size)], hasImage && status === Status.Loaded && Avatar_classnames_1.default.imageHasLoaded, 
     //@ts-expect-error @styles-error
-    shape && Avatar_styles_1.default[(0, css_1.variationName)('shape', shape)], 
+    shape && Avatar_classnames_1.default[(0, css_1.variationName)('shape', shape)], 
     //@ts-expect-error @styles-error
-    !customer && !source && Avatar_styles_1.default[(0, css_1.variationName)('style', styleClass(nameString))]);
-    const textClassName = (0, css_1.classNames)(Avatar_styles_1.default.Text, ((initials === null || initials === void 0 ? void 0 : initials.length) || 0) > 2 && Avatar_styles_1.default.long);
-    const imageClassName = (0, css_1.classNames)(Avatar_styles_1.default.Image, status !== Status.Loaded && Avatar_styles_1.default.hidden);
+    !customer && !source && Avatar_classnames_1.default[(0, css_1.variationName)('style', styleClass(nameString))]);
+    const textClassName = (0, css_1.classNames)(Avatar_classnames_1.default.Text, ((initials === null || initials === void 0 ? void 0 : initials.length) || 0) > 2 && Avatar_classnames_1.default.long);
+    const imageClassName = (0, css_1.classNames)(Avatar_classnames_1.default.Image, status !== Status.Loaded && Avatar_classnames_1.default.hidden);
     const imageMarkUp = source && isAfterInitialMount && status !== Status.Errored ? ((0, jsx_runtime_1.jsx)(Image_1.Image, { className: imageClassName, source: source, alt: '', role: 'presentation', onLoad: handleLoad, onError: handleError })) : null;
     // Use `dominant-baseline: central` instead of `dy` when Edge supports it.
     const verticalOffset = '0.35em';
     const avatarBody = customer || !initials ? ((0, jsx_runtime_1.jsx)("path", { fill: 'currentColor', d: 'M8.28 27.5A14.95 14.95 0 0120 21.8c4.76 0 8.97 2.24 11.72 5.7a14.02 14.02 0 01-8.25 5.91 14.82 14.82 0 01-6.94 0 14.02 14.02 0 01-8.25-5.9zM13.99 12.78a6.02 6.02 0 1112.03 0 6.02 6.02 0 01-12.03 0z' })) : ((0, jsx_runtime_1.jsx)("text", { className: textClassName, x: '50%', y: '50%', dy: verticalOffset, fill: 'currentColor', textAnchor: 'middle', children: initials }));
-    const svgMarkup = hasImage ? null : ((0, jsx_runtime_1.jsx)("span", { className: Avatar_styles_1.default.Initials, children: (0, jsx_runtime_1.jsx)("svg", { className: Avatar_styles_1.default.Svg, viewBox: '0 0 40 40', children: avatarBody }) }));
+    const svgMarkup = hasImage ? null : ((0, jsx_runtime_1.jsx)("span", { className: Avatar_classnames_1.default.Initials, children: (0, jsx_runtime_1.jsx)("svg", { className: Avatar_classnames_1.default.Svg, viewBox: '0 0 40 40', children: avatarBody }) }));
     return ((0, jsx_runtime_1.jsxs)("span", { "aria-label": label, role: 'img', className: className, children: [svgMarkup, imageMarkUp] }));
 }
 exports.Avatar = Avatar;

package/dist/src/components/Backdrop/Backdrop.js

@@ -7,10 +7,10 @@ exports.Backdrop = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const css_1 = require("../../utilities/css");
 const ScrollLock_1 = require("../ScrollLock");
-const Backdrop_styles_1 = __importDefault(require("./Backdrop.styles"));
+const Backdrop_classnames_1 = __importDefault(require("./Backdrop.classnames"));
 function Backdrop(props) {
     const { onClick, onTouchStart, belowNavigation, transparent, setClosing } = props;
-    const className = (0, css_1.classNames)(Backdrop_styles_1.default.Backdrop, belowNavigation && Backdrop_styles_1.default.belowNavigation, transparent && Backdrop_styles_1.default.transparent);
+    const className = (0, css_1.classNames)(Backdrop_classnames_1.default.Backdrop, belowNavigation && Backdrop_classnames_1.default.belowNavigation, transparent && Backdrop_classnames_1.default.transparent);
     const handleMouseDown = () => {
         if (setClosing) {
             setClosing(true);

package/dist/src/components/Badge/components/Pip/Pip.classnames.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const PipClassnames = {
+    "Pip": "Pip-Pip",
+    "statusInfo": "Pip-statusInfo",
+    "statusSuccess": "Pip-statusSuccess",
+    "statusNew": "Pip-statusNew",
+    "statusAttention": "Pip-statusAttention",
+    "statusWarning": "Pip-statusWarning",
+    "statusCritical": "Pip-statusCritical",
+    "progressIncomplete": "Pip-progressIncomplete",
+    "progressPartiallyComplete": "Pip-progressPartiallyComplete",
+    "progressComplete": "Pip-progressComplete"
+};
+exports.default = PipClassnames;

package/dist/src/components/Badge/components/Pip/Pip.js

@@ -9,16 +9,16 @@ const css_1 = require("../../../../utilities/css");
 const i18n_1 = require("../../../../utilities/i18n");
 const Text_1 = require("../../../Text");
 const utils_1 = require("../../utils");
-const Pip_styles_1 = __importDefault(require("./Pip.styles"));
+const Pip_classnames_1 = __importDefault(require("./Pip.classnames"));
 function Pip({ status, progress = 'complete', accessibilityLabelOverride }) {
     const i18n = (0, i18n_1.useI18n)();
-    const className = (0, css_1.classNames)(Pip_styles_1.default.Pip, 
+    const className = (0, css_1.classNames)(Pip_classnames_1.default.Pip, 
     // status && styles[variationName('status', status)],
     // progress && styles[variationName('progress', progress)],
     //@ts-ignore
-    status && Pip_styles_1.default[status], 
+    status && Pip_classnames_1.default[status], 
     //@ts-ignore
-    progress && Pip_styles_1.default[progress]);
+    progress && Pip_classnames_1.default[progress]);
     const accessibilityLabel = accessibilityLabelOverride
         ? accessibilityLabelOverride
         : (0, utils_1.getDefaultAccessibilityLabel)(i18n, progress, status);

package/dist/src/components/Badge/utils.js

@@ -10,33 +10,33 @@ function getDefaultAccessibilityLabel(i18n, progress, status) {
     }
     switch (progress) {
         case types_1.ProgressValue.Incomplete:
-            progressLabel = i18n.translate('Polaris.Badge.PROGRESS_LABELS.incomplete');
+            progressLabel = i18n.translate('Macive.Badge.PROGRESS_LABELS.incomplete');
             break;
         case types_1.ProgressValue.PartiallyComplete:
-            progressLabel = i18n.translate('Polaris.Badge.PROGRESS_LABELS.partiallyComplete');
+            progressLabel = i18n.translate('Macive.Badge.PROGRESS_LABELS.partiallyComplete');
             break;
         case types_1.ProgressValue.Complete:
-            progressLabel = i18n.translate('Polaris.Badge.PROGRESS_LABELS.complete');
+            progressLabel = i18n.translate('Macive.Badge.PROGRESS_LABELS.complete');
             break;
     }
     switch (status) {
         case types_1.StatusValue.Info:
-            statusLabel = i18n.translate('Polaris.Badge.STATUS_LABELS.info');
+            statusLabel = i18n.translate('Macive.Badge.STATUS_LABELS.info');
             break;
         case types_1.StatusValue.Success:
-            statusLabel = i18n.translate('Polaris.Badge.STATUS_LABELS.success');
+            statusLabel = i18n.translate('Macive.Badge.STATUS_LABELS.success');
             break;
         case types_1.StatusValue.Warning:
-            statusLabel = i18n.translate('Polaris.Badge.STATUS_LABELS.warning');
+            statusLabel = i18n.translate('Macive.Badge.STATUS_LABELS.warning');
             break;
         case types_1.StatusValue.Critical:
-            statusLabel = i18n.translate('Polaris.Badge.STATUS_LABELS.critical');
+            statusLabel = i18n.translate('Macive.Badge.STATUS_LABELS.critical');
             break;
         case types_1.StatusValue.Attention:
-            statusLabel = i18n.translate('Polaris.Badge.STATUS_LABELS.attention');
+            statusLabel = i18n.translate('Macive.Badge.STATUS_LABELS.attention');
             break;
         case types_1.StatusValue.New:
-            statusLabel = i18n.translate('Polaris.Badge.STATUS_LABELS.new');
+            statusLabel = i18n.translate('Macive.Badge.STATUS_LABELS.new');
             break;
     }
     if (!status && progress) {
@@ -46,7 +46,7 @@ function getDefaultAccessibilityLabel(i18n, progress, status) {
         return statusLabel;
     }
     else {
-        return i18n.translate('Polaris.Badge.progressAndStatus', {
+        return i18n.translate('Macive.Badge.progressAndStatus', {
             progressLabel,
             statusLabel,
         });

package/dist/src/components/Banner/Banner.classnames.js

@@ -1,23 +1,23 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const BannerClassnames = {
-    "keyFocused": "Banner-keyFocused",
-    "statusSuccess": "Banner-statusSuccess",
-    "statusInfo": "Banner-statusInfo",
-    "statusWarning": "Banner-statusWarning",
-    "statusCritical": "Banner-statusCritical",
     "Banner": "Banner-Banner",
-    "PrimaryAction.Button": "Banner-PrimaryAction.Button",
+    "statusCritical": "Banner-statusCritical",
     "PrimaryAction": "Banner-PrimaryAction",
+    "Button": "Banner-Button",
+    "statusWarning": "Banner-statusWarning",
+    "statusInfo": "Banner-statusInfo",
+    "statusSuccess": "Banner-statusSuccess",
     "ContentWrapper": "Banner-ContentWrapper",
     "withinContentContainer": "Banner-withinContentContainer",
     "Dismiss": "Banner-Dismiss",
+    "keyFocused": "Banner-keyFocused",
     "withinPage": "Banner-withinPage",
     "Ribbon": "Banner-Ribbon",
     "hasDismiss": "Banner-hasDismiss",
     "SecondaryAction": "Banner-SecondaryAction",
     "Text": "Banner-Text",
-    "Button": "Banner-Button",
+    "pressed": "Banner-pressed",
     "loading": "Banner-loading",
     "Spinner": "Banner-Spinner"
 };

package/dist/src/components/Banner/Banner.js

@@ -34,7 +34,7 @@ exports.Banner = (0, react_1.forwardRef)(function Banner({ icon, action, seconda
     if (title) {
         headingMarkup = ((0, jsx_runtime_1.jsx)(Text_1.Text, { as: 'h2', variant: 'headingMd', breakWord: true, children: title }));
     }
-    const spinnerMarkup = (action === null || action === void 0 ? void 0 : action.loading) ? ((0, jsx_runtime_1.jsxs)("button", { disabled: true, "aria-busy": true, className: (0, css_1.classNames)(Banner_classnames_1.default.Button, Banner_classnames_1.default.loading), children: [(0, jsx_runtime_1.jsx)("span", { className: Banner_classnames_1.default.Spinner, children: (0, jsx_runtime_1.jsx)(Spinner_1.Spinner, { size: 'small', accessibilityLabel: i18n.translate('Polaris.Button.spinnerAccessibilityLabel') }) }), action.content] })) : null;
+    const spinnerMarkup = (action === null || action === void 0 ? void 0 : action.loading) ? ((0, jsx_runtime_1.jsxs)("button", { disabled: true, "aria-busy": true, className: (0, css_1.classNames)(Banner_classnames_1.default.Button, Banner_classnames_1.default.loading), children: [(0, jsx_runtime_1.jsx)("span", { className: Banner_classnames_1.default.Spinner, children: (0, jsx_runtime_1.jsx)(Spinner_1.Spinner, { size: 'small', accessibilityLabel: i18n.translate('Macive.Button.spinnerAccessibilityLabel') }) }), action.content] })) : null;
     const primaryActionMarkup = action ? ((0, jsx_runtime_1.jsx)(Box_1.Box, { paddingInlineEnd: '2', children: action.loading
             ? spinnerMarkup
             : (0, UnstyledButton_1.unstyledButtonFrom)(action, {

package/dist/src/components/Breadcrumbs/Breadcrumbs.classnames.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const BreadcrumbsClassnames = {
+    "Breadcrumb": "Breadcrumbs-Breadcrumb",
+    "Icon": "Breadcrumbs-Icon",
+    "Content": "Breadcrumbs-Content"
+};
+exports.default = BreadcrumbsClassnames;

package/dist/src/components/Breadcrumbs/Breadcrumbs.js

@@ -10,7 +10,7 @@ const Icon_1 = require("../Icon");
 const Icons_1 = require("../Icons");
 const Text_1 = require("../Text");
 const UnstyledLink_1 = require("../UnstyledLink");
-const Breadcrumbs_styles_1 = __importDefault(require("./Breadcrumbs.styles"));
+const Breadcrumbs_classnames_1 = __importDefault(require("./Breadcrumbs.classnames"));
 function Breadcrumbs({ breadcrumbs, backAction }) {
     const breadcrumb = backAction !== null && backAction !== void 0 ? backAction : (Array.isArray(breadcrumbs) ? breadcrumbs[breadcrumbs.length - 1] : breadcrumbs);
     if (breadcrumb == null) {
@@ -21,8 +21,8 @@ function Breadcrumbs({ breadcrumbs, backAction }) {
         return null;
     }
     const { content } = breadcrumb;
-    const contentMarkup = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { className: Breadcrumbs_styles_1.default.Icon, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { source: Icons_1.MaArrowLeft }) }), (0, jsx_runtime_1.jsx)(Text_1.Text, { as: 'span', visuallyHidden: true, children: content })] }));
-    const breadcrumbMarkup = 'url' in breadcrumb ? ((0, jsx_runtime_1.jsx)(UnstyledLink_1.UnstyledLink, { url: breadcrumb.url, className: Breadcrumbs_styles_1.default.Breadcrumb, onMouseUp: focus_1.handleMouseUpByBlurring, "aria-label": breadcrumb.accessibilityLabel, children: contentMarkup }, content)) : ((0, jsx_runtime_1.jsx)("button", { className: Breadcrumbs_styles_1.default.Breadcrumb, onClick: breadcrumb.onAction, onMouseUp: focus_1.handleMouseUpByBlurring, type: 'button', "aria-label": breadcrumb.accessibilityLabel, children: contentMarkup }, content));
+    const contentMarkup = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { className: Breadcrumbs_classnames_1.default.Icon, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { source: Icons_1.MaArrowLeft }) }), (0, jsx_runtime_1.jsx)(Text_1.Text, { as: 'span', visuallyHidden: true, children: content })] }));
+    const breadcrumbMarkup = 'url' in breadcrumb ? ((0, jsx_runtime_1.jsx)(UnstyledLink_1.UnstyledLink, { url: breadcrumb.url, className: Breadcrumbs_classnames_1.default.Breadcrumb, onMouseUp: focus_1.handleMouseUpByBlurring, "aria-label": breadcrumb.accessibilityLabel, children: contentMarkup }, content)) : ((0, jsx_runtime_1.jsx)("button", { className: Breadcrumbs_classnames_1.default.Breadcrumb, onClick: breadcrumb.onAction, onMouseUp: focus_1.handleMouseUpByBlurring, type: 'button', "aria-label": breadcrumb.accessibilityLabel, children: contentMarkup }, content));
     return (0, jsx_runtime_1.jsx)("nav", { role: 'navigation', children: breadcrumbMarkup });
 }
 exports.Breadcrumbs = Breadcrumbs;

package/dist/src/components/BulkActions/BulkActions.classnames.js

@@ -4,11 +4,12 @@ const BulkActionsClassnames = {
     "ButtonGroupInner": "BulkActions-ButtonGroupInner",
     "Popover": "BulkActions-Popover",
     "Group": "BulkActions-Group",
-    "Group-not-sticky": "BulkActions-Group-not-sticky",
-    "Group-exiting": "BulkActions-Group-exiting",
-    "Group-entered": "BulkActions-Group-entered",
-    "Group-exited": "BulkActions-Group-exited",
-    "Group-measuring": "BulkActions-Group-measuring",
+    "Group-not-sticky": "BulkActions-not-sticky",
+    "Group-entering": "BulkActions-entering",
+    "Group-exiting": "BulkActions-exiting",
+    "Group-entered": "BulkActions-entered",
+    "Group-exited": "BulkActions-exited",
+    "Group-measuring": "BulkActions-measuring",
     "ButtonGroupWrapper": "BulkActions-ButtonGroupWrapper",
     "BulkActionButton": "BulkActions-BulkActionButton",
     "disabled": "BulkActions-disabled"

package/dist/src/components/BulkActions/BulkActions.js

@@ -154,7 +154,7 @@ class BulkActionsInner extends react_1.PureComponent {
             promotedActions.length > MAX_PROMOTED_ACTIONS &&
             process.env.NODE_ENV === 'development') {
             // eslint-disable-next-line no-console
-            console.warn(i18n.translate('Polaris.ResourceList.BulkActions.warningMessage', {
+            console.warn(i18n.translate('Macive.ResourceList.BulkActions.warningMessage', {
                 maxPromotedActions: MAX_PROMOTED_ACTIONS,
             }));
         }
@@ -170,8 +170,8 @@ class BulkActionsInner extends react_1.PureComponent {
             : null;
         const rolledInPromotedActions = this.rolledInPromotedActions();
         const activatorLabel = !promotedActions || (promotedActions && numberOfPromotedActionsToRender === 0 && !measuring)
-            ? i18n.translate('Polaris.ResourceList.BulkActions.actionsActivatorLabel')
-            : i18n.translate('Polaris.ResourceList.BulkActions.moreActionsActivatorLabel');
+            ? i18n.translate('Macive.ResourceList.BulkActions.actionsActivatorLabel')
+            : i18n.translate('Macive.ResourceList.BulkActions.moreActionsActivatorLabel');
         let combinedActions = [];
         if (actionSections && rolledInPromotedActions.length > 0) {
             combinedActions = [...rolledInPromotedActions, ...actionSections];
@@ -188,9 +188,7 @@ class BulkActionsInner extends react_1.PureComponent {
             return null;
         }
         const group = ((0, jsx_runtime_1.jsx)(react_transition_group_1.Transition, { timeout: 100, in: selectMode, nodeRef: this.groupNode, children: (status) => {
-                const groupClassName = (0, css_1.classNames)(BulkActions_classnames_1.default.Group, !isSticky && BulkActions_classnames_1.default['Group-not-sticky'], 
-                //@ts-expect-error index
-                !measuring && isSticky && BulkActions_classnames_1.default[`Group-${status}`], measuring && BulkActions_classnames_1.default['Group-measuring']);
+                const groupClassName = (0, css_1.classNames)(BulkActions_classnames_1.default.Group, !isSticky && BulkActions_classnames_1.default['Group-not-sticky'], !measuring && isSticky && BulkActions_classnames_1.default[`Group-${status}`], measuring && BulkActions_classnames_1.default['Group-measuring']);
                 return ((0, jsx_runtime_1.jsxs)("div", { className: groupClassName, ref: this.groupNode, style: { width }, children: [(0, jsx_runtime_1.jsx)(EventListener_1.EventListener, { event: 'resize', handler: this.handleResize }), (0, jsx_runtime_1.jsx)("div", { className: BulkActions_classnames_1.default.ButtonGroupWrapper, ref: this.setButtonsNode, children: (0, jsx_runtime_1.jsx)("div", { className: BulkActions_classnames_1.default.ButtonGroupInner, children: groupContent }) })] }));
             } }, 'group'));
         return (0, jsx_runtime_1.jsx)("div", { ref: this.setContainerNode, children: group });

package/dist/src/components/Button/Button.classnames.js

@@ -1,53 +1,44 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const ButtonClassnames = {
-    "DisclosureIcon": "Button-DisclosureIcon",
-    "removeUnderline": "Button-removeUnderline",
-    "disclosure": "Button-disclosure",
     "Button": "Button-Button",
+    "pressed": "Button-pressed",
     "disabled": "Button-disabled",
     "connectedDisclosure": "Button-connectedDisclosure",
     "Content": "Button-Content",
+    "plain": "Button-plain",
     "textAlignLeft": "Button-textAlignLeft",
     "textAlignStart": "Button-textAlignStart",
     "textAlignCenter": "Button-textAlignCenter",
     "textAlignRight": "Button-textAlignRight",
     "textAlignEnd": "Button-textAlignEnd",
     "Icon": "Button-Icon",
-    "Icon)": "Button-Icon)",
+    "fullWidth": "Button-fullWidth",
     "hidden": "Button-hidden",
     "Spinner": "Button-Spinner",
-    "primaryPlain": "Button-primaryPlain",
-    "pressed": "Button-pressed",
     "primary": "Button-primary",
     "destructive": "Button-destructive",
+    "primaryPlain": "Button-primaryPlain",
     "outline": "Button-outline",
     "loading": "Button-loading",
-    "plain": "Button-plain",
-    "disabled)": "Button-disabled)",
-    "removeUnderline)": "Button-removeUnderline)",
-    "pressed:not(.iconOnly)>.Content": "Button-pressed:not(.iconOnly)>.Content",
-    "fullWidth": "Button-fullWidth",
+    "removeUnderline": "Button-removeUnderline",
+    "iconOnly": "Button-iconOnly",
     "sizeSlim": "Button-sizeSlim",
     "sizeLarge": "Button-sizeLarge",
-    "iconOnly": "Button-iconOnly",
-    "destructive.iconOnly": "Button-destructive.iconOnly",
-    "Icon:first-child": "Button-Icon:first-child",
-    "Icon:last-child": "Button-Icon:last-child",
-    "Icon:only-child": "Button-Icon:only-child",
     "sizeMicro": "Button-sizeMicro",
     "monochrome": "Button-monochrome",
     "Text": "Button-Text",
-    "Text:not(.removeUnderline)": "Button-Text:not(.removeUnderline)",
-    "variantMonochromePlain)>*": "Button-variantMonochromePlain)>*",
+    "pressable": "Button-pressable",
+    "variantTertiary": "Button-variantTertiary",
+    "variantPlain": "Button-variantPlain",
+    "variantMonochromePlain": "Button-variantMonochromePlain",
     "ConnectedDisclosureWrapper": "Button-ConnectedDisclosureWrapper",
     "ConnectedDisclosure": "Button-ConnectedDisclosure",
-    "Button::after": "Button-Button::after",
-    "variantPlain)": "Button-variantPlain)",
-    "toneSuccess:is(.variantPrimary)": "Button-toneSuccess:is(.variantPrimary)",
-    "toneCritical:is(.variantPrimary)": "Button-toneCritical:is(.variantPrimary)",
-    "variantMonochromePlain)": "Button-variantMonochromePlain)",
-    "pressable": "Button-pressable",
-    "textAlignLeft)": "Button-textAlignLeft)"
+    "toneSuccess": "Button-toneSuccess",
+    "variantSecondary": "Button-variantSecondary",
+    "toneCritical": "Button-toneCritical",
+    "variantPrimary": "Button-variantPrimary",
+    "iconWithText": "Button-iconWithText",
+    "disclosure": "Button-disclosure"
 };
 exports.default = ButtonClassnames;