@krrli/cm-designsystem 1.32.0 → 1.32.2

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 (179) hide show
  1. package/dist/assets/fallback.png.js +4 -0
  2. package/dist/cm-designsystem.css +1944 -1
  3. package/dist/components/accessible-button/AccessibleButton.js +29 -11
  4. package/dist/components/avatar/Avatar.js +91 -65
  5. package/dist/components/branding/BrandingGallery.js +212 -145
  6. package/dist/components/branding/app-icon-gradient.svg.js +4 -0
  7. package/dist/components/branding/app-icon-white.svg.js +4 -0
  8. package/dist/components/branding/hover-logo-default.svg.js +4 -0
  9. package/dist/components/branding/hover-logo-hovered.svg.js +4 -0
  10. package/dist/components/branding/logo-inline-gradient.svg.js +4 -0
  11. package/dist/components/branding/logo-inline-violet.svg.js +4 -0
  12. package/dist/components/branding/logo-inline-white.svg.js +4 -0
  13. package/dist/components/branding/logo-stacked-gradient.svg.js +4 -0
  14. package/dist/components/branding/logo-stacked-violet.svg.js +4 -0
  15. package/dist/components/branding/logo-stacked-white.svg.js +4 -0
  16. package/dist/components/branding/superzeichen.svg.js +4 -0
  17. package/dist/components/button/Button.js +61 -55
  18. package/dist/components/color/ColorDoc.js +26 -7
  19. package/dist/components/file-upload/FileUpload.js +129 -66
  20. package/dist/components/form/Form.js +33 -26
  21. package/dist/components/icon-button/IconButton.js +33 -29
  22. package/dist/components/icons/IconBase.js +21 -6
  23. package/dist/components/icons/generated/ArrowDown.js +15 -4
  24. package/dist/components/icons/generated/ArrowLeft.js +15 -4
  25. package/dist/components/icons/generated/ArrowRight.js +15 -4
  26. package/dist/components/icons/generated/ArrowUp.js +15 -4
  27. package/dist/components/icons/generated/Calendar.js +15 -4
  28. package/dist/components/icons/generated/Cancel.js +12 -4
  29. package/dist/components/icons/generated/Checkmark.js +12 -4
  30. package/dist/components/icons/generated/Edit.js +9 -4
  31. package/dist/components/icons/generated/Eye.js +15 -4
  32. package/dist/components/icons/generated/Fullscreen.js +9 -4
  33. package/dist/components/icons/generated/HeartFilled.js +15 -4
  34. package/dist/components/icons/generated/HeartOutline.js +15 -4
  35. package/dist/components/icons/generated/Location.js +15 -4
  36. package/dist/components/icons/generated/LogOut.js +12 -4
  37. package/dist/components/icons/generated/Mumble.js +13 -4
  38. package/dist/components/icons/generated/Profile.js +12 -4
  39. package/dist/components/icons/generated/ReplyFilled.js +15 -4
  40. package/dist/components/icons/generated/ReplyOutline.js +15 -4
  41. package/dist/components/icons/generated/Repost.js +15 -4
  42. package/dist/components/icons/generated/Send.js +15 -4
  43. package/dist/components/icons/generated/Settings.js +15 -4
  44. package/dist/components/icons/generated/Share.js +12 -4
  45. package/dist/components/icons/generated/Time.js +12 -4
  46. package/dist/components/icons/generated/Upload.js +21 -4
  47. package/dist/components/input/Input.js +67 -41
  48. package/dist/components/like-toggle/LikeToggle.js +203 -176
  49. package/dist/components/logo-link/LogoLink.js +56 -34
  50. package/dist/components/modal/Modal.js +66 -50
  51. package/dist/components/navi-button/NaviButton.js +42 -30
  52. package/dist/components/navi-user-button/NaviUserButton.js +39 -29
  53. package/dist/components/round-button/RoundButton.js +39 -29
  54. package/dist/components/tabs/TabItem.js +11 -8
  55. package/dist/components/tabs/Tabs.js +74 -59
  56. package/dist/components/text-link/TextLink.js +14 -11
  57. package/dist/components/textarea/Textarea.js +57 -41
  58. package/dist/components/timed-button/TimedButton.js +116 -102
  59. package/dist/components/toggle/Toggle.js +91 -62
  60. package/dist/components/typography/AccessibleTypography.js +12 -9
  61. package/dist/components/typography/Heading.js +13 -9
  62. package/dist/components/typography/Label.js +13 -9
  63. package/dist/components/typography/Paragraph.js +13 -9
  64. package/dist/components/typography/Placeholder.js +13 -9
  65. package/dist/components/typography/ValidationMessage.js +14 -9
  66. package/dist/components/typography/styles.js +53 -46
  67. package/dist/compositions/image-banner/ImageBanner.js +53 -45
  68. package/dist/compositions/image-upload-modal/ImageUploadModal.js +44 -20
  69. package/dist/compositions/post/Post.js +81 -26
  70. package/dist/compositions/post-base/PostBase.js +23 -24
  71. package/dist/compositions/post-creator/PostCreator.js +72 -24
  72. package/dist/compositions/profile-banner/ProfileBanner.js +71 -21
  73. package/dist/compositions/profile-banner-image/ProfileBannerImage.js +60 -52
  74. package/dist/compositions/profile-banner-info/ProfileBannerInfo.js +72 -40
  75. package/dist/compositions/response/Response.js +63 -19
  76. package/dist/compositions/response-creator/ResponseCreator.js +67 -23
  77. package/dist/compositions/user-info/UserInfo.js +71 -52
  78. package/dist/compositions/user-recommendation/UserRecommendation.js +58 -30
  79. package/dist/index.js +129 -4
  80. package/package.json +14 -11
  81. package/dist/components/accessible-button/AccessibleButton.d.ts +0 -32
  82. package/dist/components/accessible-button/AccessibleButton.test.d.ts +0 -1
  83. package/dist/components/accessible-button/AccessibleButton.test.js +0 -28
  84. package/dist/components/avatar/Avatar.d.ts +0 -118
  85. package/dist/components/branding/BrandingGallery.d.ts +0 -1
  86. package/dist/components/button/Button.d.ts +0 -66
  87. package/dist/components/button/Button.test.d.ts +0 -1
  88. package/dist/components/button/Button.test.js +0 -30
  89. package/dist/components/color/ColorDoc.d.ts +0 -4
  90. package/dist/components/file-upload/FileUpload.d.ts +0 -83
  91. package/dist/components/form/Form.d.ts +0 -54
  92. package/dist/components/icon-button/IconButton.d.ts +0 -69
  93. package/dist/components/icon-button/IconButton.test.d.ts +0 -1
  94. package/dist/components/icon-button/IconButton.test.js +0 -22
  95. package/dist/components/icons/IconBase.d.ts +0 -5
  96. package/dist/components/icons/generated/ArrowDown.d.ts +0 -3
  97. package/dist/components/icons/generated/ArrowLeft.d.ts +0 -3
  98. package/dist/components/icons/generated/ArrowRight.d.ts +0 -3
  99. package/dist/components/icons/generated/ArrowUp.d.ts +0 -3
  100. package/dist/components/icons/generated/Calendar.d.ts +0 -3
  101. package/dist/components/icons/generated/Cancel.d.ts +0 -3
  102. package/dist/components/icons/generated/Checkmark.d.ts +0 -3
  103. package/dist/components/icons/generated/Edit.d.ts +0 -3
  104. package/dist/components/icons/generated/Eye.d.ts +0 -3
  105. package/dist/components/icons/generated/Fullscreen.d.ts +0 -3
  106. package/dist/components/icons/generated/HeartFilled.d.ts +0 -3
  107. package/dist/components/icons/generated/HeartOutline.d.ts +0 -3
  108. package/dist/components/icons/generated/Location.d.ts +0 -3
  109. package/dist/components/icons/generated/LogOut.d.ts +0 -3
  110. package/dist/components/icons/generated/Mumble.d.ts +0 -3
  111. package/dist/components/icons/generated/Profile.d.ts +0 -3
  112. package/dist/components/icons/generated/ReplyFilled.d.ts +0 -3
  113. package/dist/components/icons/generated/ReplyOutline.d.ts +0 -3
  114. package/dist/components/icons/generated/Repost.d.ts +0 -3
  115. package/dist/components/icons/generated/Send.d.ts +0 -3
  116. package/dist/components/icons/generated/Settings.d.ts +0 -3
  117. package/dist/components/icons/generated/Share.d.ts +0 -3
  118. package/dist/components/icons/generated/Time.d.ts +0 -3
  119. package/dist/components/icons/generated/Upload.d.ts +0 -3
  120. package/dist/components/icons/generated/index.d.ts +0 -24
  121. package/dist/components/icons/generated/index.js +0 -24
  122. package/dist/components/index.d.ts +0 -27
  123. package/dist/components/index.js +0 -27
  124. package/dist/components/input/Input.d.ts +0 -61
  125. package/dist/components/like-toggle/LikeToggle.d.ts +0 -97
  126. package/dist/components/like-toggle/LikeToggle.test.d.ts +0 -1
  127. package/dist/components/like-toggle/LikeToggle.test.js +0 -35
  128. package/dist/components/logo-link/LogoLink.d.ts +0 -11
  129. package/dist/components/modal/Modal.d.ts +0 -75
  130. package/dist/components/modal/Modal.test.d.ts +0 -1
  131. package/dist/components/modal/Modal.test.js +0 -24
  132. package/dist/components/navi-button/NaviButton.d.ts +0 -49
  133. package/dist/components/navi-button/NaviButton.test.d.ts +0 -1
  134. package/dist/components/navi-button/NaviButton.test.js +0 -22
  135. package/dist/components/navi-user-button/NaviUserButton.d.ts +0 -44
  136. package/dist/components/round-button/RoundButton.d.ts +0 -44
  137. package/dist/components/round-button/RoundButton.test.d.ts +0 -1
  138. package/dist/components/round-button/RoundButton.test.js +0 -22
  139. package/dist/components/tabs/TabItem.d.ts +0 -11
  140. package/dist/components/tabs/Tabs.d.ts +0 -67
  141. package/dist/components/tabs/Tabs.test.d.ts +0 -1
  142. package/dist/components/tabs/Tabs.test.js +0 -61
  143. package/dist/components/text-link/TextLink.d.ts +0 -9
  144. package/dist/components/text-link/TextLink.test.d.ts +0 -1
  145. package/dist/components/text-link/TextLink.test.js +0 -14
  146. package/dist/components/textarea/Textarea.d.ts +0 -48
  147. package/dist/components/timed-button/TimedButton.d.ts +0 -79
  148. package/dist/components/timed-button/TimedButton.test.d.ts +0 -1
  149. package/dist/components/timed-button/TimedButton.test.js +0 -36
  150. package/dist/components/toggle/Toggle.d.ts +0 -62
  151. package/dist/components/toggle/Toggle.test.d.ts +0 -1
  152. package/dist/components/toggle/Toggle.test.js +0 -93
  153. package/dist/components/typography/AccessibleTypography.d.ts +0 -33
  154. package/dist/components/typography/Heading.d.ts +0 -24
  155. package/dist/components/typography/Label.d.ts +0 -22
  156. package/dist/components/typography/Paragraph.d.ts +0 -22
  157. package/dist/components/typography/Placeholder.d.ts +0 -17
  158. package/dist/components/typography/ValidationMessage.d.ts +0 -22
  159. package/dist/components/typography/styles.d.ts +0 -74
  160. package/dist/compositions/image-banner/ImageBanner.d.ts +0 -54
  161. package/dist/compositions/image-upload-modal/ImageUploadModal.d.ts +0 -15
  162. package/dist/compositions/index.d.ts +0 -11
  163. package/dist/compositions/index.js +0 -11
  164. package/dist/compositions/post/Post.d.ts +0 -75
  165. package/dist/compositions/post-base/PostBase.d.ts +0 -41
  166. package/dist/compositions/post-creator/PostCreator.d.ts +0 -69
  167. package/dist/compositions/profile-banner/ProfileBanner.d.ts +0 -82
  168. package/dist/compositions/profile-banner-image/ProfileBannerImage.d.ts +0 -54
  169. package/dist/compositions/profile-banner-info/ProfileBannerInfo.d.ts +0 -92
  170. package/dist/compositions/response/Response.d.ts +0 -75
  171. package/dist/compositions/response-creator/ResponseCreator.d.ts +0 -63
  172. package/dist/compositions/user-info/UserInfo.d.ts +0 -75
  173. package/dist/compositions/user-recommendation/UserRecommendation.d.ts +0 -63
  174. package/dist/favicon.svg +0 -18
  175. package/dist/index.d.ts +0 -3
  176. package/dist/index.es.js +0 -8343
  177. package/dist/logo-inline-gradient.svg +0 -43
  178. package/dist/setupTests.d.ts +0 -1
  179. package/dist/setupTests.js +0 -7
