@midas-ds/components 17.6.5 → 17.7.0

package/chunks/TagGroup-Bfh6x6iQ.js

@@ -0,0 +1,97 @@
+import { jsx as r, jsxs as u, Fragment as T } from "react/jsx-runtime";
+import { Tag as f, composeRenderProps as p, useContextProps as d, TagListContext as b, TagList as x, TagGroupContext as h, TagGroup as L } from "react-aria-components";
+import { B as v } from "./Button-BhIvfqOc.js";
+import { c as l } from "./clsx-AexbMWKp.js";
+import { X as y } from "./x-B9bYxG31.js";
+import { forwardRef as _, Children as N, isValidElement as w } from "react";
+import '../assets/TagGroup.css';const G = "_button_n1r4c_1", C = "_green_n1r4c_14", R = "_red_n1r4c_15", V = "_blue_n1r4c_16", $ = "_yellow_n1r4c_17", z = "_tag_n1r4c_29", E = "_tagText_n1r4c_83", j = "_dismissable_n1r4c_91", n = {
+  button: G,
+  green: C,
+  red: R,
+  blue: V,
+  yellow: $,
+  tag: z,
+  tagText: E,
+  dismissable: j
+}, q = ({
+  className: i,
+  color: e,
+  dismissable: o = !1,
+  isDismissable: t,
+  type: s,
+  ...a
+}) => {
+  const c = t || typeof t > "u" && o;
+  return /* @__PURE__ */ r(
+    f,
+    {
+      className: l(
+        n.tag,
+        c && n.dismissable,
+        {
+          [n.green]: e ? e === "green" : s === "success",
+          [n.blue]: e ? e === "blue" : s === "info",
+          [n.yellow]: e ? e === "yellow" : s === "important",
+          [n.red]: e ? e === "red" : s === "warning"
+        },
+        i
+      ),
+      ...a,
+      textValue: a.textValue || (typeof a.children == "string" ? a.children : void 0),
+      children: p(a.children, (g) => /* @__PURE__ */ u(T, { children: [
+        /* @__PURE__ */ r("div", { className: n.tagText, children: g }),
+        c && /* @__PURE__ */ r(
+          v,
+          {
+            variant: "icon",
+            size: "medium",
+            className: n.button,
+            slot: "remove",
+            children: /* @__PURE__ */ r(y, { size: 20 })
+          }
+        )
+      ] }))
+    }
+  );
+}, B = "_tagList_17pz2_1", P = {
+  tagList: B
+}, k = (i, e) => {
+  const [{ className: o, ...t }, s] = d(
+    i,
+    e,
+    b
+  );
+  return /* @__PURE__ */ r(
+    x,
+    {
+      className: l(o, P.tagList),
+      ref: s,
+      ...t
+    }
+  );
+}, m = _(k), A = _(
+  (i, e) => {
+    const [{ className: o, children: t, ...s }, a] = d(
+      i,
+      e,
+      h
+    ), c = N.toArray(t).filter(w).find((g) => g.type === m);
+    return !c && process.env.NODE_ENV === "development" && console.warn(
+      "Using a TagGroup without providing a TagList component is deprecated since v17.0.0, see: https://designsystem.migrationsverket.se/components/tag/"
+    ), /* @__PURE__ */ r(
+      L,
+      {
+        className: l(o),
+        ref: a,
+        ...s,
+        children: c ? t : /* @__PURE__ */ r(m, { children: t })
+      }
+    );
+  }
+);
+A.displayName = "TagGroup";
+export {
+  q as T,
+  A as a,
+  m as b
+};

package/chunks/{TextArea-CBRE_gsN.js → TextArea-BL0NbUHd.js}

@@ -9,7 +9,7 @@ import { u as B } from "./useLocalizedStringFormatter-BHvsRxDk.js";
 import { T as L } from "./Text-D0r_W4lH.js";
 import { F as f } from "./FieldError-krpMBtie.js";
 import { C as S } from "./CharacterCounter-Dgnv-orm.js";
