@once-ui-system/core 1.4.32 → 1.5.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.eslintrc.json +3 -3
- package/{LICENSE → LICENSE.md} +1 -1
- package/dist/components/Animation.d.ts +34 -0
- package/dist/components/Animation.d.ts.map +1 -0
- package/dist/components/Animation.js +230 -0
- package/dist/components/Animation.js.map +1 -0
- package/dist/components/ArrowNavigationContext.d.ts.map +1 -1
- package/dist/components/ArrowNavigationContext.js +2 -1
- package/dist/components/ArrowNavigationContext.js.map +1 -1
- package/dist/components/AutoScroll.module.scss +8 -8
- package/dist/components/Background.d.ts.map +1 -1
- package/dist/components/Background.js +23 -15
- package/dist/components/Background.js.map +1 -1
- package/dist/components/Button.d.ts +1 -0
- 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/Card.d.ts.map +1 -1
- package/dist/components/Card.js +2 -4
- package/dist/components/Card.js.map +1 -1
- package/dist/components/Card.module.scss +4 -2
- package/dist/components/Carousel.module.scss +31 -31
- package/dist/components/ClientFlex.d.ts.map +1 -1
- package/dist/components/ClientFlex.js +8 -58
- package/dist/components/ClientFlex.js.map +1 -1
- package/dist/components/ClientGrid.d.ts.map +1 -1
- package/dist/components/ClientGrid.js +8 -58
- package/dist/components/ClientGrid.js.map +1 -1
- package/dist/components/ColorInput.d.ts.map +1 -1
- package/dist/components/ColorInput.js +5 -19
- package/dist/components/ColorInput.js.map +1 -1
- package/dist/components/CompareImage.d.ts.map +1 -1
- package/dist/components/CompareImage.js +1 -1
- package/dist/components/CompareImage.js.map +1 -1
- package/dist/components/Dialog.module.scss +32 -32
- package/dist/components/DropdownWrapper.d.ts.map +1 -1
- package/dist/components/DropdownWrapper.js +144 -30
- package/dist/components/DropdownWrapper.js.map +1 -1
- package/dist/components/EmojiPicker.d.ts.map +1 -1
- package/dist/components/EmojiPicker.js +14 -12
- package/dist/components/EmojiPicker.js.map +1 -1
- package/dist/components/EmojiPicker.module.scss +14 -0
- package/dist/components/EmojiPickerDropdown.d.ts.map +1 -1
- package/dist/components/EmojiPickerDropdown.js +1 -1
- package/dist/components/EmojiPickerDropdown.js.map +1 -1
- package/dist/components/Flex.d.ts.map +1 -1
- package/dist/components/Flex.js +1 -80
- package/dist/components/Flex.js.map +1 -1
- package/dist/components/Grid.d.ts.map +1 -1
- package/dist/components/Grid.js +1 -80
- package/dist/components/Grid.js.map +1 -1
- package/dist/components/Hover.d.ts +14 -0
- package/dist/components/Hover.d.ts.map +1 -0
- package/dist/components/Hover.js +99 -0
- package/dist/components/Hover.js.map +1 -0
- package/dist/components/Hover.module.scss +12 -0
- package/dist/components/HoverCard.d.ts +5 -0
- package/dist/components/HoverCard.d.ts.map +1 -0
- package/dist/components/HoverCard.js +10 -0
- package/dist/components/HoverCard.js.map +1 -0
- package/dist/components/HoverCard.module.scss +12 -0
- package/dist/components/Icon.d.ts.map +1 -1
- package/dist/components/Icon.js +8 -19
- package/dist/components/Icon.js.map +1 -1
- package/dist/components/IconButton.d.ts.map +1 -1
- package/dist/components/IconButton.js +9 -20
- package/dist/components/IconButton.js.map +1 -1
- package/dist/components/IconButton.module.scss +0 -24
- package/dist/components/Input.d.ts +1 -0
- package/dist/components/Input.d.ts.map +1 -1
- package/dist/components/Input.js +6 -2
- package/dist/components/Input.js.map +1 -1
- package/dist/components/MatrixFx.d.ts +15 -0
- package/dist/components/MatrixFx.d.ts.map +1 -0
- package/dist/components/MatrixFx.js +307 -0
- package/dist/components/MatrixFx.js.map +1 -0
- package/dist/components/Option.d.ts.map +1 -1
- package/dist/components/Option.js +38 -7
- package/dist/components/Option.js.map +1 -1
- package/dist/components/Option.module.scss +13 -10
- package/dist/components/Particle.d.ts +2 -1
- package/dist/components/Particle.d.ts.map +1 -1
- package/dist/components/Particle.js +27 -6
- package/dist/components/Particle.js.map +1 -1
- package/dist/components/Select.d.ts.map +1 -1
- package/dist/components/Select.js +41 -31
- package/dist/components/Select.js.map +1 -1
- package/dist/components/ServerFlex.d.ts +1 -0
- package/dist/components/ServerFlex.d.ts.map +1 -1
- package/dist/components/ServerFlex.js +37 -22
- package/dist/components/ServerFlex.js.map +1 -1
- package/dist/components/ServerGrid.d.ts +1 -0
- package/dist/components/ServerGrid.d.ts.map +1 -1
- package/dist/components/ServerGrid.js +7 -2
- package/dist/components/ServerGrid.js.map +1 -1
- package/dist/components/SharedInteractiveStyles.module.scss +1 -1
- package/dist/components/ShineFx.d.ts +11 -0
- package/dist/components/ShineFx.d.ts.map +1 -0
- package/dist/components/ShineFx.js +15 -0
- package/dist/components/ShineFx.js.map +1 -0
- package/dist/components/ShineFx.module.scss +33 -0
- package/dist/components/Swiper.d.ts +17 -0
- package/dist/components/Swiper.d.ts.map +1 -0
- package/dist/components/Swiper.js +170 -0
- package/dist/components/Swiper.js.map +1 -0
- package/dist/components/Swiper.module.scss +31 -0
- package/dist/components/Switch.module.scss +1 -1
- package/dist/components/Textarea.d.ts +1 -0
- package/dist/components/Textarea.d.ts.map +1 -1
- package/dist/components/Textarea.js +6 -2
- package/dist/components/Textarea.js.map +1 -1
- package/dist/components/TiltFx.d.ts +1 -0
- package/dist/components/TiltFx.d.ts.map +1 -1
- package/dist/components/TiltFx.js +5 -4
- package/dist/components/TiltFx.js.map +1 -1
- package/dist/components/Timeline.d.ts +18 -0
- package/dist/components/Timeline.d.ts.map +1 -0
- package/dist/components/Timeline.js +28 -0
- package/dist/components/Timeline.js.map +1 -0
- package/dist/components/Tooltip.d.ts +2 -2
- package/dist/components/Tooltip.d.ts.map +1 -1
- package/dist/components/Tooltip.js +4 -3
- package/dist/components/Tooltip.js.map +1 -1
- package/dist/components/Tooltip.module.scss +14 -0
- package/dist/components/TypeFx.d.ts +15 -0
- package/dist/components/TypeFx.d.ts.map +1 -0
- package/dist/components/TypeFx.js +105 -0
- package/dist/components/TypeFx.js.map +1 -0
- package/dist/components/UserMenu.d.ts.map +1 -1
- package/dist/components/UserMenu.js +3 -3
- package/dist/components/UserMenu.js.map +1 -1
- package/dist/components/index.d.ts +8 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +8 -0
- package/dist/components/index.js.map +1 -1
- package/dist/contexts/LayoutProvider.d.ts +1 -0
- package/dist/contexts/LayoutProvider.d.ts.map +1 -1
- package/dist/contexts/LayoutProvider.js +30 -4
- package/dist/contexts/LayoutProvider.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/hooks/useResponsiveClasses.d.ts +9 -0
- package/dist/hooks/useResponsiveClasses.d.ts.map +1 -0
- package/dist/hooks/useResponsiveClasses.js +250 -0
- package/dist/hooks/useResponsiveClasses.js.map +1 -0
- package/dist/icons.d.ts.map +1 -1
- package/dist/icons.js +3 -1
- package/dist/icons.js.map +1 -1
- package/dist/interfaces.d.ts +1 -0
- package/dist/interfaces.d.ts.map +1 -1
- package/dist/modules/code/CodeBlock.d.ts +2 -2
- package/dist/modules/code/CodeBlock.d.ts.map +1 -1
- package/dist/modules/code/CodeBlock.js +17 -7
- package/dist/modules/code/CodeBlock.js.map +1 -1
- package/dist/modules/code/LineNumber.css +34 -34
- package/dist/modules/navigation/HeadingLink.d.ts +2 -2
- package/dist/modules/navigation/HeadingLink.d.ts.map +1 -1
- package/dist/modules/navigation/HeadingLink.js +3 -3
- package/dist/modules/navigation/HeadingLink.js.map +1 -1
- package/dist/modules/navigation/HeadingLink.module.scss +5 -14
- package/dist/modules/navigation/HeadingNav.d.ts +1 -0
- package/dist/modules/navigation/HeadingNav.d.ts.map +1 -1
- package/dist/modules/navigation/HeadingNav.js +32 -30
- package/dist/modules/navigation/HeadingNav.js.map +1 -1
- package/dist/modules/navigation/Kbar.d.ts.map +1 -1
- package/dist/modules/navigation/Kbar.js +40 -99
- package/dist/modules/navigation/Kbar.js.map +1 -1
- package/dist/modules/navigation/MegaMenu.d.ts +1 -0
- package/dist/modules/navigation/MegaMenu.d.ts.map +1 -1
- package/dist/modules/navigation/MegaMenu.js +121 -44
- package/dist/modules/navigation/MegaMenu.js.map +1 -1
- package/dist/package.json +10 -1
- package/dist/styles/border.scss +36 -0
- package/dist/styles/breakpoints.scss +7 -0
- package/dist/styles/display.scss +64 -0
- package/dist/styles/flex.scss +87 -0
- package/dist/styles/global.scss +3 -24
- package/dist/styles/grid.scss +58 -0
- package/dist/styles/position.scss +310 -0
- package/dist/styles/typography.scss +36 -10
- package/dist/tokens/border.scss +28 -4
- package/dist/tokens/theme.scss +2 -0
- package/dist/tokens/typography.scss +5 -1
- package/package.json +10 -1
- package/README.md +0 -159
- package/USAGE.md +0 -55
- package/dist/README.md +0 -159
|
@@ -4,10 +4,14 @@ import { forwardRef } from "react";
|
|
|
4
4
|
import { ServerFlex, Cursor } from ".";
|
|
5
5
|
import { useRef, useEffect, useCallback, useState } from "react";
|
|
6
6
|
import { useLayout } from "..";
|
|
7
|
+
import { useResponsiveClasses } from "../hooks/useResponsiveClasses";
|
|
7
8
|
const ClientFlex = forwardRef(({ cursor, hide, xl, l, m, s, xs, ...props }, ref) => {
|
|
8
9
|
const elementRef = useRef(null);
|
|
9
10
|
const [isTouchDevice, setIsTouchDevice] = useState(false);
|
|
10
|
-
const { currentBreakpoint } = useLayout();
|
|
11
|
+
const { currentBreakpoint, isDefaultBreakpoints } = useLayout();
|
|
12
|
+
if (!isDefaultBreakpoints()) {
|
|
13
|
+
useResponsiveClasses(elementRef, { xl, l, m, s, xs }, currentBreakpoint);
|
|
14
|
+
}
|
|
11
15
|
// Combine refs
|
|
12
16
|
const combinedRef = (node) => {
|
|
13
17
|
elementRef.current = node;
|
|
@@ -91,63 +95,9 @@ const ClientFlex = forwardRef(({ cursor, hide, xl, l, m, s, xs, ...props }, ref)
|
|
|
91
95
|
}, []);
|
|
92
96
|
// Determine if we should hide the default cursor
|
|
93
97
|
const shouldHideCursor = typeof cursor === "object" && cursor && !isTouchDevice;
|
|
94
|
-
//
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
const { currentBreakpoint } = useLayout();
|
|
98
|
-
// Logic matching the shouldHide function in Flex component
|
|
99
|
-
if (currentBreakpoint === "xl") {
|
|
100
|
-
if (xl?.hide !== undefined)
|
|
101
|
-
return xl.hide === true;
|
|
102
|
-
return hide === true;
|
|
103
|
-
}
|
|
104
|
-
if (currentBreakpoint === "l") {
|
|
105
|
-
if (l?.hide !== undefined)
|
|
106
|
-
return l.hide === true;
|
|
107
|
-
return hide === true;
|
|
108
|
-
}
|
|
109
|
-
if (currentBreakpoint === "m") {
|
|
110
|
-
if (m?.hide !== undefined)
|
|
111
|
-
return m.hide === true;
|
|
112
|
-
if (l?.hide !== undefined)
|
|
113
|
-
return l.hide === true;
|
|
114
|
-
if (xl?.hide !== undefined)
|
|
115
|
-
return xl.hide === true;
|
|
116
|
-
return hide === true;
|
|
117
|
-
}
|
|
118
|
-
if (currentBreakpoint === "s") {
|
|
119
|
-
if (s?.hide !== undefined)
|
|
120
|
-
return s.hide === true;
|
|
121
|
-
if (m?.hide !== undefined)
|
|
122
|
-
return m.hide === true;
|
|
123
|
-
if (l?.hide !== undefined)
|
|
124
|
-
return l.hide === true;
|
|
125
|
-
if (xl?.hide !== undefined)
|
|
126
|
-
return xl.hide === true;
|
|
127
|
-
return hide === true;
|
|
128
|
-
}
|
|
129
|
-
if (currentBreakpoint === "xs") {
|
|
130
|
-
if (xs?.hide !== undefined)
|
|
131
|
-
return xs.hide === true;
|
|
132
|
-
if (s?.hide !== undefined)
|
|
133
|
-
return s.hide === true;
|
|
134
|
-
if (m?.hide !== undefined)
|
|
135
|
-
return m.hide === true;
|
|
136
|
-
if (l?.hide !== undefined)
|
|
137
|
-
return l.hide === true;
|
|
138
|
-
if (xl?.hide !== undefined)
|
|
139
|
-
return xl.hide === true;
|
|
140
|
-
return hide === true;
|
|
141
|
-
}
|
|
142
|
-
return hide === true;
|
|
143
|
-
}
|
|
144
|
-
catch {
|
|
145
|
-
return hide === true;
|
|
146
|
-
}
|
|
147
|
-
};
|
|
148
|
-
// Apply hide class only if it should be hidden at current breakpoint
|
|
149
|
-
const effectiveHide = shouldApplyHideClass();
|
|
150
|
-
return (_jsxs(_Fragment, { children: [_jsx(ServerFlex, { ...props, xl: xl, l: l, m: m, s: s, xs: xs, hide: effectiveHide, ref: combinedRef, style: {
|
|
98
|
+
// Pass hide prop directly to ServerFlex - it will handle responsive hiding via CSS classes
|
|
99
|
+
// No need for client-side logic that causes re-renders on every resize
|
|
100
|
+
return (_jsxs(_Fragment, { children: [_jsx(ServerFlex, { ...props, xl: xl, l: l, m: m, s: s, xs: xs, isDefaultBreakpoints: isDefaultBreakpoints(), hide: hide, ref: combinedRef, style: {
|
|
151
101
|
...props.style,
|
|
152
102
|
cursor: shouldHideCursor ? "none" : props.style?.cursor,
|
|
153
103
|
} }), typeof cursor === "object" && cursor && !isTouchDevice && (_jsx(Cursor, { cursor: cursor, elementRef: elementRef }))] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClientFlex.js","sourceRoot":"","sources":["../../src/components/ClientFlex.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,GAAG,CAAC;AAEvC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAiB,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChF,OAAO,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"ClientFlex.js","sourceRoot":"","sources":["../../src/components/ClientFlex.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClientGrid.d.ts","sourceRoot":"","sources":["../../src/components/ClientGrid.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"ClientGrid.d.ts","sourceRoot":"","sources":["../../src/components/ClientGrid.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAKpE,UAAU,eAAgB,SAAQ,SAAS,EAAE,UAAU,EAAE,YAAY;IACnE,MAAM,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC9B,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,CAAC,CAAC,EAAE,GAAG,CAAC;IACR,CAAC,CAAC,EAAE,GAAG,CAAC;IACR,CAAC,CAAC,EAAE,GAAG,CAAC;IACR,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,QAAA,MAAM,UAAU,4GA+Hf,CAAC;AAGF,OAAO,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -4,10 +4,14 @@ import { forwardRef } from "react";
|
|
|
4
4
|
import { ServerGrid, Cursor } from ".";
|
|
5
5
|
import { useRef, useEffect, useCallback, useState } from "react";
|
|
6
6
|
import { useLayout } from "..";
|
|
7
|
+
import { useResponsiveClasses } from "../hooks/useResponsiveClasses";
|
|
7
8
|
const ClientGrid = forwardRef(({ cursor, hide, xl, l, m, s, xs, ...props }, ref) => {
|
|
8
9
|
const elementRef = useRef(null);
|
|
9
10
|
const [isTouchDevice, setIsTouchDevice] = useState(false);
|
|
10
|
-
const { currentBreakpoint } = useLayout();
|
|
11
|
+
const { currentBreakpoint, isDefaultBreakpoints } = useLayout();
|
|
12
|
+
if (!isDefaultBreakpoints()) {
|
|
13
|
+
useResponsiveClasses(elementRef, { xl, l, m, s, xs }, currentBreakpoint);
|
|
14
|
+
}
|
|
11
15
|
// Combine refs
|
|
12
16
|
const combinedRef = (node) => {
|
|
13
17
|
elementRef.current = node;
|
|
@@ -91,63 +95,9 @@ const ClientGrid = forwardRef(({ cursor, hide, xl, l, m, s, xs, ...props }, ref)
|
|
|
91
95
|
}, []);
|
|
92
96
|
// Determine if we should hide the default cursor
|
|
93
97
|
const shouldHideCursor = typeof cursor === "object" && cursor && !isTouchDevice;
|
|
94
|
-
//
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
const { currentBreakpoint } = useLayout();
|
|
98
|
-
// Logic matching the shouldHide function in Grid component
|
|
99
|
-
if (currentBreakpoint === "xl") {
|
|
100
|
-
if (xl?.hide !== undefined)
|
|
101
|
-
return xl.hide === true;
|
|
102
|
-
return hide === true;
|
|
103
|
-
}
|
|
104
|
-
if (currentBreakpoint === "l") {
|
|
105
|
-
if (l?.hide !== undefined)
|
|
106
|
-
return l.hide === true;
|
|
107
|
-
return hide === true;
|
|
108
|
-
}
|
|
109
|
-
if (currentBreakpoint === "m") {
|
|
110
|
-
if (m?.hide !== undefined)
|
|
111
|
-
return m.hide === true;
|
|
112
|
-
if (l?.hide !== undefined)
|
|
113
|
-
return l.hide === true;
|
|
114
|
-
if (xl?.hide !== undefined)
|
|
115
|
-
return xl.hide === true;
|
|
116
|
-
return hide === true;
|
|
117
|
-
}
|
|
118
|
-
if (currentBreakpoint === "s") {
|
|
119
|
-
if (s?.hide !== undefined)
|
|
120
|
-
return s.hide === true;
|
|
121
|
-
if (m?.hide !== undefined)
|
|
122
|
-
return m.hide === true;
|
|
123
|
-
if (l?.hide !== undefined)
|
|
124
|
-
return l.hide === true;
|
|
125
|
-
if (xl?.hide !== undefined)
|
|
126
|
-
return xl.hide === true;
|
|
127
|
-
return hide === true;
|
|
128
|
-
}
|
|
129
|
-
if (currentBreakpoint === "xs") {
|
|
130
|
-
if (xs?.hide !== undefined)
|
|
131
|
-
return xs.hide === true;
|
|
132
|
-
if (s?.hide !== undefined)
|
|
133
|
-
return s.hide === true;
|
|
134
|
-
if (m?.hide !== undefined)
|
|
135
|
-
return m.hide === true;
|
|
136
|
-
if (l?.hide !== undefined)
|
|
137
|
-
return l.hide === true;
|
|
138
|
-
if (xl?.hide !== undefined)
|
|
139
|
-
return xl.hide === true;
|
|
140
|
-
return hide === true;
|
|
141
|
-
}
|
|
142
|
-
return hide === true;
|
|
143
|
-
}
|
|
144
|
-
catch {
|
|
145
|
-
return hide === true;
|
|
146
|
-
}
|
|
147
|
-
};
|
|
148
|
-
// Apply hide class only if it should be hidden at current breakpoint
|
|
149
|
-
const effectiveHide = shouldApplyHideClass();
|
|
150
|
-
return (_jsxs(_Fragment, { children: [_jsx(ServerGrid, { ...props, xl: xl, l: l, m: m, s: s, xs: xs, hide: effectiveHide, ref: combinedRef, style: {
|
|
98
|
+
// Pass hide prop directly to ServerGrid - it will handle responsive hiding via CSS classes
|
|
99
|
+
// No need for client-side logic that causes re-renders on every resize
|
|
100
|
+
return (_jsxs(_Fragment, { children: [_jsx(ServerGrid, { ...props, xl: xl, l: l, m: m, s: s, xs: xs, isDefaultBreakpoints: isDefaultBreakpoints(), hide: hide, ref: combinedRef, style: {
|
|
151
101
|
...props.style,
|
|
152
102
|
cursor: shouldHideCursor ? "none" : props.style?.cursor,
|
|
153
103
|
} }), typeof cursor === "object" && cursor && !isTouchDevice && (_jsx(Cursor, { cursor: cursor, elementRef: elementRef }))] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClientGrid.js","sourceRoot":"","sources":["../../src/components/ClientGrid.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,GAAG,CAAC;AAEvC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAiB,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChF,OAAO,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"ClientGrid.js","sourceRoot":"","sources":["../../src/components/ClientGrid.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorInput.d.ts","sourceRoot":"","sources":["../../src/components/ColorInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAClD,OAAO,EAAe,UAAU,EAAoB,MAAM,GAAG,CAAC;AAE9D,UAAU,eAAgB,SAAQ,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,OAAO,CAAC;IACtE,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC5D;AAED,QAAA,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"ColorInput.d.ts","sourceRoot":"","sources":["../../src/components/ColorInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAClD,OAAO,EAAe,UAAU,EAAoB,MAAM,GAAG,CAAC;AAE9D,UAAU,eAAgB,SAAQ,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,OAAO,CAAC;IACtE,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC5D;AAED,QAAA,MAAM,UAAU,0FA+Ff,CAAC;AAIF,OAAO,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -14,30 +14,16 @@ const ColorInput = forwardRef(({ label, id, value, onChange, ...props }, ref) =>
|
|
|
14
14
|
target: { value: "" },
|
|
15
15
|
});
|
|
16
16
|
};
|
|
17
|
-
return (_jsx(Input, { style: { cursor: "pointer" }, id: id, ref: colorInputRef, label: label, type: "color", value: value, ...props, hasPrefix: _jsxs(Flex, { children: [_jsx(Flex, { style: {
|
|
18
|
-
width: value ? "var(--static-space-0)" : "var(--static-space-20)",
|
|
17
|
+
return (_jsx(Input, { style: { cursor: "pointer" }, id: id, ref: colorInputRef, label: label, type: "color", value: value, ...props, hasPrefix: _jsxs(Flex, { children: [_jsx(Flex, { width: value ? "0" : "20", opacity: value ? 0 : 100, transition: "micro-medium", style: {
|
|
19
18
|
transform: value ? "scale(0)" : "scale(1)",
|
|
20
|
-
|
|
21
|
-
transition: "0.2s ease-in-out all",
|
|
22
|
-
}, children: _jsx(Flex, { padding: "2", children: _jsx(Icon, { size: "xs", name: "eyeDropper", onBackground: "neutral-medium" }) }) }), _jsx(Flex, { border: "neutral-strong", className: `prefix ${value ? "" : "hidden"}`, onClick: handleHexClick, height: "20", radius: "xs", style: {
|
|
19
|
+
}, children: _jsx(Icon, { marginLeft: "4", padding: "2", size: "xs", name: "eyeDropper", onBackground: "neutral-medium" }) }), _jsx(Flex, { border: "neutral-strong", className: `prefix ${value ? "" : "hidden"}`, onClick: handleHexClick, height: "20", marginLeft: "4", width: value ? "20" : "0", cursor: "interactive", radius: "xs", opacity: value ? 100 : 0, transition: "micro-medium", style: {
|
|
23
20
|
backgroundColor: value,
|
|
24
|
-
cursor: "pointer",
|
|
25
|
-
width: value ? "var(--static-space-20)" : "var(--static-space-0)",
|
|
26
21
|
transform: value ? "scale(1)" : "scale(0)",
|
|
27
|
-
|
|
28
|
-
transition: "0.2s ease-in-out all",
|
|
29
|
-
} })] }), hasSuffix: _jsxs(Flex, { className: `suffix ${value ? "" : "hidden"}`, position: "absolute", style: {
|
|
30
|
-
left: "var(--static-space-48)",
|
|
31
|
-
cursor: "pointer",
|
|
22
|
+
} })] }), hasSuffix: _jsxs(Flex, { className: `suffix ${value ? "" : "hidden"}`, position: "absolute", cursor: "interactive", left: "48", style: {
|
|
32
23
|
width: "calc(100% - var(--static-space-48))",
|
|
33
|
-
}, children: [_jsx(Flex, { onClick: handleHexClick, fillWidth: true, style: {
|
|
34
|
-
opacity: value ? "1" : "0",
|
|
35
|
-
transition: "opacity 0.2s ease-in-out",
|
|
36
|
-
}, children: value }), value && (_jsx(IconButton, { onClick: handleReset, variant: "secondary", tooltip: "Remove", tooltipPosition: "left", icon: "close", style: {
|
|
37
|
-
position: "absolute",
|
|
38
|
-
right: "var(--static-space-12)",
|
|
24
|
+
}, children: [_jsx(Flex, { onClick: handleHexClick, fillWidth: true, opacity: value ? 100 : 0, transition: "micro-medium", children: value }), value && (_jsx(Flex, { position: "absolute", right: "12", style: {
|
|
39
25
|
transform: "translateY(-50%)",
|
|
40
|
-
} }))] }), onChange: onChange }));
|
|
26
|
+
}, children: _jsx(IconButton, { onClick: handleReset, variant: "secondary", tooltip: "Remove", tooltipPosition: "left", icon: "close" }) }))] }), onChange: onChange }));
|
|
41
27
|
});
|
|
42
28
|
ColorInput.displayName = "ColorInput";
|
|
43
29
|
export { ColorInput };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorInput.js","sourceRoot":"","sources":["../../src/components/ColorInput.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,KAAK,EAAc,UAAU,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAO9D,MAAM,UAAU,GAAG,UAAU,CAC3B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAChD,MAAM,aAAa,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAErD,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,IAAI,aAAa,CAAC,OAAO,EAAE,CAAC;YAC1B,aAAa,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QAChC,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,QAAQ,CAAC;YACP,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;SACiB,CAAC,CAAC;IAC5C,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,KAAK,IACJ,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAC5B,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,aAAa,EAClB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,KAAK,KACR,KAAK,EACT,SAAS,EACP,MAAC,IAAI,eACH,KAAC,IAAI,IACH,KAAK,EAAE
|
|
1
|
+
{"version":3,"file":"ColorInput.js","sourceRoot":"","sources":["../../src/components/ColorInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CompareImage.d.ts","sourceRoot":"","sources":["../../src/components/CompareImage.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAqB,MAAM,GAAG,CAAC;AAG5C,UAAU,WAAW;IACnB,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,UAAU,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IACnE,WAAW,EAAE,WAAW,CAAC;IACzB,YAAY,EAAE,WAAW,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAuBD,QAAA,MAAM,YAAY;0DAAyD,iBAAiB;;
|
|
1
|
+
{"version":3,"file":"CompareImage.d.ts","sourceRoot":"","sources":["../../src/components/CompareImage.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAqB,MAAM,GAAG,CAAC;AAG5C,UAAU,WAAW;IACnB,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,UAAU,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IACnE,WAAW,EAAE,WAAW,CAAC;IACzB,YAAY,EAAE,WAAW,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAuBD,QAAA,MAAM,YAAY;0DAAyD,iBAAiB;;CAqF3F,CAAC;AAGF,OAAO,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -49,7 +49,7 @@ const CompareImage = ({ leftContent, rightContent, aspectRatio, ...rest }) => {
|
|
|
49
49
|
}, []);
|
|
50
50
|
return (_jsxs(Flex, { ref: containerRef, aspectRatio: aspectRatio || "16/9", fillWidth: true, style: { touchAction: "none" }, ...rest, children: [renderContent(leftContent, `inset(0 ${100 - position}% 0 0)`, aspectRatio), renderContent(rightContent, `inset(0 0 0 ${position}%)`, aspectRatio), _jsx(Flex, { position: "absolute", horizontal: "center", width: 3, className: styles.hitArea, top: "0", bottom: "0", style: {
|
|
51
51
|
left: `${position}%`,
|
|
52
|
-
}, onMouseDown: handleMouseDown, onTouchStart: handleMouseDown, children: _jsx(Flex, { width: "1", fillHeight: true, background: "neutral-strong", zIndex: 2 }) }), _jsx(Flex, { radius: "l", background: "surface", className: styles.dragIcon, style: {
|
|
52
|
+
}, onMouseDown: handleMouseDown, onTouchStart: handleMouseDown, children: _jsx(Flex, { width: "1", fillHeight: true, background: "neutral-strong", zIndex: 2 }) }), _jsx(Flex, { radius: "l", background: "surface", fitHeight: true, className: styles.dragIcon, style: {
|
|
53
53
|
left: `${position}%`,
|
|
54
54
|
}, children: _jsx(IconButton, { icon: "chevronsLeftRight", variant: "secondary", onMouseDown: handleMouseDown, onTouchStart: handleMouseDown }) })] }));
|
|
55
55
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CompareImage.js","sourceRoot":"","sources":["../../src/components/CompareImage.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"CompareImage.js","sourceRoot":"","sources":["../../src/components/CompareImage.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,33 +1,33 @@
|
|
|
1
|
-
@use "../styles/breakpoints.scss" as breakpoints;
|
|
2
|
-
|
|
3
|
-
.overlay {
|
|
4
|
-
opacity: 0;
|
|
5
|
-
visibility: hidden;
|
|
6
|
-
|
|
7
|
-
&.open {
|
|
8
|
-
opacity: 1;
|
|
9
|
-
visibility: visible;
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
.dialog {
|
|
14
|
-
max-width: 40rem;
|
|
15
|
-
max-height: 100%;
|
|
16
|
-
transform: scale(0.2);
|
|
17
|
-
opacity: 0;
|
|
18
|
-
|
|
19
|
-
&.open {
|
|
20
|
-
transform: scale(1);
|
|
21
|
-
opacity: 1;
|
|
22
|
-
visibility: visible;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
@include breakpoints.m {
|
|
26
|
-
position: fixed;
|
|
27
|
-
bottom: var(--static-space-8);
|
|
28
|
-
left: var(--static-space-8);
|
|
29
|
-
right: var(--static-space-8);
|
|
30
|
-
top: var(--static-space-8);
|
|
31
|
-
max-width: calc(100% - var(--static-space-16)) !important;
|
|
32
|
-
}
|
|
1
|
+
@use "../styles/breakpoints.scss" as breakpoints;
|
|
2
|
+
|
|
3
|
+
.overlay {
|
|
4
|
+
opacity: 0;
|
|
5
|
+
visibility: hidden;
|
|
6
|
+
|
|
7
|
+
&.open {
|
|
8
|
+
opacity: 1;
|
|
9
|
+
visibility: visible;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.dialog {
|
|
14
|
+
max-width: 40rem;
|
|
15
|
+
max-height: 100%;
|
|
16
|
+
transform: scale(0.2);
|
|
17
|
+
opacity: 0;
|
|
18
|
+
|
|
19
|
+
&.open {
|
|
20
|
+
transform: scale(1);
|
|
21
|
+
opacity: 1;
|
|
22
|
+
visibility: visible;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
@include breakpoints.m {
|
|
26
|
+
position: fixed;
|
|
27
|
+
bottom: var(--static-space-8);
|
|
28
|
+
left: var(--static-space-8);
|
|
29
|
+
right: var(--static-space-8);
|
|
30
|
+
top: var(--static-space-8);
|
|
31
|
+
max-width: calc(100% - var(--static-space-16)) !important;
|
|
32
|
+
}
|
|
33
33
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownWrapper.d.ts","sourceRoot":"","sources":["../../src/components/DropdownWrapper.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"DropdownWrapper.d.ts","sourceRoot":"","sources":["../../src/components/DropdownWrapper.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAKZ,SAAS,EAMV,MAAM,OAAO,CAAC;AAEf,OAAO,EAOL,SAAS,EACV,MAAM,wBAAwB,CAAC;AAGhC,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAE/D,MAAM,WAAW,oBAAoB;IACnC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAKD,QAAA,MAAM,eAAe,6FA8wBpB,CAAC;AAGF,OAAO,EAAE,eAAe,EAAE,CAAC"}
|