@sapudex/web-components 0.138.0 → 0.147.0

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

@@ -1 +1 @@
-{"version":3,"file":"FilterMenu.css.js","sourceRoot":"","sources":["../../../src/generated/themes/FilterMenu.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,yBAAyB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAElG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,yBAAyB,EAAC,QAAQ,EAAC,0BAA0B,EAAC,OAAO,EAAC;CAC/G,EAAC,CAAC;AACH,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { 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(\"@sapudex/web-components\", \"sap_horizon\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@sapudex/web-components\",fileName:\"themes/FilterMenu.css.ts\",content:`:host{--udex-filter-menu-trigger-color-default: var(--sapTextColor, #223548);--udex-filter-menu-trigger-color-hover: var(--sapHoverColor, #0070f2);--udex-filter-menu-trigger-color-active: var(--sapShell_Active_TextColor, #0040b0);--udex-filter-menu-trigger-color-disabled: var(--sapTextColor, #223548);--udex-filter-menu-trigger-icon-default: var(--sapContent_IconColor, #223548);--udex-filter-menu-trigger-icon-hover: var(--sapHoverColor, #0070f2);--udex-filter-menu-trigger-icon-active: var(--sapSelectedColor, #0040b0);--udex-filter-menu-trigger-icon-disabled: var(--sapContent_IconColor, #223548);--udex-filter-menu-trigger-prefix-color-default: var(--sapShell_NeutralColor, #475e75);--udex-filter-menu-trigger-prefix-color-hover: var(--sapShell_NeutralColor, #475e75);--udex-filter-menu-trigger-prefix-color-active: var(--sapShell_NeutralColor, #475e75);--udex-filter-menu-trigger-prefix-color-disabled: var(--sapShell_NeutralColor, #475e75);--udex-filter-menu-trigger-selection-bar-background: var(--sapHoverColor, #0070f2);--udex-filter-menu-trigger-outline-border-color: var(--udexColorBlue10, #002A86);--udex-filter-menu-popover-min-width: 320px;--udex-filter-menu-popover-max-width: 640px;--udex-filter-menu-popover-shadow: var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));--udex-filter-menu-popover-border-color: var(--sapField_BorderColor, var(--udexCoreBorderDefault));--udex-filter-menu-popover-border-width: var(--sapElement_BorderWidth, 1px);--udex-filter-menu-popover-border-radius: var(--udexRadiusM, 8px);display:inline-block}:host([desktop]) .udex-filter-menu__trigger:focus,.udex-filter-menu__trigger:focus-visible{outline:2px solid var(--udex-filter-menu-trigger-outline-border-color);outline-offset:var(--udexSpacer2, 2px);border-radius:var(--udexRadiusM, 8px)}.udex-filter-menu__trigger{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 1.5);display:inline-flex;align-items:center;padding:5px 0;position:relative;background:none;border:none}.udex-filter-menu__trigger-wrap{cursor:pointer;display:inline-flex;align-items:center}.udex-filter-menu__trigger-wrap[disabled]{pointer-events:none}.udex-filter-menu__trigger-wrap[disabled]:hover .udex-filter-menu__trigger-name,.udex-filter-menu__trigger-wrap[disabled] .udex-filter-menu__trigger-name{color:var(--udex-filter-menu-trigger-color-disabled);opacity:var(--sapContent_DisabledOpacity, .4)}.udex-filter-menu__trigger-wrap[disabled] .udex-filter-menu__trigger-prefix{color:var(--udex-filter-menu-trigger-prefix-color-disabled)}.udex-filter-menu__trigger-wrap[disabled]:hover .udex-filter-menu__trigger-icon,.udex-filter-menu__trigger-wrap[disabled] .udex-filter-menu__trigger-icon{color:var(--udex-filter-menu-trigger-icon-disabled);opacity:var(--sapContent_DisabledOpacity, .4)}.udex-filter-menu__trigger-prefix{margin-right:var(--udexSpacer8, 8px);color:var(--udex-filter-menu-trigger-prefix-color-default)}.udex-filter-menu__trigger-wrap:hover .udex-filter-menu__trigger-prefix{color:var(--udex-filter-menu-trigger-prefix-color-hover)}.udex-filter-menu__trigger-name{color:var(--udex-filter-menu-trigger-color-default)}.udex-filter-menu__trigger:before{content:\"\";position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:2px 2px 0;background:var(--udex-filter-menu-trigger-selection-bar-background);opacity:0}.udex-filter-menu__trigger-active .udex-filter-menu__trigger-prefix{color:var(--udex-filter-menu-trigger-prefix-color-active)}.udex-filter-menu__trigger-active:before{opacity:1}.udex-filter-menu__trigger-icon{width:16px;height:16px;margin-inline-start:var(--udexSpacer8, 8px);color:var(--udex-filter-menu-trigger-icon-default)}.udex-filter-menu__trigger-wrap:hover .udex-filter-menu__trigger-name{color:var(--udex-filter-menu-trigger-color-hover)}.udex-filter-menu__trigger-wrap:hover .udex-filter-menu__trigger-icon{color:var(--udex-filter-menu-trigger-icon-hover)}.udex-filter-menu__trigger-active .udex-filter-menu__trigger-icon{transform:rotate(180deg);color:var(--udex-filter-menu-trigger-icon-active)}.udex-filter-menu__trigger-active .udex-filter-menu__trigger-name{color:var(--udex-filter-menu-trigger-color-active)}.udex-filter-menu__search{width:100%}.udex-filter-menu__footer{width:100%;display:flex;gap:10px}.udex-filter-menu__badge{margin-inline-start:var(--udexSpacer4, 4px)}ui5-popover{min-width:var(--udex-filter-menu-popover-min-width);max-width:var(--udex-filter-menu-popover-max-width);border:var(--udex-filter-menu-popover-border-width) solid var(--udex-filter-menu-popover-border-color);border-radius:var(--udex-filter-menu-popover-border-radius);box-shadow:var(--udex-filter-menu-popover-shadow)}ui5-popover::part(content){padding:0;overflow:auto}ui5-popover::part(header),ui5-popover::part(footer){padding:var(--udexSpacer16, 16px) var(--udexSpacer12, 12px)}ui5-popover::part(footer){justify-content:flex-start;border-color:var(--sapField_BorderColor, var(--udexCoreBorderDefault));box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3))}::slotted([slot=\"header\"]){width:100%}.udex-no-result{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 1.5);color:var(--sapContent_TitleColor, #000000);padding:0 var(--udexSpacer16, 16px) var(--udexSpacer16, 16px)}\n`};\nexport default styleData;\n\t"]}
+{"version":3,"file":"FilterMenu.css.js","sourceRoot":"","sources":["../../../src/generated/themes/FilterMenu.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,yBAAyB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAElG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,yBAAyB,EAAC,QAAQ,EAAC,0BAA0B,EAAC,OAAO,EAAC;CAC/G,EAAC,CAAC;AACH,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { 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(\"@sapudex/web-components\", \"sap_horizon\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@sapudex/web-components\",fileName:\"themes/FilterMenu.css.ts\",content:`:host{--udex-filter-menu-trigger-color-default: var(--sapTextColor, #223548);--udex-filter-menu-trigger-color-hover: var(--sapHoverColor, #0070f2);--udex-filter-menu-trigger-color-active: var(--sapShell_Active_TextColor, #0040b0);--udex-filter-menu-trigger-color-disabled: var(--sapTextColor, #223548);--udex-filter-menu-trigger-icon-default: var(--sapContent_IconColor, #223548);--udex-filter-menu-trigger-icon-hover: var(--sapHoverColor, #0070f2);--udex-filter-menu-trigger-icon-active: var(--sapSelectedColor, #0040b0);--udex-filter-menu-trigger-icon-disabled: var(--sapContent_IconColor, #223548);--udex-filter-menu-trigger-prefix-color-default: var(--sapShell_NeutralColor, #475e75);--udex-filter-menu-trigger-prefix-color-hover: var(--sapShell_NeutralColor, #475e75);--udex-filter-menu-trigger-prefix-color-active: var(--sapShell_NeutralColor, #475e75);--udex-filter-menu-trigger-prefix-color-disabled: var(--sapShell_NeutralColor, #475e75);--udex-filter-menu-trigger-selection-bar-background: var(--sapHoverColor, #0070f2);--udex-filter-menu-trigger-outline-border-color: var(--udexColorBlue10, #002A86);--udex-filter-menu-popover-left-offset: 0px;--udex-filter-menu-popover-min-width-xs: calc(100% - var(--udex-filter-menu-popover-left-offset));--udex-filter-menu-popover-max-width-xs: 100%;--udex-filter-menu-popover-width: fit-content;--udex-filter-menu-popover-min-width: 320px;--udex-filter-menu-popover-max-width: 640px;--udex-filter-menu-popover-shadow: var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));--udex-filter-menu-popover-border-color: var(--sapField_BorderColor, var(--udexCoreBorderDefault));--udex-filter-menu-popover-border-width: var(--sapElement_BorderWidth, 1px);--udex-filter-menu-popover-border-radius: var(--udexRadiusM, 8px);display:inline-block}:host([desktop]) .udex-filter-menu__trigger:focus,.udex-filter-menu__trigger:focus-visible{outline:2px solid var(--udex-filter-menu-trigger-outline-border-color);outline-offset:var(--udexSpacer2, 2px);border-radius:var(--udexRadiusM, 8px)}.udex-filter-menu__trigger{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 1.5);display:inline-flex;align-items:center;padding:5px 0;position:relative;background:none;border:none}.udex-filter-menu__trigger-wrap{cursor:pointer;display:inline-flex;align-items:center}.udex-filter-menu__trigger-wrap[disabled]{pointer-events:none}.udex-filter-menu__trigger-wrap[disabled]:hover .udex-filter-menu__trigger-name,.udex-filter-menu__trigger-wrap[disabled] .udex-filter-menu__trigger-name{color:var(--udex-filter-menu-trigger-color-disabled);opacity:var(--sapContent_DisabledOpacity, .4)}.udex-filter-menu__trigger-wrap[disabled] .udex-filter-menu__trigger-prefix{color:var(--udex-filter-menu-trigger-prefix-color-disabled)}.udex-filter-menu__trigger-wrap[disabled]:hover .udex-filter-menu__trigger-icon,.udex-filter-menu__trigger-wrap[disabled] .udex-filter-menu__trigger-icon{color:var(--udex-filter-menu-trigger-icon-disabled);opacity:var(--sapContent_DisabledOpacity, .4)}.udex-filter-menu__trigger-prefix{margin-right:var(--udexSpacer8, 8px);color:var(--udex-filter-menu-trigger-prefix-color-default)}.udex-filter-menu__trigger-wrap:hover .udex-filter-menu__trigger-prefix{color:var(--udex-filter-menu-trigger-prefix-color-hover)}.udex-filter-menu__trigger-name{color:var(--udex-filter-menu-trigger-color-default)}.udex-filter-menu__trigger:before{content:\"\";position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:2px 2px 0;background:var(--udex-filter-menu-trigger-selection-bar-background);opacity:0}.udex-filter-menu__trigger-active .udex-filter-menu__trigger-prefix{color:var(--udex-filter-menu-trigger-prefix-color-active)}.udex-filter-menu__trigger-active:before{opacity:1}.udex-filter-menu__trigger-icon{width:16px;height:16px;margin-inline-start:var(--udexSpacer8, 8px);color:var(--udex-filter-menu-trigger-icon-default)}.udex-filter-menu__trigger-wrap:hover .udex-filter-menu__trigger-name{color:var(--udex-filter-menu-trigger-color-hover)}.udex-filter-menu__trigger-wrap:hover .udex-filter-menu__trigger-icon{color:var(--udex-filter-menu-trigger-icon-hover)}.udex-filter-menu__trigger-active .udex-filter-menu__trigger-icon{transform:rotate(180deg);color:var(--udex-filter-menu-trigger-icon-active)}.udex-filter-menu__trigger-active .udex-filter-menu__trigger-name{color:var(--udex-filter-menu-trigger-color-active)}.udex-filter-menu__search{width:100%}.udex-filter-menu__footer{width:100%;display:flex;gap:10px}.udex-filter-menu__badge{margin-inline-start:var(--udexSpacer4, 4px)}ui5-popover{border:var(--udex-filter-menu-popover-border-width) solid var(--udex-filter-menu-popover-border-color);border-radius:var(--udex-filter-menu-popover-border-radius);box-shadow:var(--udex-filter-menu-popover-shadow);min-width:var(--udex-filter-menu-popover-min-width);max-width:var(--udex-filter-menu-popover-max-width);width:var(--udex-filter-menu-popover-width)}ui5-popover::part(content){padding:0;overflow:auto}ui5-popover::part(header),ui5-popover::part(footer){padding:var(--udexSpacer16, 16px) var(--udexSpacer12, 12px)}ui5-popover::part(footer){justify-content:flex-start;border-color:var(--sapField_BorderColor, var(--udexCoreBorderDefault));box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3))}::slotted([slot=\"header\"]){width:100%}.udex-no-result{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 1.5);color:var(--sapContent_TitleColor, #000000);padding:0 var(--udexSpacer16, 16px) var(--udexSpacer16, 16px)}@media (width < 640px){ui5-popover{min-width:var(--udex-filter-menu-popover-min-width-xs);max-width:var(--udex-filter-menu-popover-max-width-xs)}}\n`};\nexport default styleData;\n\t"]}

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

