@festo-ui/web-essentials 7.3.0-dev.502 → 7.3.0-dev.517

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.
@@ -102,14 +102,6 @@
102
102
  background-color: var(--fwe-white) !important;
103
103
  }
104
104
 
105
- .fwe-color-white-dark {
106
- color: var(--fwe-white-dark) !important;
107
- }
108
-
109
- .fwe-bg-white-dark {
110
- background-color: var(--fwe-white-dark) !important;
111
- }
112
-
113
105
  .fwe-color-caerul {
114
106
  color: var(--fwe-caerul) !important;
115
107
  }
@@ -398,6 +390,14 @@
398
390
  background-color: var(--fwe-border-disabled) !important;
399
391
  }
400
392
 
393
+ .fwe-color-white-hover {
394
+ color: var(--fwe-white-hover) !important;
395
+ }
396
+
397
+ .fwe-bg-white-hover {
398
+ background-color: var(--fwe-white-hover) !important;
399
+ }
400
+
401
401
  h1,
402
402
  .fwe-h1 {
403
403
  font-size: 32px;
@@ -3244,7 +3244,8 @@ header.fwe-fixed-header {
3244
3244
 
3245
3245
  a {
3246
3246
  color: var(--fwe-hero);
3247
- text-decoration: none;
3247
+ text-decoration: underline;
3248
+ text-decoration-thickness: 2px;
3248
3249
  }
3249
3250
  a i.fwe-icon {
3250
3251
  vertical-align: text-top;
@@ -3262,7 +3263,8 @@ a.fwe-disabled {
3262
3263
  }
3263
3264
  a:hover:not(.fwe-disabled) {
3264
3265
  color: var(--fwe-hero-hover);
3265
- text-decoration: none;
3266
+ text-decoration: underline;
3267
+ text-decoration-thickness: 2px;
3266
3268
  }
3267
3269
 
3268
3270
  label.fwe-input-text {
@@ -4963,10 +4965,14 @@ fieldset.fwe-progress-container label {
4963
4965
  }
4964
4966
  .fwe-snackbar .fwe-snackbar-link-btn {
4965
4967
  background: none;
4966
- color: var(--fwe-hero);
4968
+ color: var(--fwe-text);
4967
4969
  border: none;
4968
4970
  padding: 0px 12px;
4969
4971
  cursor: pointer;
4972
+ text-decoration: underline;
4973
+ }
4974
+ .fwe-snackbar .fwe-snackbar-link-btn:hover {
4975
+ color: var(--fwe-hero-hover);
4970
4976
  }
4971
4977
  .fwe-snackbar.fwe-snackbar-info span, .fwe-snackbar.fwe-snackbar-warning span, .fwe-snackbar.fwe-snackbar-error span {
4972
4978
  position: relative;
@@ -4995,13 +5001,16 @@ fieldset.fwe-progress-container label {
4995
5001
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGcgZGF0YS1uYW1lPSJjb250ZW50Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTIyLjQgMTkuODYgMTMuMjczIDIuNzQzYTEuNDQxIDEuNDQxIDAgMCAwLTIuNTQ0IDBMMS42IDE5Ljg2YTEuNDQxIDEuNDQxIDAgMCAwIDEuMjcyIDIuMTJIMjEuMTNhMS40NDEgMS40NDEgMCAwIDAgMS4yNzItMi4xMlpNMTEgN2gydjhoLTJabTIuMDA1IDExLjk2NWgtMi4wMXYtMi4wMWgyLjAxWiIvPjwvZz48L3N2Zz4=");
4996
5002
  }
4997
5003
  .fwe-snackbar.fwe-snackbar-warning .fwe-snackbar-close-btn {
4998
- background-color: var(--fwe-orange);
5004
+ background-color: var(--fwe-text);
4999
5005
  }
5000
5006
  .fwe-snackbar.fwe-snackbar-warning .fwe-snackbar-separator {
5001
5007
  background-color: var(--fwe-orange);
5002
5008
  }
5003
5009
  .fwe-snackbar.fwe-snackbar-warning .fwe-snackbar-link-btn {
5004
- color: var(--fwe-orange);
5010
+ color: var(--fwe-text);
5011
+ }
5012
+ .fwe-snackbar.fwe-snackbar-warning .fwe-snackbar-link-btn:hover {
5013
+ color: var(--fwe-orange-hover);
5005
5014
  }
5006
5015
  .fwe-snackbar.fwe-snackbar-error {
5007
5016
  border-color: var(--fwe-red);
@@ -5013,13 +5022,16 @@ fieldset.fwe-progress-container label {
5013
5022
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGcgZGF0YS1uYW1lPSJjb250ZW50Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTEyIDFhMTEgMTEgMCAxIDAgMTEgMTFBMTEgMTEgMCAwIDAgMTIgMVptNS43IDE1LjItMS41IDEuNS00LjItNC4zLTQuMiA0LjMtMS41LTEuNSA0LjMtNC4yLTQuMy00LjIgMS41LTEuNSA0LjIgNC4zIDQuMi00LjMgMS41IDEuNS00LjMgNC4yWiIvPjwvZz48L3N2Zz4=");
5014
5023
  }
5015
5024
  .fwe-snackbar.fwe-snackbar-error .fwe-snackbar-close-btn {
5016
- background-color: var(--fwe-red);
5025
+ background-color: var(--fwe-text);
5017
5026
  }
5018
5027
  .fwe-snackbar.fwe-snackbar-error .fwe-snackbar-separator {
5019
5028
  background-color: var(--fwe-red);
5020
5029
  }
5021
5030
  .fwe-snackbar.fwe-snackbar-error .fwe-snackbar-link-btn {
5022
- color: var(--fwe-red);
5031
+ color: var(--fwe-text);
5032
+ }
5033
+ .fwe-snackbar.fwe-snackbar-error .fwe-snackbar-link-btn:hover {
5034
+ color: var(--fwe-red-hover);
5023
5035
  }
5024
5036
  .fwe-snackbar .fwe-snackbar-separator {
5025
5037
  height: 24px;
@@ -5038,13 +5050,13 @@ fieldset.fwe-progress-container label {
5038
5050
  background-color: var(--fwe-text);
5039
5051
  }
5040
5052
  .fwe-snackbar.fwe-snackbar-b .fwe-snackbar-close-btn:hover {
5041
- background-color: var(--fwe-hero-hover);
5053
+ background-color: var(--fwe-text);
5042
5054
  }
5043
5055
  .fwe-snackbar.fwe-snackbar-b .fwe-snackbar-separator {
5044
5056
  background-color: var(--fwe-text);
5045
5057
  }
5046
5058
  .fwe-snackbar.fwe-snackbar-b .fwe-snackbar-link-btn {
5047
- color: var(--fwe-hero);
5059
+ color: var(--fwe-text);
5048
5060
  }
5049
5061
  .fwe-snackbar.fwe-snackbar-b .fwe-snackbar-link-btn:hover {
5050
5062
  color: var(--fwe-hero-hover);
@@ -5067,7 +5079,7 @@ fieldset.fwe-progress-container label {
5067
5079
  background-color: var(--fwe-white);
5068
5080
  }
5069
5081
  .fwe-snackbar.fwe-snackbar-c .fwe-snackbar-close-btn:hover {
5070
- background-color: var(--fwe-background);
5082
+ background-color: var(--fwe-white);
5071
5083
  }
5072
5084
  .fwe-snackbar.fwe-snackbar-c .fwe-snackbar-separator {
5073
5085
  background-color: var(--fwe-white);
@@ -5076,7 +5088,7 @@ fieldset.fwe-progress-container label {
5076
5088
  color: var(--fwe-white);
5077
5089
  }
5078
5090
  .fwe-snackbar.fwe-snackbar-c .fwe-snackbar-link-btn:hover {
5079
- color: var(--fwe-background);
5091
+ color: var(--fwe-white-hover);
5080
5092
  }
5081
5093
 
5082
5094
  .fwe-snackbar-container {