@revikornmann/muka-ui 0.14.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 (99) 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/Input/Input.js +8 -6
  10. package/dist/cjs/components/Input/Input.js.map +1 -1
  11. package/dist/cjs/components/LicensePlateInput/LicensePlateInput.js +10 -5
  12. package/dist/cjs/components/LicensePlateInput/LicensePlateInput.js.map +1 -1
  13. package/dist/cjs/components/NumberInput/NumberInput.js +6 -4
  14. package/dist/cjs/components/NumberInput/NumberInput.js.map +1 -1
  15. package/dist/cjs/components/SearchInput/SearchInput.js +20 -5
  16. package/dist/cjs/components/SearchInput/SearchInput.js.map +1 -1
  17. package/dist/cjs/components/TextLink/TextLink.css +79 -0
  18. package/dist/cjs/components/TextLink/TextLink.js +28 -0
  19. package/dist/cjs/components/TextLink/TextLink.js.map +1 -0
  20. package/dist/cjs/components/TextLink/index.js +11 -0
  21. package/dist/cjs/components/TextLink/index.js.map +1 -0
  22. package/dist/cjs/components/Textarea/Textarea.js +5 -4
  23. package/dist/cjs/components/Textarea/Textarea.js.map +1 -1
  24. package/dist/cjs/components/index.js +3 -1
  25. package/dist/cjs/components/index.js.map +1 -1
  26. package/dist/cjs/utils/accessibility.js +14 -0
  27. package/dist/cjs/utils/accessibility.js.map +1 -1
  28. package/dist/esm/components/BottomBar/BottomBar.css +19 -4
  29. package/dist/esm/components/ChatMessage/ChatMessage.css +7 -1
  30. package/dist/esm/components/ChatMessage/ChatMessage.js.map +1 -1
  31. package/dist/esm/components/ChatMessageList/ChatMessageList.css +1 -1
  32. package/dist/esm/components/Combobox/Combobox.css +59 -1
  33. package/dist/esm/components/Combobox/Combobox.js +23 -4
  34. package/dist/esm/components/Combobox/Combobox.js.map +1 -1
  35. package/dist/esm/components/Input/Input.js +8 -6
  36. package/dist/esm/components/Input/Input.js.map +1 -1
  37. package/dist/esm/components/LicensePlateInput/LicensePlateInput.js +10 -5
  38. package/dist/esm/components/LicensePlateInput/LicensePlateInput.js.map +1 -1
  39. package/dist/esm/components/NumberInput/NumberInput.js +6 -4
  40. package/dist/esm/components/NumberInput/NumberInput.js.map +1 -1
  41. package/dist/esm/components/SearchInput/SearchInput.js +20 -5
  42. package/dist/esm/components/SearchInput/SearchInput.js.map +1 -1
  43. package/dist/esm/components/TextLink/TextLink.css +79 -0
  44. package/dist/esm/components/TextLink/TextLink.js +24 -0
  45. package/dist/esm/components/TextLink/TextLink.js.map +1 -0
  46. package/dist/esm/components/TextLink/index.js +3 -0
  47. package/dist/esm/components/TextLink/index.js.map +1 -0
  48. package/dist/esm/components/Textarea/Textarea.js +5 -4
  49. package/dist/esm/components/Textarea/Textarea.js.map +1 -1
  50. package/dist/esm/components/index.js +1 -0
  51. package/dist/esm/components/index.js.map +1 -1
  52. package/dist/esm/utils/accessibility.js +13 -0
  53. package/dist/esm/utils/accessibility.js.map +1 -1
  54. package/dist/styles/components/BottomBar.css +19 -4
  55. package/dist/styles/components/ChatMessage.css +7 -1
  56. package/dist/styles/components/ChatMessageList.css +1 -1
  57. package/dist/styles/components/Combobox.css +59 -1
  58. package/dist/styles/components/TextLink.css +79 -0
  59. package/dist/styles/index.css +925 -762
  60. package/dist/styles/muka-dark.css +925 -762
  61. package/dist/styles/muka-light.css +925 -762
  62. package/dist/styles/tokens-bouwplan-dark.css +4 -2
  63. package/dist/styles/tokens-bouwplan-light.css +4 -2
  64. package/dist/styles/tokens-fscl-dark.css +4 -2
  65. package/dist/styles/tokens-fscl-light.css +4 -2
  66. package/dist/styles/tokens-grip-dark.css +4 -2
  67. package/dist/styles/tokens-grip-light.css +4 -2
  68. package/dist/styles/tokens-muka-dark.css +4 -2
  69. package/dist/styles/tokens-muka-light.css +4 -2
  70. package/dist/styles/tokens-wireframe-dark.css +4 -2
  71. package/dist/styles/tokens-wireframe-light.css +4 -2
  72. package/dist/styles/wireframe-dark.css +925 -762
  73. package/dist/styles/wireframe-light.css +925 -762
  74. package/dist/types/components/ChatMessage/ChatMessage.d.ts +4 -1
  75. package/dist/types/components/ChatMessage/ChatMessage.d.ts.map +1 -1
  76. package/dist/types/components/Combobox/Combobox.d.ts +7 -0
  77. package/dist/types/components/Combobox/Combobox.d.ts.map +1 -1
  78. package/dist/types/components/Input/Input.d.ts +4 -2
  79. package/dist/types/components/Input/Input.d.ts.map +1 -1
  80. package/dist/types/components/LicensePlateInput/LicensePlateInput.d.ts +2 -2
  81. package/dist/types/components/LicensePlateInput/LicensePlateInput.d.ts.map +1 -1
  82. package/dist/types/components/NumberInput/NumberInput.d.ts +2 -2
  83. package/dist/types/components/NumberInput/NumberInput.d.ts.map +1 -1
  84. package/dist/types/components/SearchInput/SearchInput.d.ts +2 -2
  85. package/dist/types/components/SearchInput/SearchInput.d.ts.map +1 -1
  86. package/dist/types/components/TextLink/TextLink.d.ts +30 -0
  87. package/dist/types/components/TextLink/TextLink.d.ts.map +1 -0
  88. package/dist/types/components/TextLink/index.d.ts +3 -0
  89. package/dist/types/components/TextLink/index.d.ts.map +1 -0
  90. package/dist/types/components/Textarea/Textarea.d.ts +2 -2
  91. package/dist/types/components/Textarea/Textarea.d.ts.map +1 -1
  92. package/dist/types/components/index.d.ts +1 -0
  93. package/dist/types/components/index.d.ts.map +1 -1
  94. package/dist/types/utils/accessibility.d.ts +10 -0
  95. package/dist/types/utils/accessibility.d.ts.map +1 -1
  96. package/package.json +3 -1
  97. package/tokens/t4-components/bottombar.json +2 -1
  98. package/tokens/t4-components/chat.json +15 -0
  99. package/tokens/t4-components/chatbubble.json +7 -1
