@indico-data/design-system 2.43.1 → 2.45.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 (428) hide show
  1. package/lib/assets/fonts/noto/a.woff2 +0 -0
  2. package/lib/assets/fonts/noto/b.woff2 +0 -0
  3. package/lib/assets/fonts/noto/c.woff2 +0 -0
  4. package/lib/assets/fonts/noto/d.woff2 +0 -0
  5. package/lib/assets/fonts/noto/e.woff2 +0 -0
  6. package/lib/assets/fonts/noto/f.woff2 +0 -0
  7. package/lib/assets/fonts/noto/g.woff2 +0 -0
  8. package/lib/assets/fonts/noto/h.woff2 +0 -0
  9. package/lib/assets/fonts/noto/notosans.css +79 -0
  10. package/lib/components/button/Button.stories.d.ts +11 -13
  11. package/lib/components/button/enums.d.ts +2 -4
  12. package/lib/components/button/types.d.ts +6 -7
  13. package/lib/components/forms/date/iconTriggerDatePicker/IconTriggerDatePicker.d.ts +1 -1
  14. package/lib/components/forms/date/inputDatePicker/SingleInputDatePicker.d.ts +1 -1
  15. package/lib/components/forms/input/Input.d.ts +1 -1
  16. package/lib/index.css +1778 -1019
  17. package/lib/index.d.ts +148 -885
  18. package/lib/index.esm.css +1778 -1019
  19. package/lib/index.esm.js +17829 -24248
  20. package/lib/index.esm.js.map +1 -1
  21. package/lib/index.js +16041 -22502
  22. package/lib/index.js.map +1 -1
  23. package/lib/legacy/components/Tooltip/Tooltip.d.ts +1 -1
  24. package/lib/legacy/components/index.d.ts +1 -12
  25. package/lib/legacy/components/loading-indicators/BarSpinner/BarSpinner.d.ts +1 -1
  26. package/lib/legacy/components/loading-indicators/CirclePulse/CirclePulse.d.ts +1 -1
  27. package/lib/legacy/components/loading-indicators/CircleSpinner/CircleSpinner.d.ts +1 -1
  28. package/lib/legacy/components/loading-indicators/index.d.ts +0 -4
  29. package/lib/legacy/components/modals/ConfirmModal/ConfirmModal.d.ts +1 -1
  30. package/lib/legacy/components/modals/ModalBase/ModalBase.d.ts +1 -1
  31. package/lib/stylesAndAnimations/colors/constants.d.ts +0 -1
  32. package/lib/types.d.ts +1 -3
  33. package/package.json +1 -1
  34. package/src/components/button/Button.mdx +28 -78
  35. package/src/components/button/Button.stories.tsx +312 -176
  36. package/src/components/button/Button.tsx +23 -16
  37. package/src/components/button/__tests__/Button.test.tsx +66 -58
  38. package/src/components/button/enums.ts +2 -6
  39. package/src/components/button/styles/Button.scss +119 -137
  40. package/src/components/button/styles/_variables.scss +115 -148
  41. package/src/components/button/types.ts +6 -8
  42. package/src/components/card/Card.stories.tsx +1 -1
  43. package/src/components/card/styles/Card.scss +11 -11
  44. package/src/components/floatUI/FloatUI.mdx +5 -5
  45. package/src/components/floatUI/FloatUI.stories.tsx +8 -8
  46. package/src/components/floatUI/__tests__/FloatUI.test.tsx +3 -3
  47. package/src/components/floatUI/styles/FloatUI.scss +1 -2
  48. package/src/components/floatUI/styles/_variables.scss +11 -7
  49. package/src/components/forms/checkbox/styles/Checkbox.scss +8 -14
  50. package/src/components/forms/date/datePicker/styles/DatePicker.scss +9 -5
  51. package/src/components/forms/date/iconTriggerDatePicker/IconTriggerDatePicker.tsx +4 -4
  52. package/src/components/forms/date/inputDatePicker/SingleInputDatePicker.tsx +1 -1
  53. package/src/components/forms/form/styles/Form.scss +84 -2
  54. package/src/components/forms/input/Input.tsx +2 -2
  55. package/src/components/forms/input/styles/Input.scss +3 -67
  56. package/src/components/forms/numberInput/NumberInput.tsx +1 -1
  57. package/src/components/forms/numberInput/styles/NumberInput.scss +4 -67
  58. package/src/components/forms/passwordInput/PasswordInput.tsx +1 -1
  59. package/src/components/forms/passwordInput/styles/PasswordInput.scss +3 -67
  60. package/src/components/forms/radio/styles/Radio.scss +6 -10
  61. package/src/components/forms/select/styles/Select.scss +30 -44
  62. package/src/components/forms/textarea/styles/Textarea.scss +1 -49
  63. package/src/components/forms/toggle/styles/Toggle.scss +13 -12
  64. package/src/components/grid/styles/Grid.scss +3 -3
  65. package/src/components/icons/__tests__/Icon.test.tsx +1 -1
  66. package/src/components/menu/Menu.stories.tsx +3 -3
  67. package/src/components/menu/Menu.test.tsx +9 -9
  68. package/src/components/menu/styles/Menu.scss +5 -0
  69. package/src/components/menu/styles/_variables.scss +11 -6
  70. package/src/components/pill/styles/Pill.scss +4 -5
  71. package/src/components/skeleton/styles/Skeleton.scss +2 -2
  72. package/src/components/table/LoadingComponent.tsx +0 -2
  73. package/src/components/table/styles/Table.scss +6 -0
  74. package/src/components/table/styles/_variables.scss +11 -9
  75. package/src/index.ts +0 -45
  76. package/src/legacy/components/Tooltip/Tooltip.styles.ts +0 -12
  77. package/src/legacy/components/Tooltip/Tooltip.tsx +2 -4
  78. package/src/legacy/components/index.ts +1 -30
  79. package/src/legacy/components/loading-indicators/BarSpinner/BarSpinner.styles.ts +0 -3
  80. package/src/legacy/components/loading-indicators/BarSpinner/BarSpinner.tsx +1 -1
  81. package/src/legacy/components/loading-indicators/CirclePulse/CirclePulse.styles.ts +0 -4
  82. package/src/legacy/components/loading-indicators/CirclePulse/CirclePulse.tsx +1 -6
  83. package/src/legacy/components/loading-indicators/CircleSpinner/CircleSpinner.tsx +2 -2
  84. package/src/legacy/components/loading-indicators/index.ts +0 -4
  85. package/src/legacy/components/modals/ConfirmModal/ConfirmModal.styles.ts +1 -4
  86. package/src/legacy/components/modals/ConfirmModal/ConfirmModal.tsx +12 -19
  87. package/src/legacy/components/modals/ModalBase/ModalBase.styles.tsx +0 -7
  88. package/src/legacy/components/modals/ModalBase/ModalBase.tsx +1 -1
  89. package/src/storybookDocs/Permafrost.mdx +92 -0
  90. package/src/styles/_colors.scss +7 -3
  91. package/src/styles/_sheets.scss +3 -3
  92. package/src/styles/assets/fonts/noto/a.woff2 +0 -0
  93. package/src/styles/assets/fonts/noto/b.woff2 +0 -0
  94. package/src/styles/assets/fonts/noto/c.woff2 +0 -0
  95. package/src/styles/assets/fonts/noto/d.woff2 +0 -0
  96. package/src/styles/assets/fonts/noto/e.woff2 +0 -0
  97. package/src/styles/assets/fonts/noto/f.woff2 +0 -0
  98. package/src/styles/assets/fonts/noto/g.woff2 +0 -0
  99. package/src/styles/assets/fonts/noto/h.woff2 +0 -0
  100. package/src/styles/assets/fonts/noto/notosans.css +79 -0
  101. package/src/styles/globals.scss +7 -18
  102. package/src/styles/index.scss +1 -2
  103. package/src/styles/storybook.scss +1 -1
  104. package/src/styles/variables/_borders.scss +7 -7
  105. package/src/styles/variables/_dropshadows.scss +2 -0
  106. package/src/styles/variables/_padding.scss +5 -1
  107. package/src/styles/variables/_typography.scss +7 -1
  108. package/src/styles/variables/themes/dark.scss +147 -83
  109. package/src/styles/variables/themes/light.scss +1 -2
  110. package/src/stylesAndAnimations/colors/Colors.tsx +5 -9
  111. package/src/stylesAndAnimations/colors/UtilityClasses.tsx +23 -14
  112. package/src/stylesAndAnimations/colors/constants.ts +183 -114
  113. package/src/stylesAndAnimations/sizing/Sizing.tsx +2 -2
  114. package/src/types.ts +1 -7
  115. package/lib/assets/fonts/mulish/a.woff2 +0 -0
  116. package/lib/assets/fonts/mulish/b.woff2 +0 -0
  117. package/lib/assets/fonts/mulish/c.woff2 +0 -0
  118. package/lib/assets/fonts/mulish/d.woff2 +0 -0
  119. package/lib/assets/fonts/mulish/mulish.css +0 -98
  120. package/lib/legacy/components/Accordion/Accordion.d.ts +0 -9
  121. package/lib/legacy/components/Accordion/Accordion.stories.d.ts +0 -25
  122. package/lib/legacy/components/Accordion/Accordion.styles.d.ts +0 -1
  123. package/lib/legacy/components/Accordion/index.d.ts +0 -1
  124. package/lib/legacy/components/ListTable/Header/Header.d.ts +0 -21
  125. package/lib/legacy/components/ListTable/Header/Header.styles.d.ts +0 -1
  126. package/lib/legacy/components/ListTable/Header/index.d.ts +0 -1
  127. package/lib/legacy/components/ListTable/ListTable.d.ts +0 -41
  128. package/lib/legacy/components/ListTable/ListTable.stories.d.ts +0 -54
  129. package/lib/legacy/components/ListTable/ListTable.styles.d.ts +0 -1
  130. package/lib/legacy/components/ListTable/index.d.ts +0 -1
  131. package/lib/legacy/components/ListTable/mock-data/index.d.ts +0 -1
  132. package/lib/legacy/components/ListTable/mock-data/mock-data.d.ts +0 -54
  133. package/lib/legacy/components/LoadingAwareContainer/LoadingAwareContainer.d.ts +0 -15
  134. package/lib/legacy/components/LoadingAwareContainer/LoadingAwareContainer.stories.d.ts +0 -22
  135. package/lib/legacy/components/LoadingAwareContainer/LoadingAwareContainer.styles.d.ts +0 -2
  136. package/lib/legacy/components/LoadingAwareContainer/index.d.ts +0 -1
  137. package/lib/legacy/components/Pagination/Pagination.d.ts +0 -18
  138. package/lib/legacy/components/Pagination/Pagination.stories.d.ts +0 -18
  139. package/lib/legacy/components/Pagination/Pagination.styles.d.ts +0 -1
  140. package/lib/legacy/components/Pagination/index.d.ts +0 -1
  141. package/lib/legacy/components/Toggle/Toggle.d.ts +0 -12
  142. package/lib/legacy/components/Toggle/Toggle.stories.d.ts +0 -21
  143. package/lib/legacy/components/Toggle/Toggle.styles.d.ts +0 -1
  144. package/lib/legacy/components/Toggle/index.d.ts +0 -1
  145. package/lib/legacy/components/basic-section/Section/Section.d.ts +0 -8
  146. package/lib/legacy/components/basic-section/Section/Section.stories.d.ts +0 -13
  147. package/lib/legacy/components/basic-section/Section/Section.styles.d.ts +0 -1
  148. package/lib/legacy/components/basic-section/Section/index.d.ts +0 -1
  149. package/lib/legacy/components/basic-section/SectionBlock/SectionBlock.d.ts +0 -9
  150. package/lib/legacy/components/basic-section/SectionBlock/SectionBlock.styles.d.ts +0 -1
  151. package/lib/legacy/components/basic-section/SectionBlock/index.d.ts +0 -1
  152. package/lib/legacy/components/basic-section/SectionBody/SectionBody.d.ts +0 -7
  153. package/lib/legacy/components/basic-section/SectionBody/SectionBody.stories.d.ts +0 -10
  154. package/lib/legacy/components/basic-section/SectionBody/SectionBody.styles.d.ts +0 -1
  155. package/lib/legacy/components/basic-section/SectionBody/index.d.ts +0 -1
  156. package/lib/legacy/components/basic-section/SectionHeader/SectionHeader.d.ts +0 -8
  157. package/lib/legacy/components/basic-section/SectionHeader/SectionHeader.stories.d.ts +0 -14
  158. package/lib/legacy/components/basic-section/SectionHeader/SectionHeader.styles.d.ts +0 -1
  159. package/lib/legacy/components/basic-section/SectionHeader/index.d.ts +0 -1
  160. package/lib/legacy/components/basic-section/SectionTable/SectionTable.d.ts +0 -1
  161. package/lib/legacy/components/basic-section/SectionTable/SectionTable.styles.d.ts +0 -1
  162. package/lib/legacy/components/basic-section/SectionTable/index.d.ts +0 -1
  163. package/lib/legacy/components/basic-section/index.d.ts +0 -5
  164. package/lib/legacy/components/buttons/Button/Button.d.ts +0 -21
  165. package/lib/legacy/components/buttons/Button/Button.stories.d.ts +0 -25
  166. package/lib/legacy/components/buttons/Button/Button.styles.d.ts +0 -1
  167. package/lib/legacy/components/buttons/Button/index.d.ts +0 -1
  168. package/lib/legacy/components/buttons/IconButton/IconButton.d.ts +0 -32
  169. package/lib/legacy/components/buttons/IconButton/IconButton.stories.d.ts +0 -43
  170. package/lib/legacy/components/buttons/IconButton/IconButton.styles.d.ts +0 -5
  171. package/lib/legacy/components/buttons/IconButton/index.d.ts +0 -1
  172. package/lib/legacy/components/buttons/commonStyles.d.ts +0 -9
  173. package/lib/legacy/components/buttons/index.d.ts +0 -2
  174. package/lib/legacy/components/buttons/types.d.ts +0 -3
  175. package/lib/legacy/components/dropdowns/BorderSelect/BorderSelect.d.ts +0 -19
  176. package/lib/legacy/components/dropdowns/BorderSelect/BorderSelect.stories.d.ts +0 -31
  177. package/lib/legacy/components/dropdowns/BorderSelect/BorderSelect.styles.d.ts +0 -2
  178. package/lib/legacy/components/dropdowns/BorderSelect/index.d.ts +0 -1
  179. package/lib/legacy/components/dropdowns/MultiCombobox/MultiCombobox.d.ts +0 -23
  180. package/lib/legacy/components/dropdowns/MultiCombobox/MultiCombobox.stories.d.ts +0 -46
  181. package/lib/legacy/components/dropdowns/MultiCombobox/MultiCombobox.styles.d.ts +0 -4
  182. package/lib/legacy/components/dropdowns/MultiCombobox/index.d.ts +0 -1
  183. package/lib/legacy/components/dropdowns/Select/Select.d.ts +0 -19
  184. package/lib/legacy/components/dropdowns/Select/Select.stories.d.ts +0 -34
  185. package/lib/legacy/components/dropdowns/Select/Select.styles.d.ts +0 -1
  186. package/lib/legacy/components/dropdowns/Select/index.d.ts +0 -1
  187. package/lib/legacy/components/dropdowns/SingleCombobox/SingleCombobox.d.ts +0 -20
  188. package/lib/legacy/components/dropdowns/SingleCombobox/SingleCombobox.stories.d.ts +0 -31
  189. package/lib/legacy/components/dropdowns/SingleCombobox/SingleCombobox.styles.d.ts +0 -4
  190. package/lib/legacy/components/dropdowns/SingleCombobox/index.d.ts +0 -1
  191. package/lib/legacy/components/dropdowns/commonStyles.d.ts +0 -1
  192. package/lib/legacy/components/dropdowns/index.d.ts +0 -4
  193. package/lib/legacy/components/dropdowns/types.d.ts +0 -45
  194. package/lib/legacy/components/dropdowns/useCombobox.d.ts +0 -25
  195. package/lib/legacy/components/dropdowns/utils.d.ts +0 -20
  196. package/lib/legacy/components/inputs/EditableInput/EditableInput.d.ts +0 -13
  197. package/lib/legacy/components/inputs/EditableInput/EditableInput.stories.d.ts +0 -14
  198. package/lib/legacy/components/inputs/EditableInput/EditableInput.styles.d.ts +0 -1
  199. package/lib/legacy/components/inputs/EditableInput/index.d.ts +0 -1
  200. package/lib/legacy/components/inputs/NumberInput/NumberInput.d.ts +0 -23
  201. package/lib/legacy/components/inputs/NumberInput/NumberInput.stories.d.ts +0 -28
  202. package/lib/legacy/components/inputs/NumberInput/NumberInput.styles.d.ts +0 -1
  203. package/lib/legacy/components/inputs/NumberInput/index.d.ts +0 -1
  204. package/lib/legacy/components/inputs/RadioButtons/RadioButtons.d.ts +0 -25
  205. package/lib/legacy/components/inputs/RadioButtons/RadioButtons.stories.d.ts +0 -15
  206. package/lib/legacy/components/inputs/RadioButtons/RadioButtons.styles.d.ts +0 -13
  207. package/lib/legacy/components/inputs/RadioButtons/index.d.ts +0 -1
  208. package/lib/legacy/components/inputs/RadioGroup/RadioGroup.d.ts +0 -27
  209. package/lib/legacy/components/inputs/RadioGroup/RadioGroup.stories.d.ts +0 -16
  210. package/lib/legacy/components/inputs/RadioGroup/RadioGroup.styles.d.ts +0 -1
  211. package/lib/legacy/components/inputs/RadioGroup/index.d.ts +0 -1
  212. package/lib/legacy/components/inputs/SearchInput/SearchInput.d.ts +0 -17
  213. package/lib/legacy/components/inputs/SearchInput/SearchInput.stories.d.ts +0 -30
  214. package/lib/legacy/components/inputs/SearchInput/SearchInput.styles.d.ts +0 -1
  215. package/lib/legacy/components/inputs/SearchInput/index.d.ts +0 -1
  216. package/lib/legacy/components/inputs/TextInput/TextInput.d.ts +0 -24
  217. package/lib/legacy/components/inputs/TextInput/TextInput.stories.d.ts +0 -62
  218. package/lib/legacy/components/inputs/TextInput/TextInput.styles.d.ts +0 -2
  219. package/lib/legacy/components/inputs/TextInput/index.d.ts +0 -1
  220. package/lib/legacy/components/inputs/index.d.ts +0 -6
  221. package/lib/legacy/components/inputs/inputsCommon.styles.d.ts +0 -4
  222. package/lib/legacy/components/loading-indicators/LoadingIndicator/LoadingIndicator.d.ts +0 -10
  223. package/lib/legacy/components/loading-indicators/LoadingIndicator/LoadingIndicator.stories.d.ts +0 -11
  224. package/lib/legacy/components/loading-indicators/LoadingIndicator/LoadingIndicator.styles.d.ts +0 -7
  225. package/lib/legacy/components/loading-indicators/LoadingIndicator/index.d.ts +0 -1
  226. package/lib/legacy/components/loading-indicators/LoadingList/LoadingList.d.ts +0 -1
  227. package/lib/legacy/components/loading-indicators/LoadingList/LoadingList.stories.d.ts +0 -10
  228. package/lib/legacy/components/loading-indicators/LoadingList/LoadingList.styles.d.ts +0 -1
  229. package/lib/legacy/components/loading-indicators/LoadingList/index.d.ts +0 -1
  230. package/lib/legacy/components/loading-indicators/PercentageRing/PercentageRing.d.ts +0 -12
  231. package/lib/legacy/components/loading-indicators/PercentageRing/PercentageRing.stories.d.ts +0 -10
  232. package/lib/legacy/components/loading-indicators/PercentageRing/PercentageRing.styles.d.ts +0 -1
  233. package/lib/legacy/components/loading-indicators/PercentageRing/index.d.ts +0 -1
  234. package/lib/legacy/components/loading-indicators/RandomLoadingMessage/RandomLoadingMessage.d.ts +0 -1
  235. package/lib/legacy/components/loading-indicators/RandomLoadingMessage/RandomLoadingMessage.stories.d.ts +0 -10
  236. package/lib/legacy/components/loading-indicators/RandomLoadingMessage/index.d.ts +0 -1
  237. package/lib/legacy/components/loading-indicators/RandomLoadingMessage/random-messages.d.ts +0 -2
  238. package/lib/legacy/components/text-truncate/TextTruncate.d.ts +0 -8
  239. package/lib/legacy/components/text-truncate/TextTruncate.stories.d.ts +0 -6
  240. package/lib/legacy/components/text-truncate/TextTruncate.styles.d.ts +0 -1
  241. package/lib/legacy/components/text-truncate/TextTruncate.test.d.ts +0 -1
  242. package/lib/legacy/components/text-truncate/index.d.ts +0 -1
  243. package/lib/legacy/components/user-feedback/Shrug/Shrug.d.ts +0 -14
  244. package/lib/legacy/components/user-feedback/Shrug/Shrug.stories.d.ts +0 -31
  245. package/lib/legacy/components/user-feedback/Shrug/Shrug.styles.d.ts +0 -1
  246. package/lib/legacy/components/user-feedback/Shrug/index.d.ts +0 -1
  247. package/lib/legacy/components/user-feedback/index.d.ts +0 -1
  248. package/lib/legacy/styles/globals/buttons.d.ts +0 -1
  249. package/lib/legacy/styles/globals/forms.d.ts +0 -1
  250. package/lib/legacy/styles/globals/index.d.ts +0 -1
  251. package/lib/legacy/styles/globals/layout.d.ts +0 -1
  252. package/lib/legacy/styles/globals/lists.d.ts +0 -1
  253. package/lib/legacy/styles/globals/margin-padding.d.ts +0 -1
  254. package/lib/legacy/styles/globals/media.d.ts +0 -1
  255. package/lib/legacy/styles/globals/tables.d.ts +0 -1
  256. package/lib/legacy/styles/globals/typography.d.ts +0 -1
  257. package/lib/legacy/styles/globals/utility-classes.d.ts +0 -1
  258. package/lib/legacy/styles/index.d.ts +0 -1
  259. package/lib/legacy/tokens/animation.d.ts +0 -4
  260. package/lib/legacy/tokens/breakpoints.d.ts +0 -10
  261. package/lib/legacy/tokens/colors.d.ts +0 -144
  262. package/lib/legacy/tokens/index.d.ts +0 -8
  263. package/lib/legacy/tokens/margin.d.ts +0 -4
  264. package/lib/legacy/tokens/numbers.d.ts +0 -10
  265. package/lib/legacy/tokens/padding.d.ts +0 -4
  266. package/lib/legacy/tokens/spacings.d.ts +0 -5
  267. package/lib/legacy/tokens/typography.d.ts +0 -61
  268. package/lib/legacy/utils/color.d.ts +0 -21
  269. package/lib/legacy/utils/index.d.ts +0 -4
  270. package/lib/legacy/utils/number.d.ts +0 -21
  271. package/lib/legacy/utils/string.d.ts +0 -12
  272. package/src/legacy/components/Accordion/Accordion.stories.tsx +0 -47
  273. package/src/legacy/components/Accordion/Accordion.styles.ts +0 -35
  274. package/src/legacy/components/Accordion/Accordion.tsx +0 -30
  275. package/src/legacy/components/Accordion/index.ts +0 -1
  276. package/src/legacy/components/ListTable/Header/Header.styles.ts +0 -62
  277. package/src/legacy/components/ListTable/Header/Header.tsx +0 -66
  278. package/src/legacy/components/ListTable/Header/index.ts +0 -1
  279. package/src/legacy/components/ListTable/ListTable.stories.tsx +0 -302
  280. package/src/legacy/components/ListTable/ListTable.styles.ts +0 -76
  281. package/src/legacy/components/ListTable/ListTable.tsx +0 -140
  282. package/src/legacy/components/ListTable/index.ts +0 -1
  283. package/src/legacy/components/ListTable/mock-data/index.ts +0 -1
  284. package/src/legacy/components/ListTable/mock-data/mock-data.ts +0 -291
  285. package/src/legacy/components/LoadingAwareContainer/LoadingAwareContainer.stories.tsx +0 -45
  286. package/src/legacy/components/LoadingAwareContainer/LoadingAwareContainer.styles.ts +0 -16
  287. package/src/legacy/components/LoadingAwareContainer/LoadingAwareContainer.tsx +0 -36
  288. package/src/legacy/components/LoadingAwareContainer/index.ts +0 -1
  289. package/src/legacy/components/Pagination/Pagination.stories.tsx +0 -45
  290. package/src/legacy/components/Pagination/Pagination.styles.ts +0 -51
  291. package/src/legacy/components/Pagination/Pagination.tsx +0 -118
  292. package/src/legacy/components/Pagination/index.ts +0 -1
  293. package/src/legacy/components/Toggle/Toggle.stories.tsx +0 -56
  294. package/src/legacy/components/Toggle/Toggle.styles.ts +0 -86
  295. package/src/legacy/components/Toggle/Toggle.tsx +0 -69
  296. package/src/legacy/components/Toggle/index.ts +0 -1
  297. package/src/legacy/components/basic-section/Section/Section.stories.tsx +0 -14
  298. package/src/legacy/components/basic-section/Section/Section.styles.ts +0 -8
  299. package/src/legacy/components/basic-section/Section/Section.tsx +0 -30
  300. package/src/legacy/components/basic-section/Section/index.ts +0 -1
  301. package/src/legacy/components/basic-section/SectionBlock/SectionBlock.styles.ts +0 -15
  302. package/src/legacy/components/basic-section/SectionBlock/SectionBlock.tsx +0 -37
  303. package/src/legacy/components/basic-section/SectionBlock/index.ts +0 -1
  304. package/src/legacy/components/basic-section/SectionBody/SectionBody.stories.tsx +0 -16
  305. package/src/legacy/components/basic-section/SectionBody/SectionBody.styles.ts +0 -18
  306. package/src/legacy/components/basic-section/SectionBody/SectionBody.tsx +0 -30
  307. package/src/legacy/components/basic-section/SectionBody/index.ts +0 -1
  308. package/src/legacy/components/basic-section/SectionHeader/SectionHeader.stories.tsx +0 -17
  309. package/src/legacy/components/basic-section/SectionHeader/SectionHeader.styles.ts +0 -5
  310. package/src/legacy/components/basic-section/SectionHeader/SectionHeader.tsx +0 -30
  311. package/src/legacy/components/basic-section/SectionHeader/index.ts +0 -1
  312. package/src/legacy/components/basic-section/SectionTable/SectionTable.styles.ts +0 -236
  313. package/src/legacy/components/basic-section/SectionTable/SectionTable.tsx +0 -233
  314. package/src/legacy/components/basic-section/SectionTable/index.ts +0 -1
  315. package/src/legacy/components/basic-section/index.ts +0 -5
  316. package/src/legacy/components/buttons/Button/Button.stories.tsx +0 -80
  317. package/src/legacy/components/buttons/Button/Button.styles.ts +0 -99
  318. package/src/legacy/components/buttons/Button/Button.tsx +0 -74
  319. package/src/legacy/components/buttons/Button/index.ts +0 -1
  320. package/src/legacy/components/buttons/IconButton/IconButton.stories.tsx +0 -96
  321. package/src/legacy/components/buttons/IconButton/IconButton.styles.ts +0 -109
  322. package/src/legacy/components/buttons/IconButton/IconButton.tsx +0 -114
  323. package/src/legacy/components/buttons/IconButton/index.ts +0 -1
  324. package/src/legacy/components/buttons/commonStyles.ts +0 -104
  325. package/src/legacy/components/buttons/index.ts +0 -2
  326. package/src/legacy/components/buttons/types.ts +0 -3
  327. package/src/legacy/components/dropdowns/BorderSelect/BorderSelect.stories.tsx +0 -22
  328. package/src/legacy/components/dropdowns/BorderSelect/BorderSelect.styles.ts +0 -73
  329. package/src/legacy/components/dropdowns/BorderSelect/BorderSelect.tsx +0 -85
  330. package/src/legacy/components/dropdowns/BorderSelect/index.ts +0 -1
  331. package/src/legacy/components/dropdowns/MultiCombobox/MultiCombobox.stories.tsx +0 -147
  332. package/src/legacy/components/dropdowns/MultiCombobox/MultiCombobox.styles.ts +0 -91
  333. package/src/legacy/components/dropdowns/MultiCombobox/MultiCombobox.tsx +0 -123
  334. package/src/legacy/components/dropdowns/MultiCombobox/index.ts +0 -1
  335. package/src/legacy/components/dropdowns/Select/Select.stories.tsx +0 -54
  336. package/src/legacy/components/dropdowns/Select/Select.styles.ts +0 -73
  337. package/src/legacy/components/dropdowns/Select/Select.tsx +0 -69
  338. package/src/legacy/components/dropdowns/Select/index.ts +0 -1
  339. package/src/legacy/components/dropdowns/SingleCombobox/SingleCombobox.stories.tsx +0 -61
  340. package/src/legacy/components/dropdowns/SingleCombobox/SingleCombobox.styles.ts +0 -56
  341. package/src/legacy/components/dropdowns/SingleCombobox/SingleCombobox.tsx +0 -103
  342. package/src/legacy/components/dropdowns/SingleCombobox/index.ts +0 -1
  343. package/src/legacy/components/dropdowns/commonStyles.ts +0 -65
  344. package/src/legacy/components/dropdowns/index.ts +0 -4
  345. package/src/legacy/components/dropdowns/types.ts +0 -45
  346. package/src/legacy/components/dropdowns/useCombobox.ts +0 -32
  347. package/src/legacy/components/dropdowns/utils.tsx +0 -25
  348. package/src/legacy/components/inputs/EditableInput/EditableInput.stories.tsx +0 -26
  349. package/src/legacy/components/inputs/EditableInput/EditableInput.styles.ts +0 -21
  350. package/src/legacy/components/inputs/EditableInput/EditableInput.tsx +0 -103
  351. package/src/legacy/components/inputs/EditableInput/index.ts +0 -1
  352. package/src/legacy/components/inputs/NumberInput/NumberInput.stories.tsx +0 -72
  353. package/src/legacy/components/inputs/NumberInput/NumberInput.styles.ts +0 -66
  354. package/src/legacy/components/inputs/NumberInput/NumberInput.tsx +0 -154
  355. package/src/legacy/components/inputs/NumberInput/index.ts +0 -1
  356. package/src/legacy/components/inputs/RadioButtons/RadioButtons.stories.tsx +0 -84
  357. package/src/legacy/components/inputs/RadioButtons/RadioButtons.styles.ts +0 -82
  358. package/src/legacy/components/inputs/RadioButtons/RadioButtons.tsx +0 -63
  359. package/src/legacy/components/inputs/RadioButtons/index.tsx +0 -1
  360. package/src/legacy/components/inputs/RadioGroup/RadioGroup.stories.tsx +0 -66
  361. package/src/legacy/components/inputs/RadioGroup/RadioGroup.styles.ts +0 -11
  362. package/src/legacy/components/inputs/RadioGroup/RadioGroup.tsx +0 -119
  363. package/src/legacy/components/inputs/RadioGroup/index.ts +0 -1
  364. package/src/legacy/components/inputs/SearchInput/SearchInput.stories.tsx +0 -37
  365. package/src/legacy/components/inputs/SearchInput/SearchInput.styles.ts +0 -51
  366. package/src/legacy/components/inputs/SearchInput/SearchInput.tsx +0 -73
  367. package/src/legacy/components/inputs/SearchInput/index.ts +0 -1
  368. package/src/legacy/components/inputs/TextInput/TextInput.stories.tsx +0 -104
  369. package/src/legacy/components/inputs/TextInput/TextInput.styles.ts +0 -74
  370. package/src/legacy/components/inputs/TextInput/TextInput.tsx +0 -116
  371. package/src/legacy/components/inputs/TextInput/index.ts +0 -1
  372. package/src/legacy/components/inputs/index.ts +0 -6
  373. package/src/legacy/components/inputs/inputsCommon.styles.ts +0 -57
  374. package/src/legacy/components/loading-indicators/LoadingIndicator/LoadingIndicator.stories.tsx +0 -22
  375. package/src/legacy/components/loading-indicators/LoadingIndicator/LoadingIndicator.styles.ts +0 -81
  376. package/src/legacy/components/loading-indicators/LoadingIndicator/LoadingIndicator.tsx +0 -61
  377. package/src/legacy/components/loading-indicators/LoadingIndicator/index.ts +0 -1
  378. package/src/legacy/components/loading-indicators/LoadingList/LoadingList.stories.tsx +0 -14
  379. package/src/legacy/components/loading-indicators/LoadingList/LoadingList.styles.ts +0 -42
  380. package/src/legacy/components/loading-indicators/LoadingList/LoadingList.tsx +0 -9
  381. package/src/legacy/components/loading-indicators/LoadingList/index.ts +0 -1
  382. package/src/legacy/components/loading-indicators/PercentageRing/PercentageRing.stories.tsx +0 -18
  383. package/src/legacy/components/loading-indicators/PercentageRing/PercentageRing.styles.ts +0 -27
  384. package/src/legacy/components/loading-indicators/PercentageRing/PercentageRing.tsx +0 -76
  385. package/src/legacy/components/loading-indicators/PercentageRing/index.ts +0 -1
  386. package/src/legacy/components/loading-indicators/RandomLoadingMessage/RandomLoadingMessage.stories.tsx +0 -16
  387. package/src/legacy/components/loading-indicators/RandomLoadingMessage/RandomLoadingMessage.tsx +0 -18
  388. package/src/legacy/components/loading-indicators/RandomLoadingMessage/index.ts +0 -1
  389. package/src/legacy/components/loading-indicators/RandomLoadingMessage/random-messages.js +0 -67
  390. package/src/legacy/components/text-truncate/TextTruncate.stories.tsx +0 -19
  391. package/src/legacy/components/text-truncate/TextTruncate.styles.ts +0 -3
  392. package/src/legacy/components/text-truncate/TextTruncate.test.tsx +0 -17
  393. package/src/legacy/components/text-truncate/TextTruncate.tsx +0 -23
  394. package/src/legacy/components/text-truncate/index.ts +0 -1
  395. package/src/legacy/components/user-feedback/Shrug/Shrug.stories.tsx +0 -38
  396. package/src/legacy/components/user-feedback/Shrug/Shrug.styles.ts +0 -25
  397. package/src/legacy/components/user-feedback/Shrug/Shrug.tsx +0 -45
  398. package/src/legacy/components/user-feedback/Shrug/index.ts +0 -1
  399. package/src/legacy/components/user-feedback/index.ts +0 -1
  400. package/src/legacy/styles/globals/buttons.ts +0 -154
  401. package/src/legacy/styles/globals/forms.ts +0 -53
  402. package/src/legacy/styles/globals/index.tsx +0 -22
  403. package/src/legacy/styles/globals/layout.ts +0 -22
  404. package/src/legacy/styles/globals/lists.ts +0 -23
  405. package/src/legacy/styles/globals/margin-padding.ts +0 -33
  406. package/src/legacy/styles/globals/media.ts +0 -13
  407. package/src/legacy/styles/globals/tables.ts +0 -30
  408. package/src/legacy/styles/globals/typography.ts +0 -82
  409. package/src/legacy/styles/globals/utility-classes.ts +0 -76
  410. package/src/legacy/styles/index.ts +0 -1
  411. package/src/legacy/tokens/animation.ts +0 -6
  412. package/src/legacy/tokens/breakpoints.ts +0 -11
  413. package/src/legacy/tokens/colors.ts +0 -293
  414. package/src/legacy/tokens/index.ts +0 -20
  415. package/src/legacy/tokens/margin.ts +0 -5
  416. package/src/legacy/tokens/numbers.js +0 -41
  417. package/src/legacy/tokens/padding.ts +0 -5
  418. package/src/legacy/tokens/spacings.ts +0 -5
  419. package/src/legacy/tokens/typography.ts +0 -43
  420. package/src/legacy/utils/color.ts +0 -139
  421. package/src/legacy/utils/index.ts +0 -5
  422. package/src/legacy/utils/number.ts +0 -29
  423. package/src/legacy/utils/string.ts +0 -87
  424. package/src/styles/assets/fonts/mulish/a.woff2 +0 -0
  425. package/src/styles/assets/fonts/mulish/b.woff2 +0 -0
  426. package/src/styles/assets/fonts/mulish/c.woff2 +0 -0
  427. package/src/styles/assets/fonts/mulish/d.woff2 +0 -0
  428. package/src/styles/assets/fonts/mulish/mulish.css +0 -98
