@agenticindiedev/ui 0.3.2 → 0.3.3

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/styles.css CHANGED
@@ -9,8 +9,6 @@
9
9
  "Courier New", monospace;
10
10
  --color-red-50: oklch(97.1% 0.013 17.38);
11
11
  --color-red-300: oklch(80.8% 0.114 19.571);
12
- --color-red-400: oklch(70.4% 0.191 22.216);
13
- --color-red-600: oklch(57.7% 0.245 27.325);
14
12
  --color-yellow-50: oklch(98.7% 0.026 102.212);
15
13
  --color-yellow-400: oklch(85.2% 0.199 91.936);
16
14
  --color-yellow-500: oklch(79.5% 0.184 86.047);
@@ -333,6 +331,9 @@
333
331
  .-ml-2 {
334
332
  margin-left: calc(var(--spacing) * -2);
335
333
  }
334
+ .ml-4 {
335
+ margin-left: calc(var(--spacing) * 4);
336
+ }
336
337
  .ml-auto {
337
338
  margin-left: auto;
338
339
  }
@@ -414,6 +415,9 @@
414
415
  .h-px {
415
416
  height: 1px;
416
417
  }
418
+ .max-h-60 {
419
+ max-height: calc(var(--spacing) * 60);
420
+ }
417
421
  .max-h-screen {
418
422
  max-height: 100vh;
419
423
  }
@@ -703,6 +707,9 @@
703
707
  .overflow-hidden {
704
708
  overflow: hidden;
705
709
  }
710
+ .overflow-y-auto {
711
+ overflow-y: auto;
712
+ }
706
713
  .rounded {
707
714
  border-radius: 0.25rem;
708
715
  }
@@ -1154,9 +1161,6 @@
1154
1161
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1155
1162
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1156
1163
  }
1157
- .ring-offset-background {
1158
- --tw-ring-offset-color: hsl(var(--background));
1159
- }
1160
1164
  .outline {
1161
1165
  outline-style: var(--tw-outline-style);
1162
1166
  outline-width: 1px;
@@ -1261,6 +1265,11 @@
1261
1265
  border-top-right-radius: calc(var(--radius) - 2px);
1262
1266
  }
1263
1267
  }
1268
+ .last\:mb-0 {
1269
+ &:last-child {
1270
+ margin-bottom: calc(var(--spacing) * 0);
1271
+ }
1272
+ }
1264
1273
  .last\:rounded-b-md {
1265
1274
  &:last-child {
1266
1275
  border-bottom-right-radius: calc(var(--radius) - 2px);
@@ -1280,12 +1289,12 @@
1280
1289
  }
1281
1290
  }
1282
1291
  }
1283
- .hover\:border-input\/80 {
1292
+ .hover\:border-foreground\/50 {
1284
1293
  &:hover {
1285
1294
  @media (hover: hover) {
1286
- border-color: hsl(var(--input));
1295
+ border-color: hsl(var(--foreground));
1287
1296
  @supports (color: color-mix(in lab, red, red)) {
1288
- border-color: color-mix(in oklab, hsl(var(--input)) 80%, transparent);
1297
+ border-color: color-mix(in oklab, hsl(var(--foreground)) 50%, transparent);
1289
1298
  }
1290
1299
  }
1291
1300
  }
@@ -1565,6 +1574,11 @@
1565
1574
  }
1566
1575
  }
1567
1576
  }
1577
+ .focus\:border-ring {
1578
+ &:focus {
1579
+ border-color: hsl(var(--ring));
1580
+ }
1581
+ }
1568
1582
  .focus\:bg-accent {
1569
1583
  &:focus {
1570
1584
  background-color: hsl(var(--accent));
@@ -1580,53 +1594,15 @@
1580
1594
  opacity: 100%;
1581
1595
  }
1582
1596
  }
1583
- .focus\:ring-2 {
1584
- &:focus {
1585
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1586
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1587
- }
1588
- }
1589
- .focus\:ring-ring {
1590
- &:focus {
1591
- --tw-ring-color: hsl(var(--ring));
1592
- }
1593
- }
1594
- .focus\:ring-offset-2 {
1595
- &:focus {
1596
- --tw-ring-offset-width: 2px;
1597
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1598
- }
1599
- }
1600
1597
  .focus\:outline-none {
1601
1598
  &:focus {
1602
1599
  --tw-outline-style: none;
1603
1600
  outline-style: none;
1604
1601
  }
1605
1602
  }
