@bwg-ui/core 1.2.16 → 1.2.17

package/dist/styles/assets/images/contents/icon/ico-edit-folder.svg

@@ -0,0 +1,18 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1305_1792)">
+<path d="M15.56 2.42969H2.04003C1.20608 2.42969 0.530029 3.10574 0.530029 3.93969V17.4597C0.530029 18.2936 1.20608 18.9697 2.04003 18.9697H15.56C16.394 18.9697 17.07 18.2936 17.07 17.4597V3.93969C17.07 3.10574 16.394 2.42969 15.56 2.42969Z" fill="url(#paint0_linear_1305_1792)"/>
+<path d="M18.12 2.33984L17.16 1.37984C16.69 0.909844 15.93 0.909844 15.47 1.37984L6.67999 10.1598L8.48999 11.9698L18.12 2.33984Z" fill="#C15D5D"/>
+<path d="M19.12 3.33984L18.12 2.33984L8.48999 11.9698L10.33 13.8098L19.11 5.02984C19.58 4.55984 19.58 3.79984 19.11 3.33984H19.12Z" fill="#9B4B4B"/>
+<path d="M8.49 11.9702L6.68 10.1602L6.13 13.7702C6.13 13.9302 6.19 14.0702 6.29 14.1702C6.4 14.2902 6.55 14.3702 6.73 14.3702L10.34 13.8202L8.5 11.9802L8.49 11.9702Z" fill="#9B4B4B"/>
+<path d="M13.1294 3.72145L16.7781 7.37012L18.2206 5.92762L14.5719 2.27895L13.1294 3.72145Z" fill="#FF8080"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_1305_1792" x1="10.58" y1="8.24969" x2="2.53003" y2="19.3297" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFA9A9"/>
+<stop offset="1" stop-color="#F48484"/>
+</linearGradient>
+<clipPath id="clip0_1305_1792">
+<rect width="20" height="20" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/dist/styles/assets/images/contents/icon/ico-new-folder.svg

@@ -0,0 +1,20 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1302_1762)">
+<path d="M8.72 3.66992H19.42C20.38 3.66992 21.16 4.44992 21.16 5.40992V9.94992H8.72V3.66992Z" fill="url(#paint0_linear_1302_1762)"/>
+<path d="M19.41 6.84004H10.47L8.55001 1.79004H2.51001C1.60001 1.79004 0.850006 2.54004 0.850006 3.45004V17.65C0.850006 19.07 2.00001 20.22 3.42001 20.22H18.6C20.02 20.22 21.17 19.07 21.17 17.65V8.58004C21.17 7.62004 20.39 6.84004 19.43 6.84004H19.41Z" fill="url(#paint1_linear_1302_1762)"/>
+<path d="M14.1 12.8402H11.67V10.4102C11.67 10.0402 11.37 9.74023 11 9.74023C10.63 9.74023 10.33 10.0402 10.33 10.4102V12.8402H7.90001C7.53001 12.8402 7.23001 13.1402 7.23001 13.5102C7.23001 13.8802 7.53001 14.1802 7.90001 14.1802H10.33V16.6102C10.33 16.9802 10.63 17.2802 11 17.2802C11.37 17.2802 11.67 16.9802 11.67 16.6102V14.1802H14.1C14.47 14.1802 14.77 13.8802 14.77 13.5102C14.77 13.1402 14.47 12.8402 14.1 12.8402Z" fill="white"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_1302_1762" x1="14.94" y1="10.5099" x2="14.94" y2="5.21992" gradientUnits="userSpaceOnUse">
+<stop stop-color="#364A89"/>
+<stop offset="1" stop-color="#4A60AF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1302_1762" x1="11" y1="7.22004" x2="11" y2="24.66" gradientUnits="userSpaceOnUse">
+<stop stop-color="#8E9EEF"/>
+<stop offset="1" stop-color="#7C8FED"/>
+</linearGradient>
+<clipPath id="clip0_1302_1762">
+<rect width="22" height="22" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/dist/styles/assets/images/contents/icon/ico-save-bookmark.svg

