@ui5/webcomponents 1.0.0 → 1.1.1

package/src/themes/base/Avatar-parameters.css

@@ -0,0 +1,38 @@
+:root {
+	--ui5-avatar-initials-color: var(--sapContent_ImagePlaceholderForegroundColor);
+    --ui5-avatar-initials-border: none;
+    --ui5-avatar-accent1: var(--sapAccentColor1);
+    --ui5-avatar-accent2: var(--sapAccentColor2);
+    --ui5-avatar-accent3: var(--sapAccentColor3);
+    --ui5-avatar-accent4: var(--sapAccentColor4);
+    --ui5-avatar-accent5: var(--sapAccentColor5);
+    --ui5-avatar-accent6: var(--sapAccentColor6);
+    --ui5-avatar-accent7: var(--sapAccentColor7);
+    --ui5-avatar-accent8: var(--sapAccentColor8);
+    --ui5-avatar-accent9: var(--sapAccentColor9);
+    --ui5-avatar-accent10: var(--sapAccentColor10);
+    --ui5-avatar-placeholder: var(--sapContent_ImagePlaceholderBackground);
+
+    --ui5-avatar-accent1-color: var(--ui5-avatar-initials-color);
+    --ui5-avatar-accent2-color: var(--ui5-avatar-initials-color);
+    --ui5-avatar-accent3-color: var(--ui5-avatar-initials-color);
+    --ui5-avatar-accent4-color: var(--ui5-avatar-initials-color);
+    --ui5-avatar-accent5-color: var(--ui5-avatar-initials-color);
+    --ui5-avatar-accent6-color: var(--ui5-avatar-initials-color);
+    --ui5-avatar-accent7-color: var(--ui5-avatar-initials-color);
+    --ui5-avatar-accent8-color: var(--ui5-avatar-initials-color);
+    --ui5-avatar-accent9-color: var(--ui5-avatar-initials-color);
+    --ui5-avatar-accent10-color: var(--ui5-avatar-initials-color);
+    --ui5-avatar-placeholder-color: var(--ui5-avatar-initials-color);
+
+    --_ui5_avatar_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
+    --_ui5_avatar_focus_offset: 1px;
+	--_ui5_avatar_focus_width: 1px;
+	--_ui5_avatar_focus_color: var(--sapContent_FocusColor);
+
+    --_ui5_avatar_fontsize_XS: 0.75rem;
+    --_ui5_avatar_fontsize_S: 1.125rem;
+    --_ui5_avatar_fontsize_M: 1.625rem;
+    --_ui5_avatar_fontsize_L: 2rem;
+    --_ui5_avatar_fontsize_XL: 2.75rem;
+}

package/src/themes/base/AvatarGroup-parameter.css

@@ -0,0 +1,6 @@
+:root {
+	--_ui5_avatar_outline: 1px dotted var(--sapContent_FocusColor);
+	--_ui5_avatar_group_overflow_button_focus_offset: 1px;
+	--_ui5_avatar_focus_width: 1px;
+	--_ui5_avatar_focus_color: var(--sapContent_FocusColor);
+}

package/src/themes/base/Badge-parameters.css

