@moderneinc/design-system-components 6.0.0 → 6.0.1-next.24493d

package/dist/index.esm.js

@@ -1860,14 +1860,7 @@ const StyledCheckbox = styled(Checkbox, {
  */
 const ModCheckbox = ({ size = 'medium', label, helperText, disabled, icon, checkedIcon, indeterminateIcon, className, ...props }) => {
     // Identifies ModCheckbox instances to consumer stylesheets.
-    //
-    // `neo-checkbox` ships alongside for one major. Consumers select on these
-    // names from their own CSS, where nothing type-checks the string — moderne-ui
-    // has `'&:not(.neo-checkbox)'`, which on a bare rename would stop excluding
-    // anything and silently start overriding every checkbox. Remove the legacy
-    // name once consumers have migrated.
-    const ownClassNames = 'mod-checkbox neo-checkbox';
-    const combinedClassName = className ? `${ownClassNames} ${className}` : ownClassNames;
+    const combinedClassName = className ? `mod-checkbox ${className}` : 'mod-checkbox';
     // Default icons (sized via CSS on the SVG); overridable per instance
     const defaultIcon = icon || jsx(Square, {});
     const defaultCheckedIcon = checkedIcon || jsx(SquareCheck, {});
@@ -5711,7 +5704,7 @@ function ModNavigationItem({ icon, label, selected = false, tag, tooltip, slotPr
     // When collapsed the label is hidden, so fall back to it for the tooltip and
     // accessible name — otherwise an icon-only button has no name (WCAG 4.1.2).
     const collapsedTooltip = tooltip ?? label;
-    const item = (jsxs(StyledRoot, { selected: selected, "aria-label": collapsed && typeof label === 'string' ? label : undefined, disableRipple: true, ...props, children: [jsx(IconPadding, { className: "mod-nav-icon-padding neo-nav-icon-padding", children: icon }), !collapsed && label && jsx(Label$2, { className: "mod-nav-label neo-nav-label", children: label }), !collapsed && tag && (jsx(ModTag, { size: "medium", variant: "filled", intent: "beta", shape: "rounded", label: tag, ...slotProps?.badge })), children] }));
+    const item = (jsxs(StyledRoot, { selected: selected, "aria-label": collapsed && typeof label === 'string' ? label : undefined, disableRipple: true, ...props, children: [jsx(IconPadding, { className: "mod-nav-icon-padding", children: icon }), !collapsed && label && jsx(Label$2, { className: "mod-nav-label", children: label }), !collapsed && tag && (jsx(ModTag, { size: "medium", variant: "filled", intent: "beta", shape: "rounded", label: tag, ...slotProps?.badge })), children] }));
     if (collapsed && collapsedTooltip) {
         return (jsx(ModTooltip, { title: collapsedTooltip, placement: "right", arrow: true, children: item }));
     }