@sapudex/web-components 0.147.0 → 0.172.0

package/src/i18n/messagebundle.properties

@@ -9,6 +9,7 @@ FIRST_PAGE=First page
 LAST_PAGE=Last page
 PREVIOUS_PAGE=Previous page
 NEXT_PAGE=Next page
+CURRENT_PAGE=Current page
 ACTIVATE_PAGE=Activate page number
 
 # Button types accessible names
@@ -144,6 +145,12 @@ VALUE_STATE_SUCCESS=Entry successfully validated
 #Text for readonly state
 READ_ONLY=Read only
 
+#Aria label text for Masthead main navigation
+MAIN_LINKS=main links
+
+#Text for link opens in new window
+OPENS_IN_A_NEW_WINDOW=opens in a new window
+
 #Text for logout link in Masthead Profile Menu
 LOGOUT=Logout
 PROFILE=Profile
@@ -171,6 +178,9 @@ ABOUT_SAP=About SAP
 SITE_INFORMATION=Site Information
 SEE_COMPLETE_LIST=Or see our complete list of
 LOCAL_COUNTRY_NAMES=local country numbers
+COPYRIGHT=© {0} SAP SE or an SAP affiliate company. All rights reserved.
+PUBLIC_SECURITY_NETWORK_NUMBER=
+ICP_NUMBER=
 
 #Avatar accessible names
 AVATAR_TEXT=Avatar

package/src/i18n/messagebundle_ar.properties

@@ -0,0 +1 @@
+COPYRIGHT=حقوق النشر © {0} لشركة SAP SE أو إحدى الشركات التابعة لشركة SAP. جميع الحقوق محفوظة.

package/src/i18n/messagebundle_bg.properties

@@ -0,0 +1 @@
+COPYRIGHT=© {0} SAP SE или филиал на SAP. Всички права запазени.

package/src/i18n/messagebundle_cs.properties

@@ -0,0 +1 @@
+COPYRIGHT=© {0} SAP SE či přidružená společnost SAP. Všechna práva vyhrazena.

package/src/i18n/messagebundle_da.properties

@@ -0,0 +1 @@
+COPYRIGHT=© {0} SAP SE eller en tilknyttet SAP-virksomhed. Alle rettigheder forbeholdes.

package/src/i18n/messagebundle_de.properties

@@ -5,3 +5,4 @@ VALUE_STATE_ERROR=Ungültige Eingabe
 VALUE_STATE_WARNING=Warnung ausgegeben
 VALUE_STATE_INFORMATION=Informationseintrag
 VALUE_STATE_SUCCESS=Eintrag erfolgreich validiert
+COPYRIGHT=© {0} SAP SE oder ein SAP-Konzernunternehmen. Alle Rechte vorbehalten.

package/src/i18n/messagebundle_el.properties

@@ -0,0 +1 @@
+COPYRIGHT=© {0} SAP SE ή θυγατρική εταιρία της SAP. Με την επιφύλαξη όλων των δικαιωμάτων.

package/src/i18n/messagebundle_en.properties

@@ -22,6 +22,7 @@ FIRST_PAGE=First page
 LAST_PAGE=Last page
 PREVIOUS_PAGE=Previous page
 NEXT_PAGE=Next page
+CURRENT_PAGE=Current page
 ACTIVATE_PAGE=Activate page number
 SUGGESTED_TEXT=Suggested searches
 ACCESSIBLE_NAME_RESET_ICON=Clear
@@ -87,6 +88,7 @@ ABOUT_SAP=About SAP
 SITE_INFORMATION=Site Information
 SEE_COMPLETE_LIST=Or see our complete list of
 LOCAL_COUNTRY_NAMES=local country numbers
+COPYRIGHT=© {0} SAP SE or an SAP affiliate company. All rights reserved.
 AVATAR_TEXT=Avatar
 CALENDAR_ICON=Open Calendar icon
 LIST_ITEM_EDIT_ICON=Edit list item entry
@@ -100,3 +102,5 @@ STATUS_BADGE_ERROR_TITLE=There is an error with the profile
 STATUS_BADGE_SUCCESS_TITLE=Successfully verified profile
 PROFILE=Profile
 TRIGGER=Dropdown trigger
+MAIN_LINKS=main links
+OPENS_IN_A_NEW_WINDOW=opens in a new window

package/src/i18n/messagebundle_es.properties

