@timus-networks/theme 2.4.162 → 2.4.166

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.165",
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.165";
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 = {
@@ -1,5 +1,6 @@
1
1
  @charset "UTF-8";
2
2
  :root {
3
+ --font-family: "Poppins", sans-serif;
3
4
  --font-size: 1em;
4
5
  --border-width: 1px;
5
6
  --border-style: solid;
@@ -9336,7 +9337,7 @@ heights > $common-component-size
9336
9337
  height: 1px;
9337
9338
  width: 100%;
9338
9339
  margin: 8px 0;
9339
- border-top: 1px var(--el-color-neutral-light-3) var(--el-border-style);
9340
+ border-top: 1px var(--el-color-neutral-light-2) var(--el-border-style);
9340
9341
  }
9341
9342
 
9342
9343
  .el-divider--vertical {
@@ -9346,7 +9347,7 @@ heights > $common-component-size
9346
9347
  margin: 0 8px;
9347
9348
  vertical-align: middle;
9348
9349
  position: relative;
9349
- border-left: 1px var(--el-color-neutral-light-3) var(--el-border-style);
9350
+ border-left: 1px var(--el-color-neutral-light-2) var(--el-border-style);
9350
9351
  }
9351
9352
 
9352
9353
  .el-divider__text {
@@ -9628,7 +9629,7 @@ heights > $common-component-size
9628
9629
  margin: 0;
9629
9630
  font-size: var(--el-font-size-small);
9630
9631
  font-weight: 500;
9631
- color: var(--el-text-color-neutral-light-9);
9632
+ color: var(--el-color-neutral-light-9);
9632
9633
  cursor: pointer;
9633
9634
  outline: none;
9634
9635
  border-radius: var(--el-border-radius-small);
@@ -10864,10 +10865,8 @@ heights > $common-component-size
10864
10865
  outline: none;
10865
10866
  cursor: pointer;
10866
10867
  padding: 0;
10867
- font-size: var(--el-link-font-size);
10868
10868
  font-weight: var(--el-link-font-weight);
10869
10869
  color: var(--el-link-text-color);
10870
- line-height: var(--el-line-height-base);
10871
10870
  }
10872
10871
  .el-link:hover {
10873
10872
  color: var(--el-link-hover-text-color);
@@ -12192,6 +12191,7 @@ heights > $common-component-size
12192
12191
  cursor: pointer;
12193
12192
  text-align: center;
12194
12193
  box-sizing: border-box;
12194
+ margin-top: -16px;
12195
12195
  }
12196
12196
  .el-pagination button * {
12197
12197
  pointer-events: none;
@@ -12374,6 +12374,7 @@ heights > $common-component-size
12374
12374
  cursor: pointer;
12375
12375
  text-align: center;
12376
12376
  box-sizing: border-box;
12377
+ margin-top: -16px;
12377
12378
  }
12378
12379
  .el-pager li * {
12379
12380
  pointer-events: none;
@@ -14887,7 +14888,6 @@ heights > $common-component-size
14887
14888
  color: var(--el-table-text-color);
14888
14889
  overflow: initial;
14889
14890
  border-bottom: 1px solid var(--el-table-border-color);
14890
- border-top: 1px solid var(--el-table-border-color);
14891
14891
  }
14892
14892
  .el-table__inner-wrapper {
14893
14893
  position: relative;
@@ -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
  }
@@ -1,5 +1,5 @@
1
1
  :root {
2
- // --font-family: 'Satosi', sans-serif;
2
+ --font-family: 'Poppins', sans-serif;
3
3
  --font-size: 1em;
4
4
  --border-width: 1px;
5
5
  --border-style: solid;
@@ -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
  );
@@ -308,7 +308,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
308
308
  height: 1px;
309
309
  width: 100%;
310
310
  margin: 8px 0;
311
- border-top: 1px var(--el-color-neutral-light-3) var(--el-border-style);
311
+ border-top: 1px var(--el-color-neutral-light-2) var(--el-border-style);
312
312
  }
313
313
 
