@sapudex/web-components 2.16.0 → 2.17.0

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

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

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

@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 
 registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
-export default `:host{--udex-textarea-color-standard-default-background: var(--sapField_Background, #fff);--udex-textarea-color-standard-default-border: var(--sapField_BorderColor, #5b738b);--udex-textarea-color-standard-default-text: var(--sapField_TextColor, #223548);--udex-textarea-color-standard-default-label: var(--sapField_PlaceholderTextColor, #475e75);--udex-textarea-color-standard-hover-border: var(--sapField_Hover_BorderColor, #1b90ff);--udex-textarea-color-standard-actives-border: var(--sapField_Active_BorderColor, #0040b0);--udex-textarea-color-warning-default-background: var(--sapField_WarningBackground, #fff);--udex-textarea-color-warning-default-border: var(--udexCoreSemanticWarning6, #e76500);--udex-textarea-color-warning-hover-border: var(--sapField_WarningColor, #c35500);--udex-textarea-color-warning-actives-border: var(--sapWarningColor, #8d2a00);--udex-textarea-color-error-default-background: var(--sapField_InvalidBackground, #fff);--udex-textarea-color-error-default-border: var(--udexCoreSemanticError6, #ee3939);--udex-textarea-color-error-hover-border: var(--sapField_InvalidColor, #d20a0a);--udex-textarea-color-error-actives-border: var(--udexCoreSemanticError9, #840606);--udex-textarea-color-success-default-background: var(--sapField_SuccessBackground, #fff);--udex-textarea-color-success-default-border: var(--udexCoreSemanticSuccess6, #36a41d);--udex-textarea-color-success-hover-border: var(--sapField_SuccessColor, #188918);--udex-textarea-color-success-actives-border: var(--sapSuccessColor, #1e592f);--udex-textarea-color-disabled-default-background: var(--sapField_Background, #fff);--udex-textarea-color-disabled-default-border: var(--sapNeutralElementColor, #5b738b);--udex-textarea-color-readonly-default-background: var(--sapField_ReadOnly_Background, #eaecee);--udex-textarea-color-readonly-default-border: var(--sapNeutralElementColor, #5b738b);--udex-textarea-active-lable-font-size: var(--sapFontSmallSize, 12px);--udex-textarea-color-label-background: transparent;--udex-textarea-paddings: 9px var(--udexSpacer12, 12px) 15px;--udex-textarea-radius: var(--udexRadiusXS, 4px);--udex-textarea-height: 50px;--udex-textarea-border-width: 1px;font-family:var(--sapFontFamily, sans-serif);font-size:var(--sapFontSize, 16px);color:var(--udex-textarea-color-standard-default-text)}.udex-textarea{position:relative}.udex-textarea__label{font-weight:var(--udexTypographyFontWeightRegular, 400);position:absolute;top:10px;margin-inline-start:9px;padding:0 var(--udexSpacer4, 4px);color:var(--udex-textarea-color-standard-default-label);line-height:24px;transition:top .15s ease-out,font-size .15s ease-out}.udex-textarea__label--active{top:-11px;font-size:var(--udex-textarea-active-lable-font-size);line-height:1.5;z-index:2;background:linear-gradient(var(--udex-textarea-color-label-background) 60%,var(--udex-textarea-color-standard-default-background) 60%)}:host(:not([_is-touched])[active]) .udex-textarea__label--active{background:linear-gradient(var(--udex-textarea-color-label-background) 30%,var(--udex-textarea-color-standard-default-background) 30%)}:host [ui5-icon]{color:inherit;vertical-align:top;margin-inline-end:var(--udexSpacer4, 4px)}.udex-textarea__field{display:block;box-sizing:border-box;width:100%;height:var(--udex-textarea-height);max-height:94vh;margin:0;padding:var(--udex-textarea-paddings);background:var(--udex-textarea-color-standard-default-background);border-radius:var(--udex-textarea-radius);border:var(--udex-textarea-border-width) solid var(--udex-textarea-color-standard-default-border);font-weight:var(--udexTypographyFontWeightRegular, 400);outline:none;color:inherit;font-size:inherit;font-family:inherit;font-style:inherit;-webkit-appearance:none;-moz-appearance:textfield;overflow:auto;resize:none;line-height:24px;letter-spacing:inherit;word-spacing:inherit}.udex-textarea__field:hover{border-color:var(--udex-textarea-color-standard-hover-border)}.udex-textarea__field:focus{border-color:var(--udex-textarea-color-standard-actives-border)}.udex-textarea__wrapper{position:relative}:host(:not([_is-touched])[active]) .udex-textarea__wrapper:before{content:"";position:absolute;z-index:-1;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udexRadiusS, 6px)}:host([value-state="Warning"]) .udex-textarea__field{background-color:var(--udex-textarea-color-warning-default-background);border-color:var(--udex-textarea-color-warning-default-border)}:host([value-state="Warning"]) .udex-textarea__label--active{background:linear-gradient(var(--udex-textarea-color-label-background) 60%,var(--udex-textarea-color-warning-default-background) 60%)}:host([value-state="Warning"]:not([_is-touched])[active]) .udex-textarea__label--active{background:linear-gradient(var(--udex-textarea-color-label-background) 30%,var(--udex-textarea-color-warning-default-background) 30%)}:host([value-state="Warning"]) .udex-textarea__field:hover{border-color:var(--udex-textarea-color-warning-hover-border)}:host([value-state="Warning"]) .udex-textarea__field:focus{border-color:var(--udex-textarea-color-warning-actives-border)}:host([value-state="Error"]) .udex-textarea__field{background-color:var(--udex-textarea-color-error-default-background);border-color:var(--udex-textarea-color-error-default-border)}:host([value-state="Error"]) .udex-textarea__label--active{background:linear-gradient(var(--udex-textarea-color-label-background) 60%,var(--udex-textarea-color-error-default-background) 60%)}:host([value-state="Error"]:not([_is-touched])[active]) .udex-textarea__label--active{background:linear-gradient(var(--udex-textarea-color-label-background) 30%,var(--udex-textarea-color-error-default-background) 30%)}:host([value-state="Error"]) .udex-textarea__field:hover{border-color:var(--udex-textarea-color-error-hover-border)}:host([value-state="Error"]) .udex-textarea__field:focus{border-color:var(--udex-textarea-color-error-actives-border)}:host([value-state="Success"]) .udex-textarea__field{background-color:var(--udex-textarea-color-success-default-background);border-color:var(--udex-textarea-color-success-default-border)}:host([value-state="Success"]) .udex-textarea__label--active{background:linear-gradient(var(--udex-textarea-color-label-background) 60%,var(--udex-textarea-color-success-default-background) 60%)}:host([value-state="Success"]:not([_is-touched])[active]) .udex-textarea__label--active{background:linear-gradient(var(--udex-textarea-color-label-background) 30%,var(--udex-textarea-color-success-default-background) 30%)}:host([value-state="Success"]) .udex-textarea__field:hover{border-color:var(--udex-textarea-color-success-hover-border)}:host([value-state="Success"]) .udex-textarea__field:focus{border-color:var(--udex-textarea-color-success-actives-border)}:host([disabled]) .udex-textarea{opacity:.4}:host([disabled]) .udex-textarea__field,:host([disabled]) .udex-textarea__field:hover{background-color:var(--udex-textarea-color-disabled-default-background);border-color:var(--udex-textarea-color-disabled-default-border)}:host([disabled]) .udex-textarea__label--active{background:linear-gradient(var(--udex-textarea-color-label-background) 60%,var(--udex-textarea-color-disabled-default-background) 60%)}:host([disabled]:not([_is-touched])[active]) .udex-textarea__label--active{background:linear-gradient(var(--udex-textarea-color-label-background) 30%,var(--udex-textarea-color-disabled-default-background) 30%)}:host([readonly]) .udex-textarea,:host([displayonly]) .udex-textarea{opacity:1}:host([readonly]) .udex-textarea__field,:host([readonly]) .udex-textarea__field:hover,:host([readonly]) .udex-textarea__field:focus{background-color:var(--udex-textarea-color-readonly-default-background);border-color:var(--udex-textarea-color-readonly-default-border)}:host([readonly]) .udex-textarea__label--active{background:linear-gradient(var(--udex-textarea-color-label-background) 60%,var(--udex-textarea-color-readonly-default-background) 60%)}:host([readonly]:not([_is-touched])[active]) .udex-textarea__label--active{background:linear-gradient(var(--udex-textarea-color-label-background) 30%,var(--udex-textarea-color-readonly-default-background) 30%)}:host([displayonly]) .udex-textarea__field,:host([displayonly]) .udex-textarea__field:hover,:host([displayonly]) .udex-textarea__field:focus{background-color:transparent;border-color:transparent}:host([displayonly]) .udex-textarea__label--active{background:transparent}:host([rows]) .udex-textarea__field{height:auto}:host([rows="1"]) .udex-textarea__field{height:var(--udex-textarea-height)}.udex-textarea__field::-webkit-scrollbar-thumb{border:2px solid var(--udex-textarea-color-standard-default-background)}:host([value-state="Warning"]) .udex-textarea__field::-webkit-scrollbar-thumb{border:2px solid var(--udex-textarea-color-warning-default-background)}:host([value-state="Error"]) .udex-textarea__field::-webkit-scrollbar-thumb{border:2px solid var(--udex-textarea-color-error-default-background)}:host([value-state="Success"]) .udex-textarea__field::-webkit-scrollbar-thumb{border:2px solid var(--udex-textarea-color-success-default-background)}:host([disabled]) .udex-textarea__field::-webkit-scrollbar-thumb{border:2px solid var(--udex-textarea-color-disabled-default-background)}:host([readonly]) .udex-textarea__field::-webkit-scrollbar-thumb{border:2px solid var(--udex-textarea-color-readonly-default-background)}:host([displayonly]) .udex-textarea__field::-webkit-scrollbar-thumb{border:2px solid transparent}.hidden-text{display:none}.hidden-label{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}
+export default `:host{--udex-textarea-color-standard-default-background: var(--sapField_Background, #fff);--udex-textarea-color-standard-default-border: var(--sapField_BorderColor, #5b738b);--udex-textarea-color-standard-default-text: var(--sapField_TextColor, #223548);--udex-textarea-color-standard-default-label: var(--sapField_PlaceholderTextColor, #475e75);--udex-textarea-color-standard-hover-border: var(--sapField_Hover_BorderColor, #1b90ff);--udex-textarea-color-standard-actives-border: var(--sapField_Active_BorderColor, #0040b0);--udex-textarea-color-warning-default-background: var(--sapField_WarningBackground, #fff);--udex-textarea-color-warning-default-border: var(--udexCoreSemanticWarning6, #e76500);--udex-textarea-color-warning-hover-border: var(--sapField_WarningColor, #c35500);--udex-textarea-color-warning-actives-border: var(--sapWarningColor, #8d2a00);--udex-textarea-color-error-default-background: var(--sapField_InvalidBackground, #fff);--udex-textarea-color-error-default-border: var(--udexCoreSemanticError6, #ee3939);--udex-textarea-color-error-hover-border: var(--sapField_InvalidColor, #d20a0a);--udex-textarea-color-error-actives-border: var(--udexCoreSemanticError9, #840606);--udex-textarea-color-success-default-background: var(--sapField_SuccessBackground, #fff);--udex-textarea-color-success-default-border: var(--udexCoreSemanticSuccess6, #36a41d);--udex-textarea-color-success-hover-border: var(--sapField_SuccessColor, #188918);--udex-textarea-color-success-actives-border: var(--sapSuccessColor, #1e592f);--udex-textarea-color-disabled-default-background: var(--sapField_Background, #fff);--udex-textarea-color-disabled-default-border: var(--sapNeutralElementColor, #5b738b);--udex-textarea-color-readonly-default-background: var(--sapField_ReadOnly_Background, #eaecee);--udex-textarea-color-readonly-default-border: var(--sapNeutralElementColor, #5b738b);--udex-textarea-active-lable-font-size: var(--sapFontSmallSize, 12px);--udex-textarea-color-label-background: var(--sapField_Background, #fff);--udex-textarea-paddings: 9px var(--udexSpacer12, 12px) 15px;--udex-textarea-radius: var(--udexRadiusXS, 4px);--udex-textarea-height: 50px;--udex-textarea-border-width: 1px;font-family:var(--sapFontFamily, sans-serif);font-size:var(--sapFontSize, 16px);color:var(--udex-textarea-color-standard-default-text)}.udex-textarea{position:relative}.udex-textarea__label{font-weight:var(--udexTypographyFontWeightRegular, 400);position:absolute;top:10px;margin-inline-start:9px;padding:0 var(--udexSpacer4, 4px);color:var(--udex-textarea-color-standard-default-label);line-height:24px;transition:top .15s ease-out,font-size .15s ease-out}.udex-textarea__label--active{top:-11px;font-size:var(--udex-textarea-active-lable-font-size);line-height:1.5;z-index:2;background:linear-gradient(var(--udex-textarea-color-label-background) 60%,var(--udex-textarea-color-standard-default-background) 60%)}:host [ui5-icon]{color:inherit;vertical-align:top;margin-inline-end:var(--udexSpacer4, 4px)}.udex-textarea__field{display:block;box-sizing:border-box;width:100%;height:var(--udex-textarea-height);max-height:94vh;margin:0;padding:var(--udex-textarea-paddings);background:var(--udex-textarea-color-standard-default-background);border-radius:var(--udex-textarea-radius);border:var(--udex-textarea-border-width) solid var(--udex-textarea-color-standard-default-border);font-weight:var(--udexTypographyFontWeightRegular, 400);outline:none;color:inherit;font-size:inherit;font-family:inherit;font-style:inherit;-webkit-appearance:none;-moz-appearance:textfield;overflow:auto;resize:none;line-height:24px;letter-spacing:inherit;word-spacing:inherit}.udex-textarea__field:hover{border-color:var(--udex-textarea-color-standard-hover-border)}.udex-textarea__field:focus{border-color:var(--udex-textarea-color-standard-actives-border)}.udex-textarea__wrapper{position:relative}:host(:not([_is-touched])[active]) .udex-textarea__wrapper:before{content:"";position:absolute;z-index:-1;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udexRadiusS, 6px)}:host([value-state="Warning"]) .udex-textarea__field{background-color:var(--udex-textarea-color-warning-default-background);border-color:var(--udex-textarea-color-warning-default-border)}:host([value-state="Warning"]) .udex-textarea__label--active{background:linear-gradient(var(--udex-textarea-color-label-background) 60%,var(--udex-textarea-color-warning-default-background) 60%)}:host([value-state="Warning"]) .udex-textarea__field:hover{border-color:var(--udex-textarea-color-warning-hover-border)}:host([value-state="Warning"]) .udex-textarea__field:focus{border-color:var(--udex-textarea-color-warning-actives-border)}:host([value-state="Error"]) .udex-textarea__field{background-color:var(--udex-textarea-color-error-default-background);border-color:var(--udex-textarea-color-error-default-border)}:host([value-state="Error"]) .udex-textarea__label--active{background:linear-gradient(var(--udex-textarea-color-label-background) 60%,var(--udex-textarea-color-error-default-background) 60%)}:host([value-state="Error"]) .udex-textarea__field:hover{border-color:var(--udex-textarea-color-error-hover-border)}:host([value-state="Error"]) .udex-textarea__field:focus{border-color:var(--udex-textarea-color-error-actives-border)}:host([value-state="Success"]) .udex-textarea__field{background-color:var(--udex-textarea-color-success-default-background);border-color:var(--udex-textarea-color-success-default-border)}:host([value-state="Success"]) .udex-textarea__label--active{background:linear-gradient(var(--udex-textarea-color-label-background) 60%,var(--udex-textarea-color-success-default-background) 60%)}:host([value-state="Success"]) .udex-textarea__field:hover{border-color:var(--udex-textarea-color-success-hover-border)}:host([value-state="Success"]) .udex-textarea__field:focus{border-color:var(--udex-textarea-color-success-actives-border)}:host([disabled]) .udex-textarea{opacity:.4}:host([disabled]) .udex-textarea__field,:host([disabled]) .udex-textarea__field:hover{background-color:var(--udex-textarea-color-disabled-default-background);border-color:var(--udex-textarea-color-disabled-default-border)}:host([disabled]) .udex-textarea__label--active{background:linear-gradient(var(--udex-textarea-color-label-background) 60%,var(--udex-textarea-color-disabled-default-background) 60%)}:host([readonly]) .udex-textarea,:host([displayonly]) .udex-textarea{opacity:1}:host([readonly]) .udex-textarea__field,:host([readonly]) .udex-textarea__field:hover,:host([readonly]) .udex-textarea__field:focus{background-color:var(--udex-textarea-color-readonly-default-background);border-color:var(--udex-textarea-color-readonly-default-border)}:host([readonly]) .udex-textarea__label--active{background:linear-gradient(var(--udex-textarea-color-label-background) 60%,var(--udex-textarea-color-readonly-default-background) 60%)}:host([displayonly]) .udex-textarea__field,:host([displayonly]) .udex-textarea__field:hover,:host([displayonly]) .udex-textarea__field:focus{background-color:transparent;border-color:transparent}:host([displayonly]) .udex-textarea__label--active{background:transparent}:host([rows]) .udex-textarea__field{height:auto}:host([rows="1"]) .udex-textarea__field{height:var(--udex-textarea-height)}.udex-textarea__field::-webkit-scrollbar-thumb{border:2px solid var(--udex-textarea-color-standard-default-background)}:host([value-state="Warning"]) .udex-textarea__field::-webkit-scrollbar-thumb{border:2px solid var(--udex-textarea-color-warning-default-background)}:host([value-state="Error"]) .udex-textarea__field::-webkit-scrollbar-thumb{border:2px solid var(--udex-textarea-color-error-default-background)}:host([value-state="Success"]) .udex-textarea__field::-webkit-scrollbar-thumb{border:2px solid var(--udex-textarea-color-success-default-background)}:host([disabled]) .udex-textarea__field::-webkit-scrollbar-thumb{border:2px solid var(--udex-textarea-color-disabled-default-background)}:host([readonly]) .udex-textarea__field::-webkit-scrollbar-thumb{border:2px solid var(--udex-textarea-color-readonly-default-background)}:host([displayonly]) .udex-textarea__field::-webkit-scrollbar-thumb{border:2px solid transparent}.hidden-text{display:none}.hidden-label{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}
 `

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

@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 
 registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
-export default `:host{--udex-input-color-standard-default-border: var(--sapField_BorderColor, var(--udexColorGrey6));--udex-input-color-standard-default-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-color-standard-default-supporting-text: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-color-standard-default-typed-text: var(--sapField_TextColor, var(--udexCoreTextDark));--udex-input-color-standard-default-background-light: var(--sapField_Background, var(--udexColorNeutralWhite));--udex-input-color-standard-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-input-color-standard-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-input-color-error-default-border: var(--udexCoreSemanticError6, #EE3939);--udex-input-color-error-hover-border: var(--sapField_InvalidColor, var(--udexCoreSemanticError7));--udex-input-color-error-active-border: var(--udexCoreSemanticError9, #840606);--udex-input-color-error-default-supporting-text: var(--sapField_InvalidColor, var(--udexCoreSemanticError7));--udex-input-color-warning-default-border: var(--udexCoreSemanticWarning6, #E76500);--udex-input-color-warning-hover-border: var(--sapField_WarningColor, var(--udexCoreSemanticWarning7));--udex-input-color-warning-active-border: var(--udexCoreSemanticWarning9, #8D2A00);--udex-input-color-warning-default-supporting-text: var(--sapField_WarningColor, var(--udexCoreSemanticWarning7));--udex-input-color-success-default-border: var(--udexCoreSemanticSuccess6, #36A41D);--udex-input-color-success-hover-border: var(--sapField_SuccessColor, var(--udexCoreSemanticSuccess7));--udex-input-color-success-active-border: var(--udexCoreSemanticSuccess9, #1E592F);--udex-input-color-success-default-supporting-text: var(--sapField_SuccessColor, var(--udexCoreSemanticSuccess7));--udex-input-color-disabled-border: var(--udexColorGrey6, #5B738B);--udex-input-color-disabled-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-color-read-only-default-border: var(--sapField_ReadOnly_BorderColor, var(--udexColorGrey6));--udex-input-color-read-only-default-background: var(--sapField_ReadOnly_Background, var(--udexColorGrey2));--udex-input-padding: 0 var(--udexSpacer12, 12px);--udex-input-min-width-xs-and-s: 100%;--udex-input-max-width: 100%;--udex-input-background-color: var(--sapField_Background, var(--udexColorNeutralWhite))}.udex-text-field__wrap{display:flex;position:relative;border-radius:var(--udexRadiusXS, 4px);border:1px solid var(--udex-input-color-standard-default-border);background-color:var(--udex-input-background-color)}.udex-text-field__wrap:hover{border-color:var(--udex-input-color-standard-hover-border)}.udex-text-field__container{position:relative;font-family:var(--sapFontFamily, sans-serif);max-width:var(--udex-input-max-width);width:100%}@media (width < 640px){.udex-text-field__container{min-width:var(--udex-input-min-width-xs-and-s)}}:host([disabled]) .udex-text-field__container{opacity:var(--sapContent_DisabledOpacity)}.udex-text-field__input{width:100%;height:40px;font-size:var(--sapProgress_FontSize, 16px);font-family:inherit;line-height:24px;color:var(--udex-input-color-standard-default-typed-text);padding:var(--udex-input-padding);border-radius:var(--udexRadiusXS, 4px);box-sizing:border-box;font-weight:var(--udexTypographyFontWeightRegular, 400);background:transparent;border:none;text-overflow:ellipsis}.udex-text-field__input:focus{outline:none}:host(:not([_is-touched]):not([aria-expanded="true"])[active]) .udex-text-field__wrap:before{content:"";position:absolute;z-index:-1;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udexRadiusS, 6px)}.udex-text-field__wrap[open],:host([active]) .udex-text-field__wrap{border-color:var(--udex-input-color-standard-active-border);outline:0}.udex-text-field__wrap[open]:hover{border-color:var(--udex-input-color-standard-active-border)}:host([disabled]) .udex-text-field__wrap{border-color:var(--udex-input-color-disabled-border);background-color:var(--udex-input-color-standard-default-background-light)}:host([readonly]) .udex-text-field__wrap{border-color:var(--udex-input-color-read-only-default-border);background-color:var(--udex-input-color-read-only-default-background)}:host([value-state="Success"][displayonly]) .udex-text-field__wrap,:host([value-state="Warning"][displayonly]) .udex-text-field__wrap,:host([value-state="Error"][displayonly]) .udex-text-field__wrap,:host([displayonly]) .udex-text-field__wrap{border:0;background-color:transparent;font-family:inherit}:host([displayonly]) .udex-text-field__wrap[open],:host([displayonly]) .udex-text-field__wrap{outline:0;border:0}:host([displayonly][value-state="Success"]) .udex-text-field__wrap:hover,:host([displayonly][value-state="Warning"]) .udex-text-field__wrap:hover,:host([displayonly][value-state="Error"]) .udex-text-field__wrap:hover{border:none}:host([value-state="Error"]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-error-default-border)}:host([value-state="Error"]) .udex-text-field__wrap:hover{border:1px solid var(--udex-input-color-error-hover-border)}:host([value-state="Error"]) .udex-text-field__wrap[open],:host([value-state="Error"][active]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-error-active-border);outline:0}:host([value-state="Warning"]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-warning-default-border)}:host([value-state="Warning"]) .udex-text-field__wrap:hover{border:1px solid var(--udex-input-color-warning-hover-border)}:host([value-state="Warning"]) .udex-text-field__wrap[open],:host([value-state="Warning"][active]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-warning-active-border);outline:0}:host([value-state="Success"]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-success-default-border)}:host([value-state="Success"]) .udex-text-field__wrap:hover{border:1px solid var(--udex-input-color-success-hover-border)}:host([value-state="Success"]) .udex-text-field__wrap[open],:host([value-state="Success"][active]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-success-active-border);outline:0}.udex-text-field__label{position:absolute;z-index:2;color:var(--udex-input-color-standard-default-label);transition:transform .15s ease-out,font-size .15s ease-out;line-height:24px;font-weight:var(--udexTypographyFontWeightRegular, 400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - var(--udexSpacer12) * 2)}.udex-text-field__container:dir(rtl) .udex-text-field_icon-container{left:1px;right:auto}.udex-text-field__container:dir(ltr) .udex-text-field__label,.udex-text-field__container:dir(rtl) .udex-text-field__label{top:9px}.udex-text-field__container:dir(ltr) .udex-text-field__label{left:var(--udexSpacer8)}.udex-text-field__container:dir(rtl) .udex-text-field__label{right:var(--udexSpacer8)}:host([displayonly]:dir(ltr)) .udex-text-field__label,:host([displayonly]:dir(rtl)) .udex-text-field__label{padding:0}.udex-text-field__label.udex-text-field__label_active,:host:has(.udex-text-field__input:-webkit-autofill) .udex-text-field__label{line-height:18px;transform:translateY(-110%);padding:0 var(--udexSpacer4);font-size:12px;background:linear-gradient(transparent 60%,var(--udex-input-color-standard-default-background-light) 60%)}:host(:not([_is-touched]):not([aria-expanded="true"])[active]) .udex-text-field__label.udex-text-field__label_active{background:linear-gradient(transparent 40%,var(--udex-input-color-standard-default-background-light) 40%)}:host([readonly]) .udex-text-field__label.udex-text-field__label_active{background:linear-gradient(transparent 60%,var(--udex-input-color-read-only-default-background) 60%)}:host([readonly]:not([_is-touched]):not([aria-expanded="true"])[active]) .udex-text-field__label.udex-text-field__label_active{background:linear-gradient(transparent 60%,var(--udex-input-color-read-only-default-background) 60%)}:host([displayonly][readonly]) .udex-text-field__label.udex-text-field__label_active,:host([displayonly]) .udex-text-field__label.udex-text-field__label_active{background-color:transparent;background:none}:host([disabled]) .udex-text-field__label{color:var(--udex-input-color-disabled-label)}.udex-text-field_icon-container{--sapContent_DisabledOpacity: 1;--sapButton_BorderWidth: 0 0 0 1px;--udex-control-button-large-height: 40px;--udex-control-button-large-width: 40px;position:relative;padding:var(--udexSpacer4, 4px)}:host(:dir(rtl):not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__wrap:hover .udex-text-field_icon-container{--udex-control-button-border-color: var(--udexColorGrey4, #A9B4BE);--sapButton_BorderWidth: 0 1px 0 0}:host(:dir(rtl):not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__wrap .udex-text-field_icon-container{--sapButton_BorderWidth: 0 1px 0 0}.udex-text-field__supporting-text{font-size:12px;line-height:18px;color:var(--udex-input-color-standard-default-supporting-text);padding:4px 12px;display:block;position:relative}:host([value-state="Error"]) .udex-text-field__supporting-text{color:var(--udex-input-color-error-default-supporting-text)}:host([value-state="Warning"]) .udex-text-field__supporting-text{color:var(--udex-input-color-warning-default-supporting-text)}:host([value-state="Success"]) .udex-text-field__supporting-text{color:var(--udex-input-color-success-default-supporting-text)}.udex-text-field__icon{color:inherit;vertical-align:top;margin-inline-end:var(--udexSpacer4, 4px)}.udex-text-field__supporting-text-icon{color:inherit;vertical-align:top;margin-inline-end:var(--udexSpacer4, 4px);width:var(--sapContent_IconHeight, 16px);height:var(--sapContent_IconHeight, 16px)}.udex-text-field__input[type=number]::-webkit-outer-spin-button,.udex-text-field__input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.udex-text-field__input[type=number]{-moz-appearance:textfield;appearance:textfield}.hidden-text{display:none}
+export default `:host{--udex-input-color-standard-default-border: var(--sapField_BorderColor, var(--udexColorGrey6));--udex-input-color-standard-default-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-color-standard-default-supporting-text: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-color-standard-default-typed-text: var(--sapField_TextColor, var(--udexCoreTextDark));--udex-input-color-standard-default-background-light: var(--sapField_Background, var(--udexColorNeutralWhite));--udex-input-color-standard-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-input-color-standard-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-input-color-error-default-border: var(--udexCoreSemanticError6, #EE3939);--udex-input-color-error-hover-border: var(--sapField_InvalidColor, var(--udexCoreSemanticError7));--udex-input-color-error-active-border: var(--udexCoreSemanticError9, #840606);--udex-input-color-error-default-supporting-text: var(--sapField_InvalidColor, var(--udexCoreSemanticError7));--udex-input-color-warning-default-border: var(--udexCoreSemanticWarning6, #E76500);--udex-input-color-warning-hover-border: var(--sapField_WarningColor, var(--udexCoreSemanticWarning7));--udex-input-color-warning-active-border: var(--udexCoreSemanticWarning9, #8D2A00);--udex-input-color-warning-default-supporting-text: var(--sapField_WarningColor, var(--udexCoreSemanticWarning7));--udex-input-color-success-default-border: var(--udexCoreSemanticSuccess6, #36A41D);--udex-input-color-success-hover-border: var(--sapField_SuccessColor, var(--udexCoreSemanticSuccess7));--udex-input-color-success-active-border: var(--udexCoreSemanticSuccess9, #1E592F);--udex-input-color-success-default-supporting-text: var(--sapField_SuccessColor, var(--udexCoreSemanticSuccess7));--udex-input-color-disabled-border: var(--udexColorGrey6, #5B738B);--udex-input-color-disabled-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-color-read-only-default-border: var(--sapField_ReadOnly_BorderColor, var(--udexColorGrey6));--udex-input-color-read-only-default-background: var(--sapField_ReadOnly_Background, var(--udexColorGrey2));--udex-input-padding: 0 var(--udexSpacer12, 12px);--udex-input-min-width-xs-and-s: 100%;--udex-input-max-width: 100%}.udex-text-field__wrap{display:flex;position:relative;border-radius:var(--udexRadiusXS, 4px);border:1px solid var(--udex-input-color-standard-default-border);background-color:var(--udex-input-color-standard-default-background-light)}.udex-text-field__wrap:hover{border-color:var(--udex-input-color-standard-hover-border)}.udex-text-field__container{position:relative;font-family:var(--sapFontFamily, sans-serif);max-width:var(--udex-input-max-width);width:100%}@media (width < 640px){.udex-text-field__container{min-width:var(--udex-input-min-width-xs-and-s)}}:host([disabled]) .udex-text-field__container{opacity:var(--sapContent_DisabledOpacity)}.udex-text-field__input{width:100%;height:40px;font-size:var(--sapProgress_FontSize, 16px);font-family:inherit;line-height:24px;color:var(--udex-input-color-standard-default-typed-text);padding:var(--udex-input-padding);border-radius:var(--udexRadiusXS, 4px);box-sizing:border-box;font-weight:var(--udexTypographyFontWeightRegular, 400);background:transparent;border:none;text-overflow:ellipsis}.udex-text-field__input:focus{outline:none}:host(:not([_is-touched]):not([aria-expanded="true"])[active]) .udex-text-field__wrap:before{content:"";position:absolute;z-index:-1;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udexRadiusS, 6px)}.udex-text-field__wrap[open],:host([active]) .udex-text-field__wrap{border-color:var(--udex-input-color-standard-active-border);outline:0}.udex-text-field__wrap[open]:hover{border-color:var(--udex-input-color-standard-active-border)}:host([disabled]) .udex-text-field__wrap{border-color:var(--udex-input-color-disabled-border);background-color:var(--udex-input-color-standard-default-background-light)}:host([readonly]) .udex-text-field__wrap{border-color:var(--udex-input-color-read-only-default-border);background-color:var(--udex-input-color-read-only-default-background)}:host([value-state="Success"][displayonly]) .udex-text-field__wrap,:host([value-state="Warning"][displayonly]) .udex-text-field__wrap,:host([value-state="Error"][displayonly]) .udex-text-field__wrap,:host([displayonly]) .udex-text-field__wrap{border:0;background-color:transparent;font-family:inherit}:host([displayonly]) .udex-text-field__wrap[open],:host([displayonly]) .udex-text-field__wrap{outline:0;border:0}:host([displayonly][value-state="Success"]) .udex-text-field__wrap:hover,:host([displayonly][value-state="Warning"]) .udex-text-field__wrap:hover,:host([displayonly][value-state="Error"]) .udex-text-field__wrap:hover{border:none}:host([value-state="Error"]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-error-default-border)}:host([value-state="Error"]) .udex-text-field__wrap:hover{border:1px solid var(--udex-input-color-error-hover-border)}:host([value-state="Error"]) .udex-text-field__wrap[open],:host([value-state="Error"][active]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-error-active-border);outline:0}:host([value-state="Warning"]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-warning-default-border)}:host([value-state="Warning"]) .udex-text-field__wrap:hover{border:1px solid var(--udex-input-color-warning-hover-border)}:host([value-state="Warning"]) .udex-text-field__wrap[open],:host([value-state="Warning"][active]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-warning-active-border);outline:0}:host([value-state="Success"]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-success-default-border)}:host([value-state="Success"]) .udex-text-field__wrap:hover{border:1px solid var(--udex-input-color-success-hover-border)}:host([value-state="Success"]) .udex-text-field__wrap[open],:host([value-state="Success"][active]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-success-active-border);outline:0}.udex-text-field__label{position:absolute;z-index:2;color:var(--udex-input-color-standard-default-label);transition:transform .15s ease-out,font-size .15s ease-out;line-height:24px;font-weight:var(--udexTypographyFontWeightRegular, 400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - var(--udexSpacer12) * 2);padding:0 var(--udexSpacer4)}.udex-text-field__container:dir(rtl) .udex-text-field_icon-container{left:1px;right:auto}.udex-text-field__container:dir(ltr) .udex-text-field__label,.udex-text-field__container:dir(rtl) .udex-text-field__label{top:9px}.udex-text-field__container:dir(ltr) .udex-text-field__label{left:var(--udexSpacer8)}.udex-text-field__container:dir(rtl) .udex-text-field__label{right:var(--udexSpacer8)}.udex-text-field__label.udex-text-field__label_active,:host:has(.udex-text-field__input:-webkit-autofill) .udex-text-field__label{line-height:18px;transform:translateY(-110%);font-size:12px;background:var(--udex-input-color-standard-default-background-light)}:host([readonly]) .udex-text-field__label.udex-text-field__label_active{background:linear-gradient(var(--udex-input-color-standard-default-background-light) 65%,var(--udex-input-color-read-only-default-background) 65%)}:host([displayonly][readonly]) .udex-text-field__label.udex-text-field__label_active,:host([displayonly]) .udex-text-field__label.udex-text-field__label_active{background-color:transparent;background:none}:host([disabled]) .udex-text-field__label{color:var(--udex-input-color-disabled-label)}.udex-text-field_icon-container{--sapContent_DisabledOpacity: 1;--sapButton_BorderWidth: 0 0 0 1px;--udex-control-button-large-height: 40px;--udex-control-button-large-width: 40px;position:relative;padding:var(--udexSpacer4, 4px)}:host(:dir(rtl):not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__wrap:hover .udex-text-field_icon-container{--udex-control-button-border-color: var(--udexColorGrey4, #A9B4BE);--sapButton_BorderWidth: 0 1px 0 0}:host(:dir(rtl):not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__wrap .udex-text-field_icon-container{--sapButton_BorderWidth: 0 1px 0 0}.udex-text-field__supporting-text{font-size:12px;line-height:18px;color:var(--udex-input-color-standard-default-supporting-text);padding:4px 12px;display:block;position:relative}:host([value-state="Error"]) .udex-text-field__supporting-text{color:var(--udex-input-color-error-default-supporting-text)}:host([value-state="Warning"]) .udex-text-field__supporting-text{color:var(--udex-input-color-warning-default-supporting-text)}:host([value-state="Success"]) .udex-text-field__supporting-text{color:var(--udex-input-color-success-default-supporting-text)}.udex-text-field__icon{color:inherit;vertical-align:top;margin-inline-end:var(--udexSpacer4, 4px)}.udex-text-field__supporting-text-icon{color:inherit;vertical-align:top;margin-inline-end:var(--udexSpacer4, 4px);width:var(--sapContent_IconHeight, 16px);height:var(--sapContent_IconHeight, 16px)}.udex-text-field__input[type=number]::-webkit-outer-spin-button,.udex-text-field__input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.udex-text-field__input[type=number]{-moz-appearance:textfield;appearance:textfield}.hidden-text{display:none}
 `

package/src/themes/CountrySelector.css

@@ -90,14 +90,6 @@
   inset-inline-start: var(--udexSpacer12);
 }
 
-[udex-text-field][aria-expanded="true"]::part(label) {
-  line-height: 18px;
-  transform: translateY(-110%);
-  padding: 0 4px;
-  font-size: 12px;
-  background: linear-gradient(transparent 60%, var(--sapField_Background) 60%);
-}
-
 [udex-text-field]::part(label) {
   max-width: calc(100% - var(--udex-country-selector-text-offset-left) - var(--udex-country-selector-text-offset-right) - 15px)
 }

package/src/themes/PhoneNumberField.css

@@ -35,7 +35,7 @@
 
   --udex-phone-number-field-lable-font-size: var(--sapFontSmallSize, 12px);
 
-  --udex-phone-number-field-color-label-background: transparent;
+  --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);
@@ -88,10 +88,6 @@
   background: linear-gradient(var(--udex-phone-number-field-color-label-background) 60%, var(--udex-phone-number-field-color-standard-default-background) 60%);
 }
 
-:host(:not([_is-touched])[active]) .udex-phone-number-field__label {
-  background: linear-gradient(var(--udex-phone-number-field-color-label-background) 40%, var(--udex-phone-number-field-color-standard-default-background) 40%);
-}
-
 .udex-phone-number-field__button-content {
   display: flex;
   align-items: center;
@@ -258,10 +254,6 @@
   background: linear-gradient(var(--udex-phone-number-field-color-label-background) 60%, var(--udex-phone-number-field-color-error-default-background) 60%);
 }
 
-:host([value-state="Error"]:not([_is-touched])[active]) .udex-phone-number-field__label {
-  background: linear-gradient(var(--udex-phone-number-field-color-label-background) 40%, var(--udex-phone-number-field-color-error-default-background) 40%);
-}
-
 :host([value-state="Error"]) .udex-phone-number-field:hover {
   border-color: var(--udex-phone-number-field-color-error-hover-border);
 }
@@ -279,10 +271,6 @@
   background: linear-gradient(var(--udex-phone-number-field-color-label-background) 60%, var(--udex-phone-number-field-color-success-default-background) 60%);
 }
 