package/dist/styles/tokens-bouwplan-dark.css CHANGED
@@ -1535,7 +1535,9 @@
1535
1535
  --card-border-hover: 0.0625rem solid #434339;
1536
1536
  --card-border-pressed: 0.125rem solid #f76b15;
1537
1537
  --card-border-selected: 0.125rem solid #f76b15;
1538
- --chatbubble-max-width: 640px;
1538
+ --chat-column-max-width: 768px;
1539
+ --chatbubble-max-width: 37rem;
1540
+ --chatbubble-max-width-ratio: 77%;
1539
1541
  --chatbubble-radius: 0.75rem;
1540
1542
  --chatbubble-padding-block: 0.75rem;
1541
1543
  --chatbubble-padding-inline: 1rem;
@@ -1958,7 +1960,7 @@
1958
1960
  --bottombar-floating-backdrop-start: transparent;
1959
1961
  --bottombar-floating-backdrop-end: rgba(0, 0, 0, 0.027);
1960
1962
  --bottombar-floating-padding-top: 2rem;
1961
- --bottombar-chat-max-width: 1024px;
1963
+ --bottombar-chat-max-width: 768px;
1962
1964
  --bottombar-chat-padding: 0.75rem;
1963
1965
  --bottombar-tab-icon-size: 24px;
