@uipath/apollo-wind 0.9.0 → 0.10.0-pr219.eea0372

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (159) hide show
  1. package/dist/components/custom/canvas.cjs +44 -0
  2. package/dist/components/custom/canvas.d.ts +14 -0
  3. package/dist/components/custom/canvas.js +10 -0
  4. package/dist/components/custom/chat-composer.cjs +105 -0
  5. package/dist/components/custom/chat-composer.d.ts +15 -0
  6. package/dist/components/custom/chat-composer.js +71 -0
  7. package/dist/components/custom/chat-first-experience.cjs +87 -0
  8. package/dist/components/custom/chat-first-experience.d.ts +24 -0
  9. package/dist/components/custom/chat-first-experience.js +53 -0
  10. package/dist/components/custom/chat-prompt-suggestions.cjs +48 -0
  11. package/dist/components/custom/chat-prompt-suggestions.d.ts +18 -0
  12. package/dist/components/custom/chat-prompt-suggestions.js +14 -0
  13. package/dist/components/custom/chat-steps-view.cjs +307 -0
  14. package/dist/components/custom/chat-steps-view.d.ts +38 -0
  15. package/dist/components/custom/chat-steps-view.js +273 -0
  16. package/dist/components/custom/flow-node.cjs +76 -0
  17. package/dist/components/custom/flow-node.d.ts +20 -0
  18. package/dist/components/custom/flow-node.js +42 -0
  19. package/dist/components/custom/flow-properties-bar.cjs +101 -0
  20. package/dist/components/custom/flow-properties-bar.d.ts +21 -0
  21. package/dist/components/custom/flow-properties-bar.js +67 -0
  22. package/dist/components/custom/flow-properties-expanded.cjs +324 -0
  23. package/dist/components/custom/flow-properties-expanded.d.ts +19 -0
  24. package/dist/components/custom/flow-properties-expanded.js +290 -0
  25. package/dist/components/custom/flow-properties-simple.cjs +357 -0
  26. package/dist/components/custom/flow-properties-simple.d.ts +62 -0
  27. package/dist/components/custom/flow-properties-simple.js +323 -0
  28. package/dist/components/custom/flow-properties.cjs +56 -0
  29. package/dist/components/custom/flow-properties.d.ts +28 -0
  30. package/dist/components/custom/flow-properties.js +22 -0
  31. package/dist/components/custom/global-header.cjs +415 -0
  32. package/dist/components/custom/global-header.d.ts +38 -0
  33. package/dist/components/custom/global-header.js +381 -0
  34. package/dist/components/custom/grid-maestro.cjs +62 -0
  35. package/dist/components/custom/grid-maestro.d.ts +19 -0
  36. package/dist/components/custom/grid-maestro.js +22 -0
  37. package/dist/components/custom/panel-delegate.cjs +280 -0
  38. package/dist/components/custom/panel-delegate.d.ts +34 -0
  39. package/dist/components/custom/panel-delegate.js +246 -0
  40. package/dist/components/custom/panel-flow.cjs +260 -0
  41. package/dist/components/custom/panel-flow.d.ts +38 -0
  42. package/dist/components/custom/panel-flow.js +223 -0
  43. package/dist/components/custom/panel-maestro.cjs +73 -0
  44. package/dist/components/custom/panel-maestro.d.ts +30 -0
  45. package/dist/components/custom/panel-maestro.js +39 -0
  46. package/dist/components/custom/toolbar-canvas.cjs +121 -0
  47. package/dist/components/custom/toolbar-canvas.d.ts +15 -0
  48. package/dist/components/custom/toolbar-canvas.js +87 -0
  49. package/dist/components/custom/toolbar-view.cjs +119 -0
  50. package/dist/components/custom/toolbar-view.d.ts +14 -0
  51. package/dist/components/custom/toolbar-view.js +85 -0
  52. package/dist/components/custom/viewport-guard.cjs +92 -0
  53. package/dist/components/custom/viewport-guard.d.ts +23 -0
  54. package/dist/components/custom/viewport-guard.js +55 -0
  55. package/dist/components/ui/button.cjs +3 -3
  56. package/dist/components/ui/button.js +3 -3
  57. package/dist/components/ui/chart.cjs +218 -0
  58. package/dist/components/ui/chart.d.ts +40 -0
  59. package/dist/components/ui/chart.js +169 -0
  60. package/dist/components/ui/data-table.cjs +14 -2
  61. package/dist/components/ui/data-table.d.ts +4 -1
  62. package/dist/components/ui/data-table.js +15 -3
  63. package/dist/components/ui/empty-state.cjs +17 -6
  64. package/dist/components/ui/empty-state.d.ts +7 -0
  65. package/dist/components/ui/empty-state.js +17 -6
  66. package/dist/components/ui/file-upload.cjs +82 -42
  67. package/dist/components/ui/file-upload.d.ts +3 -1
  68. package/dist/components/ui/file-upload.js +82 -42
  69. package/dist/components/ui/index.cjs +305 -165
  70. package/dist/components/ui/index.d.ts +2 -3
  71. package/dist/components/ui/index.js +2 -3
  72. package/dist/components/ui/tree-view.cjs +1101 -0
  73. package/dist/components/ui/tree-view.d.ts +95 -0
  74. package/dist/components/ui/tree-view.js +1067 -0
  75. package/dist/foundation/Future/colors.cjs +92 -0
  76. package/dist/foundation/Future/colors.d.ts +132 -0
  77. package/dist/foundation/Future/colors.js +43 -0
  78. package/dist/foundation/Future/radius.cjs +46 -0
  79. package/dist/foundation/Future/radius.d.ts +33 -0
  80. package/dist/foundation/Future/radius.js +12 -0
  81. package/dist/foundation/Future/responsive.cjs +49 -0
  82. package/dist/foundation/Future/responsive.d.ts +40 -0
  83. package/dist/foundation/Future/responsive.js +12 -0
  84. package/dist/foundation/Future/shadows.cjs +48 -0
  85. package/dist/foundation/Future/shadows.d.ts +29 -0
  86. package/dist/foundation/Future/shadows.js +11 -0
  87. package/dist/foundation/Future/spacing.cjs +71 -0
  88. package/dist/foundation/Future/spacing.d.ts +80 -0
  89. package/dist/foundation/Future/spacing.js +31 -0
  90. package/dist/foundation/Future/strokes.cjs +59 -0
  91. package/dist/foundation/Future/strokes.d.ts +49 -0
  92. package/dist/foundation/Future/strokes.js +19 -0
  93. package/dist/foundation/Future/types.cjs +18 -0
  94. package/dist/foundation/Future/types.d.ts +18 -0
  95. package/dist/foundation/Future/types.js +0 -0
  96. package/dist/foundation/Future/typography.cjs +79 -0
  97. package/dist/foundation/Future/typography.d.ts +86 -0
  98. package/dist/foundation/Future/typography.js +33 -0
  99. package/dist/index.cjs +125 -219
  100. package/dist/index.d.ts +2 -3
  101. package/dist/index.js +2 -4
  102. package/dist/src/foundation/Future/future-theme.css +297 -0
  103. package/dist/src/foundation/Future/legacy-theme.css +184 -0
  104. package/dist/styles.css +1678 -379
  105. package/dist/tailwind.css +4 -0
  106. package/dist/templates/Admin/settings-admin.d.ts +5 -0
  107. package/dist/templates/Admin/template-admin.d.ts +105 -0
  108. package/dist/templates/Delegate/template-delegate.d.ts +26 -0
  109. package/dist/templates/EmptyErrors/error-components.d.ts +3 -0
  110. package/dist/templates/Experiments/ideas-AnimatedGradientText.d.ts +23 -0
  111. package/dist/templates/Flow/template-flow.d.ts +52 -0
  112. package/dist/templates/Maestro/template-maestro.d.ts +52 -0
  113. package/dist/templates/{vscode-example.d.ts → VisualStudio/shell.d.ts} +1 -1
  114. package/package.json +10 -1
  115. package/dist/components/ui/menubar.cjs +0 -210
  116. package/dist/components/ui/menubar.d.ts +0 -28
  117. package/dist/components/ui/menubar.js +0 -131
  118. package/dist/components/ui/navigation-menu.cjs +0 -122
  119. package/dist/components/ui/navigation-menu.d.ts +0 -12
  120. package/dist/components/ui/navigation-menu.js +0 -64
  121. package/dist/examples/admin-layout-example.cjs +0 -490
  122. package/dist/examples/admin-layout-example.d.ts +0 -92
  123. package/dist/examples/admin-layout-example.js +0 -411
  124. package/dist/examples/app-shell-example.cjs +0 -452
  125. package/dist/examples/app-shell-example.d.ts +0 -52
  126. package/dist/examples/app-shell-example.js +0 -418
  127. package/dist/examples/dashboard-example.cjs +0 -590
  128. package/dist/examples/dashboard-example.d.ts +0 -11
  129. package/dist/examples/dashboard-example.js +0 -556
  130. package/dist/examples/data-management-example.cjs +0 -584
  131. package/dist/examples/data-management-example.d.ts +0 -1
  132. package/dist/examples/data-management-example.js +0 -550
  133. package/dist/examples/flow-editor-layout-example.cjs +0 -309
  134. package/dist/examples/flow-editor-layout-example.d.ts +0 -22
  135. package/dist/examples/flow-editor-layout-example.js +0 -269
  136. package/dist/examples/flow-start-example.cjs +0 -467
  137. package/dist/examples/flow-start-example.d.ts +0 -30
  138. package/dist/examples/flow-start-example.js +0 -433
  139. package/dist/examples/form-builder-example.cjs +0 -674
  140. package/dist/examples/form-builder-example.js +0 -640
  141. package/dist/examples/new-project-example.cjs +0 -550
  142. package/dist/examples/new-project-example.d.ts +0 -30
  143. package/dist/examples/new-project-example.js +0 -516
  144. package/dist/examples/settings-example.cjs +0 -864
  145. package/dist/examples/settings-example.d.ts +0 -1
  146. package/dist/examples/settings-example.js +0 -830
  147. package/dist/examples/vscode-example.cjs +0 -340
  148. package/dist/examples/vscode-example.d.ts +0 -80
  149. package/dist/examples/vscode-example.js +0 -270
  150. package/dist/templates/admin-layout-example.d.ts +0 -92
  151. package/dist/templates/app-shell-example.d.ts +0 -52
  152. package/dist/templates/dashboard-example.d.ts +0 -11
  153. package/dist/templates/data-management-example.d.ts +0 -1
  154. package/dist/templates/flow-editor-layout-example.d.ts +0 -22
  155. package/dist/templates/flow-start-example.d.ts +0 -30
  156. package/dist/templates/form-builder-example.d.ts +0 -1
  157. package/dist/templates/new-project-example.d.ts +0 -30
  158. package/dist/templates/settings-example.d.ts +0 -1
  159. /package/dist/{examples → templates/Forms}/form-builder-example.d.ts +0 -0
