@livetiles/reach-components-react 0.4.0-preview.309 → 0.4.0-preview.311

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.
@@ -1035,6 +1035,7 @@ var en = {
1035
1035
  "Themes.contrast.rating": "Contrast Rating: {rating}",
1036
1036
  "Themes.contrast.pass": "good",
1037
1037
  "Themes.contrast.fail": "fail",
1038
+ "Themes.contrast.onWhite.info": "This is how the base color appears on a white background",
1038
1039
  "Themes.applyColors": "Apply",
1039
1040
  "Themes.baseColor.dark": "Base color",
1040
1041
  "Themes.accentColorToggle.label": "Use the highlight color for highlights on white background",
package/index.esm2.js CHANGED
@@ -87849,9 +87849,9 @@ var AuthenticationContextProvider = function AuthenticationContextProvider(_a) {
87849
87849
  }), void 0);
87850
87850
  };
87851
87851
 
87852
- var version$1 = "0.4.0-preview.309";
87853
- var buildId = "100331";
87854
- var commitId = "f81b81580e2d961ecf76bf8df5c1133842f13f45";
87852
+ var version$1 = "0.4.0-preview.311";
87853
+ var buildId = "100355";
87854
+ var commitId = "49813c162c17f0af5e2be4666f4c2c0fe6fbdd38";
87855
87855
  var isCustomerBuild = false;
87856
87856
  var buildInfo = {
87857
87857
  version: version$1,
@@ -135778,7 +135778,12 @@ var ToolbarFilterPanel = function ToolbarFilterPanel(_a) {
135778
135778
  });
135779
135779
 
135780
135780
  if (nextNotFullyVisibleFilterElement) {
135781
- nextNotFullyVisibleFilterElement.scrollIntoView({
135781
+ // we always want to scroll the next not fully visible element to the very "left side"
135782
+ // therefore we don't just "scrollIntoView" but instead calculate the position
135783
+ var visibleScrollAreaStart = overflowContainerRef.current.offsetLeft + overflowContainerRef.current.scrollLeft;
135784
+ var elementLeftPosition = nextNotFullyVisibleFilterElement.offsetLeft;
135785
+ overflowContainerRef.current.scroll({
135786
+ left: overflowContainerRef.current.scrollLeft + elementLeftPosition - visibleScrollAreaStart,
135782
135787
  behavior: 'smooth'
135783
135788
  });
135784
135789
  }
package/index.umd.js CHANGED
@@ -87705,9 +87705,9 @@
87705
87705
  }), void 0);
87706
87706
  };
87707
87707
 
87708
- var version$1 = "0.4.0-preview.309";
87709
- var buildId = "100331";
87710
- var commitId = "f81b81580e2d961ecf76bf8df5c1133842f13f45";
87708
+ var version$1 = "0.4.0-preview.311";
87709
+ var buildId = "100355";
87710
+ var commitId = "49813c162c17f0af5e2be4666f4c2c0fe6fbdd38";
87711
87711
  var isCustomerBuild = false;
87712
87712
  var buildInfo = {
87713
87713
  version: version$1,
@@ -135650,7 +135650,12 @@
135650
135650
  });
135651
135651
 
135652
135652
  if (nextNotFullyVisibleFilterElement) {
135653
- nextNotFullyVisibleFilterElement.scrollIntoView({
135653
+ // we always want to scroll the next not fully visible element to the very "left side"
135654
+ // therefore we don't just "scrollIntoView" but instead calculate the position
135655
+ var visibleScrollAreaStart = overflowContainerRef.current.offsetLeft + overflowContainerRef.current.scrollLeft;
135656
+ var elementLeftPosition = nextNotFullyVisibleFilterElement.offsetLeft;
135657
+ overflowContainerRef.current.scroll({
135658
+ left: overflowContainerRef.current.scrollLeft + elementLeftPosition - visibleScrollAreaStart,
135654
135659
  behavior: 'smooth'
135655
135660
  });
135656
135661
  }
@@ -158724,6 +158729,7 @@
158724
158729
  "Themes.contrast.rating": "Contrast Rating: {rating}",
158725
158730
  "Themes.contrast.pass": "good",
158726
158731
  "Themes.contrast.fail": "fail",
158732
+ "Themes.contrast.onWhite.info": "This is how the base color appears on a white background",
158727
158733
  "Themes.applyColors": "Apply",
158728
158734
  "Themes.baseColor.dark": "Base color",
158729
158735
  "Themes.accentColorToggle.label": "Use the highlight color for highlights on white background",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@livetiles/reach-components-react",
3
3
  "description": "Provides React components to consume LiveTiles Reach data",
4
- "version": "0.4.0-preview.309",
4
+ "version": "0.4.0-preview.311",
5
5
  "peerDependencies": {
6
6
  "react": "^16.14.0 || ^17",
7
7
  "react-dom": "^16.14.0 || ^17",