@sapudex/web-components 2.9.0 → 2.11.0

package/src/themes/Tag.css

@@ -6,9 +6,10 @@
   --udex-tags-line-height: 18px;
   --udex-tags-medium-line-height: 21px;
   --udex-tags-icon-size: 12px;
-  --udex-tags-icon-padding: 2px;
+  --udex-tags-icon-color: "inherit";
+  --udex-tags-icon-padding: var(--udexSpacer2, 2px);
   --udex-tags-medium-icon-size: 12px;
-  --udex-tags-radius-size: 6px;
+  --udex-tags-radius-size: var(--udexRadiusS, 6px);
   --udex-tags-text-icon-gap: 3px;
   --udex-tags-padding-vertical: var(--udexSpacer2, 2px);
   --udex-tags-padding-horizontal: var(--udexSpacer8, 8px);
@@ -24,7 +25,7 @@
   --udex-tags-grey-read-only-background-color: var(--sapNeutralBackground, #FFFFFF);
   --udex-tags-outlined-default-background-color: var(--udexColorNeutralWhite, #FFFFFF);
   --udex-tags-outlined-default-border-color: var(--udexColorGrey4, #A9B4BE);
-  --udex-tags-outlined-default-border-width: 1px;
+  --udex-tags-outlined-default-border-width: var(--sapButton_BorderWidth);
   --udex-tags-outlined-default-caption-color: var(--udexCoreTextDark, #223548);
   --udex-tags-outlined-hover-background-color: var(--udexColorGrey1, #F5F6F7);
   --udex-tags-outlined-hover-border-color: var(--udexColorGrey4, #A9B4BE);
@@ -110,7 +111,7 @@
   padding: var(--udex-tags-icon-padding);
   height: var(--udex-tags-icon-size);
   width: var(--udex-tags-icon-size);
-  color: inherit;
+  color: var(--udex-tags-icon-color);
   flex-shrink: 0;
 }
 
@@ -150,16 +151,6 @@
   color: var(--udex-tags-text-color);
 }
 
-.udex-tag-grey.udex-tag--selected:after {
-  content: '';
-  position: absolute;
-  height: 2px;
-  width: 100%;
-  bottom: 0;
-  left: 0;
-  background-color: var(--udex-tags-grey-selected-caption-color);
-}
-
 .udex-tag-grey.udex-tag--selected:hover {
   color: var(--udex-tags-grey-hover-selected-caption-color);
   background-color: var(--udex-tags-grey-hover-selected-background-color);
@@ -202,16 +193,6 @@
   box-shadow: inset 0 0 0 var(--udex-tags-outlined-default-border-width) var(--udex-tags-outlined-selected-border-color);
 }
 
-.udex-tag-outlined.udex-tag--selected:after {
-  content: '';
-  position: absolute;
-  height: 2px;
-  width: 100%;
-  bottom: 0;
-  left: 0;
-  background-color: var(--udex-tags-outlined-selected-caption-color);
-}
-
 .udex-tag-outlined.udex-tag--selected:hover {
   color: var(--udex-tags-outlined-hover-selected-caption-color);
   background-color: var(--udex-tags-outlined-hover-selected-background-color);
@@ -277,6 +258,8 @@
   background-color: var(--udex-tags-white-selected-background-color);
 }
 
+.udex-tag-grey.udex-tag--selected:after,
+.udex-tag-outlined.udex-tag--selected:after,
 .udex-tag-white.udex-tag--selected:after {
   content: '';
   position: absolute;
@@ -284,9 +267,20 @@
   width: 100%;
   bottom: 0;
   left: 0;
+}
+
+.udex-tag-white.udex-tag--selected:after {
   background-color: var(--udex-tags-white-selected-caption-color);
 }
 
+.udex-tag-grey.udex-tag--selected:after {
+  background-color: var(--udex-tags-grey-selected-caption-color);
+}
+
+.udex-tag-outlined.udex-tag--selected:after {
+  background-color: var(--udex-tags-outlined-selected-caption-color);
+}
+
 .udex-tag-white.udex-tag--selected:hover {
   color: var(--udex-tags-white-hover-selected-caption-color);
   background-color: var(--udex-tags-white-hover-selected-background-color);

package/src/themes/TextField.css

@@ -99,11 +99,6 @@
   outline: 0;
 }
 
-:host([active]) .udex-text-field_icon-container {
-  border-color: transparent;
-  color: var(--udexColorGrey7, #475E75);
-}
-
 .udex-text-field__wrap[open]:hover {
   border-color: var(--udex-input-color-standard-active-border);
 }
@@ -263,16 +258,6 @@
   --sapButton_BorderWidth: 0 1px 0 0;
 }
 
-:host([icon-active]) .udex-text-field_icon-container {
-  border-color: var(--udexColorBlue4, #89D1FF);
-  color: var(--udexColorBlue9, #0040B0);
-}
-
-:host([icon-active]) .udex-text-field_icon-container:hover {
-  border-color: var(--udexColorGrey7, #475E75);
-  color: var(--udexColorGrey7, #475E75);
-}
-
 /* Supporting text styles */
 
 .udex-text-field__supporting-text {

package/src/types/PromoTile.ts

@@ -0,0 +1,61 @@
+export enum UDExPromoTileColorSheme {
+  Grey1 = "Grey1",
+  Grey2 = "Grey2",
+  Grey7 = "Grey7",
+  Grey8 = "Grey8",
+  Grey9 = "Grey9",
+  Grey10 = "Grey10",
+  Blue1 = "Blue1",
+  Blue2 = "Blue2",
+  Blue7 = "Blue7",
+  Blue8 = "Blue8",
+  Blue9 = "Blue9",
+  Blue10 = "Blue10",
+  Teal1 = "Teal1",
+  Teal2 = "Teal2",
+  Teal7 = "Teal7",
+  Teal8 = "Teal8",
+  Teal9 = "Teal9",
+  Teal10 = "Teal10",
+  Green1 = "Green1",
+  Green2 = "Green2",
+  Green7 = "Green7",
+  Green8 = "Green8",
+  Green9 = "Green9",
+  Green10 = "Green10",
+  Mango1 = "Mango1",
+  Mango2 = "Mango2",
+  Mango7 = "Mango7",
+  Mango8 = "Mango8",
+  Mango9 = "Mango9",
+  Mango10 = "Mango10",
+  Red1 = "Red1",
+  Red2 = "Red2",
+  Red7 = "Red7",
+  Red8 = "Red8",
+  Red9 = "Red9",
+  Red10 = "Red10",
+  Raspberry1 = "Raspberry1",
+  Raspberry2 = "Raspberry2",
+  Raspberry7 = "Raspberry7",
+  Raspberry8 = "Raspberry8",
+  Raspberry9 = "Raspberry9",
+  Raspberry10 = "Raspberry10",
+  Pink1 = "Pink1",
+  Pink2 = "Pink2",
+  Pink7 = "Pink7",
+  Pink8 = "Pink8",
+  Pink9 = "Pink9",
+  Pink10 = "Pink10",
+  Indigo1 = "Indigo1",
+  Indigo2 = "Indigo2",
+  Indigo7 = "Indigo7",
+  Indigo8 = "Indigo8",
+  Indigo9 = "Indigo9",
+  Indigo10 = "Indigo10",
+}
+
+export enum UDExPromoTileMode {
+  dark = "dark",
+  light = "light"
+}

package/src/types/SocialMediaButtonType.ts

@@ -0,0 +1,10 @@
+export enum UDExSocialMediaButtonType {
+  facebook = "facebook",
+  instagram = "instagram",
+  linkedin = "linkedin",
+  email = "email",
+  youtube = "youtube",
+  x = "x",
+}
+
+export default UDExSocialMediaButtonType;

package/src/utils/debounce.ts

@@ -1,11 +1,26 @@
 import type CallbackFunction from "../types/callback.js";
 
 const debounce = <T extends CallbackFunction>(cb: T, timeout = 300) => {
-  let timer: ReturnType<typeof setTimeout>;
-  return (...args: any) => {
-    clearTimeout(timer);
-    timer = setTimeout(() => { cb(args); }, timeout);
+  let timer: ReturnType<typeof setTimeout> | null = null;
+
+  const fn = (...args: Parameters<T>) => {
+    if (timer) {
+      clearTimeout(timer);
+    }
+    timer = setTimeout(() => {
+      timer = null;
+      cb(...args);
+    }, timeout);
+  };
+
+  (fn as typeof fn & { cancel: () => void }).cancel = () => {
+    if (timer) {
+      clearTimeout(timer);
+      timer = null;
+    }
   };
+
+  return fn as typeof fn & { cancel: () => void };
 };
 
 export default debounce;

package/dist/assets/messagebundle_en-CKeTZNW3.js

@@ -1 +0,0 @@
-const T="Count",E="of",_="Pagination page",A="Selected",S="Unselected",I="Indeterminate",t="Edit",R="Delete",O="Primary",N="Secondary",n="Tertiary",L="Warning",o="Positive",s="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",l="Current page",G="Activate page number",M="Suggested searches",d="Clear",V="Search",u="Clear",F="Voice",W="Submit",Y="Listening",g="Available Values",p="Recommended pages",X="Expand All",m="Collapse All",f="More",H="Attention badge",y="Read more",h="Read less",v="Rating Indicator",b="Rating",K="Required",w="Total",k="Contains Multi-Selectable Items",x="Contains Selectable Items",Q="Show Results",Z="Show/Hide Password Button",q="Reset",z="Message Strip Close Button",j="Information Bar",J="Positive Bar",$="Warning Bar",TT="Negative Bar",ET="Action Bar",_T="reviews",AT="stars",ST="Select Options",IT="Select All",tT="{0} characters remaining",RT="Field State Error",OT="Field State Warning",NT="Field State Success",nT="Field State Standard",LT="Previous Page",oT="Next Page",sT="No matches found.",eT="Breadcrumb Trail",cT="More",CT="Increase Quantity by",UT="Decrease Quantity by",PT="No data found",aT="Invalid entry",DT="Warning issued",iT="Informative entry",BT="Entry successfully validated",rT="Read only",lT="Logout",GT="Select country",MT="Overview",dT="Cart",VT="Country Selector",uT="Support",FT="Link Graphic",WT="Phone number",YT="Contact us",gT="Email",pT="Chat with us",XT="Quick Links",mT="Trending",fT="About SAP",HT="Site Information",yT="Or see our complete list of",hT="local country numbers",vT="© {0} SAP SE or an SAP affiliate company. All rights reserved.",bT="Avatar",KT="Open Calendar icon",wT="Edit list item entry",kT="Delete list item entry",xT="back button label",QT="Status Badge",ZT="Click to edit profile",qT="Click to open profile information",zT="Warning, potential risk with the profile",jT="There is an error with the profile",JT="Successfully verified profile",$T="Profile",TE="main links",EE="opens in a new window",_E="Text field",AE="Uploading",SE="Terminated",IE="Remove file",tE="Upload file",RE="Complete list of",OE="Call us today!",NE="Search",nE="results returned.",LE={COUNT:T,OF:E,PAGINATION_PAGE:_,SELECTED:A,UNSELECTED:S,INDETERMINATE:I,EDIT_BUTTON:t,DELETE_BUTTON:R,BUTTON_ARIA_TYPE_PRIMARY:O,BUTTON_ARIA_TYPE_SECONDARY:N,BUTTON_ARIA_TYPE_TERTIARY:n,BUTTON_ARIA_TYPE_WARNING:L,BUTTON_ARIA_TYPE_POSITIVE:o,BUTTON_ARIA_TYPE_NEGATIVE:s,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:l,ACTIVATE_PAGE:G,SUGGESTED_TEXT:M,ACCESSIBLE_NAME_RESET_ICON:d,ACCESSIBLE_NAME_SEARCH_ICON:V,TOOLTIP_RESET_BUTTON:u,TOOLTIP_VOICE_BUTTON:F,TOOLTIP_SUBMIT_BUTTON:W,LISTENING:Y,AVAILABLE_VALUES:g,RECOMMENDED_TEXT:p,EXPAND_ALL:X,COLLAPSE_ALL:m,MORE:f,ATTENTION_BADGE:H,READ_MORE:y,READ_LESS:h,RATING_INDICATOR_TEXT:v,RATING_INDICATOR_TOOLTIP_TEXT:b,RATING_INDICATOR_ARIA_DESCRIPTION:K,TOTAL:w,ARIA_LABEL_LIST_MULTISELECTABLE:k,ARIA_LABEL_LIST_SELECTABLE:x,SHOW_RESULTS:Q,SHOW_HIDE_PASSWORD:Z,RESET:q,MESSAGE_STRIP_CLOSE_BUTTON:z,MESSAGE_STRIP_INFORMATION:j,MESSAGE_STRIP_SUCCESS:J,MESSAGE_STRIP_WARNING:$,MESSAGE_STRIP_ERROR:TT,MESSAGE_STRIP_ACTION:ET,REVIEWS:_T,STARS:AT,SELECT_OPTIONS:ST,SELECT_ALL:IT,TEXTAREA_CHARACTERS_LEFT:tT,VALUE_STATE_TYPE_ERROR:RT,VALUE_STATE_TYPE_WARNING:OT,VALUE_STATE_TYPE_SUCCESS:NT,VALUE_STATE_TYPE_STANDARD:nT,CAROUSEL_PREVIOUS_ARROW_TEXT:LT,CAROUSEL_NEXT_ARROW_TEXT:oT,NO_MATCHES_FOUND:sT,BREADCRUMBS_ARIA_LABEL:eT,BREADCRUMBS_OVERFLOW_ARIA_LABEL:cT,STEPINPUT_INC_ICON_TITLE:CT,STEPINPUT_DEC_ICON_TITLE:UT,TABLE_NO_DATA_FOUND:PT,VALUE_STATE_ERROR:aT,VALUE_STATE_WARNING:DT,VALUE_STATE_INFORMATION:iT,VALUE_STATE_SUCCESS:BT,READ_ONLY:rT,LOGOUT:lT,COUNTRY_SELECT:GT,OVERVIEW:MT,CART:dT,COUNTRY_SELECTOR:VT,SUPPORT:uT,SOCIAL_LINK_ICON:FT,PHONE_NUMBER:WT,CONTACT_US:YT,EMAIL:gT,CHAT_WITH_US:pT,QUICK_LINKS:XT,TRENDING:mT,ABOUT_SAP:fT,SITE_INFORMATION:HT,SEE_COMPLETE_LIST:yT,LOCAL_COUNTRY_NAMES:hT,COPYRIGHT:vT,AVATAR_TEXT:bT,CALENDAR_ICON:KT,LIST_ITEM_EDIT_ICON:wT,LIST_ITEM_DELETE_ICON:kT,BACK_BUTTON_LABEL:xT,STATUS_BADGE_TEXT:QT,STATUS_BADGE_EDIT_TITLE:ZT,STATUS_BADGE_INFORMATION_TITLE:qT,STATUS_BADGE_WARNING_TITLE:zT,STATUS_BADGE_ERROR_TITLE:jT,STATUS_BADGE_SUCCESS_TITLE:JT,PROFILE:$T,MAIN_LINKS:TE,OPENS_IN_A_NEW_WINDOW:EE,TEXT_FIELD:_E,UPLOADING_FILE_STATUS_TEXT:AE,TERMINATED_FILE_STATUS_TEXT:SE,REMOVE_FILE_TEXT:IE,UPLOAD_BUTTON_LABEL:tE,COMPLETE_LIST_OF:RE,CALL_US_TODAY:OE,SEARCH:NE,RESULT_RETURNED:nE};export{fT as ABOUT_SAP,d as ACCESSIBLE_NAME_RESET_ICON,V as ACCESSIBLE_NAME_SEARCH_ICON,G as ACTIVATE_PAGE,k as ARIA_LABEL_LIST_MULTISELECTABLE,x as ARIA_LABEL_LIST_SELECTABLE,H as ATTENTION_BADGE,g as AVAILABLE_VALUES,bT as AVATAR_TEXT,xT as BACK_BUTTON_LABEL,eT as BREADCRUMBS_ARIA_LABEL,cT 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,s as BUTTON_ARIA_TYPE_NEGATIVE,o as BUTTON_ARIA_TYPE_POSITIVE,O as BUTTON_ARIA_TYPE_PRIMARY,N as BUTTON_ARIA_TYPE_SECONDARY,n as BUTTON_ARIA_TYPE_TERTIARY,L as BUTTON_ARIA_TYPE_WARNING,KT as CALENDAR_ICON,OE as CALL_US_TODAY,oT as CAROUSEL_NEXT_ARROW_TEXT,LT as CAROUSEL_PREVIOUS_ARROW_TEXT,dT as CART,pT as CHAT_WITH_US,m as COLLAPSE_ALL,RE as COMPLETE_LIST_OF,YT as CONTACT_US,vT as COPYRIGHT,T as COUNT,GT as COUNTRY_SELECT,VT as COUNTRY_SELECTOR,l as CURRENT_PAGE,P as DATEPICKER_DATE_DESCRIPTION,R as DELETE_BUTTON,t as EDIT_BUTTON,gT as EMAIL,X as EXPAND_ALL,D as FIRST_PAGE,I as INDETERMINATE,i as LAST_PAGE,Y as LISTENING,kT as LIST_ITEM_DELETE_ICON,wT as LIST_ITEM_EDIT_ICON,hT as LOCAL_COUNTRY_NAMES,lT as LOGOUT,TE as MAIN_LINKS,ET as MESSAGE_STRIP_ACTION,z as MESSAGE_STRIP_CLOSE_BUTTON,TT as MESSAGE_STRIP_ERROR,j as MESSAGE_STRIP_INFORMATION,J as MESSAGE_STRIP_SUCCESS,$ as MESSAGE_STRIP_WARNING,f as MORE,r as NEXT_PAGE,sT as NO_MATCHES_FOUND,E as OF,EE as OPENS_IN_A_NEW_WINDOW,MT as OVERVIEW,_ as PAGINATION_PAGE,WT as PHONE_NUMBER,B as PREVIOUS_PAGE,$T as PROFILE,XT as QUICK_LINKS,K as RATING_INDICATOR_ARIA_DESCRIPTION,v as RATING_INDICATOR_TEXT,b as RATING_INDICATOR_TOOLTIP_TEXT,h as READ_LESS,y as READ_MORE,rT as READ_ONLY,p as RECOMMENDED_TEXT,IE as REMOVE_FILE_TEXT,q as RESET,nE as RESULT_RETURNED,_T as REVIEWS,NE as SEARCH,yT as SEE_COMPLETE_LIST,A as SELECTED,IT as SELECT_ALL,ST as SELECT_OPTIONS,Z as SHOW_HIDE_PASSWORD,Q as SHOW_RESULTS,HT as SITE_INFORMATION,FT as SOCIAL_LINK_ICON,AT as STARS,ZT as STATUS_BADGE_EDIT_TITLE,jT as STATUS_BADGE_ERROR_TITLE,qT as STATUS_BADGE_INFORMATION_TITLE,JT as STATUS_BADGE_SUCCESS_TITLE,QT as STATUS_BADGE_TEXT,zT as STATUS_BADGE_WARNING_TITLE,UT as STEPINPUT_DEC_ICON_TITLE,CT as STEPINPUT_INC_ICON_TITLE,M as SUGGESTED_TEXT,uT as SUPPORT,PT as TABLE_NO_DATA_FOUND,SE as TERMINATED_FILE_STATUS_TEXT,tT as TEXTAREA_CHARACTERS_LEFT,_E as TEXT_FIELD,a as TOGGLED,u as TOOLTIP_RESET_BUTTON,W as TOOLTIP_SUBMIT_BUTTON,F as TOOLTIP_VOICE_BUTTON,w as TOTAL,mT as TRENDING,S as UNSELECTED,AE as UPLOADING_FILE_STATUS_TEXT,tE as UPLOAD_BUTTON_LABEL,aT as VALUE_STATE_ERROR,iT as VALUE_STATE_INFORMATION,BT as VALUE_STATE_SUCCESS,RT as VALUE_STATE_TYPE_ERROR,nT as VALUE_STATE_TYPE_STANDARD,NT as VALUE_STATE_TYPE_SUCCESS,OT as VALUE_STATE_TYPE_WARNING,DT as VALUE_STATE_WARNING,LE as default};