@shuriken-ui/tailwind 1.0.1 → 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/preset.cjs +39 -7
- package/dist/preset.mjs +39 -7
- package/package.json +1 -1
package/dist/preset.cjs
CHANGED
|
@@ -705,6 +705,9 @@ const autocomplete = plugin__default.withOptions(
|
|
|
705
705
|
[`&.${prefix}autocomplete-label-float`]: {
|
|
706
706
|
[`.${prefix}autocomplete-input`]: {
|
|
707
707
|
[`@apply placeholder:text-transparent dark:placeholder:text-transparent`]: {}
|
|
708
|
+
},
|
|
709
|
+
[`.${prefix}autocomplete-multiple .${prefix}autocomplete-multiple-list`]: {
|
|
710
|
+
[`@apply mb-6`]: {}
|
|
708
711
|
}
|
|
709
712
|
},
|
|
710
713
|
[`&.${prefix}autocomplete-error`]: {
|
|
@@ -1521,6 +1524,15 @@ const defaultAvatarGroupConfig = {
|
|
|
1521
1524
|
font: "normal"
|
|
1522
1525
|
}
|
|
1523
1526
|
},
|
|
1527
|
+
avatarGroupXXS: {
|
|
1528
|
+
outer: {
|
|
1529
|
+
size: "6"
|
|
1530
|
+
},
|
|
1531
|
+
count: {
|
|
1532
|
+
size: "6",
|
|
1533
|
+
text: "xs"
|
|
1534
|
+
}
|
|
1535
|
+
},
|
|
1524
1536
|
avatarGroupXS: {
|
|
1525
1537
|
outer: {
|
|
1526
1538
|
size: "8"
|
|
@@ -1586,6 +1598,23 @@ const avatarGroup = plugin__default.withOptions(
|
|
|
1586
1598
|
[`@apply text-${config.avatarCount.text.text} dark:text-${config.avatarCount.text.textDark} -ms-1 font-sans font-${config.avatarCount.text.font} uppercase`]: {}
|
|
1587
1599
|
}
|
|
1588
1600
|
},
|
|
1601
|
+
[`&.${prefix}avatar-group-xxs`]: {
|
|
1602
|
+
[`.${prefix}avatar-outer`]: {
|
|
1603
|
+
[`@apply h-${config.avatarGroupXXS.outer.size} w-${config.avatarGroupXXS.outer.size}`]: {},
|
|
1604
|
+
[`&:first-child`]: {
|
|
1605
|
+
[`@apply hover:-ms-2 hover:me-2 focus:-ms-2 focus:me-2`]: {}
|
|
1606
|
+
},
|
|
1607
|
+
[`&:not(:first-child)`]: {
|
|
1608
|
+
[`@apply -ms-2 hover:-ms-4 hover:me-2 focus:-ms-4 focus:me-2`]: {}
|
|
1609
|
+
}
|
|
1610
|
+
},
|
|
1611
|
+
[`.${prefix}avatar-count`]: {
|
|
1612
|
+
[`@apply -ms-2 h-${config.avatarGroupXXS.count.size} w-${config.avatarGroupXXS.count.size}`]: {},
|
|
1613
|
+
[`.${prefix}avatar-count-text`]: {
|
|
1614
|
+
[`@apply text-${config.avatarGroupXXS.count.text}`]: {}
|
|
1615
|
+
}
|
|
1616
|
+
}
|
|
1617
|
+
},
|
|
1589
1618
|
[`&.${prefix}avatar-group-xs`]: {
|
|
1590
1619
|
[`.${prefix}avatar-outer`]: {
|
|
1591
1620
|
[`@apply h-${config.avatarGroupXS.outer.size} w-${config.avatarGroupXS.outer.size}`]: {},
|
|
@@ -5333,7 +5362,7 @@ const defaultListboxConfig = {
|
|
|
5333
5362
|
},
|
|
5334
5363
|
default: {
|
|
5335
5364
|
bg: "white",
|
|
5336
|
-
bgDark: "muted-900
|
|
5365
|
+
bgDark: "muted-900",
|
|
5337
5366
|
border: "muted-300",
|
|
5338
5367
|
borderDark: "muted-700",
|
|
5339
5368
|
borderFocus: "muted-300",
|
|
@@ -5357,7 +5386,7 @@ const defaultListboxConfig = {
|
|
|
5357
5386
|
},
|
|
5358
5387
|
defaultContrast: {
|
|
5359
5388
|
bg: "white",
|
|
5360
|
-
bgDark: "muted-950
|
|
5389
|
+
bgDark: "muted-950",
|
|
5361
5390
|
border: "muted-300",
|
|
5362
5391
|
borderDark: "muted-800",
|
|
5363
5392
|
borderFocus: "muted-300",
|
|
@@ -5376,12 +5405,12 @@ const defaultListboxConfig = {
|
|
|
5376
5405
|
border: "muted-200",
|
|
5377
5406
|
borderDark: "muted-800",
|
|
5378
5407
|
bg: "white",
|
|
5379
|
-
bgDark: "muted-950
|
|
5408
|
+
bgDark: "muted-950"
|
|
5380
5409
|
}
|
|
5381
5410
|
},
|
|
5382
5411
|
muted: {
|
|
5383
5412
|
bg: "muted-200",
|
|
5384
|
-
bgDark: "muted-900
|
|
5413
|
+
bgDark: "muted-900",
|
|
5385
5414
|
border: "muted-300",
|
|
5386
5415
|
borderDark: "muted-700",
|
|
5387
5416
|
borderFocus: "muted-300",
|
|
@@ -5405,7 +5434,7 @@ const defaultListboxConfig = {
|
|
|
5405
5434
|
},
|
|
5406
5435
|
mutedContrast: {
|
|
5407
5436
|
bg: "muted-200",
|
|
5408
|
-
bgDark: "muted-950
|
|
5437
|
+
bgDark: "muted-950",
|
|
5409
5438
|
border: "muted-300",
|
|
5410
5439
|
borderDark: "muted-800",
|
|
5411
5440
|
borderFocus: "muted-300",
|
|
@@ -5424,7 +5453,7 @@ const defaultListboxConfig = {
|
|
|
5424
5453
|
border: "muted-200",
|
|
5425
5454
|
borderDark: "muted-800",
|
|
5426
5455
|
bg: "white",
|
|
5427
|
-
bgDark: "muted-950
|
|
5456
|
+
bgDark: "muted-950"
|
|
5428
5457
|
}
|
|
5429
5458
|
},
|
|
5430
5459
|
notLoading: {
|
|
@@ -8166,7 +8195,9 @@ const defaultTabSliderConfig = {
|
|
|
8166
8195
|
},
|
|
8167
8196
|
item: {
|
|
8168
8197
|
notActiveText: "muted-400",
|
|
8169
|
-
activeText: "white"
|
|
8198
|
+
activeText: "white",
|
|
8199
|
+
fontSize: "sm",
|
|
8200
|
+
fontFamily: "sans"
|
|
8170
8201
|
},
|
|
8171
8202
|
naver: {
|
|
8172
8203
|
bg: "primary-500",
|
|
@@ -8210,6 +8241,7 @@ const tabSlider = plugin__default.withOptions(
|
|
|
8210
8241
|
},
|
|
8211
8242
|
[`.${prefix}tab-slider-item`]: {
|
|
8212
8243
|
[`@apply relative z-20 flex h-full flex-1 items-center justify-center`]: {},
|
|
8244
|
+
[`@apply text-${config.item.fontSize} font-${config.item.fontFamily}`]: {},
|
|
8213
8245
|
[`&:not(.${prefix}active)`]: {
|
|
8214
8246
|
[`@apply text-${config.item.notActiveText}`]: {}
|
|
8215
8247
|
},
|
package/dist/preset.mjs
CHANGED
|
@@ -694,6 +694,9 @@ const autocomplete = plugin.withOptions(
|
|
|
694
694
|
[`&.${prefix}autocomplete-label-float`]: {
|
|
695
695
|
[`.${prefix}autocomplete-input`]: {
|
|
696
696
|
[`@apply placeholder:text-transparent dark:placeholder:text-transparent`]: {}
|
|
697
|
+
},
|
|
698
|
+
[`.${prefix}autocomplete-multiple .${prefix}autocomplete-multiple-list`]: {
|
|
699
|
+
[`@apply mb-6`]: {}
|
|
697
700
|
}
|
|
698
701
|
},
|
|
699
702
|
[`&.${prefix}autocomplete-error`]: {
|
|
@@ -1510,6 +1513,15 @@ const defaultAvatarGroupConfig = {
|
|
|
1510
1513
|
font: "normal"
|
|
1511
1514
|
}
|
|
1512
1515
|
},
|
|
1516
|
+
avatarGroupXXS: {
|
|
1517
|
+
outer: {
|
|
1518
|
+
size: "6"
|
|
1519
|
+
},
|
|
1520
|
+
count: {
|
|
1521
|
+
size: "6",
|
|
1522
|
+
text: "xs"
|
|
1523
|
+
}
|
|
1524
|
+
},
|
|
1513
1525
|
avatarGroupXS: {
|
|
1514
1526
|
outer: {
|
|
1515
1527
|
size: "8"
|
|
@@ -1575,6 +1587,23 @@ const avatarGroup = plugin.withOptions(
|
|
|
1575
1587
|
[`@apply text-${config.avatarCount.text.text} dark:text-${config.avatarCount.text.textDark} -ms-1 font-sans font-${config.avatarCount.text.font} uppercase`]: {}
|
|
1576
1588
|
}
|
|
1577
1589
|
},
|
|
1590
|
+
[`&.${prefix}avatar-group-xxs`]: {
|
|
1591
|
+
[`.${prefix}avatar-outer`]: {
|
|
1592
|
+
[`@apply h-${config.avatarGroupXXS.outer.size} w-${config.avatarGroupXXS.outer.size}`]: {},
|
|
1593
|
+
[`&:first-child`]: {
|
|
1594
|
+
[`@apply hover:-ms-2 hover:me-2 focus:-ms-2 focus:me-2`]: {}
|
|
1595
|
+
},
|
|
1596
|
+
[`&:not(:first-child)`]: {
|
|
1597
|
+
[`@apply -ms-2 hover:-ms-4 hover:me-2 focus:-ms-4 focus:me-2`]: {}
|
|
1598
|
+
}
|
|
1599
|
+
},
|
|
1600
|
+
[`.${prefix}avatar-count`]: {
|
|
1601
|
+
[`@apply -ms-2 h-${config.avatarGroupXXS.count.size} w-${config.avatarGroupXXS.count.size}`]: {},
|
|
1602
|
+
[`.${prefix}avatar-count-text`]: {
|
|
1603
|
+
[`@apply text-${config.avatarGroupXXS.count.text}`]: {}
|
|
1604
|
+
}
|
|
1605
|
+
}
|
|
1606
|
+
},
|
|
1578
1607
|
[`&.${prefix}avatar-group-xs`]: {
|
|
1579
1608
|
[`.${prefix}avatar-outer`]: {
|
|
1580
1609
|
[`@apply h-${config.avatarGroupXS.outer.size} w-${config.avatarGroupXS.outer.size}`]: {},
|
|
@@ -5322,7 +5351,7 @@ const defaultListboxConfig = {
|
|
|
5322
5351
|
},
|
|
5323
5352
|
default: {
|
|
5324
5353
|
bg: "white",
|
|
5325
|
-
bgDark: "muted-900
|
|
5354
|
+
bgDark: "muted-900",
|
|
5326
5355
|
border: "muted-300",
|
|
5327
5356
|
borderDark: "muted-700",
|
|
5328
5357
|
borderFocus: "muted-300",
|
|
@@ -5346,7 +5375,7 @@ const defaultListboxConfig = {
|
|
|
5346
5375
|
},
|
|
5347
5376
|
defaultContrast: {
|
|
5348
5377
|
bg: "white",
|
|
5349
|
-
bgDark: "muted-950
|
|
5378
|
+
bgDark: "muted-950",
|
|
5350
5379
|
border: "muted-300",
|
|
5351
5380
|
borderDark: "muted-800",
|
|
5352
5381
|
borderFocus: "muted-300",
|
|
@@ -5365,12 +5394,12 @@ const defaultListboxConfig = {
|
|
|
5365
5394
|
border: "muted-200",
|
|
5366
5395
|
borderDark: "muted-800",
|
|
5367
5396
|
bg: "white",
|
|
5368
|
-
bgDark: "muted-950
|
|
5397
|
+
bgDark: "muted-950"
|
|
5369
5398
|
}
|
|
5370
5399
|
},
|
|
5371
5400
|
muted: {
|
|
5372
5401
|
bg: "muted-200",
|
|
5373
|
-
bgDark: "muted-900
|
|
5402
|
+
bgDark: "muted-900",
|
|
5374
5403
|
border: "muted-300",
|
|
5375
5404
|
borderDark: "muted-700",
|
|
5376
5405
|
borderFocus: "muted-300",
|
|
@@ -5394,7 +5423,7 @@ const defaultListboxConfig = {
|
|
|
5394
5423
|
},
|
|
5395
5424
|
mutedContrast: {
|
|
5396
5425
|
bg: "muted-200",
|
|
5397
|
-
bgDark: "muted-950
|
|
5426
|
+
bgDark: "muted-950",
|
|
5398
5427
|
border: "muted-300",
|
|
5399
5428
|
borderDark: "muted-800",
|
|
5400
5429
|
borderFocus: "muted-300",
|
|
@@ -5413,7 +5442,7 @@ const defaultListboxConfig = {
|
|
|
5413
5442
|
border: "muted-200",
|
|
5414
5443
|
borderDark: "muted-800",
|
|
5415
5444
|
bg: "white",
|
|
5416
|
-
bgDark: "muted-950
|
|
5445
|
+
bgDark: "muted-950"
|
|
5417
5446
|
}
|
|
5418
5447
|
},
|
|
5419
5448
|
notLoading: {
|
|
@@ -8155,7 +8184,9 @@ const defaultTabSliderConfig = {
|
|
|
8155
8184
|
},
|
|
8156
8185
|
item: {
|
|
8157
8186
|
notActiveText: "muted-400",
|
|
8158
|
-
activeText: "white"
|
|
8187
|
+
activeText: "white",
|
|
8188
|
+
fontSize: "sm",
|
|
8189
|
+
fontFamily: "sans"
|
|
8159
8190
|
},
|
|
8160
8191
|
naver: {
|
|
8161
8192
|
bg: "primary-500",
|
|
@@ -8199,6 +8230,7 @@ const tabSlider = plugin.withOptions(
|
|
|
8199
8230
|
},
|
|
8200
8231
|
[`.${prefix}tab-slider-item`]: {
|
|
8201
8232
|
[`@apply relative z-20 flex h-full flex-1 items-center justify-center`]: {},
|
|
8233
|
+
[`@apply text-${config.item.fontSize} font-${config.item.fontFamily}`]: {},
|
|
8202
8234
|
[`&:not(.${prefix}active)`]: {
|
|
8203
8235
|
[`@apply text-${config.item.notActiveText}`]: {}
|
|
8204
8236
|
},
|