@@ -0,0 +1,25 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1283_3093)">
+<mask id="mask0_1283_3093" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<path d="M24 0H0V24H24V0Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_1283_3093)">
+<path d="M19.3845 3.23077C19.3845 2.64924 18.9506 2.17847 18.4245 2.17847H5.57523C5.03985 2.17847 4.61523 2.64924 4.61523 3.23077V21.8308L19.3845 13.7815V3.23077Z" fill="url(#paint0_linear_1283_3093)"/>
+<path d="M11.4921 18.0739C11.806 17.9077 12.1844 17.9077 12.4983 18.0739L19.3752 21.8216V13.7723L11.4829 18.0739H11.4921Z" fill="url(#paint1_linear_1283_3093)"/>
+<path d="M9.11084 9.58155L10.9755 11.2708L14.8893 7.35693" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</g>
+<defs>
+<linearGradient id="paint0_linear_1283_3093" x1="8.50139" y1="3.24001" x2="13.246" y2="15.6831" gradientUnits="userSpaceOnUse">
+<stop stop-color="#9797B3"/>
+<stop offset="1" stop-color="#B9B9D7"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1283_3093" x1="15.1844" y1="15.0462" x2="17.3352" y2="22.68" gradientUnits="userSpaceOnUse">
+<stop stop-color="#797994"/>
+<stop offset="1" stop-color="#AAAACC"/>
+</linearGradient>
+<clipPath id="clip0_1283_3093">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/dist/styles/components.css

@@ -21,6 +21,7 @@
   font-size: 13px;
   height: 30px;
   padding: 0px 12px;
+  gap: 4px;
   border-radius: var(--border-radius-sm);
   font-weight: var(--font-weight-medium);
   line-height: inherit;
@@ -33,6 +34,7 @@
   background: var(--button-solid);
   color: var(--button-default);
   border-color: var(--button-primary);
+  box-shadow: none;
 }
 .bwg-btn.ant-btn-variant-solid:not(:disabled):not(.ant-btn-disabled):hover {
   background: var(--button-solid-hover);
@@ -47,43 +49,46 @@
   color: var(--text-disabled);
   background: var(--text-disabled-bg);
 }
-
+.bwg-btn .ant-btn-icon {
+  display: flex;
+  align-items: center;
+}
 /* 공통 버튼 테마 적용 - BwgView의 공통 버튼 영역에만 적용 */
