@timus-networks/theme 2.4.138 → 2.4.141

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.
Files changed (30) hide show
  1. package/dist/module.json +1 -1
  2. package/dist/module.mjs +1 -1
  3. package/dist/runtime/assets/scss/main.css +112 -107
  4. package/dist/runtime/components/development/example.alert.vue +16 -1
  5. package/dist/runtime/public/scss/element-plus/alert.css +37 -37
  6. package/dist/runtime/public/scss/element-plus/alert.scss +8 -8
  7. package/dist/runtime/public/scss/element-plus/autocomplete.css +2 -2
  8. package/dist/runtime/public/scss/element-plus/base.css +3 -3
  9. package/dist/runtime/public/scss/element-plus/common/var.scss +23 -22
  10. package/dist/runtime/public/scss/element-plus/date-picker/picker.css +4 -4
  11. package/dist/runtime/public/scss/element-plus/date-picker.css +4 -4
  12. package/dist/runtime/public/scss/element-plus/dropdown.css +7 -6
  13. package/dist/runtime/public/scss/element-plus/dropdown.scss +3 -2
  14. package/dist/runtime/public/scss/element-plus/index.css +112 -107
  15. package/dist/runtime/public/scss/element-plus/message-box.css +4 -4
  16. package/dist/runtime/public/scss/element-plus/message.css +24 -24
  17. package/dist/runtime/public/scss/element-plus/notification.css +4 -4
  18. package/dist/runtime/public/scss/element-plus/option.css +7 -5
  19. package/dist/runtime/public/scss/element-plus/option.scss +2 -0
  20. package/dist/runtime/public/scss/element-plus/pagination.css +16 -14
  21. package/dist/runtime/public/scss/element-plus/pagination.scss +2 -0
  22. package/dist/runtime/public/scss/element-plus/select-dropdown-v2.css +2 -2
  23. package/dist/runtime/public/scss/element-plus/select-dropdown.css +2 -2
  24. package/dist/runtime/public/scss/element-plus/select-v2.css +9 -7
  25. package/dist/runtime/public/scss/element-plus/select.css +9 -7
  26. package/dist/runtime/public/scss/element-plus/table-column.css +2 -2
  27. package/dist/runtime/public/scss/element-plus/time-picker.css +4 -4
  28. package/dist/runtime/public/scss/element-plus/time-select.css +4 -4
  29. package/dist/runtime/public/scss/element-plus/var.css +3 -3
  30. package/package.json +1 -1
@@ -301,13 +301,13 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
301
301
  }
302
302
  **/
303
303
  .el-pagination {
304
- --el-pagination-font-size: 14px;
304
+ --el-pagination-font-size: 12px;
305
305
  --el-pagination-bg-color: var(--el-fill-color-blank);
306
- --el-pagination-text-color: var(--el-color-neutral-light-4);
306
+ --el-pagination-text-color: var(--el-color-neutral-light-6);
307
307
  --el-pagination-border-radius: 2px;
308
- --el-pagination-button-color: var(--el-color-neutral-light-4);
309
- --el-pagination-button-width: 32px;
310
- --el-pagination-button-height: 30px;
308
+ --el-pagination-button-color: var(--el-color-neutral-light-6);
309
+ --el-pagination-button-width: 24px;
310
+ --el-pagination-button-height: 28px;
311
311
  --el-pagination-select-height: 20px;
312
312
  --el-pagination-button-disabled-color: var(--el-text-color-placeholder);
313
313
  --el-pagination-button-disabled-bg-color: var(--el-fill-color-blank);
@@ -315,18 +315,18 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
315
315
  --el-pagination-hover-color: var(--el-color-primary);
316
316
  --el-pagination-font-size-small: 12px;
317
317
  --el-pagination-button-width-small: 24px;
318
- --el-pagination-button-height-small: 30px;
318
+ --el-pagination-button-height-small: 28px;
319
319
  --el-pagination-button-width-large: 40px;
320
- --el-pagination-button-height-large: 30px;
320
+ --el-pagination-button-height-large: 28px;
321
321
  --el-pagination-item-gap: 16px;
322
322
  --el-pagination-width: 100%;
323
- --el-pagination-font-size: 14px;
323
+ --el-pagination-font-size: 12px;
324
324
  --el-pagination-bg-color: var(--el-fill-color-blank);
325
- --el-pagination-text-color: var(--el-color-neutral-light-4);
325
+ --el-pagination-text-color: var(--el-color-neutral-light-6);
326
326
  --el-pagination-border-radius: 2px;
327
- --el-pagination-button-color: var(--el-color-neutral-light-4);
328
- --el-pagination-button-width: 32px;
329
- --el-pagination-button-height: 30px;
327
+ --el-pagination-button-color: var(--el-color-neutral-light-6);
328
+ --el-pagination-button-width: 24px;
329
+ --el-pagination-button-height: 28px;
330
330
  --el-pagination-select-height: 20px;
331
331
  --el-pagination-button-disabled-color: var(--el-text-color-placeholder);
332
332
  --el-pagination-button-disabled-bg-color: var(--el-fill-color-blank);
@@ -334,9 +334,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
334
334
  --el-pagination-hover-color: var(--el-color-primary);
335
335
  --el-pagination-font-size-small: 12px;
336
336
  --el-pagination-button-width-small: 24px;
337
- --el-pagination-button-height-small: 30px;
337
+ --el-pagination-button-height-small: 28px;
338
338
  --el-pagination-button-width-large: 40px;
339
- --el-pagination-button-height-large: 30px;
339
+ --el-pagination-button-height-large: 28px;
340
340
  --el-pagination-item-gap: 16px;
341
341
  --el-pagination-width: 100%;
342
342
  white-space: nowrap;
@@ -351,6 +351,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
351
351
  text-align: center;
352
352
  -moz-appearance: textfield;
353
353
  height: calc(var(--el-pagination-button-height, 30px) - 2px);
354
+ font-size: 12px;
354
355
  }
