@cytario/design 7.2.0 → 8.0.0
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.
- package/README.md +15 -28
- package/assets/approvals/.gitkeep +0 -0
- package/assets/fonts/.gitkeep +0 -0
- package/assets/fonts/Montserrat-Italic-VariableFont_wght.ttf +0 -0
- package/assets/fonts/Montserrat-VariableFont_wght.ttf +0 -0
- package/assets/logos/.gitkeep +0 -0
- package/assets/logos/cytario-logo-mono-black.svg +1 -0
- package/assets/logos/cytario-logo-mono-white.svg +1 -0
- package/assets/logos/cytario-logo-on-purple.svg +1 -0
- package/assets/logos/cytario-logo-purple-tagline.svg +1 -0
- package/assets/logos/cytario-logo-purple.svg +1 -0
- package/assets/logos/cytario-logo-white-tagline.svg +1 -0
- package/assets/logos/cytario-logo-white.svg +1 -0
- package/assets/logos/png/cytario-logo-mono-white.png +0 -0
- package/assets/logos/png/cytario-logo-on-purple.png +0 -0
- package/assets/logos/png/cytario-logo-purple-tagline.png +0 -0
- package/assets/logos/png/cytario-logo-purple.png +0 -0
- package/assets/logos/png/cytario-logo-white-tagline.png +0 -0
- package/assets/logos/png/cytario-logo-white.png +0 -0
- package/assets/wireframes/DESIGN-SPEC.md +150 -0
- package/assets/wireframes/connection-info-edit-aws.puml +41 -0
- package/assets/wireframes/connection-info-edit-custom.puml +34 -0
- package/assets/wireframes/connection-info-view.puml +42 -0
- package/assets/wireframes/file-info-default.puml +25 -0
- package/assets/wireframes/file-info-delete-confirm.puml +28 -0
- package/dist/fonts/Montserrat-Italic-VariableFont_wght.ttf +0 -0
- package/dist/fonts/Montserrat-VariableFont_wght.ttf +0 -0
- package/dist/index.css +1 -1
- package/dist/index.d.ts +11 -205
- package/dist/index.js +60 -416
- package/dist/index.js.map +1 -1
- package/package.json +7 -10
- package/src/styles/fonts/Montserrat-Italic-VariableFont_wght.ttf +0 -0
- package/src/styles/fonts/Montserrat-VariableFont_wght.ttf +0 -0
- package/src/styles/tailwind.css +1 -98
- package/src/styles/theme.css +558 -0
- package/src/styles/tokens.css +189 -0
- package/src/styles/global.css +0 -48
- package/src/tokens/utilities.css +0 -55
- package/src/tokens/variables-dark.css +0 -201
- package/src/tokens/variables.css +0 -201
package/dist/index.js
CHANGED
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
|
|
3
|
+
// src/colors.ts
|
|
4
|
+
var ColorTeal500 = "#35b7b8";
|
|
5
|
+
var ColorPurple700 = "#5c2483";
|
|
6
|
+
|
|
3
7
|
// src/index.ts
|
|
4
8
|
import { RouterProvider } from "react-aria-components";
|
|
5
9
|
|
|
@@ -91,10 +95,12 @@ import {
|
|
|
91
95
|
ArrowDown,
|
|
92
96
|
ArrowRight,
|
|
93
97
|
ArrowUp,
|
|
98
|
+
ArrowUpRight,
|
|
94
99
|
Ban,
|
|
95
100
|
Bookmark,
|
|
96
101
|
BookmarkCheck,
|
|
97
102
|
Braces,
|
|
103
|
+
Building2,
|
|
98
104
|
Check,
|
|
99
105
|
CheckCircle,
|
|
100
106
|
CheckCircle2,
|
|
@@ -103,11 +109,14 @@ import {
|
|
|
103
109
|
ChevronUp,
|
|
104
110
|
Circle,
|
|
105
111
|
CircleDot,
|
|
112
|
+
CircleSlash,
|
|
106
113
|
Clock,
|
|
107
114
|
Cloud,
|
|
108
115
|
Columns2,
|
|
109
116
|
Columns3,
|
|
110
117
|
Copy,
|
|
118
|
+
CreditCard,
|
|
119
|
+
Database,
|
|
111
120
|
Download,
|
|
112
121
|
Edit,
|
|
113
122
|
EllipsisVertical,
|
|
@@ -129,9 +138,11 @@ import {
|
|
|
129
138
|
ImageOff,
|
|
130
139
|
Inbox,
|
|
131
140
|
Info,
|
|
141
|
+
KeyRound,
|
|
132
142
|
Lasso,
|
|
133
143
|
Layers,
|
|
134
144
|
Layers2,
|
|
145
|
+
LayoutDashboard,
|
|
135
146
|
LayoutGrid,
|
|
136
147
|
List,
|
|
137
148
|
ListFilter,
|
|
@@ -142,6 +153,7 @@ import {
|
|
|
142
153
|
Microscope,
|
|
143
154
|
Minus,
|
|
144
155
|
MoreVertical,
|
|
156
|
+
Network,
|
|
145
157
|
PanelLeftClose,
|
|
146
158
|
PanelLeftOpen,
|
|
147
159
|
PanelRightClose,
|
|
@@ -149,8 +161,12 @@ import {
|
|
|
149
161
|
Pencil,
|
|
150
162
|
Plug,
|
|
151
163
|
Plus,
|
|
164
|
+
Power,
|
|
165
|
+
PowerOff,
|
|
166
|
+
RefreshCw,
|
|
152
167
|
RotateCcw,
|
|
153
168
|
RotateCw,
|
|
169
|
+
ScrollText,
|
|
154
170
|
Search,
|
|
155
171
|
SearchX,
|
|
156
172
|
Send,
|
|
@@ -159,6 +175,7 @@ import {
|
|
|
159
175
|
ShieldCheck,
|
|
160
176
|
Spline,
|
|
161
177
|
Square,
|
|
178
|
+
SquarePen,
|
|
162
179
|
Star,
|
|
163
180
|
Table,
|
|
164
181
|
Tag,
|
|
@@ -184,10 +201,12 @@ var iconRegistry = {
|
|
|
184
201
|
ArrowDown,
|
|
185
202
|
ArrowRight,
|
|
186
203
|
ArrowUp,
|
|
204
|
+
ArrowUpRight,
|
|
187
205
|
Ban,
|
|
188
206
|
Bookmark,
|
|
189
207
|
BookmarkCheck,
|
|
190
208
|
Braces,
|
|
209
|
+
Building2,
|
|
191
210
|
Check,
|
|
192
211
|
CheckCircle,
|
|
193
212
|
CheckCircle2,
|
|
@@ -196,11 +215,14 @@ var iconRegistry = {
|
|
|
196
215
|
ChevronUp,
|
|
197
216
|
Circle,
|
|
198
217
|
CircleDot,
|
|
218
|
+
CircleSlash,
|
|
199
219
|
Clock,
|
|
200
220
|
Cloud,
|
|
201
221
|
Columns2,
|
|
202
222
|
Columns3,
|
|
203
223
|
Copy,
|
|
224
|
+
CreditCard,
|
|
225
|
+
Database,
|
|
204
226
|
Download,
|
|
205
227
|
Edit,
|
|
206
228
|
EllipsisVertical,
|
|
@@ -222,9 +244,11 @@ var iconRegistry = {
|
|
|
222
244
|
ImageOff,
|
|
223
245
|
Inbox,
|
|
224
246
|
Info,
|
|
247
|
+
KeyRound,
|
|
225
248
|
Lasso,
|
|
226
249
|
Layers,
|
|
227
250
|
Layers2,
|
|
251
|
+
LayoutDashboard,
|
|
228
252
|
LayoutGrid,
|
|
229
253
|
List,
|
|
230
254
|
ListFilter,
|
|
@@ -235,6 +259,7 @@ var iconRegistry = {
|
|
|
235
259
|
Microscope,
|
|
236
260
|
Minus,
|
|
237
261
|
MoreVertical,
|
|
262
|
+
Network,
|
|
238
263
|
PanelLeftClose,
|
|
239
264
|
PanelLeftOpen,
|
|
240
265
|
PanelRightClose,
|
|
@@ -242,8 +267,12 @@ var iconRegistry = {
|
|
|
242
267
|
Pencil,
|
|
243
268
|
Plug,
|
|
244
269
|
Plus,
|
|
270
|
+
Power,
|
|
271
|
+
PowerOff,
|
|
272
|
+
RefreshCw,
|
|
245
273
|
RotateCcw,
|
|
246
274
|
RotateCw,
|
|
275
|
+
ScrollText,
|
|
247
276
|
Search,
|
|
248
277
|
SearchX,
|
|
249
278
|
Send,
|
|
@@ -252,6 +281,7 @@ var iconRegistry = {
|
|
|
252
281
|
ShieldCheck,
|
|
253
282
|
Spline,
|
|
254
283
|
Square,
|
|
284
|
+
SquarePen,
|
|
255
285
|
Star,
|
|
256
286
|
Table,
|
|
257
287
|
Tag,
|
|
@@ -1846,7 +1876,7 @@ function Breadcrumbs({ items, className }) {
|
|
|
1846
1876
|
/* @__PURE__ */ jsx22(
|
|
1847
1877
|
ChevronRight2,
|
|
1848
1878
|
{
|
|
1849
|
-
className: "shrink-0 text-
|
|
1879
|
+
className: "shrink-0 text-slate-400",
|
|
1850
1880
|
size: 16,
|
|
1851
1881
|
"aria-hidden": "true"
|
|
1852
1882
|
}
|
|
@@ -1899,8 +1929,8 @@ var variantStyles3 = {
|
|
|
1899
1929
|
"pressed:bg-muted"
|
|
1900
1930
|
].join(" "),
|
|
1901
1931
|
selected: [
|
|
1902
|
-
"bg-
|
|
1903
|
-
"border border-
|
|
1932
|
+
"bg-slate-800 text-primary-foreground",
|
|
1933
|
+
"border border-slate-800"
|
|
1904
1934
|
].join(" ")
|
|
1905
1935
|
}
|
|
1906
1936
|
};
|
|
@@ -2511,13 +2541,13 @@ function SegmentedControlItem({
|
|
|
2511
2541
|
import { twMerge as twMerge15 } from "tailwind-merge";
|
|
2512
2542
|
import { jsx as jsx34, jsxs as jsxs23 } from "react/jsx-runtime";
|
|
2513
2543
|
var variantStyles4 = {
|
|
2514
|
-
neutral: "bg-
|
|
2515
|
-
purple: "bg-
|
|
2516
|
-
teal: "bg-
|
|
2517
|
-
rose: "bg-
|
|
2518
|
-
slate: "bg-
|
|
2519
|
-
green: "bg-
|
|
2520
|
-
amber: "bg-
|
|
2544
|
+
neutral: "bg-badge-neutral-bg text-badge-neutral-text",
|
|
2545
|
+
purple: "bg-badge-purple-bg text-badge-purple-text",
|
|
2546
|
+
teal: "bg-badge-teal-bg text-badge-teal-text",
|
|
2547
|
+
rose: "bg-badge-rose-bg text-badge-rose-text",
|
|
2548
|
+
slate: "bg-badge-slate-bg text-badge-slate-text",
|
|
2549
|
+
green: "bg-badge-green-bg text-badge-green-text",
|
|
2550
|
+
amber: "bg-badge-amber-bg text-badge-amber-text"
|
|
2521
2551
|
};
|
|
2522
2552
|
var sizeStyles6 = {
|
|
2523
2553
|
sm: "px-1.5 py-0.5",
|
|
@@ -2651,14 +2681,14 @@ function formatPercentage(current, previous) {
|
|
|
2651
2681
|
return `${sign}${pct.toFixed(1)}%`;
|
|
2652
2682
|
}
|
|
2653
2683
|
var directionColors = {
|
|
2654
|
-
increase: "text-
|
|
2655
|
-
decrease: "text-
|
|
2656
|
-
flat: "text-
|
|
2684
|
+
increase: "text-delta-increase-text",
|
|
2685
|
+
decrease: "text-delta-decrease-text",
|
|
2686
|
+
flat: "text-delta-flat-text"
|
|
2657
2687
|
};
|
|
2658
2688
|
var reverseDirectionColors = {
|
|
2659
|
-
increase: "text-
|
|
2660
|
-
decrease: "text-
|
|
2661
|
-
flat: "text-
|
|
2689
|
+
increase: "text-delta-decrease-text",
|
|
2690
|
+
decrease: "text-delta-increase-text",
|
|
2691
|
+
flat: "text-delta-flat-text"
|
|
2662
2692
|
};
|
|
2663
2693
|
var directionIcons = {
|
|
2664
2694
|
increase: ArrowUp2,
|
|
@@ -2666,9 +2696,9 @@ var directionIcons = {
|
|
|
2666
2696
|
flat: Minus2
|
|
2667
2697
|
};
|
|
2668
2698
|
var directionBgColors = {
|
|
2669
|
-
increase: "bg-
|
|
2670
|
-
decrease: "bg-
|
|
2671
|
-
flat: "bg-
|
|
2699
|
+
increase: "bg-delta-increase-bg",
|
|
2700
|
+
decrease: "bg-delta-decrease-bg",
|
|
2701
|
+
flat: "bg-delta-flat-bg"
|
|
2672
2702
|
};
|
|
2673
2703
|
function DeltaIndicator({
|
|
2674
2704
|
current,
|
|
@@ -2747,10 +2777,10 @@ function DeltaIndicator({
|
|
|
2747
2777
|
import { twMerge as twMerge18 } from "tailwind-merge";
|
|
2748
2778
|
import { jsx as jsx37, jsxs as jsxs26 } from "react/jsx-runtime";
|
|
2749
2779
|
var fillStyles = {
|
|
2750
|
-
brand: "bg-
|
|
2751
|
-
success: "bg-
|
|
2752
|
-
warning: "bg-
|
|
2753
|
-
danger: "bg-
|
|
2780
|
+
brand: "bg-progress-fill",
|
|
2781
|
+
success: "bg-progress-fill-success",
|
|
2782
|
+
warning: "bg-progress-fill-warning",
|
|
2783
|
+
danger: "bg-progress-fill-danger",
|
|
2754
2784
|
neutral: "bg-muted-foreground"
|
|
2755
2785
|
};
|
|
2756
2786
|
var sizeStyles7 = {
|
|
@@ -2782,7 +2812,7 @@ function ProgressBar({
|
|
|
2782
2812
|
"aria-valuemax": 100,
|
|
2783
2813
|
"aria-label": label ?? "Progress",
|
|
2784
2814
|
className: twMerge18(
|
|
2785
|
-
"w-full rounded-full bg-
|
|
2815
|
+
"w-full rounded-full bg-progress-track",
|
|
2786
2816
|
sizeStyles7[size]
|
|
2787
2817
|
),
|
|
2788
2818
|
children: /* @__PURE__ */ jsx37(
|
|
@@ -2971,15 +3001,15 @@ function SectionHeader({
|
|
|
2971
3001
|
import { twMerge as twMerge22 } from "tailwind-merge";
|
|
2972
3002
|
import { jsx as jsx41 } from "react/jsx-runtime";
|
|
2973
3003
|
var hashColors = {
|
|
2974
|
-
purple: "bg-
|
|
2975
|
-
teal: "bg-
|
|
2976
|
-
rose: "bg-
|
|
2977
|
-
green: "bg-
|
|
2978
|
-
amber: "bg-
|
|
3004
|
+
purple: "bg-badge-purple-bg text-badge-purple-text border-badge-purple-text/20",
|
|
3005
|
+
teal: "bg-badge-teal-bg text-badge-teal-text border-badge-teal-text/20",
|
|
3006
|
+
rose: "bg-badge-rose-bg text-badge-rose-text border-badge-rose-text/20",
|
|
3007
|
+
green: "bg-badge-green-bg text-badge-green-text border-badge-green-text/20",
|
|
3008
|
+
amber: "bg-badge-amber-bg text-badge-amber-text border-badge-amber-text/20"
|
|
2979
3009
|
};
|
|
2980
3010
|
var colorStyles = {
|
|
2981
3011
|
...hashColors,
|
|
2982
|
-
slate: "bg-
|
|
3012
|
+
slate: "bg-badge-slate-bg text-badge-slate-text border-badge-slate-text/20"
|
|
2983
3013
|
};
|
|
2984
3014
|
var hashKeys = Object.keys(hashColors);
|
|
2985
3015
|
function pillColorFromName(name = "") {
|
|
@@ -3204,397 +3234,22 @@ function FormWizardNav({
|
|
|
3204
3234
|
)
|
|
3205
3235
|
] });
|
|
3206
3236
|
}
|
|
3207
|
-
|
|
3208
|
-
// src/tokens/tokens.ts
|
|
3209
|
-
var ColorPurple50 = "#f5f0fa";
|
|
3210
|
-
var ColorPurple100 = "#ead9f5";
|
|
3211
|
-
var ColorPurple200 = "#d4b3eb";
|
|
3212
|
-
var ColorPurple300 = "#b87ddb";
|
|
3213
|
-
var ColorPurple400 = "#9b4fcb";
|
|
3214
|
-
var ColorPurple500 = "#7a2ea8";
|
|
3215
|
-
var ColorPurple600 = "#6b2695";
|
|
3216
|
-
var ColorPurple700 = "#5c2483";
|
|
3217
|
-
var ColorPurple800 = "#4a1d6a";
|
|
3218
|
-
var ColorPurple900 = "#3a1754";
|
|
3219
|
-
var ColorPurple950 = "#2a0f3e";
|
|
3220
|
-
var ColorTeal50 = "#edf9f9";
|
|
3221
|
-
var ColorTeal100 = "#d0f0f0";
|
|
3222
|
-
var ColorTeal200 = "#a1e1e2";
|
|
3223
|
-
var ColorTeal300 = "#6dd0d1";
|
|
3224
|
-
var ColorTeal400 = "#44c4c5";
|
|
3225
|
-
var ColorTeal500 = "#35b7b8";
|
|
3226
|
-
var ColorTeal600 = "#2a9b9c";
|
|
3227
|
-
var ColorTeal700 = "#217d7e";
|
|
3228
|
-
var ColorTeal800 = "#1a6364";
|
|
3229
|
-
var ColorTeal900 = "#144d4e";
|
|
3230
|
-
var ColorTeal950 = "#0a2829";
|
|
3231
|
-
var ColorGreen50 = "#f0fdf4";
|
|
3232
|
-
var ColorGreen100 = "#dcfce7";
|
|
3233
|
-
var ColorGreen200 = "#bbf7d0";
|
|
3234
|
-
var ColorGreen300 = "#86efac";
|
|
3235
|
-
var ColorGreen400 = "#4ade80";
|
|
3236
|
-
var ColorGreen500 = "#22c55e";
|
|
3237
|
-
var ColorGreen600 = "#16a34a";
|
|
3238
|
-
var ColorGreen700 = "#15803d";
|
|
3239
|
-
var ColorGreen800 = "#166534";
|
|
3240
|
-
var ColorGreen900 = "#14532d";
|
|
3241
|
-
var ColorGreen950 = "#052e16";
|
|
3242
|
-
var ColorRose50 = "#fff1f2";
|
|
3243
|
-
var ColorRose100 = "#ffe4e6";
|
|
3244
|
-
var ColorRose200 = "#fecdd3";
|
|
3245
|
-
var ColorRose300 = "#fda4af";
|
|
3246
|
-
var ColorRose400 = "#fb7185";
|
|
3247
|
-
var ColorRose500 = "#f43f5e";
|
|
3248
|
-
var ColorRose600 = "#e11d48";
|
|
3249
|
-
var ColorRose700 = "#be123c";
|
|
3250
|
-
var ColorRose800 = "#9f1239";
|
|
3251
|
-
var ColorRose900 = "#881337";
|
|
3252
|
-
var ColorRose950 = "#4c0519";
|
|
3253
|
-
var ColorSlate50 = "#f8fafc";
|
|
3254
|
-
var ColorSlate100 = "#f1f5f9";
|
|
3255
|
-
var ColorSlate200 = "#e2e8f0";
|
|
3256
|
-
var ColorSlate300 = "#cbd5e1";
|
|
3257
|
-
var ColorSlate400 = "#94a3b8";
|
|
3258
|
-
var ColorSlate500 = "#64748b";
|
|
3259
|
-
var ColorSlate600 = "#475569";
|
|
3260
|
-
var ColorSlate700 = "#334155";
|
|
3261
|
-
var ColorSlate800 = "#1e293b";
|
|
3262
|
-
var ColorSlate900 = "#0f172a";
|
|
3263
|
-
var ColorSlate950 = "#020617";
|
|
3264
|
-
var ColorAmber50 = "#fffbeb";
|
|
3265
|
-
var ColorAmber100 = "#fef3c7";
|
|
3266
|
-
var ColorAmber200 = "#fde68a";
|
|
3267
|
-
var ColorAmber300 = "#fcd34d";
|
|
3268
|
-
var ColorAmber400 = "#fbbf24";
|
|
3269
|
-
var ColorAmber500 = "#f59e0b";
|
|
3270
|
-
var ColorAmber600 = "#d97706";
|
|
3271
|
-
var ColorAmber700 = "#b45309";
|
|
3272
|
-
var ColorAmber800 = "#92400e";
|
|
3273
|
-
var ColorAmber900 = "#78350f";
|
|
3274
|
-
var ColorAmber950 = "#451a03";
|
|
3275
|
-
var ColorBlue50 = "#eff6ff";
|
|
3276
|
-
var ColorBlue100 = "#dbeafe";
|
|
3277
|
-
var ColorBlue200 = "#bfdbfe";
|
|
3278
|
-
var ColorBlue300 = "#93c5fd";
|
|
3279
|
-
var ColorBlue400 = "#60a5fa";
|
|
3280
|
-
var ColorBlue500 = "#3b82f6";
|
|
3281
|
-
var ColorBlue600 = "#2563eb";
|
|
3282
|
-
var ColorBlue700 = "#1d4ed8";
|
|
3283
|
-
var ColorBlue800 = "#1e40af";
|
|
3284
|
-
var ColorBlue900 = "#1e3a8a";
|
|
3285
|
-
var ColorBlue950 = "#172554";
|
|
3286
|
-
var ColorWhite = "#ffffff";
|
|
3287
|
-
var ColorBlack = "#000000";
|
|
3288
|
-
var ColorAlphaBlack80 = "#000000cc";
|
|
3289
|
-
var ColorAlphaBlack60 = "#00000099";
|
|
3290
|
-
var ColorAlphaBlack40 = "#00000066";
|
|
3291
|
-
var ColorAlphaBlack06 = "#0000000f";
|
|
3292
|
-
var ColorAlphaWhite10 = "#ffffff1a";
|
|
3293
|
-
var ColorAlphaWhite06 = "#ffffff0f";
|
|
3294
|
-
var ColorBackground = "#ffffff";
|
|
3295
|
-
var ColorForeground = "#0f172a";
|
|
3296
|
-
var ColorCard = "#f8fafc";
|
|
3297
|
-
var ColorMuted = "#f1f5f9";
|
|
3298
|
-
var ColorMutedForeground = "#475569";
|
|
3299
|
-
var ColorAccent = "#e2e8f0";
|
|
3300
|
-
var ColorAccentForeground = "#0f172a";
|
|
3301
|
-
var ColorAccentPressed = "#cbd5e1";
|
|
3302
|
-
var ColorBorder = "#e2e8f0";
|
|
3303
|
-
var ColorRing = "#35b7b8";
|
|
3304
|
-
var ColorOverlay = "#000000cc";
|
|
3305
|
-
var ColorBackdrop = "#00000066";
|
|
3306
|
-
var ColorPrimary = "#5c2483";
|
|
3307
|
-
var ColorPrimaryForeground = "#ffffff";
|
|
3308
|
-
var ColorPrimaryHover = "#4a1d6a";
|
|
3309
|
-
var ColorPrimaryPressed = "#3a1754";
|
|
3310
|
-
var ColorSecondary = "#6dd0d1";
|
|
3311
|
-
var ColorSecondaryForeground = "#0a2829";
|
|
3312
|
-
var ColorSecondaryHover = "#44c4c5";
|
|
3313
|
-
var ColorSecondaryPressed = "#35b7b8";
|
|
3314
|
-
var ColorDestructive = "#e11d48";
|
|
3315
|
-
var ColorDestructiveForeground = "#ffffff";
|
|
3316
|
-
var ColorDestructiveHover = "#be123c";
|
|
3317
|
-
var ColorDestructivePressed = "#9f1239";
|
|
3318
|
-
var ColorDestructiveSurface = "#fff1f2";
|
|
3319
|
-
var ColorDestructiveSurfaceForeground = "#be123c";
|
|
3320
|
-
var ColorDestructiveBorder = "#fecdd3";
|
|
3321
|
-
var ColorSuccess = "#15803d";
|
|
3322
|
-
var ColorSuccessForeground = "#ffffff";
|
|
3323
|
-
var ColorSuccessHover = "#166534";
|
|
3324
|
-
var ColorSuccessPressed = "#14532d";
|
|
3325
|
-
var ColorSuccessSurface = "#f0fdf4";
|
|
3326
|
-
var ColorSuccessSurfaceForeground = "#15803d";
|
|
3327
|
-
var ColorSuccessBorder = "#bbf7d0";
|
|
3328
|
-
var ColorWarning = "#f59e0b";
|
|
3329
|
-
var ColorWarningForeground = "#0f172a";
|
|
3330
|
-
var ColorWarningHover = "#fbbf24";
|
|
3331
|
-
var ColorWarningPressed = "#fcd34d";
|
|
3332
|
-
var ColorWarningSurface = "#fffbeb";
|
|
3333
|
-
var ColorWarningSurfaceForeground = "#92400e";
|
|
3334
|
-
var ColorWarningBorder = "#fde68a";
|
|
3335
|
-
var ColorInfo = "#2563eb";
|
|
3336
|
-
var ColorInfoForeground = "#ffffff";
|
|
3337
|
-
var ColorInfoHover = "#1d4ed8";
|
|
3338
|
-
var ColorInfoPressed = "#1e40af";
|
|
3339
|
-
var ColorInfoSurface = "#eff6ff";
|
|
3340
|
-
var ColorInfoSurfaceForeground = "#1d4ed8";
|
|
3341
|
-
var ColorInfoBorder = "#bfdbfe";
|
|
3342
|
-
var ColorDeltaIncreaseBg = "#fff1f2";
|
|
3343
|
-
var ColorDeltaIncreaseText = "#be123c";
|
|
3344
|
-
var ColorDeltaIncreaseIcon = "#f43f5e";
|
|
3345
|
-
var ColorDeltaDecreaseBg = "#f0fdf4";
|
|
3346
|
-
var ColorDeltaDecreaseText = "#15803d";
|
|
3347
|
-
var ColorDeltaDecreaseIcon = "#22c55e";
|
|
3348
|
-
var ColorDeltaFlatBg = "#f1f5f9";
|
|
3349
|
-
var ColorDeltaFlatText = "#64748b";
|
|
3350
|
-
var ColorDeltaFlatIcon = "#94a3b8";
|
|
3351
|
-
var ColorProgressTrack = "#e2e8f0";
|
|
3352
|
-
var ColorProgressFill = "#6b2695";
|
|
3353
|
-
var ColorProgressFillSuccess = "#22c55e";
|
|
3354
|
-
var ColorProgressFillWarning = "#f59e0b";
|
|
3355
|
-
var ColorProgressFillDanger = "#f43f5e";
|
|
3356
|
-
var ColorBadgePurpleBg = "#ead9f5";
|
|
3357
|
-
var ColorBadgePurpleText = "#5c2483";
|
|
3358
|
-
var ColorBadgeTealBg = "#d0f0f0";
|
|
3359
|
-
var ColorBadgeTealText = "#1a6364";
|
|
3360
|
-
var ColorBadgeSlateBg = "#f1f5f9";
|
|
3361
|
-
var ColorBadgeSlateText = "#334155";
|
|
3362
|
-
var ColorBadgeRoseBg = "#ffe4e6";
|
|
3363
|
-
var ColorBadgeRoseText = "#be123c";
|
|
3364
|
-
var ColorBadgeNeutralBg = "#f1f5f9";
|
|
3365
|
-
var ColorBadgeNeutralText = "#334155";
|
|
3366
|
-
var ColorBadgeGreenBg = "#dcfce7";
|
|
3367
|
-
var ColorBadgeGreenText = "#15803d";
|
|
3368
|
-
var ColorBadgeAmberBg = "#fef3c7";
|
|
3369
|
-
var ColorBadgeAmberText = "#92400e";
|
|
3370
|
-
var Spacing1 = "4px";
|
|
3371
|
-
var Spacing2 = "8px";
|
|
3372
|
-
var Spacing3 = "12px";
|
|
3373
|
-
var Spacing4 = "16px";
|
|
3374
|
-
var Spacing6 = "24px";
|
|
3375
|
-
var Spacing8 = "32px";
|
|
3376
|
-
var Spacing12 = "48px";
|
|
3377
|
-
var Spacing16 = "64px";
|
|
3378
|
-
var BorderRadiusNone = "0px";
|
|
3379
|
-
var BorderRadiusSm = "4px";
|
|
3380
|
-
var BorderRadiusMd = "8px";
|
|
3381
|
-
var BorderRadiusLg = "12px";
|
|
3382
|
-
var BorderRadiusXl = "16px";
|
|
3383
|
-
var BorderRadiusFull = "9999px";
|
|
3384
|
-
var FontSizeXs = "12px";
|
|
3385
|
-
var FontSizeSm = "14px";
|
|
3386
|
-
var FontSizeBase = "16px";
|
|
3387
|
-
var FontSizeLg = "18px";
|
|
3388
|
-
var FontSizeXl = "20px";
|
|
3389
|
-
var FontSize2xl = "24px";
|
|
3390
|
-
var FontSize3xl = "30px";
|
|
3391
|
-
var FontSize4xl = "36px";
|
|
3392
|
-
var FontSize5xl = "48px";
|
|
3393
|
-
var FontWeightLight = 300;
|
|
3394
|
-
var FontWeightRegular = 400;
|
|
3395
|
-
var FontWeightMedium = 500;
|
|
3396
|
-
var FontWeightSemibold = 600;
|
|
3397
|
-
var FontWeightBold = 700;
|
|
3398
|
-
var FontWeightExtrabold = 800;
|
|
3399
|
-
var LineHeightTight = 1.25;
|
|
3400
|
-
var LineHeightNormal = 1.5;
|
|
3401
|
-
var LineHeightRelaxed = 1.625;
|
|
3402
3237
|
export {
|
|
3403
3238
|
Badge,
|
|
3404
3239
|
Banner,
|
|
3405
|
-
BorderRadiusFull,
|
|
3406
|
-
BorderRadiusLg,
|
|
3407
|
-
BorderRadiusMd,
|
|
3408
|
-
BorderRadiusNone,
|
|
3409
|
-
BorderRadiusSm,
|
|
3410
|
-
BorderRadiusXl,
|
|
3411
3240
|
Breadcrumbs,
|
|
3412
3241
|
Button,
|
|
3413
3242
|
ButtonLink,
|
|
3414
3243
|
Card,
|
|
3415
3244
|
Cell,
|
|
3416
3245
|
Checkbox,
|
|
3417
|
-
ColorAccent,
|
|
3418
|
-
ColorAccentForeground,
|
|
3419
|
-
ColorAccentPressed,
|
|
3420
|
-
ColorAlphaBlack06,
|
|
3421
|
-
ColorAlphaBlack40,
|
|
3422
|
-
ColorAlphaBlack60,
|
|
3423
|
-
ColorAlphaBlack80,
|
|
3424
|
-
ColorAlphaWhite06,
|
|
3425
|
-
ColorAlphaWhite10,
|
|
3426
|
-
ColorAmber100,
|
|
3427
|
-
ColorAmber200,
|
|
3428
|
-
ColorAmber300,
|
|
3429
|
-
ColorAmber400,
|
|
3430
|
-
ColorAmber50,
|
|
3431
|
-
ColorAmber500,
|
|
3432
|
-
ColorAmber600,
|
|
3433
|
-
ColorAmber700,
|
|
3434
|
-
ColorAmber800,
|
|
3435
|
-
ColorAmber900,
|
|
3436
|
-
ColorAmber950,
|
|
3437
|
-
ColorBackdrop,
|
|
3438
|
-
ColorBackground,
|
|
3439
|
-
ColorBadgeAmberBg,
|
|
3440
|
-
ColorBadgeAmberText,
|
|
3441
|
-
ColorBadgeGreenBg,
|
|
3442
|
-
ColorBadgeGreenText,
|
|
3443
|
-
ColorBadgeNeutralBg,
|
|
3444
|
-
ColorBadgeNeutralText,
|
|
3445
|
-
ColorBadgePurpleBg,
|
|
3446
|
-
ColorBadgePurpleText,
|
|
3447
|
-
ColorBadgeRoseBg,
|
|
3448
|
-
ColorBadgeRoseText,
|
|
3449
|
-
ColorBadgeSlateBg,
|
|
3450
|
-
ColorBadgeSlateText,
|
|
3451
|
-
ColorBadgeTealBg,
|
|
3452
|
-
ColorBadgeTealText,
|
|
3453
|
-
ColorBlack,
|
|
3454
|
-
ColorBlue100,
|
|
3455
|
-
ColorBlue200,
|
|
3456
|
-
ColorBlue300,
|
|
3457
|
-
ColorBlue400,
|
|
3458
|
-
ColorBlue50,
|
|
3459
|
-
ColorBlue500,
|
|
3460
|
-
ColorBlue600,
|
|
3461
|
-
ColorBlue700,
|
|
3462
|
-
ColorBlue800,
|
|
3463
|
-
ColorBlue900,
|
|
3464
|
-
ColorBlue950,
|
|
3465
|
-
ColorBorder,
|
|
3466
|
-
ColorCard,
|
|
3467
|
-
ColorDeltaDecreaseBg,
|
|
3468
|
-
ColorDeltaDecreaseIcon,
|
|
3469
|
-
ColorDeltaDecreaseText,
|
|
3470
|
-
ColorDeltaFlatBg,
|
|
3471
|
-
ColorDeltaFlatIcon,
|
|
3472
|
-
ColorDeltaFlatText,
|
|
3473
|
-
ColorDeltaIncreaseBg,
|
|
3474
|
-
ColorDeltaIncreaseIcon,
|
|
3475
|
-
ColorDeltaIncreaseText,
|
|
3476
|
-
ColorDestructive,
|
|
3477
|
-
ColorDestructiveBorder,
|
|
3478
|
-
ColorDestructiveForeground,
|
|
3479
|
-
ColorDestructiveHover,
|
|
3480
|
-
ColorDestructivePressed,
|
|
3481
|
-
ColorDestructiveSurface,
|
|
3482
|
-
ColorDestructiveSurfaceForeground,
|
|
3483
|
-
ColorForeground,
|
|
3484
|
-
ColorGreen100,
|
|
3485
|
-
ColorGreen200,
|
|
3486
|
-
ColorGreen300,
|
|
3487
|
-
ColorGreen400,
|
|
3488
|
-
ColorGreen50,
|
|
3489
|
-
ColorGreen500,
|
|
3490
|
-
ColorGreen600,
|
|
3491
|
-
ColorGreen700,
|
|
3492
|
-
ColorGreen800,
|
|
3493
|
-
ColorGreen900,
|
|
3494
|
-
ColorGreen950,
|
|
3495
|
-
ColorInfo,
|
|
3496
|
-
ColorInfoBorder,
|
|
3497
|
-
ColorInfoForeground,
|
|
3498
|
-
ColorInfoHover,
|
|
3499
|
-
ColorInfoPressed,
|
|
3500
|
-
ColorInfoSurface,
|
|
3501
|
-
ColorInfoSurfaceForeground,
|
|
3502
|
-
ColorMuted,
|
|
3503
|
-
ColorMutedForeground,
|
|
3504
|
-
ColorOverlay,
|
|
3505
|
-
ColorPrimary,
|
|
3506
|
-
ColorPrimaryForeground,
|
|
3507
|
-
ColorPrimaryHover,
|
|
3508
|
-
ColorPrimaryPressed,
|
|
3509
|
-
ColorProgressFill,
|
|
3510
|
-
ColorProgressFillDanger,
|
|
3511
|
-
ColorProgressFillSuccess,
|
|
3512
|
-
ColorProgressFillWarning,
|
|
3513
|
-
ColorProgressTrack,
|
|
3514
|
-
ColorPurple100,
|
|
3515
|
-
ColorPurple200,
|
|
3516
|
-
ColorPurple300,
|
|
3517
|
-
ColorPurple400,
|
|
3518
|
-
ColorPurple50,
|
|
3519
|
-
ColorPurple500,
|
|
3520
|
-
ColorPurple600,
|
|
3521
3246
|
ColorPurple700,
|
|
3522
|
-
ColorPurple800,
|
|
3523
|
-
ColorPurple900,
|
|
3524
|
-
ColorPurple950,
|
|
3525
|
-
ColorRing,
|
|
3526
|
-
ColorRose100,
|
|
3527
|
-
ColorRose200,
|
|
3528
|
-
ColorRose300,
|
|
3529
|
-
ColorRose400,
|
|
3530
|
-
ColorRose50,
|
|
3531
|
-
ColorRose500,
|
|
3532
|
-
ColorRose600,
|
|
3533
|
-
ColorRose700,
|
|
3534
|
-
ColorRose800,
|
|
3535
|
-
ColorRose900,
|
|
3536
|
-
ColorRose950,
|
|
3537
|
-
ColorSecondary,
|
|
3538
|
-
ColorSecondaryForeground,
|
|
3539
|
-
ColorSecondaryHover,
|
|
3540
|
-
ColorSecondaryPressed,
|
|
3541
|
-
ColorSlate100,
|
|
3542
|
-
ColorSlate200,
|
|
3543
|
-
ColorSlate300,
|
|
3544
|
-
ColorSlate400,
|
|
3545
|
-
ColorSlate50,
|
|
3546
|
-
ColorSlate500,
|
|
3547
|
-
ColorSlate600,
|
|
3548
|
-
ColorSlate700,
|
|
3549
|
-
ColorSlate800,
|
|
3550
|
-
ColorSlate900,
|
|
3551
|
-
ColorSlate950,
|
|
3552
|
-
ColorSuccess,
|
|
3553
|
-
ColorSuccessBorder,
|
|
3554
|
-
ColorSuccessForeground,
|
|
3555
|
-
ColorSuccessHover,
|
|
3556
|
-
ColorSuccessPressed,
|
|
3557
|
-
ColorSuccessSurface,
|
|
3558
|
-
ColorSuccessSurfaceForeground,
|
|
3559
|
-
ColorTeal100,
|
|
3560
|
-
ColorTeal200,
|
|
3561
|
-
ColorTeal300,
|
|
3562
|
-
ColorTeal400,
|
|
3563
|
-
ColorTeal50,
|
|
3564
3247
|
ColorTeal500,
|
|
3565
|
-
ColorTeal600,
|
|
3566
|
-
ColorTeal700,
|
|
3567
|
-
ColorTeal800,
|
|
3568
|
-
ColorTeal900,
|
|
3569
|
-
ColorTeal950,
|
|
3570
|
-
ColorWarning,
|
|
3571
|
-
ColorWarningBorder,
|
|
3572
|
-
ColorWarningForeground,
|
|
3573
|
-
ColorWarningHover,
|
|
3574
|
-
ColorWarningPressed,
|
|
3575
|
-
ColorWarningSurface,
|
|
3576
|
-
ColorWarningSurfaceForeground,
|
|
3577
|
-
ColorWhite,
|
|
3578
3248
|
Column,
|
|
3579
3249
|
DeltaIndicator,
|
|
3580
3250
|
Dialog,
|
|
3581
3251
|
EmptyState,
|
|
3582
3252
|
Fieldset,
|
|
3583
|
-
FontSize2xl,
|
|
3584
|
-
FontSize3xl,
|
|
3585
|
-
FontSize4xl,
|
|
3586
|
-
FontSize5xl,
|
|
3587
|
-
FontSizeBase,
|
|
3588
|
-
FontSizeLg,
|
|
3589
|
-
FontSizeSm,
|
|
3590
|
-
FontSizeXl,
|
|
3591
|
-
FontSizeXs,
|
|
3592
|
-
FontWeightBold,
|
|
3593
|
-
FontWeightExtrabold,
|
|
3594
|
-
FontWeightLight,
|
|
3595
|
-
FontWeightMedium,
|
|
3596
|
-
FontWeightRegular,
|
|
3597
|
-
FontWeightSemibold,
|
|
3598
3253
|
FormWizard,
|
|
3599
3254
|
FormWizardNav,
|
|
3600
3255
|
FormWizardProgress,
|
|
@@ -3609,9 +3264,6 @@ export {
|
|
|
3609
3264
|
Input,
|
|
3610
3265
|
InputPassword,
|
|
3611
3266
|
Label,
|
|
3612
|
-
LineHeightNormal,
|
|
3613
|
-
LineHeightRelaxed,
|
|
3614
|
-
LineHeightTight,
|
|
3615
3267
|
Link,
|
|
3616
3268
|
Menu,
|
|
3617
3269
|
MenuCheckboxItem,
|
|
@@ -3635,14 +3287,6 @@ export {
|
|
|
3635
3287
|
SegmentedControl,
|
|
3636
3288
|
SegmentedControlItem,
|
|
3637
3289
|
Select,
|
|
3638
|
-
Spacing1,
|
|
3639
|
-
Spacing12,
|
|
3640
|
-
Spacing16,
|
|
3641
|
-
Spacing2,
|
|
3642
|
-
Spacing3,
|
|
3643
|
-
Spacing4,
|
|
3644
|
-
Spacing6,
|
|
3645
|
-
Spacing8,
|
|
3646
3290
|
Spinner,
|
|
3647
3291
|
Switch,
|
|
3648
3292
|
Tab,
|