@fundamental-styles/theming-preview 0.24.0-rc.85 → 0.24.0-rc.86

package/fundamental-styles.css

@@ -1,7 +1,7 @@
 
 @charset "UTF-8";
 /*!
- * Fundamental Library Styles v0.24.0-rc.85
+ * Fundamental Library Styles v0.24.0-rc.86
  * 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)
  */
@@ -5532,9 +5532,9 @@
 /* stylelint-enable */
 /* Fully expanded pseudo element. Requires parent to have specified position */
 /* Fully expanded pseudo element. Requires parent to have specified position */
-.fd-busy-indicator,
-.fd-busy-indicator--m,
-.fd-busy-indicator--l {
+.fd-busy-indicator {
+  --Dot_Color: var(--fdBusy_Indicator_Dot_Color);
+  --Dot_Size: 0.5rem;
   font-size: var(--sapFontSize);
   line-height: var(--sapContent_LineHeight);
   color: var(--sapTextColor);
@@ -5548,60 +5548,19 @@
   position: relative;
   display: block;
   font-size: 0;
-  color: var(--fdBusy_Indicator_Dot_Color);
+  color: var(--Dot_Color);
   text-align: center;
 }
-.fd-busy-indicator::before, .fd-busy-indicator::after,
-.fd-busy-indicator--m::before,
-.fd-busy-indicator--m::after,
-.fd-busy-indicator--l::before,
-.fd-busy-indicator--l::after {
-  -webkit-box-sizing: inherit;
-          box-sizing: inherit;
-  font-size: inherit;
-}
-.fd-busy-indicator.contrast,
-.fd-busy-indicator--m.contrast,
-.fd-busy-indicator--l.contrast {
-  color: var(--fdBusy_Indicator_Dot_Contrast_Color);
+.fd-busy-indicator--contrast {
+  --Dot_Color: var(--fdBusy_Indicator_Dot_Contrast_Color);
 }
-.fd-busy-indicator.contrast .fd-busy-indicator--circle-0,
-.fd-busy-indicator.contrast .fd-busy-indicator--circle-1,
-.fd-busy-indicator.contrast .fd-busy-indicator--circle-2,
-.fd-busy-indicator--m.contrast .fd-busy-indicator--circle-0,
-.fd-busy-indicator--m.contrast .fd-busy-indicator--circle-1,
-.fd-busy-indicator--m.contrast .fd-busy-indicator--circle-2,
-.fd-busy-indicator--l.contrast .fd-busy-indicator--circle-0,
-.fd-busy-indicator--l.contrast .fd-busy-indicator--circle-1,
-.fd-busy-indicator--l.contrast .fd-busy-indicator--circle-2 {
-  color: var(--fdBusy_Indicator_Dot_Contrast_Color);
+.fd-busy-indicator--m {
+  --Dot_Size: 1rem;
 }
-.fd-busy-indicator--circle-0,
-.fd-busy-indicator--circle-1,
-.fd-busy-indicator--circle-2 {
-  font-size: var(--sapFontSize);
-  line-height: var(--sapContent_LineHeight);
-  color: var(--sapTextColor);
-  font-family: var(--sapFontFamily);
-  font-weight: normal;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  padding: 0;
-  margin: 0;
-  border: 0;
-  color: var(--fdBusy_Indicator_Dot_Color);
-  position: relative;
-  width: 0.5rem;
-  height: 0.5rem;
-  display: inline-block;
-  border-radius: 50%;
-  background-color: currentColor;
+.fd-busy-indicator--l {
+  --Dot_Size: 2rem;
 }
-.fd-busy-indicator--circle-0::before, .fd-busy-indicator--circle-0::after,
-.fd-busy-indicator--circle-1::before,
-.fd-busy-indicator--circle-1::after,
-.fd-busy-indicator--circle-2::before,
-.fd-busy-indicator--circle-2::after {
+.fd-busy-indicator::before, .fd-busy-indicator::after {
   -webkit-box-sizing: inherit;
           box-sizing: inherit;
   font-size: inherit;
@@ -5650,52 +5609,58 @@
           box-sizing: inherit;
   font-size: inherit;
 }
-.fd-busy-indicator--circle-0 {
-  -webkit-animation: grow 1.6s infinite cubic-bezier(0.32, 0.06, 0.85, 1.11);
-          animation: grow 1.6s infinite cubic-bezier(0.32, 0.06, 0.85, 1.11);
-}
-.fd-busy-indicator--circle-1 {
+.fd-busy-indicator__circle {
+  font-size: var(--sapFontSize);
+  line-height: var(--sapContent_LineHeight);
+  color: var(--sapTextColor);
+  font-family: var(--sapFontFamily);
+  font-weight: normal;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  padding: 0;
+  margin: 0;
+  border: 0;
+  color: var(--Dot_Color);
+  position: relative;
+  width: var(--Dot_Size);
+  height: var(--Dot_Size);
+  display: inline-block;
+  border-radius: 50%;
+  background-color: currentColor;
   -webkit-animation: grow 1.6s infinite cubic-bezier(0.32, 0.06, 0.85, 1.11);
           animation: grow 1.6s infinite cubic-bezier(0.32, 0.06, 0.85, 1.11);
-  -webkit-animation-delay: 200ms;
-          animation-delay: 200ms;
 }
-.fd-busy-indicator--circle-2 {
-  -webkit-animation: grow 1.6s infinite cubic-bezier(0.32, 0.06, 0.85, 1.11);
-          animation: grow 1.6s infinite cubic-bezier(0.32, 0.06, 0.85, 1.11);
-  -webkit-animation-delay: 400ms;
-          animation-delay: 400ms;
+.fd-busy-indicator__circle::before, .fd-busy-indicator__circle::after {
+  -webkit-box-sizing: inherit;
+          box-sizing: inherit;
+  font-size: inherit;
 }
-.fd-busy-indicator--m .fd-busy-indicator--circle-0,
-.fd-busy-indicator--m .fd-busy-indicator--circle-1,
-.fd-busy-indicator--m .fd-busy-indicator--circle-2 {
-  width: 1rem;
-  height: 1rem;
+.fd-busy-indicator__circle:nth-child(2) {
+  -webkit-animation-delay: 0.2s;
+          animation-delay: 0.2s;
 }
-.fd-busy-indicator--l .fd-busy-indicator--circle-0,
-.fd-busy-indicator--l .fd-busy-indicator--circle-1,
-.fd-busy-indicator--l .fd-busy-indicator--circle-2 {
-  width: 2rem;
-  height: 2rem;
+.fd-busy-indicator__circle:nth-child(3) {
+  -webkit-animation-delay: 0.4s;
+          animation-delay: 0.4s;
 }
 @-webkit-keyframes grow {
   0%, 50%, 100% {
     -webkit-transform: scale(0.5);
-    transform: scale(0.5);
+            transform: scale(0.5);
   }
   25% {
     -webkit-transform: scale(1);
-    transform: scale(1);
+            transform: scale(1);
   }
 }
 @keyframes grow {
   0%, 50%, 100% {
     -webkit-transform: scale(0.5);
-    transform: scale(0.5);
+            transform: scale(0.5);
   }
   25% {
     -webkit-transform: scale(1);
-    transform: scale(1);
+            transform: scale(1);
   }
 }
 /* Fully expanded pseudo element. Requires parent to have specified position */
@@ -9390,15 +9355,17 @@
   padding: 0;
   margin: 0;
   border: 0;
-  border-radius: 1rem;
-  color: var(--sapShell_TextColor);
+  border-radius: 0.5rem;
+  color: var(--sapContent_BadgeTextColor);
   background-color: var(--sapContent_BadgeBackground);
+  border: 0.0625rem solid var(--fdBadge_Border_Color);
   font-size: var(--sapFontSmallSize);
-  line-height: 1;
+  line-height: 0.875rem;
   display: inline-block;
   text-align: center;
-  padding: 0.25rem;
+  padding: 0 0.3125rem;
   z-index: 1;
+  height: 1rem;
 }
 .fd-counter::before, .fd-counter::after {
   -webkit-box-sizing: inherit;

package/package.json

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