@traefik-labs/faency 12.2.0 → 12.2.2

package/dist/components/Container/Container.vanilla.css.js

@@ -2,8 +2,22 @@
 /* empty css                                    */
 /* empty css                                     */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var containerRecipe = createRuntimeFn({ defaultClassName: "ayuv8i1 ayuv8i0", variantClassNames: { size: { "1": "ayuv8i2", "2": "ayuv8i3", "3": "ayuv8i4", "4": "ayuv8i5" }, noGutter: { true: "ayuv8i6" } }, defaultVariants: { size: "4" }, compoundVariants: [] });
-export {
-  containerRecipe
-};
-//# sourceMappingURL=Container.vanilla.css.js.map
+//#region components/Container/Container.vanilla.css.ts
+var containerRecipe = createRuntimeFn({
+	defaultClassName: "ayuv8i1 ayuv8i0",
+	variantClassNames: {
+		size: {
+			"1": "ayuv8i2",
+			"2": "ayuv8i3",
+			"3": "ayuv8i4",
+			"4": "ayuv8i5"
+		},
+		noGutter: { true: "ayuv8i6" }
+	},
+	defaultVariants: { size: "4" },
+	compoundVariants: []
+});
+//#endregion
+export { containerRecipe };
+
+//# sourceMappingURL=Container.vanilla.css.js.map

package/dist/components/Container/Container.vanilla.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Container.vanilla.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"Container.vanilla.css.js","names":[],"sources":["../../../components/Container/Container.vanilla.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { recipe } from '@vanilla-extract/recipes';\n\nimport { tokens } from '../../styles';\n\nconst container = style({\n  boxSizing: 'border-box',\n  flexShrink: 0,\n  marginLeft: 'auto',\n  marginRight: 'auto',\n  paddingLeft: tokens.space[5],\n  paddingRight: tokens.space[5],\n});\n\nexport const containerRecipe = recipe({\n  base: container,\n\n  variants: {\n    size: {\n      '1': {\n        maxWidth: '425px',\n      },\n      '2': {\n        maxWidth: '768px',\n      },\n      '3': {\n        maxWidth: '1440px',\n      },\n      '4': {\n        maxWidth: 'none',\n      },\n    },\n    noGutter: {\n      true: {\n        paddingLeft: 0,\n        paddingRight: 0,\n      },\n    },\n  },\n  defaultVariants: {\n    size: '4',\n  },\n});\n"],"mappings":""}

package/dist/components/Container/Container.vanilla.js

@@ -1,35 +1,32 @@
-import { jsx } from "react/jsx-runtime";
-import { assignInlineVars } from "@vanilla-extract/dynamic";
-import React from "react";
 import { processCSSProp } from "../../styles/cssProps.js";
 import { useVanillaExtractTheme } from "../../styles/themeContext.js";
 import { containerRecipe } from "./Container.vanilla.css.js";
-const ContainerVanillaComponent = React.forwardRef(
-  ({ as, className, css, style, size, noGutter, ...props }, ref) => {
-    const Component = as || "div";
-    const { colors } = useVanillaExtractTheme();
-    const { style: cssStyles, vars } = processCSSProp(css, colors);
-    const mergedStyles = {
-      ...cssStyles,
-      ...style,
-      ...assignInlineVars(vars)
-    };
-    const recipeClass = containerRecipe({ size, noGutter });
-    return /* @__PURE__ */ jsx(
-      Component,
-      {
-        ref,
-        className: `${recipeClass} ${className || ""}`.trim(),
-        style: mergedStyles,
-        ...props
-      }
-    );
-  }
-);
+import React from "react";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { jsx } from "react/jsx-runtime";
+//#region components/Container/Container.vanilla.tsx
+var ContainerVanillaComponent = React.forwardRef(({ as, className, css, style, size, noGutter, ...props }, ref) => {
+	const Component = as || "div";
+	const { colors } = useVanillaExtractTheme();
+	const { style: cssStyles, vars } = processCSSProp(css, colors);
+	const mergedStyles = {
+		...cssStyles,
+		...style,
+		...assignInlineVars(vars)
+	};
+	return /* @__PURE__ */ jsx(Component, {
+		ref,
+		className: `${containerRecipe({
+			size,
+			noGutter
+		})} ${className || ""}`.trim(),
+		style: mergedStyles,
+		...props
+	});
+});
 ContainerVanillaComponent.displayName = "ContainerVanilla";
