@greese/ui 0.0.0-stage → 1.1.0

package/dist/_tokens-base.scss

@@ -0,0 +1,174 @@
+/* GENERATED by @greese/ui from src/tokens.ts - do not edit. */
+// Internal: the tokens without the type system (src/styles/_typography-vars.scss).
+@layer greese.reset, greese.tokens, greese.theme, greese.base, greese.components, greese.overrides, greese.utilities;
+@layer greese.tokens {
+  :root {
+    --greese-loaded: 1;
+    --greese-space-0: 0;
+    --greese-space-1: 0.25rem;
+    --greese-space-2: 0.5rem;
+    --greese-space-3: 0.75rem;
+    --greese-space-4: 1rem;
+    --greese-space-5: 1.5rem;
+    --greese-space-6: 2rem;
+    --greese-space-7: 3rem;
+    --greese-space-8: 4rem;
+    --greese-radius-none: 0;
+    --greese-radius-sm: 4px;
+    --greese-radius-md: 8px;
+    --greese-radius-lg: 16px;
+    --greese-radius-xl: 24px;
+    --greese-radius-pill: 999px;
+    --greese-radius-round: 50%;
+    --greese-corner-control: var(--greese-radius-md);
+    --greese-corner-field: var(--greese-radius-md);
+    --greese-corner-surface: var(--greese-radius-lg);
+    --greese-corner-panel: var(--greese-radius-md);
+    --greese-corner-inset: var(--greese-radius-sm);
+    --greese-corner-pill: var(--greese-radius-pill);
+    --greese-corner-round: var(--greese-radius-round);
+    --greese-font-body: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
+    --greese-font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
+    --greese-font-weight-regular: 400;
+    --greese-font-weight-medium: 500;
+    --greese-font-weight-semibold: 600;
+    --greese-font-weight-bold: 700;
+    --greese-line-height-tight: 1.25;
+    --greese-line-height-snug: 1.375;
+    --greese-line-height-normal: 1.5;
+    --greese-shadow-sm: 0 1px 2px color-mix(in srgb, var(--greese-color-black) 8%, transparent);
+    --greese-shadow-md: 0 4px 12px color-mix(in srgb, var(--greese-color-black) 12%, transparent);
+    --greese-shadow-lg: 0 12px 32px color-mix(in srgb, var(--greese-color-black) 18%, transparent);
+    --greese-z-index-dropdown: 1000;
+    --greese-z-index-sticky: 1100;
+    --greese-z-index-overlay: 1300;
+    --greese-z-index-modal: 1400;
+    --greese-z-index-popover: 1500;
+    --greese-z-index-toast: 1600;
+    --greese-z-index-tooltip: 1700;
+    --greese-duration-fast: 120ms;
+    --greese-duration-normal: 200ms;
+    --greese-duration-slow: 320ms;
+    --greese-easing-standard: cubic-bezier(0.2, 0, 0, 1);
+    --greese-easing-enter: cubic-bezier(0, 0, 0, 1);
+    --greese-easing-exit: cubic-bezier(0.3, 0, 1, 1);
+    --greese-breakpoint-xs: 0px;
+    --greese-breakpoint-sm: 600px;
+    --greese-breakpoint-md: 900px;
+    --greese-breakpoint-lg: 1200px;
+    --greese-breakpoint-xl: 1536px;
+  }
+
+
+  :root,
+  [data-greese-scheme='light'],
+  [data-greese-scheme='system'] {
+    color-scheme: light;
+    --greese-color-canvas: #ffffff;
+    --greese-color-surface: #f5f7f9;
+    --greese-color-surface-overlay: #ffffff;
+    --greese-color-fg: #11171c;
+    --greese-color-fg-muted: #505e6d;
+    --greese-color-border: #d7dfe7;
+    --greese-color-border-strong: #a3b3c4;
+    --greese-color-track: #d7dfe7;
+    --greese-color-primary: #2771e0;
+    --greese-color-primary-strong: #1356b8;
+    --greese-color-primary-content: #ffffff;
+    --greese-color-secondary: #7e5bd0;
+    --greese-color-secondary-strong: #6443ab;
+    --greese-color-secondary-content: #ffffff;
+    --greese-color-tertiary: #007069;
+    --greese-color-tertiary-strong: #00544f;
+    --greese-color-tertiary-content: #ffffff;
+    --greese-color-accent: #c13b7b;
+    --greese-color-accent-strong: #9c2661;
+    --greese-color-accent-content: #ffffff;
+    --greese-color-focus-ring: var(--greese-color-primary);
+    --greese-color-positive: #007231;
+    --greese-color-negative: #ae0914;
+    --greese-color-negative-content: #ffffff;
+    --greese-color-warning: #8a5f00;
+    --greese-color-info: #00668f;
+    --greese-color-white: #ffffff;
+    --greese-color-black: #000000;
+    --greese-color-scrim: color-mix(in srgb, var(--greese-color-black) 45%, transparent);
+  }
+
+  @media (prefers-color-scheme: dark) {
+    :root:not([data-greese-scheme='light']),
+    [data-greese-scheme='system'] {
+      color-scheme: dark;
+      --greese-color-canvas: #11171c;
+      --greese-color-surface: #2a333c;
+      --greese-color-surface-overlay: #3c4854;
+      --greese-color-fg: #e9edf2;
+      --greese-color-fg-muted: #a3b3c4;
+      --greese-color-border: #3c4854;
+      --greese-color-border-strong: #505e6d;
+      --greese-color-track: #687889;
+      --greese-color-primary: #81b2ff;
+      --greese-color-primary-strong: #aaccff;
+      --greese-color-primary-content: #11171c;
+      --greese-color-secondary: #b69fff;
+      --greese-color-secondary-strong: #cdbfff;
+      --greese-color-secondary-content: #11171c;
+      --greese-color-tertiary: #5dcec5;
+      --greese-color-tertiary-strong: #94e1da;
+      --greese-color-tertiary-content: #11171c;
+      --greese-color-accent: #ff81b6;
+      --greese-color-accent-strong: #ffaecd;
+      --greese-color-accent-content: #11171c;
+      --greese-color-focus-ring: var(--greese-color-primary-strong);
+      --greese-color-positive: #61cf7e;
+      --greese-color-negative: #ff8b7f;
+      --greese-color-negative-content: #11171c;
+      --greese-color-warning: #feb93d;
+      --greese-color-info: #5ac0f7;
+      --greese-color-white: #ffffff;
+      --greese-color-black: #000000;
+      --greese-color-scrim: color-mix(in srgb, var(--greese-color-black) 60%, transparent);
+    }
+  }
+
+  [data-greese-scheme='dark'] {
+    color-scheme: dark;
+    --greese-color-canvas: #11171c;
+    --greese-color-surface: #2a333c;
+    --greese-color-surface-overlay: #3c4854;
+    --greese-color-fg: #e9edf2;
+    --greese-color-fg-muted: #a3b3c4;
+    --greese-color-border: #3c4854;
+    --greese-color-border-strong: #505e6d;
+    --greese-color-track: #687889;
+    --greese-color-primary: #81b2ff;
+    --greese-color-primary-strong: #aaccff;
+    --greese-color-primary-content: #11171c;
+    --greese-color-secondary: #b69fff;
+    --greese-color-secondary-strong: #cdbfff;
+    --greese-color-secondary-content: #11171c;
+    --greese-color-tertiary: #5dcec5;
+    --greese-color-tertiary-strong: #94e1da;
+    --greese-color-tertiary-content: #11171c;
+    --greese-color-accent: #ff81b6;
+    --greese-color-accent-strong: #ffaecd;
+    --greese-color-accent-content: #11171c;
+    --greese-color-focus-ring: var(--greese-color-primary-strong);
+    --greese-color-positive: #61cf7e;
+    --greese-color-negative: #ff8b7f;
+    --greese-color-negative-content: #11171c;
+    --greese-color-warning: #feb93d;
+    --greese-color-info: #5ac0f7;
+    --greese-color-white: #ffffff;
+    --greese-color-black: #000000;
+    --greese-color-scrim: color-mix(in srgb, var(--greese-color-black) 60%, transparent);
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    :root {
+      --greese-duration-fast: 0.01ms;
+      --greese-duration-normal: 0.01ms;
+      --greese-duration-slow: 0.01ms;
+    }
+  }
+}