@@ -0,0 +1,61 @@
+:root {
+	--ui5-badge-font-size: 0.75em; /* origin from --sapFontSmallSize (0.75rem) */
+	--_ui5-badge-height: 1rem;
+	--_ui5-badge-border: 0.0625em solid;
+	--_ui5-badge-left-border: 1px solid;
+	--_ui5-badge-border-radius: 0.5em;
+	--_ui5-badge-font-weight: bold;
+	--_ui5-badge-text-transform: uppercase;
+	--_ui5-badge-cursor: default;
+	--_ui5_badge_pointer_events: none;
+
+	--ui5-badge-color-scheme-1-background: var(--sapLegendBackgroundColor1);
+	--ui5-badge-color-scheme-1-hover-background: var(--ui5-badge-color-scheme-1-background);
+	--ui5-badge-color-scheme-1-border: var(--sapAccentColor1);
+	--ui5-badge-color-scheme-1-color: var(--sapAccentColor1);
+
+	--ui5-badge-color-scheme-2-background: var(--sapLegendBackgroundColor2);
+	--ui5-badge-color-scheme-2-hover-background: var(--ui5-badge-color-scheme-2-background);
+	--ui5-badge-color-scheme-2-border: var(--sapAccentColor2);
+	--ui5-badge-color-scheme-2-color: var(--sapAccentColor2);
+
+	--ui5-badge-color-scheme-3-background: var(--sapLegendBackgroundColor3);
+	--ui5-badge-color-scheme-3-hover-background: var(--ui5-badge-color-scheme-3-background);
+	--ui5-badge-color-scheme-3-border: var(--sapAccentColor3);
+	--ui5-badge-color-scheme-3-color: var(--sapAccentColor3);
+
+	--ui5-badge-color-scheme-4-background: var(--sapLegendBackgroundColor5);
+	--ui5-badge-color-scheme-4-hover-background: var(--ui5-badge-color-scheme-4-background);
+	--ui5-badge-color-scheme-4-border: var(--sapAccentColor4);
+	--ui5-badge-color-scheme-4-color: var(--sapAccentColor4);
+
+	--ui5-badge-color-scheme-5-background: var(--sapLegendBackgroundColor20);
+	--ui5-badge-color-scheme-5-hover-background: var(--ui5-badge-color-scheme-5-background);
+	--ui5-badge-color-scheme-5-border: var(--sapAccentColor5);
+	--ui5-badge-color-scheme-5-color: var(--sapAccentColor5);
+
+	--ui5-badge-color-scheme-6-background: var(--sapLegendBackgroundColor6);
+	--ui5-badge-color-scheme-6-hover-background: var(--ui5-badge-color-scheme-6-background);
+	--ui5-badge-color-scheme-6-border: var(--sapAccentColor6);
+	--ui5-badge-color-scheme-6-color: var(--sapAccentColor6);
+
+	--ui5-badge-color-scheme-7-background: var(--sapLegendBackgroundColor7);
+	--ui5-badge-color-scheme-7-hover-background: var(--ui5-badge-color-scheme-7-background);
+	--ui5-badge-color-scheme-7-border: var(--sapAccentColor7);
+	--ui5-badge-color-scheme-7-color: var(--sapAccentColor7);
+
+	--ui5-badge-color-scheme-8-background: var(--sapLegendBackgroundColor18);
+	--ui5-badge-color-scheme-8-hover-background: var(--ui5-badge-color-scheme-8-background);
+	--ui5-badge-color-scheme-8-border: var(--sapLegendColor18);
+	--ui5-badge-color-scheme-8-color: var(--sapLegendColor18);
+
+	--ui5-badge-color-scheme-9-background: var(--sapLegendBackgroundColor10);
+	--ui5-badge-color-scheme-9-hover-background: var(--ui5-badge-color-scheme-9-background);
+	--ui5-badge-color-scheme-9-border: var(--sapAccentColor10);
+	--ui5-badge-color-scheme-9-color: var(--sapAccentColor10);
+
+	--ui5-badge-color-scheme-10-background: var(--sapLegendBackgroundColor9);
+	--ui5-badge-color-scheme-10-hover-background: var(--ui5-badge-color-scheme-10-background);
+	--ui5-badge-color-scheme-10-border: var(--sapAccentColor9);
+	--ui5-badge-color-scheme-10-color: var(--sapAccentColor9);
+}

package/src/themes/base/BrowserScrollbar-parameters.css

@@ -0,0 +1,4 @@
+:root {
+	--browser_scrollbar_border_radius: var(--sapElement_BorderCornerRadius);
+	--browser_scrollbar_border: none;
+}

package/src/themes/base/BusyIndicator-parameters.css

@@ -0,0 +1,5 @@
+:root {
+	--_ui5_busy_indicator_color: var(--sapContent_IconColor);
+	--_ui5_busy_indicator_focus_outline:  var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
+	--_ui5_busy_indicator_focus_border_radius: 0px;
+}

package/src/themes/base/Button-parameters.css

@@ -0,0 +1,30 @@
+:root {
+	--_ui5_button_base_min_width: 2.5rem;
+	--_ui5_button_base_min_compact_width: 2rem;
+	--_ui5_button_base_height: 2.5rem;
+	--_ui5_button_compact_height: 1.625rem;
+	--_ui5_button_border_radius: var(--sapButton_BorderCornerRadius);
+	--_ui5_button_base_padding: 0.6875rem;
+	--_ui5_button_compact_padding: 0.4375rem;
+	--_ui5_button_base_icon_only_padding: 0.5625rem;
+	--_ui5_button_base_icon_margin: 0.563rem;
+	--_ui5_button_icon_font_size: 1.375rem;
+	--_ui5_button_outline: 1px dotted var(--sapContent_FocusColor);
+	--_ui5_button_emphasized_outline: 1px dotted var(--sapContent_FocusColor);
+	--_ui5_button_outline_offset: calc(-1 * .1875rem);
+	--_ui5_button_emphasized_font_weight: normal;
+	--_ui5_button_text_shadow: var(--sapContent_TextShadow);
+	--_ui5_button_focus_offset: 1px;
+	--_ui5_button_focus_width: 1px;
+	--_ui5_button_focus_color: var(--sapContent_FocusColor);
+	--_ui5_button_focus_outline_focus_color: var(--sapContent_ContrastFocusColor);
+
+	--_ui5_button_positive_border_focus_hover_color: var(--sapContent_FocusColor);
+	--_ui5_button_positive_focus_border_color: var(--sapButton_Accept_BorderColor);
+	--_ui5_button_negative_focus_border_color: var(--sapButton_Reject_BorderColor);
+	--_ui5_button_attention_focus_border_color: var(--sapButton_Negative_BorderColor);
+	--_ui5_button_emphasized_focused_border_color: var(--sapButton_Emphasized_BorderColor);
+	--_ui5_button_fontFamily:  "72override", var(--sapFontFamily);
+	--_ui5_button_emphasized_focused_border_radius: 0;
+	--_ui5_button_transparent_hover: transparent;
+}

package/src/themes/base/CalendarHeader-parameters.css

