@max-ts/svelte 1.9.1 → 1.10.0

package/dist/components/Typography/styles.css.js

@@ -1,117 +1,54 @@
-import { endFileScope, setFileScope } from "../../node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/fileScope/dist/vanilla-extract-css-fileScope.browser.esm.js";
-import { style, styleVariants } from "../../node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/dist/vanilla-extract-css.browser.esm.js";
-import { theme } from "../../theme.js";
 //#region src/components/Typography/styles.css.ts
-setFileScope("src/components/Typography/styles.css.ts", "@max-ts/svelte");
-const variants = styleVariants({
-	h1: {
-		fontSize: theme.fontSize["4xl"],
-		fontWeight: theme.fontWeight.bold,
-		lineHeight: theme.lineHeight.tight,
-		letterSpacing: "-0.025em"
-	},
-	h2: {
-		fontSize: theme.fontSize["3xl"],
-		fontWeight: theme.fontWeight.bold,
-		lineHeight: theme.lineHeight.tight,
-		letterSpacing: "-0.025em"
-	},
-	h3: {
-		fontSize: theme.fontSize["2xl"],
-		fontWeight: theme.fontWeight.bold,
-		lineHeight: theme.lineHeight.snug,
-		letterSpacing: "-0.025em"
-	},
-	h4: {
-		fontSize: theme.fontSize.xl,
-		fontWeight: theme.fontWeight.semibold,
-		lineHeight: theme.lineHeight.snug
-	},
-	h5: {
-		fontSize: theme.fontSize.lg,
-		fontWeight: theme.fontWeight.semibold,
-		lineHeight: theme.lineHeight.normal
-	},
-	h6: {
-		fontSize: theme.fontSize.base,
-		fontWeight: theme.fontWeight.semibold,
-		lineHeight: theme.lineHeight.normal
-	},
-	subtitle1: {
-		fontSize: theme.fontSize.base,
-		fontWeight: theme.fontWeight.medium,
-		lineHeight: theme.lineHeight.normal,
-		letterSpacing: "0.009em"
-	},
-	subtitle2: {
-		fontSize: theme.fontSize.sm,
-		fontWeight: theme.fontWeight.medium,
-		lineHeight: 1.57,
-		letterSpacing: "0.007em"
-	},
-	body1: {
-		fontSize: theme.fontSize.base,
-		fontWeight: theme.fontWeight.normal,
-		lineHeight: theme.lineHeight.normal,
-		letterSpacing: "0.012em"
-	},
-	body2: {
-		fontSize: theme.fontSize.sm,
-		fontWeight: theme.fontWeight.normal,
-		lineHeight: theme.lineHeight.snug,
-		letterSpacing: "0.01em"
-	},
-	caption: {
-		fontSize: theme.fontSize.xs,
-		fontWeight: theme.fontWeight.normal,
-		lineHeight: theme.lineHeight.relaxed,
-		letterSpacing: "0.027em"
-	},
-	overline: {
-		fontSize: theme.fontSize.xs,
-		fontWeight: theme.fontWeight.normal,
-		lineHeight: 2.66,
-		letterSpacing: "0.083em",
-		textTransform: "uppercase"
-	}
-}, "variants");
-const colors = styleVariants({
-	primary: { color: theme.colors.text.primary },
-	secondary: { color: theme.colors.text.secondary },
-	disabled: { color: theme.colors.text.disabled },
-	success: { color: theme.colors.success },
-	error: { color: theme.colors.error },
-	warning: { color: theme.colors.warning },
-	info: { color: theme.colors.info },
-	muted: { color: theme.colors.text.hint }
-}, "colors");
-const alignments = styleVariants({
-	left: { textAlign: "left" },
-	center: { textAlign: "center" },
-	right: { textAlign: "right" },
-	justify: { textAlign: "justify" }
-}, "alignments");
-const displays = styleVariants({
-	block: { display: "block" },
-	inline: { display: "inline" }
-}, "displays");
-const weights = styleVariants({
-	normal: { fontWeight: theme.fontWeight.normal },
-	medium: { fontWeight: theme.fontWeight.medium },
-	semibold: { fontWeight: theme.fontWeight.semibold },
-	bold: { fontWeight: theme.fontWeight.bold }
-}, "weights");
-const transforms = styleVariants({
-	lowercase: { textTransform: "lowercase" },
-	uppercase: { textTransform: "uppercase" },
-	capitalize: { textTransform: "capitalize" }
-}, "transforms");
-const decorations = styleVariants({
-	none: { textDecoration: "none" },
-	underline: { textDecoration: "underline" },
-	lineThrough: { textDecoration: "line-through" }
-}, "decorations");
-const gutterBottomClass = style({ marginBottom: theme.spacing[2] }, "gutterBottomClass");
-endFileScope();
+var alignments = {
+	left: "styles_alignments_left__13e75ljk",
+	center: "styles_alignments_center__13e75ljl",
+	right: "styles_alignments_right__13e75ljm",
+	justify: "styles_alignments_justify__13e75ljn"
+};
+var colors = {
+	primary: "styles_colors_primary__13e75ljc",
+	secondary: "styles_colors_secondary__13e75ljd",
+	disabled: "styles_colors_disabled__13e75lje",
+	success: "styles_colors_success__13e75ljf",
+	error: "styles_colors_error__13e75ljg",
+	warning: "styles_colors_warning__13e75ljh",
+	info: "styles_colors_info__13e75lji",
+	muted: "styles_colors_muted__13e75ljj"
+};
+var decorations = {
+	none: "styles_decorations_none__13e75ljx",
+	underline: "styles_decorations_underline__13e75ljy",
+	lineThrough: "styles_decorations_lineThrough__13e75ljz"
+};
+var displays = {
+	block: "styles_displays_block__13e75ljo",
+	inline: "styles_displays_inline__13e75ljp"
+};
+var gutterBottomClass = "styles_gutterBottomClass__13e75lj10";
+var transforms = {
+	lowercase: "styles_transforms_lowercase__13e75lju",
+	uppercase: "styles_transforms_uppercase__13e75ljv",
+	capitalize: "styles_transforms_capitalize__13e75ljw"
+};
+var variants = {
+	h1: "styles_variants_h1__13e75lj0",
+	h2: "styles_variants_h2__13e75lj1",
+	h3: "styles_variants_h3__13e75lj2",
+	h4: "styles_variants_h4__13e75lj3",
+	h5: "styles_variants_h5__13e75lj4",
+	h6: "styles_variants_h6__13e75lj5",
+	subtitle1: "styles_variants_subtitle1__13e75lj6",
+	subtitle2: "styles_variants_subtitle2__13e75lj7",
+	body1: "styles_variants_body1__13e75lj8",
+	body2: "styles_variants_body2__13e75lj9",
+	caption: "styles_variants_caption__13e75lja",
+	overline: "styles_variants_overline__13e75ljb"
+};
+var weights = {
+	normal: "styles_weights_normal__13e75ljq",
+	medium: "styles_weights_medium__13e75ljr",
+	semibold: "styles_weights_semibold__13e75ljs",
+	bold: "styles_weights_bold__13e75ljt"
+};
 //#endregion
 export { alignments, colors, decorations, displays, gutterBottomClass, transforms, variants, weights };