-:host([value-state="Success"]:not([_is-touched])[active]) .udex-phone-number-field__label {
-  background: linear-gradient(var(--udex-phone-number-field-color-label-background) 40%, var(--udex-phone-number-field-color-success-default-background) 40%);
-}
-
 :host([value-state="Success"]) .udex-phone-number-field:hover {
   border-color: var(--udex-phone-number-field-color-success-hover-border);
 }
@@ -307,10 +295,6 @@
   background: linear-gradient(var(--udex-phone-number-field-color-label-background) 60%, var(--udex-phone-number-field-color-disabled-default-background) 60%);
 }
 
-:host([disabled]:not([_is-touched])[active]) .udex-phone-number-field__label {
-  background: linear-gradient(var(--udex-phone-number-field-color-label-background) 40%, var(--udex-phone-number-field-color-disabled-default-background) 40%);
-}
-
 :host([readonly]) .udex-phone-number-field,
 :host([displayonly]) .udex-phone-number-field {
   opacity: 1;
@@ -332,10 +316,6 @@
   background: linear-gradient(var(--udex-phone-number-field-color-label-background) 60%, var(--udex-phone-number-field-color-readonly-default-background) 60%);
 }
 
-:host([readonly]:not([_is-touched])[active]) .udex-phone-number-field__label {
-  background: linear-gradient(var(--udex-phone-number-field-color-label-background) 40%, var(--udex-phone-number-field-color-readonly-default-background) 40%);
-}
-
 :host([displayonly]) .udex-phone-number-field,
 :host([displayonly]) .udex-phone-number-field:hover,
 :host([displayonly]) .udex-phone-number-field:focus-within,

