@fragments-sdk/ui 0.16.1 → 0.17.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.
- package/dist/assets/ui.css +2021 -1606
- package/dist/components/Accordion/Accordion.module.scss.cjs +8 -8
- package/dist/components/Accordion/Accordion.module.scss.js +8 -8
- package/dist/components/Alert/Alert.module.scss.cjs +12 -12
- package/dist/components/Alert/Alert.module.scss.js +12 -12
- package/dist/components/Alert/index.cjs +2 -1
- package/dist/components/Alert/index.d.ts.map +1 -1
- package/dist/components/Alert/index.js +2 -1
- package/dist/components/Avatar/index.cjs +12 -4
- package/dist/components/Avatar/index.d.ts.map +1 -1
- package/dist/components/Avatar/index.js +12 -4
- package/dist/components/Badge/Badge.module.scss.cjs +13 -13
- package/dist/components/Badge/Badge.module.scss.js +13 -13
- package/dist/components/Button/Button.module.scss.cjs +11 -11
- package/dist/components/Button/Button.module.scss.js +11 -11
- package/dist/components/Button/index.cjs +51 -4
- package/dist/components/Button/index.d.ts.map +1 -1
- package/dist/components/Button/index.js +51 -4
- package/dist/components/Card/Card.module.scss.cjs +14 -14
- package/dist/components/Card/Card.module.scss.js +14 -14
- package/dist/components/Card/index.cjs +35 -2
- package/dist/components/Card/index.d.ts.map +1 -1
- package/dist/components/Card/index.js +35 -2
- package/dist/components/Checkbox/Checkbox.module.scss.cjs +10 -10
- package/dist/components/Checkbox/Checkbox.module.scss.js +10 -10
- package/dist/components/Chip/Chip.module.scss.cjs +15 -15
- package/dist/components/Chip/Chip.module.scss.js +15 -15
- package/dist/components/CodeBlock/CodeBlock.module.scss.cjs +21 -21
- package/dist/components/CodeBlock/CodeBlock.module.scss.js +21 -21
- package/dist/components/Collapsible/Collapsible.module.scss.cjs +10 -10
- package/dist/components/Collapsible/Collapsible.module.scss.js +10 -10
- package/dist/components/ColorPicker/ColorPicker.module.scss.cjs +14 -14
- package/dist/components/ColorPicker/ColorPicker.module.scss.js +14 -14
- package/dist/components/Combobox/Combobox.module.scss.cjs +24 -24
- package/dist/components/Combobox/Combobox.module.scss.js +24 -24
- package/dist/components/DataTable/DataTable.module.scss.cjs +26 -26
- package/dist/components/DataTable/DataTable.module.scss.js +26 -26
- package/dist/components/DatePicker/DatePicker.module.scss.cjs +31 -31
- package/dist/components/DatePicker/DatePicker.module.scss.js +31 -31
- package/dist/components/Dialog/Dialog.module.scss.cjs +14 -14
- package/dist/components/Dialog/Dialog.module.scss.js +14 -14
- package/dist/components/Drawer/Drawer.module.scss.cjs +26 -26
- package/dist/components/Drawer/Drawer.module.scss.js +26 -26
- package/dist/components/Editor/Editor.module.scss.cjs +17 -17
- package/dist/components/Editor/Editor.module.scss.js +17 -17
- package/dist/components/Fieldset/Fieldset.module.scss.cjs +6 -3
- package/dist/components/Fieldset/Fieldset.module.scss.js +6 -3
- package/dist/components/Fieldset/index.cjs +7 -1
- package/dist/components/Fieldset/index.d.ts +6 -1
- package/dist/components/Fieldset/index.d.ts.map +1 -1
- package/dist/components/Fieldset/index.js +7 -1
- package/dist/components/Header/Header.module.scss.cjs +42 -21
- package/dist/components/Header/Header.module.scss.js +42 -21
- package/dist/components/Header/index.cjs +121 -3
- package/dist/components/Header/index.d.ts +26 -3
- package/dist/components/Header/index.d.ts.map +1 -1
- package/dist/components/Header/index.js +122 -4
- package/dist/components/Input/Input.module.scss.cjs +27 -15
- package/dist/components/Input/Input.module.scss.js +27 -15
- package/dist/components/Input/index.cjs +20 -7
- package/dist/components/Input/index.d.ts +8 -2
- package/dist/components/Input/index.d.ts.map +1 -1
- package/dist/components/Input/index.js +20 -7
- package/dist/components/Link/Link.module.scss.cjs +10 -10
- package/dist/components/Link/Link.module.scss.js +10 -10
- package/dist/components/Listbox/Listbox.module.scss.cjs +8 -8
- package/dist/components/Listbox/Listbox.module.scss.js +8 -8
- package/dist/components/NavigationMenu/NavigationMenu.module.scss.cjs +28 -28
- package/dist/components/NavigationMenu/NavigationMenu.module.scss.js +28 -28
- package/dist/components/Pagination/Pagination.module.scss.cjs +7 -7
- package/dist/components/Pagination/Pagination.module.scss.js +7 -7
- package/dist/components/Popover/Popover.module.scss.cjs +10 -10
- package/dist/components/Popover/Popover.module.scss.js +10 -10
- package/dist/components/Prompt/Prompt.module.scss.cjs +14 -14
- package/dist/components/Prompt/Prompt.module.scss.js +14 -14
- package/dist/components/RadioGroup/RadioGroup.module.scss.cjs +16 -16
- package/dist/components/RadioGroup/RadioGroup.module.scss.js +16 -16
- package/dist/components/Select/Select.module.scss.cjs +17 -17
- package/dist/components/Select/Select.module.scss.js +17 -17
- package/dist/components/Sidebar/Sidebar.module.scss.cjs +42 -42
- package/dist/components/Sidebar/Sidebar.module.scss.js +42 -42
- package/dist/components/Slider/Slider.module.scss.cjs +12 -12
- package/dist/components/Slider/Slider.module.scss.js +12 -12
- package/dist/components/Tabs/Tabs.module.scss.cjs +9 -9
- package/dist/components/Tabs/Tabs.module.scss.js +9 -9
- package/dist/components/Textarea/Textarea.module.scss.cjs +34 -19
- package/dist/components/Textarea/Textarea.module.scss.js +34 -19
- package/dist/components/Textarea/index.cjs +36 -6
- package/dist/components/Textarea/index.d.ts +6 -2
- package/dist/components/Textarea/index.d.ts.map +1 -1
- package/dist/components/Textarea/index.js +36 -6
- package/dist/components/Theme/ThemeToggle.module.scss.cjs +6 -6
- package/dist/components/Theme/ThemeToggle.module.scss.js +6 -6
- package/dist/components/Toast/Toast.module.scss.cjs +22 -22
- package/dist/components/Toast/Toast.module.scss.js +22 -22
- package/dist/components/Toggle/Toggle.module.scss.cjs +13 -13
- package/dist/components/Toggle/Toggle.module.scss.js +13 -13
- package/dist/components/Toggle/index.cjs +7 -3
- package/dist/components/Toggle/index.d.ts.map +1 -1
- package/dist/components/Toggle/index.js +7 -3
- package/dist/components/ToggleGroup/ToggleGroup.module.scss.cjs +17 -17
- package/dist/components/ToggleGroup/ToggleGroup.module.scss.js +17 -17
- package/dist/index.d.ts +2 -2
- package/dist/index.d.ts.map +1 -1
- package/fragments.json +1 -1
- package/package.json +1 -1
- package/src/components/Alert/Alert.module.scss +8 -8
- package/src/components/Alert/index.tsx +2 -1
- package/src/components/Avatar/index.tsx +6 -2
- package/src/components/Badge/Badge.module.scss +17 -11
- package/src/components/Button/Button.module.scss +6 -5
- package/src/components/Button/index.tsx +60 -4
- package/src/components/Card/index.tsx +48 -3
- package/src/components/Checkbox/Checkbox.module.scss +16 -9
- package/src/components/ColorPicker/ColorPicker.module.scss +5 -13
- package/src/components/Combobox/Combobox.module.scss +30 -25
- package/src/components/DatePicker/DatePicker.module.scss +18 -28
- package/src/components/Editor/Editor.module.scss +23 -15
- package/src/components/Fieldset/Fieldset.module.scss +12 -6
- package/src/components/Fieldset/index.tsx +11 -1
- package/src/components/Header/Header.module.scss +99 -0
- package/src/components/Header/index.tsx +191 -10
- package/src/components/Input/Input.module.scss +97 -26
- package/src/components/Input/index.tsx +31 -12
- package/src/components/Listbox/Listbox.module.scss +9 -2
- package/src/components/RadioGroup/RadioGroup.module.scss +8 -6
- package/src/components/Select/Select.module.scss +10 -24
- package/src/components/Sidebar/Sidebar.module.scss +6 -4
- package/src/components/Slider/Slider.module.scss +12 -22
- package/src/components/Textarea/Textarea.module.scss +49 -18
- package/src/components/Textarea/index.tsx +43 -12
- package/src/components/Toast/Toast.module.scss +48 -8
- package/src/components/Toggle/Toggle.module.scss +21 -35
- package/src/components/Toggle/index.tsx +11 -3
- package/src/components/ToggleGroup/ToggleGroup.module.scss +23 -19
- package/src/index.ts +2 -0
- package/src/styles/globals.scss +4 -1
- package/src/tokens/_mixins.scss +57 -4
- package/src/tokens/_variables.scss +20 -1
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const accordion = "
|
|
4
|
-
const item = "
|
|
5
|
-
const heading = "
|
|
6
|
-
const trigger = "
|
|
7
|
-
const triggerContent = "
|
|
8
|
-
const chevron = "
|
|
9
|
-
const content = "
|
|
10
|
-
const contentInner = "
|
|
3
|
+
const accordion = "_accordion_oog7h_1";
|
|
4
|
+
const item = "_item_oog7h_12";
|
|
5
|
+
const heading = "_heading_oog7h_17";
|
|
6
|
+
const trigger = "_trigger_oog7h_23";
|
|
7
|
+
const triggerContent = "_triggerContent_oog7h_67";
|
|
8
|
+
const chevron = "_chevron_oog7h_71";
|
|
9
|
+
const content = "_content_oog7h_80";
|
|
10
|
+
const contentInner = "_contentInner_oog7h_93";
|
|
11
11
|
const styles = {
|
|
12
12
|
accordion,
|
|
13
13
|
item,
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
const accordion = "
|
|
2
|
-
const item = "
|
|
3
|
-
const heading = "
|
|
4
|
-
const trigger = "
|
|
5
|
-
const triggerContent = "
|
|
6
|
-
const chevron = "
|
|
7
|
-
const content = "
|
|
8
|
-
const contentInner = "
|
|
1
|
+
const accordion = "_accordion_oog7h_1";
|
|
2
|
+
const item = "_item_oog7h_12";
|
|
3
|
+
const heading = "_heading_oog7h_17";
|
|
4
|
+
const trigger = "_trigger_oog7h_23";
|
|
5
|
+
const triggerContent = "_triggerContent_oog7h_67";
|
|
6
|
+
const chevron = "_chevron_oog7h_71";
|
|
7
|
+
const content = "_content_oog7h_80";
|
|
8
|
+
const contentInner = "_contentInner_oog7h_93";
|
|
9
9
|
const styles = {
|
|
10
10
|
accordion,
|
|
11
11
|
item,
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const alert = "
|
|
4
|
-
const info = "
|
|
5
|
-
const success = "
|
|
6
|
-
const warning = "
|
|
7
|
-
const error = "
|
|
8
|
-
const icon = "
|
|
9
|
-
const body = "
|
|
10
|
-
const title = "
|
|
11
|
-
const content = "
|
|
12
|
-
const actions = "
|
|
13
|
-
const close = "
|
|
14
|
-
const action = "
|
|
3
|
+
const alert = "_alert_1hv7q_1";
|
|
4
|
+
const info = "_info_1hv7q_12";
|
|
5
|
+
const success = "_success_1hv7q_18";
|
|
6
|
+
const warning = "_warning_1hv7q_24";
|
|
7
|
+
const error = "_error_1hv7q_30";
|
|
8
|
+
const icon = "_icon_1hv7q_36";
|
|
9
|
+
const body = "_body_1hv7q_66";
|
|
10
|
+
const title = "_title_1hv7q_71";
|
|
11
|
+
const content = "_content_1hv7q_76";
|
|
12
|
+
const actions = "_actions_1hv7q_80";
|
|
13
|
+
const close = "_close_1hv7q_86";
|
|
14
|
+
const action = "_action_1hv7q_80";
|
|
15
15
|
const styles = {
|
|
16
16
|
alert,
|
|
17
17
|
info,
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
const alert = "
|
|
2
|
-
const info = "
|
|
3
|
-
const success = "
|
|
4
|
-
const warning = "
|
|
5
|
-
const error = "
|
|
6
|
-
const icon = "
|
|
7
|
-
const body = "
|
|
8
|
-
const title = "
|
|
9
|
-
const content = "
|
|
10
|
-
const actions = "
|
|
11
|
-
const close = "
|
|
12
|
-
const action = "
|
|
1
|
+
const alert = "_alert_1hv7q_1";
|
|
2
|
+
const info = "_info_1hv7q_12";
|
|
3
|
+
const success = "_success_1hv7q_18";
|
|
4
|
+
const warning = "_warning_1hv7q_24";
|
|
5
|
+
const error = "_error_1hv7q_30";
|
|
6
|
+
const icon = "_icon_1hv7q_36";
|
|
7
|
+
const body = "_body_1hv7q_66";
|
|
8
|
+
const title = "_title_1hv7q_71";
|
|
9
|
+
const content = "_content_1hv7q_76";
|
|
10
|
+
const actions = "_actions_1hv7q_80";
|
|
11
|
+
const close = "_close_1hv7q_86";
|
|
12
|
+
const action = "_action_1hv7q_80";
|
|
13
13
|
const styles = {
|
|
14
14
|
alert,
|
|
15
15
|
info,
|
|
@@ -56,6 +56,7 @@ function AlertRoot({
|
|
|
56
56
|
}, []);
|
|
57
57
|
if (dismissed) return null;
|
|
58
58
|
const classes = [Alert_module.default.alert, Alert_module.default[severity], className].filter(Boolean).join(" ");
|
|
59
|
+
const role = severity === "warning" || severity === "error" ? "alert" : "status";
|
|
59
60
|
const contextValue = {
|
|
60
61
|
severity,
|
|
61
62
|
titleId,
|
|
@@ -66,7 +67,7 @@ function AlertRoot({
|
|
|
66
67
|
"div",
|
|
67
68
|
{
|
|
68
69
|
...htmlProps,
|
|
69
|
-
role
|
|
70
|
+
role,
|
|
70
71
|
"aria-labelledby": titleId,
|
|
71
72
|
"aria-describedby": descId,
|
|
72
73
|
className: classes,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAErE;;;GAGG;AACH,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;iEAE6D;IAC7D,QAAQ,CAAC,EAAE,aAAa,CAAC;CAC1B;AAED,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC3E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,SAAS,CAAC;IACtG,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CACtD;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACtG,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAMD,UAAU,iBAAiB;IACzB,QAAQ,EAAE,aAAa,CAAC;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAID,iBAAS,eAAe,sBAMvB;AA4BD,iBAAS,SAAS,CAAC,EACjB,QAAQ,EACR,QAAiB,EACjB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,UAAU,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -37,6 +37,7 @@ function AlertRoot({
|
|
|
37
37
|
}, []);
|
|
38
38
|
if (dismissed) return null;
|
|
39
39
|
const classes = [styles.alert, styles[severity], className].filter(Boolean).join(" ");
|
|
40
|
+
const role = severity === "warning" || severity === "error" ? "alert" : "status";
|
|
40
41
|
const contextValue = {
|
|
41
42
|
severity,
|
|
42
43
|
titleId,
|
|
@@ -47,7 +48,7 @@ function AlertRoot({
|
|
|
47
48
|
"div",
|
|
48
49
|
{
|
|
49
50
|
...htmlProps,
|
|
50
|
-
role
|
|
51
|
+
role,
|
|
51
52
|
"aria-labelledby": titleId,
|
|
52
53
|
"aria-describedby": descId,
|
|
53
54
|
className: classes,
|
|
@@ -191,10 +191,18 @@ function AvatarGroup({
|
|
|
191
191
|
}
|
|
192
192
|
return child;
|
|
193
193
|
}),
|
|
194
|
-
overflowCount > 0 && /* @__PURE__ */ jsxRuntime.jsx(
|
|
195
|
-
"
|
|
196
|
-
|
|
197
|
-
|
|
194
|
+
overflowCount > 0 && /* @__PURE__ */ jsxRuntime.jsx(
|
|
195
|
+
"div",
|
|
196
|
+
{
|
|
197
|
+
className: [Avatar_module.default.avatar, Avatar_module.default[size], Avatar_module.default.overflow].join(" "),
|
|
198
|
+
role: "img",
|
|
199
|
+
"aria-label": `${overflowCount} more ${overflowCount === 1 ? "person" : "people"}`,
|
|
200
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: Avatar_module.default.initials, "aria-hidden": "true", children: [
|
|
201
|
+
"+",
|
|
202
|
+
overflowCount
|
|
203
|
+
] })
|
|
204
|
+
}
|
|
205
|
+
)
|
|
198
206
|
] });
|
|
199
207
|
}
|
|
200
208
|
const Avatar = Object.assign(AvatarBase, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1D;;;GAGG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACtF,uBAAuB;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,6BAA6B;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mBAAmB;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,uDAAuD;IACvD,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,oBAAoB;IACpB,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC5B,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,sDAAsD;IACtD,UAAU,CAAC,EAAE,IAAI,CACf,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EACzC,KAAK,GAAG,KAAK,GAAG,WAAW,GAAG,OAAO,CACtC,CAAC;CACH;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,2CAA2C;IAC3C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,wCAAwC;IACxC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,mCAAmC;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AA2KD,iBAAS,WAAW,CAAC,EACnB,GAAG,EACH,IAAW,EACX,QAAQ,EACR,SAAS,EACT,GAAG,SAAS,EACb,EAAE,gBAAgB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1D;;;GAGG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACtF,uBAAuB;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,6BAA6B;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mBAAmB;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,uDAAuD;IACvD,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,oBAAoB;IACpB,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC5B,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,sDAAsD;IACtD,UAAU,CAAC,EAAE,IAAI,CACf,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EACzC,KAAK,GAAG,KAAK,GAAG,WAAW,GAAG,OAAO,CACtC,CAAC;CACH;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,2CAA2C;IAC3C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,wCAAwC;IACxC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,mCAAmC;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AA2KD,iBAAS,WAAW,CAAC,EACnB,GAAG,EACH,IAAW,EACX,QAAQ,EACR,SAAS,EACT,GAAG,SAAS,EACb,EAAE,gBAAgB,2CA8BlB;AAMD,eAAO,MAAM,MAAM;;CAEjB,CAAC"}
|
|
@@ -172,10 +172,18 @@ function AvatarGroup({
|
|
|
172
172
|
}
|
|
173
173
|
return child;
|
|
174
174
|
}),
|
|
175
|
-
overflowCount > 0 && /* @__PURE__ */ jsx(
|
|
176
|
-
"
|
|
177
|
-
|
|
178
|
-
|
|
175
|
+
overflowCount > 0 && /* @__PURE__ */ jsx(
|
|
176
|
+
"div",
|
|
177
|
+
{
|
|
178
|
+
className: [styles.avatar, styles[size], styles.overflow].join(" "),
|
|
179
|
+
role: "img",
|
|
180
|
+
"aria-label": `${overflowCount} more ${overflowCount === 1 ? "person" : "people"}`,
|
|
181
|
+
children: /* @__PURE__ */ jsxs("span", { className: styles.initials, "aria-hidden": "true", children: [
|
|
182
|
+
"+",
|
|
183
|
+
overflowCount
|
|
184
|
+
] })
|
|
185
|
+
}
|
|
186
|
+
)
|
|
179
187
|
] });
|
|
180
188
|
}
|
|
181
189
|
const Avatar = Object.assign(AvatarBase, {
|
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const badge = "
|
|
4
|
-
const sm = "
|
|
5
|
-
const md = "
|
|
6
|
-
const lg = "
|
|
7
|
-
const success = "
|
|
8
|
-
const warning = "
|
|
9
|
-
const error = "
|
|
10
|
-
const info = "
|
|
11
|
-
const outline = "
|
|
12
|
-
const dot = "
|
|
13
|
-
const icon = "
|
|
14
|
-
const remove = "
|
|
3
|
+
const badge = "_badge_br9gx_1";
|
|
4
|
+
const sm = "_sm_br9gx_13";
|
|
5
|
+
const md = "_md_br9gx_18";
|
|
6
|
+
const lg = "_lg_br9gx_23";
|
|
7
|
+
const success = "_success_br9gx_33";
|
|
8
|
+
const warning = "_warning_br9gx_39";
|
|
9
|
+
const error = "_error_br9gx_45";
|
|
10
|
+
const info = "_info_br9gx_51";
|
|
11
|
+
const outline = "_outline_br9gx_57";
|
|
12
|
+
const dot = "_dot_br9gx_63";
|
|
13
|
+
const icon = "_icon_br9gx_74";
|
|
14
|
+
const remove = "_remove_br9gx_79";
|
|
15
15
|
const styles = {
|
|
16
16
|
badge,
|
|
17
17
|
sm,
|
|
18
18
|
md,
|
|
19
19
|
lg,
|
|
20
|
-
"default": "
|
|
20
|
+
"default": "_default_br9gx_28",
|
|
21
21
|
success,
|
|
22
22
|
warning,
|
|
23
23
|
error,
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
const badge = "
|
|
2
|
-
const sm = "
|
|
3
|
-
const md = "
|
|
4
|
-
const lg = "
|
|
5
|
-
const success = "
|
|
6
|
-
const warning = "
|
|
7
|
-
const error = "
|
|
8
|
-
const info = "
|
|
9
|
-
const outline = "
|
|
10
|
-
const dot = "
|
|
11
|
-
const icon = "
|
|
12
|
-
const remove = "
|
|
1
|
+
const badge = "_badge_br9gx_1";
|
|
2
|
+
const sm = "_sm_br9gx_13";
|
|
3
|
+
const md = "_md_br9gx_18";
|
|
4
|
+
const lg = "_lg_br9gx_23";
|
|
5
|
+
const success = "_success_br9gx_33";
|
|
6
|
+
const warning = "_warning_br9gx_39";
|
|
7
|
+
const error = "_error_br9gx_45";
|
|
8
|
+
const info = "_info_br9gx_51";
|
|
9
|
+
const outline = "_outline_br9gx_57";
|
|
10
|
+
const dot = "_dot_br9gx_63";
|
|
11
|
+
const icon = "_icon_br9gx_74";
|
|
12
|
+
const remove = "_remove_br9gx_79";
|
|
13
13
|
const styles = {
|
|
14
14
|
badge,
|
|
15
15
|
sm,
|
|
16
16
|
md,
|
|
17
17
|
lg,
|
|
18
|
-
"default": "
|
|
18
|
+
"default": "_default_br9gx_28",
|
|
19
19
|
success,
|
|
20
20
|
warning,
|
|
21
21
|
error,
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const button = "
|
|
4
|
-
const sm = "
|
|
5
|
-
const md = "
|
|
6
|
-
const lg = "
|
|
7
|
-
const primary = "
|
|
8
|
-
const secondary = "
|
|
9
|
-
const ghost = "
|
|
10
|
-
const danger = "
|
|
11
|
-
const outlined = "
|
|
12
|
-
const icon = "
|
|
13
|
-
const fullWidth = "
|
|
3
|
+
const button = "_button_so5u9_1";
|
|
4
|
+
const sm = "_sm_so5u9_42";
|
|
5
|
+
const md = "_md_so5u9_48";
|
|
6
|
+
const lg = "_lg_so5u9_54";
|
|
7
|
+
const primary = "_primary_so5u9_60";
|
|
8
|
+
const secondary = "_secondary_so5u9_72";
|
|
9
|
+
const ghost = "_ghost_so5u9_84";
|
|
10
|
+
const danger = "_danger_so5u9_96";
|
|
11
|
+
const outlined = "_outlined_so5u9_109";
|
|
12
|
+
const icon = "_icon_so5u9_121";
|
|
13
|
+
const fullWidth = "_fullWidth_so5u9_135";
|
|
14
14
|
const styles = {
|
|
15
15
|
button,
|
|
16
16
|
sm,
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
const button = "
|
|
2
|
-
const sm = "
|
|
3
|
-
const md = "
|
|
4
|
-
const lg = "
|
|
5
|
-
const primary = "
|
|
6
|
-
const secondary = "
|
|
7
|
-
const ghost = "
|
|
8
|
-
const danger = "
|
|
9
|
-
const outlined = "
|
|
10
|
-
const icon = "
|
|
11
|
-
const fullWidth = "
|
|
1
|
+
const button = "_button_so5u9_1";
|
|
2
|
+
const sm = "_sm_so5u9_42";
|
|
3
|
+
const md = "_md_so5u9_48";
|
|
4
|
+
const lg = "_lg_so5u9_54";
|
|
5
|
+
const primary = "_primary_so5u9_60";
|
|
6
|
+
const secondary = "_secondary_so5u9_72";
|
|
7
|
+
const ghost = "_ghost_so5u9_84";
|
|
8
|
+
const danger = "_danger_so5u9_96";
|
|
9
|
+
const outlined = "_outlined_so5u9_109";
|
|
10
|
+
const icon = "_icon_so5u9_121";
|
|
11
|
+
const fullWidth = "_fullWidth_so5u9_135";
|
|
12
12
|
const styles = {
|
|
13
13
|
button,
|
|
14
14
|
sm,
|
|
@@ -21,6 +21,14 @@ function _interopNamespaceDefault(e) {
|
|
|
21
21
|
return Object.freeze(n);
|
|
22
22
|
}
|
|
23
23
|
const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
|
|
24
|
+
function composeEventHandlers(childHandler, parentHandler) {
|
|
25
|
+
if (!childHandler) return parentHandler;
|
|
26
|
+
if (!parentHandler) return childHandler;
|
|
27
|
+
return ((...args) => {
|
|
28
|
+
childHandler(...args);
|
|
29
|
+
parentHandler(...args);
|
|
30
|
+
});
|
|
31
|
+
}
|
|
24
32
|
const ButtonRoot = React__namespace.forwardRef(function Button2(props, ref) {
|
|
25
33
|
const {
|
|
26
34
|
children,
|
|
@@ -43,12 +51,51 @@ const ButtonRoot = React__namespace.forwardRef(function Button2(props, ref) {
|
|
|
43
51
|
className
|
|
44
52
|
].filter(Boolean).join(" ");
|
|
45
53
|
if (asChild && React__namespace.isValidElement(children)) {
|
|
46
|
-
const {
|
|
47
|
-
|
|
54
|
+
const {
|
|
55
|
+
as: _as2,
|
|
56
|
+
disabled,
|
|
57
|
+
style,
|
|
58
|
+
onClick,
|
|
59
|
+
onKeyDown,
|
|
60
|
+
...childProps
|
|
61
|
+
} = rest;
|
|
62
|
+
const childElement = children;
|
|
63
|
+
const childElementProps = childElement.props;
|
|
64
|
+
const isIntrinsicButton = typeof childElement.type === "string" && childElement.type === "button";
|
|
65
|
+
const isDisabled = Boolean(disabled);
|
|
66
|
+
const mergedProps = {
|
|
48
67
|
...childProps,
|
|
49
|
-
className: [classNames,
|
|
68
|
+
className: [classNames, childElementProps.className].filter(Boolean).join(" "),
|
|
69
|
+
style: { ...style, ...childElementProps.style },
|
|
50
70
|
ref
|
|
51
|
-
}
|
|
71
|
+
};
|
|
72
|
+
if (isIntrinsicButton) {
|
|
73
|
+
mergedProps.disabled = isDisabled;
|
|
74
|
+
} else if (isDisabled) {
|
|
75
|
+
mergedProps["aria-disabled"] = true;
|
|
76
|
+
mergedProps["data-disabled"] = "";
|
|
77
|
+
mergedProps.tabIndex = -1;
|
|
78
|
+
mergedProps.onClick = (event) => {
|
|
79
|
+
event.preventDefault();
|
|
80
|
+
event.stopPropagation();
|
|
81
|
+
};
|
|
82
|
+
mergedProps.onKeyDown = (event) => {
|
|
83
|
+
if (event.key === "Enter" || event.key === " ") {
|
|
84
|
+
event.preventDefault();
|
|
85
|
+
event.stopPropagation();
|
|
86
|
+
}
|
|
87
|
+
};
|
|
88
|
+
} else {
|
|
89
|
+
mergedProps.onClick = composeEventHandlers(
|
|
90
|
+
childElementProps.onClick,
|
|
91
|
+
onClick
|
|
92
|
+
);
|
|
93
|
+
mergedProps.onKeyDown = composeEventHandlers(
|
|
94
|
+
childElementProps.onKeyDown,
|
|
95
|
+
onKeyDown
|
|
96
|
+
);
|
|
97
|
+
}
|
|
98
|
+
return React__namespace.cloneElement(childElement, mergedProps);
|
|
52
99
|
}
|
|
53
100
|
if (props.as === "a") {
|
|
54
101
|
const { as: _as2, ...anchorProps } = rest;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B;;;GAGG;AACH,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;kEAE8D;IAC9D,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC;IACzF;;+DAE2D;IAC3D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,sHAAsH;IACtH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,0CAA0C;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;iEAC6D;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAGF,MAAM,WAAW,mBACf,SAAQ,eAAe,EACrB,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACjE,EAAE,CAAC,EAAE,QAAQ,CAAC;CACf;AAGD,MAAM,WAAW,mBACf,SAAQ,eAAe,EACrB,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACjE,EAAE,EAAE,GAAG,CAAC;CACT;AAED,MAAM,MAAM,WAAW,GAAG,mBAAmB,GAAG,mBAAmB,CAAC;AA0HpE,eAAO,MAAM,MAAM;;CAEjB,CAAC"}
|
|
@@ -2,6 +2,14 @@ import { jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import { Button as Button$1 } from "@base-ui/react/button";
|
|
4
4
|
import styles from "./Button.module.scss.js";
|
|
5
|
+
function composeEventHandlers(childHandler, parentHandler) {
|
|
6
|
+
if (!childHandler) return parentHandler;
|
|
7
|
+
if (!parentHandler) return childHandler;
|
|
8
|
+
return ((...args) => {
|
|
9
|
+
childHandler(...args);
|
|
10
|
+
parentHandler(...args);
|
|
11
|
+
});
|
|
12
|
+
}
|
|
5
13
|
const ButtonRoot = React.forwardRef(function Button2(props, ref) {
|
|
6
14
|
const {
|
|
7
15
|
children,
|
|
@@ -24,12 +32,51 @@ const ButtonRoot = React.forwardRef(function Button2(props, ref) {
|
|
|
24
32
|
className
|
|
25
33
|
].filter(Boolean).join(" ");
|
|
26
34
|
if (asChild && React.isValidElement(children)) {
|
|
27
|
-
const {
|
|
28
|
-
|
|
35
|
+
const {
|
|
36
|
+
as: _as2,
|
|
37
|
+
disabled,
|
|
38
|
+
style,
|
|
39
|
+
onClick,
|
|
40
|
+
onKeyDown,
|
|
41
|
+
...childProps
|
|
42
|
+
} = rest;
|
|
43
|
+
const childElement = children;
|
|
44
|
+
const childElementProps = childElement.props;
|
|
45
|
+
const isIntrinsicButton = typeof childElement.type === "string" && childElement.type === "button";
|
|
46
|
+
const isDisabled = Boolean(disabled);
|
|
47
|
+
const mergedProps = {
|
|
29
48
|
...childProps,
|
|
30
|
-
className: [classNames,
|
|
49
|
+
className: [classNames, childElementProps.className].filter(Boolean).join(" "),
|
|
50
|
+
style: { ...style, ...childElementProps.style },
|
|
31
51
|
ref
|
|
32
|
-
}
|
|
52
|
+
};
|
|
53
|
+
if (isIntrinsicButton) {
|
|
54
|
+
mergedProps.disabled = isDisabled;
|
|
55
|
+
} else if (isDisabled) {
|
|
56
|
+
mergedProps["aria-disabled"] = true;
|
|
57
|
+
mergedProps["data-disabled"] = "";
|
|
58
|
+
mergedProps.tabIndex = -1;
|
|
59
|
+
mergedProps.onClick = (event) => {
|
|
60
|
+
event.preventDefault();
|
|
61
|
+
event.stopPropagation();
|
|
62
|
+
};
|
|
63
|
+
mergedProps.onKeyDown = (event) => {
|
|
64
|
+
if (event.key === "Enter" || event.key === " ") {
|
|
65
|
+
event.preventDefault();
|
|
66
|
+
event.stopPropagation();
|
|
67
|
+
}
|
|
68
|
+
};
|
|
69
|
+
} else {
|
|
70
|
+
mergedProps.onClick = composeEventHandlers(
|
|
71
|
+
childElementProps.onClick,
|
|
72
|
+
onClick
|
|
73
|
+
);
|
|
74
|
+
mergedProps.onKeyDown = composeEventHandlers(
|
|
75
|
+
childElementProps.onKeyDown,
|
|
76
|
+
onKeyDown
|
|
77
|
+
);
|
|
78
|
+
}
|
|
79
|
+
return React.cloneElement(childElement, mergedProps);
|
|
33
80
|
}
|
|
34
81
|
if (props.as === "a") {
|
|
35
82
|
const { as: _as2, ...anchorProps } = rest;
|
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const card = "
|
|
4
|
-
const outlined = "
|
|
5
|
-
const elevated = "
|
|
6
|
-
const paddingNone = "
|
|
7
|
-
const paddingSm = "
|
|
8
|
-
const paddingMd = "
|
|
9
|
-
const paddingLg = "
|
|
10
|
-
const interactive = "
|
|
11
|
-
const header = "
|
|
12
|
-
const title = "
|
|
13
|
-
const description = "
|
|
14
|
-
const body = "
|
|
15
|
-
const footer = "
|
|
3
|
+
const card = "_card_1g0p6_1";
|
|
4
|
+
const outlined = "_outlined_1g0p6_13";
|
|
5
|
+
const elevated = "_elevated_1g0p6_18";
|
|
6
|
+
const paddingNone = "_paddingNone_1g0p6_22";
|
|
7
|
+
const paddingSm = "_paddingSm_1g0p6_26";
|
|
8
|
+
const paddingMd = "_paddingMd_1g0p6_30";
|
|
9
|
+
const paddingLg = "_paddingLg_1g0p6_34";
|
|
10
|
+
const interactive = "_interactive_1g0p6_38";
|
|
11
|
+
const header = "_header_1g0p6_78";
|
|
12
|
+
const title = "_title_1g0p6_82";
|
|
13
|
+
const description = "_description_1g0p6_90";
|
|
14
|
+
const body = "_body_1g0p6_97";
|
|
15
|
+
const footer = "_footer_1g0p6_103";
|
|
16
16
|
const styles = {
|
|
17
17
|
card,
|
|
18
|
-
"default": "
|
|
18
|
+
"default": "_default_1g0p6_9",
|
|
19
19
|
outlined,
|
|
20
20
|
elevated,
|
|
21
21
|
paddingNone,
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
const card = "
|
|
2
|
-
const outlined = "
|
|
3
|
-
const elevated = "
|
|
4
|
-
const paddingNone = "
|
|
5
|
-
const paddingSm = "
|
|
6
|
-
const paddingMd = "
|
|
7
|
-
const paddingLg = "
|
|
8
|
-
const interactive = "
|
|
9
|
-
const header = "
|
|
10
|
-
const title = "
|
|
11
|
-
const description = "
|
|
12
|
-
const body = "
|
|
13
|
-
const footer = "
|
|
1
|
+
const card = "_card_1g0p6_1";
|
|
2
|
+
const outlined = "_outlined_1g0p6_13";
|
|
3
|
+
const elevated = "_elevated_1g0p6_18";
|
|
4
|
+
const paddingNone = "_paddingNone_1g0p6_22";
|
|
5
|
+
const paddingSm = "_paddingSm_1g0p6_26";
|
|
6
|
+
const paddingMd = "_paddingMd_1g0p6_30";
|
|
7
|
+
const paddingLg = "_paddingLg_1g0p6_34";
|
|
8
|
+
const interactive = "_interactive_1g0p6_38";
|
|
9
|
+
const header = "_header_1g0p6_78";
|
|
10
|
+
const title = "_title_1g0p6_82";
|
|
11
|
+
const description = "_description_1g0p6_90";
|
|
12
|
+
const body = "_body_1g0p6_97";
|
|
13
|
+
const footer = "_footer_1g0p6_103";
|
|
14
14
|
const styles = {
|
|
15
15
|
card,
|
|
16
|
-
"default": "
|
|
16
|
+
"default": "_default_1g0p6_9",
|
|
17
17
|
outlined,
|
|
18
18
|
elevated,
|
|
19
19
|
paddingNone,
|
|
@@ -27,6 +27,13 @@ const paddingMap = {
|
|
|
27
27
|
md: Card_module.default.paddingMd,
|
|
28
28
|
lg: Card_module.default.paddingLg
|
|
29
29
|
};
|
|
30
|
+
function composeEventHandlers(userHandler, internalHandler) {
|
|
31
|
+
return (event) => {
|
|
32
|
+
userHandler == null ? void 0 : userHandler(event);
|
|
33
|
+
if (event.defaultPrevented) return;
|
|
34
|
+
internalHandler(event);
|
|
35
|
+
};
|
|
36
|
+
}
|
|
30
37
|
function CardRoot({
|
|
31
38
|
children,
|
|
32
39
|
variant: variantProp = "default",
|
|
@@ -37,7 +44,16 @@ function CardRoot({
|
|
|
37
44
|
...htmlProps
|
|
38
45
|
}) {
|
|
39
46
|
const variant = variantProp === "outline" ? "outlined" : variantProp;
|
|
40
|
-
const
|
|
47
|
+
const {
|
|
48
|
+
onKeyDown,
|
|
49
|
+
onKeyUp,
|
|
50
|
+
role,
|
|
51
|
+
tabIndex,
|
|
52
|
+
...elementProps
|
|
53
|
+
} = htmlProps;
|
|
54
|
+
const isInteractive = typeof elementProps.onClick === "function";
|
|
55
|
+
const resolvedRole = isInteractive ? role ?? "button" : role;
|
|
56
|
+
const resolvedTabIndex = isInteractive ? tabIndex ?? 0 : tabIndex;
|
|
41
57
|
const classes = [
|
|
42
58
|
Card_module.default.card,
|
|
43
59
|
Card_module.default[variant],
|
|
@@ -53,7 +69,24 @@ function CardRoot({
|
|
|
53
69
|
return /* @__PURE__ */ jsxRuntime.jsx(CardContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
54
70
|
Component,
|
|
55
71
|
{
|
|
56
|
-
...
|
|
72
|
+
...elementProps,
|
|
73
|
+
role: resolvedRole,
|
|
74
|
+
tabIndex: resolvedTabIndex,
|
|
75
|
+
onKeyDown: isInteractive && resolvedRole === "button" ? composeEventHandlers(onKeyDown, (event) => {
|
|
76
|
+
if (event.key === "Enter") {
|
|
77
|
+
event.preventDefault();
|
|
78
|
+
event.currentTarget.click();
|
|
79
|
+
}
|
|
80
|
+
if (event.key === " ") {
|
|
81
|
+
event.preventDefault();
|
|
82
|
+
}
|
|
83
|
+
}) : onKeyDown,
|
|
84
|
+
onKeyUp: isInteractive && resolvedRole === "button" ? composeEventHandlers(onKeyUp, (event) => {
|
|
85
|
+
if (event.key === " ") {
|
|
86
|
+
event.preventDefault();
|
|
87
|
+
event.currentTarget.click();
|
|
88
|
+
}
|
|
89
|
+
}) : onKeyUp,
|
|
57
90
|
className: classes,
|
|
58
91
|
style,
|
|
59
92
|
children
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Card/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;;GAGG;AACH,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IACpF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;gEAE4D;IAC5D,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,CAAC;IAC1D;uBACmB;IACnB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACtC;4BACwB;IACxB,EAAE,CAAC,EAAE,SAAS,GAAG,KAAK,GAAG,SAAS,CAAC;CACpC;AAED,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IAC9E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;IACtF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Card/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;;GAGG;AACH,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IACpF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;gEAE4D;IAC5D,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,CAAC;IAC1D;uBACmB;IACnB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACtC;4BACwB;IACxB,EAAE,CAAC,EAAE,SAAS,GAAG,KAAK,GAAG,SAAS,CAAC;CACpC;AAED,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IAC9E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;IACtF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAwCD,iBAAS,QAAQ,CAAC,EAChB,QAAQ,EACR,OAAO,EAAE,WAAuB,EAChC,OAAc,EACd,EAAE,EAAE,SAAqB,EACzB,SAAS,EACT,KAAK,EACL,GAAG,SAAS,EACb,EAAE,SAAS,2CAmEX;AAED,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,eAAe,2CAGzE;AAED,iBAAS,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,cAAc,2CAGvE;AAED,iBAAS,eAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,oBAAoB,2CAGnF;AAED,iBAAS,QAAQ,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,aAAa,2CAGrE;AAED,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,eAAe,2CAGzE;AAMD,eAAO,MAAM,IAAI;;;;;;CAMf,CAAC;AAGH,OAAO,EACL,QAAQ,EACR,UAAU,EACV,SAAS,EACT,eAAe,EACf,QAAQ,EACR,UAAU,GACX,CAAC"}
|