@ui5/webcomponents-fiori 0.0.0-db2be6526 → 0.0.0-db622d8a8

package/src/themes/Wizard.css

@@ -0,0 +1,125 @@
+@import "./InvisibleTextStyles.css";
+
+:host(:not([hidden])) {
+	display: block;
+	height: 100%;
+	width: 100%;
+	overflow: auto;
+}
+
+:host([_breakpoint="S"])::part(navigator),
+:host([_breakpoint="S"])::part(step-content) {
+	padding-left: 1rem;
+	padding-right: 1rem;
+}
+
+:host([_breakpoint="M"])::part(navigator),
+:host([_breakpoint="M"])::part(step-content) {
+	padding-left: 2rem;
+	padding-right: 2rem;
+}
+
+:host([_breakpoint="L"])::part(navigator),
+:host([_breakpoint="L"])::part(step-content) {
+	padding-left: 2rem;
+	padding-right: 2rem;
+}
+
+:host([_breakpoint="XL"])::part(navigator),
+:host([_breakpoint="XL"])::part(step-content) {
+	padding-left: 3rem;
+	padding-right: 3rem;
+}
+
+.ui5-wiz-root {
+	height: 100%;
+	width: 100%;
+	position: relative;
+}
+
+.ui5-wiz-content {
+	position: relative;
+	overflow: auto;
+	height: calc(100% - 4rem); /* the navigation height is 4rem */
+	box-sizing: border-box;
+	background: var(--sapBackgroundColor);
+}
+
+.ui5-wiz-content-item {
+	display: block;
+	box-sizing: border-box;
+	padding-top: 1rem;
+	padding-bottom: 1rem;
+}
+
+:host([content-layout="SingleStep"]) .ui5-wiz-content-item:not([selected]) {
+	display: none;
+}
+
+.ui5-wiz-content-item-wrapper {
+	display: block;
+	padding: var(--_ui5_wiz_content_item_wrapper_padding);
+	background-color: var(--_ui5_wiz_content_item_wrapper_bg);
+	border-radius: var(--sapElement_BorderCornerRadius);
+}
+
+.ui5-wiz-content-item[hidden] {
+	display: none;
+}
+
+.ui5-wiz-content-item[stretch] {
+	/* Add 2rem to ensure there is enough scroll height to reach the last step */
+	min-height: 100%;
+}
+
+[ui5-wizard-tab][data-ui5-wizard-expanded-tab="true"] + [ui5-wizard-tab][data-ui5-wizard-expanded-tab="false"] {
+	width: 2rem;
+	padding-left: .5rem;
+}
+
+[ui5-wizard-tab][data-ui5-wizard-expanded-tab="false"] {
+	width: .25rem;
+	padding: 0;
+}
+.ui5-wiz-nav-list {
+	display: table;
+	table-layout: fixed;
+	position: relative;
+	list-style: none;
+	margin: 0;
+	box-sizing: border-box;
+	width: 100%;
+	height: 2rem;
+	padding: 0;
+}
+
+[ui5-wizard-tab] {
+	display: table-cell;
+	position: relative;
+}
+
+.ui5-wiz-nav {
+	box-sizing: border-box;
+	height: 4rem;
+	padding-top: 1rem;
+	padding-bottom: 1rem;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	user-select: none;
+	background-color: var(--sapObjectHeader_Background);
+	font-size: .875rem;
+	box-shadow: var(--sapContent_HeaderShadow);
+	outline: none;
+	display: flex;
+	align-items: center;
+}
+
+[ui5-wizard-tab][data-ui5-wizard-expanded-tab="false"] + [ui5-wizard-tab][data-ui5-wizard-expanded-tab="false"] {
+	width: .25rem;
+}
+
+[ui5-wizard-tab][data-ui5-wizard-expanded-tab-prev="true"],
+[ui5-wizard-tab][data-ui5-wizard-expanded-tab="false"] + [ui5-wizard-tab][data-ui5-wizard-expanded-tab-prev="true"] {
+	width: 2rem;
+	padding-right: .75rem;
+}

package/src/themes/WizardPopover.css

