@synergy-design-system/mcp 2.15.0 → 3.0.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 (531) hide show
  1. package/CHANGELOG.md +24 -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 +20 -30
  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 -374
  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-pagination/component.angular.ts +0 -201
  312. package/metadata/packages/components/components/syn-pagination/component.react.ts +0 -56
  313. package/metadata/packages/components/components/syn-pagination/component.styles.ts +0 -128
  314. package/metadata/packages/components/components/syn-pagination/component.ts +0 -452
  315. package/metadata/packages/components/components/syn-pagination/component.vue +0 -144
  316. package/metadata/packages/components/components/syn-popup/component.angular.ts +0 -372
  317. package/metadata/packages/components/components/syn-popup/component.react.ts +0 -55
  318. package/metadata/packages/components/components/syn-popup/component.styles.ts +0 -70
  319. package/metadata/packages/components/components/syn-popup/component.ts +0 -582
  320. package/metadata/packages/components/components/syn-popup/component.vue +0 -233
  321. package/metadata/packages/components/components/syn-prio-nav/component.angular.ts +0 -67
  322. package/metadata/packages/components/components/syn-prio-nav/component.react.ts +0 -54
  323. package/metadata/packages/components/components/syn-prio-nav/component.styles.ts +0 -48
  324. package/metadata/packages/components/components/syn-prio-nav/component.ts +0 -288
  325. package/metadata/packages/components/components/syn-prio-nav/component.vue +0 -60
  326. package/metadata/packages/components/components/syn-progress-bar/component.angular.ts +0 -85
  327. package/metadata/packages/components/components/syn-progress-bar/component.custom.styles.ts +0 -24
  328. package/metadata/packages/components/components/syn-progress-bar/component.react.ts +0 -37
  329. package/metadata/packages/components/components/syn-progress-bar/component.styles.ts +0 -87
  330. package/metadata/packages/components/components/syn-progress-bar/component.ts +0 -67
  331. package/metadata/packages/components/components/syn-progress-bar/component.vue +0 -71
  332. package/metadata/packages/components/components/syn-progress-ring/component.angular.ts +0 -72
  333. package/metadata/packages/components/components/syn-progress-ring/component.custom.styles.ts +0 -19
  334. package/metadata/packages/components/components/syn-progress-ring/component.react.ts +0 -37
  335. package/metadata/packages/components/components/syn-progress-ring/component.styles.ts +0 -70
  336. package/metadata/packages/components/components/syn-progress-ring/component.ts +0 -83
  337. package/metadata/packages/components/components/syn-progress-ring/component.vue +0 -66
  338. package/metadata/packages/components/components/syn-radio/component.angular.ts +0 -122
  339. package/metadata/packages/components/components/syn-radio/component.react.ts +0 -48
  340. package/metadata/packages/components/components/syn-radio/component.styles.ts +0 -179
  341. package/metadata/packages/components/components/syn-radio/component.ts +0 -131
  342. package/metadata/packages/components/components/syn-radio/component.vue +0 -104
  343. package/metadata/packages/components/components/syn-radio-button/component.angular.ts +0 -123
  344. package/metadata/packages/components/components/syn-radio-button/component.react.ts +0 -49
  345. package/metadata/packages/components/components/syn-radio-button/component.styles.ts +0 -30
  346. package/metadata/packages/components/components/syn-radio-button/component.ts +0 -142
  347. package/metadata/packages/components/components/syn-radio-button/component.vue +0 -105
  348. package/metadata/packages/components/components/syn-radio-group/component.angular.ts +0 -204
  349. package/metadata/packages/components/components/syn-radio-group/component.react.ts +0 -56
  350. package/metadata/packages/components/components/syn-radio-group/component.styles.ts +0 -58
  351. package/metadata/packages/components/components/syn-radio-group/component.ts +0 -440
  352. package/metadata/packages/components/components/syn-radio-group/component.vue +0 -158
  353. package/metadata/packages/components/components/syn-range/component.angular.ts +0 -347
  354. package/metadata/packages/components/components/syn-range/component.react.ts +0 -92
  355. package/metadata/packages/components/components/syn-range/component.styles.ts +0 -310
  356. package/metadata/packages/components/components/syn-range/component.ts +0 -933
  357. package/metadata/packages/components/components/syn-range/component.vue +0 -245
  358. package/metadata/packages/components/components/syn-range-tick/component.angular.ts +0 -59
  359. package/metadata/packages/components/components/syn-range-tick/component.react.ts +0 -33
  360. package/metadata/packages/components/components/syn-range-tick/component.styles.ts +0 -34
  361. package/metadata/packages/components/components/syn-range-tick/component.ts +0 -50
  362. package/metadata/packages/components/components/syn-range-tick/component.vue +0 -57
  363. package/metadata/packages/components/components/syn-resize-observer/component.styles.ts +0 -9
  364. package/metadata/packages/components/components/syn-resize-observer/component.ts +0 -91
  365. package/metadata/packages/components/components/syn-select/component.angular.ts +0 -439
  366. package/metadata/packages/components/components/syn-select/component.react.ts +0 -101
  367. package/metadata/packages/components/components/syn-select/component.styles.ts +0 -380
  368. package/metadata/packages/components/components/syn-select/component.ts +0 -1056
  369. package/metadata/packages/components/components/syn-select/component.vue +0 -301
  370. package/metadata/packages/components/components/syn-side-nav/component.angular.ts +0 -210
  371. package/metadata/packages/components/components/syn-side-nav/component.react.ts +0 -95
  372. package/metadata/packages/components/components/syn-side-nav/component.styles.ts +0 -142
  373. package/metadata/packages/components/components/syn-side-nav/component.ts +0 -458
  374. package/metadata/packages/components/components/syn-side-nav/component.vue +0 -188
  375. package/metadata/packages/components/components/syn-spinner/component.angular.ts +0 -44
  376. package/metadata/packages/components/components/syn-spinner/component.custom.styles.ts +0 -32
  377. package/metadata/packages/components/components/syn-spinner/component.react.ts +0 -31
  378. package/metadata/packages/components/components/syn-spinner/component.styles.ts +0 -48
  379. package/metadata/packages/components/components/syn-spinner/component.ts +0 -35
  380. package/metadata/packages/components/components/syn-spinner/component.vue +0 -35
  381. package/metadata/packages/components/components/syn-switch/component.angular.ts +0 -257
  382. package/metadata/packages/components/components/syn-switch/component.react.ts +0 -63
  383. package/metadata/packages/components/components/syn-switch/component.styles.ts +0 -252
  384. package/metadata/packages/components/components/syn-switch/component.ts +0 -279
  385. package/metadata/packages/components/components/syn-switch/component.vue +0 -183
  386. package/metadata/packages/components/components/syn-tab/component.angular.ts +0 -109
  387. package/metadata/packages/components/components/syn-tab/component.custom.styles.ts +0 -94
  388. package/metadata/packages/components/components/syn-tab/component.react.ts +0 -42
  389. package/metadata/packages/components/components/syn-tab/component.styles.ts +0 -70
  390. package/metadata/packages/components/components/syn-tab/component.ts +0 -125
  391. package/metadata/packages/components/components/syn-tab/component.vue +0 -91
  392. package/metadata/packages/components/components/syn-tab-group/component.angular.ts +0 -166
  393. package/metadata/packages/components/components/syn-tab-group/component.custom.styles.ts +0 -218
  394. package/metadata/packages/components/components/syn-tab-group/component.react.ts +0 -58
  395. package/metadata/packages/components/components/syn-tab-group/component.styles.ts +0 -193
  396. package/metadata/packages/components/components/syn-tab-group/component.ts +0 -551
  397. package/metadata/packages/components/components/syn-tab-group/component.vue +0 -126
  398. package/metadata/packages/components/components/syn-tab-panel/component.angular.ts +0 -68
  399. package/metadata/packages/components/components/syn-tab-panel/component.custom.styles.ts +0 -8
  400. package/metadata/packages/components/components/syn-tab-panel/component.react.ts +0 -31
  401. package/metadata/packages/components/components/syn-tab-panel/component.styles.ts +0 -20
  402. package/metadata/packages/components/components/syn-tab-panel/component.ts +0 -60
  403. package/metadata/packages/components/components/syn-tab-panel/component.vue +0 -60
  404. package/metadata/packages/components/components/syn-tag/component.angular.ts +0 -83
  405. package/metadata/packages/components/components/syn-tag/component.custom.styles.ts +0 -121
  406. package/metadata/packages/components/components/syn-tag/component.react.ts +0 -43
  407. package/metadata/packages/components/components/syn-tag/component.styles.ts +0 -58
  408. package/metadata/packages/components/components/syn-tag/component.ts +0 -83
  409. package/metadata/packages/components/components/syn-tag/component.vue +0 -81
  410. package/metadata/packages/components/components/syn-tag-group/component.angular.ts +0 -83
  411. package/metadata/packages/components/components/syn-tag-group/component.react.ts +0 -33
  412. package/metadata/packages/components/components/syn-tag-group/component.styles.ts +0 -49
  413. package/metadata/packages/components/components/syn-tag-group/component.ts +0 -95
  414. package/metadata/packages/components/components/syn-tag-group/component.vue +0 -69
  415. package/metadata/packages/components/components/syn-textarea/component.angular.ts +0 -396
  416. package/metadata/packages/components/components/syn-textarea/component.react.ts +0 -60
  417. package/metadata/packages/components/components/syn-textarea/component.styles.ts +0 -208
  418. package/metadata/packages/components/components/syn-textarea/component.ts +0 -400
  419. package/metadata/packages/components/components/syn-textarea/component.vue +0 -244
  420. package/metadata/packages/components/components/syn-tooltip/component.angular.ts +0 -196
  421. package/metadata/packages/components/components/syn-tooltip/component.react.ts +0 -63
  422. package/metadata/packages/components/components/syn-tooltip/component.styles.ts +0 -62
  423. package/metadata/packages/components/components/syn-tooltip/component.ts +0 -312
  424. package/metadata/packages/components/components/syn-tooltip/component.vue +0 -150
  425. package/metadata/packages/components/components/syn-validate/component.angular.ts +0 -137
  426. package/metadata/packages/components/components/syn-validate/component.react.ts +0 -44
  427. package/metadata/packages/components/components/syn-validate/component.styles.ts +0 -9
  428. package/metadata/packages/components/components/syn-validate/component.ts +0 -590
  429. package/metadata/packages/components/components/syn-validate/component.vue +0 -107
  430. package/metadata/packages/components/migration/BREAKING_CHANGES.md +0 -908
  431. package/metadata/packages/components/static/CHANGELOG.md +0 -2155
  432. package/metadata/packages/components/static/LIMITATIONS.md +0 -433
  433. package/metadata/packages/components/static/README.md +0 -231
  434. package/metadata/packages/fonts/CHANGELOG.md +0 -57
  435. package/metadata/packages/fonts/README.md +0 -164
  436. package/metadata/packages/fonts/package.json +0 -72
  437. package/metadata/packages/react/LIMITATIONS.md +0 -31
  438. package/metadata/packages/react/README.md +0 -262
  439. package/metadata/packages/styles/BREAKING_CHANGES.md +0 -105
  440. package/metadata/packages/styles/CHANGELOG.md +0 -188
  441. package/metadata/packages/styles/README.md +0 -132
  442. package/metadata/packages/styles/index.css +0 -300
  443. package/metadata/packages/styles/link-list.css +0 -47
  444. package/metadata/packages/styles/link.css +0 -81
  445. package/metadata/packages/styles/tables.css +0 -132
  446. package/metadata/packages/styles/typography.css +0 -52
  447. package/metadata/packages/tokens/BREAKING_CHANGES.md +0 -180
  448. package/metadata/packages/tokens/CHANGELOG.md +0 -959
  449. package/metadata/packages/tokens/README.md +0 -435
  450. package/metadata/packages/tokens/dark.css +0 -454
  451. package/metadata/packages/tokens/index.js +0 -2224
  452. package/metadata/packages/tokens/light.css +0 -454
  453. package/metadata/packages/tokens/sick2018_dark.css +0 -454
  454. package/metadata/packages/tokens/sick2018_light.css +0 -454
  455. package/metadata/packages/tokens/sick2025_dark.css +0 -454
  456. package/metadata/packages/tokens/sick2025_light.css +0 -454
  457. package/metadata/packages/vue/LIMITATIONS.md +0 -53
  458. package/metadata/packages/vue/README.md +0 -252
  459. package/metadata/static/assets/index.md +0 -10
  460. package/metadata/static/components/index.md +0 -10
  461. package/metadata/static/components/syn-accordion/docs.md +0 -449
  462. package/metadata/static/components/syn-alert/docs.md +0 -282
  463. package/metadata/static/components/syn-badge/docs.md +0 -106
  464. package/metadata/static/components/syn-breadcrumb/docs.md +0 -265
  465. package/metadata/static/components/syn-breadcrumb-item/docs.md +0 -49
  466. package/metadata/static/components/syn-button/docs.md +0 -472
  467. package/metadata/static/components/syn-button-group/docs.md +0 -259
  468. package/metadata/static/components/syn-card/docs.md +0 -314
  469. package/metadata/static/components/syn-checkbox/docs.md +0 -176
  470. package/metadata/static/components/syn-combobox/docs.md +0 -2633
  471. package/metadata/static/components/syn-details/docs.md +0 -227
  472. package/metadata/static/components/syn-dialog/docs.md +0 -220
  473. package/metadata/static/components/syn-divider/docs.md +0 -77
  474. package/metadata/static/components/syn-drawer/docs.md +0 -269
  475. package/metadata/static/components/syn-dropdown/docs.md +0 -316
  476. package/metadata/static/components/syn-file/docs.md +0 -239
  477. package/metadata/static/components/syn-header/docs.md +0 -209
  478. package/metadata/static/components/syn-icon/docs.md +0 -177
  479. package/metadata/static/components/syn-icon-button/docs.md +0 -142
  480. package/metadata/static/components/syn-input/docs.md +0 -462
  481. package/metadata/static/components/syn-menu/docs.md +0 -162
  482. package/metadata/static/components/syn-menu-item/docs.md +0 -216
  483. package/metadata/static/components/syn-menu-label/docs.md +0 -29
  484. package/metadata/static/components/syn-nav-item/docs.md +0 -166
  485. package/metadata/static/components/syn-optgroup/docs.md +0 -167
  486. package/metadata/static/components/syn-option/docs.md +0 -137
  487. package/metadata/static/components/syn-pagination/docs.md +0 -102
  488. package/metadata/static/components/syn-popup/docs.md +0 -812
  489. package/metadata/static/components/syn-prio-nav/docs.md +0 -54
  490. package/metadata/static/components/syn-progress-bar/docs.md +0 -77
  491. package/metadata/static/components/syn-progress-ring/docs.md +0 -89
  492. package/metadata/static/components/syn-radio/docs.md +0 -178
  493. package/metadata/static/components/syn-radio-group/docs.md +0 -484
  494. package/metadata/static/components/syn-range/docs.md +0 -438
  495. package/metadata/static/components/syn-range-tick/docs.md +0 -110
  496. package/metadata/static/components/syn-select/docs.md +0 -811
  497. package/metadata/static/components/syn-side-nav/docs.md +0 -593
  498. package/metadata/static/components/syn-spinner/docs.md +0 -45
  499. package/metadata/static/components/syn-switch/docs.md +0 -121
  500. package/metadata/static/components/syn-tab/docs.md +0 -47
  501. package/metadata/static/components/syn-tab-group/docs.md +0 -1094
  502. package/metadata/static/components/syn-tab-panel/docs.md +0 -91
  503. package/metadata/static/components/syn-tag/docs.md +0 -50
  504. package/metadata/static/components/syn-tag-group/docs.md +0 -269
  505. package/metadata/static/components/syn-textarea/docs.md +0 -215
  506. package/metadata/static/components/syn-tooltip/docs.md +0 -217
  507. package/metadata/static/components/syn-validate/docs.md +0 -305
  508. package/metadata/static/fonts/index.md +0 -4
  509. package/metadata/static/migration/index.md +0 -57
  510. package/metadata/static/migration/v2-2018-to-v2-2025.md +0 -481
  511. package/metadata/static/migration/v2-2018-to-v3-2018.md +0 -147
  512. package/metadata/static/migration/v2-2018-to-v3-2025.md +0 -150
  513. package/metadata/static/migration/v2-2025-to-v3-2025.md +0 -133
  514. package/metadata/static/setup/icon-usage.md +0 -411
  515. package/metadata/static/setup/prerequisites.md +0 -319
  516. package/metadata/static/styles/syn-body.md +0 -5
  517. package/metadata/static/styles/syn-heading.md +0 -5
  518. package/metadata/static/styles/syn-link-list.md +0 -325
  519. package/metadata/static/styles/syn-link.md +0 -156
  520. package/metadata/static/styles/syn-table-cell.md +0 -127
  521. package/metadata/static/styles/syn-table.md +0 -201
  522. package/metadata/static/styles/syn-weight.md +0 -5
  523. package/metadata/static/templates/appshell.md +0 -2053
  524. package/metadata/static/templates/breadcrumb.md +0 -379
  525. package/metadata/static/templates/footer.md +0 -340
  526. package/metadata/static/templates/forms.md +0 -558
  527. package/metadata/static/templates/localization.md +0 -279
  528. package/metadata/static/templates/table.md +0 -1425
  529. package/metadata/static/templates/tag-group.md +0 -833
  530. /package/dist/{build/build.d.ts → utilities/logging-types.js} +0 -0
  531. /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
- ```