@timus-networks/theme 2.4.161 → 2.4.165

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.160",
4
+ "version": "2.4.164",
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.160";
14
+ const version = "2.4.164";
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 = {
@@ -9628,7 +9628,7 @@ heights > $common-component-size
9628
9628
  margin: 0;
9629
9629
  font-size: var(--el-font-size-small);
9630
9630
  font-weight: 500;
9631
- color: var(--el-text-color-neutral-light-9);
9631
+ color: var(--el-color-neutral-light-9);
9632
9632
  cursor: pointer;
9633
9633
  outline: none;
9634
9634
  border-radius: var(--el-border-radius-small);
@@ -9907,6 +9907,7 @@ heights > $common-component-size
9907
9907
  padding-left: 12px;
9908
9908
  top: 100%;
9909
9909
  left: 0;
9910
+ width: 100%;
9910
9911
  }
9911
9912
  .el-form-item__error--inline {
9912
9913
  position: relative;
@@ -15260,7 +15261,7 @@ heights > $common-component-size
15260
15261
  overflow: hidden;
15261
15262
  position: sticky;
15262
15263
  z-index: 12;
15263
- top: 36px;
15264
+ top: 52px;
15264
15265
  }
15265
15266
  .el-table__header-wrapper tbody td.el-table__cell {
15266
15267
  background-color: var(--el-table-row-hover-bg-color);
@@ -17954,6 +17955,7 @@ mark.el-text {
17954
17955
 
17955
17956
  .el-popper {
17956
17957
  --el-popper-border-radius: var(--el-popover-border-radius, 4px);
17958
+ --el-popper-border-color: var(--el-color-neutral-light-2);
17957
17959
  }
17958
17960
 
17959
17961
  .el-popper {
@@ -17963,7 +17965,7 @@ mark.el-text {
17963
17965
  z-index: 2000;
17964
17966
  font-size: 12px;
17965
17967
  line-height: 20px;
17966
- min-width: 10px;
17968
+ min-width: 150px;
17967
17969
  overflow-wrap: break-word;
17968
17970
  visibility: visible;
17969
17971
  }
@@ -17982,11 +17984,11 @@ mark.el-text {
17982
17984
 
17983
17985
  .el-popper.is-light {
17984
17986
  background: var(--el-bg-color-overlay);
17985
- border: 1px solid var(--el-border-color);
17986
- box-shadow: var(--el-box-shadow-light);
17987
+ border: 1px solid var(--el-popper-border-color);
17988
+ box-shadow: 0 86px 24px 0 rgba(0, 0, 0, 0), 0 55px 22px 0 rgba(0, 0, 0, 0.01), 0 31px 19px 0 rgba(0, 0, 0, 0.02), 0 14px 14px 0 rgba(0, 0, 0, 0.03), 0 3px 8px 0 rgba(0, 0, 0, 0.04);
17987
17989
  }
17988
17990
  .el-popper.is-light .el-popper__arrow::before {
17989
- border: 1px solid var(--el-border-color);
17991
+ border: 1px solid var(--el-popper-border-color);
17990
17992
  background: var(--el-bg-color-overlay);
17991
17993
  right: 0;
17992
17994
  }
@@ -1077,6 +1077,7 @@ $popper: () !default;
1077
1077
  $popper: map.merge(
1078
1078
  (
1079
1079
  'border-radius': var(#{getCssVarName('popover-border-radius')}, 4px),
1080
+ 'border-color': getCssVar('color-neutral-light-2'),
1080
1081
  ),
1081
1082
  $popper
1082
1083
  );
@@ -438,7 +438,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
438
438
  margin: 0;
439
439
  font-size: var(--el-font-size-small);
440
440
  font-weight: 500;
441
- color: var(--el-text-color-neutral-light-9);
441
+ color: var(--el-color-neutral-light-9);
442
442
  cursor: pointer;
443
443
  outline: none;
444
444
  border-radius: var(--el-border-radius-small);
@@ -171,7 +171,7 @@ $dropdown-menu-padding-vertical: map.merge(
171
171
  margin: 0;
172
172
  font-size: getCssVar('font-size', 'small');
173
173
  font-weight: 500;
174
- color: getCssVar('text-color', 'neutral', 'light-9');
174
+ color: getCssVar('color-neutral-light-9');
175
175
  cursor: pointer;
176
176
  outline: none;
177
177
  border-radius: getCssVar('border-radius-small');
@@ -460,6 +460,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
460
460
  padding-left: 12px;
461
461
  top: 100%;
462
462
  left: 0;
463
+ width: 100%;
463
464
  }
464
465
  .el-form-item__error--inline {
465
466
  position: relative;
@@ -195,6 +195,7 @@ $form-item-label-top-margin-bottom: map.merge(
195
195
  // position: absolute;
196
196
  top: 100%;
197
197
  left: 0;
198
+ width: 100%;
198
199
 
199
200
  @include m(inline) {
200
201
  position: relative;
@@ -8631,7 +8631,7 @@ heights > $common-component-size
8631
8631
  margin: 0;
8632
8632
  font-size: var(--el-font-size-small);
8633
8633
  font-weight: 500;
8634
- color: var(--el-text-color-neutral-light-9);
8634
+ color: var(--el-color-neutral-light-9);
8635
8635
  cursor: pointer;
8636
8636
  outline: none;
8637
8637
  border-radius: var(--el-border-radius-small);
@@ -8910,6 +8910,7 @@ heights > $common-component-size
8910
8910
  padding-left: 12px;
8911
8911
  top: 100%;
8912
8912
  left: 0;
8913
+ width: 100%;
8913
8914
  }
8914
8915
  .el-form-item__error--inline {
8915
8916
  position: relative;
@@ -14374,7 +14375,7 @@ h6,
14374
14375
  overflow: hidden;
14375
14376
  position: sticky;
14376
14377
  z-index: 12;
14377
- top: 36px;
14378
+ top: 52px;
14378
14379
  }
14379
14380
  .el-table__header-wrapper tbody td.el-table__cell {
14380
14381
  background-color: var(--el-table-row-hover-bg-color);
@@ -17068,6 +17069,7 @@ mark.el-text {
17068
17069
 
17069
17070
  .el-popper {
17070
17071
  --el-popper-border-radius: var(--el-popover-border-radius, 4px);
17072
+ --el-popper-border-color: var(--el-color-neutral-light-2);
17071
17073
  }
17072
17074
 
17073
17075
  .el-popper {
@@ -17077,7 +17079,7 @@ mark.el-text {
17077
17079
  z-index: 2000;
17078
17080
  font-size: 12px;
17079
17081
  line-height: 20px;
17080
- min-width: 10px;
17082
+ min-width: 150px;
17081
17083
  overflow-wrap: break-word;
17082
17084
  visibility: visible;
17083
17085
  }
@@ -17096,11 +17098,11 @@ mark.el-text {
17096
17098
 
17097
17099
  .el-popper.is-light {
17098
17100
  background: var(--el-bg-color-overlay);
17099
- border: 1px solid var(--el-border-color);
17100
- box-shadow: var(--el-box-shadow-light);
17101
+ border: 1px solid var(--el-popper-border-color);
17102
+ box-shadow: 0 86px 24px 0 rgba(0, 0, 0, 0), 0 55px 22px 0 rgba(0, 0, 0, 0.01), 0 31px 19px 0 rgba(0, 0, 0, 0.02), 0 14px 14px 0 rgba(0, 0, 0, 0.03), 0 3px 8px 0 rgba(0, 0, 0, 0.04);
17101
17103
  }
17102
17104
  .el-popper.is-light .el-popper__arrow::before {
17103
- border: 1px solid var(--el-border-color);
17105
+ border: 1px solid var(--el-popper-border-color);
17104
17106
  background: var(--el-bg-color-overlay);
17105
17107
  right: 0;
17106
17108
  }
@@ -302,6 +302,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
302
302
  **/
303
303
  .el-popper {
304
304
  --el-popper-border-radius: var(--el-popover-border-radius, 4px);
305
+ --el-popper-border-color: var(--el-color-neutral-light-2);
305
306
  }
306
307
 
307
308
  .el-popper {
@@ -311,7 +312,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
311
312
  z-index: 2000;
312
313
  font-size: 12px;
313
314
  line-height: 20px;
314
- min-width: 10px;
315
+ min-width: 150px;
315
316
  overflow-wrap: break-word;
316
317
  visibility: visible;
317
318
  }
@@ -330,11 +331,11 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
330
331
 
331
332
  .el-popper.is-light {
332
333
  background: var(--el-bg-color-overlay);
333
- border: 1px solid var(--el-border-color);
334
- box-shadow: var(--el-box-shadow-light);
334
+ border: 1px solid var(--el-popper-border-color);
335
+ box-shadow: 0 86px 24px 0 rgba(0, 0, 0, 0), 0 55px 22px 0 rgba(0, 0, 0, 0.01), 0 31px 19px 0 rgba(0, 0, 0, 0.02), 0 14px 14px 0 rgba(0, 0, 0, 0.03), 0 3px 8px 0 rgba(0, 0, 0, 0.04);
335
336
  }
336
337
  .el-popper.is-light .el-popper__arrow::before {
337
- border: 1px solid var(--el-border-color);
338
+ border: 1px solid var(--el-popper-border-color);
338
339
  background: var(--el-bg-color-overlay);
339
340
  right: 0;
340
341
  }
@@ -14,7 +14,7 @@
14
14
  z-index: 2000;
15
15
  font-size: 12px;
16
16
  line-height: 20px;
17
- min-width: 10px;
17
+ min-width: 150px;
18
18
  overflow-wrap: break-word;
19
19
  visibility: visible;
20
20
 
@@ -36,11 +36,16 @@
36
36
 
37
37
  @include when(light) {
38
38
  background: getCssVar('bg-color', 'overlay');
39
- border: 1px solid getCssVar('border-color');
40
- box-shadow: getCssVar('box-shadow-light');
39
+ border: 1px solid getCssVar('popper', 'border-color');
40
+ box-shadow:
41
+ 0 86px 24px 0 rgba(0, 0, 0, 0),
42
+ 0 55px 22px 0 rgba(0, 0, 0, 0.01),
43
+ 0 31px 19px 0 rgba(0, 0, 0, 0.02),
44
+ 0 14px 14px 0 rgba(0, 0, 0, 0.03),
45
+ 0 3px 8px 0 rgba(0, 0, 0, 0.04);
41
46
 
42
47
  #{$arrow-selector}::before {
43
- border: 1px solid getCssVar('border-color');
48
+ border: 1px solid getCssVar('popper', 'border-color');
44
49
  background: getCssVar('bg-color', 'overlay');
45
50
  right: 0;
46
51
  }
@@ -706,7 +706,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
706
706
  overflow: hidden;
707
707
  position: sticky;
708
708
  z-index: 12;
709
- top: 36px;
709
+ top: 52px;
710
710
  }
711
711
  .el-table__header-wrapper tbody td.el-table__cell {
712
712
  background-color: var(--el-table-row-hover-bg-color);
@@ -472,7 +472,7 @@
472
472
  overflow: hidden;
473
473
  position: sticky;
474
474
  z-index: 12;
475
- top: 36px;
475
+ top: 52px;
476
476
 
477
477
  & tbody td.#{$namespace}-table__cell {
478
478
  background-color: getCssVar('table-row-hover-bg-color');
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@timus-networks/theme",
3
- "version": "2.4.161",
3
+ "version": "2.4.165",
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": {