@once-ui-system/core 1.0.13 → 1.0.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Accordion.js +15 -33
- package/dist/components/Accordion.js.map +1 -1
- package/dist/components/AccordionGroup.js +6 -24
- package/dist/components/AccordionGroup.js.map +1 -1
- package/dist/components/Arrow.js +15 -32
- package/dist/components/Arrow.js.map +1 -1
- package/dist/components/AutoScroll.js +7 -25
- package/dist/components/AutoScroll.js.map +1 -1
- package/dist/components/Avatar.js +19 -30
- package/dist/components/Avatar.js.map +1 -1
- package/dist/components/AvatarGroup.js +14 -26
- package/dist/components/AvatarGroup.js.map +1 -1
- package/dist/components/Background.js +37 -59
- package/dist/components/Background.js.map +1 -1
- package/dist/components/Badge.d.ts.map +1 -1
- package/dist/components/Badge.js +14 -61
- package/dist/components/Badge.js.map +1 -1
- package/dist/components/Banner.js +5 -22
- package/dist/components/Banner.js.map +1 -1
- package/dist/components/Button.d.ts.map +1 -1
- package/dist/components/Button.js +12 -29
- package/dist/components/Button.js.map +1 -1
- package/dist/components/Card.js +11 -27
- package/dist/components/Card.js.map +1 -1
- package/dist/components/Carousel.js +18 -32
- package/dist/components/Carousel.js.map +1 -1
- package/dist/components/Checkbox.js +18 -36
- package/dist/components/Checkbox.js.map +1 -1
- package/dist/components/Chip.js +20 -35
- package/dist/components/Chip.js.map +1 -1
- package/dist/components/ColorInput.js +12 -27
- package/dist/components/ColorInput.js.map +1 -1
- package/dist/components/Column.js +6 -21
- package/dist/components/Column.js.map +1 -1
- package/dist/components/CompareImage.js +15 -33
- package/dist/components/CompareImage.js.map +1 -1
- package/dist/components/CursorCard.js +23 -37
- package/dist/components/CursorCard.js.map +1 -1
- package/dist/components/DateInput.js +24 -35
- package/dist/components/DateInput.js.map +1 -1
- package/dist/components/DatePicker.js +40 -65
- package/dist/components/DatePicker.js.map +1 -1
- package/dist/components/DateRangeInput.js +17 -35
- package/dist/components/DateRangeInput.js.map +1 -1
- package/dist/components/DateRangePicker.js +15 -30
- package/dist/components/DateRangePicker.js.map +1 -1
- package/dist/components/Dialog.js +33 -87
- package/dist/components/Dialog.js.map +1 -1
- package/dist/components/Dropdown.js +6 -21
- package/dist/components/Dropdown.js.map +1 -1
- package/dist/components/DropdownWrapper.js +42 -45
- package/dist/components/DropdownWrapper.js.map +1 -1
- package/dist/components/ElementType.js +10 -28
- package/dist/components/ElementType.js.map +1 -1
- package/dist/components/Fade.js +19 -33
- package/dist/components/Fade.js.map +1 -1
- package/dist/components/Feedback.js +6 -21
- package/dist/components/Feedback.js.map +1 -1
- package/dist/components/Flex.js +18 -26
- package/dist/components/Flex.js.map +1 -1
- package/dist/components/FlipFx.js +29 -37
- package/dist/components/FlipFx.js.map +1 -1
- package/dist/components/GlitchFx.js +13 -31
- package/dist/components/GlitchFx.js.map +1 -1
- package/dist/components/Grid.js +18 -26
- package/dist/components/Grid.js.map +1 -1
- package/dist/components/Heading.js +10 -24
- package/dist/components/Heading.js.map +1 -1
- package/dist/components/HoloFx.js +35 -36
- package/dist/components/HoloFx.js.map +1 -1
- package/dist/components/Icon.js +14 -32
- package/dist/components/Icon.js.map +1 -1
- package/dist/components/IconButton.js +15 -33
- package/dist/components/IconButton.js.map +1 -1
- package/dist/components/InfiniteScroll.js +16 -63
- package/dist/components/InfiniteScroll.js.map +1 -1
- package/dist/components/InlineCode.js +8 -26
- package/dist/components/InlineCode.js.map +1 -1
- package/dist/components/Input.js +31 -49
- package/dist/components/Input.js.map +1 -1
- package/dist/components/InteractiveDetails.js +6 -9
- package/dist/components/InteractiveDetails.js.map +1 -1
- package/dist/components/Kbd.js +5 -22
- package/dist/components/Kbd.js.map +1 -1
- package/dist/components/LetterFx.js +13 -19
- package/dist/components/LetterFx.js.map +1 -1
- package/dist/components/Line.js +6 -21
- package/dist/components/Line.js.map +1 -1
- package/dist/components/Logo.js +12 -30
- package/dist/components/Logo.js.map +1 -1
- package/dist/components/LogoCloud.js +14 -29
- package/dist/components/LogoCloud.js.map +1 -1
- package/dist/components/Mask.js +17 -32
- package/dist/components/Mask.js.map +1 -1
- package/dist/components/Media.js +25 -36
- package/dist/components/Media.js.map +1 -1
- package/dist/components/NavIcon.js +8 -26
- package/dist/components/NavIcon.js.map +1 -1
- package/dist/components/NumberInput.js +11 -30
- package/dist/components/NumberInput.js.map +1 -1
- package/dist/components/OTPInput.js +16 -37
- package/dist/components/OTPInput.js.map +1 -1
- package/dist/components/OgCard.js +22 -30
- package/dist/components/OgCard.js.map +1 -1
- package/dist/components/Option.js +15 -33
- package/dist/components/Option.js.map +1 -1
- package/dist/components/Particle.js +9 -57
- package/dist/components/Particle.js.map +1 -1
- package/dist/components/PasswordInput.js +8 -11
- package/dist/components/PasswordInput.js.map +1 -1
- package/dist/components/RadioButton.js +17 -35
- package/dist/components/RadioButton.js.map +1 -1
- package/dist/components/RevealFx.js +18 -32
- package/dist/components/RevealFx.js.map +1 -1
- package/dist/components/Row.js +6 -21
- package/dist/components/Row.js.map +1 -1
- package/dist/components/ScrollToTop.js +9 -28
- package/dist/components/ScrollToTop.js.map +1 -1
- package/dist/components/Scroller.js +30 -77
- package/dist/components/Scroller.js.map +1 -1
- package/dist/components/SegmentedControl.js +15 -32
- package/dist/components/SegmentedControl.js.map +1 -1
- package/dist/components/Select.js +32 -50
- package/dist/components/Select.js.map +1 -1
- package/dist/components/Skeleton.js +8 -26
- package/dist/components/Skeleton.js.map +1 -1
- package/dist/components/SmartLink.js +28 -34
- package/dist/components/SmartLink.js.map +1 -1
- package/dist/components/Spinner.js +8 -26
- package/dist/components/Spinner.js.map +1 -1
- package/dist/components/StatusIndicator.js +8 -26
- package/dist/components/StatusIndicator.js.map +1 -1
- package/dist/components/StyleOverlay.js +9 -27
- package/dist/components/StyleOverlay.js.map +1 -1
- package/dist/components/StylePanel.js +45 -63
- package/dist/components/StylePanel.js.map +1 -1
- package/dist/components/Switch.js +18 -36
- package/dist/components/Switch.js.map +1 -1
- package/dist/components/Table.js +12 -29
- package/dist/components/Table.js.map +1 -1
- package/dist/components/Tag.js +8 -26
- package/dist/components/Tag.js.map +1 -1
- package/dist/components/TagInput.js +9 -24
- package/dist/components/TagInput.js.map +1 -1
- package/dist/components/Text.js +10 -24
- package/dist/components/Text.js.map +1 -1
- package/dist/components/Textarea.js +34 -81
- package/dist/components/Textarea.js.map +1 -1
- package/dist/components/ThemeSwitcher.js +10 -46
- package/dist/components/ThemeSwitcher.js.map +1 -1
- package/dist/components/TiltFx.js +8 -26
- package/dist/components/TiltFx.js.map +1 -1
- package/dist/components/Toast.js +14 -20
- package/dist/components/Toast.js.map +1 -1
- package/dist/components/Toaster.js +10 -16
- package/dist/components/Toaster.js.map +1 -1
- package/dist/components/ToggleButton.js +9 -27
- package/dist/components/ToggleButton.js.map +1 -1
- package/dist/components/Tooltip.js +11 -25
- package/dist/components/Tooltip.js.map +1 -1
- package/dist/components/User.js +8 -25
- package/dist/components/User.js.map +1 -1
- package/dist/components/UserMenu.js +8 -26
- package/dist/components/UserMenu.js.map +1 -1
- package/dist/components/index.js +81 -97
- package/dist/components/index.js.map +1 -1
- package/dist/contexts/DataThemeProvider.js +23 -19
- package/dist/contexts/DataThemeProvider.js.map +1 -1
- package/dist/contexts/IconProvider.js +9 -14
- package/dist/contexts/IconProvider.js.map +1 -1
- package/dist/contexts/ThemeProvider.js +43 -32
- package/dist/contexts/ThemeProvider.js.map +1 -1
- package/dist/contexts/ToastProvider.js +14 -15
- package/dist/contexts/ToastProvider.js.map +1 -1
- package/dist/contexts/index.js +4 -20
- package/dist/contexts/index.js.map +1 -1
- package/dist/hooks/index.js +3 -19
- package/dist/hooks/index.js.map +1 -1
- package/dist/hooks/useDebounce.d.ts.map +1 -1
- package/dist/hooks/useDebounce.js +5 -7
- package/dist/hooks/useDebounce.js.map +1 -1
- package/dist/hooks/useFetchOg.d.ts.map +1 -1
- package/dist/hooks/useFetchOg.js +8 -11
- package/dist/hooks/useFetchOg.js.map +1 -1
- package/dist/hooks/useHeadingLinks.d.ts.map +1 -1
- package/dist/hooks/useHeadingLinks.js +5 -8
- package/dist/hooks/useHeadingLinks.js.map +1 -1
- package/dist/icons.js +31 -34
- package/dist/icons.js.map +1 -1
- package/dist/index.js +8 -24
- package/dist/index.js.map +1 -1
- package/dist/interfaces.js +1 -2
- package/dist/modules/code/CodeBlock.js +33 -84
- package/dist/modules/code/CodeBlock.js.map +1 -1
- package/dist/modules/data/BarChart.js +30 -75
- package/dist/modules/data/BarChart.js.map +1 -1
- package/dist/modules/data/ChartHeader.js +29 -45
- package/dist/modules/data/ChartHeader.js.map +1 -1
- package/dist/modules/data/ChartStatus.js +4 -8
- package/dist/modules/data/ChartStatus.js.map +1 -1
- package/dist/modules/data/DataTooltip.js +14 -17
- package/dist/modules/data/DataTooltip.js.map +1 -1
- package/dist/modules/data/Gradient.js +6 -11
- package/dist/modules/data/Gradient.js.map +1 -1
- package/dist/modules/data/Legend.js +8 -11
- package/dist/modules/data/Legend.js.map +1 -1
- package/dist/modules/data/LineBarChart.js +29 -77
- package/dist/modules/data/LineBarChart.js.map +1 -1
- package/dist/modules/data/LineChart.js +42 -87
- package/dist/modules/data/LineChart.js.map +1 -1
- package/dist/modules/data/PieChart.js +28 -78
- package/dist/modules/data/PieChart.js.map +1 -1
- package/dist/modules/data/Swatch.js +17 -12
- package/dist/modules/data/Swatch.js.map +1 -1
- package/dist/modules/data/index.js +11 -27
- package/dist/modules/data/index.js.map +1 -1
- package/dist/modules/data/interfaces.js +1 -2
- package/dist/modules/data/utils/colorDistribution.js +8 -12
- package/dist/modules/data/utils/colorDistribution.js.map +1 -1
- package/dist/modules/data/utils/formatDate.js +6 -9
- package/dist/modules/data/utils/formatDate.js.map +1 -1
- package/dist/modules/index.js +19 -41
- package/dist/modules/index.js.map +1 -1
- package/dist/modules/media/MediaUpload.js +16 -34
- package/dist/modules/media/MediaUpload.js.map +1 -1
- package/dist/modules/navigation/HeadingLink.js +7 -26
- package/dist/modules/navigation/HeadingLink.js.map +1 -1
- package/dist/modules/navigation/HeadingNav.js +24 -42
- package/dist/modules/navigation/HeadingNav.js.map +1 -1
- package/dist/modules/navigation/Kbar.js +52 -109
- package/dist/modules/navigation/Kbar.js.map +1 -1
- package/dist/modules/navigation/MegaMenu.js +27 -44
- package/dist/modules/navigation/MegaMenu.js.map +1 -1
- package/dist/modules/navigation/MobileMegaMenu.js +10 -25
- package/dist/modules/navigation/MobileMegaMenu.js.map +1 -1
- package/dist/modules/navigation/index.js +5 -21
- package/dist/modules/navigation/index.js.map +1 -1
- package/dist/modules/seo/Meta.js +28 -19
- package/dist/modules/seo/Meta.js.map +1 -1
- package/dist/modules/seo/Schema.js +16 -17
- package/dist/modules/seo/Schema.js.map +1 -1
- package/dist/package.json +2 -4
- package/dist/types.js +1 -4
- package/dist/types.js.map +1 -1
- package/dist/utils/devLogger.js +1 -4
- package/dist/utils/devLogger.js.map +1 -1
- package/dist/utils/index.js +1 -17
- package/dist/utils/index.js.map +1 -1
- package/next-env.d.ts +5 -0
- package/package.json +18 -20
package/dist/components/Fade.js
CHANGED
|
@@ -1,29 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
t[p[i]] = s[p[i]];
|
|
10
|
-
}
|
|
11
|
-
return t;
|
|
12
|
-
};
|
|
13
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
-
};
|
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
exports.Fade = void 0;
|
|
18
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
|
-
const react_1 = require("react");
|
|
20
|
-
const Fade_module_scss_1 = __importDefault(require("./Fade.module.scss"));
|
|
21
|
-
const _1 = require(".");
|
|
22
|
-
const Fade = (0, react_1.forwardRef)((_a, ref) => {
|
|
23
|
-
var { to = "bottom", base = "page", pattern = {
|
|
24
|
-
display: false,
|
|
25
|
-
size: "4",
|
|
26
|
-
}, blur = 0.5, children } = _a, rest = __rest(_a, ["to", "base", "pattern", "blur", "children"]);
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
|
+
import styles from "./Fade.module.scss";
|
|
4
|
+
import { Flex } from ".";
|
|
5
|
+
const Fade = forwardRef(({ to = "bottom", base = "page", pattern = {
|
|
6
|
+
display: false,
|
|
7
|
+
size: "4",
|
|
8
|
+
}, blur = 0.5, children, ...rest }, ref) => {
|
|
27
9
|
const getBaseVar = (base) => {
|
|
28
10
|
if (base === "page")
|
|
29
11
|
return "var(--page-background)";
|
|
@@ -38,18 +20,22 @@ const Fade = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
38
20
|
? `var(--${scheme}-alpha-${weight})`
|
|
39
21
|
: `var(--${scheme}-background-${weight})`;
|
|
40
22
|
};
|
|
41
|
-
return ((
|
|
23
|
+
return (_jsx(Flex, { ref: ref, fillWidth: true, style: {
|
|
24
|
+
"--base-color": getBaseVar(base),
|
|
25
|
+
"--gradient-direction": to === "top"
|
|
42
26
|
? "0deg"
|
|
43
27
|
: to === "right"
|
|
44
28
|
? "90deg"
|
|
45
29
|
: to === "bottom"
|
|
46
30
|
? "180deg"
|
|
47
|
-
: "270deg"
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
31
|
+
: "270deg",
|
|
32
|
+
...(pattern.display && {
|
|
33
|
+
backgroundImage: `linear-gradient(var(--gradient-direction), var(--base-color), transparent), radial-gradient(transparent 1px, var(--base-color) 1px)`,
|
|
34
|
+
backgroundSize: `100% 100%, var(--static-space-${pattern.size}) var(--static-space-${pattern.size})`,
|
|
35
|
+
backdropFilter: `blur(${blur}rem)`,
|
|
36
|
+
}),
|
|
37
|
+
}, className: styles.mask, ...rest, children: children }));
|
|
52
38
|
});
|
|
53
|
-
exports.Fade = Fade;
|
|
54
39
|
Fade.displayName = "Fade";
|
|
40
|
+
export { Fade };
|
|
55
41
|
//# sourceMappingURL=Fade.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Fade.js","sourceRoot":"","sources":["../../src/components/Fade.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Fade.js","sourceRoot":"","sources":["../../src/components/Fade.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAa,MAAM,OAAO,CAAC;AACrD,OAAO,MAAM,MAAM,oBAAoB,CAAC;AAExC,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAwBzB,MAAM,IAAI,GAAG,UAAU,CACrB,CACE,EACE,EAAE,GAAG,QAAQ,EACb,IAAI,GAAG,MAAM,EACb,OAAO,GAAG;IACR,OAAO,EAAE,KAAK;IACd,IAAI,EAAE,GAAG;CACV,EACD,IAAI,GAAG,GAAG,EACV,QAAQ,EACR,GAAG,IAAI,EACR,EACD,GAAG,EACH,EAAE;IACF,MAAM,UAAU,GAAG,CAAC,IAAe,EAAE,EAAE;QACrC,IAAI,IAAI,KAAK,MAAM;YAAE,OAAO,wBAAwB,CAAC;QACrD,IAAI,IAAI,KAAK,SAAS;YAAE,OAAO,2BAA2B,CAAC;QAC3D,IAAI,IAAI,KAAK,SAAS;YAAE,OAAO,iBAAiB,CAAC;QACjD,IAAI,IAAI,KAAK,aAAa;YAAE,OAAO,2BAA2B,CAAC;QAE/D,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAE1F,OAAO,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC;YAC3B,CAAC,CAAC,SAAS,MAAM,UAAU,MAAM,GAAG;YACpC,CAAC,CAAC,SAAS,MAAM,eAAe,MAAM,GAAG,CAAC;IAC9C,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,SAAS,QACT,KAAK,EACH;YACE,cAAc,EAAE,UAAU,CAAC,IAAI,CAAC;YAChC,sBAAsB,EACpB,EAAE,KAAK,KAAK;gBACV,CAAC,CAAC,MAAM;gBACR,CAAC,CAAC,EAAE,KAAK,OAAO;oBACd,CAAC,CAAC,OAAO;oBACT,CAAC,CAAC,EAAE,KAAK,QAAQ;wBACf,CAAC,CAAC,QAAQ;wBACV,CAAC,CAAC,QAAQ;YAClB,GAAG,CAAC,OAAO,CAAC,OAAO,IAAI;gBACrB,eAAe,EAAE,qIAAqI;gBACtJ,cAAc,EAAE,iCAAiC,OAAO,CAAC,IAAI,wBAAwB,OAAO,CAAC,IAAI,GAAG;gBACpG,cAAc,EAAE,QAAQ,IAAI,MAAM;aACnC,CAAC;SACoB,EAE1B,SAAS,EAAE,MAAM,CAAC,IAAI,KAClB,IAAI,YAEP,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
|
@@ -1,30 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
-
t[p] = s[p];
|
|
6
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
-
t[p[i]] = s[p[i]];
|
|
10
|
-
}
|
|
11
|
-
return t;
|
|
12
|
-
};
|
|
13
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
-
exports.Feedback = void 0;
|
|
15
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
16
|
-
const react_1 = require("react");
|
|
17
|
-
const _1 = require(".");
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
|
+
import { IconButton, Icon, Flex, Text, Column } from ".";
|
|
18
4
|
const variantIconMap = {
|
|
19
5
|
info: "info",
|
|
20
6
|
danger: "danger",
|
|
21
7
|
warning: "warning",
|
|
22
8
|
success: "check",
|
|
23
9
|
};
|
|
24
|
-
const Feedback =
|
|
25
|
-
|
|
26
|
-
return ((0, jsx_runtime_1.jsxs)(_1.Flex, Object.assign({ fillWidth: true, radius: "l", ref: ref, border: `${variant}-medium`, background: `${variant}-medium`, vertical: "start", role: "alert", "aria-live": "assertive", className: className, style: style }, rest, { children: [icon && ((0, jsx_runtime_1.jsx)(_1.Flex, { paddingY: "16", paddingLeft: "16", children: (0, jsx_runtime_1.jsx)(_1.Icon, { padding: "4", radius: "m", border: `${variant}-medium`, onBackground: `${variant}-medium`, name: variantIconMap[variant], "aria-hidden": "true" }) })), (0, jsx_runtime_1.jsxs)(_1.Column, { fillWidth: true, padding: "16", gap: "24", vertical: "center", children: [(title || description) && ((0, jsx_runtime_1.jsxs)(_1.Column, { fillWidth: true, gap: "4", children: [title && ((0, jsx_runtime_1.jsxs)(_1.Flex, { fillWidth: true, gap: "16", children: [(0, jsx_runtime_1.jsx)(_1.Flex, { fillWidth: true, paddingY: "4", children: (0, jsx_runtime_1.jsx)(_1.Text, { variant: "heading-strong-m", onBackground: `${variant}-medium`, role: "heading", "aria-level": 2, children: title }) }), showCloseButton && ((0, jsx_runtime_1.jsx)(_1.IconButton, { onClick: onClose, icon: "close", size: "m", tooltip: "Hide", tooltipPosition: "top", variant: "ghost", "aria-label": "Close alert" }))] })), description && ((0, jsx_runtime_1.jsx)(_1.Text, { variant: "body-default-s", onBackground: `${variant}-strong`, children: description }))] })), children] })] })));
|
|
10
|
+
const Feedback = forwardRef(({ variant = "info", icon = true, title, description, showCloseButton = false, onClose, className, style, children, ...rest }, ref) => {
|
|
11
|
+
return (_jsxs(Flex, { fillWidth: true, radius: "l", ref: ref, border: `${variant}-medium`, background: `${variant}-medium`, vertical: "start", role: "alert", "aria-live": "assertive", className: className, style: style, ...rest, children: [icon && (_jsx(Flex, { paddingY: "16", paddingLeft: "16", children: _jsx(Icon, { padding: "4", radius: "m", border: `${variant}-medium`, onBackground: `${variant}-medium`, name: variantIconMap[variant], "aria-hidden": "true" }) })), _jsxs(Column, { fillWidth: true, padding: "16", gap: "24", vertical: "center", children: [(title || description) && (_jsxs(Column, { fillWidth: true, gap: "4", children: [title && (_jsxs(Flex, { fillWidth: true, gap: "16", children: [_jsx(Flex, { fillWidth: true, paddingY: "4", children: _jsx(Text, { variant: "heading-strong-m", onBackground: `${variant}-medium`, role: "heading", "aria-level": 2, children: title }) }), showCloseButton && (_jsx(IconButton, { onClick: onClose, icon: "close", size: "m", tooltip: "Hide", tooltipPosition: "top", variant: "ghost", "aria-label": "Close alert" }))] })), description && (_jsx(Text, { variant: "body-default-s", onBackground: `${variant}-strong`, children: description }))] })), children] })] }));
|
|
27
12
|
});
|
|
28
|
-
exports.Feedback = Feedback;
|
|
29
13
|
Feedback.displayName = "Feedback";
|
|
14
|
+
export { Feedback };
|
|
30
15
|
//# sourceMappingURL=Feedback.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Feedback.js","sourceRoot":"","sources":["../../src/components/Feedback.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Feedback.js","sourceRoot":"","sources":["../../src/components/Feedback.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAa,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAG,CAAC;AAczD,MAAM,cAAc,GAEhB;IACF,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,OAAO;CACjB,CAAC;AAEF,MAAM,QAAQ,GAAG,UAAU,CACzB,CACE,EACE,OAAO,GAAG,MAAM,EAChB,IAAI,GAAG,IAAI,EACX,KAAK,EACL,WAAW,EACX,eAAe,GAAG,KAAK,EACvB,OAAO,EACP,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACR,EACD,GAAG,EACH,EAAE;IACF,OAAO,CACL,MAAC,IAAI,IACH,SAAS,QACT,MAAM,EAAC,GAAG,EACV,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,GAAG,OAAO,SAAS,EAC3B,UAAU,EAAE,GAAG,OAAO,SAAS,EAC/B,QAAQ,EAAC,OAAO,EAChB,IAAI,EAAC,OAAO,eACF,WAAW,EACrB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,KACR,IAAI,aAEP,IAAI,IAAI,CACP,KAAC,IAAI,IAAC,QAAQ,EAAC,IAAI,EAAC,WAAW,EAAC,IAAI,YAClC,KAAC,IAAI,IACH,OAAO,EAAC,GAAG,EACX,MAAM,EAAC,GAAG,EACV,MAAM,EAAE,GAAG,OAAO,SAAS,EAC3B,YAAY,EAAE,GAAG,OAAO,SAAS,EACjC,IAAI,EAAE,cAAc,CAAC,OAAO,CAAC,iBACjB,MAAM,GAClB,GACG,CACR,EACD,MAAC,MAAM,IAAC,SAAS,QAAC,OAAO,EAAC,IAAI,EAAC,GAAG,EAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,aACtD,CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,CACzB,MAAC,MAAM,IAAC,SAAS,QAAC,GAAG,EAAC,GAAG,aACtB,KAAK,IAAI,CACR,MAAC,IAAI,IAAC,SAAS,QAAC,GAAG,EAAC,IAAI,aACtB,KAAC,IAAI,IAAC,SAAS,QAAC,QAAQ,EAAC,GAAG,YAC1B,KAAC,IAAI,IACH,OAAO,EAAC,kBAAkB,EAC1B,YAAY,EAAE,GAAG,OAAO,SAAS,EACjC,IAAI,EAAC,SAAS,gBACF,CAAC,YAEZ,KAAK,GACD,GACF,EACN,eAAe,IAAI,CAClB,KAAC,UAAU,IACT,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,GAAG,EACR,OAAO,EAAC,MAAM,EACd,eAAe,EAAC,KAAK,EACrB,OAAO,EAAC,OAAO,gBACJ,aAAa,GACxB,CACH,IACI,CACR,EACA,WAAW,IAAI,CACd,KAAC,IAAI,IAAC,OAAO,EAAC,gBAAgB,EAAC,YAAY,EAAE,GAAG,OAAO,SAAS,YAC7D,WAAW,GACP,CACR,IACM,CACV,EACA,QAAQ,IACF,IACJ,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
package/dist/components/Flex.js
CHANGED
|
@@ -1,25 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
t[p] = s[p];
|
|
6
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
-
t[p[i]] = s[p[i]];
|
|
10
|
-
}
|
|
11
|
-
return t;
|
|
12
|
-
};
|
|
13
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
-
};
|
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
exports.Flex = void 0;
|
|
18
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
20
|
-
const react_1 = require("react");
|
|
21
|
-
const Flex = (0, react_1.forwardRef)((_a, ref) => {
|
|
22
|
-
var { as: Component = "div", inline, dark, light, direction, tabletDirection, mobileDirection, 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, hide, show, transition, background, solid, opacity, pointerEvents, border, borderTop, borderRight, borderBottom, borderLeft, borderStyle, borderWidth, radius, topRadius, rightRadius, bottomRadius, leftRadius, topLeftRadius, topRightRadius, bottomLeftRadius, bottomRightRadius, overflow, overflowX, overflowY, zIndex, shadow, cursor, className, style, children } = _a, rest = __rest(_a, ["as", "inline", "dark", "light", "direction", "tabletDirection", "mobileDirection", "wrap", "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", "center", "width", "height", "maxWidth", "minWidth", "minHeight", "maxHeight", "fit", "fitWidth", "fitHeight", "fill", "fillWidth", "fillHeight", "aspectRatio", "hide", "show", "transition", "background", "solid", "opacity", "pointerEvents", "border", "borderTop", "borderRight", "borderBottom", "borderLeft", "borderStyle", "borderWidth", "radius", "topRadius", "rightRadius", "bottomRadius", "leftRadius", "topLeftRadius", "topRightRadius", "bottomLeftRadius", "bottomRightRadius", "overflow", "overflowX", "overflowY", "zIndex", "shadow", "cursor", "className", "style", "children"]);
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import classNames from "classnames";
|
|
3
|
+
import { forwardRef } from "react";
|
|
4
|
+
const Flex = forwardRef(({ as: Component = "div", inline, dark, light, direction, tabletDirection, mobileDirection, 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, hide, show, transition, background, solid, opacity, pointerEvents, border, borderTop, borderRight, borderBottom, borderLeft, borderStyle, borderWidth, radius, topRadius, rightRadius, bottomRadius, leftRadius, topLeftRadius, topRightRadius, bottomLeftRadius, bottomRightRadius, overflow, overflowX, overflowY, zIndex, shadow, cursor, className, style, children, ...rest }, ref) => {
|
|
23
5
|
if (onBackground && onSolid) {
|
|
24
6
|
console.warn("You cannot use both 'onBackground' and 'onSolid' props simultaneously. Only one will be applied.");
|
|
25
7
|
}
|
|
@@ -59,7 +41,7 @@ const Flex = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
59
41
|
const [scheme, weight] = value.split("-");
|
|
60
42
|
return `${scheme}-${type}-${weight}`;
|
|
61
43
|
};
|
|
62
|
-
const classes = (
|
|
44
|
+
const classes = classNames(inline ? "display-inline-flex" : "display-flex", 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"
|
|
63
45
|
? direction === "column" || direction === "column-reverse"
|
|
64
46
|
? "g-vertical--1"
|
|
65
47
|
: "g-horizontal--1"
|
|
@@ -104,9 +86,19 @@ const Flex = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
104
86
|
}
|
|
105
87
|
return undefined;
|
|
106
88
|
};
|
|
107
|
-
const combinedStyle =
|
|
108
|
-
|
|
89
|
+
const combinedStyle = {
|
|
90
|
+
maxWidth: parseDimension(maxWidth, "width"),
|
|
91
|
+
minWidth: parseDimension(minWidth, "width"),
|
|
92
|
+
minHeight: parseDimension(minHeight, "height"),
|
|
93
|
+
maxHeight: parseDimension(maxHeight, "height"),
|
|
94
|
+
width: parseDimension(width, "width"),
|
|
95
|
+
height: parseDimension(height, "height"),
|
|
96
|
+
aspectRatio: aspectRatio,
|
|
97
|
+
textAlign: align,
|
|
98
|
+
...style,
|
|
99
|
+
};
|
|
100
|
+
return (_jsx(Component, { ref: ref, className: classes, style: combinedStyle, ...rest, children: children }));
|
|
109
101
|
});
|
|
110
|
-
exports.Flex = Flex;
|
|
111
102
|
Flex.displayName = "Flex";
|
|
103
|
+
export { Flex };
|
|
112
104
|
//# sourceMappingURL=Flex.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Flex.js","sourceRoot":"","sources":["../../src/components/Flex.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Flex.js","sourceRoot":"","sources":["../../src/components/Flex.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,29 +1,15 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
"use client";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
15
|
-
exports.FlipFx = void 0;
|
|
16
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
17
|
-
const react_1 = require("react");
|
|
18
|
-
const _1 = require(".");
|
|
19
|
-
const FlipFx = (0, react_1.forwardRef)((props, ref) => {
|
|
20
|
-
const { flipDirection = "horizontal", timing = 2000, flipped, onFlip, disableClickFlip = false, autoFlipInterval, front, back, className, style } = props, flex = __rest(props, ["flipDirection", "timing", "flipped", "onFlip", "disableClickFlip", "autoFlipInterval", "front", "back", "className", "style"]);
|
|
21
|
-
const [internalFlipped, setInternalFlipped] = (0, react_1.useState)(false);
|
|
22
|
-
const flippedState = flipped !== null && flipped !== void 0 ? flipped : internalFlipped;
|
|
23
|
-
const cardRef = (0, react_1.useRef)(null);
|
|
24
|
-
const frontRef = (0, react_1.useRef)(null);
|
|
25
|
-
const backRef = (0, react_1.useRef)(null);
|
|
26
|
-
(0, react_1.useLayoutEffect)(() => {
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useState, useEffect, useRef, useLayoutEffect, useCallback, forwardRef, } from "react";
|
|
4
|
+
import { Flex } from ".";
|
|
5
|
+
const FlipFx = forwardRef((props, ref) => {
|
|
6
|
+
const { flipDirection = "horizontal", timing = 2000, flipped, onFlip, disableClickFlip = false, autoFlipInterval, front, back, className, style, ...flex } = props;
|
|
7
|
+
const [internalFlipped, setInternalFlipped] = useState(false);
|
|
8
|
+
const flippedState = flipped ?? internalFlipped;
|
|
9
|
+
const cardRef = useRef(null);
|
|
10
|
+
const frontRef = useRef(null);
|
|
11
|
+
const backRef = useRef(null);
|
|
12
|
+
useLayoutEffect(() => {
|
|
27
13
|
const updateHeight = () => {
|
|
28
14
|
if (cardRef.current && frontRef.current && backRef.current) {
|
|
29
15
|
const frontH = frontRef.current.scrollHeight;
|
|
@@ -39,46 +25,52 @@ const FlipFx = (0, react_1.forwardRef)((props, ref) => {
|
|
|
39
25
|
observer.observe(backRef.current);
|
|
40
26
|
return () => observer.disconnect();
|
|
41
27
|
}, [flippedState, front, back]);
|
|
42
|
-
|
|
28
|
+
useEffect(() => {
|
|
43
29
|
if (autoFlipInterval) {
|
|
44
30
|
const interval = setInterval(() => {
|
|
45
31
|
setInternalFlipped((prev) => !prev);
|
|
46
|
-
onFlip
|
|
32
|
+
onFlip?.(!flippedState);
|
|
47
33
|
}, autoFlipInterval * 1000);
|
|
48
34
|
return () => clearInterval(interval);
|
|
49
35
|
}
|
|
50
36
|
}, [autoFlipInterval, flippedState, onFlip]);
|
|
51
|
-
const handleFlip =
|
|
37
|
+
const handleFlip = useCallback(() => {
|
|
52
38
|
if (disableClickFlip || autoFlipInterval)
|
|
53
39
|
return;
|
|
54
40
|
setInternalFlipped((v) => !v);
|
|
55
|
-
onFlip
|
|
41
|
+
onFlip?.(!flippedState);
|
|
56
42
|
}, [disableClickFlip, autoFlipInterval, flippedState, onFlip]);
|
|
57
|
-
const handleKeyDown =
|
|
43
|
+
const handleKeyDown = useCallback((event) => {
|
|
58
44
|
if (event.key === 'Enter' || event.key === ' ') {
|
|
59
45
|
event.preventDefault();
|
|
60
46
|
handleFlip();
|
|
61
47
|
}
|
|
62
48
|
}, [handleFlip]);
|
|
63
|
-
return ((
|
|
49
|
+
return (_jsxs(Flex, { ref: (node) => {
|
|
64
50
|
cardRef.current = node;
|
|
65
51
|
if (typeof ref === "function")
|
|
66
52
|
ref(node);
|
|
67
53
|
else if (ref)
|
|
68
54
|
ref.current = node;
|
|
69
|
-
}, className: className, style:
|
|
55
|
+
}, className: className, style: {
|
|
56
|
+
transformStyle: "preserve-3d",
|
|
57
|
+
transition: `transform ${timing}ms cubic-bezier(0.22, 1, 0.36, 1)`,
|
|
58
|
+
transform: flippedState
|
|
70
59
|
? flipDirection === "vertical"
|
|
71
60
|
? "rotateX(180deg)"
|
|
72
61
|
: "rotateY(180deg)"
|
|
73
|
-
: "none",
|
|
62
|
+
: "none",
|
|
63
|
+
perspective: "1000px",
|
|
64
|
+
...style,
|
|
65
|
+
}, onClick: handleFlip, onKeyDown: handleKeyDown, role: "button", "aria-pressed": flippedState, tabIndex: 0, ...flex, children: [_jsx(Flex, { ref: frontRef, fill: true, position: "absolute", overflow: "hidden", "aria-hidden": flippedState, style: {
|
|
74
66
|
backfaceVisibility: "hidden",
|
|
75
|
-
}, children: front }), (
|
|
67
|
+
}, children: front }), _jsx(Flex, { ref: backRef, fill: true, position: "absolute", overflow: "hidden", "aria-hidden": !flippedState, style: {
|
|
76
68
|
backfaceVisibility: "hidden",
|
|
77
69
|
transform: "rotateY(180deg)",
|
|
78
|
-
}, children: (
|
|
70
|
+
}, children: _jsx(Flex, { fill: true, style: {
|
|
79
71
|
transform: flipDirection === "vertical" ? "rotateY(-180deg) rotateX(180deg)" : undefined,
|
|
80
|
-
}, children: back }) })] }))
|
|
72
|
+
}, children: back }) })] }));
|
|
81
73
|
});
|
|
82
|
-
exports.FlipFx = FlipFx;
|
|
83
74
|
FlipFx.displayName = "FlipFx";
|
|
75
|
+
export { FlipFx };
|
|
84
76
|
//# sourceMappingURL=FlipFx.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FlipFx.js","sourceRoot":"","sources":["../../src/components/FlipFx.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FlipFx.js","sourceRoot":"","sources":["../../src/components/FlipFx.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,30 +1,12 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
"use client";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
}
|
|
12
|
-
return t;
|
|
13
|
-
};
|
|
14
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
15
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
16
|
-
};
|
|
17
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
-
exports.GlitchFx = void 0;
|
|
19
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
20
|
-
const react_1 = require("react");
|
|
21
|
-
const GlitchFx_module_scss_1 = __importDefault(require("./GlitchFx.module.scss"));
|
|
22
|
-
const _1 = require(".");
|
|
23
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
24
|
-
const GlitchFx = (0, react_1.forwardRef)((_a, ref) => {
|
|
25
|
-
var { children, speed = "medium", interval = 2500, trigger = "instant", continuous = true } = _a, rest = __rest(_a, ["children", "speed", "interval", "trigger", "continuous"]);
|
|
26
|
-
const [isGlitching, setIsGlitching] = (0, react_1.useState)(continuous || trigger === "instant");
|
|
27
|
-
(0, react_1.useEffect)(() => {
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useEffect, useState, forwardRef, useCallback } from "react";
|
|
4
|
+
import styles from "./GlitchFx.module.scss";
|
|
5
|
+
import { Flex } from ".";
|
|
6
|
+
import classNames from "classnames";
|
|
7
|
+
const GlitchFx = forwardRef(({ children, speed = "medium", interval = 2500, trigger = "instant", continuous = true, ...rest }, ref) => {
|
|
8
|
+
const [isGlitching, setIsGlitching] = useState(continuous || trigger === "instant");
|
|
9
|
+
useEffect(() => {
|
|
28
10
|
if (continuous || trigger === "instant") {
|
|
29
11
|
setIsGlitching(true);
|
|
30
12
|
}
|
|
@@ -39,21 +21,21 @@ const GlitchFx = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
39
21
|
setIsGlitching(false);
|
|
40
22
|
}
|
|
41
23
|
};
|
|
42
|
-
const triggerGlitch =
|
|
24
|
+
const triggerGlitch = useCallback(() => {
|
|
43
25
|
if (trigger === "custom") {
|
|
44
26
|
setIsGlitching(true);
|
|
45
27
|
setTimeout(() => setIsGlitching(false), 500);
|
|
46
28
|
}
|
|
47
29
|
}, [trigger]);
|
|
48
|
-
|
|
30
|
+
useEffect(() => {
|
|
49
31
|
if (trigger === "custom") {
|
|
50
32
|
const glitchInterval = setInterval(triggerGlitch, interval);
|
|
51
33
|
return () => clearInterval(glitchInterval);
|
|
52
34
|
}
|
|
53
35
|
}, [trigger, interval, triggerGlitch]);
|
|
54
|
-
const speedClass =
|
|
55
|
-
return ((
|
|
36
|
+
const speedClass = styles[speed];
|
|
37
|
+
return (_jsxs(Flex, { ref: ref, inline: true, zIndex: 0, className: classNames(speedClass, isGlitching && styles.active), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...rest, children: [_jsx(Flex, { fillWidth: true, inline: true, zIndex: 1, children: children }), _jsx(Flex, { inline: true, position: "absolute", top: "0", left: "0", fill: true, zIndex: 0, opacity: 50, className: classNames(styles.glitchLayer, styles.blueShift), children: children }), _jsx(Flex, { inline: true, position: "absolute", top: "0", left: "0", fill: true, zIndex: 0, opacity: 50, className: classNames(styles.glitchLayer, styles.redShift), children: children })] }));
|
|
56
38
|
});
|
|
57
|
-
exports.GlitchFx = GlitchFx;
|
|
58
39
|
GlitchFx.displayName = "GlitchFx";
|
|
40
|
+
export { GlitchFx };
|
|
59
41
|
//# sourceMappingURL=GlitchFx.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GlitchFx.js","sourceRoot":"","sources":["../../src/components/GlitchFx.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"GlitchFx.js","sourceRoot":"","sources":["../../src/components/GlitchFx.tsx"],"names":[],"mappings":"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"}
|
package/dist/components/Grid.js
CHANGED
|
@@ -1,25 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
t[p] = s[p];
|
|
6
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
-
t[p[i]] = s[p[i]];
|
|
10
|
-
}
|
|
11
|
-
return t;
|
|
12
|
-
};
|
|
13
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
-
};
|
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
exports.Grid = void 0;
|
|
18
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
|
-
const react_1 = require("react");
|
|
20
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
21
|
-
const Grid = (0, react_1.forwardRef)((_a, ref) => {
|
|
22
|
-
var { as: Component = "div", inline, columns, gap, position = "relative", aspectRatio, align, textVariant, textSize, textWeight, textType, tabletColumns, mobileColumns, 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, hide, show, background, solid, opacity, transition, pointerEvents, border, borderTop, borderRight, borderBottom, borderLeft, borderStyle, borderWidth, radius, topRadius, rightRadius, bottomRadius, leftRadius, topLeftRadius, topRightRadius, bottomLeftRadius, bottomRightRadius, overflow, overflowX, overflowY, cursor, zIndex, shadow, className, style, children } = _a, rest = __rest(_a, ["as", "inline", "columns", "gap", "position", "aspectRatio", "align", "textVariant", "textSize", "textWeight", "textType", "tabletColumns", "mobileColumns", "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", "fillHeight", "fitWidth", "fitHeight", "hide", "show", "background", "solid", "opacity", "transition", "pointerEvents", "border", "borderTop", "borderRight", "borderBottom", "borderLeft", "borderStyle", "borderWidth", "radius", "topRadius", "rightRadius", "bottomRadius", "leftRadius", "topLeftRadius", "topRightRadius", "bottomLeftRadius", "bottomRightRadius", "overflow", "overflowX", "overflowY", "cursor", "zIndex", "shadow", "className", "style", "children"]);
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
|
+
import classNames from "classnames";
|
|
4
|
+
const Grid = forwardRef(({ as: Component = "div", inline, columns, gap, position = "relative", aspectRatio, align, textVariant, textSize, textWeight, textType, tabletColumns, mobileColumns, 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, hide, show, background, solid, opacity, transition, pointerEvents, border, borderTop, borderRight, borderBottom, borderLeft, borderStyle, borderWidth, radius, topRadius, rightRadius, bottomRadius, leftRadius, topLeftRadius, topRightRadius, bottomLeftRadius, bottomRightRadius, overflow, overflowX, overflowY, cursor, zIndex, shadow, className, style, children, ...rest }, ref) => {
|
|
23
5
|
const generateDynamicClass = (type, value) => {
|
|
24
6
|
if (!value)
|
|
25
7
|
return undefined;
|
|
@@ -69,12 +51,22 @@ const Grid = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
69
51
|
}
|
|
70
52
|
return undefined;
|
|
71
53
|
};
|
|
72
|
-
const classes = (
|
|
54
|
+
const classes = classNames(inline ? "display-inline-grid" : "display-grid", fit && "fit", fitWidth && "fit-width", fitHeight && "fit-height", fill && "fill", (fillWidth || maxWidth) && "fill-width", (fillHeight || maxHeight) && "fill-height", columns && `columns-${columns}`, tabletColumns && `tablet-columns-${tabletColumns}`, mobileColumns && `mobile-columns-${mobileColumns}`, overflow && `overflow-${overflow}`, overflowX && `overflow-x-${overflowX}`, overflowY && `overflow-y-${overflowY}`, 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), (border || borderTop || borderRight || borderBottom || borderLeft) &&
|
|
73
55
|
!borderStyle &&
|
|
74
56
|
"border-solid", border && !borderWidth && `border-1`, (borderTop || borderRight || borderBottom || borderLeft) && "border-reset", borderTop && "border-top-1", borderRight && "border-right-1", borderBottom && "border-bottom-1", borderLeft && "border-left-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`, hide === "s" && `${hide}-grid-hide`, show === "s" && `${show}-grid-show`, pointerEvents && `pointer-events-${pointerEvents}`, transition && `transition-${transition}`, shadow && `shadow-${shadow}`, position && `position-${position}`, zIndex && `z-index-${zIndex}`, textType && `font-${textType}`, cursor && `cursor-${cursor}`, dark && "dark-grid", light && "light-grid", className);
|
|
75
|
-
const combinedStyle =
|
|
76
|
-
|
|
57
|
+
const combinedStyle = {
|
|
58
|
+
maxWidth: parseDimension(maxWidth, "width"),
|
|
59
|
+
minWidth: parseDimension(minWidth, "width"),
|
|
60
|
+
minHeight: parseDimension(minHeight, "height"),
|
|
61
|
+
maxHeight: parseDimension(maxHeight, "height"),
|
|
62
|
+
width: parseDimension(width, "width"),
|
|
63
|
+
height: parseDimension(height, "height"),
|
|
64
|
+
aspectRatio: aspectRatio,
|
|
65
|
+
textAlign: align,
|
|
66
|
+
...style,
|
|
67
|
+
};
|
|
68
|
+
return (_jsx(Component, { ref: ref, className: classes, style: combinedStyle, ...rest, children: children }));
|
|
77
69
|
});
|
|
78
|
-
exports.Grid = Grid;
|
|
79
70
|
Grid.displayName = "Grid";
|
|
71
|
+
export { Grid };
|
|
80
72
|
//# sourceMappingURL=Grid.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../src/components/Grid.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../src/components/Grid.tsx"],"names":[],"mappings":"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"}
|