@revikornmann/muka-ui 0.12.0 → 0.14.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 (112) hide show
  1. package/build/manifest.json +10 -0
  2. package/dist/cjs/components/AgentTaskList/AgentTaskList.js +1 -1
  3. package/dist/cjs/components/BadgeNumber/BadgeNumber.css +105 -0
  4. package/dist/cjs/components/BadgeNumber/BadgeNumber.js +19 -0
  5. package/dist/cjs/components/BadgeNumber/BadgeNumber.js.map +1 -0
  6. package/dist/cjs/components/BadgeNumber/index.js +11 -0
  7. package/dist/cjs/components/BadgeNumber/index.js.map +1 -0
  8. package/dist/cjs/components/ChatMessage/ChatMessage.css +324 -0
  9. package/dist/cjs/components/ChatMessage/ChatMessage.js +138 -0
  10. package/dist/cjs/components/ChatMessage/ChatMessage.js.map +1 -0
  11. package/dist/cjs/components/ChatMessage/index.js +7 -0
  12. package/dist/cjs/components/ChatMessage/index.js.map +1 -0
  13. package/dist/cjs/components/ChatMessageList/ChatMessageList.js +1 -1
  14. package/dist/cjs/components/ChatMessageStack/ChatMessageStack.css +51 -0
  15. package/dist/cjs/components/ChatMessageStack/ChatMessageStack.js +49 -0
  16. package/dist/cjs/components/ChatMessageStack/ChatMessageStack.js.map +1 -0
  17. package/dist/cjs/components/ChatMessageStack/index.js +6 -0
  18. package/dist/cjs/components/ChatMessageStack/index.js.map +1 -0
  19. package/dist/cjs/components/ChatPhotoGrid/ChatPhotoGrid.css +8 -2
  20. package/dist/cjs/components/ChatPhotoGrid/ChatPhotoGrid.js +1 -1
  21. package/dist/cjs/components/Menu/Menu.js +5 -4
  22. package/dist/cjs/components/Menu/Menu.js.map +1 -1
  23. package/dist/cjs/components/index.js +9 -5
  24. package/dist/cjs/components/index.js.map +1 -1
  25. package/dist/cjs/utils/useLongPress.js +71 -0
  26. package/dist/cjs/utils/useLongPress.js.map +1 -0
  27. package/dist/esm/components/AgentTaskList/AgentTaskList.js +1 -1
  28. package/dist/esm/components/BadgeNumber/BadgeNumber.css +105 -0
  29. package/dist/esm/components/BadgeNumber/BadgeNumber.js +15 -0
  30. package/dist/esm/components/BadgeNumber/BadgeNumber.js.map +1 -0
  31. package/dist/esm/components/BadgeNumber/index.js +3 -0
  32. package/dist/esm/components/BadgeNumber/index.js.map +1 -0
  33. package/dist/esm/components/ChatMessage/ChatMessage.css +324 -0
  34. package/dist/esm/components/ChatMessage/ChatMessage.js +134 -0
  35. package/dist/esm/components/ChatMessage/ChatMessage.js.map +1 -0
  36. package/dist/esm/components/ChatMessage/index.js +2 -0
  37. package/dist/esm/components/ChatMessage/index.js.map +1 -0
  38. package/dist/esm/components/ChatMessageList/ChatMessageList.js +1 -1
  39. package/dist/esm/components/ChatMessageStack/ChatMessageStack.css +51 -0
  40. package/dist/esm/components/ChatMessageStack/ChatMessageStack.js +42 -0
  41. package/dist/esm/components/ChatMessageStack/ChatMessageStack.js.map +1 -0
  42. package/dist/esm/components/ChatMessageStack/index.js +2 -0
  43. package/dist/esm/components/ChatMessageStack/index.js.map +1 -0
  44. package/dist/esm/components/ChatPhotoGrid/ChatPhotoGrid.css +8 -2
  45. package/dist/esm/components/ChatPhotoGrid/ChatPhotoGrid.js +1 -1
  46. package/dist/esm/components/Menu/Menu.js +5 -4
  47. package/dist/esm/components/Menu/Menu.js.map +1 -1
  48. package/dist/esm/components/index.js +3 -1
  49. package/dist/esm/components/index.js.map +1 -1
  50. package/dist/esm/utils/useLongPress.js +68 -0
  51. package/dist/esm/utils/useLongPress.js.map +1 -0
  52. package/dist/styles/components/BadgeNumber.css +105 -0
  53. package/dist/styles/components/ChatMessage.css +324 -0
  54. package/dist/styles/components/ChatMessageStack.css +51 -0
  55. package/dist/styles/components/ChatPhotoGrid.css +8 -2
  56. package/dist/styles/index.css +2694 -2475
  57. package/dist/styles/muka-dark.css +2694 -2475
  58. package/dist/styles/muka-light.css +2694 -2475
  59. package/dist/styles/tokens-bouwplan-dark.css +32 -5
  60. package/dist/styles/tokens-bouwplan-light.css +32 -5
  61. package/dist/styles/tokens-fscl-dark.css +32 -5
  62. package/dist/styles/tokens-fscl-light.css +32 -5
  63. package/dist/styles/tokens-grip-dark.css +32 -5
  64. package/dist/styles/tokens-grip-light.css +32 -5
  65. package/dist/styles/tokens-muka-dark.css +32 -5
  66. package/dist/styles/tokens-muka-light.css +32 -5
  67. package/dist/styles/tokens-wireframe-dark.css +31 -4
  68. package/dist/styles/tokens-wireframe-light.css +31 -4
  69. package/dist/styles/wireframe-dark.css +2693 -2474
  70. package/dist/styles/wireframe-light.css +2693 -2474
  71. package/dist/types/components/AgentTaskList/AgentTaskList.d.ts +1 -1
  72. package/dist/types/components/BadgeNumber/BadgeNumber.d.ts +17 -0
  73. package/dist/types/components/BadgeNumber/BadgeNumber.d.ts.map +1 -0
  74. package/dist/types/components/BadgeNumber/index.d.ts +3 -0
  75. package/dist/types/components/BadgeNumber/index.d.ts.map +1 -0
  76. package/dist/types/components/ChatMessage/ChatMessage.d.ts +127 -0
  77. package/dist/types/components/ChatMessage/ChatMessage.d.ts.map +1 -0
  78. package/dist/types/components/ChatMessage/index.d.ts +2 -0
  79. package/dist/types/components/ChatMessage/index.d.ts.map +1 -0
  80. package/dist/types/components/ChatMessageList/ChatMessageList.d.ts +2 -2
  81. package/dist/types/components/ChatMessageList/ChatMessageList.d.ts.map +1 -1
  82. package/dist/types/components/ChatMessageStack/ChatMessageStack.d.ts +46 -0
  83. package/dist/types/components/ChatMessageStack/ChatMessageStack.d.ts.map +1 -0
  84. package/dist/types/components/ChatMessageStack/index.d.ts +2 -0
  85. package/dist/types/components/ChatMessageStack/index.d.ts.map +1 -0
  86. package/dist/types/components/ChatPhotoGrid/ChatPhotoGrid.d.ts +1 -1
  87. package/dist/types/components/Menu/Menu.d.ts +12 -0
  88. package/dist/types/components/Menu/Menu.d.ts.map +1 -1
  89. package/dist/types/components/index.d.ts +3 -1
  90. package/dist/types/components/index.d.ts.map +1 -1
  91. package/dist/types/utils/useLongPress.d.ts +28 -0
  92. package/dist/types/utils/useLongPress.d.ts.map +1 -0
  93. package/package.json +1 -1
  94. package/tokens/t3-semantics/ui.json +29 -0
  95. package/tokens/t4-components/badge-number.json +48 -0
  96. package/tokens/t4-components/chatbubble.json +33 -7
  97. package/tokens/t4-components/chatphotogrid.json +2 -2
  98. package/dist/cjs/components/ChatBubble/ChatBubble.css +0 -300
  99. package/dist/cjs/components/ChatBubble/ChatBubble.js +0 -37
  100. package/dist/cjs/components/ChatBubble/ChatBubble.js.map +0 -1
  101. package/dist/cjs/components/ChatBubble/index.js +0 -6
  102. package/dist/cjs/components/ChatBubble/index.js.map +0 -1
  103. package/dist/esm/components/ChatBubble/ChatBubble.css +0 -300
  104. package/dist/esm/components/ChatBubble/ChatBubble.js +0 -33
  105. package/dist/esm/components/ChatBubble/ChatBubble.js.map +0 -1
  106. package/dist/esm/components/ChatBubble/index.js +0 -2
  107. package/dist/esm/components/ChatBubble/index.js.map +0 -1
  108. package/dist/styles/components/ChatBubble.css +0 -300
  109. package/dist/types/components/ChatBubble/ChatBubble.d.ts +0 -85
  110. package/dist/types/components/ChatBubble/ChatBubble.d.ts.map +0 -1
  111. package/dist/types/components/ChatBubble/index.d.ts +0 -2
  112. package/dist/types/components/ChatBubble/index.d.ts.map +0 -1
