@fundamental-styles/theming-preview 0.24.0-rc.73 → 0.24.0-rc.76

package/fundamental-styles.css

@@ -1,7 +1,7 @@
 
 @charset "UTF-8";
 /*!
- * Fundamental Library Styles v0.24.0-rc.73
+ * Fundamental Library Styles v0.24.0-rc.76
  * 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)
  */
@@ -9995,7 +9995,7 @@
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  color: var(--fdDynamicPage_Title_Collapsed_Font_Size);
+  color: var(--fdDynamicPage_Subtitle_Color);
   font-size: var(--sapFontSize);
   margin-top: 0.25rem;
 }
@@ -10886,7 +10886,7 @@
   -webkit-box-direction: normal;
       -ms-flex-direction: row;
           flex-direction: row;
-  background-color: var(--sapField_Background);
+  background-color: var(--fdFeed_List_Item_Background);
   max-width: 40rem;
 }
 .fd-feed-list::before, .fd-feed-list::after {
@@ -10942,7 +10942,10 @@
   font-size: inherit;
 }
 .fd-feed-list__body + .fd-feed-list__body {
-  border-top: var(--sapList_BorderWidth) solid var(--sapList_BorderColor);
+  border-top: var(--fdFeed_List_Item_Border_Top);
+}
+.fd-feed-list__body + .fd-feed-list__body:last-child {
+  border-bottom: var(--fdFeed_List_Item_Border_Bottom);
 }
 .fd-feed-list--no-border .fd-feed-list__body {
   padding: 1rem 1rem 0.75rem;
@@ -10954,9 +10957,10 @@
 }
 .fd-feed-list--no-border .fd-feed-list__body:last-child {
   padding-bottom: 1rem;
+  border-bottom: none;
 }
 .fd-feed-list__link--more {
-  text-transform: uppercase;
+  text-transform: var(--fdFeed_List_Item_More_Transform);
   cursor: pointer;
 }
 .fd-feed-list__actions {
@@ -11058,7 +11062,7 @@
   font-size: inherit;
 }
 .fd-feed-list__footer--byline {
-  color: var(--sapNeutralTextColor);
+  color: var(--fdFeed_List_Item_Byline_Text_Color);
 }
 .fd-feed-list__footer--byline:not(:last-child)::after {
   content: "•";
@@ -11117,6 +11121,13 @@
           box-sizing: inherit;
   font-size: inherit;
 }
+.fd-feed-list--s .fd-feed-list__action > .fd-button {
+  padding-left: var(--fdFeed_List_Mobile_Actions_Button_Padding_X);
+  padding-right: var(--fdFeed_List_Mobile_Actions_Button_Padding_X);
+  height: var(--fdFeed_List_Mobile_Actions_Button_Padding_Height);
+  max-height: var(--fdFeed_List_Mobile_Actions_Button_Padding_Height);
+  min-width: var(--fdFeed_List_Mobile_Actions_Button_Padding_Width);
+}
 [dir=rtl] .fd-feed-list--s .fd-feed-list__action, .fd-feed-list--s .fd-feed-list__action[dir=rtl] {
   padding-right: 0.75rem;
   padding-bottom: initial;
@@ -34586,24 +34597,18 @@ places the element far left of the screen. so it is not visible.
   pointer-events: none;
   opacity: var(--sapContent_DisabledOpacity);
 }
-.fd-switch__input:focus + .fd-switch__slider {
-  outline-offset: 0.125rem;
-  outline-width: 0.125rem;
-  outline-style: solid;
-  outline-color: var(--fdSwitch_Focus_Outline_Color);
-}
 .fd-switch__input:focus + .fd-switch__slider::before {
   position: absolute;
-  display: var(--fdSwitch_Focus_Border_Display);
-  outline-offset: -0.0625rem;
+  display: block;
   border-width: var(--sapContent_FocusWidth);
   border-color: var(--sapContent_FocusColor);
   border-style: var(--sapContent_FocusStyle);
   content: "";
   top: var(--fdSwitch_Focus_Outline_Vertical_Offset);
   bottom: var(--fdSwitch_Focus_Outline_Vertical_Offset);
-  left: 0;
-  right: 0;
+  left: var(--fdSwitch_Focus_Outline_Horizontal_Offset);
+  right: var(--fdSwitch_Focus_Outline_Horizontal_Offset);
+  border-radius: var(--fdSwitch_Focus_Outline_Border_Radius);
 }
 .fd-switch__input:checked + .fd-switch__slider {
   background-color: var(--sapButton_Track_Selected_Background);

package/package.json

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