@tmorrow/cre8-wc 1.1.2 → 1.1.3

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 (435) hide show
  1. package/cdn/cre8-wc.esm.js +1 -1
  2. package/cdn/cre8-wc.esm.js.map +1 -1
  3. package/cdn/cre8-wc.min.js +1 -1
  4. package/cdn/cre8-wc.min.js.map +1 -1
  5. package/lib/cdn-entry.js +129 -0
  6. package/lib/cdn-entry.js.map +1 -0
  7. package/lib/components/accordion/accordion.js +58 -40
  8. package/lib/components/accordion/accordion.js.map +1 -0
  9. package/lib/components/accordion/accordion.styles.js +4 -0
  10. package/lib/components/accordion/accordion.styles.js.map +1 -0
  11. package/lib/components/accordion-item/accordion-item.js +187 -98
  12. package/lib/components/accordion-item/accordion-item.js.map +1 -0
  13. package/lib/components/accordion-item/accordion-item.styles.js +4 -0
  14. package/lib/components/accordion-item/accordion-item.styles.js.map +1 -0
  15. package/lib/components/alert/alert.js +146 -107
  16. package/lib/components/alert/alert.js.map +1 -0
  17. package/lib/components/alert/alert.styles.js +4 -0
  18. package/lib/components/alert/alert.styles.js.map +1 -0
  19. package/lib/components/badge/badge.js +73 -50
  20. package/lib/components/badge/badge.js.map +1 -0
  21. package/lib/components/badge/badge.styles.js +4 -0
  22. package/lib/components/badge/badge.styles.js.map +1 -0
  23. package/lib/components/band/band.js +34 -31
  24. package/lib/components/band/band.js.map +1 -0
  25. package/lib/components/band/band.styles.js +4 -0
  26. package/lib/components/band/band.styles.js.map +1 -0
  27. package/lib/components/breadcrumbs/breadcrumbs.js +52 -28
  28. package/lib/components/breadcrumbs/breadcrumbs.js.map +1 -0
  29. package/lib/components/breadcrumbs/breadcrumbs.styles.js +4 -0
  30. package/lib/components/breadcrumbs/breadcrumbs.styles.js.map +1 -0
  31. package/lib/components/breadcrumbs-item/breadcrumbs-item.js +28 -27
  32. package/lib/components/breadcrumbs-item/breadcrumbs-item.js.map +1 -0
  33. package/lib/components/breadcrumbs-item/breadcrumbs-item.styles.js +4 -0
  34. package/lib/components/breadcrumbs-item/breadcrumbs-item.styles.js.map +1 -0
  35. package/lib/components/button/button.js +297 -1040
  36. package/lib/components/button/button.js.map +1 -0
  37. package/lib/components/button/button.styles.js +885 -0
  38. package/lib/components/button/button.styles.js.map +1 -0
  39. package/lib/components/button-group/button-group.js +30 -27
  40. package/lib/components/button-group/button-group.js.map +1 -0
  41. package/lib/components/button-group/button-group.styles.js +4 -0
  42. package/lib/components/button-group/button-group.styles.js.map +1 -0
  43. package/lib/components/card/card.js +57 -35
  44. package/lib/components/card/card.js.map +1 -0
  45. package/lib/components/card/card.styles.js +4 -0
  46. package/lib/components/card/card.styles.js.map +1 -0
  47. package/lib/components/chart/chart.js +528 -354
  48. package/lib/components/chart/chart.js.map +1 -0
  49. package/lib/components/chart/chart.styles.js +4 -0
  50. package/lib/components/chart/chart.styles.js.map +1 -0
  51. package/lib/components/checkbox-field/checkbox-field.js +66 -53
  52. package/lib/components/checkbox-field/checkbox-field.js.map +1 -0
  53. package/lib/components/checkbox-field/checkbox-field.styles.js +4 -0
  54. package/lib/components/checkbox-field/checkbox-field.styles.js.map +1 -0
  55. package/lib/components/checkbox-field-item/checkbox-field-item.js +252 -183
  56. package/lib/components/checkbox-field-item/checkbox-field-item.js.map +1 -0
  57. package/lib/components/checkbox-field-item/checkbox-field-item.styles.js +4 -0
  58. package/lib/components/checkbox-field-item/checkbox-field-item.styles.js.map +1 -0
  59. package/lib/components/contexts/form-internals-context.js +9 -0
  60. package/lib/components/contexts/form-internals-context.js.map +1 -0
  61. package/lib/components/cre8-element.js +57 -56
  62. package/lib/components/cre8-element.js.map +1 -0
  63. package/lib/components/cre8-form-element.js +212 -244
  64. package/lib/components/cre8-form-element.js.map +1 -0
  65. package/lib/components/danger-button/danger-button.js +274 -147
  66. package/lib/components/danger-button/danger-button.js.map +1 -0
  67. package/lib/components/danger-button/danger-button.styles.js +4 -0
  68. package/lib/components/danger-button/danger-button.styles.js.map +1 -0
  69. package/lib/components/date-picker/calendar/calendar.js +465 -0
  70. package/lib/components/date-picker/calendar/calendar.js.map +1 -0
  71. package/lib/components/date-picker/calendar/calendar.styles.js +4 -0
  72. package/lib/components/date-picker/calendar/calendar.styles.js.map +1 -0
  73. package/lib/components/date-picker/calendar-month-modal/calendar-month-modal.js +76 -0
  74. package/lib/components/date-picker/calendar-month-modal/calendar-month-modal.js.map +1 -0
  75. package/lib/components/date-picker/calendar-month-modal/calendar-month-modal.styles.js +4 -0
  76. package/lib/components/date-picker/calendar-month-modal/calendar-month-modal.styles.js.map +1 -0
  77. package/lib/components/date-picker/calendar-navigation/calendar-navigation.js +110 -0
  78. package/lib/components/date-picker/calendar-navigation/calendar-navigation.js.map +1 -0
  79. package/lib/components/date-picker/calendar-navigation/calendar-navigation.styles.js +4 -0
  80. package/lib/components/date-picker/calendar-navigation/calendar-navigation.styles.js.map +1 -0
  81. package/lib/components/date-picker/calendar-year-modal/calendar-year-modal.js +116 -0
  82. package/lib/components/date-picker/calendar-year-modal/calendar-year-modal.js.map +1 -0
  83. package/lib/components/date-picker/calendar-year-modal/calendar-year-modal.styles.js +4 -0
  84. package/lib/components/date-picker/calendar-year-modal/calendar-year-modal.styles.js.map +1 -0
  85. package/lib/components/date-picker/date-picker.js +91 -784
  86. package/lib/components/date-picker/date-picker.js.map +1 -0
  87. package/lib/components/date-picker/date-picker.styles.js +4 -0
  88. package/lib/components/date-picker/date-picker.styles.js.map +1 -0
  89. package/lib/components/divider/divider.js +45 -35
  90. package/lib/components/divider/divider.js.map +1 -0
  91. package/lib/components/divider/divider.styles.js +4 -0
  92. package/lib/components/divider/divider.styles.js.map +1 -0
  93. package/lib/components/dropdown/dropdown.js +97 -63
  94. package/lib/components/dropdown/dropdown.js.map +1 -0
  95. package/lib/components/dropdown/dropdown.styles.js +4 -0
  96. package/lib/components/dropdown/dropdown.styles.js.map +1 -0
  97. package/lib/components/dropdown-item/dropdown-item.js +38 -31
  98. package/lib/components/dropdown-item/dropdown-item.js.map +1 -0
  99. package/lib/components/dropdown-item/dropdown-item.styles.js +4 -0
  100. package/lib/components/dropdown-item/dropdown-item.styles.js.map +1 -0
  101. package/lib/components/feature/feature.js +40 -35
  102. package/lib/components/feature/feature.js.map +1 -0
  103. package/lib/components/feature/feature.styles.js +4 -0
  104. package/lib/components/feature/feature.styles.js.map +1 -0
  105. package/lib/components/field/field.js +218 -153
  106. package/lib/components/field/field.js.map +1 -0
  107. package/lib/components/field/field.styles.js +4 -0
  108. package/lib/components/field/field.styles.js.map +1 -0
  109. package/lib/components/field-note/field-note.js +58 -45
  110. package/lib/components/field-note/field-note.js.map +1 -0
  111. package/lib/components/field-note/field-note.styles.js +4 -0
  112. package/lib/components/field-note/field-note.styles.js.map +1 -0
  113. package/lib/components/footer/footer.js +25 -18
  114. package/lib/components/footer/footer.js.map +1 -0
  115. package/lib/components/footer/footer.styles.js +4 -0
  116. package/lib/components/footer/footer.styles.js.map +1 -0
  117. package/lib/components/global-nav/global-nav.js +44 -37
  118. package/lib/components/global-nav/global-nav.js.map +1 -0
  119. package/lib/components/global-nav/global-nav.styles.js +4 -0
  120. package/lib/components/global-nav/global-nav.styles.js.map +1 -0
  121. package/lib/components/global-nav-item/global-nav-item.js +149 -112
  122. package/lib/components/global-nav-item/global-nav-item.js.map +1 -0
  123. package/lib/components/global-nav-item/global-nav-item.styles.js +4 -0
  124. package/lib/components/global-nav-item/global-nav-item.styles.js.map +1 -0
  125. package/lib/components/grid/grid.js +48 -45
  126. package/lib/components/grid/grid.js.map +1 -0
  127. package/lib/components/grid/grid.styles.js +4 -0
  128. package/lib/components/grid/grid.styles.js.map +1 -0
  129. package/lib/components/grid-item/grid-item.js +19 -16
  130. package/lib/components/grid-item/grid-item.js.map +1 -0
  131. package/lib/components/grid-item/grid-item.styles.js +4 -0
  132. package/lib/components/grid-item/grid-item.styles.js.map +1 -0
  133. package/lib/components/header/header.js +34 -29
  134. package/lib/components/header/header.js.map +1 -0
  135. package/lib/components/header/header.styles.js +4 -0
  136. package/lib/components/header/header.styles.js.map +1 -0
  137. package/lib/components/heading/heading.js +113 -76
  138. package/lib/components/heading/heading.js.map +1 -0
  139. package/lib/components/heading/heading.styles.js +4 -0
  140. package/lib/components/heading/heading.styles.js.map +1 -0
  141. package/lib/components/hero/hero.js +43 -40
  142. package/lib/components/hero/hero.js.map +1 -0
  143. package/lib/components/hero/hero.styles.js +4 -0
  144. package/lib/components/hero/hero.styles.js.map +1 -0
  145. package/lib/components/icon/icon.js +232 -9
  146. package/lib/components/icon/icon.js.map +1 -0
  147. package/lib/components/icon/icon.styles.js +4 -0
  148. package/lib/components/icon/icon.styles.js.map +1 -0
  149. package/lib/components/inline-alert/inline-alert.js +114 -87
  150. package/lib/components/inline-alert/inline-alert.js.map +1 -0
  151. package/lib/components/inline-alert/inline-alert.styles.js +4 -0
  152. package/lib/components/inline-alert/inline-alert.styles.js.map +1 -0
  153. package/lib/components/layout/layout.js +30 -27
  154. package/lib/components/layout/layout.js.map +1 -0
  155. package/lib/components/layout/layout.styles.js +4 -0
  156. package/lib/components/layout/layout.styles.js.map +1 -0
  157. package/lib/components/layout-container/layout-container.js +30 -27
  158. package/lib/components/layout-container/layout-container.js.map +1 -0
  159. package/lib/components/layout-container/layout-container.styles.js +4 -0
  160. package/lib/components/layout-container/layout-container.styles.js.map +1 -0
  161. package/lib/components/layout-section/layout-section.js +41 -33
  162. package/lib/components/layout-section/layout-section.js.map +1 -0
  163. package/lib/components/layout-section/layout-section.styles.js +4 -0
  164. package/lib/components/layout-section/layout-section.styles.js.map +1 -0
  165. package/lib/components/linelength-container/linelength-container.js +19 -16
  166. package/lib/components/linelength-container/linelength-container.js.map +1 -0
  167. package/lib/components/linelength-container/linelength-container.styles.js +4 -0
  168. package/lib/components/linelength-container/linelength-container.styles.js.map +1 -0
  169. package/lib/components/link/link.js +125 -87
  170. package/lib/components/link/link.js.map +1 -0
  171. package/lib/components/link/link.styles.js +4 -0
  172. package/lib/components/link/link.styles.js.map +1 -0
  173. package/lib/components/link-list/link-list.js +48 -45
  174. package/lib/components/link-list/link-list.js.map +1 -0
  175. package/lib/components/link-list/link-list.styles.js +4 -0
  176. package/lib/components/link-list/link-list.styles.js.map +1 -0
  177. package/lib/components/link-list-item/link-list-item.js +40 -37
  178. package/lib/components/link-list-item/link-list-item.js.map +1 -0
  179. package/lib/components/link-list-item/link-list-item.styles.js +4 -0
  180. package/lib/components/link-list-item/link-list-item.styles.js.map +1 -0
  181. package/lib/components/list/list.js +35 -32
  182. package/lib/components/list/list.js.map +1 -0
  183. package/lib/components/list/list.styles.js +4 -0
  184. package/lib/components/list/list.styles.js.map +1 -0
  185. package/lib/components/list-item/list-item.js +25 -21
  186. package/lib/components/list-item/list-item.js.map +1 -0
  187. package/lib/components/list-item/list-item.styles.js +4 -0
  188. package/lib/components/list-item/list-item.styles.js.map +1 -0
  189. package/lib/components/loading-spinner/loading-spinner.js +126 -71
  190. package/lib/components/loading-spinner/loading-spinner.js.map +1 -0
  191. package/lib/components/loading-spinner/loading-spinner.styles.js +4 -0
  192. package/lib/components/loading-spinner/loading-spinner.styles.js.map +1 -0
  193. package/lib/components/logo/logo.js +28 -25
  194. package/lib/components/logo/logo.js.map +1 -0
  195. package/lib/components/logo/logo.styles.js +4 -0
  196. package/lib/components/logo/logo.styles.js.map +1 -0
  197. package/lib/components/main/main.js +29 -26
  198. package/lib/components/main/main.js.map +1 -0
  199. package/lib/components/main/main.styles.js +4 -0
  200. package/lib/components/main/main.styles.js.map +1 -0
  201. package/lib/components/modal/modal.js +174 -125
  202. package/lib/components/modal/modal.js.map +1 -0
  203. package/lib/components/modal/modal.styles.js +4 -0
  204. package/lib/components/modal/modal.styles.js.map +1 -0
  205. package/lib/components/multi-select/multi-select.js +300 -211
  206. package/lib/components/multi-select/multi-select.js.map +1 -0
  207. package/lib/components/multi-select/multi-select.styles.js +4 -0
  208. package/lib/components/multi-select/multi-select.styles.js.map +1 -0
  209. package/lib/components/nav-container/nav-container.js +19 -16
  210. package/lib/components/nav-container/nav-container.js.map +1 -0
  211. package/lib/components/nav-container/nav-container.styles.js +4 -0
  212. package/lib/components/nav-container/nav-container.styles.js.map +1 -0
  213. package/lib/components/page-header/page-header.js +36 -29
  214. package/lib/components/page-header/page-header.js.map +1 -0
  215. package/lib/components/page-header/page-header.styles.js +4 -0
  216. package/lib/components/page-header/page-header.styles.js.map +1 -0
  217. package/lib/components/pagination/page-counter/page-counter.js +67 -0
  218. package/lib/components/pagination/page-counter/page-counter.js.map +1 -0
  219. package/lib/components/pagination/page-counter/page-counter.styles.js +4 -0
  220. package/lib/components/pagination/page-counter/page-counter.styles.js.map +1 -0
  221. package/lib/components/pagination/pagination.js +282 -237
  222. package/lib/components/pagination/pagination.js.map +1 -0
  223. package/lib/components/pagination/pagination.styles.js +4 -0
  224. package/lib/components/pagination/pagination.styles.js.map +1 -0
  225. package/lib/components/percent-bar/percent-bar.js +56 -48
  226. package/lib/components/percent-bar/percent-bar.js.map +1 -0
  227. package/lib/components/percent-bar/percent-bar.styles.js +4 -0
  228. package/lib/components/percent-bar/percent-bar.styles.js.map +1 -0
  229. package/lib/components/popover/popover.js +304 -179
  230. package/lib/components/popover/popover.js.map +1 -0
  231. package/lib/components/popover/popover.styles.js +4 -0
  232. package/lib/components/popover/popover.styles.js.map +1 -0
  233. package/lib/components/primary-nav/primary-nav.js +44 -37
  234. package/lib/components/primary-nav/primary-nav.js.map +1 -0
  235. package/lib/components/primary-nav/primary-nav.styles.js +4 -0
  236. package/lib/components/primary-nav/primary-nav.styles.js.map +1 -0
  237. package/lib/components/primary-nav-item/primary-nav-item.js +151 -113
  238. package/lib/components/primary-nav-item/primary-nav-item.js.map +1 -0
  239. package/lib/components/primary-nav-item/primary-nav-item.styles.js +4 -0
  240. package/lib/components/primary-nav-item/primary-nav-item.styles.js.map +1 -0
  241. package/lib/components/progress-meter/progress-meter.js +74 -57
  242. package/lib/components/progress-meter/progress-meter.js.map +1 -0
  243. package/lib/components/progress-meter/progress-meter.styles.js +4 -0
  244. package/lib/components/progress-meter/progress-meter.styles.js.map +1 -0
  245. package/lib/components/progress-steps/progress-steps.js +19 -0
  246. package/lib/components/progress-steps/progress-steps.js.map +1 -0
  247. package/lib/components/progress-steps/progress-steps.styles.js +4 -0
  248. package/lib/components/progress-steps/progress-steps.styles.js.map +1 -0
  249. package/lib/components/progress-steps-item/progress-steps-item.js +52 -40
  250. package/lib/components/progress-steps-item/progress-steps-item.js.map +1 -0
  251. package/lib/components/progress-steps-item/progress-steps-item.styles.js +4 -0
  252. package/lib/components/progress-steps-item/progress-steps-item.styles.js.map +1 -0
  253. package/lib/components/radio-field/radio-field.js +59 -49
  254. package/lib/components/radio-field/radio-field.js.map +1 -0
  255. package/lib/components/radio-field/radio-field.styles.js +4 -0
  256. package/lib/components/radio-field/radio-field.styles.js.map +1 -0
  257. package/lib/components/radio-field-item/radio-field-item.js +222 -179
  258. package/lib/components/radio-field-item/radio-field-item.js.map +1 -0
  259. package/lib/components/radio-field-item/radio-field-item.styles.js +4 -0
  260. package/lib/components/radio-field-item/radio-field-item.styles.js.map +1 -0
  261. package/lib/components/remove-tag/remove-tag.js +89 -60
  262. package/lib/components/remove-tag/remove-tag.js.map +1 -0
  263. package/lib/components/remove-tag/remove-tag.styles.js +4 -0
  264. package/lib/components/remove-tag/remove-tag.styles.js.map +1 -0
  265. package/lib/components/section/section.js +46 -27
  266. package/lib/components/section/section.js.map +1 -0
  267. package/lib/components/section/section.styles.js +4 -0
  268. package/lib/components/section/section.styles.js.map +1 -0
  269. package/lib/components/select/select.js +243 -158
  270. package/lib/components/select/select.js.map +1 -0
  271. package/lib/components/select/select.styles.js +4 -0
  272. package/lib/components/select/select.styles.js.map +1 -0
  273. package/lib/components/select-tile/select-tile-checkbox-controller.js +60 -0
  274. package/lib/components/select-tile/select-tile-checkbox-controller.js.map +1 -0
  275. package/lib/components/select-tile/select-tile-radio-controller.js +167 -0
  276. package/lib/components/select-tile/select-tile-radio-controller.js.map +1 -0
  277. package/lib/components/select-tile/select-tile.js +228 -223
  278. package/lib/components/select-tile/select-tile.js.map +1 -0
  279. package/lib/components/select-tile/select-tile.styles.js +4 -0
  280. package/lib/components/select-tile/select-tile.styles.js.map +1 -0
  281. package/lib/components/select-tile-list/select-tile-list.js +76 -62
  282. package/lib/components/select-tile-list/select-tile-list.js.map +1 -0
  283. package/lib/components/select-tile-list/select-tile-list.styles.js +4 -0
  284. package/lib/components/select-tile-list/select-tile-list.styles.js.map +1 -0
  285. package/lib/components/skeleton-loader/skeleton-loader.js +68 -39
  286. package/lib/components/skeleton-loader/skeleton-loader.js.map +1 -0
  287. package/lib/components/skeleton-loader/skeleton-loader.styles.js +4 -0
  288. package/lib/components/skeleton-loader/skeleton-loader.styles.js.map +1 -0
  289. package/lib/components/split-button/split-button.js +51 -46
  290. package/lib/components/split-button/split-button.js.map +1 -0
  291. package/lib/components/split-button/split-button.styles.js +4 -0
  292. package/lib/components/split-button/split-button.styles.js.map +1 -0
  293. package/lib/components/submenu/submenu.js +19 -16
  294. package/lib/components/submenu/submenu.js.map +1 -0
  295. package/lib/components/submenu/submenu.styles.js +4 -0
  296. package/lib/components/submenu/submenu.styles.js.map +1 -0
  297. package/lib/components/submenu-item/submenu-item.js +32 -26
  298. package/lib/components/submenu-item/submenu-item.js.map +1 -0
  299. package/lib/components/submenu-item/submenu-item.styles.js +4 -0
  300. package/lib/components/submenu-item/submenu-item.styles.js.map +1 -0
  301. package/lib/components/tab/tab.js +74 -63
  302. package/lib/components/tab/tab.js.map +1 -0
  303. package/lib/components/tab/tab.styles.js +4 -0
  304. package/lib/components/tab/tab.styles.js.map +1 -0
  305. package/lib/components/tab-panel/tab-panel.js +49 -43
  306. package/lib/components/tab-panel/tab-panel.js.map +1 -0
  307. package/lib/components/tab-panel/tab-panel.styles.js +4 -0
  308. package/lib/components/tab-panel/tab-panel.styles.js.map +1 -0
  309. package/lib/components/table/table.js +46 -41
  310. package/lib/components/table/table.js.map +1 -0
  311. package/lib/components/table/table.styles.js +4 -0
  312. package/lib/components/table/table.styles.js.map +1 -0
  313. package/lib/components/table-body/table-body.js +20 -17
  314. package/lib/components/table-body/table-body.js.map +1 -0
  315. package/lib/components/table-body/table-body.styles.js +4 -0
  316. package/lib/components/table-body/table-body.styles.js.map +1 -0
  317. package/lib/components/table-cell/table-cell.js +39 -36
  318. package/lib/components/table-cell/table-cell.js.map +1 -0
  319. package/lib/components/table-cell/table-cell.styles.js +4 -0
  320. package/lib/components/table-cell/table-cell.styles.js.map +1 -0
  321. package/lib/components/table-header/table-header.js +20 -17
  322. package/lib/components/table-header/table-header.js.map +1 -0
  323. package/lib/components/table-header/table-header.styles.js +4 -0
  324. package/lib/components/table-header/table-header.styles.js.map +1 -0
  325. package/lib/components/table-header-cell/table-header-cell.js +35 -32
  326. package/lib/components/table-header-cell/table-header-cell.js.map +1 -0
  327. package/lib/components/table-header-cell/table-header-cell.styles.js +4 -0
  328. package/lib/components/table-header-cell/table-header-cell.styles.js.map +1 -0
  329. package/lib/components/table-object/table-object.js +21 -18
  330. package/lib/components/table-object/table-object.js.map +1 -0
  331. package/lib/components/table-object/table-object.styles.js +4 -0
  332. package/lib/components/table-object/table-object.styles.js.map +1 -0
  333. package/lib/components/table-row/table-row.js +76 -55
  334. package/lib/components/table-row/table-row.js.map +1 -0
  335. package/lib/components/table-row/table-row.styles.js +4 -0
  336. package/lib/components/table-row/table-row.styles.js.map +1 -0
  337. package/lib/components/tabs/tabs.js +452 -303
  338. package/lib/components/tabs/tabs.js.map +1 -0
  339. package/lib/components/tabs/tabs.styles.js +4 -0
  340. package/lib/components/tabs/tabs.styles.js.map +1 -0
  341. package/lib/components/tag/tag.js +236 -167
  342. package/lib/components/tag/tag.js.map +1 -0
  343. package/lib/components/tag/tag.styles.js +4 -0
  344. package/lib/components/tag/tag.styles.js.map +1 -0
  345. package/lib/components/tag-list/tag-list.js +40 -35
  346. package/lib/components/tag-list/tag-list.js.map +1 -0
  347. package/lib/components/tag-list/tag-list.styles.js +4 -0
  348. package/lib/components/tag-list/tag-list.styles.js.map +1 -0
  349. package/lib/components/tertiary-nav/tertiary-nav.js +40 -33
  350. package/lib/components/tertiary-nav/tertiary-nav.js.map +1 -0
  351. package/lib/components/tertiary-nav/tertiary-nav.styles.js +4 -0
  352. package/lib/components/tertiary-nav/tertiary-nav.styles.js.map +1 -0
  353. package/lib/components/tertiary-nav-item/tertiary-nav-item.js +52 -43
  354. package/lib/components/tertiary-nav-item/tertiary-nav-item.js.map +1 -0
  355. package/lib/components/tertiary-nav-item/tertiary-nav-item.styles.js +4 -0
  356. package/lib/components/tertiary-nav-item/tertiary-nav-item.styles.js.map +1 -0
  357. package/lib/components/text-link/text-link.js +45 -41
  358. package/lib/components/text-link/text-link.js.map +1 -0
  359. package/lib/components/text-link/text-link.styles.js +4 -0
  360. package/lib/components/text-link/text-link.styles.js.map +1 -0
  361. package/lib/components/text-passage/text-passage-light-dom.js +145 -0
  362. package/lib/components/text-passage/text-passage-light-dom.js.map +1 -0
  363. package/lib/components/text-passage/text-passage-light-dom.styles.js +4 -0
  364. package/lib/components/text-passage/text-passage-light-dom.styles.js.map +1 -0
  365. package/lib/components/text-passage/text-passage.js +72 -44
  366. package/lib/components/text-passage/text-passage.js.map +1 -0
  367. package/lib/components/text-passage/text-passage.styles.js +4 -0
  368. package/lib/components/text-passage/text-passage.styles.js.map +1 -0
  369. package/lib/components/tooltip/tooltip.js +278 -173
  370. package/lib/components/tooltip/tooltip.js.map +1 -0
  371. package/lib/components/tooltip/tooltip.styles.js +4 -0
  372. package/lib/components/tooltip/tooltip.styles.js.map +1 -0
  373. package/lib/components/utility-nav/utility-nav.js +40 -33
  374. package/lib/components/utility-nav/utility-nav.js.map +1 -0
  375. package/lib/components/utility-nav/utility-nav.styles.js +4 -0
  376. package/lib/components/utility-nav/utility-nav.styles.js.map +1 -0
  377. package/lib/components/utility-nav-item/utility-nav-item.js +70 -49
  378. package/lib/components/utility-nav-item/utility-nav-item.js.map +1 -0
  379. package/lib/components/utility-nav-item/utility-nav-item.styles.js +4 -0
  380. package/lib/components/utility-nav-item/utility-nav-item.styles.js.map +1 -0
  381. package/lib/design-tokens/brands/blue/css/tokens_blue.module.js +737 -0
  382. package/lib/design-tokens/brands/blue/css/tokens_blue.module.js.map +1 -0
  383. package/lib/design-tokens/brands/bolt/tokens_bolt.theme.js +756 -0
  384. package/lib/design-tokens/brands/bolt/tokens_bolt.theme.js.map +1 -0
  385. package/lib/design-tokens/brands/cre8/css/tokens_cre8.module.js +771 -0
  386. package/lib/design-tokens/brands/cre8/css/tokens_cre8.module.js.map +1 -0
  387. package/lib/design-tokens/brands/cre8-a2ui/css/tokens_cre8-a2ui.module.js +772 -0
  388. package/lib/design-tokens/brands/cre8-a2ui/css/tokens_cre8-a2ui.module.js.map +1 -0
  389. package/lib/design-tokens/brands/cre8-legacy/css/tokens_cre8-legacy.module.js +737 -0
  390. package/lib/design-tokens/brands/cre8-legacy/css/tokens_cre8-legacy.module.js.map +1 -0
  391. package/lib/design-tokens/brands/femmecubator/css/tokens_femmecubator2.module.js +983 -0
  392. package/lib/design-tokens/brands/femmecubator/css/tokens_femmecubator2.module.js.map +1 -0
  393. package/lib/design-tokens/brands/legacy/css/tokens_legacy.module.js +737 -0
  394. package/lib/design-tokens/brands/legacy/css/tokens_legacy.module.js.map +1 -0
  395. package/lib/design-tokens/brands/marketing/css/tokens_marketing.module.js +736 -0
  396. package/lib/design-tokens/brands/marketing/css/tokens_marketing.module.js.map +1 -0
  397. package/lib/design-tokens/brands/minimalist/css/tokens_minimalist.module.js +737 -0
  398. package/lib/design-tokens/brands/minimalist/css/tokens_minimalist.module.js.map +1 -0
  399. package/lib/design-tokens/brands/prisma/tokens_prisma.module.js +771 -0
  400. package/lib/design-tokens/brands/prisma/tokens_prisma.module.js.map +1 -0
  401. package/lib/design-tokens/brands/starbucks/tokens.module.js +552 -0
  402. package/lib/design-tokens/brands/starbucks/tokens.module.js.map +1 -0
  403. package/lib/design-tokens/brands/starbucks/tokens_starbucks.module.js +776 -0
  404. package/lib/design-tokens/brands/starbucks/tokens_starbucks.module.js.map +1 -0
  405. package/lib/design-tokens/brands copy/blue/css/tokens_blue.module.js +253 -0
  406. package/lib/design-tokens/brands copy/blue/css/tokens_blue.module.js.map +1 -0
  407. package/lib/design-tokens/core/scss/theming/head.module.js +6 -0
  408. package/lib/design-tokens/core/scss/theming/head.module.js.map +1 -0
  409. package/lib/design-tokens/tokens_netflix.theme.js +806 -0
  410. package/lib/design-tokens/tokens_netflix.theme.js.map +1 -0
  411. package/lib/directives/if-truthy.js +24 -0
  412. package/lib/directives/if-truthy.js.map +1 -0
  413. package/lib/directives/spread.js +29 -0
  414. package/lib/directives/spread.js.map +1 -0
  415. package/lib/index.js +84 -168
  416. package/lib/index.js.map +1 -0
  417. package/lib/scripts/convert-scss-to-ts.js +25 -0
  418. package/lib/scripts/convert-scss-to-ts.js.map +1 -0
  419. package/lib/scripts/extract-tokens.js +120 -0
  420. package/lib/scripts/extract-tokens.js.map +1 -0
  421. package/lib/scripts/generate-react-wrappers.js +229 -0
  422. package/lib/scripts/generate-react-wrappers.js.map +1 -0
  423. package/lib/scripts/generateWesparkleThemes.js +52 -0
  424. package/lib/scripts/generateWesparkleThemes.js.map +1 -0
  425. package/lib/toBeAccessible.js +18 -0
  426. package/lib/toBeAccessible.js.map +1 -0
  427. package/lib/utilities/is-mobile.js +10 -0
  428. package/lib/utilities/is-mobile.js.map +1 -0
  429. package/lib/utilities/story-helpers.js +14 -0
  430. package/lib/utilities/story-helpers.js.map +1 -0
  431. package/lib/vite.config.cdn.js +85 -0
  432. package/lib/vite.config.cdn.js.map +1 -0
  433. package/lib/vite.config.js +156 -0
  434. package/lib/vite.config.js.map +1 -0
  435. package/package.json +8 -9
