@marioschmidt/design-system-components 1.3.0 → 1.3.1

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 (383) hide show
  1. package/dist/bds/bds.esm.js +1 -1
  2. package/dist/bds/{p-Bi1FQZ1d.js → p-DUrpTa_b.js} +2 -2
  3. package/dist/bds/p-f4e1fe1f.entry.js +1 -0
  4. package/dist/cjs/bds.cjs.js +2 -2
  5. package/dist/cjs/ds-button_3.cjs.entry.js +216 -0
  6. package/dist/cjs/{index-C-P4EzGy.js → index-yDPq0GyD.js} +105 -5
  7. package/dist/cjs/loader.cjs.js +2 -2
  8. package/dist/collection/collection-manifest.json +2 -1
  9. package/dist/collection/ds-button/ds-button.css +12 -0
  10. package/dist/collection/ds-button/ds-button.js +1 -1
  11. package/dist/collection/ds-card/ds-card.js +2 -2
  12. package/dist/collection/ds-icon/ds-icon.css +75 -0
  13. package/dist/collection/ds-icon/ds-icon.js +317 -0
  14. package/dist/components/ds-button.js +1 -1
  15. package/dist/components/ds-card.js +1 -1
  16. package/dist/components/ds-icon.d.ts +11 -0
  17. package/dist/components/ds-icon.js +1 -0
  18. package/dist/components/index.js +1 -1
  19. package/dist/docs/ds-icon/readme.md +19 -0
  20. package/dist/esm/bds.js +3 -3
  21. package/dist/esm/ds-button_3.entry.js +212 -0
  22. package/dist/esm/{index-Bi1FQZ1d.js → index-DUrpTa_b.js} +105 -6
  23. package/dist/esm/loader.js +3 -3
  24. package/dist/types/components.d.ts +71 -0
  25. package/dist/types/ds-icon/ds-icon.d.ts +58 -0
  26. package/dist/www/build/bds.esm.js +1 -1
  27. package/dist/www/build/{p-Bi1FQZ1d.js → p-DUrpTa_b.js} +2 -2
  28. package/dist/www/build/p-f4e1fe1f.entry.js +1 -0
  29. package/dist/www/css/advertorial/components/_dsysdocs.css +1 -1
  30. package/dist/www/css/advertorial/components/article.css +1 -1
  31. package/dist/www/css/advertorial/components/audioplayer.css +1 -1
  32. package/dist/www/css/advertorial/components/avatar.css +1 -1
  33. package/dist/www/css/advertorial/components/badge.css +1 -1
  34. package/dist/www/css/advertorial/components/breadcrumb.css +1 -1
  35. package/dist/www/css/advertorial/components/breakingnews.css +1 -1
  36. package/dist/www/css/advertorial/components/button.css +1 -1
  37. package/dist/www/css/advertorial/components/card.css +1 -1
  38. package/dist/www/css/advertorial/components/carousel.css +1 -1
  39. package/dist/www/css/advertorial/components/chip.css +1 -1
  40. package/dist/www/css/advertorial/components/datepicker.css +1 -1
  41. package/dist/www/css/advertorial/components/drawers.css +1 -1
  42. package/dist/www/css/advertorial/components/dropdown.css +1 -1
  43. package/dist/www/css/advertorial/components/footer.css +1 -1
  44. package/dist/www/css/advertorial/components/icon.css +1 -1
  45. package/dist/www/css/advertorial/components/iconbutton.css +1 -1
  46. package/dist/www/css/advertorial/components/infoelement.css +1 -1
  47. package/dist/www/css/advertorial/components/inputfield.css +1 -1
  48. package/dist/www/css/advertorial/components/liveticker.css +1 -1
  49. package/dist/www/css/advertorial/components/mediaplayer.css +1 -1
  50. package/dist/www/css/advertorial/components/menu.css +1 -1
  51. package/dist/www/css/advertorial/components/newsticker.css +1 -1
  52. package/dist/www/css/advertorial/components/pagination.css +1 -1
  53. package/dist/www/css/advertorial/components/paywall.css +1 -1
  54. package/dist/www/css/advertorial/components/quote.css +1 -1
  55. package/dist/www/css/advertorial/components/radiobutton.css +1 -1
  56. package/dist/www/css/advertorial/components/search.css +1 -1
  57. package/dist/www/css/advertorial/components/sectiontitle.css +1 -1
  58. package/dist/www/css/advertorial/components/separator.css +1 -1
  59. package/dist/www/css/advertorial/components/skeletons.css +1 -1
  60. package/dist/www/css/advertorial/components/slider.css +1 -1
  61. package/dist/www/css/advertorial/components/specialnavi.css +1 -1
  62. package/dist/www/css/advertorial/components/spinner.css +1 -1
  63. package/dist/www/css/advertorial/components/tab.css +1 -1
  64. package/dist/www/css/advertorial/components/table.css +1 -1
  65. package/dist/www/css/advertorial/components/teaser.css +1 -1
  66. package/dist/www/css/advertorial/components/toggleswitch.css +1 -1
  67. package/dist/www/css/advertorial/components/video.css +1 -1
  68. package/dist/www/css/advertorial/theme.css +1 -1
  69. package/dist/www/css/advertorial/tokens.css +1 -1
  70. package/dist/www/css/bild/components/_dsysdoc.css +1 -1
  71. package/dist/www/css/bild/components/_dsysdocs.css +1 -1
  72. package/dist/www/css/bild/components/alert.css +1 -1
  73. package/dist/www/css/bild/components/article.css +1 -1
  74. package/dist/www/css/bild/components/audioplayer.css +1 -1
  75. package/dist/www/css/bild/components/avatar.css +1 -1
  76. package/dist/www/css/bild/components/badge.css +1 -1
  77. package/dist/www/css/bild/components/breadcrumb.css +1 -1
  78. package/dist/www/css/bild/components/breakingnews.css +1 -1
  79. package/dist/www/css/bild/components/button.css +1 -1
  80. package/dist/www/css/bild/components/card.css +1 -1
  81. package/dist/www/css/bild/components/carousel.css +1 -1
  82. package/dist/www/css/bild/components/chip.css +1 -1
  83. package/dist/www/css/bild/components/datepicker.css +1 -1
  84. package/dist/www/css/bild/components/drawers.css +1 -1
  85. package/dist/www/css/bild/components/dropdown.css +1 -1
  86. package/dist/www/css/bild/components/empties.css +1 -1
  87. package/dist/www/css/bild/components/footer.css +1 -1
  88. package/dist/www/css/bild/components/gallery.css +1 -1
  89. package/dist/www/css/bild/components/icon.css +1 -1
  90. package/dist/www/css/bild/components/iconbutton.css +1 -1
  91. package/dist/www/css/bild/components/infoelement.css +1 -1
  92. package/dist/www/css/bild/components/inputfield.css +1 -1
  93. package/dist/www/css/bild/components/kicker.css +1 -1
  94. package/dist/www/css/bild/components/liveticker.css +1 -1
  95. package/dist/www/css/bild/components/mediaplayer.css +1 -1
  96. package/dist/www/css/bild/components/menu.css +1 -1
  97. package/dist/www/css/bild/components/menuitem.css +1 -1
  98. package/dist/www/css/bild/components/newsticker.css +1 -1
  99. package/dist/www/css/bild/components/pagination.css +1 -1
  100. package/dist/www/css/bild/components/partnerlinks.css +1 -1
  101. package/dist/www/css/bild/components/paywall.css +1 -1
  102. package/dist/www/css/bild/components/quote.css +1 -1
  103. package/dist/www/css/bild/components/radiobutton.css +1 -1
  104. package/dist/www/css/bild/components/search.css +1 -1
  105. package/dist/www/css/bild/components/sectiontitle.css +1 -1
  106. package/dist/www/css/bild/components/selection.css +1 -1
  107. package/dist/www/css/bild/components/separator.css +1 -1
  108. package/dist/www/css/bild/components/skeletons.css +1 -1
  109. package/dist/www/css/bild/components/slider.css +1 -1
  110. package/dist/www/css/bild/components/specialnavi.css +1 -1
  111. package/dist/www/css/bild/components/spinner.css +1 -1
  112. package/dist/www/css/bild/components/subheader.css +1 -1
  113. package/dist/www/css/bild/components/tab.css +1 -1
  114. package/dist/www/css/bild/components/table.css +1 -1
  115. package/dist/www/css/bild/components/teaser.css +1 -1
  116. package/dist/www/css/bild/components/toggleswitch.css +1 -1
  117. package/dist/www/css/bild/components/video.css +1 -1
  118. package/dist/www/css/bild/theme.css +1 -1
  119. package/dist/www/css/bild/tokens.css +1 -1
  120. package/dist/www/css/bundles/advertorial.css +1 -1
  121. package/dist/www/css/bundles/bild.css +1 -1
  122. package/dist/www/css/bundles/sportbild.css +1 -1
  123. package/dist/www/css/shared/colorprimitive.css +1 -1
  124. package/dist/www/css/shared/fontprimitive.css +1 -1
  125. package/dist/www/css/shared/primitives.css +1 -1
  126. package/dist/www/css/shared/sizeprimitive.css +1 -1
  127. package/dist/www/css/shared/spaceprimitive.css +1 -1
  128. package/dist/www/css/sportbild/components/_dsysdoc.css +1 -1
  129. package/dist/www/css/sportbild/components/_dsysdocs.css +1 -1
  130. package/dist/www/css/sportbild/components/alert.css +1 -1
  131. package/dist/www/css/sportbild/components/article.css +1 -1
  132. package/dist/www/css/sportbild/components/audioplayer.css +1 -1
  133. package/dist/www/css/sportbild/components/avatar.css +1 -1
  134. package/dist/www/css/sportbild/components/badge.css +1 -1
  135. package/dist/www/css/sportbild/components/breadcrumb.css +1 -1
  136. package/dist/www/css/sportbild/components/breakingnews.css +1 -1
  137. package/dist/www/css/sportbild/components/button.css +1 -1
  138. package/dist/www/css/sportbild/components/card.css +1 -1
  139. package/dist/www/css/sportbild/components/carousel.css +1 -1
  140. package/dist/www/css/sportbild/components/chip.css +1 -1
  141. package/dist/www/css/sportbild/components/datepicker.css +1 -1
  142. package/dist/www/css/sportbild/components/drawers.css +1 -1
  143. package/dist/www/css/sportbild/components/dropdown.css +1 -1
  144. package/dist/www/css/sportbild/components/empties.css +1 -1
  145. package/dist/www/css/sportbild/components/footer.css +1 -1
  146. package/dist/www/css/sportbild/components/gallery.css +1 -1
  147. package/dist/www/css/sportbild/components/icon.css +1 -1
  148. package/dist/www/css/sportbild/components/iconbutton.css +1 -1
  149. package/dist/www/css/sportbild/components/infoelement.css +1 -1
  150. package/dist/www/css/sportbild/components/inputfield.css +1 -1
  151. package/dist/www/css/sportbild/components/kicker.css +1 -1
  152. package/dist/www/css/sportbild/components/liveticker.css +1 -1
  153. package/dist/www/css/sportbild/components/mediaplayer.css +1 -1
  154. package/dist/www/css/sportbild/components/menu.css +1 -1
  155. package/dist/www/css/sportbild/components/menuitem.css +1 -1
  156. package/dist/www/css/sportbild/components/newsticker.css +1 -1
  157. package/dist/www/css/sportbild/components/pagination.css +1 -1
  158. package/dist/www/css/sportbild/components/partnerlinks.css +1 -1
  159. package/dist/www/css/sportbild/components/paywall.css +1 -1
  160. package/dist/www/css/sportbild/components/quote.css +1 -1
  161. package/dist/www/css/sportbild/components/radiobutton.css +1 -1
  162. package/dist/www/css/sportbild/components/search.css +1 -1
  163. package/dist/www/css/sportbild/components/sectiontitle.css +1 -1
  164. package/dist/www/css/sportbild/components/selection.css +1 -1
  165. package/dist/www/css/sportbild/components/separator.css +1 -1
  166. package/dist/www/css/sportbild/components/skeletons.css +1 -1
  167. package/dist/www/css/sportbild/components/slider.css +1 -1
  168. package/dist/www/css/sportbild/components/specialnavi.css +1 -1
  169. package/dist/www/css/sportbild/components/spinner.css +1 -1
  170. package/dist/www/css/sportbild/components/subheader.css +1 -1
  171. package/dist/www/css/sportbild/components/tab.css +1 -1
  172. package/dist/www/css/sportbild/components/table.css +1 -1
  173. package/dist/www/css/sportbild/components/teaser.css +1 -1
  174. package/dist/www/css/sportbild/components/toggleswitch.css +1 -1
  175. package/dist/www/css/sportbild/components/video.css +1 -1
  176. package/dist/www/css/sportbild/theme.css +1 -1
  177. package/dist/www/css/sportbild/tokens.css +1 -1
  178. package/dist/www/icons/2-liga-logo.svg +1 -0
  179. package/dist/www/icons/account.svg +1 -0
  180. package/dist/www/icons/add.svg +1 -0
  181. package/dist/www/icons/adjust.svg +1 -0
  182. package/dist/www/icons/android.svg +1 -0
  183. package/dist/www/icons/apple-ios.svg +1 -0
  184. package/dist/www/icons/arrow-down.svg +1 -0
  185. package/dist/www/icons/arrow-left.svg +1 -0
  186. package/dist/www/icons/arrow-right.svg +1 -0
  187. package/dist/www/icons/arrow-up.svg +1 -0
  188. package/dist/www/icons/arscan.svg +1 -0
  189. package/dist/www/icons/auto.svg +1 -0
  190. package/dist/www/icons/autobild-logo.svg +1 -0
  191. package/dist/www/icons/bams-logo.svg +1 -0
  192. package/dist/www/icons/basketball.svg +1 -0
  193. package/dist/www/icons/bild-club-logo.svg +1 -0
  194. package/dist/www/icons/bild-logo.svg +1 -0
  195. package/dist/www/icons/bildplay-logo.svg +1 -0
  196. package/dist/www/icons/bildplus-logo-simple.svg +1 -0
  197. package/dist/www/icons/bildplus-logo.svg +1 -0
  198. package/dist/www/icons/bin.svg +1 -0
  199. package/dist/www/icons/bookmark.svg +1 -0
  200. package/dist/www/icons/boxing.svg +1 -0
  201. package/dist/www/icons/bundesliga-logo.svg +1 -0
  202. package/dist/www/icons/burgermenu.svg +1 -0
  203. package/dist/www/icons/calendar.svg +1 -0
  204. package/dist/www/icons/camera.svg +1 -0
  205. package/dist/www/icons/cards.svg +1 -0
  206. package/dist/www/icons/checklist.svg +1 -0
  207. package/dist/www/icons/checkmark-circled.svg +1 -0
  208. package/dist/www/icons/checkmark.svg +1 -0
  209. package/dist/www/icons/chevron-down.svg +1 -0
  210. package/dist/www/icons/chevron-left.svg +1 -0
  211. package/dist/www/icons/chevron-right.svg +1 -0
  212. package/dist/www/icons/chevron-up.svg +1 -0
  213. package/dist/www/icons/clock.svg +1 -0
  214. package/dist/www/icons/close.svg +1 -0
  215. package/dist/www/icons/comment.svg +1 -0
  216. package/dist/www/icons/computerbild-logo.svg +1 -0
  217. package/dist/www/icons/controller.svg +1 -0
  218. package/dist/www/icons/copy.svg +1 -0
  219. package/dist/www/icons/credit-card.svg +1 -0
  220. package/dist/www/icons/dark-mode.svg +1 -0
  221. package/dist/www/icons/data-protection.svg +1 -0
  222. package/dist/www/icons/desktop-checkmark.svg +1 -0
  223. package/dist/www/icons/desktop-questionmark.svg +1 -0
  224. package/dist/www/icons/desktop.svg +1 -0
  225. package/dist/www/icons/digital.svg +1 -0
  226. package/dist/www/icons/download.svg +1 -0
  227. package/dist/www/icons/edit.svg +1 -0
  228. package/dist/www/icons/enter-fullscreen.svg +1 -0
  229. package/dist/www/icons/erotik.svg +1 -0
  230. package/dist/www/icons/exclamationmark-circle.svg +1 -0
  231. package/dist/www/icons/exit-fullscreen.svg +1 -0
  232. package/dist/www/icons/external-intext.svg +1 -0
  233. package/dist/www/icons/external-link.svg +1 -0
  234. package/dist/www/icons/fast-back-chevron.svg +1 -0
  235. package/dist/www/icons/fast-back-filled.svg +1 -0
  236. package/dist/www/icons/fast-back.svg +1 -0
  237. package/dist/www/icons/fast-forward-chevron.svg +1 -0
  238. package/dist/www/icons/fast-forward-filled.svg +1 -0
  239. package/dist/www/icons/fast-forward.svg +1 -0
  240. package/dist/www/icons/fast-upward.svg +1 -0
  241. package/dist/www/icons/football.svg +1 -0
  242. package/dist/www/icons/fussball.svg +1 -0
  243. package/dist/www/icons/geld.svg +1 -0
  244. package/dist/www/icons/gesundheit.svg +1 -0
  245. package/dist/www/icons/gewinnspiele.svg +1 -0
  246. package/dist/www/icons/gtcs.svg +1 -0
  247. package/dist/www/icons/handball.svg +1 -0
  248. package/dist/www/icons/headphones.svg +1 -0
  249. package/dist/www/icons/heart.svg +1 -0
  250. package/dist/www/icons/hey-logo.svg +1 -0
  251. package/dist/www/icons/hide.svg +1 -0
  252. package/dist/www/icons/history.svg +1 -0
  253. package/dist/www/icons/hockey.svg +1 -0
  254. package/dist/www/icons/home.svg +1 -0
  255. package/dist/www/icons/horoskop.svg +1 -0
  256. package/dist/www/icons/image-gallery.svg +1 -0
  257. package/dist/www/icons/image.svg +1 -0
  258. package/dist/www/icons/imprint.svg +1 -0
  259. package/dist/www/icons/information.svg +1 -0
  260. package/dist/www/icons/input.svg +1 -0
  261. package/dist/www/icons/kino.svg +1 -0
  262. package/dist/www/icons/lifestyle.svg +1 -0
  263. package/dist/www/icons/light-mode.svg +1 -0
  264. package/dist/www/icons/list-checked.svg +1 -0
  265. package/dist/www/icons/live-badge.svg +1 -0
  266. package/dist/www/icons/locked.svg +1 -0
  267. package/dist/www/icons/log-out.svg +1 -0
  268. package/dist/www/icons/logged-in.svg +1 -0
  269. package/dist/www/icons/login.svg +1 -0
  270. package/dist/www/icons/lotto.svg +1 -0
  271. package/dist/www/icons/mail.svg +1 -0
  272. package/dist/www/icons/manifest.json +33 -0
  273. package/dist/www/icons/marktplatz-logo.svg +1 -0
  274. package/dist/www/icons/maximize-pip.svg +1 -0
  275. package/dist/www/icons/maximize.svg +1 -0
  276. package/dist/www/icons/mein-verein.svg +1 -0
  277. package/dist/www/icons/menu.svg +1 -0
  278. package/dist/www/icons/minimize-pip.svg +1 -0
  279. package/dist/www/icons/minimize.svg +1 -0
  280. package/dist/www/icons/motorsport.svg +1 -0
  281. package/dist/www/icons/mute.svg +1 -0
  282. package/dist/www/icons/mypass.svg +1 -0
  283. package/dist/www/icons/netid.svg +1 -0
  284. package/dist/www/icons/news-ticker.svg +1 -0
  285. package/dist/www/icons/news.svg +1 -0
  286. package/dist/www/icons/notifications-off.svg +1 -0
  287. package/dist/www/icons/notifications-on.svg +1 -0
  288. package/dist/www/icons/ost-sport.svg +1 -0
  289. package/dist/www/icons/paper.svg +1 -0
  290. package/dist/www/icons/participate.svg +1 -0
  291. package/dist/www/icons/pause-filled.svg +1 -0
  292. package/dist/www/icons/pause.svg +1 -0
  293. package/dist/www/icons/payment-mastercard.svg +1 -0
  294. package/dist/www/icons/pin.svg +1 -0
  295. package/dist/www/icons/placeholder.svg +1 -0
  296. package/dist/www/icons/play-filled.svg +1 -0
  297. package/dist/www/icons/play.svg +1 -0
  298. package/dist/www/icons/podcast-amazon.svg +1 -0
  299. package/dist/www/icons/podcast-applepodcast.svg +1 -0
  300. package/dist/www/icons/podcast-deezer.svg +1 -0
  301. package/dist/www/icons/podcast-googlepodcasts.svg +1 -0
  302. package/dist/www/icons/podcast-spotify.svg +1 -0
  303. package/dist/www/icons/politik.svg +1 -0
  304. package/dist/www/icons/push-notification.svg +1 -0
  305. package/dist/www/icons/questionmark-circle.svg +1 -0
  306. package/dist/www/icons/quote.svg +1 -0
  307. package/dist/www/icons/raetsel.svg +1 -0
  308. package/dist/www/icons/ratgeber.svg +1 -0
  309. package/dist/www/icons/regio.svg +1 -0
  310. package/dist/www/icons/reise.svg +1 -0
  311. package/dist/www/icons/reload.svg +1 -0
  312. package/dist/www/icons/replay.svg +1 -0
  313. package/dist/www/icons/ressorts.svg +1 -0
  314. package/dist/www/icons/revocation.svg +1 -0
  315. package/dist/www/icons/rewind-ten-sec.svg +1 -0
  316. package/dist/www/icons/search.svg +1 -0
  317. package/dist/www/icons/send.svg +1 -0
  318. package/dist/www/icons/settings.svg +1 -0
  319. package/dist/www/icons/sex-und-liebe.svg +1 -0
  320. package/dist/www/icons/share.svg +1 -0
  321. package/dist/www/icons/sharecast.svg +1 -0
  322. package/dist/www/icons/shopping-cart.svg +1 -0
  323. package/dist/www/icons/show.svg +1 -0
  324. package/dist/www/icons/sign-up.svg +1 -0
  325. package/dist/www/icons/skip-next-chevron.svg +1 -0
  326. package/dist/www/icons/skip-next-filled.svg +1 -0
  327. package/dist/www/icons/skip-next.svg +1 -0
  328. package/dist/www/icons/skip-previous-chevron.svg +1 -0
  329. package/dist/www/icons/skip-previous-filled.svg +1 -0
  330. package/dist/www/icons/skip-previous.svg +1 -0
  331. package/dist/www/icons/skip-ten-sec.svg +1 -0
  332. package/dist/www/icons/smartphone.svg +1 -0
  333. package/dist/www/icons/social-facebook.svg +1 -0
  334. package/dist/www/icons/social-fb-messagner.svg +1 -0
  335. package/dist/www/icons/social-google.svg +1 -0
  336. package/dist/www/icons/social-instagram.svg +1 -0
  337. package/dist/www/icons/social-linkedin.svg +1 -0
  338. package/dist/www/icons/social-snapchat.svg +1 -0
  339. package/dist/www/icons/social-whatsapp.svg +1 -0
  340. package/dist/www/icons/social-x-twitter.svg +1 -0
  341. package/dist/www/icons/social-xing.svg +1 -0
  342. package/dist/www/icons/social-youtube.svg +1 -0
  343. package/dist/www/icons/speed.svg +1 -0
  344. package/dist/www/icons/sport-bild-logo.svg +1 -0
  345. package/dist/www/icons/sport-live.svg +1 -0
  346. package/dist/www/icons/sport-ticker.svg +1 -0
  347. package/dist/www/icons/sport.svg +1 -0
  348. package/dist/www/icons/sportimtv.svg +1 -0
  349. package/dist/www/icons/ssl.svg +1 -0
  350. package/dist/www/icons/star.svg +1 -0
  351. package/dist/www/icons/substract.svg +1 -0
  352. package/dist/www/icons/sz-ticker.svg +1 -0
  353. package/dist/www/icons/telephone.svg +1 -0
  354. package/dist/www/icons/tennis.svg +1 -0
  355. package/dist/www/icons/three-dot-horizontal.svg +1 -0
  356. package/dist/www/icons/three-dot-vertical.svg +1 -0
  357. package/dist/www/icons/thumbs-down.svg +1 -0
  358. package/dist/www/icons/thumbs-up.svg +1 -0
  359. package/dist/www/icons/trending.svg +1 -0
  360. package/dist/www/icons/tv.svg +1 -0
  361. package/dist/www/icons/unlocked.svg +1 -0
  362. package/dist/www/icons/unquote.svg +1 -0
  363. package/dist/www/icons/unterhaltung.svg +1 -0
  364. package/dist/www/icons/upload.svg +1 -0
  365. package/dist/www/icons/us-sport.svg +1 -0
  366. package/dist/www/icons/verimi.svg +1 -0
  367. package/dist/www/icons/video-error.svg +1 -0
  368. package/dist/www/icons/video-recommendations.svg +1 -0
  369. package/dist/www/icons/video.svg +1 -0
  370. package/dist/www/icons/volume-down.svg +1 -0
  371. package/dist/www/icons/volume-up.svg +1 -0
  372. package/dist/www/icons/vote.svg +1 -0
  373. package/dist/www/icons/warning.svg +1 -0
  374. package/dist/www/icons/web.svg +1 -0
  375. package/dist/www/icons/wetter.svg +1 -0
  376. package/dist/www/icons/wrestling.svg +1 -0
  377. package/dist/www/icons/zoom-in.svg +1 -0
  378. package/dist/www/index.html +2 -2
  379. package/package.json +1 -1
  380. package/dist/bds/p-3f9754c9.entry.js +0 -1
  381. package/dist/cjs/ds-button_2.cjs.entry.js +0 -51
  382. package/dist/esm/ds-button_2.entry.js +0 -48
  383. package/dist/www/build/p-3f9754c9.entry.js +0 -1
