@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.
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 +62 -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,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-neutral-400",
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-neutral-800 text-primary-foreground",
1901
- "border border-neutral-800"
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-(--color-badge-neutral-bg) text-(--color-badge-neutral-text)",
2513
- purple: "bg-(--color-badge-purple-bg) text-(--color-badge-purple-text)",
2514
- teal: "bg-(--color-badge-teal-bg) text-(--color-badge-teal-text)",
2515
- rose: "bg-(--color-badge-rose-bg) text-(--color-badge-rose-text)",
2516
- slate: "bg-(--color-badge-slate-bg) text-(--color-badge-slate-text)",
2517
- green: "bg-(--color-badge-green-bg) text-(--color-badge-green-text)",
2518
- 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"
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-(--color-delta-increase-text)",
2653
- decrease: "text-(--color-delta-decrease-text)",
2654
- flat: "text-(--color-delta-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-(--color-delta-decrease-text)",
2658
- decrease: "text-(--color-delta-increase-text)",
2659
- flat: "text-(--color-delta-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-(--color-delta-increase-bg)",
2668
- decrease: "bg-(--color-delta-decrease-bg)",
2669
- flat: "bg-(--color-delta-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-(--color-progress-fill)",
2749
- success: "bg-(--color-progress-fill-success)",
2750
- warning: "bg-(--color-progress-fill-warning)",
2751
- 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",
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-(--color-progress-track)",
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-(--color-badge-purple-bg) text-(--color-badge-purple-text) border-(--color-badge-purple-text)/20",
2973
- teal: "bg-(--color-badge-teal-bg) text-(--color-badge-teal-text) border-(--color-badge-teal-text)/20",
2974
- rose: "bg-(--color-badge-rose-bg) text-(--color-badge-rose-text) border-(--color-badge-rose-text)/20",
2975
- green: "bg-(--color-badge-green-bg) text-(--color-badge-green-text) border-(--color-badge-green-text)/20",
2976
- 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"
2977
3009
  };
2978
3010
  var colorStyles = {
2979
3011
  ...hashColors,
2980
- 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"
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,