@once-ui-system/core 1.6.4 → 1.7.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/Avatar.d.ts +1 -0
- package/dist/components/Avatar.d.ts.map +1 -1
- package/dist/components/Avatar.js +2 -2
- package/dist/components/Avatar.js.map +1 -1
- package/dist/components/BlobFx.d.ts +8 -0
- package/dist/components/BlobFx.d.ts.map +1 -0
- package/dist/components/BlobFx.js +82 -0
- package/dist/components/BlobFx.js.map +1 -0
- package/dist/components/Button.d.ts +1 -1
- package/dist/components/Button.d.ts.map +1 -1
- package/dist/components/Button.js +2 -2
- package/dist/components/Button.js.map +1 -1
- package/dist/components/Button.module.scss +62 -32
- package/dist/components/ContextMenu.d.ts +1 -0
- package/dist/components/ContextMenu.d.ts.map +1 -1
- package/dist/components/ContextMenu.js +8 -4
- package/dist/components/ContextMenu.js.map +1 -1
- package/dist/components/Dialog.d.ts.map +1 -1
- package/dist/components/Dialog.js +99 -91
- package/dist/components/Dialog.js.map +1 -1
- package/dist/components/Dropdown.d.ts +1 -0
- package/dist/components/Dropdown.d.ts.map +1 -1
- package/dist/components/Dropdown.js +4 -2
- package/dist/components/Dropdown.js.map +1 -1
- package/dist/components/FadingLettersFx.d.ts +15 -0
- package/dist/components/FadingLettersFx.d.ts.map +1 -0
- package/dist/components/FadingLettersFx.js +27 -0
- package/dist/components/FadingLettersFx.js.map +1 -0
- package/dist/components/FadingLettersFx.module.scss +71 -0
- package/dist/components/IconButton.d.ts +5 -2
- package/dist/components/IconButton.d.ts.map +1 -1
- package/dist/components/IconButton.js +6 -4
- package/dist/components/IconButton.js.map +1 -1
- package/dist/components/IconButton.module.scss +14 -0
- package/dist/components/Input.d.ts +3 -1
- package/dist/components/Input.d.ts.map +1 -1
- package/dist/components/Input.js +18 -5
- package/dist/components/Input.js.map +1 -1
- package/dist/components/Input.module.scss +38 -3
- package/dist/components/Media.d.ts +5 -1
- package/dist/components/Media.d.ts.map +1 -1
- package/dist/components/Media.js +20 -7
- package/dist/components/Media.js.map +1 -1
- package/dist/components/Modal.d.ts +11 -0
- package/dist/components/Modal.d.ts.map +1 -0
- package/dist/components/Modal.js +72 -0
- package/dist/components/Modal.js.map +1 -0
- package/dist/components/NumberInput.d.ts.map +1 -1
- package/dist/components/NumberInput.js +1 -1
- package/dist/components/NumberInput.js.map +1 -1
- package/dist/components/ScrollContainer.d.ts +9 -0
- package/dist/components/ScrollContainer.d.ts.map +1 -0
- package/dist/components/ScrollContainer.js +67 -0
- package/dist/components/ScrollContainer.js.map +1 -0
- package/dist/components/ScrollLock.d.ts.map +1 -1
- package/dist/components/ScrollLock.js +4 -91
- package/dist/components/ScrollLock.js.map +1 -1
- package/dist/components/ServerFlex.d.ts.map +1 -1
- package/dist/components/ServerFlex.js +3 -3
- package/dist/components/ServerFlex.js.map +1 -1
- package/dist/components/ServerGrid.d.ts.map +1 -1
- package/dist/components/ServerGrid.js +2 -2
- package/dist/components/ServerGrid.js.map +1 -1
- package/dist/components/SplitView.d.ts +16 -0
- package/dist/components/SplitView.d.ts.map +1 -0
- package/dist/components/SplitView.js +80 -0
- package/dist/components/SplitView.js.map +1 -0
- package/dist/components/SplitView.module.scss +18 -0
- package/dist/components/StylePanel.d.ts.map +1 -1
- package/dist/components/StylePanel.js +10 -10
- package/dist/components/StylePanel.js.map +1 -1
- package/dist/components/Textarea.d.ts +2 -0
- package/dist/components/Textarea.d.ts.map +1 -1
- package/dist/components/Textarea.js +22 -12
- package/dist/components/Textarea.js.map +1 -1
- package/dist/components/ThemeInit.d.ts.map +1 -1
- package/dist/components/ThemeInit.js +39 -40
- package/dist/components/ThemeInit.js.map +1 -1
- package/dist/components/Timeline.d.ts +1 -1
- package/dist/components/Timeline.d.ts.map +1 -1
- package/dist/components/Timeline.js +50 -6
- package/dist/components/Timeline.js.map +1 -1
- package/dist/components/ToggleButton.d.ts +2 -1
- package/dist/components/ToggleButton.d.ts.map +1 -1
- package/dist/components/ToggleButton.js +3 -3
- package/dist/components/ToggleButton.js.map +1 -1
- package/dist/components/ToggleButton.module.scss +27 -8
- package/dist/components/TypeFx.d.ts.map +1 -1
- package/dist/components/TypeFx.js +66 -87
- package/dist/components/TypeFx.js.map +1 -1
- package/dist/components/index.d.ts +9 -1
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +9 -1
- package/dist/components/index.js.map +1 -1
- package/dist/css/styles.css +1 -1
- package/dist/css/styles.css.map +1 -1
- package/dist/css/tokens.css +1 -1
- package/dist/css/tokens.css.map +1 -1
- package/dist/data/emoji-data.json +0 -18
- package/dist/interfaces.d.ts +1 -0
- package/dist/interfaces.d.ts.map +1 -1
- package/dist/internal/dialogState.d.ts +17 -0
- package/dist/internal/dialogState.d.ts.map +1 -0
- package/dist/internal/dialogState.js +101 -0
- package/dist/internal/dialogState.js.map +1 -0
- package/dist/internal/scrollLockState.d.ts +15 -0
- package/dist/internal/scrollLockState.d.ts.map +1 -0
- package/dist/internal/scrollLockState.js +172 -0
- package/dist/internal/scrollLockState.js.map +1 -0
- package/dist/modules/code/CodeBlock.d.ts +3 -31
- package/dist/modules/code/CodeBlock.d.ts.map +1 -1
- package/dist/modules/code/CodeBlock.impl.d.ts +34 -0
- package/dist/modules/code/CodeBlock.impl.d.ts.map +1 -0
- package/dist/modules/code/CodeBlock.impl.js +487 -0
- package/dist/modules/code/CodeBlock.impl.js.map +1 -0
- package/dist/modules/code/CodeBlock.js +10 -483
- package/dist/modules/code/CodeBlock.js.map +1 -1
- package/dist/modules/data/BarChart.d.ts +1 -8
- package/dist/modules/data/BarChart.d.ts.map +1 -1
- package/dist/modules/data/BarChart.impl.d.ts +12 -0
- package/dist/modules/data/BarChart.impl.d.ts.map +1 -0
- package/dist/modules/data/BarChart.impl.js +137 -0
- package/dist/modules/data/BarChart.impl.js.map +1 -0
- package/dist/modules/data/BarChart.js +9 -132
- package/dist/modules/data/BarChart.js.map +1 -1
- package/dist/modules/data/DataTooltip.d.ts +2 -2
- package/dist/modules/data/DataTooltip.d.ts.map +1 -1
- package/dist/modules/data/Legend.d.ts +1 -1
- package/dist/modules/data/Legend.d.ts.map +1 -1
- package/dist/modules/data/LineBarChart.d.ts +1 -8
- package/dist/modules/data/LineBarChart.d.ts.map +1 -1
- package/dist/modules/data/LineBarChart.impl.d.ts +12 -0
- package/dist/modules/data/LineBarChart.impl.d.ts.map +1 -0
- package/dist/modules/data/LineBarChart.impl.js +142 -0
- package/dist/modules/data/LineBarChart.impl.js.map +1 -0
- package/dist/modules/data/LineBarChart.js +9 -137
- package/dist/modules/data/LineBarChart.js.map +1 -1
- package/dist/modules/data/LineChart.d.ts +1 -13
- package/dist/modules/data/LineChart.d.ts.map +1 -1
- package/dist/modules/data/LineChart.impl.d.ts +17 -0
- package/dist/modules/data/LineChart.impl.d.ts.map +1 -0
- package/dist/modules/data/LineChart.impl.js +148 -0
- package/dist/modules/data/LineChart.impl.js.map +1 -0
- package/dist/modules/data/LineChart.js +9 -143
- package/dist/modules/data/LineChart.js.map +1 -1
- package/dist/modules/data/PieChart.d.ts +4 -16
- package/dist/modules/data/PieChart.d.ts.map +1 -1
- package/dist/modules/data/PieChart.impl.d.ts +18 -0
- package/dist/modules/data/PieChart.impl.d.ts.map +1 -0
- package/dist/modules/data/PieChart.impl.js +102 -0
- package/dist/modules/data/PieChart.impl.js.map +1 -0
- package/dist/modules/data/PieChart.js +11 -97
- package/dist/modules/data/PieChart.js.map +1 -1
- package/dist/modules/media/MediaUpload.d.ts +2 -20
- package/dist/modules/media/MediaUpload.d.ts.map +1 -1
- package/dist/modules/media/MediaUpload.impl.d.ts +24 -0
- package/dist/modules/media/MediaUpload.impl.d.ts.map +1 -0
- package/dist/modules/media/MediaUpload.impl.js +92 -0
- package/dist/modules/media/MediaUpload.impl.js.map +1 -0
- package/dist/modules/media/MediaUpload.js +10 -88
- package/dist/modules/media/MediaUpload.js.map +1 -1
- package/dist/modules/navigation/Kbar.d.ts.map +1 -1
- package/dist/modules/navigation/Kbar.js +1 -1
- package/dist/modules/navigation/Kbar.js.map +1 -1
- package/dist/package.json +17 -6
- package/dist/styles/size.scss +20 -0
- package/dist/test/dialogTestUtils.d.ts +2 -0
- package/dist/test/dialogTestUtils.d.ts.map +1 -0
- package/dist/test/dialogTestUtils.js +9 -0
- package/dist/test/dialogTestUtils.js.map +1 -0
- package/dist/test/setup.d.ts +2 -0
- package/dist/test/setup.d.ts.map +1 -0
- package/dist/test/setup.js +59 -0
- package/dist/test/setup.js.map +1 -0
- package/dist/tokens/layout.scss +5 -0
- package/dist/utils/MissingDependency.d.ts +7 -0
- package/dist/utils/MissingDependency.d.ts.map +1 -0
- package/dist/utils/MissingDependency.js +6 -0
- package/dist/utils/MissingDependency.js.map +1 -0
- package/dist/utils/index.d.ts +1 -0
- package/dist/utils/index.d.ts.map +1 -1
- package/dist/utils/index.js +1 -0
- package/dist/utils/index.js.map +1 -1
- package/package.json +35 -13
- package/tsconfig.vitest.json +20 -0
- package/vitest.config.ts +19 -0
|
@@ -5,17 +5,18 @@ import classNames from "classnames";
|
|
|
5
5
|
import { Column, Row, Text } from ".";
|
|
6
6
|
import styles from "./Input.module.scss";
|
|
7
7
|
import { useDebounce } from "../hooks/useDebounce";
|
|
8
|
-
const Textarea = forwardRef(({ id, label, placeholder, lines = 3, error = false, errorMessage, description, radius, className, hasPrefix, hasSuffix, characterCount, resize = "vertical", validate, children, onFocus, onBlur, onChange, style, ...props }, ref) => {
|
|
8
|
+
const Textarea = forwardRef(({ id, label, placeholder, lines = 3, height = "m", error = false, errorMessage, description, radius, className, hasPrefix, hasSuffix, characterCount, resize = "vertical", validate, disabled = false, children, onFocus, onBlur, onChange, style, ...props }, ref) => {
|
|
9
9
|
const [isFocused, setIsFocused] = useState(false);
|
|
10
10
|
const [isFilled, setIsFilled] = useState(!!props.value);
|
|
11
11
|
const [validationError, setValidationError] = useState(null);
|
|
12
|
-
const [height, setHeight] = useState(undefined);
|
|
13
12
|
const textareaRef = React.useRef(null);
|
|
14
13
|
const debouncedValue = useDebounce(props.value, 1000);
|
|
15
14
|
const adjustHeight = () => {
|
|
16
15
|
if (textareaRef.current) {
|
|
16
|
+
const scrollY = window.scrollY;
|
|
17
17
|
textareaRef.current.style.height = "auto";
|
|
18
|
-
textareaRef.current.style.height = `${textareaRef.current.scrollHeight}px`;
|
|
18
|
+
textareaRef.current.style.height = `${textareaRef.current.scrollHeight}px`;
|
|
19
|
+
window.scrollTo({ top: scrollY });
|
|
19
20
|
}
|
|
20
21
|
};
|
|
21
22
|
const handleChange = (event) => {
|
|
@@ -57,13 +58,23 @@ const Textarea = forwardRef(({ id, label, placeholder, lines = 3, error = false,
|
|
|
57
58
|
useEffect(() => {
|
|
58
59
|
validateInput();
|
|
59
60
|
}, [debouncedValue, validateInput]);
|
|
61
|
+
useEffect(() => {
|
|
62
|
+
setIsFilled(!!props.value);
|
|
63
|
+
}, [props.value]);
|
|
60
64
|
useEffect(() => {
|
|
61
65
|
if (lines === "auto") {
|
|
62
66
|
adjustHeight();
|
|
63
67
|
}
|
|
64
68
|
}, [props.value, lines]);
|
|
65
69
|
const displayError = validationError || errorMessage;
|
|
66
|
-
const
|
|
70
|
+
const fontSizeMap = {
|
|
71
|
+
xs: "font-s",
|
|
72
|
+
s: "font-s",
|
|
73
|
+
m: "font-m",
|
|
74
|
+
l: "font-l",
|
|
75
|
+
xl: "font-xl",
|
|
76
|
+
};
|
|
77
|
+
const textareaClassNames = classNames(styles.input, styles.textarea, "font-body", "font-default", fontSizeMap[height], {
|
|
67
78
|
[styles.filled]: isFilled,
|
|
68
79
|
[styles.focused]: isFocused,
|
|
69
80
|
[styles.withPrefix]: hasPrefix,
|
|
@@ -73,7 +84,7 @@ const Textarea = forwardRef(({ id, label, placeholder, lines = 3, error = false,
|
|
|
73
84
|
});
|
|
74
85
|
return (_jsxs(Column, { gap: "8", fillWidth: true, fitHeight: true, className: classNames(className, {
|
|
75
86
|
[styles.error]: displayError && debouncedValue !== "",
|
|
76
|
-
}), children: [_jsxs(Row, { minHeight: placeholder ? "48" : "56", transition: "micro-medium", border: "neutral-medium", background: "neutral-alpha-weak", overflow: "hidden", vertical: "stretch", className: classNames(styles.base, lines !== "auto" && resize !== "none" && styles.textareaBase, radius === "none" ? "radius-none" : radius ? `radius-l-${radius}` : "radius-l"), children: [hasPrefix && (_jsx(Row, { paddingLeft: "12", className: styles.prefix, children: hasPrefix })), _jsxs(Column, { fillWidth: true, children: [_jsx("textarea", { ...props, ref: (node) => {
|
|
87
|
+
}), children: [_jsxs(Row, { minHeight: placeholder ? "48" : "56", transition: "micro-medium", border: "neutral-medium", background: "neutral-alpha-weak", overflow: "hidden", vertical: "stretch", className: classNames(styles.base, height && styles[height], lines !== "auto" && resize !== "none" && styles.textareaBase, radius === "none" ? "radius-none" : radius ? `radius-l-${radius}` : "radius-l"), children: [hasPrefix && (_jsx(Row, { paddingLeft: "12", className: styles.prefix, children: hasPrefix })), _jsxs(Column, { fillWidth: true, children: [_jsx("textarea", { ...props, ref: (node) => {
|
|
77
88
|
if (typeof ref === "function") {
|
|
78
89
|
ref(node);
|
|
79
90
|
}
|
|
@@ -82,17 +93,16 @@ const Textarea = forwardRef(({ id, label, placeholder, lines = 3, error = false,
|
|
|
82
93
|
}
|
|
83
94
|
// @ts-ignore
|
|
84
95
|
textareaRef.current = node;
|
|
85
|
-
}, id: id, rows: typeof lines === "number" ? lines : 1, placeholder: placeholder, onFocus: handleFocus, onBlur: handleBlur, className: textareaClassNames + " scrollbar-minimal", "aria-describedby": displayError ? `${id}-error` : undefined, "aria-invalid": !!displayError, style: {
|
|
96
|
+
}, id: id, rows: typeof lines === "number" ? lines : 1, placeholder: placeholder, disabled: disabled, onFocus: handleFocus, onBlur: handleBlur, className: textareaClassNames + " scrollbar-minimal", "aria-describedby": displayError ? `${id}-error` : undefined, "aria-invalid": !!displayError, style: {
|
|
86
97
|
...style,
|
|
87
98
|
resize: lines === "auto" ? "none" : resize,
|
|
88
|
-
height: height ? `${height}rem` : "auto",
|
|
89
99
|
}, onChange: handleChange }), !placeholder && (_jsx(Text, { as: "label", variant: "label-default-m", htmlFor: id, className: classNames(styles.label, styles.textareaLabel, {
|
|
90
100
|
[styles.floating]: isFocused || isFilled,
|
|
91
|
-
}), children: label })), children, characterCount && props.maxLength && (_jsx(Row, {
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
101
|
+
}), children: label })), children] })] }), characterCount && props.maxLength && (_jsx(Row, { paddingLeft: "16", paddingY: "8", className: styles.suffix, position: "static", children: _jsx(Text, { variant: "label-default-s", onBackground: props.maxLength - String(props.value || '').length <= 5
|
|
102
|
+
? "danger-weak"
|
|
103
|
+
: props.maxLength - String(props.value || '').length <= 10
|
|
104
|
+
? "warning-weak"
|
|
105
|
+
: "neutral-weak", children: props.maxLength - String(props.value || '').length }) })), hasSuffix && (_jsx(Row, { paddingRight: "12", className: styles.suffix, children: hasSuffix })), displayError && errorMessage !== false && (_jsx(Row, { paddingX: "16", id: `${id}-error`, textVariant: "body-default-s", onBackground: "danger-weak", children: displayError })), description && (_jsx(Row, { paddingX: "16", id: `${id}-description`, textVariant: "body-default-s", onBackground: "neutral-weak", children: description }))] }));
|
|
96
106
|
});
|
|
97
107
|
Textarea.displayName = "Textarea";
|
|
98
108
|
export { Textarea };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../src/components/Textarea.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,EAAE,EACZ,QAAQ,EACR,SAAS,EACT,UAAU,EAEV,WAAW,GAEZ,MAAM,OAAO,CAAC;AACf,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AACtC,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../src/components/Textarea.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,EAAE,EACZ,QAAQ,EACR,SAAS,EACT,UAAU,EAEV,WAAW,GAEZ,MAAM,OAAO,CAAC;AACf,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AACtC,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AA8BnD,MAAM,QAAQ,GAAG,UAAU,CACzB,CACE,EACE,EAAE,EACF,KAAK,EACL,WAAW,EACX,KAAK,GAAG,CAAC,EACT,MAAM,GAAG,GAAG,EACZ,KAAK,GAAG,KAAK,EACb,YAAY,EACZ,WAAW,EACX,MAAM,EACN,SAAS,EACT,SAAS,EACT,SAAS,EACT,cAAc,EACd,MAAM,GAAG,UAAU,EACnB,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,OAAO,EACP,MAAM,EACN,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAmB,IAAI,CAAC,CAAC;IAC/E,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAsB,IAAI,CAAC,CAAC;IAC5D,MAAM,cAAc,GAAG,WAAW,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAEtD,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,WAAW,CAAC,OAAO,EAAE,CAAC;YACxB,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;YAC/B,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;YAC1C,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,WAAW,CAAC,OAAO,CAAC,YAAY,IAAI,CAAC;YAC3E,MAAM,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,CAAC;QACpC,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,KAA6C,EAAE,EAAE;QACrE,IAAI,KAAK,KAAK,MAAM,EAAE,CAAC;YACrB,YAAY,EAAE,CAAC;QACjB,CAAC;QACD,IAAI,QAAQ;YAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,KAA4C,EAAE,EAAE;QACnE,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,IAAI,OAAO;YAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,KAA4C,EAAE,EAAE;QAClE,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAClC,IAAI,MAAM;YAAE,MAAM,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,IAAI,CAAC,cAAc,EAAE,CAAC;YACpB,kBAAkB,CAAC,IAAI,CAAC,CAAC;YACzB,OAAO;QACT,CAAC;QAED,IAAI,QAAQ,EAAE,CAAC;YACb,MAAM,KAAK,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC;YACvC,IAAI,KAAK,EAAE,CAAC;gBACV,kBAAkB,CAAC,KAAK,CAAC,CAAC;YAC5B,CAAC;iBAAM,CAAC;gBACN,kBAAkB,CAAC,YAAY,IAAI,IAAI,CAAC,CAAC;YAC3C,CAAC;QACH,CAAC;aAAM,CAAC;YACN,kBAAkB,CAAC,IAAI,CAAC,CAAC;QAC3B,CAAC;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC;IAE7C,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,EAAE,CAAC;IAClB,CAAC,EAAE,CAAC,cAAc,EAAE,aAAa,CAAC,CAAC,CAAC;IAEpC,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAElB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,KAAK,MAAM,EAAE,CAAC;YACrB,YAAY,EAAE,CAAC;QACjB,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAEzB,MAAM,YAAY,GAAG,eAAe,IAAI,YAAY,CAAC;IAErD,MAAM,WAAW,GAAG;QAClB,EAAE,EAAE,QAAQ;QACZ,CAAC,EAAE,QAAQ;QACX,CAAC,EAAE,QAAQ;QACX,CAAC,EAAE,QAAQ;QACX,EAAE,EAAE,SAAS;KACd,CAAC;IAEF,MAAM,kBAAkB,GAAG,UAAU,CACnC,MAAM,CAAC,KAAK,EACZ,MAAM,CAAC,QAAQ,EACf,WAAW,EACX,cAAc,EACd,WAAW,CAAC,MAAM,CAAC,EACnB;QACE,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,QAAQ;QACzB,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,SAAS;QAC3B,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,SAAS;QAC9B,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,SAAS;QAC9B,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,WAAW;QACjC,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,QAAQ;KAC/B,CACF,CAAC;IAEF,OAAO,CACL,MAAC,MAAM,IACL,GAAG,EAAC,GAAG,EACP,SAAS,QACT,SAAS,QACT,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE;YAC/B,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,YAAY,IAAI,cAAc,KAAK,EAAE;SACtD,CAAC,aAEF,MAAC,GAAG,IACF,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EACpC,UAAU,EAAC,cAAc,EACzB,MAAM,EAAC,gBAAgB,EACvB,UAAU,EAAC,oBAAoB,EAC/B,QAAQ,EAAC,QAAQ,EACjB,QAAQ,EAAC,SAAS,EAClB,SAAS,EAAE,UAAU,CACnB,MAAM,CAAC,IAAI,EACX,MAAM,IAAI,MAAM,CAAC,MAAM,CAAC,EACxB,KAAK,KAAK,MAAM,IAAI,MAAM,KAAK,MAAM,IAAI,MAAM,CAAC,YAAY,EAC5D,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,YAAY,MAAM,EAAE,CAAC,CAAC,CAAC,UAAU,CAC/E,aAEA,SAAS,IAAI,CACZ,KAAC,GAAG,IAAC,WAAW,EAAC,IAAI,EAAC,SAAS,EAAE,MAAM,CAAC,MAAM,YAC3C,SAAS,GACN,CACP,EACD,MAAC,MAAM,IAAC,SAAS,mBACf,sBACM,KAAK,EACT,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE;oCACZ,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;wCAC9B,GAAG,CAAC,IAAI,CAAC,CAAC;oCACZ,CAAC;yCAAM,IAAI,GAAG,EAAE,CAAC;wCACf,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;oCACrB,CAAC;oCACD,aAAa;oCACb,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;gCAC7B,CAAC,EACD,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAC3C,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,kBAAkB,GAAG,oBAAoB,sBAClC,YAAY,CAAC,CAAC,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,kBAC5C,CAAC,CAAC,YAAY,EAC5B,KAAK,EAAE;oCACL,GAAG,KAAK;oCACR,MAAM,EAAE,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;iCAC3C,EACD,QAAQ,EAAE,YAAY,GACtB,EACD,CAAC,WAAW,IAAI,CACf,KAAC,IAAI,IACH,EAAE,EAAC,OAAO,EACV,OAAO,EAAC,iBAAiB,EACzB,OAAO,EAAE,EAAE,EACX,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,aAAa,EAAE;oCACxD,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,SAAS,IAAI,QAAQ;iCACzC,CAAC,YAED,KAAK,GACD,CACR,EACA,QAAQ,IACF,IAEL,EACL,cAAc,IAAI,KAAK,CAAC,SAAS,IAAI,CACpC,KAAC,GAAG,IAAC,WAAW,EAAC,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,EAAC,QAAQ,YAC5E,KAAC,IAAI,IACH,OAAO,EAAC,iBAAiB,EACzB,YAAY,EACV,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,IAAI,CAAC;wBACrD,CAAC,CAAC,aAAa;wBACf,CAAC,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,IAAI,EAAE;4BACxD,CAAC,CAAC,cAAc;4BACd,CAAC,CAAC,cAAc,YAGvB,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,GAC9C,GACH,CACP,EACA,SAAS,IAAI,CACZ,KAAC,GAAG,IAAC,YAAY,EAAC,IAAI,EAAC,SAAS,EAAE,MAAM,CAAC,MAAM,YAC5C,SAAS,GACN,CACP,EACA,YAAY,IAAI,YAAY,KAAK,KAAK,IAAI,CACzC,KAAC,GAAG,IAAC,QAAQ,EAAC,IAAI,EAAC,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,WAAW,EAAC,gBAAgB,EAAC,YAAY,EAAC,aAAa,YAC1F,YAAY,GACT,CACP,EACA,WAAW,IAAI,CACd,KAAC,GAAG,IAAC,QAAQ,EAAC,IAAI,EAAC,EAAE,EAAE,GAAG,EAAE,cAAc,EAAE,WAAW,EAAC,gBAAgB,EAAC,YAAY,EAAC,cAAc,YACjG,WAAW,GACR,CACP,IACM,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeInit.d.ts","sourceRoot":"","sources":["../../src/components/ThemeInit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,WAAW;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,cAAc;IACtB,MAAM,EAAE,WAAW,CAAC;CACrB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,
|
|
1
|
+
{"version":3,"file":"ThemeInit.d.ts","sourceRoot":"","sources":["../../src/components/ThemeInit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,WAAW;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,cAAc;IACtB,MAAM,EAAE,WAAW,CAAC;CACrB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAgD9C,CAAC"}
|
|
@@ -1,46 +1,45 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
export const ThemeInit = ({ config }) => {
|
|
3
3
|
return (_jsx("script", { id: "theme-init", dangerouslySetInnerHTML: {
|
|
4
|
-
__html: `
|
|
5
|
-
(function() {
|
|
6
|
-
try {
|
|
7
|
-
const root = document.documentElement;
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
const
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
})();
|
|
4
|
+
__html: `
|
|
5
|
+
(function() {
|
|
6
|
+
try {
|
|
7
|
+
const root = document.documentElement;
|
|
8
|
+
const config = ${JSON.stringify(config)};
|
|
9
|
+
|
|
10
|
+
// Apply config defaults FIRST (prevents FOUC)
|
|
11
|
+
Object.entries(config).forEach(([key, value]) => {
|
|
12
|
+
root.setAttribute('data-' + key, value);
|
|
13
|
+
});
|
|
14
|
+
|
|
15
|
+
const resolveTheme = (themeValue) => {
|
|
16
|
+
if (!themeValue || themeValue === 'system') {
|
|
17
|
+
return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
|
|
18
|
+
}
|
|
19
|
+
return themeValue;
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
// Priority:
|
|
23
|
+
// 1. localStorage
|
|
24
|
+
// 2. config.theme
|
|
25
|
+
const savedTheme = localStorage.getItem('data-theme');
|
|
26
|
+
const finalTheme = savedTheme ?? config.theme;
|
|
27
|
+
|
|
28
|
+
root.setAttribute('data-theme', resolveTheme(finalTheme));
|
|
29
|
+
|
|
30
|
+
// Apply overrides AFTER theme
|
|
31
|
+
Object.keys(config).forEach(key => {
|
|
32
|
+
const value = localStorage.getItem('data-' + key);
|
|
33
|
+
if (value) {
|
|
34
|
+
root.setAttribute('data-' + key, value);
|
|
35
|
+
}
|
|
36
|
+
});
|
|
37
|
+
|
|
38
|
+
} catch (e) {
|
|
39
|
+
console.error('Failed to initialize theme:', e);
|
|
40
|
+
document.documentElement.setAttribute('data-theme', 'dark');
|
|
41
|
+
}
|
|
42
|
+
})();
|
|
44
43
|
`,
|
|
45
44
|
} }));
|
|
46
45
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeInit.js","sourceRoot":"","sources":["../../src/components/ThemeInit.tsx"],"names":[],"mappings":";AAoBA,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IAChE,OAAO,CACL,iBACE,EAAE,EAAC,YAAY,EACf,uBAAuB,EAAE;YACvB,MAAM,EAAE
|
|
1
|
+
{"version":3,"file":"ThemeInit.js","sourceRoot":"","sources":["../../src/components/ThemeInit.tsx"],"names":[],"mappings":";AAoBA,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IAChE,OAAO,CACL,iBACE,EAAE,EAAC,YAAY,EACf,uBAAuB,EAAE;YACvB,MAAM,EAAE;;;;+BAIe,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAmC5C;SACF,GACD,CACH,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -8,7 +8,7 @@ export interface TimelineItem {
|
|
|
8
8
|
marker?: React.ReactNode;
|
|
9
9
|
children?: React.ReactNode;
|
|
10
10
|
}
|
|
11
|
-
interface TimelineProps extends Omit<React.ComponentProps<typeof Flex>,
|
|
11
|
+
interface TimelineProps extends Omit<React.ComponentProps<typeof Flex>, "children"> {
|
|
12
12
|
items: TimelineItem[];
|
|
13
13
|
alignment?: "left" | "right";
|
|
14
14
|
size?: TShirtSizes;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../src/components/Timeline.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAU,IAAI,EAAc,MAAM,GAAG,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;IACpD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,UAAU,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,UAAU,CAAC;IACjF,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC7B,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,
|
|
1
|
+
{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../src/components/Timeline.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAU,IAAI,EAAc,MAAM,GAAG,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;IACpD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,UAAU,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,UAAU,CAAC;IACjF,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC7B,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAkLrC,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -5,22 +5,66 @@ const Timeline = ({ items, alignment = "left", size = "m", ...flex }) => {
|
|
|
5
5
|
// Helper to get color variable for state
|
|
6
6
|
const getStateColor = (state) => {
|
|
7
7
|
switch (state) {
|
|
8
|
-
case "active":
|
|
9
|
-
|
|
10
|
-
case "
|
|
11
|
-
|
|
8
|
+
case "active":
|
|
9
|
+
return "var(--brand-solid-strong)";
|
|
10
|
+
case "success":
|
|
11
|
+
return "var(--success-solid-strong)";
|
|
12
|
+
case "danger":
|
|
13
|
+
return "var(--danger-solid-strong)";
|
|
14
|
+
default:
|
|
15
|
+
return "var(--neutral-solid-strong)";
|
|
12
16
|
}
|
|
13
17
|
};
|
|
18
|
+
const dimensionSize = size === "xs" ? "8" : size === "s" ? "24" : size === "m" ? "32" : size === "l" ? "40" : "48";
|
|
19
|
+
const topOffset = size === "xs" ? "20" : size === "s" ? "12" : size === "m" ? "8" : size === "l" ? "4" : "0";
|
|
14
20
|
return (_jsx(Column, { ...flex, children: items.map((item, index) => {
|
|
15
21
|
const state = item.state || "default";
|
|
16
|
-
const nextState = index < items.length - 1 ?
|
|
22
|
+
const nextState = index < items.length - 1 ? items[index + 1].state || "default" : state;
|
|
17
23
|
const currentColor = getStateColor(state);
|
|
18
24
|
const nextColor = getStateColor(nextState);
|
|
19
25
|
const isHorizontal = flex.direction === "row";
|
|
20
26
|
const gradientToNext = isHorizontal
|
|
21
27
|
? `linear-gradient(to right, ${currentColor}, ${nextColor})`
|
|
22
28
|
: `linear-gradient(to bottom, ${currentColor}, ${nextColor})`;
|
|
23
|
-
return (_jsxs(Flex, { direction: isHorizontal ? "column" : alignment === "right" ? "row-reverse" : undefined, fillWidth: true, children: [_jsxs(Column, { fillWidth: true, horizontal: "center", marginTop: isHorizontal ? undefined : index === 0 ?
|
|
29
|
+
return (_jsxs(Flex, { direction: isHorizontal ? "column" : alignment === "right" ? "row-reverse" : undefined, fillWidth: true, children: [_jsxs(Column, { fillWidth: true, horizontal: "center", marginTop: isHorizontal ? undefined : index === 0 ? topOffset : undefined, paddingLeft: isHorizontal && index === 0 ? "20" : undefined, paddingRight: isHorizontal && index === items.length - 1 ? "20" : undefined, vertical: isHorizontal ? "center" : undefined, direction: isHorizontal ? "row" : "column", minWidth: !isHorizontal ? dimensionSize : undefined, maxWidth: !isHorizontal ? dimensionSize : undefined, children: [index !== 0 && (_jsx(Line, { vert: !isHorizontal, background: undefined, solid: state === "active"
|
|
30
|
+
? "brand-strong"
|
|
31
|
+
: state === "success"
|
|
32
|
+
? "success-strong"
|
|
33
|
+
: state === "danger"
|
|
34
|
+
? "danger-strong"
|
|
35
|
+
: "neutral-strong", minHeight: isHorizontal ? undefined : topOffset, maxHeight: isHorizontal ? undefined : topOffset })), _jsx(Flex, { fillWidth: true, center: true, radius: "full", solid: state === "active"
|
|
36
|
+
? "brand-strong"
|
|
37
|
+
: state === "success"
|
|
38
|
+
? "success-strong"
|
|
39
|
+
: state === "danger"
|
|
40
|
+
? "danger-strong"
|
|
41
|
+
: undefined, background: state === "default" ? "neutral-weak" : undefined, border: state === "success"
|
|
42
|
+
? "success-strong"
|
|
43
|
+
: state === "danger"
|
|
44
|
+
? "danger-strong"
|
|
45
|
+
: state === "active"
|
|
46
|
+
? "brand-strong"
|
|
47
|
+
: "neutral-strong", minHeight: dimensionSize, maxHeight: dimensionSize, minWidth: dimensionSize, maxWidth: dimensionSize, children: item.marker && (_jsx(Flex, { center: true, onSolid: state === "active"
|
|
48
|
+
? "brand-strong"
|
|
49
|
+
: state === "success"
|
|
50
|
+
? "success-strong"
|
|
51
|
+
: state === "danger"
|
|
52
|
+
? "danger-strong"
|
|
53
|
+
: undefined, onBackground: state === "default" ? "neutral-weak" : undefined, textVariant: "label-default-m", children: item.marker })) }), index !== items.length - 1 && (_jsx(Line, { vert: !isHorizontal, background: undefined, style: { background: gradientToNext } }))] }), _jsx(Column, { fillWidth: true, paddingX: "20", paddingTop: "12", paddingBottom: "24", horizontal: isHorizontal && index === 0
|
|
54
|
+
? "start"
|
|
55
|
+
: isHorizontal && index === items.length - 1
|
|
56
|
+
? "end"
|
|
57
|
+
: isHorizontal
|
|
58
|
+
? "center"
|
|
59
|
+
: undefined, align: isHorizontal && index === 0
|
|
60
|
+
? "left"
|
|
61
|
+
: isHorizontal && index === items.length - 1
|
|
62
|
+
? "right"
|
|
63
|
+
: isHorizontal
|
|
64
|
+
? "center"
|
|
65
|
+
: alignment === "right"
|
|
66
|
+
? "right"
|
|
67
|
+
: undefined, gap: "2", children: _jsxs(_Fragment, { children: [item.label && (_jsx(Text, { variant: "label-default-m", onBackground: state === "danger" ? "danger-weak" : undefined, children: item.label })), item.description && (_jsx(Text, { variant: "body-default-s", onBackground: state === "danger" ? "danger-weak" : "neutral-weak", children: item.description })), item.children] }) })] }, index));
|
|
24
68
|
}) }));
|
|
25
69
|
};
|
|
26
70
|
Timeline.displayName = "Timeline";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Timeline.js","sourceRoot":"","sources":["../../src/components/Timeline.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAiB7C,MAAM,QAAQ,GAA4B,CAAC,
|
|
1
|
+
{"version":3,"file":"Timeline.js","sourceRoot":"","sources":["../../src/components/Timeline.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,8 +4,9 @@ interface CommonProps {
|
|
|
4
4
|
label?: ReactNode;
|
|
5
5
|
selected?: boolean;
|
|
6
6
|
variant?: "ghost" | "outline";
|
|
7
|
-
size?: "s" | "m" | "l";
|
|
7
|
+
size?: "xs" | "s" | "m" | "l" | "xl";
|
|
8
8
|
radius?: "none" | "top" | "right" | "bottom" | "left" | "top-left" | "top-right" | "bottom-right" | "bottom-left";
|
|
9
|
+
rounded?: boolean;
|
|
9
10
|
horizontal?: "start" | "center" | "end" | "between";
|
|
10
11
|
fillWidth?: boolean;
|
|
11
12
|
weight?: "default" | "strong";
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
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,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;IACrC,MAAM,CAAC,EACH,MAAM,GACN,KAAK,GACL,OAAO,GACP,QAAQ,GACR,MAAM,GACN,UAAU,GACV,WAAW,GACX,cAAc,GACd,aAAa,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IACpD,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,iIAqEjB,CAAC;AAGF,OAAO,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -4,8 +4,8 @@ import { forwardRef } from "react";
|
|
|
4
4
|
import classNames from "classnames";
|
|
5
5
|
import { Flex, Icon, ElementType } from ".";
|
|
6
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"
|
|
7
|
+
const ToggleButton = forwardRef(({ label, selected = false, variant = "ghost", size = "m", radius, rounded = false, horizontal = "center", fillWidth = false, weight = "default", truncate = false, prefixIcon, suffixIcon, className, style, children, href, ...props }, ref) => {
|
|
8
|
+
return (_jsxs(ElementType, { ref: ref, href: href, "data-border": rounded ? "rounded" : undefined, className: classNames(styles.button, styles[variant], styles[size], selected && styles.selected, radius === "none"
|
|
9
9
|
? "radius-none"
|
|
10
10
|
: radius
|
|
11
11
|
? `radius-${size}-${radius}`
|
|
@@ -13,7 +13,7 @@ const ToggleButton = forwardRef(({ label, selected = false, variant = "ghost", s
|
|
|
13
13
|
["fill-width"]: fillWidth,
|
|
14
14
|
["fit-width"]: !fillWidth,
|
|
15
15
|
["justify-" + horizontal]: horizontal,
|
|
16
|
-
}, className), style: style, ...props, children: [prefixIcon && _jsx(Icon, { name: prefixIcon, size: size === "l" ? "s" : "xs" }), (label || children) && (_jsx(Flex, { fillWidth: fillWidth, horizontal: horizontal, textWeight: weight, paddingX: size === "
|
|
16
|
+
}, className), style: style, ...props, children: [prefixIcon && _jsx(Icon, { name: prefixIcon, size: size === "xl" ? "m" : size === "l" ? "s" : "xs" }), (label || children) && (_jsx(Flex, { fillWidth: fillWidth, horizontal: horizontal, textWeight: weight, paddingX: size === "xl" ? "12" : size === "l" ? "8" : size === "s" ? "4" : "2", textSize: size === "xl" ? "l" : size === "l" ? "m" : "s", className: "font-label", position: "static", children: label || children })), suffixIcon && _jsx(Icon, { name: suffixIcon, size: size === "xl" ? "m" : size === "l" ? "s" : "xs" })] }));
|
|
17
17
|
});
|
|
18
18
|
ToggleButton.displayName = "ToggleButton";
|
|
19
19
|
export { ToggleButton };
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
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;AAiChD,MAAM,YAAY,GAAG,UAAU,CAC7B,CACE,EACE,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,OAAO,EACjB,IAAI,GAAG,GAAG,EACV,MAAM,EACN,OAAO,GAAG,KAAK,EACf,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,iBACG,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAC5C,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,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,GAAI,EAC/F,CAAC,KAAK,IAAI,QAAQ,CAAC,IAAI,CACtB,KAAC,IAAI,IACH,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAC9E,QAAQ,EAAE,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EACxD,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,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,GAAI,IACpF,CACf,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -7,14 +7,21 @@
|
|
|
7
7
|
background: var(--static-transparent);
|
|
8
8
|
color: var(--neutral-on-background-strong);
|
|
9
9
|
transition: var(--transition-micro-medium);
|
|
10
|
-
|
|
10
|
+
user-select: none;
|
|
11
11
|
white-space: nowrap;
|
|
12
|
-
|
|
13
|
-
&:
|
|
12
|
+
|
|
13
|
+
&:focus-visible {
|
|
14
14
|
background: var(--neutral-alpha-weak);
|
|
15
15
|
border-color: var(--neutral-alpha-weak);
|
|
16
16
|
}
|
|
17
|
-
|
|
17
|
+
|
|
18
|
+
@media (hover: hover) and (pointer: fine) {
|
|
19
|
+
&:hover {
|
|
20
|
+
background: var(--neutral-alpha-weak);
|
|
21
|
+
border-color: var(--neutral-alpha-weak);
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
|
|
18
25
|
&.selected {
|
|
19
26
|
background-color: var(--neutral-alpha-medium);
|
|
20
27
|
border-color: var(--neutral-alpha-weak);
|
|
@@ -23,12 +30,18 @@
|
|
|
23
30
|
&:disabled {
|
|
24
31
|
background: var(--neutral-alpha-weak);
|
|
25
32
|
color: var(--neutral-on-background-medium);
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
33
|
+
border: none;
|
|
34
|
+
pointer-events: none;
|
|
35
|
+
cursor: not-allowed;
|
|
29
36
|
}
|
|
30
37
|
}
|
|
31
38
|
|
|
39
|
+
.xs {
|
|
40
|
+
height: var(--static-space-20);
|
|
41
|
+
min-height: var(--static-space-20);
|
|
42
|
+
padding: var(--static-space-2) var(--static-space-8);
|
|
43
|
+
}
|
|
44
|
+
|
|
32
45
|
.s {
|
|
33
46
|
height: var(--static-space-24);
|
|
34
47
|
min-height: var(--static-space-24);
|
|
@@ -40,13 +53,19 @@
|
|
|
40
53
|
min-height: var(--static-space-32);
|
|
41
54
|
padding: var(--static-space-4) var(--static-space-8);
|
|
42
55
|
}
|
|
43
|
-
|
|
56
|
+
|
|
44
57
|
.l {
|
|
45
58
|
height: var(--static-space-40);
|
|
46
59
|
min-height: var(--static-space-40);
|
|
47
60
|
padding: var(--static-space-8) var(--static-space-16);
|
|
48
61
|
}
|
|
49
62
|
|
|
63
|
+
.xl {
|
|
64
|
+
height: var(--static-space-48);
|
|
65
|
+
min-height: var(--static-space-48);
|
|
66
|
+
padding: var(--static-space-12) var(--static-space-20);
|
|
67
|
+
}
|
|
68
|
+
|
|
50
69
|
.ghost {
|
|
51
70
|
border-color: var(--static-transparent);
|
|
52
71
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TypeFx.d.ts","sourceRoot":"","sources":["../../src/components/TypeFx.tsx"],"names":[],"mappings":"AAEA,OAAO,
|
|
1
|
+
{"version":3,"file":"TypeFx.d.ts","sourceRoot":"","sources":["../../src/components/TypeFx.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAEzB,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,UAAU,CAAC;IACtF,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B,SAAS,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;IAC5C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAwGjC,CAAC;AAIF,OAAO,EAAE,MAAM,EAAE,CAAC"}
|