@ui5/webcomponents-fiori 1.0.0 → 1.1.1

package/src/themes/sap_fiori_3_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_fiori_3_hcw/parameters-bundle.css

@@ -0,0 +1,11 @@
+@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 "./TimelineItem-parameters.css";
+@import "./UploadCollection-parameters.css";
+@import "./WizardTab-parameters.css";

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

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

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

@@ -0,0 +1,5 @@
+@import "../base/ProductSwitchItem-parameters.css";
+
+:root {
+	--_ui5_product_switch_item_active_outline_color: var(--sapContent_FocusColor);
+}

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

@@ -0,0 +1,10 @@
+:root {
+	--_ui5_shellbar_logo_outline_color: var(--sapContent_FocusColor);
+	--_ui5_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);
+	--_ui5_shellbar_outline_offset: -0.125rem;
+	--_ui5_shellbar_button_box_shadow: inset var(--sapContent_Interaction_Shadow);
+	--_ui5_shellbar_button_active_color: var(--sapShell_TextColor);
+	--_ui5_shellbar_logo_outline_border_radius: var(--sapField_BorderCornerRadius);
+	--_ui5_shellbar_copilot_stop_color1: #0070F2;
+	--_ui5_shellbar_copilot_stop_color2: #EBF8FF;
+}

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

@@ -0,0 +1,5 @@
+@import "../base/SideNavigation-parameters.css";
+
+:root {
+	--_ui5_side_navigation_overflow_border_radius: 0.75rem;
+}

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

@@ -0,0 +1,13 @@
+@import "../base/TimelineItem-parameters.css";
+
+:root {
+	--_ui5_TimelineItem_bubble_border_width: 0.125rem;
+	--_ui5_TimelineItem_bubble_border_style: solid;
+	--_ui5_TimelineItem_bubble_border_radius: 0.4rem;
+	--_ui5_TimelineItem_bubble_border_top: -0.25rem;
+	--_ui5_TimelineItem_bubble_border_right: -0.25rem;
+	--_ui5_TimelineItem_bubble_border_bottom: -0.25rem;
+	--_ui5_TimelineItem_bubble_border_left: -0.75rem;
+	--_ui5_TimelineItem_bubble_rtl_left_offset: -0.25rem;
+	--_ui5_TimelineItem_bubble_rtl_right_offset: -0.75rem;
+}

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

@@ -0,0 +1,8 @@
+@import "../base/WizardTab-parameters.css";
+
+:root {
+	--_ui5_wiz_tab_title_color: var(--sapTextColor);
+	--_ui5_wiz_tab_title_font_weight: bold;
+	--_ui5_wiz_tab_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
+	--_ui5_wiz_tab_focus_border_radius: 8px;
+}

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

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

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

@@ -0,0 +1,9 @@
+@import "../base/Bar-parameters.css";
+@import "../base/FlexibleColumnLayout-parameters.css";
+@import "../base/IllustratedMessage-parameters.css";
+@import "../base/Page-parameters.css";
+@import "../base/ProductSwitchItem-parameters.css";
+@import "../base/ShellBar-parameters.css";
+@import "../base/TimelineItem-parameters.css";
+@import "../base/UploadCollection-parameters.css";
+@import "../base/WizardTab-parameters.css";

package/src/types/IllustrationMessageType.js

