@fundamental-styles/theming-preview 0.24.0-rc.78 → 0.24.0-rc.80

package/fundamental-styles.css

@@ -1,7 +1,7 @@
 
 @charset "UTF-8";
 /*!
- * Fundamental Library Styles v0.24.0-rc.78
+ * Fundamental Library Styles v0.24.0-rc.80
  * 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)
  */
@@ -29339,7 +29339,7 @@ places the element far left of the screen. so it is not visible.
   outline: none;
 }
 .fd-radio__label:hover::before, .fd-radio__label.is-hover::before {
-  background-color: var(--sapField_Hover_Background);
+  background-color: var(--fdRadio_Hover_Background);
   border-width: var(--sapField_BorderWidth);
   border-color: var(--sapField_Hover_BorderColor);
   -webkit-box-shadow: var(--fdRadio_Hover_Box_Shadow);
@@ -29374,7 +29374,7 @@ places the element far left of the screen. so it is not visible.
   background: var(--sapField_TextColor);
 }
 .fd-radio.is-warning + .fd-radio__label:hover::before, .fd-radio.is-warning + .fd-radio__label.is-hover::before, .fd-radio.is-alert + .fd-radio__label:hover::before, .fd-radio.is-alert + .fd-radio__label.is-hover::before {
-  background-color: var(--sapField_Hover_Background);
+  background-color: var(--fdRadio_Hover_Background);
   -webkit-box-shadow: var(--fdRadio_Warning_Hover_Shadow);
           box-shadow: var(--fdRadio_Warning_Hover_Shadow);
 }
@@ -29389,7 +29389,7 @@ places the element far left of the screen. so it is not visible.
   background: var(--sapField_InvalidColor);
 }
 .fd-radio.is-error + .fd-radio__label:hover::before, .fd-radio.is-error + .fd-radio__label.is-hover::before {
-  background-color: var(--sapField_Hover_Background);
+  background-color: var(--fdRadio_Hover_Background);
   -webkit-box-shadow: var(--fdRadio_Error_Hover_Shadow);
           box-shadow: var(--fdRadio_Error_Hover_Shadow);
 }
@@ -29404,7 +29404,7 @@ places the element far left of the screen. so it is not visible.
   background: var(--sapField_SuccessColor);
 }
 .fd-radio.is-success + .fd-radio__label:hover::before, .fd-radio.is-success + .fd-radio__label.is-hover::before {
-  background-color: var(--sapField_Hover_Background);
+  background-color: var(--fdRadio_Hover_Background);
   -webkit-box-shadow: var(--fdRadio_Success_Hover_Shadow);
           box-shadow: var(--fdRadio_Success_Hover_Shadow);
 }
@@ -29419,7 +29419,7 @@ places the element far left of the screen. so it is not visible.
   background: var(--sapField_InformationColor);
 }
 .fd-radio.is-information + .fd-radio__label:hover::before, .fd-radio.is-information + .fd-radio__label.is-hover::before {
-  background-color: var(--sapField_Hover_Background);
+  background-color: var(--fdRadio_Hover_Background);
   -webkit-box-shadow: var(--fdRadio_Information_Hover_Shadow);
           box-shadow: var(--fdRadio_Information_Hover_Shadow);
 }
@@ -29434,7 +29434,7 @@ places the element far left of the screen. so it is not visible.
   background: var(--sapContent_NonInteractiveIconColor);
 }
 .fd-radio[readonly] + .fd-radio__label:hover::before, .fd-radio[readonly] + .fd-radio__label.is-hover::before, .fd-radio.is-readonly + .fd-radio__label:hover::before, .fd-radio.is-readonly + .fd-radio__label.is-hover::before {
-  background-color: var(--sapField_Hover_Background);
+  background-color: var(--fdRadio_Hover_Background);
   -webkit-box-shadow: none;
           box-shadow: none;
 }
