@fundamental-styles/theming-preview 0.24.0-rc.89 → 0.24.0-rc.91

package/fundamental-styles.css

@@ -1,7 +1,7 @@
 
 @charset "UTF-8";
 /*!
- * Fundamental Library Styles v0.24.0-rc.89
+ * Fundamental Library Styles v0.24.0-rc.91
  * 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)
  */
@@ -19477,16 +19477,19 @@
   font-size: inherit;
 }
 .fd-grid-list .fd-grid-list__item:focus, .fd-grid-list .fd-grid-list__item.is-focus {
-  outline-offset: -0.1875rem;
-  outline-width: var(--sapContent_FocusWidth);
-  outline-color: var(--sapContent_FocusColor);
-  outline-style: var(--sapContent_FocusStyle);
+  z-index: 5;
 }
-.fd-grid-list .fd-grid-list__item:focus .fd-grid-list__highlight, .fd-grid-list .fd-grid-list__item.is-focus .fd-grid-list__highlight {
-  width: 0.25rem;
-  left: 0.1875rem;
-  bottom: var(--fdGrid_List_Highlight_Offset);
-  top: var(--fdGrid_List_Highlight_Offset);
+.fd-grid-list .fd-grid-list__item:focus::before, .fd-grid-list .fd-grid-list__item.is-focus::before {
+  pointer-events: none;
+  position: absolute;
+  display: block;
+  content: "";
+  inset: var(--fdGrid_List_Item_Focus_Outline_Offset);
+  -webkit-box-shadow: var(--fdGrid_List_Item_Focus_Box_Shadow);
+          box-shadow: var(--fdGrid_List_Item_Focus_Box_Shadow);
+  border: var(--fdGrid_List_Item_Focus_Border);
+  border-radius: var(--fdGrid_List_Item_Focus_Border_Radius);
+  z-index: 1;
 }
 .fd-grid-list .fd-grid-list__item--height-auto {
   height: auto;
@@ -19528,6 +19531,9 @@
   border-radius: 0 var(--fdGrid_List_Item_Border_Radius) var(--fdGrid_List_Item_Border_Radius) 0;
   background-color: var(--sapList_SelectionBorderColor);
 }
+.fd-grid-list .fd-grid-list__item--link[aria-selected=true]::before, .fd-grid-list .fd-grid-list__item--link.is-selected::before {
+  border-color: var(--sapList_SelectionBackgroundColor);
+}
 .fd-grid-list .fd-grid-list__item-toolbar {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -19996,6 +20002,9 @@
 .fd-grid-list--mode-single-select .fd-grid-list__item .fd-grid-list__radio-label {
   display: none;
 }
+.fd-grid-list--mode-single-select .fd-grid-list__item[aria-selected=true]::before, .fd-grid-list--mode-single-select .fd-grid-list__item.is-selected::before {
+  border-color: var(--sapList_SelectionBackgroundColor);
+}
 .fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__radio-input {
   right: 1rem;
 }
@@ -38529,7 +38538,6 @@ places the element far left of the screen. so it is not visible.
   line-height: 2rem;
   height: 2rem;
   font-size: var(--sapFontSmallSize);
-  max-width: 3rem;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: clip;

package/package.json

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