@ui5/webcomponents 2.21.0-rc.1 → 2.21.0-rc.2

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 (22) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/.tsbuildinfo +1 -1
  3. package/dist/css/themes/sap_horizon_auto/parameters-bundle.css +1245 -0
  4. package/dist/css/themes/sap_horizon_hc_auto/parameters-bundle.css +1229 -0
  5. package/dist/generated/assets/themes/sap_horizon_auto/parameters-bundle.css.json +1 -0
  6. package/dist/generated/assets/themes/sap_horizon_hc_auto/parameters-bundle.css.json +1 -0
  7. package/dist/generated/json-imports/Themes-fetch.js +3 -1
  8. package/dist/generated/json-imports/Themes-fetch.js.map +1 -1
  9. package/dist/generated/json-imports/Themes-node.js +3 -1
  10. package/dist/generated/json-imports/Themes-node.js.map +1 -1
  11. package/dist/generated/json-imports/Themes.js +3 -1
  12. package/dist/generated/json-imports/Themes.js.map +1 -1
  13. package/dist/generated/themes/sap_horizon_auto/parameters-bundle.css.d.ts +2 -0
  14. package/dist/generated/themes/sap_horizon_auto/parameters-bundle.css.js +1246 -0
  15. package/dist/generated/themes/sap_horizon_auto/parameters-bundle.css.js.map +1 -0
  16. package/dist/generated/themes/sap_horizon_hc_auto/parameters-bundle.css.d.ts +2 -0
  17. package/dist/generated/themes/sap_horizon_hc_auto/parameters-bundle.css.js +1230 -0
  18. package/dist/generated/themes/sap_horizon_hc_auto/parameters-bundle.css.js.map +1 -0
  19. package/dist/web-types.json +1 -1
  20. package/package.json +9 -9
  21. package/src/themes/sap_horizon_auto/parameters-bundle.css +3 -0
  22. package/src/themes/sap_horizon_hc_auto/parameters-bundle.css +3 -0
