@fundamental-styles/theming-preview 0.24.0-rc.82 → 0.24.0-rc.85
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fundamental-styles.css +18 -1
- package/package.json +2 -2
package/fundamental-styles.css
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
@charset "UTF-8";
|
|
3
3
|
/*!
|
|
4
|
-
* Fundamental Library Styles v0.24.0-rc.
|
|
4
|
+
* Fundamental Library Styles v0.24.0-rc.85
|
|
5
5
|
* Copyright (c) 2022 SAP SE or an SAP affiliate company.
|
|
6
6
|
* Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
|
|
7
7
|
*/
|
|
@@ -28543,6 +28543,13 @@ places the element far left of the screen. so it is not visible.
|
|
|
28543
28543
|
background-color: var(--sapList_Active_Background);
|
|
28544
28544
|
border: var(--fdProductSwitch_Border);
|
|
28545
28545
|
}
|
|
28546
|
+
.fd-product-switch__item:active:focus, .fd-product-switch__item:active.is-focus, .fd-product-switch__item.is-active:focus, .fd-product-switch__item.is-active.is-focus {
|
|
28547
|
+
outline-offset: -0.1875rem;
|
|
28548
|
+
outline-width: var(--sapContent_FocusWidth);
|
|
28549
|
+
outline-color: var(--sapContent_FocusColor);
|
|
28550
|
+
outline-style: var(--sapContent_FocusStyle);
|
|
28551
|
+
outline-color: var(--sapContent_ContrastFocusColor);
|
|
28552
|
+
}
|
|
28546
28553
|
.fd-product-switch__item:active .fd-product-switch__title,
|
|
28547
28554
|
.fd-product-switch__item:active .fd-product-switch__subtitle, .fd-product-switch__item.is-active .fd-product-switch__title,
|
|
28548
28555
|
.fd-product-switch__item.is-active .fd-product-switch__subtitle {
|
|
@@ -28805,6 +28812,13 @@ places the element far left of the screen. so it is not visible.
|
|
|
28805
28812
|
.fd-product-switch__body--mobile .fd-product-switch__item:active .fd-product-switch__title::after, .fd-product-switch__body--mobile .fd-product-switch__item:active .fd-product-switch__title::before, .fd-product-switch__body--mobile .fd-product-switch__item.is-active .fd-product-switch__title::after, .fd-product-switch__body--mobile .fd-product-switch__item.is-active .fd-product-switch__title::before {
|
|
28806
28813
|
background-color: var(--sapList_SelectionBorderColor);
|
|
28807
28814
|
}
|
|
28815
|
+
.fd-product-switch__body--mobile .fd-product-switch__item:active:focus, .fd-product-switch__body--mobile .fd-product-switch__item:active.is-focus, .fd-product-switch__body--mobile .fd-product-switch__item.is-active:focus, .fd-product-switch__body--mobile .fd-product-switch__item.is-active.is-focus {
|
|
28816
|
+
outline-offset: -0.1875rem;
|
|
28817
|
+
outline-width: var(--sapContent_FocusWidth);
|
|
28818
|
+
outline-color: var(--sapContent_FocusColor);
|
|
28819
|
+
outline-style: var(--sapContent_FocusStyle);
|
|
28820
|
+
outline-color: var(--sapContent_ContrastFocusColor);
|
|
28821
|
+
}
|
|
28808
28822
|
.fd-product-switch__body--mobile .fd-product-switch__item.selected {
|
|
28809
28823
|
border-bottom-color: var(--sapList_SelectionBorderColor);
|
|
28810
28824
|
-webkit-box-shadow: none;
|
|
@@ -35018,6 +35032,9 @@ places the element far left of the screen. so it is not visible.
|
|
|
35018
35032
|
outline-style: var(--sapContent_FocusStyle);
|
|
35019
35033
|
outline-color: var(--sapContent_ContrastFocusColor);
|
|
35020
35034
|
}
|
|
35035
|
+
.fd-table__body .fd-table__row:not(:first-of-type) .fd-table__cell--fixed {
|
|
35036
|
+
margin-top: 0.03125rem;
|
|
35037
|
+
}
|
|
35021
35038
|
.fd-table__cell--hoverable[aria-selected=true] .fd-table__cell:not(.fd-table__cell--status-indicator):hover, .fd-table__cell--hoverable[aria-selected=true] .fd-table__cell:not(.fd-table__cell--status-indicator).is-hover, .fd-table__cell--hoverable.is-selected .fd-table__cell:not(.fd-table__cell--status-indicator):hover, .fd-table__cell--hoverable.is-selected .fd-table__cell:not(.fd-table__cell--status-indicator).is-hover, .fd-table__row--hoverable[aria-selected=true] .fd-table__cell:not(.fd-table__cell--status-indicator):hover, .fd-table__row--hoverable[aria-selected=true] .fd-table__cell:not(.fd-table__cell--status-indicator).is-hover, .fd-table__row--hoverable.is-selected .fd-table__cell:not(.fd-table__cell--status-indicator):hover, .fd-table__row--hoverable.is-selected .fd-table__cell:not(.fd-table__cell--status-indicator).is-hover {
|
|
35022
35039
|
background-color: var(--sapList_Hover_SelectionBackground);
|
|
35023
35040
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fundamental-styles/theming-preview",
|
|
3
|
-
"version": "0.24.0-rc.
|
|
3
|
+
"version": "0.24.0-rc.85",
|
|
4
4
|
"license": "Apache-2.0",
|
|
5
5
|
"homepage": "https://sap.github.io/fundamental-styles/",
|
|
6
6
|
"description": "Fundamental Library Styles - Theming Package Preview",
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
"url": "https://github.com/SAP/fundamental-styles"
|
|
10
10
|
},
|
|
11
11
|
"dependencies": {
|
|
12
|
-
"fundamental-styles": "0.24.0-rc.
|
|
12
|
+
"fundamental-styles": "0.24.0-rc.85"
|
|
13
13
|
}
|
|
14
14
|
}
|
|
15
15
|
|