@syncfusion/ej2-vue-popups 26.1.38 → 26.1.41

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 (7) hide show
  1. package/dist/ej2-vue-popups.umd.min.js +1 -1
  2. package/package.json +6 -6
  3. package/styles/dialog/fluent2.css +8 -17
  4. package/styles/fluent2.css +28 -37
  5. package/styles/popup/fluent2.css +5 -5
  6. package/styles/spinner/fluent2.css +5 -5
  7. package/styles/tooltip/fluent2.css +10 -10
package/dist/ej2-vue-popups.umd.min.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: ej2-vue-popups.umd.min.js
3
- * version : 26.1.38
3
+ * version : 26.1.41
4
4
  * Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
5
5
  * Use of this code is subject to the terms of our license.
6
6
  * A copy of the current license can be obtained at any time by e-mailing
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "_from": "@syncfusion/ej2-vue-popups@*",
3
- "_id": "@syncfusion/ej2-vue-popups@26.1.35",
3
+ "_id": "@syncfusion/ej2-vue-popups@26.1.38",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-RqccswbhENCuohNdMRvRFMViWactAQpsNpNZoXOjsRWYhOLjf5B3Av6BboFubEJvhiJPWnHLV2v2qOnhXIJgrg==",
5
+ "_integrity": "sha512-iHBmqVTimTAkIIXm+XOSvS0mCePtJecB1D2GqdpHfcBvL+MDEL2sM9IyvBZa3wivJHReDrp4DcBMJmTjWIhRkA==",
6
6
  "_location": "/@syncfusion/ej2-vue-popups",
7
7
  "_phantomChildren": {},
8
8
  "_requested": {
@@ -19,8 +19,8 @@
19
19
  "_requiredBy": [
20
20
  "/"
21
21
  ],
22
- "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-popups/-/ej2-vue-popups-26.1.35.tgz",
23
- "_shasum": "88aeadf7c2b3cec700a83ad9f57be3066cd0cd44",
22
+ "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-popups/-/ej2-vue-popups-26.1.38.tgz",
23
+ "_shasum": "b5d99efaf6decef09cd5fc7db86f8b0ae02f1627",
24
24
  "_spec": "@syncfusion/ej2-vue-popups@*",
25
25
  "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
26
26
  "author": {
@@ -32,7 +32,7 @@
32
32
  "bundleDependencies": false,
33
33
  "dependencies": {
34
34
  "@syncfusion/ej2-base": "~26.1.37",
35
- "@syncfusion/ej2-popups": "26.1.38",
35
+ "@syncfusion/ej2-popups": "26.1.41",
36
36
  "@syncfusion/ej2-vue-base": "~26.1.35"
37
37
  },
38
38
  "deprecated": false,
@@ -70,6 +70,6 @@
70
70
  "ci-publish": "gulp ci-publish",
71
71
  "compile": "gulp ci-compile && gulp vue-global-script"
72
72
  },
73
- "version": "26.1.38",
73
+ "version": "26.1.41",
74
74
  "sideEffects": false
75
75
  }
package/styles/dialog/fluent2.css CHANGED
@@ -207,7 +207,7 @@
207
207
  --color-sf-info-outline: var(--color-sf-info-border-color);
208
208
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
209
209
  --color-sf-tooltip-border: var(--color-sf-content-bg-color-alt1);
210
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
210
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
211
211
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
212
212
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
213
213
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -478,7 +478,7 @@
478
478
  --color-sf-success-bg-color: #218c21;
479
479
  --color-sf-success-border-color: var(--color-sf-success-bg-color);
480
480
  --color-sf-success-text: var(--color-sf-primary-text-color);
481
- --color-sf-success-bg-color-hover: var(--color-sf-success-bg-color);
481
+ --color-sf-success-bg-color-hover: #0e700e;
482
482
  --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
483
483
  --color-sf-success-text-hover: var(--color-sf-primary-text-color);
484
484
  --color-sf-success-bg-color-pressed: #052505;
@@ -496,7 +496,7 @@
496
496
  --color-sf-warning-bg-color: #f87528;
497
497
  --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
498
498
  --color-sf-warning-text: #242424;
499
- --color-sf-warning-bg-color-hover: var(--color-sf-warning-bg-color);
499
+ --color-sf-warning-bg-color-hover: #de590b;
500
500
  --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
501
501
  --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
502
502
  --color-sf-warning-bg-color-pressed: #4a1e04;
