@midas-ds/components 17.6.6 → 17.7.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/assets/TagGroup.css +1 -1
  3. package/assets/default.css +1 -1
  4. package/checkbox/index.js +1 -1
  5. package/chunks/{CheckboxGroup-DGVV0X_Z.js → CheckboxGroup-C5JLzeJv.js} +1 -1
  6. package/chunks/{ColorSchemeSwitch-DkY8VTVR.js → ColorSchemeSwitch-D52V0sr3.js} +44 -43
  7. package/chunks/{ComboBox-Dx4GD2oe.js → ComboBox-I4tZIYpb.js} +1 -1
  8. package/chunks/{DateField-h3l0qG7u.js → DateField-cAJ_r2cj.js} +1 -1
  9. package/chunks/{DateRangePicker-X6gmcMdv.js → DateRangePicker-BGoKQCZf.js} +1 -1
  10. package/chunks/Label-Bhnpbs10.js +74 -0
  11. package/chunks/{Layout-CmKsh0kv.js → Layout-SqGyudO8.js} +1 -1
  12. package/chunks/{Logo-CCxPAmgw.js → Logo-DDykn5b2.js} +50 -43
  13. package/chunks/{ProgressBar-acc8946-.js → ProgressBar-BGBPAJCv.js} +1 -1
  14. package/chunks/{Radio-DjivEe-_.js → Radio-DebU3D38.js} +1 -1
  15. package/chunks/{Select-DZepyl5C.js → Select-BkLLrCh-.js} +71 -71
  16. package/chunks/TagGroup-CkjoxLIy.js +97 -0
  17. package/chunks/{TextArea-CBRE_gsN.js → TextArea-BL0NbUHd.js} +1 -1
  18. package/color-scheme-switch/ColorSchemeSwitch.d.ts +1 -1
  19. package/color-scheme-switch/index.js +1 -1
  20. package/combobox/index.js +1 -1
  21. package/date-field/index.js +1 -1
  22. package/date-picker/index.js +1 -1
  23. package/index.js +101 -100
  24. package/label/index.js +1 -1
  25. package/layout/index.js +1 -1
  26. package/logo/LogoContext.d.ts +3 -0
  27. package/logo/index.d.ts +1 -0
  28. package/logo/index.js +3 -2
  29. package/package.json +1 -1
  30. package/progress-bar/index.js +1 -1
  31. package/radio/index.js +1 -1
  32. package/select/index.js +1 -1
  33. package/tag/Tag.stories.d.ts +1 -0
  34. package/tag/index.js +1 -1
  35. package/textfield/index.js +1 -1
  36. package/chunks/Label-s4J9sYdy.js +0 -73
  37. package/chunks/TagGroup-BscTXQ_E.js +0 -97
package/index.js CHANGED
@@ -1,55 +1,55 @@
1
1
  'use client';
2
2
  import { A as s, a as p } from "./chunks/AccordionItem-BuUIdVd_.js";
3
3
  import { B as m, a as i } from "./chunks/BadgeContainer-CKVsfTlF.js";
4
- import { B as n, a as d } from "./chunks/Breadcrumb-Bs836gOn.js";
4
+ import { B as f, a as d } from "./chunks/Breadcrumb-Bs836gOn.js";
5
5
  import { B as c } from "./chunks/Button-BhIvfqOc.js";
6
- import { B as u } from "./chunks/ButtonGroup-Dr6HOBo2.js";
7
- import { C as B, R as C } from "./chunks/RangeCalendar-LheFd9WF.js";
6
+ import { B as l } from "./chunks/ButtonGroup-Dr6HOBo2.js";
7
+ import { C, R as L } from "./chunks/RangeCalendar-LheFd9WF.js";
8
8
  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";
9
9
  import { C as v } from "./chunks/CharacterCounter-Dgnv-orm.js";
10
10
  import { C as M } from "./chunks/Checkbox-sAkQe7Q9.js";
11
- import { C as h } from "./chunks/CheckboxGroup-DGVV0X_Z.js";
12
- import { C as y } from "./chunks/ColorSchemeSwitch-DkY8VTVR.js";
13
- import { C as N } from "./chunks/ComboBox-Dx4GD2oe.js";
14
- import { D as z } from "./chunks/DateField-h3l0qG7u.js";
11
+ import { C as h } from "./chunks/CheckboxGroup-C5JLzeJv.js";
12
+ import { C as y } from "./chunks/ColorSchemeSwitch-D52V0sr3.js";
13
+ import { C as N } from "./chunks/ComboBox-I4tZIYpb.js";
14
+ import { D as z } from "./chunks/DateField-cAJ_r2cj.js";
15
15
  import { D as Q, a as V, b as Z } from "./chunks/DateInputDivider-DwopMIb9.js";
