@ui5/webcomponents 2.5.0-rc.3 → 2.5.1

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@ui5/webcomponents",
-  "version": "2.5.0-rc.3",
+  "version": "2.5.1",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -1535,12 +1535,9 @@
               "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
-              "name": "display-mode",
-              "description": "Defines the display mode of the component.",
-              "value": {
-                "type": "\"Default\" | \"Simplified\"",
-                "default": "\"Default\""
-              }
+              "name": "simplified",
+              "description": "When set to `true`, the alpha slider and inputs for RGB values will not be displayed.",
+              "value": { "type": "boolean", "default": "false" }
             }
           ],
           "events": [
@@ -1562,9 +1559,9 @@
                 "value": { "type": "string | undefined" }
               },
               {
-                "name": "display-mode",
-                "description": "Defines the display mode of the component.",
-                "value": { "type": "\"Default\" | \"Simplified\"" }
+                "name": "simplified",
+                "description": "When set to `true`, the alpha slider and inputs for RGB values will not be displayed.",
+                "value": { "type": "boolean" }
               }
             ],
             "events": [
@@ -3150,7 +3147,7 @@
         },
         {
           "name": "ui5-icon",
-          "description": "### Overview\n\nThe `ui5-icon` component represents an SVG icon.\nThere are two main scenarios how the `ui5-icon` component is used:\nas a purely decorative element,\nor as an interactive element that can be focused and clicked.\n\n### Usage\n\n1. **Get familiar with the icons collections.**\n\nBefore displaying an icon, you need to explore the icons collections to find and import the desired icon.\n\nCurrently there are 3 icons collection, available as 3 npm packages:\n\n- [@ui5/webcomponents-icons](https://www.npmjs.com/package/@ui5/webcomponents-icons) represents the \"SAP-icons\" collection and includes the following\n[icons](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons).\n- [@ui5/webcomponents-icons-tnt](https://www.npmjs.com/package/@ui5/webcomponents-icons-tnt) represents the \"tnt\" collection and includes the following\n[icons](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons-TNT).\n- [@ui5/webcomponents-icons-icons-business-suite](https://www.npmjs.com/package/@ui5/webcomponents-icons-business-suite) represents the \"business-suite\" collection and includes the following\n[icons](https://ui5.sap.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/BusinessSuiteInAppSymbols).\n\n2. **After exploring the icons collections, add one or more of the packages as dependencies to your project.**\n\n`npm i @ui5/webcomponents-icons`\n`npm i @ui5/webcomponents-icons-tnt`\n`npm i @ui5/webcomponents-icons-business-suite`\n\n3. **Then, import the desired icon**.\n\n`import \"@ui5/\\{package_name\\}/dist/\\{icon_name\\}.js\";`\n\n**For Example**:\n\nFor the standard \"SAP-icons\" icon collection, import an icon from the `@ui5/webcomponents-icons` package:\n\n`import \"@ui5/webcomponents-icons/dist/employee.js\";`\n\nFor the \"tnt\" (SAP Fiori Tools) icon collection, import an icon from the `@ui5/webcomponents-icons-tnt` package:\n\n`import \"@ui5/webcomponents-icons-tnt/dist/antenna.js\";`\n\nFor the \"business-suite\" (SAP Business Suite) icon collection, import an icon from the `@ui5/webcomponents-icons-business-suite` package:\n\n`import \"@ui5/webcomponents-icons-business-suite/dist/ab-testing.js\";`\n\n4. **Display the icon using the `ui5-icon` web component.**\nSet the icon collection (\"SAP-icons\", \"tnt\" or \"business-suite\" - \"SAP-icons\" is the default icon collection and can be skipped)\nand the icon name to the `name` property.\n\n`<ui5-icon name=\"employee\"></ui5-icon>`\n`<ui5-icon name=\"tnt/antenna\"></ui5-icon>`\n`<ui5-icon name=\"business-suite/ab-testing\"></ui5-icon>`\n\n### Keyboard Handling\n\n- [Space] / [Enter] or [Return] - Fires the `click` event if the `mode` property is set to `Interactive`.\n- [Shift] - If [Space] / [Enter] or [Return] is pressed, pressing [Shift] releases the ui5-icon without triggering the click event.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Icon.js\";`\n---\n\n\n### **CSS Parts:**\n - **root** - Used to style the outermost wrapper of the `ui5-icon`.",
+          "description": "### Overview\n\nThe `ui5-icon` component represents an SVG icon.\nThere are two main scenarios how the `ui5-icon` component is used:\nas a purely decorative element,\nor as an interactive element that can be focused and clicked.\n\n### Usage\n\n1. **Get familiar with the icons collections.**\n\nBefore displaying an icon, you need to explore the icons collections to find and import the desired icon.\n\nCurrently there are 3 icons collection, available as 3 npm packages:\n\n- [@ui5/webcomponents-icons](https://www.npmjs.com/package/@ui5/webcomponents-icons) represents the \"SAP-icons\" collection and includes the following\n[icons](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons).\n- [@ui5/webcomponents-icons-tnt](https://www.npmjs.com/package/@ui5/webcomponents-icons-tnt) represents the \"tnt\" collection and includes the following\n[icons](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons-TNT).\n- [@ui5/webcomponents-icons-business-suite](https://www.npmjs.com/package/@ui5/webcomponents-icons-business-suite) represents the \"business-suite\" collection and includes the following\n[icons](https://ui5.sap.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/BusinessSuiteInAppSymbols).\n\n2. **After exploring the icons collections, add one or more of the packages as dependencies to your project.**\n\n`npm i @ui5/webcomponents-icons`\n`npm i @ui5/webcomponents-icons-tnt`\n`npm i @ui5/webcomponents-icons-business-suite`\n\n3. **Then, import the desired icon**.\n\n`import \"@ui5/\\{package_name\\}/dist/\\{icon_name\\}.js\";`\n\n**For Example**:\n\nFor the standard \"SAP-icons\" icon collection, import an icon from the `@ui5/webcomponents-icons` package:\n\n`import \"@ui5/webcomponents-icons/dist/employee.js\";`\n\nFor the \"tnt\" (SAP Fiori Tools) icon collection, import an icon from the `@ui5/webcomponents-icons-tnt` package:\n\n`import \"@ui5/webcomponents-icons-tnt/dist/antenna.js\";`\n\nFor the \"business-suite\" (SAP Business Suite) icon collection, import an icon from the `@ui5/webcomponents-icons-business-suite` package:\n\n`import \"@ui5/webcomponents-icons-business-suite/dist/ab-testing.js\";`\n\n4. **Display the icon using the `ui5-icon` web component.**\nSet the icon collection (\"SAP-icons\", \"tnt\" or \"business-suite\" - \"SAP-icons\" is the default icon collection and can be skipped)\nand the icon name to the `name` property.\n\n`<ui5-icon name=\"employee\"></ui5-icon>`\n`<ui5-icon name=\"tnt/antenna\"></ui5-icon>`\n`<ui5-icon name=\"business-suite/ab-testing\"></ui5-icon>`\n\n### Keyboard Handling\n\n- [Space] / [Enter] or [Return] - Fires the `click` event if the `mode` property is set to `Interactive`.\n- [Shift] - If [Space] / [Enter] or [Return] is pressed, pressing [Shift] releases the ui5-icon without triggering the click event.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Icon.js\";`\n---\n\n\n### **CSS Parts:**\n - **root** - Used to style the outermost wrapper of the `ui5-icon`.",
           "doc-url": "",
           "attributes": [
             {
@@ -7802,11 +7799,6 @@
               "name": "growing-sub-text",
               "description": "Defines the text that will be displayed below the `growingText` inside the growing button.\nHas no effect when type is set to Scroll.",
               "value": { "type": "string | undefined", "default": "undefined" }
-            },
-            {
-              "name": "disabled",
-              "description": "Disables the growing feature.",
-              "value": { "type": "boolean", "default": "false" }
             }
           ],
           "events": [
@@ -7831,11 +7823,6 @@
                 "name": "growing-sub-text",
                 "description": "Defines the text that will be displayed below the `growingText` inside the growing button.\nHas no effect when type is set to Scroll.",
                 "value": { "type": "string | undefined" }
-              },
-              {
-                "name": "disabled",
-                "description": "Disables the growing feature.",
-                "value": { "type": "boolean" }
               }
             ],
             "events": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ui5/webcomponents",
