@fundamental-styles/theming-preview 0.24.0-rc.69 → 0.24.0-rc.71

package/fundamental-styles.css

@@ -1,7 +1,7 @@
 
 @charset "UTF-8";
 /*!
- * Fundamental Library Styles v0.24.0-rc.69
+ * Fundamental Library Styles v0.24.0-rc.71
  * 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)
  */
@@ -19442,31 +19442,17 @@ fd-carousel:focus, fd-carousel.is-focus {
   height: 1rem;
   width: 1rem;
 }
-.fd-grid-list .fd-grid-list__radio-input:focus, .fd-grid-list .fd-grid-list__radio-input.is-focus {
-  z-index: 5;
-}
-.fd-grid-list .fd-grid-list__radio-input:focus + .fd-grid-list__radio-label, .fd-grid-list .fd-grid-list__radio-input.is-focus + .fd-grid-list__radio-label {
-  outline-offset: 0;
-}
 .fd-grid-list .fd-grid-list__radio-input + .fd-grid-list__radio-label:empty, .fd-grid-list .fd-grid-list__radio-input + .fd-grid-list__radio-label.is-empty {
   -ms-flex-item-align: center;
       align-self: center;
-  padding: 0;
 }
 .fd-grid-list .fd-grid-list__checkbox-input {
   height: 1rem;
   width: 1rem;
 }
