@timus-networks/theme 2.4.89 → 2.4.91

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/module.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@timus-networks/theme",
3
3
  "configKey": "themeOptions",
4
- "version": "2.4.89",
4
+ "version": "2.4.91",
5
5
  "builder": {
6
6
  "@nuxt/module-builder": "0.8.4",
7
7
  "unbuild": "2.0.0"
package/dist/module.mjs CHANGED
@@ -11,7 +11,7 @@ const __filename = __cjs_url__.fileURLToPath(import.meta.url);
11
11
  const __dirname = __cjs_path__.dirname(__filename);
12
12
  const require = __cjs_mod__.createRequire(import.meta.url);
13
13
  const name = "@timus-networks/theme";
14
- const version = "2.4.89";
14
+ const version = "2.4.91";
15
15
  const description = "A comprehensive Nuxt.js module providing a tailored theme experience with integrated TailwindCSS support for applications.";
16
16
  const type = "module";
17
17
  const exports = {
@@ -301,7 +301,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
301
301
  }
302
302
  **/
303
303
  .el-card {
304
- --el-card-border-color: var(--el-color-primary-light-1);
304
+ --el-card-border-color: var(--el-color-neutral-light-1);
305
305
  --el-card-border-radius: 4px;
306
306
  --el-card-padding: 16px;
307
307
  --el-card-bg-color: var(--el-fill-color-blank);
@@ -946,7 +946,7 @@ $table: map.merge(
946
946
  (
947
947
  'border-color': getCssVar('color-neutral-light-2'),
948
948
  'border': 1px solid getCssVar('table-border-color'),
949
- 'text-color': getCssVar('color-neutral-light-7'),
949
+ 'text-color': getCssVar('color-neutral-light-6'),
950
950
  'header-text-color': getCssVar('color-neutral-light-9'),
951
951
  'row-hover-bg-color': getCssVar('color-white'),
952
952
  'current-row-bg-color': getCssVar('color-primary-light-9'),
@@ -958,9 +958,9 @@ $table: map.merge(
958
958
  'fixed-left-column': inset 10px 0 10px -10px rgb(0 0 0 / 15%),
959
959
  'fixed-right-column': inset -10px 0 10px -10px rgb(0 0 0 / 15%),
960
960
  'index': getCssVar('index-normal'),
961
- 'font-weight-body': 300,
961
+ 'font-weight-body': 400,
962
962
  'font-weight-head': 400,
963
- 'font-size': 14px,
963
+ 'font-size': 12px,
964
964
  ),
965
965
  $table
966
966
  );
@@ -1200,7 +1200,7 @@ $badge: map.merge(
1200
1200
  $card: () !default;
1201
1201
  $card: map.merge(
1202
1202
  (
1203
- 'border-color': getCssVar('color-primary-light-1'),
1203
+ 'border-color': getCssVar('color-neutral-light-1'),
1204
1204
  'border-radius': 4px,
1205
1205
  'padding': 16px,
1206
1206
  'bg-color': getCssVar('fill-color', 'blank'),
@@ -1244,7 +1244,7 @@ $menu: map.merge(
1244
1244
  'item-font-size': getCssVar('font-size-base'),
1245
1245
  'item-hover-fill': getCssVar('color-primary-light-9'),
1246
1246
  'border-color': getCssVar('border-color'),
1247
- 'base-level-padding': 8px,
1247
+ 'base-level-padding': 16px,
1248
1248
  'level-padding': 20px,
1249
1249
  'icon-width': 14px,
1250
1250
  'border-radius': 4px,
@@ -2222,7 +2222,7 @@ heights > $common-component-size
2222
2222
  }
2223
2223
 
2224
2224
  .el-card {
2225
- --el-card-border-color: var(--el-color-primary-light-1);
2225
+ --el-card-border-color: var(--el-color-neutral-light-1);
2226
2226
  --el-card-border-radius: 4px;
2227
2227
  --el-card-padding: 16px;
2228
2228
  --el-card-bg-color: var(--el-fill-color-blank);
@@ -10197,7 +10197,7 @@ h6,
10197
10197
  --el-menu-item-font-size: var(--el-font-size-base);
10198
10198
  --el-menu-item-hover-fill: var(--el-color-primary-light-9);
10199
10199
  --el-menu-border-color: var(--el-border-color);
10200
- --el-menu-base-level-padding: 8px;
10200
+ --el-menu-base-level-padding: 16px;
10201
10201
  --el-menu-level-padding: 20px;
10202
10202
  --el-menu-icon-width: 14px;
10203
10203
  --el-menu-border-radius: 4px;
@@ -10291,9 +10291,6 @@ h6,
10291
10291
  color: var(--el-menu-active-color) !important;
10292
10292
  }
10293
10293
 
10294
- .el-menu--collapse {
10295
- width: calc(var(--el-menu-icon-width) + var(--el-menu-base-level-padding) * 2);
10296
- }
10297
10294
  .el-menu--collapse > .el-menu-item [class^=el-icon],
10298
10295
  .el-menu--collapse > .el-sub-menu > .el-sub-menu__title [class^=el-icon],
10299
10296
  .el-menu--collapse > .el-menu-item-group > ul > .el-sub-menu > .el-sub-menu__title [class^=el-icon] {
@@ -10322,6 +10319,10 @@ h6,
10322
10319
  .el-menu--collapse .el-menu .el-sub-menu {
10323
10320
  min-width: 200px;
10324
10321
  }
10322
+ .el-menu--collapse .el-sub-menu.is-active {
10323
+ background-color: var(--el-menu-active-bg-color);
10324
+ border-radius: var(--el-menu-border-radius);
10325
+ }
10325
10326
  .el-menu--collapse .el-sub-menu.is-active .el-sub-menu__title {
10326
10327
  color: var(--el-menu-active-color);
10327
10328
  }
@@ -10335,7 +10336,7 @@ h6,
10335
10336
  box-shadow: var(--el-box-shadow-light);
10336
10337
  }
10337
10338
  .el-menu--popup .el-menu-item {
10338
- padding: 0 var(--el-menu-base-level-padding);
10339
+ padding: 0 12px;
10339
10340
  height: var(--el-menu-horizontal-sub-item-height);
10340
10341
  }
10341
10342
 
@@ -13821,7 +13822,7 @@ h6,
13821
13822
  .el-table {
13822
13823
  --el-table-border-color: var(--el-color-neutral-light-2);
13823
13824
  --el-table-border: 1px solid var(--el-table-border-color);
13824
- --el-table-text-color: var(--el-color-neutral-light-7);
13825
+ --el-table-text-color: var(--el-color-neutral-light-6);
13825
13826
  --el-table-header-text-color: var(--el-color-neutral-light-9);
13826
13827
  --el-table-row-hover-bg-color: var(--el-color-white);
13827
13828
  --el-table-current-row-bg-color: var(--el-color-primary-light-9);
@@ -13833,9 +13834,9 @@ h6,
13833
13834
  --el-table-fixed-left-column: inset 10px 0 10px -10px rgba(0, 0, 0, 0.15);
13834
13835
  --el-table-fixed-right-column: inset -10px 0 10px -10px rgba(0, 0, 0, 0.15);
13835
13836
  --el-table-index: var(--el-index-normal);
13836
- --el-table-font-weight-body: 300;
13837
+ --el-table-font-weight-body: 400;
13837
13838
  --el-table-font-weight-head: 400;
13838
- --el-table-font-size: 14px;
13839
+ --el-table-font-size: 12px;
13839
13840
  }
13840
13841
 
13841
13842
  .el-table {
@@ -14484,7 +14485,7 @@ h6,
14484
14485
  .el-table-v2 {
14485
14486
  --el-table-border-color: var(--el-color-neutral-light-2);
14486
14487
  --el-table-border: 1px solid var(--el-table-border-color);
14487
- --el-table-text-color: var(--el-color-neutral-light-7);
14488
+ --el-table-text-color: var(--el-color-neutral-light-6);
14488
14489
  --el-table-header-text-color: var(--el-color-neutral-light-9);
14489
14490
  --el-table-row-hover-bg-color: var(--el-color-white);
14490
14491
  --el-table-current-row-bg-color: var(--el-color-primary-light-9);
@@ -14496,9 +14497,9 @@ h6,
14496
14497
  --el-table-fixed-left-column: inset 10px 0 10px -10px rgba(0, 0, 0, 0.15);
14497
14498
  --el-table-fixed-right-column: inset -10px 0 10px -10px rgba(0, 0, 0, 0.15);
14498
14499
  --el-table-index: var(--el-index-normal);
14499
- --el-table-font-weight-body: 300;
14500
+ --el-table-font-weight-body: 400;
14500
14501
  --el-table-font-weight-head: 400;
14501
- --el-table-font-size: 14px;
14502
+ --el-table-font-size: 12px;
14502
14503
  }
14503
14504
 
14504
14505
  .el-table-v2 {
@@ -433,7 +433,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
433
433
  --el-menu-item-font-size: var(--el-font-size-base);
434
434
  --el-menu-item-hover-fill: var(--el-color-primary-light-9);
435
435
  --el-menu-border-color: var(--el-border-color);
436
- --el-menu-base-level-padding: 8px;
436
+ --el-menu-base-level-padding: 16px;
437
437
  --el-menu-level-padding: 20px;
438
438
  --el-menu-icon-width: 14px;
439
439
  --el-menu-border-radius: 4px;
@@ -527,9 +527,6 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
527
527
  color: var(--el-menu-active-color) !important;
528
528
  }
529
529
 
530
- .el-menu--collapse {
531
- width: calc(var(--el-menu-icon-width) + var(--el-menu-base-level-padding) * 2);
532
- }
533
530
  .el-menu--collapse > .el-menu-item [class^=el-icon],
534
531
  .el-menu--collapse > .el-sub-menu > .el-sub-menu__title [class^=el-icon],
535
532
  .el-menu--collapse > .el-menu-item-group > ul > .el-sub-menu > .el-sub-menu__title [class^=el-icon] {
@@ -558,6 +555,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
558
555
  .el-menu--collapse .el-menu .el-sub-menu {
559
556
  min-width: 200px;
560
557
  }
558
+ .el-menu--collapse .el-sub-menu.is-active {
559
+ background-color: var(--el-menu-active-bg-color);
560
+ border-radius: var(--el-menu-border-radius);
561
+ }
561
562
  .el-menu--collapse .el-sub-menu.is-active .el-sub-menu__title {
562
563
  color: var(--el-menu-active-color);
563
564
  }
@@ -571,7 +572,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
571
572
  box-shadow: var(--el-box-shadow-light);
572
573
  }
573
574
  .el-menu--popup .el-menu-item {
574
- padding: 0 var(--el-menu-base-level-padding);
575
+ padding: 0 12px;
575
576
  height: var(--el-menu-horizontal-sub-item-height);
576
577
  }
577
578
 
@@ -171,7 +171,7 @@
171
171
  }
172
172
  }
173
173
  @include m(collapse) {
174
- width: calc(#{getCssVar('menu-icon-width')} + #{getCssVar('menu-base-level-padding')} * 2);
174
+ // width: calc(#{getCssVar('menu-icon-width')} + #{getCssVar('menu-base-level-padding')} * 2);
175
175
 
176
176
  > .#{$namespace}-menu-item,
177
177
  > .#{$namespace}-sub-menu > .#{$namespace}-sub-menu__title,
@@ -205,8 +205,13 @@
205
205
  }
206
206
 
207
207
  .#{$namespace}-sub-menu {
208
- &.is-active .#{$namespace}-sub-menu__title {
209
- color: getCssVar('menu-active-color');
208
+ &.is-active {
209
+ background-color: getCssVar('menu-active-bg-color');
210
+ border-radius: getCssVar('menu-border-radius');
211
+
212
+ .#{$namespace}-sub-menu__title {
213
+ color: getCssVar('menu-active-color');
214
+ }
210
215
  }
211
216
  }
212
217
  }
@@ -219,7 +224,7 @@
219
224
  box-shadow: getCssVar('box-shadow-light');
220
225
 
221
226
  .#{$namespace}-menu-item {
222
- padding: 0 getCssVar('menu-base-level-padding');
227
+ padding: 0 12px;
223
228
  height: getCssVar('menu-horizontal-sub-item-height');
224
229
  }
225
230
  }
@@ -303,7 +303,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
303
303
  .el-table-v2 {
304
304
  --el-table-border-color: var(--el-color-neutral-light-2);
305
305
  --el-table-border: 1px solid var(--el-table-border-color);
306
- --el-table-text-color: var(--el-color-neutral-light-7);
306
+ --el-table-text-color: var(--el-color-neutral-light-6);
307
307
  --el-table-header-text-color: var(--el-color-neutral-light-9);
308
308
  --el-table-row-hover-bg-color: var(--el-color-white);
309
309
  --el-table-current-row-bg-color: var(--el-color-primary-light-9);
@@ -315,9 +315,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
315
315
  --el-table-fixed-left-column: inset 10px 0 10px -10px rgba(0, 0, 0, 0.15);
316
316
  --el-table-fixed-right-column: inset -10px 0 10px -10px rgba(0, 0, 0, 0.15);
317
317
  --el-table-index: var(--el-index-normal);
318
- --el-table-font-weight-body: 300;
318
+ --el-table-font-weight-body: 400;
319
319
  --el-table-font-weight-head: 400;
320
- --el-table-font-size: 14px;
320
+ --el-table-font-size: 12px;
321
321
  }
322
322
 
323
323
  .el-table-v2 {
@@ -303,7 +303,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
303
303
  .el-table {
304
304
  --el-table-border-color: var(--el-color-neutral-light-2);
305
305
  --el-table-border: 1px solid var(--el-table-border-color);
306
- --el-table-text-color: var(--el-color-neutral-light-7);
306
+ --el-table-text-color: var(--el-color-neutral-light-6);
307
307
  --el-table-header-text-color: var(--el-color-neutral-light-9);
308
308
  --el-table-row-hover-bg-color: var(--el-color-white);
309
309
  --el-table-current-row-bg-color: var(--el-color-primary-light-9);
@@ -315,9 +315,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
315
315
  --el-table-fixed-left-column: inset 10px 0 10px -10px rgba(0, 0, 0, 0.15);
316
316
  --el-table-fixed-right-column: inset -10px 0 10px -10px rgba(0, 0, 0, 0.15);
317
317
  --el-table-index: var(--el-index-normal);
318
- --el-table-font-weight-body: 300;
318
+ --el-table-font-weight-body: 400;
319
319
  --el-table-font-weight-head: 400;
320
- --el-table-font-size: 14px;
320
+ --el-table-font-size: 12px;
321
321
  }
322
322
 
323
323
  .el-table {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@timus-networks/theme",
3
- "version": "2.4.89",
3
+ "version": "2.4.91",
4
4
  "description": "A comprehensive Nuxt.js module providing a tailored theme experience with integrated TailwindCSS support for applications.",
5
5
  "type": "module",
6
6
  "exports": {