@lunit/design-system 2.1.0 → 2.2.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 (354) hide show
  1. package/.babelrc.json +1 -1
  2. package/README.md +22 -21
  3. package/dist/cjs/components/Alert/index.js +1 -1
  4. package/dist/cjs/components/Alert/index.js.map +1 -1
  5. package/dist/cjs/components/Button/index.js +1 -1
  6. package/dist/cjs/components/Button/index.js.map +1 -1
  7. package/dist/cjs/components/Checkbox/index.js +1 -1
  8. package/dist/cjs/components/Checkbox/index.js.map +1 -1
  9. package/dist/cjs/components/Chip/index.js +1 -1
  10. package/dist/cjs/components/Chip/index.js.map +1 -1
  11. package/dist/cjs/components/DataTable/index.js.map +1 -1
  12. package/dist/cjs/components/DatePicker/index.js.map +1 -1
  13. package/dist/cjs/components/Dialog/index.js +1 -1
  14. package/dist/cjs/components/Dialog/index.js.map +1 -1
  15. package/dist/cjs/components/Dropdown/index.js +1 -1
  16. package/dist/cjs/components/Dropdown/index.js.map +1 -1
  17. package/dist/cjs/components/FormLabel/index.js +1 -1
  18. package/dist/cjs/components/FormLabel/index.js.map +1 -1
  19. package/dist/cjs/components/Radio/index.js +1 -1
  20. package/dist/cjs/components/Radio/index.js.map +1 -1
  21. package/dist/cjs/components/RadioGroup/index.js.map +1 -1
  22. package/dist/cjs/components/TextField/index.js +1 -1
  23. package/dist/cjs/components/TextField/index.js.map +1 -1
  24. package/dist/cjs/components/Toggle/index.js +1 -1
  25. package/dist/cjs/components/Toggle/index.js.map +1 -1
  26. package/dist/cjs/components/ToggleButton/index.js +1 -1
  27. package/dist/cjs/components/ToggleButton/index.js.map +1 -1
  28. package/dist/cjs/components/Tooltip/index.js.map +1 -1
  29. package/dist/cjs/components/Typography/index.js.map +1 -1
  30. package/dist/cjs/index.js +1 -1
  31. package/dist/cjs/index.js.map +1 -1
  32. package/dist/components/Alert/Alert.js +8 -8
  33. package/dist/components/Alert/Alert.js.map +1 -1
  34. package/dist/components/Alert/Alert.styled.js +26 -26
  35. package/dist/components/Alert/Alert.styled.js.map +1 -1
  36. package/dist/components/Alert/Alert.utils.js +9 -9
  37. package/dist/components/Alert/Alert.utils.js.map +1 -1
  38. package/dist/components/Alert/index.js +1 -1
  39. package/dist/components/Button/Button.js +23 -17
  40. package/dist/components/Button/Button.js.map +1 -1
  41. package/dist/components/Button/Button.styled.js +88 -88
  42. package/dist/components/Button/Button.styled.js.map +1 -1
  43. package/dist/components/Button/index.js +1 -1
  44. package/dist/components/Button/utils/getButtonPaddingBySizeAndKind.js +9 -9
  45. package/dist/components/Button/utils/getButtonPaddingBySizeAndKind.js.map +1 -1
  46. package/dist/components/Button/utils/getHoverStyle.js +1 -1
  47. package/dist/components/Button/utils/getHoverStyle.js.map +1 -1
  48. package/dist/components/Button/utils/getIconButtonPaddingBySizeAndKind.js +6 -12
  49. package/dist/components/Button/utils/getIconButtonPaddingBySizeAndKind.js.map +1 -1
  50. package/dist/components/Checkbox/Checkbox.js +9 -9
  51. package/dist/components/Checkbox/Checkbox.js.map +1 -1
  52. package/dist/components/Checkbox/index.js +1 -1
  53. package/dist/components/Chip/Chip.js +29 -26
  54. package/dist/components/Chip/Chip.js.map +1 -1
  55. package/dist/components/Chip/Chip.styled.js +52 -52
  56. package/dist/components/Chip/Chip.styled.js.map +1 -1
  57. package/dist/components/Chip/consts.js +5 -5
  58. package/dist/components/Chip/index.js +1 -1
  59. package/dist/components/DataTable/DataTable.js +1 -1
  60. package/dist/components/DataTable/index.js +1 -1
  61. package/dist/components/DatePicker/DatePicker.js +1 -1
  62. package/dist/components/DatePicker/index.js +1 -1
  63. package/dist/components/Dialog/Dialog.js +18 -18
  64. package/dist/components/Dialog/Dialog.js.map +1 -1
  65. package/dist/components/Dialog/Dialog.styled.js +90 -90
  66. package/dist/components/Dialog/Dialog.styled.js.map +1 -1
  67. package/dist/components/Dialog/components/DialogAction.js +6 -6
  68. package/dist/components/Dialog/index.js +1 -1
  69. package/dist/components/Dropdown/Dropdown.js +23 -21
  70. package/dist/components/Dropdown/Dropdown.js.map +1 -1
  71. package/dist/components/Dropdown/Dropdown.styled.js +85 -86
  72. package/dist/components/Dropdown/Dropdown.styled.js.map +1 -1
  73. package/dist/components/Dropdown/DropdownItem.js +14 -14
  74. package/dist/components/Dropdown/DropdownItem.js.map +1 -1
  75. package/dist/components/Dropdown/index.js +2 -2
  76. package/dist/components/Dropdown/index.js.map +1 -1
  77. package/dist/components/FormLabel/FormLabel.js +1 -1
  78. package/dist/components/FormLabel/FormLabel.styled.js +2 -2
  79. package/dist/components/FormLabel/FormLabel.styled.js.map +1 -1
  80. package/dist/components/FormLabel/index.js +1 -1
  81. package/dist/components/Radio/Radio.js +8 -8
  82. package/dist/components/Radio/Radio.js.map +1 -1
  83. package/dist/components/Radio/index.js +1 -1
  84. package/dist/components/RadioGroup/index.js +1 -1
  85. package/dist/components/TextField/TextField.js +8 -8
  86. package/dist/components/TextField/TextField.js.map +1 -1
  87. package/dist/components/TextField/TextField.style.js +112 -112
  88. package/dist/components/TextField/TextField.style.js.map +1 -1
  89. package/dist/components/TextField/TextFieldIcon.js +2 -2
  90. package/dist/components/TextField/TextFieldIcon.js.map +1 -1
  91. package/dist/components/TextField/index.js +1 -1
  92. package/dist/components/Toast/Toast.js +13 -13
  93. package/dist/components/Toast/Toast.js.map +1 -1
  94. package/dist/components/Toast/Toast.styled.js +26 -26
  95. package/dist/components/Toast/Toast.utils.js +3 -3
  96. package/dist/components/Toast/Toast.utils.js.map +1 -1
  97. package/dist/components/Toast/index.js +1 -1
  98. package/dist/components/Toggle/Toggle.js +3 -4
  99. package/dist/components/Toggle/Toggle.js.map +1 -1
  100. package/dist/components/Toggle/Toggle.styled.js +30 -30
  101. package/dist/components/Toggle/Toggle.styled.js.map +1 -1
  102. package/dist/components/Toggle/index.js +1 -1
  103. package/dist/components/ToggleButton/ToggleButton.js +6 -6
  104. package/dist/components/ToggleButton/ToggleButton.js.map +1 -1
  105. package/dist/components/ToggleButton/ToggleButton.styled.js +20 -20
  106. package/dist/components/ToggleButton/ToggleButton.styled.js.map +1 -1
  107. package/dist/components/ToggleButton/index.js +1 -1
  108. package/dist/components/ToggleButtonGroup/ToggleButtonGroup.js +2 -2
  109. package/dist/components/ToggleButtonGroup/ToggleButtonGroup.js.map +1 -1
  110. package/dist/components/ToggleButtonGroup/index.js +1 -1
  111. package/dist/components/Tooltip/Tooltip.js +1 -1
  112. package/dist/components/Tooltip/index.js +1 -1
  113. package/dist/components/Typography/Typography.js +1 -1
  114. package/dist/components/Typography/Typography.js.map +1 -1
  115. package/dist/components/Typography/index.js +1 -1
  116. package/dist/foundation/Elevation/index.js +27 -27
  117. package/dist/foundation/Elevation/utils.js +1 -1
  118. package/dist/foundation/Elevation/utils.js.map +1 -1
  119. package/dist/foundation/Typography/index.js +35 -35
  120. package/dist/foundation/Typography/index.js.map +1 -1
  121. package/dist/foundation/Typography/tokens.js +136 -136
  122. package/dist/foundation/Typography/tokens.js.map +1 -1
  123. package/dist/foundation/colors/base/blue.js +12 -12
  124. package/dist/foundation/colors/base/green.js +12 -12
  125. package/dist/foundation/colors/base/grey.js +28 -28
  126. package/dist/foundation/colors/base/index.js +11 -11
  127. package/dist/foundation/colors/base/lunitGreen.js +11 -11
  128. package/dist/foundation/colors/base/lunitTeal.js +12 -12
  129. package/dist/foundation/colors/base/magenta.js +12 -12
  130. package/dist/foundation/colors/base/opacity.js +4 -4
  131. package/dist/foundation/colors/base/orange.js +12 -12
  132. package/dist/foundation/colors/base/purple.js +12 -12
  133. package/dist/foundation/colors/base/red.js +12 -12
  134. package/dist/foundation/colors/base/yellow.js +12 -12
  135. package/dist/foundation/colors/index.js +119 -121
  136. package/dist/foundation/colors/index.js.map +1 -1
  137. package/dist/foundation/colors/token/component.js +184 -212
  138. package/dist/foundation/colors/token/component.js.map +1 -1
  139. package/dist/foundation/colors/token/core.js +112 -133
  140. package/dist/foundation/colors/token/core.js.map +1 -1
  141. package/dist/foundation/colors/token/index.js +2 -2
  142. package/dist/foundation/index.js +5 -5
  143. package/dist/index.js +20 -20
  144. package/dist/theme.js +6 -6
  145. package/dist/types/components/Alert/Alert.d.ts +2 -2
  146. package/dist/types/components/Alert/Alert.styled.d.ts +1 -2
  147. package/dist/types/components/Alert/Alert.types.d.ts +2 -2
  148. package/dist/types/components/Alert/Alert.utils.d.ts +1 -1
  149. package/dist/types/components/Alert/index.d.ts +1 -1
  150. package/dist/types/components/Button/Button.d.ts +1 -1
  151. package/dist/types/components/Button/Button.styled.d.ts +249 -265
  152. package/dist/types/components/Button/Button.types.d.ts +16 -16
  153. package/dist/types/components/Button/index.d.ts +1 -1
  154. package/dist/types/components/Button/utils/getButtonPaddingBySizeAndKind.d.ts +4 -4
  155. package/dist/types/components/Button/utils/getHoverStyle.d.ts +2 -1
  156. package/dist/types/components/Button/utils/getIconButtonPaddingBySizeAndKind.d.ts +4 -4
  157. package/dist/types/components/Checkbox/Checkbox.d.ts +1 -1
  158. package/dist/types/components/Checkbox/index.d.ts +1 -1
  159. package/dist/types/components/Chip/Chip.d.ts +1 -1
  160. package/dist/types/components/Chip/Chip.styled.d.ts +6 -79
  161. package/dist/types/components/Chip/Chip.types.d.ts +15 -14
  162. package/dist/types/components/Chip/index.d.ts +1 -1
  163. package/dist/types/components/DataTable/index.d.ts +1 -1
  164. package/dist/types/components/DatePicker/index.d.ts +1 -1
  165. package/dist/types/components/Dialog/Dialog.d.ts +11 -11
  166. package/dist/types/components/Dialog/Dialog.styled.d.ts +3 -4
  167. package/dist/types/components/Dialog/components/DialogAction.d.ts +2 -2
  168. package/dist/types/components/Dialog/index.d.ts +2 -2
  169. package/dist/types/components/Dropdown/Dropdown.d.ts +2 -2
  170. package/dist/types/components/Dropdown/Dropdown.styled.d.ts +4 -39
  171. package/dist/types/components/Dropdown/Dropdown.types.d.ts +5 -5
  172. package/dist/types/components/Dropdown/DropdownItem.d.ts +3 -3
  173. package/dist/types/components/Dropdown/index.d.ts +3 -3
  174. package/dist/types/components/FormLabel/FormLabel.d.ts +1 -1
  175. package/dist/types/components/FormLabel/index.d.ts +1 -1
  176. package/dist/types/components/Radio/Radio.d.ts +1 -1
  177. package/dist/types/components/Radio/index.d.ts +1 -1
  178. package/dist/types/components/RadioGroup/index.d.ts +1 -1
  179. package/dist/types/components/TextField/TextField.d.ts +2 -2
  180. package/dist/types/components/TextField/TextField.style.d.ts +3 -4
  181. package/dist/types/components/TextField/TextField.types.d.ts +6 -6
  182. package/dist/types/components/TextField/TextFieldIcon.d.ts +2 -2
  183. package/dist/types/components/TextField/index.d.ts +2 -2
  184. package/dist/types/components/Toast/Toast.d.ts +2 -2
  185. package/dist/types/components/Toast/Toast.types.d.ts +3 -3
  186. package/dist/types/components/Toast/Toast.utils.d.ts +1 -1
  187. package/dist/types/components/Toast/index.d.ts +2 -2
  188. package/dist/types/components/Toggle/Toggle.d.ts +1 -1
  189. package/dist/types/components/Toggle/Toggle.styled.d.ts +2 -2
  190. package/dist/types/components/Toggle/Toggle.types.d.ts +3 -3
  191. package/dist/types/components/Toggle/index.d.ts +1 -1
  192. package/dist/types/components/ToggleButton/ToggleButton.d.ts +1 -1
  193. package/dist/types/components/ToggleButton/ToggleButton.styled.d.ts +2 -34
  194. package/dist/types/components/ToggleButton/ToggleButton.types.d.ts +10 -10
  195. package/dist/types/components/ToggleButton/index.d.ts +1 -1
  196. package/dist/types/components/ToggleButtonGroup/ToggleButtonGroup.d.ts +1 -1
  197. package/dist/types/components/ToggleButtonGroup/index.d.ts +1 -1
  198. package/dist/types/components/Tooltip/index.d.ts +1 -1
  199. package/dist/types/components/Typography/Typography.d.ts +6 -6
  200. package/dist/types/components/Typography/index.d.ts +1 -1
  201. package/dist/types/components/index.d.ts +2 -2
  202. package/dist/types/foundation/Elevation/index.d.ts +22 -22
  203. package/dist/types/foundation/Typography/index.d.ts +78 -78
  204. package/dist/types/foundation/Typography/tokens.d.ts +69 -69
  205. package/dist/types/foundation/colors/base/index.d.ts +11 -11
  206. package/dist/types/foundation/colors/index.d.ts +13 -20
  207. package/dist/types/foundation/colors/token/component.d.ts +1 -1
  208. package/dist/types/foundation/colors/token/core.d.ts +1 -1
  209. package/dist/types/foundation/colors/token/index.d.ts +2 -2
  210. package/dist/types/foundation/colors/types.d.ts +0 -7
  211. package/dist/types/foundation/index.d.ts +4 -11
  212. package/dist/types/foundation/spacing.d.ts +1 -1
  213. package/dist/types/index.d.ts +20 -20
  214. package/dist/types/theme.d.ts +1 -1
  215. package/package.json +22 -26
  216. package/src/components/Alert/Alert.styled.ts +39 -49
  217. package/src/components/Alert/Alert.tsx +10 -16
  218. package/src/components/Alert/Alert.types.ts +2 -2
  219. package/src/components/Alert/Alert.utils.ts +13 -22
  220. package/src/components/Alert/index.ts +1 -1
  221. package/src/components/Button/Button.styled.ts +98 -101
  222. package/src/components/Button/Button.tsx +71 -69
  223. package/src/components/Button/Button.types.ts +19 -21
  224. package/src/components/Button/index.ts +1 -1
  225. package/src/components/Button/utils/getButtonPaddingBySizeAndKind.ts +13 -13
  226. package/src/components/Button/utils/getHoverStyle.ts +4 -2
  227. package/src/components/Button/utils/getIconButtonPaddingBySizeAndKind.ts +10 -19
  228. package/src/components/Checkbox/Checkbox.tsx +13 -25
  229. package/src/components/Checkbox/index.ts +1 -1
  230. package/src/components/Chip/Chip.styled.ts +69 -72
  231. package/src/components/Chip/Chip.tsx +33 -55
  232. package/src/components/Chip/Chip.types.ts +18 -24
  233. package/src/components/Chip/consts.ts +5 -5
  234. package/src/components/Chip/index.ts +1 -1
  235. package/src/components/DataTable/DataTable.tsx +2 -2
  236. package/src/components/DataTable/index.ts +1 -1
  237. package/src/components/DatePicker/DatePicker.tsx +2 -2
  238. package/src/components/DatePicker/index.ts +1 -1
  239. package/src/components/Dialog/Dialog.styled.ts +112 -114
  240. package/src/components/Dialog/Dialog.tsx +41 -46
  241. package/src/components/Dialog/components/DialogAction.tsx +8 -8
  242. package/src/components/Dialog/index.ts +3 -3
  243. package/src/components/Dropdown/Dropdown.styled.tsx +88 -89
  244. package/src/components/Dropdown/Dropdown.tsx +29 -30
  245. package/src/components/Dropdown/Dropdown.types.ts +6 -5
  246. package/src/components/Dropdown/DropdownItem.tsx +18 -29
  247. package/src/components/Dropdown/index.ts +3 -7
  248. package/src/components/FormLabel/FormLabel.styled.ts +3 -3
  249. package/src/components/FormLabel/FormLabel.tsx +3 -3
  250. package/src/components/FormLabel/index.ts +1 -1
  251. package/src/components/Radio/Radio.tsx +12 -29
  252. package/src/components/Radio/index.ts +1 -1
  253. package/src/components/RadioGroup/index.ts +1 -1
  254. package/src/components/TextField/TextField.style.ts +123 -132
  255. package/src/components/TextField/TextField.tsx +50 -62
  256. package/src/components/TextField/TextField.types.ts +7 -8
  257. package/src/components/TextField/TextFieldIcon.tsx +4 -7
  258. package/src/components/TextField/index.ts +2 -2
  259. package/src/components/Toast/Toast.styled.ts +26 -26
  260. package/src/components/Toast/Toast.tsx +14 -28
  261. package/src/components/Toast/Toast.types.ts +3 -8
  262. package/src/components/Toast/Toast.utils.ts +5 -8
  263. package/src/components/Toast/index.tsx +2 -2
  264. package/src/components/Toggle/Toggle.styled.ts +31 -32
  265. package/src/components/Toggle/Toggle.tsx +5 -11
  266. package/src/components/Toggle/Toggle.types.ts +3 -3
  267. package/src/components/Toggle/index.ts +1 -1
  268. package/src/components/ToggleButton/ToggleButton.styled.ts +47 -49
  269. package/src/components/ToggleButton/ToggleButton.tsx +91 -97
  270. package/src/components/ToggleButton/ToggleButton.types.ts +10 -10
  271. package/src/components/ToggleButton/index.ts +1 -1
  272. package/src/components/ToggleButtonGroup/ToggleButtonGroup.tsx +3 -8
  273. package/src/components/ToggleButtonGroup/index.tsx +1 -1
  274. package/src/components/Tooltip/Tooltip.tsx +2 -2
  275. package/src/components/Tooltip/index.ts +1 -1
  276. package/src/components/Typography/Typography.tsx +7 -10
  277. package/src/components/Typography/index.ts +1 -1
  278. package/src/components/index.ts +2 -2
  279. package/src/foundation/Elevation/index.ts +27 -27
  280. package/src/foundation/Elevation/utils.ts +14 -8
  281. package/src/foundation/Typography/index.ts +58 -57
  282. package/src/foundation/Typography/tokens.ts +138 -138
  283. package/src/foundation/colors/base/blue.ts +12 -12
  284. package/src/foundation/colors/base/green.ts +12 -12
  285. package/src/foundation/colors/base/grey.ts +28 -28
  286. package/src/foundation/colors/base/index.ts +11 -11
  287. package/src/foundation/colors/base/lunitGreen.ts +11 -11
  288. package/src/foundation/colors/base/lunitTeal.ts +12 -12
  289. package/src/foundation/colors/base/magenta.ts +12 -12
  290. package/src/foundation/colors/base/opacity.ts +4 -4
  291. package/src/foundation/colors/base/orange.ts +12 -12
  292. package/src/foundation/colors/base/purple.ts +12 -12
  293. package/src/foundation/colors/base/red.ts +12 -12
  294. package/src/foundation/colors/base/yellow.ts +12 -12
  295. package/src/foundation/colors/index.ts +119 -120
  296. package/src/foundation/colors/token/component.ts +185 -213
  297. package/src/foundation/colors/token/core.ts +113 -134
  298. package/src/foundation/colors/token/index.ts +2 -2
  299. package/src/foundation/colors/types.ts +0 -7
  300. package/src/foundation/index.ts +8 -8
  301. package/src/foundation/spacing.ts +1 -1
  302. package/src/index.ts +20 -20
  303. package/src/stories/GettingStarted.mdx +9 -15
  304. package/src/stories/components/Alert/Alert.stories.tsx +39 -46
  305. package/src/stories/components/Button/BasicButton.stories.tsx +68 -59
  306. package/src/stories/components/Button/ButtonDocs.mdx +17 -41
  307. package/src/stories/components/Button/Color.stories.tsx +28 -51
  308. package/src/stories/components/Button/IconButton.stories.tsx +40 -47
  309. package/src/stories/components/Button/Kind.stories.tsx +100 -213
  310. package/src/stories/components/CheckBox/BasicCheckbox.stories.tsx +52 -71
  311. package/src/stories/components/CheckBox/CheckboxDocs.mdx +6 -6
  312. package/src/stories/components/Chip/Chip.stories.tsx +75 -75
  313. package/src/stories/components/Chip/ChipDocs.mdx +12 -13
  314. package/src/stories/components/DataTable/DataTable.stories.tsx +4 -4
  315. package/src/stories/components/DatePicker/DatePicker.stories.tsx +4 -4
  316. package/src/stories/components/Dialog/Dialog.stories.tsx +103 -124
  317. package/src/stories/components/Dialog/DialogDocs.mdx +7 -13
  318. package/src/stories/components/Dropdown/Dropdown.stories.tsx +96 -82
  319. package/src/stories/components/Dropdown/DropdownDocs.mdx +275 -0
  320. package/src/stories/components/Dropdown/DropdownExamples.stories.tsx +40 -47
  321. package/src/stories/components/Dropdown/DropdownItem.stories.tsx +113 -98
  322. package/src/stories/components/SelectControl/RadioGroup.stories.tsx +17 -30
  323. package/src/stories/components/SelectControl/RadioStatus.stories.tsx +16 -23
  324. package/src/stories/components/SelectControl/Toggle.stories.tsx +33 -78
  325. package/src/stories/components/TextField/BasicTextField.stories.tsx +44 -60
  326. package/src/stories/components/TextField/TextFieldDocs.mdx +8 -12
  327. package/src/stories/components/TextField/TextFieldMulti.stories.tsx +39 -58
  328. package/src/stories/components/TextField/TextFieldSingle.stories.tsx +74 -121
  329. package/src/stories/components/TextField/TextFieldSize.stories.tsx +35 -56
  330. package/src/stories/components/Toast/Toast.stories.tsx +39 -49
  331. package/src/stories/components/ToggleButton/Basic.stories.tsx +237 -235
  332. package/src/stories/components/ToggleButton/ToggleButtonDocs.mdx +10 -14
  333. package/src/stories/components/ToggleButton/ToggleButtonKind.stories.tsx +144 -203
  334. package/src/stories/components/ToggleButton/WithIcon.stories.tsx +87 -107
  335. package/src/stories/components/Tooltip/Tooltip.stories.tsx +4 -4
  336. package/src/stories/foundation/Elevation/Elevation.stories.tsx +48 -73
  337. package/src/stories/foundation/Elevation/styled.ts +3 -3
  338. package/src/stories/foundation/Typography/Typography.mdx +9 -13
  339. package/src/stories/foundation/Typography/Typography.stories.tsx +25 -41
  340. package/src/stories/foundation/Typography/TypographyGroup.tsx +14 -25
  341. package/src/stories/foundation/Typography/const.ts +13 -19
  342. package/src/stories/foundation/colors/ColorSystem.tsx +42 -40
  343. package/src/stories/foundation/colors/Colors.stories.tsx +40 -41
  344. package/src/stories/foundation/colors/Docs.mdx +73 -77
  345. package/src/stories/foundation/colors/Mui.stories.tsx +6 -8
  346. package/src/stories/foundation/colors/Token.inComponent.stories.tsx +81 -71
  347. package/src/stories/foundation/colors/TokenPaletteTable.stories.tsx +7 -7
  348. package/src/stories/foundation/colors/TokenPaletteTable.tsx +23 -49
  349. package/src/stories/foundation/colors/styled.ts +26 -26
  350. package/src/theme.ts +6 -6
  351. package/src/types.d.ts +1 -1
  352. package/tsconfig.build.json +1 -5
  353. package/tsconfig.json +0 -1
  354. package/src/stories/components/ToggleButton/Group.stories.tsx +0 -221
