@pingux/astro 2.91.0-alpha.1 → 2.92.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (283) hide show
  1. package/lib/cjs/components/Card/Card.stories.js +2 -1
  2. package/lib/cjs/components/Card/Card.styles.d.ts +12 -0
  3. package/lib/cjs/components/Card/Card.styles.js +2 -1
  4. package/lib/cjs/components/CodeView/CodeView.js +7 -3
  5. package/lib/cjs/components/CodeView/CodeView.test.js +11 -4
  6. package/lib/cjs/components/ComboBox/ComboBoxInput.js +5 -2
  7. package/lib/cjs/components/DataTable/DataTable.js +7 -4
  8. package/lib/cjs/components/Icon/NoticeIcon.js +4 -1
  9. package/lib/cjs/components/IconWrapper/IconWrapper.d.ts +4 -0
  10. package/lib/cjs/components/IconWrapper/IconWrapper.js +62 -0
  11. package/lib/cjs/components/IconWrapper/IconWrapper.mdx +14 -0
  12. package/lib/cjs/components/IconWrapper/IconWrapper.stories.d.ts +4 -0
  13. package/lib/cjs/components/IconWrapper/IconWrapper.stories.js +53 -0
  14. package/lib/cjs/components/IconWrapper/IconWrapper.test.d.ts +1 -0
  15. package/lib/cjs/components/IconWrapper/IconWrapper.test.js +41 -0
  16. package/lib/cjs/components/IconWrapper/iconWrapperAttributes.d.ts +21 -0
  17. package/lib/cjs/components/IconWrapper/iconWrapperAttributes.js +31 -0
  18. package/lib/cjs/components/IconWrapper/index.d.ts +1 -0
  19. package/lib/cjs/components/IconWrapper/index.js +14 -0
  20. package/lib/cjs/components/Link/Link.stories.js +1 -1
  21. package/lib/cjs/components/ListView/ListViewExpandableItem.js +6 -3
  22. package/lib/cjs/components/NavBar/NavBar.stories.js +10 -3
  23. package/lib/cjs/components/NavBarSection/NavBarItemBody.js +4 -1
  24. package/lib/cjs/components/NavBarSection/NavBarItemHeader.js +6 -4
  25. package/lib/cjs/components/NavSideBar/NavSideBarSectionHeader.js +6 -3
  26. package/lib/cjs/components/NavigationHeader/NavigationHeader.stories.js +15 -16
  27. package/lib/cjs/components/OverlayPanel/OverlayPanel.stories.js +5 -1
  28. package/lib/cjs/components/SelectFieldBase/SelectFieldBase.js +5 -2
  29. package/lib/cjs/components/Tabs/Tabs.stories.js +3 -3
  30. package/lib/cjs/hooks/index.d.ts +1 -0
  31. package/lib/cjs/hooks/index.js +7 -0
  32. package/lib/cjs/hooks/useGetTheme/index.d.ts +1 -0
  33. package/lib/cjs/hooks/useGetTheme/index.js +14 -0
  34. package/lib/cjs/hooks/useGetTheme/useGetTheme.d.ts +26 -0
  35. package/lib/cjs/hooks/useGetTheme/useGetTheme.js +82 -0
  36. package/lib/cjs/hooks/useGetTheme/useGetTheme.test.d.ts +1 -0
  37. package/lib/cjs/hooks/useGetTheme/useGetTheme.test.js +88 -0
  38. package/lib/cjs/hooks/useTShirtSize/useTShirtSize.js +5 -3
  39. package/lib/cjs/hooks/useTShirtSize/useTShirtSize.test.js +17 -0
  40. package/lib/cjs/index.d.ts +3 -0
  41. package/lib/cjs/index.js +77 -50
  42. package/lib/cjs/recipes/NextGen/ListViewNextGen.stories.js +6 -135
  43. package/lib/cjs/recipes/NextGen/ModalNextGen.stories.js +8 -7
  44. package/lib/cjs/recipes/NextGen/NavBarNextGen.stories.js +2 -216
  45. package/lib/cjs/recipes/NextGen/NextGenDataTable.stories.js +2 -135
  46. package/lib/cjs/styles/sizes.d.ts +12 -0
  47. package/lib/cjs/styles/sizes.js +19 -0
  48. package/lib/cjs/styles/theme.js +4 -12
  49. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/colors.d.ts +75 -0
  50. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/colors.js +97 -0
  51. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/customProperties/icons.d.ts +7 -0
  52. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/customProperties/icons.js +24 -0
  53. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/customProperties/index.d.ts +11 -0
  54. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/customProperties/index.js +24 -0
  55. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/index.d.ts +1 -0
  56. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/index.js +14 -0
  57. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/nextGenDarkModeOverride.d.ts +2 -0
  58. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/nextGenDarkModeOverride.js +31 -0
  59. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/stories/NextGenDarkDataTable.chomatic.stories.d.ts +6 -0
  60. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/stories/NextGenDarkDataTable.chomatic.stories.js +22 -0
  61. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/stories/NextGenDarkListView.chromatic.stories.d.ts +6 -0
  62. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/stories/NextGenDarkListView.chromatic.stories.js +22 -0
  63. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/stories/NextGenDarkNavStory.chomatic.stories.d.ts +6 -0
  64. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/stories/NextGenDarkNavStory.chomatic.stories.js +22 -0
  65. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/stories/NextGenDarkStickerSheet.chromatic.stories.d.ts +6 -0
  66. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/stories/NextGenDarkStickerSheet.chromatic.stories.js +22 -0
  67. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/avatar.d.ts +43 -0
  68. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/avatar.js +51 -0
  69. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/badges.d.ts +92 -0
  70. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/badges.js +96 -0
  71. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/buttons.d.ts +82 -0
  72. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/buttons.js +105 -0
  73. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/cards.d.ts +15 -0
  74. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/cards.js +23 -0
  75. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/forms.d.ts +68 -0
  76. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/forms.js +71 -0
  77. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/iconBadge.d.ts +53 -0
  78. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/iconBadge.js +75 -0
  79. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/input.d.ts +8 -0
  80. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/input.js +35 -0
  81. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/links.d.ts +40 -0
  82. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/links.js +47 -0
  83. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/lsitview.d.ts +24 -0
  84. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/lsitview.js +33 -0
  85. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/menu.d.ts +26 -0
  86. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/menu.js +35 -0
  87. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/message.d.ts +52 -0
  88. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/message.js +60 -0
  89. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/navbar.d.ts +132 -0
  90. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/navbar.js +149 -0
  91. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/variants.d.ts +375 -0
  92. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/variants.js +71 -0
  93. package/lib/cjs/styles/themes/astro/customProperties/icons.d.ts +8 -0
  94. package/lib/cjs/styles/themes/astro/customProperties/icons.js +23 -0
  95. package/lib/cjs/styles/themes/astro/customProperties/index.d.ts +12 -0
  96. package/lib/cjs/styles/themes/astro/customProperties/index.js +15 -0
  97. package/lib/cjs/styles/themes/astro/customProperties/styles.d.ts +4 -0
  98. package/lib/cjs/styles/themes/astro/customProperties/styles.js +11 -0
  99. package/lib/cjs/styles/themes/next-gen/colors/colors.d.ts +36 -0
  100. package/lib/cjs/styles/themes/next-gen/colors/colors.js +22 -4
  101. package/lib/cjs/styles/themes/next-gen/colors/iconWrapper.d.ts +22 -0
  102. package/lib/cjs/styles/themes/next-gen/colors/iconWrapper.js +31 -0
  103. package/lib/cjs/styles/themes/next-gen/convertedComponentList.d.ts +11 -1
  104. package/lib/cjs/styles/themes/next-gen/convertedComponentList.js +15 -4
  105. package/lib/cjs/styles/themes/next-gen/customProperties/icons.d.ts +8 -0
  106. package/lib/cjs/styles/themes/next-gen/customProperties/icons.js +23 -0
  107. package/lib/cjs/styles/themes/next-gen/customProperties/index.d.ts +12 -0
  108. package/lib/cjs/styles/themes/next-gen/customProperties/index.js +15 -0
  109. package/lib/cjs/styles/themes/next-gen/customProperties/styles.d.ts +4 -0
  110. package/lib/cjs/styles/themes/next-gen/customProperties/styles.js +11 -0
  111. package/lib/cjs/styles/themes/next-gen/forms.js +3 -3
  112. package/lib/cjs/styles/themes/next-gen/next-gen.d.ts +244 -8
  113. package/lib/cjs/styles/themes/next-gen/next-gen.js +5 -9
  114. package/lib/cjs/styles/themes/next-gen/sizes.d.ts +7 -0
  115. package/lib/cjs/styles/themes/next-gen/sizes.js +10 -1
  116. package/lib/cjs/styles/themes/next-gen/stories/DataTableNextGenComponent.d.ts +6 -0
  117. package/lib/cjs/styles/themes/next-gen/stories/DataTableNextGenComponent.js +151 -0
  118. package/lib/cjs/styles/themes/next-gen/stories/ListViewItemNextGen.d.ts +29 -0
  119. package/lib/cjs/styles/themes/next-gen/stories/ListViewItemNextGen.js +84 -0
  120. package/lib/cjs/styles/themes/next-gen/stories/ListViewNextGenComponent.d.ts +2 -0
  121. package/lib/cjs/styles/themes/next-gen/stories/ListViewNextGenComponent.js +67 -0
  122. package/lib/cjs/styles/themes/next-gen/stories/NavBarNextGenComponent.d.ts +2 -0
  123. package/lib/cjs/styles/themes/next-gen/stories/NavBarNextGenComponent.js +191 -0
  124. package/lib/cjs/styles/themes/next-gen/stories/NextGenDataTable.chromatic.stories.d.ts +6 -0
  125. package/lib/cjs/styles/themes/next-gen/stories/NextGenDataTable.chromatic.stories.js +22 -0
  126. package/lib/cjs/styles/themes/next-gen/stories/NextGenListView.chromatic.stories.d.ts +6 -0
  127. package/lib/cjs/styles/themes/next-gen/stories/NextGenListView.chromatic.stories.js +22 -0
  128. package/lib/cjs/styles/themes/next-gen/stories/NextGenListViewItem.stories.d.ts +7 -0
  129. package/lib/cjs/styles/themes/next-gen/stories/NextGenListViewItem.stories.js +36 -0
  130. package/lib/cjs/styles/themes/next-gen/stories/NextGenNavBar.chromatic.stories.d.ts +6 -0
  131. package/lib/cjs/styles/themes/next-gen/stories/NextGenNavBar.chromatic.stories.js +22 -0
  132. package/lib/cjs/styles/themes/next-gen/stories/NextGenStickerSheet.chromatic.stories.d.ts +6 -0
  133. package/lib/cjs/styles/themes/next-gen/stories/NextGenStickerSheet.chromatic.stories.js +22 -0
  134. package/lib/cjs/styles/themes/next-gen/stories/StickerSheetComponent.d.ts +3 -0
  135. package/lib/cjs/styles/themes/next-gen/stories/StickerSheetComponent.js +286 -0
  136. package/lib/cjs/styles/themes/next-gen/variants/avatar.d.ts +43 -0
  137. package/lib/cjs/styles/themes/next-gen/variants/avatar.js +51 -0
  138. package/lib/cjs/styles/themes/next-gen/variants/badges.d.ts +208 -0
  139. package/lib/cjs/styles/themes/next-gen/variants/badges.js +103 -0
  140. package/lib/cjs/styles/themes/next-gen/variants/button.d.ts +1 -0
  141. package/lib/cjs/styles/themes/next-gen/variants/button.js +5 -4
  142. package/lib/cjs/styles/themes/next-gen/variants/cards.d.ts +40 -0
  143. package/lib/cjs/styles/themes/next-gen/variants/cards.js +22 -2
  144. package/lib/cjs/styles/themes/next-gen/variants/iconWrapper.d.ts +36 -0
  145. package/lib/cjs/styles/themes/next-gen/variants/iconWrapper.js +51 -0
  146. package/lib/cjs/styles/themes/next-gen/variants/input.js +9 -9
  147. package/lib/cjs/styles/themes/next-gen/variants/label.js +1 -1
  148. package/lib/cjs/styles/themes/next-gen/variants/links.d.ts +75 -0
  149. package/lib/cjs/styles/themes/next-gen/variants/links.js +7 -1
  150. package/lib/cjs/styles/themes/next-gen/variants/listview.d.ts +68 -0
  151. package/lib/cjs/styles/themes/next-gen/variants/listview.js +77 -0
  152. package/lib/cjs/styles/themes/next-gen/variants/menu.d.ts +28 -0
  153. package/lib/cjs/styles/themes/next-gen/variants/menu.js +37 -0
  154. package/lib/cjs/styles/themes/next-gen/variants/messages.d.ts +40 -0
  155. package/lib/cjs/styles/themes/next-gen/variants/messages.js +48 -0
  156. package/lib/cjs/styles/themes/next-gen/variants/navbar.d.ts +126 -0
  157. package/lib/cjs/styles/themes/next-gen/variants/navbar.js +134 -0
  158. package/lib/cjs/styles/themes/next-gen/variants/navigationHeader.d.ts +3 -1
  159. package/lib/cjs/styles/themes/next-gen/variants/navigationHeader.js +6 -4
  160. package/lib/cjs/styles/themes/next-gen/variants/tabs.d.ts +28 -0
  161. package/lib/cjs/styles/themes/next-gen/variants/tabs.js +38 -0
  162. package/lib/cjs/styles/themes/next-gen/variants/text.d.ts +11 -0
  163. package/lib/cjs/styles/themes/next-gen/variants/text.js +18 -7
  164. package/lib/cjs/styles/themes/next-gen/variants/variants.d.ts +71 -7
  165. package/lib/cjs/styles/themes/next-gen/variants/variants.js +38 -338
  166. package/lib/cjs/types/iconWrapper.d.ts +15 -0
  167. package/lib/cjs/types/iconWrapper.js +6 -0
  168. package/lib/cjs/utils/devUtils/constants/logos.d.ts +3 -0
  169. package/lib/cjs/utils/devUtils/constants/logos.js +84 -0
  170. package/lib/cjs/utils/devUtils/constants/tShirtSizes.d.ts +11 -0
  171. package/lib/cjs/utils/devUtils/constants/tShirtSizes.js +8 -2
  172. package/lib/cjs/utils/devUtils/constants/themes.d.ts +5 -0
  173. package/lib/cjs/utils/devUtils/constants/themes.js +13 -0
  174. package/lib/cjs/utils/devUtils/shouldReturnComingSoon.d.ts +1 -0
  175. package/lib/cjs/utils/devUtils/shouldReturnComingSoon.js +41 -0
  176. package/lib/cjs/utils/docUtils/iconSizeProps.d.ts +1 -1
  177. package/lib/cjs/utils/docUtils/iconSizeProps.js +1 -1
  178. package/lib/cjs/utils/testUtils/testWrapper.d.ts +4 -2
  179. package/lib/cjs/utils/testUtils/testWrapper.js +10 -4
  180. package/lib/components/Card/Card.stories.js +2 -1
  181. package/lib/components/Card/Card.styles.js +1 -1
  182. package/lib/components/CodeView/CodeView.js +7 -3
  183. package/lib/components/CodeView/CodeView.test.js +12 -5
  184. package/lib/components/ComboBox/ComboBoxInput.js +4 -1
  185. package/lib/components/DataTable/DataTable.js +7 -4
  186. package/lib/components/Icon/NoticeIcon.js +4 -1
  187. package/lib/components/IconWrapper/IconWrapper.js +50 -0
  188. package/lib/components/IconWrapper/IconWrapper.mdx +14 -0
  189. package/lib/components/IconWrapper/IconWrapper.stories.js +44 -0
  190. package/lib/components/IconWrapper/IconWrapper.test.js +38 -0
  191. package/lib/components/IconWrapper/iconWrapperAttributes.js +23 -0
  192. package/lib/components/IconWrapper/index.js +1 -0
  193. package/lib/components/Link/Link.stories.js +2 -2
  194. package/lib/components/ListView/ListViewExpandableItem.js +6 -3
  195. package/lib/components/NavBar/NavBar.stories.js +10 -3
  196. package/lib/components/NavBarSection/NavBarItemBody.js +4 -1
  197. package/lib/components/NavBarSection/NavBarItemHeader.js +5 -3
  198. package/lib/components/NavSideBar/NavSideBarSectionHeader.js +5 -2
  199. package/lib/components/NavigationHeader/NavigationHeader.stories.js +17 -18
  200. package/lib/components/OverlayPanel/OverlayPanel.stories.js +5 -1
  201. package/lib/components/SelectFieldBase/SelectFieldBase.js +4 -1
  202. package/lib/components/Tabs/Tabs.stories.js +3 -3
  203. package/lib/hooks/index.js +1 -0
  204. package/lib/hooks/useGetTheme/index.js +1 -0
  205. package/lib/hooks/useGetTheme/useGetTheme.js +74 -0
  206. package/lib/hooks/useGetTheme/useGetTheme.test.js +81 -0
  207. package/lib/hooks/useTShirtSize/useTShirtSize.js +5 -3
  208. package/lib/hooks/useTShirtSize/useTShirtSize.test.js +17 -0
  209. package/lib/index.js +3 -3
  210. package/lib/recipes/NextGen/ListViewNextGen.stories.js +5 -134
  211. package/lib/recipes/NextGen/ModalNextGen.stories.js +9 -8
  212. package/lib/recipes/NextGen/NavBarNextGen.stories.js +2 -216
  213. package/lib/recipes/NextGen/NextGenDataTable.stories.js +2 -135
  214. package/lib/styles/sizes.js +11 -0
  215. package/lib/styles/theme.js +4 -12
  216. package/lib/styles/themeOverrides/nextGenDarkMode/colors.js +88 -0
  217. package/lib/styles/themeOverrides/nextGenDarkMode/customProperties/icons.js +16 -0
  218. package/lib/styles/themeOverrides/nextGenDarkMode/customProperties/index.js +16 -0
  219. package/lib/styles/themeOverrides/nextGenDarkMode/index.js +1 -0
  220. package/lib/styles/themeOverrides/nextGenDarkMode/nextGenDarkModeOverride.js +22 -0
  221. package/lib/styles/themeOverrides/nextGenDarkMode/stories/NextGenDarkDataTable.chomatic.stories.js +12 -0
  222. package/lib/styles/themeOverrides/nextGenDarkMode/stories/NextGenDarkListView.chromatic.stories.js +12 -0
  223. package/lib/styles/themeOverrides/nextGenDarkMode/stories/NextGenDarkNavStory.chomatic.stories.js +12 -0
  224. package/lib/styles/themeOverrides/nextGenDarkMode/stories/NextGenDarkStickerSheet.chromatic.stories.js +12 -0
  225. package/lib/styles/themeOverrides/nextGenDarkMode/variants/avatar.js +43 -0
  226. package/lib/styles/themeOverrides/nextGenDarkMode/variants/badges.js +88 -0
  227. package/lib/styles/themeOverrides/nextGenDarkMode/variants/buttons.js +97 -0
  228. package/lib/styles/themeOverrides/nextGenDarkMode/variants/cards.js +15 -0
  229. package/lib/styles/themeOverrides/nextGenDarkMode/variants/forms.js +60 -0
  230. package/lib/styles/themeOverrides/nextGenDarkMode/variants/iconBadge.js +67 -0
  231. package/lib/styles/themeOverrides/nextGenDarkMode/variants/input.js +26 -0
  232. package/lib/styles/themeOverrides/nextGenDarkMode/variants/links.js +39 -0
  233. package/lib/styles/themeOverrides/nextGenDarkMode/variants/lsitview.js +24 -0
  234. package/lib/styles/themeOverrides/nextGenDarkMode/variants/menu.js +26 -0
  235. package/lib/styles/themeOverrides/nextGenDarkMode/variants/message.js +52 -0
  236. package/lib/styles/themeOverrides/nextGenDarkMode/variants/navbar.js +141 -0
  237. package/lib/styles/themeOverrides/nextGenDarkMode/variants/variants.js +62 -0
  238. package/lib/styles/themes/astro/customProperties/icons.js +14 -0
  239. package/lib/styles/themes/astro/customProperties/index.js +6 -0
  240. package/lib/styles/themes/astro/customProperties/styles.js +3 -0
  241. package/lib/styles/themes/next-gen/colors/colors.js +22 -4
  242. package/lib/styles/themes/next-gen/colors/iconWrapper.js +23 -0
  243. package/lib/styles/themes/next-gen/convertedComponentList.js +12 -2
  244. package/lib/styles/themes/next-gen/customProperties/icons.js +14 -0
  245. package/lib/styles/themes/next-gen/customProperties/index.js +6 -0
  246. package/lib/styles/themes/next-gen/customProperties/styles.js +3 -0
  247. package/lib/styles/themes/next-gen/forms.js +3 -3
  248. package/lib/styles/themes/next-gen/next-gen.js +4 -5
  249. package/lib/styles/themes/next-gen/sizes.js +10 -1
  250. package/lib/styles/themes/next-gen/stories/DataTableNextGenComponent.js +141 -0
  251. package/lib/styles/themes/next-gen/stories/ListViewItemNextGen.js +75 -0
  252. package/lib/styles/themes/next-gen/stories/ListViewNextGenComponent.js +58 -0
  253. package/lib/styles/themes/next-gen/stories/NavBarNextGenComponent.js +182 -0
  254. package/lib/styles/themes/next-gen/stories/NextGenDataTable.chromatic.stories.js +12 -0
  255. package/lib/styles/themes/next-gen/stories/NextGenListView.chromatic.stories.js +12 -0
  256. package/lib/styles/themes/next-gen/stories/NextGenListViewItem.stories.js +26 -0
  257. package/lib/styles/themes/next-gen/stories/NextGenNavBar.chromatic.stories.js +12 -0
  258. package/lib/styles/themes/next-gen/stories/NextGenStickerSheet.chromatic.stories.js +12 -0
  259. package/lib/styles/themes/next-gen/stories/StickerSheetComponent.js +277 -0
  260. package/lib/styles/themes/next-gen/variants/avatar.js +43 -0
  261. package/lib/styles/themes/next-gen/variants/badges.js +94 -0
  262. package/lib/styles/themes/next-gen/variants/button.js +5 -4
  263. package/lib/styles/themes/next-gen/variants/cards.js +21 -2
  264. package/lib/styles/themes/next-gen/variants/iconWrapper.js +43 -0
  265. package/lib/styles/themes/next-gen/variants/input.js +9 -9
  266. package/lib/styles/themes/next-gen/variants/label.js +1 -1
  267. package/lib/styles/themes/next-gen/variants/links.js +7 -1
  268. package/lib/styles/themes/next-gen/variants/listview.js +68 -0
  269. package/lib/styles/themes/next-gen/variants/menu.js +28 -0
  270. package/lib/styles/themes/next-gen/variants/messages.js +40 -0
  271. package/lib/styles/themes/next-gen/variants/navbar.js +124 -0
  272. package/lib/styles/themes/next-gen/variants/navigationHeader.js +6 -4
  273. package/lib/styles/themes/next-gen/variants/tabs.js +28 -0
  274. package/lib/styles/themes/next-gen/variants/text.js +18 -7
  275. package/lib/styles/themes/next-gen/variants/variants.js +31 -331
  276. package/lib/types/iconWrapper.js +1 -0
  277. package/lib/utils/devUtils/constants/logos.js +74 -0
  278. package/lib/utils/devUtils/constants/tShirtSizes.js +5 -0
  279. package/lib/utils/devUtils/constants/themes.js +5 -0
  280. package/lib/utils/devUtils/shouldReturnComingSoon.js +27 -0
  281. package/lib/utils/docUtils/iconSizeProps.js +1 -1
  282. package/lib/utils/testUtils/testWrapper.js +10 -4
  283. package/package.json +1 -1
