@lunit/design-system 1.0.0-a.1 → 1.0.0-a.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (410) hide show
  1. package/.babelrc.json +16 -0
  2. package/dist/cjs/components/Alert/index.js +2 -0
  3. package/dist/cjs/components/Alert/index.js.map +1 -0
  4. package/dist/cjs/components/Button/index.js +2 -0
  5. package/dist/cjs/components/Button/index.js.map +1 -0
  6. package/dist/cjs/components/Checkbox/index.js +2 -0
  7. package/dist/cjs/components/Checkbox/index.js.map +1 -0
  8. package/dist/cjs/components/Chip/index.js +2 -0
  9. package/dist/cjs/components/Chip/index.js.map +1 -0
  10. package/dist/cjs/components/DataTable/index.js +2 -0
  11. package/dist/cjs/components/DataTable/index.js.map +1 -0
  12. package/dist/cjs/components/DatePicker/index.js +2 -0
  13. package/dist/cjs/components/DatePicker/index.js.map +1 -0
  14. package/dist/cjs/components/Dropdown/index.js +2 -0
  15. package/dist/cjs/components/Dropdown/index.js.map +1 -0
  16. package/dist/cjs/components/FormLabel/index.js +2 -0
  17. package/dist/cjs/components/FormLabel/index.js.map +1 -0
  18. package/dist/cjs/components/Modal/index.js +2 -0
  19. package/dist/cjs/components/Modal/index.js.map +1 -0
  20. package/dist/cjs/components/Radio/index.js +2 -0
  21. package/dist/cjs/components/Radio/index.js.map +1 -0
  22. package/dist/cjs/components/RadioGroup/index.js +2 -0
  23. package/dist/cjs/components/RadioGroup/index.js.map +1 -0
  24. package/dist/cjs/components/TextField/index.js +2 -0
  25. package/dist/cjs/components/TextField/index.js.map +1 -0
  26. package/dist/cjs/components/Toggle/index.js +2 -0
  27. package/dist/cjs/components/Toggle/index.js.map +1 -0
  28. package/dist/cjs/components/ToggleButton/index.js +2 -0
  29. package/dist/cjs/components/ToggleButton/index.js.map +1 -0
  30. package/dist/cjs/components/Tooltip/index.js +2 -0
  31. package/dist/cjs/components/Tooltip/index.js.map +1 -0
  32. package/dist/cjs/index.js +2 -0
  33. package/dist/cjs/index.js.map +1 -0
  34. package/dist/components/Alert/Alert.js +19 -0
  35. package/dist/components/Alert/Alert.js.map +1 -0
  36. package/dist/components/Alert/Alert.styled.js +48 -0
  37. package/dist/components/Alert/Alert.styled.js.map +1 -0
  38. package/dist/components/Alert/Alert.types.js +2 -0
  39. package/dist/components/Alert/Alert.types.js.map +1 -0
  40. package/dist/components/Alert/Alert.utils..js +38 -0
  41. package/dist/components/Alert/Alert.utils..js.map +1 -0
  42. package/dist/components/Alert/index.js +1 -1
  43. package/dist/components/Alert/index.js.map +1 -1
  44. package/dist/components/Button/Button.js +9 -0
  45. package/dist/components/Button/Button.js.map +1 -0
  46. package/dist/components/Button/Button.styled.js +180 -0
  47. package/dist/components/Button/Button.styled.js.map +1 -0
  48. package/dist/components/Button/Button.types.js +2 -0
  49. package/dist/components/Button/Button.types.js.map +1 -0
  50. package/dist/components/Button/const.js +3 -0
  51. package/dist/components/Button/const.js.map +1 -0
  52. package/dist/components/Button/index.js +1 -1
  53. package/dist/components/Button/index.js.map +1 -1
  54. package/dist/components/Button/utils/getButtonPaddingBySizeAndKind.js +23 -0
  55. package/dist/components/Button/utils/getButtonPaddingBySizeAndKind.js.map +1 -0
  56. package/dist/components/Button/utils/getHoverStyle.js +7 -0
  57. package/dist/components/Button/utils/getHoverStyle.js.map +1 -0
  58. package/dist/components/Button/utils/getIconButtonPaddingBySizeAndKind.js +23 -0
  59. package/dist/components/Button/utils/getIconButtonPaddingBySizeAndKind.js.map +1 -0
  60. package/dist/components/Checkbox/Checkbox.js +49 -0
  61. package/dist/components/Checkbox/Checkbox.js.map +1 -0
  62. package/dist/components/Checkbox/index.js +1 -1
  63. package/dist/components/Checkbox/index.js.map +1 -1
  64. package/dist/components/Chip/Chip.js +70 -0
  65. package/dist/components/Chip/Chip.js.map +1 -0
  66. package/dist/components/Chip/Chip.styled.js +142 -0
  67. package/dist/components/Chip/Chip.styled.js.map +1 -0
  68. package/dist/components/Chip/Chip.types.js +2 -0
  69. package/dist/components/Chip/Chip.types.js.map +1 -0
  70. package/dist/components/Chip/consts.js +8 -0
  71. package/dist/components/Chip/consts.js.map +1 -0
  72. package/dist/components/Chip/index.js +1 -1
  73. package/dist/components/Chip/index.js.map +1 -1
  74. package/dist/components/DataTable/DataTable.js +7 -0
  75. package/dist/components/DataTable/DataTable.js.map +1 -0
  76. package/dist/components/DataTable/index.js +1 -1
  77. package/dist/components/DataTable/index.js.map +1 -1
  78. package/dist/components/DatePicker/DatePicker.js +7 -0
  79. package/dist/components/DatePicker/DatePicker.js.map +1 -0
  80. package/dist/components/DatePicker/index.js +1 -1
  81. package/dist/components/DatePicker/index.js.map +1 -1
  82. package/dist/components/Dropdown/Dropdown.js +7 -0
  83. package/dist/components/Dropdown/Dropdown.js.map +1 -0
  84. package/dist/components/Dropdown/index.js +1 -1
  85. package/dist/components/Dropdown/index.js.map +1 -1
  86. package/dist/components/FormLabel/FormLabel.js +7 -0
  87. package/dist/components/FormLabel/FormLabel.js.map +1 -0
  88. package/dist/components/FormLabel/FormLabel.styled.js +8 -0
  89. package/dist/components/FormLabel/FormLabel.styled.js.map +1 -0
  90. package/dist/components/FormLabel/index.js +1 -1
  91. package/dist/components/FormLabel/index.js.map +1 -1
  92. package/dist/components/Modal/Modal.js +7 -0
  93. package/dist/components/Modal/Modal.js.map +1 -0
  94. package/dist/components/Modal/index.js +1 -1
  95. package/dist/components/Modal/index.js.map +1 -1
  96. package/dist/components/Radio/Radio.js +43 -0
  97. package/dist/components/Radio/Radio.js.map +1 -0
  98. package/dist/components/Radio/index.js +1 -1
  99. package/dist/components/Radio/index.js.map +1 -1
  100. package/dist/components/RadioGroup/index.js +2 -1
  101. package/dist/components/RadioGroup/index.js.map +1 -1
  102. package/dist/components/TextField/TextField.js +19 -0
  103. package/dist/components/TextField/TextField.js.map +1 -0
  104. package/dist/components/TextField/TextField.style.js +245 -0
  105. package/dist/components/TextField/TextField.style.js.map +1 -0
  106. package/dist/components/TextField/TextField.types.js +2 -0
  107. package/dist/components/TextField/TextField.types.js.map +1 -0
  108. package/dist/components/TextField/TextFieldIcon.js +7 -0
  109. package/dist/components/TextField/TextFieldIcon.js.map +1 -0
  110. package/dist/components/TextField/index.js +1 -1
  111. package/dist/components/TextField/index.js.map +1 -1
  112. package/dist/components/Toast/Toast.js +26 -0
  113. package/dist/components/Toast/Toast.js.map +1 -0
  114. package/dist/components/Toast/Toast.styled.js +49 -0
  115. package/dist/components/Toast/Toast.styled.js.map +1 -0
  116. package/dist/components/Toast/Toast.types.js +2 -0
  117. package/dist/components/Toast/Toast.types.js.map +1 -0
  118. package/dist/components/Toast/Toast.utils.js +14 -0
  119. package/dist/components/Toast/Toast.utils.js.map +1 -0
  120. package/dist/components/Toast/index.js +2 -0
  121. package/dist/components/Toast/index.js.map +1 -0
  122. package/dist/components/Toggle/Toggle.js +13 -0
  123. package/dist/components/Toggle/Toggle.js.map +1 -0
  124. package/dist/components/Toggle/Toggle.styled.js +155 -0
  125. package/dist/components/Toggle/Toggle.styled.js.map +1 -0
  126. package/dist/components/Toggle/Toggle.types.js +2 -0
  127. package/dist/components/Toggle/Toggle.types.js.map +1 -0
  128. package/dist/components/Toggle/index.js +1 -1
  129. package/dist/components/Toggle/index.js.map +1 -1
  130. package/dist/components/ToggleButton/ToggleButton.js +12 -0
  131. package/dist/components/ToggleButton/ToggleButton.js.map +1 -0
  132. package/dist/components/ToggleButton/ToggleButton.styled.js +35 -0
  133. package/dist/components/ToggleButton/ToggleButton.styled.js.map +1 -0
  134. package/dist/components/ToggleButton/ToggleButton.types.js +2 -0
  135. package/dist/components/ToggleButton/ToggleButton.types.js.map +1 -0
  136. package/dist/components/ToggleButton/index.js +1 -1
  137. package/dist/components/ToggleButton/index.js.map +1 -1
  138. package/dist/components/ToggleButtonGroup/ToggleButtonGroup.js +7 -0
  139. package/dist/components/ToggleButtonGroup/ToggleButtonGroup.js.map +1 -0
  140. package/dist/components/ToggleButtonGroup/index.js +2 -0
  141. package/dist/components/ToggleButtonGroup/index.js.map +1 -0
  142. package/dist/components/Tooltip/Tooltip.js +7 -0
  143. package/dist/components/Tooltip/Tooltip.js.map +1 -0
  144. package/dist/components/Tooltip/index.js +1 -1
  145. package/dist/components/Tooltip/index.js.map +1 -1
  146. package/dist/components/index.js +7 -0
  147. package/dist/components/index.js.map +1 -0
  148. package/dist/foundation/Elevation/index.js +66 -0
  149. package/dist/foundation/Elevation/index.js.map +1 -0
  150. package/dist/foundation/Elevation/utils.js +9 -0
  151. package/dist/foundation/Elevation/utils.js.map +1 -0
  152. package/dist/foundation/Typography/index.js +62 -0
  153. package/dist/foundation/Typography/index.js.map +1 -0
  154. package/dist/foundation/Typography/tokens.js +155 -0
  155. package/dist/foundation/Typography/tokens.js.map +1 -0
  156. package/dist/foundation/colors/base/blue.js +26 -0
  157. package/dist/foundation/colors/base/blue.js.map +1 -0
  158. package/dist/foundation/colors/base/green.js +26 -0
  159. package/dist/foundation/colors/base/green.js.map +1 -0
  160. package/dist/foundation/colors/base/grey.js +52 -0
  161. package/dist/foundation/colors/base/grey.js.map +1 -0
  162. package/dist/foundation/colors/base/index.js +12 -0
  163. package/dist/foundation/colors/base/index.js.map +1 -0
  164. package/dist/foundation/colors/base/lunitGreen.js +26 -0
  165. package/dist/foundation/colors/base/lunitGreen.js.map +1 -0
  166. package/dist/foundation/colors/base/lunitTeal.js +26 -0
  167. package/dist/foundation/colors/base/lunitTeal.js.map +1 -0
  168. package/dist/foundation/colors/base/magenta.js +26 -0
  169. package/dist/foundation/colors/base/magenta.js.map +1 -0
  170. package/dist/foundation/colors/base/opacity.js +7 -0
  171. package/dist/foundation/colors/base/opacity.js.map +1 -0
  172. package/dist/foundation/colors/base/orange.js +26 -0
  173. package/dist/foundation/colors/base/orange.js.map +1 -0
  174. package/dist/foundation/colors/base/purple.js +26 -0
  175. package/dist/foundation/colors/base/purple.js.map +1 -0
  176. package/dist/foundation/colors/base/red.js +26 -0
  177. package/dist/foundation/colors/base/red.js.map +1 -0
  178. package/dist/foundation/colors/base/yellow.js +26 -0
  179. package/dist/foundation/colors/base/yellow.js.map +1 -0
  180. package/dist/foundation/colors/index.js +208 -0
  181. package/dist/foundation/colors/index.js.map +1 -0
  182. package/dist/foundation/colors/token/component.js +423 -0
  183. package/dist/foundation/colors/token/component.js.map +1 -0
  184. package/dist/foundation/colors/token/core.js +206 -0
  185. package/dist/foundation/colors/token/core.js.map +1 -0
  186. package/dist/foundation/colors/token/index.js +3 -0
  187. package/dist/foundation/colors/token/index.js.map +1 -0
  188. package/dist/foundation/colors/token/types.js +2 -0
  189. package/dist/foundation/colors/token/types.js.map +1 -0
  190. package/dist/foundation/colors/types.js +2 -0
  191. package/dist/foundation/colors/types.js.map +1 -0
  192. package/dist/foundation/index.js +13 -0
  193. package/dist/foundation/index.js.map +1 -0
  194. package/dist/foundation/spacing.js +2 -0
  195. package/dist/foundation/spacing.js.map +1 -0
  196. package/dist/index.js +17 -1
  197. package/dist/index.js.map +1 -1
  198. package/dist/theme.js +39 -0
  199. package/dist/theme.js.map +1 -0
  200. package/dist/types/components/Alert/Alert.d.ts +4 -0
  201. package/dist/types/components/Alert/Alert.styled.d.ts +6 -0
  202. package/dist/types/components/Alert/Alert.types.d.ts +9 -0
  203. package/dist/types/components/Alert/Alert.utils..d.ts +4 -0
  204. package/dist/types/components/Button/Button.d.ts +3 -0
  205. package/dist/{components → types/components}/Button/Button.styled.d.ts +26 -2
  206. package/dist/{components → types/components}/Button/Button.types.d.ts +4 -4
  207. package/dist/types/components/Button/utils/getHoverStyle.d.ts +6 -0
  208. package/dist/types/components/Chip/Chip.styled.d.ts +79 -0
  209. package/dist/{components → types/components}/Chip/Chip.types.d.ts +1 -1
  210. package/dist/types/components/TextField/TextField.d.ts +3 -0
  211. package/dist/types/components/TextField/TextField.style.d.ts +9 -0
  212. package/dist/types/components/TextField/TextField.types.d.ts +29 -0
  213. package/dist/types/components/TextField/TextFieldIcon.d.ts +8 -0
  214. package/dist/types/components/TextField/index.d.ts +2 -0
  215. package/dist/types/components/Toast/Toast.d.ts +4 -0
  216. package/dist/types/components/Toast/Toast.styled.d.ts +1 -0
  217. package/dist/types/components/Toast/Toast.types.d.ts +4 -0
  218. package/dist/types/components/Toast/Toast.utils.d.ts +2 -0
  219. package/dist/types/components/Toast/index.d.ts +1 -0
  220. package/dist/{components → types/components}/ToggleButton/ToggleButton.styled.d.ts +1 -1
  221. package/dist/{components → types/components}/ToggleButton/ToggleButton.types.d.ts +4 -4
  222. package/dist/{foundation → types/foundation}/colors/base/grey.d.ts +16 -0
  223. package/dist/{foundation → types/foundation}/colors/base/lunitGreen.d.ts +2 -2
  224. package/dist/{foundation → types/foundation}/colors/base/lunitTeal.d.ts +2 -2
  225. package/dist/{foundation → types/foundation}/colors/index.d.ts +42 -9
  226. package/dist/{foundation → types/foundation}/colors/types.d.ts +1 -3
  227. package/dist/{foundation → types/foundation}/index.d.ts +37 -5
  228. package/dist/{index.d.ts → types/index.d.ts} +1 -0
  229. package/package.json +37 -23
  230. package/src/components/Alert/Alert.styled.ts +60 -0
  231. package/src/components/Alert/Alert.tsx +53 -0
  232. package/src/components/Alert/Alert.types.ts +10 -0
  233. package/src/components/Alert/Alert.utils..ts +41 -0
  234. package/src/components/Alert/index.ts +1 -0
  235. package/src/components/Button/Button.styled.ts +232 -0
  236. package/src/components/Button/Button.tsx +50 -0
  237. package/src/components/Button/Button.types.ts +25 -0
  238. package/src/components/Button/const.ts +2 -0
  239. package/src/components/Button/index.ts +1 -0
  240. package/src/components/Button/utils/getButtonPaddingBySizeAndKind.ts +35 -0
  241. package/src/components/Button/utils/getHoverStyle.ts +7 -0
  242. package/src/components/Button/utils/getIconButtonPaddingBySizeAndKind.ts +38 -0
  243. package/src/components/Checkbox/Checkbox.tsx +67 -0
  244. package/src/components/Checkbox/index.ts +1 -0
  245. package/src/components/Chip/Chip.styled.ts +164 -0
  246. package/src/components/Chip/Chip.tsx +132 -0
  247. package/src/components/Chip/Chip.types.ts +56 -0
  248. package/src/components/Chip/consts.ts +7 -0
  249. package/src/components/Chip/index.ts +1 -0
  250. package/src/components/DataTable/DataTable.tsx +8 -0
  251. package/src/components/DataTable/index.ts +1 -0
  252. package/src/components/DatePicker/DatePicker.tsx +8 -0
  253. package/src/components/DatePicker/index.ts +1 -0
  254. package/src/components/Dropdown/Dropdown.tsx +11 -0
  255. package/src/components/Dropdown/index.ts +1 -0
  256. package/src/components/FormLabel/FormLabel.styled.ts +8 -0
  257. package/src/components/FormLabel/FormLabel.tsx +9 -0
  258. package/src/components/FormLabel/index.ts +1 -0
  259. package/src/components/Modal/Modal.tsx +8 -0
  260. package/src/components/Modal/index.ts +1 -0
  261. package/src/components/Radio/Radio.tsx +58 -0
  262. package/src/components/Radio/index.ts +1 -0
  263. package/src/components/RadioGroup/index.ts +2 -0
  264. package/src/components/TextField/TextField.style.ts +316 -0
  265. package/src/components/TextField/TextField.tsx +80 -0
  266. package/src/components/TextField/TextField.types.ts +38 -0
  267. package/src/components/TextField/TextFieldIcon.tsx +24 -0
  268. package/src/components/TextField/index.ts +7 -0
  269. package/src/components/Toast/Toast.styled.ts +49 -0
  270. package/src/components/Toast/Toast.tsx +66 -0
  271. package/src/components/Toast/Toast.types.ts +14 -0
  272. package/src/components/Toast/Toast.utils.ts +15 -0
  273. package/src/components/Toast/index.tsx +1 -0
  274. package/src/components/Toggle/Toggle.styled.ts +162 -0
  275. package/src/components/Toggle/Toggle.tsx +18 -0
  276. package/src/components/Toggle/Toggle.types.ts +14 -0
  277. package/src/components/Toggle/index.ts +1 -0
  278. package/src/components/ToggleButton/ToggleButton.styled.ts +58 -0
  279. package/src/components/ToggleButton/ToggleButton.tsx +89 -0
  280. package/src/components/ToggleButton/ToggleButton.types.ts +25 -0
  281. package/src/components/ToggleButton/index.ts +1 -0
  282. package/src/components/ToggleButtonGroup/ToggleButtonGroup.tsx +13 -0
  283. package/src/components/ToggleButtonGroup/index.tsx +1 -0
  284. package/src/components/Tooltip/Tooltip.tsx +9 -0
  285. package/src/components/Tooltip/index.ts +1 -0
  286. package/src/components/index.ts +9 -0
  287. package/src/foundation/Elevation/index.ts +72 -0
  288. package/src/foundation/Elevation/utils.ts +11 -0
  289. package/src/foundation/Typography/index.ts +96 -0
  290. package/src/foundation/Typography/tokens.ts +162 -0
  291. package/src/foundation/colors/base/blue.ts +27 -0
  292. package/src/foundation/colors/base/green.ts +27 -0
  293. package/src/foundation/colors/base/grey.ts +53 -0
  294. package/src/foundation/colors/base/index.ts +11 -0
  295. package/src/foundation/colors/base/lunitGreen.ts +27 -0
  296. package/src/foundation/colors/base/lunitTeal.ts +27 -0
  297. package/src/foundation/colors/base/magenta.ts +27 -0
  298. package/src/foundation/colors/base/opacity.ts +6 -0
  299. package/src/foundation/colors/base/orange.ts +27 -0
  300. package/src/foundation/colors/base/purple.ts +27 -0
  301. package/src/foundation/colors/base/red.ts +27 -0
  302. package/src/foundation/colors/base/yellow.ts +27 -0
  303. package/src/foundation/colors/index.ts +256 -0
  304. package/src/foundation/colors/token/component.ts +430 -0
  305. package/src/foundation/colors/token/core.ts +211 -0
  306. package/src/foundation/colors/token/index.ts +2 -0
  307. package/src/foundation/colors/token/types.ts +8 -0
  308. package/src/foundation/colors/types.ts +83 -0
  309. package/src/foundation/index.ts +25 -0
  310. package/src/foundation/spacing.ts +3 -0
  311. package/src/index.ts +18 -0
  312. package/src/stories/components/Alert/Alert.stories.tsx +157 -0
  313. package/src/stories/components/Button/BasicButton.stories.tsx +168 -0
  314. package/src/stories/components/Button/IconButton.stories.tsx +139 -0
  315. package/src/stories/components/Button/Kind.stories.tsx +540 -0
  316. package/src/stories/components/Chip/Chip.stories.tsx +208 -0
  317. package/src/stories/components/DataTable/DataTable.stories.tsx +15 -0
  318. package/src/stories/components/DatePicker/DatePicker.stories.tsx +15 -0
  319. package/src/stories/components/Dropdown/Dropdown.stories.tsx +21 -0
  320. package/src/stories/components/Modal/Modal.stories.tsx +15 -0
  321. package/src/stories/components/SelectControl/Checkbox.stories.tsx +256 -0
  322. package/src/stories/components/SelectControl/RadioGroup.stories.tsx +68 -0
  323. package/src/stories/components/SelectControl/RadioStatus.stories.tsx +93 -0
  324. package/src/stories/components/SelectControl/Toggle.stories.tsx +443 -0
  325. package/src/stories/components/TextField/TextFieldMulti.stories.tsx +137 -0
  326. package/src/stories/components/TextField/TextFieldSingle.stories.tsx +283 -0
  327. package/src/stories/components/TextField/TextFieldSize.stories.tsx +134 -0
  328. package/src/stories/components/Toast/Toast.stories.tsx +152 -0
  329. package/src/stories/components/ToggleButton/Basic.stories.tsx +346 -0
  330. package/src/stories/components/ToggleButton/Group.stories.tsx +221 -0
  331. package/src/stories/components/ToggleButton/ToggleButtonKind.stories.tsx +708 -0
  332. package/src/stories/components/ToggleButton/WithIcon.stories.tsx +292 -0
  333. package/src/stories/components/Tooltip/Tooltip.stories.tsx +15 -0
  334. package/src/stories/foundation/Elevation/Elevation.stories.tsx +268 -0
  335. package/src/stories/foundation/Elevation/styled.ts +12 -0
  336. package/src/stories/foundation/Typography/Typography.mdx +76 -0
  337. package/src/stories/foundation/Typography/Typography.stories.tsx +101 -0
  338. package/src/stories/foundation/Typography/TypographyExamples.stories.tsx +44 -0
  339. package/src/stories/foundation/Typography/TypographyGroup.tsx +71 -0
  340. package/src/stories/foundation/Typography/const.ts +25 -0
  341. package/src/stories/foundation/colors/Colors.stories.tsx +66 -0
  342. package/src/stories/foundation/colors/Mui.stories.tsx +18 -0
  343. package/src/stories/foundation/colors/Token.inComponent.stories.tsx +167 -0
  344. package/src/stories/foundation/colors/TokenPaletteTable.stories.tsx +28 -0
  345. package/src/stories/foundation/colors/TokenPaletteTable.tsx +127 -0
  346. package/src/stories/foundation/colors/styled.ts +39 -0
  347. package/src/theme.ts +46 -0
  348. package/src/types.d.ts +4 -0
  349. package/tsconfig.build.json +2 -0
  350. package/dist/components/Alert/Alert.d.ts +0 -2
  351. package/dist/components/Button/Button.d.ts +0 -3
  352. package/dist/components/Chip/Chip.styled.d.ts +0 -41
  353. package/dist/components/HelloWorld/HelloWorld.d.ts +0 -28
  354. package/dist/components/TextField/TextField.d.ts +0 -2
  355. package/dist/components/TextField/index.d.ts +0 -1
  356. package/webpack.config.js +0 -51
  357. /package/dist/{components → types/components}/Alert/index.d.ts +0 -0
  358. /package/dist/{components → types/components}/Button/const.d.ts +0 -0
  359. /package/dist/{components → types/components}/Button/index.d.ts +0 -0
  360. /package/dist/{components → types/components}/Button/utils/getButtonPaddingBySizeAndKind.d.ts +0 -0
  361. /package/dist/{components → types/components}/Button/utils/getIconButtonPaddingBySizeAndKind.d.ts +0 -0
  362. /package/dist/{components → types/components}/Checkbox/Checkbox.d.ts +0 -0
  363. /package/dist/{components → types/components}/Checkbox/index.d.ts +0 -0
  364. /package/dist/{components → types/components}/Chip/Chip.d.ts +0 -0
  365. /package/dist/{components → types/components}/Chip/consts.d.ts +0 -0
  366. /package/dist/{components → types/components}/Chip/index.d.ts +0 -0
  367. /package/dist/{components → types/components}/DataTable/DataTable.d.ts +0 -0
  368. /package/dist/{components → types/components}/DataTable/index.d.ts +0 -0
  369. /package/dist/{components → types/components}/DatePicker/DatePicker.d.ts +0 -0
  370. /package/dist/{components → types/components}/DatePicker/index.d.ts +0 -0
  371. /package/dist/{components → types/components}/Dropdown/Dropdown.d.ts +0 -0
  372. /package/dist/{components → types/components}/Dropdown/index.d.ts +0 -0
  373. /package/dist/{components → types/components}/FormLabel/FormLabel.d.ts +0 -0
  374. /package/dist/{components → types/components}/FormLabel/FormLabel.styled.d.ts +0 -0
  375. /package/dist/{components → types/components}/FormLabel/index.d.ts +0 -0
  376. /package/dist/{components → types/components}/Modal/Modal.d.ts +0 -0
  377. /package/dist/{components → types/components}/Modal/index.d.ts +0 -0
  378. /package/dist/{components → types/components}/Radio/Radio.d.ts +0 -0
  379. /package/dist/{components → types/components}/Radio/index.d.ts +0 -0
  380. /package/dist/{components → types/components}/RadioGroup/index.d.ts +0 -0
  381. /package/dist/{components → types/components}/Toggle/Toggle.d.ts +0 -0
  382. /package/dist/{components → types/components}/Toggle/Toggle.styled.d.ts +0 -0
  383. /package/dist/{components → types/components}/Toggle/Toggle.types.d.ts +0 -0
  384. /package/dist/{components → types/components}/Toggle/index.d.ts +0 -0
  385. /package/dist/{components → types/components}/ToggleButton/ToggleButton.d.ts +0 -0
  386. /package/dist/{components → types/components}/ToggleButton/index.d.ts +0 -0
  387. /package/dist/{components → types/components}/ToggleButtonGroup/ToggleButtonGroup.d.ts +0 -0
  388. /package/dist/{components → types/components}/ToggleButtonGroup/index.d.ts +0 -0
  389. /package/dist/{components → types/components}/Tooltip/Tooltip.d.ts +0 -0
  390. /package/dist/{components → types/components}/Tooltip/index.d.ts +0 -0
  391. /package/dist/{components → types/components}/index.d.ts +0 -0
  392. /package/dist/{foundation → types/foundation}/Elevation/index.d.ts +0 -0
  393. /package/dist/{foundation → types/foundation}/Elevation/utils.d.ts +0 -0
  394. /package/dist/{foundation → types/foundation}/Typography/index.d.ts +0 -0
  395. /package/dist/{foundation → types/foundation}/Typography/tokens.d.ts +0 -0
  396. /package/dist/{foundation → types/foundation}/colors/base/blue.d.ts +0 -0
  397. /package/dist/{foundation → types/foundation}/colors/base/green.d.ts +0 -0
  398. /package/dist/{foundation → types/foundation}/colors/base/index.d.ts +0 -0
  399. /package/dist/{foundation → types/foundation}/colors/base/magenta.d.ts +0 -0
  400. /package/dist/{foundation → types/foundation}/colors/base/opacity.d.ts +0 -0
  401. /package/dist/{foundation → types/foundation}/colors/base/orange.d.ts +0 -0
  402. /package/dist/{foundation → types/foundation}/colors/base/purple.d.ts +0 -0
  403. /package/dist/{foundation → types/foundation}/colors/base/red.d.ts +0 -0
  404. /package/dist/{foundation → types/foundation}/colors/base/yellow.d.ts +0 -0
  405. /package/dist/{foundation → types/foundation}/colors/token/component.d.ts +0 -0
  406. /package/dist/{foundation → types/foundation}/colors/token/core.d.ts +0 -0
  407. /package/dist/{foundation → types/foundation}/colors/token/index.d.ts +0 -0
  408. /package/dist/{foundation → types/foundation}/colors/token/types.d.ts +0 -0
  409. /package/dist/{foundation → types/foundation}/spacing.d.ts +0 -0
  410. /package/dist/{theme.d.ts → types/theme.d.ts} +0 -0
