@fundamental-styles/theming-preview 0.24.0-rc.3 → 0.24.0-rc.6

package/fundamental-styles.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /*!
- * Fundamental Library Styles v0.24.0-rc.3
+ * Fundamental Library Styles v0.24.0-rc.6
  * 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)
  */
@@ -8734,8 +8734,10 @@ fd-carousel:focus {
 }
 .fd-checkbox__label.is-hover::before,
 .fd-checkbox__label:hover::before {
-  background-color: var(--sapField_Hover_Background);
-  border-color: var(--sapField_Hover_BorderColor)
+  background-color: var(--fdCheckbox_Hover_Background);
+  border-color: var(--sapField_Hover_BorderColor);
+  -webkit-box-shadow: var(--fdCheckbox_Hover_Shadow);
+  box-shadow: var(--fdCheckbox_Hover_Shadow)
 }
 .fd-checkbox__label:focus {
   outline: 0
@@ -8861,7 +8863,7 @@ fd-carousel:focus {
 .fd-checkbox.is-alert + .fd-checkbox__label::before,
 .fd-checkbox.is-warning + .fd-checkbox__label::before {
   background-color: var(--sapField_WarningBackground);
-  border: .125rem var(--fdCheckbox_State_Border_Type) var(--sapField_WarningColor);
+  border: var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle) var(--sapField_WarningColor);
   color: var(--sapField_TextColor)
 }
 .fd-checkbox.is-alert + .fd-checkbox__label::after,
@@ -8886,11 +8888,13 @@ fd-carousel:focus {
 .fd-checkbox.is-alert + .fd-checkbox__label:hover::before,
 .fd-checkbox.is-warning + .fd-checkbox__label.is-hover::before,
 .fd-checkbox.is-warning + .fd-checkbox__label:hover::before {
-  background-color: var(--sapField_Hover_Background)
+  background-color: var(--fdCheckbox_State_Hover_Background);
+  -webkit-box-shadow: var(--fdCheckbox_Warning_State_Shadow);
+  box-shadow: var(--fdCheckbox_Warning_State_Shadow)
 }
 .fd-checkbox.is-error + .fd-checkbox__label::before {
   background-color: var(--sapField_InvalidBackground);
-  border: .125rem var(--fdCheckbox_State_Border_Type) var(--sapField_InvalidColor);
+  border: var(--sapField_InvalidBorderWidth) var(--sapField_InvalidBorderStyle) var(--sapField_InvalidColor);
   color: var(--sapField_InvalidColor)
 }
 .fd-checkbox.is-error + .fd-checkbox__label::after {
@@ -8906,11 +8910,13 @@ fd-carousel:focus {
 }
 .fd-checkbox.is-error + .fd-checkbox__label.is-hover::before,
 .fd-checkbox.is-error + .fd-checkbox__label:hover::before {
-  background-color: var(--sapField_Hover_Background)
+  background-color: var(--fdCheckbox_State_Hover_Background);
+  -webkit-box-shadow: var(--fdCheckbox_Error_State_Shadow);
+  box-shadow: var(--fdCheckbox_Error_State_Shadow)
 }
 .fd-checkbox.is-success + .fd-checkbox__label::before {
   background-color: var(--sapField_SuccessBackground);
-  border: var(--sapField_BorderWidth) solid var(--sapField_SuccessColor);
+  border: var(--sapField_SuccessBorderWidth) var(--sapField_SuccessBorderStyle) var(--sapField_SuccessColor);
   color: var(--sapField_SuccessColor)
 }
 .fd-checkbox.is-success + .fd-checkbox__label::after {
@@ -8926,11 +8932,13 @@ fd-carousel:focus {
 }
 .fd-checkbox.is-success + .fd-checkbox__label.is-hover::before,
 .fd-checkbox.is-success + .fd-checkbox__label:hover::before {
-  background-color: var(--sapField_Hover_Background)
+  background-color: var(--fdCheckbox_State_Hover_Background);
+  -webkit-box-shadow: var(--fdCheckbox_Success_State_Shadow);
+  box-shadow: var(--fdCheckbox_Success_State_Shadow)
 }
 .fd-checkbox.is-information + .fd-checkbox__label::before {
   background-color: var(--sapField_InformationBackground);
-  border: .125rem var(--fdCheckbox_State_Border_Type) var(--sapField_InformationColor);
+  border: var(--sapField_InformationBorderWidth) var(--sapField_InformationBorderStyle) var(--sapField_InformationColor);
   color: var(--sapField_InformationColor)
 }
 .fd-checkbox.is-information + .fd-checkbox__label::after {
@@ -8946,12 +8954,14 @@ fd-carousel:focus {
 }
 .fd-checkbox.is-information + .fd-checkbox__label.is-hover::before,
 .fd-checkbox.is-information + .fd-checkbox__label:hover::before {
-  background-color: var(--sapField_Hover_Background)
+  background-color: var(--fdCheckbox_State_Hover_Background);
+  -webkit-box-shadow: var(--fdCheckbox_Information_State_Shadow);
+  box-shadow: var(--fdCheckbox_Information_State_Shadow)
 }
 .fd-checkbox.is-readonly + .fd-checkbox__label::before,
 .fd-checkbox[readonly] + .fd-checkbox__label::before {
   background-color: var(--sapField_ReadOnly_Background);
-  border: var(--sapField_BorderWidth) solid var(--sapField_ReadOnly_BorderColor);
+  border: var(--fdCheckbox_Readonly_Border_Width) var(--fdCheckbox_Readonly_Border_Type) var(--sapField_ReadOnly_BorderColor);
   color: var(--sapContent_NonInteractiveIconColor)
 }
 .fd-checkbox.is-readonly + .fd-checkbox__label::after,
@@ -8976,7 +8986,9 @@ fd-carousel:focus {
 .fd-checkbox.is-readonly + .fd-checkbox__label:hover::before,
 .fd-checkbox[readonly] + .fd-checkbox__label.is-hover::before,
 .fd-checkbox[readonly] + .fd-checkbox__label:hover::before {
-  background-color: var(--sapField_Hover_Background)
+  background-color: var(--fdCheckbox_State_Hover_Background);
+  -webkit-box-shadow: none;
+  box-shadow: none
 }
 .fd-checkbox.is-focus,
 .fd-checkbox:focus {
@@ -22867,8 +22879,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],

package/package.json

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