-import { a as v, L as E } from "./Label-s4J9sYdy.js";
+import { a as v, L as E } from "./Label-Bhnpbs10.js";
 const x = c(
   (e, o) => {
     [e] = u(e, o, y);

package/color-scheme-switch/ColorSchemeSwitch.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 export interface ColorSchemeSwitchProps {
     /** Choose what element that should be affected by the scheme switch.
-     * @default body
+     * @default :root
      */
     selector?: string;
     /** Set the default value for the color scheme. Default is "light dark" meaning follow system settings

package/color-scheme-switch/index.js

@@ -1,4 +1,4 @@
-import { C as r } from "../chunks/ColorSchemeSwitch-DkY8VTVR.js";
+import { C as r } from "../chunks/ColorSchemeSwitch-D52V0sr3.js";
 export {
   r as ColorSchemeSwitch
 };

package/combobox/index.js

@@ -1,4 +1,4 @@
-import { C as r } from "../chunks/ComboBox-Dx4GD2oe.js";
+import { C as r } from "../chunks/ComboBox-I4tZIYpb.js";
 export {
   r as ComboBox
 };

package/date-field/index.js

@@ -1,4 +1,4 @@
-import { D as t } from "../chunks/DateField-h3l0qG7u.js";
+import { D as t } from "../chunks/DateField-cAJ_r2cj.js";
 import { D as r, a as o, b as p } from "../chunks/DateInputDivider-DwopMIb9.js";
 export {
   t as DateField,

package/date-picker/index.js

@@ -1,4 +1,4 @@
-import { D as r, a as t } from "../chunks/DateRangePicker-X6gmcMdv.js";
+import { D as r, a as t } from "../chunks/DateRangePicker-BGoKQCZf.js";
 export {
   r as DatePicker,
   t as DateRangePicker

package/index.js

@@ -1,55 +1,55 @@
 'use client';
 import { A as s, a as p } from "./chunks/AccordionItem-BuUIdVd_.js";
 import { B as m, a as i } from "./chunks/BadgeContainer-CKVsfTlF.js";
-import { B as n, a as d } from "./chunks/Breadcrumb-Bs836gOn.js";
+import { B as f, a as d } from "./chunks/Breadcrumb-Bs836gOn.js";
 import { B as c } from "./chunks/Button-BhIvfqOc.js";
-import { B as u } from "./chunks/ButtonGroup-Dr6HOBo2.js";
-import { C as B, R as C } from "./chunks/RangeCalendar-LheFd9WF.js";
+import { B as l } from "./chunks/ButtonGroup-Dr6HOBo2.js";
+import { C, R as L } from "./chunks/RangeCalendar-LheFd9WF.js";
 import { C as b, a as S, b as D, c as I, d as R, e as G, f as P } from "./chunks/Card-CVwiT9zm.js";
 import { C as v } from "./chunks/CharacterCounter-Dgnv-orm.js";
 import { C as M } from "./chunks/Checkbox-sAkQe7Q9.js";
-import { C as h } from "./chunks/CheckboxGroup-DGVV0X_Z.js";
-import { C as y } from "./chunks/ColorSchemeSwitch-DkY8VTVR.js";
-import { C as N } from "./chunks/ComboBox-Dx4GD2oe.js";
-import { D as z } from "./chunks/DateField-h3l0qG7u.js";
+import { C as h } from "./chunks/CheckboxGroup-C5JLzeJv.js";
+import { C as y } from "./chunks/ColorSchemeSwitch-D52V0sr3.js";
+import { C as N } from "./chunks/ComboBox-I4tZIYpb.js";
+import { D as z } from "./chunks/DateField-cAJ_r2cj.js";
 import { D as Q, a as V, b as Z } from "./chunks/DateInputDivider-DwopMIb9.js";
-import { D as q, a as J } from "./chunks/DateRangePicker-X6gmcMdv.js";
+import { D as q, a as J } from "./chunks/DateRangePicker-BGoKQCZf.js";
 import { F as U } from "./chunks/FieldError-krpMBtie.js";
 import { D as X, F as Y } from "./chunks/FileUpload-Cu8DCSjX.js";
 import { G as $ } from "./chunks/Grid-CettmpaZ.js";
 import { G as ao } from "./chunks/GridItem-z7zclNdT.js";
 import { H as eo } from "./chunks/Heading-nfcRc2QF.js";
 import { I as so } from "./chunks/InfoBanner-D_pwTOHH.js";
-import { L as xo } from "./chunks/Label-s4J9sYdy.js";
-import { H as io, L as fo, N as no, S as To, a as co } from "./chunks/Layout-CmKsh0kv.js";
-import { L as uo } from "./chunks/Link-rqGQvFQq.js";
-import { L as Bo } from "./chunks/LinkButton-DJ-D5PkB.js";
-import { L as Lo } from "./chunks/Logo-CCxPAmgw.js";
-import { M as So } from "./chunks/Dialog-DVff9MDd.js";
-import { P as Io } from "./chunks/Popover-CaP4LFhg.js";
-import { P as Go } from "./chunks/ProgressBar-acc8946-.js";
-import { R as ko, a as vo } from "./chunks/Radio-DjivEe-_.js";
-import { S as Mo } from "./chunks/SearchField-1DYv0w4b.js";
-import { S as ho } from "./chunks/Select-DZepyl5C.js";
-import { S as yo } from "./chunks/Skeleton-D6mxKxuu.js";
-import { S as No } from "./chunks/Spinner-CfKMn18u.js";
-import { C as zo, a as Oo, R as Qo, T as Vo, b as Zo, c as jo } from "./chunks/Table-Bg-AKi7d.js";
-import { T as Jo, a as Ko, b as Uo, c as Wo } from "./chunks/TabList-CJSnr6O0.js";
-import { T as Yo, a as _o, b as $o } from "./chunks/TagGroup-BscTXQ_E.js";
-import { T as aa } from "./chunks/Text-D0r_W4lH.js";
-import { I as ea, T as ta, a as sa, b as pa } from "./chunks/TextArea-CBRE_gsN.js";
-import { G as ma, T as ia, a as fa, b as na, t as da } from "./chunks/Toast-Cxm230CK.js";
-import { T as ca, a as la } from "./chunks/ToggleButtonGroup-Bv9xpwTT.js";
-import { T as ga, a as Ba } from "./chunks/Tooltip-C1bbgr2l.js";
-import { L as La } from "./chunks/ListBox-CDlOUvzJ.js";
-import { L as Sa, a as Da, b as Ia, c as Ra, d as Ga } from "./chunks/ListBoxHeader-DSYdXl2I.js";
-import { L as ka, a as va } from "./chunks/ListBoxEmptyState-CXKkWQy1.js";
-import { M as Ma, a as Aa, b as ha, c as Ha, S as ya } from "./chunks/Separator-CkVOLF6I.js";
-import { c as Na } from "./chunks/clsx-AexbMWKp.js";
-import { DialogTrigger as za, MenuTrigger as Oa, RouterProvider as Qa } from "react-aria-components";
-import { u as Za } from "./chunks/useLocalizedStringFormatter-BHvsRxDk.js";
-import { useToastState as qa } from "react-stately";
-const o = "17.6.5", a = {
+import { L as xo } from "./chunks/Label-Bhnpbs10.js";
+import { H as io, L as no, N as fo, S as To, a as co } from "./chunks/Layout-SqGyudO8.js";
+import { L as lo } from "./chunks/Link-rqGQvFQq.js";
+import { L as Co } from "./chunks/LinkButton-DJ-D5PkB.js";
+import { L as Bo, a as bo } from "./chunks/Logo-DDykn5b2.js";
+import { M as Do } from "./chunks/Dialog-DVff9MDd.js";
+import { P as Ro } from "./chunks/Popover-CaP4LFhg.js";
+import { P as Po } from "./chunks/ProgressBar-BGBPAJCv.js";
+import { R as vo, a as Fo } from "./chunks/Radio-DebU3D38.js";
+import { S as Ao } from "./chunks/SearchField-1DYv0w4b.js";
+import { S as Ho } from "./chunks/Select-ClD5keNw.js";
+import { S as Eo } from "./chunks/Skeleton-D6mxKxuu.js";
+import { S as wo } from "./chunks/Spinner-CfKMn18u.js";
+import { C as Oo, a as Qo, R as Vo, T as Zo, b as jo, c as qo } from "./chunks/Table-Bg-AKi7d.js";
+import { T as Ko, a as Uo, b as Wo, c as Xo } from "./chunks/TabList-CJSnr6O0.js";
+import { T as _o, a as $o, b as oa } from "./chunks/TagGroup-Bfh6x6iQ.js";
+import { T as ra } from "./chunks/Text-D0r_W4lH.js";
+import { I as ta, T as sa, a as pa, b as xa } from "./chunks/TextArea-BL0NbUHd.js";
+import { G as ia, T as na, a as fa, b as da, t as Ta } from "./chunks/Toast-Cxm230CK.js";
+import { T as ga, a as la } from "./chunks/ToggleButtonGroup-Bv9xpwTT.js";
+import { T as Ca, a as La } from "./chunks/Tooltip-C1bbgr2l.js";
+import { L as ba } from "./chunks/ListBox-CDlOUvzJ.js";
+import { L as Da, a as Ia, b as Ra, c as Ga, d as Pa } from "./chunks/ListBoxHeader-DSYdXl2I.js";
+import { L as va, a as Fa } from "./chunks/ListBoxEmptyState-CXKkWQy1.js";
+import { M as Aa, a as ha, b as Ha, c as ya, S as Ea } from "./chunks/Separator-CkVOLF6I.js";
+import { c as wa } from "./chunks/clsx-AexbMWKp.js";
+import { DialogTrigger as Oa, MenuTrigger as Qa, RouterProvider as Va } from "react-aria-components";
+import { u as ja } from "./chunks/useLocalizedStringFormatter-BHvsRxDk.js";
+import { useToastState as Ja } from "react-stately";
+const o = "17.7.0", a = {
   version: o
 }, r = a.version;
 export {
@@ -57,11 +57,11 @@ export {
   p as AccordionItem,
   m as Badge,
   i as BadgeContainer,
-  n as Breadcrumb,
+  f as Breadcrumb,
   d as Breadcrumbs,
   c as Button,
-  u as ButtonGroup,
-  B as Calendar,
+  l as ButtonGroup,
+  C as Calendar,
   b as Card,
   S as CardActionArea,
   D as CardActions,
@@ -69,12 +69,12 @@ export {
   R as CardImage,
   G as CardLink,
   P as CardTitle,
-  zo as Cell,
+  Oo as Cell,
   v as CharacterCounter,
   M as Checkbox,
   h as CheckboxGroup,
   y as ColorSchemeSwitch,
-  Oo as Column,
+  Qo as Column,
   N as ComboBox,
   z as DateField,
   Q as DateInput,
@@ -82,75 +82,76 @@ export {
   q as DatePicker,
   J as DateRangePicker,
   Z as DateSegment,
-  za as DialogTrigger,
+  Oa as DialogTrigger,
   X as DropZone,
   U as FieldError,
   Y as FileTrigger,
-  ma as GlobalToastRegion,
+  ia as GlobalToastRegion,
   $ as Grid,
   ao as GridItem,
   io as Header,
   eo as Heading,
   so as InfoBanner,
-  ea as Input,
+  ta as Input,
   xo as Label,
-  fo as Layout,
-  uo as Link,
-  Bo as LinkButton,
-  La as ListBox,
-  Sa as ListBoxButton,
-  ka as ListBoxEmptyState,
-  Da as ListBoxHeader,
-  Ia as ListBoxItem,
-  Ra as ListBoxLoadMoreItem,
-  va as ListBoxPopover,
-  Ga as ListBoxSection,
-  Lo as Logo,
-  Ma as Menu,
-  Aa as MenuItem,
-  ha as MenuPopover,
-  Ha as MenuSection,
-  Oa as MenuTrigger,
-  So as Modal,
-  no as Navbar,
-  Io as Popover,
-  Go as ProgressBar,
-  ko as Radio,
-  vo as RadioGroup,
-  C as RangeCalendar,
-  Qa as RouterProvider,
-  Qo as Row,
-  Mo as SearchField,
-  ho as Select,
-  ya as Separator,
+  no as Layout,
+  lo as Link,
+  Co as LinkButton,
+  ba as ListBox,
+  Da as ListBoxButton,
+  va as ListBoxEmptyState,
+  Ia as ListBoxHeader,
+  Ra as ListBoxItem,
+  Ga as ListBoxLoadMoreItem,
+  Fa as ListBoxPopover,
+  Pa as ListBoxSection,
+  Bo as Logo,
+  bo as LogoContext,
+  Aa as Menu,
+  ha as MenuItem,
+  Ha as MenuPopover,
+  ya as MenuSection,
+  Qa as MenuTrigger,
+  Do as Modal,
+  fo as Navbar,
+  Ro as Popover,
+  Po as ProgressBar,
+  vo as Radio,
+  Fo as RadioGroup,
+  L as RangeCalendar,
+  Va as RouterProvider,
+  Vo as Row,
+  Ao as SearchField,
+  Ho as Select,
+  Ea as Separator,
   To as Sidebar,
   co as SidebarLink,
-  yo as Skeleton,
-  No as Spinner,
-  Jo as Tab,
-  Ko as TabList,
-  Uo as TabPanel,
-  Vo as Table,
-  Zo as TableBody,
-  jo as TableHeader,
-  Wo as Tabs,
-  Yo as Tag,
-  _o as TagGroup,
-  $o as TagList,
-  aa as Text,
-  ta as TextArea,
-  sa as TextField,
-  pa as TextFieldBase,
-  ia as Toast,
+  Eo as Skeleton,
+  wo as Spinner,
+  Ko as Tab,
+  Uo as TabList,
+  Wo as TabPanel,
+  Zo as Table,
+  jo as TableBody,
+  qo as TableHeader,
+  Xo as Tabs,
+  _o as Tag,
+  $o as TagGroup,
+  oa as TagList,
+  ra as Text,
+  sa as TextArea,
+  pa as TextField,
+  xa as TextFieldBase,
+  na as Toast,
   fa as ToastProvider,
-  na as ToastRegion,
-  ca as ToggleButton,
+  da as ToastRegion,
+  ga as ToggleButton,
   la as ToggleButtonGroup,
-  ga as Tooltip,
-  Ba as TooltipTrigger,
+  Ca as Tooltip,
+  La as TooltipTrigger,
   r as VERSION,
-  Na as clsx,
-  da as toastQueue,
-  Za as useLocalizedStringFormatter,
-  qa as useToastState
+  wa as clsx,
+  Ta as toastQueue,
+  ja as useLocalizedStringFormatter,
+  Ja as useToastState
 };

package/label/index.js

@@ -1,4 +1,4 @@
-import { L as o } from "../chunks/Label-s4J9sYdy.js";
+import { L as o } from "../chunks/Label-Bhnpbs10.js";
 export {
   o as Label
 };

package/layout/index.js

@@ -1,4 +1,4 @@
-import { H as e, L as s, N as b, S as d, a as i } from "../chunks/Layout-CmKsh0kv.js";
+import { H as e, L as s, N as b, S as d, a as i } from "../chunks/Layout-SqGyudO8.js";
 export {
   e as Header,
   s as Layout,

package/logo/LogoContext.d.ts

@@ -0,0 +1,3 @@
+import { LogoProps } from './Logo';
+export type LogoContextValue = Pick<LogoProps, 'size'>;
+export declare const LogoContext: import('react').Context<LogoProps>;

package/logo/index.d.ts

@@ -1 +1,2 @@
 export { Logo } from './Logo';
+export * from './LogoContext';

package/logo/index.js

@@ -1,4 +1,5 @@
-import { L } from "../chunks/Logo-CCxPAmgw.js";
+import { L as t, a as L } from "../chunks/Logo-DDykn5b2.js";
 export {
-  L as Logo
+  t as Logo,
+  L as LogoContext
 };

package/package.json

@@ -14,7 +14,7 @@
   "description": "Midas Components",
   "homepage": "https://designsystem.migrationsverket.se/",
   "license": "CC0-1.0",
-  "version": "17.6.5",
+  "version": "17.7.0",
   "module": "./index.js",
   "type": "module",
   "main": "./index.js",
@@ -41,7 +41,7 @@
     "./*": "./*/index.js"
   },
   "dependencies": {
-    "@midas-ds/theme": "3.12.6",
+    "@midas-ds/theme": "3.12.7",
     "react-aria-components": "1.14.0"
   }
 }

package/progress-bar/index.js

@@ -1,4 +1,4 @@
-import { P as s } from "../chunks/ProgressBar-acc8946-.js";
+import { P as s } from "../chunks/ProgressBar-BGBPAJCv.js";
 export {
   s as ProgressBar
 };

package/radio/index.js

@@ -1,4 +1,4 @@
-import { R as r, a as R } from "../chunks/Radio-DjivEe-_.js";
+import { R as r, a as R } from "../chunks/Radio-DebU3D38.js";
 export {
   r as Radio,
   R as RadioGroup

package/select/index.js

@@ -1,4 +1,4 @@
-import { S as r } from "../chunks/Select-DZepyl5C.js";
+import { S as r } from "../chunks/Select-ClD5keNw.js";
 export {
   r as Select
 };

package/tag/Tag.stories.d.ts

@@ -9,4 +9,5 @@ export declare const Blue: Story;
 export declare const Yellow: Story;
 export declare const Red: Story;
 export declare const Disabled: Story;
+export declare const WithIcon: Story;
 export declare const WithoutTagList: Story;

package/tag/index.js

@@ -1,4 +1,4 @@
-import { T, a as g, b as o } from "../chunks/TagGroup-BscTXQ_E.js";
+import { T, a as g, b as o } from "../chunks/TagGroup-Bfh6x6iQ.js";
 export {
   T as Tag,
   g as TagGroup,

package/textfield/index.js

@@ -1,4 +1,4 @@
-import { I as s, T as t, a as x, b as T } from "../chunks/TextArea-CBRE_gsN.js";
+import { I as s, T as t, a as x, b as T } from "../chunks/TextArea-BL0NbUHd.js";
 export {
   s as Input,
   t as TextArea,

package/chunks/Label-s4J9sYdy.js

@@ -1,73 +0,0 @@
-import { jsxs as p, jsx as r } from "react/jsx-runtime";
-import * as b from "react";
-import s from "react";
-import { c as f } from "./clsx-AexbMWKp.js";
-import { DialogTrigger as v, Label as d } from "react-aria-components";
-import { P as g } from "./Popover-CaP4LFhg.js";
-import { B as u } from "./Button-BhIvfqOc.js";
-import { I as P } from "./info-N5jWZg2A.js";
-import { u as _ } from "./useLocalizedStringFormatter-BHvsRxDk.js";
-import '../assets/Label.css';const I = "_labelBase_f5wtf_1", x = {
-  labelBase: I
-}, L = "_labelPopover_1iatl_1", T = "_labelPopoverTrigger_1iatl_7", m = {
-  labelPopover: L,
-  labelPopoverTrigger: T
-}, B = { moreInfo: "More info" }, C = { moreInfo: "Mer information" }, h = {
-  en: B,
-  sv: C
-}, y = ({
-  children: e,
-  "aria-label": o
-}) => {
-  const [a, t] = s.useState(!1), l = s.useContext(i), n = _(h);
-  return /* @__PURE__ */ p(
-    v,
-    {
-      isOpen: a,
-      onOpenChange: t,
-      children: [
-        /* @__PURE__ */ r(
-          u,
-          {
-            variant: "icon",
-            size: "medium",
-            className: m.labelPopoverTrigger,
-            "aria-label": o || n.format("moreInfo"),
-            id: l?.popoverId,
-            children: /* @__PURE__ */ r(P, { size: 20 })
-          }
-        ),
-        /* @__PURE__ */ r(g, { children: e })
-      ]
-    }
-  );
-}, i = s.createContext(void 0), R = ({ children: e, popover: o }) => {
-  const a = s.useId();
-  return o ? /* @__PURE__ */ r(i.Provider, { value: { popoverId: a }, children: /* @__PURE__ */ p("div", { className: m.labelPopover, children: [
-    e,
-    /* @__PURE__ */ r(y, { ...o })
-  ] }) }) : e;
-}, c = "label", S = ({
-  children: e,
-  className: o,
-  elementType: a = c,
-  ...t
-}) => {
-  const l = {
-    className: f(x.labelBase, o),
-    elementType: a || c,
-    ...t
-  }, n = b.useContext(i);
-  return /* @__PURE__ */ r(
-    d,
-    {
-      ...l,
-      "aria-describedby": n?.popoverId,
-      children: e
-    }
-  );
-};
-export {
-  S as L,
-  R as a
-};