@@ -0,0 +1,20 @@
+:root {
+	--_ui5_calendar_header_arrow_button_border: none;
+	--_ui5_calendar_header_arrow_button_border_radius: 0.25rem;
+	--_ui5_calendar_header_middle_button_width: 6.25rem;
+	--_ui5_calendar_header_middle_button_flex: 1 1 auto;
+	--_ui5_calendar_header_middle_button_focus_border_radius: 0.25rem;
+	--_ui5_calendar_header_middle_button_focus_border: none;
+	--_ui5_calendar_header_middle_button_focus_after_display: block;
+	--_ui5_calendar_header_middle_button_focus_after_width: calc(100% - 0.25rem);
+	--_ui5_calendar_header_middle_button_focus_after_height: calc(100% - 0.25rem);
+	--_ui5_calendar_header_middle_button_focus_after_top_offset: 1px;
+	--_ui5_calendar_header_middle_button_focus_after_left_offset: 1px;
+	--_ui5_calendar_header_button_background_color: none;
+	--_ui5_calendar_header_arrow_button_box_shadow: none;
+	--_ui5_calendar_header_middle_button_focus_background: transparent;
+	--_ui5_calendar_header_middle_button_focus_outline: none;
+	--_ui5_calendar_header_middle_button_focus_active_outline: none;
+	--_ui5_calendar_header_middle_button_focus_active_background: var(--sapButton_Active_Background);
+	--_ui5_calendar_header_middle_button_focus_after_border: 1px dotted var(--sapContent_FocusColor);
+}

package/src/themes/base/Card-parameters.css

@@ -0,0 +1,17 @@
+:root {
+	--_ui5_card_box_shadow: var(--sapContent_Shadow0);
+	--_ui5_card_hover_box_shadow: var(--_ui5_card_box_shadow);
+	--_ui5_card_border_color: var(--sapTile_BorderColor);
+	--_ui5_card_border-radius: var(--sapElement_BorderCornerRadius);
+	--_ui5_card_content_padding: 1rem;
+	--_ui5_card_header_hover_bg: var(--sapList_Hover_Background);
+	--_ui5_card_header_active_bg: var(--_ui5_card_header_hover_bg);
+	--_ui5_card_header_border_color: var(--sapTile_SeparatorColor);
+	--_ui5_card_header_focus_border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
+	--_ui5_card_header_focus_radius: 0px;
+	--_ui5_card_header_focus_bottom_radius: 0px;
+	--_ui5_card_header_focus_offset: 1px;
+	--_ui5_card_header_title_font_family: "72override", var(--sapFontFamily);
+	--_ui5_card_header_title_font_size: var(--sapFontHeader5Size);
+	--_ui5_card_header_title_font_weight: normal;
+}

package/src/themes/base/Carousel-parameters.css

@@ -0,0 +1,9 @@
+:root {
+    --ui5_carousel_button_size: 2.5rem;
+    --ui5_carousel_height: 0.25rem;
+    --ui5_carousel_width: 0.25rem;
+    --ui5_carousel_margin: 0 0.375rem;
+    --ui5_carousel_border: 1px solid var(--sapContent_ForegroundBorderColor);
+    --ui5_carousel_dot_border: none;
+    --ui5_carousel_dot_background: var(--sapContent_NonInteractiveIconColor);
+}

package/src/themes/base/CheckBox-parameters.css