@@ -1,2 +0,0 @@
1
- export declare const StyledSelect: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
2
- export declare const StyledValidationError: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -1 +0,0 @@
1
- export { BorderSelect } from './BorderSelect';
@@ -1,23 +0,0 @@
1
- import React from 'react';
2
- import { PermafrostComponent } from '@/types';
3
- import type { ComboboxProps, ComboboxOption } from '../types';
4
- /**
5
- * Multiselect combobox component. If selections are not bound to outside state
6
- * via the `value` prop, you will need to import and use the `useCombobox` hook
7
- * in order to clear its selected value .
8
- *
9
- * @see [useCombobox]{@link import('useCombobox').useCombobox}
10
- */
11
- export declare const MultiCombobox: React.ForwardRefExoticComponent<PermafrostComponent & ComboboxProps & {
12
- /**
13
- * MultiValue is a selected option in the input area
14
- */
15
- multiValueProps?: {
16
- "data-cy": string;
17
- };
18
- optionProps?: {
19
- "data-cy": string;
20
- };
21
- values?: ComboboxOption[];
22
- onChange: (selectedOption: ComboboxOption[]) => void;
23
- } & React.RefAttributes<unknown>>;
@@ -1,46 +0,0 @@
1
- import React from 'react';
2
- import type { StoryObj } from '@storybook/react';
3
- import { ComboboxOption } from '../types';
4
- import { MultiCombobox } from './MultiCombobox';
5
- declare const meta: {
6
- component: React.ForwardRefExoticComponent<import("../../../../types").PermafrostComponent & import("../types").ComboboxProps & {
7
- multiValueProps?: {
8
- "data-cy": string;
9
- };
10
- optionProps?: {
11
- "data-cy": string;
12
- };
13
- values?: ComboboxOption[];
14
- onChange: (selectedOption: ComboboxOption[]) => void;
15
- } & React.RefAttributes<unknown>>;
16
- title: string;
17
- argTypes: {
18
- options: {
19
- control: {
20
- disable: true;
21
- };
22
- };
23
- defaultValue: {
24
- control: {
25
- disable: true;
26
- };
27
- };
28
- };
29
- args: {
30
- options: {
31
- value: string;
32
- label: string;
33
- }[];
34
- placeholder: string;
35
- onChange: (selectedOptions: ComboboxOption[]) => void;
36
- };
37
- };
38
- export default meta;
39
- type Story = StoryObj<typeof MultiCombobox>;
40
- export declare const Normal: Story;
41
- export declare const Open: Story;
42
- export declare const Loading: Story;
43
- export declare const Disabled: Story;
44
- export declare const WithSelections: Story;
45
- export declare const WithCustomOptionComponent: Story;
46
- export declare const WithDataCyAttributes: Story;
@@ -1,4 +0,0 @@
1
- import ReactSelect from 'react-select';
2
- export declare const StyledMultiCombobox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<unknown, boolean, import("react-select").GroupBase<unknown>>, "onChange" | "value" | "inputValue" | "menuIsOpen" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<unknown, boolean, import("react-select").GroupBase<unknown>>> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<unknown> & import("react").RefAttributes<import("react-select/dist/declarations/src/Select").default<unknown, boolean, import("react-select").GroupBase<unknown>>>, "ref"> & {
3
- ref?: ((instance: import("react-select/dist/declarations/src/Select").default<unknown, boolean, import("react-select").GroupBase<unknown>> | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<import("react-select/dist/declarations/src/Select").default<unknown, boolean, import("react-select").GroupBase<unknown>>> | null | undefined;
4
- }, never>> & string & Omit<ReactSelect, keyof import("react").Component<any, {}, any>>;
@@ -1 +0,0 @@
1
- export { MultiCombobox } from './MultiCombobox';
@@ -1,19 +0,0 @@
1
- import React from 'react';
2
- import { PermafrostComponent } from '@/types';
3
- import { ComboboxSize, ComboboxVariant } from '../types';
4
- type Props = PermafrostComponent & {
5
- disabled?: boolean;
6
- initialText?: string;
7
- options: {
8
- name: string;
9
- value: string | number;
10
- }[];
11
- size?: ComboboxSize;
12
- style?: object;
13
- value?: string | number;
14
- variant?: ComboboxVariant;
15
- onChange(e: React.ChangeEvent<HTMLSelectElement>): void;
16
- onClick?(e: React.MouseEvent<HTMLDivElement, MouseEvent>): void;
17
- };
18
- export declare const Select: (props: Props) => import("react/jsx-runtime").JSX.Element;
19
- export {};
@@ -1,34 +0,0 @@
1
- import type { StoryObj } from '@storybook/react';
2
- import { Select } from './Select';
3
- declare const meta: {
4
- component: (props: import("../../../../types").PermafrostComponent & {
5
- disabled?: boolean;
6
- initialText?: string;
7
- options: {
8
- name: string;
9
- value: string | number;
10
- }[];
11
- size?: import("../types").ComboboxSize;
12
- style?: object;
13
- value?: string | number;
14
- variant?: import("../types").ComboboxVariant;
15
- onChange(e: import("react").ChangeEvent<HTMLSelectElement>): void;
16
- onClick?(e: import("react").MouseEvent<HTMLDivElement, MouseEvent>): void;
17
- }) => import("react/jsx-runtime").JSX.Element;
18
- title: string;
19
- argTypes: {};
20
- args: {
21
- onChange: () => void;
22
- options: {
23
- name: string;
24
- value: string;
25
- }[];
26
- };
27
- };
28
- export default meta;
29
- type Story = StoryObj<typeof Select>;
30
- export declare const Base: Story;
31
- export declare const InitialText: Story;
32
- export declare const Disabled: Story;
33
- export declare const Small: Story;
34
- export declare const Light: Story;
@@ -1 +0,0 @@
1
- export declare const StyledSelect: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -1 +0,0 @@
1
- export { Select } from './Select';
@@ -1,20 +0,0 @@
1
- import React from 'react';
2
- import { PermafrostComponent } from '@/types';
3
- import type { ComboboxProps, ComboboxOption } from '../types';
4
- /**
5
- * Combobox component to select a single option. If selections are not bound to
6
- * outside state via the `value` prop, you will need to import and use the
7
- * `useCombobox` hook in order to clear its selected value.
8
- *
9
- * @see [useCombobox]{@link import('useCombobox').useCombobox}
10
- */
11
- export declare const SingleCombobox: React.ForwardRefExoticComponent<PermafrostComponent & ComboboxProps & {
12
- dropdownIndicatorProps?: {
13
- "data-cy": string;
14
- };
15
- optionProps?: {
16
- "data-cy": string;
17
- };
18
- value?: ComboboxOption;
19
- onChange: (selectedOption: ComboboxOption) => void;
20
- } & React.RefAttributes<unknown>>;
@@ -1,31 +0,0 @@
1
- import type { StoryObj } from '@storybook/react';
2
- import { ComboboxOption } from '../types';
3
- import { SingleCombobox } from './SingleCombobox';
4
- declare const meta: {
5
- component: import("react").ForwardRefExoticComponent<import("../../../../types").PermafrostComponent & import("../types").ComboboxProps & {
6
- dropdownIndicatorProps?: {
7
- "data-cy": string;
8
- };
9
- optionProps?: {
10
- "data-cy": string;
11
- };
12
- value?: ComboboxOption;
13
- onChange: (selectedOption: ComboboxOption) => void;
14
- } & import("react").RefAttributes<unknown>>;
15
- title: string;
16
- argTypes: {};
17
- args: {
18
- options: {
19
- value: string;
20
- label: string;
21
- }[];
22
- placeholder: string;
23
- onChange: (selectedOption: ComboboxOption) => void;
24
- };
25
- };
26
- export default meta;
27
- type Story = StoryObj<typeof SingleCombobox>;
28
- export declare const Normal: Story;
29
- export declare const Open: Story;
30
- export declare const Disabled: Story;
31
- export declare const WithDataCyAttributes: Story;
@@ -1,4 +0,0 @@
1
- import ReactSelect from 'react-select';
2
- export declare const StyledSingleCombobox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<unknown, boolean, import("react-select").GroupBase<unknown>>, "onChange" | "value" | "inputValue" | "menuIsOpen" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<unknown, boolean, import("react-select").GroupBase<unknown>>> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<unknown> & import("react").RefAttributes<import("react-select/dist/declarations/src/Select").default<unknown, boolean, import("react-select").GroupBase<unknown>>>, "ref"> & {
3
- ref?: ((instance: import("react-select/dist/declarations/src/Select").default<unknown, boolean, import("react-select").GroupBase<unknown>> | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<import("react-select/dist/declarations/src/Select").default<unknown, boolean, import("react-select").GroupBase<unknown>>> | null | undefined;
4
- }, never>> & string & Omit<ReactSelect, keyof import("react").Component<any, {}, any>>;
@@ -1 +0,0 @@
1
- export { SingleCombobox } from './SingleCombobox';
@@ -1 +0,0 @@
1
- export declare const basicDefaults: import("styled-components").RuleSet<object>;
@@ -1,4 +0,0 @@
1
- export { BorderSelect } from './BorderSelect';
2
- export { Select } from './Select';
3
- export { MultiCombobox } from './MultiCombobox';
4
- export { SingleCombobox } from './SingleCombobox';
@@ -1,45 +0,0 @@
1
- export type ComboboxProps = {
2
- 'aria-label'?: string;
3
- 'aria-labelledby'?: string;
4
- className?: string;
5
- closeMenuOnSelect?: boolean;
6
- /**
7
- * Function to generate a custom React component for every available list `Option`
8
- * @see {@link https://react-select.com/props#option}
9
- */
10
- customOption?: (props: any) => JSX.Element;
11
- /**
12
- * Customize the text to appear in selected items.
13
- *
14
- * @example (option) => `${option.value}`
15
- */
16
- customOptionLabel?(option: any): string;
17
- /**
18
- * Customize the value for the Combobox to use. Defaults to `value`
19
- *
20
- * @example (option) => `${option.id}`
21
- */
22
- customOptionValue?(option: any): string;
23
- defaultValue?: any[];
24
- disabled?: boolean;
25
- loading?: boolean;
26
- menuIsOpen?: boolean;
27
- /**
28
- * Custom text to show if there are no more items available to select
29
- */
30
- noOptionsMessage?: string;
31
- /**
32
- * Combobox defaults to expect { label: string; value: string; } at minimum - use `customOptionLabel` and `customOptionValue` props to change
33
- */
34
- options: ComboboxOption[];
35
- /**
36
- * Input placeholder text
37
- */
38
- placeholder?: string;
39
- };
40
- export type ComboboxOption = {
41
- label?: string;
42
- [key: string]: any;
43
- };
44
- export type ComboboxSize = 'small' | 'medium';
45
- export type ComboboxVariant = 'default' | 'light';
@@ -1,25 +0,0 @@
1
- import React from 'react';
2
- /**
3
- * @filename useCombobox.ts
4
- * Allows access to the internals of a MultiCombobox component. For example, a discrete
5
- * button to clear all selected values.
6
- *
7
- * In your component’s file, import this hook and create a `ref` to the component.
8
- * Then, pass the ref into this hook.
9
- *
10
- * @example
11
- * const comboboxEl = useRef(null);
12
- * const { clearValue } = useCombobox(comboboxEl);
13
- *
14
- * <MultiCombobox ref={comboboxEl} ... />
15
- *
16
- * const handleSubmit = () => {
17
- * clearValue();
18
- * };
19
- *
20
- * @see {@link https://react-select.com/props}
21
- * @see {@link https://github.com/JedWatson/react-select/discussions/4352}
22
- */
23
- export declare function useCombobox(comboboxEl: React.RefObject<any>): {
24
- clearValue: () => void;
25
- };
@@ -1,20 +0,0 @@
1
- /**
2
- * Adds custom props to a react-select component
3
- *
4
- * @example
5
- * type Props = ComboboxProps & {
6
- * multiValueProps: {
7
- * 'data-cy': string;
8
- * };
9
- *
10
- * <StyledMultiCombobox
11
- * ...
12
- * components={{
13
- * MultiValue: addCustomProps(MultiValue, { ...multiValueProps }),
14
- * ...
15
- *
16
- * @see {@link https://gist.github.com/MikaelCarpenter/1fe226967b00eea82e6a4760b244ada1}
17
- */
18
- export declare const addCustomProps: (Component: any, customProps: {
19
- [key: string]: string;
20
- }) => (props: any) => import("react/jsx-runtime").JSX.Element;
@@ -1,13 +0,0 @@
1
- import React from 'react';
2
- import { PermafrostComponent } from '@/types';
3
- type Props = PermafrostComponent & {
4
- children: React.ReactNode | string;
5
- minLength?: number;
6
- onUpdate?(newValue: string): void;
7
- };
8
- /**
9
- * Wrapper component which enables text editing in place directly on a child component,
10
- * element, or plain text.
11
- */
12
- export declare function EditableInput(props: Props): import("react/jsx-runtime").JSX.Element;
13
- export {};
@@ -1,14 +0,0 @@
1
- import { StoryObj } from '@storybook/react';
2
- import { EditableInput } from './EditableInput';
3
- declare const meta: {
4
- component: typeof EditableInput;
5
- title: string;
6
- args: {
7
- children: import("react/jsx-runtime").JSX.Element;
8
- };
9
- argTypes: {};
10
- };
11
- export default meta;
12
- type Story = StoryObj<typeof EditableInput>;
13
- export declare const Normal: Story;
14
- export declare const MinLengthEight: Story;
@@ -1 +0,0 @@
1
- export declare const StyledEditableInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
@@ -1 +0,0 @@
1
- export { EditableInput } from './EditableInput';
@@ -1,23 +0,0 @@
1
- import React from 'react';
2
- import { PermafrostComponent } from '@/types';
3
- export type Props = PermafrostComponent & {
4
- autoFocus?: boolean;
5
- decrement?(): void;
6
- disabled?: boolean;
7
- hiddenLabel?: boolean;
8
- increment?(): void;
9
- label: string;
10
- max?: number;
11
- min?: number;
12
- onChange(value: number | ''): void;
13
- placeholder?: string;
14
- required?: boolean;
15
- step?: string;
16
- tabIndex?: number;
17
- value: number | '';
18
- };
19
- /**
20
- * Basic numeric input field. A label is required, but may be visually hidden
21
- * using the `hiddenLabel` property.
22
- */
23
- export declare function NumberInput(props: Props): React.ReactElement;
@@ -1,28 +0,0 @@
1
- import { StoryObj } from '@storybook/react';
2
- import { NumberInput } from './NumberInput';
3
- declare const meta: {
4
- component: typeof NumberInput;
5
- title: string;
6
- argTypes: {
7
- className: {
8
- control: {
9
- disable: true;
10
- };
11
- };
12
- value: {
13
- control: {
14
- disable: true;
15
- };
16
- };
17
- };
18
- };
19
- export default meta;
20
- type Story = StoryObj<typeof NumberInput>;
21
- export declare const Base: Story;
22
- export declare const Required: Story;
23
- export declare const Disabled: Story;
24
- export declare const WithMinimum: Story;
25
- export declare const WithMaximum: Story;
26
- export declare const WithMinMax: Story;
27
- export declare const WithDecimalStep: Story;
28
- export declare const WithPlaceholderText: Story;
@@ -1 +0,0 @@
1
- export declare const StyledNumberField: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -1 +0,0 @@
1
- export { NumberInput } from './NumberInput';
@@ -1,25 +0,0 @@
1
- import React from 'react';
2
- import { AriaRadioProps, RadioGroupProps } from '@react-types/radio';
3
- import { PermafrostComponent } from '@/types';
4
- type Props = {
5
- ['aria-label']: string;
6
- children?: React.ReactNode;
7
- hideFocusRing: boolean;
8
- color: string;
9
- labelColor: string;
10
- hoverAndSelectedColor: string;
11
- focusRingColor: string;
12
- value: string;
13
- } & RadioGroupProps & PermafrostComponent;
14
- /**
15
- * Renders a group of radio buttons.
16
- *
17
- * A group label must be included: either pass a string or markup into the
18
- * `label` prop, or include an `aria-label` or `aria-labelledby` attribute.
19
- */
20
- export declare function RadioGroup({ children, ...props }: Props): import("react/jsx-runtime").JSX.Element;
21
- /**
22
- * A single radio button and its label.
23
- */
24
- export declare function Radio({ children, ...props }: AriaRadioProps): import("react/jsx-runtime").JSX.Element;
25
- export {};
@@ -1,15 +0,0 @@
1
- import { StoryObj } from '@storybook/react';
2
- import { RadioGroup } from './RadioButtons';
3
- declare const meta: {
4
- component: typeof RadioGroup;
5
- title: string;
6
- args: {};
7
- tags: string[];
8
- };
9
- export default meta;
10
- type Story = StoryObj<typeof RadioGroup>;
11
- export declare const Normal: Story;
12
- export declare const CustomColors: Story;
13
- export declare const WithHiddenLabel: Story;
14
- export declare const Horizontal: Story;
15
- export declare const Disabled: Story;
@@ -1,13 +0,0 @@
1
- import { AbstractRadioGroup } from '../RadioGroup';
2
- export declare const StyledRadioGroup: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../../../../types").PermafrostComponent & {
3
- value?: string;
4
- onChange?: (value: string) => void;
5
- children: import("react").ReactNode;
6
- className?: string;
7
- } & import("@react-types/radio").AriaRadioGroupProps, {
8
- hideFocusRing: boolean;
9
- color: string;
10
- labelColor: string;
11
- hoverAndSelectedColor: string;
12
- focusRingColor: string;
13
- }>> & string & Omit<typeof AbstractRadioGroup, keyof import("react").Component<any, {}, any>>;
@@ -1 +0,0 @@
1
- export { Radio, RadioGroup } from './RadioButtons';
@@ -1,27 +0,0 @@
1
- import React from 'react';
2
- import { AriaRadioGroupProps, AriaRadioProps } from '@react-types/radio';
3
- import { RadioGroupState } from 'react-stately';
4
- import { PermafrostComponent } from '@/types';
5
- export type RadioGroupProps = PermafrostComponent & {
6
- value?: string;
7
- onChange?: (value: string) => void;
8
- children: React.ReactNode;
9
- className?: string;
10
- } & AriaRadioGroupProps;
11
- export declare const RadioContext: React.Context<RadioGroupState>;
12
- /**
13
- * Renders a group of radio buttons with no styling. This component is not
14
- * designed to be user-facing, and should only be used to provide functionality.
15
- *
16
- * A group label must be included: either pass a string or markup into the
17
- * `label` prop, or include an `aria-label` or `aria-labelledby` attribute.
18
- */
19
- export declare function RadioGroup(props: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
20
- /**
21
- * A single radio button and its label; no styling is applied, and the native
22
- * radio button is visually hidden.
23
- */
24
- export declare function Radio(props: AriaRadioProps & {
25
- className?: string;
26
- isVisuallySelected?: (selectedValue: string) => void;
27
- }): import("react/jsx-runtime").JSX.Element;
@@ -1,16 +0,0 @@
1
- import { StoryObj } from '@storybook/react';
2
- import { RadioGroup } from './RadioGroup';
3
- declare const meta: {
4
- component: typeof RadioGroup;
5
- title: string;
6
- args: {
7
- value: string;
8
- };
9
- tags: string[];
10
- };
11
- export default meta;
12
- type Story = StoryObj<typeof RadioGroup>;
13
- export declare const Normal: Story;
14
- export declare const WithHiddenLabel: Story;
15
- export declare const Horizontal: Story;
16
- export declare const Disabled: Story;
@@ -1 +0,0 @@
1
- export declare const StyledRadioGroup: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -1 +0,0 @@
1
- export { Radio as AbstractRadio, RadioGroup as AbstractRadioGroup } from './RadioGroup';
@@ -1,17 +0,0 @@
1
- import React from 'react';
2
- import { PermafrostComponent } from '@/types';
3
- type Props = PermafrostComponent & {
4
- inputBorder?: boolean;
5
- showClearInputIcon?: boolean;
6
- showSearchIcon?: boolean;
7
- inputProps?: {
8
- [key: string]: string;
9
- };
10
- onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
11
- onClear?(): void;
12
- onKeyUp?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
13
- placeholder?: string;
14
- value?: string;
15
- };
16
- export declare const SearchInput: (props: Props) => import("react/jsx-runtime").JSX.Element;
17
- export default SearchInput;
@@ -1,30 +0,0 @@
1
- import { StoryObj } from '@storybook/react';
2
- import { SearchInput } from './SearchInput';
3
- declare const meta: {
4
- component: (props: import("../../../../types").PermafrostComponent & {
5
- inputBorder?: boolean;
6
- showClearInputIcon?: boolean;
7
- showSearchIcon?: boolean;
8
- inputProps?: {
9
- [key: string]: string;
10
- };
11
- onChange?: (e: import("react").ChangeEvent<HTMLInputElement>) => void;
12
- onClear?(): void;
13
- onKeyUp?: (e: import("react").KeyboardEvent<HTMLInputElement>) => void;
14
- placeholder?: string;
15
- value?: string;
16
- }) => import("react/jsx-runtime").JSX.Element;
17
- title: string;
18
- argTypes: {};
19
- args: {
20
- placeholder: string;
21
- };
22
- };
23
- export default meta;
24
- type Story = StoryObj<typeof SearchInput>;
25
- export declare const Base: Story;
26
- export declare const Border: Story;
27
- export declare const SearchIcon: Story;
28
- export declare const BorderAndSearchIcon: Story;
29
- export declare const ClearInputIcon: Story;
30
- export declare const ClearInputIconWithBorder: Story;
@@ -1 +0,0 @@
1
- export declare const StyledSearchField: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -1 +0,0 @@
1
- export { SearchInput } from './SearchInput';
@@ -1,24 +0,0 @@
1
- import React, { ChangeEvent } from 'react';
2
- import { PermafrostComponent } from '@/types';
3
- export type Props = PermafrostComponent & {
4
- autoComplete?: 'email' | 'current-password' | 'new-password' | string;
5
- autoFocus?: boolean;
6
- defaultValue?: string;
7
- disabled?: boolean;
8
- displayErrors?: boolean;
9
- inputProps?: any;
10
- label?: string;
11
- maxLength?: number;
12
- name?: string;
13
- onBlur?(): void;
14
- onChange?(event: ChangeEvent<HTMLInputElement>): void;
15
- onFocus?(): void;
16
- placeholder?: string;
17
- promptProps?: any;
18
- required?: boolean;
19
- type?: 'text' | 'email' | 'password' | string;
20
- validationErrors?: string[];
21
- value?: string;
22
- readOnly?: boolean;
23
- };
24
- export declare function TextInput(props: Props): React.ReactElement;