@shuriken-ui/tailwind 1.0.2 → 1.1.0
Sign up to get free protection for your applications and to get access to all the features.
- 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: {
|