@@ -555,7 +555,7 @@
555
555
  --color-sf-info-outline: #0099bc;
556
556
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
557
557
  --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
558
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
558
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
559
559
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
560
560
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
561
561
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -897,7 +897,7 @@
897
897
  --color-sf-info-outline: #0099bc;
898
898
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
899
899
  --color-sf-tooltip-border: var(--color-sf-border-light);
900
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
900
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
901
901
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
902
902
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color);
903
903
  --color-sf-appbar-bg-color-alt1: #fff;
@@ -1034,14 +1034,6 @@
1034
1034
 
1035
1035
  /* stylelint-disable-line no-empty-source */
1036
1036
  /* stylelint-disable */
1037
- .e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
1038
- padding: 0;
1039
- }
1040
-
1041
- .e-bigger .e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
1042
- padding: 0;
1043
- }
1044
-
1045
1037
  .e-dialog .e-dlg-content {
1046
1038
  border-radius: 8px !important;
1047
1039
  }
@@ -1095,9 +1087,6 @@
1095
1087
  border-radius: 8px 8px 0 0;
1096
1088
  line-height: 1.25;
1097
1089
  }
1098
- .e-dialog .e-dlg-header-content .e-dlg-closeicon-btn.e-btn.e-icon-btn {
1099
- line-height: 2;
1100
- }
1101
1090
  .e-dialog .e-dlg-header-content + .e-dlg-content {
1102
1091
  padding-top: 0;
1103
1092
  }
@@ -1234,11 +1223,12 @@
1234
1223
  height: 40px;
1235
1224
  left: 0;
1236
1225
  width: 40px;
1226
+ padding: 7px;
1237
1227
  }
1238
1228
  .e-bigger.e-dialog .e-btn .e-btn-icon.e-icon-dlg-close,
1239
1229
  *.e-bigger .e-dialog .e-btn .e-btn-icon.e-icon-dlg-close {
1240
1230
  font-size: 18px;
1241
- width: 40px;
1231
+ width: auto;
1242
1232
  }
1243
1233
 
1244
1234
  .e-bigger.e-rtl .e-footer-content .e-btn,
@@ -1317,6 +1307,7 @@
1317
1307
  left: 0;
1318
1308
  position: relative;
1319
1309
  width: 32px;
1310
+ padding: 7px;
1320
1311
  }
1321
1312
 
1322
1313
  .e-rtl.e-dialog .e-resize-handle.e-south-west {
package/styles/fluent2.css CHANGED
@@ -207,7 +207,7 @@
207
207
  --color-sf-info-outline: var(--color-sf-info-border-color);
208
208
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
209
209
  --color-sf-tooltip-border: var(--color-sf-content-bg-color-alt1);
210
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
210
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
211
211
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
212
212
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
213
213
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -478,7 +478,7 @@
478
478
  --color-sf-success-bg-color: #218c21;
479
479
  --color-sf-success-border-color: var(--color-sf-success-bg-color);
480
480
  --color-sf-success-text: var(--color-sf-primary-text-color);
481
- --color-sf-success-bg-color-hover: var(--color-sf-success-bg-color);
481
+ --color-sf-success-bg-color-hover: #0e700e;
482
482
  --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
483
483
  --color-sf-success-text-hover: var(--color-sf-primary-text-color);
484
484
  --color-sf-success-bg-color-pressed: #052505;
@@ -496,7 +496,7 @@
496
496
  --color-sf-warning-bg-color: #f87528;
497
497
  --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
498
498
  --color-sf-warning-text: #242424;
499
- --color-sf-warning-bg-color-hover: var(--color-sf-warning-bg-color);
499
+ --color-sf-warning-bg-color-hover: #de590b;
500
500
  --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
501
501
  --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
502
502
  --color-sf-warning-bg-color-pressed: #4a1e04;
@@ -555,7 +555,7 @@
555
555
  --color-sf-info-outline: #0099bc;
556
556
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
557
557
  --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
558
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
558
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
559
559
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
560
560
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
561
561
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -897,7 +897,7 @@
897
897
  --color-sf-info-outline: #0099bc;
898
898
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
899
899
  --color-sf-tooltip-border: var(--color-sf-border-light);
900
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
900
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
901
901
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
902
902
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color);
903
903
  --color-sf-appbar-bg-color-alt1: #fff;
@@ -1034,14 +1034,6 @@
1034
1034
 
