@agility/plenum-ui 1.3.50 → 2.0.0-rc2

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 (333) hide show
  1. package/.eslintrc.json +6 -0
  2. package/.prettierrc +12 -12
  3. package/.storybook/Layout.jsx +9 -6
  4. package/.storybook/head.tsx +4 -0
  5. package/.storybook/main.ts +18 -0
  6. package/.storybook/manager-head.html +1 -0
  7. package/.storybook/manager.ts +25 -0
  8. package/.storybook/plenumTheme.ts +8 -0
  9. package/.storybook/preview-head.html +4 -0
  10. package/.storybook/preview.tsx +28 -0
  11. package/.vscode/settings.json +4 -0
  12. package/.yarnrc.yml +1 -0
  13. package/README.md +165 -53
  14. package/app/globals.css +99 -0
  15. package/app/head.tsx +59 -0
  16. package/app/layout.tsx +28 -0
  17. package/app/page.tsx +7 -0
  18. package/build.js +41 -0
  19. package/dist/index.d.ts +959 -0
  20. package/dist/index.js +5936 -0
  21. package/dist/index.js.map +7 -0
  22. package/{lib/components → dist/types/stories/atoms}/Avatar/Avatar.d.ts +28 -27
  23. package/dist/types/stories/atoms/Avatar/index.d.ts +3 -0
  24. package/dist/types/stories/atoms/badges/Badge.d.ts +21 -0
  25. package/dist/types/stories/atoms/badges/index.d.ts +3 -0
  26. package/dist/types/stories/atoms/buttons/Button/Alternative/Alternative.stories.d.ts +13 -0
  27. package/dist/types/stories/atoms/buttons/Button/Button.d.ts +33 -0
  28. package/dist/types/stories/atoms/buttons/Button/Danger/Danger.stories.d.ts +13 -0
  29. package/dist/types/stories/atoms/buttons/Button/Primary/Primary.stories.d.ts +13 -0
  30. package/dist/types/stories/atoms/buttons/Button/Secondary/Secondary.stories.d.ts +13 -0
  31. package/dist/types/stories/atoms/buttons/Button/defaultArgs.d.ts +3 -0
  32. package/dist/types/stories/atoms/buttons/Button/index.d.ts +3 -0
  33. package/dist/types/stories/atoms/buttons/Capsule/Alternative/Alternative.stories.d.ts +6 -0
  34. package/dist/types/stories/atoms/buttons/Capsule/Capsule.d.ts +27 -0
  35. package/dist/types/stories/atoms/buttons/Capsule/Danger/Danger.stories.d.ts +6 -0
  36. package/dist/types/stories/atoms/buttons/Capsule/Primary/Primary.stories.d.ts +6 -0
  37. package/dist/types/stories/atoms/buttons/Capsule/Secondary/Secondary.stories.d.ts +6 -0
  38. package/dist/types/stories/atoms/buttons/Capsule/index.d.ts +3 -0
  39. package/dist/types/stories/atoms/buttons/index.d.ts +4 -0
  40. package/{lib/components/DynamicIcons/DynamicIcons.d.ts → dist/types/stories/atoms/icons/DynamicIcon.d.ts} +20 -18
  41. package/dist/types/stories/atoms/icons/DynamicIcon.stories.d.ts +10 -0
  42. package/dist/types/stories/atoms/icons/IconWithShadow.d.ts +6 -0
  43. package/dist/types/stories/atoms/icons/IconWithShadow.stories.d.ts +10 -0
  44. package/{lib/components/DynamicIcons → dist/types/stories/atoms/icons}/TablerIcon.d.ts +9 -9
  45. package/dist/types/stories/atoms/icons/index.d.ts +4 -0
  46. package/dist/types/stories/atoms/icons/tablerIconNames.d.ts +2 -0
  47. package/dist/types/stories/atoms/index.d.ts +7 -0
  48. package/dist/types/stories/atoms/loaders/Loader.d.ts +6 -0
  49. package/dist/types/stories/atoms/loaders/Loader.stories.d.ts +6 -0
  50. package/dist/types/stories/atoms/loaders/NProgress/RadialProgress.d.ts +11 -0
  51. package/dist/types/stories/atoms/loaders/NProgress/index.d.ts +3 -0
  52. package/dist/types/stories/atoms/loaders/index.d.ts +4 -0
  53. package/dist/types/stories/index.d.ts +5 -0
  54. package/dist/types/stories/layouts/index.d.ts +0 -0
  55. package/dist/types/stories/molecules/index.d.ts +3 -0
  56. package/dist/types/stories/molecules/inputs/InputField/InputField.d.ts +28 -0
  57. package/dist/types/stories/molecules/inputs/InputField/index.d.ts +3 -0
  58. package/{lib/components/Forms → dist/types/stories/molecules/inputs}/InputLabel/InputLabel.d.ts +15 -14
  59. package/dist/types/stories/molecules/inputs/InputLabel/index.d.ts +3 -0
  60. package/dist/types/stories/molecules/inputs/NestedInputButton/NestedInputButton.d.ts +17 -0
  61. package/dist/types/stories/molecules/inputs/NestedInputButton/index.d.ts +3 -0
  62. package/{lib/components/Forms/Checkbox → dist/types/stories/molecules/inputs/checkbox}/Checkbox.d.ts +28 -27
  63. package/dist/types/stories/molecules/inputs/checkbox/Checkbox.stories.d.ts +6 -0
  64. package/dist/types/stories/molecules/inputs/checkbox/index.d.ts +3 -0
  65. package/{lib/components/Combobox/Combobox.d.ts → dist/types/stories/molecules/inputs/combobox/ComboBox.d.ts} +34 -34
  66. package/dist/types/stories/molecules/inputs/combobox/ComboBox.stories.d.ts +6 -0
  67. package/dist/types/stories/molecules/inputs/combobox/index.d.ts +3 -0
  68. package/dist/types/stories/molecules/inputs/index.d.ts +11 -0
  69. package/{lib/components/Forms/Radio → dist/types/stories/molecules/inputs/radio}/Radio.d.ts +27 -27
  70. package/dist/types/stories/molecules/inputs/radio/Radio.stories.d.ts +6 -0
  71. package/dist/types/stories/molecules/inputs/radio/index.d.ts +3 -0
  72. package/{lib/components/Forms/Select → dist/types/stories/molecules/inputs/select}/Select.d.ts +27 -27
  73. package/dist/types/stories/molecules/inputs/select/Select.stories.d.ts +6 -0
  74. package/dist/types/stories/molecules/inputs/select/index.d.ts +3 -0
  75. package/dist/types/stories/molecules/inputs/textArea/TextArea.d.ts +26 -0
  76. package/dist/types/stories/molecules/inputs/textArea/TextArea.stories.d.ts +6 -0
  77. package/dist/types/stories/molecules/inputs/textArea/index.d.ts +3 -0
  78. package/dist/types/stories/molecules/inputs/toggleSwitch/ToggleSwitch.d.ts +18 -0
  79. package/dist/types/stories/molecules/inputs/toggleSwitch/index.d.ts +3 -0
  80. package/dist/types/stories/organisms/AnimatedLabelInput/AnimatedLabelInput.d.ts +18 -0
  81. package/dist/types/stories/organisms/AnimatedLabelInput/index.d.ts +3 -0
  82. package/dist/types/stories/organisms/ButtonDropdown/ButtonDropdown.d.ts +14 -0
  83. package/dist/types/stories/organisms/ButtonDropdown/index.d.ts +3 -0
  84. package/{lib/components/Dropdown/Dropdown.d.ts → dist/types/stories/organisms/DropdownComponent/DropdownComponent.d.ts} +40 -39
  85. package/dist/types/stories/organisms/DropdownComponent/dropdownItems.d.ts +3 -0
  86. package/dist/types/stories/organisms/DropdownComponent/index.d.ts +4 -0
  87. package/dist/types/stories/organisms/EmptySectionPlaceholder/EmptySectionPlaceholder.d.ts +19 -0
  88. package/dist/types/stories/organisms/EmptySectionPlaceholder/index.d.ts +3 -0
  89. package/dist/types/stories/organisms/FormInputWithAddons/FormInputWithAddons.d.ts +21 -0
  90. package/dist/types/stories/organisms/FormInputWithAddons/index.d.ts +3 -0
  91. package/dist/types/stories/organisms/index.d.ts +7 -0
  92. package/dist/types/utils/types.d.ts +2 -0
  93. package/dist/types/utils/useId.d.ts +1 -0
  94. package/next.config.js +8 -0
  95. package/package.json +55 -78
  96. package/pages/api/hello.ts +13 -0
  97. package/postcss.config.js +5 -6
  98. package/public/next.svg +1 -0
  99. package/public/thirteen.svg +1 -0
  100. package/public/vercel.svg +1 -0
  101. package/scripts/create-component.js +97 -0
  102. package/stories/Introduction.mdx +314 -0
  103. package/stories/assets/code-brackets.svg +1 -0
  104. package/stories/assets/colors.svg +1 -0
  105. package/stories/assets/comments.svg +1 -0
  106. package/stories/assets/direction.svg +1 -0
  107. package/stories/assets/flow.svg +1 -0
  108. package/stories/assets/plugin.svg +1 -0
  109. package/stories/assets/repo.svg +1 -0
  110. package/stories/assets/stackalt.svg +1 -0
  111. package/stories/atoms/Avatar/Avatar.stories.tsx +96 -0
  112. package/stories/atoms/Avatar/Avatar.tsx +123 -0
  113. package/stories/atoms/Avatar/index.ts +3 -0
  114. package/stories/atoms/badges/Badge.tsx +127 -0
  115. package/stories/atoms/badges/Pill/Pill.stories.tsx +75 -0
  116. package/stories/atoms/badges/Rounded/Rounded.stories.tsx +75 -0
  117. package/stories/atoms/badges/index.ts +3 -0
  118. package/stories/atoms/buttons/Button/Alternative/Alternative.stories.ts +69 -0
  119. package/stories/atoms/buttons/Button/Button.tsx +123 -0
  120. package/stories/atoms/buttons/Button/Danger/Danger.stories.ts +71 -0
  121. package/stories/atoms/buttons/Button/Primary/Primary.stories.ts +78 -0
  122. package/stories/atoms/buttons/Button/Secondary/Secondary.stories.ts +74 -0
  123. package/stories/atoms/buttons/Button/defaultArgs.ts +9 -0
  124. package/stories/atoms/buttons/Button/index.ts +3 -0
  125. package/stories/atoms/buttons/Capsule/Alternative/Alternative.stories.ts +27 -0
  126. package/stories/atoms/buttons/Capsule/Capsule.tsx +87 -0
  127. package/stories/atoms/buttons/Capsule/Danger/Danger.stories.ts +27 -0
  128. package/stories/atoms/buttons/Capsule/Primary/Primary.stories.ts +27 -0
  129. package/stories/atoms/buttons/Capsule/Secondary/Secondary.stories.ts +27 -0
  130. package/stories/atoms/buttons/Capsule/index.ts +3 -0
  131. package/stories/atoms/buttons/FloatingActionButton/FloatingActionButton.stories.tsx +15 -0
  132. package/stories/atoms/buttons/FloatingActionButton/FloatingActionButton.tsx +22 -0
  133. package/stories/atoms/buttons/FloatingActionButton/index.tsx +3 -0
  134. package/stories/atoms/buttons/index.ts +4 -0
  135. package/stories/atoms/crumb/Crumb.stories.tsx +18 -0
  136. package/stories/atoms/crumb/Crumb.tsx +22 -0
  137. package/stories/atoms/crumb/index.tsx +3 -0
  138. package/stories/atoms/icons/DynamicIcon.stories.ts +43 -0
  139. package/stories/atoms/icons/DynamicIcon.tsx +90 -0
  140. package/stories/atoms/icons/IconWithShadow.stories.ts +43 -0
  141. package/stories/atoms/icons/IconWithShadow.tsx +16 -0
  142. package/stories/atoms/icons/TablerIcon.tsx +22 -0
  143. package/stories/atoms/icons/index.tsx +14 -0
  144. package/stories/atoms/icons/tablerIconNames.ts +4336 -0
  145. package/stories/atoms/index.ts +46 -0
  146. package/stories/atoms/loaders/Loader.stories.ts +15 -0
  147. package/stories/atoms/loaders/Loader.tsx +15 -0
  148. package/stories/atoms/loaders/NProgress/RadialProgress.stories.tsx +19 -0
  149. package/stories/atoms/loaders/NProgress/RadialProgress.tsx +76 -0
  150. package/stories/atoms/loaders/NProgress/index.ts +3 -0
  151. package/stories/atoms/loaders/index.ts +4 -0
  152. package/stories/index.ts +124 -0
  153. package/stories/layouts/CardLayout/CardLayout.stories.tsx +18 -0
  154. package/stories/layouts/CardLayout/CardLayout.tsx +22 -0
  155. package/stories/layouts/CardLayout/index.tsx +3 -0
  156. package/stories/layouts/ModalLayout/ModalLayout.stories.tsx +18 -0
  157. package/stories/layouts/ModalLayout/ModalLayout.tsx +22 -0
  158. package/stories/layouts/ModalLayout/index.tsx +3 -0
  159. package/stories/layouts/index.ts +0 -0
  160. package/stories/molecules/index.ts +35 -0
  161. package/stories/molecules/inputs/InputField/InputField.stories.tsx +29 -0
  162. package/stories/molecules/inputs/InputField/InputField.tsx +88 -0
  163. package/stories/molecules/inputs/InputField/index.tsx +3 -0
  164. package/stories/molecules/inputs/InputLabel/InputLabel.stories.tsx +19 -0
  165. package/stories/molecules/inputs/InputLabel/InputLabel.tsx +45 -0
  166. package/stories/molecules/inputs/InputLabel/index.tsx +3 -0
  167. package/stories/molecules/inputs/NestedInputButton/NestedInputButton.stories.tsx +52 -0
  168. package/stories/molecules/inputs/NestedInputButton/NestedInputButton.tsx +64 -0
  169. package/stories/molecules/inputs/NestedInputButton/index.tsx +3 -0
  170. package/stories/molecules/inputs/checkbox/Checkbox.stories.ts +23 -0
  171. package/stories/molecules/inputs/checkbox/Checkbox.tsx +99 -0
  172. package/stories/molecules/inputs/checkbox/index.ts +3 -0
  173. package/stories/molecules/inputs/combobox/ComboBox.stories.ts +41 -0
  174. package/stories/molecules/inputs/combobox/ComboBox.tsx +194 -0
  175. package/stories/molecules/inputs/combobox/index.ts +3 -0
  176. package/stories/molecules/inputs/index.ts +24 -0
  177. package/stories/molecules/inputs/radio/Radio.stories.ts +27 -0
  178. package/stories/molecules/inputs/radio/Radio.tsx +92 -0
  179. package/stories/molecules/inputs/radio/index.ts +3 -0
  180. package/stories/molecules/inputs/select/Select.stories.ts +23 -0
  181. package/stories/molecules/inputs/select/Select.tsx +100 -0
  182. package/stories/molecules/inputs/select/index.ts +3 -0
  183. package/stories/molecules/inputs/textArea/TextArea.stories.ts +20 -0
  184. package/stories/molecules/inputs/textArea/TextArea.tsx +67 -0
  185. package/stories/molecules/inputs/textArea/index.ts +3 -0
  186. package/stories/molecules/inputs/toggleSwitch/ToggleSwitch.stories.tsx +119 -0
  187. package/stories/molecules/inputs/toggleSwitch/ToggleSwitch.tsx +75 -0
  188. package/stories/molecules/inputs/toggleSwitch/index.ts +3 -0
  189. package/stories/molecules/tabs/Tabs.stories.tsx +18 -0
  190. package/stories/molecules/tabs/Tabs.tsx +22 -0
  191. package/stories/molecules/tabs/index.tsx +3 -0
  192. package/stories/organisms/AnimatedLabelInput/AnimatedLabelInput.stories.tsx +21 -0
  193. package/stories/organisms/AnimatedLabelInput/AnimatedLabelInput.tsx +60 -0
  194. package/stories/organisms/AnimatedLabelInput/index.tsx +3 -0
  195. package/stories/organisms/ButtonDropdown/ButtonDropdown.stories.tsx +118 -0
  196. package/stories/organisms/ButtonDropdown/ButtonDropdown.tsx +81 -0
  197. package/stories/organisms/ButtonDropdown/index.tsx +3 -0
  198. package/stories/organisms/DropdownComponent/Dropdown.stories.tsx +49 -0
  199. package/stories/organisms/DropdownComponent/Dropdown.test.tsx +0 -0
  200. package/stories/organisms/DropdownComponent/DropdownComponent.tsx +269 -0
  201. package/stories/organisms/DropdownComponent/dropdownItems.ts +101 -0
  202. package/stories/organisms/DropdownComponent/index.ts +4 -0
  203. package/stories/organisms/EmptySectionPlaceholder/EmptySectionPlaceholder.stories.tsx +76 -0
  204. package/stories/organisms/EmptySectionPlaceholder/EmptySectionPlaceholder.tsx +52 -0
  205. package/stories/organisms/EmptySectionPlaceholder/index.tsx +3 -0
  206. package/stories/organisms/FormInputWithAddons/FormInputWithAddons.stories.tsx +29 -0
  207. package/stories/organisms/FormInputWithAddons/FormInputWithAddons.tsx +140 -0
  208. package/stories/organisms/FormInputWithAddons/index.tsx +3 -0
  209. package/stories/organisms/index.ts +16 -0
  210. package/tailwind.config.js +165 -36
  211. package/tsconfig.json +27 -21
  212. package/tsconfig.lib.json +19 -0
  213. package/utils/types.d.ts +2 -0
  214. package/utils/types.ts +3 -0
  215. package/utils/useId.d.ts +1 -0
  216. package/utils/useId.tsx +16 -0
  217. package/.babelrc +0 -14
  218. package/.editorconfig +0 -9
  219. package/.eslintrc +0 -13
  220. package/.github/workflows/test.yml +0 -27
  221. package/.storybook/main.js +0 -17
  222. package/.storybook/manager.js +0 -6
  223. package/.storybook/plenumTheme.js +0 -8
  224. package/.storybook/preview.js +0 -44
  225. package/_templates/component/new/component.ejs.t +0 -18
  226. package/_templates/component/new/component.stories.ejs.t +0 -21
  227. package/_templates/component/new/component.test.ejs.t +0 -15
  228. package/_templates/component/new/index.ejs.t +0 -6
  229. package/_templates/component/new/prompt.js +0 -7
  230. package/jest.config.js +0 -8
  231. package/lib/common/brandCfg.d.ts +0 -3
  232. package/lib/common/index.d.ts +0 -3
  233. package/lib/common/storyCfg.d.ts +0 -5
  234. package/lib/components/Avatar/Avatar.stories.d.ts +0 -6
  235. package/lib/components/Avatar/Avatar.test.d.ts +0 -1
  236. package/lib/components/Avatar/index.d.ts +0 -1
  237. package/lib/components/Button/Button.d.ts +0 -55
  238. package/lib/components/Button/Button.stories.d.ts +0 -12
  239. package/lib/components/Button/Button.test.d.ts +0 -1
  240. package/lib/components/Button/index.d.ts +0 -1
  241. package/lib/components/ButtonDropdown/ButtonDropdown.d.ts +0 -12
  242. package/lib/components/ButtonDropdown/ButtonDropdown.stories.d.ts +0 -9
  243. package/lib/components/ButtonDropdown/index.d.ts +0 -1
  244. package/lib/components/Combobox/Combobox.stories.d.ts +0 -14
  245. package/lib/components/Combobox/Combobox.test.d.ts +0 -1
  246. package/lib/components/Combobox/index.d.ts +0 -1
  247. package/lib/components/Dropdown/Dropdown.stories.d.ts +0 -8
  248. package/lib/components/Dropdown/Dropdown.test.d.ts +0 -1
  249. package/lib/components/Dropdown/data.d.ts +0 -3
  250. package/lib/components/Dropdown/index.d.ts +0 -1
  251. package/lib/components/DynamicIcons/DynamicIcons.stories.d.ts +0 -9
  252. package/lib/components/DynamicIcons/index.d.ts +0 -3
  253. package/lib/components/DynamicIcons/tablerIconNames.d.ts +0 -2
  254. package/lib/components/Forms/BaseField/BaseField.d.ts +0 -34
  255. package/lib/components/Forms/BaseField/BaseField.stories.d.ts +0 -6
  256. package/lib/components/Forms/BaseField/BaseField.test.d.ts +0 -1
  257. package/lib/components/Forms/BaseField/index.d.ts +0 -1
  258. package/lib/components/Forms/Checkbox/Checkbox.stories.d.ts +0 -14
  259. package/lib/components/Forms/Checkbox/Checkbox.test.d.ts +0 -1
  260. package/lib/components/Forms/Checkbox/index.d.ts +0 -1
  261. package/lib/components/Forms/InputCounter/InputCounter.d.ts +0 -9
  262. package/lib/components/Forms/InputCounter/InputCounter.stories.d.ts +0 -6
  263. package/lib/components/Forms/InputCounter/InputCounter.test.d.ts +0 -1
  264. package/lib/components/Forms/InputCounter/index.d.ts +0 -1
  265. package/lib/components/Forms/InputLabel/InputLabel.stories.d.ts +0 -6
  266. package/lib/components/Forms/InputLabel/InputLabel.test.d.ts +0 -1
  267. package/lib/components/Forms/InputLabel/index.d.ts +0 -1
  268. package/lib/components/Forms/Radio/Radio.stories.d.ts +0 -12
  269. package/lib/components/Forms/Radio/Radio.test.d.ts +0 -1
  270. package/lib/components/Forms/Radio/index.d.ts +0 -1
  271. package/lib/components/Forms/Select/Select.stories.d.ts +0 -11
  272. package/lib/components/Forms/Select/Select.test.d.ts +0 -1
  273. package/lib/components/Forms/Select/index.d.ts +0 -1
  274. package/lib/components/Forms/TextInput/TextInput.d.ts +0 -39
  275. package/lib/components/Forms/TextInput/TextInput.stories.d.ts +0 -12
  276. package/lib/components/Forms/TextInput/index.d.ts +0 -1
  277. package/lib/components/Forms/TextInputAddon/InputCta/InputCta.d.ts +0 -16
  278. package/lib/components/Forms/TextInputAddon/InputCta/InputCta.stories.d.ts +0 -6
  279. package/lib/components/Forms/TextInputAddon/InputCta/InputCta.test.d.ts +0 -1
  280. package/lib/components/Forms/TextInputAddon/InputCta/index.d.ts +0 -1
  281. package/lib/components/Forms/TextInputAddon/TextInputAddon.d.ts +0 -54
  282. package/lib/components/Forms/TextInputAddon/TextInputAddon.stories.d.ts +0 -13
  283. package/lib/components/Forms/TextInputAddon/index.d.ts +0 -1
  284. package/lib/components/Forms/TextInputSelect/InputSelect/InputSelect.d.ts +0 -13
  285. package/lib/components/Forms/TextInputSelect/InputSelect/InputSelect.stories.d.ts +0 -6
  286. package/lib/components/Forms/TextInputSelect/InputSelect/InputSelect.test.d.ts +0 -1
  287. package/lib/components/Forms/TextInputSelect/InputSelect/index.d.ts +0 -1
  288. package/lib/components/Forms/TextInputSelect/TextInputSelect.d.ts +0 -48
  289. package/lib/components/Forms/TextInputSelect/TextInputSelect.stories.d.ts +0 -8
  290. package/lib/components/Forms/TextInputSelect/index.d.ts +0 -1
  291. package/lib/components/Forms/Textarea/Textarea.d.ts +0 -32
  292. package/lib/components/Forms/Textarea/Textarea.stories.d.ts +0 -12
  293. package/lib/components/Forms/Textarea/Textarea.test.d.ts +0 -1
  294. package/lib/components/Forms/Textarea/index.d.ts +0 -1
  295. package/lib/components/ToggleSwitch/ToggleSwitch.d.ts +0 -28
  296. package/lib/components/ToggleSwitch/ToggleSwitch.stories.d.ts +0 -21
  297. package/lib/components/ToggleSwitch/ToggleSwitch.test.d.ts +0 -1
  298. package/lib/components/ToggleSwitch/index.d.ts +0 -1
  299. package/lib/components/TreeView/TreeView.d.ts +0 -36
  300. package/lib/components/TreeView/TreeView.stories.d.ts +0 -6
  301. package/lib/components/TreeView/TreeView.test.d.ts +0 -1
  302. package/lib/components/TreeView/index.d.ts +0 -1
  303. package/lib/components/TreeView V1/TreeItem/TreeItem.d.ts +0 -16
  304. package/lib/components/TreeView V1/TreeItem/TreeItem.stories.d.ts +0 -9
  305. package/lib/components/TreeView V1/TreeItem/TreeItem.test.d.ts +0 -1
  306. package/lib/components/TreeView V1/TreeItem/index.d.ts +0 -1
  307. package/lib/components/TreeView V1/TreeView.d.ts +0 -6
  308. package/lib/components/TreeView V1/TreeView.stories.d.ts +0 -6
  309. package/lib/components/TreeView V1/TreeView.test.d.ts +0 -1
  310. package/lib/components/TreeView V1/context.d.ts +0 -9
  311. package/lib/components/TreeView V1/index.d.ts +0 -1
  312. package/lib/components/TreeView V1/sampleData.d.ts +0 -71
  313. package/lib/components/TreeView V1/types/tree.types.d.ts +0 -21
  314. package/lib/index.d.ts +0 -13
  315. package/lib/index.esm.js +0 -105883
  316. package/lib/index.esm.js.map +0 -1
  317. package/lib/index.js +0 -105922
  318. package/lib/index.js.map +0 -1
  319. package/lib/page/TreeNavigation/CustomNode/CustomNode.d.ts +0 -3
  320. package/lib/page/TreeNavigation/CustomNode/CustomNode.test.d.ts +0 -1
  321. package/lib/page/TreeNavigation/CustomNode/index.d.ts +0 -1
  322. package/lib/page/TreeNavigation/TreeNavigation.d.ts +0 -8
  323. package/lib/page/TreeNavigation/TreeNavigation.stories.d.ts +0 -6
  324. package/lib/page/TreeNavigation/hooks/useFetch.d.ts +0 -14
  325. package/lib/page/TreeNavigation/index.d.ts +0 -1
  326. package/lib/tailwind.css +0 -2023
  327. package/lib/util/DynamicIcons.d.ts +0 -10
  328. package/lib/util/Loader.d.ts +0 -5
  329. package/lib/util/types.d.ts +0 -2
  330. package/lib/util/useID.d.ts +0 -1
  331. package/rollup.config.js +0 -37
  332. package/setupTests.js +0 -6
  333. package/styleMock.js +0 -2