314
314
  .el-divider--vertical {
@@ -318,7 +318,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
318
318
  margin: 0 8px;
319
319
  vertical-align: middle;
320
320
  position: relative;
321
- border-left: 1px var(--el-color-neutral-light-3) var(--el-border-style);
321
+ border-left: 1px var(--el-color-neutral-light-2) var(--el-border-style);
322
322
  }
323
323
 
324
324
  .el-divider__text {
@@ -9,7 +9,7 @@
9
9
  height: 1px;
10
10
  width: 100%;
11
11
  margin: 8px 0;
12
- border-top: 1px getCssVar('color', 'neutral', 'light-3') getCssVar('border-style');
12
+ border-top: 1px getCssVar('color', 'neutral', 'light-2') getCssVar('border-style');
13
13
  }
14
14
 
15
15
  @include m(vertical) {
@@ -19,7 +19,7 @@
19
19
  margin: 0 8px;
20
20
  vertical-align: middle;
21
21
  position: relative;
22
- border-left: 1px getCssVar('color', 'neutral', 'light-3') getCssVar('border-style');
22
+ border-left: 1px getCssVar('color', 'neutral', 'light-2') getCssVar('border-style');
23
23
  }
24
24
 
25
25
  @include e(text) {
@@ -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');
@@ -8339,7 +8339,7 @@ heights > $common-component-size
8339
8339
  height: 1px;
8340
8340
  width: 100%;
8341
8341
  margin: 8px 0;
8342
- border-top: 1px var(--el-color-neutral-light-3) var(--el-border-style);
8342
+ border-top: 1px var(--el-color-neutral-light-2) var(--el-border-style);
8343
8343
  }
8344
8344
 
8345
8345
  .el-divider--vertical {
@@ -8349,7 +8349,7 @@ heights > $common-component-size
8349
8349
  margin: 0 8px;
8350
8350
  vertical-align: middle;
8351
8351
  position: relative;
8352
- border-left: 1px var(--el-color-neutral-light-3) var(--el-border-style);
8352
+ border-left: 1px var(--el-color-neutral-light-2) var(--el-border-style);
8353
8353
  }
8354
8354
 
8355
8355
  .el-divider__text {
@@ -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);
@@ -9978,10 +9978,8 @@ h6,
9978
9978
  outline: none;
9979
9979
  cursor: pointer;
9980
9980
  padding: 0;
9981
- font-size: var(--el-link-font-size);
9982
9981
  font-weight: var(--el-link-font-weight);
9983
9982
  color: var(--el-link-text-color);
9984
- line-height: var(--el-line-height-base);
9985
9983
  }
9986
9984
  .el-link:hover {
9987
9985
  color: var(--el-link-hover-text-color);
@@ -11306,6 +11304,7 @@ h6,
11306
11304
  cursor: pointer;
11307
11305
  text-align: center;
11308
11306
  box-sizing: border-box;
11307
+ margin-top: -16px;
11309
11308
  }
11310
11309
  .el-pagination button * {
11311
11310
  pointer-events: none;
@@ -11488,6 +11487,7 @@ h6,
11488
11487
  cursor: pointer;
11489
11488
  text-align: center;
11490
11489
  box-sizing: border-box;
11490
+ margin-top: -16px;
11491
11491
  }
11492
11492
  .el-pager li * {
11493
11493
  pointer-events: none;
@@ -14001,7 +14001,6 @@ h6,
14001
14001
  color: var(--el-table-text-color);
14002
14002
  overflow: initial;
14003
14003
  border-bottom: 1px solid var(--el-table-border-color);
14004
- border-top: 1px solid var(--el-table-border-color);
14005
14004
  }
