@festo-ui/react-extra 9.0.0-dev.718 → 9.0.0-dev.719

package/dist/components/scroll-area/ScrollArea.d.ts

@@ -0,0 +1,4 @@
+export interface ScrollAreaProps extends React.ComponentPropsWithoutRef<'div'> {
+    readonly scrollbarMinSize?: number;
+}
+export declare function ScrollArea({ children, scrollbarMinSize, ...props }: ScrollAreaProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/scroll-area/ScrollArea.js

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import simplebar_react from "simplebar-react";
+function ScrollArea({ children, scrollbarMinSize = 25, ...props }) {
+    return /*#__PURE__*/ jsx(simplebar_react, {
+        ...props,
+        scrollbarMinSize: scrollbarMinSize,
+        children: children
+    });
+}
+export { ScrollArea };

package/dist/components/scroll-area/ScrollArea.stories.css

@@ -0,0 +1,9 @@
+.scroll-area-styles {
+  width: 400px;
+  max-width: 400px;
+  height: 300px;
+  padding-right: 8px;
+  display: block;
+  overflow: hidden auto;
+}
+

package/dist/index.d.ts

@@ -1,4 +1,5 @@
-export { ColorIndicator, type ColorIndicatorProps, } from './forms/color-indicator/ColorIndicator';
+export { ColorIndicator, type ColorIndicatorProps, } from './components/color-indicator/ColorIndicator';
+export { ScrollArea, type ScrollAreaProps, } from './components/scroll-area/ScrollArea';
 export { ColorPicker, type ColorPickerProps, } from './forms/color-picker/ColorPicker';
 export { DatePicker, type DatePickerOptions, type DatePickerProps, } from './forms/date-picker/DatePicker';
 export { DateRangePicker, type DateRangePickerOptions, type DateRangePickerProps, } from './forms/date-range-picker/DateRangePicker';

package/dist/index.js

@@ -1,6 +1,7 @@
-import { ColorIndicator } from "./forms/color-indicator/ColorIndicator.js";
+import { ColorIndicator } from "./components/color-indicator/ColorIndicator.js";
+import { ScrollArea } from "./components/scroll-area/ScrollArea.js";
 import { ColorPicker } from "./forms/color-picker/ColorPicker.js";
 import { DatePicker } from "./forms/date-picker/DatePicker.js";
 import { DateRangePicker } from "./forms/date-range-picker/DateRangePicker.js";
 import { TextEditor } from "./forms/text-editor/TextEditor.js";
-export { ColorIndicator, ColorPicker, DatePicker, DateRangePicker, TextEditor };
+export { ColorIndicator, ColorPicker, DatePicker, DateRangePicker, ScrollArea, TextEditor };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@festo-ui/react-extra",
-  "version": "9.0.0-dev.718",
+  "version": "9.0.0-dev.719",
   "license": "apache-2.0",
   "author": "Festo UI (styleguide@festo.com)",
   "type": "module",
@@ -33,6 +33,7 @@
     "classnames": "^2.5.1",
     "flatpickr": "^4.6.9",
     "react-draggable": "^4.4.6",
+    "simplebar-react": "^3.3.2",
     "xss": "^1.0.10"
   },
   "devDependencies": {