@@ -0,0 +1,53 @@
+:root {
+--_ui5_checkbox_wrapper_padding: .8125rem;
+--_ui5_checkbox_width_height: 3rem;
+--_ui5_checkbox_box_shadow: none;
+--_ui5_checkbox_transition: unset;
+--_ui5_checkbox_focus_border: none;
+--_ui5_checkbox_border_radius: 0;
+--_ui5_checkbox_hover_background: var(--sapField_Hover_Background);
+--_ui5_checkbox_active_background: var(--sapField_Hover_Background);
+--_ui5_checkbox_checkmark_warning_color: var(--sapField_TextColor);
+--_ui5_checkbox_checkmark_color: var(--sapSelectedColor);
+--_ui5_checkbox_focus_position: .6875rem;
+--_ui5_checkbox_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
+--_ui5_checkbox_focus_border_radius: 0;
+--_ui5_checkbox_outer_hover_background: transparent;
+--_ui5_checkbox_inner_width_height: 1.375rem;
+--_ui5_checkbox_inner_border: solid .125rem var(--sapField_BorderColor);
+--_ui5_checkbox_inner_hover_border_color: var(--sapField_HoverBorderColor);
+--_ui5_checkbox_inner_hover_checked_border_color: var(--sapField_HoverBorderColor);
+--_ui5_checkbox_inner_selected_border_color: var(--sapField_BorderColor);
+--_ui5_checkbox_inner_disabled_border_color: var(--sapField_BorderColor);
+--_ui5_checkbox_inner_active_border_color: var(--sapField_BorderColor);
+--_ui5_checkbox_inner_border_radius: 0;
+--_ui5_checkbox_inner_error_border: 0.125rem solid var(--sapField_InvalidColor);
+--_ui5_checkbox_inner_warning_border: 0.125rem solid var(--sapField_WarningColor);
+--_ui5_checkbox_inner_information_border: 0.125rem solid var(--sapField_InformationColor);
+--_ui5_checkbox_inner_information_box_shadow: none;
+--_ui5_checkbox_inner_warning_box_shadow: none;
+--_ui5_checkbox_inner_error_box_shadow: none;
+--_ui5_checkbox_inner_success_box_shadow: none;
+--_ui5_checkbox_inner_default_box_shadow: none;
+--_ui5_checkbox_inner_warning_background_hover: var(--sapField_WarningBackground);
+--_ui5_checkbox_inner_error_background_hover: var(--sapField_InvalidBackground);
+--_ui5_checkbox_inner_success_background_hover: var(--sapField_SuccessBackground);
+--_ui5_checkbox_inner_information_background_hover: var(--sapField_InformationBackground);
+--_ui5_checkbox_inner_success_border: var(--sapField_BorderWidth) solid var(--sapField_SuccessColor);
+--_ui5_checkbox_inner_readonly_border: 0.125rem solid var(--sapField_ReadOnly_BorderColor);
+--_ui5_checkbox_inner_background: var(--sapField_Background);
+--_ui5_checkbox_wrapped_focus_padding: .375rem;
+--_ui5_checkbox_wrapped_content_margin_top: .125rem;
+--_ui5_checkbox_wrapped_focus_left_top_bottom_position: .5625rem;
+--_ui5_checkbox_compact_wrapper_padding: .5rem;
+--_ui5_checkbox_compact_width_height: 2rem;
+--_ui5_checkbox_compact_inner_size: 1rem;
+--_ui5_checkbox_compact_focus_position: .375rem;
+--_ui5_checkbox_compact_wrapped_label_margin_top: -1px;
+--_ui5_checkbox_label_color: var(--sapContent_LabelColor);
+--_ui5_checkbox_label_offset_left: var(--_ui5_checkbox_wrapper_padding);
+--_ui5_checkbox_label_offset_right: 0;
+--_ui5_checkbox_disabled_label_color: var(--sapContent_LabelColor);
+--_ui5_checkbox_default_focus_border: none;
+--_ui5_checkbox_focus_outline_display: block;
+}

package/src/themes/base/ColorPalette-parameters.css

@@ -0,0 +1,14 @@
+:root {
+	--_ui5_color-palette-item-container-sides-padding: 0.3125rem;
+	--_ui5_color-palette-item-container-rows-padding: 0.6875rem;
+	--_ui5_color-palette-item-focus-height: 1.5rem;
+	--_ui5_color-palette-item-container-padding: var(--_ui5_color-palette-item-container-sides-padding) var(--_ui5_color-palette-item-container-rows-padding);
+	--_ui5_color-palette-item-hover-margin: 0;
+	--_ui5_color-palette-row-height: 9.5rem;
+	--_ui5_color-palette-button-height: 3rem;
+	--_ui5_color-palette-item-before-focus-color: 0.0625rem solid white;
+	--_ui5_color-palette-item-before-focus-offset: 0.0625rem;
+	--_ui5_color-palette-item-after-focus-color: 0.0625rem dotted black;
+	--_ui5_color-palette-item-after-focus-offset: 0.0625rem;
+	--_ui5_color-palette-item-border-radius: 0;
+}

package/src/themes/base/ColorPicker-parameters.css

@@ -0,0 +1,8 @@
+:root {
+    --_ui5_color_picker_slider_handle_box_shadow: 0.0625rem solid var(--sapField_BorderColor);
+    --_ui5_color_picker_slider_handle_border: 0.125rem solid var(--sapField_BorderColor);
+    --_ui5_color_picker_slider_handle_outline_hover: 0.125rem solid var(--sapButton_Hover_BorderColor);
+    --_ui5_color_picker_slider_handle_outline_focus: 0.0625rem dotted var(--sapContent_FocusColor);
+    --_ui5_color_picker_slider_handle_margin_top: 0.0625rem;
+    --_ui5_color_picker_slider_handle_focus_margin_top: 0.0625rem;
+}

package/src/themes/base/DatePicker-parameters.css

@@ -0,0 +1,6 @@
+:root {
+	--_ui5_datepicker_icon_border: none;
+	--_ui5-datepicker_border_radius: 0;
+	--_ui5-datepicker-hover-background: var(--sapField_Hover_Background);
+	--_ui5-datepicker_icon_border_radius: 0;
+}

package/src/themes/base/DayPicker-parameters.css

