@timus-networks/theme 2.4.153 → 2.4.156

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.152",
4
+ "version": "2.4.155",
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.152";
14
+ const version = "2.4.155";
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 = {
@@ -9177,7 +9177,7 @@ heights > $common-component-size
9177
9177
  padding-bottom: var(--el-dialog-padding-primary);
9178
9178
  }
9179
9179
  .el-dialog__header.show-close {
9180
- padding-right: calc(var(--el-dialog-padding-primary) + var(--el-message-close-size, 24px));
9180
+ padding-right: calc(var(--el-dialog-padding-primary) + var(--el-message-close-size, 12px));
9181
9181
  }
9182
9182
 
9183
9183
  .el-dialog__headerbtn {
@@ -9191,7 +9191,7 @@ heights > $common-component-size
9191
9191
  border: none;
9192
9192
  outline: none;
9193
9193
  cursor: pointer;
9194
- font-size: var(--el-message-close-size, 24px);
9194
+ font-size: var(--el-message-close-size, 12px);
9195
9195
  }
9196
9196
  .el-dialog__headerbtn .el-dialog__close {
9197
9197
  color: var(--el-color-primary);
@@ -11531,7 +11531,7 @@ heights > $common-component-size
11531
11531
  }
11532
11532
 
11533
11533
  .el-message-box__header.show-close {
11534
- padding-right: calc(var(--el-messagebox-padding-primary) + var(--el-message-close-size, 24px));
11534
+ padding-right: calc(var(--el-messagebox-padding-primary) + var(--el-message-close-size, 12px));
11535
11535
  }
11536
11536
 
