@sapudex/web-components 2.23.0 → 2.24.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Checkbox.js +4 -0
- package/dist/Checkbox.js.map +1 -1
- package/dist/Footer.js +2 -2
- package/dist/Footer.js.map +1 -1
- package/dist/FooterTemplate.js +1 -1
- package/dist/FooterTemplate.js.map +1 -1
- package/dist/MediaPlayer.js +4 -2
- package/dist/MediaPlayer.js.map +1 -1
- package/dist/assets/{InputSuggestions-C8m6N2-d.js → InputSuggestions-63QG0i9j.js} +1 -1
- package/dist/assets/{ListItemStandardExpandableTextTemplate-BwD5bYhw.js → ListItemStandardExpandableTextTemplate-B1CpqSCb.js} +1 -1
- package/dist/assets/{bundle.esm-hGsUwmUy.js → bundle.esm-lUYJDofa.js} +85 -85
- package/dist/assets/fi-BGPAljj_.js +1 -0
- package/dist/assets/gl-DqaooM6m.js +1 -0
- package/dist/assets/{video.es-DIP_dh4I.js → video.es-BDeHzm02.js} +32 -32
- package/dist/css/themes/Checkbox.css +1 -1
- package/dist/css/themes/Footer.css +1 -1
- package/dist/css/themes/ImageGridTickerItem.css +1 -1
- package/dist/css/themes/InputGroup.css +1 -1
- package/dist/css/themes/Link.css +1 -1
- package/dist/css/themes/RadioButton.css +1 -1
- package/dist/css/themes/RatingIndicator.css +1 -1
- package/dist/css/themes/Slider.css +1 -1
- package/dist/css/themes/StatusMessage.css +1 -1
- package/dist/generated/themes/Checkbox.css.d.ts +1 -1
- package/dist/generated/themes/Checkbox.css.js +1 -1
- package/dist/generated/themes/Checkbox.css.js.map +1 -1
- package/dist/generated/themes/Footer.css.d.ts +1 -1
- package/dist/generated/themes/Footer.css.js +1 -1
- package/dist/generated/themes/Footer.css.js.map +1 -1
- package/dist/generated/themes/ImageGridTickerItem.css.d.ts +1 -1
- package/dist/generated/themes/ImageGridTickerItem.css.js +1 -1
- package/dist/generated/themes/ImageGridTickerItem.css.js.map +1 -1
- package/dist/generated/themes/InputGroup.css.d.ts +1 -1
- package/dist/generated/themes/InputGroup.css.js +1 -1
- package/dist/generated/themes/InputGroup.css.js.map +1 -1
- package/dist/generated/themes/Link.css.d.ts +1 -1
- package/dist/generated/themes/Link.css.js +1 -1
- package/dist/generated/themes/Link.css.js.map +1 -1
- package/dist/generated/themes/RadioButton.css.d.ts +1 -1
- package/dist/generated/themes/RadioButton.css.js +1 -1
- package/dist/generated/themes/RadioButton.css.js.map +1 -1
- package/dist/generated/themes/RatingIndicator.css.d.ts +1 -1
- package/dist/generated/themes/RatingIndicator.css.js +1 -1
- package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
- package/dist/generated/themes/Slider.css.d.ts +1 -1
- package/dist/generated/themes/Slider.css.js +1 -1
- package/dist/generated/themes/Slider.css.js.map +1 -1
- package/dist/generated/themes/StatusMessage.css.d.ts +1 -1
- package/dist/generated/themes/StatusMessage.css.js +1 -1
- package/dist/generated/themes/StatusMessage.css.js.map +1 -1
- package/dist/web-types.json +1 -1
- package/package.json +2 -2
- package/src/Checkbox.ts +4 -0
- package/src/Footer.ts +2 -2
- package/src/FooterTemplate.tsx +5 -4
- package/src/MediaPlayer.ts +4 -2
- package/src/generated/themes/Checkbox.css.ts +1 -1
- package/src/generated/themes/Footer.css.ts +1 -1
- package/src/generated/themes/ImageGridTickerItem.css.ts +1 -1
- package/src/generated/themes/InputGroup.css.ts +1 -1
- package/src/generated/themes/Link.css.ts +1 -1
- package/src/generated/themes/RadioButton.css.ts +1 -1
- package/src/generated/themes/RatingIndicator.css.ts +1 -1
- package/src/generated/themes/Slider.css.ts +1 -1
- package/src/generated/themes/StatusMessage.css.ts +1 -1
- package/src/themes/Checkbox.css +21 -15
- package/src/themes/Footer.css +3 -2
- package/src/themes/ImageGridTickerItem.css +1 -1
- package/src/themes/InputGroup.css +11 -6
- package/src/themes/Link.css +2 -0
- package/src/themes/RadioButton.css +29 -6
- package/src/themes/StatusMessage.css +1 -2
- package/dist/assets/fi-hYXoEotT.js +0 -1
- package/dist/assets/gl-eZFVp-ap.js +0 -1
|
@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
|
5
5
|
|
|
6
6
|
registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
7
7
|
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);
|
|
8
|
-
export default `:host{--udex-link-text-decoration: underline;--udex-link-hover-text-decoration: underline;--udex-link-focused-hover-text-decoration: underline;--udex-link-focus-text-decoration: underline;--udex-link-focus-outline-offset: var(--udexLinkOutlineOffset, 0px);--udex-link-focus-border-radius: var(--udexLinkOutlineRadius, 2px);--udex-link-emphasized-text-decoration: none;--udex-link-icon-height: 16px;--udex-link-line-height: var(--udexTypographyBodyLineHeight, 1.5);--udex-link-color: var(--udexColorBlue8);--udex-link-hover-color: var(--udexColorBlue10);--udex-link-active-color: var(--udexColorBlue11);--udex-link-icon-width: 16px;--udex-link-white-space: break-spaces;--udex-link-subtle-color: var(--udexColorGrey8, #354A5F);--udex-link-subtle-hover-color: var(--udexColorGrey11, #12171C);--udex-link-subtle-active-color: var(--udexColorBlue9, #0040B0);--udex-link-subtle-visited-color: var(--udexColorGrey8, #354A5F);--udex-link-focus-background-color: transparent;--udex-link-focus-color: inherit;white-space:normal}:host([desktop]:hover:not(:active):focus-within),:host([design="Subtle"][desktop]:hover:not(:active):focus-within),:host([desktop]:focus-within),:host(:focus-visible),:host(:hover){color:var(--udex-link-hover-color)}:host(:hover){text-decoration:none}:host(:active){color:var(--udex-link-active-color)}:host,:host(:visited){color:var(--udex-link-color)}:host([end-icon]) .ui5-link-text{white-space:var(--udex-link-white-space);margin-inline-end:var(--udexSpacer20);vertical-align:middle}:host([design="Emphasized"]){font-weight:var(--udexTypographyFontWeightBold)}:host([design="Subtle"]){color:var(--udex-link-subtle-color)}:host([design="Subtle"][focused]),:host([design="Subtle"]:hover:not(:active)){color:var(--udex-link-subtle-hover-color)}:host([design="Subtle"]:active){color:var(--udex-link-subtle-active-color)}:host([design="Subtle"]:visited){color:var(--udex-link-subtle-visited-color)}:host([design="Subtle"]) .ui5-link-root:hover{text-decoration:var(--udex-link-hover-text-decoration)}.ui5-link-root{display:inline-block;overflow:visible;line-height:var(--udex-link-line-height)}[ui5-link][disabled] .linkIcon{opacity:inherit}.ui5-link-root slot{text-decoration:var(--udex-link-text-decoration);display:inline}.ui5-link-root:hover slot{text-decoration:var(--udex-link-hover-text-decoration)}:host(:not([desktop])) .ui5-link-root:focus-visible,:host([design="Emphasized"][desktop]:focus-within),:host([design="Emphasized"][desktop]:hover:not(:active):focus-within),:host([design="Emphasized"]:active),:host([desktop][design="Emphasized"]:active),:host([desktop][design="Emphasized"]:active:hover),:host([design="Emphasized"]) slot,:host([design="Emphasized"]:hover) slot,:host([design="Emphasized"][desktop]:hover) slot,:host([end-icon]) slot,:host([icon]) slot{text-decoration:var(--udex-link-emphasized-text-decoration)}:host(:hover) slot{text-decoration:var(--udex-link-hover-text-decoration)}[ui5-icon]{width:var(--udex-link-icon-width);height:var(--udex-link-icon-height)}:host([desktop]:hover:active),:host([desktop]:active){text-decoration:var(--udex-link-focus-text-decoration)}:host .ui5-link-root{outline-offset:var(--udex-link-focus-outline-offset)}:host([design="Subtle"][desktop]) .ui5-link-root:focus-within,:host([desktop]) .ui5-link-root:focus-within,:host .ui5-link-root:focus-visible{outline:var(--sapContent_FocusColor, #002A86) var(--sapContent_FocusStyle, "solid") var(--sapContent_FocusWidth, .125rem);border-radius:var(--udex-link-focus-border-radius)}.ui5-link-root:focus-visible,:host([desktop]) .ui5-link-root:focus-within,:host([design="Subtle"]) .ui5-link-root:focus-visible,:host([design="Subtle"][desktop]) .ui5-link-root:focus-within{background-color:var(--udex-link-focus-background-color)}[ui5-link],.ui5-link-icon,.ui5-link-root:active .ui5-link-icon,.ui5-link-root:focus-visible,:host([desktop]) .ui5-link-root:focus-within,:host([design="Subtle"]) .ui5-link-root:focus-visible,:host([design="Subtle"][desktop]) .ui5-link-root:focus-within{color:var(--udex-link-focus-color)}.ui5-link-icon{margin-inline-end:0;padding-inline-end:var(--udexSpacer4, 4px);vertical-align:middle;float:none}.ui5-link-end-icon{margin-inline-start:calc(var(--udexSpacer20)* -1);padding-inline-start:var(--udexSpacer4, 4px);vertical-align:middle}
|
|
8
|
+
export default `:host{--udex-link-font-size: var(--sapFontSize);--udex-link-text-decoration: underline;--udex-link-hover-text-decoration: underline;--udex-link-focused-hover-text-decoration: underline;--udex-link-focus-text-decoration: underline;--udex-link-focus-outline-offset: var(--udexLinkOutlineOffset, 0px);--udex-link-focus-border-radius: var(--udexLinkOutlineRadius, 2px);--udex-link-emphasized-text-decoration: none;--udex-link-icon-height: 16px;--udex-link-line-height: var(--udexTypographyBodyLineHeight, 1.5);--udex-link-color: var(--udexColorBlue8);--udex-link-hover-color: var(--udexColorBlue10);--udex-link-active-color: var(--udexColorBlue11);--udex-link-icon-width: 16px;--udex-link-white-space: break-spaces;--udex-link-subtle-color: var(--udexColorGrey8, #354A5F);--udex-link-subtle-hover-color: var(--udexColorGrey11, #12171C);--udex-link-subtle-active-color: var(--udexColorBlue9, #0040B0);--udex-link-subtle-visited-color: var(--udexColorGrey8, #354A5F);--udex-link-focus-background-color: transparent;--udex-link-focus-color: inherit;white-space:normal}:host([desktop]:hover:not(:active):focus-within),:host([design="Subtle"][desktop]:hover:not(:active):focus-within),:host([desktop]:focus-within),:host(:focus-visible),:host(:hover){color:var(--udex-link-hover-color)}:host(:hover){text-decoration:none}:host(:active){color:var(--udex-link-active-color)}:host,:host(:visited){color:var(--udex-link-color);font-size:var(--udex-link-font-size)}:host([end-icon]) .ui5-link-text{white-space:var(--udex-link-white-space);margin-inline-end:var(--udexSpacer20);vertical-align:middle}:host([design="Emphasized"]){font-weight:var(--udexTypographyFontWeightBold)}:host([design="Subtle"]){color:var(--udex-link-subtle-color)}:host([design="Subtle"][focused]),:host([design="Subtle"]:hover:not(:active)){color:var(--udex-link-subtle-hover-color)}:host([design="Subtle"]:active){color:var(--udex-link-subtle-active-color)}:host([design="Subtle"]:visited){color:var(--udex-link-subtle-visited-color)}:host([design="Subtle"]) .ui5-link-root:hover{text-decoration:var(--udex-link-hover-text-decoration)}.ui5-link-root{display:inline-block;overflow:visible;line-height:var(--udex-link-line-height)}[ui5-link][disabled] .linkIcon{opacity:inherit}.ui5-link-root slot{text-decoration:var(--udex-link-text-decoration);display:inline}.ui5-link-root:hover slot{text-decoration:var(--udex-link-hover-text-decoration)}:host(:not([desktop])) .ui5-link-root:focus-visible,:host([design="Emphasized"][desktop]:focus-within),:host([design="Emphasized"][desktop]:hover:not(:active):focus-within),:host([design="Emphasized"]:active),:host([desktop][design="Emphasized"]:active),:host([desktop][design="Emphasized"]:active:hover),:host([design="Emphasized"]) slot,:host([design="Emphasized"]:hover) slot,:host([design="Emphasized"][desktop]:hover) slot,:host([end-icon]) slot,:host([icon]) slot{text-decoration:var(--udex-link-emphasized-text-decoration)}:host(:hover) slot{text-decoration:var(--udex-link-hover-text-decoration)}[ui5-icon]{width:var(--udex-link-icon-width);height:var(--udex-link-icon-height)}:host([desktop]:hover:active),:host([desktop]:active){text-decoration:var(--udex-link-focus-text-decoration)}:host .ui5-link-root{outline-offset:var(--udex-link-focus-outline-offset)}:host([design="Subtle"][desktop]) .ui5-link-root:focus-within,:host([desktop]) .ui5-link-root:focus-within,:host .ui5-link-root:focus-visible{outline:var(--sapContent_FocusColor, #002A86) var(--sapContent_FocusStyle, "solid") var(--sapContent_FocusWidth, .125rem);border-radius:var(--udex-link-focus-border-radius)}.ui5-link-root:focus-visible,:host([desktop]) .ui5-link-root:focus-within,:host([design="Subtle"]) .ui5-link-root:focus-visible,:host([design="Subtle"][desktop]) .ui5-link-root:focus-within{background-color:var(--udex-link-focus-background-color)}[ui5-link],.ui5-link-icon,.ui5-link-root:active .ui5-link-icon,.ui5-link-root:focus-visible,:host([desktop]) .ui5-link-root:focus-within,:host([design="Subtle"]) .ui5-link-root:focus-visible,:host([design="Subtle"][desktop]) .ui5-link-root:focus-within{color:var(--udex-link-focus-color)}.ui5-link-icon{margin-inline-end:0;padding-inline-end:var(--udexSpacer4, 4px);vertical-align:middle;float:none}.ui5-link-end-icon{margin-inline-start:calc(var(--udexSpacer20)* -1);padding-inline-start:var(--udexSpacer4, 4px);vertical-align:middle}
|
|
9
9
|
`
|
|
@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
|
5
5
|
|
|
6
6
|
registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
7
7
|
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);
|
|
8
|
-
export default `:host{--udex-radio-button-group-color-display-only-background: var(--udexColorNeutralWhite0, #ffffff00);--udex-radio-button-group-color-display-only-border: var(--sapField_TextColor, #223548);--udex-radio-button-group-color-display-only-selection: var(--sapField_TextColor, #223548);--udex-radio-button-checked-fill: var(--sapContent_Selected_ForegroundColor, #0070f2);--udex-radio-button-min-width: 42px;--udex-radio-button-color: var(--udexColorGrey6 ,#5B738B);--udex-radio-button-border-radius: var(--udexRadiusXS);--udex-radio-button-inner-size: 24px;--udex-radio-button-outer-ring-padding-with-label:
|
|
8
|
+
export default `:host{--udex-radio-button-group-color-display-only-background: var(--udexColorNeutralWhite0, #ffffff00);--udex-radio-button-group-color-display-only-border: var(--sapField_TextColor, #223548);--udex-radio-button-group-color-display-only-selection: var(--sapField_TextColor, #223548);--udex-radio-button-checked-fill: var(--sapContent_Selected_ForegroundColor, #0070f2);--udex-radio-button-min-width: 42px;--udex-radio-button-min-height: var(--udexSpacer24, 24px);--udex-radio-button-color: var(--udexColorGrey6 ,#5B738B);--udex-radio-button-border-radius: var(--udexRadiusXS);--udex-radio-button-inner-size: var(--udexSpacer24, 24px);--udex-radio-button-outer-ring-padding-with-label: 0px;--udex-radio-button-outer-ring-padding: 9px;--udex-radio-button-label-offset: var(--udexSpacer12, 12px);--udex-radio-button-label-color: var(--udexColorGrey9, #223548);--udex-radio-button-svg-size: var(--udexSpacer24, 24px);--udex-radio-button-outer-ring-color: var(--sapField_BorderColor, #5b738b);--udex-radio-button-outer-ring-bg: var(--sapField_Background, #ffffff);--udex-radio-button-outer-ring-width: .063rem;--udex-radio-button-inner-ring-radius: 25%;--udex-radio-button-inner-ring-color: var(--udexColorBlue8, #0057D2);--udex-radio-button-outer-ring-checked-hover-color: var(--sapContent_Selected_ForegroundColor, #0070f2);--udex-radio-button-outer-ring-hover-color: var(--sapContent_Selected_ForegroundColor, #0070f2);--udex-radio-button-hover-fill: var(--udexColorBlue1 , #EBF8FF);--udex-radio-button-hover-fill-information: var(--sapField_Background, #ffffff);--udex-radio-button-read-only-inner-ring-color: var(--udexColorGrey8, #354A5F)}:host(:not([hidden])){display:inline-flex}:host([text]) .ui5-radio-root{padding-inline-end:0px}.ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer,:host([checked]) .ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer{fill:var(--udex-radio-button-hover-fill)}:host([checked][readonly]) .ui5-radio-svg-inner{fill:var(--udex-radio-button-read-only-inner-ring-color)}:host(:not([value-state="Negative"]):not([value-state="Critical"]):not([value-state="Positive"]):not([value-state="Information"])[checked]) .ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer{stroke:var(--udex-radio-button-outer-ring-checked-hover-color)}:host(:not([value-state="Negative"]):not([value-state="Critical"]):not([value-state="Positive"]):not([value-state="Information"])) .ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer{stroke:var(--udex-radio-button-outer-ring-hover-color)}:host([checked]) .ui5-radio-svg-inner{fill:var(--udex-radio-button-inner-ring-color)}.ui5-radio-svg-inner{fill:none;r:var(--udex-radio-button-inner-ring-radius)}:host([value-state="Information"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable .ui5-radio-svg-outer{fill:var(--udex-radio-button-hover-fill-information)}.ui5-radio-svg-outer{fill:var(--udex-radio-button-outer-ring-bg);stroke-width:var(--udex-radio-button-outer-ring-width)}.ui5-radio-svg{height:var(--udex-radio-button-svg-size);width:var(--udex-radio-button-svg-size)}.ui5-radio-inner{height:var(--udex-radio-button-inner-size);padding:var(--udex-radio-button-outer-ring-padding)}[ui5-label].ui5-radio-label{font-family:var(--sapFontFamily);font-size:var(--udexTypographyBodySFontSize, var(--sapFontSize, 16px));padding:0 0 0 var(--udex-radio-button-label-offset);color:var(--udex-radio-button-label-color)}:host{min-width:var(--udex-radio-button-min-width);color:var(--udex-radio-button-color);border-radius:var(--udex-radio-button-border-radius);overflow:visible}:host([checked]){color:var(--udex-radio-button-checked-fill)}:host .ui5-radio-root{align-items:center;min-height:var(--udex-radio-button-min-height)}:host([display-only]) .ui5-radio-root,:host([readonly]) .ui5-radio-root{cursor:default}:host([display-only]) .ui5-radio-root .ui5-radio-svg-outer{stroke-dasharray:none;fill:var(--udex-radio-button-group-color-display-only-background);stroke:var(--udex-radio-button-group-color-display-only-border)}:host([display-only][checked]) .ui5-radio-root .ui5-radio-svg-inner{fill:var(--udex-radio-button-group-color-display-only-selection)}:host([display-only][disabled]) .ui5-radio-root .ui5-radio-svg-outer{stroke:var(--sapField_BorderColor, #5B738B)}:host([display-only][checked][disabled]) .ui5-radio-root .ui5-radio-svg-inner{fill:var(--sapContent_Selected_ForegroundColor, #0070F2)}:host([value-state="Error"]) .ui5-radio-svg-outer{stroke:var(--udexColorRed6, #EE3939)}:host([value-state="Error"][checked]) .ui5-radio-svg-inner{fill:var(--udexColorRed8, #AA0808)}:host([value-state="Success"]) .ui5-radio-svg-outer{stroke:var(--udexColorGreen6, #36A41D)}:host([value-state="Success"][checked]) .ui5-radio-svg-inner{fill:var(--udexColorGreen8, #256F3A)}:host([value-state="Warning"]) .ui5-radio-svg-outer{stroke:var(--udexColorMango7, #C35500)}:host([value-state="Warning"][checked]) .ui5-radio-svg-inner{fill:var(--udexColorMango7, #C35500)}:host([value-state="Information"]:hover) .ui5-radio-root .ui5-radio-inner--hoverable .ui5-radio-svg-outer{fill:var(--udexColorRed1, #FFEAF4)}:host([value-state="Error"]:hover) .ui5-radio-root .ui5-radio-inner--hoverable .ui5-radio-svg-outer{stroke:var(--udexColorRed5, #FF5C77)!important;fill:var(--udexColorRed1, #FFEAF4)}:host([value-state="Success"]:hover) .ui5-radio-root .ui5-radio-inner--hoverable .ui5-radio-svg-outer{stroke:var(--udexColorGreen5, #5DC122)!important;fill:var(--udexColorGreen1, #F5FAE5)}:host([value-state="Warning"]:hover) .ui5-radio-root .ui5-radio-inner--hoverable .ui5-radio-svg-outer{stroke:var(--udexColorMango7, #C35500)!important;fill:var(--sapNeutralBackground, #FFFFFF)}:host([text]) .ui5-radio-inner{padding:var(--udex-radio-button-outer-ring-padding-with-label)}:host([text]:not([disabled])) .ui5-radio-root:focus:before,:host([text]:not([disabled])) .ui5-radio-root:focus-visible:before,:host([text]) .ui5-radio-root:focus:before,:host([text]) .ui5-radio-root:focus-visible:before{inset:-6px}
|
|
9
9
|
`
|
|
@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
|
5
5
|
|
|
6
6
|
registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
7
7
|
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);
|
|
8
|
-
export default `: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)}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v2-
|
|
8
|
+
export default `: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)}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v2-24-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{font-family:var(--sapFontFamily);font-size:var(--sapFontSize, 16px);padding:0;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-unsel{color:var(--udex-rating_indicator_unrated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-sel,.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)}
|
|
9
9
|
`
|
|
@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
|
5
5
|
|
|
6
6
|
registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
7
7
|
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);
|
|
8
|
-
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-
|
|
8
|
+
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-24-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)}
|
|
9
9
|
`
|
|
@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
|
5
5
|
|
|
6
6
|
registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
7
7
|
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);
|
|
8
|
-
export default `:host{--udex-status-message-supporting-text-paddings: var(--udexSpacer4, 4px) 0;--udex-status-message-supporting-text-font-family: var(--sapFontFamily, "sans-serif");--udex-status-message-supporting-text-font-size: var(--sapFontSmallSize, 12px);--udex-status-message-color-standard-default-supporting-text: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-status-message-color-error-default-supporting-text: var(--sapField_InvalidColor, #d20a0a);--udex-status-message-color-success-default-supporting-text: var(--sapField_SuccessColor, #188918);--udex-status-message-color-warning-default-supporting-text: var(--sapField_WarningColor, var(--udexCoreSemanticWarning7))}.udex-status-message__supporting-text{font-family:var(--udex-status-message-supporting-text-font-family);font-size:var(--udex-status-message-supporting-text-font-size);line-height:1.5;padding:var(--udex-status-message-supporting-text-paddings);color:var(--udex-status-message-color-standard-default-supporting-text);text-align:start
|
|
8
|
+
export default `:host{--udex-status-message-supporting-text-paddings: var(--udexSpacer4, 4px) 0 var(--udexSpacer4, 4px) var(--udexSpacer12, 12px);--udex-status-message-supporting-text-font-family: var(--sapFontFamily, "sans-serif");--udex-status-message-supporting-text-font-size: var(--sapFontSmallSize, 12px);--udex-status-message-color-standard-default-supporting-text: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-status-message-color-error-default-supporting-text: var(--sapField_InvalidColor, #d20a0a);--udex-status-message-color-success-default-supporting-text: var(--sapField_SuccessColor, #188918);--udex-status-message-color-warning-default-supporting-text: var(--sapField_WarningColor, var(--udexCoreSemanticWarning7))}.udex-status-message__supporting-text{font-family:var(--udex-status-message-supporting-text-font-family);font-size:var(--udex-status-message-supporting-text-font-size);line-height:1.5;padding:var(--udex-status-message-supporting-text-paddings);color:var(--udex-status-message-color-standard-default-supporting-text);text-align:start}:host([supporting-text-alignment="Right"]:not([value-state="Error"]):not([value-state="Success"]):not([value-state="Warning"])) .udex-status-message__supporting-text{text-align:end}.udex-status-message__icon{color:inherit;vertical-align:top;margin-inline-end:var(--udexSpacer4, 4px)}:host([value-state="Error"]) .udex-status-message__supporting-text{color:var(--udex-status-message-color-error-default-supporting-text)}:host([value-state="Success"]) .udex-status-message__supporting-text{color:var(--udex-status-message-color-success-default-supporting-text)}:host([value-state="Warning"]) .udex-status-message__supporting-text{color:var(--udex-status-message-color-warning-default-supporting-text)}:host([disabled]) .udex-status-message__supporting-text{opacity:.4}
|
|
9
9
|
`
|
package/src/themes/Checkbox.css
CHANGED
|
@@ -8,33 +8,40 @@
|
|
|
8
8
|
--udex-checkbox-error-icon-color: var(--udexColorRed8, #AA0808);
|
|
9
9
|
--udex-checkbox-error-indeterminate-color: var(--udexColorRed8, #AA0808);
|
|
10
10
|
--udex-checkbox-background: var(--sapBackgroundColor, #FFF);
|
|
11
|
-
--udex-checkbox-width-height: 24px;
|
|
12
|
-
--udex-checkbox-root-width-height:
|
|
11
|
+
--udex-checkbox-width-height: var(--udexSpacer24, 24px);
|
|
12
|
+
--udex-checkbox-root-width-height: var(--udexSpacer24, 24px);
|
|
13
13
|
--udex-checkbox-border: var(--sapElement_BorderWidth) solid var(--sapField_BorderColor);
|
|
14
14
|
--udex-checkbox-border-radius: var(--udexRadiusXS, 4px);
|
|
15
15
|
--udex-checkbox-checkmark-color: var(--udexColorBlue7, #0070F2);
|
|
16
16
|
--udex-checkbox-selected-border-color: var(--sapField_BorderColor, #5B738B);
|
|
17
17
|
--udex-checkbox-label-color: var(--udexColorGrey9, #223548);
|
|
18
|
-
--udex-checkbox-label-offset:
|
|
18
|
+
--udex-checkbox-label-offset: var(--udexSpacer12, 12px);
|
|
19
19
|
--udex-checkbox-hover-background: var(--sapInformationBackground, #EBF8FF);
|
|
20
20
|
--udex-checkbox-hover-border-color: var(--sapContent_Selected_ForegroundColor, #0070f2);
|
|
21
|
-
--udex-checkbox-icon-size: 16px;
|
|
21
|
+
--udex-checkbox-icon-size: var(--udexSpacer16, 16px);
|
|
22
22
|
--udex-checkbox-disabled-label-color: var(--udexColorGrey9, #223548);
|
|
23
23
|
--udex-checkbox-disabled-border-color: var(--sapField_BorderColor, #5B738B);
|
|
24
24
|
--udex-checkbox-disabled-opacity: var(--sapContent_DisabledOpacity, 0.4);
|
|
25
25
|
--udex-checkbox-active-border-color: var(--sapSelectedColor, #0070F2);
|
|
26
26
|
--udex-checkbox-readonly-border: var(--sapElement_BorderWidth) var(--sapField_ReadOnly_BorderColor) dashed;
|
|
27
|
-
|
|
27
|
+
overflow: visible;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
:host(:not([hidden])) {
|
|
31
|
+
display: inline-flex;
|
|
28
32
|
}
|
|
29
33
|
|
|
30
34
|
:host .ui5-checkbox-root:focus::before,
|
|
31
|
-
:host .ui5-checkbox-root:focus-visible::before
|
|
32
|
-
|
|
33
|
-
|
|
35
|
+
:host .ui5-checkbox-root:focus-visible::before,
|
|
36
|
+
:host([text]) .ui5-checkbox-root:focus::before,
|
|
37
|
+
:host([text]) .ui5-checkbox-root:focus-visible::before,
|
|
38
|
+
:host([desktop][text]:not([wrapping-type="None"])) .ui5-checkbox-root:focus:before {
|
|
39
|
+
inset: -6px;
|
|
34
40
|
}
|
|
35
41
|
|
|
36
42
|
:host([text]) .ui5-checkbox-root {
|
|
37
43
|
padding-inline-end: 0;
|
|
44
|
+
min-height: var(--udex-checkbox-root-width-height);
|
|
38
45
|
}
|
|
39
46
|
|
|
40
47
|
:host([active]:not([checked]):not([value-state]):not([disabled])) .ui5-checkbox-inner,
|
|
@@ -76,9 +83,8 @@
|
|
|
76
83
|
font-family: var(--sapFontFamily);
|
|
77
84
|
font-size: var(--udexTypographyBodySFontSize, var(--sapFontSize, 16px));
|
|
78
85
|
color: var(--udex-checkbox-label-color);
|
|
79
|
-
margin-inline
|
|
80
|
-
margin-
|
|
81
|
-
margin-block: 9px
|
|
86
|
+
margin-inline: var(--udex-checkbox-label-offset) 0;
|
|
87
|
+
margin-block: 0;
|
|
82
88
|
}
|
|
83
89
|
|
|
84
90
|
:host(:not([active])[checked]:not([value-state])) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner,
|
|
@@ -135,8 +141,8 @@
|
|
|
135
141
|
}
|
|
136
142
|
|
|
137
143
|
:host([display-only])::part(icon) {
|
|
138
|
-
height:
|
|
139
|
-
width:
|
|
144
|
+
height: var(--udexSpacer24);
|
|
145
|
+
width: var(--udexSpacer24);
|
|
140
146
|
}
|
|
141
147
|
|
|
142
148
|
.ui5-checkbox-root,
|
|
@@ -145,7 +151,7 @@
|
|
|
145
151
|
}
|
|
146
152
|
|
|
147
153
|
.ui5-checkbox-inner {
|
|
148
|
-
margin:
|
|
154
|
+
margin: 0;
|
|
149
155
|
}
|
|
150
156
|
|
|
151
157
|
:host([readonly]) .ui5-checkbox-inner,
|
|
@@ -156,6 +162,6 @@
|
|
|
156
162
|
}
|
|
157
163
|
|
|
158
164
|
:host([required]) .ui5-checkbox-label::after {
|
|
159
|
-
padding-inline: var(--udexSpacer8)
|
|
165
|
+
padding-inline: var(--udexSpacer8) 0;
|
|
160
166
|
content: "*";
|
|
161
167
|
}
|
package/src/themes/Footer.css
CHANGED
|
@@ -217,8 +217,9 @@
|
|
|
217
217
|
padding-top: var(--udexSpacer32);
|
|
218
218
|
}
|
|
219
219
|
|
|
220
|
-
:host
|
|
221
|
-
|
|
220
|
+
:host .udex-footer__copyright-chinese-link {
|
|
221
|
+
--udex-link-font-size: inherit;
|
|
222
|
+
--udex-link-subtle-color: var(--udex-footer-text-color);
|
|
222
223
|
}
|
|
223
224
|
|
|
224
225
|
.udex-footer__tagline-image,
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
--udex-image-grid-ticker-item-width: 120px;
|
|
3
3
|
--udex-image-grid-ticker-item-height: 76px;
|
|
4
4
|
--udex-image-grid-ticker-item-hover-scale: 1.3;
|
|
5
|
-
--udex-image-grid-ticker-item-gaps: var(--
|
|
5
|
+
--udex-image-grid-ticker-item-gaps: var(--udexSpacer20, 20px);
|
|
6
6
|
}
|
|
7
7
|
|
|
8
8
|
.udex-image-grid-ticker-item__link,
|
|
@@ -1,19 +1,24 @@
|
|
|
1
1
|
.udex-input-group__content {
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-direction: column;
|
|
4
|
-
gap: var(--
|
|
4
|
+
gap: var(--udexSpacer20);
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.udex-input-group__item {
|
|
8
|
+
display: inline-flex;
|
|
5
9
|
}
|
|
6
10
|
|
|
7
11
|
:host([orientation="Horizontal"]) .udex-input-group__content {
|
|
8
12
|
flex-direction: row;
|
|
9
13
|
flex-wrap: wrap;
|
|
10
|
-
gap: var(--
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
.udex-input-group__content {
|
|
14
|
-
padding-bottom: var(--udexSpacer4);
|
|
14
|
+
gap: var(--udexSpacer40);
|
|
15
|
+
row-gap: var(--udexSpacer20);
|
|
15
16
|
}
|
|
16
17
|
|
|
17
18
|
.hidden-text {
|
|
18
19
|
display: none;
|
|
19
20
|
}
|
|
21
|
+
|
|
22
|
+
udex-status-message {
|
|
23
|
+
--udex-status-message-supporting-text-paddings: var(--udexSpacer20) 0 0;
|
|
24
|
+
}
|
package/src/themes/Link.css
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
:host {
|
|
2
|
+
--udex-link-font-size: var(--sapFontSize);
|
|
2
3
|
--udex-link-text-decoration: underline;
|
|
3
4
|
--udex-link-hover-text-decoration: underline;
|
|
4
5
|
--udex-link-focused-hover-text-decoration: underline;
|
|
@@ -40,6 +41,7 @@
|
|
|
40
41
|
|
|
41
42
|
:host, :host(:visited) {
|
|
42
43
|
color: var(--udex-link-color);
|
|
44
|
+
font-size: var(--udex-link-font-size);
|
|
43
45
|
}
|
|
44
46
|
|
|
45
47
|
:host([end-icon]) .ui5-link-text {
|
|
@@ -4,14 +4,15 @@
|
|
|
4
4
|
--udex-radio-button-group-color-display-only-selection: var(--sapField_TextColor, #223548);
|
|
5
5
|
--udex-radio-button-checked-fill: var(--sapContent_Selected_ForegroundColor, #0070f2);
|
|
6
6
|
--udex-radio-button-min-width: 42px;
|
|
7
|
+
--udex-radio-button-min-height: var(--udexSpacer24, 24px);
|
|
7
8
|
--udex-radio-button-color: var(--udexColorGrey6 ,#5B738B);
|
|
8
9
|
--udex-radio-button-border-radius: var(--udexRadiusXS);
|
|
9
|
-
--udex-radio-button-inner-size: 24px;
|
|
10
|
-
--udex-radio-button-outer-ring-padding-with-label:
|
|
10
|
+
--udex-radio-button-inner-size: var(--udexSpacer24, 24px);
|
|
11
|
+
--udex-radio-button-outer-ring-padding-with-label: 0px;
|
|
11
12
|
--udex-radio-button-outer-ring-padding: 9px;
|
|
12
|
-
--udex-radio-button-label-offset:
|
|
13
|
+
--udex-radio-button-label-offset: var(--udexSpacer12, 12px);
|
|
13
14
|
--udex-radio-button-label-color: var(--udexColorGrey9, #223548);
|
|
14
|
-
--udex-radio-button-svg-size: 24px;
|
|
15
|
+
--udex-radio-button-svg-size: var(--udexSpacer24, 24px);
|
|
15
16
|
--udex-radio-button-outer-ring-color: var(--sapField_BorderColor, #5b738b);
|
|
16
17
|
--udex-radio-button-outer-ring-bg: var(--sapField_Background, #ffffff);
|
|
17
18
|
--udex-radio-button-outer-ring-width: 0.063rem;
|
|
@@ -24,7 +25,16 @@
|
|
|
24
25
|
--udex-radio-button-read-only-inner-ring-color: var(--udexColorGrey8, #354A5F);
|
|
25
26
|
}
|
|
26
27
|
|
|
27
|
-
|
|
28
|
+
:host(:not([hidden])) {
|
|
29
|
+
display: inline-flex;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
:host([text]) .ui5-radio-root {
|
|
33
|
+
padding-inline-end: 0px;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer,
|
|
37
|
+
:host([checked]) .ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer {
|
|
28
38
|
fill: var(--udex-radio-button-hover-fill);
|
|
29
39
|
}
|
|
30
40
|
|
|
@@ -71,7 +81,7 @@
|
|
|
71
81
|
[ui5-label].ui5-radio-label {
|
|
72
82
|
font-family: var(--sapFontFamily);
|
|
73
83
|
font-size: var(--udexTypographyBodySFontSize, var(--sapFontSize, 16px));
|
|
74
|
-
padding
|
|
84
|
+
padding: 0 0 0 var(--udex-radio-button-label-offset);
|
|
75
85
|
color: var(--udex-radio-button-label-color);
|
|
76
86
|
}
|
|
77
87
|
|
|
@@ -79,12 +89,18 @@
|
|
|
79
89
|
min-width: var(--udex-radio-button-min-width);
|
|
80
90
|
color: var(--udex-radio-button-color);
|
|
81
91
|
border-radius: var(--udex-radio-button-border-radius);
|
|
92
|
+
overflow: visible;
|
|
82
93
|
}
|
|
83
94
|
|
|
84
95
|
:host([checked]) {
|
|
85
96
|
color: var(--udex-radio-button-checked-fill);
|
|
86
97
|
}
|
|
87
98
|
|
|
99
|
+
:host .ui5-radio-root {
|
|
100
|
+
align-items: center;
|
|
101
|
+
min-height: var(--udex-radio-button-min-height);
|
|
102
|
+
}
|
|
103
|
+
|
|
88
104
|
:host([display-only]) .ui5-radio-root,
|
|
89
105
|
:host([readonly]) .ui5-radio-root {
|
|
90
106
|
cursor: default;
|
|
@@ -154,3 +170,10 @@
|
|
|
154
170
|
:host([text]) .ui5-radio-inner {
|
|
155
171
|
padding: var(--udex-radio-button-outer-ring-padding-with-label);
|
|
156
172
|
}
|
|
173
|
+
|
|
174
|
+
:host([text]:not([disabled])) .ui5-radio-root:focus::before,
|
|
175
|
+
:host([text]:not([disabled])) .ui5-radio-root:focus-visible::before,
|
|
176
|
+
:host([text]) .ui5-radio-root:focus:before,
|
|
177
|
+
:host([text]) .ui5-radio-root:focus-visible:before {
|
|
178
|
+
inset: -6px;
|
|
179
|
+
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
:host {
|
|
2
|
-
--udex-status-message-supporting-text-paddings: var(--udexSpacer4, 4px) 0;
|
|
2
|
+
--udex-status-message-supporting-text-paddings: var(--udexSpacer4, 4px) 0 var(--udexSpacer4, 4px) var(--udexSpacer12, 12px);
|
|
3
3
|
--udex-status-message-supporting-text-font-family: var(--sapFontFamily, 'sans-serif');
|
|
4
4
|
--udex-status-message-supporting-text-font-size: var(--sapFontSmallSize, 12px);
|
|
5
5
|
--udex-status-message-color-standard-default-supporting-text: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));
|
|
@@ -15,7 +15,6 @@
|
|
|
15
15
|
padding: var(--udex-status-message-supporting-text-paddings);
|
|
16
16
|
color: var(--udex-status-message-color-standard-default-supporting-text);
|
|
17
17
|
text-align: start;
|
|
18
|
-
padding-inline-start: var(--udexSpacer12, 12px);
|
|
19
18
|
}
|
|
20
19
|
|
|
21
20
|
:host([supporting-text-alignment="Right"]:not([value-state="Error"]):not([value-state="Success"]):not([value-state="Warning"])) .udex-status-message__supporting-text {
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const t="Toisto",e="Tauko",o="Kokonaisaika",a="LIVE",s="Ladattu",i="Edistyminen",n="Koko näyttö",r="Ääni pois",u="Ääni päällä",l="Tekstitys",d="Tekstitys",k="Kappaleet",p={Play:t,Pause:e,"Current Time":"Tämänhetkinen aika",Duration:o,"Remaining Time":"Jäljellä oleva aika","Stream Type":"Lähetystyyppi",LIVE:a,Loaded:s,Progress:i,Fullscreen:n,"Exit Fullscreen":"Koko näyttö pois",Mute:r,Unmute:u,"Playback Rate":"Toistonopeus",Subtitles:l,"subtitles off":"Tekstitys pois",Captions:d,"captions off":"Tekstitys pois",Chapters:k,"You aborted the media playback":"Olet keskeyttänyt videotoiston.","A network error caused the media download to fail part-way.":"Verkkovirhe keskeytti videon latauksen.","The media could not be loaded, either because the server or network failed or because the format is not supported.":"Videon lataus ei onnistunut joko palvelin- tai verkkovirheestä tai väärästä formaatista johtuen.","The media playback was aborted due to a corruption problem or because the media used features your browser did not support.":"Videon toisto keskeytyi, koska media on vaurioitunut tai käyttää käyttää toimintoja, joita selaimesi ei tue.","No compatible source was found for this media.":"Tälle videolle ei löytynyt yhteensopivaa lähdettä."};export{d as Captions,k as Chapters,o as Duration,n as Fullscreen,a as LIVE,s as Loaded,r as Mute,e as Pause,t as Play,i as Progress,l as Subtitles,u as Unmute,p as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e="Reproducir",o="Pausa",a="Repetir",s="Duración",t="EN DIRECTO",r="Cargado",n="Progresión",i="Pantalla completa",d="Silenciar",c="Son activado",l="Subtítulos",u="Subtítulos para xordos",p="Capítulos",m="Descricións",g="Pechar",b="Texto",f="Branco",h="Negro",x="Vermello",S="Verde",y="Azul",v="Marelo",w="Maxenta",T="Cian",P="Fondo",C="Xanela",R="Transparente",D="Opaca",k="Ningún",E="Érguida",B="Caída",M="Uniforme",F="Manuscrito",N="Itálica",V="Reiniciar",q="Feito",I={"Audio Player":"Reprodutor de son","Video Player":"Reprodutor de vídeo",Play:e,Pause:o,Replay:a,"Current Time":"Tempo reproducido",Duration:s,"Remaining Time":"Tempo restante","Stream Type":"Tipo de fluxo",LIVE:t,"Seek to live, currently behind live":"Buscando directo, actualmente tras en directo","Seek to live, currently playing live":"Buscando directo, actualmente reproducindo en directo",Loaded:r,Progress:n,"Progress Bar":"Barra de progreso","progress bar timing: currentTime={1} duration={2}":"{1} de {2}",Fullscreen:i,"Exit Fullscreen":"Xanela",Mute:d,Unmute:c,"Playback Rate":"Velocidade de reprodución",Subtitles:l,"subtitles off":"subtítulos desactivados",Captions:u,"captions off":"subtítulos para xordos desactivados",Chapters:p,Descriptions:m,"descriptions off":"descricións desactivadas","Audio Track":"Pista de son","Volume Level":"Nivel do volume","You aborted the media playback":"Vostede interrompeu a reprodución do medio.","A network error caused the media download to fail part-way.":"Un erro de rede interrompeu a descarga do medio.","The media could not be loaded, either because the server or network failed or because the format is not supported.":"Non foi posíbel cargar o medio por mor dun fallo de rede ou do servidor ou porque o formato non é compatíbel.","The media playback was aborted due to a corruption problem or because the media used features your browser did not support.":"Interrompeuse a reprodución do medio por mor dun problema de estragamento dos datos ou porque o medio precisa funcións que o seu navegador non ofrece.","No compatible source was found for this media.":"Non se atopou ningunha orixe compatíbel con este vídeo.","The media is encrypted and we do not have the keys to decrypt it.":"O medio está cifrado e non temos as chaves para descifralo .","Play Video":"Reproducir vídeo",Close:g,"Close Modal Dialog":"Pechar a caixa de diálogo modal","Modal Window":"Xanela modal","This is a modal window":"Esta é unha xanela modal","This modal can be closed by pressing the Escape key or activating the close button.":"Este diálogo modal pódese pechar premendo a tecla Escape ou activando o botón de pechar.",", opens captions settings dialog":", abre o diálogo de axustes dos subtítulos para xordos",", opens subtitles settings dialog":", abre o diálogo de axustes dos subtítulos",", opens descriptions settings dialog":", abre o diálogo de axustes das descricións",", selected":", séleccionado","captions settings":"axustes dos subtítulos para xordos","subtitles settings":"axustes dos subtítulos","descriptions settings":"axustes das descricións",Text:b,White:f,Black:h,Red:x,Green:S,Blue:y,Yellow:v,Magenta:w,Cyan:T,Background:P,Window:C,Transparent:R,"Semi-Transparent":"Semi-transparente",Opaque:D,"Font Size":"Tamaño das letras","Text Edge Style":"Estilo do bordos do texto",None:k,Raised:E,Depressed:B,Uniform:M,"Drop shadow":"Sombra caída","Font Family":"Familia de letras","Proportional Sans-Serif":"Sans-Serif proporcional","Monospace Sans-Serif":"Sans-Serif monoespazo (caixa fixa)","Proportional Serif":"Serif proporcional","Monospace Serif":"Serif monoespazo (caixa fixa)",Casual:F,Script:N,"Small Caps":"Pequenas maiúsculas",Reset:V,"restore all settings to the default values":"restaurar todos os axustes aos valores predeterminados",Done:q,"Caption Settings Dialog":"Diálogo de axustes dos subtítulos para xordos","Beginning of dialog window. Escape will cancel and close the window.":"Inicio da xanela de diálogo. A tecla Escape cancelará e pechará a xanela.","End of dialog window.":"Fin da xanela de diálogo.","{1} is loading.":"{1} está a cargar."};export{P as Background,h as Black,y as Blue,u as Captions,F as Casual,p as Chapters,g as Close,T as Cyan,B as Depressed,m as Descriptions,q as Done,s as Duration,i as Fullscreen,S as Green,t as LIVE,r as Loaded,w as Magenta,d as Mute,k as None,D as Opaque,o as Pause,e as Play,n as Progress,E as Raised,x as Red,a as Replay,V as Reset,N as Script,l as Subtitles,b as Text,R as Transparent,M as Uniform,c as Unmute,f as White,C as Window,v as Yellow,I as default};
|