@revikornmann/muka-ui 0.15.0 → 0.16.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 (68) hide show
  1. package/build/manifest.json +10 -0
  2. package/dist/cjs/components/BottomBar/BottomBar.css +19 -4
  3. package/dist/cjs/components/ChatMessage/ChatMessage.css +7 -1
  4. package/dist/cjs/components/ChatMessage/ChatMessage.js.map +1 -1
  5. package/dist/cjs/components/ChatMessageList/ChatMessageList.css +1 -1
  6. package/dist/cjs/components/Combobox/Combobox.css +59 -1
  7. package/dist/cjs/components/Combobox/Combobox.js +22 -3
  8. package/dist/cjs/components/Combobox/Combobox.js.map +1 -1
  9. package/dist/cjs/components/SearchInput/SearchInput.js +7 -2
  10. package/dist/cjs/components/SearchInput/SearchInput.js.map +1 -1
  11. package/dist/cjs/components/TextLink/TextLink.css +79 -0
  12. package/dist/cjs/components/TextLink/TextLink.js +28 -0
  13. package/dist/cjs/components/TextLink/TextLink.js.map +1 -0
  14. package/dist/cjs/components/TextLink/index.js +11 -0
  15. package/dist/cjs/components/TextLink/index.js.map +1 -0
  16. package/dist/cjs/components/index.js +3 -1
  17. package/dist/cjs/components/index.js.map +1 -1
  18. package/dist/esm/components/BottomBar/BottomBar.css +19 -4
  19. package/dist/esm/components/ChatMessage/ChatMessage.css +7 -1
  20. package/dist/esm/components/ChatMessage/ChatMessage.js.map +1 -1
  21. package/dist/esm/components/ChatMessageList/ChatMessageList.css +1 -1
  22. package/dist/esm/components/Combobox/Combobox.css +59 -1
  23. package/dist/esm/components/Combobox/Combobox.js +23 -4
  24. package/dist/esm/components/Combobox/Combobox.js.map +1 -1
  25. package/dist/esm/components/SearchInput/SearchInput.js +7 -2
  26. package/dist/esm/components/SearchInput/SearchInput.js.map +1 -1
  27. package/dist/esm/components/TextLink/TextLink.css +79 -0
  28. package/dist/esm/components/TextLink/TextLink.js +24 -0
  29. package/dist/esm/components/TextLink/TextLink.js.map +1 -0
  30. package/dist/esm/components/TextLink/index.js +3 -0
  31. package/dist/esm/components/TextLink/index.js.map +1 -0
  32. package/dist/esm/components/index.js +1 -0
  33. package/dist/esm/components/index.js.map +1 -1
  34. package/dist/styles/components/BottomBar.css +19 -4
  35. package/dist/styles/components/ChatMessage.css +7 -1
  36. package/dist/styles/components/ChatMessageList.css +1 -1
  37. package/dist/styles/components/Combobox.css +59 -1
  38. package/dist/styles/components/TextLink.css +79 -0
  39. package/dist/styles/index.css +609 -446
  40. package/dist/styles/muka-dark.css +609 -446
  41. package/dist/styles/muka-light.css +609 -446
  42. package/dist/styles/tokens-bouwplan-dark.css +4 -2
  43. package/dist/styles/tokens-bouwplan-light.css +4 -2
  44. package/dist/styles/tokens-fscl-dark.css +4 -2
  45. package/dist/styles/tokens-fscl-light.css +4 -2
  46. package/dist/styles/tokens-grip-dark.css +4 -2
  47. package/dist/styles/tokens-grip-light.css +4 -2
  48. package/dist/styles/tokens-muka-dark.css +4 -2
  49. package/dist/styles/tokens-muka-light.css +4 -2
  50. package/dist/styles/tokens-wireframe-dark.css +4 -2
  51. package/dist/styles/tokens-wireframe-light.css +4 -2
  52. package/dist/styles/wireframe-dark.css +609 -446
  53. package/dist/styles/wireframe-light.css +609 -446
  54. package/dist/types/components/ChatMessage/ChatMessage.d.ts +4 -1
  55. package/dist/types/components/ChatMessage/ChatMessage.d.ts.map +1 -1
  56. package/dist/types/components/Combobox/Combobox.d.ts +7 -0
  57. package/dist/types/components/Combobox/Combobox.d.ts.map +1 -1
  58. package/dist/types/components/SearchInput/SearchInput.d.ts.map +1 -1
  59. package/dist/types/components/TextLink/TextLink.d.ts +30 -0
  60. package/dist/types/components/TextLink/TextLink.d.ts.map +1 -0
  61. package/dist/types/components/TextLink/index.d.ts +3 -0
  62. package/dist/types/components/TextLink/index.d.ts.map +1 -0
  63. package/dist/types/components/index.d.ts +1 -0
  64. package/dist/types/components/index.d.ts.map +1 -1
  65. package/package.json +2 -1
  66. package/tokens/t4-components/bottombar.json +2 -1
  67. package/tokens/t4-components/chat.json +15 -0
  68. package/tokens/t4-components/chatbubble.json +7 -1