package/dist/styles/tokens-wireframe-light.css CHANGED
@@ -1256,6 +1256,18 @@
1256
1256
  --text-heading-overline-lineHeight: 1rem;
1257
1257
  --text-heading-overline-letterSpacing: 0.025em;
1258
1258
  --text-heading-overline-textCase: uppercase;
1259
+ --text-label-xs-regular-fontFamily: Helvetica;
1260
+ --text-label-xs-regular-fontWeight: 400;
1261
+ --text-label-xs-regular-fontSize: 0.75rem;
1262
+ --text-label-xs-regular-lineHeight: 0.75rem;
1263
+ --text-label-xs-semibold-fontFamily: Helvetica;
1264
+ --text-label-xs-semibold-fontWeight: 600;
1265
+ --text-label-xs-semibold-fontSize: 0.75rem;
1266
+ --text-label-xs-semibold-lineHeight: 0.75rem;
1267
+ --text-label-xs-bold-fontFamily: Helvetica;
1268
+ --text-label-xs-bold-fontWeight: 700;
1269
+ --text-label-xs-bold-fontSize: 0.75rem;
1270
+ --text-label-xs-bold-lineHeight: 0.75rem;
1259
1271
  --text-label-sm-regular-fontFamily: Helvetica;
1260
1272
  --text-label-sm-regular-fontWeight: 400;
