@lunit/design-system 2.0.2 → 2.1.0

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 (128) hide show
  1. package/README.md +107 -7
  2. package/dist/cjs/components/Chip/index.js +1 -1
  3. package/dist/cjs/components/Chip/index.js.map +1 -1
  4. package/dist/cjs/components/Dialog/index.js +1 -1
  5. package/dist/cjs/components/Dialog/index.js.map +1 -1
  6. package/dist/cjs/components/Dropdown/index.js +1 -1
  7. package/dist/cjs/components/Dropdown/index.js.map +1 -1
  8. package/dist/cjs/components/TextField/index.js +1 -1
  9. package/dist/cjs/components/TextField/index.js.map +1 -1
  10. package/dist/cjs/index.js +1 -1
  11. package/dist/cjs/index.js.map +1 -1
  12. package/dist/components/Chip/Chip.styled.js +9 -16
  13. package/dist/components/Chip/Chip.styled.js.map +1 -1
  14. package/dist/components/Dialog/Dialog.js +0 -6
  15. package/dist/components/Dialog/Dialog.js.map +1 -1
  16. package/dist/components/Dropdown/Dropdown.js +37 -4
  17. package/dist/components/Dropdown/Dropdown.js.map +1 -1
  18. package/dist/components/Dropdown/Dropdown.styled.js +161 -0
  19. package/dist/components/Dropdown/Dropdown.styled.js.map +1 -0
  20. package/dist/components/Dropdown/Dropdown.types.js +2 -0
  21. package/dist/components/Dropdown/Dropdown.types.js.map +1 -0
  22. package/dist/components/Dropdown/DropdownItem.js +36 -0
  23. package/dist/components/Dropdown/DropdownItem.js.map +1 -0
  24. package/dist/components/Dropdown/index.js +1 -0
  25. package/dist/components/Dropdown/index.js.map +1 -1
  26. package/dist/components/TextField/TextField.js +1 -1
  27. package/dist/components/TextField/TextField.js.map +1 -1
  28. package/dist/components/TextField/TextField.style.js +27 -3
  29. package/dist/components/TextField/TextField.style.js.map +1 -1
  30. package/dist/foundation/Typography/index.js +5 -0
  31. package/dist/foundation/Typography/index.js.map +1 -1
  32. package/dist/foundation/Typography/tokens.js +44 -0
  33. package/dist/foundation/Typography/tokens.js.map +1 -1
  34. package/dist/foundation/colors/base/blue.js +12 -10
  35. package/dist/foundation/colors/base/blue.js.map +1 -1
  36. package/dist/foundation/colors/base/green.js +11 -9
  37. package/dist/foundation/colors/base/green.js.map +1 -1
  38. package/dist/foundation/colors/base/grey.js +30 -15
  39. package/dist/foundation/colors/base/grey.js.map +1 -1
  40. package/dist/foundation/colors/base/lunitTeal.js +2 -0
  41. package/dist/foundation/colors/base/lunitTeal.js.map +1 -1
  42. package/dist/foundation/colors/base/magenta.js +3 -1
  43. package/dist/foundation/colors/base/magenta.js.map +1 -1
  44. package/dist/foundation/colors/base/orange.js +11 -9
  45. package/dist/foundation/colors/base/orange.js.map +1 -1
  46. package/dist/foundation/colors/base/purple.js +3 -1
  47. package/dist/foundation/colors/base/purple.js.map +1 -1
  48. package/dist/foundation/colors/base/red.js +5 -3
  49. package/dist/foundation/colors/base/red.js.map +1 -1
  50. package/dist/foundation/colors/base/yellow.js +12 -10
  51. package/dist/foundation/colors/base/yellow.js.map +1 -1
  52. package/dist/foundation/colors/index.js +3 -0
  53. package/dist/foundation/colors/index.js.map +1 -1
  54. package/dist/foundation/colors/token/component.js +26 -22
  55. package/dist/foundation/colors/token/component.js.map +1 -1
  56. package/dist/foundation/colors/token/core.js +21 -0
  57. package/dist/foundation/colors/token/core.js.map +1 -1
  58. package/dist/index.js +1 -1
  59. package/dist/index.js.map +1 -1
  60. package/dist/types/components/Button/Button.styled.d.ts +3 -3
  61. package/dist/types/components/Chip/Chip.styled.d.ts +12 -12
  62. package/dist/types/components/Dialog/Dialog.d.ts +0 -3
  63. package/dist/types/components/Dropdown/Dropdown.d.ts +3 -1
  64. package/dist/types/components/Dropdown/Dropdown.styled.d.ts +41 -0
  65. package/dist/types/components/Dropdown/Dropdown.types.d.ts +11 -0
  66. package/dist/types/components/Dropdown/DropdownItem.d.ts +13 -0
  67. package/dist/types/components/Dropdown/index.d.ts +2 -0
  68. package/dist/types/components/ToggleButton/ToggleButton.styled.d.ts +2 -2
  69. package/dist/types/foundation/Typography/index.d.ts +21 -1
  70. package/dist/types/foundation/Typography/tokens.d.ts +15 -0
  71. package/dist/types/foundation/colors/base/blue.d.ts +2 -0
  72. package/dist/types/foundation/colors/base/green.d.ts +2 -0
  73. package/dist/types/foundation/colors/base/grey.d.ts +15 -0
  74. package/dist/types/foundation/colors/base/lunitTeal.d.ts +2 -0
  75. package/dist/types/foundation/colors/base/magenta.d.ts +2 -0
  76. package/dist/types/foundation/colors/base/orange.d.ts +2 -0
  77. package/dist/types/foundation/colors/base/purple.d.ts +2 -0
  78. package/dist/types/foundation/colors/base/red.d.ts +2 -0
  79. package/dist/types/foundation/colors/base/yellow.d.ts +2 -0
  80. package/dist/types/foundation/colors/index.d.ts +3 -0
  81. package/dist/types/foundation/colors/types.d.ts +3 -0
  82. package/dist/types/foundation/index.d.ts +3 -0
  83. package/dist/types/index.d.ts +1 -1
  84. package/package.json +2 -2
  85. package/src/components/Chip/Chip.styled.ts +9 -16
  86. package/src/components/Dialog/Dialog.tsx +0 -8
  87. package/src/components/Dropdown/Dropdown.styled.tsx +170 -0
  88. package/src/components/Dropdown/Dropdown.tsx +59 -8
  89. package/src/components/Dropdown/Dropdown.types.ts +15 -0
  90. package/src/components/Dropdown/DropdownItem.tsx +107 -0
  91. package/src/components/Dropdown/index.ts +6 -0
  92. package/src/components/TextField/TextField.style.ts +28 -3
  93. package/src/components/TextField/TextField.tsx +1 -7
  94. package/src/foundation/Typography/index.ts +10 -0
  95. package/src/foundation/Typography/tokens.ts +45 -0
  96. package/src/foundation/colors/base/blue.ts +12 -10
  97. package/src/foundation/colors/base/green.ts +11 -9
  98. package/src/foundation/colors/base/grey.ts +30 -15
  99. package/src/foundation/colors/base/lunitTeal.ts +2 -0
  100. package/src/foundation/colors/base/magenta.ts +3 -1
  101. package/src/foundation/colors/base/orange.ts +11 -9
  102. package/src/foundation/colors/base/purple.ts +3 -1
  103. package/src/foundation/colors/base/red.ts +5 -3
  104. package/src/foundation/colors/base/yellow.ts +12 -10
  105. package/src/foundation/colors/index.ts +3 -0
  106. package/src/foundation/colors/token/component.ts +26 -22
  107. package/src/foundation/colors/token/core.ts +21 -0
  108. package/src/foundation/colors/types.ts +3 -0
  109. package/src/index.ts +6 -1
  110. package/src/stories/components/Chip/Chip.stories.tsx +18 -0
  111. package/src/stories/components/Chip/ChipDocs.mdx +20 -0
  112. package/src/stories/components/Dialog/DialogDocs.mdx +2 -10
  113. package/src/stories/components/Dropdown/Dropdown.stories.tsx +299 -10
  114. package/src/stories/components/Dropdown/DropdownExamples.stories.tsx +221 -0
  115. package/src/stories/components/Dropdown/DropdownItem.stories.tsx +360 -0
  116. package/src/stories/components/TextField/BasicTextField.stories.tsx +28 -0
  117. package/src/stories/components/TextField/TextFieldDocs.mdx +12 -0
  118. package/src/stories/foundation/Typography/Typography.stories.tsx +13 -0
  119. package/src/stories/foundation/Typography/const.ts +6 -1
  120. package/src/stories/foundation/colors/TokenPaletteTable.tsx +19 -1
  121. package/dist/cjs/components/Modal/index.js +0 -2
  122. package/dist/cjs/components/Modal/index.js.map +0 -1
  123. package/dist/components/Modal/Modal.js +0 -7
  124. package/dist/components/Modal/Modal.js.map +0 -1
  125. package/dist/components/Modal/index.js +0 -2
  126. package/dist/components/Modal/index.js.map +0 -1
  127. package/dist/types/components/Modal/Modal.d.ts +0 -2
  128. package/dist/types/components/Modal/index.d.ts +0 -1
