@fundamental-styles/theming-preview 0.24.0-rc.52 → 0.24.0-rc.53

package/fundamental-styles.css

@@ -1,7 +1,7 @@
 
 @charset "UTF-8";
 /*!
- * Fundamental Library Styles v0.24.0-rc.52
+ * Fundamental Library Styles v0.24.0-rc.53
  * 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)
  */
@@ -7012,15 +7012,15 @@
   left: auto;
   right: 0.0625rem;
 }
-.fd-calendar__content:not(.fd-calendar__content--years):not(.fd-calendar__content--months) .fd-calendar__item:active, .fd-calendar__content:not(.fd-calendar__content--years):not(.fd-calendar__content--months) .fd-calendar__item.is-active {
+.fd-calendar .fd-calendar__item:active, .fd-calendar .fd-calendar__item.is-active {
   background-color: var(--sapContent_Selected_Background);
   border: var(--fdCalendar_Active_Item_Border);
   font-weight: var(--fdCalendar_Active_Item_Font_Weight);
 }
-.fd-calendar__content:not(.fd-calendar__content--years):not(.fd-calendar__content--months) .fd-calendar__item:hover:active, .fd-calendar__content:not(.fd-calendar__content--years):not(.fd-calendar__content--months) .fd-calendar__item.is-active:hover, .fd-calendar__content:not(.fd-calendar__content--years):not(.fd-calendar__content--months) .is-hover.fd-calendar__item:active, .fd-calendar__content:not(.fd-calendar__content--years):not(.fd-calendar__content--months) .is-hover.fd-calendar__item.is-active {
+.fd-calendar .fd-calendar__item:hover:active, .fd-calendar .fd-calendar__item.is-active:hover, .fd-calendar .is-hover.fd-calendar__item:active, .fd-calendar .is-hover.fd-calendar__item.is-active {
   background-color: var(--fdCalendar_Item_Active_Background_Hover);
 }
-.fd-calendar__content:not(.fd-calendar__content--years):not(.fd-calendar__content--months) .fd-calendar__item:focus:active, .fd-calendar__content:not(.fd-calendar__content--years):not(.fd-calendar__content--months) .fd-calendar__item.is-active:focus, .fd-calendar__content:not(.fd-calendar__content--years):not(.fd-calendar__content--months) .is-focus.fd-calendar__item:active, .fd-calendar__content:not(.fd-calendar__content--years):not(.fd-calendar__content--months) .is-focus.fd-calendar__item.is-active {
+.fd-calendar .fd-calendar__item:focus:active, .fd-calendar .fd-calendar__item.is-active:focus, .fd-calendar .is-focus.fd-calendar__item:active, .fd-calendar .is-focus.fd-calendar__item.is-active {
   z-index: 5;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -7033,14 +7033,14 @@
 .fd-calendar .fd-calendar__item--range:hover, .fd-calendar .is-hover.fd-calendar__item--range {
   background-color: var(--sapList_Hover_SelectionBackground);
 }
-.fd-calendar__content:not(.fd-calendar__content--years):not(.fd-calendar__content--months) .fd-calendar__item[aria-disabled=true], .fd-calendar__content:not(.fd-calendar__content--years):not(.fd-calendar__content--months) .fd-calendar__item.is-disabled, .fd-calendar__content:not(.fd-calendar__content--years):not(.fd-calendar__content--months) .fd-calendar__item:disabled {
+.fd-calendar__item[aria-disabled=true], .fd-calendar__item.is-disabled, .fd-calendar__item:disabled {
   pointer-events: none;
   opacity: 0.4;
 }
-.fd-calendar__content:not(.fd-calendar__content--years):not(.fd-calendar__content--months) .fd-calendar__item[aria-disabled=true]:hover, .fd-calendar__content:not(.fd-calendar__content--years):not(.fd-calendar__content--months) .fd-calendar__item.is-disabled:hover, .fd-calendar__content:not(.fd-calendar__content--years):not(.fd-calendar__content--months) .fd-calendar__item:hover:disabled {
+.fd-calendar__item[aria-disabled=true]:hover, .fd-calendar__item.is-disabled:hover, .fd-calendar__item:hover:disabled {
   cursor: not-allowed;
 }
-.fd-calendar__content:not(.fd-calendar__content--years):not(.fd-calendar__content--months) .fd-calendar__item:focus, .fd-calendar__content:not(.fd-calendar__content--years):not(.fd-calendar__content--months) .fd-calendar__item.is-focus {
+.fd-calendar__item:focus, .fd-calendar__item.is-focus {
   -webkit-box-shadow: none;
           box-shadow: none;
   outline-offset: -0.1875rem;
@@ -7218,19 +7218,22 @@
   padding-top: 1.875rem;
 }
 .fd-calendar__content--years .fd-calendar__item, .fd-calendar__content--months .fd-calendar__item {
+  background-color: transparent;
   max-height: 2.75rem;
 }
-.fd-calendar__content--years .fd-calendar__item .fd-calendar__text, .fd-calendar__content--months .fd-calendar__item .fd-calendar__text {
-  color: inherit;
-}
-.fd-calendar__content:not(.fd-calendar__content--years):not(.fd-calendar__content--months) .fd-calendar__item:hover, .fd-calendar__content:not(.fd-calendar__content--years):not(.fd-calendar__content--months) .fd-calendar__item.is-hover {
-  background-color: var(--sapList_Hover_Background);
+.fd-calendar__content--years .fd-calendar__item-button, .fd-calendar__content--months .fd-calendar__item-button {
+  min-width: 100%;
+  min-height: 100%;
+  padding: 0;
 }
-.fd-calendar__content:not(.fd-calendar__content--years):not(.fd-calendar__content--months) .fd-calendar__item:active .fd-calendar__text, .fd-calendar__content:not(.fd-calendar__content--years):not(.fd-calendar__content--months) .fd-calendar__item.is-active .fd-calendar__text {
-  color: var(--sapContent_Selected_TextColor);
+.fd-calendar__content--years .fd-calendar__item--current .fd-calendar__item-button, .fd-calendar__content--months .fd-calendar__item--current .fd-calendar__item-button {
+  border: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  border-radius: 0;
 }
-.fd-calendar__content:not(.fd-calendar__content--years):not(.fd-calendar__content--months) .fd-calendar__item:focus, .fd-calendar__content:not(.fd-calendar__content--years):not(.fd-calendar__content--months) .fd-calendar__item.is-focus {
-  z-index: 5;
+.fd-calendar__content--years .fd-calendar__item .fd-calendar__text, .fd-calendar__content--months .fd-calendar__item .fd-calendar__text {
+  color: inherit;
 }
 .fd-calendar__content--screen-reader-only {
   position: absolute;
@@ -7318,9 +7321,18 @@
           box-sizing: inherit;
   font-size: inherit;
 }
+.fd-calendar__item:hover, .fd-calendar__item.is-hover {
+  background-color: var(--sapList_Hover_Background);
+}
+.fd-calendar__item:focus, .fd-calendar__item.is-focus {
+  z-index: 5;
+}
 .fd-calendar .fd-calendar__item {
   display: inline-block;
 }
+.fd-calendar .fd-calendar__item:active .fd-calendar__text, .fd-calendar .fd-calendar__item.is-active .fd-calendar__text {
+  color: var(--sapContent_Selected_TextColor);
+}
 .fd-calendar .fd-calendar__item--side-helper .fd-calendar__text {
   color: var(--sapContent_LabelColor);
   font-size: var(--sapFontSmallSize);

package/package.json

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