package/lib/tailwind.css DELETED
@@ -1,2023 +0,0 @@
1
- /*
2
- ! tailwindcss v3.0.24 | MIT License | https://tailwindcss.com
3
- */
4
-
5
- /*
6
- 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
7
- 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
8
- */
9
-
10
- *,
11
- ::before,
12
- ::after {
13
- box-sizing: border-box;
14
- /* 1 */
15
- border-width: 0;
16
- /* 2 */
17
- border-style: solid;
18
- /* 2 */
19
- border-color: #e5e7eb;
20
- /* 2 */
21
- }
22
-
23
- ::before,
24
- ::after {
25
- --tw-content: '';
26
- }
27
-
28
- /*
29
- 1. Use a consistent sensible line-height in all browsers.
30
- 2. Prevent adjustments of font size after orientation changes in iOS.
31
- 3. Use a more readable tab size.
32
- 4. Use the user's configured `sans` font-family by default.
33
- */
34
-
35
- html {
36
- line-height: 1.5;
37
- /* 1 */
38
- -webkit-text-size-adjust: 100%;
39
- /* 2 */
40
- -moz-tab-size: 4;
41
- /* 3 */
42
- -o-tab-size: 4;
43
- tab-size: 4;
44
- /* 3 */
45
- font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
46
- /* 4 */
47
- }
48
-
49
- /*
50
- 1. Remove the margin in all browsers.
51
- 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
52
- */
53
-
54
- body {
55
- margin: 0;
56
- /* 1 */
57
- line-height: inherit;
58
- /* 2 */
59
- }
60
-
61
- /*
62
- 1. Add the correct height in Firefox.
63
- 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
64
- 3. Ensure horizontal rules are visible by default.
65
- */
66
-
67
- hr {
68
- height: 0;
69
- /* 1 */
70
- color: inherit;
71
- /* 2 */
72
- border-top-width: 1px;
73
- /* 3 */
74
- }
75
-
76
- /*
77
- Add the correct text decoration in Chrome, Edge, and Safari.
78
- */
79
-
80
- abbr:where([title]) {
81
- -webkit-text-decoration: underline dotted;
82
- text-decoration: underline dotted;
83
- }
84
-
85
- /*
86
- Remove the default font size and weight for headings.
87
- */
88
-
89
- h1,
90
- h2,
91
- h3,
92
- h4,
93
- h5,
94
- h6 {
95
- font-size: inherit;
96
- font-weight: inherit;
97
- }
98
-
99
- /*
100
- Reset links to optimize for opt-in styling instead of opt-out.
101
- */
102
-
103
- a {
104
- color: inherit;
105
- text-decoration: inherit;
106
- }
107
-
108
- /*
109
- Add the correct font weight in Edge and Safari.
110
- */
111
-
112
- b,
113
- strong {
114
- font-weight: bolder;
115
- }
116
-
117
- /*
118
- 1. Use the user's configured `mono` font family by default.
119
- 2. Correct the odd `em` font sizing in all browsers.
120
- */
121
-
122
- code,
123
- kbd,
124
- samp,
125
- pre {
126
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
127
- /* 1 */
128
- font-size: 1em;
129
- /* 2 */
130
- }
131
-
132
- /*
133
- Add the correct font size in all browsers.
134
- */
135
-
136
- small {
137
- font-size: 80%;
138
- }
139
-
140
- /*
141
- Prevent `sub` and `sup` elements from affecting the line height in all browsers.
142
- */
143
-
144
- sub,
145
- sup {
146
- font-size: 75%;
147
- line-height: 0;
148
- position: relative;
149
- vertical-align: baseline;
150
- }
151
-
152
- sub {
153
- bottom: -0.25em;
154
- }
155
-
156
- sup {
157
- top: -0.5em;
158
- }
159
-
160
- /*
161
- 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
162
- 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
163
- 3. Remove gaps between table borders by default.
164
- */
165
-
166
- table {
167
- text-indent: 0;
168
- /* 1 */
169
- border-color: inherit;
170
- /* 2 */
171
- border-collapse: collapse;
172
- /* 3 */
173
- }
174
-
175
- /*
176
- 1. Change the font styles in all browsers.
177
- 2. Remove the margin in Firefox and Safari.
178
- 3. Remove default padding in all browsers.
179
- */
180
-
181
- button,
182
- input,
183
- optgroup,
184
- select,
185
- textarea {
186
- font-family: inherit;
187
- /* 1 */
188
- font-size: 100%;
189
- /* 1 */
190
- line-height: inherit;
191
- /* 1 */
192
- color: inherit;
193
- /* 1 */
194
- margin: 0;
195
- /* 2 */
196
- padding: 0;
197
- /* 3 */
198
- }
199
-
200
- /*
201
- Remove the inheritance of text transform in Edge and Firefox.
202
- */
203
-
204
- button,
205
- select {
206
- text-transform: none;
207
- }
208
-
209
- /*
210
- 1. Correct the inability to style clickable types in iOS and Safari.
211
- 2. Remove default button styles.
212
- */
213
-
214
- button,
215
- [type='button'],
216
- [type='reset'],
217
- [type='submit'] {
218
- -webkit-appearance: button;
219
- /* 1 */
220
- background-color: transparent;
221
- /* 2 */
222
- background-image: none;
223
- /* 2 */
224
- }
225
-
226
- /*
227
- Use the modern Firefox focus style for all focusable elements.
228
- */
229
-
230
- :-moz-focusring {
231
- outline: auto;
232
- }
233
-
234
- /*
235
- Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
236
- */
237
-
238
- :-moz-ui-invalid {
239
- box-shadow: none;
240
- }
241
-
242
- /*
243
- Add the correct vertical alignment in Chrome and Firefox.
244
- */
245
-
246
- progress {
247
- vertical-align: baseline;
248
- }
249
-
250
- /*
251
- Correct the cursor style of increment and decrement buttons in Safari.
252
- */
253
-
254
- ::-webkit-inner-spin-button,
255
- ::-webkit-outer-spin-button {
256
- height: auto;
257
- }
258
-
259
- /*
260
- 1. Correct the odd appearance in Chrome and Safari.
261
- 2. Correct the outline style in Safari.
262
- */
263
-
264
- [type='search'] {
265
- -webkit-appearance: textfield;
266
- /* 1 */
267
- outline-offset: -2px;
268
- /* 2 */
269
- }
270
-
271
- /*
272
- Remove the inner padding in Chrome and Safari on macOS.
273
- */
274
-
275
- ::-webkit-search-decoration {
276
- -webkit-appearance: none;
277
- }
278
-
279
- /*
280
- 1. Correct the inability to style clickable types in iOS and Safari.
281
- 2. Change font properties to `inherit` in Safari.
282
- */
283
-
284
- ::-webkit-file-upload-button {
285
- -webkit-appearance: button;
286
- /* 1 */
287
- font: inherit;
288
- /* 2 */
289
- }
290
-
291
- /*
292
- Add the correct display in Chrome and Safari.
293
- */
294
-
295
- summary {
296
- display: list-item;
297
- }
298
-
299
- /*
300
- Removes the default spacing and border for appropriate elements.
301
- */
302
-
303
- blockquote,
304
- dl,
305
- dd,
306
- h1,
307
- h2,
308
- h3,
309
- h4,
310
- h5,
311
- h6,
312
- hr,
313
- figure,
314
- p,
315
- pre {
316
- margin: 0;
317
- }
318
-
319
- fieldset {
320
- margin: 0;
321
- padding: 0;
322
- }
323
-
324
- legend {
325
- padding: 0;
326
- }
327
-
328
- ol,
329
- ul,
330
- menu {
331
- list-style: none;
332
- margin: 0;
333
- padding: 0;
334
- }
335
-
336
- /*
337
- Prevent resizing textareas horizontally by default.
338
- */
339
-
340
- textarea {
341
- resize: vertical;
342
- }
343
-
344
- /*
345
- 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
346
- 2. Set the default placeholder color to the user's configured gray 400 color.
347
- */
348
-
349
- input::-moz-placeholder, textarea::-moz-placeholder {
350
- opacity: 1;
351
- /* 1 */
352
- color: #9ca3af;
353
- /* 2 */
354
- }
355
-
356
- input::placeholder,
357
- textarea::placeholder {
358
- opacity: 1;
359
- /* 1 */
360
- color: #9ca3af;
361
- /* 2 */
362
- }
363
-
364
- /*
365
- Set the default cursor for buttons.
366
- */
367
-
368
- button,
369
- [role="button"] {
370
- cursor: pointer;
371
- }
372
-
373
- /*
374
- Make sure disabled buttons don't get the pointer cursor.
375
- */
376
-
377
- :disabled {
378
- cursor: default;
379
- }
380
-
381
- /*
382
- 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
383
- 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
384
- This can trigger a poorly considered lint error in some tools but is included by design.
385
- */
386
-
387
- img,
388
- svg,
389
- video,
390
- canvas,
391
- audio,
392
- iframe,
393
- embed,
394
- object {
395
- display: block;
396
- /* 1 */
397
- vertical-align: middle;
398
- /* 2 */
399
- }
400
-
401
- /*
402
- Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
403
- */
404
-
405
- img,
406
- video {
407
- max-width: 100%;
408
- height: auto;
409
- }
410
-
411
- /*
412
- Ensure the default browser behavior of the `hidden` attribute.
413
- */
414
-
415
- [hidden] {
416
- display: none;
417
- }
418
-
419
- [type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {
420
- -webkit-appearance: none;
421
- -moz-appearance: none;
422
- appearance: none;
423
- background-color: #fff;
424
- border-color: #6b7280;
425
- border-width: 1px;
426
- border-radius: 0px;
427
- padding-top: 0.5rem;
428
- padding-right: 0.75rem;
429
- padding-bottom: 0.5rem;
430
- padding-left: 0.75rem;
431
- font-size: 1rem;
432
- line-height: 1.5rem;
433
- --tw-shadow: 0 0 #0000;
434
- }
435
-
436
- [type='text']:focus, input:where(:not([type])):focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {
437
- outline: 2px solid transparent;
438
- outline-offset: 2px;
439
- --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
440
- --tw-ring-offset-width: 0px;
441
- --tw-ring-offset-color: #fff;
442
- --tw-ring-color: #2563eb;
443
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
444
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
445
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
446
- border-color: #2563eb;
447
- }
448
-
449
- input::-moz-placeholder, textarea::-moz-placeholder {
450
- color: #6b7280;
451
- opacity: 1;
452
- }
453
-
454
- input::placeholder,textarea::placeholder {
455
- color: #6b7280;
456
- opacity: 1;
457
- }
458
-
459
- ::-webkit-datetime-edit-fields-wrapper {
460
- padding: 0;
461
- }
462
-
463
- ::-webkit-date-and-time-value {
464
- min-height: 1.5em;
465
- }
466
-
467
- ::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {
468
- padding-top: 0;
469
- padding-bottom: 0;
470
- }
471
-
472
- select {
473
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
474
- background-position: right 0.5rem center;
475
- background-repeat: no-repeat;
476
- background-size: 1.5em 1.5em;
477
- padding-right: 2.5rem;
478
- -webkit-print-color-adjust: exact;
479
- print-color-adjust: exact;
480
- }
481
-
482
- [multiple],[size]:where(select:not([size="1"])) {
483
- background-image: initial;
484
- background-position: initial;
485
- background-repeat: unset;
486
- background-size: initial;
487
- padding-right: 0.75rem;
488
- -webkit-print-color-adjust: unset;
489
- print-color-adjust: unset;
490
- }
491
-
492
- [type='checkbox'],[type='radio'] {
493
- -webkit-appearance: none;
494
- -moz-appearance: none;
495
- appearance: none;
496
- padding: 0;
497
- -webkit-print-color-adjust: exact;
498
- print-color-adjust: exact;
499
- display: inline-block;
500
- vertical-align: middle;
501
- background-origin: border-box;
502
- -webkit-user-select: none;
503
- -moz-user-select: none;
504
- user-select: none;
505
- flex-shrink: 0;
506
- height: 1rem;
507
- width: 1rem;
508
- color: #2563eb;
509
- background-color: #fff;
510
- border-color: #6b7280;
511
- border-width: 1px;
512
- --tw-shadow: 0 0 #0000;
513
- }
514
-
515
- [type='checkbox'] {
516
- border-radius: 0px;
517
- }
518
-
519
- [type='radio'] {
520
- border-radius: 100%;
521
- }
522
-
523
- [type='checkbox']:focus,[type='radio']:focus {
524
- outline: 2px solid transparent;
525
- outline-offset: 2px;
526
- --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
527
- --tw-ring-offset-width: 2px;
528
- --tw-ring-offset-color: #fff;
529
- --tw-ring-color: #2563eb;
530
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
531
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
532
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
533
- }
534
-
535
- [type='checkbox']:checked,[type='radio']:checked {
536
- border-color: transparent;
537
- background-color: currentColor;
538
- background-size: 100% 100%;
539
- background-position: center;
540
- background-repeat: no-repeat;
541
- }
542
-
543
- [type='checkbox']:checked {
544
- background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
545
- }
546
-
547
- [type='radio']:checked {
548
- background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
549
- }
550
-
551
- [type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus {
552
- border-color: transparent;
553
- background-color: currentColor;
554
- }
555
-
556
- [type='checkbox']:indeterminate {
557
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
558
- border-color: transparent;
559
- background-color: currentColor;
560
- background-size: 100% 100%;
561
- background-position: center;
562
- background-repeat: no-repeat;
563
- }
564
-
565
- [type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {
566
- border-color: transparent;
567
- background-color: currentColor;
568
- }
569
-
570
- [type='file'] {
571
- background: unset;
572
- border-color: inherit;
573
- border-width: 0;
574
- border-radius: 0;
575
- padding: 0;
576
- font-size: unset;
577
- line-height: inherit;
578
- }
579
-
580
- [type='file']:focus {
581
- outline: 1px solid ButtonText;
582
- outline: 1px auto -webkit-focus-ring-color;
583
- }
584
-
585
- *, ::before, ::after {
586
- --tw-translate-x: 0;
587
- --tw-translate-y: 0;
588
- --tw-rotate: 0;
589
- --tw-skew-x: 0;
590
- --tw-skew-y: 0;
591
- --tw-scale-x: 1;
592
- --tw-scale-y: 1;
593
- --tw-pan-x: ;
594
- --tw-pan-y: ;
595
- --tw-pinch-zoom: ;
596
- --tw-scroll-snap-strictness: proximity;
597
- --tw-ordinal: ;
598
- --tw-slashed-zero: ;
599
- --tw-numeric-figure: ;
600
- --tw-numeric-spacing: ;
601
- --tw-numeric-fraction: ;
602
- --tw-ring-inset: ;
603
- --tw-ring-offset-width: 0px;
604
- --tw-ring-offset-color: #fff;
605
- --tw-ring-color: rgb(59 130 246 / 0.5);
606
- --tw-ring-offset-shadow: 0 0 #0000;
607
- --tw-ring-shadow: 0 0 #0000;
608
- --tw-shadow: 0 0 #0000;
609
- --tw-shadow-colored: 0 0 #0000;
610
- --tw-blur: ;
611
- --tw-brightness: ;
612
- --tw-contrast: ;
613
- --tw-grayscale: ;
614
- --tw-hue-rotate: ;
615
- --tw-invert: ;
616
- --tw-saturate: ;
617
- --tw-sepia: ;
618
- --tw-drop-shadow: ;
619
- --tw-backdrop-blur: ;
620
- --tw-backdrop-brightness: ;
621
- --tw-backdrop-contrast: ;
622
- --tw-backdrop-grayscale: ;
623
- --tw-backdrop-hue-rotate: ;
624
- --tw-backdrop-invert: ;
625
- --tw-backdrop-opacity: ;
626
- --tw-backdrop-saturate: ;
627
- --tw-backdrop-sepia: ;
628
- }
629
-
630
- .sr-only {
631
- position: absolute;
632
- width: 1px;
633
- height: 1px;
634
- padding: 0;
635
- margin: -1px;
636
- overflow: hidden;
637
- clip: rect(0, 0, 0, 0);
638
- white-space: nowrap;
639
- border-width: 0;
640
- }
641
-
642
- .pointer-events-none {
643
- pointer-events: none;
644
- }
645
-
646
- .absolute {
647
- position: absolute;
648
- }
649
-
650
- .relative {
651
- position: relative;
652
- }
653
-
654
- .inset-y-0 {
655
- top: 0px;
656
- bottom: 0px;
657
- }
658
-
659
- .top-0 {
660
- top: 0px;
661
- }
662
-
663
- .right-0 {
664
- right: 0px;
665
- }
666
-
667
- .right-8 {
668
- right: 2rem;
669
- }
670
-
671
- .top-\[1px\] {
672
- top: 1px;
673
- }
674
-
675
- .top-8 {
676
- top: 2rem;
677
- }
678
-
679
- .top-\[10px\] {
680
- top: 10px;
681
- }
682
-
683
- .left-0 {
684
- left: 0px;
685
- }
686
-
687
- .z-30 {
688
- z-index: 30;
689
- }
690
-
691
- .z-20 {
692
- z-index: 20;
693
- }
694
-
695
- .z-\[2\] {
696
- z-index: 2;
697
- }
698
-
699
- .z-10 {
700
- z-index: 10;
701
- }
702
-
703
- .m-auto {
704
- margin: auto;
705
- }
706
-
707
- .m-0 {
708
- margin: 0px;
709
- }
710
-
711
- .mx-12 {
712
- margin-left: 3rem;
713
- margin-right: 3rem;
714
- }
715
-
716
- .mt-5 {
717
- margin-top: 1.25rem;
718
- }
719
-
720
- .mt-1 {
721
- margin-top: 0.25rem;
722
- }
723
-
724
- .mt-2 {
725
- margin-top: 0.5rem;
726
- }
727
-
728
- .ml-1 {
729
- margin-left: 0.25rem;
730
- }
731
-
732
- .mr-2 {
733
- margin-right: 0.5rem;
734
- }
735
-
736
- .ml-3 {
737
- margin-left: 0.75rem;
738
- }
739
-
740
- .mb-1 {
741
- margin-bottom: 0.25rem;
742
- }
743
-
744
- .ml-2 {
745
- margin-left: 0.5rem;
746
- }
747
-
748
- .-ml-px {
749
- margin-left: -1px;
750
- }
751
-
752
- .-mr-px {
753
- margin-right: -1px;
754
- }
755
-
756
- .block {
757
- display: block;
758
- }
759
-
760
- .inline-block {
761
- display: inline-block;
762
- }
763
-
764
- .inline {
765
- display: inline;
766
- }
767
-
768
- .flex {
769
- display: flex;
770
- }
771
-
772
- .inline-flex {
773
- display: inline-flex;
774
- }
775
-
776
- .table {
777
- display: table;
778
- }
779
-
780
- .grid {
781
- display: grid;
782
- }
783
-
784
- .contents {
785
- display: contents;
786
- }
787
-
788
- .hidden {
789
- display: none;
790
- }
791
-
792
- .h-16 {
793
- height: 4rem;
794
- }
795
-
796
- .h-6 {
797
- height: 1.5rem;
798
- }
799
-
800
- .h-8 {
801
- height: 2rem;
802
- }
803
-
804
- .h-10 {
805
- height: 2.5rem;
806
- }
807
-
808
- .h-12 {
809
- height: 3rem;
810
- }
811
-
812
- .h-14 {
813
- height: 3.5rem;
814
- }
815
-
816
- .h-1\.5 {
817
- height: 0.375rem;
818
- }
819
-
820
- .h-1 {
821
- height: 0.25rem;
822
- }
823
-
824
- .h-2 {
825
- height: 0.5rem;
826
- }
827
-
828
- .h-2\.5 {
829
- height: 0.625rem;
830
- }
831
-
832
- .h-3 {
833
- height: 0.75rem;
834
- }
835
-
836
- .h-3\.5 {
837
- height: 0.875rem;
838
- }
839
-
840
- .h-4 {
841
- height: 1rem;
842
- }
843
-
844
- .h-full {
845
- height: 100%;
846
- }
847
-
848
- .h-5 {
849
- height: 1.25rem;
850
- }
851
-
852
- .h-\[38px\] {
853
- height: 38px;
854
- }
855
-
856
- .h-9 {
857
- height: 2.25rem;
858
- }
859
-
860
- .h-\[28px\] {
861
- height: 28px;
862
- }
863
-
864
- .h-\[18px\] {
865
- height: 18px;
866
- }
867
-
868
- .h-\[34px\] {
869
- height: 34px;
870
- }
871
-
872
- .h-\[24px\] {
873
- height: 24px;
874
- }
875
-
876
- .h-\[14px\] {
877
- height: 14px;
878
- }
879
-
880
- .max-h-60 {
881
- max-height: 15rem;
882
- }
883
-
884
- .min-h-\[38px\] {
885
- min-height: 38px;
886
- }
887
-
888
- .w-16 {
889
- width: 4rem;
890
- }
891
-
892
- .w-6 {
893
- width: 1.5rem;
894
- }
895
-
896
- .w-8 {
897
- width: 2rem;
898
- }
899
-
900
- .w-10 {
901
- width: 2.5rem;
902
- }
903
-
904
- .w-12 {
905
- width: 3rem;
906
- }
907
-
908
- .w-14 {
909
- width: 3.5rem;
910
- }
911
-
912
- .w-1\.5 {
913
- width: 0.375rem;
914
- }
915
-
916
- .w-1 {
917
- width: 0.25rem;
918
- }
919
-
920
- .w-2 {
921
- width: 0.5rem;
922
- }
923
-
924
- .w-2\.5 {
925
- width: 0.625rem;
926
- }
927
-
928
- .w-3 {
929
- width: 0.75rem;
930
- }
931
-
932
- .w-3\.5 {
933
- width: 0.875rem;
934
- }
935
-
936
- .w-4 {
937
- width: 1rem;
938
- }
939
-
940
- .w-full {
941
- width: 100%;
942
- }
943
-
944
- .w-5 {
945
- width: 1.25rem;
946
- }
947
-
948
- .w-\[1px\] {
949
- width: 1px;
950
- }
951
-
952
- .w-\[74px\] {
953
- width: 74px;
954
- }
955
-
956
- .w-\[64px\] {
957
- width: 64px;
958
- }
959
-
960
- .w-\[34px\] {
961
- width: 34px;
962
- }
963
-
964
- .w-\[24px\] {
965
- width: 24px;
966
- }
967
-
968
- .w-\[14px\] {
969
- width: 14px;
970
- }
971
-
972
- .min-w-\[320px\] {
973
- min-width: 320px;
974
- }
975
-
976
- .flex-shrink-0 {
977
- flex-shrink: 0;
978
- }
979
-
980
- .shrink-0 {
981
- flex-shrink: 0;
982
- }
983
-
984
- .flex-grow {
985
- flex-grow: 1;
986
- }
987
-
988
- .grow {
989
- flex-grow: 1;
990
- }
991
-
992
- .origin-bottom-right {
993
- transform-origin: bottom right;
994
- }
995
-
996
- .translate-x-9 {
997
- --tw-translate-x: 2.25rem;
998
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
999
- }
1000
-
1001
- .translate-x-0 {
1002
- --tw-translate-x: 0px;
1003
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1004
- }
1005
-
1006
- .translate-x-4 {
1007
- --tw-translate-x: 1rem;
1008
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1009
- }
1010
-
1011
- .scale-95 {
1012
- --tw-scale-x: .95;
1013
- --tw-scale-y: .95;
1014
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1015
- }
1016
-
1017
- .scale-100 {
1018
- --tw-scale-x: 1;
1019
- --tw-scale-y: 1;
1020
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1021
- }
1022
-
1023
- .transform {
1024
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1025
- }
1026
-
1027
- @keyframes spin {
1028
- to {
1029
- transform: rotate(360deg);
1030
- }
1031
- }
1032
-
1033
- .animate-spin {
1034
- animation: spin 1s linear infinite;
1035
- }
1036
-
1037
- .cursor-auto {
1038
- cursor: auto;
1039
- }
1040
-
1041
- .cursor-default {
1042
- cursor: default;
1043
- }
1044
-
1045
- .cursor-pointer {
1046
- cursor: pointer;
1047
- }
1048
-
1049
- .select-none {
1050
- -webkit-user-select: none;
1051
- -moz-user-select: none;
1052
- user-select: none;
1053
- }
1054
-
1055
- .grid-flow-row {
1056
- grid-auto-flow: row;
1057
- }
1058
-
1059
- .grid-cols-3 {
1060
- grid-template-columns: repeat(3, minmax(0, 1fr));
1061
- }
1062
-
1063
- .flex-row {
1064
- flex-direction: row;
1065
- }
1066
-
1067
- .flex-col {
1068
- flex-direction: column;
1069
- }
1070
-
1071
- .items-start {
1072
- align-items: flex-start;
1073
- }
1074
-
1075
- .items-center {
1076
- align-items: center;
1077
- }
1078
-
1079
- .items-stretch {
1080
- align-items: stretch;
1081
- }
1082
-
1083
- .justify-center {
1084
- justify-content: center;
1085
- }
1086
-
1087
- .justify-between {
1088
- justify-content: space-between;
1089
- }
1090
-
1091
- .gap-4 {
1092
- gap: 1rem;
1093
- }
1094
-
1095
- .gap-2 {
1096
- gap: 0.5rem;
1097
- }
1098
-
1099
- .gap-1 {
1100
- gap: 0.25rem;
1101
- }
1102
-
1103
- .gap-3 {
1104
- gap: 0.75rem;
1105
- }
1106
-
1107
- .gap-y-4 {
1108
- row-gap: 1rem;
1109
- }
1110
-
1111
- .gap-x-4 {
1112
- -moz-column-gap: 1rem;
1113
- column-gap: 1rem;
1114
- }
1115
-
1116
- .space-x-2 > :not([hidden]) ~ :not([hidden]) {
1117
- --tw-space-x-reverse: 0;
1118
- margin-right: calc(0.5rem * var(--tw-space-x-reverse));
1119
- margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
1120
- }
1121
-
1122
- .space-x-3 > :not([hidden]) ~ :not([hidden]) {
1123
- --tw-space-x-reverse: 0;
1124
- margin-right: calc(0.75rem * var(--tw-space-x-reverse));
1125
- margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
1126
- }
1127
-
1128
- .divide-y > :not([hidden]) ~ :not([hidden]) {
1129
- --tw-divide-y-reverse: 0;
1130
- border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
1131
- border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
1132
- }
1133
-
1134
- .divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
1135
- --tw-divide-opacity: 1;
1136
- border-color: rgb(243 244 246 / var(--tw-divide-opacity));
1137
- }
1138
-
1139
- .overflow-auto {
1140
- overflow: auto;
1141
- }
1142
-
1143
- .overflow-hidden {
1144
- overflow: hidden;
1145
- }
1146
-
1147
- .truncate {
1148
- overflow: hidden;
1149
- text-overflow: ellipsis;
1150
- white-space: nowrap;
1151
- }
1152
-
1153
- .whitespace-nowrap {
1154
- white-space: nowrap;
1155
- }
1156
-
1157
- .rounded-full {
1158
- border-radius: 9999px;
1159
- }
1160
-
1161
- .rounded {
1162
- border-radius: 0.25rem;
1163
- }
1164
-
1165
- .rounded-sm {
1166
- border-radius: 0.125rem;
1167
- }
1168
-
1169
- .rounded-none {
1170
- border-radius: 0px;
1171
- }
1172
-
1173
- .rounded-l-none {
1174
- border-top-left-radius: 0px;
1175
- border-bottom-left-radius: 0px;
1176
- }
1177
-
1178
- .rounded-r {
1179
- border-top-right-radius: 0.25rem;
1180
- border-bottom-right-radius: 0.25rem;
1181
- }
1182
-
1183
- .\!rounded-r-none {
1184
- border-top-right-radius: 0px !important;
1185
- border-bottom-right-radius: 0px !important;
1186
- }
1187
-
1188
- .\!rounded-l {
1189
- border-top-left-radius: 0.25rem !important;
1190
- border-bottom-left-radius: 0.25rem !important;
1191
- }
1192
-
1193
- .\!rounded-l-none {
1194
- border-top-left-radius: 0px !important;
1195
- border-bottom-left-radius: 0px !important;
1196
- }
1197
-
1198
- .\!rounded-r {
1199
- border-top-right-radius: 0.25rem !important;
1200
- border-bottom-right-radius: 0.25rem !important;
1201
- }
1202
-
1203
- .rounded-l {
1204
- border-top-left-radius: 0.25rem;
1205
- border-bottom-left-radius: 0.25rem;
1206
- }
1207
-
1208
- .border-8 {
1209
- border-width: 8px;
1210
- }
1211
-
1212
- .border {
1213
- border-width: 1px;
1214
- }
1215
-
1216
- .border-2 {
1217
- border-width: 2px;
1218
- }
1219
-
1220
- .\!border-l-0 {
1221
- border-left-width: 0px !important;
1222
- }
1223
-
1224
- .\!border-r-0 {
1225
- border-right-width: 0px !important;
1226
- }
1227
-
1228
- .border-purple-700 {
1229
- --tw-border-opacity: 1;
1230
- border-color: rgb(88 0 212 / var(--tw-border-opacity));
1231
- }
1232
-
1233
- .border-purple-600 {
1234
- --tw-border-opacity: 1;
1235
- border-color: rgb(105 44 216 / var(--tw-border-opacity));
1236
- }
1237
-
1238
- .border-purple-50 {
1239
- --tw-border-opacity: 1;
1240
- border-color: rgb(238 230 251 / var(--tw-border-opacity));
1241
- }
1242
-
1243
- .border-gray-300 {
1244
- --tw-border-opacity: 1;
1245
- border-color: rgb(209 213 219 / var(--tw-border-opacity));
1246
- }
1247
-
1248
- .border-red-300 {
1249
- --tw-border-opacity: 1;
1250
- border-color: rgb(252 165 165 / var(--tw-border-opacity));
1251
- }
1252
-
1253
- .border-red-500 {
1254
- --tw-border-opacity: 1;
1255
- border-color: rgb(239 68 68 / var(--tw-border-opacity));
1256
- }
1257
-
1258
- .border-transparent {
1259
- border-color: transparent;
1260
- }
1261
-
1262
- .\!border-purple-500 {
1263
- --tw-border-opacity: 1 !important;
1264
- border-color: rgb(121 51 221 / var(--tw-border-opacity)) !important;
1265
- }
1266
-
1267
- .\!border-red-500 {
1268
- --tw-border-opacity: 1 !important;
1269
- border-color: rgb(239 68 68 / var(--tw-border-opacity)) !important;
1270
- }
1271
-
1272
- .border-r-gray-200 {
1273
- --tw-border-opacity: 1;
1274
- border-right-color: rgb(229 231 235 / var(--tw-border-opacity));
1275
- }
1276
-
1277
- .\!border-l-white {
1278
- --tw-border-opacity: 1 !important;
1279
- border-left-color: rgb(255 255 255 / var(--tw-border-opacity)) !important;
1280
- }
1281
-
1282
- .\!border-r-white {
1283
- --tw-border-opacity: 1 !important;
1284
- border-right-color: rgb(255 255 255 / var(--tw-border-opacity)) !important;
1285
- }
1286
-
1287
- .border-r-white {
1288
- --tw-border-opacity: 1;
1289
- border-right-color: rgb(255 255 255 / var(--tw-border-opacity));
1290
- }
1291
-
1292
- .border-l-white {
1293
- --tw-border-opacity: 1;
1294
- border-left-color: rgb(255 255 255 / var(--tw-border-opacity));
1295
- }
1296
-
1297
- .bg-gray-500 {
1298
- --tw-bg-opacity: 1;
1299
- background-color: rgb(107 114 128 / var(--tw-bg-opacity));
1300
- }
1301
-
1302
- .bg-gray-100 {
1303
- --tw-bg-opacity: 1;
1304
- background-color: rgb(243 244 246 / var(--tw-bg-opacity));
1305
- }
1306
-
1307
- .bg-gray-300 {
1308
- --tw-bg-opacity: 1;
1309
- background-color: rgb(209 213 219 / var(--tw-bg-opacity));
1310
- }
1311
-
1312
- .bg-red-400 {
1313
- --tw-bg-opacity: 1;
1314
- background-color: rgb(248 113 113 / var(--tw-bg-opacity));
1315
- }
1316
-
1317
- .bg-green-400 {
1318
- --tw-bg-opacity: 1;
1319
- background-color: rgb(52 211 153 / var(--tw-bg-opacity));
1320
- }
1321
-
1322
- .bg-purple-600 {
1323
- --tw-bg-opacity: 1;
1324
- background-color: rgb(105 44 216 / var(--tw-bg-opacity));
1325
- }
1326
-
1327
- .bg-purple-100 {
1328
- --tw-bg-opacity: 1;
1329
- background-color: rgb(222 204 246 / var(--tw-bg-opacity));
1330
- }
1331
-
1332
- .bg-white {
1333
- --tw-bg-opacity: 1;
1334
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1335
- }
1336
-
1337
- .bg-purple-50 {
1338
- --tw-bg-opacity: 1;
1339
- background-color: rgb(238 230 251 / var(--tw-bg-opacity));
1340
- }
1341
-
1342
- .bg-red-600 {
1343
- --tw-bg-opacity: 1;
1344
- background-color: rgb(220 38 38 / var(--tw-bg-opacity));
1345
- }
1346
-
1347
- .bg-purple-700 {
1348
- --tw-bg-opacity: 1;
1349
- background-color: rgb(88 0 212 / var(--tw-bg-opacity));
1350
- }
1351
-
1352
- .bg-purple-200 {
1353
- --tw-bg-opacity: 1;
1354
- background-color: rgb(205 179 242 / var(--tw-bg-opacity));
1355
- }
1356
-
1357
- .\!bg-purple-100 {
1358
- --tw-bg-opacity: 1 !important;
1359
- background-color: rgb(222 204 246 / var(--tw-bg-opacity)) !important;
1360
- }
1361
-
1362
- .bg-gray-200 {
1363
- --tw-bg-opacity: 1;
1364
- background-color: rgb(229 231 235 / var(--tw-bg-opacity));
1365
- }
1366
-
1367
- .\!bg-red-400 {
1368
- --tw-bg-opacity: 1 !important;
1369
- background-color: rgb(248 113 113 / var(--tw-bg-opacity)) !important;
1370
- }
1371
-
1372
- .\!bg-purple-300 {
1373
- --tw-bg-opacity: 1 !important;
1374
- background-color: rgb(188 153 238 / var(--tw-bg-opacity)) !important;
1375
- }
1376
-
1377
- .bg-gray-50 {
1378
- --tw-bg-opacity: 1;
1379
- background-color: rgb(249 250 251 / var(--tw-bg-opacity));
1380
- }
1381
-
1382
- .fill-inherit {
1383
- fill: inherit;
1384
- }
1385
-
1386
- .fill-white {
1387
- fill: #fff;
1388
- }
1389
-
1390
- .fill-purple-700 {
1391
- fill: #5800D4;
1392
- }
1393
-
1394
- .fill-gray-700 {
1395
- fill: #374151;
1396
- }
1397
-
1398
- .px-4 {
1399
- padding-left: 1rem;
1400
- padding-right: 1rem;
1401
- }
1402
-
1403
- .py-2 {
1404
- padding-top: 0.5rem;
1405
- padding-bottom: 0.5rem;
1406
- }
1407
-
1408
- .px-5 {
1409
- padding-left: 1.25rem;
1410
- padding-right: 1.25rem;
1411
- }
1412
-
1413
- .px-2 {
1414
- padding-left: 0.5rem;
1415
- padding-right: 0.5rem;
1416
- }
1417
-
1418
- .py-1 {
1419
- padding-top: 0.25rem;
1420
- padding-bottom: 0.25rem;
1421
- }
1422
-
1423
- .px-3 {
1424
- padding-left: 0.75rem;
1425
- padding-right: 0.75rem;
1426
- }
1427
-
1428
- .py-3 {
1429
- padding-top: 0.75rem;
1430
- padding-bottom: 0.75rem;
1431
- }
1432
-
1433
- .px-1 {
1434
- padding-left: 0.25rem;
1435
- padding-right: 0.25rem;
1436
- }
1437
-
1438
- .pl-3 {
1439
- padding-left: 0.75rem;
1440
- }
1441
-
1442
- .pr-9 {
1443
- padding-right: 2.25rem;
1444
- }
1445
-
1446
- .pr-4 {
1447
- padding-right: 1rem;
1448
- }
1449
-
1450
- .pl-1 {
1451
- padding-left: 0.25rem;
1452
- }
1453
-
1454
- .pr-10 {
1455
- padding-right: 2.5rem;
1456
- }
1457
-
1458
- .pl-10 {
1459
- padding-left: 2.5rem;
1460
- }
1461
-
1462
- .pr-3 {
1463
- padding-right: 0.75rem;
1464
- }
1465
-
1466
- .pl-7 {
1467
- padding-left: 1.75rem;
1468
- }
1469
-
1470
- .pr-7 {
1471
- padding-right: 1.75rem;
1472
- }
1473
-
1474
- .text-left {
1475
- text-align: left;
1476
- }
1477
-
1478
- .text-center {
1479
- text-align: center;
1480
- }
1481
-
1482
- .font-muli {
1483
- font-family: Muli, sans-serif;
1484
- }
1485
-
1486
- .text-xs {
1487
- font-size: 0.75rem;
1488
- line-height: 1rem;
1489
- }
1490
-
1491
- .text-sm {
1492
- font-size: 0.875rem;
1493
- line-height: 1.25rem;
1494
- }
1495
-
1496
- .text-base {
1497
- font-size: 1rem;
1498
- line-height: 1.5rem;
1499
- }
1500
-
1501
- .text-lg {
1502
- font-size: 1.125rem;
1503
- line-height: 1.75rem;
1504
- }
1505
-
1506
- .text-xl {
1507
- font-size: 1.25rem;
1508
- line-height: 1.75rem;
1509
- }
1510
-
1511
- .font-medium {
1512
- font-weight: 600;
1513
- }
1514
-
1515
- .font-semibold {
1516
- font-weight: 600;
1517
- }
1518
-
1519
- .font-normal {
1520
- font-weight: 400;
1521
- }
1522
-
1523
- .uppercase {
1524
- text-transform: uppercase;
1525
- }
1526
-
1527
- .leading-none {
1528
- line-height: 1;
1529
- }
1530
-
1531
- .leading-5 {
1532
- line-height: 1.25rem;
1533
- }
1534
-
1535
- .text-white {
1536
- --tw-text-opacity: 1;
1537
- color: rgb(255 255 255 / var(--tw-text-opacity));
1538
- }
1539
-
1540
- .text-gray-300 {
1541
- --tw-text-opacity: 1;
1542
- color: rgb(209 213 219 / var(--tw-text-opacity));
1543
- }
1544
-
1545
- .text-gray-400 {
1546
- --tw-text-opacity: 1;
1547
- color: rgb(156 163 175 / var(--tw-text-opacity));
1548
- }
1549
-
1550
- .text-purple-700 {
1551
- --tw-text-opacity: 1;
1552
- color: rgb(88 0 212 / var(--tw-text-opacity));
1553
- }
1554
-
1555
- .text-gray-700 {
1556
- --tw-text-opacity: 1;
1557
- color: rgb(55 65 81 / var(--tw-text-opacity));
1558
- }
1559
-
1560
- .\!text-white {
1561
- --tw-text-opacity: 1 !important;
1562
- color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
1563
- }
1564
-
1565
- .\!text-purple-700 {
1566
- --tw-text-opacity: 1 !important;
1567
- color: rgb(88 0 212 / var(--tw-text-opacity)) !important;
1568
- }
1569
-
1570
- .\!text-gray-700 {
1571
- --tw-text-opacity: 1 !important;
1572
- color: rgb(55 65 81 / var(--tw-text-opacity)) !important;
1573
- }
1574
-
1575
- .\!text-purple-600 {
1576
- --tw-text-opacity: 1 !important;
1577
- color: rgb(105 44 216 / var(--tw-text-opacity)) !important;
1578
- }
1579
-
1580
- .text-gray-900 {
1581
- --tw-text-opacity: 1;
1582
- color: rgb(17 24 39 / var(--tw-text-opacity));
1583
- }
1584
-
1585
- .text-purple-600 {
1586
- --tw-text-opacity: 1;
1587
- color: rgb(105 44 216 / var(--tw-text-opacity));
1588
- }
1589
-
1590
- .text-red-500 {
1591
- --tw-text-opacity: 1;
1592
- color: rgb(239 68 68 / var(--tw-text-opacity));
1593
- }
1594
-
1595
- .text-gray-500 {
1596
- --tw-text-opacity: 1;
1597
- color: rgb(107 114 128 / var(--tw-text-opacity));
1598
- }
1599
-
1600
- .text-gray-600 {
1601
- --tw-text-opacity: 1;
1602
- color: rgb(75 85 99 / var(--tw-text-opacity));
1603
- }
1604
-
1605
- .text-gray-700\/\[\.5\] {
1606
- color: rgb(55 65 81 / .5);
1607
- }
1608
-
1609
- .opacity-50 {
1610
- opacity: 0.5;
1611
- }
1612
-
1613
- .opacity-0 {
1614
- opacity: 0;
1615
- }
1616
-
1617
- .opacity-100 {
1618
- opacity: 1;
1619
- }
1620
-
1621
- .opacity-60 {
1622
- opacity: 0.6;
1623
- }
1624
-
1625
- .opacity-75 {
1626
- opacity: 0.75;
1627
- }
1628
-
1629
- .shadow-lg {
1630
- --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
1631
- --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
1632
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1633
- }
1634
-
1635
- .shadow-sm {
1636
- --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
1637
- --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
1638
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1639
- }
1640
-
1641
- .shadow-none {
1642
- --tw-shadow: 0 0 #0000;
1643
- --tw-shadow-colored: 0 0 #0000;
1644
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1645
- }
1646
-
1647
- .outline {
1648
- outline-style: solid;
1649
- }
1650
-
1651
- .outline-purple-500 {
1652
- outline-color: #7933DD;
1653
- }
1654
-
1655
- .\!outline-red-500 {
1656
- outline-color: #ef4444 !important;
1657
- }
1658
-
1659
- .outline-red-500 {
1660
- outline-color: #ef4444;
1661
- }
1662
-
1663
- .ring-2 {
1664
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1665
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1666
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1667
- }
1668
-
1669
- .ring-1 {
1670
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1671
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1672
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1673
- }
1674
-
1675
- .ring-0 {
1676
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1677
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1678
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1679
- }
1680
-
1681
- .ring-white {
1682
- --tw-ring-opacity: 1;
1683
- --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
1684
- }
1685
-
1686
- .ring-black {
1687
- --tw-ring-opacity: 1;
1688
- --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));
1689
- }
1690
-
1691
- .ring-gray-300 {
1692
- --tw-ring-opacity: 1;
1693
- --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
1694
- }
1695
-
1696
- .ring-opacity-5 {
1697
- --tw-ring-opacity: 0.05;
1698
- }
1699
-
1700
- .blur {
1701
- --tw-blur: blur(8px);
1702
- filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
1703
- }
1704
-
1705
- .filter {
1706
- filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
1707
- }
1708
-
1709
- .transition-all {
1710
- transition-property: all;
1711
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1712
- transition-duration: 150ms;
1713
- }
1714
-
1715
- .transition {
1716
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
1717
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1718
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
1719
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1720
- transition-duration: 150ms;
1721
- }
1722
-
1723
- .transition-colors {
1724
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
1725
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1726
- transition-duration: 150ms;
1727
- }
1728
-
1729
- .duration-100 {
1730
- transition-duration: 100ms;
1731
- }
1732
-
1733
- .duration-75 {
1734
- transition-duration: 75ms;
1735
- }
1736
-
1737
- .duration-200 {
1738
- transition-duration: 200ms;
1739
- }
1740
-
1741
- .ease-out {
1742
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
1743
- }
1744
-
1745
- .ease-in {
1746
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
1747
- }
1748
-
1749
- .ease-in-out {
1750
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1751
- }
1752
-
1753
- .focus-within\:z-20:focus-within {
1754
- z-index: 20;
1755
- }
1756
-
1757
- .focus-within\:z-10:focus-within {
1758
- z-index: 10;
1759
- }
1760
-
1761
- .focus-within\:ring-2:focus-within {
1762
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1763
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1764
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1765
- }
1766
-
1767
- .focus-within\:ring-purple-500:focus-within {
1768
- --tw-ring-opacity: 1;
1769
- --tw-ring-color: rgb(121 51 221 / var(--tw-ring-opacity));
1770
- }
1771
-
1772
- .focus-within\:ring-red-600:focus-within {
1773
- --tw-ring-opacity: 1;
1774
- --tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity));
1775
- }
1776
-
1777
- .focus-within\:ring-opacity-75:focus-within {
1778
- --tw-ring-opacity: 0.75;
1779
- }
1780
-
1781
- .hover\:\!border-l-0:hover {
1782
- border-left-width: 0px !important;
1783
- }
1784
-
1785
- .hover\:\!border-r-0:hover {
1786
- border-right-width: 0px !important;
1787
- }
1788
-
1789
- .hover\:border-purple-700:hover {
1790
- --tw-border-opacity: 1;
1791
- border-color: rgb(88 0 212 / var(--tw-border-opacity));
1792
- }
1793
-
1794
- .hover\:border-purple-200:hover {
1795
- --tw-border-opacity: 1;
1796
- border-color: rgb(205 179 242 / var(--tw-border-opacity));
1797
- }
1798
-
1799
- .hover\:border-purple-100:hover {
1800
- --tw-border-opacity: 1;
1801
- border-color: rgb(222 204 246 / var(--tw-border-opacity));
1802
- }
1803
-
1804
- .hover\:border-gray-300:hover {
1805
- --tw-border-opacity: 1;
1806
- border-color: rgb(209 213 219 / var(--tw-border-opacity));
1807
- }
1808
-
1809
- .hover\:bg-purple-700:hover {
1810
- --tw-bg-opacity: 1;
1811
- background-color: rgb(88 0 212 / var(--tw-bg-opacity));
1812
- }
1813
-
1814
- .hover\:bg-purple-200:hover {
1815
- --tw-bg-opacity: 1;
1816
- background-color: rgb(205 179 242 / var(--tw-bg-opacity));
1817
- }
1818
-
1819
- .hover\:bg-gray-50:hover {
1820
- --tw-bg-opacity: 1;
1821
- background-color: rgb(249 250 251 / var(--tw-bg-opacity));
1822
- }
1823
-
1824
- .hover\:bg-red-700:hover {
1825
- --tw-bg-opacity: 1;
1826
- background-color: rgb(185 28 28 / var(--tw-bg-opacity));
1827
- }
1828
-
1829
- .hover\:bg-purple-100:hover {
1830
- --tw-bg-opacity: 1;
1831
- background-color: rgb(222 204 246 / var(--tw-bg-opacity));
1832
- }
1833
-
1834
- .hover\:bg-gray-100:hover {
1835
- --tw-bg-opacity: 1;
1836
- background-color: rgb(243 244 246 / var(--tw-bg-opacity));
1837
- }
1838
-
1839
- .hover\:bg-gray-200:hover {
1840
- --tw-bg-opacity: 1;
1841
- background-color: rgb(229 231 235 / var(--tw-bg-opacity));
1842
- }
1843
-
1844
- .hover\:text-purple-700:hover {
1845
- --tw-text-opacity: 1;
1846
- color: rgb(88 0 212 / var(--tw-text-opacity));
1847
- }
1848
-
1849
- .hover\:text-gray-700:hover {
1850
- --tw-text-opacity: 1;
1851
- color: rgb(55 65 81 / var(--tw-text-opacity));
1852
- }
1853
-
1854
- .hover\:text-white:hover {
1855
- --tw-text-opacity: 1;
1856
- color: rgb(255 255 255 / var(--tw-text-opacity));
1857
- }
1858
-
1859
- .hover\:text-gray-500:hover {
1860
- --tw-text-opacity: 1;
1861
- color: rgb(107 114 128 / var(--tw-text-opacity));
1862
- }
1863
-
1864
- .hover\:text-gray-600:hover {
1865
- --tw-text-opacity: 1;
1866
- color: rgb(75 85 99 / var(--tw-text-opacity));
1867
- }
1868
-
1869
- .hover\:text-gray-900:hover {
1870
- --tw-text-opacity: 1;
1871
- color: rgb(17 24 39 / var(--tw-text-opacity));
1872
- }
1873
-
1874
- .hover\:text-red-500:hover {
1875
- --tw-text-opacity: 1;
1876
- color: rgb(239 68 68 / var(--tw-text-opacity));
1877
- }
1878
-
1879
- .focus\:border-purple-700:focus {
1880
- --tw-border-opacity: 1;
1881
- border-color: rgb(88 0 212 / var(--tw-border-opacity));
1882
- }
1883
-
1884
- .focus\:border-purple-500:focus {
1885
- --tw-border-opacity: 1;
1886
- border-color: rgb(121 51 221 / var(--tw-border-opacity));
1887
- }
1888
-
1889
- .focus\:bg-purple-100:focus {
1890
- --tw-bg-opacity: 1;
1891
- background-color: rgb(222 204 246 / var(--tw-bg-opacity));
1892
- }
1893
-
1894
- .focus\:bg-purple-300:focus {
1895
- --tw-bg-opacity: 1;
1896
- background-color: rgb(188 153 238 / var(--tw-bg-opacity));
1897
- }
1898
-
1899
- .focus\:outline-none:focus {
1900
- outline: 2px solid transparent;
1901
- outline-offset: 2px;
1902
- }
1903
-
1904
- .focus\:outline-purple-600:focus {
1905
- outline-color: #692CD8;
1906
- }
1907
-
1908
- .focus\:ring-1:focus {
1909
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1910
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1911
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1912
- }
1913
-
1914
- .focus\:ring-2:focus {
1915
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1916
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1917
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1918
- }
1919
-
1920
- .focus\:ring-purple-500:focus {
1921
- --tw-ring-opacity: 1;
1922
- --tw-ring-color: rgb(121 51 221 / var(--tw-ring-opacity));
1923
- }
1924
-
1925
- .focus\:ring-red-600:focus {
1926
- --tw-ring-opacity: 1;
1927
- --tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity));
1928
- }
1929
-
1930
- .focus\:ring-purple-600:focus {
1931
- --tw-ring-opacity: 1;
1932
- --tw-ring-color: rgb(105 44 216 / var(--tw-ring-opacity));
1933
- }
1934
-
1935
- .focus\:\!ring-purple-500:focus {
1936
- --tw-ring-opacity: 1 !important;
1937
- --tw-ring-color: rgb(121 51 221 / var(--tw-ring-opacity)) !important;
1938
- }
1939
-
1940
- .focus\:ring-red-500:focus {
1941
- --tw-ring-opacity: 1;
1942
- --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));
1943
- }
1944
-
1945
- .focus\:ring-opacity-75:focus {
1946
- --tw-ring-opacity: 0.75;
1947
- }
1948
-
1949
- .focus-visible\:ring-2:focus-visible {
1950
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1951
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1952
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1953
- }
1954
-
1955
- .focus-visible\:ring-purple-500:focus-visible {
1956
- --tw-ring-opacity: 1;
1957
- --tw-ring-color: rgb(121 51 221 / var(--tw-ring-opacity));
1958
- }
1959
-
1960
- .focus-visible\:ring-red-600:focus-visible {
1961
- --tw-ring-opacity: 1;
1962
- --tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity));
1963
- }
1964
-
1965
- .focus-visible\:ring-opacity-75:focus-visible {
1966
- --tw-ring-opacity: 0.75;
1967
- }
1968
-
1969
- .active\:border-purple-800:active {
1970
- --tw-border-opacity: 1;
1971
- border-color: rgb(79 0 191 / var(--tw-border-opacity));
1972
- }
1973
-
1974
- .active\:border-purple-300:active {
1975
- --tw-border-opacity: 1;
1976
- border-color: rgb(188 153 238 / var(--tw-border-opacity));
1977
- }
1978
-
1979
- .active\:\!border-purple-800:active {
1980
- --tw-border-opacity: 1 !important;
1981
- border-color: rgb(79 0 191 / var(--tw-border-opacity)) !important;
1982
- }
1983
-
1984
- .active\:\!border-purple-300:active {
1985
- --tw-border-opacity: 1 !important;
1986
- border-color: rgb(188 153 238 / var(--tw-border-opacity)) !important;
1987
- }
1988
-
1989
- .active\:bg-purple-800:active {
1990
- --tw-bg-opacity: 1;
1991
- background-color: rgb(79 0 191 / var(--tw-bg-opacity));
1992
- }
1993
-
1994
- .active\:bg-purple-300:active {
1995
- --tw-bg-opacity: 1;
1996
- background-color: rgb(188 153 238 / var(--tw-bg-opacity));
1997
- }
1998
-
1999
- .active\:bg-gray-100:active {
2000
- --tw-bg-opacity: 1;
2001
- background-color: rgb(243 244 246 / var(--tw-bg-opacity));
2002
- }
2003
-
2004
- .active\:\!bg-purple-800:active {
2005
- --tw-bg-opacity: 1 !important;
2006
- background-color: rgb(79 0 191 / var(--tw-bg-opacity)) !important;
2007
- }
2008
-
2009
- .active\:\!bg-purple-300:active {
2010
- --tw-bg-opacity: 1 !important;
2011
- background-color: rgb(188 153 238 / var(--tw-bg-opacity)) !important;
2012
- }
2013
-
2014
- .group:hover .group-hover\:opacity-100 {
2015
- opacity: 1;
2016
- }
2017
-
2018
- @media (min-width: 640px) {
2019
- .sm\:text-sm {
2020
- font-size: 0.875rem;
2021
- line-height: 1.25rem;
2022
- }
2023
- }