@@ -0,0 +1,41 @@
+:root {
+	--_ui5_daypicker_item_box_shadow: inset 0 0 0 0.0625rem var(--sapContent_Selected_ForegroundColor);
+	--_ui5_daypicker_item_margin: 2px;
+	--_ui5_daypicker_item_border: none;
+	--_ui5_daypicker_item_selected_border_color: var(--sapList_Background);
+	--_ui5_daypicker_daynames_container_height: 2rem;
+	--_ui5_daypicker_weeknumbers_container_padding_top: 2rem;
+	--_ui5_daypicker_item_othermonth_background_color: var(--sapList_Background);
+	--_ui5_daypicker_item_othermonth_color: var(--sapContent_LabelColor);
+	--_ui5_daypicker_item_othermonth_hover_color: var(--sapContent_LabelColor);
+	--_ui5_daypicker_item_border_radius: 0;
+	--_ui5_daypicker_item_now_inner_border_radius: 0;
+	--_ui5_daypicker_dayname_color: var(--sapContent_LabelColor);
+	--_ui5_daypicker_weekname_color: var(--sapContent_LabelColor);
+	--_ui5_daypicker_item_outline_width: 1px;
+	--_ui5_daypicker_item_outline_offset: 1px;
+	--_ui5_daypicker_item_now_selected_outline_offset: 2px;
+	--_ui5_daypicker_item_now_focus_after_width: calc(100% - .25rem);
+	--_ui5_daypicker_item_now_focus_after_height: calc(100% - .25rem);
+	--_ui5_daypicker_item_now_selected_focus_after_width: calc(100% - .375rem);
+	--_ui5_daypicker_item_now_selected_focus_after_height: calc(100% - .375rem);
+	--_ui5_daypicker_item_selected_background: transparent;
+	--_ui5_daypicker_item_selected_box_shadow: var(--_ui5_daypicker_item_box_shadow), var(--_ui5_daypicker_item_box_shadow);
+	--_ui5_daypicker_item_selected_daytext_hover_background: transparent;
+	--_ui5_daypicker_item_outline_focus_after: none;
+	--_ui5_daypicker_item_border_radius_focus_after: none;
+	--_ui5_daypicker_item_border_focus_after: var(--_ui5_daypicker_item_outline_width) dotted var(--sapContent_FocusColor);
+	--_ui5_daypicker_item_width_focus_after: calc(100% - 0.25rem);
+	--_ui5_daypicker_item_height_focus_after: calc(100% - 0.25rem);
+	--_ui5_daypicker_item_now_border: 0.125rem solid var(--sapLegend_CurrentDateTime);
+	--_ui5_daypicker_item_now_outline: none;
+	--_ui5_daypicker_item_now_outline_offset: none;
+	--_ui5_daypicker_item_now_outline_offset_focus_after: var(--_ui5_daypicker_item_now_outline_offset);
+	--_ui5_daypicker_item_selected_between_border: 5%;
+	--_ui5_daypicker_item_selected_between_background: transparent;
+	--_ui5_daypicker_item_selected_between_text_background: var(--sapList_SelectionBackgroundColor);
+	--_ui5_daypicker_item_selected_between_text_font: inherit;
+	--_ui5_daypicker_item_selected_between_hover_background: inherit;
+	--_ui5_daypicker_item_now_box_shadow: inset 0 0 0 0.0625rem var(--_ui5_daypicker_item_selected_border_color);
+	--_ui5_daypicker_item_selected_text_outline: none;
+}

package/src/themes/base/Dialog-parameters.css

@@ -0,0 +1,9 @@
+:root {
+	--_ui5_dialog_resize_handle_color: var(--sapButton_Lite_TextColor);
+	--_ui5_dialog_header_focus_width: 0.0625rem;
+	--_ui5_dialog_header_focus_offset: -0.1875rem;
+	--_ui5_dialog_outline: var(--_ui5_dialog_header_focus_width) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
+	--_ui5_dialog_header_border_radius: 0px;
+	--_ui5_dialog_resize_handle_right: -0.25rem;
+	--_ui5_dialog_resize_handle_bottom: -0.0625rem;
+}

package/src/themes/base/GroupHeaderListItem-parameters.css

@@ -0,0 +1,3 @@
+:root {
+	--ui5-group-header-listitem-background-color: var(--sapList_GroupHeaderBackground);
+}

package/src/themes/base/GrowingButton-parameters.css

@@ -0,0 +1,6 @@
+:root {
+	--_ui5_load_more_padding: 0;
+	--_ui5_load_more_border: 1px top solid transparent;
+	--_ui5_load_more_border_radius: none;
+	--_ui5_load_more_outline_width: 1px;
+}

package/src/themes/base/Input-parameters.css

