@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.
@@ -1,7 +1,7 @@
1
1
 
2
2
  @charset "UTF-8";
3
3
  /*!
4
- * Fundamental Library Styles v0.24.2-rc.0
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(--fdToken_Outline_Offset);
38840
- outline-width: var(--sapContent_FocusWidth);
38841
- outline-color: var(--sapContent_FocusColor);
38842
- outline-style: var(--sapContent_FocusStyle);
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.0",
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.0"
12
+ "fundamental-styles": "0.24.2-rc.1"
13
13
  }
14
14
  }
15
15