package/dist/theme.js

@@ -1,179 +1,89 @@
-import { endFileScope, setFileScope } from "./node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/fileScope/dist/vanilla-extract-css-fileScope.browser.esm.js";
-import { createGlobalTheme, createGlobalThemeContract } from "./node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/dist/vanilla-extract-css.browser.esm.js";
 //#region src/theme.css.ts
-setFileScope("src/theme.css.ts", "@max-ts/svelte");
-const theme = createGlobalThemeContract({
+var theme = {
 	colors: {
-		primary: "colors-primary",
-		secondary: "colors-secondary",
-		warning: "colors-warning",
-		error: "colors-error",
-		success: "colors-success",
-		border: "colors-border",
-		info: "colors-info",
+		primary: "var(--colors-primary)",
+		secondary: "var(--colors-secondary)",
+		warning: "var(--colors-warning)",
+		error: "var(--colors-error)",
+		success: "var(--colors-success)",
+		border: "var(--colors-border)",
+		info: "var(--colors-info)",
 		background: {
-			tooltip: "colors-background-tooltip",
-			paper: "colors-background-paper",
-			element: "colors-background-element",
-			elementHover: "colors-background-elementHover",
-			sidebar: "colors-background-sidebar"
+			tooltip: "var(--colors-background-tooltip)",
+			paper: "var(--colors-background-paper)",
+			element: "var(--colors-background-element)",
+			elementHover: "var(--colors-background-elementHover)",
+			sidebar: "var(--colors-background-sidebar)"
 		},
 		foreground: {
-			primary: "colors-foreground-primary",
-			secondary: "colors-foreground-secondary"
+			primary: "var(--colors-foreground-primary)",
+			secondary: "var(--colors-foreground-secondary)"
 		},
 		text: {
-			primary: "colors-text-primary",
-			secondary: "colors-text-secondary",
-			disabled: "colors-text-disabled",
-			hint: "colors-text-hint"
+			primary: "var(--colors-text-primary)",
+			secondary: "var(--colors-text-secondary)",
+			disabled: "var(--colors-text-disabled)",
+			hint: "var(--colors-text-hint)"
 		}
 	},
 	spacing: {
-		1: "spacing-1",
-		2: "spacing-2",
-		3: "spacing-3",
-		4: "spacing-4",
-		5: "spacing-5",
-		6: "spacing-6",
-		7: "spacing-7",
-		8: "spacing-8",
-		9: "spacing-9",
-		10: "spacing-10",
-		12: "spacing-12",
-		16: "spacing-16",
-		20: "spacing-20"
+		"1": "var(--spacing-1)",
+		"2": "var(--spacing-2)",
+		"3": "var(--spacing-3)",
+		"4": "var(--spacing-4)",
+		"5": "var(--spacing-5)",
+		"6": "var(--spacing-6)",
+		"7": "var(--spacing-7)",
+		"8": "var(--spacing-8)",
+		"9": "var(--spacing-9)",
+		"10": "var(--spacing-10)",
+		"12": "var(--spacing-12)",
+		"16": "var(--spacing-16)",
+		"20": "var(--spacing-20)"
 	},
 	shadow: {
-		1: "shadow-1",
-		2: "shadow-2",
-		3: "shadow-3",
-		4: "shadow-4",
-		5: "shadow-5"
+		"1": "var(--shadow-1)",
+		"2": "var(--shadow-2)",
+		"3": "var(--shadow-3)",
+		"4": "var(--shadow-4)",
+		"5": "var(--shadow-5)"
 	},
 	elevation: {
-		1: "elevation-1",
-		2: "elevation-2",
-		3: "elevation-3",
-		4: "elevation-4",
-		6: "elevation-5"
+		"1": "var(--elevation-1)",
+		"2": "var(--elevation-2)",
+		"3": "var(--elevation-3)",
+		"4": "var(--elevation-4)",
+		"6": "var(--elevation-5)"
 	},
 	fontSize: {
-		xs: "fontSize-xs",
-		sm: "fontSize-sm",
-		base: "fontSize-base",
-		lg: "fontSize-lg",
-		xl: "fontSize-xl",
-		"2xl": "fontSize-2xl",
-		"3xl": "fontSize-3xl",
-		"4xl": "fontSize-4xl"
+		xs: "var(--fontSize-xs)",
+		sm: "var(--fontSize-sm)",
+		base: "var(--fontSize-base)",
+		lg: "var(--fontSize-lg)",
+		xl: "var(--fontSize-xl)",
+		"2xl": "var(--fontSize-2xl)",
+		"3xl": "var(--fontSize-3xl)",
+		"4xl": "var(--fontSize-4xl)"
 	},
 	fontWeight: {
-		normal: "fontWeight-normal",
-		medium: "fontWeight-medium",
-		semibold: "fontWeight-semibold",
-		bold: "fontWeight-bold"
+		normal: "var(--fontWeight-normal)",
+		medium: "var(--fontWeight-medium)",
+		semibold: "var(--fontWeight-semibold)",
+		bold: "var(--fontWeight-bold)"
 	},
 	lineHeight: {
-		none: "lineHeight-none",
-		tight: "lineHeight-tight",
-		snug: "lineHeight-snug",
-		normal: "lineHeight-normal",
-		relaxed: "lineHeight-relaxed",
-		loose: "lineHeight-loose"
+		none: "var(--lineHeight-none)",
+		tight: "var(--lineHeight-tight)",
+		snug: "var(--lineHeight-snug)",
+		normal: "var(--lineHeight-normal)",
+		relaxed: "var(--lineHeight-relaxed)",
+		loose: "var(--lineHeight-loose)"
 	},
 	radius: {
-		small: "radius-small",
-		medium: "radius-medium",
-		large: "radius-large"
+		small: "var(--radius-small)",
+		medium: "var(--radius-medium)",
+		large: "var(--radius-large)"
 	}
-});
-createGlobalTheme(":root", theme, {
-	colors: {
-		primary: "oklch(0.27 0.00 0)",
-		secondary: "oklch(0.45 0.03 257)",
-		border: "oklch(0.92 0.00 0)",
-		error: "oklch(0.64 0.21 25)",
-		success: "oklch(0.63 0.17 149)",
-		warning: "oklch(0.80 0.16 86)",
-		info: "oklch(0.6 0.19 250)",
-		background: {
-			tooltip: "oklch(0.37 0.00 0)",
-			paper: "#FFFFFF",
-			element: "oklch(0.97 0.00 265)",
-			elementHover: "oklch(0.96 0 0)",
-			sidebar: "oklch(0.9851 0 0)"
-		},
-		foreground: {
-			primary: "oklch(0.98 0.003 264)",
-			secondary: "oklch(0.18 0.02 264)"
-		},
-		text: {
-			primary: "oklch(0.21 0.03 265)",
-			secondary: "oklch(0.37 0.03 260)",
-			disabled: "oklch(0.55 0.02 264)",
-			hint: "oklch(0.71 0.02 261)"
-		}
-	},
-	spacing: {
-		1: "0.25rem",
-		2: "0.5rem",
-		3: "0.75rem",
-		4: "1rem",
-		5: "1.25rem",
-		6: "1.5rem",
-		7: "1.75rem",
-		8: "2rem",
-		9: "2.25rem",
-		10: "2.5rem",
-		12: "3rem",
-		16: "4rem",
-		20: "5rem"
-	},
-	shadow: {
-		1: "0 1px 2px rgba(0, 0, 0, 0.05)",
-		2: "0 1px 2px 0px rgba(0, 0, 0, 0.05)",
-		3: "0 1px 3px 0px rgba(0, 0, 0, 0.1), 0 1px 2px 0px rgba(0, 0, 0, 0.06)",
-		4: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
-		5: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)"
-	},
-	elevation: {
-		1: "0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba #00000024 (0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12)",
-		2: "0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);",
-		3: "0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12)",
-		4: "0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12)",
-		6: "0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);"
-	},
-	fontSize: {
-		xs: "0.75rem",
-		sm: "0.875rem",
-		base: "1rem",
-		lg: "1.125rem",
-		xl: "1.25rem",
-		"2xl": "1.5rem",
-		"3xl": "1.875rem",
-		"4xl": "2.25rem"
-	},
-	fontWeight: {
-		normal: "400",
-		medium: "500",
-		semibold: "600",
-		bold: "700"
-	},
-	lineHeight: {
-		none: "1",
-		tight: "1.25",
-		snug: "1.375",
-		normal: "1.5",
-		relaxed: "1.625",
-		loose: "2"
-	},
-	radius: {
-		small: "0.375rem",
-		medium: "0.5rem",
-		large: "1rem"
-	}
-});
-endFileScope();
+};
 //#endregion
 export { theme };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@max-ts/svelte",
