@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.
@@ -1,7 +1,7 @@
1
1
 
2
2
  @charset "UTF-8";
3
3
  /*!
4
- * Fundamental Library Styles v0.24.0-rc.113
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(--fdGrid_List_Item_Focus_Border_Radius);
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.113",
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.113"
12
+ "fundamental-styles": "0.24.0-rc.114"
13
13
  }
14
14
  }
15
15