@@ -1,146 +1,146 @@
1
- import { styled } from "@mui/material/styles";
1
+ import { styled } from '@mui/material/styles';
2
2
  const DIALOG_WRAPPER_STYLE = {
3
3
  small: {
4
- width: "320px",
5
- maxWidth: "320px",
4
+ width: '320px',
5
+ maxWidth: '320px',
6
6
  },
7
7
  medium: {
8
- width: "500px",
9
- maxWidth: "840px",
8
+ width: '500px',
9
+ maxWidth: '840px',
10
10
  },
11
11
  modal: {
12
- position: "relative",
12
+ position: 'relative',
13
13
  },
14
14
  nonModal: {
15
- position: "fixed",
16
- top: "30px",
17
- right: "30px",
15
+ position: 'fixed',
16
+ top: '30px',
17
+ right: '30px',
18
18
  },
19
19
  };
20
20
  const DIALOG_TITLE_STYLE = {
21
21
  small: {
22
- display: "flex",
23
- alignItems: "center",
24
- height: "52px",
25
- maxHeight: "100%",
26
- padding: "20px 20px 4px 20px", // Title's X button pluses 2px to paddingTop and Bottom
22
+ display: 'flex',
23
+ alignItems: 'center',
24
+ height: '52px',
25
+ maxHeight: '100%',
26
+ padding: '20px 20px 4px 20px', // Title's X button pluses 2px to paddingTop and Bottom
27
27
  },
28
28
  medium: {
29
- display: "flex",
30
- alignItems: "center",
31
- height: "64px",
32
- maxHeight: "100%",
33
- padding: "30px 32px 6px 32px", // Title's X button pluses 2px to paddingTop and Bottom
29
+ display: 'flex',
30
+ alignItems: 'center',
31
+ height: '64px',
32
+ maxHeight: '100%',
33
+ padding: '30px 32px 6px 32px', // Title's X button pluses 2px to paddingTop and Bottom
34
34
  },
35
35
  };