package/lib/cjs/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
 
3
- var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17, _context18, _context19, _context20, _context21, _context22, _context23, _context24, _context25, _context26, _context27, _context28, _context29, _context30, _context31, _context32, _context33, _context34, _context35, _context36, _context37, _context38, _context39, _context40, _context41, _context42, _context43, _context44, _context45, _context46, _context47, _context48, _context49, _context50, _context51, _context52, _context53, _context54, _context55, _context56, _context57, _context58, _context59, _context60, _context61, _context62, _context63, _context64, _context65, _context66, _context67, _context68, _context69, _context70, _context71, _context72, _context73, _context74, _context75, _context76, _context77, _context78;
3
+ var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17, _context18, _context19, _context20, _context21, _context22, _context23, _context24, _context25, _context26, _context27, _context28, _context29, _context30, _context31, _context32, _context33, _context34, _context35, _context36, _context37, _context38, _context39, _context40, _context41, _context42, _context43, _context44, _context45, _context46, _context47, _context48, _context49, _context50, _context51, _context52, _context53, _context54, _context55, _context56, _context57, _context58, _context59, _context60, _context61, _context62, _context63, _context64, _context65, _context66, _context67, _context68, _context69, _context70, _context71, _context72, _context73, _context74, _context75, _context76, _context77, _context78, _context79;
4
4
  var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
