@walkeros/explorer 4.7.2 → 4.8.0-next-1791441510508

package/dist/design/tokens.css

@@ -0,0 +1,286 @@
+/* walkerOS design tokens, generated from design/tokens.json by src/design/generate.ts. Edit the JSON, never this file. */
+
+:root, :host, [data-theme] {
+  --code-bg: #292d3e;
+  --code-bar: #232636;
+  --code-border: #444a5e;
+  --code-fg: #bfc7d5;
+  --viz-bg: #1a2232;
+  --viz-code-bg: #131c2b;
+  --viz-border: #334055;
+  --viz-fg: #e8eaf0;
+  --viz-fg-2: #8e96aa;
+  --viz-comment: #6c7590;
+  --viz-line-number: #4a5165;
+  --viz-surface: #2b3649;
+  --viz-tag: #e38fd6;
+  --viz-string: #e5c07b;
+  --viz-number: #f78c6c;
+  --viz-punct: #9aa3b8;
+  --event-entity: #c5e478;
+  --event-action: #c792ea;
+  --event-property: #f0717f;
+  --event-context: #f2a65a;
+  --event-globals: #7fc4ea;
+  --event-user: #e65fc4;
+  --event-consent: #cbd5e1;
+  --elbwalker-100: #edfeff;
+  --elbwalker-200: #abf8ff;
+  --elbwalker-300: #69ecfe;
+  --elbwalker-400: #27dbfe;
+  --elbwalker-500: #01b5e2;
+  --elbwalker-700: #015372;
+  --elbwalker-800: #00283a;
+  --elbwalker-900: #000203;
+  --syntax-comment: #8c94be;
+  --syntax-string: #c3e88d;
+  --syntax-number: #f78c6c;
+  --syntax-constant: #ff5d78;
+  --syntax-keyword: #c084fc;
+  --syntax-function: #82aaff;
+  --syntax-type: #ffcb6b;
+  --syntax-operator: #89ddff;
+  --syntax-punct: #c792ea;
+  --syntax-tag: #ff5d79;
+  --syntax-namespace: #b2ccd6;
+  --code-line-number: #676e95;
+  --code-selection: #717cb450;
+  --code-inserted-bg: #c3e88d26;
+  --code-deleted-bg: #ff5d7926;
+  --space-2: 8px;
+  --space-3: 12px;
+  --space-3-5: 14px;
+  --space-5: 20px;
+  --gutter: 24px;
+  --card-pad-sm: 26px;
+  --card-pad: 28px;
+  --heading-gap: 44px;
+  --split-gap: 64px;
+  --section-y: 88px;
+  --feature-gap: 96px;
+  --header-h: 60px;
+  --container: 1240px;
+  --radius-xs: 4px;
+  --radius-sm: 5px;
+  --radius-md: 8px;
+  --radius-faq: 10px;
+  --radius-lg: 12px;
+  --radius-xl: 16px;
+  --radius-full: 999px;
+  --z-raised: 1;
+  --z-sticky: 10;
+  --z-dropdown: 20;
+  --z-overlay: 40;
+  --z-modal: 50;
+  --z-popover: 60;
+  --z-toast: 70;
+  --font-sans: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', Arial, sans-serif;
+  --font-mono: SFMono-Regular, ui-monospace, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
+  --font-viz: 'Geist', system-ui, sans-serif;
+  --font-viz-mono: 'Geist Mono', monospace;
+  --type-display-size: 64px;
+  --type-display-line-height: 1.08;
+  --type-display-weight: 700;
+  --type-display-tracking: -0.025em;
+  --type-display-family: var(--font-sans);
+  --type-heading-xl-size: 44px;
+  --type-heading-xl-line-height: 1.1;
+  --type-heading-xl-weight: 700;
+  --type-heading-xl-tracking: -0.025em;
+  --type-heading-xl-family: var(--font-sans);
+  --type-heading-lg-size: 40px;
+  --type-heading-lg-line-height: 1.15;
+  --type-heading-lg-weight: 700;
+  --type-heading-lg-tracking: -0.02em;
+  --type-heading-lg-family: var(--font-sans);
+  --type-heading-md-size: 36px;
+  --type-heading-md-line-height: 1.15;
+  --type-heading-md-weight: 700;
+  --type-heading-md-tracking: -0.02em;
+  --type-heading-md-family: var(--font-sans);
+  --type-footer-statement-size: 34px;
+  --type-footer-statement-line-height: 1.2;
+  --type-footer-statement-weight: 700;
+  --type-footer-statement-tracking: -0.02em;
+  --type-footer-statement-family: var(--font-sans);
+  --type-kicker-lg-size: 28px;
+  --type-kicker-lg-line-height: 1.2;
+  --type-kicker-lg-weight: 700;
+  --type-kicker-lg-tracking: -0.01em;
+  --type-kicker-lg-family: var(--font-sans);
+  --type-title-plan-size: 24px;
+  --type-title-plan-line-height: 1.3;
+  --type-title-plan-weight: 700;
+  --type-title-plan-tracking: -0.015em;
+  --type-title-plan-family: var(--font-sans);
+  --type-title-card-size: 19px;
+  --type-title-card-line-height: 1.35;
+  --type-title-card-weight: 600;
+  --type-title-card-family: var(--font-sans);
+  --type-title-item-size: 18px;
+  --type-title-item-line-height: 1.35;
+  --type-title-item-weight: 600;
+  --type-title-item-family: var(--font-sans);
+  --type-lead-size: 21px;
+  --type-lead-line-height: 1.65;
+  --type-lead-weight: 400;
+  --type-lead-family: var(--font-sans);
+  --type-body-lg-size: 17px;
+  --type-body-lg-line-height: 1.65;
+  --type-body-lg-weight: 400;
+  --type-body-lg-family: var(--font-sans);
+  --type-body-size: 16px;
+  --type-body-line-height: 1.65;
+  --type-body-weight: 400;
+  --type-body-family: var(--font-sans);
+  --type-ui-size: 15px;
+  --type-ui-line-height: 1.5;
+  --type-ui-weight: 500;
+  --type-ui-family: var(--font-sans);
+  --type-small-size: 14px;
+  --type-small-line-height: 1.5;
+  --type-small-weight: 600;
+  --type-small-family: var(--font-sans);
+  --type-eyebrow-size: 13px;
+  --type-eyebrow-line-height: 1.5;
+  --type-eyebrow-weight: 600;
+  --type-eyebrow-tracking: 0.12em;
+  --type-eyebrow-family: var(--font-sans);
+  --type-label-size: 12px;
+  --type-label-line-height: 1.5;
+  --type-label-weight: 700;
+  --type-label-tracking: 0.12em;
+  --type-label-family: var(--font-sans);
+  --type-code-command-size: 15px;
+  --type-code-command-line-height: 1.5;
+  --type-code-command-weight: 500;
+  --type-code-command-family: var(--font-mono);
+  --type-code-step-size: 13px;
+  --type-code-step-line-height: 1.5;
+  --type-code-step-weight: 400;
+  --type-code-step-family: var(--font-mono);
+  --type-code-inline-size: 0.88em;
+  --type-code-inline-line-height: 1.5;
+  --type-code-inline-weight: 400;
+  --type-code-inline-family: var(--font-mono);
+  --type-viz-body-size: 15px;
+  --type-viz-body-line-height: 1.5;
+  --type-viz-body-weight: 400;
+  --type-viz-body-family: var(--font-viz);
+  --type-viz-chip-size: 13px;
+  --type-viz-chip-line-height: 1.4;
+  --type-viz-chip-weight: 500;
+  --type-viz-chip-family: var(--font-viz);
+  --type-viz-code-size: 12px;
+  --type-viz-code-line-height: 1.8;
+  --type-viz-code-weight: 400;
+  --type-viz-code-family: var(--font-viz-mono);
+  --type-viz-legend-size: 11px;
+  --type-viz-legend-line-height: 1.5;
+  --type-viz-legend-weight: 400;
+  --type-viz-legend-family: var(--font-viz-mono);
+  --type-product-heading-size: 20px;
+  --type-product-heading-line-height: 1.3;
+  --type-product-heading-weight: 600;
+  --type-product-heading-family: var(--font-sans);
+  --type-product-title-size: 16px;
+  --type-product-title-line-height: 1.4;
+  --type-product-title-weight: 600;
+  --type-product-title-family: var(--font-sans);
+  --type-product-body-size: 14px;
+  --type-product-body-line-height: 1.5;
+  --type-product-body-weight: 400;
+  --type-product-body-family: var(--font-sans);
+  --type-product-small-size: 13px;
+  --type-product-small-line-height: 1.45;
+  --type-product-small-weight: 400;
+  --type-product-small-family: var(--font-sans);
+  --type-product-caption-size: 12px;
+  --type-product-caption-line-height: 1.4;
+  --type-product-caption-weight: 500;
+  --type-product-caption-family: var(--font-sans);
+}
+
+:root, :host, [data-theme="dark"] {
+  --bg: #111827;
+  --bg-2: #151e2e;
+  --surface: #1a2232;
+  --surface-2: #222b3c;
+  --border: #2f3a4d;
+  --fg: #ffffff;
+  --fg-2: #9aa3b2;
+  --fg-3: #8c93a2;
+  --primary: #01b5e2;
+  --on-primary: #04222b;
+  --link: #4fb3e0;
+  --glow: rgba(1, 181, 226, 0.16);
+  --border-strong: #6b778d;
+  --focus: var(--primary);
+  --backdrop: rgba(3, 7, 18, 0.72);
+  --danger: #ffa4ac;
+  --on-danger: #450a0a;
+  --success: #8cf9ff;
+  --warning: #cabb00;
+  --info: var(--link);
+  --danger-bg: rgba(255, 164, 172, 0.16);
+  --success-bg: rgba(140, 249, 255, 0.16);
+  --warning-bg: rgba(202, 187, 0, 0.16);
+  --info-bg: rgba(79, 179, 224, 0.16);
+  --step-source: #6ee7b7;
+  --step-transformer: #fcd34d;
+  --step-collector: #7dd3fc;
+  --step-destination: #c4b5fd;
+  --step-store: #a5b4fc;
+  --platform-web: #0ea5e9;
+  --platform-server: #8b5cf6;
+  --chart-1: var(--primary);
+  --chart-2: #e69f00;
+  --chart-3: #009563;
+  --chart-4: #e0520a;
+  --chart-5: #ff6fad;
+  --chart-6: #f0e442;
+  --annotation: #22c55e;
+  --plan-highlight: 0 0 0 4px rgba(1, 181, 226, 0.16);
+}
+
+[data-theme="light"] {
+  --bg: #ffffff;
+  --bg-2: #f6f7f9;
+  --surface: #ffffff;
+  --surface-2: #f1f3f6;
+  --border: #e3e6eb;
+  --fg: #111827;
+  --fg-2: #4b5563;
+  --fg-3: #656d7a;
+  --primary: #01b5e2;
+  --on-primary: #04222b;
+  --link: #0076a0;
+  --glow: rgba(1, 181, 226, 0.14);
+  --border-strong: #818a9a;
+  --focus: var(--link);
+  --backdrop: rgba(17, 24, 39, 0.4);
+  --danger: #b91c1c;
+  --on-danger: #ffffff;
+  --success: #07675d;
+  --warning: #886000;
+  --info: var(--link);
+  --danger-bg: rgba(185, 28, 28, 0.1);
+  --success-bg: rgba(7, 103, 93, 0.1);
+  --warning-bg: rgba(136, 96, 0, 0.1);
+  --info-bg: rgba(0, 118, 160, 0.1);
+  --step-source: #428569;
+  --step-transformer: #bb7000;
+  --step-collector: #0c529b;
+  --step-destination: #6d1fd8;
+  --step-store: #4138c9;
+  --platform-web: #008ddd;
+  --platform-server: #8043f6;
+  --chart-1: var(--link);
+  --chart-2: #ce710c;
+  --chart-3: #217b58;
+  --chart-4: #d32f4d;
+  --chart-5: #b87889;
+  --chart-6: #546800;
+  --annotation: #409116;
+  --plan-highlight: 0 0 0 4px rgba(1, 181, 226, 0.14);
+}