enerdot-front-system 0.0.20 → 0.0.21-beta.1

package/README.md

@@ -4,11 +4,11 @@
 
 rem을 사용했으며, root font-size: 10px; 을 기준으로 작성했습니다.
 
-## 필요 라이브러리
+## 사용 라이브러리
 
 - react
 - react-dom
-- styled-components
+- scss
 
 ## 배포 요소
 

package/dist/enerdot-front-system.css

@@ -0,0 +1 @@
+@charset "UTF-8";._button_irp19_1{display:flex;align-items:center;justify-content:center;transition:.1s linear;transition-property:background-color,border-color,font-weight;cursor:pointer;color:#fff}._primary_irp19_11{background-color:#3369ff}._primary_irp19_11:hover:not([disabled]){background-color:#2b59d9}._primary_irp19_11:disabled{background-color:#cedbff}._green_irp19_21{background-color:#1cb854}._green_irp19_21:hover:not([disabled]){background-color:#149e53}._green_irp19_21:disabled{background-color:#effdee}._red_irp19_31{background-color:#fa4549}._red_irp19_31:hover:not([disabled]){background-color:#cf222e}._red_irp19_31:disabled{background-color:#fff1ef}._orange_irp19_41{background-color:#ff8e40}._orange_irp19_41:hover:not([disabled]){background-color:#e16f24}._orange_irp19_41:disabled{background-color:#fff1e5}._yellow_irp19_51{background-color:#f7b200}._yellow_irp19_51:hover:not([disabled]){background-color:#cb9d26}._yellow_irp19_51:disabled{background-color:#fef9e6}._gray_irp19_61{background-color:#8a8f9d}._gray_irp19_61:hover:not([disabled]){background-color:#6d717d}._gray_irp19_61:disabled{background-color:#ebedf2}._small_irp19_71{font-weight:400}._small_irp19_71:hover:not([disabled]){font-weight:500}._medium_irp19_78{font-weight:500}._medium_irp19_78:hover:not([disabled]){font-weight:500}._large_irp19_85{font-weight:700}._large_irp19_85:hover:not([disabled]){font-weight:700}._button_4svu1_1{display:flex;align-items:center;justify-content:center;transition:.1s linear;transition-property:border-color,color,background-color;cursor:pointer}._primary_4svu1_10{background-color:#f1f5fe;color:#3369ff}._primary_4svu1_10:hover:not([disabled]){color:#2b59d9}._primary_4svu1_10:disabled{color:#a7bfff;background-color:#f1f5fe}._green_4svu1_22{background-color:#effdee;color:#1cb854}._green_4svu1_22:hover:not([disabled]){color:#149e53}._green_4svu1_22:disabled{color:#8ae3a1;background-color:#effdee}._red_4svu1_34{background-color:#fff1ef;color:#fa4549}._red_4svu1_34:hover:not([disabled]){color:#cf222e}._red_4svu1_34:disabled{color:#ffacad;background-color:#fff1ef}._orange_4svu1_46{background-color:#fff1e5;color:#ff8e40}._orange_4svu1_46:hover:not([disabled]){color:#e16f24}._orange_4svu1_46:disabled{color:#ffd0aa;background-color:#fff1e5}._yellow_4svu1_58{background-color:#fef9e6;color:#f7b200}._yellow_4svu1_58:hover:not([disabled]){color:#cb9d26}._yellow_4svu1_58:disabled{color:#fadd78;background-color:#fef9e6}._gray_4svu1_70{background-color:#f7f8f9;color:#4a515d}._gray_4svu1_70:hover:not([disabled]){background-color:#ebedf2;color:#4a515d}._gray_4svu1_70:disabled{color:#dadee5;background-color:#f7f8f9}._small_4svu1_83{font-weight:400}._small_4svu1_83:hover:not([disabled]){font-weight:500}._medium_4svu1_90{font-weight:500}._medium_4svu1_90:hover:not([disabled]){font-weight:500}._large_4svu1_97{font-weight:700}._large_4svu1_97:hover:not([disabled]){font-weight:700}._button_141xh_1{display:flex;align-items:center;justify-content:center;transition:.1s linear;transition-property:border-color,color,background-color;cursor:pointer;background-color:#fff}._button_141xh_1:hover:not([disabled]){background-color:#fff}._button_141xh_1:disabled{background-color:#fff}._primary_141xh_17{color:#3369ff;border:1px solid #3369ff}._primary_141xh_17:hover:not([disabled]){color:#2b59d9;border:1px solid #2b59d9}._primary_141xh_17:disabled{color:#cedbff;border:1px solid #cedbff}._green_141xh_30{color:#1cb854;border:1px solid #1cb854}._green_141xh_30:hover:not([disabled]){color:#149e53;border:1px solid #149e53}._green_141xh_30:disabled{color:#effdee;border:1px solid #effdee}._red_141xh_43{color:#fa4549;border:1px solid #fa4549}._red_141xh_43:hover:not([disabled]){color:#cf222e;border:1px solid #cf222e}._red_141xh_43:disabled{color:#fff1ef;border:1px solid #fff1ef}._orange_141xh_56{color:#ff8e40;border:1px solid #ff8e40}._orange_141xh_56:hover:not([disabled]){color:#e16f24;border:1px solid #e16f24}._orange_141xh_56:disabled{color:#fff1e5;border:1px solid #fff1e5}._yellow_141xh_69{color:#f7b200;border:1px solid #f7b200}._yellow_141xh_69:hover:not([disabled]){color:#cb9d26;border:1px solid #cb9d26}._yellow_141xh_69:disabled{color:#fef9e6;border:1px solid #fef9e6}._gray_141xh_82{color:#4a515d;border:1px solid #c6cbd3}._gray_141xh_82:hover:not([disabled]){color:#222;border:1px solid #a3a8b4}._gray_141xh_82:disabled{color:#dadee5;border:1px solid #dadee5}._primarySelected_141xh_95{color:#fff;background-color:#3369ff}._greenSelected_141xh_100{color:#fff;background-color:#1cb854}._redSelected_141xh_105{color:#fff;background-color:#fa4549}._orangeSelected_141xh_110{color:#fff;background-color:#ff8e40}._yellowSelected_141xh_115{color:#fff;background-color:#f7b200}._graySelected_141xh_120{color:#fff;background-color:#8a8f9d}._small_141xh_125{font-weight:400}._small_141xh_125:hover:not([disabled]){font-weight:500}._medium_141xh_132{font-weight:500}._medium_141xh_132:hover:not([disabled]){font-weight:500}._large_141xh_139{font-weight:700}._large_141xh_139:hover:not([disabled]){font-weight:700}._button_16inz_1{display:flex;align-items:center;justify-content:center;transition:.1s linear;transition-property:border-color,color;cursor:pointer;background-color:#fff;color:#4a515d}._button_16inz_1:hover:not([disabled]){color:#222}._button_16inz_1:disabled{border:1px solid #dadee5}._primary_16inz_18{border:1px solid #3369ff}._primary_16inz_18:hover:not([disabled]){border:1px solid #2b59d9}._primary_16inz_18:disabled{color:#cedbff}._green_16inz_28{border:1px solid #1cb854}._green_16inz_28:hover:not([disabled]){border:1px solid #149e53}._green_16inz_28:disabled{color:#effdee}._red_16inz_38{border:1px solid #fa4549}._red_16inz_38:hover:not([disabled]){border:1px solid #cf222e}._red_16inz_38:disabled{color:#fff1ef}._orange_16inz_48{border:1px solid #ff8e40}._orange_16inz_48:hover:not([disabled]){border:1px solid #e16f24}._orange_16inz_48:disabled{color:#fff1e5}._yellow_16inz_58{border:1px solid #f7b200}._yellow_16inz_58:hover:not([disabled]){border:1px solid #cb9d26}._yellow_16inz_58:disabled{color:#fef9e6}._gray_16inz_68{border:1px solid #c6cbd3}._gray_16inz_68:hover:not([disabled]){border:1px solid #a3a8b4}._gray_16inz_68:disabled{color:#dadee5}._small_16inz_78{font-weight:400}._small_16inz_78:hover:not([disabled]){font-weight:500}._medium_16inz_85{font-weight:500}._medium_16inz_85:hover:not([disabled]){font-weight:500}._large_16inz_92{font-weight:700}._large_16inz_92:hover:not([disabled]){font-weight:700}._button_17mx4_1{display:flex;align-items:center;justify-content:center;transition:.1s linear;transition-property:border-color,color;cursor:pointer;background-color:#fff;border:none}._primary_17mx4_12{color:#3369ff}._primary_17mx4_12:hover:not([disabled]){color:#2b59d9}._primary_17mx4_12:disabled{color:#cedbff}._green_17mx4_22{color:#1cb854}._green_17mx4_22:hover:not([disabled]){color:#149e53}._green_17mx4_22:disabled{color:#effdee}._red_17mx4_32{color:#fa4549}._red_17mx4_32:hover:not([disabled]){color:#cf222e}._red_17mx4_32:disabled{color:#fff1ef}._orange_17mx4_42{color:#ff8e40}._orange_17mx4_42:hover:not([disabled]){color:#e16f24}._orange_17mx4_42:disabled{color:#fff1e5}._yellow_17mx4_52{color:#f7b200}._yellow_17mx4_52:hover:not([disabled]){color:#cb9d26}._yellow_17mx4_52:disabled{color:#fef9e6}._gray_17mx4_62{color:#4a515d}._gray_17mx4_62:hover:not([disabled]){color:#222}._gray_17mx4_62:disabled{color:#dadee5}._primarySelected_17mx4_72{color:#2b59d9}._greenSelected_17mx4_76{color:#149e53}._redSelected_17mx4_80{color:#cf222e}._orangeSelected_17mx4_84{color:#e16f24}._yellowSelected_17mx4_88{color:#cb9d26}._graySelected_17mx4_92{color:#222}._small_17mx4_96{font-weight:400}._small_17mx4_96:hover:not([disabled]){font-weight:500}._medium_17mx4_103{font-weight:500}._medium_17mx4_103:hover:not([disabled]){font-weight:500}._large_17mx4_110{font-weight:700}._large_17mx4_110:hover:not([disabled]){font-weight:700}._container_121j4_2{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center;gap:.8rem;flex:1;cursor:pointer}._container_121j4_2 input[type=checkbox]{display:none;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}._container_121j4_2 input[type=checkbox]+label{display:flex;cursor:pointer;position:relative;width:18px;height:18px;border:1.5px solid #dadee5;border-radius:.4rem;background-color:#fff;margin-left:.3rem;margin-right:.3rem}._container_121j4_2 input[type=checkbox]:checked+label{border:1.5px solid #3369ff;background-color:#3369ff}._containerDisabled_121j4_39{cursor:not-allowed}._containerDisabled_121j4_39 input[type=checkbox]+label{cursor:not-allowed}._label_121j4_46{white-space:nowrap;display:flex;align-items:center;cursor:pointer;font-size:1.8rem;font-weight:500;line-height:135%;font-style:normal;color:#4a515d}._labelDisabled_121j4_58{cursor:not-allowed;color:#babfc9}._box_121j4_63{display:flex;align-items:center;justify-content:center;cursor:pointer}._boxDisabled_121j4_70{cursor:not-allowed}._radioCircle_1kw9n_2{display:flex;align-items:center;justify-content:center;width:11px;height:11px;padding:3px;border:2px solid #3369ff;border-radius:100%;background-color:#fff}._notChecked_1kw9n_14{border:1px solid #c6cbd3;width:13px;height:13px}._notCheckedDisabled_1kw9n_20{border:1px solid #dadee5;background-color:#f7f8f9;width:13px;height:13px}._container_1kw9n_27{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center;flex:1;width:auto;gap:.8rem;cursor:pointer}._input_1kw9n_41{display:none}._radioInCircle_1kw9n_45{background-color:#3369ff;border-radius:100%;width:100%;height:100%;animation-duration:.2s;animation-name:_twinkle_1kw9n_1;animation-direction:alternate}@keyframes _twinkle_1kw9n_1{to{transform:scale(1)}0%{transform:scale(0)}}._label_1kw9n_63{white-space:nowrap;font-size:1.8rem;font-weight:500;line-height:135%;transition:color .15s}._button_17xvw_1{display:flex;align-items:center;justify-content:center;transition:.1s linear;transition-property:border-color,color;cursor:pointer;gap:1.2rem;background-color:#fff;border:1px solid #c6cbd3}._button_17xvw_1:hover:not([disabled]){border-color:#a3a8b4}._button_17xvw_1:disabled{border-color:#dadee5}._primary_17xvw_19{color:#3369ff}._primary_17xvw_19:hover:not([disabled]){color:#2b59d9;border-color:#a3a8b4}._primary_17xvw_19:disabled{color:#cedbff}._green_17xvw_30{color:#1cb854}._green_17xvw_30:hover:not([disabled]){color:#149e53;border-color:#a3a8b4}._green_17xvw_30:disabled{color:#effdee}._red_17xvw_41{color:#fa4549}._red_17xvw_41:hover:not([disabled]){color:#cf222e;border-color:#a3a8b4}._red_17xvw_41:disabled{color:#fff1ef}._orange_17xvw_52{color:#ff8e40}._orange_17xvw_52:hover:not([disabled]){color:#e16f24;border-color:#a3a8b4}._orange_17xvw_52:disabled{color:#fff1e5}._yellow_17xvw_63{color:#f7b200}._yellow_17xvw_63:hover:not([disabled]){color:#cb9d26;border-color:#a3a8b4}._yellow_17xvw_63:disabled{color:#fef9e6}._gray_17xvw_74{color:#6d717d}._gray_17xvw_74:hover:not([disabled]){color:#8a8f9d;border-color:#a3a8b4}._gray_17xvw_74:disabled{color:#dadee5}._selected_17xvw_85{background-color:#3369ff;color:#fff;border:1px solid #3369ff}._selected_17xvw_85:hover:not([disabled]){color:#fff}._open_17xvw_94{border:1px solid #3369ff}._open_17xvw_94:hover:not([disabled]){border-color:#3369ff}._small_17xvw_101{font-weight:400}._small_17xvw_101:hover:not([disabled]){font-weight:500}._medium_17xvw_108{font-weight:500}._medium_17xvw_108:hover:not([disabled]){font-weight:500}._large_17xvw_115{font-weight:700}._large_17xvw_115:hover:not([disabled]){font-weight:700}._container_17hqd_1{position:relative;height:fit-content}._tooltip_17hqd_6{display:flex;flex-direction:column;z-index:1;position:absolute;background-color:#fff;box-shadow:0 0 24px #6d717d33;border-radius:1.2rem;max-height:510px;overflow-y:auto}._tooltip_17hqd_6 ::-webkit-scrollbar{display:none}._itemButton_17hqd_21{display:flex;flex:1;padding:1.2rem;color:#4a515d;font-size:1.8rem;font-weight:500;line-height:135%;cursor:pointer}._itemButton_17hqd_21:hover:not([disabled]){background-color:#f1f5fe}._itemButtonSelected_17hqd_35{color:#3369ff}._divider_6kbwo_1{display:flex}._row_6kbwo_5{flex-direction:row}._column_6kbwo_9{flex-direction:column}._button_1m2ql_1{display:flex;align-items:center;justify-content:center;transition:.1s linear;transition-property:border-color,color;cursor:pointer;border:none}._button_1m2ql_1:disabled{opacity:.3}._button_ww664_1{display:flex;align-items:center;justify-content:center;transition:.1s linear;transition-property:background-color,border-color;cursor:pointer}._button_ww664_1:disabled{opacity:.3}._primary_ww664_13{background-color:#3369ff}._primary_ww664_13:hover:not([disabled]){background-color:#2b59d9}._green_ww664_20{background-color:#1cb854}._green_ww664_20:hover:not([disabled]){background-color:#149e53}._red_ww664_27{background-color:#fa4549}._red_ww664_27:hover:not([disabled]){background-color:#cf222e}._orange_ww664_34{background-color:#ff8e40}._orange_ww664_34:hover:not([disabled]){background-color:#e16f24}._yellow_ww664_41{background-color:#f7b200}._yellow_ww664_41:hover:not([disabled]){background-color:#cb9d26}._gray_ww664_48{background-color:#8a8f9d}._gray_ww664_48:hover:not([disabled]){background-color:#6d717d}._button_6ertv_1{display:flex;align-items:center;justify-content:center;transition:.1s linear;transition-property:background-color,border-color;cursor:pointer}._button_6ertv_1:disabled{opacity:.3}._primary_6ertv_13{background-color:#f1f5fe}._primary_6ertv_13:hover:not([disabled]){background-color:#e4ebff}._green_6ertv_20{background-color:#effdee}._green_6ertv_20:hover:not([disabled]){background-color:#effdee}._red_6ertv_27{background-color:#fff1ef}._red_6ertv_27:hover:not([disabled]){background-color:#fff1ef}._orange_6ertv_34{background-color:#fff1e5}._orange_6ertv_34:hover:not([disabled]){background-color:#fff1e5}._yellow_6ertv_41{background-color:#fef9e6}._yellow_6ertv_41:hover:not([disabled]){background-color:#fef9e6}._gray_6ertv_48{background-color:#f7f8f9}._gray_6ertv_48:hover:not([disabled]){background-color:#ebedf2}._button_1kqlg_1{display:flex;align-items:center;justify-content:center;transition:.1s linear;transition-property:border-color,color;cursor:pointer;background-color:#fff}._button_1kqlg_1:disabled{opacity:.3}._primary_1kqlg_14{border:1px solid #3369ff}._primary_1kqlg_14:hover:not([disabled]){border:1px solid #2b59d9}._green_1kqlg_21{border:1px solid #1cb854}._green_1kqlg_21:hover:not([disabled]){color:#effdee;border:1px solid #149e53}._red_1kqlg_29{border:1px solid #fa4549}._red_1kqlg_29:hover:not([disabled]){border:1px solid #cf222e}._orange_1kqlg_36{border:1px solid #ff8e40}._orange_1kqlg_36:hover:not([disabled]){border:1px solid #e16f24}._yellow_1kqlg_43{border:1px solid #f7b200}._yellow_1kqlg_43:hover:not([disabled]){border:1px solid #cb9d26}._gray_1kqlg_50{border:1px solid #c6cbd3}._gray_1kqlg_50:hover:not([disabled]){border:1px solid #a3a8b4}._leftWrapper_1y9y2_1{display:flex;align-items:center;justify-content:center;margin-right:.4rem}._rightWrapper_1y9y2_8{display:flex;align-items:center;justify-content:center;margin-left:.4rem}._disabled_1y9y2_15{opacity:.3}._input_n6cjv_1{font-family:Pretendard;width:auto;font-size:1.6rem;font-weight:400;padding:0 1.2rem;width:100%;outline:none;color:#6d717d;border-radius:.8rem;transition:border .2s linear;background-color:#fff;caret-color:#3369ff;border:1px solid #ebedf2}._input_n6cjv_1:focus{border:1px solid #3369ff}._input_n6cjv_1::placeholder{color:#babfc9}._input_n6cjv_1:disabled{background-color:#f7f8f9}._errorInput_n6cjv_26{border:1px solid #fa4549}._successInput_n6cjv_30{border:1px solid #1cb854}._container_n6cjv_34{display:flex;flex-direction:column;width:auto;gap:.4rem;font-size:1.6rem;color:#4a515d;flex:1}._rightContainer_n6cjv_44{position:absolute;display:flex;align-items:center;right:0;padding-left:.8rem;gap:.4rem}._wrapper_n6cjv_53{display:flex;position:relative}._errorMessage_n6cjv_58{color:#fa4549;font-size:1.2rem;padding:0 .8rem}._successMessage_n6cjv_64{color:#1cb854;font-size:1.2rem;padding:0 .8rem}._guideMessage_n6cjv_70{color:#8a8f9d;font-size:1.2rem;padding:0 .8rem}._iconWrapper_n6cjv_76{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;padding:.4rem}._requiredStar_n6cjv_85{color:#fa4549}._label_n6cjv_89{display:flex;gap:.4rem}._small_n6cjv_94{padding:0 1.2rem;height:3.2rem}._large_n6cjv_99{padding:0 1.2rem;height:4.8rem}._iconButton_n6cjv_104{cursor:pointer}._input_81eeq_1{font-family:Pretendard;width:auto;font-weight:400;flex:1;outline:none;color:#4a515d;background-color:#fff;border-radius:.8rem;caret-color:#3369ff;transition:.2s linear;transition-property:background-color,border-color;width:100%;border:1px solid #c6cbd3}._input_81eeq_1:focus{border-color:#3369ff}._input_81eeq_1::placeholder{color:#c6cbd3}._input_81eeq_1:disabled{background-color:#fbfbfb;color:#dadee5}._container_81eeq_27{display:flex;position:relative}._iconWrapper_81eeq_32{position:absolute;display:flex;align-items:center;justify-content:center;left:0;padding:0rem .4rem 0rem 1.2rem;top:50%;transform:translateY(-50%)}._iconButton_81eeq_43{position:absolute;right:0;padding:0rem 1.2rem 0rem .4rem;top:50%;transform:translateY(-50%);cursor:pointer}._cancelWrapper_81eeq_52{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;padding:.4rem}