1035
1035
  /* stylelint-disable-line no-empty-source */
1036
1036
  /* stylelint-disable */
1037
- .e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
1038
- padding: 0;
1039
- }
1040
-
1041
- .e-bigger .e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
1042
- padding: 0;
1043
- }
1044
-
1045
1037
  .e-dialog .e-dlg-content {
1046
1038
  border-radius: 8px !important;
1047
1039
  }
@@ -1095,9 +1087,6 @@
1095
1087
  border-radius: 8px 8px 0 0;
1096
1088
  line-height: 1.25;
1097
1089
  }
1098
- .e-dialog .e-dlg-header-content .e-dlg-closeicon-btn.e-btn.e-icon-btn {
1099
- line-height: 2;
1100
- }
1101
1090
  .e-dialog .e-dlg-header-content + .e-dlg-content {
1102
1091
  padding-top: 0;
1103
1092
  }
@@ -1234,11 +1223,12 @@
1234
1223
  height: 40px;
1235
1224
  left: 0;
1236
1225
  width: 40px;
1226
+ padding: 7px;
1237
1227
  }
1238
1228
  .e-bigger.e-dialog .e-btn .e-btn-icon.e-icon-dlg-close,
1239
1229
  *.e-bigger .e-dialog .e-btn .e-btn-icon.e-icon-dlg-close {
1240
1230
  font-size: 18px;
1241
- width: 40px;
1231
+ width: auto;
1242
1232
  }
1243
1233
 
1244
1234
  .e-bigger.e-rtl .e-footer-content .e-btn,
@@ -1317,6 +1307,7 @@
1317
1307
  left: 0;
1318
1308
  position: relative;
1319
1309
  width: 32px;
1310
+ padding: 7px;
1320
1311
  }
1321
1312
 
1322
1313
  .e-rtl.e-dialog .e-resize-handle.e-south-west {
@@ -1832,7 +1823,7 @@
1832
1823
  --color-sf-info-outline: var(--color-sf-info-border-color);
1833
1824
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
1834
1825
  --color-sf-tooltip-border: var(--color-sf-content-bg-color-alt1);
1835
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
1826
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
1836
1827
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
1837
1828
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
1838
1829
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -2103,7 +2094,7 @@
2103
2094
  --color-sf-success-bg-color: #218c21;
2104
2095
  --color-sf-success-border-color: var(--color-sf-success-bg-color);
2105
2096
  --color-sf-success-text: var(--color-sf-primary-text-color);
2106
- --color-sf-success-bg-color-hover: var(--color-sf-success-bg-color);
2097
+ --color-sf-success-bg-color-hover: #0e700e;
2107
2098
  --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
2108
2099
  --color-sf-success-text-hover: var(--color-sf-primary-text-color);
2109
2100
  --color-sf-success-bg-color-pressed: #052505;
@@ -2121,7 +2112,7 @@
2121
2112
  --color-sf-warning-bg-color: #f87528;
2122
2113
  --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
2123
2114
  --color-sf-warning-text: #242424;
2124
- --color-sf-warning-bg-color-hover: var(--color-sf-warning-bg-color);
2115
+ --color-sf-warning-bg-color-hover: #de590b;
2125
2116
  --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
2126
2117
  --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
2127
2118
  --color-sf-warning-bg-color-pressed: #4a1e04;
@@ -2180,7 +2171,7 @@
2180
2171
  --color-sf-info-outline: #0099bc;
2181
2172
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
2182
2173
  --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
2183
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
2174
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
2184
2175
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
2185
2176
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
2186
2177
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -2522,7 +2513,7 @@
2522
2513
  --color-sf-info-outline: #0099bc;
2523
2514
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
2524
2515
  --color-sf-tooltip-border: var(--color-sf-border-light);
2525
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
2516
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
2526
2517
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
2527
2518
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color);
2528
2519
  --color-sf-appbar-bg-color-alt1: #fff;
@@ -2883,7 +2874,7 @@
2883
2874
  --color-sf-info-outline: var(--color-sf-info-border-color);
2884
2875
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
2885
2876
  --color-sf-tooltip-border: var(--color-sf-content-bg-color-alt1);
2886
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
2877
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
2887
2878
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
2888
2879
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
2889
2880
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -3154,7 +3145,7 @@
3154
3145
  --color-sf-success-bg-color: #218c21;
