@macive/ui 0.0.10 → 0.0.11

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

@@ -5,7 +5,6 @@ const ScrollableClassnames = {
     "horizontal": "Scrollable-horizontal",
     "vertical": "Scrollable-vertical",
     "hasTopShadow": "Scrollable-hasTopShadow",
-    "hasBottomShadow": "Scrollable-hasBottomShadow",
-    "hasTopShadow.hasBottomShadow": "Scrollable-hasTopShadow.hasBottomShadow"
+    "hasBottomShadow": "Scrollable-hasBottomShadow"
 };
 exports.default = ScrollableClassnames;

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

@@ -5,13 +5,12 @@ const SelectClassnames = {
     "disabled": "Select-disabled",
     "Content": "Select-Content",
     "InlineLabel": "Select-InlineLabel",
+    "Icon": "Select-Icon",
     "Backdrop": "Select-Backdrop",
     "SelectedOption": "Select-SelectedOption",
     "Prefix": "Select-Prefix",
     "Input": "Select-Input",
     "error": "Select-error",
-    "Input:focus-visible": "Select-Input:focus-visible",
-    "Input:focus": "Select-Input:focus",
-    "Icon": "Select-Icon"
+    "hover": "Select-hover"
 };
 exports.default = SelectClassnames;

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

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const SelectAllActionsClassnames = {
-    "SelectAllActions-entering": "SelectAllActions-SelectAllActions-entering",
     "SelectAllActions": "SelectAllActions-SelectAllActions",
-    "SelectAllActions-exiting": "SelectAllActions-SelectAllActions-exiting",
-    "SelectAllActions-entered": "SelectAllActions-SelectAllActions-entered",
-    "SelectAllActions-exited": "SelectAllActions-SelectAllActions-exited",
+    "SelectAllActions-entering": "SelectAllActions-entering",
+    "SelectAllActions-exiting": "SelectAllActions-exiting",
+    "SelectAllActions-entered": "SelectAllActions-entered",
+    "SelectAllActions-exited": "SelectAllActions-exited",
     "PaginatedSelectAll": "SelectAllActions-PaginatedSelectAll",
     "AllAction": "SelectAllActions-AllAction"
 };

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const SettingActionClassnames = {
     "SettingAction": "SettingAction-SettingAction",
-    "Action": "SettingAction-Action",
-    "Setting": "SettingAction-Setting"
+    "Setting": "SettingAction-Setting",
+    "Action": "SettingAction-Action"
 };
 exports.default = SettingActionClassnames;

package/dist/src/components/SettingToggle/SettingToggle.js