@@ -0,0 +1,129 @@
1
+ /**
2
+ * CDN Entry Point
3
+ *
4
+ * This file is the entry point for CDN builds. It imports all components
5
+ * (which auto-registers them as custom elements) and re-exports them for
6
+ * programmatic access.
7
+ *
8
+ * It also re-exports Lit primitives (html, css, LitElement, etc.) so that
9
+ * consumers can write their own Lit components using the same Lit instance
10
+ * bundled here, avoiding duplicate Lit copies and reactive-element errors.
11
+ *
12
+ * Usage via script tag (IIFE):
13
+ * <script src="https://cdn.example.com/cre8-wc.min.js"></script>
14
+ * <cre8-button>Click me</cre8-button>
15
+ * <script>
16
+ * // Components are also available on window.Cre8WC
17
+ * const btn = document.querySelector('cre8-button');
18
+ * </script>
19
+ *
20
+ * Usage via ES module:
21
+ * <script type="module">
22
+ * import { Cre8Button, html, css, LitElement } from 'https://cdn.example.com/cre8-wc.esm.js';
23
+ * </script>
24
+ */
25
+ // Re-export Lit primitives so consumers use the same bundled Lit instance
26
+ export { LitElement, html, css, svg, nothing, noChange, ReactiveElement } from 'lit';
27
+ export { classMap } from 'lit/directives/class-map.js';
28
+ export { styleMap } from 'lit/directives/style-map.js';
29
+ export { ifDefined } from 'lit/directives/if-defined.js';
30
+ export { repeat } from 'lit/directives/repeat.js';
31
+ export { unsafeHTML } from 'lit/directives/unsafe-html.js';
32
+ export { until } from 'lit/directives/until.js';
33
+ export { live } from 'lit/directives/live.js';
34
+ export { ref, createRef } from 'lit/directives/ref.js';
35
+ export { guard } from 'lit/directives/guard.js';
36
+ export { cache } from 'lit/directives/cache.js';
37
+ export { property, state, customElement, query, queryAll } from 'lit/decorators.js';
38
+ // Re-export base classes for extending
39
+ export { Cre8Element } from './components/cre8-element';
40
+ export { Cre8FormElement } from './components/cre8-form-element';
41
+ // Import all components (this registers them as custom elements)
42
+ import { Cre8Accordion } from './components/accordion/accordion';
43
+ import { Cre8AccordionItem } from './components/accordion-item/accordion-item';
44
+ import { Cre8Alert } from './components/alert/alert';
45
+ import { Cre8Badge } from './components/badge/badge';
46
+ import { Cre8Band } from './components/band/band';
47
+ import { Cre8Breadcrumbs } from './components/breadcrumbs/breadcrumbs';
48
+ import { Cre8BreadcrumbsItem } from './components/breadcrumbs-item/breadcrumbs-item';
49
+ import { Cre8Button } from './components/button/button';
50
+ import { Cre8ButtonGroup } from './components/button-group/button-group';
51
+ import { Cre8Card } from './components/card/card';
52
+ import { Cre8Chart } from './components/chart/chart';
53
+ import { Cre8CheckboxField } from './components/checkbox-field/checkbox-field';
54
+ import { Cre8CheckboxFieldItem } from './components/checkbox-field-item/checkbox-field-item';
55
+ import { Cre8DangerButton } from './components/danger-button/danger-button';
56
+ import { Cre8DatePicker } from './components/date-picker/date-picker';
57
+ import { Cre8Divider } from './components/divider/divider';
58
+ import { Cre8Dropdown } from './components/dropdown/dropdown';
59
+ import { Cre8DropdownItem } from './components/dropdown-item/dropdown-item';
60
+ import { Cre8Feature } from './components/feature/feature';
61
+ import { Cre8Field } from './components/field/field';
62
+ import { Cre8FieldNote } from './components/field-note/field-note';
63
+ import { Cre8Footer } from './components/footer/footer';
64
+ import { Cre8GlobalNav } from './components/global-nav/global-nav';
65
+ import { Cre8GlobalNavItem } from './components/global-nav-item/global-nav-item';
66
+ import { Cre8Grid } from './components/grid/grid';
67
+ import { Cre8GridItem } from './components/grid-item/grid-item';
68
+ import { Cre8Header } from './components/header/header';
69
+ import { Cre8Heading } from './components/heading/heading';
70
+ import { Cre8Hero } from './components/hero/hero';
71
+ import { Cre8Icon } from './components/icon/icon';
72
+ import { Cre8InlineAlert } from './components/inline-alert/inline-alert';
73
+ import { Cre8Layout } from './components/layout/layout';
74
+ import { Cre8LayoutContainer } from './components/layout-container/layout-container';
75
+ import { Cre8LayoutSection } from './components/layout-section/layout-section';
76
+ import { Cre8LinelengthContainer } from './components/linelength-container/linelength-container';
77
+ import { Cre8Link } from './components/link/link';
78
+ import { Cre8LinkList } from './components/link-list/link-list';
79
+ import { Cre8LinkListItem } from './components/link-list-item/link-list-item';
80
+ import { Cre8List } from './components/list/list';
81
+ import { Cre8ListItem } from './components/list-item/list-item';
82
+ import { Cre8LoadingSpinner } from './components/loading-spinner/loading-spinner';
83
+ import { Cre8Logo } from './components/logo/logo';
84
+ import { Cre8Main } from './components/main/main';
85
+ import { Cre8Modal } from './components/modal/modal';
86
+ import { Cre8MultiSelect } from './components/multi-select/multi-select';
87
+ import { Cre8NavContainer } from './components/nav-container/nav-container';
88
+ import { Cre8PageHeader } from './components/page-header/page-header';
89
+ import { Cre8Pagination } from './components/pagination/pagination';
90
+ import { Cre8PercentBar } from './components/percent-bar/percent-bar';
91
+ import { Cre8Popover } from './components/popover/popover';
92
+ import { Cre8PrimaryNav } from './components/primary-nav/primary-nav';
93
+ import { Cre8PrimaryNavItem } from './components/primary-nav-item/primary-nav-item';
94
+ import { Cre8ProgressMeter } from './components/progress-meter/progress-meter';
95
+ import { Cre8RadioField } from './components/radio-field/radio-field';
96
+ import { Cre8RadioFieldItem } from './components/radio-field-item/radio-field-item';
97
+ import { Cre8RemoveTag } from './components/remove-tag/remove-tag';
98
+ import { Cre8Section } from './components/section/section';
99
+ import { Cre8Select } from './components/select/select';
100
+ import { Cre8SelectTile } from './components/select-tile/select-tile';
101
+ import { Cre8SelectTileList } from './components/select-tile-list/select-tile-list';
102
+ import { Cre8SkeletonLoader } from './components/skeleton-loader/skeleton-loader';
103
+ import { Cre8SplitButton } from './components/split-button/split-button';
104
+ import { Cre8Submenu } from './components/submenu/submenu';
105
+ import { Cre8SubmenuItem } from './components/submenu-item/submenu-item';
106
+ import { Cre8Tab } from './components/tab/tab';
107
+ import { Cre8TabPanel } from './components/tab-panel/tab-panel';
108
+ import { Cre8Table } from './components/table/table';
109
+ import { Cre8TableBody } from './components/table-body/table-body';
110
+ import { Cre8TableCell } from './components/table-cell/table-cell';
111
+ import { Cre8TableHeader } from './components/table-header/table-header';
112
+ import { Cre8TableHeaderCell } from './components/table-header-cell/table-header-cell';
113
+ import { Cre8TableObject } from './components/table-object/table-object';
114
+ import { Cre8TableRow } from './components/table-row/table-row';
115
+ import { Cre8Tabs } from './components/tabs/tabs';
116
+ import { Cre8Tag } from './components/tag/tag';
117
+ import { Cre8TagList } from './components/tag-list/tag-list';
118
+ import { Cre8TertiaryNav } from './components/tertiary-nav/tertiary-nav';
119
+ import { Cre8TertiaryNavItem } from './components/tertiary-nav-item/tertiary-nav-item';
120
+ import { Cre8TextLink } from './components/text-link/text-link';
121
+ import { Cre8TextPassage } from './components/text-passage/text-passage';
122
+ import { Cre8Tooltip } from './components/tooltip/tooltip';
123
+ import { Cre8UtilityNav } from './components/utility-nav/utility-nav';
124
+ import { Cre8UtilityNavItem } from './components/utility-nav-item/utility-nav-item';
125
+ // Export version info
126
+ export const version = '1.0.26';
127
+ // Re-export all components for programmatic access
128
+ export { Cre8Accordion, Cre8AccordionItem, Cre8Alert, Cre8Badge, Cre8Band, Cre8Breadcrumbs, Cre8BreadcrumbsItem, Cre8Button, Cre8ButtonGroup, Cre8Card, Cre8Chart, Cre8CheckboxField, Cre8CheckboxFieldItem, Cre8DangerButton, Cre8DatePicker, Cre8Divider, Cre8Dropdown, Cre8DropdownItem, Cre8Feature, Cre8Field, Cre8FieldNote, Cre8Footer, Cre8GlobalNav, Cre8GlobalNavItem, Cre8Grid, Cre8GridItem, Cre8Header, Cre8Heading, Cre8Hero, Cre8Icon, Cre8InlineAlert, Cre8Layout, Cre8LayoutContainer, Cre8LayoutSection, Cre8LinelengthContainer, Cre8Link, Cre8LinkList, Cre8LinkListItem, Cre8List, Cre8ListItem, Cre8LoadingSpinner, Cre8Logo, Cre8Main, Cre8Modal, Cre8MultiSelect, Cre8NavContainer, Cre8PageHeader, Cre8Pagination, Cre8PercentBar, Cre8Popover, Cre8PrimaryNav, Cre8PrimaryNavItem, Cre8ProgressMeter, Cre8RadioField, Cre8RadioFieldItem, Cre8RemoveTag, Cre8Section, Cre8Select, Cre8SelectTile, Cre8SelectTileList, Cre8SkeletonLoader, Cre8SplitButton, Cre8Submenu, Cre8SubmenuItem, Cre8Tab, Cre8TabPanel, Cre8Table, Cre8TableBody, Cre8TableCell, Cre8TableHeader, Cre8TableHeaderCell, Cre8TableObject, Cre8TableRow, Cre8Tabs, Cre8Tag, Cre8TagList, Cre8TertiaryNav, Cre8TertiaryNavItem, Cre8TextLink, Cre8TextPassage, Cre8Tooltip, Cre8UtilityNav, Cre8UtilityNavItem, };
129
+ //# sourceMappingURL=cdn-entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"cdn-entry.js","sourceRoot":"","sources":["../cdn-entry.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * CDN Entry Point\n *\n * This file is the entry point for CDN builds. It imports all components\n * (which auto-registers them as custom elements) and re-exports them for\n * programmatic access.\n *\n * It also re-exports Lit primitives (html, css, LitElement, etc.) so that\n * consumers can write their own Lit components using the same Lit instance\n * bundled here, avoiding duplicate Lit copies and reactive-element errors.\n *\n * Usage via script tag (IIFE):\n * <script src=\"https://cdn.example.com/cre8-wc.min.js\"></script>\n * <cre8-button>Click me</cre8-button>\n * <script>\n * // Components are also available on window.Cre8WC\n * const btn = document.querySelector('cre8-button');\n * </script>\n *\n * Usage via ES module:\n * <script type=\"module\">\n * import { Cre8Button, html, css, LitElement } from 'https://cdn.example.com/cre8-wc.esm.js';\n * </script>\n */\n\n// Re-export Lit primitives so consumers use the same bundled Lit instance\nexport { LitElement, html, css, svg, nothing, noChange, ReactiveElement } from 'lit';\nexport { classMap } from 'lit/directives/class-map.js';\nexport { styleMap } from 'lit/directives/style-map.js';\nexport { ifDefined } from 'lit/directives/if-defined.js';\nexport { repeat } from 'lit/directives/repeat.js';\nexport { unsafeHTML } from 'lit/directives/unsafe-html.js';\nexport { until } from 'lit/directives/until.js';\nexport { live } from 'lit/directives/live.js';\nexport { ref, createRef } from 'lit/directives/ref.js';\nexport { guard } from 'lit/directives/guard.js';\nexport { cache } from 'lit/directives/cache.js';\nexport { property, state, customElement, query, queryAll } from 'lit/decorators.js';\n\n// Re-export base classes for extending\nexport { Cre8Element } from './components/cre8-element';\nexport { Cre8FormElement } from './components/cre8-form-element';\n\n// Import all components (this registers them as custom elements)\nimport { Cre8Accordion } from './components/accordion/accordion';\nimport { Cre8AccordionItem } from './components/accordion-item/accordion-item';\nimport { Cre8Alert } from './components/alert/alert';\nimport { Cre8Badge } from './components/badge/badge';\nimport { Cre8Band } from './components/band/band';\nimport { Cre8Breadcrumbs } from './components/breadcrumbs/breadcrumbs';\nimport { Cre8BreadcrumbsItem } from './components/breadcrumbs-item/breadcrumbs-item';\nimport { Cre8Button } from './components/button/button';\nimport { Cre8ButtonGroup } from './components/button-group/button-group';\nimport { Cre8Card } from './components/card/card';\nimport { Cre8Chart } from './components/chart/chart';\nimport { Cre8CheckboxField } from './components/checkbox-field/checkbox-field';\nimport { Cre8CheckboxFieldItem } from './components/checkbox-field-item/checkbox-field-item';\nimport { Cre8DangerButton } from './components/danger-button/danger-button';\nimport { Cre8DatePicker } from './components/date-picker/date-picker';\nimport { Cre8Divider } from './components/divider/divider';\nimport { Cre8Dropdown } from './components/dropdown/dropdown';\nimport { Cre8DropdownItem } from './components/dropdown-item/dropdown-item';\nimport { Cre8Feature } from './components/feature/feature';\nimport { Cre8Field } from './components/field/field';\nimport { Cre8FieldNote } from './components/field-note/field-note';\nimport { Cre8Footer } from './components/footer/footer';\nimport { Cre8GlobalNav } from './components/global-nav/global-nav';\nimport { Cre8GlobalNavItem } from './components/global-nav-item/global-nav-item';\nimport { Cre8Grid } from './components/grid/grid';\nimport { Cre8GridItem } from './components/grid-item/grid-item';\nimport { Cre8Header } from './components/header/header';\nimport { Cre8Heading } from './components/heading/heading';\nimport { Cre8Hero } from './components/hero/hero';\nimport { Cre8Icon } from './components/icon/icon';\nimport { Cre8InlineAlert } from './components/inline-alert/inline-alert';\nimport { Cre8Layout } from './components/layout/layout';\nimport { Cre8LayoutContainer } from './components/layout-container/layout-container';\nimport { Cre8LayoutSection } from './components/layout-section/layout-section';\nimport { Cre8LinelengthContainer } from './components/linelength-container/linelength-container';\nimport { Cre8Link } from './components/link/link';\nimport { Cre8LinkList } from './components/link-list/link-list';\nimport { Cre8LinkListItem } from './components/link-list-item/link-list-item';\nimport { Cre8List } from './components/list/list';\nimport { Cre8ListItem } from './components/list-item/list-item';\nimport { Cre8LoadingSpinner } from './components/loading-spinner/loading-spinner';\nimport { Cre8Logo } from './components/logo/logo';\nimport { Cre8Main } from './components/main/main';\nimport { Cre8Modal } from './components/modal/modal';\nimport { Cre8MultiSelect } from './components/multi-select/multi-select';\nimport { Cre8NavContainer } from './components/nav-container/nav-container';\nimport { Cre8PageHeader } from './components/page-header/page-header';\nimport { Cre8Pagination } from './components/pagination/pagination';\nimport { Cre8PercentBar } from './components/percent-bar/percent-bar';\nimport { Cre8Popover } from './components/popover/popover';\nimport { Cre8PrimaryNav } from './components/primary-nav/primary-nav';\nimport { Cre8PrimaryNavItem } from './components/primary-nav-item/primary-nav-item';\nimport { Cre8ProgressMeter } from './components/progress-meter/progress-meter';\nimport { Cre8RadioField } from './components/radio-field/radio-field';\nimport { Cre8RadioFieldItem } from './components/radio-field-item/radio-field-item';\nimport { Cre8RemoveTag } from './components/remove-tag/remove-tag';\nimport { Cre8Section } from './components/section/section';\nimport { Cre8Select } from './components/select/select';\nimport { Cre8SelectTile } from './components/select-tile/select-tile';\nimport { Cre8SelectTileList } from './components/select-tile-list/select-tile-list';\nimport { Cre8SkeletonLoader } from './components/skeleton-loader/skeleton-loader';\nimport { Cre8SplitButton } from './components/split-button/split-button';\nimport { Cre8Submenu } from './components/submenu/submenu';\nimport { Cre8SubmenuItem } from './components/submenu-item/submenu-item';\nimport { Cre8Tab } from './components/tab/tab';\nimport { Cre8TabPanel } from './components/tab-panel/tab-panel';\nimport { Cre8Table } from './components/table/table';\nimport { Cre8TableBody } from './components/table-body/table-body';\nimport { Cre8TableCell } from './components/table-cell/table-cell';\nimport { Cre8TableHeader } from './components/table-header/table-header';\nimport { Cre8TableHeaderCell } from './components/table-header-cell/table-header-cell';\nimport { Cre8TableObject } from './components/table-object/table-object';\nimport { Cre8TableRow } from './components/table-row/table-row';\nimport { Cre8Tabs } from './components/tabs/tabs';\nimport { Cre8Tag } from './components/tag/tag';\nimport { Cre8TagList } from './components/tag-list/tag-list';\nimport { Cre8TertiaryNav } from './components/tertiary-nav/tertiary-nav';\nimport { Cre8TertiaryNavItem } from './components/tertiary-nav-item/tertiary-nav-item';\nimport { Cre8TextLink } from './components/text-link/text-link';\nimport { Cre8TextPassage } from './components/text-passage/text-passage';\nimport { Cre8Tooltip } from './components/tooltip/tooltip';\nimport { Cre8UtilityNav } from './components/utility-nav/utility-nav';\nimport { Cre8UtilityNavItem } from './components/utility-nav-item/utility-nav-item';\n\n// Export version info\nexport const version = '1.0.26';\n\n// Re-export all components for programmatic access\nexport {\n Cre8Accordion,\n Cre8AccordionItem,\n Cre8Alert,\n Cre8Badge,\n Cre8Band,\n Cre8Breadcrumbs,\n Cre8BreadcrumbsItem,\n Cre8Button,\n Cre8ButtonGroup,\n Cre8Card,\n Cre8Chart,\n Cre8CheckboxField,\n Cre8CheckboxFieldItem,\n Cre8DangerButton,\n Cre8DatePicker,\n Cre8Divider,\n Cre8Dropdown,\n Cre8DropdownItem,\n Cre8Feature,\n Cre8Field,\n Cre8FieldNote,\n Cre8Footer,\n Cre8GlobalNav,\n Cre8GlobalNavItem,\n Cre8Grid,\n Cre8GridItem,\n Cre8Header,\n Cre8Heading,\n Cre8Hero,\n Cre8Icon,\n Cre8InlineAlert,\n Cre8Layout,\n Cre8LayoutContainer,\n Cre8LayoutSection,\n Cre8LinelengthContainer,\n Cre8Link,\n Cre8LinkList,\n Cre8LinkListItem,\n Cre8List,\n Cre8ListItem,\n Cre8LoadingSpinner,\n Cre8Logo,\n Cre8Main,\n Cre8Modal,\n Cre8MultiSelect,\n Cre8NavContainer,\n Cre8PageHeader,\n Cre8Pagination,\n Cre8PercentBar,\n Cre8Popover,\n Cre8PrimaryNav,\n Cre8PrimaryNavItem,\n Cre8ProgressMeter,\n Cre8RadioField,\n Cre8RadioFieldItem,\n Cre8RemoveTag,\n Cre8Section,\n Cre8Select,\n Cre8SelectTile,\n Cre8SelectTileList,\n Cre8SkeletonLoader,\n Cre8SplitButton,\n Cre8Submenu,\n Cre8SubmenuItem,\n Cre8Tab,\n Cre8TabPanel,\n Cre8Table,\n Cre8TableBody,\n Cre8TableCell,\n Cre8TableHeader,\n Cre8TableHeaderCell,\n Cre8TableObject,\n Cre8TableRow,\n Cre8Tabs,\n Cre8Tag,\n Cre8TagList,\n Cre8TertiaryNav,\n Cre8TertiaryNavItem,\n Cre8TextLink,\n Cre8TextPassage,\n Cre8Tooltip,\n Cre8UtilityNav,\n Cre8UtilityNavItem,\n};\n"]}
@@ -1,44 +1,62 @@
1
- import { css as l, html as h } from "lit";
2
- import { property as s } from "lit/decorators.js";
3
- import { Cre8Element as b } from "../cre8-element.js";
4
- const p = l`*,::slotted(*),*:before,*:after{box-sizing:border-box}:root{--size-base-unit: 0.5rem}[dir=rtl]{--rtlTranslateX: 50%;--rtlGradientToRight: 270deg;--rtlRotate45Inverse: -45deg}:host{--cre8-z-index-1: 1;--cre8-z-index-50: 50;--cre8-z-index-100: 100;--cre8-z-index-200: 200;--cre8-z-index-1030: 1030;--cre8-anim-fade-quick: 0.35s;--cre8-anim-ease: ease}@keyframes fadeIn{100%{opacity:1}}@keyframes slideIn{100%{transform:translateX(0)}}@keyframes slideInFwd{100%{width:272px;height:272px}}@keyframes slideOutRight{100%{width:272px;height:272px}}@keyframes slideUp{100%{transform:translateY(0)}}@media(width >= 481px){@keyframes slideInFwd{100%{width:417px;height:417px}}@keyframes slideOutRight{100%{width:417px;height:417px}}}@media(width >= 48rem){@keyframes slideInFwd{100%{width:330px;height:330px}}@keyframes slideOutRight{100%{width:330px;height:330px;transform:translateX(calc(100vw - 45px))}}}@media(width >= 60rem){@keyframes slideInFwd{100%{width:460px;height:460px}}@keyframes slideOutRight{100%{width:460px;height:460px;transform:translateX(calc(100vw - 45px))}}}@media(width >= 75rem){@keyframes slideInFwd{100%{width:592px;height:591px}}@keyframes slideOutRight{100%{width:592px;height:591px;transform:translateX(calc(100vw - 45px))}}}@media(width >= 87.5rem){@keyframes slideOutRight{100%{width:592px;height:591px;transform:translateX(calc(100vw - 120px))}}}@media(width >= 2200px){@keyframes slideOutRight{100%{width:592px;height:591px;transform:translateX(calc(100vw - 592px))}}}span.ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple 600ms linear;background-color:var(--ripple-bg-color)}@keyframes ripple{to{transform:scale(4);opacity:1}}:root{--size-base-unit: 0.5rem}[dir=rtl]{--rtlTranslateX: 50%;--rtlGradientToRight: 270deg;--rtlRotate45Inverse: -45deg}:host{display:block}.cre8-c-accordion{--cre8-accordion-border-top: var(--cre8-border-width-none);--cre8-accordion-border-bottom: var(--cre8-border-width-none)}.cre8-c-accordion ::slotted(cre8-accordion:not(:last-child)){--cre8-accordion-border-bottom: var(--cre8-border-width-default) var(--cre8-border-style-default) var(--cre8-color-border-default)}.cre8-c-accordion{border:var(--cre8-border-width-none);border-radius:var(--cre8-border-radius-none)}.cre8-c-inner-divider ::slotted(cre8-accordion-item:last-child){border-bottom:var(--cre8-border-width-none)}.cre8-c-inner-divider ::slotted(cre8-accordion-item:not(first-child)){border-top:var(--cre8-border-width-default) var(--cre8-border-style-default) var(--cre8-color-border-default)}.cre8-c-inner-divider ::slotted(cre8-accordion-item:first-child){border-top:var(--cre8-border-width-none)}.cre8-c-accordion--border-rectangle{border:var(--cre8-border-width-default) var(--cre8-border-style-default) var(--cre8-color-border-default);border-radius:var(--cre8-border-radius-none)}.cre8-c-accordion--border-rounded-bottom{border:var(--cre8-border-width-default) var(--cre8-border-style-default) var(--cre8-color-border-default);border-radius:0 0 var(--cre8-border-radius-default) var(--cre8-border-radius-default)}.cre8-c-accordion--border-rounded{border:var(--cre8-border-width-default) var(--cre8-border-style-default) var(--cre8-color-border-default);border-radius:var(--cre8-border-radius-default)}.cre8-c-accordiong-group--list{list-style:none}`;
5
- var m = Object.defineProperty, n = (a, t, i, f) => {
6
- for (var r = void 0, d = a.length - 1, c; d >= 0; d--)
7
- (c = a[d]) && (r = c(t, i, r) || r);
8
- return r && m(t, i, r), r;
1
+ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
9
6
  };
