@once-ui-system/core 1.0.13 → 1.0.15
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/components/Accordion.js +15 -33
- package/dist/components/Accordion.js.map +1 -1
- package/dist/components/AccordionGroup.js +6 -24
- package/dist/components/AccordionGroup.js.map +1 -1
- package/dist/components/Arrow.js +15 -32
- package/dist/components/Arrow.js.map +1 -1
- package/dist/components/AutoScroll.js +7 -25
- package/dist/components/AutoScroll.js.map +1 -1
- package/dist/components/Avatar.js +19 -30
- package/dist/components/Avatar.js.map +1 -1
- package/dist/components/AvatarGroup.js +14 -26
- package/dist/components/AvatarGroup.js.map +1 -1
- package/dist/components/Background.js +37 -59
- package/dist/components/Background.js.map +1 -1
- package/dist/components/Badge.d.ts.map +1 -1
- package/dist/components/Badge.js +14 -61
- package/dist/components/Badge.js.map +1 -1
- package/dist/components/Banner.js +5 -22
- package/dist/components/Banner.js.map +1 -1
- package/dist/components/Button.d.ts.map +1 -1
- package/dist/components/Button.js +12 -29
- package/dist/components/Button.js.map +1 -1
- package/dist/components/Card.d.ts.map +1 -1
- package/dist/components/Card.js +12 -27
- package/dist/components/Card.js.map +1 -1
- package/dist/components/Carousel.js +18 -32
- package/dist/components/Carousel.js.map +1 -1
- package/dist/components/Checkbox.js +18 -36
- package/dist/components/Checkbox.js.map +1 -1
- package/dist/components/Chip.js +20 -35
- package/dist/components/Chip.js.map +1 -1
- package/dist/components/ColorInput.js +12 -27
- package/dist/components/ColorInput.js.map +1 -1
- package/dist/components/Column.js +6 -21
- package/dist/components/Column.js.map +1 -1
- package/dist/components/CompareImage.js +15 -33
- package/dist/components/CompareImage.js.map +1 -1
- package/dist/components/CursorCard.js +23 -37
- package/dist/components/CursorCard.js.map +1 -1
- package/dist/components/DateInput.js +24 -35
- package/dist/components/DateInput.js.map +1 -1
- package/dist/components/DatePicker.js +40 -65
- package/dist/components/DatePicker.js.map +1 -1
- package/dist/components/DateRangeInput.js +17 -35
- package/dist/components/DateRangeInput.js.map +1 -1
- package/dist/components/DateRangePicker.js +15 -30
- package/dist/components/DateRangePicker.js.map +1 -1
- package/dist/components/Dialog.js +33 -87
- package/dist/components/Dialog.js.map +1 -1
- package/dist/components/Dropdown.js +6 -21
- package/dist/components/Dropdown.js.map +1 -1
- package/dist/components/DropdownWrapper.js +42 -45
- package/dist/components/DropdownWrapper.js.map +1 -1
- package/dist/components/ElementType.js +10 -28
- package/dist/components/ElementType.js.map +1 -1
- package/dist/components/Fade.js +19 -33
- package/dist/components/Fade.js.map +1 -1
- package/dist/components/Feedback.js +6 -21
- package/dist/components/Feedback.js.map +1 -1
- package/dist/components/Flex.js +18 -26
- package/dist/components/Flex.js.map +1 -1
- package/dist/components/FlipFx.js +29 -37
- package/dist/components/FlipFx.js.map +1 -1
- package/dist/components/GlitchFx.js +13 -31
- package/dist/components/GlitchFx.js.map +1 -1
- package/dist/components/Grid.js +18 -26
- package/dist/components/Grid.js.map +1 -1
- package/dist/components/Heading.js +10 -24
- package/dist/components/Heading.js.map +1 -1
- package/dist/components/HoloFx.js +35 -36
- package/dist/components/HoloFx.js.map +1 -1
- package/dist/components/Icon.js +14 -32
- package/dist/components/Icon.js.map +1 -1
- package/dist/components/IconButton.js +15 -33
- package/dist/components/IconButton.js.map +1 -1
- package/dist/components/InfiniteScroll.js +16 -63
- package/dist/components/InfiniteScroll.js.map +1 -1
- package/dist/components/InlineCode.js +8 -26
- package/dist/components/InlineCode.js.map +1 -1
- package/dist/components/Input.js +31 -49
- package/dist/components/Input.js.map +1 -1
- package/dist/components/InteractiveDetails.js +6 -9
- package/dist/components/InteractiveDetails.js.map +1 -1
- package/dist/components/Kbd.js +5 -22
- package/dist/components/Kbd.js.map +1 -1
- package/dist/components/LetterFx.js +13 -19
- package/dist/components/LetterFx.js.map +1 -1
- package/dist/components/Line.js +6 -21
- package/dist/components/Line.js.map +1 -1
- package/dist/components/Logo.js +12 -30
- package/dist/components/Logo.js.map +1 -1
- package/dist/components/LogoCloud.js +14 -29
- package/dist/components/LogoCloud.js.map +1 -1
- package/dist/components/Mask.js +17 -32
- package/dist/components/Mask.js.map +1 -1
- package/dist/components/Media.js +25 -36
- package/dist/components/Media.js.map +1 -1
- package/dist/components/NavIcon.js +8 -26
- package/dist/components/NavIcon.js.map +1 -1
- package/dist/components/NumberInput.js +11 -30
- package/dist/components/NumberInput.js.map +1 -1
- package/dist/components/OTPInput.js +16 -37
- package/dist/components/OTPInput.js.map +1 -1
- package/dist/components/OgCard.js +22 -30
- package/dist/components/OgCard.js.map +1 -1
- package/dist/components/Option.js +15 -33
- package/dist/components/Option.js.map +1 -1
- package/dist/components/Particle.d.ts +2 -3
- package/dist/components/Particle.d.ts.map +1 -1
- package/dist/components/Particle.js +14 -62
- package/dist/components/Particle.js.map +1 -1
- package/dist/components/PasswordInput.js +8 -11
- package/dist/components/PasswordInput.js.map +1 -1
- package/dist/components/RadioButton.js +17 -35
- package/dist/components/RadioButton.js.map +1 -1
- package/dist/components/RevealFx.js +18 -32
- package/dist/components/RevealFx.js.map +1 -1
- package/dist/components/Row.js +6 -21
- package/dist/components/Row.js.map +1 -1
- package/dist/components/ScrollToTop.js +9 -28
- package/dist/components/ScrollToTop.js.map +1 -1
- package/dist/components/Scroller.js +30 -77
- package/dist/components/Scroller.js.map +1 -1
- package/dist/components/SegmentedControl.js +15 -32
- package/dist/components/SegmentedControl.js.map +1 -1
- package/dist/components/Select.js +32 -50
- package/dist/components/Select.js.map +1 -1
- package/dist/components/Skeleton.js +8 -26
- package/dist/components/Skeleton.js.map +1 -1
- package/dist/components/SmartLink.js +28 -34
- package/dist/components/SmartLink.js.map +1 -1
- package/dist/components/Spinner.js +8 -26
- package/dist/components/Spinner.js.map +1 -1
- package/dist/components/StatusIndicator.js +8 -26
- package/dist/components/StatusIndicator.js.map +1 -1
- package/dist/components/StyleOverlay.js +9 -27
- package/dist/components/StyleOverlay.js.map +1 -1
- package/dist/components/StylePanel.js +45 -63
- package/dist/components/StylePanel.js.map +1 -1
- package/dist/components/Switch.js +18 -36
- package/dist/components/Switch.js.map +1 -1
- package/dist/components/Table.d.ts.map +1 -1
- package/dist/components/Table.js +12 -29
- package/dist/components/Table.js.map +1 -1
- package/dist/components/Tag.js +8 -26
- package/dist/components/Tag.js.map +1 -1
- package/dist/components/TagInput.js +9 -24
- package/dist/components/TagInput.js.map +1 -1
- package/dist/components/Text.js +10 -24
- package/dist/components/Text.js.map +1 -1
- package/dist/components/Textarea.js +34 -81
- package/dist/components/Textarea.js.map +1 -1
- package/dist/components/ThemeSwitcher.js +10 -46
- package/dist/components/ThemeSwitcher.js.map +1 -1
- package/dist/components/TiltFx.js +8 -26
- package/dist/components/TiltFx.js.map +1 -1
- package/dist/components/Toast.js +14 -20
- package/dist/components/Toast.js.map +1 -1
- package/dist/components/Toaster.js +10 -16
- package/dist/components/Toaster.js.map +1 -1
- package/dist/components/ToggleButton.d.ts.map +1 -1
- package/dist/components/ToggleButton.js +10 -27
- package/dist/components/ToggleButton.js.map +1 -1
- package/dist/components/Tooltip.js +11 -25
- package/dist/components/Tooltip.js.map +1 -1
- package/dist/components/User.js +8 -25
- package/dist/components/User.js.map +1 -1
- package/dist/components/UserMenu.js +8 -26
- package/dist/components/UserMenu.js.map +1 -1
- package/dist/components/index.js +81 -97
- package/dist/components/index.js.map +1 -1
- package/dist/contexts/DataThemeProvider.js +23 -19
- package/dist/contexts/DataThemeProvider.js.map +1 -1
- package/dist/contexts/IconProvider.js +9 -14
- package/dist/contexts/IconProvider.js.map +1 -1
- package/dist/contexts/ThemeProvider.js +43 -32
- package/dist/contexts/ThemeProvider.js.map +1 -1
- package/dist/contexts/ToastProvider.js +14 -15
- package/dist/contexts/ToastProvider.js.map +1 -1
- package/dist/contexts/index.js +4 -20
- package/dist/contexts/index.js.map +1 -1
- package/dist/hooks/index.js +3 -19
- package/dist/hooks/index.js.map +1 -1
- package/dist/hooks/useDebounce.d.ts.map +1 -1
- package/dist/hooks/useDebounce.js +5 -7
- package/dist/hooks/useDebounce.js.map +1 -1
- package/dist/hooks/useFetchOg.d.ts.map +1 -1
- package/dist/hooks/useFetchOg.js +8 -11
- package/dist/hooks/useFetchOg.js.map +1 -1
- package/dist/hooks/useHeadingLinks.d.ts.map +1 -1
- package/dist/hooks/useHeadingLinks.js +5 -8
- package/dist/hooks/useHeadingLinks.js.map +1 -1
- package/dist/icons.js +31 -34
- package/dist/icons.js.map +1 -1
- package/dist/index.js +8 -24
- package/dist/index.js.map +1 -1
- package/dist/interfaces.js +1 -2
- package/dist/modules/code/CodeBlock.js +33 -84
- package/dist/modules/code/CodeBlock.js.map +1 -1
- package/dist/modules/data/BarChart.js +30 -75
- package/dist/modules/data/BarChart.js.map +1 -1
- package/dist/modules/data/ChartHeader.js +29 -45
- package/dist/modules/data/ChartHeader.js.map +1 -1
- package/dist/modules/data/ChartStatus.js +4 -8
- package/dist/modules/data/ChartStatus.js.map +1 -1
- package/dist/modules/data/DataTooltip.js +14 -17
- package/dist/modules/data/DataTooltip.js.map +1 -1
- package/dist/modules/data/Gradient.js +6 -11
- package/dist/modules/data/Gradient.js.map +1 -1
- package/dist/modules/data/Legend.js +8 -11
- package/dist/modules/data/Legend.js.map +1 -1
- package/dist/modules/data/LineBarChart.js +29 -77
- package/dist/modules/data/LineBarChart.js.map +1 -1
- package/dist/modules/data/LineChart.js +42 -87
- package/dist/modules/data/LineChart.js.map +1 -1
- package/dist/modules/data/PieChart.js +28 -78
- package/dist/modules/data/PieChart.js.map +1 -1
- package/dist/modules/data/Swatch.js +17 -12
- package/dist/modules/data/Swatch.js.map +1 -1
- package/dist/modules/data/index.js +11 -27
- package/dist/modules/data/index.js.map +1 -1
- package/dist/modules/data/interfaces.js +1 -2
- package/dist/modules/data/utils/colorDistribution.js +8 -12
- package/dist/modules/data/utils/colorDistribution.js.map +1 -1
- package/dist/modules/data/utils/formatDate.js +6 -9
- package/dist/modules/data/utils/formatDate.js.map +1 -1
- package/dist/modules/index.js +19 -41
- package/dist/modules/index.js.map +1 -1
- package/dist/modules/media/MediaUpload.js +16 -34
- package/dist/modules/media/MediaUpload.js.map +1 -1
- package/dist/modules/navigation/HeadingLink.d.ts.map +1 -1
- package/dist/modules/navigation/HeadingLink.js +33 -46
- package/dist/modules/navigation/HeadingLink.js.map +1 -1
- package/dist/modules/navigation/HeadingNav.js +24 -42
- package/dist/modules/navigation/HeadingNav.js.map +1 -1
- package/dist/modules/navigation/Kbar.js +52 -109
- package/dist/modules/navigation/Kbar.js.map +1 -1
- package/dist/modules/navigation/MegaMenu.js +27 -44
- package/dist/modules/navigation/MegaMenu.js.map +1 -1
- package/dist/modules/navigation/MobileMegaMenu.js +10 -25
- package/dist/modules/navigation/MobileMegaMenu.js.map +1 -1
- package/dist/modules/navigation/index.js +5 -21
- package/dist/modules/navigation/index.js.map +1 -1
- package/dist/modules/seo/Meta.js +28 -19
- package/dist/modules/seo/Meta.js.map +1 -1
- package/dist/modules/seo/Schema.js +16 -17
- package/dist/modules/seo/Schema.js.map +1 -1
- package/dist/package.json +2 -4
- package/dist/types.js +1 -4
- package/dist/types.js.map +1 -1
- package/dist/utils/devLogger.js +1 -4
- package/dist/utils/devLogger.js.map +1 -1
- package/dist/utils/index.js +1 -17
- package/dist/utils/index.js.map +1 -1
- package/next-env.d.ts +5 -0
- package/package.json +18 -20
package/dist/components/Toast.js
CHANGED
|
@@ -1,35 +1,29 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
"use client";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
};
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
9
|
-
const react_1 = require("react");
|
|
10
|
-
const _1 = require(".");
|
|
11
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
12
|
-
const Toast_module_scss_1 = __importDefault(require("./Toast.module.scss"));
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useEffect, useState, forwardRef } from "react";
|
|
4
|
+
import { IconButton, Icon, Flex, Row } from ".";
|
|
5
|
+
import classNames from "classnames";
|
|
6
|
+
import styles from "./Toast.module.scss";
|
|
13
7
|
const iconMap = {
|
|
14
8
|
success: "check",
|
|
15
9
|
danger: "danger",
|
|
16
10
|
};
|
|
17
|
-
const Toast =
|
|
18
|
-
const [visible, setVisible] =
|
|
19
|
-
|
|
11
|
+
const Toast = forwardRef(({ variant, className, icon = true, onClose, action, children }, ref) => {
|
|
12
|
+
const [visible, setVisible] = useState(true);
|
|
13
|
+
useEffect(() => {
|
|
20
14
|
const timer = setTimeout(() => setVisible(false), 6000);
|
|
21
15
|
return () => clearTimeout(timer);
|
|
22
16
|
}, []);
|
|
23
|
-
|
|
17
|
+
useEffect(() => {
|
|
24
18
|
if (!visible && onClose) {
|
|
25
19
|
onClose();
|
|
26
20
|
}
|
|
27
21
|
}, [visible, onClose]);
|
|
28
|
-
return ((
|
|
29
|
-
[
|
|
30
|
-
[
|
|
31
|
-
}), children: (
|
|
22
|
+
return (_jsx(Flex, { ref: ref, fillWidth: true, background: "surface", radius: "l", paddingY: "12", paddingX: "20", border: "neutral-medium", role: "alert", "aria-live": "assertive", className: classNames(className, styles.toast, styles[variant], {
|
|
23
|
+
[styles.visible]: visible,
|
|
24
|
+
[styles.hidden]: !visible,
|
|
25
|
+
}), children: _jsxs(Flex, { fillWidth: true, vertical: "center", gap: "8", children: [icon && _jsx(Icon, { size: "s", onBackground: `${variant}-medium`, name: iconMap[variant] }), _jsx(Row, { fillWidth: true, textVariant: "body-default-s", children: children }), action && action, onClose && (_jsx(IconButton, { variant: "ghost", icon: "close", size: "m", tooltip: "Hide", tooltipPosition: "top", onClick: () => setVisible(false) }))] }) }));
|
|
32
26
|
});
|
|
33
|
-
exports.Toast = Toast;
|
|
34
27
|
Toast.displayName = "Toast";
|
|
28
|
+
export { Toast };
|
|
35
29
|
//# sourceMappingURL=Toast.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../src/components/Toast.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../src/components/Toast.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,CAAC;AAChD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAYzC,MAAM,OAAO,GAAiD;IAC5D,OAAO,EAAE,OAAO;IAChB,MAAM,EAAE,QAAQ;CACjB,CAAC;AAEF,MAAM,KAAK,GAAG,UAAU,CACtB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,GAAG,EAAE,EAAE;IACtE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE7C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;QACxD,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,IAAI,OAAO,EAAE,CAAC;YACxB,OAAO,EAAE,CAAC;QACZ,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAEvB,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,SAAS,QACT,UAAU,EAAC,SAAS,EACpB,MAAM,EAAC,GAAG,EACV,QAAQ,EAAC,IAAI,EACb,QAAQ,EAAC,IAAI,EACb,MAAM,EAAC,gBAAgB,EACvB,IAAI,EAAC,OAAO,eACF,WAAW,EACrB,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;YAC9D,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,OAAO;YACzB,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,OAAO;SAC1B,CAAC,YAEF,MAAC,IAAI,IAAC,SAAS,QAAC,QAAQ,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,aACtC,IAAI,IAAI,KAAC,IAAI,IAAC,IAAI,EAAC,GAAG,EAAC,YAAY,EAAE,GAAG,OAAO,SAAS,EAAE,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,GAAI,EACrF,KAAC,GAAG,IAAC,SAAS,QAAC,WAAW,EAAC,gBAAgB,YACxC,QAAQ,GACL,EACL,MAAM,IAAI,MAAM,EAChB,OAAO,IAAI,CACV,KAAC,UAAU,IACT,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,GAAG,EACR,OAAO,EAAC,MAAM,EACd,eAAe,EAAC,KAAK,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,GAChC,CACH,IACI,GACF,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
|
@@ -1,29 +1,23 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
"use client";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
};
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
9
|
-
const react_1 = require("react");
|
|
10
|
-
const react_dom_1 = require("react-dom");
|
|
11
|
-
const _1 = require(".");
|
|
12
|
-
const Toaster_module_scss_1 = __importDefault(require("./Toaster.module.scss"));
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { useEffect, useState } from "react";
|
|
4
|
+
import { createPortal } from "react-dom";
|
|
5
|
+
import { Flex, Toast } from ".";
|
|
6
|
+
import styles from "./Toaster.module.scss";
|
|
13
7
|
const Toaster = ({ toasts, removeToast }) => {
|
|
14
|
-
const [mounted, setMounted] =
|
|
15
|
-
|
|
8
|
+
const [mounted, setMounted] = useState(false);
|
|
9
|
+
useEffect(() => {
|
|
16
10
|
setMounted(true);
|
|
17
11
|
return () => setMounted(false);
|
|
18
12
|
}, []);
|
|
19
13
|
if (!mounted)
|
|
20
14
|
return null;
|
|
21
|
-
return
|
|
15
|
+
return createPortal(_jsx(Flex, { zIndex: 10, fillWidth: true, direction: "column", maxWidth: 32, position: "fixed", className: styles.toastContainer, children: toasts.map((toast, index, array) => (_jsx(Flex, { padding: "4", fillWidth: true, position: "absolute", className: styles.toastWrapper, style: {
|
|
22
16
|
transformOrigin: "bottom center",
|
|
23
17
|
transform: `scale(${1 - (array.length - 1 - index) * 0.05}) translateY(${1 - (array.length - 1 - index) * 10}%)`,
|
|
24
18
|
opacity: array.length - 1 - index === 0 ? 1 : 0.9,
|
|
25
|
-
}, children: (
|
|
19
|
+
}, children: _jsx(Toast, { className: styles.toastAnimation, variant: toast.variant, onClose: () => removeToast(toast.id), action: toast.action, children: toast.message }) }, toast.id))) }), document.body);
|
|
26
20
|
};
|
|
27
|
-
exports.Toaster = Toaster;
|
|
28
21
|
Toaster.displayName = "Toaster";
|
|
22
|
+
export { Toaster };
|
|
29
23
|
//# sourceMappingURL=Toaster.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toaster.js","sourceRoot":"","sources":["../../src/components/Toaster.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Toaster.js","sourceRoot":"","sources":["../../src/components/Toaster.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC;AAChC,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAY3C,MAAM,OAAO,GAA2B,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,EAAE;IAClE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,OAAO,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,OAAO,YAAY,CACjB,KAAC,IAAI,IACH,MAAM,EAAE,EAAE,EACV,SAAS,QACT,SAAS,EAAC,QAAQ,EAClB,QAAQ,EAAE,EAAE,EACZ,QAAQ,EAAC,OAAO,EAChB,SAAS,EAAE,MAAM,CAAC,cAAc,YAE/B,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACnC,KAAC,IAAI,IACH,OAAO,EAAC,GAAG,EACX,SAAS,QACT,QAAQ,EAAC,UAAU,EAEnB,SAAS,EAAE,MAAM,CAAC,YAAY,EAC9B,KAAK,EAAE;gBACL,eAAe,EAAE,eAAe;gBAChC,SAAS,EAAE,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,IAAI,gBAAgB,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,EAAE,IAAI;gBAChH,OAAO,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;aAClD,YAED,KAAC,KAAK,IACJ,SAAS,EAAE,MAAM,CAAC,cAAc,EAChC,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC,EACpC,MAAM,EAAE,KAAK,CAAC,MAAM,YAEnB,KAAK,CAAC,OAAO,GACR,IAfH,KAAK,CAAC,EAAE,CAgBR,CACR,CAAC,GACG,EACP,QAAQ,CAAC,IAAI,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleButton.d.ts","sourceRoot":"","sources":["../../src/components/ToggleButton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ToggleButton.d.ts","sourceRoot":"","sources":["../../src/components/ToggleButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAIrD,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,UAAU,WAAW;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACvB,MAAM,CAAC,EACH,MAAM,GACN,KAAK,GACL,OAAO,GACP,QAAQ,GACR,MAAM,GACN,UAAU,GACV,WAAW,GACX,cAAc,GACd,aAAa,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,eAAe,CAAC;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5F,QAAA,MAAM,YAAY,iIAmEjB,CAAC;AAGF,OAAO,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -1,28 +1,11 @@
|
|
|
1
|
-
"use
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
t[p[i]] = s[p[i]];
|
|
10
|
-
}
|
|
11
|
-
return t;
|
|
12
|
-
};
|
|
13
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
-
};
|
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
exports.ToggleButton = void 0;
|
|
18
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
|
-
const react_1 = require("react");
|
|
20
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
21
|
-
const _1 = require(".");
|
|
22
|
-
const ToggleButton_module_scss_1 = __importDefault(require("./ToggleButton.module.scss"));
|
|
23
|
-
const ToggleButton = (0, react_1.forwardRef)((_a, ref) => {
|
|
24
|
-
var { label, selected = false, variant = "ghost", size = "m", radius, horizontal = "center", fillWidth = false, weight = "default", truncate = false, prefixIcon, suffixIcon, className, style, children, href } = _a, props = __rest(_a, ["label", "selected", "variant", "size", "radius", "horizontal", "fillWidth", "weight", "truncate", "prefixIcon", "suffixIcon", "className", "style", "children", "href"]);
|
|
25
|
-
return ((0, jsx_runtime_1.jsxs)(_1.ElementType, Object.assign({ ref: ref, href: href, className: (0, classnames_1.default)(ToggleButton_module_scss_1.default.button, ToggleButton_module_scss_1.default[variant], ToggleButton_module_scss_1.default[size], selected && ToggleButton_module_scss_1.default.selected, radius === "none"
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef } from "react";
|
|
4
|
+
import classNames from "classnames";
|
|
5
|
+
import { Flex, Icon, ElementType } from ".";
|
|
6
|
+
import styles from "./ToggleButton.module.scss";
|
|
7
|
+
const ToggleButton = forwardRef(({ label, selected = false, variant = "ghost", size = "m", radius, horizontal = "center", fillWidth = false, weight = "default", truncate = false, prefixIcon, suffixIcon, className, style, children, href, ...props }, ref) => {
|
|
8
|
+
return (_jsxs(ElementType, { ref: ref, href: href, className: classNames(styles.button, styles[variant], styles[size], selected && styles.selected, radius === "none"
|
|
26
9
|
? "radius-none"
|
|
27
10
|
: radius
|
|
28
11
|
? `radius-${size}-${radius}`
|
|
@@ -30,8 +13,8 @@ const ToggleButton = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
30
13
|
["fill-width"]: fillWidth,
|
|
31
14
|
["fit-width"]: !fillWidth,
|
|
32
15
|
["justify-" + horizontal]: horizontal,
|
|
33
|
-
}, className), style: style
|
|
16
|
+
}, className), style: style, ...props, children: [prefixIcon && _jsx(Icon, { name: prefixIcon, size: size === "l" ? "s" : "xs" }), (label || children) && (_jsx(Flex, { fillWidth: fillWidth, horizontal: horizontal, padding: size === "s" ? "2" : "4", textWeight: weight, textSize: size === "l" ? "m" : "s", className: "font-label", position: "static", children: label || children })), suffixIcon && _jsx(Icon, { name: suffixIcon, size: size === "l" ? "s" : "xs" })] }));
|
|
34
17
|
});
|
|
35
|
-
exports.ToggleButton = ToggleButton;
|
|
36
18
|
ToggleButton.displayName = "ToggleButton";
|
|
19
|
+
export { ToggleButton };
|
|
37
20
|
//# sourceMappingURL=ToggleButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleButton.js","sourceRoot":"","sources":["../../src/components/ToggleButton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ToggleButton.js","sourceRoot":"","sources":["../../src/components/ToggleButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,UAAU,EAAa,MAAM,OAAO,CAAC;AACrD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,GAAG,CAAC;AAC5C,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAgChD,MAAM,YAAY,GAAG,UAAU,CAC7B,CACE,EACE,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,OAAO,EACjB,IAAI,GAAG,GAAG,EACV,MAAM,EACN,UAAU,GAAG,QAAQ,EACrB,SAAS,GAAG,KAAK,EACjB,MAAM,GAAG,SAAS,EAClB,QAAQ,GAAG,KAAK,EAChB,UAAU,EACV,UAAU,EACV,SAAS,EACT,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,OAAO,CACL,MAAC,WAAW,IACV,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,UAAU,CACnB,MAAM,CAAC,MAAM,EACb,MAAM,CAAC,OAAO,CAAC,EACf,MAAM,CAAC,IAAI,CAAC,EACZ,QAAQ,IAAI,MAAM,CAAC,QAAQ,EAC3B,MAAM,KAAK,MAAM;YACf,CAAC,CAAC,aAAa;YACf,CAAC,CAAC,MAAM;gBACN,CAAC,CAAC,UAAU,IAAI,IAAI,MAAM,EAAE;gBAC5B,CAAC,CAAC,UAAU,IAAI,EAAE,EACtB,sBAAsB,EACtB,QAAQ,EACR,oBAAoB,EACpB;YACE,CAAC,YAAY,CAAC,EAAE,SAAS;YACzB,CAAC,WAAW,CAAC,EAAE,CAAC,SAAS;YACzB,CAAC,UAAU,GAAG,UAAU,CAAC,EAAE,UAAU;SACtC,EACD,SAAS,CACV,EACD,KAAK,EAAE,KAAK,KACR,KAAK,aAER,UAAU,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,GAAI,EACzE,CAAC,KAAK,IAAI,QAAQ,CAAC,IAAI,CACtB,KAAC,IAAI,IACH,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EACjC,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAClC,SAAS,EAAC,YAAY,EACtB,QAAQ,EAAC,QAAQ,YAEhB,KAAK,IAAI,QAAQ,GACb,CACR,EACA,UAAU,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,GAAI,IAC9D,CACf,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -1,28 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
}
|
|
11
|
-
return t;
|
|
12
|
-
};
|
|
13
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
-
};
|
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
exports.Tooltip = void 0;
|
|
18
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
|
-
const react_1 = require("react");
|
|
20
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
21
|
-
const _1 = require(".");
|
|
22
|
-
const Tooltip = (0, react_1.forwardRef)((_a, ref) => {
|
|
23
|
-
var { label, prefixIcon, suffixIcon, className, style } = _a, flex = __rest(_a, ["label", "prefixIcon", "suffixIcon", "className", "style"]);
|
|
24
|
-
return ((0, jsx_runtime_1.jsxs)(_1.Flex, Object.assign({ hide: "m", ref: ref, style: Object.assign({ whiteSpace: "nowrap", userSelect: "none" }, style), vertical: "center", gap: "4", zIndex: 1, background: "surface", paddingY: "4", paddingX: "8", radius: "s", border: "neutral-medium", role: "tooltip", className: (0, classnames_1.default)(className) }, flex, { children: [prefixIcon && (0, jsx_runtime_1.jsx)(_1.Icon, { name: prefixIcon, size: "xs" }), (0, jsx_runtime_1.jsx)(_1.Flex, { paddingX: "2", vertical: "center", textVariant: "body-default-xs", onBackground: "neutral-strong", children: label }), suffixIcon && (0, jsx_runtime_1.jsx)(_1.Icon, { name: suffixIcon, size: "xs" })] })));
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
|
+
import classNames from "classnames";
|
|
4
|
+
import { Flex, Icon } from ".";
|
|
5
|
+
const Tooltip = forwardRef(({ label, prefixIcon, suffixIcon, className, style, ...flex }, ref) => {
|
|
6
|
+
return (_jsxs(Flex, { hide: "m", ref: ref, style: {
|
|
7
|
+
whiteSpace: "nowrap",
|
|
8
|
+
userSelect: "none",
|
|
9
|
+
...style,
|
|
10
|
+
}, vertical: "center", gap: "4", zIndex: 1, background: "surface", paddingY: "4", paddingX: "8", radius: "s", border: "neutral-medium", role: "tooltip", className: classNames(className), ...flex, children: [prefixIcon && _jsx(Icon, { name: prefixIcon, size: "xs" }), _jsx(Flex, { paddingX: "2", vertical: "center", textVariant: "body-default-xs", onBackground: "neutral-strong", children: label }), suffixIcon && _jsx(Icon, { name: suffixIcon, size: "xs" })] }));
|
|
25
11
|
});
|
|
26
|
-
exports.Tooltip = Tooltip;
|
|
27
12
|
Tooltip.displayName = "Tooltip";
|
|
13
|
+
export { Tooltip };
|
|
28
14
|
//# sourceMappingURL=Tooltip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../src/components/Tooltip.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../src/components/Tooltip.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAa,MAAM,OAAO,CAAC;AACrD,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAW/B,MAAM,OAAO,GAAG,UAAU,CACxB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IACpE,OAAO,CACL,MAAC,IAAI,IACH,IAAI,EAAC,GAAG,EACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;YACL,UAAU,EAAE,QAAQ;YACpB,UAAU,EAAE,MAAM;YAClB,GAAG,KAAK;SACT,EACD,QAAQ,EAAC,QAAQ,EACjB,GAAG,EAAC,GAAG,EACP,MAAM,EAAE,CAAC,EACT,UAAU,EAAC,SAAS,EACpB,QAAQ,EAAC,GAAG,EACZ,QAAQ,EAAC,GAAG,EACZ,MAAM,EAAC,GAAG,EACV,MAAM,EAAC,gBAAgB,EACvB,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,KAC5B,IAAI,aAEP,UAAU,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,EAAE,IAAI,EAAC,IAAI,GAAG,EACnD,KAAC,IAAI,IACH,QAAQ,EAAC,GAAG,EACZ,QAAQ,EAAC,QAAQ,EACjB,WAAW,EAAC,iBAAiB,EAC7B,YAAY,EAAC,gBAAgB,YAE5B,KAAK,GACD,EACN,UAAU,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,EAAE,IAAI,EAAC,IAAI,GAAG,IAC9C,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAEhC,OAAO,EAAE,OAAO,EAAE,CAAC"}
|
package/dist/components/User.js
CHANGED
|
@@ -1,30 +1,13 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
"use client";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
10
|
-
t[p[i]] = s[p[i]];
|
|
11
|
-
}
|
|
12
|
-
return t;
|
|
13
|
-
};
|
|
14
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
15
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
16
|
-
};
|
|
17
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
-
exports.User = void 0;
|
|
19
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
20
|
-
const react_1 = require("react");
|
|
21
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
22
|
-
const _1 = require(".");
|
|
23
|
-
const User = (0, react_1.forwardRef)(({ name, children, subline, tagProps = {}, loading = false, avatarProps = {}, className }, ref) => {
|
|
24
|
-
const { src, value, empty } = avatarProps, restAvatarProps = __rest(avatarProps, ["src", "value", "empty"]);
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef } from "react";
|
|
4
|
+
import classNames from "classnames";
|
|
5
|
+
import { Flex, Text, Skeleton, Tag, Avatar } from ".";
|
|
6
|
+
const User = forwardRef(({ name, children, subline, tagProps = {}, loading = false, avatarProps = {}, className }, ref) => {
|
|
7
|
+
const { src, value, empty, ...restAvatarProps } = avatarProps;
|
|
25
8
|
const isEmpty = empty || (!src && !value);
|
|
26
|
-
return ((
|
|
9
|
+
return (_jsxs(Flex, { ref: ref, vertical: "center", gap: "8", className: classNames(className), children: [_jsx(Avatar, { size: "m", src: src, value: value, empty: isEmpty, loading: loading, ...restAvatarProps }), children, name && (_jsxs(Flex, { direction: "column", paddingLeft: "4", paddingRight: "12", children: [loading ? (_jsx(Flex, { minWidth: 6, paddingY: "4", children: _jsx(Skeleton, { width: "xl", height: "m", shape: "line", "aria-label": "Loading name" }) })) : (_jsxs(Flex, { gap: "8", vertical: "center", children: [_jsx(Text, { variant: "heading-strong-xs", onBackground: "neutral-strong", children: name }), tagProps.label && (_jsx(Tag, { size: "s", ...tagProps, children: tagProps.label }))] })), loading ? (_jsx(Flex, { paddingY: "2", children: _jsx(Skeleton, { width: "l", height: "xs", shape: "line", "aria-label": "Loading subline" }) })) : (_jsx(Text, { wrap: "nowrap", variant: "body-default-xs", onBackground: "neutral-weak", children: subline }))] }))] }));
|
|
27
10
|
});
|
|
28
|
-
exports.User = User;
|
|
29
11
|
User.displayName = "User";
|
|
12
|
+
export { User };
|
|
30
13
|
//# sourceMappingURL=User.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"User.js","sourceRoot":"","sources":["../../src/components/User.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"User.js","sourceRoot":"","sources":["../../src/components/User.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAY,MAAM,EAAe,MAAM,GAAG,CAAC;AAa7E,MAAM,IAAI,GAAG,UAAU,CACrB,CACE,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,GAAG,EAAE,EAAE,OAAO,GAAG,KAAK,EAAE,WAAW,GAAG,EAAE,EAAE,SAAS,EAAE,EACxF,GAAG,EACH,EAAE;IACF,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,eAAe,EAAE,GAAG,WAAW,CAAC;IAC9D,MAAM,OAAO,GAAG,KAAK,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;IAE1C,OAAO,CACL,MAAC,IAAI,IAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,EAAC,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,aACxE,KAAC,MAAM,IACL,IAAI,EAAC,GAAG,EACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,OAAO,KACZ,eAAe,GACnB,EACD,QAAQ,EACR,IAAI,IAAI,CACP,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,WAAW,EAAC,GAAG,EAAC,YAAY,EAAC,IAAI,aACvD,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,IAAI,IAAC,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAC,GAAG,YAC7B,KAAC,QAAQ,IAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAC,KAAK,EAAC,MAAM,gBAAY,cAAc,GAAG,GACpE,CACR,CAAC,CAAC,CAAC,CACF,MAAC,IAAI,IAAC,GAAG,EAAC,GAAG,EAAC,QAAQ,EAAC,QAAQ,aAC7B,KAAC,IAAI,IAAC,OAAO,EAAC,mBAAmB,EAAC,YAAY,EAAC,gBAAgB,YAC5D,IAAI,GACA,EACN,QAAQ,CAAC,KAAK,IAAI,CACjB,KAAC,GAAG,IAAC,IAAI,EAAC,GAAG,KAAK,QAAQ,YACvB,QAAQ,CAAC,KAAK,GACX,CACP,IACI,CACR,EACA,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,IAAI,IAAC,QAAQ,EAAC,GAAG,YAChB,KAAC,QAAQ,IAAC,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,IAAI,EAAC,KAAK,EAAC,MAAM,gBAAY,iBAAiB,GAAG,GACvE,CACR,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,iBAAiB,EAAC,YAAY,EAAC,cAAc,YACtE,OAAO,GACH,CACR,IACI,CACR,IACI,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
|
@@ -1,31 +1,13 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
"use client";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
10
|
-
t[p[i]] = s[p[i]];
|
|
11
|
-
}
|
|
12
|
-
return t;
|
|
13
|
-
};
|
|
14
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
15
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
16
|
-
};
|
|
17
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
-
exports.UserMenu = void 0;
|
|
19
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
20
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
21
|
-
const _1 = require(".");
|
|
22
|
-
const UserMenu_module_scss_1 = __importDefault(require("./UserMenu.module.scss"));
|
|
23
|
-
const UserMenu = (_a) => {
|
|
24
|
-
var { selected = false, dropdown, minWidth, maxWidth, minHeight, placement, className, style } = _a, userProps = __rest(_a, ["selected", "dropdown", "minWidth", "maxWidth", "minHeight", "placement", "className", "style"]);
|
|
25
|
-
return ((0, jsx_runtime_1.jsx)(_1.DropdownWrapper, { minWidth: minWidth, maxWidth: maxWidth, minHeight: minHeight, placement: placement, style: {
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import classNames from "classnames";
|
|
4
|
+
import { Flex, DropdownWrapper, User } from ".";
|
|
5
|
+
import styles from "./UserMenu.module.scss";
|
|
6
|
+
const UserMenu = ({ selected = false, dropdown, minWidth, maxWidth, minHeight, placement, className, style, ...userProps }) => {
|
|
7
|
+
return (_jsx(DropdownWrapper, { minWidth: minWidth, maxWidth: maxWidth, minHeight: minHeight, placement: placement, style: {
|
|
26
8
|
borderRadius: "var(--radius-full)",
|
|
27
|
-
}, trigger: (
|
|
9
|
+
}, trigger: _jsx(Flex, { tabIndex: 0, direction: "column", padding: "4", radius: "full", cursor: "interactive", border: selected ? "neutral-medium" : "transparent", background: selected ? "neutral-strong" : "transparent", className: classNames(className || "", selected ? styles.selected : "", styles.wrapper), style: style, children: _jsx(User, { ...userProps }) }), dropdown: dropdown }));
|
|
28
10
|
};
|
|
29
|
-
exports.UserMenu = UserMenu;
|
|
30
11
|
UserMenu.displayName = "UserMenu";
|
|
12
|
+
export { UserMenu };
|
|
31
13
|
//# sourceMappingURL=UserMenu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UserMenu.js","sourceRoot":"","sources":["../../src/components/UserMenu.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"UserMenu.js","sourceRoot":"","sources":["../../src/components/UserMenu.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,IAAI,EAAmC,MAAM,GAAG,CAAC;AACjF,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAa5C,MAAM,QAAQ,GAA4B,CAAC,EACzC,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAS,EACT,SAAS,EACT,KAAK,EACL,GAAG,SAAS,EACb,EAAE,EAAE;IACH,OAAO,CACL,KAAC,eAAe,IACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE;YACL,YAAY,EAAE,oBAAoB;SACnC,EACD,OAAO,EACL,KAAC,IAAI,IACH,QAAQ,EAAE,CAAC,EACX,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAC,GAAG,EACX,MAAM,EAAC,MAAM,EACb,MAAM,EAAC,aAAa,EACpB,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,aAAa,EACnD,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,aAAa,EACvD,SAAS,EAAE,UAAU,CAAC,SAAS,IAAI,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,MAAM,CAAC,OAAO,CAAC,EACvF,KAAK,EAAE,KAAK,YAEZ,KAAC,IAAI,OAAK,SAAS,GAAI,GAClB,EAET,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
package/dist/components/index.js
CHANGED
|
@@ -1,98 +1,82 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
__exportStar(require("./StylePanel"), exports);
|
|
83
|
-
__exportStar(require("./StyleOverlay"), exports);
|
|
84
|
-
__exportStar(require("./Switch"), exports);
|
|
85
|
-
__exportStar(require("./Table"), exports);
|
|
86
|
-
__exportStar(require("./Tag"), exports);
|
|
87
|
-
__exportStar(require("./TagInput"), exports);
|
|
88
|
-
__exportStar(require("./Text"), exports);
|
|
89
|
-
__exportStar(require("./Textarea"), exports);
|
|
90
|
-
__exportStar(require("./TiltFx"), exports);
|
|
91
|
-
__exportStar(require("./Toast"), exports);
|
|
92
|
-
__exportStar(require("./Toaster"), exports);
|
|
93
|
-
__exportStar(require("./ToggleButton"), exports);
|
|
94
|
-
__exportStar(require("./Tooltip"), exports);
|
|
95
|
-
__exportStar(require("./ThemeSwitcher"), exports);
|
|
96
|
-
__exportStar(require("./User"), exports);
|
|
97
|
-
__exportStar(require("./UserMenu"), exports);
|
|
1
|
+
export * from "./Accordion";
|
|
2
|
+
export * from "./AccordionGroup";
|
|
3
|
+
export * from "./Arrow";
|
|
4
|
+
export * from "./AutoScroll";
|
|
5
|
+
export * from "./Avatar";
|
|
6
|
+
export * from "./AvatarGroup";
|
|
7
|
+
export * from "./Badge";
|
|
8
|
+
export * from "./Banner";
|
|
9
|
+
export * from "./Background";
|
|
10
|
+
export * from "./Button";
|
|
11
|
+
export * from "./Carousel";
|
|
12
|
+
export * from "./Card";
|
|
13
|
+
export * from "./CursorCard";
|
|
14
|
+
export * from "./Column";
|
|
15
|
+
export * from "./Checkbox";
|
|
16
|
+
export * from "./Chip";
|
|
17
|
+
export * from "./ColorInput";
|
|
18
|
+
export * from "./CompareImage";
|
|
19
|
+
export * from "./DateInput";
|
|
20
|
+
export * from "./DatePicker";
|
|
21
|
+
export * from "./DateRangeInput";
|
|
22
|
+
export * from "./DateRangePicker";
|
|
23
|
+
export * from "./Dialog";
|
|
24
|
+
export * from "./Dropdown";
|
|
25
|
+
export * from "./DropdownWrapper";
|
|
26
|
+
export * from "./ElementType";
|
|
27
|
+
export * from "./Fade";
|
|
28
|
+
export * from "./Feedback";
|
|
29
|
+
export * from "./Flex";
|
|
30
|
+
export * from "./FlipFx";
|
|
31
|
+
export * from "./GlitchFx";
|
|
32
|
+
export * from "./Grid";
|
|
33
|
+
export * from "./Heading";
|
|
34
|
+
export * from "./HoloFx";
|
|
35
|
+
export * from "./Icon";
|
|
36
|
+
export * from "./IconButton";
|
|
37
|
+
export * from "./InfiniteScroll";
|
|
38
|
+
export * from "./InlineCode";
|
|
39
|
+
export * from "./Input";
|
|
40
|
+
export * from "./InteractiveDetails";
|
|
41
|
+
export * from "./Kbd";
|
|
42
|
+
export * from "./LetterFx";
|
|
43
|
+
export * from "./Line";
|
|
44
|
+
export * from "./Logo";
|
|
45
|
+
export * from "./LogoCloud";
|
|
46
|
+
export * from "./Mask";
|
|
47
|
+
export * from "./Media";
|
|
48
|
+
export * from "./NavIcon";
|
|
49
|
+
export * from "./NumberInput";
|
|
50
|
+
export * from "./OgCard";
|
|
51
|
+
export * from "./Option";
|
|
52
|
+
export * from "./OTPInput";
|
|
53
|
+
export * from "./Particle";
|
|
54
|
+
export * from "./PasswordInput";
|
|
55
|
+
export * from "./RadioButton";
|
|
56
|
+
export * from "./RevealFx";
|
|
57
|
+
export * from "./Row";
|
|
58
|
+
export * from "./Scroller";
|
|
59
|
+
export * from "./ScrollToTop";
|
|
60
|
+
export * from "./SegmentedControl";
|
|
61
|
+
export * from "./Select";
|
|
62
|
+
export * from "./Skeleton";
|
|
63
|
+
export * from "./SmartLink";
|
|
64
|
+
export * from "./Spinner";
|
|
65
|
+
export * from "./StatusIndicator";
|
|
66
|
+
export * from "./StylePanel";
|
|
67
|
+
export * from "./StyleOverlay";
|
|
68
|
+
export * from "./Switch";
|
|
69
|
+
export * from "./Table";
|
|
70
|
+
export * from "./Tag";
|
|
71
|
+
export * from "./TagInput";
|
|
72
|
+
export * from "./Text";
|
|
73
|
+
export * from "./Textarea";
|
|
74
|
+
export * from "./TiltFx";
|
|
75
|
+
export * from "./Toast";
|
|
76
|
+
export * from "./Toaster";
|
|
77
|
+
export * from "./ToggleButton";
|
|
78
|
+
export * from "./Tooltip";
|
|
79
|
+
export * from "./ThemeSwitcher";
|
|
80
|
+
export * from "./User";
|
|
81
|
+
export * from "./UserMenu";
|
|
98
82
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,sBAAsB,CAAC;AACrC,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC"}
|