-  "version": "2.5.0-rc.3",
+  "version": "2.5.1",
   "description": "UI5 Web Components: webcomponents.main",
   "ui5": {
     "webComponentsPackage": true
@@ -50,17 +50,17 @@
     "directory": "packages/main"
   },
   "dependencies": {
-    "@ui5/webcomponents-base": "2.5.0-rc.3",
-    "@ui5/webcomponents-icons": "2.5.0-rc.3",
-    "@ui5/webcomponents-icons-business-suite": "2.5.0-rc.3",
-    "@ui5/webcomponents-icons-tnt": "2.5.0-rc.3",
-    "@ui5/webcomponents-localization": "2.5.0-rc.3",
-    "@ui5/webcomponents-theming": "2.5.0-rc.3"
+    "@ui5/webcomponents-base": "2.5.1",
+    "@ui5/webcomponents-icons": "2.5.1",
+    "@ui5/webcomponents-icons-business-suite": "2.5.1",
+    "@ui5/webcomponents-icons-tnt": "2.5.1",
+    "@ui5/webcomponents-localization": "2.5.1",
+    "@ui5/webcomponents-theming": "2.5.1"
   },
   "devDependencies": {
-    "@ui5/webcomponents-tools": "2.5.0-rc.3",
+    "@ui5/webcomponents-tools": "2.5.1",
     "chromedriver": "^131.0.0",
     "lit": "^2.0.0"
   },
