quasar-ui-sellmate-ui-kit 3.1.0 → 3.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar-ui-sellmate-ui-kit",
-  "version": "3.1.0",
+  "version": "3.1.2",
   "author": "Sellmate Dev Team <dev@sellmate.co.kr>",
   "description": "Sellmate UI Kit",
   "license": "MIT",

package/src/assets/icons.js

@@ -1,7 +1,7 @@
 export const helpOutlineIcon = 'M12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3Z@@fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round&&M9 9.10227C9 8.19318 9.6 6.375 12 6.375C14.4 6.375 15 8.19318 15 9.10227C15 9.87055 14.5715 11.2881 12.9901 11.7088C12.4564 11.8508 12 12.2773 12 12.8295V13.875@@fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round&&M12 15.75C12.5523 15.75 13 16.1977 13 16.75C13 17.3023 12.5523 17.75 12 17.75C11.4477 17.75 11 17.3023 11 16.75C11 16.1977 11.4477 15.75 12 15.75Z@@fill:currentColor|0 0 24 24';
 export const cautionOutlineIcon = `M12 3.5L3 20H21L12 3.5Z@@fill: white; stroke: white; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round
 &&M12 15.5C12.5523 15.5 13 15.9477 13 16.5C13 17.0523 12.5523 17.5 12 17.5C11.4477 17.5 11 17.0523 11 16.5C11 15.9477 11.4477 15.5 12 15.5Z@@fill: currentColor
-&&M12 9.25C12.4142 9.25 12.75 9.58579 12.75 10L12.75 14C12.75 14.4142 12.4142 14.75 12 14.75C11.5858 14.75 11.25 14.4142 11.25 14L11.25 10C11.25 9.58579 11.5858 9.25 12 9.25Z fill-rule: evenodd; clip-rule: evenodd@@fill: currentColor
+&&M12 9.25C12.4142 9.25 12.75 9.58579 12.75 10L12.75 14C12.75 14.4142 12.4142 14.75 12 14.75C11.5858 14.75 11.25 14.4142 11.25 14L11.25 10C11.25 9.58579 11.5858 9.25 12 9.25Z@@fill: currentColor
 |0 0 24 24
 `;
 export const infoOutlineIcon = 'M16 4C22.6274 4 28 9.37258 28 16C28 22.6274 22.6274 28 16 28C9.37258 28 4 22.6274 4 16C4 9.37258 9.37258 4 16 4Z@@fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round&&M16 17.5L16 9.5@@fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round&&M16 21C16.5523 21 17 21.4477 17 22C17 22.5523 16.5523 23 16 23C15.4477 23 15 22.5523 15 22C15 21.4477 15.4477 21 16 21Z@@fill:currentColor|0 0 32 32';

package/src/components/SCaution.vue

@@ -6,7 +6,6 @@
   >
     <template #avatar>
       <q-icon
-        v-if="!useModal"
         class="s-caution-icon"
         size="24px"
         color="Red_Lighten-1"
@@ -25,8 +24,8 @@
   </q-banner>
 </template>
 <script setup>
