@midas-ds/components 17.32.0 → 17.32.2

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+## 17.32.2 (2026-10-26)
+
+### 🩹 Fixes
+
+- **components,accordion:** add styling for native :focus-visible ([a5febf9ed8b](https://github.com/migrationsverket/midas/commit/a5febf9ed8b))
+
+### 🔧 Maintenance
+
+- **deps:** install typescript 7 alongside 6 and clean up tsconfigs ([70bf5240642](https://github.com/migrationsverket/midas/commit/70bf5240642))
+
+## 17.32.1 (2026-10-19)
+
+### 🩹 Fixes
+
+- **components,tabs:** remove bold selection indicator ([f74514719bb](https://github.com/migrationsverket/midas/commit/f74514719bb))
+
+### 🏭 Refactoring
+
+- **components,tabs:** remove React.FC and destructure react imports ([68728c12952](https://github.com/migrationsverket/midas/commit/68728c12952))
+
+### 📖 Documentation changes
+
+- **components,badge:** use the icon button variant in badge examples ([0da87b2a175](https://github.com/migrationsverket/midas/commit/0da87b2a175))
+
 ## 17.32.0 (2026-10-14)
 
 ### 🚀 Features

package/accordion/index.js

@@ -1,2 +1 @@
-import { n as e, t } from "../chunks/accordion-uHbLJtPY.js";
-export { e as Accordion, t as AccordionItem };
+export { n as Accordion, t as AccordionItem } from "../chunks/accordion-DRXQI8XG.js";

package/assets/accordion.css

@@ -1 +1 @@
-._root_17bdp_1{--gap:.75rem;--heading-color:var(--midas-text-primary)}._root_17bdp_1._contained_17bdp_5{--gap:.25rem}._root_17bdp_1[data-disabled]{--heading-color:var(--midas-text-disabled)}._root_17bdp_1[data-disabled] ._triggerButton_17bdp_12{background:0 0}._root_17bdp_1{font-family:var(--midas-typography-font-family);color:var(--midas-text-primary);gap:var(--gap);flex-direction:column;width:100%;display:flex}._item_p0cw2_1{--item-padding:0;--content-padding:var(--midas-space-small) var(--midas-space-medium) var(--midas-space-medium) 1.85rem;--border:none;--accordion-background:transparent;--accordion-background-hover:transparent;--text-color:var(--midas-text-primary);--icon-color:var(--midas-icon-primary);font-family:var(--midas-typography-font-family);color:var(--text-color);background-color:var(--accordion-background);border:var(--border);border-color:var(--border-color)}._contained_p0cw2_18{--gap:var(--midas-space-xsmall);--item-padding:calc(var(--midas-space-60) - 2px) var(--midas-space-60);--content-padding:var(--midas-space-60) var(--midas-space-medium) var(--midas-space-medium) var(--midas-space-medium);--border-color:var(--midas-border-color-secondary);--border:1px solid;--accordion-background:var(--midas-layer-01-base);--accordion-background-hover:var(--midas-layer-01-hover);--midas-field-base:var(--midas-field-02-base);--midas-field-hover:var(--midas-field-02-hover);--midas-field-disabled:var(--midas-field-02-disabled)}._contained_p0cw2_18._medium_p0cw2_31{--item-padding:calc(var(--midas-space-small) - 2px) var(--midas-space-60)}._success_p0cw2_36{--accordion-background:var(--midas-support-background-success);--accordion-background-hover:var(--midas-support-background-success-hover);--border-color:var(--midas-support-border-success)}._warning_p0cw2_42{--accordion-background:var(--midas-support-background-warning);--accordion-background-hover:var(--midas-support-background-warning-hover);--border-color:var(--midas-support-border-warning)}._info_p0cw2_48{--accordion-background:var(--midas-support-background-info);--accordion-background-hover:var(--midas-support-background-info-hover);--border-color:var(--midas-support-border-info)}._important_p0cw2_54{--accordion-background:var(--midas-support-background-important);--accordion-background-hover:var(--midas-support-background-important-hover);--border-color:var(--midas-support-border-important)}._item_p0cw2_1[data-disabled]{--border-color:var(--midas-border-color-disabled);--icon-color:var(--midas-text-disabled);--text-color:var(--midas-text-disabled)}._item_p0cw2_1[data-disabled] ._triggerButton_p0cw2_65{background:0 0}._item_p0cw2_1[data-disabled] ._triggerText_p0cw2_69{color:var(--midas-text-disabled)}._trigger_p0cw2_65{cursor:pointer;border:0;margin:0}._triggerMainContent_p0cw2_80{text-align:left;flex:1 0 0}._triggerText_p0cw2_69{margin:0;padding:0}:not(#_\9 _p0cw2_1) ._triggerButton_p0cw2_65{width:100%;padding:var(--item-padding);min-height:unset;align-items:flex-start}._chevronIcon_p0cw2_97{transition:transform var(--midas-transition-duration-normal) ease;padding:var(--midas-space-10) 0;transform:rotate(0)}._statusIcon_p0cw2_103{color:var(--icon-color);padding:var(--midas-space-10) 0}@media (forced-colors:active){._statusIcon_p0cw2_103{color:currentColor}}._triggerButton_p0cw2_65[aria-expanded=true] ._chevronIcon_p0cw2_97{transition:transform var(--midas-transition-duration-normal) ease;transform:rotate(-180deg)}._triggerButton_p0cw2_65[data-hovered]{background-color:var(--accordion-background-hover)}._triggerButton_p0cw2_65[data-focus-visible]{box-shadow:var(--midas-state-focus-inset)}._panel_p0cw2_125{height:var(--disclosure-panel-height);transition:height var(--midas-transition-panel-collapse);overflow:clip}._content_p0cw2_133{height:auto;padding:var(--content-padding)}._neutralBackground_p0cw2_138{background-color:var(--midas-background-base);--midas-field-base:var(--midas-field-01-base);--midas-field-hover:var(--midas-field-01-hover);--midas-field-disabled:var(--midas-field-01-disabled)}._header_p0cw2_146{margin:0}@media (prefers-reduced-motion){._chevronIcon_p0cw2_97,._triggerButton_p0cw2_65[aria-expanded=true] ._chevronIcon_p0cw2_97,._panel_p0cw2_125{transition:none}}
+._root_17bdp_1{--gap:.75rem;--heading-color:var(--midas-text-primary)}._root_17bdp_1._contained_17bdp_5{--gap:.25rem}._root_17bdp_1[data-disabled]{--heading-color:var(--midas-text-disabled)}._root_17bdp_1[data-disabled] ._triggerButton_17bdp_12{background:0 0}._root_17bdp_1{font-family:var(--midas-typography-font-family);color:var(--midas-text-primary);gap:var(--gap);flex-direction:column;width:100%;display:flex}._item_11jby_1{--item-padding:0;--content-padding:var(--midas-space-small) var(--midas-space-medium) var(--midas-space-medium) 1.85rem;--border:none;--accordion-background:transparent;--accordion-background-hover:transparent;--text-color:var(--midas-text-primary);--icon-color:var(--midas-icon-primary);font-family:var(--midas-typography-font-family);color:var(--text-color);background-color:var(--accordion-background);border:var(--border);border-color:var(--border-color)}._contained_11jby_18{--gap:var(--midas-space-xsmall);--item-padding:calc(var(--midas-space-60) - 2px) var(--midas-space-60);--content-padding:var(--midas-space-60) var(--midas-space-medium) var(--midas-space-medium) var(--midas-space-medium);--border-color:var(--midas-border-color-secondary);--border:1px solid;--accordion-background:var(--midas-layer-01-base);--accordion-background-hover:var(--midas-layer-01-hover);--midas-field-base:var(--midas-field-02-base);--midas-field-hover:var(--midas-field-02-hover);--midas-field-disabled:var(--midas-field-02-disabled)}._contained_11jby_18._medium_11jby_31{--item-padding:calc(var(--midas-space-small) - 2px) var(--midas-space-60)}._success_11jby_36{--accordion-background:var(--midas-support-background-success);--accordion-background-hover:var(--midas-support-background-success-hover);--border-color:var(--midas-support-border-success)}._warning_11jby_42{--accordion-background:var(--midas-support-background-warning);--accordion-background-hover:var(--midas-support-background-warning-hover);--border-color:var(--midas-support-border-warning)}._info_11jby_48{--accordion-background:var(--midas-support-background-info);--accordion-background-hover:var(--midas-support-background-info-hover);--border-color:var(--midas-support-border-info)}._important_11jby_54{--accordion-background:var(--midas-support-background-important);--accordion-background-hover:var(--midas-support-background-important-hover);--border-color:var(--midas-support-border-important)}._item_11jby_1[data-disabled]{--border-color:var(--midas-border-color-disabled);--icon-color:var(--midas-text-disabled);--text-color:var(--midas-text-disabled)}._item_11jby_1[data-disabled] ._triggerButton_11jby_65{background:0 0}._item_11jby_1[data-disabled] ._triggerText_11jby_69{color:var(--midas-text-disabled)}._trigger_11jby_65{cursor:pointer;border:0;margin:0}._triggerMainContent_11jby_80{text-align:left;flex:1 0 0}._triggerText_11jby_69{margin:0;padding:0}:not(#_\9 _11jby_1) ._triggerButton_11jby_65{width:100%;padding:var(--item-padding);min-height:unset;align-items:flex-start}._chevronIcon_11jby_97{transition:transform var(--midas-transition-duration-normal) ease;padding:var(--midas-space-10) 0;transform:rotate(0)}._statusIcon_11jby_103{color:var(--icon-color);padding:var(--midas-space-10) 0}@media (forced-colors:active){._statusIcon_11jby_103{color:currentColor}}._triggerButton_11jby_65[aria-expanded=true] ._chevronIcon_11jby_97{transition:transform var(--midas-transition-duration-normal) ease;transform:rotate(-180deg)}._triggerButton_11jby_65[data-hovered]{background-color:var(--accordion-background-hover)}._triggerButton_11jby_65[data-focus-visible],._triggerButton_11jby_65:focus-visible{box-shadow:var(--midas-state-focus-inset)}._panel_11jby_126{height:var(--disclosure-panel-height);transition:height var(--midas-transition-panel-collapse);overflow:clip}._content_11jby_134{height:auto;padding:var(--content-padding)}._neutralBackground_11jby_139{background-color:var(--midas-background-base);--midas-field-base:var(--midas-field-01-base);--midas-field-hover:var(--midas-field-01-hover);--midas-field-disabled:var(--midas-field-01-disabled)}._header_11jby_147{margin:0}@media (prefers-reduced-motion){._chevronIcon_11jby_97,._triggerButton_11jby_65[aria-expanded=true] ._chevronIcon_11jby_97,._panel_11jby_126{transition:none}}

package/assets/tabs.css

@@ -1 +1 @@
-._tabs_ninos_1{font-weight:var(--midas-typography-weight-regular);line-height:var(--midas-typography-line-height-30);font-family:var(--midas-typography-font-family);display:flex}._tabs_ninos_1[data-orientation=horizontal]{flex-direction:column}._tabList_ninos_12{display:flex}._tabList_ninos_12[data-orientation=vertical]{flex-direction:column}._tab_ninos_1{padding:var(--midas-space-70) var(--midas-space-medium);cursor:default;transition-duration:var(--midas-transition-duration-normal);forced-color-adjust:none;color:var(--midas-text-primary);outline:none;transition-property:color,border-color;position:relative}._tab_ninos_1[data-disabled]{border-color:var(--midas-border-color-disabled);color:var(--midas-text-disabled)}._tab_ninos_1[data-selected]{color:var(--midas-text-primary);font-weight:var(--midas-typography-weight-medium);forced-color-adjust:none}._tab_ninos_1[data-hovered]{cursor:pointer}._tab_ninos_1[data-focus-visible]{box-shadow:var(--midas-state-focus);outline:none}@media (forced-colors:active){._tab_ninos_1[data-focus-visible]{outline:var(--midas-state-focus-contrast-mode-outline) solid;outline-offset:var(--midas-state-focus-contrast-mode-offset)}}._tab_ninos_1._contained_ninos_55{background-color:var(--midas-layer-accent-01-base)}._tab_ninos_1._contained_ninos_55[data-selected]{background-color:var(--midas-layer-01-base)}._tab_ninos_1._contained_ninos_55[data-hovered]{background-color:var(--midas-layer-accent-01-hover)}._tab_ninos_1._contained_ninos_55[data-hovered][data-selected]{background-color:var(--midas-layer-01-hover)}._tab_ninos_1._contained_ninos_55:not([data-selected])+._tab_ninos_1._contained_ninos_55._contained_ninos_55:not([data-selected]){border-color:var(--midas-border-color-subtle)}._tab_ninos_1._medium_ninos_75{padding:var(--midas-space-50) var(--midas-space-small)}[data-orientation=horizontal] ._tab_ninos_1._contained_ninos_55{border-inline-start:1px solid #0000}[data-orientation=vertical] ._tab_ninos_1._contained_ninos_55{border-top:1px solid #0000}[data-orientation=horizontal] ._tab_ninos_1:not(._contained_ninos_55){border-bottom:1px solid var(--midas-border-color-subtle);margin-bottom:-1px}[data-orientation=vertical] ._tab_ninos_1:not(._contained_ninos_55){border-inline-end:1px solid var(--midas-border-color-subtle);margin-right:-1px}._selectionIndicator_ninos_98{position:absolute}._selectionIndicator_ninos_98._animated_ninos_101{transition-duration:var(--midas-transition-duration-normal);transition-property:translate,width,height}[data-orientation=horizontal] ._tab_ninos_1 ._selectionIndicator_ninos_98{border-bottom:3px solid var(--midas-border-color-tertiary);width:100%;bottom:0;left:0}[data-orientation=vertical] ._tab_ninos_1 ._selectionIndicator_ninos_98{border-inline-end:3px solid var(--midas-border-color-tertiary);height:100%;top:0;right:0}._tab_ninos_1 ._selectionIndicator_ninos_98._contained_ninos_55{z-index:var(--midas-z-index-base);border-width:2px}[data-orientation=horizontal] ._tab_ninos_1 ._selectionIndicator_ninos_98._contained_ninos_55{bottom:unset;top:0}[data-orientation=vertical] ._tab_ninos_1 ._selectionIndicator_ninos_98._contained_ninos_55{left:0;right:unset}._tabPanel_ninos_136{padding:var(--midas-space-medium);color:var(--midas-text-primary)}._tabPanel_ninos_136[data-focus-visible]{box-shadow:var(--midas-state-focus);outline:none}._tabPanel_ninos_136._contained_ninos_55{background-color:var(--midas-layer-01-base);--midas-field-base:var(--midas-field-02-base);--midas-field-hover:var(--midas-field-02-hover)}._tabPanel_ninos_136._medium_ninos_75{padding:var(--midas-space-small)}
+._tabs_w9b70_1{font-weight:var(--midas-typography-weight-regular);line-height:var(--midas-typography-line-height-30);font-family:var(--midas-typography-font-family);display:flex}._tabs_w9b70_1[data-orientation=horizontal]{flex-direction:column}._tabList_w9b70_12{display:flex}._tabList_w9b70_12[data-orientation=vertical]{flex-direction:column}._tab_w9b70_1{padding:var(--midas-space-70) var(--midas-space-medium);cursor:default;transition-duration:var(--midas-transition-duration-normal);forced-color-adjust:none;color:var(--midas-text-primary);outline:none;transition-property:color,border-color;position:relative}._tab_w9b70_1[data-disabled]{border-color:var(--midas-border-color-disabled);color:var(--midas-text-disabled)}._tab_w9b70_1[data-selected]{color:var(--midas-text-primary);forced-color-adjust:none}._tab_w9b70_1[data-hovered]{cursor:pointer}._tab_w9b70_1[data-focus-visible]{box-shadow:var(--midas-state-focus);outline:none}@media (forced-colors:active){._tab_w9b70_1[data-focus-visible]{outline:var(--midas-state-focus-contrast-mode-outline) solid;outline-offset:var(--midas-state-focus-contrast-mode-offset)}}._tab_w9b70_1._contained_w9b70_54{background-color:var(--midas-layer-accent-01-base)}._tab_w9b70_1._contained_w9b70_54[data-selected]{background-color:var(--midas-layer-01-base)}._tab_w9b70_1._contained_w9b70_54[data-hovered]{background-color:var(--midas-layer-accent-01-hover)}._tab_w9b70_1._contained_w9b70_54[data-hovered][data-selected]{background-color:var(--midas-layer-01-hover)}._tab_w9b70_1._contained_w9b70_54:not([data-selected])+._tab_w9b70_1._contained_w9b70_54._contained_w9b70_54:not([data-selected]){border-color:var(--midas-border-color-subtle)}._tab_w9b70_1._medium_w9b70_74{padding:var(--midas-space-50) var(--midas-space-small)}[data-orientation=horizontal] ._tab_w9b70_1._contained_w9b70_54{border-inline-start:1px solid #0000}[data-orientation=vertical] ._tab_w9b70_1._contained_w9b70_54{border-top:1px solid #0000}[data-orientation=horizontal] ._tab_w9b70_1:not(._contained_w9b70_54){border-bottom:1px solid var(--midas-border-color-subtle);margin-bottom:-1px}[data-orientation=vertical] ._tab_w9b70_1:not(._contained_w9b70_54){border-inline-end:1px solid var(--midas-border-color-subtle);margin-right:-1px}._selectionIndicator_w9b70_97{position:absolute}._selectionIndicator_w9b70_97._animated_w9b70_100{transition-duration:var(--midas-transition-duration-normal);transition-property:translate,width,height}[data-orientation=horizontal] ._tab_w9b70_1 ._selectionIndicator_w9b70_97{border-bottom:3px solid var(--midas-border-color-tertiary);width:100%;bottom:0;left:0}[data-orientation=vertical] ._tab_w9b70_1 ._selectionIndicator_w9b70_97{border-inline-end:3px solid var(--midas-border-color-tertiary);height:100%;top:0;right:0}._tab_w9b70_1 ._selectionIndicator_w9b70_97._contained_w9b70_54{z-index:var(--midas-z-index-base);border-width:2px}[data-orientation=horizontal] ._tab_w9b70_1 ._selectionIndicator_w9b70_97._contained_w9b70_54{bottom:unset;top:0}[data-orientation=vertical] ._tab_w9b70_1 ._selectionIndicator_w9b70_97._contained_w9b70_54{left:0;right:unset}._tabPanel_w9b70_135{padding:var(--midas-space-medium);color:var(--midas-text-primary)}._tabPanel_w9b70_135[data-focus-visible]{box-shadow:var(--midas-state-focus);outline:none}._tabPanel_w9b70_135._contained_w9b70_54{background-color:var(--midas-layer-01-base);--midas-field-base:var(--midas-field-02-base);--midas-field-hover:var(--midas-field-02-hover)}._tabPanel_w9b70_135._medium_w9b70_74{padding:var(--midas-space-small)}

package/badge/index.js

@@ -1,2 +1 @@
-import { n as e, t } from "../chunks/badge-C4bXJmhn.js";
-export { e as Badge, t as BadgeContainer };
+export { n as Badge, t as BadgeContainer } from "../chunks/badge-C4bXJmhn.js";

package/breadcrumbs/index.js

@@ -1,2 +1 @@
-import { n as e, t } from "../chunks/breadcrumbs-BGnyY3bO.js";
-export { t as Breadcrumb, e as Breadcrumbs };
+export { t as Breadcrumb, n as Breadcrumbs } from "../chunks/breadcrumbs-BGnyY3bO.js";

package/button/index.js

@@ -1,2 +1 @@
-import { n as e, t } from "../chunks/button-dpe6hXmI.js";
-export { e as Button, t as ButtonGroup };
+export { n as Button, t as ButtonGroup } from "../chunks/button-dpe6hXmI.js";

package/calendar/index.js

@@ -1,2 +1 @@
-import { n as e, t } from "../chunks/calendar-CMcDh3Qp.js";
-export { e as Calendar, t as RangeCalendar };
+export { n as Calendar, t as RangeCalendar } from "../chunks/calendar-CMcDh3Qp.js";

package/card/index.js

@@ -1,2 +1 @@
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "../chunks/card-C0S9Kyi2.js";
-export { o as Card, n as CardActionArea, e as CardActions, i as CardBody, a as CardContent, c as CardHeader, s as CardImage, t as CardLink, r as CardTitle };
+export { r as Card, i as CardActionArea, a as CardActions, n as CardBody, o as CardContent, t as CardHeader, s as CardImage, c as CardLink, l as CardTitle } from "../chunks/card-C0S9Kyi2.js";

package/character-counter/index.js

@@ -1,2 +1 @@
-import { t as e } from "../chunks/character-counter-CSoVSrxZ.js";
-export { e as CharacterCounter };
+export { t as CharacterCounter } from "../chunks/character-counter-CSoVSrxZ.js";

package/checkbox/index.js

@@ -1,2 +1 @@
-import { i as e, n as t, r as n, t as r } from "../chunks/checkbox-E5RkzKav.js";
-export { t as Checkbox, n as CheckboxButton, e as CheckboxField, r as CheckboxGroup };
+export { n as Checkbox, r as CheckboxButton, i as CheckboxField, t as CheckboxGroup } from "../chunks/checkbox-E5RkzKav.js";

package/chunks/{accordion-uHbLJtPY.js → accordion-DRXQI8XG.js}

@@ -22,24 +22,24 @@ import '../assets/accordion.css';var h = {
 		children: t
 	})
 }), v = {
-	item: "_item_p0cw2_1",
-	contained: "_contained_p0cw2_18",
-	medium: "_medium_p0cw2_31",
-	success: "_success_p0cw2_36",
-	warning: "_warning_p0cw2_42",
-	info: "_info_p0cw2_48",
-	important: "_important_p0cw2_54",
-	triggerButton: "_triggerButton_p0cw2_65",
-	triggerText: "_triggerText_p0cw2_69",
-	trigger: "_trigger_p0cw2_65",
-	triggerMainContent: "_triggerMainContent_p0cw2_80",
-	"	": "_	_p0cw2_1",
-	chevronIcon: "_chevronIcon_p0cw2_97",
-	statusIcon: "_statusIcon_p0cw2_103",
-	panel: "_panel_p0cw2_125",
-	content: "_content_p0cw2_133",
-	neutralBackground: "_neutralBackground_p0cw2_138",
-	header: "_header_p0cw2_146"
+	item: "_item_11jby_1",
+	contained: "_contained_11jby_18",
+	medium: "_medium_11jby_31",
+	success: "_success_11jby_36",
+	warning: "_warning_11jby_42",
+	info: "_info_11jby_48",
+	important: "_important_11jby_54",
+	triggerButton: "_triggerButton_11jby_65",
+	triggerText: "_triggerText_11jby_69",
+	trigger: "_trigger_11jby_65",
+	triggerMainContent: "_triggerMainContent_11jby_80",
+	"	": "_	_11jby_1",
+	chevronIcon: "_chevronIcon_11jby_97",
+	statusIcon: "_statusIcon_11jby_103",
+	panel: "_panel_11jby_126",
+	content: "_content_11jby_134",
+	neutralBackground: "_neutralBackground_11jby_139",
+	header: "_header_11jby_147"
 }, y = ({ title: i, children: c, className: h, headingLevel: _ = "h2", type: y, contentBackground: b, hasBackground: x, size: S = "large", isContained: C, iconAriaLabel: w, ...T }) => {
 	let E = a(g), D = C ?? E?.isContained ?? !1, O = typeof i == "object", k = b ?? (x === !1 ? "inherit" : "neutral");
 	return o(() => {

package/chunks/{color-scheme-switch-DVyIszaD.js → color-scheme-switch-D7EpvqTW.js}

@@ -37,11 +37,7 @@ import '../assets/color-scheme-switch.css';var b = {
 	let [i, a] = d(n ?? t), o = n ?? i;
 	return u(() => {
 		let t = document.querySelector(e);
-		if (!t) {
-			console.warn(`No element found for selector: "${e}"`);
-			return;
-		}
-		o === "light dark" ? delete t.dataset.colorScheme : t.dataset.colorScheme = o;
+		t ? o === "light dark" ? delete t.dataset.colorScheme : t.dataset.colorScheme = o : console.warn(`No element found for selector: "${e}"`);
 	}, [o, e]), {
 		resolved: o,
 		onChange: (e) => {
@@ -112,11 +108,7 @@ import '../assets/color-scheme-switch.css';var b = {
 	}), D = T[b];
 	l.useEffect(() => {
 		let e = document.querySelector(i);
-		if (!e) {
-			console.warn(`No element found for selector: "${i}"`);
-			return;
-		}
-		b === "light dark" ? delete e.dataset.colorScheme : e.dataset.colorScheme = b;
+		e ? b === "light dark" ? delete e.dataset.colorScheme : e.dataset.colorScheme = b : console.warn(`No element found for selector: "${i}"`);
 	}, [b, i]);
 	let O = t(x);
 	return /* @__PURE__ */ h(s, { children: [/* @__PURE__ */ h(n, {

package/chunks/tabs-CbcNTa7J.js

@@ -0,0 +1,56 @@
+'use client';
+import { t as e } from "./clsx-DAqHMl_k.js";
+import * as t from "react";
+import { createContext as n, useContext as r } from "react";
+import { DialogContext as i, SelectionIndicator as a, Tab as o, TabList as s, TabPanel as c, Tabs as l, composeRenderProps as u } from "react-aria-components";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import '../assets/tabs.css';//#region src/tabs/TabsContext.ts
+var m = n({
+	variant: "uncontained",
+	size: "large"
+}), h = {
+	tabs: "_tabs_w9b70_1",
+	tabList: "_tabList_w9b70_12",
+	tab: "_tab_w9b70_1",
+	contained: "_contained_w9b70_54",
+	medium: "_medium_w9b70_74",
+	selectionIndicator: "_selectionIndicator_w9b70_97",
+	animated: "_animated_w9b70_100",
+	tabPanel: "_tabPanel_w9b70_135"
+}, g = ({ className: t, variant: n = "uncontained", size: r = "large", ...i }) => /* @__PURE__ */ f(m.Provider, {
+	value: {
+		variant: n,
+		size: r
+	},
+	children: /* @__PURE__ */ f(l, {
+		className: e(h.tabs, t),
+		...i
+	})
+}), _ = ({ className: t, ...n }) => {
+	let { variant: s, size: c } = r(m), l = r(i);
+	return /* @__PURE__ */ f(o, {
+		...n,
+		className: e(h.tab, {
+			[h.contained]: s === "contained",
+			[h.medium]: c === "medium"
+		}, t),
+		children: u(n.children, (t) => /* @__PURE__ */ p(d, { children: [t, /* @__PURE__ */ f(a, { className: e(h.selectionIndicator, {
+			[h.contained]: s === "contained",
+			[h.animated]: !l
+		}) })] }))
+	});
+}, v = ({ className: n, ...r }) => {
+	let { variant: i, size: a } = t.useContext(m);
+	return /* @__PURE__ */ f(c, {
+		className: e(h.tabPanel, {
+			[h.contained]: i === "contained",
+			[h.medium]: a === "medium"
+		}, n),
+		...r
+	});
+}, y = ({ className: t, ...n }) => /* @__PURE__ */ f(s, {
+	className: e(h.tabList, t),
+	...n
+});
+//#endregion
+export { g as i, v as n, _ as r, y as t };

package/clear-button/index.js

@@ -1,2 +1 @@
-import { t as e } from "../chunks/clear-button-DWtOkhCH.js";
-export { e as ClearButton };
+export { t as ClearButton } from "../chunks/clear-button-DWtOkhCH.js";

package/color-scheme-switch/index.js

@@ -1,2 +1 @@
-import { n as e, t } from "../chunks/color-scheme-switch-DVyIszaD.js";
-export { e as ColorSchemeSwitch, t as ColorSchemeSwitchMenu };
+export { n as ColorSchemeSwitch, t as ColorSchemeSwitchMenu } from "../chunks/color-scheme-switch-D7EpvqTW.js";

package/combobox/index.js

@@ -1,2 +1 @@
-import { t as e } from "../chunks/combobox-CZhXbrMD.js";
-export { e as ComboBox };
+export { t as ComboBox } from "../chunks/combobox-CZhXbrMD.js";

package/date-field/index.js

@@ -1,2 +1 @@
-import { i as e, n as t, r as n, t as r } from "../chunks/date-field-D73LuPS0.js";
-export { e as DateField, t as DateInput, r as DateInputDivider, n as DateSegment };
+export { i as DateField, n as DateInput, t as DateInputDivider, r as DateSegment } from "../chunks/date-field-D73LuPS0.js";

package/date-picker/index.js

@@ -1,2 +1 @@
-import { n as e, t } from "../chunks/date-picker-EEQ4pvDV.js";
-export { e as DatePicker, t as DateRangePicker };
+export { n as DatePicker, t as DateRangePicker } from "../chunks/date-picker-EEQ4pvDV.js";

package/drop-zone/index.js

@@ -1,2 +1 @@
-import { t as e } from "../chunks/drop-zone-DNhEbH4w.js";
-export { e as DropZone };
+export { t as DropZone } from "../chunks/drop-zone-DNhEbH4w.js";

package/field-error/index.js

@@ -1,2 +1 @@
-import { t as e } from "../chunks/field-error-BHoPnRe4.js";
-export { e as FieldError };
+export { t as FieldError } from "../chunks/field-error-BHoPnRe4.js";

package/file-list/index.js

@@ -1,2 +1 @@
-import { n as e, t } from "../chunks/file-list-CsK6E-mQ.js";
-export { e as FileList, t as FileListItem };
+export { n as FileList, t as FileListItem } from "../chunks/file-list-CsK6E-mQ.js";

package/file-trigger/index.js

@@ -1,2 +1 @@
-import { t as e } from "../chunks/file-trigger-Dp5nH8oS.js";
-export { e as FileTrigger };
+export { t as FileTrigger } from "../chunks/file-trigger-Dp5nH8oS.js";

package/grid/index.js

@@ -1,2 +1 @@
-import { n as e, t } from "../chunks/grid-BR68fpvW.js";
-export { e as Grid, t as GridItem };
+export { n as Grid, t as GridItem } from "../chunks/grid-BR68fpvW.js";

package/heading/index.js

@@ -1,2 +1 @@
-import { t as e } from "../chunks/heading-DcOjYrUM.js";
-export { e as Heading };
+export { t as Heading } from "../chunks/heading-DcOjYrUM.js";

package/icons/index.js

@@ -1,2 +1 @@
-import { t as e } from "../chunks/icons-UBHIX2oV.js";
-export { e as ContrastFilled };
+export { t as ContrastFilled } from "../chunks/icons-UBHIX2oV.js";

package/index.js

@@ -1,6 +1,6 @@
 'use client';
 "use client";
-import { n as e, t } from "./chunks/accordion-uHbLJtPY.js";
+import { n as e, t } from "./chunks/accordion-DRXQI8XG.js";
 import { t as n } from "./chunks/clsx-DAqHMl_k.js";
 import { t as r } from "./chunks/spinner-CIjfJeGm.js";
 import { t as i } from "./chunks/useLocalizedStringFormatter-CeyBc0x0.js";
@@ -22,7 +22,7 @@ import { a as R, c as z, i as B, l as V, n as H, o as U, r as W, s as G, t as K
 import { t as q } from "./chunks/character-counter-CSoVSrxZ.js";
 import { t as J } from "./chunks/icons-UBHIX2oV.js";
 import { n as Y, t as X } from "./chunks/toggle-button-DD_bXanH.js";
-import { n as Z, t as Q } from "./chunks/color-scheme-switch-DVyIszaD.js";
+import { n as Z, t as Q } from "./chunks/color-scheme-switch-D7EpvqTW.js";
 import { a as $, i as ee, n as te, o as ne, r as re, t as ie } from "./chunks/menu-DbQ98noD.js";
 import { t as ae } from "./chunks/combobox-CZhXbrMD.js";
 import { i as oe, n as se, r as ce, t as le } from "./chunks/date-field-D73LuPS0.js";
@@ -43,7 +43,7 @@ import { t as Ie } from "./chunks/search-field-DDKW7zLX.js";
 import { t as Le } from "./chunks/skeleton-R_3dS7Ro.js";
 import { t as Re } from "./chunks/stack-BAHKom_Q.js";
 import { a as ze, i as Be, n as Ve, o as He, r as Ue, t as We } from "./chunks/table-BaeA6tVH.js";
-import { i as Ge, n as Ke, r as qe, t as Je } from "./chunks/tabs-owuRVJ3N.js";
+import { i as Ge, n as Ke, r as qe, t as Je } from "./chunks/tabs-CbcNTa7J.js";
 import { i as Ye, n as Xe, r as Ze, t as Qe } from "./chunks/textfield-D7GvYAz4.js";
 import { t as $e } from "./chunks/time-field-DcEMnB3d.js";
 import { a as et, i as tt, n as nt, o as rt, r as it, t as at } from "./chunks/toast-DZuvVRD_.js";
@@ -61,7 +61,7 @@ var ot = {
 	description: "Midas Components",
 	homepage: "https://designsystem.migrationsverket.se/",
 	license: "CC0-1.0",
-	version: "17.32.0",
+	version: "17.32.2",
 	module: "./index.js",
 	type: "module",
 	main: "./index.js",

package/info-banner/index.js

@@ -1,2 +1 @@
-import { t as e } from "../chunks/info-banner-DXjPEG69.js";
-export { e as InfoBanner };
+export { t as InfoBanner } from "../chunks/info-banner-DXjPEG69.js";

package/label/index.js

@@ -1,2 +1 @@
-import { t as e } from "../chunks/label-D-qPkeUX.js";
-export { e as Label };
+export { t as Label } from "../chunks/label-D-qPkeUX.js";

package/layout/index.js

@@ -1,2 +1 @@
-import { a as e, i as t, n, r, t as i } from "../chunks/layout-Bue2Lkbc.js";
-export { r as Header, i as Layout, n as Navbar, t as Sidebar, e as SidebarLink };
+export { r as Header, t as Layout, n as Navbar, i as Sidebar, a as SidebarLink } from "../chunks/layout-Bue2Lkbc.js";

package/link/index.js

@@ -1,2 +1 @@
-import { n as e, t } from "../chunks/link-B76JDA2N.js";
-export { t as Link, e as RouterProvider };
+export { t as Link, n as RouterProvider } from "../chunks/link-B76JDA2N.js";

package/link-button/index.js

@@ -1,2 +1 @@
-import { n as e, t } from "../chunks/link-button-BeXxC22w.js";
-export { t as LinkButton, e as RouterProvider };
+export { t as LinkButton, n as RouterProvider } from "../chunks/link-button-BeXxC22w.js";

package/list-box/index.js

@@ -1,2 +1 @@
-import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../chunks/list-box-BzBJX0nP.js";
-export { t as ListBox, o as ListBoxButton, s as ListBoxEmptyState, r as ListBoxHeader, i as ListBoxItem, a as ListBoxLoadMoreItem, e as ListBoxPopover, n as ListBoxSection };
+export { c as ListBox, s as ListBoxButton, t as ListBoxEmptyState, n as ListBoxHeader, o as ListBoxItem, r as ListBoxLoadMoreItem, a as ListBoxPopover, i as ListBoxSection } from "../chunks/list-box-BzBJX0nP.js";

package/logo/index.js

@@ -1,2 +1 @@
-import { n as e, t } from "../chunks/logo-DSJ1bUJZ.js";
-export { t as Logo, e as LogoContext };
+export { t as Logo, n as LogoContext } from "../chunks/logo-DSJ1bUJZ.js";

package/menu/index.js

@@ -1,2 +1 @@
-import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/menu-DbQ98noD.js";
-export { e as Menu, t as MenuItem, i as MenuPopover, n as MenuSection, r as MenuTrigger, a as Separator };
+export { a as Menu, i as MenuItem, r as MenuPopover, n as MenuSection, o as MenuTrigger, t as Separator } from "../chunks/menu-DbQ98noD.js";

package/modal/index.js

@@ -1,2 +1 @@
-import { n as e, r as t, t as n } from "../chunks/modal-Bst_8zeF.js";
-export { n as DialogTrigger, e as Modal, t as ModalOverlay };
+export { t as DialogTrigger, n as Modal, r as ModalOverlay } from "../chunks/modal-Bst_8zeF.js";

package/package.json

@@ -14,7 +14,7 @@
   "description": "Midas Components",
   "homepage": "https://designsystem.migrationsverket.se/",
   "license": "CC0-1.0",
-  "version": "17.32.0",
+  "version": "17.32.2",
   "module": "./index.js",
   "type": "module",
   "main": "./index.js",

package/popover/index.js

@@ -1,2 +1 @@
-import { t as e } from "../chunks/popover-B82BcP5n.js";
-export { e as Popover };
+export { t as Popover } from "../chunks/popover-B82BcP5n.js";

package/progress-bar/index.js

@@ -1,2 +1 @@
-import { t as e } from "../chunks/progress-bar-DQ56IibW.js";
-export { e as ProgressBar };
+export { t as ProgressBar } from "../chunks/progress-bar-DQ56IibW.js";

package/radio/index.js

@@ -1,2 +1 @@
-import { i as e, n as t, r as n, t as r } from "../chunks/radio-BuUsac8x.js";
-export { t as Radio, n as RadioButton, e as RadioField, r as RadioGroup };
+export { n as Radio, r as RadioButton, i as RadioField, t as RadioGroup } from "../chunks/radio-BuUsac8x.js";

package/search-field/index.js

@@ -1,2 +1 @@
-import { t as e } from "../chunks/search-field-DDKW7zLX.js";
-export { e as SearchField };
+export { t as SearchField } from "../chunks/search-field-DDKW7zLX.js";

package/select/index.js

@@ -1,2 +1 @@
-import { n as e, t } from "../chunks/select-BtknjTlA.js";
-export { t as Select, e as SelectTrigger };
+export { t as Select, n as SelectTrigger } from "../chunks/select-BtknjTlA.js";

package/skeleton/index.js

@@ -1,2 +1 @@
-import { t as e } from "../chunks/skeleton-R_3dS7Ro.js";
-export { e as Skeleton };
+export { t as Skeleton } from "../chunks/skeleton-R_3dS7Ro.js";

package/spinner/index.js

@@ -1,2 +1 @@
-import { t as e } from "../chunks/spinner-CIjfJeGm.js";
-export { e as Spinner };
+export { t as Spinner } from "../chunks/spinner-CIjfJeGm.js";

package/stack/index.js

@@ -1,2 +1 @@
-import { t as e } from "../chunks/stack-BAHKom_Q.js";
-export { e as Stack };
+export { t as Stack } from "../chunks/stack-BAHKom_Q.js";

package/table/index.js

@@ -1,2 +1 @@
-import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/table-BaeA6tVH.js";
-export { a as Cell, n as Column, i as Row, t as Table, e as TableBody, r as TableHeader };
+export { t as Cell, n as Column, r as Row, i as Table, a as TableBody, o as TableHeader } from "../chunks/table-BaeA6tVH.js";

package/tabs/Tab.d.ts

@@ -1,4 +1,3 @@
 import { TabProps } from 'react-aria-components';
-import * as React from 'react';
-export declare const Tab: React.FC<TabProps>;
+export declare const Tab: ({ className, ...props }: TabProps) => import('react').JSX.Element;
 export type { TabProps };

package/tabs/index.js

@@ -1,2 +1 @@
-import { i as e, n as t, r as n, t as r } from "../chunks/tabs-owuRVJ3N.js";
-export { n as Tab, r as TabList, t as TabPanel, e as Tabs };
+export { r as Tab, t as TabList, n as TabPanel, i as Tabs } from "../chunks/tabs-CbcNTa7J.js";

package/tag/index.js

@@ -1,2 +1 @@
-import { n as e, r as t, t as n } from "../chunks/tag-BEawJnJm.js";
-export { t as Tag, n as TagGroup, e as TagList };
+export { r as Tag, t as TagGroup, n as TagList } from "../chunks/tag-BEawJnJm.js";

package/text/index.js

@@ -1,2 +1 @@
-import { t as e } from "../chunks/text-DnvD4Cjc.js";
-export { e as Text };
+export { t as Text } from "../chunks/text-DnvD4Cjc.js";

package/textfield/index.js

@@ -1,2 +1 @@
-import { i as e, n as t, r as n, t as r } from "../chunks/textfield-D7GvYAz4.js";
-export { n as Input, r as TextArea, t as TextField, e as TextFieldBase };
+export { r as Input, t as TextArea, n as TextField, i as TextFieldBase } from "../chunks/textfield-D7GvYAz4.js";

package/time-field/index.js

@@ -1,2 +1 @@
-import { t as e } from "../chunks/time-field-DcEMnB3d.js";
-export { e as TimeField };
+export { t as TimeField } from "../chunks/time-field-DcEMnB3d.js";

package/toast/index.js

@@ -1,2 +1 @@
-import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/toast-DZuvVRD_.js";
-export { a as GlobalToastRegion, n as Toast, i as ToastProvider, t as ToastRegion, e as toastQueue, r as useToastState };
+export { t as GlobalToastRegion, n as Toast, r as ToastProvider, i as ToastRegion, a as toastQueue, o as useToastState } from "../chunks/toast-DZuvVRD_.js";

package/toggle-button/index.js

@@ -1,2 +1 @@
-import { n as e, t } from "../chunks/toggle-button-DD_bXanH.js";
-export { e as ToggleButton, t as ToggleButtonGroup };
+export { n as ToggleButton, t as ToggleButtonGroup } from "../chunks/toggle-button-DD_bXanH.js";

package/tooltip/index.js

@@ -1,2 +1 @@
-import { n as e, t } from "../chunks/tooltip-1GBTeMrm.js";
-export { t as Tooltip, e as TooltipTrigger };
+export { t as Tooltip, n as TooltipTrigger } from "../chunks/tooltip-1GBTeMrm.js";

package/chunks/tabs-owuRVJ3N.js

@@ -1,56 +0,0 @@
-'use client';
-import { t as e } from "./clsx-DAqHMl_k.js";
-import * as t from "react";
-import { createContext as n } from "react";
-import { DialogContext as r, SelectionIndicator as i, Tab as a, TabList as o, TabPanel as s, Tabs as c, composeRenderProps as l } from "react-aria-components";
-import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
-import '../assets/tabs.css';//#region src/tabs/TabsContext.ts
-var p = n({
-	variant: "uncontained",
-	size: "large"
-}), m = {
-	tabs: "_tabs_ninos_1",
-	tabList: "_tabList_ninos_12",
-	tab: "_tab_ninos_1",
-	contained: "_contained_ninos_55",
-	medium: "_medium_ninos_75",
-	selectionIndicator: "_selectionIndicator_ninos_98",
-	animated: "_animated_ninos_101",
-	tabPanel: "_tabPanel_ninos_136"
-}, h = ({ className: t, variant: n = "uncontained", size: r = "large", ...i }) => /* @__PURE__ */ d(p.Provider, {
-	value: {
-		variant: n,
-		size: r
-	},
-	children: /* @__PURE__ */ d(c, {
-		className: e(m.tabs, t),
-		...i
-	})
-}), g = ({ className: n, ...o }) => {
-	let { variant: s, size: c } = t.useContext(p), h = t.useContext(r);
-	return /* @__PURE__ */ d(a, {
-		...o,
-		className: e(m.tab, {
-			[m.contained]: s === "contained",
-			[m.medium]: c === "medium"
-		}, n),
-		children: l(o.children, (t) => /* @__PURE__ */ f(u, { children: [t, /* @__PURE__ */ d(i, { className: e(m.selectionIndicator, {
-			[m.contained]: s === "contained",
-			[m.animated]: !h
-		}) })] }))
-	});
-}, _ = ({ className: n, ...r }) => {
-	let { variant: i, size: a } = t.useContext(p);
-	return /* @__PURE__ */ d(s, {
-		className: e(m.tabPanel, {
-			[m.contained]: i === "contained",
-			[m.medium]: a === "medium"
-		}, n),
-		...r
-	});
-}, v = ({ className: t, ...n }) => /* @__PURE__ */ d(o, {
-	className: e(m.tabList, t),
-	...n
-});
-//#endregion
-export { h as i, _ as n, g as r, v as t };