@marioschmidt/design-system-components 1.0.70

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 (229) hide show
  1. package/README.md +148 -0
  2. package/dist/bds/bds.css +1 -0
  3. package/dist/bds/bds.esm.js +2 -0
  4. package/dist/bds/bds.esm.js.map +1 -0
  5. package/dist/bds/ds-button.ds-card.entry.esm.js.map +1 -0
  6. package/dist/bds/index.esm.js +2 -0
  7. package/dist/bds/index.esm.js.map +1 -0
  8. package/dist/bds/loader.esm.js.map +1 -0
  9. package/dist/bds/p-B7bu6LKB.js +3 -0
  10. package/dist/bds/p-B7bu6LKB.js.map +1 -0
  11. package/dist/bds/p-d7e8ddec.entry.js +2 -0
  12. package/dist/bds/p-d7e8ddec.entry.js.map +1 -0
  13. package/dist/cjs/bds.cjs.js +25 -0
  14. package/dist/cjs/bds.cjs.js.map +1 -0
  15. package/dist/cjs/ds-button.ds-card.entry.cjs.js.map +1 -0
  16. package/dist/cjs/ds-button_2.cjs.entry.js +50 -0
  17. package/dist/cjs/index-BPxehkGV.js +1392 -0
  18. package/dist/cjs/index-BPxehkGV.js.map +1 -0
  19. package/dist/cjs/index.cjs.js +3 -0
  20. package/dist/cjs/index.cjs.js.map +1 -0
  21. package/dist/cjs/loader.cjs.js +13 -0
  22. package/dist/cjs/loader.cjs.js.map +1 -0
  23. package/dist/collection/collection-manifest.json +13 -0
  24. package/dist/collection/ds-button/ds-button.css +62 -0
  25. package/dist/collection/ds-button/ds-button.js +77 -0
  26. package/dist/collection/ds-button/ds-button.js.map +1 -0
  27. package/dist/collection/ds-card/ds-card.css +43 -0
  28. package/dist/collection/ds-card/ds-card.js +71 -0
  29. package/dist/collection/ds-card/ds-card.js.map +1 -0
  30. package/dist/components/ds-button.d.ts +11 -0
  31. package/dist/components/ds-button.js +54 -0
  32. package/dist/components/ds-button.js.map +1 -0
  33. package/dist/components/ds-card.d.ts +11 -0
  34. package/dist/components/ds-card.js +49 -0
  35. package/dist/components/ds-card.js.map +1 -0
  36. package/dist/components/index.d.ts +33 -0
  37. package/dist/components/index.js +4 -0
  38. package/dist/components/index.js.map +1 -0
  39. package/dist/docs/ds-button/readme.md +15 -0
  40. package/dist/docs/ds-card/readme.md +15 -0
  41. package/dist/esm/bds.js +21 -0
  42. package/dist/esm/bds.js.map +1 -0
  43. package/dist/esm/ds-button.ds-card.entry.js.map +1 -0
  44. package/dist/esm/ds-button_2.entry.js +47 -0
  45. package/dist/esm/index-B7bu6LKB.js +1385 -0
  46. package/dist/esm/index-B7bu6LKB.js.map +1 -0
  47. package/dist/esm/index.js +2 -0
  48. package/dist/esm/index.js.map +1 -0
  49. package/dist/esm/loader.js +11 -0
  50. package/dist/esm/loader.js.map +1 -0
  51. package/dist/index.cjs.js +1 -0
  52. package/dist/index.js +1 -0
  53. package/dist/types/components.d.ts +88 -0
  54. package/dist/types/ds-button/ds-button.d.ts +11 -0
  55. package/dist/types/ds-card/ds-card.d.ts +11 -0
  56. package/dist/types/stencil-public-runtime.d.ts +1756 -0
  57. package/dist/www/build/bds.css +1 -0
  58. package/dist/www/build/bds.esm.js +2 -0
  59. package/dist/www/build/bds.esm.js.map +1 -0
  60. package/dist/www/build/bds.js +33 -0
  61. package/dist/www/build/ds-button.ds-card.entry.esm.js.map +1 -0
  62. package/dist/www/build/index.esm.js +2 -0
  63. package/dist/www/build/index.esm.js.map +1 -0
  64. package/dist/www/build/loader.esm.js.map +1 -0
  65. package/dist/www/build/p-B7bu6LKB.js +3 -0
  66. package/dist/www/build/p-B7bu6LKB.js.map +1 -0
  67. package/dist/www/build/p-ab3e85ed.css +1 -0
  68. package/dist/www/build/p-d7e8ddec.entry.js +2 -0
  69. package/dist/www/build/p-d7e8ddec.entry.js.map +1 -0
  70. package/dist/www/css/advertorial/components/_dsysdocs.css +66 -0
  71. package/dist/www/css/advertorial/components/accordion.css +29 -0
  72. package/dist/www/css/advertorial/components/article.css +111 -0
  73. package/dist/www/css/advertorial/components/audioplayer.css +37 -0
  74. package/dist/www/css/advertorial/components/avatar.css +86 -0
  75. package/dist/www/css/advertorial/components/badge.css +40 -0
  76. package/dist/www/css/advertorial/components/breadcrumb.css +65 -0
  77. package/dist/www/css/advertorial/components/breakingnews.css +73 -0
  78. package/dist/www/css/advertorial/components/button.css +98 -0
  79. package/dist/www/css/advertorial/components/card.css +29 -0
  80. package/dist/www/css/advertorial/components/carousel.css +46 -0
  81. package/dist/www/css/advertorial/components/chip.css +38 -0
  82. package/dist/www/css/advertorial/components/datepicker.css +22 -0
  83. package/dist/www/css/advertorial/components/drawers.css +23 -0
  84. package/dist/www/css/advertorial/components/dropdown.css +22 -0
  85. package/dist/www/css/advertorial/components/footer.css +56 -0
  86. package/dist/www/css/advertorial/components/icon.css +21 -0
  87. package/dist/www/css/advertorial/components/infoelement.css +41 -0
  88. package/dist/www/css/advertorial/components/inputfield.css +86 -0
  89. package/dist/www/css/advertorial/components/liveticker.css +62 -0
  90. package/dist/www/css/advertorial/components/mediaplayer.css +72 -0
  91. package/dist/www/css/advertorial/components/menu.css +109 -0
  92. package/dist/www/css/advertorial/components/newsticker.css +95 -0
  93. package/dist/www/css/advertorial/components/pagination.css +44 -0
  94. package/dist/www/css/advertorial/components/paywall.css +46 -0
  95. package/dist/www/css/advertorial/components/quote.css +39 -0
  96. package/dist/www/css/advertorial/components/radiobutton.css +21 -0
  97. package/dist/www/css/advertorial/components/search.css +20 -0
  98. package/dist/www/css/advertorial/components/sectiontitle.css +31 -0
  99. package/dist/www/css/advertorial/components/separator.css +20 -0
  100. package/dist/www/css/advertorial/components/skeletons.css +33 -0
  101. package/dist/www/css/advertorial/components/slider.css +23 -0
  102. package/dist/www/css/advertorial/components/specialnavi.css +37 -0
  103. package/dist/www/css/advertorial/components/spinner.css +31 -0
  104. package/dist/www/css/advertorial/components/tab.css +69 -0
  105. package/dist/www/css/advertorial/components/table.css +51 -0
  106. package/dist/www/css/advertorial/components/teaser.css +129 -0
  107. package/dist/www/css/advertorial/components/toggleswitch.css +48 -0
  108. package/dist/www/css/advertorial/components/video.css +53 -0
  109. package/dist/www/css/advertorial/theme.css +13 -0
  110. package/dist/www/css/advertorial/tokens.css +768 -0
  111. package/dist/www/css/bild/components/_dsysdoc.css +43 -0
  112. package/dist/www/css/bild/components/_dsysdocs.css +66 -0
  113. package/dist/www/css/bild/components/accordion.css +29 -0
  114. package/dist/www/css/bild/components/alert.css +21 -0
  115. package/dist/www/css/bild/components/article.css +111 -0
  116. package/dist/www/css/bild/components/audioplayer.css +37 -0
  117. package/dist/www/css/bild/components/avatar.css +112 -0
  118. package/dist/www/css/bild/components/badge.css +40 -0
  119. package/dist/www/css/bild/components/breadcrumb.css +91 -0
  120. package/dist/www/css/bild/components/breakingnews.css +105 -0
  121. package/dist/www/css/bild/components/button.css +151 -0
  122. package/dist/www/css/bild/components/card.css +53 -0
  123. package/dist/www/css/bild/components/carousel.css +46 -0
  124. package/dist/www/css/bild/components/chip.css +70 -0
  125. package/dist/www/css/bild/components/datepicker.css +22 -0
  126. package/dist/www/css/bild/components/drawers.css +23 -0
  127. package/dist/www/css/bild/components/dropdown.css +48 -0
  128. package/dist/www/css/bild/components/empties.css +39 -0
  129. package/dist/www/css/bild/components/foldout.css +34 -0
  130. package/dist/www/css/bild/components/footer.css +56 -0
  131. package/dist/www/css/bild/components/gallery.css +37 -0
  132. package/dist/www/css/bild/components/hey.css +45 -0
  133. package/dist/www/css/bild/components/icon.css +21 -0
  134. package/dist/www/css/bild/components/infoelement.css +41 -0
  135. package/dist/www/css/bild/components/inputfield.css +117 -0
  136. package/dist/www/css/bild/components/kicker.css +69 -0
  137. package/dist/www/css/bild/components/liveticker.css +62 -0
  138. package/dist/www/css/bild/components/mediaplayer.css +114 -0
  139. package/dist/www/css/bild/components/menu.css +146 -0
  140. package/dist/www/css/bild/components/menuitem.css +43 -0
  141. package/dist/www/css/bild/components/newsticker.css +103 -0
  142. package/dist/www/css/bild/components/pagination.css +70 -0
  143. package/dist/www/css/bild/components/partnerlinks.css +45 -0
  144. package/dist/www/css/bild/components/paywall.css +46 -0
  145. package/dist/www/css/bild/components/quote.css +39 -0
  146. package/dist/www/css/bild/components/radiobutton.css +21 -0
  147. package/dist/www/css/bild/components/search.css +20 -0
  148. package/dist/www/css/bild/components/sectiontitle.css +31 -0
  149. package/dist/www/css/bild/components/selection.css +37 -0
  150. package/dist/www/css/bild/components/separator.css +20 -0
  151. package/dist/www/css/bild/components/skeletons.css +33 -0
  152. package/dist/www/css/bild/components/slider.css +44 -0
  153. package/dist/www/css/bild/components/socialsharebutton.css +43 -0
  154. package/dist/www/css/bild/components/specialnavi.css +37 -0
  155. package/dist/www/css/bild/components/spinner.css +31 -0
  156. package/dist/www/css/bild/components/subheader.css +20 -0
  157. package/dist/www/css/bild/components/tab.css +99 -0
  158. package/dist/www/css/bild/components/table.css +51 -0
  159. package/dist/www/css/bild/components/teaser.css +152 -0
  160. package/dist/www/css/bild/components/textlink.css +36 -0
  161. package/dist/www/css/bild/components/toggleswitch.css +48 -0
  162. package/dist/www/css/bild/components/video.css +53 -0
  163. package/dist/www/css/bild/theme.css +369 -0
  164. package/dist/www/css/bild/tokens.css +776 -0
  165. package/dist/www/css/bundles/advertorial.css +2606 -0
  166. package/dist/www/css/bundles/bild.css +3750 -0
  167. package/dist/www/css/bundles/sportbild.css +3771 -0
  168. package/dist/www/css/shared/colorprimitive.css +139 -0
  169. package/dist/www/css/shared/fontprimitive.css +84 -0
  170. package/dist/www/css/shared/primitives.css +314 -0
  171. package/dist/www/css/shared/sizeprimitive.css +69 -0
  172. package/dist/www/css/shared/spaceprimitive.css +45 -0
  173. package/dist/www/css/sportbild/components/_dsysdoc.css +43 -0
  174. package/dist/www/css/sportbild/components/_dsysdocs.css +66 -0
  175. package/dist/www/css/sportbild/components/accordion.css +29 -0
  176. package/dist/www/css/sportbild/components/alert.css +21 -0
  177. package/dist/www/css/sportbild/components/article.css +113 -0
  178. package/dist/www/css/sportbild/components/audioplayer.css +37 -0
  179. package/dist/www/css/sportbild/components/avatar.css +112 -0
  180. package/dist/www/css/sportbild/components/badge.css +40 -0
  181. package/dist/www/css/sportbild/components/breadcrumb.css +91 -0
  182. package/dist/www/css/sportbild/components/breakingnews.css +105 -0
  183. package/dist/www/css/sportbild/components/button.css +152 -0
  184. package/dist/www/css/sportbild/components/card.css +53 -0
  185. package/dist/www/css/sportbild/components/carousel.css +46 -0
  186. package/dist/www/css/sportbild/components/chip.css +70 -0
  187. package/dist/www/css/sportbild/components/datepicker.css +22 -0
  188. package/dist/www/css/sportbild/components/drawers.css +23 -0
  189. package/dist/www/css/sportbild/components/dropdown.css +48 -0
  190. package/dist/www/css/sportbild/components/empties.css +39 -0
  191. package/dist/www/css/sportbild/components/foldout.css +34 -0
  192. package/dist/www/css/sportbild/components/footer.css +56 -0
  193. package/dist/www/css/sportbild/components/gallery.css +37 -0
  194. package/dist/www/css/sportbild/components/hey.css +45 -0
  195. package/dist/www/css/sportbild/components/icon.css +21 -0
  196. package/dist/www/css/sportbild/components/infoelement.css +41 -0
  197. package/dist/www/css/sportbild/components/inputfield.css +117 -0
  198. package/dist/www/css/sportbild/components/kicker.css +69 -0
  199. package/dist/www/css/sportbild/components/liveticker.css +62 -0
  200. package/dist/www/css/sportbild/components/mediaplayer.css +114 -0
  201. package/dist/www/css/sportbild/components/menu.css +148 -0
  202. package/dist/www/css/sportbild/components/menuitem.css +43 -0
  203. package/dist/www/css/sportbild/components/newsticker.css +104 -0
  204. package/dist/www/css/sportbild/components/pagination.css +70 -0
  205. package/dist/www/css/sportbild/components/partnerlinks.css +45 -0
  206. package/dist/www/css/sportbild/components/paywall.css +46 -0
  207. package/dist/www/css/sportbild/components/quote.css +39 -0
  208. package/dist/www/css/sportbild/components/radiobutton.css +21 -0
  209. package/dist/www/css/sportbild/components/search.css +20 -0
  210. package/dist/www/css/sportbild/components/sectiontitle.css +31 -0
  211. package/dist/www/css/sportbild/components/selection.css +37 -0
  212. package/dist/www/css/sportbild/components/separator.css +20 -0
  213. package/dist/www/css/sportbild/components/skeletons.css +33 -0
  214. package/dist/www/css/sportbild/components/slider.css +44 -0
  215. package/dist/www/css/sportbild/components/socialsharebutton.css +43 -0
  216. package/dist/www/css/sportbild/components/specialnavi.css +38 -0
  217. package/dist/www/css/sportbild/components/spinner.css +31 -0
  218. package/dist/www/css/sportbild/components/subheader.css +20 -0
  219. package/dist/www/css/sportbild/components/tab.css +99 -0
  220. package/dist/www/css/sportbild/components/table.css +51 -0
  221. package/dist/www/css/sportbild/components/teaser.css +157 -0
  222. package/dist/www/css/sportbild/components/textlink.css +36 -0
  223. package/dist/www/css/sportbild/components/toggleswitch.css +48 -0
  224. package/dist/www/css/sportbild/components/video.css +53 -0
  225. package/dist/www/css/sportbild/theme.css +369 -0
  226. package/dist/www/css/sportbild/tokens.css +785 -0
  227. package/dist/www/host.config.json +15 -0
  228. package/dist/www/index.html +65 -0
  229. package/package.json +60 -0
