@uipath/apollo-wind 0.9.1 → 0.10.0-pr219.61d64eb

package/dist/src/foundation/Future/themes.css

@@ -0,0 +1,371 @@
+.future-dark {
+  --surface: #09090b;
+  --surface-raised: #18181b;
+  --surface-overlay: #27272a;
+  --surface-hover: #3f3f46;
+  --surface-muted: #71717a;
+  --surface-inverse: #fafafa;
+  --brand: #0891b2;
+  --brand-subtle: #083344;
+  --foreground: #fafafa;
+  --foreground-secondary: #f4f4f5;
+  --foreground-hover: #d4d4d8;
+  --foreground-muted: #a1a1aa;
+  --foreground-subtle: #71717a;
+  --foreground-inverse: #09090b;
+  --foreground-on-accent: #fafafa;
+  --foreground-accent: #0891b2;
+  --foreground-accent-muted: #22d3ee;
+  --border: #3f3f46;
+  --border-subtle: #27272a;
+  --border-muted: #18181b;
+  --border-deep: #09090b;
+  --border-inverse: #e4e4e7;
+  --border-hover: #52525b;
+  --ring: #52525b;
+  --gradient-1: linear-gradient(127deg, #3f3f47 25.94%, #27272a 74.06%);
+  --gradient-2: linear-gradient(128deg, #09090b 1.26%, #18181b 52.69%);
+  --gradient-3: linear-gradient(128deg, #3f3f47 1.26%, #18181b 52.69%);
+  --gradient-4: linear-gradient(180deg, #18181b 0%, #27272a 100%);
+  --gradient-5: linear-gradient(180deg, #09090b 0%, #18181b 100%);
+  --gradient-6: linear-gradient(106deg, #0092b8 28.08%, #053345 71.92%);
+  --background: var(--surface);
+  --card: var(--surface-raised);
+  --card-foreground: var(--foreground);
+  --popover: var(--surface-raised);
+  --popover-foreground: var(--foreground);
+  --primary: var(--brand);
+  --primary-foreground: var(--foreground-on-accent);
+  --secondary: var(--surface-overlay);
+  --secondary-foreground: var(--foreground);
+  --muted: var(--surface-overlay);
+  --muted-foreground: var(--foreground-muted);
+  --accent: var(--surface-hover);
+  --accent-foreground: var(--foreground);
+  --destructive: #ef4444;
+  --destructive-foreground: #fafafa;
+  --border-de-emp: var(--border-subtle);
+  --input: var(--border);
+}
+
+.future-light {
+  --surface: #fafafa;
+  --surface-raised: #f4f4f5;
+  --surface-overlay: #e4e4e7;
+  --surface-hover: #d4d4d8;
+  --surface-muted: #a1a1aa;
+  --surface-inverse: #09090b;
+  --brand: #0891b2;
+  --brand-subtle: #ecfeff;
+  --foreground: #09090b;
+  --foreground-secondary: #18181b;
+  --foreground-hover: #52525b;
+  --foreground-muted: #71717a;
+  --foreground-subtle: #a1a1aa;
+  --foreground-inverse: #fafafa;
+  --foreground-on-accent: #fafafa;
+  --foreground-accent: #0891b2;
+  --foreground-accent-muted: #0891b2;
+  --border: #d4d4d8;
+  --border-subtle: #e4e4e7;
+  --border-muted: #f4f4f5;
+  --border-deep: #fafafa;
+  --border-inverse: #3f3f46;
+  --border-hover: #a1a1aa;
+  --ring: #a1a1aa;
+  --gradient-1: linear-gradient(127deg, #e4e4e7 25.94%, #f4f4f5 74.06%);
+  --gradient-2: linear-gradient(128deg, #fafafa 1.26%, #fafafa 52.69%);
+  --gradient-3: linear-gradient(128deg, #e4e4e7 1.26%, #fafafa 52.69%);
+  --gradient-4: linear-gradient(180deg, #fafafa 0%, #f4f4f5 100%);
+  --gradient-5: linear-gradient(180deg, #fafafa 0%, #fafafa 100%);
+  --gradient-6: linear-gradient(106deg, #22d3ee 28.08%, #cffafe 71.92%);
+  --background: var(--surface);
+  --card: var(--surface-raised);
+  --card-foreground: var(--foreground);
+  --popover: var(--surface-raised);
+  --popover-foreground: var(--foreground);
+  --primary: var(--brand);
+  --primary-foreground: var(--foreground-on-accent);
+  --secondary: var(--surface-overlay);
+  --secondary-foreground: var(--foreground);
+  --muted: var(--surface-overlay);
+  --muted-foreground: var(--foreground-muted);
+  --accent: var(--surface-hover);
+  --accent-foreground: var(--foreground);
+  --destructive: #ef4444;
+  --destructive-foreground: #fafafa;
+  --border-de-emp: var(--border-subtle);
+  --input: var(--border);
+}
+
+.core-dark {
+  --surface: #182027;
+  --surface-raised: #273139;
+  --surface-overlay: #374652;
+  --surface-hover: #526069;
+  --surface-muted: #8a97a0;
+  --surface-inverse: #f8f9fa;
+  --surface-disabled: #273139;
+  --surface-selected: #374652;
+  --brand: #66adff;
+  --brand-hover: #87bfff;
+  --brand-lighter: #00489d;
+  --brand-darker: #badaff;
+  --foreground: #f4f5f7;
+  --foreground-emp: #f8f9fa;
+  --foreground-muted: #cfd8dd;
+  --foreground-subtle: #a4b1b8;
+  --foreground-inverse: #182027;
+  --foreground-link: #66adff;
+  --foreground-on-accent: #182027;
+  --border: #8a97a0;
+  --border-subtle: #526069;
+  --border-disabled: #526069;
+  --border-grid: #273139;
+  --error: #ff8484;
+  --success: #74c94b;
+  --warning: #ffbb27;
+  --info: #42a1ff;
+  --ring: #66adff;
+  --logo: #fff;
+  --brand-subtle: var(--brand-lighter);
+  --foreground-secondary: var(--foreground-emp);
+  --foreground-hover: var(--foreground-muted);
+  --foreground-accent: var(--brand);
+  --foreground-accent-muted: var(--brand-hover);
+  --border-muted: var(--border-grid);
+  --border-deep: var(--border-grid);
+  --border-inverse: var(--border);
+  --border-hover: var(--border);
+  --background: var(--surface);
+  --card: var(--surface-raised);
+  --card-foreground: var(--foreground);
+  --popover: var(--surface-raised);
+  --popover-foreground: var(--foreground);
+  --primary: var(--brand);
+  --primary-foreground: var(--foreground-on-accent);
+  --secondary: var(--surface-overlay);
+  --secondary-foreground: var(--foreground-muted);
+  --muted: var(--surface-raised);
+  --muted-foreground: var(--foreground-muted);
+  --accent: var(--surface-selected);
+  --accent-foreground: var(--foreground-emp);
+  --destructive: var(--error);
+  --border-de-emp: var(--border-subtle);
+  --input: var(--border-subtle);
+  color-scheme: dark;
+}
+
+.core-light {
+  --surface: #fff;
+  --surface-raised: #fff;
+  --surface-overlay: #f4f5f7;
+  --surface-hover: #e9f1fa;
+  --surface-muted: #cfd8dd;
+  --surface-inverse: #182027;
+  --surface-disabled: #ecedee;
+  --surface-selected: #e9f1fa;
+  --brand: #0067df;
+  --brand-hover: #0056ba;
+  --brand-lighter: #badaff;
+  --brand-darker: #00489d;
+  --foreground: #273139;
+  --foreground-emp: #182027;
+  --foreground-muted: #526069;
+  --foreground-subtle: #8a97a0;
+  --foreground-inverse: #f8f9fa;
+  --foreground-link: #0067df;
+  --foreground-on-accent: #f8f9fa;
+  --border: #a4b1b8;
+  --border-subtle: #cfd8dd;
+  --border-disabled: #cfd8dd;
+  --border-grid: #f4f5f7;
+  --error: #a6040a;
+  --success: #038108;
+  --warning: #9e6100;
+  --info: #1665b3;
+  --ring: #0067df;
+  --logo: #fa4616;
+  --brand-subtle: var(--brand-lighter);
+  --foreground-secondary: var(--foreground-emp);
+  --foreground-hover: var(--foreground-muted);
+  --foreground-accent: var(--brand);
+  --foreground-accent-muted: var(--brand-hover);
+  --border-muted: var(--border-grid);
+  --border-deep: var(--border-grid);
+  --border-inverse: var(--border);
+  --border-hover: var(--border);
+  --background: var(--surface);
+  --card: var(--surface-raised);
+  --card-foreground: var(--foreground);
+  --popover: var(--surface-raised);
+  --popover-foreground: var(--foreground);
+  --primary: var(--brand);
+  --primary-foreground: var(--foreground-on-accent);
+  --secondary: var(--surface-overlay);
+  --secondary-foreground: var(--foreground-muted);
+  --muted: var(--surface-overlay);
+  --muted-foreground: var(--foreground-muted);
+  --accent: var(--surface-selected);
+  --accent-foreground: var(--foreground-emp);
+  --destructive: var(--error);
+  --border-de-emp: var(--border-subtle);
+  --input: var(--border-subtle);
+  color-scheme: light;
+}
+
+.wireframe {
+  --surface: #fff;
+  --surface-raised: #f9fafb;
+  --surface-overlay: #f3f4f6;
+  --surface-hover: #e5e7eb;
+  --surface-muted: #d1d5db;
+  --surface-inverse: #374151;
+  --brand: #6b7280;
+  --brand-subtle: #f3f4f6;
+  --foreground: #1f2937;
+  --foreground-secondary: #374151;
+  --foreground-hover: #4b5563;
+  --foreground-muted: #6b7280;
+  --foreground-subtle: #9ca3af;
+  --foreground-inverse: #fff;
+  --foreground-on-accent: #fff;
+  --foreground-accent: #4b5563;
+  --foreground-accent-muted: #6b7280;
+  --border: #d1d5db;
+  --border-subtle: #e5e7eb;
+  --border-muted: #f3f4f6;
+  --border-deep: #f9fafb;
+  --border-inverse: #4b5563;
+  --border-hover: #9ca3af;
+  --ring: #9ca3af;
+  --gradient-1: none;
+  --gradient-2: none;
+  --gradient-3: none;
+  --gradient-4: none;
+  --gradient-5: none;
+  --gradient-6: none;
+  --background: var(--surface);
+  --card: var(--surface-raised);
+  --card-foreground: var(--foreground);
+  --popover: var(--surface-raised);
+  --popover-foreground: var(--foreground);
+  --primary: var(--brand);
+  --primary-foreground: var(--foreground-on-accent);
+  --secondary: var(--surface-overlay);
+  --secondary-foreground: var(--foreground);
+  --muted: var(--surface-overlay);
+  --muted-foreground: var(--foreground-muted);
+  --accent: var(--surface-hover);
+  --accent-foreground: var(--foreground);
+  --destructive: #9ca3af;
+  --destructive-foreground: #fff;
+  --border-de-emp: var(--border-subtle);
+  --input: var(--border);
+}
+
+.wireframe *, .wireframe :before, .wireframe :after {
+  box-shadow: none !important;
+  border-style: dashed !important;
+}
+
+.vertex {
+  --surface: oklch(21% .03 258.5);
+  --surface-raised: oklch(23.3% .036 254.7);
+  --surface-overlay: oklch(26.48% .0329 254.38);
+  --surface-hover: oklch(39.27% .0289 240.86);
+  --surface-muted: oklch(72% .03 254.38);
+  --surface-inverse: oklch(98.5% 0 0);
+  --brand: oklch(69.2% .1119 207.06);
+  --brand-subtle: oklch(16.6% .0283 203.34);
+  --foreground: oklch(98.5% 0 0);
+  --foreground-secondary: oklch(95.25% .011 225.98);
+  --foreground-hover: oklch(94.16% .0145 244.72);
+  --foreground-muted: oklch(72% .03 254.38);
+  --foreground-subtle: oklch(45.94% .028 264.25);
+  --foreground-inverse: oklch(21% .03 258.5);
+  --foreground-on-accent: oklch(16.6% .0283 203.34);
+  --foreground-accent: oklch(69.2% .1119 207.06);
+  --foreground-accent-muted: oklch(57.3% .114 211.4);
+  --border: oklch(30.68% .0426 258.29);
+  --border-subtle: oklch(26.48% .0329 254.38);
+  --border-muted: oklch(23.3% .036 254.7);
+  --border-deep: oklch(21% .03 258.5);
+  --border-inverse: oklch(92.29% .0065 252.13);
+  --border-hover: oklch(39.27% .0289 240.86);
+  --ring: oklch(69.2% .1119 207.06);
+  --gradient-1: linear-gradient(127deg, oklch(39.27% .0289 240.86) 25.94%, oklch(26.48% .0329 254.38) 74.06%);
+  --gradient-2: linear-gradient(128deg, oklch(21% .03 258.5) 1.26%, oklch(23.3% .036 254.7) 52.69%);
+  --gradient-3: linear-gradient(128deg, oklch(39.27% .0289 240.86) 1.26%, oklch(23.3% .036 254.7) 52.69%);
+  --gradient-4: linear-gradient(180deg, oklch(23.3% .036 254.7) 0%, oklch(26.48% .0329 254.38) 100%);
+  --gradient-5: linear-gradient(180deg, oklch(21% .03 258.5) 0%, oklch(23.3% .036 254.7) 100%);
+  --gradient-6: linear-gradient(106deg, oklch(69.2% .1119 207.06) 28.08%, oklch(16.6% .0283 203.34) 71.92%);
+  --background: var(--surface);
+  --card: var(--surface-raised);
+  --card-foreground: var(--foreground);
+  --popover: var(--surface-raised);
+  --popover-foreground: var(--foreground);
+  --primary: var(--brand);
+  --primary-foreground: var(--foreground-on-accent);
+  --secondary: var(--surface-overlay);
+  --secondary-foreground: var(--foreground);
+  --muted: var(--surface-overlay);
+  --muted-foreground: var(--foreground-muted);
+  --accent: var(--surface-hover);
+  --accent-foreground: var(--foreground);
+  --destructive: oklch(65.42% .2321 28.66);
+  --destructive-foreground: oklch(100% 0 89.88);
+  --border-de-emp: var(--border-subtle);
+  --input: var(--border);
+}
+
+.canvas {
+  --surface: #182027;
+  --surface-raised: #273139;
+  --surface-overlay: #334049;
+  --surface-hover: #3e4e58;
+  --surface-muted: #8a97a0;
+  --surface-inverse: #f8f9fa;
+  --brand: #fa4616;
+  --brand-subtle: #3c2a1e;
+  --foreground: #f8f9fa;
+  --foreground-secondary: #f4f5f7;
+  --foreground-hover: #cfd8dd;
+  --foreground-muted: #a4b1b8;
+  --foreground-subtle: #8a97a0;
+  --foreground-inverse: #182027;
+  --foreground-on-accent: #fff;
+  --foreground-accent: #fa4616;
+  --foreground-accent-muted: #ff8f70;
+  --border: #526069;
+  --border-subtle: #3e4e58;
+  --border-muted: #273139;
+  --border-deep: #182027;
+  --border-inverse: #cfd8dd;
+  --border-hover: #8a97a0;
+  --ring: #fa4616;
+  --gradient-1: linear-gradient(127deg, #3e4e58 25.94%, #334049 74.06%);
+  --gradient-2: linear-gradient(128deg, #182027 1.26%, #273139 52.69%);
+  --gradient-3: linear-gradient(128deg, #3e4e58 1.26%, #273139 52.69%);
+  --gradient-4: linear-gradient(180deg, #273139 0%, #334049 100%);
+  --gradient-5: linear-gradient(180deg, #182027 0%, #273139 100%);
+  --gradient-6: linear-gradient(106deg, #fa4616 28.08%, #3c2a1e 71.92%);
+  --background: var(--surface);
+  --card: var(--surface-raised);
+  --card-foreground: var(--foreground);
+  --popover: var(--surface-raised);
+  --popover-foreground: var(--foreground);
+  --primary: var(--brand);
+  --primary-foreground: var(--foreground-on-accent);
+  --secondary: var(--surface-overlay);
+  --secondary-foreground: var(--foreground);
+  --muted: var(--surface-overlay);
+  --muted-foreground: var(--foreground-muted);
+  --accent: var(--surface-hover);
+  --accent-foreground: var(--foreground);
+  --destructive: #ef4444;
+  --destructive-foreground: #fff;
+  --border-de-emp: var(--border-subtle);
+  --input: var(--border);
+}
+