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