@greese/ui 0.0.0-stage → 1.1.0

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+export * from './tokens.ts';
+export * from './palette.ts';
+export * from './typography.ts';
+export * from './effects.ts';
+export * from './utilities.ts';
+export { cssVar, LAYER_ORDER, SCHEME_ATTR, THEME_ATTR } from './css.ts';
+export { createTheme, deriveColors, type ColorValue, type Theme, type ExtendTokens, type ThemeOptions, } from './theme.ts';
+export { AA, contentColor, contrastRatio, CONTENT_DARK, CONTENT_LIGHT, luminance, } from './contrast.ts';
+export { DEFAULT_SCHEME_STORAGE_KEY, getSchemeScript, type ColorScheme, type SchemeScriptOptions, } from './colorScheme.ts';
+export { createStoredValue, type StoredValue, type StoredValueOptions, } from './storage.ts';

package/dist/index.js

@@ -0,0 +1,10 @@
+export * from "./tokens.js";
+export * from "./palette.js";
+export * from "./typography.js";
+export * from "./effects.js";
+export * from "./utilities.js";
+export { cssVar, LAYER_ORDER, SCHEME_ATTR, THEME_ATTR } from "./css.js";
+export { createTheme, deriveColors, } from "./theme.js";
+export { AA, contentColor, contrastRatio, CONTENT_DARK, CONTENT_LIGHT, luminance, } from "./contrast.js";
+export { DEFAULT_SCHEME_STORAGE_KEY, getSchemeScript, } from "./colorScheme.js";
+export { createStoredValue, } from "./storage.js";

package/dist/kebab.d.ts

@@ -0,0 +1,2 @@
+/** `surfaceOverlay` -> `surface-overlay`, `2xl` -> `2xl`. */
+export declare const kebab: (value: string) => string;

package/dist/kebab.js

