@soroush.tech/design-system 0.1.0 → 1.1.0

package/dist/themes.cjs

@@ -1,318 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_utils = require("./utils.cjs");
-//#region src/themes.ts
-const shadow = {
-	color: "#000000",
-	opacity: .4
-};
-const shadows = Array.from({ length: 25 }, (_, elevation) => require_utils.generateBoxShadow(elevation, require_utils.alpha(shadow.color, shadow.opacity)));
-const radii = {
-	sq: "0",
-	sm: "4px",
-	md: "8px",
-	lg: "16px"
-};
-const borderWidths = {
-	none: "0",
-	thin: "1px",
-	base: "2px",
-	thick: "4px"
-};
-const zOrder = {
-	appBar: 1100,
-	drawer: 1200,
-	modal: 1300
-};
-const fontSizes = [
-	12,
-	14,
-	16,
-	20,
-	24,
-	32,
-	48
-];
-const lineHeights = {
-	none: 1,
-	tight: 1.2,
-	snug: 1.35,
-	base: 1.5,
-	relaxed: 1.625,
-	loose: 2
-};
-const letterSpacings = {
-	tighter: "-0.05em",
-	tight: "-0.025em",
-	normal: "0em",
-	wide: "0.05em",
-	wider: "0.1em",
-	widest: "0.2em"
-};
-const fonts = {
-	body: "'Space Grotesk Variable', 'Space Grotesk', sans-serif",
-	heading: "'Space Grotesk Variable', 'Space Grotesk', sans-serif",
-	mono: "'JetBrains Mono Variable', 'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace"
-};
-const fontWeights = {
-	thin: 100,
-	extraLight: 200,
-	light: 300,
-	normal: 400,
-	medium: 500,
-	semiBold: 600,
-	bold: 700,
-	extraBold: 800,
-	black: 900
-};
-const avatar = {
-	sm: require_utils.spacing(4),
-	md: require_utils.spacing(5),
-	lg: require_utils.spacing(6),
-	xl: require_utils.spacing(7)
-};
-const icon = {
-	sm: "1rem",
-	md: "1.25rem",
-	lg: "1.5rem"
-};
-const sizes = {
-	sm: {
-		paddingTop: .5,
-		paddingBottom: .5,
-		paddingLeft: 1.5,
-		paddingRight: 1.5,
-		fontSize: 0
-	},
-	md: {
-		paddingTop: 1,
-		paddingBottom: 1,
-		paddingLeft: 2,
-		paddingRight: 2,
-		fontSize: 1
-	},
-	lg: {
-		paddingTop: 1.5,
-		paddingBottom: 1.5,
-		paddingLeft: 3,
-		paddingRight: 3,
-		fontSize: 1
-	}
-};
-const space = {
-	0: 0,
-	.5: require_utils.spacing(.5),
-	1: require_utils.spacing(1),
-	1.5: require_utils.spacing(1.5),
-	2: require_utils.spacing(2),
-	3: require_utils.spacing(3),
-	4: require_utils.spacing(4),
-	5: require_utils.spacing(5),
-	6: require_utils.spacing(6),
-	7: require_utils.spacing(7),
-	8: require_utils.spacing(8),
-	9: require_utils.spacing(9),
-	10: require_utils.spacing(10),
-	auto: "auto"
-};
-const typography = {
-	h1: {
-		element: "h1",
-		fontSize: 6,
-		fontWeight: "bold"
-	},
-	h2: {
-		element: "h2",
-		fontSize: 5,
-		fontWeight: "bold"
-	},
-	h3: {
-		element: "h3",
-		fontSize: 4,
-		fontWeight: "bold"
-	},
-	h4: {
-		element: "h4",
-		fontSize: 3,
-		fontWeight: "bold"
-	},
-	h5: {
-		element: "h5",
-		fontSize: 2,
-		fontWeight: "bold"
-	},
-	h6: {
-		element: "h6",
-		fontSize: 1,
-		fontWeight: "semiBold"
-	},
-	subtitle1: {
-		element: "h6",
-		fontSize: 2,
-		fontWeight: "medium"
-	},
-	subtitle2: {
-		element: "h6",
-		fontSize: 1,
-		fontWeight: "medium"
-	},
-	body1: {
-		element: "p",
-		fontSize: 2,
-		fontWeight: "normal"
-	},
-	body2: {
-		element: "p",
-		fontSize: 1,
-		fontWeight: "normal"
-	},
-	caption: {
-		element: "span",
-		fontSize: 0,
-		fontWeight: "normal"
-	},
-	overline: {
-		element: "span",
-		fontSize: 0,
-		fontWeight: "medium",
-		textTransform: "uppercase",
-		letterSpacing: "wider"
-	},
-	button: {
-		element: "span",
-		fontSize: 1,
-		fontWeight: "medium",
-		textTransform: "uppercase",
-		letterSpacing: "wide"
-	},
-	inherit: { element: "span" }
-};
-/**
-* The package's complete default theme (dark-schemed). Raw hex only — palettes
-* belong to the consumer, who builds brand themes with `createTheme(baseTheme, …)`.
-*/
-const baseTheme = {
-	name: "base",
-	switch: { thumb: "#FFFFFF" },
-	radii,
-	borderWidths,
-	fontSizes,
-	lineHeights,
-	typography,
-	letterSpacings,
-	fontWeights,
-	fonts,
-	avatar,
-	icon,
-	sizes,
-	space,
-	zOrder,
-	blur: "12px",
-	colorScheme: "dark",
-	palette: {
-		default: {
-			main: "#262626",
-			light: "#363636",
-			dark: "#0E0E0E",
-			contrastText: "#F2F3F4"
-		},
-		primary: {
-			main: "#00FC40",
-			light: "#9CFF93",
-			dark: "#006413",
-			contrastText: "#000000"
-		},
-		secondary: {
-			main: "#b3eeb1",
-			light: "#d4f9d2",
-			dark: "#5acc57",
-			contrastText: "#000000"
-		},
-		success: {
-			main: "#009928",
-			light: "#00FC40",
-			dark: "#006413",
-			contrastText: "#FFFFFF"
-		},
-		error: {
-			main: "#FF3B30",
-			light: "#FF9590",
-			dark: "#E0251A",
-			contrastText: "#FFFFFF"
-		},
-		info: {
-			main: "#00B8D9",
-			light: "#33D9FF",
-			dark: "#0099CC",
-			contrastText: "#000000"
-		},
-		warning: {
-			main: "#FFD930",
-			light: "#FFF0A0",
-			dark: "#CCA800",
-			contrastText: "#000000"
-		}
-	},
-	background: {
-		backdrop: "#000000B3",
-		appBar: "#000000B3",
-		glass: "#0000004D",
-		modal: "#131313",
-		default: "#262626",
-		primary: "#0E0E0E",
-		secondary: "#1A1A1A",
-		paper: "#131313",
-		terminal: "#000000",
-		grid: require_utils.alpha("#00FC40", .06),
-		transparent: "#00000000"
-	},
-	text: {
-		inherit: "inherit",
-		initial: "#FFFFFF",
-		primary: "#00FC40",
-		secondary: "#9C9C9C",
-		disabled: "#363636",
-		error: "#D70015",
-		success: "#009928",
-		info: "#00B8D9",
-		warning: "#8C6D00"
-	},
-	border: {
-		default: "#262626",
-		light: require_utils.alpha("#E8FFE5", .1),
-		primary: "#00FC40",
-		dark: "#006413"
-	},
-	skeleton: { highlight: require_utils.alpha("#363636", .65) },
-	syntax: {
-		base: "#BBBBBB",
-		keyword: "#CF8E6D",
-		string: "#6AAB73",
-		number: "#2AACB8",
-		title: "#6BA9FA",
-		constant: "#C77DBB",
-		type: "#2AACB8",
-		comment: "#919191",
-		tag: "#D5B778"
-	},
-	logoFilter: "brightness(0) invert(1)",
-	portraitBlend: "screen",
-	portraitOpacity: .8,
-	shadow,
-	shadows
-};
-//#endregion
-exports.avatar = avatar;
-exports.baseTheme = baseTheme;
-exports.borderWidths = borderWidths;
-exports.createTheme = require_utils.createTheme;
-exports.fontSizes = fontSizes;
-exports.fontWeights = fontWeights;
-exports.fonts = fonts;
-exports.icon = icon;
-exports.letterSpacings = letterSpacings;
-exports.lineHeights = lineHeights;
-exports.radii = radii;
-exports.sizes = sizes;
-exports.space = space;
-exports.typography = typography;
-exports.zOrder = zOrder;