1964
1966
  --bottombar-tab-gap: 0.25rem;
package/dist/styles/tokens-bouwplan-light.css CHANGED
@@ -1535,7 +1535,9 @@
1535
1535
  --card-border-hover: 0.0625rem solid #cfceca;
1536
1536
  --card-border-pressed: 0.125rem solid #f76808;
1537
1537
  --card-border-selected: 0.125rem solid #f76808;
1538
- --chatbubble-max-width: 640px;
1538
+ --chat-column-max-width: 768px;
1539
+ --chatbubble-max-width: 37rem;
1540
+ --chatbubble-max-width-ratio: 77%;
1539
1541
  --chatbubble-radius: 0.75rem;
1540
1542
  --chatbubble-padding-block: 0.75rem;
1541
1543
  --chatbubble-padding-inline: 1rem;
@@ -1958,7 +1960,7 @@
1958
1960
  --bottombar-floating-backdrop-start: transparent;
1959
1961
  --bottombar-floating-backdrop-end: rgba(0, 0, 0, 0.027);
1960
1962
  --bottombar-floating-padding-top: 2rem;
1961
- --bottombar-chat-max-width: 1024px;
1963
+ --bottombar-chat-max-width: 768px;
1962
1964
  --bottombar-chat-padding: 0.75rem;
1963
1965
  --bottombar-tab-icon-size: 24px;
1964
1966
  --bottombar-tab-gap: 0.25rem;
package/dist/styles/tokens-fscl-dark.css CHANGED
@@ -1535,7 +1535,9 @@
1535
1535
  --card-border-hover: 0.0625rem solid #393d39;
1536
1536
  --card-border-pressed: 0.125rem solid #ffca16;
1537
1537
  --card-border-selected: 0.125rem solid #ffca16;
1538
- --chatbubble-max-width: 640px;
1538
+ --chat-column-max-width: 768px;
1539
+ --chatbubble-max-width: 37rem;
1540
+ --chatbubble-max-width-ratio: 77%;
1539
1541
  --chatbubble-radius: 0.75rem;
1540
1542
  --chatbubble-padding-block: 0.75rem;
1541
1543
  --chatbubble-padding-inline: 1rem;
@@ -1958,7 +1960,7 @@
1958
1960
  --bottombar-floating-backdrop-start: transparent;
1959
1961
  --bottombar-floating-backdrop-end: rgba(0, 0, 0, 0.027);
1960
1962
  --bottombar-floating-padding-top: 2rem;
1961
- --bottombar-chat-max-width: 1024px;
1963
+ --bottombar-chat-max-width: 768px;
1962
1964
  --bottombar-chat-padding: 0.75rem;
1963
1965
  --bottombar-tab-icon-size: 24px;
1964
1966
  --bottombar-tab-gap: 0.25rem;
package/dist/styles/tokens-fscl-light.css CHANGED
@@ -1535,7 +1535,9 @@
1535
1535
  --card-border-hover: 0.0625rem solid #cbcfcd;
1536
1536
  --card-border-pressed: 0.125rem solid #ab6400;
1537
1537
  --card-border-selected: 0.125rem solid #ab6400;
1538
- --chatbubble-max-width: 640px;
1538
+ --chat-column-max-width: 768px;
1539
+ --chatbubble-max-width: 37rem;
1540
+ --chatbubble-max-width-ratio: 77%;
1539
1541
  --chatbubble-radius: 0.75rem;
1540
1542
  --chatbubble-padding-block: 0.75rem;
1541
1543
  --chatbubble-padding-inline: 1rem;
@@ -1958,7 +1960,7 @@
1958
1960
  --bottombar-floating-backdrop-start: transparent;
1959
1961
  --bottombar-floating-backdrop-end: rgba(0, 0, 0, 0.027);
1960
1962
  --bottombar-floating-padding-top: 2rem;
1961
- --bottombar-chat-max-width: 1024px;
1963
+ --bottombar-chat-max-width: 768px;
1962
1964
  --bottombar-chat-padding: 0.75rem;
1963
1965
  --bottombar-tab-icon-size: 24px;
