@fundamental-styles/theming-preview 0.24.2-rc.0 → 0.24.2-rc.3

package/fundamental-styles.css

@@ -1,7 +1,7 @@
 
 @charset "UTF-8";
 /*!
- * Fundamental Library Styles v0.24.2-rc.0
+ * Fundamental Library Styles v0.24.2-rc.3
  * 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)
  */
@@ -3901,6 +3901,7 @@
   width: 2.5rem;
   top: 0.4375rem;
   left: 0;
+  line-height: 1rem;
 }
 [dir=rtl] .fd-alert--warning, .fd-alert--warning[dir=rtl], [dir=rtl] .fd-alert--information, .fd-alert--information[dir=rtl], [dir=rtl] .fd-alert--success, .fd-alert--success[dir=rtl], [dir=rtl] .fd-alert--error, .fd-alert--error[dir=rtl] {
   padding-right: 2.5rem;
@@ -17317,8 +17318,6 @@
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  height: 2.25rem;
-  min-height: 2.25rem;
   z-index: 1;
   width: 100%;
   min-width: 2.75rem;
@@ -31055,6 +31054,7 @@ places the element far left of the screen. so it is not visible.
 }
 .fd-select--compact .fd-select__control {
   height: 1.625rem;
+  min-height: 1.625rem;
 }
 .fd-select--compact .fd-select__control .fd-select__text-content {
   padding-left: 0.5rem;
@@ -34328,6 +34328,7 @@ places the element far left of the screen. so it is not visible.
 }
 .fd-step-input--compact {
   height: 1.625rem;
+  min-height: 1.625rem;
   /** Width is different due to different border width  */
 }
 .fd-step-input--compact.is-information .fd-step-input__button.fd-button, .fd-step-input--compact.is-error .fd-step-input__button.fd-button, .fd-step-input--compact.is-warning .fd-step-input__button.fd-button {
@@ -38783,13 +38784,12 @@ places the element far left of the screen. so it is not visible.
           box-shadow: var(--fdToken_Box_Shadow_Hover);
 }
 .fd-token:focus, .fd-token.is-focus {
-  z-index: 5;
-  -webkit-box-shadow: none;
-          box-shadow: none;
   outline-offset: var(--fdToken_Outline_Offset);
   outline-width: var(--sapContent_FocusWidth);
   outline-color: var(--sapContent_FocusColor);
   outline-style: var(--sapContent_FocusStyle);
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .fd-token--compact {
   padding: 0.1rem 0 0.1rem 0.25rem;
@@ -38809,38 +38809,16 @@ places the element far left of the screen. so it is not visible.
   padding-right: 0.25rem;
 }
 .fd-token--compact:focus, .fd-token--compact.is-focus {
-  z-index: 5;
-  -webkit-box-shadow: none;
-          box-shadow: none;
   outline-offset: var(--fdToken_Outline_Offset);
   outline-width: var(--sapContent_FocusWidth);
   outline-color: var(--sapContent_FocusColor);
   outline-style: var(--sapContent_FocusStyle);
-  outline-offset: var(--fdToken_Outline_Offset_Compact);
-}
-.fd-token--selected {
-  color: var(--sapButton_Selected_TextColor);
-  background-color: var(--sapButton_Selected_Background);
-  border-color: var(--sapButton_Selected_BorderColor);
-}
-.fd-token--selected .fd-token__close {
-  color: var(--sapButton_Selected_TextColor);
-}
-.fd-token--selected:hover {
-  background-color: var(--sapButton_Selected_Hover_Background);
-  border-color: var(--sapButton_Selected_Hover_BorderColor);
-  -webkit-box-shadow: var(--fdToken_Box_Shadow_Selected_Hover);
-          box-shadow: var(--fdToken_Box_Shadow_Selected_Hover);
-}
-.fd-token--selected:focus, .fd-token--selected.is-focus {
-  z-index: 5;
   -webkit-box-shadow: none;
           box-shadow: none;
-  outline-offset: var(--fdToken_Outline_Offset);
-  outline-width: var(--sapContent_FocusWidth);
-  outline-color: var(--sapContent_FocusColor);
-  outline-style: var(--sapContent_FocusStyle);
-  outline-color: var(--fdToken_Border_Color_Selected_Focus);
+  outline-offset: var(--fdToken_Outline_Offset_Compact);
+}
+.fd-token--disabled {
+  cursor: not-allowed;
 }
 .fd-token--readonly {
   color: var(--sapContent_LabelColor);
@@ -38864,6 +38842,29 @@ places the element far left of the screen. so it is not visible.
 [dir=rtl] .fd-token--readonly, .fd-token--readonly[dir=rtl] {
   padding-left: 0.375rem;
 }
+.fd-token.fd-token--selected {
+  color: var(--sapButton_Selected_TextColor);
+  background-color: var(--sapButton_Selected_Background);
+  border-color: var(--sapButton_Selected_BorderColor);
+}
+.fd-token.fd-token--selected .fd-token__close {
+  color: var(--sapButton_Selected_TextColor);
+}
+.fd-token.fd-token--selected:hover, .fd-token.fd-token--selected.is-hover {
+  background-color: var(--sapButton_Selected_Hover_Background);
+  border-color: var(--sapButton_Selected_Hover_BorderColor);
+  -webkit-box-shadow: var(--fdToken_Box_Shadow_Selected_Hover);
+          box-shadow: var(--fdToken_Box_Shadow_Selected_Hover);
+}
+.fd-token.fd-token--selected:focus, .fd-token.fd-token--selected.is-focus {
+  outline-offset: var(--fdToken_Outline_Offset);
+  outline-width: var(--sapContent_FocusWidth);
+  outline-color: var(--sapContent_FocusColor);
+  outline-style: var(--sapContent_FocusStyle);
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  outline-color: var(--fdToken_Border_Color_Selected_Focus);
+}
 /* Fully expanded pseudo element. Requires parent to have specified position */
 /* stylelint-disable */
 /* stylelint-enable */

package/package.json

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