package/dist/themes.d.cts

@@ -1,3 +0,0 @@
-import { n as ThemeOverride, r as createTheme, t as DeepPartial } from "./createTheme-Dts2F4R_.cjs";
-import { A as ThemeSwitch, B as fontSizes, C as ThemeLineHeights, D as ThemeSizes, E as ThemeShadow, F as TypographyVariant, G as lineHeights, H as fonts, I as TypographyVariantStyle, J as space, K as radii, L as avatar, M as ThemeText, N as ThemeTypographyVariants, O as ThemeSkeleton, P as ThemeZOrder, R as baseTheme, S as ThemeLetterSpacings, T as ThemeRadii, U as icon, V as fontWeights, W as letterSpacings, X as zOrder, Y as typography, _ as ThemeComponents, a as CardSlotTypographyProps, b as ThemeFonts, c as ComponentVariant, d as SizeEntry, f as Theme, g as ThemeBorderWidths, h as ThemeBorder, i as CardSlotIconProps, j as ThemeSyntax, k as ThemeSpace, l as PaletteColor, m as ThemeBackground, n as ButtonVariants, o as ComponentConfig, p as ThemeAvatarSizes, q as sizes, r as CardOwnerState, s as ComponentStyle, t as ButtonOwnerState, u as PaletteEntry, v as ThemeDefaults, w as ThemePalette, x as ThemeIconSizes, y as ThemeFontWeights, z as borderWidths } from "./themes-D81JYbqm.cjs";
-export { type ButtonOwnerState, type ButtonVariants, type CardOwnerState, type CardSlotIconProps, type CardSlotTypographyProps, type ComponentConfig, type ComponentStyle, type ComponentVariant, type DeepPartial, PaletteColor, type PaletteEntry, type SizeEntry, type Theme, type ThemeAvatarSizes, type ThemeBackground, type ThemeBorder, type ThemeBorderWidths, type ThemeComponents, type ThemeDefaults, type ThemeFontWeights, type ThemeFonts, type ThemeIconSizes, type ThemeLetterSpacings, type ThemeLineHeights, type ThemeOverride, type ThemePalette, type ThemeRadii, type ThemeShadow, type ThemeSizes, type ThemeSkeleton, type ThemeSpace, type ThemeSwitch, type ThemeSyntax, type ThemeText, type ThemeTypographyVariants, type ThemeZOrder, TypographyVariant, type TypographyVariantStyle, avatar, baseTheme, borderWidths, createTheme, fontSizes, fontWeights, fonts, icon, letterSpacings, lineHeights, radii, sizes, space, typography, zOrder };

