@shuriken-ui/tailwind 2.0.1 → 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.
@@ -3383,7 +3383,8 @@ const buttonGroup = plugin__default(
3383
3383
  ({ addComponents }) => addComponents({
3384
3384
  ".nui-button-group": {
3385
3385
  "@apply flex": {},
3386
- ".nui-button, .nui-button-action, .nui-button-icon": {
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
- ".nui-select-wrapper:last-child": {
3442
- ".nui-select": {
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-nui-button": {
3521
+ ".nui-button": {
3451
3522
  "@apply !border-e-0 !rounded-none": {},
3452
3523
  "&:focus": {
3453
3524
  "@apply !z-10 relative": {}
3454
3525
  }
3455
3526
  }
3456
3527
  },
3457
- ".nui-dropdown:first-child": {
3458
- ".nui-nui-button": {
3459
- "@apply !rounded-e-none": {},
3528
+ ".nui-dropdown:first-child:not(:last-child)": {
3529
+ ".nui-button": {
3530
+ "@apply !border-e-0 !rounded-e-none": {},
3460
3531
  "&:focus": {
3461
3532
  "@apply !z-10 relative": {}
3462
3533
  }
3463
3534
  }
3464
3535
  },
3465
- ".nui-dropdown:last-child": {
3466
- ".nui-nui-button": {
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": {
3547
+ "@apply !border-e-0 !rounded-none": {},
3548
+ "&:focus": {
3549
+ "@apply !z-10 relative": {}
3550
+ }
3551
+ }
3552
+ },
3553
+ ".nui-listbox:first-child:not(:last-child)": {
3554
+ ".nui-listbox-button": {
3555
+ "@apply !border-e-0 !rounded-e-none": {},
3556
+ "&:focus": {
3557
+ "@apply !z-10 relative": {}
3558
+ }
3559
+ }
3560
+ },
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-200",
3850
- hover: "muted-300"
3945
+ base: "muted-300",
3946
+ hover: "muted-200"
3851
3947
  },
3852
3948
  dark: {
3853
3949
  base: "muted-600",
@@ -9127,37 +9223,37 @@ const inputNumber = plugin__default(({ addComponents, theme }) => {
9127
9223
  //Without icon && Size:sm
9128
9224
  "&:not(.nui-has-icon).nui-input-number-sm": {
9129
9225
  ".nui-input-number": {
9130
- [`@apply h-8 py-1 text-${config2.icon.disabled.input.sm.font.size} leading-4 px-2`]: {}
9226
+ [`@apply h-8 py-1 text-${config2.icon.disabled.input.sm.font.size} leading-4 ps-2 pe-[3.75rem]`]: {}
9131
9227
  }
9132
9228
  },
9133
9229
  //With icon && Size:sm
9134
9230
  "&.nui-has-icon.nui-input-number-sm": {
9135
9231
  ".nui-input-number": {
9136
- [`@apply h-8 py-1 text-${config2.icon.enabled.input.sm.font.size} leading-4 pe-3 ps-8`]: {}
9232
+ [`@apply h-8 py-1 text-${config2.icon.enabled.input.sm.font.size} leading-4 ps-8 pe-[3.75rem]`]: {}
9137
9233
  }
9138
9234
  },
9139
9235
  //Without icon && Size:md
9140
9236
  "&:not(.nui-has-icon).nui-input-number-md": {
9141
9237
  ".nui-input-number": {
9142
- [`@apply h-10 py-2 text-${config2.icon.disabled.input.md.font.size} leading-5 px-3`]: {}
9238
+ [`@apply h-10 py-2 text-${config2.icon.disabled.input.md.font.size} leading-5 ps-3 pe-[4.75rem]`]: {}
9143
9239
  }
9144
9240
  },
9145
9241
  //With icon && Size:md
9146
9242
  "&.nui-has-icon.nui-input-number-md": {
9147
9243
  ".nui-input-number": {
9148
- [`@apply h-10 py-2 text-${config2.icon.enabled.input.md.font.size} leading-5 pe-4 ps-10`]: {}
9244
+ [`@apply h-10 py-2 text-${config2.icon.enabled.input.md.font.size} leading-5 ps-10 pe-[4.75rem]`]: {}
9149
9245
  }
9150
9246
  },
9151
9247
  //Without icon && Size:lg
9152
9248
  "&:not(.nui-has-icon).nui-input-number-lg": {
9153
9249
  ".nui-input-number": {
9154
- [`@apply h-12 py-2 text-${config2.icon.disabled.input.lg.font.size} leading-5 px-4`]: {}
9250
+ [`@apply h-12 py-2 text-${config2.icon.disabled.input.lg.font.size} leading-5 ps-4 pe-24`]: {}
9155
9251
  }
9156
9252
  },
9157
9253
  //With icon && Size:lg
9158
9254
  "&.nui-has-icon.nui-input-number-lg": {
9159
9255
  ".nui-input-number": {
9160
- [`@apply h-12 py-2 text-${config2.icon.enabled.input.lg.font.size} leading-5 pe-4 ps-11`]: {}
9256
+ [`@apply h-12 py-2 text-${config2.icon.enabled.input.lg.font.size} leading-5 ps-11 pe-24`]: {}
9161
9257
  }
9162
9258
  },
9163
9259
  //With action && Size:sm
@@ -3377,7 +3377,8 @@ const buttonGroup = plugin(
3377
3377
  ({ addComponents }) => addComponents({
3378
3378
  ".nui-button-group": {
3379
3379
  "@apply flex": {},
3380
- ".nui-button, .nui-button-action, .nui-button-icon": {
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
- ".nui-select-wrapper:last-child": {
3436
- ".nui-select": {
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-nui-button": {
3515
+ ".nui-button": {
3445
3516
  "@apply !border-e-0 !rounded-none": {},
3446
3517
  "&:focus": {
3447
3518
  "@apply !z-10 relative": {}
3448
3519
  }
3449
3520
  }
3450
3521
  },
3451
- ".nui-dropdown:first-child": {
3452
- ".nui-nui-button": {
3453
- "@apply !rounded-e-none": {},
3522
+ ".nui-dropdown:first-child:not(:last-child)": {
3523
+ ".nui-button": {
3524
+ "@apply !border-e-0 !rounded-e-none": {},
3454
3525
  "&:focus": {
3455
3526
  "@apply !z-10 relative": {}
3456
3527
  }
3457
3528
  }
3458
3529
  },
3459
- ".nui-dropdown:last-child": {
3460
- ".nui-nui-button": {
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": {
3541
+ "@apply !border-e-0 !rounded-none": {},
3542
+ "&:focus": {
3543
+ "@apply !z-10 relative": {}
3544
+ }
3545
+ }
3546
+ },
3547
+ ".nui-listbox:first-child:not(:last-child)": {
3548
+ ".nui-listbox-button": {
3549
+ "@apply !border-e-0 !rounded-e-none": {},
3550
+ "&:focus": {
3551
+ "@apply !z-10 relative": {}
3552
+ }
3553
+ }
3554
+ },
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-200",
3844
- hover: "muted-300"
3939
+ base: "muted-300",
3940
+ hover: "muted-200"
3845
3941
  },
3846
3942
  dark: {
3847
3943
  base: "muted-600",
@@ -9121,37 +9217,37 @@ const inputNumber = plugin(({ addComponents, theme }) => {
9121
9217
  //Without icon && Size:sm
9122
9218
  "&:not(.nui-has-icon).nui-input-number-sm": {
9123
9219
  ".nui-input-number": {
9124
- [`@apply h-8 py-1 text-${config2.icon.disabled.input.sm.font.size} leading-4 px-2`]: {}
9220
+ [`@apply h-8 py-1 text-${config2.icon.disabled.input.sm.font.size} leading-4 ps-2 pe-[3.75rem]`]: {}
9125
9221
  }
9126
9222
  },
9127
9223
  //With icon && Size:sm
9128
9224
  "&.nui-has-icon.nui-input-number-sm": {
9129
9225
  ".nui-input-number": {
9130
- [`@apply h-8 py-1 text-${config2.icon.enabled.input.sm.font.size} leading-4 pe-3 ps-8`]: {}
9226
+ [`@apply h-8 py-1 text-${config2.icon.enabled.input.sm.font.size} leading-4 ps-8 pe-[3.75rem]`]: {}
9131
9227
  }
9132
9228
  },
9133
9229
  //Without icon && Size:md
9134
9230
  "&:not(.nui-has-icon).nui-input-number-md": {
9135
9231
  ".nui-input-number": {
9136
- [`@apply h-10 py-2 text-${config2.icon.disabled.input.md.font.size} leading-5 px-3`]: {}
9232
+ [`@apply h-10 py-2 text-${config2.icon.disabled.input.md.font.size} leading-5 ps-3 pe-[4.75rem]`]: {}
9137
9233
  }
9138
9234
  },
9139
9235
  //With icon && Size:md
9140
9236
  "&.nui-has-icon.nui-input-number-md": {
9141
9237
  ".nui-input-number": {
9142
- [`@apply h-10 py-2 text-${config2.icon.enabled.input.md.font.size} leading-5 pe-4 ps-10`]: {}
9238
+ [`@apply h-10 py-2 text-${config2.icon.enabled.input.md.font.size} leading-5 ps-10 pe-[4.75rem]`]: {}
9143
9239
  }
9144
9240
  },
9145
9241
  //Without icon && Size:lg
9146
9242
  "&:not(.nui-has-icon).nui-input-number-lg": {
9147
9243
  ".nui-input-number": {
9148
- [`@apply h-12 py-2 text-${config2.icon.disabled.input.lg.font.size} leading-5 px-4`]: {}
9244
+ [`@apply h-12 py-2 text-${config2.icon.disabled.input.lg.font.size} leading-5 ps-4 pe-24`]: {}
9149
9245
  }
9150
9246
  },
9151
9247
  //With icon && Size:lg
9152
9248
  "&.nui-has-icon.nui-input-number-lg": {
9153
9249
  ".nui-input-number": {
9154
- [`@apply h-12 py-2 text-${config2.icon.enabled.input.lg.font.size} leading-5 pe-4 ps-11`]: {}
9250
+ [`@apply h-12 py-2 text-${config2.icon.enabled.input.lg.font.size} leading-5 ps-11 pe-24`]: {}
9155
9251
  }
9156
9252
  },
9157
9253
  //With action && Size:sm
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@shuriken-ui/tailwind",
3
- "version": "2.0.1",
3
+ "version": "2.0.3",
4
4
  "license": "MIT",
5
5
  "author": "Css Ninja <hello@cssninja.io> (https://cssninja.io)",
6
6
  "repository": "shuriken-ui/tailwind",