355
356
  .el-pagination .el-select {
356
357
  width: 128px;
@@ -358,6 +359,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
358
359
  .el-pagination .el-select .el-select__wrapper {
359
360
  height: var(--el-pagination-select-height);
360
361
  min-height: var(--el-pagination-button-height);
362
+ font-size: 12px;
361
363
  }
362
364
  .el-pagination button {
363
365
  display: flex;
@@ -70,6 +70,7 @@
70
70
  text-align: center;
71
71
  -moz-appearance: textfield;
72
72
  height: calc(var(--el-pagination-button-height, 30px) - 2px);
73
+ font-size: 12px;
73
74
  }
74
75
 
75
76
  .#{$namespace}-select {
@@ -78,6 +79,7 @@
78
79
  .#{$namespace}-select__wrapper {
79
80
  height: getCssVar('pagination-select-height');
80
81
  min-height: getCssVar('pagination-button-height');
82
+ font-size: 12px;
81
83
  }
82
84
  }
83
85
 
@@ -331,12 +331,12 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
331
331
 
332
332
  .el-select-dropdown__list {
333
333
  list-style: none;
334
- padding: 6px 0;
334
+ padding: 8px;
335
335
  margin: 0;
336
336
  box-sizing: border-box;
337
337
  }
338
338
  .el-select-dropdown__list.el-vl__window {
339
- margin: 6px 0;
339
+ margin: 8px;
340
340
  padding: 0;
341
341
  }
342
342
 
@@ -331,12 +331,12 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
331
331
 
332
332
  .el-select-dropdown__list {
333
333
  list-style: none;
334
- padding: 6px 0;
334
+ padding: 8px;
335
335
  margin: 0;
336
336
  box-sizing: border-box;
337
337
  }
338
338
  .el-select-dropdown__list.el-vl__window {
339
- margin: 6px 0;
339
+ margin: 8px;
340
340
  padding: 0;
341
341
  }
342
342
 
@@ -331,12 +331,12 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
331
331
 
332
332
  .el-select-dropdown__list {
333
333
  list-style: none;
334
- padding: 6px 0;
334
+ padding: 8px;
335
335
  margin: 0;
336
336
  box-sizing: border-box;
337
337
  }
338
338
  .el-select-dropdown__list.el-vl__window {
339
- margin: 6px 0;
339
+ margin: 8px;
340
340
  padding: 0;
341
341
  }
342
342
 
@@ -359,19 +359,21 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
359
359
  white-space: nowrap;
360
360
  overflow: hidden;
361
361
  text-overflow: ellipsis;
362
- color: var(--el-text-color-secondary);
362
+ color: var(--el-text-color-neutral-light-9);
363
363
  height: 32px;
364
364
  line-height: 32px;
365
365
  box-sizing: border-box;
366
366
  cursor: pointer;
367
+ border-radius: var(--el-border-radius-small);
367
368
  }
368
369
  .el-select-dropdown__item.is-hovering {
369
- background-color: var(--el-color-white);
370
- color: var(--el-color-primary);
370
+ background-color: var(--el-color-neutral-light-1);
371
+ color: var(--el-text-color-neutral-light-9);
371
372
  }
372
373
 
373
374
  .el-select-dropdown__item.is-selected {
374
- color: var(--el-color-primary);
375
+ color: var(--el-text-color-neutral-light-9);
376
+ background-color: var(--el-color-neutral-light-2);
375
377
  font-weight: 500;
376
378
  }
377
379
 
@@ -390,7 +392,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
390
392
  border-right: none;
391
393
  background-repeat: no-repeat;
392
394
  background-position: center;
393
- background-color: var(--el-color-primary);
395
+ background-color: var(--el-text-color-neutral-light-9);
394
396
  mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
395
397
  mask-size: 100% 100%;
396
398
  -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
@@ -331,12 +331,12 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
331
331
 
332
332
  .el-select-dropdown__list {
333
333
  list-style: none;
334
- padding: 6px 0;
334
+ padding: 8px;
335
335
  margin: 0;
336
336
  box-sizing: border-box;
337
337
  }
