@womp/kookie-ui 0.31.0 → 0.32.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.
Files changed (31) hide show
  1. package/components.css +15 -51
  2. package/dist/cjs/components/index.js +2 -2
  3. package/dist/cjs/components/index.js.map +3 -3
  4. package/dist/cjs/components/link.js +1 -1
  5. package/dist/cjs/components/link.js.map +3 -3
  6. package/dist/cjs/components/link.props.d.ts +0 -6
  7. package/dist/cjs/components/link.props.d.ts.map +1 -1
  8. package/dist/cjs/components/link.props.js +1 -1
  9. package/dist/cjs/components/link.props.js.map +3 -3
  10. package/dist/cjs/index.js +3 -3
  11. package/dist/cjs/index.js.map +3 -3
  12. package/dist/cjs/props/index.js +1 -1
  13. package/dist/cjs/props/index.js.map +3 -3
  14. package/dist/esm/chunk-3H33S3UA.js +3 -0
  15. package/dist/esm/{chunk-B7STVZPU.js.map → chunk-3H33S3UA.js.map} +3 -3
  16. package/dist/esm/chunk-VKUAP54W.js +2 -0
  17. package/dist/esm/chunk-VKUAP54W.js.map +7 -0
  18. package/dist/esm/components/index.js +1 -1
  19. package/dist/esm/components/link.js +1 -1
  20. package/dist/esm/components/link.props.d.ts +0 -6
  21. package/dist/esm/components/link.props.d.ts.map +1 -1
  22. package/dist/esm/components/link.props.js +1 -1
  23. package/dist/esm/index.js +1 -1
  24. package/dist/esm/props/index.js +1 -1
  25. package/package.json +1 -1
  26. package/src/components/link.css +16 -46
  27. package/src/components/link.props.tsx +0 -3
  28. package/styles.css +15 -51
  29. package/dist/esm/chunk-B7STVZPU.js +0 -3
  30. package/dist/esm/chunk-EFXHBH3A.js +0 -2
  31. package/dist/esm/chunk-EFXHBH3A.js.map +0 -7
package/components.css CHANGED
@@ -7399,19 +7399,19 @@
7399
7399
  }
7400
7400
  .kui-Link:where(:-moz-any-link,button) {
7401
7401
  cursor: var(--cursor-link);
7402
- text-decoration-line: none;
7402
+ text-decoration-line: underline;
7403
7403
  text-decoration-style: solid;
7404
7404
  text-decoration-thickness: min(2px, max(1px, 0.05em));
7405
- text-underline-offset: calc(0.025em + 2px);
7406
- text-decoration-color: var(--accent-a5);
7405
+ text-underline-offset: 0.2em;
7406
+ text-decoration-color: var(--accent-a6);
7407
7407
  }
7408
7408
  .kui-Link:where(:any-link,button) {
7409
7409
  cursor: var(--cursor-link);
7410
- text-decoration-line: none;
7410
+ text-decoration-line: underline;
7411
7411
  text-decoration-style: solid;
7412
7412
  text-decoration-thickness: min(2px, max(1px, 0.05em));
7413
- text-underline-offset: calc(0.025em + 2px);
7414
- text-decoration-color: var(--accent-a5);
7413
+ text-underline-offset: 0.2em;
7414
+ text-decoration-color: var(--accent-a6);
7415
7415
  }
7416
7416
  .kui-Link:where(:disabled,[data-disabled]) {
7417
7417
  cursor: var(--cursor-disabled);
@@ -7419,19 +7419,21 @@
7419
7419
  .kui-Link:where(:focus-visible) {
7420
7420
  border-radius: calc(0.07em * var(--radius-factor));
7421
7421
  outline-color: var(--focus-8);
7422
- outline-width: 2px;
7422
+ outline-width: var(--focus-ring-width);
7423
7423
  outline-style: solid;
7424
- outline-offset: 2px;
7424
+ outline-offset: var(--focus-ring-offset);
7425
+ -webkit-box-decoration-break: clone;
7426
+ box-decoration-break: clone;
7425
7427
  }
7426
7428
  :where([data-accent-color]:not(.kui-theme)) .kui-Link:where([data-accent-color='']) {
7427
7429
  color: var(--accent-ink);
7428
7430
  }
7429
- @supports (color: color-mix(in oklab, white, black)) {
7430
- .kui-Link:where(:-moz-any-link,button) {
7431
- text-decoration-color: color-mix(in oklab, var(--accent-a5), var(--neutral-a6));
7431
+ @media (hover: hover) {
7432
+ .kui-Link:where(:-moz-any-link,button):where(:hover) {
7433
+ text-decoration-color: currentcolor;
7432
7434
  }
7433
- .kui-Link:where(:any-link,button) {
7434
- text-decoration-color: color-mix(in oklab, var(--accent-a5), var(--neutral-a6));
7435
+ .kui-Link:where(:any-link,button):where(:hover) {
7436
+ text-decoration-color: currentcolor;
7435
7437
  }
7436
7438
  }
7437
7439
  @media (pointer: coarse) {
@@ -7444,44 +7446,6 @@
7444
7446
  outline-offset: -0.6em;
7445
7447
  }
7446
7448
  }
7447
- @media (hover: hover) {
7448
- .kui-Link:where(:-moz-any-link,button):where(.kui-underline-auto):where(:hover) {
7449
- text-decoration-line: underline;
7450
- }
7451
- .kui-Link:where(:any-link,button):where(.kui-underline-auto):where(:hover) {
7452
- text-decoration-line: underline;
7453
- }
7454
- }
7455
- :where([data-accent-color]:not(.kui-theme)) .kui-Link:where(:-moz-any-link,button):where(.kui-underline-auto):where([data-accent-color='']) {
7456
- text-decoration-line: underline;
7457
- text-decoration-color: var(--accent-a6);
7458
- }
7459
- :where([data-accent-color]:not(.kui-theme)) .kui-Link:where(:any-link,button):where(.kui-underline-auto):where([data-accent-color='']) {
7460
- text-decoration-line: underline;
7461
- text-decoration-color: var(--accent-a6);
7462
- }
7463
- @supports (color: color-mix(in oklab, white, black)) {
7464
- :where([data-accent-color]:not(.kui-theme)) .kui-Link:where(:-moz-any-link,button):where(.kui-underline-auto):where([data-accent-color='']) {
7465
- text-decoration-color: color-mix(in oklab, var(--accent-a6), var(--neutral-a6));
7466
- }
7467
- :where([data-accent-color]:not(.kui-theme)) .kui-Link:where(:any-link,button):where(.kui-underline-auto):where([data-accent-color='']) {
7468
- text-decoration-color: color-mix(in oklab, var(--accent-a6), var(--neutral-a6));
7469
- }
7470
- }
7471
- @media (hover: hover) {
7472
- .kui-Link:where(:-moz-any-link,button):where(.kui-underline-hover):where(:hover) {
7473
- text-decoration-line: underline;
7474
- }
7475
- .kui-Link:where(:any-link,button):where(.kui-underline-hover):where(:hover) {
7476
- text-decoration-line: underline;
7477
- }
7478
- }
7479
- .kui-Link:where(:-moz-any-link,button):where(.kui-underline-always) {
7480
- text-decoration-line: underline;
7481
- }
7482
- .kui-Link:where(:any-link,button):where(.kui-underline-always) {
7483
- text-decoration-line: underline;
7484
- }
7485
7449
  .kui-Link:where(:has(.kui-Code:not(.kui-variant-ghost):only-child)) {
7486
7450
  text-decoration-color: transparent;
7487
7451
  }