@midas-ds/components 16.4.1 โ 16.4.2
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
CHANGED
package/accordion/index.js
CHANGED
package/assets/AccordionItem.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._root_17bdp_1{--gap: .75rem;--heading-color: var(--midas-text-primary);font-family:var(--midas-typography-font-family);color:var(--midas-text-primary);width:100%;display:flex;flex-direction:column;gap:var(--gap)}._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:transparent}.
|
|
1
|
+
._root_17bdp_1{--gap: .75rem;--heading-color: var(--midas-text-primary);font-family:var(--midas-typography-font-family);color:var(--midas-text-primary);width:100%;display:flex;flex-direction:column;gap:var(--gap)}._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:transparent}._item_hpbxd_1{--item-padding: 0;--content-padding: var(--midas-spacing-30) var(--midas-spacing-50) var(--midas-spacing-50) 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_hpbxd_18{--gap: var(--midas-spacing-20);--item-padding: calc(var(--midas-spacing-40) - 2px) var(--midas-spacing-40);--content-padding: var(--midas-spacing-40) var(--midas-spacing-50) var(--midas-spacing-50) var(--midas-spacing-50);--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)}._contained_hpbxd_18._medium_hpbxd_28{--item-padding: calc(var(--midas-spacing-30) - 2px) var(--midas-spacing-40)}._success_hpbxd_33{--accordion-background: var(--midas-support-background-success);--accordion-background-hover: var(--midas-support-background-success-hover);--border-color: var(--midas-support-border-success)}._warning_hpbxd_39{--accordion-background: var(--midas-support-background-warning);--accordion-background-hover: var(--midas-support-background-warning-hover);--border-color: var(--midas-support-border-warning)}._info_hpbxd_45{--accordion-background: var(--midas-support-background-info);--accordion-background-hover: var(--midas-support-background-info-hover);--border-color: var(--midas-support-border-info)}._important_hpbxd_51{--accordion-background: var(--midas-support-background-important);--accordion-background-hover: var(--midas-support-background-important-hover);--border-color: var(--midas-support-border-important)}._item_hpbxd_1[data-disabled]{--border-color: var(--midas-border-color-disabled);--icon-color: var(--midas-text-disabled);--text-color: var(--midas-text-disabled)}._item_hpbxd_1[data-disabled] ._triggerButton_hpbxd_62{background:transparent}._item_hpbxd_1[data-disabled] ._triggerText_hpbxd_66{color:var(--midas-text-disabled)}._trigger_hpbxd_62{border:0;cursor:pointer;margin:0}._triggerMainContent_hpbxd_77{flex:1 0 0;text-align:left}._triggerText_hpbxd_66{margin:0;padding:0}:not(#_\ _hpbxd_1) ._triggerButton_hpbxd_62{width:100%;padding:var(--item-padding);align-items:flex-start;min-height:unset}._chevronIcon_hpbxd_94{transform:rotate(0);transition:transform var(--midas-transition-duration-normal) ease;padding:var(--midas-spacing-10) 0}._statusIcon_hpbxd_100{color:var(--icon-color);padding:var(--midas-spacing-10) 0}@media(forced-colors:active){._statusIcon_hpbxd_100{color:currentColor}}._triggerButton_hpbxd_62[aria-expanded=true] ._chevronIcon_hpbxd_94{transform:rotate(-180deg);transition:transform var(--midas-transition-duration-normal) ease}._triggerButton_hpbxd_62[data-hovered]{background-color:var(--accordion-background-hover)}._triggerButton_hpbxd_62[data-focus-visible]{box-shadow:var(--midas-state-focus-inset)}._panel_hpbxd_122{height:var(--disclosure-panel-height);transition:height var(--midas-transition-panel-collapse);overflow:clip}._content_hpbxd_130{height:auto;padding:var(--content-padding)}._hasBackground_hpbxd_135{background-color:var(--midas-background-base)}._header_hpbxd_139{margin:0}@media(prefers-reduced-motion){._chevronIcon_hpbxd_94,._triggerButton_hpbxd_62[aria-expanded=true] ._chevronIcon_hpbxd_94,._panel_hpbxd_122{transition:none}}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { c as
|
|
3
|
-
import { DisclosureGroup as
|
|
1
|
+
import { jsx as n, jsxs as m } from "react/jsx-runtime";
|
|
2
|
+
import { c as d } from "./clsx-AexbMWKp.js";
|
|
3
|
+
import { DisclosureGroup as f, Disclosure as v, DisclosurePanel as C } from "react-aria-components";
|
|
4
4
|
import { createContext as I, useContext as N, useEffect as B } from "react";
|
|
5
5
|
import { B as k } from "./Button-BYrLbzir.js";
|
|
6
6
|
import { H as w } from "./Heading-D8tNNJkt.js";
|
|
@@ -9,16 +9,16 @@ import { C as T } from "./chevron-down-DgT-uSF9.js";
|
|
|
9
9
|
import '../assets/AccordionItem.css';const D = "_root_17bdp_1", M = "_contained_17bdp_5", a = {
|
|
10
10
|
root: D,
|
|
11
11
|
contained: M
|
|
12
|
-
},
|
|
12
|
+
}, g = I(void 0), et = ({
|
|
13
13
|
children: o,
|
|
14
14
|
className: c,
|
|
15
15
|
isContained: s,
|
|
16
16
|
size: r = "large",
|
|
17
17
|
...e
|
|
18
|
-
}) => /* @__PURE__ */
|
|
19
|
-
|
|
18
|
+
}) => /* @__PURE__ */ n(g.Provider, { value: { isContained: s, size: r }, children: /* @__PURE__ */ n(
|
|
19
|
+
f,
|
|
20
20
|
{
|
|
21
|
-
className:
|
|
21
|
+
className: d(
|
|
22
22
|
a.root,
|
|
23
23
|
s ? a.contained : a.uncontained,
|
|
24
24
|
c
|
|
@@ -26,7 +26,7 @@ import '../assets/AccordionItem.css';const D = "_root_17bdp_1", M = "_contained_
|
|
|
26
26
|
...e,
|
|
27
27
|
children: o
|
|
28
28
|
}
|
|
29
|
-
) }), j = "
|
|
29
|
+
) }), j = "_item_hpbxd_1", z = "_contained_hpbxd_18", F = "_medium_hpbxd_28", H = "_success_hpbxd_33", P = "_warning_hpbxd_39", S = "_info_hpbxd_45", y = "_important_hpbxd_51", E = "_triggerButton_hpbxd_62", G = "_triggerText_hpbxd_66", R = "_trigger_hpbxd_62", W = "_triggerMainContent_hpbxd_77", $ = "_chevronIcon_hpbxd_94", q = "_statusIcon_hpbxd_100", J = "_panel_hpbxd_122", K = "_content_hpbxd_130", L = "_hasBackground_hpbxd_135", O = "_header_hpbxd_139", t = {
|
|
30
30
|
item: j,
|
|
31
31
|
contained: z,
|
|
32
32
|
medium: F,
|
|
@@ -38,82 +38,82 @@ import '../assets/AccordionItem.css';const D = "_root_17bdp_1", M = "_contained_
|
|
|
38
38
|
triggerText: G,
|
|
39
39
|
trigger: R,
|
|
40
40
|
triggerMainContent: W,
|
|
41
|
-
" ": "_
|
|
41
|
+
" ": "_ _hpbxd_1",
|
|
42
42
|
chevronIcon: $,
|
|
43
43
|
statusIcon: q,
|
|
44
44
|
panel: J,
|
|
45
45
|
content: K,
|
|
46
46
|
hasBackground: L,
|
|
47
47
|
header: O
|
|
48
|
-
},
|
|
48
|
+
}, ot = ({
|
|
49
49
|
title: o,
|
|
50
50
|
children: c,
|
|
51
51
|
className: s,
|
|
52
52
|
headingLevel: r = "h2",
|
|
53
53
|
type: e,
|
|
54
|
-
hasBackground:
|
|
55
|
-
size:
|
|
56
|
-
isContained:
|
|
57
|
-
iconAriaLabel:
|
|
58
|
-
...
|
|
54
|
+
hasBackground: l = !0,
|
|
55
|
+
size: h = "large",
|
|
56
|
+
isContained: u,
|
|
57
|
+
iconAriaLabel: p,
|
|
58
|
+
...x
|
|
59
59
|
}) => {
|
|
60
|
-
const
|
|
60
|
+
const _ = N(g), i = u ?? _?.isContained ?? !1, b = typeof o == "object";
|
|
61
61
|
return B(() => {
|
|
62
62
|
e && !i && console.warn(
|
|
63
63
|
"AccordionItem: When 'type' is set, it is recommended to also set 'isContained' to true for visual consistency."
|
|
64
64
|
);
|
|
65
|
-
}, [e, i]), /* @__PURE__ */
|
|
66
|
-
|
|
65
|
+
}, [e, i]), /* @__PURE__ */ m(
|
|
66
|
+
v,
|
|
67
67
|
{
|
|
68
|
-
...
|
|
69
|
-
className:
|
|
70
|
-
|
|
71
|
-
e &&
|
|
72
|
-
(
|
|
73
|
-
i &&
|
|
68
|
+
...x,
|
|
69
|
+
className: d(
|
|
70
|
+
t.item,
|
|
71
|
+
e && t[e],
|
|
72
|
+
(h === "medium" || _?.size === "medium") && t.medium,
|
|
73
|
+
i && t.contained,
|
|
74
74
|
s
|
|
75
75
|
),
|
|
76
76
|
children: [
|
|
77
|
-
/* @__PURE__ */
|
|
77
|
+
/* @__PURE__ */ n("div", { className: t.trigger, children: /* @__PURE__ */ m(
|
|
78
78
|
k,
|
|
79
79
|
{
|
|
80
|
-
className:
|
|
80
|
+
className: t.triggerButton,
|
|
81
81
|
slot: "trigger",
|
|
82
82
|
variant: "icon",
|
|
83
83
|
children: [
|
|
84
|
-
/* @__PURE__ */
|
|
84
|
+
/* @__PURE__ */ n(
|
|
85
85
|
T,
|
|
86
86
|
{
|
|
87
87
|
size: 20,
|
|
88
|
-
className:
|
|
88
|
+
className: t.chevronIcon
|
|
89
89
|
}
|
|
90
90
|
),
|
|
91
|
-
/* @__PURE__ */
|
|
91
|
+
/* @__PURE__ */ n("div", { className: t.triggerMainContent, children: b ? o : /* @__PURE__ */ n(
|
|
92
92
|
w,
|
|
93
93
|
{
|
|
94
94
|
level: 3,
|
|
95
95
|
elementType: r,
|
|
96
|
-
className:
|
|
96
|
+
className: t.triggerText,
|
|
97
97
|
children: o
|
|
98
98
|
}
|
|
99
99
|
) }),
|
|
100
|
-
e && /* @__PURE__ */
|
|
100
|
+
e && /* @__PURE__ */ n(
|
|
101
101
|
A,
|
|
102
102
|
{
|
|
103
|
-
"aria-label":
|
|
104
|
-
className:
|
|
103
|
+
"aria-label": p,
|
|
104
|
+
className: t.statusIcon,
|
|
105
105
|
status: e
|
|
106
106
|
}
|
|
107
107
|
)
|
|
108
108
|
]
|
|
109
109
|
}
|
|
110
110
|
) }),
|
|
111
|
-
/* @__PURE__ */
|
|
111
|
+
/* @__PURE__ */ n(C, { className: t.panel, children: /* @__PURE__ */ n(
|
|
112
112
|
"div",
|
|
113
113
|
{
|
|
114
|
-
className:
|
|
115
|
-
|
|
116
|
-
|
|
114
|
+
className: d(
|
|
115
|
+
t.content,
|
|
116
|
+
l && t.hasBackground
|
|
117
117
|
),
|
|
118
118
|
children: c
|
|
119
119
|
}
|
|
@@ -123,6 +123,6 @@ import '../assets/AccordionItem.css';const D = "_root_17bdp_1", M = "_contained_
|
|
|
123
123
|
);
|
|
124
124
|
};
|
|
125
125
|
export {
|
|
126
|
-
|
|
127
|
-
|
|
126
|
+
ot as A,
|
|
127
|
+
et as a
|
|
128
128
|
};
|
package/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { a as r, A as e } from "./chunks/AccordionItem-
|
|
1
|
+
import { a as r, A as e } from "./chunks/AccordionItem-Cu5L1c1h.js";
|
|
2
2
|
import { B as s, a as p } from "./chunks/BadgeContainer-CKVsfTlF.js";
|
|
3
3
|
import { B as m } from "./chunks/Breadcrumbs-By2bMbQd.js";
|
|
4
4
|
import { B as f } from "./chunks/Button-BYrLbzir.js";
|
package/package.json
CHANGED