@festo-ui/web-essentials 11.0.0-dev.974 → 11.0.0-dev.976
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/css/festo-web-essentials.css +35 -25
- package/dist/css/festo-web-essentials.css.map +1 -1
- package/dist/css/festo-web-essentials.min.css +13 -13
- package/dist/css/festo-web-essentials.min.css.map +1 -1
- package/dist/css/light/festo-web-essentials-light.css +26 -16
- package/dist/css/light/festo-web-essentials-light.css.map +1 -1
- package/dist/css/themes/flatpickr/festo.css +1 -1
- package/dist/css/themes/flatpickr/festo.min.css +1 -1
- package/dist/scss/_chips.scss +1 -1
- package/dist/scss/_list.scss +2 -2
- package/dist/scss/_popover.scss +14 -1
- package/dist/scss/_snackbar.scss +6 -4
- package/dist/scss/festo-web-essentials.scss +1 -1
- package/dist/scss/themes/flatpickr/festo.scss +1 -1
- package/package.json +1 -1
- package/scss/_chips.scss +1 -1
- package/scss/_list.scss +2 -2
- package/scss/_popover.scss +14 -1
- package/scss/_snackbar.scss +6 -4
|
@@ -2702,7 +2702,7 @@ ul.fwe-list-group {
|
|
|
2702
2702
|
color: var(--fwe-text);
|
|
2703
2703
|
}
|
|
2704
2704
|
.fwe-list-group .fwe-list-group-item.fwe-disabled {
|
|
2705
|
-
color: var(--fwe-
|
|
2705
|
+
color: var(--fwe-text-disabled);
|
|
2706
2706
|
}
|
|
2707
2707
|
.fwe-list-group .fwe-list-group-item.fwe-disabled::before {
|
|
2708
2708
|
background-color: var(--fwe-control-hover);
|
|
@@ -2775,7 +2775,7 @@ ul.fwe-list-group {
|
|
|
2775
2775
|
transform: scaleY(4);
|
|
2776
2776
|
}
|
|
2777
2777
|
.fwe-list-group.fwe-list-group-horizontal .fwe-list-group-item.fwe-disabled {
|
|
2778
|
-
color: var(--fwe-
|
|
2778
|
+
color: var(--fwe-text-disabled);
|
|
2779
2779
|
}
|
|
2780
2780
|
.fwe-list-group.fwe-list-group-horizontal .fwe-list-group-item.fwe-disabled::before {
|
|
2781
2781
|
background-color: var(--fwe-control-hover);
|
|
@@ -3814,7 +3814,7 @@ label.fwe-input-text.fwe-input-text-icon textarea {
|
|
|
3814
3814
|
cursor: default;
|
|
3815
3815
|
background: var(--fwe-control-disabled);
|
|
3816
3816
|
border: 1px solid var(--fwe-control-disabled);
|
|
3817
|
-
color: var(--fwe-
|
|
3817
|
+
color: var(--fwe-text-disabled);
|
|
3818
3818
|
}
|
|
3819
3819
|
.fwe-chip.fwe-disabled.fwe-filter.fwe-selected {
|
|
3820
3820
|
cursor: default;
|
|
@@ -5169,7 +5169,7 @@ fieldset.fwe-progress-container label {
|
|
|
5169
5169
|
}
|
|
5170
5170
|
.fwe-snackbar.fwe-snackbar-warning {
|
|
5171
5171
|
border-color: var(--fwe-orange);
|
|
5172
|
-
background-color:
|
|
5172
|
+
background-color: #ffeacc;
|
|
5173
5173
|
}
|
|
5174
5174
|
.fwe-snackbar.fwe-snackbar-warning span::before {
|
|
5175
5175
|
background-color: var(--fwe-orange);
|
|
@@ -5181,7 +5181,7 @@ fieldset.fwe-progress-container label {
|
|
|
5181
5181
|
}
|
|
5182
5182
|
.fwe-snackbar.fwe-snackbar-error {
|
|
5183
5183
|
border-color: var(--fwe-red);
|
|
5184
|
-
background-color:
|
|
5184
|
+
background-color: #f6cccc;
|
|
5185
5185
|
}
|
|
5186
5186
|
.fwe-snackbar.fwe-snackbar-error span::before {
|
|
5187
5187
|
background-color: var(--fwe-red);
|
|
@@ -5197,37 +5197,37 @@ fieldset.fwe-progress-container label {
|
|
|
5197
5197
|
margin: 0px 12px;
|
|
5198
5198
|
background: var(--fwe-hero);
|
|
5199
5199
|
}
|
|
5200
|
-
.fwe-snackbar.fwe-snackbar-b {
|
|
5200
|
+
.fwe-snackbar.fwe-snackbar-b, .fwe-snackbar.fwe-snackbar-light {
|
|
5201
5201
|
border: none;
|
|
5202
5202
|
background-color: var(--fwe-white);
|
|
5203
5203
|
}
|
|
5204
|
-
.fwe-snackbar.fwe-snackbar-b span::before {
|
|
5204
|
+
.fwe-snackbar.fwe-snackbar-b span::before, .fwe-snackbar.fwe-snackbar-light span::before {
|
|
5205
5205
|
background-color: var(--fwe-text);
|
|
5206
5206
|
}
|
|
5207
|
-
.fwe-snackbar.fwe-snackbar-b .fwe-snackbar-separator {
|
|
5207
|
+
.fwe-snackbar.fwe-snackbar-b .fwe-snackbar-separator, .fwe-snackbar.fwe-snackbar-light .fwe-snackbar-separator {
|
|
5208
5208
|
background-color: var(--fwe-text-light);
|
|
5209
5209
|
}
|
|
5210
|
-
.fwe-snackbar.fwe-snackbar-c {
|
|
5210
|
+
.fwe-snackbar.fwe-snackbar-c, .fwe-snackbar.fwe-snackbar-strong {
|
|
5211
5211
|
border: none;
|
|
5212
5212
|
color: var(--fwe-white);
|
|
5213
5213
|
background-color: var(--fwe-hero);
|
|
5214
5214
|
}
|
|
5215
|
-
.fwe-snackbar.fwe-snackbar-c.fwe-snackbar-warning {
|
|
5215
|
+
.fwe-snackbar.fwe-snackbar-c.fwe-snackbar-warning, .fwe-snackbar.fwe-snackbar-strong.fwe-snackbar-warning {
|
|
5216
5216
|
background-color: var(--fwe-orange);
|
|
5217
5217
|
}
|
|
5218
|
-
.fwe-snackbar.fwe-snackbar-c.fwe-snackbar-error {
|
|
5218
|
+
.fwe-snackbar.fwe-snackbar-c.fwe-snackbar-error, .fwe-snackbar.fwe-snackbar-strong.fwe-snackbar-error {
|
|
5219
5219
|
background-color: var(--fwe-red);
|
|
5220
5220
|
}
|
|
5221
|
-
.fwe-snackbar.fwe-snackbar-c span::before {
|
|
5221
|
+
.fwe-snackbar.fwe-snackbar-c span::before, .fwe-snackbar.fwe-snackbar-strong span::before {
|
|
5222
5222
|
background-color: var(--fwe-white);
|
|
5223
5223
|
}
|
|
5224
|
-
.fwe-snackbar.fwe-snackbar-c .fwe-snackbar-close-btn {
|
|
5224
|
+
.fwe-snackbar.fwe-snackbar-c .fwe-snackbar-close-btn, .fwe-snackbar.fwe-snackbar-strong .fwe-snackbar-close-btn {
|
|
5225
5225
|
background-color: var(--fwe-white);
|
|
5226
5226
|
}
|
|
5227
|
-
.fwe-snackbar.fwe-snackbar-c .fwe-snackbar-separator {
|
|
5227
|
+
.fwe-snackbar.fwe-snackbar-c .fwe-snackbar-separator, .fwe-snackbar.fwe-snackbar-strong .fwe-snackbar-separator {
|
|
5228
5228
|
background-color: var(--fwe-white-hover);
|
|
5229
5229
|
}
|
|
5230
|
-
.fwe-snackbar.fwe-snackbar-c .fwe-snackbar-link-btn {
|
|
5230
|
+
.fwe-snackbar.fwe-snackbar-c .fwe-snackbar-link-btn, .fwe-snackbar.fwe-snackbar-strong .fwe-snackbar-link-btn {
|
|
5231
5231
|
color: var(--fwe-white);
|
|
5232
5232
|
}
|
|
5233
5233
|
|
|
@@ -5687,7 +5687,7 @@ fieldset.fwe-progress-container label {
|
|
|
5687
5687
|
.fwe-popover--menu {
|
|
5688
5688
|
font-size: var(--fwe-font-size-base);
|
|
5689
5689
|
line-height: 1.5rem;
|
|
5690
|
-
padding: 16px;
|
|
5690
|
+
padding: 18px 16px 10px 16px;
|
|
5691
5691
|
}
|
|
5692
5692
|
.fwe-popover--menu button {
|
|
5693
5693
|
all: unset;
|
|
@@ -5727,6 +5727,16 @@ fieldset.fwe-progress-container label {
|
|
|
5727
5727
|
.fwe-popover--menu button:active {
|
|
5728
5728
|
background-color: rgba(51, 51, 51, 0.2);
|
|
5729
5729
|
}
|
|
5730
|
+
.fwe-popover--menu button:disabled {
|
|
5731
|
+
color: var(--fwe-text-disabled);
|
|
5732
|
+
cursor: default;
|
|
5733
|
+
}
|
|
5734
|
+
.fwe-popover--menu button:disabled:hover {
|
|
5735
|
+
color: var(--fwe-text-disabled);
|
|
5736
|
+
}
|
|
5737
|
+
.fwe-popover--menu button:disabled:active {
|
|
5738
|
+
background-color: transparent;
|
|
5739
|
+
}
|
|
5730
5740
|
.fwe-popover--content {
|
|
5731
5741
|
width: auto;
|
|
5732
5742
|
min-width: -moz-max-content;
|