@@ -0,0 +1,2 @@
+/** `surfaceOverlay` -> `surface-overlay`, `2xl` -> `2xl`. */
+export const kebab = (value) => value.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`);

package/dist/palette.css

@@ -0,0 +1,249 @@
+/* GENERATED by @greese/ui from src/tokens.ts - do not edit. */
+/* Opt-in: @import '@greese/ui/palette.css';  then  var(--greese-lavender-600). */
+@layer greese.reset, greese.tokens, greese.theme, greese.base, greese.components, greese.overrides, greese.utilities;
+@layer greese.tokens {
+  :root {
+    --greese-steel-50: #f5f7f9;
+    --greese-steel-100: #e9edf2;
+    --greese-steel-200: #d7dfe7;
+    --greese-steel-300: #bfcbd8;
+    --greese-steel-400: #a3b3c4;
+    --greese-steel-500: #8597a9;
+    --greese-steel-600: #687889;
+    --greese-steel-700: #505e6d;
+    --greese-steel-800: #3c4854;
+    --greese-steel-900: #2a333c;
+    --greese-steel-999: #11171c;
+    --greese-gray-50: #f7f7f7;
+    --greese-gray-100: #ededed;
+    --greese-gray-200: #dedede;
+    --greese-gray-300: #cacaca;
+    --greese-gray-400: #b1b1b1;
+    --greese-gray-500: #949494;
+    --greese-gray-600: #767676;
+    --greese-gray-700: #5c5c5c;
+    --greese-gray-800: #464646;
+    --greese-gray-900: #323232;
+    --greese-gray-999: #161616;
+    --greese-silver-50: #f6f7f7;
+    --greese-silver-100: #ebedee;
+    --greese-silver-200: #dadfe1;
+    --greese-silver-300: #c5cbce;
+    --greese-silver-400: #aab3b7;
+    --greese-silver-500: #8d969b;
+    --greese-silver-600: #6f777c;
+    --greese-silver-700: #565e61;
+    --greese-silver-800: #41474b;
+    --greese-silver-900: #2e3335;
+    --greese-silver-999: #141618;
+    --greese-ash-50: #f7f7f6;
+    --greese-ash-100: #ededeb;
+    --greese-ash-200: #dfdeda;
+    --greese-ash-300: #cbcac4;
+    --greese-ash-400: #b3b1aa;
+    --greese-ash-500: #97958d;
+    --greese-ash-600: #78766e;
+    --greese-ash-700: #5e5c56;
+    --greese-ash-800: #484641;
+    --greese-ash-900: #33322e;
+    --greese-ash-999: #171614;
+    --greese-taupe-50: #f8f6f5;
+    --greese-taupe-100: #f0ece9;
+    --greese-taupe-200: #e4dcd6;
+    --greese-taupe-300: #d3c7be;
+    --greese-taupe-400: #bdaea2;
+    --greese-taupe-500: #a29184;
+    --greese-taupe-600: #827366;
+    --greese-taupe-700: #67594f;
+    --greese-taupe-800: #4f443b;
+    --greese-taupe-900: #38302a;
+    --greese-taupe-999: #1a1511;
+    --greese-red-50: #fff4f2;
+    --greese-red-100: #ffe6e3;
+    --greese-red-200: #ffd2cc;
+    --greese-red-300: #ffb4ab;
+    --greese-red-400: #ff8b7f;
+    --greese-red-500: #fd4c45;
+    --greese-red-600: #d52727;
+    --greese-red-700: #ae0914;
+    --greese-red-800: #88030c;
+    --greese-red-900: #620407;
+    --greese-red-999: #330000;
+    --greese-orange-50: #fff4ee;
+    --greese-orange-100: #ffe8da;
+    --greese-orange-200: #ffd8c1;
+    --greese-orange-300: #ffc19c;
+    --greese-orange-400: #ff9d5e;
+    --greese-orange-500: #ef7500;
+    --greese-orange-600: #c05d00;
+    --greese-orange-700: #964700;
+    --greese-orange-800: #733400;
+    --greese-orange-900: #522300;
+    --greese-orange-999: #290d00;
+    --greese-gold-50: #fff5e7;
+    --greese-gold-100: #ffeaca;
+    --greese-gold-200: #ffe1b5;
+    --greese-gold-300: #ffd593;
+    --greese-gold-400: #feb93d;
+    --greese-gold-500: #df9c00;
+    --greese-gold-600: #b37d00;
+    --greese-gold-700: #8a5f00;
+    --greese-gold-800: #664500;
+    --greese-gold-900: #472e00;
+    --greese-gold-999: #211300;
+    --greese-yellow-50: #fcf8df;
+    --greese-yellow-100: #f8efb6;
+    --greese-yellow-200: #fce873;
+    --greese-yellow-300: #fbe136;
+    --greese-yellow-400: #f4d90b;
+    --greese-yellow-500: #d3bb00;
+    --greese-yellow-600: #ab9700;
+    --greese-yellow-700: #817100;
+    --greese-yellow-800: #5c5000;
+    --greese-yellow-900: #3d3500;
+    --greese-yellow-999: #1b1600;
+    --greese-lime-50: #f2fae9;
+    --greese-lime-100: #e2f4ce;
+    --greese-lime-200: #d2f4a9;
+    --greese-lime-300: #c0ee82;
+    --greese-lime-400: #a6dc51;
+    --greese-lime-500: #87bf0e;
+    --greese-lime-600: #6b9a00;
+    --greese-lime-700: #517600;
+    --greese-lime-800: #3a5600;
+    --greese-lime-900: #263b00;
+    --greese-lime-999: #0e1a00;
+    --greese-green-50: #effaf1;
+    --greese-green-100: #dcf5e0;
+    --greese-green-200: #bdeec6;
+    --greese-green-300: #95e2a5;
+    --greese-green-400: #61cf7e;
+    --greese-green-500: #25b459;
+    --greese-green-600: #009141;
+    --greese-green-700: #007231;
+    --greese-green-800: #005724;
+    --greese-green-900: #003e17;
+    --greese-green-999: #001d06;
+    --greese-jade-50: #eefaf4;
+    --greese-jade-100: #daf4e8;
+    --greese-jade-200: #baedd6;
+    --greese-jade-300: #8ee1be;
+    --greese-jade-400: #54cea1;
+    --greese-jade-500: #00b283;
+    --greese-jade-600: #008e68;
+    --greese-jade-700: #006f51;
+    --greese-jade-800: #00553d;
+    --greese-jade-900: #003c2a;
+    --greese-jade-999: #001c11;
+    --greese-turquoise-50: #eefaf8;
+    --greese-turquoise-100: #daf3f0;
+    --greese-turquoise-200: #bcece7;
+    --greese-turquoise-300: #94e1da;
+    --greese-turquoise-400: #5dcec5;
+    --greese-turquoise-500: #13b3aa;
+    --greese-turquoise-600: #009088;
+    --greese-turquoise-700: #007069;
+    --greese-turquoise-800: #00544f;
+    --greese-turquoise-900: #003b38;
+    --greese-turquoise-999: #001b19;
+    --greese-aqua-50: #eef9fb;
+    --greese-aqua-100: #daf2f5;
+    --greese-aqua-200: #beecf2;
+    --greese-aqua-300: #98e3ec;
+    --greese-aqua-400: #64d0de;
+    --greese-aqua-500: #23b5c4;
+    --greese-aqua-600: #00919f;
+    --greese-aqua-700: #00707b;
+    --greese-aqua-800: #00545c;
+    --greese-aqua-900: #003b41;
+    --greese-aqua-999: #001b1e;
+    --greese-azure-50: #eef9ff;
+    --greese-azure-100: #daf1ff;
+    --greese-azure-200: #bde6ff;
+    --greese-azure-300: #91d6ff;
+    --greese-azure-400: #5ac0f7;
+    --greese-azure-500: #15a4e1;
+    --greese-azure-600: #0082b6;
+    --greese-azure-700: #00668f;
+    --greese-azure-800: #004d6e;
+    --greese-azure-900: #003750;
+    --greese-azure-999: #001927;
+    --greese-blue-50: #f2f7ff;
+    --greese-blue-100: #e2eeff;
+    --greese-blue-200: #cbdfff;
+    --greese-blue-300: #aaccff;
+    --greese-blue-400: #81b2ff;
+    --greese-blue-500: #4c92ff;
+    --greese-blue-600: #2771e0;
+    --greese-blue-700: #1356b8;
+    --greese-blue-800: #0b4290;
+    --greese-blue-900: #072e68;
+    --greese-blue-999: #001337;
+    --greese-royal-50: #f4f6ff;
+    --greese-royal-100: #e7ecff;
+    --greese-royal-200: #d4dcff;
+    --greese-royal-300: #bac6ff;
+    --greese-royal-400: #9aaaff;
+    --greese-royal-500: #7787ff;
+    --greese-royal-600: #5963e5;
+    --greese-royal-700: #444abc;
+    --greese-royal-800: #333894;
+    --greese-royal-900: #23276b;
+    --greese-royal-999: #0d0f39;
+    --greese-lavender-50: #f7f5ff;
+    --greese-lavender-100: #edeaff;
+    --greese-lavender-200: #dfd8ff;
+    --greese-lavender-300: #cdbfff;
+    --greese-lavender-400: #b69fff;
+    --greese-lavender-500: #9d79f6;
+    --greese-lavender-600: #7e5bd0;
+    --greese-lavender-700: #6443ab;
+    --greese-lavender-800: #4c3285;
+    --greese-lavender-900: #362361;
+    --greese-lavender-999: #190c33;
+    --greese-purple-50: #fbf4ff;
+    --greese-purple-100: #f6e6ff;
+    --greese-purple-200: #eed1ff;
+    --greese-purple-300: #e4b4ff;
+    --greese-purple-400: #d78cff;
+    --greese-purple-500: #be68ea;
+    --greese-purple-600: #9d49c5;
+    --greese-purple-700: #7e33a1;
+    --greese-purple-800: #61257d;
+    --greese-purple-900: #46195a;
+    --greese-purple-999: #22062f;
+    --greese-magenta-50: #fff3fb;
+    --greese-magenta-100: #ffe3f7;
+    --greese-magenta-200: #ffccf1;
+    --greese-magenta-300: #ffa9ea;
+    --greese-magenta-400: #f97cde;
+    --greese-magenta-500: #e053c6;
+    --greese-magenta-600: #bb32a3;
+    --greese-magenta-700: #971c83;
+    --greese-magenta-800: #761266;
+    --greese-magenta-900: #550c49;
+    --greese-magenta-999: #2b0124;
+    --greese-pink-50: #fff3f7;
+    --greese-pink-100: #ffe5ee;
+    --greese-pink-200: #ffcfe0;
+    --greese-pink-300: #ffaecd;
+    --greese-pink-400: #ff81b6;
+    --greese-pink-500: #e75a9a;
+    --greese-pink-600: #c13b7b;
+    --greese-pink-700: #9c2661;
+    --greese-pink-800: #7a1a4a;
+    --greese-pink-900: #581235;
+    --greese-pink-999: #2d0318;
+    --greese-ruby-50: #fff4f4;
+    --greese-ruby-100: #ffe6e8;
+    --greese-ruby-200: #ffd0d5;
+    --greese-ruby-300: #ffb2ba;
+    --greese-ruby-400: #ff8798;
+    --greese-ruby-500: #f94b72;
+    --greese-ruby-600: #d12655;
+    --greese-ruby-700: #aa0b40;
+    --greese-ruby-800: #85042f;
+    --greese-ruby-900: #600421;
+    --greese-ruby-999: #32000b;
+  }
+}