@stamcat/craftsman 0.0.31-beta.0 → 0.0.31-beta.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stamcat/craftsman",
-  "version": "0.0.31-beta.0",
+  "version": "0.0.31-beta.2",
   "type": "module",
   "description": "A powerful, lightweight framework for design systems",
   "repository": {
@@ -70,6 +70,12 @@
     "./styles/config": {
       "default": "./src/styles/_config.scss"
     },
+    "./styles/utilities/_functions": {
+      "default": "./src/styles/utilities/_functions.scss"
+    },
+    "./styles/utilities/_placeholders": {
+      "default": "./src/styles/utilities/_placeholders.scss"
+    },
     "./Button": {
       "types": "./src/components/Button/Button.d.ts",
       "default": "./src/components/Button/Button.esm.js"

package/src/styles/index.d.ts

@@ -3,6 +3,6 @@ export * from './utilities/constants';
 export * from './utilities/layout';
 export * from '../utilities/types';
 export * from './theme/theme';
-export type { AppTheme, ColorVariableName, ComponentThemeOverrides, CSSObject, LegacySerializedStyles, RegisteredComponent, Theme, ThemeProviderProps, WidthOverrides, Colors as ThemeColors, } from './theme/types';
+export type { AppTheme, ColorVariableName, ComponentThemeOverrides, CSSObject, SerializedStyles, RegisteredComponent, Theme, ThemeProviderProps, WidthOverrides, Colors as ThemeColors, } from './theme/types';
 export { type RegisteredComponentName, componentSelectors } from './theme/components';
 export { ThemeProvider } from './components/ThemeProvider';

package/src/styles/theme/types.d.ts

@@ -5,21 +5,21 @@ export type ColorVariableName = `--${ColorKey}`;
 export type CSSObject = {
     [key: string]: string | number | CSSObject | undefined;
 };
-export type LegacySerializedStyles = {
+export type SerializedStyles = {
     name: string;
     styles: string;
-    next?: LegacySerializedStyles;
+    next?: SerializedStyles;
 };
 export type RegisteredComponent = keyof typeof componentSelectors;
 export type ComponentThemeOverrides = {
-    [K in RegisteredComponent]?: CSSObject | LegacySerializedStyles | string;
+    [K in RegisteredComponent]?: CSSObject | SerializedStyles | string;
 };
 export type Colors = Partial<Record<ColorVariableName, string>>;
 export type WidthOverrides = Partial<Record<LayoutWidthsType, number>>;
 export type Theme = {
     colors?: Colors;
     widths?: WidthOverrides;
-    root?: CSSObject | LegacySerializedStyles | string;
+    root?: CSSObject | SerializedStyles | string;
     components?: ComponentThemeOverrides;
 };
 export type ThemeProviderProps = {

package/src/styles/theme/utilities.d.ts

@@ -1,3 +1,3 @@
-import { CSSObject, LegacySerializedStyles } from './types';
-export declare function toCSSObject(value: CSSObject | LegacySerializedStyles): CSSObject;
+import { CSSObject, SerializedStyles } from './types';
+export declare function toCSSObject(value: CSSObject | SerializedStyles): CSSObject;
 export declare function cssObjectToCssText(selector: string, value: CSSObject): string;

package/src/styles/utilities/layout.esm.js

@@ -6,34 +6,34 @@ var n = Object.fromEntries(e.options.map((e) => [e, `var(--w-${e}, ${t[e]}px)`])
 		return "(min-width: 0px)";
 	},
 	get mobileMax() {
-		return `(max-width: ${n.mobileMax}px)`;
+		return `(max-width: ${t.mobileMax}px)`;
 	},
 	get tablet() {
-		return `(min-width: ${n.tablet}px)`;
+		return `(min-width: ${t.tablet}px)`;
 	},
 	get tabletMax() {
-		return `(max-width: ${n.tabletMax}px)`;
+		return `(max-width: ${t.tabletMax}px)`;
 	},
 	get desktop() {
-		return `(min-width: ${n.desktop}px)`;
+		return `(min-width: ${t.desktop}px)`;
 	},
 	get desktopMax() {
-		return `(max-width: ${n.desktopMax}px)`;
+		return `(max-width: ${t.desktopMax}px)`;
 	},
 	get extDesktop() {
-		return `(min-width: ${n.extDesktop}px)`;
+		return `(min-width: ${t.extDesktop}px)`;
 	},
 	get mobileOnly() {
-		return `(min-width: 0px) and (max-width: ${n.mobileMax}px)`;
+		return `(min-width: 0px) and (max-width: ${t.mobileMax}px)`;
 	},
 	get tabletOnly() {
-		return `(min-width: ${n.tablet}px) and (max-width: ${n.tabletMax}px)`;
+		return `(min-width: ${t.tablet}px) and (max-width: ${t.tabletMax}px)`;
 	},
 	get mobileTablet() {
-		return `(min-width: 0px) and (max-width: ${n.tabletMax}px)`;
+		return `(min-width: 0px) and (max-width: ${t.tabletMax}px)`;
 	},
 	get desktopOnly() {
-		return `(min-width: ${n.desktop}px) and (max-width: ${n.desktopMax}px)`;
+		return `(min-width: ${t.desktop}px) and (max-width: ${t.desktopMax}px)`;
 	}
 }, i = (e, t = 1, r = !0) => {
 	let i = n[e];