fundamental-styles 0.24.1 → 0.24.2-rc.2

package/dist/action-bar.css

@@ -1,5 +1,236 @@
 /*!
- * Fundamental Library Styles v0.24.1
+ * Fundamental Library Styles v0.24.2-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{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--sapContent_HeaderShadow);word-wrap:break-word;-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--sapPageHeader_Background);border:0;box-shadow:var(--sapContent_HeaderShadow);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;max-height:4.25rem;min-height:3rem;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{-webkit-box-sizing:border-box;-webkit-box-flex:1;-ms-flex-positive:1;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row;flex-grow:1;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:2rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-action-bar__header:after,.fd-action-bar__header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-bar__back{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0 .5rem 0 0;padding:0;position:relative}.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-left:.5rem;margin-right:0}.fd-action-bar__title{-webkit-box-sizing:border-box;text-rendering:optimizeLegibility;-webkit-box-flex:1;-ms-flex-positive:1;-ms-flex-preferred-size:0;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);flex-basis:0;flex-grow:1;font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);line-height:1.375rem;margin:0;overflow:hidden;padding:0 .5rem 0 0;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.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-left:.5rem;padding-right:0}.fd-action-bar__description{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:1.25rem;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:100%}.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{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-transition:opacity .25s ease-in;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:2rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0;transition:opacity .25s ease-in;visibility:visible}.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-left:0;margin-right:.5rem}.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}
+ */
+/* Fully expanded pseudo element. Requires parent to have specified position */
+/* stylelint-disable */
+/* stylelint-enable */
+/* stylelint-disable */
+/* stylelint-enable */
+/* stylelint-disable */
+/* stylelint-enable */
+/* Fully expanded pseudo element. Requires parent to have specified position */
+/* Fully expanded pseudo element. Requires parent to have specified position */
+.fd-action-bar {
+  font-size: var(--sapFontSize);
+  line-height: var(--sapContent_LineHeight);
+  color: var(--sapTextColor);
+  font-family: var(--sapFontFamily);
+  font-weight: normal;
+  -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: 0.5rem 2rem;
+}
+.fd-action-bar::before, .fd-action-bar::after {
+  -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: normal;
+  -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::before, .fd-action-bar__header::after {
+  -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: normal;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  padding: 0;
+  margin: 0;
+  border: 0;
+  display: block;
+  position: relative;
+  margin-right: 0.5rem;
+}
+.fd-action-bar__back::before, .fd-action-bar__back::after {
+  -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;
+  }
+}
+[dir=rtl] .fd-action-bar__back, .fd-action-bar__back[dir=rtl] {
+  margin-right: 0;
+  margin-left: 0.5rem;
+}
+.fd-action-bar__title {
+  font-size: var(--sapFontSize);
+  line-height: var(--sapContent_LineHeight);
+  color: var(--sapTextColor);
+  font-family: var(--sapFontFamily);
+  font-weight: normal;
+  -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: 0.5rem;
+  vertical-align: middle;
+  margin: 0;
+}
+.fd-action-bar__title::before, .fd-action-bar__title::after {
+  -webkit-box-sizing: inherit;
+          box-sizing: inherit;
+  font-size: inherit;
+}
+[dir=rtl] .fd-action-bar__title, .fd-action-bar__title[dir=rtl] {
+  padding-right: 0;
+  padding-left: 0.5rem;
+}
+.fd-action-bar__description {
+  font-size: var(--sapFontSize);
+  line-height: var(--sapContent_LineHeight);
+  color: var(--sapTextColor);
+  font-family: var(--sapFontFamily);
+  font-weight: normal;
+  -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::before, .fd-action-bar__description::after {
+  -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;
+}
+[dir=rtl] .fd-action-bar__description--back, .fd-action-bar__description--back[dir=rtl] {
+  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: normal;
+  -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 0.25s ease-in;
+  transition: opacity 0.25s ease-in;
+  visibility: visible;
+  height: 2rem;
+}
+.fd-action-bar__actions::before, .fd-action-bar__actions::after {
+  -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: 0.5rem;
+}
+.fd-action-bar__actions > *:first-child {
+  margin-left: 0;
+}
+[dir=rtl] .fd-action-bar__actions > *:nth-child(n+1), .fd-action-bar__actions > *[dir=rtl]:nth-child(n+1) {
+  margin-right: 0.5rem;
+  margin-left: 0;
+}
+[dir=rtl] .fd-action-bar__actions > *:first-child, .fd-action-bar__actions > *[dir=rtl]:first-child {
+  margin-right: 0;
+}
+.fd-action-bar--s {
+  padding: 0.5rem 1rem;
+}
+.fd-action-bar--m_l {
+  padding: 0.5rem 2rem;
+}
+.fd-action-bar--xl {
+  padding: 0.5rem 3rem;
+}

package/dist/action-sheet.css

@@ -1,5 +1,138 @@
 /*!
- * Fundamental Library Styles v0.24.1
+ * Fundamental Library Styles v0.24.2-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{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin: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{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:.25rem 0;width:100%}.fd-action-sheet__item:after,.fd-action-sheet__item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-action-sheet__wrapper{display:none}.fd-action-sheet__wrapper,.fd-action-sheet__wrapper:before{border-radius:var(--fdPopover_Border_Radius);height:100%;left:0;position:absolute;top:0;width:100%}.fd-action-sheet__wrapper:before{background-color:var(--sapBlockLayer_Background);content:"";display:block;opacity:var(--fdOverlay_Background_Opacity)}.fd-action-sheet__wrapper--active{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;justify-content:flex-end}.fd-action-sheet__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);color:var(--sapContent_ContrastTextColor);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader6Size);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;max-width:100%;overflow:hidden;padding:0 1rem .5rem;text-overflow:ellipsis;white-space:nowrap;z-index:1}.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{-webkit-box-shadow:var(--sapContent_Shadow1);background-color:var(--sapGroup_ContentBackground);border-radius:var(--fdPopover_Border_Radius);box-shadow:var(--sapContent_Shadow1);left:var(--sapGroup_BorderWidth);overflow:auto;position:relative;right:auto;width:calc(100% - var(--sapGroup_BorderWidth)*2);z-index:1}.fd-action-sheet--mobile[dir=rtl],[dir=rtl] .fd-action-sheet--mobile{left:auto;right:var(--sapGroup_BorderWidth)}
+ */
+/* Fully expanded pseudo element. Requires parent to have specified position */
+/* stylelint-disable */
+/* stylelint-enable */
+/* stylelint-disable */
+/* stylelint-enable */
+/* stylelint-disable */
+/* stylelint-enable */
+/* Fully expanded pseudo element. Requires parent to have specified position */
+/* Fully expanded pseudo element. Requires parent to have specified position */
+.fd-action-sheet {
+  font-size: var(--sapFontSize);
+  line-height: var(--sapContent_LineHeight);
+  color: var(--sapTextColor);
+  font-family: var(--sapFontFamily);
+  font-weight: normal;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  padding: 0;
+  margin: 0;
+  border: 0;
+  padding: 0.25rem 0.5rem;
+  width: 100%;
+}
+.fd-action-sheet::before, .fd-action-sheet::after {
+  -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: normal;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  padding: 0;
+  margin: 0;
+  border: 0;
+  display: block;
+  width: 100%;
+  padding: 0.25rem 0;
+}
+.fd-action-sheet__item::before, .fd-action-sheet__item::after {
+  -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(--fdPopover_Border_Radius);
+}
+.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(--fdPopover_Border_Radius);
+}
+.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: normal;
+  -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 0.5rem 1rem;
+  color: var(--sapContent_ContrastTextColor);
+}
+.fd-action-sheet__title::before, .fd-action-sheet__title::after {
+  -webkit-box-sizing: inherit;
+          box-sizing: inherit;
+  font-size: inherit;
+}
+.fd-action-sheet--compact {
+  padding: 0.1875rem 0.375rem;
+}
+.fd-action-sheet--compact .fd-action-sheet__item {
+  padding: 0.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(--fdPopover_Border_Radius);
+}
+[dir=rtl] .fd-action-sheet--mobile, .fd-action-sheet--mobile[dir=rtl] {
+  right: var(--sapGroup_BorderWidth);
+  left: auto;
+}