11537
11537
  .el-message-box__title {
@@ -11555,7 +11555,7 @@ heights > $common-component-size
11555
11555
  border: none;
11556
11556
  outline: none;
11557
11557
  background: transparent;
11558
- font-size: var(--el-message-close-size, 24px);
11558
+ font-size: var(--el-message-close-size, 12px);
11559
11559
  cursor: pointer;
11560
11560
  display: flex;
11561
11561
  align-items: center;
@@ -11715,7 +11715,7 @@ heights > $common-component-size
11715
11715
  --el-message-border-color: var(--el-color-info-light-3);
11716
11716
  --el-message-padding: 8px 11px 8px 16px;
11717
11717
  --el-message-font-size: 12px;
11718
- --el-message-close-size: 24px;
11718
+ --el-message-close-size: 12px;
11719
11719
  --el-message-close-icon-color: var(--el-color-neutral-primary-5);
11720
11720
  --el-message-close-hover-color: var(--el-color-neutral-primary-4);
11721
11721
  --el-message-text-color: var(--el-color-info-light-5);
@@ -11773,7 +11773,7 @@ heights > $common-component-size
11773
11773
  .el-message--primary {
11774
11774
  --el-message-bg-color: var(--el-color-primary-light-1);
11775
11775
  --el-message-border-color: var(--el-color-primary-light-3);
11776
- --el-message-text-color: var(--el-color-primary);
11776
+ --el-message-text-color: var(--el-color-primary-light-5);
11777
11777
  }
11778
11778
  .el-message--primary .el-message__content {
11779
11779
  color: var(--el-message-text-color);
@@ -11797,7 +11797,7 @@ heights > $common-component-size
11797
11797
  .el-message--success {
11798
11798
  --el-message-bg-color: var(--el-color-success-light-1);
11799
11799
  --el-message-border-color: var(--el-color-success-light-3);
11800
- --el-message-text-color: var(--el-color-success);
11800
+ --el-message-text-color: var(--el-color-success-light-5);
11801
11801
  }
11802
11802
  .el-message--success .el-message__content {
11803
11803
  color: var(--el-message-text-color);
@@ -11819,22 +11819,22 @@ heights > $common-component-size
11819
11819
  height: 12px;
11820
11820
  }
11821
11821
  .el-message--info {
11822
- --el-message-bg-color: var(--el-color-info-light-1);
11823
- --el-message-border-color: var(--el-color-info-light-3);
11824
- --el-message-text-color: var(--el-color-info);
11822
+ --el-message-bg-color: var(--el-color-neutral-light-1);
11823
+ --el-message-border-color: var(--el-color-neutral-light-3);
11824
+ --el-message-text-color: var(--el-color-neutral-light-6);
11825
11825
  }
11826
11826
  .el-message--info .el-message__content {
11827
11827
  color: var(--el-message-text-color);
11828
11828
  overflow-wrap: break-word;
11829
11829
  }
11830
11830
  .el-message--info .el-message__closeBtn {
11831
- color: var(--el-color-info);
11831
+ color: var(--el-color-neutral);
11832
11832
  }
11833
11833
  .el-message--info .el-message__closeBtn:hover {
11834
- color: var(--el-color-info-light-4);
11834
+ color: var(--el-color-neutral-light-4);
11835
11835
  }
11836
11836
  .el-message--info .el-message__closeBtn:active {
11837
- color: var(--el-color-info-light-6);
11837
+ color: var(--el-color-neutral-light-6);
11838
11838
  }
11839
11839
 
11840
11840
  .el-message .el-message-icon--info {
@@ -11845,7 +11845,7 @@ heights > $common-component-size
11845
11845
  .el-message--warning {
11846
11846
  --el-message-bg-color: var(--el-color-warning-light-1);
11847
11847
  --el-message-border-color: var(--el-color-warning-light-3);
11848
- --el-message-text-color: var(--el-color-warning);
11848
+ --el-message-text-color: var(--el-color-warning-light-5);
11849
11849
  }
11850
11850
  .el-message--warning .el-message__content {
11851
11851
  color: var(--el-message-text-color);
@@ -11869,7 +11869,7 @@ heights > $common-component-size
11869
11869
  .el-message--error {
11870
11870
  --el-message-bg-color: var(--el-color-error-light-1);
11871
11871
  --el-message-border-color: var(--el-color-error-light-3);
11872
- --el-message-text-color: var(--el-color-error);
11872
+ --el-message-text-color: var(--el-color-error-light-5);
11873
11873
  }
11874
11874
  .el-message--error .el-message__content {
11875
11875
  color: var(--el-message-text-color);
@@ -11911,7 +11911,7 @@ heights > $common-component-size
11911
11911
  }
11912
11912
 
11913
11913
  .el-message::before {
11914
- font-family: "iconsax" !important;
11914
+ font-family: "Material Symbols Outlined" !important;
11915
11915
  -webkit-font-smoothing: antialiased;
11916
11916
  -moz-osx-font-smoothing: grayscale;
11917
11917
  font-style: normal;
@@ -11923,16 +11923,16 @@ heights > $common-component-size
11923
11923
  font-size: 12px;
11924
11924
  }
11925
11925
  .el-message.el-message--success::before {
11926
- content: "\ec2a";
11926
+ content: "check_circle";
11927
11927
  }
11928
11928
  .el-message.el-message--info::before {
11929
- content: "\eb4d";
11929
+ content: "info";
11930
11930
  }
11931
11931
  .el-message.el-message--warning::before {
11932
- content: "\e9f6";
11932
+ content: "warning";
11933
11933
  }
11934
11934
  .el-message.el-message--danger::before, .el-message.el-message--error::before {
11935
- content: "\e9c8";
11935
+ content: "cancel";
11936
11936
  }
11937
11937
  .el-message .el-message__icon {
11938
11938
  display: none;
@@ -11945,7 +11945,7 @@ heights > $common-component-size
11945
11945
  --el-notification-shadow: var(--el-box-shadow-light);
11946
11946
  --el-notification-border-color: var(--el-color-neutral-light-3);
11947
11947
  --el-notification-icon-size: 24px;
11948
- --el-notification-close-font-size: var(--el-message-close-size, 24px);
11948
+ --el-notification-close-font-size: var(--el-message-close-size, 12px);
11949
11949
  --el-notification-group-margin-left: 13px;
11950
11950
  --el-notification-group-margin-right: 8px;
11951
11951
  --el-notification-content-font-size: var(--el-font-size-base);
@@ -15291,9 +15291,9 @@ heights > $common-component-size
15291
15291
  }
15292
15292
  .el-table__header-wrapper .el-table-column--selection .el-checkbox .el-checkbox__inner::after, .el-table__body-wrapper .el-table-column--selection .el-checkbox .el-checkbox__inner::after {
15293
15293
  height: 6px;
15294
- left: 3px;
15294
+ left: 0;
15295
15295
  width: 2px;
15296
- top: 0px;
15296
+ top: -1px;
15297
15297
  }
15298
15298
  .el-table__header-wrapper .el-table-column--selection .el-checkbox .is-indeterminate .el-checkbox__inner::before, .el-table__body-wrapper .el-table-column--selection .el-checkbox .is-indeterminate .el-checkbox__inner::before {
15299
15299
  top: 3px;
@@ -18164,7 +18164,7 @@ mark.el-text {
18164
18164
  border: none;
18165
18165
  outline: none;
18166
18166
  cursor: pointer;
18167
- font-size: var(--el-message-close-size, 24px);
18167
+ font-size: var(--el-message-close-size, 12px);
18168
18168
  }
18169
18169
  .el-tour__closebtn .el-tour__close {
18170
18170
  color: var(--el-tour-close-color);
@@ -18178,7 +18178,7 @@ mark.el-text {
18178
18178
  padding-bottom: var(--el-tour-padding-primary);
18179
18179
  }
18180
18180
  .el-tour__header.show-close {
18181
- padding-right: calc(var(--el-tour-padding-primary) + var(--el-message-close-size, 24px));
18181
+ padding-right: calc(var(--el-tour-padding-primary) + var(--el-message-close-size, 12px));
18182
18182
  }
18183
18183
 
18184
18184
  .el-tour__title {
@@ -596,7 +596,7 @@ $message: map.merge(
596
596
  'border-color': getCssVar('color', 'info-light-3'),
597
597
  'padding': 8px 11px 8px 16px,
598
598
  'font-size': 12px,
599
- 'close-size': 24px,
599
+ 'close-size': 12px,
600
600
  'close-icon-color': getCssVar('color', 'neutral-primary-5'),
601
601
  'close-hover-color': getCssVar('color', 'neutral-primary-4'),
602
602
  'text-color': getCssVar('color', 'info-light-5'),
@@ -392,7 +392,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
392
392
  padding-bottom: var(--el-dialog-padding-primary);
393
393
  }
394
394
  .el-dialog__header.show-close {
395
- padding-right: calc(var(--el-dialog-padding-primary) + var(--el-message-close-size, 24px));
395
+ padding-right: calc(var(--el-dialog-padding-primary) + var(--el-message-close-size, 12px));
396
396
  }
397
397
 
398
398
  .el-dialog__headerbtn {
@@ -406,7 +406,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
406
406
  border: none;
407
407
  outline: none;
408
408
  cursor: pointer;
409
- font-size: var(--el-message-close-size, 24px);
409
+ font-size: var(--el-message-close-size, 12px);
410
410
  }
411
411
  .el-dialog__headerbtn .el-dialog__close {
412
412
  color: var(--el-color-primary);
@@ -8180,7 +8180,7 @@ heights > $common-component-size
8180
8180
  padding-bottom: var(--el-dialog-padding-primary);
8181
8181
  }
8182
8182
  .el-dialog__header.show-close {
8183
- padding-right: calc(var(--el-dialog-padding-primary) + var(--el-message-close-size, 24px));
8183
+ padding-right: calc(var(--el-dialog-padding-primary) + var(--el-message-close-size, 12px));
8184
8184
  }
8185
8185
 
8186
8186
  .el-dialog__headerbtn {
@@ -8194,7 +8194,7 @@ heights > $common-component-size
8194
8194
  border: none;
8195
8195
  outline: none;
8196
8196
  cursor: pointer;
8197
- font-size: var(--el-message-close-size, 24px);
8197
+ font-size: var(--el-message-close-size, 12px);
8198
8198
  }
8199
8199
  .el-dialog__headerbtn .el-dialog__close {
8200
8200
  color: var(--el-color-primary);
@@ -10645,7 +10645,7 @@ h6,
10645
10645
  }
10646
10646
 
10647
10647
  .el-message-box__header.show-close {
10648
- padding-right: calc(var(--el-messagebox-padding-primary) + var(--el-message-close-size, 24px));
10648
+ padding-right: calc(var(--el-messagebox-padding-primary) + var(--el-message-close-size, 12px));
10649
10649
  }
10650
10650
 
10651
10651
  .el-message-box__title {
@@ -10669,7 +10669,7 @@ h6,
10669
10669
  border: none;
10670
10670
  outline: none;
10671
10671
  background: transparent;
10672
- font-size: var(--el-message-close-size, 24px);
10672
+ font-size: var(--el-message-close-size, 12px);
10673
10673
  cursor: pointer;
10674
10674
  display: flex;
10675
10675
  align-items: center;
@@ -10829,7 +10829,7 @@ h6,
10829
10829
  --el-message-border-color: var(--el-color-info-light-3);
10830
10830
  --el-message-padding: 8px 11px 8px 16px;
10831
10831
  --el-message-font-size: 12px;
10832
- --el-message-close-size: 24px;
10832
+ --el-message-close-size: 12px;
10833
10833
  --el-message-close-icon-color: var(--el-color-neutral-primary-5);
10834
10834
  --el-message-close-hover-color: var(--el-color-neutral-primary-4);
10835
10835
  --el-message-text-color: var(--el-color-info-light-5);
@@ -10887,7 +10887,7 @@ h6,
10887
10887
  .el-message--primary {
10888
10888
  --el-message-bg-color: var(--el-color-primary-light-1);
10889
10889
  --el-message-border-color: var(--el-color-primary-light-3);
10890
- --el-message-text-color: var(--el-color-primary);
10890
+ --el-message-text-color: var(--el-color-primary-light-5);
10891
10891
  }
10892
10892
  .el-message--primary .el-message__content {
10893
10893
  color: var(--el-message-text-color);
@@ -10911,7 +10911,7 @@ h6,
10911
10911
  .el-message--success {
10912
10912
  --el-message-bg-color: var(--el-color-success-light-1);
10913
10913
  --el-message-border-color: var(--el-color-success-light-3);
10914
- --el-message-text-color: var(--el-color-success);
10914
+ --el-message-text-color: var(--el-color-success-light-5);
10915
10915
  }
10916
10916
  .el-message--success .el-message__content {
10917
10917
  color: var(--el-message-text-color);
@@ -10933,22 +10933,22 @@ h6,
10933
10933
  height: 12px;
10934
10934
  }
10935
10935
  .el-message--info {
10936
- --el-message-bg-color: var(--el-color-info-light-1);
10937
- --el-message-border-color: var(--el-color-info-light-3);
10938
- --el-message-text-color: var(--el-color-info);
10936
+ --el-message-bg-color: var(--el-color-neutral-light-1);
10937
+ --el-message-border-color: var(--el-color-neutral-light-3);
10938
+ --el-message-text-color: var(--el-color-neutral-light-6);
10939
10939
  }
10940
10940
  .el-message--info .el-message__content {
10941
10941
  color: var(--el-message-text-color);
10942
10942
  overflow-wrap: break-word;
10943
10943
  }
10944
10944
  .el-message--info .el-message__closeBtn {
10945
- color: var(--el-color-info);
10945
+ color: var(--el-color-neutral);
10946
10946
  }
10947
10947
  .el-message--info .el-message__closeBtn:hover {
10948
- color: var(--el-color-info-light-4);
10948
+ color: var(--el-color-neutral-light-4);
10949
10949
  }
10950
10950
  .el-message--info .el-message__closeBtn:active {
10951
- color: var(--el-color-info-light-6);
10951
+ color: var(--el-color-neutral-light-6);
10952
10952
  }
10953
10953
 
10954
10954
  .el-message .el-message-icon--info {
@@ -10959,7 +10959,7 @@ h6,
10959
10959
  .el-message--warning {
10960
10960
  --el-message-bg-color: var(--el-color-warning-light-1);
10961
10961
  --el-message-border-color: var(--el-color-warning-light-3);
10962
- --el-message-text-color: var(--el-color-warning);
10962
+ --el-message-text-color: var(--el-color-warning-light-5);
10963
10963
  }
10964
10964
  .el-message--warning .el-message__content {
10965
10965
  color: var(--el-message-text-color);
@@ -10983,7 +10983,7 @@ h6,
10983
10983
  .el-message--error {
10984
10984
  --el-message-bg-color: var(--el-color-error-light-1);
10985
10985
  --el-message-border-color: var(--el-color-error-light-3);
10986
- --el-message-text-color: var(--el-color-error);
10986
+ --el-message-text-color: var(--el-color-error-light-5);
10987
10987
  }
10988
10988
  .el-message--error .el-message__content {
10989
10989
  color: var(--el-message-text-color);
@@ -11025,7 +11025,7 @@ h6,
11025
11025
  }
11026
11026
 
11027
11027
  .el-message::before {
11028
- font-family: "iconsax" !important;
11028
+ font-family: "Material Symbols Outlined" !important;
11029
11029
  -webkit-font-smoothing: antialiased;
11030
11030
  -moz-osx-font-smoothing: grayscale;
11031
11031
  font-style: normal;
@@ -11037,16 +11037,16 @@ h6,
11037
11037
  font-size: 12px;
11038
11038
  }
11039
11039
  .el-message.el-message--success::before {
11040
- content: "\ec2a";
11040
+ content: "check_circle";
11041
11041
  }
11042
11042
  .el-message.el-message--info::before {
11043
- content: "\eb4d";
11043
+ content: "info";
11044
11044
  }
11045
11045
  .el-message.el-message--warning::before {
11046
- content: "\e9f6";
11046
+ content: "warning";
11047
11047
  }
11048
11048
  .el-message.el-message--danger::before, .el-message.el-message--error::before {
11049
- content: "\e9c8";
11049
+ content: "cancel";
11050
11050
  }
11051
11051
  .el-message .el-message__icon {
11052
11052
  display: none;
@@ -11059,7 +11059,7 @@ h6,
11059
11059
  --el-notification-shadow: var(--el-box-shadow-light);
11060
11060
  --el-notification-border-color: var(--el-color-neutral-light-3);
11061
11061
  --el-notification-icon-size: 24px;
11062
- --el-notification-close-font-size: var(--el-message-close-size, 24px);
11062
+ --el-notification-close-font-size: var(--el-message-close-size, 12px);
11063
11063
  --el-notification-group-margin-left: 13px;
11064
11064
  --el-notification-group-margin-right: 8px;
11065
11065
  --el-notification-content-font-size: var(--el-font-size-base);
@@ -14405,9 +14405,9 @@ h6,
14405
14405
  }
14406
14406
  .el-table__header-wrapper .el-table-column--selection .el-checkbox .el-checkbox__inner::after, .el-table__body-wrapper .el-table-column--selection .el-checkbox .el-checkbox__inner::after {
14407
14407
  height: 6px;
14408
- left: 3px;
14408
+ left: 0;
14409
14409
  width: 2px;
14410
- top: 0px;
14410
+ top: -1px;
14411
14411
  }
14412
14412
  .el-table__header-wrapper .el-table-column--selection .el-checkbox .is-indeterminate .el-checkbox__inner::before, .el-table__body-wrapper .el-table-column--selection .el-checkbox .is-indeterminate .el-checkbox__inner::before {
14413
14413
  top: 3px;
@@ -17278,7 +17278,7 @@ mark.el-text {
17278
17278
  border: none;
17279
17279
  outline: none;
17280
17280
  cursor: pointer;
17281
- font-size: var(--el-message-close-size, 24px);
17281
+ font-size: var(--el-message-close-size, 12px);
17282
17282
  }
17283
17283
  .el-tour__closebtn .el-tour__close {
17284
17284
  color: var(--el-tour-close-color);
@@ -17292,7 +17292,7 @@ mark.el-text {
17292
17292
  padding-bottom: var(--el-tour-padding-primary);
17293
17293
  }
17294
17294
  .el-tour__header.show-close {
17295
- padding-right: calc(var(--el-tour-padding-primary) + var(--el-message-close-size, 24px));
17295
+ padding-right: calc(var(--el-tour-padding-primary) + var(--el-message-close-size, 12px));
17296
17296
  }
17297
17297
 
17298
17298
  .el-tour__title {
@@ -395,7 +395,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
395
395
  }
396
396
 
397
397
  .el-message-box__header.show-close {
398
- padding-right: calc(var(--el-messagebox-padding-primary) + var(--el-message-close-size, 24px));
398
+ padding-right: calc(var(--el-messagebox-padding-primary) + var(--el-message-close-size, 12px));
399
399
  }
400
400
 
401
401
  .el-message-box__title {
@@ -419,7 +419,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
419
419
  border: none;
420
420
  outline: none;
421
421
  background: transparent;
422
- font-size: var(--el-message-close-size, 24px);
422
+ font-size: var(--el-message-close-size, 12px);
423
423
  cursor: pointer;
424
424
  display: flex;
425
425
  align-items: center;
@@ -305,7 +305,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
305
305
  --el-message-border-color: var(--el-color-info-light-3);
306
306
  --el-message-padding: 8px 11px 8px 16px;
307
307
  --el-message-font-size: 12px;
308
- --el-message-close-size: 24px;
308
+ --el-message-close-size: 12px;
309
309
  --el-message-close-icon-color: var(--el-color-neutral-primary-5);
310
310
  --el-message-close-hover-color: var(--el-color-neutral-primary-4);
311
311
  --el-message-text-color: var(--el-color-info-light-5);
@@ -363,7 +363,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
363
363
  .el-message--primary {
364
364
  --el-message-bg-color: var(--el-color-primary-light-1);
365
365
  --el-message-border-color: var(--el-color-primary-light-3);
366
- --el-message-text-color: var(--el-color-primary);
366
+ --el-message-text-color: var(--el-color-primary-light-5);
367
367
  }
368
368
  .el-message--primary .el-message__content {
369
369
  color: var(--el-message-text-color);
@@ -387,7 +387,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
387
387
  .el-message--success {
388
388
  --el-message-bg-color: var(--el-color-success-light-1);
389
389
  --el-message-border-color: var(--el-color-success-light-3);
390
- --el-message-text-color: var(--el-color-success);
390
+ --el-message-text-color: var(--el-color-success-light-5);
391
391
  }
392
392
  .el-message--success .el-message__content {
393
393
  color: var(--el-message-text-color);
@@ -409,22 +409,22 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
409
409
  height: 12px;
410
410
  }
411
411
  .el-message--info {
412
- --el-message-bg-color: var(--el-color-info-light-1);
413
- --el-message-border-color: var(--el-color-info-light-3);
414
- --el-message-text-color: var(--el-color-info);
412
+ --el-message-bg-color: var(--el-color-neutral-light-1);
413
+ --el-message-border-color: var(--el-color-neutral-light-3);
414
+ --el-message-text-color: var(--el-color-neutral-light-6);
415
415
  }
416
416
  .el-message--info .el-message__content {
417
417
  color: var(--el-message-text-color);
418
418
  overflow-wrap: break-word;
419
419
  }
420
420
  .el-message--info .el-message__closeBtn {
421
- color: var(--el-color-info);
421
+ color: var(--el-color-neutral);
422
422
  }
423
423
  .el-message--info .el-message__closeBtn:hover {
424
- color: var(--el-color-info-light-4);
424
+ color: var(--el-color-neutral-light-4);
425
425
  }
426
426
  .el-message--info .el-message__closeBtn:active {
427
- color: var(--el-color-info-light-6);
427
+ color: var(--el-color-neutral-light-6);
428
428
  }
429
429
 
430
430
  .el-message .el-message-icon--info {
@@ -435,7 +435,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
435
435
  .el-message--warning {
436
436
  --el-message-bg-color: var(--el-color-warning-light-1);
437
437
  --el-message-border-color: var(--el-color-warning-light-3);
438
- --el-message-text-color: var(--el-color-warning);
438
+ --el-message-text-color: var(--el-color-warning-light-5);
439
439
  }
440
440
  .el-message--warning .el-message__content {
441
441
  color: var(--el-message-text-color);
@@ -459,7 +459,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
459
459
  .el-message--error {
460
460
  --el-message-bg-color: var(--el-color-error-light-1);
461
461
  --el-message-border-color: var(--el-color-error-light-3);
462
- --el-message-text-color: var(--el-color-error);
462
+ --el-message-text-color: var(--el-color-error-light-5);
463
463
  }
464
464
  .el-message--error .el-message__content {
465
465
  color: var(--el-message-text-color);
@@ -501,7 +501,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
501
501
  }
502
502
 
503
503
  .el-message::before {
504
- font-family: "iconsax" !important;
504
+ font-family: "Material Symbols Outlined" !important;
505
505
  -webkit-font-smoothing: antialiased;
506
506
  -moz-osx-font-smoothing: grayscale;
507
507
  font-style: normal;
@@ -513,16 +513,16 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
513
513
  font-size: 12px;
514
514
  }
515
515
  .el-message.el-message--success::before {
516
- content: "\ec2a";
516
+ content: "check_circle";
517
517
  }
518
518
  .el-message.el-message--info::before {
519
- content: "\eb4d";
519
+ content: "info";
520
520
  }
521
521
  .el-message.el-message--warning::before {
522
- content: "\e9f6";
522
+ content: "warning";
523
523
  }
524
524
  .el-message.el-message--danger::before, .el-message.el-message--error::before {
525
- content: "\e9c8";
525
+ content: "cancel";
526
526
  }
527
527
  .el-message .el-message__icon {
528
528
  display: none;
@@ -2,6 +2,8 @@
2
2
  @use 'mixins/var' as *;
3
3
  @use 'common/var' as *;
4
4
 
5
+ $material-icons-font-family: 'Material Symbols Outlined';
6
+
5
7
  @include b(message) {
6
8
  @include set-component-css-var('message', $message);
7
9
  }
@@ -64,9 +66,9 @@
64
66
 
65
67
  @each $type in $semantic {
66
68
  @include m($type) {
67
- @include css-var-from-global(('message', 'bg-color'), ('color', $type, 'light-1'));
68
- @include css-var-from-global(('message', 'border-color'), ('color', $type, 'light-3'));
69
- @include css-var-from-global(('message', 'text-color'), ('color', $type));
69
+ @include css-var-from-global(('message', 'bg-color'), ('color', if($type == 'info', 'neutral', $type), 'light-1'));
70
+ @include css-var-from-global(('message', 'border-color'), ('color', if($type == 'info', 'neutral', $type), 'light-3'));
71
+ @include css-var-from-global(('message', 'text-color'), ('color', if($type == 'info', 'neutral', $type), if($type == 'info', 'light-6', 'light-5')));
70
72
 
71
73
  .#{$namespace}-message__content {
72
74
  color: getCssVar('message', 'text-color');
@@ -74,14 +76,14 @@
74
76
  }
75
77
 
76
78
  & .#{$namespace}-message__closeBtn {
77
- color: getCssVar('color', $type);
79
+ color: getCssVar('color', if($type == 'info', 'neutral', $type));
78
80
 
79
81
  &:hover {
80
- color: getCssVar('color', $type, 'light-4');
82
+ color: getCssVar('color', if($type == 'info', 'neutral', $type), 'light-4');
81
83
  }
82
84
 
83
85
  &:active {
84
- color: getCssVar('color', $type, 'light-6');
86
+ color: getCssVar('color', if($type == 'info', 'neutral', $type), 'light-6');
85
87
  }
86
88
  }
87
89
  }
@@ -117,7 +119,7 @@
117
119
 
118
120
  .el-message {
119
121
  &::before {
120
- font-family: 'iconsax' !important;
122
+ font-family: $material-icons-font-family !important;
121
123
  -webkit-font-smoothing: antialiased;
122
124
  -moz-osx-font-smoothing: grayscale;
123
125
  font-style: normal;
@@ -131,26 +133,26 @@
131
133
 
132
134
  &.el-message--success {
133
135
  &::before {
134
- content: '\ec2a';
136
+ content: 'check_circle';
135
137
  }
136
138
  }
137
139
 
138
140
  &.el-message--info {
139
141
  &::before {
140
- content: '\eb4d';
142
+ content: 'info';
141
143
  }
142
144
  }
143
145
 
144
146
  &.el-message--warning {
145
147
  &::before {
146
- content: '\e9f6';
148
+ content: 'warning';
147
149
  }
148
150
  }
149
151
 
150
152
  &.el-message--danger,
151
153
  &.el-message--error {
152
154
  &::before {
153
- content: '\e9c8';
155
+ content: 'cancel';
154
156
  }
155
157
  }
156
158
 
@@ -307,7 +307,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
307
307
  --el-notification-shadow: var(--el-box-shadow-light);
308
308
  --el-notification-border-color: var(--el-color-neutral-light-3);
309
309
  --el-notification-icon-size: 24px;
310
- --el-notification-close-font-size: var(--el-message-close-size, 24px);
310
+ --el-notification-close-font-size: var(--el-message-close-size, 12px);
311
311
  --el-notification-group-margin-left: 13px;
312
312
  --el-notification-group-margin-right: 8px;
313
313
  --el-notification-content-font-size: var(--el-font-size-base);
@@ -736,9 +736,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
736
736
  }
737
737
  .el-table__header-wrapper .el-table-column--selection .el-checkbox .el-checkbox__inner::after, .el-table__body-wrapper .el-table-column--selection .el-checkbox .el-checkbox__inner::after {
738
738
  height: 6px;
739
- left: 3px;
739
+ left: 0;
740
740
  width: 2px;
741
- top: 0px;
741
+ top: -1px;
742
742
  }
743
743
  .el-table__header-wrapper .el-table-column--selection .el-checkbox .is-indeterminate .el-checkbox__inner::before, .el-table__body-wrapper .el-table-column--selection .el-checkbox .is-indeterminate .el-checkbox__inner::before {
744
744
  top: 3px;
@@ -507,9 +507,9 @@
507
507
 
508
508
  &::after {
509
509
  height: 6px;
510
- left: 3px;
510
+ left: 0;
511
511
  width: 2px;
512
- top: 0px;
512
+ top: -1px;
513
513
  }
514
514
  }
515
515
 
@@ -376,7 +376,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
376
376
  border: none;
377
377
  outline: none;
378
378
  cursor: pointer;
379
- font-size: var(--el-message-close-size, 24px);
379
+ font-size: var(--el-message-close-size, 12px);
380
380
  }
381
381
  .el-tour__closebtn .el-tour__close {
382
382
  color: var(--el-tour-close-color);
@@ -390,7 +390,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
390
390
  padding-bottom: var(--el-tour-padding-primary);
391
391
  }
392
392
  .el-tour__header.show-close {
393
- padding-right: calc(var(--el-tour-padding-primary) + var(--el-message-close-size, 24px));
393
+ padding-right: calc(var(--el-tour-padding-primary) + var(--el-message-close-size, 12px));
394
394
  }
395
395
 
396
396
  .el-tour__title {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@timus-networks/theme",
3
- "version": "2.4.153",
3
+ "version": "2.4.156",
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": {