@tenerife.music/ui 1.0.16 → 1.1.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/dist/{index-DPWxsWs3.d.cts → index-Cj8oRSOc.d.cts} +2 -156
- package/dist/{index-DPWxsWs3.d.ts → index-Cj8oRSOc.d.ts} +2 -156
- package/dist/index.cjs +4251 -6733
- package/dist/index.d.cts +1154 -1479
- package/dist/index.d.ts +1154 -1479
- package/dist/index.mjs +4263 -6719
- package/dist/preset.cjs +6 -6
- package/dist/preset.mjs +6 -6
- package/dist/styles.css +10 -150
- package/dist/theme/index.cjs +1306 -1306
- package/dist/theme/index.mjs +1306 -1306
- package/dist/tokens/index.cjs +32 -222
- package/dist/tokens/index.d.cts +1 -1
- package/dist/tokens/index.d.ts +1 -1
- package/dist/tokens/index.mjs +33 -222
- package/package.json +50 -41
package/dist/tokens/index.cjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
// src/tokens/colors.ts
|
|
3
|
+
// src/FOUNDATION/tokens/colors.ts
|
|
4
4
|
var primaryColors = {
|
|
5
5
|
50: "210 40% 98%",
|
|
6
6
|
// Lightest blue
|
|
@@ -402,7 +402,7 @@ var tailwindThemeColors = {
|
|
|
402
402
|
}
|
|
403
403
|
};
|
|
404
404
|
|
|
405
|
-
// src/tokens/components/alert.ts
|
|
405
|
+
// src/FOUNDATION/tokens/components/alert.ts
|
|
406
406
|
var ALERT_TOKENS = {
|
|
407
407
|
/**
|
|
408
408
|
* Padding for alert content
|
|
@@ -464,7 +464,7 @@ var ALERT_TOKENS = {
|
|
|
464
464
|
}
|
|
465
465
|
};
|
|
466
466
|
|
|
467
|
-
// src/tokens/components/motion.ts
|
|
467
|
+
// src/FOUNDATION/tokens/components/motion.ts
|
|
468
468
|
var MOTION_TOKENS = {
|
|
469
469
|
/**
|
|
470
470
|
* Transition property tokens
|
|
@@ -597,7 +597,7 @@ var MOTION_TOKENS = {
|
|
|
597
597
|
}
|
|
598
598
|
};
|
|
599
599
|
|
|
600
|
-
// src/tokens/components/button.ts
|
|
600
|
+
// src/FOUNDATION/tokens/components/button.ts
|
|
601
601
|
var BUTTON_TOKENS = {
|
|
602
602
|
/**
|
|
603
603
|
* Button heights by size
|
|
@@ -936,7 +936,7 @@ var BUTTON_TOKENS = {
|
|
|
936
936
|
}
|
|
937
937
|
};
|
|
938
938
|
|
|
939
|
-
// src/tokens/components/card.ts
|
|
939
|
+
// src/FOUNDATION/tokens/components/card.ts
|
|
940
940
|
var CARD_TOKENS = {
|
|
941
941
|
/**
|
|
942
942
|
* Padding for card sections (CardHeader, CardContent, CardFooter)
|
|
@@ -1020,7 +1020,7 @@ var CARD_TOKENS = {
|
|
|
1020
1020
|
}
|
|
1021
1021
|
};
|
|
1022
1022
|
|
|
1023
|
-
// src/tokens/components/artist.ts
|
|
1023
|
+
// src/FOUNDATION/tokens/components/artist.ts
|
|
1024
1024
|
var ARTIST_TOKENS = {
|
|
1025
1025
|
/**
|
|
1026
1026
|
* Image container tokens
|
|
@@ -1082,7 +1082,7 @@ var ARTIST_TOKENS = {
|
|
|
1082
1082
|
}
|
|
1083
1083
|
};
|
|
1084
1084
|
|
|
1085
|
-
// src/tokens/spacing.ts
|
|
1085
|
+
// src/FOUNDATION/tokens/spacing.ts
|
|
1086
1086
|
var spacing = {
|
|
1087
1087
|
// Zero spacing
|
|
1088
1088
|
0: "0",
|
|
@@ -1342,7 +1342,7 @@ var tailwindSpacingConfig = {
|
|
|
1342
1342
|
}
|
|
1343
1343
|
};
|
|
1344
1344
|
|
|
1345
|
-
// src/tokens/components/data.ts
|
|
1345
|
+
// src/FOUNDATION/tokens/components/data.ts
|
|
1346
1346
|
var DATA_TOKENS = {
|
|
1347
1347
|
/**
|
|
1348
1348
|
* Skeleton Component Tokens
|
|
@@ -1412,7 +1412,7 @@ var DATA_TOKENS = {
|
|
|
1412
1412
|
}
|
|
1413
1413
|
};
|
|
1414
1414
|
|
|
1415
|
-
// src/tokens/components/icon.ts
|
|
1415
|
+
// src/FOUNDATION/tokens/components/icon.ts
|
|
1416
1416
|
var ICON_TOKENS = {
|
|
1417
1417
|
/**
|
|
1418
1418
|
* Icon sizes
|
|
@@ -1468,7 +1468,7 @@ var ICON_TOKENS = {
|
|
|
1468
1468
|
}
|
|
1469
1469
|
};
|
|
1470
1470
|
|
|
1471
|
-
// src/tokens/components/domain.ts
|
|
1471
|
+
// src/FOUNDATION/tokens/components/domain.ts
|
|
1472
1472
|
var DOMAIN_TOKENS = {
|
|
1473
1473
|
/**
|
|
1474
1474
|
* Surface tokens for card containers
|
|
@@ -1990,7 +1990,7 @@ var DOMAIN_TOKENS = {
|
|
|
1990
1990
|
}
|
|
1991
1991
|
};
|
|
1992
1992
|
|
|
1993
|
-
// src/tokens/components/input.ts
|
|
1993
|
+
// src/FOUNDATION/tokens/components/input.ts
|
|
1994
1994
|
var INPUT_TOKENS = {
|
|
1995
1995
|
/**
|
|
1996
1996
|
* Input heights by size
|
|
@@ -2303,7 +2303,7 @@ var INPUT_TOKENS = {
|
|
|
2303
2303
|
}
|
|
2304
2304
|
};
|
|
2305
2305
|
|
|
2306
|
-
// src/tokens/components/checkbox.ts
|
|
2306
|
+
// src/FOUNDATION/tokens/components/checkbox.ts
|
|
2307
2307
|
var CHECKBOX_TOKENS = {
|
|
2308
2308
|
/**
|
|
2309
2309
|
* Checkbox sizes by size variant
|
|
@@ -2514,7 +2514,7 @@ var CHECKBOX_TOKENS = {
|
|
|
2514
2514
|
// Smooth transitions
|
|
2515
2515
|
};
|
|
2516
2516
|
|
|
2517
|
-
// src/tokens/components/switch.ts
|
|
2517
|
+
// src/FOUNDATION/tokens/components/switch.ts
|
|
2518
2518
|
var SWITCH_TOKENS = {
|
|
2519
2519
|
/**
|
|
2520
2520
|
* Track sizes by size variant
|
|
@@ -2781,7 +2781,7 @@ var SWITCH_TOKENS = {
|
|
|
2781
2781
|
// 2px padding around handle
|
|
2782
2782
|
};
|
|
2783
2783
|
|
|
2784
|
-
// src/tokens/components/radio.ts
|
|
2784
|
+
// src/FOUNDATION/tokens/components/radio.ts
|
|
2785
2785
|
var RADIO_TOKENS = {
|
|
2786
2786
|
/**
|
|
2787
2787
|
* Radio sizes by size variant
|
|
@@ -2974,7 +2974,7 @@ var RADIO_TOKENS = {
|
|
|
2974
2974
|
// Smooth transitions
|
|
2975
2975
|
};
|
|
2976
2976
|
|
|
2977
|
-
// src/tokens/components/surface.ts
|
|
2977
|
+
// src/FOUNDATION/tokens/components/surface.ts
|
|
2978
2978
|
var SURFACE_TOKENS = {
|
|
2979
2979
|
/**
|
|
2980
2980
|
* Padding values for surface variants
|
|
@@ -3062,7 +3062,7 @@ var SURFACE_TOKENS = {
|
|
|
3062
3062
|
}
|
|
3063
3063
|
};
|
|
3064
3064
|
|
|
3065
|
-
// src/tokens/components/text.ts
|
|
3065
|
+
// src/FOUNDATION/tokens/components/text.ts
|
|
3066
3066
|
var TEXT_TOKENS = {
|
|
3067
3067
|
/**
|
|
3068
3068
|
* Font sizes by text size variant
|
|
@@ -3140,7 +3140,7 @@ var TEXT_TOKENS = {
|
|
|
3140
3140
|
}
|
|
3141
3141
|
};
|
|
3142
3142
|
|
|
3143
|
-
// src/tokens/components/section.ts
|
|
3143
|
+
// src/FOUNDATION/tokens/components/section.ts
|
|
3144
3144
|
var SECTION_TOKENS = {
|
|
3145
3145
|
/**
|
|
3146
3146
|
* Vertical padding for sections
|
|
@@ -3172,7 +3172,7 @@ var SECTION_TOKENS = {
|
|
|
3172
3172
|
}
|
|
3173
3173
|
};
|
|
3174
3174
|
|
|
3175
|
-
// src/tokens/components/overlay.ts
|
|
3175
|
+
// src/FOUNDATION/tokens/components/overlay.ts
|
|
3176
3176
|
var OVERLAY_TOKENS = {
|
|
3177
3177
|
/**
|
|
3178
3178
|
* Backdrop tokens by variant
|
|
@@ -3457,7 +3457,7 @@ var OVERLAY_TOKENS = {
|
|
|
3457
3457
|
}
|
|
3458
3458
|
};
|
|
3459
3459
|
|
|
3460
|
-
// src/tokens/components/toast.ts
|
|
3460
|
+
// src/FOUNDATION/tokens/components/toast.ts
|
|
3461
3461
|
var TOAST_TOKENS = {
|
|
3462
3462
|
/**
|
|
3463
3463
|
* Spacing tokens for toast layout
|
|
@@ -3644,7 +3644,7 @@ var TOAST_TOKENS = {
|
|
|
3644
3644
|
}
|
|
3645
3645
|
};
|
|
3646
3646
|
|
|
3647
|
-
// src/tokens/components/notifications.ts
|
|
3647
|
+
// src/FOUNDATION/tokens/components/notifications.ts
|
|
3648
3648
|
var NOTIFICATION_TOKENS = {
|
|
3649
3649
|
/**
|
|
3650
3650
|
* Spacing tokens for notification layout
|
|
@@ -3837,7 +3837,7 @@ var NOTIFICATION_TOKENS = {
|
|
|
3837
3837
|
}
|
|
3838
3838
|
};
|
|
3839
3839
|
|
|
3840
|
-
// src/tokens/components/navigation.ts
|
|
3840
|
+
// src/FOUNDATION/tokens/components/navigation.ts
|
|
3841
3841
|
var NAVIGATION_TOKENS = {
|
|
3842
3842
|
/**
|
|
3843
3843
|
* Navigation item heights by size
|
|
@@ -4042,7 +4042,7 @@ var NAVIGATION_TOKENS = {
|
|
|
4042
4042
|
}
|
|
4043
4043
|
};
|
|
4044
4044
|
|
|
4045
|
-
// src/tokens/components/menu.ts
|
|
4045
|
+
// src/FOUNDATION/tokens/components/menu.ts
|
|
4046
4046
|
var MENU_TOKENS = {
|
|
4047
4047
|
/**
|
|
4048
4048
|
* Menu item tokens by size
|
|
@@ -4158,7 +4158,7 @@ var MENU_TOKENS = {
|
|
|
4158
4158
|
}
|
|
4159
4159
|
};
|
|
4160
4160
|
|
|
4161
|
-
// src/tokens/components/popover.ts
|
|
4161
|
+
// src/FOUNDATION/tokens/components/popover.ts
|
|
4162
4162
|
var POPOVER_TOKENS = {
|
|
4163
4163
|
/**
|
|
4164
4164
|
* Popover content tokens by size
|
|
@@ -4243,196 +4243,7 @@ var POPOVER_TOKENS = {
|
|
|
4243
4243
|
}
|
|
4244
4244
|
};
|
|
4245
4245
|
|
|
4246
|
-
// src/tokens/components/
|
|
4247
|
-
var DROPDOWN_TOKENS = {
|
|
4248
|
-
/**
|
|
4249
|
-
* Trigger tokens by size
|
|
4250
|
-
* Button element that opens/closes the dropdown
|
|
4251
|
-
*/
|
|
4252
|
-
trigger: {
|
|
4253
|
-
height: {
|
|
4254
|
-
sm: "h-8",
|
|
4255
|
-
// 32px
|
|
4256
|
-
md: "h-9",
|
|
4257
|
-
// 36px
|
|
4258
|
-
lg: "h-10"
|
|
4259
|
-
// 40px
|
|
4260
|
-
},
|
|
4261
|
-
padding: {
|
|
4262
|
-
horizontal: {
|
|
4263
|
-
sm: "px-sm",
|
|
4264
|
-
// 8px
|
|
4265
|
-
md: "px-md",
|
|
4266
|
-
// 16px
|
|
4267
|
-
lg: "px-lg"
|
|
4268
|
-
// 24px
|
|
4269
|
-
},
|
|
4270
|
-
vertical: {
|
|
4271
|
-
sm: "py-xs",
|
|
4272
|
-
// 4px
|
|
4273
|
-
md: "py-xs",
|
|
4274
|
-
// 4px
|
|
4275
|
-
lg: "py-sm"
|
|
4276
|
-
// 8px
|
|
4277
|
-
}
|
|
4278
|
-
},
|
|
4279
|
-
radius: {
|
|
4280
|
-
sm: "rounded-md",
|
|
4281
|
-
// 6px
|
|
4282
|
-
md: "rounded-md",
|
|
4283
|
-
// 6px
|
|
4284
|
-
lg: "rounded-md"
|
|
4285
|
-
// 6px
|
|
4286
|
-
},
|
|
4287
|
-
fontSize: {
|
|
4288
|
-
sm: "text-sm",
|
|
4289
|
-
// Maps to fontSize.sm
|
|
4290
|
-
md: "text-base",
|
|
4291
|
-
// Maps to fontSize.base
|
|
4292
|
-
lg: "text-base"
|
|
4293
|
-
// Maps to fontSize.base
|
|
4294
|
-
},
|
|
4295
|
-
shadow: "shadow-sm",
|
|
4296
|
-
// Maps to elevationShadows.sm
|
|
4297
|
-
/**
|
|
4298
|
-
* Icon spacing for trigger
|
|
4299
|
-
*/
|
|
4300
|
-
icon: {
|
|
4301
|
-
spacing: "ml-sm"
|
|
4302
|
-
// 8px - spacing between trigger text and icon
|
|
4303
|
-
}
|
|
4304
|
-
},
|
|
4305
|
-
/**
|
|
4306
|
-
* Variant-based tokens
|
|
4307
|
-
* Border, background, text, and focus colors for different variants
|
|
4308
|
-
*/
|
|
4309
|
-
variant: {
|
|
4310
|
-
neutral: {
|
|
4311
|
-
border: "border border-[hsl(var(--border))]",
|
|
4312
|
-
// Border color using CSS var
|
|
4313
|
-
background: "bg-[hsl(var(--popover))]",
|
|
4314
|
-
// Background using CSS var
|
|
4315
|
-
text: "text-[hsl(var(--popover-foreground))]",
|
|
4316
|
-
// Text color using CSS var
|
|
4317
|
-
focus: "focus-visible:ring-2 focus-visible:ring-[hsl(var(--ring))] focus-visible:ring-offset-2"
|
|
4318
|
-
// Focus ring
|
|
4319
|
-
},
|
|
4320
|
-
tinted: {
|
|
4321
|
-
border: "border border-[hsl(var(--border))]",
|
|
4322
|
-
// Border color using CSS var
|
|
4323
|
-
background: "bg-[hsl(var(--muted))]",
|
|
4324
|
-
// Background using CSS var
|
|
4325
|
-
text: "text-[hsl(var(--popover-foreground))]",
|
|
4326
|
-
// Text color using CSS var
|
|
4327
|
-
focus: "focus-visible:ring-2 focus-visible:ring-[hsl(var(--ring))] focus-visible:ring-offset-2"
|
|
4328
|
-
// Focus ring
|
|
4329
|
-
}
|
|
4330
|
-
},
|
|
4331
|
-
/**
|
|
4332
|
-
* Menu tokens by size
|
|
4333
|
-
* Container for the dropdown items
|
|
4334
|
-
*/
|
|
4335
|
-
menu: {
|
|
4336
|
-
border: {
|
|
4337
|
-
default: "border border-[hsl(var(--border))]"
|
|
4338
|
-
// Border color using CSS var
|
|
4339
|
-
},
|
|
4340
|
-
background: {
|
|
4341
|
-
neutral: "bg-[hsl(var(--popover))]",
|
|
4342
|
-
// Background using CSS var
|
|
4343
|
-
tinted: "bg-[hsl(var(--muted))]"
|
|
4344
|
-
// Background using CSS var
|
|
4345
|
-
},
|
|
4346
|
-
text: {
|
|
4347
|
-
default: "text-[hsl(var(--popover-foreground))]"
|
|
4348
|
-
// Text color using CSS var
|
|
4349
|
-
},
|
|
4350
|
-
padding: {
|
|
4351
|
-
sm: "p-sm",
|
|
4352
|
-
// 8px
|
|
4353
|
-
md: "p-md",
|
|
4354
|
-
// 16px
|
|
4355
|
-
lg: "p-lg"
|
|
4356
|
-
// 24px
|
|
4357
|
-
},
|
|
4358
|
-
radius: {
|
|
4359
|
-
sm: "rounded-md",
|
|
4360
|
-
// 6px
|
|
4361
|
-
md: "rounded-lg",
|
|
4362
|
-
// 8px
|
|
4363
|
-
lg: "rounded-lg"
|
|
4364
|
-
// 8px
|
|
4365
|
-
},
|
|
4366
|
-
shadow: {
|
|
4367
|
-
sm: "shadow-md",
|
|
4368
|
-
// Maps to elevationShadows.md
|
|
4369
|
-
md: "shadow-lg",
|
|
4370
|
-
// Maps to elevationShadows.lg
|
|
4371
|
-
lg: "shadow-xl"
|
|
4372
|
-
// Maps to elevationShadows.xl
|
|
4373
|
-
},
|
|
4374
|
-
minWidth: {
|
|
4375
|
-
sm: "min-w-32",
|
|
4376
|
-
// 128px
|
|
4377
|
-
md: "min-w-48",
|
|
4378
|
-
// 192px
|
|
4379
|
-
lg: "min-w-64"
|
|
4380
|
-
// 256px
|
|
4381
|
-
}
|
|
4382
|
-
},
|
|
4383
|
-
/**
|
|
4384
|
-
* Width tokens
|
|
4385
|
-
* Common width utilities
|
|
4386
|
-
*/
|
|
4387
|
-
width: {
|
|
4388
|
-
full: "w-full"
|
|
4389
|
-
// Full width (100%)
|
|
4390
|
-
},
|
|
4391
|
-
/**
|
|
4392
|
-
* Item tokens by size
|
|
4393
|
-
* Individual menu item
|
|
4394
|
-
*/
|
|
4395
|
-
item: {
|
|
4396
|
-
background: {
|
|
4397
|
-
focus: "focus-visible:bg-[hsl(var(--accent))]",
|
|
4398
|
-
// Focus background using CSS var
|
|
4399
|
-
selected: "bg-[hsl(var(--accent))]"
|
|
4400
|
-
// Selected background using CSS var
|
|
4401
|
-
},
|
|
4402
|
-
text: {
|
|
4403
|
-
focus: "focus-visible:text-[hsl(var(--accent-foreground))]",
|
|
4404
|
-
// Focus text using CSS var
|
|
4405
|
-
selected: "text-[hsl(var(--accent-foreground))]"
|
|
4406
|
-
// Selected text using CSS var
|
|
4407
|
-
},
|
|
4408
|
-
padding: {
|
|
4409
|
-
sm: "px-sm py-xs",
|
|
4410
|
-
// 8px horizontal, 4px vertical
|
|
4411
|
-
md: "px-md py-xs",
|
|
4412
|
-
// 16px horizontal, 4px vertical
|
|
4413
|
-
lg: "px-lg py-sm"
|
|
4414
|
-
// 24px horizontal, 8px vertical
|
|
4415
|
-
},
|
|
4416
|
-
radius: {
|
|
4417
|
-
sm: "rounded-sm",
|
|
4418
|
-
// 4px
|
|
4419
|
-
md: "rounded-md",
|
|
4420
|
-
// 6px
|
|
4421
|
-
lg: "rounded-md"
|
|
4422
|
-
// 6px
|
|
4423
|
-
},
|
|
4424
|
-
fontSize: {
|
|
4425
|
-
sm: "text-sm",
|
|
4426
|
-
// Maps to fontSize.sm
|
|
4427
|
-
md: "text-sm",
|
|
4428
|
-
// Maps to fontSize.sm
|
|
4429
|
-
lg: "text-base"
|
|
4430
|
-
// Maps to fontSize.base
|
|
4431
|
-
}
|
|
4432
|
-
}
|
|
4433
|
-
};
|
|
4434
|
-
|
|
4435
|
-
// src/tokens/components/tooltip.ts
|
|
4246
|
+
// src/FOUNDATION/tokens/components/tooltip.ts
|
|
4436
4247
|
var TOOLTIP_TOKENS = {
|
|
4437
4248
|
/**
|
|
4438
4249
|
* Tooltip content tokens
|
|
@@ -4478,7 +4289,7 @@ var TOOLTIP_TOKENS = {
|
|
|
4478
4289
|
}
|
|
4479
4290
|
};
|
|
4480
4291
|
|
|
4481
|
-
// src/tokens/components/select.ts
|
|
4292
|
+
// src/FOUNDATION/tokens/components/select.ts
|
|
4482
4293
|
var SELECT_TOKENS = {
|
|
4483
4294
|
/**
|
|
4484
4295
|
* Select trigger heights by size
|
|
@@ -4983,7 +4794,7 @@ var SELECT_TOKENS = {
|
|
|
4983
4794
|
}
|
|
4984
4795
|
};
|
|
4985
4796
|
|
|
4986
|
-
// src/tokens/motion/v2.ts
|
|
4797
|
+
// src/FOUNDATION/tokens/motion/v2.ts
|
|
4987
4798
|
var motionV2Durations = {
|
|
4988
4799
|
fast: "150ms",
|
|
4989
4800
|
// Quick interactions
|
|
@@ -5177,7 +4988,7 @@ var motionV2TailwindConfig = {
|
|
|
5177
4988
|
}
|
|
5178
4989
|
};
|
|
5179
4990
|
|
|
5180
|
-
// src/tokens/motion.ts
|
|
4991
|
+
// src/FOUNDATION/tokens/motion.ts
|
|
5181
4992
|
var durations = {
|
|
5182
4993
|
instant: "0ms",
|
|
5183
4994
|
fast: "150ms",
|
|
@@ -5524,7 +5335,7 @@ var tailwindMotionConfig = {
|
|
|
5524
5335
|
}
|
|
5525
5336
|
};
|
|
5526
5337
|
|
|
5527
|
-
// src/tokens/radius.ts
|
|
5338
|
+
// src/FOUNDATION/tokens/radius.ts
|
|
5528
5339
|
var borderRadius = {
|
|
5529
5340
|
// No radius
|
|
5530
5341
|
none: "0",
|
|
@@ -5707,7 +5518,7 @@ var tailwindRadiusConfig = {
|
|
|
5707
5518
|
}
|
|
5708
5519
|
};
|
|
5709
5520
|
|
|
5710
|
-
// src/tokens/shadows.ts
|
|
5521
|
+
// src/FOUNDATION/tokens/shadows.ts
|
|
5711
5522
|
var shadowBase = {
|
|
5712
5523
|
black: "0 0 0",
|
|
5713
5524
|
// Black color for shadows (rgb format)
|
|
@@ -5898,7 +5709,7 @@ var tailwindShadowConfig = {
|
|
|
5898
5709
|
}
|
|
5899
5710
|
};
|
|
5900
5711
|
|
|
5901
|
-
// src/tokens/typography.ts
|
|
5712
|
+
// src/FOUNDATION/tokens/typography.ts
|
|
5902
5713
|
var fontFamily = {
|
|
5903
5714
|
// Primary font - Inter (default sans)
|
|
5904
5715
|
sans: [
|
|
@@ -6272,7 +6083,7 @@ var fontSizeWithMd = {
|
|
|
6272
6083
|
md: fontSize.base
|
|
6273
6084
|
};
|
|
6274
6085
|
|
|
6275
|
-
// src/tokens/css-variables.ts
|
|
6086
|
+
// src/FOUNDATION/tokens/css-variables.ts
|
|
6276
6087
|
var allCSSVariables = {
|
|
6277
6088
|
...colorCSSVariables,
|
|
6278
6089
|
...typographyCSSVariables,
|
|
@@ -6298,7 +6109,7 @@ var tokenSystemSummary = {
|
|
|
6298
6109
|
total: Object.keys(allCSSVariables).length
|
|
6299
6110
|
};
|
|
6300
6111
|
|
|
6301
|
-
// src/tokens/theme.ts
|
|
6112
|
+
// src/FOUNDATION/tokens/theme.ts
|
|
6302
6113
|
var UI_COLORS = tailwindThemeColors;
|
|
6303
6114
|
|
|
6304
6115
|
exports.ALERT_TOKENS = ALERT_TOKENS;
|
|
@@ -6308,7 +6119,6 @@ exports.CARD_TOKENS = CARD_TOKENS;
|
|
|
6308
6119
|
exports.CHECKBOX_TOKENS = CHECKBOX_TOKENS;
|
|
6309
6120
|
exports.DATA_TOKENS = DATA_TOKENS;
|
|
6310
6121
|
exports.DOMAIN_TOKENS = DOMAIN_TOKENS;
|
|
6311
|
-
exports.DROPDOWN_TOKENS = DROPDOWN_TOKENS;
|
|
6312
6122
|
exports.ICON_TOKENS = ICON_TOKENS;
|
|
6313
6123
|
exports.INPUT_TOKENS = INPUT_TOKENS;
|
|
6314
6124
|
exports.MENU_TOKENS = MENU_TOKENS;
|
package/dist/tokens/index.d.cts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { B as BaseColorTokens, C as ChartColors, a as ColorScale, b as ColorTokens, M as Mode, S as SemanticColors, c as SurfaceColors, T as TextColors, d as accentColors, e as baseColors, f as chartColors, g as colorCSSVariables, h as cssVariableColorTokens, p as primaryColors, s as secondaryColors, i as semanticColors, j as surfaceColors, t as tailwindThemeColors, k as textColors } from '../colors-BrFmCQv-.cjs';
|
|
2
|
-
export { A as ALERT_TOKENS,
|
|
2
|
+
export { A as ALERT_TOKENS, k as AlertVariant, cB as AlignOffsetToken, bj as Animation, cC as AnimationPresetToken, cD as AspectRatioToken, B as BUTTON_TOKENS, bM as BorderRadius, l as ButtonFontSize, m as ButtonHeight, n as ButtonPaddingHorizontal, o as ButtonPaddingVertical, p as ButtonShadow, C as CARD_TOKENS, a as CHECKBOX_TOKENS, ch as CanonicalFontSize, ci as CanonicalFontWeight, cj as CanonicalLetterSpacing, ck as CanonicalLineHeight, cl as CanonicalTextColor, q as CardPadding, r as CardRadius, s as CardShadow, t as CardSize, u as CardSpacingVertical, v as CheckboxSize, w as CheckboxState, x as CheckboxVariant, cE as ColorToken, bS as ColoredShadow, bN as ComponentRadius, c4 as ComponentSpacing, cF as ContainerMaxWidthToken, cG as ContainerPaddingToken, c5 as ContainerSpacing, D as DATA_TOKENS, b as DOMAIN_TOKENS, y as DataListLabelWidth, z as DataListRowPadding, cH as DelayToken, E as DomainCardBadge, F as DomainCardImage, G as DomainCardLayout, H as DomainCardMetadata, J as DomainCardMotion, K as DomainCardPriceCapacity, L as DomainCardSkeleton, Q as DomainCardSkeletonContentWidth, U as DomainCardSurface, bk as Duration, bl as Easing, bT as ElevationShadow, V as EmptyStateIconSize, cI as FlexBasisToken, bU as FocusRing, cm as FontFamily, cn as FontSize, co as FontWeight, bV as GlowEffect, c6 as GridSpacing, I as ICON_TOKENS, c as INPUT_TOKENS, W as IconColor, X as IconSize, Y as IconStroke, Z as InputFontSize, _ as InputHeight, $ as InputPaddingHorizontal, a0 as InputPaddingVertical, a1 as InputRadius, a2 as InputSize, bm as Keyframe, cJ as LayoutSpaceToken, cp as LetterSpacing, cq as LineHeight, M as MENU_TOKENS, d as MOTION_TOKENS, a3 as MenuContentMinWidth, a4 as MenuContentPadding, a5 as MenuContentRadius, a6 as MenuContentShadow, a7 as MenuIndicatorOffset, a8 as MenuIndicatorSize, a9 as MenuItemGap, aa as MenuItemHeight, ab as MenuItemPadding, ac as MenuItemRadius, ad as MenuLabelPadding, ae as MenuSeparatorMargin, cK as ModalFooterAlignToken, cL as ModalHeightToken, cM as ModalSizeToken, cN as ModalWidthToken, af as MotionAnimation, ag as MotionDuration, cO as MotionDurationToken, ah as MotionEasing, cP as MotionEasingToken, cQ as MotionToken, ai as MotionTransition, aj as MotionTransitionPreset, cR as MotionTransitionToken, by as MotionV2CombinedType, bz as MotionV2Duration, bA as MotionV2Easing, bB as MotionV2SlideDirection, bC as MotionV2Transition, N as NAVIGATION_TOKENS, e as NOTIFICATION_TOKENS, ak as NavigationItemPadding, al as NavigationListGap, am as NavigationRadius, an as NavigationShadow, ao as NavigationSize, ap as NavigationState, aq as NotificationPanelWidth, ar as NotificationVariant, O as OVERLAY_TOKENS, as as OverlayBackdropVariant, at as OverlayModalSize, P as POPOVER_TOKENS, au as PopoverArrowOffset, av as PopoverArrowSize, aw as PopoverContentPadding, ax as PopoverContentRadius, ay as PopoverContentShadow, az as PopoverContentWidth, R as RADIO_TOKENS, aA as RadioSize, aB as RadioState, aC as RadioVariant, cS as RadiusToken, cT as ResponsiveAlignOffset, cU as ResponsiveAnimationPreset, cV as ResponsiveAspectRatio, cW as ResponsiveColor, cX as ResponsiveContainerMaxWidth, cY as ResponsiveContainerPadding, cZ as ResponsiveDelay, c_ as ResponsiveFlexBasis, c$ as ResponsiveModalHeight, d0 as ResponsiveModalSize, d1 as ResponsiveModalWidth, d2 as ResponsiveMotion, d3 as ResponsiveRadius, d4 as ResponsiveSelectSize, d5 as ResponsiveSelectWidth, d6 as ResponsiveShadow, d7 as ResponsiveSideOffset, d8 as ResponsiveSpace, d9 as ResponsiveSurface, da as ResponsiveTextLineHeight, db as ResponsiveTextSize, dc as ResponsiveTextWeight, S as SECTION_TOKENS, f as SELECT_TOKENS, g as SURFACE_TOKENS, h as SWITCH_TOKENS, aD as SectionGap, aE as SectionPadding, c7 as SectionSpacing, aF as SelectContentPadding, aG as SelectContentRadius, aH as SelectItemFontSize, aI as SelectItemPaddingHorizontal, aJ as SelectItemPaddingVertical, aK as SelectItemRadius, aL as SelectLabelFontSize, aM as SelectLabelPaddingHorizontal, aN as SelectLabelPaddingVertical, aO as SelectSeparatorMarginHorizontal, aP as SelectSeparatorMarginVertical, dd as SelectSizeToken, de as SelectStateToken, aQ as SelectTriggerFontSize, aR as SelectTriggerHeight, aS as SelectTriggerPaddingHorizontal, aT as SelectTriggerPaddingVertical, aU as SelectTriggerRadius, df as SelectVariantToken, dg as SelectWidthToken, c8 as SemanticSpacing, dh as ShadowToken, di as SideOffsetToken, aV as SkeletonAnimation, aW as SkeletonBackground, aX as SkeletonVariant, dj as SpaceToken, c9 as Spacing, dk as SpacingToken, bn as Spring, ca as StackSpacing, aY as SurfacePadding, aZ as SurfaceRadius, a_ as SurfaceShadow, dl as SurfaceToken, a$ as SurfaceVariant, b0 as SwitchSize, b1 as SwitchState, b2 as SwitchVariant, T as TEXT_TOKENS, i as TOAST_TOKENS, j as TOOLTIP_TOKENS, b3 as TableCellPadding, b4 as TableGap, b5 as TableHeaderPadding, b6 as TableRowHeight, b7 as TableShadow, b8 as TextFontSize, b9 as TextFontWeight, ba as TextLetterSpacing, dm as TextLetterSpacingToken, bb as TextLineHeight, dn as TextLineHeightToken, dp as TextSizeToken, cr as TextStyle, dq as TextWeightToken, bc as ToastVariant, bd as TooltipContentRadius, be as TooltipContentShadow, bo as Transition, cg as UI_COLORS, bW as accentColoredShadows, bf as allCSSVariables, bg as allCSSVariablesCSS, bp as animations, bO as borderRadius, bP as componentRadius, bX as componentShadowMapping, bq as durations, br as easings, bY as elevationShadows, bZ as focusRings, cs as fontFamily, ct as fontSize, cu as fontSizeWithMd, cv as fontWeight, bh as generateCSSVariablesCSS, b_ as glowEffects, bs as keyframes, cb as layoutSpacing, cw as letterSpacing, cx as lineHeight, bt as motionCSSVariables, bD as motionV2CSSVariables, bE as motionV2Combined, bF as motionV2Durations, bG as motionV2Easings, bH as motionV2Fade, bI as motionV2Scale, bJ as motionV2Slide, bK as motionV2TailwindConfig, bL as motionV2Transitions, b$ as primaryColoredShadows, bQ as radiusCSSVariables, bu as reducedMotion, cc as semanticSpacing, c0 as shadowBase, c1 as shadowCSSVariables, c2 as shadowOpacity, cd as spacing, ce as spacingCSSVariables, bv as springs, bw as tailwindMotionConfig, bR as tailwindRadiusConfig, c3 as tailwindShadowConfig, cf as tailwindSpacingConfig, cy as tailwindTypographyConfig, cz as textStyles, bi as tokenSystemSummary, bx as transitions, cA as typographyCSSVariables } from '../index-Cj8oRSOc.cjs';
|
|
3
3
|
|
|
4
4
|
/**
|
|
5
5
|
* Artist Card Component Tokens
|
package/dist/tokens/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { B as BaseColorTokens, C as ChartColors, a as ColorScale, b as ColorTokens, M as Mode, S as SemanticColors, c as SurfaceColors, T as TextColors, d as accentColors, e as baseColors, f as chartColors, g as colorCSSVariables, h as cssVariableColorTokens, p as primaryColors, s as secondaryColors, i as semanticColors, j as surfaceColors, t as tailwindThemeColors, k as textColors } from '../colors-BrFmCQv-.js';
|
|
2
|
-
export { A as ALERT_TOKENS,
|
|
2
|
+
export { A as ALERT_TOKENS, k as AlertVariant, cB as AlignOffsetToken, bj as Animation, cC as AnimationPresetToken, cD as AspectRatioToken, B as BUTTON_TOKENS, bM as BorderRadius, l as ButtonFontSize, m as ButtonHeight, n as ButtonPaddingHorizontal, o as ButtonPaddingVertical, p as ButtonShadow, C as CARD_TOKENS, a as CHECKBOX_TOKENS, ch as CanonicalFontSize, ci as CanonicalFontWeight, cj as CanonicalLetterSpacing, ck as CanonicalLineHeight, cl as CanonicalTextColor, q as CardPadding, r as CardRadius, s as CardShadow, t as CardSize, u as CardSpacingVertical, v as CheckboxSize, w as CheckboxState, x as CheckboxVariant, cE as ColorToken, bS as ColoredShadow, bN as ComponentRadius, c4 as ComponentSpacing, cF as ContainerMaxWidthToken, cG as ContainerPaddingToken, c5 as ContainerSpacing, D as DATA_TOKENS, b as DOMAIN_TOKENS, y as DataListLabelWidth, z as DataListRowPadding, cH as DelayToken, E as DomainCardBadge, F as DomainCardImage, G as DomainCardLayout, H as DomainCardMetadata, J as DomainCardMotion, K as DomainCardPriceCapacity, L as DomainCardSkeleton, Q as DomainCardSkeletonContentWidth, U as DomainCardSurface, bk as Duration, bl as Easing, bT as ElevationShadow, V as EmptyStateIconSize, cI as FlexBasisToken, bU as FocusRing, cm as FontFamily, cn as FontSize, co as FontWeight, bV as GlowEffect, c6 as GridSpacing, I as ICON_TOKENS, c as INPUT_TOKENS, W as IconColor, X as IconSize, Y as IconStroke, Z as InputFontSize, _ as InputHeight, $ as InputPaddingHorizontal, a0 as InputPaddingVertical, a1 as InputRadius, a2 as InputSize, bm as Keyframe, cJ as LayoutSpaceToken, cp as LetterSpacing, cq as LineHeight, M as MENU_TOKENS, d as MOTION_TOKENS, a3 as MenuContentMinWidth, a4 as MenuContentPadding, a5 as MenuContentRadius, a6 as MenuContentShadow, a7 as MenuIndicatorOffset, a8 as MenuIndicatorSize, a9 as MenuItemGap, aa as MenuItemHeight, ab as MenuItemPadding, ac as MenuItemRadius, ad as MenuLabelPadding, ae as MenuSeparatorMargin, cK as ModalFooterAlignToken, cL as ModalHeightToken, cM as ModalSizeToken, cN as ModalWidthToken, af as MotionAnimation, ag as MotionDuration, cO as MotionDurationToken, ah as MotionEasing, cP as MotionEasingToken, cQ as MotionToken, ai as MotionTransition, aj as MotionTransitionPreset, cR as MotionTransitionToken, by as MotionV2CombinedType, bz as MotionV2Duration, bA as MotionV2Easing, bB as MotionV2SlideDirection, bC as MotionV2Transition, N as NAVIGATION_TOKENS, e as NOTIFICATION_TOKENS, ak as NavigationItemPadding, al as NavigationListGap, am as NavigationRadius, an as NavigationShadow, ao as NavigationSize, ap as NavigationState, aq as NotificationPanelWidth, ar as NotificationVariant, O as OVERLAY_TOKENS, as as OverlayBackdropVariant, at as OverlayModalSize, P as POPOVER_TOKENS, au as PopoverArrowOffset, av as PopoverArrowSize, aw as PopoverContentPadding, ax as PopoverContentRadius, ay as PopoverContentShadow, az as PopoverContentWidth, R as RADIO_TOKENS, aA as RadioSize, aB as RadioState, aC as RadioVariant, cS as RadiusToken, cT as ResponsiveAlignOffset, cU as ResponsiveAnimationPreset, cV as ResponsiveAspectRatio, cW as ResponsiveColor, cX as ResponsiveContainerMaxWidth, cY as ResponsiveContainerPadding, cZ as ResponsiveDelay, c_ as ResponsiveFlexBasis, c$ as ResponsiveModalHeight, d0 as ResponsiveModalSize, d1 as ResponsiveModalWidth, d2 as ResponsiveMotion, d3 as ResponsiveRadius, d4 as ResponsiveSelectSize, d5 as ResponsiveSelectWidth, d6 as ResponsiveShadow, d7 as ResponsiveSideOffset, d8 as ResponsiveSpace, d9 as ResponsiveSurface, da as ResponsiveTextLineHeight, db as ResponsiveTextSize, dc as ResponsiveTextWeight, S as SECTION_TOKENS, f as SELECT_TOKENS, g as SURFACE_TOKENS, h as SWITCH_TOKENS, aD as SectionGap, aE as SectionPadding, c7 as SectionSpacing, aF as SelectContentPadding, aG as SelectContentRadius, aH as SelectItemFontSize, aI as SelectItemPaddingHorizontal, aJ as SelectItemPaddingVertical, aK as SelectItemRadius, aL as SelectLabelFontSize, aM as SelectLabelPaddingHorizontal, aN as SelectLabelPaddingVertical, aO as SelectSeparatorMarginHorizontal, aP as SelectSeparatorMarginVertical, dd as SelectSizeToken, de as SelectStateToken, aQ as SelectTriggerFontSize, aR as SelectTriggerHeight, aS as SelectTriggerPaddingHorizontal, aT as SelectTriggerPaddingVertical, aU as SelectTriggerRadius, df as SelectVariantToken, dg as SelectWidthToken, c8 as SemanticSpacing, dh as ShadowToken, di as SideOffsetToken, aV as SkeletonAnimation, aW as SkeletonBackground, aX as SkeletonVariant, dj as SpaceToken, c9 as Spacing, dk as SpacingToken, bn as Spring, ca as StackSpacing, aY as SurfacePadding, aZ as SurfaceRadius, a_ as SurfaceShadow, dl as SurfaceToken, a$ as SurfaceVariant, b0 as SwitchSize, b1 as SwitchState, b2 as SwitchVariant, T as TEXT_TOKENS, i as TOAST_TOKENS, j as TOOLTIP_TOKENS, b3 as TableCellPadding, b4 as TableGap, b5 as TableHeaderPadding, b6 as TableRowHeight, b7 as TableShadow, b8 as TextFontSize, b9 as TextFontWeight, ba as TextLetterSpacing, dm as TextLetterSpacingToken, bb as TextLineHeight, dn as TextLineHeightToken, dp as TextSizeToken, cr as TextStyle, dq as TextWeightToken, bc as ToastVariant, bd as TooltipContentRadius, be as TooltipContentShadow, bo as Transition, cg as UI_COLORS, bW as accentColoredShadows, bf as allCSSVariables, bg as allCSSVariablesCSS, bp as animations, bO as borderRadius, bP as componentRadius, bX as componentShadowMapping, bq as durations, br as easings, bY as elevationShadows, bZ as focusRings, cs as fontFamily, ct as fontSize, cu as fontSizeWithMd, cv as fontWeight, bh as generateCSSVariablesCSS, b_ as glowEffects, bs as keyframes, cb as layoutSpacing, cw as letterSpacing, cx as lineHeight, bt as motionCSSVariables, bD as motionV2CSSVariables, bE as motionV2Combined, bF as motionV2Durations, bG as motionV2Easings, bH as motionV2Fade, bI as motionV2Scale, bJ as motionV2Slide, bK as motionV2TailwindConfig, bL as motionV2Transitions, b$ as primaryColoredShadows, bQ as radiusCSSVariables, bu as reducedMotion, cc as semanticSpacing, c0 as shadowBase, c1 as shadowCSSVariables, c2 as shadowOpacity, cd as spacing, ce as spacingCSSVariables, bv as springs, bw as tailwindMotionConfig, bR as tailwindRadiusConfig, c3 as tailwindShadowConfig, cf as tailwindSpacingConfig, cy as tailwindTypographyConfig, cz as textStyles, bi as tokenSystemSummary, bx as transitions, cA as typographyCSSVariables } from '../index-Cj8oRSOc.js';
|
|
3
3
|
|
|
4
4
|
/**
|
|
5
5
|
* Artist Card Component Tokens
|