14006
14005
  .el-table__inner-wrapper {
14007
14006
  position: relative;
@@ -17069,6 +17068,7 @@ mark.el-text {
17069
17068
 
17070
17069
  .el-popper {
17071
17070
  --el-popper-border-radius: var(--el-popover-border-radius, 4px);
17071
+ --el-popper-border-color: var(--el-color-neutral-light-2);
17072
17072
  }
17073
17073
 
17074
17074
  .el-popper {
@@ -17078,7 +17078,7 @@ mark.el-text {
17078
17078
  z-index: 2000;
17079
17079
  font-size: 12px;
17080
17080
  line-height: 20px;
17081
- min-width: 10px;
17081
+ min-width: 150px;
17082
17082
  overflow-wrap: break-word;
17083
17083
  visibility: visible;
17084
17084
  }
@@ -17097,11 +17097,11 @@ mark.el-text {
17097
17097
 
17098
17098
  .el-popper.is-light {
17099
17099
  background: var(--el-bg-color-overlay);
17100
- border: 1px solid var(--el-border-color);
17101
- box-shadow: var(--el-box-shadow-light);
17100
+ border: 1px solid var(--el-popper-border-color);
17101
+ 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
17102
  }
17103
17103
  .el-popper.is-light .el-popper__arrow::before {
17104
- border: 1px solid var(--el-border-color);
17104
+ border: 1px solid var(--el-popper-border-color);
17105
17105
  background: var(--el-bg-color-overlay);
17106
17106
  right: 0;
17107
17107
  }
@@ -430,10 +430,8 @@ h6,
430
430
  outline: none;
431
431
  cursor: pointer;
432
432
  padding: 0;
433
- font-size: var(--el-link-font-size);
434
433
  font-weight: var(--el-link-font-weight);
435
434
  color: var(--el-link-text-color);
436
- line-height: var(--el-line-height-base);
437
435
  }
438
436
  .el-link:hover {
439
437
  color: var(--el-link-hover-text-color);
@@ -23,10 +23,10 @@
23
23
  outline: none;
24
24
  cursor: pointer;
25
25
  padding: 0;
26
- font-size: getCssVar('link', 'font-size');
26
+ // font-size: getCssVar('link', 'font-size');
27
27
  font-weight: getCssVar('link', 'font-weight');
28
28
  color: getCssVar('link', 'text-color');
29
- line-height: getCssVar('line-height', 'base');
29
+ // line-height: getCssVar('line-height', 'base');
30
30
  // border-bottom: 1px solid transparent;
31
31
 
32
32
  &:hover {
@@ -377,6 +377,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
377
377
  cursor: pointer;
378
378
  text-align: center;
379
379
  box-sizing: border-box;
380
+ margin-top: -16px;
380
381
  }
381
382
  .el-pagination button * {
382
383
  pointer-events: none;
@@ -559,6 +560,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
559
560
  cursor: pointer;
560
561
  text-align: center;
561
562
  box-sizing: border-box;
563
+ margin-top: -16px;
562
564
  }
563
565
  .el-pager li * {
564
566
  pointer-events: none;
@@ -19,6 +19,7 @@
19
19
  cursor: pointer;
20
20
  text-align: center;
21
21
  box-sizing: border-box;
22
+ margin-top: -16px;
22
23
 
23
24
  * {
24
25
  pointer-events: none;
@@ -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
  }
@@ -332,7 +332,6 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
332
332
  color: var(--el-table-text-color);
333
333
  overflow: initial;
334
334
  border-bottom: 1px solid var(--el-table-border-color);
335
- border-top: 1px solid var(--el-table-border-color);
336
335
  }
337
336
  .el-table__inner-wrapper {
338
337
  position: relative;
@@ -21,7 +21,7 @@
21
21
  color: getCssVar('table-text-color');
22
22
  overflow: initial;
23
23
  border-bottom: 1px solid getCssVar('table-border-color');
24
- border-top: 1px solid getCssVar('table-border-color');
24
+ // border-top: 1px solid getCssVar('table-border-color');
25
25
  // transform: translateX(24px);
26
26
  // margin: 8px 0;
27
27
 
@@ -1,5 +1,6 @@
1
1
  @charset "UTF-8";
2
2
  :root {
3
+ --font-family: "Poppins", sans-serif;
3
4
  --font-size: 1em;
4
5
  --border-width: 1px;
5
6
  --border-style: solid;
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.166",
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": {