@sapudex/web-components 2.17.1 → 2.18.0

package/dist/generated/themes/Slider.css.js

@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
 import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
-export default `:host{--udex-slider-color-track-start-point: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-track-active: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-handle-focus-range: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-color-handle-active-background: var(--sapSlider_Active_HandleBackground, #ffffff);--udex-slider-color-handle-default-icon: var(--sapContent_Selected_ForegroundColor, #0040b0);--udex-slider-radius-range-size: var(--udexRadiusM, 8px);--udex-slider-handle-width: 2.75rem;--udex-slider-handle-top: -.875rem;--udex-slider-handle-height: var(--udexSpacer32, 2rem);--udex-slider-start-end-point-left: -.875rem;--udex-slider-start-end-point-right: -.875rem;--udex-slider-progress-after-background: var(--sapContent_MeasureIndicatorColor,#5b738b);--udex-slider-handle-icon-size: var(--udexSpacer20, 1.25rem);--udex-slider-tooltip-bottom: 2.5rem;--udex-slider-tooltip-border: 1px solid var(--sapField_BorderColor, #5B738B);--udex-slider-tooltip-border-radius: var(--udexSpacer4, .25rem);--udex-slider-tooltip-font-size: var(--udexTypographyNavigationRegularMFontSize,14px);--udex-slider-tooltip-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-tooltip-height: var(--udexSpacer32, 2rem);--udex-slider-tooltip-min-width: 2.75rem;--udex-slider-tickmark-in-range-bg: var(--sapSlider_Selected_BorderColor,#0070f2);--udex-slider-tickmark-bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-label-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-focus-border: 2px solid var(--sapSlider_Active_HandleBorderColor);--udex-slider-progress-focus-top: -1.18rem;--udex-slider-progress-focus-left:calc(-1.375rem - 5px);--udex-slider-progress-focus-height: 42px;--udex-slider-progress-focus-width:calc(100% + 2.75rem + 10px)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size);top:var(--udex-slider-progress-focus-top);height:var(--udex-slider-progress-focus-height);width:var(--udex-slider-progress-focus-width);left:var(--udex-slider-progress-focus-left)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v2-17-1_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-handle:focus{border:var(--udex-slider-handle-focus-border)}.ui5-slider-labels li{color:var(--udex-slider-label-color)}.ui5-slider-tickmarks li{border-inline-start:1px solid var(--udex-slider-tickmark-bg)}.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range{border-inline-start:1px solid var(--udex-slider-tickmark-in-range-bg)}:host(:not([hidden])) .ui5-slider-handle-container .ui5-slider-tooltip{bottom:var(--udex-slider-tooltip-bottom);border:var(--udex-slider-tooltip-border);border-radius:var(--udex-slider-tooltip-border-radius);font-size:var(--udex-slider-tooltip-font-size);color:var(--udex-slider-tooltip-color);height:var(--udex-slider-tooltip-height);min-width:var(--udex-slider-tooltip-min-width)}[slider-icon]{width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size)}.ui5-slider-progress-container:after{background-color:var(--udex-slider-progress-after-background)}.ui5-slider-progress-container:before{inset-inline-start:var(--udex-slider-start-end-point-left)}.ui5-slider-progress-container:after{inset-inline-end:var(--udex-slider-start-end-point-right)}.ui5-slider-handle-container{margin-inline-start:calc(-1 * var(--udex-slider-handle-width) / 2);top:var(--udex-slider-handle-top)}.ui5-slider-handle{height:var(--udex-slider-handle-height);width:var(--udex-slider-handle-width)}
+export default `:host{--udex-slider-color-track-start-point: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-track-active: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-handle-focus-range: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-color-handle-active-background: var(--sapSlider_Active_HandleBackground, #ffffff);--udex-slider-color-handle-default-icon: var(--sapContent_Selected_ForegroundColor, #0040b0);--udex-slider-radius-range-size: var(--udexRadiusM, 8px);--udex-slider-handle-width: 2.75rem;--udex-slider-handle-top: -.875rem;--udex-slider-handle-height: var(--udexSpacer32, 2rem);--udex-slider-start-end-point-left: -.875rem;--udex-slider-start-end-point-right: -.875rem;--udex-slider-progress-after-background: var(--sapContent_MeasureIndicatorColor,#5b738b);--udex-slider-handle-icon-size: var(--udexSpacer20, 1.25rem);--udex-slider-tooltip-bottom: 2.5rem;--udex-slider-tooltip-border: 1px solid var(--sapField_BorderColor, #5B738B);--udex-slider-tooltip-border-radius: var(--udexSpacer4, .25rem);--udex-slider-tooltip-font-size: var(--udexTypographyNavigationRegularMFontSize,14px);--udex-slider-tooltip-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-tooltip-height: var(--udexSpacer32, 2rem);--udex-slider-tooltip-min-width: 2.75rem;--udex-slider-tickmark-in-range-bg: var(--sapSlider_Selected_BorderColor,#0070f2);--udex-slider-tickmark-bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-label-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-focus-border: 2px solid var(--sapSlider_Active_HandleBorderColor);--udex-slider-progress-focus-top: -1.18rem;--udex-slider-progress-focus-left:calc(-1.375rem - 5px);--udex-slider-progress-focus-height: 42px;--udex-slider-progress-focus-width:calc(100% + 2.75rem + 10px)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size);top:var(--udex-slider-progress-focus-top);height:var(--udex-slider-progress-focus-height);width:var(--udex-slider-progress-focus-width);left:var(--udex-slider-progress-focus-left)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v2-18-0_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-handle:focus{border:var(--udex-slider-handle-focus-border)}.ui5-slider-labels li{color:var(--udex-slider-label-color)}.ui5-slider-tickmarks li{border-inline-start:1px solid var(--udex-slider-tickmark-bg)}.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range{border-inline-start:1px solid var(--udex-slider-tickmark-in-range-bg)}:host(:not([hidden])) .ui5-slider-handle-container .ui5-slider-tooltip{bottom:var(--udex-slider-tooltip-bottom);border:var(--udex-slider-tooltip-border);border-radius:var(--udex-slider-tooltip-border-radius);font-size:var(--udex-slider-tooltip-font-size);color:var(--udex-slider-tooltip-color);height:var(--udex-slider-tooltip-height);min-width:var(--udex-slider-tooltip-min-width)}[slider-icon]{width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size)}.ui5-slider-progress-container:after{background-color:var(--udex-slider-progress-after-background)}.ui5-slider-progress-container:before{inset-inline-start:var(--udex-slider-start-end-point-left)}.ui5-slider-progress-container:after{inset-inline-end:var(--udex-slider-start-end-point-right)}.ui5-slider-handle-container{margin-inline-start:calc(-1 * var(--udex-slider-handle-width) / 2);top:var(--udex-slider-handle-top)}.ui5-slider-handle{height:var(--udex-slider-handle-height);width:var(--udex-slider-handle-width)}
 `;
 //# sourceMappingURL=Slider.css.js.map

package/dist/generated/themes/Slider.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Slider.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAChN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme);\nexport default `:host{--udex-slider-color-track-start-point: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-track-active: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-handle-focus-range: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-color-handle-active-background: var(--sapSlider_Active_HandleBackground, #ffffff);--udex-slider-color-handle-default-icon: var(--sapContent_Selected_ForegroundColor, #0040b0);--udex-slider-radius-range-size: var(--udexRadiusM, 8px);--udex-slider-handle-width: 2.75rem;--udex-slider-handle-top: -.875rem;--udex-slider-handle-height: var(--udexSpacer32, 2rem);--udex-slider-start-end-point-left: -.875rem;--udex-slider-start-end-point-right: -.875rem;--udex-slider-progress-after-background: var(--sapContent_MeasureIndicatorColor,#5b738b);--udex-slider-handle-icon-size: var(--udexSpacer20, 1.25rem);--udex-slider-tooltip-bottom: 2.5rem;--udex-slider-tooltip-border: 1px solid var(--sapField_BorderColor, #5B738B);--udex-slider-tooltip-border-radius: var(--udexSpacer4, .25rem);--udex-slider-tooltip-font-size: var(--udexTypographyNavigationRegularMFontSize,14px);--udex-slider-tooltip-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-tooltip-height: var(--udexSpacer32, 2rem);--udex-slider-tooltip-min-width: 2.75rem;--udex-slider-tickmark-in-range-bg: var(--sapSlider_Selected_BorderColor,#0070f2);--udex-slider-tickmark-bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-label-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-focus-border: 2px solid var(--sapSlider_Active_HandleBorderColor);--udex-slider-progress-focus-top: -1.18rem;--udex-slider-progress-focus-left:calc(-1.375rem - 5px);--udex-slider-progress-focus-height: 42px;--udex-slider-progress-focus-width:calc(100% + 2.75rem + 10px)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size);top:var(--udex-slider-progress-focus-top);height:var(--udex-slider-progress-focus-height);width:var(--udex-slider-progress-focus-width);left:var(--udex-slider-progress-focus-left)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v2-17-1_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-handle:focus{border:var(--udex-slider-handle-focus-border)}.ui5-slider-labels li{color:var(--udex-slider-label-color)}.ui5-slider-tickmarks li{border-inline-start:1px solid var(--udex-slider-tickmark-bg)}.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range{border-inline-start:1px solid var(--udex-slider-tickmark-in-range-bg)}:host(:not([hidden])) .ui5-slider-handle-container .ui5-slider-tooltip{bottom:var(--udex-slider-tooltip-bottom);border:var(--udex-slider-tooltip-border);border-radius:var(--udex-slider-tooltip-border-radius);font-size:var(--udex-slider-tooltip-font-size);color:var(--udex-slider-tooltip-color);height:var(--udex-slider-tooltip-height);min-width:var(--udex-slider-tooltip-min-width)}[slider-icon]{width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size)}.ui5-slider-progress-container:after{background-color:var(--udex-slider-progress-after-background)}.ui5-slider-progress-container:before{inset-inline-start:var(--udex-slider-start-end-point-left)}.ui5-slider-progress-container:after{inset-inline-end:var(--udex-slider-start-end-point-right)}.ui5-slider-handle-container{margin-inline-start:calc(-1 * var(--udex-slider-handle-width) / 2);top:var(--udex-slider-handle-top)}.ui5-slider-handle{height:var(--udex-slider-handle-height);width:var(--udex-slider-handle-width)}\n`"]}
+{"version":3,"file":"Slider.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Slider.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAChN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme);\nexport default `:host{--udex-slider-color-track-start-point: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-track-active: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-handle-focus-range: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-color-handle-active-background: var(--sapSlider_Active_HandleBackground, #ffffff);--udex-slider-color-handle-default-icon: var(--sapContent_Selected_ForegroundColor, #0040b0);--udex-slider-radius-range-size: var(--udexRadiusM, 8px);--udex-slider-handle-width: 2.75rem;--udex-slider-handle-top: -.875rem;--udex-slider-handle-height: var(--udexSpacer32, 2rem);--udex-slider-start-end-point-left: -.875rem;--udex-slider-start-end-point-right: -.875rem;--udex-slider-progress-after-background: var(--sapContent_MeasureIndicatorColor,#5b738b);--udex-slider-handle-icon-size: var(--udexSpacer20, 1.25rem);--udex-slider-tooltip-bottom: 2.5rem;--udex-slider-tooltip-border: 1px solid var(--sapField_BorderColor, #5B738B);--udex-slider-tooltip-border-radius: var(--udexSpacer4, .25rem);--udex-slider-tooltip-font-size: var(--udexTypographyNavigationRegularMFontSize,14px);--udex-slider-tooltip-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-tooltip-height: var(--udexSpacer32, 2rem);--udex-slider-tooltip-min-width: 2.75rem;--udex-slider-tickmark-in-range-bg: var(--sapSlider_Selected_BorderColor,#0070f2);--udex-slider-tickmark-bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-label-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-focus-border: 2px solid var(--sapSlider_Active_HandleBorderColor);--udex-slider-progress-focus-top: -1.18rem;--udex-slider-progress-focus-left:calc(-1.375rem - 5px);--udex-slider-progress-focus-height: 42px;--udex-slider-progress-focus-width:calc(100% + 2.75rem + 10px)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size);top:var(--udex-slider-progress-focus-top);height:var(--udex-slider-progress-focus-height);width:var(--udex-slider-progress-focus-width);left:var(--udex-slider-progress-focus-left)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v2-18-0_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-handle:focus{border:var(--udex-slider-handle-focus-border)}.ui5-slider-labels li{color:var(--udex-slider-label-color)}.ui5-slider-tickmarks li{border-inline-start:1px solid var(--udex-slider-tickmark-bg)}.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range{border-inline-start:1px solid var(--udex-slider-tickmark-in-range-bg)}:host(:not([hidden])) .ui5-slider-handle-container .ui5-slider-tooltip{bottom:var(--udex-slider-tooltip-bottom);border:var(--udex-slider-tooltip-border);border-radius:var(--udex-slider-tooltip-border-radius);font-size:var(--udex-slider-tooltip-font-size);color:var(--udex-slider-tooltip-color);height:var(--udex-slider-tooltip-height);min-width:var(--udex-slider-tooltip-min-width)}[slider-icon]{width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size)}.ui5-slider-progress-container:after{background-color:var(--udex-slider-progress-after-background)}.ui5-slider-progress-container:before{inset-inline-start:var(--udex-slider-start-end-point-left)}.ui5-slider-progress-container:after{inset-inline-end:var(--udex-slider-start-end-point-right)}.ui5-slider-handle-container{margin-inline-start:calc(-1 * var(--udex-slider-handle-width) / 2);top:var(--udex-slider-handle-top)}.ui5-slider-handle{height:var(--udex-slider-handle-height);width:var(--udex-slider-handle-width)}\n`"]}

package/dist/generated/themes/Upload.css.d.ts

@@ -1,2 +1,2 @@
-declare const _default: ":host{font-family:var(--sapFontFamily, sans-serif)}.udex-upload__title{line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingRegularXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium);margin:0;padding:0}.udex-upload__additional-text{padding:0;margin:0;margin-top:var(--udexSpacer8);margin-bottom:var(--udexSpacer24);color:var(--udexColorGrey7);font-size:var(--udexTypographyBodyXXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.udex-upload__files-wrapper{display:flex;flex-direction:column;margin-top:var(--udexSpacer24, 24px)}.udex-upload__upload-button-container{display:flex;gap:var(--udexSpacer16);align-items:center}.udex-upload__upload-button input{display:none}.udex-upload__supporting-error-text,.udex-upload__supporting-text{padding:0;margin:0;font-size:var(--udexTypographyBodyXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.udex-upload__supporting-text{color:var(--sapNeutralTextColor, var(--udexColorGrey7))}.udex-upload__supporting-error-text{color:var(--sapNegativeColor, var(--udexColorRed7))}:host([required]) .udex-upload__title:after{content:\"*\";color:var(--udexColorGrey7);line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingRegularXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium)}@media (max-width: 979px){.udex-upload__title,:host([required]) .udex-upload__title:after{line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingRegularXXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium)}}\n";
+declare const _default: ":host{font-family:var(--sapFontFamily, sans-serif)}.udex-upload__title{line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingRegularXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium);margin:0;padding:0}.udex-upload__additional-text{padding:0;margin:0;margin-top:var(--udexSpacer8);margin-bottom:var(--udexSpacer24);color:var(--udexColorGrey7);font-size:var(--udexTypographyBodyXXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.udex-upload__files-wrapper{display:flex;flex-direction:column;margin-top:var(--udexSpacer24, 24px)}.udex-upload__upload-button-container{display:flex;gap:var(--udexSpacer16);align-items:center}.udex-upload__upload-button-container #fileUploader{flex-shrink:0}.udex-upload__upload-button input{display:none}.udex-upload__supporting-error-text,.udex-upload__supporting-text{padding:0;margin:0;font-size:var(--udexTypographyBodyXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.udex-upload__supporting-text{color:var(--sapNeutralTextColor, var(--udexColorGrey7))}.udex-upload__supporting-error-text{color:var(--sapNegativeColor, var(--udexColorRed7))}:host([required]) .udex-upload__title:after{content:\"*\";color:var(--udexColorGrey7);line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingRegularXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium)}@media (max-width: 979px){.udex-upload__title,:host([required]) .udex-upload__title:after{line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingRegularXXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium)}}\n";
 export default _default;

package/dist/generated/themes/Upload.css.js

@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
 import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
-export default `:host{font-family:var(--sapFontFamily, sans-serif)}.udex-upload__title{line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingRegularXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium);margin:0;padding:0}.udex-upload__additional-text{padding:0;margin:0;margin-top:var(--udexSpacer8);margin-bottom:var(--udexSpacer24);color:var(--udexColorGrey7);font-size:var(--udexTypographyBodyXXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.udex-upload__files-wrapper{display:flex;flex-direction:column;margin-top:var(--udexSpacer24, 24px)}.udex-upload__upload-button-container{display:flex;gap:var(--udexSpacer16);align-items:center}.udex-upload__upload-button input{display:none}.udex-upload__supporting-error-text,.udex-upload__supporting-text{padding:0;margin:0;font-size:var(--udexTypographyBodyXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.udex-upload__supporting-text{color:var(--sapNeutralTextColor, var(--udexColorGrey7))}.udex-upload__supporting-error-text{color:var(--sapNegativeColor, var(--udexColorRed7))}:host([required]) .udex-upload__title:after{content:"*";color:var(--udexColorGrey7);line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingRegularXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium)}@media (max-width: 979px){.udex-upload__title,:host([required]) .udex-upload__title:after{line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingRegularXXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium)}}
+export default `:host{font-family:var(--sapFontFamily, sans-serif)}.udex-upload__title{line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingRegularXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium);margin:0;padding:0}.udex-upload__additional-text{padding:0;margin:0;margin-top:var(--udexSpacer8);margin-bottom:var(--udexSpacer24);color:var(--udexColorGrey7);font-size:var(--udexTypographyBodyXXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.udex-upload__files-wrapper{display:flex;flex-direction:column;margin-top:var(--udexSpacer24, 24px)}.udex-upload__upload-button-container{display:flex;gap:var(--udexSpacer16);align-items:center}.udex-upload__upload-button-container #fileUploader{flex-shrink:0}.udex-upload__upload-button input{display:none}.udex-upload__supporting-error-text,.udex-upload__supporting-text{padding:0;margin:0;font-size:var(--udexTypographyBodyXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.udex-upload__supporting-text{color:var(--sapNeutralTextColor, var(--udexColorGrey7))}.udex-upload__supporting-error-text{color:var(--sapNegativeColor, var(--udexColorRed7))}:host([required]) .udex-upload__title:after{content:"*";color:var(--udexColorGrey7);line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingRegularXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium)}@media (max-width: 979px){.udex-upload__title,:host([required]) .udex-upload__title:after{line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingRegularXXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium)}}
 `;
 //# sourceMappingURL=Upload.css.js.map

package/dist/generated/themes/Upload.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Upload.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Upload.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAChN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme);\nexport default `:host{font-family:var(--sapFontFamily, sans-serif)}.udex-upload__title{line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingRegularXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium);margin:0;padding:0}.udex-upload__additional-text{padding:0;margin:0;margin-top:var(--udexSpacer8);margin-bottom:var(--udexSpacer24);color:var(--udexColorGrey7);font-size:var(--udexTypographyBodyXXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.udex-upload__files-wrapper{display:flex;flex-direction:column;margin-top:var(--udexSpacer24, 24px)}.udex-upload__upload-button-container{display:flex;gap:var(--udexSpacer16);align-items:center}.udex-upload__upload-button input{display:none}.udex-upload__supporting-error-text,.udex-upload__supporting-text{padding:0;margin:0;font-size:var(--udexTypographyBodyXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.udex-upload__supporting-text{color:var(--sapNeutralTextColor, var(--udexColorGrey7))}.udex-upload__supporting-error-text{color:var(--sapNegativeColor, var(--udexColorRed7))}:host([required]) .udex-upload__title:after{content:\"*\";color:var(--udexColorGrey7);line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingRegularXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium)}@media (max-width: 979px){.udex-upload__title,:host([required]) .udex-upload__title:after{line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingRegularXXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium)}}\n`"]}
+{"version":3,"file":"Upload.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Upload.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAChN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme);\nexport default `:host{font-family:var(--sapFontFamily, sans-serif)}.udex-upload__title{line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingRegularXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium);margin:0;padding:0}.udex-upload__additional-text{padding:0;margin:0;margin-top:var(--udexSpacer8);margin-bottom:var(--udexSpacer24);color:var(--udexColorGrey7);font-size:var(--udexTypographyBodyXXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.udex-upload__files-wrapper{display:flex;flex-direction:column;margin-top:var(--udexSpacer24, 24px)}.udex-upload__upload-button-container{display:flex;gap:var(--udexSpacer16);align-items:center}.udex-upload__upload-button-container #fileUploader{flex-shrink:0}.udex-upload__upload-button input{display:none}.udex-upload__supporting-error-text,.udex-upload__supporting-text{padding:0;margin:0;font-size:var(--udexTypographyBodyXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.udex-upload__supporting-text{color:var(--sapNeutralTextColor, var(--udexColorGrey7))}.udex-upload__supporting-error-text{color:var(--sapNegativeColor, var(--udexColorRed7))}:host([required]) .udex-upload__title:after{content:\"*\";color:var(--udexColorGrey7);line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingRegularXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium)}@media (max-width: 979px){.udex-upload__title,:host([required]) .udex-upload__title:after{line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingRegularXXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium)}}\n`"]}

package/dist/types/BadgeDesign.d.ts

@@ -3,7 +3,25 @@ export declare enum UDExTextBadgeDesign {
     Information = "Information",
     Positive = "Positive",
     Warning = "Warning",
-    Neutral = "Neutral"
+    Neutral = "Neutral",
+    "Grey-Light" = "Grey-Light",
+    "Grey-Dark" = "Grey-Dark",
+    "Red-Light" = "Red-Light",
+    "Red-Dark" = "Red-Dark",
+    "Mango-Light" = "Mango-Light",
+    "Mango-Dark" = "Mango-Dark",
+    "Green-Light" = "Green-Light",
+    "Green-Dark" = "Green-Dark",
+    "Teal-Light" = "Teal-Light",
+    "Teal-Dark" = "Teal-Dark",
+    "Blue-Light" = "Blue-Light",
+    "Blue-Dark" = "Blue-Dark",
+    "Indigo-Light" = "Indigo-Light",
+    "Indigo-Dark" = "Indigo-Dark",
+    "Pink-Light" = "Pink-Light",
+    "Pink-Dark" = "Pink-Dark",
+    "Raspberry-Light" = "Raspberry-Light",
+    "Raspberry-Dark" = "Raspberry-Dark"
 }
 export declare enum UDExNumberBadgeDesign {
     Blue = "Blue",

package/dist/types/BadgeDesign.js

@@ -5,6 +5,24 @@ export var UDExTextBadgeDesign;
     UDExTextBadgeDesign["Positive"] = "Positive";
     UDExTextBadgeDesign["Warning"] = "Warning";
     UDExTextBadgeDesign["Neutral"] = "Neutral";
+    UDExTextBadgeDesign["Grey-Light"] = "Grey-Light";
+    UDExTextBadgeDesign["Grey-Dark"] = "Grey-Dark";
+    UDExTextBadgeDesign["Red-Light"] = "Red-Light";
+    UDExTextBadgeDesign["Red-Dark"] = "Red-Dark";
+    UDExTextBadgeDesign["Mango-Light"] = "Mango-Light";
+    UDExTextBadgeDesign["Mango-Dark"] = "Mango-Dark";
+    UDExTextBadgeDesign["Green-Light"] = "Green-Light";
+    UDExTextBadgeDesign["Green-Dark"] = "Green-Dark";
+    UDExTextBadgeDesign["Teal-Light"] = "Teal-Light";
+    UDExTextBadgeDesign["Teal-Dark"] = "Teal-Dark";
+    UDExTextBadgeDesign["Blue-Light"] = "Blue-Light";
+    UDExTextBadgeDesign["Blue-Dark"] = "Blue-Dark";
+    UDExTextBadgeDesign["Indigo-Light"] = "Indigo-Light";
+    UDExTextBadgeDesign["Indigo-Dark"] = "Indigo-Dark";
+    UDExTextBadgeDesign["Pink-Light"] = "Pink-Light";
+    UDExTextBadgeDesign["Pink-Dark"] = "Pink-Dark";
+    UDExTextBadgeDesign["Raspberry-Light"] = "Raspberry-Light";
+    UDExTextBadgeDesign["Raspberry-Dark"] = "Raspberry-Dark";
 })(UDExTextBadgeDesign || (UDExTextBadgeDesign = {}));
 export var UDExNumberBadgeDesign;
 (function (UDExNumberBadgeDesign) {
@@ -22,7 +40,30 @@ export var UDExTypeBadgeDesign;
     UDExTypeBadgeDesign["Text"] = "Text";
     UDExTypeBadgeDesign["Number"] = "Number";
 })(UDExTypeBadgeDesign || (UDExTypeBadgeDesign = {}));
-export const textBadgeOptions = [UDExTextBadgeDesign.Negative, UDExTextBadgeDesign.Information, UDExTextBadgeDesign.Neutral, UDExTextBadgeDesign.Positive, UDExTextBadgeDesign.Warning];
+export const textBadgeOptions = [UDExTextBadgeDesign.Negative,
+    UDExTextBadgeDesign.Information,
+    UDExTextBadgeDesign.Neutral,
+    UDExTextBadgeDesign.Positive,
+    UDExTextBadgeDesign.Warning,
+    UDExTextBadgeDesign["Blue-Dark"],
+    UDExTextBadgeDesign["Blue-Light"],
+    UDExTextBadgeDesign["Green-Dark"],
+    UDExTextBadgeDesign["Green-Light"],
+    UDExTextBadgeDesign["Grey-Dark"],
+    UDExTextBadgeDesign["Grey-Light"],
+    UDExTextBadgeDesign["Indigo-Dark"],
+    UDExTextBadgeDesign["Indigo-Light"],
+    UDExTextBadgeDesign["Mango-Dark"],
+    UDExTextBadgeDesign["Mango-Light"],
+    UDExTextBadgeDesign["Pink-Dark"],
+    UDExTextBadgeDesign["Pink-Light"],
+    UDExTextBadgeDesign["Raspberry-Dark"],
+    UDExTextBadgeDesign["Raspberry-Light"],
+    UDExTextBadgeDesign["Red-Dark"],
+    UDExTextBadgeDesign["Red-Light"],
+    UDExTextBadgeDesign["Teal-Dark"],
+    UDExTextBadgeDesign["Teal-Light"],
+];
 export const numberBadgeOptions = [UDExNumberBadgeDesign.Blue, UDExNumberBadgeDesign.Red, UDExNumberBadgeDesign.Neutral];
 export const sizeBadgeOptions = [UDExSizeBadgeDesign.Medium, UDExSizeBadgeDesign.Small];
 export const typeBadgeOptions = [UDExTypeBadgeDesign.Text, UDExTypeBadgeDesign.Number];

package/dist/types/BadgeDesign.js.map

@@ -1 +1 @@
-{"version":3,"file":"BadgeDesign.js","sourceRoot":"","sources":["../../src/types/BadgeDesign.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,mBAMX;AAND,WAAY,mBAAmB;IAC7B,4CAAqB,CAAA;IACrB,kDAA2B,CAAA;IAC3B,4CAAqB,CAAA;IACrB,0CAAmB,CAAA;IACnB,0CAAmB,CAAA;AACrB,CAAC,EANW,mBAAmB,KAAnB,mBAAmB,QAM9B;AAED,MAAM,CAAN,IAAY,qBAIX;AAJD,WAAY,qBAAqB;IAC/B,sCAAa,CAAA;IACb,oCAAW,CAAA;IACX,4CAAmB,CAAA;AACrB,CAAC,EAJW,qBAAqB,KAArB,qBAAqB,QAIhC;AAED,MAAM,CAAN,IAAY,mBAGX;AAHD,WAAY,mBAAmB;IAC7B,wCAAiB,CAAA;IACjB,sCAAe,CAAA;AACjB,CAAC,EAHW,mBAAmB,KAAnB,mBAAmB,QAG9B;AAED,MAAM,CAAN,IAAY,mBAGX;AAHD,WAAY,mBAAmB;IAC7B,oCAAa,CAAA;IACb,wCAAiB,CAAA;AACnB,CAAC,EAHW,mBAAmB,KAAnB,mBAAmB,QAG9B;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,mBAAmB,CAAC,QAAQ,EAAE,mBAAmB,CAAC,WAAW,EAAE,mBAAmB,CAAC,OAAO,EAAE,mBAAmB,CAAC,QAAQ,EAAE,mBAAmB,CAAC,OAAO,CAAC,CAAC;AACxL,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,qBAAqB,CAAC,IAAI,EAAE,qBAAqB,CAAC,GAAG,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAC;AAEzH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,mBAAmB,CAAC,MAAM,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC;AAExF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,mBAAmB,CAAC,IAAI,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC","sourcesContent":["export enum UDExTextBadgeDesign{\n  Negative = \"Negative\",\n  Information = \"Information\",\n  Positive = \"Positive\",\n  Warning = \"Warning\",\n  Neutral = \"Neutral\",\n}\n\nexport enum UDExNumberBadgeDesign{\n  Blue = \"Blue\",\n  Red = \"Red\",\n  Neutral = \"Neutral\",\n}\n\nexport enum UDExSizeBadgeDesign {\n  Medium = \"Medium\",\n  Small = \"Small\",\n}\n\nexport enum UDExTypeBadgeDesign {\n  Text = \"Text\",\n  Number = \"Number\",\n}\n\nexport const textBadgeOptions = [UDExTextBadgeDesign.Negative, UDExTextBadgeDesign.Information, UDExTextBadgeDesign.Neutral, UDExTextBadgeDesign.Positive, UDExTextBadgeDesign.Warning];\nexport const numberBadgeOptions = [UDExNumberBadgeDesign.Blue, UDExNumberBadgeDesign.Red, UDExNumberBadgeDesign.Neutral];\n\nexport const sizeBadgeOptions = [UDExSizeBadgeDesign.Medium, UDExSizeBadgeDesign.Small];\n\nexport const typeBadgeOptions = [UDExTypeBadgeDesign.Text, UDExTypeBadgeDesign.Number];\n"]}
+{"version":3,"file":"BadgeDesign.js","sourceRoot":"","sources":["../../src/types/BadgeDesign.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,mBAwBX;AAxBD,WAAY,mBAAmB;IAC7B,4CAAqB,CAAA;IACrB,kDAA2B,CAAA;IAC3B,4CAAqB,CAAA;IACrB,0CAAmB,CAAA;IACnB,0CAAmB,CAAA;IACnB,gDAA2B,CAAA;IAC3B,8CAAyB,CAAA;IACzB,8CAAyB,CAAA;IACzB,4CAAuB,CAAA;IACvB,kDAA6B,CAAA;IAC7B,gDAA2B,CAAA;IAC3B,kDAA6B,CAAA;IAC7B,gDAA2B,CAAA;IAC3B,gDAA2B,CAAA;IAC3B,8CAAyB,CAAA;IACzB,gDAA2B,CAAA;IAC3B,8CAAyB,CAAA;IACzB,oDAA+B,CAAA;IAC/B,kDAA6B,CAAA;IAC7B,gDAA2B,CAAA;IAC3B,8CAAyB,CAAA;IACzB,0DAAqC,CAAA;IACrC,wDAAmC,CAAA;AACrC,CAAC,EAxBW,mBAAmB,KAAnB,mBAAmB,QAwB9B;AAED,MAAM,CAAN,IAAY,qBAIX;AAJD,WAAY,qBAAqB;IAC/B,sCAAa,CAAA;IACb,oCAAW,CAAA;IACX,4CAAmB,CAAA;AACrB,CAAC,EAJW,qBAAqB,KAArB,qBAAqB,QAIhC;AAED,MAAM,CAAN,IAAY,mBAGX;AAHD,WAAY,mBAAmB;IAC7B,wCAAiB,CAAA;IACjB,sCAAe,CAAA;AACjB,CAAC,EAHW,mBAAmB,KAAnB,mBAAmB,QAG9B;AAED,MAAM,CAAN,IAAY,mBAGX;AAHD,WAAY,mBAAmB;IAC7B,oCAAa,CAAA;IACb,wCAAiB,CAAA;AACnB,CAAC,EAHW,mBAAmB,KAAnB,mBAAmB,QAG9B;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,mBAAmB,CAAC,QAAQ;IAC3D,mBAAmB,CAAC,WAAW;IAC/B,mBAAmB,CAAC,OAAO;IAC3B,mBAAmB,CAAC,QAAQ;IAC5B,mBAAmB,CAAC,OAAO;IAC3B,mBAAmB,CAAC,WAAW,CAAC;IAChC,mBAAmB,CAAC,YAAY,CAAC;IACjC,mBAAmB,CAAC,YAAY,CAAC;IACjC,mBAAmB,CAAC,aAAa,CAAC;IAClC,mBAAmB,CAAC,WAAW,CAAC;IAChC,mBAAmB,CAAC,YAAY,CAAC;IACjC,mBAAmB,CAAC,aAAa,CAAC;IAClC,mBAAmB,CAAC,cAAc,CAAC;IACnC,mBAAmB,CAAC,YAAY,CAAC;IACjC,mBAAmB,CAAC,aAAa,CAAC;IAClC,mBAAmB,CAAC,WAAW,CAAC;IAChC,mBAAmB,CAAC,YAAY,CAAC;IACjC,mBAAmB,CAAC,gBAAgB,CAAC;IACrC,mBAAmB,CAAC,iBAAiB,CAAC;IACtC,mBAAmB,CAAC,UAAU,CAAC;IAC/B,mBAAmB,CAAC,WAAW,CAAC;IAChC,mBAAmB,CAAC,WAAW,CAAC;IAChC,mBAAmB,CAAC,YAAY,CAAC;CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,qBAAqB,CAAC,IAAI,EAAE,qBAAqB,CAAC,GAAG,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAC;AAEzH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,mBAAmB,CAAC,MAAM,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC;AAExF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,mBAAmB,CAAC,IAAI,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC","sourcesContent":["export enum UDExTextBadgeDesign {\n  Negative = \"Negative\",\n  Information = \"Information\",\n  Positive = \"Positive\",\n  Warning = \"Warning\",\n  Neutral = \"Neutral\",\n  \"Grey-Light\" = \"Grey-Light\",\n  \"Grey-Dark\" = \"Grey-Dark\",\n  \"Red-Light\" = \"Red-Light\",\n  \"Red-Dark\" = \"Red-Dark\",\n  \"Mango-Light\" = \"Mango-Light\",\n  \"Mango-Dark\" = \"Mango-Dark\",\n  \"Green-Light\" = \"Green-Light\",\n  \"Green-Dark\" = \"Green-Dark\",\n  \"Teal-Light\" = \"Teal-Light\",\n  \"Teal-Dark\" = \"Teal-Dark\",\n  \"Blue-Light\" = \"Blue-Light\",\n  \"Blue-Dark\" = \"Blue-Dark\",\n  \"Indigo-Light\" = \"Indigo-Light\",\n  \"Indigo-Dark\" = \"Indigo-Dark\",\n  \"Pink-Light\" = \"Pink-Light\",\n  \"Pink-Dark\" = \"Pink-Dark\",\n  \"Raspberry-Light\" = \"Raspberry-Light\",\n  \"Raspberry-Dark\" = \"Raspberry-Dark\",\n}\n\nexport enum UDExNumberBadgeDesign {\n  Blue = \"Blue\",\n  Red = \"Red\",\n  Neutral = \"Neutral\",\n}\n\nexport enum UDExSizeBadgeDesign {\n  Medium = \"Medium\",\n  Small = \"Small\",\n}\n\nexport enum UDExTypeBadgeDesign {\n  Text = \"Text\",\n  Number = \"Number\",\n}\n\nexport const textBadgeOptions = [UDExTextBadgeDesign.Negative,\n  UDExTextBadgeDesign.Information,\n  UDExTextBadgeDesign.Neutral,\n  UDExTextBadgeDesign.Positive,\n  UDExTextBadgeDesign.Warning,\n  UDExTextBadgeDesign[\"Blue-Dark\"],\n  UDExTextBadgeDesign[\"Blue-Light\"],\n  UDExTextBadgeDesign[\"Green-Dark\"],\n  UDExTextBadgeDesign[\"Green-Light\"],\n  UDExTextBadgeDesign[\"Grey-Dark\"],\n  UDExTextBadgeDesign[\"Grey-Light\"],\n  UDExTextBadgeDesign[\"Indigo-Dark\"],\n  UDExTextBadgeDesign[\"Indigo-Light\"],\n  UDExTextBadgeDesign[\"Mango-Dark\"],\n  UDExTextBadgeDesign[\"Mango-Light\"],\n  UDExTextBadgeDesign[\"Pink-Dark\"],\n  UDExTextBadgeDesign[\"Pink-Light\"],\n  UDExTextBadgeDesign[\"Raspberry-Dark\"],\n  UDExTextBadgeDesign[\"Raspberry-Light\"],\n  UDExTextBadgeDesign[\"Red-Dark\"],\n  UDExTextBadgeDesign[\"Red-Light\"],\n  UDExTextBadgeDesign[\"Teal-Dark\"],\n  UDExTextBadgeDesign[\"Teal-Light\"],\n];\n\nexport const numberBadgeOptions = [UDExNumberBadgeDesign.Blue, UDExNumberBadgeDesign.Red, UDExNumberBadgeDesign.Neutral];\n\nexport const sizeBadgeOptions = [UDExSizeBadgeDesign.Medium, UDExSizeBadgeDesign.Small];\n\nexport const typeBadgeOptions = [UDExTypeBadgeDesign.Text, UDExTypeBadgeDesign.Number];\n"]}

package/dist/vscode.html-custom-data.json

@@ -163,7 +163,17 @@
             { "name": "Negative" },
             { "name": "Information" },
             { "name": "Positive" },
-            { "name": "Warning" }
+            { "name": "Warning" },
+            { "name": "Grey-Light" },
+            { "name": "Grey-Dark" },
+            { "name": "Red-Light" },
+            { "name": "Red-Dark" },
+            { "name": "Mango-Light" },
+            { "name": "Mango-Dark" },
+            { "name": "Green-Light" },
+            { "name": "Green-Dark" },
+            { "name": "... 9 more ..." },
+            { "name": "Raspberry-Dark" }
           ]
         },
         {
@@ -1057,7 +1067,7 @@
     },
     {
       "name": "udex-footer",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-footer</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Footer.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **logo-click** - Triggered on click interaction with logo in footer\n- **back-to-top-click** - Triggered on click interaction with \"Back to Top\" button\n- **contact-phone-click** - Triggered on click interaction with phone number link in footer\n- **contact-phone-local-numbers-click** - Triggered on click interaction with local country numbers list link\n- **contact-email-click** - Triggered on click interaction with \"Contact us by email\" link\n- **contact-chat-click** - Triggered on click interaction with \"Contact us by chat\" link\n- **quick-links-click** - Triggered on click interaction with a link within \"Quick Links\" category\n- **trending-click** - Triggered on click interaction with a link within \"Trending\" category\n- **about-sap-click** - Triggered on click interaction with a link within \"About SAP\" category\n- **site-information-click** - Triggered on click interaction with a link within \"Site Information\" category\n- **social-media-link-click** - Triggered on click interaction with any of the social media links within footer",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-footer</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Footer.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **logo-click** - Triggered on click interaction with logo in footer\n- **back-to-top-click** - Triggered on click interaction with \"Back to Top\" button\n- **contact-phone-click** - Triggered on click interaction with phone number link in footer\n- **contact-phone-local-numbers-click** - Triggered on click interaction with local country numbers list link\n- **contact-email-click** - Triggered on click interaction with \"Contact us by email\" link\n- **contact-chat-click** - Triggered on click interaction with \"Contact us by chat\" link\n- **quick-links-click** - Triggered on click interaction with a link within \"Quick Links\" category\n- **trending-click** - Triggered on click interaction with a link within \"Trending\" category\n- **about-sap-click** - Triggered on click interaction with a link within \"About SAP\" category\n- **site-information-click** - Triggered on click interaction with a link within \"Site Information\" category\n- **social-media-link-click** - Triggered on click interaction with any of the social media links within footer\n- **accordion-item-click** - Triggered when the user clicks on an accordion item.",
       "attributes": [
         {
           "name": "logo-title",

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@sapudex/web-components",
-  "version": "2.17.1",
+  "version": "2.18.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -342,7 +342,7 @@
               "name": "design",
               "description": "Defines the design of text type component.",
               "value": {
-                "type": "\"Neutral\" | \"Negative\" | \"Information\" | \"Positive\" | \"Warning\"",
+                "type": "\"Neutral\" | \"Negative\" | \"Information\" | \"Positive\" | \"Warning\" | \"Grey-Light\" | \"Grey-Dark\" | \"Red-Light\" | \"Red-Dark\" | \"Mango-Light\" | \"Mango-Dark\" | \"Green-Light\" | \"Green-Dark\" | ... 9 more ... | \"Raspberry-Dark\"",
                 "default": "\"Information\""
               }
             },
@@ -388,7 +388,7 @@
                 "name": "design",
                 "description": "Defines the design of text type component.",
                 "value": {
-                  "type": "\"Neutral\" | \"Negative\" | \"Information\" | \"Positive\" | \"Warning\""
+                  "type": "\"Neutral\" | \"Negative\" | \"Information\" | \"Positive\" | \"Warning\" | \"Grey-Light\" | \"Grey-Dark\" | \"Red-Light\" | \"Red-Dark\" | \"Mango-Light\" | \"Mango-Dark\" | \"Green-Light\" | \"Green-Dark\" | ... 9 more ... | \"Raspberry-Dark\""
                 }
               },
               {
@@ -2366,7 +2366,7 @@
         },
         {
           "name": "udex-footer",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-footer</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Footer.js\";</code>\n---\n\n\n### **Events:**\n - **logo-click** - Triggered on click interaction with logo in footer\n- **back-to-top-click** - Triggered on click interaction with \"Back to Top\" button\n- **contact-phone-click** - Triggered on click interaction with phone number link in footer\n- **contact-phone-local-numbers-click** - Triggered on click interaction with local country numbers list link\n- **contact-email-click** - Triggered on click interaction with \"Contact us by email\" link\n- **contact-chat-click** - Triggered on click interaction with \"Contact us by chat\" link\n- **quick-links-click** - Triggered on click interaction with a link within \"Quick Links\" category\n- **trending-click** - Triggered on click interaction with a link within \"Trending\" category\n- **about-sap-click** - Triggered on click interaction with a link within \"About SAP\" category\n- **site-information-click** - Triggered on click interaction with a link within \"Site Information\" category\n- **social-media-link-click** - Triggered on click interaction with any of the social media links within footer",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-footer</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Footer.js\";</code>\n---\n\n\n### **Events:**\n - **logo-click** - Triggered on click interaction with logo in footer\n- **back-to-top-click** - Triggered on click interaction with \"Back to Top\" button\n- **contact-phone-click** - Triggered on click interaction with phone number link in footer\n- **contact-phone-local-numbers-click** - Triggered on click interaction with local country numbers list link\n- **contact-email-click** - Triggered on click interaction with \"Contact us by email\" link\n- **contact-chat-click** - Triggered on click interaction with \"Contact us by chat\" link\n- **quick-links-click** - Triggered on click interaction with a link within \"Quick Links\" category\n- **trending-click** - Triggered on click interaction with a link within \"Trending\" category\n- **about-sap-click** - Triggered on click interaction with a link within \"About SAP\" category\n- **site-information-click** - Triggered on click interaction with a link within \"Site Information\" category\n- **social-media-link-click** - Triggered on click interaction with any of the social media links within footer\n- **accordion-item-click** - Triggered when the user clicks on an accordion item.",
           "doc-url": "",
           "attributes": [
             {
@@ -2534,6 +2534,10 @@
             {
               "name": "social-media-link-click",
               "description": "Triggered on click interaction with any of the social media links within footer"
+            },
+            {
+              "name": "accordion-item-click",
+              "description": "Triggered when the user clicks on an accordion item."
             }
           ],
           "js": {
@@ -2703,6 +2707,10 @@
               {
                 "name": "social-media-link-click",
                 "description": "Triggered on click interaction with any of the social media links within footer"
+              },
+              {
+                "name": "accordion-item-click",
+                "description": "Triggered when the user clicks on an accordion item."
               }
             ]
           }

package/package-scripts.cjs

@@ -2,14 +2,16 @@ const getScripts = require("@ui5/webcomponents-tools/components-package/nps.js")
 
 const options = {
   port: 8080,
-  typescript: true,
+  jsx: true,
+  legacy: true
 };
 
 const scripts = getScripts(options);
 
 // Change baseline Vite dev server config to not open app in browser since we use Storybook
 const customWatchBundle = scripts.watch.bundle.split(' ');
-customWatchBundle[1] = './config/dev-server.mjs';
+customWatchBundle[1] = require.resolve('./config/dev-server.mjs');
+customWatchBundle[0] = 'node';
 scripts.watch.bundle = customWatchBundle.join(' ');
 
 module.exports = {

package/package.json

@@ -1,14 +1,14 @@
 {
   "type": "module",
   "name": "@sapudex/web-components",
-  "version": "2.17.1",
+  "version": "2.18.0",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
   "ui5": {
     "webComponentsPackage": true
   },
-  "customElements": "./dist/custom-elements.json",
+  "customElements": "dist/custom-elements.json",
   "scripts": {
     "clean": "wc-dev clean",
     "lint": "npx eslint .",
@@ -37,19 +37,19 @@
   "dependencies": {
     "@types/vimeo__player": "^2.18.3",
     "@types/youtube": "^0.1.2",
-    "@ui5/webcomponents": "2.14.0",
-    "@ui5/webcomponents-base": "2.14.0",
-    "@ui5/webcomponents-fiori": "2.14.0",
-    "@ui5/webcomponents-icons": "2.14.0",
-    "@ui5/webcomponents-localization": "2.14.0",
-    "@ui5/webcomponents-theming": "2.14.0",
+    "@ui5/webcomponents": "2.17.0",
+    "@ui5/webcomponents-base": "2.17.0",
+    "@ui5/webcomponents-fiori": "2.17.0",
+    "@ui5/webcomponents-icons": "2.17.0",
+    "@ui5/webcomponents-localization": "2.17.0",
+    "@ui5/webcomponents-theming": "2.17.0",
     "@vimeo/player": "^2.24.0",
     "video.js": "8.22.0"
   },
   "devDependencies": {
     "@cypress/code-coverage": "^3.14.5",
     "@ui5/cypress-ct-ui5-webc": "^0.0.4",
-    "@ui5/webcomponents-tools": "2.14.0",
+    "@ui5/webcomponents-tools": "2.17.0",
     "chromedriver": "142.0.0",
     "cross-env": "^7.0.3",
     "cypress": "^14.3.3",

package/src/Accordion.ts

@@ -8,7 +8,7 @@ import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import jsxRenderer from "@ui5/webcomponents-base/renderer/JsxRenderer.js";
 import "@ui5/webcomponents-icons/dist/feeder-arrow.js";
 import {
-  isEnter, isSpace, isUp, isDown, isEnd, isHome, isTabPrevious, isTabNext,
+  isEnter, isSpace, isEnd, isHome, isTabPrevious, isTabNext,
 } from "@ui5/webcomponents-base/dist/Keys.js";
 import AccordionTemplate from "./AccordionTemplate.js";
 import type UDExAccordionItem from "./AccordionItem.js";
@@ -210,11 +210,11 @@ class UDExAccordion extends UI5Element {
       focusOnItem(len - 1);
     }
 
-    if (isTabPrevious(e) || isUp(e)) {
+    if (isTabPrevious(e)) {
       focusOnItem(this._activeItemIndex > 0 ? this._activeItemIndex - 1 : len - 1);
     }
 
-    if (isTabNext(e) || isDown(e)) {
+    if (isTabNext(e)) {
       focusOnItem(this._activeItemIndex < len - 1 ? this._activeItemIndex + 1 : 0);
     }
   }

package/src/AccordionItem.ts

@@ -17,6 +17,11 @@ export enum UDExAccordionItemTitleSize {
   Large = "Large"
 }
 
+type UDExAccordionItemClickEventDetail = {
+  name: string | undefined;
+  expanded: boolean;
+}
+
 /**
  * @class
  *
@@ -58,7 +63,7 @@ export enum UDExAccordionItemTitleSize {
 class UDExAccordionItem extends UI5Element {
   eventDetails!: {
     "accordion-item-focus": void,
-    "accordion-item-click": void,
+    "accordion-item-click": UDExAccordionItemClickEventDetail,
   };
   /**
    * Defines the Badge at the end of the label item.
@@ -177,7 +182,7 @@ class UDExAccordionItem extends UI5Element {
     e.preventDefault();
     this.expanded = !this.expanded;
     this.setContentHeight();
-    this.fireDecoratorEvent("accordion-item-click");
+    this.fireDecoratorEvent("accordion-item-click", { name: this.label, expanded: this.expanded });
   }
 
   focusHandler() {
@@ -206,3 +211,4 @@ class UDExAccordionItem extends UI5Element {
 UDExAccordionItem.define();
 
 export default UDExAccordionItem;
+export type { UDExAccordionItemClickEventDetail };

package/src/AccordionItemTemplate.tsx

@@ -55,6 +55,7 @@ export default function AccordionItemTemplate(this: AccordionItem) {
       </button>
       <div
         id={ariaControlsId}
+        aria-hidden={!this.expanded}
         aria-labelledby={ariaLabelledbyId}
         className={`${rootClass}__content ${titleClass}`}
         onKeyDown={this.contentKeydown}

package/src/Assets.ts

@@ -1,5 +1,5 @@
-import "@ui5/webcomponents-theming/dist/Assets.js"; // Theming
-import "@ui5/webcomponents-localization/dist/Assets.js";
+// ui5 web components packages assets (main & fiori)
+import "@ui5/webcomponents-fiori/dist/Assets.js";
 
 // own web-components package assets
 import "./generated/json-imports/Themes.js";

package/src/Footer.ts

@@ -10,6 +10,7 @@ import { getLanguage } from "@ui5/webcomponents-base/dist/config/Language.js";
 import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
 import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import Icon from "@ui5/webcomponents/dist/Icon.js";
+import type { UDExAccordionItemClickEventDetail } from "./AccordionItem.js";
 import UDExAccordionItem from "./AccordionItem.js";
 import UDExButton from "./Button.js";
 import UDExAccordion from "./Accordion.js";
@@ -172,6 +173,12 @@ type DetailedEvents = "quick-links-click" | "trending-click" | "about-sap-click"
  */
 @event("social-media-link-click", { bubbles: true })
 
+/**
+ * Triggered when the user clicks on an accordion item.
+ * @public
+ */
+@event("accordion-item-click", { bubbles: true })
+
 class UDExFooter extends UI5Element {
   eventDetails!: {
     "logo-click": UDExFooterBaseEventDetail,
@@ -185,6 +192,7 @@ class UDExFooter extends UI5Element {
     "about-sap-click": UDExFooterDetailedClickEventDetail,
     "site-information-click":UDExFooterDetailedClickEventDetail,
     "social-media-link-click": UDExFooterDetailedClickEventDetail,
+    "accordion-item-click": UDExAccordionItemClickEventDetail,
   };
   /**
    * Defines the Logo default title
@@ -618,6 +626,10 @@ class UDExFooter extends UI5Element {
       sourceNode,
     });
   }
+
+  handleAccordionItemClick(e: CustomEvent<UDExAccordionItemClickEventDetail>): void {
+    this.fireDecoratorEvent("accordion-item-click", e.detail);
+  }
 }
 
 UDExFooter.define();

package/src/FooterTemplate.tsx

@@ -215,7 +215,7 @@ function mobileNavigation(this: Footer, rootClass: string) {
     <UDExAccordion class={`${rootClass}__accordion`}>
       {this.quickLinksArray.length > 0 && (
         <>
-          <UDExAccordionItem label={this._quickLinksTitle} class={`${rootClass}__action-item`}>
+          <UDExAccordionItem onAccordionItemClick={this.handleAccordionItemClick} label={this._quickLinksTitle} class={`${rootClass}__action-item`}>
             <ul className={`${rootClass}__links-list udex-footer__links-list--mobile`}>
               {this.quickLinksArray.map((link, index) => (
                 <li key={index}>
@@ -239,7 +239,7 @@ function mobileNavigation(this: Footer, rootClass: string) {
 
       {this.trendingLinksArray.length > 0 && (
         <>
-          <UDExAccordionItem label={this._trendingTitle} class={`${rootClass}__action-item`}>
+          <UDExAccordionItem onAccordionItemClick={this.handleAccordionItemClick} label={this._trendingTitle} class={`${rootClass}__action-item`}>
             <ul className={`${rootClass}__links-list ${rootClass}__links-list--mobile`}>
               {this.trendingLinksArray.map((link, index) => (
                 <li key={index}>
@@ -263,7 +263,7 @@ function mobileNavigation(this: Footer, rootClass: string) {
 
       {this.aboutLinksArray.length > 0 && (
         <>
-          <UDExAccordionItem label={this._aboutSapTitle} class={`${rootClass}__action-item`}>
+          <UDExAccordionItem onAccordionItemClick={this.handleAccordionItemClick} label={this._aboutSapTitle} class={`${rootClass}__action-item`}>
             <ul className={`${rootClass}__links-list ${rootClass}__links-list--mobile`}>
               {this.aboutLinksArray.map((link, index) => (
                 <li key={index}>
@@ -287,7 +287,7 @@ function mobileNavigation(this: Footer, rootClass: string) {
 
       {this.siteInformationLinksArray.length > 0 && (
         <>
-          <UDExAccordionItem label={this._siteInformationTitle} class={`${rootClass}__action-item`}>
+          <UDExAccordionItem onAccordionItemClick={this.handleAccordionItemClick} label={this._siteInformationTitle} class={`${rootClass}__action-item`}>
             <ul className={`${rootClass}__links-list rootClass__links-list--mobile`}>
               {this.siteInformationLinksArray.map((link, index) => (
                 <li key={index}>

package/src/MediaPlayer.ts

@@ -1,19 +1,17 @@
 /* eslint-disable @typescript-eslint/no-unsafe-return */
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
 import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
-import Icon from "@ui5/webcomponents/dist/Icon.js";
-import "@ui5/webcomponents-icons/dist/play.js";
-import UDExMediaPlayerYoutube from "./MediaPlayerYoutube.js";
 import type { VimeoPlayer } from "./MediaPlayerVimeo.js";
-import UDExMediaPlayerVimeo from "./MediaPlayerVimeo.js";
 import mapLangFile from "./mediaPlayerLanguageMapping.js";
+import type UDExMediaPlayerYoutube from "./MediaPlayerYoutube.js";
+import type UDExMediaPlayerVimeo from "./MediaPlayerVimeo.js";
 
 // Template
-import MediaPlayerTemplate from "./generated/templates/MediaPlayerTemplate.lit.js";
+import MediaPlayerTemplate from "./MediaPlayerTemplate.js";
 
 // Styles
 import MediaPlayerCss from "./generated/themes/MediaPlayer.css.js";
@@ -58,10 +56,9 @@ type UDExMediaPlayerVideoProgressEventDetail = {
  */
 @customElement({
   tag: "udex-media-player",
-  renderer: litRender,
+  renderer: jsxRenderer,
   styles: MediaPlayerCss,
   template: MediaPlayerTemplate,
-  dependencies: [Icon, UDExMediaPlayerYoutube, UDExMediaPlayerVimeo],
 })
 /**
  * Fires when video is played
@@ -585,7 +582,7 @@ class UDExMediaPlayer extends UI5Element {
     return this._youtubeSrc || this._vimeoSrc;
   }
 
-  get _tracks() {
+  get _tracks(): Array<HTMLTrackElement> {
     return this.getSlottedNodes("caption");
   }