@timus-networks/theme 2.4.27 → 2.4.30

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@timus-networks/theme",
   "configKey": "themeOptions",
-  "version": "2.4.27",
+  "version": "2.4.30",
   "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.27";
+const version = "2.4.30";
 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.switch.vue

@@ -68,8 +68,8 @@
       <div class="flex flex-col gap-3">
         <p>Adding the disabled attribute <el-text tag="mark">disables</el-text> Switch.</p>
         <div class="flex items-center gap-4">
-          <el-switch v-model="value" disabled />
-          <el-switch v-model="value" class="ml-2" />
+          <el-switch v-model="value" disabled active-text="disabled text" />
+          <el-switch v-model="value" class="ml-2" active-text="disabled text" />
         </div>
       </div>
       <template #footer> <html-encode :tag="snippets.disable" /> </template>

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

@@ -10017,6 +10017,7 @@ heights > $common-component-size
   overflow: auto;
   box-sizing: border-box;
   padding: var(--el-main-padding);
+  justify-content: flex-start;
 }
 
 :root {
@@ -13289,17 +13290,18 @@ heights > $common-component-size
   box-shadow: none;
 }
 
-.el-switch.is-disabled .el-switch__core, .el-switch.is-disabled .el-switch__label {
-  cursor: not-allowed;
+.el-switch.is-disabled .el-switch__core {
   background-color: var(--el-switch-on-disabled-color);
   border-color: var(--el-switch-on-disabled-color);
 }
-.el-switch.is-disabled.is-checked .el-switch__core, .el-switch.is-disabled.is-checked .el-switch__label {
+.el-switch.is-disabled .el-switch__core, .el-switch.is-disabled .el-switch__label {
+  cursor: not-allowed;
+}
+.el-switch.is-disabled.is-checked .el-switch__core {
   cursor: not-allowed;
   background-color: var(--el-switch-off-disabled-color);
   border-color: var(--el-switch-off-disabled-color);
 }
-
 .el-switch__label {
   transition: var(--el-transition-duration-fast);
   height: 20px;

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

@@ -308,4 +308,5 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   overflow: auto;
   box-sizing: border-box;
   padding: var(--el-main-padding);
+  justify-content: flex-start;
 }

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

@@ -11,4 +11,5 @@
   overflow: auto;
   box-sizing: border-box;
   padding: getCssVar('main-padding');
+  justify-content: flex-start;
 }

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

@@ -331,17 +331,18 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   box-shadow: none;
 }
 
-.el-switch.is-disabled .el-switch__core, .el-switch.is-disabled .el-switch__label {
-  cursor: not-allowed;
+.el-switch.is-disabled .el-switch__core {
   background-color: var(--el-switch-on-disabled-color);
   border-color: var(--el-switch-on-disabled-color);
 }
-.el-switch.is-disabled.is-checked .el-switch__core, .el-switch.is-disabled.is-checked .el-switch__label {
+.el-switch.is-disabled .el-switch__core, .el-switch.is-disabled .el-switch__label {
+  cursor: not-allowed;
+}
+.el-switch.is-disabled.is-checked .el-switch__core {
   cursor: not-allowed;
   background-color: var(--el-switch-off-disabled-color);
   border-color: var(--el-switch-off-disabled-color);
 }
-
 .el-switch__label {
   transition: var(--el-transition-duration-fast);
   height: 20px;

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

@@ -105,20 +105,27 @@ $switch-margin: 16px;
   }
 
   @include when(disabled) {
+    & .#{$namespace}-switch__core {
+      background-color: getCssVar('switch-on-disabled-color');
+      border-color: getCssVar('switch-on-disabled-color');
+    }
+    & .#{$namespace}-switch__label {
+      // color: getCssVar('switch-on-disabled-color');
+    }
     & .#{$namespace}-switch__core,
     & .#{$namespace}-switch__label {
       cursor: not-allowed;
-      background-color: getCssVar('switch-on-disabled-color');
-      border-color: getCssVar('switch-on-disabled-color');
     }
 
     @include when(checked) {
-      & .#{$namespace}-switch__core,
-      & .#{$namespace}-switch__label {
+      & .#{$namespace}-switch__core {
         cursor: not-allowed;
         background-color: getCssVar('switch-off-disabled-color');
         border-color: getCssVar('switch-off-disabled-color');
       }
