@traefik-labs/faency 12.0.7 → 12.0.8

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.
Files changed (72) hide show
  1. package/README.md +6 -5
  2. package/dist/components/AccessibleIcon/AccessibleIcon.vanilla.cjs +23 -0
  3. package/dist/components/AccessibleIcon/AccessibleIcon.vanilla.cjs.map +1 -0
  4. package/dist/components/AccessibleIcon/AccessibleIcon.vanilla.js +6 -0
  5. package/dist/components/AccessibleIcon/AccessibleIcon.vanilla.js.map +1 -0
  6. package/dist/components/Avatar/Avatar.vanilla.cjs +42 -0
  7. package/dist/components/Avatar/Avatar.vanilla.cjs.map +1 -0
  8. package/dist/components/Avatar/Avatar.vanilla.css.cjs +11 -0
  9. package/dist/components/Avatar/Avatar.vanilla.css.cjs.map +1 -0
  10. package/dist/components/Avatar/Avatar.vanilla.css.js +11 -0
  11. package/dist/components/Avatar/Avatar.vanilla.css.js.map +1 -0
  12. package/dist/components/Avatar/Avatar.vanilla.js +25 -0
  13. package/dist/components/Avatar/Avatar.vanilla.js.map +1 -0
  14. package/dist/components/Blockquote/Blockquote.vanilla.css.cjs +1 -0
  15. package/dist/components/Blockquote/Blockquote.vanilla.css.cjs.map +1 -1
  16. package/dist/components/Blockquote/Blockquote.vanilla.css.js +1 -0
  17. package/dist/components/Blockquote/Blockquote.vanilla.css.js.map +1 -1
  18. package/dist/components/Bubble/Bubble.vanilla.cjs +34 -0
  19. package/dist/components/Bubble/Bubble.vanilla.cjs.map +1 -0
  20. package/dist/components/Bubble/Bubble.vanilla.css.cjs +7 -0
  21. package/dist/components/Bubble/Bubble.vanilla.css.cjs.map +1 -0
  22. package/dist/components/Bubble/Bubble.vanilla.css.js +7 -0
  23. package/dist/components/Bubble/Bubble.vanilla.css.js.map +1 -0
  24. package/dist/components/Bubble/Bubble.vanilla.js +34 -0
  25. package/dist/components/Bubble/Bubble.vanilla.js.map +1 -0
  26. package/dist/components/ButtonSwitch/ButtonSwitch.vanilla.cjs +72 -36
  27. package/dist/components/ButtonSwitch/ButtonSwitch.vanilla.cjs.map +1 -1
  28. package/dist/components/ButtonSwitch/ButtonSwitch.vanilla.js +72 -36
  29. package/dist/components/ButtonSwitch/ButtonSwitch.vanilla.js.map +1 -1
  30. package/dist/components/Card/Card.vanilla.cjs +20 -18
  31. package/dist/components/Card/Card.vanilla.cjs.map +1 -1
  32. package/dist/components/Card/Card.vanilla.js +20 -18
  33. package/dist/components/Card/Card.vanilla.js.map +1 -1
  34. package/dist/components/Elevation/Elevation.vanilla.cjs +6 -4
  35. package/dist/components/Elevation/Elevation.vanilla.cjs.map +1 -1
  36. package/dist/components/Elevation/Elevation.vanilla.js +6 -4
  37. package/dist/components/Elevation/Elevation.vanilla.js.map +1 -1
  38. package/dist/components/Image/Image.vanilla.cjs +33 -0
  39. package/dist/components/Image/Image.vanilla.cjs.map +1 -0
  40. package/dist/components/Image/Image.vanilla.css.cjs +6 -0
  41. package/dist/components/Image/Image.vanilla.css.cjs.map +1 -0
  42. package/dist/components/Image/Image.vanilla.css.js +6 -0
  43. package/dist/components/Image/Image.vanilla.css.js.map +1 -0
  44. package/dist/components/Image/Image.vanilla.js +33 -0
  45. package/dist/components/Image/Image.vanilla.js.map +1 -0
  46. package/dist/components/Label/Label.vanilla.cjs +18 -22
  47. package/dist/components/Label/Label.vanilla.cjs.map +1 -1
  48. package/dist/components/Label/Label.vanilla.js +18 -5
  49. package/dist/components/Label/Label.vanilla.js.map +1 -1
  50. package/dist/components/Panel/Panel.vanilla.cjs +6 -4
  51. package/dist/components/Panel/Panel.vanilla.cjs.map +1 -1
  52. package/dist/components/Panel/Panel.vanilla.js +6 -4
  53. package/dist/components/Panel/Panel.vanilla.js.map +1 -1
  54. package/dist/components/Skeleton/Skeleton.vanilla.cjs +34 -0
  55. package/dist/components/Skeleton/Skeleton.vanilla.cjs.map +1 -0
  56. package/dist/components/Skeleton/Skeleton.vanilla.css.cjs +7 -0
  57. package/dist/components/Skeleton/Skeleton.vanilla.css.cjs.map +1 -0
  58. package/dist/components/Skeleton/Skeleton.vanilla.css.js +7 -0
  59. package/dist/components/Skeleton/Skeleton.vanilla.css.js.map +1 -0
  60. package/dist/components/Skeleton/Skeleton.vanilla.js +34 -0
  61. package/dist/components/Skeleton/Skeleton.vanilla.js.map +1 -0
  62. package/dist/faency.css +1357 -1050
  63. package/dist/index.cjs +15 -5
  64. package/dist/index.cjs.map +1 -1
  65. package/dist/index.d.ts +267 -24
  66. package/dist/index.js +12 -2
  67. package/dist/index.js.map +1 -1
  68. package/dist/styles/themes.css.cjs +1 -0
  69. package/dist/styles/themes.css.cjs.map +1 -1
  70. package/dist/styles/themes.css.js +1 -0
  71. package/dist/styles/themes.css.js.map +1 -1
  72. package/package.json +2 -3
@@ -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;"}