@midas-ds/components 17.7.7 → 17.8.0
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.
- package/CHANGELOG.md +14 -0
- package/accordion/AccordionItem.d.ts +2 -3
- package/accordion/AccordionItem.stories.d.ts +1 -1
- package/accordion/index.js +1 -1
- package/assets/ComboBox.css +1 -1
- package/assets/ListBox.css +1 -1
- package/chunks/AccordionItem-w6c28fSu.js +129 -0
- package/chunks/{ComboBox-C_GsZvVm.js → ComboBox-BGMkkxN2.js} +26 -26
- package/chunks/{ListBox-CDlOUvzJ.js → ListBox-BmONCo_D.js} +16 -16
- package/chunks/{ListBoxEmptyState-CXKkWQy1.js → ListBoxEmptyState-7VzB4KvQ.js} +1 -1
- package/chunks/{ListBoxHeader-DSYdXl2I.js → ListBoxHeader-D_WqTfOS.js} +1 -1
- package/chunks/Radio-D-sGYrD6.js +44 -0
- package/chunks/{Select-RqBxMvo_.js → Select--xr0jiPR.js} +1 -1
- package/combobox/index.js +1 -1
- package/index.js +8 -8
- package/list-box/index.js +3 -3
- package/package.json +1 -1
- package/radio/Radio.d.ts +7 -4
- package/radio/Radio.stories.d.ts +1 -1
- package/radio/index.d.ts +1 -1
- package/radio/index.js +1 -1
- package/select/index.js +1 -1
- package/chunks/AccordionItem-2xB1a2b_.js +0 -129
- package/chunks/Radio-F1vaYCPS.js +0 -44
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,17 @@
|
|
|
1
|
+
## 17.8.0 (2026-03-12)
|
|
2
|
+
|
|
3
|
+
### 🚀 Features
|
|
4
|
+
|
|
5
|
+
- **components, radio:** accept function for children prop ([75260130c8](https://github.com/migrationsverket/midas/commit/75260130c8))
|
|
6
|
+
- **components, accordion:** accept function for children prop ([08bc1ba117](https://github.com/migrationsverket/midas/commit/08bc1ba117))
|
|
7
|
+
|
|
8
|
+
## 17.7.8 (2026-03-12)
|
|
9
|
+
|
|
10
|
+
### 🩹 Fixes
|
|
11
|
+
|
|
12
|
+
- **components,list-box:** fix horizontal scrollbar in chromium ([90993805d1](https://github.com/migrationsverket/midas/commit/90993805d1))
|
|
13
|
+
- **components,combobox:** prevent long input text from covering toggle button ([33120ccb81](https://github.com/migrationsverket/midas/commit/33120ccb81))
|
|
14
|
+
|
|
1
15
|
## 17.7.7 (2026-03-12)
|
|
2
16
|
|
|
3
17
|
### 🧱 Updated Dependencies
|
|
@@ -3,10 +3,9 @@ import { HeadingProps } from '../heading';
|
|
|
3
3
|
import { FeedbackStatus, Size } from '../common/types';
|
|
4
4
|
import { FeedbackStatusIconProps } from '../common/FeedbackStatusIcon';
|
|
5
5
|
import * as React from 'react';
|
|
6
|
-
export interface AccordionItemProps extends
|
|
6
|
+
export interface AccordionItemProps extends DisclosureProps {
|
|
7
7
|
/** The text displayed in the collapsed state. If a ReactNode is provided, a heading will not be automatically added, and you must provide one yourself. */
|
|
8
8
|
title?: string | React.ReactNode;
|
|
9
|
-
children?: React.ReactNode;
|
|
10
9
|
/** Adjust the heading level of the title to match your document's heading tag structure */
|
|
11
10
|
headingLevel?: HeadingProps['elementType'];
|
|
12
11
|
/** Display an accordion item with different type styles. */
|
|
@@ -26,4 +25,4 @@ export interface AccordionItemProps extends Omit<DisclosureProps, 'children'> {
|
|
|
26
25
|
*/
|
|
27
26
|
iconAriaLabel?: FeedbackStatusIconProps['aria-label'];
|
|
28
27
|
}
|
|
29
|
-
export declare const AccordionItem:
|
|
28
|
+
export declare const AccordionItem: ({ title, children, className, headingLevel, type, hasBackground, size, isContained: isContainedFromProp, iconAriaLabel, ...props }: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react-vite';
|
|
|
2
2
|
import { AccordionItem } from './AccordionItem';
|
|
3
3
|
type Story = StoryObj<typeof AccordionItem>;
|
|
4
4
|
declare const _default: {
|
|
5
|
-
component: import('
|
|
5
|
+
component: ({ title, children, className, headingLevel, type, hasBackground, size, isContained: isContainedFromProp, iconAriaLabel, ...props }: import('./AccordionItem').AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
title: string;
|
|
7
7
|
tags: string[];
|
|
8
8
|
args: {
|
package/accordion/index.js
CHANGED
package/assets/ComboBox.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._combobox_to3lj_1{font-family:var(--midas-typography-font-family);display:flex;flex-direction:column}._combobox_to3lj_1[data-invalid] ._inputField_to3lj_6{border:.125rem solid var(--midas-support-border-warning)}._inputField_to3lj_6{box-sizing:border-box;width:-webkit-fill-available;padding-left:var(--midas-space-medium);padding-right:calc(var(--midas-size-icon-sm) + 2 * var(--midas-space-70));border:none;border-bottom:1px solid var(--midas-border-color-primary);border-radius:0;font-size:var(--midas-typography-font-size-30);color:var(--midas-text-primary);height:var(--midas-size-control);background-color:var(--midas-field-01-base)}@media(forced-colors:active){._inputField_to3lj_6{border:1px solid}}._inputField_to3lj_6._medium_to3lj_28{height:var(--midas-size-control-md)}._inputField_to3lj_6[data-hovered],._inputField_to3lj_6:has(+[data-hovered]){background-color:var(--midas-field-01-hover)}._inputField_to3lj_6::placeholder{color:var(--midas-text-placeholder)}._inputField_to3lj_6:focus-visible,._inputField_to3lj_6[data-focus-visible]{outline:none}._inputField_to3lj_6[data-focused],._inputField_to3lj_6[data-focus-visible]{box-shadow:var(--midas-state-focus)}@media(forced-colors:active){._inputField_to3lj_6[data-focused],._inputField_to3lj_6[data-focus-visible]{outline:3px solid highlight;outline-offset:2px}}._inputField_to3lj_6[data-disabled]{color:var(--midas-text-disabled);background:var(--midas-field-disabled);box-shadow:none;border-bottom:1px solid var(--midas-border-color-disabled);cursor:not-allowed}._inputField_to3lj_6[data-readonly]{background-color:transparent;border-color:var(--midas-border-color-subtle)}._inputField_to3lj_6[data-readonly][data-focused],._inputField_to3lj_6[data-readonly][data-focus-visible]{box-shadow:none}._text_to3lj_75{font-size:var(--midas-typography-font-size-20);margin-bottom:var(--midas-space-small)}._wrap_to3lj_80{grid-area:Input;position:relative}._button_to3lj_85{display:flex;align-items:center;border:none;padding:var(--midas-space-70);color:var(--midas-icon-primary);background-color:transparent;position:absolute;top:0;right:0;height:var(--midas-size-control);transition:transform .3s ease}._button_to3lj_85._medium_to3lj_28{height:var(--midas-size-control-md);padding:var(--midas-space-50) var(--midas-space-70)}._button_to3lj_85[aria-expanded=true]{transform:rotate(180deg)}._button_to3lj_85[data-disabled]{cursor:not-allowed;color:var(--midas-icon-disabled)}[data-readonly] ._button_to3lj_85[data-disabled]{color:var(--midas-icon-read-only)}._button_to3lj_85[data-hovered]{cursor:pointer}._icon_to3lj_121{display:flex;align-items:center;transition:transform .3s ease}@media(prefers-reduced-motion){._button_to3lj_85,._icon_to3lj_121{transition:none}}
|
package/assets/ListBox.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._listBox_1l41e_4{max-height:295px;overflow:hidden auto}._listBox_1l41e_4>div{pointer-events:auto!important}._listBoxPopover_1l41e_16{font-family:var(--midas-typography-font-family);width:var(--trigger-width);background:var(--midas-layer-01-base);box-shadow:0 3px 5px #0003}@media(forced-colors:active){._listBoxPopover_1l41e_16{border:1px solid var(--midas-border-color-primary)}}._listBoxSectionHeading_1l41e_30{background-color:var(--midas-layer-01-base);font-family:var(--midas-typography-font-family);display:block;padding:var(--midas-space-medium) var(--midas-space-medium) var(--midas-space-xsmall) var(--midas-space-60);font-weight:var(--midas-typography-weight-medium);font-size:var(--midas-typography-font-size-20);line-height:var(--midas-typography-line-height-20);color:var(--midas-menu-text-section-header)}._listBoxButton_1l41e_42{all:unset;width:100%;box-sizing:border-box;margin-bottom:var(--midas-space-10)!important}._listBoxButton_1l41e_42:focus-visible{box-shadow:var(--midas-state-focus-inset);outline:none}._listBoxItem_1l41e_54{align-items:center;background-color:var(--midas-layer-01-base);box-sizing:border-box;color:var(--midas-text-primary);display:flex;font-family:var(--midas-typography-font-family);justify-content:space-between;line-height:var(--midas-typography-line-height-30);margin-bottom:0;padding:var(--midas-space-70) var(--midas-space-medium);transition:background-color 60ms;gap:var(--midas-space-medium)}._listBoxItem_1l41e_54 ._textContent_1l41e_68{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;width:100%}._listBoxItem_1l41e_54:hover:not([data-disabled]){background-color:var(--midas-layer-01-hover);cursor:pointer;transition-delay:60ms}._listBoxItem_1l41e_54[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._listBoxItem_1l41e_54[data-selected]{background-color:var(--midas-layer-01-selected)}._listBoxItem_1l41e_54[data-selected]:hover:not([data-disabled]){background-color:var(--midas-layer-01-selected-hover);transition-delay:60ms}._listBoxItem_1l41e_54[data-focused]{outline:none;box-shadow:none}@media(forced-colors:active){._listBoxItem_1l41e_54[data-focused]{outline:var(--midas-state-focus-contrast-mode-outline) solid highlight!important;outline-offset:calc(var(--midas-state-focus-contrast-mode-outline) * -1)}}._listBoxItem_1l41e_54[data-focus-visible]{box-shadow:var(--midas-state-focus-inset);outline:none}._listBoxItem_1l41e_54[data-selection-mode=single][data-selected] ._textContent_1l41e_68{max-width:calc(100% - var(--midas-space-150))}._listBoxItem_1l41e_54[data-selection-mode=single][data-selected]:after{content:"";background-color:var(--midas-text-primary);width:var(--midas-size-icon);height:var(--midas-size-icon);-webkit-mask:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWNoZWNrLWljb24gbHVjaWRlLWNoZWNrIj48cGF0aCBkPSJNMjAgNiA5IDE3bC01LTUiLz48L3N2Zz4=);mask:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWNoZWNrLWljb24gbHVjaWRlLWNoZWNrIj48cGF0aCBkPSJNMjAgNiA5IDE3bC01LTUiLz48L3N2Zz4=);-webkit-mask-size:var(--midas-size-icon) var(--midas-size-icon);mask-size:var(--midas-size-icon) var(--midas-size-icon);flex-shrink:0}@media(forced-colors:active){._listBoxItem_1l41e_54[data-selection-mode=single][data-selected]:after{filter:invert(1)}}._listBoxItem_1l41e_54[data-selection-mode=multiple]{justify-content:flex-start;gap:var(--midas-space-small)}._listBoxItem_1l41e_54[data-selection-mode=multiple]:before{transition:all .2s;box-sizing:border-box;content:"";border:1px solid var(--midas-border-color-primary);min-width:var(--midas-size-icon);height:var(--midas-size-icon)}._listBoxItem_1l41e_54[data-selection-mode=multiple][data-selected]:before{min-width:var(--midas-size-icon);min-height:var(--midas-size-icon);background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaGVjay1pY29uIGx1Y2lkZS1jaGVjayI+PHBhdGggZD0iTTIwIDYgOSAxN2wtNS01Ii8+PC9zdmc+);background-size:contain;background-color:var(--midas-button-background-primary-base);border-color:var(--midas-button-background-primary-base)}@media(forced-colors:active){._listBoxItem_1l41e_54[data-selection-mode=multiple][data-selected]:before{background-color:SelectedItem;border-color:SelectedItem}}._listBoxItem_1l41e_54[data-selection-mode=multiple][data-selected][data-hovered]:before{background-color:var(--midas-button-background-primary-hover);border-color:var(--midas-button-background-primary-hover)}@media(forced-colors:active){._listBoxItem_1l41e_54[data-selection-mode=multiple][data-selected][data-hovered]:before{background-color:SelectedItem;border-color:SelectedItem}}._listBoxLoadMoreItem_1l41e_174{align-items:center;display:flex;gap:var(--midas-space-medium);line-height:var(--midas-typography-line-height-30);padding:var(--midas-space-medium) var(--midas-space-medium) var(--midas-space-60) var(--midas-space-medium)}@media(prefers-reduced-motion){._listBoxItem_1l41e_54,._item_1l41e_185,._option_1l41e_186 ._inputCheckbox_1l41e_186{transition:none}}
|
|
@@ -0,0 +1,129 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as n, jsxs as m, Fragment as x } from "react/jsx-runtime";
|
|
3
|
+
import { c as l } from "./clsx-AexbMWKp.js";
|
|
4
|
+
import { DisclosureGroup as C, Disclosure as I, composeRenderProps as N, DisclosurePanel as B } from "react-aria-components";
|
|
5
|
+
import { createContext as b, useContext as k, useEffect as w } from "react";
|
|
6
|
+
import { B as A } from "./Button-D22xOe8j.js";
|
|
7
|
+
import { H as T } from "./Heading-nfcRc2QF.js";
|
|
8
|
+
import { F as D } from "./FeedbackStatusIcon-X9Bjgeta.js";
|
|
9
|
+
import { C as M } from "./chevron-down-BBFYYzZq.js";
|
|
10
|
+
import '../assets/AccordionItem.css';const j = "_root_17bdp_1", F = "_contained_17bdp_5", a = {
|
|
11
|
+
root: j,
|
|
12
|
+
contained: F
|
|
13
|
+
}, d = b(void 0), st = ({
|
|
14
|
+
children: o,
|
|
15
|
+
className: s,
|
|
16
|
+
isContained: i,
|
|
17
|
+
size: r = "large",
|
|
18
|
+
...e
|
|
19
|
+
}) => /* @__PURE__ */ n(d.Provider, { value: { isContained: i, size: r }, children: /* @__PURE__ */ n(
|
|
20
|
+
C,
|
|
21
|
+
{
|
|
22
|
+
className: l(
|
|
23
|
+
a.root,
|
|
24
|
+
i ? a.contained : a.uncontained,
|
|
25
|
+
s
|
|
26
|
+
),
|
|
27
|
+
...e,
|
|
28
|
+
children: o
|
|
29
|
+
}
|
|
30
|
+
) }), P = "_item_1l4iy_1", z = "_contained_1l4iy_18", H = "_medium_1l4iy_28", R = "_success_1l4iy_33", S = "_warning_1l4iy_39", E = "_info_1l4iy_45", G = "_important_1l4iy_51", W = "_triggerButton_1l4iy_62", $ = "_triggerText_1l4iy_66", q = "_trigger_1l4iy_62", J = "_triggerMainContent_1l4iy_77", K = "_chevronIcon_1l4iy_94", L = "_statusIcon_1l4iy_100", O = "_panel_1l4iy_122", Q = "_content_1l4iy_130", U = "_hasBackground_1l4iy_135", V = "_header_1l4iy_139", t = {
|
|
31
|
+
item: P,
|
|
32
|
+
contained: z,
|
|
33
|
+
medium: H,
|
|
34
|
+
success: R,
|
|
35
|
+
warning: S,
|
|
36
|
+
info: E,
|
|
37
|
+
important: G,
|
|
38
|
+
triggerButton: W,
|
|
39
|
+
triggerText: $,
|
|
40
|
+
trigger: q,
|
|
41
|
+
triggerMainContent: J,
|
|
42
|
+
" ": "_ _1l4iy_1",
|
|
43
|
+
chevronIcon: K,
|
|
44
|
+
statusIcon: L,
|
|
45
|
+
panel: O,
|
|
46
|
+
content: Q,
|
|
47
|
+
hasBackground: U,
|
|
48
|
+
header: V
|
|
49
|
+
}, rt = ({
|
|
50
|
+
title: o,
|
|
51
|
+
children: s,
|
|
52
|
+
className: i,
|
|
53
|
+
headingLevel: r = "h2",
|
|
54
|
+
type: e,
|
|
55
|
+
hasBackground: g = !0,
|
|
56
|
+
size: u = "large",
|
|
57
|
+
isContained: h,
|
|
58
|
+
iconAriaLabel: p,
|
|
59
|
+
...y
|
|
60
|
+
}) => {
|
|
61
|
+
const _ = k(d), c = h ?? _?.isContained ?? !1, f = typeof o == "object";
|
|
62
|
+
return w(() => {
|
|
63
|
+
e && !c && console.warn(
|
|
64
|
+
"AccordionItem: When 'type' is set, it is recommended to also set 'isContained' to true for visual consistency."
|
|
65
|
+
);
|
|
66
|
+
}, [e, c]), /* @__PURE__ */ n(
|
|
67
|
+
I,
|
|
68
|
+
{
|
|
69
|
+
...y,
|
|
70
|
+
className: l(
|
|
71
|
+
t.item,
|
|
72
|
+
e && t[e],
|
|
73
|
+
(u === "medium" || _?.size === "medium") && t.medium,
|
|
74
|
+
c && t.contained,
|
|
75
|
+
i
|
|
76
|
+
),
|
|
77
|
+
children: N(s, (v) => /* @__PURE__ */ m(x, { children: [
|
|
78
|
+
/* @__PURE__ */ n("div", { className: t.trigger, children: /* @__PURE__ */ m(
|
|
79
|
+
A,
|
|
80
|
+
{
|
|
81
|
+
className: t.triggerButton,
|
|
82
|
+
slot: "trigger",
|
|
83
|
+
variant: "icon",
|
|
84
|
+
children: [
|
|
85
|
+
/* @__PURE__ */ n(
|
|
86
|
+
M,
|
|
87
|
+
{
|
|
88
|
+
size: 20,
|
|
89
|
+
className: t.chevronIcon
|
|
90
|
+
}
|
|
91
|
+
),
|
|
92
|
+
/* @__PURE__ */ n("div", { className: t.triggerMainContent, children: f ? o : /* @__PURE__ */ n(
|
|
93
|
+
T,
|
|
94
|
+
{
|
|
95
|
+
level: 3,
|
|
96
|
+
elementType: r,
|
|
97
|
+
className: t.triggerText,
|
|
98
|
+
children: o
|
|
99
|
+
}
|
|
100
|
+
) }),
|
|
101
|
+
e && /* @__PURE__ */ n(
|
|
102
|
+
D,
|
|
103
|
+
{
|
|
104
|
+
"aria-label": p,
|
|
105
|
+
className: t.statusIcon,
|
|
106
|
+
status: e
|
|
107
|
+
}
|
|
108
|
+
)
|
|
109
|
+
]
|
|
110
|
+
}
|
|
111
|
+
) }),
|
|
112
|
+
/* @__PURE__ */ n(B, { className: t.panel, children: /* @__PURE__ */ n(
|
|
113
|
+
"div",
|
|
114
|
+
{
|
|
115
|
+
className: l(
|
|
116
|
+
t.content,
|
|
117
|
+
g && t.hasBackground
|
|
118
|
+
),
|
|
119
|
+
children: v
|
|
120
|
+
}
|
|
121
|
+
) })
|
|
122
|
+
] }))
|
|
123
|
+
}
|
|
124
|
+
);
|
|
125
|
+
};
|
|
126
|
+
export {
|
|
127
|
+
st as A,
|
|
128
|
+
rt as a
|
|
129
|
+
};
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsxs as c, jsx as o } from "react/jsx-runtime";
|
|
3
|
-
import
|
|
4
|
-
import { ComboBox as
|
|
3
|
+
import F from "react";
|
|
4
|
+
import { ComboBox as w, Input as j, Button as v } from "react-aria-components";
|
|
5
5
|
import { c as s } from "./clsx-AexbMWKp.js";
|
|
6
|
-
import { a as
|
|
7
|
-
import { T as
|
|
6
|
+
import { a as R, L as y } from "./Label-BNQY5OnB.js";
|
|
7
|
+
import { T as B } from "./Text-D0r_W4lH.js";
|
|
8
8
|
import { F as u } from "./FieldError-krpMBtie.js";
|
|
9
|
-
import { L as
|
|
10
|
-
import { a as
|
|
11
|
-
import { C as
|
|
12
|
-
import { u as
|
|
13
|
-
import '../assets/ComboBox.css';const
|
|
14
|
-
combobox:
|
|
9
|
+
import { L as C } from "./ListBox-BmONCo_D.js";
|
|
10
|
+
import { a as N, L as g } from "./ListBoxEmptyState-7VzB4KvQ.js";
|
|
11
|
+
import { C as E } from "./chevron-down-BBFYYzZq.js";
|
|
12
|
+
import { u as S } from "./useLocalizedStringFormatter-BHvsRxDk.js";
|
|
13
|
+
import '../assets/ComboBox.css';const T = "_combobox_to3lj_1", I = "_inputField_to3lj_6", O = "_medium_to3lj_28", U = "_wrap_to3lj_80", z = "_button_to3lj_85", D = "_icon_to3lj_121", t = {
|
|
14
|
+
combobox: T,
|
|
15
15
|
inputField: I,
|
|
16
16
|
medium: O,
|
|
17
17
|
wrap: U,
|
|
@@ -29,50 +29,50 @@ function Y({
|
|
|
29
29
|
items: f,
|
|
30
30
|
className: _,
|
|
31
31
|
errorPosition: a = "top",
|
|
32
|
-
size:
|
|
32
|
+
size: m = "large",
|
|
33
33
|
popover: h,
|
|
34
34
|
listBoxProps: b,
|
|
35
35
|
...e
|
|
36
36
|
}) {
|
|
37
|
-
const
|
|
38
|
-
|
|
37
|
+
const l = F.useRef(null), d = S(W), x = (L) => {
|
|
38
|
+
L.currentTarget.value && l.current?.select();
|
|
39
39
|
};
|
|
40
40
|
return /* @__PURE__ */ c(
|
|
41
|
-
|
|
41
|
+
w,
|
|
42
42
|
{
|
|
43
43
|
className: s(t.combobox, _),
|
|
44
44
|
...e,
|
|
45
45
|
"data-readonly": e.isReadOnly || void 0,
|
|
46
46
|
children: [
|
|
47
|
-
/* @__PURE__ */ o(
|
|
48
|
-
r && /* @__PURE__ */ o(
|
|
47
|
+
/* @__PURE__ */ o(R, { popover: h, children: i && /* @__PURE__ */ o(y, { children: i }) }),
|
|
48
|
+
r && /* @__PURE__ */ o(B, { slot: "description", children: r }),
|
|
49
49
|
a === "top" && /* @__PURE__ */ o(u, { "data-testid": "fieldError", children: n }),
|
|
50
50
|
/* @__PURE__ */ c("div", { className: t.wrap, children: [
|
|
51
51
|
/* @__PURE__ */ o(
|
|
52
|
-
|
|
52
|
+
j,
|
|
53
53
|
{
|
|
54
54
|
className: s(t.inputField, {
|
|
55
|
-
[t.medium]:
|
|
55
|
+
[t.medium]: m === "medium"
|
|
56
56
|
}),
|
|
57
57
|
"data-readonly": e.isReadOnly || void 0,
|
|
58
58
|
onMouseUp: x,
|
|
59
|
-
ref:
|
|
59
|
+
ref: l
|
|
60
60
|
}
|
|
61
61
|
),
|
|
62
62
|
/* @__PURE__ */ o(
|
|
63
|
-
|
|
63
|
+
v,
|
|
64
64
|
{
|
|
65
65
|
className: s(t.button, {
|
|
66
|
-
[t.medium]:
|
|
66
|
+
[t.medium]: m === "medium"
|
|
67
67
|
}),
|
|
68
|
-
"aria-label":
|
|
68
|
+
"aria-label": d.format("showList"),
|
|
69
69
|
children: /* @__PURE__ */ o(
|
|
70
70
|
"div",
|
|
71
71
|
{
|
|
72
72
|
className: t.icon,
|
|
73
73
|
"aria-hidden": "true",
|
|
74
74
|
children: /* @__PURE__ */ o(
|
|
75
|
-
|
|
75
|
+
E,
|
|
76
76
|
{
|
|
77
77
|
size: 20,
|
|
78
78
|
"aria-hidden": !0
|
|
@@ -84,11 +84,11 @@ function Y({
|
|
|
84
84
|
)
|
|
85
85
|
] }),
|
|
86
86
|
a === "bottom" && /* @__PURE__ */ o(u, { "data-testid": "fieldError", children: n }),
|
|
87
|
-
/* @__PURE__ */ o(
|
|
88
|
-
|
|
87
|
+
/* @__PURE__ */ o(N, { offset: 4, children: /* @__PURE__ */ o(
|
|
88
|
+
C,
|
|
89
89
|
{
|
|
90
90
|
items: f,
|
|
91
|
-
renderEmptyState: () => /* @__PURE__ */ o(
|
|
91
|
+
renderEmptyState: () => /* @__PURE__ */ o(g, { children: d.format("noResultsFound") }),
|
|
92
92
|
...b,
|
|
93
93
|
children: p
|
|
94
94
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { ListLayout as
|
|
1
|
+
import { jsx as s } from "react/jsx-runtime";
|
|
2
|
+
import { ListLayout as i, Virtualizer as l, ListBox as n } from "react-aria-components";
|
|
3
3
|
import { c as x } from "./clsx-AexbMWKp.js";
|
|
4
|
-
import '../assets/ListBox.css';class B extends
|
|
4
|
+
import '../assets/ListBox.css';class B extends i {
|
|
5
5
|
/**
|
|
6
6
|
* When using the ListLayout our scroll container height is not calculated properly when the content is partially sectioned.
|
|
7
7
|
* ```ts
|
|
@@ -25,29 +25,29 @@ import '../assets/ListBox.css';class B extends e {
|
|
|
25
25
|
}), this.contentSize;
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
|
-
const r = "
|
|
28
|
+
const r = "_listBox_1l41e_4", a = "_listBoxPopover_1l41e_16", c = "_listBoxSectionHeading_1l41e_30", _ = "_listBoxButton_1l41e_42", m = "_listBoxItem_1l41e_54", L = "_textContent_1l41e_68", u = "_listBoxLoadMoreItem_1l41e_174", d = {
|
|
29
29
|
listBox: r,
|
|
30
30
|
listBoxPopover: a,
|
|
31
31
|
listBoxSectionHeading: c,
|
|
32
32
|
listBoxButton: _,
|
|
33
|
-
listBoxItem:
|
|
34
|
-
textContent:
|
|
35
|
-
listBoxLoadMoreItem:
|
|
36
|
-
},
|
|
37
|
-
className:
|
|
33
|
+
listBoxItem: m,
|
|
34
|
+
textContent: L,
|
|
35
|
+
listBoxLoadMoreItem: u
|
|
36
|
+
}, h = ({
|
|
37
|
+
className: e,
|
|
38
38
|
children: t,
|
|
39
39
|
...o
|
|
40
|
-
}) => /* @__PURE__ */
|
|
41
|
-
|
|
40
|
+
}) => /* @__PURE__ */ s(
|
|
41
|
+
l,
|
|
42
42
|
{
|
|
43
43
|
layout: B,
|
|
44
44
|
layoutOptions: {
|
|
45
45
|
headingHeight: 38
|
|
46
46
|
},
|
|
47
|
-
children: /* @__PURE__ */
|
|
48
|
-
|
|
47
|
+
children: /* @__PURE__ */ s(
|
|
48
|
+
n,
|
|
49
49
|
{
|
|
50
|
-
className: x(
|
|
50
|
+
className: x(d.listBox, e),
|
|
51
51
|
...o,
|
|
52
52
|
children: t
|
|
53
53
|
}
|
|
@@ -55,6 +55,6 @@ const r = "_listBox_1k3vu_4", a = "_listBoxPopover_1k3vu_16", c = "_listBoxSecti
|
|
|
55
55
|
}
|
|
56
56
|
);
|
|
57
57
|
export {
|
|
58
|
-
|
|
59
|
-
|
|
58
|
+
h as L,
|
|
59
|
+
d as s
|
|
60
60
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as s } from "react/jsx-runtime";
|
|
2
2
|
import { c as m } from "./clsx-AexbMWKp.js";
|
|
3
3
|
import { Popover as r } from "react-aria-components";
|
|
4
|
-
import { s as a } from "./ListBox-
|
|
4
|
+
import { s as a } from "./ListBox-BmONCo_D.js";
|
|
5
5
|
import { T as p } from "./Text-D0r_W4lH.js";
|
|
6
6
|
import '../assets/ListBoxEmptyState.css';const n = ({
|
|
7
7
|
className: t,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as o, jsxs as m, Fragment as c } from "react/jsx-runtime";
|
|
2
2
|
import { c as i } from "./clsx-AexbMWKp.js";
|
|
3
|
-
import { s as e } from "./ListBox-
|
|
3
|
+
import { s as e } from "./ListBox-BmONCo_D.js";
|
|
4
4
|
import { ListBoxItem as x, ListBoxSection as d, ListBoxLoadMoreItem as l, Header as L } from "react-aria-components";
|
|
5
5
|
import { S as B } from "./Spinner-CfKMn18u.js";
|
|
6
6
|
import { u as p } from "./useLocalizedStringFormatter-BHvsRxDk.js";
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as r, jsxs as u, Fragment as _ } from "react/jsx-runtime";
|
|
3
|
+
import { Radio as f, RadioGroup as h, composeRenderProps as G, Group as R } from "react-aria-components";
|
|
4
|
+
import { c as p } from "./clsx-AexbMWKp.js";
|
|
5
|
+
import { a as x, L as w } from "./Label-BNQY5OnB.js";
|
|
6
|
+
import { T as z } from "./Text-D0r_W4lH.js";
|
|
7
|
+
import { F as t } from "./FieldError-krpMBtie.js";
|
|
8
|
+
import '../assets/Radio.css';const E = "_radioGroup_1ls9z_1", F = "_wrap_1ls9z_12", L = "_radio_1ls9z_1", s = {
|
|
9
|
+
radioGroup: E,
|
|
10
|
+
wrap: F,
|
|
11
|
+
radio: L
|
|
12
|
+
}, W = ({
|
|
13
|
+
label: o,
|
|
14
|
+
description: a,
|
|
15
|
+
errorMessage: i,
|
|
16
|
+
children: e,
|
|
17
|
+
className: c,
|
|
18
|
+
errorPosition: d = "top",
|
|
19
|
+
popover: l,
|
|
20
|
+
...m
|
|
21
|
+
}) => /* @__PURE__ */ r(
|
|
22
|
+
h,
|
|
23
|
+
{
|
|
24
|
+
...m,
|
|
25
|
+
className: p(s.radioGroup, c),
|
|
26
|
+
children: G(e, (n) => /* @__PURE__ */ u(_, { children: [
|
|
27
|
+
/* @__PURE__ */ r(x, { popover: l, children: o && /* @__PURE__ */ r(w, { children: o }) }),
|
|
28
|
+
a && /* @__PURE__ */ r(z, { slot: "description", children: a }),
|
|
29
|
+
d === "top" && /* @__PURE__ */ r(t, { "data-testid": "fieldError", children: i }),
|
|
30
|
+
/* @__PURE__ */ r(R, { className: s.wrap, children: n }),
|
|
31
|
+
d === "bottom" && /* @__PURE__ */ r(t, { "data-testid": "fieldError", children: i })
|
|
32
|
+
] }))
|
|
33
|
+
}
|
|
34
|
+
), g = ({ className: o, ...a }) => /* @__PURE__ */ r(
|
|
35
|
+
f,
|
|
36
|
+
{
|
|
37
|
+
className: p(s.radio, o),
|
|
38
|
+
...a
|
|
39
|
+
}
|
|
40
|
+
);
|
|
41
|
+
export {
|
|
42
|
+
g as R,
|
|
43
|
+
W as a
|
|
44
|
+
};
|
|
@@ -10,7 +10,7 @@ import { C as F } from "./Checkbox-sAkQe7Q9.js";
|
|
|
10
10
|
import { u as m } from "./useLocalizedStringFormatter-BHvsRxDk.js";
|
|
11
11
|
import { useFocusManager as L } from "react-aria";
|
|
12
12
|
import { X as I } from "./x-B9bYxG31.js";
|
|
13
|
-
import { L as G } from "./ListBox-
|
|
13
|
+
import { L as G } from "./ListBox-BmONCo_D.js";
|
|
14
14
|
import { P as j } from "./Popover-6cnHxDEK.js";
|
|
15
15
|
import { a as k, T as R } from "./TagGroup-D-bzpYQJ.js";
|
|
16
16
|
import { C as $ } from "./chevron-down-BBFYYzZq.js";
|
package/combobox/index.js
CHANGED
package/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import { A as s, a as p } from "./chunks/AccordionItem-
|
|
2
|
+
import { A as s, a as p } from "./chunks/AccordionItem-w6c28fSu.js";
|
|
3
3
|
import { B as m, a as i } from "./chunks/BadgeContainer-CKVsfTlF.js";
|
|
4
4
|
import { B as f, a as d } from "./chunks/Breadcrumb-Bs836gOn.js";
|
|
5
5
|
import { B as c } from "./chunks/Button-D22xOe8j.js";
|
|
@@ -10,7 +10,7 @@ import { C as v } from "./chunks/CharacterCounter-Dgnv-orm.js";
|
|
|
10
10
|
import { C as M } from "./chunks/Checkbox-sAkQe7Q9.js";
|
|
11
11
|
import { C as h } from "./chunks/CheckboxGroup-DY8sC9ro.js";
|
|
12
12
|
import { C as y } from "./chunks/ColorSchemeSwitch-D52V0sr3.js";
|
|
13
|
-
import { C as N } from "./chunks/ComboBox-
|
|
13
|
+
import { C as N } from "./chunks/ComboBox-BGMkkxN2.js";
|
|
14
14
|
import { D as z } from "./chunks/DateField-kEqIc-Nc.js";
|
|
15
15
|
import { D as Q, a as V, b as Z } from "./chunks/DateInputDivider-DwopMIb9.js";
|
|
16
16
|
import { D as q, a as J } from "./chunks/DateRangePicker-B7d3F0qi.js";
|
|
@@ -28,9 +28,9 @@ import { L as Bo, a as bo } from "./chunks/Logo-DDykn5b2.js";
|
|
|
28
28
|
import { M as Do } from "./chunks/Dialog-SBj6IJAF.js";
|
|
29
29
|
import { P as Ro } from "./chunks/Popover-6cnHxDEK.js";
|
|
30
30
|
import { P as Po } from "./chunks/ProgressBar-BIfkrfrH.js";
|
|
31
|
-
import { R as vo, a as Fo } from "./chunks/Radio-
|
|
31
|
+
import { R as vo, a as Fo } from "./chunks/Radio-D-sGYrD6.js";
|
|
32
32
|
import { S as Ao } from "./chunks/SearchField-D2Mm_VUO.js";
|
|
33
|
-
import { S as Ho } from "./chunks/Select
|
|
33
|
+
import { S as Ho } from "./chunks/Select--xr0jiPR.js";
|
|
34
34
|
import { S as Eo } from "./chunks/Skeleton-D6mxKxuu.js";
|
|
35
35
|
import { S as wo } from "./chunks/Spinner-CfKMn18u.js";
|
|
36
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";
|
|
@@ -41,15 +41,15 @@ import { I as ta, T as sa, a as pa, b as xa } from "./chunks/TextArea-Z4BKGpA9.j
|
|
|
41
41
|
import { G as ia, T as na, a as fa, b as da, t as Ta } from "./chunks/Toast-D8euCY5O.js";
|
|
42
42
|
import { T as ga, a as la } from "./chunks/ToggleButtonGroup-Bv9xpwTT.js";
|
|
43
43
|
import { T as Ca, a as La } from "./chunks/Tooltip-C1bbgr2l.js";
|
|
44
|
-
import { L as ba } from "./chunks/ListBox-
|
|
45
|
-
import { L as Da, a as Ia, b as Ra, c as Ga, d as Pa } from "./chunks/ListBoxHeader-
|
|
46
|
-
import { L as va, a as Fa } from "./chunks/ListBoxEmptyState-
|
|
44
|
+
import { L as ba } from "./chunks/ListBox-BmONCo_D.js";
|
|
45
|
+
import { L as Da, a as Ia, b as Ra, c as Ga, d as Pa } from "./chunks/ListBoxHeader-D_WqTfOS.js";
|
|
46
|
+
import { L as va, a as Fa } from "./chunks/ListBoxEmptyState-7VzB4KvQ.js";
|
|
47
47
|
import { M as Aa, a as ha, b as Ha, c as ya, S as Ea } from "./chunks/Separator-CkVOLF6I.js";
|
|
48
48
|
import { c as wa } from "./chunks/clsx-AexbMWKp.js";
|
|
49
49
|
import { DialogTrigger as Oa, MenuTrigger as Qa, RouterProvider as Va } from "react-aria-components";
|
|
50
50
|
import { u as ja } from "./chunks/useLocalizedStringFormatter-BHvsRxDk.js";
|
|
51
51
|
import { useToastState as Ja } from "react-stately";
|
|
52
|
-
const o = "17.
|
|
52
|
+
const o = "17.8.0", a = {
|
|
53
53
|
version: o
|
|
54
54
|
}, r = a.version;
|
|
55
55
|
export {
|
package/list-box/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { L as s } from "../chunks/ListBox-
|
|
2
|
-
import { L, a as e, b as x, c as i, d as r } from "../chunks/ListBoxHeader-
|
|
3
|
-
import { L as m, a as p } from "../chunks/ListBoxEmptyState-
|
|
1
|
+
import { L as s } from "../chunks/ListBox-BmONCo_D.js";
|
|
2
|
+
import { L, a as e, b as x, c as i, d as r } from "../chunks/ListBoxHeader-D_WqTfOS.js";
|
|
3
|
+
import { L as m, a as p } from "../chunks/ListBoxEmptyState-7VzB4KvQ.js";
|
|
4
4
|
export {
|
|
5
5
|
s as ListBox,
|
|
6
6
|
L as ListBoxButton,
|
package/package.json
CHANGED
package/radio/Radio.d.ts
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import { RadioGroupProps, RadioProps, ValidationResult } from 'react-aria-components';
|
|
1
|
+
import { RadioGroupProps as AriaRadioGroupProps, RadioProps, ValidationResult } from 'react-aria-components';
|
|
2
2
|
import { InfoPopoverProps } from '../label';
|
|
3
3
|
import * as React from 'react';
|
|
4
|
-
export interface
|
|
5
|
-
children?: React.ReactNode;
|
|
4
|
+
export interface RadioGroupProps extends AriaRadioGroupProps {
|
|
6
5
|
/** Label for the RadioGroup */
|
|
7
6
|
label?: string;
|
|
8
7
|
/** Additional description rendered below the label */
|
|
@@ -13,8 +12,12 @@ export interface MVDSRadioGroupProps extends Omit<RadioGroupProps, 'children'> {
|
|
|
13
12
|
/** An assistive text that helps the user understand the field better. Will be hidden in a popover with an info icon button. */
|
|
14
13
|
popover?: InfoPopoverProps;
|
|
15
14
|
}
|
|
15
|
+
/**
|
|
16
|
+
* @deprecated since v17.0.0 please use `RadioGroupProps` instead
|
|
17
|
+
*/
|
|
18
|
+
export type MVDSRadioGroupProps = RadioGroupProps;
|
|
16
19
|
/**
|
|
17
20
|
* RadioGroup is used to group several radio items together
|
|
18
21
|
*/
|
|
19
|
-
export declare const RadioGroup: React.FC<
|
|
22
|
+
export declare const RadioGroup: React.FC<RadioGroupProps>;
|
|
20
23
|
export declare const Radio: ({ className, ...rest }: RadioProps) => import("react/jsx-runtime").JSX.Element;
|
package/radio/Radio.stories.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react-vite';
|
|
|
2
2
|
import { RadioGroup } from './Radio';
|
|
3
3
|
declare const _default: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: import('react').FC<import('./Radio').
|
|
5
|
+
component: import('react').FC<import('./Radio').RadioGroupProps>;
|
|
6
6
|
subcomponents: {
|
|
7
7
|
Radio: ({ className, ...rest }: import('react-aria-components').RadioProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
};
|
package/radio/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export
|
|
1
|
+
export * from './Radio';
|
package/radio/index.js
CHANGED
package/select/index.js
CHANGED
|
@@ -1,129 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx as n, jsxs as m } from "react/jsx-runtime";
|
|
3
|
-
import { c as _ } from "./clsx-AexbMWKp.js";
|
|
4
|
-
import { DisclosureGroup as v, Disclosure as x, DisclosurePanel as C } from "react-aria-components";
|
|
5
|
-
import { createContext as I, useContext as N, useEffect as B } from "react";
|
|
6
|
-
import { B as b } from "./Button-D22xOe8j.js";
|
|
7
|
-
import { H as k } from "./Heading-nfcRc2QF.js";
|
|
8
|
-
import { F as w } from "./FeedbackStatusIcon-X9Bjgeta.js";
|
|
9
|
-
import { C as A } from "./chevron-down-BBFYYzZq.js";
|
|
10
|
-
import '../assets/AccordionItem.css';const T = "_root_17bdp_1", D = "_contained_17bdp_5", a = {
|
|
11
|
-
root: T,
|
|
12
|
-
contained: D
|
|
13
|
-
}, d = I(void 0), et = ({
|
|
14
|
-
children: o,
|
|
15
|
-
className: s,
|
|
16
|
-
isContained: i,
|
|
17
|
-
size: c = "large",
|
|
18
|
-
...e
|
|
19
|
-
}) => /* @__PURE__ */ n(d.Provider, { value: { isContained: i, size: c }, children: /* @__PURE__ */ n(
|
|
20
|
-
v,
|
|
21
|
-
{
|
|
22
|
-
className: _(
|
|
23
|
-
a.root,
|
|
24
|
-
i ? a.contained : a.uncontained,
|
|
25
|
-
s
|
|
26
|
-
),
|
|
27
|
-
...e,
|
|
28
|
-
children: o
|
|
29
|
-
}
|
|
30
|
-
) }), M = "_item_1l4iy_1", j = "_contained_1l4iy_18", z = "_medium_1l4iy_28", F = "_success_1l4iy_33", H = "_warning_1l4iy_39", P = "_info_1l4iy_45", S = "_important_1l4iy_51", E = "_triggerButton_1l4iy_62", G = "_triggerText_1l4iy_66", R = "_trigger_1l4iy_62", W = "_triggerMainContent_1l4iy_77", $ = "_chevronIcon_1l4iy_94", q = "_statusIcon_1l4iy_100", J = "_panel_1l4iy_122", K = "_content_1l4iy_130", L = "_hasBackground_1l4iy_135", O = "_header_1l4iy_139", t = {
|
|
31
|
-
item: M,
|
|
32
|
-
contained: j,
|
|
33
|
-
medium: z,
|
|
34
|
-
success: F,
|
|
35
|
-
warning: H,
|
|
36
|
-
info: P,
|
|
37
|
-
important: S,
|
|
38
|
-
triggerButton: E,
|
|
39
|
-
triggerText: G,
|
|
40
|
-
trigger: R,
|
|
41
|
-
triggerMainContent: W,
|
|
42
|
-
" ": "_ _1l4iy_1",
|
|
43
|
-
chevronIcon: $,
|
|
44
|
-
statusIcon: q,
|
|
45
|
-
panel: J,
|
|
46
|
-
content: K,
|
|
47
|
-
hasBackground: L,
|
|
48
|
-
header: O
|
|
49
|
-
}, ot = ({
|
|
50
|
-
title: o,
|
|
51
|
-
children: s,
|
|
52
|
-
className: i,
|
|
53
|
-
headingLevel: c = "h2",
|
|
54
|
-
type: e,
|
|
55
|
-
hasBackground: g = !0,
|
|
56
|
-
size: u = "large",
|
|
57
|
-
isContained: h,
|
|
58
|
-
iconAriaLabel: y,
|
|
59
|
-
...f
|
|
60
|
-
}) => {
|
|
61
|
-
const l = N(d), r = h ?? l?.isContained ?? !1, p = typeof o == "object";
|
|
62
|
-
return B(() => {
|
|
63
|
-
e && !r && console.warn(
|
|
64
|
-
"AccordionItem: When 'type' is set, it is recommended to also set 'isContained' to true for visual consistency."
|
|
65
|
-
);
|
|
66
|
-
}, [e, r]), /* @__PURE__ */ m(
|
|
67
|
-
x,
|
|
68
|
-
{
|
|
69
|
-
...f,
|
|
70
|
-
className: _(
|
|
71
|
-
t.item,
|
|
72
|
-
e && t[e],
|
|
73
|
-
(u === "medium" || l?.size === "medium") && t.medium,
|
|
74
|
-
r && t.contained,
|
|
75
|
-
i
|
|
76
|
-
),
|
|
77
|
-
children: [
|
|
78
|
-
/* @__PURE__ */ n("div", { className: t.trigger, children: /* @__PURE__ */ m(
|
|
79
|
-
b,
|
|
80
|
-
{
|
|
81
|
-
className: t.triggerButton,
|
|
82
|
-
slot: "trigger",
|
|
83
|
-
variant: "icon",
|
|
84
|
-
children: [
|
|
85
|
-
/* @__PURE__ */ n(
|
|
86
|
-
A,
|
|
87
|
-
{
|
|
88
|
-
size: 20,
|
|
89
|
-
className: t.chevronIcon
|
|
90
|
-
}
|
|
91
|
-
),
|
|
92
|
-
/* @__PURE__ */ n("div", { className: t.triggerMainContent, children: p ? o : /* @__PURE__ */ n(
|
|
93
|
-
k,
|
|
94
|
-
{
|
|
95
|
-
level: 3,
|
|
96
|
-
elementType: c,
|
|
97
|
-
className: t.triggerText,
|
|
98
|
-
children: o
|
|
99
|
-
}
|
|
100
|
-
) }),
|
|
101
|
-
e && /* @__PURE__ */ n(
|
|
102
|
-
w,
|
|
103
|
-
{
|
|
104
|
-
"aria-label": y,
|
|
105
|
-
className: t.statusIcon,
|
|
106
|
-
status: e
|
|
107
|
-
}
|
|
108
|
-
)
|
|
109
|
-
]
|
|
110
|
-
}
|
|
111
|
-
) }),
|
|
112
|
-
/* @__PURE__ */ n(C, { className: t.panel, children: /* @__PURE__ */ n(
|
|
113
|
-
"div",
|
|
114
|
-
{
|
|
115
|
-
className: _(
|
|
116
|
-
t.content,
|
|
117
|
-
g && t.hasBackground
|
|
118
|
-
),
|
|
119
|
-
children: s
|
|
120
|
-
}
|
|
121
|
-
) })
|
|
122
|
-
]
|
|
123
|
-
}
|
|
124
|
-
);
|
|
125
|
-
};
|
|
126
|
-
export {
|
|
127
|
-
et as A,
|
|
128
|
-
ot as a
|
|
129
|
-
};
|
package/chunks/Radio-F1vaYCPS.js
DELETED
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx as r, jsxs as n } from "react/jsx-runtime";
|
|
3
|
-
import { Radio as u, RadioGroup as _, Group as f } from "react-aria-components";
|
|
4
|
-
import { c as p } from "./clsx-AexbMWKp.js";
|
|
5
|
-
import { a as G, L as R } from "./Label-BNQY5OnB.js";
|
|
6
|
-
import { T as h } from "./Text-D0r_W4lH.js";
|
|
7
|
-
import { F as t } from "./FieldError-krpMBtie.js";
|
|
8
|
-
import '../assets/Radio.css';const x = "_radioGroup_1ls9z_1", w = "_wrap_1ls9z_12", z = "_radio_1ls9z_1", s = {
|
|
9
|
-
radioGroup: x,
|
|
10
|
-
wrap: w,
|
|
11
|
-
radio: z
|
|
12
|
-
}, T = ({
|
|
13
|
-
label: o,
|
|
14
|
-
description: a,
|
|
15
|
-
errorMessage: i,
|
|
16
|
-
children: l,
|
|
17
|
-
className: c,
|
|
18
|
-
errorPosition: d = "top",
|
|
19
|
-
popover: e,
|
|
20
|
-
...m
|
|
21
|
-
}) => /* @__PURE__ */ n(
|
|
22
|
-
_,
|
|
23
|
-
{
|
|
24
|
-
...m,
|
|
25
|
-
className: p(s.radioGroup, c),
|
|
26
|
-
children: [
|
|
27
|
-
/* @__PURE__ */ r(G, { popover: e, children: o && /* @__PURE__ */ r(R, { children: o }) }),
|
|
28
|
-
a && /* @__PURE__ */ r(h, { slot: "description", children: a }),
|
|
29
|
-
d === "top" && /* @__PURE__ */ r(t, { "data-testid": "fieldError", children: i }),
|
|
30
|
-
/* @__PURE__ */ r(f, { className: s.wrap, children: l }),
|
|
31
|
-
d === "bottom" && /* @__PURE__ */ r(t, { "data-testid": "fieldError", children: i })
|
|
32
|
-
]
|
|
33
|
-
}
|
|
34
|
-
), $ = ({ className: o, ...a }) => /* @__PURE__ */ r(
|
|
35
|
-
u,
|
|
36
|
-
{
|
|
37
|
-
className: p(s.radio, o),
|
|
38
|
-
...a
|
|
39
|
-
}
|
|
40
|
-
);
|
|
41
|
-
export {
|
|
42
|
-
$ as R,
|
|
43
|
-
T as a
|
|
44
|
-
};
|