1964
1966
  --bottombar-tab-gap: 0.25rem;
package/dist/styles/tokens-grip-dark.css CHANGED
@@ -1535,7 +1535,9 @@
1535
1535
  --card-border-hover: 0.0625rem solid #434339;
1536
1536
  --card-border-pressed: 0.125rem solid #0bd8b6;
1537
1537
  --card-border-selected: 0.125rem solid #0bd8b6;
1538
- --chatbubble-max-width: 640px;
1538
+ --chat-column-max-width: 768px;
1539
+ --chatbubble-max-width: 37rem;
1540
+ --chatbubble-max-width-ratio: 77%;
1539
1541
  --chatbubble-radius: 0.75rem;
1540
1542
  --chatbubble-padding-block: 0.75rem;
1541
1543
  --chatbubble-padding-inline: 1rem;
@@ -1958,7 +1960,7 @@
1958
1960
  --bottombar-floating-backdrop-start: transparent;
1959
1961
  --bottombar-floating-backdrop-end: rgba(0, 0, 0, 0.027);
1960
1962
  --bottombar-floating-padding-top: 2rem;
1961
- --bottombar-chat-max-width: 1024px;
1963
+ --bottombar-chat-max-width: 768px;
1962
1964
  --bottombar-chat-padding: 0.75rem;
1963
1965
  --bottombar-tab-icon-size: 24px;
1964
1966
  --bottombar-tab-gap: 0.25rem;
package/dist/styles/tokens-grip-light.css CHANGED
@@ -1535,7 +1535,9 @@
1535
1535
  --card-border-hover: 0.0625rem solid #cfceca;
1536
1536
  --card-border-pressed: 0.125rem solid #12a594;
1537
1537
  --card-border-selected: 0.125rem solid #12a594;
1538
- --chatbubble-max-width: 640px;
1538
+ --chat-column-max-width: 768px;
1539
+ --chatbubble-max-width: 37rem;
1540
+ --chatbubble-max-width-ratio: 77%;
1539
1541
  --chatbubble-radius: 0.75rem;
1540
1542
  --chatbubble-padding-block: 0.75rem;
1541
1543
  --chatbubble-padding-inline: 1rem;
@@ -1958,7 +1960,7 @@
1958
1960
  --bottombar-floating-backdrop-start: transparent;
1959
1961
  --bottombar-floating-backdrop-end: rgba(0, 0, 0, 0.027);
1960
1962
  --bottombar-floating-padding-top: 2rem;
1961
- --bottombar-chat-max-width: 1024px;
1963
+ --bottombar-chat-max-width: 768px;
1962
1964
  --bottombar-chat-padding: 0.75rem;
1963
1965
  --bottombar-tab-icon-size: 24px;
1964
1966
  --bottombar-tab-gap: 0.25rem;
package/dist/styles/tokens-muka-dark.css CHANGED
@@ -1535,7 +1535,9 @@
1535
1535
  --card-border-hover: 0.0625rem solid #4c4c57;
1536
1536
  --card-border-pressed: 0.125rem solid #9eb1ff;
1537
1537
  --card-border-selected: 0.125rem solid #9eb1ff;
1538
- --chatbubble-max-width: 640px;
1538
+ --chat-column-max-width: 768px;
1539
+ --chatbubble-max-width: 37rem;
1540
+ --chatbubble-max-width-ratio: 77%;
1539
1541
  --chatbubble-radius: 0.75rem;
1540
1542
  --chatbubble-padding-block: 0.75rem;
1541
1543
  --chatbubble-padding-inline: 1rem;
@@ -1958,7 +1960,7 @@
1958
1960
  --bottombar-floating-backdrop-start: transparent;
1959
1961
  --bottombar-floating-backdrop-end: rgba(0, 0, 0, 0.027);
1960
1962
  --bottombar-floating-padding-top: 2rem;
1961
- --bottombar-chat-max-width: 1024px;
1963
+ --bottombar-chat-max-width: 768px;
1962
1964
  --bottombar-chat-padding: 0.75rem;
1963
1965
  --bottombar-tab-icon-size: 24px;
1964
1966
  --bottombar-tab-gap: 0.25rem;