1606
- .group-\[\.destructive\]\:focus\:ring-destructive {
1607
- &:is(:where(.group):is(.destructive) *) {
1608
- &:focus {
1609
- --tw-ring-color: hsl(var(--destructive));
1610
- }
1611
- }
1612
- }
1613
- .group-\[\.destructive\]\:focus\:ring-red-400 {
1614
- &:is(:where(.group):is(.destructive) *) {
1615
- &:focus {
1616
- --tw-ring-color: var(--color-red-400);
1617
- }
1618
- }
1619
- }
1620
- .group-\[\.destructive\]\:focus\:ring-offset-red-600 {
1621
- &:is(:where(.group):is(.destructive) *) {
1622
- &:focus {
1623
- --tw-ring-offset-color: var(--color-red-600);
1624
- }
1625
- }
1626
- }
1627
- .focus-visible\:border-ring {
1603
+ .focus-visible\:border-foreground {
1628
1604
  &:focus-visible {
1629
- border-color: hsl(var(--ring));
1605
+ border-color: hsl(var(--foreground));
1630
1606
  }
1631
1607
  }
1632
1608
  .focus-visible\:ring-2 {
@@ -1635,22 +1611,6 @@
1635
1611
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1636
1612
  }
1637
1613
  }
1638
- .focus-visible\:ring-ring {
1639
- &:focus-visible {
1640
- --tw-ring-color: hsl(var(--ring));
1641
- }
1642
- }
1643
- .focus-visible\:ring-offset-2 {
1644
- &:focus-visible {
1645
- --tw-ring-offset-width: 2px;
1646
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1647
- }
1648
- }
1649
- .focus-visible\:ring-offset-background {
1650
- &:focus-visible {
1651
- --tw-ring-offset-color: hsl(var(--background));
1652
- }
1653
- }
1654
1614
  .focus-visible\:outline-none {
1655
1615
  &:focus-visible {
1656
1616
  --tw-outline-style: none;
@@ -1797,11 +1757,6 @@
1797
1757
  animation: accordion-up 0.2s ease-out;
1798
1758
  }
1799
1759
  }
1800
- .data-\[state\=inactive\]\:text-muted-foreground {
1801
- &[data-state="inactive"] {
1802
- color: hsl(var(--muted-foreground));
1803
- }
1804
- }
1805
1760
  .data-\[state\=open\]\:animate-accordion-down {
1806
1761
  &[data-state="open"] {
1807
1762
  animation: accordion-down 0.2s ease-out;
package/package.json CHANGED
@@ -31,6 +31,7 @@
31
31
  "description": "@agenticindiedev/ui - Modern React component library",
32
32
  "devDependencies": {
33
33
  "@happy-dom/global-registrator": "20.0.11",
34
+ "@storybook/addon-a11y": "^10.1.10",
34
35
  "@storybook/addon-docs": "10.1.10",
35
36
  "@storybook/addon-links": "10.1.10",
36
37
  "@storybook/addon-vitest": "10.1.10",
@@ -70,13 +71,19 @@
70
71
  "typescript": "5.9.3",
71
72
  "vite": "7.3.0",
72
73
  "vite-plugin-dts": "4.5.4",
73
- "vitest": "4.0.16"
74
+ "vitest": "4.0.16",
75
+ "vitest-axe": "^0.1.0"
74
76
  },
75
77
  "exports": {
76
78
  ".": {
77
- "import": "./dist/index.js",
78
- "require": "./dist/index.cjs",
79
- "types": "./dist/index.d.ts"
79
+ "import": {
80
+ "types": "./dist/index.d.ts",
81
+ "default": "./dist/index.js"
82
+ },
83
+ "require": {
84
+ "types": "./dist/index.d.ts",
85
+ "default": "./dist/index.cjs"
86
+ }
80
87
  },
81
88
  "./styles.css": "./dist/styles.css",
82
89
  "./tailwind.preset": "./dist/tailwind.preset.js",
@@ -146,5 +153,5 @@
146
153
  ],
147
154
  "type": "module",
148
155
  "types": "./dist/index.d.ts",
149
- "version": "0.3.2"
156
+ "version": "0.3.3"
150
157
  }