diff --git a/foundations.html b/foundations.html
index 6d861b4..89f1c17 100644
--- a/foundations.html
+++ b/foundations.html
@@ -121,7 +121,7 @@
| compact-interaction-height | 1.5rem | Einheitliche Höhe für schmale Interaktionselemente wie Tasten-Navigation-schmal. |
| compact-interaction-padding | 0.15rem vertikal / 0.75rem horizontal | Innenabstand schmaler Interaktionselemente. |
| small-interaction-element-size | 1.25rem | Eigene Höhe und Breite kleiner Interaktionselemente wie Fragezeichen-Icon, Checkboxen und Radio Buttons. |
- | disabled-opacity | 0.7 | Deckkraft für fachlich nicht verfügbare oder technisch deaktivierte Interaktionselemente. |
+ | disabled-opacity | 0.45 | Deckkraft für fachlich nicht verfügbare oder technisch deaktivierte Interaktionselemente. |
| sandwich-line-width | 1.25rem | Länge der Striche im Sandwich-Menü-Button. |
| sandwich-line-height | 4px | Dicke der Striche im Sandwich-Menü-Button. |
| sandwich-line-gap | 3px | Abstand zwischen den Strichen im Sandwich-Menü-Button. |
@@ -137,13 +137,10 @@
| input-label-width | 9rem | Desktop-Breite der Label-Spalte bei ein- und mehrzeiligen Eingabefeldern. |
| input-field-desktop-width | 400px | Fixe Desktop-Breite von ein- und mehrzeiligen Eingabefeldern in der Input-Component-Preview. |
| input-field-max-width | 600px | Maximale Breite von ein- und mehrzeiligen Eingabefeldern (ohne Suchfeld). |
- | slider-min-inline-size | 14rem | Minimale Flex-Basisbreite des Slider-Felds in Zeilenlayouts, bevor es auf verfügbare Breite umbricht. |
| object-card-height | 600px | Fixe Höhe der Object Card im Desktop-Layout (u. a. für Company Card). |
| object-group-card-min-width | 550px | Mindestbreite der Group Card im Pattern Object Group Card. |
| object-group-card-max-width | 800px | Maximale Breite der Group Card im Pattern Object Group Card. |
| search-field-width | 15.3rem | Fixe Breite des Suchfeld-Inputs inklusive Clear-Button-Bereich. |
- | sandwich-line-width-small | sandwich-line-width - 3px | Linienlänge des Sandwich-Icons in der kleinen Objekt-Variante. |
- | sandwich-line-height-small | sandwich-line-height - 1px | Linienstärke des Sandwich-Icons in der kleinen Objekt-Variante. |
| layer-pulldown-panel | 40 | Layer-Stufe für geöffnete Pulldown-Ausklappfelder, damit sie über anderen Inhalten liegen. |
| multiselect-pulldown-panel-desktop-width | 500px | Reservierte Foundation-Breite für Multiselektions-Pulldown-Panels; aktuell nicht aktiv genutzt, da das Panel inhaltsbasiert mit Viewport-Kappe skaliert. |
| multiselect-pulldown-panel-mobile-width | 80vw | Reservierte mobile Foundation-Breite für Multiselektions-Pulldown-Panels; aktuell nicht aktiv genutzt, da das Panel inhaltsbasiert mit Viewport-Kappe skaliert. |
diff --git a/semantic-tokens-components.html b/semantic-tokens-components.html
index 60665cf..4f23f6d 100644
--- a/semantic-tokens-components.html
+++ b/semantic-tokens-components.html
@@ -114,12 +114,10 @@
| surface-control-disabled | color-white | Fläche deaktivierter Controls. |
| text-control-default | color-font-dark | Standard-Textfarbe in Controls. |
| text-control-disabled | color-dark-grey | Textfarbe deaktivierter Controls. |
- | text-search-result-count | text-control-disabled | Sekundäre Textfarbe der Trefferanzahl neben dem Suchfeld. |
| surface-input-clear | color-medium-grey | Fläche des Clear-Buttons in Inputs. |
| layout-input-label-width | dimension-input-label-width | Desktop-Breite der Label-Spalte für ein- und mehrzeilige Eingabefelder. |
| layout-input-field-desktop-width | dimension-input-field-desktop-width | Fixe Desktop-Breite für ein- und mehrzeilige Eingabefelder. |
| layout-input-field-max-width | dimension-input-field-max-width | Maximale Breite für ein- und mehrzeilige Eingabefelder (ohne Suchfeld). |
- | layout-slider-min-inline-size | dimension-slider-min-inline-size | Minimale Flex-Basisbreite des Slider-Controls im Zeilenlayout. |
| layout-search-field-width | dimension-search-field-width | Fixe Breite des Suchfeld-Inputs. |
@@ -160,8 +158,6 @@
| text-help-panel | color-font-dark | Textfarbe im Help-Panel. |
| layout-help-panel-width | calc(interaction-height * 8) | Standardbreite des Help-Panels. |
| icon-sandwich-line-portal | color-font-dark | Linienfarbe des Sandwich-Icons für große und kleine Variante. |
- | layout-sandwich-line-width-small | dimension-sandwich-line-width-small | Linienlänge des Sandwich-Icons in der kleinen Objekt-Variante. |
- | layout-sandwich-line-height-small | dimension-sandwich-line-height-small | Linienstärke des Sandwich-Icons in der kleinen Objekt-Variante. |
Slider
diff --git a/styleguide.css b/styleguide.css
index 83c7771..ee20155 100644
--- a/styleguide.css
+++ b/styleguide.css
@@ -80,17 +80,13 @@
--layout-input-label-width: var(--dimension-input-label-width);
--layout-input-field-desktop-width: var(--dimension-input-field-desktop-width);
--layout-input-field-max-width: var(--dimension-input-field-max-width);
- --layout-slider-min-inline-size: var(--dimension-slider-min-inline-size);
--layout-search-field-width: var(--dimension-search-field-width);
--layout-mode-toggle-local-height: var(--compact-interaction-height);
--layout-mode-toggle-local-width-factor: 3;
--layout-mode-toggle-width: calc(var(--interaction-height) * 3.5);
--layout-help-panel-width: calc(var(--interaction-height) * 8);
- --layout-sandwich-line-width-small: var(--dimension-sandwich-line-width-small);
- --layout-sandwich-line-height-small: var(--dimension-sandwich-line-height-small);
--text-control-default: var(--color-font-dark);
--text-control-disabled: var(--color-dark-grey);
- --text-search-result-count: var(--text-control-disabled);
--text-button-process: var(--color-font-light);
--text-tab-selected: var(--color-font-light);
--text-tab-unselected: var(--color-dark-grey);
@@ -252,10 +248,7 @@
--dimension-input-label-width: 9rem;
--dimension-input-field-desktop-width: 400px;
--dimension-input-field-max-width: 600px;
- --dimension-slider-min-inline-size: 14rem;
--dimension-search-field-width: 15.3rem;
- --dimension-sandwich-line-width-small: calc(var(--sandwich-line-width) - 3px);
- --dimension-sandwich-line-height-small: calc(var(--sandwich-line-height) - 1px);
--dimension-layer-pulldown-panel: 40;
--dimension-multiselect-pulldown-panel-desktop-width: 500px;
--dimension-multiselect-pulldown-panel-mobile-width: 80vw;
@@ -747,7 +740,7 @@ section + section {
}
.sg-search-result-count {
- color: var(--text-search-result-count);
+ color: var(--color-dark-grey);
font-family: var(--font-family-base);
font-size: var(--font-size-base);
line-height: var(--line-height-base);
@@ -958,7 +951,7 @@ section + section {
}
.sg-slider {
- flex: 1 1 var(--layout-slider-min-inline-size);
+ flex: 1 1 14rem;
width: 100%;
min-width: 0;
max-width: var(--layout-input-field-max-width);
@@ -1242,12 +1235,12 @@ section + section {
}
.sg-sandwich-menu-wrap[data-component-size="small"] .sg-sandwich-button__line {
- height: var(--layout-sandwich-line-height-small);
+ height: calc(var(--sandwich-line-height) - 1px);
background: var(--icon-sandwich-line-portal);
}
.sg-sandwich-menu-wrap[data-component-size="small"] .sg-sandwich-button__icon {
- width: var(--layout-sandwich-line-width-small);
+ width: calc(var(--sandwich-line-width) - 3px);
}
.sg-sandwich-menu-wrap {