@coresystems/ui-kit 0.1.0 → 1.0.0

package/dist/{Button-D8bzLGuo.js → Button-BShM0joj.js}

@@ -1,10 +1,12 @@
 import { jsx as o } from "react/jsx-runtime";
 import { c as r } from "./colors-Cwz6P253.js";
-const b = {
+const b = "_dassS_1sj1e_1", p = {
+  dassS: b
+}, y = {
   sm: { padding: "0.25rem 0.75rem", fontSize: "0.875rem", height: "2rem" },
   md: { padding: "0.5rem 1rem", fontSize: "1rem", height: "2.5rem" },
   lg: { padding: "0.75rem 1.5rem", fontSize: "1.125rem", height: "3rem" }
-}, p = {
+}, f = {
   primary: { background: r.brand.primary, color: "#fff", border: "none" },
   secondary: {
     background: "transparent",
@@ -13,22 +15,22 @@ const b = {
   },
   ghost: { background: "transparent", color: r.neutral[700], border: "none" },
   danger: { background: r.semantic.error, color: "#fff", border: "none" }
-}, g = ({
+}, h = ({
   children: t,
-  variant: i = "primary",
+  variant: s = "primary",
   size: a = "md",
   loading: e = !1,
-  fullWidth: s = !1,
+  fullWidth: i = !1,
   disabled: d,
   style: m,
   ...c
 }) => {
   const n = d || e, l = {
-    ...b[a],
-    ...p[i],
+    ...y[a],
+    ...f[s],
     cursor: n ? "not-allowed" : "pointer",
     opacity: n ? 0.6 : 1,
-    width: s ? "100%" : void 0,
+    width: i ? "100%" : void 0,
     display: "inline-flex",
     alignItems: "center",
     justifyContent: "center",
@@ -38,8 +40,19 @@ const b = {
     boxSizing: "border-box",
     ...m
   };
-  return /* @__PURE__ */ o("button", { type: "button", disabled: n, style: l, "aria-busy": e, ...c, children: e ? /* @__PURE__ */ o("span", { "aria-hidden": "true", children: "…" }) : t });
+  return /* @__PURE__ */ o(
+    "button",
+    {
+      type: "button",
+      disabled: n,
+      style: l,
+      className: p.dassS,
+      "aria-busy": e,
+      ...c,
+      children: e ? /* @__PURE__ */ o("span", { "aria-hidden": "true", children: "…" }) : t
+    }
+  );
 };
 export {
-  g as B
+  h as B
 };

package/dist/Button-DW2zPtpm.cjs

@@ -0,0 +1 @@
+"use strict";const n=require("react/jsx-runtime"),r=require("./colors-CLrPlKf3.cjs"),b="_dassS_1sj1e_1",u={dassS:b},p={sm:{padding:"0.25rem 0.75rem",fontSize:"0.875rem",height:"2rem"},md:{padding:"0.5rem 1rem",fontSize:"1rem",height:"2.5rem"},lg:{padding:"0.75rem 1.5rem",fontSize:"1.125rem",height:"3rem"}},y={primary:{background:r.colors.brand.primary,color:"#fff",border:"none"},secondary:{background:"transparent",color:r.colors.brand.primary,border:`1px solid ${r.colors.brand.primary}`},ghost:{background:"transparent",color:r.colors.neutral[700],border:"none"},danger:{background:r.colors.semantic.error,color:"#fff",border:"none"}},f=({children:s,variant:t="primary",size:a="md",loading:e=!1,fullWidth:i=!1,disabled:d,style:c,...l})=>{const o=d||e,m={...p[a],...y[t],cursor:o?"not-allowed":"pointer",opacity:o?.6:1,width:i?"100%":void 0,display:"inline-flex",alignItems:"center",justifyContent:"center",borderRadius:"0.375rem",fontWeight:500,transition:"opacity 0.15s ease",boxSizing:"border-box",...c};return n.jsx("button",{type:"button",disabled:o,style:m,className:u.dassS,"aria-busy":e,...l,children:e?n.jsx("span",{"aria-hidden":"true",children:"…"}):s})};exports.Button=f;

package/dist/charts/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../Button-2sDtGC4a.cjs");exports.Button=t.Button;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../Button-DW2zPtpm.cjs");exports.Button=t.Button;

package/dist/components/index.d.ts

@@ -0,0 +1 @@
+export * from './button';

package/dist/components/index.mjs

@@ -1,4 +1,4 @@
-import { B as r } from "../Button-D8bzLGuo.js";
+import { B as r } from "../Button-BShM0joj.js";
 export {
   r as Button
 };

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Button-2sDtGC4a.cjs"),o=require("./colors-CLrPlKf3.cjs"),t=require("./tokens/index.cjs");exports.Button=e.Button;exports.colors=o.colors;exports.fontFamily=t.fontFamily;exports.fontSize=t.fontSize;exports.fontWeight=t.fontWeight;exports.lineHeight=t.lineHeight;exports.spacing=t.spacing;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Button-DW2zPtpm.cjs"),o=require("./colors-CLrPlKf3.cjs"),t=require("./tokens/index.cjs");exports.Button=e.Button;exports.colors=o.colors;exports.fontFamily=t.fontFamily;exports.fontSize=t.fontSize;exports.fontWeight=t.fontWeight;exports.lineHeight=t.lineHeight;exports.spacing=t.spacing;

package/dist/index.d.ts

@@ -0,0 +1,86 @@
+export declare const colors: {
+    readonly brand: {
+        readonly primary: "#0066CC";
+        readonly secondary: "#004499";
+        readonly accent: "#FF6B35";
+    };
+    readonly neutral: {
+        readonly 0: "#FFFFFF";
+        readonly 50: "#F8F9FA";
+        readonly 100: "#F1F3F5";
+        readonly 200: "#E9ECEF";
+        readonly 300: "#DEE2E6";
+        readonly 400: "#CED4DA";
+        readonly 500: "#ADB5BD";
+        readonly 600: "#6C757D";
+        readonly 700: "#495057";
+        readonly 800: "#343A40";
+        readonly 900: "#212529";
+        readonly 1000: "#000000";
+    };
+    readonly semantic: {
+        readonly success: "#2D9D5C";
+        readonly warning: "#F59E0B";
+        readonly error: "#DC2626";
+        readonly info: "#0EA5E9";
+    };
+};
+
+export declare type ColorScale = typeof colors;
+
+export declare type FontFamily = typeof fontFamily;
+
+export declare const fontFamily: {
+    readonly sans: "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif";
+    readonly mono: "'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace";
+};
+
+export declare type FontSize = typeof fontSize;
+
+export declare const fontSize: {
+    readonly xs: "0.75rem";
+    readonly sm: "0.875rem";
+    readonly md: "1rem";
+    readonly lg: "1.125rem";
+    readonly xl: "1.25rem";
+    readonly '2xl': "1.5rem";
+    readonly '3xl': "1.875rem";
+    readonly '4xl': "2.25rem";
+};
+
+export declare type FontWeight = typeof fontWeight;
+
+export declare const fontWeight: {
+    readonly regular: 400;
+    readonly medium: 500;
+    readonly semibold: 600;
+    readonly bold: 700;
+};
+
+export declare type LineHeight = typeof lineHeight;
+
+export declare const lineHeight: {
+    readonly tight: "1.25";
+    readonly normal: "1.5";
+    readonly relaxed: "1.75";
+};
+
+export declare const spacing: {
+    readonly 0: "0rem";
+    readonly 1: "0.25rem";
+    readonly 2: "0.5rem";
+    readonly 3: "0.75rem";
+    readonly 4: "1rem";
+    readonly 5: "1.25rem";
+    readonly 6: "1.5rem";
+    readonly 8: "2rem";
+    readonly 10: "2.5rem";
+    readonly 12: "3rem";
+    readonly 16: "4rem";
+    readonly 20: "5rem";
+    readonly 24: "6rem";
+};
+
+export declare type SpacingScale = typeof spacing;
+
+export { }

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { B as e } from "./Button-D8bzLGuo.js";
+import { B as e } from "./Button-BShM0joj.js";
 import { c as f } from "./colors-Cwz6P253.js";
 import { fontFamily as n, fontSize as a, fontWeight as m, lineHeight as p, spacing as s } from "./tokens/index.mjs";
 export {

package/dist/tokens/index.d.ts

@@ -0,0 +1,3 @@
+export * from './colors';
+export * from './spacing';
+export * from './typography';

package/dist/ui-kit.css

@@ -0,0 +1 @@
+._dassS_1sj1e_1{z-index:1;display:inline;width:200;padding:auto}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coresystems/ui-kit",
-  "version": "0.1.0",
+  "version": "1.0.0",
   "private": false,
   "description": "React component library and design tokens for coresystems",
   "license": "MIT",
@@ -38,21 +38,24 @@
     "dist"
   ],
   "devDependencies": {
+    "@storybook/react-vite": "^10.2.13",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^5.1.4",
+    "eslint": "10.0.2",
     "jsdom": "^28.0.0",
-    "react": "^19.2.4",
-    "react-dom": "^19.2.4",
-    "typescript": "^5.9.3",
+    "lint-staged": "16.2.7",
+    "prettier": "3.8.1",
+    "stylelint": "16.26.1",
+    "typescript": "5.9.3",
     "vite": "^7.3.1",
-    "vite-plugin-dts": "^4.5.4",
     "vitest": "^4.0.18",
-    "@coresystems/config-typescript": "0.1.0",
-    "@coresystems/config-vite": "0.1.0"
+    "@coresystems/config-eslint": "2.0.0",
+    "@coresystems/config-typescript": "2.0.0",
+    "@coresystems/config-stylelint": "2.0.0",
+    "@coresystems/config-vite": "2.0.0"
   },
   "peerDependencies": {
     "react": "^18.2.0 || ^19.0.0",
@@ -66,8 +69,10 @@
   },
   "scripts": {
     "build": "vite build",
-    "typecheck": "tsc --noEmit",
     "test": "vitest run",
-    "test:watch": "vitest"
+    "test:watch": "vitest",
+    "types:check": "tsc --noEmit",
+    "lint": "eslint . --cache --fix && stylelint \"**/*.{css,scss}\" --cache --fix",
+    "lint:check": "eslint . --cache && stylelint \"**/*.{css,scss}\" --cache"
   }
 }

package/dist/Button-2sDtGC4a.cjs

@@ -1 +0,0 @@
-"use strict";const n=require("react/jsx-runtime"),r=require("./colors-CLrPlKf3.cjs"),b={sm:{padding:"0.25rem 0.75rem",fontSize:"0.875rem",height:"2rem"},md:{padding:"0.5rem 1rem",fontSize:"1rem",height:"2.5rem"},lg:{padding:"0.75rem 1.5rem",fontSize:"1.125rem",height:"3rem"}},u={primary:{background:r.colors.brand.primary,color:"#fff",border:"none"},secondary:{background:"transparent",color:r.colors.brand.primary,border:`1px solid ${r.colors.brand.primary}`},ghost:{background:"transparent",color:r.colors.neutral[700],border:"none"},danger:{background:r.colors.semantic.error,color:"#fff",border:"none"}},p=({children:t,variant:i="primary",size:s="md",loading:e=!1,fullWidth:a=!1,disabled:d,style:c,...l})=>{const o=d||e,m={...b[s],...u[i],cursor:o?"not-allowed":"pointer",opacity:o?.6:1,width:a?"100%":void 0,display:"inline-flex",alignItems:"center",justifyContent:"center",borderRadius:"0.375rem",fontWeight:500,transition:"opacity 0.15s ease",boxSizing:"border-box",...c};return n.jsx("button",{type:"button",disabled:o,style:m,"aria-busy":e,...l,children:e?n.jsx("span",{"aria-hidden":"true",children:"…"}):t})};exports.Button=p;