338
338
  .el-select-dropdown__list.el-vl__window {
339
- margin: 6px 0;
339
+ margin: 8px;
340
340
  padding: 0;
341
341
  }
342
342
 
@@ -359,19 +359,21 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
359
359
  white-space: nowrap;
360
360
  overflow: hidden;
361
361
  text-overflow: ellipsis;
362
- color: var(--el-text-color-secondary);
362
+ color: var(--el-text-color-neutral-light-9);
363
363
  height: 32px;
364
364
  line-height: 32px;
365
365
  box-sizing: border-box;
366
366
  cursor: pointer;
367
+ border-radius: var(--el-border-radius-small);
367
368
  }
368
369
  .el-select-dropdown__item.is-hovering {
369
- background-color: var(--el-color-white);
370
- color: var(--el-color-primary);
370
+ background-color: var(--el-color-neutral-light-1);
371
+ color: var(--el-text-color-neutral-light-9);
371
372
  }
372
373
 
373
374
  .el-select-dropdown__item.is-selected {
374
- color: var(--el-color-primary);
375
+ color: var(--el-text-color-neutral-light-9);
376
+ background-color: var(--el-color-neutral-light-2);
375
377
  font-weight: 500;
376
378
  }
377
379
 
@@ -390,7 +392,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
390
392
  border-right: none;
391
393
  background-repeat: no-repeat;
392
394
  background-position: center;
393
- background-color: var(--el-color-primary);
395
+ background-color: var(--el-text-color-neutral-light-9);
394
396
  mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
395
397
  mask-size: 100% 100%;
396
398
  -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
@@ -327,8 +327,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
327
327
  font-size: var(--el-font-size-base);
328
328
  }
329
329
  .el-table-filter__list-item:hover {
330
- background-color: var(--el-color-white);
331
- color: var(--el-color-primary);
330
+ background-color: var(--el-color-neutral-light-1);
331
+ color: var(--el-color-neutral-light-9);
332
332
  }
333
333
  .el-table-filter__list-item.is-active {
334
334
  background-color: var(--el-color-primary);
@@ -448,10 +448,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
448
448
  }
449
449
 
450
450
  .el-date-editor {
451
- --el-date-editor-width: 220px;
452
- --el-date-editor-monthrange-width: 300px;
453
- --el-date-editor-daterange-width: 350px;
454
- --el-date-editor-datetimerange-width: 400px;
451
+ --el-date-editor-width: 100%;
452
+ --el-date-editor-monthrange-width: 100%;
453
+ --el-date-editor-daterange-width: 100%;
454
+ --el-date-editor-datetimerange-width: 100%;
455
455
  --el-input-text-color: var(--el-text-color-regular);
456
456
  --el-input-border: var(--el-border);
457
457
  --el-input-hover-border: var(--el-border-color-hover);
@@ -448,10 +448,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
448
448
  }
449
449
 
450
450
  .el-date-editor {
451
- --el-date-editor-width: 220px;
452
- --el-date-editor-monthrange-width: 300px;
453
- --el-date-editor-daterange-width: 350px;
454
- --el-date-editor-datetimerange-width: 400px;
451
+ --el-date-editor-width: 100%;
452
+ --el-date-editor-monthrange-width: 100%;
453
+ --el-date-editor-daterange-width: 100%;
454
+ --el-date-editor-datetimerange-width: 100%;
455
455
  --el-input-text-color: var(--el-text-color-regular);
456
456
  --el-input-border: var(--el-border);
457
457
  --el-input-hover-border: var(--el-border-color-hover);
@@ -304,7 +304,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
304
304
  --el-color-white: #ffffff;
305
305
  --el-color-black: #000000;
306
306
  --el-color-primary-rgb: 87, 55, 214;
307
- --el-color-secondary-rgb: 119, 212, 183;
307
+ --el-color-secondary-rgb: 168, 166, 177;
308
308
  --el-color-neutral-rgb: 168, 166, 177;
309
309
  --el-color-success-rgb: 76, 183, 112;
310
310
  --el-color-warning-rgb: 232, 197, 82;
@@ -376,8 +376,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
376
376
  --el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, 0.12);
377
377
  --el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, 0.08), 0px 12px 32px rgba(0, 0, 0, 0.12), 0px 8px 16px -8px rgba(0, 0, 0, 0.16);
378
378
  --el-disabled-bg-color: var(--el-color-neutral-light-1);
379
- --el-disabled-text-color: var(--el-color-neutral-light-4);
380
- --el-disabled-border-color: var(--el-color-neutral-light-4);
379
+ --el-disabled-text-color: var(--el-color-neutral-light-6);
380
+ --el-disabled-border-color: var(--el-color-neutral-light-5);
381
381
  --el-overlay-color: rgba(0, 0, 0, 0.8);
382
382
  --el-overlay-color-light: rgba(0, 0, 0, 0.7);
383
383
  --el-overlay-color-lighter: #4cb770;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@timus-networks/theme",
3
- "version": "2.4.138",
3
+ "version": "2.4.141",
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": {