@shuriken-ui/tailwind 3.1.2 → 3.1.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 +74 -74
- package/dist/plugins/index.mjs +74 -74
- package/package.json +1 -1
package/dist/plugins/index.cjs
CHANGED
|
@@ -7462,80 +7462,6 @@ const dropdown = plugin__default(({ addComponents, theme }) => {
|
|
|
7462
7462
|
//Transition
|
|
7463
7463
|
[`@apply transition-${config2.button.chevron.transition.property} duration-${config2.button.chevron.transition.duration}`]: {}
|
|
7464
7464
|
},
|
|
7465
|
-
//Dropdown:menu
|
|
7466
|
-
".nui-dropdown-menu": {
|
|
7467
|
-
//Base
|
|
7468
|
-
"@apply absolute z-50 mt-2 focus:outline-none": {},
|
|
7469
|
-
//Shadow
|
|
7470
|
-
[`@apply shadow-${config2.menu.shadow.size} shadow-${config2.menu.shadow.light} dark:shadow-${config2.menu.shadow.dark}`]: {},
|
|
7471
|
-
//Menu:header
|
|
7472
|
-
".nui-menu-header": {
|
|
7473
|
-
"@apply px-4 pt-5": {}
|
|
7474
|
-
},
|
|
7475
|
-
//Header:inner
|
|
7476
|
-
".nui-menu-header-inner": {
|
|
7477
|
-
"@apply relative flex items-center justify-between": {}
|
|
7478
|
-
},
|
|
7479
|
-
//Header:title
|
|
7480
|
-
".nui-menu-header-title": {
|
|
7481
|
-
//Base
|
|
7482
|
-
[`@apply font-${config2.menu.header.title.font.family} font-${config2.menu.header.title.font.weight} text-${config2.menu.header.title.font.size} uppercase`]: {},
|
|
7483
|
-
//Color
|
|
7484
|
-
[`@apply text-${config2.menu.header.title.font.color.light} dark:text-${config2.menu.header.title.font.color.dark}`]: {}
|
|
7485
|
-
},
|
|
7486
|
-
//Menu:content
|
|
7487
|
-
".nui-menu-content": {
|
|
7488
|
-
"@apply p-2 space-y-1": {}
|
|
7489
|
-
},
|
|
7490
|
-
//Size:md
|
|
7491
|
-
"&.nui-menu-md": {
|
|
7492
|
-
"@apply w-56": {}
|
|
7493
|
-
},
|
|
7494
|
-
//Size:lg
|
|
7495
|
-
"&.nui-menu-lg": {
|
|
7496
|
-
"@apply w-72": {}
|
|
7497
|
-
},
|
|
7498
|
-
//Rounded:sm
|
|
7499
|
-
"&.nui-menu-rounded-sm": {
|
|
7500
|
-
[`@apply ${config2.menu.rounded.sm}`]: {}
|
|
7501
|
-
},
|
|
7502
|
-
//Rounded:md
|
|
7503
|
-
"&.nui-menu-rounded-md": {
|
|
7504
|
-
[`@apply ${config2.menu.rounded.md}`]: {}
|
|
7505
|
-
},
|
|
7506
|
-
//Rounded:lg
|
|
7507
|
-
"&.nui-menu-rounded-lg": {
|
|
7508
|
-
[`@apply ${config2.menu.rounded.lg}`]: {}
|
|
7509
|
-
},
|
|
7510
|
-
//Color:default
|
|
7511
|
-
"&.nui-menu-default": {
|
|
7512
|
-
//Border
|
|
7513
|
-
[`@apply border border-${config2.menu.color.default.border.light} dark:border-${config2.menu.color.default.border.dark}`]: {},
|
|
7514
|
-
//Background
|
|
7515
|
-
[`@apply bg-${config2.menu.color.default.background.light} dark:bg-${config2.menu.color.default.background.dark}`]: {}
|
|
7516
|
-
},
|
|
7517
|
-
//Color:default-contrast
|
|
7518
|
-
"&.nui-menu-default-contrast": {
|
|
7519
|
-
//Border
|
|
7520
|
-
[`@apply border border-${config2.menu.color.defaultContrast.border.light} dark:border-${config2.menu.color.defaultContrast.border.dark}`]: {},
|
|
7521
|
-
//Background
|
|
7522
|
-
[`@apply bg-${config2.menu.color.defaultContrast.background.light} dark:bg-${config2.menu.color.defaultContrast.background.dark}`]: {}
|
|
7523
|
-
},
|
|
7524
|
-
//Color:muted
|
|
7525
|
-
"&.nui-menu-muted": {
|
|
7526
|
-
//Border
|
|
7527
|
-
[`@apply border border-${config2.menu.color.muted.border.light} dark:border-${config2.menu.color.muted.border.dark}`]: {},
|
|
7528
|
-
//Background
|
|
7529
|
-
[`@apply bg-${config2.menu.color.muted.background.light} dark:bg-${config2.menu.color.muted.background.dark}`]: {}
|
|
7530
|
-
},
|
|
7531
|
-
//Color:muted-contrast
|
|
7532
|
-
"&.nui-menu-muted-contrast": {
|
|
7533
|
-
//Border
|
|
7534
|
-
[`@apply border border-${config2.menu.color.mutedContrast.border.light} dark:border-${config2.menu.color.mutedContrast.border.dark}`]: {},
|
|
7535
|
-
//Background
|
|
7536
|
-
[`@apply bg-${config2.menu.color.mutedContrast.background.light} dark:bg-${config2.menu.color.mutedContrast.background.dark}`]: {}
|
|
7537
|
-
}
|
|
7538
|
-
},
|
|
7539
7465
|
//Orientation:start
|
|
7540
7466
|
"&.nui-dropdown-start": {
|
|
7541
7467
|
".nui-dropdown-menu": {
|
|
@@ -7554,6 +7480,80 @@ const dropdown = plugin__default(({ addComponents, theme }) => {
|
|
|
7554
7480
|
[`@apply ring-offset-${config2.button.context.ring.offset.size} ring-${config2.button.context.ring.color.hover.light} dark:ring-${config2.button.context.ring.color.hover.dark}`]: {}
|
|
7555
7481
|
}
|
|
7556
7482
|
}
|
|
7483
|
+
},
|
|
7484
|
+
//Dropdown:menu
|
|
7485
|
+
".nui-dropdown-menu": {
|
|
7486
|
+
//Base
|
|
7487
|
+
"@apply absolute z-50 mt-2 focus:outline-none": {},
|
|
7488
|
+
//Shadow
|
|
7489
|
+
[`@apply shadow-${config2.menu.shadow.size} shadow-${config2.menu.shadow.light} dark:shadow-${config2.menu.shadow.dark}`]: {},
|
|
7490
|
+
//Menu:header
|
|
7491
|
+
".nui-menu-header": {
|
|
7492
|
+
"@apply px-4 pt-5": {}
|
|
7493
|
+
},
|
|
7494
|
+
//Header:inner
|
|
7495
|
+
".nui-menu-header-inner": {
|
|
7496
|
+
"@apply relative flex items-center justify-between": {}
|
|
7497
|
+
},
|
|
7498
|
+
//Header:title
|
|
7499
|
+
".nui-menu-header-title": {
|
|
7500
|
+
//Base
|
|
7501
|
+
[`@apply font-${config2.menu.header.title.font.family} font-${config2.menu.header.title.font.weight} text-${config2.menu.header.title.font.size} uppercase`]: {},
|
|
7502
|
+
//Color
|
|
7503
|
+
[`@apply text-${config2.menu.header.title.font.color.light} dark:text-${config2.menu.header.title.font.color.dark}`]: {}
|
|
7504
|
+
},
|
|
7505
|
+
//Menu:content
|
|
7506
|
+
".nui-menu-content": {
|
|
7507
|
+
"@apply p-2 space-y-1": {}
|
|
7508
|
+
},
|
|
7509
|
+
//Size:md
|
|
7510
|
+
"&.nui-menu-md": {
|
|
7511
|
+
"@apply w-56": {}
|
|
7512
|
+
},
|
|
7513
|
+
//Size:lg
|
|
7514
|
+
"&.nui-menu-lg": {
|
|
7515
|
+
"@apply w-72": {}
|
|
7516
|
+
},
|
|
7517
|
+
//Rounded:sm
|
|
7518
|
+
"&.nui-menu-rounded-sm": {
|
|
7519
|
+
[`@apply ${config2.menu.rounded.sm}`]: {}
|
|
7520
|
+
},
|
|
7521
|
+
//Rounded:md
|
|
7522
|
+
"&.nui-menu-rounded-md": {
|
|
7523
|
+
[`@apply ${config2.menu.rounded.md}`]: {}
|
|
7524
|
+
},
|
|
7525
|
+
//Rounded:lg
|
|
7526
|
+
"&.nui-menu-rounded-lg": {
|
|
7527
|
+
[`@apply ${config2.menu.rounded.lg}`]: {}
|
|
7528
|
+
},
|
|
7529
|
+
//Color:default
|
|
7530
|
+
"&.nui-menu-default": {
|
|
7531
|
+
//Border
|
|
7532
|
+
[`@apply border border-${config2.menu.color.default.border.light} dark:border-${config2.menu.color.default.border.dark}`]: {},
|
|
7533
|
+
//Background
|
|
7534
|
+
[`@apply bg-${config2.menu.color.default.background.light} dark:bg-${config2.menu.color.default.background.dark}`]: {}
|
|
7535
|
+
},
|
|
7536
|
+
//Color:default-contrast
|
|
7537
|
+
"&.nui-menu-default-contrast": {
|
|
7538
|
+
//Border
|
|
7539
|
+
[`@apply border border-${config2.menu.color.defaultContrast.border.light} dark:border-${config2.menu.color.defaultContrast.border.dark}`]: {},
|
|
7540
|
+
//Background
|
|
7541
|
+
[`@apply bg-${config2.menu.color.defaultContrast.background.light} dark:bg-${config2.menu.color.defaultContrast.background.dark}`]: {}
|
|
7542
|
+
},
|
|
7543
|
+
//Color:muted
|
|
7544
|
+
"&.nui-menu-muted": {
|
|
7545
|
+
//Border
|
|
7546
|
+
[`@apply border border-${config2.menu.color.muted.border.light} dark:border-${config2.menu.color.muted.border.dark}`]: {},
|
|
7547
|
+
//Background
|
|
7548
|
+
[`@apply bg-${config2.menu.color.muted.background.light} dark:bg-${config2.menu.color.muted.background.dark}`]: {}
|
|
7549
|
+
},
|
|
7550
|
+
//Color:muted-contrast
|
|
7551
|
+
"&.nui-menu-muted-contrast": {
|
|
7552
|
+
//Border
|
|
7553
|
+
[`@apply border border-${config2.menu.color.mutedContrast.border.light} dark:border-${config2.menu.color.mutedContrast.border.dark}`]: {},
|
|
7554
|
+
//Background
|
|
7555
|
+
[`@apply bg-${config2.menu.color.mutedContrast.background.light} dark:bg-${config2.menu.color.mutedContrast.background.dark}`]: {}
|
|
7556
|
+
}
|
|
7557
7557
|
}
|
|
7558
7558
|
});
|
|
7559
7559
|
}, config$F);
|
package/dist/plugins/index.mjs
CHANGED
|
@@ -7456,80 +7456,6 @@ const dropdown = plugin(({ addComponents, theme }) => {
|
|
|
7456
7456
|
//Transition
|
|
7457
7457
|
[`@apply transition-${config2.button.chevron.transition.property} duration-${config2.button.chevron.transition.duration}`]: {}
|
|
7458
7458
|
},
|
|
7459
|
-
//Dropdown:menu
|
|
7460
|
-
".nui-dropdown-menu": {
|
|
7461
|
-
//Base
|
|
7462
|
-
"@apply absolute z-50 mt-2 focus:outline-none": {},
|
|
7463
|
-
//Shadow
|
|
7464
|
-
[`@apply shadow-${config2.menu.shadow.size} shadow-${config2.menu.shadow.light} dark:shadow-${config2.menu.shadow.dark}`]: {},
|
|
7465
|
-
//Menu:header
|
|
7466
|
-
".nui-menu-header": {
|
|
7467
|
-
"@apply px-4 pt-5": {}
|
|
7468
|
-
},
|
|
7469
|
-
//Header:inner
|
|
7470
|
-
".nui-menu-header-inner": {
|
|
7471
|
-
"@apply relative flex items-center justify-between": {}
|
|
7472
|
-
},
|
|
7473
|
-
//Header:title
|
|
7474
|
-
".nui-menu-header-title": {
|
|
7475
|
-
//Base
|
|
7476
|
-
[`@apply font-${config2.menu.header.title.font.family} font-${config2.menu.header.title.font.weight} text-${config2.menu.header.title.font.size} uppercase`]: {},
|
|
7477
|
-
//Color
|
|
7478
|
-
[`@apply text-${config2.menu.header.title.font.color.light} dark:text-${config2.menu.header.title.font.color.dark}`]: {}
|
|
7479
|
-
},
|
|
7480
|
-
//Menu:content
|
|
7481
|
-
".nui-menu-content": {
|
|
7482
|
-
"@apply p-2 space-y-1": {}
|
|
7483
|
-
},
|
|
7484
|
-
//Size:md
|
|
7485
|
-
"&.nui-menu-md": {
|
|
7486
|
-
"@apply w-56": {}
|
|
7487
|
-
},
|
|
7488
|
-
//Size:lg
|
|
7489
|
-
"&.nui-menu-lg": {
|
|
7490
|
-
"@apply w-72": {}
|
|
7491
|
-
},
|
|
7492
|
-
//Rounded:sm
|
|
7493
|
-
"&.nui-menu-rounded-sm": {
|
|
7494
|
-
[`@apply ${config2.menu.rounded.sm}`]: {}
|
|
7495
|
-
},
|
|
7496
|
-
//Rounded:md
|
|
7497
|
-
"&.nui-menu-rounded-md": {
|
|
7498
|
-
[`@apply ${config2.menu.rounded.md}`]: {}
|
|
7499
|
-
},
|
|
7500
|
-
//Rounded:lg
|
|
7501
|
-
"&.nui-menu-rounded-lg": {
|
|
7502
|
-
[`@apply ${config2.menu.rounded.lg}`]: {}
|
|
7503
|
-
},
|
|
7504
|
-
//Color:default
|
|
7505
|
-
"&.nui-menu-default": {
|
|
7506
|
-
//Border
|
|
7507
|
-
[`@apply border border-${config2.menu.color.default.border.light} dark:border-${config2.menu.color.default.border.dark}`]: {},
|
|
7508
|
-
//Background
|
|
7509
|
-
[`@apply bg-${config2.menu.color.default.background.light} dark:bg-${config2.menu.color.default.background.dark}`]: {}
|
|
7510
|
-
},
|
|
7511
|
-
//Color:default-contrast
|
|
7512
|
-
"&.nui-menu-default-contrast": {
|
|
7513
|
-
//Border
|
|
7514
|
-
[`@apply border border-${config2.menu.color.defaultContrast.border.light} dark:border-${config2.menu.color.defaultContrast.border.dark}`]: {},
|
|
7515
|
-
//Background
|
|
7516
|
-
[`@apply bg-${config2.menu.color.defaultContrast.background.light} dark:bg-${config2.menu.color.defaultContrast.background.dark}`]: {}
|
|
7517
|
-
},
|
|
7518
|
-
//Color:muted
|
|
7519
|
-
"&.nui-menu-muted": {
|
|
7520
|
-
//Border
|
|
7521
|
-
[`@apply border border-${config2.menu.color.muted.border.light} dark:border-${config2.menu.color.muted.border.dark}`]: {},
|
|
7522
|
-
//Background
|
|
7523
|
-
[`@apply bg-${config2.menu.color.muted.background.light} dark:bg-${config2.menu.color.muted.background.dark}`]: {}
|
|
7524
|
-
},
|
|
7525
|
-
//Color:muted-contrast
|
|
7526
|
-
"&.nui-menu-muted-contrast": {
|
|
7527
|
-
//Border
|
|
7528
|
-
[`@apply border border-${config2.menu.color.mutedContrast.border.light} dark:border-${config2.menu.color.mutedContrast.border.dark}`]: {},
|
|
7529
|
-
//Background
|
|
7530
|
-
[`@apply bg-${config2.menu.color.mutedContrast.background.light} dark:bg-${config2.menu.color.mutedContrast.background.dark}`]: {}
|
|
7531
|
-
}
|
|
7532
|
-
},
|
|
7533
7459
|
//Orientation:start
|
|
7534
7460
|
"&.nui-dropdown-start": {
|
|
7535
7461
|
".nui-dropdown-menu": {
|
|
@@ -7548,6 +7474,80 @@ const dropdown = plugin(({ addComponents, theme }) => {
|
|
|
7548
7474
|
[`@apply ring-offset-${config2.button.context.ring.offset.size} ring-${config2.button.context.ring.color.hover.light} dark:ring-${config2.button.context.ring.color.hover.dark}`]: {}
|
|
7549
7475
|
}
|
|
7550
7476
|
}
|
|
7477
|
+
},
|
|
7478
|
+
//Dropdown:menu
|
|
7479
|
+
".nui-dropdown-menu": {
|
|
7480
|
+
//Base
|
|
7481
|
+
"@apply absolute z-50 mt-2 focus:outline-none": {},
|
|
7482
|
+
//Shadow
|
|
7483
|
+
[`@apply shadow-${config2.menu.shadow.size} shadow-${config2.menu.shadow.light} dark:shadow-${config2.menu.shadow.dark}`]: {},
|
|
7484
|
+
//Menu:header
|
|
7485
|
+
".nui-menu-header": {
|
|
7486
|
+
"@apply px-4 pt-5": {}
|
|
7487
|
+
},
|
|
7488
|
+
//Header:inner
|
|
7489
|
+
".nui-menu-header-inner": {
|
|
7490
|
+
"@apply relative flex items-center justify-between": {}
|
|
7491
|
+
},
|
|
7492
|
+
//Header:title
|
|
7493
|
+
".nui-menu-header-title": {
|
|
7494
|
+
//Base
|
|
7495
|
+
[`@apply font-${config2.menu.header.title.font.family} font-${config2.menu.header.title.font.weight} text-${config2.menu.header.title.font.size} uppercase`]: {},
|
|
7496
|
+
//Color
|
|
7497
|
+
[`@apply text-${config2.menu.header.title.font.color.light} dark:text-${config2.menu.header.title.font.color.dark}`]: {}
|
|
7498
|
+
},
|
|
7499
|
+
//Menu:content
|
|
7500
|
+
".nui-menu-content": {
|
|
7501
|
+
"@apply p-2 space-y-1": {}
|
|
7502
|
+
},
|
|
7503
|
+
//Size:md
|
|
7504
|
+
"&.nui-menu-md": {
|
|
7505
|
+
"@apply w-56": {}
|
|
7506
|
+
},
|
|
7507
|
+
//Size:lg
|
|
7508
|
+
"&.nui-menu-lg": {
|
|
7509
|
+
"@apply w-72": {}
|
|
7510
|
+
},
|
|
7511
|
+
//Rounded:sm
|
|
7512
|
+
"&.nui-menu-rounded-sm": {
|
|
7513
|
+
[`@apply ${config2.menu.rounded.sm}`]: {}
|
|
7514
|
+
},
|
|
7515
|
+
//Rounded:md
|
|
7516
|
+
"&.nui-menu-rounded-md": {
|
|
7517
|
+
[`@apply ${config2.menu.rounded.md}`]: {}
|
|
7518
|
+
},
|
|
7519
|
+
//Rounded:lg
|
|
7520
|
+
"&.nui-menu-rounded-lg": {
|
|
7521
|
+
[`@apply ${config2.menu.rounded.lg}`]: {}
|
|
7522
|
+
},
|
|
7523
|
+
//Color:default
|
|
7524
|
+
"&.nui-menu-default": {
|
|
7525
|
+
//Border
|
|
7526
|
+
[`@apply border border-${config2.menu.color.default.border.light} dark:border-${config2.menu.color.default.border.dark}`]: {},
|
|
7527
|
+
//Background
|
|
7528
|
+
[`@apply bg-${config2.menu.color.default.background.light} dark:bg-${config2.menu.color.default.background.dark}`]: {}
|
|
7529
|
+
},
|
|
7530
|
+
//Color:default-contrast
|
|
7531
|
+
"&.nui-menu-default-contrast": {
|
|
7532
|
+
//Border
|
|
7533
|
+
[`@apply border border-${config2.menu.color.defaultContrast.border.light} dark:border-${config2.menu.color.defaultContrast.border.dark}`]: {},
|
|
7534
|
+
//Background
|
|
7535
|
+
[`@apply bg-${config2.menu.color.defaultContrast.background.light} dark:bg-${config2.menu.color.defaultContrast.background.dark}`]: {}
|
|
7536
|
+
},
|
|
7537
|
+
//Color:muted
|
|
7538
|
+
"&.nui-menu-muted": {
|
|
7539
|
+
//Border
|
|
7540
|
+
[`@apply border border-${config2.menu.color.muted.border.light} dark:border-${config2.menu.color.muted.border.dark}`]: {},
|
|
7541
|
+
//Background
|
|
7542
|
+
[`@apply bg-${config2.menu.color.muted.background.light} dark:bg-${config2.menu.color.muted.background.dark}`]: {}
|
|
7543
|
+
},
|
|
7544
|
+
//Color:muted-contrast
|
|
7545
|
+
"&.nui-menu-muted-contrast": {
|
|
7546
|
+
//Border
|
|
7547
|
+
[`@apply border border-${config2.menu.color.mutedContrast.border.light} dark:border-${config2.menu.color.mutedContrast.border.dark}`]: {},
|
|
7548
|
+
//Background
|
|
7549
|
+
[`@apply bg-${config2.menu.color.mutedContrast.background.light} dark:bg-${config2.menu.color.mutedContrast.background.dark}`]: {}
|
|
7550
|
+
}
|
|
7551
7551
|
}
|
|
7552
7552
|
});
|
|
7553
7553
|
}, config$F);
|