@stamcat/craftsman 0.0.26 → 0.0.27-alpha.1

package/README.md

@@ -17,7 +17,7 @@ Use this pattern in React Server Component architectures (for example Next.js Ap
 
 ```tsx
 import { ThemeProvider } from "@stamcat/craftsman/styles";
-import "@stamcat/craftsman/styles";
+import "@stamcat/craftsman/styles/globalStyles.module.scss";
 
 const appTheme = {
 	root: {

package/Styles.esm.js

@@ -3,6 +3,5 @@ import { color as n, colors as r, hexToRgba as i } from "./src/styles/utilities/
 import { BaseWidthSchema as a, BreakpointSchema as o, LayoutWidthsSchema as s, MaxScreenWidthSchema as c, ScreenWidthSchema as l, zLabelPosition as u, zTextInputExclusions as d, zTextInputType as f, zTextInputTypes as p } from "./src/styles/utilities/types.esm.js";
 import { breakpoint as m, media as h, width as g, widths as _ } from "./src/styles/utilities/layout.esm.js";
 import { themeBuilder as v } from "./src/styles/theme/theme.esm.js";
-import { globalStyles as y } from "./src/styles/global/globalStyles.esm.js";
-import { ThemeProvider as b } from "./src/styles/components/ThemeProvider.esm.js";
-export { a as BaseWidthSchema, o as BreakpointSchema, s as LayoutWidthsSchema, c as MaxScreenWidthSchema, l as ScreenWidthSchema, b as ThemeProvider, m as breakpoint, n as color, r as colors, e as defaultColors, t as defaultWidths, y as globalStyles, i as hexToRgba, h as media, v as themeBuilder, g as width, _ as widths, u as zLabelPosition, d as zTextInputExclusions, f as zTextInputType, p as zTextInputTypes };
+import { ThemeProvider as y } from "./src/styles/components/ThemeProvider.esm.js";
+export { a as BaseWidthSchema, o as BreakpointSchema, s as LayoutWidthsSchema, c as MaxScreenWidthSchema, l as ScreenWidthSchema, y as ThemeProvider, m as breakpoint, n as color, r as colors, e as defaultColors, t as defaultWidths, i as hexToRgba, h as media, v as themeBuilder, g as width, _ as widths, u as zLabelPosition, d as zTextInputExclusions, f as zTextInputType, p as zTextInputTypes };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stamcat/craftsman",
-  "version": "0.0.26",
+  "version": "0.0.27-alpha.1",
   "type": "module",
   "description": "A powerful, lightweight framework for design systems",
   "repository": {
@@ -54,6 +54,12 @@
       "types": "./src/utilities/index.d.ts",
       "default": "./Utilities.esm.js"
     },
+    "./styles/globalStyles.module.scss": {
+      "default": "./src/styles/global/globalStyles.module.scss"
+    },
+    "./styles/global/globalStyles.module.scss": {
+      "default": "./src/styles/global/globalStyles.module.scss"
+    },
     "./Button": {
       "types": "./src/components/Button.d.ts",
       "default": "./src/components/Button.esm.js"

package/src/styles/components/ThemeProvider.d.ts

@@ -2,6 +2,8 @@ import { Theme } from '../theme/types';
 type ThemeProviderProps = {
     theme?: Theme;
     children?: React.ReactNode;
+    precedence?: string;
+    href?: string;
 };
-export declare function ThemeProvider({ theme, children }: ThemeProviderProps): import("react").JSX.Element;
+export declare function ThemeProvider({ theme, children, precedence, href, }: ThemeProviderProps): import("react").JSX.Element;
 export {};

package/src/styles/components/ThemeProvider.esm.js

@@ -1,8 +1,12 @@
 import { themeBuilder as e } from "../theme/theme.esm.js";
 import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/styles/components/ThemeProvider.tsx
-function i({ theme: i, children: a }) {
-	return /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n("style", { dangerouslySetInnerHTML: { __html: e(i || {}) } }), a] });
+function i({ theme: i, children: a, precedence: o = "default", href: s = "stamcat-craftsman-theme-provider" }) {
+	return /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n("style", {
+		precedence: o,
+		href: s,
+		dangerouslySetInnerHTML: { __html: e(i || {}) }
+	}), a] });
 }
 //#endregion
 export { i as ThemeProvider };

package/src/styles/index.d.ts

@@ -3,5 +3,4 @@ export * from './utilities/constants';
 export * from './utilities/layout';
 export * from './utilities/types';
 export * from './theme/theme';
-export { globalStyles } from './global/globalStyles';
 export { ThemeProvider } from './components/ThemeProvider';

package/src/styles/global/globalStyles.d.ts

@@ -1 +0,0 @@
-export declare const globalStyles = "globalStyles";

package/src/styles/global/globalStyles.esm.js

@@ -1,4 +0,0 @@
-//#region src/styles/global/globalStyles.ts
-var e = "globalStyles";
-//#endregion
-export { e as globalStyles };