@lunit/design-system 2.2.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 (351) 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.map +1 -1
  18. package/dist/cjs/components/Radio/index.js +1 -1
  19. package/dist/cjs/components/Radio/index.js.map +1 -1
  20. package/dist/cjs/components/RadioGroup/index.js.map +1 -1
  21. package/dist/cjs/components/TextField/index.js +1 -1
  22. package/dist/cjs/components/TextField/index.js.map +1 -1
  23. package/dist/cjs/components/Toggle/index.js +1 -1
  24. package/dist/cjs/components/Toggle/index.js.map +1 -1
  25. package/dist/cjs/components/ToggleButton/index.js +1 -1
  26. package/dist/cjs/components/ToggleButton/index.js.map +1 -1
  27. package/dist/cjs/components/Tooltip/index.js.map +1 -1
  28. package/dist/cjs/components/Typography/index.js.map +1 -1
  29. package/dist/cjs/index.js +1 -1
  30. package/dist/cjs/index.js.map +1 -1
  31. package/dist/components/Alert/Alert.js +8 -8
  32. package/dist/components/Alert/Alert.js.map +1 -1
  33. package/dist/components/Alert/Alert.styled.js +26 -26
  34. package/dist/components/Alert/Alert.styled.js.map +1 -1
  35. package/dist/components/Alert/Alert.utils.js +9 -9
  36. package/dist/components/Alert/Alert.utils.js.map +1 -1
  37. package/dist/components/Alert/index.js +1 -1
  38. package/dist/components/Button/Button.js +23 -17
  39. package/dist/components/Button/Button.js.map +1 -1
  40. package/dist/components/Button/Button.styled.js +88 -88
  41. package/dist/components/Button/Button.styled.js.map +1 -1
  42. package/dist/components/Button/index.js +1 -1
  43. package/dist/components/Button/utils/getButtonPaddingBySizeAndKind.js +9 -9
  44. package/dist/components/Button/utils/getButtonPaddingBySizeAndKind.js.map +1 -1
  45. package/dist/components/Button/utils/getHoverStyle.js +1 -1
  46. package/dist/components/Button/utils/getHoverStyle.js.map +1 -1
  47. package/dist/components/Button/utils/getIconButtonPaddingBySizeAndKind.js +6 -12
  48. package/dist/components/Button/utils/getIconButtonPaddingBySizeAndKind.js.map +1 -1
  49. package/dist/components/Checkbox/Checkbox.js +9 -9
  50. package/dist/components/Checkbox/Checkbox.js.map +1 -1
  51. package/dist/components/Checkbox/index.js +1 -1
  52. package/dist/components/Chip/Chip.js +29 -26
  53. package/dist/components/Chip/Chip.js.map +1 -1
  54. package/dist/components/Chip/Chip.styled.js +52 -52
  55. package/dist/components/Chip/Chip.styled.js.map +1 -1
  56. package/dist/components/Chip/consts.js +5 -5
  57. package/dist/components/Chip/index.js +1 -1
  58. package/dist/components/DataTable/DataTable.js +1 -1
  59. package/dist/components/DataTable/index.js +1 -1
  60. package/dist/components/DatePicker/DatePicker.js +1 -1
  61. package/dist/components/DatePicker/index.js +1 -1
  62. package/dist/components/Dialog/Dialog.js +18 -18
  63. package/dist/components/Dialog/Dialog.js.map +1 -1
  64. package/dist/components/Dialog/Dialog.styled.js +90 -90
  65. package/dist/components/Dialog/Dialog.styled.js.map +1 -1
  66. package/dist/components/Dialog/components/DialogAction.js +6 -6
  67. package/dist/components/Dialog/index.js +1 -1
  68. package/dist/components/Dropdown/Dropdown.js +23 -21
  69. package/dist/components/Dropdown/Dropdown.js.map +1 -1
  70. package/dist/components/Dropdown/Dropdown.styled.js +85 -86
  71. package/dist/components/Dropdown/Dropdown.styled.js.map +1 -1
  72. package/dist/components/Dropdown/DropdownItem.js +14 -14
  73. package/dist/components/Dropdown/DropdownItem.js.map +1 -1
  74. package/dist/components/Dropdown/index.js +2 -2
  75. package/dist/components/Dropdown/index.js.map +1 -1
  76. package/dist/components/FormLabel/FormLabel.js +1 -1
  77. package/dist/components/FormLabel/FormLabel.styled.js +2 -2
  78. package/dist/components/FormLabel/FormLabel.styled.js.map +1 -1
  79. package/dist/components/FormLabel/index.js +1 -1
  80. package/dist/components/Radio/Radio.js +8 -8
  81. package/dist/components/Radio/Radio.js.map +1 -1
  82. package/dist/components/Radio/index.js +1 -1
  83. package/dist/components/RadioGroup/index.js +1 -1
  84. package/dist/components/TextField/TextField.js +8 -8
  85. package/dist/components/TextField/TextField.js.map +1 -1
  86. package/dist/components/TextField/TextField.style.js +112 -112
  87. package/dist/components/TextField/TextField.style.js.map +1 -1
  88. package/dist/components/TextField/TextFieldIcon.js +2 -2
  89. package/dist/components/TextField/TextFieldIcon.js.map +1 -1
  90. package/dist/components/TextField/index.js +1 -1
  91. package/dist/components/Toast/Toast.js +13 -13
  92. package/dist/components/Toast/Toast.js.map +1 -1
  93. package/dist/components/Toast/Toast.styled.js +26 -26
  94. package/dist/components/Toast/Toast.utils.js +3 -3
  95. package/dist/components/Toast/Toast.utils.js.map +1 -1
  96. package/dist/components/Toast/index.js +1 -1
  97. package/dist/components/Toggle/Toggle.js +3 -4
  98. package/dist/components/Toggle/Toggle.js.map +1 -1
  99. package/dist/components/Toggle/Toggle.styled.js +30 -30
  100. package/dist/components/Toggle/Toggle.styled.js.map +1 -1
  101. package/dist/components/Toggle/index.js +1 -1
  102. package/dist/components/ToggleButton/ToggleButton.js +6 -6
  103. package/dist/components/ToggleButton/ToggleButton.js.map +1 -1
  104. package/dist/components/ToggleButton/ToggleButton.styled.js +20 -20
  105. package/dist/components/ToggleButton/ToggleButton.styled.js.map +1 -1
  106. package/dist/components/ToggleButton/index.js +1 -1
  107. package/dist/components/ToggleButtonGroup/ToggleButtonGroup.js +2 -2
  108. package/dist/components/ToggleButtonGroup/ToggleButtonGroup.js.map +1 -1
  109. package/dist/components/ToggleButtonGroup/index.js +1 -1
  110. package/dist/components/Tooltip/Tooltip.js +1 -1
  111. package/dist/components/Tooltip/index.js +1 -1
  112. package/dist/components/Typography/Typography.js +1 -1
  113. package/dist/components/Typography/Typography.js.map +1 -1
  114. package/dist/components/Typography/index.js +1 -1
  115. package/dist/foundation/Elevation/index.js +27 -27
  116. package/dist/foundation/Elevation/utils.js +1 -1
  117. package/dist/foundation/Elevation/utils.js.map +1 -1
  118. package/dist/foundation/Typography/index.js +35 -35
  119. package/dist/foundation/Typography/index.js.map +1 -1
  120. package/dist/foundation/Typography/tokens.js +136 -136
  121. package/dist/foundation/Typography/tokens.js.map +1 -1
  122. package/dist/foundation/colors/base/blue.js +12 -12
  123. package/dist/foundation/colors/base/green.js +12 -12
  124. package/dist/foundation/colors/base/grey.js +28 -28
  125. package/dist/foundation/colors/base/index.js +11 -11
  126. package/dist/foundation/colors/base/lunitGreen.js +11 -11
  127. package/dist/foundation/colors/base/lunitTeal.js +12 -12
  128. package/dist/foundation/colors/base/magenta.js +12 -12
  129. package/dist/foundation/colors/base/opacity.js +4 -4
  130. package/dist/foundation/colors/base/orange.js +12 -12
  131. package/dist/foundation/colors/base/purple.js +12 -12
  132. package/dist/foundation/colors/base/red.js +12 -12
  133. package/dist/foundation/colors/base/yellow.js +12 -12
  134. package/dist/foundation/colors/index.js +119 -121
  135. package/dist/foundation/colors/index.js.map +1 -1
  136. package/dist/foundation/colors/token/component.js +184 -212
  137. package/dist/foundation/colors/token/component.js.map +1 -1
  138. package/dist/foundation/colors/token/core.js +112 -133
  139. package/dist/foundation/colors/token/core.js.map +1 -1
  140. package/dist/foundation/colors/token/index.js +2 -2
  141. package/dist/foundation/index.js +5 -5
  142. package/dist/index.js +20 -20
  143. package/dist/theme.js +6 -6
  144. package/dist/types/components/Alert/Alert.d.ts +2 -2
  145. package/dist/types/components/Alert/Alert.styled.d.ts +1 -2
  146. package/dist/types/components/Alert/Alert.types.d.ts +2 -2
  147. package/dist/types/components/Alert/Alert.utils.d.ts +1 -1
  148. package/dist/types/components/Alert/index.d.ts +1 -1
  149. package/dist/types/components/Button/Button.d.ts +1 -1
  150. package/dist/types/components/Button/Button.styled.d.ts +226 -227
  151. package/dist/types/components/Button/Button.types.d.ts +16 -16
  152. package/dist/types/components/Button/index.d.ts +1 -1
  153. package/dist/types/components/Button/utils/getButtonPaddingBySizeAndKind.d.ts +4 -4
  154. package/dist/types/components/Button/utils/getHoverStyle.d.ts +2 -1
  155. package/dist/types/components/Button/utils/getIconButtonPaddingBySizeAndKind.d.ts +4 -4
  156. package/dist/types/components/Checkbox/Checkbox.d.ts +1 -1
  157. package/dist/types/components/Checkbox/index.d.ts +1 -1
  158. package/dist/types/components/Chip/Chip.d.ts +1 -1
  159. package/dist/types/components/Chip/Chip.styled.d.ts +6 -7
  160. package/dist/types/components/Chip/Chip.types.d.ts +15 -14
  161. package/dist/types/components/Chip/index.d.ts +1 -1
  162. package/dist/types/components/DataTable/index.d.ts +1 -1
  163. package/dist/types/components/DatePicker/index.d.ts +1 -1
  164. package/dist/types/components/Dialog/Dialog.d.ts +11 -11
  165. package/dist/types/components/Dialog/Dialog.styled.d.ts +3 -4
  166. package/dist/types/components/Dialog/components/DialogAction.d.ts +2 -2
  167. package/dist/types/components/Dialog/index.d.ts +2 -2
  168. package/dist/types/components/Dropdown/Dropdown.d.ts +2 -2
  169. package/dist/types/components/Dropdown/Dropdown.styled.d.ts +3 -4
  170. package/dist/types/components/Dropdown/Dropdown.types.d.ts +5 -5
  171. package/dist/types/components/Dropdown/DropdownItem.d.ts +3 -3
  172. package/dist/types/components/Dropdown/index.d.ts +3 -3
  173. package/dist/types/components/FormLabel/FormLabel.d.ts +1 -1
  174. package/dist/types/components/FormLabel/index.d.ts +1 -1
  175. package/dist/types/components/Radio/Radio.d.ts +1 -1
  176. package/dist/types/components/Radio/index.d.ts +1 -1
  177. package/dist/types/components/RadioGroup/index.d.ts +1 -1
  178. package/dist/types/components/TextField/TextField.d.ts +2 -2
  179. package/dist/types/components/TextField/TextField.style.d.ts +3 -4
  180. package/dist/types/components/TextField/TextField.types.d.ts +6 -6
  181. package/dist/types/components/TextField/TextFieldIcon.d.ts +2 -2
  182. package/dist/types/components/TextField/index.d.ts +2 -2
  183. package/dist/types/components/Toast/Toast.d.ts +2 -2
  184. package/dist/types/components/Toast/Toast.types.d.ts +3 -3
  185. package/dist/types/components/Toast/Toast.utils.d.ts +1 -1
  186. package/dist/types/components/Toast/index.d.ts +2 -2
  187. package/dist/types/components/Toggle/Toggle.d.ts +1 -1
  188. package/dist/types/components/Toggle/Toggle.styled.d.ts +2 -2
  189. package/dist/types/components/Toggle/Toggle.types.d.ts +3 -3
  190. package/dist/types/components/Toggle/index.d.ts +1 -1
  191. package/dist/types/components/ToggleButton/ToggleButton.d.ts +1 -1
  192. package/dist/types/components/ToggleButton/ToggleButton.styled.d.ts +2 -3
  193. package/dist/types/components/ToggleButton/ToggleButton.types.d.ts +10 -10
  194. package/dist/types/components/ToggleButton/index.d.ts +1 -1
  195. package/dist/types/components/ToggleButtonGroup/ToggleButtonGroup.d.ts +1 -1
  196. package/dist/types/components/ToggleButtonGroup/index.d.ts +1 -1
  197. package/dist/types/components/Tooltip/index.d.ts +1 -1
  198. package/dist/types/components/Typography/Typography.d.ts +6 -6
  199. package/dist/types/components/Typography/index.d.ts +1 -1
  200. package/dist/types/components/index.d.ts +2 -2
  201. package/dist/types/foundation/Elevation/index.d.ts +22 -22
  202. package/dist/types/foundation/Typography/index.d.ts +78 -78
  203. package/dist/types/foundation/Typography/tokens.d.ts +69 -69
  204. package/dist/types/foundation/colors/base/index.d.ts +11 -11
  205. package/dist/types/foundation/colors/index.d.ts +13 -20
  206. package/dist/types/foundation/colors/token/component.d.ts +1 -1
  207. package/dist/types/foundation/colors/token/core.d.ts +1 -1
  208. package/dist/types/foundation/colors/token/index.d.ts +2 -2
  209. package/dist/types/foundation/colors/types.d.ts +0 -7
  210. package/dist/types/foundation/index.d.ts +4 -11
  211. package/dist/types/foundation/spacing.d.ts +1 -1
  212. package/dist/types/index.d.ts +20 -20
  213. package/dist/types/theme.d.ts +1 -1
  214. package/package.json +9 -11
  215. package/src/components/Alert/Alert.styled.ts +39 -49
  216. package/src/components/Alert/Alert.tsx +10 -16
  217. package/src/components/Alert/Alert.types.ts +2 -2
  218. package/src/components/Alert/Alert.utils.ts +13 -22
  219. package/src/components/Alert/index.ts +1 -1
  220. package/src/components/Button/Button.styled.ts +98 -101
  221. package/src/components/Button/Button.tsx +71 -69
  222. package/src/components/Button/Button.types.ts +19 -21
  223. package/src/components/Button/index.ts +1 -1
  224. package/src/components/Button/utils/getButtonPaddingBySizeAndKind.ts +13 -13
  225. package/src/components/Button/utils/getHoverStyle.ts +4 -2
  226. package/src/components/Button/utils/getIconButtonPaddingBySizeAndKind.ts +10 -19
  227. package/src/components/Checkbox/Checkbox.tsx +13 -25
  228. package/src/components/Checkbox/index.ts +1 -1
  229. package/src/components/Chip/Chip.styled.ts +69 -72
  230. package/src/components/Chip/Chip.tsx +33 -55
  231. package/src/components/Chip/Chip.types.ts +17 -25
  232. package/src/components/Chip/consts.ts +5 -5
  233. package/src/components/Chip/index.ts +1 -1
  234. package/src/components/DataTable/DataTable.tsx +2 -2
  235. package/src/components/DataTable/index.ts +1 -1
  236. package/src/components/DatePicker/DatePicker.tsx +2 -2
  237. package/src/components/DatePicker/index.ts +1 -1
  238. package/src/components/Dialog/Dialog.styled.ts +112 -114
  239. package/src/components/Dialog/Dialog.tsx +41 -46
  240. package/src/components/Dialog/components/DialogAction.tsx +8 -8
  241. package/src/components/Dialog/index.ts +3 -3
  242. package/src/components/Dropdown/Dropdown.styled.tsx +88 -89
  243. package/src/components/Dropdown/Dropdown.tsx +29 -30
  244. package/src/components/Dropdown/Dropdown.types.ts +5 -6
  245. package/src/components/Dropdown/DropdownItem.tsx +18 -29
  246. package/src/components/Dropdown/index.ts +3 -7
  247. package/src/components/FormLabel/FormLabel.styled.ts +3 -3
  248. package/src/components/FormLabel/FormLabel.tsx +3 -3
  249. package/src/components/FormLabel/index.ts +1 -1
  250. package/src/components/Radio/Radio.tsx +12 -29
  251. package/src/components/Radio/index.ts +1 -1
  252. package/src/components/RadioGroup/index.ts +1 -1
  253. package/src/components/TextField/TextField.style.ts +123 -132
  254. package/src/components/TextField/TextField.tsx +50 -62
  255. package/src/components/TextField/TextField.types.ts +6 -9
  256. package/src/components/TextField/TextFieldIcon.tsx +4 -7
  257. package/src/components/TextField/index.ts +2 -2
  258. package/src/components/Toast/Toast.styled.ts +26 -26
  259. package/src/components/Toast/Toast.tsx +14 -28
  260. package/src/components/Toast/Toast.types.ts +3 -8
  261. package/src/components/Toast/Toast.utils.ts +5 -8
  262. package/src/components/Toast/index.tsx +2 -2
  263. package/src/components/Toggle/Toggle.styled.ts +31 -32
  264. package/src/components/Toggle/Toggle.tsx +5 -11
  265. package/src/components/Toggle/Toggle.types.ts +3 -3
  266. package/src/components/Toggle/index.ts +1 -1
  267. package/src/components/ToggleButton/ToggleButton.styled.ts +47 -49
  268. package/src/components/ToggleButton/ToggleButton.tsx +91 -97
  269. package/src/components/ToggleButton/ToggleButton.types.ts +10 -10
  270. package/src/components/ToggleButton/index.ts +1 -1
  271. package/src/components/ToggleButtonGroup/ToggleButtonGroup.tsx +3 -8
  272. package/src/components/ToggleButtonGroup/index.tsx +1 -1
  273. package/src/components/Tooltip/Tooltip.tsx +2 -2
  274. package/src/components/Tooltip/index.ts +1 -1
  275. package/src/components/Typography/Typography.tsx +7 -10
  276. package/src/components/Typography/index.ts +1 -1
  277. package/src/components/index.ts +2 -2
  278. package/src/foundation/Elevation/index.ts +27 -27
  279. package/src/foundation/Elevation/utils.ts +14 -8
  280. package/src/foundation/Typography/index.ts +58 -57
  281. package/src/foundation/Typography/tokens.ts +138 -138
  282. package/src/foundation/colors/base/blue.ts +12 -12
  283. package/src/foundation/colors/base/green.ts +12 -12
  284. package/src/foundation/colors/base/grey.ts +28 -28
  285. package/src/foundation/colors/base/index.ts +11 -11
  286. package/src/foundation/colors/base/lunitGreen.ts +11 -11
  287. package/src/foundation/colors/base/lunitTeal.ts +12 -12
  288. package/src/foundation/colors/base/magenta.ts +12 -12
  289. package/src/foundation/colors/base/opacity.ts +4 -4
  290. package/src/foundation/colors/base/orange.ts +12 -12
  291. package/src/foundation/colors/base/purple.ts +12 -12
  292. package/src/foundation/colors/base/red.ts +12 -12
  293. package/src/foundation/colors/base/yellow.ts +12 -12
  294. package/src/foundation/colors/index.ts +119 -120
  295. package/src/foundation/colors/token/component.ts +185 -213
  296. package/src/foundation/colors/token/core.ts +113 -134
  297. package/src/foundation/colors/token/index.ts +2 -2
  298. package/src/foundation/colors/types.ts +0 -7
  299. package/src/foundation/index.ts +8 -8
  300. package/src/foundation/spacing.ts +1 -1
  301. package/src/index.ts +20 -20
  302. package/src/stories/GettingStarted.mdx +6 -6
  303. package/src/stories/components/Alert/Alert.stories.tsx +38 -45
  304. package/src/stories/components/Button/BasicButton.stories.tsx +68 -59
  305. package/src/stories/components/Button/ButtonDocs.mdx +17 -41
  306. package/src/stories/components/Button/Color.stories.tsx +28 -51
  307. package/src/stories/components/Button/IconButton.stories.tsx +40 -47
  308. package/src/stories/components/Button/Kind.stories.tsx +100 -213
  309. package/src/stories/components/CheckBox/BasicCheckbox.stories.tsx +52 -71
  310. package/src/stories/components/CheckBox/CheckboxDocs.mdx +6 -6
  311. package/src/stories/components/Chip/Chip.stories.tsx +75 -75
  312. package/src/stories/components/Chip/ChipDocs.mdx +12 -13
  313. package/src/stories/components/DataTable/DataTable.stories.tsx +4 -4
  314. package/src/stories/components/DatePicker/DatePicker.stories.tsx +4 -4
  315. package/src/stories/components/Dialog/Dialog.stories.tsx +103 -135
  316. package/src/stories/components/Dialog/DialogDocs.mdx +7 -13
  317. package/src/stories/components/Dropdown/Dropdown.stories.tsx +96 -82
  318. package/src/stories/components/Dropdown/DropdownDocs.mdx +275 -0
  319. package/src/stories/components/Dropdown/DropdownExamples.stories.tsx +40 -47
  320. package/src/stories/components/Dropdown/DropdownItem.stories.tsx +113 -98
  321. package/src/stories/components/SelectControl/RadioGroup.stories.tsx +17 -30
  322. package/src/stories/components/SelectControl/RadioStatus.stories.tsx +16 -23
  323. package/src/stories/components/SelectControl/Toggle.stories.tsx +33 -78
  324. package/src/stories/components/TextField/BasicTextField.stories.tsx +44 -53
  325. package/src/stories/components/TextField/TextFieldDocs.mdx +8 -12
  326. package/src/stories/components/TextField/TextFieldMulti.stories.tsx +39 -55
  327. package/src/stories/components/TextField/TextFieldSingle.stories.tsx +74 -118
  328. package/src/stories/components/TextField/TextFieldSize.stories.tsx +35 -55
  329. package/src/stories/components/Toast/Toast.stories.tsx +35 -50
  330. package/src/stories/components/ToggleButton/Basic.stories.tsx +115 -152
  331. package/src/stories/components/ToggleButton/ToggleButtonDocs.mdx +10 -14
  332. package/src/stories/components/ToggleButton/ToggleButtonKind.stories.tsx +141 -200
  333. package/src/stories/components/ToggleButton/WithIcon.stories.tsx +87 -107
  334. package/src/stories/components/Tooltip/Tooltip.stories.tsx +4 -4
  335. package/src/stories/foundation/Elevation/Elevation.stories.tsx +48 -54
  336. package/src/stories/foundation/Elevation/styled.ts +3 -3
  337. package/src/stories/foundation/Typography/Typography.mdx +9 -13
  338. package/src/stories/foundation/Typography/Typography.stories.tsx +25 -41
  339. package/src/stories/foundation/Typography/TypographyGroup.tsx +14 -25
  340. package/src/stories/foundation/Typography/const.ts +13 -19
  341. package/src/stories/foundation/colors/ColorSystem.tsx +42 -40
  342. package/src/stories/foundation/colors/Colors.stories.tsx +40 -41
  343. package/src/stories/foundation/colors/Docs.mdx +73 -77
  344. package/src/stories/foundation/colors/Mui.stories.tsx +6 -8
  345. package/src/stories/foundation/colors/Token.inComponent.stories.tsx +81 -71
  346. package/src/stories/foundation/colors/TokenPaletteTable.stories.tsx +7 -7
  347. package/src/stories/foundation/colors/TokenPaletteTable.tsx +23 -49
  348. package/src/stories/foundation/colors/styled.ts +26 -26
  349. package/src/theme.ts +6 -6
  350. package/src/types.d.ts +1 -1
  351. package/tsconfig.build.json +1 -5
