@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,193 +1,172 @@
1
1
  export const tokenCoreColor = {
2
2
  bg_01: {
3
- light1: "--grey_0",
4
- light2: "--grey_10",
5
- dark1: "--grey_90",
6
- dark2: "--grey_75",
3
+ light1: '--grey_0',
4
+ light2: '--grey_10',
5
+ dark1: '--grey_90',
6
+ dark2: '--grey_75',
7
7
  },
8
8
  bg_02: {
9
- light1: "--grey_0",
10
- light2: "--grey_0",
11
- dark1: "--grey_70",
12
- dark2: "--grey_70",
9
+ light1: '--grey_0',
10
+ light2: '--grey_0',
11
+ dark1: '--grey_70',
12
+ dark2: '--grey_70',
13
13
  },
14
14
  bg_03: {
15
- light1: "--grey_0",
16
- light2: "--grey_0",
17
- dark1: "--grey_85",
18
- dark2: "--grey_85",
15
+ light1: '--grey_0',
16
+ light2: '--grey_0',
17
+ dark1: '--grey_85',
18
+ dark2: '--grey_85',
19
19
  },
20
20
  layer_01: {
21
- light1: "--grey_5",
22
- light2: "--grey_5",
23
- dark1: "--grey_80",
24
- dark2: "--grey_80",
21
+ light1: '--grey_5',
22
+ light2: '--grey_5',
23
+ dark1: '--grey_80',
24
+ dark2: '--grey_80',
25
25
  },
26
26
  text_primary: {
27
- light1: "--lunit_teal_50",
28
- light2: "--lunit_teal_50",
29
- dark1: "--lunit_teal_40",
30
- dark2: "--lunit_teal_40",
27
+ light1: '--lunit_teal_50',
28
+ light2: '--lunit_teal_50',
29
+ dark1: '--lunit_teal_40',
30
+ dark2: '--lunit_teal_40',
31
31
  },
32
32
  text_normal: {
33
- light1: "--grey_95",
34
- light2: "--grey_95",
35
- dark1: "--grey_5",
36
- dark2: "--grey_5",
33
+ light1: '--grey_95',
34
+ light2: '--grey_95',
35
+ dark1: '--grey_5',
36
+ dark2: '--grey_5',
37
37
  },
38
38
  text_medium: {
39
- light1: "--grey_60",
40
- light2: "--grey_60",
41
- dark1: "--grey_30",
42
- dark2: "--grey_30",
39
+ light1: '--grey_60',
40
+ light2: '--grey_60',
41
+ dark1: '--grey_30',
42
+ dark2: '--grey_30',
43
43
  },
44
44
  text_light: {
45
- light1: "--grey_40",
46
- light2: "--grey_40",
47
- dark1: "--grey_50",
48
- dark2: "--grey_50",
45
+ light1: '--grey_40',
46
+ light2: '--grey_40',
47
+ dark1: '--grey_50',
48
+ dark2: '--grey_50',
49
49
  },
50
50
  text_error: {
51
- light1: "--red_40",
52
- light2: "--red_40",
53
- dark1: "--red_40",
54
- dark2: "--red_30",
51
+ light1: '--red_40',
52
+ light2: '--red_40',
53
+ dark1: '--red_40',
54
+ dark2: '--red_30',
55
55
  },
56
56
  text_success: {
57
- light1: "--green_40",
58
- light2: "--green_40",
59
- dark1: "--green_40",
60
- dark2: "--green_30",
57
+ light1: '--green_40',
58
+ light2: '--green_40',
59
+ dark1: '--green_40',
60
+ dark2: '--green_30',
61
61
  },
62
62
  text_warning: {
63
- light1: "--orange_40",
64
- light2: "--orange_40",
65
- dark1: "--orange_40",
66
- dark2: "--orange_30",
63
+ light1: '--orange_40',
64
+ light2: '--orange_40',
65
+ dark1: '--orange_40',
66
+ dark2: '--orange_30',
67
67
  },
68
68
  text_info: {
69
- light1: "--blue_40",
70
- light2: "--blue_40",
71
- dark1: "--blue_40",
72
- dark2: "--blue_30",
69
+ light1: '--blue_40',
70
+ light2: '--blue_40',
71
+ dark1: '--blue_40',
72
+ dark2: '--blue_30',
73
73
  },
74
74
  link_primary: {
75
- light1: "--blue_40",
76
- light2: "--blue_40",
77
- dark1: "--blue_30",
78
- dark2: "--blue_30",
75
+ light1: '--blue_40',
76
+ light2: '--blue_40',
77
+ dark1: '--blue_30',
78
+ dark2: '--blue_30',
79
79
  },
80
80
  link_hover: {
81
- light1: "--blue_50",
82
- light2: "--blue_50",
83
- dark1: "--blue_40",
84
- dark2: "--blue_40",
81
+ light1: '--blue_50',
82
+ light2: '--blue_50',
83
+ dark1: '--blue_40',
84
+ dark2: '--blue_40',
85
85
  },
86
86
  link_visited: {
87
- light1: "--purple_50",
88
- light2: "--purple_50",
89
- dark1: "--purple_40",
90
- dark2: "--purple_40",
87
+ light1: '--purple_50',
88
+ light2: '--purple_50',
89
+ dark1: '--purple_40',
90
+ dark2: '--purple_40',
91
91
  },
92
92
  icon_error_02: {
93
- light1: "--red_40",
94
- light2: "--red_40",
95
- dark1: "--red_30",
96
- dark2: "--red_30",
93
+ light1: '--red_40',
94
+ light2: '--red_40',
95
+ dark1: '--red_30',
96
+ dark2: '--red_30',
97
97
  },
98
98
  icon_success_02: {
99
- light1: "--green_40",
100
- light2: "--green_40",
101
- dark1: "--green_30",
102
- dark2: "--green_30",
99
+ light1: '--green_40',
100
+ light2: '--green_40',
101
+ dark1: '--green_30',
102
+ dark2: '--green_30',
103
103
  },
104
104
  icon_warning_02: {
105
- light1: "--orange_40",
106
- light2: "--orange_40",
107
- dark1: "--orange_30",
108
- dark2: "--orange_30",
105
+ light1: '--orange_40',
106
+ light2: '--orange_40',
107
+ dark1: '--orange_30',
108
+ dark2: '--orange_30',
109
109
  },
110
110
  icon_info_02: {
111
- light1: "--blue_40",
112
- light2: "--blue_40",
113
- dark1: "--blue_30",
114
- dark2: "--blue_30",
115
- },
116
- hover: {
117
- // Deprecated. Please use core.status_hover instead.
118
- light1: "rgba(0, 0, 0, 0.12)",
119
- light2: "rgba(0, 0, 0, 0.12)",
120
- dark1: "rgba(255, 255, 255, 0.12)",
121
- dark2: "rgba(255, 255, 255, 0.12)", // "--grey_0 12%",
111
+ light1: '--blue_40',
112
+ light2: '--blue_40',
113
+ dark1: '--blue_30',
114
+ dark2: '--blue_30',
122
115
  },
123
116
  status_hover: {
124
117
  // TODO: 알파값 적용 코드는 일단 하드코딩. 나중에 수정할것
125
- light1: "rgba(0, 0, 0, 0.12)",
126
- light2: "rgba(0, 0, 0, 0.12)",
127
- dark1: "rgba(255, 255, 255, 0.12)",
128
- dark2: "rgba(255, 255, 255, 0.12)", // "--grey_0 12%",
129
- },
130
- focused: {
131
- // Deprecated. Please use core.status_focused instead.
132
- light1: "--lunit_teal_40",
133
- light2: "--lunit_teal_40",
134
- dark1: "--lunit_teal_40",
135
- dark2: "--lunit_teal_40",
118
+ light1: 'rgba(0, 0, 0, 0.12)', // "--grey_100 12%",
119
+ light2: 'rgba(0, 0, 0, 0.12)', // "--grey_100 12%",
120
+ dark1: 'rgba(255, 255, 255, 0.12)', // "--grey_0 12%",
121
+ dark2: 'rgba(255, 255, 255, 0.12)', // "--grey_0 12%",
136
122
  },
137
123
  status_focused: {
138
- light1: "--lunit_teal_40",
139
- light2: "--lunit_teal_40",
140
- dark1: "--lunit_teal_40",
141
- dark2: "--lunit_teal_40",
142
- },
143
- selected: {
144
- // Deprecated. Please use core.status_selected instead.
145
- light1: "--lunit_teal_10",
146
- light2: "--lunit_teal_10",
147
- dark1: "--lunit_teal_80",
148
- dark2: "--lunit_teal_80",
124
+ light1: '--lunit_teal_40',
125
+ light2: '--lunit_teal_40',
126
+ dark1: '--lunit_teal_40',
127
+ dark2: '--lunit_teal_40',
149
128
  },
150
129
  status_selected: {
151
- light1: "--lunit_teal_10",
152
- light2: "--lunit_teal_10",
153
- dark1: "--lunit_teal_80",
154
- dark2: "--lunit_teal_80",
130
+ light1: '--lunit_teal_10',
131
+ light2: '--lunit_teal_10',
132
+ dark1: '--lunit_teal_80',
133
+ dark2: '--lunit_teal_80',
155
134
  },
156
135
  shadow_01: {
157
- light1: "rgba(0, 0, 0, 0.12)",
158
- light2: "rgba(0, 0, 0, 0.12)",
159
- dark1: "rgba(0, 0, 0, 0.32)",
160
- dark2: "rgba(0, 0, 0, 0.32)", // "--grey_100 32%",
136
+ light1: 'rgba(0, 0, 0, 0.12)', // "--grey_100 12%",
137
+ light2: 'rgba(0, 0, 0, 0.12)', // "--grey_100 12%",
138
+ dark1: 'rgba(0, 0, 0, 0.32)', // "--grey_100 32%",
139
+ dark2: 'rgba(0, 0, 0, 0.32)', // "--grey_100 32%",
161
140
  },
162
141
  shadow_02: {
163
- light1: "rgba(0, 0, 0, 0.18)",
164
- light2: "rgba(0, 0, 0, 0.18)",
165
- dark1: "rgba(0, 0, 0, 0.4)",
166
- dark2: "rgba(0, 0, 0, 0.4)", // "--grey_100 40%",
142
+ light1: 'rgba(0, 0, 0, 0.18)', // "--grey_100 18%",
143
+ light2: 'rgba(0, 0, 0, 0.18)', // "--grey_100 18%",
144
+ dark1: 'rgba(0, 0, 0, 0.4)', // "--grey_100 40%",
145
+ dark2: 'rgba(0, 0, 0, 0.4)', // "--grey_100 40%",
167
146
  },
168
147
  shadow_03: {
169
- light1: "rgba(0, 0, 0, 0.12)",
170
- light2: "rgba(0, 0, 0, 0.12)",
171
- dark1: "rgba(0, 0, 0, 0.36)",
172
- dark2: "rgba(0, 0, 0, 0.36)", // "--grey_100 36%",
148
+ light1: 'rgba(0, 0, 0, 0.12)', // "--grey_100 12%",
149
+ light2: 'rgba(0, 0, 0, 0.12)', // "--grey_100 12%",
150
+ dark1: 'rgba(0, 0, 0, 0.36)', // "--grey_100 36%",
151
+ dark2: 'rgba(0, 0, 0, 0.36)', // "--grey_100 36%",
173
152
  },
174
153
  shadow_04: {
175
- light1: "rgba(0, 0, 0, 0.18)",
176
- light2: "rgba(0, 0, 0, 0.18)",
177
- dark1: "rgba(0, 0, 0, 0.48)",
178
- dark2: "rgba(0, 0, 0, 0.48)", // "--grey_100 48%",
154
+ light1: 'rgba(0, 0, 0, 0.18)', // "--grey_100 18%",
155
+ light2: 'rgba(0, 0, 0, 0.18)', // "--grey_100 18%",
156
+ dark1: 'rgba(0, 0, 0, 0.48)', // "--grey_100 48%",
157
+ dark2: 'rgba(0, 0, 0, 0.48)', // "--grey_100 48%",
179
158
  },
180
159
  border_light: {
181
- light1: "rgba(0, 0, 0, 0.12)",
182
- light2: "rgba(0, 0, 0, 0.12)",
183
- dark1: "rgba(255, 255, 255, 0.12)",
184
- dark2: "rgba(255, 255, 255, 0.12)", // "--grey_0 12%",
160
+ light1: 'rgba(0, 0, 0, 0.12)', // "--grey_100 12%",
161
+ light2: 'rgba(0, 0, 0, 0.12)', // "--grey_100 12%",
162
+ dark1: 'rgba(255, 255, 255, 0.12)', // "--grey_0 12%",
163
+ dark2: 'rgba(255, 255, 255, 0.12)', // "--grey_0 12%",
185
164
  },
186
165
  border_medium: {
187
- light1: "rgba(0, 0, 0, 0.24)",
188
- light2: "rgba(0, 0, 0, 0.24)",
189
- dark1: "rgba(255, 255, 255, 0.24)",
190
- dark2: "rgba(255, 255, 255, 0.24)", // "--grey_0 24%",
166
+ light1: 'rgba(0, 0, 0, 0.24)', // "--grey_100 24%",
167
+ light2: 'rgba(0, 0, 0, 0.24)', // "--grey_100 24%",
168
+ dark1: 'rgba(255, 255, 255, 0.24)', // "--grey_0 24%",
169
+ dark2: 'rgba(255, 255, 255, 0.24)', // "--grey_0 24%",
191
170
  },
192
171
  };
