@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 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/75",
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/75",
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/70"
5408
+ bgDark: "muted-950"
5383
5409
  }
5384
5410
  },
5385
5411
  muted: {
5386
5412
  bg: "muted-200",
5387
- bgDark: "muted-900/75",
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/75",
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/70"
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/75",
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/75",
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/70"
5397
+ bgDark: "muted-950"
5372
5398
  }
5373
5399
  },
5374
5400
  muted: {
5375
5401
  bg: "muted-200",
5376
- bgDark: "muted-900/75",
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/75",
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/70"
5445
+ bgDark: "muted-950"
5420
5446
  }
5421
5447
  },
5422
5448
  notLoading: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@shuriken-ui/tailwind",
3
- "version": "1.0.2",
3
+ "version": "1.1.0",
4
4
  "license": "MIT",
5
5
  "author": "Css Ninja <hello@cssninja.io> (https://cssninja.io)",
6
6
  "repository": "shuriken-ui/tailwind",