@@ -5,3 +5,4 @@ VALUE_STATE_ERROR=Entrada no válida
 VALUE_STATE_WARNING=Advertencia enviada
 VALUE_STATE_INFORMATION=Entrada informativa
 VALUE_STATE_SUCCESS=Entrada validada correctamente
+COPYRIGHT=© {0} SAP SE o una empresa afiliada de SAP. Todos los derechos reservados.

package/src/i18n/messagebundle_et.properties

@@ -0,0 +1 @@
+COPYRIGHT=© {0} SAP SE või SAP sidusettevõte. Kõik õigused on kaitstud.

package/src/i18n/messagebundle_fi.properties

@@ -0,0 +1 @@
+COPYRIGHT=© {0} SAP SE tai SAP:n tytäryhtiö. Kaikki oikeudet pidätetään.

package/src/i18n/messagebundle_fr.properties

@@ -5,3 +5,4 @@ VALUE_STATE_ERROR=Entrée non valide
 VALUE_STATE_WARNING=Avertissement édité
 VALUE_STATE_INFORMATION=Entrée pour information
 VALUE_STATE_SUCCESS=Entrée validée correctement
+COPYRIGHT=© {0} SAP SE ou société affiliée SAP. Tous droits réservés.

package/src/i18n/messagebundle_hr.properties

@@ -0,0 +1 @@
+COPYRIGHT=© {0} SAP SE ili povezano poduzeće SAP-a. Sva prava pridržana.

package/src/i18n/messagebundle_hu.properties

@@ -0,0 +1 @@
+COPYRIGHT=© {0} SAP SE vagy az SAP kapcsolódó vállalata. Minden jog fenntartva. Minden jog fenntartva.

package/src/i18n/messagebundle_it.properties

@@ -0,0 +1 @@
+COPYRIGHT=© {0} SAP SE o società affiliate SAP. Tutti i diritti riservati.

package/src/i18n/messagebundle_iw.properties

@@ -0,0 +1,2 @@
+COPYRIGHT=© {0} SAP SE או חברה המסונפת ל-SAP. כל הזכויות שמורות.
+

package/src/i18n/messagebundle_ko.properties

@@ -0,0 +1 @@
+COPYRIGHT=© {0} SAP SE 및 SAP 계열사. 모든 권한 보유.

package/src/i18n/messagebundle_lt.properties

@@ -0,0 +1 @@
+COPYRIGHT=© {0} SAP SE arba SAP asocijuotoji įmonė. Visos teisės saugomos.

package/src/i18n/messagebundle_lv.properties

@@ -0,0 +1 @@
+COPYRIGHT=© {0} SAP SE vai ar SAP saistīts uzņēmums. Visas tiesības paturētas.

package/src/i18n/messagebundle_nl.properties

@@ -0,0 +1 @@
+COPYRIGHT=© {0} SAP SE of een aan SAP gelieerde onderneming. Alle rechten voorbehouden.

package/src/i18n/messagebundle_no.properties

@@ -0,0 +1 @@
+COPYRIGHT=© {0} SAP SE eller et datterselskap av SAP. Med enerett.

package/src/i18n/messagebundle_pl.properties

@@ -0,0 +1 @@
+COPYRIGHT=© {0} SAP SE lub podmiot powiązany SAP. Wszelkie prawa zastrzeżone.

package/src/i18n/messagebundle_pt.properties

@@ -0,0 +1 @@
+COPYRIGHT=© {0} SAP SE ou uma empresa associada da SAP. Todos os direitos reservados.

package/src/i18n/messagebundle_pt_BR.properties

@@ -0,0 +1 @@
+COPYRIGHT=© {0} SAP SE ou empresa afiliada SAP. Todos os direitos reservados.

package/src/i18n/messagebundle_ro.properties

@@ -0,0 +1 @@
+COPYRIGHT=© {0} SAP SE sau o companie afiliată a SAP. Toate drepturile rezervate.

package/src/i18n/messagebundle_ru.properties

@@ -0,0 +1 @@
+COPYRIGHT=© SAP SE или аффилированная компания SAP. Все права защищены.

package/src/i18n/messagebundle_sk.properties

@@ -0,0 +1 @@
+COPYRIGHT=© {0} SAP SE alebo sesterská spoločnosť spoločnosti SAP. Všetky práva vyhradené.

package/src/i18n/messagebundle_sl.properties

@@ -0,0 +1 @@
+COPYRIGHT=© {0} SAP SE ali SAP-jevo povezano podjetje. Vse pravice pridržane.