package/dist/css/themes/sap_horizon_hc_auto/parameters-bundle.css ADDED
@@ -0,0 +1,1229 @@
1
+ :host {
2
+ --ui5-avatar-hover-box-shadow-offset: 0px;
3
+ --ui5-avatar-initials-color: var(--sapContent_ImagePlaceholderForegroundColor);
4
+ --ui5-avatar-border-radius: var(--sapElement_BorderCornerRadius);
5
+ --ui5-avatar-border-radius-img-deduction: .0625rem;
6
+ --ui5-avatar-initials-border: .0625rem solid var(--sapAvatar_1_BorderColor);
7
+ --ui5-avatar-optional-border: .0625rem solid var(--sapGroup_ContentBorderColor);
8
+ --ui5-avatar-accent1: var(--sapAvatar_1_Background);
9
+ --ui5-avatar-accent2: var(--sapAvatar_2_Background);
10
+ --ui5-avatar-accent3: var(--sapAvatar_3_Background);
11
+ --ui5-avatar-accent4: var(--sapAvatar_4_Background);
12
+ --ui5-avatar-accent5: var(--sapAvatar_5_Background);
13
+ --ui5-avatar-accent6: var(--sapAvatar_6_Background);
14
+ --ui5-avatar-accent7: var(--sapAvatar_7_Background);
15
+ --ui5-avatar-accent8: var(--sapAvatar_8_Background);
16
+ --ui5-avatar-accent9: var(--sapAvatar_9_Background);
17
+ --ui5-avatar-accent10: var(--sapAvatar_10_Background);
18
+ --ui5-avatar-placeholder: var(--sapContent_ImagePlaceholderBackground);
19
+ --ui5-avatar-accent1-color: var(--sapAvatar_1_TextColor);
20
+ --ui5-avatar-accent2-color: var(--sapAvatar_2_TextColor);
21
+ --ui5-avatar-accent3-color: var(--sapAvatar_3_TextColor);
22
+ --ui5-avatar-accent4-color: var(--sapAvatar_4_TextColor);
23
+ --ui5-avatar-accent5-color: var(--sapAvatar_5_TextColor);
24
+ --ui5-avatar-accent6-color: var(--sapAvatar_6_TextColor);
25
+ --ui5-avatar-accent7-color: var(--sapAvatar_7_TextColor);
26
+ --ui5-avatar-accent8-color: var(--sapAvatar_8_TextColor);
27
+ --ui5-avatar-accent9-color: var(--sapAvatar_9_TextColor);
28
+ --ui5-avatar-accent10-color: var(--sapAvatar_10_TextColor);
29
+ --ui5-avatar-placeholder-color: var(--ui5-avatar-initials-color);
30
+ --ui5-avatar-accent1-border-color: var(--sapAvatar_1_BorderColor);
31
+ --ui5-avatar-accent2-border-color: var(--sapAvatar_2_BorderColor);
32
+ --ui5-avatar-accent3-border-color: var(--sapAvatar_3_BorderColor);
33
+ --ui5-avatar-accent4-border-color: var(--sapAvatar_4_BorderColor);
34
+ --ui5-avatar-accent5-border-color: var(--sapAvatar_5_BorderColor);
35
+ --ui5-avatar-accent6-border-color: var(--sapAvatar_6_BorderColor);
36
+ --ui5-avatar-accent7-border-color: var(--sapAvatar_7_BorderColor);
37
+ --ui5-avatar-accent8-border-color: var(--sapAvatar_8_BorderColor);
38
+ --ui5-avatar-accent9-border-color: var(--sapAvatar_9_BorderColor);
39
+ --ui5-avatar-accent10-border-color: var(--sapAvatar_10_BorderColor);
40
+ --_ui5_avatar_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
41
+ --_ui5_avatar_focus_offset: .125rem;
42
+ --_ui5_avatar_overflow_button_focus_offset: .0625rem;
43
+ --_ui5_avatar_fontsize_XS: 1rem;
44
+ --_ui5_avatar_fontsize_S: 1.125rem;
45
+ --_ui5_avatar_fontsize_M: 1.5rem;
46
+ --_ui5_avatar_fontsize_L: 2.25rem;
47
+ --_ui5_avatar_fontsize_XL: 3rem;
48
+ --_ui5_avatar_icon_XS: var(--_ui5_avatar_fontsize_XS);
49
+ --_ui5_avatar_icon_S: var(--_ui5_avatar_fontsize_S);
50
+ --_ui5_avatar_icon_M: var(--_ui5_avatar_fontsize_M);
51
+ --_ui5_avatar_icon_L: var(--_ui5_avatar_fontsize_L);
52
+ --_ui5_avatar_icon_XL: var(--_ui5_avatar_fontsize_XL);
53
+ --_ui5_avatar_group_button_focus_border: none;
54
+ --_ui5_avatar_group_padding: .3rem;
55
+ --_ui5-tag-height: 1rem;
56
+ --_ui5-tag-padding-inline-icon-only: .313rem;
57
+ --_ui5-tag-text-padding: .1875rem .25rem;
58
+ --_ui5-tag-text-transform: none;
59
+ --_ui5-tag-icon-width: .75rem;
60
+ --_ui5-tag-icon-gap: .25rem;
61
+ --_ui5-tag-font-weight: normal;
62
+ --_ui5-tag-letter-spacing: normal;
63
+ --ui5-tag-text-shadow: none;
64
+ --ui5-tag-contrast-text-shadow: none;
65
+ --ui5-tag-information-text-shadow: var(--ui5-tag-text-shadow);
66
+ --ui5-tag-set2-color-scheme-1-color: var(--sapIndicationColor_1b_TextColor);
67
+ --ui5-tag-set2-color-scheme-1-background: var(--sapIndicationColor_1b_Background);
68
+ --ui5-tag-set2-color-scheme-1-border: var(--sapIndicationColor_1_BorderColor);
69
+ --ui5-tag-set2-color-scheme-1-hover-background: var(--sapIndicationColor_1_Hover_Background);
70
+ --ui5-tag-set2-color-scheme-1-active-color: var(--sapIndicationColor_1_Active_TextColor);
71
+ --ui5-tag-set2-color-scheme-1-active-background: var(--sapIndicationColor_1_Active_Background);
72
+ --ui5-tag-set2-color-scheme-1-active-border: var(--sapIndicationColor_1_Active_BorderColor);
73
+ --ui5-tag-set2-color-scheme-2-color: var(--sapIndicationColor_2b_TextColor);
74
+ --ui5-tag-set2-color-scheme-2-background: var(--sapIndicationColor_2b_Background);
75
+ --ui5-tag-set2-color-scheme-2-border: var(--sapIndicationColor_2_BorderColor);
76
+ --ui5-tag-set2-color-scheme-2-hover-background: var(--sapIndicationColor_2_Hover_Background);
77
+ --ui5-tag-set2-color-scheme-2-active-color: var(--sapIndicationColor_2_Active_TextColor);
78
+ --ui5-tag-set2-color-scheme-2-active-background: var(--sapIndicationColor_2_Active_Background);
79
+ --ui5-tag-set2-color-scheme-2-active-border: var(--sapIndicationColor_2_Active_BorderColor);
80
+ --ui5-tag-set2-color-scheme-3-color: var(--sapIndicationColor_3b_TextColor);
81
+ --ui5-tag-set2-color-scheme-3-background: var(--sapIndicationColor_3b_Background);
82
+ --ui5-tag-set2-color-scheme-3-border: var(--sapIndicationColor_3_BorderColor);
83
+ --ui5-tag-set2-color-scheme-3-hover-background: var(--sapIndicationColor_3_Hover_Background);
84
+ --ui5-tag-set2-color-scheme-3-active-color: var(--sapIndicationColor_3_Active_TextColor);
85
+ --ui5-tag-set2-color-scheme-3-active-background: var(--sapIndicationColor_3_Active_Background);
86
+ --ui5-tag-set2-color-scheme-3-active-border: var(--sapIndicationColor_3_Active_BorderColor);
87
+ --ui5-tag-set2-color-scheme-4-color: var(--sapIndicationColor_4b_TextColor);
88
+ --ui5-tag-set2-color-scheme-4-background: var(--sapIndicationColor_4b_Background);
89
+ --ui5-tag-set2-color-scheme-4-border: var(--sapIndicationColor_4_BorderColor);
90
+ --ui5-tag-set2-color-scheme-4-hover-background: var(--sapIndicationColor_4_Hover_Background);
91
+ --ui5-tag-set2-color-scheme-4-active-color: var(--sapIndicationColor_4_Active_TextColor);
92
+ --ui5-tag-set2-color-scheme-4-active-background: var(--sapIndicationColor_4_Active_Background);
93
+ --ui5-tag-set2-color-scheme-4-active-border: var(--sapIndicationColor_4_Active_BorderColor);
94
+ --ui5-tag-set2-color-scheme-5-color: var(--sapIndicationColor_5b_TextColor);
95
+ --ui5-tag-set2-color-scheme-5-background: var(--sapIndicationColor_5b_Background);
96
+ --ui5-tag-set2-color-scheme-5-border: var(--sapIndicationColor_5_BorderColor);
97
+ --ui5-tag-set2-color-scheme-5-hover-background: var(--sapIndicationColor_5_Hover_Background);
98
+ --ui5-tag-set2-color-scheme-5-active-color: var(--sapIndicationColor_5_Active_TextColor);
99
+ --ui5-tag-set2-color-scheme-5-active-background: var(--sapIndicationColor_5_Active_Background);
100
+ --ui5-tag-set2-color-scheme-5-active-border: var(--sapIndicationColor_5_Active_BorderColor);
101
+ --ui5-tag-set2-color-scheme-6-color: var(--sapIndicationColor_6b_TextColor);
102
+ --ui5-tag-set2-color-scheme-6-background: var(--sapIndicationColor_6b_Background);
103
+ --ui5-tag-set2-color-scheme-6-border: var(--sapIndicationColor_6_BorderColor);
104
+ --ui5-tag-set2-color-scheme-6-hover-background: var(--sapIndicationColor_6_Hover_Background);
105
+ --ui5-tag-set2-color-scheme-6-active-color: var(--sapIndicationColor_6_Active_TextColor);
106
+ --ui5-tag-set2-color-scheme-6-active-background: var(--sapIndicationColor_6_Active_Background);
107
+ --ui5-tag-set2-color-scheme-6-active-border: var(--sapIndicationColor_6_Active_BorderColor);
108
+ --ui5-tag-set2-color-scheme-7-color: var(--sapIndicationColor_7b_TextColor);
109
+ --ui5-tag-set2-color-scheme-7-background: var(--sapIndicationColor_7b_Background);
110
+ --ui5-tag-set2-color-scheme-7-border: var(--sapIndicationColor_7_BorderColor);
111
+ --ui5-tag-set2-color-scheme-7-hover-background: var(--sapIndicationColor_7_Hover_Background);
112
+ --ui5-tag-set2-color-scheme-7-active-color: var(--sapIndicationColor_7_Active_TextColor);
113
+ --ui5-tag-set2-color-scheme-7-active-background: var(--sapIndicationColor_7_Active_Background);
114
+ --ui5-tag-set2-color-scheme-7-active-border: var(--sapIndicationColor_7_Active_BorderColor);
115
+ --ui5-tag-set2-color-scheme-8-color: var(--sapIndicationColor_8b_TextColor);
116
+ --ui5-tag-set2-color-scheme-8-background: var(--sapIndicationColor_8b_Background);
117
+ --ui5-tag-set2-color-scheme-8-border: var(--sapIndicationColor_8_BorderColor);
118
+ --ui5-tag-set2-color-scheme-8-hover-background: var(--sapIndicationColor_8_Hover_Background);
119
+ --ui5-tag-set2-color-scheme-8-active-color: var(--sapIndicationColor_8_Active_TextColor);
120
+ --ui5-tag-set2-color-scheme-8-active-background: var(--sapIndicationColor_8_Active_Background);
121
+ --ui5-tag-set2-color-scheme-8-active-border: var(--sapIndicationColor_8_Active_BorderColor);
122
+ --ui5-tag-set2-color-scheme-9-color: var(--sapIndicationColor_9b_TextColor);
123
+ --ui5-tag-set2-color-scheme-9-background: var(--sapIndicationColor_9b_Background);
124
+ --ui5-tag-set2-color-scheme-9-border: var(--sapIndicationColor_9_BorderColor);
125
+ --ui5-tag-set2-color-scheme-9-hover-background: var(--sapIndicationColor_9_Hover_Background);
126
+ --ui5-tag-set2-color-scheme-9-active-color: var(--sapIndicationColor_9_Active_TextColor);
127
+ --ui5-tag-set2-color-scheme-9-active-background: var(--sapIndicationColor_9_Active_Background);
128
+ --ui5-tag-set2-color-scheme-9-active-border: var(--sapIndicationColor_9_Active_BorderColor);
129
+ --ui5-tag-set2-color-scheme-10-color: var(--sapIndicationColor_10b_TextColor);
130
+ --ui5-tag-set2-color-scheme-10-background: var(--sapIndicationColor_10b_Background);
131
+ --ui5-tag-set2-color-scheme-10-border: var(--sapIndicationColor_10_BorderColor);
132
+ --ui5-tag-set2-color-scheme-10-hover-background: var(--sapIndicationColor_10_Hover_Background);
133
+ --ui5-tag-set2-color-scheme-10-active-color: var(--sapIndicationColor_10_Active_TextColor);
134
+ --ui5-tag-set2-color-scheme-10-active-background: var(--sapIndicationColor_10_Active_Background);
135
+ --ui5-tag-set2-color-scheme-10-active-border: var(--sapIndicationColor_10_Active_BorderColor);
136
+ --_ui5-tag-height_size_l: 1.5rem;
137
+ --_ui5-tag-min-width_size_l: 1.75rem;
138
+ --_ui5-tag-font-size_size_l: 1.25rem;
139
+ --_ui5-tag-icon_min_width_size_l: 1.25rem;
140
+ --_ui5-tag-icon_min_height_size_l: 1.25rem;
141
+ --_ui5-tag-icon_height_size_l: 1.25rem;
142
+ --_ui5-tag-text_padding_size_l: .125rem .25rem;
143
+ --_ui5_bar_base_height: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);
144
+ --_ui5_bar_subheader_height: var(--_ui5-compact-size, 2.25rem) var(--_ui5-cozy-size, 3rem);
145
+ --_ui5_bar-start-container-padding-start: 1rem;
146
+ --_ui5_bar-mid-container-padding-start-end: .5rem;
147
+ --_ui5_bar-end-container-padding-end: 1rem;
148
+ --_ui5_bar_subheader_margin-top: var(--_ui5-light-scheme, -.0625rem) var(--_ui5-dark-scheme, -.125rem);
149
+ --_ui5_breadcrumbs_current_location_color: var(--sapTextColor);
150
+ --_ui5_breadcrumbs_separator_color: var(--sapTextColor);
151
+ --_ui5_busy_indicator_color: var(--sapContent_BusyColor);
152
+ --_ui5_busy_indicator_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
153
+ --_ui5-button-badge-diameter: var(--_ui5-compact-size, .625rem) var(--_ui5-cozy-size, .75rem);
154
+ --_ui5-calendar-legend-root-padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .75rem);
155
+ --_ui5-calendar-legend-root-width: var(--_ui5-compact-size, 16.75rem) var(--_ui5-cozy-size, 18.5rem);
156
+ --_ui5-calendar-legend-item-box-margin: .25rem;
157
+ --_ui5-calendar-legend-item-root-focus-border: var(--sapContent_FocusWidth) dotted var(--sapContent_FocusColor);
158
+ --_ui5-calendar-legend-item-root-focus-border-radius: 0;
159
+ --_ui5-calendar-legend-item-root-width: 7.75rem;
160
+ --_ui5-calendar-legend-item-box-dot-display: none;
161
+ --_ui5_calendar_header_arrow_button_border: none;
162
+ --_ui5_calendar_header_arrow_button_border_radius: .25rem;
163
+ --_ui5_calendar_header_middle_button_width: 5.75rem;
164
+ --_ui5_calendar_header_middle_button_flex: auto;
165
+ --_ui5_calendar_header_middle_button_focus_border_radius: .5rem;
166
+ --_ui5_calendar_header_middle_button_focus_border: .125rem dotted var(--sapContent_FocusColor);
167
+ --_ui5_calendar_header_middle_button_focus_after_display: none;
168
+ --_ui5_calendar_header_middle_button_focus_after_width: calc(100% - .25rem) ;
169
+ --_ui5_calendar_header_middle_button_focus_after_height: calc(100% - .25rem) ;
170
+ --_ui5_calendar_header_middle_button_focus_after_top_offset: 1px;
171
+ --_ui5_calendar_header_middle_button_focus_after_left_offset: 1px;
172
+ --_ui5_calendar_header_arrow_button_box_shadow: none;
173
+ --_ui5_calendar_header_middle_button_focus_background: transparent;
174
+ --_ui5_calendar_header_middle_button_focus_outline: none;
175
+ --_ui5_calendar_header_middle_button_focus_active_outline: none;
176
+ --_ui5_calendar_header_middle_button_focus_active_background: var(--sapButton_Active_Background);
177
+ --_ui5_calendar_header_middle_button_focus_after_border: 1px dotted var(--sapContent_FocusColor);
178
+ --ui5_carousel_button_size: 2.25rem;
179
+ --ui5_carousel_inactive_dot_size: .5rem;
180
+ --ui5_carousel_inactive_dot_margin: 0 .25rem;
181
+ --ui5_carousel_inactive_dot_border: 1px solid var(--sapContent_ForegroundBorderColor);
182
+ --ui5_carousel_inactive_dot_background: none;
183
+ --ui5_carousel_active_dot_border: var(--ui5_carousel_inactive_dot_border);
184
+ --ui5_carousel_active_dot_background: var(--sapContent_Selected_ForegroundColor);
185
+ --_ui5_card_box_shadow: none;
186
+ --_ui5_card_hover_box_shadow: var(--_ui5_card_box_shadow);
187
+ --_ui5_card_border: 1px solid var(--sapTile_BorderColor);
188
+ --_ui5_card_border-radius: var(--sapTile_BorderCornerRadius);
189
+ --_ui5_card_header_padding: 1rem 1rem .75rem 1rem;
190
+ --_ui5_card_header_hover_bg: var(--sapTile_Hover_Background);
191
+ --_ui5_card_header_active_bg: var(--sapTile_Active_Background);
192
+ --_ui5_card_header_border: none;
193
+ --_ui5_card_header_border_color: var(--sapTile_SeparatorColor);
194
+ --_ui5_card_header_focus_border: .125rem dotted var(--sapContent_FocusColor);
195
+ --_ui5_card_header_focus_radius: 0px;
196
+ --_ui5_card_header_focus_bottom_radius: 0px;
197
+ --_ui5_card_header_focus_offset: 1px;
198
+ --_ui5_card_header_title_font_family: var(--sapFontFamily);
199
+ --_ui5_card_header_title_font_size: var(--sapFontHeader5Size);
200
+ --_ui5_card_header_title_font_weight: normal;
201
+ --_ui5_card_header_subtitle_margin_top: .25rem;
202
+ --_ui5_checkbox_wrapper_padding: var(--_ui5-compact-size, var(--_ui5_checkbox_compact_wrapper_padding)) var(--_ui5-cozy-size, .6875rem);
203
+ --_ui5_checkbox_width_height: var(--_ui5-compact-size, var(--_ui5_checkbox_compact_width_height)) var(--_ui5-cozy-size, 2.75rem);
204
+ --_ui5_checkbox_transition: unset;
205
+ --_ui5_checkbox_disabled_opacity: var(--sapContent_DisabledOpacity);
206
+ --_ui5_checkbox_border_radius: 0;
207
+ --_ui5_checkbox_hover_background: var(--sapSelectedColor);
208
+ --_ui5_checkbox_active_background: var(--sapSelectedColor);
209
+ --_ui5_checkbox_checkmark_warning_color: var(--sapField_WarningColor);
210
+ --_ui5_checkbox_inner_warning_color: var(--sapField_WarningColor);
211
+ --_ui5_checkbox_inner_information_color: var(--sapField_InformationColor);
212
+ --_ui5_checkbox_checkmark_color: var(--sapContent_Selected_ForegroundColor);
213
+ --_ui5_checkbox_focus_position: var(--_ui5-compact-size, .125rem) var(--_ui5-cozy-size, .3125rem);
214
+ --_ui5_checkbox_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
215
+ --_ui5_checkbox_focus_border_radius: 0;
216
+ --_ui5_checkbox_outer_hover_background: transparent;
217
+ --_ui5_checkbox_inner_width_height: var(--_ui5-compact-size, var(--_ui5_checkbox_compact_inner_size)) var(--_ui5-cozy-size, 1.375rem);
218
+ --_ui5_checkbox_inner_border: solid var(--sapField_BorderWidth) var(--sapField_BorderColor);
219
+ --_ui5_checkbox_inner_hover_border_color: var(--sapField_Hover_BorderColor);
220
+ --_ui5_checkbox_inner_hover_checked_border_color: var(--sapField_Hover_BorderColor);
221
+ --_ui5_checkbox_inner_selected_border_color: var(--sapField_Hover_BorderColor);
222
+ --_ui5_checkbox_inner_disabled_border_color: var(--sapField_BorderColor);
223
+ --_ui5_checkbox_inner_active_border_color: var(--sapField_Hover_BorderColor);
224
+ --_ui5_checkbox_inner_border_radius: var(--sapField_BorderCornerRadius);
225
+ --_ui5_checkbox_inner_error_border: var(--sapField_InvalidBorderWidth) dashed var(--sapField_InvalidColor);
226
+ --_ui5_checkbox_inner_warning_border: var(--sapField_WarningBorderWidth) dashed var(--sapField_WarningColor);
227
+ --_ui5_checkbox_inner_information_border: var(--sapField_InformationBorderWidth) dashed var(--sapField_InformationColor);
228
+ --_ui5_checkbox_inner_warning_background_hover: var(--sapField_Hover_Background);
229
+ --_ui5_checkbox_inner_error_background_hover: var(--sapField_InvalidBackground);
230
+ --_ui5_checkbox_inner_success_background_hover: var(--sapField_Hover_Background);
231
+ --_ui5_checkbox_inner_information_background_hover: var(--sapField_Hover_Background);
232
+ --_ui5_checkbox_inner_success_border: var(--sapField_SuccessBorderWidth) solid var(--sapField_SuccessColor);
233
+ --_ui5_checkbox_inner_readonly_border: var(--sapElement_BorderWidth) var(--sapField_ReadOnly_BorderColor) solid;
234
+ --_ui5_checkbox_inner_background: var(--sapField_Background);
235
+ --_ui5_checkbox_wrapped_focus_padding: .5rem;
236
+ --_ui5_checkbox_wrapped_focus_inset_block: var(--_ui5-compact-size, .125rem) var(--_ui5-cozy-size, var(--_ui5_checkbox_focus_position));
237
+ --_ui5_checkbox_compact_wrapper_padding: .5rem;
238
+ --_ui5_checkbox_compact_width_height: 2rem;
239
+ --_ui5_checkbox_compact_inner_size: 1rem;
240
+ --_ui5_checkbox_compact_focus_position: .375rem;
241
+ --_ui5_checkbox_label_color: var(--sapField_TextColor);
242
+ --_ui5_checkbox_label_offset: var(--_ui5-compact-size, var(--_ui5_checkbox_compact_wrapper_padding)) var(--_ui5-cozy-size, var(--_ui5_checkbox_wrapper_padding));
243
+ --_ui5_checkbox_disabled_label_color: var(--sapContent_LabelColor);
244
+ --_ui5_checkbox_default_focus_border: none;
245
+ --_ui5_checkbox_focus_outline_display: block;
246
+ --_ui5_checkbox_right_focus_distance: .3125rem;
247
+ --_ui5_checkbox_icon_size: var(--_ui5-compact-size, .75rem) var(--_ui5-cozy-size, 1rem);
248
+ --_ui5_color-palette-item-after-focus-border-radius: .125rem;
249
+ --_ui5_color-palette-item-hover-margin: var(--_ui5-compact-size, 0) var(--_ui5-cozy-size, 0);
250
+ --_ui5_color-palette-row-height: var(--_ui5-compact-size, 7.5rem) var(--_ui5-cozy-size, 9.5rem);
251
+ --_ui5_color-palette-button-height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 3rem);
252
+ --_ui5_color-palette-item-before-focus-color: .125rem solid white;
253
+ --_ui5_color-palette-item-before-focus-inset: .0625rem;
254
+ --_ui5_color-palette-item-before-focus-hover-inset: .0625rem;
255
+ --_ui5_color-palette-item-after-focus-color: .125rem dotted black;
256
+ --_ui5_color-palette-item-after-focus-inset: .0625rem;
257
+ --_ui5_color-palette-item-after-focus-hover-inset: .0625rem;
258
+ --_ui5_color-palette-item-before-focus-border-radius: 0;
259
+ --_ui5_color-palette-item-outer-border-radius: .25rem;
260
+ --_ui5_color-palette-item-inner-border-radius: .1875rem;
261
+ --_ui5_color-palette-item-hover-outer-border-radius: .25rem;
262
+ --_ui5_color-palette-item-hover-inner-border-radius: .1875rem;
263
+ --_ui5_color-palette-item-selected-focused-border-before: var(--_ui5_color-palette-item-before-focus-hover-inset);
264
+ --_ui5_color-palette-item-after-focus-not-selected-border: .125rem dotted black;
265
+ --_ui5_color-palette-item-after-not-focus-color: .0625rem solid var(--sapGroup_ContentBackground);
266
+ --_ui5_color-palette-item-selected-focused-border: .0625rem solid var(--sapGroup_ContentBackground);
267
+ --_ui5-color-palette-item-mobile-focus-inset: .625rem;
268
+ --_ui5_color-palette-item-mobile-focus-sides-inset: .25rem .25rem;
269
+ --_ui5_color-palette-item-after-mobile-focus-border: var(--_ui5_color-palette-item-after-focus-color);
270
+ --_ui5-color-palette-item-background-color: transparent;
271
+ --_ui5_color_picker_slider_handle_box_shadow: inset 0 0 0 .125rem var(--sapContent_ForegroundColor);
272
+ --_ui5_color_picker_slider_handle_border: .125rem solid var(--sapField_BorderColor);
273
+ --_ui5_color_picker_slider_handle_outline_hover: .125rem solid var(--sapButton_Hover_BorderColor);
274
+ --_ui5_color_picker_slider_handle_outline_focus: .0625rem dotted var(--sapContent_FocusColor);
275
+ --_ui5_color_picker_slider_handle_inner_border_color: var(--sapContent_ForegroundColor);
276
+ --_ui5_color_picker_circle_outer_border: .125rem solid var(--sapContent_ContrastShadowColor);
277
+ --_ui5_color_picker_circle_inner_border: var(--sapField_Picker_BorderWidth) solid var(--sapContent_ForegroundColor);
278
+ --_ui5_color_picker_circle_inner_circle_size: .3125rem;
279
+ --_ui5_color_picker_slider_handle_inline_focus: none;
280
+ --_ui5_color_picker_slider_handle_container_margin_top: var(--_ui5-compact-size, .0625rem) var(--_ui5-cozy-size, none);
281
+ --_ui5-datepicker_border_radius: 0;
282
+ --_ui5-datepicker-hover-background: var(--sapField_Hover_Background);
283
+ --_ui5_daypicker_item_margin: 2px;
284
+ --_ui5_daypicker_item_border: none;
285
+ --_ui5_daypicker_item_selected_border_color: var(--sapList_Background);
286
+ --_ui5_daypicker_daynames_container_height: 2rem;
287
+ --_ui5_daypicker_weeknumbers_container_padding_top: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2rem);
288
+ --_ui5_daypicker_item_othermonth_background_color: var(--sapList_Background);
289
+ --_ui5_daypicker_item_othermonth_color: var(--sapContent_LabelColor);
290
+ --_ui5_daypicker_item_othermonth_hover_color: var(--sapContent_LabelColor);
291
+ --_ui5_daypicker_item_border_radius: .4375rem;
292
+ --_ui5_daypicker_dayname_color: var(--sapContent_LabelColor);
293
+ --_ui5_daypicker_weekname_color: var(--sapContent_LabelColor);
294
+ --_ui5_daypicker_item_now_selected_outline_offset: -.25rem;
295
+ --_ui5_daypicker_item_selected_background: transparent;
296
+ --_ui5_daypicker_item_selected_daytext_hover_background: transparent;
297
+ --_ui5_daypicker_item_border_radius_focus_after: .1875rem;
298
+ --_ui5_daypicker_item_selected_between_border: .5rem;
299
+ --_ui5_daypicker_item_selected_between_background: var(--sapList_SelectionBackgroundColor);
300
+ --_ui5_daypicker_item_selected_between_text_font: var(--sapFontFamily);
301
+ --_ui5_daypicker_item_selected_between_hover_background: var(--sapList_Hover_SelectionBackground);
302
+ --_ui5_daypicker_item_now_box_shadow: inset 0 0 0 .35rem var(--sapList_Background);
303
+ --_ui5_daypicker_item_selected_text_outline: .0625rem solid var(--sapSelectedColor);
304
+ --_ui5_daypicker_item_now_not_selected_inset: 0;
305
+ --_ui5_daypicker_item_now_inset: .3125rem;
306
+ --_ui5_daypicker_item_now_border_color: var(--sapLegend_CurrentDateTime);
307
+ --_ui5_daypicker_item_weeekend_filter: brightness(105%);
308
+ --_ui5_daypicker_item_selected_hover: var(--sapList_Hover_Background);
309
+ --_ui5_daypicker_item_border_radius_item: .5rem;
310
+ --_ui5_daypicker_two_calendar_item_now_inset: .3125rem;
311
+ --_ui5_daypicker_item_selected__secondary_type_text_outline: .0625rem solid var(--sapSelectedColor);
312
+ --_ui5_daypicker_two_calendar_item_now_day_text_content: "";
313
+ --_ui5_daypicker_two_calendar_item_now_selected_border_width: .125rem;
314
+ --_ui5_daypicker_two_calendar_item_border_radius: .5rem;
315
+ --_ui5_daypicker_two_calendar_item_border_focus_border_radius: .375rem;
316
+ --_ui5_daypicker_two_calendar_item_no_selected_inset: 0;
317
+ --_ui5_daypicker_two_calendar_item_selected_now_border_radius_focus: .1875rem;
318
+ --_ui5_daypicker_two_calendar_item_no_selected_focus_inset: .1875rem;
319
+ --_ui5_daypicker_two_calendar_item_no_select_focus_border_radius: .3125rem;
320
+ --_ui5_dp_two_calendar_item_secondary_text_border_radios: .25rem;
321
+ --_ui5_daypicker_two_calendar_item_now_selected_border_inset: .125rem;
322
+ --_ui5_daypicker_special_day_top: var(--_ui5-compact-size, 1.625rem) var(--_ui5-cozy-size, 2.5rem);
323
+ --_ui5_daypicker_special_day_border_bottom_radius: .5rem;
324
+ --_ui5_daypicker_special_day_before_border_color: var(--sapList_Background);
325
+ --_ui5_daypicker_selected_item_special_day_width: calc(100% - .125rem) ;
326
+ --_ui5_daypicker_selected_item_now_special_day_top: var(--_ui5-compact-size, 1.5625rem) var(--_ui5-cozy-size, 2.4375rem);
327
+ --_ui5_daypicker_selected_item_now_special_day_width: calc(100% - .1875rem) ;
328
+ --_ui5_daypicker_selected_item_now_special_day_border_bottom_radius: 0;
329
+ --_ui5-daypicker_item_selected_now_border_radius: .5rem;
330
+ --_ui5_daypicker_selected_item_now_special_day_border_bottom_radius_alternate: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .5rem);
331
+ --_ui5_daypicker_two_calendar_item_margin_bottom: var(--_ui5-compact-size, 0) var(--_ui5-cozy-size, 0);
332
+ --_ui5_daypicker_twocalendar_item_special_day_now_inset: .3125rem;
333
+ --_ui5_daypicker_twocalendar_item_special_day_now_border_radius: .25rem;
334
+ --_ui5_daypicker_item_now_focus_margin: 0;
335
+ --_ui5_daypicker_special_day_border_top: none;
336
+ --_ui5_daypicker_special_day_selected_border_radius_bottom: .25rem;
337
+ --_ui5_daypicker_specialday_focused_top: var(--_ui5-compact-size, 1.3125rem) var(--_ui5-cozy-size, 2.125rem);
338
+ --_ui5_daypicker_specialday_focused_width: calc(100% - .75rem) ;
339
+ --_ui5_daypicker_specialday_focused_border_bottom: var(--_ui5-compact-size, .25rem) var(--_ui5-cozy-size, 0);
340
+ --_ui5_daypicker_item_now_specialday_top: var(--_ui5-compact-size, 1.4375rem) var(--_ui5-cozy-size, 2.3125rem);
341
+ --_ui5_daypicker_item_now_specialday_width: calc(100% - .5rem) ;
342
+ --_ui5_daypicker_twocalendar_item_special_day_after_border_width: .125rem;
343
+ --_ui5_daypicker_twocalendar_item_special_day_dot: .375rem;
344
+ --_ui5_daypicker_twocalendar_item_special_day_top: var(--_ui5-compact-size, 1.25rem) var(--_ui5-cozy-size, 2rem);
345
+ --_ui5_daypicker_twocalendar_item_special_day_right: var(--_ui5-compact-size, 1.25rem) var(--_ui5-cozy-size, 1.4375rem);
346
+ --_ui5_daypicker_item_selected_border: .0625rem solid var(--sapList_SelectionBorderColor);
347
+ --_ui5_daypicker_item_not_selected_focus_border: .125rem solid var(--sapContent_FocusColor);
348
+ --_ui5_daypicker_item_selected_focus_color: var(--sapContent_FocusColor);
349
+ --_ui5_daypicker_item_selected_focus_width: .125rem;
350
+ --_ui5_daypicker_item_no_selected_inset: .375rem;
351
+ --_ui5_daypicker_item_now_border_focus_after: .125rem solid var(--sapList_SelectionBorderColor);
352
+ --_ui5_daypicker_item_now_border_radius_focus_after: .3125rem;
353
+ --_ui5_day_picker_item_selected_now_border_focus: .125rem solid var(--sapContent_FocusColor);
354
+ --_ui5_day_picker_item_selected_now_border_radius_focus: .1875rem;
355
+ --_ui5_daypicker_item_selected_text_font: var(--sapFontBoldFamily);
356
+ --_ui5_daypicker_item_now_selected_between_inset: .25rem;
357
+ --_ui5_daypicker_item_now_selected_between_border: .0625rem solid var(--sapContent_Selected_ForegroundColor);
358
+ --_ui5_daypicker_item_now_selected_between_border_radius: .1875rem;
359
+ --_ui5_daypicker_item_select_between_border: 1px solid var(--sapContent_Selected_ForegroundColor);
360
+ --_ui5-dp-item_withsecondtype_border: .25rem;
361
+ --_ui5_dialog_header_focus_bottom_offset: 3px;
362
+ --_ui5_dialog_header_focus_top_offset: 2px;
363
+ --_ui5_dialog_header_focus_left_offset: 2px;
364
+ --_ui5_dialog_header_focus_right_offset: 2px;
365
+ --_ui5_dialog_header_border_radius: 0px;
366
+ --_ui5_dialog_header_state_line_height: .125rem;
367
+ --_ui5_file_uploader_display_input_width: calc(100% - var(--_ui5_input_icon_width));
368
+ --_ui5_file_uploader_tokenizer_width: calc(100% - 2 * var(--_ui5_input_icon_width) - var(--_ui5_input_inner_space_to_tokenizer));
369
+ --ui5-group-header-listitem-background-color: var(--sapList_GroupHeaderBackground);
370
+ --_ui5_input_width: 13.125rem;
371
+ --_ui5_input_min_width: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);
372
+ --_ui5_input_min_width_tokenizer_available: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 3rem);
373
+ --_ui5_input_height: var(--_ui5-compact-size, var(--sapElement_Compact_Height)) var(--_ui5-cozy-size, var(--sapElement_Height));
374
+ --_ui5_input_margin_top_bottom: var(--_ui5-compact-size, .1875rem) var(--_ui5-cozy-size, .25rem);
375
+ --_ui5_input_hover_border: var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_Hover_BorderColor);
376
+ --_ui5_input_value_state_error_hover_background: var(--sapField_InvalidBackground);
377
+ --_ui5_input_background_color: var(--sapField_Background);
378
+ --_ui5_input_border_radius: var(--sapField_BorderCornerRadius);
379
+ --_ui5_input_focus_border_radius: 0;
380
+ --_ui5_input_readonly_focus_border_radius: 0;
381
+ --_ui5-input-border: var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);
382
+ --_ui5_input_placeholder_style: normal;
383
+ --_ui5_input_placeholder_color: var(--sapField_PlaceholderTextColor);
384
+ --_ui5_input_bottom_border_height: 0;
385
+ --_ui5_input_bottom_border_color: transparent;
386
+ --_ui5_input_focused_border_color: var(--sapField_Hover_BorderColor);
387
+ --_ui5_input_state_border_width: .125rem;
388
+ --_ui5_input_information_border_width: .0625rem;
389
+ --_ui5_input_error_font_weight: bold;
390
+ --_ui5_input_warning_font_weight: bold;
391
+ --_ui5_input_focus_border_width: .125rem;
392
+ --_ui5_input_error_warning_border_style: dashed;
393
+ --_ui5_input_error_warning_font_style: italic;
394
+ --_ui5_input_error_warning_text_indent: .125rem;
395
+ --_ui5_input_disabled_border_color: var(--sapField_BorderColor);
396
+ --_ui5-input_disabled_background: var(--sapField_Background);
397
+ --_ui5_input_readonly_border: var(--sapElement_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);
398
+ --_ui5_input_readonly_border_color: var(--sapField_ReadOnly_BorderColor);
399
+ --_ui5_input_readonly_background: var(--sapField_ReadOnly_Background);
400
+ --_ui5_input_custom_icon_padding: var(--_ui5-compact-size, .1875rem .5rem) var(--_ui5-cozy-size, .5rem .625rem);
401
+ --_ui5_input_error_warning_custom_icon_padding: var(--_ui5-compact-size, .1875rem .5rem) var(--_ui5-cozy-size, .5rem .625rem);
402
+ --_ui5_input_error_warning_custom_focused_icon_padding: var(--_ui5-compact-size, .1875rem .5rem) var(--_ui5-cozy-size, .5rem .625rem);
403
+ --_ui5_input_information_custom_icon_padding: var(--_ui5-compact-size, .1875rem .5rem) var(--_ui5-cozy-size, .5rem .625rem);
404
+ --_ui5_input_information_custom_focused_icon_padding: var(--_ui5-compact-size, .1875rem .5rem) var(--_ui5-cozy-size, .5rem .625rem);
405
+ --_ui5_input_error_warning_icon_padding: var(--_ui5-compact-size, .1875rem .375rem .1875rem .4375rem) var(--_ui5-cozy-size, .5rem .5rem .5rem .5625rem);
406
+ --_ui5_input_error_warning_focused_icon_padding: var(--_ui5-compact-size, .1875rem .375rem .1875rem .4375rem) var(--_ui5-cozy-size, .5rem .5rem .5rem .5625rem);
407
+ --_ui5_input_information_icon_padding: var(--_ui5-compact-size, .1875rem .375rem .1875rem .4375rem) var(--_ui5-cozy-size, .5rem .5rem .5rem .5625rem);
408
+ --_ui5_input_information_focused_icon_padding: var(--_ui5-compact-size, .1875rem .375rem .1875rem .4375rem) var(--_ui5-cozy-size, .5rem .5rem .5rem .5625rem);
409
+ --_ui5_input_disabled_opacity: var(--sapContent_DisabledOpacity);
410
+ --_ui5_input_icon_min_width: var(--_ui5-compact-size, var(--_ui5_input_compact_min_width)) var(--_ui5-cozy-size, 2.25rem);
411
+ --_ui5_input_compact_min_width: 2rem;
412
+ --_ui5_input_transition: none;
413
+ --_ui5-input-value-state-icon-display: none;
414
+ --_ui5_input_focused_value_state_error_background: var(--sapField_InvalidBackground);
415
+ --_ui5_input_focused_value_state_warning_background: var(--sapField_WarningBackground);
416
+ --_ui5_input_focused_value_state_success_background: var(--sapField_SuccessBackground);
417
+ --_ui5_input_focused_value_state_information_background: var(--sapField_InformationBackground);
418
+ --_ui5_input_value_state_error_border_color: var(--sapField_InvalidColor);
419
+ --_ui5_input_focused_value_state_error_border_color: var(--sapField_InvalidColor);
420
+ --_ui5_input_focused_value_state_error_focus_outline_color: var(--sapContent_FocusColor);
421
+ --_ui5_input_focused_value_state_warning_focus_outline_color: var(--sapContent_FocusColor);
422
+ --_ui5_input_focused_value_state_success_focus_outline_color: var(--sapContent_FocusColor);
423
+ --_ui5_input_value_state_warning_border_color: var(--sapField_WarningColor);
424
+ --_ui5_input_focused_value_state_warning_border_color: var(--sapField_WarningColor);
425
+ --_ui5_input_value_state_success_border_color: var(--sapField_SuccessColor);
426
+ --_ui5_input_focused_value_state_success_border_color: var(--sapField_SuccessColor);
427
+ --_ui5_input_value_state_success_border_width: var(--sapField_BorderWidth);
428
+ --_ui5_input_value_state_information_border_color: var(--sapField_InformationColor);
429
+ --_ui5_input_focused_value_state_information_border_color: var(--sapField_InformationColor);
430
+ --_ui5_input_focus_offset: 1px;
431
+ --_ui5_input_readonly_focus_offset: 1px;
432
+ --ui5_input_focus_pseudo_element_content: "";
433
+ --_ui5_input_value_state_error_warning_placeholder_font_weight: bold;
434
+ --_ui5_input_focus_outline_color: var(--sapField_Active_BorderColor);
435
+ --_ui5-input_error_placeholder_color: var(--sapField_TextColor);
436
+ --_ui5_input_icon_width: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.25rem);
437
+ --_ui5_input_icon_wrapper_height: 100%;
438
+ --_ui5_input_icon_wrapper_state_height: 100%;
439
+ --_ui5_input_icon_wrapper_success_state_height: 100%;
440
+ --_ui5-input-icons-count: 0;
441
+ --_ui5_input_tokenizer_min_width: 3.5rem;
442
+ --_ui5_input_icon_padding: var(--_ui5-compact-size, .1875rem .375rem .1875rem .4375rem) var(--_ui5-cozy-size, .5rem .5rem .5rem .5625rem);
443
+ --_ui5_input_icon_color: var(--sapField_TextColor);
444
+ --_ui5_input_icon_pressed_color: var(--sapButton_Active_TextColor);
445
+ --_ui5_input_icon_pressed_bg: var(--sapField_Hover_Background);
446
+ --_ui5_input_icon_hover_bg: var(--sapButton_Lite_Hover_Background);
447
+ --_ui5_input_icon_border_radius: 0;
448
+ --_ui5_input_icon_box_shadow: none;
449
+ --_ui5_input_icon_border: 1px solid transparent;
450
+ --_ui5_input_error_icon_box_shadow: var(--_ui5_input_icon_box_shadow);
451
+ --_ui5_input_warning_icon_box_shadow: var(--_ui5_input_icon_box_shadow);
452
+ --_ui5_input_information_icon_box_shadow: var(--_ui5_input_icon_box_shadow);
453
+ --_ui5_input_success_icon_box_shadow: var(--_ui5_input_icon_box_shadow);
454
+ --_ui5_input_icon_error_pressed_color: var(--sapButton_Active_TextColor);
455
+ --_ui5_input_icon_warning_pressed_color: var(--sapButton_Active_TextColor);
456
+ --_ui5_input_icon_information_pressed_color: var(--sapButton_Active_TextColor);
457
+ --_ui5_input_icon_success_pressed_color: var(--sapButton_Active_TextColor);
458
+ --_ui5_link_text_decoration: var(--sapLink_TextDecoration);
459
+ --_ui5_link_hover_text_decoration: var(--sapLink_Hover_TextDecoration);
460
+ --_ui5_link_focused_hover_text_decoration: none;
461
+ --_ui5_link_focused_hover_text_color: var(--sapLinkColor);
462
+ --_ui5_link_active_text_decoration: var(--sapLink_Active_TextDecoration);
463
+ --_ui5_link_outline: .125rem dotted var(--sapContent_FocusColor);
464
+ --_ui5_link_focus_border-radius: 0;
465
+ --_ui5_link_focus_background_color: transparent;
466
+ --_ui5_link_focus_color: var(--sapLinkColor);
467
+ --_ui5_link_focus_text_decoration: underline;
468
+ --_ui5_link_subtle_text_decoration: underline;
469
+ --_ui5_link_subtle_text_decoration_hover: none;
470
+ --_ui5_link_large_interactive_area_height: 1.5rem;
471
+ --ui5_list_footer_text_color: var(--sapPageFooter_TextColor);
472
+ --_ui5_list_buttons_left_space: var(--_ui5-compact-size, .125rem) var(--_ui5-cozy-size, .125rem);
473
+ --ui5-listitem-background-color: var(--sapList_Background);
474
+ --ui5-listitem-border-bottom: var(--sapList_BorderWidth) solid var(--sapList_BorderColor);
475
+ --ui5-listitem-selected-border-bottom: 1px solid var(--sapList_SelectionBorderColor);
476
+ --ui5-listitem-focused-selected-border-bottom: 1px solid var(--sapList_SelectionBorderColor);
477
+ --_ui5-listitembase_disabled_opacity: .5;
478
+ --_ui5_product_switch_item_border: none;
479
+ --_ui5_menu_popover_border_radius: var(--sapPopover_BorderCornerRadius);
480
+ --_ui5_menu_item_padding: var(--_ui5-compact-size, 0 .75rem 0 .5rem) var(--_ui5-cozy-size, 0 1rem 0 .75rem);
481
+ --_ui5_menu_item_submenu_icon_right: var(--_ui5-compact-size, .75rem) var(--_ui5-cozy-size, 1rem);
482
+ --_ui5_monthpicker_item_margin: .0625rem;
483
+ --_ui5_monthpicker_item_border: .0625rem solid var(--sapButton_Lite_BorderColor);
484
+ --_ui5_monthpicker_item_border_radius: .5rem;
485
+ --_ui5_monthpicker_item_hover_border: .0625rem solid var(--sapButton_Lite_Hover_BorderColor);
486
+ --_ui5_monthpicker_item_active_border: .0625rem solid var(--sapButton_Lite_Active_BorderColor);
487
+ --_ui5_monthpicker_item_selected_border: .0625rem solid var(--sapButton_Selected_BorderColor);
488
+ --_ui5_monthpicker_item_selected_hover_border: .0625rem solid var(--sapButton_Selected_Hover_BorderColor);
489
+ --_ui5_message_strip_padding: .4375rem 2.5rem .4375rem 2.5rem;
490
+ --_ui5_message_strip_padding_block_no_icon: .4375rem .4375rem;
491
+ --_ui5_message_strip_padding_inline_no_icon: 1rem 2.5rem;
492
+ --_ui5_message_strip_border_width: var(--sapMessage_BorderWidth);
493
+ --_ui5_message_strip_icon_top: .375rem;
494
+ --_ui5_message_strip_close_button_top: .125rem;
495
+ --_ui5_message_strip_close_button_right: .125rem;
496
+ --_ui5_message_strip_close_button_color_set_1_background: var(--sapMessage_Button_Hover_Background);
497
+ --_ui5_message_strip_close_button_color_set_2_background: var(--sapMessage_Button_Hover_Background);
498
+ --_ui5_message_strip_close_button_color_set_1_color: var(--sapContent_ContrastIconColor);
499
+ --_ui5_message_strip_scheme_1_set_2_background: var(--sapIndicationColor_1_Background);
500
+ --_ui5_message_strip_scheme_1_set_2_border_color: var(--sapIndicationColor_1_BorderColor);
501
+ --_ui5_message_strip_scheme_2_set_2_background: var(--sapIndicationColor_2_Background);
502
+ --_ui5_message_strip_scheme_2_set_2_border_color: var(--sapIndicationColor_2_BorderColor);
503
+ --_ui5_message_strip_scheme_3_set_2_background: var(--sapIndicationColor_3_Background);
504
+ --_ui5_message_strip_scheme_3_set_2_border_color: var(--sapIndicationColor_3_BorderColor);
505
+ --_ui5_message_strip_scheme_4_set_2_background: var(--sapIndicationColor_4_Background);
506
+ --_ui5_message_strip_scheme_4_set_2_border_color: var(--sapIndicationColor_4_BorderColor);
507
+ --_ui5_message_strip_scheme_5_set_2_background: var(--sapIndicationColor_5_Background);
508
+ --_ui5_message_strip_scheme_5_set_2_border_color: var(--sapIndicationColor_5_BorderColor);
509
+ --_ui5_message_strip_scheme_6_set_2_background: var(--sapIndicationColor_6_Background);
510
+ --_ui5_message_strip_scheme_6_set_2_border_color: var(--sapIndicationColor_6_BorderColor);
511
+ --_ui5_message_strip_scheme_7_set_2_background: var(--sapIndicationColor_7_Background);
512
+ --_ui5_message_strip_scheme_7_set_2_border_color: var(--sapIndicationColor_7_BorderColor);
513
+ --_ui5_message_strip_scheme_8_set_2_background: var(--sapIndicationColor_8_Background);
514
+ --_ui5_message_strip_scheme_8_set_2_border_color: var(--sapIndicationColor_8_BorderColor);
515
+ --_ui5_message_strip_scheme_9_set_2_background: var(--sapIndicationColor_9_Background);
516
+ --_ui5_message_strip_scheme_9_set_2_border_color: var(--sapIndicationColor_9_BorderColor);
517
+ --_ui5_message_strip_scheme_10_set_2_background: var(--sapIndicationColor_10_Background);
518
+ --_ui5_message_strip_scheme_10_set_2_border_color: var(--sapIndicationColor_10_BorderColor);
519
+ --_ui5_panel_focus_border: .125rem dotted var(--sapContent_FocusColor);
520
+ --_ui5_panel_header_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);
521
+ --_ui5_panel_button_root_width: var(--_ui5-compact-size, 2.75rem) var(--_ui5-cozy-size, 2.75rem);
522
+ --_ui5_panel_button_root_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);
523
+ --_ui5_panel_border_radius: 0px;
524
+ --_ui5_panel_border_radius_expanded: 0;
525
+ --_ui5_panel_default_header_border: .0625rem solid var(--sapGroup_TitleBorderColor);
526
+ --_ui5_panel_border_bottom: var(--sapGroup_TitleBorderWidth) solid var(--sapGroup_TitleBorderColor);
527
+ --_ui5_panel_icon_color: var(--sapButton_Lite_TextColor);
528
+ --_ui5_panel_header_padding_right: .5rem;
529
+ --_ui5_panel_header_button_wrapper_padding: var(--_ui5-compact-size, .1875rem .25rem) var(--_ui5-cozy-size, .25rem);
530
+ --_ui5_panel_focus_offset: 1px;
531
+ --_ui5_panel_focus_bottom_offset: var(--_ui5_panel_focus_offset);
532
+ --_ui5_panel_content_padding: .625rem 1rem;
533
+ --_ui5_panel_header_background_color: var(--sapGroup_TitleBackground);
534
+ --_ui5_popover_background: var(--sapGroup_ContentBackground);
535
+ --_ui5_popover_box_shadow: var(--sapContent_Shadow2);
536
+ --_ui5_popover_no_arrow_box_shadow: var(--sapContent_Shadow1);
537
+ --_ui5_popup_block_layer_background: var(--sapBlockLayer_Background);
538
+ --_ui5_popup_block_layer_opacity: .3;
539
+ --_ui5_popup_content_padding_s: 1rem;
540
+ --_ui5_popup_content_padding_m_l: 2rem;
541
+ --_ui5_popup_content_padding_xl: 3rem;
542
+ --_ui5_popup_header_footer_padding_s: 1rem;
543
+ --_ui5_popup_header_footer_padding_m_l: 2rem;
544
+ --_ui5_popup_header_footer_padding_xl: 3rem;
545
+ --_ui5_popup_viewport_margin: 10px;
546
+ --_ui5_popup_header_prop_header_text_alignment: flex-start;
547
+ --_ui5_popup_border_radius: .5rem;
548
+ --_ui5_popup_header_shadow: var(--sapContent_HeaderShadow);
549
+ --_ui5_popup_header_border: none;
550
+ --_ui5_progress_indicator_background_none: var(--sapField_Background);
551
+ --_ui5_progress_indicator_background_error: var(--sapField_Background);
552
+ --_ui5_progress_indicator_background_warning: var(--sapField_Background);
553
+ --_ui5_progress_indicator_background_success: var(--sapField_Background);
554
+ --_ui5_progress_indicator_background_information: var(--sapField_Background);
555
+ --_ui5_progress_indicator_value_state_none: var(--sapHighlightColor);
556
+ --_ui5_progress_indicator_value_state_error: var(--sapHighlightColor);
557
+ --_ui5_progress_indicator_value_state_warning: var(--sapHighlightColor);
558
+ --_ui5_progress_indicator_value_state_success: var(--sapHighlightColor);
559
+ --_ui5_progress_indicator_value_state_information: var(--sapHighlightColor);
560
+ --_ui5_progress_indicator_border_color_error: var(--sapField_BorderColor);
561
+ --_ui5_progress_indicator_border_color_warning: var(--sapField_BorderColor);
562
+ --_ui5_progress_indicator_border_color_success: var(--sapField_BorderColor);
563
+ --_ui5_progress_indicator_border_color_information: var(--sapField_BorderColor);
564
+ --_ui5_progress_indicator_color: var(--sapTextColor);
565
+ --_ui5_progress_indicator_bar_color: var(--sapProgress_TextColor);
566
+ --_ui5_progress_indicator_border: .0625rem solid var(--sapField_BorderColor);
567
+ --_ui5_progress_indicator_bar_border_max: var(--_ui5_progress_indicator_border);
568
+ --_ui5_progress_indicator_icon_visibility: inline-block;
569
+ --_ui5_progress_indicator_side_points_visibility: block;
570
+ --_ui5_progress_indicator_padding_novalue: .3125rem;
571
+ --_ui5_progress_indicator_host_height: unset;
572
+ --_ui5_progress_indicator_root_border_radius: .25rem;
573
+ --_ui5_progress_indicator_root_height: .375rem;
574
+ --_ui5_progress_indicator_root_overflow: visible;
575
+ --_ui5_progress_indicator_bar_height: .625rem;
576
+ --_ui5_progress_indicator_bar_border_radius: .5rem;
577
+ --_ui5_progress_indicator_remaining_bar_overflow: visible;
578
+ --_ui5_progress_indicator_icon_size: var(--sapFontLargeSize);
579
+ --_ui5_progress_indicator_value_margin: 0 0 .1875rem 0;
580
+ --_ui5_progress_indicator_padding: 1.25rem 0 .75rem 0;
581
+ --_ui5_progress_indicator_padding_end: 1.25rem;
582
+ --_ui5_progress_indicator_host_box_sizing: border-box;
583
+ --_ui5_progress_indicator_root_position: relative;
584
+ --_ui5_progress_indicator_root_min_height: .375rem;
585
+ --_ui5_progress_indicator_remaining_bar_border_radius: 0 .5rem .5rem 0;
586
+ --_ui5_progress_indicator_remaining_bar_position: absolute;
587
+ --_ui5_progress_indicator_remaining_bar_width: 100%;
588
+ --_ui5_progress_indicator_icon_position: absolute;
589
+ --_ui5_progress_indicator_icon_right_position: -1.25rem;
590
+ --_ui5_progress_indicator_value_position: absolute;
591
+ --_ui5_progress_indicator_value_top_position: -1.3125rem;
592
+ --_ui5_progress_indicator_value_left_position: 0;
593
+ --_ui5_radio_button_min_width: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);
594
+ --_ui5_radio_button_hover_fill: var(--sapField_Selector_Hover_Background);
595
+ --_ui5_radio_button_hover_fill_error: var(--sapField_Selector_Hover_InvalidBackground);
596
+ --_ui5_radio_button_hover_fill_warning: var(--sapField_Selector_Hover_WarningBackground);
597
+ --_ui5_radio_button_hover_fill_success: var(--sapField_Selector_Hover_SuccessBackground);
598
+ --_ui5_radio_button_hover_fill_information: var(--sapField_Selector_Hover_InformationBackground);
599
+ --_ui5_radio_button_border_width: .125rem;
600
+ --_ui5_radio_button_checked_fill: var(--sapContent_IconColor);
601
+ --_ui5_radio_button_checked_error_fill: light-dark(var(--sapContent_IconColor), var(--sapField_InvalidColor));
602
+ --_ui5_radio_button_checked_warning_fill: light-dark(var(--sapContent_IconColor), var(--sapField_TextColor));
603
+ --_ui5_radio_button_checked_success_fill: light-dark(var(--sapContent_IconColor), var(--sapField_SuccessColor));
604
+ --_ui5_radio_button_checked_information_fill: light-dark(var(--sapContent_IconColor), var(--sapField_InformationColor));
605
+ --_ui5_radio_button_warning_error_border_dash: 5;
606
+ --_ui5_radio_button_outer_ring_color: var(--sapField_BorderColor);
607
+ --_ui5_radio_button_outer_ring_width: 2px;
608
+ --_ui5_radio_button_outer_ring_bg: var(--sapField_Background);
609
+ --_ui5_radio_button_outer_ring_hover_color: var(--sapField_Hover_BorderColor);
610
+ --_ui5_radio_button_outer_ring_active_color: var(--sapField_Hover_BorderColor);
611
+ --_ui5_radio_button_outer_ring_checked_hover_color: var(--sapField_Hover_BorderColor);
612
+ --_ui5_radio_button_outer_ring_padding: var(--_ui5-compact-size, 0 .5rem) var(--_ui5-cozy-size, 0 .6875rem);
613
+ --_ui5_radio_button_outer_ring_padding_with_label: var(--_ui5-compact-size, 0 .5rem) var(--_ui5-cozy-size, 0 .6875rem);
614
+ --_ui5_radio_button_border_radius: 0;
615
+ --_ui5_radio_button_border: none;
616
+ --_ui5_radio_button_focus_outline: block;
617
+ --_ui5_radio_button_focus_dist: var(--_ui5-compact-size, .1875rem) var(--_ui5-cozy-size, .375rem);
618
+ --_ui5_radio_button_color: var(--sapField_BorderColor);
619
+ --_ui5_radio_button_label_offset: 1px;
620
+ --_ui5_radio_button_label_color: var(--sapContent_LabelColor);
621
+ --_ui5_radio_button_inner_ring_radius: 27.5%;
622
+ --_ui5_radio_button_read_only_border_type: none;
623
+ --_ui5_radio_button_inner_ring_color: var(--sapContent_Selected_ForegroundColor);
624
+ --_ui5_radio_button_information_border_width: var(--sapField_InformationBorderWidth);
625
+ --_ui5_radio_button_read_only_border_width: var(--sapElement_BorderWidth);
626
+ --_ui5_radio_button_read_only_inner_ring_color: var(--sapField_TextColor);
627
+ --_ui5_rating_indicator_border_radius: .5rem;
628
+ --_ui5_rating_indicator_outline_offset: -.125rem;
629
+ --_ui5_rating_indicator_item_height: var(--_ui5-compact-size, 1em) var(--_ui5-cozy-size, 1em);
630
+ --_ui5_rating_indicator_item_width: var(--_ui5-compact-size, 1em) var(--_ui5-cozy-size, 1em);
631
+ --_ui5_rating_indicator_readonly_item_height: var(--_ui5-compact-size, .75em) var(--_ui5-cozy-size, .75em);
632
+ --_ui5_rating_indicator_readonly_item_width: var(--_ui5-compact-size, .75em) var(--_ui5-cozy-size, .75em);
633
+ --_ui5_rating_indicator_readonly_item_spacing: .1875rem .1875rem;
634
+ --_ui5_rating_indicator_component_spacing: var(--_ui5-compact-size, .5rem 0) var(--_ui5-cozy-size, .5rem 0px);
635
+ --_ui5_rating_indicator_component_padding: .25rem;
636
+ --_ui5_rating_indicator_item_size_s: 1.375rem;
637
+ --_ui5_rating_indicator_item_size_l: 2rem;
638
+ --_ui5_segmented_btn_item_border_left: 0px;
639
+ --_ui5_segmented_btn_item_border_right: .0625rem;
640
+ --_ui5_button_focused_border: .125rem dotted var(--sapContent_FocusColor);
641
+ --_ui5_button_focused_border_radius: .375rem;
642
+ --_ui5_button_focused_inner_border_radius: 0;
643
+ --_ui5_button_base_min_width: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.5rem);
644
+ --_ui5_button_base_height: var(--_ui5-compact-size, var(--sapElement_Compact_Height)) var(--_ui5-cozy-size, var(--sapElement_Height));
645
+ --_ui5_button_border_radius: var(--sapButton_BorderCornerRadius);
646
+ --_ui5_button_base_padding: var(--_ui5-compact-size, .4375rem) var(--_ui5-cozy-size, .6875rem);
647
+ --_ui5_button_base_icon_margin: .563rem;
648
+ --_ui5_button_text_shadow: none;
649
+ --_ui5_button_pressed_focused_border_color: var(--sapContent_ContrastFocusColor);
650
+ --_ui5_button_fontFamily: var(--sapButton_FontFamily);
651
+ --_ui5_button_emphasized_focused_border_color: var(--sapContent_ContrastFocusColor);
652
+ --_ui5_button_emphasized_focused_border_before: .125rem solid var(--sapContent_FocusColor);
653
+ --_ui5_button_emphasized_focused_active_border_color: transparent;
654
+ --_ui5_button_emphasized_border_width: .125rem;
655
+ --_ui5_select_hover_icon_left_border: .0625rem solid var(--sapField_Hover_BorderColor);
656
+ --_ui5_select_label_color: var(--sapField_TextColor);
657
+ --_ui5_select_icon_width: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.25rem);
658
+ --_ui5_select_icon_wrapper_height: 100%;
659
+ --_ui5_split_button_focused_border: .125rem dotted var(--sapContent_FocusColor);
660
+ --_ui5_split_button_focused_border_radius: .375rem;
661
+ --_ui5_split_button_middle_separator_left: -.0625rem;
662
+ --_ui5_split_button_middle_separator_hover_display: block;
663
+ --_ui5_split_button_text_button_right_border_width: 0;
664
+ --_ui5_split_button_transparent_hover_background: var(--sapButton_Hover_Background);
665
+ --_ui5_split_button_host_transparent_hover_background: var(--sapButton_Background);
666
+ --_ui5_split_button_transparent_hover_color: var(--sapButton_TextColor);
667
+ --_ui5_split_button_transparent_disabled_background: var(--sapButton_Background);
668
+ --_ui5_split_button_inner_focused_border_radius_inner: 0;
669
+ --_ui5_split_button_emphasized_separator_color: var(--sapButton_Emphasized_TextColor);
670
+ --_ui5_split_button_positive_separator_color: var(--sapButton_Accept_BorderColor);
671
+ --_ui5_split_button_negative_separator_color: var(--sapButton_Reject_BorderColor);
672
+ --_ui5_split_button_attention_separator_color: var(--sapButton_Attention_BorderColor);
673
+ --_ui5_split_button_attention_separator_color_default: var(--sapButton_Attention_BorderColor);
674
+ --_ui5_split_button_host_default_box_shadow: inset 0 0 0 var(--sapButton_BorderWidth) var(--sapButton_BorderColor);
675
+ --_ui5_split_button_host_attention_box_shadow: inset 0 0 0 var(--sapButton_BorderWidth) var(--sapButton_Attention_BorderColor);
676
+ --_ui5_split_button_host_emphasized_box_shadow: inset 0 0 0 .125rem var(--sapButton_Emphasized_BorderColor);
677
+ --_ui5_split_button_host_positive_box_shadow: inset 0 0 0 var(--sapButton_BorderWidth) var(--sapButton_Accept_BorderColor);
678
+ --_ui5_split_button_host_negative_box_shadow: inset 0 0 0 var(--sapButton_BorderWidth) var(--sapButton_Reject_BorderColor);
679
+ --_ui5_split_button_host_transparent_box_shadow: inset 0 0 0 var(--sapButton_BorderWidth) var(--sapButton_Lite_BorderColor);
680
+ --_ui5_split_button_host_transparent_hover_box_shadow: inset 0 0 0 var(--sapButton_BorderWidth) var(--sapButton_BorderColor);
681
+ --_ui5_split_text_button_border_color: transparent;
682
+ --_ui5_split_text_button_background_color: transparent;
683
+ --_ui5_split_text_button_emphasized_border: .125rem solid var(--sapButton_Emphasized_BorderColor);
684
+ --_ui5_split_text_button_emphasized_border_width: .125rem;
685
+ --_ui5_split_text_button_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);
686
+ --_ui5_split_text_button_positive_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_Accept_BorderColor);
687
+ --_ui5_split_text_button_negative_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_Reject_BorderColor);
688
+ --_ui5_split_text_button_attention_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_Attention_BorderColor);
689
+ --_ui5_split_text_button_transparent_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);
690
+ --_ui5_split_arrow_button_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);
691
+ --_ui5_split_arrow_button_emphasized_hover_border: .0625rem solid var(--sapButton_Emphasized_BorderColor);
692
+ --_ui5_split_arrow_button_positive_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_Accept_BorderColor);
693
+ --_ui5_split_arrow_button_negative_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_Reject_BorderColor);
694
+ --_ui5_split_arrow_button_attention_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_Attention_BorderColor);
695
+ --_ui5_split_arrow_button_transparent_hover_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);
696
+ --_ui5_split_text_button_hover_border_right: none;
697
+ --_ui5_split_text_button_positive_hover_border_right: none;
698
+ --_ui5_split_text_button_negative_hover_border_right: none;
699
+ --_ui5_split_text_button_attention_hover_border_right: none;
700
+ --_ui5_split_text_button_transparent_hover_border_right: none;
701
+ --_ui5_split_button_middle_separator_hover_display_emphasized: none;
702
+ --_ui5_split_arrow_button_emphasized_hover_box_shadow: inset 0 -.0625rem 0 var(--sapButton_BorderColor), inset -.0625rem 0 0 var(--sapButton_BorderColor), inset 0 .0625rem 0 var(--sapButton_BorderColor);
703
+ --_ui5_split_arrow_button_emphasized_hover_box_shadow_rtl: inset 0 -.0625rem 0 var(--sapButton_BorderColor), inset .0625rem 0 0 var(--sapButton_BorderColor), inset 0 .0625rem 0 var(--sapButton_BorderColor);
704
+ --_ui5_switch_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);
705
+ --_ui5_switch_width: var(--_ui5-compact-size, 2.75rem) var(--_ui5-cozy-size, 2.5rem);
706
+ --_ui5_switch_min_width: var(--_ui5-compact-size, none) var(--_ui5-cozy-size, none);
707
+ --_ui5_switch_with_label_width: var(--_ui5-compact-size, 2.75rem) var(--_ui5-cozy-size, 2.875rem);
708
+ --_ui5_switch_focus_outline: none;
709
+ --_ui5_switch_root_outline_top: var(--_ui5-compact-size, .25rem) var(--_ui5-cozy-size, .5rem);
710
+ --_ui5_switch_root_outline_bottom: var(--_ui5-compact-size, .25rem) var(--_ui5-cozy-size, .5rem);
711
+ --_ui5_switch_root_outline_left: -.125rem;
712
+ --_ui5_switch_root_outline_right: -.125rem;
713
+ --_ui5_switch_foucs_border_size: 1px;
714
+ --_ui5-switch-root-border-radius: 0;
715
+ --_ui5-switch-root-box-shadow: none;
716
+ --_ui5_switch_root_after_outline: .125rem solid var(--sapContent_FocusColor);
717
+ --_ui5_switch_disabled_opacity: var(--sapContent_DisabledOpacity);
718
+ --_ui5_switch_transform: var(--_ui5-compact-size, translateX(100%) translateX(-1.375rem)) var(--_ui5-cozy-size, translateX(100%) translateX(-1.625rem));
719
+ --_ui5_switch_transform_with_label: var(--_ui5-compact-size, translateX(100%) translateX(-1.875rem)) var(--_ui5-cozy-size, translateX(100%) translateX(-1.875rem));
720
+ --_ui5_switch_rtl_transform: var(--_ui5-compact-size, translateX(1.375rem) translateX(-100%)) var(--_ui5-cozy-size, translateX(-100%) translateX(1.625rem));
721
+ --_ui5_switch_rtl_transform_with_label: var(--_ui5-compact-size, translateX(1.875rem) translateX(-100%)) var(--_ui5-cozy-size, translateX(-100%) translateX(1.875rem));
722
+ --_ui5_switch_track_with_label_width: var(--_ui5-compact-size, 2.75rem) var(--_ui5-cozy-size, 2.875rem);
723
+ --_ui5_switch_track_with_label_height: var(--_ui5-compact-size, 1.25rem) var(--_ui5-cozy-size, 1.5rem);
724
+ --_ui5_switch_track_width: var(--_ui5-compact-size, 2.75rem) var(--_ui5-cozy-size, 2.5rem);
725
+ --_ui5_switch_track_height: var(--_ui5-compact-size, 1.25rem) var(--_ui5-cozy-size, 1.5rem);
726
+ --_ui5_switch_track_border_radius: .75rem;
727
+ --_ui5-switch-track-border: 1px solid;
728
+ --_ui5_switch_track_active_background_color: var(--sapButton_Track_Selected_Background);
729
+ --_ui5_switch_track_inactive_background_color: var(--sapButton_Track_Background);
730
+ --_ui5_switch_track_hover_active_background_color: var(--sapButton_Track_Selected_Hover_Background);
731
+ --_ui5_switch_track_hover_inactive_background_color: var(--sapButton_Track_Hover_Background);
732
+ --_ui5_switch_track_active_border_color: var(--sapButton_Track_Selected_BorderColor);
733
+ --_ui5_switch_track_inactive_border_color: var(--sapButton_Track_BorderColor);
734
+ --_ui5_switch_track_hover_active_border_color: var(--sapButton_Track_Selected_Hover_BorderColor);
735
+ --_ui5_switch_track_hover_inactive_border_color: var(--sapButton_Track_Hover_BorderColor);
736
+ --_ui5_switch_track_semantic_accept_background_color: var(--sapButton_Track_Positive_Background);
737
+ --_ui5_switch_track_semantic_reject_background_color: var(--sapButton_Track_Negative_Background);
738
+ --_ui5_switch_track_semantic_hover_accept_background_color: var(--sapButton_Track_Positive_Hover_Background);
739
+ --_ui5_switch_track_semantic_hover_reject_background_color: var(--sapButton_Track_Negative_Hover_Background);
740
+ --_ui5_switch_track_semantic_accept_border_color: var(--sapButton_Track_Positive_BorderColor);
741
+ --_ui5_switch_track_semantic_reject_border_color: var(--sapButton_Track_Negative_BorderColor);
742
+ --_ui5_switch_track_semantic_hover_accept_border_color: var(--sapButton_Track_Positive_Hover_BorderColor);
743
+ --_ui5_switch_track_semantic_hover_reject_border_color: var(--sapButton_Track_Negative_Hover_BorderColor);
744
+ --_ui5_switch_track_transition: none;
745
+ --_ui5_switch_track_icon_display: inline-block;
746
+ --_ui5_switch_handle_width: var(--_ui5-compact-size, 1.25rem) var(--_ui5-cozy-size, 1.5rem);
747
+ --_ui5_switch_handle_height: var(--_ui5-compact-size, 1rem) var(--_ui5-cozy-size, 1.25rem);
748
+ --_ui5_switch_handle_with_label_width: var(--_ui5-compact-size, 1.75rem) var(--_ui5-cozy-size, 1.75rem);
749
+ --_ui5_switch_handle_with_label_height: var(--_ui5-compact-size, 1rem) var(--_ui5-cozy-size, 1.25rem);
750
+ --_ui5_switch_handle_border: var(--_ui5_switch_handle_border_width) solid var(--sapButton_Handle_BorderColor);
751
+ --_ui5_switch_handle_border_width: .125rem;
752
+ --_ui5_switch_handle_border_radius: 1rem;
753
+ --_ui5_switch_handle_active_background_color: var(--sapButton_Handle_Selected_Background);
754
+ --_ui5_switch_handle_inactive_background_color: var(--sapButton_Handle_Background);
755
+ --_ui5_switch_handle_hover_active_background_color: var(--sapButton_Handle_Selected_Hover_Background);
756
+ --_ui5_switch_handle_hover_inactive_background_color: var(--sapButton_Handle_Hover_Background);
757
+ --_ui5_switch_handle_active_border_color: var(--sapButton_Handle_Selected_BorderColor);
758
+ --_ui5_switch_handle_inactive_border_color: var(--sapButton_Handle_BorderColor);
759
+ --_ui5_switch_handle_hover_active_border_color: var(--sapButton_Handle_Selected_BorderColor);
760
+ --_ui5_switch_handle_hover_inactive_border_color: var(--sapButton_Handle_BorderColor);
761
+ --_ui5_switch_handle_semantic_accept_background_color: var(--sapButton_Handle_Positive_Background);
762
+ --_ui5_switch_handle_semantic_reject_background_color: var(--sapButton_Handle_Negative_Background);
763
+ --_ui5_switch_handle_semantic_hover_accept_background_color: var(--sapButton_Handle_Positive_Hover_Background);
764
+ --_ui5_switch_handle_semantic_hover_reject_background_color: var(--sapButton_Handle_Negative_Hover_Background);
765
+ --_ui5_switch_handle_semantic_accept_border_color: var(--sapButton_Handle_Positive_BorderColor);
766
+ --_ui5_switch_handle_semantic_reject_border_color: var(--sapButton_Handle_Negative_BorderColor);
767
+ --_ui5_switch_handle_semantic_hover_accept_border_color: var(--sapButton_Handle_Positive_BorderColor);
768
+ --_ui5_switch_handle_semantic_hover_reject_border_color: var(--sapButton_Handle_Negative_BorderColor);
769
+ --_ui5_switch_handle_on_hover_box_shadow: 0 0 0 .125rem var(--sapButton_Handle_Selected_Hover_BorderColor);
770
+ --_ui5_switch_handle_off_hover_box_shadow: 0 0 0 .125rem var(--sapButton_Handle_Hover_BorderColor);
771
+ --_ui5_switch_handle_semantic_on_hover_box_shadow: 0 0 0 .125rem var(--sapButton_Handle_Positive_Hover_BorderColor);
772
+ --_ui5_switch_handle_semantic_off_hover_box_shadow: 0 0 0 .125rem var(--sapButton_Handle_Negative_Hover_BorderColor);
773
+ --_ui5_switch_handle_left: .0625rem;
774
+ --_ui5-switch-slider-texts-display: inline;
775
+ --_ui5_switch_text_font_family: var(--sapContent_IconFontFamily);
776
+ --_ui5_switch_text_font_size: var(--_ui5-compact-size, var(--sapFontSize)) var(--_ui5-cozy-size, var(--sapFontLargeSize));
777
+ --_ui5_switch_text_with_label_font_family: "72-Condensed-Bold", "72", "72full", Arial, Helvetica, sans-serif;
778
+ --_ui5_switch_text_with_label_font_size: var(--sapFontSmallSize);
779
+ --_ui5_switch_text_with_label_width: 1.75rem;
780
+ --_ui5_switch_text_width: var(--_ui5-compact-size, 1rem) var(--_ui5-cozy-size, 1.25rem);
781
+ --_ui5_switch_text_inactive_left: .1875rem;
782
+ --_ui5_switch_text_inactive_left_alternate: .0625rem;
783
+ --_ui5_switch_text_inactive_right: auto;
784
+ --_ui5_switch_text_inactive_right_alternate: .125rem;
785
+ --_ui5_switch_text_active_left: var(--_ui5-compact-size, .1875rem) var(--_ui5-cozy-size, .1875rem);
786
+ --_ui5_switch_text_active_left_alternate: var(--_ui5-compact-size, .0625rem) var(--_ui5-cozy-size, .0625rem);
787
+ --_ui5_switch_text_active_color: var(--sapButton_Handle_Selected_TextColor);
788
+ --_ui5_switch_text_inactive_color: var(--sapButton_Handle_TextColor);
789
+ --_ui5_switch_text_semantic_accept_color: var(--sapButton_Handle_Positive_TextColor);
790
+ --_ui5_switch_text_semantic_reject_color: var(--sapButton_Handle_Negative_TextColor);
791
+ --_ui5_switch_text_overflow: hidden;
792
+ --_ui5_switch_text_z_index: 1;
793
+ --_ui5_switch_text_hidden: hidden;
794
+ --_ui5_switch_text_min_width: none;
795
+ --_ui5_switch_icon_width: 1rem;
796
+ --_ui5_switch_icon_height: 1rem;
797
+ --_ui5_switch_readonly_track_border_style: solid;
798
+ --_ui5_switch_readonly_handle_border_style: solid;
799
+ --_ui5_switch_root_after_boreder_radius: 1rem;
800
+ --_ui5_tc_header_height: var(--_ui5-compact-size, var(--_ui5_tc_item_height)) var(--_ui5-cozy-size, var(--_ui5_tc_item_height));
801
+ --_ui5_tc_header_height_text_only: var(--_ui5_tc_item_text_only_height);
802
+ --_ui5_tc_header_height_text_with_additional_text: var(--_ui5_tc_item_text_only_with_additional_text_height);
803
+ --_ui5_tc_header_box_shadow: var(--sapContent_HeaderShadow);
804
+ --_ui5_tc_header_border_bottom: .125rem solid var(--sapPageHeader_BorderColor);
805
+ --_ui5_tc_header_background: var(--sapObjectHeader_Background);
806
+ --_ui5_tc_header_background_translucent: var(--sapObjectHeader_Background);
807
+ --_ui5_tc_content_background: var(--sapBackgroundColor);
808
+ --_ui5_tc_content_background_translucent: var(--sapGroup_ContentBackground);
809
+ --_ui5_tc_headeritem_padding: 1rem;
810
+ --_ui5_tc_headerItem_color: var(--sapTab_TextColor);
811
+ --_ui5_tc_headerItem_additional_text_color: var(--sapContent_LabelColor);
812
+ --_ui5_tc_headerItem_text_hover_color: var(--sapTab_Selected_TextColor);
813
+ --_ui5_tc_headerItem_text_selected_color: var(--sapTab_Selected_TextColor);
814
+ --_ui5_tc_headerItem_text_selected_hover_color: var(--sapPageHeader_BorderColor);
815
+ --_ui5_tc_headeritem_text_font_weight: normal;
816
+ --_ui5_tc_headerItem_additional_text_font_weight: normal;
817
+ --_ui5_tc_headerItem_neutral_border_color: var(--sapTab_Neutral_ForegroundColor);
818
+ --_ui5_tc_headerItem_transition: none;
819
+ --_ui5_tc_headerItemContent_border_radius: .125rem .125rem 0 0;
820
+ --_ui5_tc_headerItemContent_border_bg: transparent;
821
+ --_ui5_tc_headerItem_neutral_border_bg: transparent;
822
+ --_ui5_tc_headerItem_positive_border_bg: transparent;
823
+ --_ui5_tc_headerItem_negative_border_bg: transparent;
824
+ --_ui5_tc_headerItem_critical_border_bg: transparent;
825
+ --_ui5_tc_headerItemContent_border_height: 0;
826
+ --_ui5_tc_headerItem_focus_border: .125rem dotted var(--sapContent_FocusColor);
827
+ --_ui5_tc_headerItem_text_focus_border_offset_left: 0px;
828
+ --_ui5_tc_headerItem_text_focus_border_offset_right: 0px;
829
+ --_ui5_tc_headerItem_text_focus_border_offset_top: 0px;
830
+ --_ui5_tc_headerItem_text_focus_border_offset_bottom: 0px;
831
+ --_ui5_tc_headerItem_mixed_mode_focus_border_offset_left: .75rem;
832
+ --_ui5_tc_headerItem_mixed_mode_focus_border_offset_right: .625rem;
833
+ --_ui5_tc_headerItem_mixed_mode_focus_border_offset_top: .75rem;
834
+ --_ui5_tc_headerItem_mixed_mode_focus_border_offset_bottom: .75rem;
835
+ --_ui5_tc_headerItemContent_default_focus_border: none;
836
+ --_ui5_tc_headerItemContent_focus_border_radius: 0;
837
+ --_ui5_tc_headerItemSemanticIcon_display: inline-block;
838
+ --_ui5_tc_headerItemSemanticIcon_size: .75rem;
839
+ --_ui5_tc_headerItem_focus_border_radius: 0px;
840
+ --_ui5_tc_mixedMode_itemText_color: var(--sapContent_LabelColor);
841
+ --_ui5_tc_mixedMode_itemText_font_family: var(--sapFontFamily);
842
+ --_ui5_tc_mixedMode_itemText_font_size: var(--sapFontSmallSize);
843
+ --_ui5_tc_mixedMode_itemText_font_weight: normal;
844
+ --_ui5_tc_headerItem_expand_button_margin_inline_start: 0rem;
845
+ --_ui5_tc_headerItem_single_click_expand_button_margin_inline_start: .25rem;
846
+ --_ui5_tc_headerItem_expand_button_border_radius: .25rem;
847
+ --_ui5_tc_headerItem_expand_button_separator_display: none;
848
+ --_ui5_tc_overflowItem_positive_color: var(--sapTextColor);
849
+ --_ui5_tc_overflowItem_negative_color: var(--sapTextColor);
850
+ --_ui5_tc_overflowItem_critical_color: var(--sapTextColor);
851
+ --_ui5_tc_overflowItem_focus_offset: .125rem;
852
+ --_ui5_tc_overflowItem_indent: .5rem;
853
+ --_ui5_tc_overflowItem_extra_indent: 1rem;
854
+ --_ui5_tc_headerItemIcon_border: .125rem solid var(--sapTab_ForegroundColor);
855
+ --_ui5_tc_headerItemIcon_semantic_selected_color: var(--sapGroup_ContentBackground);
856
+ --_ui5_tc_overflowItem_default_color: var(--sapTextColor);
857
+ --_ui5_tc_overflowItem_current_color: var(--_ui5_tc_overflowItem_default_color);
858
+ --_ui5_tc_content_border_bottom: .125rem solid var(--sapObjectHeader_BorderColor);
859
+ --_ui5_tc_headerItem_focus_border_offset: -2px;
860
+ --_ui5_tc_headerItemIcon_focus_border_radius: 0;
861
+ --_ui5_tc_overflow_text_color: var(--sapTextColor);
862
+ --_ui5_tc_overflowItem_additional: 1;
863
+ --_ui5_table_cell_valign: center;
864
+ --_ui5_table_cell_min_width: 2.75rem;
865
+ --_ui5_table_navigated_cell_width: .25rem;
866
+ --_ui5_first_table_cell_horizontal_padding: 1rem;
867
+ --_ui5_table_cell_horizontal_padding: .5rem;
868
+ --_ui5_table_cell_vertical_padding: .25rem;
869
+ --_ui5_table_row_actions_gap: .25rem;
870
+ --_ui5_table_row_alternating_background: var(--sapTableRow_AlternatingBackground, var(--sapList_AlternatingBackground));
871
+ --_ui5_table_row_alternating_hover_background: var(--sapTableRow_AlternatingHoverBackground, var(--sapList_Hover_Background));
872
+ --_ui5_table_row_alternating_selection_background: var(--sapTableRow_AlternatingSelectionBackground, var(--sapList_SelectionBackgroundColor));
873
+ --_ui5_table_row_alternating_selection_hover_background: var(--sapTableRow_AlternatingSelectionHoverBackground, var(--sapList_Hover_SelectionBackground));
874
+ --_ui5_load_more_padding: .25rem;
875
+ --_ui5_load_more_border: 1px solid var(--sapButton_BorderColor);
876
+ --_ui5_load_more_border_radius: .375rem;
877
+ --_ui5_load_more_outline_width: .125rem;
878
+ --_ui5_text_max_lines: initial;
879
+ --_ui5_textarea_state_border_width: .125rem;
880
+ --_ui5_textarea_information_border_width: var(--sapField_InformationBorderWidth);
881
+ --_ui5_textarea_placeholder_font_style: normal;
882
+ --_ui5_textarea_value_state_error_warning_placeholder_font_weight: bold;
883
+ --_ui5_textarea_error_placeholder_font_style: normal;
884
+ --_ui5_textarea_error_placeholder_color: var(--sapField_TextColor);
885
+ --_ui5_textarea_error_hover_background_color: var(--sapField_InvalidBackground);
886
+ --_ui5_textarea_hover_border: var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_Hover_BorderColor);
887
+ --_ui5_textarea_error_warning_border_style: dashed;
888
+ --_ui5_textarea_disabled_opacity: .4;
889
+ --_ui5_textarea_line_height: 1.5;
890
+ --_ui5_textarea_focus_pseudo_element_content: "";
891
+ --_ui5_textarea_focused_value_state_error_background: var(--sapField_InvalidBackground);
892
+ --_ui5_textarea_focused_value_state_warning_background: var(--sapField_WarningBackground);
893
+ --_ui5_textarea_focused_value_state_success_background: var(--sapField_SuccessBackground);
894
+ --_ui5_textarea_focused_value_state_information_background: var(--sapField_InformationBackground);
895
+ --_ui5_textarea_focused_value_state_error_focus_outline_color: var(--sapContent_FocusColor);
896
+ --_ui5_textarea_focused_value_state_warning_focus_outline_color: var(--sapContent_FocusColor);
897
+ --_ui5_textarea_focused_value_state_success_focus_outline_color: var(--sapContent_FocusColor);
898
+ --_ui5_textarea_focus_offset: 1px;
899
+ --_ui5_textarea_readonly_focus_offset: 1px;
900
+ --_ui5_textarea_value_state_focus_offset: 1px;
901
+ --_ui5_textarea_focus_outline_color: var(--sapContent_FocusColor);
902
+ --_ui5_textarea_min_height: var(--_ui5-compact-size, 1.625rem) var(--_ui5-cozy-size, 2.25rem);
903
+ --_ui5_textarea_wrapper_padding: 0;
904
+ --_ui5_textarea_success_wrapper_padding: 0;
905
+ --_ui5_textarea_warning_error_wrapper_padding: 0;
906
+ --_ui5_textarea_information_wrapper_padding: 0;
907
+ --_ui5_textarea_inner_width: 100%;
908
+ --_ui5_textarea_padding_right_and_left: var(--_ui5-compact-size, .375rem) var(--_ui5-cozy-size, .5rem);
909
+ --_ui5_textarea_padding_right_and_left_error_warning: var(--_ui5-compact-size, .375rem) var(--_ui5-cozy-size, .5rem);
910
+ --_ui5_textarea_padding_right_and_left_information: var(--_ui5-compact-size, .4375rem) var(--_ui5-cozy-size, .5625rem);
911
+ --_ui5_textarea_padding_right_and_left_readonly: var(--_ui5-compact-size, .375rem) var(--_ui5-cozy-size, .5rem);
912
+ --_ui5_textarea_padding_top: var(--_ui5-compact-size, .0625rem) var(--_ui5-cozy-size, .375rem);
913
+ --_ui5_textarea_padding_bottom: var(--_ui5-compact-size, 0rem) var(--_ui5-cozy-size, .3125rem);
914
+ --_ui5_textarea_padding_top_readonly: var(--_ui5-compact-size, .0625rem) var(--_ui5-cozy-size, .375rem);
915
+ --_ui5_textarea_padding_bottom_readonly: var(--_ui5-compact-size, 0rem) var(--_ui5-cozy-size, .3125rem);
916
+ --_ui5_textarea_padding_top_error_warning: var(--_ui5-compact-size, .0625rem) var(--_ui5-cozy-size, .375rem);
917
+ --_ui5_textarea_padding_bottom_error_warning: var(--_ui5-compact-size, 0rem) var(--_ui5-cozy-size, .3125rem);
918
+ --_ui5_textarea_padding_top_information: var(--_ui5-compact-size, .125rem) var(--_ui5-cozy-size, .4375rem);
919
+ --_ui5_textarea_padding_bottom_information: var(--_ui5-compact-size, .0625rem) var(--_ui5-cozy-size, .375rem);
920
+ --_ui5_textarea_margin: var(--_ui5-compact-size, .1875rem 0) var(--_ui5-cozy-size, .25rem 0);
921
+ --_ui5_textarea_readonly_border_style: var(--sapField_BorderStyle);
922
+ --_ui5_textarea_error_warning_font_weight: bold;
923
+ --_ui5_textarea_error_warning_font_style: italic;
924
+ --_ui5-time_picker_border_radius: 0;
925
+ --_ui5_toast_vertical_offset: 3rem;
926
+ --_ui5_toast_horizontal_offset: 2rem;
927
+ --_ui5_toast_background: var(--sapIndicationColor_9_Background);
928
+ --_ui5_toast_shadow: var(--sapContent_Lite_Shadow);
929
+ --_ui5_toast_offset_width: -.1875rem;
930
+ --_ui5_toggle_button_emphasized_text_shadow: none;
931
+ --_ui5_yearpicker_item_margin: .0625rem;
932
+ --_ui5_yearpicker_item_border: .0625rem solid var(--sapButton_Lite_BorderColor);
933
+ --_ui5_yearpicker_item_border_radius: .5rem;
934
+ --_ui5_yearpicker_item_hover_border: .0625rem solid var(--sapButton_Lite_Hover_BorderColor);
935
+ --_ui5_yearpicker_item_selected_border: .0625rem solid var(--sapButton_Selected_BorderColor);
936
+ --_ui5_yearpicker_item_selected_hover_border: .0625rem solid var(--sapButton_Selected_Hover_BorderColor);
937
+ --_ui5_token_background: var(--sapButton_TokenBackground);
938
+ --_ui5_token_readonly_background: var(--sapField_ReadOnly_Background);
939
+ --_ui5_token_readonly_color: var(--sapContent_LabelColor);
940
+ --_ui5_token_border_radius: .25rem;
941
+ --_ui5_token_focus_outline_width: .125rem;
942
+ --_ui5_token_outline_offset: var(--_ui5-compact-size, -.125rem) var(--_ui5-cozy-size, -.125rem);
943
+ --_ui5_token_text_color: var(--sapTextColor);
944
+ --_ui5_token_right_margin: var(--_ui5-compact-size, .25rem) var(--_ui5-cozy-size, .3125rem);
945
+ --_ui5_token_left_padding: var(--_ui5-compact-size, .25rem) var(--_ui5-cozy-size, .3125rem);
946
+ --_ui5_token_readonly_padding: var(--_ui5-compact-size, .125rem .25rem) var(--_ui5-cozy-size, .25rem .3125rem);
947
+ --_ui5_token_selected_focus_outline: var(--_ui5_token_focus_outline_width) dotted var(--sapContent_ContrastFocusColor);
948
+ --_ui5_token_focus_outline: var(--_ui5_token_focus_outline_width) dotted var(--sapContent_FocusColor);
949
+ --_ui5_token_focused_selected_border: 1px solid var(--sapButton_Selected_BorderColor);
950
+ --ui5_token_focus_pseudo_element_content: none;
951
+ --_ui5_token_focus_offset: var(--_ui5-compact-size, -.125rem) var(--_ui5-cozy-size, 0);
952
+ --_ui5_token_selected_text_font_family: var(--sapFontFamily);
953
+ --_ui5_token_selected_internal_border_bottom: none;
954
+ --_ui5_token_selected_internal_border_bottom_radius: 0;
955
+ --_ui5_token_focus_outline_border_radius: .25rem;
956
+ --_ui5_tokenizer_padding: .25rem;
957
+ --_ui5_tokenizer_gap: var(--_ui5-compact-size, .375em .25rem) var(--_ui5-cozy-size, .625rem .25rem);
958
+ --_ui5_tokenizer_n_more_text_color: var(--sapField_TextColor);
959
+ --_ui5_tokenizer-popover_offset: var(--_ui5-compact-size, .1875rem) var(--_ui5-cozy-size, .3125rem);
960
+ --_ui5_value_state_message_border: var(--sapField_BorderWidth) solid var(--sapField_BorderColor);
961
+ --_ui5_value_state_header_border: none;
962
+ --_ui5_input_value_state_icon_display: inline-block;
963
+ --_ui5_value_state_message_padding: .5rem .5rem .5rem 1.875rem;
964
+ --_ui5_value_state_message_padding_phone: .5rem .5rem .5rem 2.375rem;
965
+ --_ui5_value_state_header_padding: .5rem .5rem .5rem 1.875rem;
966
+ --_ui5_value_state_message_popover_box_shadow: none;
967
+ --_ui5_value_state_message_icon_width: 1rem;
968
+ --_ui5_value_state_message_icon_height: 1rem;
969
+ --_ui5_input_value_state_icon_offset: .625rem;
970
+ --_ui5_value_state_header_offset: -.1875rem;
971
+ --_ui5_value_state_message_popover_border_radius: 0;
972
+ --_ui5_value_state_header_box_shadow_error: inset 0 -.125rem var(--sapField_InvalidColor);
973
+ --_ui5_value_state_header_box_shadow_information: inset 0 -.125rem var(--sapField_InformationColor);
974
+ --_ui5_value_state_header_box_shadow_success: inset 0 -.125rem var(--sapField_SuccessColor);
975
+ --_ui5_value_state_header_box_shadow_warning: inset 0 -.125rem var(--sapField_WarningColor);
976
+ --_ui5_value_state_message_line_height: 1.125rem;
977
+ --_ui5_value_state_message_popover_header_min_height: 2rem;
978
+ --_ui5_value_state_message_popover_header_min_width: 6rem;
979
+ --_ui5_value_state_message_popover_header_max_width: 22rem;
980
+ --_ui5_value_state_message_popover_header_width: auto;
981
+ --_ui5_value_state_message_icon_offset_phone: 1rem;
982
+ --_ui5_value_state_header_border_bottom: none;
983
+ --_ui5_slider_progress_container_background: var(--sapSlider_Background);
984
+ --_ui5_slider_progress_container_dot_display: block;
985
+ --_ui5_slider_progress_container_dot_background: var(--sapField_BorderColor);
986
+ --_ui5_slider_progress_border_width: .0625rem;
987
+ --_ui5_slider_progress_border: solid var(--_ui5_slider_progress_border_width) var(--sapSlider_BorderColor);
988
+ --_ui5_slider_progress_before_background: var(--sapSlider_Selected_Background);
989
+ --_ui5_slider_progress_after_background: var(--sapContent_MeasureIndicatorColor);
990
+ --_ui5_slider_progress_before_border: solid .0625rem var(--sapContent_MeasureIndicatorColor);
991
+ --_ui5_slider_progress_after_border: solid .0625rem var(--sapContent_Selected_MeasureIndicatorColor);
992
+ --_ui5_slider_padding: var(--_ui5-compact-size, 1rem 1.0625rem) var(--_ui5-cozy-size, 1.406rem 1.0625rem);
993
+ --_ui5_slider_root_height: 3.3125rem;
994
+ --_ui5_slider_inner_height: .375rem;
995
+ --_ui5_slider_inner_min_width: 4rem;
996
+ --_ui5_slider_outer_height: var(--_ui5-compact-size, 1.3125rem) var(--_ui5-cozy-size, calc(var(--_ui5_slider_handle_height) + 9px));
997
+ --_ui5_slider_progress_border_radius: .25rem;
998
+ --_ui5_slider_progress_background: var(--sapSlider_Selected_Background);
999
+ --_ui5_slider_handle_icon_display: inline-block;
1000
+ --_ui5_range_slider_root_hover_handle_icon_display: inline-block;
1001
+ --_ui5_slider_handle_height: var(--_ui5-compact-size, 1.25rem) var(--_ui5-cozy-size, 1.5rem);
1002
+ --_ui5_slider_handle_width: var(--_ui5-compact-size, 1.5rem) var(--_ui5-cozy-size, 2rem);
1003
+ --_ui5_slider_handle_border: .0625rem solid var(--sapField_BorderColor);
1004
+ --_ui5_slider_handle_border_radius: .5rem;
1005
+ --_ui5_slider_handle_background: var(--sapButton_Background);
1006
+ --_ui5_range_slider_handle_background: var(--sapSlider_RangeHandleBackground);
1007
+ --_ui5_slider_track_total_height: var(--_ui5-light-scheme, var(--_ui5-compact-size, var(--_ui5_slider_inner_height)) var(--_ui5-cozy-size, var(--_ui5_slider_inner_height))) var(--_ui5-dark-scheme, var(--_ui5_slider_inner_height));
1008
+ --_ui5_slider_handle_top: var(--_ui5-compact-size, calc((var(--_ui5_slider_track_total_height) - var(--_ui5_slider_handle_height)) / 2)) var(--_ui5-cozy-size, calc((var(--_ui5_slider_track_total_height) - var(--_ui5_slider_handle_height)) / 2));
1009
+ --_ui5_slider_tickmark_bg: var(--sapField_BorderColor);
1010
+ --_ui5_slider_tickmark_in_range_bg: var(--sapButton_Active_Background);
1011
+ --_ui5_slider_handle_hover_background: var(--sapButton_Hover_Background);
1012
+ --_ui5_slider_handle_hover_border: var(--_ui5_slider_handle_border);
1013
+ --_ui5_slider_handle_outline: none;
1014
+ --_ui5_slider_handle_focus_border: .125rem solid var(--sapField_BorderColor);
1015
+ --_ui5_slider_handle_outline_offset: .075rem;
1016
+ --_ui5_slider_progress_outline: var(--sapContent_FocusWidth) dotted var(--sapContent_FocusColor);
1017
+ --_ui5_slider_progress_outline_offset: var(--_ui5-compact-size, -.625rem) var(--_ui5-cozy-size, -14px);
1018
+ --_ui5_slider_tickmark_top: calc((var(--_ui5_slider_track_total_height) - var(--_ui5_slider_tickmark_height)) / 2);
1019
+ --_ui5_slider_disabled_opacity: .4;
1020
+ --_ui5_slider_tooltip_fontsize: var(--sapFontSmallSize);
1021
+ --_ui5_slider_tooltip_color: var(--sapContent_LabelColor);
1022
+ --_ui5_slider_tooltip_background: var(--sapField_Background);
1023
+ --_ui5_slider_tooltip_border_radius: var(--sapElement_BorderCornerRadius);
1024
+ --_ui5_slider_tooltip_border_color: var(--sapField_BorderColor);
1025
+ --_ui5_slider_tooltip_border: .0625rem solid var(--_ui5_slider_tooltip_border_color);
1026
+ --_ui5_slider_tooltip_box_shadow: none;
1027
+ --_ui5_slider_tooltip_padding: var(--_ui5-compact-size, .25rem) var(--_ui5-cozy-size, .25rem);
1028
+ --_ui5_slider_tooltip_height: var(--_ui5-compact-size, 1rem) var(--_ui5-cozy-size, 1.375rem);
1029
+ --_ui5_slider_tooltip_min_width: 2rem;
1030
+ --_ui5_slider_tooltip_bottom: 2rem;
1031
+ --_ui5_slider_label_fontsize: var(--sapFontSmallSize);
1032
+ --_ui5_slider_label_color: var(--sapContent_LabelColor);
1033
+ --_ui5_range_slider_progress_focus_display: block;
1034
+ --_ui5_range_slider_progress_focus_top: calc(-1 * ((var(--_ui5_slider_handle_height) / 2) + .1875rem) + 2 * var(--_ui5_slider_progress_border_width));
1035
+ --_ui5_range_slider_progress_focus_left: calc(-1 * ((var(--_ui5_slider_handle_width) / 2) + .1875rem + var(--_ui5_slider_progress_border_width)));
1036
+ --_ui5_range_slider_progress_focus_padding: 0 1.375rem 0 1.438rem;
1037
+ --_ui5_range_slider_progress_focus_height: calc(var(--_ui5_slider_handle_height) + .375rem);
1038
+ --_ui5_range_slider_legacy_progress_focus_display: none;
1039
+ --_ui5_slider_handle_focus_width: 0;
1040
+ --_ui5_slider_start_end_point_size: .5rem;
1041
+ --_ui5_slider_start_end_point_left: var(--_ui5-compact-size, -.75rem) var(--_ui5-cozy-size, -.95rem);
1042
+ --_ui5_slider_start_end_point_top: -.125rem;
1043
+ --_ui5_slider_handle_background_focus: var(--sapSlider_Active_RangeHandleBackground);
1044
+ --_ui5_slider_handle_focused_tooltip_distance: calc(var(--_ui5_slider_tooltip_bottom) - 1px);
1045
+ --_ui5_slider_handle_box_sizing: border-box;
1046
+ --_ui5_slider_tooltip_border_box: border-box;
1047
+ --_ui5_range_slider_handle_active_background: var(--sapSlider_Active_RangeHandleBackground);
1048
+ --_ui5_range_slider_active_handle_icon_display: none;
1049
+ --_ui5_range_slider_handle_background_focus: transparent;
1050
+ --_ui5_range_slider_progress_focus_width: 100%;
1051
+ --_ui5_range_slider_root_active_handle_icon_display: none;
1052
+ --_ui5_slider_tickmark_height: .5rem;
1053
+ --_ui5_slider_progress_box_sizing: border-box;
1054
+ --_ui5_slider_active_progress_box_sizing: content-box;
1055
+ --_ui5_range_slider_focus_outline_width: var(--_ui5-compact-size, calc(100% + var(--_ui5_slider_handle_width) + 12px)) var(--_ui5-cozy-size, calc(100% + var(--_ui5_slider_handle_width) + 12px));
1056
+ --_ui5_slider_progress_outline_offset_left: var(--_ui5-compact-size, calc(-1 * (var(--_ui5_slider_handle_width) / 2) - 6px)) var(--_ui5-cozy-size, calc(-1 * (var(--_ui5_slider_handle_width) / 2) - 6px));
1057
+ --_ui5_range_slider_focus_outline_radius: .5rem;
1058
+ --_ui5_slider_progress_container_top: 0;
1059
+ --_ui5_slider_progress_height: .375rem;
1060
+ --_ui5_slider_active_progress_border: solid .0625rem var(--sapSlider_Selected_BorderColor);
1061
+ --_ui5_slider_active_progress_border_radius: .25rem;
1062
+ --_ui5_slider_active_progress_left: -.0625rem;
1063
+ --_ui5_slider_active_progress_top: -.0625rem;
1064
+ --_ui5_slider_active_progress_padding: .125rem;
1065
+ --_ui5_slider_active_progress_height: calc(var(--_ui5_slider_progress_height) - .125rem);
1066
+ --_ui5_slider_no_tickmarks_progress_container_top: 0;
1067
+ --_ui5_slider_no_tickmarks_progress_height: var(--_ui5_slider_progress_height);
1068
+ --_ui5_slider_no_tickmarks_active_progress_border: none;
1069
+ --_ui5_slider_no_tickmarks_active_progress_left: 0;
1070
+ --_ui5_slider_no_tickmarks_active_progress_top: 0;
1071
+ --_ui5_slider_no_tickmarks_active_progress_height: calc(var(--_ui5_slider_no_tickmarks_progress_height) - .125rem);
1072
+ --_ui5_slider_handle_focus_visibility: block;
1073
+ --_ui5_slider_handle_icon_size: var(--_ui5-compact-size, .875rem) var(--_ui5-cozy-size, .875rem);
1074
+ --_ui5_range_slider_root_hover_handle_bg: var(--sapButton_Hover_Background);
1075
+ --_ui5_range_slider_progress_focus_right: calc(-1 * ((var(--_ui5_slider_handle_width) / 2) + .1875rem + var(--_ui5_slider_progress_border_width)));
1076
+ --ui5_slider_handle_outline: var(--sapContent_FocusWidth) dotted var(--sapContent_FocusColor);
1077
+ --ui5_slider_handle_outline_offset: 3px;
1078
+ --ui5_slider_scale_background: var(--sapSlider_Background);
1079
+ --_ui5_slider_scale_border: 1px solid var(--sapSlider_Selected_BorderColor);
1080
+ --_ui5_slider_scale_dots_distance: var(--_ui5-compact-size, -.75rem) var(--_ui5-cozy-size, -1rem);
1081
+ --_ui5_slider_scale_tickmark_height: .5rem;
1082
+ --_ui5_slider_scale_root_box_sizing: content-box;
1083
+ --_ui5_slider_scale_progress_border: 1px solid var(--sapSlider_Selected_BorderColor);
1084
+ --_ui5_slider_scale_progress_height: .375rem;
1085
+ --_ui5_slider_scale_progress_top: -1px;
1086
+ --_ui5_slider_scale_dots_display: inline-block;
1087
+ --_ui5_step_input_input_error_background_color: var(--sapField_InvalidBackground);
1088
+ --_ui5-step_input_button_state_hover_background_color: var(--sapField_Background);
1089
+ --_ui5_step_input_border_style: 1px solid var(--sapField_BorderColor);
1090
+ --_ui5_step_input_border_style_hover: 1px solid var(--sapField_Hover_BorderColor);
1091
+ --_ui5_step_input_button_background_color: var(--sapField_Background);
1092
+ --_ui5_step_input_input_border: 1px solid transparent;
1093
+ --_ui5_step_input_input_margin_top: -.0625rem;
1094
+ --_ui5_step_input_button_display: inline-block;
1095
+ --_ui5_step_input_button_left: 0;
1096
+ --_ui5_step_input_button_right: 0;
1097
+ --_ui5_step_input_input_border_focused_after: var(--_ui5_input_focus_border_width) dotted var(--sapContent_FocusColor);
1098
+ --_ui5_step_input_input_border_top_bottom_focused_after: .0625rem;
1099
+ --_ui5_step_input_input_border_radius_focused_after: 0;
1100
+ --_ui5_step_input_input_information_border_color_focused_after: var(--sapField_BorderColor);
1101
+ --_ui5_step_input_input_warning_border_color_focused_after: var(--sapField_BorderColor);
1102
+ --_ui5_step_input_input_success_border_color_focused_after: var(--sapField_BorderColor);
1103
+ --_ui5_step_input_input_error_border_color_focused_after: var(--sapField_BorderColor);
1104
+ --_ui5_step_input_disabled_button_background: var(--sapField_ReadOnly_Background);
1105
+ --_ui5_step_input_border_color_hover: var(--sapField_Hover_Background);
1106
+ --_ui5_step_input_border_hover: 1px solid var(--sapField_Hover_BorderColor);
1107
+ --_ui5_input_input_background_color: var(--sapField_InvalidBackground);
1108
+ --_ui5_step_input_min_width: var(--_ui5-compact-size, 6rem) var(--_ui5-cozy-size, 7.25rem);
1109
+ --_ui5_step_input_padding: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.5rem);
1110
+ --_ui5_calendar_height: var(--_ui5-compact-size, 18rem) var(--_ui5-cozy-size, 24.5rem);
1111
+ --_ui5_calendar_width: var(--_ui5-compact-size, 17.75rem) var(--_ui5-cozy-size, 20rem);
1112
+ --_ui5_calendar_left_right_padding: var(--_ui5-compact-size, .25rem) var(--_ui5-cozy-size, .5rem);
1113
+ --_ui5_calendar_top_bottom_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);
1114
+ --_ui5_calendar_header_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 3rem);
1115
+ --_ui5_calendar_header_arrow_button_width: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.5rem);
1116
+ --_ui5_calendar_header_padding: var(--_ui5-compact-size, 0) var(--_ui5-cozy-size, .25rem 0);
1117
+ --_ui5_checkbox_root_side_padding: var(--_ui5-compact-size, var(--_ui5_checkbox_wrapped_focus_padding)) var(--_ui5-cozy-size, .6875rem);
1118
+ --_ui5_checkbox_partially_icon_size: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .75rem);
1119
+ --_ui5_custom_list_item_rb_min_width: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);
1120
+ --_ui5_day_picker_item_width: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.25rem);
1121
+ --_ui5_day_picker_item_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.875rem);
1122
+ --_ui5_day_picker_empty_height: var(--_ui5-compact-size, 2.125rem) var(--_ui5-cozy-size, 3rem);
1123
+ --_ui5_day_picker_item_justify_content: var(--_ui5-compact-size, flex-end) var(--_ui5-cozy-size, space-between);
1124
+ --_ui5_dp_item_withsecondtype_font_size: var(--_ui5-compact-size, var(--sapFontSmallSize)) var(--_ui5-cozy-size, var(--sapFontSize));
1125
+ --_ui5_daypicker_item_now_selected_two_calendar_focus_special_day_top: var(--_ui5-compact-size, 1.125rem) var(--_ui5-cozy-size, 2rem);
1126
+ --_ui5_daypicker_item_now_selected_two_calendar_focus_special_day_right: var(--_ui5-compact-size, 1.125rem) var(--_ui5-cozy-size, 1.4375rem);
1127
+ --_ui5_dp_two_calendar_item_secondary_text_height: var(--_ui5-compact-size, .75rem) var(--_ui5-cozy-size, 1rem);
1128
+ --_ui5_dp_two_calendar_item_text_padding_top: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .4375rem);
1129
+ --_ui5_dp_two_calendar_item_secondary_text_padding_block: var(--_ui5-compact-size, 0 .625rem) var(--_ui5-cozy-size, 0 .5rem);
1130
+ --_ui5_dp_two_calendar_item_secondary_text_padding: var(--_ui5-compact-size, 0 .375rem) var(--_ui5-cozy-size, 0 .5rem);
1131
+ --_ui5_daypicker_item_now_selected_two_calendar_focus_secondary_text_padding_block: var(--_ui5-compact-size, 0 1rem) var(--_ui5-cozy-size, 0 .5rem);
1132
+ --_ui5_daypicker_two_calendar_item_selected_focus_margin_bottom: var(--_ui5-compact-size, -.25rem) var(--_ui5-cozy-size, 0);
1133
+ --_ui5_daypicker_two_calendar_item_selected_focus_padding_right: var(--_ui5-compact-size, .4375rem) var(--_ui5-cozy-size, .4375rem);
1134
+ --_ui5-calendar-legend-item-root-focus-offset: -.125rem;
1135
+ --_ui5-calendar-legend-item-box-inner-margin: .5rem;
1136
+ --_ui5_color_picker_slider_progress_container_height: var(--_ui5-compact-size, 1.125rem) var(--_ui5-cozy-size, 1.625rem);
1137
+ --_ui5_color_picker_slider_container_margin_top: var(--_ui5-compact-size, -.375rem) var(--_ui5-cozy-size, -.5rem);
1138
+ --_ui5_color_picker_slider_handle_height: var(--_ui5-compact-size, 1.5rem) var(--_ui5-cozy-size, 2rem);
1139
+ --_ui5_color_picker_slider_handle_width: var(--_ui5-compact-size, .9375rem) var(--_ui5-cozy-size, 1.0625rem);
1140
+ --_ui5_color_picker_slider_handle_after_height: var(--_ui5-compact-size, 1.25rem) var(--_ui5-cozy-size, 1.75rem);
1141
+ --_ui5_color_picker_slider_handle_focus_height: var(--_ui5-compact-size, 1.625rem) var(--_ui5-cozy-size, 2.125rem);
1142
+ --_ui5_color_picker_colors_wrapper_height: var(--_ui5-compact-size, 1.5rem) var(--_ui5-cozy-size, 2.25rem);
1143
+ --_ui5_color_picker_sliders_height: var(--_ui5-compact-size, 2.25rem) var(--_ui5-cozy-size, 3rem);
1144
+ --_ui5_color_picker_main_color_margin_bottom: var(--_ui5-compact-size, .75rem) var(--_ui5-cozy-size, 1rem);
1145
+ --_ui5_color_picker_slider_spacing: var(--_ui5-compact-size, .8125rem) var(--_ui5-cozy-size, .9375rem);
1146
+ --_ui5_color_channel_toggle_button_width: var(--_ui5-compact-size, 1.375rem) var(--_ui5-cozy-size, 1.625rem);
1147
+ --_ui5_color_channel_toggle_button_margin-top: var(--_ui5-compact-size, -.9375rem) var(--_ui5-cozy-size, -.75rem);
1148
+ --_ui5_color_channel_hex_input_width: var(--_ui5-compact-size, 4.625rem) var(--_ui5-cozy-size, 4.8125rem);
1149
+ --_ui5-color_channel_margin_top: var(--_ui5-compact-size, 0rem) var(--_ui5-cozy-size, .25rem);
1150
+ --_ui5_color-palette-item-height: var(--_ui5-compact-size, 1.25rem) var(--_ui5-cozy-size, 1.75rem);
1151
+ --_ui5_color-palette-item-hover-height: var(--_ui5-compact-size, 1.625rem) var(--_ui5-cozy-size, 2.375rem);
1152
+ --_ui5_color-palette-item-margin: var(--_ui5-compact-size, calc((var(--_ui5_color-palette-item-hover-height) - var(--_ui5_color-palette-item-height)) / 2)) var(--_ui5-cozy-size, calc((var(--_ui5_color-palette-item-hover-height) - var(--_ui5_color-palette-item-height)) / 2));
1153
+ --_ui5_color-palette-row-width: var(--_ui5-compact-size, 8.125rem) var(--_ui5-cozy-size, 12rem);
1154
+ --_ui5_color-palette-swatch-container-padding: var(--_ui5-compact-size, .1875rem .8125rem) var(--_ui5-cozy-size, .3125rem .6875rem);
1155
+ --_ui5_datetime_picker_width: var(--_ui5-compact-size, 35.5rem) var(--_ui5-cozy-size, 40.0625rem);
1156
+ --_ui5_datetime_picker_height: var(--_ui5-compact-size, 20.5rem) var(--_ui5-cozy-size, 25rem);
1157
+ --_ui5_datetime_timeview_width: var(--_ui5-compact-size, 17rem) var(--_ui5-cozy-size, 17rem);
1158
+ --_ui5_datetime_timeview_phonemode_width: var(--_ui5-compact-size, 18.5rem) var(--_ui5-cozy-size, 19.5rem);
1159
+ --_ui5_datetime_timeview_phonemode_clocks_width: var(--_ui5-compact-size, 21.125rem) var(--_ui5-cozy-size, 24.5rem);
1160
+ --_ui5_datetime_dateview_phonemode_margin_bottom: var(--_ui5-compact-size, 3.125rem) var(--_ui5-cozy-size, 0);
1161
+ --_ui5_popup_footer_height: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);
1162
+ --_ui5_dialog_content_min_height: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);
1163
+ --_ui5_input_inner_padding: var(--_ui5-compact-size, 0 .5rem) var(--_ui5-cozy-size, 0 .625rem);
1164
+ --_ui5_input_inner_padding_with_icon: var(--_ui5-compact-size, 0 .2rem 0 .5rem) var(--_ui5-cozy-size, 0 .25rem 0 .625rem);
1165
+ --_ui5_input_inner_space_to_tokenizer: var(--_ui5-compact-size, .125rem) var(--_ui5-cozy-size, .125rem);
1166
+ --_ui5_input_inner_space_to_n_more_text: var(--_ui5-compact-size, .125rem) var(--_ui5-cozy-size, .1875rem);
1167
+ --_ui5_list_no_data_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 3rem);
1168
+ --_ui5_list_item_cb_margin_right: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 0);
1169
+ --_ui5_list_item_title_size: var(--_ui5-compact-size, var(--sapFontSize)) var(--_ui5-cozy-size, var(--sapFontLargeSize));
1170
+ --_ui5_list_no_data_font_size: var(--_ui5-compact-size, var(--sapFontSize)) var(--_ui5-cozy-size, var(--sapFontLargeSize));
1171
+ --_ui5_list_item_img_size: 3rem;
1172
+ --_ui5_list_item_img_top_margin: var(--_ui5-compact-size, .55rem) var(--_ui5-cozy-size, .5rem);
1173
+ --_ui5_list_item_img_bottom_margin: .5rem;
1174
+ --_ui5_list_item_img_hn_margin: .75rem;
1175
+ --_ui5_list_item_dropdown_base_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.5rem);
1176
+ --_ui5_list_item_base_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, var(--sapElement_LineHeight));
1177
+ --_ui5_list_item_base_padding: var(--_ui5-compact-size, 0 1rem) var(--_ui5-cozy-size, 0 1rem);
1178
+ --_ui5_list_item_icon_size: var(--_ui5-compact-size, 1rem) var(--_ui5-cozy-size, 1.125rem);
1179
+ --_ui5_list_item_icon_padding-inline-end: .75rem;
1180
+ --_ui5_list_item_selection_btn_margin_top: var(--_ui5-compact-size, calc(-1 * var(--_ui5_checkbox_wrapper_padding))) var(--_ui5-cozy-size, calc(-1 * var(--_ui5_checkbox_wrapper_padding)));
1181
+ --_ui5_list_item_content_vertical_offset: var(--_ui5-compact-size, calc((var(--_ui5_list_item_base_height) - var(--_ui5_list_item_title_size)) / 2)) var(--_ui5-cozy-size, calc((var(--_ui5_list_item_base_height) - var(--_ui5_list_item_title_size)) / 2));
1182
+ --_ui5_group_header_list_item_height: 2.75rem;
1183
+ --_ui5_month_picker_item_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 3rem);
1184
+ --_ui5_form_item_min_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.813rem);
1185
+ --_ui5_form_item_padding: var(--_ui5-compact-size, .25rem) var(--_ui5-cozy-size, .65rem);
1186
+ --_ui5-form-group-heading-height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);
1187
+ --_ui5_popup_default_header_height: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);
1188
+ --_ui5_year_picker_item_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 3rem);
1189
+ --_ui5_token_height: var(--_ui5-compact-size, 1.25rem) var(--_ui5-cozy-size, 1.625rem);
1190
+ --_ui5_token_icon_size: var(--_ui5-compact-size, .75rem) var(--_ui5-cozy-size, .75rem);
1191
+ --_ui5_token_icon_padding: var(--_ui5-compact-size, .375rem .375rem) var(--_ui5-cozy-size, .25rem .5rem);
1192
+ --_ui5_tc_item_text: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 3rem);
1193
+ --_ui5_tc_item_height: var(--_ui5-compact-size, 4rem) var(--_ui5-cozy-size, 4.75rem);
1194
+ --_ui5_tc_item_text_only_height: 2.75rem;
1195
+ --_ui5_tc_item_text_only_with_additional_text_height: 3.75rem;
1196
+ --_ui5_tc_item_text_line_height: var(--_ui5-compact-size, 1.325rem) var(--_ui5-cozy-size, 1.325rem);
1197
+ --_ui5_tc_item_icon_circle_size: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);
1198
+ --_ui5_tc_item_icon_size: var(--_ui5-compact-size, 1rem) var(--_ui5-cozy-size, 1.25rem);
1199
+ --_ui5_tc_item_add_text_margin_top: var(--_ui5-compact-size, .3125rem) var(--_ui5-cozy-size, .375rem);
1200
+ --_ui5_radio_button_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);
1201
+ --_ui5_radio_button_label_side_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .875rem);
1202
+ --_ui5_radio_button_inner_size: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);
1203
+ --_ui5_radio_button_svg_size: var(--_ui5-compact-size, 1rem) var(--_ui5-cozy-size, 1.375rem);
1204
+ --_ui5-responsive_popover_header_height: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);
1205
+ --_ui5-tree-indent-step: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1.5rem);
1206
+ --_ui5-tree-toggle-box-width: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);
1207
+ --_ui5-tree-toggle-box-height: var(--_ui5-compact-size, 1.5rem) var(--_ui5-cozy-size, 2.25rem);
1208
+ --_ui5-tree-toggle-icon-size: var(--_ui5-compact-size, .8125rem) var(--_ui5-cozy-size, 1.0625rem);
1209
+ --_ui5_split_button_middle_separator_top: -.0625rem;
1210
+ --_ui5_split_button_middle_separator_height: var(--_ui5-compact-size, 1.625rem) var(--_ui5-cozy-size, 2.25rem);
1211
+ --_ui5-toolbar-separator-height: var(--_ui5-compact-size, 1.5rem) var(--_ui5-cozy-size, 2rem);
1212
+ --_ui5-toolbar-height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);
1213
+ --_ui5_toolbar_overflow_padding: var(--_ui5-compact-size, .1875rem .375rem) var(--_ui5-cozy-size, .25rem .5rem);
1214
+ --_ui5_dynamic_page_title_actions_separator_height: var(--_ui5-compact-size, var(--_ui5-toolbar-separator-height)) var(--_ui5-cozy-size, var(--_ui5-toolbar-separator-height));
1215
+ --_ui5-shellbar-separator-height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2rem);
1216
+ --___ui5-test-cozy-only: red;
1217
+ --___ui5-test-both: var(--_ui5-compact-size, blue) var(--_ui5-cozy-size, red);
1218
+ --___ui5-test-compact-only: var(--_ui5-compact-size, blue) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));
1219
+ --_ui5_rotation_90deg: rotate(90deg);
1220
+ --_ui5_rotation_minus_90deg: rotate(-90deg);
1221
+ --_ui5_icon_transform_scale: none;
1222
+ --_ui5_panel_toggle_btn_rotation: var(--_ui5_rotation_90deg);
1223
+ --_ui5_popover_upward_arrow_margin: .1875rem 0 0 .1875rem;
1224
+ --_ui5_popover_right_arrow_margin: .1875rem 0 0 -.375rem;
1225
+ --_ui5_popover_downward_arrow_margin: -.375rem 0 0 .125rem;
1226
+ --_ui5_popover_left_arrow_margin: .125rem 0 0 .25rem;
1227
+ --_ui5_dialog_resize_cursor: se-resize;
1228
+ --_ui5_menu_submenu_margin_offset: -.25rem 0
1229
+ }