@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
package/.eslintrc.json
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
{
|
|
2
|
-
"extends": "next/core-web-vitals"
|
|
3
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"extends": "next/core-web-vitals"
|
|
3
|
+
}
|
package/{LICENSE → LICENSE.md}
RENAMED
|
@@ -18,4 +18,4 @@ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
18
18
|
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
19
|
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
20
|
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
-
SOFTWARE.
|
|
21
|
+
SOFTWARE.
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import React, { ReactNode, CSSProperties } from "react";
|
|
2
|
+
import { Placement } from "@floating-ui/react-dom";
|
|
3
|
+
import { Flex } from ".";
|
|
4
|
+
import { SpacingToken } from "@/types";
|
|
5
|
+
type TriggerType = "hover" | "click" | "manual";
|
|
6
|
+
type EasingCurve = "linear" | "ease" | "ease-in" | "ease-out" | "ease-in-out" | "spring" | "bounce";
|
|
7
|
+
export interface AnimationProps extends React.ComponentProps<typeof Flex> {
|
|
8
|
+
trigger?: ReactNode;
|
|
9
|
+
children: ReactNode;
|
|
10
|
+
fade?: number;
|
|
11
|
+
scale?: number;
|
|
12
|
+
blur?: number;
|
|
13
|
+
slideUp?: number;
|
|
14
|
+
slideDown?: number;
|
|
15
|
+
slideLeft?: number;
|
|
16
|
+
slideRight?: number;
|
|
17
|
+
zoomIn?: number;
|
|
18
|
+
zoomOut?: number;
|
|
19
|
+
triggerType?: TriggerType;
|
|
20
|
+
active?: boolean;
|
|
21
|
+
delay?: number;
|
|
22
|
+
duration?: number;
|
|
23
|
+
easing?: EasingCurve;
|
|
24
|
+
transformOrigin?: string;
|
|
25
|
+
childrenPosition?: CSSProperties["position"];
|
|
26
|
+
reverse?: boolean;
|
|
27
|
+
touch?: "disable" | "enable" | "display";
|
|
28
|
+
portal?: boolean;
|
|
29
|
+
placement?: Placement;
|
|
30
|
+
offsetDistance?: SpacingToken;
|
|
31
|
+
}
|
|
32
|
+
declare const Animation: React.ForwardRefExoticComponent<Omit<AnimationProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
33
|
+
export { Animation };
|
|
34
|
+
//# sourceMappingURL=Animation.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Animation.d.ts","sourceRoot":"","sources":["../../src/components/Animation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAIZ,SAAS,EAIT,aAAa,EACd,MAAM,OAAO,CAAC;AAEf,OAAO,EAKL,SAAS,EACV,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,KAAK,WAAW,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEhD,KAAK,WAAW,GACZ,QAAQ,GACR,MAAM,GACN,SAAS,GACT,UAAU,GACV,aAAa,GACb,QAAQ,GACR,QAAQ,CAAC;AAEb,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IACvE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IAEzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,cAAc,CAAC,EAAE,YAAY,CAAC;CAC/B;AAYD,QAAA,MAAM,SAAS,oGAqVd,CAAC;AAGF,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -0,0 +1,230 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useState, useRef, useEffect, forwardRef, useImperativeHandle, useCallback, } from "react";
|
|
4
|
+
import { createPortal } from "react-dom";
|
|
5
|
+
import { useFloating, shift, flip, autoUpdate, } from "@floating-ui/react-dom";
|
|
6
|
+
import { Flex } from ".";
|
|
7
|
+
const easingCurves = {
|
|
8
|
+
linear: "linear",
|
|
9
|
+
ease: "ease",
|
|
10
|
+
"ease-in": "ease-in",
|
|
11
|
+
"ease-out": "ease-out",
|
|
12
|
+
"ease-in-out": "ease-in-out",
|
|
13
|
+
spring: "cubic-bezier(0.68, -0.55, 0.265, 1.55)",
|
|
14
|
+
bounce: "cubic-bezier(0.68, -0.55, 0.265, 1.55)",
|
|
15
|
+
};
|
|
16
|
+
const Animation = forwardRef(({ trigger, children, fade, scale, blur, slideUp, slideDown, slideLeft, slideRight, zoomIn, zoomOut, triggerType = "manual", active: controlledActive, delay = 0, duration = 300, easing = "ease-out", transformOrigin = "center", childrenPosition = "absolute", reverse = false, touch = "enable", portal = false, placement = "top", offsetDistance = "8", ...flex }, ref) => {
|
|
17
|
+
const [internalActive, setInternalActive] = useState(false);
|
|
18
|
+
const [isClicked, setIsClicked] = useState(false);
|
|
19
|
+
const [mounted, setMounted] = useState(false);
|
|
20
|
+
const [isBrowser, setIsBrowser] = useState(false);
|
|
21
|
+
const [isPositioned, setIsPositioned] = useState(false);
|
|
22
|
+
const [isTouchDevice, setIsTouchDevice] = useState(false);
|
|
23
|
+
const wrapperRef = useRef(null);
|
|
24
|
+
const floatingRef = useRef(null);
|
|
25
|
+
const timeoutRef = useRef(null);
|
|
26
|
+
useImperativeHandle(ref, () => wrapperRef.current);
|
|
27
|
+
useEffect(() => {
|
|
28
|
+
setMounted(true);
|
|
29
|
+
setIsTouchDevice("ontouchstart" in window || navigator.maxTouchPoints > 0);
|
|
30
|
+
if (portal) {
|
|
31
|
+
setIsBrowser(true);
|
|
32
|
+
}
|
|
33
|
+
}, [portal]);
|
|
34
|
+
const isControlled = controlledActive !== undefined;
|
|
35
|
+
const rawActive = isControlled ? controlledActive : internalActive;
|
|
36
|
+
// Determine if animation should be active based on touch mode
|
|
37
|
+
const isActive = (() => {
|
|
38
|
+
// If on touch device, handle based on touch prop
|
|
39
|
+
if (isTouchDevice && triggerType === "hover") {
|
|
40
|
+
if (touch === 'disable')
|
|
41
|
+
return false;
|
|
42
|
+
if (touch === 'display')
|
|
43
|
+
return true;
|
|
44
|
+
// touch === 'enable', fall through to normal logic
|
|
45
|
+
}
|
|
46
|
+
// For non-touch or when mounted, use the raw active state
|
|
47
|
+
if (!mounted && !isTouchDevice)
|
|
48
|
+
return false;
|
|
49
|
+
return rawActive;
|
|
50
|
+
})();
|
|
51
|
+
// Floating UI for portal positioning
|
|
52
|
+
const { x, y, strategy, placement: finalPlacement, refs: floatingRefs } = useFloating({
|
|
53
|
+
placement,
|
|
54
|
+
open: isActive,
|
|
55
|
+
middleware: [
|
|
56
|
+
flip(),
|
|
57
|
+
shift(),
|
|
58
|
+
],
|
|
59
|
+
whileElementsMounted: portal ? autoUpdate : undefined,
|
|
60
|
+
});
|
|
61
|
+
useEffect(() => {
|
|
62
|
+
if (portal && wrapperRef.current) {
|
|
63
|
+
floatingRefs.setReference(wrapperRef.current);
|
|
64
|
+
}
|
|
65
|
+
}, [portal, floatingRefs, mounted]);
|
|
66
|
+
useEffect(() => {
|
|
67
|
+
if (portal && isActive && mounted) {
|
|
68
|
+
setIsPositioned(false);
|
|
69
|
+
const timeoutId = setTimeout(() => {
|
|
70
|
+
if (floatingRef.current) {
|
|
71
|
+
floatingRefs.setFloating(floatingRef.current);
|
|
72
|
+
// Mark as positioned after setting the floating element
|
|
73
|
+
requestAnimationFrame(() => {
|
|
74
|
+
requestAnimationFrame(() => {
|
|
75
|
+
setIsPositioned(true);
|
|
76
|
+
});
|
|
77
|
+
});
|
|
78
|
+
}
|
|
79
|
+
}, 0);
|
|
80
|
+
return () => clearTimeout(timeoutId);
|
|
81
|
+
}
|
|
82
|
+
else {
|
|
83
|
+
setIsPositioned(false);
|
|
84
|
+
}
|
|
85
|
+
}, [portal, isActive, mounted, floatingRefs]);
|
|
86
|
+
const handleMouseEnter = useCallback(() => {
|
|
87
|
+
if (triggerType === "hover") {
|
|
88
|
+
if (delay > 0) {
|
|
89
|
+
timeoutRef.current = setTimeout(() => {
|
|
90
|
+
setInternalActive(true);
|
|
91
|
+
}, delay);
|
|
92
|
+
}
|
|
93
|
+
else {
|
|
94
|
+
setInternalActive(true);
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
}, [triggerType, delay]);
|
|
98
|
+
const handleMouseLeave = useCallback(() => {
|
|
99
|
+
if (triggerType === "hover") {
|
|
100
|
+
if (timeoutRef.current) {
|
|
101
|
+
clearTimeout(timeoutRef.current);
|
|
102
|
+
timeoutRef.current = null;
|
|
103
|
+
}
|
|
104
|
+
setInternalActive(false);
|
|
105
|
+
}
|
|
106
|
+
}, [triggerType]);
|
|
107
|
+
const handleFocus = useCallback(() => {
|
|
108
|
+
if (triggerType === "hover") {
|
|
109
|
+
handleMouseEnter();
|
|
110
|
+
}
|
|
111
|
+
}, [triggerType, handleMouseEnter]);
|
|
112
|
+
const handleBlur = useCallback(() => {
|
|
113
|
+
if (triggerType === "hover") {
|
|
114
|
+
handleMouseLeave();
|
|
115
|
+
}
|
|
116
|
+
}, [triggerType, handleMouseLeave]);
|
|
117
|
+
const handleClick = useCallback(() => {
|
|
118
|
+
if (triggerType === "click") {
|
|
119
|
+
setIsClicked(!isClicked);
|
|
120
|
+
setInternalActive(!isClicked);
|
|
121
|
+
}
|
|
122
|
+
}, [triggerType, isClicked, setInternalActive]);
|
|
123
|
+
useEffect(() => {
|
|
124
|
+
return () => {
|
|
125
|
+
if (timeoutRef.current) {
|
|
126
|
+
clearTimeout(timeoutRef.current);
|
|
127
|
+
}
|
|
128
|
+
};
|
|
129
|
+
}, []);
|
|
130
|
+
const getAnimationStyle = () => {
|
|
131
|
+
// For portals, always use center origin for consistent animations
|
|
132
|
+
const calculatedTransformOrigin = portal ? 'center center' : transformOrigin;
|
|
133
|
+
// For portals, don't transition position (top/left) - only animate opacity, transform, filter
|
|
134
|
+
const transitionProps = portal
|
|
135
|
+
? `opacity ${duration}ms ${easingCurves[easing]}, transform ${duration}ms ${easingCurves[easing]}, filter ${duration}ms ${easingCurves[easing]}`
|
|
136
|
+
: `all ${duration}ms ${easingCurves[easing]}`;
|
|
137
|
+
const baseStyle = {
|
|
138
|
+
transition: transitionProps,
|
|
139
|
+
transformOrigin: calculatedTransformOrigin,
|
|
140
|
+
};
|
|
141
|
+
// For portals, animation should trigger based on isPositioned, not isActive
|
|
142
|
+
// For touch="display", wait until mounted to determine state
|
|
143
|
+
const effectiveActive = portal ? isPositioned : (touch === 'display' && !mounted ? false : isActive);
|
|
144
|
+
const shouldAnimate = reverse ? !effectiveActive : effectiveActive;
|
|
145
|
+
// Combine styles from multiple animations
|
|
146
|
+
let combinedStyle = { ...baseStyle };
|
|
147
|
+
const transforms = [];
|
|
148
|
+
if (fade !== undefined) {
|
|
149
|
+
combinedStyle.opacity = shouldAnimate ? 1 : fade;
|
|
150
|
+
}
|
|
151
|
+
if (scale !== undefined) {
|
|
152
|
+
transforms.push(shouldAnimate ? "scale(1)" : `scale(${scale})`);
|
|
153
|
+
if (combinedStyle.opacity === undefined) {
|
|
154
|
+
combinedStyle.opacity = shouldAnimate ? 1 : 0;
|
|
155
|
+
}
|
|
156
|
+
}
|
|
157
|
+
if (blur !== undefined) {
|
|
158
|
+
combinedStyle.filter = shouldAnimate ? "blur(0px)" : `blur(${blur}px)`;
|
|
159
|
+
if (combinedStyle.opacity === undefined) {
|
|
160
|
+
combinedStyle.opacity = shouldAnimate ? 1 : 0;
|
|
161
|
+
}
|
|
162
|
+
}
|
|
163
|
+
if (slideUp !== undefined) {
|
|
164
|
+
transforms.push(shouldAnimate ? "translateY(0)" : `translateY(${slideUp}rem)`);
|
|
165
|
+
if (combinedStyle.opacity === undefined) {
|
|
166
|
+
combinedStyle.opacity = shouldAnimate ? 1 : 0;
|
|
167
|
+
}
|
|
168
|
+
}
|
|
169
|
+
if (slideDown !== undefined) {
|
|
170
|
+
transforms.push(shouldAnimate ? "translateY(0)" : `translateY(-${slideDown}rem)`);
|
|
171
|
+
if (combinedStyle.opacity === undefined) {
|
|
172
|
+
combinedStyle.opacity = shouldAnimate ? 1 : 0;
|
|
173
|
+
}
|
|
174
|
+
}
|
|
175
|
+
if (slideLeft !== undefined) {
|
|
176
|
+
transforms.push(shouldAnimate ? "translateX(0)" : `translateX(${slideLeft}rem)`);
|
|
177
|
+
if (combinedStyle.opacity === undefined) {
|
|
178
|
+
combinedStyle.opacity = shouldAnimate ? 1 : 0;
|
|
179
|
+
}
|
|
180
|
+
}
|
|
181
|
+
if (slideRight !== undefined) {
|
|
182
|
+
transforms.push(shouldAnimate ? "translateX(0)" : `translateX(-${slideRight}rem)`);
|
|
183
|
+
if (combinedStyle.opacity === undefined) {
|
|
184
|
+
combinedStyle.opacity = shouldAnimate ? 1 : 0;
|
|
185
|
+
}
|
|
186
|
+
}
|
|
187
|
+
if (zoomIn !== undefined) {
|
|
188
|
+
transforms.push(shouldAnimate ? `scale(${zoomIn})` : "scale(1)");
|
|
189
|
+
if (combinedStyle.opacity === undefined) {
|
|
190
|
+
combinedStyle.opacity = shouldAnimate ? 1 : 0;
|
|
191
|
+
}
|
|
192
|
+
}
|
|
193
|
+
if (zoomOut !== undefined) {
|
|
194
|
+
transforms.push(shouldAnimate ? `scale(${zoomOut})` : "scale(1)");
|
|
195
|
+
if (combinedStyle.opacity === undefined) {
|
|
196
|
+
combinedStyle.opacity = shouldAnimate ? 1 : 0;
|
|
197
|
+
}
|
|
198
|
+
}
|
|
199
|
+
// Combine all transforms into a single transform property
|
|
200
|
+
if (transforms.length > 0) {
|
|
201
|
+
combinedStyle.transform = transforms.join(" ");
|
|
202
|
+
}
|
|
203
|
+
return combinedStyle;
|
|
204
|
+
};
|
|
205
|
+
const animationStyle = getAnimationStyle();
|
|
206
|
+
// If trigger is provided, wrap it with event handlers
|
|
207
|
+
if (trigger) {
|
|
208
|
+
// Portal mode: render content in portal
|
|
209
|
+
if (portal) {
|
|
210
|
+
return (_jsxs(_Fragment, { children: [_jsx(Flex, { ref: wrapperRef, onMouseEnter: triggerType === "hover" ? handleMouseEnter : undefined, onMouseLeave: triggerType === "hover" ? handleMouseLeave : undefined, onFocus: triggerType === "hover" ? handleFocus : undefined, onBlur: triggerType === "hover" ? handleBlur : undefined, onClick: triggerType === "click" ? handleClick : undefined, children: trigger }), isActive && isBrowser && createPortal(_jsx(Flex, { ref: floatingRef, zIndex: 10, paddingTop: finalPlacement.includes("bottom") ? offsetDistance : undefined, paddingBottom: finalPlacement.includes("top") ? offsetDistance : undefined, paddingLeft: finalPlacement.includes("right") ? offsetDistance : undefined, paddingRight: finalPlacement.includes("left") ? offsetDistance : undefined, style: {
|
|
211
|
+
position: strategy,
|
|
212
|
+
top: y ?? 0,
|
|
213
|
+
left: x ?? 0,
|
|
214
|
+
...animationStyle,
|
|
215
|
+
visibility: isPositioned ? 'visible' : 'hidden',
|
|
216
|
+
pointerEvents: isActive ? "auto" : "none",
|
|
217
|
+
}, onMouseEnter: triggerType === "hover" ? handleMouseEnter : undefined, onMouseLeave: triggerType === "hover" ? handleMouseLeave : undefined, "aria-hidden": !isActive, children: children }), document.body)] }));
|
|
218
|
+
}
|
|
219
|
+
// Normal mode: absolute positioning
|
|
220
|
+
return (_jsxs(Flex, { ref: wrapperRef, onMouseLeave: triggerType === "hover" ? handleMouseLeave : undefined, ...flex, children: [_jsx(Flex, { onMouseEnter: triggerType === "hover" ? handleMouseEnter : undefined, onFocus: triggerType === "hover" ? handleFocus : undefined, onBlur: triggerType === "hover" ? handleBlur : undefined, onClick: triggerType === "click" ? handleClick : undefined, children: trigger }), _jsx(Flex, { position: childrenPosition, style: {
|
|
221
|
+
...animationStyle,
|
|
222
|
+
pointerEvents: isActive ? "auto" : "none",
|
|
223
|
+
}, onMouseEnter: triggerType === "hover" && isActive ? handleMouseEnter : undefined, "aria-hidden": !isActive, inert: !isActive ? true : undefined, children: children })] }));
|
|
224
|
+
}
|
|
225
|
+
// If no trigger, apply animation directly to children
|
|
226
|
+
return (_jsx(Flex, { ref: wrapperRef, onMouseEnter: triggerType === "hover" ? handleMouseEnter : undefined, onMouseLeave: triggerType === "hover" ? handleMouseLeave : undefined, onFocus: triggerType === "hover" ? handleFocus : undefined, onBlur: triggerType === "hover" ? handleBlur : undefined, onClick: triggerType === "click" ? handleClick : undefined, style: animationStyle, ...flex, children: children }));
|
|
227
|
+
});
|
|
228
|
+
Animation.displayName = "Animation";
|
|
229
|
+
export { Animation };
|
|
230
|
+
//# sourceMappingURL=Animation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Animation.js","sourceRoot":"","sources":["../../src/components/Animation.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +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;
|
|
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;AAIzF,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,CAuF1D,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"}
|
|
@@ -3,6 +3,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
3
3
|
import { createContext, useContext, useRef, useEffect } from "react";
|
|
4
4
|
import { useArrowNavigation } from "../hooks/useArrowNavigation";
|
|
5
5
|
import { FocusTrap } from "./FocusTrap";
|
|
6
|
+
import { Column } from "./Column";
|
|
6
7
|
const ArrowNavigationContext = createContext(null);
|
|
7
8
|
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
9
|
const containerRef = useRef(null);
|
|
@@ -34,7 +35,7 @@ export const ArrowNavigation = ({ layout, itemCount, columns, onSelect, onFocusC
|
|
|
34
35
|
// Determine the appropriate role based on layout if not provided
|
|
35
36
|
const defaultRole = layout === "grid" ? "grid" : "listbox";
|
|
36
37
|
// Create the navigation container
|
|
37
|
-
const navigationContainer = (_jsx(
|
|
38
|
+
const navigationContainer = (_jsx(Column, { ref: containerRef, className: className, style: { ...style, maxHeight: "100%", outline: "none" }, onKeyDown: (e) => {
|
|
38
39
|
navigation.handleKeyDown(e);
|
|
39
40
|
}, role: role || defaultRole, "aria-label": ariaLabel, tabIndex: -1, children: children }));
|
|
40
41
|
return (_jsx(ArrowNavigationContext.Provider, { value: navigation, children: trapFocus ? (_jsx(FocusTrap, { active: focusTrapActive, onEscape: onEscape, autoFocus: autoFocusTrap, restoreFocus: restoreFocus, children: navigationContainer })) : (navigationContainer) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ArrowNavigationContext.js","sourceRoot":"","sources":["../../src/components/ArrowNavigationContext.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,EAAa,SAAS,EAAE,MAAM,OAAO,CAAC;AACvF,OAAO,EAAE,kBAAkB,EAA0B,MAAM,6BAA6B,CAAC;AACzF,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"ArrowNavigationContext.js","sourceRoot":"","sources":["../../src/components/ArrowNavigationContext.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
.marqueeWrapper {
|
|
2
|
-
will-change: transform;
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
.marqueeContent {
|
|
6
|
-
white-space: nowrap;
|
|
7
|
-
flex-shrink: 0;
|
|
8
|
-
min-width: 100%;
|
|
1
|
+
.marqueeWrapper {
|
|
2
|
+
will-change: transform;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.marqueeContent {
|
|
6
|
+
white-space: nowrap;
|
|
7
|
+
flex-shrink: 0;
|
|
8
|
+
min-width: 100%;
|
|
9
9
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Background.d.ts","sourceRoot":"","sources":["../../src/components/Background.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAQ,SAAS,EAAE,MAAM,GAAG,CAAC;AAG1C,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAUxC,UAAU,aAAa;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAClC,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,SAAS;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB;AAED,UAAU,SAAS;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,UAAU;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IACjE,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"Background.d.ts","sourceRoot":"","sources":["../../src/components/Background.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAQ,SAAS,EAAE,MAAM,GAAG,CAAC;AAG1C,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAUxC,UAAU,aAAa;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAClC,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,SAAS;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB;AAED,UAAU,SAAS;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,UAAU;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IACjE,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,UAAU,qGAuJf,CAAC;AAGF,OAAO,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -39,21 +39,29 @@ const Background = forwardRef(({ gradient = {}, dots = {}, grid = {}, lines = {}
|
|
|
39
39
|
} })), dots.display && (_jsx(Flex, { position: "absolute", top: "0", left: "0", fill: true, pointerEvents: "none", className: styles.dots, opacity: dots.opacity, style: {
|
|
40
40
|
"--dots-color": `var(--${dotsColor})`,
|
|
41
41
|
"--dots-size": dotsSize,
|
|
42
|
-
} })), lines.display && (
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
42
|
+
} })), lines.display && (() => {
|
|
43
|
+
const angle = lines.angle ?? -45;
|
|
44
|
+
const angleRad = (angle * Math.PI) / 180;
|
|
45
|
+
// Adjust spacing to maintain uniform perpendicular distance
|
|
46
|
+
// For diagonal lines, multiply by the secant of the angle
|
|
47
|
+
const adjustmentFactor = 1 / Math.cos(angleRad);
|
|
48
|
+
const baseSpacing = lines.size ?? "8";
|
|
49
|
+
return (_jsx(Flex, { position: "absolute", top: "0", left: "0", fill: true, pointerEvents: "none", className: styles.lines, opacity: lines.opacity, style: {
|
|
50
|
+
"--lines-angle": `${angle}deg`,
|
|
51
|
+
"--lines-color": `var(--${lines.color ?? "brand-on-background-weak"})`,
|
|
52
|
+
"--lines-thickness": `${lines.thickness ?? 1}px`,
|
|
53
|
+
"--lines-spacing": `calc(var(--static-space-${baseSpacing}) * ${adjustmentFactor})`,
|
|
54
|
+
background: `
|
|
55
|
+
repeating-linear-gradient(
|
|
56
|
+
var(--lines-angle),
|
|
57
|
+
var(--static-transparent),
|
|
58
|
+
var(--static-transparent) calc(var(--lines-spacing) - var(--lines-thickness)),
|
|
59
|
+
var(--lines-color) calc(var(--lines-spacing) - var(--lines-thickness)),
|
|
60
|
+
var(--lines-color) var(--lines-spacing)
|
|
61
|
+
)
|
|
62
|
+
`,
|
|
63
|
+
} }));
|
|
64
|
+
})(), grid.display && (_jsx(Flex, { position: "absolute", top: "0", left: "0", fill: true, pointerEvents: "none", opacity: grid.opacity, style: {
|
|
57
65
|
backgroundImage: `linear-gradient(to right, var(--${grid.color ?? "brand-on-background-weak"}) 1px, transparent 1px), linear-gradient(to bottom, var(--${grid.color ?? "brand-on-background-weak"}) 1px, transparent 1px)`,
|
|
58
66
|
backgroundSize: `${grid.width ?? "80px"} ${grid.height ?? "80px"}`,
|
|
59
67
|
} })), children] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Background.js","sourceRoot":"","sources":["../../src/components/Background.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,IAAI,EAAa,MAAM,GAAG,CAAC;AAC1C,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAC9C,OAAO,UAAU,MAAM,YAAY,CAAC;AAIpC,SAAS,MAAM,CAAI,GAA6B,EAAE,KAAe;IAC/D,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;QAC9B,GAAG,CAAC,KAAK,CAAC,CAAC;IACb,CAAC;SAAM,IAAI,GAAG,IAAI,SAAS,IAAI,GAAG,EAAE,CAAC;QAClC,GAAiC,CAAC,OAAO,GAAG,KAAK,CAAC;IACrD,CAAC;AACH,CAAC;AAiDD,MAAM,UAAU,GAAG,UAAU,CAC3B,CACE,EAAE,QAAQ,GAAG,EAAE,EAAE,IAAI,GAAG,EAAE,EAAE,IAAI,GAAG,EAAE,EAAE,KAAK,GAAG,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAC9F,YAAY,EACZ,EAAE;IACF,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,IAAI,0BAA0B,CAAC;IAC3D,MAAM,QAAQ,GAAG,qBAAqB,GAAG,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,GAAG,GAAG,CAAC;IAEnE,MAAM,aAAa,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEnD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,YAAY,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9C,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,KAAK,GAAG,CACZ,KAAa,EACb,QAAgB,EAChB,QAAgB,EAChB,SAAiB,EACjB,SAAiB,EACjB,EAAE;QACF,OAAO,CAAC,CAAC,KAAK,GAAG,QAAQ,CAAC,GAAG,CAAC,QAAQ,GAAG,QAAQ,CAAC,CAAC,GAAG,CAAC,SAAS,GAAG,SAAS,CAAC,GAAG,SAAS,CAAC;IAC5F,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAClF,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAElF,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,CAC1B,8BACG,QAAQ,CAAC,OAAO,IAAI,CACnB,KAAC,IAAI,IACH,QAAQ,EAAC,UAAU,EACnB,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,OAAO,EAAE,QAAQ,CAAC,OAAO,EACzB,aAAa,EAAC,MAAM,EACpB,KAAK,EAAE;oBACL,CAAC,uBAAiC,CAAC,EAAE,GAAG,SAAS,GAAG;oBACpD,CAAC,uBAAiC,CAAC,EAAE,GAAG,SAAS,GAAG;oBACpD,CAAC,kBAA4B,CAAC,EAC5B,QAAQ,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK;oBAC3D,CAAC,mBAA6B,CAAC,EAC7B,QAAQ,CAAC,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK;oBAC7D,CAAC,iBAA2B,CAAC,EAAE,QAAQ,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,MAAM;oBACrF,CAAC,wBAAkC,CAAC,EAAE,QAAQ,CAAC,UAAU;wBACvD,CAAC,CAAC,SAAS,QAAQ,CAAC,UAAU,GAAG;wBACjC,CAAC,CAAC,gCAAgC;oBACpC,CAAC,sBAAgC,CAAC,EAAE,QAAQ,CAAC,QAAQ;wBACnD,CAAC,CAAC,SAAS,QAAQ,CAAC,QAAQ,GAAG;wBAC/B,CAAC,CAAC,2BAA2B;iBAChC,GACD,CACH,EACA,IAAI,CAAC,OAAO,IAAI,CACf,KAAC,IAAI,IACH,QAAQ,EAAC,UAAU,EACnB,GAAG,EAAC,GAAG,EACP,IAAI,EAAC,GAAG,EACR,IAAI,QACJ,aAAa,EAAC,MAAM,EACpB,SAAS,EAAE,MAAM,CAAC,IAAI,EACtB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EACH;oBACE,cAAc,EAAE,SAAS,SAAS,GAAG;oBACrC,aAAa,EAAE,QAAQ;iBACD,GAE1B,CACH,EACA,KAAK,CAAC,OAAO,IAAI,
|
|
1
|
+
{"version":3,"file":"Background.js","sourceRoot":"","sources":["../../src/components/Background.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,6 +6,7 @@ interface CommonProps {
|
|
|
6
6
|
radius?: "none" | "top" | "right" | "bottom" | "left" | "top-left" | "top-right" | "bottom-right" | "bottom-left";
|
|
7
7
|
label?: string;
|
|
8
8
|
weight?: "default" | "strong";
|
|
9
|
+
rounded?: boolean;
|
|
9
10
|
prefixIcon?: IconName;
|
|
10
11
|
suffixIcon?: IconName;
|
|
11
12
|
loading?: boolean;
|
|
@@ -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,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,
|
|
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,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,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,uGAoFX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
|
@@ -5,10 +5,10 @@ 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, disabled = false, fillWidth = false, horizontal = "center", href, id, arrowIcon = false, className, style, ...props }, ref) => {
|
|
8
|
+
const Button = forwardRef(({ variant = "primary", size = "m", radius, rounded, 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, disabled: disabled, className: classNames(styles.button, styles[variant], styles[size], radius === "none"
|
|
11
|
+
return (_jsxs(ElementType, { id: id, href: href, ref: ref, disabled: disabled, "data-border": rounded ? "rounded" : undefined, className: classNames(styles.button, styles[variant], styles[size], radius === "none"
|
|
12
12
|
? "radius-none"
|
|
13
13
|
: radius
|
|
14
14
|
? `radius-${radiusSize}-${radius}`
|
|
@@ -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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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/components/Card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAKzB,UAAU,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC3D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,IAAI,+
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/components/Card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAKzB,UAAU,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC3D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,IAAI,+FAoCT,CAAC;AAGF,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
package/dist/components/Card.js
CHANGED
|
@@ -5,10 +5,8 @@ import { Flex } from ".";
|
|
|
5
5
|
import styles from "./Card.module.scss";
|
|
6
6
|
import { ElementType } from "./ElementType";
|
|
7
7
|
import classNames from "classnames";
|
|
8
|
-
const Card = forwardRef(({ children, href, onClick, style, className, fillHeight, ...
|
|
9
|
-
return (_jsx(ElementType, { tabIndex: onClick || href ? 0 : undefined, className: classNames("reset-button-styles", "display-flex", "fill-width", fillHeight ? "fill-height" : undefined, "min-width-0", (onClick || href) && "focus-ring", (onClick || href) && "radius-l"), href: href, onClick: onClick && onClick, role: onClick ? "button" : href ? "link" : "none", ref: ref, children: _jsx(Flex, { background: "surface", onBackground: "neutral-strong", transition: "macro-medium", border: "neutral-medium", cursor: "interactive", align: "left", className: classNames(styles.card, className),
|
|
10
|
-
...style,
|
|
11
|
-
}, ...rest, children: children }) }));
|
|
8
|
+
const Card = forwardRef(({ children, href, onClick, style, className, fillHeight, ...flex }, ref) => {
|
|
9
|
+
return (_jsx(ElementType, { tabIndex: onClick || href ? 0 : undefined, className: classNames("reset-button-styles", "display-flex", "fill-width", fillHeight ? "fill-height" : undefined, "min-width-0", (onClick || href) && "focus-ring", (onClick || href) && (`radius-${flex.radius}` || "radius-l")), href: href, onClick: onClick && onClick, role: onClick ? "button" : href ? "link" : "none", ref: ref, children: _jsx(Flex, { background: "surface", onBackground: "neutral-strong", transition: "macro-medium", border: "neutral-medium", cursor: "interactive", align: "left", onClick: onClick && onClick, className: classNames(styles.card, className), style: { ...style }, ...flex, children: children }) }));
|
|
12
10
|
});
|
|
13
11
|
Card.displayName = "Card";
|
|
14
12
|
export { Card };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../src/components/Card.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AACzB,OAAO,MAAM,MAAM,oBAAoB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,UAAU,MAAM,YAAY,CAAC;AAWpC,MAAM,IAAI,GAAG,UAAU,CACrB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IAC1E,OAAO,CACL,KAAC,WAAW,IACV,QAAQ,EAAE,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EACzC,SAAS,EAAE,UAAU,CACnB,qBAAqB,EACrB,cAAc,EACd,YAAY,EACZ,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,EACtC,aAAa,EACb,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,YAAY,EACjC,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,UAAU,
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../src/components/Card.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AACzB,OAAO,MAAM,MAAM,oBAAoB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,UAAU,MAAM,YAAY,CAAC;AAWpC,MAAM,IAAI,GAAG,UAAU,CACrB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IAC1E,OAAO,CACL,KAAC,WAAW,IACV,QAAQ,EAAE,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EACzC,SAAS,EAAE,UAAU,CACnB,qBAAqB,EACrB,cAAc,EACd,YAAY,EACZ,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,EACtC,aAAa,EACb,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,YAAY,EACjC,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,CAAC,MAAM,EAAE,IAAI,UAAU,CAAC,CAC7D,EACD,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,IAAI,OAAO,EAC3B,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EACjD,GAAG,EAAE,GAAG,YAER,KAAC,IAAI,IACH,UAAU,EAAC,SAAS,EACpB,YAAY,EAAC,gBAAgB,EAC7B,UAAU,EAAC,cAAc,EACzB,MAAM,EAAC,gBAAgB,EACvB,MAAM,EAAC,aAAa,EACpB,KAAK,EAAC,MAAM,EACZ,OAAO,EAAE,OAAO,IAAI,OAAO,EAC3B,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,EAC7C,KAAK,EAAE,EAAC,GAAG,KAAK,EAAC,KACb,IAAI,YAEP,QAAQ,GACJ,GACK,CACf,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
|
@@ -1,32 +1,32 @@
|
|
|
1
|
-
.controls {
|
|
2
|
-
&:hover, &:focus-within {
|
|
3
|
-
.fade {
|
|
4
|
-
opacity: 0.5;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
.button {
|
|
8
|
-
opacity: 1;
|
|
9
|
-
transform: translateX(0);
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.fade, .button {
|
|
15
|
-
opacity: 0;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.button {
|
|
19
|
-
animation-delay: 0.2s;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
.left {
|
|
23
|
-
.button {
|
|
24
|
-
transform: translateX(-1rem);
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.right {
|
|
29
|
-
.button {
|
|
30
|
-
transform: translateX(1rem);
|
|
31
|
-
}
|
|
1
|
+
.controls {
|
|
2
|
+
&:hover, &:focus-within {
|
|
3
|
+
.fade {
|
|
4
|
+
opacity: 0.5;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.button {
|
|
8
|
+
opacity: 1;
|
|
9
|
+
transform: translateX(0);
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.fade, .button {
|
|
15
|
+
opacity: 0;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.button {
|
|
19
|
+
animation-delay: 0.2s;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.left {
|
|
23
|
+
.button {
|
|
24
|
+
transform: translateX(-1rem);
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.right {
|
|
29
|
+
.button {
|
|
30
|
+
transform: translateX(1rem);
|
|
31
|
+
}
|
|
32
32
|
}
|
|
@@ -1 +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;
|
|
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;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"}
|