-.bwg-view .permission-buttons .ant-btn-primary {
+.bwg-view .permission-buttons .ant-btn-primary:not(:disabled):not(.ant-btn-disabled) {
   background-color: var(--button-primary);
   border-color: var(--button-primary);
   color: var(--text-white);
 }
 
-.bwg-view .permission-buttons .ant-btn-primary:hover {
+.bwg-view .permission-buttons .ant-btn-primary:not(:disabled):not(.ant-btn-disabled):hover {
   background-color: var(--button-primary-hover);
   border-color: var(--button-primary-hover);
 }
 
-.bwg-view .permission-buttons .ant-btn-primary:active {
+.bwg-view .permission-buttons .ant-btn-primary:not(:disabled):not(.ant-btn-disabled):active {
   background-color: var(--button-primary-active);
   border-color: var(--button-primary-active);
 }
 
-.bwg-view .permission-buttons .bwg-btn.ant-btn-default {
+.bwg-view .permission-buttons .bwg-btn.ant-btn-default:not(:disabled):not(.ant-btn-disabled) {
   background-color: var(--button-default);
   border-color: var(--button-permission-border);
   color: var(--text-secondary);
 }
 
-.bwg-view .permission-buttons .ant-btn-default:hover {
+.bwg-view .permission-buttons .ant-btn-default:not(:disabled):not(.ant-btn-disabled):hover {
   background-color: var(--button-default);
   border-color: var(--button-primary);
   color: var(--button-primary);
 }
 
 /* 에러 버튼 */
-.bwgview-header-right .bwg-error-btn,
-.bwg-title-box-right .bwg-error-btn {
+.bwgview-header-right .bwg-error-btn:not(:disabled):not(.ant-btn-disabled),
+.bwg-title-box-right .bwg-error-btn:not(:disabled):not(.ant-btn-disabled) {
   border-color: var(--button-error) !important;
   color: var(--button-error) !important;
 }
-.bwg-error-btn.ant-btn-variant-solid:not(:disabled) {
+.bwg-error-btn.ant-btn-variant-solid:not(:disabled):not(.ant-btn-disabled) {
   background: var(--button-error);
   color: var(--button-default);
   border-color: var(--button-error);
@@ -93,15 +98,15 @@
   border-color: var(--button-error);
 }
 .bwg-error-btn.ant-btn-variant-outlined:not(:disabled):not(.ant-btn-disabled):hover {
-  border-color: var(--button-error-default-hover);
-  color: var(--button-error-default-hover);
+  border-color: var(--button-error-default-hover) !important;
+  color: var(--button-error-default-hover) !important;
 }
-.bwg-view .permission-buttons .bwg-error-btn.ant-btn-default {
+.bwg-view .permission-buttons .bwg-error-btn.ant-btn-default:not(:disabled):not(.ant-btn-disabled) {
   background-color: var(--button-default);
   border-color: var(--button-error-permission-border);
   color: var(--text-secondary);
 }
-.bwg-view .permission-buttons .bwg-error-btn.ant-btn-default:hover {
+.bwg-view .permission-buttons .bwg-error-btn.ant-btn-default:not(:disabled):not(.ant-btn-disabled):hover {
   background-color: var(--button-default);
   border-color: var(--button-error);
   color: var(--button-error);
@@ -248,9 +253,9 @@
   display: flex;
   align-items: center;
   gap: 8px;
- > .ant-space-gap-col-middle {
+}
+.bwgview-header-left > .ant-space-gap-col-middle {
   column-gap: 0;
- }
 }
 
 .bwgview-header-right {
@@ -261,9 +266,9 @@
 .bwgview-header-right .ant-space {
   padding-right: 7px;
   column-gap: 10px;
-  .ant-divider-vertical {
-    border-inline-start: 1px solid #cecece;
-  }
+}
+.bwgview-header-right .ant-space .ant-divider-vertical {
+   border-inline-start: 1px solid #cecece;
 }
 .bwgview-content {
   height: inherit;
@@ -279,8 +284,7 @@
   width: 100%;
   height: 100%;
   display: flex;
-
-  &.hz-layout {
+  /* &.hz-layout {
     flex-direction: row;
 
     &.layout-left {
@@ -331,27 +335,70 @@
     &.vertical-bottom {
       justify-content: end;
     }
-  }
+  } */
+}
+.bwgview-content-layout.hz-layout {
+  flex-direction: row;
+}
+.bwgview-content-layout.hz-layout.layout-left {
+  justify-content: flex-start;
+}
+.bwgview-content-layout.hz-layout.layout-center {
+  justify-content: center;
+}
+.bwgview-content-layout.hz-layout.layout-right {
+  justify-content: flex-end;
+}
+.bwgview-content-layout.hz-layout.layout-around {
+  justify-content: space-around;
+}
+.bwgview-content-layout.hz-layout.layout-between {
+  justify-content: space-between;
+}
+.bwgview-content-layout.hz-layout.vertical-top {
+  align-items: start;
+}
+.bwgview-content-layout.hz-layout.vertical-center {
+  align-items: center;
+}
+.bwgview-content-layout.hz-layout.vertical-bottom {
+  align-items: end;
+}
+.bwgview-content-layout.vt-layout {
+  flex-direction: column;
+}
+.bwgview-content-layout.vt-layout.layout-left {
+  align-items: flex-start;
+}
+.bwgview-content-layout.vt-layout.layout-center {
+  align-items: center;
 }
+.bwgview-content-layout.vt-layout.layout-right {
+  align-items: flex-end;
+}
+.bwgview-content-layout.vt-layout.vertical-top {
+  justify-content: start;
+}
+.bwgview-content-layout.vt-layout.vertical-center {
+  justify-content: center;
+}
+.bwgview-content-layout.vt-layout.vertical-bottom {
+  justify-content: end;
+}
+
+
+
 
 .bwgview-content-box {
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
-
-  /* 250826 고현아 추가 */
   border-radius: 15px;
   border: 1px solid var(--border-color);
   padding: 20px 20px 15px;
   background: var(--bg-primary);
 
-  &.box-st {
-    /* border: 1px solid #ddd !important;
-    padding: 10px 12px !important;
-    border-radius: 8px !important; */
-  }
-
-  &.content-box-left {
+  /* &.content-box-left {
     align-items: flex-start;
   }
   &.content-box-center {
@@ -359,7 +406,7 @@
   }
   &.content-box-right {
     align-items: flex-end;
-  }
+  } */
 
 }
 /* content layout , content box 커스텀 클래스 */
@@ -572,10 +619,10 @@
 /* BwgCmptArea 컴포넌트 공통 스타일 변경 */
 .form-component-wrapper .ant-form-item .ant-form-item-label label {
   color: var(--text-primary);
-  > span {
-    font-weight: var(--font-weight-semibold) !important;
-  }
 } 
+.form-component-wrapper .ant-form-item .ant-form-item-label label > span {
+  font-weight: var(--font-weight-semibold) !important;
+}
 
 /* bwgForm 공통 스타일 */
 .bwg-form .ant-form-item {
@@ -600,6 +647,7 @@
   font-weight: var(--font-weight-semibold);
 }
 
+/* tab 스타일 */
 .ant-tabs,
 .ant-tabs-content,
 .ant-tabs-tabpane,
@@ -607,70 +655,64 @@
   width: 100%;
   height: 100%;
 }
+.ant-tabs-top > .ant-tabs-nav::before {
+  border-color: #ccc;
+}
+
 
 .between-vertical-btn-group {
   display: flex;
   justify-content: center;
   height: 100%;
-  button {
-    width: 28px;
-    height: 28px;
-    padding: 0;
-    border-color: #e3e3e3;
-  }
-  &.upDown {
-    button {
-      margin: 0 3px;
-      &.btn-up {
-        background: url(./assets/images/contents/btn/btn-up.png) no-repeat
-          center;
-        &:hover,
-        &:active {
-          border-color: var(--primary-color);
-          background: var(--primary-color) url(./assets/images/contents/btn/btn-up-on.png)
-            no-repeat center;
-        }
-      }
-      &.btn-down {
-        background: url(./assets/images/contents/btn/btn-down.png) no-repeat
-          center;
-        &:hover,
-        &:active {
-          border-color: var(--primary-color);
-          background: var(--primary-color) url(./assets/images/contents/btn/btn-down-on.png)
-            no-repeat center;
-        }
-      }
-    }
-  }
-  &.leftRight {
-    flex-direction: column;
-    button {
-      margin: 3px 0;
-      &.btn-left {
-        background: url(./assets/images/contents/btn/btn-left.png) no-repeat
-          center;
-        &:hover,
-        &:active {
-          border-color: var(--primary-color);
-          background: var(--primary-color) url(./assets/images/contents/btn/btn-left-on.png)
-            no-repeat center;
-        }
-      }
-      &.btn-right {
-        background: url(./assets/images/contents/btn/btn-right.png) no-repeat
-          center;
-        &:hover,
-        &:active {
-          border-color: var(--primary-color);
-          background: var(--primary-color) url(./assets/images/contents/btn/btn-right-on.png)
-            no-repeat center;
-        }
-      }
-    }
-  }
+}
+.between-vertical-btn-group button {
+  width: 28px;
+  height: 28px;
+  padding: 0;
+  border-color: #e3e3e3;
+}
+.between-vertical-btn-group .upDown button {
+  margin: 0 3px;
+}
+.between-vertical-btn-group .upDown button .btn-up {
+  background: url(./assets/images/contents/btn/btn-up.png) no-repeat center;
+}
+.between-vertical-btn-group .upDown button .btn-up:hover,
+.between-vertical-btn-group .upDown button .btn-up:active {
+  border-color: var(--primary-color);
+  background: var(--primary-color) url(./assets/images/contents/btn/btn-up-on.png) no-repeat center;
+}
+.between-vertical-btn-group .upDown button .btn-down {
+  background: url(./assets/images/contents/btn/btn-down.png) no-repeat center;
+}
+.between-vertical-btn-group .upDown button .btn-down:hover,
+.between-vertical-btn-group .upDown button .btn-down:active {
+  border-color: var(--primary-color);
+  background: var(--primary-color) url(./assets/images/contents/btn/btn-down-on.png) no-repeat center;
+}
+.between-vertical-btn-group .leftRight {
+  flex-direction: column;
+}
+.between-vertical-btn-group .leftRight button {
+  margin: 3px 0;
+}
+.between-vertical-btn-group .leftRight button .btn-left {
+  background: url(./assets/images/contents/btn/btn-left.png) no-repeat center;
+}
+.between-vertical-btn-group .leftRight button .btn-left:hover,
+.between-vertical-btn-group .leftRight button .btn-left:active {
+ border-color: var(--primary-color);
+ background: var(--primary-color) url(./assets/images/contents/btn/btn-left-on.png) no-repeat center;
 }
 
+.between-vertical-btn-group .leftRight button .btn-right {
+  background: url(./assets/images/contents/btn/btn-right.png) no-repeat
+}
+.between-vertical-btn-group .leftRight button .btn-right:hover,
+.between-vertical-btn-group .leftRight button .btn-right:active  {
+  border-color: var(--primary-color);
+  background: var(--primary-color) url(./assets/images/contents/btn/btn-right-on.png) no-repeat center;
+}
 .ant-space-compact.block {
   width: 100%;
 }
@@ -690,40 +732,40 @@
   transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   border-radius: 50px;
   box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
-  .ant-flex {
-    gap: 5px;
-    align-items: center;
-  }
-  .ant-input {
-    border-radius: 50px 0 0 50px;
-    border: 0;
-    height: 32px !important;
-    padding: 0 5px;
-  }
-  .ant-space-compact .ant-btn {
-    border-radius: 50%;
-    border: 0;
-    box-shadow: none;
-    &:hover,
-    &:active {
-      color: var(--primary-color);
-    }
-  }
-  .ant-flex > .ant-btn {
-    background: var(--button-solid);
-    box-shadow: none;
-    border-radius: 50%;
-    width: 30px;
-    height: 30px;
-    flex-shrink: 0;
-    font-size: 15px;
-    line-height: 30px;
-    color: var(--text-white);
-  }
-  .ant-flex > .ant-btn:hover {
-    background: var(--button-solid-hover);
-    color: var(--button-default);
-  }
+}
+.grid-search-box .ant-input {
+  border-radius: 50px 0 0 50px;
+  border: 0;
+  height: 32px !important;
+  padding: 0 5px;
+}
+.grid-search-box .ant-space-compact .ant-btn {
+  border-radius: 50%;
+  border: 0;
+  box-shadow: none;
+}
+.grid-search-box .ant-space-compact .ant-btn:hover,
+.grid-search-box .ant-space-compact .ant-btn:active {
+  color: var(--primary-color);
+}
+.grid-search-box .ant-flex > .ant-btn {
+  background: var(--button-solid);
+  box-shadow: none;
+  border-radius: 50%;
+  width: 30px;
+  height: 30px;
+  flex-shrink: 0;
+  font-size: 15px;
+  line-height: 30px;
+  color: var(--text-white);
+}
+.grid-search-box .ant-flex > .ant-btn:hover {
+  background: var(--button-solid-hover);
+  color: var(--button-default);
+}
+.grid-search-box .ant-flex {
+  gap: 5px;
+  align-items: center;
 }
 .grid-search-box .anticon-search {
   color: #777;
@@ -742,25 +784,20 @@
   background: #E2F4FF;
   border-color: #CAE6FB;
 }
-
-
 /* BwgDrawer 헤더 테마 적용 */
 .main-drawer .ant-drawer-header {
-  padding: 28px 40px;
+  padding: 22px 40px;
   background-color: var(--drawer-header-bg);
   color: var(--text-primary);
   border-bottom: 1px solid #ececec;
 }
-
 .main-drawer .ant-drawer-header .ant-drawer-title {
   font-size: var(--font-size-xl) !important;
   color: var(--text-primary);
 }
-
 .main-drawer .ant-drawer-header .ant-drawer-close {
   color: #565656 !important;
 }
-
 .main-drawer .ant-drawer-header .ant-drawer-close:hover {
   background-color: #E1E3FB;
 }
@@ -899,6 +936,11 @@
 .bwg-form-item .ant-row {
   flex-wrap: nowrap !important;
 }
+.bwg-form:has(.bwg-editor-wrap),
+.ant-form:has(.bwg-editor-wrap) {
+  display: flex;
+  flex-direction: column;
+}
 
 .bwg-ogrn-tree .ant-tree .ant-tree-treenode {
   width: 100%;
@@ -928,4 +970,37 @@
 }
 .bwg-ogrn-tree .ant-tree-checkbox-checked:not(.ant-tree-checkbox-disabled):hover .ant-tree-checkbox-inner {
   background-color: var(--check-primary-active);
-}
+}
+/* 북마크 */
+.bookmark-title-icon {
+  display: inline-block;
+  width: 24px;
+  height: 24px;
+}
+.bookmark-title-icon.saved {
+  background: url(./assets/images/contents/icon/ico-save-bookmark.svg) no-repeat center;
+}
+.bookmark-title-icon.add {
+  background: url(./assets/images/contents/icon/ico-add-bookmark.svg) no-repeat center;
+}
+.bookmark-folder-modal-icon {
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+}
+.bookmark-folder-modal-icon.ico-new-folder {
+  background: url(./assets/images/contents/icon/ico-new-folder.svg) no-repeat center;
+}
+.bookmark-folder-modal-icon.ico-edit-folder {
+  background: url(./assets/images/contents/icon/ico-edit-folder.svg) no-repeat center;
+}
+/* BwgEditer */
+.ql-container {
+  min-height: 0;
+}
+.ql-toolbar.ql-snow {
+  border-bottom: 0;
+}
+.ql-toolbar.ql-snow + .ql-container.ql-snow {
+  border-top: 1px solid #ccc;
+}