@fundamental-styles/theming-preview 0.24.0-rc.113 → 0.24.0-rc.114
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 +35 -28
- 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.114
|
|
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
|
*/
|
|
@@ -19459,6 +19459,7 @@
|
|
|
19459
19459
|
height: 100%;
|
|
19460
19460
|
position: relative;
|
|
19461
19461
|
overflow: hidden;
|
|
19462
|
+
outline: none;
|
|
19462
19463
|
}
|
|
19463
19464
|
.fd-grid-list .fd-grid-list__item::before, .fd-grid-list .fd-grid-list__item::after {
|
|
19464
19465
|
-webkit-box-sizing: inherit;
|
|
@@ -19477,7 +19478,7 @@
|
|
|
19477
19478
|
-webkit-box-shadow: var(--fdGrid_List_Item_Focus_Box_Shadow);
|
|
19478
19479
|
box-shadow: var(--fdGrid_List_Item_Focus_Box_Shadow);
|
|
19479
19480
|
border: var(--fdGrid_List_Item_Focus_Border);
|
|
19480
|
-
border-radius: var(--
|
|
19481
|
+
border-radius: var(--fdGrid_List_Item_Border_Radius);
|
|
19481
19482
|
z-index: 1;
|
|
19482
19483
|
}
|
|
19483
19484
|
.fd-grid-list .fd-grid-list__item--height-auto {
|
|
@@ -19761,32 +19762,6 @@
|
|
|
19761
19762
|
.fd-grid-list__group-header--no-margin {
|
|
19762
19763
|
margin-top: 0;
|
|
19763
19764
|
}
|
|
19764
|
-
.fd-grid-list__filter,
|
|
19765
|
-
.fd-grid-list__filter * {
|
|
19766
|
-
color: var(--sapList_TextColor) !important;
|
|
19767
|
-
}
|
|
19768
|
-
.fd-grid-list__filter[class*=active]:focus, .fd-grid-list__filter[class*=active].is-focus {
|
|
19769
|
-
outline-offset: -0.1875rem;
|
|
19770
|
-
outline-width: var(--sapContent_FocusWidth);
|
|
19771
|
-
outline-color: var(--sapContent_FocusColor);
|
|
19772
|
-
outline-style: var(--sapContent_FocusStyle);
|
|
19773
|
-
}
|
|
19774
|
-
.fd-grid-list__filter[class*=active],
|
|
19775
|
-
.fd-grid-list__filter[class*=active] * {
|
|
19776
|
-
color: var(--sapInfobar_TextColor) !important;
|
|
19777
|
-
}
|
|
19778
|
-
.fd-grid-list__filter .fd-grid-list__filter-button:hover, .fd-grid-list__filter .fd-grid-list__filter-button.is-hover {
|
|
19779
|
-
background: transparent;
|
|
19780
|
-
-webkit-box-shadow: none;
|
|
19781
|
-
box-shadow: none;
|
|
19782
|
-
border: none;
|
|
19783
|
-
}
|
|
19784
|
-
.fd-grid-list__filter .fd-grid-list__filter-button:active, .fd-grid-list__filter .fd-grid-list__filter-button.is-active {
|
|
19785
|
-
background: transparent;
|
|
19786
|
-
-webkit-box-shadow: none;
|
|
19787
|
-
box-shadow: none;
|
|
19788
|
-
border: none;
|
|
19789
|
-
}
|
|
19790
19765
|
.fd-grid-list__more {
|
|
19791
19766
|
font-size: var(--sapFontSize);
|
|
19792
19767
|
line-height: var(--sapContent_LineHeight);
|
|
@@ -39482,6 +39457,10 @@ places the element far left of the screen. so it is not visible.
|
|
|
39482
39457
|
.fd-toolbar--info {
|
|
39483
39458
|
background-color: var(--sapInfobar_NonInteractive_Background);
|
|
39484
39459
|
color: var(--sapList_TextColor);
|
|
39460
|
+
padding-left: 0.5rem;
|
|
39461
|
+
padding-right: 1rem;
|
|
39462
|
+
position: relative;
|
|
39463
|
+
outline: none;
|
|
39485
39464
|
}
|
|
39486
39465
|
.fd-toolbar--info.fd-toolbar--active {
|
|
39487
39466
|
background-color: var(--sapInfobar_Background);
|
|
@@ -39493,6 +39472,34 @@ places the element far left of the screen. so it is not visible.
|
|
|
39493
39472
|
.fd-toolbar--info.fd-toolbar--active:active, .fd-toolbar--info.fd-toolbar--active.is-active {
|
|
39494
39473
|
background-color: var(--sapInfobar_Active_Background);
|
|
39495
39474
|
}
|
|
39475
|
+
[dir=rtl] .fd-toolbar--info, .fd-toolbar--info[dir=rtl] {
|
|
39476
|
+
padding-right: 0.5rem;
|
|
39477
|
+
padding-left: 1rem;
|
|
39478
|
+
}
|
|
39479
|
+
.fd-toolbar--info:focus::after, .fd-toolbar--info.is-focus::after {
|
|
39480
|
+
border-width: var(--sapContent_FocusWidth);
|
|
39481
|
+
border-color: var(--sapContent_FocusColor);
|
|
39482
|
+
border-style: var(--sapContent_FocusStyle);
|
|
39483
|
+
content: "";
|
|
39484
|
+
position: absolute;
|
|
39485
|
+
pointer-events: none;
|
|
39486
|
+
top: 0.0625rem;
|
|
39487
|
+
bottom: 0.0625rem;
|
|
39488
|
+
left: 0.0625rem;
|
|
39489
|
+
right: 0.0625rem;
|
|
39490
|
+
}
|
|
39491
|
+
.fd-toolbar--info:focus, .fd-toolbar--info.is-focus {
|
|
39492
|
+
z-index: 5;
|
|
39493
|
+
}
|
|
39494
|
+
.fd-toolbar--info:focus::after, .fd-toolbar--info.is-focus::after {
|
|
39495
|
+
border-color: var(--fdToolbar_Info_Outline_Color);
|
|
39496
|
+
}
|
|
39497
|
+
.fd-toolbar--info [class*=sap-icon] {
|
|
39498
|
+
font-size: 1rem;
|
|
39499
|
+
height: 1rem;
|
|
39500
|
+
line-height: 1rem;
|
|
39501
|
+
color: var(--sapInfobar_TextColor);
|
|
39502
|
+
}
|
|
39496
39503
|
.fd-toolbar__spacer {
|
|
39497
39504
|
font-size: var(--sapFontSize);
|
|
39498
39505
|
line-height: var(--sapContent_LineHeight);
|
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.114",
|
|
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.114"
|
|
13
13
|
}
|
|
14
14
|
}
|
|
15
15
|
|