fundamental-styles 0.24.2-rc.4 → 0.24.2

package/dist/action-bar.css

@@ -1,236 +1,5 @@
 /*!
- * Fundamental Library Styles v0.24.2-rc.4
+ * Fundamental Library Styles v0.24.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-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;
-}
+ */.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}

package/dist/action-sheet.css

@@ -1,138 +1,5 @@
 /*!
- * Fundamental Library Styles v0.24.2-rc.4
+ * Fundamental Library Styles v0.24.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-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;
-}
+ */.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)}

package/dist/alert.css

@@ -1,253 +1,9 @@
 /*!
- * Fundamental Library Styles v0.24.2-rc.4
+ * Fundamental Library Styles v0.24.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 {
-  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;
-  line-height: 1rem;
-}
-[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;
-}
+*/.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;line-height:1rem;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}