@@ -0,0 +1,25 @@
+@import "./InvisibleTextStyles.css";
+
+.ui5-wizard-responsive-popover {
+	box-shadow: var(--sapContent_Shadow1);
+}
+.ui5-wizard-responsive-popover-list {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+}
+
+.ui5-responsive-popover-footer {
+	display: flex;
+	justify-content: flex-end;
+	padding: 0.25rem 0;
+	width: 100%;
+}
+
+.ui5-wizard-popover .ui5-wizard-responsive-popover-list [ui5-button] {
+	width: 200px;
+}
+
+.ui5-wizard-dialog .ui5-wizard-responsive-popover-list [ui5-button] {
+	width: 100%;
+}

package/src/themes/WizardTab.css

@@ -0,0 +1,177 @@
+:host(:not([hidden])) {
+	/* Well known worakround to allow shrinking inside flex containers
+	 * and shrinking is needed so the texts trucnate properly.
+	 */
+	min-width: 1px;
+}
+
+/* Selected (active) step */
+:host([selected]:not([disabled])) .ui5-wiz-step-icon-circle {
+	background: var(--_ui5_wiz_tab_selected_bg);
+}
+
+:host([selected]:not([disabled])) .ui5-wiz-step-title-text {
+	color: var(--sapContent_Selected_ForegroundColor);
+}
+
+:host([selected]:not([disabled])) .ui5-wiz-step-icon-circle::after {
+	content: "";
+	position: absolute;
+	border-bottom: 0.25rem solid var(--_ui5_wiz_tab_selection_line);
+	border-top-left-radius: 0.1875rem;
+	border-top-right-radius: 0.1875rem;
+	left: 0;
+	right: 0;
+	bottom: -1rem;
+}
+
+:host([selected]:not([disabled])) .ui5-wiz-step-icon {
+	color: var(--sapContent_ContrastIconColor);
+}
+
+:host([selected]:not([disabled])) .ui5-wiz-step-number {
+	color: var(--sapContent_ContrastTextColor);
+}
+
+/* Disabled step */
+:host([disabled]) .ui5-wiz-step-icon-circle {
+	border-color: var(--sapList_BorderColor);
+	background: var(--sapObjectHeader_Background);
+}
+
+:host([disabled]) .ui5-wiz-step-title-text {
+	color: var(--sapContent_LabelColor);
+}
+
+:host([disabled]) .ui5-wiz-step-icon {
+	color: var(--sapContent_LabelColor);
+}
+
+:host([disabled]) .ui5-wiz-step-number {
+	color: var(--sapContent_LabelColor);
+}
+
+.ui5-wiz-step-root {
+	display: flex;
+	align-items: center;
+	flex-direction: row;
+	font-size: var(--sapFontSize);
+	font-family: var(--sapFontFamily);
+	outline: none;
+}
+
+.ui5-wiz-step-main {
+	text-align: center;
+	white-space: nowrap;
+}
+
+:host(:not([disabled])) .ui5-wiz-step-main {
+	cursor: pointer;
+}
+
+.ui5-wiz-step-root:focus .ui5-wiz-step-main {
+	outline: var(--_ui5_wiz_tab_focus_outline);
+	outline-offset: 1px;
+	border-radius: var(--_ui5_wiz_tab_focus_border_radius);
+}
+
+/* Icon */
+.ui5-wiz-step-icon-circle {
+	display: inline-flex;
+	box-sizing: border-box;
+	vertical-align: middle;
+	justify-content: center;
+	align-items: center;
+	text-align: center;
+	width: 2rem;
+	height: 2rem;
+	margin: 0 0.1875rem;
+	line-height: 1.875rem;
+	border-radius: 50%;
+	background: var(--sapObjectHeader_Background);
+	border: var(--_ui5_wiz_tab_border);
+	position: relative;
+}
+
+.ui5-wiz-step-icon {
+	width: 1rem;
+	height: 1rem;
+	color: var(--_ui5_wiz_tab_icon_color);
+	pointer-events: none;
+}
+
+/* Texts when no icon set */
+.ui5-wiz-step-number {
+	color: var(--_ui5_wiz_tab_icon_color);
+}
+
+/* Heading and Subheading */
+.ui5-wiz-step-texts {
+	display: inline-block;
+	vertical-align: middle;
+	text-align: left;
+	padding: 0 0.5rem 0 0.1875rem;
+	max-height: 3rem;
+	overflow: hidden;
+	background: var(--sapObjectHeader_Background);
+}
+
+.ui5-wiz-step-title-text,
+.ui5-wiz-step-subtitle-text {
+	color: var(--_ui5_wiz_tab_title_color);
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	overflow: hidden;
+}
+
+.ui5-wiz-step-title-text {
+	font-family: var(--_ui5_wiz_tab_title_font_family);
+}
+
+:host([data-ui5-wizard-expanded-tab-prev="true"]) .ui5-wiz-step-title-text,
+:host([data-ui5-wizard-expanded-tab-prev="true"]) .ui5-wiz-step-subtitle-text,
+:host([data-ui5-wizard-expanded-tab="false"]) .ui5-wiz-step-texts,
+:host([data-ui5-wizard-expanded-tab="false"]) .ui5-wiz-step-title-text,
+:host([data-ui5-wizard-expanded-tab="false"]) .ui5-wiz-step-subtitle-text {
+	display: none;
+}
+
+.ui5-wiz-step-subtitle-text {
+	margin-top: 0.125rem;
+	font-family: var(--sapFontFamily);
+	color: var(--sapContent_LabelColor);
+	font-size: var(--sapFontSmallSize);
+}
+
+/* Separator */
+.ui5-wiz-step-hr {
+	display: inline-block;
+	border-bottom-color: var(--sapList_BorderColor);
+	border-bottom-width: 1px;
+	border-bottom-style: solid;
+	height: 1px;
+	flex-grow: 1;
+	margin-right: .25rem;
+}
+
+:host([active-separator]) .ui5-wiz-step-hr {
+	border-bottom-color: var(--_ui5_wiz_tab_active_separator_color)
+}
+
+:host([branching-separator]) .ui5-wiz-step-hr {
+	border-bottom-style: dashed;
+}
+
+:host([data-ui5-wizard-expanded-tab="false"]) .ui5-wiz-step-root {
+	display: inline;
+	position: absolute;
+	top: 0;
+}
+
+:host([data-ui5-wizard-after-current-tab="true"]) .ui5-wiz-step-root {
+	right: 0;
+}
+
+:host([data-ui5-wizard-expanded-tab="false"]) .ui5-wiz-step-hr {
+	display: none;
+}

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