@@ -0,0 +1,245 @@
1
+ import MuiTextField from "@mui/material/TextField";
2
+ import { styled } from "@mui/material/styles";
3
+ const getSinglelineTextFieldPaddingByIconAndSize = ({ size, hasLeftIcon, hasRightIcon, }) => {
4
+ switch (size) {
5
+ case "small":
6
+ return `4px ${hasRightIcon ? "8px" : "12px"} 4px ${hasLeftIcon ? "8px" : "12px"}}`;
7
+ case "medium":
8
+ return `8px ${hasRightIcon ? "12px" : "16px"} 8px ${hasLeftIcon ? "12px" : "16px"}}`;
9
+ case "large":
10
+ return `10px ${hasRightIcon ? "12px" : "16px"} 10px ${hasLeftIcon ? "12px" : "16px"}}`;
11
+ }
12
+ };
13
+ const getMultilineTextFieldPaddingByIconAndSize = ({ size, }) => {
14
+ switch (size) {
15
+ case "small":
16
+ return "4px 4px 4px 12px";
17
+ case "medium":
18
+ return "8px 4px 8px 16px";
19
+ case "large":
20
+ return "10px 4px 10px 16px";
21
+ }
22
+ };
23
+ const getTextFieldPaddingBySize = ({ size, multiline, hasLeftIcon, hasRightIcon, }) => {
24
+ return multiline
25
+ ? getMultilineTextFieldPaddingByIconAndSize({ size })
26
+ : getSinglelineTextFieldPaddingByIconAndSize({
27
+ size,
28
+ hasLeftIcon,
29
+ hasRightIcon,
30
+ });
31
+ };
32
+ const commonStyle = ({ token }) => ({
33
+ "& .MuiOutlinedInput-root": {
34
+ borderRadius: "8px",
35
+ width: "100%",
36
+ "& fieldset": {
37
+ border: "none",
38
+ },
39
+ "&.Mui-error fieldset": {
40
+ border: `1px solid ${token.component.textfield_border_error}`,
41
+ },
42
+ "&.Mui-focused fieldset": {
43
+ border: `1px solid ${token.core.focused}`,
44
+ },
45
+ "&.Mui-disabled": {
46
+ opacity: 0.38,
47
+ "&:hover::before": {
48
+ backgroundColor: token.component.textfield_bg,
49
+ },
50
+ },
51
+ "& input, textarea": {
52
+ padding: 0,
53
+ textOverflow: "ellipsis",
54
+ "&::placeholder": {
55
+ color: token.core.text_medium,
56
+ opacity: 1,
57
+ WebkitTextFillColor: token.core.text_medium,
58
+ },
59
+ },
60
+ "& textarea": {
61
+ height: "100% !important",
62
+ overflowY: "scroll !important",
63
+ "&::-webkit-scrollbar": {
64
+ width: "6px",
65
+ },
66
+ "&::-webkit-scrollbar-thumb": {
67
+ borderRadius: "6px",
68
+ backgroundColor: token.component.scrollbars_bg,
69
+ },
70
+ },
71
+ background: token.component.textfield_bg,
72
+ overflow: "hidden",
73
+ color: token.core.text_normal,
74
+ "&:hover": {
75
+ position: "relative",
76
+ zIndex: 0,
77
+ backgroundColor: token.component.textfield_bg,
78
+ },
79
+ "&:hover::before": {
80
+ content: '""',
81
+ position: "absolute",
82
+ top: 0,
83
+ left: 0,
84
+ width: "100%",
85
+ height: "100%",
86
+ zIndex: -1,
87
+ backgroundColor: token.core.hover,
88
+ },
89
+ "&.Mui-focused": {
90
+ "&:hover::before": {
91
+ backgroundColor: token.component.textfield_bg,
92
+ },
93
+ },
94
+ },
95
+ "& .MuiFormHelperText-root": {
96
+ "&.Mui-disabled": {
97
+ opacity: 0.38,
98
+ },
99
+ "&.Mui-error": {
100
+ color: token.core.text_error,
101
+ },
102
+ },
103
+ });
104
+ const sizeStyle = ({ token, textFieldSize, hasLeftIcon, hasRightIcon, typography, multiline, }) => ({
105
+ ...(textFieldSize === "small" && {
106
+ "& .MuiInputBase-root": {
107
+ padding: getTextFieldPaddingBySize({
108
+ size: textFieldSize,
109
+ hasLeftIcon,
110
+ hasRightIcon,
111
+ multiline,
112
+ }),
113
+ "& input, textarea": {
114
+ ...typography.body2_14_regular,
115
+ },
116
+ "& input": {
117
+ height: "20px",
118
+ },
119
+ "& textarea": {
120
+ minHeight: "92px",
121
+ paddingRight: "2px",
122
+ },
123
+ },
124
+ "& .MuiFormHelperText-root": {
125
+ ...typography.body2_14_regular,
126
+ color: token.core.text_medium,
127
+ margin: 0,
128
+ marginTop: "4px",
129
+ paddingLeft: "4px",
130
+ "&.Mui-disabled": {
131
+ color: token.core.text_medium,
132
+ opacity: 0.38,
133
+ },
134
+ "&.Mui-error": {
135
+ color: token.core.text_error,
136
+ },
137
+ },
138
+ }),
139
+ ...(textFieldSize === "medium" && {
140
+ "& .MuiInputBase-root": {
141
+ padding: getTextFieldPaddingBySize({
142
+ size: textFieldSize,
143
+ hasLeftIcon,
144
+ hasRightIcon,
145
+ multiline,
146
+ }),
147
+ "& input, textarea": {
148
+ ...typography.body2_14_regular,
149
+ },
150
+ "& input": {
151
+ height: "20px",
152
+ },
153
+ "& textarea": {
154
+ minHeight: "84px",
155
+ paddingRight: "6px",
156
+ },
157
+ },
158
+ "& .MuiFormHelperText-root": {
159
+ ...typography.body2_14_regular,
160
+ color: token.core.text_medium,
161
+ margin: 0,
162
+ marginTop: "4px",
163
+ paddingLeft: "4px",
164
+ "&.Mui-disabled": {
165
+ color: token.core.text_medium,
166
+ opacity: 0.38,
167
+ },
168
+ "&.Mui-error": {
169
+ color: token.core.text_error,
170
+ },
171
+ },
172
+ }),
173
+ ...(textFieldSize === "large" && {
174
+ "& .MuiInputBase-root": {
175
+ padding: getTextFieldPaddingBySize({
176
+ size: textFieldSize,
177
+ hasLeftIcon,
178
+ hasRightIcon,
179
+ multiline,
180
+ }),
181
+ "& input, textarea": {
182
+ ...typography.body1_16_regular,
183
+ },
184
+ "& input": {
185
+ height: "24px",
186
+ },
187
+ "& textarea": {
188
+ minHeight: "80px",
189
+ paddingRight: "6px",
190
+ },
191
+ },
192
+ "& .MuiFormHelperText-root": {
193
+ ...typography.body1_16_regular,
194
+ color: token.core.text_medium,
195
+ margin: 0,
196
+ marginTop: "4px",
197
+ paddingLeft: "4px",
198
+ "&.Mui-disabled": {
199
+ color: token.core.text_medium,
200
+ opacity: 0.38,
201
+ },
202
+ "&.Mui-error": {
203
+ color: token.core.text_error,
204
+ },
205
+ },
206
+ }),
207
+ });
208
+ const BaseTextField = styled(MuiTextField, {
209
+ shouldForwardProp: (prop) => ![
210
+ "leftIconSx",
211
+ "rightIconSx",
212
+ "leftIcon",
213
+ "rightIcon",
214
+ "textFieldSize",
215
+ "hasLeftIcon",
216
+ "hasRightIcon",
217
+ "onLeftIconClick",
218
+ "onRightIconClick",
219
+ ].includes(prop),
220
+ })(({ theme: { typography, palette: { token }, }, multiline, textFieldSize, hasLeftIcon, hasRightIcon, }) => ({
221
+ ...commonStyle({ token }),
222
+ ...sizeStyle({
223
+ token,
224
+ textFieldSize,
225
+ hasLeftIcon,
226
+ hasRightIcon,
227
+ typography,
228
+ multiline,
229
+ }),
230
+ }));
231
+ const IconWrapper = styled("div")(({ theme }) => ({
232
+ display: "flex",
233
+ alignItems: "center",
234
+ justifyContent: "center",
235
+ minWidth: "28px",
236
+ minHeight: "28px",
237
+ margin: "-4px 0",
238
+ "& svg": {
239
+ width: "20px",
240
+ height: "20px",
241
+ color: theme.palette.token.core.text_normal,
242
+ },
243
+ }));
244
+ export { BaseTextField, IconWrapper };
245
+ //# sourceMappingURL=TextField.style.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TextField.style.js","sourceRoot":"","sources":["../../../src/components/TextField/TextField.style.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=TextField.types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TextField.types.js","sourceRoot":"","sources":["../../../src/components/TextField/TextField.types.ts"],"names":[],"mappings":""}
@@ -0,0 +1,7 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { IconWrapper } from "./TextField.style";
3
+ const TextFieldIcon = ({ sx, icon, onIconClick }) => {
4
+ return (_jsx(IconWrapper, { sx: { cursor: onIconClick ? "pointer" : "auto", ...sx }, onClick: onIconClick, children: icon }));
5
+ };
6
+ export default TextFieldIcon;
7
+ //# sourceMappingURL=TextFieldIcon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TextFieldIcon.js","sourceRoot":"","sources":["../../../src/components/TextField/TextFieldIcon.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAUhD,MAAM,aAAa,GAAG,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAkB,EAAE,EAAE;IAClE,OAAO,CACL,KAAC,WAAW,IACV,EAAE,EAAE,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,EACvD,OAAO,EAAE,WAAW,YAEnB,IAAI,GACO,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}
@@ -1,2 +1,2 @@
1
- (()=>{"use strict";var e={692:e=>{e.exports=require("@mui/material")},997:e=>{e.exports=require("react/jsx-runtime")}},r={};function t(o){var n=r[o];if(void 0!==n)return n.exports;var u=r[o]={exports:{}};return e[o](u,u.exports,t),u.exports}t.d=(e,r)=>{for(var o in r)t.o(r,o)&&!t.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:r[o]})},t.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};(()=>{t.r(o),t.d(o,{default:()=>n});var e=t(997),r=t(692);const n=function(){return(0,e.jsx)(r.Box,{children:"TextField"})}})(),exports.default=o.default,Object.defineProperty(exports,"__esModule",{value:!0})})();
1
+ export { default } from "./TextField";
2
2
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"components/TextField/index.js","mappings":"kCAAAA,EAAOC,QAAUC,QAAQ,gB,UCAzBF,EAAOC,QAAUC,QAAQ,oB,GCCrBC,EAA2B,CAAC,EAGhC,SAASC,EAAoBC,GAE5B,IAAIC,EAAeH,EAAyBE,GAC5C,QAAqBE,IAAjBD,EACH,OAAOA,EAAaL,QAGrB,IAAID,EAASG,EAAyBE,GAAY,CAGjDJ,QAAS,CAAC,GAOX,OAHAO,EAAoBH,GAAUL,EAAQA,EAAOC,QAASG,GAG/CJ,EAAOC,OACf,CCrBAG,EAAoBK,EAAI,CAACR,EAASS,KACjC,IAAI,IAAIC,KAAOD,EACXN,EAAoBQ,EAAEF,EAAYC,KAASP,EAAoBQ,EAAEX,EAASU,IAC5EE,OAAOC,eAAeb,EAASU,EAAK,CAAEI,YAAY,EAAMC,IAAKN,EAAWC,IAE1E,ECNDP,EAAoBQ,EAAI,CAACK,EAAKC,IAAUL,OAAOM,UAAUC,eAAeC,KAAKJ,EAAKC,GCClFd,EAAoBkB,EAAKrB,IACH,oBAAXsB,QAA0BA,OAAOC,aAC1CX,OAAOC,eAAeb,EAASsB,OAAOC,YAAa,CAAEC,MAAO,WAE7DZ,OAAOC,eAAeb,EAAS,aAAc,CAAEwB,OAAO,GAAO,E,mECE9D,QAJkB,WAChB,OAAO,SAAC,EAAAC,IAAG,uBACb,C","sources":["webpack://@lunit/design-system/external commonjs \"@mui/material\"","webpack://@lunit/design-system/external commonjs \"react/jsx-runtime\"","webpack://@lunit/design-system/webpack/bootstrap","webpack://@lunit/design-system/webpack/runtime/define property getters","webpack://@lunit/design-system/webpack/runtime/hasOwnProperty shorthand","webpack://@lunit/design-system/webpack/runtime/make namespace object","webpack://@lunit/design-system/./src/components/TextField/TextField.tsx"],"sourcesContent":["module.exports = require(\"@mui/material\");","module.exports = require(\"react/jsx-runtime\");","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import React from \"react\";\nimport { Box } from \"@mui/material\";\n\nconst TextField = () => {\n return <Box>TextField</Box>;\n};\n\nexport default TextField;\n"],"names":["module","exports","require","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","d","definition","key","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","call","r","Symbol","toStringTag","value","Box"],"sourceRoot":""}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TextField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC"}
@@ -0,0 +1,26 @@
1
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import Success from "@lunit/design-system-icons/Success16";
3
+ import Error from "@lunit/design-system-icons/Error16";
4
+ import Warning from "@lunit/design-system-icons/Warning16";
5
+ import Information from "@lunit/design-system-icons/Information16";
6
+ import Close from "@lunit/design-system-icons/Close";
7
+ import { Typography } from "@mui/material";
8
+ import { forwardRef } from "react";
9
+ import Button from "../Button";
10
+ import { StyledToast } from "./Toast.styled";
11
+ const MAPPED_ICON = {
12
+ success: _jsx(Success, { variant: "filled" }),
13
+ info: _jsx(Information, { variant: "filled" }),
14
+ warning: _jsx(Warning, { variant: "filled" }),
15
+ error: _jsx(Error, { variant: "filled" }),
16
+ };
17
+ const Toast = forwardRef((props, ref) => {
18
+ const { severity = "normal", icon, children, action, onClose, ...rest } = props;
19
+ const iconConfig = severity === "normal" ? { icon: false } : { severity };
20
+ return (_jsx(StyledToast, { ref: ref, iconMapping: MAPPED_ICON, action: _jsxs(_Fragment, { children: [action, onClose && (_jsx(Button, { icon: _jsx(Close, {}), kind: "ghost", size: "medium", onClick: onClose }))] }), ...iconConfig, ...rest, children: _jsx(Typography, { className: "Toast-message", variant: "body2_14_regular", sx: {
21
+ whiteSpace: "pre-line",
22
+ }, children: children }) }));
23
+ });
24
+ // this forwardRef is required for using with Snackbar component
25
+ export default Toast;
26
+ //# sourceMappingURL=Toast.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":";AAAA,OAAO,OAAO,MAAM,sCAAsC,CAAC;AAC3D,OAAO,KAAK,MAAM,oCAAoC,CAAC;AACvD,OAAO,OAAO,MAAM,sCAAsC,CAAC;AAC3D,OAAO,WAAW,MAAM,0CAA0C,CAAC;AACnE,OAAO,KAAK,MAAM,kCAAkC,CAAC;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,MAAM,WAAW,GAAG;IAClB,OAAO,EAAE,KAAC,OAAO,IAAC,OAAO,EAAC,QAAQ,GAAG;IACrC,IAAI,EAAE,KAAC,WAAW,IAAC,OAAO,EAAC,QAAQ,GAAG;IACtC,OAAO,EAAE,KAAC,OAAO,IAAC,OAAO,EAAC,QAAQ,GAAG;IACrC,KAAK,EAAE,KAAC,KAAK,IAAC,OAAO,EAAC,QAAQ,GAAG;CAClC,CAAC;AAEF,MAAM,KAAK,GAAG,UAAU,CAA6B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAClE,MAAM,EACJ,QAAQ,GAAG,QAAQ,EACnB,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,OAAO,EACP,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IACV,MAAM,UAAU,GAAG,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC;IAE1E,OAAO,CACL,KAAC,WAAW,IACV,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,MAAM,EACJ,8BACG,MAAM,EACN,OAAO,IAAI,CACV,KAAC,MAAM,IACL,IAAI,EAAE,KAAC,KAAK,KAAG,EACf,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,GAChB,CACH,IACA,KAED,UAAU,KACV,IAAI,YAER,KAAC,UAAU,IACT,SAAS,EAAC,eAAe,EACzB,OAAO,EAAC,kBAAkB,EAC1B,EAAE,EAAE;gBACF,UAAU,EAAE,UAAU;aACvB,YAEA,QAAQ,GACE,GACD,CACf,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,gEAAgE;AAChE,eAAe,KAAK,CAAC"}
@@ -0,0 +1,49 @@
1
+ import { Alert, styled } from "@mui/material";
2
+ import { getIconColor } from "./Toast.utils";
3
+ export const StyledToast = styled(Alert)(({ theme, severity }) => {
4
+ return {
5
+ 'div[class*="MuiAlert"]': {
6
+ display: "flex",
7
+ alignItems: "center",
8
+ },
9
+ "&.MuiAlert-root": {
10
+ padding: "8px 16px 8px 16px",
11
+ margin: 0,
12
+ color: theme.palette.token.core.text_normal,
13
+ backgroundColor: theme.palette.token.core.bg_03,
14
+ borderRadius: "8px",
15
+ },
16
+ "& .MuiAlert-icon": {
17
+ height: "36px",
18
+ marginRight: "16px",
19
+ fontSize: 20,
20
+ color: `${getIconColor(severity)}`,
21
+ "& .MuiSvgIcon-root": {
22
+ height: "16px",
23
+ width: "16px",
24
+ },
25
+ },
26
+ "& .MuiAlert-message": {
27
+ // max length of toast message is 400px
28
+ maxWidth: "400px",
29
+ minHeight: "28px",
30
+ padding: "8px 0 8px 0",
31
+ fontWeight: 400,
32
+ fontSize: "14px",
33
+ lineHeight: "20px",
34
+ "& .Toast-message": {
35
+ display: "block",
36
+ },
37
+ },
38
+ "& .MuiAlert-action": {
39
+ alignSelf: "flex-start",
40
+ minHeight: "36px",
41
+ marginRight: "0px",
42
+ padding: 0,
43
+ "& .MuiSvgIcon-root": {
44
+ color: theme.palette.token.core.text_normal,
45
+ },
46
+ },
47
+ };
48
+ });
49
+ //# sourceMappingURL=Toast.styled.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Toast.styled.js","sourceRoot":"","sources":["../../../src/components/Toast/Toast.styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC/D,OAAO;QACL,wBAAwB,EAAE;YACxB,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;SACrB;QACD,iBAAiB,EAAE;YACjB,OAAO,EAAE,mBAAmB;YAC5B,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW;YAC3C,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK;YAC/C,YAAY,EAAE,KAAK;SACpB;QACD,kBAAkB,EAAE;YAClB,MAAM,EAAE,MAAM;YACd,WAAW,EAAE,MAAM;YACnB,QAAQ,EAAE,EAAE;YACZ,KAAK,EAAE,GAAG,YAAY,CAAC,QAAQ,CAAC,EAAE;YAClC,oBAAoB,EAAE;gBACpB,MAAM,EAAE,MAAM;gBACd,KAAK,EAAE,MAAM;aACd;SACF;QACD,qBAAqB,EAAE;YACrB,uCAAuC;YACvC,QAAQ,EAAE,OAAO;YACjB,SAAS,EAAE,MAAM;YACjB,OAAO,EAAE,aAAa;YACtB,UAAU,EAAE,GAAG;YACf,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,MAAM;YAClB,kBAAkB,EAAE;gBAClB,OAAO,EAAE,OAAO;aACjB;SACF;QACD,oBAAoB,EAAE;YACpB,SAAS,EAAE,YAAY;YACvB,SAAS,EAAE,MAAM;YACjB,WAAW,EAAE,KAAK;YAClB,OAAO,EAAE,CAAC;YACV,oBAAoB,EAAE;gBACpB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW;aAC5C;SACF;KACF,CAAC;AACJ,CAAC,CAAC,CAAC"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=Toast.types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Toast.types.js","sourceRoot":"","sources":["../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":""}
@@ -0,0 +1,14 @@
1
+ import theme from "@/theme";
2
+ export const getIconColor = (severity) => {
3
+ switch (severity) {
4
+ case "info":
5
+ return theme.palette.token.core.icon_info_02;
6
+ case "warning":
7
+ return theme.palette.token.core.icon_warning_02;
8
+ case "error":
9
+ return theme.palette.token.core.icon_error_02;
10
+ default:
11
+ return theme.palette.token.core.icon_success_02;
12
+ }
13
+ };
14
+ //# sourceMappingURL=Toast.utils.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Toast.utils.js","sourceRoot":"","sources":["../../../src/components/Toast/Toast.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAC;AAG5B,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,QAAgC,EAAE,EAAE;IAC/D,QAAQ,QAAQ,EAAE;QAChB,KAAK,MAAM;YACT,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC;QAC/C,KAAK,SAAS;YACZ,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC;QAClD,KAAK,OAAO;YACV,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC;QAChD;YACE,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC;KACnD;AACH,CAAC,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { default as Toast } from './Toast';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Toast/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA"}
@@ -0,0 +1,13 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { CommonToggle, CommonIndeterminateToggle } from './Toggle.styled';
3
+ const Toggle = (props) => {
4
+ const { size = "medium", indeterminate = false, disableRipple, ...switchProps } = props;
5
+ if (indeterminate) {
6
+ const { checked: _, ...restProps } = switchProps;
7
+ // can't use checked props with indeterminate
8
+ return _jsx(CommonIndeterminateToggle, { toggleSize: size, checked: true, focusRipple: false, disableRipple: disableRipple, ...restProps });
9
+ }
10
+ return _jsx(CommonToggle, { toggleSize: size, focusRipple: false, disableRipple: disableRipple, ...switchProps });
11
+ };
12
+ export default Toggle;
13
+ //# sourceMappingURL=Toggle.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAA;AAIzE,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IACpC,MAAM,EAAE,IAAI,GAAG,QAAQ,EAAE,aAAa,GAAG,KAAK,EAAE,aAAa,EAAE,GAAG,WAAW,EAAE,GAAG,KAAK,CAAA;IAEvF,IAAI,aAAa,EAAE;QACjB,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE,GAAG,SAAS,EAAE,GAAG,WAAW,CAAC;QACjD,6CAA6C;QAC3C,OAAO,KAAC,yBAAyB,IAAC,UAAU,EAAE,IAAI,EAAE,OAAO,QAAC,WAAW,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,KAAM,SAAS,GAAI,CAAA;KAClI;IAED,OAAQ,KAAC,YAAY,IAAC,UAAU,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,KAAM,WAAW,GAAG,CAAA;AAC9G,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}
@@ -0,0 +1,155 @@
1
+ import { styled, Switch as MuiSwitch } from "@mui/material";
2
+ const toggleStyles = {
3
+ medium: {
4
+ root: {
5
+ width: 28,
6
+ height: 18,
7
+ borderRadius: 9,
8
+ },
9
+ focus: {
10
+ width: 34,
11
+ height: 24,
12
+ borderRadius: 12,
13
+ },
14
+ switch: {
15
+ transition: "all 100ms ease-in-out",
16
+ },
17
+ switchChecked: {
18
+ transform: 'translateX(10px)',
19
+ },
20
+ thumb: {
21
+ width: 14,
22
+ height: 14,
23
+ }
24
+ },
25
+ large: {
26
+ root: {
27
+ width: 44,
28
+ height: 24,
29
+ borderRadius: 12,
30
+ },
31
+ focus: {
32
+ width: 50,
33
+ height: 30,
34
+ borderRadius: 14,
35
+ },
36
+ switch: {
37
+ transition: "all 150ms ease-in-out",
38
+ },
39
+ switchChecked: {
40
+ transform: 'translateX(20px)',
41
+ },
42
+ thumb: {
43
+ width: 20,
44
+ height: 20,
45
+ },
46
+ },
47
+ };
48
+ const indeterminateStyles = {
49
+ large: {
50
+ switchChecked: {
51
+ top: 8,
52
+ left: -8,
53
+ },
54
+ track: {
55
+ borderRadius: 12,
56
+ },
57
+ thumb: {
58
+ height: 4,
59
+ width: 16,
60
+ borderRadius: 2,
61
+ },
62
+ },
63
+ medium: {
64
+ switchChecked: {
65
+ top: 6,
66
+ left: -4,
67
+ },
68
+ track: {
69
+ borderRadius: 12,
70
+ },
71
+ thumb: {
72
+ height: 2,
73
+ width: 12,
74
+ borderRadius: 2,
75
+ },
76
+ }
77
+ };
78
+ export const CommonToggle = styled(MuiSwitch, {
79
+ shouldForwardProp: (props) => props !== 'toggleSize',
80
+ })(({ theme, toggleSize, disabled }) => {
81
+ const checkedColor = theme.palette.token.component.selectcontrol_on;
82
+ const uncheckedColor = theme.palette.token.component.selectcontrol_off;
83
+ const handlerColor = theme.palette.token.component.selectcontrol_handler;
84
+ const toggleStyle = toggleStyles[toggleSize];
85
+ const toggleOpacity = disabled ? 0.38 : 1;
86
+ return {
87
+ ...toggleStyle.root,
88
+ display: 'flex',
89
+ padding: 0,
90
+ overflow: "visible",
91
+ backgroundColor: "transparent",
92
+ opacity: toggleOpacity,
93
+ "& .Mui-focusVisible": {
94
+ // clear default focus style
95
+ boxShadow: "none",
96
+ background: "transparent",
97
+ borderColor: "transparent",
98
+ outline: "none",
99
+ "& + .MuiSwitch-track::after": {
100
+ ...toggleStyle.focus,
101
+ content: '""',
102
+ position: "absolute",
103
+ border: `1px solid ${checkedColor}`,
104
+ boxSizing: "border-box",
105
+ top: -3,
106
+ left: -3, // border 1px + offset 2px
107
+ }
108
+ },
109
+ '& .MuiSwitch-track': {
110
+ opacity: 1,
111
+ borderRadius: 12,
112
+ backgroundColor: uncheckedColor,
113
+ },
114
+ '& .MuiSwitch-thumb': {
115
+ ...toggleStyle.thumb,
116
+ boxShadow: "0px 0px 1px rgba(0, 0, 0, 0.4)",
117
+ },
118
+ '& .MuiSwitch-switchBase': {
119
+ ...toggleStyle.switch,
120
+ padding: 2,
121
+ opacity: 1,
122
+ '&.Mui-checked': {
123
+ ...toggleStyle.switchChecked,
124
+ color: handlerColor,
125
+ '& + .MuiSwitch-track': {
126
+ opacity: 1,
127
+ backgroundColor: checkedColor,
128
+ },
129
+ },
130
+ },
131
+ '& .Mui-disabled + .MuiSwitch-track': {
132
+ opacity: 1,
133
+ },
134
+ };
135
+ });
136
+ export const CommonIndeterminateToggle = styled(CommonToggle, {
137
+ shouldForwardProp: (props) => props !== 'toggleSize',
138
+ })(({ toggleSize }) => {
139
+ const indeterminateStyle = indeterminateStyles[toggleSize];
140
+ return {
141
+ padding: 0,
142
+ cursor: "pointer",
143
+ '& .MuiSwitch-switchBase.Mui-checked': {
144
+ ...indeterminateStyle.switchChecked,
145
+ '& + .MuiSwitch-track': {
146
+ ...indeterminateStyle.track,
147
+ },
148
+ },
149
+ '& .MuiSwitch-thumb': {
150
+ ...indeterminateStyle.thumb,
151
+ boxShadow: "none",
152
+ },
153
+ };
154
+ });
155
+ //# sourceMappingURL=Toggle.styled.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Toggle.styled.js","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.styled.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=Toggle.types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Toggle.types.js","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.types.ts"],"names":[],"mappings":""}
@@ -1,2 +1,2 @@
1
- (()=>{"use strict";var e={692:e=>{e.exports=require("@mui/material")},997:e=>{e.exports=require("react/jsx-runtime")}},t={};function r(o){var i=t[o];if(void 0!==i)return i.exports;var n=t[o]={exports:{}};return e[o](n,n.exports,r),n.exports}r.d=(e,t)=>{for(var o in t)r.o(t,o)&&!r.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};(()=>{r.r(o),r.d(o,{default:()=>l});var e=r(997),t=r(692),i=function(){return i=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var i in t=arguments[r])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},i.apply(this,arguments)},n={medium:{root:{width:28,height:18,borderRadius:9},focus:{width:34,height:24,borderRadius:12},switch:{transition:"all 100ms ease-in-out"},switchChecked:{transform:"translateX(10px)"},thumb:{width:14,height:14}},large:{root:{width:44,height:24,borderRadius:12},focus:{width:50,height:30,borderRadius:14},switch:{transition:"all 150ms ease-in-out"},switchChecked:{transform:"translateX(20px)"},thumb:{width:20,height:20}}},a={large:{switchChecked:{top:8,left:-8},track:{borderRadius:12},thumb:{height:4,width:16,borderRadius:2}},medium:{switchChecked:{top:6,left:-4},track:{borderRadius:12},thumb:{height:2,width:12,borderRadius:2}}},c=(0,t.styled)(t.Switch,{shouldForwardProp:function(e){return"toggleSize"!==e}})((function(e){var t=e.theme,r=e.toggleSize,o=e.disabled,a=t.palette.token.component.selectcontrol_on,c=t.palette.token.component.selectcontrol_off,d=t.palette.token.component.selectcontrol_handler,u=n[r],s=o?.38:1;return i(i({},u.root),{display:"flex",padding:0,overflow:"visible",backgroundColor:"transparent",opacity:s,"& .Mui-focusVisible":{boxShadow:"none",background:"transparent",borderColor:"transparent",outline:"none","& + .MuiSwitch-track::after":i(i({},u.focus),{content:'""',position:"absolute",border:"1px solid ".concat(a),boxSizing:"border-box",top:-3,left:-3})},"& .MuiSwitch-track":{opacity:1,borderRadius:12,backgroundColor:c},"& .MuiSwitch-thumb":i(i({},u.thumb),{boxShadow:"0px 0px 1px rgba(0, 0, 0, 0.4)"}),"& .MuiSwitch-switchBase":i(i({},u.switch),{padding:2,opacity:1,"&.Mui-checked":i(i({},u.switchChecked),{color:d,"& + .MuiSwitch-track":{opacity:1,backgroundColor:a}})}),"& .Mui-disabled + .MuiSwitch-track":{opacity:1}})})),d=(0,t.styled)(c,{shouldForwardProp:function(e){return"toggleSize"!==e}})((function(e){var t=e.toggleSize,r=a[t];return{padding:0,cursor:"pointer","& .MuiSwitch-switchBase.Mui-checked":i(i({},r.switchChecked),{"& + .MuiSwitch-track":i({},r.track)}),"& .MuiSwitch-thumb":i(i({},r.thumb),{boxShadow:"none"})}})),u=function(){return u=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var i in t=arguments[r])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},u.apply(this,arguments)},s=function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(o=Object.getOwnPropertySymbols(e);i<o.length;i++)t.indexOf(o[i])<0&&Object.prototype.propertyIsEnumerable.call(e,o[i])&&(r[o[i]]=e[o[i]])}return r};const l=function(t){var r=t.size,o=void 0===r?"medium":r,i=t.indeterminate,n=void 0!==i&&i,a=t.disableRipple,l=s(t,["size","indeterminate","disableRipple"]);if(n){l.checked;var h=s(l,["checked"]);return(0,e.jsx)(d,u({toggleSize:o,checked:!0,focusRipple:!1,disableRipple:a},h))}return(0,e.jsx)(c,u({toggleSize:o,focusRipple:!1,disableRipple:a},l))}})(),exports.default=o.default,Object.defineProperty(exports,"__esModule",{value:!0})})();
1
+ export { default } from "./Toggle";
2
2
  //# sourceMappingURL=index.js.map