@synergy-design-system/mcp 2.14.1 → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (525) hide show
  1. package/CHANGELOG.md +28 -0
  2. package/README.md +826 -303
  3. package/dist/bin/start.js +57 -6
  4. package/dist/middleware/compose.d.ts +15 -0
  5. package/dist/middleware/compose.js +10 -0
  6. package/dist/middleware/compression.d.ts +19 -0
  7. package/dist/middleware/compression.js +35 -0
  8. package/dist/middleware/error-handler.d.ts +13 -0
  9. package/dist/middleware/error-handler.js +42 -0
  10. package/dist/middleware/index.d.ts +9 -0
  11. package/dist/middleware/index.js +8 -0
  12. package/dist/middleware/logging.d.ts +14 -0
  13. package/dist/middleware/logging.js +64 -0
  14. package/dist/middleware/types.d.ts +20 -0
  15. package/dist/middleware/types.js +4 -0
  16. package/dist/resources/asset-list.d.ts +7 -0
  17. package/dist/resources/asset-list.js +34 -0
  18. package/dist/resources/component-cluster-list.d.ts +7 -0
  19. package/dist/resources/component-cluster-list.js +30 -0
  20. package/dist/resources/component-list.d.ts +7 -0
  21. package/dist/resources/component-list.js +31 -0
  22. package/dist/resources/index.d.ts +5 -0
  23. package/dist/resources/index.js +5 -0
  24. package/dist/resources/styles-list.d.ts +7 -0
  25. package/dist/resources/styles-list.js +31 -0
  26. package/dist/resources/templates-list.d.ts +7 -0
  27. package/dist/resources/templates-list.js +28 -0
  28. package/dist/server.js +5 -1
  29. package/dist/tools/asset-info.js +41 -85
  30. package/dist/tools/asset-list.js +22 -31
  31. package/dist/tools/component-cluster-list.d.ts +6 -0
  32. package/dist/tools/component-cluster-list.js +30 -0
  33. package/dist/tools/component-info.js +38 -21
  34. package/dist/tools/component-list.js +35 -30
  35. package/dist/tools/davinci-migration-info.d.ts +2 -0
  36. package/dist/tools/davinci-migration-info.js +21 -0
  37. package/dist/tools/davinci-migration-list.d.ts +2 -0
  38. package/dist/tools/davinci-migration-list.js +20 -0
  39. package/dist/tools/index.d.ts +6 -5
  40. package/dist/tools/index.js +6 -5
  41. package/dist/tools/migration-info.js +12 -37
  42. package/dist/tools/migration-list.js +7 -13
  43. package/dist/tools/setup.d.ts +6 -0
  44. package/dist/tools/setup.js +31 -0
  45. package/dist/tools/styles-info.d.ts +1 -2
  46. package/dist/tools/styles-info.js +24 -20
  47. package/dist/tools/styles-list.js +19 -33
  48. package/dist/tools/template-info.js +19 -20
  49. package/dist/tools/template-list.d.ts +1 -1
  50. package/dist/tools/template-list.js +17 -32
  51. package/dist/tools/{tokens.d.ts → token-info.d.ts} +2 -2
  52. package/dist/tools/token-info.js +31 -0
  53. package/dist/tools/tokens-list.d.ts +6 -0
  54. package/dist/tools/tokens-list.js +52 -0
  55. package/dist/transports/http.d.ts +14 -0
  56. package/dist/transports/http.js +157 -0
  57. package/dist/transports/index.d.ts +23 -0
  58. package/dist/transports/index.js +23 -0
  59. package/dist/transports/stdio.d.ts +10 -0
  60. package/dist/transports/stdio.js +21 -0
  61. package/dist/types/tool-response.d.ts +13 -0
  62. package/dist/types/tool-response.js +7 -0
  63. package/dist/utilities/cli.d.ts +27 -0
  64. package/dist/utilities/cli.js +170 -0
  65. package/dist/utilities/compression.d.ts +7 -0
  66. package/dist/utilities/compression.js +45 -0
  67. package/dist/utilities/config.d.ts +122 -80
  68. package/dist/utilities/config.js +212 -81
  69. package/dist/utilities/davinci.d.ts +12 -0
  70. package/dist/utilities/davinci.js +55 -0
  71. package/dist/utilities/index.d.ts +10 -10
  72. package/dist/utilities/index.js +10 -10
  73. package/dist/utilities/local-file-logger.d.ts +2 -0
  74. package/dist/utilities/local-file-logger.js +22 -0
  75. package/dist/utilities/logger.d.ts +12 -0
  76. package/dist/utilities/logger.js +30 -0
  77. package/dist/utilities/logging-context.d.ts +8 -0
  78. package/dist/utilities/logging-context.js +7 -0
  79. package/dist/utilities/logging-service.d.ts +2 -0
  80. package/dist/utilities/logging-service.js +24 -0
  81. package/dist/utilities/logging-types.d.ts +19 -0
  82. package/dist/utilities/metadata.d.ts +10 -17
  83. package/dist/utilities/metadata.js +34 -51
  84. package/dist/utilities/migration.d.ts +2 -1
  85. package/dist/utilities/migration.js +33 -30
  86. package/dist/utilities/rules.d.ts +8 -0
  87. package/dist/utilities/rules.js +37 -0
  88. package/dist/utilities/server.d.ts +7 -0
  89. package/dist/utilities/server.js +12 -0
  90. package/dist/utilities/token-counter.d.ts +14 -0
  91. package/dist/utilities/token-counter.js +53 -0
  92. package/package.json +18 -28
  93. package/rules/asset-info.md +10 -0
  94. package/rules/asset-list.md +10 -0
  95. package/rules/component-cluster-list.md +5 -0
  96. package/{metadata/static/angular/index.md → rules/component-info-angular.md} +2 -1
  97. package/{metadata/static/react/index.md → rules/component-info-react.md} +2 -1
  98. package/{metadata/static/vue/index.md → rules/component-info-vue.md} +4 -1
  99. package/{metadata/static/component-list/index.md → rules/component-list.md} +5 -7
  100. package/rules/styles-info.md +9 -0
  101. package/{metadata/static/styles/index.md → rules/styles-list.md} +0 -2
  102. package/{metadata/static/templates/index.md → rules/template-info.md} +0 -1
  103. package/rules/template-list.md +7 -0
  104. package/dist/bin/create-checksum.d.ts +0 -2
  105. package/dist/bin/create-checksum.js +0 -24
  106. package/dist/build/assets.d.ts +0 -4
  107. package/dist/build/assets.js +0 -57
  108. package/dist/build/build.js +0 -35
  109. package/dist/build/components.d.ts +0 -4
  110. package/dist/build/components.js +0 -133
  111. package/dist/build/fonts.d.ts +0 -4
  112. package/dist/build/fonts.js +0 -49
  113. package/dist/build/frameworks.d.ts +0 -4
  114. package/dist/build/frameworks.js +0 -61
  115. package/dist/build/static.d.ts +0 -4
  116. package/dist/build/static.js +0 -65
  117. package/dist/build/styles.d.ts +0 -4
  118. package/dist/build/styles.js +0 -58
  119. package/dist/build/tokens.d.ts +0 -4
  120. package/dist/build/tokens.js +0 -59
  121. package/dist/tools/davinci-migration.d.ts +0 -3
  122. package/dist/tools/davinci-migration.js +0 -66
  123. package/dist/tools/font-info.d.ts +0 -6
  124. package/dist/tools/font-info.js +0 -35
  125. package/dist/tools/framework-info.d.ts +0 -7
  126. package/dist/tools/framework-info.js +0 -58
  127. package/dist/tools/tokens.js +0 -24
  128. package/dist/tools/version.d.ts +0 -7
  129. package/dist/tools/version.js +0 -53
  130. package/dist/utilities/assets.d.ts +0 -2
  131. package/dist/utilities/assets.js +0 -3
  132. package/dist/utilities/checksum.d.ts +0 -36
  133. package/dist/utilities/checksum.js +0 -94
  134. package/dist/utilities/components.d.ts +0 -25
  135. package/dist/utilities/components.js +0 -86
  136. package/dist/utilities/file.d.ts +0 -12
  137. package/dist/utilities/file.js +0 -31
  138. package/dist/utilities/fonts.d.ts +0 -2
  139. package/dist/utilities/fonts.js +0 -3
  140. package/dist/utilities/stdio.d.ts +0 -14
  141. package/dist/utilities/stdio.js +0 -60
  142. package/dist/utilities/storybook/build-docs.d.ts +0 -2
  143. package/dist/utilities/storybook/build-docs.js +0 -43
  144. package/dist/utilities/storybook/configs.d.ts +0 -13
  145. package/dist/utilities/storybook/configs.js +0 -85
  146. package/dist/utilities/storybook/docs-scraper.d.ts +0 -26
  147. package/dist/utilities/storybook/docs-scraper.js +0 -96
  148. package/dist/utilities/storybook/index.d.ts +0 -5
  149. package/dist/utilities/storybook/index.js +0 -4
  150. package/dist/utilities/storybook/scraper.d.ts +0 -14
  151. package/dist/utilities/storybook/scraper.js +0 -243
  152. package/dist/utilities/storybook/storybook-manager.d.ts +0 -29
  153. package/dist/utilities/storybook/storybook-manager.js +0 -138
  154. package/dist/utilities/storybook/types.d.ts +0 -22
  155. package/dist/utilities/storybook/types.js +0 -1
  156. package/dist/utilities/styles.d.ts +0 -6
  157. package/dist/utilities/styles.js +0 -24
  158. package/dist/utilities/templates.d.ts +0 -12
  159. package/dist/utilities/templates.js +0 -28
  160. package/dist/utilities/tokens.d.ts +0 -1
  161. package/dist/utilities/tokens.js +0 -21
  162. package/dist/utilities/version.d.ts +0 -28
  163. package/dist/utilities/version.js +0 -21
  164. package/metadata/checksum.txt +0 -1
  165. package/metadata/davinci-migration/migration-guide.md +0 -1859
  166. package/metadata/packages/angular/LIMITATIONS.md +0 -32
  167. package/metadata/packages/angular/README.md +0 -393
  168. package/metadata/packages/assets/BREAKING_CHANGES.md +0 -305
  169. package/metadata/packages/assets/CHANGELOG.md +0 -364
  170. package/metadata/packages/assets/README.md +0 -103
  171. package/metadata/packages/components/components/syn-accordion/component.angular.ts +0 -80
  172. package/metadata/packages/components/components/syn-accordion/component.react.ts +0 -30
  173. package/metadata/packages/components/components/syn-accordion/component.styles.ts +0 -15
  174. package/metadata/packages/components/components/syn-accordion/component.ts +0 -111
  175. package/metadata/packages/components/components/syn-accordion/component.vue +0 -64
  176. package/metadata/packages/components/components/syn-alert/component.angular.ts +0 -169
  177. package/metadata/packages/components/components/syn-alert/component.react.ts +0 -60
  178. package/metadata/packages/components/components/syn-alert/component.styles.ts +0 -203
  179. package/metadata/packages/components/components/syn-alert/component.ts +0 -322
  180. package/metadata/packages/components/components/syn-alert/component.vue +0 -135
  181. package/metadata/packages/components/components/syn-badge/component.angular.ts +0 -53
  182. package/metadata/packages/components/components/syn-badge/component.custom.styles.ts +0 -62
  183. package/metadata/packages/components/components/syn-badge/component.react.ts +0 -29
  184. package/metadata/packages/components/components/syn-badge/component.styles.ts +0 -52
  185. package/metadata/packages/components/components/syn-badge/component.ts +0 -58
  186. package/metadata/packages/components/components/syn-badge/component.vue +0 -53
  187. package/metadata/packages/components/components/syn-breadcrumb/component.angular.ts +0 -58
  188. package/metadata/packages/components/components/syn-breadcrumb/component.custom.styles.ts +0 -5
  189. package/metadata/packages/components/components/syn-breadcrumb/component.react.ts +0 -32
  190. package/metadata/packages/components/components/syn-breadcrumb/component.styles.ts +0 -11
  191. package/metadata/packages/components/components/syn-breadcrumb/component.ts +0 -103
  192. package/metadata/packages/components/components/syn-breadcrumb/component.vue +0 -58
  193. package/metadata/packages/components/components/syn-breadcrumb-item/component.angular.ts +0 -88
  194. package/metadata/packages/components/components/syn-breadcrumb-item/component.custom.styles.ts +0 -78
  195. package/metadata/packages/components/components/syn-breadcrumb-item/component.react.ts +0 -37
  196. package/metadata/packages/components/components/syn-breadcrumb-item/component.styles.ts +0 -88
  197. package/metadata/packages/components/components/syn-breadcrumb-item/component.ts +0 -132
  198. package/metadata/packages/components/components/syn-breadcrumb-item/component.vue +0 -76
  199. package/metadata/packages/components/components/syn-button/component.angular.ts +0 -318
  200. package/metadata/packages/components/components/syn-button/component.custom.styles.ts +0 -245
  201. package/metadata/packages/components/components/syn-button/component.react.ts +0 -56
  202. package/metadata/packages/components/components/syn-button/component.styles.ts +0 -361
  203. package/metadata/packages/components/components/syn-button/component.ts +0 -315
  204. package/metadata/packages/components/components/syn-button/component.vue +0 -204
  205. package/metadata/packages/components/components/syn-button-group/component.angular.ts +0 -79
  206. package/metadata/packages/components/components/syn-button-group/component.custom.styles.ts +0 -5
  207. package/metadata/packages/components/components/syn-button-group/component.react.ts +0 -29
  208. package/metadata/packages/components/components/syn-button-group/component.styles.ts +0 -14
  209. package/metadata/packages/components/components/syn-button-group/component.ts +0 -171
  210. package/metadata/packages/components/components/syn-button-group/component.vue +0 -67
  211. package/metadata/packages/components/components/syn-card/component.angular.ts +0 -83
  212. package/metadata/packages/components/components/syn-card/component.custom.styles.ts +0 -60
  213. package/metadata/packages/components/components/syn-card/component.react.ts +0 -41
  214. package/metadata/packages/components/components/syn-card/component.styles.ts +0 -70
  215. package/metadata/packages/components/components/syn-card/component.ts +0 -65
  216. package/metadata/packages/components/components/syn-card/component.vue +0 -73
  217. package/metadata/packages/components/components/syn-checkbox/component.angular.ts +0 -273
  218. package/metadata/packages/components/components/syn-checkbox/component.react.ts +0 -64
  219. package/metadata/packages/components/components/syn-checkbox/component.styles.ts +0 -183
  220. package/metadata/packages/components/components/syn-checkbox/component.ts +0 -287
  221. package/metadata/packages/components/components/syn-checkbox/component.vue +0 -191
  222. package/metadata/packages/components/components/syn-combobox/component.angular.ts +0 -516
  223. package/metadata/packages/components/components/syn-combobox/component.react.ts +0 -118
  224. package/metadata/packages/components/components/syn-combobox/component.styles.ts +0 -393
  225. package/metadata/packages/components/components/syn-combobox/component.ts +0 -1684
  226. package/metadata/packages/components/components/syn-combobox/component.vue +0 -350
  227. package/metadata/packages/components/components/syn-details/component.angular.ts +0 -186
  228. package/metadata/packages/components/components/syn-details/component.react.ts +0 -65
  229. package/metadata/packages/components/components/syn-details/component.styles.ts +0 -181
  230. package/metadata/packages/components/components/syn-details/component.ts +0 -261
  231. package/metadata/packages/components/components/syn-details/component.vue +0 -136
  232. package/metadata/packages/components/components/syn-dialog/component.angular.ts +0 -201
  233. package/metadata/packages/components/components/syn-dialog/component.react.ts +0 -91
  234. package/metadata/packages/components/components/syn-dialog/component.styles.ts +0 -130
  235. package/metadata/packages/components/components/syn-dialog/component.ts +0 -367
  236. package/metadata/packages/components/components/syn-dialog/component.vue +0 -169
  237. package/metadata/packages/components/components/syn-divider/component.angular.ts +0 -55
  238. package/metadata/packages/components/components/syn-divider/component.react.ts +0 -29
  239. package/metadata/packages/components/components/syn-divider/component.styles.ts +0 -22
  240. package/metadata/packages/components/components/syn-divider/component.ts +0 -34
  241. package/metadata/packages/components/components/syn-divider/component.vue +0 -51
  242. package/metadata/packages/components/components/syn-drawer/component.angular.ts +0 -234
  243. package/metadata/packages/components/components/syn-drawer/component.custom.styles.ts +0 -78
  244. package/metadata/packages/components/components/syn-drawer/component.react.ts +0 -98
  245. package/metadata/packages/components/components/syn-drawer/component.styles.ts +0 -158
  246. package/metadata/packages/components/components/syn-drawer/component.ts +0 -489
  247. package/metadata/packages/components/components/syn-drawer/component.vue +0 -188
  248. package/metadata/packages/components/components/syn-dropdown/component.angular.ts +0 -208
  249. package/metadata/packages/components/components/syn-dropdown/component.react.ts +0 -59
  250. package/metadata/packages/components/components/syn-dropdown/component.styles.ts +0 -51
  251. package/metadata/packages/components/components/syn-dropdown/component.ts +0 -469
  252. package/metadata/packages/components/components/syn-dropdown/component.vue +0 -152
  253. package/metadata/packages/components/components/syn-file/component.angular.ts +0 -372
  254. package/metadata/packages/components/components/syn-file/component.react.ts +0 -85
  255. package/metadata/packages/components/components/syn-file/component.styles.ts +0 -197
  256. package/metadata/packages/components/components/syn-file/component.ts +0 -645
  257. package/metadata/packages/components/components/syn-file/component.vue +0 -256
  258. package/metadata/packages/components/components/syn-header/component.angular.ts +0 -149
  259. package/metadata/packages/components/components/syn-header/component.react.ts +0 -68
  260. package/metadata/packages/components/components/syn-header/component.styles.ts +0 -143
  261. package/metadata/packages/components/components/syn-header/component.ts +0 -310
  262. package/metadata/packages/components/components/syn-header/component.vue +0 -126
  263. package/metadata/packages/components/components/syn-icon/component.angular.ts +0 -115
  264. package/metadata/packages/components/components/syn-icon/component.custom.styles.ts +0 -5
  265. package/metadata/packages/components/components/syn-icon/component.react.ts +0 -41
  266. package/metadata/packages/components/components/syn-icon/component.styles.ts +0 -18
  267. package/metadata/packages/components/components/syn-icon/component.ts +0 -227
  268. package/metadata/packages/components/components/syn-icon/component.vue +0 -100
  269. package/metadata/packages/components/components/syn-icon-button/component.angular.ts +0 -185
  270. package/metadata/packages/components/components/syn-icon-button/component.custom.styles.ts +0 -79
  271. package/metadata/packages/components/components/syn-icon-button/component.react.ts +0 -42
  272. package/metadata/packages/components/components/syn-icon-button/component.styles.ts +0 -52
  273. package/metadata/packages/components/components/syn-icon-button/component.ts +0 -147
  274. package/metadata/packages/components/components/syn-icon-button/component.vue +0 -132
  275. package/metadata/packages/components/components/syn-input/component.angular.ts +0 -608
  276. package/metadata/packages/components/components/syn-input/component.custom.styles.ts +0 -278
  277. package/metadata/packages/components/components/syn-input/component.react.ts +0 -91
  278. package/metadata/packages/components/components/syn-input/component.styles.ts +0 -280
  279. package/metadata/packages/components/components/syn-input/component.ts +0 -941
  280. package/metadata/packages/components/components/syn-input/component.vue +0 -370
  281. package/metadata/packages/components/components/syn-menu/component.angular.ts +0 -52
  282. package/metadata/packages/components/components/syn-menu/component.react.ts +0 -36
  283. package/metadata/packages/components/components/syn-menu/component.styles.ts +0 -37
  284. package/metadata/packages/components/components/syn-menu/component.ts +0 -191
  285. package/metadata/packages/components/components/syn-menu/component.vue +0 -48
  286. package/metadata/packages/components/components/syn-menu-item/component.angular.ts +0 -121
  287. package/metadata/packages/components/components/syn-menu-item/component.react.ts +0 -45
  288. package/metadata/packages/components/components/syn-menu-item/component.styles.ts +0 -285
  289. package/metadata/packages/components/components/syn-menu-item/component.ts +0 -201
  290. package/metadata/packages/components/components/syn-menu-item/component.vue +0 -91
  291. package/metadata/packages/components/components/syn-menu-label/component.angular.ts +0 -48
  292. package/metadata/packages/components/components/syn-menu-label/component.react.ts +0 -35
  293. package/metadata/packages/components/components/syn-menu-label/component.styles.ts +0 -31
  294. package/metadata/packages/components/components/syn-menu-label/component.ts +0 -46
  295. package/metadata/packages/components/components/syn-menu-label/component.vue +0 -41
  296. package/metadata/packages/components/components/syn-nav-item/component.angular.ts +0 -242
  297. package/metadata/packages/components/components/syn-nav-item/component.react.ts +0 -82
  298. package/metadata/packages/components/components/syn-nav-item/component.styles.ts +0 -333
  299. package/metadata/packages/components/components/syn-nav-item/component.ts +0 -491
  300. package/metadata/packages/components/components/syn-nav-item/component.vue +0 -182
  301. package/metadata/packages/components/components/syn-optgroup/component.angular.ts +0 -79
  302. package/metadata/packages/components/components/syn-optgroup/component.react.ts +0 -41
  303. package/metadata/packages/components/components/syn-optgroup/component.styles.ts +0 -61
  304. package/metadata/packages/components/components/syn-optgroup/component.ts +0 -176
  305. package/metadata/packages/components/components/syn-optgroup/component.vue +0 -71
  306. package/metadata/packages/components/components/syn-option/component.angular.ts +0 -79
  307. package/metadata/packages/components/components/syn-option/component.react.ts +0 -37
  308. package/metadata/packages/components/components/syn-option/component.styles.ts +0 -165
  309. package/metadata/packages/components/components/syn-option/component.ts +0 -191
  310. package/metadata/packages/components/components/syn-option/component.vue +0 -71
  311. package/metadata/packages/components/components/syn-popup/component.angular.ts +0 -372
  312. package/metadata/packages/components/components/syn-popup/component.react.ts +0 -55
  313. package/metadata/packages/components/components/syn-popup/component.styles.ts +0 -70
  314. package/metadata/packages/components/components/syn-popup/component.ts +0 -582
  315. package/metadata/packages/components/components/syn-popup/component.vue +0 -233
  316. package/metadata/packages/components/components/syn-prio-nav/component.angular.ts +0 -67
  317. package/metadata/packages/components/components/syn-prio-nav/component.react.ts +0 -54
  318. package/metadata/packages/components/components/syn-prio-nav/component.styles.ts +0 -48
  319. package/metadata/packages/components/components/syn-prio-nav/component.ts +0 -288
  320. package/metadata/packages/components/components/syn-prio-nav/component.vue +0 -60
  321. package/metadata/packages/components/components/syn-progress-bar/component.angular.ts +0 -85
  322. package/metadata/packages/components/components/syn-progress-bar/component.custom.styles.ts +0 -24
  323. package/metadata/packages/components/components/syn-progress-bar/component.react.ts +0 -37
  324. package/metadata/packages/components/components/syn-progress-bar/component.styles.ts +0 -87
  325. package/metadata/packages/components/components/syn-progress-bar/component.ts +0 -67
  326. package/metadata/packages/components/components/syn-progress-bar/component.vue +0 -71
  327. package/metadata/packages/components/components/syn-progress-ring/component.angular.ts +0 -72
  328. package/metadata/packages/components/components/syn-progress-ring/component.custom.styles.ts +0 -19
  329. package/metadata/packages/components/components/syn-progress-ring/component.react.ts +0 -37
  330. package/metadata/packages/components/components/syn-progress-ring/component.styles.ts +0 -70
  331. package/metadata/packages/components/components/syn-progress-ring/component.ts +0 -83
  332. package/metadata/packages/components/components/syn-progress-ring/component.vue +0 -66
  333. package/metadata/packages/components/components/syn-radio/component.angular.ts +0 -122
  334. package/metadata/packages/components/components/syn-radio/component.react.ts +0 -48
  335. package/metadata/packages/components/components/syn-radio/component.styles.ts +0 -179
  336. package/metadata/packages/components/components/syn-radio/component.ts +0 -131
  337. package/metadata/packages/components/components/syn-radio/component.vue +0 -104
  338. package/metadata/packages/components/components/syn-radio-button/component.angular.ts +0 -123
  339. package/metadata/packages/components/components/syn-radio-button/component.react.ts +0 -49
  340. package/metadata/packages/components/components/syn-radio-button/component.styles.ts +0 -30
  341. package/metadata/packages/components/components/syn-radio-button/component.ts +0 -142
  342. package/metadata/packages/components/components/syn-radio-button/component.vue +0 -105
  343. package/metadata/packages/components/components/syn-radio-group/component.angular.ts +0 -204
  344. package/metadata/packages/components/components/syn-radio-group/component.react.ts +0 -56
  345. package/metadata/packages/components/components/syn-radio-group/component.styles.ts +0 -58
  346. package/metadata/packages/components/components/syn-radio-group/component.ts +0 -440
  347. package/metadata/packages/components/components/syn-radio-group/component.vue +0 -158
  348. package/metadata/packages/components/components/syn-range/component.angular.ts +0 -347
  349. package/metadata/packages/components/components/syn-range/component.react.ts +0 -92
  350. package/metadata/packages/components/components/syn-range/component.styles.ts +0 -310
  351. package/metadata/packages/components/components/syn-range/component.ts +0 -933
  352. package/metadata/packages/components/components/syn-range/component.vue +0 -245
  353. package/metadata/packages/components/components/syn-range-tick/component.angular.ts +0 -59
  354. package/metadata/packages/components/components/syn-range-tick/component.react.ts +0 -33
  355. package/metadata/packages/components/components/syn-range-tick/component.styles.ts +0 -34
  356. package/metadata/packages/components/components/syn-range-tick/component.ts +0 -50
  357. package/metadata/packages/components/components/syn-range-tick/component.vue +0 -57
  358. package/metadata/packages/components/components/syn-resize-observer/component.styles.ts +0 -9
  359. package/metadata/packages/components/components/syn-resize-observer/component.ts +0 -91
  360. package/metadata/packages/components/components/syn-select/component.angular.ts +0 -439
  361. package/metadata/packages/components/components/syn-select/component.react.ts +0 -101
  362. package/metadata/packages/components/components/syn-select/component.styles.ts +0 -380
  363. package/metadata/packages/components/components/syn-select/component.ts +0 -1056
  364. package/metadata/packages/components/components/syn-select/component.vue +0 -301
  365. package/metadata/packages/components/components/syn-side-nav/component.angular.ts +0 -210
  366. package/metadata/packages/components/components/syn-side-nav/component.react.ts +0 -95
  367. package/metadata/packages/components/components/syn-side-nav/component.styles.ts +0 -142
  368. package/metadata/packages/components/components/syn-side-nav/component.ts +0 -458
  369. package/metadata/packages/components/components/syn-side-nav/component.vue +0 -188
  370. package/metadata/packages/components/components/syn-spinner/component.angular.ts +0 -44
  371. package/metadata/packages/components/components/syn-spinner/component.custom.styles.ts +0 -32
  372. package/metadata/packages/components/components/syn-spinner/component.react.ts +0 -31
  373. package/metadata/packages/components/components/syn-spinner/component.styles.ts +0 -48
  374. package/metadata/packages/components/components/syn-spinner/component.ts +0 -35
  375. package/metadata/packages/components/components/syn-spinner/component.vue +0 -35
  376. package/metadata/packages/components/components/syn-switch/component.angular.ts +0 -257
  377. package/metadata/packages/components/components/syn-switch/component.react.ts +0 -63
  378. package/metadata/packages/components/components/syn-switch/component.styles.ts +0 -252
  379. package/metadata/packages/components/components/syn-switch/component.ts +0 -279
  380. package/metadata/packages/components/components/syn-switch/component.vue +0 -183
  381. package/metadata/packages/components/components/syn-tab/component.angular.ts +0 -109
  382. package/metadata/packages/components/components/syn-tab/component.custom.styles.ts +0 -94
  383. package/metadata/packages/components/components/syn-tab/component.react.ts +0 -42
  384. package/metadata/packages/components/components/syn-tab/component.styles.ts +0 -70
  385. package/metadata/packages/components/components/syn-tab/component.ts +0 -125
  386. package/metadata/packages/components/components/syn-tab/component.vue +0 -91
  387. package/metadata/packages/components/components/syn-tab-group/component.angular.ts +0 -166
  388. package/metadata/packages/components/components/syn-tab-group/component.custom.styles.ts +0 -218
  389. package/metadata/packages/components/components/syn-tab-group/component.react.ts +0 -58
  390. package/metadata/packages/components/components/syn-tab-group/component.styles.ts +0 -193
  391. package/metadata/packages/components/components/syn-tab-group/component.ts +0 -551
  392. package/metadata/packages/components/components/syn-tab-group/component.vue +0 -126
  393. package/metadata/packages/components/components/syn-tab-panel/component.angular.ts +0 -68
  394. package/metadata/packages/components/components/syn-tab-panel/component.custom.styles.ts +0 -8
  395. package/metadata/packages/components/components/syn-tab-panel/component.react.ts +0 -31
  396. package/metadata/packages/components/components/syn-tab-panel/component.styles.ts +0 -20
  397. package/metadata/packages/components/components/syn-tab-panel/component.ts +0 -60
  398. package/metadata/packages/components/components/syn-tab-panel/component.vue +0 -60
  399. package/metadata/packages/components/components/syn-tag/component.angular.ts +0 -83
  400. package/metadata/packages/components/components/syn-tag/component.custom.styles.ts +0 -121
  401. package/metadata/packages/components/components/syn-tag/component.react.ts +0 -43
  402. package/metadata/packages/components/components/syn-tag/component.styles.ts +0 -58
  403. package/metadata/packages/components/components/syn-tag/component.ts +0 -83
  404. package/metadata/packages/components/components/syn-tag/component.vue +0 -81
  405. package/metadata/packages/components/components/syn-tag-group/component.angular.ts +0 -83
  406. package/metadata/packages/components/components/syn-tag-group/component.react.ts +0 -33
  407. package/metadata/packages/components/components/syn-tag-group/component.styles.ts +0 -49
  408. package/metadata/packages/components/components/syn-tag-group/component.ts +0 -95
  409. package/metadata/packages/components/components/syn-tag-group/component.vue +0 -69
  410. package/metadata/packages/components/components/syn-textarea/component.angular.ts +0 -396
  411. package/metadata/packages/components/components/syn-textarea/component.react.ts +0 -60
  412. package/metadata/packages/components/components/syn-textarea/component.styles.ts +0 -208
  413. package/metadata/packages/components/components/syn-textarea/component.ts +0 -400
  414. package/metadata/packages/components/components/syn-textarea/component.vue +0 -244
  415. package/metadata/packages/components/components/syn-tooltip/component.angular.ts +0 -196
  416. package/metadata/packages/components/components/syn-tooltip/component.react.ts +0 -63
  417. package/metadata/packages/components/components/syn-tooltip/component.styles.ts +0 -62
  418. package/metadata/packages/components/components/syn-tooltip/component.ts +0 -312
  419. package/metadata/packages/components/components/syn-tooltip/component.vue +0 -150
  420. package/metadata/packages/components/components/syn-validate/component.angular.ts +0 -137
  421. package/metadata/packages/components/components/syn-validate/component.react.ts +0 -44
  422. package/metadata/packages/components/components/syn-validate/component.styles.ts +0 -9
  423. package/metadata/packages/components/components/syn-validate/component.ts +0 -590
  424. package/metadata/packages/components/components/syn-validate/component.vue +0 -107
  425. package/metadata/packages/components/migration/BREAKING_CHANGES.md +0 -908
  426. package/metadata/packages/components/static/CHANGELOG.md +0 -2140
  427. package/metadata/packages/components/static/LIMITATIONS.md +0 -433
  428. package/metadata/packages/components/static/README.md +0 -231
  429. package/metadata/packages/fonts/CHANGELOG.md +0 -57
  430. package/metadata/packages/fonts/README.md +0 -164
  431. package/metadata/packages/fonts/package.json +0 -72
  432. package/metadata/packages/react/LIMITATIONS.md +0 -31
  433. package/metadata/packages/react/README.md +0 -262
  434. package/metadata/packages/styles/BREAKING_CHANGES.md +0 -105
  435. package/metadata/packages/styles/CHANGELOG.md +0 -188
  436. package/metadata/packages/styles/README.md +0 -132
  437. package/metadata/packages/styles/index.css +0 -300
  438. package/metadata/packages/styles/link-list.css +0 -47
  439. package/metadata/packages/styles/link.css +0 -81
  440. package/metadata/packages/styles/tables.css +0 -132
  441. package/metadata/packages/styles/typography.css +0 -52
  442. package/metadata/packages/tokens/BREAKING_CHANGES.md +0 -180
  443. package/metadata/packages/tokens/CHANGELOG.md +0 -949
  444. package/metadata/packages/tokens/README.md +0 -435
  445. package/metadata/packages/tokens/dark.css +0 -454
  446. package/metadata/packages/tokens/index.js +0 -2224
  447. package/metadata/packages/tokens/light.css +0 -454
  448. package/metadata/packages/tokens/sick2018_dark.css +0 -454
  449. package/metadata/packages/tokens/sick2018_light.css +0 -454
  450. package/metadata/packages/tokens/sick2025_dark.css +0 -454
  451. package/metadata/packages/tokens/sick2025_light.css +0 -454
  452. package/metadata/packages/vue/LIMITATIONS.md +0 -53
  453. package/metadata/packages/vue/README.md +0 -252
  454. package/metadata/static/assets/index.md +0 -10
  455. package/metadata/static/components/index.md +0 -10
  456. package/metadata/static/components/syn-accordion/docs.md +0 -449
  457. package/metadata/static/components/syn-alert/docs.md +0 -282
  458. package/metadata/static/components/syn-badge/docs.md +0 -106
  459. package/metadata/static/components/syn-breadcrumb/docs.md +0 -265
  460. package/metadata/static/components/syn-breadcrumb-item/docs.md +0 -49
  461. package/metadata/static/components/syn-button/docs.md +0 -472
  462. package/metadata/static/components/syn-button-group/docs.md +0 -259
  463. package/metadata/static/components/syn-card/docs.md +0 -314
  464. package/metadata/static/components/syn-checkbox/docs.md +0 -176
  465. package/metadata/static/components/syn-combobox/docs.md +0 -2633
  466. package/metadata/static/components/syn-details/docs.md +0 -227
  467. package/metadata/static/components/syn-dialog/docs.md +0 -220
  468. package/metadata/static/components/syn-divider/docs.md +0 -77
  469. package/metadata/static/components/syn-drawer/docs.md +0 -269
  470. package/metadata/static/components/syn-dropdown/docs.md +0 -316
  471. package/metadata/static/components/syn-file/docs.md +0 -239
  472. package/metadata/static/components/syn-header/docs.md +0 -209
  473. package/metadata/static/components/syn-icon/docs.md +0 -177
  474. package/metadata/static/components/syn-icon-button/docs.md +0 -142
  475. package/metadata/static/components/syn-input/docs.md +0 -462
  476. package/metadata/static/components/syn-menu/docs.md +0 -162
  477. package/metadata/static/components/syn-menu-item/docs.md +0 -216
  478. package/metadata/static/components/syn-menu-label/docs.md +0 -29
  479. package/metadata/static/components/syn-nav-item/docs.md +0 -166
  480. package/metadata/static/components/syn-optgroup/docs.md +0 -167
  481. package/metadata/static/components/syn-option/docs.md +0 -137
  482. package/metadata/static/components/syn-popup/docs.md +0 -812
  483. package/metadata/static/components/syn-prio-nav/docs.md +0 -54
  484. package/metadata/static/components/syn-progress-bar/docs.md +0 -77
  485. package/metadata/static/components/syn-progress-ring/docs.md +0 -89
  486. package/metadata/static/components/syn-radio/docs.md +0 -178
  487. package/metadata/static/components/syn-radio-group/docs.md +0 -484
  488. package/metadata/static/components/syn-range/docs.md +0 -438
  489. package/metadata/static/components/syn-range-tick/docs.md +0 -110
  490. package/metadata/static/components/syn-select/docs.md +0 -811
  491. package/metadata/static/components/syn-side-nav/docs.md +0 -593
  492. package/metadata/static/components/syn-spinner/docs.md +0 -45
  493. package/metadata/static/components/syn-switch/docs.md +0 -121
  494. package/metadata/static/components/syn-tab/docs.md +0 -47
  495. package/metadata/static/components/syn-tab-group/docs.md +0 -1094
  496. package/metadata/static/components/syn-tab-panel/docs.md +0 -91
  497. package/metadata/static/components/syn-tag/docs.md +0 -50
  498. package/metadata/static/components/syn-tag-group/docs.md +0 -269
  499. package/metadata/static/components/syn-textarea/docs.md +0 -215
  500. package/metadata/static/components/syn-tooltip/docs.md +0 -217
  501. package/metadata/static/components/syn-validate/docs.md +0 -305
  502. package/metadata/static/fonts/index.md +0 -4
  503. package/metadata/static/migration/index.md +0 -57
  504. package/metadata/static/migration/v2-2018-to-v2-2025.md +0 -481
  505. package/metadata/static/migration/v2-2018-to-v3-2018.md +0 -147
  506. package/metadata/static/migration/v2-2018-to-v3-2025.md +0 -150
  507. package/metadata/static/migration/v2-2025-to-v3-2025.md +0 -133
  508. package/metadata/static/setup/icon-usage.md +0 -411
  509. package/metadata/static/setup/prerequisites.md +0 -319
  510. package/metadata/static/styles/syn-body.md +0 -5
  511. package/metadata/static/styles/syn-heading.md +0 -5
  512. package/metadata/static/styles/syn-link-list.md +0 -325
  513. package/metadata/static/styles/syn-link.md +0 -156
  514. package/metadata/static/styles/syn-table-cell.md +0 -127
  515. package/metadata/static/styles/syn-table.md +0 -201
  516. package/metadata/static/styles/syn-weight.md +0 -5
  517. package/metadata/static/templates/appshell.md +0 -2053
  518. package/metadata/static/templates/breadcrumb.md +0 -379
  519. package/metadata/static/templates/footer.md +0 -340
  520. package/metadata/static/templates/forms.md +0 -558
  521. package/metadata/static/templates/localization.md +0 -279
  522. package/metadata/static/templates/table.md +0 -1425
  523. package/metadata/static/templates/tag-group.md +0 -833
  524. /package/dist/{build/build.d.ts → utilities/logging-types.js} +0 -0
  525. /package/{metadata/static/component-info/index.md → rules/component-info.md} +0 -0