@@ -0,0 +1,4 @@
+:root {
+	--_ui5_bar_base_height: 2.75rem;
+	--_ui5_bar_subheader_height: 3rem;
+}

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

@@ -0,0 +1,6 @@
+:root {
+	--_ui5_fcl_solid_bg: var(--sapShell_Background);
+	--_ui5_fcl_column_border: none;
+	--_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapHighlightColor), transparent);
+	--_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapHighlightColor), transparent);
+}

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

@@ -0,0 +1,13 @@
+:root {
+    --sapIllus_BrandColorPrimary: var(--sapContent_Illustrative_Color1);
+    --sapIllus_BrandColorSecondary: var(--sapContent_Illustrative_Color2);
+    --sapIllus_StrokeDetailColor: var(--sapContent_Illustrative_Color4);
+    --sapIllus_Layering1: var(--sapContent_Illustrative_Color5);
+    --sapIllus_Layering2: var(--sapContent_Illustrative_Color6);
+    --sapIllus_BackgroundColor: var(--sapContent_Illustrative_Color7);
+    --sapIllus_ObjectFillColor: var(--sapContent_Illustrative_Color8);
+    --sapIllus_AccentColor: var(--sapContent_Illustrative_Color3);
+    --sapIllus_NoColor: none;
+    --sapIllus_PatternShadow: url(#sapIllus_PatternShadow);
+    --sapIllus_PatternHighlight: url(#sapIllus_PatternHighlight);
+  }

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

@@ -0,0 +1,5 @@
+:root {
+	--_ui5_media_gallery_overflow_btn_background:  var(--sapButton_Neutral_Background);
+	--_ui5_media_gallery_overflow_btn_color:  var(--sapBaseColor);
+	--_ui5_media_gallery_overflow_btn_border:  none;
+}

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

@@ -0,0 +1,6 @@
+:root {
+	--_ui5_media_gallery_thumbnail_border: 1px solid var(--sapContent_ForegroundColor);
+	--_ui5_media_gallery_thumbnail_selected_border: 2px solid var(--sapSelectedColor);
+	--_ui5_media_gallery_thumbnail_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
+	--_ui5_media_gallery_item_overlay_box_shadow: inset 0px 0px 80px rgba(0, 0, 0, 0.2);
+}

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

@@ -0,0 +1,3 @@
+:root {
+	--_ui5-notification_item-border-raius: 0px;
+}

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

@@ -0,0 +1,4 @@
+:root {
+	--_ui5_page_list_bg: var(--sapGroup_ContentBackground);
+	--_ui5_page_transparent_bg: transparent;
+}

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

@@ -0,0 +1,10 @@
+:root {
+	--_ui5_product_switch_item_width: 11.25rem;
+	--_ui5_product_switch_item_height: 7rem;
+	--_ui5_product_switch_item_outline_width: .0625rem;
+	--_ui5_product_switch_item_outline_color: var(--sapContent_FocusColor);
+	--_ui5_product_switch_item_outline: var(--_ui5_product_switch_item_outline_width) var(--_ui5_product_switch_item_outline_color) dotted;
+	--_ui5_product_switch_item_active_outline_color: var(--sapContent_ContrastFocusColor);
+	--_ui5_product_switch_item_outline_offset: -.1875rem;
+	--_ui5_product_switch_item_outline_offset_positive: .1875rem;
+}

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

@@ -0,0 +1,24 @@
+:root {
+	--_ui5_shellbar_root_height: 2.75rem;
+	--_ui5_shellbar_logo_outline_color: var(--sapContent_ContrastFocusColor);
+	--_ui5_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);
+	--_ui5_shellbar_outline_offset: -0.0625rem;
+	--_ui5_shellbar_logo_outline_offset: var(--_ui5_shellbar_outline_offset);
+	--_ui5_shellbar_button_box_shadow: none;
+	--_ui5_shellbar_button_border: none;
+	--_ui5_shellbar_button_border_radius: 0.25rem;
+	--_ui5_shellbar_button_active_color: var(--sapShell_Active_TextColor);
+	--_ui5_shellbar_logo_outline_border_radius: 0;
+	--_ui5_shellbar_copilot_stop_color1: #C0D9F2;
+	--_ui5_shellbar_copilot_stop_color2: #FFFFFF;
+	--_ui5_shellbar_copilot_focus_offset: 0;
+	--_ui5_shellbar_search_button_size: 2.25rem;
+	--_ui5_shellbar_search_field_height: 2.25rem;
+	--_ui5_shellbar_search_button_border_radius: 0.25rem;
+	--_ui5_shellbar_search_field_background: var(--sapShellColor);
+	--_ui5_shellbar_search_field_border: 1px solid var(--sapShell_InteractiveBorderColor);
+	--_ui5_shellbar_search_field_color: var(--sapShell_TextColor);
+	--_ui5_shellbar_search_field_outline_focused: 1px dotted var(--sapContent_ContrastFocusColor);
+	--_ui5_shellbar_overflow_container_middle_height: 2.5rem;
+	--_ui5_shellbar_menu_button_title_font_size: 0.75rem;
+}

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

@@ -0,0 +1,9 @@
+:root {
+	--_ui5_side_navigation_separator_backgound: var(--sapList_GroupHeaderBorderColor);
+	--_ui5_side_navigation_icon_color: var(--sapContent_IconColor);
+	--_ui5_side_navigation_icon_size: 1rem;
+	--_ui5_side_navigation_toggle_icon_size: 1rem;
+	--_ui5_side_navigation_collapsed_state_width: 3.25rem;
+	--_ui5_side_navigation_indent_step: 2.25rem;
+	--_ui5_side_navigation_icon_padding: 1.125rem;
+}

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

@@ -0,0 +1,20 @@
+:root {
+	--_ui5_TimelineItem_arrow_size: 1.625rem;
+	--_ui5_TimelineItem_bubble_border_width: 0.0625rem;
+	--_ui5_TimelineItem_bubble_border_style: dotted;
+	--_ui5_TimelineItem_bubble_border_radius: 0.25rem;
+	--_ui5_TimelineItem_bubble_border_color: var(--sapList_BorderColor);
+	--_ui5_TimelineItem_bubble_border_top: -0.125rem;
+	--_ui5_TimelineItem_bubble_border_right: -0.125rem;
+	--_ui5_TimelineItem_bubble_border_bottom: -0.125rem;
+	--_ui5_TimelineItem_bubble_border_left: -0.625rem;
+	--_ui5_TimelineItem_bubble_rtl_left_offset: -0.125rem;
+	--_ui5_TimelineItem_bubble_rtl_right_offset: -0.625rem;
+	--_ui5_TimelineItem_bubble_focus_border_radius: 0;
+	--_ui5_TimelineItem_horizontal_bubble_focus_top_offset: -0.625rem;
+	--_ui5_TimelineItem_horizontal_bubble_focus_left_offset: -0.125rem;
+
+	--_ui5_TimelineItem_bubble_content_padding: var(--_ui5_tl_bubble_padding);
+	--_ui5_TimelineItem_bubble_content_subtitle_padding_top: 0.375rem;
+	--_ui5_TimelineItem_bubble_content_description_padding_top: 0.75rem;
+}

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

@@ -0,0 +1,8 @@
+:root {
+	--ui5_upload_collection_drag_overlay_border: 0.125rem dashed var(--sapContent_ForegroundBorderColor);
+	--ui5_upload_collection_drop_overlay_border: 0.125rem solid var(--sapContent_DragAndDropActiveColor);
+	--ui5_upload_collection_drop_overlay_background: transparent;
+	--ui5_upload_collection_button_margin_block_end: 0;
+	--ui5_upload_collection_last_button_inline_end: 0;
+	--ui5_upload_collection_small_size_buttons_margin_block_start: 0.75rem;
+}

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

@@ -0,0 +1,7 @@
+:root {
+	--_ui5_vsd_header_container: 2.75rem;
+	--_ui5_vsd_sub_header_container_height: 2.75rem;
+	--_ui5_vsd_content_li_padding: 0.375rem;
+	--_ui5_vsd_content_height: 23.4375rem;
+	--_ui5_vsd_expand_content_height: 26.1875rem;
+}

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

@@ -0,0 +1,4 @@
+:root {
+    --_ui5_wiz_content_item_wrapper_padding: 0rem;
+    --_ui5_wiz_content_item_wrapper_bg: var(--sapBackgroundColor);
+}

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

@@ -0,0 +1,11 @@
+:root {
+	--_ui5_wiz_tab_focus_outline: 1px dotted var(--sapContent_FocusColor);
+	--_ui5_wiz_tab_selected_bg: var(--sapSelectedColor);
+	--_ui5_wiz_tab_border: 1px solid var(--sapSelectedColor);
+	--_ui5_wiz_tab_selection_line: var(--sapSelectedColor);
+	--_ui5_wiz_tab_icon_color: var(--sapSelectedColor);
+	--_ui5_wiz_tab_active_separator_color: var(--sapSelectedColor);
+	--_ui5_wiz_tab_title_color: var(--sapContent_LabelColor);
+	--_ui5_wiz_tab_title_font_family: var(--sapFontFamily);
+	--_ui5_wiz_tab_focus_border_radius: 0;
+}

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

@@ -0,0 +1,6 @@
+[data-ui5-compact-size],
+.ui5-content-density-compact,
+.sapUiSizeCompact {
+	--_ui5_bar_base_height: 2.5rem;
+	--_ui5_bar_subheader_height: 2.25rem;
+}

package/src/themes/sap_belize/parameters-bundle.css

@@ -0,0 +1,15 @@
+@import "../base/sizes-parameters.css";
+@import "../base/Bar-parameters.css";
+@import "../base/FlexibleColumnLayout-parameters.css";
+@import "../base/MediaGallery-parameters.css";
+@import "../base/MediaGalleryItem-parameters.css";
+@import "../base/IllustratedMessage-parameters.css";
+@import "../base/Page-parameters.css";
+@import "../base/ProductSwitchItem-parameters.css";
+@import "../base/ShellBar-parameters.css";
+@import "../base/SideNavigation-parameters.css";
+@import "../base/TimelineItem-parameters.css";
+@import "../base/UploadCollection-parameters.css";
+@import "../base/ViewSettingsDialog-parameters.css";
+@import "../base/Wizard-parameters.css";
+@import "../base/WizardTab-parameters.css";

package/src/themes/sap_belize_hcb/FlexibleColumnLayout-parameters.css

@@ -0,0 +1,6 @@
+:root {
+	--_ui5_fcl_solid_bg: var(--sapBackgroundColor);
+	--_ui5_fcl_column_border: solid 0.0625rem var(--sapGroup_ContentBorderColor);
+	--_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapObjectHeader_BorderColor), #000); 
+	--_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapObjectHeader_BorderColor), #000); 
+}