@@ -1,326 +1,298 @@
1
1
  export const tokenComponentColor = {
2
2
  btn: {
3
3
  btn_primary_bg: {
4
- light1: "--lunit_teal_30",
5
- light2: "--lunit_teal_30",
6
- dark1: "--lunit_teal_40",
7
- dark2: "--lunit_teal_40",
4
+ light1: '--lunit_teal_30',
5
+ light2: '--lunit_teal_30',
6
+ dark1: '--lunit_teal_40',
7
+ dark2: '--lunit_teal_40',
8
8
  },
9
9
  btn_secondary_bg: {
10
- light1: "--grey_10",
11
- light2: "--grey_0",
12
- dark1: "--grey_60",
13
- dark2: "--grey_60",
10
+ light1: '--grey_10',
11
+ light2: '--grey_0',
12
+ dark1: '--grey_60',
13
+ dark2: '--grey_60',
14
14
  },
15
15
  btn_error_bg: {
16
- light1: "--red_30",
17
- light2: "--red_30",
18
- dark1: "--red_40",
19
- dark2: "--red_40",
16
+ light1: '--red_30',
17
+ light2: '--red_30',
18
+ dark1: '--red_40',
19
+ dark2: '--red_40',
20
20
  },
21
21
  btn_primary_border: {
22
- light1: "--lunit_teal_40",
23
- light2: "--lunit_teal_40",
24
- dark1: "--lunit_teal_40",
25
- dark2: "--lunit_teal_40",
26
- },
27
- btn_secondary_border: {
28
- // Deprecated. Please use core.border_medium instead.
29
- light1: "--grey_15",
30
- light2: "--grey_15",
31
- dark1: "--grey_60",
32
- dark2: "--grey_60",
22
+ light1: '--lunit_teal_40',
23
+ light2: '--lunit_teal_40',
24
+ dark1: '--lunit_teal_40',
25
+ dark2: '--lunit_teal_40',
33
26
  },
34
27
  btn_primary_text_1: {
35
- light1: "--lunit_teal_50",
36
- light2: "--lunit_teal_50",
37
- dark1: "--lunit_teal_40",
38
- dark2: "--lunit_teal_40",
28
+ light1: '--lunit_teal_50',
29
+ light2: '--lunit_teal_50',
30
+ dark1: '--lunit_teal_40',
31
+ dark2: '--lunit_teal_40',
39
32
  },
40
33
  btn_primary_text_2: {
41
- light1: "--grey_95",
42
- light2: "--grey_95",
43
- dark1: "--grey_95",
44
- dark2: "--grey_95",
34
+ light1: '--grey_95',
35
+ light2: '--grey_95',
36
+ dark1: '--grey_95',
37
+ dark2: '--grey_95',
45
38
  },
46
39
  btn_secondary_text: {
47
- light1: "--grey_95",
48
- light2: "--grey_95",
49
- dark1: "--grey_5",
50
- dark2: "--grey_5",
40
+ light1: '--grey_95',
41
+ light2: '--grey_95',
42
+ dark1: '--grey_5',
43
+ dark2: '--grey_5',
51
44
  },
52
45
  btn_error_text: {
53
- light1: "--red_40",
54
- light2: "--red_40",
55
- dark1: "--red_40",
56
- dark2: "--red_30",
46
+ light1: '--red_40',
47
+ light2: '--red_40',
48
+ dark1: '--red_40',
49
+ dark2: '--red_30',
57
50
  },
58
51
  btn_selected_primary_bg: {
59
- light1: "--lunit_teal_80",
60
- light2: "--lunit_teal_80",
61
- dark1: "--lunit_teal_10",
62
- dark2: "--lunit_teal_10",
52
+ light1: '--lunit_teal_80',
53
+ light2: '--lunit_teal_80',
54
+ dark1: '--lunit_teal_10',
55
+ dark2: '--lunit_teal_10',
63
56
  },
64
57
  btn_selected_primary_text: {
65
- light1: "--lunit_teal_10",
66
- light2: "--lunit_teal_10",
67
- dark1: "--lunit_teal_80",
68
- dark2: "--lunit_teal_80",
69
- },
70
- btn_selected_secondary_bg: {
71
- // Deprecated. Please use btn_secondary_bg instead.
72
- light1: "--lunit_teal_10",
73
- light2: "--lunit_teal_10",
74
- dark1: "--grey_80",
75
- dark2: "--grey_80",
58
+ light1: '--lunit_teal_10',
59
+ light2: '--lunit_teal_10',
60
+ dark1: '--lunit_teal_80',
61
+ dark2: '--lunit_teal_80',
76
62
  },
77
63
  btn_selected_secondary_text: {
78
- light1: "--lunit_teal_70",
79
- light2: "--lunit_teal_70",
80
- dark1: "--lunit_teal_30",
81
- dark2: "--lunit_teal_30",
64
+ light1: '--lunit_teal_70',
65
+ light2: '--lunit_teal_70',
66
+ dark1: '--lunit_teal_30',
67
+ dark2: '--lunit_teal_30',
82
68
  },
83
69
  btn_selected_tertiary_bg: {
84
- light1: "--grey_95",
85
- light2: "--grey_95",
86
- dark1: "--grey_0",
87
- dark2: "--grey_0",
70
+ light1: '--grey_95',
71
+ light2: '--grey_95',
72
+ dark1: '--grey_0',
73
+ dark2: '--grey_0',
88
74
  },
89
75
  btn_selected_tertiary_text: {
90
- light1: "--grey_0",
91
- light2: "--grey_0",
92
- dark1: "--grey_100",
93
- dark2: "--grey_100",
76
+ light1: '--grey_0',
77
+ light2: '--grey_0',
78
+ dark1: '--grey_100',
79
+ dark2: '--grey_100',
94
80
  },
95
81
  },
96
82
  selectControl: {
97
83
  selectcontrol_on: {
98
- light1: "--lunit_teal_40",
99
- light2: "--lunit_teal_40",
100
- dark1: "--lunit_teal_40",
101
- dark2: "--lunit_teal_40",
84
+ light1: '--lunit_teal_40',
85
+ light2: '--lunit_teal_40',
86
+ dark1: '--lunit_teal_40',
87
+ dark2: '--lunit_teal_40',
102
88
  },
103
89
  selectcontrol_off: {
104
- light1: "--grey_40",
105
- light2: "--grey_40",
106
- dark1: "--grey_40",
107
- dark2: "--grey_40",
90
+ light1: '--grey_40',
91
+ light2: '--grey_40',
92
+ dark1: '--grey_40',
93
+ dark2: '--grey_40',
108
94
  },
109
95
  selectcontrol_handler: {
110
- light1: "--grey_0",
111
- light2: "--grey_0",
112
- dark1: "--grey_0",
113
- dark2: "--grey_0",
96
+ light1: '--grey_0',
97
+ light2: '--grey_0',
98
+ dark1: '--grey_0',
99
+ dark2: '--grey_0',
114
100
  },
115
101
  selectcontrol_handler_shadow: {
116
- light1: "rgba(0, 0, 0, 0.4)",
117
- light2: "rgba(0, 0, 0, 0.4)",
118
- dark1: "rgba(0, 0, 0, 0.4)",
119
- dark2: "rgba(0, 0, 0, 0.4)", // "--grey_100 40%",
102
+ light1: 'rgba(0, 0, 0, 0.4)', // "--grey_100 40%",
103
+ light2: 'rgba(0, 0, 0, 0.4)', // "--grey_100 40%",
104
+ dark1: 'rgba(0, 0, 0, 0.4)', // "--grey_100 40%",
105
+ dark2: 'rgba(0, 0, 0, 0.4)', // "--grey_100 40%",
120
106
  },
121
107
  },
122
108
  textFields: {
123
109
  textfield_bg: {
124
- light1: "--grey_10",
125
- light2: "--grey_0",
126
- dark1: "--grey_80",
127
- dark2: "--grey_70",
110
+ light1: '--grey_10',
111
+ light2: '--grey_0',
112
+ dark1: '--grey_80',
113
+ dark2: '--grey_70',
128
114
  },
129
115
  textfield_border_error: {
130
- light1: "--red_40",
131
- light2: "--red_40",
132
- dark1: "--red_40",
133
- dark2: "--red_40",
116
+ light1: '--red_40',
117
+ light2: '--red_40',
118
+ dark1: '--red_40',
119
+ dark2: '--red_40',
134
120
  },
135
121
  },
136
122
  dropdown: {
137
123
  dropdown_divider_border: {
138
- light1: "--grey_15",
139
- light2: "--grey_15",
140
- dark1: "--grey_60",
141
- dark2: "--grey_60",
124
+ light1: '--grey_15',
125
+ light2: '--grey_15',
126
+ dark1: '--grey_60',
127
+ dark2: '--grey_60',
142
128
  },
143
129
  },
144
130
  dataTable: {
145
- datatable_border_01: {
146
- // Deprecated. Please use core.border_medium instead.
147
- light1: "--grey_20",
148
- light2: "--grey_30",
149
- dark1: "--grey_50",
150
- dark2: "--grey_40",
151
- },
152
- datatable_border_02: {
153
- // Deprecated. Please use core.border_light instead.
154
- light1: "--grey_10",
155
- light2: "--grey_15",
156
- dark1: "--grey_80",
157
- dark2: "--grey_60",
158
- },
159
131
  datatable_zebra: {
160
- light1: "rgba(0, 0, 0, 0.03)",
161
- light2: "rgba(0, 0, 0, 0.03)",
162
- dark1: "rgba(255, 255, 255, 0.03)",
163
- dark2: "rgba(255, 255, 255, 0.03)", // "--grey_0 3%",
132
+ light1: 'rgba(0, 0, 0, 0.03)', // "--grey_100 3%",
133
+ light2: 'rgba(0, 0, 0, 0.03)', // "--grey_100 3%",
134
+ dark1: 'rgba(255, 255, 255, 0.03)', // "--grey_0 3%",
135
+ dark2: 'rgba(255, 255, 255, 0.03)', // "--grey_0 3%",
164
136
  },
165
137
  },
166
138
  scrollbars: {
167
139
  scrollbars_bg: {
168
- light1: "--grey_20",
169
- light2: "--grey_20",
170
- dark1: "--grey_60",
171
- dark2: "--grey_50",
140
+ light1: '--grey_20',
141
+ light2: '--grey_20',
142
+ dark1: '--grey_60',
143
+ dark2: '--grey_50',
172
144
  },
173
145
  scrollbars_hover: {
174
- light1: "--grey_30",
175
- light2: "--grey_30",
176
- dark1: "--grey_50",
177
- dark2: "--grey_40",
146
+ light1: '--grey_30',
147
+ light2: '--grey_30',
148
+ dark1: '--grey_50',
149
+ dark2: '--grey_40',
178
150
  },
179
151
  scrollbars_pressed: {
180
- light1: "--grey_50",
181
- light2: "--grey_50",
182
- dark1: "--grey_30",
183
- dark2: "--grey_20",
152
+ light1: '--grey_50',
153
+ light2: '--grey_50',
154
+ dark1: '--grey_30',
155
+ dark2: '--grey_20',
184
156
  },
185
157
  },
186
158
  modal: {
187
159
  modal_overlay: {
188
- light1: "rgba(15, 15, 18, 0.7)",
189
- light2: "rgba(15, 15, 18, 0.7)",
190
- dark1: "rgba(15, 15, 18, 0.7)",
191
- dark2: "rgba(15, 15, 18, 0.7)", // "--grey_95 70%",
160
+ light1: 'rgba(15, 15, 18, 0.7)', // "--grey_95 70%", = #0F0F12 70%
161
+ light2: 'rgba(15, 15, 18, 0.7)', // "--grey_95 70%",
162
+ dark1: 'rgba(15, 15, 18, 0.7)', // "--grey_95 70%",
163
+ dark2: 'rgba(15, 15, 18, 0.7)', // "--grey_95 70%",
192
164
  },
193
165
  },
194
166
  tooltip: {
195
167
  tooltip_bg: {
196
- light1: "--grey_70",
197
- light2: "--grey_70",
198
- dark1: "--grey_70",
199
- dark2: "--grey_70",
168
+ light1: '--grey_70',
169
+ light2: '--grey_70',
170
+ dark1: '--grey_70',
171
+ dark2: '--grey_70',
200
172
  },
201
173
  tooltip_text_normal: {
202
- light1: "--grey_5",
203
- light2: "--grey_5",
204
- dark1: "--grey_5",
205
- dark2: "--grey_5",
174
+ light1: '--grey_5',
175
+ light2: '--grey_5',
176
+ dark1: '--grey_5',
177
+ dark2: '--grey_5',
206
178
  },
207
179
  tooltip_text_medium: {
208
- light1: "--grey_40",
209
- light2: "--grey_40",
210
- dark1: "--grey_40",
211
- dark2: "--grey_40",
180
+ light1: '--grey_40',
181
+ light2: '--grey_40',
182
+ dark1: '--grey_40',
183
+ dark2: '--grey_40',
212
184
  },
213
185
  },
214
186
  alert: {
215
187
  alert_error_bg: {
216
- light1: "rgba(250, 70, 79, 0.16)",
217
- light2: "rgba(250, 70, 79, 0.16)",
218
- dark1: "rgba(255, 112, 119, 0.32)",
219
- dark2: "rgba(255, 112, 119, 0.32)", // "--red_30 32%",
188
+ light1: 'rgba(250, 70, 79, 0.16)', // "--red_40 16%",
189
+ light2: 'rgba(250, 70, 79, 0.16)', // "--red_40 16%",
190
+ dark1: 'rgba(255, 112, 119, 0.32)', // "--red_30 32%",
191
+ dark2: 'rgba(255, 112, 119, 0.32)', // "--red_30 32%",
220
192
  },
221
193
  alert_error_border: {
222
- light1: "--red_40",
223
- light2: "--red_40",
224
- dark1: "--red_30",
225
- dark2: "--red_30",
194
+ light1: '--red_40',
195
+ light2: '--red_40',
196
+ dark1: '--red_30',
197
+ dark2: '--red_30',
226
198
  },
227
199
  alert_success_bg: {
228
- light1: "rgba(26, 159, 63, 0.16)",
229
- light2: "rgba(26, 159, 63, 0.16)",
230
- dark1: "rgba(68, 190, 103, 0.32)",
231
- dark2: "rgba(68, 190, 103, 0.32)", // "--green_30 32%",
200
+ light1: 'rgba(26, 159, 63, 0.16)', // "--green_40 16%",
201
+ light2: 'rgba(26, 159, 63, 0.16)', // "--green_40 16%",
202
+ dark1: 'rgba(68, 190, 103, 0.32)', // "--green_30 32%",
203
+ dark2: 'rgba(68, 190, 103, 0.32)', // "--green_30 32%",
232
204
  },
233
205
  alert_success_border: {
234
- light1: "--green_30",
235
- light2: "--green_30",
236
- dark1: "--green_30",
237
- dark2: "--green_30",
206
+ light1: '--green_30',
207
+ light2: '--green_30',
208
+ dark1: '--green_30',
209
+ dark2: '--green_30',
238
210
  },
239
211
  alert_info_bg: {
240
- light1: "rgba(61, 136, 250, 0.16)",
241
- light2: "rgba(61, 136, 250, 0.16)",
242
- dark1: "rgba(113, 169, 250, 0.32)",
243
- dark2: "rgba(113, 169, 250, 0.32)", // "--blue_30 32%",
212
+ light1: 'rgba(61, 136, 250, 0.16)', // "--blue_40 16%",
213
+ light2: 'rgba(61, 136, 250, 0.16)', // "--blue_40 16%",
214
+ dark1: 'rgba(113, 169, 250, 0.32)', // "--blue_30 32%",
215
+ dark2: 'rgba(113, 169, 250, 0.32)', // "--blue_30 32%",
244
216
  },
245
217
  alert_info_border: {
246
- light1: "--blue_40",
247
- light2: "--blue_40",
248
- dark1: "--blue_30",
249
- dark2: "--blue_30",
218
+ light1: '--blue_40',
219
+ light2: '--blue_40',
220
+ dark1: '--blue_30',
221
+ dark2: '--blue_30',
250
222
  },
251
223
  alert_warning_bg: {
252
- light1: "rgba(255, 129, 26, 0.16)",
253
- light2: "rgba(255, 129, 26, 0.16)",
254
- dark1: "rgba(255, 153, 69, 0.32)",
255
- dark2: "rgba(255, 153, 69, 0.32)", // "--orange_30 32%",
224
+ light1: 'rgba(255, 129, 26, 0.16)', // "--orange_40 16%",
225
+ light2: 'rgba(255, 129, 26, 0.16)', // "--orange_40 16%",
226
+ dark1: 'rgba(255, 153, 69, 0.32)', // "--orange_30 32%",
227
+ dark2: 'rgba(255, 153, 69, 0.32)', // "--orange_30 32%",
256
228
  },
257
229
  alert_warning_border: {
258
- light1: "--orange_40",
259
- light2: "--orange_40",
260
- dark1: "--orange_30",
261
- dark2: "--orange_30",
230
+ light1: '--orange_40',
231
+ light2: '--orange_40',
232
+ dark1: '--orange_30',
233
+ dark2: '--orange_30',
262
234
  },
263
235
  },
264
236
  chip: {
265
237
  chip_primary_bg: {
266
- light1: "--lunit_teal_20",
267
- light2: "--lunit_teal_20",
268
- dark1: "--lunit_teal_60",
269
- dark2: "--lunit_teal_60",
238
+ light1: '--lunit_teal_20',
239
+ light2: '--lunit_teal_20',
240
+ dark1: '--lunit_teal_60',
241
+ dark2: '--lunit_teal_60',
270
242
  },
271
243
  chip_primary_text: {
272
- light1: "--lunit_teal_50",
273
- light2: "--lunit_teal_50",
274
- dark1: "--lunit_teal_40",
275
- dark2: "--lunit_teal_40",
244
+ light1: '--lunit_teal_50',
245
+ light2: '--lunit_teal_50',
246
+ dark1: '--lunit_teal_40',
247
+ dark2: '--lunit_teal_40',
276
248
  },
277
249
  chip_secondary_bg: {
278
- light1: "--grey_15",
279
- light2: "--grey_15",
280
- dark1: "--grey_60",
281
- dark2: "--grey_60",
250
+ light1: '--grey_15',
251
+ light2: '--grey_15',
252
+ dark1: '--grey_60',
253
+ dark2: '--grey_60',
282
254
  },
283
255
  chip_secondary_text: {
284
- light1: "--grey_40",
285
- light2: "--grey_40",
286
- dark1: "--grey_30",
287
- dark2: "--grey_30",
256
+ light1: '--grey_40',
257
+ light2: '--grey_40',
258
+ dark1: '--grey_30',
259
+ dark2: '--grey_30',
288
260
  },
289
261
  chip_error_bg: {
290
- light1: "--red_20",
291
- light2: "--red_20",
292
- dark1: "--red_60",
293
- dark2: "--red_60",
262
+ light1: '--red_20',
263
+ light2: '--red_20',
264
+ dark1: '--red_60',
265
+ dark2: '--red_60',
294
266
  },
295
267
  chip_error_text: {
296
- light1: "--red_40",
297
- light2: "--red_40",
298
- dark1: "--red_30",
299
- dark2: "--red_30",
268
+ light1: '--red_40',
269
+ light2: '--red_40',
270
+ dark1: '--red_30',
271
+ dark2: '--red_30',
300
272
  },
301
273
  chip_warning_bg: {
302
- light1: "--orange_20",
303
- light2: "--orange_20",
304
- dark1: "--orange_60",
305
- dark2: "--orange_60",
274
+ light1: '--orange_20',
275
+ light2: '--orange_20',
276
+ dark1: '--orange_60',
277
+ dark2: '--orange_60',
306
278
  },
307
279
  chip_warning_text: {
308
- light1: "--orange_40",
309
- light2: "--orange_40",
310
- dark1: "--orange_30",
311
- dark2: "--orange_30",
280
+ light1: '--orange_40',
281
+ light2: '--orange_40',
282
+ dark1: '--orange_30',
283
+ dark2: '--orange_30',
312
284
  },
313
285
  chip_success_bg: {
314
- light1: "--green_20",
315
- light2: "--green_20",
316
- dark1: "--green_60",
317
- dark2: "--green_60",
286
+ light1: '--green_20',
287
+ light2: '--green_20',
288
+ dark1: '--green_60',
289
+ dark2: '--green_60',
318
290
  },
319
291
  chip_success_text: {
320
- light1: "--green_40",
321
- light2: "--green_40",
322
- dark1: "--green_30",
323
- dark2: "--green_30",
292
+ light1: '--green_40',
293
+ light2: '--green_40',
294
+ dark1: '--green_30',
295
+ dark2: '--green_30',
324
296
  },
325
297
  },
326
298
  };
@@ -1 +1 @@
1
- {"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/foundation/colors/token/component.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/foundation/colors/token/component.ts"],"names":[],"mappings":"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"}