-const ContainerVanilla = ContainerVanillaComponent;
-export {
-  ContainerVanilla,
-  ContainerVanillaComponent
-};
-//# sourceMappingURL=Container.vanilla.js.map
+var ContainerVanilla = ContainerVanillaComponent;
+//#endregion
+export { ContainerVanilla };
+
+//# sourceMappingURL=Container.vanilla.js.map

package/dist/components/Container/Container.vanilla.js.map

@@ -1 +1 @@
-{"version":3,"file":"Container.vanilla.js","sources":["../../../components/Container/Container.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport React, { ElementType } 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 { containerRecipe } from './Container.vanilla.css';\n\ninterface ContainerOwnProps extends CSSProps {\n  size?: '1' | '2' | '3' | '4';\n  noGutter?: boolean;\n}\n\nexport type ContainerProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n  C,\n  ContainerOwnProps\n>;\ntype ContainerComponent = PolymorphicComponent<'div', ContainerProps<ElementType>>;\n\nexport const ContainerVanillaComponent = React.forwardRef(\n  <C extends ElementType = 'div'>(\n    { as, className, css, style, size, noGutter, ...props }: ContainerProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || 'div';\n\n    const { colors } = useVanillaExtractTheme();\n\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n    const mergedStyles = {\n      ...cssStyles,\n      ...style,\n      ...assignInlineVars(vars),\n    };\n\n    const recipeClass = containerRecipe({ size, noGutter });\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nContainerVanillaComponent.displayName = 'ContainerVanilla';\n\nexport const ContainerVanilla = ContainerVanillaComponent as ContainerComponent;\n"],"names":[],"mappings":";;;;;;AAuBO,MAAM,4BAA4B,MAAM;AAAA,EAC7C,CACE,EAAE,IAAI,WAAW,KAAK,OAAO,MAAM,UAAU,GAAG,MAAA,GAChD,QACG;AACH,UAAM,YAAY,MAAM;AAExB,UAAM,EAAE,OAAA,IAAW,uBAAA;AAEnB,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,gBAAgB,EAAE,MAAM,UAAU;AAEtD,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,0BAA0B,cAAc;AAEjC,MAAM,mBAAmB;"}
+{"version":3,"file":"Container.vanilla.js","names":[],"sources":["../../../components/Container/Container.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport React, { ElementType } 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 { containerRecipe } from './Container.vanilla.css';\n\ninterface ContainerOwnProps extends CSSProps {\n  size?: '1' | '2' | '3' | '4';\n  noGutter?: boolean;\n}\n\nexport type ContainerProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n  C,\n  ContainerOwnProps\n>;\ntype ContainerComponent = PolymorphicComponent<'div', ContainerProps<ElementType>>;\n\nexport const ContainerVanillaComponent = React.forwardRef(\n  <C extends ElementType = 'div'>(\n    { as, className, css, style, size, noGutter, ...props }: ContainerProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || 'div';\n\n    const { colors } = useVanillaExtractTheme();\n\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n    const mergedStyles = {\n      ...cssStyles,\n      ...style,\n      ...assignInlineVars(vars),\n    };\n\n    const recipeClass = containerRecipe({ size, noGutter });\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nContainerVanillaComponent.displayName = 'ContainerVanilla';\n\nexport const ContainerVanilla = ContainerVanillaComponent as ContainerComponent;\n"],"mappings":";;;;;;;AAuBA,IAAa,4BAA4B,MAAM,YAE3C,EAAE,IAAI,WAAW,KAAK,OAAO,MAAM,UAAU,GAAG,SAChD,QACG;CACH,MAAM,YAAY,MAAM;CAExB,MAAM,EAAE,WAAW,wBAAwB;CAE3C,MAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,OAAO;CAE9D,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,GAAG,iBAAiB,KAAK;EAC1B;AAID,QACE,oBAAC,WAAD;EACO;EACL,WAAW,GALK,gBAAgB;GAAE;GAAM;GAAU,CAAC,CAKzB,GAAG,aAAa,KAAK,MAAM;EACrD,OAAO;EACP,GAAI;EACJ,CAAA;EAGP;AAED,0BAA0B,cAAc;AAExC,IAAa,mBAAmB"}