@@ -31346,9 +31346,9 @@ places the element far left of the screen. so it is not visible.
   cursor: text;
 }
 .fd-shellbar__action .fd-shellbar__input-group:hover, .fd-shellbar__action .fd-shellbar__input-group.is-hover {
-  border-color: var(--sapField_BorderColor);
-  -webkit-box-shadow: var(--fdShellbar_Button_Hover_Shadow);
-          box-shadow: var(--fdShellbar_Button_Hover_Shadow);
+  border-color: var(--fdShellbar_Input_Hover_Border_Color);
+  -webkit-box-shadow: var(--sapContent_Interaction_Shadow);
+          box-shadow: var(--sapContent_Interaction_Shadow);
 }
 .fd-shellbar__action .fd-shellbar__input-group-input {
   border: none;
@@ -31357,7 +31357,7 @@ places the element far left of the screen. so it is not visible.
 }
 .fd-shellbar__action .fd-shellbar__input-group-input:hover, .fd-shellbar__action .fd-shellbar__input-group-input:hover + .fd-shellbar__input-group-addon, .fd-shellbar__action .fd-shellbar__input-group-input.is-hover, .fd-shellbar__action .fd-shellbar__input-group-input.is-hover + .fd-shellbar__input-group-addon {
   background: transparent;
-  background-color: var(--sapShell_Hover_Background) !important;
+  background-color: var(--fdShellbar_Input_Hover_Background) !important;
 }
 .fd-shellbar__action .fd-shellbar__input-group-input::-webkit-input-placeholder {
   color: var(--fdShellbar_Input_Placeholder_Color);
@@ -31386,27 +31386,25 @@ places the element far left of the screen. so it is not visible.
   height: var(--fdShellbar_Input_Addon_Dimension);
   min-width: var(--fdShellbar_Input_Addon_Dimension);
   border-radius: var(--fdShellbar_Input_Border_Radius);
+  border-width: var(--fdShellbar_Input_Addon_Border_Width);
 }
 .fd-shellbar .fd-shellbar__button {
-  background: transparent;
-  border: var(--fdShellbar_Button_Border);
+  outline-color: var(--fdShellbar_Button_Outline_Color);
   color: var(--sapShell_InteractiveTextColor);
 }
-.fd-shellbar .fd-shellbar__button:not(.fd-shellbar__button--menu) {
+.fd-shellbar .fd-shellbar__button:not(.fd-shellbar .fd-shellbar__button--menu) {
   padding: 0;
 }
 .fd-shellbar .fd-shellbar__button:hover, .fd-shellbar .fd-shellbar__button.is-hover {
-  background: var(--sapShell_Hover_Background);
-  -webkit-box-shadow: var(--fdShellbar_Button_Hover_Shadow);
-          box-shadow: var(--fdShellbar_Button_Hover_Shadow);
+  border-color: var(--fdShellbar_Button_Hover_Border_Color);
+  background-color: var(--sapShell_Hover_Background);
 }
 .fd-shellbar .fd-shellbar__button:hover[aria-disabled=true], .fd-shellbar .fd-shellbar__button:hover.is-disabled, .fd-shellbar .fd-shellbar__button:hover:disabled, .fd-shellbar .fd-shellbar__button.is-hover[aria-disabled=true], .fd-shellbar .fd-shellbar__button.is-hover.is-disabled, .fd-shellbar .fd-shellbar__button.is-hover:disabled {
   background: transparent;
 }
 .fd-shellbar .fd-shellbar__button:active, .fd-shellbar .fd-shellbar__button.is-active {
+  border-color: var(--fdShellbar_Button_Active_Border_Color);
   background: var(--sapShell_Active_Background);
-  -webkit-box-shadow: var(--fdShellbar_Button_Active_Shadow);
-          box-shadow: var(--fdShellbar_Button_Active_Shadow);
   color: var(--sapShell_Active_TextColor);
 }
 .fd-shellbar .fd-shellbar__button--menu {

package/package.json

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