@once-ui-system/core 1.3.15 → 1.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Accordion.d.ts +1 -0
- package/dist/components/Accordion.d.ts.map +1 -1
- package/dist/components/Accordion.js +18 -10
- package/dist/components/Accordion.js.map +1 -1
- package/dist/components/AccordionGroup.d.ts +1 -0
- package/dist/components/AccordionGroup.d.ts.map +1 -1
- package/dist/components/AccordionGroup.js +18 -3
- package/dist/components/AccordionGroup.js.map +1 -1
- package/dist/components/ArrowNavigationContext.d.ts +33 -0
- package/dist/components/ArrowNavigationContext.d.ts.map +1 -0
- package/dist/components/ArrowNavigationContext.js +60 -0
- package/dist/components/ArrowNavigationContext.js.map +1 -0
- package/dist/components/AutoScroll.js +1 -1
- package/dist/components/AutoScroll.js.map +1 -1
- package/dist/components/Button.d.ts +2 -1
- package/dist/components/Button.d.ts.map +1 -1
- package/dist/components/Button.js +3 -3
- package/dist/components/Button.js.map +1 -1
- package/dist/components/Button.module.scss +31 -8
- package/dist/components/Carousel.js +5 -5
- package/dist/components/Carousel.js.map +1 -1
- package/dist/components/ClientFlex.d.ts +7 -0
- package/dist/components/ClientFlex.d.ts.map +1 -0
- package/dist/components/ClientFlex.js +95 -0
- package/dist/components/ClientFlex.js.map +1 -0
- package/dist/components/ClientGrid.d.ts +7 -0
- package/dist/components/ClientGrid.d.ts.map +1 -0
- package/dist/components/ClientGrid.js +95 -0
- package/dist/components/ClientGrid.js.map +1 -0
- package/dist/components/Column.d.ts.map +1 -1
- package/dist/components/Column.js +1 -0
- package/dist/components/Column.js.map +1 -1
- package/dist/components/CountFx.d.ts +14 -0
- package/dist/components/CountFx.d.ts.map +1 -0
- package/dist/components/CountFx.js +195 -0
- package/dist/components/CountFx.js.map +1 -0
- package/dist/components/Cursor.d.ts +8 -0
- package/dist/components/Cursor.d.ts.map +1 -0
- package/dist/components/Cursor.js +79 -0
- package/dist/components/Cursor.js.map +1 -0
- package/dist/components/CursorCard.js +1 -1
- package/dist/components/CursorCard.js.map +1 -1
- package/dist/components/DateInput.d.ts +2 -0
- package/dist/components/DateInput.d.ts.map +1 -1
- package/dist/components/DateInput.js +8 -7
- package/dist/components/DateInput.js.map +1 -1
- package/dist/components/DatePicker.d.ts +3 -0
- package/dist/components/DatePicker.d.ts.map +1 -1
- package/dist/components/DatePicker.js +297 -23
- package/dist/components/DatePicker.js.map +1 -1
- package/dist/components/DateRangeInput.d.ts.map +1 -1
- package/dist/components/DateRangeInput.js +6 -3
- package/dist/components/DateRangeInput.js.map +1 -1
- package/dist/components/Dialog.js +1 -1
- package/dist/components/Dialog.js.map +1 -1
- package/dist/components/Dropdown.d.ts.map +1 -1
- package/dist/components/Dropdown.js +3 -1
- package/dist/components/Dropdown.js.map +1 -1
- package/dist/components/DropdownWrapper.d.ts +8 -0
- package/dist/components/DropdownWrapper.d.ts.map +1 -1
- package/dist/components/DropdownWrapper.js +237 -79
- package/dist/components/DropdownWrapper.js.map +1 -1
- package/dist/components/ElementType.js +1 -1
- package/dist/components/ElementType.js.map +1 -1
- package/dist/components/EmojiPicker.d.ts +2 -3
- package/dist/components/EmojiPicker.d.ts.map +1 -1
- package/dist/components/EmojiPicker.js.map +1 -1
- package/dist/components/EmojiPickerDropdown.d.ts +2 -2
- package/dist/components/EmojiPickerDropdown.d.ts.map +1 -1
- package/dist/components/Feedback.d.ts.map +1 -1
- package/dist/components/Feedback.js +1 -1
- package/dist/components/Feedback.js.map +1 -1
- package/dist/components/Flex.d.ts +4 -3
- package/dist/components/Flex.d.ts.map +1 -1
- package/dist/components/Flex.js +135 -94
- package/dist/components/Flex.js.map +1 -1
- package/dist/components/FocusTrap.d.ts +16 -0
- package/dist/components/FocusTrap.d.ts.map +1 -0
- package/dist/components/FocusTrap.js +82 -0
- package/dist/components/FocusTrap.js.map +1 -0
- package/dist/components/Grid.d.ts +3 -5
- package/dist/components/Grid.d.ts.map +1 -1
- package/dist/components/Grid.js +135 -62
- package/dist/components/Grid.js.map +1 -1
- package/dist/components/HoloFx.js +3 -3
- package/dist/components/HoloFx.js.map +1 -1
- package/dist/components/List.d.ts +11 -0
- package/dist/components/List.d.ts.map +1 -0
- package/dist/components/List.js +15 -0
- package/dist/components/List.js.map +1 -0
- package/dist/components/List.module.scss +30 -0
- package/dist/components/ListItem.d.ts +10 -0
- package/dist/components/ListItem.d.ts.map +1 -0
- package/dist/components/ListItem.js +12 -0
- package/dist/components/ListItem.js.map +1 -0
- package/dist/components/Media.d.ts +3 -1
- package/dist/components/Media.d.ts.map +1 -1
- package/dist/components/Media.js +18 -18
- package/dist/components/Media.js.map +1 -1
- package/dist/components/OgCard.d.ts +9 -10
- package/dist/components/OgCard.d.ts.map +1 -1
- package/dist/components/OgCard.js +43 -29
- package/dist/components/OgCard.js.map +1 -1
- package/dist/components/Option.d.ts +1 -0
- package/dist/components/Option.d.ts.map +1 -1
- package/dist/components/Option.js +52 -13
- package/dist/components/Option.js.map +1 -1
- package/dist/components/Option.module.scss +14 -3
- package/dist/components/ProgressBar.d.ts +15 -0
- package/dist/components/ProgressBar.d.ts.map +1 -0
- package/dist/components/ProgressBar.js +12 -0
- package/dist/components/ProgressBar.js.map +1 -0
- package/dist/components/RevealFx.d.ts +1 -1
- package/dist/components/RevealFx.d.ts.map +1 -1
- package/dist/components/RevealFx.js +3 -0
- package/dist/components/RevealFx.js.map +1 -1
- package/dist/components/RevealFx.module.scss +1 -1
- package/dist/components/Row.d.ts.map +1 -1
- package/dist/components/Row.js +1 -0
- package/dist/components/Row.js.map +1 -1
- package/dist/components/Select.d.ts +3 -2
- package/dist/components/Select.d.ts.map +1 -1
- package/dist/components/Select.js +82 -178
- package/dist/components/Select.js.map +1 -1
- package/dist/components/ServerFlex.d.ts +6 -0
- package/dist/components/ServerFlex.d.ts.map +1 -0
- package/dist/components/ServerFlex.js +123 -0
- package/dist/components/ServerFlex.js.map +1 -0
- package/dist/components/ServerGrid.d.ts +7 -0
- package/dist/components/ServerGrid.d.ts.map +1 -0
- package/dist/components/ServerGrid.js +74 -0
- package/dist/components/ServerGrid.js.map +1 -0
- package/dist/components/StylePanel.js +10 -10
- package/dist/components/StylePanel.js.map +1 -1
- package/dist/components/Switch.js +1 -1
- package/dist/components/Switch.js.map +1 -1
- package/dist/components/ToggleButton.d.ts +1 -1
- package/dist/components/ToggleButton.d.ts.map +1 -1
- package/dist/components/Tooltip.js +1 -1
- package/dist/components/Tooltip.js.map +1 -1
- package/dist/components/index.d.ts +11 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +11 -0
- package/dist/components/index.js.map +1 -1
- package/dist/contexts/LayoutContext.d.ts +24 -0
- package/dist/contexts/LayoutContext.d.ts.map +1 -0
- package/dist/contexts/LayoutContext.js +72 -0
- package/dist/contexts/LayoutContext.js.map +1 -0
- package/dist/contexts/index.d.ts +1 -0
- package/dist/contexts/index.d.ts.map +1 -1
- package/dist/contexts/index.js +1 -0
- package/dist/contexts/index.js.map +1 -1
- package/dist/css/styles.css +1 -1
- package/dist/css/styles.css.map +1 -1
- package/dist/data/emoji-data.json +8 -0
- package/dist/hooks/useArrowNavigation.d.ts +23 -0
- package/dist/hooks/useArrowNavigation.d.ts.map +1 -0
- package/dist/hooks/useArrowNavigation.js +208 -0
- package/dist/hooks/useArrowNavigation.js.map +1 -0
- package/dist/hooks/useFetchOg.d.ts.map +1 -1
- package/dist/hooks/useFetchOg.js +8 -0
- package/dist/hooks/useFetchOg.js.map +1 -1
- package/dist/icons.d.ts.map +1 -1
- package/dist/icons.js +3 -2
- package/dist/icons.js.map +1 -1
- package/dist/interfaces.d.ts +56 -16
- package/dist/interfaces.d.ts.map +1 -1
- package/dist/modules/code/CodeBlock.d.ts.map +1 -1
- package/dist/modules/code/CodeBlock.js +4 -4
- package/dist/modules/code/CodeBlock.js.map +1 -1
- package/dist/modules/data/BarChart.d.ts.map +1 -1
- package/dist/modules/data/BarChart.js +2 -2
- package/dist/modules/data/BarChart.js.map +1 -1
- package/dist/modules/data/ChartHeader.js +1 -1
- package/dist/modules/data/ChartHeader.js.map +1 -1
- package/dist/modules/data/ChartStatus.d.ts +3 -1
- package/dist/modules/data/ChartStatus.d.ts.map +1 -1
- package/dist/modules/data/ChartStatus.js +3 -3
- package/dist/modules/data/ChartStatus.js.map +1 -1
- package/dist/modules/data/DataTooltip.d.ts.map +1 -1
- package/dist/modules/data/DataTooltip.js +2 -22
- package/dist/modules/data/DataTooltip.js.map +1 -1
- package/dist/modules/data/LineBarChart.d.ts.map +1 -1
- package/dist/modules/data/LineBarChart.js +2 -2
- package/dist/modules/data/LineBarChart.js.map +1 -1
- package/dist/modules/data/LineChart.d.ts.map +1 -1
- package/dist/modules/data/LineChart.js +2 -2
- package/dist/modules/data/LineChart.js.map +1 -1
- package/dist/modules/data/PieChart.d.ts.map +1 -1
- package/dist/modules/data/PieChart.js +2 -2
- package/dist/modules/data/PieChart.js.map +1 -1
- package/dist/modules/data/interfaces.d.ts +2 -0
- package/dist/modules/data/interfaces.d.ts.map +1 -1
- package/dist/modules/navigation/HeadingLink.js +1 -1
- package/dist/modules/navigation/HeadingLink.js.map +1 -1
- package/dist/modules/navigation/Kbar.d.ts +2 -0
- package/dist/modules/navigation/Kbar.d.ts.map +1 -1
- package/dist/modules/navigation/Kbar.js +8 -12
- package/dist/modules/navigation/Kbar.js.map +1 -1
- package/dist/modules/navigation/MobileMegaMenu.js +1 -1
- package/dist/modules/navigation/MobileMegaMenu.js.map +1 -1
- package/dist/package.json +1 -1
- package/dist/styles/border.scss +10 -0
- package/dist/styles/display.scss +116 -0
- package/dist/styles/flex.scss +305 -6
- package/dist/styles/global.scss +0 -33
- package/dist/styles/grid.scss +110 -24
- package/dist/styles/index.scss +13 -14
- package/dist/styles/position.scss +932 -0
- package/dist/types.d.ts +3 -2
- package/dist/types.d.ts.map +1 -1
- package/package.json +102 -100
- package/dist/styles/layout.scss +0 -119
- package/next-env.d.ts +0 -5
|
@@ -13,6 +13,7 @@ interface AccordionProps extends Omit<React.ComponentProps<typeof Flex>, "title"
|
|
|
13
13
|
size?: "s" | "m" | "l";
|
|
14
14
|
radius?: "xs" | "s" | "m" | "l" | "xl" | "full";
|
|
15
15
|
open?: boolean;
|
|
16
|
+
onToggle?: () => void;
|
|
16
17
|
className?: string;
|
|
17
18
|
style?: React.CSSProperties;
|
|
18
19
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../src/components/Accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4E,MAAM,OAAO,CAAC;AACjG,OAAO,EAAE,IAAI,EAA4B,MAAM,GAAG,CAAC;AAInD,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACrD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,UAAU,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,OAAO,CAAC;IAC/E,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACvB,MAAM,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,MAAM,CAAC;IAChD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,SAAS,
|
|
1
|
+
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../src/components/Accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4E,MAAM,OAAO,CAAC;AACjG,OAAO,EAAE,IAAI,EAA4B,MAAM,GAAG,CAAC;AAInD,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACrD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,UAAU,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,OAAO,CAAC;IAC/E,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACvB,MAAM,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,MAAM,CAAC;IAChD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,SAAS,qGA8Gd,CAAC;AAGF,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -4,14 +4,23 @@ import { useState, forwardRef, useImperativeHandle, useEffect, useCallback } fro
|
|
|
4
4
|
import { Flex, Icon, Text, Column, Grid } from ".";
|
|
5
5
|
import styles from "./Accordion.module.scss";
|
|
6
6
|
import classNames from "classnames";
|
|
7
|
-
const Accordion = forwardRef(({ title, children, open = false, iconRotation = 180, radius, icon = "chevronDown", size = "m", className, style, ...rest }, ref) => {
|
|
7
|
+
const Accordion = forwardRef(({ title, children, open = false, onToggle, iconRotation = 180, radius = "m", icon = "chevronDown", size = "m", className, style, ...rest }, ref) => {
|
|
8
8
|
const [isOpen, setIsOpen] = useState(open);
|
|
9
9
|
useEffect(() => {
|
|
10
10
|
setIsOpen(open);
|
|
11
11
|
}, [open]);
|
|
12
|
+
// Use controlled state when onToggle is provided, otherwise use internal state
|
|
13
|
+
const isAccordionOpen = onToggle ? open : isOpen;
|
|
12
14
|
const toggleAccordion = useCallback(() => {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
+
if (onToggle) {
|
|
16
|
+
// If onToggle is provided, let the parent control the state
|
|
17
|
+
onToggle();
|
|
18
|
+
}
|
|
19
|
+
else {
|
|
20
|
+
// Otherwise, manage state internally
|
|
21
|
+
setIsOpen((prev) => !prev);
|
|
22
|
+
}
|
|
23
|
+
}, [onToggle]);
|
|
15
24
|
useImperativeHandle(ref, () => {
|
|
16
25
|
const methods = {
|
|
17
26
|
toggle: toggleAccordion,
|
|
@@ -20,19 +29,18 @@ const Accordion = forwardRef(({ title, children, open = false, iconRotation = 18
|
|
|
20
29
|
};
|
|
21
30
|
return Object.assign(document.createElement("div"), methods);
|
|
22
31
|
}, [toggleAccordion]);
|
|
23
|
-
return (_jsxs(Column, { fillWidth: true, children: [_jsxs(Flex, { tabIndex: 0, className: classNames(styles.accordion, className), style: style, cursor: "
|
|
32
|
+
return (_jsxs(Column, { fillWidth: true, children: [_jsxs(Flex, { tabIndex: 0, className: classNames(styles.accordion, className), style: style, cursor: "interactive", transition: "macro-medium", paddingY: size === "s" ? "8" : size === "m" ? "12" : "16", paddingX: size === "s" ? "12" : size === "m" ? "16" : "20", vertical: "center", horizontal: "between", onClick: toggleAccordion, onKeyDown: (e) => {
|
|
24
33
|
if (e.key === "Enter" || e.key === " ") {
|
|
25
34
|
e.preventDefault();
|
|
26
35
|
toggleAccordion();
|
|
27
36
|
}
|
|
28
|
-
}, "aria-expanded":
|
|
37
|
+
}, "aria-expanded": isAccordionOpen, "aria-controls": "accordion-content", radius: radius, role: "button", children: [_jsx(Text, { variant: "heading-strong-s", children: title }), _jsx(Icon, { name: icon, size: size === "s" ? "xs" : "s", onBackground: isAccordionOpen ? "neutral-strong" : "neutral-weak", style: {
|
|
29
38
|
display: "flex",
|
|
30
|
-
transform:
|
|
39
|
+
transform: isAccordionOpen ? `rotate(${iconRotation}deg)` : "rotate(0deg)",
|
|
31
40
|
transition: "var(--transition-micro-medium)",
|
|
32
|
-
} })] }), _jsx(Grid, { id: "accordion-content", fillWidth: true, style: {
|
|
33
|
-
gridTemplateRows:
|
|
34
|
-
|
|
35
|
-
}, "aria-hidden": !isOpen, children: _jsx(Flex, { fillWidth: true, minHeight: 0, overflow: "hidden", children: _jsx(Column, { fillWidth: true, paddingX: size === "s" ? "12" : size === "m" ? "16" : "20", paddingTop: "8", paddingBottom: "16", ...rest, children: children }) }) })] }));
|
|
41
|
+
} })] }), _jsx(Grid, { id: "accordion-content", fillWidth: true, transition: "macro-medium", style: {
|
|
42
|
+
gridTemplateRows: isAccordionOpen ? "1fr" : "0fr",
|
|
43
|
+
}, "aria-hidden": !isAccordionOpen, children: _jsx(Flex, { fillWidth: true, minHeight: 0, overflow: "hidden", children: _jsx(Column, { fillWidth: true, paddingX: size === "s" ? "12" : size === "m" ? "16" : "20", paddingTop: "8", paddingBottom: "16", ...rest, children: children }) }) })] }));
|
|
36
44
|
});
|
|
37
45
|
Accordion.displayName = "Accordion";
|
|
38
46
|
export { Accordion };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../src/components/Accordion.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,mBAAmB,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACjG,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AACnD,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAC7C,OAAO,UAAU,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../src/components/Accordion.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionGroup.d.ts","sourceRoot":"","sources":["../../src/components/AccordionGroup.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AccordionGroup.d.ts","sourceRoot":"","sources":["../../src/components/AccordionGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAgC,MAAM,OAAO,CAAC;AACrD,OAAO,EAA2B,IAAI,EAAE,MAAM,GAAG,CAAC;AAElD,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CAAC;AAEF,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC5E,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAoDjD,CAAC;AAGF,OAAO,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -1,11 +1,26 @@
|
|
|
1
|
+
"use client";
|
|
1
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import React from "react";
|
|
3
|
+
import React, { useState, useCallback } from "react";
|
|
3
4
|
import { Column, Accordion, Line } from ".";
|
|
4
|
-
const AccordionGroup = ({ items, size = "m", style, className, ...rest }) => {
|
|
5
|
+
const AccordionGroup = ({ items, size = "m", style, className, autoCollapse = true, ...rest }) => {
|
|
6
|
+
const [openAccordion, setOpenAccordion] = useState(null);
|
|
7
|
+
const handleAccordionToggle = useCallback((index) => {
|
|
8
|
+
if (autoCollapse) {
|
|
9
|
+
// If clicking the same accordion, close it
|
|
10
|
+
if (openAccordion === index) {
|
|
11
|
+
setOpenAccordion(null);
|
|
12
|
+
}
|
|
13
|
+
else {
|
|
14
|
+
// Otherwise, open the clicked accordion and close others
|
|
15
|
+
setOpenAccordion(index);
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
// If autoCollapse is false, let each accordion handle its own state
|
|
19
|
+
}, [autoCollapse, openAccordion]);
|
|
5
20
|
if (!items || items.length === 0) {
|
|
6
21
|
return null;
|
|
7
22
|
}
|
|
8
|
-
return (_jsx(Column, { fillWidth: true, radius: "m", border: "neutral-alpha-medium", overflow: "hidden", style: style, className: className || "", ...rest, children: items.map((item, index) => (_jsxs(React.Fragment, { children: [_jsx(Accordion, { title: item.title, size: size, children: item.content }), index < items.length - 1 && _jsx(Line, { background: "neutral-alpha-medium" })] }, index))) }));
|
|
23
|
+
return (_jsx(Column, { fillWidth: true, radius: "m", border: "neutral-alpha-medium", overflow: "hidden", style: style, className: className || "", ...rest, children: items.map((item, index) => (_jsxs(React.Fragment, { children: [_jsx(Accordion, { title: item.title, size: size, open: autoCollapse ? openAccordion === index : undefined, onToggle: () => handleAccordionToggle(index), children: item.content }), index < items.length - 1 && _jsx(Line, { background: "neutral-alpha-medium" })] }, index))) }));
|
|
9
24
|
};
|
|
10
25
|
AccordionGroup.displayName = "AccordionGroup";
|
|
11
26
|
export { AccordionGroup };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionGroup.js","sourceRoot":"","sources":["../../src/components/AccordionGroup.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AccordionGroup.js","sourceRoot":"","sources":["../../src/components/AccordionGroup.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAQ,MAAM,GAAG,CAAC;AAelD,MAAM,cAAc,GAAkC,CAAC,EACrD,KAAK,EACL,IAAI,GAAG,GAAG,EACV,KAAK,EACL,SAAS,EACT,YAAY,GAAG,IAAI,EACnB,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAExE,MAAM,qBAAqB,GAAG,WAAW,CAAC,CAAC,KAAa,EAAE,EAAE;QAC1D,IAAI,YAAY,EAAE,CAAC;YACjB,2CAA2C;YAC3C,IAAI,aAAa,KAAK,KAAK,EAAE,CAAC;gBAC5B,gBAAgB,CAAC,IAAI,CAAC,CAAC;YACzB,CAAC;iBAAM,CAAC;gBACN,yDAAyD;gBACzD,gBAAgB,CAAC,KAAK,CAAC,CAAC;YAC1B,CAAC;QACH,CAAC;QACD,oEAAoE;IACtE,CAAC,EAAE,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC,CAAC;IAElC,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACjC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,KAAC,MAAM,IACL,SAAS,QACT,MAAM,EAAC,GAAG,EACV,MAAM,EAAC,sBAAsB,EAC7B,QAAQ,EAAC,QAAQ,EACjB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,IAAI,EAAE,KACtB,IAAI,YAEP,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,MAAC,KAAK,CAAC,QAAQ,eACb,KAAC,SAAS,IACR,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,aAAa,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,EACxD,QAAQ,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,KAAK,CAAC,YAE3C,IAAI,CAAC,OAAO,GACH,EACX,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,KAAC,IAAI,IAAC,UAAU,EAAC,sBAAsB,GAAG,KATpD,KAAK,CAUT,CAClB,CAAC,GACK,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
|
+
import { ArrowNavigationOptions } from '../hooks/useArrowNavigation';
|
|
3
|
+
interface ArrowNavigationContextType {
|
|
4
|
+
focusedIndex: number;
|
|
5
|
+
setFocusedIndex: (index: number) => void;
|
|
6
|
+
handleKeyDown: (e: React.KeyboardEvent<HTMLElement>) => void;
|
|
7
|
+
applyHighlightedState: () => void;
|
|
8
|
+
}
|
|
9
|
+
export interface ArrowNavigationProps extends Omit<ArrowNavigationOptions, 'containerRef'> {
|
|
10
|
+
children: ReactNode;
|
|
11
|
+
className?: string;
|
|
12
|
+
style?: React.CSSProperties;
|
|
13
|
+
role?: string;
|
|
14
|
+
'aria-label'?: string;
|
|
15
|
+
trapFocus?: boolean;
|
|
16
|
+
focusTrapActive?: boolean;
|
|
17
|
+
onEscape?: () => void;
|
|
18
|
+
autoFocusTrap?: boolean;
|
|
19
|
+
restoreFocus?: boolean;
|
|
20
|
+
}
|
|
21
|
+
export declare const ArrowNavigation: React.FC<ArrowNavigationProps>;
|
|
22
|
+
/**
|
|
23
|
+
* Hook to access the ArrowNavigation context
|
|
24
|
+
*/
|
|
25
|
+
export declare const useArrowNavigationContext: () => ArrowNavigationContextType;
|
|
26
|
+
/**
|
|
27
|
+
* Higher-order component to make a component navigable with arrow keys
|
|
28
|
+
*/
|
|
29
|
+
export declare function withArrowNavigation<P extends object>(Component: React.ComponentType<P>, options: Omit<ArrowNavigationProps, 'children'>): React.FC<P & {
|
|
30
|
+
children?: ReactNode;
|
|
31
|
+
}>;
|
|
32
|
+
export default ArrowNavigation;
|
|
33
|
+
//# sourceMappingURL=ArrowNavigationContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ArrowNavigationContext.d.ts","sourceRoot":"","sources":["../../src/components/ArrowNavigationContext.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAqC,SAAS,EAAa,MAAM,OAAO,CAAC;AACvF,OAAO,EAAsB,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAGzF,UAAU,0BAA0B;IAClC,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC7D,qBAAqB,EAAE,MAAM,IAAI,CAAC;CACnC;AAID,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,sBAAsB,EAAE,cAAc,CAAC;IACxF,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAwF1D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,yBAAyB,kCAMrC,CAAC;AAEF;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,MAAM,EAClD,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,EACjC,OAAO,EAAE,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC,GAC9C,KAAK,CAAC,EAAE,CAAC,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC,CAMxC;AAED,eAAe,eAAe,CAAC"}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { createContext, useContext, useRef, useEffect } from 'react';
|
|
4
|
+
import { useArrowNavigation } from '../hooks/useArrowNavigation';
|
|
5
|
+
import { FocusTrap } from './FocusTrap';
|
|
6
|
+
const ArrowNavigationContext = createContext(null);
|
|
7
|
+
export const ArrowNavigation = ({ layout, itemCount, columns, onSelect, onFocusChange, wrap, initialFocusedIndex, itemSelector, autoFocus, disabled, children, className, style, role, 'aria-label': ariaLabel, trapFocus = false, focusTrapActive = true, onEscape, autoFocusTrap = true, restoreFocus = true, }) => {
|
|
8
|
+
const containerRef = useRef(null);
|
|
9
|
+
const navigation = useArrowNavigation({
|
|
10
|
+
layout,
|
|
11
|
+
itemCount,
|
|
12
|
+
columns,
|
|
13
|
+
containerRef,
|
|
14
|
+
onSelect,
|
|
15
|
+
onFocusChange,
|
|
16
|
+
wrap,
|
|
17
|
+
initialFocusedIndex,
|
|
18
|
+
itemSelector,
|
|
19
|
+
autoFocus,
|
|
20
|
+
disabled,
|
|
21
|
+
});
|
|
22
|
+
// Focus the container when autoFocus is enabled
|
|
23
|
+
useEffect(() => {
|
|
24
|
+
if (autoFocus && containerRef.current && !disabled) {
|
|
25
|
+
// Small delay to ensure the component is fully mounted
|
|
26
|
+
const timer = setTimeout(() => {
|
|
27
|
+
if (containerRef.current) {
|
|
28
|
+
containerRef.current.focus();
|
|
29
|
+
}
|
|
30
|
+
}, 0);
|
|
31
|
+
return () => clearTimeout(timer);
|
|
32
|
+
}
|
|
33
|
+
}, [autoFocus, disabled]);
|
|
34
|
+
// Determine the appropriate role based on layout if not provided
|
|
35
|
+
const defaultRole = layout === 'grid' ? 'grid' : 'listbox';
|
|
36
|
+
// Create the navigation container
|
|
37
|
+
const navigationContainer = (_jsx("div", { ref: containerRef, className: className, style: { ...style, outline: 'none' }, onKeyDown: (e) => {
|
|
38
|
+
console.log('ArrowNavigation keydown:', e.key, 'autoFocus:', autoFocus, 'disabled:', disabled);
|
|
39
|
+
navigation.handleKeyDown(e);
|
|
40
|
+
}, role: role || defaultRole, "aria-label": ariaLabel, tabIndex: -1, children: children }));
|
|
41
|
+
return (_jsx(ArrowNavigationContext.Provider, { value: navigation, children: trapFocus ? (_jsx(FocusTrap, { active: focusTrapActive, onEscape: onEscape, autoFocus: autoFocusTrap, restoreFocus: restoreFocus, children: navigationContainer })) : (navigationContainer) }));
|
|
42
|
+
};
|
|
43
|
+
/**
|
|
44
|
+
* Hook to access the ArrowNavigation context
|
|
45
|
+
*/
|
|
46
|
+
export const useArrowNavigationContext = () => {
|
|
47
|
+
const context = useContext(ArrowNavigationContext);
|
|
48
|
+
if (!context) {
|
|
49
|
+
throw new Error('useArrowNavigationContext must be used within an ArrowNavigation component');
|
|
50
|
+
}
|
|
51
|
+
return context;
|
|
52
|
+
};
|
|
53
|
+
/**
|
|
54
|
+
* Higher-order component to make a component navigable with arrow keys
|
|
55
|
+
*/
|
|
56
|
+
export function withArrowNavigation(Component, options) {
|
|
57
|
+
return ({ children, ...props }) => (_jsx(ArrowNavigation, { ...options, children: _jsx(Component, { ...props, children: children }) }));
|
|
58
|
+
}
|
|
59
|
+
export default ArrowNavigation;
|
|
60
|
+
//# sourceMappingURL=ArrowNavigationContext.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ArrowNavigationContext.js","sourceRoot":"","sources":["../../src/components/ArrowNavigationContext.tsx"],"names":[],"mappings":"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"}
|
|
@@ -175,7 +175,7 @@ const AutoScroll = forwardRef(({ children, speed = "medium", hover = "slow", rev
|
|
|
175
175
|
return () => observer.disconnect();
|
|
176
176
|
}, [contentWidth]);
|
|
177
177
|
const gapStyle = typeof scrollGap === 'number' ? `${scrollGap}px` : scrollGap;
|
|
178
|
-
return (_jsx(Row, { overflow: "hidden", fillWidth: true, ref: ref, className: className, style: style, ...flex, children: _jsxs(Row, { fillWidth: true, ref: wrapperRef, className: styles.marqueeWrapper, onMouseEnter: () => setIsHovering(true), onMouseLeave: () => setIsHovering(false), children: [_jsx(Row, { fitWidth: true, horizontal: "
|
|
178
|
+
return (_jsx(Row, { overflow: "hidden", fillWidth: true, ref: ref, className: className, style: style, ...flex, children: _jsxs(Row, { fillWidth: true, ref: wrapperRef, className: styles.marqueeWrapper, onMouseEnter: () => setIsHovering(true), onMouseLeave: () => setIsHovering(false), children: [_jsx(Row, { fitWidth: true, horizontal: "around", className: styles.marqueeContent, ref: contentRef, style: { marginRight: gapStyle }, children: children || childrenStable }), _jsx(Row, { fitWidth: true, horizontal: "around", className: styles.marqueeContent, style: { marginRight: gapStyle }, children: children || childrenStable })] }) }));
|
|
179
179
|
});
|
|
180
180
|
AutoScroll.displayName = "AutoScroll";
|
|
181
181
|
export { AutoScroll };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AutoScroll.js","sourceRoot":"","sources":["../../src/components/AutoScroll.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"AutoScroll.js","sourceRoot":"","sources":["../../src/components/AutoScroll.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,8 +9,9 @@ interface CommonProps {
|
|
|
9
9
|
prefixIcon?: IconName;
|
|
10
10
|
suffixIcon?: IconName;
|
|
11
11
|
loading?: boolean;
|
|
12
|
+
disabled?: boolean;
|
|
12
13
|
fillWidth?: boolean;
|
|
13
|
-
horizontal?: "start" | "center" | "end" | "
|
|
14
|
+
horizontal?: "start" | "center" | "end" | "between";
|
|
14
15
|
children?: ReactNode;
|
|
15
16
|
href?: string;
|
|
16
17
|
className?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAMrD,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,UAAU,WAAW;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,CAAC;IAC1D,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,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC9B,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAMrD,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,UAAU,WAAW;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,CAAC;IAC1D,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,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC9B,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IACpD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AACtF,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAEtF,QAAA,MAAM,MAAM,uGAkFX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
|
@@ -5,14 +5,14 @@ import { ElementType } from "./ElementType";
|
|
|
5
5
|
import classNames from "classnames";
|
|
6
6
|
import { Spinner, Icon, Arrow, Flex } from ".";
|
|
7
7
|
import styles from "./Button.module.scss";
|
|
8
|
-
const Button = forwardRef(({ variant = "primary", size = "m", radius, label, weight = "strong", children, prefixIcon, suffixIcon, loading = false, fillWidth = false, horizontal = "center", href, id, arrowIcon = false, className, style, ...props }, ref) => {
|
|
8
|
+
const Button = forwardRef(({ variant = "primary", size = "m", radius, label, weight = "strong", children, prefixIcon, suffixIcon, loading = false, disabled = false, fillWidth = false, horizontal = "center", href, id, arrowIcon = false, className, style, ...props }, ref) => {
|
|
9
9
|
const iconSize = size === "l" ? "s" : size === "m" ? "s" : "xs";
|
|
10
10
|
const radiusSize = size === "s" || size === "m" ? "m" : "l";
|
|
11
|
-
return (_jsxs(ElementType, { id: id, href: href, ref: ref, className: classNames(styles.button, styles[variant], styles[size], radius === "none"
|
|
11
|
+
return (_jsxs(ElementType, { id: id, href: href, ref: ref, disabled: disabled, className: classNames(styles.button, styles[variant], styles[size], radius === "none"
|
|
12
12
|
? "radius-none"
|
|
13
13
|
: radius
|
|
14
14
|
? `radius-${radiusSize}-${radius}`
|
|
15
|
-
: `radius-${radiusSize}`, "text-decoration-none", "button", "cursor-interactive", {
|
|
15
|
+
: `radius-${radiusSize}`, "text-decoration-none", "button", disabled ? "cursor-not-allowed" : "cursor-interactive", {
|
|
16
16
|
["fill-width"]: fillWidth,
|
|
17
17
|
["fit-width"]: !fillWidth,
|
|
18
18
|
["justify-" + horizontal]: horizontal,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAa,UAAU,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAC/C,OAAO,MAAM,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,11 +15,9 @@
|
|
|
15
15
|
|
|
16
16
|
&:disabled {
|
|
17
17
|
box-shadow: none;
|
|
18
|
-
background: var(--neutral-solid-weak);
|
|
19
|
-
color: var(--neutral-on-solid-weak);
|
|
20
|
-
border: none;
|
|
21
|
-
pointer-events: none;
|
|
22
18
|
cursor: not-allowed;
|
|
19
|
+
background: var(--neutral-background-medium);
|
|
20
|
+
color: var(--neutral-on-background-weak);
|
|
23
21
|
}
|
|
24
22
|
}
|
|
25
23
|
|
|
@@ -33,6 +31,12 @@
|
|
|
33
31
|
|
|
34
32
|
&:hover, &:focus {
|
|
35
33
|
background: var(--brand-solid-strong);
|
|
34
|
+
|
|
35
|
+
&:disabled {
|
|
36
|
+
background: var(--neutral-background-medium);
|
|
37
|
+
color: var(--neutral-on-background-weak);
|
|
38
|
+
border: none;
|
|
39
|
+
}
|
|
36
40
|
}
|
|
37
41
|
}
|
|
38
42
|
|
|
@@ -46,6 +50,12 @@
|
|
|
46
50
|
&:hover, &:focus {
|
|
47
51
|
background: var(--neutral-alpha-weak);
|
|
48
52
|
border-color: var(--neutral-alpha-weak);
|
|
53
|
+
|
|
54
|
+
&:disabled {
|
|
55
|
+
background: var(--neutral-background-medium);
|
|
56
|
+
color: var(--neutral-on-background-weak);
|
|
57
|
+
border: 1px solid var(--neutral-alpha-weak);
|
|
58
|
+
}
|
|
49
59
|
}
|
|
50
60
|
}
|
|
51
61
|
|
|
@@ -56,11 +66,12 @@
|
|
|
56
66
|
|
|
57
67
|
&:hover, &:focus {
|
|
58
68
|
border: 1px solid var(--neutral-border-medium);
|
|
59
|
-
}
|
|
60
69
|
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
70
|
+
&:disabled {
|
|
71
|
+
background: var(--neutral-background-medium);
|
|
72
|
+
color: var(--neutral-on-background-weak);
|
|
73
|
+
border: 1px solid var(--static-transparent);
|
|
74
|
+
}
|
|
64
75
|
}
|
|
65
76
|
}
|
|
66
77
|
|
|
@@ -71,6 +82,12 @@
|
|
|
71
82
|
|
|
72
83
|
&:hover, &:focus {
|
|
73
84
|
color: var(--neutral-on-background-strong);
|
|
85
|
+
|
|
86
|
+
&:disabled {
|
|
87
|
+
background: var(--neutral-background-medium);
|
|
88
|
+
color: var(--neutral-on-background-weak);
|
|
89
|
+
border: 1px solid var(--neutral-alpha-weak);
|
|
90
|
+
}
|
|
74
91
|
}
|
|
75
92
|
}
|
|
76
93
|
|
|
@@ -84,6 +101,12 @@
|
|
|
84
101
|
|
|
85
102
|
&:hover, &:focus {
|
|
86
103
|
background: var(--danger-solid-strong);
|
|
104
|
+
|
|
105
|
+
&:disabled {
|
|
106
|
+
background: var(--neutral-background-medium);
|
|
107
|
+
color: var(--neutral-on-background-weak);
|
|
108
|
+
border: none;
|
|
109
|
+
}
|
|
87
110
|
}
|
|
88
111
|
}
|
|
89
112
|
|
|
@@ -41,8 +41,8 @@ const Carousel = ({ items = [], controls = true, indicator = "line", aspectRatio
|
|
|
41
41
|
setTimeout(() => {
|
|
42
42
|
setIsTransitioning(true);
|
|
43
43
|
transitionTimeoutRef.current = undefined;
|
|
44
|
-
},
|
|
45
|
-
},
|
|
44
|
+
}, 50);
|
|
45
|
+
}, 300);
|
|
46
46
|
}
|
|
47
47
|
};
|
|
48
48
|
useEffect(() => {
|
|
@@ -59,7 +59,7 @@ const Carousel = ({ items = [], controls = true, indicator = "line", aspectRatio
|
|
|
59
59
|
if (items.length === 0) {
|
|
60
60
|
return null;
|
|
61
61
|
}
|
|
62
|
-
return (_jsxs(Column, { fillWidth: true, gap: "12", ...rest, aspectRatio: undefined, children: [_jsxs(RevealFx, { fillWidth: true, trigger: isTransitioning,
|
|
62
|
+
return (_jsxs(Column, { fillWidth: true, gap: "12", ...rest, aspectRatio: undefined, children: [_jsxs(RevealFx, { fillWidth: true, trigger: isTransitioning, aspectRatio: aspectRatio, speed: 300, onTouchStart: (e) => {
|
|
63
63
|
touchStartXRef.current = e.touches[0].clientX;
|
|
64
64
|
}, onTouchEnd: (e) => {
|
|
65
65
|
if (touchStartXRef.current === null)
|
|
@@ -78,11 +78,11 @@ const Carousel = ({ items = [], controls = true, indicator = "line", aspectRatio
|
|
|
78
78
|
}
|
|
79
79
|
touchStartXRef.current = null;
|
|
80
80
|
touchEndXRef.current = null;
|
|
81
|
-
}, children: [typeof items[activeIndex]?.slide === 'string' ? (_jsx(Media, { sizes: sizes, priority: true, radius: "l", border: "neutral-alpha-weak", overflow: "hidden", alt: items[activeIndex]?.alt || '', aspectRatio: aspectRatio, src: items[activeIndex]?.slide, style: {
|
|
81
|
+
}, children: [typeof items[activeIndex]?.slide === 'string' ? (_jsx(Media, { sizes: sizes, priority: true, fill: true, radius: "l", border: "neutral-alpha-weak", overflow: "hidden", alt: items[activeIndex]?.alt || '', aspectRatio: aspectRatio, src: items[activeIndex]?.slide, style: {
|
|
82
82
|
...(items.length > 1 && {}),
|
|
83
83
|
} })) : (_jsx(Flex, { radius: "l", overflow: "hidden", border: "neutral-alpha-weak", aspectRatio: aspectRatio, style: {
|
|
84
84
|
...(items.length > 1 && {}),
|
|
85
|
-
}, children: items[activeIndex]?.slide })), _jsxs(Row, { className: styles.controls, position: "absolute", top: "0", left: "0", radius: "l", overflow: "hidden", fill: true, horizontal: "
|
|
85
|
+
}, children: items[activeIndex]?.slide })), _jsxs(Row, { className: styles.controls, position: "absolute", top: "0", left: "0", radius: "l", overflow: "hidden", fill: true, horizontal: "between", children: [activeIndex > 0 ? (_jsx(Row, { className: styles.left, cursor: "interactive", maxWidth: 12, fill: true, vertical: "center", onClick: handlePrevClick, children: controls && (_jsxs(_Fragment, { children: [_jsx(Fade, { m: { hide: true }, transition: "micro-medium", className: styles.fade, position: "absolute", left: "0", top: "0", to: "right", fillHeight: true, maxWidth: 6 }), _jsx(Flex, { m: { hide: true }, transition: "micro-medium", className: styles.button, marginLeft: "m", radius: "l", overflow: "hidden", background: "surface", children: _jsx(IconButton, { tabIndex: 0, onClick: handlePrevClick, variant: "secondary", icon: "chevronLeft" }) })] })) })) : (_jsx(Flex, { maxWidth: 12 })), activeIndex < items.length - 1 ? (_jsx(Row, { className: styles.right, cursor: "interactive", maxWidth: 12, fill: true, vertical: "center", horizontal: "end", onClick: handleNextClick, children: controls && (_jsxs(_Fragment, { children: [_jsx(Fade, { m: { hide: true }, transition: "micro-medium", className: styles.fade, position: "absolute", right: "0", top: "0", to: "left", fillHeight: true, maxWidth: 6 }), _jsx(Flex, { m: { hide: true }, transition: "micro-medium", className: styles.button, marginRight: "m", radius: "l", overflow: "hidden", background: "surface", children: _jsx(IconButton, { tabIndex: 0, onClick: handleNextClick, variant: "secondary", icon: "chevronRight" }) })] })) })) : (_jsx(Flex, { maxWidth: 12 }))] })] }), items.length > 1 && (_jsx(_Fragment, { children: indicator === "line" ? (_jsx(Flex, { gap: "4", paddingX: "s", fillWidth: true, horizontal: "center", children: items.map((_, index) => (_jsx(Flex, { radius: "full", onClick: () => handleControlClick(index), style: {
|
|
86
86
|
background: activeIndex === index
|
|
87
87
|
? "var(--neutral-on-background-strong)"
|
|
88
88
|
: "var(--neutral-alpha-medium)",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../src/components/Carousel.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AACnF,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAc,MAAM,OAAO,CAAC;AAChE,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAuB5C,MAAM,QAAQ,GAA4B,CAAC,EACzC,KAAK,GAAG,EAAE,EACV,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,MAAM,EAClB,WAAW,GAAG,QAAQ,EACtB,KAAK,EACL,iBAAiB,GAAG,KAAK,EACzB,SAAS,GAAG,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,EACxD,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAC;IAC1D,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAC;IAC1E,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAC;IAC9E,MAAM,YAAY,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IAC3D,MAAM,oBAAoB,GAAG,MAAM,CAA6B,SAAS,CAAC,CAAC;IAC3E,MAAM,cAAc,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAC;IACnD,MAAM,YAAY,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAC;IAEjD,MAAM,gBAAgB,GAAG,CAAC,SAAiB,EAAE,EAAE;QAC7C,IAAI,SAAS,IAAI,CAAC,IAAI,SAAS,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC;YAC/C,MAAM,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;YAC9B,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE,CAAC;gBACnC,YAAY,CAAC,OAAO,GAAG,IAAI,KAAK,EAAE,CAAC;gBACnC,YAAY,CAAC,OAAO,CAAC,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC;YACxC,CAAC;QACH,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,WAAW,GAAG,CAAC,EAAE,CAAC;YACxC,MAAM,SAAS,GAAG,WAAW,GAAG,CAAC,CAAC;YAClC,kBAAkB,CAAC,SAAS,CAAC,CAAC;QAChC,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,WAAW,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACvD,MAAM,SAAS,GAAG,WAAW,GAAG,CAAC,CAAC;YAClC,kBAAkB,CAAC,SAAS,CAAC,CAAC;QAChC,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,SAAiB,EAAE,EAAE;QAC/C,IAAI,SAAS,KAAK,WAAW,IAAI,CAAC,oBAAoB,CAAC,OAAO,EAAE,CAAC;YAC/D,gBAAgB,CAAC,SAAS,CAAC,CAAC;YAE5B,kBAAkB,CAAC,KAAK,CAAC,CAAC;YAE1B,oBAAoB,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC7C,cAAc,CAAC,SAAS,CAAC,CAAC;gBAE1B,UAAU,CAAC,GAAG,EAAE;oBACd,kBAAkB,CAAC,IAAI,CAAC,CAAC;oBACzB,oBAAoB,CAAC,OAAO,GAAG,SAAS,CAAC;gBAC3C,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../src/components/Carousel.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AACnF,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAc,MAAM,OAAO,CAAC;AAChE,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAuB5C,MAAM,QAAQ,GAA4B,CAAC,EACzC,KAAK,GAAG,EAAE,EACV,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,MAAM,EAClB,WAAW,GAAG,QAAQ,EACtB,KAAK,EACL,iBAAiB,GAAG,KAAK,EACzB,SAAS,GAAG,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,EACxD,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAC;IAC1D,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAC;IAC1E,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAC;IAC9E,MAAM,YAAY,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IAC3D,MAAM,oBAAoB,GAAG,MAAM,CAA6B,SAAS,CAAC,CAAC;IAC3E,MAAM,cAAc,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAC;IACnD,MAAM,YAAY,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAC;IAEjD,MAAM,gBAAgB,GAAG,CAAC,SAAiB,EAAE,EAAE;QAC7C,IAAI,SAAS,IAAI,CAAC,IAAI,SAAS,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC;YAC/C,MAAM,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;YAC9B,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE,CAAC;gBACnC,YAAY,CAAC,OAAO,GAAG,IAAI,KAAK,EAAE,CAAC;gBACnC,YAAY,CAAC,OAAO,CAAC,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC;YACxC,CAAC;QACH,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,WAAW,GAAG,CAAC,EAAE,CAAC;YACxC,MAAM,SAAS,GAAG,WAAW,GAAG,CAAC,CAAC;YAClC,kBAAkB,CAAC,SAAS,CAAC,CAAC;QAChC,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,WAAW,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACvD,MAAM,SAAS,GAAG,WAAW,GAAG,CAAC,CAAC;YAClC,kBAAkB,CAAC,SAAS,CAAC,CAAC;QAChC,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,SAAiB,EAAE,EAAE;QAC/C,IAAI,SAAS,KAAK,WAAW,IAAI,CAAC,oBAAoB,CAAC,OAAO,EAAE,CAAC;YAC/D,gBAAgB,CAAC,SAAS,CAAC,CAAC;YAE5B,kBAAkB,CAAC,KAAK,CAAC,CAAC;YAE1B,oBAAoB,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC7C,cAAc,CAAC,SAAS,CAAC,CAAC;gBAE1B,UAAU,CAAC,GAAG,EAAE;oBACd,kBAAkB,CAAC,IAAI,CAAC,CAAC;oBACzB,oBAAoB,CAAC,OAAO,GAAG,SAAS,CAAC;gBAC3C,CAAC,EAAE,EAAE,CAAC,CAAC;YACT,CAAC,EAAE,GAAG,CAAC,CAAC;QACV,CAAC;IACH,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,iBAAiB,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAC7C,kBAAkB,CAAC,IAAI,CAAC,CAAC;YACzB,oBAAoB,CAAC,IAAI,CAAC,CAAC;QAC7B,CAAC;QACD,OAAO,GAAG,EAAE;YACV,IAAI,oBAAoB,CAAC,OAAO,EAAE,CAAC;gBACjC,YAAY,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;YAC7C,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,iBAAiB,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAE3C,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACvB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,MAAC,MAAM,IAAC,SAAS,QAAC,GAAG,EAAC,IAAI,KAAK,IAAI,EAAE,WAAW,EAAE,SAAS,aACzD,MAAC,QAAQ,IACP,SAAS,QACT,OAAO,EAAE,eAAe,EACxB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,GAAG,EACV,YAAY,EAAE,CAAC,CAAmB,EAAE,EAAE;oBACpC,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;gBAChD,CAAC,EACD,UAAU,EAAE,CAAC,CAAmB,EAAE,EAAE;oBAClC,IAAI,cAAc,CAAC,OAAO,KAAK,IAAI;wBAAE,OAAO;oBAE5C,MAAM,SAAS,GAAG,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;oBAC9C,YAAY,CAAC,OAAO,GAAG,SAAS,CAAC;oBAEjC,MAAM,KAAK,GAAG,cAAc,CAAC,OAAO,GAAG,SAAS,CAAC;oBAEjD,+DAA+D;oBAC/D,IAAI,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,EAAE,EAAE,CAAC;wBACzB,IAAI,KAAK,GAAG,CAAC,EAAE,CAAC;4BACd,eAAe,EAAE,CAAC;wBACpB,CAAC;6BAAM,CAAC;4BACN,eAAe,EAAE,CAAC;wBACpB,CAAC;oBACH,CAAC;oBAED,cAAc,CAAC,OAAO,GAAG,IAAI,CAAC;oBAC9B,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC;gBAC9B,CAAC,aAEA,OAAO,KAAK,CAAC,WAAW,CAAC,EAAE,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC/C,KAAC,KAAK,IACJ,KAAK,EAAE,KAAK,EACZ,QAAQ,QACR,IAAI,QACJ,MAAM,EAAC,GAAG,EACV,MAAM,EAAC,oBAAoB,EAC3B,QAAQ,EAAC,QAAQ,EACjB,GAAG,EAAE,KAAK,CAAC,WAAW,CAAC,EAAE,GAAG,IAAI,EAAE,EAClC,WAAW,EAAE,WAAW,EACxB,GAAG,EAAE,KAAK,CAAC,WAAW,CAAC,EAAE,KAAe,EACxC,KAAK,EAAE;4BACL,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,EACvB,CAAC;yBACH,GACD,CACH,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IACH,MAAM,EAAC,GAAG,EACV,QAAQ,EAAC,QAAQ,EACjB,MAAM,EAAC,oBAAoB,EAC3B,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE;4BACL,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,EACvB,CAAC;yBACH,YAEA,KAAK,CAAC,WAAW,CAAC,EAAE,KAAK,GACrB,CACR,EACD,MAAC,GAAG,IAAC,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAE,QAAQ,EAAC,UAAU,EAAC,GAAG,EAAC,GAAG,EAAC,IAAI,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,EAAC,QAAQ,EAAC,QAAQ,EAAC,IAAI,QAAC,UAAU,EAAC,SAAS,aACzH,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,CACjB,KAAC,GAAG,IAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,EAAC,aAAa,EAAC,QAAQ,EAAE,EAAE,EAAE,IAAI,QAAC,QAAQ,EAAC,QAAQ,EAAC,OAAO,EAAE,eAAe,YAC5G,QAAQ,IAAI,CACX,8BACE,KAAC,IAAI,IAAC,CAAC,EAAE,EAAC,IAAI,EAAE,IAAI,EAAC,EAAE,UAAU,EAAC,cAAc,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,QAAQ,EAAC,UAAU,EAAC,IAAI,EAAC,GAAG,EAAC,GAAG,EAAC,GAAG,EAAC,EAAE,EAAC,OAAO,EAAC,UAAU,QAAC,QAAQ,EAAE,CAAC,GAAG,EAClJ,KAAC,IAAI,IAAC,CAAC,EAAE,EAAC,IAAI,EAAE,IAAI,EAAC,EAAE,UAAU,EAAC,cAAc,EAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,EAAC,QAAQ,EAAC,QAAQ,EAAC,UAAU,EAAC,SAAS,YACzI,KAAC,UAAU,IAAC,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,aAAa,GAAG,GACvF,IACN,CACJ,GACG,CACP,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,QAAQ,EAAE,EAAE,GAAG,CACtB,EACA,WAAW,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAChC,KAAC,GAAG,IAAC,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,EAAC,aAAa,EAAC,QAAQ,EAAE,EAAE,EAAE,IAAI,QAAC,QAAQ,EAAC,QAAQ,EAAC,UAAU,EAAC,KAAK,EAAC,OAAO,EAAE,eAAe,YAC9H,QAAQ,IAAI,CACX,8BACE,KAAC,IAAI,IAAC,CAAC,EAAE,EAAC,IAAI,EAAE,IAAI,EAAC,EAAE,UAAU,EAAC,cAAc,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,QAAQ,EAAC,UAAU,EAAC,KAAK,EAAC,GAAG,EAAC,GAAG,EAAC,GAAG,EAAC,EAAE,EAAC,MAAM,EAAC,UAAU,QAAC,QAAQ,EAAE,CAAC,GAAG,EAClJ,KAAC,IAAI,IAAC,CAAC,EAAE,EAAC,IAAI,EAAE,IAAI,EAAC,EAAE,UAAU,EAAC,cAAc,EAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,EAAC,QAAQ,EAAC,QAAQ,EAAC,UAAU,EAAC,SAAS,YAC1I,KAAC,UAAU,IAAC,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,GAAG,GACxF,IACN,CACJ,GACG,CACP,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,QAAQ,EAAE,EAAE,GAAG,CACtB,IACG,IACG,EACV,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CACnB,4BACG,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,CACtB,KAAC,IAAI,IAAC,GAAG,EAAC,GAAG,EAAC,QAAQ,EAAC,GAAG,EAAC,SAAS,QAAC,UAAU,EAAC,QAAQ,YACrD,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACvB,KAAC,IAAI,IACH,MAAM,EAAC,MAAM,EAEb,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,KAAK,CAAC,EACxC,KAAK,EAAE;4BACL,UAAU,EACR,WAAW,KAAK,KAAK;gCACnB,CAAC,CAAC,qCAAqC;gCACvC,CAAC,CAAC,6BAA6B;4BACnC,UAAU,EAAE,sBAAsB;yBACnC,EACD,MAAM,EAAC,aAAa,EACpB,SAAS,QACT,MAAM,EAAC,GAAG,IAXL,KAAK,CAYV,CACH,CAAC,GACG,CACR,CAAC,CAAC,CAAC,CACF,KAAC,QAAQ,IAAC,GAAG,EAAC,GAAG,EAAC,WAAW,EAAE,kBAAkB,YAC9C,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,KAAC,IAAI,IAEH,KAAK,EAAE;4BACL,MAAM,EAAE,WAAW,KAAK,KAAK,CAAC,CAAC,CAAC,qCAAqC,CAAC,CAAC,CAAC,qCAAqC;yBAC9G,EACD,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,GAAG,EACX,WAAW,EAAE,WAAW,EACxB,MAAM,EAAC,aAAa,EACpB,SAAS,EAAE,SAAS,CAAC,MAAM,EAC3B,SAAS,EAAE,SAAS,CAAC,MAAM,YAE1B,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAChC,KAAC,KAAK,IACJ,GAAG,EAAE,IAAI,CAAC,GAAG,IAAI,EAAE,EACnB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,SAAS,CAAC,KAAK,EACtB,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,MAAM,EAAC,aAAa,EACpB,MAAM,EAAC,GAAG,EACV,UAAU,EAAC,cAAc,GACzB,CACH,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IACH,WAAW,EAAE,WAAW,EACxB,MAAM,EAAC,aAAa,EACpB,MAAM,EAAC,GAAG,EACV,UAAU,EAAC,cAAc,EACzB,QAAQ,EAAC,QAAQ,EACjB,IAAI,kBAEJ,KAAC,IAAI,IAAC,IAAI,QAAC,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,SAAS,CAAC,OAAO,GAAG,EAAE,YAC3D,IAAI,CAAC,KAAK,GACN,GACF,CACR,IAlCI,KAAK,CAmCL,CACR,CAAC,GACO,CACZ,GACA,CACJ,IACM,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { FlexProps, StyleProps, DisplayProps } from "../interfaces";
|
|
2
|
+
interface ClientFlexProps extends FlexProps, StyleProps, DisplayProps {
|
|
3
|
+
cursor?: StyleProps["cursor"];
|
|
4
|
+
}
|
|
5
|
+
export declare const ClientFlex: import("react").ForwardRefExoticComponent<ClientFlexProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
6
|
+
export default ClientFlex;
|
|
7
|
+
//# sourceMappingURL=ClientFlex.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ClientFlex.d.ts","sourceRoot":"","sources":["../../src/components/ClientFlex.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAIpE,UAAU,eAAgB,SAAQ,SAAS,EAAE,UAAU,EAAE,YAAY;IACnE,MAAM,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;CAC/B;AAED,eAAO,MAAM,UAAU,4GA4GrB,CAAC;AAGH,eAAe,UAAU,CAAC"}
|