-  "gitHead": "bb0393d3daabde7c97e6b5028ae81e34a5b060dc"
+  "gitHead": "34d9726c84e76786496943ca997f828f0a2f4c6d"
 }

package/src/themes/Popover.css

@@ -8,14 +8,6 @@
 	box-shadow: var(--_ui5_popover_no_arrow_box_shadow);
 }
 
-:host([opened][actual-placement="Top"]) {
-	margin-top: var(--_ui5-popover-margin-bottom);
-}
-
-:host([opened][actual-placement="Bottom"]) {
-	margin-top: var(--_ui5-popover-margin-top);
-}
-
 /* pointing upward arrow */
 :host([actual-placement="Bottom"]) .ui5-popover-arrow {
 	left: calc(50% - 0.5625rem);

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

@@ -22,7 +22,8 @@
 	--_ui5-shellbar-notification-btn-count-offset: -0.125rem;
 }
 
-[dir="rtl"] {
+[dir="rtl"],
+[dir="rtl"] :host {
 	--_ui5_icon_transform_scale: scale(-1, 1);
 	--_ui5_panel_toggle_btn_rotation: var(--_ui5_rotation_minus_90deg);
 	--_ui5_li_notification_group_toggle_btn_rotation: var(--_ui5_rotation_minus_90deg);

package/dist/types/ColorPickerDisplayMode.d.ts

@@ -1,17 +0,0 @@
-/**
- * ColorPicker display modes.
- * @public
- */
-declare enum ColorPickerDisplayMode {
-    /**
-     * Default display mode. Includes all color picker features.
-     * @public
-     */
-    Default = "Default",
-    /**
-     * Simplified display mode. Doesn't include alpha slider and inputs for RGB values.
-     * @public
-     */
-    Simplified = "Simplified"
-}
-export default ColorPickerDisplayMode;

package/dist/types/ColorPickerDisplayMode.js

@@ -1,19 +0,0 @@
-/**
- * ColorPicker display modes.
- * @public
- */
-var ColorPickerDisplayMode;
-(function (ColorPickerDisplayMode) {
-    /**
-     * Default display mode. Includes all color picker features.
-     * @public
-     */
-    ColorPickerDisplayMode["Default"] = "Default";
-    /**
-     * Simplified display mode. Doesn't include alpha slider and inputs for RGB values.
-     * @public
-     */
-    ColorPickerDisplayMode["Simplified"] = "Simplified";
-})(ColorPickerDisplayMode || (ColorPickerDisplayMode = {}));
-export default ColorPickerDisplayMode;
-//# sourceMappingURL=ColorPickerDisplayMode.js.map

package/dist/types/ColorPickerDisplayMode.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorPickerDisplayMode.js","sourceRoot":"","sources":["../../src/types/ColorPickerDisplayMode.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,IAAK,sBAYJ;AAZD,WAAK,sBAAsB;IAC1B;;;OAGG;IACF,6CAAmB,CAAA;IAEpB;;;OAGG;IACH,mDAAyB,CAAA;AAC1B,CAAC,EAZI,sBAAsB,KAAtB,sBAAsB,QAY1B;AAED,eAAe,sBAAsB,CAAC","sourcesContent":["/**\n * ColorPicker display modes.\n * @public\n */\nenum ColorPickerDisplayMode {\n\t/**\n\t * Default display mode. Includes all color picker features.\n\t * @public\n\t */\n\t Default = \"Default\",\n\n\t/**\n\t * Simplified display mode. Doesn't include alpha slider and inputs for RGB values.\n\t * @public\n\t */\n\tSimplified = \"Simplified\",\n}\n\nexport default ColorPickerDisplayMode;\n"]}