@once-ui-system/core 1.4.32 → 1.5.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/.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/data/emoji-data.json +0 -8
- 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.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
|
@@ -2,8 +2,42 @@
|
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { useState, useRef, useEffect, forwardRef, useId } from "react";
|
|
4
4
|
import classNames from "classnames";
|
|
5
|
-
import { DropdownWrapper, Flex, Icon, IconButton, Input, Option, Column, ArrowNavigation, } from ".";
|
|
5
|
+
import { DropdownWrapper, Flex, Icon, IconButton, Input, Option, Column, ArrowNavigation, useArrowNavigationContext, } from ".";
|
|
6
6
|
import inputStyles from "./Input.module.scss";
|
|
7
|
+
// Inner component that uses the arrow navigation context
|
|
8
|
+
const SearchInput = ({ searchInputId, searchQuery, setSearchQuery, setIsDropdownOpen, handleClearSearch, handleBlur, selectRef, }) => {
|
|
9
|
+
const { handleKeyDown: navKeyDown } = useArrowNavigationContext();
|
|
10
|
+
return (_jsx(Input, { "data-scaling": "90", id: `select-search-${searchInputId}`, placeholder: "Search", height: "s", hasSuffix: searchQuery ? (_jsx(IconButton, { tooltip: "Clear", tooltipPosition: "left", icon: "close", variant: "ghost", size: "s", onClick: handleClearSearch })) : undefined, hasPrefix: _jsx(Icon, { name: "search", size: "xs" }), value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), onClick: (e) => {
|
|
11
|
+
e.stopPropagation();
|
|
12
|
+
e.preventDefault();
|
|
13
|
+
setIsDropdownOpen(true);
|
|
14
|
+
}, onFocus: (e) => {
|
|
15
|
+
e.stopPropagation();
|
|
16
|
+
setIsDropdownOpen(true);
|
|
17
|
+
}, onKeyDown: (e) => {
|
|
18
|
+
// Handle arrow keys and Enter for navigation
|
|
19
|
+
if (["ArrowDown", "ArrowUp", "Enter", "Home", "End"].includes(e.key)) {
|
|
20
|
+
navKeyDown(e);
|
|
21
|
+
return;
|
|
22
|
+
}
|
|
23
|
+
if (e.key === "Escape") {
|
|
24
|
+
e.preventDefault();
|
|
25
|
+
e.stopPropagation();
|
|
26
|
+
setIsDropdownOpen(false);
|
|
27
|
+
setSearchQuery("");
|
|
28
|
+
const mainInput = selectRef.current?.querySelector("input:not([id^='select-search'])");
|
|
29
|
+
if (mainInput instanceof HTMLInputElement) {
|
|
30
|
+
mainInput.focus();
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
}, onBlur: (e) => {
|
|
34
|
+
const relatedTarget = e.relatedTarget;
|
|
35
|
+
const isClickInDropdown = selectRef.current && selectRef.current.contains(relatedTarget);
|
|
36
|
+
if (!isClickInDropdown) {
|
|
37
|
+
handleBlur(e);
|
|
38
|
+
}
|
|
39
|
+
} }));
|
|
40
|
+
};
|
|
7
41
|
const Select = forwardRef(({ options, value = "", onSelect, searchable = false, emptyState = "No results", minHeight, minWidth, maxWidth, placement, className, fillWidth = true, style, multiple = false, ...rest }, ref) => {
|
|
8
42
|
const [isFocused, setIsFocused] = useState(false);
|
|
9
43
|
const [isFilled, setIsFilled] = useState(false);
|
|
@@ -119,41 +153,17 @@ const Select = forwardRef(({ options, value = "", onSelect, searchable = false,
|
|
|
119
153
|
[inputStyles.filled]: isFilled,
|
|
120
154
|
[inputStyles.focused]: isFocused,
|
|
121
155
|
className,
|
|
122
|
-
}), "aria-haspopup": "listbox", "aria-expanded": isDropdownOpen }), dropdown:
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
e.stopPropagation();
|
|
128
|
-
setIsDropdownOpen(true);
|
|
129
|
-
}, onKeyDown: (e) => {
|
|
130
|
-
if (e.key === "Escape") {
|
|
131
|
-
e.preventDefault();
|
|
132
|
-
e.stopPropagation();
|
|
133
|
-
setIsDropdownOpen(false);
|
|
134
|
-
setSearchQuery("");
|
|
135
|
-
const mainInput = selectRef.current?.querySelector("input:not([id^='select-search'])");
|
|
136
|
-
if (mainInput instanceof HTMLInputElement) {
|
|
137
|
-
mainInput.focus();
|
|
138
|
-
}
|
|
139
|
-
}
|
|
140
|
-
}, onBlur: (e) => {
|
|
141
|
-
const relatedTarget = e.relatedTarget;
|
|
142
|
-
const isClickInDropdown = selectRef.current && selectRef.current.contains(relatedTarget);
|
|
143
|
-
if (!isClickInDropdown) {
|
|
144
|
-
handleBlur(e);
|
|
145
|
-
}
|
|
146
|
-
} })), _jsx(ArrowNavigation, { layout: "column", itemCount: filteredOptions.length, onSelect: (index) => {
|
|
147
|
-
if (index >= 0 && index < filteredOptions.length) {
|
|
148
|
-
handleSelect(filteredOptions[index].value);
|
|
149
|
-
}
|
|
150
|
-
}, onEscape: () => setIsDropdownOpen(false), autoFocus: !searchable, disabled: searchable, children: _jsxs(Column, { fillWidth: true, padding: "4", gap: "2", children: [filteredOptions.map((option, index) => (_jsx(Option, { ...option, onClick: () => {
|
|
156
|
+
}), "aria-haspopup": "listbox", "aria-expanded": isDropdownOpen }), dropdown: _jsx(Column, { fillWidth: true, padding: "4", "data-dropdown": "true", children: _jsxs(ArrowNavigation, { layout: "column", itemCount: filteredOptions.length, onSelect: (index) => {
|
|
157
|
+
if (index >= 0 && index < filteredOptions.length) {
|
|
158
|
+
handleSelect(filteredOptions[index].value);
|
|
159
|
+
}
|
|
160
|
+
}, onEscape: () => setIsDropdownOpen(false), autoFocus: !searchable, disabled: false, children: [searchable && (_jsx(SearchInput, { searchInputId: searchInputId, searchQuery: searchQuery, setSearchQuery: setSearchQuery, setIsDropdownOpen: setIsDropdownOpen, handleClearSearch: handleClearSearch, handleBlur: handleBlur, selectRef: selectRef })), _jsxs(Column, { fillWidth: true, paddingTop: "4", gap: "2", children: [filteredOptions.map((option, index) => (_jsx(Option, { ...option, onClick: () => {
|
|
151
161
|
option.onClick?.(option.value);
|
|
152
162
|
handleSelect(option.value);
|
|
153
163
|
setIsDropdownOpen(false);
|
|
154
164
|
}, selected: multiple
|
|
155
165
|
? Array.isArray(currentValue) && currentValue.includes(option.value)
|
|
156
|
-
: option.value === currentValue, tabIndex: -1, hasPrefix: multiple ? (Array.isArray(currentValue) && currentValue.includes(option.value) ? (_jsx(Icon, { name: "check", size: "xs", onBackground: "neutral-weak" })) : Array.isArray(currentValue) && currentValue.length > 0 ? (_jsx(Flex, { minWidth: "20" })) : undefined) : undefined }, option.value))), searchQuery && filteredOptions.length === 0 && (_jsx(Flex, { fillWidth: true, center: true, paddingX: "16", paddingY: "32", children: emptyState }))] }) })
|
|
166
|
+
: option.value === currentValue, tabIndex: -1, hasPrefix: multiple ? (Array.isArray(currentValue) && currentValue.includes(option.value) ? (_jsx(Icon, { name: "check", size: "xs", onBackground: "neutral-weak" })) : Array.isArray(currentValue) && currentValue.length > 0 ? (_jsx(Flex, { minWidth: "20" })) : undefined) : undefined }, option.value))), searchQuery && filteredOptions.length === 0 && (_jsx(Flex, { fillWidth: true, center: true, paddingX: "16", paddingY: "32", children: emptyState }))] })] }) }) }));
|
|
157
167
|
});
|
|
158
168
|
Select.displayName = "Select";
|
|
159
169
|
export { Select };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/components/Select.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAa,KAAK,EAAE,MAAM,OAAO,CAAC;AACzF,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EACL,eAAe,EACf,IAAI,EACJ,IAAI,EACJ,UAAU,EACV,KAAK,EAEL,MAAM,EAGN,MAAM,EACN,eAAe,
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/components/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,6 +5,7 @@ interface ComponentProps extends FlexProps, SpacingProps, SizeProps, StyleProps,
|
|
|
5
5
|
m?: any;
|
|
6
6
|
s?: any;
|
|
7
7
|
xs?: any;
|
|
8
|
+
isDefaultBreakpoints?: boolean;
|
|
8
9
|
}
|
|
9
10
|
declare const ServerFlex: import("react").ForwardRefExoticComponent<ComponentProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
10
11
|
export { ServerFlex };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ServerFlex.d.ts","sourceRoot":"","sources":["../../src/components/ServerFlex.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,WAAW,EACX,YAAY,EACZ,SAAS,EACT,SAAS,EACT,YAAY,EACZ,UAAU,EACX,MAAM,eAAe,CAAC;AAGvB,UAAU,cACR,SAAQ,SAAS,EACf,YAAY,EACZ,SAAS,EACT,UAAU,EACV,WAAW,EACX,YAAY;IACd,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;
|
|
1
|
+
{"version":3,"file":"ServerFlex.d.ts","sourceRoot":"","sources":["../../src/components/ServerFlex.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,WAAW,EACX,YAAY,EACZ,SAAS,EACT,SAAS,EACT,YAAY,EACZ,UAAU,EACX,MAAM,eAAe,CAAC;AAGvB,UAAU,cACR,SAAQ,SAAS,EACf,YAAY,EACZ,SAAS,EACT,UAAU,EACV,WAAW,EACX,YAAY;IACd,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,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,QAAA,MAAM,UAAU,2GAuWf,CAAC;AAGF,OAAO,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import classNames from "classnames";
|
|
3
3
|
import { forwardRef } from "react";
|
|
4
|
-
const ServerFlex = forwardRef(({ as: Component = "div", inline, hide, dark, light, direction, xl, l, m, s, xs, wrap = false, horizontal, vertical, flex, textVariant, textSize, textWeight, textType, onBackground, onSolid, align, top, right, bottom, left, padding, paddingLeft, paddingRight, paddingTop, paddingBottom, paddingX, paddingY, margin, marginLeft, marginRight, marginTop, marginBottom, marginX, marginY, gap, position = "relative", center, width, height, maxWidth, minWidth, minHeight, maxHeight, fit = false, fitWidth = false, fitHeight = false, fill = false, fillWidth = false, fillHeight = false, aspectRatio, transition, background, solid, opacity, pointerEvents, border, borderTop, borderRight, borderBottom, borderLeft, borderX, borderY, borderStyle, borderWidth, radius, topRadius, rightRadius, bottomRadius, leftRadius, topLeftRadius, topRightRadius, bottomLeftRadius, bottomRightRadius, overflow, overflowX, overflowY, zIndex, shadow, cursor, className, style, children, ...rest }, ref) => {
|
|
4
|
+
const ServerFlex = forwardRef(({ as: Component = "div", inline, hide, dark, light, direction, xl, l, m, s, xs, isDefaultBreakpoints = true, wrap = false, horizontal, vertical, flex, textVariant, textSize, textWeight, textType, onBackground, onSolid, align, top, right, bottom, left, padding, paddingLeft, paddingRight, paddingTop, paddingBottom, paddingX, paddingY, margin, marginLeft, marginRight, marginTop, marginBottom, marginX, marginY, gap, position = "relative", center, width, height, maxWidth, minWidth, minHeight, maxHeight, scrollbar = "minimal", fit = false, fitWidth = false, fitHeight = false, fill = false, fillWidth = false, fillHeight = false, aspectRatio, transition, background, solid, opacity, pointerEvents, border, borderTop, borderRight, borderBottom, borderLeft, borderX, borderY, borderStyle, borderWidth, radius, topRadius, rightRadius, bottomRadius, leftRadius, topLeftRadius, topRightRadius, bottomLeftRadius, bottomRightRadius, overflow, overflowX, overflowY, zIndex, shadow, cursor, className, style, children, ...rest }, ref) => {
|
|
5
5
|
if (onBackground && onSolid) {
|
|
6
6
|
console.warn("You cannot use both 'onBackground' and 'onSolid' props simultaneously. Only one will be applied.");
|
|
7
7
|
}
|
|
@@ -41,38 +41,53 @@ const ServerFlex = forwardRef(({ as: Component = "div", inline, hide, dark, ligh
|
|
|
41
41
|
const [scheme, weight] = value.split("-");
|
|
42
42
|
return `${scheme}-${type}-${weight}`;
|
|
43
43
|
};
|
|
44
|
-
|
|
44
|
+
let classes = classNames(inline ? "display-inline-flex" : "display-flex", position && `position-${position}`, hide && "flex-hide", padding && `p-${padding}`, paddingLeft && `pl-${paddingLeft}`, paddingRight && `pr-${paddingRight}`, paddingTop && `pt-${paddingTop}`, paddingBottom && `pb-${paddingBottom}`, paddingX && `px-${paddingX}`, paddingY && `py-${paddingY}`, margin && `m-${margin}`, marginLeft && `ml-${marginLeft}`, marginRight && `mr-${marginRight}`, marginTop && `mt-${marginTop}`, marginBottom && `mb-${marginBottom}`, marginX && `mx-${marginX}`, marginY && `my-${marginY}`, gap === "-1"
|
|
45
45
|
? direction === "column" || direction === "column-reverse"
|
|
46
46
|
? "g-vertical--1"
|
|
47
47
|
: "g-horizontal--1"
|
|
48
48
|
: gap && `g-${gap}`, top ? `top-${top}` : position === "sticky" ? "top-0" : undefined, right && `right-${right}`, bottom && `bottom-${bottom}`, left && `left-${left}`, generateDynamicClass("background", background), generateDynamicClass("solid", solid), generateDynamicClass("border", border || borderTop || borderRight || borderBottom || borderLeft || borderX || borderY), (border || borderTop || borderRight || borderBottom || borderLeft || borderX || borderY) &&
|
|
49
49
|
!borderStyle &&
|
|
50
50
|
"border-solid", border && !borderWidth && "border-1", (borderTop || borderRight || borderBottom || borderLeft || borderX || borderY) &&
|
|
51
|
-
"border-reset", borderTop && "border-top-1", borderRight && "border-right-1", borderBottom && "border-bottom-1", borderLeft && "border-left-1", borderX && "border-x-1", borderY && "border-y-1", borderWidth && `border-${borderWidth}`, borderStyle && `border-${borderStyle}`, radius === "full" ? "radius-full" : radius && `radius-${radius}`, topRadius && `radius-${topRadius}-top`, rightRadius && `radius-${rightRadius}-right`, bottomRadius && `radius-${bottomRadius}-bottom`, leftRadius && `radius-${leftRadius}-left`, topLeftRadius && `radius-${topLeftRadius}-top-left`, topRightRadius && `radius-${topRightRadius}-top-right`, bottomLeftRadius && `radius-${bottomLeftRadius}-bottom-left`, bottomRightRadius && `radius-${bottomRightRadius}-bottom-right`, direction && `flex-${direction}`,
|
|
51
|
+
"border-reset", borderTop && "border-top-1", borderRight && "border-right-1", borderBottom && "border-bottom-1", borderLeft && "border-left-1", borderX && "border-x-1", borderY && "border-y-1", borderWidth && `border-${borderWidth}`, borderStyle && `border-${borderStyle}`, radius === "full" ? "radius-full" : radius && `radius-${radius}`, topRadius && `radius-${topRadius}-top`, rightRadius && `radius-${rightRadius}-right`, bottomRadius && `radius-${bottomRadius}-bottom`, leftRadius && `radius-${leftRadius}-left`, topLeftRadius && `radius-${topLeftRadius}-top-left`, topRightRadius && `radius-${topRightRadius}-top-right`, bottomLeftRadius && `radius-${bottomLeftRadius}-bottom-left`, bottomRightRadius && `radius-${bottomRightRadius}-bottom-right`, direction && `flex-${direction}`, pointerEvents && `pointer-events-${pointerEvents}`, transition && `transition-${transition}`, opacity && `opacity-${opacity}`, wrap && "flex-wrap", overflow && `overflow-${overflow}`, overflowX && `overflow-x-${overflowX}`, overflowY && `overflow-y-${overflowY}`, (overflow && overflow !== "hidden" || overflowX && overflowX !== "hidden" || overflowY && overflowY !== "hidden") && `scrollbar-${scrollbar}`, flex && `flex-${flex}`, horizontal &&
|
|
52
52
|
(direction === "row" || direction === "row-reverse" || direction === undefined
|
|
53
53
|
? `justify-${horizontal}`
|
|
54
54
|
: `align-${horizontal}`), vertical &&
|
|
55
55
|
(direction === "row" || direction === "row-reverse" || direction === undefined
|
|
56
56
|
? `align-${vertical}`
|
|
57
|
-
: `justify-${vertical}`),
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
57
|
+
: `justify-${vertical}`), center && "center", fit && "fit", fitWidth && "fit-width", fitHeight && "fit-height", fill && "fill", fillWidth && !minWidth && "min-width-0", fillHeight && !minHeight && "min-height-0", fill && "min-height-0", fill && "min-width-0", (fillWidth || maxWidth) && "fill-width", (fillHeight || maxHeight) && "fill-height", shadow && `shadow-${shadow}`, zIndex && `z-index-${zIndex}`, textType && `font-${textType}`, typeof cursor === "string" && `cursor-${cursor}`, dark && "dark-flex", light && "light-flex", colorClass, className, ...variantClasses);
|
|
58
|
+
if (isDefaultBreakpoints) {
|
|
59
|
+
classes +=
|
|
60
|
+
" " +
|
|
61
|
+
classNames(l?.position && `l-position-${l.position}`, m?.position && `m-position-${m.position}`, s?.position && `s-position-${s.position}`, xs?.position && `xs-position-${xs.position}`, l?.hide === true && "l-flex-hide", l?.hide === false && "l-flex-show", m?.hide === true && "m-flex-hide", m?.hide === false && "m-flex-show", s?.hide === true && "s-flex-hide", s?.hide === false && "s-flex-show", xs?.hide === true && "xs-flex-hide", xs?.hide === false && "xs-flex-show", l?.direction && `l-flex-${l.direction}`, m?.direction && `m-flex-${m.direction}`, s?.direction && `s-flex-${s.direction}`, xs?.direction && `xs-flex-${xs.direction}`, l?.horizontal &&
|
|
62
|
+
(l?.direction === "row" || l?.direction === "row-reverse" || l?.direction === undefined
|
|
63
|
+
? `l-justify-${l.horizontal}`
|
|
64
|
+
: `l-align-${l.horizontal}`), l?.vertical &&
|
|
65
|
+
(l?.direction === "row" || l?.direction === "row-reverse" || l?.direction === undefined
|
|
66
|
+
? `l-align-${l.vertical}`
|
|
67
|
+
: `l-justify-${l.vertical}`), m?.horizontal &&
|
|
68
|
+
(m?.direction === "row" || m?.direction === "row-reverse" || m?.direction === undefined
|
|
69
|
+
? `m-justify-${m.horizontal}`
|
|
70
|
+
: `m-align-${m.horizontal}`), m?.vertical &&
|
|
71
|
+
(m?.direction === "row" || m?.direction === "row-reverse" || m?.direction === undefined
|
|
72
|
+
? `m-align-${m.vertical}`
|
|
73
|
+
: `m-justify-${m.vertical}`), s?.horizontal &&
|
|
74
|
+
(s?.direction === "row" || s?.direction === "row-reverse" || s?.direction === undefined
|
|
75
|
+
? `s-justify-${s.horizontal}`
|
|
76
|
+
: `s-align-${s.horizontal}`), s?.vertical &&
|
|
77
|
+
(s?.direction === "row" || s?.direction === "row-reverse" || s?.direction === undefined
|
|
78
|
+
? `s-align-${s.vertical}`
|
|
79
|
+
: `s-justify-${s.vertical}`), xs?.horizontal &&
|
|
80
|
+
(xs?.direction === "row" ||
|
|
81
|
+
xs?.direction === "row-reverse" ||
|
|
82
|
+
xs?.direction === undefined
|
|
83
|
+
? `xs-justify-${xs.horizontal}`
|
|
84
|
+
: `xs-align-${xs.horizontal}`), xs?.vertical &&
|
|
85
|
+
(xs?.direction === "row" ||
|
|
86
|
+
xs?.direction === "row-reverse" ||
|
|
87
|
+
xs?.direction === undefined
|
|
88
|
+
? `xs-align-${xs.vertical}`
|
|
89
|
+
: `xs-justify-${xs.vertical}`));
|
|
90
|
+
}
|
|
76
91
|
const parseDimension = (value, type) => {
|
|
77
92
|
if (value === undefined)
|
|
78
93
|
return undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ServerFlex.js","sourceRoot":"","sources":["../../src/components/ServerFlex.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAiB,UAAU,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ServerFlex.js","sourceRoot":"","sources":["../../src/components/ServerFlex.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,6 +5,7 @@ interface ComponentProps extends GridProps, SpacingProps, SizeProps, StyleProps,
|
|
|
5
5
|
m?: any;
|
|
6
6
|
s?: any;
|
|
7
7
|
xs?: any;
|
|
8
|
+
isDefaultBreakpoints?: boolean;
|
|
8
9
|
}
|
|
9
10
|
declare const ServerGrid: import("react").ForwardRefExoticComponent<ComponentProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
10
11
|
export { ServerGrid };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ServerGrid.d.ts","sourceRoot":"","sources":["../../src/components/ServerGrid.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,SAAS,EACT,YAAY,EACZ,SAAS,EACT,UAAU,EACV,WAAW,EACX,YAAY,EACb,MAAM,eAAe,CAAC;AAGvB,UAAU,cACR,SAAQ,SAAS,EACf,YAAY,EACZ,SAAS,EACT,UAAU,EACV,WAAW,EACX,YAAY;IACd,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;
|
|
1
|
+
{"version":3,"file":"ServerGrid.d.ts","sourceRoot":"","sources":["../../src/components/ServerGrid.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,SAAS,EACT,YAAY,EACZ,SAAS,EACT,UAAU,EACV,WAAW,EACX,YAAY,EACb,MAAM,eAAe,CAAC;AAGvB,UAAU,cACR,SAAQ,SAAS,EACf,YAAY,EACZ,SAAS,EACT,UAAU,EACV,WAAW,EACX,YAAY;IACd,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,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,QAAA,MAAM,UAAU,2GAoSf,CAAC;AAIF,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef } from "react";
|
|
3
3
|
import classNames from "classnames";
|
|
4
|
-
const ServerGrid = forwardRef(({ as: Component = "div", inline, columns, gap, position = "relative", xl, l, m, s, xs, hide, aspectRatio, align, textVariant, textSize, textWeight, textType, padding, paddingLeft, paddingRight, paddingTop, paddingBottom, paddingX, paddingY, margin, marginLeft, marginRight, marginTop, marginBottom, marginX, marginY, dark, light, width, height, maxWidth, minWidth, minHeight, maxHeight, top, right, bottom, left, fit, fill, fillWidth = false, fillHeight = false, fitWidth, fitHeight, background, solid, opacity, transition, pointerEvents, border, borderTop, borderRight, borderBottom, borderLeft, borderX, borderY, borderStyle, borderWidth, radius, topRadius, rightRadius, bottomRadius, leftRadius, topLeftRadius, topRightRadius, bottomLeftRadius, bottomRightRadius, overflow, overflowX, overflowY, cursor, zIndex, shadow, className, style, children, ...rest }, ref) => {
|
|
4
|
+
const ServerGrid = forwardRef(({ as: Component = "div", inline, columns, gap, position = "relative", xl, l, m, s, xs, isDefaultBreakpoints = true, hide, aspectRatio, align, textVariant, textSize, textWeight, textType, padding, paddingLeft, paddingRight, paddingTop, paddingBottom, paddingX, paddingY, margin, marginLeft, marginRight, marginTop, marginBottom, marginX, marginY, dark, light, width, height, maxWidth, minWidth, minHeight, maxHeight, top, right, bottom, left, fit, fill, fillWidth = false, fillHeight = false, fitWidth, fitHeight, background, solid, opacity, transition, pointerEvents, border, borderTop, borderRight, borderBottom, borderLeft, borderX, borderY, borderStyle, borderWidth, radius, topRadius, rightRadius, bottomRadius, leftRadius, topLeftRadius, topRightRadius, bottomLeftRadius, bottomRightRadius, overflow, overflowX, overflowY, scrollbar = "minimal", cursor, zIndex, shadow, className, style, children, ...rest }, ref) => {
|
|
5
5
|
const generateDynamicClass = (type, value) => {
|
|
6
6
|
if (!value)
|
|
7
7
|
return undefined;
|
|
@@ -51,10 +51,15 @@ const ServerGrid = forwardRef(({ as: Component = "div", inline, columns, gap, po
|
|
|
51
51
|
}
|
|
52
52
|
return undefined;
|
|
53
53
|
};
|
|
54
|
-
|
|
54
|
+
let classes = classNames(position && `position-${position}`, inline ? "display-inline-grid" : "display-grid", hide && "grid-hide", fit && "fit", fitWidth && "fit-width", fitHeight && "fit-height", fill && "fill", (fillWidth || maxWidth) && "fill-width", (fillHeight || maxHeight) && "fill-height", columns && `columns-${columns}`, overflow && `overflow-${overflow}`, overflowX && `overflow-x-${overflowX}`, overflowY && `overflow-y-${overflowY}`, (overflow && overflow !== "hidden" || overflowX && overflowX !== "hidden" || overflowY && overflowY !== "hidden") && `scrollbar-${scrollbar}`, padding && `p-${padding}`, paddingLeft && `pl-${paddingLeft}`, paddingRight && `pr-${paddingRight}`, paddingTop && `pt-${paddingTop}`, paddingBottom && `pb-${paddingBottom}`, paddingX && `px-${paddingX}`, paddingY && `py-${paddingY}`, margin && `m-${margin}`, marginLeft && `ml-${marginLeft}`, marginRight && `mr-${marginRight}`, marginTop && `mt-${marginTop}`, marginBottom && `mb-${marginBottom}`, marginX && `mx-${marginX}`, marginY && `my-${marginY}`, gap && `g-${gap}`, top && `top-${top}`, right && `right-${right}`, bottom && `bottom-${bottom}`, left && `left-${left}`, generateDynamicClass("background", background), generateDynamicClass("solid", solid), generateDynamicClass("border", border || borderTop || borderRight || borderBottom || borderLeft || borderX || borderY), (border || borderTop || borderRight || borderBottom || borderLeft || borderX || borderY) &&
|
|
55
55
|
!borderStyle &&
|
|
56
56
|
"border-solid", border && !borderWidth && `border-1`, (borderTop || borderRight || borderBottom || borderLeft || borderX || borderY) &&
|
|
57
57
|
"border-reset", borderTop && "border-top-1", borderRight && "border-right-1", borderBottom && "border-bottom-1", borderLeft && "border-left-1", borderX && "border-x-1", borderY && "border-y-1", borderWidth && `border-${borderWidth}`, borderStyle && `border-${borderStyle}`, radius === "full" ? "radius-full" : radius && `radius-${radius}`, topRadius && `radius-${topRadius}-top`, rightRadius && `radius-${rightRadius}-right`, bottomRadius && `radius-${bottomRadius}-bottom`, leftRadius && `radius-${leftRadius}-left`, topLeftRadius && `radius-${topLeftRadius}-top-left`, topRightRadius && `radius-${topRightRadius}-top-right`, bottomLeftRadius && `radius-${bottomLeftRadius}-bottom-left`, bottomRightRadius && `radius-${bottomRightRadius}-bottom-right`, pointerEvents && `pointer-events-${pointerEvents}`, transition && `transition-${transition}`, shadow && `shadow-${shadow}`, zIndex && `z-index-${zIndex}`, textType && `font-${textType}`, typeof cursor === "string" && `cursor-${cursor}`, dark && "dark-grid", light && "light-grid", className);
|
|
58
|
+
if (isDefaultBreakpoints) {
|
|
59
|
+
classes +=
|
|
60
|
+
" " +
|
|
61
|
+
classNames(l?.position && `l-position-${l.position}`, m?.position && `m-position-${m.position}`, s?.position && `s-position-${s.position}`, xs?.position && `xs-position-${xs.position}`, l?.hide === true && "l-grid-hide", l?.hide === false && "l-grid-show", m?.hide === true && "m-grid-hide", m?.hide === false && "m-grid-show", s?.hide === true && "s-grid-hide", s?.hide === false && "s-grid-show", xs?.hide === true && "xs-grid-hide", xs?.hide === false && "xs-grid-show", l?.columns && `l-columns-${l.columns}`, m?.columns && `m-columns-${m.columns}`, s?.columns && `s-columns-${s.columns}`, xs?.columns && `xs-columns-${xs.columns}`, l?.overflow && `l-overflow-${l.overflow}`, m?.overflow && `m-overflow-${m.overflow}`, s?.overflow && `s-overflow-${s.overflow}`, xs?.overflow && `xs-overflow-${xs.overflow}`, l?.overflowX && `l-overflow-x-${l.overflowX}`, m?.overflowX && `m-overflow-x-${m.overflowX}`, s?.overflowX && `s-overflow-x-${s.overflowX}`, xs?.overflowX && `xs-overflow-x-${xs.overflowX}`, l?.overflowY && `l-overflow-y-${l.overflowY}`, m?.overflowY && `m-overflow-y-${m.overflowY}`, s?.overflowY && `s-overflow-y-${s.overflowY}`, xs?.overflowY && `xs-overflow-y-${xs.overflowY}`, l?.top && `l-top-${l.top}`, m?.top && `m-top-${m.top}`, s?.top && `s-top-${s.top}`, xs?.top && `xs-top-${xs.top}`, l?.right && `l-right-${l.right}`, m?.right && `m-right-${m.right}`, s?.right && `s-right-${s.right}`, xs?.right && `xs-right-${xs.right}`, l?.bottom && `l-bottom-${l.bottom}`, m?.bottom && `m-bottom-${m.bottom}`, s?.bottom && `s-bottom-${s.bottom}`, xs?.bottom && `xs-bottom-${xs.bottom}`, l?.left && `l-left-${l.left}`, m?.left && `m-left-${m.left}`, s?.left && `s-left-${s.left}`, xs?.left && `xs-left-${xs.left}`);
|
|
62
|
+
}
|
|
58
63
|
const combinedStyle = {
|
|
59
64
|
maxWidth: parseDimension(maxWidth, "width"),
|
|
60
65
|
minWidth: parseDimension(minWidth, "width"),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ServerGrid.js","sourceRoot":"","sources":["../../src/components/ServerGrid.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAiB,UAAU,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,UAAU,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"ServerGrid.js","sourceRoot":"","sources":["../../src/components/ServerGrid.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Text } from ".";
|
|
3
|
+
export interface ShineFxProps extends React.ComponentProps<typeof Text> {
|
|
4
|
+
speed?: number;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
baseOpacity?: number;
|
|
7
|
+
children?: React.ReactNode;
|
|
8
|
+
}
|
|
9
|
+
declare const ShineFx: React.FC<ShineFxProps>;
|
|
10
|
+
export { ShineFx };
|
|
11
|
+
//# sourceMappingURL=ShineFx.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ShineFx.d.ts","sourceRoot":"","sources":["../../src/components/ShineFx.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAGzB,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAwBnC,CAAC;AAIF,OAAO,EAAE,OAAO,EAAE,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { Text } from ".";
|
|
4
|
+
import styles from "./ShineFx.module.scss";
|
|
5
|
+
const ShineFx = ({ speed = 1, disabled = false, baseOpacity = 0.3, children, className, style, ...text }) => {
|
|
6
|
+
const animationDuration = `${speed}s`;
|
|
7
|
+
return (_jsx(Text, { ...text, className: `${styles.shineFx} ${disabled ? styles.disabled : ""} ${className || ""}`, style: {
|
|
8
|
+
...style,
|
|
9
|
+
animationDuration,
|
|
10
|
+
["--shine-base-opacity"]: baseOpacity,
|
|
11
|
+
}, children: children }));
|
|
12
|
+
};
|
|
13
|
+
ShineFx.displayName = "ShineFx";
|
|
14
|
+
export { ShineFx };
|
|
15
|
+
//# sourceMappingURL=ShineFx.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ShineFx.js","sourceRoot":"","sources":["../../src/components/ShineFx.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AACzB,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAS3C,MAAM,OAAO,GAA2B,CAAC,EACvC,KAAK,GAAG,CAAC,EACT,QAAQ,GAAG,KAAK,EAChB,WAAW,GAAG,GAAG,EACjB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,iBAAiB,GAAG,GAAG,KAAK,GAAG,CAAC;IAEtC,OAAO,CACL,KAAC,IAAI,OACC,IAAI,EACR,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,IAAI,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,SAAS,IAAI,EAAE,EAAE,EACpF,KAAK,EAAE;YACL,GAAG,KAAK;YACR,iBAAiB;YACjB,CAAC,sBAAgC,CAAC,EAAE,WAAW;SAChD,YAEA,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAEhC,OAAO,EAAE,OAAO,EAAE,CAAC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
.shineFx {
|
|
2
|
+
--shine-base-opacity: 0.3;
|
|
3
|
+
|
|
4
|
+
display: inline-block;
|
|
5
|
+
-webkit-text-fill-color: transparent;
|
|
6
|
+
background: linear-gradient(
|
|
7
|
+
120deg,
|
|
8
|
+
color-mix(in srgb, currentColor, transparent calc((1 - var(--shine-base-opacity)) * 100%)) 40%,
|
|
9
|
+
currentColor 50%,
|
|
10
|
+
color-mix(in srgb, currentColor, transparent calc((1 - var(--shine-base-opacity)) * 100%)) 60%
|
|
11
|
+
);
|
|
12
|
+
background-size: 200% 100%;
|
|
13
|
+
-webkit-background-clip: text;
|
|
14
|
+
background-clip: text;
|
|
15
|
+
animation: shine 5s linear infinite;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
@keyframes shine {
|
|
19
|
+
0% {
|
|
20
|
+
background-position: 100%;
|
|
21
|
+
}
|
|
22
|
+
100% {
|
|
23
|
+
background-position: -100%;
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.shineFx.disabled {
|
|
28
|
+
animation: none;
|
|
29
|
+
-webkit-text-fill-color: inherit;
|
|
30
|
+
background: none;
|
|
31
|
+
-webkit-background-clip: unset;
|
|
32
|
+
background-clip: unset;
|
|
33
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Flex } from ".";
|
|
2
|
+
interface SwiperItem {
|
|
3
|
+
slide: string | React.ReactNode;
|
|
4
|
+
alt?: string;
|
|
5
|
+
}
|
|
6
|
+
interface SwiperProps extends React.ComponentProps<typeof Flex> {
|
|
7
|
+
items: SwiperItem[];
|
|
8
|
+
controls?: boolean | "contained";
|
|
9
|
+
priority?: boolean;
|
|
10
|
+
fill?: boolean;
|
|
11
|
+
aspectRatio?: string;
|
|
12
|
+
sizes?: string;
|
|
13
|
+
indicator?: boolean;
|
|
14
|
+
}
|
|
15
|
+
declare const Swiper: React.FC<SwiperProps>;
|
|
16
|
+
export { Swiper };
|
|
17
|
+
//# sourceMappingURL=Swiper.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Swiper.d.ts","sourceRoot":"","sources":["../../src/components/Swiper.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAkC,MAAM,GAAG,CAAC;AAIzD,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,UAAU,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC7D,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAsUjC,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,CAAC"}
|