@@ -6,71 +6,323 @@ import DataType from "@ui5/webcomponents-base/dist/types/DataType.js";
  */
 const IllustrationMessageTypes = {
 	/**
-	 * "BeforeSearch" illustration type.
+	 * "Before Search" illustration type.
 	 * @public
 	 * @type {BeforeSearch}
 	 */
 	BeforeSearch: "BeforeSearch",
 	/**
-	 * "NoActivities" illustration type.
+	 * "No Activities" illustration type.
 	 * @public
 	 * @type {NoActivities}
 	 */
 	NoActivities: "NoActivities",
 	/**
-	 * "NoData" illustration type.
+	 * "No Data" illustration type.
 	 * @public
 	 * @type {NoData}
 	 */
 	NoData: "NoData",
 	/**
-	 * "NoEntries" illustration type.
+	 * "No Email" illustration type.
 	 * @public
-	 * @type {NoEntries}
+	 * @type {NoMail}
 	 */
-	NoEntries: "NoEntries",
+	NoMail: "NoMail",
 	/**
-	 * "NoMail" illustration type.
+	 * "No Email v1" illustration type.
 	 * @public
-	 * @type {NoMail}
+	 * @type {NoMail_v1}
 	 */
-	NoMail: "NoMail",
+	NoMail_v1: "NoMail_v1",
 	/**
-	 * "NoNotifications" illustration type.
+	 * "No Entries" illustration type.
+	 * @public
+	 * @type {NoEntries}
+	 */
+	NoEntries: "NoEntries",
+	/**
+	 * "No Notifications" illustration type.
 	 * @public
 	 * @type {NoNotifications}
 	 */
 	NoNotifications: "NoNotifications",
 	/**
-	 * "NoSavedItems" illustration type.
+	 * "No Saved Items" illustration type.
 	 * @public
 	 * @type {NoSavedItems}
 	 */
 	NoSavedItems: "NoSavedItems",
 	/**
-	 * "NoSearchResults" illustration type.
+	 * "No Saved Items v1" illustration type.
+	 * @public
+	 * @type {NoSavedItems_v1}
+	 */
+	NoSavedItems_v1: "NoSavedItems_v1",
+	/**
+	 * "No Search Results" illustration type.
 	 * @public
 	 * @type {NoSearchResults}
 	 */
 	NoSearchResults: "NoSearchResults",
 	/**
-	 * "NoTasks" illustration type.
+	 * "No Tasks" illustration type.
 	 * @public
 	 * @type {NoTasks}
 	 */
 	NoTasks: "NoTasks",
 	/**
-	 * "UnableToLoad" illustration type.
+	 * "No Tasks v1" illustration type.
+	 * @public
+	 * @type {NoTasks_v1}
+	 */
+	NoTasks_v1: "NoTasks_v1",
+	/**
+	 * "Unable To Load" illustration type.
 	 * @public
 	 * @type {UnableToLoad}
 	 */
 	UnableToLoad: "UnableToLoad",
 	/**
-	 * "UnableToUpload" illustration type.
+	 * "Unable To Load Image" illustration type.
+	 * @public
+	 * @type {UnableToLoadImage}
+	 */
+	UnableToLoadImage: "UnableToLoadImage",
+	/**
+	 * "Unable To Upload" illustration type.
 	 * @public
 	 * @type {UnableToUpload}
 	 */
 	UnableToUpload: "UnableToUpload",
+	/**
+	 * "Add Column" illustration type.
+	 * @public
+	 * @type {AddColumn}
+	 */
+	AddColumn: "AddColumn",
+	/**
+	 * "Add People" illustration type.
+	 * @public
+	 * @type {AddPeople}
+	 */
+	AddPeople: "AddPeople",
+	/**
+	 * "Balloon Sky" illustration type.
+	 * @public
+	 * @type {BalloonSky}
+	 */
+	BalloonSky: "BalloonSky",
+	/**
+	 * "Connection" illustration type.
+	 * @public
+	 * @type {Connection}
+	 */
+	Connection: "Connection",
+	/**
+	 * "Empty Calendar" illustration type.
+	 * @public
+	 * @type {EmptyCalendar}
+	 */
+	EmptyCalendar: "EmptyCalendar",
+	/**
+	 * "Empty List" illustration type.
+	 * @public
+	 * @type {EmptyList}
+	 */
+	EmptyList: "EmptyList",
+	/**
+	 * "Empty Planning Calendar" illustration type.
+	 * @public
+	 * @type {EmptyPlanningCalendar}
+	 */
+	EmptyPlanningCalendar: "EmptyPlanningCalendar",
+	/**
+	 * "Error Screen" illustration type.
+	 * @public
+	 * @type {ErrorScreen}
+	 */
+	ErrorScreen: "ErrorScreen",
+	/**
+	 * "Filter Table" illustration type.
+	 * @public
+	 * @type {FilterTable}
+	 */
+	FilterTable: "FilterTable",
+	/**
+	 * "Group Table" illustration type.
+	 * @public
+	 * @type {GroupTable}
+	 */
+	GroupTable: "GroupTable",
+	/**
+	 * "No Filter Results" illustration type.
+	 * @public
+	 * @type {NoFilterResults}
+	 */
+	NoFilterResults: "NoFilterResults",
+	/**
+	 * "Page Not Found" illustration type.
+	 * @public
+	 * @type {PageNotFound}
+	 */
+	PageNotFound: "PageNotFound",
+	/**
+	 * "Reload Screen" illustration type.
+	 * @public
+	 * @type {ReloadScreen}
+	 */
+	ReloadScreen: "ReloadScreen",
+	/**
+	 * "Resize Column" illustration type.
+	 * @public
+	 * @type {ResizeColumn}
+	 */
+	ResizeColumn: "ResizeColumn",
+	/**
+	 * "Search Earth" illustration type.
+	 * @public
+	 * @type {SearchEarth}
+	 */
+	SearchEarth: "SearchEarth",
+	/**
+	 * "Search Folder" illustration type.
+	 * @public
+	 * @type {SearchFolder}
+	 */
+	SearchFolder: "SearchFolder",
+	/**
+	 * "Simple Balloon" illustration type.
+	 * @public
+	 * @type {SimpleBalloon}
+	 */
+	SimpleBalloon: "SimpleBalloon",
+	/**
+	 * "Simple Bell" illustration type.
+	 * @public
+	 * @type {SimpleBell}
+	 */
+	SimpleBell: "SimpleBell",
+	/**
+	 * "Simple Calendar" illustration type.
+	 * @public
+	 * @type {SimpleCalendar}
+	 */
+	SimpleCalendar: "SimpleCalendar",
+	/**
+	 * "Simple CheckMark" illustration type.
+	 * @public
+	 * @type {SimpleCheckMark}
+	 */
+	SimpleCheckMark: "SimpleCheckMark",
+	/**
+	 * "Simple Connection" illustration type.
+	 * @public
+	 * @type {SimpleConnection}
+	 */
+	SimpleConnection: "SimpleConnection",
+	/**
+	 * "Simple Empty Doc" illustration type.
+	 * @public
+	 * @type {SimpleEmptyDoc}
+	 */
+	SimpleEmptyDoc: "SimpleEmptyDoc",
+	/**
+	 * "Simple Empty List" illustration type.
+	 * @public
+	 * @type {SimpleEmptyList}
+	 */
+	SimpleEmptyList: "SimpleEmptyList",
+	/**
+	 * "Simple Error" illustration type.
+	 * @public
+	 * @type {SimpleError}
+	 */
+	SimpleError: "SimpleError",
+	/**
+	 * "Simple Magnifier" illustration type.
+	 * @public
+	 * @type {SimpleMagnifier}
+	 */
+	SimpleMagnifier: "SimpleMagnifier",
+	/**
+	 * "Simple Mail" illustration type.
+	 * @public
+	 * @type {SimpleMail}
+	 */
+	SimpleMail: "SimpleMail",
+	/**
+	 * "Simple No Saved Items" illustration type.
+	 * @public
+	 * @type {SimpleNoSavedItems}
+	 */
+	SimpleNoSavedItems: "SimpleNoSavedItems",
+	/**
+	 * "Simple Not Found Magnifier" illustration type.
+	 * @public
+	 * @type {SimpleNotFoundMagnifier}
+	 */
+	SimpleNotFoundMagnifier: "SimpleNotFoundMagnifier",
+	/**
+	 * "Simple Reload" illustration type.
+	 * @public
+	 * @type {SimpleReload}
+	 */
+	SimpleReload: "SimpleReload",
+	/**
+	 * "Simple Task" illustration type.
+	 * @public
+	 * @type {SimpleTask}
+	 */
+	SimpleTask: "SimpleTask",
+	/**
+	 * "Sleeping Bell" illustration type.
+	 * @public
+	 * @type {SleepingBell}
+	 */
+	SleepingBell: "SleepingBell",
+	/**
+	 * "Sort Column" illustration type.
+	 * @public
+	 * @type {SortColumn}
+	 */
+	SortColumn: "SortColumn",
+	/**
+	 * "Success Balloon" illustration type.
+	 * @public
+	 * @type {SuccessBalloon}
+	 */
+	SuccessBalloon: "SuccessBalloon",
+	/**
+	 * "Success CheckMark" illustration type.
+	 * @public
+	 * @type {SuccessCheckMark}
+	 */
+	SuccessCheckMark: "SuccessCheckMark",
+	/**
+	 * "Success HighFive" illustration type.
+	 * @public
+	 * @type {SuccessHighFive}
+	 */
+	SuccessHighFive: "SuccessHighFive",
+	/**
+	 * "Success Screen" illustration type.
+	 * @public
+	 * @type {SuccessScreen}
+	 */
+	SuccessScreen: "SuccessScreen",
+	/**
+	 * "Tent" illustration type.
+	 * @public
+	 * @type {Tent}
+	 */
+	Tent: "Tent",
+	/**
+	 * "Upload Collection" illustration type.
+	 * @public
+	 * @type {UploadCollection}
+	 */
+	UploadCollection: "UploadCollection",
 	/**
 	* "TntCodePlaceholder" illustration type.
 	* @public

package/src/types/MediaGalleryItemLayout.js

@@ -0,0 +1,44 @@
+import DataType from "@ui5/webcomponents-base/dist/types/DataType.js";
+
+/**
+ * @lends sap.ui.webcomponents.fiori.types.MediaGalleryItemLayout.prototype
+ * @public
+ */
+const MediaGalleryItemLayouts = {
+
+	/**
+	 * Recommended to use when the item contains an image.<br>
+	 * When a thumbnail is selected, it makes the corresponding enlarged content appear in a square display area.
+	 * @public
+	 * @type {Square}
+	 */
+	 Square: "Square",
+
+	/**
+	 * Recommended to use when the item contains video content.<br>
+	 * When a thumbnail is selected, it makes the corresponding enlarged content appear in a wide display area
+	 * (stretched to fill all of the available width) for optimal user experiance.
+	 * @public
+	 * @type {Wide}
+	 */
+	Wide: "Wide",
+};
+
+/**
+ * @class
+ * Defines the layout of the content displayed in the <code>ui5-media-gallery-item</code>.
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webcomponents.fiori.types.MediaGalleryItemLayout
+ * @public
+ * @enum {string}
+ */
+class MediaGalleryItemLayout extends DataType {
+	static isValid(value) {
+		return !!MediaGalleryItemLayouts[value];
+	}
+}
+
+MediaGalleryItemLayout.generateTypeAccessors(MediaGalleryItemLayouts);
+
+export default MediaGalleryItemLayout;

package/src/types/MediaGalleryLayout.js

@@ -0,0 +1,48 @@
+import DataType from "@ui5/webcomponents-base/dist/types/DataType.js";
+
+/**
+ * @lends sap.ui.webcomponents.fiori.types.MediaGalleryLayout.prototype
+ * @public
+ */
+const MediaGalleryLayouts = {
+
+	/**
+	 * The layout is determined automatically.
+	 * @public
+	 * @type {Left}
+	 */
+	 Auto: "Auto",
+
+	/**
+	 * Displays the layout as a vertical split between the thumbnails list and the selected image.
+	 * @public
+	 * @type {Left}
+	 */
+	Vertical: "Vertical",
+
+	/**
+	 * Displays the layout as a horizontal split between the thumbnails list and the selected image.
+	 * @public
+	 * @type {Right}
+	 */
+	Horizontal: "Horizontal",
+};
+
+/**
+ * @class
+ * Defines the layout type of the thumbnails list of the <code>ui5-media-gallery</code> component.
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webcomponents.fiori.types.MediaGalleryLayout
+ * @public
+ * @enum {string}
+ */
+class MediaGalleryLayout extends DataType {
+	static isValid(value) {
+		return !!MediaGalleryLayouts[value];
+	}
+}
+
+MediaGalleryLayout.generateTypeAccessors(MediaGalleryLayouts);
+
+export default MediaGalleryLayout;

package/src/types/MediaGalleryMenuHorizontalAlign.js

@@ -0,0 +1,41 @@
+import DataType from "@ui5/webcomponents-base/dist/types/DataType.js";
+
+/**
+ * @lends sap.ui.webcomponents.fiori.types.MediaGalleryMenuHorizontalAlign.prototype
+ * @public
+ */
+const MediaGalleryMenuHorizontalAligns = {
+
+	/**
+	 * Displays the menu on the left side of the target.
+	 * @public
+	 * @type {Left}
+	 */
+	Left: "Left",
+
+	/**
+	 * Displays the menu on the right side of the target.
+	 * @public
+	 * @type {Right}
+	 */
+	Right: "Right",
+};
+
+/**
+ * @class
+ * Defines the horizontal alignment of the thumbnails menu of the <code>ui5-media-gallery</code> component.
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webcomponents.fiori.types.MediaGalleryMenuHorizontalAlign
+ * @public
+ * @enum {string}
+ */
+class MediaGalleryMenuHorizontalAlign extends DataType {
+	static isValid(value) {
+		return !!MediaGalleryMenuHorizontalAligns[value];
+	}
+}
+
+MediaGalleryMenuHorizontalAlign.generateTypeAccessors(MediaGalleryMenuHorizontalAligns);
+
+export default MediaGalleryMenuHorizontalAlign;

package/src/types/MediaGalleryMenuVerticalAlign.js

@@ -0,0 +1,40 @@
+import DataType from "@ui5/webcomponents-base/dist/types/DataType.js";
+
+/**
+ * @lends sap.ui.webcomponents.fiori.types.MediaGalleryMenuVerticalAlign.prototype
+ * @public
+ */
+const MediaGalleryMenuVerticalAligns = {
+	/**
+	 * Displays the menu at the top of the reference control.
+	 * @public
+	 * @type {Top}
+	 */
+	Top: "Top",
+
+	/**
+	 * Displays the menu at the bottom of the reference control.
+	 * @public
+	 * @type {Bottom}
+	 */
+	Bottom: "Bottom",
+};
+
+/**
+ * @class
+ * Types for the vertical alignment of the thumbnails menu of the <code>ui5-media-gallery</code> component.
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webcomponents.fiori.types.MediaGalleryMenuVerticalAlign
+ * @public
+ * @enum {string}
+ */
+class MediaGalleryMenuVerticalAlign extends DataType {
+	static isValid(value) {
+		return !!MediaGalleryMenuVerticalAligns[value];
+	}
+}
+
+MediaGalleryMenuVerticalAlign.generateTypeAccessors(MediaGalleryMenuVerticalAligns);
+
+export default MediaGalleryMenuVerticalAlign;

package/src/types/SideContentFallDown.js

@@ -0,0 +1,54 @@
+import DataType from "@ui5/webcomponents-base/dist/types/DataType.js";
+
+/**
+ * @lends sap.ui.webcomponents.fiori.types.SideContentFallDown.prototype
+ * @public
+ */
+const SideContentFallDownTypes = {
+	/**
+	 * Side content falls down on breakpoints below XL
+	 * @public
+	 * @type {BelowXL}
+	 */
+	BelowXL: "BelowXL",
+
+	/**
+	 * Side content falls down on breakpoints below L
+	 * @public
+	 * @type {BelowL}
+	 */
+	BelowL: "BelowL",
+
+	/**
+	 * Side content falls down on breakpoints below M
+	 * @public
+	 * @type {BelowM}
+	 */
+	BelowM: "BelowM",
+
+	/**
+	 * Side content falls down on breakpoint M and the minimum width for the side content
+	 * @public
+	 * @type {OnMinimumWidth}
+	 */
+	OnMinimumWidth: "OnMinimumWidth",
+};
+
+/**
+ * @class
+ * SideContent FallDown options.
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webcomponents.fiori.types.SideContentFallDown
+ * @public
+ * @enum {string}
+ */
+class SideContentFallDown extends DataType {
+	static isValid(value) {
+		return !!SideContentFallDownTypes[value];
+	}
+}
+
+SideContentFallDown.generateTypeAccessors(SideContentFallDownTypes);
+
+export default SideContentFallDown;