@stamcat/craftsman 0.0.23-alpha.24 → 0.0.23-alpha.26

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

@@ -1,5 +1,174 @@
 import { ColorType } from './types';
-export declare const colors: Record<string, string>;
+export declare const colors: {
+    red990: string;
+    red950: string;
+    red925: string;
+    red900: string;
+    red850: string;
+    red800: string;
+    red750: string;
+    red700: string;
+    red650: string;
+    red600: string;
+    red550: string;
+    red500: string;
+    red450: string;
+    red400: string;
+    red350: string;
+    red300: string;
+    red250: string;
+    red200: string;
+    red150: string;
+    red100: string;
+    red50: string;
+    red10: string;
+    orange950: string;
+    orange900: string;
+    orange800: string;
+    orange700: string;
+    orange600: string;
+    orange500: string;
+    orange400: string;
+    orange300: string;
+    orange200: string;
+    orange100: string;
+    orange50: string;
+    yellow950: string;
+    yellow900: string;
+    yellow800: string;
+    yellow700: string;
+    yellow600: string;
+    yellow500: string;
+    yellow400: string;
+    yellow300: string;
+    yellow200: string;
+    yellow100: string;
+    yellow50: string;
+    green990: string;
+    green975: string;
+    green950: string;
+    green900: string;
+    green850: string;
+    green800: string;
+    green750: string;
+    green700: string;
+    green650: string;
+    green600: string;
+    green550: string;
+    green500: string;
+    green450: string;
+    green400: string;
+    green350: string;
+    green300: string;
+    green250: string;
+    green200: string;
+    green100: string;
+    green80: string;
+    green50: string;
+    green10: string;
+    blueGreen990: string;
+    blueGreen975: string;
+    blueGreen950: string;
+    blueGreen900: string;
+    blueGreen850: string;
+    blueGreen800: string;
+    blueGreen750: string;
+    blueGreen700: string;
+    blueGreen650: string;
+    blueGreen600: string;
+    blueGreen550: string;
+    blueGreen500: string;
+    blueGreen450: string;
+    blueGreen400: string;
+    blueGreen300: string;
+    blueGreen250: string;
+    blueGreen150: string;
+    blueGreen50: string;
+    blueGreen10: string;
+    teal900: string;
+    teal800: string;
+    teal700: string;
+    teal600: string;
+    teal500: string;
+    teal450: string;
+    teal400: string;
+    teal350: string;
+    teal300: string;
+    teal250: string;
+    teal200: string;
+    teal150: string;
+    teal100: string;
+    teal50: string;
+    blue950: string;
+    blue900: string;
+    blue800: string;
+    blue700: string;
+    blue600: string;
+    blue500: string;
+    blue400: string;
+    blue300: string;
+    blue200: string;
+    blue100: string;
+    blue50: string;
+    violet950: string;
+    violet900: string;
+    violet800: string;
+    violet700: string;
+    violet600: string;
+    violet500: string;
+    violet400: string;
+    violet300: string;
+    violet200: string;
+    violet100: string;
+    violet50: string;
+    purple950: string;
+    purple900: string;
+    purple800: string;
+    purple700: string;
+    purple600: string;
+    purple500: string;
+    purple400: string;
+    purple300: string;
+    purple200: string;
+    purple100: string;
+    purple50: string;
+    beige990: string;
+    beige900: string;
+    beige800: string;
+    beige700: string;
+    beige600: string;
+    beige500: string;
+    beige400: string;
+    beige300: string;
+    beige200: string;
+    beige100: string;
+    beige50: string;
+    gray999: string;
+    gray980: string;
+    gray950: string;
+    gray900: string;
+    gray850: string;
+    gray800: string;
+    gray750: string;
+    gray700: string;
+    gray650: string;
+    gray600: string;
+    gray550: string;
+    gray500: string;
+    gray450: string;
+    gray400: string;
+    gray350: string;
+    gray300: string;
+    gray250: string;
+    gray200: string;
+    gray150: string;
+    gray100: string;
+    gray50: string;
+    gray10: string;
+    white: string;
+    black: string;
+    text: string;
+};
 export type ColorKey = keyof typeof colors;
 export declare function hexToRgba(hex: string, alpha?: number): string;
 export declare const color: (name: ColorKey, type?: ColorType, alpha?: number) => string;

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