36
36
  const DIALOG_CONTENT_STYLE = {
37
37
  small: {
38
- paddingInline: "20px calc(20px - 10px)",
39
- paddingTop: "8px",
40
- paddingBottom: "28px",
38
+ paddingInline: '20px calc(20px - 10px)',
39
+ paddingTop: '8px',
40
+ paddingBottom: '28px',
41
41
  },
42
42
  smallAction: {
43
- paddingInline: "20px calc(20px - 10px)",
44
- paddingBlock: "8px",
43
+ paddingInline: '20px calc(20px - 10px)',
44
+ paddingBlock: '8px',
45
45
  },
46
46
  medium: {
47
- paddingInline: "32px calc(32px - 14px)",
48
- paddingTop: "16px",
49
- paddingBottom: "32px",
47
+ paddingInline: '32px calc(32px - 14px)',
48
+ paddingTop: '16px',
49
+ paddingBottom: '32px',
50
50
  },
51
51
  mediumAction: {
52
- paddingInline: "32px calc(32px - 14px)",
53
- paddingBlock: "16px",
52
+ paddingInline: '32px calc(32px - 14px)',
53
+ paddingBlock: '16px',
54
54
  },
55
55
  };
56
56
  const DIALOG_ACTION_STYLE = {
57
57
  small: {
58
- height: "64px",
59
- padding: "8px 20px 20px 20px",
58
+ height: '64px',
59
+ padding: '8px 20px 20px 20px',
60
60
  },
61
61
  medium: {
62
- height: "84px",
63
- padding: "16px 32px 32px 32px",
62
+ height: '84px',
63
+ padding: '16px 32px 32px 32px',
64
64
  },
65
65
  };