-import { QBanner } from 'quasar';
-import { cautionOutlineIcon } from '../assets/icons.js';
+import { QBanner, QIcon } from 'quasar';
+import { cautionOutlineIcon } from '../assets/icons';
 
 defineProps({
   title: { type: String, default: '' },
@@ -59,10 +58,6 @@ defineProps({
   .q-banner__content {
     padding: 0 !important;
     margin: 20px 32px;
-    .s-caution__content--title {
-
-    }
-
     ul {
       padding: 0;
       margin: 0;

package/src/components/SChip.vue

@@ -28,7 +28,7 @@
 <script>
 import { defineComponent, ref, watch } from 'vue';
 import { QChip } from 'quasar';
-import { chipRemoveIcon } from '../assets/icons.js';
+import { chipRemoveIcon } from '../assets/icons';
 
 export default defineComponent({
   name: 'SChip',

package/src/components/SDateAutoRangePicker.vue

@@ -89,7 +89,7 @@
   // @ts-check
   import { defineComponent, ref, computed, watch } from 'vue';
   import { QInput, QBtn, QDate, QMenu, QIcon, QSeparator, date } from 'quasar';
-  import { dateRangeIcon, closeIcon } from '../assets/icons.js';
+  import { dateRangeIcon, closeIcon } from '../assets/icons';
 
   const locale = {
     ko: {

package/src/components/SDatePicker.vue

@@ -89,7 +89,7 @@
 <script>
   import { defineComponent, ref, watch } from 'vue';
   import { QInput, QBtn, QDate, QMenu, QIcon, date } from 'quasar';
-  import { dateRangeIcon, closeIcon } from '../assets/icons.js';
+  import { dateRangeIcon, closeIcon } from '../assets/icons';
 
   export default defineComponent({
     name: 'SDatePicker',

package/src/components/SDateRangePicker.vue

@@ -177,7 +177,7 @@
   };
   import { defineComponent, ref, watch } from 'vue';
   import { QInput, QBtn, QDate, QMenu, QIcon, QSeparator, date } from 'quasar';
-  import { dateRangeIcon, closeIcon } from '../assets/icons.js';
+  import { dateRangeIcon, closeIcon } from '../assets/icons';
   import { useModelBinder } from '../composables/modelBinder';
 
   export default defineComponent({

package/src/components/SDialog.vue

@@ -88,7 +88,7 @@ import {
   infoOutlineIcon,
   warningOutlineIcon,
   closeIcon,
-} from '../assets/icons.js';
+} from '../assets/icons';
 
 export default defineComponent({
   name: 'SConfirm',

package/src/components/SDropdown.vue

@@ -43,7 +43,7 @@
 <script>
   import { QBtn, QItem, QItemLabel, QItemSection, QMenu } from 'quasar';
   import { defineComponent, ref } from 'vue';
-  import { arrowDownIcon } from '../assets/icons.js';
+  import { arrowDownIcon } from '../assets/icons';
 
   export default defineComponent({
     name: 'SDropdown',

package/src/components/SFilePicker.vue

@@ -35,7 +35,7 @@
 <script>
   import { defineComponent, ref, computed } from 'vue';
   import { QFile, QIcon } from 'quasar';
-  import { attachFileIcon, closeIcon } from '../assets/icons.js';
+  import { attachFileIcon, closeIcon } from '../assets/icons';
 
   export default defineComponent({
     name: 'SFilePicker',

package/src/components/SHelp.vue

@@ -40,7 +40,7 @@
 <script>
 import { defineComponent, ref } from 'vue';
 import { QBtn, QPopupProxy, QIcon } from 'quasar';
-import { helpOutlineIcon, closeIcon } from '../assets/icons.js';
+import { helpOutlineIcon, closeIcon } from '../assets/icons';
 
 export default defineComponent({
   name: 'SHelp',

package/src/components/SInputNumber.vue

@@ -38,7 +38,7 @@
 <script>
   import { QBtn, QInput } from 'quasar';
   import { defineComponent, ref, watch } from 'vue';
-  import { minusIcon, plusIcon } from '../assets/icons.js';
+  import { minusIcon, plusIcon } from '../assets/icons';
 
   export default defineComponent({
     name: 'SInputNumber',

package/src/components/SPagination.vue

@@ -90,7 +90,7 @@
     paginationLastIcon,
     paginationLeftIcon,
     paginationRightIcon,
-  } from '../assets/icons.js';
+  } from '../assets/icons';
 
   export default defineComponent({
     name: 'SPagination',

package/src/components/SSelect.vue

@@ -68,7 +68,7 @@
 <script>
   import { computed, defineComponent, ref, watch } from 'vue';
   import { QSelect, QItem, QItemSection, QItemLabel } from 'quasar';
-  import { selectDownArrowIcon } from '../assets/icons.js';
+  import { selectDownArrowIcon } from '../assets/icons';
 
   export default defineComponent({
     name: 'SSelect',

package/src/components/SSelectCheckbox.vue

@@ -51,7 +51,7 @@
 <script>
   import { defineComponent, onBeforeMount, ref, nextTick, watch } from 'vue';
   import { QSelect, QItem, QItemSection, QImg } from 'quasar';
-  import { selectDownArrowIcon } from '../assets/icons.js';
+  import { selectDownArrowIcon } from '../assets/icons';
 
   export default defineComponent({
     name: 'SSelectCheckbox',

package/src/components/SSelectCustom.vue

@@ -75,7 +75,7 @@ import { defineComponent, ref, watch, computed } from 'vue';
 import {
   QSelect, QItem, QItemSection, QIcon,
 } from 'quasar';
-import { selectDownArrowIcon } from '../assets/icons.js';
+import { selectDownArrowIcon } from '../assets/icons';
 
 export default defineComponent({
   name: 'SSelectCustom',

package/src/components/SSelectGroupCheckbox.vue

@@ -68,7 +68,7 @@
 <script>
   import { defineComponent, onBeforeMount, ref, nextTick, watch } from 'vue';
   import { QSelect, QItem, QItemSection, QImg } from 'quasar';
-  import { selectDownArrowIcon } from '../assets/icons.js';
+  import { selectDownArrowIcon } from '../assets/icons';
 
   export default defineComponent({
     name: 'SSelectGroupCheckbox',

package/src/components/SSelectSearch.vue

@@ -69,7 +69,7 @@
 <script>
   import { defineComponent, ref } from 'vue';
   import { QSelect, QItem, debounce } from 'quasar';
-  import { selectDownArrowIcon, searchIcon } from '../assets/icons.js';
+  import { selectDownArrowIcon, searchIcon } from '../assets/icons';
   import SelectItem from './SelelctItem.vue';
 
   export default defineComponent({

package/src/components/SSelectSearchAutoComplete.vue

@@ -55,7 +55,7 @@
 <script>
   import { defineComponent, ref, watch, nextTick } from 'vue';
   import { QIcon, QSelect, QItem, QItemSection, QItemLabel } from 'quasar';
-  import { searchIcon } from '../assets/icons.js';
+  import { searchIcon } from '../assets/icons';
   import SInput from './SInput.vue';
 
   export default defineComponent({

package/src/components/SSelectSearchCheckbox.vue

@@ -106,7 +106,7 @@ QIcon, QImg, QItem, QItemSection, QSelect, debounce,
 import {
 defineComponent, nextTick, onBeforeMount, ref, watch,
 } from 'vue';
-import { searchIcon, selectDownArrowIcon } from '../assets/icons.js';
+import { searchIcon, selectDownArrowIcon } from '../assets/icons';
 
 export default defineComponent({
   name: 'SSelectSearchCheckbox',

package/src/components/STimePicker.vue

@@ -55,7 +55,7 @@
 <script>
   import { defineComponent, ref } from 'vue';
   import { QIcon, QMenu, date } from 'quasar';
-  import { clockIcon } from '../assets/icons.js';
+  import { clockIcon } from '../assets/icons';
   import TimePickerCard from './TimePickerCard.vue';
 
   export default defineComponent({

package/src/components/STooltip.vue

@@ -70,7 +70,7 @@ import { defineComponent, ref } from 'vue';
 import {
   QTooltip, QBtn, QMenu, QIcon,
 } from 'quasar';
-import { closeIcon } from '../assets/icons.js';
+import { closeIcon } from '../assets/icons';
 
 export default defineComponent({
   name: 'STooptip',

package/src/composables/table/use-navigator.js

@@ -1,6 +1,6 @@
 import { computed, ref, watch } from 'vue';
 import { copyToClipboard } from 'quasar';
-import { editIcon } from '../../assets/icons.js';
+import { editIcon } from '../../assets/icons';
 
 export function useNavigator(props, attrs, emit) {
   const focusedModel = ref(props.focused || {});

package/src/css/app.scss

@@ -1,7 +1,22 @@
 // $
 @import './quasar.variables.scss';
 @import './default.scss';
-@import './fonts.css';
+
+/*
+Copyright (c) 2021 Kil Hyung-jin, with Reserved Font Name Pretendard.
+https://github.com/orioncactus/pretendard
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+*/
+
+@font-face {
+  font-family: 'Pretendard';
+  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
+  font-weight: 400;
+  font-style: normal;
+}
 
 .q-field {
   font-size: $body-font-size;

package/src/css/fonts.css

@@ -1,68 +0,0 @@
-/*
-Copyright (c) 2021 Kil Hyung-jin, with Reserved Font Name Pretendard.
-https://github.com/orioncactus/pretendard
-
-This Font Software is licensed under the SIL Open Font License, Version 1.1.
-This license is copied below, and is also available with a FAQ at:
-http://scripts.sil.org/OFL
-*/
-
-@font-face {
-	font-family: 'Pretendard';
-	font-weight: 800;
-	font-display: swap;
-	src:
-		local('Pretendard-ExtraBold'),
-		url('./fonts/Pretendard-ExtraBold.subset.woff2') format('font-woff2'),
-		url('./fonts/Pretendard-ExtraBold.ttf') format('truetype'); /* Safari, Android, iOS */
-}
-
-@font-face {
-	font-family: 'Pretendard';
-	font-weight: 700;
-	font-display: swap;
-	src:
-		local('Pretendard-Bold'),
-		url('./fonts/Pretendard-Bold.subset.woff2') format('font-woff2'),
-		url('./fonts/Pretendard-Bold.ttf') format('truetype'); /* Safari, Android, iOS */
-}
-
-@font-face {
-	font-family: 'Pretendard';
-	font-weight: 600;
-	font-display: swap;
-	src:
-		local('Pretendard-SemiBold'),
-		url('./fonts/Pretendard-SemiBold.subset.woff2') format('font-woff2'),
-		url('./fonts/Pretendard-SemiBold.ttf') format('truetype'); /* Safari, Android, iOS */
-}
-
-@font-face {
-	font-family: 'Pretendard';
-	font-weight: 500;
-	font-display: swap;
-	src:
-		local('Pretendard-Medium'),
-		url('./fonts/Pretendard-Medium.subset.woff2') format('font-woff2'),
-		url('./fonts/Pretendard-Medium.ttf') format('truetype'); /* Safari, Android, iOS */
-}
-
-@font-face {
-	font-family: 'Pretendard';
-	font-weight: 400;
-	font-display: swap;
-	src:
-		local('Pretendard-Regular'),
-		url('./fonts/Pretendard-Regular.subset.woff2') format('font-woff2'),
-		url('./fonts/Pretendard-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
-}
-
-@font-face {
-	font-family: 'Pretendard';
-	font-weight: 300;
-	font-display: swap;
-	src:
-		local('Pretendard-Light'),
-		url('./fonts/Pretendard-Light.subset.woff2') format('font-woff2'),
-		url('./fonts/Pretendard-Light.ttf') format('truetype'); /* Safari, Android, iOS */
-}