@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.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// src/tokens/colors.ts
|
|
1
|
+
// src/FOUNDATION/tokens/colors.ts
|
|
2
2
|
var primaryColors = {
|
|
3
3
|
50: "210 40% 98%",
|
|
4
4
|
// Lightest blue
|
|
@@ -400,7 +400,7 @@ var tailwindThemeColors = {
|
|
|
400
400
|
}
|
|
401
401
|
};
|
|
402
402
|
|
|
403
|
-
// src/tokens/components/alert.ts
|
|
403
|
+
// src/FOUNDATION/tokens/components/alert.ts
|
|
404
404
|
var ALERT_TOKENS = {
|
|
405
405
|
/**
|
|
406
406
|
* Padding for alert content
|
|
@@ -462,7 +462,7 @@ var ALERT_TOKENS = {
|
|
|
462
462
|
}
|
|
463
463
|
};
|
|
464
464
|
|
|
465
|
-
// src/tokens/components/motion.ts
|
|
465
|
+
// src/FOUNDATION/tokens/components/motion.ts
|
|
466
466
|
var MOTION_TOKENS = {
|
|
467
467
|
/**
|
|
468
468
|
* Transition property tokens
|
|
@@ -595,7 +595,7 @@ var MOTION_TOKENS = {
|
|
|
595
595
|
}
|
|
596
596
|
};
|
|
597
597
|
|
|
598
|
-
// src/tokens/components/button.ts
|
|
598
|
+
// src/FOUNDATION/tokens/components/button.ts
|
|
599
599
|
var BUTTON_TOKENS = {
|
|
600
600
|
/**
|
|
601
601
|
* Button heights by size
|
|
@@ -934,7 +934,7 @@ var BUTTON_TOKENS = {
|
|
|
934
934
|
}
|
|
935
935
|
};
|
|
936
936
|
|
|
937
|
-
// src/tokens/components/card.ts
|
|
937
|
+
// src/FOUNDATION/tokens/components/card.ts
|
|
938
938
|
var CARD_TOKENS = {
|
|
939
939
|
/**
|
|
940
940
|
* Padding for card sections (CardHeader, CardContent, CardFooter)
|
|
@@ -1018,7 +1018,7 @@ var CARD_TOKENS = {
|
|
|
1018
1018
|
}
|
|
1019
1019
|
};
|
|
1020
1020
|
|
|
1021
|
-
// src/tokens/components/artist.ts
|
|
1021
|
+
// src/FOUNDATION/tokens/components/artist.ts
|
|
1022
1022
|
var ARTIST_TOKENS = {
|
|
1023
1023
|
/**
|
|
1024
1024
|
* Image container tokens
|
|
@@ -1080,7 +1080,7 @@ var ARTIST_TOKENS = {
|
|
|
1080
1080
|
}
|
|
1081
1081
|
};
|
|
1082
1082
|
|
|
1083
|
-
// src/tokens/spacing.ts
|
|
1083
|
+
// src/FOUNDATION/tokens/spacing.ts
|
|
1084
1084
|
var spacing = {
|
|
1085
1085
|
// Zero spacing
|
|
1086
1086
|
0: "0",
|
|
@@ -1340,7 +1340,7 @@ var tailwindSpacingConfig = {
|
|
|
1340
1340
|
}
|
|
1341
1341
|
};
|
|
1342
1342
|
|
|
1343
|
-
// src/tokens/components/data.ts
|
|
1343
|
+
// src/FOUNDATION/tokens/components/data.ts
|
|
1344
1344
|
var DATA_TOKENS = {
|
|
1345
1345
|
/**
|
|
1346
1346
|
* Skeleton Component Tokens
|
|
@@ -1410,7 +1410,7 @@ var DATA_TOKENS = {
|
|
|
1410
1410
|
}
|
|
1411
1411
|
};
|
|
1412
1412
|
|
|
1413
|
-
// src/tokens/components/icon.ts
|
|
1413
|
+
// src/FOUNDATION/tokens/components/icon.ts
|
|
1414
1414
|
var ICON_TOKENS = {
|
|
1415
1415
|
/**
|
|
1416
1416
|
* Icon sizes
|
|
@@ -1466,7 +1466,7 @@ var ICON_TOKENS = {
|
|
|
1466
1466
|
}
|
|
1467
1467
|
};
|
|
1468
1468
|
|
|
1469
|
-
// src/tokens/components/domain.ts
|
|
1469
|
+
// src/FOUNDATION/tokens/components/domain.ts
|
|
1470
1470
|
var DOMAIN_TOKENS = {
|
|
1471
1471
|
/**
|
|
1472
1472
|
* Surface tokens for card containers
|
|
@@ -1988,7 +1988,7 @@ var DOMAIN_TOKENS = {
|
|
|
1988
1988
|
}
|
|
1989
1989
|
};
|
|
1990
1990
|
|
|
1991
|
-
// src/tokens/components/input.ts
|
|
1991
|
+
// src/FOUNDATION/tokens/components/input.ts
|
|
1992
1992
|
var INPUT_TOKENS = {
|
|
1993
1993
|
/**
|
|
1994
1994
|
* Input heights by size
|
|
@@ -2301,7 +2301,7 @@ var INPUT_TOKENS = {
|
|
|
2301
2301
|
}
|
|
2302
2302
|
};
|
|
2303
2303
|
|
|
2304
|
-
// src/tokens/components/checkbox.ts
|
|
2304
|
+
// src/FOUNDATION/tokens/components/checkbox.ts
|
|
2305
2305
|
var CHECKBOX_TOKENS = {
|
|
2306
2306
|
/**
|
|
2307
2307
|
* Checkbox sizes by size variant
|
|
@@ -2512,7 +2512,7 @@ var CHECKBOX_TOKENS = {
|
|
|
2512
2512
|
// Smooth transitions
|
|
2513
2513
|
};
|
|
2514
2514
|
|
|
2515
|
-
// src/tokens/components/switch.ts
|
|
2515
|
+
// src/FOUNDATION/tokens/components/switch.ts
|
|
2516
2516
|
var SWITCH_TOKENS = {
|
|
2517
2517
|
/**
|
|
2518
2518
|
* Track sizes by size variant
|
|
@@ -2779,7 +2779,7 @@ var SWITCH_TOKENS = {
|
|
|
2779
2779
|
// 2px padding around handle
|
|
2780
2780
|
};
|
|
2781
2781
|
|
|
2782
|
-
// src/tokens/components/radio.ts
|
|
2782
|
+
// src/FOUNDATION/tokens/components/radio.ts
|
|
2783
2783
|
var RADIO_TOKENS = {
|
|
2784
2784
|
/**
|
|
2785
2785
|
* Radio sizes by size variant
|
|
@@ -2972,7 +2972,7 @@ var RADIO_TOKENS = {
|
|
|
2972
2972
|
// Smooth transitions
|
|
2973
2973
|
};
|
|
2974
2974
|
|
|
2975
|
-
// src/tokens/components/surface.ts
|
|
2975
|
+
// src/FOUNDATION/tokens/components/surface.ts
|
|
2976
2976
|
var SURFACE_TOKENS = {
|
|
2977
2977
|
/**
|
|
2978
2978
|
* Padding values for surface variants
|
|
@@ -3060,7 +3060,7 @@ var SURFACE_TOKENS = {
|
|
|
3060
3060
|
}
|
|
3061
3061
|
};
|
|
3062
3062
|
|
|
3063
|
-
// src/tokens/components/text.ts
|
|
3063
|
+
// src/FOUNDATION/tokens/components/text.ts
|
|
3064
3064
|
var TEXT_TOKENS = {
|
|
3065
3065
|
/**
|
|
3066
3066
|
* Font sizes by text size variant
|
|
@@ -3138,7 +3138,7 @@ var TEXT_TOKENS = {
|
|
|
3138
3138
|
}
|
|
3139
3139
|
};
|
|
3140
3140
|
|
|
3141
|
-
// src/tokens/components/section.ts
|
|
3141
|
+
// src/FOUNDATION/tokens/components/section.ts
|
|
3142
3142
|
var SECTION_TOKENS = {
|
|
3143
3143
|
/**
|
|
3144
3144
|
* Vertical padding for sections
|
|
@@ -3170,7 +3170,7 @@ var SECTION_TOKENS = {
|
|
|
3170
3170
|
}
|
|
3171
3171
|
};
|
|
3172
3172
|
|
|
3173
|
-
// src/tokens/components/overlay.ts
|
|
3173
|
+
// src/FOUNDATION/tokens/components/overlay.ts
|
|
3174
3174
|
var OVERLAY_TOKENS = {
|
|
3175
3175
|
/**
|
|
3176
3176
|
* Backdrop tokens by variant
|
|
@@ -3455,7 +3455,7 @@ var OVERLAY_TOKENS = {
|
|
|
3455
3455
|
}
|
|
3456
3456
|
};
|
|
3457
3457
|
|
|
3458
|
-
// src/tokens/components/toast.ts
|
|
3458
|
+
// src/FOUNDATION/tokens/components/toast.ts
|
|
3459
3459
|
var TOAST_TOKENS = {
|
|
3460
3460
|
/**
|
|
3461
3461
|
* Spacing tokens for toast layout
|
|
@@ -3642,7 +3642,7 @@ var TOAST_TOKENS = {
|
|
|
3642
3642
|
}
|
|
3643
3643
|
};
|
|
3644
3644
|
|
|
3645
|
-
// src/tokens/components/notifications.ts
|
|
3645
|
+
// src/FOUNDATION/tokens/components/notifications.ts
|
|
3646
3646
|
var NOTIFICATION_TOKENS = {
|
|
3647
3647
|
/**
|
|
3648
3648
|
* Spacing tokens for notification layout
|
|
@@ -3835,7 +3835,7 @@ var NOTIFICATION_TOKENS = {
|
|
|
3835
3835
|
}
|
|
3836
3836
|
};
|
|
3837
3837
|
|
|
3838
|
-
// src/tokens/components/navigation.ts
|
|
3838
|
+
// src/FOUNDATION/tokens/components/navigation.ts
|
|
3839
3839
|
var NAVIGATION_TOKENS = {
|
|
3840
3840
|
/**
|
|
3841
3841
|
* Navigation item heights by size
|
|
@@ -4040,7 +4040,7 @@ var NAVIGATION_TOKENS = {
|
|
|
4040
4040
|
}
|
|
4041
4041
|
};
|
|
4042
4042
|
|
|
4043
|
-
// src/tokens/components/menu.ts
|
|
4043
|
+
// src/FOUNDATION/tokens/components/menu.ts
|
|
4044
4044
|
var MENU_TOKENS = {
|
|
4045
4045
|
/**
|
|
4046
4046
|
* Menu item tokens by size
|
|
@@ -4156,7 +4156,7 @@ var MENU_TOKENS = {
|
|
|
4156
4156
|
}
|
|
4157
4157
|
};
|
|
4158
4158
|
|
|
4159
|
-
// src/tokens/components/popover.ts
|
|
4159
|
+
// src/FOUNDATION/tokens/components/popover.ts
|
|
4160
4160
|
var POPOVER_TOKENS = {
|
|
4161
4161
|
/**
|
|
4162
4162
|
* Popover content tokens by size
|
|
@@ -4241,196 +4241,7 @@ var POPOVER_TOKENS = {
|
|
|
4241
4241
|
}
|
|
4242
4242
|
};
|
|
4243
4243
|
|
|
4244
|
-
// src/tokens/components/
|
|
4245
|
-
var DROPDOWN_TOKENS = {
|
|
4246
|
-
/**
|
|
4247
|
-
* Trigger tokens by size
|
|
4248
|
-
* Button element that opens/closes the dropdown
|
|
4249
|
-
*/
|
|
4250
|
-
trigger: {
|
|
4251
|
-
height: {
|
|
4252
|
-
sm: "h-8",
|
|
4253
|
-
// 32px
|
|
4254
|
-
md: "h-9",
|
|
4255
|
-
// 36px
|
|
4256
|
-
lg: "h-10"
|
|
4257
|
-
// 40px
|
|
4258
|
-
},
|
|
4259
|
-
padding: {
|
|
4260
|
-
horizontal: {
|
|
4261
|
-
sm: "px-sm",
|
|
4262
|
-
// 8px
|
|
4263
|
-
md: "px-md",
|
|
4264
|
-
// 16px
|
|
4265
|
-
lg: "px-lg"
|
|
4266
|
-
// 24px
|
|
4267
|
-
},
|
|
4268
|
-
vertical: {
|
|
4269
|
-
sm: "py-xs",
|
|
4270
|
-
// 4px
|
|
4271
|
-
md: "py-xs",
|
|
4272
|
-
// 4px
|
|
4273
|
-
lg: "py-sm"
|
|
4274
|
-
// 8px
|
|
4275
|
-
}
|
|
4276
|
-
},
|
|
4277
|
-
radius: {
|
|
4278
|
-
sm: "rounded-md",
|
|
4279
|
-
// 6px
|
|
4280
|
-
md: "rounded-md",
|
|
4281
|
-
// 6px
|
|
4282
|
-
lg: "rounded-md"
|
|
4283
|
-
// 6px
|
|
4284
|
-
},
|
|
4285
|
-
fontSize: {
|
|
4286
|
-
sm: "text-sm",
|
|
4287
|
-
// Maps to fontSize.sm
|
|
4288
|
-
md: "text-base",
|
|
4289
|
-
// Maps to fontSize.base
|
|
4290
|
-
lg: "text-base"
|
|
4291
|
-
// Maps to fontSize.base
|
|
4292
|
-
},
|
|
4293
|
-
shadow: "shadow-sm",
|
|
4294
|
-
// Maps to elevationShadows.sm
|
|
4295
|
-
/**
|
|
4296
|
-
* Icon spacing for trigger
|
|
4297
|
-
*/
|
|
4298
|
-
icon: {
|
|
4299
|
-
spacing: "ml-sm"
|
|
4300
|
-
// 8px - spacing between trigger text and icon
|
|
4301
|
-
}
|
|
4302
|
-
},
|
|
4303
|
-
/**
|
|
4304
|
-
* Variant-based tokens
|
|
4305
|
-
* Border, background, text, and focus colors for different variants
|
|
4306
|
-
*/
|
|
4307
|
-
variant: {
|
|
4308
|
-
neutral: {
|
|
4309
|
-
border: "border border-[hsl(var(--border))]",
|
|
4310
|
-
// Border color using CSS var
|
|
4311
|
-
background: "bg-[hsl(var(--popover))]",
|
|
4312
|
-
// Background using CSS var
|
|
4313
|
-
text: "text-[hsl(var(--popover-foreground))]",
|
|
4314
|
-
// Text color using CSS var
|
|
4315
|
-
focus: "focus-visible:ring-2 focus-visible:ring-[hsl(var(--ring))] focus-visible:ring-offset-2"
|
|
4316
|
-
// Focus ring
|
|
4317
|
-
},
|
|
4318
|
-
tinted: {
|
|
4319
|
-
border: "border border-[hsl(var(--border))]",
|
|
4320
|
-
// Border color using CSS var
|
|
4321
|
-
background: "bg-[hsl(var(--muted))]",
|
|
4322
|
-
// Background using CSS var
|
|
4323
|
-
text: "text-[hsl(var(--popover-foreground))]",
|
|
4324
|
-
// Text color using CSS var
|
|
4325
|
-
focus: "focus-visible:ring-2 focus-visible:ring-[hsl(var(--ring))] focus-visible:ring-offset-2"
|
|
4326
|
-
// Focus ring
|
|
4327
|
-
}
|
|
4328
|
-
},
|
|
4329
|
-
/**
|
|
4330
|
-
* Menu tokens by size
|
|
4331
|
-
* Container for the dropdown items
|
|
4332
|
-
*/
|
|
4333
|
-
menu: {
|
|
4334
|
-
border: {
|
|
4335
|
-
default: "border border-[hsl(var(--border))]"
|
|
4336
|
-
// Border color using CSS var
|
|
4337
|
-
},
|
|
4338
|
-
background: {
|
|
4339
|
-
neutral: "bg-[hsl(var(--popover))]",
|
|
4340
|
-
// Background using CSS var
|
|
4341
|
-
tinted: "bg-[hsl(var(--muted))]"
|
|
4342
|
-
// Background using CSS var
|
|
4343
|
-
},
|
|
4344
|
-
text: {
|
|
4345
|
-
default: "text-[hsl(var(--popover-foreground))]"
|
|
4346
|
-
// Text color using CSS var
|
|
4347
|
-
},
|
|
4348
|
-
padding: {
|
|
4349
|
-
sm: "p-sm",
|
|
4350
|
-
// 8px
|
|
4351
|
-
md: "p-md",
|
|
4352
|
-
// 16px
|
|
4353
|
-
lg: "p-lg"
|
|
4354
|
-
// 24px
|
|
4355
|
-
},
|
|
4356
|
-
radius: {
|
|
4357
|
-
sm: "rounded-md",
|
|
4358
|
-
// 6px
|
|
4359
|
-
md: "rounded-lg",
|
|
4360
|
-
// 8px
|
|
4361
|
-
lg: "rounded-lg"
|
|
4362
|
-
// 8px
|
|
4363
|
-
},
|
|
4364
|
-
shadow: {
|
|
4365
|
-
sm: "shadow-md",
|
|
4366
|
-
// Maps to elevationShadows.md
|
|
4367
|
-
md: "shadow-lg",
|
|
4368
|
-
// Maps to elevationShadows.lg
|
|
4369
|
-
lg: "shadow-xl"
|
|
4370
|
-
// Maps to elevationShadows.xl
|
|
4371
|
-
},
|
|
4372
|
-
minWidth: {
|
|
4373
|
-
sm: "min-w-32",
|
|
4374
|
-
// 128px
|
|
4375
|
-
md: "min-w-48",
|
|
4376
|
-
// 192px
|
|
4377
|
-
lg: "min-w-64"
|
|
4378
|
-
// 256px
|
|
4379
|
-
}
|
|
4380
|
-
},
|
|
4381
|
-
/**
|
|
4382
|
-
* Width tokens
|
|
4383
|
-
* Common width utilities
|
|
4384
|
-
*/
|
|
4385
|
-
width: {
|
|
4386
|
-
full: "w-full"
|
|
4387
|
-
// Full width (100%)
|
|
4388
|
-
},
|
|
4389
|
-
/**
|
|
4390
|
-
* Item tokens by size
|
|
4391
|
-
* Individual menu item
|
|
4392
|
-
*/
|
|
4393
|
-
item: {
|
|
4394
|
-
background: {
|
|
4395
|
-
focus: "focus-visible:bg-[hsl(var(--accent))]",
|
|
4396
|
-
// Focus background using CSS var
|
|
4397
|
-
selected: "bg-[hsl(var(--accent))]"
|
|
4398
|
-
// Selected background using CSS var
|
|
4399
|
-
},
|
|
4400
|
-
text: {
|
|
4401
|
-
focus: "focus-visible:text-[hsl(var(--accent-foreground))]",
|
|
4402
|
-
// Focus text using CSS var
|
|
4403
|
-
selected: "text-[hsl(var(--accent-foreground))]"
|
|
4404
|
-
// Selected text using CSS var
|
|
4405
|
-
},
|
|
4406
|
-
padding: {
|
|
4407
|
-
sm: "px-sm py-xs",
|
|
4408
|
-
// 8px horizontal, 4px vertical
|
|
4409
|
-
md: "px-md py-xs",
|
|
4410
|
-
// 16px horizontal, 4px vertical
|
|
4411
|
-
lg: "px-lg py-sm"
|
|
4412
|
-
// 24px horizontal, 8px vertical
|
|
4413
|
-
},
|
|
4414
|
-
radius: {
|
|
4415
|
-
sm: "rounded-sm",
|
|
4416
|
-
// 4px
|
|
4417
|
-
md: "rounded-md",
|
|
4418
|
-
// 6px
|
|
4419
|
-
lg: "rounded-md"
|
|
4420
|
-
// 6px
|
|
4421
|
-
},
|
|
4422
|
-
fontSize: {
|
|
4423
|
-
sm: "text-sm",
|
|
4424
|
-
// Maps to fontSize.sm
|
|
4425
|
-
md: "text-sm",
|
|
4426
|
-
// Maps to fontSize.sm
|
|
4427
|
-
lg: "text-base"
|
|
4428
|
-
// Maps to fontSize.base
|
|
4429
|
-
}
|
|
4430
|
-
}
|
|
4431
|
-
};
|
|
4432
|
-
|
|
4433
|
-
// src/tokens/components/tooltip.ts
|
|
4244
|
+
// src/FOUNDATION/tokens/components/tooltip.ts
|
|
4434
4245
|
var TOOLTIP_TOKENS = {
|
|
4435
4246
|
/**
|
|
4436
4247
|
* Tooltip content tokens
|
|
@@ -4476,7 +4287,7 @@ var TOOLTIP_TOKENS = {
|
|
|
4476
4287
|
}
|
|
4477
4288
|
};
|
|
4478
4289
|
|
|
4479
|
-
// src/tokens/components/select.ts
|
|
4290
|
+
// src/FOUNDATION/tokens/components/select.ts
|
|
4480
4291
|
var SELECT_TOKENS = {
|
|
4481
4292
|
/**
|
|
4482
4293
|
* Select trigger heights by size
|
|
@@ -4981,7 +4792,7 @@ var SELECT_TOKENS = {
|
|
|
4981
4792
|
}
|
|
4982
4793
|
};
|
|
4983
4794
|
|
|
4984
|
-
// src/tokens/motion/v2.ts
|
|
4795
|
+
// src/FOUNDATION/tokens/motion/v2.ts
|
|
4985
4796
|
var motionV2Durations = {
|
|
4986
4797
|
fast: "150ms",
|
|
4987
4798
|
// Quick interactions
|
|
@@ -5175,7 +4986,7 @@ var motionV2TailwindConfig = {
|
|
|
5175
4986
|
}
|
|
5176
4987
|
};
|
|
5177
4988
|
|
|
5178
|
-
// src/tokens/motion.ts
|
|
4989
|
+
// src/FOUNDATION/tokens/motion.ts
|
|
5179
4990
|
var durations = {
|
|
5180
4991
|
instant: "0ms",
|
|
5181
4992
|
fast: "150ms",
|
|
@@ -5522,7 +5333,7 @@ var tailwindMotionConfig = {
|
|
|
5522
5333
|
}
|
|
5523
5334
|
};
|
|
5524
5335
|
|
|
5525
|
-
// src/tokens/radius.ts
|
|
5336
|
+
// src/FOUNDATION/tokens/radius.ts
|
|
5526
5337
|
var borderRadius = {
|
|
5527
5338
|
// No radius
|
|
5528
5339
|
none: "0",
|
|
@@ -5705,7 +5516,7 @@ var tailwindRadiusConfig = {
|
|
|
5705
5516
|
}
|
|
5706
5517
|
};
|
|
5707
5518
|
|
|
5708
|
-
// src/tokens/shadows.ts
|
|
5519
|
+
// src/FOUNDATION/tokens/shadows.ts
|
|
5709
5520
|
var shadowBase = {
|
|
5710
5521
|
black: "0 0 0",
|
|
5711
5522
|
// Black color for shadows (rgb format)
|
|
@@ -5896,7 +5707,7 @@ var tailwindShadowConfig = {
|
|
|
5896
5707
|
}
|
|
5897
5708
|
};
|
|
5898
5709
|
|
|
5899
|
-
// src/tokens/typography.ts
|
|
5710
|
+
// src/FOUNDATION/tokens/typography.ts
|
|
5900
5711
|
var fontFamily = {
|
|
5901
5712
|
// Primary font - Inter (default sans)
|
|
5902
5713
|
sans: [
|
|
@@ -6270,7 +6081,7 @@ var fontSizeWithMd = {
|
|
|
6270
6081
|
md: fontSize.base
|
|
6271
6082
|
};
|
|
6272
6083
|
|
|
6273
|
-
// src/tokens/css-variables.ts
|
|
6084
|
+
// src/FOUNDATION/tokens/css-variables.ts
|
|
6274
6085
|
var allCSSVariables = {
|
|
6275
6086
|
...colorCSSVariables,
|
|
6276
6087
|
...typographyCSSVariables,
|
|
@@ -6296,7 +6107,7 @@ var tokenSystemSummary = {
|
|
|
6296
6107
|
total: Object.keys(allCSSVariables).length
|
|
6297
6108
|
};
|
|
6298
6109
|
|
|
6299
|
-
// src/tokens/theme.ts
|
|
6110
|
+
// src/FOUNDATION/tokens/theme.ts
|
|
6300
6111
|
var UI_COLORS = tailwindThemeColors;
|
|
6301
6112
|
|
|
6302
|
-
export { ALERT_TOKENS, ARTIST_TOKENS, BUTTON_TOKENS, CARD_TOKENS, CHECKBOX_TOKENS, DATA_TOKENS, DOMAIN_TOKENS,
|
|
6113
|
+
export { ALERT_TOKENS, ARTIST_TOKENS, BUTTON_TOKENS, CARD_TOKENS, CHECKBOX_TOKENS, DATA_TOKENS, DOMAIN_TOKENS, ICON_TOKENS, INPUT_TOKENS, MENU_TOKENS, MOTION_TOKENS, NAVIGATION_TOKENS, NOTIFICATION_TOKENS, OVERLAY_TOKENS, POPOVER_TOKENS, RADIO_TOKENS, SECTION_TOKENS, SELECT_TOKENS, SURFACE_TOKENS, SWITCH_TOKENS, TEXT_TOKENS, TOAST_TOKENS, TOOLTIP_TOKENS, UI_COLORS, accentColoredShadows, accentColors, allCSSVariables, allCSSVariablesCSS, animations, baseColors, borderRadius, chartColors, colorCSSVariables, componentRadius, componentShadowMapping, cssVariableColorTokens, durations, easings, elevationShadows, focusRings, fontFamily, fontSize, fontSizeWithMd, fontWeight, generateCSSVariablesCSS, glowEffects, keyframes, layoutSpacing, letterSpacing, lineHeight, motionCSSVariables, motionV2CSSVariables, motionV2Combined, motionV2Durations, motionV2Easings, motionV2Fade, motionV2Scale, motionV2Slide, motionV2TailwindConfig, motionV2Transitions, primaryColoredShadows, primaryColors, radiusCSSVariables, reducedMotion, secondaryColors, semanticColors, semanticSpacing, shadowBase, shadowCSSVariables, shadowOpacity, spacing, spacingCSSVariables, springs, surfaceColors, tailwindMotionConfig, tailwindRadiusConfig, tailwindShadowConfig, tailwindSpacingConfig, tailwindThemeColors, tailwindTypographyConfig, textColors, textStyles, tokenSystemSummary, transitions, typographyCSSVariables };
|
package/package.json
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tenerife.music/ui",
|
|
3
|
-
"version": "1.0
|
|
3
|
+
"version": "1.1.0",
|
|
4
4
|
"private": false,
|
|
5
|
+
"packageManager": "pnpm@10.26.0",
|
|
5
6
|
"type": "module",
|
|
6
7
|
"sideEffects": [
|
|
7
8
|
"**/*.css",
|
|
@@ -38,6 +39,53 @@
|
|
|
38
39
|
"publishConfig": {
|
|
39
40
|
"access": "public"
|
|
40
41
|
},
|
|
42
|
+
"scripts": {
|
|
43
|
+
"storybook": "storybook dev -p 6006",
|
|
44
|
+
"format": "prettier . --write",
|
|
45
|
+
"lint:fix": "./scripts/lint-local.sh",
|
|
46
|
+
"typecheck": "tsc --noEmit && tsc --noEmit --project tsconfig.vite.json",
|
|
47
|
+
"test": "vitest run",
|
|
48
|
+
"ci:local": "./scripts/ci-local.sh",
|
|
49
|
+
"test:ui": "vitest --ui",
|
|
50
|
+
"ci:a11y": "pnpm test:a11y && pnpm a11y:contrast",
|
|
51
|
+
"build": "tsup",
|
|
52
|
+
"dev": "vite build --watch",
|
|
53
|
+
"clean": "rimraf dist",
|
|
54
|
+
"format:check": "prettier . --check",
|
|
55
|
+
"lint": "eslint . --ext .ts,.tsx --fix --ignore-pattern '**/*.stories.*' --ignore-pattern '.storybook/**' --ignore-pattern 'storybook-static/**' --ignore-pattern 'docs/**' --ignore-pattern '.cursor/**'",
|
|
56
|
+
"lint:check": "eslint . --ext .ts,.tsx --ignore-pattern '**/*.stories.*' --ignore-pattern '.storybook/**' --ignore-pattern 'storybook-static/**' --ignore-pattern 'docs/**' --ignore-pattern '.cursor/**'",
|
|
57
|
+
"lint:ci": "./scripts/lint-ci.sh",
|
|
58
|
+
"lint:strict": "eslint . --ext .ts,.tsx --max-warnings=0 --ignore-pattern '**/*.stories.*' --ignore-pattern '.storybook/**' --ignore-pattern 'storybook-static/**' --ignore-pattern 'docs/**' --ignore-pattern '.cursor/**'",
|
|
59
|
+
"lint:errors": "eslint . --ext .ts,.tsx --format stylish --ignore-pattern '**/*.stories.*' --ignore-pattern '.storybook/**' --ignore-pattern 'storybook-static/**' --ignore-pattern 'docs/**' --ignore-pattern '.cursor/**'",
|
|
60
|
+
"precommit:lint": "eslint . --ext .ts,.tsx --fix --ignore-pattern '**/*.stories.*' --ignore-pattern '.storybook/**' --ignore-pattern 'storybook-static/**' --ignore-pattern 'docs/**' --ignore-pattern '.cursor/**'",
|
|
61
|
+
"test:watch": "vitest",
|
|
62
|
+
"test:coverage": "vitest run --coverage",
|
|
63
|
+
"test:a11y": "vitest run a11y.test",
|
|
64
|
+
"a11y:contrast": "tsx scripts/a11y-contrast-check.js",
|
|
65
|
+
"build-storybook": "storybook build",
|
|
66
|
+
"preview": "vite preview",
|
|
67
|
+
"prepublishOnly": "npm run clean && npm run build && npm run typecheck",
|
|
68
|
+
"validate": "npm run typecheck && npm run lint:check && npm run format:check",
|
|
69
|
+
"theme:create": "tsx scripts/theme-cli.ts create",
|
|
70
|
+
"theme:validate": "tsx scripts/theme-validate.ts",
|
|
71
|
+
"ui:check": "tsx scripts/check-ui-consistency.ts",
|
|
72
|
+
"tokens:export": "npx tsx scripts/export-tokens.ts",
|
|
73
|
+
"commitlint": "commitlint",
|
|
74
|
+
"prepare": "husky",
|
|
75
|
+
"publish:patch": "./scripts/publish.sh patch",
|
|
76
|
+
"publish:minor": "./scripts/publish.sh minor",
|
|
77
|
+
"publish:major": "./scripts/publish.sh major",
|
|
78
|
+
"safelist:generate": "tsx scripts/generateTailwindSafelist.ts",
|
|
79
|
+
"verify:interaction-authority": "node scripts/verify-interaction-authority.mjs",
|
|
80
|
+
"chromatic": "./scripts/chromatic.sh",
|
|
81
|
+
"chromatic:ci": "CHROMATIC_CI_MODE=true ./scripts/chromatic.sh",
|
|
82
|
+
"docs:dev": "cd docs-app && npm run docs:dev",
|
|
83
|
+
"docs:build": "cd docs-app && npm run docs:build",
|
|
84
|
+
"docs:start": "cd docs-app && npm run docs:start",
|
|
85
|
+
"docs:generate-api": "cd docs-app && npm run docs:generate-api",
|
|
86
|
+
"docs:validate": "cd docs-app && npm run docs:validate",
|
|
87
|
+
"docs:analyze": "cd docs-app && npm run docs:analyze"
|
|
88
|
+
},
|
|
41
89
|
"peerDependencies": {
|
|
42
90
|
"react": "^18 || ^19",
|
|
43
91
|
"react-dom": "^18 || ^19"
|
|
@@ -155,44 +203,5 @@
|
|
|
155
203
|
"import": "./dist/theme/index.mjs",
|
|
156
204
|
"require": "./dist/theme/index.cjs"
|
|
157
205
|
}
|
|
158
|
-
},
|
|
159
|
-
"scripts": {
|
|
160
|
-
"storybook": "storybook dev -p 6006",
|
|
161
|
-
"format": "prettier . --write",
|
|
162
|
-
"lint:fix": "./scripts/lint-local.sh",
|
|
163
|
-
"typecheck": "tsc --noEmit && tsc --noEmit --project tsconfig.vite.json",
|
|
164
|
-
"test": "vitest run",
|
|
165
|
-
"ci:local": "./scripts/ci-local.sh",
|
|
166
|
-
"test:ui": "vitest --ui",
|
|
167
|
-
"ci:a11y": "pnpm test:a11y && pnpm a11y:contrast",
|
|
168
|
-
"build": "tsup",
|
|
169
|
-
"dev": "vite build --watch",
|
|
170
|
-
"clean": "rimraf dist",
|
|
171
|
-
"format:check": "prettier . --check",
|
|
172
|
-
"lint": "eslint . --ext .ts,.tsx --fix --ignore-pattern '**/*.stories.*' --ignore-pattern '.storybook/**' --ignore-pattern 'storybook-static/**' --ignore-pattern 'docs/**' --ignore-pattern '.cursor/**'",
|
|
173
|
-
"lint:check": "eslint . --ext .ts,.tsx --ignore-pattern '**/*.stories.*' --ignore-pattern '.storybook/**' --ignore-pattern 'storybook-static/**' --ignore-pattern 'docs/**' --ignore-pattern '.cursor/**'",
|
|
174
|
-
"lint:ci": "./scripts/lint-ci.sh",
|
|
175
|
-
"lint:strict": "eslint . --ext .ts,.tsx --max-warnings=0 --ignore-pattern '**/*.stories.*' --ignore-pattern '.storybook/**' --ignore-pattern 'storybook-static/**' --ignore-pattern 'docs/**' --ignore-pattern '.cursor/**'",
|
|
176
|
-
"lint:errors": "eslint . --ext .ts,.tsx --format stylish --ignore-pattern '**/*.stories.*' --ignore-pattern '.storybook/**' --ignore-pattern 'storybook-static/**' --ignore-pattern 'docs/**' --ignore-pattern '.cursor/**'",
|
|
177
|
-
"precommit:lint": "eslint . --ext .ts,.tsx --fix --ignore-pattern '**/*.stories.*' --ignore-pattern '.storybook/**' --ignore-pattern 'storybook-static/**' --ignore-pattern 'docs/**' --ignore-pattern '.cursor/**'",
|
|
178
|
-
"test:watch": "vitest",
|
|
179
|
-
"test:coverage": "vitest run --coverage",
|
|
180
|
-
"test:a11y": "vitest run a11y.test",
|
|
181
|
-
"a11y:contrast": "tsx scripts/a11y-contrast-check.js",
|
|
182
|
-
"build-storybook": "storybook build",
|
|
183
|
-
"chromatic": "./scripts/chromatic.sh",
|
|
184
|
-
"chromatic:ci": "CHROMATIC_CI_MODE=true ./scripts/chromatic.sh",
|
|
185
|
-
"preview": "vite preview",
|
|
186
|
-
"validate": "npm run typecheck && npm run lint:check && npm run format:check",
|
|
187
|
-
"theme:create": "tsx scripts/theme-cli.ts create",
|
|
188
|
-
"theme:validate": "tsx scripts/theme-validate.ts",
|
|
189
|
-
"ui:check": "tsx scripts/check-ui-consistency.ts",
|
|
190
|
-
"tokens:export": "npx tsx scripts/export-tokens.ts",
|
|
191
|
-
"commitlint": "commitlint",
|
|
192
|
-
"publish:patch": "./scripts/publish.sh patch",
|
|
193
|
-
"publish:minor": "./scripts/publish.sh minor",
|
|
194
|
-
"publish:major": "./scripts/publish.sh major",
|
|
195
|
-
"safelist:generate": "tsx scripts/generateTailwindSafelist.ts",
|
|
196
|
-
"verify:interaction-authority": "node scripts/verify-interaction-authority.mjs"
|
|
197
206
|
}
|
|
198
|
-
}
|
|
207
|
+
}
|