fundamental-styles 0.23.0 → 0.23.1-rc.2

package/dist/action-bar.css

@@ -1,5 +1,239 @@
 /*!
- * Fundamental Library Styles v0.23.0
+ * Fundamental Library Styles v0.23.1-rc.2
  * Copyright (c) 2022 SAP SE or an SAP affiliate company.
  * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
- */.fd-action-bar{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;-webkit-box-shadow:var(--sapContent_HeaderShadow);box-shadow:var(--sapContent_HeaderShadow);background-color:var(--sapPageHeader_Background);min-height:3rem;max-height:4.25rem;word-wrap:break-word;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 2rem}.fd-action-bar:after,.fd-action-bar:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-bar__header{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;height:2rem;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-action-bar__header:after,.fd-action-bar__header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-bar__back{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;display:block;position:relative;margin-right:.5rem}.fd-action-bar__back:after,.fd-action-bar__back:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}@media (min-width:320px){.fd-action-bar__back{display:none!important}}@media (min-width:600px){.fd-action-bar__back{display:inline-block!important}}.fd-action-bar__back[dir=rtl],[dir=rtl] .fd-action-bar__back{margin-right:0;margin-left:.5rem}.fd-action-bar__title{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-rendering:optimizeLegibility;font-family:var(--sapFontHeaderFamily);color:var(--sapGroup_TitleTextColor);-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;line-height:1.375rem;padding-right:.5rem;vertical-align:middle;margin:0}.fd-action-bar__title:after,.fd-action-bar__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-bar__title[dir=rtl],[dir=rtl] .fd-action-bar__title{padding-right:0;padding-left:.5rem}.fd-action-bar__description{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;color:var(--sapContent_LabelColor);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;height:1.25rem;vertical-align:middle}.fd-action-bar__description:after,.fd-action-bar__description:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}@media (min-width:320px){.fd-action-bar__description{display:none!important}}@media (min-width:600px){.fd-action-bar__description{display:inline-block!important}}.fd-action-bar__description--back{padding-left:2.5rem}.fd-action-bar__description--back[dir=rtl],[dir=rtl] .fd-action-bar__description--back{padding-left:0;padding-right:2.5rem}.fd-action-bar__actions{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:opacity .25s ease-in;transition:opacity .25s ease-in;visibility:visible;height:2rem}.fd-action-bar__actions:after,.fd-action-bar__actions:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-bar__actions.is-disabled,.fd-action-bar__actions[aria-hidden=true]{opacity:0;visibility:hidden}.fd-action-bar__actions>:nth-child(n+1){margin-left:.5rem}.fd-action-bar__actions>:first-child{margin-left:0}.fd-action-bar__actions>[dir=rtl]:nth-child(n+1),[dir=rtl] .fd-action-bar__actions>:nth-child(n+1){margin-right:.5rem;margin-left:0}.fd-action-bar__actions>[dir=rtl]:first-child,[dir=rtl] .fd-action-bar__actions>:first-child{margin-right:0}.fd-action-bar--s{padding:.5rem 1rem}.fd-action-bar--m_l{padding:.5rem 2rem}.fd-action-bar--xl{padding:.5rem 3rem}
+ */
+.fd-action-bar {
+  font-size: var(--sapFontSize);
+  line-height: var(--sapContent_LineHeight);
+  color: var(--sapTextColor);
+  font-family: var(--sapFontFamily);
+  font-weight: 400;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  padding: 0;
+  margin: 0;
+  border: 0;
+  -webkit-box-shadow: var(--sapContent_HeaderShadow);
+  box-shadow: var(--sapContent_HeaderShadow);
+  background-color: var(--sapPageHeader_Background);
+  min-height: 3rem;
+  max-height: 4.25rem;
+  word-wrap: break-word;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  padding: .5rem 2rem
+}
+.fd-action-bar::after,
+.fd-action-bar::before {
+  -webkit-box-sizing: inherit;
+  box-sizing: inherit;
+  font-size: inherit
+}
+.fd-action-bar__header {
+  font-size: var(--sapFontSize);
+  line-height: var(--sapContent_LineHeight);
+  color: var(--sapTextColor);
+  font-family: var(--sapFontFamily);
+  font-weight: 400;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  padding: 0;
+  margin: 0;
+  border: 0;
+  height: 2rem;
+  -webkit-box-flex: 1;
+  -ms-flex-positive: 1;
+  flex-grow: 1;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center
+}
+.fd-action-bar__header::after,
+.fd-action-bar__header::before {
+  -webkit-box-sizing: inherit;
+  box-sizing: inherit;
+  font-size: inherit
+}
+.fd-action-bar__back {
+  font-size: var(--sapFontSize);
+  line-height: var(--sapContent_LineHeight);
+  color: var(--sapTextColor);
+  font-family: var(--sapFontFamily);
+  font-weight: 400;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  padding: 0;
+  margin: 0;
+  border: 0;
+  display: block;
+  position: relative;
+  margin-right: .5rem
+}
+.fd-action-bar__back::after,
+.fd-action-bar__back::before {
+  -webkit-box-sizing: inherit;
+  box-sizing: inherit;
+  font-size: inherit
+}
+@media (min-width:320px) {
+  .fd-action-bar__back {
+    display: none!important
+  }
+}
+@media (min-width:600px) {
+  .fd-action-bar__back {
+    display: inline-block!important
+  }
+}
+.fd-action-bar__back[dir=rtl],
+[dir=rtl] .fd-action-bar__back {
+  margin-right: 0;
+  margin-left: .5rem
+}
+.fd-action-bar__title {
+  font-size: var(--sapFontSize);
+  line-height: var(--sapContent_LineHeight);
+  color: var(--sapTextColor);
+  font-family: var(--sapFontFamily);
+  font-weight: 400;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  padding: 0;
+  margin: 0;
+  border: 0;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  text-rendering: optimizeLegibility;
+  font-family: var(--sapFontHeaderFamily);
+  color: var(--sapGroup_TitleTextColor);
+  -webkit-box-flex: 1;
+  -ms-flex-positive: 1;
+  flex-grow: 1;
+  -ms-flex-preferred-size: 0;
+  flex-basis: 0;
+  line-height: 1.375rem;
+  padding-right: .5rem;
+  vertical-align: middle;
+  margin: 0
+}
+.fd-action-bar__title::after,
+.fd-action-bar__title::before {
+  -webkit-box-sizing: inherit;
+  box-sizing: inherit;
+  font-size: inherit
+}
+.fd-action-bar__title[dir=rtl],
+[dir=rtl] .fd-action-bar__title {
+  padding-right: 0;
+  padding-left: .5rem
+}
+.fd-action-bar__description {
+  font-size: var(--sapFontSize);
+  line-height: var(--sapContent_LineHeight);
+  color: var(--sapTextColor);
+  font-family: var(--sapFontFamily);
+  font-weight: 400;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  padding: 0;
+  margin: 0;
+  border: 0;
+  color: var(--sapContent_LabelColor);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 100%;
+  height: 1.25rem;
+  vertical-align: middle
+}
+.fd-action-bar__description::after,
+.fd-action-bar__description::before {
+  -webkit-box-sizing: inherit;
+  box-sizing: inherit;
+  font-size: inherit
+}
+@media (min-width:320px) {
+  .fd-action-bar__description {
+    display: none!important
+  }
+}
+@media (min-width:600px) {
+  .fd-action-bar__description {
+    display: inline-block!important
+  }
+}
+.fd-action-bar__description--back {
+  padding-left: 2.5rem
+}
+.fd-action-bar__description--back[dir=rtl],
+[dir=rtl] .fd-action-bar__description--back {
+  padding-left: 0;
+  padding-right: 2.5rem
+}
+.fd-action-bar__actions {
+  font-size: var(--sapFontSize);
+  line-height: var(--sapContent_LineHeight);
+  color: var(--sapTextColor);
+  font-family: var(--sapFontFamily);
+  font-weight: 400;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  padding: 0;
+  margin: 0;
+  border: 0;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-transition: opacity .25s ease-in;
+  transition: opacity .25s ease-in;
+  visibility: visible;
+  height: 2rem
+}
+.fd-action-bar__actions::after,
+.fd-action-bar__actions::before {
+  -webkit-box-sizing: inherit;
+  box-sizing: inherit;
+  font-size: inherit
+}
+.fd-action-bar__actions.is-disabled,
+.fd-action-bar__actions[aria-hidden=true] {
+  opacity: 0;
+  visibility: hidden
+}
+.fd-action-bar__actions > :nth-child(n+1) {
+  margin-left: .5rem
+}
+.fd-action-bar__actions > :first-child {
+  margin-left: 0
+}
+.fd-action-bar__actions > [dir=rtl]:nth-child(n+1),
+[dir=rtl] .fd-action-bar__actions > :nth-child(n+1) {
+  margin-right: .5rem;
+  margin-left: 0
+}
+.fd-action-bar__actions > [dir=rtl]:first-child,
+[dir=rtl] .fd-action-bar__actions > :first-child {
+  margin-right: 0
+}
+.fd-action-bar--s {
+  padding: .5rem 1rem
+}
+.fd-action-bar--m_l {
+  padding: .5rem 2rem
+}
+.fd-action-bar--xl {
+  padding: .5rem 3rem
+}

