@shuriken-ui/tailwind 1.0.0-beta.4 → 1.0.0-beta.6
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/preset.cjs +1 -96
- package/dist/preset.mjs +1 -96
- package/package.json +1 -1
package/dist/preset.cjs
CHANGED
|
@@ -3201,53 +3201,6 @@ const checkbox = plugin__default.withOptions(
|
|
|
3201
3201
|
}
|
|
3202
3202
|
);
|
|
3203
3203
|
|
|
3204
|
-
const defaultCheckboxHeadlessConfig = {
|
|
3205
|
-
label: {
|
|
3206
|
-
text: "muted-400",
|
|
3207
|
-
textSize: "sm",
|
|
3208
|
-
font: "sans"
|
|
3209
|
-
},
|
|
3210
|
-
input: {
|
|
3211
|
-
size: "full"
|
|
3212
|
-
}
|
|
3213
|
-
};
|
|
3214
|
-
const checkboxHeadless = plugin__default.withOptions(
|
|
3215
|
-
function(options) {
|
|
3216
|
-
let { prefix } = defu.defu(options, defaultPluginOptions);
|
|
3217
|
-
if (prefix) {
|
|
3218
|
-
prefix = `${prefix}-`;
|
|
3219
|
-
}
|
|
3220
|
-
return function({ addComponents, theme }) {
|
|
3221
|
-
const config = theme(
|
|
3222
|
-
"shurikenUi.checkboxHeadless"
|
|
3223
|
-
);
|
|
3224
|
-
addComponents({
|
|
3225
|
-
[`.${prefix}checkbox-headless`]: {
|
|
3226
|
-
[`@apply relative`]: {},
|
|
3227
|
-
[`.${prefix}checkbox-headless-label`]: {
|
|
3228
|
-
[`@apply text-${config.label.text} mb-1 inline-block cursor-pointer select-none font-${config.label.font} text-${config.label.textSize}`]: {}
|
|
3229
|
-
},
|
|
3230
|
-
[`.${prefix}checkbox-headless-inner`]: {
|
|
3231
|
-
[`@apply relative`]: {},
|
|
3232
|
-
[`.${prefix}checkbox-headless-input`]: {
|
|
3233
|
-
[`@apply absolute inset-0 z-20 h-${config.input.size} w-${config.input.size} cursor-pointer disabled:cursor-not-allowed opacity-0`]: {}
|
|
3234
|
-
}
|
|
3235
|
-
}
|
|
3236
|
-
}
|
|
3237
|
-
});
|
|
3238
|
-
};
|
|
3239
|
-
},
|
|
3240
|
-
function() {
|
|
3241
|
-
return {
|
|
3242
|
-
theme: {
|
|
3243
|
-
shurikenUi: {
|
|
3244
|
-
checkboxHeadless: defaultCheckboxHeadlessConfig
|
|
3245
|
-
}
|
|
3246
|
-
}
|
|
3247
|
-
};
|
|
3248
|
-
}
|
|
3249
|
-
);
|
|
3250
|
-
|
|
3251
3204
|
const defaultDropdownDividerConfig = {
|
|
3252
3205
|
space: "2",
|
|
3253
3206
|
border: "muted-200",
|
|
@@ -7206,53 +7159,6 @@ const radio = plugin__default.withOptions(
|
|
|
7206
7159
|
}
|
|
7207
7160
|
);
|
|
7208
7161
|
|
|
7209
|
-
const defaultRadioHeadlessConfig = {
|
|
7210
|
-
label: {
|
|
7211
|
-
text: "muted-400",
|
|
7212
|
-
textSize: "sm",
|
|
7213
|
-
font: "sans"
|
|
7214
|
-
},
|
|
7215
|
-
input: {
|
|
7216
|
-
size: "full"
|
|
7217
|
-
}
|
|
7218
|
-
};
|
|
7219
|
-
const radioHeadless = plugin__default.withOptions(
|
|
7220
|
-
function(options) {
|
|
7221
|
-
let { prefix } = defu.defu(options, defaultPluginOptions);
|
|
7222
|
-
if (prefix) {
|
|
7223
|
-
prefix = `${prefix}-`;
|
|
7224
|
-
}
|
|
7225
|
-
return function({ addComponents, theme }) {
|
|
7226
|
-
const config = theme(
|
|
7227
|
-
"shurikenUi.radioHeadless"
|
|
7228
|
-
);
|
|
7229
|
-
addComponents({
|
|
7230
|
-
[`.${prefix}radio-headless`]: {
|
|
7231
|
-
[`@apply relative`]: {},
|
|
7232
|
-
[`.${prefix}radio-headless-label`]: {
|
|
7233
|
-
[`@apply text-${config.label.text} mb-1 inline-block cursor-pointer select-none font-${config.label.font} text-${config.label.textSize}`]: {}
|
|
7234
|
-
},
|
|
7235
|
-
[`.${prefix}radio-headless-inner`]: {
|
|
7236
|
-
[`@apply relative`]: {},
|
|
7237
|
-
[`.${prefix}radio-headless-input`]: {
|
|
7238
|
-
[`@apply absolute inset-0 z-20 h-${config.input.size} w-${config.input.size} cursor-pointer disabled:cursor-not-allowed opacity-0`]: {}
|
|
7239
|
-
}
|
|
7240
|
-
}
|
|
7241
|
-
}
|
|
7242
|
-
});
|
|
7243
|
-
};
|
|
7244
|
-
},
|
|
7245
|
-
function() {
|
|
7246
|
-
return {
|
|
7247
|
-
theme: {
|
|
7248
|
-
shurikenUi: {
|
|
7249
|
-
radioHeadless: defaultRadioHeadlessConfig
|
|
7250
|
-
}
|
|
7251
|
-
}
|
|
7252
|
-
};
|
|
7253
|
-
}
|
|
7254
|
-
);
|
|
7255
|
-
|
|
7256
7162
|
const defaultSelectConfig = {
|
|
7257
7163
|
labelFloat: {
|
|
7258
7164
|
text: "primary-500",
|
|
@@ -7472,6 +7378,7 @@ const select = plugin__default.withOptions(
|
|
|
7472
7378
|
}
|
|
7473
7379
|
},
|
|
7474
7380
|
[`.${prefix}select-chevron`]: {
|
|
7381
|
+
"@apply pointer-event-none": {},
|
|
7475
7382
|
[`@apply text-${config.select.chevron.text} absolute end-0 top-0 flex items-center justify-center transition-transform duration-${config.select.chevron.duration}`]: {}
|
|
7476
7383
|
},
|
|
7477
7384
|
[`&.${prefix}select-multiple`]: {
|
|
@@ -9787,7 +9694,6 @@ const components = [
|
|
|
9787
9694
|
button,
|
|
9788
9695
|
card,
|
|
9789
9696
|
checkbox,
|
|
9790
|
-
checkboxHeadless,
|
|
9791
9697
|
dropdownDivider,
|
|
9792
9698
|
dropdownItem,
|
|
9793
9699
|
dropdown,
|
|
@@ -9815,7 +9721,6 @@ const components = [
|
|
|
9815
9721
|
progress,
|
|
9816
9722
|
prose,
|
|
9817
9723
|
radio,
|
|
9818
|
-
radioHeadless,
|
|
9819
9724
|
select,
|
|
9820
9725
|
slimscroll,
|
|
9821
9726
|
snack,
|
package/dist/preset.mjs
CHANGED
|
@@ -3188,53 +3188,6 @@ const checkbox = plugin.withOptions(
|
|
|
3188
3188
|
}
|
|
3189
3189
|
);
|
|
3190
3190
|
|
|
3191
|
-
const defaultCheckboxHeadlessConfig = {
|
|
3192
|
-
label: {
|
|
3193
|
-
text: "muted-400",
|
|
3194
|
-
textSize: "sm",
|
|
3195
|
-
font: "sans"
|
|
3196
|
-
},
|
|
3197
|
-
input: {
|
|
3198
|
-
size: "full"
|
|
3199
|
-
}
|
|
3200
|
-
};
|
|
3201
|
-
const checkboxHeadless = plugin.withOptions(
|
|
3202
|
-
function(options) {
|
|
3203
|
-
let { prefix } = defu(options, defaultPluginOptions);
|
|
3204
|
-
if (prefix) {
|
|
3205
|
-
prefix = `${prefix}-`;
|
|
3206
|
-
}
|
|
3207
|
-
return function({ addComponents, theme }) {
|
|
3208
|
-
const config = theme(
|
|
3209
|
-
"shurikenUi.checkboxHeadless"
|
|
3210
|
-
);
|
|
3211
|
-
addComponents({
|
|
3212
|
-
[`.${prefix}checkbox-headless`]: {
|
|
3213
|
-
[`@apply relative`]: {},
|
|
3214
|
-
[`.${prefix}checkbox-headless-label`]: {
|
|
3215
|
-
[`@apply text-${config.label.text} mb-1 inline-block cursor-pointer select-none font-${config.label.font} text-${config.label.textSize}`]: {}
|
|
3216
|
-
},
|
|
3217
|
-
[`.${prefix}checkbox-headless-inner`]: {
|
|
3218
|
-
[`@apply relative`]: {},
|
|
3219
|
-
[`.${prefix}checkbox-headless-input`]: {
|
|
3220
|
-
[`@apply absolute inset-0 z-20 h-${config.input.size} w-${config.input.size} cursor-pointer disabled:cursor-not-allowed opacity-0`]: {}
|
|
3221
|
-
}
|
|
3222
|
-
}
|
|
3223
|
-
}
|
|
3224
|
-
});
|
|
3225
|
-
};
|
|
3226
|
-
},
|
|
3227
|
-
function() {
|
|
3228
|
-
return {
|
|
3229
|
-
theme: {
|
|
3230
|
-
shurikenUi: {
|
|
3231
|
-
checkboxHeadless: defaultCheckboxHeadlessConfig
|
|
3232
|
-
}
|
|
3233
|
-
}
|
|
3234
|
-
};
|
|
3235
|
-
}
|
|
3236
|
-
);
|
|
3237
|
-
|
|
3238
3191
|
const defaultDropdownDividerConfig = {
|
|
3239
3192
|
space: "2",
|
|
3240
3193
|
border: "muted-200",
|
|
@@ -7193,53 +7146,6 @@ const radio = plugin.withOptions(
|
|
|
7193
7146
|
}
|
|
7194
7147
|
);
|
|
7195
7148
|
|
|
7196
|
-
const defaultRadioHeadlessConfig = {
|
|
7197
|
-
label: {
|
|
7198
|
-
text: "muted-400",
|
|
7199
|
-
textSize: "sm",
|
|
7200
|
-
font: "sans"
|
|
7201
|
-
},
|
|
7202
|
-
input: {
|
|
7203
|
-
size: "full"
|
|
7204
|
-
}
|
|
7205
|
-
};
|
|
7206
|
-
const radioHeadless = plugin.withOptions(
|
|
7207
|
-
function(options) {
|
|
7208
|
-
let { prefix } = defu(options, defaultPluginOptions);
|
|
7209
|
-
if (prefix) {
|
|
7210
|
-
prefix = `${prefix}-`;
|
|
7211
|
-
}
|
|
7212
|
-
return function({ addComponents, theme }) {
|
|
7213
|
-
const config = theme(
|
|
7214
|
-
"shurikenUi.radioHeadless"
|
|
7215
|
-
);
|
|
7216
|
-
addComponents({
|
|
7217
|
-
[`.${prefix}radio-headless`]: {
|
|
7218
|
-
[`@apply relative`]: {},
|
|
7219
|
-
[`.${prefix}radio-headless-label`]: {
|
|
7220
|
-
[`@apply text-${config.label.text} mb-1 inline-block cursor-pointer select-none font-${config.label.font} text-${config.label.textSize}`]: {}
|
|
7221
|
-
},
|
|
7222
|
-
[`.${prefix}radio-headless-inner`]: {
|
|
7223
|
-
[`@apply relative`]: {},
|
|
7224
|
-
[`.${prefix}radio-headless-input`]: {
|
|
7225
|
-
[`@apply absolute inset-0 z-20 h-${config.input.size} w-${config.input.size} cursor-pointer disabled:cursor-not-allowed opacity-0`]: {}
|
|
7226
|
-
}
|
|
7227
|
-
}
|
|
7228
|
-
}
|
|
7229
|
-
});
|
|
7230
|
-
};
|
|
7231
|
-
},
|
|
7232
|
-
function() {
|
|
7233
|
-
return {
|
|
7234
|
-
theme: {
|
|
7235
|
-
shurikenUi: {
|
|
7236
|
-
radioHeadless: defaultRadioHeadlessConfig
|
|
7237
|
-
}
|
|
7238
|
-
}
|
|
7239
|
-
};
|
|
7240
|
-
}
|
|
7241
|
-
);
|
|
7242
|
-
|
|
7243
7149
|
const defaultSelectConfig = {
|
|
7244
7150
|
labelFloat: {
|
|
7245
7151
|
text: "primary-500",
|
|
@@ -7459,6 +7365,7 @@ const select = plugin.withOptions(
|
|
|
7459
7365
|
}
|
|
7460
7366
|
},
|
|
7461
7367
|
[`.${prefix}select-chevron`]: {
|
|
7368
|
+
"@apply pointer-event-none": {},
|
|
7462
7369
|
[`@apply text-${config.select.chevron.text} absolute end-0 top-0 flex items-center justify-center transition-transform duration-${config.select.chevron.duration}`]: {}
|
|
7463
7370
|
},
|
|
7464
7371
|
[`&.${prefix}select-multiple`]: {
|
|
@@ -9774,7 +9681,6 @@ const components = [
|
|
|
9774
9681
|
button,
|
|
9775
9682
|
card,
|
|
9776
9683
|
checkbox,
|
|
9777
|
-
checkboxHeadless,
|
|
9778
9684
|
dropdownDivider,
|
|
9779
9685
|
dropdownItem,
|
|
9780
9686
|
dropdown,
|
|
@@ -9802,7 +9708,6 @@ const components = [
|
|
|
9802
9708
|
progress,
|
|
9803
9709
|
prose,
|
|
9804
9710
|
radio,
|
|
9805
|
-
radioHeadless,
|
|
9806
9711
|
select,
|
|
9807
9712
|
slimscroll,
|
|
9808
9713
|
snack,
|