@@ -1,43 +0,0 @@
1
- <svg width="335" height="64" viewBox="0 0 335 64" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <g clip-path="url(#clip0_447_517)">
3
- <path d="M37.3333 40H26.6667C25.1406 40 23.7708 40.849 23.0885 42.2135C22.4062 43.5755 22.5521 45.1823 23.4661 46.3985L28.7995 53.513C29.5625 54.5287 30.7291 55.112 32 55.112C33.2709 55.112 34.4375 54.5287 35.2005 53.5104L40.5339 46.401C41.4479 45.1823 41.5938 43.5755 40.9115 42.2135C40.2292 40.849 38.8594 40 37.3333 40Z" fill="#7C3AED"/>
4
- <path d="M60.8958 25.7214C60.1877 23.8527 59.3084 21.9657 58.2887 20.1138C61.7077 18.3183 64 14.7352 64 10.6667C64 4.78387 59.2161 0 53.3333 0C49.492 0 45.9251 2.24267 43.9906 5.5568C40.4551 3.7544 36.4598 2.66667 32 2.66667C27.5402 2.66667 23.5451 3.75456 20.0094 5.5568C18.0749 2.24267 14.508 0 10.6667 0C4.78387 0 0 4.78387 0 10.6667C0 14.7347 2.29168 18.3177 5.70997 20.1133C4.68979 21.9653 3.81021 23.8525 3.10157 25.7214C0.109387 33.625 -2.22656 44.8281 3.64845 53.3359C8.53387 60.4115 18.0729 64 32 64C45.9271 64 55.4661 60.4115 60.3516 53.3359C66.2266 44.8281 63.888 33.625 60.8958 25.7214ZM55.9635 50.3047C52.1328 55.8542 44.0703 58.6667 32 58.6667C19.9297 58.6667 11.8672 55.8542 8.03645 50.3047C3.47656 43.7031 5.54947 34.3203 8.08853 27.612C9.33072 24.3359 16.3203 8 32 8C47.6797 8 54.6693 24.3359 55.9115 27.612C58.4505 34.3203 60.5234 43.7031 55.9635 50.3047Z" fill="#7C3AED"/>
5
- <path d="M25.7031 33.013C28.1094 29.5911 28.3177 28.2291 27.7161 25.875C26.5755 21.4089 23.7318 20.4713 21.5495 20.4713C16.1276 20.4713 11.8984 27.789 11.8463 31.4479C11.8151 33.6458 12.7031 35.9349 14.1693 37.4218C15.1979 38.4635 16.4062 39.0156 17.6666 39.0156C21.0339 39.0156 23.6198 35.9818 25.7031 33.013Z" fill="#7C3AED"/>
6
- <path d="M42.4505 20.4714C40.2682 20.4714 37.4245 21.4089 36.2839 25.875C35.6823 28.2292 35.8906 29.5911 38.2969 33.013C40.3802 35.9818 42.9662 39.0157 46.3333 39.0157C47.5938 39.0157 48.8021 38.4636 49.8307 37.4219C51.2969 35.9349 52.1849 33.6458 52.1536 31.4505C52.1016 27.7891 47.8724 20.4714 42.4505 20.4714Z" fill="#7C3AED"/>
7
- </g>
8
- <path d="M138.88 10.496V55.424H127.936V28.48L117.888 55.424H109.056L98.944 28.416V55.424H88V10.496H100.928L113.536 41.6L126.016 10.496H138.88Z" fill="url(#paint0_linear_447_517)"/>
9
- <path d="M178.174 19.712V55.424H167.23V50.56C166.121 52.1387 164.606 53.4187 162.686 54.4C160.809 55.3387 158.718 55.808 156.414 55.808C153.683 55.808 151.273 55.2107 149.182 54.016C147.091 52.7787 145.47 51.008 144.318 48.704C143.166 46.4 142.59 43.6907 142.59 40.576V19.712H153.47V39.104C153.47 41.4934 154.089 43.3494 155.326 44.672C156.563 45.9947 158.227 46.656 160.318 46.656C162.451 46.656 164.137 45.9947 165.374 44.672C166.611 43.3494 167.23 41.4934 167.23 39.104V19.712H178.174Z" fill="url(#paint1_linear_447_517)"/>
10
- <path d="M227.763 19.328C232.2 19.328 235.72 20.672 238.323 23.36C240.968 26.048 242.291 29.7814 242.291 34.56V55.424H231.411V36.032C231.411 33.728 230.792 31.9574 229.555 30.72C228.36 29.44 226.696 28.8 224.563 28.8C222.43 28.8 220.744 29.44 219.507 30.72C218.312 31.9574 217.715 33.728 217.715 36.032V55.424H206.835V36.032C206.835 33.728 206.216 31.9574 204.979 30.72C203.784 29.44 202.12 28.8 199.987 28.8C197.854 28.8 196.168 29.44 194.931 30.72C193.736 31.9574 193.139 33.728 193.139 36.032V55.424H182.195V19.712H193.139V24.192C194.248 22.6987 195.699 21.5254 197.491 20.672C199.283 19.776 201.31 19.328 203.571 19.328C206.259 19.328 208.648 19.904 210.739 21.056C212.872 22.208 214.536 23.8507 215.731 25.984C216.968 24.0214 218.654 22.4214 220.787 21.184C222.92 19.9467 225.246 19.328 227.763 19.328Z" fill="url(#paint2_linear_447_517)"/>
11
- <path d="M257.049 24.768C258.073 23.104 259.545 21.76 261.465 20.736C263.385 19.712 265.582 19.2 268.057 19.2C271.001 19.2 273.668 19.9467 276.057 21.44C278.446 22.9334 280.324 25.0667 281.689 27.84C283.097 30.6134 283.801 33.8347 283.801 37.504C283.801 41.1734 283.097 44.416 281.689 47.232C280.324 50.0054 278.446 52.16 276.057 53.696C273.668 55.1894 271.001 55.936 268.057 55.936C265.54 55.936 263.342 55.4454 261.465 54.464C259.588 53.44 258.116 52.096 257.049 50.432V55.424H246.105V8.06403H257.049V24.768ZM272.665 37.504C272.665 34.7734 271.897 32.64 270.361 31.104C268.868 29.5254 267.012 28.736 264.793 28.736C262.617 28.736 260.761 29.5254 259.225 31.104C257.732 32.6827 256.985 34.8374 256.985 37.568C256.985 40.2987 257.732 42.4534 259.225 44.032C260.761 45.6107 262.617 46.4 264.793 46.4C266.969 46.4 268.825 45.6107 270.361 44.032C271.897 42.4107 272.665 40.2347 272.665 37.504Z" fill="url(#paint3_linear_447_517)"/>
12
- <path d="M296.646 8.06403V55.424H285.702V8.06403H296.646Z" fill="url(#paint4_linear_447_517)"/>
13
- <path d="M334.402 36.992C334.402 38.016 334.337 39.0827 334.21 40.192H309.441C309.612 42.4107 310.316 44.1174 311.553 45.312C312.833 46.464 314.391 47.04 316.226 47.04C318.956 47.04 320.855 45.888 321.922 43.584H333.57C332.972 45.9307 331.884 48.0427 330.306 49.92C328.77 51.7974 326.828 53.2694 324.482 54.336C322.135 55.4027 319.511 55.936 316.609 55.936C313.111 55.936 309.996 55.1894 307.266 53.696C304.535 52.2027 302.402 50.0694 300.866 47.296C299.33 44.5227 298.562 41.28 298.562 37.568C298.562 33.856 299.308 30.6134 300.801 27.84C302.337 25.0667 304.471 22.9334 307.202 21.44C309.932 19.9467 313.068 19.2 316.609 19.2C320.065 19.2 323.137 19.9254 325.826 21.376C328.514 22.8267 330.604 24.896 332.098 27.584C333.633 30.272 334.402 33.408 334.402 36.992ZM323.202 34.112C323.202 32.2347 322.562 30.7414 321.282 29.632C320.002 28.5227 318.402 27.968 316.482 27.968C314.647 27.968 313.09 28.5014 311.81 29.568C310.572 30.6347 309.804 32.1494 309.506 34.112H323.202Z" fill="url(#paint5_linear_447_517)"/>
14
- <defs>
15
- <linearGradient id="paint0_linear_447_517" x1="88" y1="32" x2="334.402" y2="32" gradientUnits="userSpaceOnUse">
16
- <stop stop-color="#EC4899"/>
17
- <stop offset="1" stop-color="#7C3AED"/>
18
- </linearGradient>
19
- <linearGradient id="paint1_linear_447_517" x1="88" y1="32" x2="334.402" y2="32" gradientUnits="userSpaceOnUse">
20
- <stop stop-color="#EC4899"/>
21
- <stop offset="1" stop-color="#7C3AED"/>
22
- </linearGradient>
23
- <linearGradient id="paint2_linear_447_517" x1="88" y1="32" x2="334.402" y2="32" gradientUnits="userSpaceOnUse">
24
- <stop stop-color="#EC4899"/>
25
- <stop offset="1" stop-color="#7C3AED"/>
26
- </linearGradient>
27
- <linearGradient id="paint3_linear_447_517" x1="88" y1="32" x2="334.402" y2="32" gradientUnits="userSpaceOnUse">
28
- <stop stop-color="#EC4899"/>
29
- <stop offset="1" stop-color="#7C3AED"/>
30
- </linearGradient>
31
- <linearGradient id="paint4_linear_447_517" x1="88" y1="32" x2="334.402" y2="32" gradientUnits="userSpaceOnUse">
32
- <stop stop-color="#EC4899"/>
33
- <stop offset="1" stop-color="#7C3AED"/>
34
- </linearGradient>
35
- <linearGradient id="paint5_linear_447_517" x1="88" y1="32" x2="334.402" y2="32" gradientUnits="userSpaceOnUse">
36
- <stop stop-color="#EC4899"/>
37
- <stop offset="1" stop-color="#7C3AED"/>
38
- </linearGradient>
39
- <clipPath id="clip0_447_517">
40
- <rect width="64" height="64" fill="white"/>
41
- </clipPath>
42
- </defs>
43
- </svg>
@@ -1 +0,0 @@
1
- import "@testing-library/jest-dom/vitest";
@@ -1,7 +0,0 @@
1
- import "@testing-library/jest-dom/vitest";
2
- import { cleanup } from "@testing-library/react";
3
- import { afterEach } from "vitest";
4
- // runs a clean after each test case (e.g. clearing jsdom)
5
- afterEach(() => {
6
- cleanup();
7
- });