package/src/themes/sap_belize_hcb/MediaGallery-parameters.css

@@ -0,0 +1,5 @@
+:root {
+	--_ui5_media_gallery_overflow_btn_background:  var(--sapButton_Background);
+	--_ui5_media_gallery_overflow_btn_color:  var(--sapButton_TextColor);
+	--_ui5_media_gallery_overflow_btn_border:  1px solid var(--sapButton_BorderColor);
+}

package/src/themes/sap_belize_hcb/Page-parameters.css

@@ -0,0 +1,3 @@
+:root {
+	--_ui5_page_list_bg: var(--sapBackgroundColor);
+}

package/src/themes/sap_belize_hcb/ProductSwitchItem-parameters.css

@@ -0,0 +1,8 @@
+@import "../base/ProductSwitchItem-parameters.css";
+
+:root {
+	--_ui5_product_switch_item_outline_width: .125rem;
+	--_ui5_product_switch_item_outline_color: var(--sapContent_ContrastFocusColor);
+	--_ui5_product_switch_item_outline: var(--_ui5_product_switch_item_outline_width) var(--_ui5_product_switch_item_outline_color) dotted;
+	--_ui5_product_switch_item_outline_offset: -.25rem;
+}

package/src/themes/sap_belize_hcb/TimelineItem-parameters.css

