@fundamental-styles/theming-preview 0.24.2-rc.0 → 0.24.2-rc.1
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 +30 -30
- 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.2-rc.
|
|
4
|
+
* Fundamental Library Styles v0.24.2-rc.1
|
|
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
|
*/
|
|
@@ -38783,13 +38783,12 @@ places the element far left of the screen. so it is not visible.
|
|
|
38783
38783
|
box-shadow: var(--fdToken_Box_Shadow_Hover);
|
|
38784
38784
|
}
|
|
38785
38785
|
.fd-token:focus, .fd-token.is-focus {
|
|
38786
|
-
z-index: 5;
|
|
38787
|
-
-webkit-box-shadow: none;
|
|
38788
|
-
box-shadow: none;
|
|
38789
38786
|
outline-offset: var(--fdToken_Outline_Offset);
|
|
38790
38787
|
outline-width: var(--sapContent_FocusWidth);
|
|
38791
38788
|
outline-color: var(--sapContent_FocusColor);
|
|
38792
38789
|
outline-style: var(--sapContent_FocusStyle);
|
|
38790
|
+
-webkit-box-shadow: none;
|
|
38791
|
+
box-shadow: none;
|
|
38793
38792
|
}
|
|
38794
38793
|
.fd-token--compact {
|
|
38795
38794
|
padding: 0.1rem 0 0.1rem 0.25rem;
|
|
@@ -38809,38 +38808,16 @@ places the element far left of the screen. so it is not visible.
|
|
|
38809
38808
|
padding-right: 0.25rem;
|
|
38810
38809
|
}
|
|
38811
38810
|
.fd-token--compact:focus, .fd-token--compact.is-focus {
|
|
38812
|
-
z-index: 5;
|
|
38813
|
-
-webkit-box-shadow: none;
|
|
38814
|
-
box-shadow: none;
|
|
38815
38811
|
outline-offset: var(--fdToken_Outline_Offset);
|
|
38816
38812
|
outline-width: var(--sapContent_FocusWidth);
|
|
38817
38813
|
outline-color: var(--sapContent_FocusColor);
|
|
38818
38814
|
outline-style: var(--sapContent_FocusStyle);
|
|
38819
|
-
outline-offset: var(--fdToken_Outline_Offset_Compact);
|
|
38820
|
-
}
|
|
38821
|
-
.fd-token--selected {
|
|
38822
|
-
color: var(--sapButton_Selected_TextColor);
|
|
38823
|
-
background-color: var(--sapButton_Selected_Background);
|
|
38824
|
-
border-color: var(--sapButton_Selected_BorderColor);
|
|
38825
|
-
}
|
|
38826
|
-
.fd-token--selected .fd-token__close {
|
|
38827
|
-
color: var(--sapButton_Selected_TextColor);
|
|
38828
|
-
}
|
|
38829
|
-
.fd-token--selected:hover {
|
|
38830
|
-
background-color: var(--sapButton_Selected_Hover_Background);
|
|
38831
|
-
border-color: var(--sapButton_Selected_Hover_BorderColor);
|
|
38832
|
-
-webkit-box-shadow: var(--fdToken_Box_Shadow_Selected_Hover);
|
|
38833
|
-
box-shadow: var(--fdToken_Box_Shadow_Selected_Hover);
|
|
38834
|
-
}
|
|
38835
|
-
.fd-token--selected:focus, .fd-token--selected.is-focus {
|
|
38836
|
-
z-index: 5;
|
|
38837
38815
|
-webkit-box-shadow: none;
|
|
38838
38816
|
box-shadow: none;
|
|
38839
|
-
outline-offset: var(--
|
|
38840
|
-
|
|
38841
|
-
|
|
38842
|
-
|
|
38843
|
-
outline-color: var(--fdToken_Border_Color_Selected_Focus);
|
|
38817
|
+
outline-offset: var(--fdToken_Outline_Offset_Compact);
|
|
38818
|
+
}
|
|
38819
|
+
.fd-token--disabled {
|
|
38820
|
+
cursor: not-allowed;
|
|
38844
38821
|
}
|
|
38845
38822
|
.fd-token--readonly {
|
|
38846
38823
|
color: var(--sapContent_LabelColor);
|
|
@@ -38864,6 +38841,29 @@ places the element far left of the screen. so it is not visible.
|
|
|
38864
38841
|
[dir=rtl] .fd-token--readonly, .fd-token--readonly[dir=rtl] {
|
|
38865
38842
|
padding-left: 0.375rem;
|
|
38866
38843
|
}
|
|
38844
|
+
.fd-token.fd-token--selected {
|
|
38845
|
+
color: var(--sapButton_Selected_TextColor);
|
|
38846
|
+
background-color: var(--sapButton_Selected_Background);
|
|
38847
|
+
border-color: var(--sapButton_Selected_BorderColor);
|
|
38848
|
+
}
|
|
38849
|
+
.fd-token.fd-token--selected .fd-token__close {
|
|
38850
|
+
color: var(--sapButton_Selected_TextColor);
|
|
38851
|
+
}
|
|
38852
|
+
.fd-token.fd-token--selected:hover, .fd-token.fd-token--selected.is-hover {
|
|
38853
|
+
background-color: var(--sapButton_Selected_Hover_Background);
|
|
38854
|
+
border-color: var(--sapButton_Selected_Hover_BorderColor);
|
|
38855
|
+
-webkit-box-shadow: var(--fdToken_Box_Shadow_Selected_Hover);
|
|
38856
|
+
box-shadow: var(--fdToken_Box_Shadow_Selected_Hover);
|
|
38857
|
+
}
|
|
38858
|
+
.fd-token.fd-token--selected:focus, .fd-token.fd-token--selected.is-focus {
|
|
38859
|
+
outline-offset: var(--fdToken_Outline_Offset);
|
|
38860
|
+
outline-width: var(--sapContent_FocusWidth);
|
|
38861
|
+
outline-color: var(--sapContent_FocusColor);
|
|
38862
|
+
outline-style: var(--sapContent_FocusStyle);
|
|
38863
|
+
-webkit-box-shadow: none;
|
|
38864
|
+
box-shadow: none;
|
|
38865
|
+
outline-color: var(--fdToken_Border_Color_Selected_Focus);
|
|
38866
|
+
}
|
|
38867
38867
|
/* Fully expanded pseudo element. Requires parent to have specified position */
|
|
38868
38868
|
/* stylelint-disable */
|
|
38869
38869
|
/* stylelint-enable */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fundamental-styles/theming-preview",
|
|
3
|
-
"version": "0.24.2-rc.
|
|
3
|
+
"version": "0.24.2-rc.1",
|
|
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.2-rc.
|
|
12
|
+
"fundamental-styles": "0.24.2-rc.1"
|
|
13
13
|
}
|
|
14
14
|
}
|
|
15
15
|
|