@timus-networks/theme 2.4.162 → 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.161",
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.161";
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);
@@ -17955,6 +17955,7 @@ mark.el-text {
17955
17955
 
17956
17956
  .el-popper {
17957
17957
  --el-popper-border-radius: var(--el-popover-border-radius, 4px);
17958
+ --el-popper-border-color: var(--el-color-neutral-light-2);
17958
17959
  }
17959
17960
 
17960
17961
  .el-popper {
@@ -17964,7 +17965,7 @@ mark.el-text {
17964
17965
  z-index: 2000;
17965
17966
  font-size: 12px;
17966
17967
  line-height: 20px;
17967
- min-width: 10px;
17968
+ min-width: 150px;
17968
17969
  overflow-wrap: break-word;
17969
17970
  visibility: visible;
17970
17971
  }
@@ -17983,11 +17984,11 @@ mark.el-text {
17983
17984
 
17984
17985
  .el-popper.is-light {
17985
17986
  background: var(--el-bg-color-overlay);
17986
- border: 1px solid var(--el-border-color);
17987
- 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);
17988
17989
  }
17989
17990
  .el-popper.is-light .el-popper__arrow::before {
17990
- border: 1px solid var(--el-border-color);
17991
+ border: 1px solid var(--el-popper-border-color);
17991
17992
  background: var(--el-bg-color-overlay);
17992
17993
  right: 0;
17993
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');
@@ -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);
@@ -17069,6 +17069,7 @@ mark.el-text {
17069
17069
 
17070
17070
  .el-popper {
17071
17071
  --el-popper-border-radius: var(--el-popover-border-radius, 4px);
17072
+ --el-popper-border-color: var(--el-color-neutral-light-2);
17072
17073
  }
17073
17074
 
17074
17075
  .el-popper {
@@ -17078,7 +17079,7 @@ mark.el-text {
17078
17079
  z-index: 2000;
17079
17080
  font-size: 12px;
17080
17081
  line-height: 20px;
17081
- min-width: 10px;
17082
+ min-width: 150px;
17082
17083
  overflow-wrap: break-word;
17083
17084
  visibility: visible;
17084
17085
  }
@@ -17097,11 +17098,11 @@ mark.el-text {
17097
17098
 
17098
17099
  .el-popper.is-light {
17099
17100
  background: var(--el-bg-color-overlay);
17100
- border: 1px solid var(--el-border-color);
17101
- 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);
17102
17103
  }
17103
17104
  .el-popper.is-light .el-popper__arrow::before {
17104
- border: 1px solid var(--el-border-color);
17105
+ border: 1px solid var(--el-popper-border-color);
17105
17106
  background: var(--el-bg-color-overlay);
17106
17107
  right: 0;
17107
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
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@timus-networks/theme",
3
- "version": "2.4.162",
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": {