@@ -0,0 +1,11 @@
+@import "../base/TimelineItem-parameters.css";
+
+:root {
+	--_ui5_TimelineItem_bubble_outline_width: 0.125rem;
+	--_ui5_TimelineItem_bubble_outline_top: -0.1875rem;
+	--_ui5_TimelineItem_bubble_outline_right: -0.1875rem;
+	--_ui5_TimelineItem_bubble_outline_bottom: -0.1875rem;
+	--_ui5_TimelineItem_bubble_outline_left: -0.6875rem;
+	--_ui5_TimelineItem_bubble_rtl_left_offset: -0.1875rem;
+	--_ui5_TimelineItem_bubble_rtl_right_offset: -0.6875rem;
+}

package/src/themes/sap_belize_hcb/UploadCollection-parameters.css

@@ -0,0 +1,7 @@
+@import "../base/UploadCollection-parameters.css";
+
+:root {
+	--ui5_upload_collection_drag_overlay_border: 0.1875rem dashed var(--sapContent_ForegroundBorderColor);
+	--ui5_upload_collection_drop_overlay_border: 0.1875rem solid var(--sapContent_HelpColor);
+	--ui5_upload_collection_drop_overlay_background: transparent;
+}

package/src/themes/sap_belize_hcb/WizardTab-parameters.css