66
- export const StyledBackdrop = styled("div")({
67
- position: "fixed",
66
+ export const StyledBackdrop = styled('div')({
67
+ position: 'fixed',
68
68
  top: 0,
69
69
  left: 0,
70
- width: "100%",
71
- height: "100%",
72
- backgroundColor: "rgba(17, 17, 19, 0.7)",
70
+ width: '100%',
71
+ height: '100%',
72
+ backgroundColor: 'rgba(17, 17, 19, 0.7)',
73
73
  zIndex: 1000,
74
- display: "grid",
75
- placeItems: "center",
74
+ display: 'grid',
75
+ placeItems: 'center',
76
76
  });
77
- export const StyledDialog = styled("div")(({ theme, size, nonModal, type }) => ({
77
+ export const StyledDialog = styled('div')(({ theme, size, nonModal, type }) => ({
78
78
  zIndex: 1001,
79
- maxHeight: "80vh",
80
- display: "flex",
81
- flexDirection: "column",
82
- boxSizing: "border-box",
83
- borderRadius: "10px",
79
+ maxHeight: '80vh',
80
+ display: 'flex',
81
+ flexDirection: 'column',
82
+ boxSizing: 'border-box',
83
+ borderRadius: '10px',
84
84
  backgroundColor: theme.palette.lunit_token.core.bg_03,
85
85
  color: theme.palette.lunit_token.core.text_normal,
86
- ...DIALOG_WRAPPER_STYLE[size === "small" ? "small" : "medium"],
87
- ...DIALOG_WRAPPER_STYLE[nonModal ? "nonModal" : "modal"],
88
- "& #dialog-title": {
89
- ...DIALOG_TITLE_STYLE[size === "small" ? "small" : "medium"],
90
- },
91
- "& #dialog-content": {
92
- ...DIALOG_CONTENT_STYLE[size === "small" && type !== "passive"
93
- ? "smallAction"
94
- : size === "small"
95
- ? "small"
96
- : size === "medium" && type !== "passive"
97
- ? "mediumAction"
98
- : "medium"],
99
- scrollbarGutter: "stable",
100
- "::-webkit-scrollbar": {
101
- width: size === "small" ? "10px" : "14px",
86
+ ...DIALOG_WRAPPER_STYLE[size === 'small' ? 'small' : 'medium'],
87
+ ...DIALOG_WRAPPER_STYLE[nonModal ? 'nonModal' : 'modal'],
88
+ '& #dialog-title': {
89
+ ...DIALOG_TITLE_STYLE[size === 'small' ? 'small' : 'medium'],
90
+ },
91
+ '& #dialog-content': {
92
+ ...DIALOG_CONTENT_STYLE[size === 'small' && type !== 'passive'
93
+ ? 'smallAction'
94
+ : size === 'small'
95
+ ? 'small'
96
+ : size === 'medium' && type !== 'passive'
97
+ ? 'mediumAction'
98
+ : 'medium'],
99
+ scrollbarGutter: 'stable',
100
+ '::-webkit-scrollbar': {
101
+ width: size === 'small' ? '10px' : '14px',
102
102
  },
103
- "::webkit-scrollbar-track": {
104
- background: "transparent",
103
+ '::webkit-scrollbar-track': {
104
+ background: 'transparent',
105
105
  },
106
- "::-webkit-scrollbar-thumb": {
107
- backgroundClip: "padding-box",
106
+ '::-webkit-scrollbar-thumb': {
107
+ backgroundClip: 'padding-box',
108
108
  border: `2px solid transparent`,
109
109
  /**
110
110
  * Figma's border-radius is 6px, but actual border radius is 10px since padding 2px is added.
111
111
  */
112
- borderRadius: "10px",
112
+ borderRadius: '10px',
113
113
  backgroundColor: theme.palette.lunit_token.component.scrollbars_bg,
114
114
  },
115
115
  },
116
- "& #dialog-action": {
117
- ...DIALOG_ACTION_STYLE[size === "small" ? "small" : "medium"],
116
+ '& #dialog-action': {
117
+ ...DIALOG_ACTION_STYLE[size === 'small' ? 'small' : 'medium'],
118
118
  },
119
119
  }));
120
- export const StyledDialogTitle = styled("header")({
121
- display: "flex",
122
- width: "100%",
123
- flex: "0 0 auto",
124
- alignItems: "center",
125
- justifyContent: "flex-start",
126
- gap: "8px",
120
+ export const StyledDialogTitle = styled('header')({
121
+ display: 'flex',
122
+ width: '100%',
123
+ flex: '0 0 auto',
124
+ alignItems: 'center',
125
+ justifyContent: 'flex-start',
126
+ gap: '8px',
127
127
  });
128
- export const StyledDialogTitleIconWrapper = styled("div")({
129
- display: "flex",
130
- justifyContent: "center",
131
- width: "20px",
132
- height: "20px",
133
- "& .MuiSvgIcon-root": {
134
- display: "flex",
135
- justifyContent: "center",
136
- width: "20px",
137
- height: "20px",
138
- fontSize: "20px",
128
+ export const StyledDialogTitleIconWrapper = styled('div')({
129
+ display: 'flex',
130
+ justifyContent: 'center',
131
+ width: '20px',
132
+ height: '20px',
133
+ '& .MuiSvgIcon-root': {
134
+ display: 'flex',
135
+ justifyContent: 'center',
136
+ width: '20px',
137
+ height: '20px',
138
+ fontSize: '20px',
139
139
  },
140
140
  });
141
- export const StyledDialogContent = styled("div")(({ theme }) => ({
141
+ export const StyledDialogContent = styled('div')(({ theme }) => ({
142
142
  ...theme.typography.body2_14_regular,
143
- flex: "1 1 auto",
144
- overflowY: "scroll",
143
+ flex: '1 1 auto',
144
+ overflowY: 'scroll',
145
145
  }));
146
146
  //# sourceMappingURL=Dialog.styled.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Dialog.styled.js","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.styled.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Dialog.styled.js","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.styled.ts"],"names":[],"mappings":"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"}
@@ -1,10 +1,10 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
- import { styled } from "@mui/material/styles";
3
- const StyledDialogActions = styled("div")({
4
- display: "flex",
5
- flex: "0 0 auto",
6
- alignItems: "center",
7
- justifyContent: "flex-end",
2
+ import { styled } from '@mui/material/styles';
3
+ const StyledDialogActions = styled('div')({
4
+ display: 'flex',
5
+ flex: '0 0 auto',
6
+ alignItems: 'center',
7
+ justifyContent: 'flex-end',
8
8
  gap: 12,
9
9
  });
10
10
  export function DialogAction(props) {
@@ -1,2 +1,2 @@
1
- export { default } from "./Dialog";
1
+ export { default } from './Dialog';
2
2
  //# sourceMappingURL=index.js.map
@@ -1,36 +1,38 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
- import { forwardRef } from "react";
3
- import ArrowDownSm from "@lunit/design-system-icons/ArrowDownSm";
4
- import { StyledSelect } from "./Dropdown.styled";
2
+ import { forwardRef, useCallback } from 'react';
3
+ import ArrowDownSm from '@lunit/design-system-icons/ArrowDownSm';
4
+ import { StyledSelect } from './Dropdown.styled';
5
5
  const Dropdown = forwardRef((props, ref) => {
6
- const { select = "single", size = "medium", className, children, sx, ...restProps } = props;
6
+ const { select = 'single', size = 'medium', className, children, sx, ...restProps } = props;
7
+ const IconComponent = useCallback((iconProps) => _jsx(ArrowDownSm, { ...iconProps }), []);
7
8
  return (_jsx(StyledSelect, { className: className, variant: "standard" // variant standard 기준으로 스타일링 되어있음. 다른 variant 사용 시 스타일이 틀어질 수 있음
8
- , multiple: select === "multiple", IconComponent: (props) => _jsx(ArrowDownSm, { ...props }), MenuProps: {
9
+ , multiple: select === 'multiple', IconComponent: IconComponent, MenuProps: {
9
10
  anchorOrigin: {
10
- vertical: "bottom",
11
- horizontal: "left",
11
+ vertical: 'bottom',
12
+ horizontal: 'left',
12
13
  },
13
14
  transformOrigin: {
14
- vertical: "top",
15
- horizontal: "left",
15
+ vertical: 'top',
16
+ horizontal: 'left',
16
17
  },
17
18
  PaperProps: {
18
19
  sx: {
19
- marginTop: "4px",
20
- padding: "0px 8px",
21
- borderRadius: "8px",
20
+ marginTop: '4px',
21
+ padding: '0px 8px',
22
+ borderRadius: '8px',
22
23
  backgroundColor: (theme) => theme.palette.lunit_token.core.bg_02,
23
24
  },
24
- className: `elevation2 ${className || "light1"}`,
25
+ className: `elevation2 ${className || 'light1'}`,
25
26
  },
26
- MenuListProps: {
27
- // 추후 MUI 버전 업그레이드 시 MenuListProps 변경 필요. Deprecated-use the slotProps.list prop instead. https://mui.com/material-ui/api/menu/ 의 MenuListProps 참고
28
- sx: {
29
- "& .singleChecked": {
30
- display: select === "single" ? "inherit" : "none",
31
- },
32
- "& .multipleChecked": {
33
- display: select === "multiple" ? "inherit !important" : "none",
27
+ slotProps: {
28
+ list: {
29
+ sx: {
30
+ '& .singleChecked': {
31
+ display: select === 'single' ? 'inherit' : 'none',
32
+ },
33
+ '& .multipleChecked': {
34
+ display: select === 'multiple' ? 'inherit !important' : 'none',
35
+ },
34
36
  },
35
37
  },
36
38
  },
@@ -1 +1 @@
1
- {"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,WAAW,MAAM,wCAAwC,CAAC;AAEjE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,QAAQ,GAAG,UAAU,CAAC,CAAC,KAAoB,EAAE,GAAG,EAAE,EAAE;IACxD,MAAM,EACJ,MAAM,GAAG,QAAQ,EACjB,IAAI,GAAG,QAAQ,EACf,SAAS,EACT,QAAQ,EACR,EAAE,EACF,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,KAAC,YAAY,IACX,SAAS,EAAE,SAAS,EACpB,OAAO,EAAC,UAAU,CAAC,iEAAiE;UACpF,QAAQ,EAAE,MAAM,KAAK,UAAU,EAC/B,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,WAAW,OAAK,KAAK,GAAI,EACpD,SAAS,EAAE;YACT,YAAY,EAAE;gBACZ,QAAQ,EAAE,QAAQ;gBAClB,UAAU,EAAE,MAAM;aACnB;YACD,eAAe,EAAE;gBACf,QAAQ,EAAE,KAAK;gBACf,UAAU,EAAE,MAAM;aACnB;YACD,UAAU,EAAE;gBACV,EAAE,EAAE;oBACF,SAAS,EAAE,KAAK;oBAChB,OAAO,EAAE,SAAS;oBAClB,YAAY,EAAE,KAAK;oBACnB,eAAe,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK;iBACjE;gBACD,SAAS,EAAE,cAAc,SAAS,IAAI,QAAQ,EAAE;aACjD;YACD,aAAa,EAAE;gBACb,kJAAkJ;gBAClJ,EAAE,EAAE;oBACF,kBAAkB,EAAE;wBAClB,OAAO,EAAE,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM;qBAClD;oBACD,oBAAoB,EAAE;wBACpB,OAAO,EAAE,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,MAAM;qBAC/D;iBACF;aACF;SACF,EACD,EAAE,EAAE,EAAE,EACN,UAAU,EAAE,IAAI,KACZ,SAAS,EACb,GAAG,EAAE,GAAG,YAEP,QAAQ,GACI,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,WAAW,MAAM,wCAAwC,CAAC;AAEjE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGjD,MAAM,QAAQ,GAAG,UAAU,CAAC,CAAC,KAAoB,EAAE,GAAG,EAAE,EAAE;IACxD,MAAM,EAAE,MAAM,GAAG,QAAQ,EAAE,IAAI,GAAG,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAC5F,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,SAAuB,EAAE,EAAE,CAAC,KAAC,WAAW,OAAK,SAAS,GAAI,EAC3D,EAAE,CACH,CAAC;IAEF,OAAO,CACL,KAAC,YAAY,IACX,SAAS,EAAE,SAAS,EACpB,OAAO,EAAC,UAAU,CAAC,iEAAiE;UACpF,QAAQ,EAAE,MAAM,KAAK,UAAU,EAC/B,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE;YACT,YAAY,EAAE;gBACZ,QAAQ,EAAE,QAAQ;gBAClB,UAAU,EAAE,MAAM;aACnB;YACD,eAAe,EAAE;gBACf,QAAQ,EAAE,KAAK;gBACf,UAAU,EAAE,MAAM;aACnB;YACD,UAAU,EAAE;gBACV,EAAE,EAAE;oBACF,SAAS,EAAE,KAAK;oBAChB,OAAO,EAAE,SAAS;oBAClB,YAAY,EAAE,KAAK;oBACnB,eAAe,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK;iBACjE;gBACD,SAAS,EAAE,cAAc,SAAS,IAAI,QAAQ,EAAE;aACjD;YACD,SAAS,EAAE;gBACT,IAAI,EAAE;oBACJ,EAAE,EAAE;wBACF,kBAAkB,EAAE;4BAClB,OAAO,EAAE,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM;yBAClD;wBACD,oBAAoB,EAAE;4BACpB,OAAO,EAAE,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,MAAM;yBAC/D;qBACF;iBACF;aACF;SACF,EACD,EAAE,EAAE,EAAE,EACN,UAAU,EAAE,IAAI,KACZ,SAAS,EACb,GAAG,EAAE,GAAG,YAEP,QAAQ,GACI,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC"}
@@ -1,144 +1,143 @@
1
- import { styled } from "@mui/material/styles";
2
- import Box from "@mui/material/Box";
3
- import Select from "@mui/material/Select";
4
- import MenuItem from "@mui/material/MenuItem";
1
+ import { styled } from '@mui/material/styles';
2
+ import Select from '@mui/material/Select';
3
+ import MenuItem from '@mui/material/MenuItem';
5
4
  const valuesBySize = {
6
5
  small: {
7
- height: "28px",
8
- padding: "4px 12px",
9
- iconTop: "4px",
10
- iconRight: "12px",
6
+ height: '28px',
7
+ padding: '4px 12px',
8
+ iconTop: '4px',
9
+ iconRight: '12px',
11
10
  },
12
11
  medium: {
13
- height: "36px",
14
- padding: "8px 16px",
15
- iconTop: "8px",
16
- iconRight: "16px",
12
+ height: '36px',
13
+ padding: '8px 16px',
14
+ iconTop: '8px',
15
+ iconRight: '16px',
17
16
  },
18
17
  large: {
19
- height: "44px",
20
- padding: "10px 16px",
21
- iconTop: "12px",
22
- iconRight: "16px",
18
+ height: '44px',
19
+ padding: '10px 16px',
20
+ iconTop: '12px', // large 의 text line height 가 medium, small 보다 4px 크기 때문에 그의 반절인 2px + padding 값 10px => 12px
21
+ iconRight: '16px',
23
22
  },
24
23
  };
25
24
  export const StyledSelect = styled(Select, {
26
25
  shouldForwardProp: (prop) => {
27
- return !["selectSize", "select"].includes(prop);
26
+ return !['selectSize', 'select'].includes(prop);
28
27
  },
29
28
  })(({ theme, selectSize }) => ({
30
- ...(selectSize === "large"
29
+ ...(selectSize === 'large'
31
30
  ? { ...theme.typography.body1_16_regular }
32
31
  : { ...theme.typography.body2_14_regular }),
33
- height: valuesBySize[selectSize || "medium"].height,
34
- padding: valuesBySize[selectSize || "medium"].padding,
32
+ height: valuesBySize[selectSize || 'medium'].height,
33
+ padding: valuesBySize[selectSize || 'medium'].padding,
35
34
  backgroundColor: theme.palette.lunit_token.component.textfield_bg,
36
- overflow: "hidden",
37
- "& .MuiSelect-select": {
35
+ overflow: 'hidden',
36
+ '& .MuiSelect-select': {
38
37
  paddingTop: 0,
39
38
  paddingBottom: 0,
40
- paddingRight: "28px !important",
39
+ paddingRight: '28px !important', // icon width 20px + 아이콘과 텍스트 사이의 gap 8px
41
40
  color: theme.palette.lunit_token.core.text_normal,
42
41
  },
43
- "&.MuiInputBase-root": {
44
- borderRadius: "8px",
45
- border: "none",
46
- "&:hover:not(.Mui-disabled, .Mui-error):before": {
47
- border: "none",
42
+ '&.MuiInputBase-root': {
43
+ borderRadius: '8px',
44
+ border: 'none',
45
+ '&:hover:not(.Mui-disabled, .Mui-error):before': {
46
+ border: 'none',
48
47
  },
49
48
  },
50
- "& .MuiInput-input": {
51
- "&:focus": {
52
- backgroundColor: "transparent",
49
+ '& .MuiInput-input': {
50
+ '&:focus': {
51
+ backgroundColor: 'transparent',
53
52
  },
54
53
  },
55
- "&::after": {
56
- border: "none",
54
+ '&::after': {
55
+ border: 'none',
57
56
  },
58
- "&::before": {
59
- border: "none",
57
+ '&::before': {
58
+ border: 'none',
60
59
  },
61
- "&:hover": {
62
- position: "relative",
60
+ '&:hover': {
61
+ position: 'relative',
63
62
  zIndex: 0,
64
63
  backgroundColor: theme.palette.lunit_token.component.textfield_bg,
65
- border: "none",
64
+ border: 'none',
66
65
  },
67
- "&:hover::before": {
66
+ '&:hover::before': {
68
67
  content: '""',
69
- position: "absolute",
68
+ position: 'absolute',
70
69
  top: 0,
71
70
  left: 0,
72
- width: "100%",
73
- height: "100%",
71
+ width: '100%',
72
+ height: '100%',
74
73
  zIndex: -1,
75
- backgroundColor: theme.palette.lunit_token.core.hover,
76
- border: "none",
74
+ backgroundColor: theme.palette.lunit_token.core.status_hover,
75
+ border: 'none',
77
76
  },
78
77
  // .Mui-focused 컴포넌트에 바로 border를 적용하면 컴포넌트의 width, height 값이 border 값만큼 늘어나기 때문에 따로 엘리먼트를 만들어서 border 를 적용함.
79
78
  // 다른 :before 들도 동일한 이유로 작성
80
- "&.Mui-focused::before": {
81
- border: `1px solid ${theme.palette.lunit_token.core.focused}`,
79
+ '&.Mui-focused::before': {
80
+ border: `1px solid ${theme.palette.lunit_token.core.status_focused}`,
82
81
  content: '""',
83
- position: "absolute",
82
+ position: 'absolute',
84
83
  top: 0,
85
84
  bottom: 0,
86
85
  left: 0,
87
86
  right: 0,
88
- borderRadius: "8px",
89
- transition: "none",
87
+ borderRadius: '8px',
88
+ transition: 'none',
90
89
  },
91
- "&.Mui-disabled": {
90
+ '&.Mui-disabled': {
92
91
  opacity: 0.38,
93
92
  },
94
- "&.Mui-disabled:before": {
95
- borderBottomStyle: "none",
93
+ '&.Mui-disabled:before': {
94
+ borderBottomStyle: 'none',
96
95
  },
97
- "&.Mui-error::before": {
96
+ '&.Mui-error::before': {
98
97
  border: `1px solid ${theme.palette.lunit_token.component.textfield_border_error}`,
99
98
  content: '""',
100
- position: "absolute",
99
+ position: 'absolute',
101
100
  top: 0,
102
101
  bottom: 0,
103
102
  left: 0,
104
103
  right: 0,
105
- borderRadius: "8px",
106
- transition: "none",
107
- },
108
- "& .MuiSvgIcon-root": {
109
- width: "20px",
110
- height: "20px",
111
- top: valuesBySize[selectSize || "medium"].iconTop,
112
- right: valuesBySize[selectSize || "medium"].iconRight,
104
+ borderRadius: '8px',
105
+ transition: 'none',
106
+ },
107
+ '& .MuiSvgIcon-root': {
108
+ width: '20px',
109
+ height: '20px',
110
+ top: valuesBySize[selectSize || 'medium'].iconTop, // mui 에서 이 icon position 이 position: absolute 로 되어 있어서 padding 값에 맞춰 포지션 조절
111
+ right: valuesBySize[selectSize || 'medium'].iconRight,
113
112
  color: theme.palette.lunit_token.core.text_normal,
114
- "&.Mui-disabled": {
113
+ '&.Mui-disabled': {
115
114
  color: theme.palette.lunit_token.core.text_normal,
116
115
  },
117
116
  },
118
117
  }));
119
118
  export const StyledMenuItem = styled(MenuItem)(({ theme }) => ({
120
119
  ...theme.typography.body2_14_regular,
121
- padding: "8px",
122
- borderRadius: "8px",
120
+ padding: '8px',
121
+ borderRadius: '8px',
123
122
  color: theme.palette.lunit_token.core.text_normal,
124
- backgroundColor: "transparent",
125
- display: "flex",
126
- flexDirection: "row",
127
- justifyContent: "space-between",
128
- gap: "8px",
129
- "&:hover": {
130
- backgroundColor: theme.palette.lunit_token.core.hover,
131
- },
132
- "&.Mui-focusVisible": {
133
- backgroundColor: "transparent",
134
- "&:hover": {
135
- backgroundColor: theme.palette.lunit_token.core.hover,
123
+ backgroundColor: 'transparent',
124
+ display: 'flex',
125
+ flexDirection: 'row',
126
+ justifyContent: 'space-between',
127
+ gap: '8px',
128
+ '&:hover': {
129
+ backgroundColor: theme.palette.lunit_token.core.status_hover,
130
+ },
131
+ '&.Mui-focusVisible': {
132
+ backgroundColor: 'transparent',
133
+ '&:hover': {
134
+ backgroundColor: theme.palette.lunit_token.core.status_hover,
136
135
  },
137
136
  },
138
137
  // TODO: 디자이너와 focus 디자인 확인 후 살리든 지우든 하기
139
138
  // "&:focus::before": {
140
139
  // border: "1px solid",
141
- // borderColor: theme.palette.lunit_token.core.focused,
140
+ // borderColor: theme.palette.lunit_token.core.status_focused,
142
141
  // content: '""',
143
142
  // position: "absolute",
144
143
  // top: 0,
@@ -146,16 +145,16 @@ export const StyledMenuItem = styled(MenuItem)(({ theme }) => ({
146
145
  // left: -8,
147
146
  // right: -8,
148
147
  // },
149
- "& .multipleChecked": {
150
- display: "none",
148
+ '& .multipleChecked': {
149
+ display: 'none',
151
150
  },
152
- "&.filledStyle": {
153
- backgroundColor: theme.palette.lunit_token.core.selected,
151
+ '&.filledStyle': {
152
+ backgroundColor: theme.palette.lunit_token.core.status_selected,
154
153
  },
155
154
  }));
156
- export const StyledIconWrapper = styled(Box)({
157
- width: "20px",
158
- height: "20px",
159
- marginRight: "8px",
155
+ export const StyledIconWrapper = styled('div')({
156
+ width: '20px',
157
+ height: '20px',
158
+ marginRight: '8px',
160
159
  });
161
160
  //# sourceMappingURL=Dropdown.styled.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Dropdown.styled.js","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.styled.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Dropdown.styled.js","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.styled.tsx"],"names":[],"mappings":"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"}