package/dist/src/foundation/Future/future-theme.css ADDED
@@ -0,0 +1,297 @@
1
+ .future-dark {
2
+ --color-future-surface: #09090b;
3
+ --color-future-surface-raised: #18181b;
4
+ --color-future-surface-overlay: #27272a;
5
+ --color-future-surface-hover: #3f3f46;
6
+ --color-future-surface-muted: #71717a;
7
+ --color-future-surface-inverse: #fafafa;
8
+ --color-future-accent: #0891b2;
9
+ --color-future-accent-subtle: #083344;
10
+ --color-future-foreground: #fafafa;
11
+ --color-future-foreground-secondary: #f4f4f5;
12
+ --color-future-foreground-hover: #d4d4d8;
13
+ --color-future-foreground-muted: #a1a1aa;
14
+ --color-future-foreground-subtle: #71717a;
15
+ --color-future-foreground-inverse: #09090b;
16
+ --color-future-foreground-on-accent: #fafafa;
17
+ --color-future-foreground-accent: #0891b2;
18
+ --color-future-foreground-accent-muted: #22d3ee;
19
+ --color-future-border: #3f3f46;
20
+ --color-future-border-subtle: #27272a;
21
+ --color-future-border-muted: #18181b;
22
+ --color-future-border-deep: #09090b;
23
+ --color-future-border-inverse: #e4e4e7;
24
+ --color-future-border-hover: #52525b;
25
+ --color-future-ring: #52525b;
26
+ --gradient-future-1: linear-gradient(127deg, #3f3f47 25.94%, #27272a 74.06%);
27
+ --gradient-future-2: linear-gradient(128deg, #09090b 1.26%, #18181b 52.69%);
28
+ --gradient-future-3: linear-gradient(128deg, #3f3f47 1.26%, #18181b 52.69%);
29
+ --gradient-future-4: linear-gradient(180deg, #18181b 0%, #27272a 100%);
30
+ --gradient-future-5: linear-gradient(180deg, #09090b 0%, #18181b 100%);
31
+ --gradient-future-6: linear-gradient(106deg, #0092b8 28.08%, #053345 71.92%);
32
+ --color-background: var(--color-future-surface);
33
+ --color-foreground: var(--color-future-foreground);
34
+ --color-card: var(--color-future-surface-raised);
35
+ --color-card-foreground: var(--color-future-foreground);
36
+ --color-popover: var(--color-future-surface-raised);
37
+ --color-popover-foreground: var(--color-future-foreground);
38
+ --color-primary: var(--color-future-accent);
39
+ --color-primary-foreground: var(--color-future-foreground-on-accent);
40
+ --color-secondary: var(--color-future-surface-overlay);
41
+ --color-secondary-foreground: var(--color-future-foreground);
42
+ --color-muted: var(--color-future-surface-overlay);
43
+ --color-muted-foreground: var(--color-future-foreground-muted);
44
+ --color-accent: var(--color-future-surface-hover);
45
+ --color-accent-foreground: var(--color-future-foreground);
46
+ --color-destructive: #ef4444;
47
+ --color-destructive-foreground: #fafafa;
48
+ --color-border: var(--color-future-border);
49
+ --color-border-de-emp: var(--color-future-border-subtle);
50
+ --color-input: var(--color-future-border);
51
+ --color-ring: var(--color-future-ring);
52
+ }
53
+
54
+ .future-light {
55
+ --color-future-surface: #fafafa;
56
+ --color-future-surface-raised: #f4f4f5;
57
+ --color-future-surface-overlay: #e4e4e7;
58
+ --color-future-surface-hover: #d4d4d8;
59
+ --color-future-surface-muted: #a1a1aa;
60
+ --color-future-surface-inverse: #09090b;
61
+ --color-future-accent: #0891b2;
62
+ --color-future-accent-subtle: #ecfeff;
63
+ --color-future-foreground: #09090b;
64
+ --color-future-foreground-secondary: #18181b;
65
+ --color-future-foreground-hover: #52525b;
66
+ --color-future-foreground-muted: #71717a;
67
+ --color-future-foreground-subtle: #a1a1aa;
68
+ --color-future-foreground-inverse: #fafafa;
69
+ --color-future-foreground-on-accent: #fafafa;
70
+ --color-future-foreground-accent: #0891b2;
71
+ --color-future-foreground-accent-muted: #0891b2;
72
+ --color-future-border: #d4d4d8;
73
+ --color-future-border-subtle: #e4e4e7;
74
+ --color-future-border-muted: #f4f4f5;
75
+ --color-future-border-deep: #fafafa;
76
+ --color-future-border-inverse: #3f3f46;
77
+ --color-future-border-hover: #a1a1aa;
78
+ --color-future-ring: #a1a1aa;
79
+ --gradient-future-1: linear-gradient(127deg, #e4e4e7 25.94%, #f4f4f5 74.06%);
80
+ --gradient-future-2: linear-gradient(128deg, #fafafa 1.26%, #fafafa 52.69%);
81
+ --gradient-future-3: linear-gradient(128deg, #e4e4e7 1.26%, #fafafa 52.69%);
82
+ --gradient-future-4: linear-gradient(180deg, #fafafa 0%, #f4f4f5 100%);
83
+ --gradient-future-5: linear-gradient(180deg, #fafafa 0%, #fafafa 100%);
84
+ --gradient-future-6: linear-gradient(106deg, #22d3ee 28.08%, #cffafe 71.92%);
85
+ --color-background: var(--color-future-surface);
86
+ --color-foreground: var(--color-future-foreground);
87
+ --color-card: var(--color-future-surface-raised);
88
+ --color-card-foreground: var(--color-future-foreground);
89
+ --color-popover: var(--color-future-surface-raised);
90
+ --color-popover-foreground: var(--color-future-foreground);
91
+ --color-primary: var(--color-future-accent);
92
+ --color-primary-foreground: var(--color-future-foreground-on-accent);
93
+ --color-secondary: var(--color-future-surface-overlay);
94
+ --color-secondary-foreground: var(--color-future-foreground);
95
+ --color-muted: var(--color-future-surface-overlay);
96
+ --color-muted-foreground: var(--color-future-foreground-muted);
97
+ --color-accent: var(--color-future-surface-hover);
98
+ --color-accent-foreground: var(--color-future-foreground);
99
+ --color-destructive: #ef4444;
100
+ --color-destructive-foreground: #fafafa;
101
+ --color-border: var(--color-future-border);
102
+ --color-border-de-emp: var(--color-future-border-subtle);
103
+ --color-input: var(--color-future-border);
104
+ --color-ring: var(--color-future-ring);
105
+ }
106
+
107
+ .future-wireframe {
108
+ --color-future-surface: #fff;
109
+ --color-future-surface-raised: #f9fafb;
110
+ --color-future-surface-overlay: #f3f4f6;
111
+ --color-future-surface-hover: #e5e7eb;
112
+ --color-future-surface-muted: #d1d5db;
113
+ --color-future-surface-inverse: #374151;
114
+ --color-future-accent: #6b7280;
115
+ --color-future-accent-subtle: #f3f4f6;
116
+ --color-future-foreground: #1f2937;
117
+ --color-future-foreground-secondary: #374151;
118
+ --color-future-foreground-hover: #4b5563;
119
+ --color-future-foreground-muted: #6b7280;
120
+ --color-future-foreground-subtle: #9ca3af;
121
+ --color-future-foreground-inverse: #fff;
122
+ --color-future-foreground-on-accent: #fff;
123
+ --color-future-foreground-accent: #4b5563;
124
+ --color-future-foreground-accent-muted: #6b7280;
125
+ --color-future-border: #d1d5db;
126
+ --color-future-border-subtle: #e5e7eb;
127
+ --color-future-border-muted: #f3f4f6;
128
+ --color-future-border-deep: #f9fafb;
129
+ --color-future-border-inverse: #4b5563;
130
+ --color-future-border-hover: #9ca3af;
131
+ --color-future-ring: #9ca3af;
132
+ --gradient-future-1: none;
133
+ --gradient-future-2: none;
134
+ --gradient-future-3: none;
135
+ --gradient-future-4: none;
136
+ --gradient-future-5: none;
137
+ --gradient-future-6: none;
138
+ --color-background: var(--color-future-surface);
139
+ --color-foreground: var(--color-future-foreground);
140
+ --color-card: var(--color-future-surface-raised);
141
+ --color-card-foreground: var(--color-future-foreground);
142
+ --color-popover: var(--color-future-surface-raised);
143
+ --color-popover-foreground: var(--color-future-foreground);
144
+ --color-primary: var(--color-future-accent);
145
+ --color-primary-foreground: var(--color-future-foreground-on-accent);
146
+ --color-secondary: var(--color-future-surface-overlay);
147
+ --color-secondary-foreground: var(--color-future-foreground);
148
+ --color-muted: var(--color-future-surface-overlay);
149
+ --color-muted-foreground: var(--color-future-foreground-muted);
150
+ --color-accent: var(--color-future-surface-hover);
151
+ --color-accent-foreground: var(--color-future-foreground);
152
+ --color-destructive: #9ca3af;
153
+ --color-destructive-foreground: #fff;
154
+ --color-border: var(--color-future-border);
155
+ --color-border-de-emp: var(--color-future-border-subtle);
156
+ --color-input: var(--color-future-border);
157
+ --color-ring: var(--color-future-ring);
158
+ }
159
+
160
+ .future-wireframe *, .future-wireframe :before, .future-wireframe :after {
161
+ box-shadow: none !important;
162
+ border-style: dashed !important;
163
+ }
164
+
165
+ .future-vertex {
166
+ --color-future-surface: oklch(21% .03 258.5);
167
+ --color-future-surface-raised: oklch(23.3% .036 254.7);
168
+ --color-future-surface-overlay: oklch(26.48% .0329 254.38);
169
+ --color-future-surface-hover: oklch(39.27% .0289 240.86);
170
+ --color-future-surface-muted: oklch(72% .03 254.38);
171
+ --color-future-surface-inverse: oklch(98.5% 0 0);
172
+ --color-future-accent: oklch(69.2% .1119 207.06);
173
+ --color-future-accent-subtle: oklch(16.6% .0283 203.34);
174
+ --color-future-foreground: oklch(98.5% 0 0);
175
+ --color-future-foreground-secondary: oklch(95.25% .011 225.98);
176
+ --color-future-foreground-hover: oklch(94.16% .0145 244.72);
177
+ --color-future-foreground-muted: oklch(72% .03 254.38);
178
+ --color-future-foreground-subtle: oklch(45.94% .028 264.25);
179
+ --color-future-foreground-inverse: oklch(21% .03 258.5);
180
+ --color-future-foreground-on-accent: oklch(16.6% .0283 203.34);
181
+ --color-future-foreground-accent: oklch(69.2% .1119 207.06);
182
+ --color-future-foreground-accent-muted: oklch(57.3% .114 211.4);
183
+ --color-future-border: oklch(30.68% .0426 258.29);
184
+ --color-future-border-subtle: oklch(26.48% .0329 254.38);
185
+ --color-future-border-muted: oklch(23.3% .036 254.7);
186
+ --color-future-border-deep: oklch(21% .03 258.5);
187
+ --color-future-border-inverse: oklch(92.29% .0065 252.13);
188
+ --color-future-border-hover: oklch(39.27% .0289 240.86);
189
+ --color-future-ring: oklch(69.2% .1119 207.06);
190
+ --gradient-future-1: linear-gradient(127deg, oklch(39.27% .0289 240.86) 25.94%, oklch(26.48% .0329 254.38) 74.06%);
191
+ --gradient-future-2: linear-gradient(128deg, oklch(21% .03 258.5) 1.26%, oklch(23.3% .036 254.7) 52.69%);
192
+ --gradient-future-3: linear-gradient(128deg, oklch(39.27% .0289 240.86) 1.26%, oklch(23.3% .036 254.7) 52.69%);
193
+ --gradient-future-4: linear-gradient(180deg, oklch(23.3% .036 254.7) 0%, oklch(26.48% .0329 254.38) 100%);
194
+ --gradient-future-5: linear-gradient(180deg, oklch(21% .03 258.5) 0%, oklch(23.3% .036 254.7) 100%);
195
+ --gradient-future-6: linear-gradient(106deg, oklch(69.2% .1119 207.06) 28.08%, oklch(16.6% .0283 203.34) 71.92%);
196
+ --color-background: var(--color-future-surface);
197
+ --color-foreground: var(--color-future-foreground);
198
+ --color-card: var(--color-future-surface-raised);
199
+ --color-card-foreground: var(--color-future-foreground);
200
+ --color-popover: var(--color-future-surface-raised);
201
+ --color-popover-foreground: var(--color-future-foreground);
202
+ --color-primary: var(--color-future-accent);
203
+ --color-primary-foreground: var(--color-future-foreground-on-accent);
204
+ --color-secondary: var(--color-future-surface-overlay);
205
+ --color-secondary-foreground: var(--color-future-foreground);
206
+ --color-muted: var(--color-future-surface-overlay);
207
+ --color-muted-foreground: var(--color-future-foreground-muted);
208
+ --color-accent: var(--color-future-surface-hover);
209
+ --color-accent-foreground: var(--color-future-foreground);
210
+ --color-destructive: oklch(65.42% .2321 28.66);
211
+ --color-destructive-foreground: oklch(100% 0 89.88);
212
+ --color-border: var(--color-future-border);
213
+ --color-border-de-emp: var(--color-future-border-subtle);
214
+ --color-input: var(--color-future-border);
215
+ --color-ring: var(--color-future-ring);
216
+ }
217
+
218
+ .future-canvas {
219
+ --color-future-surface: #182027;
220
+ --color-future-surface-raised: #273139;
221
+ --color-future-surface-overlay: #334049;
222
+ --color-future-surface-hover: #3e4e58;
223
+ --color-future-surface-muted: #8a97a0;
224
+ --color-future-surface-inverse: #f8f9fa;
225
+ --color-future-accent: #fa4616;
226
+ --color-future-accent-subtle: #3c2a1e;
227
+ --color-future-foreground: #f8f9fa;
228
+ --color-future-foreground-secondary: #f4f5f7;
229
+ --color-future-foreground-hover: #cfd8dd;
230
+ --color-future-foreground-muted: #a4b1b8;
231
+ --color-future-foreground-subtle: #8a97a0;
232
+ --color-future-foreground-inverse: #182027;
233
+ --color-future-foreground-on-accent: #fff;
234
+ --color-future-foreground-accent: #fa4616;
235
+ --color-future-foreground-accent-muted: #ff8f70;
236
+ --color-future-border: #526069;
237
+ --color-future-border-subtle: #3e4e58;
238
+ --color-future-border-muted: #273139;
239
+ --color-future-border-deep: #182027;
240
+ --color-future-border-inverse: #cfd8dd;
241
+ --color-future-border-hover: #8a97a0;
242
+ --color-future-ring: #fa4616;
243
+ --gradient-future-1: linear-gradient(127deg, #3e4e58 25.94%, #334049 74.06%);
244
+ --gradient-future-2: linear-gradient(128deg, #182027 1.26%, #273139 52.69%);
245
+ --gradient-future-3: linear-gradient(128deg, #3e4e58 1.26%, #273139 52.69%);
246
+ --gradient-future-4: linear-gradient(180deg, #273139 0%, #334049 100%);
247
+ --gradient-future-5: linear-gradient(180deg, #182027 0%, #273139 100%);
248
+ --gradient-future-6: linear-gradient(106deg, #fa4616 28.08%, #3c2a1e 71.92%);
249
+ --color-background: var(--color-future-surface);
250
+ --color-foreground: var(--color-future-foreground);
251
+ --color-card: var(--color-future-surface-raised);
252
+ --color-card-foreground: var(--color-future-foreground);
253
+ --color-popover: var(--color-future-surface-raised);
254
+ --color-popover-foreground: var(--color-future-foreground);
255
+ --color-primary: var(--color-future-accent);
256
+ --color-primary-foreground: var(--color-future-foreground-on-accent);
257
+ --color-secondary: var(--color-future-surface-overlay);
258
+ --color-secondary-foreground: var(--color-future-foreground);
259
+ --color-muted: var(--color-future-surface-overlay);
260
+ --color-muted-foreground: var(--color-future-foreground-muted);
261
+ --color-accent: var(--color-future-surface-hover);
262
+ --color-accent-foreground: var(--color-future-foreground);
263
+ --color-destructive: #ef4444;
264
+ --color-destructive-foreground: #fff;
265
+ --color-border: var(--color-future-border);
266
+ --color-border-de-emp: var(--color-future-border-subtle);
267
+ --color-input: var(--color-future-border);
268
+ --color-ring: var(--color-future-ring);
269
+ }
270
+
271
+ :root, :host {
272
+ --color-future-surface: var(--color-future-surface);
273
+ --color-future-surface-raised: var(--color-future-surface-raised);
274
+ --color-future-surface-overlay: var(--color-future-surface-overlay);
275
+ --color-future-surface-hover: var(--color-future-surface-hover);
276
+ --color-future-surface-muted: var(--color-future-surface-muted);
277
+ --color-future-surface-inverse: var(--color-future-surface-inverse);
278
+ --color-future-accent: var(--color-future-accent);
279
+ --color-future-accent-subtle: var(--color-future-accent-subtle);
280
+ --color-future-foreground: var(--color-future-foreground);
281
+ --color-future-foreground-secondary: var(--color-future-foreground-secondary);
282
+ --color-future-foreground-hover: var(--color-future-foreground-hover);
283
+ --color-future-foreground-muted: var(--color-future-foreground-muted);
284
+ --color-future-foreground-subtle: var(--color-future-foreground-subtle);
285
+ --color-future-foreground-inverse: var(--color-future-foreground-inverse);
286
+ --color-future-foreground-on-accent: var(--color-future-foreground-on-accent);
287
+ --color-future-foreground-accent: var(--color-future-foreground-accent);
288
+ --color-future-foreground-accent-muted: var(--color-future-foreground-accent-muted);
289
+ --color-future-border: var(--color-future-border);
290
+ --color-future-border-subtle: var(--color-future-border-subtle);
291
+ --color-future-border-muted: var(--color-future-border-muted);
292
+ --color-future-border-deep: var(--color-future-border-deep);
293
+ --color-future-border-inverse: var(--color-future-border-inverse);
294
+ --color-future-border-hover: var(--color-future-border-hover);
295
+ --color-future-ring: var(--color-future-ring);
296
+ }
297
+
package/dist/src/foundation/Future/legacy-theme.css ADDED
@@ -0,0 +1,184 @@
1
+ .legacy-dark {
2
+ --color-legacy-surface: #182027;
3
+ --color-legacy-surface-raised: #273139;
4
+ --color-legacy-surface-overlay: #374652;
5
+ --color-legacy-surface-hover: #526069;
6
+ --color-legacy-surface-muted: #8a97a0;
7
+ --color-legacy-surface-inverse: #f8f9fa;
8
+ --color-legacy-surface-disabled: #273139;
9
+ --color-legacy-surface-selected: #374652;
10
+ --color-legacy-accent: #66adff;
11
+ --color-legacy-accent-hover: #87bfff;
12
+ --color-legacy-accent-lighter: #00489d;
13
+ --color-legacy-accent-darker: #badaff;
14
+ --color-legacy-foreground: #f4f5f7;
15
+ --color-legacy-foreground-emp: #f8f9fa;
16
+ --color-legacy-foreground-muted: #cfd8dd;
17
+ --color-legacy-foreground-subtle: #a4b1b8;
18
+ --color-legacy-foreground-inverse: #182027;
19
+ --color-legacy-foreground-link: #66adff;
20
+ --color-legacy-foreground-on-accent: #182027;
21
+ --color-legacy-border: #8a97a0;
22
+ --color-legacy-border-subtle: #526069;
23
+ --color-legacy-border-disabled: #526069;
24
+ --color-legacy-border-grid: #273139;
25
+ --color-legacy-error: #ff8484;
26
+ --color-legacy-success: #74c94b;
27
+ --color-legacy-warning: #ffbb27;
28
+ --color-legacy-info: #42a1ff;
29
+ --color-legacy-ring: #66adff;
30
+ --color-legacy-logo: #fff;
31
+ --color-future-surface: var(--color-legacy-surface);
32
+ --color-future-surface-raised: var(--color-legacy-surface-raised);
33
+ --color-future-surface-overlay: var(--color-legacy-surface-overlay);
34
+ --color-future-surface-hover: var(--color-legacy-surface-hover);
35
+ --color-future-surface-muted: var(--color-legacy-surface-muted);
36
+ --color-future-surface-inverse: var(--color-legacy-surface-inverse);
37
+ --color-future-accent: var(--color-legacy-accent);
38
+ --color-future-accent-subtle: var(--color-legacy-accent-lighter);
39
+ --color-future-foreground: var(--color-legacy-foreground);
40
+ --color-future-foreground-secondary: var(--color-legacy-foreground-emp);
41
+ --color-future-foreground-hover: var(--color-legacy-foreground-muted);
42
+ --color-future-foreground-muted: var(--color-legacy-foreground-muted);
43
+ --color-future-foreground-subtle: var(--color-legacy-foreground-subtle);
44
+ --color-future-foreground-inverse: var(--color-legacy-foreground-inverse);
45
+ --color-future-foreground-on-accent: var(--color-legacy-foreground-on-accent);
46
+ --color-future-accent-foreground: var(--color-legacy-accent);
47
+ --color-future-accent-foreground-muted: var(--color-legacy-accent-hover);
48
+ --color-future-border: var(--color-legacy-border);
49
+ --color-future-border-subtle: var(--color-legacy-border-subtle);
50
+ --color-future-border-muted: var(--color-legacy-border-grid);
51
+ --color-future-border-deep: var(--color-legacy-border-grid);
52
+ --color-future-border-inverse: var(--color-legacy-border);
53
+ --color-future-border-hover: var(--color-legacy-border);
54
+ --color-future-ring: var(--color-legacy-ring);
55
+ --color-background: var(--color-legacy-surface);
56
+ --color-foreground: var(--color-legacy-foreground);
57
+ --color-card: var(--color-legacy-surface-raised);
58
+ --color-card-foreground: var(--color-legacy-foreground);
59
+ --color-popover: var(--color-legacy-surface-raised);
60
+ --color-popover-foreground: var(--color-legacy-foreground);
61
+ --color-primary: var(--color-legacy-accent);
62
+ --color-primary-foreground: var(--color-legacy-foreground-on-accent);
63
+ --color-secondary: var(--color-legacy-surface-overlay);
64
+ --color-secondary-foreground: var(--color-legacy-foreground-muted);
65
+ --color-muted: var(--color-legacy-surface-raised);
66
+ --color-muted-foreground: var(--color-legacy-foreground-muted);
67
+ --color-accent: var(--color-legacy-surface-selected);
68
+ --color-accent-foreground: var(--color-legacy-foreground-emp);
69
+ --color-destructive: var(--color-legacy-error);
70
+ --color-border: var(--color-legacy-border-subtle);
71
+ --color-border-de-emp: var(--color-legacy-border-subtle);
72
+ --color-input: var(--color-legacy-border-subtle);
73
+ --color-ring: var(--color-legacy-ring);
74
+ color-scheme: dark;
75
+ }
76
+
77
+ .legacy-light {
78
+ --color-legacy-surface: #fff;
79
+ --color-legacy-surface-raised: #fff;
80
+ --color-legacy-surface-overlay: #f4f5f7;
81
+ --color-legacy-surface-hover: #e9f1fa;
82
+ --color-legacy-surface-muted: #cfd8dd;
83
+ --color-legacy-surface-inverse: #182027;
84
+ --color-legacy-surface-disabled: #ecedee;
85
+ --color-legacy-surface-selected: #e9f1fa;
86
+ --color-legacy-accent: #0067df;
87
+ --color-legacy-accent-hover: #0056ba;
88
+ --color-legacy-accent-lighter: #badaff;
89
+ --color-legacy-accent-darker: #00489d;
90
+ --color-legacy-foreground: #273139;
91
+ --color-legacy-foreground-emp: #182027;
92
+ --color-legacy-foreground-muted: #526069;
93
+ --color-legacy-foreground-subtle: #8a97a0;
94
+ --color-legacy-foreground-inverse: #f8f9fa;
95
+ --color-legacy-foreground-link: #0067df;
96
+ --color-legacy-foreground-on-accent: #f8f9fa;
97
+ --color-legacy-border: #a4b1b8;
98
+ --color-legacy-border-subtle: #cfd8dd;
99
+ --color-legacy-border-disabled: #cfd8dd;
100
+ --color-legacy-border-grid: #f4f5f7;
101
+ --color-legacy-error: #a6040a;
102
+ --color-legacy-success: #038108;
103
+ --color-legacy-warning: #9e6100;
104
+ --color-legacy-info: #1665b3;
105
+ --color-legacy-ring: #0067df;
106
+ --color-legacy-logo: #fa4616;
107
+ --color-future-surface: var(--color-legacy-surface);
108
+ --color-future-surface-raised: var(--color-legacy-surface-raised);
109
+ --color-future-surface-overlay: var(--color-legacy-surface-overlay);
110
+ --color-future-surface-hover: var(--color-legacy-surface-hover);
111
+ --color-future-surface-muted: var(--color-legacy-surface-muted);
112
+ --color-future-surface-inverse: var(--color-legacy-surface-inverse);
113
+ --color-future-accent: var(--color-legacy-accent);
114
+ --color-future-accent-subtle: var(--color-legacy-accent-lighter);
115
+ --color-future-foreground: var(--color-legacy-foreground);
116
+ --color-future-foreground-secondary: var(--color-legacy-foreground-emp);
117
+ --color-future-foreground-hover: var(--color-legacy-foreground-muted);
118
+ --color-future-foreground-muted: var(--color-legacy-foreground-muted);
119
+ --color-future-foreground-subtle: var(--color-legacy-foreground-subtle);
120
+ --color-future-foreground-inverse: var(--color-legacy-foreground-inverse);
121
+ --color-future-foreground-on-accent: var(--color-legacy-foreground-on-accent);
122
+ --color-future-accent-foreground: var(--color-legacy-accent);
123
+ --color-future-accent-foreground-muted: var(--color-legacy-accent-hover);
124
+ --color-future-border: var(--color-legacy-border);
125
+ --color-future-border-subtle: var(--color-legacy-border-subtle);
126
+ --color-future-border-muted: var(--color-legacy-border-grid);
127
+ --color-future-border-deep: var(--color-legacy-border-grid);
128
+ --color-future-border-inverse: var(--color-legacy-border);
129
+ --color-future-border-hover: var(--color-legacy-border);
130
+ --color-future-ring: var(--color-legacy-ring);
131
+ --color-background: var(--color-legacy-surface);
132
+ --color-foreground: var(--color-legacy-foreground);
133
+ --color-card: var(--color-legacy-surface-raised);
134
+ --color-card-foreground: var(--color-legacy-foreground);
135
+ --color-popover: var(--color-legacy-surface-raised);
136
+ --color-popover-foreground: var(--color-legacy-foreground);
137
+ --color-primary: var(--color-legacy-accent);
138
+ --color-primary-foreground: var(--color-legacy-foreground-on-accent);
139
+ --color-secondary: var(--color-legacy-surface-overlay);
140
+ --color-secondary-foreground: var(--color-legacy-foreground-muted);
141
+ --color-muted: var(--color-legacy-surface-overlay);
142
+ --color-muted-foreground: var(--color-legacy-foreground-muted);
143
+ --color-accent: var(--color-legacy-surface-selected);
144
+ --color-accent-foreground: var(--color-legacy-foreground-emp);
145
+ --color-destructive: var(--color-legacy-error);
146
+ --color-border: var(--color-legacy-border-subtle);
147
+ --color-border-de-emp: var(--color-legacy-border-subtle);
148
+ --color-input: var(--color-legacy-border-subtle);
149
+ --color-ring: var(--color-legacy-ring);
150
+ color-scheme: light;
151
+ }
152
+
153
+ :root, :host {
154
+ --color-legacy-surface: var(--color-legacy-surface);
155
+ --color-legacy-surface-raised: var(--color-legacy-surface-raised);
156
+ --color-legacy-surface-overlay: var(--color-legacy-surface-overlay);
157
+ --color-legacy-surface-hover: var(--color-legacy-surface-hover);
158
+ --color-legacy-surface-muted: var(--color-legacy-surface-muted);
159
+ --color-legacy-surface-inverse: var(--color-legacy-surface-inverse);
160
+ --color-legacy-surface-disabled: var(--color-legacy-surface-disabled);
161
+ --color-legacy-surface-selected: var(--color-legacy-surface-selected);
162
+ --color-legacy-accent: var(--color-legacy-accent);
163
+ --color-legacy-accent-hover: var(--color-legacy-accent-hover);
164
+ --color-legacy-accent-lighter: var(--color-legacy-accent-lighter);
165
+ --color-legacy-accent-darker: var(--color-legacy-accent-darker);
166
+ --color-legacy-foreground: var(--color-legacy-foreground);
167
+ --color-legacy-foreground-emp: var(--color-legacy-foreground-emp);
168
+ --color-legacy-foreground-muted: var(--color-legacy-foreground-muted);
169
+ --color-legacy-foreground-subtle: var(--color-legacy-foreground-subtle);
170
+ --color-legacy-foreground-inverse: var(--color-legacy-foreground-inverse);
171
+ --color-legacy-foreground-link: var(--color-legacy-foreground-link);
172
+ --color-legacy-foreground-on-accent: var(--color-legacy-foreground-on-accent);
173
+ --color-legacy-border: var(--color-legacy-border);
174
+ --color-legacy-border-subtle: var(--color-legacy-border-subtle);
175
+ --color-legacy-border-disabled: var(--color-legacy-border-disabled);
176
+ --color-legacy-border-grid: var(--color-legacy-border-grid);
177
+ --color-legacy-error: var(--color-legacy-error);
178
+ --color-legacy-success: var(--color-legacy-success);
179
+ --color-legacy-warning: var(--color-legacy-warning);
180
+ --color-legacy-info: var(--color-legacy-info);
181
+ --color-legacy-ring: var(--color-legacy-ring);
182
+ --color-legacy-logo: var(--color-legacy-logo);
183
+ }
184
+