package/dist/alert.css

@@ -1,9 +1,252 @@
 /*!
- * Fundamental Library Styles v0.24.1
+ * Fundamental Library Styles v0.24.2-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)
  */
+/* Fully expanded pseudo element. Requires parent to have specified position */
+/* stylelint-disable */
+/* stylelint-enable */
+/* stylelint-disable */
+/* stylelint-enable */
+/* stylelint-disable */
+/* stylelint-enable */
+/* Fully expanded pseudo element. Requires parent to have specified position */
+/* Fully expanded pseudo element. Requires parent to have specified position */
 /*!
 .fd-alert+(--information, --success, --warning, --error, --no-icon)
     .fd-alert__close
-*/.fd-alert{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--sapNeutralBackground);border:1px solid;border-color:var(--sapNeutralBorderColor);border-radius:.25rem;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;min-height:2rem;padding:.4375rem 1rem;position:relative}.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;right:.125rem;top:.125rem}.fd-alert__close:before{text-rendering:optimizeLegibility;content:"\e03e";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-transform:none}.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-left:2.5rem;padding-right:1rem}.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{left:0;position:absolute;top:.4375rem;width:2.5rem}.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-left:1rem;padding-right:2.5rem}.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{text-rendering:optimizeLegibility;font-family:SAP-icons;position:absolute;right:0;text-align:center;text-decoration:inherit;text-transform:none}.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{content:"\e201"}.fd-alert--warning:before,.fd-alert--warning[dir=rtl]:after,[dir=rtl] .fd-alert--warning:after{text-rendering:optimizeLegibility;font-family:SAP-icons;text-align:center;text-decoration:inherit;text-transform:none}.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{content:"\e0b1"}.fd-alert--error:before,.fd-alert--error[dir=rtl]:after,[dir=rtl] .fd-alert--error:after{text-rendering:optimizeLegibility;font-family:SAP-icons;text-align:center;text-decoration:inherit;text-transform:none}.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{content:"\e203"}.fd-alert--success:before,.fd-alert--success[dir=rtl]:after,[dir=rtl] .fd-alert--success:after{text-rendering:optimizeLegibility;font-family:SAP-icons;text-align:center;text-decoration:inherit;text-transform:none}.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{content:"\e202"}.fd-alert--information:before,.fd-alert--information[dir=rtl]:after,[dir=rtl] .fd-alert--information:after{text-rendering:optimizeLegibility;font-family:SAP-icons;text-align:center;text-decoration:inherit;text-transform:none}.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{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);line-height:1rem;margin:0;padding:0}.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: normal;
+  -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: 0.25rem;
+  padding: 0.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::before, .fd-alert::after {
+  -webkit-box-sizing: inherit;
+          box-sizing: inherit;
+  font-size: inherit;
+}
+.fd-alert .sap-icon--message-error,
+.fd-alert .sap-icon--message-warning,
+.fd-alert .sap-icon--message-success,
+.fd-alert .sap-icon--message-information {
+  display: none;
+}
+.fd-alert__close {
+  position: absolute;
+  top: 0.125rem;
+  right: 0.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";
+}
+[dir=rtl] .fd-alert__close, .fd-alert__close[dir=rtl] {
+  left: 0.125rem;
+  right: auto;
+}
+.fd-alert--dismissible {
+  padding-right: 2.5rem;
+}
+[dir=rtl] .fd-alert--dismissible, .fd-alert--dismissible[dir=rtl] {
+  padding-right: 1rem;
+  padding-left: 2.5rem;
+}
+.fd-alert--warning, .fd-alert--information, .fd-alert--success, .fd-alert--error {
+  padding-left: 2.5rem;
+}
+.fd-alert--warning::before, .fd-alert--warning::after, .fd-alert--information::before, .fd-alert--information::after, .fd-alert--success::before, .fd-alert--success::after, .fd-alert--error::before, .fd-alert--error::after {
+  position: absolute;
+  width: 2.5rem;
+  top: 0.4375rem;
+  left: 0;
+}
+[dir=rtl] .fd-alert--warning, .fd-alert--warning[dir=rtl], [dir=rtl] .fd-alert--information, .fd-alert--information[dir=rtl], [dir=rtl] .fd-alert--success, .fd-alert--success[dir=rtl], [dir=rtl] .fd-alert--error, .fd-alert--error[dir=rtl] {
+  padding-right: 2.5rem;
+  padding-left: 1rem;
+}
+[dir=rtl] .fd-alert--warning::before, [dir=rtl] .fd-alert--warning::after, .fd-alert--warning[dir=rtl]::before, .fd-alert--warning[dir=rtl]::after, [dir=rtl] .fd-alert--information::before, [dir=rtl] .fd-alert--information::after, .fd-alert--information[dir=rtl]::before, .fd-alert--information[dir=rtl]::after, [dir=rtl] .fd-alert--success::before, [dir=rtl] .fd-alert--success::after, .fd-alert--success[dir=rtl]::before, .fd-alert--success[dir=rtl]::after, [dir=rtl] .fd-alert--error::before, [dir=rtl] .fd-alert--error::after, .fd-alert--error[dir=rtl]::before, .fd-alert--error[dir=rtl]::after {
+  left: auto;
+  right: 0;
+}
+.fd-alert--warning.fd-alert--dismissible, .fd-alert--information.fd-alert--dismissible, .fd-alert--success.fd-alert--dismissible, .fd-alert--error.fd-alert--dismissible {
+  padding-right: 2.5rem;
+}
+[dir=rtl] .fd-alert--warning.fd-alert--dismissible, .fd-alert--warning.fd-alert--dismissible[dir=rtl], [dir=rtl] .fd-alert--information.fd-alert--dismissible, .fd-alert--information.fd-alert--dismissible[dir=rtl], [dir=rtl] .fd-alert--success.fd-alert--dismissible, .fd-alert--success.fd-alert--dismissible[dir=rtl], [dir=rtl] .fd-alert--error.fd-alert--dismissible, .fd-alert--error.fd-alert--dismissible[dir=rtl] {
+  padding-left: 2.5rem;
+}
+[dir=rtl] .fd-alert--warning::after, .fd-alert--warning[dir=rtl]::after, [dir=rtl] .fd-alert--information::after, .fd-alert--information[dir=rtl]::after, [dir=rtl] .fd-alert--success::after, .fd-alert--success[dir=rtl]::after, [dir=rtl] .fd-alert--error::after, .fd-alert--error[dir=rtl]::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::before, .fd-alert--warning::after {
+  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";
+}
+[dir=rtl] .fd-alert--warning::after, .fd-alert--warning[dir=rtl]::after {
+  font-family: "SAP-icons";
+  text-align: center;
+  text-decoration: inherit;
+  text-transform: none;
+  text-rendering: optimizeLegibility;
+}
+[dir=rtl] .fd-alert--warning::after, .fd-alert--warning[dir=rtl]::after {
+  content: "\e201";
+}
+.fd-alert--error {
+  background-color: var(--sapErrorBackground);
+  border-color: var(--sapErrorBorderColor);
+}
+.fd-alert--error::before, .fd-alert--error::after {
+  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";
+}
+[dir=rtl] .fd-alert--error::after, .fd-alert--error[dir=rtl]::after {
+  font-family: "SAP-icons";
+  text-align: center;
+  text-decoration: inherit;
+  text-transform: none;
+  text-rendering: optimizeLegibility;
+}
+[dir=rtl] .fd-alert--error::after, .fd-alert--error[dir=rtl]::after {
+  content: "\e0b1";
+}
+.fd-alert--success {
+  background-color: var(--sapSuccessBackground);
+  border-color: var(--sapSuccessBorderColor);
+}
+.fd-alert--success::before, .fd-alert--success::after {
+  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";
+}
+[dir=rtl] .fd-alert--success::after, .fd-alert--success[dir=rtl]::after {
+  font-family: "SAP-icons";
+  text-align: center;
+  text-decoration: inherit;
+  text-transform: none;
+  text-rendering: optimizeLegibility;
+}
+[dir=rtl] .fd-alert--success::after, .fd-alert--success[dir=rtl]::after {
+  content: "\e203";
+}
+.fd-alert--information {
+  background-color: var(--sapInformationBackground);
+  border-color: var(--sapInformationBorderColor);
+}
+.fd-alert--information::before, .fd-alert--information::after {
+  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";
+}
+[dir=rtl] .fd-alert--information::after, .fd-alert--information[dir=rtl]::after {
+  font-family: "SAP-icons";
+  text-align: center;
+  text-decoration: inherit;
+  text-transform: none;
+  text-rendering: optimizeLegibility;
+}
+[dir=rtl] .fd-alert--information::after, .fd-alert--information[dir=rtl]::after {
+  content: "\e202";
+}
+.fd-alert--no-icon {
+  padding-left: 1rem;
+}
+.fd-alert--no-icon::before {
+  display: none;
+}
+[dir=rtl] .fd-alert--no-icon, .fd-alert--no-icon[dir=rtl] {
+  padding-right: 1rem;
+}
+[dir=rtl] .fd-alert--no-icon::after, .fd-alert--no-icon[dir=rtl]::after {
+  display: none;
+}
+.fd-alert__text {
+  font-size: var(--sapFontSize);
+  line-height: var(--sapContent_LineHeight);
+  color: var(--sapTextColor);
+  font-family: var(--sapFontFamily);
+  font-weight: normal;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  padding: 0;
+  margin: 0;
+  border: 0;
+  line-height: 1rem;
+}
+.fd-alert__text::before, .fd-alert__text::after {
+  -webkit-box-sizing: inherit;
+          box-sizing: inherit;
+  font-size: inherit;
+}