package/dist/action-sheet.css

@@ -1,5 +1,133 @@
 /*!
- * Fundamental Library Styles v0.23.0
+ * Fundamental Library Styles v0.23.1-rc.2
  * Copyright (c) 2022 SAP SE or an SAP affiliate company.
  * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
- */.fd-action-sheet{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;padding:.25rem .5rem;width:100%}.fd-action-sheet:after,.fd-action-sheet:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-sheet__item{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;display:block;width:100%;padding:.25rem 0}.fd-action-sheet__item:after,.fd-action-sheet__item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-sheet__wrapper{position:absolute;width:100%;height:100%;left:0;top:0;display:none;border-radius:var(--sapElement_BorderCornerRadius)}.fd-action-sheet__wrapper:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:var(--fdOverlay_Background_Opacity);background-color:var(--sapBlockLayer_Background);border-radius:var(--sapElement_BorderCornerRadius)}.fd-action-sheet__wrapper--active{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.fd-action-sheet__title{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;font-family:var(--sapFontHeaderFamily);color:var(--sapGroup_TitleTextColor);font-size:var(--sapFontHeader6Size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;z-index:1;padding:0 1rem .5rem 1rem;color:var(--sapContent_ContrastTextColor)}.fd-action-sheet__title:after,.fd-action-sheet__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-sheet--compact{padding:.1875rem .375rem}.fd-action-sheet--compact .fd-action-sheet__item{padding:.1875rem 0}.fd-action-sheet--mobile{background-color:var(--sapGroup_ContentBackground);z-index:1;-webkit-box-shadow:var(--sapContent_Shadow1);box-shadow:var(--sapContent_Shadow1);width:calc(100% - var(--sapGroup_BorderWidth)*2);position:relative;overflow:auto;left:var(--sapGroup_BorderWidth);right:auto;border-radius:var(--sapElement_BorderCornerRadius)}.fd-action-sheet--mobile[dir=rtl],[dir=rtl] .fd-action-sheet--mobile{right:var(--sapGroup_BorderWidth);left:auto}
+ */
+.fd-action-sheet {
+  font-size: var(--sapFontSize);
+  line-height: var(--sapContent_LineHeight);
+  color: var(--sapTextColor);
+  font-family: var(--sapFontFamily);
+  font-weight: 400;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  padding: 0;
+  margin: 0;
+  border: 0;
+  padding: .25rem .5rem;
+  width: 100%
+}
+.fd-action-sheet::after,
+.fd-action-sheet::before {
+  -webkit-box-sizing: inherit;
+  box-sizing: inherit;
+  font-size: inherit
+}
+.fd-action-sheet__item {
+  font-size: var(--sapFontSize);
+  line-height: var(--sapContent_LineHeight);
+  color: var(--sapTextColor);
+  font-family: var(--sapFontFamily);
+  font-weight: 400;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  padding: 0;
+  margin: 0;
+  border: 0;
+  display: block;
+  width: 100%;
+  padding: .25rem 0
+}
+.fd-action-sheet__item::after,
+.fd-action-sheet__item::before {
+  -webkit-box-sizing: inherit;
+  box-sizing: inherit;
+  font-size: inherit
+}
+.fd-action-sheet__wrapper {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  left: 0;
+  top: 0;
+  display: none;
+  border-radius: var(--sapElement_BorderCornerRadius)
+}
+.fd-action-sheet__wrapper::before {
+  content: "";
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  opacity: var(--fdOverlay_Background_Opacity);
+  background-color: var(--sapBlockLayer_Background);
+  border-radius: var(--sapElement_BorderCornerRadius)
+}
+.fd-action-sheet__wrapper--active {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -webkit-box-pack: end;
+  -ms-flex-pack: end;
+  justify-content: flex-end;
+  -webkit-box-align: start;
+  -ms-flex-align: start;
+  align-items: flex-start
+}
+.fd-action-sheet__title {
+  font-size: var(--sapFontSize);
+  line-height: var(--sapContent_LineHeight);
+  color: var(--sapTextColor);
+  font-family: var(--sapFontFamily);
+  font-weight: 400;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  padding: 0;
+  margin: 0;
+  border: 0;
+  font-family: var(--sapFontHeaderFamily);
+  color: var(--sapGroup_TitleTextColor);
+  font-size: var(--sapFontHeader6Size);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 100%;
+  z-index: 1;
+  padding: 0 1rem .5rem 1rem;
+  color: var(--sapContent_ContrastTextColor)
+}
+.fd-action-sheet__title::after,
+.fd-action-sheet__title::before {
+  -webkit-box-sizing: inherit;
+  box-sizing: inherit;
+  font-size: inherit
+}
+.fd-action-sheet--compact {
+  padding: .1875rem .375rem
+}
+.fd-action-sheet--compact .fd-action-sheet__item {
+  padding: .1875rem 0
+}
+.fd-action-sheet--mobile {
+  background-color: var(--sapGroup_ContentBackground);
+  z-index: 1;
+  -webkit-box-shadow: var(--sapContent_Shadow1);
+  box-shadow: var(--sapContent_Shadow1);
+  width: calc(100% - var(--sapGroup_BorderWidth) * 2);
+  position: relative;
+  overflow: auto;
+  left: var(--sapGroup_BorderWidth);
+  right: auto;
+  border-radius: var(--sapElement_BorderCornerRadius)
+}
+.fd-action-sheet--mobile[dir=rtl],
+[dir=rtl] .fd-action-sheet--mobile {
+  right: var(--sapGroup_BorderWidth);
+  left: auto
+}

package/dist/alert.css

@@ -1,9 +1,310 @@
 /*!
- * Fundamental Library Styles v0.23.0
+ * Fundamental Library Styles v0.23.1-rc.2
  * Copyright (c) 2022 SAP SE or an SAP affiliate company.
  * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
  */
 /*!
 .fd-alert+(--information, --success, --warning, --error, --no-icon)
     .fd-alert__close
-*/.fd-alert{line-height:var(--sapContent_LineHeight);font-family:var(--sapFontFamily);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;font-size:var(--sapFontSize);position:relative;color:var(--sapTextColor);background-color:var(--sapNeutralBackground);border:1px solid;border-color:var(--sapNeutralBorderColor);border-radius:.25rem;padding:.4375rem 1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:2rem}.fd-alert:after,.fd-alert:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-alert .sap-icon--message-error,.fd-alert .sap-icon--message-information,.fd-alert .sap-icon--message-success,.fd-alert .sap-icon--message-warning{display:none}.fd-alert__close{position:absolute;top:.125rem;right:.125rem}.fd-alert__close:before{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-transform:none;text-rendering:optimizeLegibility}.fd-alert__close:before{content:"\e03e"}.fd-alert__close[dir=rtl],[dir=rtl] .fd-alert__close{left:.125rem;right:auto}.fd-alert--dismissible{padding-right:2.5rem}.fd-alert--dismissible[dir=rtl],[dir=rtl] .fd-alert--dismissible{padding-right:1rem;padding-left:2.5rem}.fd-alert--error,.fd-alert--information,.fd-alert--success,.fd-alert--warning{padding-left:2.5rem}.fd-alert--error:after,.fd-alert--error:before,.fd-alert--information:after,.fd-alert--information:before,.fd-alert--success:after,.fd-alert--success:before,.fd-alert--warning:after,.fd-alert--warning:before{position:absolute;width:2.5rem;top:.4375rem;left:0}.fd-alert--error[dir=rtl],.fd-alert--information[dir=rtl],.fd-alert--success[dir=rtl],.fd-alert--warning[dir=rtl],[dir=rtl] .fd-alert--error,[dir=rtl] .fd-alert--information,[dir=rtl] .fd-alert--success,[dir=rtl] .fd-alert--warning{padding-right:2.5rem;padding-left:1rem}.fd-alert--error[dir=rtl]:after,.fd-alert--error[dir=rtl]:before,.fd-alert--information[dir=rtl]:after,.fd-alert--information[dir=rtl]:before,.fd-alert--success[dir=rtl]:after,.fd-alert--success[dir=rtl]:before,.fd-alert--warning[dir=rtl]:after,.fd-alert--warning[dir=rtl]:before,[dir=rtl] .fd-alert--error:after,[dir=rtl] .fd-alert--error:before,[dir=rtl] .fd-alert--information:after,[dir=rtl] .fd-alert--information:before,[dir=rtl] .fd-alert--success:after,[dir=rtl] .fd-alert--success:before,[dir=rtl] .fd-alert--warning:after,[dir=rtl] .fd-alert--warning:before{left:auto;right:0}.fd-alert--error.fd-alert--dismissible,.fd-alert--information.fd-alert--dismissible,.fd-alert--success.fd-alert--dismissible,.fd-alert--warning.fd-alert--dismissible{padding-right:2.5rem}.fd-alert--error.fd-alert--dismissible[dir=rtl],.fd-alert--information.fd-alert--dismissible[dir=rtl],.fd-alert--success.fd-alert--dismissible[dir=rtl],.fd-alert--warning.fd-alert--dismissible[dir=rtl],[dir=rtl] .fd-alert--error.fd-alert--dismissible,[dir=rtl] .fd-alert--information.fd-alert--dismissible,[dir=rtl] .fd-alert--success.fd-alert--dismissible,[dir=rtl] .fd-alert--warning.fd-alert--dismissible{padding-left:2.5rem}.fd-alert--error[dir=rtl]:after,.fd-alert--information[dir=rtl]:after,.fd-alert--success[dir=rtl]:after,.fd-alert--warning[dir=rtl]:after,[dir=rtl] .fd-alert--error:after,[dir=rtl] .fd-alert--information:after,[dir=rtl] .fd-alert--success:after,[dir=rtl] .fd-alert--warning:after{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-transform:none;text-rendering:optimizeLegibility;position:absolute;right:0}.fd-alert--warning{background-color:var(--sapWarningBackground);border-color:var(--sapWarningBorderColor)}.fd-alert--warning:after,.fd-alert--warning:before{color:var(--sapWarningBorderColor)}.fd-alert--warning:before{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-transform:none;text-rendering:optimizeLegibility}.fd-alert--warning:before{content:"\e201"}.fd-alert--warning[dir=rtl]:after,[dir=rtl] .fd-alert--warning:after{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-transform:none;text-rendering:optimizeLegibility}.fd-alert--warning[dir=rtl]:after,[dir=rtl] .fd-alert--warning:after{content:"\e201"}.fd-alert--error{background-color:var(--sapErrorBackground);border-color:var(--sapErrorBorderColor)}.fd-alert--error:after,.fd-alert--error:before{color:var(--sapErrorBorderColor)}.fd-alert--error:before{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-transform:none;text-rendering:optimizeLegibility}.fd-alert--error:before{content:"\e0b1"}.fd-alert--error[dir=rtl]:after,[dir=rtl] .fd-alert--error:after{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-transform:none;text-rendering:optimizeLegibility}.fd-alert--error[dir=rtl]:after,[dir=rtl] .fd-alert--error:after{content:"\e0b1"}.fd-alert--success{background-color:var(--sapSuccessBackground);border-color:var(--sapSuccessBorderColor)}.fd-alert--success:after,.fd-alert--success:before{color:var(--sapSuccessBorderColor)}.fd-alert--success:before{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-transform:none;text-rendering:optimizeLegibility}.fd-alert--success:before{content:"\e203"}.fd-alert--success[dir=rtl]:after,[dir=rtl] .fd-alert--success:after{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-transform:none;text-rendering:optimizeLegibility}.fd-alert--success[dir=rtl]:after,[dir=rtl] .fd-alert--success:after{content:"\e203"}.fd-alert--information{background-color:var(--sapInformationBackground);border-color:var(--sapInformationBorderColor)}.fd-alert--information:after,.fd-alert--information:before{color:var(--sapInformationBorderColor)}.fd-alert--information:before{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-transform:none;text-rendering:optimizeLegibility}.fd-alert--information:before{content:"\e202"}.fd-alert--information[dir=rtl]:after,[dir=rtl] .fd-alert--information:after{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-transform:none;text-rendering:optimizeLegibility}.fd-alert--information[dir=rtl]:after,[dir=rtl] .fd-alert--information:after{content:"\e202"}.fd-alert--no-icon{padding-left:1rem}.fd-alert--no-icon:before{display:none}.fd-alert--no-icon[dir=rtl],[dir=rtl] .fd-alert--no-icon{padding-right:1rem}.fd-alert--no-icon[dir=rtl]:after,[dir=rtl] .fd-alert--no-icon:after{display:none}.fd-alert__text{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;line-height:1rem}.fd-alert__text:after,.fd-alert__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}
+*/
+.fd-alert {
+  font-size: var(--sapFontSize);
+  line-height: var(--sapContent_LineHeight);
+  color: var(--sapTextColor);
+  font-family: var(--sapFontFamily);
+  font-weight: 400;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  padding: 0;
+  margin: 0;
+  border: 0;
+  font-size: var(--sapFontSize);
+  position: relative;
+  color: var(--sapTextColor);
+  background-color: var(--sapNeutralBackground);
+  border: 1px solid;
+  border-color: var(--sapNeutralBorderColor);
+  border-radius: .25rem;
+  padding: .4375rem 1rem;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  min-height: 2rem
+}
+.fd-alert::after,
+.fd-alert::before {
+  -webkit-box-sizing: inherit;
+  box-sizing: inherit;
+  font-size: inherit
+}
+.fd-alert .sap-icon--message-error,
+.fd-alert .sap-icon--message-information,
+.fd-alert .sap-icon--message-success,
+.fd-alert .sap-icon--message-warning {
+  display: none
+}
+.fd-alert__close {
+  position: absolute;
+  top: .125rem;
+  right: .125rem
+}
+.fd-alert__close::before {
+  font-family: SAP-icons;
+  text-align: center;
+  text-decoration: inherit;
+  text-transform: none;
+  text-rendering: optimizeLegibility
+}
+.fd-alert__close::before {
+  content: "\e03e"
+}
+.fd-alert__close[dir=rtl],
+[dir=rtl] .fd-alert__close {
+  left: .125rem;
+  right: auto
+}
+.fd-alert--dismissible {
+  padding-right: 2.5rem
+}
+.fd-alert--dismissible[dir=rtl],
+[dir=rtl] .fd-alert--dismissible {
+  padding-right: 1rem;
+  padding-left: 2.5rem
+}
+.fd-alert--error,
+.fd-alert--information,
+.fd-alert--success,
+.fd-alert--warning {
+  padding-left: 2.5rem
+}
+.fd-alert--error::after,
+.fd-alert--error::before,
+.fd-alert--information::after,
+.fd-alert--information::before,
+.fd-alert--success::after,
+.fd-alert--success::before,
+.fd-alert--warning::after,
+.fd-alert--warning::before {
+  position: absolute;
+  width: 2.5rem;
+  top: .4375rem;
+  left: 0
+}
+.fd-alert--error[dir=rtl],
+.fd-alert--information[dir=rtl],
+.fd-alert--success[dir=rtl],
+.fd-alert--warning[dir=rtl],
+[dir=rtl] .fd-alert--error,
+[dir=rtl] .fd-alert--information,
+[dir=rtl] .fd-alert--success,
+[dir=rtl] .fd-alert--warning {
+  padding-right: 2.5rem;
+  padding-left: 1rem
+}
+.fd-alert--error[dir=rtl]::after,
+.fd-alert--error[dir=rtl]::before,
+.fd-alert--information[dir=rtl]::after,
+.fd-alert--information[dir=rtl]::before,
+.fd-alert--success[dir=rtl]::after,
+.fd-alert--success[dir=rtl]::before,
+.fd-alert--warning[dir=rtl]::after,
+.fd-alert--warning[dir=rtl]::before,
+[dir=rtl] .fd-alert--error::after,
+[dir=rtl] .fd-alert--error::before,
+[dir=rtl] .fd-alert--information::after,
+[dir=rtl] .fd-alert--information::before,
+[dir=rtl] .fd-alert--success::after,
+[dir=rtl] .fd-alert--success::before,
+[dir=rtl] .fd-alert--warning::after,
+[dir=rtl] .fd-alert--warning::before {
+  left: auto;
+  right: 0
+}
+.fd-alert--error.fd-alert--dismissible,
+.fd-alert--information.fd-alert--dismissible,
+.fd-alert--success.fd-alert--dismissible,
+.fd-alert--warning.fd-alert--dismissible {
+  padding-right: 2.5rem
+}
+.fd-alert--error.fd-alert--dismissible[dir=rtl],
+.fd-alert--information.fd-alert--dismissible[dir=rtl],
+.fd-alert--success.fd-alert--dismissible[dir=rtl],
+.fd-alert--warning.fd-alert--dismissible[dir=rtl],
+[dir=rtl] .fd-alert--error.fd-alert--dismissible,
+[dir=rtl] .fd-alert--information.fd-alert--dismissible,
+[dir=rtl] .fd-alert--success.fd-alert--dismissible,
+[dir=rtl] .fd-alert--warning.fd-alert--dismissible {
+  padding-left: 2.5rem
+}
+.fd-alert--error[dir=rtl]::after,
+.fd-alert--information[dir=rtl]::after,
+.fd-alert--success[dir=rtl]::after,
+.fd-alert--warning[dir=rtl]::after,
+[dir=rtl] .fd-alert--error::after,
+[dir=rtl] .fd-alert--information::after,
+[dir=rtl] .fd-alert--success::after,
+[dir=rtl] .fd-alert--warning::after {
+  font-family: SAP-icons;
+  text-align: center;
+  text-decoration: inherit;
+  text-transform: none;
+  text-rendering: optimizeLegibility;
+  position: absolute;
+  right: 0
+}
+.fd-alert--warning {
+  background-color: var(--sapWarningBackground);
+  border-color: var(--sapWarningBorderColor)
+}
+.fd-alert--warning::after,
+.fd-alert--warning::before {
+  color: var(--sapWarningBorderColor)
+}
+.fd-alert--warning::before {
+  font-family: SAP-icons;
+  text-align: center;
+  text-decoration: inherit;
+  text-transform: none;
+  text-rendering: optimizeLegibility
+}
+.fd-alert--warning::before {
+  content: "\e201"
+}
+.fd-alert--warning[dir=rtl]::after,
+[dir=rtl] .fd-alert--warning::after {
+  font-family: SAP-icons;
+  text-align: center;
+  text-decoration: inherit;
+  text-transform: none;
+  text-rendering: optimizeLegibility
+}
+.fd-alert--warning[dir=rtl]::after,
+[dir=rtl] .fd-alert--warning::after {
+  content: "\e201"
+}
+.fd-alert--error {
+  background-color: var(--sapErrorBackground);
+  border-color: var(--sapErrorBorderColor)
+}
+.fd-alert--error::after,
+.fd-alert--error::before {
+  color: var(--sapErrorBorderColor)
+}
+.fd-alert--error::before {
+  font-family: SAP-icons;
+  text-align: center;
+  text-decoration: inherit;
+  text-transform: none;
+  text-rendering: optimizeLegibility
+}
+.fd-alert--error::before {
+  content: "\e0b1"
+}
+.fd-alert--error[dir=rtl]::after,
+[dir=rtl] .fd-alert--error::after {
+  font-family: SAP-icons;
+  text-align: center;
+  text-decoration: inherit;
+  text-transform: none;
+  text-rendering: optimizeLegibility
+}
+.fd-alert--error[dir=rtl]::after,
+[dir=rtl] .fd-alert--error::after {
+  content: "\e0b1"
+}
+.fd-alert--success {
+  background-color: var(--sapSuccessBackground);
+  border-color: var(--sapSuccessBorderColor)
+}
+.fd-alert--success::after,
+.fd-alert--success::before {
+  color: var(--sapSuccessBorderColor)
+}
+.fd-alert--success::before {
+  font-family: SAP-icons;
+  text-align: center;
+  text-decoration: inherit;
+  text-transform: none;
+  text-rendering: optimizeLegibility
+}
+.fd-alert--success::before {
+  content: "\e203"
+}
+.fd-alert--success[dir=rtl]::after,
+[dir=rtl] .fd-alert--success::after {
+  font-family: SAP-icons;
+  text-align: center;
+  text-decoration: inherit;
+  text-transform: none;
+  text-rendering: optimizeLegibility
+}
+.fd-alert--success[dir=rtl]::after,
+[dir=rtl] .fd-alert--success::after {
+  content: "\e203"
+}
+.fd-alert--information {
+  background-color: var(--sapInformationBackground);
+  border-color: var(--sapInformationBorderColor)
+}
+.fd-alert--information::after,
+.fd-alert--information::before {
+  color: var(--sapInformationBorderColor)
+}
+.fd-alert--information::before {
+  font-family: SAP-icons;
+  text-align: center;
+  text-decoration: inherit;
+  text-transform: none;
+  text-rendering: optimizeLegibility
+}
+.fd-alert--information::before {
+  content: "\e202"
+}
+.fd-alert--information[dir=rtl]::after,
+[dir=rtl] .fd-alert--information::after {
+  font-family: SAP-icons;
+  text-align: center;
+  text-decoration: inherit;
+  text-transform: none;
+  text-rendering: optimizeLegibility
+}
+.fd-alert--information[dir=rtl]::after,
+[dir=rtl] .fd-alert--information::after {
+  content: "\e202"
+}
+.fd-alert--no-icon {
+  padding-left: 1rem
+}
+.fd-alert--no-icon::before {
+  display: none
+}
+.fd-alert--no-icon[dir=rtl],
+[dir=rtl] .fd-alert--no-icon {
+  padding-right: 1rem
+}
+.fd-alert--no-icon[dir=rtl]::after,
+[dir=rtl] .fd-alert--no-icon::after {
+  display: none
+}
+.fd-alert__text {
+  font-size: var(--sapFontSize);
+  line-height: var(--sapContent_LineHeight);
+  color: var(--sapTextColor);
+  font-family: var(--sapFontFamily);
+  font-weight: 400;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  padding: 0;
+  margin: 0;
+  border: 0;
+  line-height: 1rem
+}
+.fd-alert__text::after,
+.fd-alert__text::before {
+  -webkit-box-sizing: inherit;
+  box-sizing: inherit;
+  font-size: inherit
+}