package/dist/www/host.config.json ADDED
@@ -0,0 +1,15 @@
1
+ {
2
+ "hosting": {
3
+ "headers": [
4
+ {
5
+ "source": "/build/p-*",
6
+ "headers": [
7
+ {
8
+ "key": "Cache-Control",
9
+ "value": "max-age=31556952, s-maxage=31556952, immutable"
10
+ }
11
+ ]
12
+ }
13
+ ]
14
+ }
15
+ }
package/dist/www/index.html ADDED
@@ -0,0 +1,65 @@
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> <link rel="modulepreload" href="/build/p-B7bu6LKB.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-B7bu6LKB.js";export{s as setNonce}from"/build/p-B7bu6LKB.js";var e=()=>{const t=import.meta.url;const r={};if(t!==""){r.resourcesUrl=new URL(".",t).href}return a(r)};e().then((async a=>{await t();return r([["p-d7e8ddec",[[257,"ds-button",{variant:[1],disabled:[4]}],[257,"ds-card",{surface:[1],cardTitle:[1,"card-title"]}]]]],a)}));
2
+ //# sourceMappingURL=bds.esm.js.map
3
+ </script> <script nomodule="" src="/build/bds.js" data-stencil></script> <style>* {
4
+ box-sizing: border-box;
5
+ }
6
+ body {
7
+ font-family: system-ui, -apple-system, sans-serif;
8
+ margin: 0;
9
+ padding: 24px;
10
+ background: var(--surface-color-canvas, #F0F2F4);
11
+ min-height: 100vh;
12
+ }
13
+ h1, h2 {
14
+ color: var(--text-color-primary, #232629);
15
+ margin-top: 0;
16
+ }
17
+ .section {
18
+ margin-bottom: 48px;
19
+ }
20
+ .demo-row {
21
+ display: flex;
22
+ gap: 16px;
23
+ flex-wrap: wrap;
24
+ align-items: center;
25
+ margin-bottom: 16px;
26
+ }
27
+ .brand-switcher {
28
+ position: fixed;
29
+ top: 16px;
30
+ right: 16px;
31
+ background: white;
32
+ padding: 16px;
33
+ border-radius: 8px;
34
+ box-shadow: 0 2px 8px rgba(0,0,0,0.1);
35
+ z-index: 1000;
36
+ }
37
+ .brand-switcher label {
38
+ display: block;
39
+ margin-bottom: 8px;
40
+ font-weight: bold;
41
+ }
42
+ .brand-switcher select {
43
+ padding: 8px;
44
+ border-radius: 4px;
45
+ border: 1px solid #ccc;
46
+ font-size: 14px;
47
+ width: 100%;
48
+ }
49
+ .card-grid {
50
+ display: grid;
51
+ grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
52
+ gap: 24px;
53
+ }</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>
54
+ function updateBrand() {
55
+ const colorBrand = document.getElementById('colorBrand').value;
56
+ const contentBrand = document.getElementById('contentBrand').value;
57
+ const theme = document.getElementById('theme').value;
58
+ const density = document.getElementById('density').value;
59
+
60
+ document.body.dataset.colorBrand = colorBrand;
61
+ document.body.dataset.contentBrand = contentBrand;
62
+ document.body.dataset.theme = theme;
63
+ document.body.dataset.density = density;
64
+ }
65
+ </script> </body></html>
package/package.json ADDED
@@ -0,0 +1,60 @@
1
+ {
2
+ "name": "@marioschmidt/design-system-components",
3
+ "version": "1.0.70",
4
+ "description": "BILD Design System Web Components - Stencil-based component library",
5
+ "main": "dist/index.cjs.js",
6
+ "module": "dist/index.js",
7
+ "types": "dist/types/index.d.ts",
8
+ "collection": "dist/collection/collection-manifest.json",
9
+ "collection:main": "dist/collection/index.js",
10
+ "exports": {
11
+ ".": {
12
+ "import": "./dist/index.js",
13
+ "require": "./dist/index.cjs.js",
14
+ "types": "./dist/types/index.d.ts"
15
+ },
16
+ "./loader": {
17
+ "import": "./dist/loader/index.js",
18
+ "require": "./dist/loader/index.cjs.js",
19
+ "types": "./dist/loader/index.d.ts"
20
+ },
21
+ "./components": {
22
+ "import": "./dist/components/index.js",
23
+ "types": "./dist/components/index.d.ts"
24
+ }
25
+ },
26
+ "files": [
27
+ "dist/"
28
+ ],
29
+ "scripts": {
30
+ "build": "stencil build --config ../../build-config/stencil/stencil.config.ts",
31
+ "dev": "stencil build --dev --watch --serve --config ../../build-config/stencil/stencil.config.ts",
32
+ "clean": "rm -rf dist"
33
+ },
34
+ "keywords": [
35
+ "web-components",
36
+ "stencil",
37
+ "design-system",
38
+ "bild",
39
+ "custom-elements"
40
+ ],
41
+ "author": "BILD Design System Team",
42
+ "license": "MIT",
43
+ "repository": {
44
+ "type": "git",
45
+ "url": "git+https://github.com/AXS-Digital/vv-tokens-test.git",
46
+ "directory": "packages/components"
47
+ },
48
+ "homepage": "https://github.com/AXS-Digital/vv-tokens-test#readme",
49
+ "publishConfig": {
50
+ "access": "public"
51
+ },
52
+ "peerDependencies": {
53
+ "@marioschmidt/design-system-tokens": "^1.0.0"
54
+ },
55
+ "peerDependenciesMeta": {
56
+ "@marioschmidt/design-system-tokens": {
57
+ "optional": true
58
+ }
59
+ }
60
+ }