package/dist/www/icons/vote.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M16.26 6.28 12.59 2 8.05 6.1l1.33 1.48 3.03-2.72 2.33 2.72z"/><path fill="currentColor" fill-rule="evenodd" d="M2 15V9h20v6h-2v7H4v-7zm4 0h12v5H6zm14-4v2H4v-2z" clip-rule="evenodd"/></svg>
package/dist/www/icons/warning.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="m10.93 11.18.6 4.8h.92l.62-4.8v-.4h-2.14zm.1 5.5v1.8h1.93v-1.8z"/><path fill="currentColor" fill-rule="evenodd" d="m2 21.5 10.1-20 9.9 20zm3.25-2 6.83-13.53 6.7 13.53z" clip-rule="evenodd"/></svg>
package/dist/www/icons/web.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20M4.06 13a8 8 0 0 0 5.39 6.58A13 13 0 0 1 7.04 13zm12.9 0a13 13 0 0 1-2.41 6.58A8 8 0 0 0 19.94 13zm-7.91 0c.22 2.4 1.24 4.68 2.95 6.57A11.4 11.4 0 0 0 14.95 13zm.4-8.58A8 8 0 0 0 4.06 11h2.98a13 13 0 0 1 2.41-6.58m2.55.01A11.4 11.4 0 0 0 9.05 11h5.9A11.4 11.4 0 0 0 12 4.43m2.55-.01A13 13 0 0 1 16.96 11h2.98a8 8 0 0 0-5.4-6.58" clip-rule="evenodd"/></svg>
package/dist/www/icons/wetter.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 8a6.4 6.4 0 0 1 6.3 5.62c2.08.2 3.7 2 3.7 4.18 0 2.32-1.83 4.2-4.09 4.2H7.45A5.53 5.53 0 0 1 2 16.4c0-2.85 2.07-5.2 4.75-5.55A6.3 6.3 0 0 1 12 8m0 2a4.3 4.3 0 0 0-3.59 1.96l-.5.75-.9.12A3.55 3.55 0 0 0 4 16.4C4 18.44 5.6 20 7.45 20h10.46c1.1 0 2.09-.93 2.09-2.2 0-1.19-.87-2.09-1.9-2.19l-1.57-.15-.21-1.57A4.4 4.4 0 0 0 12 10" clip-rule="evenodd"/><path fill="currentColor" d="M15.44 2a6.5 6.5 0 0 1 5.36 10.18l-.2-.1a7 7 0 0 0-.78-.31l-.02-.03-.47-.98a4.5 4.5 0 0 0-7.67-4.7 8 8 0 0 0-2.4.45A6.5 6.5 0 0 1 15.43 2"/></svg>
package/dist/www/icons/wrestling.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M13.14 10.14 12.1 7.5l-1.04 2.64-2.71.22 2.06 1.86L9.78 15l2.32-1.49L14.42 15l-.63-2.78 2.06-1.86z"/><path fill="currentColor" fill-rule="evenodd" d="M8 2h8c.17.5.5 1.5 1 2 .47.47 1.6.7 2.37.85q.42.08.63.15v3h2v8h-2c-.67.83-2.3 2.7-3.5 3.5S13 21.5 12 22c-1-.5-3.3-1.7-4.5-2.5S4.67 16.83 4 16H2V8h2V5l.55-.1c.8-.1 1.82-.26 2.45-.9.5-.5.83-1.5 1-2m.41 3.41c.45-.44.76-.99.96-1.41h5.26a4 4 0 0 0 2.28 2.25q.57.23 1.09.35v8.68q-.43.51-1 1.1c-.62.65-1.2 1.18-1.6 1.46-.83.55-2.3 1.34-3.4 1.91a44 44 0 0 1-3.39-1.91c-.41-.28-1-.81-1.62-1.46a27 27 0 0 1-.99-1.1v-8.6A5 5 0 0 0 8.41 5.4" clip-rule="evenodd"/></svg>
package/dist/www/icons/zoom-in.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M4 4h6v2H7.41l3.3 3.3-1.42 1.4L6 7.42V10H4zm14 3.41-3.3 3.3-1.4-1.42L16.58 6H14V4h6v6h-2zm-4.7 7.3L16.58 18H14v2h6v-6h-2v2.59l-3.3-3.3zM7.4 18l3.3-3.3-1.42-1.4L6 16.58V14H4v6h6v-2z"/></svg>
package/dist/www/index.html CHANGED
@@ -1,4 +1,4 @@
1
- <!doctype html><html dir="ltr" lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>BILD Design System - Stencil Components</title> <!-- Design Token CSS Bundles (all brands for switching) --> <link rel="stylesheet" href="/css/bundles/bild.css"> <link rel="stylesheet" href="/css/bundles/sportbild.css"> <link rel="stylesheet" href="/css/bundles/advertorial.css"> <!-- Stencil Components --> <link rel="modulepreload" href="/build/p-Bi1FQZ1d.js"><script type="module" data-stencil data-resources-url="/build/" data-stencil-namespace="bds">import{p as a,g as t,b as r}from"/build/p-Bi1FQZ1d.js";export{s as setNonce}from"/build/p-Bi1FQZ1d.js";(()=>{const s=import.meta.url,t={};return""!==s&&(t.resourcesUrl=new URL(".",s).href),a(t)})().then((async a=>(await t(),r([["p-3f9754c9",[[257,"ds-button",{variant:[1],disabled:[4]}],[257,"ds-card",{surface:[1],cardTitle:[1,"card-title"]}]]]],a))));
1
+ <!doctype html><html dir="ltr" lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>BILD Design System - Stencil Components</title> <!-- Design Token CSS Bundles (all brands for switching) --> <link rel="stylesheet" href="/css/bundles/bild.css"> <link rel="stylesheet" href="/css/bundles/sportbild.css"> <link rel="stylesheet" href="/css/bundles/advertorial.css"> <!-- Stencil Components --> <link rel="modulepreload" href="/build/p-DUrpTa_b.js"><script type="module" data-stencil data-resources-url="/build/" data-stencil-namespace="bds">import{p as a,g as e,b as t}from"/build/p-DUrpTa_b.js";export{s as setNonce}from"/build/p-DUrpTa_b.js";(()=>{const e=import.meta.url,s={};return""!==e&&(s.resourcesUrl=new URL(".",e).href),a(s)})().then((async a=>(await e(),t([["p-f4e1fe1f",[[257,"ds-button",{variant:[1],disabled:[4]}],[257,"ds-card",{surface:[1],cardTitle:[1,"card-title"]}],[1,"ds-icon",{name:[1],size:[2],color:[1],basePath:[1,"base-path"],lazy:[4],label:[1],svgContent:[32],isLoading:[32],hasError:[32]},null,{name:[{onNameChange:0}],basePath:[{onBasePathChange:0}]}]]]],a))));
2
2
  </script> <script nomodule="" src="/build/bds.js" data-stencil></script> <style>* {
3
3
  box-sizing: border-box;
4
4
  }
