@macive/ui 0.0.10 → 0.0.11

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

@@ -5,7 +5,6 @@ const MediaCardClassnames = {
     "MediaCard": "MediaCard-MediaCard",
     "portrait": "MediaCard-portrait",
     "MediaContainer": "MediaCard-MediaContainer",
-    "portrait)": "MediaCard-portrait)",
     "sizeSmall": "MediaCard-sizeSmall",
     "InfoContainer": "MediaCard-InfoContainer",
     "Heading": "MediaCard-Heading",

package/dist/src/components/Modal/Modal.js

@@ -28,7 +28,7 @@ const Modal = function Modal({ children, title, titleHidden = false, src, iFrame
     const headerId = (0, hooks_1.useUniqueId)('modal-header');
     const activatorRef = (0, react_1.useRef)(null);
     const i18n = (0, i18n_1.useI18n)();
-    const iframeTitle = i18n.translate('Polaris.Modal.iFrameTitle');
+    const iframeTitle = i18n.translate('Macive.Modal.iFrameTitle');
     let dialog;
     let backdrop;
     const handleEntered = (0, react_1.useCallback)(() => {

package/dist/src/components/Modal/components/CloseButton/CloseButton.js

@@ -9,9 +9,9 @@ const Icons_1 = require("../../../Icons");
 const css_1 = require("../../../../utilities/css");
 const i18n_1 = require("../../../../utilities/i18n");
 const Icon_1 = require("../../../Icon");
-const CloseButton_styles_1 = __importDefault(require("./CloseButton.styles"));
+const CloseButton_classnames_1 = __importDefault(require("./CloseButton.classnames"));
 function CloseButton({ pressed, titleHidden = false, onClick }) {
     const i18n = (0, i18n_1.useI18n)();
-    return ((0, jsx_runtime_1.jsx)("button", { onClick: onClick, className: (0, css_1.classNames)(CloseButton_styles_1.default.CloseButton, titleHidden && CloseButton_styles_1.default.titleHidden, pressed && CloseButton_styles_1.default.pressed), "aria-label": i18n.translate('Polaris.Common.close'), children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { source: Icons_1.MaClose, color: 'base' }) }));
+    return ((0, jsx_runtime_1.jsx)("button", { onClick: onClick, className: (0, css_1.classNames)(CloseButton_classnames_1.default.CloseButton, titleHidden && CloseButton_classnames_1.default.titleHidden, pressed && CloseButton_classnames_1.default.pressed), "aria-label": i18n.translate('Macive.Common.close'), children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { source: Icons_1.MaClose, color: 'base' }) }));
 }
 exports.CloseButton = CloseButton;

package/dist/src/components/Modal/components/Dialog/Dialog.classnames.js

@@ -1,17 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const DialogClassnames = {
-    "entering": "Dialog-entering",
-    "exiting": "Dialog-exiting",
-    "Dialog": "Dialog-Dialog",
     "Container": "Dialog-Container",
-    "Dialog:focus": "Dialog-Dialog:focus",
+    "Dialog": "Dialog-Dialog",
     "Modal": "Dialog-Modal",
     "limitHeight": "Dialog-limitHeight",
     "sizeSmall": "Dialog-sizeSmall",
     "sizeLarge": "Dialog-sizeLarge",
     "fullScreen": "Dialog-fullScreen",
     "animateFadeUp": "Dialog-animateFadeUp",
+    "entering": "Dialog-entering",
+    "exiting": "Dialog-exiting",
     "exited": "Dialog-exited",
     "entered": "Dialog-entered"
 };

package/dist/src/components/Modal/components/Dialog/Dialog.js

@@ -45,7 +45,7 @@ function Dialog({ instant, labelledBy, children, onClose, onExited, onEntered, l
     //   onEntered={onEntered}
     //   onExited={onExited}
     // >
-    (0, jsx_runtime_1.jsx)("div", { className: Dialog_classnames_1.default.Container, style: { display: (props === null || props === void 0 ? void 0 : props.in) ? 'flex' : 'none' }, "data-polaris-layer": true, "data-polaris-overlay": true, ref: containerNode, children: (0, jsx_runtime_1.jsx)(TrapFocus_1.TrapFocus, { children: (0, jsx_runtime_1.jsx)("div", { role: 'dialog', "aria-modal": true, "aria-label": labelledBy, "aria-labelledby": labelledBy, tabIndex: -1, className: Dialog_classnames_1.default.Dialog, style: {
+    (0, jsx_runtime_1.jsx)("div", { className: Dialog_classnames_1.default.Container, style: { display: (props === null || props === void 0 ? void 0 : props.in) ? 'flex' : 'none' }, "data-macive-layer": true, "data-macive-overlay": true, ref: containerNode, children: (0, jsx_runtime_1.jsx)(TrapFocus_1.TrapFocus, { children: (0, jsx_runtime_1.jsx)("div", { role: 'dialog', "aria-modal": true, "aria-label": labelledBy, "aria-labelledby": labelledBy, tabIndex: -1, className: Dialog_classnames_1.default.Dialog, style: {
                     maxHeight: 'calc(100vh - 3.75rem)',
                 }, children: (0, jsx_runtime_1.jsxs)("div", { className: classes, children: [(0, jsx_runtime_1.jsx)(KeypressListener_1.KeypressListener, { keyCode: typos_1.Key.Escape, keyEvent: 'keydown', handler: handleKeyDown }), (0, jsx_runtime_1.jsx)(KeypressListener_1.KeypressListener, { keyCode: typos_1.Key.Escape, handler: handleKeyUp }), children] }) }) }) })
     // </TransitionChild>

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

@@ -1,42 +1,41 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const NavigationClassnames = {
-    "Logo": "Navigation-Logo",
-    "RollupSection": "Navigation-RollupSection",
-    "Item-child-active": "Navigation-Item-child-active",
-    "Icon-resized": "Navigation-Icon-resized",
-    "pulseIndicator": "Navigation-pulseIndicator",
-    "subNavigationActive": "Navigation-subNavigationActive",
     "Navigation": "Navigation-Navigation",
     "UserMenu": "Navigation-UserMenu",
     "ContextControl": "Navigation-ContextControl",
     "PrimaryNavigation": "Navigation-PrimaryNavigation",
     "LogoContainer": "Navigation-LogoContainer",
     "hasLogoSuffix": "Navigation-hasLogoSuffix",
+    "Logo": "Navigation-Logo",
     "LogoLink": "Navigation-LogoLink",
     "Item": "Navigation-Item",
+    "Icon-resized": "Navigation-resized",
     "ItemInnerWrapper": "Navigation-ItemInnerWrapper",
-    "Item-selected": "Navigation-Item-selected",
-    "Item-disabled": "Navigation-Item-disabled",
+    "Item-selected": "Navigation-selected",
+    "Item-disabled": "Navigation-disabled",
     "Icon": "Navigation-Icon",
     "Badge": "Navigation-Badge",
+    "ListItem-hasAction": "Navigation-hasAction",
+    "subNavigationActive": "Navigation-subNavigationActive",
+    "Item-child-active": "Navigation-child-active",
     "ListItem": "Navigation-ListItem",
-    "ListItem-hasAction": "Navigation-ListItem-hasAction",
+    "RollupSection": "Navigation-RollupSection",
+    "SecondaryNavigation": "Navigation-SecondaryNavigation",
     "ItemWrapper": "Navigation-ItemWrapper",
     "ItemInnerDisabled": "Navigation-ItemInnerDisabled",
-    "ItemInnerWrapper-selected": "Navigation-ItemInnerWrapper-selected",
+    "ItemInnerWrapper-selected": "Navigation-selected",
     "Text": "Navigation-Text",
-    "Text-truncated": "Navigation-Text-truncated",
+    "Text-truncated": "Navigation-truncated",
     "SecondaryActions": "Navigation-SecondaryActions",
     "ItemWithFloatingActions": "Navigation-ItemWithFloatingActions",
-    "ItemInnerWrapper-display-actions-on-hover": "Navigation-ItemInnerWrapper-display-actions-on-hover",
+    "ItemInnerWrapper-display-actions-on-hover": "Navigation-display-actions-on-hover",
     "SecondaryAction": "Navigation-SecondaryAction",
-    "SecondaryNavigation": "Navigation-SecondaryNavigation",
     "List": "Navigation-List",
-    "SecondaryNavigation-noIcon": "Navigation-SecondaryNavigation-noIcon",
+    "SecondaryNavigation-noIcon": "Navigation-noIcon",
     "Section": "Navigation-Section",
-    "Section-fill": "Navigation-Section-fill",
-    "Section-withSeparator": "Navigation-Section-withSeparator",
+    "Section-fill": "Navigation-fill",
+    "Section-withSeparator": "Navigation-withSeparator",
     "SectionHeading": "Navigation-SectionHeading",
     "Action": "Navigation-Action",
     "RollupToggle": "Navigation-RollupToggle",

package/dist/src/components/Navigation/components/Item/Item.js

@@ -54,7 +54,7 @@ function Item({ url, icon, label, subNavigationItems = [], secondaryAction, seco
     const iconMarkup = icon ? ((0, jsx_runtime_1.jsx)("div", { className: (0, css_1.classNames)(Navigation_classnames_1.default.Icon, shouldResizeIcon && Navigation_classnames_1.default['Icon-resized']), children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { source: icon }) })) : null;
     let badgeMarkup = null;
     if (isNew) {
-        badgeMarkup = (0, jsx_runtime_1.jsx)(Badge_1.Badge, { status: 'new', children: i18n.translate('Polaris.Badge.STATUS_LABELS.new') });
+        badgeMarkup = (0, jsx_runtime_1.jsx)(Badge_1.Badge, { status: 'new', children: i18n.translate('Macive.Badge.STATUS_LABELS.new') });
     }
     else if (typeof badge === 'string') {
         badgeMarkup = (0, jsx_runtime_1.jsx)(Badge_1.Badge, { status: 'new', children: badge });

package/dist/src/components/OptionList/components/Checkbox/Checkbox.classnames.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const CheckboxClassnames = {
-    "active": "Checkbox-active",
     "Checkbox": "Checkbox-Checkbox",
+    "active": "Checkbox-active",
     "Backdrop": "Checkbox-Backdrop",
     "Input": "Checkbox-Input",
-    "Input-indeterminate": "Checkbox-Input-indeterminate",
+    "Input-indeterminate": "Checkbox-indeterminate",
     "Icon": "Checkbox-Icon",
-    "Backdrop::before": "Checkbox-Backdrop::before"
+    "hover": "Checkbox-hover"
 };
 exports.default = CheckboxClassnames;

package/dist/src/components/OptionList/components/Option/Option.classnames.js

@@ -1,17 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const OptionClassnames = {
-    "Label": "Option-Label",
-    "select": "Option-select",
-    "focused": "Option-focused",
     "Option": "Option-Option",
     "SingleSelectOption": "Option-SingleSelectOption",
-    "focused:focus-visible:not(:active)": "Option-focused:focus-visible:not(:active)",
+    "focused": "Option-focused",
     "active": "Option-active",
-    "select::before": "Option-select::before",
-    "disabled)": "Option-disabled)",
-    "Media": "Option-Media",
+    "select": "Option-select",
     "disabled": "Option-disabled",
+    "Media": "Option-Media",
+    "Label": "Option-Label",
     "Checkbox": "Option-Checkbox",
     "verticalAlignTop": "Option-verticalAlignTop",
     "verticalAlignCenter": "Option-verticalAlignCenter",

package/dist/src/components/Page/components/Header/Header.classnames.js

@@ -6,17 +6,15 @@ const HeaderClassnames = {
     "PaginationWrapper": "Header-PaginationWrapper",
     "PrimaryActionWrapper": "Header-PrimaryActionWrapper",
     "Row": "Header-Row",
+    "mobileView": "Header-mobileView",
     "RightAlign": "Header-RightAlign",
+    "noBreadcrumbs": "Header-noBreadcrumbs",
     "AdditionalMetaData": "Header-AdditionalMetaData",
     "Actions": "Header-Actions",
     "longTitle": "Header-longTitle",
-    "mediumTitle:not(.noBreadcrumbs)": "Header-mediumTitle:not(.noBreadcrumbs)",
-    "mediumTitle.noBreadcrumbs": "Header-mediumTitle.noBreadcrumbs",
+    "mediumTitle": "Header-mediumTitle",
     "isSingleRow": "Header-isSingleRow",
     "hasNavigation": "Header-hasNavigation",
-    "hasActionMenu": "Header-hasActionMenu",
-    "mobileView": "Header-mobileView",
-    "noBreadcrumbs": "Header-noBreadcrumbs",
-    "mediumTitle": "Header-mediumTitle"
+    "hasActionMenu": "Header-hasActionMenu"
 };
 exports.default = HeaderClassnames;

package/dist/src/components/Page/components/Header/Header.js

@@ -55,7 +55,7 @@ function Header({ title, subtitle, titleMetadata, additionalMetadata, titleHidde
     let actionMenuMarkup = null;
     if ((0, is_interface_1.isInterface)(secondaryActions) &&
         (secondaryActions.length > 0 || (0, ActionMenu_1.hasGroupsWithActions)(actionGroups))) {
-        actionMenuMarkup = ((0, jsx_runtime_1.jsx)(ActionMenu_1.ActionMenu, { actions: secondaryActions, groups: actionGroups, rollup: isNavigationCollapsed, rollupActionsLabel: title ? i18n.translate('Polaris.Page.Header.rollupActionsLabel', { title }) : undefined, onActionRollup: onActionRollup }));
+        actionMenuMarkup = ((0, jsx_runtime_1.jsx)(ActionMenu_1.ActionMenu, { actions: secondaryActions, groups: actionGroups, rollup: isNavigationCollapsed, rollupActionsLabel: title ? i18n.translate('Macive.Page.Header.rollupActionsLabel', { title }) : undefined, onActionRollup: onActionRollup }));
     }
     else if ((0, is_react_element_1.isReactElement)(secondaryActions)) {
         actionMenuMarkup = (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: secondaryActions });

package/dist/src/components/Pagination/Pagination.js

@@ -14,9 +14,9 @@ const Tooltip_1 = require("../Tooltip");
 function Pagination({ hasNext, hasPrevious, nextURL, previousURL, onNext, onPrevious, nextTooltip, previousTooltip, nextKeys, previousKeys, accessibilityLabel, accessibilityLabels, label, }) {
     const i18n = (0, i18n_1.useI18n)();
     const node = (0, react_1.createRef)();
-    const navLabel = accessibilityLabel || i18n.translate('Polaris.Pagination.pagination');
-    const previousLabel = (accessibilityLabels === null || accessibilityLabels === void 0 ? void 0 : accessibilityLabels.previous) || i18n.translate('Polaris.Pagination.previous');
-    const nextLabel = (accessibilityLabels === null || accessibilityLabels === void 0 ? void 0 : accessibilityLabels.next) || i18n.translate('Polaris.Pagination.next');
+    const navLabel = accessibilityLabel || i18n.translate('Macive.Pagination.pagination');
+    const previousLabel = (accessibilityLabels === null || accessibilityLabels === void 0 ? void 0 : accessibilityLabels.previous) || i18n.translate('Macive.Pagination.previous');
+    const nextLabel = (accessibilityLabels === null || accessibilityLabels === void 0 ? void 0 : accessibilityLabels.next) || i18n.translate('Macive.Pagination.next');
     const prev = ((0, jsx_runtime_1.jsx)(Button_1.Button, { outline: true, icon: Icons_1.MaLeft, accessibilityLabel: previousLabel, url: previousURL, onClick: onPrevious, disabled: !hasPrevious, id: 'previousURL' }));
     const constructedPrevious = previousTooltip && hasPrevious ? ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { activatorWrapper: 'span', content: previousTooltip, children: prev })) : (prev);
     const next = ((0, jsx_runtime_1.jsx)(Button_1.Button, { outline: true, icon: Icons_1.MaRight, accessibilityLabel: nextLabel, url: nextURL, onClick: onNext, disabled: !hasNext, id: 'nextURL' }));

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

@@ -1,23 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const PopoverClassnames = {
-    "measuring": "Popover-measuring",
-    "PopoverOverlay-exiting": "Popover-PopoverOverlay-exiting",
     "Popover": "Popover-Popover",
     "PopoverOverlay": "Popover-PopoverOverlay",
-    "PopoverOverlay-entering": "Popover-PopoverOverlay-entering",
-    "PopoverOverlay-open": "Popover-PopoverOverlay-open",
-    "measuring:not(.PopoverOverlay-exiting)": "Popover-measuring:not(.PopoverOverlay-exiting)",
+    "PopoverOverlay-entering": "Popover-entering",
+    "PopoverOverlay-open": "Popover-open",
+    "measuring": "Popover-measuring",
+    "PopoverOverlay-exiting": "Popover-exiting",
     "fullWidth": "Popover-fullWidth",
     "Content": "Popover-Content",
     "positionedAbove": "Popover-positionedAbove",
-    "Content-fullHeight": "Popover-Content-fullHeight",
-    "Content-fluidContent": "Popover-Content-fluidContent",
+    "Content-fullHeight": "Popover-fullHeight",
+    "Content-fluidContent": "Popover-fluidContent",
     "Pane": "Popover-Pane",
-    "Pane-fixed": "Popover-Pane-fixed",
-    "Pane-captureOverscroll": "Popover-Pane-captureOverscroll",
+    "Pane-fixed": "Popover-fixed",
+    "Pane-captureOverscroll": "Popover-captureOverscroll",
     "Section": "Popover-Section",
     "FocusTracker": "Popover-FocusTracker",
-    "PopoverOverlay-hideOnPrint": "Popover-PopoverOverlay-hideOnPrint"
+    "PopoverOverlay-hideOnPrint": "Popover-hideOnPrint"
 };
 exports.default = PopoverClassnames;

package/dist/src/components/Popover/components/PopoverOverlay/PopoverOverlay.js

@@ -59,7 +59,7 @@ class PopoverOverlay extends react_1.PureComponent {
             const { contentNode, props: { activator, onClose, preventCloseOnChildOverlayClick }, } = this;
             const composedPath = event.composedPath();
             const wasDescendant = preventCloseOnChildOverlayClick
-                ? wasPolarisPortalDescendant(composedPath, this.context.container)
+                ? wasMacivePortalDescendant(composedPath, this.context.container)
                 : wasContentNodeDescendant(composedPath, contentNode);
             const isActivatorDescendant = nodeContainsDescendant(activator, target);
             if (wasDescendant ||
@@ -112,8 +112,9 @@ class PopoverOverlay extends react_1.PureComponent {
                 this.clearTransitionTimeout();
                 this.enteringTimer = window.setTimeout(() => {
                     this.setState({ transitionStatus: TransitionStatus.Entered });
-                    //@ts-expect-error Argument of type 'MetadataProperties' is not assignable to parameter of type 'string'
-                }, parseInt(motion_1.motion['duration-100'], 10));
+                }, 
+                //@ts-expect-error Argument of type 'MetadataProperties' is not assignable to parameter of type 'string'
+                parseInt(motion_1.motion['duration-100'], 10));
             });
         }
         if (!this.props.active && oldProps.active) {
@@ -186,6 +187,6 @@ exports.nodeContainsDescendant = nodeContainsDescendant;
 function wasContentNodeDescendant(composedPath, contentNode) {
     return contentNode.current != null && composedPath.includes(contentNode.current);
 }
-function wasPolarisPortalDescendant(composedPath, portalsContainerElement) {
+function wasMacivePortalDescendant(composedPath, portalsContainerElement) {
     return composedPath.some((eventTarget) => eventTarget instanceof Node && (portalsContainerElement === null || portalsContainerElement === void 0 ? void 0 : portalsContainerElement.contains(eventTarget)));
 }

package/dist/src/components/PortalsManager/components/PortalsContainer/PortalsContainer.js

@@ -4,6 +4,6 @@ exports.PortalsContainer = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 function PortalsContainerComponent(_props, ref) {
-    return (0, jsx_runtime_1.jsx)("div", { id: "PolarisPortalsContainer", ref: ref });
+    return (0, jsx_runtime_1.jsx)("div", { id: 'MacivePortalsContainer', ref: ref });
 }
 exports.PortalsContainer = (0, react_1.forwardRef)(PortalsContainerComponent);

package/dist/src/components/PositionedOverlay/PositionedOverlay.js

@@ -108,7 +108,7 @@ class PositionedOverlay extends react_1.PureComponent {
                     scrollableContainerRect.height = document.body.scrollHeight;
                 }
                 let topBarOffset = 0;
-                const topBarElement = scrollableElement.querySelector(`${shared_1.dataPolarisTopBar.selector}`);
+                const topBarElement = scrollableElement.querySelector(`${shared_1.dataMaciveTopBar.selector}`);
                 if (topBarElement) {
                     topBarOffset = topBarElement.clientHeight;
                 }

package/dist/src/components/{RadioButton copy/RadioButton.classnames.js → RadioButton/RadioButton.classnames.js}

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const RadioButtonClassnames = {
-    "hover": "RadioButton-hover",
     "RadioButton": "RadioButton-RadioButton",
     "Input": "RadioButton-Input",
-    "Backdrop": "RadioButton-Backdrop"
+    "Backdrop": "RadioButton-Backdrop",
+    "hover": "RadioButton-hover"
 };
 exports.default = RadioButtonClassnames;

package/dist/src/components/RadioButton/RadioButton.js

@@ -10,7 +10,7 @@ const css_1 = require("../../utilities/css");
 const unique_id_1 = require("../../utilities/unique-id");
 const use_toggle_1 = require("../../utilities/use-toggle");
 const Choice_1 = require("../Choice");
-const RadioButton_styles_1 = __importDefault(require("./RadioButton.styles"));
+const RadioButton_classnames_1 = __importDefault(require("./RadioButton.classnames"));
 function RadioButton({ ariaDescribedBy: ariaDescribedByProp, label, labelHidden, helpText, checked, disabled, onChange, onFocus, onBlur, id: idProp, name: nameProp, value, }) {
     const id = (0, unique_id_1.useUniqueId)('RadioButton', idProp);
     const name = nameProp || id;
@@ -30,8 +30,8 @@ function RadioButton({ ariaDescribedBy: ariaDescribedByProp, label, labelHidden,
         describedBy.push(ariaDescribedByProp);
     }
     const ariaDescribedBy = describedBy.length ? describedBy.join(' ') : undefined;
-    const inputClassName = (0, css_1.classNames)(RadioButton_styles_1.default.Input);
-    const backdropClassName = (0, css_1.classNames)(RadioButton_styles_1.default.Backdrop, mouseOver && RadioButton_styles_1.default.hover);
-    return ((0, jsx_runtime_1.jsx)(Choice_1.Choice, { label: label, labelHidden: labelHidden, disabled: disabled, id: id, helpText: helpText, onMouseOver: handleMouseOver, onMouseOut: handleMouseOut, children: (0, jsx_runtime_1.jsxs)("span", { className: RadioButton_styles_1.default.RadioButton, children: [(0, jsx_runtime_1.jsx)("input", { id: id, name: name, value: value, type: 'radio', checked: checked, disabled: disabled, className: inputClassName, onChange: handleChange, onFocus: onFocus, onBlur: handleBlur, "aria-describedby": ariaDescribedBy, ref: inputNode }), (0, jsx_runtime_1.jsx)("span", { className: backdropClassName })] }) }));
+    const inputClassName = (0, css_1.classNames)(RadioButton_classnames_1.default.Input);
+    const backdropClassName = (0, css_1.classNames)(RadioButton_classnames_1.default.Backdrop, mouseOver && RadioButton_classnames_1.default.hover);
+    return ((0, jsx_runtime_1.jsx)(Choice_1.Choice, { label: label, labelHidden: labelHidden, disabled: disabled, id: id, helpText: helpText, onMouseOver: handleMouseOver, onMouseOut: handleMouseOut, children: (0, jsx_runtime_1.jsxs)("span", { className: RadioButton_classnames_1.default.RadioButton, children: [(0, jsx_runtime_1.jsx)("input", { id: id, name: name, value: value, type: 'radio', checked: checked, disabled: disabled, className: inputClassName, onChange: handleChange, onFocus: onFocus, onBlur: handleBlur, "aria-describedby": ariaDescribedBy, ref: inputNode }), (0, jsx_runtime_1.jsx)("span", { className: backdropClassName })] }) }));
 }
 exports.RadioButton = RadioButton;

package/dist/src/components/RangeSlider/components/DualThumb/DualThumb.classnames.js

@@ -4,19 +4,18 @@ const DualThumbClassnames = {
     "RangeSlider": "DualThumb-RangeSlider",
     "ThumbLower": "DualThumb-ThumbLower",
     "ThumbUpper": "DualThumb-ThumbUpper",
-    "error": "DualThumb-error",
     "OutputLower": "DualThumb-OutputLower",
     "OutputUpper": "DualThumb-OutputUpper",
     "DualThumb": "DualThumb-DualThumb",
     "TrackWrapper": "DualThumb-TrackWrapper",
     "disabled": "DualThumb-disabled",
     "Track": "DualThumb-Track",
-    "Track--dashed": "DualThumb-Track--dashed",
+    "error": "DualThumb-error",
+    "Track--dashed": "DualThumb--dashed",
     "Thumbs": "DualThumb-Thumbs",
     "Prefix": "DualThumb-Prefix",
     "Suffix": "DualThumb-Suffix",
     "Output": "DualThumb-Output",
-    "Thumbs:active+&": "DualThumb-Thumbs:active+&",
     "OutputBubble": "DualThumb-OutputBubble"
 };
 exports.default = DualThumbClassnames;

package/dist/src/components/RangeSlider/components/SingleThumb/SingleThumb.classnames.js

@@ -2,15 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const SingleThumbClassnames = {
     "RangeSlider": "SingleThumb-RangeSlider",
-    "error": "SingleThumb-error",
     "SingleThumb": "SingleThumb-SingleThumb",
     "disabled": "SingleThumb-disabled",
     "InputWrapper": "SingleThumb-InputWrapper",
     "Prefix": "SingleThumb-Prefix",
     "Suffix": "SingleThumb-Suffix",
     "Input": "SingleThumb-Input",
+    "error": "SingleThumb-error",
     "Output": "SingleThumb-Output",
-    "Input:active+&": "SingleThumb-Input:active+&",
     "OutputBubble": "SingleThumb-OutputBubble"
 };
 exports.default = SingleThumbClassnames;

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

@@ -4,19 +4,15 @@ const ResourceItemClassnames = {
     "hasBulkActions": "ResourceItem-hasBulkActions",
     "focusedInner": "ResourceItem-focusedInner",
     "persistActions": "ResourceItem-persistActions",
-    "Link": "ResourceItem-Link",
     "ResourceItem": "ResourceItem-ResourceItem",
     "Actions": "ResourceItem-Actions",
     "ItemWrapper": "ResourceItem-ItemWrapper",
-    "focusedInner.focused.selected": "ResourceItem-focusedInner.focused.selected",
+    "focused": "ResourceItem-focused",
+    "selected": "ResourceItem-selected",
+    "Link": "ResourceItem-Link",
     "Button": "ResourceItem-Button",
     "selectable": "ResourceItem-selectable",
     "selectMode": "ResourceItem-selectMode",
-    "selected": "ResourceItem-selected",
-    "ListItem": "ResourceItem-ListItem",
-    "ListItem+&": "ResourceItem-ListItem+&",
-    "selectMode)": "ResourceItem-selectMode)",
-    "focused::after": "ResourceItem-focused::after",
-    "focused": "ResourceItem-focused"
+    "ListItem": "ResourceItem-ListItem"
 };
 exports.default = ResourceItemClassnames;

package/dist/src/components/ResourceItem/ResourceItem.js

@@ -134,7 +134,7 @@ class BaseResourceItem extends react_1.Component {
         let ownedMarkup = null;
         let handleMarkup = null;
         if (selectable) {
-            const checkboxAccessibilityLabel = name || accessibilityLabel || i18n.translate('Polaris.Common.checkbox');
+            const checkboxAccessibilityLabel = name || accessibilityLabel || i18n.translate('Macive.Common.checkbox');
             handleMarkup = ((0, jsx_runtime_1.jsx)("div", { onClick: this.handleLargerSelectionArea, children: (0, jsx_runtime_1.jsx)(Bleed_1.Bleed, { marginBlock: '2', marginInline: '3', children: (0, jsx_runtime_1.jsx)(Box_1.Box, { zIndex: 'var(--pc-resource-item-content-stacking-order)', paddingInlineStart: '3', paddingInlineEnd: '3', paddingBlockStart: '3', paddingBlockEnd: '2', children: (0, jsx_runtime_1.jsx)("div", { onClick: stopPropagation, children: (0, jsx_runtime_1.jsx)("div", { onChange: this.handleLargerSelectionArea, children: (0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { id: this.checkboxId, label: checkboxAccessibilityLabel, labelHidden: true, checked: selected, disabled: loading }) }) }) }) }) }));
         }
         if (media || selectable) {
@@ -148,10 +148,10 @@ class BaseResourceItem extends react_1.Component {
             if (persistActions) {
                 actionsMarkup = (breakpoints === null || breakpoints === void 0 ? void 0 : breakpoints.lgUp) ? ((0, jsx_runtime_1.jsx)("div", { className: ResourceItem_classnames_1.default.Actions, onClick: stopPropagation, children: (0, jsx_runtime_1.jsx)(ButtonGroup_1.ButtonGroup, { children: (0, Button_1.buttonsFrom)(shortcutActions, { plain: true }) }) })) : null;
                 const disclosureAccessibilityLabel = name
-                    ? i18n.translate('Polaris.ResourceList.Item.actionsDropdownLabel', {
+                    ? i18n.translate('Macive.ResourceList.Item.actionsDropdownLabel', {
                         accessibilityLabel: name,
                     })
-                    : i18n.translate('Polaris.ResourceList.Item.actionsDropdown');
+                    : i18n.translate('Macive.ResourceList.Item.actionsDropdown');
                 disclosureMarkup =
                     !selectMode && (breakpoints === null || breakpoints === void 0 ? void 0 : breakpoints.lgDown) ? ((0, jsx_runtime_1.jsx)("div", { onClick: stopPropagation, children: (0, jsx_runtime_1.jsx)(Popover_1.Popover, { activator: (0, jsx_runtime_1.jsx)(Button_1.Button, { accessibilityLabel: disclosureAccessibilityLabel, onClick: this.handleActionsClick, plain: true, icon: Icons_1.MaMore }), onClose: this.handleCloseRequest, active: actionsMenuVisible, children: (0, jsx_runtime_1.jsx)(ActionList_1.ActionList, { items: shortcutActions }) }) })) : null;
             }
@@ -162,7 +162,7 @@ class BaseResourceItem extends react_1.Component {
         const containerMarkup = ((0, jsx_runtime_1.jsx)(Box_1.Box, { id: this.props.id, position: 'relative', padding: '3', paddingInlineStart: { xs: '4', sm: '5' }, paddingInlineEnd: { xs: '4', sm: '5' }, zIndex: 'var(--pc-resource-item-content-stacking-order)', children: (0, jsx_runtime_1.jsxs)(HorizontalGrid_1.HorizontalGrid, { columns: { xs: '1fr auto' }, children: [(0, jsx_runtime_1.jsxs)(HorizontalGrid_1.HorizontalGrid, { columns: { xs: media || selectable ? 'auto 1fr' : '1fr' }, gap: '5', children: [ownedMarkup, (0, jsx_runtime_1.jsx)(HorizontalStack_1.HorizontalStack, { gap: '4', blockAlign: getAlignment(verticalAlignment), children: (0, jsx_runtime_1.jsx)(Box_1.Box, { width: '100%', padding: '0', paddingInlineStart: '0', paddingInlineEnd: '0', children: children }) })] }), actionsMarkup, disclosureMarkup] }) }));
         const tabIndex = loading ? -1 : 0;
         const ariaLabel = accessibilityLabel ||
-            i18n.translate('Polaris.ResourceList.Item.viewItem', {
+            i18n.translate('Macive.ResourceList.Item.viewItem', {
                 itemName: name || (resourceName && resourceName.singular) || '',
             });
         const accessibleMarkup = url ? ((0, jsx_runtime_1.jsx)(UnstyledLink_1.UnstyledLink, { "aria-describedby": this.props.id, "aria-label": ariaLabel, className: ResourceItem_classnames_1.default.Link, url: url, external: external, tabIndex: tabIndex, id: this.overlayId })) : ((0, jsx_runtime_1.jsx)("button", { className: ResourceItem_classnames_1.default.Button, "aria-label": ariaLabel, "aria-controls": ariaControls, "aria-expanded": ariaExpanded, onClick: this.handleClick, tabIndex: tabIndex, ref: this.buttonOverlay }));

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

@@ -1,22 +1,21 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const ResourceListClassnames = {
-    "HeaderWrapper-hasSort": "ResourceList-HeaderWrapper-hasSort",
-    "HeaderWrapper-hasAlternateTool": "ResourceList-HeaderWrapper-hasAlternateTool",
-    "HeaderWrapper-hasSelect": "ResourceList-HeaderWrapper-hasSelect",
-    "HeaderWrapper-inSelectMode": "ResourceList-HeaderWrapper-inSelectMode",
+    "HeaderWrapper-hasSort": "ResourceList-hasSort",
+    "HeaderWrapper-hasAlternateTool": "ResourceList-hasAlternateTool",
     "disabledPointerEvents": "ResourceList-disabledPointerEvents",
     "FiltersWrapper": "ResourceList-FiltersWrapper",
     "ResourceList": "ResourceList-ResourceList",
     "HeaderOuterWrapper": "ResourceList-HeaderOuterWrapper",
-    "HeaderWrapper-disabled": "ResourceList-HeaderWrapper-disabled",
-    "HeaderWrapper-overlay": "ResourceList-HeaderWrapper-overlay",
-    "FiltersWrapper+.HeaderOuterWrapper": "ResourceList-FiltersWrapper+.HeaderOuterWrapper",
+    "HeaderWrapper-disabled": "ResourceList-disabled",
+    "HeaderWrapper-overlay": "ResourceList-overlay",
     "HeaderWrapper": "ResourceList-HeaderWrapper",
-    "HeaderWrapper-isSticky": "ResourceList-HeaderWrapper-isSticky",
+    "HeaderWrapper-isSticky": "ResourceList-isSticky",
     "HeaderContentWrapper": "ResourceList-HeaderContentWrapper",
-    "AlternateToolWrapper": "ResourceList-AlternateToolWrapper",
+    "HeaderWrapper-inSelectMode": "ResourceList-inSelectMode",
     "SortWrapper": "ResourceList-SortWrapper",
+    "AlternateToolWrapper": "ResourceList-AlternateToolWrapper",
+    "HeaderWrapper-hasSelect": "ResourceList-hasSelect",
     "HeaderTitleWrapper": "ResourceList-HeaderTitleWrapper",
     "BulkActionsWrapper": "ResourceList-BulkActionsWrapper",
     "BulkActionsWrapperSticky": "ResourceList-BulkActionsWrapperSticky",
@@ -24,11 +23,10 @@ const ResourceListClassnames = {
     "CheckableButtonWrapper": "ResourceList-CheckableButtonWrapper",
     "SelectButtonWrapper": "ResourceList-SelectButtonWrapper",
     "EmptySearchResultWrapper": "ResourceList-EmptySearchResultWrapper",
-    "5em)": "ResourceList-5em)",
     "ResourceListWrapper": "ResourceList-ResourceListWrapper",
     "ResourceListWrapperWithBulkActions": "ResourceList-ResourceListWrapperWithBulkActions",
     "ItemWrapper": "ResourceList-ItemWrapper",
-    "ItemWrapper-isLoading": "ResourceList-ItemWrapper-isLoading",
+    "ItemWrapper-isLoading": "ResourceList-isLoading",
     "SpinnerContainer": "ResourceList-SpinnerContainer",
     "LoadingOverlay": "ResourceList-LoadingOverlay",
     "DisabledPointerEvents": "ResourceList-DisabledPointerEvents",

package/dist/src/components/ResourceList/ResourceList.js

@@ -54,8 +54,8 @@ function ResourceList({ items, filterControl, flushFilters, emptyState, emptySea
         computeTableDimensions();
     }, [computeTableDimensions, items.length]);
     const defaultResourceName = (0, use_lazy_ref_1.useLazyRef)(() => ({
-        singular: i18n.translate('Polaris.ResourceList.defaultItemSingular'),
-        plural: i18n.translate('Polaris.ResourceList.defaultItemPlural'),
+        singular: i18n.translate('Macive.ResourceList.defaultItemSingular'),
+        plural: i18n.translate('Macive.ResourceList.defaultItemPlural'),
     }));
     const listRef = (0, react_1.useRef)(null);
     const handleSelectMode = (selectMode) => {
@@ -94,10 +94,10 @@ function ResourceList({ items, filterControl, flushFilters, emptyState, emptySea
             ? resourceName.singular
             : resourceName.plural;
         if (loading) {
-            return i18n.translate('Polaris.ResourceList.loading', { resource });
+            return i18n.translate('Macive.ResourceList.loading', { resource });
         }
         else if (totalItemsCount) {
-            return i18n.translate('Polaris.ResourceList.showingTotalCount', {
+            return i18n.translate('Macive.ResourceList.showingTotalCount', {
                 itemsCount,
                 totalItemsCount,
                 resource,
@@ -107,7 +107,7 @@ function ResourceList({ items, filterControl, flushFilters, emptyState, emptySea
             return headerContent;
         }
         else {
-            return i18n.translate('Polaris.ResourceList.showing', {
+            return i18n.translate('Macive.ResourceList.showing', {
                 itemsCount,
                 resource,
             });
@@ -115,7 +115,7 @@ function ResourceList({ items, filterControl, flushFilters, emptyState, emptySea
     };
     const selectAllActionsLabel = () => {
         const selectedItemsCount = selectedItems === resource_list_1.SELECT_ALL_ITEMS ? `${items.length}+` : selectedItems.length;
-        return i18n.translate('Polaris.ResourceList.selected', {
+        return i18n.translate('Macive.ResourceList.selected', {
             selectedItemsCount,
         });
     };
@@ -124,23 +124,23 @@ function ResourceList({ items, filterControl, flushFilters, emptyState, emptySea
         const totalItemsCount = items.length;
         const allSelected = selectedItemsCount === totalItemsCount;
         if (totalItemsCount === 1 && allSelected) {
-            return i18n.translate('Polaris.ResourceList.a11yCheckboxDeselectAllSingle', {
+            return i18n.translate('Macive.ResourceList.a11yCheckboxDeselectAllSingle', {
                 resourceNameSingular: resourceName.singular,
             });
         }
         else if (totalItemsCount === 1) {
-            return i18n.translate('Polaris.ResourceList.a11yCheckboxSelectAllSingle', {
+            return i18n.translate('Macive.ResourceList.a11yCheckboxSelectAllSingle', {
                 resourceNameSingular: resourceName.singular,
             });
         }
         else if (allSelected) {
-            return i18n.translate('Polaris.ResourceList.a11yCheckboxDeselectAllMultiple', {
+            return i18n.translate('Macive.ResourceList.a11yCheckboxDeselectAllMultiple', {
                 itemsLength: items.length,
                 resourceNamePlural: resourceName.plural,
             });
         }
         else {
-            return i18n.translate('Polaris.ResourceList.a11yCheckboxSelectAllMultiple', {
+            return i18n.translate('Macive.ResourceList.a11yCheckboxSelectAllMultiple', {
                 itemsLength: items.length,
                 resourceNamePlural: resourceName.plural,
             });
@@ -152,8 +152,8 @@ function ResourceList({ items, filterControl, flushFilters, emptyState, emptySea
         }
         if (selectedItems === resource_list_1.SELECT_ALL_ITEMS) {
             return i18n.translate(isFiltered
-                ? 'Polaris.ResourceList.allFilteredItemsSelected'
-                : 'Polaris.ResourceList.allItemsSelected', {
+                ? 'Macive.ResourceList.allFilteredItemsSelected'
+                : 'Macive.ResourceList.allItemsSelected', {
                 itemsLength: items.length,
                 resourceNamePlural: resourceName.plural,
             });
@@ -164,10 +164,10 @@ function ResourceList({ items, filterControl, flushFilters, emptyState, emptySea
             return;
         }
         const actionText = selectedItems === resource_list_1.SELECT_ALL_ITEMS
-            ? i18n.translate('Polaris.Common.undo')
+            ? i18n.translate('Macive.Common.undo')
             : i18n.translate(isFiltered
-                ? 'Polaris.ResourceList.selectAllFilteredItems'
-                : 'Polaris.ResourceList.selectAllItems', {
+                ? 'Macive.ResourceList.selectAllFilteredItems'
+                : 'Macive.ResourceList.selectAllItems', {
                 itemsLength: items.length,
                 resourceNamePlural: resourceName.plural,
             });
@@ -177,10 +177,10 @@ function ResourceList({ items, filterControl, flushFilters, emptyState, emptySea
         };
     };
     const emptySearchResultText = {
-        title: i18n.translate('Polaris.ResourceList.emptySearchResultTitle', {
+        title: i18n.translate('Macive.ResourceList.emptySearchResultTitle', {
             resourceNamePlural: resourceName.plural,
         }),
-        description: i18n.translate('Polaris.ResourceList.emptySearchResultDescription'),
+        description: i18n.translate('Macive.ResourceList.emptySearchResultDescription'),
     };
     const handleSelectAllItemsInStore = () => {
         const newlySelectedItems = selectedItems === resource_list_1.SELECT_ALL_ITEMS ? getAllItemsOnPage(items, idForItem) : resource_list_1.SELECT_ALL_ITEMS;
@@ -298,10 +298,10 @@ function ResourceList({ items, filterControl, flushFilters, emptyState, emptySea
             left: isBulkActionsSticky ? bulkActionsOffsetLeft : undefined,
         }, children: (0, jsx_runtime_1.jsx)(BulkActions_1.BulkActions, { selectMode: selectMode, onSelectModeToggle: handleSelectMode, promotedActions: promotedBulkActions, actions: bulkActions, disabled: loading, isSticky: isBulkActionsSticky, width: bulkActionsMaxWidth }) })) : null;
     const filterControlMarkup = filterControl ? ((0, jsx_runtime_1.jsx)("div", { className: (0, css_1.classNames)(!flushFilters && ResourceList_classnames_1.default.FiltersWrapper), children: filterControl })) : null;
-    const sortingSelectMarkup = sortOptions && sortOptions.length > 0 && !alternateTool ? ((0, jsx_runtime_1.jsx)("div", { className: ResourceList_classnames_1.default.SortWrapper, children: (0, jsx_runtime_1.jsx)(Select_1.Select, { label: i18n.translate('Polaris.ResourceList.sortingLabel'), labelInline: !smallScreen, labelHidden: smallScreen, options: sortOptions, onChange: onSortChange, value: sortValue, disabled: selectMode }) })) : null;
+    const sortingSelectMarkup = sortOptions && sortOptions.length > 0 && !alternateTool ? ((0, jsx_runtime_1.jsx)("div", { className: ResourceList_classnames_1.default.SortWrapper, children: (0, jsx_runtime_1.jsx)(Select_1.Select, { label: i18n.translate('Macive.ResourceList.sortingLabel'), labelInline: !smallScreen, labelHidden: smallScreen, options: sortOptions, onChange: onSortChange, value: sortValue, disabled: selectMode }) })) : null;
     const alternateToolMarkup = alternateTool && !sortingSelectMarkup ? ((0, jsx_runtime_1.jsx)("div", { className: ResourceList_classnames_1.default.AlternateToolWrapper, children: alternateTool })) : null;
     const headerTitleMarkup = (0, jsx_runtime_1.jsx)("div", { className: ResourceList_classnames_1.default.HeaderTitleWrapper, children: headerTitle() });
-    const selectButtonMarkup = isSelectable ? ((0, jsx_runtime_1.jsx)("div", { className: ResourceList_classnames_1.default.SelectButtonWrapper, children: (0, jsx_runtime_1.jsx)(Button_1.Button, { disabled: selectMode, icon: Icons_1.MaMinus, onClick: () => handleSelectMode(true), children: i18n.translate('Polaris.ResourceList.selectButtonText') }) })) : null;
+    const selectButtonMarkup = isSelectable ? ((0, jsx_runtime_1.jsx)("div", { className: ResourceList_classnames_1.default.SelectButtonWrapper, children: (0, jsx_runtime_1.jsx)(Button_1.Button, { disabled: selectMode, icon: Icons_1.MaMinus, onClick: () => handleSelectMode(true), children: i18n.translate('Macive.ResourceList.selectButtonText') }) })) : null;
     const checkableButtonMarkup = isSelectable ? ((0, jsx_runtime_1.jsx)("div", { className: ResourceList_classnames_1.default.CheckableButtonWrapper, children: (0, jsx_runtime_1.jsx)(CheckableButton_1.CheckableButton, { accessibilityLabel: selectAllActionsAccessibilityLabel(), label: headerTitle(), onToggleAll: handleToggleAll, disabled: loading, ref: checkableButtonRef }) })) : null;
     const needsHeader = isSelectable || (sortOptions && sortOptions.length > 0) || alternateTool;
     const headerWrapperOverlay = loading ? (0, jsx_runtime_1.jsx)("div", { className: ResourceList_classnames_1.default['HeaderWrapper-overlay'] }) : null;