193
172
  //# sourceMappingURL=core.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"core.js","sourceRoot":"","sources":["../../../../src/foundation/colors/token/core.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"core.js","sourceRoot":"","sources":["../../../../src/foundation/colors/token/core.ts"],"names":[],"mappings":"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"}
@@ -1,3 +1,3 @@
1
- export * from "./component";
2
- export * from "./core";
1
+ export * from './component';
2
+ export * from './core';
3
3
  //# sourceMappingURL=index.js.map
@@ -1,7 +1,7 @@
1
- import { deepmerge } from "@mui/utils";
2
- import paletteOptions, { createColorCssBaseline } from "./colors";
3
- import typographyOptions, { createTypographyCssBaseline, typographyDefaultProps, } from "./Typography";
4
- import { createElevationCssBaseline, elevationOptions } from "./Elevation";
1
+ import { deepmerge } from '@mui/utils';
2
+ import paletteOptions, { createColorCssBaseline } from './colors';
3
+ import typographyOptions, { createTypographyCssBaseline, typographyDefaultProps, } from './Typography';
4
+ import { createElevationCssBaseline, elevationOptions } from './Elevation';
5
5
  export const foundationCssBaseline = {
6
6
  styleOverrides: deepmerge(deepmerge(createColorCssBaseline(), createTypographyCssBaseline()), createElevationCssBaseline()),
7
7
  };
