@sapudex/web-components 2.60.0 → 2.62.0

package/src/themes/TableCellBase.css

@@ -12,6 +12,14 @@
   word-break: break-word;
 }
 
+:host([vertical-align="Top"]) {
+  align-items: flex-start;
+}
+
+:host([vertical-align="Bottom"]) {
+  align-items: flex-end;
+}
+
 :host([_sticky]) {
   position: sticky;
   left: 0;

package/src/themes/Upload.css

@@ -75,7 +75,7 @@
 }
 
 
-@media (max-width: 979px) {
+@media (width < 980px) {
   .udex-upload__title, 
   :host([required]) .udex-upload__title::after {
     line-height: var(--udexTypographyHeadingLineHeight);

package/src/themes/UploadItem.css

@@ -86,7 +86,7 @@
   margin-inline-start: var(--udexSpacer24, 24px);
 }
 
-@media (max-width: 1279px) {
+@media (width < 1280px) {
   .udex-upload-item__wrapper {
     flex-direction: column;
     align-items: flex-start;

package/src/types/Table.ts

@@ -1,4 +1,4 @@
-enum UDExTableCellHorizontalAlign {
+export enum UDExTableCellHorizontalAlign {
   Left = "Left",
   Start = "Start",
   Right = "Right",
@@ -6,4 +6,8 @@ enum UDExTableCellHorizontalAlign {
   Center = "Center",
 }
 
-export default UDExTableCellHorizontalAlign;
+export enum UDExTableCellVerticalAlign {
+  Center = "Center",
+  Top = "Top",
+  Bottom = "Bottom",
+}

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);--udex-side-navigation-mobile-active-arrow-color: var(--udexColorBlue7, #0070F2);--udex-side-navigation-padding-vertical: var(--udexSpacer16);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]{--udex-side-navigation-max-width: 100%;--udex-side-navigation-padding: var(--udex-side-navigation-padding-vertical) 0}

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);--udex-side-navigation-mobile-active-arrow-color: var(--udexColorBlue7, #0070F2);--udex-side-navigation-padding-vertical: var(--udexSpacer16);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]{--udex-side-navigation-max-width: 100%;--udex-side-navigation-padding: var(--udex-side-navigation-padding-vertical) 0}\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);--udex-side-navigation-mobile-active-arrow-color: var(--udexColorBlue7, #0070F2);--udex-side-navigation-padding-vertical: var(--udexSpacer16);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]{--udex-side-navigation-max-width: 100%;--udex-side-navigation-padding: var(--udex-side-navigation-padding-vertical) 0}
-`;
-//# 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);--udex-side-navigation-mobile-active-arrow-color: var(--udexColorBlue7, #0070F2);--udex-side-navigation-padding-vertical: var(--udexSpacer16);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]{--udex-side-navigation-max-width: 100%;--udex-side-navigation-padding: var(--udex-side-navigation-padding-vertical) 0}\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);--udex-side-navigation-mobile-active-arrow-color: var(--udexColorBlue7, #0070F2);--udex-side-navigation-padding-vertical: var(--udexSpacer16);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]{--udex-side-navigation-max-width: 100%;--udex-side-navigation-padding: var(--udex-side-navigation-padding-vertical) 0}
-`

package/src/themes/SideNavigationMobileDropdown.css

@@ -1,29 +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);
-  --udex-side-navigation-mobile-active-arrow-color: var(--udexColorBlue7, #0070F2);
-  --udex-side-navigation-padding-vertical: var(--udexSpacer16);
-
-  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] {
-  --udex-side-navigation-max-width: 100%;
-  --udex-side-navigation-padding: var(--udex-side-navigation-padding-vertical) 0;
-}