@@ -0,0 +1,63 @@
+:root {
+	--_ui5_input_width: 13.125rem;
+	--_ui5_input_height: 2.5rem;
+	--_ui5_input_compact_height: 1.625rem;
+	--_ui5-input-hover-border: 1px solid var(--sapField_Hover_BorderColor);
+	--_ui5-input-hover-box-shadow: none;
+	--_ui5-input-focus-box-shadow: none;
+	--_ui5-input-background-color: var(--sapField_Background);
+	--_ui5-input-border-radius: var(--sapField_BorderCornerRadius);
+	--_ui5-input-border: 2px solid transparent; /* The value of this variable defaults to sap_horizon theme, because if it defaults to fiori, then a flickering of the border is present*/
+	--_ui5-input-placeholder-style: italic;
+	--_ui5-input-placeholder-color: var(--sapField_PlaceholderTextColor);
+	--_ui5-input-bottom-border-height: 0;
+	--_ui5-input-bottom-border-color: transparent;
+	--_ui5-input-focused-border-color: var(--sapField_Hover_BorderColor);
+	--_ui5-input-focus-outline: var(--_ui5_input_focus_border_width) dotted var(--sapContent_FocusColor);
+	--_ui5-input-focus-outline-offset: -3px;
+	--_ui5_input_state_border_width: 0.125rem;
+	--_ui5-input-information_border_width: 0.125rem;
+	--_ui5_input_error_font_weight: normal;
+	--_ui5_input_warning_font_weight: normal;
+	--_ui5_input_information_font_weight: normal;
+	--_ui5_input_focus_border_width: 1px;
+	--_ui5_input_error_warning_border_style: solid;
+	--_ui5_input_error_warning_font_style: inherit;
+	--_ui5_input_error_warning_text_indent: 0;
+	--_ui5_input_information_text_indent: 0;
+	--_ui5_input_information_font_style: inherit;
+	--_ui5_input_disabled_color: var(--sapContent_DisabledTextColor);
+	--_ui5_input_disabled_font_weight: normal;
+	--_ui5_input_disabled_border_color: var(--sapField_ReadOnly_BorderColor);
+	--_ui5-input-disabled-background: var(--sapField_ReadOnly_Background);
+	--_ui5_input_readonly_border_color: var(--sapField_ReadOnly_BorderColor);
+	--_ui5-input-readonly-background: var(--sapField_ReadOnly_Background);
+	--_ui5_input_icon_padding: 0.625rem .6875rem;
+	--_ui5_input_disabled_opacity: 0.5;
+	--_ui5_input_icon_min_width: 2.375rem;
+	--_ui5_input_compact_min_width: 2rem;
+	--_ui5-input-value-state-outline: var(--_ui5_input_focus_border_width) dotted var(--sapContent_FocusColor);
+	--_ui5-input-value-state-outline-offset: -4px;
+	--_ui5-input-transition: none;
+	--_ui5-input-value-state-icon-display: none;
+	--_ui5-input-focused-value-state-error-background: var(--sapField_InvalidBackground);
+	--_ui5-input-focused-value-state-warning-background: var(--sapField_WarningBackground);
+	--_ui5-input-focused-value-state-success-background: var(--sapField_SuccessBackground);
+	--_ui5-input-focused-value-state-information-background: var(--sapField_InformationBackground);
+	--_ui5-input-value-state-error-border-color: var(--sapField_InvalidColor);
+	--_ui5-input-focused-value-state-error-border-color: var(--sapField_InvalidColor);
+	--_ui5-input-value-state-warning-border-color: var(--sapField_WarningColor);
+	--_ui5-input-focused-value-state-warning-border-color: var(--sapField_WarningColor);
+	--_ui5-input-value-state-success-border-color: var(--sapField_SuccessColor);
+	--_ui5-input-focused-value-state-success-border-color: var(--sapField_SuccessColor);
+	--_ui5-input-value-state-success-border-width: 1px;
+	--_ui5-input-value-state-information-border-color: var(--sapField_InformationColor);
+	--_ui5-input-focused-value-state-information-border-color: var(--sapField_InformationColor);
+	--_ui5-input-value-state-information-border-width: 1px;
+	--_ui5-input-background-image: none;
+	--_ui5-input-information-background-image: none;
+	--_ui5-input-success-background-image: none;
+	--_ui5-input-error-background-image: none;
+	--_ui5-input-warning-background-image: none;
+	--_ui5_input_readonly_icon_display: none;
+}

package/src/themes/base/InputIcon-parameters.css

@@ -0,0 +1,11 @@
+:root {
+	--_ui5_input_icon_padding: .5625rem .6875rem;
+	--_ui5_input_icon_color: var(--sapContent_IconColor);
+	--_ui5_input_icon_pressed_color: var(--sapButton_Active_TextColor);
+	--_ui5_input_icon_pressed_bg: var(--sapButton_Selected_Background);
+	--_ui5_input_icon_hover_bg: var(--sapButton_Lite_Hover_Background);
+	--_ui5_input_icon_border_radius: 0;
+	--_ui5_input_icon_box_shadow: none;
+	--_ui5_input_icon_border: 1px solid transparent;
+	--_ui5_input_icon_margin: 0;
+}

package/src/themes/base/Link-parameters.css

@@ -0,0 +1,8 @@
+:root {
+	--_ui5_link_opacity: 0.5;
+	--_ui5_link_text_decoration: none;
+	--_ui5_link_hover_text_decoration: underline;
+	--_ui5_link_border: 0.0625rem dotted transparent;
+	--_ui5_link_border_focus: 0.0625rem dotted var(--sapContent_FocusColor);
+	--_ui5_link_focus_border-radius: 0;
+}

package/src/themes/base/List-parameters.css

@@ -0,0 +1,3 @@
+:root {
+	--ui5_list_footer_text_color: var(--sapPageFooter_TextColor);
+}

package/src/themes/base/ListItemBase-parameters.css