5
5
  var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
6
6
  var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
@@ -61,6 +61,7 @@ var _exportNames = {
61
61
  IconBadge: true,
62
62
  IconButton: true,
63
63
  IconButtonToggle: true,
64
+ IconWrapper: true,
64
65
  Image: true,
65
66
  ImageUploadField: true,
66
67
  Input: true,
@@ -125,6 +126,7 @@ var _exportNames = {
125
126
  TimeZonePicker: true,
126
127
  TooltipTrigger: true,
127
128
  TreeView: true,
129
+ NextGenDarkTheme: true,
128
130
  NextGenTheme: true,
129
131
  OverlayProvider: true,
130
132
  useOverlayPosition: true,
@@ -433,6 +435,12 @@ _Object$defineProperty(exports, "IconButtonToggle", {
433
435
  return _IconButtonToggle["default"];
434
436
  }
435
437
  });
438
+ _Object$defineProperty(exports, "IconWrapper", {
439
+ enumerable: true,
440
+ get: function get() {
441
+ return _IconWrapper["default"];
442
+ }
443
+ });
436
444
  _Object$defineProperty(exports, "Image", {
437
445
  enumerable: true,
438
446
  get: function get() {
@@ -577,6 +585,12 @@ _Object$defineProperty(exports, "NavigationHeader", {
577
585
  return _NavigationHeader["default"];
578
586
  }
579
587
  });
588
+ _Object$defineProperty(exports, "NextGenDarkTheme", {
589
+ enumerable: true,
590
+ get: function get() {
591
+ return _nextGenDarkMode["default"];
592
+ }
593
+ });
580
594
  _Object$defineProperty(exports, "NextGenTheme", {
581
595
  enumerable: true,
582
596
  get: function get() {
@@ -1261,8 +1275,20 @@ _forEachInstanceProperty(_context29 = _Object$keys(_IconButtonToggle)).call(_con
1261
1275
  }
1262
1276
  });
1263
1277
  });
1278
+ var _IconWrapper = _interopRequireWildcard(require("./components/IconWrapper"));
1279
+ _forEachInstanceProperty(_context30 = _Object$keys(_IconWrapper)).call(_context30, function (key) {
1280
+ if (key === "default" || key === "__esModule") return;
1281
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1282
+ if (key in exports && exports[key] === _IconWrapper[key]) return;
1283
+ _Object$defineProperty(exports, key, {
1284
+ enumerable: true,
1285
+ get: function get() {
1286
+ return _IconWrapper[key];
1287
+ }
1288
+ });
1289
+ });
1264
1290
  var _Image = _interopRequireWildcard(require("./components/Image"));
1265
- _forEachInstanceProperty(_context30 = _Object$keys(_Image)).call(_context30, function (key) {
1291
+ _forEachInstanceProperty(_context31 = _Object$keys(_Image)).call(_context31, function (key) {
1266
1292
  if (key === "default" || key === "__esModule") return;
1267
1293
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1268
1294
  if (key in exports && exports[key] === _Image[key]) return;
@@ -1274,7 +1300,7 @@ _forEachInstanceProperty(_context30 = _Object$keys(_Image)).call(_context30, fun
1274
1300
  });
1275
1301
  });
1276
1302
  var _ImageUploadField = _interopRequireWildcard(require("./components/ImageUploadField"));
1277
- _forEachInstanceProperty(_context31 = _Object$keys(_ImageUploadField)).call(_context31, function (key) {
1303
+ _forEachInstanceProperty(_context32 = _Object$keys(_ImageUploadField)).call(_context32, function (key) {
1278
1304
  if (key === "default" || key === "__esModule") return;
1279
1305
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1280
1306
  if (key in exports && exports[key] === _ImageUploadField[key]) return;
@@ -1286,7 +1312,7 @@ _forEachInstanceProperty(_context31 = _Object$keys(_ImageUploadField)).call(_con
1286
1312
  });
1287
1313
  });
1288
1314
  var _Input = _interopRequireWildcard(require("./components/Input"));
1289
- _forEachInstanceProperty(_context32 = _Object$keys(_Input)).call(_context32, function (key) {
1315
+ _forEachInstanceProperty(_context33 = _Object$keys(_Input)).call(_context33, function (key) {
1290
1316
  if (key === "default" || key === "__esModule") return;
1291
1317
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1292
1318
  if (key in exports && exports[key] === _Input[key]) return;
@@ -1298,7 +1324,7 @@ _forEachInstanceProperty(_context32 = _Object$keys(_Input)).call(_context32, fun
1298
1324
  });
1299
1325
  });
1300
1326
  var _Label = _interopRequireWildcard(require("./components/Label"));
1301
- _forEachInstanceProperty(_context33 = _Object$keys(_Label)).call(_context33, function (key) {
1327
+ _forEachInstanceProperty(_context34 = _Object$keys(_Label)).call(_context34, function (key) {
1302
1328
  if (key === "default" || key === "__esModule") return;
1303
1329
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1304
1330
  if (key in exports && exports[key] === _Label[key]) return;
@@ -1310,7 +1336,7 @@ _forEachInstanceProperty(_context33 = _Object$keys(_Label)).call(_context33, fun
1310
1336
  });
1311
1337
  });
1312
1338
  var _Link = _interopRequireWildcard(require("./components/Link"));
1313
- _forEachInstanceProperty(_context34 = _Object$keys(_Link)).call(_context34, function (key) {
1339
+ _forEachInstanceProperty(_context35 = _Object$keys(_Link)).call(_context35, function (key) {
1314
1340
  if (key === "default" || key === "__esModule") return;
1315
1341
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1316
1342
  if (key in exports && exports[key] === _Link[key]) return;
@@ -1322,7 +1348,7 @@ _forEachInstanceProperty(_context34 = _Object$keys(_Link)).call(_context34, func
1322
1348
  });
1323
1349
  });
1324
1350
  var _LinkSelectField = _interopRequireWildcard(require("./components/LinkSelectField"));
1325
- _forEachInstanceProperty(_context35 = _Object$keys(_LinkSelectField)).call(_context35, function (key) {
1351
+ _forEachInstanceProperty(_context36 = _Object$keys(_LinkSelectField)).call(_context36, function (key) {
1326
1352
  if (key === "default" || key === "__esModule") return;
1327
1353
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1328
1354
  if (key in exports && exports[key] === _LinkSelectField[key]) return;
@@ -1334,7 +1360,7 @@ _forEachInstanceProperty(_context35 = _Object$keys(_LinkSelectField)).call(_cont
1334
1360
  });
1335
1361
  });
1336
1362
  var _ListItem = _interopRequireWildcard(require("./components/ListItem"));
1337
- _forEachInstanceProperty(_context36 = _Object$keys(_ListItem)).call(_context36, function (key) {
1363
+ _forEachInstanceProperty(_context37 = _Object$keys(_ListItem)).call(_context37, function (key) {
1338
1364
  if (key === "default" || key === "__esModule") return;
1339
1365
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1340
1366
  if (key in exports && exports[key] === _ListItem[key]) return;
@@ -1346,7 +1372,7 @@ _forEachInstanceProperty(_context36 = _Object$keys(_ListItem)).call(_context36,
1346
1372
  });
1347
1373
  });
1348
1374
  var _ListView = _interopRequireWildcard(require("./components/ListView"));
1349
- _forEachInstanceProperty(_context37 = _Object$keys(_ListView)).call(_context37, function (key) {
1375
+ _forEachInstanceProperty(_context38 = _Object$keys(_ListView)).call(_context38, function (key) {
1350
1376
  if (key === "default" || key === "__esModule") return;
1351
1377
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1352
1378
  if (key in exports && exports[key] === _ListView[key]) return;
@@ -1363,7 +1389,7 @@ var _ListViewItemEditButton = _interopRequireDefault(require("./components/ListV
1363
1389
  var _ListViewItemMenu = _interopRequireDefault(require("./components/ListViewItem/controls/ListViewItemMenu"));
1364
1390
  var _ListViewItemSwitchField = _interopRequireDefault(require("./components/ListViewItem/controls/ListViewItemSwitchField"));
1365
1391
  var _Loader = _interopRequireWildcard(require("./components/Loader"));
1366
- _forEachInstanceProperty(_context38 = _Object$keys(_Loader)).call(_context38, function (key) {
1392
+ _forEachInstanceProperty(_context39 = _Object$keys(_Loader)).call(_context39, function (key) {
1367
1393
  if (key === "default" || key === "__esModule") return;
1368
1394
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1369
1395
  if (key in exports && exports[key] === _Loader[key]) return;
@@ -1376,7 +1402,7 @@ _forEachInstanceProperty(_context38 = _Object$keys(_Loader)).call(_context38, fu
1376
1402
  });
1377
1403
  var _Menu = _interopRequireDefault(require("./components/Menu"));
1378
1404
  var _Messages = _interopRequireWildcard(require("./components/Messages"));
1379
- _forEachInstanceProperty(_context39 = _Object$keys(_Messages)).call(_context39, function (key) {
1405
+ _forEachInstanceProperty(_context40 = _Object$keys(_Messages)).call(_context40, function (key) {
1380
1406
  if (key === "default" || key === "__esModule") return;
1381
1407
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1382
1408
  if (key in exports && exports[key] === _Messages[key]) return;
@@ -1388,7 +1414,7 @@ _forEachInstanceProperty(_context39 = _Object$keys(_Messages)).call(_context39,
1388
1414
  });
1389
1415
  });
1390
1416
  var _Modal = _interopRequireWildcard(require("./components/Modal"));
1391
- _forEachInstanceProperty(_context40 = _Object$keys(_Modal)).call(_context40, function (key) {
1417
+ _forEachInstanceProperty(_context41 = _Object$keys(_Modal)).call(_context41, function (key) {
1392
1418
  if (key === "default" || key === "__esModule") return;
1393
1419
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1394
1420
  if (key in exports && exports[key] === _Modal[key]) return;
@@ -1401,7 +1427,7 @@ _forEachInstanceProperty(_context40 = _Object$keys(_Modal)).call(_context40, fun
1401
1427
  });
1402
1428
  var _MultivaluesField = _interopRequireDefault(require("./components/MultivaluesField"));
1403
1429
  var _NavBar = _interopRequireWildcard(require("./components/NavBar"));
1404
- _forEachInstanceProperty(_context41 = _Object$keys(_NavBar)).call(_context41, function (key) {
1430
+ _forEachInstanceProperty(_context42 = _Object$keys(_NavBar)).call(_context42, function (key) {
1405
1431
  if (key === "default" || key === "__esModule") return;
1406
1432
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1407
1433
  if (key in exports && exports[key] === _NavBar[key]) return;
@@ -1413,7 +1439,7 @@ _forEachInstanceProperty(_context41 = _Object$keys(_NavBar)).call(_context41, fu
1413
1439
  });
1414
1440
  });
1415
1441
  var _NavBarSection = _interopRequireWildcard(require("./components/NavBarSection"));
1416
- _forEachInstanceProperty(_context42 = _Object$keys(_NavBarSection)).call(_context42, function (key) {
1442
+ _forEachInstanceProperty(_context43 = _Object$keys(_NavBarSection)).call(_context43, function (key) {
1417
1443
  if (key === "default" || key === "__esModule") return;
1418
1444
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1419
1445
  if (key in exports && exports[key] === _NavBarSection[key]) return;
@@ -1425,7 +1451,7 @@ _forEachInstanceProperty(_context42 = _Object$keys(_NavBarSection)).call(_contex
1425
1451
  });
1426
1452
  });
1427
1453
  var _NavigationHeader = _interopRequireWildcard(require("./components/NavigationHeader"));
1428
- _forEachInstanceProperty(_context43 = _Object$keys(_NavigationHeader)).call(_context43, function (key) {
1454
+ _forEachInstanceProperty(_context44 = _Object$keys(_NavigationHeader)).call(_context44, function (key) {
1429
1455
  if (key === "default" || key === "__esModule") return;
1430
1456
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1431
1457
  if (key in exports && exports[key] === _NavigationHeader[key]) return;
@@ -1437,7 +1463,7 @@ _forEachInstanceProperty(_context43 = _Object$keys(_NavigationHeader)).call(_con
1437
1463
  });
1438
1464
  });
1439
1465
  var _NavSideBar = _interopRequireWildcard(require("./components/NavSideBar"));
1440
- _forEachInstanceProperty(_context44 = _Object$keys(_NavSideBar)).call(_context44, function (key) {
1466
+ _forEachInstanceProperty(_context45 = _Object$keys(_NavSideBar)).call(_context45, function (key) {
1441
1467
  if (key === "default" || key === "__esModule") return;
1442
1468
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1443
1469
  if (key in exports && exports[key] === _NavSideBar[key]) return;
@@ -1449,7 +1475,7 @@ _forEachInstanceProperty(_context44 = _Object$keys(_NavSideBar)).call(_context44
1449
1475
  });
1450
1476
  });
1451
1477
  var _NumberField = _interopRequireWildcard(require("./components/NumberField"));
1452
- _forEachInstanceProperty(_context45 = _Object$keys(_NumberField)).call(_context45, function (key) {
1478
+ _forEachInstanceProperty(_context46 = _Object$keys(_NumberField)).call(_context46, function (key) {
1453
1479
  if (key === "default" || key === "__esModule") return;
1454
1480
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1455
1481
  if (key in exports && exports[key] === _NumberField[key]) return;
@@ -1461,7 +1487,7 @@ _forEachInstanceProperty(_context45 = _Object$keys(_NumberField)).call(_context4
1461
1487
  });
1462
1488
  });
1463
1489
  var _OverlayPanel = _interopRequireWildcard(require("./components/OverlayPanel"));
1464
- _forEachInstanceProperty(_context46 = _Object$keys(_OverlayPanel)).call(_context46, function (key) {
1490
+ _forEachInstanceProperty(_context47 = _Object$keys(_OverlayPanel)).call(_context47, function (key) {
1465
1491
  if (key === "default" || key === "__esModule") return;
1466
1492
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1467
1493
  if (key in exports && exports[key] === _OverlayPanel[key]) return;
@@ -1478,7 +1504,7 @@ var _PanelHeaderCloseButton = _interopRequireDefault(require("./components/Panel
1478
1504
  var _PanelHeaderMenu = _interopRequireDefault(require("./components/PanelHeader/controls/PanelHeaderMenu"));
1479
1505
  var _PanelHeaderSwitchField = _interopRequireDefault(require("./components/PanelHeader/controls/PanelHeaderSwitchField"));
1480
1506
  var _PasswordField = _interopRequireWildcard(require("./components/PasswordField"));
1481
- _forEachInstanceProperty(_context47 = _Object$keys(_PasswordField)).call(_context47, function (key) {
1507
+ _forEachInstanceProperty(_context48 = _Object$keys(_PasswordField)).call(_context48, function (key) {
1482
1508
  if (key === "default" || key === "__esModule") return;
1483
1509
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1484
1510
  if (key in exports && exports[key] === _PasswordField[key]) return;
@@ -1490,7 +1516,7 @@ _forEachInstanceProperty(_context47 = _Object$keys(_PasswordField)).call(_contex
1490
1516
  });
1491
1517
  });
1492
1518
  var _PopoverContainer = _interopRequireWildcard(require("./components/PopoverContainer"));
1493
- _forEachInstanceProperty(_context48 = _Object$keys(_PopoverContainer)).call(_context48, function (key) {
1519
+ _forEachInstanceProperty(_context49 = _Object$keys(_PopoverContainer)).call(_context49, function (key) {
1494
1520
  if (key === "default" || key === "__esModule") return;
1495
1521
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1496
1522
  if (key in exports && exports[key] === _PopoverContainer[key]) return;
@@ -1504,7 +1530,7 @@ _forEachInstanceProperty(_context48 = _Object$keys(_PopoverContainer)).call(_con
1504
1530
  var _PopoverMenu = _interopRequireDefault(require("./components/PopoverMenu"));
1505
1531
  var _ProgressBar = _interopRequireDefault(require("./components/ProgressBar"));
1506
1532
  var _Radio = _interopRequireWildcard(require("./components/Radio"));
1507
- _forEachInstanceProperty(_context49 = _Object$keys(_Radio)).call(_context49, function (key) {
1533
+ _forEachInstanceProperty(_context50 = _Object$keys(_Radio)).call(_context50, function (key) {
1508
1534
  if (key === "default" || key === "__esModule") return;
1509
1535
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1510
1536
  if (key in exports && exports[key] === _Radio[key]) return;
@@ -1516,7 +1542,7 @@ _forEachInstanceProperty(_context49 = _Object$keys(_Radio)).call(_context49, fun
1516
1542
  });
1517
1543
  });
1518
1544
  var _RadioField = _interopRequireWildcard(require("./components/RadioField"));
1519
- _forEachInstanceProperty(_context50 = _Object$keys(_RadioField)).call(_context50, function (key) {
1545
+ _forEachInstanceProperty(_context51 = _Object$keys(_RadioField)).call(_context51, function (key) {
1520
1546
  if (key === "default" || key === "__esModule") return;
1521
1547
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1522
1548
  if (key in exports && exports[key] === _RadioField[key]) return;
@@ -1528,7 +1554,7 @@ _forEachInstanceProperty(_context50 = _Object$keys(_RadioField)).call(_context50
1528
1554
  });
1529
1555
  });
1530
1556
  var _RadioGroupField = _interopRequireWildcard(require("./components/RadioGroupField"));
1531
- _forEachInstanceProperty(_context51 = _Object$keys(_RadioGroupField)).call(_context51, function (key) {
1557
+ _forEachInstanceProperty(_context52 = _Object$keys(_RadioGroupField)).call(_context52, function (key) {
1532
1558
  if (key === "default" || key === "__esModule") return;
1533
1559
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1534
1560
  if (key in exports && exports[key] === _RadioGroupField[key]) return;
@@ -1540,7 +1566,7 @@ _forEachInstanceProperty(_context51 = _Object$keys(_RadioGroupField)).call(_cont
1540
1566
  });
1541
1567
  });
1542
1568
  var _RangeCalendar = _interopRequireWildcard(require("./components/RangeCalendar"));
1543
- _forEachInstanceProperty(_context52 = _Object$keys(_RangeCalendar)).call(_context52, function (key) {
1569
+ _forEachInstanceProperty(_context53 = _Object$keys(_RangeCalendar)).call(_context53, function (key) {
1544
1570
  if (key === "default" || key === "__esModule") return;
1545
1571
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1546
1572
  if (key in exports && exports[key] === _RangeCalendar[key]) return;
@@ -1552,7 +1578,7 @@ _forEachInstanceProperty(_context52 = _Object$keys(_RangeCalendar)).call(_contex
1552
1578
  });
1553
1579
  });
1554
1580
  var _RequirementsList = _interopRequireWildcard(require("./components/RequirementsList"));
1555
- _forEachInstanceProperty(_context53 = _Object$keys(_RequirementsList)).call(_context53, function (key) {
1581
+ _forEachInstanceProperty(_context54 = _Object$keys(_RequirementsList)).call(_context54, function (key) {
1556
1582
  if (key === "default" || key === "__esModule") return;
1557
1583
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1558
1584
  if (key in exports && exports[key] === _RequirementsList[key]) return;
@@ -1564,7 +1590,7 @@ _forEachInstanceProperty(_context53 = _Object$keys(_RequirementsList)).call(_con
1564
1590
  });
1565
1591
  });
1566
1592
  var _RockerButton = _interopRequireWildcard(require("./components/RockerButton"));
1567
- _forEachInstanceProperty(_context54 = _Object$keys(_RockerButton)).call(_context54, function (key) {
1593
+ _forEachInstanceProperty(_context55 = _Object$keys(_RockerButton)).call(_context55, function (key) {
1568
1594
  if (key === "default" || key === "__esModule") return;
1569
1595
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1570
1596
  if (key in exports && exports[key] === _RockerButton[key]) return;
@@ -1576,7 +1602,7 @@ _forEachInstanceProperty(_context54 = _Object$keys(_RockerButton)).call(_context
1576
1602
  });
1577
1603
  });
1578
1604
  var _RockerButtonGroup = _interopRequireWildcard(require("./components/RockerButtonGroup"));
1579
- _forEachInstanceProperty(_context55 = _Object$keys(_RockerButtonGroup)).call(_context55, function (key) {
1605
+ _forEachInstanceProperty(_context56 = _Object$keys(_RockerButtonGroup)).call(_context56, function (key) {
1580
1606
  if (key === "default" || key === "__esModule") return;
1581
1607
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1582
1608
  if (key in exports && exports[key] === _RockerButtonGroup[key]) return;
@@ -1588,7 +1614,7 @@ _forEachInstanceProperty(_context55 = _Object$keys(_RockerButtonGroup)).call(_co
1588
1614
  });
1589
1615
  });
1590
1616
  var _ScrollBox = _interopRequireWildcard(require("./components/ScrollBox"));
1591
- _forEachInstanceProperty(_context56 = _Object$keys(_ScrollBox)).call(_context56, function (key) {
1617
+ _forEachInstanceProperty(_context57 = _Object$keys(_ScrollBox)).call(_context57, function (key) {
1592
1618
  if (key === "default" || key === "__esModule") return;
1593
1619
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1594
1620
  if (key in exports && exports[key] === _ScrollBox[key]) return;
@@ -1600,7 +1626,7 @@ _forEachInstanceProperty(_context56 = _Object$keys(_ScrollBox)).call(_context56,
1600
1626
  });
1601
1627
  });
1602
1628
  var _SearchField = _interopRequireWildcard(require("./components/SearchField"));
1603
- _forEachInstanceProperty(_context57 = _Object$keys(_SearchField)).call(_context57, function (key) {
1629
+ _forEachInstanceProperty(_context58 = _Object$keys(_SearchField)).call(_context58, function (key) {
1604
1630
  if (key === "default" || key === "__esModule") return;
1605
1631
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1606
1632
  if (key in exports && exports[key] === _SearchField[key]) return;
@@ -1612,7 +1638,7 @@ _forEachInstanceProperty(_context57 = _Object$keys(_SearchField)).call(_context5
1612
1638
  });
1613
1639
  });
1614
1640
  var _SelectField = _interopRequireWildcard(require("./components/SelectField"));
1615
- _forEachInstanceProperty(_context58 = _Object$keys(_SelectField)).call(_context58, function (key) {
1641
+ _forEachInstanceProperty(_context59 = _Object$keys(_SelectField)).call(_context59, function (key) {
1616
1642
  if (key === "default" || key === "__esModule") return;
1617
1643
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1618
1644
  if (key in exports && exports[key] === _SelectField[key]) return;
@@ -1624,7 +1650,7 @@ _forEachInstanceProperty(_context58 = _Object$keys(_SelectField)).call(_context5
1624
1650
  });
1625
1651
  });
1626
1652
  var _Separator = _interopRequireWildcard(require("./components/Separator"));
1627
- _forEachInstanceProperty(_context59 = _Object$keys(_Separator)).call(_context59, function (key) {
1653
+ _forEachInstanceProperty(_context60 = _Object$keys(_Separator)).call(_context60, function (key) {
1628
1654
  if (key === "default" || key === "__esModule") return;
1629
1655
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1630
1656
  if (key in exports && exports[key] === _Separator[key]) return;
@@ -1636,7 +1662,7 @@ _forEachInstanceProperty(_context59 = _Object$keys(_Separator)).call(_context59,
1636
1662
  });
1637
1663
  });
1638
1664
  var _Stepper = _interopRequireWildcard(require("./components/Stepper"));
1639
- _forEachInstanceProperty(_context60 = _Object$keys(_Stepper)).call(_context60, function (key) {
1665
+ _forEachInstanceProperty(_context61 = _Object$keys(_Stepper)).call(_context61, function (key) {
1640
1666
  if (key === "default" || key === "__esModule") return;
1641
1667
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1642
1668
  if (key in exports && exports[key] === _Stepper[key]) return;
@@ -1648,7 +1674,7 @@ _forEachInstanceProperty(_context60 = _Object$keys(_Stepper)).call(_context60, f
1648
1674
  });
1649
1675
  });
1650
1676
  var _Switch = _interopRequireWildcard(require("./components/Switch"));
1651
- _forEachInstanceProperty(_context61 = _Object$keys(_Switch)).call(_context61, function (key) {
1677
+ _forEachInstanceProperty(_context62 = _Object$keys(_Switch)).call(_context62, function (key) {
1652
1678
  if (key === "default" || key === "__esModule") return;
1653
1679
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1654
1680
  if (key in exports && exports[key] === _Switch[key]) return;
@@ -1660,7 +1686,7 @@ _forEachInstanceProperty(_context61 = _Object$keys(_Switch)).call(_context61, fu
1660
1686
  });
1661
1687
  });
1662
1688
  var _SwitchField = _interopRequireWildcard(require("./components/SwitchField"));
1663
- _forEachInstanceProperty(_context62 = _Object$keys(_SwitchField)).call(_context62, function (key) {
1689
+ _forEachInstanceProperty(_context63 = _Object$keys(_SwitchField)).call(_context63, function (key) {
1664
1690
  if (key === "default" || key === "__esModule") return;
1665
1691
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1666
1692
  if (key in exports && exports[key] === _SwitchField[key]) return;
@@ -1672,7 +1698,7 @@ _forEachInstanceProperty(_context62 = _Object$keys(_SwitchField)).call(_context6
1672
1698
  });
1673
1699
  });
1674
1700
  var _Tab = _interopRequireWildcard(require("./components/Tab"));
1675
- _forEachInstanceProperty(_context63 = _Object$keys(_Tab)).call(_context63, function (key) {
1701
+ _forEachInstanceProperty(_context64 = _Object$keys(_Tab)).call(_context64, function (key) {
1676
1702
  if (key === "default" || key === "__esModule") return;
1677
1703
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1678
1704
  if (key in exports && exports[key] === _Tab[key]) return;
@@ -1684,7 +1710,7 @@ _forEachInstanceProperty(_context63 = _Object$keys(_Tab)).call(_context63, funct
1684
1710
  });
1685
1711
  });
1686
1712
  var _Table = _interopRequireWildcard(require("./components/Table"));
1687
- _forEachInstanceProperty(_context64 = _Object$keys(_Table)).call(_context64, function (key) {
1713
+ _forEachInstanceProperty(_context65 = _Object$keys(_Table)).call(_context65, function (key) {
1688
1714
  if (key === "default" || key === "__esModule") return;
1689
1715
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1690
1716
  if (key in exports && exports[key] === _Table[key]) return;
@@ -1696,7 +1722,7 @@ _forEachInstanceProperty(_context64 = _Object$keys(_Table)).call(_context64, fun
1696
1722
  });
1697
1723
  });
1698
1724
  var _TableBody = _interopRequireWildcard(require("./components/TableBody"));
1699
- _forEachInstanceProperty(_context65 = _Object$keys(_TableBody)).call(_context65, function (key) {
1725
+ _forEachInstanceProperty(_context66 = _Object$keys(_TableBody)).call(_context66, function (key) {
1700
1726
  if (key === "default" || key === "__esModule") return;
1701
1727
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1702
1728
  if (key in exports && exports[key] === _TableBody[key]) return;
@@ -1708,7 +1734,7 @@ _forEachInstanceProperty(_context65 = _Object$keys(_TableBody)).call(_context65,
1708
1734
  });
1709
1735
  });
1710
1736
  var _TableCaption = _interopRequireWildcard(require("./components/TableCaption"));
1711
- _forEachInstanceProperty(_context66 = _Object$keys(_TableCaption)).call(_context66, function (key) {
1737
+ _forEachInstanceProperty(_context67 = _Object$keys(_TableCaption)).call(_context67, function (key) {
1712
1738
  if (key === "default" || key === "__esModule") return;
1713
1739
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1714
1740
  if (key in exports && exports[key] === _TableCaption[key]) return;
@@ -1720,7 +1746,7 @@ _forEachInstanceProperty(_context66 = _Object$keys(_TableCaption)).call(_context
1720
1746
  });
1721
1747
  });
1722
1748
  var _TableCell = _interopRequireWildcard(require("./components/TableCell"));
1723
- _forEachInstanceProperty(_context67 = _Object$keys(_TableCell)).call(_context67, function (key) {
1749
+ _forEachInstanceProperty(_context68 = _Object$keys(_TableCell)).call(_context68, function (key) {
1724
1750
  if (key === "default" || key === "__esModule") return;
1725
1751
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1726
1752
  if (key in exports && exports[key] === _TableCell[key]) return;
@@ -1732,7 +1758,7 @@ _forEachInstanceProperty(_context67 = _Object$keys(_TableCell)).call(_context67,
1732
1758
  });
1733
1759
  });
1734
1760
  var _TableHead = _interopRequireWildcard(require("./components/TableHead"));
1735
- _forEachInstanceProperty(_context68 = _Object$keys(_TableHead)).call(_context68, function (key) {
1761
+ _forEachInstanceProperty(_context69 = _Object$keys(_TableHead)).call(_context69, function (key) {
1736
1762
  if (key === "default" || key === "__esModule") return;
1737
1763
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1738
1764
  if (key in exports && exports[key] === _TableHead[key]) return;
@@ -1744,7 +1770,7 @@ _forEachInstanceProperty(_context68 = _Object$keys(_TableHead)).call(_context68,
1744
1770
  });
1745
1771
  });
1746
1772
  var _TableRow = _interopRequireWildcard(require("./components/TableRow"));
1747
- _forEachInstanceProperty(_context69 = _Object$keys(_TableRow)).call(_context69, function (key) {
1773
+ _forEachInstanceProperty(_context70 = _Object$keys(_TableRow)).call(_context70, function (key) {
1748
1774
  if (key === "default" || key === "__esModule") return;
1749
1775
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1750
1776
  if (key in exports && exports[key] === _TableRow[key]) return;
@@ -1756,7 +1782,7 @@ _forEachInstanceProperty(_context69 = _Object$keys(_TableRow)).call(_context69,
1756
1782
  });
1757
1783
  });
1758
1784
  var _Tabs = _interopRequireWildcard(require("./components/Tabs"));
1759
- _forEachInstanceProperty(_context70 = _Object$keys(_Tabs)).call(_context70, function (key) {
1785
+ _forEachInstanceProperty(_context71 = _Object$keys(_Tabs)).call(_context71, function (key) {
1760
1786
  if (key === "default" || key === "__esModule") return;
1761
1787
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1762
1788
  if (key in exports && exports[key] === _Tabs[key]) return;
@@ -1768,7 +1794,7 @@ _forEachInstanceProperty(_context70 = _Object$keys(_Tabs)).call(_context70, func
1768
1794
  });
1769
1795
  });
1770
1796
  var _Text = _interopRequireWildcard(require("./components/Text"));
1771
- _forEachInstanceProperty(_context71 = _Object$keys(_Text)).call(_context71, function (key) {
1797
+ _forEachInstanceProperty(_context72 = _Object$keys(_Text)).call(_context72, function (key) {
1772
1798
  if (key === "default" || key === "__esModule") return;
1773
1799
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1774
1800
  if (key in exports && exports[key] === _Text[key]) return;
@@ -1780,7 +1806,7 @@ _forEachInstanceProperty(_context71 = _Object$keys(_Text)).call(_context71, func
1780
1806
  });
1781
1807
  });
1782
1808
  var _TextArea = _interopRequireWildcard(require("./components/TextArea"));
1783
- _forEachInstanceProperty(_context72 = _Object$keys(_TextArea)).call(_context72, function (key) {
1809
+ _forEachInstanceProperty(_context73 = _Object$keys(_TextArea)).call(_context73, function (key) {
1784
1810
  if (key === "default" || key === "__esModule") return;
1785
1811
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1786
1812
  if (key in exports && exports[key] === _TextArea[key]) return;
@@ -1792,7 +1818,7 @@ _forEachInstanceProperty(_context72 = _Object$keys(_TextArea)).call(_context72,
1792
1818
  });
1793
1819
  });
1794
1820
  var _TextAreaField = _interopRequireWildcard(require("./components/TextAreaField"));
1795
- _forEachInstanceProperty(_context73 = _Object$keys(_TextAreaField)).call(_context73, function (key) {
1821
+ _forEachInstanceProperty(_context74 = _Object$keys(_TextAreaField)).call(_context74, function (key) {
1796
1822
  if (key === "default" || key === "__esModule") return;
1797
1823
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1798
1824
  if (key in exports && exports[key] === _TextAreaField[key]) return;
@@ -1804,7 +1830,7 @@ _forEachInstanceProperty(_context73 = _Object$keys(_TextAreaField)).call(_contex
1804
1830
  });
1805
1831
  });
1806
1832
  var _TextField = _interopRequireWildcard(require("./components/TextField"));
1807
- _forEachInstanceProperty(_context74 = _Object$keys(_TextField)).call(_context74, function (key) {
1833
+ _forEachInstanceProperty(_context75 = _Object$keys(_TextField)).call(_context75, function (key) {
1808
1834
  if (key === "default" || key === "__esModule") return;
1809
1835
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1810
1836
  if (key in exports && exports[key] === _TextField[key]) return;
@@ -1816,7 +1842,7 @@ _forEachInstanceProperty(_context74 = _Object$keys(_TextField)).call(_context74,
1816
1842
  });
1817
1843
  });
1818
1844
  var _TimeField = _interopRequireWildcard(require("./components/TimeField"));
1819
- _forEachInstanceProperty(_context75 = _Object$keys(_TimeField)).call(_context75, function (key) {
1845
+ _forEachInstanceProperty(_context76 = _Object$keys(_TimeField)).call(_context76, function (key) {
1820
1846
  if (key === "default" || key === "__esModule") return;
1821
1847
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1822
1848
  if (key in exports && exports[key] === _TimeField[key]) return;
@@ -1829,7 +1855,7 @@ _forEachInstanceProperty(_context75 = _Object$keys(_TimeField)).call(_context75,
1829
1855
  });
1830
1856
  var _TimeZonePicker = _interopRequireDefault(require("./components/TimeZonePicker"));
1831
1857
  var _TooltipTrigger = _interopRequireWildcard(require("./components/TooltipTrigger"));
1832
- _forEachInstanceProperty(_context76 = _Object$keys(_TooltipTrigger)).call(_context76, function (key) {
1858
+ _forEachInstanceProperty(_context77 = _Object$keys(_TooltipTrigger)).call(_context77, function (key) {
1833
1859
  if (key === "default" || key === "__esModule") return;
1834
1860
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1835
1861
  if (key in exports && exports[key] === _TooltipTrigger[key]) return;
@@ -1841,7 +1867,7 @@ _forEachInstanceProperty(_context76 = _Object$keys(_TooltipTrigger)).call(_conte
1841
1867
  });
1842
1868
  });
1843
1869
  var _TreeView = _interopRequireWildcard(require("./components/TreeView"));
1844
- _forEachInstanceProperty(_context77 = _Object$keys(_TreeView)).call(_context77, function (key) {
1870
+ _forEachInstanceProperty(_context78 = _Object$keys(_TreeView)).call(_context78, function (key) {
1845
1871
  if (key === "default" || key === "__esModule") return;
1846
1872
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1847
1873
  if (key in exports && exports[key] === _TreeView[key]) return;
@@ -1852,9 +1878,10 @@ _forEachInstanceProperty(_context77 = _Object$keys(_TreeView)).call(_context77,
1852
1878
  }
1853
1879
  });
1854
1880
  });
1881
+ var _nextGenDarkMode = _interopRequireDefault(require("./styles/themeOverrides/nextGenDarkMode"));
1855
1882
  var _nextGen = _interopRequireDefault(require("./styles/themes/next-gen"));
1856
1883
  var _types = require("./types");
1857
- _forEachInstanceProperty(_context78 = _Object$keys(_types)).call(_context78, function (key) {
1884
+ _forEachInstanceProperty(_context79 = _Object$keys(_types)).call(_context79, function (key) {
1858
1885
  if (key === "default" || key === "__esModule") return;
1859
1886
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1860
1887
  if (key in exports && exports[key] === _types[key]) return;
@@ -1,152 +1,23 @@
1
1
  "use strict";
2
2
 
3
- var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
4
- var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
5
- var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
6
- var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
7
- var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
8
- var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
9
- var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
10
3
  var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
11
4
  var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
12
5
  _Object$defineProperty(exports, "__esModule", {
13
6
  value: true
14
7
  });
15
- exports["default"] = exports.Expandable = exports.Default = void 0;
16
- var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
17
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
18
- var _from = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/from"));
19
- var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
8
+ exports["default"] = exports.Default = void 0;
20
9
  var _react = _interopRequireDefault(require("react"));
21
- var _FormSelectIcon = _interopRequireDefault(require("@pingux/mdi-react/FormSelectIcon"));
22
10
  var _index = require("../../index");
11
+ var _ListViewNextGenComponent = require("../../styles/themes/next-gen/stories/ListViewNextGenComponent");
23
12
  var _react2 = require("@emotion/react");
24
- function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
25
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
26
- var items = (0, _from["default"])({
27
- length: 300
28
- }, function (_, index) {
29
- var id = (index + 1).toString();
30
- return {
31
- key: "Animal".concat(id),
32
- name: "Animal".concat(id),
33
- id: id
34
- };
35
- });
36
- var iconStyles = [{
37
- backgroundColor: 'cyan-100',
38
- fill: 'cyan-800',
39
- color: 'cyan-800'
40
- }, {
41
- backgroundColor: 'pink-100',
42
- color: 'pink-800',
43
- fill: 'pink-800'
44
- }, {
45
- backgroundColor: 'green-100',
46
- color: 'green-800',
47
- fill: 'green-800'
48
- }, {
49
- backgroundColor: 'orange-100',
50
- color: 'orange-800',
51
- fill: 'orange-800'
52
- }, {
53
- backgroundColor: 'blue-100',
54
- color: 'blue-800',
55
- fill: 'blue-800'
56
- }, {
57
- backgroundColor: 'red-100',
58
- color: 'red-800',
59
- fill: 'red-800'
60
- }, {
61
- backgroundColor: 'teal-100',
62
- color: 'teal-800',
63
- fill: 'teal-800'
64
- }, {
65
- backgroundColor: 'yellow-100',
66
- color: 'yellow-800',
67
- fill: 'yellow-800'
68
- }, {
69
- backgroundColor: 'indigo-100',
70
- color: 'indigo-800',
71
- fill: 'indigo-800'
72
- }, {
73
- backgroundColor: 'purple-100',
74
- color: 'purple-800',
75
- fill: 'purple-800'
76
- }];
77
- var createIcons = function createIcons(index) {
78
- var lastDigit = index % 10;
79
- return {
80
- size: '32px',
81
- sx: _objectSpread({
82
- borderRadius: '50%',
83
- padding: '6px'
84
- }, iconStyles[lastDigit])
85
- };
86
- };
87
13
  var _default = {
88
14
  title: 'Next Gen Recipes/ListView'
89
15
  };
90
16
  exports["default"] = _default;
91
17
  var Default = function Default() {
92
18
  return (0, _react2.jsx)(_index.Box, {
93
- backgroundColor: "white"
94
- }, (0, _react2.jsx)(_index.AstroProvider, {
95
- themeOverrides: [_index.NextGenTheme]
96
- }, (0, _react2.jsx)(_index.Box, {
97
- height: "400px",
98
- backgroundColor: "white"
99
- }, (0, _react2.jsx)(_index.ListView, {
100
- items: items,
101
- selectionMode: "single"
102
- }, (0, _map["default"])(items).call(items, function (item, index) {
103
- return (0, _react2.jsx)(_index.Item, (0, _extends2["default"])({
104
- key: item.name
105
- }, item, {
106
- index: index
107
- }), (0, _react2.jsx)(_index.ListViewItem, {
108
- sx: {},
109
- data: {
110
- text: item.name,
111
- icon: _FormSelectIcon["default"]
112
- },
113
- iconProps: _objectSpread({}, createIcons(index)),
114
- hasSeparator: false,
115
- index: index,
116
- items: items
117
- }));
118
- })))));
119
- };
120
- exports.Default = Default;
121
- var Expandable = function Expandable() {
122
- return (0, _react2.jsx)(_index.Box, {
123
- backgroundColor: "white"
124
- }, (0, _react2.jsx)(_index.AstroProvider, {
125
- themeOverrides: [_index.NextGenTheme]
126
- }, (0, _react2.jsx)(_index.Box, {
127
- height: "400px",
128
- backgroundColor: "white"
129
- }, (0, _react2.jsx)(_index.ListView, {
130
- items: items,
131
- selectionMode: "expansion"
132
- }, (0, _map["default"])(items).call(items, function (item, index) {
133
- return (0, _react2.jsx)(_index.Item, (0, _extends2["default"])({
134
- key: item.name
135
- }, item, {
136
- index: index
137
- }), (0, _react2.jsx)(_index.ListViewItem, {
138
- data: {
139
- text: item.name,
140
- icon: _FormSelectIcon["default"]
141
- },
142
- iconProps: _objectSpread({}, createIcons(index)),
143
- hasSeparator: false,
144
- index: index,
145
- items: items
146
- }), (0, _react2.jsx)(_index.Box, {
147
- py: "lg",
148
- px: "sm"
149
- }, (0, _react2.jsx)(_index.Text, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vitae lacinia diam, nec ullamcorper neque. In egestas dui vel dolor tincidunt, sit amet ullamcorper leo consequat.")));
150
- })))));
19
+ backgroundColor: "background.base",
20
+ p: "lg"
21
+ }, (0, _react2.jsx)(_ListViewNextGenComponent.ListViewNextGen, null));
151
22
  };
152
- exports.Expandable = Expandable;
23
+ exports.Default = Default;