package/dist/styles/components/TextLink.css ADDED
@@ -0,0 +1,79 @@
1
+ /* TextLink Component Styles - Using Muka Design Tokens */
2
+
3
+ .muka-text-link {
4
+ display: inline;
5
+ cursor: pointer;
6
+ text-decoration: underline;
7
+ /* Nudge the rule clear of descenders; the Figma underline sits off baseline. */
8
+ text-underline-offset: 0.2em;
9
+ text-decoration-thickness: from-font;
10
+ /* Rounds the focus ring's corners; the link itself has no visible box. */
11
+ border-radius: var(--border-radius-sm);
12
+ transition: color var(--motion-duration-micro, 0.15s) var(--motion-easing-enter, ease);
13
+ }
14
+
15
+ /* ─── Sizes ───────────────────────────────────────────────
16
+ Mirrors the body text scale so a link matches the copy it sits in. */
17
+ .muka-text-link--sm {
18
+ font-family: var(--text-body-sm-regular-fontFamily);
19
+ font-weight: var(--text-body-sm-regular-fontWeight);
20
+ font-size: var(--text-body-sm-regular-fontSize);
21
+ line-height: var(--text-body-sm-regular-lineHeight);
22
+ }
23
+
24
+ .muka-text-link--base {
25
+ font-family: var(--text-body-base-regular-fontFamily);
26
+ font-weight: var(--text-body-base-regular-fontWeight);
27
+ font-size: var(--text-body-base-regular-fontSize);
28
+ line-height: var(--text-body-base-regular-lineHeight);
29
+ }
30
+
31
+ .muka-text-link--lg {
32
+ font-family: var(--text-body-lg-regular-fontFamily);
33
+ font-weight: var(--text-body-lg-regular-fontWeight);
34
+ font-size: var(--text-body-lg-regular-fontSize);
35
+ line-height: var(--text-body-lg-regular-lineHeight);
36
+ }
37
+
38
+ /* ─── Variant: default (accent) ───────────────────────────
39
+ Visited repeats the default colour on purpose: the design treats visited and
40
+ default the same, and pinning it stops the browser's purple from showing. */
41
+ .muka-text-link--default,
42
+ .muka-text-link--default:visited {
43
+ color: var(--color-text-action-default);
44
+ }
45
+
46
+ .muka-text-link--default:hover,
47
+ .muka-text-link--default:focus-visible {
48
+ color: var(--color-text-action-hover);
49
+ }
50
+
51
+ .muka-text-link--default:active {
52
+ color: var(--color-text-action-pressed);
53
+ }
54
+
55
+ /* ─── Variant: subtle (neutral) ───────────────────────────
56
+ Hover, focus and pressed all darken to the default text colour. */
57
+ .muka-text-link--subtle,
58
+ .muka-text-link--subtle:visited {
59
+ color: var(--color-text-subtle-default);
60
+ }
61
+
62
+ .muka-text-link--subtle:hover,
63
+ .muka-text-link--subtle:focus-visible,
64
+ .muka-text-link--subtle:active {
65
+ color: var(--color-text-default-default);
66
+ }
67
+
68
+ /* ─── Focus ───────────────────────────────────────────────
69
+ Same ring as every other focusable Muka component. */
70
+ .muka-text-link:focus-visible {
71
+ outline: 2px solid var(--color-border-focus);
72
+ outline-offset: 2px;
73
+ }
74
+
75
+ @media (prefers-reduced-motion: reduce) {
76
+ .muka-text-link {
77
+ transition: none;
78
+ }
79
+ }