package/src/themes/Quote.css

@@ -25,10 +25,10 @@
   gap: var(--udexSpacer16);
 }
 
-.content-container__text,
+.udex-quote__text,
 ::slotted([slot='author']),
 ::slotted([slot='link']) {
-  padding: 0 var(--udexSpacer40);
+  padding: 0 50px;
 }
 
 /* Image styles */
@@ -47,8 +47,8 @@
 }
 
 :host([image-size='small']) ::slotted([slot='image']) {
-  width: 64px;
-  height: 64px;
+  width: var(--udexSpacer64);
+  height: var(--udexSpacer64);
 }
 
 :host([image-size='small'][mask='rectangle']) ::slotted([slot='image']) {
@@ -57,14 +57,13 @@
 }
 
 /* Text, author and link styles */
-.content-container__text-container {
+.udex-quote__text-container {
   position: relative;
+  margin: 0px;
 }
 
-.content-container__text {
-  margin: 0;
-  margin-bottom: var(--udexSpacer16);
-
+.udex-quote__text {
+  margin: 0 0 var(--udexSpacer24);
   font-family: var(--sapFontFamily);
   font-weight: var(--udexTypographyFontWeightRegular, 400);
   font-size: var(--udexTypographyBodyXLFontSize, 24px);
@@ -72,13 +71,15 @@
   color: var(--udexColorGrey8, #354A5F);
 }
 
-.content-container__text ::slotted(*) {
+.udex-quote__text ::slotted(*) {
   margin: 0;
 }
 
-.content-container__text-container:before,
-.content-container__text-container:after {
+.udex-quote__text-container:before,
+.udex-quote__text-container:after {
   font-family: var(--sapFontFamily);
+  font-weight: var(--udexTypographyFontWeightMedium, 500);
+  text-align: center;
   position: absolute;
   display: inline-block;
   font-size: 84px;
@@ -89,22 +90,23 @@
   margin-top: -9px;
 }
 
-.content-container__text-container:before {
+.udex-quote__text-container:before {
   content: open-quote;
   top: 0;
   left: 0;
 }
 
-.content-container__text-container:after {
+.udex-quote__text-container:after {
   content: close-quote;
   top: 0;
   right: 0;
 }
 
-:host([text-size='small']) .content-container__text-container:after,
-:host([text-size='small']) .content-container__text-container:before {
+:host([text-size='small']) .udex-quote__text-container:after,
+:host([text-size='small']) .udex-quote__text-container:before {
   font-size: 72px;
   line-height: 72px;
+  font-weight: var(--udexTypographyFontWeightRegular, 400);
   height: 50px;
   width: 26px;
   margin-top: -12px;
@@ -112,7 +114,7 @@
 
 ::slotted([slot='author']) {
   display: block;
-  margin-bottom: 16px;
+  margin-bottom: var(--udexSpacer24);
   font-family: var(--sapFontFamily);
   font-weight: var(--udexTypographyFontWeightRegular, 400);
   font-size: var(--udexTypographyHeadingRegularXXSFontSize, 20px);
@@ -120,11 +122,12 @@
   color: var(--udexColorGrey8, #354A5F);
 }
 
-:host([text-size='small']) .content-container__text {
+:host([text-size='small']) .udex-quote__text {
   font-family: var(--sapFontFamily);
   font-weight: var(--udexTypographyFontWeightRegular, 400);
   font-size: var(--udexTypographyBodySFontSize, 16px);
   line-height: var(--udexTypographyBodyLineHeight, 1.5);
+  padding-inline: 34px;
 }
 
 :host([text-size='small']) ::slotted([slot='author']) {
@@ -132,6 +135,11 @@
   font-weight: var(--udexTypographyFontWeightRegular, 400);
   font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);
   line-height: var(--udexTypographyHeadingLineHeight, 1.1);
+  padding-inline: 34px;
+}
+
+:host([text-size='small']) ::slotted([slot='link']) {
+  padding-inline: 34px;
 }
 
 @media screen and (max-width: 1279px) {
@@ -142,11 +150,16 @@
   ::slotted([slot='author']) {
     font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);
     line-height: var(--udexTypographyHeadingLineHeight, 1.1);
+    padding: 0 34px;
+  }
+
+  ::slotted([slot='link']) {
+    padding: 0 34px;
   }
 
   ::slotted([slot='image']) {
-    width: 64px;
-    height: 64px;
+    width: var(--udexSpacer64);
+    height: var(--udexSpacer64);
   }
 
   :host([mask='rectangle']) ::slotted([slot='image']) {
@@ -154,23 +167,19 @@
     height: 80px;
   }
 
-  .content-container__text-container:after,
-  .content-container__text-container:before {
+  .udex-quote__text-container:after,
+  .udex-quote__text-container:before {
     font-size: 72px;
+    font-weight: var(--udexTypographyFontWeightRegular, 400);
     line-height: 72px;
     height: 50px;
     width: 26px;
-    margin-top: -12px;
   }
 
-  .content-container__text {
+  .udex-quote__text {
     font-size: var(--udexTypographyBodySFontSize, 16px);
     line-height: var(--udexTypographyBodyLineHeight, 1.5);
-  }
-
-  ::slotted([slot='author']) {
-    font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);
-    line-height: var(--udexTypographyHeadingLineHeight, 1.1);
+    padding: 0 34px;
   }
 }
 

package/src/themes/Search.css

@@ -66,11 +66,7 @@
   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: linear-gradient(transparent 60%, var(--udex-input-color-background-light) 60%);
-}
-
-:host([active]:not([mode="Home Search"])) .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled {
-  background: linear-gradient(transparent 35%, var(--udex-input-color-background-light) 35%);
+  background: var(--udex-input-color-background-light);
 }
 
 :host([mode="Home Search"]) .udex-search__root,

package/src/themes/TextArea.css

@@ -33,7 +33,7 @@
 
   --udex-textarea-active-lable-font-size: var(--sapFontSmallSize, 12px);
 
-  --udex-textarea-color-label-background: transparent;
+  --udex-textarea-color-label-background: var(--sapField_Background, #fff);
 
   --udex-textarea-paddings: 9px var(--udexSpacer12, 12px) 15px;
   --udex-textarea-radius: var(--udexRadiusXS, 4px);
@@ -68,10 +68,6 @@
   background: linear-gradient(var(--udex-textarea-color-label-background) 60%, var(--udex-textarea-color-standard-default-background) 60%);
 }
 
-:host(:not([_is-touched])[active]) .udex-textarea__label--active {
-  background: linear-gradient(var(--udex-textarea-color-label-background) 30%, var(--udex-textarea-color-standard-default-background) 30%);
-}
-
 :host [ui5-icon] {
   color: inherit;
   vertical-align: top;
@@ -134,10 +130,6 @@
   background: linear-gradient(var(--udex-textarea-color-label-background) 60%, var(--udex-textarea-color-warning-default-background) 60%);
 }
 
-:host([value-state="Warning"]:not([_is-touched])[active]) .udex-textarea__label--active {
-  background: linear-gradient(var(--udex-textarea-color-label-background) 30%, var(--udex-textarea-color-warning-default-background) 30%);
-}
-
 :host([value-state="Warning"]) .udex-textarea__field:hover {
   border-color: var(--udex-textarea-color-warning-hover-border);
 }
@@ -155,10 +147,6 @@
   background: linear-gradient(var(--udex-textarea-color-label-background) 60%, var(--udex-textarea-color-error-default-background) 60%);
 }
 
-:host([value-state="Error"]:not([_is-touched])[active]) .udex-textarea__label--active {
-  background: linear-gradient(var(--udex-textarea-color-label-background) 30%, var(--udex-textarea-color-error-default-background) 30%);
-}
-
 :host([value-state="Error"]) .udex-textarea__field:hover {
   border-color: var(--udex-textarea-color-error-hover-border);
 }
@@ -176,10 +164,6 @@
   background: linear-gradient(var(--udex-textarea-color-label-background) 60%, var(--udex-textarea-color-success-default-background) 60%);
 }
 
-:host([value-state="Success"]:not([_is-touched])[active]) .udex-textarea__label--active {
-  background: linear-gradient(var(--udex-textarea-color-label-background) 30%, var(--udex-textarea-color-success-default-background) 30%);
-}
-
 :host([value-state="Success"]) .udex-textarea__field:hover {
   border-color: var(--udex-textarea-color-success-hover-border);
 }
@@ -202,10 +186,6 @@
   background: linear-gradient(var(--udex-textarea-color-label-background) 60%, var(--udex-textarea-color-disabled-default-background) 60%);
 }
 
-:host([disabled]:not([_is-touched])[active]) .udex-textarea__label--active {
-  background: linear-gradient(var(--udex-textarea-color-label-background) 30%, var(--udex-textarea-color-disabled-default-background) 30%);
-}
-
 :host([readonly]) .udex-textarea,
 :host([displayonly]) .udex-textarea {
   opacity: 1;
@@ -222,10 +202,6 @@
   background: linear-gradient(var(--udex-textarea-color-label-background) 60%, var(--udex-textarea-color-readonly-default-background) 60%);
 }
 
-:host([readonly]:not([_is-touched])[active]) .udex-textarea__label--active {
-  background: linear-gradient(var(--udex-textarea-color-label-background) 30%, var(--udex-textarea-color-readonly-default-background) 30%);
-}
-
 :host([displayonly]) .udex-textarea__field,
 :host([displayonly]) .udex-textarea__field:hover,
 :host([displayonly]) .udex-textarea__field:focus {

package/src/themes/TextField.css

@@ -31,7 +31,6 @@
   --udex-input-padding: 0 var(--udexSpacer12, 12px);
   --udex-input-min-width-xs-and-s: 100%;
   --udex-input-max-width: 100%;
-  --udex-input-background-color: var(--sapField_Background, var(--udexColorNeutralWhite));
 }
 
 .udex-text-field__wrap {
@@ -39,7 +38,7 @@
   position: relative;
   border-radius: var(--udexRadiusXS, 4px);
   border: 1px solid var(--udex-input-color-standard-default-border);
-  background-color: var(--udex-input-background-color);
+  background-color: var(--udex-input-color-standard-default-background-light);
 }
 
 .udex-text-field__wrap:hover {
@@ -193,6 +192,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: calc(100% - var(--udexSpacer12) * 2);
+  padding: 0 var(--udexSpacer4);
 }
 
 .udex-text-field__container:dir(rtl) .udex-text-field_icon-container {
@@ -213,30 +213,16 @@
   right: var(--udexSpacer8)
 }
 
-:host([displayonly]:dir(ltr)) .udex-text-field__label,
-:host([displayonly]:dir(rtl)) .udex-text-field__label {
-  padding: 0;
-}
-
 .udex-text-field__label.udex-text-field__label_active,
 :host:has(.udex-text-field__input:-webkit-autofill) .udex-text-field__label {
   line-height: 18px;
   transform: translateY(-110%);
-  padding: 0 var(--udexSpacer4);
   font-size: 12px;
-  background: linear-gradient(transparent 60%, var(--udex-input-color-standard-default-background-light) 60%);
-}
-
-:host(:not([_is-touched]):not([aria-expanded="true"])[active]) .udex-text-field__label.udex-text-field__label_active {
-  background: linear-gradient(transparent 40%, var(--udex-input-color-standard-default-background-light) 40%);
+  background: var(--udex-input-color-standard-default-background-light);
 }
 
 :host([readonly]) .udex-text-field__label.udex-text-field__label_active {
-  background: linear-gradient(transparent 60%, var(--udex-input-color-read-only-default-background) 60%);
-}
-
-:host([readonly]:not([_is-touched]):not([aria-expanded="true"])[active]) .udex-text-field__label.udex-text-field__label_active {
-  background: linear-gradient(transparent 60%, var(--udex-input-color-read-only-default-background) 60%);
+  background: linear-gradient(var(--udex-input-color-standard-default-background-light) 65%, var(--udex-input-color-read-only-default-background) 65%);
 }
 
 :host([displayonly][readonly]) .udex-text-field__label.udex-text-field__label_active,

package/dist/generated/templates/PasswordFieldTemplate.lit.d.ts

@@ -1,3 +0,0 @@
-import type PasswordField from "../../PasswordField.js";
-declare function template(this: PasswordField): import("lit-html").TemplateResult;
-export default template;

package/dist/generated/templates/PasswordFieldTemplate.lit.js

@@ -1,7 +0,0 @@
-/* eslint no-unused-vars: 0 */
-import { html, ifDefined, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
-function block0(context, tags, suffix) { return suffix ? html `<${scopeTag("udex-text-field", tags, suffix)} type="${ifDefined(this.type)}" value="${ifDefined(this.value)}" label="${ifDefined(this.passwordLabel)}" autocomplete="${ifDefined(this.autocomplete)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?displayonly="${this.displayonly}" maxlength="${ifDefined(this.maxlength)}" value-state="${ifDefined(this.valueState)}" supporting-text="${ifDefined(this.supportingText)}" accessible-name="${ifDefined(this.accessibleName)}" accessible-name-ref="${ifDefined(this.accessibleNameRef)}" accessible-icon-name="${ifDefined(this.showButtonTooltip)}" show-button-tooltip="${ifDefined(this.showButtonTooltip)}" @ui5-click-icon="${ifDefined(this.handleShowPassword)}" icon="${ifDefined(this.iconButton)}"></${scopeTag("udex-text-field", tags, suffix)}>` : html `<udex-text-field type="${ifDefined(this.type)}" value="${ifDefined(this.value)}" label="${ifDefined(this.passwordLabel)}" autocomplete="${ifDefined(this.autocomplete)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?displayonly="${this.displayonly}" maxlength="${ifDefined(this.maxlength)}" value-state="${ifDefined(this.valueState)}" supporting-text="${ifDefined(this.supportingText)}" accessible-name="${ifDefined(this.accessibleName)}" accessible-name-ref="${ifDefined(this.accessibleNameRef)}" accessible-icon-name="${ifDefined(this.showButtonTooltip)}" show-button-tooltip="${ifDefined(this.showButtonTooltip)}" @ui5-click-icon="${ifDefined(this.handleShowPassword)}" icon="${ifDefined(this.iconButton)}"></udex-text-field>`; }
-function template() { return block0.call(this, this, this.constructor.tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;
-//# sourceMappingURL=PasswordFieldTemplate.lit.js.map

package/dist/generated/templates/PasswordFieldTemplate.lit.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PasswordFieldTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/PasswordFieldTemplate.lit.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAE,IAAI,EAAmC,SAAS,EAAc,QAAQ,EAAE,MAAM,sDAAsD,CAAC;AAC9I,OAAO,EAAE,8BAA8B,EAAE,MAAM,0DAA0D,CAAC;AAK1G,SAAS,MAAM,CAAuB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,IAAI,QAAQ,CAAC,iBAAiB,EAAE,IAAI,EAAE,MAAM,CAAC,UAAU,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,mBAAmB,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,gBAAgB,IAAI,CAAC,QAAQ,gBAAgB,IAAI,CAAC,QAAQ,mBAAmB,IAAI,CAAC,WAAW,gBAAgB,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,kBAAkB,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,sBAAsB,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,sBAAsB,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,0BAA0B,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,2BAA2B,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,0BAA0B,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,sBAAsB,SAAS,CAAC,IAAI,CAAC,kBAAkB,CAAC,WAAW,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,QAAQ,CAAC,iBAAiB,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAA,0BAA0B,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,mBAAmB,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,gBAAgB,IAAI,CAAC,QAAQ,gBAAgB,IAAI,CAAC,QAAQ,mBAAmB,IAAI,CAAC,WAAW,gBAAgB,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,kBAAkB,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,sBAAsB,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,sBAAsB,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,0BAA0B,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,2BAA2B,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,0BAA0B,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,sBAAsB,SAAS,CAAC,IAAI,CAAC,kBAAkB,CAAC,WAAW,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,sBAAsB,CAAC,CAAA,CAAC;AAE5oD,SAAS,QAAQ,KAAwB,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAG,IAAI,CAAC,WAAiC,CAAC,WAAW,EAAE,8BAA8B,EAAE,CAAC,CAAC,CAAC,CAAC;AACjK,eAAe,QAAQ,CAAC","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { getCustomElementsScopingSuffix } from \"@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type PasswordField from \"../../PasswordField.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: PasswordField, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"udex-text-field\", tags, suffix)} type=\"${ifDefined(this.type)}\" value=\"${ifDefined(this.value)}\" label=\"${ifDefined(this.passwordLabel)}\" autocomplete=\"${ifDefined(this.autocomplete)}\" ?disabled=\"${this.disabled}\" ?readonly=\"${this.readonly}\" ?displayonly=\"${this.displayonly}\" maxlength=\"${ifDefined(this.maxlength)}\" value-state=\"${ifDefined(this.valueState)}\" supporting-text=\"${ifDefined(this.supportingText)}\" accessible-name=\"${ifDefined(this.accessibleName)}\" accessible-name-ref=\"${ifDefined(this.accessibleNameRef)}\" accessible-icon-name=\"${ifDefined(this.showButtonTooltip)}\" show-button-tooltip=\"${ifDefined(this.showButtonTooltip)}\" @ui5-click-icon=\"${ifDefined(this.handleShowPassword)}\" icon=\"${ifDefined(this.iconButton)}\"></${scopeTag(\"udex-text-field\", tags, suffix)}>` : html`<udex-text-field type=\"${ifDefined(this.type)}\" value=\"${ifDefined(this.value)}\" label=\"${ifDefined(this.passwordLabel)}\" autocomplete=\"${ifDefined(this.autocomplete)}\" ?disabled=\"${this.disabled}\" ?readonly=\"${this.readonly}\" ?displayonly=\"${this.displayonly}\" maxlength=\"${ifDefined(this.maxlength)}\" value-state=\"${ifDefined(this.valueState)}\" supporting-text=\"${ifDefined(this.supportingText)}\" accessible-name=\"${ifDefined(this.accessibleName)}\" accessible-name-ref=\"${ifDefined(this.accessibleNameRef)}\" accessible-icon-name=\"${ifDefined(this.showButtonTooltip)}\" show-button-tooltip=\"${ifDefined(this.showButtonTooltip)}\" @ui5-click-icon=\"${ifDefined(this.handleShowPassword)}\" icon=\"${ifDefined(this.iconButton)}\"></udex-text-field>`;}\n\nfunction template(this: PasswordField) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }\nexport default template;"]}

package/dist/generated/templates/QuoteTemplate.lit.d.ts

@@ -1,3 +0,0 @@
-import type Quote from "../../Quote.js";
-declare function template(this: Quote): import("lit-html").TemplateResult;
-export default template;

package/dist/generated/templates/QuoteTemplate.lit.js

@@ -1,10 +0,0 @@
-/* eslint no-unused-vars: 0 */
-import { html } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
-function block0(context, tags, suffix) { return html `<div class="udex-quote__container"><div class="udex-quote__image-container">${this.image ? block1.call(this, context, tags, suffix) : undefined}</div><div class="udex-quote__content-container"><div class="content-container__text-container"><p class="content-container__text"><slot></slot></p></div>${this.author ? block2.call(this, context, tags, suffix) : undefined}${this.link ? block3.call(this, context, tags, suffix) : undefined}</div></div>`; }
-function block1(context, tags, suffix) { return html `<slot name="image" slot="image"></slot>`; }
-function block2(context, tags, suffix) { return html `<slot slot="author" name="author"></slot>`; }
-function block3(context, tags, suffix) { return html `<slot slot="link" name="link"></slot>`; }
-function template() { return block0.call(this, this, this.constructor.tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;
-//# sourceMappingURL=QuoteTemplate.lit.js.map

package/dist/generated/templates/QuoteTemplate.lit.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"QuoteTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/QuoteTemplate.lit.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAE,IAAI,EAAoE,MAAM,sDAAsD,CAAC;AAC9I,OAAO,EAAE,8BAA8B,EAAE,MAAM,0DAA0D,CAAC;AAK1G,SAAS,MAAM,CAAe,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,+EAAgF,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,6JAA8J,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,GAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,cAAc,CAAC,CAAA,CAAC;AACpjB,SAAS,MAAM,CAAe,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,yCAAyC,CAAC,CAAA,CAAC;AACvJ,SAAS,MAAM,CAAe,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,2CAA2C,CAAC,CAAA,CAAC;AACzJ,SAAS,MAAM,CAAe,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,uCAAuC,CAAC,CAAA,CAAC;AAErJ,SAAS,QAAQ,KAAgB,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAG,IAAI,CAAC,WAAiC,CAAC,WAAW,EAAE,8BAA8B,EAAE,CAAC,CAAC,CAAC,CAAC;AACzJ,eAAe,QAAQ,CAAC","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { getCustomElementsScopingSuffix } from \"@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type Quote from \"../../Quote.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: Quote, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class=\"udex-quote__container\"><div class=\"udex-quote__image-container\">${ this.image ? block1.call(this, context, tags, suffix) : undefined }</div><div class=\"udex-quote__content-container\"><div class=\"content-container__text-container\"><p class=\"content-container__text\"><slot></slot></p></div>${ this.author ? block2.call(this, context, tags, suffix) : undefined }${ this.link ? block3.call(this, context, tags, suffix) : undefined }</div></div>`;}\nfunction block1 (this: Quote, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<slot name=\"image\" slot=\"image\"></slot>`;}\nfunction block2 (this: Quote, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<slot slot=\"author\" name=\"author\"></slot>`;}\nfunction block3 (this: Quote, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<slot slot=\"link\" name=\"link\"></slot>`;}\n\nfunction template(this: Quote) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }\nexport default template;"]}

package/dist/generated/templates/TagGroupTemplate.lit.d.ts

@@ -1,3 +0,0 @@
-import type TagGroup from "../../TagGroup.js";
-declare function template(this: TagGroup): import("lit-html").TemplateResult;
-export default template;

package/dist/generated/templates/TagGroupTemplate.lit.js

@@ -1,10 +0,0 @@
-/* eslint no-unused-vars: 0 */
-import { html, repeat, ifDefined, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
-function block0(context, tags, suffix) { return suffix ? html `<div id="${ifDefined(this._id)}-tag-group" class="udex-tag-group" role="group"><${scopeTag("ui5-tokenizer", tags, suffix)} part="tokenizer" show-more prevent-popover-open ?disabled="${this.disabled}" id="${ifDefined(this._id)}-tag-group-tokenizer" class="udex-tag-group__tokenizer" @ui5-show-more-items-press="${ifDefined(this.showMoreItems)}" ?expanded="${this.tokenizerExpanded}">${repeat(this.items, (item, index) => item._id || index, (item, index) => block1.call(this, context, tags, suffix, item, index))}</${scopeTag("ui5-tokenizer", tags, suffix)}>${this._isHiddenTags ? block2.call(this, context, tags, suffix) : undefined}</div> ` : html `<div id="${ifDefined(this._id)}-tag-group" class="udex-tag-group" role="group"><ui5-tokenizer part="tokenizer" show-more prevent-popover-open ?disabled="${this.disabled}" id="${ifDefined(this._id)}-tag-group-tokenizer" class="udex-tag-group__tokenizer" @ui5-show-more-items-press="${ifDefined(this.showMoreItems)}" ?expanded="${this.tokenizerExpanded}">${repeat(this.items, (item, index) => item._id || index, (item, index) => block1.call(this, context, tags, suffix, item, index))}</ui5-tokenizer>${this._isHiddenTags ? block2.call(this, context, tags, suffix) : undefined}</div> `; }
-function block1(context, tags, suffix, item, index) { return suffix ? html `<${scopeTag("udex-tag", tags, suffix)} role="${ifDefined(this.tagRole)}" accessible-role="option" class="udex-tag-group__tag" data-id="${ifDefined(item.id)}" part="token-${index}" ?read-only="${this.isReadOrDisplayOnly}" tabindex="${ifDefined(this.tagTabIndex)}" id="${ifDefined(item._id)}-tag-group-tag" text="${ifDefined(item.text)}" icon="${ifDefined(item.icon)}" href="${ifDefined(item.href)}" design="${ifDefined(item.design)}" size="${ifDefined(item.size)}" icon-placement="${ifDefined(item.iconPlacement)}" accessible-name="${ifDefined(item.accessibleName)}" ?non-selectable="${item.nonSelectable}" ?data-overflows="${item.overflows}" @keydown="${this.handleTagKeyDown}" @ui5-selectionChange="${ifDefined(this.handleTagClick)}" @ui5-iconClick="${ifDefined(this.tagIconClickHandler)}"></${scopeTag("udex-tag", tags, suffix)}>` : html `<udex-tag role="${ifDefined(this.tagRole)}" accessible-role="option" class="udex-tag-group__tag" data-id="${ifDefined(item.id)}" part="token-${index}" ?read-only="${this.isReadOrDisplayOnly}" tabindex="${ifDefined(this.tagTabIndex)}" id="${ifDefined(item._id)}-tag-group-tag" text="${ifDefined(item.text)}" icon="${ifDefined(item.icon)}" href="${ifDefined(item.href)}" design="${ifDefined(item.design)}" size="${ifDefined(item.size)}" icon-placement="${ifDefined(item.iconPlacement)}" accessible-name="${ifDefined(item.accessibleName)}" ?non-selectable="${item.nonSelectable}" ?data-overflows="${item.overflows}" @keydown="${this.handleTagKeyDown}" @ui5-selectionChange="${ifDefined(this.handleTagClick)}" @ui5-iconClick="${ifDefined(this.tagIconClickHandler)}"></udex-tag>`; }
-function block2(context, tags, suffix) { return suffix ? html `<${scopeTag("udex-tooltip", tags, suffix)} @keydown="${this.handleShowMoreButtonKeydown}" id="${ifDefined(this._id)}-tag-group-tooltip" placement="${ifDefined(this.tooltipPlacement)}"><div role="group" class="udex-tag-group-tooltip__content">${repeat(this.hiddenTags, (item, index) => item._id || index, (item, index) => block3.call(this, context, tags, suffix, item, index))}</div></${scopeTag("udex-tooltip", tags, suffix)}>` : html `<udex-tooltip @keydown="${this.handleShowMoreButtonKeydown}" id="${ifDefined(this._id)}-tag-group-tooltip" placement="${ifDefined(this.tooltipPlacement)}"><div role="group" class="udex-tag-group-tooltip__content">${repeat(this.hiddenTags, (item, index) => item._id || index, (item, index) => block3.call(this, context, tags, suffix, item, index))}</div></udex-tooltip>`; }
-function block3(context, tags, suffix, item, index) { return suffix ? html `<${scopeTag("udex-tag", tags, suffix)} role="${ifDefined(this.tagRole)}" accessible-role="option" class="udex-tag-group__tag" data-id="${ifDefined(item.id)}" part="token-${index}" ?read-only="${this.isReadOrDisplayOnly}" tabindex="${ifDefined(this.tagTabIndex)}" id="${ifDefined(item._id)}-tag-group-tag" text="${ifDefined(item.text)}" icon="${ifDefined(item.icon)}" href="${ifDefined(item.href)}" design="${ifDefined(item.design)}" size="${ifDefined(item.size)}" icon-placement="${ifDefined(item.iconPlacement)}" accessible-name="${ifDefined(item.accessibleName)}" ?non-selectable="${item.nonSelectable}" ?data-overflows="${item.overflows}" @keydown="${this.handleTagKeyDown}" @ui5-selectionChange="${ifDefined(this.handleTagClick)}" @ui5-iconClick="${ifDefined(this.tagIconClickHandler)}"></${scopeTag("udex-tag", tags, suffix)}>` : html `<udex-tag role="${ifDefined(this.tagRole)}" accessible-role="option" class="udex-tag-group__tag" data-id="${ifDefined(item.id)}" part="token-${index}" ?read-only="${this.isReadOrDisplayOnly}" tabindex="${ifDefined(this.tagTabIndex)}" id="${ifDefined(item._id)}-tag-group-tag" text="${ifDefined(item.text)}" icon="${ifDefined(item.icon)}" href="${ifDefined(item.href)}" design="${ifDefined(item.design)}" size="${ifDefined(item.size)}" icon-placement="${ifDefined(item.iconPlacement)}" accessible-name="${ifDefined(item.accessibleName)}" ?non-selectable="${item.nonSelectable}" ?data-overflows="${item.overflows}" @keydown="${this.handleTagKeyDown}" @ui5-selectionChange="${ifDefined(this.handleTagClick)}" @ui5-iconClick="${ifDefined(this.tagIconClickHandler)}"></udex-tag>`; }
-function template() { return block0.call(this, this, this.constructor.tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;
-//# sourceMappingURL=TagGroupTemplate.lit.js.map