@once-ui-system/core 1.0.13 → 1.0.15
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.d.ts.map +1 -1
- package/dist/components/Card.js +12 -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.d.ts +2 -3
- package/dist/components/Particle.d.ts.map +1 -1
- package/dist/components/Particle.js +14 -62
- 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.d.ts.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.d.ts.map +1 -1
- package/dist/components/ToggleButton.js +10 -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.d.ts.map +1 -1
- package/dist/modules/navigation/HeadingLink.js +33 -46
- 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
|
@@ -1,24 +1,6 @@
|
|
|
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
|
-
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.Heading = void 0;
|
|
18
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
20
|
-
const Heading = (_a) => {
|
|
21
|
-
var { as, variant, size, weight, onBackground, onSolid, align, wrap = "balance", padding, paddingLeft, paddingRight, paddingTop, paddingBottom, paddingX, paddingY, margin, marginLeft, marginRight, marginTop, marginBottom, marginX, marginY, children, style, truncate, className } = _a, props = __rest(_a, ["as", "variant", "size", "weight", "onBackground", "onSolid", "align", "wrap", "padding", "paddingLeft", "paddingRight", "paddingTop", "paddingBottom", "paddingX", "paddingY", "margin", "marginLeft", "marginRight", "marginTop", "marginBottom", "marginX", "marginY", "children", "style", "truncate", "className"]);
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import classNames from "classnames";
|
|
3
|
+
const Heading = ({ as, variant, size, weight, onBackground, onSolid, align, wrap = "balance", padding, paddingLeft, paddingRight, paddingTop, paddingBottom, paddingX, paddingY, margin, marginLeft, marginRight, marginTop, marginBottom, marginX, marginY, children, style, truncate, className, ...props }) => {
|
|
22
4
|
const Component = as || "h1";
|
|
23
5
|
if (variant && (size || weight)) {
|
|
24
6
|
console.warn("When 'variant' is set, 'size' and 'weight' are ignored.");
|
|
@@ -45,9 +27,13 @@ const Heading = (_a) => {
|
|
|
45
27
|
const generateClassName = (prefix, token) => {
|
|
46
28
|
return token ? `${prefix}-${token}` : undefined;
|
|
47
29
|
};
|
|
48
|
-
const combinedClasses = (
|
|
49
|
-
return ((
|
|
30
|
+
const combinedClasses = classNames(...classes, colorClass, className, generateClassName("p", padding), generateClassName("pl", paddingLeft), generateClassName("pr", paddingRight), generateClassName("pt", paddingTop), generateClassName("pb", paddingBottom), generateClassName("px", paddingX), generateClassName("py", paddingY), generateClassName("m", margin), generateClassName("ml", marginLeft), generateClassName("mr", marginRight), generateClassName("mt", marginTop), generateClassName("mb", marginBottom), generateClassName("mx", marginX), generateClassName("my", marginY), truncate && "truncate");
|
|
31
|
+
return (_jsx(Component, { className: combinedClasses, style: {
|
|
32
|
+
textAlign: align,
|
|
33
|
+
textWrap: wrap,
|
|
34
|
+
...style,
|
|
35
|
+
}, ...props, children: children }));
|
|
50
36
|
};
|
|
51
|
-
exports.Heading = Heading;
|
|
52
37
|
Heading.displayName = "Heading";
|
|
38
|
+
export { Heading };
|
|
53
39
|
//# sourceMappingURL=Heading.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../src/components/Heading.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../src/components/Heading.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,26 +1,9 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
"use client";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
9
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
10
|
-
t[p[i]] = s[p[i]];
|
|
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.HoloFx = void 0;
|
|
19
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
20
|
-
const react_1 = require("react");
|
|
21
|
-
const HoloFx_module_scss_1 = __importDefault(require("./HoloFx.module.scss"));
|
|
22
|
-
const _1 = require(".");
|
|
23
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useEffect, useRef } from "react";
|
|
4
|
+
import styles from "./HoloFx.module.scss";
|
|
5
|
+
import { Flex } from ".";
|
|
6
|
+
import classNames from "classnames";
|
|
24
7
|
const formatMask = (maskPosition = "100 200") => {
|
|
25
8
|
const [x, y] = maskPosition.split(" ");
|
|
26
9
|
const formattedX = `${x}%`;
|
|
@@ -28,16 +11,32 @@ const formatMask = (maskPosition = "100 200") => {
|
|
|
28
11
|
return `radial-gradient(ellipse ${formattedX} ${formattedY} at var(--gradient-pos-x, 50%) var(--gradient-pos-y, 50%), black 50%, transparent 100%)`;
|
|
29
12
|
};
|
|
30
13
|
const getMaskStyle = (mask) => {
|
|
31
|
-
return
|
|
14
|
+
return mask?.maskPosition ? formatMask(mask.maskPosition) : formatMask();
|
|
32
15
|
};
|
|
33
|
-
const HoloFx = (
|
|
34
|
-
|
|
35
|
-
const
|
|
36
|
-
const
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
16
|
+
const HoloFx = ({ children, shine, burn, texture, ...rest }) => {
|
|
17
|
+
const ref = useRef(null);
|
|
18
|
+
const lastCallRef = useRef(0);
|
|
19
|
+
const shineDefaults = {
|
|
20
|
+
opacity: 30,
|
|
21
|
+
blending: "color-dodge",
|
|
22
|
+
mask: getMaskStyle(shine?.mask),
|
|
23
|
+
...shine,
|
|
24
|
+
};
|
|
25
|
+
const burnDefaults = {
|
|
26
|
+
opacity: 30,
|
|
27
|
+
filter: "brightness(0.2) contrast(2)",
|
|
28
|
+
blending: "color-dodge",
|
|
29
|
+
mask: getMaskStyle(burn?.mask),
|
|
30
|
+
...burn,
|
|
31
|
+
};
|
|
32
|
+
const textureDefaults = {
|
|
33
|
+
opacity: 10,
|
|
34
|
+
blending: "color-dodge",
|
|
35
|
+
image: "repeating-linear-gradient(-45deg, var(--static-white) 0, var(--static-white) 1px, transparent 3px, transparent 2px)",
|
|
36
|
+
mask: getMaskStyle(texture?.mask),
|
|
37
|
+
...texture,
|
|
38
|
+
};
|
|
39
|
+
useEffect(() => {
|
|
41
40
|
const handleMouseMove = (event) => {
|
|
42
41
|
const now = Date.now();
|
|
43
42
|
if (now - lastCallRef.current < 16)
|
|
@@ -61,24 +60,24 @@ const HoloFx = (_a) => {
|
|
|
61
60
|
document.removeEventListener("mousemove", handleMouseMove);
|
|
62
61
|
};
|
|
63
62
|
}, []);
|
|
64
|
-
return ((
|
|
63
|
+
return (_jsxs(Flex, { overflow: "hidden", className: styles.holoFx, ref: ref, ...rest, children: [_jsx(Flex, { fill: true, className: styles.base, children: children }), _jsx(Flex, { hide: "m", position: "absolute", fill: true, pointerEvents: "none", className: classNames(styles.overlay, styles.burn), style: {
|
|
65
64
|
["--burn-opacity"]: burnDefaults.opacity + "%",
|
|
66
65
|
filter: burnDefaults.filter,
|
|
67
66
|
mixBlendMode: burnDefaults.blending,
|
|
68
67
|
maskImage: burnDefaults.mask,
|
|
69
|
-
}, children: children }), (
|
|
68
|
+
}, children: children }), _jsx(Flex, { hide: "m", position: "absolute", fill: true, pointerEvents: "none", className: classNames(styles.overlay, styles.shine), style: {
|
|
70
69
|
["--shine-opacity"]: shineDefaults.opacity + "%",
|
|
71
70
|
filter: shineDefaults.filter,
|
|
72
71
|
mixBlendMode: shineDefaults.blending,
|
|
73
72
|
maskImage: shineDefaults.mask,
|
|
74
|
-
}, children: children }), (
|
|
73
|
+
}, children: children }), _jsx(Flex, { hide: "m", position: "absolute", fill: true, pointerEvents: "none", className: classNames(styles.overlay, styles.texture), style: {
|
|
75
74
|
["--texture-opacity"]: textureDefaults.opacity + "%",
|
|
76
75
|
backgroundImage: textureDefaults.image,
|
|
77
76
|
filter: textureDefaults.filter,
|
|
78
77
|
mixBlendMode: textureDefaults.blending,
|
|
79
78
|
maskImage: textureDefaults.mask,
|
|
80
|
-
} })] }))
|
|
79
|
+
} })] }));
|
|
81
80
|
};
|
|
82
|
-
exports.HoloFx = HoloFx;
|
|
83
81
|
HoloFx.displayName = "HoloFx";
|
|
82
|
+
export { HoloFx };
|
|
84
83
|
//# sourceMappingURL=HoloFx.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HoloFx.js","sourceRoot":"","sources":["../../src/components/HoloFx.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"HoloFx.js","sourceRoot":"","sources":["../../src/components/HoloFx.tsx"],"names":[],"mappings":"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"}
|
package/dist/components/Icon.js
CHANGED
|
@@ -1,33 +1,15 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
"use client";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
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.Icon = void 0;
|
|
19
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
20
|
-
const react_1 = require("react");
|
|
21
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
22
|
-
const IconProvider_1 = require("../contexts/IconProvider");
|
|
23
|
-
const _1 = require(".");
|
|
24
|
-
const Icon_module_scss_1 = __importDefault(require("./Icon.module.scss"));
|
|
25
|
-
const IconButton_module_scss_1 = __importDefault(require("./IconButton.module.scss"));
|
|
26
|
-
const Icon = (0, react_1.forwardRef)((_a, ref) => {
|
|
27
|
-
var { name, onBackground, onSolid, size = "m", decorative = true, tooltip, tooltipPosition = "top", className, style } = _a, rest = __rest(_a, ["name", "onBackground", "onSolid", "size", "decorative", "tooltip", "tooltipPosition", "className", "style"]);
|
|
28
|
-
const [isTooltipVisible, setTooltipVisible] = (0, react_1.useState)(false);
|
|
29
|
-
const [isHover, setIsHover] = (0, react_1.useState)(false);
|
|
30
|
-
(0, react_1.useEffect)(() => {
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef, useState, useEffect } from "react";
|
|
4
|
+
import classNames from "classnames";
|
|
5
|
+
import { useIcons } from "../contexts/IconProvider";
|
|
6
|
+
import { Flex, Tooltip } from ".";
|
|
7
|
+
import styles from "./Icon.module.scss";
|
|
8
|
+
import iconStyles from "./IconButton.module.scss";
|
|
9
|
+
const Icon = forwardRef(({ name, onBackground, onSolid, size = "m", decorative = true, tooltip, tooltipPosition = "top", className, style, ...rest }, ref) => {
|
|
10
|
+
const [isTooltipVisible, setTooltipVisible] = useState(false);
|
|
11
|
+
const [isHover, setIsHover] = useState(false);
|
|
12
|
+
useEffect(() => {
|
|
31
13
|
let timer;
|
|
32
14
|
if (isHover) {
|
|
33
15
|
timer = setTimeout(() => {
|
|
@@ -39,7 +21,7 @@ const Icon = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
39
21
|
}
|
|
40
22
|
return () => clearTimeout(timer);
|
|
41
23
|
}, [isHover]);
|
|
42
|
-
const { icons } =
|
|
24
|
+
const { icons } = useIcons();
|
|
43
25
|
const IconComponent = icons[name];
|
|
44
26
|
if (!IconComponent) {
|
|
45
27
|
console.warn(`Icon "${name}" does not exist in the library.`);
|
|
@@ -57,8 +39,8 @@ const Icon = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
57
39
|
const [scheme, weight] = onSolid.split("-");
|
|
58
40
|
colorClass = `${scheme}-on-solid-${weight}`;
|
|
59
41
|
}
|
|
60
|
-
return ((
|
|
42
|
+
return (_jsxs(Flex, { inline: true, fit: true, as: "span", ref: ref, className: classNames(colorClass, styles.icon, styles[size], className), "aria-hidden": decorative ? "true" : undefined, "aria-label": decorative ? undefined : name, onMouseEnter: () => setIsHover(true), onMouseLeave: () => setIsHover(false), style: style, ...rest, children: [_jsx(IconComponent, {}), tooltip && isTooltipVisible && (_jsx(Flex, { position: "absolute", zIndex: 1, className: iconStyles[tooltipPosition], children: _jsx(Tooltip, { label: tooltip }) }))] }));
|
|
61
43
|
});
|
|
62
|
-
exports.Icon = Icon;
|
|
63
44
|
Icon.displayName = "Icon";
|
|
45
|
+
export { Icon };
|
|
64
46
|
//# sourceMappingURL=Icon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../src/components/Icon.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../src/components/Icon.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,33 +1,15 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
"use client";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
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.IconButton = void 0;
|
|
19
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
20
|
-
const react_1 = require("react");
|
|
21
|
-
const ElementType_1 = require("./ElementType");
|
|
22
|
-
const _1 = require(".");
|
|
23
|
-
const Button_module_scss_1 = __importDefault(require("./Button.module.scss"));
|
|
24
|
-
const IconButton_module_scss_1 = __importDefault(require("./IconButton.module.scss"));
|
|
25
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
26
|
-
const IconButton = (0, react_1.forwardRef)((_a, ref) => {
|
|
27
|
-
var { icon = "refresh", size = "m", id, radius, tooltip, tooltipPosition = "top", variant = "primary", href, children, className, style } = _a, props = __rest(_a, ["icon", "size", "id", "radius", "tooltip", "tooltipPosition", "variant", "href", "children", "className", "style"]);
|
|
28
|
-
const [isTooltipVisible, setTooltipVisible] = (0, react_1.useState)(false);
|
|
29
|
-
const [isHover, setIsHover] = (0, react_1.useState)(false);
|
|
30
|
-
(0, react_1.useEffect)(() => {
|
|
2
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef, useState, useEffect } from "react";
|
|
4
|
+
import { ElementType } from "./ElementType";
|
|
5
|
+
import { Flex, Icon, Tooltip } from ".";
|
|
6
|
+
import buttonStyles from "./Button.module.scss";
|
|
7
|
+
import iconStyles from "./IconButton.module.scss";
|
|
8
|
+
import classNames from "classnames";
|
|
9
|
+
const IconButton = forwardRef(({ icon = "refresh", size = "m", id, radius, tooltip, tooltipPosition = "top", variant = "primary", href, children, className, style, ...props }, ref) => {
|
|
10
|
+
const [isTooltipVisible, setTooltipVisible] = useState(false);
|
|
11
|
+
const [isHover, setIsHover] = useState(false);
|
|
12
|
+
useEffect(() => {
|
|
31
13
|
let timer;
|
|
32
14
|
if (isHover) {
|
|
33
15
|
timer = setTimeout(() => {
|
|
@@ -39,14 +21,14 @@ const IconButton = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
39
21
|
}
|
|
40
22
|
return () => clearTimeout(timer);
|
|
41
23
|
}, [isHover]);
|
|
42
|
-
const content = ((
|
|
24
|
+
const content = (_jsxs(_Fragment, { children: [children ? children : _jsx(Icon, { name: icon, size: "s" }), tooltip && isTooltipVisible && (_jsx(Flex, { position: "absolute", zIndex: 1, className: iconStyles[tooltipPosition], children: _jsx(Tooltip, { label: tooltip }) }))] }));
|
|
43
25
|
const radiusSize = size === "s" || size === "m" ? "m" : "l";
|
|
44
|
-
return ((
|
|
26
|
+
return (_jsx(ElementType, { id: id, href: href, ref: ref, className: classNames(buttonStyles.button, buttonStyles[variant], iconStyles[size], className, radius === "none"
|
|
45
27
|
? "radius-none"
|
|
46
28
|
: radius
|
|
47
29
|
? `radius-${radiusSize}-${radius}`
|
|
48
|
-
: `radius-${radiusSize}`, "text-decoration-none", "button", "cursor-interactive", className), style: style, onMouseEnter: () => setIsHover(true), onMouseLeave: () => setIsHover(false), "aria-label": tooltip || icon
|
|
30
|
+
: `radius-${radiusSize}`, "text-decoration-none", "button", "cursor-interactive", className), style: style, onMouseEnter: () => setIsHover(true), onMouseLeave: () => setIsHover(false), "aria-label": tooltip || icon, ...props, children: _jsx(Flex, { fill: true, center: true, children: content }) }));
|
|
49
31
|
});
|
|
50
|
-
exports.IconButton = IconButton;
|
|
51
32
|
IconButton.displayName = "IconButton";
|
|
33
|
+
export { IconButton };
|
|
52
34
|
//# sourceMappingURL=IconButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../src/components/IconButton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../src/components/IconButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,GAAG,CAAC;AACxC,OAAO,YAAY,MAAM,sBAAsB,CAAC;AAChD,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,UAAU,MAAM,YAAY,CAAC;AA6BpC,MAAM,UAAU,GAAG,UAAU,CAC3B,CACE,EACE,IAAI,GAAG,SAAS,EAChB,IAAI,GAAG,GAAG,EACV,EAAE,EACF,MAAM,EACN,OAAO,EACP,eAAe,GAAG,KAAK,EACvB,OAAO,GAAG,SAAS,EACnB,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAqB,CAAC;QAC1B,IAAI,OAAO,EAAE,CAAC;YACZ,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;gBACtB,iBAAiB,CAAC,IAAI,CAAC,CAAC;YAC1B,CAAC,EAAE,GAAG,CAAC,CAAC;QACV,CAAC;aAAM,CAAC;YACN,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC;QAED,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,OAAO,GAAG,CACd,8BACG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,GAAG,GAAG,EACnD,OAAO,IAAI,gBAAgB,IAAI,CAC9B,KAAC,IAAI,IAAC,QAAQ,EAAC,UAAU,EAAC,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,UAAU,CAAC,eAAe,CAAC,YACzE,KAAC,OAAO,IAAC,KAAK,EAAE,OAAO,GAAI,GACtB,CACR,IACA,CACJ,CAAC;IAEF,MAAM,UAAU,GAAG,IAAI,KAAK,GAAG,IAAI,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IAE5D,OAAO,CACL,KAAC,WAAW,IACV,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CACnB,YAAY,CAAC,MAAM,EACnB,YAAY,CAAC,OAAO,CAAC,EACrB,UAAU,CAAC,IAAI,CAAC,EAChB,SAAS,EACT,MAAM,KAAK,MAAM;YACf,CAAC,CAAC,aAAa;YACf,CAAC,CAAC,MAAM;gBACN,CAAC,CAAC,UAAU,UAAU,IAAI,MAAM,EAAE;gBAClC,CAAC,CAAC,UAAU,UAAU,EAAE,EAC5B,sBAAsB,EACtB,QAAQ,EACR,oBAAoB,EACpB,SAAS,CACV,EACD,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EACpC,YAAY,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,gBACzB,OAAO,IAAI,IAAI,KACvB,KAAK,YAET,KAAC,IAAI,IAAC,IAAI,QAAC,MAAM,kBACd,OAAO,GACH,GACK,CACf,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -1,62 +1,14 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
"use client";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
}));
|
|
14
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
15
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
16
|
-
}) : function(o, v) {
|
|
17
|
-
o["default"] = v;
|
|
18
|
-
});
|
|
19
|
-
var __importStar = (this && this.__importStar) || (function () {
|
|
20
|
-
var ownKeys = function(o) {
|
|
21
|
-
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
22
|
-
var ar = [];
|
|
23
|
-
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
24
|
-
return ar;
|
|
25
|
-
};
|
|
26
|
-
return ownKeys(o);
|
|
27
|
-
};
|
|
28
|
-
return function (mod) {
|
|
29
|
-
if (mod && mod.__esModule) return mod;
|
|
30
|
-
var result = {};
|
|
31
|
-
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
32
|
-
__setModuleDefault(result, mod);
|
|
33
|
-
return result;
|
|
34
|
-
};
|
|
35
|
-
})();
|
|
36
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
37
|
-
var t = {};
|
|
38
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
39
|
-
t[p] = s[p];
|
|
40
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
41
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
42
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
43
|
-
t[p[i]] = s[p[i]];
|
|
44
|
-
}
|
|
45
|
-
return t;
|
|
46
|
-
};
|
|
47
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
48
|
-
exports.InfiniteScroll = InfiniteScroll;
|
|
49
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
50
|
-
const react_1 = __importStar(require("react"));
|
|
51
|
-
const Spinner_1 = require("./Spinner");
|
|
52
|
-
const Column_1 = require("./Column");
|
|
53
|
-
const Row_1 = require("./Row");
|
|
54
|
-
function InfiniteScroll(_a) {
|
|
55
|
-
var { items, renderItem, loadMore, loading = false, threshold = 200 } = _a, flex = __rest(_a, ["items", "renderItem", "loadMore", "loading", "threshold"]);
|
|
56
|
-
const [hasMore, setHasMore] = (0, react_1.useState)(true);
|
|
57
|
-
const [isLoading, setIsLoading] = (0, react_1.useState)(loading);
|
|
58
|
-
const observerRef = (0, react_1.useRef)(null);
|
|
59
|
-
const lastItemRef = (0, react_1.useRef)(null);
|
|
2
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import React, { useEffect, useRef, useState } from "react";
|
|
4
|
+
import { Spinner } from "./Spinner";
|
|
5
|
+
import { Column } from "./Column";
|
|
6
|
+
import { Row } from "./Row";
|
|
7
|
+
function InfiniteScroll({ items, renderItem, loadMore, loading = false, threshold = 200, ...flex }) {
|
|
8
|
+
const [hasMore, setHasMore] = useState(true);
|
|
9
|
+
const [isLoading, setIsLoading] = useState(loading);
|
|
10
|
+
const observerRef = useRef(null);
|
|
11
|
+
const lastItemRef = useRef(null);
|
|
60
12
|
const handleLoadMore = async () => {
|
|
61
13
|
if (isLoading || !hasMore)
|
|
62
14
|
return;
|
|
@@ -73,7 +25,7 @@ function InfiniteScroll(_a) {
|
|
|
73
25
|
setIsLoading(false);
|
|
74
26
|
}
|
|
75
27
|
};
|
|
76
|
-
|
|
28
|
+
useEffect(() => {
|
|
77
29
|
if (!hasMore || isLoading)
|
|
78
30
|
return;
|
|
79
31
|
if (observerRef.current) {
|
|
@@ -98,12 +50,13 @@ function InfiniteScroll(_a) {
|
|
|
98
50
|
}
|
|
99
51
|
};
|
|
100
52
|
}, [items, hasMore, isLoading]);
|
|
101
|
-
return ((
|
|
53
|
+
return (_jsxs(_Fragment, { children: [items.map((item, index) => {
|
|
102
54
|
// If this is the last item, attach the ref
|
|
103
55
|
if (index === items.length - 1) {
|
|
104
|
-
return ((
|
|
56
|
+
return (_jsx(Row, { ref: lastItemRef, ...flex, children: renderItem(item, index) }, index));
|
|
105
57
|
}
|
|
106
|
-
return (
|
|
107
|
-
}), isLoading && ((
|
|
58
|
+
return _jsx(React.Fragment, { children: renderItem(item, index) }, index);
|
|
59
|
+
}), isLoading && (_jsx(Column, { fillWidth: true, horizontal: "center", padding: "24", children: _jsx(Spinner, { size: "m" }) }))] }));
|
|
108
60
|
}
|
|
61
|
+
export { InfiniteScroll };
|
|
109
62
|
//# sourceMappingURL=InfiniteScroll.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InfiniteScroll.js","sourceRoot":"","sources":["../../src/components/InfiniteScroll.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"InfiniteScroll.js","sourceRoot":"","sources":["../../src/components/InfiniteScroll.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,29 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
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.InlineCode = void 0;
|
|
18
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
|
-
const react_1 = require("react");
|
|
20
|
-
const InlineCode_module_scss_1 = __importDefault(require("./InlineCode.module.scss"));
|
|
21
|
-
const _1 = require(".");
|
|
22
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
23
|
-
const InlineCode = (0, react_1.forwardRef)((_a, ref) => {
|
|
24
|
-
var { children, className, style } = _a, rest = __rest(_a, ["children", "className", "style"]);
|
|
25
|
-
return ((0, jsx_runtime_1.jsx)(_1.Flex, Object.assign({ as: "span", inline: true, fit: true, ref: ref, radius: "s", vertical: "center", paddingX: "4", paddingY: "1", textType: "code", background: "neutral-alpha-weak", border: "neutral-alpha-medium", className: (0, classnames_1.default)(InlineCode_module_scss_1.default.inlineCode, className), style: style }, rest, { children: children })));
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
|
+
import styles from "./InlineCode.module.scss";
|
|
4
|
+
import { Flex } from ".";
|
|
5
|
+
import classNames from "classnames";
|
|
6
|
+
const InlineCode = forwardRef(({ children, className, style, ...rest }, ref) => {
|
|
7
|
+
return (_jsx(Flex, { as: "span", inline: true, fit: true, ref: ref, radius: "s", vertical: "center", paddingX: "4", paddingY: "1", textType: "code", background: "neutral-alpha-weak", border: "neutral-alpha-medium", className: classNames(styles.inlineCode, className), style: style, ...rest, children: children }));
|
|
26
8
|
});
|
|
27
|
-
exports.InlineCode = InlineCode;
|
|
28
9
|
InlineCode.displayName = "InlineCode";
|
|
10
|
+
export { InlineCode };
|
|
29
11
|
//# sourceMappingURL=InlineCode.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InlineCode.js","sourceRoot":"","sources":["../../src/components/InlineCode.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"InlineCode.js","sourceRoot":"","sources":["../../src/components/InlineCode.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAa,MAAM,OAAO,CAAC;AACrD,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AACzB,OAAO,UAAU,MAAM,YAAY,CAAC;AAQpC,MAAM,UAAU,GAAG,UAAU,CAC3B,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IAC/C,OAAO,CACL,KAAC,IAAI,IACH,EAAE,EAAC,MAAM,EACT,MAAM,QACN,GAAG,QACH,GAAG,EAAE,GAAG,EACR,MAAM,EAAC,GAAG,EACV,QAAQ,EAAC,QAAQ,EACjB,QAAQ,EAAC,GAAG,EACZ,QAAQ,EAAC,GAAG,EACZ,QAAQ,EAAC,MAAM,EACf,UAAU,EAAC,oBAAoB,EAC/B,MAAM,EAAC,sBAAsB,EAC7B,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,UAAU,EAAE,SAAS,CAAC,EACnD,KAAK,EAAE,KAAK,KACR,IAAI,YAEP,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,CAAC"}
|