3155
3146
  --color-sf-success-border-color: var(--color-sf-success-bg-color);
3156
3147
  --color-sf-success-text: var(--color-sf-primary-text-color);
3157
- --color-sf-success-bg-color-hover: var(--color-sf-success-bg-color);
3148
+ --color-sf-success-bg-color-hover: #0e700e;
3158
3149
  --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
3159
3150
  --color-sf-success-text-hover: var(--color-sf-primary-text-color);
3160
3151
  --color-sf-success-bg-color-pressed: #052505;
@@ -3172,7 +3163,7 @@
3172
3163
  --color-sf-warning-bg-color: #f87528;
3173
3164
  --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
3174
3165
  --color-sf-warning-text: #242424;
3175
- --color-sf-warning-bg-color-hover: var(--color-sf-warning-bg-color);
3166
+ --color-sf-warning-bg-color-hover: #de590b;
3176
3167
  --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
3177
3168
  --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
3178
3169
  --color-sf-warning-bg-color-pressed: #4a1e04;
@@ -3231,7 +3222,7 @@
3231
3222
  --color-sf-info-outline: #0099bc;
3232
3223
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
3233
3224
  --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
3234
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
3225
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
3235
3226
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
3236
3227
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
3237
3228
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -3573,7 +3564,7 @@
3573
3564
  --color-sf-info-outline: #0099bc;
3574
3565
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
3575
3566
  --color-sf-tooltip-border: var(--color-sf-border-light);
3576
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
3567
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
3577
3568
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
3578
3569
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color);
3579
3570
  --color-sf-appbar-bg-color-alt1: #fff;
@@ -3812,7 +3803,7 @@
3812
3803
  }
3813
3804
  .e-tooltip-wrap.e-popup {
3814
3805
  background-color: var(--color-sf-tooltip-bg-color);
3815
- border: 1px solid #fff;
3806
+ border: 1px solid var(--color-sf-tooltip-border);
3816
3807
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
3817
3808
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
3818
3809
  -webkit-filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.25));
@@ -3828,21 +3819,21 @@
3828
3819
  .e-tooltip-wrap .e-arrow-tip-outer.e-tip-bottom {
3829
3820
  border-left: 8px solid transparent;
3830
3821
  border-right: 8px solid transparent;
3831
- border-top: 8px solid #fff;
3822
+ border-top: 8px solid var(--color-sf-tooltip-border);
3832
3823
  }
3833
3824
  .e-tooltip-wrap .e-arrow-tip-outer.e-tip-top {
3834
- border-bottom: 8px solid #fff;
3825
+ border-bottom: 8px solid var(--color-sf-tooltip-border);
3835
3826
  border-left: 8px solid transparent;
3836
3827
  border-right: 8px solid transparent;
3837
3828
  }
3838
3829
  .e-tooltip-wrap .e-arrow-tip-outer.e-tip-left {
3839
3830
  border-bottom: 8px solid transparent;
3840
- border-right: 8px solid #fff;
3831
+ border-right: 8px solid var(--color-sf-tooltip-border);
3841
3832
  border-top: 8px solid transparent;
3842
3833
  }
3843
3834
  .e-tooltip-wrap .e-arrow-tip-outer.e-tip-right {
3844
3835
  border-bottom: 8px solid transparent;
3845
- border-left: 8px solid #fff;
3836
+ border-left: 8px solid var(--color-sf-tooltip-border);
3846
3837
  border-top: 8px solid transparent;
3847
3838
  }
