@sapudex/web-components 0.184.0 → 0.192.2

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.
Files changed (145) hide show
  1. package/dist/CountrySelector.d.ts +2 -0
  2. package/dist/CountrySelector.js +5 -1
  3. package/dist/CountrySelector.js.map +1 -1
  4. package/dist/MastheadItem.d.ts +10 -1
  5. package/dist/MastheadItem.js +11 -5
  6. package/dist/MastheadItem.js.map +1 -1
  7. package/dist/MastheadMenu.d.ts +6 -0
  8. package/dist/MastheadMenu.js +3 -0
  9. package/dist/MastheadMenu.js.map +1 -1
  10. package/dist/MastheadMenuItem.d.ts +1 -0
  11. package/dist/MastheadMenuItem.js +3 -0
  12. package/dist/MastheadMenuItem.js.map +1 -1
  13. package/dist/MastheadProfileMenu.d.ts +6 -0
  14. package/dist/MastheadProfileMenu.js +3 -0
  15. package/dist/MastheadProfileMenu.js.map +1 -1
  16. package/dist/MastheadShell.d.ts +34 -4
  17. package/dist/MastheadShell.js +122 -11
  18. package/dist/MastheadShell.js.map +1 -1
  19. package/dist/Pagination.d.ts +3 -2
  20. package/dist/Pagination.js +4 -2
  21. package/dist/Pagination.js.map +1 -1
  22. package/dist/SelectBox.d.ts +2 -0
  23. package/dist/SelectBox.js +5 -1
  24. package/dist/SelectBox.js.map +1 -1
  25. package/dist/Tab.d.ts +4 -13
  26. package/dist/Tab.js +11 -14
  27. package/dist/Tab.js.map +1 -1
  28. package/dist/TabNavigation.js +0 -1
  29. package/dist/TabNavigation.js.map +1 -1
  30. package/dist/TextArea.d.ts +13 -22
  31. package/dist/TextArea.js +30 -33
  32. package/dist/TextArea.js.map +1 -1
  33. package/dist/assets/{bundle.esm-d98e72b5.js → bundle.esm-809b9769.js} +177 -177
  34. package/dist/assets/messagebundle_en-06c0dadc.js +1 -0
  35. package/dist/css/themes/CountrySelector.css +1 -1
  36. package/dist/css/themes/MastheadItem.css +1 -1
  37. package/dist/css/themes/MastheadMenu.css +1 -1
  38. package/dist/css/themes/MastheadMenuItem.css +1 -1
  39. package/dist/css/themes/MastheadProfileMenu.css +1 -1
  40. package/dist/css/themes/MastheadShell.css +1 -1
  41. package/dist/css/themes/MediaPlayer.css +1 -1
  42. package/dist/css/themes/RatingIndicator.css +1 -1
  43. package/dist/css/themes/Search.css +1 -1
  44. package/dist/css/themes/Slider.css +1 -1
  45. package/dist/css/themes/TextArea.css +1 -1
  46. package/dist/custom-elements-internal.json +14 -12
  47. package/dist/custom-elements.json +14 -12
  48. package/dist/generated/assets/i18n/messagebundle_en.json +1 -1
  49. package/dist/generated/i18n/i18n-defaults.d.ts +2 -1
  50. package/dist/generated/i18n/i18n-defaults.js +2 -1
  51. package/dist/generated/i18n/i18n-defaults.js.map +1 -1
  52. package/dist/generated/templates/MastheadItemTemplate.lit.js +3 -3
  53. package/dist/generated/templates/MastheadItemTemplate.lit.js.map +1 -1
  54. package/dist/generated/templates/MastheadMenuItemTemplate.lit.js +2 -2
  55. package/dist/generated/templates/MastheadMenuItemTemplate.lit.js.map +1 -1
  56. package/dist/generated/templates/MastheadShellTemplate.lit.js +8 -9
  57. package/dist/generated/templates/MastheadShellTemplate.lit.js.map +1 -1
  58. package/dist/generated/templates/PaginationTemplate.lit.js +1 -1
  59. package/dist/generated/templates/PaginationTemplate.lit.js.map +1 -1
  60. package/dist/generated/templates/TabHeaderTemplate.lit.js +1 -1
  61. package/dist/generated/templates/TabHeaderTemplate.lit.js.map +1 -1
  62. package/dist/generated/templates/TabNavigationTemplate.lit.js +1 -1
  63. package/dist/generated/templates/TabNavigationTemplate.lit.js.map +1 -1
  64. package/dist/generated/templates/TextAreaTemplate.lit.js +5 -4
  65. package/dist/generated/templates/TextAreaTemplate.lit.js.map +1 -1
  66. package/dist/generated/templates/TextFieldTemplate.lit.js +1 -1
  67. package/dist/generated/templates/TextFieldTemplate.lit.js.map +1 -1
  68. package/dist/generated/themes/CountrySelector.css.js +1 -1
  69. package/dist/generated/themes/CountrySelector.css.js.map +1 -1
  70. package/dist/generated/themes/MastheadItem.css.js +1 -1
  71. package/dist/generated/themes/MastheadItem.css.js.map +1 -1
  72. package/dist/generated/themes/MastheadMenu.css.js +1 -1
  73. package/dist/generated/themes/MastheadMenu.css.js.map +1 -1
  74. package/dist/generated/themes/MastheadMenuItem.css.js +1 -1
  75. package/dist/generated/themes/MastheadMenuItem.css.js.map +1 -1
  76. package/dist/generated/themes/MastheadProfileMenu.css.js +1 -1
  77. package/dist/generated/themes/MastheadProfileMenu.css.js.map +1 -1
  78. package/dist/generated/themes/MastheadShell.css.js +1 -1
  79. package/dist/generated/themes/MastheadShell.css.js.map +1 -1
  80. package/dist/generated/themes/MediaPlayer.css.js +1 -1
  81. package/dist/generated/themes/MediaPlayer.css.js.map +1 -1
  82. package/dist/generated/themes/RatingIndicator.css.js +1 -1
  83. package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
  84. package/dist/generated/themes/Search.css.js +1 -1
  85. package/dist/generated/themes/Search.css.js.map +1 -1
  86. package/dist/generated/themes/Slider.css.js +1 -1
  87. package/dist/generated/themes/Slider.css.js.map +1 -1
  88. package/dist/generated/themes/TextArea.css.js +1 -1
  89. package/dist/generated/themes/TextArea.css.js.map +1 -1
  90. package/dist/i18n/messagebundle.properties +3 -0
  91. package/dist/i18n/messagebundle_en.properties +1 -0
  92. package/dist/web-types.json +3 -3
  93. package/package.json +1 -1
  94. package/src/CountrySelector.hbs +30 -30
  95. package/src/CountrySelector.ts +18 -13
  96. package/src/MastheadItem.hbs +3 -3
  97. package/src/MastheadItem.ts +22 -10
  98. package/src/MastheadMenu.ts +8 -0
  99. package/src/MastheadMenuItem.hbs +2 -1
  100. package/src/MastheadMenuItem.ts +4 -0
  101. package/src/MastheadProfileMenu.ts +8 -0
  102. package/src/MastheadShell.hbs +69 -67
  103. package/src/MastheadShell.ts +154 -16
  104. package/src/Pagination.hbs +2 -2
  105. package/src/Pagination.ts +8 -5
  106. package/src/SelectBox.ts +7 -1
  107. package/src/Tab.ts +18 -29
  108. package/src/TabHeader.hbs +1 -1
  109. package/src/TabNavigation.hbs +1 -2
  110. package/src/TabNavigation.ts +2 -1
  111. package/src/TextArea.hbs +21 -21
  112. package/src/TextArea.ts +82 -78
  113. package/src/TextField.hbs +4 -2
  114. package/src/generated/i18n/i18n-defaults.ts +2 -2
  115. package/src/generated/templates/MastheadItemTemplate.lit.ts +3 -3
  116. package/src/generated/templates/MastheadMenuItemTemplate.lit.ts +2 -2
  117. package/src/generated/templates/MastheadShellTemplate.lit.ts +8 -9
  118. package/src/generated/templates/PaginationTemplate.lit.ts +1 -1
  119. package/src/generated/templates/TabHeaderTemplate.lit.ts +1 -1
  120. package/src/generated/templates/TabNavigationTemplate.lit.ts +1 -1
  121. package/src/generated/templates/TextAreaTemplate.lit.ts +5 -4
  122. package/src/generated/templates/TextFieldTemplate.lit.ts +1 -1
  123. package/src/generated/themes/CountrySelector.css.ts +1 -1
  124. package/src/generated/themes/MastheadItem.css.ts +1 -1
  125. package/src/generated/themes/MastheadMenu.css.ts +1 -1
  126. package/src/generated/themes/MastheadMenuItem.css.ts +1 -1
  127. package/src/generated/themes/MastheadProfileMenu.css.ts +1 -1
  128. package/src/generated/themes/MastheadShell.css.ts +1 -1
  129. package/src/generated/themes/MediaPlayer.css.ts +1 -1
  130. package/src/generated/themes/RatingIndicator.css.ts +1 -1
  131. package/src/generated/themes/Search.css.ts +1 -1
  132. package/src/generated/themes/Slider.css.ts +1 -1
  133. package/src/generated/themes/TextArea.css.ts +1 -1
  134. package/src/i18n/messagebundle.properties +3 -0
  135. package/src/i18n/messagebundle_en.properties +1 -0
  136. package/src/themes/CountrySelector.css +23 -16
  137. package/src/themes/MastheadItem.css +40 -2
  138. package/src/themes/MastheadMenu.css +72 -0
  139. package/src/themes/MastheadMenuItem.css +1 -0
  140. package/src/themes/MastheadProfileMenu.css +8 -0
  141. package/src/themes/MastheadShell.css +59 -27
  142. package/src/themes/MediaPlayer.css +18 -9
  143. package/src/themes/Search.css +4 -4
  144. package/src/themes/TextArea.css +12 -1
  145. package/dist/assets/messagebundle_en-4997b226.js +0 -1
