bge-ui 1.0.14 → 1.0.15

package/dist/index.js

@@ -6803,6 +6803,10 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     modelValue: {
       type: String,
       default: ""
+    },
+    size: {
+      default: "default",
+      value: ["default", "large"]
     }
   },
   emits: "update:modelValue",
@@ -6852,7 +6856,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(`bge-tabs bge-tabs__${__props.type}`)
+        class: normalizeClass(`bge-tabs bge-tabs__${__props.type} bge-tabs__${__props.size}`)
       }, [
         createElementVNode("div", _hoisted_1$2, [
           renderSlot(_ctx.$slots, "default")

package/dist/style.css

@@ -3429,6 +3429,16 @@ to {
   align-items: flex-start;
   position: relative;
 }
+.bge-tabs.bge-tabs__default .bge-tabs__panes {
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 24px;
+}
+.bge-tabs.bge-tabs__large .bge-tabs__panes {
+  font-size: 16px;
+  font-weight: 500;
+  line-height: 28px;
+}
 .bge-tabs.bge-tabs__bordered::after {
   content: "";
   position: absolute;
@@ -3491,10 +3501,6 @@ to {
   border-radius: var(--radius-small, 0px);
   color: var(--tc-tertiary, #53677A);
   cursor: pointer;
-  font-size: 16px;
-  font-style: normal;
-  font-weight: 500;
-  line-height: 28px;
   margin-right: 16px;
 }
 .bge-tabs__bordered .bge-tab__pane:last-child {

package/dist/tabs/index.vue.d.ts

@@ -7,6 +7,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    size: {
+        default: string;
+        value: string[];
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     [x: string]: (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -18,7 +22,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    size: {
+        default: string;
+        value: string[];
+    };
 }>>, {
+    size: string;
     type: string;
     modelValue: string;
 }, {}>, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bge-ui",
-  "version": "1.0.14",
+  "version": "1.0.15",
   "description": "",
   "type": "module",
   "main": "./src/index.ts",

package/src/tabs/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div :class="`bge-tabs bge-tabs__${type}`">
+  <div :class="`bge-tabs bge-tabs__${type} bge-tabs__${size}`">
     <div class="bge-tabs__panes">
       <slot></slot>
     </div>
@@ -21,6 +21,10 @@ const props = defineProps({
     type: String,
     default: '',
   },
+  size: {
+    default: 'default',
+    value: ['default', 'large']
+  }
 })
 
 const emits = defineEmits('update:modelValue')
@@ -92,6 +96,24 @@ onMounted(() => {
     }
   }
 
+
+
+  &.bge-tabs__default {
+    .bge-tabs__panes {
+      font-size: 14px;
+      font-weight: 500;
+      line-height: 24px;
+    }
+  }
+
+  &.bge-tabs__large {
+    .bge-tabs__panes {
+      font-size: 16px;
+      font-weight: 500;
+      line-height: 28px;
+    }
+  }
+
   &.bge-tabs__bordered {
     &::after {
       content: "";

package/src/tabs/tab-pane.vue

@@ -79,10 +79,6 @@ onMounted(() => {
     border-radius: var(--radius-small, 0px);
     color: var(--tc-tertiary, #53677A);
     cursor: pointer;
-    font-size: 16px;
-    font-style: normal;
-    font-weight: 500;
-    line-height: 28px;
     margin-right: 16px;
 
     &:last-child {