@@ -49,7 +49,7 @@
49
49
  display: grid;
50
50
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
51
51
  gap: 24px;
52
- }</style> </head> <body data-color-brand="bild" data-content-brand="bild" data-theme="light" data-density="default"> <div class="brand-switcher"> <label>Color Brand:</label> <select id="colorBrand" onchange="updateBrand()"> <option value="bild">BILD</option> <option value="sportbild">SportBILD</option> </select> <label style="margin-top: 12px;">Theme:</label> <select id="theme" onchange="updateBrand()"> <option value="light">Light</option> <option value="dark">Dark</option> </select> <label style="margin-top: 12px;">Content Brand:</label> <select id="contentBrand" onchange="updateBrand()"> <option value="bild">BILD</option> <option value="sportbild">SportBILD</option> <option value="advertorial">Advertorial</option> </select> <label style="margin-top: 12px;">Density:</label> <select id="density" onchange="updateBrand()"> <option value="default">Default</option> <option value="dense">Dense</option> <option value="spacious">Spacious</option> </select> </div> <h1>BILD Design System Components</h1> <p>Demo page for testing Stencil Web Components with design tokens.</p> <div class="section"> <h2>Buttons</h2> <h3>Primary</h3> <div class="demo-row"> <ds-button variant="primary">Primary Button</ds-button> <ds-button variant="primary" disabled="">Disabled</ds-button> </div> <h3>Secondary</h3> <div class="demo-row"> <ds-button variant="secondary">Secondary Button</ds-button> <ds-button variant="secondary" disabled="">Disabled</ds-button> </div> <h3>Tertiary</h3> <div class="demo-row"> <ds-button variant="tertiary">Tertiary Button</ds-button> <ds-button variant="tertiary" disabled="">Disabled</ds-button> </div> </div> <div class="section"> <h2>Cards</h2> <div class="card-grid"> <ds-card card-title="Primary Card"> <p style="margin: 0; color: var(--text-color-secondary, #6C757D);"> This is a card with the primary surface. It uses design tokens for styling. </p> <div style="margin-top: 16px;"> <ds-button variant="primary">Action</ds-button> </div> </ds-card> <ds-card card-title="Secondary Card" surface="secondary"> <p style="margin: 0; color: var(--text-color-secondary, #6C757D);"> This is a card with the secondary surface variant. </p> <div style="margin-top: 16px;"> <ds-button variant="secondary">Action</ds-button> </div> </ds-card> <ds-card> <p style="margin: 0; color: var(--text-color-primary, #232629);"> A card without a title, just content. </p> </ds-card> </div> </div> <script>
52
+ }</style> </head> <body data-color-brand="bild" data-content-brand="bild" data-theme="light" data-density="default"> <div class="brand-switcher"> <label>Color Brand:</label> <select id="colorBrand" onchange="updateBrand()"> <option value="bild">BILD</option> <option value="sportbild">SportBILD</option> </select> <label style="margin-top: 12px;">Theme:</label> <select id="theme" onchange="updateBrand()"> <option value="light">Light</option> <option value="dark">Dark</option> </select> <label style="margin-top: 12px;">Content Brand:</label> <select id="contentBrand" onchange="updateBrand()"> <option value="bild">BILD</option> <option value="sportbild">SportBILD</option> <option value="advertorial">Advertorial</option> </select> <label style="margin-top: 12px;">Density:</label> <select id="density" onchange="updateBrand()"> <option value="default">Default</option> <option value="dense">Dense</option> <option value="spacious">Spacious</option> </select> </div> <h1>BILD Design System Components</h1> <p>Demo page for testing Stencil Web Components with design tokens.</p> <div class="section"> <h2>Buttons</h2> <h3>Primary Variants</h3> <div class="demo-row"> <ds-button variant="primary-brand">Primary Brand</ds-button> <ds-button variant="primary-neutral">Primary Neutral</ds-button> <ds-button variant="primary-success">Primary Success</ds-button> </div> <h3>Secondary &amp; Tertiary</h3> <div class="demo-row"> <ds-button variant="secondary">Secondary</ds-button> <ds-button variant="tertiary-neutral">Tertiary Neutral</ds-button> <ds-button variant="tertiary-success">Tertiary Success</ds-button> <ds-button variant="ghost">Ghost</ds-button> </div> <h3>Buttons with Icons</h3> <div class="demo-row"> <ds-button variant="primary-brand"> <ds-icon slot="icon-start" name="add"></ds-icon> Add Item </ds-button> <ds-button variant="primary-neutral"> <ds-icon slot="icon-start" name="download"></ds-icon> Download </ds-button> <ds-button variant="secondary"> Next <ds-icon slot="icon-end" name="arrow-right"></ds-icon> </ds-button> <ds-button variant="tertiary-neutral"> <ds-icon slot="icon-start" name="edit"></ds-icon> Edit </ds-button> </div> <h3>Disabled</h3> <div class="demo-row"> <ds-button variant="primary-brand" disabled="">Disabled</ds-button> <ds-button variant="secondary" disabled="">Disabled</ds-button> </div> </div> <div class="section"> <h2>Icons</h2> <div class="demo-row"> <ds-icon name="add" size="24"></ds-icon> <ds-icon name="arrow-right" size="24"></ds-icon> <ds-icon name="checkmark" size="24"></ds-icon> <ds-icon name="close" size="24"></ds-icon> <ds-icon name="download" size="24"></ds-icon> <ds-icon name="edit" size="24"></ds-icon> <ds-icon name="heart" size="24"></ds-icon> <ds-icon name="home" size="24"></ds-icon> <ds-icon name="search" size="24"></ds-icon> <ds-icon name="settings" size="24"></ds-icon> <ds-icon name="star" size="24"></ds-icon> </div> <h3>Different Sizes</h3> <div class="demo-row"> <ds-icon name="star" size="16"></ds-icon> <ds-icon name="star" size="20"></ds-icon> <ds-icon name="star" size="24"></ds-icon> <ds-icon name="star" size="32"></ds-icon> <ds-icon name="star" size="48"></ds-icon> </div> <h3>Custom Colors</h3> <div class="demo-row"> <ds-icon name="heart" size="32" color="#DD0000"></ds-icon> <ds-icon name="star" size="32" color="#FFD700"></ds-icon> <ds-icon name="checkmark" size="32" color="#00A651"></ds-icon> </div> </div> <div class="section"> <h2>Cards</h2> <div class="card-grid"> <ds-card card-title="Primary Card"> <p style="margin: 0; color: var(--text-color-secondary, #6C757D);"> This is a card with the primary surface. It uses design tokens for styling. </p> <div style="margin-top: 16px;"> <ds-button variant="primary">Action</ds-button> </div> </ds-card> <ds-card card-title="Secondary Card" surface="secondary"> <p style="margin: 0; color: var(--text-color-secondary, #6C757D);"> This is a card with the secondary surface variant. </p> <div style="margin-top: 16px;"> <ds-button variant="secondary">Action</ds-button> </div> </ds-card> <ds-card> <p style="margin: 0; color: var(--text-color-primary, #232629);"> A card without a title, just content. </p> </ds-card> </div> </div> <script>
53
53
  function updateBrand() {
54
54
  const colorBrand = document.getElementById('colorBrand').value;
55
55
  const contentBrand = document.getElementById('contentBrand').value;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@marioschmidt/design-system-components",
3
- "version": "1.3.0",
3
+ "version": "1.3.1",
4
4
  "description": "BILD Design System Web Components - Stencil-based component library",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
package/dist/bds/p-3f9754c9.entry.js DELETED
@@ -1 +0,0 @@
1
- import{r,h as o}from"./p-Bi1FQZ1d.js";const a=class{constructor(o){r(this,o),this.variant="primary-brand",this.disabled=!1}render(){return o("button",{key:"b2c29af56fa84e6274900496d1a57bf7be6070e0",class:{"ds-button":!0,[`ds-button--${this.variant}`]:!0,"ds-button--disabled":this.disabled},disabled:this.disabled},o("span",{key:"8d7cd171306ed6e7b3507fea53e54df4d886d1a0",class:"ds-button__label"},o("slot",{key:"c040145f092daf57dd086a9991bcb5d0dc4f97dc"})))}};a.style=":host{display:inline-block}.ds-button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;background:transparent;transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;padding:var(--button-stack-space) var(--button-inline-space);min-height:var(--button-height-size);gap:var(--button-content-gap-space);border-radius:var(--button-border-radius);font-family:var(--button-label-font-family);font-weight:var(--font-weight-bold);font-size:var(--button-label-font-size);line-height:var(--button-label-line-height);letter-spacing:var(--letter-space-0-p-5);text-transform:uppercase}.ds-button__label{display:inline-flex;align-items:center;gap:inherit}.ds-button--primary-brand{background-color:var(--button-primary-brand-bg-color-idle);color:var(--button-primary-brand-label-color)}.ds-button--primary-brand:hover:not(:disabled){background-color:var(--button-primary-brand-bg-color-hover)}.ds-button--primary-brand:active:not(:disabled){background-color:var(--button-primary-brand-bg-color-active)}.ds-button--primary-neutral{background-color:var(--button-primary-neutral-bg-color-idle);color:var(--button-primary-neutral-label-color)}.ds-button--primary-neutral:hover:not(:disabled){background-color:var(--button-primary-neutral-bg-color-hover)}.ds-button--primary-neutral:active:not(:disabled){background-color:var(--button-primary-neutral-bg-color-active)}.ds-button--primary-success{background-color:var(--button-primary-success-bg-color-idle);color:var(--button-primary-success-label-color)}.ds-button--primary-success:hover:not(:disabled){background-color:var(--button-primary-success-bg-color-hover)}.ds-button--primary-success:active:not(:disabled){background-color:var(--button-primary-success-bg-color-active)}.ds-button--secondary{background-color:var(--button-secondary-bg-color-idle);color:var(--button-secondary-label-color)}.ds-button--secondary:hover:not(:disabled){background-color:var(--button-secondary-bg-color-hover)}.ds-button--secondary:active:not(:disabled){background-color:var(--button-secondary-bg-color-active)}.ds-button--tertiary-neutral{background-color:transparent;color:var(--button-tertiary-neutral-label-color);border:var(--button-border-width-size) solid var(--button-tertiary-neutral-border-color-idle)}.ds-button--tertiary-neutral:hover:not(:disabled){background-color:var(--button-tertiary-neutral-bg-color-hover);border-color:var(--button-tertiary-neutral-border-color-hover)}.ds-button--tertiary-neutral:active:not(:disabled){background-color:var(--button-tertiary-neutral-bg-color-active)}.ds-button--tertiary-success{background-color:transparent;color:var(--button-tertiary-success-label-color);border:var(--button-border-width-size) solid var(--button-tertiary-success-border-color)}.ds-button--tertiary-success:hover:not(:disabled){background-color:var(--button-tertiary-success-bg-color-hover)}.ds-button--ghost{background-color:transparent;color:var(--button-ghost-label-color)}.ds-button--ghost:hover:not(:disabled){background-color:var(--button-ghost-bg-color-hover)}.ds-button--ghost:active:not(:disabled){background-color:var(--button-ghost-bg-color-active)}.ds-button--disabled,.ds-button:disabled{cursor:not-allowed;background-color:var(--button-disabled-bg-color);color:var(--button-disabled-label-color);border-color:var(--button-disabled-border-color)}.ds-button--disabled:hover,.ds-button--disabled:active,.ds-button:disabled:hover,.ds-button:disabled:active{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-label-color);border-color:var(--button-disabled-border-color)}.ds-button:focus-visible{outline:2px solid var(--core-color-primary);outline-offset:2px}";const t=class{constructor(o){r(this,o),this.surface="primary"}render(){return o("div",{key:"545dfb7389201a046b465e96723fdc8ad5cd1160",class:{"ds-card":!0,[`ds-card--${this.surface}`]:!0}},this.cardTitle&&o("div",{key:"63523222100e039098a941c2125df63a7bc8a0ee",class:"ds-card__header"},o("h3",{key:"7e60906b0aeb4d8d20fc09a85d06f4d0bd4a95ae",class:"ds-card__title"},this.cardTitle)),o("div",{key:"544d6b4e6ac95745261ee73c81f2d01c2806afd3",class:"ds-card__content"},o("slot",{key:"9102bcc585687daf5d954059a138ad7bac27b640"})))}};t.style=":host{display:block}.ds-card{border-radius:var(--border-radius-lg, 8px);overflow:hidden;transition:box-shadow 0.2s ease}.ds-card--primary{background-color:var(--card-surface-bg-color, var(--surface-color-primary, #FFFFFF));box-shadow:var(--shadow-soft-md, 0 2px 8px rgba(0, 0, 0, 0.1))}.ds-card--secondary{background-color:var(--surface-color-secondary, #F8F9FA);box-shadow:var(--shadow-soft-sm, 0 1px 4px rgba(0, 0, 0, 0.08))}.ds-card__header{padding:var(--space-2-x, 16px) var(--space-2-x, 16px) 0}.ds-card__title{margin:0;font-family:var(--font-family-gotham-narrow, sans-serif);font-weight:var(--font-weight-bold, 700);font-size:var(--headline-3-font-size, 20px);line-height:var(--headline-3-line-height, 24px);color:var(--text-color-primary, #232629)}.ds-card__content{padding:var(--space-2-x, 16px)}.ds-card--primary:hover{box-shadow:var(--shadow-soft-lg, 0 4px 16px rgba(0, 0, 0, 0.12))}";export{a as ds_button,t as ds_card}
package/dist/cjs/ds-button_2.cjs.entry.js DELETED
@@ -1,51 +0,0 @@
1
- 'use strict';
2
-
3
- var index = require('./index-C-P4EzGy.js');
4
-
5
- const dsButtonCss = () => `:host{display:inline-block}.ds-button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;background:transparent;transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;padding:var(--button-stack-space) var(--button-inline-space);min-height:var(--button-height-size);gap:var(--button-content-gap-space);border-radius:var(--button-border-radius);font-family:var(--button-label-font-family);font-weight:var(--font-weight-bold);font-size:var(--button-label-font-size);line-height:var(--button-label-line-height);letter-spacing:var(--letter-space-0-p-5);text-transform:uppercase}.ds-button__label{display:inline-flex;align-items:center;gap:inherit}.ds-button--primary-brand{background-color:var(--button-primary-brand-bg-color-idle);color:var(--button-primary-brand-label-color)}.ds-button--primary-brand:hover:not(:disabled){background-color:var(--button-primary-brand-bg-color-hover)}.ds-button--primary-brand:active:not(:disabled){background-color:var(--button-primary-brand-bg-color-active)}.ds-button--primary-neutral{background-color:var(--button-primary-neutral-bg-color-idle);color:var(--button-primary-neutral-label-color)}.ds-button--primary-neutral:hover:not(:disabled){background-color:var(--button-primary-neutral-bg-color-hover)}.ds-button--primary-neutral:active:not(:disabled){background-color:var(--button-primary-neutral-bg-color-active)}.ds-button--primary-success{background-color:var(--button-primary-success-bg-color-idle);color:var(--button-primary-success-label-color)}.ds-button--primary-success:hover:not(:disabled){background-color:var(--button-primary-success-bg-color-hover)}.ds-button--primary-success:active:not(:disabled){background-color:var(--button-primary-success-bg-color-active)}.ds-button--secondary{background-color:var(--button-secondary-bg-color-idle);color:var(--button-secondary-label-color)}.ds-button--secondary:hover:not(:disabled){background-color:var(--button-secondary-bg-color-hover)}.ds-button--secondary:active:not(:disabled){background-color:var(--button-secondary-bg-color-active)}.ds-button--tertiary-neutral{background-color:transparent;color:var(--button-tertiary-neutral-label-color);border:var(--button-border-width-size) solid var(--button-tertiary-neutral-border-color-idle)}.ds-button--tertiary-neutral:hover:not(:disabled){background-color:var(--button-tertiary-neutral-bg-color-hover);border-color:var(--button-tertiary-neutral-border-color-hover)}.ds-button--tertiary-neutral:active:not(:disabled){background-color:var(--button-tertiary-neutral-bg-color-active)}.ds-button--tertiary-success{background-color:transparent;color:var(--button-tertiary-success-label-color);border:var(--button-border-width-size) solid var(--button-tertiary-success-border-color)}.ds-button--tertiary-success:hover:not(:disabled){background-color:var(--button-tertiary-success-bg-color-hover)}.ds-button--ghost{background-color:transparent;color:var(--button-ghost-label-color)}.ds-button--ghost:hover:not(:disabled){background-color:var(--button-ghost-bg-color-hover)}.ds-button--ghost:active:not(:disabled){background-color:var(--button-ghost-bg-color-active)}.ds-button--disabled,.ds-button:disabled{cursor:not-allowed;background-color:var(--button-disabled-bg-color);color:var(--button-disabled-label-color);border-color:var(--button-disabled-border-color)}.ds-button--disabled:hover,.ds-button--disabled:active,.ds-button:disabled:hover,.ds-button:disabled:active{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-label-color);border-color:var(--button-disabled-border-color)}.ds-button:focus-visible{outline:2px solid var(--core-color-primary);outline-offset:2px}`;
6
-
7
- const DsButton = class {
8
- constructor(hostRef) {
9
- index.registerInstance(this, hostRef);
10
- /**
11
- * Button variant determining visual style.
12
- * @default 'primary-brand'
13
- */
14
- this.variant = 'primary-brand';
15
- /**
16
- * Disables the button interaction and applies disabled styling.
17
- * @default false
18
- */
19
- this.disabled = false;
20
- }
21
- render() {
22
- return (index.h("button", { key: 'b2c29af56fa84e6274900496d1a57bf7be6070e0', class: {
23
- 'ds-button': true,
24
- [`ds-button--${this.variant}`]: true,
25
- 'ds-button--disabled': this.disabled,
26
- }, disabled: this.disabled }, index.h("span", { key: '8d7cd171306ed6e7b3507fea53e54df4d886d1a0', class: "ds-button__label" }, index.h("slot", { key: 'c040145f092daf57dd086a9991bcb5d0dc4f97dc' }))));
27
- }
28
- };
29
- DsButton.style = dsButtonCss();
30
-
31
- const dsCardCss = () => `:host{display:block}.ds-card{border-radius:var(--border-radius-lg, 8px);overflow:hidden;transition:box-shadow 0.2s ease}.ds-card--primary{background-color:var(--card-surface-bg-color, var(--surface-color-primary, #FFFFFF));box-shadow:var(--shadow-soft-md, 0 2px 8px rgba(0, 0, 0, 0.1))}.ds-card--secondary{background-color:var(--surface-color-secondary, #F8F9FA);box-shadow:var(--shadow-soft-sm, 0 1px 4px rgba(0, 0, 0, 0.08))}.ds-card__header{padding:var(--space-2-x, 16px) var(--space-2-x, 16px) 0}.ds-card__title{margin:0;font-family:var(--font-family-gotham-narrow, sans-serif);font-weight:var(--font-weight-bold, 700);font-size:var(--headline-3-font-size, 20px);line-height:var(--headline-3-line-height, 24px);color:var(--text-color-primary, #232629)}.ds-card__content{padding:var(--space-2-x, 16px)}.ds-card--primary:hover{box-shadow:var(--shadow-soft-lg, 0 4px 16px rgba(0, 0, 0, 0.12))}`;
32
-
33
- const DsCard = class {
34
- constructor(hostRef) {
35
- index.registerInstance(this, hostRef);
36
- /**
37
- * Card surface variant: primary or secondary
38
- */
39
- this.surface = 'primary';
40
- }
41
- render() {
42
- return (index.h("div", { key: '545dfb7389201a046b465e96723fdc8ad5cd1160', class: {
43
- 'ds-card': true,
44
- [`ds-card--${this.surface}`]: true,
45
- } }, this.cardTitle && (index.h("div", { key: '63523222100e039098a941c2125df63a7bc8a0ee', class: "ds-card__header" }, index.h("h3", { key: '7e60906b0aeb4d8d20fc09a85d06f4d0bd4a95ae', class: "ds-card__title" }, this.cardTitle))), index.h("div", { key: '544d6b4e6ac95745261ee73c81f2d01c2806afd3', class: "ds-card__content" }, index.h("slot", { key: '9102bcc585687daf5d954059a138ad7bac27b640' }))));
46
- }
47
- };
48
- DsCard.style = dsCardCss();
49
-
50
- exports.ds_button = DsButton;
51
- exports.ds_card = DsCard;
package/dist/esm/ds-button_2.entry.js DELETED
@@ -1,48 +0,0 @@
1
- import { r as registerInstance, h } from './index-Bi1FQZ1d.js';
2
-
3
- const dsButtonCss = () => `:host{display:inline-block}.ds-button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;background:transparent;transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;padding:var(--button-stack-space) var(--button-inline-space);min-height:var(--button-height-size);gap:var(--button-content-gap-space);border-radius:var(--button-border-radius);font-family:var(--button-label-font-family);font-weight:var(--font-weight-bold);font-size:var(--button-label-font-size);line-height:var(--button-label-line-height);letter-spacing:var(--letter-space-0-p-5);text-transform:uppercase}.ds-button__label{display:inline-flex;align-items:center;gap:inherit}.ds-button--primary-brand{background-color:var(--button-primary-brand-bg-color-idle);color:var(--button-primary-brand-label-color)}.ds-button--primary-brand:hover:not(:disabled){background-color:var(--button-primary-brand-bg-color-hover)}.ds-button--primary-brand:active:not(:disabled){background-color:var(--button-primary-brand-bg-color-active)}.ds-button--primary-neutral{background-color:var(--button-primary-neutral-bg-color-idle);color:var(--button-primary-neutral-label-color)}.ds-button--primary-neutral:hover:not(:disabled){background-color:var(--button-primary-neutral-bg-color-hover)}.ds-button--primary-neutral:active:not(:disabled){background-color:var(--button-primary-neutral-bg-color-active)}.ds-button--primary-success{background-color:var(--button-primary-success-bg-color-idle);color:var(--button-primary-success-label-color)}.ds-button--primary-success:hover:not(:disabled){background-color:var(--button-primary-success-bg-color-hover)}.ds-button--primary-success:active:not(:disabled){background-color:var(--button-primary-success-bg-color-active)}.ds-button--secondary{background-color:var(--button-secondary-bg-color-idle);color:var(--button-secondary-label-color)}.ds-button--secondary:hover:not(:disabled){background-color:var(--button-secondary-bg-color-hover)}.ds-button--secondary:active:not(:disabled){background-color:var(--button-secondary-bg-color-active)}.ds-button--tertiary-neutral{background-color:transparent;color:var(--button-tertiary-neutral-label-color);border:var(--button-border-width-size) solid var(--button-tertiary-neutral-border-color-idle)}.ds-button--tertiary-neutral:hover:not(:disabled){background-color:var(--button-tertiary-neutral-bg-color-hover);border-color:var(--button-tertiary-neutral-border-color-hover)}.ds-button--tertiary-neutral:active:not(:disabled){background-color:var(--button-tertiary-neutral-bg-color-active)}.ds-button--tertiary-success{background-color:transparent;color:var(--button-tertiary-success-label-color);border:var(--button-border-width-size) solid var(--button-tertiary-success-border-color)}.ds-button--tertiary-success:hover:not(:disabled){background-color:var(--button-tertiary-success-bg-color-hover)}.ds-button--ghost{background-color:transparent;color:var(--button-ghost-label-color)}.ds-button--ghost:hover:not(:disabled){background-color:var(--button-ghost-bg-color-hover)}.ds-button--ghost:active:not(:disabled){background-color:var(--button-ghost-bg-color-active)}.ds-button--disabled,.ds-button:disabled{cursor:not-allowed;background-color:var(--button-disabled-bg-color);color:var(--button-disabled-label-color);border-color:var(--button-disabled-border-color)}.ds-button--disabled:hover,.ds-button--disabled:active,.ds-button:disabled:hover,.ds-button:disabled:active{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-label-color);border-color:var(--button-disabled-border-color)}.ds-button:focus-visible{outline:2px solid var(--core-color-primary);outline-offset:2px}`;
4
-
5
- const DsButton = class {
6
- constructor(hostRef) {
7
- registerInstance(this, hostRef);
8
- /**
9
- * Button variant determining visual style.
10
- * @default 'primary-brand'
11
- */
12
- this.variant = 'primary-brand';
13
- /**
14
- * Disables the button interaction and applies disabled styling.
15
- * @default false
16
- */
17
- this.disabled = false;
18
- }
19
- render() {
20
- return (h("button", { key: 'b2c29af56fa84e6274900496d1a57bf7be6070e0', class: {
21
- 'ds-button': true,
22
- [`ds-button--${this.variant}`]: true,
23
- 'ds-button--disabled': this.disabled,
24
- }, disabled: this.disabled }, h("span", { key: '8d7cd171306ed6e7b3507fea53e54df4d886d1a0', class: "ds-button__label" }, h("slot", { key: 'c040145f092daf57dd086a9991bcb5d0dc4f97dc' }))));
25
- }
26
- };
27
- DsButton.style = dsButtonCss();
28
-
29
- const dsCardCss = () => `:host{display:block}.ds-card{border-radius:var(--border-radius-lg, 8px);overflow:hidden;transition:box-shadow 0.2s ease}.ds-card--primary{background-color:var(--card-surface-bg-color, var(--surface-color-primary, #FFFFFF));box-shadow:var(--shadow-soft-md, 0 2px 8px rgba(0, 0, 0, 0.1))}.ds-card--secondary{background-color:var(--surface-color-secondary, #F8F9FA);box-shadow:var(--shadow-soft-sm, 0 1px 4px rgba(0, 0, 0, 0.08))}.ds-card__header{padding:var(--space-2-x, 16px) var(--space-2-x, 16px) 0}.ds-card__title{margin:0;font-family:var(--font-family-gotham-narrow, sans-serif);font-weight:var(--font-weight-bold, 700);font-size:var(--headline-3-font-size, 20px);line-height:var(--headline-3-line-height, 24px);color:var(--text-color-primary, #232629)}.ds-card__content{padding:var(--space-2-x, 16px)}.ds-card--primary:hover{box-shadow:var(--shadow-soft-lg, 0 4px 16px rgba(0, 0, 0, 0.12))}`;
30
-
31
- const DsCard = class {
32
- constructor(hostRef) {
33
- registerInstance(this, hostRef);
34
- /**
35
- * Card surface variant: primary or secondary
36
- */
37
- this.surface = 'primary';
38
- }
39
- render() {
40
- return (h("div", { key: '545dfb7389201a046b465e96723fdc8ad5cd1160', class: {
41
- 'ds-card': true,
42
- [`ds-card--${this.surface}`]: true,
43
- } }, this.cardTitle && (h("div", { key: '63523222100e039098a941c2125df63a7bc8a0ee', class: "ds-card__header" }, h("h3", { key: '7e60906b0aeb4d8d20fc09a85d06f4d0bd4a95ae', class: "ds-card__title" }, this.cardTitle))), h("div", { key: '544d6b4e6ac95745261ee73c81f2d01c2806afd3', class: "ds-card__content" }, h("slot", { key: '9102bcc585687daf5d954059a138ad7bac27b640' }))));
44
- }
45
- };
46
- DsCard.style = dsCardCss();
47
-
48
- export { DsButton as ds_button, DsCard as ds_card };
package/dist/www/build/p-3f9754c9.entry.js DELETED
@@ -1 +0,0 @@
1
- import{r,h as o}from"./p-Bi1FQZ1d.js";const a=class{constructor(o){r(this,o),this.variant="primary-brand",this.disabled=!1}render(){return o("button",{key:"b2c29af56fa84e6274900496d1a57bf7be6070e0",class:{"ds-button":!0,[`ds-button--${this.variant}`]:!0,"ds-button--disabled":this.disabled},disabled:this.disabled},o("span",{key:"8d7cd171306ed6e7b3507fea53e54df4d886d1a0",class:"ds-button__label"},o("slot",{key:"c040145f092daf57dd086a9991bcb5d0dc4f97dc"})))}};a.style=":host{display:inline-block}.ds-button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;background:transparent;transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;padding:var(--button-stack-space) var(--button-inline-space);min-height:var(--button-height-size);gap:var(--button-content-gap-space);border-radius:var(--button-border-radius);font-family:var(--button-label-font-family);font-weight:var(--font-weight-bold);font-size:var(--button-label-font-size);line-height:var(--button-label-line-height);letter-spacing:var(--letter-space-0-p-5);text-transform:uppercase}.ds-button__label{display:inline-flex;align-items:center;gap:inherit}.ds-button--primary-brand{background-color:var(--button-primary-brand-bg-color-idle);color:var(--button-primary-brand-label-color)}.ds-button--primary-brand:hover:not(:disabled){background-color:var(--button-primary-brand-bg-color-hover)}.ds-button--primary-brand:active:not(:disabled){background-color:var(--button-primary-brand-bg-color-active)}.ds-button--primary-neutral{background-color:var(--button-primary-neutral-bg-color-idle);color:var(--button-primary-neutral-label-color)}.ds-button--primary-neutral:hover:not(:disabled){background-color:var(--button-primary-neutral-bg-color-hover)}.ds-button--primary-neutral:active:not(:disabled){background-color:var(--button-primary-neutral-bg-color-active)}.ds-button--primary-success{background-color:var(--button-primary-success-bg-color-idle);color:var(--button-primary-success-label-color)}.ds-button--primary-success:hover:not(:disabled){background-color:var(--button-primary-success-bg-color-hover)}.ds-button--primary-success:active:not(:disabled){background-color:var(--button-primary-success-bg-color-active)}.ds-button--secondary{background-color:var(--button-secondary-bg-color-idle);color:var(--button-secondary-label-color)}.ds-button--secondary:hover:not(:disabled){background-color:var(--button-secondary-bg-color-hover)}.ds-button--secondary:active:not(:disabled){background-color:var(--button-secondary-bg-color-active)}.ds-button--tertiary-neutral{background-color:transparent;color:var(--button-tertiary-neutral-label-color);border:var(--button-border-width-size) solid var(--button-tertiary-neutral-border-color-idle)}.ds-button--tertiary-neutral:hover:not(:disabled){background-color:var(--button-tertiary-neutral-bg-color-hover);border-color:var(--button-tertiary-neutral-border-color-hover)}.ds-button--tertiary-neutral:active:not(:disabled){background-color:var(--button-tertiary-neutral-bg-color-active)}.ds-button--tertiary-success{background-color:transparent;color:var(--button-tertiary-success-label-color);border:var(--button-border-width-size) solid var(--button-tertiary-success-border-color)}.ds-button--tertiary-success:hover:not(:disabled){background-color:var(--button-tertiary-success-bg-color-hover)}.ds-button--ghost{background-color:transparent;color:var(--button-ghost-label-color)}.ds-button--ghost:hover:not(:disabled){background-color:var(--button-ghost-bg-color-hover)}.ds-button--ghost:active:not(:disabled){background-color:var(--button-ghost-bg-color-active)}.ds-button--disabled,.ds-button:disabled{cursor:not-allowed;background-color:var(--button-disabled-bg-color);color:var(--button-disabled-label-color);border-color:var(--button-disabled-border-color)}.ds-button--disabled:hover,.ds-button--disabled:active,.ds-button:disabled:hover,.ds-button:disabled:active{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-label-color);border-color:var(--button-disabled-border-color)}.ds-button:focus-visible{outline:2px solid var(--core-color-primary);outline-offset:2px}";const t=class{constructor(o){r(this,o),this.surface="primary"}render(){return o("div",{key:"545dfb7389201a046b465e96723fdc8ad5cd1160",class:{"ds-card":!0,[`ds-card--${this.surface}`]:!0}},this.cardTitle&&o("div",{key:"63523222100e039098a941c2125df63a7bc8a0ee",class:"ds-card__header"},o("h3",{key:"7e60906b0aeb4d8d20fc09a85d06f4d0bd4a95ae",class:"ds-card__title"},this.cardTitle)),o("div",{key:"544d6b4e6ac95745261ee73c81f2d01c2806afd3",class:"ds-card__content"},o("slot",{key:"9102bcc585687daf5d954059a138ad7bac27b640"})))}};t.style=":host{display:block}.ds-card{border-radius:var(--border-radius-lg, 8px);overflow:hidden;transition:box-shadow 0.2s ease}.ds-card--primary{background-color:var(--card-surface-bg-color, var(--surface-color-primary, #FFFFFF));box-shadow:var(--shadow-soft-md, 0 2px 8px rgba(0, 0, 0, 0.1))}.ds-card--secondary{background-color:var(--surface-color-secondary, #F8F9FA);box-shadow:var(--shadow-soft-sm, 0 1px 4px rgba(0, 0, 0, 0.08))}.ds-card__header{padding:var(--space-2-x, 16px) var(--space-2-x, 16px) 0}.ds-card__title{margin:0;font-family:var(--font-family-gotham-narrow, sans-serif);font-weight:var(--font-weight-bold, 700);font-size:var(--headline-3-font-size, 20px);line-height:var(--headline-3-line-height, 24px);color:var(--text-color-primary, #232629)}.ds-card__content{padding:var(--space-2-x, 16px)}.ds-card--primary:hover{box-shadow:var(--shadow-soft-lg, 0 4px 16px rgba(0, 0, 0, 0.12))}";export{a as ds_button,t as ds_card}