@@ -7,7 +7,7 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
7
7
  registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
8
8
  registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
9
9
 
10
- const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/TextArea.css.ts",content:`: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;--sapScrollBar_Dimension: 16px;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) 65%,var(--udex-textarea-color-standard-default-background) 35%)}: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:1px 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([field-state="Warning"]) .udex-textarea__field{background-color:var(--udex-textarea-color-warning-default-background);border-color:var(--udex-textarea-color-warning-default-border)}:host([field-state="Warning"]) .udex-textarea__label--active{background:linear-gradient(var(--udex-textarea-color-label-background) 65%,var(--udex-textarea-color-warning-default-background) 35%)}:host([field-state="Warning"]) .udex-textarea__field:hover{border-color:var(--udex-textarea-color-warning-hover-border)}:host([field-state="Warning"]) .udex-textarea__field:focus{border-color:var(--udex-textarea-color-warning-actives-border)}:host([field-state="Error"]) .udex-textarea__field{background-color:var(--udex-textarea-color-error-default-background);border-color:var(--udex-textarea-color-error-default-border)}:host([field-state="Error"]) .udex-textarea__label--active{background:linear-gradient(var(--udex-textarea-color-label-background) 65%,var(--udex-textarea-color-error-default-background) 35%)}:host([field-state="Error"]) .udex-textarea__field:hover{border-color:var(--udex-textarea-color-error-hover-border)}:host([field-state="Error"]) .udex-textarea__field:focus{border-color:var(--udex-textarea-color-error-actives-border)}:host([field-state="Success"]) .udex-textarea__field{background-color:var(--udex-textarea-color-success-default-background);border-color:var(--udex-textarea-color-success-default-border)}:host([field-state="Success"]) .udex-textarea__label--active{background:linear-gradient(var(--udex-textarea-color-label-background) 65%,var(--udex-textarea-color-success-default-background) 35%)}:host([field-state="Success"]) .udex-textarea__field:hover{border-color:var(--udex-textarea-color-success-hover-border)}:host([field-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) 65%,var(--udex-textarea-color-disabled-default-background) 35%)}: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) 65%,var(--udex-textarea-color-readonly-default-background) 35%)}: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([field-state="Warning"]) .udex-textarea__field::-webkit-scrollbar-thumb{border:2px solid var(--udex-textarea-color-warning-default-background)}:host([field-state="Error"]) .udex-textarea__field::-webkit-scrollbar-thumb{border:2px solid var(--udex-textarea-color-error-default-background)}:host([field-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}
10
+ const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/TextArea.css.ts",content:`: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;--sapScrollBar_Dimension: 16px;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) 65%,var(--udex-textarea-color-standard-default-background) 35%)}: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([field-state="Warning"]) .udex-textarea__field{background-color:var(--udex-textarea-color-warning-default-background);border-color:var(--udex-textarea-color-warning-default-border)}:host([field-state="Warning"]) .udex-textarea__label--active{background:linear-gradient(var(--udex-textarea-color-label-background) 65%,var(--udex-textarea-color-warning-default-background) 35%)}:host([field-state="Warning"]) .udex-textarea__field:hover{border-color:var(--udex-textarea-color-warning-hover-border)}:host([field-state="Warning"]) .udex-textarea__field:focus{border-color:var(--udex-textarea-color-warning-actives-border)}:host([field-state="Error"]) .udex-textarea__field{background-color:var(--udex-textarea-color-error-default-background);border-color:var(--udex-textarea-color-error-default-border)}:host([field-state="Error"]) .udex-textarea__label--active{background:linear-gradient(var(--udex-textarea-color-label-background) 65%,var(--udex-textarea-color-error-default-background) 35%)}:host([field-state="Error"]) .udex-textarea__field:hover{border-color:var(--udex-textarea-color-error-hover-border)}:host([field-state="Error"]) .udex-textarea__field:focus{border-color:var(--udex-textarea-color-error-actives-border)}:host([field-state="Success"]) .udex-textarea__field{background-color:var(--udex-textarea-color-success-default-background);border-color:var(--udex-textarea-color-success-default-border)}:host([field-state="Success"]) .udex-textarea__label--active{background:linear-gradient(var(--udex-textarea-color-label-background) 65%,var(--udex-textarea-color-success-default-background) 35%)}:host([field-state="Success"]) .udex-textarea__field:hover{border-color:var(--udex-textarea-color-success-hover-border)}:host([field-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) 65%,var(--udex-textarea-color-disabled-default-background) 35%)}: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) 65%,var(--udex-textarea-color-readonly-default-background) 35%)}: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([field-state="Warning"]) .udex-textarea__field::-webkit-scrollbar-thumb{border:2px solid var(--udex-textarea-color-warning-default-background)}:host([field-state="Error"]) .udex-textarea__field::-webkit-scrollbar-thumb{border:2px solid var(--udex-textarea-color-error-default-background)}:host([field-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}
11
11
  `};
12
12
  export default styleData;
13
13
 
@@ -101,6 +101,9 @@ VALUE_STATE_TYPE_WARNING=Field State Warning
101
101
  VALUE_STATE_TYPE_SUCCESS=Field State Success
102
102
  VALUE_STATE_TYPE_STANDARD=Field State Standard
103
103
 
104
+ #Textarea: Text for hidden label
105
+ TEXT_FIELD=Text field
106
+
104
107
  # Carousel Previous Page text
105
108
  CAROUSEL_PREVIOUS_ARROW_TEXT=Previous Page
106
109
  # Carousel Next Page text
@@ -104,3 +104,4 @@ PROFILE=Profile
104
104
  TRIGGER=Dropdown trigger
105
105
  MAIN_LINKS=main links
106
106
  OPENS_IN_A_NEW_WINDOW=opens in a new window
107
+ TEXT_FIELD=Text field
@@ -8,6 +8,29 @@
8
8
  --udex-country-selector-text-offset-right: 36px; /* trigger icon width(16px) + default input padding(12px) + specified in design spacing(8px) */
9
9
  }
10
10
 
11
+ :host(:not([disabled]):not([displayonly]):not([readonly])) .udex-country-selector__trigger {
12
+ cursor: pointer;
13
+ }
14
+
15
+ :host([displayonly])::part(textfield-input),
16
+ :host([readonly])::part(textfield-input),
17
+ :host([disabled])::part(textfield-input) {
18
+ cursor: default;
19
+ }
20
+
21
+ :host(:not([hide-flag-images])) [udex-text-field][aria-expanded="false"]:not([active])[value=""]::part(label) {
22
+ transform: translateX(var(--udex-country-selector-text-offset-right));
23
+ }
24
+
25
+ :host(:not([hide-flag-images])) [udex-text-field][aria-expanded="false"]:not([active])[value=""]::part(label):dir(rtl) {
26
+ transform: translateX(calc(var(--udex-country-selector-text-offset-right)* -1));
27
+ }
28
+
29
+ :host([displayonly])::part(textfield-control-btn),
30
+ .hidden-text {
31
+ display: none;
32
+ }
33
+
11
34
  .udex-country-selector__text {
12
35
  width: 100%;
13
36
  }
@@ -30,10 +53,6 @@
30
53
  width: 100%;
31
54
  }
32
55
 
33
- :host(:not([disabled]):not([displayonly]):not([readonly])) .udex-country-selector__trigger {
34
- cursor: pointer;
35
- }
36
-
37
56
  .udex-country-selector__trigger--disabled {
38
57
  opacity: var(--udex-country-selector-input-disabled-opacity);
39
58
  }
@@ -66,14 +85,6 @@
66
85
  inset-inline-start: var(--udexSpacer12);
67
86
  }
68
87
 
69
- :host(:not([hide-flag-images])) [udex-text-field][aria-expanded="false"]:not([active])[value=""]::part(label) {
70
- transform: translateX(36px);
71
- }
72
-
73
- :host(:not([hide-flag-images])) [udex-text-field][aria-expanded="false"]:not([active])[value=""]::part(label):dir(rtl) {
74
- transform: translateX(-36px);
75
- }
76
-
77
88
  [udex-text-field][aria-expanded="true"]::part(label) {
78
89
  line-height: 18px;
79
90
  transform: translateY(-110%);
@@ -145,7 +156,3 @@
145
156
  --udex-dropdown-pane-min-width-xs: var(--udex-country-selector-popover-min-width);
146
157
  }
147
158
  }
148
-
149
- .hidden-text {
150
- display: none;
151
- }
@@ -22,6 +22,8 @@
22
22
  --udex-masthead-item-dropdown-position: absolute;
23
23
  --udex-masthead-item-dropdown-height: calc(100vh - 60px);
24
24
  --udex-masthead-item-dropdown-zindex: 100;
25
+ --udex-masthead-item-icon-size: 1.125rem;
26
+ --udex-masthead-item-button-icon-size: 32px;
25
27
 
26
28
  display: var(--udex-masthead-item-display);
27
29
  align-items: var(--udex-masthead-item-align-content);
@@ -77,8 +79,8 @@
77
79
  display: flex;
78
80
  align-items: center;
79
81
  justify-content: center;
80
- width: 32px;
81
- height: 32px;
82
+ width: var(--udex-masthead-item-button-icon-size);
83
+ height: var(--udex-masthead-item-button-icon-size);
82
84
  }
83
85
 
84
86
  .udex-masthead-item.udex-masthead-item__button--profile,
@@ -210,6 +212,40 @@
210
212
  flex-direction: column;
211
213
  }
212
214
 
215
+ :host([_is-mobile-mode]) .udex-masthead-item__dropdown,
216
+ :host([part="menu-open-btn"]) .udex-masthead-item__dropdown {
217
+ position: var(--udex-masthead-item-dropdown-position);
218
+ height: var(--udex-masthead-item-dropdown-height);
219
+ width: var(--udex-masthead-item-dropdown-mobile-width);
220
+ top: 60px;
221
+ right: 0;
222
+ left: auto;
223
+ }
224
+
225
+ :host([_is-mobile-mode]) .udex-masthead-item__dropdown-holder,
226
+ :host([part="menu-open-btn"]) .udex-masthead-item__dropdown-holder {
227
+ height: 100%;
228
+ box-shadow: none;
229
+ overflow: auto;
230
+ }
231
+
232
+ :host([_is-mobile-mode]) .udex-masthead-item__dropdown:after,
233
+ :host([part="menu-open-btn"]) .udex-masthead-item__dropdown:after {
234
+ box-shadow: var(--udex-masthead-shell-dropdown-shadow);
235
+ pointer-events: none;
236
+ content: '';
237
+ position: absolute;
238
+ left: 0;
239
+ right: 0;
240
+ bottom: 0;
241
+ top: -60px;
242
+ }
243
+
244
+ :host([_is-mobile-mode]),
245
+ :host([part="menu-open-btn"]) {
246
+ position: initial;
247
+ }
248
+
213
249
  .udex-masthead-hidden-text {
214
250
  display: none;
215
251
  }
@@ -261,6 +297,8 @@
261
297
  }
262
298
 
263
299
  @media (max-width: 979px) {
300
+ :host([_is-mobile-mode]) .udex-masthead-item__dropdown,
301
+ :host([part="menu-open-btn"]) .udex-masthead-item__dropdown,
264
302
  .udex-masthead-item__dropdown {
265
303
  width: 100%;
266
304
  }
@@ -124,7 +124,79 @@
124
124
  text-align: center;
125
125
  }
126
126
 
127
+ :host([_is-mobile-mode])::part(menu-item-link-badge),
128
+ :host([_is-mobile-mode])::part(menu-item-link) {
129
+ border-bottom: 1px solid var(--udex-masthead-menu-item-mobile-border-color);
130
+ padding: var(--udex-masthead-menu-item-header-padding-mobile);
131
+ display: flex;
132
+ align-items: center;
133
+ justify-content: space-between;
134
+ width: 100%;
135
+ }
136
+
137
+ :host([_is-mobile-mode])::part(menu-item-link-badge) {
138
+ padding-block-start: var(--udex-masthead-menu-item-padding-mobile-with-badge-vertical);
139
+ padding-inline-end: var(--udex-masthead-menu-item-padding-mobile-end-with-badge);
140
+ padding-inline-start: var(--udex-masthead-menu-item-padding-mobile-start-with-badge);
141
+ }
142
+
143
+ :host([_is-mobile-mode])::part(menu-item) {
144
+ padding: var(--udex-masthead-menu-item-header-padding-mobile);
145
+ justify-content: center;
146
+ }
147
+
148
+ :host([_is-mobile-mode]) [udex-masthead-menu-item]::part(badge) {
149
+ position: absolute;
150
+ top: 50%;
151
+ right: var(--udexSpacer16);
152
+ transform: translateY(-50%);
153
+ margin-inline-start: 0;
154
+ pointer-events: none;
155
+ }
156
+
157
+ :host([_is-mobile-mode]) [udex-masthead-menu-item]::part(badge):dir(rtl) {
158
+ right: auto;
159
+ left: var(--udexSpacer16);
160
+ }
161
+
162
+ :host([_is-mobile-mode]) .udex-masthead-menu__list li {
163
+ margin: 0;
164
+ }
165
+
166
+ :host([_is-mobile-mode]) .udex-masthead-menu__title {
167
+ font-size: var(--udex-masthead-menu-title-font-size-mobile);
168
+ }
169
+
170
+ :host([_is-mobile-mode]) .udex-masthead-menu {
171
+ padding: var(--udex-masthead-menu-padding-mobile);
172
+ }
173
+
174
+ :host([_is-mobile-mode]) .udex-masthead-menu__row {
175
+ gap: var(--udex-masthead-menu-mobile-column-gap, 56px);
176
+ display: flex;
177
+ flex-direction: column;
178
+ }
179
+
180
+ :host([_is-mobile-mode]) .udex-masthead-menu__header {
181
+ margin: 0;
182
+ width: auto;
183
+ }
184
+
185
+ :host([_is-mobile-mode]) .udex-masthead-menu__list {
186
+ width: auto;
187
+ }
188
+
189
+ :host([_is-mobile-mode]) .udex-masthead-menu__column {
190
+ width: 100%;
191
+ }
192
+
193
+ :host([_is-mobile-mode]) .udex-masthead-menu,
194
+ :host([_is-mobile-mode]) .udex-masthead-menu__column {
195
+ display: block;
196
+ }
197
+
127
198
  @media (max-width: 1279px) {
199
+ [udex-masthead-menu-item]::part(menu-item-link-badge),
128
200
  [udex-masthead-menu-item]::part(menu-item-link) {
129
201
  border-bottom: 1px solid var(--udex-masthead-menu-item-mobile-border-color);
130
202
  }
@@ -73,6 +73,7 @@
73
73
  }
74
74
 
75
75
  :host([has-border])::part(menu-item-button),
76
+ :host([has-border])::part(menu-item-link-badge),
76
77
  :host([has-border])::part(menu-item-link),
77
78
  :host([has-border])::part(menu-item) {
78
79
  border-bottom: 1px solid var(--udex-masthead-menu-item-border-color);
@@ -70,6 +70,14 @@
70
70
  position: relative;
71
71
  }
72
72
 
73
+ :host([_is-mobile-mode]) .udex-masthead-profile-menu {
74
+ padding: var(--udex-masthead-profile-menu-paddings-mobile);
75
+ gap: var(--udexSpacer32);
76
+ box-sizing: border-box;
77
+ width: 100%;
78
+ min-height: 100%;
79
+ }
80
+
73
81
  @media (max-width: 1279px) {
74
82
  .udex-masthead-profile-menu {
75
83
  padding: var(--udex-masthead-profile-menu-paddings-mobile);
@@ -7,6 +7,8 @@
7
7
  --udex-masthead-shell-site-label-text-decoration: none;
8
8
  --udex-masthead-shell-site-label-color: var(--udexColorGrey8, #354A5F);
9
9
  --udex-masthead-shell-site-label-color-hover: var(--udexColorBlue7, #0070F2);
10
+ --udex-masthead-shell-item-gap: var(--udexSpacer24);
11
+ --udex-masthead-shell-item-icon-gap: var(--udexSpacer8);
10
12
  --udex-grid-gutter: 3rem;
11
13
  --udex-grid-margin-m: 4.5rem;
12
14
  --udex-grid-margin-l: 4.5rem;
@@ -19,6 +21,8 @@
19
21
  --udex-masthead-shell-container-xl-max-width: 1432px;
20
22
  --udex-masthead-shell-container-l-max-width: 1456px;
21
23
  --udex-masthead-mobile-menu-buttons-width: 360px;
24
+ --udex-masthead-right-menu-padding: var(--udexSpacer64);
25
+ --udex-masthead-shell-explore-margin: var(--udexSpacer12);
22
26
  }
23
27
 
24
28
  :host {
@@ -91,7 +95,7 @@
91
95
  .udex-masthead-shell__site-label--link:focus,
92
96
  .udex-masthead-shell__site-label--link:focus-visible {
93
97
  outline: var(--udexRadiusXXS) solid var(--udexColorBlue10);
94
- outline-offset: 2px;
98
+ outline-offset: var(--udexSpacer2);
95
99
  border-radius: var(--udexRadiusXXS);
96
100
  }
97
101
 
@@ -114,32 +118,36 @@
114
118
  display: grid;
115
119
  grid: 'logo siteLabel mainMenu ' / auto auto 1fr;
116
120
  align-items: center;
117
- padding-inline-end: var(--udexSpacer20);
118
121
  box-sizing: border-box;
119
122
  }
120
123
 
121
124
  .udex-masthead-shell__main-menu {
122
125
  display: flex;
123
126
  align-items: center;
124
- gap: var(--udexSpacer24);
127
+ gap: var(--udex-masthead-shell-item-gap);
125
128
  max-width: 100%;
126
129
  margin: 0;
127
130
  padding: 0;
128
131
  list-style: none;
129
132
  }
130
133
 
134
+ .udex-masthead-shell__landing-wrap {
135
+ display: flex;
136
+ align-items: center;
137
+ }
138
+
131
139
  .udex-masthead-shell__right-menu {
132
140
  display: flex;
133
141
  align-items: center;
134
142
  justify-content: flex-end;
135
- gap: var(--udexSpacer8);
136
- padding-inline-start: var(--udexSpacer20);
143
+ gap: var(--udex-masthead-shell-item-icon-gap);
144
+ padding-inline-start: var(--udex-masthead-right-menu-padding);
137
145
  box-sizing: border-box;
138
146
  }
139
147
 
140
148
  .udex-masthead-shell__explore {
141
149
  white-space: nowrap;
142
- margin-inline-end: var(--udexSpacer12);
150
+ margin-inline-end: var(--udex-masthead-shell-explore-margin);
143
151
  }
144
152
 
145
153
  .udex-masthead-shell__cart,
@@ -191,11 +199,42 @@
191
199
  }
192
200
 
193
201
  :host([show-search-by-default]) .udex-masthead-shell__search-icon,
202
+ :host([_is-search-opened]) .udex-masthead-shell__right-menu,
203
+ :host([_is-mobile-mode]) .udex-masthead-shell__cart,
204
+ :host([_is-mobile-mode]) .udex-masthead-shell__profile,
205
+ :host([_is-mobile-mode]) .udex-masthead-shell__search-icon,
206
+ :host([_is-mobile-mode]) .udex-masthead-shell__explore,
207
+ :host([_is-mobile-mode]) .udex-masthead-shell__nav,
194
208
  .udex-masthead-shell__close-btn,
195
209
  .udex-masthead-shell__menu-btn {
196
210
  display: none;
197
211
  }
198
212
 
213
+ :host([_is-mobile-mode]) .udex-masthead-shell__menu-btn,
214
+ :host([_is-mobile-menu-open]) .udex-masthead-shell__cart,
215
+ :host([_is-mobile-menu-open]) .udex-masthead-shell__profile,
216
+ :host([_is-mobile-menu-open]) .udex-masthead-shell__close-btn {
217
+ display: flex;
218
+ }
219
+
220
+ :host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu {
221
+ width: var(--udex-masthead-mobile-menu-buttons-width);
222
+ background: var(--udex-masthead-shell-background);
223
+ padding-inline-end: var(--udexSpacer84);
224
+ padding-inline-start: var(--udexSpacer32);
225
+ gap: var(--udexSpacer12);
226
+ position: absolute;
227
+ top: 0;
228
+ bottom: 0;
229
+ right: 0;
230
+ z-index: 1;
231
+ }
232
+
233
+ :host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl) {
234
+ right: auto;
235
+ left: 0;
236
+ }
237
+
199
238
  @media (max-width: 1599px) {
200
239
  .udex-masthead-shell {
201
240
  padding-left: var(--udexSpacer72);
@@ -211,9 +250,17 @@
211
250
  left: var(--udexSpacer72);
212
251
  right: auto;
213
252
  }
253
+
254
+ :host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu {
255
+ padding-inline-end: var(--udexSpacer72);
256
+ }
214
257
  }
215
258
 
216
259
  @media (max-width: 1279px) {
260
+ :host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__right-menu {
261
+ width: var(--udex-masthead-mobile-menu-buttons-width);
262
+ }
263
+
217
264
  :host([show-search-by-default]) .udex-masthead-shell__search-container,
218
265
  :host([show-search-by-default]) .udex-masthead-shell__main-content,
219
266
  :host([show-search-by-default]) .udex-masthead-shell__right-menu {
@@ -236,33 +283,14 @@
236
283
  .udex-masthead-shell__profile,
237
284
  .udex-masthead-shell__search-icon,
238
285
  .udex-masthead-shell__explore,
239
- .udex-masthead-shell__main-menu {
286
+ .udex-masthead-shell__nav {
240
287
  display: none;
241
288
  }
242
289
 
243
- .udex-masthead-shell__menu-btn,
244
- :host([_is-mobile-menu-open]) .udex-masthead-shell__cart,
245
- :host([_is-mobile-menu-open]) .udex-masthead-shell__profile,
246
- :host([_is-mobile-menu-open]) .udex-masthead-shell__close-btn {
290
+ .udex-masthead-shell__menu-btn {
247
291
  display: flex;
248
292
  }
249
293
 
250
- :host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu {
251
- width: var(--udex-masthead-mobile-menu-buttons-width);
252
- background: var(--udex-masthead-shell-background);
253
- padding-inline-end: var(--udexSpacer72);
254
- position: absolute;
255
- top: 0;
256
- bottom: 0;
257
- right: 0;
258
- z-index: 1;
259
- }
260
-
261
- :host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl) {
262
- right: auto;
263
- left: 0;
264
- }
265
-
266
294
  .udex-masthead-shell__right-menu {
267
295
  padding-inline-start: var(--udexSpacer32);
268
296
  gap: var(--udexSpacer12);
@@ -270,6 +298,10 @@
270
298
  }
271
299
 
272
300
  @media (max-width: 979px) {
301
+ :host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__right-menu {
302
+ width: 100%;
303
+ }
304
+
273
305
  :host([_is-search-opened][show-search-by-default]) .udex-masthead-shell__search-container,
274
306
  :host([show-search-by-default]) .udex-masthead-shell__search-icon {
275
307
  display: block;
@@ -482,7 +482,7 @@ body.vjs-pip-window .video-js {
482
482
  }
483
483
 
484
484
  .video-js.vjs-4-3 .vjs-big-play-button {
485
- width: calc(20% / 1.333);
485
+ width: calc(20% / 1.333);
486
486
  }
487
487
 
488
488
  .video-js.vjs-1-1 .vjs-big-play-button {
@@ -817,14 +817,14 @@ body.vjs-pip-window .video-js {
817
817
  background-image: var(--udex-media-player-play-icon);
818
818
  }
819
819
 
820
- .vjs-skip-forward-5 > .vjs-icon-placeholder:before,
821
- .vjs-skip-forward-10 > .vjs-icon-placeholder:before,
820
+ .vjs-skip-forward-5 > .vjs-icon-placeholder:before,
821
+ .vjs-skip-forward-10 > .vjs-icon-placeholder:before,
822
822
  .vjs-skip-forward-30 > .vjs-icon-placeholder:before {
823
823
  background-image: var(--udex-media-player-skip-forward-icon);
824
824
  }
825
825
 
826
- .vjs-skip-backward-5 > .vjs-icon-placeholder:before,
827
- .vjs-skip-backward-10 > .vjs-icon-placeholder:before,
826
+ .vjs-skip-backward-5 > .vjs-icon-placeholder:before,
827
+ .vjs-skip-backward-10 > .vjs-icon-placeholder:before,
828
828
  .vjs-skip-backward-30 > .vjs-icon-placeholder:before{
829
829
  background-image: var(--udex-media-player-skip-backward-icon);
830
830
  }
@@ -1777,7 +1777,7 @@ video::-webkit-media-text-track-display {
1777
1777
  left: 0;
1778
1778
  width: 100%;
1779
1779
  height: 100%;
1780
- }
1780
+ }
1781
1781
 
1782
1782
  .udex-media-player__iframe-poster .udex-media-player__vjs-poster {
1783
1783
  display: inline-block;
@@ -1806,8 +1806,8 @@ video::-webkit-media-text-track-display {
1806
1806
  flex-wrap: wrap;
1807
1807
  }
1808
1808
 
1809
- .vjs-modal-dialog.vjs-text-track-settings .vjs-track-settings-colors,
1810
- .vjs-modal-dialog.vjs-text-track-settings .vjs-track-settings-font,
1809
+ .vjs-modal-dialog.vjs-text-track-settings .vjs-track-settings-colors,
1810
+ .vjs-modal-dialog.vjs-text-track-settings .vjs-track-settings-font,
1811
1811
  .vjs-modal-dialog.vjs-text-track-settings .vjs-track-settings-controls {
1812
1812
  display: flex;
1813
1813
  flex-direction: column;
@@ -1863,10 +1863,19 @@ video::-webkit-media-text-track-display {
1863
1863
  padding: 0 var(--udexSpacer16) 0 0;
1864
1864
  }
1865
1865
 
1866
+ .video-js .vjs-control.vjs-playback-rate {
1867
+ width: auto;
1868
+ }
1869
+
1870
+ .vjs-playback-rate .vjs-playback-rate-value {
1871
+ position: relative;
1872
+ }
1873
+
1874
+
1866
1875
  @media (width < 680px) {
1867
1876
  .vjs-modal-dialog.vjs-text-track-settings .vjs-modal-dialog-content {
1868
1877
  padding: var(--udexSpacer16) var(--udexSpacer24);
1869
- }
1878
+ }
1870
1879
  .vjs-modal-dialog.vjs-text-track-settings .vjs-close-button.vjs-control.vjs-button {
1871
1880
  right: var(--udexSpacer24);
1872
1881
  top: var(--udexSpacer16);
@@ -50,6 +50,7 @@
50
50
  :host(:not([mode="Home Search"])) .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled,
51
51
  :host(:not([mode="Home Search"])) .udex-search-prefix .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled {
52
52
  display: block;
53
+ inset-block-start: 9px;
53
54
  line-height: 18px;
54
55
  transform: translateY(-110%);
55
56
  padding: 0 4px;
@@ -173,9 +174,9 @@
173
174
  }
174
175
 
175
176
  .udex-search__field::placeholder {
176
- color: var(--udex-input-color-label);
177
- font-size: var(--udex-input-font-size-label);
178
- line-height: var(--udex-input-line-height-label);
177
+ color: var(--udexColorGrey7);
178
+ font-family: var(--sapFontFamily, sans-serif);
179
+ font-size: 16px;
179
180
  }
180
181
 
181
182
  .udex-search__field:focus {
@@ -205,7 +206,6 @@ input[type="search"]::-webkit-search-results-decoration {
205
206
 
206
207
  .udex-search__label {
207
208
  position: absolute;
208
- inset-block-start: 9px;
209
209
  inset-inline-start: var(--udex-search-label-inset-inline-start);
210
210
  z-index: 2;
211
211
  color: var(--udex-input-color-label);
@@ -38,6 +38,7 @@
38
38
  --udex-textarea-paddings: 9px var(--udexSpacer12, 12px) 15px;
39
39
  --udex-textarea-radius: var(--udexRadiusXS, 4px);
40
40
  --udex-textarea-height: 50px;
41
+ --udex-textarea-border-width: 1px;
41
42
 
42
43
  /*
43
44
  the part of the code that relates to the scrollbar should be removed
@@ -90,7 +91,7 @@
90
91
  padding: var(--udex-textarea-paddings);
91
92
  background: var(--udex-textarea-color-standard-default-background);
92
93
  border-radius: var(--udex-textarea-radius);
93
- border: 1px solid var(--udex-textarea-color-standard-default-border);
94
+ border: var(--udex-textarea-border-width) solid var(--udex-textarea-color-standard-default-border);
94
95
  font-weight: var(--udexTypographyFontWeightRegular, 400);
95
96
  outline: none;
96
97
  color: inherit;
@@ -263,3 +264,13 @@
263
264
  .hidden-text {
264
265
  display: none;
265
266
  }
267
+
268
+ .hidden-label {
269
+ border: 0;
270
+ clip: rect(0 0 0 0);
271
+ height: 1px;
272
+ overflow: hidden;
273
+ padding: 0;
274
+ position: absolute;
275
+ width: 1px;
276
+ }
@@ -1 +0,0 @@
1
- const T="Count",E="of",_="Pagination page",A="Selected",S="Unselected",I="Indeterminate",t="Edit",R="Delete",N="Primary",O="Secondary",n="Tertiary",o="Warning",s="Positive",L="Negative",e="Emphasized",c="Default",C="Transparent",U="Attention",P="Date Input",a="Toggled",D="First page",i="Last page",B="Previous page",r="Next page",G="Current page",l="Activate page number",M="Suggested searches",d="Clear",V="Search",u="Clear",W="Voice",g="Submit",Y="Available Values",p="Recommended pages",F="Expand All",m="Collapse All",X="More",H="Attention badge",f="Read more",y="Read less",h="Rating Indicator",v="Rating",b="Required",w="Total",K="Contains Multi-Selectable Items",k="Contains Selectable Items",Q="Show Results",x="Show/Hide Password Button",Z="Reset",q="Message Strip Close Button",z="Information",j="Positive",J="Warning",$="Negative",TT="reviews",ET="stars",_T="Select Options",AT="Select All",ST="{0} characters remaining",IT="Field State Error",tT="Field State Warning",RT="Field State Success",NT="Field State Standard",OT="Previous Page",nT="Next Page",oT="No matches found.",sT="Breadcrumb Trail",LT="More",eT="Increase Quantity by",cT="Decrease Quantity by",CT="No data found",UT="Invalid entry",PT="Warning issued",aT="Informative entry",DT="Entry successfully validated",iT="Read only",BT="Logout",rT="Select country",GT="Overview",lT="Link Graphic",MT="Phone number",dT="Contact us",VT="Email",uT="Chat with us",WT="Quick Links",gT="Trending",YT="About SAP",pT="Site Information",FT="Or see our complete list of",mT="local country numbers",XT="© {0} SAP SE or an SAP affiliate company. All rights reserved.",HT="Avatar",fT="Open Calendar icon",yT="Edit list item entry",hT="Delete list item entry",vT="back button label",bT="Status Badge",wT="Click to edit profile",KT="Click to open profile information",kT="Warning, potential risk with the profile",QT="There is an error with the profile",xT="Successfully verified profile",ZT="Profile",qT="Dropdown trigger",zT="main links",jT="opens in a new window",JT={COUNT:T,OF:E,PAGINATION_PAGE:_,SELECTED:A,UNSELECTED:S,INDETERMINATE:I,EDIT_BUTTON:t,DELETE_BUTTON:R,BUTTON_ARIA_TYPE_PRIMARY:N,BUTTON_ARIA_TYPE_SECONDARY:O,BUTTON_ARIA_TYPE_TERTIARY:n,BUTTON_ARIA_TYPE_WARNING:o,BUTTON_ARIA_TYPE_POSITIVE:s,BUTTON_ARIA_TYPE_NEGATIVE:L,BUTTON_ARIA_EMPHASIZED:e,BUTTON_ARIA_DEFAULT:c,BUTTON_ARIA_TRANSPARENT:C,BUTTON_ARIA_ATTENTION:U,DATEPICKER_DATE_DESCRIPTION:P,TOGGLED:a,FIRST_PAGE:D,LAST_PAGE:i,PREVIOUS_PAGE:B,NEXT_PAGE:r,CURRENT_PAGE:G,ACTIVATE_PAGE:l,SUGGESTED_TEXT:M,ACCESSIBLE_NAME_RESET_ICON:d,ACCESSIBLE_NAME_SEARCH_ICON:V,TOOLTIP_RESET_BUTTON:u,TOOLTIP_VOICE_BUTTON:W,TOOLTIP_SUBMIT_BUTTON:g,AVAILABLE_VALUES:Y,RECOMMENDED_TEXT:p,EXPAND_ALL:F,COLLAPSE_ALL:m,MORE:X,ATTENTION_BADGE:H,READ_MORE:f,READ_LESS:y,RATING_INDICATOR_TEXT:h,RATING_INDICATOR_TOOLTIP_TEXT:v,RATING_INDICATOR_ARIA_DESCRIPTION:b,TOTAL:w,ARIA_LABEL_LIST_MULTISELECTABLE:K,ARIA_LABEL_LIST_SELECTABLE:k,SHOW_RESULTS:Q,SHOW_HIDE_PASSWORD:x,RESET:Z,MESSAGE_STRIP_CLOSE_BUTTON:q,MESSAGE_STRIP_INFORMATION:z,MESSAGE_STRIP_SUCCESS:j,MESSAGE_STRIP_WARNING:J,MESSAGE_STRIP_ERROR:$,REVIEWS:TT,STARS:ET,SELECT_OPTIONS:_T,SELECT_ALL:AT,TEXTAREA_CHARACTERS_LEFT:ST,VALUE_STATE_TYPE_ERROR:IT,VALUE_STATE_TYPE_WARNING:tT,VALUE_STATE_TYPE_SUCCESS:RT,VALUE_STATE_TYPE_STANDARD:NT,CAROUSEL_PREVIOUS_ARROW_TEXT:OT,CAROUSEL_NEXT_ARROW_TEXT:nT,NO_MATCHES_FOUND:oT,BREADCRUMBS_ARIA_LABEL:sT,BREADCRUMBS_OVERFLOW_ARIA_LABEL:LT,STEPINPUT_INC_ICON_TITLE:eT,STEPINPUT_DEC_ICON_TITLE:cT,TABLE_NO_DATA_FOUND:CT,VALUE_STATE_ERROR:UT,VALUE_STATE_WARNING:PT,VALUE_STATE_INFORMATION:aT,VALUE_STATE_SUCCESS:DT,READ_ONLY:iT,LOGOUT:BT,COUNTRY_SELECT:rT,OVERVIEW:GT,SOCIAL_LINK_ICON:lT,PHONE_NUMBER:MT,CONTACT_US:dT,EMAIL:VT,CHAT_WITH_US:uT,QUICK_LINKS:WT,TRENDING:gT,ABOUT_SAP:YT,SITE_INFORMATION:pT,SEE_COMPLETE_LIST:FT,LOCAL_COUNTRY_NAMES:mT,COPYRIGHT:XT,AVATAR_TEXT:HT,CALENDAR_ICON:fT,LIST_ITEM_EDIT_ICON:yT,LIST_ITEM_DELETE_ICON:hT,BACK_BUTTON_LABEL:vT,STATUS_BADGE_TEXT:bT,STATUS_BADGE_EDIT_TITLE:wT,STATUS_BADGE_INFORMATION_TITLE:KT,STATUS_BADGE_WARNING_TITLE:kT,STATUS_BADGE_ERROR_TITLE:QT,STATUS_BADGE_SUCCESS_TITLE:xT,PROFILE:ZT,TRIGGER:qT,MAIN_LINKS:zT,OPENS_IN_A_NEW_WINDOW:jT};export{YT as ABOUT_SAP,d as ACCESSIBLE_NAME_RESET_ICON,V as ACCESSIBLE_NAME_SEARCH_ICON,l as ACTIVATE_PAGE,K as ARIA_LABEL_LIST_MULTISELECTABLE,k as ARIA_LABEL_LIST_SELECTABLE,H as ATTENTION_BADGE,Y as AVAILABLE_VALUES,HT as AVATAR_TEXT,vT as BACK_BUTTON_LABEL,sT as BREADCRUMBS_ARIA_LABEL,LT as BREADCRUMBS_OVERFLOW_ARIA_LABEL,U as BUTTON_ARIA_ATTENTION,c as BUTTON_ARIA_DEFAULT,e as BUTTON_ARIA_EMPHASIZED,C as BUTTON_ARIA_TRANSPARENT,L as BUTTON_ARIA_TYPE_NEGATIVE,s as BUTTON_ARIA_TYPE_POSITIVE,N as BUTTON_ARIA_TYPE_PRIMARY,O as BUTTON_ARIA_TYPE_SECONDARY,n as BUTTON_ARIA_TYPE_TERTIARY,o as BUTTON_ARIA_TYPE_WARNING,fT as CALENDAR_ICON,nT as CAROUSEL_NEXT_ARROW_TEXT,OT as CAROUSEL_PREVIOUS_ARROW_TEXT,uT as CHAT_WITH_US,m as COLLAPSE_ALL,dT as CONTACT_US,XT as COPYRIGHT,T as COUNT,rT as COUNTRY_SELECT,G as CURRENT_PAGE,P as DATEPICKER_DATE_DESCRIPTION,R as DELETE_BUTTON,t as EDIT_BUTTON,VT as EMAIL,F as EXPAND_ALL,D as FIRST_PAGE,I as INDETERMINATE,i as LAST_PAGE,hT as LIST_ITEM_DELETE_ICON,yT as LIST_ITEM_EDIT_ICON,mT as LOCAL_COUNTRY_NAMES,BT as LOGOUT,zT as MAIN_LINKS,q as MESSAGE_STRIP_CLOSE_BUTTON,$ as MESSAGE_STRIP_ERROR,z as MESSAGE_STRIP_INFORMATION,j as MESSAGE_STRIP_SUCCESS,J as MESSAGE_STRIP_WARNING,X as MORE,r as NEXT_PAGE,oT as NO_MATCHES_FOUND,E as OF,jT as OPENS_IN_A_NEW_WINDOW,GT as OVERVIEW,_ as PAGINATION_PAGE,MT as PHONE_NUMBER,B as PREVIOUS_PAGE,ZT as PROFILE,WT as QUICK_LINKS,b as RATING_INDICATOR_ARIA_DESCRIPTION,h as RATING_INDICATOR_TEXT,v as RATING_INDICATOR_TOOLTIP_TEXT,y as READ_LESS,f as READ_MORE,iT as READ_ONLY,p as RECOMMENDED_TEXT,Z as RESET,TT as REVIEWS,FT as SEE_COMPLETE_LIST,A as SELECTED,AT as SELECT_ALL,_T as SELECT_OPTIONS,x as SHOW_HIDE_PASSWORD,Q as SHOW_RESULTS,pT as SITE_INFORMATION,lT as SOCIAL_LINK_ICON,ET as STARS,wT as STATUS_BADGE_EDIT_TITLE,QT as STATUS_BADGE_ERROR_TITLE,KT as STATUS_BADGE_INFORMATION_TITLE,xT as STATUS_BADGE_SUCCESS_TITLE,bT as STATUS_BADGE_TEXT,kT as STATUS_BADGE_WARNING_TITLE,cT as STEPINPUT_DEC_ICON_TITLE,eT as STEPINPUT_INC_ICON_TITLE,M as SUGGESTED_TEXT,CT as TABLE_NO_DATA_FOUND,ST as TEXTAREA_CHARACTERS_LEFT,a as TOGGLED,u as TOOLTIP_RESET_BUTTON,g as TOOLTIP_SUBMIT_BUTTON,W as TOOLTIP_VOICE_BUTTON,w as TOTAL,gT as TRENDING,qT as TRIGGER,S as UNSELECTED,UT as VALUE_STATE_ERROR,aT as VALUE_STATE_INFORMATION,DT as VALUE_STATE_SUCCESS,IT as VALUE_STATE_TYPE_ERROR,NT as VALUE_STATE_TYPE_STANDARD,RT as VALUE_STATE_TYPE_SUCCESS,tT as VALUE_STATE_TYPE_WARNING,PT as VALUE_STATE_WARNING,JT as default};