10
- const o = class o extends b {
11
- constructor() {
12
- super(...arguments), this.hasDivider = !1;
13
- }
14
- connectedCallback() {
15
- super.connectedCallback();
16
- }
17
- render() {
18
- const t = this.componentClassNames("cre8-c-accordion", {
19
- "cre8-c-inner-divider": this.hasDivider === !0,
20
- "cre8-c-accordion--border-none": this.borderType === void 0 || this.borderType === "none",
21
- "cre8-c-accordion--border-rectangle": this.borderType === "rectangle",
22
- "cre8-c-accordion--border-rounded-bottom": this.borderType === "rounded-bottom",
23
- "cre8-c-accordion--border-rounded": this.borderType === "rounded"
24
- });
25
- return h`
26
- <div class="${t}">
7
+ import { html, } from 'lit';
8
+ import { property } from 'lit/decorators.js';
9
+ import { Cre8Element } from '../cre8-element';
10
+ import styles from './accordion.styles.js';
11
+ /**
12
+ * The component is a vertically stacked list of headers that reveal or hide sections of related content on a page.
13
+ * The header title gives the user a high level overview of the content allowing the user to decide
14
+ * which sections to expand for the information.
15
+ *
16
+ * Accordion contains Accordion Items as children. This component is the wrapper for grouping related accordion items.
17
+ *
18
+ * Users can select different border types: default (no border), rectangle, rounded bottom, and rounded.
19
+ *
20
+ */
21
+ export class Cre8Accordion extends Cre8Element {
22
+ constructor() {
23
+ super(...arguments);
24
+ /**
25
+ *
26
+ * When it is true, the inner dividers are displayed;
27
+ * if it is false, the inner dividers are not displayed
28
+ * @prop {boolean} hasDivider
29
+ *
30
+ */
31
+ this.hasDivider = false;
32
+ }
33
+ connectedCallback() {
34
+ super.connectedCallback();
35
+ }
36
+ render() {
37
+ const componentClassNames = this.componentClassNames('cre8-c-accordion', {
38
+ 'cre8-c-inner-divider': this.hasDivider === true,
39
+ 'cre8-c-accordion--border-none': this.borderType === undefined || this.borderType === 'none',
40
+ 'cre8-c-accordion--border-rectangle': this.borderType === 'rectangle',
41
+ 'cre8-c-accordion--border-rounded-bottom': this.borderType === 'rounded-bottom',
42
+ 'cre8-c-accordion--border-rounded': this.borderType === 'rounded',
43
+ });
44
+ return html `
45
+ <div class="${componentClassNames}">
27
46
  <slot> </slot>
28
47
  </div>
29
48
  `;
30
- }
31
- };
32
- o.styles = [p];
33
- let e = o;
34
- n([
35
- s()
36
- ], e.prototype, "borderType");
37
- n([
38
- s({ type: Boolean, reflect: !0 })
39
- ], e.prototype, "hasDivider");
40
- customElements.get("cre8-accordion") === void 0 && customElements.define("cre8-accordion", e);
41
- export {
42
- e as Cre8Accordion,
43
- e as default
44
- };
49
+ }
50
+ }
51
+ Cre8Accordion.styles = [styles];
52
+ __decorate([
53
+ property()
54
+ ], Cre8Accordion.prototype, "borderType", void 0);
55
+ __decorate([
56
+ property({ type: Boolean, reflect: true })
57
+ ], Cre8Accordion.prototype, "hasDivider", void 0);
58
+ if (customElements.get('cre8-accordion') === undefined) {
59
+ customElements.define('cre8-accordion', Cre8Accordion);
60
+ }
61
+ export default Cre8Accordion;
62
+ //# sourceMappingURL=accordion.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../components/accordion/accordion.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,GAAI,MAAM,KAAK,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAE3C;;;;;;;;;GASG;AAEH,MAAM,OAAO,aAAc,SAAQ,WAAW;IAA9C;;QAcE;;;;;;WAMG;QAEC,eAAU,GAAI,KAAK,CAAC;IAqB1B,CAAC;IAnBC,iBAAiB;QACb,KAAK,CAAC,iBAAiB,EAAE,CAAC;IAC9B,CAAC;IAED,MAAM;QACF,MAAM,mBAAmB,GAAG,IAAI,CAAC,mBAAmB,CAAC,kBAAkB,EAAE;YACrE,sBAAsB,EAAE,IAAI,CAAC,UAAU,KAAK,IAAI;YAChD,+BAA+B,EAAE,IAAI,CAAC,UAAU,KAAK,SAAS,IAAI,IAAI,CAAC,UAAU,KAAK,MAAM;YAC5F,oCAAoC,EAAE,IAAI,CAAC,UAAU,KAAK,WAAW;YACrE,yCAAyC,EAAE,IAAI,CAAC,UAAU,KAAK,gBAAgB;YAC/E,kCAAkC,EAAE,IAAI,CAAC,UAAU,KAAK,SAAS;SACpE,CAAC,CAAC;QAEH,OAAO,IAAI,CAAA;oBACG,mBAAmB;;;KAGlC,CAAC;IACJ,CAAC;;AAzCQ,oBAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAY;AAWvB;IADH,QAAQ,EAAE;iDAC0D;AAUjE;IADH,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDACnB;AAuB1B,IAAI,cAAc,CAAC,GAAG,CAAC,gBAAgB,CAAC,KAAK,SAAS,EAAE,CAAC;IACrD,cAAc,CAAC,MAAM,CAAC,gBAAgB,EAAE,aAAa,CAAC,CAAC;AAC3D,CAAC;AAOD,eAAe,aAAa,CAAC","sourcesContent":["import { html, } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { Cre8Element } from '../cre8-element';\nimport styles from './accordion.styles.js';\n\n/**\n * The component is a vertically stacked list of headers that reveal or hide sections of related content on a page.\n * The header title gives the user a high level overview of the content allowing the user to decide\n * which sections to expand for the information.\n *\n * Accordion contains Accordion Items as children. This component is the wrapper for grouping related accordion items.\n *\n * Users can select different border types: default (no border), rectangle, rounded bottom, and rounded.\n *\n */\n\nexport class Cre8Accordion extends Cre8Element {\n static styles = [styles];\n\n\n /**\n * borderType\n * @prop {'rectangle' | 'rounded-bottom' | 'rounded' | 'none'}\n *\n * Controls the border and border-radius of the parent container of the slotted accordions.\n *\n */\n @property()\n borderType?: 'rectangle' | 'rounded-bottom' | 'rounded' | 'none';\n\n /**\n *\n * When it is true, the inner dividers are displayed;\n * if it is false, the inner dividers are not displayed\n * @prop {boolean} hasDivider\n *\n */\n @property({ type: Boolean, reflect: true })\n hasDivider? = false;\n\n connectedCallback(): void {\n super.connectedCallback();\n }\n\n render() {\n const componentClassNames = this.componentClassNames('cre8-c-accordion', {\n 'cre8-c-inner-divider': this.hasDivider === true,\n 'cre8-c-accordion--border-none': this.borderType === undefined || this.borderType === 'none',\n 'cre8-c-accordion--border-rectangle': this.borderType === 'rectangle',\n 'cre8-c-accordion--border-rounded-bottom': this.borderType === 'rounded-bottom',\n 'cre8-c-accordion--border-rounded': this.borderType === 'rounded',\n });\n\n return html`\n <div class=\"${componentClassNames}\">\n <slot> </slot>\n </div>\n `;\n }\n}\n\nif (customElements.get('cre8-accordion') === undefined) {\n customElements.define('cre8-accordion', Cre8Accordion);\n}\ndeclare global {\n interface HTMLElementTagNameMap {\n 'cre8-accordion': Cre8Accordion;\n }\n}\n\nexport default Cre8Accordion;\n"]}
@@ -0,0 +1,4 @@
1
+ import { css } from 'lit';
2
+ const styles = css `*,::slotted(*),*:before,*:after{box-sizing:border-box}:root{--size-base-unit: 0.5rem}[dir=rtl]{--rtlTranslateX: 50%;--rtlGradientToRight: 270deg;--rtlRotate45Inverse: -45deg}:host{--cre8-z-index-1: 1;--cre8-z-index-50: 50;--cre8-z-index-100: 100;--cre8-z-index-200: 200;--cre8-z-index-1030: 1030;--cre8-anim-fade-quick: 0.35s;--cre8-anim-ease: ease}@keyframes fadeIn{100%{opacity:1}}@keyframes slideIn{100%{transform:translateX(0)}}@keyframes slideInFwd{100%{width:272px;height:272px}}@keyframes slideOutRight{100%{width:272px;height:272px}}@keyframes slideUp{100%{transform:translateY(0)}}@media(width >= 481px){@keyframes slideInFwd{100%{width:417px;height:417px}}@keyframes slideOutRight{100%{width:417px;height:417px}}}@media(width >= 48rem){@keyframes slideInFwd{100%{width:330px;height:330px}}@keyframes slideOutRight{100%{width:330px;height:330px;transform:translateX(calc(100vw - 45px))}}}@media(width >= 60rem){@keyframes slideInFwd{100%{width:460px;height:460px}}@keyframes slideOutRight{100%{width:460px;height:460px;transform:translateX(calc(100vw - 45px))}}}@media(width >= 75rem){@keyframes slideInFwd{100%{width:592px;height:591px}}@keyframes slideOutRight{100%{width:592px;height:591px;transform:translateX(calc(100vw - 45px))}}}@media(width >= 87.5rem){@keyframes slideOutRight{100%{width:592px;height:591px;transform:translateX(calc(100vw - 120px))}}}@media(width >= 2200px){@keyframes slideOutRight{100%{width:592px;height:591px;transform:translateX(calc(100vw - 592px))}}}span.ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple 600ms linear;background-color:var(--ripple-bg-color)}@keyframes ripple{to{transform:scale(4);opacity:1}}:root{--size-base-unit: 0.5rem}[dir=rtl]{--rtlTranslateX: 50%;--rtlGradientToRight: 270deg;--rtlRotate45Inverse: -45deg}:host{display:block}.cre8-c-accordion{--cre8-accordion-border-top: var(--cre8-border-width-none);--cre8-accordion-border-bottom: var(--cre8-border-width-none)}.cre8-c-accordion ::slotted(cre8-accordion:not(:last-child)){--cre8-accordion-border-bottom: var(--cre8-border-width-default) var(--cre8-border-style-default) var(--cre8-color-border-default)}.cre8-c-accordion{border:var(--cre8-border-width-none);border-radius:var(--cre8-border-radius-none)}.cre8-c-inner-divider ::slotted(cre8-accordion-item:last-child){border-bottom:var(--cre8-border-width-none)}.cre8-c-inner-divider ::slotted(cre8-accordion-item:not(first-child)){border-top:var(--cre8-border-width-default) var(--cre8-border-style-default) var(--cre8-color-border-default)}.cre8-c-inner-divider ::slotted(cre8-accordion-item:first-child){border-top:var(--cre8-border-width-none)}.cre8-c-accordion--border-rectangle{border:var(--cre8-border-width-default) var(--cre8-border-style-default) var(--cre8-color-border-default);border-radius:var(--cre8-border-radius-none)}.cre8-c-accordion--border-rounded-bottom{border:var(--cre8-border-width-default) var(--cre8-border-style-default) var(--cre8-color-border-default);border-radius:0 0 var(--cre8-border-radius-default) var(--cre8-border-radius-default)}.cre8-c-accordion--border-rounded{border:var(--cre8-border-width-default) var(--cre8-border-style-default) var(--cre8-color-border-default);border-radius:var(--cre8-border-radius-default)}.cre8-c-accordiong-group--list{list-style:none}`;
3
+ export default styles;
4
+ //# sourceMappingURL=accordion.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"accordion.styles.js","sourceRoot":"","sources":["../../../components/accordion/accordion.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,MAAM,GAAG,GAAG,CAAA,suGAAsuG,CAAC;AACzvG,eAAe,MAAM,CAAC","sourcesContent":["import { css } from 'lit';\nconst styles = css`*,::slotted(*),*:before,*:after{box-sizing:border-box}:root{--size-base-unit: 0.5rem}[dir=rtl]{--rtlTranslateX: 50%;--rtlGradientToRight: 270deg;--rtlRotate45Inverse: -45deg}:host{--cre8-z-index-1: 1;--cre8-z-index-50: 50;--cre8-z-index-100: 100;--cre8-z-index-200: 200;--cre8-z-index-1030: 1030;--cre8-anim-fade-quick: 0.35s;--cre8-anim-ease: ease}@keyframes fadeIn{100%{opacity:1}}@keyframes slideIn{100%{transform:translateX(0)}}@keyframes slideInFwd{100%{width:272px;height:272px}}@keyframes slideOutRight{100%{width:272px;height:272px}}@keyframes slideUp{100%{transform:translateY(0)}}@media(width >= 481px){@keyframes slideInFwd{100%{width:417px;height:417px}}@keyframes slideOutRight{100%{width:417px;height:417px}}}@media(width >= 48rem){@keyframes slideInFwd{100%{width:330px;height:330px}}@keyframes slideOutRight{100%{width:330px;height:330px;transform:translateX(calc(100vw - 45px))}}}@media(width >= 60rem){@keyframes slideInFwd{100%{width:460px;height:460px}}@keyframes slideOutRight{100%{width:460px;height:460px;transform:translateX(calc(100vw - 45px))}}}@media(width >= 75rem){@keyframes slideInFwd{100%{width:592px;height:591px}}@keyframes slideOutRight{100%{width:592px;height:591px;transform:translateX(calc(100vw - 45px))}}}@media(width >= 87.5rem){@keyframes slideOutRight{100%{width:592px;height:591px;transform:translateX(calc(100vw - 120px))}}}@media(width >= 2200px){@keyframes slideOutRight{100%{width:592px;height:591px;transform:translateX(calc(100vw - 592px))}}}span.ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple 600ms linear;background-color:var(--ripple-bg-color)}@keyframes ripple{to{transform:scale(4);opacity:1}}:root{--size-base-unit: 0.5rem}[dir=rtl]{--rtlTranslateX: 50%;--rtlGradientToRight: 270deg;--rtlRotate45Inverse: -45deg}:host{display:block}.cre8-c-accordion{--cre8-accordion-border-top: var(--cre8-border-width-none);--cre8-accordion-border-bottom: var(--cre8-border-width-none)}.cre8-c-accordion ::slotted(cre8-accordion:not(:last-child)){--cre8-accordion-border-bottom: var(--cre8-border-width-default) var(--cre8-border-style-default) var(--cre8-color-border-default)}.cre8-c-accordion{border:var(--cre8-border-width-none);border-radius:var(--cre8-border-radius-none)}.cre8-c-inner-divider ::slotted(cre8-accordion-item:last-child){border-bottom:var(--cre8-border-width-none)}.cre8-c-inner-divider ::slotted(cre8-accordion-item:not(first-child)){border-top:var(--cre8-border-width-default) var(--cre8-border-style-default) var(--cre8-color-border-default)}.cre8-c-inner-divider ::slotted(cre8-accordion-item:first-child){border-top:var(--cre8-border-width-none)}.cre8-c-accordion--border-rectangle{border:var(--cre8-border-width-default) var(--cre8-border-style-default) var(--cre8-color-border-default);border-radius:var(--cre8-border-radius-none)}.cre8-c-accordion--border-rounded-bottom{border:var(--cre8-border-width-default) var(--cre8-border-style-default) var(--cre8-color-border-default);border-radius:0 0 var(--cre8-border-radius-default) var(--cre8-border-radius-default)}.cre8-c-accordion--border-rounded{border:var(--cre8-border-width-default) var(--cre8-border-style-default) var(--cre8-color-border-default);border-radius:var(--cre8-border-radius-default)}.cre8-c-accordiong-group--list{list-style:none}`;\nexport default styles;\n"]}