@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.
Files changed (41) hide show
  1. package/README.md +15 -28
  2. package/assets/approvals/.gitkeep +0 -0
  3. package/assets/fonts/.gitkeep +0 -0
  4. package/assets/fonts/Montserrat-Italic-VariableFont_wght.ttf +0 -0
  5. package/assets/fonts/Montserrat-VariableFont_wght.ttf +0 -0
  6. package/assets/logos/.gitkeep +0 -0
  7. package/assets/logos/cytario-logo-mono-black.svg +1 -0
  8. package/assets/logos/cytario-logo-mono-white.svg +1 -0
  9. package/assets/logos/cytario-logo-on-purple.svg +1 -0
  10. package/assets/logos/cytario-logo-purple-tagline.svg +1 -0
  11. package/assets/logos/cytario-logo-purple.svg +1 -0
  12. package/assets/logos/cytario-logo-white-tagline.svg +1 -0
  13. package/assets/logos/cytario-logo-white.svg +1 -0
  14. package/assets/logos/png/cytario-logo-mono-white.png +0 -0
  15. package/assets/logos/png/cytario-logo-on-purple.png +0 -0
  16. package/assets/logos/png/cytario-logo-purple-tagline.png +0 -0
  17. package/assets/logos/png/cytario-logo-purple.png +0 -0
  18. package/assets/logos/png/cytario-logo-white-tagline.png +0 -0
  19. package/assets/logos/png/cytario-logo-white.png +0 -0
  20. package/assets/wireframes/DESIGN-SPEC.md +150 -0
  21. package/assets/wireframes/connection-info-edit-aws.puml +41 -0
  22. package/assets/wireframes/connection-info-edit-custom.puml +34 -0
  23. package/assets/wireframes/connection-info-view.puml +42 -0
  24. package/assets/wireframes/file-info-default.puml +25 -0
  25. package/assets/wireframes/file-info-delete-confirm.puml +28 -0
  26. package/dist/fonts/Montserrat-Italic-VariableFont_wght.ttf +0 -0
  27. package/dist/fonts/Montserrat-VariableFont_wght.ttf +0 -0
  28. package/dist/index.css +1 -1
  29. package/dist/index.d.ts +11 -205
  30. package/dist/index.js +60 -416
  31. package/dist/index.js.map +1 -1
  32. package/package.json +7 -10
  33. package/src/styles/fonts/Montserrat-Italic-VariableFont_wght.ttf +0 -0
  34. package/src/styles/fonts/Montserrat-VariableFont_wght.ttf +0 -0
  35. package/src/styles/tailwind.css +1 -98
  36. package/src/styles/theme.css +558 -0
  37. package/src/styles/tokens.css +189 -0
  38. package/src/styles/global.css +0 -48
  39. package/src/tokens/utilities.css +0 -55
  40. package/src/tokens/variables-dark.css +0 -201
  41. 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-neutral-400",
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-neutral-800 text-primary-foreground",
1903
- "border border-neutral-800"
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-(--color-badge-neutral-bg) text-(--color-badge-neutral-text)",
2515
- purple: "bg-(--color-badge-purple-bg) text-(--color-badge-purple-text)",
2516
- teal: "bg-(--color-badge-teal-bg) text-(--color-badge-teal-text)",
2517
- rose: "bg-(--color-badge-rose-bg) text-(--color-badge-rose-text)",
2518
- slate: "bg-(--color-badge-slate-bg) text-(--color-badge-slate-text)",
2519
- green: "bg-(--color-badge-green-bg) text-(--color-badge-green-text)",
2520
- amber: "bg-(--color-badge-amber-bg) text-(--color-badge-amber-text)"
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-(--color-delta-increase-text)",
2655
- decrease: "text-(--color-delta-decrease-text)",
2656
- flat: "text-(--color-delta-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-(--color-delta-decrease-text)",
2660
- decrease: "text-(--color-delta-increase-text)",
2661
- flat: "text-(--color-delta-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-(--color-delta-increase-bg)",
2670
- decrease: "bg-(--color-delta-decrease-bg)",
2671
- flat: "bg-(--color-delta-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-(--color-progress-fill)",
2751
- success: "bg-(--color-progress-fill-success)",
2752
- warning: "bg-(--color-progress-fill-warning)",
2753
- danger: "bg-(--color-progress-fill-danger)",
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-(--color-progress-track)",
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-(--color-badge-purple-bg) text-(--color-badge-purple-text) border-(--color-badge-purple-text)/20",
2975
- teal: "bg-(--color-badge-teal-bg) text-(--color-badge-teal-text) border-(--color-badge-teal-text)/20",
2976
- rose: "bg-(--color-badge-rose-bg) text-(--color-badge-rose-text) border-(--color-badge-rose-text)/20",
2977
- green: "bg-(--color-badge-green-bg) text-(--color-badge-green-text) border-(--color-badge-green-text)/20",
2978
- amber: "bg-(--color-badge-amber-bg) text-(--color-badge-amber-text) border-(--color-badge-amber-text)/20"
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-(--color-badge-slate-bg) text-(--color-badge-slate-text) border-(--color-badge-slate-text)/20"
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,