package/dist/styles/tokens-muka-light.css CHANGED
@@ -1535,7 +1535,9 @@
1535
1535
  --card-border-hover: 0.0625rem solid #d0cdd7;
1536
1536
  --card-border-pressed: 0.125rem solid #3e63dd;
1537
1537
  --card-border-selected: 0.125rem solid #3e63dd;
1538
- --chatbubble-max-width: 640px;
1538
+ --chat-column-max-width: 768px;
1539
+ --chatbubble-max-width: 37rem;
1540
+ --chatbubble-max-width-ratio: 77%;
1539
1541
  --chatbubble-radius: 0.75rem;
1540
1542
  --chatbubble-padding-block: 0.75rem;
1541
1543
  --chatbubble-padding-inline: 1rem;
@@ -1958,7 +1960,7 @@
1958
1960
  --bottombar-floating-backdrop-start: transparent;
1959
1961
  --bottombar-floating-backdrop-end: rgba(0, 0, 0, 0.027);
1960
1962
  --bottombar-floating-padding-top: 2rem;
1961
- --bottombar-chat-max-width: 1024px;
1963
+ --bottombar-chat-max-width: 768px;
1962
1964
  --bottombar-chat-padding: 0.75rem;
1963
1965
  --bottombar-tab-icon-size: 24px;
1964
1966
  --bottombar-tab-gap: 0.25rem;
package/dist/styles/tokens-wireframe-dark.css CHANGED
@@ -1535,7 +1535,9 @@
1535
1535
  --card-border-hover: 0.0625rem solid #606060;
1536
1536
  --card-border-pressed: 0.125rem solid #b4b4b4;
1537
1537
  --card-border-selected: 0.125rem solid #b4b4b4;
1538
- --chatbubble-max-width: 640px;
1538
+ --chat-column-max-width: 768px;
1539
+ --chatbubble-max-width: 37rem;
1540
+ --chatbubble-max-width-ratio: 77%;
1539
1541
  --chatbubble-radius: 0px;
1540
1542
  --chatbubble-padding-block: 0.75rem;
1541
1543
  --chatbubble-padding-inline: 1rem;
@@ -1958,7 +1960,7 @@
1958
1960
  --bottombar-floating-backdrop-start: transparent;
1959
1961
  --bottombar-floating-backdrop-end: rgba(0, 0, 0, 0.027);
1960
1962
  --bottombar-floating-padding-top: 2rem;
1961
- --bottombar-chat-max-width: 1024px;
1963
+ --bottombar-chat-max-width: 768px;
1962
1964
  --bottombar-chat-padding: 0.75rem;
1963
1965
  --bottombar-tab-icon-size: 24px;
1964
1966
  --bottombar-tab-gap: 0.25rem;
package/dist/styles/tokens-wireframe-light.css CHANGED
@@ -1535,7 +1535,9 @@
1535
1535
  --card-border-hover: 0.0625rem solid #bbbbbb;
1536
1536
  --card-border-pressed: 0.125rem solid #113264;
1537
1537
  --card-border-selected: 0.125rem solid #113264;
1538
- --chatbubble-max-width: 640px;
1538
+ --chat-column-max-width: 768px;
1539
+ --chatbubble-max-width: 37rem;
1540
+ --chatbubble-max-width-ratio: 77%;
1539
1541
  --chatbubble-radius: 0px;
1540
1542
  --chatbubble-padding-block: 0.75rem;
1541
1543
  --chatbubble-padding-inline: 1rem;
@@ -1958,7 +1960,7 @@
1958
1960
  --bottombar-floating-backdrop-start: transparent;
1959
1961
  --bottombar-floating-backdrop-end: rgba(0, 0, 0, 0.027);
1960
1962
  --bottombar-floating-padding-top: 2rem;
1961
- --bottombar-chat-max-width: 1024px;
1963
+ --bottombar-chat-max-width: 768px;
1962
1964
  --bottombar-chat-padding: 0.75rem;
1963
1965
  --bottombar-tab-icon-size: 24px;
1964
1966
  --bottombar-tab-gap: 0.25rem;