@synerise/ds-scrollbar 0.5.5 → 0.6.0

package/CHANGELOG.md

@@ -3,6 +3,19 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.6.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-scrollbar@0.5.5...@synerise/ds-scrollbar@0.6.0) (2023-04-05)
+
+
+### Features
+
+* **scrollbar:** adds additional type with optional props, improve style ([ceb5f90](https://github.com/Synerise/synerise-design/commit/ceb5f907f36f98e92875b44e76e2012e77d290f8))
+* **scrollbar:** exports types from index.ts ([d561879](https://github.com/Synerise/synerise-design/commit/d5618792a6cfbb4197e610469151f782975189e7))
+* **scrollbar:** improves styles of the loading state ([c3c6a6c](https://github.com/Synerise/synerise-design/commit/c3c6a6cc8d7eefc07be308454dc14cffdb96319d))
+
+
+
+
+
 ## [0.5.5](https://github.com/Synerise/synerise-design/compare/@synerise/ds-scrollbar@0.5.4...@synerise/ds-scrollbar@0.5.5) (2023-03-02)
 
 **Note:** Version bump only for package @synerise/ds-scrollbar

package/dist/Scrollbar.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
-import { ScrollbarProps } from './Scrollbar.types';
-declare const Scrollbar: React.ForwardRefExoticComponent<ScrollbarProps & React.RefAttributes<HTMLElement>>;
+declare const Scrollbar: React.ForwardRefExoticComponent<import("./Scrollbar.types").ScrollbarAdditionalProps & {
+    children: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
 export default Scrollbar;

package/dist/Scrollbar.js

@@ -6,6 +6,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import * as React from 'react';
 import Icon, { SpinnerM } from '@synerise/ds-icon';
+import theme from '@synerise/ds-core/dist/js/DSProvider/ThemeProvider/theme';
 import * as S from './Scrollbar.styles';
 import { DnDScrollbar } from './DnDScrollbar';
 import { VirtualScrollbar } from './VirtualScrollbar';
@@ -23,11 +24,11 @@ var Scrollbar = React.forwardRef(function (_ref, forwardedRef) {
       ref: forwardedRef
     }), children);
   }, [children, fetchData, forwardedRef, props]);
-  return fetchData ? /*#__PURE__*/React.createElement(S.ScrollbarContainer, null, renderScrollbar, loading && /*#__PURE__*/React.createElement(S.Loader, {
+  return /*#__PURE__*/React.createElement(S.ScrollbarContainer, null, renderScrollbar, loading && /*#__PURE__*/React.createElement(S.LoaderWrapper, null, /*#__PURE__*/React.createElement(S.Loader, {
     loading: loading
   }, /*#__PURE__*/React.createElement(Icon, {
     component: /*#__PURE__*/React.createElement(SpinnerM, null),
-    color: "#6a7580"
-  }))) : renderScrollbar;
+    color: theme.palette['grey-600']
+  }))));
 });
 export default Scrollbar;

package/dist/Scrollbar.styles.d.ts

@@ -1,4 +1,5 @@
 export declare const Loader: import("styled-components").StyledComponent<"div", any, {
     loading?: boolean | undefined;
 }, never>;
+export declare const LoaderWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ScrollbarContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/Scrollbar.styles.js

@@ -6,11 +6,15 @@ export var Loader = styled.div.withConfig({
 })(["width:0;height:0;position:absolute;top:calc(50% - 12px);left:calc(50% - 12px);z-index:99;pointer-events:none;display:flex;opacity:", ";transform-origin:12px 12px;transition:opacity 0.3s ease-in-out;animation:", " 1s forwards linear infinite;svg{color:", ";fill:", ";}"], function (props) {
   return props.loading ? '1' : '0';
 }, spinnerAnimation, function (props) {
-  return props.theme.palette['blue-600'];
+  return props.theme.palette['grey-600'];
 }, function (props) {
-  return props.theme.palette['blue-600'];
+  return props.theme.palette['grey-600'];
 });
+export var LoaderWrapper = styled.div.withConfig({
+  displayName: "Scrollbarstyles__LoaderWrapper",
+  componentId: "rfwkf7-1"
+})(["width:100%;height:100%;bottom:0;left:0;position:absolute;background-color:rgba(255,255,255,0.6);"]);
 export var ScrollbarContainer = styled.div.withConfig({
   displayName: "Scrollbarstyles__ScrollbarContainer",
-  componentId: "rfwkf7-1"
+  componentId: "rfwkf7-2"
 })(["position:relative;height:100%;"]);

package/dist/Scrollbar.types.d.ts

@@ -1,7 +1,6 @@
 import * as React from 'react';
-export declare type ScrollbarProps = {
+export declare type ScrollbarAdditionalProps = {
     absolute?: boolean;
-    children: React.ReactNode | string;
     classes?: string;
     hasMore?: boolean;
     loading?: boolean;
@@ -12,3 +11,6 @@ export declare type ScrollbarProps = {
     onYReachEnd?: () => void;
     withDnd?: boolean;
 };
+export declare type ScrollbarProps = ScrollbarAdditionalProps & {
+    children: React.ReactNode | string;
+};

package/dist/VirtualScrollbar/VirtualScrollbar.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
 import './style/index.less';
-import { ScrollbarProps } from '../Scrollbar.types';
-export declare const VirtualScrollbar: React.ForwardRefExoticComponent<ScrollbarProps & React.RefAttributes<HTMLElement>>;
+export declare const VirtualScrollbar: React.ForwardRefExoticComponent<import("../Scrollbar.types").ScrollbarAdditionalProps & {
+    children: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;

package/dist/index.d.ts

@@ -1 +1,2 @@
 export { default } from './Scrollbar';
+export * from './Scrollbar.types';

package/dist/index.js

@@ -1 +1,2 @@
-export { default } from './Scrollbar';
+export { default } from './Scrollbar';
+export * from './Scrollbar.types';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-scrollbar",
-  "version": "0.5.5",
+  "version": "0.6.0",
   "description": "Scrollbar UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -43,5 +43,5 @@
     "@synerise/ds-utils": "^0.19.0",
     "@types/resize-observer-browser": "^0.1.7"
   },
-  "gitHead": "91c3937d5564d273bfb0ad2029eecaf14ca921c8"
+  "gitHead": "42bda32506d121cbc207c73efca09f300a749120"
 }