-  "version": "1.9.1",
+  "version": "1.10.0",
   "type": "module",
   "description": "Svelte component library.",
   "author": "Tsepelev Maksim",
@@ -19,7 +19,8 @@
     "./utils": {
       "types": "./dist/utils.d.ts",
       "default": "./dist/utils.js"
-    }
+    },
+    "./styles.css": "./dist/assets/styles.css"
   },
   "sideEffects": [
     "**/*.css"

package/dist/node_modules/.pnpm/@emotion_hash@0.9.2/node_modules/@emotion/hash/dist/emotion-hash.esm.js

@@ -1,23 +0,0 @@
-//#region node_modules/.pnpm/@emotion+hash@0.9.2/node_modules/@emotion/hash/dist/emotion-hash.esm.js
-function murmur2(str) {
-	var h = 0;
-	var k, i = 0, len = str.length;
-	for (; len >= 4; ++i, len -= 4) {
-		k = str.charCodeAt(i) & 255 | (str.charCodeAt(++i) & 255) << 8 | (str.charCodeAt(++i) & 255) << 16 | (str.charCodeAt(++i) & 255) << 24;
-		k = (k & 65535) * 1540483477 + ((k >>> 16) * 59797 << 16);
-		k ^= k >>> 24;
-		h = (k & 65535) * 1540483477 + ((k >>> 16) * 59797 << 16) ^ (h & 65535) * 1540483477 + ((h >>> 16) * 59797 << 16);
-	}
-	switch (len) {
-		case 3: h ^= (str.charCodeAt(i + 2) & 255) << 16;
-		case 2: h ^= (str.charCodeAt(i + 1) & 255) << 8;
-		case 1:
-			h ^= str.charCodeAt(i) & 255;
-			h = (h & 65535) * 1540483477 + ((h >>> 16) * 59797 << 16);
-	}
-	h ^= h >>> 13;
-	h = (h & 65535) * 1540483477 + ((h >>> 16) * 59797 << 16);
-	return ((h ^ h >>> 15) >>> 0).toString(36);
-}
-//#endregion
-export { murmur2 };

package/dist/node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/adapter/dist/vanilla-extract-css-adapter.browser.esm.js

@@ -1,48 +0,0 @@
-var adapterStack = [{
-	appendCss: () => {},
-	registerClassName: () => {},
-	onEndFileScope: () => {},
-	registerComposition: () => {},
-	markCompositionUsed: () => {},
-	getIdentOption: () => "short"
-}];
-var currentAdapter = () => {
-	if (adapterStack.length < 1) throw new Error("No adapter configured");
-	return adapterStack[adapterStack.length - 1];
-};
-var hasConfiguredAdapter = false;
-var setAdapterIfNotSet = (newAdapter) => {
-	if (!hasConfiguredAdapter) setAdapter(newAdapter);
-};
-var setAdapter = (newAdapter) => {
-	if (!newAdapter) throw new Error("No adapter provided when calling \"setAdapter\"");
-	hasConfiguredAdapter = true;
-	adapterStack.push(newAdapter);
-};
-var appendCss = function appendCss() {
-	return currentAdapter().appendCss(...arguments);
-};
-var registerClassName = function registerClassName() {
-	return currentAdapter().registerClassName(...arguments);
-};
-var registerComposition = function registerComposition() {
-	return currentAdapter().registerComposition(...arguments);
-};
-var markCompositionUsed = function markCompositionUsed() {
-	return currentAdapter().markCompositionUsed(...arguments);
-};
-var onBeginFileScope = function onBeginFileScope() {
-	var _currentAdapter$onBeg, _currentAdapter;
-	for (var _len = arguments.length, props = new Array(_len), _key = 0; _key < _len; _key++) props[_key] = arguments[_key];
-	return (_currentAdapter$onBeg = (_currentAdapter = currentAdapter()).onBeginFileScope) === null || _currentAdapter$onBeg === void 0 ? void 0 : _currentAdapter$onBeg.call(_currentAdapter, ...props);
-};
-var onEndFileScope = function onEndFileScope() {
-	return currentAdapter().onEndFileScope(...arguments);
-};
-var getIdentOption = function getIdentOption() {
-	var adapter = currentAdapter();
-	if (!("getIdentOption" in adapter)) return "short";
-	return adapter.getIdentOption(...arguments);
-};
-//#endregion
-export { appendCss, getIdentOption, markCompositionUsed, onBeginFileScope, onEndFileScope, registerClassName, registerComposition, setAdapterIfNotSet };

package/dist/node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/dist/taggedTemplateLiteral-8e47dbd7.browser.esm.js

@@ -1,7 +0,0 @@
-//#region node_modules/.pnpm/@vanilla-extract+css@1.18.0/node_modules/@vanilla-extract/css/dist/taggedTemplateLiteral-8e47dbd7.browser.esm.js
-function _taggedTemplateLiteral(strings, raw) {
-	if (!raw) raw = strings.slice(0);
-	return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } }));
-}
-//#endregion
-export { _taggedTemplateLiteral };