@shuriken-ui/tailwind 2.0.2 → 2.0.3
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/plugins/index.cjs +112 -16
- package/dist/plugins/index.mjs +112 -16
- package/package.json +1 -1
package/dist/plugins/index.cjs
CHANGED
|
@@ -3383,7 +3383,8 @@ const buttonGroup = plugin__default(
|
|
|
3383
3383
|
({ addComponents }) => addComponents({
|
|
3384
3384
|
".nui-button-group": {
|
|
3385
3385
|
"@apply flex": {},
|
|
3386
|
-
|
|
3386
|
+
// Button
|
|
3387
|
+
".nui-button:not(:only-child), .nui-button-action:not(:only-child), .nui-button-icon:not(:only-child)": {
|
|
3387
3388
|
"@apply !border-e-0": {},
|
|
3388
3389
|
"&:focus": {
|
|
3389
3390
|
"@apply !z-10 relative": {}
|
|
@@ -3398,6 +3399,7 @@ const buttonGroup = plugin__default(
|
|
|
3398
3399
|
"@apply !border-e !rounded-s-none": {}
|
|
3399
3400
|
}
|
|
3400
3401
|
},
|
|
3402
|
+
// Input
|
|
3401
3403
|
".nui-input-wrapper:not(:first-child):not(:last-child)": {
|
|
3402
3404
|
".nui-input": {
|
|
3403
3405
|
"@apply !border-e-0 !rounded-none": {},
|
|
@@ -3406,15 +3408,15 @@ const buttonGroup = plugin__default(
|
|
|
3406
3408
|
}
|
|
3407
3409
|
}
|
|
3408
3410
|
},
|
|
3409
|
-
".nui-input-wrapper:first-child": {
|
|
3411
|
+
".nui-input-wrapper:first-child:not(:last-child)": {
|
|
3410
3412
|
".nui-input": {
|
|
3411
|
-
"@apply !rounded-e-none": {},
|
|
3413
|
+
"@apply !border-e-0 !rounded-e-none": {},
|
|
3412
3414
|
"&:focus": {
|
|
3413
3415
|
"@apply !z-10 relative": {}
|
|
3414
3416
|
}
|
|
3415
3417
|
}
|
|
3416
3418
|
},
|
|
3417
|
-
".nui-input-wrapper:last-child": {
|
|
3419
|
+
".nui-input-wrapper:last-child:not(:first-child)": {
|
|
3418
3420
|
".nui-input": {
|
|
3419
3421
|
"@apply !border-e !rounded-s-none": {},
|
|
3420
3422
|
"&:focus": {
|
|
@@ -3422,6 +3424,57 @@ const buttonGroup = plugin__default(
|
|
|
3422
3424
|
}
|
|
3423
3425
|
}
|
|
3424
3426
|
},
|
|
3427
|
+
// InputNumber
|
|
3428
|
+
".nui-input-number-wrapper:not(:first-child):not(:last-child)": {
|
|
3429
|
+
".nui-input-number": {
|
|
3430
|
+
"@apply !border-e-0 !rounded-none": {},
|
|
3431
|
+
"&:focus": {
|
|
3432
|
+
"@apply !z-10 relative": {}
|
|
3433
|
+
}
|
|
3434
|
+
}
|
|
3435
|
+
},
|
|
3436
|
+
".nui-input-number-wrapper:first-child:not(:last-child)": {
|
|
3437
|
+
".nui-input-number": {
|
|
3438
|
+
"@apply !border-e-0 !rounded-e-none": {},
|
|
3439
|
+
"&:focus": {
|
|
3440
|
+
"@apply !z-10 relative": {}
|
|
3441
|
+
}
|
|
3442
|
+
}
|
|
3443
|
+
},
|
|
3444
|
+
".nui-input-number-wrapper:last-child:not(:first-child)": {
|
|
3445
|
+
".nui-input-number": {
|
|
3446
|
+
"@apply !border-e !rounded-s-none": {},
|
|
3447
|
+
"&:focus": {
|
|
3448
|
+
"@apply !z-10 relative": {}
|
|
3449
|
+
}
|
|
3450
|
+
}
|
|
3451
|
+
},
|
|
3452
|
+
// InputFileRegular
|
|
3453
|
+
".nui-input-file-regular:not(:first-child):not(:last-child)": {
|
|
3454
|
+
".nui-input-file-inner": {
|
|
3455
|
+
"@apply !border-e-0 !rounded-none": {},
|
|
3456
|
+
"&:focus": {
|
|
3457
|
+
"@apply !z-10 relative": {}
|
|
3458
|
+
}
|
|
3459
|
+
}
|
|
3460
|
+
},
|
|
3461
|
+
".nui-input-file-regular:first-child:not(:last-child)": {
|
|
3462
|
+
".nui-input-file-inner": {
|
|
3463
|
+
"@apply !border-e-0 !rounded-e-none": {},
|
|
3464
|
+
"&:focus": {
|
|
3465
|
+
"@apply !z-10 relative": {}
|
|
3466
|
+
}
|
|
3467
|
+
}
|
|
3468
|
+
},
|
|
3469
|
+
".nui-input-file-regular:last-child:not(:first-child)": {
|
|
3470
|
+
".nui-input-file-inner": {
|
|
3471
|
+
"@apply !border-e !rounded-s-none": {},
|
|
3472
|
+
"&:focus": {
|
|
3473
|
+
"@apply !z-10 relative": {}
|
|
3474
|
+
}
|
|
3475
|
+
}
|
|
3476
|
+
},
|
|
3477
|
+
// Select
|
|
3425
3478
|
".nui-select-wrapper:not(:first-child):not(:last-child)": {
|
|
3426
3479
|
".nui-select": {
|
|
3427
3480
|
"@apply !border-e-0 !rounded-none": {},
|
|
@@ -3430,40 +3483,83 @@ const buttonGroup = plugin__default(
|
|
|
3430
3483
|
}
|
|
3431
3484
|
}
|
|
3432
3485
|
},
|
|
3433
|
-
".nui-select-wrapper:first-child": {
|
|
3486
|
+
".nui-select-wrapper:first-child:not(:last-child)": {
|
|
3434
3487
|
".nui-select": {
|
|
3435
|
-
"@apply !rounded-e-none": {},
|
|
3488
|
+
"@apply !border-e-0 !rounded-e-none": {},
|
|
3436
3489
|
"&:focus": {
|
|
3437
3490
|
"@apply !z-10 relative": {}
|
|
3438
3491
|
}
|
|
3439
3492
|
}
|
|
3440
3493
|
},
|
|
3441
|
-
|
|
3442
|
-
|
|
3494
|
+
// Autocomplete
|
|
3495
|
+
".nui-autocomplete:not(:first-child):not(:last-child)": {
|
|
3496
|
+
".nui-autocomplete-input": {
|
|
3497
|
+
"@apply !border-e-0 !rounded-none": {},
|
|
3498
|
+
"&:focus": {
|
|
3499
|
+
"@apply !z-10 relative": {}
|
|
3500
|
+
}
|
|
3501
|
+
}
|
|
3502
|
+
},
|
|
3503
|
+
".nui-autocomplete:first-child:not(:last-child)": {
|
|
3504
|
+
".nui-autocomplete-input": {
|
|
3505
|
+
"@apply !border-e-0 !rounded-e-none": {},
|
|
3506
|
+
"&:focus": {
|
|
3507
|
+
"@apply !z-10 relative": {}
|
|
3508
|
+
}
|
|
3509
|
+
}
|
|
3510
|
+
},
|
|
3511
|
+
".nui-autocomplete:last-child:not(:first-child)": {
|
|
3512
|
+
".nui-autocomplete-input": {
|
|
3443
3513
|
"@apply !border-e !rounded-s-none": {},
|
|
3444
3514
|
"&:focus": {
|
|
3445
3515
|
"@apply !z-10 relative": {}
|
|
3446
3516
|
}
|
|
3447
3517
|
}
|
|
3448
3518
|
},
|
|
3519
|
+
// Dropdown
|
|
3449
3520
|
".nui-dropdown:not(:first-child):not(:last-child)": {
|
|
3450
|
-
".nui-
|
|
3521
|
+
".nui-button": {
|
|
3522
|
+
"@apply !border-e-0 !rounded-none": {},
|
|
3523
|
+
"&:focus": {
|
|
3524
|
+
"@apply !z-10 relative": {}
|
|
3525
|
+
}
|
|
3526
|
+
}
|
|
3527
|
+
},
|
|
3528
|
+
".nui-dropdown:first-child:not(:last-child)": {
|
|
3529
|
+
".nui-button": {
|
|
3530
|
+
"@apply !border-e-0 !rounded-e-none": {},
|
|
3531
|
+
"&:focus": {
|
|
3532
|
+
"@apply !z-10 relative": {}
|
|
3533
|
+
}
|
|
3534
|
+
}
|
|
3535
|
+
},
|
|
3536
|
+
".nui-dropdown:last-child:not(:first-child)": {
|
|
3537
|
+
".nui-button": {
|
|
3538
|
+
"@apply !border-e !rounded-s-none": {},
|
|
3539
|
+
"&:focus": {
|
|
3540
|
+
"@apply !z-10 relative": {}
|
|
3541
|
+
}
|
|
3542
|
+
}
|
|
3543
|
+
},
|
|
3544
|
+
// Listbox
|
|
3545
|
+
".nui-listbox:not(:first-child):not(:last-child)": {
|
|
3546
|
+
".nui-listbox-button": {
|
|
3451
3547
|
"@apply !border-e-0 !rounded-none": {},
|
|
3452
3548
|
"&:focus": {
|
|
3453
3549
|
"@apply !z-10 relative": {}
|
|
3454
3550
|
}
|
|
3455
3551
|
}
|
|
3456
3552
|
},
|
|
3457
|
-
".nui-
|
|
3458
|
-
".nui-
|
|
3459
|
-
"@apply !rounded-e-none": {},
|
|
3553
|
+
".nui-listbox:first-child:not(:last-child)": {
|
|
3554
|
+
".nui-listbox-button": {
|
|
3555
|
+
"@apply !border-e-0 !rounded-e-none": {},
|
|
3460
3556
|
"&:focus": {
|
|
3461
3557
|
"@apply !z-10 relative": {}
|
|
3462
3558
|
}
|
|
3463
3559
|
}
|
|
3464
3560
|
},
|
|
3465
|
-
".nui-
|
|
3466
|
-
".nui-
|
|
3561
|
+
".nui-listbox:last-child:not(:first-child)": {
|
|
3562
|
+
".nui-listbox-button": {
|
|
3467
3563
|
"@apply !border-e !rounded-s-none": {},
|
|
3468
3564
|
"&:focus": {
|
|
3469
3565
|
"@apply !z-10 relative": {}
|
|
@@ -3846,8 +3942,8 @@ const defaultConfig$I = {
|
|
|
3846
3942
|
},
|
|
3847
3943
|
border: {
|
|
3848
3944
|
light: {
|
|
3849
|
-
base: "muted-
|
|
3850
|
-
hover: "muted-
|
|
3945
|
+
base: "muted-300",
|
|
3946
|
+
hover: "muted-200"
|
|
3851
3947
|
},
|
|
3852
3948
|
dark: {
|
|
3853
3949
|
base: "muted-600",
|
package/dist/plugins/index.mjs
CHANGED
|
@@ -3377,7 +3377,8 @@ const buttonGroup = plugin(
|
|
|
3377
3377
|
({ addComponents }) => addComponents({
|
|
3378
3378
|
".nui-button-group": {
|
|
3379
3379
|
"@apply flex": {},
|
|
3380
|
-
|
|
3380
|
+
// Button
|
|
3381
|
+
".nui-button:not(:only-child), .nui-button-action:not(:only-child), .nui-button-icon:not(:only-child)": {
|
|
3381
3382
|
"@apply !border-e-0": {},
|
|
3382
3383
|
"&:focus": {
|
|
3383
3384
|
"@apply !z-10 relative": {}
|
|
@@ -3392,6 +3393,7 @@ const buttonGroup = plugin(
|
|
|
3392
3393
|
"@apply !border-e !rounded-s-none": {}
|
|
3393
3394
|
}
|
|
3394
3395
|
},
|
|
3396
|
+
// Input
|
|
3395
3397
|
".nui-input-wrapper:not(:first-child):not(:last-child)": {
|
|
3396
3398
|
".nui-input": {
|
|
3397
3399
|
"@apply !border-e-0 !rounded-none": {},
|
|
@@ -3400,15 +3402,15 @@ const buttonGroup = plugin(
|
|
|
3400
3402
|
}
|
|
3401
3403
|
}
|
|
3402
3404
|
},
|
|
3403
|
-
".nui-input-wrapper:first-child": {
|
|
3405
|
+
".nui-input-wrapper:first-child:not(:last-child)": {
|
|
3404
3406
|
".nui-input": {
|
|
3405
|
-
"@apply !rounded-e-none": {},
|
|
3407
|
+
"@apply !border-e-0 !rounded-e-none": {},
|
|
3406
3408
|
"&:focus": {
|
|
3407
3409
|
"@apply !z-10 relative": {}
|
|
3408
3410
|
}
|
|
3409
3411
|
}
|
|
3410
3412
|
},
|
|
3411
|
-
".nui-input-wrapper:last-child": {
|
|
3413
|
+
".nui-input-wrapper:last-child:not(:first-child)": {
|
|
3412
3414
|
".nui-input": {
|
|
3413
3415
|
"@apply !border-e !rounded-s-none": {},
|
|
3414
3416
|
"&:focus": {
|
|
@@ -3416,6 +3418,57 @@ const buttonGroup = plugin(
|
|
|
3416
3418
|
}
|
|
3417
3419
|
}
|
|
3418
3420
|
},
|
|
3421
|
+
// InputNumber
|
|
3422
|
+
".nui-input-number-wrapper:not(:first-child):not(:last-child)": {
|
|
3423
|
+
".nui-input-number": {
|
|
3424
|
+
"@apply !border-e-0 !rounded-none": {},
|
|
3425
|
+
"&:focus": {
|
|
3426
|
+
"@apply !z-10 relative": {}
|
|
3427
|
+
}
|
|
3428
|
+
}
|
|
3429
|
+
},
|
|
3430
|
+
".nui-input-number-wrapper:first-child:not(:last-child)": {
|
|
3431
|
+
".nui-input-number": {
|
|
3432
|
+
"@apply !border-e-0 !rounded-e-none": {},
|
|
3433
|
+
"&:focus": {
|
|
3434
|
+
"@apply !z-10 relative": {}
|
|
3435
|
+
}
|
|
3436
|
+
}
|
|
3437
|
+
},
|
|
3438
|
+
".nui-input-number-wrapper:last-child:not(:first-child)": {
|
|
3439
|
+
".nui-input-number": {
|
|
3440
|
+
"@apply !border-e !rounded-s-none": {},
|
|
3441
|
+
"&:focus": {
|
|
3442
|
+
"@apply !z-10 relative": {}
|
|
3443
|
+
}
|
|
3444
|
+
}
|
|
3445
|
+
},
|
|
3446
|
+
// InputFileRegular
|
|
3447
|
+
".nui-input-file-regular:not(:first-child):not(:last-child)": {
|
|
3448
|
+
".nui-input-file-inner": {
|
|
3449
|
+
"@apply !border-e-0 !rounded-none": {},
|
|
3450
|
+
"&:focus": {
|
|
3451
|
+
"@apply !z-10 relative": {}
|
|
3452
|
+
}
|
|
3453
|
+
}
|
|
3454
|
+
},
|
|
3455
|
+
".nui-input-file-regular:first-child:not(:last-child)": {
|
|
3456
|
+
".nui-input-file-inner": {
|
|
3457
|
+
"@apply !border-e-0 !rounded-e-none": {},
|
|
3458
|
+
"&:focus": {
|
|
3459
|
+
"@apply !z-10 relative": {}
|
|
3460
|
+
}
|
|
3461
|
+
}
|
|
3462
|
+
},
|
|
3463
|
+
".nui-input-file-regular:last-child:not(:first-child)": {
|
|
3464
|
+
".nui-input-file-inner": {
|
|
3465
|
+
"@apply !border-e !rounded-s-none": {},
|
|
3466
|
+
"&:focus": {
|
|
3467
|
+
"@apply !z-10 relative": {}
|
|
3468
|
+
}
|
|
3469
|
+
}
|
|
3470
|
+
},
|
|
3471
|
+
// Select
|
|
3419
3472
|
".nui-select-wrapper:not(:first-child):not(:last-child)": {
|
|
3420
3473
|
".nui-select": {
|
|
3421
3474
|
"@apply !border-e-0 !rounded-none": {},
|
|
@@ -3424,40 +3477,83 @@ const buttonGroup = plugin(
|
|
|
3424
3477
|
}
|
|
3425
3478
|
}
|
|
3426
3479
|
},
|
|
3427
|
-
".nui-select-wrapper:first-child": {
|
|
3480
|
+
".nui-select-wrapper:first-child:not(:last-child)": {
|
|
3428
3481
|
".nui-select": {
|
|
3429
|
-
"@apply !rounded-e-none": {},
|
|
3482
|
+
"@apply !border-e-0 !rounded-e-none": {},
|
|
3430
3483
|
"&:focus": {
|
|
3431
3484
|
"@apply !z-10 relative": {}
|
|
3432
3485
|
}
|
|
3433
3486
|
}
|
|
3434
3487
|
},
|
|
3435
|
-
|
|
3436
|
-
|
|
3488
|
+
// Autocomplete
|
|
3489
|
+
".nui-autocomplete:not(:first-child):not(:last-child)": {
|
|
3490
|
+
".nui-autocomplete-input": {
|
|
3491
|
+
"@apply !border-e-0 !rounded-none": {},
|
|
3492
|
+
"&:focus": {
|
|
3493
|
+
"@apply !z-10 relative": {}
|
|
3494
|
+
}
|
|
3495
|
+
}
|
|
3496
|
+
},
|
|
3497
|
+
".nui-autocomplete:first-child:not(:last-child)": {
|
|
3498
|
+
".nui-autocomplete-input": {
|
|
3499
|
+
"@apply !border-e-0 !rounded-e-none": {},
|
|
3500
|
+
"&:focus": {
|
|
3501
|
+
"@apply !z-10 relative": {}
|
|
3502
|
+
}
|
|
3503
|
+
}
|
|
3504
|
+
},
|
|
3505
|
+
".nui-autocomplete:last-child:not(:first-child)": {
|
|
3506
|
+
".nui-autocomplete-input": {
|
|
3437
3507
|
"@apply !border-e !rounded-s-none": {},
|
|
3438
3508
|
"&:focus": {
|
|
3439
3509
|
"@apply !z-10 relative": {}
|
|
3440
3510
|
}
|
|
3441
3511
|
}
|
|
3442
3512
|
},
|
|
3513
|
+
// Dropdown
|
|
3443
3514
|
".nui-dropdown:not(:first-child):not(:last-child)": {
|
|
3444
|
-
".nui-
|
|
3515
|
+
".nui-button": {
|
|
3516
|
+
"@apply !border-e-0 !rounded-none": {},
|
|
3517
|
+
"&:focus": {
|
|
3518
|
+
"@apply !z-10 relative": {}
|
|
3519
|
+
}
|
|
3520
|
+
}
|
|
3521
|
+
},
|
|
3522
|
+
".nui-dropdown:first-child:not(:last-child)": {
|
|
3523
|
+
".nui-button": {
|
|
3524
|
+
"@apply !border-e-0 !rounded-e-none": {},
|
|
3525
|
+
"&:focus": {
|
|
3526
|
+
"@apply !z-10 relative": {}
|
|
3527
|
+
}
|
|
3528
|
+
}
|
|
3529
|
+
},
|
|
3530
|
+
".nui-dropdown:last-child:not(:first-child)": {
|
|
3531
|
+
".nui-button": {
|
|
3532
|
+
"@apply !border-e !rounded-s-none": {},
|
|
3533
|
+
"&:focus": {
|
|
3534
|
+
"@apply !z-10 relative": {}
|
|
3535
|
+
}
|
|
3536
|
+
}
|
|
3537
|
+
},
|
|
3538
|
+
// Listbox
|
|
3539
|
+
".nui-listbox:not(:first-child):not(:last-child)": {
|
|
3540
|
+
".nui-listbox-button": {
|
|
3445
3541
|
"@apply !border-e-0 !rounded-none": {},
|
|
3446
3542
|
"&:focus": {
|
|
3447
3543
|
"@apply !z-10 relative": {}
|
|
3448
3544
|
}
|
|
3449
3545
|
}
|
|
3450
3546
|
},
|
|
3451
|
-
".nui-
|
|
3452
|
-
".nui-
|
|
3453
|
-
"@apply !rounded-e-none": {},
|
|
3547
|
+
".nui-listbox:first-child:not(:last-child)": {
|
|
3548
|
+
".nui-listbox-button": {
|
|
3549
|
+
"@apply !border-e-0 !rounded-e-none": {},
|
|
3454
3550
|
"&:focus": {
|
|
3455
3551
|
"@apply !z-10 relative": {}
|
|
3456
3552
|
}
|
|
3457
3553
|
}
|
|
3458
3554
|
},
|
|
3459
|
-
".nui-
|
|
3460
|
-
".nui-
|
|
3555
|
+
".nui-listbox:last-child:not(:first-child)": {
|
|
3556
|
+
".nui-listbox-button": {
|
|
3461
3557
|
"@apply !border-e !rounded-s-none": {},
|
|
3462
3558
|
"&:focus": {
|
|
3463
3559
|
"@apply !z-10 relative": {}
|
|
@@ -3840,8 +3936,8 @@ const defaultConfig$I = {
|
|
|
3840
3936
|
},
|
|
3841
3937
|
border: {
|
|
3842
3938
|
light: {
|
|
3843
|
-
base: "muted-
|
|
3844
|
-
hover: "muted-
|
|
3939
|
+
base: "muted-300",
|
|
3940
|
+
hover: "muted-200"
|
|
3845
3941
|
},
|
|
3846
3942
|
dark: {
|
|
3847
3943
|
base: "muted-600",
|