package/dist/themes.d.mts

@@ -1,3 +0,0 @@
-import { n as ThemeOverride, r as createTheme, t as DeepPartial } from "./createTheme-Dts2F4R_.mjs";
-import { A as ThemeSwitch, B as fontSizes, C as ThemeLineHeights, D as ThemeSizes, E as ThemeShadow, F as TypographyVariant, G as lineHeights, H as fonts, I as TypographyVariantStyle, J as space, K as radii, L as avatar, M as ThemeText, N as ThemeTypographyVariants, O as ThemeSkeleton, P as ThemeZOrder, R as baseTheme, S as ThemeLetterSpacings, T as ThemeRadii, U as icon, V as fontWeights, W as letterSpacings, X as zOrder, Y as typography, _ as ThemeComponents, a as CardSlotTypographyProps, b as ThemeFonts, c as ComponentVariant, d as SizeEntry, f as Theme, g as ThemeBorderWidths, h as ThemeBorder, i as CardSlotIconProps, j as ThemeSyntax, k as ThemeSpace, l as PaletteColor, m as ThemeBackground, n as ButtonVariants, o as ComponentConfig, p as ThemeAvatarSizes, q as sizes, r as CardOwnerState, s as ComponentStyle, t as ButtonOwnerState, u as PaletteEntry, v as ThemeDefaults, w as ThemePalette, x as ThemeIconSizes, y as ThemeFontWeights, z as borderWidths } from "./themes-D1SAp3SL.mjs";
-export { type ButtonOwnerState, type ButtonVariants, type CardOwnerState, type CardSlotIconProps, type CardSlotTypographyProps, type ComponentConfig, type ComponentStyle, type ComponentVariant, type DeepPartial, PaletteColor, type PaletteEntry, type SizeEntry, type Theme, type ThemeAvatarSizes, type ThemeBackground, type ThemeBorder, type ThemeBorderWidths, type ThemeComponents, type ThemeDefaults, type ThemeFontWeights, type ThemeFonts, type ThemeIconSizes, type ThemeLetterSpacings, type ThemeLineHeights, type ThemeOverride, type ThemePalette, type ThemeRadii, type ThemeShadow, type ThemeSizes, type ThemeSkeleton, type ThemeSpace, type ThemeSwitch, type ThemeSyntax, type ThemeText, type ThemeTypographyVariants, type ThemeZOrder, TypographyVariant, type TypographyVariantStyle, avatar, baseTheme, borderWidths, createTheme, fontSizes, fontWeights, fonts, icon, letterSpacings, lineHeights, radii, sizes, space, typography, zOrder };

