@fundamental-styles/theming-preview 0.24.0-rc.2 → 0.24.0-rc.5

package/fundamental-styles.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /*!
- * Fundamental Library Styles v0.24.0-rc.2
+ * Fundamental Library Styles v0.24.0-rc.5
  * 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)
  */
@@ -22867,8 +22867,9 @@ fd-carousel:focus {
 .fd-message-strip--warning::before {
   position: absolute;
   width: 2.5rem;
-  top: .4375rem;
-  left: 0
+  top: .5rem;
+  left: 0;
+  line-height: 1
 }
 .fd-message-strip--error[dir=rtl],
 .fd-message-strip--information[dir=rtl],
@@ -29250,7 +29251,7 @@ places the element far left of the screen. so it is not visible.
   pointer-events: none
 }
 .fd-popover__wrapper {
-  border-radius: var(--sapElement_BorderCornerRadius);
+  border-radius: var(--fdPopover_Border_Radius);
   overflow: auto
 }
 .fd-popover__body {
@@ -29264,7 +29265,7 @@ places the element far left of the screen. so it is not visible.
   padding: 0;
   margin: 0;
   border: 0;
-  border-radius: var(--sapElement_BorderCornerRadius);
+  border-radius: var(--fdPopover_Border_Radius);
   border: none;
   position: absolute;
   white-space: nowrap;
@@ -29317,49 +29318,20 @@ places the element far left of the screen. so it is not visible.
   overflow: hidden
 }
 .fd-popover__body > :first-child {
-  border-top-right-radius: var(--sapElement_BorderCornerRadius);
-  border-top-left-radius: var(--sapElement_BorderCornerRadius)
+  border-top-right-radius: var(--fdPopover_Border_Radius);
+  border-top-left-radius: var(--fdPopover_Border_Radius)
 }
 .fd-popover__body > :last-child {
-  border-bottom-right-radius: var(--sapElement_BorderCornerRadius);
-  border-bottom-left-radius: var(--sapElement_BorderCornerRadius)
+  border-bottom-right-radius: var(--fdPopover_Border_Radius);
+  border-bottom-left-radius: var(--fdPopover_Border_Radius)
 }
 .fd-popover__body-header > :first-child {
-  border-top-right-radius: var(--sapElement_BorderCornerRadius);
-  border-top-left-radius: var(--sapElement_BorderCornerRadius)
+  border-top-right-radius: var(--fdPopover_Border_Radius);
+  border-top-left-radius: var(--fdPopover_Border_Radius)
 }
 .fd-popover__body-footer > * {
-  border-bottom-right-radius: var(--sapElement_BorderCornerRadius);
-  border-bottom-left-radius: var(--sapElement_BorderCornerRadius)
-}
-.fd-popover__body--compact.fd-popover__body--left::after,
-.fd-popover__body--compact.fd-popover__body--left::before,
-.fd-popover__body--compact.fd-popover__body::after,
-.fd-popover__body--compact.fd-popover__body::before {
-  left: .5rem
-}
-.fd-popover__body--compact.fd-popover__body--left[dir=rtl]::after,
-.fd-popover__body--compact.fd-popover__body--left[dir=rtl]::before,
-.fd-popover__body--compact.fd-popover__body[dir=rtl]::after,
-.fd-popover__body--compact.fd-popover__body[dir=rtl]::before,
-[dir=rtl] .fd-popover__body--compact.fd-popover__body--left::after,
-[dir=rtl] .fd-popover__body--compact.fd-popover__body--left::before,
-[dir=rtl] .fd-popover__body--compact.fd-popover__body::after,
-[dir=rtl] .fd-popover__body--compact.fd-popover__body::before {
-  left: auto;
-  right: .5rem
-}
-.fd-popover__body--compact.fd-popover__body--right::after,
-.fd-popover__body--compact.fd-popover__body--right::before {
-  left: auto;
-  right: .5rem
-}
-.fd-popover__body--compact.fd-popover__body--right[dir=rtl]::after,
-.fd-popover__body--compact.fd-popover__body--right[dir=rtl]::before,
-[dir=rtl] .fd-popover__body--compact.fd-popover__body--right::after,
-[dir=rtl] .fd-popover__body--compact.fd-popover__body--right::before {
-  left: .5rem;
-  right: auto
+  border-bottom-right-radius: var(--fdPopover_Border_Radius);
+  border-bottom-left-radius: var(--fdPopover_Border_Radius)
 }
 .fd-popover__body,
 .fd-popover__body--left {
@@ -29377,7 +29349,7 @@ places the element far left of the screen. so it is not visible.
 .fd-popover__body--left::before,
 .fd-popover__body::after,
 .fd-popover__body::before {
-  left: .625rem
+  left: var(--fdPopover_Arrow_Offset)
 }
 .fd-popover__body--left[dir=rtl]::after,
 .fd-popover__body--left[dir=rtl]::before,
@@ -29388,7 +29360,7 @@ places the element far left of the screen. so it is not visible.
 [dir=rtl] .fd-popover__body::after,
 [dir=rtl] .fd-popover__body::before {
   left: auto;
-  right: .625rem
+  right: var(--fdPopover_Arrow_Offset)
 }
 .fd-popover__body--right {
   right: var(--sapGroup_BorderWidth);
@@ -29402,13 +29374,13 @@ places the element far left of the screen. so it is not visible.
 .fd-popover__body--right::after,
 .fd-popover__body--right::before {
   left: auto;
-  right: .625rem
+  right: var(--fdPopover_Arrow_Offset)
 }
 .fd-popover__body--right[dir=rtl]::after,
 .fd-popover__body--right[dir=rtl]::before,
 [dir=rtl] .fd-popover__body--right::after,
 [dir=rtl] .fd-popover__body--right::before {
-  left: .625rem;
+  left: var(--fdPopover_Arrow_Offset);
   right: auto
 }
 .fd-popover__body--no-arrow {
@@ -29477,7 +29449,7 @@ places the element far left of the screen. so it is not visible.
   -webkit-box-shadow: var(--sapContent_Shadow2);
   box-shadow: var(--sapContent_Shadow2);
   z-index: 1000;
-  border-radius: var(--sapElement_BorderCornerRadius);
+  border-radius: var(--fdPopover_Border_Radius);
   background: var(--sapGroup_ContentBackground);
   opacity: 1
 }
@@ -29582,7 +29554,7 @@ places the element far left of the screen. so it is not visible.
   border-right-color: var(--sapGroup_ContentBackground)
 }
 .fd-popover__popper .fd-popover__arrow-x--start {
-  left: .625rem
+  left: var(--fdPopover_Arrow_Offset)
 }
 .fd-popover__popper .fd-popover__arrow-x--center {
   left: 50%;
@@ -29590,10 +29562,10 @@ places the element far left of the screen. so it is not visible.
   transform: translateX(-50%)
 }
 .fd-popover__popper .fd-popover__arrow-x--end {
-  right: .625rem
+  right: var(--fdPopover_Arrow_Offset)
 }
 .fd-popover__popper .fd-popover__arrow-y--top {
-  top: .625rem
+  top: var(--fdPopover_Arrow_Offset)
 }
 .fd-popover__popper .fd-popover__arrow-y--center {
   top: 50%;
@@ -29601,19 +29573,7 @@ places the element far left of the screen. so it is not visible.
   transform: translateY(-50%)
 }
 .fd-popover__popper .fd-popover__arrow-y--bottom {
-  bottom: .625rem
-}
-.fd-popover__popper--compact .fd-popover__arrow-x--start {
-  left: .5rem
-}
-.fd-popover__popper--compact .fd-popover__arrow-x--end {
-  right: .5rem
-}
-.fd-popover__popper--compact .fd-popover__arrow-y--top {
-  top: .5rem
-}
-.fd-popover__popper--compact .fd-popover__arrow-y--bottom {
-  bottom: .5rem
+  bottom: var(--fdPopover_Arrow_Offset)
 }
 .fd-popover__inline-help {
   padding: .75rem;
@@ -30268,8 +30228,8 @@ places the element far left of the screen. so it is not visible.
   margin-left: .75rem
 }
 .fd-quick-view > :first-child {
-  border-top-right-radius: var(--sapElement_BorderCornerRadius);
-  border-top-left-radius: var(--sapElement_BorderCornerRadius)
+  border-top-right-radius: var(--fdPopover_Border_Radius);
+  border-top-left-radius: var(--fdPopover_Border_Radius)
 }
 .fd-quick-view__content {
   font-size: var(--sapFontSize);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@fundamental-styles/theming-preview",
-    "version": "0.24.0-rc.2",
+    "version": "0.24.0-rc.5",
     "license": "Apache-2.0",
     "homepage": "https://sap.github.io/fundamental-styles/",
     "description": "Fundamental Library Styles - Theming Package Preview",
@@ -9,7 +9,7 @@
       "url": "https://github.com/SAP/fundamental-styles"
     },
     "dependencies": {
-        "fundamental-styles": "0.24.0-rc.2"
+        "fundamental-styles": "0.24.0-rc.5"
     }
   }