@@ -18,7 +18,7 @@ function SettingToggle({ enabled, action, children }) {
     const id = (0, react_1.useMemo)(getUniqueSettingToggleId, []);
     if (process.env.NODE_ENV === 'development') {
         // eslint-disable-next-line no-console
-        console.warn(`Deprecation: <SettingToggle /> is deprecated. This component will be removed in a future major version of Polaris. Use the primitive layout and typography components to compose a setting toggle card.
+        console.warn(`Deprecation: <SettingToggle /> is deprecated. This component will be removed in a future major version of Macive. Use the primitive layout and typography components to compose a setting toggle card.
       See the "With primitive components" example in https://dev.airsoko.com/components/deprecated/setting-toggle`);
     }
     const actionMarkup = action

package/dist/src/components/Sheet/Sheet.js

@@ -45,7 +45,7 @@ function Sheet({ children, open, onClose, onEntered, onExit, accessibilityLabel,
     (0, react_1.useEffect)(() => {
         if (process.env.NODE_ENV === 'development') {
             // eslint-disable-next-line no-console
-            console.warn('Deprecation: <Sheet /> is deprecated. This component might be removed in a future major version of Polaris. Use <Modal /> instead or avoid modal patterns all together.');
+            console.warn('Deprecation: <Sheet /> is deprecated. This component might be removed in a future major version of Macive. Use <Modal /> instead or avoid modal patterns all together.');
         }
     }, []);
     const activatorMarkup = activator && !isRef(activator) ? (0, jsx_runtime_1.jsx)("div", { ref: activatorRef, children: activator }) : null;

package/dist/src/components/SkeletonPage/SkeletonPage.js

@@ -15,7 +15,7 @@ function SkeletonPage({ children, fullWidth, narrowWidth, primaryAction, title =
     const titleContent = title ? ((0, jsx_runtime_1.jsx)("h1", { className: SkeletonPage_classnames_1.default.Title, children: title })) : ((0, jsx_runtime_1.jsx)("div", { className: SkeletonPage_classnames_1.default.SkeletonTitle, children: (0, jsx_runtime_1.jsx)(Box_1.Box, { background: 'bg-strong', minWidth: '120px', minHeight: '28px', borderRadius: '1' }) }));
     const primaryActionMarkup = primaryAction ? ((0, jsx_runtime_1.jsx)(Box_1.Box, { id: 'SkeletonPage-PrimaryAction', borderRadius: '1', background: 'bg-strong', minHeight: '2.25rem', minWidth: '6.25rem' })) : null;
     const breadcrumbMarkup = breadcrumbs || backAction ? ((0, jsx_runtime_1.jsx)(Box_1.Box, { borderRadius: '1', background: 'bg-strong', minHeight: '2.25rem', minWidth: '2.25rem', maxWidth: '2.25rem' })) : null;
-    return ((0, jsx_runtime_1.jsx)(VerticalStack_1.VerticalStack, { gap: '4', inlineAlign: 'center', children: (0, jsx_runtime_1.jsx)(Box_1.Box, { width: '100%', padding: '0', paddingInlineStart: { sm: '6' }, paddingInlineEnd: { sm: '6' }, maxWidth: 'var(--pc-skeleton-page-max-width)', "aria-label": i18n.translate('Polaris.SkeletonPage.loadingLabel'), role: 'status', ...(narrowWidth && {
+    return ((0, jsx_runtime_1.jsx)(VerticalStack_1.VerticalStack, { gap: '4', inlineAlign: 'center', children: (0, jsx_runtime_1.jsx)(Box_1.Box, { width: '100%', padding: '0', paddingInlineStart: { sm: '6' }, paddingInlineEnd: { sm: '6' }, maxWidth: 'var(--pc-skeleton-page-max-width)', "aria-label": i18n.translate('Macive.SkeletonPage.loadingLabel'), role: 'status', ...(narrowWidth && {
                 maxWidth: 'var(--pc-skeleton-page-max-width-narrow)',
             }), ...(fullWidth && {
                 maxWidth: 'none',

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

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const SkeletonTabsClassnames = {
     "Tabs": "SkeletonTabs-Tabs",
     "Tab": "SkeletonTabs-Tab",
-    "Tab-short": "SkeletonTabs-Tab-short",
-    "Tab-long": "SkeletonTabs-Tab-long"
+    "Tab-short": "SkeletonTabs-short",
+    "Tab-long": "SkeletonTabs-long"
 };
 exports.default = SkeletonTabsClassnames;

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const SpinnerClassnames = {
+    "Spinner": "Spinner-Spinner",
+    "sizeSmall": "Spinner-sizeSmall",
+    "sizeLarge": "Spinner-sizeLarge",
+    "loadingspinner": "Spinner-loadingspinner"
+};
+exports.default = SpinnerClassnames;

package/dist/src/components/Spinner/Spinner.js

@@ -7,35 +7,19 @@ exports.Spinner = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const css_1 = require("../../utilities/css");
 const use_is_after_initial_mount_1 = require("../../utilities/use-is-after-initial-mount");
+const HorizontalStack_1 = require("../HorizontalStack");
 const Text_1 = require("../Text");
-const Spinner_styles_1 = __importDefault(require("./Spinner.styles"));
+const Spinner_classnames_1 = __importDefault(require("./Spinner.classnames"));
 function Spinner({ size = 'large', accessibilityLabel, hasFocusableParent }) {
     const isAfterInitialMount = (0, use_is_after_initial_mount_1.useIsAfterInitialMount)();
-    const className = (0, css_1.classNames)(Spinner_styles_1.default.Spinner, 
+    const className = (0, css_1.classNames)(Spinner_classnames_1.default.Spinner, 
     //@ts-expect-error sixes mismatch
-    size && Spinner_styles_1.default[(0, css_1.variationName)('size', size)]);
+    size && Spinner_classnames_1.default[(0, css_1.variationName)('size', size)]);
     const spinnerSVGMarkup = size === 'large' ? ((0, jsx_runtime_1.jsx)("svg", { viewBox: '0 0 44 44', xmlns: 'http://www.w3.org/2000/svg', children: (0, jsx_runtime_1.jsx)("path", { d: 'M15.542 1.487A21.507 21.507 0 00.5 22c0 11.874 9.626 21.5 21.5 21.5 9.847 0 18.364-6.675 20.809-16.072a1.5 1.5 0 00-2.904-.756C37.803 34.755 30.473 40.5 22 40.5 11.783 40.5 3.5 32.217 3.5 22c0-8.137 5.3-15.247 12.942-17.65a1.5 1.5 0 10-.9-2.863z' }) })) : ((0, jsx_runtime_1.jsx)("svg", { viewBox: '0 0 20 20', xmlns: 'http://www.w3.org/2000/svg', children: (0, jsx_runtime_1.jsx)("path", { d: 'M7.229 1.173a9.25 9.25 0 1011.655 11.412 1.25 1.25 0 10-2.4-.698 6.75 6.75 0 11-8.506-8.329 1.25 1.25 0 10-.75-2.385z' }) }));
     const spanAttributes = {
         ...(!hasFocusableParent && { role: 'status' }),
     };
     const accessibilityLabelMarkup = (isAfterInitialMount || !hasFocusableParent) && ((0, jsx_runtime_1.jsx)(Text_1.Text, { as: 'span', visuallyHidden: true, children: accessibilityLabel }));
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("span", { className: 'flex items-center justify-center', children: [(0, jsx_runtime_1.jsx)("span", { className: 'loadingspinner mr-2' }), (0, jsx_runtime_1.jsx)("style", { jsx: true, children: `
-            .loadingspinner {
-              pointer-events: none;
-              width: 2em;
-              height: 2em;
-              border: 0.4em solid transparent;
-              border-color: #eee;
-              border-top-color: #3e67ec;
-              border-radius: 50%;
-              animation: loadingspin 0.5s linear infinite;
-            }
-
-            @keyframes loadingspin {
-              100% {
-                transform: rotate(360deg);
-              }
-            }
-          ` })] }) }));
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(HorizontalStack_1.HorizontalStack, { children: (0, jsx_runtime_1.jsx)("span", { className: Spinner_classnames_1.default.loadingspinner }) }) }));
 }
 exports.Spinner = Spinner;

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

@@ -2,24 +2,24 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const StackClassnames = {
     "stack": "Stack-stack",
-    "stack-horizontal": "Stack-stack-horizontal",
-    "stack-vertical": "Stack-stack-vertical",
-    "stack-wrap": "Stack-stack-wrap",
-    "stack-spacing-extraTight>*+*": "Stack-stack-spacing-extraTight>*+*",
-    "stack-spacing-tight>*+*": "Stack-stack-spacing-tight>*+*",
-    "stack-spacing-base>*+*": "Stack-stack-spacing-base>*+*",
-    "stack-spacing-loose>*+*": "Stack-stack-spacing-loose>*+*",
-    "stack-spacing-extraLoose>*+*": "Stack-stack-spacing-extraLoose>*+*",
-    "stack-alignment-start": "Stack-stack-alignment-start",
-    "stack-alignment-center": "Stack-stack-alignment-center",
-    "stack-alignment-end": "Stack-stack-alignment-end",
-    "stack-alignment-baseline": "Stack-stack-alignment-baseline",
-    "stack-alignment-stretch": "Stack-stack-alignment-stretch",
-    "stack-distribution-start": "Stack-stack-distribution-start",
-    "stack-distribution-center": "Stack-stack-distribution-center",
-    "stack-distribution-end": "Stack-stack-distribution-end",
-    "stack-distribution-spaceAround": "Stack-stack-distribution-spaceAround",
-    "stack-distribution-spaceBetween": "Stack-stack-distribution-spaceBetween",
+    "stack-horizontal": "Stack-horizontal",
+    "stack-vertical": "Stack-vertical",
+    "stack-wrap": "Stack-wrap",
+    "stack-spacing-extraTight": "Stack-spacing-extraTight",
+    "stack-spacing-tight": "Stack-spacing-tight",
+    "stack-spacing-base": "Stack-spacing-base",
+    "stack-spacing-loose": "Stack-spacing-loose",
+    "stack-spacing-extraLoose": "Stack-spacing-extraLoose",
+    "stack-alignment-start": "Stack-alignment-start",
+    "stack-alignment-center": "Stack-alignment-center",
+    "stack-alignment-end": "Stack-alignment-end",
+    "stack-alignment-baseline": "Stack-alignment-baseline",
+    "stack-alignment-stretch": "Stack-alignment-stretch",
+    "stack-distribution-start": "Stack-distribution-start",
+    "stack-distribution-center": "Stack-distribution-center",
+    "stack-distribution-end": "Stack-distribution-end",
+    "stack-distribution-spaceAround": "Stack-distribution-spaceAround",
+    "stack-distribution-spaceBetween": "Stack-distribution-spaceBetween",
     "stackItem": "Stack-stackItem",
     "fill": "Stack-fill"
 };

package/dist/src/components/Stack/Stack.js

@@ -8,7 +8,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const classnames_1 = __importDefault(require("classnames"));
 const Stack_classnames_1 = __importDefault(require("./Stack.classnames"));
 const Stack = ({ direction = 'vertical', spacing = 'base', wrap = false, alignment = 'stretch', distribution = 'start', children, className = '', }) => {
-    const stackClasses = (0, classnames_1.default)(Stack_classnames_1.default.stack, Stack_classnames_1.default[`stack-${direction}`], Stack_classnames_1.default[`stack-spacing-${spacing}>*+*`], wrap && Stack_classnames_1.default['stack-wrap'], Stack_classnames_1.default[`stack-alignment-${alignment}`], Stack_classnames_1.default[`stack-distribution-${distribution}`], className);
+    const stackClasses = (0, classnames_1.default)(Stack_classnames_1.default.stack, Stack_classnames_1.default[`stack-${direction}`], Stack_classnames_1.default[`stack-spacing-${spacing}`], wrap && Stack_classnames_1.default['stack-wrap'], Stack_classnames_1.default[`stack-alignment-${alignment}`], Stack_classnames_1.default[`stack-distribution-${distribution}`], className);
     return (0, jsx_runtime_1.jsx)("div", { className: stackClasses, children: children });
 };
 exports.Stack = Stack;

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const SwitchClassnames = {
+    "switch-checkbox": "Switch-checkbox",
+    "switch-label": "Switch-label",
+    "switch-button": "Switch-button",
+    "error-message": "Switch-message"
+};
+exports.default = SwitchClassnames;

package/dist/src/components/Switch/Switch.js

@@ -22,10 +22,14 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Switch = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importStar(require("react"));
+const Switch_classnames_1 = __importDefault(require("./Switch.classnames"));
 /**
  * Renders a switch component
  *
@@ -45,53 +49,6 @@ exports.Switch = react_1.default.forwardRef((props, ref) => {
     const Component = error
         ? ({ children }) => ((0, jsx_runtime_1.jsx)("div", { className: 'flex h-max flex-col space-y-1', children: children }))
         : ({ children }) => (0, jsx_runtime_1.jsx)(react_1.Fragment, { children: children });
-    return ((0, jsx_runtime_1.jsxs)(Component, { children: [(0, jsx_runtime_1.jsxs)("div", { className: `switch-container flex items-center justify-between `, children: [(0, jsx_runtime_1.jsx)("label", { htmlFor: rest.name, className: 'mr-4 ', children: label }), (0, jsx_runtime_1.jsx)("input", { ref: ref, onChange: handleToggle, className: 'switch-checkbox', id: rest.name, type: 'checkbox', ...rest }), (0, jsx_runtime_1.jsx)("label", { style: { background: checked ? '#2196f3' : '#ccc' }, className: 'switch-label', htmlFor: rest.name, children: (0, jsx_runtime_1.jsx)("span", { className: `switch-button` }) }), (0, jsx_runtime_1.jsx)("style", { jsx: 'true', children: `
-          .switch-checkbox {
-            height: 0;
-            width: 0;
-            visibility: hidden;
-          }
-
-          .switch-label {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            cursor: pointer;
-            width: 50px;
-            height: 25px;
-            background: grey;
-            border-radius: 50px;
-            position: relative;
-            transition: background-color 0.2s;
-          }
-
-          .switch-label .switch-button {
-            content: '';
-            position: absolute;
-            top: 2px;
-            left: 2px;
-            width: 25px;
-            height: 20px;
-            border-radius: 50px;
-            // transition: 0.2s;
-            background: #fff;
-            box-shadow: 0 0 2px 0 rgba(10, 10, 10, 0.29);
-          }
-
-          .switch-checkbox:checked + .switch-label .switch-button {
-            left: calc(100% - 2px);
-            transform: translateX(-100%);
-          }
-
-          .switch-label:active .switch-button {
-            width: 60px;
-          }
-
-          .error-message {
-            color: red;
-            font-size: 12px;
-            margin-top: 4px;
-          }
-        ` })] }), error && (0, jsx_runtime_1.jsx)("div", { className: 'error-message', children: error })] }));
+    return ((0, jsx_runtime_1.jsxs)(Component, { children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("label", { htmlFor: rest.name, className: 'mr-4 ', children: label }), (0, jsx_runtime_1.jsx)("input", { ref: ref, onChange: handleToggle, className: Switch_classnames_1.default['switch-checkbox'], id: rest.name, type: 'checkbox', ...rest }), (0, jsx_runtime_1.jsx)("label", { style: { background: checked ? '#2196f3' : '#ccc' }, className: Switch_classnames_1.default['switch-label'], htmlFor: rest.name, children: (0, jsx_runtime_1.jsx)("span", { className: Switch_classnames_1.default['switch-button'] }) })] }), error && (0, jsx_runtime_1.jsx)("div", { className: 'error-message', children: error })] }));
 });
 exports.Switch.displayName = 'SwitchBox';

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

@@ -8,15 +8,14 @@ const TabsClassnames = {
     "Title": "Tabs-Title",
     "fillSpace": "Tabs-fillSpace",
     "Tab": "Tabs-Tab",
-    "Tab-selected": "Tabs-Tab-selected",
+    "Tab-selected": "Tabs-selected",
     "titleWithIcon": "Tabs-titleWithIcon",
     "Panel": "Tabs-Panel",
-    "Panel-hidden": "Tabs-Panel-hidden",
+    "Panel-hidden": "Tabs-hidden",
     "Item": "Tabs-Item",
     "DisclosureTab": "Tabs-DisclosureTab",
-    "DisclosureTab-visible": "Tabs-DisclosureTab-visible",
+    "DisclosureTab-visible": "Tabs-visible",
     "DisclosureActivator": "Tabs-DisclosureActivator",
-    "Title::before": "Tabs-Title::before",
     "TabMeasurer": "Tabs-TabMeasurer"
 };
 exports.default = TabsClassnames;

package/dist/src/components/Tabs/Tabs.js

@@ -164,7 +164,7 @@ class TabsInner extends react_1.PureComponent {
         const disclosureButtonClassName = (0, css_1.classNames)(Tabs_classnames_1.default.DisclosureActivator, hasCustomDisclosure && Tabs_classnames_1.default.Tab);
         const disclosureButtonContentWrapperClassName = (0, css_1.classNames)(Tabs_classnames_1.default.Title, hasCustomDisclosure && Tabs_classnames_1.default.titleWithIcon);
         const disclosureButtonContent = hasCustomDisclosure ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [disclosureText, (0, jsx_runtime_1.jsx)(Icon_1.Icon, { source: Icons_1.MaLeft, color: 'subdued' })] })) : ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { source: Icons_1.MaMore, color: 'subdued' }));
-        const disclosureButton = ((0, jsx_runtime_1.jsx)("button", { type: 'button', className: disclosureButtonClassName, onClick: this.handleDisclosureActivatorClick, "aria-label": i18n.translate('Polaris.Tabs.toggleTabsLabel'), children: (0, jsx_runtime_1.jsx)("span", { className: disclosureButtonContentWrapperClassName, children: disclosureButtonContent }) }));
+        const disclosureButton = ((0, jsx_runtime_1.jsx)("button", { type: 'button', className: disclosureButtonClassName, onClick: this.handleDisclosureActivatorClick, "aria-label": i18n.translate('Macive.Tabs.toggleTabsLabel'), children: (0, jsx_runtime_1.jsx)("span", { className: disclosureButtonContentWrapperClassName, children: disclosureButtonContent }) }));
         const activator = disclosureText ? ((0, jsx_runtime_1.jsx)("div", { className: Tabs_classnames_1.default.TabContainer, children: disclosureButton })) : (disclosureButton);
         return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)(Box_1.Box, { borderBlockEndWidth: '1', borderColor: 'border-subdued', paddingInlineStart: '2', paddingInlineEnd: '2', children: [(0, jsx_runtime_1.jsx)(components_1.TabMeasurer, { tabToFocus: tabToFocus, activator: activator, selected: selected, tabs: tabs, siblingTabHasFocus: tabToFocus > -1, handleMeasurement: this.handleMeasurement }), (0, jsx_runtime_1.jsxs)("ul", { role: 'tablist', className: classname, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyDown: handleKeyDown, onKeyUp: this.handleKeyPress, children: [tabsMarkup, (0, jsx_runtime_1.jsx)("li", { className: disclosureTabClassName, role: 'presentation', children: (0, jsx_runtime_1.jsx)(Popover_1.Popover, { preferredPosition: 'below', activator: activator, active: disclosureActivatorVisible && showDisclosure, onClose: this.handleClose, autofocusTarget: 'first-node', children: (0, jsx_runtime_1.jsx)(components_1.List, { focusIndex: hiddenTabs.indexOf(tabToFocus), disclosureTabs: disclosureTabs, onClick: this.handleTabClick, onKeyPress: this.handleKeyPress }) }) })] })] }), panelMarkup] }));
     }

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

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const TagClassnames = {
+    "Tag": "Tag-Tag",
+    "disabled": "Tag-disabled",
+    "clickable": "Tag-clickable",
+    "removable": "Tag-removable",
+    "linkable": "Tag-linkable",
+    "TagText": "Tag-TagText",
+    "Button": "Tag-Button",
+    "segmented": "Tag-segmented",
+    "Link": "Tag-Link",
+    "LinkText": "Tag-LinkText"
+};
+exports.default = TagClassnames;

package/dist/src/components/Tag/Tag.js

@@ -10,11 +10,11 @@ const css_1 = require("../../utilities/css");
 const focus_1 = require("../../utilities/focus");
 const i18n_1 = require("../../utilities/i18n");
 const Icon_1 = require("../Icon");
-const Tag_styles_1 = __importDefault(require("./Tag.styles"));
+const Tag_classnames_1 = __importDefault(require("./Tag.classnames"));
 function Tag({ children, disabled = false, onClick, onRemove, accessibilityLabel, url, }) {
     const i18n = (0, i18n_1.useI18n)();
     const segmented = onRemove && url;
-    const className = (0, css_1.classNames)(Tag_styles_1.default.Tag, disabled && Tag_styles_1.default.disabled, onClick && Tag_styles_1.default.clickable, onRemove && Tag_styles_1.default.removable, url && !disabled && Tag_styles_1.default.linkable, segmented && Tag_styles_1.default.segmented);
+    const className = (0, css_1.classNames)(Tag_classnames_1.default.Tag, disabled && Tag_classnames_1.default.disabled, onClick && Tag_classnames_1.default.clickable, onRemove && Tag_classnames_1.default.removable, url && !disabled && Tag_classnames_1.default.linkable, segmented && Tag_classnames_1.default.segmented);
     if (onClick) {
         return ((0, jsx_runtime_1.jsx)("button", { type: 'button', disabled: disabled, className: className, onClick: onClick, children: children }));
     }
@@ -22,11 +22,11 @@ function Tag({ children, disabled = false, onClick, onRemove, accessibilityLabel
     if (!tagTitle) {
         tagTitle = typeof children === 'string' ? children : undefined;
     }
-    const ariaLabel = i18n.translate('Polaris.Tag.ariaLabel', {
+    const ariaLabel = i18n.translate('Macive.Tag.ariaLabel', {
         children: tagTitle || '',
     });
-    const removeButton = onRemove ? ((0, jsx_runtime_1.jsx)("button", { type: 'button', "aria-label": ariaLabel, className: (0, css_1.classNames)(Tag_styles_1.default.Button, segmented && Tag_styles_1.default.segmented), onClick: onRemove, onMouseUp: focus_1.handleMouseUpByBlurring, disabled: disabled, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { source: Icons_1.MaClose }) })) : null;
-    const tagContent = url && !disabled ? ((0, jsx_runtime_1.jsx)("a", { className: (0, css_1.classNames)(Tag_styles_1.default.Link, segmented && Tag_styles_1.default.segmented), href: url, children: (0, jsx_runtime_1.jsx)("span", { title: tagTitle, className: Tag_styles_1.default.LinkText, children: children }) })) : ((0, jsx_runtime_1.jsx)("span", { title: tagTitle, className: Tag_styles_1.default.TagText, children: children }));
+    const removeButton = onRemove ? ((0, jsx_runtime_1.jsx)("button", { type: 'button', "aria-label": ariaLabel, className: (0, css_1.classNames)(Tag_classnames_1.default.Button, segmented && Tag_classnames_1.default.segmented), onClick: onRemove, onMouseUp: focus_1.handleMouseUpByBlurring, disabled: disabled, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { source: Icons_1.MaClose }) })) : null;
+    const tagContent = url && !disabled ? ((0, jsx_runtime_1.jsx)("a", { className: (0, css_1.classNames)(Tag_classnames_1.default.Link, segmented && Tag_classnames_1.default.segmented), href: url, children: (0, jsx_runtime_1.jsx)("span", { title: tagTitle, className: Tag_classnames_1.default.LinkText, children: children }) })) : ((0, jsx_runtime_1.jsx)("span", { title: tagTitle, className: Tag_classnames_1.default.TagText, children: children }));
     return ((0, jsx_runtime_1.jsxs)("span", { className: className, children: [tagContent, removeButton] }));
 }
 exports.Tag = Tag;

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

@@ -1,52 +1,52 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const TextClassnames = {
-    root: 'Text-root',
-    block: 'Text-block',
-    truncate: 'Text-truncate',
-    visuallyHidden: 'Text-visuallyHidden',
-    start: 'Text-start',
-    center: 'Text-center',
-    end: 'Text-end',
-    justify: 'Text-justify',
-    text: 'Text-text',
-    link: 'Text-link',
-    brand: 'Text-brand',
-    success: 'Text-success',
-    critical: 'Text-critical',
-    warning: 'Text-warning',
-    accent: 'Text-accent',
-    muted: 'Text-muted',
-    subdued: 'Text-subdued',
-    'text-inverse': 'Text-text-inverse',
-    heading: 'Text-heading',
-    bodyXs: 'Text-bodyXs',
-    tiny: 'Text-tiny',
-    headingXs: 'Text-headingXs',
-    headingSm: 'Text-headingSm',
-    headingMd: 'Text-headingMd',
-    headingLg: 'Text-headingLg',
-    headingXl: 'Text-headingXl',
-    heading2xl: 'Text-heading2xl',
-    heading3xl: 'Text-heading3xl',
-    heading4xl: 'Text-heading4xl',
-    bodySm: 'Text-bodySm',
-    bodyMd: 'Text-bodyMd',
-    bodyLg: 'Text-bodyLg',
-    regular: 'Text-regular',
-    medium: 'Text-medium',
-    semibold: 'Text-semibold',
-    bold: 'Text-bold',
-    break: 'Text-break',
-    numeric: 'Text-numeric',
-    base: 'Text-base',
-    inherit: 'Text-inherit',
-    disabled: 'Text-disabled',
-    caution: 'Text-caution',
-    magic: 'Text-magic',
-    'magic-subdued': 'Text-magic-subdued',
-    'text-inverse-secondary': 'Text-text-inverse-secondary',
-    'line-through': 'Text-line-through',
-    'clamp-text': 'Text-clamp-text',
+    "root": "Text-root",
+    "block": "Text-block",
+    "truncate": "Text-truncate",
+    "visuallyHidden": "Text-visuallyHidden",
+    "start": "Text-start",
+    "center": "Text-center",
+    "end": "Text-end",
+    "justify": "Text-justify",
+    "text": "Text-text",
+    "link": "Text-link",
+    "brand": "Text-brand",
+    "success": "Text-success",
+    "critical": "Text-critical",
+    "warning": "Text-warning",
+    "accent": "Text-accent",
+    "muted": "Text-muted",
+    "subdued": "Text-subdued",
+    "text-inverse": "Text-inverse",
+    "heading": "Text-heading",
+    "bodyXs": "Text-bodyXs",
+    "tiny": "Text-tiny",
+    "headingXs": "Text-headingXs",
+    "headingSm": "Text-headingSm",
+    "headingMd": "Text-headingMd",
+    "headingLg": "Text-headingLg",
+    "headingXl": "Text-headingXl",
+    "heading2xl": "Text-heading2xl",
+    "heading3xl": "Text-heading3xl",
+    "heading4xl": "Text-heading4xl",
+    "bodySm": "Text-bodySm",
+    "bodyMd": "Text-bodyMd",
+    "bodyLg": "Text-bodyLg",
+    "regular": "Text-regular",
+    "medium": "Text-medium",
+    "semibold": "Text-semibold",
+    "bold": "Text-bold",
+    "break": "Text-break",
+    "numeric": "Text-numeric",
+    "base": "Text-base",
+    "inherit": "Text-inherit",
+    "disabled": "Text-disabled",
+    "caution": "Text-caution",
+    "magic": "Text-magic",
+    "magic-subdued": "Text-subdued",
+    "text-inverse-secondary": "Text-inverse-secondary",
+    "line-through": "Text-through",
+    "clamp-text": "Text-text"
 };
 exports.default = TextClassnames;

package/dist/src/components/Text/Text.js

@@ -15,7 +15,7 @@ const Text = ({ alignment, as, breakWord, children, tone, fontWeight, id, numeri
         variant &&
         Object.prototype.hasOwnProperty.call(deprecatedVariants, variant)) {
         // eslint-disable-next-line no-console
-        console.warn(`Deprecation: <Text variant="${variant}" />. The value "${variant}" will be removed in a future major version of Polaris. Use "${deprecatedVariants[variant]}" instead.`);
+        console.warn(`Deprecation: <Text variant="${variant}" />. The value "${variant}" will be removed in a future major version of Macive. Use "${deprecatedVariants[variant]}" instead.`);
     }
     const Component = as || (visuallyHidden ? 'span' : 'p');
     const className = (0, css_1.classNames)(Text_classnames_1.default.root, variant && Text_classnames_1.default[variant], fontWeight && Text_classnames_1.default[fontWeight], (alignment || truncate) && Text_classnames_1.default.block, alignment && Text_classnames_1.default[alignment], breakWord && Text_classnames_1.default.break, tone && Text_classnames_1.default[tone], numeric && Text_classnames_1.default.numeric, truncate && Text_classnames_1.default.truncate, visuallyHidden && Text_classnames_1.default.visuallyHidden, textDecorationLine && Text_classnames_1.default[textDecorationLine], color && Text_classnames_1.default[color], lines && Text_classnames_1.default['clamp-text']);

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

@@ -1,32 +1,28 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const TextFieldClassnames = {
-    "readOnly": "TextField-readOnly",
-    "focus": "TextField-focus",
-    "Backdrop-connectedLeft": "TextField-Backdrop-connectedLeft",
-    "Backdrop-connectedRight": "TextField-Backdrop-connectedRight",
+    "Backdrop-connectedLeft": "TextField-connectedLeft",
+    "Backdrop-connectedRight": "TextField-connectedRight",
     "TextField": "TextField-TextField",
     "ClearButton": "TextField-ClearButton",
     "multiline": "TextField-multiline",
     "Input": "TextField-Input",
     "hasValue": "TextField-hasValue",
-    "Input:focus-visible": "TextField-Input:focus-visible",
+    "focus": "TextField-focus",
+    "VerticalContent": "TextField-VerticalContent",
     "Backdrop": "TextField-Backdrop",
     "error": "TextField-error",
-    "Input~.Backdrop": "TextField-Input~.Backdrop",
-    "readOnly>.Backdrop": "TextField-readOnly>.Backdrop",
+    "readOnly": "TextField-readOnly",
     "disabled": "TextField-disabled",
-    "Prefix+&": "TextField-Prefix+&",
+    "Prefix": "TextField-Prefix",
     "suggestion": "TextField-suggestion",
     "borderless": "TextField-borderless",
-    "Input-hasClearButton": "TextField-Input-hasClearButton",
-    "Input-suffixed": "TextField-Input-suffixed",
-    "Input-alignRight": "TextField-Input-alignRight",
-    "Input-alignLeft": "TextField-Input-alignLeft",
-    "Input-alignCenter": "TextField-Input-alignCenter",
+    "Input-hasClearButton": "TextField-hasClearButton",
+    "Input-suffixed": "TextField-suffixed",
+    "Input-alignRight": "TextField-alignRight",
+    "Input-alignLeft": "TextField-alignLeft",
+    "Input-alignCenter": "TextField-alignCenter",
     "Suffix": "TextField-Suffix",
-    "Prefix": "TextField-Prefix",
-    "VerticalContent": "TextField-VerticalContent",
     "CharacterCount": "TextField-CharacterCount",
     "AlignFieldBottom": "TextField-AlignFieldBottom",
     "Spinner": "TextField-Spinner",