@traefik-labs/faency 12.0.7 → 12.0.9
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/README.md +6 -5
- package/dist/components/AccessibleIcon/AccessibleIcon.vanilla.cjs +23 -0
- package/dist/components/AccessibleIcon/AccessibleIcon.vanilla.cjs.map +1 -0
- package/dist/components/AccessibleIcon/AccessibleIcon.vanilla.js +6 -0
- package/dist/components/AccessibleIcon/AccessibleIcon.vanilla.js.map +1 -0
- package/dist/components/Avatar/Avatar.vanilla.cjs +42 -0
- package/dist/components/Avatar/Avatar.vanilla.cjs.map +1 -0
- package/dist/components/Avatar/Avatar.vanilla.css.cjs +11 -0
- package/dist/components/Avatar/Avatar.vanilla.css.cjs.map +1 -0
- package/dist/components/Avatar/Avatar.vanilla.css.js +11 -0
- package/dist/components/Avatar/Avatar.vanilla.css.js.map +1 -0
- package/dist/components/Avatar/Avatar.vanilla.js +25 -0
- package/dist/components/Avatar/Avatar.vanilla.js.map +1 -0
- package/dist/components/Bubble/Bubble.vanilla.cjs +34 -0
- package/dist/components/Bubble/Bubble.vanilla.cjs.map +1 -0
- package/dist/components/Bubble/Bubble.vanilla.css.cjs +7 -0
- package/dist/components/Bubble/Bubble.vanilla.css.cjs.map +1 -0
- package/dist/components/Bubble/Bubble.vanilla.css.js +7 -0
- package/dist/components/Bubble/Bubble.vanilla.css.js.map +1 -0
- package/dist/components/Bubble/Bubble.vanilla.js +34 -0
- package/dist/components/Bubble/Bubble.vanilla.js.map +1 -0
- package/dist/components/ButtonSwitch/ButtonSwitch.vanilla.cjs +72 -36
- package/dist/components/ButtonSwitch/ButtonSwitch.vanilla.cjs.map +1 -1
- package/dist/components/ButtonSwitch/ButtonSwitch.vanilla.js +72 -36
- package/dist/components/ButtonSwitch/ButtonSwitch.vanilla.js.map +1 -1
- package/dist/components/Card/Card.vanilla.cjs +20 -18
- package/dist/components/Card/Card.vanilla.cjs.map +1 -1
- package/dist/components/Card/Card.vanilla.css.cjs +0 -1
- package/dist/components/Card/Card.vanilla.css.cjs.map +1 -1
- package/dist/components/Card/Card.vanilla.css.js +0 -1
- package/dist/components/Card/Card.vanilla.css.js.map +1 -1
- package/dist/components/Card/Card.vanilla.js +20 -18
- package/dist/components/Card/Card.vanilla.js.map +1 -1
- package/dist/components/Elevation/Elevation.vanilla.cjs +6 -4
- package/dist/components/Elevation/Elevation.vanilla.cjs.map +1 -1
- package/dist/components/Elevation/Elevation.vanilla.js +6 -4
- package/dist/components/Elevation/Elevation.vanilla.js.map +1 -1
- package/dist/components/Image/Image.vanilla.cjs +33 -0
- package/dist/components/Image/Image.vanilla.cjs.map +1 -0
- package/dist/components/Image/Image.vanilla.css.cjs +6 -0
- package/dist/components/Image/Image.vanilla.css.cjs.map +1 -0
- package/dist/components/Image/Image.vanilla.css.js +6 -0
- package/dist/components/Image/Image.vanilla.css.js.map +1 -0
- package/dist/components/Image/Image.vanilla.js +33 -0
- package/dist/components/Image/Image.vanilla.js.map +1 -0
- package/dist/components/Input/Input.vanilla.css.cjs +1 -0
- package/dist/components/Input/Input.vanilla.css.cjs.map +1 -1
- package/dist/components/Input/Input.vanilla.css.js +1 -0
- package/dist/components/Input/Input.vanilla.css.js.map +1 -1
- package/dist/components/Label/Label.vanilla.cjs +18 -22
- package/dist/components/Label/Label.vanilla.cjs.map +1 -1
- package/dist/components/Label/Label.vanilla.css.cjs +1 -0
- package/dist/components/Label/Label.vanilla.css.cjs.map +1 -1
- package/dist/components/Label/Label.vanilla.css.js +1 -0
- package/dist/components/Label/Label.vanilla.css.js.map +1 -1
- package/dist/components/Label/Label.vanilla.js +18 -5
- package/dist/components/Label/Label.vanilla.js.map +1 -1
- package/dist/components/Panel/Panel.vanilla.cjs +6 -4
- package/dist/components/Panel/Panel.vanilla.cjs.map +1 -1
- package/dist/components/Panel/Panel.vanilla.js +6 -4
- package/dist/components/Panel/Panel.vanilla.js.map +1 -1
- package/dist/components/Skeleton/Skeleton.vanilla.cjs +34 -0
- package/dist/components/Skeleton/Skeleton.vanilla.cjs.map +1 -0
- package/dist/components/Skeleton/Skeleton.vanilla.css.cjs +7 -0
- package/dist/components/Skeleton/Skeleton.vanilla.css.cjs.map +1 -0
- package/dist/components/Skeleton/Skeleton.vanilla.css.js +7 -0
- package/dist/components/Skeleton/Skeleton.vanilla.css.js.map +1 -0
- package/dist/components/Skeleton/Skeleton.vanilla.js +34 -0
- package/dist/components/Skeleton/Skeleton.vanilla.js.map +1 -0
- package/dist/faency.css +1357 -1050
- package/dist/index.cjs +15 -5
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +267 -24
- package/dist/index.js +12 -2
- package/dist/index.js.map +1 -1
- package/dist/styles/themes.css.cjs +1 -0
- package/dist/styles/themes.css.cjs.map +1 -1
- package/dist/styles/themes.css.js +1 -0
- package/dist/styles/themes.css.js.map +1 -1
- package/package.json +8 -9
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Panel.vanilla.cjs","sources":["../../../components/Panel/Panel.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { panelStyle } from './Panel.vanilla.css';\n\nexport type PanelVanillaProps =
|
|
1
|
+
{"version":3,"file":"Panel.vanilla.cjs","sources":["../../../components/Panel/Panel.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n PolymorphicComponent,\n PolymorphicComponentProps,\n PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { panelStyle } from './Panel.vanilla.css';\n\nexport type PanelVanillaProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n C,\n CSSProps\n>;\n\ntype PanelVanillaComponent = PolymorphicComponent<'div', PanelVanillaProps<ElementType>>;\n\nconst PanelVanillaComponentImpl = forwardRef(\n <C extends ElementType = 'div'>(\n { as, className, css, style, ...props }: PanelVanillaProps<C>,\n ref?: PolymorphicRef<C>,\n ) => {\n const Component = as || 'div';\n const { colors } = useVanillaExtractTheme();\n const { style: cssStyles, vars } = processCSSProp(css, colors);\n const mergedStyles = { ...cssStyles, ...style, ...assignInlineVars(vars) };\n\n return (\n <Component\n ref={ref}\n className={`${panelStyle} ${className || ''}`.trim()}\n style={mergedStyles}\n {...props}\n />\n );\n },\n);\n\nPanelVanillaComponentImpl.displayName = 'PanelVanilla';\n\nexport const PanelVanilla = PanelVanillaComponentImpl as PanelVanillaComponent;\n"],"names":["forwardRef","useVanillaExtractTheme","processCSSProp","assignInlineVars","jsx","panelStyle"],"mappings":";;;;;;;;AAmBA,MAAM,4BAA4BA,MAAAA;AAAAA,EAChC,CACE,EAAE,IAAI,WAAW,KAAK,OAAO,GAAG,MAAA,GAChC,QACG;AACH,UAAM,YAAY,MAAM;AACxB,UAAM,EAAE,OAAA,IAAWC,oCAAA;AACnB,UAAM,EAAE,OAAO,WAAW,SAASC,SAAAA,eAAe,KAAK,MAAM;AAC7D,UAAM,eAAe,EAAE,GAAG,WAAW,GAAG,OAAO,GAAGC,QAAAA,iBAAiB,IAAI,EAAA;AAEvE,WACEC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAGC,4BAAU,IAAI,aAAa,EAAE,GAAG,KAAA;AAAA,QAC9C,OAAO;AAAA,QACN,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEA,0BAA0B,cAAc;AAEjC,MAAM,eAAe;;"}
|
|
@@ -4,13 +4,14 @@ import { forwardRef } from "react";
|
|
|
4
4
|
import { processCSSProp } from "../../styles/cssProps.js";
|
|
5
5
|
import { useVanillaExtractTheme } from "../../styles/themeContext.js";
|
|
6
6
|
import { panelStyle } from "./Panel.vanilla.css.js";
|
|
7
|
-
const
|
|
8
|
-
({ className, css, style, ...props }, ref) => {
|
|
7
|
+
const PanelVanillaComponentImpl = forwardRef(
|
|
8
|
+
({ as, className, css, style, ...props }, ref) => {
|
|
9
|
+
const Component = as || "div";
|
|
9
10
|
const { colors } = useVanillaExtractTheme();
|
|
10
11
|
const { style: cssStyles, vars } = processCSSProp(css, colors);
|
|
11
12
|
const mergedStyles = { ...cssStyles, ...style, ...assignInlineVars(vars) };
|
|
12
13
|
return /* @__PURE__ */ jsx(
|
|
13
|
-
|
|
14
|
+
Component,
|
|
14
15
|
{
|
|
15
16
|
ref,
|
|
16
17
|
className: `${panelStyle} ${className || ""}`.trim(),
|
|
@@ -20,7 +21,8 @@ const PanelVanilla = forwardRef(
|
|
|
20
21
|
);
|
|
21
22
|
}
|
|
22
23
|
);
|
|
23
|
-
|
|
24
|
+
PanelVanillaComponentImpl.displayName = "PanelVanilla";
|
|
25
|
+
const PanelVanilla = PanelVanillaComponentImpl;
|
|
24
26
|
export {
|
|
25
27
|
PanelVanilla
|
|
26
28
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Panel.vanilla.js","sources":["../../../components/Panel/Panel.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { panelStyle } from './Panel.vanilla.css';\n\nexport type PanelVanillaProps =
|
|
1
|
+
{"version":3,"file":"Panel.vanilla.js","sources":["../../../components/Panel/Panel.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n PolymorphicComponent,\n PolymorphicComponentProps,\n PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { panelStyle } from './Panel.vanilla.css';\n\nexport type PanelVanillaProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n C,\n CSSProps\n>;\n\ntype PanelVanillaComponent = PolymorphicComponent<'div', PanelVanillaProps<ElementType>>;\n\nconst PanelVanillaComponentImpl = forwardRef(\n <C extends ElementType = 'div'>(\n { as, className, css, style, ...props }: PanelVanillaProps<C>,\n ref?: PolymorphicRef<C>,\n ) => {\n const Component = as || 'div';\n const { colors } = useVanillaExtractTheme();\n const { style: cssStyles, vars } = processCSSProp(css, colors);\n const mergedStyles = { ...cssStyles, ...style, ...assignInlineVars(vars) };\n\n return (\n <Component\n ref={ref}\n className={`${panelStyle} ${className || ''}`.trim()}\n style={mergedStyles}\n {...props}\n />\n );\n },\n);\n\nPanelVanillaComponentImpl.displayName = 'PanelVanilla';\n\nexport const PanelVanilla = PanelVanillaComponentImpl as PanelVanillaComponent;\n"],"names":[],"mappings":";;;;;;AAmBA,MAAM,4BAA4B;AAAA,EAChC,CACE,EAAE,IAAI,WAAW,KAAK,OAAO,GAAG,MAAA,GAChC,QACG;AACH,UAAM,YAAY,MAAM;AACxB,UAAM,EAAE,OAAA,IAAW,uBAAA;AACnB,UAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,MAAM;AAC7D,UAAM,eAAe,EAAE,GAAG,WAAW,GAAG,OAAO,GAAG,iBAAiB,IAAI,EAAA;AAEvE,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,UAAU,IAAI,aAAa,EAAE,GAAG,KAAA;AAAA,QAC9C,OAAO;AAAA,QACN,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEA,0BAA0B,cAAc;AAEjC,MAAM,eAAe;"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const jsxRuntime = require("react/jsx-runtime");
|
|
4
|
+
const dynamic = require("@vanilla-extract/dynamic");
|
|
5
|
+
const React = require("react");
|
|
6
|
+
const cssProps = require("../../styles/cssProps.cjs");
|
|
7
|
+
const themeContext = require("../../styles/themeContext.cjs");
|
|
8
|
+
const Skeleton_vanilla_css = require("./Skeleton.vanilla.css.cjs");
|
|
9
|
+
const SkeletonVanillaImpl = React.forwardRef(
|
|
10
|
+
({ as, className, css, style, variant, ...props }, ref) => {
|
|
11
|
+
const Component = as || "div";
|
|
12
|
+
const { colors } = themeContext.useVanillaExtractTheme();
|
|
13
|
+
const { style: cssStyles, vars } = cssProps.processCSSProp(css, colors);
|
|
14
|
+
const mergedStyles = {
|
|
15
|
+
...cssStyles,
|
|
16
|
+
...style,
|
|
17
|
+
...dynamic.assignInlineVars(vars)
|
|
18
|
+
};
|
|
19
|
+
const recipeClass = Skeleton_vanilla_css.skeletonRecipe({ variant });
|
|
20
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
21
|
+
Component,
|
|
22
|
+
{
|
|
23
|
+
ref,
|
|
24
|
+
className: `${recipeClass} ${className || ""}`.trim(),
|
|
25
|
+
style: mergedStyles,
|
|
26
|
+
...props
|
|
27
|
+
}
|
|
28
|
+
);
|
|
29
|
+
}
|
|
30
|
+
);
|
|
31
|
+
SkeletonVanillaImpl.displayName = "SkeletonVanilla";
|
|
32
|
+
const SkeletonVanilla = SkeletonVanillaImpl;
|
|
33
|
+
exports.SkeletonVanilla = SkeletonVanilla;
|
|
34
|
+
//# sourceMappingURL=Skeleton.vanilla.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Skeleton.vanilla.cjs","sources":["../../../components/Skeleton/Skeleton.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n PolymorphicComponent,\n PolymorphicComponentProps,\n PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { skeletonRecipe } from './Skeleton.vanilla.css';\n\ntype SkeletonRecipeVariants = NonNullable<RecipeVariants<typeof skeletonRecipe>>;\n\ninterface SkeletonVanillaOwnProps extends SkeletonRecipeVariants, CSSProps {}\n\nexport type SkeletonVanillaProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n C,\n SkeletonVanillaOwnProps\n>;\n\ntype SkeletonVanillaComponent = PolymorphicComponent<'div', SkeletonVanillaProps<ElementType>>;\n\nconst SkeletonVanillaImpl = forwardRef(\n <C extends ElementType = 'div'>(\n { as, className, css, style, variant, ...props }: SkeletonVanillaProps<C>,\n ref?: PolymorphicRef<C>,\n ) => {\n const Component = as || 'div';\n const { colors } = useVanillaExtractTheme();\n const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n const mergedStyles = {\n ...cssStyles,\n ...style,\n ...assignInlineVars(vars),\n };\n\n const recipeClass = skeletonRecipe({ variant });\n\n return (\n <Component\n ref={ref}\n className={`${recipeClass} ${className || ''}`.trim()}\n style={mergedStyles}\n {...props}\n />\n );\n },\n);\n\nSkeletonVanillaImpl.displayName = 'SkeletonVanilla';\n\nexport const SkeletonVanilla = SkeletonVanillaImpl as SkeletonVanillaComponent;\n"],"names":["forwardRef","useVanillaExtractTheme","processCSSProp","assignInlineVars","skeletonRecipe","jsx"],"mappings":";;;;;;;;AAwBA,MAAM,sBAAsBA,MAAAA;AAAAA,EAC1B,CACE,EAAE,IAAI,WAAW,KAAK,OAAO,SAAS,GAAG,MAAA,GACzC,QACG;AACH,UAAM,YAAY,MAAM;AACxB,UAAM,EAAE,OAAA,IAAWC,oCAAA;AACnB,UAAM,EAAE,OAAO,WAAW,SAASC,SAAAA,eAAe,KAAK,MAAM;AAE7D,UAAM,eAAe;AAAA,MACnB,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAGC,QAAAA,iBAAiB,IAAI;AAAA,IAAA;AAG1B,UAAM,cAAcC,qBAAAA,eAAe,EAAE,SAAS;AAE9C,WACEC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,WAAW,IAAI,aAAa,EAAE,GAAG,KAAA;AAAA,QAC/C,OAAO;AAAA,QACN,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEA,oBAAoB,cAAc;AAE3B,MAAM,kBAAkB;;"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
;/* empty css */
|
|
4
|
+
const createRuntimeFn62c9670f_esm = require("../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.cjs");
|
|
5
|
+
var skeletonRecipe = createRuntimeFn62c9670f_esm.c({ defaultClassName: "_12qsecm2 _12qsecm1", variantClassNames: { variant: { square: "_12qsecm3", circle: "_12qsecm4", badge: "_12qsecm5", button: "_12qsecm6", text: "_12qsecm7" } }, defaultVariants: { variant: "text" }, compoundVariants: [] });
|
|
6
|
+
exports.skeletonRecipe = skeletonRecipe;
|
|
7
|
+
//# sourceMappingURL=Skeleton.vanilla.css.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Skeleton.vanilla.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/* empty css */
|
|
2
|
+
import { c as createRuntimeFn } from "../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";
|
|
3
|
+
var skeletonRecipe = createRuntimeFn({ defaultClassName: "_12qsecm2 _12qsecm1", variantClassNames: { variant: { square: "_12qsecm3", circle: "_12qsecm4", badge: "_12qsecm5", button: "_12qsecm6", text: "_12qsecm7" } }, defaultVariants: { variant: "text" }, compoundVariants: [] });
|
|
4
|
+
export {
|
|
5
|
+
skeletonRecipe
|
|
6
|
+
};
|
|
7
|
+
//# sourceMappingURL=Skeleton.vanilla.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Skeleton.vanilla.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { assignInlineVars } from "@vanilla-extract/dynamic";
|
|
3
|
+
import { forwardRef } from "react";
|
|
4
|
+
import { processCSSProp } from "../../styles/cssProps.js";
|
|
5
|
+
import { useVanillaExtractTheme } from "../../styles/themeContext.js";
|
|
6
|
+
import { skeletonRecipe } from "./Skeleton.vanilla.css.js";
|
|
7
|
+
const SkeletonVanillaImpl = forwardRef(
|
|
8
|
+
({ as, className, css, style, variant, ...props }, ref) => {
|
|
9
|
+
const Component = as || "div";
|
|
10
|
+
const { colors } = useVanillaExtractTheme();
|
|
11
|
+
const { style: cssStyles, vars } = processCSSProp(css, colors);
|
|
12
|
+
const mergedStyles = {
|
|
13
|
+
...cssStyles,
|
|
14
|
+
...style,
|
|
15
|
+
...assignInlineVars(vars)
|
|
16
|
+
};
|
|
17
|
+
const recipeClass = skeletonRecipe({ variant });
|
|
18
|
+
return /* @__PURE__ */ jsx(
|
|
19
|
+
Component,
|
|
20
|
+
{
|
|
21
|
+
ref,
|
|
22
|
+
className: `${recipeClass} ${className || ""}`.trim(),
|
|
23
|
+
style: mergedStyles,
|
|
24
|
+
...props
|
|
25
|
+
}
|
|
26
|
+
);
|
|
27
|
+
}
|
|
28
|
+
);
|
|
29
|
+
SkeletonVanillaImpl.displayName = "SkeletonVanilla";
|
|
30
|
+
const SkeletonVanilla = SkeletonVanillaImpl;
|
|
31
|
+
export {
|
|
32
|
+
SkeletonVanilla
|
|
33
|
+
};
|
|
34
|
+
//# sourceMappingURL=Skeleton.vanilla.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Skeleton.vanilla.js","sources":["../../../components/Skeleton/Skeleton.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n PolymorphicComponent,\n PolymorphicComponentProps,\n PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { skeletonRecipe } from './Skeleton.vanilla.css';\n\ntype SkeletonRecipeVariants = NonNullable<RecipeVariants<typeof skeletonRecipe>>;\n\ninterface SkeletonVanillaOwnProps extends SkeletonRecipeVariants, CSSProps {}\n\nexport type SkeletonVanillaProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n C,\n SkeletonVanillaOwnProps\n>;\n\ntype SkeletonVanillaComponent = PolymorphicComponent<'div', SkeletonVanillaProps<ElementType>>;\n\nconst SkeletonVanillaImpl = forwardRef(\n <C extends ElementType = 'div'>(\n { as, className, css, style, variant, ...props }: SkeletonVanillaProps<C>,\n ref?: PolymorphicRef<C>,\n ) => {\n const Component = as || 'div';\n const { colors } = useVanillaExtractTheme();\n const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n const mergedStyles = {\n ...cssStyles,\n ...style,\n ...assignInlineVars(vars),\n };\n\n const recipeClass = skeletonRecipe({ variant });\n\n return (\n <Component\n ref={ref}\n className={`${recipeClass} ${className || ''}`.trim()}\n style={mergedStyles}\n {...props}\n />\n );\n },\n);\n\nSkeletonVanillaImpl.displayName = 'SkeletonVanilla';\n\nexport const SkeletonVanilla = SkeletonVanillaImpl as SkeletonVanillaComponent;\n"],"names":[],"mappings":";;;;;;AAwBA,MAAM,sBAAsB;AAAA,EAC1B,CACE,EAAE,IAAI,WAAW,KAAK,OAAO,SAAS,GAAG,MAAA,GACzC,QACG;AACH,UAAM,YAAY,MAAM;AACxB,UAAM,EAAE,OAAA,IAAW,uBAAA;AACnB,UAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,MAAM;AAE7D,UAAM,eAAe;AAAA,MACnB,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG,iBAAiB,IAAI;AAAA,IAAA;AAG1B,UAAM,cAAc,eAAe,EAAE,SAAS;AAE9C,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,WAAW,IAAI,aAAa,EAAE,GAAG,KAAA;AAAA,QAC/C,OAAO;AAAA,QACN,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEA,oBAAoB,cAAc;AAE3B,MAAM,kBAAkB;"}
|