1261
1273
  --text-label-sm-regular-fontSize: 0.875rem;
@@ -1525,11 +1537,14 @@
1525
1537
  --card-border-selected: 0.125rem solid #113264;
1526
1538
  --chatbubble-max-width: 640px;
1527
1539
  --chatbubble-radius: 0px;
1528
- --chatbubble-padding: 1rem;
1540
+ --chatbubble-padding-block: 0.75rem;
1541
+ --chatbubble-padding-inline: 1rem;
1529
1542
  --chatbubble-gap: 0.25rem;
1530
- --chatbubble-body-gap: 1.5rem;
1531
1543
  --chatbubble-row-gap: 0.75rem;
1544
+ --chatbubble-row-gap-compact: 0.5rem;
1545
+ --chatbubble-stack-gap: 0.75rem;
1532
1546
  --chatbubble-avatar-size: 3rem;
1547
+ --chatbubble-avatar-size-compact: 2rem;
1533
1548
  --chatbubble-color-own-background: #e9f6ec;
1534
1549
  --chatbubble-color-own-border: #ccebd1;
1535
1550
  --chatbubble-color-own-foreground: #202020;
@@ -1540,7 +1555,9 @@
1540
1555
  --chatbubble-color-agent-border: #fbe577;
1541
1556
  --chatbubble-color-agent-foreground: #202020;
1542
1557
  --chatbubble-color-timestamp: #202020;
1543
- --chatbubble-embed-padding: 0.75rem;
1558
+ --chatbubble-embed-padding-block: 0.75rem;
1559
+ --chatbubble-embed-padding-inline: 1rem;
1560
+ --chatbubble-embed-margin-block: 0.75rem;
1544
1561
  --chatbubble-embed-gap: 0.5rem;
1545
1562
  --chatbubble-embed-radius: 0px;
1546
1563
  --chatbubble-embed-color-own-background: #f2fcf4;
@@ -1553,7 +1570,7 @@
1553
1570
  --chatbubble-embed-color-agent-border: #fbe577;
1554
1571
  --chatbubble-embed-color-agent-foreground: #202020;
1555
1572
  --chatbubble-action-stack-gap: 0.75rem;
1556
- --chatphotogrid-gap: 0.5rem;
1573
+ --chatphotogrid-gap: 0.25rem;
1557
1574
  --chatphotogrid-radius: 0px;
1558
1575
  --chatphotogrid-color-placeholder: #e8e8e8;
1559
1576
  --chatphotogrid-color-overflow-background: rgba(0, 0, 0, 0.565);
@@ -1968,6 +1985,16 @@
1968
1985
  --badge-padding-leading-sm: 0.5rem;
1969
1986
  --badge-padding-leading-md: 0.75rem;
1970
1987
  --badge-padding-leading-lg: 0.75rem;
1988
+ --badge-number-size-2xs: 1rem;
1989
+ --badge-number-size-xs: 1.25rem;
1990
+ --badge-number-size-sm: 1.5rem;
1991
+ --badge-number-size-md: 2rem;
1992
+ --badge-number-size-lg: 2.5rem;
1993
+ --badge-number-padding-2xs: 0.25rem;
1994
+ --badge-number-padding-xs: 0.375rem;
1995
+ --badge-number-padding-sm: 0.5rem;
1996
+ --badge-number-padding-md: 0.5rem;
1997
+ --badge-number-padding-lg: 0.75rem;
1971
1998
  --table-cell-padding-x-sm: 0.5rem;
1972
1999
  --table-cell-padding-x-md: 0.75rem;
1973
2000
  --table-cell-padding-x-lg: 1rem;