package/src/i18n/messagebundle_sr.properties

@@ -0,0 +1,2 @@
+COPYRIGHT=© {0} SAP SE ili povezano lice kompanije SAP. Sva prava zadržana.
+

package/src/i18n/messagebundle_sv.properties

@@ -0,0 +1 @@
+COPYRIGHT=© {0} SAP SE eller ett SAP-dotterbolag. Med ensamrätt.

package/src/i18n/messagebundle_tr.properties

@@ -0,0 +1 @@
+COPYRIGHT=© {0} SAP SE veya bir SAP bağlı ortaklığı. Tüm hakları saklıdır.

package/src/i18n/messagebundle_uk.properties

@@ -0,0 +1 @@
+COPYRIGHT=© {0} SAP SE або афілійована компанія SAP. Усі права захищено.

package/src/i18n/messagebundle_zh_CN.properties

@@ -0,0 +1,4 @@
+COPYRIGHT=© {0} SAP 股份有限公司或其关联公司版权所有，保留所有权利。
+ICP_NUMBER=沪ICP备09046015号-28
+PUBLIC_SECURITY_NETWORK_NUMBER=沪公网安备31010602003068号
+

package/src/i18n/messagebundle_zh_TW.properties

@@ -0,0 +1 @@
+COPYRIGHT=© {0} SAP SE 或 SAP 附屬公司。保留所有權利。

package/src/themes/Badge.css

@@ -18,63 +18,40 @@
   --udex-info-badge-number-small-line-height: 1.125rem;
   --udex-info-badge-number-small-height: 1.625rem;
   --udex-info-badge-number-small-padding: var(--udexSpacer4) var(--udexSpacer8);