@@ -9,5 +9,5 @@ export const typography = typographyOptions;
9
9
  export { typographyDefaultProps };
10
10
  export const palette = paletteOptions;
11
11
  export const elevation = elevationOptions;
12
- export { spacing } from "./spacing";
12
+ export { spacing } from './spacing';
13
13
  //# sourceMappingURL=index.js.map
package/dist/index.js CHANGED
@@ -1,21 +1,21 @@
1
- export { default as theme, themeOptions } from "./theme";
2
- export { base as baseColors } from "./foundation/colors";
3
- export { default as Alert } from "./components/Alert";
4
- export { default as Button } from "./components/Button";
5
- export { default as Chip } from "./components/Chip";
6
- export { default as Checkbox } from "./components/Checkbox";
7
- export { default as Dialog } from "./components/Dialog";
8
- export { default as DataTable } from "./components/DataTable";
9
- export { default as DatePicker } from "./components/DatePicker";
10
- export { default as Dropdown, DropdownItem, DropdownDivider, DropdownSubtitle, } from "./components/Dropdown";
11
- export { default as FormLabel } from "./components/FormLabel";
12
- export { default as Radio } from "./components/Radio";
13
- export { default as RadioGroup } from "./components/RadioGroup";
14
- export { default as TextField } from "./components/TextField";
15
- export { default as Toast } from "./components/Toast";
16
- export { default as Toggle } from "./components/Toggle";
17
- export { default as ToggleButton } from "./components/ToggleButton";
18
- export { default as ToggleButtonGroup } from "./components/ToggleButtonGroup";
19
- export { default as Tooltip } from "./components/Tooltip";
20
- export { default as Typography } from "./components/Typography";
1
+ export { default as theme, themeOptions } from './theme';
2
+ export { base as baseColors } from './foundation/colors';
3
+ export { default as Alert } from './components/Alert';
4
+ export { default as Button } from './components/Button';
5
+ export { default as Chip } from './components/Chip';
6
+ export { default as Checkbox } from './components/Checkbox';
7
+ export { default as Dialog } from './components/Dialog';
8
+ export { default as DataTable } from './components/DataTable';
9
+ export { default as DatePicker } from './components/DatePicker';
10
+ export { default as Dropdown, DropdownItem, DropdownDivider, DropdownSubtitle, } from './components/Dropdown';
11
+ export { default as FormLabel } from './components/FormLabel';
12
+ export { default as Radio } from './components/Radio';
13
+ export { default as RadioGroup } from './components/RadioGroup';
14
+ export { default as TextField } from './components/TextField';
15
+ export { default as Toast } from './components/Toast';
16
+ export { default as Toggle } from './components/Toggle';
17
+ export { default as ToggleButton } from './components/ToggleButton';
18
+ export { default as ToggleButtonGroup } from './components/ToggleButtonGroup';
19
+ export { default as Tooltip } from './components/Tooltip';
20
+ export { default as Typography } from './components/Typography';
21
21
  //# sourceMappingURL=index.js.map