@@ -0,0 +1,9 @@
+@import "../base/WizardTab-parameters.css";
+
+:root {
+	--_ui5_wiz_tab_focus_outline: 0.125rem dotted var(--sapContent_FocusColor);
+	--_ui5_wiz_tab_selection_line: var(--sapTextColor);
+	--_ui5_wiz_tab_border: 1px solid var(--sapTextColor);
+	--_ui5_wiz_tab_icon_color: var(--sapTextColor);
+	--_ui5_wiz_tab_active_separator_color: var(--sapTextColor);
+}

package/src/themes/sap_belize_hcb/parameters-bundle.css

@@ -0,0 +1,15 @@
+@import "../base/sizes-parameters.css";
+@import "../base/Bar-parameters.css";
+@import "./FlexibleColumnLayout-parameters.css";
+@import "../base/IllustratedMessage-parameters.css";
+@import "./MediaGallery-parameters.css";
+@import "../base/MediaGalleryItem-parameters.css";
+@import "./Page-parameters.css";
+@import "./ProductSwitchItem-parameters.css";
+@import "../base/ShellBar-parameters.css";
+@import "../base/SideNavigation-parameters.css";
+@import "./TimelineItem-parameters.css";
+@import "./UploadCollection-parameters.css";
+@import "../base/ViewSettingsDialog-parameters.css";
+@import "../base/Wizard-parameters.css";
+@import "./WizardTab-parameters.css";

package/src/themes/sap_belize_hcw/FlexibleColumnLayout-parameters.css