@@ -0,0 +1,9 @@
+:root {
+	--ui5-listitem-background-color: var(--sapList_Background);
+	--ui5-listitem-border-bottom: 1px solid var(--sapList_BorderColor);
+	--ui5-listitem-selected-border-bottom: 1px solid var(--sapList_SelectionBorderColor);
+	--ui5-listitem-active-border-color: var(--sapContent_ContrastFocusColor);
+	--_ui5_listitembase_focus_width: 1px;
+	--_ui5-listitembase_disabled_opacity: 0.5;
+	--_ui5_product_switch_item_border: none;
+}

package/src/themes/base/MessageStrip-parameters.css

@@ -0,0 +1,21 @@
+:root{
+	--_ui5_message_strip_icon_width: 2.5rem;
+	--_ui5_message_strip_border_radius: 0.1875rem;
+	--_ui5_message_strip_success_border_color: var(--sapSuccessBorderColor);
+	--_ui5_message_strip_error_border_color: var(--sapErrorBorderColor);
+	--_ui5_message_strip_warning_border_color: var(--sapWarningBorderColor);
+	--_ui5_message_strip_information_border_color: var(--sapInformationBorderColor);
+	--_ui5_message_strip_button_border_width: 0;
+	--_ui5_message_strip_button_border_style: none;
+	--_ui5_message_strip_button_border_color: transparent;
+	--_ui5_message_strip_button_border_radius: 0;
+	--_ui5_message_strip_padding: 0.4375rem 2.5rem 0.4375rem 2.5rem;
+	--_ui5_message_strip_padding_no_icon: 0.4375rem 2.5rem 0.4375rem 1rem;
+	--_ui5_message_strip_button_height: 1.625rem;
+	--_ui5_message_strip_border_width: 1px;
+	--_ui5_message_strip_close_button_border: none;
+	--_ui5_message_strip_close_button_size: 1.625rem;
+	--_ui5_message_strip_icon_top: 0.4375rem;
+	--_ui5_message_strip_focus_width: 1px;
+	--_ui5_message_strip_focus_offset: -2px;
+}

package/src/themes/base/MonthPicker-parameters.css

@@ -0,0 +1,16 @@
+:root {
+	--_ui5_monthpicker_item_border_radius: 0;
+	--_ui5_monthpicker_item_border: none;
+	--_ui5_monthpicker_item_margin: 1px;
+	--_ui5_monthpicker_item_focus_after_width: calc(100% - 0.375rem);
+	--_ui5_monthpicker_item_focus_after_height: calc(100% - 0.375rem);
+	--_ui5_monthpicker_item_focus_after_border: 1px dotted var(--sapContent_FocusColor);
+	--_ui5_monthpicker_item_focus_after_offset: 2px;
+	--_ui5_monthpicker_item_focus_after_border_radius: 0;
+	--_ui5_monthpicker_item_selected_text_color: var(--sapContent_ContrastTextColor);
+	--_ui5_monthpicker_item_selected_background_color: var(--sapSelectedColor);
+	--_ui5_monthpicker_item_selected_hover_color: var(--sapContent_Selected_Background);
+	--_ui5_monthpicker_item_selected_box_shadow: none;
+	--_ui5_monthpicker_item_focus_after_outline: none;
+	--_ui5_monthpicker_item_selected_font_wieght: inherit;
+}

package/src/themes/base/MultiComboBox-parameters.css

@@ -0,0 +1,3 @@
+:root {
+	--_ui5-multi_combobox_token_margin_top: 3px;
+}

package/src/themes/base/Panel-parameters.css

@@ -0,0 +1,11 @@
+:root {
+	--_ui5_panel_focus_border:   var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
+	--_ui5_panel_header_height: 3rem;
+	--_ui5_panel_button_root_width: 3rem;
+	--_ui5_panel_background_color: var(--sapGroup_TitleBackground);
+	--_ui5_panel_border_radius: 0px;
+	--_ui5_panel_border_radius_expanded: 0;
+	--_ui5_panel_border_bottom: 1px solid var(--sapGroup_TitleBorderColor);
+	--_ui5_panel_outline_offset: -3px;
+	--_ui5_panel_title_font_weight: normal;
+}

package/src/themes/base/PopupsCommon-parameters.css

@@ -0,0 +1,8 @@
+:root {
+	--_ui5_popup_content_padding: .4375em;
+	--_ui5_popup_viewport_margin: 10px;
+	--_ui5-popup-border-radius: 0.25rem;
+	--_ui5_popup_header_shadow: var(--sapContent_Shadow0);
+	--_ui5_popup_footer_border_top: 1px solid var(--sapPageFooter_BorderColor);
+	--_ui5_popup_header_footer_font_weight: 400;
+}

package/src/themes/base/ProgressIndicator-parameters.css