+      & .#{$namespace}-switch__label {
+        // color: getCssVar('switch-off-disabled-color');
+      }
     }
   }
 

package/dist/runtime/public/scss/theme.css

@@ -1222,10 +1222,12 @@ body {
 
 .page-footer {
   align-items: center;
+  border-top: 1px solid var(--el-color-neutral-light-3);
   display: flex;
   gap: 30px;
   justify-content: center;
-  padding: 8px 0;
+  margin-top: 24px;
+  padding: 24px 0 8px;
 }
 .page-footer .el-button {
   flex-basis: 100%;
@@ -1247,4 +1249,39 @@ body {
 .layout-leave-to {
   opacity: 0;
   transition: opacity 0.4s;
+}
+
+.el-icon.more-icon {
+  align-items: center;
+  color: var(--el-color-neutral-light-3);
+  display: flex;
+  height: 24px;
+  justify-content: center;
+  width: 24px;
+}
+.el-icon.more-icon svg {
+  height: 20px;
+  width: 24px;
+}
+
+::-webkit-scrollbar {
+  width: 8px;
+}
+
+/* background of the scrollbar except button or resizer */
+::-webkit-scrollbar-track {
+  background-color: rgba(255, 255, 255, 0.01);
+  border-radius: 10px;
+}
+
+/* scrollbar itself */
+::-webkit-scrollbar-thumb {
+  background-color: rgba(255, 255, 255, 0.01);
+  border: 2px solid rgba(255, 255, 255, 0.01);
+  border-radius: 10px;
+}
+
+/* set button(top and bottom of the scrollbar) */
+::-webkit-scrollbar-button {
+  display: none;
 }

package/dist/runtime/public/scss/theme.scss

@@ -7,6 +7,8 @@
 @use 'inputs' as *;
 @use 'logo' as *;
 @use 'selectbox' as *;
+@use 'sass:map';
+
 // @use 'layers' as *;
 
 // variables.scss dosyasını forward edelim, böylece diğer dosyalar da kullanabilir
@@ -29,10 +31,12 @@ body {
 
 .page-footer {
   align-items: center;
+  border-top: 1px solid var(--el-color-neutral-light-3);
   display: flex;
   gap: 30px;
   justify-content: center;
-  padding: 8px 0;
+  margin-top: 24px;
+  padding: 24px 0 8px;
 
   .el-button {
     flex-basis: 100%;
@@ -56,3 +60,45 @@ body {
   opacity: 0;
   transition: opacity 0.4s;
 }
+
+.el-icon {
+  &.more-icon {
+    align-items: center;
+    color: var(--el-color-neutral-light-3);
+    display: flex;
+    height: 24px;
+    justify-content: center;
+    width: 24px;
+
+    svg {
+      height: 20px;
+      width: 24px;
+    }
+  }
+}
+
+// SCROLLBAR
+::-webkit-scrollbar {
+  width: 8px;
+}
+
+$neutral-light-2: map.get(map.get($theme, 'light'), '2');
+$neutral-light-3: map.get(map.get($theme, 'light'), '3');
+
+/* background of the scrollbar except button or resizer */
+::-webkit-scrollbar-track {
+  background-color: $neutral-light-2;
+  border-radius: 10px;
+}
+
+/* scrollbar itself */
+::-webkit-scrollbar-thumb {
+  background-color: $neutral-light-3;
+  border: 2px solid $neutral-light-3;
+  border-radius: 10px;
+}
+
+/* set button(top and bottom of the scrollbar) */
+::-webkit-scrollbar-button {
+  display: none;
+}

package/package.json

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