package/dist/theme.js CHANGED
@@ -1,7 +1,7 @@
1
- import { deepmerge } from "@mui/utils";
2
- import { createTheme } from "@mui/material";
3
- import { foundationCssBaseline, palette, typography, typographyDefaultProps, spacing, } from "./foundation";
4
- import { componentsCssBaseline } from "./components";
1
+ import { deepmerge } from '@mui/utils';
2
+ import { createTheme } from '@mui/material';
3
+ import { foundationCssBaseline, palette, typography, typographyDefaultProps, spacing, } from './foundation';
4
+ import { componentsCssBaseline } from './components';
5
5
  export const themeOptions = {
6
6
  typography,
7
7
  palette,
@@ -13,14 +13,14 @@ export const themeOptions = {
13
13
  // css-in-js이기 때문에 MuiPaper-root class에만 추가해도
14
14
  // Paper 컴포넌트를 쓰는 모든 스타일에서 명시도 역전이 발생하지 않음
15
15
  root: {
16
- boxShadow: "var(--elevation-shadow)",
16
+ boxShadow: 'var(--elevation-shadow)',
17
17
  },
18
18
  },
19
19
  },
20
20
  MuiTooltip: {
21
21
  styleOverrides: {
22
22
  tooltip: {
23
- boxShadow: "var(--elevation-shadow)",
23
+ boxShadow: 'var(--elevation-shadow)',
24
24
  },
25
25
  },
26
26
  },