@@ -1,11 +1,7 @@
 import { defaultColors as e } from "./constants.esm.js";
-import { getCraftsmanConfig as t } from "./config.esm.js";
 //#region src/styles/utilities/color.ts
-var n = Object.keys(e).reduce((e, n) => (e[n] = {
-	enumerable: !0,
-	get: () => t().colors[n]
-}, e), {}), r = Object.defineProperties({}, n);
-function i(e, t = 1) {
+var t = { ...e };
+function n(e, t = 1) {
 	e = e.replace("#", "");
 	let n, r, i;
 	if (e.length === 6) n = Number.parseInt(e.substring(0, 2), 16), r = Number.parseInt(e.substring(2, 4), 16), i = Number.parseInt(e.substring(4, 6), 16);
@@ -14,6 +10,6 @@ function i(e, t = 1) {
 	else throw Error("Invalid hex color format");
 	return t = Math.max(0, Math.min(1, t)), `rgba(${n}, ${r}, ${i}, ${t})`;
 }
-var a = (e, t = "hex", n = 1) => t === "rgba" ? i(r[e], n) : r[e];
+var r = (e, t = "hex", n = 1) => t === "rgba" ? `rgb(from var(--${e}) r g b / ${n})` : `var(--${e})`;
 //#endregion
-export { a as color, r as colors, i as hexToRgba };
+export { r as color, t as colors, n as hexToRgba };

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

@@ -1,77 +1,172 @@
+import { LayoutWidthsType } from './types';
 export declare const defaultColors: {
-    text: string;
-    primary: string;
-    transparent: string;
-    white: string;
-    black: string;
-    grey50: string;
-    grey100: string;
-    grey200: string;
-    grey300: string;
-    grey400: string;
-    grey500: string;
-    grey600: string;
-    grey700: string;
-    grey800: string;
-    grey900: string;
-    blue50: string;
-    blue100: string;
-    blue200: string;
-    blue300: string;
-    blue400: string;
-    blue500: string;
-    blue600: string;
-    blue700: string;
-    blue800: string;
-    blue900: string;
-    green50: string;
-    green100: string;
-    green200: string;
-    green300: string;
-    green400: string;
-    green500: string;
-    green600: string;
-    green700: string;
-    green800: string;
-    green900: string;
-    yellow50: string;
-    yellow100: string;
-    yellow200: string;
-    yellow300: string;
-    yellow400: string;
-    yellow500: string;
-    yellow600: string;
-    yellow700: string;
-    yellow800: string;
-    yellow900: string;
-    red50: string;
-    red100: string;
-    red200: string;
-    red300: string;
-    red400: string;
-    red500: string;
-    red600: string;
-    red700: string;
-    red800: string;
+    red990: string;
+    red950: string;
+    red925: string;
     red900: string;
-    purple50: string;
-    purple100: string;
-    purple200: string;
-    purple300: string;
-    purple400: string;
-    purple500: string;
-    purple600: string;
-    purple700: string;
-    purple800: string;
+    red850: string;
+    red800: string;
+    red750: string;
+    red700: string;
+    red650: string;
+    red600: string;
+    red550: string;
+    red500: string;
+    red450: string;
+    red400: string;
+    red350: string;
+    red300: string;
+    red250: string;
+    red200: string;
+    red150: string;
+    red100: string;
+    red50: string;
+    red10: string;
+    orange950: string;
+    orange900: string;
+    orange800: string;
+    orange700: string;
+    orange600: string;
+    orange500: string;
+    orange400: string;
+    orange300: string;
+    orange200: string;
+    orange100: string;
+    orange50: string;
+    yellow950: string;
+    yellow900: string;
+    yellow800: string;
+    yellow700: string;
+    yellow600: string;
+    yellow500: string;
+    yellow400: string;
+    yellow300: string;
+    yellow200: string;
+    yellow100: string;
+    yellow50: string;
+    green990: string;
+    green975: string;
+    green950: string;
+    green900: string;
+    green850: string;
+    green800: string;
+    green750: string;
+    green700: string;
+    green650: string;
+    green600: string;
+    green550: string;
+    green500: string;
+    green450: string;
+    green400: string;
+    green350: string;
+    green300: string;
+    green250: string;
+    green200: string;
+    green100: string;
+    green80: string;
+    green50: string;
+    green10: string;
+    blueGreen990: string;
+    blueGreen975: string;
+    blueGreen950: string;
+    blueGreen900: string;
+    blueGreen850: string;
+    blueGreen800: string;
+    blueGreen750: string;
+    blueGreen700: string;
+    blueGreen650: string;
+    blueGreen600: string;
+    blueGreen550: string;
+    blueGreen500: string;
+    blueGreen450: string;
+    blueGreen400: string;
+    blueGreen300: string;
+    blueGreen250: string;
+    blueGreen150: string;
+    blueGreen50: string;
+    blueGreen10: string;
+    teal900: string;
+    teal800: string;
+    teal700: string;
+    teal600: string;
+    teal500: string;
+    teal450: string;
+    teal400: string;
+    teal350: string;
+    teal300: string;
+    teal250: string;
+    teal200: string;
+    teal150: string;
+    teal100: string;
+    teal50: string;
+    blue950: string;
+    blue900: string;
+    blue800: string;
+    blue700: string;
+    blue600: string;
+    blue500: string;
+    blue400: string;
+    blue300: string;
+    blue200: string;
+    blue100: string;
+    blue50: string;
+    violet950: string;
+    violet900: string;
+    violet800: string;
+    violet700: string;
+    violet600: string;
+    violet500: string;
+    violet400: string;
+    violet300: string;
+    violet200: string;
+    violet100: string;
+    violet50: string;
+    purple950: string;
     purple900: string;
+    purple800: string;
+    purple700: string;
+    purple600: string;
+    purple500: string;
+    purple400: string;
+    purple300: string;
+    purple200: string;
+    purple100: string;
+    purple50: string;
+    beige990: string;
+    beige900: string;
+    beige800: string;
+    beige700: string;
+    beige600: string;
+    beige500: string;
+    beige400: string;
+    beige300: string;
+    beige200: string;
+    beige100: string;
+    beige50: string;
+    gray999: string;
+    gray980: string;
+    gray950: string;
+    gray900: string;
+    gray850: string;
+    gray800: string;
+    gray750: string;
+    gray700: string;
+    gray650: string;
+    gray600: string;
+    gray550: string;
+    gray500: string;
+    gray450: string;
+    gray400: string;
+    gray350: string;
+    gray300: string;
+    gray250: string;
+    gray200: string;
+    gray150: string;
+    gray100: string;
+    gray50: string;
+    gray10: string;
+    white: string;
+    black: string;
+    text: string;
 };
-export declare const defaultWidths: {
-    text: number;
-    column: number;
-    gutter: number;
-    extDesktop: number;
-    extNav: number;
-    desktop: number;
-    tablet: number;
-    extMobile: number;
-};
+export declare const defaultWidths: Record<LayoutWidthsType, number>;

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

@@ -1,79 +1,183 @@
 //#region src/styles/utilities/constants.ts
 var e = {
-	text: "#2e2e2e",
-	primary: "#005cac",
-	transparent: "transparent",
-	white: "#ffffff",
-	black: "#000000",
-	grey50: "#f8fafc",
-	grey100: "#f1f5f9",
-	grey200: "#e2e8f0",
-	grey300: "#cbd5e1",
-	grey400: "#94a3b8",
-	grey500: "#64748b",
-	grey600: "#475569",
-	grey700: "#334155",
-	grey800: "#1e293b",
-	grey900: "#0f172a",
-	blue50: "#eff6ff",
-	blue100: "#dbeafe",
-	blue200: "#bfdbfe",
-	blue300: "#93c5fd",
-	blue400: "#60a5fa",
-	blue500: "#3b82f6",
-	blue600: "#2563eb",
-	blue700: "#1d4ed8",
-	blue800: "#1e40af",
-	blue900: "#1e3a8a",
-	green50: "#f0fdf4",
-	green100: "#dcfce7",
-	green200: "#bbf7d0",
-	green300: "#86efac",
-	green400: "#4ade80",
-	green500: "#22c55e",
-	green600: "#16a34a",
-	green700: "#15803d",
-	green800: "#166534",
-	green900: "#14532d",
-	yellow50: "#fefce8",
-	yellow100: "#fef9c3",
-	yellow200: "#fef08a",
-	yellow300: "#fde047",
-	yellow400: "#facc15",
-	yellow500: "#eab308",
-	yellow600: "#ca8a04",
-	yellow700: "#a16207",
-	yellow800: "#854d0e",
-	yellow900: "#713f12",
-	red50: "#fef2f2",
-	red100: "#fee2e2",
-	red200: "#fecaca",
-	red300: "#fca5a5",
-	red400: "#f87171",
-	red500: "#ef4444",
-	red600: "#dc2626",
-	red700: "#b91c1c",
-	red800: "#991b1b",
-	red900: "#7f1d1d",
-	purple50: "#faf5ff",
-	purple100: "#f3e8ff",
-	purple200: "#e9d5ff",
-	purple300: "#d8b4fe",
-	purple400: "#c084fc",
-	purple500: "#a855f7",
-	purple600: "#9333ea",
-	purple700: "#7e22ce",
-	purple800: "#6b21a8",
-	purple900: "#581c87"
+	red990: "#2A0D09",
+	red950: "#2E0E05",
+	red925: "#3E140E",
+	red900: "#451408",
+	red850: "#531A13",
+	red800: "#5C1B0A",
+	red750: "#7D271C",
+	red700: "#8A290F",
+	red650: "#A63426",
+	red600: "#B83614",
+	red550: "#D24A39",
+	red500: "#E54419",
+	red450: "#D96759",
+	red400: "#FB6249",
+	red350: "#E38D82",
+	red300: "#F2A18C",
+	red250: "#ECB3AC",
+	red200: "#F5B4A3",
+	red150: "#F6D9D5",
+	red100: "#FADAD1",
+	red50: "#FCECE8",
+	red10: "#FBF0EE",
+	orange950: "#1A1200",
+	orange900: "#332400",
+	orange800: "#664700",
+	orange700: "#996B00",
+	orange600: "#CC8E00",
+	orange500: "#F2A900",
+	orange400: "#FFC133",
+	orange300: "#FFD166",
+	orange200: "#FFE099",
+	orange100: "#FFF0CC",
+	orange50: "#FFFCF5",
+	yellow950: "#302503",
+	yellow900: "#483804",
+	yellow800: "#614A05",
+	yellow700: "#916F08",
+	yellow600: "#C1940B",
+	yellow500: "#F1BA0E",
+	yellow400: "#FFCF5A",
+	yellow300: "#F8DC86",
+	yellow200: "#FAE39E",
+	yellow100: "#FCF1CF",
+	yellow50: "#FEF8E7",
+	green990: "#040B09",
+	green975: "#071309",
+	green950: "#071310",
+	green900: "#061409",
+	green850: "#0F2410",
+	green800: "#0D2620",
+	green750: "#163E35",
+	green700: "#184E23",
+	green650: "#236254",
+	green600: "#456600",
+	green550: "#308874",
+	green500: "#389448",
+	green450: "#689900",
+	green400: "#46B95A",
+	green350: "#83C200",
+	green300: "#63CF79",
+	green250: "#7FD2BF",
+	green200: "#A7DC3C",
+	green100: "#B5E3BD",
+	green80: "#D1EB94",
+	green50: "#DAF1DE",
+	green10: "#F6FBEA",
+	blueGreen990: "#001C19",
+	blueGreen975: "#022427",
+	blueGreen950: "#13332E",
+	blueGreen900: "#0A3B43",
+	blueGreen850: "#0F4A45",
+	blueGreen800: "#0D4E59",
+	blueGreen750: "#045258",
+	blueGreen700: "#08ADBA",
+	blueGreen650: "#1D766E",
+	blueGreen600: "#137686",
+	blueGreen550: "#039084",
+	blueGreen500: "#2FBCB0",
+	blueGreen450: "#5CD6CC",
+	blueGreen400: "#85E0D9",
+	blueGreen300: "#ADEBE5",
+	blueGreen250: "#A6E7F2",
+	blueGreen150: "#D6F5F2",
+	blueGreen50: "#EBFAF9",
+	blueGreen10: "#EBFDFE",
+	teal900: "#06272D",
+	teal800: "#068089",
+	teal700: "#1A9DB2",
+	teal600: "#20C4DF",
+	teal500: "#0ADBEA",
+	teal450: "#6DE3EE",
+	teal400: "#32E8F6",
+	teal350: "#63EEF8",
+	teal300: "#94F3FA",
+	teal250: "#A7F5FB",
+	teal200: "#BCEDF5",
+	teal150: "#D2FAFD",
+	teal100: "#D2F3F9",
+	teal50: "#E9F9FC",
+	blue950: "#060B14",
+	blue900: "#0C1728",
+	blue800: "#172D4F",
+	blue700: "#234476",
+	blue600: "#2F5B9D",
+	blue500: "#3A70C2",
+	blue400: "#628ED0",
+	blue300: "#89AADC",
+	blue200: "#B0C6E8",
+	blue100: "#D7E2F3",
+	blue50: "#EFF4FA",
+	violet950: "#0D042F",
+	violet900: "#19095D",
+	violet800: "#260D8C",
+	violet700: "#3311BB",
+	violet600: "#3F16E9",
+	violet500: "#6644EE",
+	violet400: "#8C73F2",
+	violet300: "#9F8AF4",
+	violet200: "#B2A2F6",
+	violet100: "#D9D1FA",
+	violet50: "#ECE8FD",
+	purple950: "#26062D",
+	purple900: "#390A43",
+	purple800: "#4D0D59",
+	purple700: "#731386",
+	purple600: "#9919B2",
+	purple500: "#BF20DF",
+	purple400: "#E474EE",
+	purple300: "#DF8FEF",
+	purple200: "#E5A6F2",
+	purple100: "#F2D2F9",
+	purple50: "#F9E9FC",
+	beige990: "#110F09",
+	beige900: "#211E12",
+	beige800: "#423C24",
+	beige700: "#635A36",
+	beige600: "#847848",
+	beige500: "#A5965A",
+	beige400: "#B7AB7B",
+	beige300: "#C9C09C",
+	beige200: "#DBD5BD",
+	beige100: "#EDEADE",
+	beige50: "#F9F8F4",
+	gray999: "#0D0C0C",
+	gray980: "#1B1918",
+	gray950: "#212829",
+	gray900: "#2A2A2A",
+	gray850: "#343E40",
+	gray800: "#404040",
+	gray750: "#495457",
+	gray700: "#6B6361",
+	gray650: "#6C787D",
+	gray600: "#837976",
+	gray550: "#9E9694",
+	gray500: "#B6B0AF",
+	gray450: "#ADB9BD",
+	gray400: "#CFCBC9",
+	gray350: "#CED8DA",
+	gray300: "#DEE5E6",
+	gray250: "#E7E5E4",
+	gray200: "#F0F4F4",
+	gray150: "#F3F2F2",
+	gray100: "#F7F9F9",
+	gray50: "#FCFDFD",
+	gray10: "#FFFFFF",
+	white: "#FFFFFF",
+	black: "#101921",
+	text: "#101921"
 }, t = {
 	text: 14,
-	column: 60,
 	gutter: 16,
-	extDesktop: 1320,
-	extNav: 1240,
-	desktop: 1040,
+	column: 60,
+	mobileMax: 659.99999,
 	tablet: 660,
-	extMobile: 320
+	tabletMax: 1039.99999,
+	desktop: 1040,
+	desktopMax: 1319.99999,
+	extDesktop: 1320
 };
 //#endregion
 export { e as defaultColors, t as defaultWidths };