@@ -0,0 +1,6 @@
+:root {
+	--_ui5_fcl_solid_bg: var(--sapBackgroundColor);
+	--_ui5_fcl_column_border: solid 0.0625rem var(--sapGroup_ContentBorderColor);
+	--_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapObjectHeader_BorderColor), #fff); 
+	--_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapObjectHeader_BorderColor), #fff); 
+}

package/src/themes/sap_belize_hcw/MediaGallery-parameters.css

@@ -0,0 +1,5 @@
+:root {
+	--_ui5_media_gallery_overflow_btn_background:  var(--sapButton_Background);
+	--_ui5_media_gallery_overflow_btn_color:  var(--sapButton_TextColor);
+	--_ui5_media_gallery_overflow_btn_border:  1px solid var(--sapButton_BorderColor);
+}

package/src/themes/sap_belize_hcw/Page-parameters.css

@@ -0,0 +1,3 @@
+:root {
+	--_ui5_page_list_bg: var(--sapBackgroundColor);
+}

package/src/themes/sap_belize_hcw/ProductSwitchItem-parameters.css

@@ -0,0 +1,8 @@
+@import "../base/ProductSwitchItem-parameters.css";
+
+:root {
+	--_ui5_product_switch_item_outline_width: .125rem;
+	--_ui5_product_switch_item_outline_color: var(--sapContent_ContrastFocusColor);
+	--_ui5_product_switch_item_outline: var(--_ui5_product_switch_item_outline_width) var(--_ui5_product_switch_item_outline_color) dotted;
+	--_ui5_product_switch_item_outline_offset: -.25rem;
+}

package/src/themes/sap_belize_hcw/TimelineItem-parameters.css

@@ -0,0 +1,11 @@
+@import "../base/TimelineItem-parameters.css";
+
+:root {
+	--_ui5_TimelineItem_bubble_outline_width: 0.125rem;
+	--_ui5_TimelineItem_bubble_outline_top: -0.1875rem;
+	--_ui5_TimelineItem_bubble_outline_right: -0.1875rem;
+	--_ui5_TimelineItem_bubble_outline_bottom: -0.1875rem;
+	--_ui5_TimelineItem_bubble_outline_left: -0.6875rem;
+	--_ui5_TimelineItem_bubble_rtl_left_offset: -0.1875rem;
+	--_ui5_TimelineItem_bubble_rtl_right_offset: -0.6875rem;
+}

package/src/themes/sap_belize_hcw/UploadCollection-parameters.css

@@ -0,0 +1,6 @@
+@import "../base/UploadCollection-parameters.css";
+
+:root {
+	--ui5_upload_collection_drag_overlay_border: 0.1875rem dashed var(--sapContent_ForegroundBorderColor);
+	--ui5_upload_collection_drop_overlay_border: 0.1875rem solid var(--sapContent_HelpColor);
+}

package/src/themes/sap_belize_hcw/WizardTab-parameters.css

@@ -0,0 +1,8 @@
+@import "../base/WizardTab-parameters.css";
+
+:root {
+	--_ui5_wiz_tab_focus_outline: 0.125rem dotted var(--sapContent_FocusColor);
+	--_ui5_wiz_tab_selection_line: var(--sapTextColor);
+	--_ui5_wiz_tab_border: 1px solid var(--sapTextColor);
+	--_ui5_wiz_tab_icon_color: var(--sapTextColor);
+}

package/src/themes/sap_belize_hcw/parameters-bundle.css

@@ -0,0 +1,15 @@
+@import "../base/sizes-parameters.css";
+@import "../base/Bar-parameters.css";
+@import "./FlexibleColumnLayout-parameters.css";
+@import "../base/IllustratedMessage-parameters.css";
+@import "./MediaGallery-parameters.css";
+@import "../base/MediaGalleryItem-parameters.css";
+@import "./Page-parameters.css";
+@import "./ProductSwitchItem-parameters.css";
+@import "../base/ShellBar-parameters.css";
+@import "../base/SideNavigation-parameters.css";
+@import "./TimelineItem-parameters.css";
+@import "./UploadCollection-parameters.css";
+@import "../base/ViewSettingsDialog-parameters.css";
+@import "../base/Wizard-parameters.css";
+@import "./WizardTab-parameters.css";