@sapudex/web-components 2.61.0 → 2.62.0

package/src/themes/SideNavigationItem.css

@@ -1,8 +1,11 @@
 :host {
   --udex-side-navigation-item-height: 2.5rem;
-  --udex-side-navigation-icon-color: var(--udexColorGrey9, #223548);
+  --udex-side-navigation-icon-color: var(--udexColorGrey7, #475E75);
+  --udex-side-navigation-item-label-color: var(--udexColorGrey9, #223548);
   --udex-side-navigation-icon-font-size: 1rem;
-  --udex-side-navigation-item-padding-left: var(--udexSpacer12);
+  --udex-side-navigation-item-padding-inline-start: var(--udexSpacer12, 12px);
+  --udex-side-navigation-item-padding-inline-end: var(--udexSpacer12, 12px);
+  --udex-side-navigation-item-icon-padding-inline-start: var(--udexSpacer12, 12px);
   --udex-side-navigation-selection-indicator-display: none;
   --udex-side-navigation-text-weight: var(--udexTypographyFontWeightMedium);
   --udex-side-navigation-selection-background-color: none;
@@ -15,8 +18,30 @@
   font-family: var(--sapFontFamily);
 }
 
+.ui5-sn-item {
+  color: var(--udex-side-navigation-item-label-color);
+}
+
 .ui5-sn-item-ul {
-  overflow: auto;
+  display: grid;
+  grid-template-rows: 0fr;
+  opacity: 0;
+  transition: grid-template-rows 400ms ease-in, opacity 400ms ease-in;
+}
+
+.ui5-sn-item-ul > slot {
+  display: block;
+  overflow: hidden;
+  min-height: 0;
+}
+
+.ui5-sn-item[aria-expanded=false]~.ui5-sn-item-ul {
+  display: grid;
+}
+
+:host([expanded]) .ui5-sn-item-ul {
+  grid-template-rows: 1fr;
+  opacity: 1;
 }
 
 .ui5-sn-item-external-link-icon {
@@ -26,8 +51,9 @@
 .ui5-sn-item, :host(:not([in-popover])) .ui5-sn-item {
   height: auto;
   min-height: 36px;
-  padding-inline-end: var(--udexSpacer12, 12px);
+  padding-inline-end: var(--udex-side-navigation-item-padding-inline-end);
   margin-block-end: var(--udexSpacer4, 4px);
+  transition: background-color 300ms ease-in;
 }
 
 :host([variant="Content"]) .ui5-sn-item {
@@ -55,7 +81,23 @@
   margin: 0;
   padding: 0;
   color: var(--udex-side-navigation-icon-color);
-  padding-inline-start: var(--udexSpacer12, 12px);
+}
+
+.ui5-sn-item-toggle-icon-wrap {
+  padding-inline-start: var(--udex-side-navigation-item-icon-padding-inline-start);
+  display: flex;
+}
+
+.ui5-sn-item-toggle-icon {
+  transition: transform 400ms ease-in;
+}
+
+:host([expanded]) .ui5-sn-item-toggle-icon {
+  transform: rotate(90deg);
+}
+
+:host([expanded]:dir(rtl)) .ui5-sn-item-toggle-icon {
+  transform: rotate(-90deg);
 }
 
 :host(:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon::part(root) {
@@ -72,7 +114,7 @@
 .ui5-sn-item-level1,
 .ui5-sn-item-level1:not(:has(>.ui5-sn-item-icon)),
 .ui5-sn-item-level1.ui5-sn-item-selected:not(:has(>.ui5-sn-item-icon)) {
-  padding-inline-start: var(--udex-side-navigation-item-padding-left);
+  padding-inline-start: var(--udex-side-navigation-item-padding-inline-start);
 }
 
 :host([variant="Content"]) .ui5-sn-item-level1 {
@@ -124,3 +166,11 @@
   background-color: var(--udexColorBlue1, #EBF8FF);
   border-radius: var(--udexSpacer8, 8px);
 }
+
+@media (prefers-reduced-motion: reduce) {
+  .ui5-sn-item,
+  .ui5-sn-item-ul,
+  .ui5-sn-item-toggle-icon {
+    transition: none;
+  }
+}

package/src/themes/SideNavigationMobile.css

@@ -1,12 +1,14 @@
 :host {
-  --udex-side-navigation-item-height: 2.5rem;
-  --udex-side-navigation-item-bottom-margin: var(--udexSpacer8);
-  --udex-side-navigation-icon-font-size: 1.25rem;
-  --udex-side-navigation-item-padding-left: var(--udexSpacer16);
+  --udex-side-navigation-item-bottom-margin: var(--udexSpacer8, 8px);
+  --udex-side-navigation-icon-size: 20px;
+  --udex-side-navigation-item-padding-left: var(--udexSpacer16, 16px);
+  --udex-side-navigation-mobile-trigger-icon-padding-inline-start: var(--udexSpacer16, 16px);
+  --udex-side-navigation-selected-item-text-weight: var(--udexTypographyFontWeightMedium);
   --udex-side-navigation-mobile-trigger-shadow: var(--sapContent_Shadow1, 0 2px 8px 0 #2236494D);
-  --udex-side-navigation-mobile-trigger-padding-horizontal: var(--udexSpacer16);
+  --udex-side-navigation-mobile-trigger-padding: 10px var(--udexSpacer16, 16px);
   --udex-side-navigation-mobile-active-trigger-border-color: var(--udexColorBlue8, #0057D2);
-  --udex-side-navigation-selected-item-text-weight: var(--udexTypographyFontWeightMedium);
+  --udex-side-navigation-mobile-icon-color: var(--udexColorGrey7, #475E75);
+  --udex-side-navigation-mobile-item-label-color:  var(--udexColorGrey9, #223548);
 
   width: 100%;
   font-size: var(--udexTypographyNavigationMediumMFontSize);
@@ -21,8 +23,7 @@
   align-items: center;
   box-shadow: var(--udex-side-navigation-mobile-trigger-shadow);
   height: var(--udex-side-navigation-item-height);
-  padding-inline-start: var(--udex-side-navigation-mobile-trigger-padding-horizontal);
-  padding-inline-end: var(--udex-side-navigation-mobile-trigger-padding-horizontal);
+  padding: var(--udex-side-navigation-mobile-trigger-padding);
   cursor: pointer;
   position: relative;
 }
@@ -36,24 +37,69 @@
   display: flex;
   align-items: center;
   font-weight: var(--udex-side-navigation-selected-item-text-weight);
+  color: var(--udex-side-navigation-mobile-item-label-color);
 }
 
 .udex-side-navigation-mobile__selected-item-icon {
-  height: var(--udex-side-navigation-icon-font-size);
-  width: var(--udex-side-navigation-icon-font-size);
-  min-width: var(--udex-side-navigation-icon-font-size);
-  color: var(--udex-side-navigation-icon-color);
-  padding-inline-end: calc(var(--udexSpacer48) - var(--udex-side-navigation-icon-font-size) - var(--udex-side-navigation-item-padding-left));
+  width: var(--udex-side-navigation-icon-size);
+  height: var(--udex-side-navigation-icon-size);
+  min-width: var(--udex-side-navigation-icon-size);
+  color: var(--udex-side-navigation-mobile-icon-color);
+  padding-inline-end: calc(var(--udexSpacer48) - var(--udex-side-navigation-icon-size) - var(--udex-side-navigation-item-padding-left));
 }
 
 .udex-side-navigation-mobile__trigger-toggle-icon {
   height: 1rem;
   width: 1rem;
   min-width: 1rem;
-  color: var(--udex-side-navigation-icon-color);
+  color: var(--udex-side-navigation-mobile-icon-color);
+  padding-inline-start: var(--udex-side-navigation-mobile-trigger-icon-padding-inline-start);
 }
 
 .udex-side-navigation-mobile__trigger[active] {
   box-shadow: var(--udex-side-navigation-mobile-trigger-shadow);
-  border-bottom: 1px solid var(--udex-side-navigation-mobile-active-trigger-border-color);
+  position: relative;
+}
+
+.udex-side-navigation-mobile__trigger[active]:before {
+  content: '';
+  position: absolute;
+  bottom: -1px;
+  left: 0;
+  right: 0;
+  height: 1px;
+  background-color: var(--udex-side-navigation-mobile-active-trigger-border-color);
+}
+
+.udex-side-navigation-mobile__popover {
+  --udex-dropdown-vertical-distance: 0;
+  --udex-dropdown-border-radius: 0;
+  --udex-dropdown-border-width: 0;
+  --udex-dropdown-pane-max-width: 100%;
+  --udex-dropdown-pane-overflow: auto;
+  margin-top: 1px;
+}
+
+.udex-side-navigation-mobile__popover:before {
+  content: '';
+  width: 100%;
+  height: 40px;
+  bottom: 100%;
+  position: absolute;
+  box-shadow: var(--udex-side-navigation-mobile-trigger-shadow);
+}
+
+[udex-side-navigation] {
+  --udex-side-navigation-max-width: 100%;
+  padding-block: var(--udexSpacer16);
+}
+
+[udex-side-navigation-item] {
+  --udex-side-navigation-item-padding-inline-start: var(--udexSpacer16, 16px);
+  --udex-side-navigation-item-padding-inline-end: var(--udexSpacer16, 16px);
+  --udex-side-navigation-item-icon-padding-inline-start: var(--udex-side-navigation-mobile-trigger-icon-padding-inline-start);
+}
+
+[udex-side-navigation-sub-item] {
+  --udex-side-navigation-sub-item-padding-inline-start: 44px;
 }

package/src/themes/SideNavigationSubItem.css

@@ -1,126 +1,31 @@
 :host {
-  --udex-side-navigation-icon-color: var(--udexColorGrey9, #223548);
-  --udex-side-navigation-item-bottom-margin: var(--udexSpacer4, 4px);
-  --udex-side-navigation-item-height: 2.5rem;
-  --udex-side-navigation-icon-font-size: 1rem;
-  --udex-side-navigation-selection-indicator-display: none;
-  --udex-side-navigation-selection-background-color: none;
-  --udex-side-navigation-hover-selection-background-color: var(--sapButton_Selected_Hover_Background, #D1EFFF);
-
-  color: var(--udex-side-navigation-icon-color);
-  font-size: var(--udexTypographyNavigationMediumMFontSize);
-}
-
-:host(:not([hidden])) {
-  font-family: var(--sapFontFamily);
-}
-
-.ui5-sn-item-external-link-icon {
-  display: none;
+  --udex-side-navigation-sub-item-padding-inline-start: var(--udexSpacer40, 40px);
+  --udex-side-navigation-sub-item-nested-padding-inline-start: var(--udexSpacer56, 56px);
+  --udex-side-navigation-sub-item-margin-block-end: var(--udexSpacer4, 4px);
+  --udex-side-navigation-sub-item-padding-block: var(--udexSpacer8, 8px);
+  --udex-side-navigation-sub-item-padding-inline: var(--udexSpacer40, 40px) var(--udexSpacer12, 12px);
 }
 
-:host(:not([in-popover])) .ui5-sn-item,
-.ui5-sn-item {
-  margin-block-end: var(--udex-side-navigation-item-bottom-margin);
-  height: auto;
-  min-height: 36px;
-  padding-inline-end: var(--udexSpacer12, 12px);
+.ui5-sn-item .ui5-sn-item-text {
+  font-weight: normal;
 }
 
 :host([variant="Content"]) .ui5-sn-item {
-  padding-block: var(--udexSpacer8, 8px);
-  padding-inline: var(--udexSpacer40, 40px) var(--udexSpacer12, 12px);
-}
-
-:host([variant="Content"][nested]) .ui5-sn-item {
-  padding-inline-start: var(--udexSpacer56, 56px);
-}
-
-.ui5-sn-item-icon {
-  height: var(--udex-side-navigation-icon-font-size);
-  width: var(--udex-side-navigation-icon-font-size);
-  min-width: var(--udex-side-navigation-icon-font-size);
-  color: var(--udex-side-navigation-icon-color);
-  padding-inline: 0 var(--udexSpacer12, 12px);
+  padding-block: var(--udex-side-navigation-sub-item-padding-block);
+  padding-inline: var(--udex-side-navigation-sub-item-padding-inline);
 }
 
-:host([variant="Content"]) .ui5-sn-item .ui5-sn-item-text {
-  margin: 0;
-  text-align: start;
-}
-
-.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected,
-.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected .ui5-sn-item-toggle-icon,
-.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected .ui5-sn-item-icon {
-  background: var(--udex-side-navigation-selection-background-color);
-}
-
-.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:hover {
-  background-color: var(--udex-side-navigation-hover-selection-background-color);
-}
-
-.ui5-sn-item-selected .ui5-sn-item-selection-icon {
-  display: var(--udex-side-navigation-selection-indicator-display);
+:host([variant="Content"][nested]) .ui5-sn-item,
+:host([nested]) .ui5-sn-item-level2 {
+  padding-inline-start: var(--udex-side-navigation-sub-item-nested-padding-inline-start);
 }
 
 :host([with-icon]) .ui5-sn-item-level2,
 .ui5-sn-item-level2 {
-  margin-block-end: var(--udexSpacer4, 4px);
+  margin-block-end: var(--udex-side-navigation-sub-item-margin-block-end);
 }
 
 .ui5-sn-item-level2:not(.ui5-sn-item-has-icon),
 .ui5-sn-item-level2 {
-  padding-inline-start: var(--udexSpacer40, 40px);
-}
-
-:host([nested]) .ui5-sn-item-level2 {
-  padding-inline-start: var(--udexSpacer56, 56px);
-}
-
-.ui5-sn-item-toggle-icon,
-:host(:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon {
-  height: 1rem;
-  width: 1rem;
-  min-width: 1rem;
-  margin: 0;
-  padding: 0;
-  color: var(--udex-side-navigation-icon-color);
-  padding-inline-start: var(--udexSpacer12, 12px);
-}
-
-:host(:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon::part(root) {
-  border: none;
-  width: 100%;
-  height: 100%;
-  padding: 0;
-}
-
-:host([desktop]) .ui5-sn-item:focus:after,
-.ui5-sn-item:focus-visible:after {
-  inset: 0;
-}
-
-:host([selected]) .ui5-sn-item {
-  position: relative;
-  overflow: hidden;
-}
-
-:host([selected]) .ui5-sn-item::before {
-  content: '';
-  position: absolute;
-  inset-inline-start: 0;
-  top: 0;
-  height: 100%;
-  width: 3px;
-  background-color: var(--udexColorBlue8, #0057D2);
-  z-index: 1;
-}
-
-.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected {
-  background-color: var(--udexColorBlue1, #EBF8FF);
-  border-radius: var(--udexRadiusM, 8px);
-}
-
-:host([nested]) .ui5-sn-item-level2 {
-  padding-inline-start: var(--udexSpacer56, 56px);
+  padding-inline-start: var(--udex-side-navigation-sub-item-padding-inline-start);
 }

package/src/themes/Table.css

@@ -15,12 +15,18 @@
   display: block;
 }
 
+
 :host([sticky-header]) .udex-table__header-holder {
   position: sticky;
   top: 0;
   z-index: var( --udex-table-header-sticky-z-index);
 }
 
+:host([max-height]) .udex-table,
+:host(:not([sticky-header])) .udex-table  {
+  overflow: auto;
+}
+
 :host([loading]) .udex-table:after {
   content: '';
   inset: 0;
@@ -58,7 +64,6 @@
 
 .udex-table {
   display: grid;
-  overflow: auto;
   position: relative;
 }
 

package/dist/css/themes/SideNavigationMobileDropdown.css

@@ -1 +0,0 @@
-:host{--udex-side-navigation-item-height: 2.5rem;--udex-side-navigation-item-bottom-margin: var(--udexSpacer8);--udex-side-navigation-icon-font-size: 1.25rem;--udex-side-navigation-item-padding-left: var(--udexSpacer16);--udex-side-navigation-mobile-trigger-shadow: var(--sapContent_Shadow1, 0 2px 8px 0 #2236494D);--udex-side-navigation-mobile-trigger-padding-horizontal: var(--udexSpacer16);--udex-side-navigation-mobile-active-trigger-border-color: var(--udexColorBlue7, #0070F2);width:100%;font-size:var(--udexTypographyNavigationMediumMFontSize);font-family:var(--sapFontFamily)}.udex-side-navigation-mobile__popover{--udex-dropdown-vertical-distance: 0;--udex-dropdown-border-radius: 0;--udex-dropdown-border-width: 0;--udex-dropdown-pane-max-width: 100%;--udex-dropdown-pane-overflow: auto;margin-top:1px}.udex-side-navigation-mobile__popover:before{content:"";width:100%;height:40px;bottom:100%;position:absolute;box-shadow:var(--udex-side-navigation-mobile-trigger-shadow)}[udex-side-navigation]{--udex-side-navigation-max-width: 100%;padding-block:var(--udexSpacer16)}

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

@@ -1,2 +0,0 @@
-declare const _default: ":host{--udex-side-navigation-item-height: 2.5rem;--udex-side-navigation-item-bottom-margin: var(--udexSpacer8);--udex-side-navigation-icon-font-size: 1.25rem;--udex-side-navigation-item-padding-left: var(--udexSpacer16);--udex-side-navigation-mobile-trigger-shadow: var(--sapContent_Shadow1, 0 2px 8px 0 #2236494D);--udex-side-navigation-mobile-trigger-padding-horizontal: var(--udexSpacer16);--udex-side-navigation-mobile-active-trigger-border-color: var(--udexColorBlue7, #0070F2);width:100%;font-size:var(--udexTypographyNavigationMediumMFontSize);font-family:var(--sapFontFamily)}.udex-side-navigation-mobile__popover{--udex-dropdown-vertical-distance: 0;--udex-dropdown-border-radius: 0;--udex-dropdown-border-width: 0;--udex-dropdown-pane-max-width: 100%;--udex-dropdown-pane-overflow: auto;margin-top:1px}.udex-side-navigation-mobile__popover:before{content:\"\";width:100%;height:40px;bottom:100%;position:absolute;box-shadow:var(--udex-side-navigation-mobile-trigger-shadow)}[udex-side-navigation]{--udex-side-navigation-max-width: 100%;padding-block:var(--udexSpacer16)}\n";
-export default _default;

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

@@ -1,8 +0,0 @@
-import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
-import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
-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, "host");
-export default `:host{--udex-side-navigation-item-height: 2.5rem;--udex-side-navigation-item-bottom-margin: var(--udexSpacer8);--udex-side-navigation-icon-font-size: 1.25rem;--udex-side-navigation-item-padding-left: var(--udexSpacer16);--udex-side-navigation-mobile-trigger-shadow: var(--sapContent_Shadow1, 0 2px 8px 0 #2236494D);--udex-side-navigation-mobile-trigger-padding-horizontal: var(--udexSpacer16);--udex-side-navigation-mobile-active-trigger-border-color: var(--udexColorBlue7, #0070F2);width:100%;font-size:var(--udexTypographyNavigationMediumMFontSize);font-family:var(--sapFontFamily)}.udex-side-navigation-mobile__popover{--udex-dropdown-vertical-distance: 0;--udex-dropdown-border-radius: 0;--udex-dropdown-border-width: 0;--udex-dropdown-pane-max-width: 100%;--udex-dropdown-pane-overflow: auto;margin-top:1px}.udex-side-navigation-mobile__popover:before{content:"";width:100%;height:40px;bottom:100%;position:absolute;box-shadow:var(--udex-side-navigation-mobile-trigger-shadow)}[udex-side-navigation]{--udex-side-navigation-max-width: 100%;padding-block:var(--udexSpacer16)}
-`;
-//# sourceMappingURL=SideNavigationMobileDropdown.css.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SideNavigationMobileDropdown.css.js","sourceRoot":"","sources":["../../../src/generated/themes/SideNavigationMobileDropdown.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,EAAE,MAAM,CAAC,CAAC;AACxN,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, \"host\");\nexport default `:host{--udex-side-navigation-item-height: 2.5rem;--udex-side-navigation-item-bottom-margin: var(--udexSpacer8);--udex-side-navigation-icon-font-size: 1.25rem;--udex-side-navigation-item-padding-left: var(--udexSpacer16);--udex-side-navigation-mobile-trigger-shadow: var(--sapContent_Shadow1, 0 2px 8px 0 #2236494D);--udex-side-navigation-mobile-trigger-padding-horizontal: var(--udexSpacer16);--udex-side-navigation-mobile-active-trigger-border-color: var(--udexColorBlue7, #0070F2);width:100%;font-size:var(--udexTypographyNavigationMediumMFontSize);font-family:var(--sapFontFamily)}.udex-side-navigation-mobile__popover{--udex-dropdown-vertical-distance: 0;--udex-dropdown-border-radius: 0;--udex-dropdown-border-width: 0;--udex-dropdown-pane-max-width: 100%;--udex-dropdown-pane-overflow: auto;margin-top:1px}.udex-side-navigation-mobile__popover:before{content:\"\";width:100%;height:40px;bottom:100%;position:absolute;box-shadow:var(--udex-side-navigation-mobile-trigger-shadow)}[udex-side-navigation]{--udex-side-navigation-max-width: 100%;padding-block:var(--udexSpacer16)}\n`"]}

package/src/generated/themes/SideNavigationMobileDropdown.css.ts

@@ -1,9 +0,0 @@
-import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
-
-import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
-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, "host");
-export default `:host{--udex-side-navigation-item-height: 2.5rem;--udex-side-navigation-item-bottom-margin: var(--udexSpacer8);--udex-side-navigation-icon-font-size: 1.25rem;--udex-side-navigation-item-padding-left: var(--udexSpacer16);--udex-side-navigation-mobile-trigger-shadow: var(--sapContent_Shadow1, 0 2px 8px 0 #2236494D);--udex-side-navigation-mobile-trigger-padding-horizontal: var(--udexSpacer16);--udex-side-navigation-mobile-active-trigger-border-color: var(--udexColorBlue7, #0070F2);width:100%;font-size:var(--udexTypographyNavigationMediumMFontSize);font-family:var(--sapFontFamily)}.udex-side-navigation-mobile__popover{--udex-dropdown-vertical-distance: 0;--udex-dropdown-border-radius: 0;--udex-dropdown-border-width: 0;--udex-dropdown-pane-max-width: 100%;--udex-dropdown-pane-overflow: auto;margin-top:1px}.udex-side-navigation-mobile__popover:before{content:"";width:100%;height:40px;bottom:100%;position:absolute;box-shadow:var(--udex-side-navigation-mobile-trigger-shadow)}[udex-side-navigation]{--udex-side-navigation-max-width: 100%;padding-block:var(--udexSpacer16)}
-`

package/src/themes/SideNavigationMobileDropdown.css

@@ -1,36 +0,0 @@
-:host {
-  --udex-side-navigation-item-height: 2.5rem;
-  --udex-side-navigation-item-bottom-margin: var(--udexSpacer8);
-  --udex-side-navigation-icon-font-size: 1.25rem;
-  --udex-side-navigation-item-padding-left: var(--udexSpacer16);
-  --udex-side-navigation-mobile-trigger-shadow: var(--sapContent_Shadow1, 0 2px 8px 0 #2236494D);
-  --udex-side-navigation-mobile-trigger-padding-horizontal: var(--udexSpacer16);
-  --udex-side-navigation-mobile-active-trigger-border-color: var(--udexColorBlue7, #0070F2);
-
-  width: 100%;
-  font-size: var(--udexTypographyNavigationMediumMFontSize);
-  font-family: var(--sapFontFamily);
-}
-
-.udex-side-navigation-mobile__popover {
-  --udex-dropdown-vertical-distance: 0;
-  --udex-dropdown-border-radius: 0;
-  --udex-dropdown-border-width: 0;
-  --udex-dropdown-pane-max-width: 100%;
-  --udex-dropdown-pane-overflow: auto;
-  margin-top: 1px;
-}
-
-.udex-side-navigation-mobile__popover:before {
-  content: '';
-  width: 100%;
-  height: 40px;
-  bottom: 100%;
-  position: absolute;
-  box-shadow: var(--udex-side-navigation-mobile-trigger-shadow);
-}
-
-[udex-side-navigation] {
-  --udex-side-navigation-max-width: 100%;
-  padding-block: var(--udexSpacer16);
-}