-  --udex-info-badge-color-info-border-color: var(
-    --sapMessage_InformationBorderColor,
-    var(--udexColorBlue7, #0070f2)
-  );
-  --udex-info-badge-color-info-text-color: var(
-    --sapInformationColor,
-    var(--udexColorBlue9, #0040b0)
-  );
-  --udex-info-badge-color-info-background: var(
-    --sapInformationBackground,
-    var(--udexCoreSemanticInfo1, #ebf8ff)
-  );
-  --udex-info-badge-color-success-border-color: var(
-    --sapMessage_SuccessBorderColor,
-    var(--udexCoreSemanticSuccess7, #188918)
-  );
+  --udex-badge-icon-color: inherit;
+  --udex-badge-icon-size: var(--udexSpacer12, 12px);
+
+  --udex-neutral-badge-color-neutral-border-color: var(--sapMessage_NeutralBorderColor, var(--udexColorGrey4, #a9b4be));
+  --udex-neutral-badge-color-neutral-text-color: var(--udexColorGrey9, #223548);
+  --udex-neutral-badge-color-neutral-background: var(--sapNeutralBackground, var(--udexColorNeutralWhite, #ffffff));
+
+  --udex-info-badge-color-info-border-color: var(--sapMessage_InformationBorderColor, var(--udexColorBlue7, #0070f2));
+  --udex-info-badge-color-info-text-color: var(--sapInformationColor, var(--udexColorBlue9, #0040b0));
+  --udex-info-badge-color-info-background: var(--sapInformationBackground, var(--udexCoreSemanticInfo1, #ebf8ff));
+
+  --udex-info-badge-color-success-border-color: var(--sapMessage_SuccessBorderColor, var(--udexCoreSemanticSuccess7, #188918));
   --udex-info-badge-color-success-text-color: var(--sapSuccessColor, #1e592f);
-  --udex-info-badge-color-success-background: var(
-    --sapSuccessBackground,
-    var(--udexCoreSemanticSuccess1, #f5fae5)
-  );
-  --udex-info-badge-color-warning-border-color: var(
-    --sapWarningBorderColor,
-    var(--udexCoreSemanticWarning7, #c35500)
-  );
+  --udex-info-badge-color-success-background: var(--sapSuccessBackground, var(--udexCoreSemanticSuccess1, #f5fae5));
+
+  --udex-info-badge-color-warning-border-color: var(--sapWarningBorderColor, var(--udexCoreSemanticWarning7, #c35500));
   --udex-info-badge-color-warning-text-color: var(--sapWarningColor, #8d2a00);
-  --udex-info-badge-color-warning-background: var(
-    --sapWarningBackground,
-    var(--udexCoreSemanticWarning1, #fff8d6)
-  );
-  --udex-info-badge-color-error-border-color: var(
-    --sapErrorBorderColor,
-    var(--udexCoreSemanticError7, #d20a0a)
-  );
+  --udex-info-badge-color-warning-background: var(--sapWarningBackground, var(--udexCoreSemanticWarning1, #fff8d6));
+
+  --udex-info-badge-color-error-border-color: var(--sapErrorBorderColor, var(--udexCoreSemanticError7, #d20a0a));
   --udex-info-badge-color-error-text-color: var(--sapErrorColor, #840606);
-  --udex-info-badge-color-error-background: var(
-    --sapErrorBackground,
-    var(--udexCoreSemanticError1, #ffeaf4)
-  );
-  --udex-number-badge-color-blue-text-color: var(
-    --udexColorNeutralWhite,
-    #ffffff
-  );
+  --udex-info-badge-color-error-background: var(--sapErrorBackground,var(--udexCoreSemanticError1, #ffeaf4));
+
+  --udex-number-badge-color-blue-text-color: var(--udexColorNeutralWhite,#ffffff);
   --udex-number-badge-color-blue-background: var(--udexColorBlue7, #0070f2);
-  --udex-number-badge-color-red-text-color: var(
-    --udexColorNeutralWhite,
-    #ffffff
-  );
-  --udex-number-badge-color-red-background: var(
-    --sapNegativeBackgroundColor,
-    #d20a0a
-  );
+
+  --udex-number-badge-color-red-text-color: var(--udexColorNeutralWhite,#ffffff);
+  --udex-number-badge-color-red-background: var(--sapNegativeBackgroundColor, #d20a0a);
+
   --udex-number-badge-color-white-text-color: var(--udexColorBlue7, #0070f2);
-  --udex-number-badge-color-white-background: var(
-    --udexColorNeutralWhite,
-    #ffffff
-  );
+  --udex-number-badge-color-white-background: var(--udexColorNeutralWhite, #ffffff);
+
+  --udex-number-badge-color-neutral-background: var(--udexColorNeutralWhite, #ffffff);
+  --udex-number-badge-color-neutral-text-color: var(--udexColorGrey9, #223548);
 }
 
 .udex-badge {
@@ -83,6 +60,13 @@
   font-size: var(--udex-tags-font-size);
   display: inline-flex;
   align-items: center;
+  gap: var(--udexSpacer4, 4px);
+}
+
+.udex-badge__icon {
+  height: var(--udex-badge-icon-size);
+  min-width: var(--udex-badge-icon-size);
+  color: var(--udex-badge-icon-color);
 }
 
 .udex-badge--text.udex-badge--large {
@@ -110,6 +94,13 @@
   color: var(--udex-info-badge-color-info-text-color);
 }
 
+.udex-badge--text.udex-badge--neutral {
+  background: var(--udex-neutral-badge-color-neutral-background);
+  box-shadow: inset 0 0 0 var(--udex-info-badge-text-border-width)
+    var(--udex-neutral-badge-color-neutral-border-color);
+  color: var(--udex-neutral-badge-color-neutral-text-color);
+}
+
 .udex-badge--text.udex-badge--success {
   background: var(--udex-info-badge-color-success-background);
   box-shadow: inset 0 0 0 var(--udex-info-badge-text-border-width)
@@ -164,3 +155,8 @@
   background: var(--udex-number-badge-color-white-background);
   font-weight: var(--udexTypographyFontWeightMedium);
 }
+
+.udex-badge--number.udex-badge--neutral {
+  color: var(--udex-number-badge-color-neutral-text-color);
+  background: var(--udex-number-badge-color-neutral-background);
+}

package/src/themes/BreadcrumbsPopover.css

@@ -26,6 +26,7 @@
   --udex-dropdown-box-shadow: var(--sapContent_Shadow2, 0px 10px 30px 0px rgba(34, 54, 73, 0.25));
   --udex-dropdown-border-radius: 0;
   --udex-dropdown-border-width: 0;
+  --udex-dropdown-pane-max-width: fit-content;
 }
 
 [ui5-icon] {

package/src/themes/DatePickerPopover.css

@@ -1,3 +1,12 @@
 .udex-date-picker__popover {
   --udex-dropdown-border-width: 0;
+  --udex-dropdown-pane-max-width: fit-content;
+}
+
+
+@media (width < 640px) {
+  .udex-date-picker__popover {
+    --udex-dropdown-pane-min-width-xs: fit-content;
+    --udex-dropdown-pane-max-width-xs: fit-content;
+  }
 }

package/src/themes/FilterMenu.css

@@ -150,7 +150,7 @@
   margin-inline-start: var(--udexSpacer4, 4px);
 }
 
-ui5-popover {
+[ui5-popover] {
   border: var(--udex-filter-menu-popover-border-width) solid var(--udex-filter-menu-popover-border-color);
   border-radius: var(--udex-filter-menu-popover-border-radius);
   box-shadow: var(--udex-filter-menu-popover-shadow);
@@ -159,17 +159,17 @@ ui5-popover {
   width: var(--udex-filter-menu-popover-width);
 }
 
-ui5-popover::part(content) {
+[ui5-popover]::part(content) {
   padding: 0;
   overflow: auto;
 }
 
-ui5-popover::part(header),
-ui5-popover::part(footer) {
+[ui5-popover]::part(header),
+[ui5-popover]::part(footer) {
   padding: var(--udexSpacer16, 16px) var(--udexSpacer12, 12px);
 }
 
-ui5-popover::part(footer) {
+[ui5-popover]::part(footer) {
   justify-content: flex-start;
   border-color: var(--sapField_BorderColor, var(--udexCoreBorderDefault));
   box-shadow: var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,0.3));
@@ -189,7 +189,7 @@ ui5-popover::part(footer) {
 }
 
 @media (width < 640px) {
-  ui5-popover {
+  [ui5-popover] {
     min-width: var(--udex-filter-menu-popover-min-width-xs);
     max-width: var(--udex-filter-menu-popover-max-width-xs);
   }

package/src/themes/Footer.css

@@ -26,7 +26,7 @@
 
 .udex-footer {
   background: var(--udex-footer-background-color);
-  padding: var(--udexSpacer84);
+  padding: var(--udexSpacer72) var(--udexSpacer84);
   font-family: var(--sapFontFamily);
   color: var(--udex-footer-text-color);
   position: relative;
@@ -148,7 +148,7 @@
   display: flex;
   flex-wrap: wrap;
   width: 100%;
-  padding-top: var(--udexSpacer32);
+  padding-top: var(--udexSpacer20);
   row-gap: var(--udexSpacer12);
   column-gap: var(--udexSpacer12);
 }
@@ -216,6 +216,18 @@ h3 {
   align-items: center;
 }
 
+.udex-footer__copyright {
+  display: flex;
+  flex-direction: column;
+  font-size: var(--udexTypographyBodyXSFontSize);
+  line-height: var(--udexTypographyBodyLineHeight);
+  padding-top: var(--udexSpacer32);
+}
+
+:host a.udex-footer__copyright-chinese-link {
+  color: var(--udex-footer-text-color)
+}
+
 @media (max-width: 1599px) {
   .udex-footer {
     padding: var(--udexSpacer40) var(--udexSpacer72);
@@ -226,6 +238,10 @@ h3 {
 }
 
 @media (max-width: 1279px) {
+  .udex-footer__copyright {
+    padding-top: 0;
+  }
+
   .udex-footer__content {
     flex-direction: column;
     flex-wrap: nowrap;
@@ -261,7 +277,6 @@ h3 {
 
   .udex-footer__divider {
     display: block;
-    margin: var(--udexSpacer20) 0;
   }
 
   .udex-footer__contact > div,
@@ -275,6 +290,10 @@ h3 {
 }
 
 @media (max-width: 979px) {
+  .udex-footer__copyright {
+    padding-bottom: var(--udexSpacer4);
+  }
+
   .udex-footer {
     padding: var(--udexSpacer40) var(--udexSpacer48) var(--udexSpacer120) var(--udexSpacer48);
   }

package/src/themes/MastheadItem.css

@@ -210,6 +210,10 @@
   flex-direction: column;
 }
 
+.udex-masthead-hidden-text {
+  display: none;
+}
+
 @media (max-width: 1279px) {
   :host {
     position: initial;

package/src/themes/MastheadMenu.css

@@ -97,10 +97,10 @@
 
 .udex-masthead-menu__list {
   width: var(--udex-masthead-menu-column-width);
+  flex-grow: 1;
   list-style: none;
   margin: 0;
   padding: 0;
-  flex-grow: 1;
 }
 
 .udex-masthead-menu__list li {

package/src/themes/MastheadMenuItem.css

@@ -159,6 +159,10 @@ button.udex-masthead-menu-item {
   margin-inline-end: auto;
 }
 
+.udex-masthead-hidden-text {
+  display: none;
+}
+
 @media (max-width: 1279px) {
   .udex-masthead-menu-item {
     padding: var(--udex-masthead-menu-item-padding-mobile);

package/src/themes/MastheadShell.css

@@ -123,6 +123,9 @@
   align-items: center;
   gap: var(--udexSpacer24);
   max-width: 100%;
+  margin: 0;
+  padding: 0;
+  list-style: none;
 }
 
 .udex-masthead-shell__right-menu {
@@ -152,11 +155,13 @@
 
 .udex-masthead-shell__menu-btn {
   height: 18px;
+  order: 1;
 }
 
 .udex-masthead-shell__close-btn {
   position: relative;
   margin-inline-start: var(--udexSpacer12);
+  order: 2;
 }
 
 .udex-masthead-shell__close-btn:before {

package/src/themes/MediaPlayer.css

@@ -1,4 +1,5 @@
 :host {
+  --udex-media-player-background-color: #000000;
   --udex-media-player-height: 500px;
   --udex-media-player-width: 100%;
   --udex-media-player-mobile-height: 150px;
@@ -64,7 +65,7 @@
 }
 
 .video-js {
-  background-color: #000;
+  background-color: var(--udex-media-player-background-color);
   box-sizing: border-box;
   color: #fff;
   display: inline-block;

package/src/themes/Modal.css

@@ -23,6 +23,7 @@
 
 :host .ui5-popup-root .ui5-popup-content  {
 	padding: var(--udexModalAndOverlayModalContentPaddingVertical) var(--udexModalAndOverlayModalContentPaddingHorizontal);
+  scrollbar-gutter: stable both-edges;
 }
 
 :host([type="basic"]) {

package/src/themes/TableCell.css

@@ -30,6 +30,4 @@
   height: var(--udex-table-cell-icon-height);
   margin-inline-end: var(--udexSpacer4);
   color: var(--udex-table-cell-color);
-  margin-top: 4px;
-  margin-bottom: auto;
 }

package/src/themes/TableCellBase.css

@@ -9,6 +9,7 @@
   border-bottom-width: 1px;
   border-bottom-style: solid;
   position: relative;
+  word-break: break-word;
 }
 
 :host([_sticky]) {

package/src/themes/TextArea.css

@@ -74,7 +74,7 @@
   background: linear-gradient(var(--udex-textarea-color-label-background) 65%, var(--udex-textarea-color-standard-default-background) 35%);
 }
 
-:host ui5-icon {
+:host [ui5-icon] {
   color: inherit;
   vertical-align: top;
   margin-inline-end: var(--udexSpacer4, 4px);

package/src/types/BadgeDesign.ts

@@ -0,0 +1,17 @@
+export enum TextBadgeDesign{
+  Error = "Error",
+  Info = "Info",
+  Success = "Success",
+  Warning = "Warning",
+  Neutral = "Neutral",
+}
+
+export enum NumberBadgeDesign{
+  Blue = "Blue",
+  Red = "Red",
+  White = "White",
+  Neutral = "Neutral",
+}
+
+export const textBadgeOptions = [TextBadgeDesign.Error, TextBadgeDesign.Info, TextBadgeDesign.Neutral, TextBadgeDesign.Success, TextBadgeDesign.Warning];
+export const numberBadgeOptions = [NumberBadgeDesign.Blue, NumberBadgeDesign.Red, NumberBadgeDesign.White, NumberBadgeDesign.Neutral];

package/src/types/IconPlacement.ts

@@ -0,0 +1,6 @@
+enum IconPlacement {
+    Start = "Start",
+    End = "End"
+}
+
+export default IconPlacement;

package/src/types/List.ts

@@ -24,3 +24,12 @@ export enum AdditionalTextState {
   Error = "Error",
   Information = "Information",
 }
+
+export interface LetterPressedHandlerObj {
+  getPressedKey: () => string,
+  setPressedKey: (arg: string) => void,
+  getPressedCount: () => number,
+  setPressedCount: (arg: number) => void,
+  getLastFoundPosition: () => number,
+  setLastFoundPosition: (arg: number) => void,
+}

package/src/utils/isLetterKeyPressed.ts

@@ -0,0 +1,5 @@
+const isLetterKey = (key: string) => {
+  return /^[a-zA-Z]$/.test(key);
+};
+
+export default isLetterKey;