@stamcat/craftsman 0.0.27-alpha.0 → 0.0.27-alpha.2

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/globalStyles.module.scss";
+import "@stamcat/craftsman/styles/globalStyles";
 
 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.27-alpha.0",
+  "version": "0.0.27-alpha.2",
   "type": "module",
   "description": "A powerful, lightweight framework for design systems",
   "repository": {
@@ -54,8 +54,11 @@
       "types": "./src/utilities/index.d.ts",
       "default": "./Utilities.esm.js"
     },
-    "./styles/globalStyles.module.scss": {
-      "default": "./src/styles/global/globalStyles.module.scss"
+    "./styles/globalStyles": {
+      "default": "./src/styles/global/globalStyles.scss"
+    },
+    "./styles/globalStyles.scss": {
+      "default": "./src/styles/global/globalStyles.scss"
     },
     "./Button": {
       "types": "./src/components/Button.d.ts",

package/src/styles/global/globalStyles.module.scss

@@ -1,7 +1,7 @@
 @use "./components/typography";
 @use "./components/code";
 @use "./components/mixins" as mixins;
-@use "./components/checkbox"; 
+@use "./components/checkbox";
 @use "./components/radioButton";
 @use "./components/button";
 @use "./components/input";

package/src/styles/global/globalStyles.scss

@@ -0,0 +1 @@
+@use "./globalStyles.module.scss";

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.esm.js

@@ -1,5 +0,0 @@
-import e from "./globalStyles.module.esm.js";
-//#region src/styles/global/globalStyles.ts
-var t = e;
-//#endregion
-export { t as globalStyles };

package/src/styles/global/globalStyles.module.css

@@ -1 +0,0 @@
-body{color:var(--text);font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5;font-size:var(--w-text,14px)}code{background-color:var(--gray200);color:var(--gray800);padding:calc(var(--w-gutter,16px) * .125) calc(var(--w-gutter,16px) * .25);margin:calc(var(--w-gutter,16px) * .125);font-size:var(--w-text,14px);display:inline-block}code:has(pre){padding:var(--w-gutter,16px);border-radius:calc(var(--w-gutter,16px) * .5);background-color:var(--gray800);color:var(--gray200)}code:has(pre) pre{margin:0}input[type=checkbox]{appearance:none;box-sizing:border-box;vertical-align:baseline;border:1px solid var(--blue500);background:#fff;border-radius:4px;width:16px;height:16px;margin:0;padding:0;display:inline-block;position:relative;top:.08em}input[type=checkbox]:before{content:"";background:0 0;border-radius:4px;transition:background-color .15s;position:absolute;inset:0}input[type=checkbox]:after{content:"";transform-origin:50%;border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:8px;transition:transform .15s;display:block;position:absolute;top:45%;left:50%;transform:translate(-50%,-58%)rotate(45deg)scale(0)}input[type=checkbox]:checked{border-color:var(--blue500)}input[type=checkbox]:checked:before{background-color:var(--blue500);border-radius:unset}input[type=checkbox]:checked:after{transform:translate(-50%,-58%)rotate(45deg)scale(1)}input[type=checkbox]:disabled{border-color:var(--gray500)}input[type=checkbox]:disabled:before{background-color:var(--gray200)}input[type=checkbox]:disabled:after{border-color:var(--gray200);transform:translate(-50%,-58%)rotate(45deg)scale(1)}input[type=checkbox]:checked:disabled{border-color:var(--gray400)}input[type=checkbox]:checked:disabled:before{background:var(--gray400)}input[type=checkbox]:checked:disabled:after{border-color:var(--white);transform:translate(-50%,-58%)rotate(45deg)scale(1)}input[type=radio]{--radio-btn-size:16px;appearance:none;cursor:pointer;width:var(--radio-btn-size);height:var(--radio-btn-size);border:1px solid var(--blue600);box-sizing:border-box;border-radius:50%;place-content:center;padding:0;transition:border-color .2s;display:inline-grid;position:relative}input[type=radio]:before{content:"";width:calc(var(--radio-btn-size) * .5);height:calc(var(--radio-btn-size) * .5);background-color:var(--blue600);border-radius:50%;transition:transform .2s;transform:scale(0)}input[type=radio]:checked{border-color:var(--gray500)}input[type=radio]:checked:before{transform:scale(1)}a,button.text,button[data-variant=text]{color:var(--blue500);background:0 0;border:none;padding:0}a:not(:disabled):not(.disabled):hover,button.text:not(:disabled):not(.disabled):hover,button[data-variant=text]:not(:disabled):not(.disabled):hover{color:var(--teal700);cursor:pointer;background-color:#0000;text-decoration:underline}button{--btn-pad-y:calc(var(--w-gutter,16px) * .5);--btn-pad-x:calc(var(--w-gutter,16px) * .75);--btn-border-radius:calc(var(--w-gutter,16px) * .75);color:var(--blue600);cursor:pointer;padding:var(--btn-pad-y) var(--btn-pad-x);border-radius:var(--btn-border-radius);border:none;border:1px solid var(--blue500);background-color:var(--white);flex-flow:wrap;align-items:center;font-weight:500;transition:all .125s;display:inline-flex}button:not(:disabled):not(.disabled):hover{background-color:var(--teal200)}button:disabled,button.disabled{cursor:not-allowed;border-color:var(--gray200);color:var(--gray400)}button:disabled.primary,button:disabled[data-variant=primary],button.disabled.primary,button.disabled[data-variant=primary]{border-color:var(--gray200);background-color:var(--gray400);color:var(--gray200)}button.primary,button[data-variant=primary]{color:var(--white);background-color:var(--blue500)}button.primary:not(:disabled):not(.disabled):hover,button[data-variant=primary]:not(:disabled):not(.disabled):hover{background-color:var(--blue700)}input:focus{box-shadow:none;outline:0}input{color:var(--text);border:1px solid var(--gray400);padding:calc(var(--w-gutter,16px) * .5);background-color:var(--white);border-radius:3px}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}input:disabled,input.disabled{border-color:var(--gray200);background-color:var(--gray100)}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:#ddd}::-webkit-scrollbar-thumb{background:#000;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#555}body,ul{margin:0;padding:0}body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background-color:#fff}fieldset{border:0;padding:0}h1{font-size:calc(var(--w-text,14px) * 3.125);line-height:1.2}h2{font-size:calc(var(--w-text,14px) * 2.625);font-weight:625;line-height:1.1}h3{font-size:calc(var(--w-text,14px) * 1.625);line-height:1.1}h4{font-size:calc(var(--w-text,14px) * 1.25);margin:calc(var(--w-gutter,16px) * .5) 0;line-height:1.1}h5{font-size:var(--w-text,14px);line-height:1.2}h6{font-size:calc(var(--w-text,14px) * .875);font-weight:600;line-height:1.2}p{font-style:normal;font-size:var(--w-text,14px);margin:0;line-height:1.5}@media (width<=660px){h4{font-size:var(--w-text,14px)}p{font-size:calc(var(--w-text,14px) * .875)}}

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

@@ -1,4 +0,0 @@
-import './globalStyles.module.css';//#region src/styles/global/globalStyles.module.scss
-var e = {};
-//#endregion
-export { e as default };