@@ -3,7 +3,7 @@ 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("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
-const styleData = { packageName: "@sapudex/web-components", fileName: "themes/MastheadItem.css.ts", content: `:host{--udex-masthead-item-background: none;--udex-masthead-item-border: none;--udex-masthead-item-padding: 1.35rem;--udex-masthead-item-font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);--udex-masthead-item-color: var(--udexColorGrey8, #354A5F);--udex-masthead-item-color-hover: var(--udexColorBlue7, #0070f2);--udex-masthead-item-color-active: var(--udexColorBlue9, #0040B0);--udex-masthead-item-border-color: var(--udexColorBlue7, #0070f2);--udex-masthead-item-border-radius: var(--udexRadiusXXS) var(--udexRadiusXXS) 0 0;--udex-masthead-item-border-width: .188rem;--udex-masthead-item-align-content: center;--udex-masthead-item-justify-content: center;--udex-masthead-item-display: inline-flex;--udex-masthead-item-icon-size: 1.125rem;--udex-masthead-item-icon-container-size: 2rem;--udex-masthead-item-outline-border-color: var(--udexColorBlue10, #002A86);--udex-masthead-item-dropdown-box-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 #22364940);--udex-masthead-item-dropdown-position-left: -55px;--udex-masthead-item-dropdown-position-right: -55px;--udex-masthead-item-dropdown-mobile-width: 360px;--udex-masthead-item-dropdown-position: fixed;--udex-masthead-item-dropdown-height:calc(100vh - 60px);--udex-masthead-item-dropdown-zindex: 100;position:relative;display:var(--udex-masthead-item-display);align-items:var(--udex-masthead-item-align-content);justify-content:var(--udex-masthead-item-justify-content)}.udex-masthead-item__dropdown{position:absolute;top:100%;left:var(--udex-masthead-item-dropdown-position-left);z-index:var(--udex-masthead-item-dropdown-zindex)}.udex-masthead-item__button--profile+.udex-masthead-item__dropdown{left:auto;right:0;top:46px;min-width:var(--udex-masthead-item-dropdown-mobile-width)}.udex-masthead-item__button--explore+.udex-masthead-item__dropdown{position:absolute;top:60px;inset-inline-start:0;box-sizing:border-box;inline-size:100%}:host([slot="exploreSAP"]){position:inherit}.udex-masthead-item__dropdown-holder{position:relative;box-shadow:var(--udex-masthead-item-dropdown-box-shadow)}.udex-masthead-item{font-family:var(--sapFontFamily);font-size:var(--udex-masthead-item-font-size);color:var(--udex-masthead-item-color);background:var(--udex-masthead-item-background);border:var(--udex-masthead-item-border);padding:var(--udex-masthead-item-padding) 0;cursor:pointer;text-decoration:none;white-space:nowrap;position:relative}.udex-masthead-item__button--icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px}.udex-masthead-item.udex-masthead-item__button--profile,.udex-masthead-item.udex-masthead-item__button--icon{padding:0}.udex-masthead-item:focus{outline:none}.udex-masthead-item__text{display:flex;align-items:center}:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__text,:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__icon-container,.udex-masthead-item:focus-visible .udex-masthead-item__text,.udex-masthead-item:focus-visible .udex-masthead-item__icon-container{outline:var(--udexRadiusXXS) solid var(--udex-masthead-item-outline-border-color);outline-offset:2px;border-radius:var(--udexRadiusXXS)}:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__icon-container,.udex-masthead-item:focus .udex-masthead-item__icon-container{outline-offset:6px}.udex-masthead-item__button--profile .udex-masthead-item__text{display:inline-block}.udex-masthead-item.udex-masthead-item__button--profile:focus .udex-masthead-item__text{border-radius:50%}.udex-masthead-item__dropdown-icon{margin-inline-start:var(--udexSpacer4)}:host(:hover) .udex-masthead-item,:host(:hover) .udex-masthead-item__icon,:host(:hover) .udex-masthead-item__dropdown-icon{color:var(--udex-masthead-item-color-hover)}:host(:active) .udex-masthead-item,:host([selected]) .udex-masthead-item,:host(:active) .udex-masthead-item-icon,:host([selected]) .udex-masthead-item-icon,:host(:active) .udex-masthead-item__dropdown-icon,:host([selected]) .udex-masthead-item__dropdown-icon{color:var(--udex-masthead-item-color-active)}:host(:active) .udex-masthead-item__dropdown-icon,:host([selected]) .udex-masthead-item__dropdown-icon{transform:rotate(180deg)}:host(:active):not([hide-active-border]) .udex-masthead-item:after,:host([selected]:not([hide-active-border])) .udex-masthead-item:after{content:"";position:absolute;bottom:0;left:0;right:0;height:var(--udex-masthead-item-border-width);background-color:var(--udex-masthead-item-border-color);border-radius:var(--udex-masthead-item-border-radius)}:host(:active) .udex-masthead-item.udex-masthead-item__button--icon:after,:host([selected]) .udex-masthead-item.udex-masthead-item__button--icon:after,:host(:active) .udex-masthead-item.udex-masthead-item__button--profile:after,:host([selected]) .udex-masthead-item.udex-masthead-item__button--profile:after{bottom:-14px;left:0;right:0}:host([selected]) .udex-masthead-item__icon,:host(:active) .udex-masthead-item__icon{color:var(--udex-masthead-item-color-active)}.udex-masthead-item__icon-container{display:flex;align-items:center;justify-content:center}.udex-masthead-item__icon{width:var(--udex-masthead-item-icon-size);height:var(--udex-masthead-item-icon-size);color:var(--udex-masthead-item-color)}.udex-masthead-item__avatar-container{display:flex;align-items:center;justify-content:center;width:auto;height:auto}:host(:dir(rtl)) .udex-masthead-item__dropdown{right:var(--udex-masthead-item-dropdown-position-right);left:auto}:host(:dir(rtl)) .udex-masthead-item__button--explore+.udex-masthead-item__dropdown,:host(:dir(rtl)) .udex-masthead-item__button--profile+.udex-masthead-item__dropdown{left:0;right:auto}:host([slot="exploreSAP"]) ::slotted([slot="dropdown"]){--udex-masthead-menu-padding-desktop: 32px var(--udexSpacer72);--udex-masthead-menu-column-width: auto;--udex-masthead-menu-grid-template-columns: repeat(4, calc(25% - var(--udex-masthead-menu-column_gap)*3/4))}:host([slot="profile"]) ::slotted([slot="dropdown"]){width:100%;display:flex;flex-direction:column}@media (max-width: 1279px){:host([slot="profile"]) ::slotted([slot="dropdown"]){display:initial}.udex-masthead-item__button--profile+.udex-masthead-item__dropdown,.udex-masthead-item__dropdown{top:60px;right:0;left:auto}:host(:dir(rtl)) .udex-masthead-item__dropdown{left:0;right:auto}.udex-masthead-item__dropdown{position:var(--udex-masthead-item-dropdown-position);height:var(--udex-masthead-item-dropdown-height);width:var(--udex-masthead-item-dropdown-mobile-width);top:60px}.udex-masthead-item__dropdown-holder{height:100%;box-shadow:none;overflow:auto}.udex-masthead-item__dropdown:after{box-shadow:var(--udex-masthead-shell-dropdown-shadow);pointer-events:none;content:"";position:absolute;inset:-60px 0 0}}@media (max-width: 979px){.udex-masthead-item__dropdown{width:100%}}
+const styleData = { packageName: "@sapudex/web-components", fileName: "themes/MastheadItem.css.ts", content: `:host{--udex-masthead-item-background: none;--udex-masthead-item-border: none;--udex-masthead-item-padding: 1.35rem;--udex-masthead-item-font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);--udex-masthead-item-color: var(--udexColorGrey8, #354A5F);--udex-masthead-item-color-hover: var(--udexColorBlue7, #0070f2);--udex-masthead-item-color-active: var(--udexColorBlue9, #0040B0);--udex-masthead-item-border-color: var(--udexColorBlue7, #0070f2);--udex-masthead-item-border-radius: var(--udexRadiusXXS) var(--udexRadiusXXS) 0 0;--udex-masthead-item-border-width: .188rem;--udex-masthead-item-align-content: center;--udex-masthead-item-justify-content: center;--udex-masthead-item-display: inline-flex;--udex-masthead-item-icon-size: 1.125rem;--udex-masthead-item-icon-container-size: 2rem;--udex-masthead-item-outline-border-color: var(--udexColorBlue10, #002A86);--udex-masthead-item-dropdown-box-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 #22364940);--udex-masthead-item-dropdown-position-left: -55px;--udex-masthead-item-dropdown-position-right: -55px;--udex-masthead-item-dropdown-mobile-width: 360px;--udex-masthead-item-dropdown-position: absolute;--udex-masthead-item-dropdown-height:calc(100vh - 60px);--udex-masthead-item-dropdown-zindex: 100;display:var(--udex-masthead-item-display);align-items:var(--udex-masthead-item-align-content);justify-content:var(--udex-masthead-item-justify-content);position:relative}.udex-masthead-item__dropdown{position:absolute;top:100%;left:var(--udex-masthead-item-dropdown-position-left);z-index:var(--udex-masthead-item-dropdown-zindex)}.udex-masthead-item__button--profile+.udex-masthead-item__dropdown{left:auto;right:0;top:46px;min-width:var(--udex-masthead-item-dropdown-mobile-width)}.udex-masthead-item__button--explore+.udex-masthead-item__dropdown{position:absolute;top:60px;inset-inline-start:0;box-sizing:border-box;inline-size:100%}:host([slot="exploreSAP"]){position:inherit}.udex-masthead-item__dropdown-holder{position:relative;box-shadow:var(--udex-masthead-item-dropdown-box-shadow)}.udex-masthead-item{font-family:var(--sapFontFamily);font-size:var(--udex-masthead-item-font-size);color:var(--udex-masthead-item-color);background:var(--udex-masthead-item-background);border:var(--udex-masthead-item-border);padding:var(--udex-masthead-item-padding) 0;cursor:pointer;text-decoration:none;white-space:nowrap;position:relative}.udex-masthead-item__button--icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px}.udex-masthead-item.udex-masthead-item__button--profile,.udex-masthead-item.udex-masthead-item__button--icon{padding:0}.udex-masthead-item:focus{outline:none}.udex-masthead-item__text{display:flex;align-items:center}:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__text,:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__icon-container,.udex-masthead-item:focus-visible .udex-masthead-item__text,.udex-masthead-item:focus-visible .udex-masthead-item__icon-container{outline:var(--udexRadiusXXS) solid var(--udex-masthead-item-outline-border-color);outline-offset:2px;border-radius:var(--udexRadiusXXS)}:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__icon-container,.udex-masthead-item:focus .udex-masthead-item__icon-container{outline-offset:6px}.udex-masthead-item__button--profile .udex-masthead-item__text{display:inline-block}.udex-masthead-item.udex-masthead-item__button--profile:focus .udex-masthead-item__text{border-radius:50%}.udex-masthead-item__dropdown-icon{margin-inline-start:var(--udexSpacer4)}:host(:hover) .udex-masthead-item,:host(:hover) .udex-masthead-item__icon,:host(:hover) .udex-masthead-item__dropdown-icon{color:var(--udex-masthead-item-color-hover)}:host(:active) .udex-masthead-item,:host([selected]) .udex-masthead-item,:host(:active) .udex-masthead-item-icon,:host([selected]) .udex-masthead-item-icon,:host(:active) .udex-masthead-item__dropdown-icon,:host([selected]) .udex-masthead-item__dropdown-icon{color:var(--udex-masthead-item-color-active)}:host(:active) .udex-masthead-item__dropdown-icon,:host([selected]) .udex-masthead-item__dropdown-icon{transform:rotate(180deg)}:host(:active):not([hide-active-border]) .udex-masthead-item:after,:host([selected]:not([hide-active-border])) .udex-masthead-item:after{content:"";position:absolute;bottom:0;left:0;right:0;height:var(--udex-masthead-item-border-width);background-color:var(--udex-masthead-item-border-color);border-radius:var(--udex-masthead-item-border-radius)}:host(:active) .udex-masthead-item.udex-masthead-item__button--icon:after,:host([selected]) .udex-masthead-item.udex-masthead-item__button--icon:after,:host(:active) .udex-masthead-item.udex-masthead-item__button--profile:after,:host([selected]) .udex-masthead-item.udex-masthead-item__button--profile:after{bottom:-14px;left:0;right:0}:host([selected]) .udex-masthead-item__icon,:host(:active) .udex-masthead-item__icon{color:var(--udex-masthead-item-color-active)}.udex-masthead-item__icon-container{display:flex;align-items:center;justify-content:center}.udex-masthead-item__icon{width:var(--udex-masthead-item-icon-size);height:var(--udex-masthead-item-icon-size);color:var(--udex-masthead-item-color)}.udex-masthead-item__avatar-container{display:flex;align-items:center;justify-content:center;width:auto;height:auto}:host(:dir(rtl)) .udex-masthead-item__dropdown{right:var(--udex-masthead-item-dropdown-position-right);left:auto}:host(:dir(rtl)) .udex-masthead-item__button--explore+.udex-masthead-item__dropdown,:host(:dir(rtl)) .udex-masthead-item__button--profile+.udex-masthead-item__dropdown{left:0;right:auto}:host([slot="exploreSAP"]) ::slotted([slot="dropdown"]){--udex-masthead-menu-padding-desktop: 32px var(--udexSpacer72);--udex-masthead-menu-column-width: auto;--udex-masthead-menu-grid-template-columns: repeat(4, calc(25% - var(--udex-masthead-menu-column_gap)*3/4))}:host([slot="profile"]) ::slotted([slot="dropdown"]){width:100%;display:flex;flex-direction:column}@media (max-width: 1279px){:host{position:initial}:host([slot="profile"]) ::slotted([slot="dropdown"]){display:initial}.udex-masthead-item__button--profile+.udex-masthead-item__dropdown,.udex-masthead-item__dropdown{top:60px;right:0;left:auto}:host(:dir(rtl)) .udex-masthead-item__dropdown{left:0;right:auto}.udex-masthead-item__dropdown{position:var(--udex-masthead-item-dropdown-position);height:var(--udex-masthead-item-dropdown-height);width:var(--udex-masthead-item-dropdown-mobile-width);top:60px}.udex-masthead-item__dropdown-holder{height:100%;box-shadow:none;overflow:auto}.udex-masthead-item__dropdown:after{box-shadow:var(--udex-masthead-shell-dropdown-shadow);pointer-events:none;content:"";position:absolute;inset:-60px 0 0}}@media (max-width: 979px){.udex-masthead-item__dropdown{width:100%}}
 ` };
 export default styleData;
 //# sourceMappingURL=MastheadItem.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MastheadItem.css.js","sourceRoot":"","sources":["../../../src/generated/themes/MastheadItem.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,yBAAyB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAElG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,yBAAyB,EAAC,QAAQ,EAAC,4BAA4B,EAAC,OAAO,EAAC;CACjH,EAAC,CAAC;AACH,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { 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(\"@sapudex/web-components\", \"sap_horizon\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@sapudex/web-components\",fileName:\"themes/MastheadItem.css.ts\",content:`:host{--udex-masthead-item-background: none;--udex-masthead-item-border: none;--udex-masthead-item-padding: 1.35rem;--udex-masthead-item-font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);--udex-masthead-item-color: var(--udexColorGrey8, #354A5F);--udex-masthead-item-color-hover: var(--udexColorBlue7, #0070f2);--udex-masthead-item-color-active: var(--udexColorBlue9, #0040B0);--udex-masthead-item-border-color: var(--udexColorBlue7, #0070f2);--udex-masthead-item-border-radius: var(--udexRadiusXXS) var(--udexRadiusXXS) 0 0;--udex-masthead-item-border-width: .188rem;--udex-masthead-item-align-content: center;--udex-masthead-item-justify-content: center;--udex-masthead-item-display: inline-flex;--udex-masthead-item-icon-size: 1.125rem;--udex-masthead-item-icon-container-size: 2rem;--udex-masthead-item-outline-border-color: var(--udexColorBlue10, #002A86);--udex-masthead-item-dropdown-box-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 #22364940);--udex-masthead-item-dropdown-position-left: -55px;--udex-masthead-item-dropdown-position-right: -55px;--udex-masthead-item-dropdown-mobile-width: 360px;--udex-masthead-item-dropdown-position: fixed;--udex-masthead-item-dropdown-height:calc(100vh - 60px);--udex-masthead-item-dropdown-zindex: 100;position:relative;display:var(--udex-masthead-item-display);align-items:var(--udex-masthead-item-align-content);justify-content:var(--udex-masthead-item-justify-content)}.udex-masthead-item__dropdown{position:absolute;top:100%;left:var(--udex-masthead-item-dropdown-position-left);z-index:var(--udex-masthead-item-dropdown-zindex)}.udex-masthead-item__button--profile+.udex-masthead-item__dropdown{left:auto;right:0;top:46px;min-width:var(--udex-masthead-item-dropdown-mobile-width)}.udex-masthead-item__button--explore+.udex-masthead-item__dropdown{position:absolute;top:60px;inset-inline-start:0;box-sizing:border-box;inline-size:100%}:host([slot=\"exploreSAP\"]){position:inherit}.udex-masthead-item__dropdown-holder{position:relative;box-shadow:var(--udex-masthead-item-dropdown-box-shadow)}.udex-masthead-item{font-family:var(--sapFontFamily);font-size:var(--udex-masthead-item-font-size);color:var(--udex-masthead-item-color);background:var(--udex-masthead-item-background);border:var(--udex-masthead-item-border);padding:var(--udex-masthead-item-padding) 0;cursor:pointer;text-decoration:none;white-space:nowrap;position:relative}.udex-masthead-item__button--icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px}.udex-masthead-item.udex-masthead-item__button--profile,.udex-masthead-item.udex-masthead-item__button--icon{padding:0}.udex-masthead-item:focus{outline:none}.udex-masthead-item__text{display:flex;align-items:center}:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__text,:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__icon-container,.udex-masthead-item:focus-visible .udex-masthead-item__text,.udex-masthead-item:focus-visible .udex-masthead-item__icon-container{outline:var(--udexRadiusXXS) solid var(--udex-masthead-item-outline-border-color);outline-offset:2px;border-radius:var(--udexRadiusXXS)}:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__icon-container,.udex-masthead-item:focus .udex-masthead-item__icon-container{outline-offset:6px}.udex-masthead-item__button--profile .udex-masthead-item__text{display:inline-block}.udex-masthead-item.udex-masthead-item__button--profile:focus .udex-masthead-item__text{border-radius:50%}.udex-masthead-item__dropdown-icon{margin-inline-start:var(--udexSpacer4)}:host(:hover) .udex-masthead-item,:host(:hover) .udex-masthead-item__icon,:host(:hover) .udex-masthead-item__dropdown-icon{color:var(--udex-masthead-item-color-hover)}:host(:active) .udex-masthead-item,:host([selected]) .udex-masthead-item,:host(:active) .udex-masthead-item-icon,:host([selected]) .udex-masthead-item-icon,:host(:active) .udex-masthead-item__dropdown-icon,:host([selected]) .udex-masthead-item__dropdown-icon{color:var(--udex-masthead-item-color-active)}:host(:active) .udex-masthead-item__dropdown-icon,:host([selected]) .udex-masthead-item__dropdown-icon{transform:rotate(180deg)}:host(:active):not([hide-active-border]) .udex-masthead-item:after,:host([selected]:not([hide-active-border])) .udex-masthead-item:after{content:\"\";position:absolute;bottom:0;left:0;right:0;height:var(--udex-masthead-item-border-width);background-color:var(--udex-masthead-item-border-color);border-radius:var(--udex-masthead-item-border-radius)}:host(:active) .udex-masthead-item.udex-masthead-item__button--icon:after,:host([selected]) .udex-masthead-item.udex-masthead-item__button--icon:after,:host(:active) .udex-masthead-item.udex-masthead-item__button--profile:after,:host([selected]) .udex-masthead-item.udex-masthead-item__button--profile:after{bottom:-14px;left:0;right:0}:host([selected]) .udex-masthead-item__icon,:host(:active) .udex-masthead-item__icon{color:var(--udex-masthead-item-color-active)}.udex-masthead-item__icon-container{display:flex;align-items:center;justify-content:center}.udex-masthead-item__icon{width:var(--udex-masthead-item-icon-size);height:var(--udex-masthead-item-icon-size);color:var(--udex-masthead-item-color)}.udex-masthead-item__avatar-container{display:flex;align-items:center;justify-content:center;width:auto;height:auto}:host(:dir(rtl)) .udex-masthead-item__dropdown{right:var(--udex-masthead-item-dropdown-position-right);left:auto}:host(:dir(rtl)) .udex-masthead-item__button--explore+.udex-masthead-item__dropdown,:host(:dir(rtl)) .udex-masthead-item__button--profile+.udex-masthead-item__dropdown{left:0;right:auto}:host([slot=\"exploreSAP\"]) ::slotted([slot=\"dropdown\"]){--udex-masthead-menu-padding-desktop: 32px var(--udexSpacer72);--udex-masthead-menu-column-width: auto;--udex-masthead-menu-grid-template-columns: repeat(4, calc(25% - var(--udex-masthead-menu-column_gap)*3/4))}:host([slot=\"profile\"]) ::slotted([slot=\"dropdown\"]){width:100%;display:flex;flex-direction:column}@media (max-width: 1279px){:host([slot=\"profile\"]) ::slotted([slot=\"dropdown\"]){display:initial}.udex-masthead-item__button--profile+.udex-masthead-item__dropdown,.udex-masthead-item__dropdown{top:60px;right:0;left:auto}:host(:dir(rtl)) .udex-masthead-item__dropdown{left:0;right:auto}.udex-masthead-item__dropdown{position:var(--udex-masthead-item-dropdown-position);height:var(--udex-masthead-item-dropdown-height);width:var(--udex-masthead-item-dropdown-mobile-width);top:60px}.udex-masthead-item__dropdown-holder{height:100%;box-shadow:none;overflow:auto}.udex-masthead-item__dropdown:after{box-shadow:var(--udex-masthead-shell-dropdown-shadow);pointer-events:none;content:\"\";position:absolute;inset:-60px 0 0}}@media (max-width: 979px){.udex-masthead-item__dropdown{width:100%}}\n`};\nexport default styleData;\n\t"]}
+{"version":3,"file":"MastheadItem.css.js","sourceRoot":"","sources":["../../../src/generated/themes/MastheadItem.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,yBAAyB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAElG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,yBAAyB,EAAC,QAAQ,EAAC,4BAA4B,EAAC,OAAO,EAAC;CACjH,EAAC,CAAC;AACH,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { 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(\"@sapudex/web-components\", \"sap_horizon\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@sapudex/web-components\",fileName:\"themes/MastheadItem.css.ts\",content:`:host{--udex-masthead-item-background: none;--udex-masthead-item-border: none;--udex-masthead-item-padding: 1.35rem;--udex-masthead-item-font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);--udex-masthead-item-color: var(--udexColorGrey8, #354A5F);--udex-masthead-item-color-hover: var(--udexColorBlue7, #0070f2);--udex-masthead-item-color-active: var(--udexColorBlue9, #0040B0);--udex-masthead-item-border-color: var(--udexColorBlue7, #0070f2);--udex-masthead-item-border-radius: var(--udexRadiusXXS) var(--udexRadiusXXS) 0 0;--udex-masthead-item-border-width: .188rem;--udex-masthead-item-align-content: center;--udex-masthead-item-justify-content: center;--udex-masthead-item-display: inline-flex;--udex-masthead-item-icon-size: 1.125rem;--udex-masthead-item-icon-container-size: 2rem;--udex-masthead-item-outline-border-color: var(--udexColorBlue10, #002A86);--udex-masthead-item-dropdown-box-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 #22364940);--udex-masthead-item-dropdown-position-left: -55px;--udex-masthead-item-dropdown-position-right: -55px;--udex-masthead-item-dropdown-mobile-width: 360px;--udex-masthead-item-dropdown-position: absolute;--udex-masthead-item-dropdown-height:calc(100vh - 60px);--udex-masthead-item-dropdown-zindex: 100;display:var(--udex-masthead-item-display);align-items:var(--udex-masthead-item-align-content);justify-content:var(--udex-masthead-item-justify-content);position:relative}.udex-masthead-item__dropdown{position:absolute;top:100%;left:var(--udex-masthead-item-dropdown-position-left);z-index:var(--udex-masthead-item-dropdown-zindex)}.udex-masthead-item__button--profile+.udex-masthead-item__dropdown{left:auto;right:0;top:46px;min-width:var(--udex-masthead-item-dropdown-mobile-width)}.udex-masthead-item__button--explore+.udex-masthead-item__dropdown{position:absolute;top:60px;inset-inline-start:0;box-sizing:border-box;inline-size:100%}:host([slot=\"exploreSAP\"]){position:inherit}.udex-masthead-item__dropdown-holder{position:relative;box-shadow:var(--udex-masthead-item-dropdown-box-shadow)}.udex-masthead-item{font-family:var(--sapFontFamily);font-size:var(--udex-masthead-item-font-size);color:var(--udex-masthead-item-color);background:var(--udex-masthead-item-background);border:var(--udex-masthead-item-border);padding:var(--udex-masthead-item-padding) 0;cursor:pointer;text-decoration:none;white-space:nowrap;position:relative}.udex-masthead-item__button--icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px}.udex-masthead-item.udex-masthead-item__button--profile,.udex-masthead-item.udex-masthead-item__button--icon{padding:0}.udex-masthead-item:focus{outline:none}.udex-masthead-item__text{display:flex;align-items:center}:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__text,:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__icon-container,.udex-masthead-item:focus-visible .udex-masthead-item__text,.udex-masthead-item:focus-visible .udex-masthead-item__icon-container{outline:var(--udexRadiusXXS) solid var(--udex-masthead-item-outline-border-color);outline-offset:2px;border-radius:var(--udexRadiusXXS)}:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__icon-container,.udex-masthead-item:focus .udex-masthead-item__icon-container{outline-offset:6px}.udex-masthead-item__button--profile .udex-masthead-item__text{display:inline-block}.udex-masthead-item.udex-masthead-item__button--profile:focus .udex-masthead-item__text{border-radius:50%}.udex-masthead-item__dropdown-icon{margin-inline-start:var(--udexSpacer4)}:host(:hover) .udex-masthead-item,:host(:hover) .udex-masthead-item__icon,:host(:hover) .udex-masthead-item__dropdown-icon{color:var(--udex-masthead-item-color-hover)}:host(:active) .udex-masthead-item,:host([selected]) .udex-masthead-item,:host(:active) .udex-masthead-item-icon,:host([selected]) .udex-masthead-item-icon,:host(:active) .udex-masthead-item__dropdown-icon,:host([selected]) .udex-masthead-item__dropdown-icon{color:var(--udex-masthead-item-color-active)}:host(:active) .udex-masthead-item__dropdown-icon,:host([selected]) .udex-masthead-item__dropdown-icon{transform:rotate(180deg)}:host(:active):not([hide-active-border]) .udex-masthead-item:after,:host([selected]:not([hide-active-border])) .udex-masthead-item:after{content:\"\";position:absolute;bottom:0;left:0;right:0;height:var(--udex-masthead-item-border-width);background-color:var(--udex-masthead-item-border-color);border-radius:var(--udex-masthead-item-border-radius)}:host(:active) .udex-masthead-item.udex-masthead-item__button--icon:after,:host([selected]) .udex-masthead-item.udex-masthead-item__button--icon:after,:host(:active) .udex-masthead-item.udex-masthead-item__button--profile:after,:host([selected]) .udex-masthead-item.udex-masthead-item__button--profile:after{bottom:-14px;left:0;right:0}:host([selected]) .udex-masthead-item__icon,:host(:active) .udex-masthead-item__icon{color:var(--udex-masthead-item-color-active)}.udex-masthead-item__icon-container{display:flex;align-items:center;justify-content:center}.udex-masthead-item__icon{width:var(--udex-masthead-item-icon-size);height:var(--udex-masthead-item-icon-size);color:var(--udex-masthead-item-color)}.udex-masthead-item__avatar-container{display:flex;align-items:center;justify-content:center;width:auto;height:auto}:host(:dir(rtl)) .udex-masthead-item__dropdown{right:var(--udex-masthead-item-dropdown-position-right);left:auto}:host(:dir(rtl)) .udex-masthead-item__button--explore+.udex-masthead-item__dropdown,:host(:dir(rtl)) .udex-masthead-item__button--profile+.udex-masthead-item__dropdown{left:0;right:auto}:host([slot=\"exploreSAP\"]) ::slotted([slot=\"dropdown\"]){--udex-masthead-menu-padding-desktop: 32px var(--udexSpacer72);--udex-masthead-menu-column-width: auto;--udex-masthead-menu-grid-template-columns: repeat(4, calc(25% - var(--udex-masthead-menu-column_gap)*3/4))}:host([slot=\"profile\"]) ::slotted([slot=\"dropdown\"]){width:100%;display:flex;flex-direction:column}@media (max-width: 1279px){:host{position:initial}:host([slot=\"profile\"]) ::slotted([slot=\"dropdown\"]){display:initial}.udex-masthead-item__button--profile+.udex-masthead-item__dropdown,.udex-masthead-item__dropdown{top:60px;right:0;left:auto}:host(:dir(rtl)) .udex-masthead-item__dropdown{left:0;right:auto}.udex-masthead-item__dropdown{position:var(--udex-masthead-item-dropdown-position);height:var(--udex-masthead-item-dropdown-height);width:var(--udex-masthead-item-dropdown-mobile-width);top:60px}.udex-masthead-item__dropdown-holder{height:100%;box-shadow:none;overflow:auto}.udex-masthead-item__dropdown:after{box-shadow:var(--udex-masthead-shell-dropdown-shadow);pointer-events:none;content:\"\";position:absolute;inset:-60px 0 0}}@media (max-width: 979px){.udex-masthead-item__dropdown{width:100%}}\n`};\nexport default styleData;\n\t"]}

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

@@ -3,7 +3,7 @@ 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("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
-const styleData = { packageName: "@sapudex/web-components", fileName: "themes/MastheadShell.css.ts", content: `:host{--udex-masthead-shell-background: var(--udexColorGrey1, #F5F6F7);--udex-masthead-shell-dropdown-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 #22364940);--udex-masthead-shell-site-label-font-size: var(--udexTypographyNavigationRegularXLFontSize, 16px);--udex-masthead-shell-site-label-line-height: 24px;--udex-masthead-shell-site-label-font-weight: var(--udexTypographyFontWeightBold, 700);--udex-masthead-shell-site-label-text-decoration: none;--udex-masthead-shell-site-label-color: var(--udexColorGrey8, #354A5F);--udex-masthead-shell-site-label-color-hover: var(--udexColorBlue7, #0070F2);--udex-grid-gutter: 3rem;--udex-grid-margin-m: 4.5rem;--udex-grid-margin-l: 4.5rem;--udex-grid-margin-xl: 5.25rem;--udex-column-width-l: calc((100% - 2 * var(--udex-grid-margin-l) - 11 * var(--udex-grid-gutter)) / 12);--udex-column-width-xl: calc((100% - 2 * var(--udex-grid-margin-xl) - 11 * var(--udex-grid-gutter)) / 12);--udex-masthead-shell-search-container-width-xl: calc(8 * var(--udex-column-width-xl) + 7 * var(--udex-grid-gutter));--udex-masthead-shell-close-button-divider-color: var(--udexCoreDividerLight, #D5DADD);--udex-masthead-shell-z-index: 10;--udex-masthead-shell-container-xl-max-width: 1432px;--udex-masthead-shell-container-l-max-width: 1456px}:host{position:relative;display:block;width:100%;container-type:inline-size;background:var(--udex-masthead-shell-background);z-index:var(--udex-masthead-shell-z-index)}:host([sticky-position]){position:sticky;top:0}:host([_is-search-visible]) .udex-masthead-shell__main-content{width:30%}:host([_is-search-visible]) .udex-masthead-shell__search-container{width:40%}.udex-masthead-shell__search-container{background:var(--udex-masthead-shell-background)}.udex-masthead-shell__btn-holder{display:flex;justify-content:flex-end;width:30%}.udex-masthead-shell__close-search-btn{--udex-control-button-small-height: 32px;--udex-control-button-small-width: 32px;--udex-control-button-small-icon-size: 18px}.udex-masthead-shell{display:flex;justify-content:space-between;align-items:center;position:relative;padding:0 var(--udexSpacer84);max-width:var(--udex-masthead-shell-container-xl-max-width);margin:0 auto;height:60px}.udex-masthead-shell__logo{margin-inline-end:var(--udexSpacer16);width:64px}.udex-masthead-shell__logo-image{width:100%}.udex-masthead-shell__logo--link{cursor:pointer}.udex-masthead-shell__logo--link:focus,.udex-masthead-shell__logo--link:focus-visible,.udex-masthead-shell__site-label--link:focus,.udex-masthead-shell__site-label--link:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);outline-offset:2px;border-radius:var(--udexRadiusXXS)}.udex-masthead-shell__site-label{font-family:var(--sapFontFamily);font-size:var(--udex-masthead-shell-site-label-font-size);line-height:var(--udex-masthead-shell-site-label-line-height);color:var(--udex-masthead-shell-site-label-color);font-weight:var(--udex-masthead-shell-site-label-font-weight);text-decoration:var(--udex-masthead-shell-site-label-text-decoration);margin-inline-end:var(--udexSpacer24);white-space:nowrap}.udex-masthead-shell__site-label--link:hover{color:var(--udex-masthead-shell-site-label-color-hover)}.udex-masthead-shell__main-content{display:grid;grid:"logo siteLabel mainMenu " / auto auto 1fr;align-items:center;padding-inline-end:var(--udexSpacer20);box-sizing:border-box}.udex-masthead-shell__main-menu{display:flex;align-items:center;gap:var(--udexSpacer24);max-width:100%}.udex-masthead-shell__right-menu{display:flex;align-items:center;gap:var(--udexSpacer8)}.udex-masthead-shell__explore{white-space:nowrap;margin-inline-end:var(--udexSpacer12)}.udex-masthead-shell__cart,.udex-masthead-shell__search-icon,.udex-masthead-shell__profile{display:flex;align-items:center}.udex-masthead-shell__item{margin-inline-end:var(--udexSpacer4)}.udex-masthead-shell__menu-btn{height:18px}.udex-masthead-shell__close-btn{position:relative;margin-inline-start:var(--udexSpacer12)}.udex-masthead-shell__close-btn:before{content:"";position:absolute;left:-12px;top:0;bottom:0;height:32px;border-radius:var(--udexRadiusXXS);width:1px;background:var(--udex-masthead-shell-close-button-divider-color)}:dir(rtl) .udex-masthead-shell__close-btn:before{left:auto;right:-12px}:dir(rtl) .udex-masthead-mobile-wrap{right:auto;left:0}.udex-masthead-shell__close-btn:hover{color:var(--udex-masthead-shell-site-label-color-hover)}.udex-masthead-shell__close-btn,.udex-masthead-shell__menu-btn{display:none}@media (max-width: 1599px){.udex-masthead-shell{padding-left:var(--udexSpacer72);padding-right:var(--udexSpacer72);max-width:var(--udex-masthead-shell-container-l-max-width)}.udex-masthead-shell__search-container{right:var(--udexSpacer72)}.udex-masthead-shell__search-container:dir(rtl){left:var(--udexSpacer72);right:auto}}@media (max-width: 1279px){.udex-masthead-shell__cart,.udex-masthead-shell__profile,.udex-masthead-shell__search-icon,.udex-masthead-shell__explore,.udex-masthead-shell__main-menu,.udex-masthead-shell__site-label{display:none}.udex-masthead-shell__menu-btn,.udex-masthead-shell_mobile-menu-open .udex-masthead-shell__cart,.udex-masthead-shell_mobile-menu-open .udex-masthead-shell__profile,.udex-masthead-shell_mobile-menu-open .udex-masthead-shell__close-btn{display:flex}.udex-masthead-shell__right-menu{gap:var(--udexSpacer12)}}@media (max-width: 979px){.udex-masthead-shell{padding:0 var(--udexSpacer48)}.udex-masthead-shell_mobile-menu-open .udex-masthead-shell__logo{display:none}}@media (max-width: 639px){.udex-masthead-shell{padding:0 var(--udexSpacer24)}}
+const styleData = { packageName: "@sapudex/web-components", fileName: "themes/MastheadShell.css.ts", content: `:host{--udex-masthead-shell-background: var(--udexColorGrey1, #F5F6F7);--udex-masthead-shell-dropdown-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 #22364940);--udex-masthead-shell-site-label-font-size: var(--udexTypographyNavigationRegularXLFontSize, 16px);--udex-masthead-shell-site-label-line-height: 24px;--udex-masthead-shell-site-label-font-weight: var(--udexTypographyFontWeightBold, 700);--udex-masthead-shell-site-label-text-decoration: none;--udex-masthead-shell-site-label-color: var(--udexColorGrey8, #354A5F);--udex-masthead-shell-site-label-color-hover: var(--udexColorBlue7, #0070F2);--udex-grid-gutter: 3rem;--udex-grid-margin-m: 4.5rem;--udex-grid-margin-l: 4.5rem;--udex-grid-margin-xl: 5.25rem;--udex-column-width-l: calc((100% - 2 * var(--udex-grid-margin-l) - 11 * var(--udex-grid-gutter)) / 12);--udex-column-width-xl: calc((100% - 2 * var(--udex-grid-margin-xl) - 11 * var(--udex-grid-gutter)) / 12);--udex-masthead-shell-search-container-width-xl: calc(8 * var(--udex-column-width-xl) + 7 * var(--udex-grid-gutter));--udex-masthead-shell-close-button-divider-color: var(--udexCoreDividerLight, #D5DADD);--udex-masthead-shell-z-index: 10;--udex-masthead-shell-container-xl-max-width: 1432px;--udex-masthead-shell-container-l-max-width: 1456px;--udex-masthead-mobile-menu-buttons-width: 360px}:host{position:relative;display:block;width:100%;container-type:inline-size;background:var(--udex-masthead-shell-background);z-index:var(--udex-masthead-shell-z-index)}:host([sticky-position]){position:sticky;top:0}:host([show-search-by-default]) .udex-masthead-shell__right-menu,:host([show-search-by-default]) .udex-masthead-shell__main-content,:host([_is-search-opened]) .udex-masthead-shell__main-content{width:30%}:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([_is-search-opened]) .udex-masthead-shell__search-container{width:40%}.udex-masthead-shell__search-container{background:var(--udex-masthead-shell-background)}.udex-masthead-shell__btn-holder{display:flex;justify-content:flex-end;width:30%}.udex-masthead-shell__close-search-btn{--udex-control-button-small-height: 32px;--udex-control-button-small-width: 32px;--udex-control-button-small-icon-size: 18px}.udex-masthead-shell{display:flex;justify-content:space-between;align-items:center;position:relative;padding:0 var(--udexSpacer84);max-width:var(--udex-masthead-shell-container-xl-max-width);margin:0 auto;height:60px}.udex-masthead-shell__logo{margin-inline-end:var(--udexSpacer16);width:64px}.udex-masthead-shell__logo-image{width:100%}.udex-masthead-shell__logo--link{cursor:pointer}.udex-masthead-shell__logo--link:focus,.udex-masthead-shell__logo--link:focus-visible,.udex-masthead-shell__site-label--link:focus,.udex-masthead-shell__site-label--link:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);outline-offset:2px;border-radius:var(--udexRadiusXXS)}.udex-masthead-shell__site-label{font-family:var(--sapFontFamily);font-size:var(--udex-masthead-shell-site-label-font-size);line-height:var(--udex-masthead-shell-site-label-line-height);color:var(--udex-masthead-shell-site-label-color);font-weight:var(--udex-masthead-shell-site-label-font-weight);text-decoration:var(--udex-masthead-shell-site-label-text-decoration);margin-inline-end:var(--udexSpacer24);white-space:nowrap}.udex-masthead-shell__site-label--link:hover{color:var(--udex-masthead-shell-site-label-color-hover)}.udex-masthead-shell__main-content{display:grid;grid:"logo siteLabel mainMenu " / auto auto 1fr;align-items:center;padding-inline-end:var(--udexSpacer20);box-sizing:border-box}.udex-masthead-shell__main-menu{display:flex;align-items:center;gap:var(--udexSpacer24);max-width:100%}.udex-masthead-shell__right-menu{display:flex;align-items:center;justify-content:flex-end;gap:var(--udexSpacer8);padding-inline-start:var(--udexSpacer20);box-sizing:border-box}.udex-masthead-shell__explore{white-space:nowrap;margin-inline-end:var(--udexSpacer12)}.udex-masthead-shell__cart,.udex-masthead-shell__search-icon,.udex-masthead-shell__profile{display:flex;align-items:center}.udex-masthead-shell__item{margin-inline-end:var(--udexSpacer4)}.udex-masthead-shell__menu-btn{height:18px}.udex-masthead-shell__close-btn{position:relative;margin-inline-start:var(--udexSpacer12)}.udex-masthead-shell__close-btn:before{content:"";position:absolute;left:-12px;top:0;bottom:0;height:32px;border-radius:var(--udexRadiusXXS);width:1px;background:var(--udex-masthead-shell-close-button-divider-color)}:dir(rtl) .udex-masthead-shell__close-btn:before{left:auto;right:-12px}:dir(rtl) .udex-masthead-mobile-wrap{right:auto;left:0}.udex-masthead-shell__close-btn:hover{color:var(--udex-masthead-shell-site-label-color-hover)}:host([show-search-by-default]) .udex-masthead-shell__search-icon,.udex-masthead-shell__close-btn,.udex-masthead-shell__menu-btn{display:none}@media (max-width: 1599px){.udex-masthead-shell{padding-left:var(--udexSpacer72);padding-right:var(--udexSpacer72);max-width:var(--udex-masthead-shell-container-l-max-width)}.udex-masthead-shell__search-container{right:var(--udexSpacer72)}.udex-masthead-shell__search-container:dir(rtl){left:var(--udexSpacer72);right:auto}}@media (max-width: 1279px){:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([show-search-by-default]) .udex-masthead-shell__main-content,:host([show-search-by-default]) .udex-masthead-shell__right-menu{width:auto}:host([show-search-by-default]) .udex-masthead-shell__search-container{flex:auto}:host([show-search-by-default]) .udex-masthead-shell__site-label{margin:0}:host([show-search-by-default]) .udex-masthead-shell__main-content{padding-inline-end:var(--udexSpacer32)}.udex-masthead-shell__cart,.udex-masthead-shell__profile,.udex-masthead-shell__search-icon,.udex-masthead-shell__explore,.udex-masthead-shell__main-menu{display:none}.udex-masthead-shell__menu-btn,:host([_is-mobile-menu-open]) .udex-masthead-shell__cart,:host([_is-mobile-menu-open]) .udex-masthead-shell__profile,:host([_is-mobile-menu-open]) .udex-masthead-shell__close-btn{display:flex}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{width:var(--udex-masthead-mobile-menu-buttons-width);background:var(--udex-masthead-shell-background);padding-inline-end:var(--udexSpacer72);position:absolute;top:0;bottom:0;right:0;z-index:1}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl){right:auto;left:0}.udex-masthead-shell__right-menu{padding-inline-start:var(--udexSpacer32);gap:var(--udexSpacer12)}}@media (max-width: 979px){:host([_is-search-opened][show-search-by-default]) .udex-masthead-shell__search-container,:host([show-search-by-default]) .udex-masthead-shell__search-icon{display:block}:host([_is-search-opened]) .udex-masthead-shell__right-menu,:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__search-icon,:host([_is-mobile-menu-open]) .udex-masthead-shell__site-label,:host([_is-mobile-menu-open]) .udex-masthead-shell__logo{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer48);width:auto;left:0}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl){right:0}.udex-masthead-shell{padding:0 var(--udexSpacer48)}.udex-masthead-shell__btn-holder{padding-inline-start:var(--udexSpacer32);width:auto}}@media (max-width: 639px){:host([_is-search-opened]) .udex-masthead-shell__main-content{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer24)}.udex-masthead-shell{padding:0 var(--udexSpacer24)}.udex-masthead-shell__btn-holder{padding-inline-start:var(--udexSpacer8)}}
 ` };
 export default styleData;
 //# sourceMappingURL=MastheadShell.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MastheadShell.css.js","sourceRoot":"","sources":["../../../src/generated/themes/MastheadShell.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,yBAAyB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAElG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,yBAAyB,EAAC,QAAQ,EAAC,6BAA6B,EAAC,OAAO,EAAC;CAClH,EAAC,CAAC;AACH,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { 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(\"@sapudex/web-components\", \"sap_horizon\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@sapudex/web-components\",fileName:\"themes/MastheadShell.css.ts\",content:`:host{--udex-masthead-shell-background: var(--udexColorGrey1, #F5F6F7);--udex-masthead-shell-dropdown-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 #22364940);--udex-masthead-shell-site-label-font-size: var(--udexTypographyNavigationRegularXLFontSize, 16px);--udex-masthead-shell-site-label-line-height: 24px;--udex-masthead-shell-site-label-font-weight: var(--udexTypographyFontWeightBold, 700);--udex-masthead-shell-site-label-text-decoration: none;--udex-masthead-shell-site-label-color: var(--udexColorGrey8, #354A5F);--udex-masthead-shell-site-label-color-hover: var(--udexColorBlue7, #0070F2);--udex-grid-gutter: 3rem;--udex-grid-margin-m: 4.5rem;--udex-grid-margin-l: 4.5rem;--udex-grid-margin-xl: 5.25rem;--udex-column-width-l: calc((100% - 2 * var(--udex-grid-margin-l) - 11 * var(--udex-grid-gutter)) / 12);--udex-column-width-xl: calc((100% - 2 * var(--udex-grid-margin-xl) - 11 * var(--udex-grid-gutter)) / 12);--udex-masthead-shell-search-container-width-xl: calc(8 * var(--udex-column-width-xl) + 7 * var(--udex-grid-gutter));--udex-masthead-shell-close-button-divider-color: var(--udexCoreDividerLight, #D5DADD);--udex-masthead-shell-z-index: 10;--udex-masthead-shell-container-xl-max-width: 1432px;--udex-masthead-shell-container-l-max-width: 1456px}:host{position:relative;display:block;width:100%;container-type:inline-size;background:var(--udex-masthead-shell-background);z-index:var(--udex-masthead-shell-z-index)}:host([sticky-position]){position:sticky;top:0}:host([_is-search-visible]) .udex-masthead-shell__main-content{width:30%}:host([_is-search-visible]) .udex-masthead-shell__search-container{width:40%}.udex-masthead-shell__search-container{background:var(--udex-masthead-shell-background)}.udex-masthead-shell__btn-holder{display:flex;justify-content:flex-end;width:30%}.udex-masthead-shell__close-search-btn{--udex-control-button-small-height: 32px;--udex-control-button-small-width: 32px;--udex-control-button-small-icon-size: 18px}.udex-masthead-shell{display:flex;justify-content:space-between;align-items:center;position:relative;padding:0 var(--udexSpacer84);max-width:var(--udex-masthead-shell-container-xl-max-width);margin:0 auto;height:60px}.udex-masthead-shell__logo{margin-inline-end:var(--udexSpacer16);width:64px}.udex-masthead-shell__logo-image{width:100%}.udex-masthead-shell__logo--link{cursor:pointer}.udex-masthead-shell__logo--link:focus,.udex-masthead-shell__logo--link:focus-visible,.udex-masthead-shell__site-label--link:focus,.udex-masthead-shell__site-label--link:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);outline-offset:2px;border-radius:var(--udexRadiusXXS)}.udex-masthead-shell__site-label{font-family:var(--sapFontFamily);font-size:var(--udex-masthead-shell-site-label-font-size);line-height:var(--udex-masthead-shell-site-label-line-height);color:var(--udex-masthead-shell-site-label-color);font-weight:var(--udex-masthead-shell-site-label-font-weight);text-decoration:var(--udex-masthead-shell-site-label-text-decoration);margin-inline-end:var(--udexSpacer24);white-space:nowrap}.udex-masthead-shell__site-label--link:hover{color:var(--udex-masthead-shell-site-label-color-hover)}.udex-masthead-shell__main-content{display:grid;grid:\"logo siteLabel mainMenu \" / auto auto 1fr;align-items:center;padding-inline-end:var(--udexSpacer20);box-sizing:border-box}.udex-masthead-shell__main-menu{display:flex;align-items:center;gap:var(--udexSpacer24);max-width:100%}.udex-masthead-shell__right-menu{display:flex;align-items:center;gap:var(--udexSpacer8)}.udex-masthead-shell__explore{white-space:nowrap;margin-inline-end:var(--udexSpacer12)}.udex-masthead-shell__cart,.udex-masthead-shell__search-icon,.udex-masthead-shell__profile{display:flex;align-items:center}.udex-masthead-shell__item{margin-inline-end:var(--udexSpacer4)}.udex-masthead-shell__menu-btn{height:18px}.udex-masthead-shell__close-btn{position:relative;margin-inline-start:var(--udexSpacer12)}.udex-masthead-shell__close-btn:before{content:\"\";position:absolute;left:-12px;top:0;bottom:0;height:32px;border-radius:var(--udexRadiusXXS);width:1px;background:var(--udex-masthead-shell-close-button-divider-color)}:dir(rtl) .udex-masthead-shell__close-btn:before{left:auto;right:-12px}:dir(rtl) .udex-masthead-mobile-wrap{right:auto;left:0}.udex-masthead-shell__close-btn:hover{color:var(--udex-masthead-shell-site-label-color-hover)}.udex-masthead-shell__close-btn,.udex-masthead-shell__menu-btn{display:none}@media (max-width: 1599px){.udex-masthead-shell{padding-left:var(--udexSpacer72);padding-right:var(--udexSpacer72);max-width:var(--udex-masthead-shell-container-l-max-width)}.udex-masthead-shell__search-container{right:var(--udexSpacer72)}.udex-masthead-shell__search-container:dir(rtl){left:var(--udexSpacer72);right:auto}}@media (max-width: 1279px){.udex-masthead-shell__cart,.udex-masthead-shell__profile,.udex-masthead-shell__search-icon,.udex-masthead-shell__explore,.udex-masthead-shell__main-menu,.udex-masthead-shell__site-label{display:none}.udex-masthead-shell__menu-btn,.udex-masthead-shell_mobile-menu-open .udex-masthead-shell__cart,.udex-masthead-shell_mobile-menu-open .udex-masthead-shell__profile,.udex-masthead-shell_mobile-menu-open .udex-masthead-shell__close-btn{display:flex}.udex-masthead-shell__right-menu{gap:var(--udexSpacer12)}}@media (max-width: 979px){.udex-masthead-shell{padding:0 var(--udexSpacer48)}.udex-masthead-shell_mobile-menu-open .udex-masthead-shell__logo{display:none}}@media (max-width: 639px){.udex-masthead-shell{padding:0 var(--udexSpacer24)}}\n`};\nexport default styleData;\n\t"]}
+{"version":3,"file":"MastheadShell.css.js","sourceRoot":"","sources":["../../../src/generated/themes/MastheadShell.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,yBAAyB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAElG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,yBAAyB,EAAC,QAAQ,EAAC,6BAA6B,EAAC,OAAO,EAAC;CAClH,EAAC,CAAC;AACH,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { 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(\"@sapudex/web-components\", \"sap_horizon\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@sapudex/web-components\",fileName:\"themes/MastheadShell.css.ts\",content:`:host{--udex-masthead-shell-background: var(--udexColorGrey1, #F5F6F7);--udex-masthead-shell-dropdown-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 #22364940);--udex-masthead-shell-site-label-font-size: var(--udexTypographyNavigationRegularXLFontSize, 16px);--udex-masthead-shell-site-label-line-height: 24px;--udex-masthead-shell-site-label-font-weight: var(--udexTypographyFontWeightBold, 700);--udex-masthead-shell-site-label-text-decoration: none;--udex-masthead-shell-site-label-color: var(--udexColorGrey8, #354A5F);--udex-masthead-shell-site-label-color-hover: var(--udexColorBlue7, #0070F2);--udex-grid-gutter: 3rem;--udex-grid-margin-m: 4.5rem;--udex-grid-margin-l: 4.5rem;--udex-grid-margin-xl: 5.25rem;--udex-column-width-l: calc((100% - 2 * var(--udex-grid-margin-l) - 11 * var(--udex-grid-gutter)) / 12);--udex-column-width-xl: calc((100% - 2 * var(--udex-grid-margin-xl) - 11 * var(--udex-grid-gutter)) / 12);--udex-masthead-shell-search-container-width-xl: calc(8 * var(--udex-column-width-xl) + 7 * var(--udex-grid-gutter));--udex-masthead-shell-close-button-divider-color: var(--udexCoreDividerLight, #D5DADD);--udex-masthead-shell-z-index: 10;--udex-masthead-shell-container-xl-max-width: 1432px;--udex-masthead-shell-container-l-max-width: 1456px;--udex-masthead-mobile-menu-buttons-width: 360px}:host{position:relative;display:block;width:100%;container-type:inline-size;background:var(--udex-masthead-shell-background);z-index:var(--udex-masthead-shell-z-index)}:host([sticky-position]){position:sticky;top:0}:host([show-search-by-default]) .udex-masthead-shell__right-menu,:host([show-search-by-default]) .udex-masthead-shell__main-content,:host([_is-search-opened]) .udex-masthead-shell__main-content{width:30%}:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([_is-search-opened]) .udex-masthead-shell__search-container{width:40%}.udex-masthead-shell__search-container{background:var(--udex-masthead-shell-background)}.udex-masthead-shell__btn-holder{display:flex;justify-content:flex-end;width:30%}.udex-masthead-shell__close-search-btn{--udex-control-button-small-height: 32px;--udex-control-button-small-width: 32px;--udex-control-button-small-icon-size: 18px}.udex-masthead-shell{display:flex;justify-content:space-between;align-items:center;position:relative;padding:0 var(--udexSpacer84);max-width:var(--udex-masthead-shell-container-xl-max-width);margin:0 auto;height:60px}.udex-masthead-shell__logo{margin-inline-end:var(--udexSpacer16);width:64px}.udex-masthead-shell__logo-image{width:100%}.udex-masthead-shell__logo--link{cursor:pointer}.udex-masthead-shell__logo--link:focus,.udex-masthead-shell__logo--link:focus-visible,.udex-masthead-shell__site-label--link:focus,.udex-masthead-shell__site-label--link:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);outline-offset:2px;border-radius:var(--udexRadiusXXS)}.udex-masthead-shell__site-label{font-family:var(--sapFontFamily);font-size:var(--udex-masthead-shell-site-label-font-size);line-height:var(--udex-masthead-shell-site-label-line-height);color:var(--udex-masthead-shell-site-label-color);font-weight:var(--udex-masthead-shell-site-label-font-weight);text-decoration:var(--udex-masthead-shell-site-label-text-decoration);margin-inline-end:var(--udexSpacer24);white-space:nowrap}.udex-masthead-shell__site-label--link:hover{color:var(--udex-masthead-shell-site-label-color-hover)}.udex-masthead-shell__main-content{display:grid;grid:\"logo siteLabel mainMenu \" / auto auto 1fr;align-items:center;padding-inline-end:var(--udexSpacer20);box-sizing:border-box}.udex-masthead-shell__main-menu{display:flex;align-items:center;gap:var(--udexSpacer24);max-width:100%}.udex-masthead-shell__right-menu{display:flex;align-items:center;justify-content:flex-end;gap:var(--udexSpacer8);padding-inline-start:var(--udexSpacer20);box-sizing:border-box}.udex-masthead-shell__explore{white-space:nowrap;margin-inline-end:var(--udexSpacer12)}.udex-masthead-shell__cart,.udex-masthead-shell__search-icon,.udex-masthead-shell__profile{display:flex;align-items:center}.udex-masthead-shell__item{margin-inline-end:var(--udexSpacer4)}.udex-masthead-shell__menu-btn{height:18px}.udex-masthead-shell__close-btn{position:relative;margin-inline-start:var(--udexSpacer12)}.udex-masthead-shell__close-btn:before{content:\"\";position:absolute;left:-12px;top:0;bottom:0;height:32px;border-radius:var(--udexRadiusXXS);width:1px;background:var(--udex-masthead-shell-close-button-divider-color)}:dir(rtl) .udex-masthead-shell__close-btn:before{left:auto;right:-12px}:dir(rtl) .udex-masthead-mobile-wrap{right:auto;left:0}.udex-masthead-shell__close-btn:hover{color:var(--udex-masthead-shell-site-label-color-hover)}:host([show-search-by-default]) .udex-masthead-shell__search-icon,.udex-masthead-shell__close-btn,.udex-masthead-shell__menu-btn{display:none}@media (max-width: 1599px){.udex-masthead-shell{padding-left:var(--udexSpacer72);padding-right:var(--udexSpacer72);max-width:var(--udex-masthead-shell-container-l-max-width)}.udex-masthead-shell__search-container{right:var(--udexSpacer72)}.udex-masthead-shell__search-container:dir(rtl){left:var(--udexSpacer72);right:auto}}@media (max-width: 1279px){:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([show-search-by-default]) .udex-masthead-shell__main-content,:host([show-search-by-default]) .udex-masthead-shell__right-menu{width:auto}:host([show-search-by-default]) .udex-masthead-shell__search-container{flex:auto}:host([show-search-by-default]) .udex-masthead-shell__site-label{margin:0}:host([show-search-by-default]) .udex-masthead-shell__main-content{padding-inline-end:var(--udexSpacer32)}.udex-masthead-shell__cart,.udex-masthead-shell__profile,.udex-masthead-shell__search-icon,.udex-masthead-shell__explore,.udex-masthead-shell__main-menu{display:none}.udex-masthead-shell__menu-btn,:host([_is-mobile-menu-open]) .udex-masthead-shell__cart,:host([_is-mobile-menu-open]) .udex-masthead-shell__profile,:host([_is-mobile-menu-open]) .udex-masthead-shell__close-btn{display:flex}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{width:var(--udex-masthead-mobile-menu-buttons-width);background:var(--udex-masthead-shell-background);padding-inline-end:var(--udexSpacer72);position:absolute;top:0;bottom:0;right:0;z-index:1}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl){right:auto;left:0}.udex-masthead-shell__right-menu{padding-inline-start:var(--udexSpacer32);gap:var(--udexSpacer12)}}@media (max-width: 979px){:host([_is-search-opened][show-search-by-default]) .udex-masthead-shell__search-container,:host([show-search-by-default]) .udex-masthead-shell__search-icon{display:block}:host([_is-search-opened]) .udex-masthead-shell__right-menu,:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__search-icon,:host([_is-mobile-menu-open]) .udex-masthead-shell__site-label,:host([_is-mobile-menu-open]) .udex-masthead-shell__logo{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer48);width:auto;left:0}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl){right:0}.udex-masthead-shell{padding:0 var(--udexSpacer48)}.udex-masthead-shell__btn-holder{padding-inline-start:var(--udexSpacer32);width:auto}}@media (max-width: 639px){:host([_is-search-opened]) .udex-masthead-shell__main-content{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer24)}.udex-masthead-shell{padding:0 var(--udexSpacer24)}.udex-masthead-shell__btn-holder{padding-inline-start:var(--udexSpacer8)}}\n`};\nexport default styleData;\n\t"]}

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

@@ -3,7 +3,7 @@ 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("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
-const styleData = { packageName: "@sapudex/web-components", fileName: "themes/PhoneNumberField.css.ts", content: `:host{--udex-phone-number-field-color-standard-default-background: var(--sapField_Background, #fff);--udex-phone-number-field-color-standard-default-border: var(--sapField_BorderColor, #5b738b);--udex-phone-number-field-color-standard-default-text: var(--sapField_TextColor, #223548);--udex-phone-number-field-color-standard-default-icon: var(--sapField_PlaceholderTextColor, #475e75);--udex-phone-number-field-color-standard-default-placeholder: var(--sapField_PlaceholderTextColor, #475e75);--udex-phone-number-field-color-standard-default-label: var(--sapField_PlaceholderTextColor, #475e75);--udex-phone-number-field-color-standard-default-control-button-border: var(--udexColorBlue4, #89d1ff);--udex-phone-number-field-color-standard-hover-border: var(--sapField_Hover_BorderColor, #1b90ff);--udex-phone-number-field-color-standard-active-border: var(--sapField_Active_BorderColor, #0040b0);--udex-phone-number-field-color-standard-active-icon: var(--sapSelectedColor, #0040b0);--udex-phone-number-field-color-error-default-background: var(--sapField_InvalidBackground, #fff);--udex-phone-number-field-color-error-default-border: var(--udexCoreSemanticError6, #ee3939);--udex-phone-number-field-color-error-default-control-button-border: var(--udexCoreSemanticError4, #ff8cb2);--udex-phone-number-field-color-error-hover-border: var(--sapField_InvalidColor, #d20a0a);--udex-phone-number-field-color-error-active-border: var(--udexCoreSemanticError9, #840606);--udex-phone-number-field-color-error-active-icon: var(--udexCoreSemanticError9, #840606);--udex-phone-number-field-color-success-default-background: var(--sapField_SuccessBackground, #fff);--udex-phone-number-field-color-success-default-border: var(--udexCoreSemanticSuccess6, #36a41d);--udex-phone-number-field-color-success-default-control-button-border: var(--udexCoreSemanticSuccess6, #36a41d);--udex-phone-number-field-color-success-hover-border: var(--sapField_SuccessColor, #188918);--udex-phone-number-field-color-success-active-border: var(--sapSuccessColor, #1e592f);--udex-phone-number-field-color-success-active-icon: var(--sapSuccessColor, #1e592f);--udex-phone-number-field-color-disabled-default-background: var(--sapField_Background, #fff);--udex-phone-number-field-color-disabled-default-border: var(--sapNeutralElementColor, #5b738b);--udex-phone-number-field-color-readonly-default-background: var(--sapField_ReadOnly_Background, #eaecee);--udex-phone-number-field-color-readonly-default-border: var(--sapNeutralElementColor, #5b738b);--udex-phone-number-field-lable-font-size: var(--sapFontSmallSize, 12px);--udex-phone-number-field-color-label-background: var(--sapField_Background, #fff);--udex-phone-number-field-height: 42px;--udex-phone-number-field-paddings: 9px var(--udexSpacer12, 12px);--udex-phone-number-field-button-margins-vertical: -10px;--udex-phone-number-field-button-margins-horizontal: -12px 8px;--udex-phone-number-field-radius: var(--udexRadiusXS, 4px);--udex-phone-number-field-flag-background: var(--udexColorGrey4, #A9B4BE);--udex-phone-number-field-flag-width: 30px;--udex-phone-number-field-flag-height: 20px;--udex-phone-number-field-button-border: var(--udexColorGrey4, #A9B4BE);--udex-phone-number-field-button-color-tertiary-standard-hover-border: var(--udexColorGrey4, #A9B4BE);--udex-phone-number-field-min-width: 320px;--udex-phone-number-field-min-width-xs-and-s:100%;--udex-phone-number-field-max-width: 100%;display:block;font-family:var(--sapFontFamily, sans-serif);font-size:var(--sapFontSize, 16px);color:var(--udex-phone-number-field-color-standard-default-text)}@media (width < 640px){.udex-phone-number-field{min-width:var(--udex-phone-number-field-min-width-xs-and-s)}}.udex-phone-number-field{position:relative;padding:var(--udex-phone-number-field-paddings);height:var(--udex-phone-number-field-height);box-sizing:border-box;background:var(--udex-phone-number-field-color-standard-default-background);border-radius:var(--udex-phone-number-field-radius);border:1px solid var(--udex-phone-number-field-color-standard-default-border);min-width:var(--udex-phone-number-field-min-width);max-width:var(--udex-phone-number-field-max-width);width:100%}:host(:not([_is-touched])[active]) .udex-phone-number-field:before{content:"";position:absolute;z-index:-1;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udexRadiusS, 6px)}.udex-phone-number-field__label{position:absolute;margin-inline-start:-3px;padding:0 var(--udexSpacer4, 4px);color:var(--udex-phone-number-field-color-standard-default-label);top:-11px;font-size:var(--udex-phone-number-field-lable-font-size);font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:1.5;z-index:2;background:linear-gradient(var(--udex-phone-number-field-color-label-background) 65%,var(--udex-phone-number-field-color-standard-default-background) 35%)}.udex-phone-number-field__button-content{display:flex;align-items:center;font-size:var(--sapFontSize, 16px);font-weight:400}.udex-phone-number-field__input-wrapper{display:flex;max-height:22px}.udex-phone-number-field__open-button{--udex-button-padding-large: 12px;--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-phone-number-field-color-standard-default-icon);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udex-phone-number-field-color-standard-default-icon);--udex-button-color-tertiary-standard-hover-background: transparent;--udex-button-color-tertiary-standard-hover-border: var(--udex-phone-number-field-button-border);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-standard-active-icon);--udex-button-color-tertiary-standard-active-border: transparent;--udex-button-color-tertiary-standard-active-background: transparent;margin-block:var(--udex-phone-number-field-button-margins-vertical);margin-inline:var(--udex-phone-number-field-button-margins-horizontal);padding:var(--udexSpacer4, 4px)}.udex-phone-number-field__open-button{z-index:3}:host([field-state="Success"]) .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-success-active-icon);--udex-button-color-tertiary-standard-active-border: transparent;--udex-button-color-tertiary-standard-active-background: transparent}:host([field-state="Error"]) .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-error-active-icon);--udex-button-color-tertiary-standard-active-border: transparent}.udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-phone-number-field-color-standard-active-icon);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udex-phone-number-field-color-standard-active-icon);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-standard-active-icon);--udex-button-color-tertiary-standard-hover-border: transparent;--udex-button-color-tertiary-standard-default-border: transparent;--udex-button-color-tertiary-standard-active-border: transparent;border-right:1px solid var(--udex-phone-number-field-color-standard-default-control-button-border)}.udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button:dir(rtl){border-right:transparent;border-left:1px solid var(--udex-phone-number-field-color-standard-default-control-button-border)}:host([field-state="Success"]) .udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-phone-number-field-color-success-active-icon);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udex-phone-number-field-color-success-active-icon);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-success-active-icon);border-right:1px solid var(--udex-phone-number-field-color-success-default-control-button-border)}:host([field-state="Success"]) .udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button:dir(rtl){border-right:transparent;border-left:1px solid var(--udex-phone-number-field-color-success-default-control-button-border)}:host([field-state="Error"]) .udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-phone-number-field-color-error-active-icon);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udex-phone-number-field-color-error-active-icon);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-error-active-icon);border-right:1px solid var(--udex-phone-number-field-color-error-default-control-button-border)}:host([field-state="Error"]) .udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button:dir(rtl){border-right:transparent;border-left:1px solid var(--udex-phone-number-field-color-error-default-control-button-border)}.udex-phone-number-field__initial-dialing-code{padding-inline-start:var(--udexSpacer8, 8px)}.udex-phone-number-field__open-button-text{display:none}.udex-phone-number-field udex-list-item::part(item){padding-top:var(--udexSpacer12, 12px);padding-bottom:var(--udexSpacer12, 12px)}.udex-phone-number-field__dropdown-list-item{display:flex;align-items:center;pointer-events:none}.udex-phone-number-field__country-name{padding-inline-end:3px}.udex-phone-number-field__input{font-weight:var(--udexTypographyFontWeightRegular, 400);flex-grow:1;box-sizing:border-box;padding:0;margin:0;border:0;outline:none;color:inherit;font-size:inherit;font-family:inherit;font-style:inherit;line-height:24px;letter-spacing:inherit;word-spacing:inherit}.udex-phone-number-field__input::-ms-input-placeholder{color:var(--udex-phone-number-field-color-standard-default-placeholder)}.udex-phone-number-field__input::placeholder{color:var(--udex-phone-number-field-color-standard-default-placeholder)}.udex-phone-number-field__input:-webkit-autofill,.udex-phone-number-field__input:-webkit-autofill:focus{box-shadow:0 0 0 var(--udex-phone-number-field-height) var(--udex-phone-number-field-color-standard-default-background) inset}.udex-phone-number-field:hover{border-color:var(--udex-phone-number-field-color-standard-hover-border)}.udex-phone-number-field:focus-within{border-color:var(--udex-phone-number-field-color-standard-active-border)}:host([field-state="Error"]) .udex-phone-number-field{background-color:var(--udex-phone-number-field-color-error-default-background);border-color:var(--udex-phone-number-field-color-error-default-border)}:host([field-state="Error"]) .udex-phone-number-field__label{background:linear-gradient(var(--udex-phone-number-field-color-label-background) 65%,var(--udex-phone-number-field-color-error-default-background) 35%)}:host([field-state="Error"]) .udex-phone-number-field:hover{border-color:var(--udex-phone-number-field-color-error-hover-border)}:host([field-state="Error"]) .udex-phone-number-field:focus-within{border-color:var(--udex-phone-number-field-color-error-active-border)}:host([field-state="Success"]) .udex-phone-number-field{background-color:var(--udex-phone-number-field-color-success-default-background);border-color:var(--udex-phone-number-field-color-success-default-border)}:host([field-state="Success"]) .udex-phone-number-field__label{background:linear-gradient(var(--udex-phone-number-field-color-label-background) 65%,var(--udex-phone-number-field-color-success-default-background) 35%)}:host([field-state="Success"]) .udex-phone-number-field:hover{border-color:var(--udex-phone-number-field-color-success-hover-border)}:host([field-state="Success"]) .udex-phone-number-field:focus-within{border-color:var(--udex-phone-number-field-color-success-active-border)}:host([disabled]) .udex-phone-number-field{opacity:.4}:host([disabled]) .udex-phone-number-field,:host([disabled]) .udex-phone-number-field:hover,:host([disabled]) .udex-phone-number-field__input{background-color:var(--udex-phone-number-field-color-disabled-default-background);border-color:var(--udex-phone-number-field-color-disabled-default-border)}:host([disabled]) .udex-phone-number-field__label{background:linear-gradient(var(--udex-phone-number-field-color-label-background) 65%,var(--udex-phone-number-field-color-disabled-default-background) 35%)}:host([readonly]) .udex-phone-number-field,:host([displayonly]) .udex-phone-number-field{opacity:1}:host([readonly]){--sapContent_DisabledOpacity: 1}:host([readonly]) .udex-phone-number-field,:host([readonly]) .udex-phone-number-field:hover,:host([readonly]) .udex-phone-number-field:focus-within,:host([readonly]) .udex-phone-number-field__input{background-color:var(--udex-phone-number-field-color-readonly-default-background);border-color:var(--udex-phone-number-field-color-readonly-default-border)}:host([readonly]) .udex-phone-number-field__label{background:linear-gradient(var(--udex-phone-number-field-color-label-background) 65%,var(--udex-phone-number-field-color-readonly-default-background) 35%)}:host([displayonly]) .udex-phone-number-field,:host([displayonly]) .udex-phone-number-field:hover,:host([displayonly]) .udex-phone-number-field:focus-within,:host([displayonly]) .udex-phone-number-field__input{background-color:transparent;border-color:transparent}:host([displayonly]) .udex-phone-number-field__label{background:transparent}.udex-phone-number-field__flag{background-color:var(--udex-phone-number-field-flag-background);background-image:url(https://cdn.udex.services.sap.com/dds/design-tokens/assets/country_flag_iso3166.webp);background-position:1000px 0;background-repeat:no-repeat;width:var(--udex-phone-number-field-flag-width);height:var(--udex-phone-number-field-flag-height);min-width:var(--udex-phone-number-field-flag-width)}.udex-phone-number-field__dropdown-list-item .udex-phone-number-field__flag{margin-inline-end:var(--udexSpacer12, 12px)}.udex-phone-number-field__open-button{border-radius:var(--udex-phone-number-field-radius);border-right:1px solid transparent}.udex-phone-number-field__open-button:hover{--udex-button-color-tertiary-standard-hover-border: transparent;border-right:1px solid var(--udex-phone-number-field-button-color-tertiary-standard-hover-border)}.udex-phone-number-field__open-button:hover:dir(rtl){border-left:1px solid var(--udex-phone-number-field-button-color-tertiary-standard-hover-border);border-right:1px solid transparent}.hidden-text{display:none}udex-dropdown{--udex-dropdown-pane-max-width: 100%}
+const styleData = { packageName: "@sapudex/web-components", fileName: "themes/PhoneNumberField.css.ts", content: `:host{--udex-phone-number-field-color-standard-default-background: var(--sapField_Background, #fff);--udex-phone-number-field-color-standard-default-border: var(--sapField_BorderColor, #5b738b);--udex-phone-number-field-color-standard-default-text: var(--sapField_TextColor, #223548);--udex-phone-number-field-color-standard-default-icon: var(--sapField_PlaceholderTextColor, #475e75);--udex-phone-number-field-color-standard-default-placeholder: var(--sapField_PlaceholderTextColor, #475e75);--udex-phone-number-field-color-standard-default-label: var(--sapField_PlaceholderTextColor, #475e75);--udex-phone-number-field-color-standard-default-control-button-border: var(--udexColorBlue4, #89d1ff);--udex-phone-number-field-color-standard-hover-border: var(--sapField_Hover_BorderColor, #1b90ff);--udex-phone-number-field-color-standard-active-border: var(--sapField_Active_BorderColor, #0040b0);--udex-phone-number-field-color-standard-active-icon: var(--sapSelectedColor, #0040b0);--udex-phone-number-field-color-error-default-background: var(--sapField_InvalidBackground, #fff);--udex-phone-number-field-color-error-default-border: var(--udexCoreSemanticError6, #ee3939);--udex-phone-number-field-color-error-default-control-button-border: var(--udexCoreSemanticError4, #ff8cb2);--udex-phone-number-field-color-error-hover-border: var(--sapField_InvalidColor, #d20a0a);--udex-phone-number-field-color-error-active-border: var(--udexCoreSemanticError9, #840606);--udex-phone-number-field-color-error-active-icon: var(--udexCoreSemanticError9, #840606);--udex-phone-number-field-color-success-default-background: var(--sapField_SuccessBackground, #fff);--udex-phone-number-field-color-success-default-border: var(--udexCoreSemanticSuccess6, #36a41d);--udex-phone-number-field-color-success-default-control-button-border: var(--udexCoreSemanticSuccess6, #36a41d);--udex-phone-number-field-color-success-hover-border: var(--sapField_SuccessColor, #188918);--udex-phone-number-field-color-success-active-border: var(--sapSuccessColor, #1e592f);--udex-phone-number-field-color-success-active-icon: var(--sapSuccessColor, #1e592f);--udex-phone-number-field-color-disabled-default-background: var(--sapField_Background, #fff);--udex-phone-number-field-color-disabled-default-border: var(--sapNeutralElementColor, #5b738b);--udex-phone-number-field-color-readonly-default-background: var(--sapField_ReadOnly_Background, #eaecee);--udex-phone-number-field-color-readonly-default-border: var(--sapNeutralElementColor, #5b738b);--udex-phone-number-field-lable-font-size: var(--sapFontSmallSize, 12px);--udex-phone-number-field-color-label-background: var(--sapField_Background, #fff);--udex-phone-number-field-height: 42px;--udex-phone-number-field-paddings: 9px var(--udexSpacer12, 12px);--udex-phone-number-field-button-margins-vertical: -10px;--udex-phone-number-field-button-margins-horizontal: -12px 8px;--udex-phone-number-field-radius: var(--udexRadiusXS, 4px);--udex-phone-number-field-flag-background: var(--udexColorGrey4, #A9B4BE);--udex-phone-number-field-flag-width: 30px;--udex-phone-number-field-flag-height: 20px;--udex-phone-number-field-button-border: var(--udexColorGrey4, #A9B4BE);--udex-phone-number-field-button-color-tertiary-standard-hover-border: var(--udexColorGrey4, #A9B4BE);--udex-phone-number-field-max-width: 100%;display:block;font-family:var(--sapFontFamily, sans-serif);font-size:var(--sapFontSize, 16px);color:var(--udex-phone-number-field-color-standard-default-text)}.udex-phone-number-field{position:relative;padding:var(--udex-phone-number-field-paddings);height:var(--udex-phone-number-field-height);box-sizing:border-box;background:var(--udex-phone-number-field-color-standard-default-background);border-radius:var(--udex-phone-number-field-radius);border:1px solid var(--udex-phone-number-field-color-standard-default-border);max-width:var(--udex-phone-number-field-max-width);width:100%}:host(:not([_is-touched])[active]) .udex-phone-number-field:before{content:"";position:absolute;z-index:-1;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udexRadiusS, 6px)}.udex-phone-number-field__label{position:absolute;margin-inline-start:-3px;padding:0 var(--udexSpacer4, 4px);color:var(--udex-phone-number-field-color-standard-default-label);top:-11px;font-size:var(--udex-phone-number-field-lable-font-size);font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:1.5;z-index:2;background:linear-gradient(var(--udex-phone-number-field-color-label-background) 65%,var(--udex-phone-number-field-color-standard-default-background) 35%)}.udex-phone-number-field__button-content{display:flex;align-items:center;font-size:var(--sapFontSize, 16px);font-weight:400}.udex-phone-number-field__input-wrapper{display:flex;max-height:22px}.udex-phone-number-field__open-button{--udex-button-padding-large: 12px;--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-phone-number-field-color-standard-default-icon);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udex-phone-number-field-color-standard-default-icon);--udex-button-color-tertiary-standard-hover-background: transparent;--udex-button-color-tertiary-standard-hover-border: var(--udex-phone-number-field-button-border);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-standard-active-icon);--udex-button-color-tertiary-standard-active-border: transparent;--udex-button-color-tertiary-standard-active-background: transparent;min-width:fit-content;margin-block:var(--udex-phone-number-field-button-margins-vertical);margin-inline:var(--udex-phone-number-field-button-margins-horizontal);border-radius:var(--udex-phone-number-field-radius);border-right:1px solid transparent;margin-inline-start:-13px;padding:var(--udexSpacer2, 2px) 0;z-index:3}.udex-phone-number-field__open-button[focused]:not([active])::part(button):after,.udex-phone-number-field__open-button[focused][active]::part(button):before{inset:3px;border-radius:4px}.udex-phone-number-field__open-button::part(button){padding:11px}:host([field-state="Success"]) .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-success-active-icon);--udex-button-color-tertiary-standard-active-border: transparent;--udex-button-color-tertiary-standard-active-background: transparent}:host([field-state="Error"]) .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-error-active-icon);--udex-button-color-tertiary-standard-active-border: transparent}.udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-phone-number-field-color-standard-active-icon);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udex-phone-number-field-color-standard-active-icon);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-standard-active-icon);--udex-button-color-tertiary-standard-hover-border: transparent;--udex-button-color-tertiary-standard-default-border: transparent;--udex-button-color-tertiary-standard-active-border: transparent;border-right:1px solid var(--udex-phone-number-field-color-standard-default-control-button-border)}.udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button:dir(rtl){border-right:transparent;border-left:1px solid var(--udex-phone-number-field-color-standard-default-control-button-border)}:host([field-state="Success"]) .udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-phone-number-field-color-success-active-icon);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udex-phone-number-field-color-success-active-icon);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-success-active-icon);border-right:1px solid var(--udex-phone-number-field-color-success-default-control-button-border)}:host([field-state="Success"]) .udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button:dir(rtl){border-right:transparent;border-left:1px solid var(--udex-phone-number-field-color-success-default-control-button-border)}:host([field-state="Error"]) .udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-phone-number-field-color-error-active-icon);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udex-phone-number-field-color-error-active-icon);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-error-active-icon);border-right:1px solid var(--udex-phone-number-field-color-error-default-control-button-border)}:host([field-state="Error"]) .udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button:dir(rtl){border-right:transparent;border-left:1px solid var(--udex-phone-number-field-color-error-default-control-button-border)}.udex-phone-number-field__initial-dialing-code{padding-inline-start:var(--udexSpacer8, 8px)}.udex-phone-number-field__open-button-text{display:none}.udex-phone-number-field udex-list-item::part(item){padding-top:var(--udexSpacer12, 12px);padding-bottom:var(--udexSpacer12, 12px)}.udex-phone-number-field__dropdown-list-item{display:flex;align-items:center;pointer-events:none}.udex-phone-number-field__country-name{padding-inline-end:3px}.udex-phone-number-field__input{font-weight:var(--udexTypographyFontWeightRegular, 400);width:100%;box-sizing:border-box;padding:0;margin:0;border:0;outline:none;color:inherit;font-size:inherit;font-family:inherit;font-style:inherit;line-height:24px;letter-spacing:inherit;word-spacing:inherit}.udex-phone-number-field__input::-ms-input-placeholder{color:var(--udex-phone-number-field-color-standard-default-placeholder)}.udex-phone-number-field__input::placeholder{color:var(--udex-phone-number-field-color-standard-default-placeholder)}.udex-phone-number-field__input:-webkit-autofill,.udex-phone-number-field__input:-webkit-autofill:focus{box-shadow:0 0 0 var(--udex-phone-number-field-height) var(--udex-phone-number-field-color-standard-default-background) inset}.udex-phone-number-field:hover{border-color:var(--udex-phone-number-field-color-standard-hover-border)}.udex-phone-number-field:focus-within{border-color:var(--udex-phone-number-field-color-standard-active-border)}:host([field-state="Error"]) .udex-phone-number-field{background-color:var(--udex-phone-number-field-color-error-default-background);border-color:var(--udex-phone-number-field-color-error-default-border)}:host([field-state="Error"]) .udex-phone-number-field__label{background:linear-gradient(var(--udex-phone-number-field-color-label-background) 65%,var(--udex-phone-number-field-color-error-default-background) 35%)}:host([field-state="Error"]) .udex-phone-number-field:hover{border-color:var(--udex-phone-number-field-color-error-hover-border)}:host([field-state="Error"]) .udex-phone-number-field:focus-within{border-color:var(--udex-phone-number-field-color-error-active-border)}:host([field-state="Success"]) .udex-phone-number-field{background-color:var(--udex-phone-number-field-color-success-default-background);border-color:var(--udex-phone-number-field-color-success-default-border)}:host([field-state="Success"]) .udex-phone-number-field__label{background:linear-gradient(var(--udex-phone-number-field-color-label-background) 65%,var(--udex-phone-number-field-color-success-default-background) 35%)}:host([field-state="Success"]) .udex-phone-number-field:hover{border-color:var(--udex-phone-number-field-color-success-hover-border)}:host([field-state="Success"]) .udex-phone-number-field:focus-within{border-color:var(--udex-phone-number-field-color-success-active-border)}:host([disabled]) .udex-phone-number-field{opacity:.4}:host([disabled]) .udex-phone-number-field,:host([disabled]) .udex-phone-number-field:hover,:host([disabled]) .udex-phone-number-field__input{background-color:var(--udex-phone-number-field-color-disabled-default-background);border-color:var(--udex-phone-number-field-color-disabled-default-border)}:host([disabled]) .udex-phone-number-field__label{background:linear-gradient(var(--udex-phone-number-field-color-label-background) 65%,var(--udex-phone-number-field-color-disabled-default-background) 35%)}:host([readonly]) .udex-phone-number-field,:host([displayonly]) .udex-phone-number-field{opacity:1}:host([readonly]){--sapContent_DisabledOpacity: 1}:host([readonly]) .udex-phone-number-field,:host([readonly]) .udex-phone-number-field:hover,:host([readonly]) .udex-phone-number-field:focus-within,:host([readonly]) .udex-phone-number-field__input{background-color:var(--udex-phone-number-field-color-readonly-default-background);border-color:var(--udex-phone-number-field-color-readonly-default-border)}:host([readonly]) .udex-phone-number-field__label{background:linear-gradient(var(--udex-phone-number-field-color-label-background) 65%,var(--udex-phone-number-field-color-readonly-default-background) 35%)}:host([displayonly]) .udex-phone-number-field,:host([displayonly]) .udex-phone-number-field:hover,:host([displayonly]) .udex-phone-number-field:focus-within,:host([displayonly]) .udex-phone-number-field__input{background-color:transparent;border-color:transparent}:host([displayonly]) .udex-phone-number-field__label{background:transparent}.udex-phone-number-field__flag{background-color:var(--udex-phone-number-field-flag-background);background-image:url(https://cdn.udex.services.sap.com/dds/design-tokens/assets/country_flag_iso3166.webp);background-position:1000px 0;background-repeat:no-repeat;width:var(--udex-phone-number-field-flag-width);height:var(--udex-phone-number-field-flag-height);min-width:var(--udex-phone-number-field-flag-width)}.udex-phone-number-field__dropdown-list-item .udex-phone-number-field__flag{margin-inline-end:var(--udexSpacer12, 12px)}.udex-phone-number-field__open-button:hover{--udex-button-color-tertiary-standard-hover-border: transparent;border-right:1px solid var(--udex-phone-number-field-button-color-tertiary-standard-hover-border)}.udex-phone-number-field__open-button:hover:dir(rtl){border-left:1px solid var(--udex-phone-number-field-button-color-tertiary-standard-hover-border);border-right:1px solid transparent}.hidden-text{display:none}udex-dropdown{--udex-dropdown-pane-min-width: var(--udex-phone-number-field-popover-min-width)}@media (width < 640px){udex-dropdown{--udex-dropdown-pane-min-width-xs: var(--udex-phone-number-field-popover-min-width)}}
 ` };
 export default styleData;
 //# sourceMappingURL=PhoneNumberField.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PhoneNumberField.css.js","sourceRoot":"","sources":["../../../src/generated/themes/PhoneNumberField.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,yBAAyB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAElG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,yBAAyB,EAAC,QAAQ,EAAC,gCAAgC,EAAC,OAAO,EAAC;CACrH,EAAC,CAAC;AACH,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { 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(\"@sapudex/web-components\", \"sap_horizon\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@sapudex/web-components\",fileName:\"themes/PhoneNumberField.css.ts\",content:`:host{--udex-phone-number-field-color-standard-default-background: var(--sapField_Background, #fff);--udex-phone-number-field-color-standard-default-border: var(--sapField_BorderColor, #5b738b);--udex-phone-number-field-color-standard-default-text: var(--sapField_TextColor, #223548);--udex-phone-number-field-color-standard-default-icon: var(--sapField_PlaceholderTextColor, #475e75);--udex-phone-number-field-color-standard-default-placeholder: var(--sapField_PlaceholderTextColor, #475e75);--udex-phone-number-field-color-standard-default-label: var(--sapField_PlaceholderTextColor, #475e75);--udex-phone-number-field-color-standard-default-control-button-border: var(--udexColorBlue4, #89d1ff);--udex-phone-number-field-color-standard-hover-border: var(--sapField_Hover_BorderColor, #1b90ff);--udex-phone-number-field-color-standard-active-border: var(--sapField_Active_BorderColor, #0040b0);--udex-phone-number-field-color-standard-active-icon: var(--sapSelectedColor, #0040b0);--udex-phone-number-field-color-error-default-background: var(--sapField_InvalidBackground, #fff);--udex-phone-number-field-color-error-default-border: var(--udexCoreSemanticError6, #ee3939);--udex-phone-number-field-color-error-default-control-button-border: var(--udexCoreSemanticError4, #ff8cb2);--udex-phone-number-field-color-error-hover-border: var(--sapField_InvalidColor, #d20a0a);--udex-phone-number-field-color-error-active-border: var(--udexCoreSemanticError9, #840606);--udex-phone-number-field-color-error-active-icon: var(--udexCoreSemanticError9, #840606);--udex-phone-number-field-color-success-default-background: var(--sapField_SuccessBackground, #fff);--udex-phone-number-field-color-success-default-border: var(--udexCoreSemanticSuccess6, #36a41d);--udex-phone-number-field-color-success-default-control-button-border: var(--udexCoreSemanticSuccess6, #36a41d);--udex-phone-number-field-color-success-hover-border: var(--sapField_SuccessColor, #188918);--udex-phone-number-field-color-success-active-border: var(--sapSuccessColor, #1e592f);--udex-phone-number-field-color-success-active-icon: var(--sapSuccessColor, #1e592f);--udex-phone-number-field-color-disabled-default-background: var(--sapField_Background, #fff);--udex-phone-number-field-color-disabled-default-border: var(--sapNeutralElementColor, #5b738b);--udex-phone-number-field-color-readonly-default-background: var(--sapField_ReadOnly_Background, #eaecee);--udex-phone-number-field-color-readonly-default-border: var(--sapNeutralElementColor, #5b738b);--udex-phone-number-field-lable-font-size: var(--sapFontSmallSize, 12px);--udex-phone-number-field-color-label-background: var(--sapField_Background, #fff);--udex-phone-number-field-height: 42px;--udex-phone-number-field-paddings: 9px var(--udexSpacer12, 12px);--udex-phone-number-field-button-margins-vertical: -10px;--udex-phone-number-field-button-margins-horizontal: -12px 8px;--udex-phone-number-field-radius: var(--udexRadiusXS, 4px);--udex-phone-number-field-flag-background: var(--udexColorGrey4, #A9B4BE);--udex-phone-number-field-flag-width: 30px;--udex-phone-number-field-flag-height: 20px;--udex-phone-number-field-button-border: var(--udexColorGrey4, #A9B4BE);--udex-phone-number-field-button-color-tertiary-standard-hover-border: var(--udexColorGrey4, #A9B4BE);--udex-phone-number-field-min-width: 320px;--udex-phone-number-field-min-width-xs-and-s:100%;--udex-phone-number-field-max-width: 100%;display:block;font-family:var(--sapFontFamily, sans-serif);font-size:var(--sapFontSize, 16px);color:var(--udex-phone-number-field-color-standard-default-text)}@media (width < 640px){.udex-phone-number-field{min-width:var(--udex-phone-number-field-min-width-xs-and-s)}}.udex-phone-number-field{position:relative;padding:var(--udex-phone-number-field-paddings);height:var(--udex-phone-number-field-height);box-sizing:border-box;background:var(--udex-phone-number-field-color-standard-default-background);border-radius:var(--udex-phone-number-field-radius);border:1px solid var(--udex-phone-number-field-color-standard-default-border);min-width:var(--udex-phone-number-field-min-width);max-width:var(--udex-phone-number-field-max-width);width:100%}:host(:not([_is-touched])[active]) .udex-phone-number-field:before{content:\"\";position:absolute;z-index:-1;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udexRadiusS, 6px)}.udex-phone-number-field__label{position:absolute;margin-inline-start:-3px;padding:0 var(--udexSpacer4, 4px);color:var(--udex-phone-number-field-color-standard-default-label);top:-11px;font-size:var(--udex-phone-number-field-lable-font-size);font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:1.5;z-index:2;background:linear-gradient(var(--udex-phone-number-field-color-label-background) 65%,var(--udex-phone-number-field-color-standard-default-background) 35%)}.udex-phone-number-field__button-content{display:flex;align-items:center;font-size:var(--sapFontSize, 16px);font-weight:400}.udex-phone-number-field__input-wrapper{display:flex;max-height:22px}.udex-phone-number-field__open-button{--udex-button-padding-large: 12px;--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-phone-number-field-color-standard-default-icon);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udex-phone-number-field-color-standard-default-icon);--udex-button-color-tertiary-standard-hover-background: transparent;--udex-button-color-tertiary-standard-hover-border: var(--udex-phone-number-field-button-border);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-standard-active-icon);--udex-button-color-tertiary-standard-active-border: transparent;--udex-button-color-tertiary-standard-active-background: transparent;margin-block:var(--udex-phone-number-field-button-margins-vertical);margin-inline:var(--udex-phone-number-field-button-margins-horizontal);padding:var(--udexSpacer4, 4px)}.udex-phone-number-field__open-button{z-index:3}:host([field-state=\"Success\"]) .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-success-active-icon);--udex-button-color-tertiary-standard-active-border: transparent;--udex-button-color-tertiary-standard-active-background: transparent}:host([field-state=\"Error\"]) .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-error-active-icon);--udex-button-color-tertiary-standard-active-border: transparent}.udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-phone-number-field-color-standard-active-icon);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udex-phone-number-field-color-standard-active-icon);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-standard-active-icon);--udex-button-color-tertiary-standard-hover-border: transparent;--udex-button-color-tertiary-standard-default-border: transparent;--udex-button-color-tertiary-standard-active-border: transparent;border-right:1px solid var(--udex-phone-number-field-color-standard-default-control-button-border)}.udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button:dir(rtl){border-right:transparent;border-left:1px solid var(--udex-phone-number-field-color-standard-default-control-button-border)}:host([field-state=\"Success\"]) .udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-phone-number-field-color-success-active-icon);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udex-phone-number-field-color-success-active-icon);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-success-active-icon);border-right:1px solid var(--udex-phone-number-field-color-success-default-control-button-border)}:host([field-state=\"Success\"]) .udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button:dir(rtl){border-right:transparent;border-left:1px solid var(--udex-phone-number-field-color-success-default-control-button-border)}:host([field-state=\"Error\"]) .udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-phone-number-field-color-error-active-icon);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udex-phone-number-field-color-error-active-icon);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-error-active-icon);border-right:1px solid var(--udex-phone-number-field-color-error-default-control-button-border)}:host([field-state=\"Error\"]) .udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button:dir(rtl){border-right:transparent;border-left:1px solid var(--udex-phone-number-field-color-error-default-control-button-border)}.udex-phone-number-field__initial-dialing-code{padding-inline-start:var(--udexSpacer8, 8px)}.udex-phone-number-field__open-button-text{display:none}.udex-phone-number-field udex-list-item::part(item){padding-top:var(--udexSpacer12, 12px);padding-bottom:var(--udexSpacer12, 12px)}.udex-phone-number-field__dropdown-list-item{display:flex;align-items:center;pointer-events:none}.udex-phone-number-field__country-name{padding-inline-end:3px}.udex-phone-number-field__input{font-weight:var(--udexTypographyFontWeightRegular, 400);flex-grow:1;box-sizing:border-box;padding:0;margin:0;border:0;outline:none;color:inherit;font-size:inherit;font-family:inherit;font-style:inherit;line-height:24px;letter-spacing:inherit;word-spacing:inherit}.udex-phone-number-field__input::-ms-input-placeholder{color:var(--udex-phone-number-field-color-standard-default-placeholder)}.udex-phone-number-field__input::placeholder{color:var(--udex-phone-number-field-color-standard-default-placeholder)}.udex-phone-number-field__input:-webkit-autofill,.udex-phone-number-field__input:-webkit-autofill:focus{box-shadow:0 0 0 var(--udex-phone-number-field-height) var(--udex-phone-number-field-color-standard-default-background) inset}.udex-phone-number-field:hover{border-color:var(--udex-phone-number-field-color-standard-hover-border)}.udex-phone-number-field:focus-within{border-color:var(--udex-phone-number-field-color-standard-active-border)}:host([field-state=\"Error\"]) .udex-phone-number-field{background-color:var(--udex-phone-number-field-color-error-default-background);border-color:var(--udex-phone-number-field-color-error-default-border)}:host([field-state=\"Error\"]) .udex-phone-number-field__label{background:linear-gradient(var(--udex-phone-number-field-color-label-background) 65%,var(--udex-phone-number-field-color-error-default-background) 35%)}:host([field-state=\"Error\"]) .udex-phone-number-field:hover{border-color:var(--udex-phone-number-field-color-error-hover-border)}:host([field-state=\"Error\"]) .udex-phone-number-field:focus-within{border-color:var(--udex-phone-number-field-color-error-active-border)}:host([field-state=\"Success\"]) .udex-phone-number-field{background-color:var(--udex-phone-number-field-color-success-default-background);border-color:var(--udex-phone-number-field-color-success-default-border)}:host([field-state=\"Success\"]) .udex-phone-number-field__label{background:linear-gradient(var(--udex-phone-number-field-color-label-background) 65%,var(--udex-phone-number-field-color-success-default-background) 35%)}:host([field-state=\"Success\"]) .udex-phone-number-field:hover{border-color:var(--udex-phone-number-field-color-success-hover-border)}:host([field-state=\"Success\"]) .udex-phone-number-field:focus-within{border-color:var(--udex-phone-number-field-color-success-active-border)}:host([disabled]) .udex-phone-number-field{opacity:.4}:host([disabled]) .udex-phone-number-field,:host([disabled]) .udex-phone-number-field:hover,:host([disabled]) .udex-phone-number-field__input{background-color:var(--udex-phone-number-field-color-disabled-default-background);border-color:var(--udex-phone-number-field-color-disabled-default-border)}:host([disabled]) .udex-phone-number-field__label{background:linear-gradient(var(--udex-phone-number-field-color-label-background) 65%,var(--udex-phone-number-field-color-disabled-default-background) 35%)}:host([readonly]) .udex-phone-number-field,:host([displayonly]) .udex-phone-number-field{opacity:1}:host([readonly]){--sapContent_DisabledOpacity: 1}:host([readonly]) .udex-phone-number-field,:host([readonly]) .udex-phone-number-field:hover,:host([readonly]) .udex-phone-number-field:focus-within,:host([readonly]) .udex-phone-number-field__input{background-color:var(--udex-phone-number-field-color-readonly-default-background);border-color:var(--udex-phone-number-field-color-readonly-default-border)}:host([readonly]) .udex-phone-number-field__label{background:linear-gradient(var(--udex-phone-number-field-color-label-background) 65%,var(--udex-phone-number-field-color-readonly-default-background) 35%)}:host([displayonly]) .udex-phone-number-field,:host([displayonly]) .udex-phone-number-field:hover,:host([displayonly]) .udex-phone-number-field:focus-within,:host([displayonly]) .udex-phone-number-field__input{background-color:transparent;border-color:transparent}:host([displayonly]) .udex-phone-number-field__label{background:transparent}.udex-phone-number-field__flag{background-color:var(--udex-phone-number-field-flag-background);background-image:url(https://cdn.udex.services.sap.com/dds/design-tokens/assets/country_flag_iso3166.webp);background-position:1000px 0;background-repeat:no-repeat;width:var(--udex-phone-number-field-flag-width);height:var(--udex-phone-number-field-flag-height);min-width:var(--udex-phone-number-field-flag-width)}.udex-phone-number-field__dropdown-list-item .udex-phone-number-field__flag{margin-inline-end:var(--udexSpacer12, 12px)}.udex-phone-number-field__open-button{border-radius:var(--udex-phone-number-field-radius);border-right:1px solid transparent}.udex-phone-number-field__open-button:hover{--udex-button-color-tertiary-standard-hover-border: transparent;border-right:1px solid var(--udex-phone-number-field-button-color-tertiary-standard-hover-border)}.udex-phone-number-field__open-button:hover:dir(rtl){border-left:1px solid var(--udex-phone-number-field-button-color-tertiary-standard-hover-border);border-right:1px solid transparent}.hidden-text{display:none}udex-dropdown{--udex-dropdown-pane-max-width: 100%}\n`};\nexport default styleData;\n\t"]}
+{"version":3,"file":"PhoneNumberField.css.js","sourceRoot":"","sources":["../../../src/generated/themes/PhoneNumberField.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,yBAAyB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAElG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,yBAAyB,EAAC,QAAQ,EAAC,gCAAgC,EAAC,OAAO,EAAC;CACrH,EAAC,CAAC;AACH,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { 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(\"@sapudex/web-components\", \"sap_horizon\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@sapudex/web-components\",fileName:\"themes/PhoneNumberField.css.ts\",content:`:host{--udex-phone-number-field-color-standard-default-background: var(--sapField_Background, #fff);--udex-phone-number-field-color-standard-default-border: var(--sapField_BorderColor, #5b738b);--udex-phone-number-field-color-standard-default-text: var(--sapField_TextColor, #223548);--udex-phone-number-field-color-standard-default-icon: var(--sapField_PlaceholderTextColor, #475e75);--udex-phone-number-field-color-standard-default-placeholder: var(--sapField_PlaceholderTextColor, #475e75);--udex-phone-number-field-color-standard-default-label: var(--sapField_PlaceholderTextColor, #475e75);--udex-phone-number-field-color-standard-default-control-button-border: var(--udexColorBlue4, #89d1ff);--udex-phone-number-field-color-standard-hover-border: var(--sapField_Hover_BorderColor, #1b90ff);--udex-phone-number-field-color-standard-active-border: var(--sapField_Active_BorderColor, #0040b0);--udex-phone-number-field-color-standard-active-icon: var(--sapSelectedColor, #0040b0);--udex-phone-number-field-color-error-default-background: var(--sapField_InvalidBackground, #fff);--udex-phone-number-field-color-error-default-border: var(--udexCoreSemanticError6, #ee3939);--udex-phone-number-field-color-error-default-control-button-border: var(--udexCoreSemanticError4, #ff8cb2);--udex-phone-number-field-color-error-hover-border: var(--sapField_InvalidColor, #d20a0a);--udex-phone-number-field-color-error-active-border: var(--udexCoreSemanticError9, #840606);--udex-phone-number-field-color-error-active-icon: var(--udexCoreSemanticError9, #840606);--udex-phone-number-field-color-success-default-background: var(--sapField_SuccessBackground, #fff);--udex-phone-number-field-color-success-default-border: var(--udexCoreSemanticSuccess6, #36a41d);--udex-phone-number-field-color-success-default-control-button-border: var(--udexCoreSemanticSuccess6, #36a41d);--udex-phone-number-field-color-success-hover-border: var(--sapField_SuccessColor, #188918);--udex-phone-number-field-color-success-active-border: var(--sapSuccessColor, #1e592f);--udex-phone-number-field-color-success-active-icon: var(--sapSuccessColor, #1e592f);--udex-phone-number-field-color-disabled-default-background: var(--sapField_Background, #fff);--udex-phone-number-field-color-disabled-default-border: var(--sapNeutralElementColor, #5b738b);--udex-phone-number-field-color-readonly-default-background: var(--sapField_ReadOnly_Background, #eaecee);--udex-phone-number-field-color-readonly-default-border: var(--sapNeutralElementColor, #5b738b);--udex-phone-number-field-lable-font-size: var(--sapFontSmallSize, 12px);--udex-phone-number-field-color-label-background: var(--sapField_Background, #fff);--udex-phone-number-field-height: 42px;--udex-phone-number-field-paddings: 9px var(--udexSpacer12, 12px);--udex-phone-number-field-button-margins-vertical: -10px;--udex-phone-number-field-button-margins-horizontal: -12px 8px;--udex-phone-number-field-radius: var(--udexRadiusXS, 4px);--udex-phone-number-field-flag-background: var(--udexColorGrey4, #A9B4BE);--udex-phone-number-field-flag-width: 30px;--udex-phone-number-field-flag-height: 20px;--udex-phone-number-field-button-border: var(--udexColorGrey4, #A9B4BE);--udex-phone-number-field-button-color-tertiary-standard-hover-border: var(--udexColorGrey4, #A9B4BE);--udex-phone-number-field-max-width: 100%;display:block;font-family:var(--sapFontFamily, sans-serif);font-size:var(--sapFontSize, 16px);color:var(--udex-phone-number-field-color-standard-default-text)}.udex-phone-number-field{position:relative;padding:var(--udex-phone-number-field-paddings);height:var(--udex-phone-number-field-height);box-sizing:border-box;background:var(--udex-phone-number-field-color-standard-default-background);border-radius:var(--udex-phone-number-field-radius);border:1px solid var(--udex-phone-number-field-color-standard-default-border);max-width:var(--udex-phone-number-field-max-width);width:100%}:host(:not([_is-touched])[active]) .udex-phone-number-field:before{content:\"\";position:absolute;z-index:-1;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udexRadiusS, 6px)}.udex-phone-number-field__label{position:absolute;margin-inline-start:-3px;padding:0 var(--udexSpacer4, 4px);color:var(--udex-phone-number-field-color-standard-default-label);top:-11px;font-size:var(--udex-phone-number-field-lable-font-size);font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:1.5;z-index:2;background:linear-gradient(var(--udex-phone-number-field-color-label-background) 65%,var(--udex-phone-number-field-color-standard-default-background) 35%)}.udex-phone-number-field__button-content{display:flex;align-items:center;font-size:var(--sapFontSize, 16px);font-weight:400}.udex-phone-number-field__input-wrapper{display:flex;max-height:22px}.udex-phone-number-field__open-button{--udex-button-padding-large: 12px;--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-phone-number-field-color-standard-default-icon);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udex-phone-number-field-color-standard-default-icon);--udex-button-color-tertiary-standard-hover-background: transparent;--udex-button-color-tertiary-standard-hover-border: var(--udex-phone-number-field-button-border);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-standard-active-icon);--udex-button-color-tertiary-standard-active-border: transparent;--udex-button-color-tertiary-standard-active-background: transparent;min-width:fit-content;margin-block:var(--udex-phone-number-field-button-margins-vertical);margin-inline:var(--udex-phone-number-field-button-margins-horizontal);border-radius:var(--udex-phone-number-field-radius);border-right:1px solid transparent;margin-inline-start:-13px;padding:var(--udexSpacer2, 2px) 0;z-index:3}.udex-phone-number-field__open-button[focused]:not([active])::part(button):after,.udex-phone-number-field__open-button[focused][active]::part(button):before{inset:3px;border-radius:4px}.udex-phone-number-field__open-button::part(button){padding:11px}:host([field-state=\"Success\"]) .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-success-active-icon);--udex-button-color-tertiary-standard-active-border: transparent;--udex-button-color-tertiary-standard-active-background: transparent}:host([field-state=\"Error\"]) .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-error-active-icon);--udex-button-color-tertiary-standard-active-border: transparent}.udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-phone-number-field-color-standard-active-icon);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udex-phone-number-field-color-standard-active-icon);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-standard-active-icon);--udex-button-color-tertiary-standard-hover-border: transparent;--udex-button-color-tertiary-standard-default-border: transparent;--udex-button-color-tertiary-standard-active-border: transparent;border-right:1px solid var(--udex-phone-number-field-color-standard-default-control-button-border)}.udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button:dir(rtl){border-right:transparent;border-left:1px solid var(--udex-phone-number-field-color-standard-default-control-button-border)}:host([field-state=\"Success\"]) .udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-phone-number-field-color-success-active-icon);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udex-phone-number-field-color-success-active-icon);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-success-active-icon);border-right:1px solid var(--udex-phone-number-field-color-success-default-control-button-border)}:host([field-state=\"Success\"]) .udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button:dir(rtl){border-right:transparent;border-left:1px solid var(--udex-phone-number-field-color-success-default-control-button-border)}:host([field-state=\"Error\"]) .udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-phone-number-field-color-error-active-icon);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udex-phone-number-field-color-error-active-icon);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-error-active-icon);border-right:1px solid var(--udex-phone-number-field-color-error-default-control-button-border)}:host([field-state=\"Error\"]) .udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button:dir(rtl){border-right:transparent;border-left:1px solid var(--udex-phone-number-field-color-error-default-control-button-border)}.udex-phone-number-field__initial-dialing-code{padding-inline-start:var(--udexSpacer8, 8px)}.udex-phone-number-field__open-button-text{display:none}.udex-phone-number-field udex-list-item::part(item){padding-top:var(--udexSpacer12, 12px);padding-bottom:var(--udexSpacer12, 12px)}.udex-phone-number-field__dropdown-list-item{display:flex;align-items:center;pointer-events:none}.udex-phone-number-field__country-name{padding-inline-end:3px}.udex-phone-number-field__input{font-weight:var(--udexTypographyFontWeightRegular, 400);width:100%;box-sizing:border-box;padding:0;margin:0;border:0;outline:none;color:inherit;font-size:inherit;font-family:inherit;font-style:inherit;line-height:24px;letter-spacing:inherit;word-spacing:inherit}.udex-phone-number-field__input::-ms-input-placeholder{color:var(--udex-phone-number-field-color-standard-default-placeholder)}.udex-phone-number-field__input::placeholder{color:var(--udex-phone-number-field-color-standard-default-placeholder)}.udex-phone-number-field__input:-webkit-autofill,.udex-phone-number-field__input:-webkit-autofill:focus{box-shadow:0 0 0 var(--udex-phone-number-field-height) var(--udex-phone-number-field-color-standard-default-background) inset}.udex-phone-number-field:hover{border-color:var(--udex-phone-number-field-color-standard-hover-border)}.udex-phone-number-field:focus-within{border-color:var(--udex-phone-number-field-color-standard-active-border)}:host([field-state=\"Error\"]) .udex-phone-number-field{background-color:var(--udex-phone-number-field-color-error-default-background);border-color:var(--udex-phone-number-field-color-error-default-border)}:host([field-state=\"Error\"]) .udex-phone-number-field__label{background:linear-gradient(var(--udex-phone-number-field-color-label-background) 65%,var(--udex-phone-number-field-color-error-default-background) 35%)}:host([field-state=\"Error\"]) .udex-phone-number-field:hover{border-color:var(--udex-phone-number-field-color-error-hover-border)}:host([field-state=\"Error\"]) .udex-phone-number-field:focus-within{border-color:var(--udex-phone-number-field-color-error-active-border)}:host([field-state=\"Success\"]) .udex-phone-number-field{background-color:var(--udex-phone-number-field-color-success-default-background);border-color:var(--udex-phone-number-field-color-success-default-border)}:host([field-state=\"Success\"]) .udex-phone-number-field__label{background:linear-gradient(var(--udex-phone-number-field-color-label-background) 65%,var(--udex-phone-number-field-color-success-default-background) 35%)}:host([field-state=\"Success\"]) .udex-phone-number-field:hover{border-color:var(--udex-phone-number-field-color-success-hover-border)}:host([field-state=\"Success\"]) .udex-phone-number-field:focus-within{border-color:var(--udex-phone-number-field-color-success-active-border)}:host([disabled]) .udex-phone-number-field{opacity:.4}:host([disabled]) .udex-phone-number-field,:host([disabled]) .udex-phone-number-field:hover,:host([disabled]) .udex-phone-number-field__input{background-color:var(--udex-phone-number-field-color-disabled-default-background);border-color:var(--udex-phone-number-field-color-disabled-default-border)}:host([disabled]) .udex-phone-number-field__label{background:linear-gradient(var(--udex-phone-number-field-color-label-background) 65%,var(--udex-phone-number-field-color-disabled-default-background) 35%)}:host([readonly]) .udex-phone-number-field,:host([displayonly]) .udex-phone-number-field{opacity:1}:host([readonly]){--sapContent_DisabledOpacity: 1}:host([readonly]) .udex-phone-number-field,:host([readonly]) .udex-phone-number-field:hover,:host([readonly]) .udex-phone-number-field:focus-within,:host([readonly]) .udex-phone-number-field__input{background-color:var(--udex-phone-number-field-color-readonly-default-background);border-color:var(--udex-phone-number-field-color-readonly-default-border)}:host([readonly]) .udex-phone-number-field__label{background:linear-gradient(var(--udex-phone-number-field-color-label-background) 65%,var(--udex-phone-number-field-color-readonly-default-background) 35%)}:host([displayonly]) .udex-phone-number-field,:host([displayonly]) .udex-phone-number-field:hover,:host([displayonly]) .udex-phone-number-field:focus-within,:host([displayonly]) .udex-phone-number-field__input{background-color:transparent;border-color:transparent}:host([displayonly]) .udex-phone-number-field__label{background:transparent}.udex-phone-number-field__flag{background-color:var(--udex-phone-number-field-flag-background);background-image:url(https://cdn.udex.services.sap.com/dds/design-tokens/assets/country_flag_iso3166.webp);background-position:1000px 0;background-repeat:no-repeat;width:var(--udex-phone-number-field-flag-width);height:var(--udex-phone-number-field-flag-height);min-width:var(--udex-phone-number-field-flag-width)}.udex-phone-number-field__dropdown-list-item .udex-phone-number-field__flag{margin-inline-end:var(--udexSpacer12, 12px)}.udex-phone-number-field__open-button:hover{--udex-button-color-tertiary-standard-hover-border: transparent;border-right:1px solid var(--udex-phone-number-field-button-color-tertiary-standard-hover-border)}.udex-phone-number-field__open-button:hover:dir(rtl){border-left:1px solid var(--udex-phone-number-field-button-color-tertiary-standard-hover-border);border-right:1px solid transparent}.hidden-text{display:none}udex-dropdown{--udex-dropdown-pane-min-width: var(--udex-phone-number-field-popover-min-width)}@media (width < 640px){udex-dropdown{--udex-dropdown-pane-min-width-xs: var(--udex-phone-number-field-popover-min-width)}}\n`};\nexport default styleData;\n\t"]}

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

@@ -3,7 +3,7 @@ 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("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
-const styleData = { packageName: "@sapudex/web-components", fileName: "themes/RatingIndicator.css.ts", content: `:host{--udex_rating_indicator_readonly_item_width: 1.5rem;--udex_rating_indicator_readonly_item_height: 1.5rem;--udex_rating_indicator_item_width: 1.5rem;--udex_rating_indicator_item_height: 1.5rem;--udex_rating_indicator_mobile_item_padding: 10px;--udex_rating_indicator_disabled_opacity: .4;--udex-rating_indicator_items_gap: 8px;--udex-rating_indicator_mobile_items_gap: 8px;--udex-rating_indicator_rated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_unrated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_read-only-unrated_color: var(--udexColorGrey6 ,#5B738B);--udex-rating_indicator_disabled-unrated_color: var(--udexColorMango6, #E76500);--udex-rating_indicator_rated_hover_color: var(--udexColorMango7, #C35500);--udex-rating_indicator_unrated_hover_color: var(--udexColorMango7, #C35500)}.udex-rating-indicator{font-family:var(--sapFontFamily);font-size:var(--sapFontSize, 16px)}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v0-138-0_rating_indicator_component_spacing);cursor:pointer}:host([disabled]){opacity:var(--udex_rating_indicator_disabled_opacity);cursor:initial;outline:none}:host([readonly]){cursor:initial}:host([disabled]) .udex-rating-indicator__item-unsel,:host([readonly]) .udex-rating-indicator__item-unsel{width:var(--udex_rating_indicator_readonly_item_width);height:var(--udex_rating_indicator_readonly_item_height);padding-inline:0}:host([disabled]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_disabled-unrated_color)}:host([readonly]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_read-only-unrated_color)}:host([_focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:.125rem;border-radius:.25rem}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.udex-rating-indicator{outline:none;position:relative;display:inline-flex;gap:12px;align-items:center}.udex-rating-indicator__total{color:var(--udexColorGrey6);line-height:24px}.udex-rating-indicator__list{list-style-type:none;display:flex;align-items:center;margin:0;padding:0}.udex-rating-indicator__item{position:relative;width:var(--udex_rating_indicator_item_width);height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_items_gap)}.udex-rating-indicator__item [ui5-icon]{width:100%;height:100%;color:inherit;user-select:none}.udex-rating-indicator__item.udex-rating-indicator__item-sel{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{position:absolute;inset-inline-start:50%;color:var(--udex-rating_indicator_rated_color)}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-sel,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__half-icon,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_hover_color)}:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover{opacity:1}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_hover_color)}.udex-rating-indicator__half-icon-wrapper{width:100%;height:100%;position:absolute;inset-inline-start:-50%;top:0;z-index:32;overflow:hidden}.udex-rating-indicator--mobile .udex-rating-indicator__half-icon-wrapper{top:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator--mobile .udex-rating-indicator__item{padding:var(--udex_rating_indicator_mobile_item_padding)}:host([readonly]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel,:host([disabled]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel{padding-left:var(--udex_rating_indicator_mobile_item_padding);padding-right:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_mobile_items_gap)}
+const styleData = { packageName: "@sapudex/web-components", fileName: "themes/RatingIndicator.css.ts", content: `:host{--udex_rating_indicator_readonly_item_width: 1.5rem;--udex_rating_indicator_readonly_item_height: 1.5rem;--udex_rating_indicator_item_width: 1.5rem;--udex_rating_indicator_item_height: 1.5rem;--udex_rating_indicator_mobile_item_padding: 10px;--udex_rating_indicator_disabled_opacity: .4;--udex-rating_indicator_items_gap: 8px;--udex-rating_indicator_mobile_items_gap: 8px;--udex-rating_indicator_rated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_unrated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_read-only-unrated_color: var(--udexColorGrey6 ,#5B738B);--udex-rating_indicator_disabled-unrated_color: var(--udexColorMango6, #E76500);--udex-rating_indicator_rated_hover_color: var(--udexColorMango7, #C35500);--udex-rating_indicator_unrated_hover_color: var(--udexColorMango7, #C35500)}.udex-rating-indicator{font-family:var(--sapFontFamily);font-size:var(--sapFontSize, 16px)}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v0-147-0_rating_indicator_component_spacing);cursor:pointer}:host([disabled]){opacity:var(--udex_rating_indicator_disabled_opacity);cursor:initial;outline:none}:host([readonly]){cursor:initial}:host([disabled]) .udex-rating-indicator__item-unsel,:host([readonly]) .udex-rating-indicator__item-unsel{width:var(--udex_rating_indicator_readonly_item_width);height:var(--udex_rating_indicator_readonly_item_height);padding-inline:0}:host([disabled]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_disabled-unrated_color)}:host([readonly]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_read-only-unrated_color)}:host([_focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:.125rem;border-radius:.25rem}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.udex-rating-indicator{outline:none;position:relative;display:inline-flex;gap:12px;align-items:center}.udex-rating-indicator__total{color:var(--udexColorGrey6);line-height:24px}.udex-rating-indicator__list{list-style-type:none;display:flex;align-items:center;margin:0;padding:0}.udex-rating-indicator__item{position:relative;width:var(--udex_rating_indicator_item_width);height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_items_gap)}.udex-rating-indicator__item [ui5-icon]{width:100%;height:100%;color:inherit;user-select:none}.udex-rating-indicator__item.udex-rating-indicator__item-sel{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{position:absolute;inset-inline-start:50%;color:var(--udex-rating_indicator_rated_color)}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-sel,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__half-icon,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_hover_color)}:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover{opacity:1}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_hover_color)}.udex-rating-indicator__half-icon-wrapper{width:100%;height:100%;position:absolute;inset-inline-start:-50%;top:0;z-index:32;overflow:hidden}.udex-rating-indicator--mobile .udex-rating-indicator__half-icon-wrapper{top:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator--mobile .udex-rating-indicator__item{padding:var(--udex_rating_indicator_mobile_item_padding)}:host([readonly]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel,:host([disabled]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel{padding-left:var(--udex_rating_indicator_mobile_item_padding);padding-right:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_mobile_items_gap)}
 ` };
 export default styleData;
 //# sourceMappingURL=RatingIndicator.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RatingIndicator.css.js","sourceRoot":"","sources":["../../../src/generated/themes/RatingIndicator.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,yBAAyB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAElG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,yBAAyB,EAAC,QAAQ,EAAC,+BAA+B,EAAC,OAAO,EAAC;CACpH,EAAC,CAAC;AACH,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { 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(\"@sapudex/web-components\", \"sap_horizon\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@sapudex/web-components\",fileName:\"themes/RatingIndicator.css.ts\",content:`:host{--udex_rating_indicator_readonly_item_width: 1.5rem;--udex_rating_indicator_readonly_item_height: 1.5rem;--udex_rating_indicator_item_width: 1.5rem;--udex_rating_indicator_item_height: 1.5rem;--udex_rating_indicator_mobile_item_padding: 10px;--udex_rating_indicator_disabled_opacity: .4;--udex-rating_indicator_items_gap: 8px;--udex-rating_indicator_mobile_items_gap: 8px;--udex-rating_indicator_rated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_unrated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_read-only-unrated_color: var(--udexColorGrey6 ,#5B738B);--udex-rating_indicator_disabled-unrated_color: var(--udexColorMango6, #E76500);--udex-rating_indicator_rated_hover_color: var(--udexColorMango7, #C35500);--udex-rating_indicator_unrated_hover_color: var(--udexColorMango7, #C35500)}.udex-rating-indicator{font-family:var(--sapFontFamily);font-size:var(--sapFontSize, 16px)}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v0-138-0_rating_indicator_component_spacing);cursor:pointer}:host([disabled]){opacity:var(--udex_rating_indicator_disabled_opacity);cursor:initial;outline:none}:host([readonly]){cursor:initial}:host([disabled]) .udex-rating-indicator__item-unsel,:host([readonly]) .udex-rating-indicator__item-unsel{width:var(--udex_rating_indicator_readonly_item_width);height:var(--udex_rating_indicator_readonly_item_height);padding-inline:0}:host([disabled]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_disabled-unrated_color)}:host([readonly]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_read-only-unrated_color)}:host([_focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:.125rem;border-radius:.25rem}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.udex-rating-indicator{outline:none;position:relative;display:inline-flex;gap:12px;align-items:center}.udex-rating-indicator__total{color:var(--udexColorGrey6);line-height:24px}.udex-rating-indicator__list{list-style-type:none;display:flex;align-items:center;margin:0;padding:0}.udex-rating-indicator__item{position:relative;width:var(--udex_rating_indicator_item_width);height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_items_gap)}.udex-rating-indicator__item [ui5-icon]{width:100%;height:100%;color:inherit;user-select:none}.udex-rating-indicator__item.udex-rating-indicator__item-sel{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{position:absolute;inset-inline-start:50%;color:var(--udex-rating_indicator_rated_color)}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-sel,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__half-icon,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_hover_color)}:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover{opacity:1}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_hover_color)}.udex-rating-indicator__half-icon-wrapper{width:100%;height:100%;position:absolute;inset-inline-start:-50%;top:0;z-index:32;overflow:hidden}.udex-rating-indicator--mobile .udex-rating-indicator__half-icon-wrapper{top:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator--mobile .udex-rating-indicator__item{padding:var(--udex_rating_indicator_mobile_item_padding)}:host([readonly]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel,:host([disabled]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel{padding-left:var(--udex_rating_indicator_mobile_item_padding);padding-right:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_mobile_items_gap)}\n`};\nexport default styleData;\n\t"]}
+{"version":3,"file":"RatingIndicator.css.js","sourceRoot":"","sources":["../../../src/generated/themes/RatingIndicator.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,yBAAyB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAElG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,yBAAyB,EAAC,QAAQ,EAAC,+BAA+B,EAAC,OAAO,EAAC;CACpH,EAAC,CAAC;AACH,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { 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(\"@sapudex/web-components\", \"sap_horizon\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@sapudex/web-components\",fileName:\"themes/RatingIndicator.css.ts\",content:`:host{--udex_rating_indicator_readonly_item_width: 1.5rem;--udex_rating_indicator_readonly_item_height: 1.5rem;--udex_rating_indicator_item_width: 1.5rem;--udex_rating_indicator_item_height: 1.5rem;--udex_rating_indicator_mobile_item_padding: 10px;--udex_rating_indicator_disabled_opacity: .4;--udex-rating_indicator_items_gap: 8px;--udex-rating_indicator_mobile_items_gap: 8px;--udex-rating_indicator_rated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_unrated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_read-only-unrated_color: var(--udexColorGrey6 ,#5B738B);--udex-rating_indicator_disabled-unrated_color: var(--udexColorMango6, #E76500);--udex-rating_indicator_rated_hover_color: var(--udexColorMango7, #C35500);--udex-rating_indicator_unrated_hover_color: var(--udexColorMango7, #C35500)}.udex-rating-indicator{font-family:var(--sapFontFamily);font-size:var(--sapFontSize, 16px)}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v0-147-0_rating_indicator_component_spacing);cursor:pointer}:host([disabled]){opacity:var(--udex_rating_indicator_disabled_opacity);cursor:initial;outline:none}:host([readonly]){cursor:initial}:host([disabled]) .udex-rating-indicator__item-unsel,:host([readonly]) .udex-rating-indicator__item-unsel{width:var(--udex_rating_indicator_readonly_item_width);height:var(--udex_rating_indicator_readonly_item_height);padding-inline:0}:host([disabled]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_disabled-unrated_color)}:host([readonly]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_read-only-unrated_color)}:host([_focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:.125rem;border-radius:.25rem}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.udex-rating-indicator{outline:none;position:relative;display:inline-flex;gap:12px;align-items:center}.udex-rating-indicator__total{color:var(--udexColorGrey6);line-height:24px}.udex-rating-indicator__list{list-style-type:none;display:flex;align-items:center;margin:0;padding:0}.udex-rating-indicator__item{position:relative;width:var(--udex_rating_indicator_item_width);height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_items_gap)}.udex-rating-indicator__item [ui5-icon]{width:100%;height:100%;color:inherit;user-select:none}.udex-rating-indicator__item.udex-rating-indicator__item-sel{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{position:absolute;inset-inline-start:50%;color:var(--udex-rating_indicator_rated_color)}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-sel,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__half-icon,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_hover_color)}:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover{opacity:1}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_hover_color)}.udex-rating-indicator__half-icon-wrapper{width:100%;height:100%;position:absolute;inset-inline-start:-50%;top:0;z-index:32;overflow:hidden}.udex-rating-indicator--mobile .udex-rating-indicator__half-icon-wrapper{top:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator--mobile .udex-rating-indicator__item{padding:var(--udex_rating_indicator_mobile_item_padding)}:host([readonly]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel,:host([disabled]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel{padding-left:var(--udex_rating_indicator_mobile_item_padding);padding-right:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_mobile_items_gap)}\n`};\nexport default styleData;\n\t"]}

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

@@ -3,7 +3,7 @@ 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("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
-const styleData = { packageName: "@sapudex/web-components", fileName: "themes/Search.css.ts", content: `:host{--udex-input-color-border: var(--sapField_BorderColor, var(--udexColorGrey6));--udex-input-color-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-font-family-label: var(--sapFontFamily, sans-serif);--udex-input-font-size-label: var(--sapFontLargeSize, var(--udexTypographyBodySFontSize));--udex-input-font-weight-label: var(--udexTypographyFontWeightRegular, 400);--udex-input-line-height-label: var(--udexTypographyBodyLineHeight, 24px);--udex-input-background-color: var(--sapList_Hover_Background, var(--udexColorGrey1));--udex-input-font-family-label-active: var(--sapFontFamily, sans-serif);--udex-input-font-size-label-active: var(--sapFontSmallSize, var(--udexTypographyBodyXXSFontSize));--udex-input-font-weight-label-active: var(--udexTypographyFontWeightRegular, 400);--udex-input-line-height-label-active: var(--udexTypographyBodyLineHeight, 1.5);--udex-input-color-typed-text: var(--sapField_TextColor, var(--udexCoreTextDark));--udex-input-color-background-light: var(--sapField_Background, var(--udexColorNeutralWhite));--udex-input-color-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-input-color-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-input-radius: var(--sapField_BorderCornerRadius, var(--udexRadiusXS));--udex-input-padding-horizontal: var(--udexSpacer12, 12px);--udex-input-padding-vertical: var(--udexSpacer8, 8px);--udex-button-size: var(--sapFontHeader2Size, 28px);--udex-button-color: var(--sapAccentColor10, var(--udexColorGrey7));--udex-button-non-interactive-icon-color: var(--sapContent_NonInteractiveIconColor, var(--udexColorGrey7));--udex-button-non-interactive-icon-size: var(--sapFontHeader5Size, 18px);--udex-dropdown-border-width: auto;--udex-search-container-padding-inline-end: var(--udexSpacer12, 12px);--udex-search-label-inset-inline-start: var(--udexSpacer12, 12px);--udex-search-icons-column-gap: var(--udexSpacer12, 12px);--udex-search-label-width: calc( 100% - var(--udex-search-label-inset-inline-start) - var(--udex-input-padding-horizontal) - var(--udex-search-container-padding-inline-end) );display:block;width:100%;position:relative}:host([mode="Standard"]) .udex-search__label.udex-search__label--active{display:none}:host(:not([mode="Home Search"])) .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled,:host(:not([mode="Home Search"])) .udex-search-prefix .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled{display:block;line-height:18px;transform:translateY(-110%);padding:0 4px;font-family:var(--udex-input-font-family-label-active);font-size:var(--udex-input-font-size-label-active);font-weight:var(--udex-input-font-weight-label-active);line-height:var(--udex-input-line-height-label-active);background-color:#fff}:host([mode="Home Search"]) .udex-search__root,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix{--udex-input-radius: var(--udexRadiusXXL, 24px);position:relative;z-index:1}:host([mode="Home Search"]) .udex-search__root.udex-search-prefix{display:flex;width:100%;position:relative;z-index:1}:host([mode="Home Search"]) .udex-search-prefix .udex-search__prefix+.udex-search__container{border-start-start-radius:0;border-start-end-radius:var(--udexRadiusXXL, 24px);border-end-start-radius:0;border-end-end-radius:var(--udexRadiusXXL, 24px);flex-grow:1}:host([mode="Home Search"]) .udex-search__root.udex-search__root--show-popover:after,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover:after{content:"";position:absolute;z-index:-1;height:21px;inset-inline:0;inset-block-end:0;background-color:var(--udexColorNeutralWhite, #fff);border-left:1px solid var(--udexColorGrey6, #5B738B);border-right:1px solid var(--udexColorGrey6, #5B738B);box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34, 54, 73, .3));overflow-y:hidden}:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover:after{inset-inline-start:auto;width:50px}:host([mode="Home Search"]) .udex-search__container:not(.udex-search__container--has-value),:host([mode="Home Search"]) .udex-search__container:not(.udex-search__container--has-value) .udex-search__field,:host([mode="Home Search"]) .udex-search-prefix .udex-search__container:not(.udex-search__container--has-value),:host([mode="Home Search"]) .udex-search-prefix .udex-search__container:not(.udex-search__container--has-value) .udex-search__field{background-color:var(--udex-input-background-color)}:host([mode="Home Search"]) .udex-search__label.udex-search__label--active,:host([mode="Home Search"]) .udex-search-prefix .udex-search__label.udex-search__label--active{display:none}.udex-search__container{padding-inline-end:var(--udex-search-container-padding-inline-end);display:flex;align-items:center;position:relative;z-index:1;border:1px solid var(--udex-input-color-border);border-radius:var(--udex-input-radius);background-color:field}.udex-search__container:not(.udex-search__container--focus):hover{border-color:var(--udex-input-color-hover-border)}.udex-search__container--focus{border-color:var(--udex-input-color-active-border)}:host(:not([_is-touched])[active]) .udex-search__root:before{content:"";position:absolute;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udex-input-radius)}.udex-search__field{display:block;width:100%;color:var(--udex-input-color-typed-text);font-size:16px;line-height:24px;padding:var(--udex-input-padding-vertical) var(--udex-input-padding-horizontal);box-sizing:border-box;border:0;border-radius:var(--udex-input-radius);font-weight:var(--udexTypographyFontWeightRegular, 400);background:var(--udex-input-color-background-light)}.udex-search__field:focus{outline:none}input[type=search]::-ms-clear{display:none;width:0;height:0}input[type=search]::-ms-reveal{display:none;width:0;height:0}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.udex-search__label{position:absolute;inset-block-start:9px;inset-inline-start:var(--udex-search-label-inset-inline-start);z-index:2;color:var(--udex-input-color-label);font-family:var(--udex-input-font-family-label);font-size:var(--udex-input-font-size-label);font-weight:var(--udex-input-font-weight-label);line-height:var(--udex-input-line-height-label);transition:transform .15s ease-out,font-size .15s ease-out;overflow:hidden;white-space:nowrap;max-width:var(--udex-search-label-width)}.udex-search__label-with-search-icon,.udex-search__label-with-voice-icon{max-width:calc(var(--udex-search-label-width) - var(--udex-button-size))}.udex-search__label-with-search-icon.udex-search__label-with-voice-icon{max-width:calc(var(--udex-search-label-width) - var(--udex-button-size) * 2 - var(--udex-search-icons-column-gap))}.udex-search__icons{display:flex;align-items:center;column-gap:var(--udex-search-icons-column-gap)}.udex-search__icon{margin-inline:5px;background-color:transparent;border:none;color:var(--udex-button-non-interactive-icon-color);min-width:var(--udex-button-non-interactive-icon-size);height:var(--udex-button-non-interactive-icon-size);border-radius:50%;position:relative;z-index:1;overflow:visible}.udex-search__button{background-color:transparent;border:none;color:var(--udex-button-color);min-width:var(--udex-button-size);height:var(--udex-button-size);border-radius:50%;position:relative;z-index:1;overflow:visible}[ui5-button].udex-search__voice-button--active{color:#0040b0}[ui5-button].udex-search__voice-button--active:before,[ui5-button].udex-search__button:focus:before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;width:28px;height:28px;border:2px solid #0040B0;border-radius:50%;box-sizing:border-box}[ui5-button].udex-search__button::part(button){padding:0;width:28px;height:28px;line-height:0}[ui5-icon].udex-search__button-icon{color:inherit;width:18px;height:18px}[ui5-button].udex-search__button::part(icon){width:18px;height:18px}[ui5-button].udex-search__button::part(button):after{display:none}[ui5-button].udex-search__button:hover{background:transparent;border:none;box-shadow:none}[ui5-button].udex-search__button:focus{outline:none}[ui5-button].udex-search__submit-button--active{position:relative;z-index:1;color:#fff}[ui5-button].udex-search__submit-button--active:before{content:"";position:absolute;z-index:-1;top:0;left:0;width:28px;height:28px;background-color:#0070f2;border-radius:50%}.udex-search__prefix{position:relative;z-index:1}.udex-search__prefix--show-popover:after{content:"";position:absolute;z-index:-1;height:50%;width:50px;inset-inline-start:0;inset-block-end:0;background-color:var(--udexColorNeutralWhite, #fff);border-left:1px solid var(--udexColorGrey6, #5B738B);border-right:1px solid var(--udexColorGrey6, #5B738B);box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34, 54, 73, .3));overflow-y:hidden}.udex-search__prefix-button{padding-inline:var(--udexSpacer12) var(--udexSpacer8);display:flex;align-items:center;max-width:200px;height:100%;border:1px solid var(--udex-input-color-border);border-inline-end:0;border-start-start-radius:var(--udexRadiusXXL, 24px);border-end-start-radius:var(--udexRadiusXXL, 24px);background-color:var(--sapShell_Navigation_Active_Background, var(--udexColorGrey1));color:var(--sapContent_LabelColor, var(--udexColorGrey7));font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodySFontSize, 16px);font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:var(--udexTypographyBodyLineHeight, 1.5);text-align:start;white-space:nowrap}.udex-search__prefix-button:hover{cursor:pointer;background-color:var(--udexCoreBase);color:var(--udexColorBlue8)}.udex-search__prefix-button:focus,.udex-search__prefix-button:focus-visible{outline:2px solid var(--udexColorBlue10, #002A86);outline-offset:-2px}.udex-search__prefix-button--active{background-color:var(--udexCoreBase);color:var(--udexColorBlue10)}.udex-search__prefix-label{margin-inline-end:var(--udexSpacer4, 4px);max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis}.udex-search__prefix-icon{width:16px;height:16px;color:inherit;flex-shrink:1}.udex-search__prefix-popover{border-start-start-radius:0;border-start-end-radius:0;border:1px solid var(--udexCoreBorderDefault);border-block-start:0;box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));background-color:var(--udexColorNeutralWhite, #fff);clip-path:inset(0px -10px -10px -10px)}.udex-search__prefix-popover::part(content){padding:0}udex-dropdown{--udex-dropdown-pane-max-width: 100%}
+const styleData = { packageName: "@sapudex/web-components", fileName: "themes/Search.css.ts", content: `:host{--udex-input-color-border: var(--sapField_BorderColor, var(--udexColorGrey6));--udex-input-color-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-font-family-label: var(--sapFontFamily, sans-serif);--udex-input-font-size-label: var(--sapFontLargeSize, var(--udexTypographyBodySFontSize));--udex-input-font-weight-label: var(--udexTypographyFontWeightRegular, 400);--udex-input-line-height-label: var(--udexTypographyBodyLineHeight, 24px);--udex-input-background-color: var(--sapList_Hover_Background, var(--udexColorGrey1));--udex-input-font-family-label-active: var(--sapFontFamily, sans-serif);--udex-input-font-size-label-active: var(--sapFontSmallSize, var(--udexTypographyBodyXXSFontSize));--udex-input-font-weight-label-active: var(--udexTypographyFontWeightRegular, 400);--udex-input-line-height-label-active: var(--udexTypographyBodyLineHeight, 1.5);--udex-input-color-typed-text: var(--sapField_TextColor, var(--udexCoreTextDark));--udex-input-color-background-light: var(--sapField_Background, var(--udexColorNeutralWhite));--udex-input-color-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-input-color-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-input-radius: var(--sapField_BorderCornerRadius, var(--udexRadiusXS));--udex-input-padding-horizontal: var(--udexSpacer12, 12px);--udex-input-padding-vertical: var(--udexSpacer8, 8px);--udex-button-size: var(--sapFontHeader2Size, 28px);--udex-button-color: var(--sapAccentColor10, var(--udexColorGrey7));--udex-button-non-interactive-icon-color: var(--sapContent_NonInteractiveIconColor, var(--udexColorGrey7));--udex-button-non-interactive-icon-size: var(--sapFontHeader5Size, 18px);--udex-dropdown-border-width: auto;--udex-search-container-padding-inline-end: var(--udexSpacer12, 12px);--udex-search-label-inset-inline-start: var(--udexSpacer12, 12px);--udex-search-icons-column-gap: var(--udexSpacer12, 12px);--udex-search-label-width: calc( 100% - var(--udex-search-label-inset-inline-start) - var(--udex-input-padding-horizontal) - var(--udex-search-container-padding-inline-end) );display:block;width:100%;position:relative}:host([mode="Standard"]) .udex-search__label.udex-search__label--active{display:none}:host(:not([mode="Home Search"])) .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled,:host(:not([mode="Home Search"])) .udex-search-prefix .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled{display:block;line-height:18px;transform:translateY(-110%);padding:0 4px;font-family:var(--udex-input-font-family-label-active);font-size:var(--udex-input-font-size-label-active);font-weight:var(--udex-input-font-weight-label-active);line-height:var(--udex-input-line-height-label-active);background-color:#fff}:host([mode="Home Search"]) .udex-search__root,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix{--udex-input-radius: var(--udexRadiusXXL, 24px);position:relative;z-index:1}:host([mode="Home Search"]) .udex-search__root.udex-search-prefix{display:flex;width:100%;position:relative;z-index:1}:host([mode="Home Search"]) .udex-search-prefix .udex-search__prefix+.udex-search__container{border-start-start-radius:0;border-start-end-radius:var(--udexRadiusXXL, 24px);border-end-start-radius:0;border-end-end-radius:var(--udexRadiusXXL, 24px);flex-grow:1}:host([mode="Home Search"]) .udex-search__root.udex-search__root--show-popover:after,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover:after{content:"";position:absolute;z-index:-1;height:21px;inset-inline:0;inset-block-end:0;background-color:var(--udexColorNeutralWhite, #fff);border-left:1px solid var(--udexColorGrey6, #5B738B);border-right:1px solid var(--udexColorGrey6, #5B738B);box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34, 54, 73, .3));overflow-y:hidden}:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover:after{inset-inline-start:auto;width:50px}:host([mode="Home Search"]) .udex-search__container:not(.udex-search__container--has-value),:host([mode="Home Search"]) .udex-search__container:not(.udex-search__container--has-value) .udex-search__field,:host([mode="Home Search"]) .udex-search-prefix .udex-search__container:not(.udex-search__container--has-value),:host([mode="Home Search"]) .udex-search-prefix .udex-search__container:not(.udex-search__container--has-value) .udex-search__field{background-color:var(--udex-input-background-color)}:host([mode="Home Search"]) .udex-search__label.udex-search__label--active,:host([mode="Home Search"]) .udex-search-prefix .udex-search__label.udex-search__label--active{display:none}.udex-search__container{padding-inline-end:var(--udex-search-container-padding-inline-end);display:flex;align-items:center;position:relative;z-index:1;border:1px solid var(--udex-input-color-border);border-radius:var(--udex-input-radius);background-color:field}.udex-search__container:not(.udex-search__container--focus):hover{border-color:var(--udex-input-color-hover-border)}.udex-search__container--focus{border-color:var(--udex-input-color-active-border)}:host(:not([_is-touched])[active]) .udex-search__root:before{content:"";position:absolute;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udex-input-radius)}:host([mode="Home Search"]:not([_is-touched])[active]) .udex-search__root:before{z-index:-1}.udex-search__field{display:block;width:100%;color:var(--udex-input-color-typed-text);font-size:16px;line-height:24px;padding:var(--udex-input-padding-vertical) var(--udex-input-padding-horizontal);box-sizing:border-box;border:0;border-radius:var(--udex-input-radius);font-weight:var(--udexTypographyFontWeightRegular, 400);background:var(--udex-input-color-background-light)}.udex-search__field:focus{outline:none}input[type=search]::-ms-clear{display:none;width:0;height:0}input[type=search]::-ms-reveal{display:none;width:0;height:0}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.udex-search__label{position:absolute;inset-block-start:9px;inset-inline-start:var(--udex-search-label-inset-inline-start);z-index:2;color:var(--udex-input-color-label);font-family:var(--udex-input-font-family-label);font-size:var(--udex-input-font-size-label);font-weight:var(--udex-input-font-weight-label);line-height:var(--udex-input-line-height-label);transition:transform .15s ease-out,font-size .15s ease-out;overflow:hidden;white-space:nowrap;max-width:var(--udex-search-label-width)}.udex-search__label-with-search-icon,.udex-search__label-with-voice-icon{max-width:calc(var(--udex-search-label-width) - var(--udex-button-size))}.udex-search__label-with-search-icon.udex-search__label-with-voice-icon{max-width:calc(var(--udex-search-label-width) - var(--udex-button-size) * 2 - var(--udex-search-icons-column-gap))}.udex-search__icons{display:flex;align-items:center;column-gap:var(--udex-search-icons-column-gap)}.udex-search__icon{margin-inline:5px;background-color:transparent;border:none;color:var(--udex-button-non-interactive-icon-color);min-width:var(--udex-button-non-interactive-icon-size);height:var(--udex-button-non-interactive-icon-size);border-radius:50%;position:relative;z-index:1;overflow:visible}.udex-search__button{background-color:transparent;border:none;color:var(--udex-button-color);min-width:var(--udex-button-size);height:var(--udex-button-size);border-radius:50%;position:relative;z-index:1;overflow:visible}[ui5-button].udex-search__voice-button--active{color:#0040b0}[ui5-button].udex-search__voice-button--active:before,[ui5-button].udex-search__button:focus:before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;width:28px;height:28px;border:2px solid #0040B0;border-radius:50%;box-sizing:border-box}[ui5-button].udex-search__button::part(button){padding:0;width:28px;height:28px;line-height:0}[ui5-icon].udex-search__button-icon{color:inherit;width:18px;height:18px}[ui5-button].udex-search__button::part(icon){width:18px;height:18px}[ui5-button].udex-search__button::part(button):after{display:none}[ui5-button].udex-search__button:hover{background:transparent;border:none;box-shadow:none}[ui5-button].udex-search__button:focus{outline:none}[ui5-button].udex-search__submit-button--active{position:relative;z-index:1;color:#fff}[ui5-button].udex-search__submit-button--active:before{content:"";position:absolute;z-index:-1;top:0;left:0;width:28px;height:28px;background-color:#0070f2;border-radius:50%}.udex-search__prefix{position:relative;z-index:1}.udex-search__prefix--show-popover:after{content:"";position:absolute;z-index:-1;height:50%;width:50px;inset-inline-start:0;inset-block-end:0;background-color:var(--udexColorNeutralWhite, #fff);border-left:1px solid var(--udexColorGrey6, #5B738B);border-right:1px solid var(--udexColorGrey6, #5B738B);box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34, 54, 73, .3));overflow-y:hidden}.udex-search__prefix-button{padding-inline:var(--udexSpacer12) var(--udexSpacer8);display:flex;align-items:center;max-width:200px;height:100%;border:1px solid var(--udex-input-color-border);border-inline-end:0;border-start-start-radius:var(--udexRadiusXXL, 24px);border-end-start-radius:var(--udexRadiusXXL, 24px);background-color:var(--sapShell_Navigation_Active_Background, var(--udexColorGrey1));color:var(--sapContent_LabelColor, var(--udexColorGrey7));font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodySFontSize, 16px);font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:var(--udexTypographyBodyLineHeight, 1.5);text-align:start;white-space:nowrap}.udex-search__prefix-button:hover{cursor:pointer;background-color:var(--udexCoreBase);color:var(--udexColorBlue8)}.udex-search__prefix-button:focus,.udex-search__prefix-button:focus-visible{outline:2px solid var(--udexColorBlue10, #002A86);outline-offset:-2px}.udex-search__prefix-button--active{background-color:var(--udexCoreBase);color:var(--udexColorBlue10)}.udex-search__prefix-label{margin-inline-end:var(--udexSpacer4, 4px);max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis}.udex-search__prefix-icon{width:16px;height:16px;color:inherit;flex-shrink:1}.udex-search__prefix-popover{border-start-start-radius:0;border-start-end-radius:0;border:1px solid var(--udexCoreBorderDefault);border-block-start:0;box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));background-color:var(--udexColorNeutralWhite, #fff);clip-path:inset(0px -10px -10px -10px)}.udex-search__prefix-popover::part(content){padding:0}udex-dropdown{--udex-dropdown-pane-max-width: 100%}
 ` };
 export default styleData;
 //# sourceMappingURL=Search.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Search.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Search.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,yBAAyB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAElG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,yBAAyB,EAAC,QAAQ,EAAC,sBAAsB,EAAC,OAAO,EAAC;CAC3G,EAAC,CAAC;AACH,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { 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(\"@sapudex/web-components\", \"sap_horizon\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@sapudex/web-components\",fileName:\"themes/Search.css.ts\",content:`:host{--udex-input-color-border: var(--sapField_BorderColor, var(--udexColorGrey6));--udex-input-color-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-font-family-label: var(--sapFontFamily, sans-serif);--udex-input-font-size-label: var(--sapFontLargeSize, var(--udexTypographyBodySFontSize));--udex-input-font-weight-label: var(--udexTypographyFontWeightRegular, 400);--udex-input-line-height-label: var(--udexTypographyBodyLineHeight, 24px);--udex-input-background-color: var(--sapList_Hover_Background, var(--udexColorGrey1));--udex-input-font-family-label-active: var(--sapFontFamily, sans-serif);--udex-input-font-size-label-active: var(--sapFontSmallSize, var(--udexTypographyBodyXXSFontSize));--udex-input-font-weight-label-active: var(--udexTypographyFontWeightRegular, 400);--udex-input-line-height-label-active: var(--udexTypographyBodyLineHeight, 1.5);--udex-input-color-typed-text: var(--sapField_TextColor, var(--udexCoreTextDark));--udex-input-color-background-light: var(--sapField_Background, var(--udexColorNeutralWhite));--udex-input-color-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-input-color-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-input-radius: var(--sapField_BorderCornerRadius, var(--udexRadiusXS));--udex-input-padding-horizontal: var(--udexSpacer12, 12px);--udex-input-padding-vertical: var(--udexSpacer8, 8px);--udex-button-size: var(--sapFontHeader2Size, 28px);--udex-button-color: var(--sapAccentColor10, var(--udexColorGrey7));--udex-button-non-interactive-icon-color: var(--sapContent_NonInteractiveIconColor, var(--udexColorGrey7));--udex-button-non-interactive-icon-size: var(--sapFontHeader5Size, 18px);--udex-dropdown-border-width: auto;--udex-search-container-padding-inline-end: var(--udexSpacer12, 12px);--udex-search-label-inset-inline-start: var(--udexSpacer12, 12px);--udex-search-icons-column-gap: var(--udexSpacer12, 12px);--udex-search-label-width: calc( 100% - var(--udex-search-label-inset-inline-start) - var(--udex-input-padding-horizontal) - var(--udex-search-container-padding-inline-end) );display:block;width:100%;position:relative}:host([mode=\"Standard\"]) .udex-search__label.udex-search__label--active{display:none}:host(:not([mode=\"Home Search\"])) .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled,:host(:not([mode=\"Home Search\"])) .udex-search-prefix .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled{display:block;line-height:18px;transform:translateY(-110%);padding:0 4px;font-family:var(--udex-input-font-family-label-active);font-size:var(--udex-input-font-size-label-active);font-weight:var(--udex-input-font-weight-label-active);line-height:var(--udex-input-line-height-label-active);background-color:#fff}:host([mode=\"Home Search\"]) .udex-search__root,:host([mode=\"Home Search\"]) .udex-search__root.udex-search-prefix{--udex-input-radius: var(--udexRadiusXXL, 24px);position:relative;z-index:1}:host([mode=\"Home Search\"]) .udex-search__root.udex-search-prefix{display:flex;width:100%;position:relative;z-index:1}:host([mode=\"Home Search\"]) .udex-search-prefix .udex-search__prefix+.udex-search__container{border-start-start-radius:0;border-start-end-radius:var(--udexRadiusXXL, 24px);border-end-start-radius:0;border-end-end-radius:var(--udexRadiusXXL, 24px);flex-grow:1}:host([mode=\"Home Search\"]) .udex-search__root.udex-search__root--show-popover:after,:host([mode=\"Home Search\"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover:after{content:\"\";position:absolute;z-index:-1;height:21px;inset-inline:0;inset-block-end:0;background-color:var(--udexColorNeutralWhite, #fff);border-left:1px solid var(--udexColorGrey6, #5B738B);border-right:1px solid var(--udexColorGrey6, #5B738B);box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34, 54, 73, .3));overflow-y:hidden}:host([mode=\"Home Search\"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover:after{inset-inline-start:auto;width:50px}:host([mode=\"Home Search\"]) .udex-search__container:not(.udex-search__container--has-value),:host([mode=\"Home Search\"]) .udex-search__container:not(.udex-search__container--has-value) .udex-search__field,:host([mode=\"Home Search\"]) .udex-search-prefix .udex-search__container:not(.udex-search__container--has-value),:host([mode=\"Home Search\"]) .udex-search-prefix .udex-search__container:not(.udex-search__container--has-value) .udex-search__field{background-color:var(--udex-input-background-color)}:host([mode=\"Home Search\"]) .udex-search__label.udex-search__label--active,:host([mode=\"Home Search\"]) .udex-search-prefix .udex-search__label.udex-search__label--active{display:none}.udex-search__container{padding-inline-end:var(--udex-search-container-padding-inline-end);display:flex;align-items:center;position:relative;z-index:1;border:1px solid var(--udex-input-color-border);border-radius:var(--udex-input-radius);background-color:field}.udex-search__container:not(.udex-search__container--focus):hover{border-color:var(--udex-input-color-hover-border)}.udex-search__container--focus{border-color:var(--udex-input-color-active-border)}:host(:not([_is-touched])[active]) .udex-search__root:before{content:\"\";position:absolute;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udex-input-radius)}.udex-search__field{display:block;width:100%;color:var(--udex-input-color-typed-text);font-size:16px;line-height:24px;padding:var(--udex-input-padding-vertical) var(--udex-input-padding-horizontal);box-sizing:border-box;border:0;border-radius:var(--udex-input-radius);font-weight:var(--udexTypographyFontWeightRegular, 400);background:var(--udex-input-color-background-light)}.udex-search__field:focus{outline:none}input[type=search]::-ms-clear{display:none;width:0;height:0}input[type=search]::-ms-reveal{display:none;width:0;height:0}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.udex-search__label{position:absolute;inset-block-start:9px;inset-inline-start:var(--udex-search-label-inset-inline-start);z-index:2;color:var(--udex-input-color-label);font-family:var(--udex-input-font-family-label);font-size:var(--udex-input-font-size-label);font-weight:var(--udex-input-font-weight-label);line-height:var(--udex-input-line-height-label);transition:transform .15s ease-out,font-size .15s ease-out;overflow:hidden;white-space:nowrap;max-width:var(--udex-search-label-width)}.udex-search__label-with-search-icon,.udex-search__label-with-voice-icon{max-width:calc(var(--udex-search-label-width) - var(--udex-button-size))}.udex-search__label-with-search-icon.udex-search__label-with-voice-icon{max-width:calc(var(--udex-search-label-width) - var(--udex-button-size) * 2 - var(--udex-search-icons-column-gap))}.udex-search__icons{display:flex;align-items:center;column-gap:var(--udex-search-icons-column-gap)}.udex-search__icon{margin-inline:5px;background-color:transparent;border:none;color:var(--udex-button-non-interactive-icon-color);min-width:var(--udex-button-non-interactive-icon-size);height:var(--udex-button-non-interactive-icon-size);border-radius:50%;position:relative;z-index:1;overflow:visible}.udex-search__button{background-color:transparent;border:none;color:var(--udex-button-color);min-width:var(--udex-button-size);height:var(--udex-button-size);border-radius:50%;position:relative;z-index:1;overflow:visible}[ui5-button].udex-search__voice-button--active{color:#0040b0}[ui5-button].udex-search__voice-button--active:before,[ui5-button].udex-search__button:focus:before{content:\"\";position:absolute;inset-block-start:0;inset-inline-start:0;width:28px;height:28px;border:2px solid #0040B0;border-radius:50%;box-sizing:border-box}[ui5-button].udex-search__button::part(button){padding:0;width:28px;height:28px;line-height:0}[ui5-icon].udex-search__button-icon{color:inherit;width:18px;height:18px}[ui5-button].udex-search__button::part(icon){width:18px;height:18px}[ui5-button].udex-search__button::part(button):after{display:none}[ui5-button].udex-search__button:hover{background:transparent;border:none;box-shadow:none}[ui5-button].udex-search__button:focus{outline:none}[ui5-button].udex-search__submit-button--active{position:relative;z-index:1;color:#fff}[ui5-button].udex-search__submit-button--active:before{content:\"\";position:absolute;z-index:-1;top:0;left:0;width:28px;height:28px;background-color:#0070f2;border-radius:50%}.udex-search__prefix{position:relative;z-index:1}.udex-search__prefix--show-popover:after{content:\"\";position:absolute;z-index:-1;height:50%;width:50px;inset-inline-start:0;inset-block-end:0;background-color:var(--udexColorNeutralWhite, #fff);border-left:1px solid var(--udexColorGrey6, #5B738B);border-right:1px solid var(--udexColorGrey6, #5B738B);box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34, 54, 73, .3));overflow-y:hidden}.udex-search__prefix-button{padding-inline:var(--udexSpacer12) var(--udexSpacer8);display:flex;align-items:center;max-width:200px;height:100%;border:1px solid var(--udex-input-color-border);border-inline-end:0;border-start-start-radius:var(--udexRadiusXXL, 24px);border-end-start-radius:var(--udexRadiusXXL, 24px);background-color:var(--sapShell_Navigation_Active_Background, var(--udexColorGrey1));color:var(--sapContent_LabelColor, var(--udexColorGrey7));font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodySFontSize, 16px);font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:var(--udexTypographyBodyLineHeight, 1.5);text-align:start;white-space:nowrap}.udex-search__prefix-button:hover{cursor:pointer;background-color:var(--udexCoreBase);color:var(--udexColorBlue8)}.udex-search__prefix-button:focus,.udex-search__prefix-button:focus-visible{outline:2px solid var(--udexColorBlue10, #002A86);outline-offset:-2px}.udex-search__prefix-button--active{background-color:var(--udexCoreBase);color:var(--udexColorBlue10)}.udex-search__prefix-label{margin-inline-end:var(--udexSpacer4, 4px);max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis}.udex-search__prefix-icon{width:16px;height:16px;color:inherit;flex-shrink:1}.udex-search__prefix-popover{border-start-start-radius:0;border-start-end-radius:0;border:1px solid var(--udexCoreBorderDefault);border-block-start:0;box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));background-color:var(--udexColorNeutralWhite, #fff);clip-path:inset(0px -10px -10px -10px)}.udex-search__prefix-popover::part(content){padding:0}udex-dropdown{--udex-dropdown-pane-max-width: 100%}\n`};\nexport default styleData;\n\t"]}
+{"version":3,"file":"Search.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Search.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,yBAAyB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAElG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,yBAAyB,EAAC,QAAQ,EAAC,sBAAsB,EAAC,OAAO,EAAC;CAC3G,EAAC,CAAC;AACH,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { 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(\"@sapudex/web-components\", \"sap_horizon\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@sapudex/web-components\",fileName:\"themes/Search.css.ts\",content:`:host{--udex-input-color-border: var(--sapField_BorderColor, var(--udexColorGrey6));--udex-input-color-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-font-family-label: var(--sapFontFamily, sans-serif);--udex-input-font-size-label: var(--sapFontLargeSize, var(--udexTypographyBodySFontSize));--udex-input-font-weight-label: var(--udexTypographyFontWeightRegular, 400);--udex-input-line-height-label: var(--udexTypographyBodyLineHeight, 24px);--udex-input-background-color: var(--sapList_Hover_Background, var(--udexColorGrey1));--udex-input-font-family-label-active: var(--sapFontFamily, sans-serif);--udex-input-font-size-label-active: var(--sapFontSmallSize, var(--udexTypographyBodyXXSFontSize));--udex-input-font-weight-label-active: var(--udexTypographyFontWeightRegular, 400);--udex-input-line-height-label-active: var(--udexTypographyBodyLineHeight, 1.5);--udex-input-color-typed-text: var(--sapField_TextColor, var(--udexCoreTextDark));--udex-input-color-background-light: var(--sapField_Background, var(--udexColorNeutralWhite));--udex-input-color-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-input-color-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-input-radius: var(--sapField_BorderCornerRadius, var(--udexRadiusXS));--udex-input-padding-horizontal: var(--udexSpacer12, 12px);--udex-input-padding-vertical: var(--udexSpacer8, 8px);--udex-button-size: var(--sapFontHeader2Size, 28px);--udex-button-color: var(--sapAccentColor10, var(--udexColorGrey7));--udex-button-non-interactive-icon-color: var(--sapContent_NonInteractiveIconColor, var(--udexColorGrey7));--udex-button-non-interactive-icon-size: var(--sapFontHeader5Size, 18px);--udex-dropdown-border-width: auto;--udex-search-container-padding-inline-end: var(--udexSpacer12, 12px);--udex-search-label-inset-inline-start: var(--udexSpacer12, 12px);--udex-search-icons-column-gap: var(--udexSpacer12, 12px);--udex-search-label-width: calc( 100% - var(--udex-search-label-inset-inline-start) - var(--udex-input-padding-horizontal) - var(--udex-search-container-padding-inline-end) );display:block;width:100%;position:relative}:host([mode=\"Standard\"]) .udex-search__label.udex-search__label--active{display:none}:host(:not([mode=\"Home Search\"])) .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled,:host(:not([mode=\"Home Search\"])) .udex-search-prefix .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled{display:block;line-height:18px;transform:translateY(-110%);padding:0 4px;font-family:var(--udex-input-font-family-label-active);font-size:var(--udex-input-font-size-label-active);font-weight:var(--udex-input-font-weight-label-active);line-height:var(--udex-input-line-height-label-active);background-color:#fff}:host([mode=\"Home Search\"]) .udex-search__root,:host([mode=\"Home Search\"]) .udex-search__root.udex-search-prefix{--udex-input-radius: var(--udexRadiusXXL, 24px);position:relative;z-index:1}:host([mode=\"Home Search\"]) .udex-search__root.udex-search-prefix{display:flex;width:100%;position:relative;z-index:1}:host([mode=\"Home Search\"]) .udex-search-prefix .udex-search__prefix+.udex-search__container{border-start-start-radius:0;border-start-end-radius:var(--udexRadiusXXL, 24px);border-end-start-radius:0;border-end-end-radius:var(--udexRadiusXXL, 24px);flex-grow:1}:host([mode=\"Home Search\"]) .udex-search__root.udex-search__root--show-popover:after,:host([mode=\"Home Search\"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover:after{content:\"\";position:absolute;z-index:-1;height:21px;inset-inline:0;inset-block-end:0;background-color:var(--udexColorNeutralWhite, #fff);border-left:1px solid var(--udexColorGrey6, #5B738B);border-right:1px solid var(--udexColorGrey6, #5B738B);box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34, 54, 73, .3));overflow-y:hidden}:host([mode=\"Home Search\"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover:after{inset-inline-start:auto;width:50px}:host([mode=\"Home Search\"]) .udex-search__container:not(.udex-search__container--has-value),:host([mode=\"Home Search\"]) .udex-search__container:not(.udex-search__container--has-value) .udex-search__field,:host([mode=\"Home Search\"]) .udex-search-prefix .udex-search__container:not(.udex-search__container--has-value),:host([mode=\"Home Search\"]) .udex-search-prefix .udex-search__container:not(.udex-search__container--has-value) .udex-search__field{background-color:var(--udex-input-background-color)}:host([mode=\"Home Search\"]) .udex-search__label.udex-search__label--active,:host([mode=\"Home Search\"]) .udex-search-prefix .udex-search__label.udex-search__label--active{display:none}.udex-search__container{padding-inline-end:var(--udex-search-container-padding-inline-end);display:flex;align-items:center;position:relative;z-index:1;border:1px solid var(--udex-input-color-border);border-radius:var(--udex-input-radius);background-color:field}.udex-search__container:not(.udex-search__container--focus):hover{border-color:var(--udex-input-color-hover-border)}.udex-search__container--focus{border-color:var(--udex-input-color-active-border)}:host(:not([_is-touched])[active]) .udex-search__root:before{content:\"\";position:absolute;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udex-input-radius)}:host([mode=\"Home Search\"]:not([_is-touched])[active]) .udex-search__root:before{z-index:-1}.udex-search__field{display:block;width:100%;color:var(--udex-input-color-typed-text);font-size:16px;line-height:24px;padding:var(--udex-input-padding-vertical) var(--udex-input-padding-horizontal);box-sizing:border-box;border:0;border-radius:var(--udex-input-radius);font-weight:var(--udexTypographyFontWeightRegular, 400);background:var(--udex-input-color-background-light)}.udex-search__field:focus{outline:none}input[type=search]::-ms-clear{display:none;width:0;height:0}input[type=search]::-ms-reveal{display:none;width:0;height:0}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.udex-search__label{position:absolute;inset-block-start:9px;inset-inline-start:var(--udex-search-label-inset-inline-start);z-index:2;color:var(--udex-input-color-label);font-family:var(--udex-input-font-family-label);font-size:var(--udex-input-font-size-label);font-weight:var(--udex-input-font-weight-label);line-height:var(--udex-input-line-height-label);transition:transform .15s ease-out,font-size .15s ease-out;overflow:hidden;white-space:nowrap;max-width:var(--udex-search-label-width)}.udex-search__label-with-search-icon,.udex-search__label-with-voice-icon{max-width:calc(var(--udex-search-label-width) - var(--udex-button-size))}.udex-search__label-with-search-icon.udex-search__label-with-voice-icon{max-width:calc(var(--udex-search-label-width) - var(--udex-button-size) * 2 - var(--udex-search-icons-column-gap))}.udex-search__icons{display:flex;align-items:center;column-gap:var(--udex-search-icons-column-gap)}.udex-search__icon{margin-inline:5px;background-color:transparent;border:none;color:var(--udex-button-non-interactive-icon-color);min-width:var(--udex-button-non-interactive-icon-size);height:var(--udex-button-non-interactive-icon-size);border-radius:50%;position:relative;z-index:1;overflow:visible}.udex-search__button{background-color:transparent;border:none;color:var(--udex-button-color);min-width:var(--udex-button-size);height:var(--udex-button-size);border-radius:50%;position:relative;z-index:1;overflow:visible}[ui5-button].udex-search__voice-button--active{color:#0040b0}[ui5-button].udex-search__voice-button--active:before,[ui5-button].udex-search__button:focus:before{content:\"\";position:absolute;inset-block-start:0;inset-inline-start:0;width:28px;height:28px;border:2px solid #0040B0;border-radius:50%;box-sizing:border-box}[ui5-button].udex-search__button::part(button){padding:0;width:28px;height:28px;line-height:0}[ui5-icon].udex-search__button-icon{color:inherit;width:18px;height:18px}[ui5-button].udex-search__button::part(icon){width:18px;height:18px}[ui5-button].udex-search__button::part(button):after{display:none}[ui5-button].udex-search__button:hover{background:transparent;border:none;box-shadow:none}[ui5-button].udex-search__button:focus{outline:none}[ui5-button].udex-search__submit-button--active{position:relative;z-index:1;color:#fff}[ui5-button].udex-search__submit-button--active:before{content:\"\";position:absolute;z-index:-1;top:0;left:0;width:28px;height:28px;background-color:#0070f2;border-radius:50%}.udex-search__prefix{position:relative;z-index:1}.udex-search__prefix--show-popover:after{content:\"\";position:absolute;z-index:-1;height:50%;width:50px;inset-inline-start:0;inset-block-end:0;background-color:var(--udexColorNeutralWhite, #fff);border-left:1px solid var(--udexColorGrey6, #5B738B);border-right:1px solid var(--udexColorGrey6, #5B738B);box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34, 54, 73, .3));overflow-y:hidden}.udex-search__prefix-button{padding-inline:var(--udexSpacer12) var(--udexSpacer8);display:flex;align-items:center;max-width:200px;height:100%;border:1px solid var(--udex-input-color-border);border-inline-end:0;border-start-start-radius:var(--udexRadiusXXL, 24px);border-end-start-radius:var(--udexRadiusXXL, 24px);background-color:var(--sapShell_Navigation_Active_Background, var(--udexColorGrey1));color:var(--sapContent_LabelColor, var(--udexColorGrey7));font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodySFontSize, 16px);font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:var(--udexTypographyBodyLineHeight, 1.5);text-align:start;white-space:nowrap}.udex-search__prefix-button:hover{cursor:pointer;background-color:var(--udexCoreBase);color:var(--udexColorBlue8)}.udex-search__prefix-button:focus,.udex-search__prefix-button:focus-visible{outline:2px solid var(--udexColorBlue10, #002A86);outline-offset:-2px}.udex-search__prefix-button--active{background-color:var(--udexCoreBase);color:var(--udexColorBlue10)}.udex-search__prefix-label{margin-inline-end:var(--udexSpacer4, 4px);max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis}.udex-search__prefix-icon{width:16px;height:16px;color:inherit;flex-shrink:1}.udex-search__prefix-popover{border-start-start-radius:0;border-start-end-radius:0;border:1px solid var(--udexCoreBorderDefault);border-block-start:0;box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));background-color:var(--udexColorNeutralWhite, #fff);clip-path:inset(0px -10px -10px -10px)}.udex-search__prefix-popover::part(content){padding:0}udex-dropdown{--udex-dropdown-pane-max-width: 100%}\n`};\nexport default styleData;\n\t"]}

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

@@ -3,7 +3,7 @@ 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("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
-const styleData = { packageName: "@sapudex/web-components", fileName: "themes/SecondaryNavigationItem.css.ts", content: `:host{--udex-secondary-navigation-item-color: var(--sapTextColor, #223548);--udex-secondary-navigation-item-hover-color: var(--udexColorBlue7, #0070f2);--udex-secondary-navigation-item-active-color: var(--udexColorBlue9, #0040B0);--udex-secondary-navigation-item-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-secondary-navigation-item-mobile-font-size: var(--udexTypographyBodySFontSize, 16px);--udex-secondary-navigation-item-line-height: 1.125rem;--udex-secondary-navigation-item-active-border-color: var(--udexColorBlue7, #0070f2);--udex-secondary-navigation-item-dropdown-shadow: 0 10px 30px 0 #22364940;--udex-secondary-navigation-item-dropdown-background: #FFF;--udex-secondary-navigation-item-dropdown-min-width: 240px;--udex-secondary-navigation-item-dropdown-max-width: 360px;--udex-secondary-navigation-item-mobile-dropdown-shadow: 0 2px 8px 0 #2236494D;--udex-secondary-navigation-item-mobile-heading-shadow: 0 2px 4px 0 #22364933;--udex-secondary-navigation-item-mobile-title-color: var(--udexColorGrey9, #223548);--udex-secondary-navigation-item-mobile-title-font-size: var(--udexTypographyBodySFontSize, 16px);--udex-secondary-navigation-item-mobile-title-line-height: var(--udexTypographyHeadingLineHeight, 1.1);--udex-secondary-navigation-item-mobile-title-font-weight: var(--udexTypographyFontWeightMedium, 500)}.udex-secondary-navigation__dropdown-list{padding:var(--udexSpacer12) 0;margin:0;list-style:none}.udex-secondary-navigation__item{color:var(--udex-secondary-navigation-item-color);font-family:var(--sapFontFamily);font-size:var(--udex-secondary-navigation-item-font-size);line-height:var(--udex-secondary-navigation-item-line-height);display:flex;align-items:flex-start;height:100%;text-decoration:none;background:none;cursor:pointer;border:none;padding:0;white-space:nowrap}.udex-secondary-navigation__item:focus{outline:none}:host([desktop]) .udex-secondary-navigation__item:focus,.udex-secondary-navigation__item:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);border-radius:var(--udexRadiusXXS)}.udex-secondary-navigation__item:hover .udex-secondary-navigation__item-icon,.udex-secondary-navigation__item:hover{color:var(--udex-secondary-navigation-item-hover-color)}.udex-secondary-navigation__item:active .udex-secondary-navigation__item-icon,.udex-secondary-navigation__item:active{color:var(--udex-secondary-navigation-item-active-color)}[active].udex-secondary-navigation__item:before{border-radius:var(--udexRadiusXXS) var(--udexRadiusXXS) 0 0;background:var(--udex-secondary-navigation-item-active-border-color);content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px}:host([is-open]) .udex-secondary-navigation__item-icon{transform:rotateX(180deg)}.udex-secondary-navigation__item-icon{margin-inline-start:var(--udexSpacer4);transition:.25s transform;min-width:14px;height:14px}.udex-secondary-navigation__dropdown{position:absolute;top:100%;margin-top:1px;left:calc(var(--udexSpacer16) * -1);box-shadow:var(--udex-secondary-navigation-item-dropdown-shadow);min-width:var(--udex-secondary-navigation-item-dropdown-min-width);max-width:var(--udex-secondary-navigation-item-dropdown-max-width);background:var(--udex-secondary-navigation-item-dropdown-background)}.udex-secondary-navigation__dropdown:dir(rtl){right:calc(var(--udexSpacer16) * -1);left:auto}.udex-secondary-navigation__item-sub-title{display:none}.udex-secondary-navigation__item-text-wrap{display:flex;align-items:center;white-space:nowrap}@media (max-width: 979px){:host{width:100%;min-height:100%}.udex-secondary-navigation__item-icon{transform:translateY(-50%);position:absolute;right:5px;top:50%;width:22px;height:22px;margin:0}.udex-secondary-navigation__item-icon:dir(rtl){right:auto;left:5px}.udex-secondary-navigation__dropdown{position:relative;box-shadow:none;min-width:initial;max-width:initial;left:initial;margin-top:initial;top:initial}.udex-secondary-navigation__dropdown:dir(rtl){right:0}.udex-secondary-navigation__item{font-size:var(--udex-secondary-navigation-item-mobile-font-size);font-weight:var(--udex-secondary-navigation-item-mobile-title-font-weight);color:var(--udex-secondary-navigation-item-mobile-title-color);box-shadow:var(--udex-secondary-navigation-item-mobile-heading-shadow);background:var(--udex-secondary-navigation-item-dropdown-background);padding:var(--udexSpacer12) var(--udexSpacer48);position:relative;box-sizing:border-box;white-space:normal;min-height:100%;width:100%;z-index:1;display:flex;align-items:center}.udex-secondary-navigation__item-sub-title{font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);font-weight:400;display:block}.udex-secondary-navigation__dropdown{border-radius:0 0 var(--udexRadiusM) var(--udexRadiusM);box-shadow:var(--udex-secondary-navigation-item-mobile-dropdown-shadow)}[active].udex-secondary-navigation__item:before{display:none}:host([desktop]) .udex-secondary-navigation__item:focus{outline:none}:host([desktop]) .udex-secondary-navigation__item:focus-visible,.udex-secondary-navigation__item:focus-visible{outline-offset:calc(var(--udexSpacer4) * -1);outline:var(--udexRadiusXXS) solid var(--udexColorBlue10)}:host([is-open]) .udex-secondary-navigation__item-icon{transform:translateY(-50%) rotateX(180deg)}.udex-secondary-navigation__item-text-wrap{display:flex;align-items:baseline;flex-direction:column;white-space:normal;position:relative;text-align:left;width:100%;padding-inline-end:var(--udexSpacer32);gap:var(--udexSpacer16)}.udex-secondary-navigation__item-text-wrap:dir(rtl){align-items:flex-start;text-align:right}.udex-secondary-navigation__item:hover .udex-secondary-navigation__item-icon,.udex-secondary-navigation__item:hover{color:var(--udex-secondary-navigation-item-color)}}@media (max-width: 639px){.udex-secondary-navigation__item{padding:var(--udexSpacer12) var(--udexSpacer24)}}
+const styleData = { packageName: "@sapudex/web-components", fileName: "themes/SecondaryNavigationItem.css.ts", content: `:host{--udex-secondary-navigation-item-color: var(--sapTextColor, #223548);--udex-secondary-navigation-item-hover-color: var(--udexColorBlue7, #0070f2);--udex-secondary-navigation-item-active-color: var(--udexColorBlue9, #0040B0);--udex-secondary-navigation-item-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-secondary-navigation-item-mobile-font-size: var(--udexTypographyBodySFontSize, 16px);--udex-secondary-navigation-item-line-height: 1.125rem;--udex-secondary-navigation-item-active-border-color: var(--udexColorBlue7, #0070f2);--udex-secondary-navigation-item-dropdown-shadow: 0 10px 30px 0 #22364940;--udex-secondary-navigation-item-dropdown-background: #FFF;--udex-secondary-navigation-item-dropdown-min-width: 240px;--udex-secondary-navigation-item-dropdown-max-width: 360px;--udex-secondary-navigation-item-mobile-dropdown-shadow: 0 2px 8px 0 #2236494D;--udex-secondary-navigation-item-mobile-heading-shadow: 0 2px 4px 0 #22364933;--udex-secondary-navigation-item-mobile-title-color: var(--udexColorGrey9, #223548);--udex-secondary-navigation-item-mobile-title-font-size: var(--udexTypographyBodySFontSize, 16px);--udex-secondary-navigation-item-mobile-title-line-height: var(--udexTypographyHeadingLineHeight, 1.1);--udex-secondary-navigation-item-mobile-title-font-weight: var(--udexTypographyFontWeightMedium, 500)}.udex-secondary-navigation__dropdown-list{padding:var(--udexSpacer12) 0;margin:0;list-style:none}.udex-secondary-navigation__item{color:var(--udex-secondary-navigation-item-color);font-family:var(--sapFontFamily);font-size:var(--udex-secondary-navigation-item-font-size);line-height:var(--udex-secondary-navigation-item-line-height);display:flex;align-items:flex-start;height:100%;text-decoration:none;background:none;cursor:pointer;border:none;padding:0;white-space:nowrap}.udex-secondary-navigation__item:focus{outline:none}:host([desktop]) .udex-secondary-navigation__item:focus,.udex-secondary-navigation__item:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);border-radius:var(--udexRadiusXXS)}.udex-secondary-navigation__item:hover .udex-secondary-navigation__item-icon,.udex-secondary-navigation__item:hover{color:var(--udex-secondary-navigation-item-hover-color)}.udex-secondary-navigation__item:active .udex-secondary-navigation__item-icon,.udex-secondary-navigation__item:active{color:var(--udex-secondary-navigation-item-active-color)}[active].udex-secondary-navigation__item:before{border-radius:var(--udexRadiusXXS) var(--udexRadiusXXS) 0 0;background:var(--udex-secondary-navigation-item-active-border-color);content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px}:host([is-open]) .udex-secondary-navigation__item-icon{transform:rotateX(180deg)}.udex-secondary-navigation__item-icon{margin-inline-start:var(--udexSpacer4);transition:.25s transform;min-width:14px;height:14px}.udex-secondary-navigation__dropdown,.udex-secondary-navigation__dropdown[data-horizontal-align=left]:dir(rtl){position:absolute;top:100%;margin-top:1px;left:calc(var(--udexSpacer16) * -1);right:auto;box-shadow:var(--udex-secondary-navigation-item-dropdown-shadow);min-width:var(--udex-secondary-navigation-item-dropdown-min-width);max-width:var(--udex-secondary-navigation-item-dropdown-max-width);background:var(--udex-secondary-navigation-item-dropdown-background)}.udex-secondary-navigation__dropdown[data-horizontal-align=right]{left:auto;right:calc(var(--udexSpacer16) * -1)}.udex-secondary-navigation__dropdown:dir(rtl){right:calc(var(--udexSpacer16) * -1);left:auto}.udex-secondary-navigation__item-sub-title{display:none}.udex-secondary-navigation__item-text-wrap{display:flex;align-items:center;white-space:nowrap}@media (max-width: 979px){:host{width:100%;min-height:100%}.udex-secondary-navigation__item-icon{transform:translateY(-50%);position:absolute;right:5px;top:50%;width:22px;height:22px;margin:0}.udex-secondary-navigation__item-icon:dir(rtl){right:auto;left:5px}.udex-secondary-navigation__dropdown{position:relative;box-shadow:none;min-width:initial;max-width:initial;left:initial;margin-top:initial;top:initial}.udex-secondary-navigation__dropdown:dir(rtl){right:0}.udex-secondary-navigation__item{font-size:var(--udex-secondary-navigation-item-mobile-font-size);font-weight:var(--udex-secondary-navigation-item-mobile-title-font-weight);color:var(--udex-secondary-navigation-item-mobile-title-color);box-shadow:var(--udex-secondary-navigation-item-mobile-heading-shadow);background:var(--udex-secondary-navigation-item-dropdown-background);padding:var(--udexSpacer12) var(--udexSpacer48);position:relative;box-sizing:border-box;white-space:normal;min-height:100%;width:100%;z-index:1;display:flex;align-items:center}.udex-secondary-navigation__item-sub-title{font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);font-weight:400;display:block}.udex-secondary-navigation__dropdown{border-radius:0 0 var(--udexRadiusM) var(--udexRadiusM);box-shadow:var(--udex-secondary-navigation-item-mobile-dropdown-shadow)}[active].udex-secondary-navigation__item:before{display:none}:host([desktop]) .udex-secondary-navigation__item:focus{outline:none}:host([desktop]) .udex-secondary-navigation__item:focus-visible,.udex-secondary-navigation__item:focus-visible{outline-offset:calc(var(--udexSpacer4) * -1);outline:var(--udexRadiusXXS) solid var(--udexColorBlue10)}:host([is-open]) .udex-secondary-navigation__item-icon{transform:translateY(-50%) rotateX(180deg)}.udex-secondary-navigation__item-text-wrap{display:flex;align-items:baseline;flex-direction:column;white-space:normal;position:relative;text-align:left;width:100%;padding-inline-end:var(--udexSpacer32);gap:var(--udexSpacer16)}.udex-secondary-navigation__item-text-wrap:dir(rtl){align-items:flex-start;text-align:right}.udex-secondary-navigation__item:hover .udex-secondary-navigation__item-icon,.udex-secondary-navigation__item:hover{color:var(--udex-secondary-navigation-item-color)}}@media (max-width: 639px){.udex-secondary-navigation__item{padding:var(--udexSpacer12) var(--udexSpacer24)}}
 ` };
 export default styleData;
 //# sourceMappingURL=SecondaryNavigationItem.css.js.map