@shuriken-ui/tailwind 1.0.2 → 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/config.d.cts +4 -4
- package/dist/config.d.mts +4 -4
- package/dist/config.d.ts +4 -4
- package/dist/preset.cjs +32 -6
- package/dist/preset.mjs +32 -6
- package/package.json +1 -1
package/dist/config.d.cts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import * as typography from '@tailwindcss/typography';
|
|
2
1
|
import * as tailwindcss_types_config from 'tailwindcss/types/config';
|
|
2
|
+
import * as typography from '@tailwindcss/typography';
|
|
3
3
|
import { Config } from 'tailwindcss';
|
|
4
4
|
|
|
5
5
|
declare const _default: {
|
|
@@ -7,11 +7,11 @@ declare const _default: {
|
|
|
7
7
|
presets: {
|
|
8
8
|
darkMode: "class";
|
|
9
9
|
content: never[];
|
|
10
|
-
plugins: ({
|
|
10
|
+
plugins: (typeof typography | {
|
|
11
|
+
handler: () => void;
|
|
12
|
+
} | {
|
|
11
13
|
handler: tailwindcss_types_config.PluginCreator;
|
|
12
14
|
config?: Partial<Config> | undefined;
|
|
13
|
-
} | typeof typography | {
|
|
14
|
-
handler: () => void;
|
|
15
15
|
})[];
|
|
16
16
|
theme: {
|
|
17
17
|
fontFamily: {
|
package/dist/config.d.mts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import * as typography from '@tailwindcss/typography';
|
|
2
1
|
import * as tailwindcss_types_config from 'tailwindcss/types/config';
|
|
2
|
+
import * as typography from '@tailwindcss/typography';
|
|
3
3
|
import { Config } from 'tailwindcss';
|
|
4
4
|
|
|
5
5
|
declare const _default: {
|
|
@@ -7,11 +7,11 @@ declare const _default: {
|
|
|
7
7
|
presets: {
|
|
8
8
|
darkMode: "class";
|
|
9
9
|
content: never[];
|
|
10
|
-
plugins: ({
|
|
10
|
+
plugins: (typeof typography | {
|
|
11
|
+
handler: () => void;
|
|
12
|
+
} | {
|
|
11
13
|
handler: tailwindcss_types_config.PluginCreator;
|
|
12
14
|
config?: Partial<Config> | undefined;
|
|
13
|
-
} | typeof typography | {
|
|
14
|
-
handler: () => void;
|
|
15
15
|
})[];
|
|
16
16
|
theme: {
|
|
17
17
|
fontFamily: {
|
package/dist/config.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import * as typography from '@tailwindcss/typography';
|
|
2
1
|
import * as tailwindcss_types_config from 'tailwindcss/types/config';
|
|
2
|
+
import * as typography from '@tailwindcss/typography';
|
|
3
3
|
import { Config } from 'tailwindcss';
|
|
4
4
|
|
|
5
5
|
declare const _default: {
|
|
@@ -7,11 +7,11 @@ declare const _default: {
|
|
|
7
7
|
presets: {
|
|
8
8
|
darkMode: "class";
|
|
9
9
|
content: never[];
|
|
10
|
-
plugins: ({
|
|
10
|
+
plugins: (typeof typography | {
|
|
11
|
+
handler: () => void;
|
|
12
|
+
} | {
|
|
11
13
|
handler: tailwindcss_types_config.PluginCreator;
|
|
12
14
|
config?: Partial<Config> | undefined;
|
|
13
|
-
} | typeof typography | {
|
|
14
|
-
handler: () => void;
|
|
15
15
|
})[];
|
|
16
16
|
theme: {
|
|
17
17
|
fontFamily: {
|
package/dist/preset.cjs
CHANGED
|
@@ -1524,6 +1524,15 @@ const defaultAvatarGroupConfig = {
|
|
|
1524
1524
|
font: "normal"
|
|
1525
1525
|
}
|
|
1526
1526
|
},
|
|
1527
|
+
avatarGroupXXS: {
|
|
1528
|
+
outer: {
|
|
1529
|
+
size: "6"
|
|
1530
|
+
},
|
|
1531
|
+
count: {
|
|
1532
|
+
size: "6",
|
|
1533
|
+
text: "xs"
|
|
1534
|
+
}
|
|
1535
|
+
},
|
|
1527
1536
|
avatarGroupXS: {
|
|
1528
1537
|
outer: {
|
|
1529
1538
|
size: "8"
|
|
@@ -1589,6 +1598,23 @@ const avatarGroup = plugin__default.withOptions(
|
|
|
1589
1598
|
[`@apply text-${config.avatarCount.text.text} dark:text-${config.avatarCount.text.textDark} -ms-1 font-sans font-${config.avatarCount.text.font} uppercase`]: {}
|
|
1590
1599
|
}
|
|
1591
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
|
+
},
|
|
1592
1618
|
[`&.${prefix}avatar-group-xs`]: {
|
|
1593
1619
|
[`.${prefix}avatar-outer`]: {
|
|
1594
1620
|
[`@apply h-${config.avatarGroupXS.outer.size} w-${config.avatarGroupXS.outer.size}`]: {},
|
|
@@ -5336,7 +5362,7 @@ const defaultListboxConfig = {
|
|
|
5336
5362
|
},
|
|
5337
5363
|
default: {
|
|
5338
5364
|
bg: "white",
|
|
5339
|
-
bgDark: "muted-900
|
|
5365
|
+
bgDark: "muted-900",
|
|
5340
5366
|
border: "muted-300",
|
|
5341
5367
|
borderDark: "muted-700",
|
|
5342
5368
|
borderFocus: "muted-300",
|
|
@@ -5360,7 +5386,7 @@ const defaultListboxConfig = {
|
|
|
5360
5386
|
},
|
|
5361
5387
|
defaultContrast: {
|
|
5362
5388
|
bg: "white",
|
|
5363
|
-
bgDark: "muted-950
|
|
5389
|
+
bgDark: "muted-950",
|
|
5364
5390
|
border: "muted-300",
|
|
5365
5391
|
borderDark: "muted-800",
|
|
5366
5392
|
borderFocus: "muted-300",
|
|
@@ -5379,12 +5405,12 @@ const defaultListboxConfig = {
|
|
|
5379
5405
|
border: "muted-200",
|
|
5380
5406
|
borderDark: "muted-800",
|
|
5381
5407
|
bg: "white",
|
|
5382
|
-
bgDark: "muted-950
|
|
5408
|
+
bgDark: "muted-950"
|
|
5383
5409
|
}
|
|
5384
5410
|
},
|
|
5385
5411
|
muted: {
|
|
5386
5412
|
bg: "muted-200",
|
|
5387
|
-
bgDark: "muted-900
|
|
5413
|
+
bgDark: "muted-900",
|
|
5388
5414
|
border: "muted-300",
|
|
5389
5415
|
borderDark: "muted-700",
|
|
5390
5416
|
borderFocus: "muted-300",
|
|
@@ -5408,7 +5434,7 @@ const defaultListboxConfig = {
|
|
|
5408
5434
|
},
|
|
5409
5435
|
mutedContrast: {
|
|
5410
5436
|
bg: "muted-200",
|
|
5411
|
-
bgDark: "muted-950
|
|
5437
|
+
bgDark: "muted-950",
|
|
5412
5438
|
border: "muted-300",
|
|
5413
5439
|
borderDark: "muted-800",
|
|
5414
5440
|
borderFocus: "muted-300",
|
|
@@ -5427,7 +5453,7 @@ const defaultListboxConfig = {
|
|
|
5427
5453
|
border: "muted-200",
|
|
5428
5454
|
borderDark: "muted-800",
|
|
5429
5455
|
bg: "white",
|
|
5430
|
-
bgDark: "muted-950
|
|
5456
|
+
bgDark: "muted-950"
|
|
5431
5457
|
}
|
|
5432
5458
|
},
|
|
5433
5459
|
notLoading: {
|
package/dist/preset.mjs
CHANGED
|
@@ -1513,6 +1513,15 @@ const defaultAvatarGroupConfig = {
|
|
|
1513
1513
|
font: "normal"
|
|
1514
1514
|
}
|
|
1515
1515
|
},
|
|
1516
|
+
avatarGroupXXS: {
|
|
1517
|
+
outer: {
|
|
1518
|
+
size: "6"
|
|
1519
|
+
},
|
|
1520
|
+
count: {
|
|
1521
|
+
size: "6",
|
|
1522
|
+
text: "xs"
|
|
1523
|
+
}
|
|
1524
|
+
},
|
|
1516
1525
|
avatarGroupXS: {
|
|
1517
1526
|
outer: {
|
|
1518
1527
|
size: "8"
|
|
@@ -1578,6 +1587,23 @@ const avatarGroup = plugin.withOptions(
|
|
|
1578
1587
|
[`@apply text-${config.avatarCount.text.text} dark:text-${config.avatarCount.text.textDark} -ms-1 font-sans font-${config.avatarCount.text.font} uppercase`]: {}
|
|
1579
1588
|
}
|
|
1580
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
|
+
},
|
|
1581
1607
|
[`&.${prefix}avatar-group-xs`]: {
|
|
1582
1608
|
[`.${prefix}avatar-outer`]: {
|
|
1583
1609
|
[`@apply h-${config.avatarGroupXS.outer.size} w-${config.avatarGroupXS.outer.size}`]: {},
|
|
@@ -5325,7 +5351,7 @@ const defaultListboxConfig = {
|
|
|
5325
5351
|
},
|
|
5326
5352
|
default: {
|
|
5327
5353
|
bg: "white",
|
|
5328
|
-
bgDark: "muted-900
|
|
5354
|
+
bgDark: "muted-900",
|
|
5329
5355
|
border: "muted-300",
|
|
5330
5356
|
borderDark: "muted-700",
|
|
5331
5357
|
borderFocus: "muted-300",
|
|
@@ -5349,7 +5375,7 @@ const defaultListboxConfig = {
|
|
|
5349
5375
|
},
|
|
5350
5376
|
defaultContrast: {
|
|
5351
5377
|
bg: "white",
|
|
5352
|
-
bgDark: "muted-950
|
|
5378
|
+
bgDark: "muted-950",
|
|
5353
5379
|
border: "muted-300",
|
|
5354
5380
|
borderDark: "muted-800",
|
|
5355
5381
|
borderFocus: "muted-300",
|
|
@@ -5368,12 +5394,12 @@ const defaultListboxConfig = {
|
|
|
5368
5394
|
border: "muted-200",
|
|
5369
5395
|
borderDark: "muted-800",
|
|
5370
5396
|
bg: "white",
|
|
5371
|
-
bgDark: "muted-950
|
|
5397
|
+
bgDark: "muted-950"
|
|
5372
5398
|
}
|
|
5373
5399
|
},
|
|
5374
5400
|
muted: {
|
|
5375
5401
|
bg: "muted-200",
|
|
5376
|
-
bgDark: "muted-900
|
|
5402
|
+
bgDark: "muted-900",
|
|
5377
5403
|
border: "muted-300",
|
|
5378
5404
|
borderDark: "muted-700",
|
|
5379
5405
|
borderFocus: "muted-300",
|
|
@@ -5397,7 +5423,7 @@ const defaultListboxConfig = {
|
|
|
5397
5423
|
},
|
|
5398
5424
|
mutedContrast: {
|
|
5399
5425
|
bg: "muted-200",
|
|
5400
|
-
bgDark: "muted-950
|
|
5426
|
+
bgDark: "muted-950",
|
|
5401
5427
|
border: "muted-300",
|
|
5402
5428
|
borderDark: "muted-800",
|
|
5403
5429
|
borderFocus: "muted-300",
|
|
@@ -5416,7 +5442,7 @@ const defaultListboxConfig = {
|
|
|
5416
5442
|
border: "muted-200",
|
|
5417
5443
|
borderDark: "muted-800",
|
|
5418
5444
|
bg: "white",
|
|
5419
|
-
bgDark: "muted-950
|
|
5445
|
+
bgDark: "muted-950"
|
|
5420
5446
|
}
|
|
5421
5447
|
},
|
|
5422
5448
|
notLoading: {
|