@fundamental-styles/theming-preview 0.24.0-rc.39 → 0.24.0-rc.41

package/fundamental-styles.css

@@ -1,7 +1,7 @@
 
 @charset "UTF-8";
 /*!
- * Fundamental Library Styles v0.24.0-rc.39
+ * Fundamental Library Styles v0.24.0-rc.41
  * 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)
  */
@@ -26685,6 +26685,7 @@ places the element far left of the screen. so it is not visible.
 .fd-object-list__item .fd-list__link.is-active .fd-object-status__text,
 .fd-object-list__item .fd-list__link.is-active .fd-object-status__icon {
   color: var(--sapList_Active_TextColor);
+  text-shadow: none;
 }
 .fd-object-list__intro {
   font-size: var(--sapFontSize);
@@ -26750,19 +26751,18 @@ places the element far left of the screen. so it is not visible.
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  vertical-align: top;
 }
 .fd-object-list__header::before, .fd-object-list__header::after {
   -webkit-box-sizing: inherit;
           box-sizing: inherit;
   font-size: inherit;
 }
-.fd-object-list__header .fd-object-list__header-left:not(:first-child) {
+.fd-object-list__header-left:not(:first-child) {
   margin-left: 0.75rem;
 }
-[dir=rtl] .fd-object-list__header .fd-object-list__header-left:not(:first-child), .fd-object-list__header .fd-object-list__header-left:not(:first-child)[dir=rtl] {
-  margin-left: 0;
+[dir=rtl] .fd-object-list__header-left:not(:first-child), .fd-object-list__header-left:not(:first-child)[dir=rtl] {
   margin-right: 0.75rem;
+  margin-left: 0;
 }
 .fd-object-list__header-left {
   font-size: var(--sapFontSize);
@@ -26775,6 +26775,7 @@ places the element far left of the screen. so it is not visible.
   padding: 0;
   margin: 0;
   border: 0;
+  text-align: left;
   width: 60%;
 }
 .fd-object-list__header-left::before, .fd-object-list__header-left::after {
@@ -26796,25 +26797,21 @@ places the element far left of the screen. so it is not visible.
   padding: 0;
   margin: 0;
   border: 0;
-  width: 40%;
-  text-align: right;
   padding-left: 1rem;
+  text-align: right;
+  width: 40%;
 }
 .fd-object-list__header-right::before, .fd-object-list__header-right::after {
   -webkit-box-sizing: inherit;
           box-sizing: inherit;
   font-size: inherit;
 }
-.fd-object-list__header-right .fd-object-number {
-  margin-right: 0;
-}
 [dir=rtl] .fd-object-list__header-right, .fd-object-list__header-right[dir=rtl] {
-  text-align: left;
   padding-right: 1rem;
   padding-left: 0;
 }
-[dir=rtl] .fd-object-list__header-right .fd-object-number, .fd-object-list__header-right[dir=rtl] .fd-object-number {
-  margin-left: 0;
+[dir=rtl] .fd-object-list__header-right, .fd-object-list__header-right[dir=rtl] {
+  text-align: left;
 }
 .fd-object-list__row {
   font-size: var(--sapFontSize);
@@ -26843,10 +26840,9 @@ places the element far left of the screen. so it is not visible.
   font-size: inherit;
 }
 .fd-object-list__row > *:only-child {
-  padding: 0;
   width: 100%;
 }
-.fd-object-list__row-left {
+.fd-object-list__row-left, .fd-object-list__row-right {
   font-size: var(--sapFontSize);
   line-height: var(--sapContent_LineHeight);
   color: var(--sapTextColor);
@@ -26861,43 +26857,34 @@ places the element far left of the screen. so it is not visible.
   overflow: hidden;
   text-overflow: ellipsis;
   width: 50%;
-  text-align: left;
-  padding: 0.5rem 0.5rem 0.5rem 0;
+  padding: 0.5rem 0.5rem 0 0.5rem;
 }
-.fd-object-list__row-left::before, .fd-object-list__row-left::after {
+.fd-object-list__row-left::before, .fd-object-list__row-left::after, .fd-object-list__row-right::before, .fd-object-list__row-right::after {
   -webkit-box-sizing: inherit;
           box-sizing: inherit;
   font-size: inherit;
 }
+.fd-object-list__row-left {
+  text-align: left;
+  padding-left: 0;
+}
 [dir=rtl] .fd-object-list__row-left, .fd-object-list__row-left[dir=rtl] {
   text-align: right;
-  padding: 0.5rem 0 0.5rem 0.5rem;
+}
+[dir=rtl] .fd-object-list__row-left, .fd-object-list__row-left[dir=rtl] {
+  padding-right: 0;
+  padding-left: 0;
 }
 .fd-object-list__row-right {
-  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;
-  width: 50%;
   text-align: right;
-  padding: 0.5rem 0 0.5rem 0.5rem;
+  padding-right: 0;
 }
-.fd-object-list__row-right::before, .fd-object-list__row-right::after {
-  -webkit-box-sizing: inherit;
-          box-sizing: inherit;
-  font-size: inherit;
+[dir=rtl] .fd-object-list__row-right, .fd-object-list__row-right[dir=rtl] {
+  text-align: left;
 }
-.fd-object-list__row-right .fd-object-status {
-  margin-right: 0;
+[dir=rtl] .fd-object-list__row-right, .fd-object-list__row-right[dir=rtl] {
+  padding-right: 0;
+  padding-left: 0;
 }
 .fd-object-list__row-right .fd-object-status__text, .fd-object-list__row-right .fd-object-status__icon {
   white-space: nowrap;
@@ -26905,13 +26892,6 @@ places the element far left of the screen. so it is not visible.
   text-overflow: ellipsis;
   line-height: 1.4;
 }
-[dir=rtl] .fd-object-list__row-right, .fd-object-list__row-right[dir=rtl] {
-  text-align: left;
-  padding: 0.5rem 0.5rem 0.5rem 0;
-}
-[dir=rtl] .fd-object-list__row-right .fd-object-status, .fd-object-list__row-right[dir=rtl] .fd-object-status {
-  margin-left: 0;
-}
 .fd-object-list__content {
   font-size: var(--sapFontSize);
   line-height: var(--sapContent_LineHeight);
@@ -26931,7 +26911,7 @@ places the element far left of the screen. so it is not visible.
   font-size: inherit;
 }
 .fd-object-list__object-number .fd-object-number__text {
-  font-size: 1.375rem;
+  font-size: var(--fdObject_List_Number_Font_Size);
   display: block;
 }
 .fd-object-list__object-number .fd-object-number__text::after {
@@ -26944,8 +26924,10 @@ places the element far left of the screen. so it is not visible.
   overflow: hidden;
   white-space: normal;
   text-overflow: ellipsis;
+  font-size: var(--fdObject_List_Title_Font_Size);
+  font-weight: var(--fdObject_List_Title_Font_Weight);
+  color: var(--sapGroup_TitleTextColor);
   line-height: 1.5;
-  font-size: var(--sapFontHeader4Size);
 }
 .fd-object-list__object-attribute {
   font-size: var(--sapFontSize);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@fundamental-styles/theming-preview",
-    "version": "0.24.0-rc.39",
+    "version": "0.24.0-rc.41",
     "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.39"
+        "fundamental-styles": "0.24.0-rc.41"
     }
   }