@@ -1,4 +1,4 @@
1
- import React from "react";
2
- import { AlertProps } from "./Alert.types";
1
+ import React from 'react';
2
+ import { AlertProps } from './Alert.types';
3
3
  declare const Alert: React.ForwardRefExoticComponent<Omit<AlertProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
4
4
  export default Alert;
@@ -1,5 +1,4 @@
1
- /// <reference types="react" />
2
- import type { AlertProps } from "./Alert.types";
1
+ import type { AlertProps } from './Alert.types';
3
2
  export declare const StyledAlert: import("@emotion/styled").StyledComponent<import("@mui/material").AlertProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & AlertProps, {}, {}>;
4
3
  export declare const StyledAlertTitle: import("@emotion/styled").StyledComponent<import("@mui/material").AlertTitleProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
5
4
  export declare const StyledAlertChildren: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -1,5 +1,5 @@
1
- import { AlertProps as MuiAlertProps } from "@mui/material";
2
- import { ReactNode } from "react";
1
+ import { AlertProps as MuiAlertProps } from '@mui/material';
2
+ import { ReactNode } from 'react';
3
3
  export interface AlertProps extends MuiAlertProps {
4
4
  title?: string;
5
5
  action?: ReactNode;
@@ -1,4 +1,4 @@
1
- import { AlertColor, Theme } from "@mui/material";
1
+ import { AlertColor, Theme } from '@mui/material';
2
2
  export declare const getBackgroundColor: (theme: Theme, severity: AlertColor | undefined) => string;
3
3
  export declare const getBorderColor: (theme: Theme, severity: AlertColor | undefined) => string;
4
4
  export declare const getIconColor: (theme: Theme, severity: AlertColor | undefined) => string;
@@ -1 +1 @@
1
- export { default } from "./Alert";
1
+ export { default } from './Alert';
@@ -1,3 +1,3 @@
1
- import type { ButtonType } from "./Button.types";
1
+ import type { ButtonType } from './Button.types';
2
2
  declare const Button: ButtonType;
3
3
  export default Button;