@timus-networks/theme 2.4.34 → 2.4.38

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@timus-networks/theme",
   "configKey": "themeOptions",
-  "version": "2.4.34",
+  "version": "2.4.38",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

package/dist/module.mjs

@@ -11,7 +11,7 @@ const __filename = __cjs_url__.fileURLToPath(import.meta.url);
 const __dirname = __cjs_path__.dirname(__filename);
 const require = __cjs_mod__.createRequire(import.meta.url);
 const name = "@timus-networks/theme";
-const version = "2.4.34";
+const version = "2.4.38";
 const description = "A comprehensive Nuxt.js module providing a tailored theme experience with integrated TailwindCSS support for applications.";
 const type = "module";
 const exports = {

package/dist/runtime/components/development/example.form.vue

@@ -12,6 +12,8 @@
         </p>
         <div class="flex gap-2">
           <el-form :model="form" label-width="auto" style="max-width: 600px" :label-position="labelPosition" require-asterisk-position="right">
+            <p class="el-form-title">Form Title <el-text tag="mark">p.el-form-title</el-text></p>
+
             <el-form-item label="Form Align" :required="true" class="grow">
               <el-radio-group v-model="labelPosition" aria-label="label position">
                 <el-radio-button value="left">Left</el-radio-button>
@@ -22,6 +24,8 @@
             <el-form-item label="Activity name" class="grow">
               <el-input v-model="form.name" />
             </el-form-item>
+
+            <p class="el-form-title">Technical Information Title <el-text tag="mark">p.el-form-title</el-text></p>
             <el-form-item label="Activity form">
               <el-input v-model="form.desc" type="textarea" />
             </el-form-item>

package/dist/runtime/public/scss/element-plus/form.css

@@ -318,6 +318,19 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   display: block;
 }
 
+.el-form .el-form-title {
+  font-size: 14px;
+  line-height: 18px;
+  font-weight: 500;
+  margin-bottom: 16px;
+  padding-bottom: 8px;
+  margin-top: 32px;
+  border-bottom: 1px solid var(--el-color-neutral-light-3);
+}
+.el-form .el-form-title:first-child {
+  margin-top: 0;
+}
+
 .el-form-item {
   display: flex;
   --font-size: 14px;
@@ -422,6 +435,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   line-height: 40px;
   padding: 0 12px 0 0;
   box-sizing: border-box;
+  gap: 4px;
 }
 
 .el-form-item__content {
@@ -459,7 +473,6 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-form-item.is-required:not(.is-no-asterisk).asterisk-left > .el-form-item__label-wrap > .el-form-item__label:before {
   content: "*";
   color: var(--el-color-danger);
-  margin-right: 4px;
 }
 .el-form-item.is-required:not(.is-no-asterisk).asterisk-right > .el-form-item__label:after,
 .el-form-item.is-required:not(.is-no-asterisk).asterisk-right > .el-form-item__label-wrap > .el-form-item__label:after {

package/dist/runtime/public/scss/element-plus/form.scss

@@ -60,7 +60,6 @@ $form-item-label-top-margin-bottom: map.merge(
 
 @include b(form) {
   @include set-component-css-var('form', $form);
-
   @include m(inline) {
     .#{$namespace}-form-item {
       display: inline-flex;
@@ -77,6 +76,20 @@ $form-item-label-top-margin-bottom: map.merge(
       }
     }
   }
+
+  .el-form-title {
+    font-size: 14px;
+    line-height: 18px;
+    font-weight: 500;
+    margin-bottom: 16px;
+    padding-bottom: 8px;
+    margin-top: 32px;
+    border-bottom: 1px solid var(--el-color-neutral-light-3);
+
+    &:first-child {
+      margin-top: 0;
+    }
+  }
 }
 
 @include b(form-item) {
@@ -149,6 +162,7 @@ $form-item-label-top-margin-bottom: map.merge(
 
     padding: 0 12px 0 0;
     box-sizing: border-box;
+    gap: 4px;
   }
 
   @include e(content) {
@@ -193,7 +207,7 @@ $form-item-label-top-margin-bottom: map.merge(
         > .#{$namespace}-form-item__label-wrap > .#{$namespace}-form-item__label:before {
           content: '*';
           color: getCssVar('color-danger');
-          margin-right: 4px;
+          // margin-right: 4px;
         }
       }
 

package/dist/runtime/public/scss/element-plus/index.css

@@ -8730,6 +8730,19 @@ heights > $common-component-size
   display: block;
 }
 
+.el-form .el-form-title {
+  font-size: 14px;
+  line-height: 18px;
+  font-weight: 500;
+  margin-bottom: 16px;
+  padding-bottom: 8px;
+  margin-top: 32px;
+  border-bottom: 1px solid var(--el-color-neutral-light-3);
+}
+.el-form .el-form-title:first-child {
+  margin-top: 0;
+}
+
 .el-form-item {
   display: flex;
   --font-size: 14px;
@@ -8834,6 +8847,7 @@ heights > $common-component-size
   line-height: 40px;
   padding: 0 12px 0 0;
   box-sizing: border-box;
+  gap: 4px;
 }
 
 .el-form-item__content {
@@ -8871,7 +8885,6 @@ heights > $common-component-size
 .el-form-item.is-required:not(.is-no-asterisk).asterisk-left > .el-form-item__label-wrap > .el-form-item__label:before {
   content: "*";
   color: var(--el-color-danger);
-  margin-right: 4px;
 }
 .el-form-item.is-required:not(.is-no-asterisk).asterisk-right > .el-form-item__label:after,
 .el-form-item.is-required:not(.is-no-asterisk).asterisk-right > .el-form-item__label-wrap > .el-form-item__label:after {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@timus-networks/theme",
-  "version": "2.4.34",
+  "version": "2.4.38",
   "description": "A comprehensive Nuxt.js module providing a tailored theme experience with integrated TailwindCSS support for applications.",
   "type": "module",
   "exports": {