package/metadata/static/components/syn-accordion/docs.md DELETED
@@ -1,449 +0,0 @@
1
- ## Subheadline
2
-
3
- ```html
4
- <syn-accordion size="medium">
5
- <syn-details summary="First" open="" size="medium">
6
- <h3
7
- style="
8
- margin: 0 0 var(--syn-spacing-x-small);
9
- font: var(--syn-body-small-bold);
10
- "
11
- >
12
- Subheadline
13
- </h3>
14
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
15
- eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
16
- voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
17
- </syn-details>
18
- <syn-details summary="Second" size="medium">
19
- <h3
20
- style="
21
- margin: 0 0 var(--syn-spacing-x-small);
22
- font: var(--syn-body-small-bold);
23
- "
24
- >
25
- Subheadline
26
- </h3>
27
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
28
- eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
29
- voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
30
- </syn-details>
31
- <syn-details summary="Third" size="medium">
32
- <h3
33
- style="
34
- margin: 0 0 var(--syn-spacing-x-small);
35
- font: var(--syn-body-small-bold);
36
- "
37
- >
38
- Subheadline
39
- </h3>
40
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
41
- eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
42
- voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
43
- </syn-details>
44
- </syn-accordion>
45
- ```
46
-
47
- ---
48
-
49
- ## Default
50
-
51
- Accordion is a group of syn-details to show a brief summary and expand to show additional content.
52
-
53
- ```html
54
- <syn-accordion size="medium">
55
- <syn-details summary="First" open="" size="medium">
56
- <h3
57
- style="
58
- margin: 0 0 var(--syn-spacing-x-small);
59
- font: var(--syn-body-small-bold);
60
- "
61
- >
62
- Subheadline
63
- </h3>
64
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
65
- eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
66
- voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
67
- </syn-details>
68
- <syn-details summary="Second" size="medium">
69
- <h3
70
- style="
71
- margin: 0 0 var(--syn-spacing-x-small);
72
- font: var(--syn-body-small-bold);
73
- "
74
- >
75
- Subheadline
76
- </h3>
77
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
78
- eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
79
- voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
80
- </syn-details>
81
- <syn-details summary="Third" size="medium">
82
- <h3
83
- style="
84
- margin: 0 0 var(--syn-spacing-x-small);
85
- font: var(--syn-body-small-bold);
86
- "
87
- >
88
- Subheadline
89
- </h3>
90
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
91
- eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
92
- voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
93
- </syn-details>
94
- </syn-accordion>
95
- ```
96
-
97
- ---
98
-
99
- ## Contained
100
-
101
- To give content more structure, you can use the property contained.
102
-
103
- ```html
104
- <syn-accordion contained="" size="medium">
105
- <syn-details open="" size="medium" contained="">
106
- <span slot="summary">Accordion Element</span>
107
- <h3
108
- style="
109
- margin: 0 0 var(--syn-spacing-x-small);
110
- font: var(--syn-body-small-bold);
111
- "
112
- >
113
- Subheadline
114
- </h3>
115
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
116
- eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
117
- voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
118
- </syn-details>
119
- <syn-details size="medium" contained="">
120
- <span slot="summary">Accordion Element</span>
121
- <h3
122
- style="
123
- margin: 0 0 var(--syn-spacing-x-small);
124
- font: var(--syn-body-small-bold);
125
- "
126
- >
127
- Subheadline
128
- </h3>
129
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
130
- eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
131
- voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
132
- </syn-details>
133
- <syn-details size="medium" contained="">
134
- <span slot="summary">Accordion Element</span>
135
- <h3
136
- style="
137
- margin: 0 0 var(--syn-spacing-x-small);
138
- font: var(--syn-body-small-bold);
139
- "
140
- >
141
- Subheadline
142
- </h3>
143
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
144
- eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
145
- voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
146
- </syn-details>
147
- </syn-accordion>
148
- ```
149
-
150
- ---
151
-
152
- ## Grouping Details
153
-
154
- Set the close-others property to true to ensure only one detail is open at a time.
155
-
156
- ```html
157
- <syn-accordion close-others="" size="medium">
158
- <syn-details summary="First" open="" size="medium">
159
- <h3
160
- style="
161
- margin: 0 0 var(--syn-spacing-x-small);
162
- font: var(--syn-body-small-bold);
163
- "
164
- >
165
- Subheadline
166
- </h3>
167
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
168
- eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
169
- voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
170
- </syn-details>
171
- <syn-details summary="Second" size="medium">
172
- <h3
173
- style="
174
- margin: 0 0 var(--syn-spacing-x-small);
175
- font: var(--syn-body-small-bold);
176
- "
177
- >
178
- Subheadline
179
- </h3>
180
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
181
- eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
182
- voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
183
- </syn-details>
184
- <syn-details summary="Third" size="medium">
185
- <h3
186
- style="
187
- margin: 0 0 var(--syn-spacing-x-small);
188
- font: var(--syn-body-small-bold);
189
- "
190
- >
191
- Subheadline
192
- </h3>
193
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
194
- eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
195
- voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
196
- </syn-details>
197
- </syn-accordion>
198
- ```
199
-
200
- ---
201
-
202
- ## Focus
203
-
204
- The focus event gives the user feedback that the detail has been focused by the keyboard interaction.
205
-
206
- ```html
207
- <div style="padding: 5px">
208
- <syn-accordion size="medium">
209
- <syn-details summary="Accordion Element" size="medium">
210
- <h3
211
- style="
212
- margin: 0 0 var(--syn-spacing-x-small);
213
- font: var(--syn-body-small-bold);
214
- "
215
- >
216
- Subheadline
217
- </h3>
218
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
219
- eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
220
- voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
221
- </syn-details>
222
- <syn-details summary="Accordion Element" size="medium">
223
- <h3
224
- style="
225
- margin: 0 0 var(--syn-spacing-x-small);
226
- font: var(--syn-body-small-bold);
227
- "
228
- >
229
- Subheadline
230
- </h3>
231
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
232
- eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
233
- voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
234
- </syn-details>
235
- <syn-details summary="Accordion Element" size="medium">
236
- <h3
237
- style="
238
- margin: 0 0 var(--syn-spacing-x-small);
239
- font: var(--syn-body-small-bold);
240
- "
241
- >
242
- Subheadline
243
- </h3>
244
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
245
- eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
246
- voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
247
- </syn-details>
248
- </syn-accordion>
249
- </div>
250
- ```
251
-
252
- ---
253
-
254
- ## Disabled
255
-
256
- Use the disable attribute to prevent the details from expanding.
257
-
258
- ```html
259
- <syn-accordion size="medium">
260
- <syn-details summary="Accordion Element" size="medium">
261
- <h3
262
- style="
263
- margin: 0 0 var(--syn-spacing-x-small);
264
- font: var(--syn-body-small-bold);
265
- "
266
- >
267
- Subheadline
268
- </h3>
269
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
270
- eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
271
- voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
272
- </syn-details>
273
- <syn-details summary="Accordion Element" disabled="" size="medium">
274
- <h3
275
- style="
276
- margin: 0 0 var(--syn-spacing-x-small);
277
- font: var(--syn-body-small-bold);
278
- "
279
- >
280
- Subheadline
281
- </h3>
282
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
283
- eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
284
- voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
285
- </syn-details>
286
- <syn-details summary="Accordion Element" size="medium">
287
- <h3
288
- style="
289
- margin: 0 0 var(--syn-spacing-x-small);
290
- font: var(--syn-body-small-bold);
291
- "
292
- >
293
- Subheadline
294
- </h3>
295
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
296
- eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
297
- voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
298
- </syn-details>
299
- </syn-accordion>
300
- ```
301
-
302
- ---
303
-
304
- ## Sizes
305
-
306
- Use the size attribute to change a detail’s size. The size attribute should not be mixed within an accordion
307
-
308
- ```html
309
- <syn-accordion class="accordion-size" size="small">
310
- <syn-details size="small">
311
- <span slot="summary">Accordion Element</span>
312
- <h3
313
- style="
314
- margin: 0 0 var(--syn-spacing-x-small);
315
- font: var(--syn-body-small-bold);
316
- "
317
- >
318
- Subheadline
319
- </h3>
320
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
321
- eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
322
- voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
323
- </syn-details>
324
- <syn-details size="small">
325
- <span slot="summary">Accordion Element</span>
326
- <h3
327
- style="
328
- margin: 0 0 var(--syn-spacing-x-small);
329
- font: var(--syn-body-small-bold);
330
- "
331
- >
332
- Subheadline
333
- </h3>
334
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
335
- eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
336
- voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
337
- </syn-details>
338
- <syn-details size="small">
339
- <span slot="summary">Accordion Element</span>
340
- <h3
341
- style="
342
- margin: 0 0 var(--syn-spacing-x-small);
343
- font: var(--syn-body-small-bold);
344
- "
345
- >
346
- Subheadline
347
- </h3>
348
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
349
- eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
350
- voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
351
- </syn-details>
352
- </syn-accordion>
353
-
354
- <syn-accordion class="accordion-size" size="medium">
355
- <syn-details size="medium">
356
- <span slot="summary">Accordion Element</span>
357
- <h3
358
- style="
359
- margin: 0 0 var(--syn-spacing-x-small);
360
- font: var(--syn-body-small-bold);
361
- "
362
- >
363
- Subheadline
364
- </h3>
365
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
366
- eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
367
- voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
368
- </syn-details>
369
- <syn-details size="medium">
370
- <span slot="summary">Accordion Element</span>
371
- <h3
372
- style="
373
- margin: 0 0 var(--syn-spacing-x-small);
374
- font: var(--syn-body-small-bold);
375
- "
376
- >
377
- Subheadline
378
- </h3>
379
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
380
- eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
381
- voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
382
- </syn-details>
383
- <syn-details size="medium">
384
- <span slot="summary">Accordion Element</span>
385
- <h3
386
- style="
387
- margin: 0 0 var(--syn-spacing-x-small);
388
- font: var(--syn-body-small-bold);
389
- "
390
- >
391
- Subheadline
392
- </h3>
393
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
394
- eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
395
- voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
396
- </syn-details>
397
- </syn-accordion>
398
-
399
- <syn-accordion class="accordion-size" size="large">
400
- <syn-details size="large">
401
- <span slot="summary">Accordion Element</span>
402
- <h3
403
- style="
404
- margin: 0 0 var(--syn-spacing-x-small);
405
- font: var(--syn-body-small-bold);
406
- "
407
- >
408
- Subheadline
409
- </h3>
410
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
411
- eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
412
- voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
413
- </syn-details>
414
- <syn-details size="large">
415
- <span slot="summary">Accordion Element</span>
416
- <h3
417
- style="
418
- margin: 0 0 var(--syn-spacing-x-small);
419
- font: var(--syn-body-small-bold);
420
- "
421
- >
422
- Subheadline
423
- </h3>
424
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
425
- eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
426
- voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
427
- </syn-details>
428
- <syn-details size="large">
429
- <span slot="summary">Accordion Element</span>
430
- <h3
431
- style="
432
- margin: 0 0 var(--syn-spacing-x-small);
433
- font: var(--syn-body-small-bold);
434
- "
435
- >
436
- Subheadline
437
- </h3>
438
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
439
- eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
440
- voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
441
- </syn-details>
442
- </syn-accordion>
443
-
444
- <style>
445
- .accordion-size:not(:first-of-type) {
446
- margin-top: var(--syn-spacing-2x-large);
447
- }
448
- </style>
449
- ```