@festo-ui/web-essentials 7.0.0-dev.349 → 7.0.0-dev.351

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.
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Festo UI - Web Essentials v7.0.0-dev.349 (https://storybook.festo.design/)
2
+ * Festo UI - Web Essentials v7.0.0-dev.351 (https://storybook.festo.design/)
3
3
  * Copyright 2022 Festo SE & Co. KG
4
4
  * Licensed under Apache-2.0
5
5
  */
@@ -12917,9 +12917,16 @@ template {
12917
12917
  .fwe-toolbar .fwe-toolbar-actions {
12918
12918
  padding-top: 24px;
12919
12919
  }
12920
- .fwe-toolbar .fwe-toolbar-actions a,
12920
+ .fwe-toolbar .fwe-toolbar-actions a {
12921
+ display: flex;
12922
+ align-items: center;
12923
+ justify-content: center;
12924
+ }
12921
12925
  .fwe-toolbar .fwe-toolbar-actions button {
12922
12926
  display: block;
12927
+ }
12928
+ .fwe-toolbar .fwe-toolbar-actions a,
12929
+ .fwe-toolbar .fwe-toolbar-actions button {
12923
12930
  height: 60px;
12924
12931
  width: 60px;
12925
12932
  line-height: 60px;
@@ -15228,6 +15235,10 @@ label.fwe-checkbox input[type=checkbox]:disabled ~ .fwe-checkbox-checkmark {
15228
15235
  border-color: var(--fwe-control-disabled);
15229
15236
  cursor: not-allowed;
15230
15237
  }
15238
+ label.fwe-checkbox input[type=checkbox]:disabled:checked ~ .fwe-checkbox-checkmark {
15239
+ background-color: var(--fwe-control-disabled);
15240
+ border-color: var(--fwe-control-disabled);
15241
+ }
15231
15242
  label.fwe-checkbox input[type=checkbox]:disabled {
15232
15243
  cursor: not-allowed;
15233
15244
  }
@@ -15262,7 +15273,6 @@ label.fwe-switch {
15262
15273
  align-items: center;
15263
15274
  white-space: nowrap;
15264
15275
  vertical-align: middle;
15265
- width: 100%;
15266
15276
  -webkit-user-select: none;
15267
15277
  -moz-user-select: none;
15268
15278
  user-select: none;
@@ -15338,7 +15348,7 @@ label.fwe-switch input[type=checkbox]:disabled ~ .fwe-switch-track {
15338
15348
  cursor: not-allowed;
15339
15349
  }
15340
15350
  label.fwe-switch input[type=checkbox]:disabled:checked ~ .fwe-switch-track {
15341
- background-color: var(--fwe-control-disabled);
15351
+ background-color: var(--fwe-hero-bg);
15342
15352
  cursor: not-allowed;
15343
15353
  }
15344
15354
  label.fwe-switch input[type=checkbox]:disabled {
@@ -15837,6 +15847,7 @@ input[type=range].fwe-slider-input:disabled::-ms-thumb {
15837
15847
  }
15838
15848
  .fwe-select-wrapper .fwe-select:invalid {
15839
15849
  box-shadow: none;
15850
+ border-color: var(--fwe-red);
15840
15851
  }
15841
15852
  .fwe-select-wrapper .fwe-select:invalid ~ .fwe-select-invalid {
15842
15853
  display: block;
@@ -16155,9 +16166,19 @@ fieldset.fwe-progress-container label {
16155
16166
  padding: 0px 4px 0px 12px;
16156
16167
  font-weight: var(--fwe-font-weight-normal);
16157
16168
  }
16169
+ .fwe-pagination--lining-tabular-numbers .fwe-page-current {
16170
+ font-feature-settings: inherit;
16171
+ }
16172
+ .fwe-pagination--lining-tabular-numbers .fwe-page-max {
16173
+ font-feature-settings: inherit;
16174
+ font-size: var(--fwe-font-size-base);
16175
+ }
16158
16176
 
16159
- .fwe-pagination.fwe-pagination--on-dark-bg .fwe-navigate-btn, .fwe-pagination.fwe-pagination--on-dark-bg .fwe-navigate-btn-up, .fwe-pagination.fwe-pagination--on-dark-bg .fwe-navigate-btn-down {
16160
- color: var(--fwe-white);
16177
+ .fwe-pagination.fwe-pagination--on-dark-bg .fwe-navigate-btn-down::before {
16178
+ background-color: var(--fwe-white);
16179
+ }
16180
+ .fwe-pagination.fwe-pagination--on-dark-bg .fwe-navigate-btn-up::before {
16181
+ background-color: var(--fwe-white);
16161
16182
  }
16162
16183
  .fwe-pagination.fwe-pagination--on-dark-bg .fwe-page-current {
16163
16184
  color: var(--fwe-white);
@@ -17621,7 +17642,7 @@ input[type=search]::-webkit-search-cancel-button {
17621
17642
  display: flex;
17622
17643
  background: var(--fwe-white);
17623
17644
  align-items: flex-start;
17624
- justify-content: space-between;
17645
+ justify-content: space-around;
17625
17646
  border-top: 1px solid var(--fwe-border);
17626
17647
  height: 84px;
17627
17648
  padding: 22px 16px;