package/dist/useDefaultProps-Cb-5FNok.cjs

@@ -1,19 +0,0 @@
-let _emotion_react = require("@emotion/react");
-//#region src/hooks/useDefaultProps.ts
-/**
-* The theme-contributed default prop values for a component
-* (`theme.components[name].defaultProps`), or an empty object.
-*
-* Components apply it as one step of the default-resolution chain:
-* explicit prop → group context → `useDefaultProps` → `theme.defaults.*` → literal fallback.
-*/
-function useDefaultProps(name) {
-	return (0, _emotion_react.useTheme)().components?.[name]?.defaultProps ?? {};
-}
-//#endregion
-Object.defineProperty(exports, "useDefaultProps", {
-	enumerable: true,
-	get: function() {
-		return useDefaultProps;
-	}
-});

package/dist/useDefaultProps-CoApb4KT.mjs

@@ -1,14 +0,0 @@
-import { u as useTheme } from "./src-DcNT2aIK.mjs";
-//#region src/hooks/useDefaultProps.ts
-/**
-* The theme-contributed default prop values for a component
-* (`theme.components[name].defaultProps`), or an empty object.
-*
-* Components apply it as one step of the default-resolution chain:
-* explicit prop → group context → `useDefaultProps` → `theme.defaults.*` → literal fallback.
-*/
-function useDefaultProps(name) {
-	return useTheme().components?.[name]?.defaultProps ?? {};
-}
-//#endregion
-export { useDefaultProps as t };

package/dist/utils/styleCache.cjs

@@ -1,7 +0,0 @@
-const require_rolldown_runtime = require("../rolldown-runtime-DDXJien1.cjs");
-let _emotion_cache = require("@emotion/cache");
-_emotion_cache = require_rolldown_runtime.__toESM(_emotion_cache, 1);
-//#region src/utils/styleCache.ts
-var styleCache_default = (0, _emotion_cache.default)({ key: "soroush" });
-//#endregion
-module.exports = styleCache_default;

package/dist/utils/styleCache.d.cts

@@ -1,3 +0,0 @@
-//#region src/utils/styleCache.d.ts
-declare const _default: import("@emotion/cache").EmotionCache;
-export = _default;

package/dist/utils/styleCache.d.mts

@@ -1,4 +0,0 @@
-//#region src/utils/styleCache.d.ts
-declare const _default: import("@emotion/cache").EmotionCache;
-//#endregion
-export { _default as default };

package/dist/utils/styleCache.mjs

@@ -1,5 +0,0 @@
-import createCache from "@emotion/cache";
-//#region src/utils/styleCache.ts
-var styleCache_default = createCache({ key: "soroush" });
-//#endregion
-export { styleCache_default as default };