3848
3839
  .e-tooltip-wrap .e-arrow-tip-inner {
@@ -4098,7 +4089,7 @@
4098
4089
  --color-sf-info-outline: var(--color-sf-info-border-color);
4099
4090
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
4100
4091
  --color-sf-tooltip-border: var(--color-sf-content-bg-color-alt1);
4101
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
4092
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
4102
4093
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
4103
4094
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
4104
4095
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -4369,7 +4360,7 @@
4369
4360
  --color-sf-success-bg-color: #218c21;
4370
4361
  --color-sf-success-border-color: var(--color-sf-success-bg-color);
4371
4362
  --color-sf-success-text: var(--color-sf-primary-text-color);
4372
- --color-sf-success-bg-color-hover: var(--color-sf-success-bg-color);
4363
+ --color-sf-success-bg-color-hover: #0e700e;
4373
4364
  --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
4374
4365
  --color-sf-success-text-hover: var(--color-sf-primary-text-color);
4375
4366
  --color-sf-success-bg-color-pressed: #052505;
@@ -4387,7 +4378,7 @@
4387
4378
  --color-sf-warning-bg-color: #f87528;
4388
4379
  --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
4389
4380
  --color-sf-warning-text: #242424;
4390
- --color-sf-warning-bg-color-hover: var(--color-sf-warning-bg-color);
4381
+ --color-sf-warning-bg-color-hover: #de590b;
4391
4382
  --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
4392
4383
  --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
4393
4384
  --color-sf-warning-bg-color-pressed: #4a1e04;
@@ -4446,7 +4437,7 @@
4446
4437
  --color-sf-info-outline: #0099bc;
4447
4438
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
4448
4439
  --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
4449
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
4440
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
4450
4441
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
4451
4442
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
4452
4443
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -4788,7 +4779,7 @@
4788
4779
  --color-sf-info-outline: #0099bc;
4789
4780
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
4790
4781
  --color-sf-tooltip-border: var(--color-sf-border-light);
4791
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
4782
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
4792
4783
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
4793
4784
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color);
4794
4785
  --color-sf-appbar-bg-color-alt1: #fff;
package/styles/popup/fluent2.css CHANGED
@@ -207,7 +207,7 @@
207
207
  --color-sf-info-outline: var(--color-sf-info-border-color);
208
208
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
209
209
  --color-sf-tooltip-border: var(--color-sf-content-bg-color-alt1);
210
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
210
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
211
211
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
212
212
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
213
213
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -478,7 +478,7 @@
478
478
  --color-sf-success-bg-color: #218c21;
479
479
  --color-sf-success-border-color: var(--color-sf-success-bg-color);
480
480
  --color-sf-success-text: var(--color-sf-primary-text-color);
481
- --color-sf-success-bg-color-hover: var(--color-sf-success-bg-color);
481
+ --color-sf-success-bg-color-hover: #0e700e;
482
482
  --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
483
483
  --color-sf-success-text-hover: var(--color-sf-primary-text-color);
484
484
  --color-sf-success-bg-color-pressed: #052505;
@@ -496,7 +496,7 @@
496
496
  --color-sf-warning-bg-color: #f87528;
497
497
  --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
498
498
  --color-sf-warning-text: #242424;
499
- --color-sf-warning-bg-color-hover: var(--color-sf-warning-bg-color);
499
+ --color-sf-warning-bg-color-hover: #de590b;
500
500
  --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
501
501
  --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
502
502
  --color-sf-warning-bg-color-pressed: #4a1e04;
@@ -555,7 +555,7 @@
555
555
  --color-sf-info-outline: #0099bc;
556
556
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
557
557
  --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
558
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
558
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
559
559
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
560
560
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
561
561
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -897,7 +897,7 @@
897
897
  --color-sf-info-outline: #0099bc;
898
898
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
899
899
  --color-sf-tooltip-border: var(--color-sf-border-light);
900
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
900
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
901
901
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
902
902
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color);
903
903
  --color-sf-appbar-bg-color-alt1: #fff;
package/styles/spinner/fluent2.css CHANGED
@@ -207,7 +207,7 @@
207
207
  --color-sf-info-outline: var(--color-sf-info-border-color);
208
208
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
209
209
  --color-sf-tooltip-border: var(--color-sf-content-bg-color-alt1);
210
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
210
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
211
211
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
212
212
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
213
213
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -478,7 +478,7 @@
478
478
  --color-sf-success-bg-color: #218c21;
479
479
  --color-sf-success-border-color: var(--color-sf-success-bg-color);
480
480
  --color-sf-success-text: var(--color-sf-primary-text-color);
481
- --color-sf-success-bg-color-hover: var(--color-sf-success-bg-color);
481
+ --color-sf-success-bg-color-hover: #0e700e;
482
482
  --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
483
483
  --color-sf-success-text-hover: var(--color-sf-primary-text-color);
484
484
  --color-sf-success-bg-color-pressed: #052505;
@@ -496,7 +496,7 @@
496
496
  --color-sf-warning-bg-color: #f87528;
497
497
  --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
498
498
  --color-sf-warning-text: #242424;
499
- --color-sf-warning-bg-color-hover: var(--color-sf-warning-bg-color);
499
+ --color-sf-warning-bg-color-hover: #de590b;
500
500
  --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
501
501
  --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
