npm - @traefik-labs/faency - Versions diffs - 12.3.8 → 13.0.0 - Mend

@traefik-labs/faency 12.3.8 → 13.0.0

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 (501) hide show

package/dist/components/Badge/Badge.themes.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Badge.themes.cjs","names":[],"sources":["../../../components/Badge/Badge.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n type Colors = {\n badgeInteractiveBackgroundActive: Property.Color;\n badgeInteractiveBackgroundHover: Property.Color;\n };\n\n type Factory = (primaryColor: ColorInfo) => Colors;\n\n export const getLight: Factory = () => ({\n badgeInteractiveBackgroundActive: tinycolor('black').setAlpha(0.1).toHslString(),\n badgeInteractiveBackgroundHover: tinycolor('black').setAlpha(0.05).toHslString(),\n });\n\n export const getDark: Factory = () => ({\n badgeInteractiveBackgroundActive: tinycolor('black').setAlpha(0.2).toHslString(),\n badgeInteractiveBackgroundHover: tinycolor('black').setAlpha(0.1).toHslString(),\n });\n}\n"],"mappings":";;;;AAKO,~~IAAA;;~~CAQQ,OAAA,kBAA2B;EACtC,mCAAA,~~GAAA~~,~~WAAA~~,~~QAAA~~,~~CAA4C~~,OAAO,CAAC,CAAC,SAAS,EAAG,CAAC,CAAC,YAAY;EAC/E,kCAAA,~~GAAA~~,~~WAAA~~,~~QAAA~~,~~CAA2C~~,OAAO,CAAC,CAAC,SAAS,GAAI,CAAC,CAAC,YAAY;CACjF;CAEa,OAAA,iBAA0B;EACrC,mCAAA,~~GAAA~~,~~WAAA~~,~~QAAA~~,~~CAA4C~~,OAAO,CAAC,CAAC,SAAS,EAAG,CAAC,CAAC,YAAY;EAC/E,kCAAA,~~GAAA~~,~~WAAA~~,~~QAAA~~,~~CAA2C~~,OAAO,CAAC,CAAC,SAAS,EAAG,CAAC,CAAC,YAAY;CAChF;~~GACD~~,UAAA,QAAA,CAAA,EAAD"}
1	+ {"version":3,"file":"Badge.themes.cjs","names":["tinycolor"],"sources":["../../../components/Badge/Badge.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n type Colors = {\n badgeInteractiveBackgroundActive: Property.Color;\n badgeInteractiveBackgroundHover: Property.Color;\n };\n\n type Factory = (primaryColor: ColorInfo) => Colors;\n\n export const getLight: Factory = () => ({\n badgeInteractiveBackgroundActive: tinycolor('black').setAlpha(0.1).toHslString(),\n badgeInteractiveBackgroundHover: tinycolor('black').setAlpha(0.05).toHslString(),\n });\n\n export const getDark: Factory = () => ({\n badgeInteractiveBackgroundActive: tinycolor('black').setAlpha(0.2).toHslString(),\n badgeInteractiveBackgroundHover: tinycolor('black').setAlpha(0.1).toHslString(),\n });\n}\n"],"mappings":";;;;AAKO,IAAU;CAAV,SAAA,QAAA;CAQQ,OAAA,kBAA2B;EACtC,mCAAA,GAAkCA,WAAAA,QAAAA,CAAU,OAAO,CAAC,CAAC,SAAS,EAAG,CAAC,CAAC,YAAY;EAC/E,kCAAA,GAAiCA,WAAAA,QAAAA,CAAU,OAAO,CAAC,CAAC,SAAS,GAAI,CAAC,CAAC,YAAY;CACjF;CAEa,OAAA,iBAA0B;EACrC,mCAAA,GAAkCA,WAAAA,QAAAA,CAAU,OAAO,CAAC,CAAC,SAAS,EAAG,CAAC,CAAC,YAAY;EAC/E,kCAAA,GAAiCA,WAAAA,QAAAA,CAAU,OAAO,CAAC,CAAC,SAAS,EAAG,CAAC,CAAC,YAAY;CAChF;AACD,EAAA,CAAA,UAAA,QAAA,CAAA,EAAD"}

package/dist/components/Badge/Badge.themes.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import tinycolor from "tinycolor2";
-//#region components/Badge/Badge.themes.ts
+// components/Badge/Badge.themes.ts
 var Theme;
 (function(_Theme) {
 	_Theme.getLight = () => ({
@@ -11,7 +11,6 @@ var Theme;
 		badgeInteractiveBackgroundHover: tinycolor("black").setAlpha(.1).toHslString()
 	});
 })(Theme || (Theme = {}));
-//#endregion
 export { Theme };
 //# sourceMappingURL=Badge.themes.js.map

package/dist/components/Badge/Badge.themes.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Badge.themes.js","names":[],"sources":["../../../components/Badge/Badge.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n type Colors = {\n badgeInteractiveBackgroundActive: Property.Color;\n badgeInteractiveBackgroundHover: Property.Color;\n };\n\n type Factory = (primaryColor: ColorInfo) => Colors;\n\n export const getLight: Factory = () => ({\n badgeInteractiveBackgroundActive: tinycolor('black').setAlpha(0.1).toHslString(),\n badgeInteractiveBackgroundHover: tinycolor('black').setAlpha(0.05).toHslString(),\n });\n\n export const getDark: Factory = () => ({\n badgeInteractiveBackgroundActive: tinycolor('black').setAlpha(0.2).toHslString(),\n badgeInteractiveBackgroundHover: tinycolor('black').setAlpha(0.1).toHslString(),\n });\n}\n"],"mappings":";;AAKO,~~IAAA;;~~CAQQ,OAAA,kBAA2B;EACtC,kCAAkC,UAAU,OAAO,CAAC,CAAC,SAAS,EAAG,CAAC,CAAC,YAAY;EAC/E,iCAAiC,UAAU,OAAO,CAAC,CAAC,SAAS,GAAI,CAAC,CAAC,YAAY;CACjF;CAEa,OAAA,iBAA0B;EACrC,kCAAkC,UAAU,OAAO,CAAC,CAAC,SAAS,EAAG,CAAC,CAAC,YAAY;EAC/E,iCAAiC,UAAU,OAAO,CAAC,CAAC,SAAS,EAAG,CAAC,CAAC,YAAY;CAChF;~~GACD~~,UAAA,QAAA,CAAA,EAAD"}
1	+ {"version":3,"file":"Badge.themes.js","names":[],"sources":["../../../components/Badge/Badge.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n type Colors = {\n badgeInteractiveBackgroundActive: Property.Color;\n badgeInteractiveBackgroundHover: Property.Color;\n };\n\n type Factory = (primaryColor: ColorInfo) => Colors;\n\n export const getLight: Factory = () => ({\n badgeInteractiveBackgroundActive: tinycolor('black').setAlpha(0.1).toHslString(),\n badgeInteractiveBackgroundHover: tinycolor('black').setAlpha(0.05).toHslString(),\n });\n\n export const getDark: Factory = () => ({\n badgeInteractiveBackgroundActive: tinycolor('black').setAlpha(0.2).toHslString(),\n badgeInteractiveBackgroundHover: tinycolor('black').setAlpha(0.1).toHslString(),\n });\n}\n"],"mappings":";;AAKO,IAAU;CAAV,SAAA,QAAA;CAQQ,OAAA,kBAA2B;EACtC,kCAAkC,UAAU,OAAO,CAAC,CAAC,SAAS,EAAG,CAAC,CAAC,YAAY;EAC/E,iCAAiC,UAAU,OAAO,CAAC,CAAC,SAAS,GAAI,CAAC,CAAC,YAAY;CACjF;CAEa,OAAA,iBAA0B;EACrC,kCAAkC,UAAU,OAAO,CAAC,CAAC,SAAS,EAAG,CAAC,CAAC,YAAY;EAC/E,iCAAiC,UAAU,OAAO,CAAC,CAAC,SAAS,EAAG,CAAC,CAAC,YAAY;CAChF;AACD,EAAA,CAAA,UAAA,QAAA,CAAA,EAAD"}

package/dist/components/Badge/Badge.vanilla.cjs CHANGED Viewed