16
- import { D as q, a as J } from "./chunks/DateRangePicker-X6gmcMdv.js";
16
+ import { D as q, a as J } from "./chunks/DateRangePicker-BGoKQCZf.js";
17
17
  import { F as U } from "./chunks/FieldError-krpMBtie.js";
18
18
  import { D as X, F as Y } from "./chunks/FileUpload-Cu8DCSjX.js";
19
19
  import { G as $ } from "./chunks/Grid-CettmpaZ.js";
20
20
  import { G as ao } from "./chunks/GridItem-z7zclNdT.js";
21
21
  import { H as eo } from "./chunks/Heading-nfcRc2QF.js";
22
22
  import { I as so } from "./chunks/InfoBanner-D_pwTOHH.js";
23
- import { L as xo } from "./chunks/Label-s4J9sYdy.js";
24
- import { H as io, L as fo, N as no, S as To, a as co } from "./chunks/Layout-CmKsh0kv.js";
25
- import { L as uo } from "./chunks/Link-rqGQvFQq.js";
26
- import { L as Bo } from "./chunks/LinkButton-DJ-D5PkB.js";
27
- import { L as Lo } from "./chunks/Logo-CCxPAmgw.js";
28
- import { M as So } from "./chunks/Dialog-DVff9MDd.js";
29
- import { P as Io } from "./chunks/Popover-CaP4LFhg.js";
30
- import { P as Go } from "./chunks/ProgressBar-acc8946-.js";
31
- import { R as ko, a as vo } from "./chunks/Radio-DjivEe-_.js";
32
- import { S as Mo } from "./chunks/SearchField-1DYv0w4b.js";
33
- import { S as ho } from "./chunks/Select-DZepyl5C.js";
34
- import { S as yo } from "./chunks/Skeleton-D6mxKxuu.js";
35
- import { S as No } from "./chunks/Spinner-CfKMn18u.js";
36
- 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";
37
- import { T as Jo, a as Ko, b as Uo, c as Wo } from "./chunks/TabList-CJSnr6O0.js";
38
- import { T as Yo, a as _o, b as $o } from "./chunks/TagGroup-BscTXQ_E.js";
39
- import { T as aa } from "./chunks/Text-D0r_W4lH.js";
40
- import { I as ea, T as ta, a as sa, b as pa } from "./chunks/TextArea-CBRE_gsN.js";
41
- import { G as ma, T as ia, a as fa, b as na, t as da } from "./chunks/Toast-Cxm230CK.js";
42
- import { T as ca, a as la } from "./chunks/ToggleButtonGroup-Bv9xpwTT.js";
43
- import { T as ga, a as Ba } from "./chunks/Tooltip-C1bbgr2l.js";
44
- import { L as La } from "./chunks/ListBox-CDlOUvzJ.js";
45
- import { L as Sa, a as Da, b as Ia, c as Ra, d as Ga } from "./chunks/ListBoxHeader-DSYdXl2I.js";
46
- import { L as ka, a as va } from "./chunks/ListBoxEmptyState-CXKkWQy1.js";
47
- import { M as Ma, a as Aa, b as ha, c as Ha, S as ya } from "./chunks/Separator-CkVOLF6I.js";
48
- import { c as Na } from "./chunks/clsx-AexbMWKp.js";
49
- import { DialogTrigger as za, MenuTrigger as Oa, RouterProvider as Qa } from "react-aria-components";
50
- import { u as Za } from "./chunks/useLocalizedStringFormatter-BHvsRxDk.js";
51
- import { useToastState as qa } from "react-stately";
52
- const o = "17.6.6", a = {
23
+ import { L as xo } from "./chunks/Label-Bhnpbs10.js";
24
+ import { H as io, L as no, N as fo, S as To, a as co } from "./chunks/Layout-SqGyudO8.js";
25
+ import { L as lo } from "./chunks/Link-rqGQvFQq.js";
26
+ import { L as Co } from "./chunks/LinkButton-DJ-D5PkB.js";
27
+ import { L as Bo, a as bo } from "./chunks/Logo-DDykn5b2.js";
28
+ import { M as Do } from "./chunks/Dialog-DVff9MDd.js";
29
+ import { P as Ro } from "./chunks/Popover-CaP4LFhg.js";
30
+ import { P as Po } from "./chunks/ProgressBar-BGBPAJCv.js";
31
+ import { R as vo, a as Fo } from "./chunks/Radio-DebU3D38.js";
32
+ import { S as Ao } from "./chunks/SearchField-1DYv0w4b.js";
33
+ import { S as Ho } from "./chunks/Select-BkLLrCh-.js";
34
+ import { S as Eo } from "./chunks/Skeleton-D6mxKxuu.js";
35
+ import { S as wo } from "./chunks/Spinner-CfKMn18u.js";
36
+ 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";
37
+ import { T as Ko, a as Uo, b as Wo, c as Xo } from "./chunks/TabList-CJSnr6O0.js";
38
+ import { T as _o, a as $o, b as oa } from "./chunks/TagGroup-CkjoxLIy.js";
39
+ import { T as ra } from "./chunks/Text-D0r_W4lH.js";
40
+ import { I as ta, T as sa, a as pa, b as xa } from "./chunks/TextArea-BL0NbUHd.js";
41
+ import { G as ia, T as na, a as fa, b as da, t as Ta } from "./chunks/Toast-Cxm230CK.js";
42
+ import { T as ga, a as la } from "./chunks/ToggleButtonGroup-Bv9xpwTT.js";
43
+ import { T as Ca, a as La } from "./chunks/Tooltip-C1bbgr2l.js";
44
+ import { L as ba } from "./chunks/ListBox-CDlOUvzJ.js";
45
+ import { L as Da, a as Ia, b as Ra, c as Ga, d as Pa } from "./chunks/ListBoxHeader-DSYdXl2I.js";
46
+ import { L as va, a as Fa } from "./chunks/ListBoxEmptyState-CXKkWQy1.js";
47
+ import { M as Aa, a as ha, b as Ha, c as ya, S as Ea } from "./chunks/Separator-CkVOLF6I.js";
48
+ import { c as wa } from "./chunks/clsx-AexbMWKp.js";
49
+ import { DialogTrigger as Oa, MenuTrigger as Qa, RouterProvider as Va } from "react-aria-components";
50
+ import { u as ja } from "./chunks/useLocalizedStringFormatter-BHvsRxDk.js";
51
+ import { useToastState as Ja } from "react-stately";
52
+ const o = "17.7.1", a = {
53
53
  version: o
54
54
  }, r = a.version;
55
55
  export {
@@ -57,11 +57,11 @@ export {
57
57
  p as AccordionItem,
58
58
  m as Badge,
59
59
  i as BadgeContainer,
60
- n as Breadcrumb,
60
+ f as Breadcrumb,
61
61
  d as Breadcrumbs,
62
62
  c as Button,
63
- u as ButtonGroup,
64
- B as Calendar,
63
+ l as ButtonGroup,
64
+ C as Calendar,
65
65
  b as Card,
66
66
  S as CardActionArea,
67
67
  D as CardActions,
@@ -69,12 +69,12 @@ export {
69
69
  R as CardImage,
70
70
  G as CardLink,
71
71
  P as CardTitle,
72
- zo as Cell,
72
+ Oo as Cell,
73
73
  v as CharacterCounter,
74
74
  M as Checkbox,
75
75
  h as CheckboxGroup,
76
76
  y as ColorSchemeSwitch,
77
- Oo as Column,
77
+ Qo as Column,
78
78
  N as ComboBox,
79
79
  z as DateField,
80
80
  Q as DateInput,
@@ -82,75 +82,76 @@ export {
82
82
  q as DatePicker,
83
83
  J as DateRangePicker,
84
84
  Z as DateSegment,
85
- za as DialogTrigger,
85
+ Oa as DialogTrigger,
86
86
  X as DropZone,
87
87
  U as FieldError,
88
88
  Y as FileTrigger,
89
- ma as GlobalToastRegion,
89
+ ia as GlobalToastRegion,
90
90
  $ as Grid,
91
91
  ao as GridItem,
92
92
  io as Header,
93
93
  eo as Heading,
94
94
  so as InfoBanner,
95
- ea as Input,
95
+ ta as Input,
96
96
  xo as Label,
97
- fo as Layout,
98
- uo as Link,
99
- Bo as LinkButton,
100
- La as ListBox,
101
- Sa as ListBoxButton,
102
- ka as ListBoxEmptyState,
103
- Da as ListBoxHeader,
104
- Ia as ListBoxItem,
105
- Ra as ListBoxLoadMoreItem,
106
- va as ListBoxPopover,
107
- Ga as ListBoxSection,
108
- Lo as Logo,
109
- Ma as Menu,
110
- Aa as MenuItem,
111
- ha as MenuPopover,
112
- Ha as MenuSection,
113
- Oa as MenuTrigger,
114
- So as Modal,
115
- no as Navbar,
116
- Io as Popover,
117
- Go as ProgressBar,
118
- ko as Radio,
119
- vo as RadioGroup,
120
- C as RangeCalendar,
121
- Qa as RouterProvider,
122
- Qo as Row,
123
- Mo as SearchField,
124
- ho as Select,
125
- ya as Separator,
97
+ no as Layout,
98
+ lo as Link,
99
+ Co as LinkButton,
100
+ ba as ListBox,
101
+ Da as ListBoxButton,
102
+ va as ListBoxEmptyState,
103
+ Ia as ListBoxHeader,
104
+ Ra as ListBoxItem,
105
+ Ga as ListBoxLoadMoreItem,
106
+ Fa as ListBoxPopover,
107
+ Pa as ListBoxSection,
108
+ Bo as Logo,
109
+ bo as LogoContext,
110
+ Aa as Menu,
111
+ ha as MenuItem,
112
+ Ha as MenuPopover,
113
+ ya as MenuSection,
114
+ Qa as MenuTrigger,
115
+ Do as Modal,
116
+ fo as Navbar,
117
+ Ro as Popover,
118
+ Po as ProgressBar,
119
+ vo as Radio,
120
+ Fo as RadioGroup,
121
+ L as RangeCalendar,
122
+ Va as RouterProvider,
123
+ Vo as Row,
124
+ Ao as SearchField,
125
+ Ho as Select,
126
+ Ea as Separator,
126
127
  To as Sidebar,
127
128
  co as SidebarLink,
128
- yo as Skeleton,
129
- No as Spinner,
130
- Jo as Tab,
131
- Ko as TabList,
132
- Uo as TabPanel,
133
- Vo as Table,
134
- Zo as TableBody,
135
- jo as TableHeader,
136
- Wo as Tabs,
137
- Yo as Tag,
138
- _o as TagGroup,
139
- $o as TagList,
140
- aa as Text,
141
- ta as TextArea,
142
- sa as TextField,
143
- pa as TextFieldBase,
144
- ia as Toast,
129
+ Eo as Skeleton,
130
+ wo as Spinner,
131
+ Ko as Tab,
132
+ Uo as TabList,
133
+ Wo as TabPanel,
134
+ Zo as Table,
135
+ jo as TableBody,
136
+ qo as TableHeader,
137
+ Xo as Tabs,
138
+ _o as Tag,
139
+ $o as TagGroup,
140
+ oa as TagList,
141
+ ra as Text,
142
+ sa as TextArea,
143
+ pa as TextField,
144
+ xa as TextFieldBase,
145
+ na as Toast,
145
146
  fa as ToastProvider,
146
- na as ToastRegion,
147
- ca as ToggleButton,
147
+ da as ToastRegion,
148
+ ga as ToggleButton,
148
149
  la as ToggleButtonGroup,
149
- ga as Tooltip,
150
- Ba as TooltipTrigger,
150
+ Ca as Tooltip,
151
+ La as TooltipTrigger,
151
152
  r as VERSION,
152
- Na as clsx,
153
- da as toastQueue,
154
- Za as useLocalizedStringFormatter,
155
- qa as useToastState
153
+ wa as clsx,
154
+ Ta as toastQueue,
155
+ ja as useLocalizedStringFormatter,
156
+ Ja as useToastState
156
157
  };
package/label/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { L as o } from "../chunks/Label-s4J9sYdy.js";
1
+ import { L as o } from "../chunks/Label-Bhnpbs10.js";
2
2
  export {
3
3
  o as Label
4
4
  };
package/layout/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { H as e, L as s, N as b, S as d, a as i } from "../chunks/Layout-CmKsh0kv.js";
1
+ import { H as e, L as s, N as b, S as d, a as i } from "../chunks/Layout-SqGyudO8.js";
2
2
  export {
3
3
  e as Header,
4
4
  s as Layout,
@@ -0,0 +1,3 @@
1
+ import { LogoProps } from './Logo';
2
+ export type LogoContextValue = Pick<LogoProps, 'size'>;
3
+ export declare const LogoContext: import('react').Context<LogoProps>;
package/logo/index.d.ts CHANGED
@@ -1 +1,2 @@
1
1
  export { Logo } from './Logo';
2
+ export * from './LogoContext';
package/logo/index.js CHANGED
@@ -1,4 +1,5 @@
1
- import { L } from "../chunks/Logo-CCxPAmgw.js";
1
+ import { L as t, a as L } from "../chunks/Logo-DDykn5b2.js";
2
2
  export {
3
- L as Logo
3
+ t as Logo,
4
+ L as LogoContext
4
5
  };
package/package.json CHANGED
@@ -14,7 +14,7 @@
14
14
  "description": "Midas Components",
15
15
  "homepage": "https://designsystem.migrationsverket.se/",
16
16
  "license": "CC0-1.0",
17
- "version": "17.6.6",
17
+ "version": "17.7.1",
18
18
  "module": "./index.js",
19
19
  "type": "module",
20
20
  "main": "./index.js",
@@ -1,4 +1,4 @@
1
- import { P as s } from "../chunks/ProgressBar-acc8946-.js";
1
+ import { P as s } from "../chunks/ProgressBar-BGBPAJCv.js";
2
2
  export {
3
3
  s as ProgressBar
4
4
  };
package/radio/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { R as r, a as R } from "../chunks/Radio-DjivEe-_.js";
1
+ import { R as r, a as R } from "../chunks/Radio-DebU3D38.js";
2
2
  export {
3
3
  r as Radio,
4
4
  R as RadioGroup
package/select/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { S as r } from "../chunks/Select-DZepyl5C.js";
1
+ import { S as r } from "../chunks/Select-BkLLrCh-.js";
2
2
  export {
3
3
  r as Select
4
4
  };
@@ -9,4 +9,5 @@ export declare const Blue: Story;
9
9
  export declare const Yellow: Story;
10
10
  export declare const Red: Story;
11
11
  export declare const Disabled: Story;
12
+ export declare const WithIcon: Story;
12
13
  export declare const WithoutTagList: Story;
package/tag/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { T, a as g, b as o } from "../chunks/TagGroup-BscTXQ_E.js";
1
+ import { T, a as g, b as o } from "../chunks/TagGroup-CkjoxLIy.js";
2
2
  export {
3
3
  T as Tag,
4
4
  g as TagGroup,
@@ -1,4 +1,4 @@
1
- import { I as s, T as t, a as x, b as T } from "../chunks/TextArea-CBRE_gsN.js";
1
+ import { I as s, T as t, a as x, b as T } from "../chunks/TextArea-BL0NbUHd.js";
2
2
  export {
3
3
  s as Input,
4
4
  t as TextArea,
@@ -1,73 +0,0 @@
1
- import { jsxs as p, jsx as r } from "react/jsx-runtime";
2
- import * as b from "react";
3
- import s from "react";
4
- import { c as f } from "./clsx-AexbMWKp.js";
5
- import { DialogTrigger as v, Label as d } from "react-aria-components";
6
- import { P as g } from "./Popover-CaP4LFhg.js";
7
- import { B as u } from "./Button-BhIvfqOc.js";
8
- import { I as P } from "./info-N5jWZg2A.js";
9
- import { u as _ } from "./useLocalizedStringFormatter-BHvsRxDk.js";
10
- import '../assets/Label.css';const I = "_labelBase_f5wtf_1", x = {
11
- labelBase: I
12
- }, L = "_labelPopover_1iatl_1", T = "_labelPopoverTrigger_1iatl_7", m = {
13
- labelPopover: L,
14
- labelPopoverTrigger: T
15
- }, B = { moreInfo: "More info" }, C = { moreInfo: "Mer information" }, h = {
16
- en: B,
17
- sv: C
18
- }, y = ({
19
- children: e,
20
- "aria-label": o
21
- }) => {
22
- const [a, t] = s.useState(!1), l = s.useContext(i), n = _(h);
23
- return /* @__PURE__ */ p(
24
- v,
25
- {
26
- isOpen: a,
27
- onOpenChange: t,
28
- children: [
29
- /* @__PURE__ */ r(
30
- u,
31
- {
32
- variant: "icon",
33
- size: "medium",
34
- className: m.labelPopoverTrigger,
35
- "aria-label": o || n.format("moreInfo"),
36
- id: l?.popoverId,
37
- children: /* @__PURE__ */ r(P, { size: 20 })
38
- }
39
- ),
40
- /* @__PURE__ */ r(g, { children: e })
41
- ]
42
- }
43
- );
44
- }, i = s.createContext(void 0), R = ({ children: e, popover: o }) => {
45
- const a = s.useId();
46
- return o ? /* @__PURE__ */ r(i.Provider, { value: { popoverId: a }, children: /* @__PURE__ */ p("div", { className: m.labelPopover, children: [
47
- e,
48
- /* @__PURE__ */ r(y, { ...o })
49
- ] }) }) : e;
50
- }, c = "label", S = ({
51
- children: e,
52
- className: o,
53
- elementType: a = c,
54
- ...t
55
- }) => {
56
- const l = {
57
- className: f(x.labelBase, o),
58
- elementType: a || c,
59
- ...t
60
- }, n = b.useContext(i);
61
- return /* @__PURE__ */ r(
62
- d,
63
- {
64
- ...l,
65
- "aria-describedby": n?.popoverId,
66
- children: e
67
- }
68
- );
69
- };
70
- export {
71
- S as L,
72
- R as a
73
- };
@@ -1,97 +0,0 @@
1
- import { jsx as i, jsxs as _, Fragment as u } from "react/jsx-runtime";
2
- import { Tag as T, composeRenderProps as p, useContextProps as d, TagListContext as b, TagList as x, TagGroupContext as h, TagGroup as L } from "react-aria-components";
3
- import { B as v } from "./Button-BhIvfqOc.js";
4
- import { c } from "./clsx-AexbMWKp.js";
5
- import { X as y } from "./x-B9bYxG31.js";
6
- import { forwardRef as f, Children as N, isValidElement as w } from "react";
7
- import '../assets/TagGroup.css';const q = "_button_f7q96_1", G = "_green_f7q96_16", C = "_red_f7q96_17", R = "_blue_f7q96_18", V = "_yellow_f7q96_19", $ = "_tag_f7q96_31", z = "_tagText_f7q96_83", E = "_dismissable_f7q96_88", a = {
8
- button: q,
9
- green: G,
10
- red: C,
11
- blue: R,
12
- yellow: V,
13
- tag: $,
14
- tagText: z,
15
- dismissable: E
16
- }, X = ({
17
- className: r,
18
- color: e,
19
- dismissable: o = !1,
20
- isDismissable: t,
21
- type: s,
22
- ...n
23
- }) => {
24
- const g = t || typeof t > "u" && o;
25
- return /* @__PURE__ */ i(
26
- T,
27
- {
28
- className: c(
29
- a.tag,
30
- g && a.dismissable,
31
- {
32
- [a.green]: e ? e === "green" : s === "success",
33
- [a.blue]: e ? e === "blue" : s === "info",
34
- [a.yellow]: e ? e === "yellow" : s === "important",
35
- [a.red]: e ? e === "red" : s === "warning"
36
- },
37
- r
38
- ),
39
- ...n,
40
- textValue: n.textValue || (typeof n.children == "string" ? n.children : void 0),
41
- children: p(n.children, (l) => /* @__PURE__ */ _(u, { children: [
42
- /* @__PURE__ */ i("div", { className: a.tagText, children: l }),
43
- g && /* @__PURE__ */ i(
44
- v,
45
- {
46
- variant: "icon",
47
- size: "medium",
48
- className: a.button,
49
- slot: "remove",
50
- children: /* @__PURE__ */ i(y, { size: 20 })
51
- }
52
- )
53
- ] }))
54
- }
55
- );
56
- }, j = "_tagList_17pz2_1", B = {
57
- tagList: j
58
- }, P = (r, e) => {
59
- const [{ className: o, ...t }, s] = d(
60
- r,
61
- e,
62
- b
63
- );
64
- return /* @__PURE__ */ i(
65
- x,
66
- {
67
- className: c(o, B.tagList),
68
- ref: s,
69
- ...t
70
- }
71
- );
72
- }, m = f(P), k = f(
73
- (r, e) => {
74
- const [{ className: o, children: t, ...s }, n] = d(
75
- r,
76
- e,
77
- h
78
- ), g = N.toArray(t).filter(w).find((l) => l.type === m);
79
- return !g && process.env.NODE_ENV === "development" && console.warn(
80
- "Using a TagGroup without providing a TagList component is deprecated since v17.0.0, see: https://designsystem.migrationsverket.se/components/tag/"
81
- ), /* @__PURE__ */ i(
82
- L,
83
- {
84
- className: c(o),
85
- ref: n,
86
- ...s,
87
- children: g ? t : /* @__PURE__ */ i(m, { children: t })
88
- }
89
- );
90
- }
91
- );
92
- k.displayName = "TagGroup";
93
- export {
94
- X as T,
95
- k as a,
96
- m as b
97
- };