@timus-networks/theme 2.4.136 → 2.4.138

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 (18) hide show
  1. package/dist/module.json +1 -1
  2. package/dist/module.mjs +1 -1
  3. package/dist/runtime/assets/scss/main.css +98 -41
  4. package/dist/runtime/public/scss/element-plus/alert.css +19 -19
  5. package/dist/runtime/public/scss/element-plus/alert.scss +19 -28
  6. package/dist/runtime/public/scss/element-plus/common/var.scss +3 -3
  7. package/dist/runtime/public/scss/element-plus/dialog.css +4 -4
  8. package/dist/runtime/public/scss/element-plus/dialog.scss +2 -2
  9. package/dist/runtime/public/scss/element-plus/index.css +95 -38
  10. package/dist/runtime/public/scss/element-plus/link.css +1 -0
  11. package/dist/runtime/public/scss/element-plus/link.scss +1 -1
  12. package/dist/runtime/public/scss/element-plus/message-box.css +28 -7
  13. package/dist/runtime/public/scss/element-plus/message-box.scss +16 -10
  14. package/dist/runtime/public/scss/element-plus/popover.css +43 -8
  15. package/dist/runtime/public/scss/element-plus/popover.scss +10 -2
  16. package/dist/runtime/public/scss/theme.css +3 -3
  17. package/dist/runtime/public/scss/theme.scss +1 -1
  18. package/package.json +1 -1
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.135",
4
+ "version": "2.4.137",
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.135";
14
+ const version = "2.4.137";
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 = {
package/dist/runtime/assets/scss/main.css CHANGED
@@ -1250,7 +1250,7 @@ body {
1250
1250
  flex-basis: 100%;
1251
1251
  justify-content: center;
1252
1252
  }
1253
- .page-footer .el-button:first-child {
1253
+ .page-footer .el-button:first-of-type {
1254
1254
  --el-button-text-color: var(--el-color-secondary-light-9);
1255
1255
  --el-button-bg-color: var(--el-color-secondary-light-1);
1256
1256
  --el-button-border-color: var(--el-color-secondary-light-2);
@@ -1266,7 +1266,7 @@ body {
1266
1266
  --el-button-disabled-bg-color: var(--el-color-secondary-light-1);
1267
1267
  --el-button-disabled-border-color: var(--el-color-secondary-light-1);
1268
1268
  }
1269
- .page-footer .el-button:first-child.is-plain, .page-footer .el-button:first-child.is-text, .page-footer .el-button:first-child.is-link {
1269
+ .page-footer .el-button:first-of-type.is-plain, .page-footer .el-button:first-of-type.is-text, .page-footer .el-button:first-of-type.is-link {
1270
1270
  --el-button-text-color: var(--el-color-secondary);
1271
1271
  --el-button-disabled-text-color: var(--el-color-secondary-light-9);
1272
1272
  --el-button-bg-color: var(--el-color-white);
@@ -1278,7 +1278,7 @@ body {
1278
1278
  --el-button-active-bg-color: var(--el-color-white);
1279
1279
  --el-button-active-border-color: var(--el-color-secondary-light-6);
1280
1280
  }
1281
- .page-footer .el-button:first-child.is-plain.is-disabled, .page-footer .el-button:first-child.is-plain.is-disabled:hover, .page-footer .el-button:first-child.is-plain.is-disabled:focus, .page-footer .el-button:first-child.is-plain.is-disabled:active, .page-footer .el-button:first-child.is-text.is-disabled, .page-footer .el-button:first-child.is-text.is-disabled:hover, .page-footer .el-button:first-child.is-text.is-disabled:focus, .page-footer .el-button:first-child.is-text.is-disabled:active, .page-footer .el-button:first-child.is-link.is-disabled, .page-footer .el-button:first-child.is-link.is-disabled:hover, .page-footer .el-button:first-child.is-link.is-disabled:focus, .page-footer .el-button:first-child.is-link.is-disabled:active {
1281
+ .page-footer .el-button:first-of-type.is-plain.is-disabled, .page-footer .el-button:first-of-type.is-plain.is-disabled:hover, .page-footer .el-button:first-of-type.is-plain.is-disabled:focus, .page-footer .el-button:first-of-type.is-plain.is-disabled:active, .page-footer .el-button:first-of-type.is-text.is-disabled, .page-footer .el-button:first-of-type.is-text.is-disabled:hover, .page-footer .el-button:first-of-type.is-text.is-disabled:focus, .page-footer .el-button:first-of-type.is-text.is-disabled:active, .page-footer .el-button:first-of-type.is-link.is-disabled, .page-footer .el-button:first-of-type.is-link.is-disabled:hover, .page-footer .el-button:first-of-type.is-link.is-disabled:focus, .page-footer .el-button:first-of-type.is-link.is-disabled:active {
1282
1282
  color: var(--el-color-secondary-light-2);
1283
1283
  background-color: transparent;
1284
1284
  border-color: var(--el-color-secondary-light-2);
@@ -1556,18 +1556,19 @@ body {
1556
1556
  --el-alert-padding: 8px 16px;
1557
1557
  --el-alert-border-radius: var(--el-border-radius-small);
1558
1558
  --el-alert-border-color: var(--el-color-info-light-3);
1559
- --el-alert-title-font-size: 14px;
1560
- --el-alert-title-with-description-font-size: 14px;
1561
- --el-alert-description-font-size: 14px;
1559
+ --el-alert-title-font-size: 12px;
1560
+ --el-alert-title-with-description-font-size: 12px;
1561
+ --el-alert-description-font-size: 10px;
1562
1562
  --el-alert-close-font-size: 14px;
1563
1563
  --el-alert-close-customed-font-size: 14px;
1564
1564
  --el-alert-icon-size: 18px;
1565
1565
  --el-alert-icon-large-size: 32px;
1566
+ position: relative;
1566
1567
  width: 100%;
1567
1568
  padding: var(--el-alert-padding);
1568
1569
  margin: 0;
1569
1570
  box-sizing: border-box;
1570
- border-radius: var(--el-alert-border-radius-small);
1571
+ border-radius: var(--el-border-radius-small);
1571
1572
  border-width: var(--el-border-width);
1572
1573
  border-style: var(--el-border-style);
1573
1574
  border-color: var(--el-alert-border-color);
@@ -1689,30 +1690,27 @@ body {
1689
1690
  }
1690
1691
 
1691
1692
  .el-alert::before {
1692
- font-family: "iconsax" !important;
1693
+ font-family: "Material Symbols Outlined" !important;
1693
1694
  -webkit-font-smoothing: antialiased;
1694
1695
  -moz-osx-font-smoothing: grayscale;
1695
1696
  font-style: normal;
1696
1697
  font-variant: normal;
1697
1698
  font-weight: 600;
1698
- line-height: 1;
1699
1699
  speak: never;
1700
1700
  text-transform: none;
1701
1701
  font-size: var(--el-alert-icon-size);
1702
- line-height: 24px;
1703
- margin-right: 8px;
1704
- }
1705
- .el-alert.el-alert--success::before {
1706
- content: "\ec2a";
1707
- }
1708
- .el-alert.el-alert--info::before {
1709
- content: "\eb4d";
1710
- }
1711
- .el-alert.el-alert--warning::before {
1712
- content: "\e9f6";
1702
+ line-height: 1;
1703
+ margin-right: 5px;
1704
+ content: "info";
1705
+ position: absolute;
1706
+ font-weight: 500;
1707
+ width: 12px;
1708
+ height: 12px;
1709
+ font-size: 12px;
1710
+ top: 14px;
1713
1711
  }
1714
- .el-alert.el-alert--danger::before, .el-alert.el-alert--error::before {
1715
- content: "\e9c8";
1712
+ .el-alert .el-alert__title {
1713
+ padding-left: 17px;
1716
1714
  }
1717
1715
  .el-alert .el-alert__icon {
1718
1716
  display: none;
@@ -1741,6 +1739,8 @@ body {
1741
1739
  }
1742
1740
  .el-alert__title.with-description {
1743
1741
  font-size: var(--el-alert-title-with-description-font-size);
1742
+ line-height: 14px;
1743
+ margin-top: 5px;
1744
1744
  }
1745
1745
 
1746
1746
  .el-alert .el-alert__description {
@@ -9214,9 +9214,9 @@ heights > $common-component-size
9214
9214
  box-sizing: border-box;
9215
9215
  }
9216
9216
  .el-dialog__footer .el-button {
9217
- flex-grow: 1;
9217
+ flex-basis: 100%;
9218
9218
  }
9219
- .el-dialog__footer .el-button:first-child {
9219
+ .el-dialog__footer .el-button:first-of-type {
9220
9220
  --el-button-text-color: var(--el-color-secondary-light-9);
9221
9221
  --el-button-bg-color: var(--el-color-secondary-light-1);
9222
9222
  --el-button-border-color: var(--el-color-secondary-light-2);
@@ -9232,7 +9232,7 @@ heights > $common-component-size
9232
9232
  --el-button-disabled-bg-color: var(--el-color-secondary-light-1);
9233
9233
  --el-button-disabled-border-color: var(--el-color-secondary-light-1);
9234
9234
  }
9235
- .el-dialog__footer .el-button:first-child.is-plain, .el-dialog__footer .el-button:first-child.is-text, .el-dialog__footer .el-button:first-child.is-link {
9235
+ .el-dialog__footer .el-button:first-of-type.is-plain, .el-dialog__footer .el-button:first-of-type.is-text, .el-dialog__footer .el-button:first-of-type.is-link {
9236
9236
  --el-button-text-color: var(--el-color-secondary);
9237
9237
  --el-button-disabled-text-color: var(--el-color-secondary-light-9);
9238
9238
  --el-button-bg-color: var(--el-color-white);
@@ -9244,7 +9244,7 @@ heights > $common-component-size
9244
9244
  --el-button-active-bg-color: var(--el-color-white);
9245
9245
  --el-button-active-border-color: var(--el-color-secondary-light-6);
9246
9246
  }
9247
- .el-dialog__footer .el-button:first-child.is-plain.is-disabled, .el-dialog__footer .el-button:first-child.is-plain.is-disabled:hover, .el-dialog__footer .el-button:first-child.is-plain.is-disabled:focus, .el-dialog__footer .el-button:first-child.is-plain.is-disabled:active, .el-dialog__footer .el-button:first-child.is-text.is-disabled, .el-dialog__footer .el-button:first-child.is-text.is-disabled:hover, .el-dialog__footer .el-button:first-child.is-text.is-disabled:focus, .el-dialog__footer .el-button:first-child.is-text.is-disabled:active, .el-dialog__footer .el-button:first-child.is-link.is-disabled, .el-dialog__footer .el-button:first-child.is-link.is-disabled:hover, .el-dialog__footer .el-button:first-child.is-link.is-disabled:focus, .el-dialog__footer .el-button:first-child.is-link.is-disabled:active {
9247
+ .el-dialog__footer .el-button:first-of-type.is-plain.is-disabled, .el-dialog__footer .el-button:first-of-type.is-plain.is-disabled:hover, .el-dialog__footer .el-button:first-of-type.is-plain.is-disabled:focus, .el-dialog__footer .el-button:first-of-type.is-plain.is-disabled:active, .el-dialog__footer .el-button:first-of-type.is-text.is-disabled, .el-dialog__footer .el-button:first-of-type.is-text.is-disabled:hover, .el-dialog__footer .el-button:first-of-type.is-text.is-disabled:focus, .el-dialog__footer .el-button:first-of-type.is-text.is-disabled:active, .el-dialog__footer .el-button:first-of-type.is-link.is-disabled, .el-dialog__footer .el-button:first-of-type.is-link.is-disabled:hover, .el-dialog__footer .el-button:first-of-type.is-link.is-disabled:focus, .el-dialog__footer .el-button:first-of-type.is-link.is-disabled:active {
9248
9248
  color: var(--el-color-secondary-light-2);
9249
9249
  background-color: transparent;
9250
9250
  border-color: var(--el-color-secondary-light-2);
@@ -10902,6 +10902,7 @@ heights > $common-component-size
10902
10902
  border-color: var(--el-color-primary-light-4);
10903
10903
  }
10904
10904
  .el-link__inner {
10905
+ display: inline-flex;
10905
10906
  overflow: hidden;
10906
10907
  text-overflow: ellipsis;
10907
10908
  white-space: nowrap;
@@ -11625,16 +11626,37 @@ heights > $common-component-size
11625
11626
  flex-basis: 100%;
11626
11627
  }
11627
11628
  .el-message-box__btns .el-button:first-of-type {
11628
- --el-button-text-color: var(--el-color-primary);
11629
- --el-button-disabled-text-color: var(--el-color-primary-light-9);
11629
+ --el-button-text-color: var(--el-color-secondary-light-9);
11630
+ --el-button-bg-color: var(--el-color-secondary-light-1);
11631
+ --el-button-border-color: var(--el-color-secondary-light-2);
11632
+ --el-button-outline-color: var(--el-color-secondary-light-5);
11633
+ --el-button-active-color: var(--el-color-secondary-dark-2);
11634
+ --el-button-hover-text-color: var(--el-color-secondary-light-9);
11635
+ --el-button-hover-link-text-color: var(--el-color-secondary-light-5);
11636
+ --el-button-hover-bg-color: var(--el-color-white);
11637
+ --el-button-hover-border-color: var(--el-color-secondary-light-3);
11638
+ --el-button-active-bg-color: var(--el-color-secondary-light-2);
11639
+ --el-button-active-border-color: var(--el-color-secondary-light-2);
11640
+ --el-button-disabled-text-color: var(--el-color-white);
11641
+ --el-button-disabled-bg-color: var(--el-color-secondary-light-1);
11642
+ --el-button-disabled-border-color: var(--el-color-secondary-light-1);
11643
+ }
11644
+ .el-message-box__btns .el-button:first-of-type.is-plain, .el-message-box__btns .el-button:first-of-type.is-text, .el-message-box__btns .el-button:first-of-type.is-link {
11645
+ --el-button-text-color: var(--el-color-secondary);
11646
+ --el-button-disabled-text-color: var(--el-color-secondary-light-9);
11630
11647
  --el-button-bg-color: var(--el-color-white);
11631
- --el-button-border-color: var(--el-color-primary-light-5);
11632
- --el-button-hover-text-color: var(--el-color-primary-light-4);
11648
+ --el-button-border-color: var(--el-color-secondary-light-5);
11649
+ --el-button-hover-text-color: var(--el-color-secondary-light-4);
11633
11650
  --el-button-hover-bg-color: var(--el-color-white);
11634
- --el-button-hover-border-color: var(--el-color-primary-light-4);
11635
- --el-button-active-text-color: var(--el-color-primary-light-6);
11651
+ --el-button-hover-border-color: var(--el-color-secondary-light-4);
11652
+ --el-button-active-text-color: var(--el-color-secondary-light-6);
11636
11653
  --el-button-active-bg-color: var(--el-color-white);
11637
- --el-button-active-border-color: var(--el-color-primary-light-6);
11654
+ --el-button-active-border-color: var(--el-color-secondary-light-6);
11655
+ }
11656
+ .el-message-box__btns .el-button:first-of-type.is-plain.is-disabled, .el-message-box__btns .el-button:first-of-type.is-plain.is-disabled:hover, .el-message-box__btns .el-button:first-of-type.is-plain.is-disabled:focus, .el-message-box__btns .el-button:first-of-type.is-plain.is-disabled:active, .el-message-box__btns .el-button:first-of-type.is-text.is-disabled, .el-message-box__btns .el-button:first-of-type.is-text.is-disabled:hover, .el-message-box__btns .el-button:first-of-type.is-text.is-disabled:focus, .el-message-box__btns .el-button:first-of-type.is-text.is-disabled:active, .el-message-box__btns .el-button:first-of-type.is-link.is-disabled, .el-message-box__btns .el-button:first-of-type.is-link.is-disabled:hover, .el-message-box__btns .el-button:first-of-type.is-link.is-disabled:focus, .el-message-box__btns .el-button:first-of-type.is-link.is-disabled:active {
11657
+ color: var(--el-color-secondary-light-2);
11658
+ background-color: transparent;
11659
+ border-color: var(--el-color-secondary-light-2);
11638
11660
  }
11639
11661
 
11640
11662
  .el-message-box--center .el-message-box__title {
@@ -12437,21 +12459,56 @@ heights > $common-component-size
12437
12459
  .popover-footer {
12438
12460
  display: flex;
12439
12461
  padding-top: 16px;
12440
- gap: 30px;
12462
+ gap: 28px;
12441
12463
  }
12442
12464
  .popover-footer .el-button {
12443
12465
  flex-basis: 100%;
12444
- @apply el-button--small;
12466
+ @apply el-button--mini;
12467
+ /*
12468
+ &:first-of-type {
12469
+ --el-button-hover-text-color: var(--el-color-primary-light-4);
12470
+ --el-button-hover-bg-color: var(--el-color-white);
12471
+ --el-button-hover-border-color: var(--el-color-primary-light-4);
12472
+ --el-button-active-text-color: var(--el-color-primary-light-6);
12473
+ --el-button-active-bg-color: var(--el-color-white);
12474
+ --el-button-active-border-color: var(--el-color-primary-light-6);
12475
+ --el-button-bg-color: var(--el-color-white);
12476
+ --el-button-text-color: var(--el-color-primary);
12477
+ }
12478
+ */
12445
12479
  }
12446
12480
  .popover-footer .el-button:first-of-type {
12447
- --el-button-hover-text-color: var(--el-color-primary-light-4);
12481
+ --el-button-text-color: var(--el-color-secondary-light-9);
12482
+ --el-button-bg-color: var(--el-color-secondary-light-1);
12483
+ --el-button-border-color: var(--el-color-secondary-light-2);
12484
+ --el-button-outline-color: var(--el-color-secondary-light-5);
12485
+ --el-button-active-color: var(--el-color-secondary-dark-2);
12486
+ --el-button-hover-text-color: var(--el-color-secondary-light-9);
12487
+ --el-button-hover-link-text-color: var(--el-color-secondary-light-5);
12448
12488
  --el-button-hover-bg-color: var(--el-color-white);
12449
- --el-button-hover-border-color: var(--el-color-primary-light-4);
12450
- --el-button-active-text-color: var(--el-color-primary-light-6);
12451
- --el-button-active-bg-color: var(--el-color-white);
12452
- --el-button-active-border-color: var(--el-color-primary-light-6);
12489
+ --el-button-hover-border-color: var(--el-color-secondary-light-3);
12490
+ --el-button-active-bg-color: var(--el-color-secondary-light-2);
12491
+ --el-button-active-border-color: var(--el-color-secondary-light-2);
12492
+ --el-button-disabled-text-color: var(--el-color-white);
12493
+ --el-button-disabled-bg-color: var(--el-color-secondary-light-1);
12494
+ --el-button-disabled-border-color: var(--el-color-secondary-light-1);
12495
+ }
12496
+ .popover-footer .el-button:first-of-type.is-plain, .popover-footer .el-button:first-of-type.is-text, .popover-footer .el-button:first-of-type.is-link {
12497
+ --el-button-text-color: var(--el-color-secondary);
12498
+ --el-button-disabled-text-color: var(--el-color-secondary-light-9);
12453
12499
  --el-button-bg-color: var(--el-color-white);
12454
- --el-button-text-color: var(--el-color-primary);
12500
+ --el-button-border-color: var(--el-color-secondary-light-5);
12501
+ --el-button-hover-text-color: var(--el-color-secondary-light-4);
12502
+ --el-button-hover-bg-color: var(--el-color-white);
12503
+ --el-button-hover-border-color: var(--el-color-secondary-light-4);
12504
+ --el-button-active-text-color: var(--el-color-secondary-light-6);
12505
+ --el-button-active-bg-color: var(--el-color-white);
12506
+ --el-button-active-border-color: var(--el-color-secondary-light-6);
12507
+ }
12508
+ .popover-footer .el-button:first-of-type.is-plain.is-disabled, .popover-footer .el-button:first-of-type.is-plain.is-disabled:hover, .popover-footer .el-button:first-of-type.is-plain.is-disabled:focus, .popover-footer .el-button:first-of-type.is-plain.is-disabled:active, .popover-footer .el-button:first-of-type.is-text.is-disabled, .popover-footer .el-button:first-of-type.is-text.is-disabled:hover, .popover-footer .el-button:first-of-type.is-text.is-disabled:focus, .popover-footer .el-button:first-of-type.is-text.is-disabled:active, .popover-footer .el-button:first-of-type.is-link.is-disabled, .popover-footer .el-button:first-of-type.is-link.is-disabled:hover, .popover-footer .el-button:first-of-type.is-link.is-disabled:focus, .popover-footer .el-button:first-of-type.is-link.is-disabled:active {
12509
+ color: var(--el-color-secondary-light-2);
12510
+ background-color: transparent;
12511
+ border-color: var(--el-color-secondary-light-2);
12455
12512
  }
12456
12513
 
12457
12514
  .el-progress {
package/dist/runtime/public/scss/element-plus/alert.css CHANGED
@@ -304,18 +304,19 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
304
304
  --el-alert-padding: 8px 16px;
305
305
  --el-alert-border-radius: var(--el-border-radius-small);
306
306
  --el-alert-border-color: var(--el-color-info-light-3);
307
- --el-alert-title-font-size: 14px;
308
- --el-alert-title-with-description-font-size: 14px;
309
- --el-alert-description-font-size: 14px;
307
+ --el-alert-title-font-size: 12px;
308
+ --el-alert-title-with-description-font-size: 12px;
309
+ --el-alert-description-font-size: 10px;
310
310
  --el-alert-close-font-size: 14px;
311
311
  --el-alert-close-customed-font-size: 14px;
312
312
  --el-alert-icon-size: 18px;
313
313
  --el-alert-icon-large-size: 32px;
314
+ position: relative;
314
315
  width: 100%;
315
316
  padding: var(--el-alert-padding);
316
317
  margin: 0;
317
318
  box-sizing: border-box;
318
- border-radius: var(--el-alert-border-radius-small);
319
+ border-radius: var(--el-border-radius-small);
319
320
  border-width: var(--el-border-width);
320
321
  border-style: var(--el-border-style);
321
322
  border-color: var(--el-alert-border-color);
@@ -437,30 +438,27 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
437
438
  }
438
439
 
439
440
  .el-alert::before {
440
- font-family: "iconsax" !important;
441
+ font-family: "Material Symbols Outlined" !important;
441
442
  -webkit-font-smoothing: antialiased;
442
443
  -moz-osx-font-smoothing: grayscale;
443
444
  font-style: normal;
444
445
  font-variant: normal;
445
446
  font-weight: 600;
446
- line-height: 1;
447
447
  speak: never;
448
448
  text-transform: none;
449
449
  font-size: var(--el-alert-icon-size);
450
- line-height: 24px;
451
- margin-right: 8px;
452
- }
453
- .el-alert.el-alert--success::before {
454
- content: "\ec2a";
455
- }
456
- .el-alert.el-alert--info::before {
457
- content: "\eb4d";
458
- }
459
- .el-alert.el-alert--warning::before {
460
- content: "\e9f6";
450
+ line-height: 1;
451
+ margin-right: 5px;
452
+ content: "info";
453
+ position: absolute;
454
+ font-weight: 500;
455
+ width: 12px;
456
+ height: 12px;
457
+ font-size: 12px;
458
+ top: 14px;
461
459
  }
462
- .el-alert.el-alert--danger::before, .el-alert.el-alert--error::before {
463
- content: "\e9c8";
460
+ .el-alert .el-alert__title {
461
+ padding-left: 17px;
464
462
  }
465
463
  .el-alert .el-alert__icon {
466
464
  display: none;
@@ -489,6 +487,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
489
487
  }
490
488
  .el-alert__title.with-description {
491
489
  font-size: var(--el-alert-title-with-description-font-size);
490
+ line-height: 14px;
491
+ margin-top: 5px;
492
492
  }
493
493
 
494
494
  .el-alert .el-alert__description {
package/dist/runtime/public/scss/element-plus/alert.scss CHANGED
@@ -4,12 +4,13 @@
4
4
 
5
5
  @include b(alert) {
6
6
  @include set-component-css-var('alert', $alert);
7
+ position: relative;
7
8
 
8
9
  width: 100%;
9
10
  padding: getCssVar('alert', 'padding');
10
11
  margin: 0;
11
12
  box-sizing: border-box;
12
- border-radius: getCssVar('alert', 'border-radius-small');
13
+ border-radius: getCssVar('border-radius-small');
13
14
  border-width: getCssVar('border-width');
14
15
  border-style: getCssVar('border-style');
15
16
  border-color: getCssVar('alert', 'border-color');
@@ -18,6 +19,7 @@
18
19
  overflow: hidden;
19
20
  opacity: 1;
20
21
  display: flex;
22
+
21
23
  // align-items: center;
22
24
  transition: opacity getCssVar('transition-duration', 'fast');
23
25
 
@@ -67,44 +69,31 @@
67
69
  }
68
70
  }
69
71
 
72
+ $material-icons-font-family: 'Material Symbols Outlined';
73
+
70
74
  &::before {
71
- font-family: 'iconsax' !important;
75
+ font-family: $material-icons-font-family !important;
72
76
  -webkit-font-smoothing: antialiased;
73
77
  -moz-osx-font-smoothing: grayscale;
74
78
  font-style: normal;
75
79
  font-variant: normal;
76
80
  font-weight: 600;
77
- line-height: 1;
78
81
  speak: never;
79
82
  text-transform: none;
80
83
  font-size: getCssVar('alert', 'icon-size');
81
- line-height: 24px;
82
- margin-right: 8px;
83
- }
84
-
85
- &.el-alert--success {
86
- &::before {
87
- content: '\ec2a';
88
- }
89
- }
90
-
91
- &.el-alert--info {
92
- &::before {
93
- content: '\eb4d';
94
- }
95
- }
96
-
97
- &.el-alert--warning {
98
- &::before {
99
- content: '\e9f6';
100
- }
84
+ line-height: 1;
85
+ margin-right: 5px;
86
+ content: 'info';
87
+ position: absolute;
88
+ font-weight: 500;
89
+ width: 12px;
90
+ height: 12px;
91
+ font-size: 12px;
92
+ top: 14px;
101
93
  }
102
94
 
103
- &.el-alert--danger,
104
- &.el-alert--error {
105
- &::before {
106
- content: '\e9c8';
107
- }
95
+ .el-alert__title {
96
+ padding-left: 17px;
108
97
  }
109
98
 
110
99
  .el-alert__icon {
@@ -137,6 +126,8 @@
137
126
 
138
127
  &.with-description {
139
128
  font-size: getCssVar('alert', 'title-with-description-font-size');
129
+ line-height: 14px;
130
+ margin-top: 5px;
140
131
  }
141
132
  }
142
133
 
package/dist/runtime/public/scss/element-plus/common/var.scss CHANGED
@@ -542,9 +542,9 @@ $alert: map.merge(
542
542
  'padding': 8px 16px,
543
543
  'border-radius': getCssVar('border-radius-small'),
544
544
  'border-color': getCssVar('color', 'info-light-3'),
545
- 'title-font-size': 14px,
546
- 'title-with-description-font-size': 14px,
547
- 'description-font-size': 14px,
545
+ 'title-font-size': 12px,
546
+ 'title-with-description-font-size': 12px,
547
+ 'description-font-size': 10px,
548
548
  'close-font-size': 14px,
549
549
  'close-customed-font-size': 14px,
550
550
  'icon-size': 18px,
package/dist/runtime/public/scss/element-plus/dialog.css CHANGED
@@ -437,9 +437,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
437
437
  box-sizing: border-box;
438
438
  }
439
439
  .el-dialog__footer .el-button {
440
- flex-grow: 1;
440
+ flex-basis: 100%;
441
441
  }
442
- .el-dialog__footer .el-button:first-child {
442
+ .el-dialog__footer .el-button:first-of-type {
443
443
  --el-button-text-color: var(--el-color-secondary-light-9);
444
444
  --el-button-bg-color: var(--el-color-secondary-light-1);
445
445
  --el-button-border-color: var(--el-color-secondary-light-2);
@@ -455,7 +455,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
455
455
  --el-button-disabled-bg-color: var(--el-color-secondary-light-1);
456
456
  --el-button-disabled-border-color: var(--el-color-secondary-light-1);
457
457
  }
458
- .el-dialog__footer .el-button:first-child.is-plain, .el-dialog__footer .el-button:first-child.is-text, .el-dialog__footer .el-button:first-child.is-link {
458
+ .el-dialog__footer .el-button:first-of-type.is-plain, .el-dialog__footer .el-button:first-of-type.is-text, .el-dialog__footer .el-button:first-of-type.is-link {
459
459
  --el-button-text-color: var(--el-color-secondary);
460
460
  --el-button-disabled-text-color: var(--el-color-secondary-light-9);
461
461
  --el-button-bg-color: var(--el-color-white);
@@ -467,7 +467,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
467
467
  --el-button-active-bg-color: var(--el-color-white);
468
468
  --el-button-active-border-color: var(--el-color-secondary-light-6);
469
469
  }
470
- .el-dialog__footer .el-button:first-child.is-plain.is-disabled, .el-dialog__footer .el-button:first-child.is-plain.is-disabled:hover, .el-dialog__footer .el-button:first-child.is-plain.is-disabled:focus, .el-dialog__footer .el-button:first-child.is-plain.is-disabled:active, .el-dialog__footer .el-button:first-child.is-text.is-disabled, .el-dialog__footer .el-button:first-child.is-text.is-disabled:hover, .el-dialog__footer .el-button:first-child.is-text.is-disabled:focus, .el-dialog__footer .el-button:first-child.is-text.is-disabled:active, .el-dialog__footer .el-button:first-child.is-link.is-disabled, .el-dialog__footer .el-button:first-child.is-link.is-disabled:hover, .el-dialog__footer .el-button:first-child.is-link.is-disabled:focus, .el-dialog__footer .el-button:first-child.is-link.is-disabled:active {
470
+ .el-dialog__footer .el-button:first-of-type.is-plain.is-disabled, .el-dialog__footer .el-button:first-of-type.is-plain.is-disabled:hover, .el-dialog__footer .el-button:first-of-type.is-plain.is-disabled:focus, .el-dialog__footer .el-button:first-of-type.is-plain.is-disabled:active, .el-dialog__footer .el-button:first-of-type.is-text.is-disabled, .el-dialog__footer .el-button:first-of-type.is-text.is-disabled:hover, .el-dialog__footer .el-button:first-of-type.is-text.is-disabled:focus, .el-dialog__footer .el-button:first-of-type.is-text.is-disabled:active, .el-dialog__footer .el-button:first-of-type.is-link.is-disabled, .el-dialog__footer .el-button:first-of-type.is-link.is-disabled:hover, .el-dialog__footer .el-button:first-of-type.is-link.is-disabled:focus, .el-dialog__footer .el-button:first-of-type.is-link.is-disabled:active {
471
471
  color: var(--el-color-secondary-light-2);
472
472
  background-color: transparent;
473
473
  border-color: var(--el-color-secondary-light-2);
package/dist/runtime/public/scss/element-plus/dialog.scss CHANGED
@@ -109,10 +109,10 @@
109
109
  box-sizing: border-box;
110
110
 
111
111
  .el-button {
112
- flex-grow: 1;
112
+ flex-basis: 100%;
113
113
  }
114
114
 
115
- .el-button:first-child {
115
+ .el-button:first-of-type {
116
116
  @include button-variant('secondary');
117
117
  }
118
118
  }
package/dist/runtime/public/scss/element-plus/index.css CHANGED
@@ -559,18 +559,19 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
559
559
  --el-alert-padding: 8px 16px;
560
560
  --el-alert-border-radius: var(--el-border-radius-small);
561
561
  --el-alert-border-color: var(--el-color-info-light-3);
562
- --el-alert-title-font-size: 14px;
563
- --el-alert-title-with-description-font-size: 14px;
564
- --el-alert-description-font-size: 14px;
562
+ --el-alert-title-font-size: 12px;
563
+ --el-alert-title-with-description-font-size: 12px;
564
+ --el-alert-description-font-size: 10px;
565
565
  --el-alert-close-font-size: 14px;
566
566
  --el-alert-close-customed-font-size: 14px;
567
567
  --el-alert-icon-size: 18px;
568
568
  --el-alert-icon-large-size: 32px;
569
+ position: relative;
569
570
  width: 100%;
570
571
  padding: var(--el-alert-padding);
571
572
  margin: 0;
572
573
  box-sizing: border-box;
573
- border-radius: var(--el-alert-border-radius-small);
574
+ border-radius: var(--el-border-radius-small);
574
575
  border-width: var(--el-border-width);
575
576
  border-style: var(--el-border-style);
576
577
  border-color: var(--el-alert-border-color);
@@ -692,30 +693,27 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
692
693
  }
693
694
 
694
695
  .el-alert::before {
695
- font-family: "iconsax" !important;
696
+ font-family: "Material Symbols Outlined" !important;
696
697
  -webkit-font-smoothing: antialiased;
697
698
  -moz-osx-font-smoothing: grayscale;
698
699
  font-style: normal;
699
700
  font-variant: normal;
700
701
  font-weight: 600;
701
- line-height: 1;
702
702
  speak: never;
703
703
  text-transform: none;
704
704
  font-size: var(--el-alert-icon-size);
705
- line-height: 24px;
706
- margin-right: 8px;
707
- }
708
- .el-alert.el-alert--success::before {
709
- content: "\ec2a";
710
- }
711
- .el-alert.el-alert--info::before {
712
- content: "\eb4d";
713
- }
714
- .el-alert.el-alert--warning::before {
715
- content: "\e9f6";
705
+ line-height: 1;
706
+ margin-right: 5px;
707
+ content: "info";
708
+ position: absolute;
709
+ font-weight: 500;
710
+ width: 12px;
711
+ height: 12px;
712
+ font-size: 12px;
713
+ top: 14px;
716
714
  }
717
- .el-alert.el-alert--danger::before, .el-alert.el-alert--error::before {
718
- content: "\e9c8";
715
+ .el-alert .el-alert__title {
716
+ padding-left: 17px;
719
717
  }
720
718
  .el-alert .el-alert__icon {
721
719
  display: none;
@@ -744,6 +742,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
744
742
  }
745
743
  .el-alert__title.with-description {
746
744
  font-size: var(--el-alert-title-with-description-font-size);
745
+ line-height: 14px;
746
+ margin-top: 5px;
747
747
  }
748
748
 
749
749
  .el-alert .el-alert__description {
@@ -8217,9 +8217,9 @@ heights > $common-component-size
8217
8217
  box-sizing: border-box;
8218
8218
  }
8219
8219
  .el-dialog__footer .el-button {
8220
- flex-grow: 1;
8220
+ flex-basis: 100%;
8221
8221
  }
8222
- .el-dialog__footer .el-button:first-child {
8222
+ .el-dialog__footer .el-button:first-of-type {
8223
8223
  --el-button-text-color: var(--el-color-secondary-light-9);
8224
8224
  --el-button-bg-color: var(--el-color-secondary-light-1);
8225
8225
  --el-button-border-color: var(--el-color-secondary-light-2);
@@ -8235,7 +8235,7 @@ heights > $common-component-size
8235
8235
  --el-button-disabled-bg-color: var(--el-color-secondary-light-1);
8236
8236
  --el-button-disabled-border-color: var(--el-color-secondary-light-1);
8237
8237
  }
8238
- .el-dialog__footer .el-button:first-child.is-plain, .el-dialog__footer .el-button:first-child.is-text, .el-dialog__footer .el-button:first-child.is-link {
8238
+ .el-dialog__footer .el-button:first-of-type.is-plain, .el-dialog__footer .el-button:first-of-type.is-text, .el-dialog__footer .el-button:first-of-type.is-link {
8239
8239
  --el-button-text-color: var(--el-color-secondary);
8240
8240
  --el-button-disabled-text-color: var(--el-color-secondary-light-9);
8241
8241
  --el-button-bg-color: var(--el-color-white);
@@ -8247,7 +8247,7 @@ heights > $common-component-size
8247
8247
  --el-button-active-bg-color: var(--el-color-white);
8248
8248
  --el-button-active-border-color: var(--el-color-secondary-light-6);
8249
8249
  }
8250
- .el-dialog__footer .el-button:first-child.is-plain.is-disabled, .el-dialog__footer .el-button:first-child.is-plain.is-disabled:hover, .el-dialog__footer .el-button:first-child.is-plain.is-disabled:focus, .el-dialog__footer .el-button:first-child.is-plain.is-disabled:active, .el-dialog__footer .el-button:first-child.is-text.is-disabled, .el-dialog__footer .el-button:first-child.is-text.is-disabled:hover, .el-dialog__footer .el-button:first-child.is-text.is-disabled:focus, .el-dialog__footer .el-button:first-child.is-text.is-disabled:active, .el-dialog__footer .el-button:first-child.is-link.is-disabled, .el-dialog__footer .el-button:first-child.is-link.is-disabled:hover, .el-dialog__footer .el-button:first-child.is-link.is-disabled:focus, .el-dialog__footer .el-button:first-child.is-link.is-disabled:active {
8250
+ .el-dialog__footer .el-button:first-of-type.is-plain.is-disabled, .el-dialog__footer .el-button:first-of-type.is-plain.is-disabled:hover, .el-dialog__footer .el-button:first-of-type.is-plain.is-disabled:focus, .el-dialog__footer .el-button:first-of-type.is-plain.is-disabled:active, .el-dialog__footer .el-button:first-of-type.is-text.is-disabled, .el-dialog__footer .el-button:first-of-type.is-text.is-disabled:hover, .el-dialog__footer .el-button:first-of-type.is-text.is-disabled:focus, .el-dialog__footer .el-button:first-of-type.is-text.is-disabled:active, .el-dialog__footer .el-button:first-of-type.is-link.is-disabled, .el-dialog__footer .el-button:first-of-type.is-link.is-disabled:hover, .el-dialog__footer .el-button:first-of-type.is-link.is-disabled:focus, .el-dialog__footer .el-button:first-of-type.is-link.is-disabled:active {
8251
8251
  color: var(--el-color-secondary-light-2);
8252
8252
  background-color: transparent;
8253
8253
  border-color: var(--el-color-secondary-light-2);
@@ -10016,6 +10016,7 @@ h6,
10016
10016
  border-color: var(--el-color-primary-light-4);
10017
10017
  }
10018
10018
  .el-link__inner {
10019
+ display: inline-flex;
10019
10020
  overflow: hidden;
10020
10021
  text-overflow: ellipsis;
10021
10022
  white-space: nowrap;
@@ -10739,16 +10740,37 @@ h6,
10739
10740
  flex-basis: 100%;
10740
10741
  }
10741
10742
  .el-message-box__btns .el-button:first-of-type {
10742
- --el-button-text-color: var(--el-color-primary);
10743
- --el-button-disabled-text-color: var(--el-color-primary-light-9);
10743
+ --el-button-text-color: var(--el-color-secondary-light-9);
10744
+ --el-button-bg-color: var(--el-color-secondary-light-1);
10745
+ --el-button-border-color: var(--el-color-secondary-light-2);
10746
+ --el-button-outline-color: var(--el-color-secondary-light-5);
10747
+ --el-button-active-color: var(--el-color-secondary-dark-2);
10748
+ --el-button-hover-text-color: var(--el-color-secondary-light-9);
10749
+ --el-button-hover-link-text-color: var(--el-color-secondary-light-5);
10750
+ --el-button-hover-bg-color: var(--el-color-white);
10751
+ --el-button-hover-border-color: var(--el-color-secondary-light-3);
10752
+ --el-button-active-bg-color: var(--el-color-secondary-light-2);
10753
+ --el-button-active-border-color: var(--el-color-secondary-light-2);
10754
+ --el-button-disabled-text-color: var(--el-color-white);
10755
+ --el-button-disabled-bg-color: var(--el-color-secondary-light-1);
10756
+ --el-button-disabled-border-color: var(--el-color-secondary-light-1);
10757
+ }
10758
+ .el-message-box__btns .el-button:first-of-type.is-plain, .el-message-box__btns .el-button:first-of-type.is-text, .el-message-box__btns .el-button:first-of-type.is-link {
10759
+ --el-button-text-color: var(--el-color-secondary);
10760
+ --el-button-disabled-text-color: var(--el-color-secondary-light-9);
10744
10761
  --el-button-bg-color: var(--el-color-white);
10745
- --el-button-border-color: var(--el-color-primary-light-5);
10746
- --el-button-hover-text-color: var(--el-color-primary-light-4);
10762
+ --el-button-border-color: var(--el-color-secondary-light-5);
10763
+ --el-button-hover-text-color: var(--el-color-secondary-light-4);
10747
10764
  --el-button-hover-bg-color: var(--el-color-white);
10748
- --el-button-hover-border-color: var(--el-color-primary-light-4);
10749
- --el-button-active-text-color: var(--el-color-primary-light-6);
10765
+ --el-button-hover-border-color: var(--el-color-secondary-light-4);
10766
+ --el-button-active-text-color: var(--el-color-secondary-light-6);
10750
10767
  --el-button-active-bg-color: var(--el-color-white);
10751
- --el-button-active-border-color: var(--el-color-primary-light-6);
10768
+ --el-button-active-border-color: var(--el-color-secondary-light-6);
10769
+ }
10770
+ .el-message-box__btns .el-button:first-of-type.is-plain.is-disabled, .el-message-box__btns .el-button:first-of-type.is-plain.is-disabled:hover, .el-message-box__btns .el-button:first-of-type.is-plain.is-disabled:focus, .el-message-box__btns .el-button:first-of-type.is-plain.is-disabled:active, .el-message-box__btns .el-button:first-of-type.is-text.is-disabled, .el-message-box__btns .el-button:first-of-type.is-text.is-disabled:hover, .el-message-box__btns .el-button:first-of-type.is-text.is-disabled:focus, .el-message-box__btns .el-button:first-of-type.is-text.is-disabled:active, .el-message-box__btns .el-button:first-of-type.is-link.is-disabled, .el-message-box__btns .el-button:first-of-type.is-link.is-disabled:hover, .el-message-box__btns .el-button:first-of-type.is-link.is-disabled:focus, .el-message-box__btns .el-button:first-of-type.is-link.is-disabled:active {
10771
+ color: var(--el-color-secondary-light-2);
10772
+ background-color: transparent;
10773
+ border-color: var(--el-color-secondary-light-2);
10752
10774
  }
10753
10775
 
10754
10776
  .el-message-box--center .el-message-box__title {
@@ -11551,21 +11573,56 @@ h6,
11551
11573
  .popover-footer {
11552
11574
  display: flex;
11553
11575
  padding-top: 16px;
11554
- gap: 30px;
11576
+ gap: 28px;
11555
11577
  }
11556
11578
  .popover-footer .el-button {
11557
11579
  flex-basis: 100%;
11558
- @apply el-button--small;
11580
+ @apply el-button--mini;
11581
+ /*
11582
+ &:first-of-type {
11583
+ --el-button-hover-text-color: var(--el-color-primary-light-4);
11584
+ --el-button-hover-bg-color: var(--el-color-white);
11585
+ --el-button-hover-border-color: var(--el-color-primary-light-4);
11586
+ --el-button-active-text-color: var(--el-color-primary-light-6);
11587
+ --el-button-active-bg-color: var(--el-color-white);
11588
+ --el-button-active-border-color: var(--el-color-primary-light-6);
11589
+ --el-button-bg-color: var(--el-color-white);
11590
+ --el-button-text-color: var(--el-color-primary);
11591
+ }
11592
+ */
11559
11593
  }
11560
11594
  .popover-footer .el-button:first-of-type {
11561
- --el-button-hover-text-color: var(--el-color-primary-light-4);
11595
+ --el-button-text-color: var(--el-color-secondary-light-9);
11596
+ --el-button-bg-color: var(--el-color-secondary-light-1);
11597
+ --el-button-border-color: var(--el-color-secondary-light-2);
11598
+ --el-button-outline-color: var(--el-color-secondary-light-5);
11599
+ --el-button-active-color: var(--el-color-secondary-dark-2);
11600
+ --el-button-hover-text-color: var(--el-color-secondary-light-9);
11601
+ --el-button-hover-link-text-color: var(--el-color-secondary-light-5);
11562
11602
  --el-button-hover-bg-color: var(--el-color-white);
11563
- --el-button-hover-border-color: var(--el-color-primary-light-4);
11564
- --el-button-active-text-color: var(--el-color-primary-light-6);
11565
- --el-button-active-bg-color: var(--el-color-white);
11566
- --el-button-active-border-color: var(--el-color-primary-light-6);
11603
+ --el-button-hover-border-color: var(--el-color-secondary-light-3);
11604
+ --el-button-active-bg-color: var(--el-color-secondary-light-2);
11605
+ --el-button-active-border-color: var(--el-color-secondary-light-2);
11606
+ --el-button-disabled-text-color: var(--el-color-white);
11607
+ --el-button-disabled-bg-color: var(--el-color-secondary-light-1);
11608
+ --el-button-disabled-border-color: var(--el-color-secondary-light-1);
11609
+ }
11610
+ .popover-footer .el-button:first-of-type.is-plain, .popover-footer .el-button:first-of-type.is-text, .popover-footer .el-button:first-of-type.is-link {
11611
+ --el-button-text-color: var(--el-color-secondary);
11612
+ --el-button-disabled-text-color: var(--el-color-secondary-light-9);
11567
11613
  --el-button-bg-color: var(--el-color-white);
11568
- --el-button-text-color: var(--el-color-primary);
11614
+ --el-button-border-color: var(--el-color-secondary-light-5);
11615
+ --el-button-hover-text-color: var(--el-color-secondary-light-4);
11616
+ --el-button-hover-bg-color: var(--el-color-white);
11617
+ --el-button-hover-border-color: var(--el-color-secondary-light-4);
11618
+ --el-button-active-text-color: var(--el-color-secondary-light-6);
11619
+ --el-button-active-bg-color: var(--el-color-white);
11620
+ --el-button-active-border-color: var(--el-color-secondary-light-6);
11621
+ }
11622
+ .popover-footer .el-button:first-of-type.is-plain.is-disabled, .popover-footer .el-button:first-of-type.is-plain.is-disabled:hover, .popover-footer .el-button:first-of-type.is-plain.is-disabled:focus, .popover-footer .el-button:first-of-type.is-plain.is-disabled:active, .popover-footer .el-button:first-of-type.is-text.is-disabled, .popover-footer .el-button:first-of-type.is-text.is-disabled:hover, .popover-footer .el-button:first-of-type.is-text.is-disabled:focus, .popover-footer .el-button:first-of-type.is-text.is-disabled:active, .popover-footer .el-button:first-of-type.is-link.is-disabled, .popover-footer .el-button:first-of-type.is-link.is-disabled:hover, .popover-footer .el-button:first-of-type.is-link.is-disabled:focus, .popover-footer .el-button:first-of-type.is-link.is-disabled:active {
11623
+ color: var(--el-color-secondary-light-2);
11624
+ background-color: transparent;
11625
+ border-color: var(--el-color-secondary-light-2);
11569
11626
  }
11570
11627
 
11571
11628
  .el-progress {
package/dist/runtime/public/scss/element-plus/link.css CHANGED
@@ -477,6 +477,7 @@ h6,
477
477
  border-color: var(--el-color-primary-light-4);
478
478
  }
479
479
  .el-link__inner {
480
+ display: inline-flex;
480
481
  overflow: hidden;
481
482
  text-overflow: ellipsis;
482
483
  white-space: nowrap;
package/dist/runtime/public/scss/element-plus/link.scss CHANGED
@@ -83,7 +83,7 @@
83
83
  }
84
84
 
85
85
  @include e(inner) {
86
- // display: inline-flex;
86
+ display: inline-flex;
87
87
  // justify-content: center;
88
88
  // align-items: center;
89
89
 
package/dist/runtime/public/scss/element-plus/message-box.css CHANGED
@@ -504,16 +504,37 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
504
504
  flex-basis: 100%;
505
505
  }
506
506
  .el-message-box__btns .el-button:first-of-type {
507
- --el-button-text-color: var(--el-color-primary);
508
- --el-button-disabled-text-color: var(--el-color-primary-light-9);
507
+ --el-button-text-color: var(--el-color-secondary-light-9);
508
+ --el-button-bg-color: var(--el-color-secondary-light-1);
509
+ --el-button-border-color: var(--el-color-secondary-light-2);
510
+ --el-button-outline-color: var(--el-color-secondary-light-5);
511
+ --el-button-active-color: var(--el-color-secondary-dark-2);
512
+ --el-button-hover-text-color: var(--el-color-secondary-light-9);
513
+ --el-button-hover-link-text-color: var(--el-color-secondary-light-5);
514
+ --el-button-hover-bg-color: var(--el-color-white);
515
+ --el-button-hover-border-color: var(--el-color-secondary-light-3);
516
+ --el-button-active-bg-color: var(--el-color-secondary-light-2);
517
+ --el-button-active-border-color: var(--el-color-secondary-light-2);
518
+ --el-button-disabled-text-color: var(--el-color-white);
519
+ --el-button-disabled-bg-color: var(--el-color-secondary-light-1);
520
+ --el-button-disabled-border-color: var(--el-color-secondary-light-1);
521
+ }
522
+ .el-message-box__btns .el-button:first-of-type.is-plain, .el-message-box__btns .el-button:first-of-type.is-text, .el-message-box__btns .el-button:first-of-type.is-link {
523
+ --el-button-text-color: var(--el-color-secondary);
524
+ --el-button-disabled-text-color: var(--el-color-secondary-light-9);
509
525
  --el-button-bg-color: var(--el-color-white);
510
- --el-button-border-color: var(--el-color-primary-light-5);
511
- --el-button-hover-text-color: var(--el-color-primary-light-4);
526
+ --el-button-border-color: var(--el-color-secondary-light-5);
527
+ --el-button-hover-text-color: var(--el-color-secondary-light-4);
512
528
  --el-button-hover-bg-color: var(--el-color-white);
513
- --el-button-hover-border-color: var(--el-color-primary-light-4);
514
- --el-button-active-text-color: var(--el-color-primary-light-6);
529
+ --el-button-hover-border-color: var(--el-color-secondary-light-4);
530
+ --el-button-active-text-color: var(--el-color-secondary-light-6);
515
531
  --el-button-active-bg-color: var(--el-color-white);
516
- --el-button-active-border-color: var(--el-color-primary-light-6);
532
+ --el-button-active-border-color: var(--el-color-secondary-light-6);
533
+ }
534
+ .el-message-box__btns .el-button:first-of-type.is-plain.is-disabled, .el-message-box__btns .el-button:first-of-type.is-plain.is-disabled:hover, .el-message-box__btns .el-button:first-of-type.is-plain.is-disabled:focus, .el-message-box__btns .el-button:first-of-type.is-plain.is-disabled:active, .el-message-box__btns .el-button:first-of-type.is-text.is-disabled, .el-message-box__btns .el-button:first-of-type.is-text.is-disabled:hover, .el-message-box__btns .el-button:first-of-type.is-text.is-disabled:focus, .el-message-box__btns .el-button:first-of-type.is-text.is-disabled:active, .el-message-box__btns .el-button:first-of-type.is-link.is-disabled, .el-message-box__btns .el-button:first-of-type.is-link.is-disabled:hover, .el-message-box__btns .el-button:first-of-type.is-link.is-disabled:focus, .el-message-box__btns .el-button:first-of-type.is-link.is-disabled:active {
535
+ color: var(--el-color-secondary-light-2);
536
+ background-color: transparent;
537
+ border-color: var(--el-color-secondary-light-2);
517
538
  }
518
539
 
519
540
  .el-message-box--center .el-message-box__title {
package/dist/runtime/public/scss/element-plus/message-box.scss CHANGED
@@ -4,6 +4,7 @@
4
4
  @use 'mixins/var' as *;
5
5
  @use 'common/var' as *;
6
6
  @use 'common/popup' as *;
7
+ @use 'mixins/button' as *;
7
8
 
8
9
  @include b(message-box) {
9
10
  @include set-component-css-var('messagebox', $messagebox);
@@ -170,17 +171,22 @@
170
171
  flex-basis: 100%;
171
172
 
172
173
  &:first-of-type {
173
- --el-button-text-color: var(--el-color-primary);
174
- --el-button-disabled-text-color: var(--el-color-primary-light-9);
175
- --el-button-bg-color: var(--el-color-white);
176
- --el-button-border-color: var(--el-color-primary-light-5);
177
- --el-button-hover-text-color: var(--el-color-primary-light-4);
178
- --el-button-hover-bg-color: var(--el-color-white);
179
- --el-button-hover-border-color: var(--el-color-primary-light-4);
180
- --el-button-active-text-color: var(--el-color-primary-light-6);
181
- --el-button-active-bg-color: var(--el-color-white);
182
- --el-button-active-border-color: var(--el-color-primary-light-6);
174
+ @include button-variant('secondary');
175
+ // @include button-plain('secondary'); // for plain button bunu deneyebilirsin eğer outline olsun isteniyorsa. denemedim ama çalışır sanırım.
183
176
  }
177
+
178
+ // &:first-of-type {
179
+ // --el-button-text-color: var(--el-color-primary);
180
+ // --el-button-disabled-text-color: var(--el-color-primary-light-9);
181
+ // --el-button-bg-color: var(--el-color-white);
182
+ // --el-button-border-color: var(--el-color-primary-light-5);
183
+ // --el-button-hover-text-color: var(--el-color-primary-light-4);
184
+ // --el-button-hover-bg-color: var(--el-color-white);
185
+ // --el-button-hover-border-color: var(--el-color-primary-light-4);
186
+ // --el-button-active-text-color: var(--el-color-primary-light-6);
187
+ // --el-button-active-bg-color: var(--el-color-white);
188
+ // --el-button-active-border-color: var(--el-color-primary-light-6);
189
+ // }
184
190
  }
185
191
  }
186
192
 
package/dist/runtime/public/scss/element-plus/popover.css CHANGED
@@ -356,19 +356,54 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
356
356
  .popover-footer {
357
357
  display: flex;
358
358
  padding-top: 16px;
359
- gap: 30px;
359
+ gap: 28px;
360
360
  }
361
361
  .popover-footer .el-button {
362
362
  flex-basis: 100%;
363
- @apply el-button--small;
363
+ @apply el-button--mini;
364
+ /*
365
+ &:first-of-type {
366
+ --el-button-hover-text-color: var(--el-color-primary-light-4);
367
+ --el-button-hover-bg-color: var(--el-color-white);
368
+ --el-button-hover-border-color: var(--el-color-primary-light-4);
369
+ --el-button-active-text-color: var(--el-color-primary-light-6);
370
+ --el-button-active-bg-color: var(--el-color-white);
371
+ --el-button-active-border-color: var(--el-color-primary-light-6);
372
+ --el-button-bg-color: var(--el-color-white);
373
+ --el-button-text-color: var(--el-color-primary);
374
+ }
375
+ */
364
376
  }
365
377
  .popover-footer .el-button:first-of-type {
366
- --el-button-hover-text-color: var(--el-color-primary-light-4);
378
+ --el-button-text-color: var(--el-color-secondary-light-9);
379
+ --el-button-bg-color: var(--el-color-secondary-light-1);
380
+ --el-button-border-color: var(--el-color-secondary-light-2);
381
+ --el-button-outline-color: var(--el-color-secondary-light-5);
382
+ --el-button-active-color: var(--el-color-secondary-dark-2);
383
+ --el-button-hover-text-color: var(--el-color-secondary-light-9);
384
+ --el-button-hover-link-text-color: var(--el-color-secondary-light-5);
367
385
  --el-button-hover-bg-color: var(--el-color-white);
368
- --el-button-hover-border-color: var(--el-color-primary-light-4);
369
- --el-button-active-text-color: var(--el-color-primary-light-6);
370
- --el-button-active-bg-color: var(--el-color-white);
371
- --el-button-active-border-color: var(--el-color-primary-light-6);
386
+ --el-button-hover-border-color: var(--el-color-secondary-light-3);
387
+ --el-button-active-bg-color: var(--el-color-secondary-light-2);
388
+ --el-button-active-border-color: var(--el-color-secondary-light-2);
389
+ --el-button-disabled-text-color: var(--el-color-white);
390
+ --el-button-disabled-bg-color: var(--el-color-secondary-light-1);
391
+ --el-button-disabled-border-color: var(--el-color-secondary-light-1);
392
+ }
393
+ .popover-footer .el-button:first-of-type.is-plain, .popover-footer .el-button:first-of-type.is-text, .popover-footer .el-button:first-of-type.is-link {
394
+ --el-button-text-color: var(--el-color-secondary);
395
+ --el-button-disabled-text-color: var(--el-color-secondary-light-9);
372
396
  --el-button-bg-color: var(--el-color-white);
373
- --el-button-text-color: var(--el-color-primary);
397
+ --el-button-border-color: var(--el-color-secondary-light-5);
398
+ --el-button-hover-text-color: var(--el-color-secondary-light-4);
399
+ --el-button-hover-bg-color: var(--el-color-white);
400
+ --el-button-hover-border-color: var(--el-color-secondary-light-4);
401
+ --el-button-active-text-color: var(--el-color-secondary-light-6);
402
+ --el-button-active-bg-color: var(--el-color-white);
403
+ --el-button-active-border-color: var(--el-color-secondary-light-6);
404
+ }
405
+ .popover-footer .el-button:first-of-type.is-plain.is-disabled, .popover-footer .el-button:first-of-type.is-plain.is-disabled:hover, .popover-footer .el-button:first-of-type.is-plain.is-disabled:focus, .popover-footer .el-button:first-of-type.is-plain.is-disabled:active, .popover-footer .el-button:first-of-type.is-text.is-disabled, .popover-footer .el-button:first-of-type.is-text.is-disabled:hover, .popover-footer .el-button:first-of-type.is-text.is-disabled:focus, .popover-footer .el-button:first-of-type.is-text.is-disabled:active, .popover-footer .el-button:first-of-type.is-link.is-disabled, .popover-footer .el-button:first-of-type.is-link.is-disabled:hover, .popover-footer .el-button:first-of-type.is-link.is-disabled:focus, .popover-footer .el-button:first-of-type.is-link.is-disabled:active {
406
+ color: var(--el-color-secondary-light-2);
407
+ background-color: transparent;
408
+ border-color: var(--el-color-secondary-light-2);
374
409
  }
package/dist/runtime/public/scss/element-plus/popover.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  @use 'mixins/mixins' as *;
2
2
  @use 'mixins/var' as *;
3
3
  @use 'common/var' as *;
4
+ @use 'mixins/button' as *;
4
5
 
5
6
  @include b(popover) {
6
7
  @include set-component-css-var('popover', $popover);
@@ -56,14 +57,20 @@
56
57
  .popover-footer {
57
58
  display: flex;
58
59
  padding-top: 16px;
59
- gap: 30px;
60
+ gap: 28px;
60
61
 
61
62
  .el-button {
62
63
  flex-basis: 100%;
63
64
 
64
- @apply el-button--small;
65
+ @apply el-button--mini;
65
66
 
66
67
  &:first-of-type {
68
+ @include button-variant('secondary');
69
+ // @include button-plain('secondary'); // for plain button bunu deneyebilirsin eğer outline olsun isteniyorsa. denemedim ama çalışır sanırım.
70
+ }
71
+
72
+ /*
73
+ &:first-of-type {
67
74
  --el-button-hover-text-color: var(--el-color-primary-light-4);
68
75
  --el-button-hover-bg-color: var(--el-color-white);
69
76
  --el-button-hover-border-color: var(--el-color-primary-light-4);
@@ -73,5 +80,6 @@
73
80
  --el-button-bg-color: var(--el-color-white);
74
81
  --el-button-text-color: var(--el-color-primary);
75
82
  }
83
+ */
76
84
  }
77
85
  }
package/dist/runtime/public/scss/theme.css CHANGED
@@ -1245,7 +1245,7 @@ body {
1245
1245
  flex-basis: 100%;
1246
1246
  justify-content: center;
1247
1247
  }
1248
- .page-footer .el-button:first-child {
1248
+ .page-footer .el-button:first-of-type {
1249
1249
  --el-button-text-color: var(--el-color-secondary-light-9);
1250
1250
  --el-button-bg-color: var(--el-color-secondary-light-1);
1251
1251
  --el-button-border-color: var(--el-color-secondary-light-2);
@@ -1261,7 +1261,7 @@ body {
1261
1261
  --el-button-disabled-bg-color: var(--el-color-secondary-light-1);
1262
1262
  --el-button-disabled-border-color: var(--el-color-secondary-light-1);
1263
1263
  }
1264
- .page-footer .el-button:first-child.is-plain, .page-footer .el-button:first-child.is-text, .page-footer .el-button:first-child.is-link {
1264
+ .page-footer .el-button:first-of-type.is-plain, .page-footer .el-button:first-of-type.is-text, .page-footer .el-button:first-of-type.is-link {
1265
1265
  --el-button-text-color: var(--el-color-secondary);
1266
1266
  --el-button-disabled-text-color: var(--el-color-secondary-light-9);
1267
1267
  --el-button-bg-color: var(--el-color-white);
@@ -1273,7 +1273,7 @@ body {
1273
1273
  --el-button-active-bg-color: var(--el-color-white);
1274
1274
  --el-button-active-border-color: var(--el-color-secondary-light-6);
1275
1275
  }
1276
- .page-footer .el-button:first-child.is-plain.is-disabled, .page-footer .el-button:first-child.is-plain.is-disabled:hover, .page-footer .el-button:first-child.is-plain.is-disabled:focus, .page-footer .el-button:first-child.is-plain.is-disabled:active, .page-footer .el-button:first-child.is-text.is-disabled, .page-footer .el-button:first-child.is-text.is-disabled:hover, .page-footer .el-button:first-child.is-text.is-disabled:focus, .page-footer .el-button:first-child.is-text.is-disabled:active, .page-footer .el-button:first-child.is-link.is-disabled, .page-footer .el-button:first-child.is-link.is-disabled:hover, .page-footer .el-button:first-child.is-link.is-disabled:focus, .page-footer .el-button:first-child.is-link.is-disabled:active {
1276
+ .page-footer .el-button:first-of-type.is-plain.is-disabled, .page-footer .el-button:first-of-type.is-plain.is-disabled:hover, .page-footer .el-button:first-of-type.is-plain.is-disabled:focus, .page-footer .el-button:first-of-type.is-plain.is-disabled:active, .page-footer .el-button:first-of-type.is-text.is-disabled, .page-footer .el-button:first-of-type.is-text.is-disabled:hover, .page-footer .el-button:first-of-type.is-text.is-disabled:focus, .page-footer .el-button:first-of-type.is-text.is-disabled:active, .page-footer .el-button:first-of-type.is-link.is-disabled, .page-footer .el-button:first-of-type.is-link.is-disabled:hover, .page-footer .el-button:first-of-type.is-link.is-disabled:focus, .page-footer .el-button:first-of-type.is-link.is-disabled:active {
1277
1277
  color: var(--el-color-secondary-light-2);
1278
1278
  background-color: transparent;
1279
1279
  border-color: var(--el-color-secondary-light-2);
package/dist/runtime/public/scss/theme.scss CHANGED
@@ -40,7 +40,7 @@ body {
40
40
  flex-basis: 100%;
41
41
  justify-content: center;
42
42
 
43
- &:first-child {
43
+ &:first-of-type {
44
44
  @include button-variant('secondary');
45
45
  }
46
46
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@timus-networks/theme",
3
- "version": "2.4.136",
3
+ "version": "2.4.138",
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": {