@@ -4,7 +4,7 @@ const require_Badge_vanilla_css = require("./Badge.vanilla.css.cjs");
 let react = require("react");
 let _vanilla_extract_dynamic = require("@vanilla-extract/dynamic");
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region components/Badge/Badge.vanilla.tsx
+// components/Badge/Badge.vanilla.tsx
 var COLORS = [
 	"gray",
 	"red",
@@ -23,21 +23,21 @@ var BadgeVanillaComponentImpl = (0, react.forwardRef)(({ as, interactive, classN
 		...style,
 		...(0, _vanilla_extract_dynamic.assignInlineVars)(vars)
 	};
+	const recipeClass = (interactive ? require_Badge_vanilla_css.interactiveBadgeRecipe : require_Badge_vanilla_css.badgeRecipe)({
+		size,
+		variant,
+		alphaBg,
+		borderless
+	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, {
 		ref,
-		className: `${(interactive ? require_Badge_vanilla_css.interactiveBadgeRecipe : require_Badge_vanilla_css.badgeRecipe)({
-			size,
-			variant,
-			alphaBg,
-			borderless
-		})} ${className || ""}`.trim(),
+		className: `${recipeClass} ${className || ""}`.trim(),
 		style: mergedStyles,
 		...props
 	});
 });
 BadgeVanillaComponentImpl.displayName = "BadgeVanilla";
 var BadgeVanilla = BadgeVanillaComponentImpl;
-//#endregion
 exports.BadgeVanilla = BadgeVanilla;
 exports.COLORS = COLORS;

package/dist/components/Badge/Badge.vanilla.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Badge.vanilla.cjs","names":[],"sources":["../../../components/Badge/Badge.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 { badgeRecipe, interactiveBadgeRecipe } from './Badge.vanilla.css';\n\nexport const COLORS = ['gray', 'red', 'blue', 'green', 'neon', 'orange', 'purple'] as const;\n\ntype BadgeRecipeVariants = RecipeVariants<typeof badgeRecipe>;\n\ninterface BadgeOwnProps extends Omit<BadgeRecipeVariants, 'color'>, CSSProps {\n interactive?: boolean;\n}\n\nexport type BadgeVanillaProps<C extends ElementType = 'span'> = PolymorphicComponentProps<\n C,\n BadgeOwnProps\n>;\n\ntype BadgeVanillaComponent = PolymorphicComponent<'span', BadgeVanillaProps<ElementType>>;\n\nconst BadgeVanillaComponentImpl = forwardRef(\n <C extends ElementType = 'span'>(\n {\n as,\n interactive,\n className,\n css,\n style,\n size,\n variant,\n alphaBg,\n borderless,\n ...props\n }: BadgeVanillaProps<C>,\n ref?: PolymorphicRef<C>,\n ) => {\n const Component = as \|\| (interactive ? 'button' : 'span');\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 recipe = interactive ? interactiveBadgeRecipe : badgeRecipe;\n const recipeClass = recipe({ size, variant, alphaBg, borderless });\n\n return (\n <Component\n ref={ref}\n className={`${recipeClass} ${className \|\| ''}`.trim()}\n style={mergedStyles}\n {...props}\n />\n );\n },\n);\n\nBadgeVanillaComponentImpl.displayName = 'BadgeVanilla';\n\nexport const BadgeVanilla = BadgeVanillaComponentImpl as BadgeVanillaComponent;\n"],"mappings":";;;;;;;AAaA,IAAa,SAAS;CAAC;CAAQ;CAAO;CAAQ;CAAS;CAAQ;CAAU;AAAQ;AAejF,IAAM,6BAAA,~~GAAA~~,~~MAAA~~,~~WAAA~~,~~EAEF~~,EACE,IACA,aACA,WACA,KACA,OACA,MACA,SACA,SACA,YACA,GAAG,SAEL,QACG;CACH,MAAM,YAAY,OAAO,cAAc,WAAW;CAElD,MAAM,EAAE,~~WAAW~~,~~qBAAA~~,uBAAuB;CAE1C,MAAM,EAAE,OAAO,WAAW,~~SAAS~~,~~iBAAA~~,eAAe,KAAK,MAAM;CAE7D,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,IAAA,~~GAAA~~,~~yBAAA~~,~~iBAAA~~,~~CAAoB~~,IAAI;CAC1B;~~CAKA~~,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD;EACO;EACL,WAAW,~~IANA~~,~~cAAc~~,~~0BAAA,yBAAyB,0BAAA,YAAA,CAC3B;GAAE;GAAM;GAAS;GAAS;EAAW,CAK9C,EAAY,~~GAAG,aAAa,KAAK,KAAK;EACpD,OAAO;EACP,GAAI;CACL,CAAA;AAEL,CACF;AAEA,0BAA0B,cAAc;AAExC,IAAa,eAAe"}
1	+ {"version":3,"file":"Badge.vanilla.cjs","names":["forwardRef","useVanillaExtractTheme","processCSSProp","assignInlineVars","interactiveBadgeRecipe","badgeRecipe"],"sources":["../../../components/Badge/Badge.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 { badgeRecipe, interactiveBadgeRecipe } from './Badge.vanilla.css';\n\nexport const COLORS = ['gray', 'red', 'blue', 'green', 'neon', 'orange', 'purple'] as const;\n\ntype BadgeRecipeVariants = RecipeVariants<typeof badgeRecipe>;\n\ninterface BadgeOwnProps extends Omit<BadgeRecipeVariants, 'color'>, CSSProps {\n interactive?: boolean;\n}\n\nexport type BadgeVanillaProps<C extends ElementType = 'span'> = PolymorphicComponentProps<\n C,\n BadgeOwnProps\n>;\n\ntype BadgeVanillaComponent = PolymorphicComponent<'span', BadgeVanillaProps<ElementType>>;\n\nconst BadgeVanillaComponentImpl = forwardRef(\n <C extends ElementType = 'span'>(\n {\n as,\n interactive,\n className,\n css,\n style,\n size,\n variant,\n alphaBg,\n borderless,\n ...props\n }: BadgeVanillaProps<C>,\n ref?: PolymorphicRef<C>,\n ) => {\n const Component = as \|\| (interactive ? 'button' : 'span');\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 recipe = interactive ? interactiveBadgeRecipe : badgeRecipe;\n const recipeClass = recipe({ size, variant, alphaBg, borderless });\n\n return (\n <Component\n ref={ref}\n className={`${recipeClass} ${className \|\| ''}`.trim()}\n style={mergedStyles}\n {...props}\n />\n );\n },\n);\n\nBadgeVanillaComponentImpl.displayName = 'BadgeVanilla';\n\nexport const BadgeVanilla = BadgeVanillaComponentImpl as BadgeVanillaComponent;\n"],"mappings":";;;;;;;AAaA,IAAa,SAAS;CAAC;CAAQ;CAAO;CAAQ;CAAS;CAAQ;CAAU;AAAQ;AAejF,IAAM,6BAAA,GAA4BA,MAAAA,WAAAA,EAE9B,EACE,IACA,aACA,WACA,KACA,OACA,MACA,SACA,SACA,YACA,GAAG,SAEL,QACG;CACH,MAAM,YAAY,OAAO,cAAc,WAAW;CAElD,MAAM,EAAE,WAAWC,qBAAAA,uBAAuB;CAE1C,MAAM,EAAE,OAAO,WAAW,SAASC,iBAAAA,eAAe,KAAK,MAAM;CAE7D,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,IAAA,GAAGC,yBAAAA,iBAAAA,CAAiB,IAAI;CAC1B;CAGA,MAAM,eADS,cAAcC,0BAAAA,yBAAyBC,0BAAAA,YAAAA,CAC3B;EAAE;EAAM;EAAS;EAAS;CAAW,CAAC;CAEjE,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD;EACO;EACL,WAAW,GAAG,YAAY,GAAG,aAAa,KAAK,KAAK;EACpD,OAAO;EACP,GAAI;CACL,CAAA;AAEL,CACF;AAEA,0BAA0B,cAAc;AAExC,IAAa,eAAe"}

package/dist/components/Badge/Badge.vanilla.css.cjs CHANGED Viewed

@@ -1,6 +1,6 @@
 ;/* empty css                                   */
 let _vanilla_extract_recipes_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-//#region components/Badge/Badge.vanilla.css.ts
+// components/Badge/Badge.vanilla.css.ts
 var badgeRecipe = (0, _vanilla_extract_recipes_createRuntimeFn.createRuntimeFn)({
 	defaultClassName: "_16nnnz62 _16nnnz60",
 	variantClassNames: {
@@ -111,7 +111,6 @@ var interactiveBadgeRecipe = (0, _vanilla_extract_recipes_createRuntimeFn.create
 		}, "_16nnnz613"]
 	]
 });
-//#endregion
 exports.badgeRecipe = badgeRecipe;
 exports.interactiveBadgeRecipe = interactiveBadgeRecipe;

package/dist/components/Badge/Badge.vanilla.css.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Badge.vanilla.css.cjs","names":[],"sources":["../../../components/Badge/Badge.vanilla.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { recipe } from '@vanilla-extract/recipes';\n\nimport { tokens } from '../../styles/tokens.css';\n\nconst baseBadge = style({\n alignItems: 'center',\n appearance: 'none',\n border: 'none',\n boxSizing: 'border-box',\n display: 'inline-flex',\n flexShrink: 0,\n fontFamily: tokens.fonts.rubik,\n fontWeight: tokens.fontWeights.medium,\n justifyContent: 'center',\n lineHeight: '1',\n verticalAlign: 'middle',\n outline: 'none',\n padding: '0',\n textDecoration: 'none',\n userSelect: 'none',\n WebkitTapHighlightColor: 'rgba(0,0,0,0)',\n borderRadius: tokens.radii.pill,\n whiteSpace: 'nowrap',\n fontVariantNumeric: 'tabular-nums',\n position: 'relative',\n\n selectors: {\n '&:disabled': {\n backgroundColor: tokens.colors.slate['3'],\n pointerEvents: 'none',\n color: tokens.colors.slate['8'],\n },\n },\n});\n\nconst interactiveBadge = style([\n baseBadge,\n {\n selectors: {\n '&::before': {\n boxSizing: 'border-box',\n content: '\"\"',\n position: 'absolute',\n inset: 0,\n borderRadius: 'inherit',\n },\n '&:focus-visible': {\n outline: `2px solid ${tokens.colors.primary}`,\n },\n '&:hover': {\n cursor: 'pointer',\n },\n '&:hover::before': {\n backgroundColor: tokens.colors.badgeInteractiveBackgroundHover,\n },\n '&:active::before': {\n backgroundColor: tokens.colors.badgeInteractiveBackgroundActive,\n },\n },\n },\n]);\n\nexport const badgeRecipe = recipe({\n base: baseBadge,\n\n variants: {\n size: {\n small: {\n height: tokens.sizes['4'],\n paddingLeft: tokens.space['2'],\n paddingRight: tokens.space['2'],\n fontSize: tokens.fontSizes['2'],\n },\n large: {\n height: tokens.sizes['5'],\n paddingLeft: tokens.space['3'],\n paddingRight: tokens.space['3'],\n fontSize: tokens.fontSizes['3'],\n },\n },\n variant: {\n gray: {\n backgroundColor: tokens.colors.gray['6'],\n color: tokens.colors.gray['10'],\n border: `1px solid ${tokens.colors.gray['10']}`,\n },\n red: {\n backgroundColor: tokens.colors.red['6'],\n color: tokens.colors.red['10'],\n border: `1px solid ${tokens.colors.red['10']}`,\n },\n blue: {\n backgroundColor: tokens.colors.blue['6'],\n color: tokens.colors.blue['10'],\n border: `1px solid ${tokens.colors.blue['10']}`,\n },\n green: {\n backgroundColor: tokens.colors.green['6'],\n color: tokens.colors.green['10'],\n border: `1px solid ${tokens.colors.green['10']}`,\n },\n neon: {\n backgroundColor: tokens.colors.neon['6'],\n color: tokens.colors.neon['10'],\n border: `1px solid ${tokens.colors.neon['10']}`,\n },\n orange: {\n backgroundColor: tokens.colors.orange['6'],\n color: tokens.colors.orange['10'],\n border: `1px solid ${tokens.colors.orange['10']}`,\n },\n purple: {\n backgroundColor: tokens.colors.purple['6'],\n color: tokens.colors.purple['10'],\n border: `1px solid ${tokens.colors.purple['10']}`,\n },\n },\n alphaBg: {\n true: {},\n },\n borderless: {\n true: {\n border: 'none',\n },\n },\n },\n\n compoundVariants: [\n {\n variants: { alphaBg: true, variant: 'gray' },\n style: { backgroundColor: tokens.colors.gray.A6 },\n },\n {\n variants: { alphaBg: true, variant: 'red' },\n style: { backgroundColor: tokens.colors.red.A6 },\n },\n {\n variants: { alphaBg: true, variant: 'blue' },\n style: { backgroundColor: tokens.colors.blue.A6 },\n },\n {\n variants: { alphaBg: true, variant: 'green' },\n style: { backgroundColor: tokens.colors.green.A6 },\n },\n {\n variants: { alphaBg: true, variant: 'neon' },\n style: { backgroundColor: tokens.colors.neon.A6 },\n },\n {\n variants: { alphaBg: true, variant: 'orange' },\n style: { backgroundColor: tokens.colors.orange.A6 },\n },\n {\n variants: { alphaBg: true, variant: 'purple' },\n style: { backgroundColor: tokens.colors.purple.A6 },\n },\n ],\n\n defaultVariants: {\n size: 'small',\n variant: 'gray',\n borderless: false,\n },\n});\n\nexport const interactiveBadgeRecipe = recipe({\n base: interactiveBadge,\n\n variants: {\n size: {\n small: {\n height: tokens.sizes['4'],\n paddingLeft: tokens.space['2'],\n paddingRight: tokens.space['2'],\n fontSize: tokens.fontSizes['2'],\n },\n large: {\n height: tokens.sizes['5'],\n paddingLeft: tokens.space['3'],\n paddingRight: tokens.space['3'],\n fontSize: tokens.fontSizes['3'],\n },\n },\n variant: {\n gray: {\n backgroundColor: tokens.colors.gray['6'],\n color: tokens.colors.gray['10'],\n border: `1px solid ${tokens.colors.gray['10']}`,\n },\n red: {\n backgroundColor: tokens.colors.red['6'],\n color: tokens.colors.red['10'],\n border: `1px solid ${tokens.colors.red['10']}`,\n },\n blue: {\n backgroundColor: tokens.colors.blue['6'],\n color: tokens.colors.blue['10'],\n border: `1px solid ${tokens.colors.blue['10']}`,\n },\n green: {\n backgroundColor: tokens.colors.green['6'],\n color: tokens.colors.green['10'],\n border: `1px solid ${tokens.colors.green['10']}`,\n },\n neon: {\n backgroundColor: tokens.colors.neon['6'],\n color: tokens.colors.neon['10'],\n border: `1px solid ${tokens.colors.neon['10']}`,\n },\n orange: {\n backgroundColor: tokens.colors.orange['6'],\n color: tokens.colors.orange['10'],\n border: `1px solid ${tokens.colors.orange['10']}`,\n },\n purple: {\n backgroundColor: tokens.colors.purple['6'],\n color: tokens.colors.purple['10'],\n border: `1px solid ${tokens.colors.purple['10']}`,\n },\n },\n alphaBg: {\n true: {},\n },\n borderless: {\n true: {\n border: 'none',\n },\n },\n },\n\n compoundVariants: [\n {\n variants: { alphaBg: true, variant: 'gray' },\n style: { backgroundColor: tokens.colors.gray.A6 },\n },\n {\n variants: { alphaBg: true, variant: 'red' },\n style: { backgroundColor: tokens.colors.red.A6 },\n },\n {\n variants: { alphaBg: true, variant: 'blue' },\n style: { backgroundColor: tokens.colors.blue.A6 },\n },\n {\n variants: { alphaBg: true, variant: 'green' },\n style: { backgroundColor: tokens.colors.green.A6 },\n },\n {\n variants: { alphaBg: true, variant: 'neon' },\n style: { backgroundColor: tokens.colors.neon.A6 },\n },\n {\n variants: { alphaBg: true, variant: 'orange' },\n style: { backgroundColor: tokens.colors.orange.A6 },\n },\n {\n variants: { alphaBg: true, variant: 'purple' },\n style: { backgroundColor: tokens.colors.purple.A6 },\n },\n ],\n\n defaultVariants: {\n size: 'small',\n variant: 'gray',\n borderless: false,\n },\n});\n"],"mappings":""}
1	+ {"version":3,"file":"Badge.vanilla.css.cjs","names":["_7a468"],"sources":["../../../components/Badge/Badge.vanilla.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { recipe } from '@vanilla-extract/recipes';\n\nimport { tokens } from '../../styles/tokens.css';\n\nconst baseBadge = style({\n alignItems: 'center',\n appearance: 'none',\n border: 'none',\n boxSizing: 'border-box',\n display: 'inline-flex',\n flexShrink: 0,\n fontFamily: tokens.fonts.rubik,\n fontWeight: tokens.fontWeights.medium,\n justifyContent: 'center',\n lineHeight: '1',\n verticalAlign: 'middle',\n outline: 'none',\n padding: '0',\n textDecoration: 'none',\n userSelect: 'none',\n WebkitTapHighlightColor: 'rgba(0,0,0,0)',\n borderRadius: tokens.radii.pill,\n whiteSpace: 'nowrap',\n fontVariantNumeric: 'tabular-nums',\n position: 'relative',\n\n selectors: {\n '&:disabled': {\n backgroundColor: tokens.colors.slate['3'],\n pointerEvents: 'none',\n color: tokens.colors.slate['8'],\n },\n },\n});\n\nconst interactiveBadge = style([\n baseBadge,\n {\n selectors: {\n '&::before': {\n boxSizing: 'border-box',\n content: '\"\"',\n position: 'absolute',\n inset: 0,\n borderRadius: 'inherit',\n },\n '&:focus-visible': {\n outline: `2px solid ${tokens.colors.primary}`,\n },\n '&:hover': {\n cursor: 'pointer',\n },\n '&:hover::before': {\n backgroundColor: tokens.colors.badgeInteractiveBackgroundHover,\n },\n '&:active::before': {\n backgroundColor: tokens.colors.badgeInteractiveBackgroundActive,\n },\n },\n },\n]);\n\nexport const badgeRecipe = recipe({\n base: baseBadge,\n\n variants: {\n size: {\n small: {\n height: tokens.sizes['4'],\n paddingLeft: tokens.space['2'],\n paddingRight: tokens.space['2'],\n fontSize: tokens.fontSizes['2'],\n },\n large: {\n height: tokens.sizes['5'],\n paddingLeft: tokens.space['3'],\n paddingRight: tokens.space['3'],\n fontSize: tokens.fontSizes['3'],\n },\n },\n variant: {\n gray: {\n backgroundColor: tokens.colors.gray['6'],\n color: tokens.colors.gray['10'],\n border: `1px solid ${tokens.colors.gray['10']}`,\n },\n red: {\n backgroundColor: tokens.colors.red['6'],\n color: tokens.colors.red['10'],\n border: `1px solid ${tokens.colors.red['10']}`,\n },\n blue: {\n backgroundColor: tokens.colors.blue['6'],\n color: tokens.colors.blue['10'],\n border: `1px solid ${tokens.colors.blue['10']}`,\n },\n green: {\n backgroundColor: tokens.colors.green['6'],\n color: tokens.colors.green['10'],\n border: `1px solid ${tokens.colors.green['10']}`,\n },\n neon: {\n backgroundColor: tokens.colors.neon['6'],\n color: tokens.colors.neon['10'],\n border: `1px solid ${tokens.colors.neon['10']}`,\n },\n orange: {\n backgroundColor: tokens.colors.orange['6'],\n color: tokens.colors.orange['10'],\n border: `1px solid ${tokens.colors.orange['10']}`,\n },\n purple: {\n backgroundColor: tokens.colors.purple['6'],\n color: tokens.colors.purple['10'],\n border: `1px solid ${tokens.colors.purple['10']}`,\n },\n },\n alphaBg: {\n true: {},\n },\n borderless: {\n true: {\n border: 'none',\n },\n },\n },\n\n compoundVariants: [\n {\n variants: { alphaBg: true, variant: 'gray' },\n style: { backgroundColor: tokens.colors.gray.A6 },\n },\n {\n variants: { alphaBg: true, variant: 'red' },\n style: { backgroundColor: tokens.colors.red.A6 },\n },\n {\n variants: { alphaBg: true, variant: 'blue' },\n style: { backgroundColor: tokens.colors.blue.A6 },\n },\n {\n variants: { alphaBg: true, variant: 'green' },\n style: { backgroundColor: tokens.colors.green.A6 },\n },\n {\n variants: { alphaBg: true, variant: 'neon' },\n style: { backgroundColor: tokens.colors.neon.A6 },\n },\n {\n variants: { alphaBg: true, variant: 'orange' },\n style: { backgroundColor: tokens.colors.orange.A6 },\n },\n {\n variants: { alphaBg: true, variant: 'purple' },\n style: { backgroundColor: tokens.colors.purple.A6 },\n },\n ],\n\n defaultVariants: {\n size: 'small',\n variant: 'gray',\n borderless: false,\n },\n});\n\nexport const interactiveBadgeRecipe = recipe({\n base: interactiveBadge,\n\n variants: {\n size: {\n small: {\n height: tokens.sizes['4'],\n paddingLeft: tokens.space['2'],\n paddingRight: tokens.space['2'],\n fontSize: tokens.fontSizes['2'],\n },\n large: {\n height: tokens.sizes['5'],\n paddingLeft: tokens.space['3'],\n paddingRight: tokens.space['3'],\n fontSize: tokens.fontSizes['3'],\n },\n },\n variant: {\n gray: {\n backgroundColor: tokens.colors.gray['6'],\n color: tokens.colors.gray['10'],\n border: `1px solid ${tokens.colors.gray['10']}`,\n },\n red: {\n backgroundColor: tokens.colors.red['6'],\n color: tokens.colors.red['10'],\n border: `1px solid ${tokens.colors.red['10']}`,\n },\n blue: {\n backgroundColor: tokens.colors.blue['6'],\n color: tokens.colors.blue['10'],\n border: `1px solid ${tokens.colors.blue['10']}`,\n },\n green: {\n backgroundColor: tokens.colors.green['6'],\n color: tokens.colors.green['10'],\n border: `1px solid ${tokens.colors.green['10']}`,\n },\n neon: {\n backgroundColor: tokens.colors.neon['6'],\n color: tokens.colors.neon['10'],\n border: `1px solid ${tokens.colors.neon['10']}`,\n },\n orange: {\n backgroundColor: tokens.colors.orange['6'],\n color: tokens.colors.orange['10'],\n border: `1px solid ${tokens.colors.orange['10']}`,\n },\n purple: {\n backgroundColor: tokens.colors.purple['6'],\n color: tokens.colors.purple['10'],\n border: `1px solid ${tokens.colors.purple['10']}`,\n },\n },\n alphaBg: {\n true: {},\n },\n borderless: {\n true: {\n border: 'none',\n },\n },\n },\n\n compoundVariants: [\n {\n variants: { alphaBg: true, variant: 'gray' },\n style: { backgroundColor: tokens.colors.gray.A6 },\n },\n {\n variants: { alphaBg: true, variant: 'red' },\n style: { backgroundColor: tokens.colors.red.A6 },\n },\n {\n variants: { alphaBg: true, variant: 'blue' },\n style: { backgroundColor: tokens.colors.blue.A6 },\n },\n {\n variants: { alphaBg: true, variant: 'green' },\n style: { backgroundColor: tokens.colors.green.A6 },\n },\n {\n variants: { alphaBg: true, variant: 'neon' },\n style: { backgroundColor: tokens.colors.neon.A6 },\n },\n {\n variants: { alphaBg: true, variant: 'orange' },\n style: { backgroundColor: tokens.colors.orange.A6 },\n },\n {\n variants: { alphaBg: true, variant: 'purple' },\n style: { backgroundColor: tokens.colors.purple.A6 },\n },\n ],\n\n defaultVariants: {\n size: 'small',\n variant: 'gray',\n borderless: false,\n },\n});\n"],"mappings":""}

package/dist/components/Badge/Badge.vanilla.css.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /* empty css                                 */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-//#region components/Badge/Badge.vanilla.css.ts
+// components/Badge/Badge.vanilla.css.ts
 var badgeRecipe = createRuntimeFn({
 	defaultClassName: "_16nnnz62 _16nnnz60",
 	variantClassNames: {
@@ -111,7 +111,6 @@ var interactiveBadgeRecipe = createRuntimeFn({
 		}, "_16nnnz613"]
 	]
 });
-//#endregion
 export { badgeRecipe, interactiveBadgeRecipe };
 //# sourceMappingURL=Badge.vanilla.css.js.map

package/dist/components/Badge/Badge.vanilla.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Badge.vanilla.css.js","names":[],"sources":["../../../components/Badge/Badge.vanilla.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { recipe } from '@vanilla-extract/recipes';\n\nimport { tokens } from '../../styles/tokens.css';\n\nconst baseBadge = style({\n alignItems: 'center',\n appearance: 'none',\n border: 'none',\n boxSizing: 'border-box',\n display: 'inline-flex',\n flexShrink: 0,\n fontFamily: tokens.fonts.rubik,\n fontWeight: tokens.fontWeights.medium,\n justifyContent: 'center',\n lineHeight: '1',\n verticalAlign: 'middle',\n outline: 'none',\n padding: '0',\n textDecoration: 'none',\n userSelect: 'none',\n WebkitTapHighlightColor: 'rgba(0,0,0,0)',\n borderRadius: tokens.radii.pill,\n whiteSpace: 'nowrap',\n fontVariantNumeric: 'tabular-nums',\n position: 'relative',\n\n selectors: {\n '&:disabled': {\n backgroundColor: tokens.colors.slate['3'],\n pointerEvents: 'none',\n color: tokens.colors.slate['8'],\n },\n },\n});\n\nconst interactiveBadge = style([\n baseBadge,\n {\n selectors: {\n '&::before': {\n boxSizing: 'border-box',\n content: '\"\"',\n position: 'absolute',\n inset: 0,\n borderRadius: 'inherit',\n },\n '&:focus-visible': {\n outline: `2px solid ${tokens.colors.primary}`,\n },\n '&:hover': {\n cursor: 'pointer',\n },\n '&:hover::before': {\n backgroundColor: tokens.colors.badgeInteractiveBackgroundHover,\n },\n '&:active::before': {\n backgroundColor: tokens.colors.badgeInteractiveBackgroundActive,\n },\n },\n },\n]);\n\nexport const badgeRecipe = recipe({\n base: baseBadge,\n\n variants: {\n size: {\n small: {\n height: tokens.sizes['4'],\n paddingLeft: tokens.space['2'],\n paddingRight: tokens.space['2'],\n fontSize: tokens.fontSizes['2'],\n },\n large: {\n height: tokens.sizes['5'],\n paddingLeft: tokens.space['3'],\n paddingRight: tokens.space['3'],\n fontSize: tokens.fontSizes['3'],\n },\n },\n variant: {\n gray: {\n backgroundColor: tokens.colors.gray['6'],\n color: tokens.colors.gray['10'],\n border: `1px solid ${tokens.colors.gray['10']}`,\n },\n red: {\n backgroundColor: tokens.colors.red['6'],\n color: tokens.colors.red['10'],\n border: `1px solid ${tokens.colors.red['10']}`,\n },\n blue: {\n backgroundColor: tokens.colors.blue['6'],\n color: tokens.colors.blue['10'],\n border: `1px solid ${tokens.colors.blue['10']}`,\n },\n green: {\n backgroundColor: tokens.colors.green['6'],\n color: tokens.colors.green['10'],\n border: `1px solid ${tokens.colors.green['10']}`,\n },\n neon: {\n backgroundColor: tokens.colors.neon['6'],\n color: tokens.colors.neon['10'],\n border: `1px solid ${tokens.colors.neon['10']}`,\n },\n orange: {\n backgroundColor: tokens.colors.orange['6'],\n color: tokens.colors.orange['10'],\n border: `1px solid ${tokens.colors.orange['10']}`,\n },\n purple: {\n backgroundColor: tokens.colors.purple['6'],\n color: tokens.colors.purple['10'],\n border: `1px solid ${tokens.colors.purple['10']}`,\n },\n },\n alphaBg: {\n true: {},\n },\n borderless: {\n true: {\n border: 'none',\n },\n },\n },\n\n compoundVariants: [\n {\n variants: { alphaBg: true, variant: 'gray' },\n style: { backgroundColor: tokens.colors.gray.A6 },\n },\n {\n variants: { alphaBg: true, variant: 'red' },\n style: { backgroundColor: tokens.colors.red.A6 },\n },\n {\n variants: { alphaBg: true, variant: 'blue' },\n style: { backgroundColor: tokens.colors.blue.A6 },\n },\n {\n variants: { alphaBg: true, variant: 'green' },\n style: { backgroundColor: tokens.colors.green.A6 },\n },\n {\n variants: { alphaBg: true, variant: 'neon' },\n style: { backgroundColor: tokens.colors.neon.A6 },\n },\n {\n variants: { alphaBg: true, variant: 'orange' },\n style: { backgroundColor: tokens.colors.orange.A6 },\n },\n {\n variants: { alphaBg: true, variant: 'purple' },\n style: { backgroundColor: tokens.colors.purple.A6 },\n },\n ],\n\n defaultVariants: {\n size: 'small',\n variant: 'gray',\n borderless: false,\n },\n});\n\nexport const interactiveBadgeRecipe = recipe({\n base: interactiveBadge,\n\n variants: {\n size: {\n small: {\n height: tokens.sizes['4'],\n paddingLeft: tokens.space['2'],\n paddingRight: tokens.space['2'],\n fontSize: tokens.fontSizes['2'],\n },\n large: {\n height: tokens.sizes['5'],\n paddingLeft: tokens.space['3'],\n paddingRight: tokens.space['3'],\n fontSize: tokens.fontSizes['3'],\n },\n },\n variant: {\n gray: {\n backgroundColor: tokens.colors.gray['6'],\n color: tokens.colors.gray['10'],\n border: `1px solid ${tokens.colors.gray['10']}`,\n },\n red: {\n backgroundColor: tokens.colors.red['6'],\n color: tokens.colors.red['10'],\n border: `1px solid ${tokens.colors.red['10']}`,\n },\n blue: {\n backgroundColor: tokens.colors.blue['6'],\n color: tokens.colors.blue['10'],\n border: `1px solid ${tokens.colors.blue['10']}`,\n },\n green: {\n backgroundColor: tokens.colors.green['6'],\n color: tokens.colors.green['10'],\n border: `1px solid ${tokens.colors.green['10']}`,\n },\n neon: {\n backgroundColor: tokens.colors.neon['6'],\n color: tokens.colors.neon['10'],\n border: `1px solid ${tokens.colors.neon['10']}`,\n },\n orange: {\n backgroundColor: tokens.colors.orange['6'],\n color: tokens.colors.orange['10'],\n border: `1px solid ${tokens.colors.orange['10']}`,\n },\n purple: {\n backgroundColor: tokens.colors.purple['6'],\n color: tokens.colors.purple['10'],\n border: `1px solid ${tokens.colors.purple['10']}`,\n },\n },\n alphaBg: {\n true: {},\n },\n borderless: {\n true: {\n border: 'none',\n },\n },\n },\n\n compoundVariants: [\n {\n variants: { alphaBg: true, variant: 'gray' },\n style: { backgroundColor: tokens.colors.gray.A6 },\n },\n {\n variants: { alphaBg: true, variant: 'red' },\n style: { backgroundColor: tokens.colors.red.A6 },\n },\n {\n variants: { alphaBg: true, variant: 'blue' },\n style: { backgroundColor: tokens.colors.blue.A6 },\n },\n {\n variants: { alphaBg: true, variant: 'green' },\n style: { backgroundColor: tokens.colors.green.A6 },\n },\n {\n variants: { alphaBg: true, variant: 'neon' },\n style: { backgroundColor: tokens.colors.neon.A6 },\n },\n {\n variants: { alphaBg: true, variant: 'orange' },\n style: { backgroundColor: tokens.colors.orange.A6 },\n },\n {\n variants: { alphaBg: true, variant: 'purple' },\n style: { backgroundColor: tokens.colors.purple.A6 },\n },\n ],\n\n defaultVariants: {\n size: 'small',\n variant: 'gray',\n borderless: false,\n },\n});\n"],"mappings":""}
1	+ {"version":3,"file":"Badge.vanilla.css.js","names":["_7a468"],"sources":["../../../components/Badge/Badge.vanilla.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { recipe } from '@vanilla-extract/recipes';\n\nimport { tokens } from '../../styles/tokens.css';\n\nconst baseBadge = style({\n alignItems: 'center',\n appearance: 'none',\n border: 'none',\n boxSizing: 'border-box',\n display: 'inline-flex',\n flexShrink: 0,\n fontFamily: tokens.fonts.rubik,\n fontWeight: tokens.fontWeights.medium,\n justifyContent: 'center',\n lineHeight: '1',\n verticalAlign: 'middle',\n outline: 'none',\n padding: '0',\n textDecoration: 'none',\n userSelect: 'none',\n WebkitTapHighlightColor: 'rgba(0,0,0,0)',\n borderRadius: tokens.radii.pill,\n whiteSpace: 'nowrap',\n fontVariantNumeric: 'tabular-nums',\n position: 'relative',\n\n selectors: {\n '&:disabled': {\n backgroundColor: tokens.colors.slate['3'],\n pointerEvents: 'none',\n color: tokens.colors.slate['8'],\n },\n },\n});\n\nconst interactiveBadge = style([\n baseBadge,\n {\n selectors: {\n '&::before': {\n boxSizing: 'border-box',\n content: '\"\"',\n position: 'absolute',\n inset: 0,\n borderRadius: 'inherit',\n },\n '&:focus-visible': {\n outline: `2px solid ${tokens.colors.primary}`,\n },\n '&:hover': {\n cursor: 'pointer',\n },\n '&:hover::before': {\n backgroundColor: tokens.colors.badgeInteractiveBackgroundHover,\n },\n '&:active::before': {\n backgroundColor: tokens.colors.badgeInteractiveBackgroundActive,\n },\n },\n },\n]);\n\nexport const badgeRecipe = recipe({\n base: baseBadge,\n\n variants: {\n size: {\n small: {\n height: tokens.sizes['4'],\n paddingLeft: tokens.space['2'],\n paddingRight: tokens.space['2'],\n fontSize: tokens.fontSizes['2'],\n },\n large: {\n height: tokens.sizes['5'],\n paddingLeft: tokens.space['3'],\n paddingRight: tokens.space['3'],\n fontSize: tokens.fontSizes['3'],\n },\n },\n variant: {\n gray: {\n backgroundColor: tokens.colors.gray['6'],\n color: tokens.colors.gray['10'],\n border: `1px solid ${tokens.colors.gray['10']}`,\n },\n red: {\n backgroundColor: tokens.colors.red['6'],\n color: tokens.colors.red['10'],\n border: `1px solid ${tokens.colors.red['10']}`,\n },\n blue: {\n backgroundColor: tokens.colors.blue['6'],\n color: tokens.colors.blue['10'],\n border: `1px solid ${tokens.colors.blue['10']}`,\n },\n green: {\n backgroundColor: tokens.colors.green['6'],\n color: tokens.colors.green['10'],\n border: `1px solid ${tokens.colors.green['10']}`,\n },\n neon: {\n backgroundColor: tokens.colors.neon['6'],\n color: tokens.colors.neon['10'],\n border: `1px solid ${tokens.colors.neon['10']}`,\n },\n orange: {\n backgroundColor: tokens.colors.orange['6'],\n color: tokens.colors.orange['10'],\n border: `1px solid ${tokens.colors.orange['10']}`,\n },\n purple: {\n backgroundColor: tokens.colors.purple['6'],\n color: tokens.colors.purple['10'],\n border: `1px solid ${tokens.colors.purple['10']}`,\n },\n },\n alphaBg: {\n true: {},\n },\n borderless: {\n true: {\n border: 'none',\n },\n },\n },\n\n compoundVariants: [\n {\n variants: { alphaBg: true, variant: 'gray' },\n style: { backgroundColor: tokens.colors.gray.A6 },\n },\n {\n variants: { alphaBg: true, variant: 'red' },\n style: { backgroundColor: tokens.colors.red.A6 },\n },\n {\n variants: { alphaBg: true, variant: 'blue' },\n style: { backgroundColor: tokens.colors.blue.A6 },\n },\n {\n variants: { alphaBg: true, variant: 'green' },\n style: { backgroundColor: tokens.colors.green.A6 },\n },\n {\n variants: { alphaBg: true, variant: 'neon' },\n style: { backgroundColor: tokens.colors.neon.A6 },\n },\n {\n variants: { alphaBg: true, variant: 'orange' },\n style: { backgroundColor: tokens.colors.orange.A6 },\n },\n {\n variants: { alphaBg: true, variant: 'purple' },\n style: { backgroundColor: tokens.colors.purple.A6 },\n },\n ],\n\n defaultVariants: {\n size: 'small',\n variant: 'gray',\n borderless: false,\n },\n});\n\nexport const interactiveBadgeRecipe = recipe({\n base: interactiveBadge,\n\n variants: {\n size: {\n small: {\n height: tokens.sizes['4'],\n paddingLeft: tokens.space['2'],\n paddingRight: tokens.space['2'],\n fontSize: tokens.fontSizes['2'],\n },\n large: {\n height: tokens.sizes['5'],\n paddingLeft: tokens.space['3'],\n paddingRight: tokens.space['3'],\n fontSize: tokens.fontSizes['3'],\n },\n },\n variant: {\n gray: {\n backgroundColor: tokens.colors.gray['6'],\n color: tokens.colors.gray['10'],\n border: `1px solid ${tokens.colors.gray['10']}`,\n },\n red: {\n backgroundColor: tokens.colors.red['6'],\n color: tokens.colors.red['10'],\n border: `1px solid ${tokens.colors.red['10']}`,\n },\n blue: {\n backgroundColor: tokens.colors.blue['6'],\n color: tokens.colors.blue['10'],\n border: `1px solid ${tokens.colors.blue['10']}`,\n },\n green: {\n backgroundColor: tokens.colors.green['6'],\n color: tokens.colors.green['10'],\n border: `1px solid ${tokens.colors.green['10']}`,\n },\n neon: {\n backgroundColor: tokens.colors.neon['6'],\n color: tokens.colors.neon['10'],\n border: `1px solid ${tokens.colors.neon['10']}`,\n },\n orange: {\n backgroundColor: tokens.colors.orange['6'],\n color: tokens.colors.orange['10'],\n border: `1px solid ${tokens.colors.orange['10']}`,\n },\n purple: {\n backgroundColor: tokens.colors.purple['6'],\n color: tokens.colors.purple['10'],\n border: `1px solid ${tokens.colors.purple['10']}`,\n },\n },\n alphaBg: {\n true: {},\n },\n borderless: {\n true: {\n border: 'none',\n },\n },\n },\n\n compoundVariants: [\n {\n variants: { alphaBg: true, variant: 'gray' },\n style: { backgroundColor: tokens.colors.gray.A6 },\n },\n {\n variants: { alphaBg: true, variant: 'red' },\n style: { backgroundColor: tokens.colors.red.A6 },\n },\n {\n variants: { alphaBg: true, variant: 'blue' },\n style: { backgroundColor: tokens.colors.blue.A6 },\n },\n {\n variants: { alphaBg: true, variant: 'green' },\n style: { backgroundColor: tokens.colors.green.A6 },\n },\n {\n variants: { alphaBg: true, variant: 'neon' },\n style: { backgroundColor: tokens.colors.neon.A6 },\n },\n {\n variants: { alphaBg: true, variant: 'orange' },\n style: { backgroundColor: tokens.colors.orange.A6 },\n },\n {\n variants: { alphaBg: true, variant: 'purple' },\n style: { backgroundColor: tokens.colors.purple.A6 },\n },\n ],\n\n defaultVariants: {\n size: 'small',\n variant: 'gray',\n borderless: false,\n },\n});\n"],"mappings":""}

package/dist/components/Badge/Badge.vanilla.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { badgeRecipe, interactiveBadgeRecipe } from "./Badge.vanilla.css.js";
 import { forwardRef } from "react";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { jsx } from "react/jsx-runtime";
-//#region components/Badge/Badge.vanilla.tsx
+// components/Badge/Badge.vanilla.tsx
 var COLORS = [
 	"gray",
 	"red",
@@ -23,21 +23,21 @@ var BadgeVanillaComponentImpl = forwardRef(({ as, interactive, className, css, s
 		...style,
 		...assignInlineVars(vars)
 	};
+	const recipeClass = (interactive ? interactiveBadgeRecipe : badgeRecipe)({
+		size,
+		variant,
+		alphaBg,
+		borderless
+	});
 	return /* @__PURE__ */ jsx(Component, {
 		ref,
-		className: `${(interactive ? interactiveBadgeRecipe : badgeRecipe)({
-			size,
-			variant,
-			alphaBg,
-			borderless
-		})} ${className || ""}`.trim(),
+		className: `${recipeClass} ${className || ""}`.trim(),
 		style: mergedStyles,
 		...props
 	});
 });
 BadgeVanillaComponentImpl.displayName = "BadgeVanilla";
 var BadgeVanilla = BadgeVanillaComponentImpl;
-//#endregion
 export { BadgeVanilla, COLORS };
 //# sourceMappingURL=Badge.vanilla.js.map

package/dist/components/Badge/Badge.vanilla.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Badge.vanilla.js","names":[],"sources":["../../../components/Badge/Badge.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 { badgeRecipe, interactiveBadgeRecipe } from './Badge.vanilla.css';\n\nexport const COLORS = ['gray', 'red', 'blue', 'green', 'neon', 'orange', 'purple'] as const;\n\ntype BadgeRecipeVariants = RecipeVariants<typeof badgeRecipe>;\n\ninterface BadgeOwnProps extends Omit<BadgeRecipeVariants, 'color'>, CSSProps {\n interactive?: boolean;\n}\n\nexport type BadgeVanillaProps<C extends ElementType = 'span'> = PolymorphicComponentProps<\n C,\n BadgeOwnProps\n>;\n\ntype BadgeVanillaComponent = PolymorphicComponent<'span', BadgeVanillaProps<ElementType>>;\n\nconst BadgeVanillaComponentImpl = forwardRef(\n <C extends ElementType = 'span'>(\n {\n as,\n interactive,\n className,\n css,\n style,\n size,\n variant,\n alphaBg,\n borderless,\n ...props\n }: BadgeVanillaProps<C>,\n ref?: PolymorphicRef<C>,\n ) => {\n const Component = as \|\| (interactive ? 'button' : 'span');\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 recipe = interactive ? interactiveBadgeRecipe : badgeRecipe;\n const recipeClass = recipe({ size, variant, alphaBg, borderless });\n\n return (\n <Component\n ref={ref}\n className={`${recipeClass} ${className \|\| ''}`.trim()}\n style={mergedStyles}\n {...props}\n />\n );\n },\n);\n\nBadgeVanillaComponentImpl.displayName = 'BadgeVanilla';\n\nexport const BadgeVanilla = BadgeVanillaComponentImpl as BadgeVanillaComponent;\n"],"mappings":";;;;;;;AAaA,IAAa,SAAS;CAAC;CAAQ;CAAO;CAAQ;CAAS;CAAQ;CAAU;AAAQ;AAejF,IAAM,4BAA4B,YAE9B,EACE,IACA,aACA,WACA,KACA,OACA,MACA,SACA,SACA,YACA,GAAG,SAEL,QACG;CACH,MAAM,YAAY,OAAO,cAAc,WAAW;CAElD,MAAM,EAAE,WAAW,uBAAuB;CAE1C,MAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,MAAM;CAE7D,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,GAAG,iBAAiB,IAAI;CAC1B;~~CAKA~~,~~OACE~~,~~oBAAC~~,~~WAAD;EACO;EACL,WAAW,IANA,~~cAAc,yBAAyB,YAAA,CAC3B;~~GAAE~~;~~GAAM~~;~~GAAS~~;~~GAAS~~;~~EAAW~~,~~CAK9C~~,~~EAAY~~,GAAG,aAAa,KAAK,KAAK;EACpD,OAAO;EACP,GAAI;CACL,CAAA;AAEL,CACF;AAEA,0BAA0B,cAAc;AAExC,IAAa,eAAe"}
1	+ {"version":3,"file":"Badge.vanilla.js","names":[],"sources":["../../../components/Badge/Badge.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 { badgeRecipe, interactiveBadgeRecipe } from './Badge.vanilla.css';\n\nexport const COLORS = ['gray', 'red', 'blue', 'green', 'neon', 'orange', 'purple'] as const;\n\ntype BadgeRecipeVariants = RecipeVariants<typeof badgeRecipe>;\n\ninterface BadgeOwnProps extends Omit<BadgeRecipeVariants, 'color'>, CSSProps {\n interactive?: boolean;\n}\n\nexport type BadgeVanillaProps<C extends ElementType = 'span'> = PolymorphicComponentProps<\n C,\n BadgeOwnProps\n>;\n\ntype BadgeVanillaComponent = PolymorphicComponent<'span', BadgeVanillaProps<ElementType>>;\n\nconst BadgeVanillaComponentImpl = forwardRef(\n <C extends ElementType = 'span'>(\n {\n as,\n interactive,\n className,\n css,\n style,\n size,\n variant,\n alphaBg,\n borderless,\n ...props\n }: BadgeVanillaProps<C>,\n ref?: PolymorphicRef<C>,\n ) => {\n const Component = as \|\| (interactive ? 'button' : 'span');\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 recipe = interactive ? interactiveBadgeRecipe : badgeRecipe;\n const recipeClass = recipe({ size, variant, alphaBg, borderless });\n\n return (\n <Component\n ref={ref}\n className={`${recipeClass} ${className \|\| ''}`.trim()}\n style={mergedStyles}\n {...props}\n />\n );\n },\n);\n\nBadgeVanillaComponentImpl.displayName = 'BadgeVanilla';\n\nexport const BadgeVanilla = BadgeVanillaComponentImpl as BadgeVanillaComponent;\n"],"mappings":";;;;;;;AAaA,IAAa,SAAS;CAAC;CAAQ;CAAO;CAAQ;CAAS;CAAQ;CAAU;AAAQ;AAejF,IAAM,4BAA4B,YAE9B,EACE,IACA,aACA,WACA,KACA,OACA,MACA,SACA,SACA,YACA,GAAG,SAEL,QACG;CACH,MAAM,YAAY,OAAO,cAAc,WAAW;CAElD,MAAM,EAAE,WAAW,uBAAuB;CAE1C,MAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,MAAM;CAE7D,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,GAAG,iBAAiB,IAAI;CAC1B;CAGA,MAAM,eADS,cAAc,yBAAyB,YAAA,CAC3B;EAAE;EAAM;EAAS;EAAS;CAAW,CAAC;CAEjE,OACE,oBAAC,WAAD;EACO;EACL,WAAW,GAAG,YAAY,GAAG,aAAa,KAAK,KAAK;EACpD,OAAO;EACP,GAAI;CACL,CAAA;AAEL,CACF;AAEA,0BAA0B,cAAc;AAExC,IAAa,eAAe"}

package/dist/components/Blockquote/Blockquote.cjs CHANGED Viewed

@@ -1,11 +1,10 @@
 const require_stitches_config = require("../../stitches.config.cjs");
 const require_Text = require("../Text/Text.cjs");
-//#region components/Blockquote/Blockquote.tsx
+// components/Blockquote/Blockquote.tsx
 var Blockquote = require_stitches_config.styled(require_Text.Text, {
 	borderLeft: "2px solid $textDefault",
 	p: "$2 $3"
 });
-//#endregion
 exports.Blockquote = Blockquote;
 //# sourceMappingURL=Blockquote.cjs.map

package/dist/components/Blockquote/Blockquote.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Blockquote.cjs","names":[],"sources":["../../../components/Blockquote/Blockquote.tsx"],"sourcesContent":["import { CSS, styled, VariantProps } from '../../stitches.config';\nimport { Text } from '../Text';\n\nexport const Blockquote = styled(Text, {\n borderLeft: '2px solid $textDefault',\n p: '$2 $3',\n});\n\nexport type BlockquoteVariants = VariantProps<typeof Blockquote>;\nexport type BlockquoteProps = BlockquoteVariants & { css?: CSS };\n"],"mappings":";;;AAGA,IAAa,~~aAAa~~,~~wBAAA~~,~~OAAO~~,~~aAAA~~,MAAM;CACrC,YAAY;CACZ,GAAG;AACL,CAAC"}
1	+ {"version":3,"file":"Blockquote.cjs","names":["styled","Text"],"sources":["../../../components/Blockquote/Blockquote.tsx"],"sourcesContent":["import { CSS, styled, VariantProps } from '../../stitches.config';\nimport { Text } from '../Text';\n\nexport const Blockquote = styled(Text, {\n borderLeft: '2px solid $textDefault',\n p: '$2 $3',\n});\n\nexport type BlockquoteVariants = VariantProps<typeof Blockquote>;\nexport type BlockquoteProps = BlockquoteVariants & { css?: CSS };\n"],"mappings":";;;AAGA,IAAa,aAAaA,wBAAAA,OAAOC,aAAAA,MAAM;CACrC,YAAY;CACZ,GAAG;AACL,CAAC"}

package/dist/components/Blockquote/Blockquote.js CHANGED Viewed

@@ -1,11 +1,10 @@
 import { styled } from "../../stitches.config.js";
 import { Text } from "../Text/Text.js";
-//#region components/Blockquote/Blockquote.tsx
+// components/Blockquote/Blockquote.tsx
 var Blockquote = styled(Text, {
 	borderLeft: "2px solid $textDefault",
 	p: "$2 $3"
 });
-//#endregion
 export { Blockquote };
 //# sourceMappingURL=Blockquote.js.map

package/dist/components/Blockquote/Blockquote.vanilla.cjs CHANGED Viewed

@@ -4,7 +4,7 @@ const require_Blockquote_vanilla_css = require("./Blockquote.vanilla.css.cjs");
 let react = require("react");
 let _vanilla_extract_dynamic = require("@vanilla-extract/dynamic");
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region components/Blockquote/Blockquote.vanilla.tsx
+// components/Blockquote/Blockquote.vanilla.tsx
 var BlockquoteVanillaComponentImpl = (0, react.forwardRef)(({ as, className, css, style, size, weight, variant, gradient, transform, noWrap, ...props }, ref) => {
 	const Component = as || "blockquote";
 	const { colors } = require_themeContext.useVanillaExtractTheme();
@@ -14,23 +14,23 @@ var BlockquoteVanillaComponentImpl = (0, react.forwardRef)(({ as, className, css
 		...style,
 		...(0, _vanilla_extract_dynamic.assignInlineVars)(vars)
 	};
+	const recipeClass = require_Blockquote_vanilla_css.blockquoteRecipe({
+		size,
+		weight,
+		variant,
+		gradient,
+		transform,
+		noWrap
+	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, {
 		ref,
-		className: `${require_Blockquote_vanilla_css.blockquoteRecipe({
-			size,
-			weight,
-			variant,
-			gradient,
-			transform,
-			noWrap
-		})} ${className || ""}`.trim(),
+		className: `${recipeClass} ${className || ""}`.trim(),
 		style: mergedStyles,
 		...props
 	});
 });
 BlockquoteVanillaComponentImpl.displayName = "BlockquoteVanilla";
 var BlockquoteVanilla = BlockquoteVanillaComponentImpl;
-//#endregion
 exports.BlockquoteVanilla = BlockquoteVanilla;
 //# sourceMappingURL=Blockquote.vanilla.cjs.map

package/dist/components/Blockquote/Blockquote.vanilla.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Blockquote.vanilla.cjs","names":[],"sources":["../../../components/Blockquote/Blockquote.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 { blockquoteRecipe } from './Blockquote.vanilla.css';\n\ntype BlockquoteRecipeVariants = RecipeVariants<typeof blockquoteRecipe>;\n\ninterface BlockquoteOwnProps extends Omit<BlockquoteRecipeVariants, never>, CSSProps {}\n\nexport type BlockquoteVanillaProps<C extends ElementType = 'blockquote'> =\n PolymorphicComponentProps<C, BlockquoteOwnProps>;\n\ntype BlockquoteComponent = PolymorphicComponent<'blockquote', BlockquoteVanillaProps<ElementType>>;\n\nconst BlockquoteVanillaComponentImpl = forwardRef(\n <C extends ElementType = 'blockquote'>(\n {\n as,\n className,\n css,\n style,\n size,\n weight,\n variant,\n gradient,\n transform,\n noWrap,\n ...props\n }: BlockquoteVanillaProps<C>,\n ref?: PolymorphicRef<C>,\n ) => {\n const Component = (as \|\| 'blockquote') as ElementType;\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 = blockquoteRecipe({ size, weight, variant, gradient, transform, noWrap });\n\n return (\n <Component\n ref={ref}\n className={`${recipeClass} ${className \|\| ''}`.trim()}\n style={mergedStyles}\n {...props}\n />\n );\n },\n);\n\nBlockquoteVanillaComponentImpl.displayName = 'BlockquoteVanilla';\n\nexport const BlockquoteVanilla = BlockquoteVanillaComponentImpl as BlockquoteComponent;\n"],"mappings":";;;;;;;AAsBA,IAAM,kCAAA,~~GAAA~~,~~MAAA~~,~~WAAA~~,~~EAEF~~,EACE,IACA,WACA,KACA,OACA,MACA,QACA,SACA,UACA,WACA,QACA,GAAG,SAEL,QACG;CACH,MAAM,YAAa,MAAM;CACzB,MAAM,EAAE,~~WAAW~~,~~qBAAA~~,uBAAuB;CAE1C,MAAM,EAAE,OAAO,WAAW,~~SAAS~~,~~iBAAA~~,eAAe,KAAK,MAAM;CAE7D,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,IAAA,~~GAAA~~,~~yBAAA~~,~~iBAAA~~,~~CAAoB~~,IAAI;CAC1B;~~CAIA~~,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD;EACO;EACL,WAAW,~~GALK,+BAAA~~,~~iBAAiB;GAAE;GAAM;GAAQ;GAAS;GAAU;GAAW;EAAO~~,~~CAKxE,EAAY,~~GAAG,aAAa,KAAK,KAAK;EACpD,OAAO;EACP,GAAI;CACL,CAAA;AAEL,CACF;AAEA,+BAA+B,cAAc;AAE7C,IAAa,oBAAoB"}
1	+ {"version":3,"file":"Blockquote.vanilla.cjs","names":["forwardRef","useVanillaExtractTheme","processCSSProp","assignInlineVars","blockquoteRecipe"],"sources":["../../../components/Blockquote/Blockquote.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 { blockquoteRecipe } from './Blockquote.vanilla.css';\n\ntype BlockquoteRecipeVariants = RecipeVariants<typeof blockquoteRecipe>;\n\ninterface BlockquoteOwnProps extends Omit<BlockquoteRecipeVariants, never>, CSSProps {}\n\nexport type BlockquoteVanillaProps<C extends ElementType = 'blockquote'> =\n PolymorphicComponentProps<C, BlockquoteOwnProps>;\n\ntype BlockquoteComponent = PolymorphicComponent<'blockquote', BlockquoteVanillaProps<ElementType>>;\n\nconst BlockquoteVanillaComponentImpl = forwardRef(\n <C extends ElementType = 'blockquote'>(\n {\n as,\n className,\n css,\n style,\n size,\n weight,\n variant,\n gradient,\n transform,\n noWrap,\n ...props\n }: BlockquoteVanillaProps<C>,\n ref?: PolymorphicRef<C>,\n ) => {\n const Component = (as \|\| 'blockquote') as ElementType;\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 = blockquoteRecipe({ size, weight, variant, gradient, transform, noWrap });\n\n return (\n <Component\n ref={ref}\n className={`${recipeClass} ${className \|\| ''}`.trim()}\n style={mergedStyles}\n {...props}\n />\n );\n },\n);\n\nBlockquoteVanillaComponentImpl.displayName = 'BlockquoteVanilla';\n\nexport const BlockquoteVanilla = BlockquoteVanillaComponentImpl as BlockquoteComponent;\n"],"mappings":";;;;;;;AAsBA,IAAM,kCAAA,GAAiCA,MAAAA,WAAAA,EAEnC,EACE,IACA,WACA,KACA,OACA,MACA,QACA,SACA,UACA,WACA,QACA,GAAG,SAEL,QACG;CACH,MAAM,YAAa,MAAM;CACzB,MAAM,EAAE,WAAWC,qBAAAA,uBAAuB;CAE1C,MAAM,EAAE,OAAO,WAAW,SAASC,iBAAAA,eAAe,KAAK,MAAM;CAE7D,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,IAAA,GAAGC,yBAAAA,iBAAAA,CAAiB,IAAI;CAC1B;CAEA,MAAM,cAAcC,+BAAAA,iBAAiB;EAAE;EAAM;EAAQ;EAAS;EAAU;EAAW;CAAO,CAAC;CAE3F,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD;EACO;EACL,WAAW,GAAG,YAAY,GAAG,aAAa,KAAK,KAAK;EACpD,OAAO;EACP,GAAI;CACL,CAAA;AAEL,CACF;AAEA,+BAA+B,cAAc;AAE7C,IAAa,oBAAoB"}

package/dist/components/Blockquote/Blockquote.vanilla.css.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 ;/* empty css                                        */
-//#region components/Blockquote/Blockquote.vanilla.css.ts
+// components/Blockquote/Blockquote.vanilla.css.ts
 var blockquoteRecipe = (0, require("@vanilla-extract/recipes/createRuntimeFn").createRuntimeFn)({
 	defaultClassName: "kyxdzh1 kyxdzh0",
 	variantClassNames: {
@@ -48,7 +48,6 @@ var blockquoteRecipe = (0, require("@vanilla-extract/recipes/createRuntimeFn").c
 	},
 	compoundVariants: []
 });
-//#endregion
 exports.blockquoteRecipe = blockquoteRecipe;
 //# sourceMappingURL=Blockquote.vanilla.css.cjs.map

package/dist/components/Blockquote/Blockquote.vanilla.css.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Blockquote.vanilla.css.cjs","names":[],"sources":["../../../components/Blockquote/Blockquote.vanilla.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { recipe } from '@vanilla-extract/recipes';\n\nimport {\n colorVariants,\n gradientVariants,\n noWrapVariants,\n sizeVariants,\n transformVariants,\n weightVariants,\n} from '../../styles/textVariants.css';\nimport { tokens } from '../../styles/tokens.css';\n\n// Base blockquote styles (inherits from Text component with blockquote-specific overrides)\nconst blockquoteBase = style({\n lineHeight: '1',\n margin: '0',\n fontFamily: tokens.fonts.rubik,\n fontVariantNumeric: 'tabular-nums',\n display: 'inline-block',\n borderLeft: `2px solid ${tokens.colors.textDefault}`,\n padding: `${tokens.space['2']} ${tokens.space['3']}`,\n});\n\nexport const blockquoteRecipe = recipe({\n base: blockquoteBase,\n\n variants: {\n size: sizeVariants,\n weight: weightVariants,\n variant: colorVariants,\n gradient: gradientVariants,\n transform: transformVariants,\n noWrap: noWrapVariants,\n },\n\n defaultVariants: {\n size: '3',\n variant: 'default',\n },\n});\n"],"mappings":""}
1	+ {"version":3,"file":"Blockquote.vanilla.css.cjs","names":["_7a468"],"sources":["../../../components/Blockquote/Blockquote.vanilla.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { recipe } from '@vanilla-extract/recipes';\n\nimport {\n colorVariants,\n gradientVariants,\n noWrapVariants,\n sizeVariants,\n transformVariants,\n weightVariants,\n} from '../../styles/textVariants.css';\nimport { tokens } from '../../styles/tokens.css';\n\n// Base blockquote styles (inherits from Text component with blockquote-specific overrides)\nconst blockquoteBase = style({\n lineHeight: '1',\n margin: '0',\n fontFamily: tokens.fonts.rubik,\n fontVariantNumeric: 'tabular-nums',\n display: 'inline-block',\n borderLeft: `2px solid ${tokens.colors.textDefault}`,\n padding: `${tokens.space['2']} ${tokens.space['3']}`,\n});\n\nexport const blockquoteRecipe = recipe({\n base: blockquoteBase,\n\n variants: {\n size: sizeVariants,\n weight: weightVariants,\n variant: colorVariants,\n gradient: gradientVariants,\n transform: transformVariants,\n noWrap: noWrapVariants,\n },\n\n defaultVariants: {\n size: '3',\n variant: 'default',\n },\n});\n"],"mappings":""}

package/dist/components/Blockquote/Blockquote.vanilla.css.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /* empty css                                      */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-//#region components/Blockquote/Blockquote.vanilla.css.ts
+// components/Blockquote/Blockquote.vanilla.css.ts
 var blockquoteRecipe = createRuntimeFn({
 	defaultClassName: "kyxdzh1 kyxdzh0",
 	variantClassNames: {
@@ -49,7 +49,6 @@ var blockquoteRecipe = createRuntimeFn({
 	},
 	compoundVariants: []
 });
-//#endregion
 export { blockquoteRecipe };
 //# sourceMappingURL=Blockquote.vanilla.css.js.map

package/dist/components/Blockquote/Blockquote.vanilla.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Blockquote.vanilla.css.js","names":[],"sources":["../../../components/Blockquote/Blockquote.vanilla.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { recipe } from '@vanilla-extract/recipes';\n\nimport {\n colorVariants,\n gradientVariants,\n noWrapVariants,\n sizeVariants,\n transformVariants,\n weightVariants,\n} from '../../styles/textVariants.css';\nimport { tokens } from '../../styles/tokens.css';\n\n// Base blockquote styles (inherits from Text component with blockquote-specific overrides)\nconst blockquoteBase = style({\n lineHeight: '1',\n margin: '0',\n fontFamily: tokens.fonts.rubik,\n fontVariantNumeric: 'tabular-nums',\n display: 'inline-block',\n borderLeft: `2px solid ${tokens.colors.textDefault}`,\n padding: `${tokens.space['2']} ${tokens.space['3']}`,\n});\n\nexport const blockquoteRecipe = recipe({\n base: blockquoteBase,\n\n variants: {\n size: sizeVariants,\n weight: weightVariants,\n variant: colorVariants,\n gradient: gradientVariants,\n transform: transformVariants,\n noWrap: noWrapVariants,\n },\n\n defaultVariants: {\n size: '3',\n variant: 'default',\n },\n});\n"],"mappings":""}
1	+ {"version":3,"file":"Blockquote.vanilla.css.js","names":["_7a468"],"sources":["../../../components/Blockquote/Blockquote.vanilla.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { recipe } from '@vanilla-extract/recipes';\n\nimport {\n colorVariants,\n gradientVariants,\n noWrapVariants,\n sizeVariants,\n transformVariants,\n weightVariants,\n} from '../../styles/textVariants.css';\nimport { tokens } from '../../styles/tokens.css';\n\n// Base blockquote styles (inherits from Text component with blockquote-specific overrides)\nconst blockquoteBase = style({\n lineHeight: '1',\n margin: '0',\n fontFamily: tokens.fonts.rubik,\n fontVariantNumeric: 'tabular-nums',\n display: 'inline-block',\n borderLeft: `2px solid ${tokens.colors.textDefault}`,\n padding: `${tokens.space['2']} ${tokens.space['3']}`,\n});\n\nexport const blockquoteRecipe = recipe({\n base: blockquoteBase,\n\n variants: {\n size: sizeVariants,\n weight: weightVariants,\n variant: colorVariants,\n gradient: gradientVariants,\n transform: transformVariants,\n noWrap: noWrapVariants,\n },\n\n defaultVariants: {\n size: '3',\n variant: 'default',\n },\n});\n"],"mappings":""}

package/dist/components/Blockquote/Blockquote.vanilla.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { blockquoteRecipe } from "./Blockquote.vanilla.css.js";
 import { forwardRef } from "react";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { jsx } from "react/jsx-runtime";
-//#region components/Blockquote/Blockquote.vanilla.tsx
+// components/Blockquote/Blockquote.vanilla.tsx
 var BlockquoteVanillaComponentImpl = forwardRef(({ as, className, css, style, size, weight, variant, gradient, transform, noWrap, ...props }, ref) => {
 	const Component = as || "blockquote";
 	const { colors } = useVanillaExtractTheme();
@@ -14,23 +14,23 @@ var BlockquoteVanillaComponentImpl = forwardRef(({ as, className, css, style, si
 		...style,
 		...assignInlineVars(vars)
 	};
+	const recipeClass = blockquoteRecipe({
+		size,
+		weight,
+		variant,
+		gradient,
+		transform,
+		noWrap
+	});
 	return /* @__PURE__ */ jsx(Component, {
 		ref,
-		className: `${blockquoteRecipe({
-			size,
-			weight,
-			variant,
-			gradient,
-			transform,
-			noWrap
-		})} ${className || ""}`.trim(),
+		className: `${recipeClass} ${className || ""}`.trim(),
 		style: mergedStyles,
 		...props
 	});
 });
 BlockquoteVanillaComponentImpl.displayName = "BlockquoteVanilla";
 var BlockquoteVanilla = BlockquoteVanillaComponentImpl;
-//#endregion
 export { BlockquoteVanilla };
 //# sourceMappingURL=Blockquote.vanilla.js.map

package/dist/components/Blockquote/Blockquote.vanilla.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Blockquote.vanilla.js","names":[],"sources":["../../../components/Blockquote/Blockquote.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 { blockquoteRecipe } from './Blockquote.vanilla.css';\n\ntype BlockquoteRecipeVariants = RecipeVariants<typeof blockquoteRecipe>;\n\ninterface BlockquoteOwnProps extends Omit<BlockquoteRecipeVariants, never>, CSSProps {}\n\nexport type BlockquoteVanillaProps<C extends ElementType = 'blockquote'> =\n PolymorphicComponentProps<C, BlockquoteOwnProps>;\n\ntype BlockquoteComponent = PolymorphicComponent<'blockquote', BlockquoteVanillaProps<ElementType>>;\n\nconst BlockquoteVanillaComponentImpl = forwardRef(\n <C extends ElementType = 'blockquote'>(\n {\n as,\n className,\n css,\n style,\n size,\n weight,\n variant,\n gradient,\n transform,\n noWrap,\n ...props\n }: BlockquoteVanillaProps<C>,\n ref?: PolymorphicRef<C>,\n ) => {\n const Component = (as \|\| 'blockquote') as ElementType;\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 = blockquoteRecipe({ size, weight, variant, gradient, transform, noWrap });\n\n return (\n <Component\n ref={ref}\n className={`${recipeClass} ${className \|\| ''}`.trim()}\n style={mergedStyles}\n {...props}\n />\n );\n },\n);\n\nBlockquoteVanillaComponentImpl.displayName = 'BlockquoteVanilla';\n\nexport const BlockquoteVanilla = BlockquoteVanillaComponentImpl as BlockquoteComponent;\n"],"mappings":";;;;;;;AAsBA,IAAM,iCAAiC,YAEnC,EACE,IACA,WACA,KACA,OACA,MACA,QACA,SACA,UACA,WACA,QACA,GAAG,SAEL,QACG;CACH,MAAM,YAAa,MAAM;CACzB,MAAM,EAAE,WAAW,uBAAuB;CAE1C,MAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,MAAM;CAE7D,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,GAAG,iBAAiB,IAAI;CAC1B;~~CAIA~~,OACE,oBAAC,WAAD;EACO;EACL,WAAW,~~GALK~~,~~iBAAiB;GAAE;GAAM;GAAQ;GAAS;GAAU;GAAW;EAAO~~,~~CAKxE,EAAY,~~GAAG,aAAa,KAAK,KAAK;EACpD,OAAO;EACP,GAAI;CACL,CAAA;AAEL,CACF;AAEA,+BAA+B,cAAc;AAE7C,IAAa,oBAAoB"}
1	+ {"version":3,"file":"Blockquote.vanilla.js","names":[],"sources":["../../../components/Blockquote/Blockquote.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 { blockquoteRecipe } from './Blockquote.vanilla.css';\n\ntype BlockquoteRecipeVariants = RecipeVariants<typeof blockquoteRecipe>;\n\ninterface BlockquoteOwnProps extends Omit<BlockquoteRecipeVariants, never>, CSSProps {}\n\nexport type BlockquoteVanillaProps<C extends ElementType = 'blockquote'> =\n PolymorphicComponentProps<C, BlockquoteOwnProps>;\n\ntype BlockquoteComponent = PolymorphicComponent<'blockquote', BlockquoteVanillaProps<ElementType>>;\n\nconst BlockquoteVanillaComponentImpl = forwardRef(\n <C extends ElementType = 'blockquote'>(\n {\n as,\n className,\n css,\n style,\n size,\n weight,\n variant,\n gradient,\n transform,\n noWrap,\n ...props\n }: BlockquoteVanillaProps<C>,\n ref?: PolymorphicRef<C>,\n ) => {\n const Component = (as \|\| 'blockquote') as ElementType;\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 = blockquoteRecipe({ size, weight, variant, gradient, transform, noWrap });\n\n return (\n <Component\n ref={ref}\n className={`${recipeClass} ${className \|\| ''}`.trim()}\n style={mergedStyles}\n {...props}\n />\n );\n },\n);\n\nBlockquoteVanillaComponentImpl.displayName = 'BlockquoteVanilla';\n\nexport const BlockquoteVanilla = BlockquoteVanillaComponentImpl as BlockquoteComponent;\n"],"mappings":";;;;;;;AAsBA,IAAM,iCAAiC,YAEnC,EACE,IACA,WACA,KACA,OACA,MACA,QACA,SACA,UACA,WACA,QACA,GAAG,SAEL,QACG;CACH,MAAM,YAAa,MAAM;CACzB,MAAM,EAAE,WAAW,uBAAuB;CAE1C,MAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,MAAM;CAE7D,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,GAAG,iBAAiB,IAAI;CAC1B;CAEA,MAAM,cAAc,iBAAiB;EAAE;EAAM;EAAQ;EAAS;EAAU;EAAW;CAAO,CAAC;CAE3F,OACE,oBAAC,WAAD;EACO;EACL,WAAW,GAAG,YAAY,GAAG,aAAa,KAAK,KAAK;EACpD,OAAO;EACP,GAAI;CACL,CAAA;AAEL,CACF;AAEA,+BAA+B,cAAc;AAE7C,IAAa,oBAAoB"}

package/dist/components/Box/Box.cjs CHANGED Viewed

@@ -1,6 +1,5 @@
-//#region components/Box/Box.tsx
+// components/Box/Box.tsx
 var Box = require("../../stitches.config.cjs").styled("div", { boxSizing: "border-box" });
-//#endregion
 exports.Box = Box;
 //# sourceMappingURL=Box.cjs.map

package/dist/components/Box/Box.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Box.cjs","names":[],"sources":["../../../components/Box/Box.tsx"],"sourcesContent":["import { styled } from '../../stitches.config';\n\nexport const Box = styled('div', {\n // Reset\n boxSizing: 'border-box',\n});\n"],"mappings":";AAEA,IAAa,~~yCAAM~~,~~CAAA~~,~~CAAA~~,OAAO,OAAO,EAE/B,WAAW,aACb,CAAC"}
1	+ {"version":3,"file":"Box.cjs","names":["styled"],"sources":["../../../components/Box/Box.tsx"],"sourcesContent":["import { styled } from '../../stitches.config';\n\nexport const Box = styled('div', {\n // Reset\n boxSizing: 'border-box',\n});\n"],"mappings":";AAEA,IAAa,M,mCAAMA,CAAAA,CAAAA,OAAO,OAAO,EAE/B,WAAW,aACb,CAAC"}

package/dist/components/Box/Box.js CHANGED Viewed

@@ -1,7 +1,6 @@
 import { styled } from "../../stitches.config.js";
-//#region components/Box/Box.tsx
+// components/Box/Box.tsx
 var Box = styled("div", { boxSizing: "border-box" });
-//#endregion
 export { Box };
 //# sourceMappingURL=Box.js.map

package/dist/components/Box/Box.vanilla.cjs CHANGED Viewed

@@ -4,7 +4,7 @@ const require_Box_vanilla_css = require("./Box.vanilla.css.cjs");
 let react = require("react");
 let _vanilla_extract_dynamic = require("@vanilla-extract/dynamic");
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region components/Box/Box.vanilla.tsx
+// components/Box/Box.vanilla.tsx
 var BoxVanillaComponent = (0, react.forwardRef)(({ as, className, css, style, ...props }, ref) => {
 	const Component = as || "div";
 	const { colors } = require_themeContext.useVanillaExtractTheme();
@@ -23,7 +23,6 @@ var BoxVanillaComponent = (0, react.forwardRef)(({ as, className, css, style, ..
 });
 BoxVanillaComponent.displayName = "BoxVanilla";
 var BoxVanilla = BoxVanillaComponent;
-//#endregion
 exports.BoxVanilla = BoxVanilla;
 //# sourceMappingURL=Box.vanilla.cjs.map

package/dist/components/Box/Box.vanilla.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Box.vanilla.cjs","names":[],"sources":["../../../components/Box/Box.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 { box } from './Box.vanilla.css';\n\nexport type BoxProps<C extends ElementType = 'div'> = PolymorphicComponentProps<C, CSSProps>;\n\ntype BoxComponent = PolymorphicComponent<'div', BoxProps<ElementType>>;\n\nconst BoxVanillaComponent = forwardRef(\n <C extends ElementType = 'div'>(\n { as, className, css, style, ...props }: BoxProps<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 return (\n <Component\n ref={ref}\n className={`${box} ${className \|\| ''}`.trim()}\n style={mergedStyles}\n {...props}\n />\n );\n },\n);\n\nBoxVanillaComponent.displayName = 'BoxVanilla';\n\nexport const BoxVanilla = BoxVanillaComponent as BoxComponent;\n"],"mappings":";;;;;;;AAgBA,IAAM,uBAAA,~~GAAA~~,~~MAAA~~,~~WAAA~~,~~EAEF~~,EAAE,IAAI,WAAW,KAAK,OAAO,GAAG,SAChC,QACG;CACH,MAAM,YAAY,MAAM;CAExB,MAAM,EAAE,~~WAAW~~,~~qBAAA~~,uBAAuB;CAE1C,MAAM,EAAE,OAAO,WAAW,~~SAAS~~,~~iBAAA~~,eAAe,KAAK,MAAM;CAE7D,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,IAAA,~~GAAA~~,~~yBAAA~~,~~iBAAA~~,~~CAAoB~~,IAAI;CAC1B;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD;EACO;EACL,WAAW,~~GAAG~~,~~wBAAA~~,IAAI,GAAG,aAAa,KAAK,KAAK;EAC5C,OAAO;EACP,GAAI;CACL,CAAA;AAEL,CACF;AAEA,oBAAoB,cAAc;AAElC,IAAa,aAAa"}
1	+ {"version":3,"file":"Box.vanilla.cjs","names":["forwardRef","useVanillaExtractTheme","processCSSProp","assignInlineVars","box"],"sources":["../../../components/Box/Box.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 { box } from './Box.vanilla.css';\n\nexport type BoxProps<C extends ElementType = 'div'> = PolymorphicComponentProps<C, CSSProps>;\n\ntype BoxComponent = PolymorphicComponent<'div', BoxProps<ElementType>>;\n\nconst BoxVanillaComponent = forwardRef(\n <C extends ElementType = 'div'>(\n { as, className, css, style, ...props }: BoxProps<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 return (\n <Component\n ref={ref}\n className={`${box} ${className \|\| ''}`.trim()}\n style={mergedStyles}\n {...props}\n />\n );\n },\n);\n\nBoxVanillaComponent.displayName = 'BoxVanilla';\n\nexport const BoxVanilla = BoxVanillaComponent as BoxComponent;\n"],"mappings":";;;;;;;AAgBA,IAAM,uBAAA,GAAsBA,MAAAA,WAAAA,EAExB,EAAE,IAAI,WAAW,KAAK,OAAO,GAAG,SAChC,QACG;CACH,MAAM,YAAY,MAAM;CAExB,MAAM,EAAE,WAAWC,qBAAAA,uBAAuB;CAE1C,MAAM,EAAE,OAAO,WAAW,SAASC,iBAAAA,eAAe,KAAK,MAAM;CAE7D,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,IAAA,GAAGC,yBAAAA,iBAAAA,CAAiB,IAAI;CAC1B;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD;EACO;EACL,WAAW,GAAGC,wBAAAA,IAAI,GAAG,aAAa,KAAK,KAAK;EAC5C,OAAO;EACP,GAAI;CACL,CAAA;AAEL,CACF;AAEA,oBAAoB,cAAc;AAElC,IAAa,aAAa"}

package/dist/components/Box/Box.vanilla.css.cjs CHANGED Viewed

@@ -1,7 +1,6 @@
 ;/* empty css                                 */
-//#region components/Box/Box.vanilla.css.ts
+// components/Box/Box.vanilla.css.ts
 var box = "_1gkkr000";
-//#endregion
 exports.box = box;
 //# sourceMappingURL=Box.vanilla.css.cjs.map

package/dist/components/Box/Box.vanilla.css.js CHANGED Viewed

@@ -1,7 +1,6 @@
 /* empty css                               */
-//#region components/Box/Box.vanilla.css.ts
+// components/Box/Box.vanilla.css.ts
 var box = "_1gkkr000";
-//#endregion
 export { box };
 //# sourceMappingURL=Box.vanilla.css.js.map

package/dist/components/Box/Box.vanilla.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { box } from "./Box.vanilla.css.js";
 import { forwardRef } from "react";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { jsx } from "react/jsx-runtime";
-//#region components/Box/Box.vanilla.tsx
+// components/Box/Box.vanilla.tsx
 var BoxVanillaComponent = forwardRef(({ as, className, css, style, ...props }, ref) => {
 	const Component = as || "div";
 	const { colors } = useVanillaExtractTheme();
@@ -23,7 +23,6 @@ var BoxVanillaComponent = forwardRef(({ as, className, css, style, ...props }, r
 });
 BoxVanillaComponent.displayName = "BoxVanilla";
 var BoxVanilla = BoxVanillaComponent;
-//#endregion
 export { BoxVanilla };
 //# sourceMappingURL=Box.vanilla.js.map

package/dist/components/Bubble/Bubble.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 const require_stitches_config = require("../../stitches.config.cjs");
-//#region components/Bubble/Bubble.tsx
+// components/Bubble/Bubble.tsx
 var bip = require_stitches_config.keyframes({
 	"0%": {
 		top: 0,
@@ -93,7 +93,6 @@ var Bubble = require_stitches_config.styled("div", {
 		noAnimation: false
 	}
 });
-//#endregion
 exports.Bubble = Bubble;
 //# sourceMappingURL=Bubble.cjs.map

package/dist/components/Bubble/Bubble.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Bubble.cjs","names":[],"sources":["../../../components/Bubble/Bubble.tsx"],"sourcesContent":["import { keyframes, styled } from '../../stitches.config';\n\nconst bip = keyframes({\n '0%': {\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n opacity: 1,\n },\n '100%': {\n top: -8,\n right: -8,\n bottom: -8,\n left: -8,\n opacity: 0,\n },\n});\n\nexport const Bubble = styled('div', {\n display: 'inline-block',\n size: '$4',\n bc: '$red8',\n borderRadius: '50%',\n position: 'relative',\n\n '&::before': {\n animation: `${bip} 1s ease infinite`,\n boxSizing: 'border-box',\n content: '\"\"',\n position: 'absolute',\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n boxShadow: 'inset 0 0 0 1px rgba(255,255,255,.5)',\n borderRadius: '50%',\n pointerEvents: 'none',\n zIndex: -1,\n },\n\n '&::after': {\n boxSizing: 'border-box',\n content: '\"\"',\n position: 'absolute',\n top: 5,\n right: 5,\n bottom: 5,\n left: 5,\n bc: 'rgba(255,255,255,.1)',\n borderRadius: '50%',\n pointerEvents: 'none',\n },\n\n variants: {\n variant: {\n red: { bc: '$red8', '&::before': { bc: '$red8' } },\n green: { bc: '$green8', '&::before': { bc: '$green8' } },\n orange: { bc: '$orange8', '&::before': { bc: '$orange8' } },\n blue: { bc: '$blue8', '&::before': { bc: '$blue8' } },\n yellow: { bc: '$neon8', '&::before': { bc: '$neon8' } },\n purple: { bc: '$purple8', '&::before': { bc: '$purple8' } },\n gray: { bc: '$slate8', '&::before': { bc: '$slate8' } },\n },\n size: {\n 'x-small': { size: '$1' },\n small: { size: '$2' },\n medium: { size: '$3' },\n large: { size: '$4' },\n 'x-large': { size: '$5' },\n },\n noAnimation: {\n true: {\n '&::before': { content: 'none' },\n },\n },\n },\n\n defaultVariants: {\n size: 'small',\n noAnimation: false,\n },\n});\n"],"mappings":";;AAEA,IAAM,~~MAAM~~,~~wBAAA~~,UAAU;CACpB,MAAM;EACJ,KAAK;EACL,OAAO;EACP,QAAQ;EACR,MAAM;EACN,SAAS;CACX;CACA,QAAQ;EACN,KAAK;EACL,OAAO;EACP,QAAQ;EACR,MAAM;EACN,SAAS;CACX;AACF,CAAC;AAED,IAAa,~~SAAS~~,~~wBAAA~~,OAAO,OAAO;CAClC,SAAS;CACT,MAAM;CACN,IAAI;CACJ,cAAc;CACd,UAAU;CAEV,aAAa;EACX,WAAW,GAAG,IAAI;EAClB,WAAW;EACX,SAAS;EACT,UAAU;EACV,KAAK;EACL,OAAO;EACP,QAAQ;EACR,MAAM;EACN,WAAW;EACX,cAAc;EACd,eAAe;EACf,QAAQ;CACV;CAEA,YAAY;EACV,WAAW;EACX,SAAS;EACT,UAAU;EACV,KAAK;EACL,OAAO;EACP,QAAQ;EACR,MAAM;EACN,IAAI;EACJ,cAAc;EACd,eAAe;CACjB;CAEA,UAAU;EACR,SAAS;GACP,KAAK;IAAE,IAAI;IAAS,aAAa,EAAE,IAAI,QAAQ;GAAE;GACjD,OAAO;IAAE,IAAI;IAAW,aAAa,EAAE,IAAI,UAAU;GAAE;GACvD,QAAQ;IAAE,IAAI;IAAY,aAAa,EAAE,IAAI,WAAW;GAAE;GAC1D,MAAM;IAAE,IAAI;IAAU,aAAa,EAAE,IAAI,SAAS;GAAE;GACpD,QAAQ;IAAE,IAAI;IAAU,aAAa,EAAE,IAAI,SAAS;GAAE;GACtD,QAAQ;IAAE,IAAI;IAAY,aAAa,EAAE,IAAI,WAAW;GAAE;GAC1D,MAAM;IAAE,IAAI;IAAW,aAAa,EAAE,IAAI,UAAU;GAAE;EACxD;EACA,MAAM;GACJ,WAAW,EAAE,MAAM,KAAK;GACxB,OAAO,EAAE,MAAM,KAAK;GACpB,QAAQ,EAAE,MAAM,KAAK;GACrB,OAAO,EAAE,MAAM,KAAK;GACpB,WAAW,EAAE,MAAM,KAAK;EAC1B;EACA,aAAa,EACX,MAAM,EACJ,aAAa,EAAE,SAAS,OAAO,EACjC,EACF;CACF;CAEA,iBAAiB;EACf,MAAM;EACN,aAAa;CACf;AACF,CAAC"}
1	+ {"version":3,"file":"Bubble.cjs","names":["keyframes","styled"],"sources":["../../../components/Bubble/Bubble.tsx"],"sourcesContent":["import { keyframes, styled } from '../../stitches.config';\n\nconst bip = keyframes({\n '0%': {\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n opacity: 1,\n },\n '100%': {\n top: -8,\n right: -8,\n bottom: -8,\n left: -8,\n opacity: 0,\n },\n});\n\nexport const Bubble = styled('div', {\n display: 'inline-block',\n size: '$4',\n bc: '$red8',\n borderRadius: '50%',\n position: 'relative',\n\n '&::before': {\n animation: `${bip} 1s ease infinite`,\n boxSizing: 'border-box',\n content: '\"\"',\n position: 'absolute',\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n boxShadow: 'inset 0 0 0 1px rgba(255,255,255,.5)',\n borderRadius: '50%',\n pointerEvents: 'none',\n zIndex: -1,\n },\n\n '&::after': {\n boxSizing: 'border-box',\n content: '\"\"',\n position: 'absolute',\n top: 5,\n right: 5,\n bottom: 5,\n left: 5,\n bc: 'rgba(255,255,255,.1)',\n borderRadius: '50%',\n pointerEvents: 'none',\n },\n\n variants: {\n variant: {\n red: { bc: '$red8', '&::before': { bc: '$red8' } },\n green: { bc: '$green8', '&::before': { bc: '$green8' } },\n orange: { bc: '$orange8', '&::before': { bc: '$orange8' } },\n blue: { bc: '$blue8', '&::before': { bc: '$blue8' } },\n yellow: { bc: '$neon8', '&::before': { bc: '$neon8' } },\n purple: { bc: '$purple8', '&::before': { bc: '$purple8' } },\n gray: { bc: '$slate8', '&::before': { bc: '$slate8' } },\n },\n size: {\n 'x-small': { size: '$1' },\n small: { size: '$2' },\n medium: { size: '$3' },\n large: { size: '$4' },\n 'x-large': { size: '$5' },\n },\n noAnimation: {\n true: {\n '&::before': { content: 'none' },\n },\n },\n },\n\n defaultVariants: {\n size: 'small',\n noAnimation: false,\n },\n});\n"],"mappings":";;AAEA,IAAM,MAAMA,wBAAAA,UAAU;CACpB,MAAM;EACJ,KAAK;EACL,OAAO;EACP,QAAQ;EACR,MAAM;EACN,SAAS;CACX;CACA,QAAQ;EACN,KAAK;EACL,OAAO;EACP,QAAQ;EACR,MAAM;EACN,SAAS;CACX;AACF,CAAC;AAED,IAAa,SAASC,wBAAAA,OAAO,OAAO;CAClC,SAAS;CACT,MAAM;CACN,IAAI;CACJ,cAAc;CACd,UAAU;CAEV,aAAa;EACX,WAAW,GAAG,IAAI;EAClB,WAAW;EACX,SAAS;EACT,UAAU;EACV,KAAK;EACL,OAAO;EACP,QAAQ;EACR,MAAM;EACN,WAAW;EACX,cAAc;EACd,eAAe;EACf,QAAQ;CACV;CAEA,YAAY;EACV,WAAW;EACX,SAAS;EACT,UAAU;EACV,KAAK;EACL,OAAO;EACP,QAAQ;EACR,MAAM;EACN,IAAI;EACJ,cAAc;EACd,eAAe;CACjB;CAEA,UAAU;EACR,SAAS;GACP,KAAK;IAAE,IAAI;IAAS,aAAa,EAAE,IAAI,QAAQ;GAAE;GACjD,OAAO;IAAE,IAAI;IAAW,aAAa,EAAE,IAAI,UAAU;GAAE;GACvD,QAAQ;IAAE,IAAI;IAAY,aAAa,EAAE,IAAI,WAAW;GAAE;GAC1D,MAAM;IAAE,IAAI;IAAU,aAAa,EAAE,IAAI,SAAS;GAAE;GACpD,QAAQ;IAAE,IAAI;IAAU,aAAa,EAAE,IAAI,SAAS;GAAE;GACtD,QAAQ;IAAE,IAAI;IAAY,aAAa,EAAE,IAAI,WAAW;GAAE;GAC1D,MAAM;IAAE,IAAI;IAAW,aAAa,EAAE,IAAI,UAAU;GAAE;EACxD;EACA,MAAM;GACJ,WAAW,EAAE,MAAM,KAAK;GACxB,OAAO,EAAE,MAAM,KAAK;GACpB,QAAQ,EAAE,MAAM,KAAK;GACrB,OAAO,EAAE,MAAM,KAAK;GACpB,WAAW,EAAE,MAAM,KAAK;EAC1B;EACA,aAAa,EACX,MAAM,EACJ,aAAa,EAAE,SAAS,OAAO,EACjC,EACF;CACF;CAEA,iBAAiB;EACf,MAAM;EACN,aAAa;CACf;AACF,CAAC"}