@@ -1,19 +1,14 @@
1
1
  import { Chip as MuiChip, styled } from "@mui/material";
2
2
  import { CHIP_COLORS } from "./consts";
3
3
  const COMMON_STYLES = {
4
- "&.MuiChip-root": {
5
- height: "22px",
6
- width: "auto",
7
- minWidth: "22px",
8
- boxShadow: "none",
9
- },
4
+ height: "22px",
5
+ width: "auto",
6
+ minWidth: "22px",
7
+ boxShadow: "none",
10
8
  "&.Mui-disabled": {
11
9
  opacity: 1,
12
10
  },
13
11
  "& .MuiChip-label": {
14
- display: "flex",
15
- alignItems: "center",
16
- textAlign: "center",
17
12
  padding: 0,
18
13
  marginInline: "8px",
19
14
  },
@@ -98,16 +93,14 @@ export const StyledContainedChipEnable = styled(StyledContainedChipBase, {
98
93
  * Setting the z-index of the chip to 0 and the z-index of the pseudo element to -1
99
94
  * allows the pseudo element(hover layer) to be rendered between the chip and the chip's children.
100
95
  */
101
- "&.MuiChip-root": {
102
- position: "relative",
103
- left: 0,
104
- right: 0,
105
- zIndex: 0,
106
- },
96
+ position: "relative",
97
+ left: 0,
98
+ right: 0,
99
+ zIndex: 0,
107
100
  "&:hover": {
108
101
  backgroundColor: getColorToken("bg", theme, color),
109
102
  },
110
- "&.MuiChip-root:hover::before": {
103
+ "&:hover::before": {
111
104
  position: "absolute",
112
105
  zIndex: -1,
113
106
  content: '""',
@@ -1 +1 @@
1
- {"version":3,"file":"Chip.styled.js","sourceRoot":"","sources":["../../../src/components/Chip/Chip.styled.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Chip.styled.js","sourceRoot":"","sources":["../../../src/components/Chip/Chip.styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAUvC,MAAM,aAAa,GAAG;IACpB,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,MAAM;IAChB,SAAS,EAAE,MAAM;IACjB,gBAAgB,EAAE;QAChB,OAAO,EAAE,CAAC;KACX;IACD,kBAAkB,EAAE;QAClB,OAAO,EAAE,CAAC;QACV,YAAY,EAAE,KAAK;KACpB;CACF,CAAC;AAEF,MAAM,aAAa,GAAG,CACpB,KAAoB,EACpB,KAAY,EACZ,KAAiB,EACjB,EAAE;IACF,IAAI,KAAK,KAAK,MAAM,EAAE;QACpB,QAAQ,KAAK,EAAE;YACb,KAAK,WAAW,CAAC,OAAO;gBACtB,OAAO,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,iBAAiB,CAAC;YAC/D,KAAK,WAAW,CAAC,SAAS;gBACxB,OAAO,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,mBAAmB,CAAC;YACjE,KAAK,WAAW,CAAC,KAAK;gBACpB,OAAO,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,eAAe,CAAC;YAC7D,KAAK,WAAW,CAAC,OAAO;gBACtB,OAAO,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,iBAAiB,CAAC;YAC/D,KAAK,WAAW,CAAC,OAAO;gBACtB,OAAO,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,iBAAiB,CAAC;YAC/D;gBACE,OAAO,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,iBAAiB,CAAC;SAChE;KACF;SAAM;QACL,QAAQ,KAAK,EAAE;YACb,KAAK,WAAW,CAAC,OAAO;gBACtB,OAAO,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,eAAe,CAAC;YAC7D,KAAK,WAAW,CAAC,SAAS;gBACxB,OAAO,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,iBAAiB,CAAC;YAC/D,KAAK,WAAW,CAAC,KAAK;gBACpB,OAAO,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,aAAa,CAAC;YAC3D,KAAK,WAAW,CAAC,OAAO;gBACtB,OAAO,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,eAAe,CAAC;YAC7D,KAAK,WAAW,CAAC,OAAO;gBACtB,OAAO,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,eAAe,CAAC;YAC7D;gBACE,OAAO,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,eAAe,CAAC;SAC9D;KACF;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,OAAO,EAAE;IAChD,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;CAClE,CAAC,CAAoB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC3C,GAAG,aAAa;IAChB,GAAG,KAAK,CAAC,UAAU,CAAC,OAAO;IAE3B,KAAK,EAAE,aAAa,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC;IAC1C,WAAW,EAAE,aAAa,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC;CACjD,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,uBAAuB,GAAG,MAAM,CAAC,OAAO,EAAE;IACrD,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;CAClE,CAAC,CAAyB,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACtD,GAAG,aAAa;IAChB,GAAG,KAAK,CAAC,UAAU,CAAC,OAAO;IAE3B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW;IACjD,eAAe,EAAE,aAAa,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC;IAElD,oBAAoB,EAAE;QACpB,WAAW,EAAE,KAAK;QAClB,UAAU,EAAE,KAAK;QACjB,WAAW,EAAE,KAAK;QAClB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,KAAK,EAAE,aAAa,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC;KAC3C;IACD,mBAAmB,EAAE;QACnB,WAAW,EAAE,KAAK;QAClB,UAAU,EAAE,KAAK;QACjB,WAAW,EAAE,KAAK;QAClB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,MAAM;QAClB,OAAO,EAAE,MAAM;QACf,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE,QAAQ;QACpB,KAAK,EAAE,aAAa,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC;QACxC,eAAe,EAAE,aAAa,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC;KACrD;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,yBAAyB,GAAG,MAAM,CAAC,uBAAuB,EAAE;IACvE,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;CAClE,CAAC,CAA2B,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACxD;;;OAGG;IACH,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,SAAS,EAAE;QACT,eAAe,EAAE,aAAa,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC;KACnD;IACD,iBAAiB,EAAE;QACjB,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,CAAC,CAAC;QACV,OAAO,EAAE,IAAI;QACb,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK;QACrD,YAAY,EAAE,MAAM;KACrB;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,4BAA4B,GAAG,MAAM,CAChD,uBAAuB,CACxB,CAAyB,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC9C,uBAAuB,EAAE;QACvB,UAAU,EAAE,KAAK;QACjB,WAAW,EAAE,KAAK;KACnB;IAED,4BAA4B,EAAE;QAC5B,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,IAAI;QACZ,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,OAAO,EAAE,CAAC;QACV,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK;QAC3C,QAAQ,EAAE;YACR,MAAM,EAAE,SAAS;YACjB,OAAO,EAAE,CAAC;SACX;KACF;CACF,CAAC,CAAC,CAAC"}
@@ -26,15 +26,9 @@ function Dialog(props) {
26
26
  if (event.key === "Escape")
27
27
  onClose();
28
28
  }
29
- function handleBackButtonClose(event) {
30
- if (event.key === "Backspace")
31
- onClose();
32
- }
33
29
  document.addEventListener("keydown", handleEscClose);
34
- document.addEventListener("keydown", handleBackButtonClose);
35
30
  return () => {
36
31
  document.removeEventListener("keydown", handleEscClose);
37
- document.removeEventListener("keydown", handleBackButtonClose);
38
32
  };
39
33
  }, [isOpen, isPassiveModal, onClose]);
40
34
  if (!isOpen)
@@ -1 +1 @@
1
- {"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"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"}
@@ -1,7 +1,40 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
- import { Box } from '@mui/material';
3
- const Dropdown = () => {
4
- return (_jsx(Box, { children: "Dropdown" }));
5
- };
2
+ import { forwardRef } from "react";
3
+ import ArrowDownSm from "@lunit/design-system-icons/ArrowDownSm";
4
+ import { StyledSelect } from "./Dropdown.styled";
5
+ const Dropdown = forwardRef((props, ref) => {
6
+ const { select = "single", size = "medium", className, children, sx, ...restProps } = props;
7
+ return (_jsx(StyledSelect, { className: className, variant: "standard" // variant standard 기준으로 스타일링 되어있음. 다른 variant 사용 시 스타일이 틀어질 수 있음
8
+ , multiple: select === "multiple", IconComponent: (props) => _jsx(ArrowDownSm, { ...props }), MenuProps: {
9
+ anchorOrigin: {
10
+ vertical: "bottom",
11
+ horizontal: "left",
12
+ },
13
+ transformOrigin: {
14
+ vertical: "top",
15
+ horizontal: "left",
16
+ },
17
+ PaperProps: {
18
+ sx: {
19
+ marginTop: "4px",
20
+ padding: "0px 8px",
21
+ borderRadius: "8px",
22
+ backgroundColor: (theme) => theme.palette.lunit_token.core.bg_02,
23
+ },
24
+ className: `elevation2 ${className || "light1"}`,
25
+ },
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",
34
+ },
35
+ },
36
+ },
37
+ }, sx: sx, selectSize: size, ...restProps, ref: ref, children: children }));
38
+ });
6
39
  export default Dropdown;
7
40
  //# sourceMappingURL=Dropdown.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AAEnC,MAAM,QAAQ,GAAG,GAAG,EAAE;IAClB,OAAO,CACH,KAAC,GAAG,2BAAe,CACtB,CAAA;AACL,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
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"}
@@ -0,0 +1,161 @@
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";
5
+ const valuesBySize = {
6
+ small: {
7
+ height: "28px",
8
+ padding: "4px 12px",
9
+ iconTop: "4px",
10
+ iconRight: "12px",
11
+ },
12
+ medium: {
13
+ height: "36px",
14
+ padding: "8px 16px",
15
+ iconTop: "8px",
16
+ iconRight: "16px",
17
+ },
18
+ large: {
19
+ height: "44px",
20
+ padding: "10px 16px",
21
+ iconTop: "12px",
22
+ iconRight: "16px",
23
+ },
24
+ };
25
+ export const StyledSelect = styled(Select, {
26
+ shouldForwardProp: (prop) => {
27
+ return !["selectSize", "select"].includes(prop);
28
+ },
29
+ })(({ theme, selectSize }) => ({
30
+ ...(selectSize === "large"
31
+ ? { ...theme.typography.body1_16_regular }
32
+ : { ...theme.typography.body2_14_regular }),
33
+ height: valuesBySize[selectSize || "medium"].height,
34
+ padding: valuesBySize[selectSize || "medium"].padding,
35
+ backgroundColor: theme.palette.lunit_token.component.textfield_bg,
36
+ overflow: "hidden",
37
+ "& .MuiSelect-select": {
38
+ paddingTop: 0,
39
+ paddingBottom: 0,
40
+ paddingRight: "28px !important",
41
+ color: theme.palette.lunit_token.core.text_normal,
42
+ },
43
+ "&.MuiInputBase-root": {
44
+ borderRadius: "8px",
45
+ border: "none",
46
+ "&:hover:not(.Mui-disabled, .Mui-error):before": {
47
+ border: "none",
48
+ },
49
+ },
50
+ "& .MuiInput-input": {
51
+ "&:focus": {
52
+ backgroundColor: "transparent",
53
+ },
54
+ },
55
+ "&::after": {
56
+ border: "none",
57
+ },
58
+ "&::before": {
59
+ border: "none",
60
+ },
61
+ "&:hover": {
62
+ position: "relative",
63
+ zIndex: 0,
64
+ backgroundColor: theme.palette.lunit_token.component.textfield_bg,
65
+ border: "none",
66
+ },
67
+ "&:hover::before": {
68
+ content: '""',
69
+ position: "absolute",
70
+ top: 0,
71
+ left: 0,
72
+ width: "100%",
73
+ height: "100%",
74
+ zIndex: -1,
75
+ backgroundColor: theme.palette.lunit_token.core.hover,
76
+ border: "none",
77
+ },
78
+ // .Mui-focused 컴포넌트에 바로 border를 적용하면 컴포넌트의 width, height 값이 border 값만큼 늘어나기 때문에 따로 엘리먼트를 만들어서 border 를 적용함.
79
+ // 다른 :before 들도 동일한 이유로 작성
80
+ "&.Mui-focused::before": {
81
+ border: `1px solid ${theme.palette.lunit_token.core.focused}`,
82
+ content: '""',
83
+ position: "absolute",
84
+ top: 0,
85
+ bottom: 0,
86
+ left: 0,
87
+ right: 0,
88
+ borderRadius: "8px",
89
+ transition: "none",
90
+ },
91
+ "&.Mui-disabled": {
92
+ opacity: 0.38,
93
+ },
94
+ "&.Mui-disabled:before": {
95
+ borderBottomStyle: "none",
96
+ },
97
+ "&.Mui-error::before": {
98
+ border: `1px solid ${theme.palette.lunit_token.component.textfield_border_error}`,
99
+ content: '""',
100
+ position: "absolute",
101
+ top: 0,
102
+ bottom: 0,
103
+ left: 0,
104
+ 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,
113
+ color: theme.palette.lunit_token.core.text_normal,
114
+ "&.Mui-disabled": {
115
+ color: theme.palette.lunit_token.core.text_normal,
116
+ },
117
+ },
118
+ }));
119
+ export const StyledMenuItem = styled(MenuItem)(({ theme }) => ({
120
+ ...theme.typography.body2_14_regular,
121
+ padding: "8px",
122
+ borderRadius: "8px",
123
+ 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,
136
+ },
137
+ },
138
+ // TODO: 디자이너와 focus 디자인 확인 후 살리든 지우든 하기
139
+ // "&:focus::before": {
140
+ // border: "1px solid",
141
+ // borderColor: theme.palette.lunit_token.core.focused,
142
+ // content: '""',
143
+ // position: "absolute",
144
+ // top: 0,
145
+ // bottom: 0,
146
+ // left: -8,
147
+ // right: -8,
148
+ // },
149
+ "& .multipleChecked": {
150
+ display: "none",
151
+ },
152
+ "&.filledStyle": {
153
+ backgroundColor: theme.palette.lunit_token.core.selected,
154
+ },
155
+ }));
156
+ export const StyledIconWrapper = styled(Box)({
157
+ width: "20px",
158
+ height: "20px",
159
+ marginRight: "8px",
160
+ });
161
+ //# sourceMappingURL=Dropdown.styled.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Dropdown.styled.js","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAO9C,MAAM,YAAY,GAAG;IACnB,KAAK,EAAE;QACL,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,UAAU;QACnB,OAAO,EAAE,KAAK;QACd,SAAS,EAAE,MAAM;KAClB;IACD,MAAM,EAAE;QACN,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,UAAU;QACnB,OAAO,EAAE,KAAK;QACd,SAAS,EAAE,MAAM;KAClB;IACD,KAAK,EAAE;QACL,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,WAAW;QACpB,OAAO,EAAE,MAAM;QACf,SAAS,EAAE,MAAM;KAClB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE;IACzC,iBAAiB,EAAE,CAAC,IAAY,EAAE,EAAE;QAClC,OAAO,CAAC,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAClD,CAAC;CACF,CAAC,CAAsB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CAAC;IAClD,GAAG,CAAC,UAAU,KAAK,OAAO;QACxB,CAAC,CAAC,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB,EAAE;QAC1C,CAAC,CAAC,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB,EAAE,CAAC;IAC7C,MAAM,EAAE,YAAY,CAAC,UAAU,IAAI,QAAQ,CAAC,CAAC,MAAM;IACnD,OAAO,EAAE,YAAY,CAAC,UAAU,IAAI,QAAQ,CAAC,CAAC,OAAO;IACrD,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,YAAY;IACjE,QAAQ,EAAE,QAAQ;IAClB,qBAAqB,EAAE;QACrB,UAAU,EAAE,CAAC;QACb,aAAa,EAAE,CAAC;QAChB,YAAY,EAAE,iBAAiB;QAC/B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW;KAClD;IACD,qBAAqB,EAAE;QACrB,YAAY,EAAE,KAAK;QACnB,MAAM,EAAE,MAAM;QAEd,+CAA+C,EAAE;YAC/C,MAAM,EAAE,MAAM;SACf;KACF;IACD,mBAAmB,EAAE;QACnB,SAAS,EAAE;YACT,eAAe,EAAE,aAAa;SAC/B;KACF;IACD,UAAU,EAAE;QACV,MAAM,EAAE,MAAM;KACf;IACD,WAAW,EAAE;QACX,MAAM,EAAE,MAAM;KACf;IACD,SAAS,EAAE;QACT,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,CAAC;QACT,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,YAAY;QACjE,MAAM,EAAE,MAAM;KACf;IACD,iBAAiB,EAAE;QACjB,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,CAAC,CAAC;QACV,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK;QACrD,MAAM,EAAE,MAAM;KACf;IACD,4GAA4G;IAC5G,2BAA2B;IAC3B,uBAAuB,EAAE;QACvB,MAAM,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,EAAE;QAC7D,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,MAAM,EAAE,CAAC;QACT,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,YAAY,EAAE,KAAK;QACnB,UAAU,EAAE,MAAM;KACnB;IACD,gBAAgB,EAAE;QAChB,OAAO,EAAE,IAAI;KACd;IACD,uBAAuB,EAAE;QACvB,iBAAiB,EAAE,MAAM;KAC1B;IACD,qBAAqB,EAAE;QACrB,MAAM,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,sBAAsB,EAAE;QACjF,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,MAAM,EAAE,CAAC;QACT,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,YAAY,EAAE,KAAK;QACnB,UAAU,EAAE,MAAM;KACnB;IACD,oBAAoB,EAAE;QACpB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,GAAG,EAAE,YAAY,CAAC,UAAU,IAAI,QAAQ,CAAC,CAAC,OAAO;QACjD,KAAK,EAAE,YAAY,CAAC,UAAU,IAAI,QAAQ,CAAC,CAAC,SAAS;QACrD,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW;QACjD,gBAAgB,EAAE;YAChB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW;SAClD;KACF;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC7D,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB;IACpC,OAAO,EAAE,KAAK;IACd,YAAY,EAAE,KAAK;IACnB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW;IACjD,eAAe,EAAE,aAAa;IAC9B,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,KAAK;IACpB,cAAc,EAAE,eAAe;IAC/B,GAAG,EAAE,KAAK;IACV,SAAS,EAAE;QACT,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK;KACtD;IACD,oBAAoB,EAAE;QACpB,eAAe,EAAE,aAAa;QAC9B,SAAS,EAAE;YACT,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK;SACtD;KACF;IACD,wCAAwC;IACxC,uBAAuB;IACvB,yBAAyB;IACzB,yDAAyD;IACzD,mBAAmB;IACnB,0BAA0B;IAC1B,YAAY;IACZ,eAAe;IACf,cAAc;IACd,eAAe;IACf,KAAK;IACL,oBAAoB,EAAE;QACpB,OAAO,EAAE,MAAM;KAChB;IACD,eAAe,EAAE;QACf,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ;KACzD;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IAC3C,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,WAAW,EAAE,KAAK;CACnB,CAAC,CAAC"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=Dropdown.types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Dropdown.types.js","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.types.ts"],"names":[],"mappings":""}
@@ -0,0 +1,36 @@
1
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { Box, Divider, ListSubheader } from "@mui/material";
3
+ import Check from "@lunit/design-system-icons/Check";
4
+ import Checkbox from "../Checkbox";
5
+ import Typography from "../Typography";
6
+ import { StyledIconWrapper, StyledMenuItem } from "./Dropdown.styled";
7
+ export function DropdownItem(props) {
8
+ const { leftIcon, rightText, selected, isFilledStyle, // 체크 아이콘이나 체크박스 대신 bg 색깔로 선택된 상태를 표현하기 위한 prop. 일부 상황에서만 사용되고 대부분은 체크 아이콘이나 체크박스 사용
9
+ children, sx, ...restProps } = props;
10
+ return (_jsxs(StyledMenuItem, { className: isFilledStyle && selected ? "filledStyle" : undefined, sx: sx, ...restProps, children: [_jsxs(Box, { sx: {
11
+ display: "flex",
12
+ flexDirection: "row",
13
+ justifyContent: "flex-start",
14
+ }, children: [!isFilledStyle && (_jsxs(_Fragment, { children: [_jsx(StyledIconWrapper, { className: "singleChecked", children: selected && _jsx(Check, { fontSize: "small" }) }), _jsx(Checkbox, { className: "multipleChecked", sx: { mr: 2 }, checked: selected })] })), leftIcon && (_jsx(StyledIconWrapper, { children: leftIcon })), children] }), _jsx(Box, { children: rightText && (_jsx(Typography, { variant: "body2_14_medium", sx: {
15
+ color: (theme) => theme.palette.lunit_token.core.text_light,
16
+ }, children: rightText })) })] }));
17
+ }
18
+ export function DropdownDivider({ sx }) {
19
+ return (_jsx(Divider, { sx: {
20
+ margin: "8px -8px",
21
+ borderColor: (theme) => theme.palette.lunit_token.component.dropdown_divider_border,
22
+ ...sx,
23
+ } }));
24
+ }
25
+ export function DropdownSubtitle({ title, sx, }) {
26
+ return (_jsx(ListSubheader, { sx: {
27
+ typography: "body3_12_semibold",
28
+ padding: "4px 8px",
29
+ color: (theme) => theme.palette.lunit_token.core.text_light,
30
+ backgroundColor: "transparent",
31
+ ...sx,
32
+ }, children: title }));
33
+ }
34
+ // 참조 : https://mui.com/material-ui/react-select/#grouping
35
+ DropdownSubtitle.muiSkipListHighlight = true;
36
+ //# sourceMappingURL=DropdownItem.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DropdownItem.js","sourceRoot":"","sources":["../../../src/components/Dropdown/DropdownItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,aAAa,EAAW,MAAM,eAAe,CAAC;AACrE,OAAO,KAAK,MAAM,kCAAkC,CAAC;AAErD,OAAO,QAAQ,MAAM,aAAa,CAAC;AACnC,OAAO,UAAU,MAAM,eAAe,CAAC;AAGvC,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEtE,MAAM,UAAU,YAAY,CAAC,KAAwB;IACnD,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,aAAa,EAAE,oFAAoF;IACnG,QAAQ,EACR,EAAE,EACF,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,MAAC,cAAc,IACb,SAAS,EAAE,aAAa,IAAI,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,EAChE,EAAE,EAAE,EAAE,KACF,SAAS,aAEb,MAAC,GAAG,IACF,EAAE,EAAE;oBACF,OAAO,EAAE,MAAM;oBACf,aAAa,EAAE,KAAK;oBACpB,cAAc,EAAE,YAAY;iBAC7B,aAEA,CAAC,aAAa,IAAI,CACjB,8BACE,KAAC,iBAAiB,IAAC,SAAS,EAAC,eAAe,YACzC,QAAQ,IAAI,KAAC,KAAK,IAAC,QAAQ,EAAC,OAAO,GAAG,GACrB,EACpB,KAAC,QAAQ,IACP,SAAS,EAAC,iBAAiB,EAC3B,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EACb,OAAO,EAAE,QAAQ,GACjB,IACD,CACJ,EACA,QAAQ,IAAI,CACX,KAAC,iBAAiB,cACf,QAAQ,GAGS,CACrB,EACA,QAAQ,IACL,EACN,KAAC,GAAG,cACD,SAAS,IAAI,CACZ,KAAC,UAAU,IACT,OAAO,EAAC,iBAAiB,EACzB,EAAE,EAAE;wBACF,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU;qBAC5D,YAEA,SAAS,GACC,CACd,GACG,IACS,CAClB,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,EAAE,EAAE,EAAoB;IACtD,OAAO,CACL,KAAC,OAAO,IACN,EAAE,EAAE;YACF,MAAM,EAAE,UAAU;YAClB,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE,CACrB,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,uBAAuB;YAC7D,GAAG,EAAE;SACN,GACD,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAC/B,KAAK,EACL,EAAE,GAIH;IACC,OAAO,CACL,KAAC,aAAa,IACZ,EAAE,EAAE;YACF,UAAU,EAAE,mBAAmB;YAC/B,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU;YAC3D,eAAe,EAAE,aAAa;YAC9B,GAAG,EAAE;SACN,YAEA,KAAK,GACQ,CACjB,CAAC;AACJ,CAAC;AACD,0DAA0D;AAC1D,gBAAgB,CAAC,oBAAoB,GAAG,IAAI,CAAC"}
@@ -1,2 +1,3 @@
1
1
  export { default } from "./Dropdown";
2
+ export { DropdownItem, DropdownDivider, DropdownSubtitle, } from "./DropdownItem";
2
3
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EACL,YAAY,EACZ,eAAe,EACf,gBAAgB,GACjB,MAAM,gBAAgB,CAAC"}
@@ -17,7 +17,7 @@ const MultiTextField = forwardRef(({ size = "small", ...restProps }, ref) => {
17
17
  });
18
18
  const TextField = forwardRef((props, ref) => {
19
19
  const { rows, size, multiline = false, variant, ...restProps } = props;
20
- return multiline ? (_jsx(MultiTextField, { ...restProps, ref: ref, maxRows: Infinity, size: size, rows: rows })) : (_jsx(SingleTextField, { ...restProps, ref: ref, size: size }));
20
+ return multiline ? (_jsx(MultiTextField, { ...restProps, ref: ref, size: size, rows: rows })) : (_jsx(SingleTextField, { ...restProps, ref: ref, size: size }));
21
21
  });
22
22
  export default TextField;
23
23
  //# sourceMappingURL=TextField.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAQlD,MAAM,eAAe,GAAG,UAAU,CAChC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EACJ,IAAI,GAAG,OAAO,EACd,QAAQ,EACR,SAAS,EACT,UAAU,EACV,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,UAAU,EACV,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,KAAC,aAAa,IACZ,OAAO,EAAC,UAAU,KACd,SAAS,EACb,GAAG,EAAE,GAAG,EACR,aAAa,EAAE,IAAI,EACnB,WAAW,EAAE,OAAO,CAAC,QAAQ,CAAC,EAC9B,YAAY,EAAE,OAAO,CAAC,SAAS,CAAC,EAChC,UAAU,EAAE;YACV,GAAG;gBACD,cAAc,EAAE,QAAQ,IAAI,CAC1B,KAAC,aAAa,IACZ,EAAE,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE,EACzC,IAAI,EAAE,QAAQ,EACd,WAAW,EAAE,eAAe,GAC5B,CACH;gBACD,YAAY,EAAE,SAAS,IAAI,CACzB,KAAC,aAAa,IACZ,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,WAAW,EAAE,EACzC,IAAI,EAAE,SAAS,EACf,WAAW,EAAE,gBAAgB,GAC7B,CACH;aACF;YACD,GAAG,UAAU;SACd,GACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,cAAc,GAAG,UAAU,CAC/B,CAAC,EAAE,IAAI,GAAG,OAAO,EAAE,GAAG,SAAS,EAAE,EAAE,GAAG,EAAE,EAAE;IACxC,OAAO,CACL,KAAC,aAAa,IACZ,OAAO,EAAC,UAAU,KACd,SAAS,EACb,GAAG,EAAE,GAAG,EACR,aAAa,EAAE,IAAI,EACnB,SAAS,SACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,SAAS,GAAG,UAAU,CAAiC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC1E,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,GAAG,KAAK,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEvE,OAAO,SAAS,CAAC,CAAC,CAAC,CACjB,KAAC,cAAc,OACT,SAAS,EACb,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,GACV,CACH,CAAC,CAAC,CAAC,CACF,KAAC,eAAe,OAAK,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,GAAI,CACzD,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAQlD,MAAM,eAAe,GAAG,UAAU,CAChC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EACJ,IAAI,GAAG,OAAO,EACd,QAAQ,EACR,SAAS,EACT,UAAU,EACV,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,UAAU,EACV,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,KAAC,aAAa,IACZ,OAAO,EAAC,UAAU,KACd,SAAS,EACb,GAAG,EAAE,GAAG,EACR,aAAa,EAAE,IAAI,EACnB,WAAW,EAAE,OAAO,CAAC,QAAQ,CAAC,EAC9B,YAAY,EAAE,OAAO,CAAC,SAAS,CAAC,EAChC,UAAU,EAAE;YACV,GAAG;gBACD,cAAc,EAAE,QAAQ,IAAI,CAC1B,KAAC,aAAa,IACZ,EAAE,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE,EACzC,IAAI,EAAE,QAAQ,EACd,WAAW,EAAE,eAAe,GAC5B,CACH;gBACD,YAAY,EAAE,SAAS,IAAI,CACzB,KAAC,aAAa,IACZ,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,WAAW,EAAE,EACzC,IAAI,EAAE,SAAS,EACf,WAAW,EAAE,gBAAgB,GAC7B,CACH;aACF;YACD,GAAG,UAAU;SACd,GACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,cAAc,GAAG,UAAU,CAC/B,CAAC,EAAE,IAAI,GAAG,OAAO,EAAE,GAAG,SAAS,EAAE,EAAE,GAAG,EAAE,EAAE;IACxC,OAAO,CACL,KAAC,aAAa,IACZ,OAAO,EAAC,UAAU,KACd,SAAS,EACb,GAAG,EAAE,GAAG,EACR,aAAa,EAAE,IAAI,EACnB,SAAS,SACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,SAAS,GAAG,UAAU,CAAiC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC1E,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,GAAG,KAAK,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEvE,OAAO,SAAS,CAAC,CAAC,CAAC,CACjB,KAAC,cAAc,OAAK,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAI,CACpE,CAAC,CAAC,CAAC,CACF,KAAC,eAAe,OAAK,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,GAAI,CACzD,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}
@@ -3,11 +3,11 @@ import { styled } from "@mui/material/styles";
3
3
  const getSinglelineTextFieldPaddingByIconAndSize = ({ size, hasLeftIcon, hasRightIcon, }) => {
4
4
  switch (size) {
5
5
  case "small":
6
- return `4px ${hasRightIcon ? "8px" : "12px"} 4px ${hasLeftIcon ? "8px" : "12px"}}`;
6
+ return `4px ${hasRightIcon ? "8px" : "12px"} 4px ${hasLeftIcon ? "8px" : "12px"}`;
7
7
  case "medium":
8
- return `8px ${hasRightIcon ? "12px" : "16px"} 8px ${hasLeftIcon ? "12px" : "16px"}}`;
8
+ return `8px ${hasRightIcon ? "12px" : "16px"} 8px ${hasLeftIcon ? "12px" : "16px"}`;
9
9
  case "large":
10
- return `10px ${hasRightIcon ? "12px" : "16px"} 10px ${hasLeftIcon ? "12px" : "16px"}}`;
10
+ return `10px ${hasRightIcon ? "12px" : "16px"} 10px ${hasLeftIcon ? "12px" : "16px"}`;
11
11
  }
12
12
  };
13
13
  const getMultilineTextFieldPaddingByIconAndSize = ({ size, }) => {
@@ -102,6 +102,30 @@ const commonStyle = ({ lunit_token }) => ({
102
102
  color: lunit_token.core.text_error,
103
103
  },
104
104
  },
105
+ "& .MuiInputBase-input": {
106
+ "&:-webkit-autofill, &:-webkit-autofill:active, &:-webkit-autofill:focus, &:-webkit-autofill:hover, &:-webkit-autofill:focus-visible, &:-webkit-autofill:focus-within, &:-webkit-autofill:target, &:-webkit-autofill:first-line": {
107
+ border: "none",
108
+ borderRadius: "0px",
109
+ backgroundColor: "transparent",
110
+ color: lunit_token.core.text_normal,
111
+ /**
112
+ * the background color and text color are not changed color, background css tag.
113
+ * so we need to use -webkit-text-fill-color to change the text color.
114
+ * and we need to use -webkit-box-shadow, -webkit-transition to change the background color.
115
+ *
116
+ * reference: https://css-tricks.com/almanac/pseudo-selectors/a/autofill/
117
+ */
118
+ WebkitTextFillColor: lunit_token.core.text_normal,
119
+ WebkitBoxShadow: "0 0 0px 1000px transparent inset",
120
+ WebkitTransition: "background-color 5000s ease-in-out 0s",
121
+ /**
122
+ * textfield flash cursor color
123
+ *
124
+ * docs: https://developer.mozilla.org/en-US/docs/Web/CSS/caret-color
125
+ */
126
+ caretColor: lunit_token.core.text_normal,
127
+ },
128
+ },
105
129
  });