@@ -0,0 +1,21 @@
+:root {
+    --_ui5_progress_indicator_background_none: var(--sapField_Background);
+    --_ui5_progress_indicator_background_error: var(--sapField_Background);
+    --_ui5_progress_indicator_background_warning: var(--sapField_Background);
+    --_ui5_progress_indicator_background_success: var(--sapField_Background);
+    --_ui5_progress_indicator_background_information: var(--sapField_Background);
+    --_ui5_progress_indicator_value_state_none: var(--sapNeutralElementColor);
+    --_ui5_progress_indicator_value_state_error: var(--sapNegativeElementColor);
+    --_ui5_progress_indicator_value_state_warning: var(--sapCriticalElementColor);
+    --_ui5_progress_indicator_value_state_success: var(--sapPositiveElementColor);
+    --_ui5_progress_indicator_value_state_information: var(--sapInformativeElementColor);
+    --_ui5_progress_indicator_border_color_error: var(--sapField_BorderColor);
+    --_ui5_progress_indicator_border_color_warning: var(--sapField_BorderColor);
+    --_ui5_progress_indicator_border_color_success: var(--sapField_BorderColor);
+    --_ui5_progress_indicator_border_color_information: var(--sapField_BorderColor);
+    --_ui5_progress_indicator_color: var(--sapTextColor);
+    --_ui5_progress_indicator_bar_color: var(--sapContent_ContrastTextColor);
+    --_ui5_progress_indicator_border: 0.0625rem solid var(--sapField_BorderColor);
+    --_ui5_progress_indicator_bar_border_max: none;
+    --_ui5_progress_indicator_icon_visibility: none;
+}

package/src/themes/base/RadioButton-parameters.css

@@ -0,0 +1,32 @@
+:root {
+	--_ui5_radio_button_min_width: 2.75rem;
+	--_ui5_radio_button_min_width_compact: 2rem;
+	--_ui5_radio_button_hover_fill: var(--sapField_Hover_Background);
+	--_ui5_radio_button_border_width: 1px;
+	--_ui5_radio_button_checked_fill: var(--sapSelectedColor);
+	--_ui5_radio_button_checked_error_fill: var(--sapField_InvalidColor);
+	--_ui5_radio_button_checked_warning_fill: var(--sapField_TextColor);
+	--_ui5_radio_button_warning_error_border_dash: 0;
+	--_ui5_radio_button_outer_ring_color: var(--sapField_BorderColor);
+	--_ui5_radio_button_outer_ring_width: 1;
+	--_ui5_radio_button_outer_ring_bg: var(--sapField_Background);
+	--_ui5_radio_button_outer_ring_hover_color: var(--sapField_Hover_BorderColor);
+	--_ui5_radio_button_outer_ring_active_color: var(--sapField_Hover_BorderColor);
+	--_ui5_radio_button_outer_ring_checked_hover_color: var(--sapField_Hover_BorderColor);
+	--_ui5_radio_button_outer_ring_padding: 0 0.625rem;
+	--_ui5_radio_button_outer_ring_padding_with_label: 0 0.625rem;
+	--_ui5_radio_button_outer_ring_padding_rtl: 0 0.625rem;
+	--_ui5_radio_button_border_radius: 0;
+	--_ui5_radio_button_border: none;
+	--_ui5_radio_button_focus_border: none;
+	--_ui5_radio_button_focus_outline: block;
+	--_ui5_radio_button_hover_shadow: none;
+	--_ui5_radio_button_transition: none;
+	--_ui5_radio_button_hover_background: inherit;
+	--_ui5_radio_button_color: var(--sapField_BorderColor);
+	--_ui5_radio_button_label_offset: 1px;
+	--_ui5_radio_button_label_color: var(--sapContent_LabelColor);
+	--_ui5_radio_button_items_align: unset;
+	--_ui5_radio_button_inner_width: initial;
+	--_ui5_radio_button_border_readonly_focus_style: var(--sapContent_FocusStyle);
+}

package/src/themes/base/RatingIndicator-parameters.css

@@ -0,0 +1,3 @@
+:root {
+	--_ui5_rating_indicator_border_radius: 0px;
+}

package/src/themes/base/SegmentedButtton-parameters.css

@@ -0,0 +1,8 @@
+:root {
+	--_ui5_segmented_btn_inner_border: 0.0625rem solid var(--sapButton_Selected_BorderColor);
+	--_ui5_segmented_btn_inner_border_odd_child: 0;
+	--_ui5_segmented_btn_inner_pressed_border_odd_child: 0;
+	--_ui5_segmented_btn_border_radius: 0.35rem;
+	--_ui5_segmented_btn_inner_border_radius: 0;
+	--_ui5_segmented_btn_background_color: transparent;
+}

package/src/themes/base/Select-parameters.css

@@ -0,0 +1,11 @@
+:root {
+	--_ui5_select_disabled_background: var(--sapField_Background);
+	--_ui5_select_disabled_border_color: var(--sapField_BorderColor);
+	--_ui5_select_state_error_warning_border_style: solid;
+	--_ui5_select_state_error_warning_border_width: 0.125rem;
+	--_ui5_select_hover_icon_left_border: 1px solid transparent;
+	--_ui5_select_rtl_hover_icon_left_border: none;
+	--_ui5_select_rtl_hover_icon_right_border: none;
+	--_ui5_select_focus_width: 1px;
+	--_ui5_select_label_olor: var(--sapField_TextColor);
+}

package/src/themes/base/SelectPopover-parameters.css

@@ -0,0 +1,4 @@
+:root {
+	--_ui5_select_option_focus_border_radius: 0;
+}
+