-.fd-grid-list .fd-grid-list__checkbox-input:focus, .fd-grid-list .fd-grid-list__checkbox-input.is-focus {
-  z-index: 5;
-}
-.fd-grid-list .fd-grid-list__checkbox-input:focus + .fd-grid-list__checkbox-label, .fd-grid-list .fd-grid-list__checkbox-input.is-focus + .fd-grid-list__checkbox-label {
-  outline-offset: 0;
-}
 .fd-grid-list .fd-grid-list__checkbox-input + .fd-grid-list__checkbox-label:empty, .fd-grid-list .fd-grid-list__checkbox-input + .fd-grid-list__checkbox-label.is-empty {
   -ms-flex-item-align: center;
       align-self: center;
-  padding: 0;
 }
 .fd-grid-list .fd-grid-list__item {
   font-size: var(--sapFontSize);
@@ -19512,6 +19498,9 @@ fd-carousel:focus, fd-carousel.is-focus {
   bottom: var(--fdGrid_List_Highlight_Offset);
   top: var(--fdGrid_List_Highlight_Offset);
 }
+.fd-grid-list .fd-grid-list__item--height-auto {
+  height: auto;
+}
 .fd-grid-list .fd-grid-list__item--unread .fd-grid-list__item-body * {
   font-weight: bold;
 }
@@ -19636,16 +19625,18 @@ fd-carousel:focus, fd-carousel.is-focus {
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
-  width: calc(100% - 3rem - 0.75rem);
   -webkit-box-flex: 0;
-      -ms-flex: 0 0 auto;
-          flex: 0 0 auto;
+      -ms-flex: 0 0 100%;
+          flex: 0 0 100%;
 }
 .fd-grid-list .fd-grid-list__item-header::before, .fd-grid-list .fd-grid-list__item-header::after {
   -webkit-box-sizing: inherit;
           box-sizing: inherit;
   font-size: inherit;
 }
+.fd-grid-list .fd-grid-list__item-header + .fd-grid-list__item-content {
+  padding-top: 1rem;
+}
 .fd-grid-list .fd-grid-list__item-image {
   margin-right: 0.75rem;
 }
@@ -19653,6 +19644,10 @@ fd-carousel:focus, fd-carousel.is-focus {
   margin-right: 0;
   margin-left: 0.75rem;
 }
+.fd-grid-list .fd-grid-list__item-image + .fd-grid-list__item-header,
+.fd-grid-list .fd-grid-list__item-image + .fd-grid-list__item-content {
+  max-width: calc(100% - 3rem - 0.75rem);
+}
 .fd-grid-list .fd-grid-list__item-title {
   font-size: var(--sapFontSize);
   line-height: var(--sapContent_LineHeight);
@@ -19707,7 +19702,6 @@ fd-carousel:focus, fd-carousel.is-focus {
   margin: 0;
   border: 0;
   color: var(--sapList_TextColor);
-  padding-top: 1rem;
 }
 .fd-grid-list .fd-grid-list__item-content::before, .fd-grid-list .fd-grid-list__item-content::after {
   -webkit-box-sizing: inherit;
@@ -19963,6 +19957,31 @@ fd-carousel:focus, fd-carousel.is-focus {
           flex-direction: row;
   color: var(--sapContent_LabelColor);
 }
+.fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__checkbox-label:empty, .fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__checkbox-label.is-empty,
+.fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__radio-label:empty,
+.fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__radio-label.is-empty, .fd-grid-list--mode-single-select-left .fd-grid-list__item .fd-grid-list__checkbox-label:empty, .fd-grid-list--mode-single-select-left .fd-grid-list__item .fd-grid-list__checkbox-label.is-empty,
+.fd-grid-list--mode-single-select-left .fd-grid-list__item .fd-grid-list__radio-label:empty,
+.fd-grid-list--mode-single-select-left .fd-grid-list__item .fd-grid-list__radio-label.is-empty, .fd-grid-list--mode-multi-select .fd-grid-list__item .fd-grid-list__checkbox-label:empty, .fd-grid-list--mode-multi-select .fd-grid-list__item .fd-grid-list__checkbox-label.is-empty,
+.fd-grid-list--mode-multi-select .fd-grid-list__item .fd-grid-list__radio-label:empty,
+.fd-grid-list--mode-multi-select .fd-grid-list__item .fd-grid-list__radio-label.is-empty {
+  margin-left: -0.5rem;
+}
+[dir=rtl] .fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__checkbox-label:empty, .fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__checkbox-label:empty[dir=rtl], [dir=rtl] .fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__checkbox-label.is-empty, .fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__checkbox-label.is-empty[dir=rtl],
+[dir=rtl] .fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__radio-label:empty,
+.fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__radio-label:empty[dir=rtl],
+[dir=rtl] .fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__radio-label.is-empty,
+.fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__radio-label.is-empty[dir=rtl], [dir=rtl] .fd-grid-list--mode-single-select-left .fd-grid-list__item .fd-grid-list__checkbox-label:empty, .fd-grid-list--mode-single-select-left .fd-grid-list__item .fd-grid-list__checkbox-label:empty[dir=rtl], [dir=rtl] .fd-grid-list--mode-single-select-left .fd-grid-list__item .fd-grid-list__checkbox-label.is-empty, .fd-grid-list--mode-single-select-left .fd-grid-list__item .fd-grid-list__checkbox-label.is-empty[dir=rtl],
+[dir=rtl] .fd-grid-list--mode-single-select-left .fd-grid-list__item .fd-grid-list__radio-label:empty,
+.fd-grid-list--mode-single-select-left .fd-grid-list__item .fd-grid-list__radio-label:empty[dir=rtl],
+[dir=rtl] .fd-grid-list--mode-single-select-left .fd-grid-list__item .fd-grid-list__radio-label.is-empty,
+.fd-grid-list--mode-single-select-left .fd-grid-list__item .fd-grid-list__radio-label.is-empty[dir=rtl], [dir=rtl] .fd-grid-list--mode-multi-select .fd-grid-list__item .fd-grid-list__checkbox-label:empty, .fd-grid-list--mode-multi-select .fd-grid-list__item .fd-grid-list__checkbox-label:empty[dir=rtl], [dir=rtl] .fd-grid-list--mode-multi-select .fd-grid-list__item .fd-grid-list__checkbox-label.is-empty, .fd-grid-list--mode-multi-select .fd-grid-list__item .fd-grid-list__checkbox-label.is-empty[dir=rtl],
+[dir=rtl] .fd-grid-list--mode-multi-select .fd-grid-list__item .fd-grid-list__radio-label:empty,
+.fd-grid-list--mode-multi-select .fd-grid-list__item .fd-grid-list__radio-label:empty[dir=rtl],
+[dir=rtl] .fd-grid-list--mode-multi-select .fd-grid-list__item .fd-grid-list__radio-label.is-empty,
+.fd-grid-list--mode-multi-select .fd-grid-list__item .fd-grid-list__radio-label.is-empty[dir=rtl] {
+  margin-right: -0.5rem;
+  margin-left: 0;
+}
 .fd-grid-list--mode-single-select .fd-grid-list__item {
   cursor: pointer;
 }
@@ -19987,18 +20006,21 @@ fd-carousel:focus, fd-carousel.is-focus {
 .fd-grid-list--mode-single-select .fd-grid-list__item .fd-grid-list__radio-label {
   display: none;
 }
-.fd-grid-list--mode-single-select-right .fd-grid-list__radio-input {
+.fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__radio-input {
   right: 1rem;
 }
-.fd-grid-list--mode-single-select-right .fd-grid-list__radio-label {
-  margin-left: 0.5rem !important;
+.fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__radio-label {
   -webkit-box-ordinal-group: 2;
       -ms-flex-order: 1;
           order: 1;
 }
-[dir=rtl] .fd-grid-list--mode-single-select-right .fd-grid-list__radio-label, .fd-grid-list--mode-single-select-right .fd-grid-list__radio-label[dir=rtl] {
-  margin-right: 0.5rem !important;
-  margin-left: 0;
+.fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__radio-label:empty, .fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__radio-label.is-empty {
+  margin-left: 0.5rem;
+  margin-right: -0.5rem;
+}
+[dir=rtl] .fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__radio-label:empty, .fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__radio-label:empty[dir=rtl], [dir=rtl] .fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__radio-label.is-empty, .fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__radio-label.is-empty[dir=rtl] {
+  margin-right: 0.5rem;
+  margin-left: -0.5rem;
 }
 /* Fully expanded pseudo element. Requires parent to have specified position */
 /* stylelint-disable */

package/package.json

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