@intflow/edgefarm-ui 0.2.0

package/dist/styles.css

@@ -0,0 +1 @@
+:root{--if-primary-50: #f5faff;--if-primary-300: #819ac2;--if-primary-500: #033687;--if-primary-900: #052454;--if-neutral-white: #ffffff;--if-neutral-50: #f8f8f8;--if-neutral-100: #f4f4f4;--if-neutral-150: #dedede;--if-neutral-200: #c9c9c9;--if-neutral-300: #b3b3b3;--if-neutral-400: #9d9d9d;--if-neutral-500: #878787;--if-neutral-600: #727272;--if-neutral-700: #5c5c5c;--if-neutral-800: #464646;--if-neutral-900: #303030;--if-state-green-500: #37b24d;--if-state-red-500: #f03e3e;--if-state-orange-500: #f76707;--if-shadow-main: 6px 6px 15px 0 rgba(14, 44, 74, .08);--if-radius-sm: 4px;--if-radius-md: 8px;--if-font-family: "Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;--if-letter-spacing: -.025em}:root{--ef-state-blue-500: #1c7ed6;--ef-state-yellow-500: #f59f00;--ef-state-purple-500: #7048e8;--ef-state-red-50: #fff6f6;--ef-state-red-300: #f79e9e;--ef-system-success: #3eaf76;--ef-shadow-sub: 4px 4px 10px 0 rgba(14, 44, 74, .08);--ef-text-title-medium-size: 16px;--ef-text-title-medium-line: 24px;--ef-text-title-medium-weight: 600;--ef-text-body-x-large-size: 16px;--ef-text-body-x-large-line: 24px;--ef-text-body-x-large-weight: 600;--ef-text-body-large-size: 16px;--ef-text-body-large-line: 24px;--ef-text-body-large-weight: 400;--ef-text-body-small-size: 14px;--ef-text-body-small-line: 20px;--ef-text-body-small-weight: 400;--ef-text-label-large-size: 16px;--ef-text-label-large-line: 24px;--ef-text-label-large-weight: 600;--ef-text-label-medium-size: 14px;--ef-text-label-medium-line: 20px;--ef-text-label-medium-weight: 500;--ef-text-label-small-size: 12px;--ef-text-label-small-line: 16px;--ef-text-label-small-weight: 500}._button_15gfn_1{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:1px solid transparent;border-radius:var(--if-radius-md);font-family:var(--if-font-family);letter-spacing:var(--if-letter-spacing);font-size:var(--ef-text-label-medium-size);line-height:var(--ef-text-label-medium-line);font-weight:var(--ef-text-label-medium-weight);white-space:nowrap;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease;-webkit-tap-highlight-color:transparent}._button_15gfn_1:focus-visible{outline:none}._button_15gfn_1:disabled{cursor:default}._icon_15gfn_33{display:inline-flex;flex-shrink:0}._label_15gfn_38{display:inline-flex}._fullWidth_15gfn_42{width:100%}._size-64_15gfn_48{height:64px;font-size:var(--ef-text-label-large-size);line-height:var(--ef-text-label-large-line);font-weight:var(--ef-text-label-large-weight)}._size-48_15gfn_55{height:48px}._size-40_15gfn_59{height:40px}._outline_15gfn_64{font-size:var(--ef-text-label-large-size);line-height:var(--ef-text-label-large-line);font-weight:var(--ef-text-label-large-weight)}._primary_15gfn_71{background:var(--if-primary-500);color:var(--if-neutral-white)}._primary_15gfn_71:hover:not(:disabled){background:var(--if-primary-900)}._primary_15gfn_71:active:not(:disabled){background:var(--if-primary-500)}._primary_15gfn_71:focus-visible{background:var(--if-primary-500);border-color:var(--if-primary-900)}._primary_15gfn_71:disabled{background:var(--if-neutral-300)}._grey_15gfn_94{background:var(--if-neutral-600);color:var(--if-neutral-white)}._grey_15gfn_94:hover:not(:disabled){background:var(--if-neutral-800)}._grey_15gfn_94:active:not(:disabled){background:var(--if-neutral-600)}._grey_15gfn_94:focus-visible{background:var(--if-neutral-600);border-color:var(--if-neutral-900)}._grey_15gfn_94:disabled{background:var(--if-neutral-300)}._outline_15gfn_64{background:var(--if-neutral-white);border-color:var(--if-neutral-400);color:var(--if-neutral-900)}._outline_15gfn_64:hover:not(:disabled){background:var(--if-neutral-white);border-color:var(--if-primary-500);box-shadow:var(--if-shadow-main)}._outline_15gfn_64:active:not(:disabled){background:var(--if-primary-50);border-color:var(--if-primary-500);color:var(--if-primary-500);box-shadow:none}._outline_15gfn_64:focus-visible{background:var(--if-neutral-white);border-color:var(--if-primary-500);box-shadow:none}._outline_15gfn_64:disabled{background:var(--if-neutral-white);border-color:var(--if-neutral-300);color:var(--if-neutral-300)}._neutral_15gfn_149{background:var(--if-neutral-white);border-color:var(--if-neutral-150);color:var(--if-neutral-900)}._neutral_15gfn_149:hover:not(:disabled){background:var(--if-neutral-white);border-color:var(--if-primary-500);box-shadow:var(--if-shadow-main)}._neutral_15gfn_149:active:not(:disabled){background:var(--if-primary-50);border-color:var(--if-primary-500);color:var(--if-primary-500);box-shadow:none}._neutral_15gfn_149:focus-visible{background:var(--if-neutral-white);border-color:var(--if-neutral-900);box-shadow:none}._neutral_15gfn_149:disabled{background:var(--if-neutral-50);border-color:var(--if-neutral-150);color:var(--if-neutral-300)}._button_3aeqy_1{box-sizing:border-box;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 12px;border:1px solid var(--if-state-red-500);border-radius:var(--if-radius-md);background:var(--ef-state-red-50);color:var(--if-state-red-500);font-family:var(--if-font-family);letter-spacing:var(--if-letter-spacing);white-space:nowrap;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease;-webkit-tap-highlight-color:transparent}._button_3aeqy_1:focus-visible{outline:none}._button_3aeqy_1:disabled{cursor:default}._icon_3aeqy_32{display:inline-flex;flex-shrink:0}._label_3aeqy_38{font-size:var(--ef-text-label-medium-size);line-height:var(--ef-text-label-medium-line);font-weight:var(--ef-text-label-medium-weight)}._count_3aeqy_45{font-size:var(--ef-text-body-x-large-size);line-height:var(--ef-text-body-x-large-line);font-weight:var(--ef-text-body-x-large-weight)}._button_3aeqy_1:hover:not(:disabled){background:var(--if-state-red-500);border-color:transparent;color:var(--if-neutral-white);box-shadow:var(--if-shadow-main)}._button_3aeqy_1:active:not(:disabled){background:var(--ef-state-red-300);border-color:transparent;color:var(--if-neutral-white);box-shadow:none}._button_3aeqy_1:focus-visible:not(:disabled){background:var(--ef-state-red-50);border-color:var(--if-neutral-900);color:var(--if-state-red-500);box-shadow:none}._button_3aeqy_1:disabled{background:var(--if-neutral-50);border-color:var(--if-neutral-300);color:var(--if-neutral-300)}._button_14usx_1{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 16px;border:1px solid transparent;border-radius:var(--if-radius-sm);background:var(--if-neutral-white);font-family:var(--if-font-family);letter-spacing:var(--if-letter-spacing);font-size:var(--ef-text-label-medium-size);line-height:var(--ef-text-label-medium-line);font-weight:var(--ef-text-label-medium-weight);white-space:nowrap;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease;-webkit-tap-highlight-color:transparent}._button_14usx_1:focus-visible{outline:none}._button_14usx_1:disabled{cursor:default;background:var(--if-neutral-50);border-color:var(--if-neutral-300);color:var(--if-neutral-300)}._strong_14usx_37{border-color:var(--if-neutral-700);color:var(--if-neutral-700)}._strong_14usx_37:hover:not(:disabled),._strong_14usx_37:focus-visible:not(:disabled){border-color:var(--if-primary-500)}._strong_14usx_37:active:not(:disabled){background:var(--if-neutral-50);border-color:var(--if-neutral-700)}._muted_14usx_53{border-color:var(--if-neutral-200);color:var(--if-neutral-600)}._muted_14usx_53:hover:not(:disabled),._muted_14usx_53:focus-visible:not(:disabled){border-color:var(--if-neutral-600)}._muted_14usx_53:active:not(:disabled){background:var(--if-neutral-50);border-color:var(--if-neutral-200)}._primary_14usx_69{border-color:var(--if-primary-500);color:var(--if-primary-500)}._primary_14usx_69:hover:not(:disabled),._primary_14usx_69:focus-visible:not(:disabled){border-color:var(--if-primary-900)}._primary_14usx_69:active:not(:disabled){background:var(--if-neutral-50);border-color:var(--if-primary-500)}._button_10g2i_1{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:62px;padding:0 16px;border:1px dashed var(--if-neutral-500);border-radius:var(--if-radius-md);background:var(--if-neutral-white);color:var(--if-neutral-900);font-family:var(--if-font-family);letter-spacing:var(--if-letter-spacing);font-size:var(--ef-text-label-large-size);line-height:var(--ef-text-label-large-line);font-weight:var(--ef-text-label-large-weight);white-space:nowrap;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease;-webkit-tap-highlight-color:transparent}._fullWidth_10g2i_28{width:100%}._icon_10g2i_32{display:inline-flex;flex-shrink:0}._button_10g2i_1:hover:not(:disabled){background:var(--if-primary-50);box-shadow:var(--if-shadow-main)}._button_10g2i_1:active:not(:disabled){background:var(--if-primary-50);box-shadow:none}._button_10g2i_1:focus-visible{outline:none;background:var(--if-neutral-white);border-style:solid;border-color:var(--if-neutral-900);box-shadow:none}._button_10g2i_1:disabled{background:var(--if-neutral-white);border-color:var(--if-neutral-300);color:var(--if-neutral-300);box-shadow:none;cursor:default}._button_181zv_1{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 16px;border:1px solid transparent;border-radius:var(--if-radius-md);background:transparent;color:var(--if-neutral-50);font-family:var(--if-font-family);letter-spacing:var(--if-letter-spacing);font-size:var(--ef-text-label-large-size);line-height:var(--ef-text-label-large-line);font-weight:var(--ef-text-label-large-weight);white-space:nowrap;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease;-webkit-tap-highlight-color:transparent}._button_181zv_1:focus-visible{outline:none;border-color:var(--if-primary-900)}._button_181zv_1:hover:not(._selected_181zv_31){border-color:var(--if-neutral-white)}._button_181zv_1:active:not(._selected_181zv_31){border-color:var(--if-neutral-300);color:var(--if-neutral-300)}._selected_181zv_31{background:var(--if-neutral-white);border-color:transparent;color:var(--if-primary-500)}._button_1qs6h_1{box-sizing:border-box;display:inline-flex;flex-direction:column;align-items:center;gap:4px;width:124px;height:100px;padding:20px 8px;border:1px solid transparent;border-radius:0;background:var(--if-neutral-white);color:var(--if-neutral-900);font-family:var(--if-font-family);letter-spacing:var(--if-letter-spacing);cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease;-webkit-tap-highlight-color:transparent}._button_1qs6h_1:focus-visible{outline:none;background:var(--if-neutral-white);border-color:var(--if-primary-500);color:var(--if-neutral-900)}._icon_1qs6h_31{display:inline-flex;flex-shrink:0}._label_1qs6h_37{display:flex;align-items:center;justify-content:center;width:108px;height:40px;font-size:var(--ef-text-label-medium-size);line-height:var(--ef-text-label-medium-line);font-weight:var(--ef-text-label-medium-weight);text-align:center}._button_1qs6h_1:hover:not(:disabled):not(._selected_1qs6h_49):not(._subSelected_1qs6h_49){background:var(--if-neutral-150)}._button_1qs6h_1:active:not(:disabled):not(._selected_1qs6h_49):not(._subSelected_1qs6h_49){background:var(--if-primary-900);color:var(--if-neutral-white)}._selected_1qs6h_49{background:var(--if-primary-500);color:var(--if-neutral-white)}._subSelected_1qs6h_49{background:var(--if-primary-50);color:var(--if-primary-500)}._button_1qs6h_1:disabled{background:var(--if-neutral-300);color:var(--if-neutral-white);cursor:default}._iconButton_c69ix_1{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--if-neutral-500);cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease;-webkit-tap-highlight-color:transparent}._iconButton_c69ix_1:hover:not(:disabled){background:var(--if-primary-50)}._iconButton_c69ix_1:active:not(:disabled){background:transparent}._iconButton_c69ix_1:focus-visible{outline:none;border-color:var(--if-neutral-900)}._iconButton_c69ix_1:disabled{color:var(--if-neutral-300);cursor:default}._button_99937_1{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--if-neutral-white);border-radius:var(--if-radius-md);background:transparent;color:var(--if-neutral-white);box-shadow:var(--if-shadow-main);cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease;-webkit-tap-highlight-color:transparent}._button_99937_1:hover:not(:disabled){background:var(--if-neutral-white);border-color:var(--if-neutral-white);color:var(--if-primary-500)}._button_99937_1:active:not(:disabled){background:var(--if-neutral-200);border-color:var(--if-neutral-white);color:var(--if-primary-500)}._button_99937_1:focus-visible{outline:none;background:transparent;border-color:var(--if-neutral-900);color:var(--if-neutral-white)}._button_99937_1:disabled{cursor:default}._button_1x9um_1{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--if-neutral-150);border-radius:var(--if-radius-md);background:var(--if-neutral-white);color:var(--if-neutral-900);cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease;-webkit-tap-highlight-color:transparent}._size-56_1x9um_20{width:56px;height:56px}._size-40_1x9um_25{width:40px;height:40px}._next_1x9um_31>svg{transform:scaleX(-1)}._button_1x9um_1:hover:not(:disabled){box-shadow:var(--if-shadow-main)}._button_1x9um_1:active:not(:disabled){background:var(--if-neutral-50);box-shadow:none}._button_1x9um_1:focus-visible{outline:none;background:var(--if-neutral-white);border-color:var(--if-neutral-900);box-shadow:none}._button_1x9um_1:disabled{background:var(--if-neutral-50);border-color:var(--if-neutral-150);color:var(--if-neutral-300);cursor:default}._button_d5egn_1{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:4px;height:56px;padding:0 7px;border:1px solid transparent;border-radius:var(--if-radius-md);background:transparent;color:var(--if-neutral-900);font-family:var(--if-font-family);letter-spacing:var(--if-letter-spacing);font-size:var(--ef-text-label-large-size);line-height:var(--ef-text-label-large-line);font-weight:var(--ef-text-label-large-weight);white-space:nowrap;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease;-webkit-tap-highlight-color:transparent}._icon_d5egn_28{display:inline-flex;flex-shrink:0}._button_d5egn_1:hover:not(:disabled){background:var(--if-neutral-50)}._button_d5egn_1:active:not(:disabled){background:transparent;color:var(--if-neutral-500)}._button_d5egn_1:focus-visible{outline:none;background:transparent;border-color:var(--if-neutral-900)}._button_d5egn_1:disabled{color:var(--if-neutral-300);cursor:default}._button_gxm2c_1{box-sizing:border-box;display:inline-flex;flex-direction:column;align-items:center;gap:12px;width:80px;height:80px;padding:12px 4px 16px;border:1px solid transparent;border-radius:var(--if-radius-md);font-family:var(--if-font-family);letter-spacing:var(--if-letter-spacing);cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease;-webkit-tap-highlight-color:transparent}._button_gxm2c_1:focus-visible{outline:none}._button_gxm2c_1:disabled{cursor:default}._icon_gxm2c_31{display:inline-flex;flex-shrink:0}._label_gxm2c_37{font-size:var(--ef-text-label-small-size);line-height:var(--ef-text-label-small-line);font-weight:var(--ef-text-label-small-weight);text-align:center}._light_gxm2c_45{background:var(--if-neutral-white);border-color:var(--if-neutral-150);color:var(--if-neutral-700);box-shadow:var(--if-shadow-main)}._light_gxm2c_45:hover:not(:disabled):not(._selected_gxm2c_52){background:var(--if-primary-50);border-color:var(--if-primary-500)}._light_gxm2c_45:active:not(:disabled):not(._selected_gxm2c_52){background:var(--if-primary-50);border-color:var(--if-neutral-150);box-shadow:none}._light_gxm2c_45:focus-visible:not(._selected_gxm2c_52){background:var(--if-neutral-white);border-color:var(--if-neutral-900)}._light_gxm2c_45:disabled{background:var(--if-neutral-50);border-color:var(--if-neutral-150);color:var(--if-neutral-300);box-shadow:none}._light_gxm2c_45._selected_gxm2c_52{background:var(--if-primary-500);border-color:transparent;color:var(--if-neutral-white)}._dark_gxm2c_82{background:var(--if-neutral-400);border-color:var(--if-neutral-500);color:var(--if-neutral-700);box-shadow:var(--if-shadow-main)}._dark_gxm2c_82:hover:not(:disabled):not(._selected_gxm2c_52){background:var(--if-neutral-100);border-color:var(--if-neutral-150)}._dark_gxm2c_82:active:not(:disabled):not(._selected_gxm2c_52){background:var(--if-neutral-100);border-color:var(--if-neutral-500);box-shadow:none}._dark_gxm2c_82:focus-visible:not(._selected_gxm2c_52){background:var(--if-neutral-400);border-color:var(--if-neutral-white)}._dark_gxm2c_82._selected_gxm2c_52{background:var(--if-neutral-white);border-color:var(--if-neutral-150);color:var(--if-primary-500)}._root_1l42g_2{position:relative;display:inline-block;width:32px;height:32px;vertical-align:middle}._button_1l42g_10{box-sizing:border-box;position:absolute;top:0;right:0;display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 4px;border:1px solid var(--if-primary-500);border-radius:16px;background:var(--if-neutral-white);color:var(--if-primary-500);font-family:var(--if-font-family);letter-spacing:var(--if-letter-spacing);font-size:var(--ef-text-label-medium-size);line-height:var(--ef-text-label-medium-line);font-weight:var(--ef-text-label-medium-weight);white-space:nowrap;cursor:pointer;transition:padding .12s ease,box-shadow .12s ease;-webkit-tap-highlight-color:transparent}._button_1l42g_10:focus-visible{outline:none}._icon_1l42g_41{display:inline-flex;flex-shrink:0}._label_1l42g_47{display:inline-block;max-width:0;overflow:hidden;opacity:0;transition:max-width .12s ease,opacity .12s ease}._button_1l42g_10:hover,._button_1l42g_10:focus-visible{padding-right:16px;box-shadow:var(--ef-shadow-sub)}._button_1l42g_10:hover ._label_1l42g_47,._button_1l42g_10:focus-visible ._label_1l42g_47{max-width:120px;opacity:1}._item_7qrzo_1{box-sizing:border-box;display:flex;align-items:center;width:100%;padding:16px;border:1px solid transparent;border-radius:0;background:transparent;color:var(--if-neutral-900);font-family:var(--if-font-family);letter-spacing:var(--if-letter-spacing);font-size:var(--ef-text-label-large-size);line-height:var(--ef-text-label-large-line);font-weight:var(--ef-text-label-large-weight);text-align:left;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease;-webkit-tap-highlight-color:transparent}._item_7qrzo_1:hover:not(:disabled):not(._selected_7qrzo_25){background:var(--if-primary-50)}._item_7qrzo_1:active:not(:disabled):not(._selected_7qrzo_25){background:var(--if-primary-50);color:var(--if-neutral-600)}._item_7qrzo_1:focus-visible{outline:none;border-color:var(--if-primary-500)}._selected_7qrzo_25{background:var(--if-primary-50);color:var(--if-primary-500)}._item_7qrzo_1:disabled{background:var(--if-neutral-50);color:var(--if-neutral-500);cursor:default}._row_h7cnn_1{box-sizing:border-box;display:flex;align-items:center;gap:8px;width:100%;padding:8px 16px;border:1px solid transparent;border-radius:0;background:var(--if-neutral-white);color:var(--if-neutral-900);font-family:var(--if-font-family);letter-spacing:var(--if-letter-spacing);font-size:var(--ef-text-body-large-size);line-height:var(--ef-text-body-large-line);font-weight:var(--ef-text-body-large-weight);text-align:left;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease;-webkit-tap-highlight-color:transparent}._checkbox_h7cnn_27{display:inline-flex;flex-shrink:0;color:var(--if-primary-500)}._legend_h7cnn_33{flex-shrink:0;width:8px;height:8px;border-radius:50%;background:var(--ef-system-success)}._label_h7cnn_41{flex:1 0 0;min-width:0}._row_h7cnn_1:hover:not(:disabled):not(._selected_h7cnn_46){background:var(--if-primary-50)}._row_h7cnn_1:active:not(:disabled):not(._selected_h7cnn_46){background:var(--if-primary-50);color:var(--if-neutral-600)}._row_h7cnn_1:focus-visible{outline:none;background:var(--if-neutral-white);border-color:var(--if-primary-500)}._selected_h7cnn_46{background:var(--if-primary-50);color:var(--if-primary-500)}._row_h7cnn_1:disabled{background:var(--if-neutral-50);color:var(--if-neutral-500);cursor:default}._row_h7cnn_1:disabled ._checkbox_h7cnn_27{color:var(--if-neutral-300)}._item_1qprd_1{box-sizing:border-box;display:flex;align-items:center;gap:8px;width:100%;height:48px;padding:0 16px;border:1px solid transparent;border-radius:0;background:var(--if-neutral-white);color:var(--if-neutral-900);font-family:var(--if-font-family);letter-spacing:var(--if-letter-spacing);font-size:var(--ef-text-label-medium-size);line-height:var(--ef-text-label-medium-line);font-weight:var(--ef-text-label-medium-weight);text-align:left;white-space:nowrap;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease;-webkit-tap-highlight-color:transparent}._icon_1qprd_28{display:inline-flex;flex-shrink:0}._label_1qprd_33{flex:1 0 0;min-width:0}._item_1qprd_1:hover:not(:disabled){background:var(--if-primary-50)}._item_1qprd_1:active:not(:disabled){background:var(--if-primary-50);color:var(--if-neutral-600)}._item_1qprd_1:focus-visible{outline:none;background:var(--if-neutral-white);border-color:var(--if-primary-500);color:var(--if-neutral-600)}._item_1qprd_1:disabled{background:var(--if-neutral-50);color:var(--if-neutral-300);cursor:default}._card_1md88_1{box-sizing:border-box;display:inline-flex;flex-direction:column;align-items:flex-start;gap:4px;width:176px;height:96px;padding:26px 16px 26px 24px;border:1px solid transparent;border-radius:var(--if-radius-md) 0 0 var(--if-radius-md);background:transparent;font-family:var(--if-font-family);letter-spacing:var(--if-letter-spacing);text-align:left;cursor:pointer;transition:border-color .12s ease,color .12s ease;-webkit-tap-highlight-color:transparent}._label_1md88_25{color:var(--if-primary-500);font-size:var(--ef-text-label-small-size);line-height:var(--ef-text-label-small-line);font-weight:var(--ef-text-label-small-weight)}._name_1md88_33{color:var(--if-neutral-900);font-size:var(--ef-text-label-large-size);line-height:var(--ef-text-label-large-line);font-weight:var(--ef-text-label-large-weight);text-decoration:underline;text-underline-offset:4px;transition:color .12s ease}._card_1md88_1:hover:not(:disabled) ._name_1md88_33{color:var(--if-primary-500)}._card_1md88_1:active:not(:disabled) ._name_1md88_33{color:var(--if-neutral-500)}._card_1md88_1:focus-visible{outline:none;border-color:var(--if-neutral-900)}._card_1md88_1:disabled{cursor:default}._card_1md88_1:disabled ._label_1md88_25,._card_1md88_1:disabled ._name_1md88_33{color:var(--if-neutral-300)}._button_vh4rz_1{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:4px;height:56px;padding:0 16px;border:1px solid var(--if-neutral-150);border-radius:var(--if-radius-md);background:var(--if-neutral-white);color:var(--if-neutral-900);font-family:var(--if-font-family);letter-spacing:var(--if-letter-spacing);font-size:var(--ef-text-title-medium-size);line-height:var(--ef-text-title-medium-line);font-weight:var(--ef-text-title-medium-weight);white-space:nowrap;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease;-webkit-tap-highlight-color:transparent}._fullWidth_vh4rz_29{width:100%}._icon_vh4rz_33{display:inline-flex;flex-shrink:0}._button_vh4rz_1:hover:not(:disabled){border-color:var(--if-primary-500);box-shadow:var(--if-shadow-main)}._button_vh4rz_1:active:not(:disabled){border-color:var(--if-primary-500);box-shadow:none}._button_vh4rz_1:focus-visible{outline:none;border-color:var(--if-primary-500);box-shadow:none}._selected_vh4rz_54{background:var(--if-primary-50);border-color:var(--if-primary-500)}._button_vh4rz_1:disabled{background:var(--if-neutral-50);border-color:var(--if-neutral-150);color:var(--if-neutral-300);box-shadow:none;cursor:default}._button_bk3kj_1{box-sizing:border-box;display:inline-flex;align-items:center;gap:4px;height:40px;padding:0 12px;border:1px solid var(--if-neutral-300);border-radius:var(--if-radius-md);background:var(--if-neutral-white);color:var(--if-neutral-300);font-family:var(--if-font-family);letter-spacing:var(--if-letter-spacing);font-size:var(--ef-text-label-medium-size);line-height:var(--ef-text-label-medium-line);font-weight:var(--ef-text-label-medium-weight);white-space:nowrap;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease;-webkit-tap-highlight-color:transparent}._icon_bk3kj_27{display:inline-flex;flex-shrink:0}._button_bk3kj_1:hover:not(:disabled):not(._selected_bk3kj_32){box-shadow:var(--if-shadow-main)}._button_bk3kj_1:active:not(:disabled):not(._selected_bk3kj_32){box-shadow:none}._button_bk3kj_1:focus-visible:not(._selected_bk3kj_32){outline:none;border-color:var(--if-neutral-700);box-shadow:none}._button_bk3kj_1:disabled{background:var(--if-neutral-50);cursor:default}._selected_bk3kj_32{padding:0 12px 0 8px}._check_bk3kj_57{padding:0 12px;background:var(--if-primary-50);border-color:var(--if-primary-500);color:var(--if-primary-500)}._cleaning_bk3kj_64{border-color:var(--if-state-green-500);color:var(--if-state-green-500)}._feed_bk3kj_69{border-color:var(--if-state-orange-500);color:var(--if-state-orange-500)}._arrival_bk3kj_74{border-color:var(--ef-state-blue-500);color:var(--ef-state-blue-500)}._vaccine_bk3kj_79{border-color:var(--ef-state-yellow-500);color:var(--ef-state-yellow-500)}._settings_bk3kj_84{border-color:var(--ef-state-purple-500);color:var(--ef-state-purple-500)}._etc_bk3kj_89{border-color:var(--if-neutral-700);color:var(--if-neutral-700)}._button_1otto_1{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 22px;border:1px solid var(--if-neutral-200);border-radius:var(--if-radius-sm);background:var(--if-neutral-white);color:var(--if-neutral-500);font-family:var(--if-font-family);letter-spacing:var(--if-letter-spacing);font-size:var(--ef-text-label-medium-size);line-height:var(--ef-text-label-medium-line);font-weight:var(--ef-text-label-medium-weight);white-space:nowrap;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease;-webkit-tap-highlight-color:transparent}._button_1otto_1:hover:not(:disabled){background:var(--if-neutral-white);border-color:var(--if-primary-500);color:var(--if-primary-500)}._button_1otto_1:active:not(:disabled){background:var(--if-neutral-50);border-color:var(--if-primary-500);color:var(--if-primary-500)}._button_1otto_1:focus-visible{outline:none;background:var(--if-neutral-white);border-color:var(--if-neutral-900);color:var(--if-neutral-500)}._selected_1otto_45,._selected_1otto_45:hover:not(:disabled){background:var(--if-primary-50);border-color:var(--if-primary-500);color:var(--if-primary-500)}._button_1otto_1:disabled{background:var(--if-neutral-50);border-color:var(--if-neutral-150);color:var(--if-neutral-300);cursor:default}._pagination_8slw1_1{display:inline-flex;align-items:center;gap:20px}._item_8slw1_8{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:1px solid transparent;background:transparent;color:var(--if-neutral-300);font-family:var(--if-font-family);letter-spacing:var(--if-letter-spacing);font-size:var(--ef-text-label-large-size);line-height:var(--ef-text-label-large-line);font-weight:var(--ef-text-label-large-weight);cursor:pointer;transition:border-color .12s ease,color .12s ease;-webkit-tap-highlight-color:transparent}._item_8slw1_8:hover:not(:disabled):not(._selected_8slw1_31){color:var(--if-neutral-700)}._item_8slw1_8:active:not(:disabled):not(._selected_8slw1_31){color:var(--if-neutral-300)}._item_8slw1_8:focus-visible{outline:none;border-color:var(--if-neutral-900)}._selected_8slw1_31{color:var(--if-primary-500)}._item_8slw1_8:disabled{color:var(--if-neutral-300);cursor:default}._arrow_8slw1_54{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:1px solid transparent;background:transparent;color:var(--if-neutral-600);cursor:pointer;transition:border-color .12s ease,color .12s ease;-webkit-tap-highlight-color:transparent}._prev_8slw1_73>svg{transform:scaleX(-1)}._arrow_8slw1_54:hover:not(:disabled){color:var(--if-neutral-900)}._arrow_8slw1_54:active:not(:disabled){color:var(--if-neutral-600)}._arrow_8slw1_54:focus-visible{outline:none;border-color:var(--if-neutral-900)}._arrow_8slw1_54:disabled{color:var(--if-neutral-150);cursor:default}

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "@intflow/edgefarm-ui",
+  "version": "0.2.0",
+  "description": "edgefarm 축 공통 UI 컴포넌트 (intflow 디자인 시스템)",
+  "type": "module",
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/intflow/intflow-design.git",
+    "directory": "packages/edgefarm"
+  },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./styles.css": "./dist/styles.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "*.css"
+  ],
+  "scripts": {
+    "build": "vite build && tsc -p tsconfig.build.json",
+    "prepublishOnly": "npm run build",
+    "typecheck": "tsc -p tsconfig.json --noEmit"
+  },
+  "dependencies": {
+    "@intflow/tokens": "^0.2.0"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "@intflow/ui-core": "^0.2.0",
+    "@storybook/react-vite": "^9.1.0",
+    "@types/react": "^19.1.0",
+    "@types/react-dom": "^19.1.0",
+    "@vitejs/plugin-react": "^4.7.0",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "storybook": "^9.1.0",
+    "typescript": "^5.8.3",
+    "vite": "^7.0.0"
+  }
+}