106
130
  const sizeStyle = ({ lunit_token, textFieldSize, hasLeftIcon, hasRightIcon, typography, multiline, }) => ({
107
131
  ...(textFieldSize === "small" && {
@@ -1 +1 @@
1
- {"version":3,"file":"TextField.style.js","sourceRoot":"","sources":["../../../src/components/TextField/TextField.style.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"TextField.style.js","sourceRoot":"","sources":["../../../src/components/TextField/TextField.style.ts"],"names":[],"mappings":"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"}
@@ -45,6 +45,11 @@ export const typographyDefaultProps = {
45
45
  body2_14_regular: "p",
46
46
  body3_12_semibold: "p",
47
47
  body3_12_regular: "p",
48
+ body_m2: "p",
49
+ body_reg6: "p",
50
+ body_reg8: "p",
51
+ small_body_sb1: "p",
52
+ small_body_m2: "p",
48
53
  },
49
54
  };
50
55
  export const createTypographyCssBaseline = () => {
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/foundation/Typography/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AA2BtD,MAAM,UAAU,GAAG;IACjB,YAAY;IACZ,eAAe;IACf,oBAAoB;IACpB,WAAW;IACX,QAAQ;IACR,kBAAkB;IAClB,YAAY;IACZ,uBAAuB;IACvB,gBAAgB;IAChB,iBAAiB;IACjB,qBAAqB;IACrB,kBAAkB;IAClB,mBAAmB;IACnB,YAAY;CACb,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,MAAM,iBAAiB,GAAsB;IAC3C,UAAU;IACV,GAAG;QACD,GAAG,YAAY;QACf,gCAAgC;QAChC,EAAE,EAAE,YAAY,CAAC,SAAS;QAC1B,EAAE,EAAE,YAAY,CAAC,SAAS;QAC1B,EAAE,EAAE,YAAY,CAAC,SAAS;QAC1B,EAAE,EAAE,YAAY,CAAC,SAAS;QAC1B,EAAE,EAAE,YAAY,CAAC,SAAS;QAC1B,EAAE,EAAE,YAAY,CAAC,SAAS;QAC1B,KAAK,EAAE,YAAY,CAAC,gBAAgB;QACpC,KAAK,EAAE,YAAY,CAAC,gBAAgB;QACpC,MAAM,EAAE,YAAY,CAAC,OAAO;KAC7B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACpC,cAAc,EAAE;QACd,SAAS,EAAE,IAAI;QACf,SAAS,EAAE,IAAI;QACf,SAAS,EAAE,IAAI;QACf,SAAS,EAAE,IAAI;QACf,SAAS,EAAE,IAAI;QACf,iBAAiB,EAAE,GAAG;QACtB,gBAAgB,EAAE,GAAG;QACrB,aAAa,EAAE,GAAG;QAClB,eAAe,EAAE,GAAG;QACpB,gBAAgB,EAAE,GAAG;QACrB,iBAAiB,EAAE,GAAG;QACtB,gBAAgB,EAAE,GAAG;KACtB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAG,GAAG,EAAE;IAC9C,OAAO;QACL,sBAAsB,EAAE;YACtB,gIAAgI;YAChI,mBAAmB,EAAE,gCAAgC;SACtD;QACD,OAAO,EAAE;YACP,GAAG,YAAY;SAChB;QACD,SAAS,EAAE;YACT,KAAK,EAAE,oBAAoB;SAC5B;QACD,SAAS,EAAE;YACT,KAAK,EAAE,oBAAoB;SAC5B;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,oBAAoB;SAC5B;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,oBAAoB;SAC5B;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/foundation/Typography/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAgCtD,MAAM,UAAU,GAAG;IACjB,YAAY;IACZ,eAAe;IACf,oBAAoB;IACpB,WAAW;IACX,QAAQ;IACR,kBAAkB;IAClB,YAAY;IACZ,uBAAuB;IACvB,gBAAgB;IAChB,iBAAiB;IACjB,qBAAqB;IACrB,kBAAkB;IAClB,mBAAmB;IACnB,YAAY;CACb,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,MAAM,iBAAiB,GAAsB;IAC3C,UAAU;IACV,GAAG;QACD,GAAG,YAAY;QACf,gCAAgC;QAChC,EAAE,EAAE,YAAY,CAAC,SAAS;QAC1B,EAAE,EAAE,YAAY,CAAC,SAAS;QAC1B,EAAE,EAAE,YAAY,CAAC,SAAS;QAC1B,EAAE,EAAE,YAAY,CAAC,SAAS;QAC1B,EAAE,EAAE,YAAY,CAAC,SAAS;QAC1B,EAAE,EAAE,YAAY,CAAC,SAAS;QAC1B,KAAK,EAAE,YAAY,CAAC,gBAAgB;QACpC,KAAK,EAAE,YAAY,CAAC,gBAAgB;QACpC,MAAM,EAAE,YAAY,CAAC,OAAO;KAC7B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACpC,cAAc,EAAE;QACd,SAAS,EAAE,IAAI;QACf,SAAS,EAAE,IAAI;QACf,SAAS,EAAE,IAAI;QACf,SAAS,EAAE,IAAI;QACf,SAAS,EAAE,IAAI;QACf,iBAAiB,EAAE,GAAG;QACtB,gBAAgB,EAAE,GAAG;QACrB,aAAa,EAAE,GAAG;QAClB,eAAe,EAAE,GAAG;QACpB,gBAAgB,EAAE,GAAG;QACrB,iBAAiB,EAAE,GAAG;QACtB,gBAAgB,EAAE,GAAG;QACrB,OAAO,EAAE,GAAG;QACZ,SAAS,EAAE,GAAG;QACd,SAAS,EAAE,GAAG;QACd,cAAc,EAAE,GAAG;QACnB,aAAa,EAAE,GAAG;KACnB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAG,GAAG,EAAE;IAC9C,OAAO;QACL,sBAAsB,EAAE;YACtB,gIAAgI;YAChI,mBAAmB,EAAE,gCAAgC;SACtD;QACD,OAAO,EAAE;YACP,GAAG,YAAY;SAChB;QACD,SAAS,EAAE;YACT,KAAK,EAAE,oBAAoB;SAC5B;QACD,SAAS,EAAE;YACT,KAAK,EAAE,oBAAoB;SAC5B;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,oBAAoB;SAC5B;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,oBAAoB;SAC5B;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
@@ -43,6 +43,23 @@ const body = {
43
43
  "--body3-12-regular-font-weight": "var(--font-weight-regular)",
44
44
  "--body3-12-regular-font-size": "12.4px",
45
45
  "--body3-12-regular-line-height": "16px",
46
+ "--body_m2-font-weight": "var(--font-weight-medium)",
47
+ "--body_m2-font-size": "13px",
48
+ "--body_m2-line-height": "18px",
49
+ "--body_reg6-font-weight": "var(--font-weight-regular)",
50
+ "--body_reg6-font-size": "13px",
51
+ "--body_reg6-line-height": "18px",
52
+ "--body_reg8-font-weight": "var(--font-weight-regular)",
53
+ "--body_reg8-font-size": "12px",
54
+ "--body_reg8-line-height": "16px",
55
+ };
56
+ const smallBody = {
57
+ "--small_body_sb1-font-weight": "var(--font-weight-semibold)",
58
+ "--small_body_sb1-font-size": "12px",
59
+ "--small_body_sb1-line-height": "16px",
60
+ "--small_body_m2-font-weight": "var(--font-weight-medium)",
61
+ "--small_body_m2-font-size": "12px",
62
+ "--small_body_m2-line-height": "20px",
46
63
  };
47
64
  const etc = {
48
65
  "--overline-font-weight": "var(--font-weight-medium)",
@@ -119,6 +136,32 @@ const fontVariants = {
119
136
  fontSize: "var(--body3-12-regular-font-size)",
120
137
  lineHeight: "var(--body3-12-regular-line-height)",
121
138
  },
139
+ body_m2: {
140
+ fontWeight: "var(--body_m2-font-weight)",
141
+ fontSize: "var(--body_m2-font-size)",
142
+ lineHeight: "var(--body_m2-line-height)",
143
+ letterSpacing: "0.2px",
144
+ },
145
+ body_reg6: {
146
+ fontWeight: "var(--body_reg6-font-weight)",
147
+ fontSize: "var(--body_reg6-font-size)",
148
+ lineHeight: "var(--body_reg6-line-height)",
149
+ },
150
+ body_reg8: {
151
+ fontWeight: "var(--body_reg8-font-weight)",
152
+ fontSize: "var(--body_reg8-font-size)",
153
+ lineHeight: "var(--body_reg8-line-height)",
154
+ },
155
+ small_body_sb1: {
156
+ fontWeight: "var(--small_body_sb1-font-weight)",
157
+ fontSize: "var(--small_body_sb1-font-size)",
158
+ lineHeight: "var(--small_body_sb1-line-height)",
159
+ },
160
+ small_body_m2: {
161
+ fontWeight: "var(--small_body_m2-font-weight)",
162
+ fontSize: "var(--small_body_m2-font-size)",
163
+ lineHeight: "var(--small_body_m2-line-height)",
164
+ },
122
165
  overline: {
123
166
  fontWeight: "var(--overline-font-weight)",
124
167
  fontSize: "var(--overline-font-size)",
@@ -149,6 +192,7 @@ export const cssVariables = {
149
192
  ...fontWeights,
150
193
  ...headline,
151
194
  ...body,
195
+ ...smallBody,
152
196
  ...etc,
153
197
  };
154
198
  export { fontVariants };
@@ -1 +1 @@
1
- {"version":3,"file":"tokens.js","sourceRoot":"","sources":["../../../src/foundation/Typography/tokens.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"tokens.js","sourceRoot":"","sources":["../../../src/foundation/Typography/tokens.ts"],"names":[],"mappings":"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"}
@@ -1,19 +1,21 @@
1
1
  import { grey } from "./grey";
2
2
  export const blue = {
3
- 5: "#DAECFF",
4
- 10: "#D0E2FF",
5
- 20: "#9DCEFF",
6
- 30: "#78A9FF",
7
- 40: "#4589FF",
8
- 50: "#0F62FE",
9
- 60: "#0043CE",
10
- 70: "#0055AB",
11
- 80: "#001D6C",
12
- 90: "#002041",
3
+ 5: "#EDF6FE",
4
+ 10: "#D9E9FD",
5
+ 15: "#BFD9FC",
6
+ 20: "#A5C8FC",
7
+ 30: "#71A9FA",
8
+ 40: "#3D88FA",
9
+ 50: "#0D68F2",
10
+ 60: "#0E51BA",
11
+ 70: "#0C3F8F",
12
+ 80: "#032765",
13
+ 90: "#03183F",
13
14
  };
14
15
  export const blueText = {
15
16
  5: grey[95],
16
17
  10: grey[95],
18
+ 15: grey[95],
17
19
  20: grey[95],
18
20
  30: grey[95],
19
21
  40: grey[95],