502
502
  --color-sf-warning-bg-color-pressed: #4a1e04;
@@ -555,7 +555,7 @@
555
555
  --color-sf-info-outline: #0099bc;
556
556
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
557
557
  --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
558
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
558
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
559
559
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
560
560
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
561
561
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -897,7 +897,7 @@
897
897
  --color-sf-info-outline: #0099bc;
898
898
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
899
899
  --color-sf-tooltip-border: var(--color-sf-border-light);
900
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
900
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
901
901
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
902
902
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color);
903
903
  --color-sf-appbar-bg-color-alt1: #fff;
package/styles/tooltip/fluent2.css CHANGED
@@ -207,7 +207,7 @@
207
207
  --color-sf-info-outline: var(--color-sf-info-border-color);
208
208
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
209
209
  --color-sf-tooltip-border: var(--color-sf-content-bg-color-alt1);
210
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
210
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
211
211
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
212
212
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
213
213
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -478,7 +478,7 @@
478
478
  --color-sf-success-bg-color: #218c21;
479
479
  --color-sf-success-border-color: var(--color-sf-success-bg-color);
480
480
  --color-sf-success-text: var(--color-sf-primary-text-color);
481
- --color-sf-success-bg-color-hover: var(--color-sf-success-bg-color);
481
+ --color-sf-success-bg-color-hover: #0e700e;
482
482
  --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
483
483
  --color-sf-success-text-hover: var(--color-sf-primary-text-color);
484
484
  --color-sf-success-bg-color-pressed: #052505;
@@ -496,7 +496,7 @@
496
496
  --color-sf-warning-bg-color: #f87528;
497
497
  --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
498
498
  --color-sf-warning-text: #242424;
499
- --color-sf-warning-bg-color-hover: var(--color-sf-warning-bg-color);
499
+ --color-sf-warning-bg-color-hover: #de590b;
500
500
  --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
501
501
  --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
502
502
  --color-sf-warning-bg-color-pressed: #4a1e04;
@@ -555,7 +555,7 @@
555
555
  --color-sf-info-outline: #0099bc;
556
556
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
557
557
  --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
558
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
558
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
559
559
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
560
560
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
561
561
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -897,7 +897,7 @@
897
897
  --color-sf-info-outline: #0099bc;
898
898
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
899
899
  --color-sf-tooltip-border: var(--color-sf-border-light);
900
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
900
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
901
901
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
902
902
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color);
903
903
  --color-sf-appbar-bg-color-alt1: #fff;
@@ -1136,7 +1136,7 @@
1136
1136
  }
1137
1137
  .e-tooltip-wrap.e-popup {
1138
1138
  background-color: var(--color-sf-tooltip-bg-color);
1139
- border: 1px solid #fff;
1139
+ border: 1px solid var(--color-sf-tooltip-border);
1140
1140
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
1141
1141
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
1142
1142
  -webkit-filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.25));
@@ -1152,21 +1152,21 @@
1152
1152
  .e-tooltip-wrap .e-arrow-tip-outer.e-tip-bottom {
1153
1153
  border-left: 8px solid transparent;
1154
1154
  border-right: 8px solid transparent;
1155
- border-top: 8px solid #fff;
1155
+ border-top: 8px solid var(--color-sf-tooltip-border);
1156
1156
  }
1157
1157
  .e-tooltip-wrap .e-arrow-tip-outer.e-tip-top {
1158
- border-bottom: 8px solid #fff;
1158
+ border-bottom: 8px solid var(--color-sf-tooltip-border);
1159
1159
  border-left: 8px solid transparent;
1160
1160
  border-right: 8px solid transparent;
1161
1161
  }
1162
1162
  .e-tooltip-wrap .e-arrow-tip-outer.e-tip-left {
1163
1163
  border-bottom: 8px solid transparent;
1164
- border-right: 8px solid #fff;
1164
+ border-right: 8px solid var(--color-sf-tooltip-border);
1165
1165
  border-top: 8px solid transparent;
1166
1166
  }
1167
1167
  .e-tooltip-wrap .e-arrow-tip-outer.e-tip-right {
1168
1168
  border-bottom: 8px solid transparent;
1169
- border-left: 8px solid #fff;
1169
+ border-left: 8px solid var(--color-sf-tooltip-border);
1170
1170
  border-top: 8px solid transparent;
1171
1171
  }
1172
1172
  .e-tooltip-wrap .e-arrow-tip-inner {