@a-type/ui 4.0.3 → 4.0.6
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.
- package/dist/cjs/components/dialog/Dialog.d.ts +4 -3
- package/dist/cjs/components/dialog/Dialog.js +4 -2
- package/dist/cjs/components/dialog/Dialog.js.map +1 -1
- package/dist/cjs/components/dialog/Dialog.stories.d.ts +1 -1
- package/dist/cjs/components/dialog/Dialog.stories.js +2 -1
- package/dist/cjs/components/dialog/Dialog.stories.js.map +1 -1
- package/dist/cjs/components/scrollArea/ScrollArea.d.ts +10 -4
- package/dist/cjs/components/scrollArea/ScrollArea.js +15 -7
- package/dist/cjs/components/scrollArea/ScrollArea.js.map +1 -1
- package/dist/cjs/components/scrollArea/ScrollArea.stories.d.ts +1 -0
- package/dist/cjs/components/scrollArea/ScrollArea.stories.js +13 -2
- package/dist/cjs/components/scrollArea/ScrollArea.stories.js.map +1 -1
- package/dist/cjs/components/switch/Switch.js +2 -2
- package/dist/cjs/components/switch/Switch.js.map +1 -1
- package/dist/css/main.css +2 -2
- package/dist/esm/components/dialog/Dialog.d.ts +4 -3
- package/dist/esm/components/dialog/Dialog.js +4 -2
- package/dist/esm/components/dialog/Dialog.js.map +1 -1
- package/dist/esm/components/dialog/Dialog.stories.d.ts +1 -1
- package/dist/esm/components/dialog/Dialog.stories.js +2 -1
- package/dist/esm/components/dialog/Dialog.stories.js.map +1 -1
- package/dist/esm/components/scrollArea/ScrollArea.d.ts +10 -4
- package/dist/esm/components/scrollArea/ScrollArea.js +15 -7
- package/dist/esm/components/scrollArea/ScrollArea.js.map +1 -1
- package/dist/esm/components/scrollArea/ScrollArea.stories.d.ts +1 -0
- package/dist/esm/components/scrollArea/ScrollArea.stories.js +13 -2
- package/dist/esm/components/scrollArea/ScrollArea.stories.js.map +1 -1
- package/dist/esm/components/switch/Switch.js +2 -2
- package/dist/esm/components/switch/Switch.js.map +1 -1
- package/package.json +1 -1
- package/src/components/dialog/Dialog.stories.tsx +5 -0
- package/src/components/dialog/Dialog.tsx +17 -2
- package/src/components/scrollArea/ScrollArea.stories.tsx +96 -71
- package/src/components/scrollArea/ScrollArea.tsx +37 -10
- package/src/components/switch/Switch.tsx +2 -2
|
@@ -7,8 +7,9 @@ export interface DialogContentProps extends DialogPopupProps {
|
|
|
7
7
|
/** @deprecated */
|
|
8
8
|
outerClassName?: string;
|
|
9
9
|
ref?: Ref<HTMLDivElement>;
|
|
10
|
+
innerClassName?: string;
|
|
10
11
|
}
|
|
11
|
-
export declare const Content: ({ ref, children, width, outerClassName, className, disableSheet, disableDefaultClose, ...props }: DialogContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export declare const Content: ({ ref, children, width, outerClassName, className, disableSheet, disableDefaultClose, innerClassName, ...props }: DialogContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
13
|
export declare const DialogSwipeHandle: ({ ref, className, ...props }: ComponentPropsWithoutRef<"div"> & {
|
|
13
14
|
ref?: React.Ref<HTMLDivElement>;
|
|
14
15
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -16,7 +17,7 @@ export declare const DialogDefaultClose: ({ ref, className, ...props }: DialogCl
|
|
|
16
17
|
ref?: React.Ref<HTMLButtonElement>;
|
|
17
18
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
18
19
|
export declare const DialogTrigger: ({ render, ...props }: DialogTriggerProps) => import("react/jsx-runtime").JSX.Element;
|
|
19
|
-
export declare const DialogContent: ({ ref, children, width, outerClassName, className, disableSheet, disableDefaultClose, ...props }: DialogContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
export declare const DialogContent: ({ ref, children, width, outerClassName, className, disableSheet, disableDefaultClose, innerClassName, ...props }: DialogContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
20
21
|
export declare const DialogTitle: import("react").FunctionComponent<import("@base-ui/react/dialog").DialogTitleProps & import("react").RefAttributes<HTMLParagraphElement>>;
|
|
21
22
|
export declare const DialogDescription: import("react").FunctionComponent<import("@base-ui/react/dialog").DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
|
|
22
23
|
export declare const DialogClose: ({ children, render, ...props }: DialogCloseProps & {
|
|
@@ -34,7 +35,7 @@ export declare const DialogSelectItem: ({ ref, children, ...props }: ComponentPr
|
|
|
34
35
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
35
36
|
export declare const Dialog: ((props: DialogRootProps) => import("react/jsx-runtime").JSX.Element) & {
|
|
36
37
|
Trigger: ({ render, ...props }: DialogTriggerProps) => import("react/jsx-runtime").JSX.Element;
|
|
37
|
-
Content: ({ ref, children, width, outerClassName, className, disableSheet, disableDefaultClose, ...props }: DialogContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
38
|
+
Content: ({ ref, children, width, outerClassName, className, disableSheet, disableDefaultClose, innerClassName, ...props }: DialogContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
38
39
|
Title: import("react").FunctionComponent<import("@base-ui/react/dialog").DialogTitleProps & import("react").RefAttributes<HTMLParagraphElement>>;
|
|
39
40
|
Description: import("react").FunctionComponent<import("@base-ui/react/dialog").DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
|
|
40
41
|
Close: ({ children, render, ...props }: DialogCloseProps & {
|
|
@@ -64,7 +64,7 @@ function filterScrollables(target, root, dy, vy) {
|
|
|
64
64
|
}
|
|
65
65
|
const SWIPE_VELOCITY_THRESHOLD = 1.5;
|
|
66
66
|
export const Content = function Content(_a) {
|
|
67
|
-
var { ref, children, width, outerClassName, className, disableSheet, disableDefaultClose } = _a, props = __rest(_a, ["ref", "children", "width", "outerClassName", "className", "disableSheet", "disableDefaultClose"]);
|
|
67
|
+
var { ref, children, width, outerClassName, className, disableSheet, disableDefaultClose, innerClassName } = _a, props = __rest(_a, ["ref", "children", "width", "outerClassName", "className", "disableSheet", "disableDefaultClose", "innerClassName"]);
|
|
68
68
|
const particles = useParticles();
|
|
69
69
|
const wasOpenRef = useRef(false);
|
|
70
70
|
const openRef = useCallback((element) => {
|
|
@@ -118,7 +118,9 @@ export const Content = function Content(_a) {
|
|
|
118
118
|
virtualKeyboardBehavior === 'overlay' &&
|
|
119
119
|
sheetClassNameWithOverlayKeyboard, !disableSheet &&
|
|
120
120
|
virtualKeyboardBehavior === 'displace' &&
|
|
121
|
-
sheetClassNameWithDisplaceKeyboard, outerClassName || className), children: [!disableDefaultClose && _jsx(DialogDefaultClose, {}), !disableSheet && _jsx(DialogSwipeHandle, {}), _jsx(ScrollArea, { className: "w-full h-full", children: _jsx(ScrollArea.Content, { className:
|
|
121
|
+
sheetClassNameWithDisplaceKeyboard, outerClassName || className), children: [!disableDefaultClose && _jsx(DialogDefaultClose, {}), !disableSheet && _jsx(DialogSwipeHandle, {}), _jsx(ScrollArea, { direction: "vertical", className: "layer-components:w-full layer-components:h-full", children: _jsx(ScrollArea.Content, { className: clsx('layer-components:p-md layer-components:flex layer-components:flex-col layer-components:gap-md', innerClassName), style: {
|
|
122
|
+
minWidth: undefined,
|
|
123
|
+
}, children: children }) })] })) })] }));
|
|
122
124
|
};
|
|
123
125
|
function useDialogInherentSwipe({ disableSheet }) {
|
|
124
126
|
const gestureRef = useRef(null);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../src/components/dialog/Dialog.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../src/components/dialog/Dialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,7 +4,7 @@ declare const meta: {
|
|
|
4
4
|
title: string;
|
|
5
5
|
component: ((props: import("./Dialog.js").DialogProps) => import("react/jsx-runtime").JSX.Element) & {
|
|
6
6
|
Trigger: ({ render, ...props }: import("@base-ui/react/dialog").DialogTriggerProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
Content: ({ ref, children, width, outerClassName, className, disableSheet, disableDefaultClose, ...props }: import("./Dialog.js").DialogContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
Content: ({ ref, children, width, outerClassName, className, disableSheet, disableDefaultClose, innerClassName, ...props }: import("./Dialog.js").DialogContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
Title: import("react").FunctionComponent<import("@base-ui/react/dialog").DialogTitleProps & import("react").RefAttributes<HTMLParagraphElement>>;
|
|
9
9
|
Description: import("react").FunctionComponent<import("@base-ui/react/dialog").DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
|
|
10
10
|
Close: ({ children, render, ...props }: import("@base-ui/react/dialog").DialogCloseProps & {
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
// @unocss-include
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { useEffect, useState } from 'react';
|
|
4
|
+
import { Box } from '../box/Box.js';
|
|
4
5
|
import { Button } from '../button/index.js';
|
|
5
6
|
import { Input } from '../input/index.js';
|
|
6
7
|
import { ParticleLayer } from '../particles/index.js';
|
|
@@ -23,7 +24,7 @@ function DummyContent() {
|
|
|
23
24
|
}
|
|
24
25
|
export const Default = {
|
|
25
26
|
args: {
|
|
26
|
-
children: (_jsxs(ParticleLayer, { noPortal: true, children: [_jsx(DialogTrigger, { render: _jsx(Button, {}), children: "Open" }), _jsx(DummyContent, {}), _jsxs(DialogContent, { children: [_jsx(DialogTitle, { children: "Hello world" }), _jsx(DummyContent, {}), _jsx(DummyContent, {}), _jsx(DummyContent, {}), _jsxs(DialogActions, { children: [_jsx(DialogClose, {}), _jsx(Button, { emphasis: "primary", children: "Accept" })] })] })] })),
|
|
27
|
+
children: (_jsxs(ParticleLayer, { noPortal: true, children: [_jsx(DialogTrigger, { render: _jsx(Button, {}), children: "Open" }), _jsx(DummyContent, {}), _jsxs(DialogContent, { children: [_jsx(DialogTitle, { children: "Hello world" }), _jsx(DummyContent, {}), _jsx(DummyContent, {}), _jsx(DummyContent, {}), _jsxs(Box, { gap: true, children: [_jsx(Input, { placeholder: "Type something..." }), _jsx(Button, { emphasis: "primary", children: "Submit" })] }), _jsxs(DialogActions, { children: [_jsx(DialogClose, {}), _jsx(Button, { emphasis: "primary", children: "Accept" })] })] })] })),
|
|
27
28
|
},
|
|
28
29
|
};
|
|
29
30
|
export const Small = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.stories.js","sourceRoot":"","sources":["../../../../src/components/dialog/Dialog.stories.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Dialog.stories.js","sourceRoot":"","sources":["../../../../src/components/dialog/Dialog.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,19 +1,25 @@
|
|
|
1
|
-
import { ScrollAreaRootProps, ScrollAreaScrollbarProps } from '@base-ui/react/scroll-area';
|
|
1
|
+
import { ScrollAreaContentProps, ScrollAreaRootProps, ScrollAreaScrollbarProps } from '@base-ui/react/scroll-area';
|
|
2
|
+
import { Ref } from 'react';
|
|
2
3
|
export type * from '@base-ui/react/scroll-area';
|
|
3
4
|
export declare const ScrollAreaRoot: import("react").FunctionComponent<ScrollAreaRootProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
4
5
|
export declare const ScrollAreaViewport: import("react").FunctionComponent<import("@base-ui/react/scroll-area").ScrollAreaViewportProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
6
|
export declare const ScrollAreaVerticalFades: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
|
|
6
7
|
export declare const ScrollAreaHorizontalFades: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
|
|
7
8
|
export declare const ScrollAreaViewportFades: () => import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
export declare const ScrollAreaContent: import("react").FunctionComponent<
|
|
9
|
+
export declare const ScrollAreaContent: import("react").FunctionComponent<ScrollAreaContentProps & {
|
|
10
|
+
ref?: Ref<HTMLDivElement>;
|
|
11
|
+
}>;
|
|
9
12
|
export declare const ScrollAreaThumb: import("react").FunctionComponent<import("@base-ui/react/scroll-area").ScrollAreaThumbProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
10
13
|
export declare const ScrollAreaScrollbar: import("react").FunctionComponent<ScrollAreaScrollbarProps>;
|
|
11
14
|
export declare const ScrollAreaCorner: import("react").FunctionComponent<import("@base-ui/react/scroll-area").ScrollAreaCornerProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
12
|
-
export declare const ScrollArea: (({ disableFades, ...props }: ScrollAreaRootProps & {
|
|
15
|
+
export declare const ScrollArea: (({ disableFades, direction, ...props }: ScrollAreaRootProps & {
|
|
13
16
|
disableFades?: boolean;
|
|
17
|
+
direction?: "vertical" | "horizontal" | "both";
|
|
14
18
|
}) => import("react/jsx-runtime").JSX.Element) & {
|
|
15
19
|
Root: import("react").FunctionComponent<ScrollAreaRootProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
16
|
-
Content: import("react").FunctionComponent<
|
|
20
|
+
Content: import("react").FunctionComponent<ScrollAreaContentProps & {
|
|
21
|
+
ref?: Ref<HTMLDivElement>;
|
|
22
|
+
}>;
|
|
17
23
|
Viewport: import("react").FunctionComponent<import("@base-ui/react/scroll-area").ScrollAreaViewportProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
18
24
|
Scrollbar: import("react").FunctionComponent<ScrollAreaScrollbarProps>;
|
|
19
25
|
Thumb: import("react").FunctionComponent<import("@base-ui/react/scroll-area").ScrollAreaThumbProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -13,12 +13,14 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
13
13
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
14
14
|
import { ScrollArea as BaseScrollArea, } from '@base-ui/react/scroll-area';
|
|
15
15
|
import { withClassName } from '../../hooks.js';
|
|
16
|
-
export const ScrollAreaRoot = withClassName(BaseScrollArea.Root, 'layer-components:min-w-0 layer-components:min-h-0 layer-components:flex layer-components:flex-col');
|
|
17
|
-
export const ScrollAreaViewport = withClassName(BaseScrollArea.Viewport, 'layer-components:h-full layer-components:outline-none layer-components:
|
|
18
|
-
export const ScrollAreaVerticalFades = withClassName('div', 'layer-components:pointer-events-none layer-components:absolute layer-components:inset-0 layer-components:[--scroll-area-overflow-y-start:inherit] layer-components:[--scroll-area-overflow-y-end:inherit]', 'layer-components:before:content-empty layer-components:before:[--scroll-area-overflow-y-start:inherit] layer-components:before:top-0 layer-components:before:block layer-components:before:left-0 layer-components:before:w-full layer-components:before:absolute layer-components:before:transition-height layer-components:before:h-[min(40px,var(--scroll-area-overflow-y-start
|
|
19
|
-
export const ScrollAreaHorizontalFades = withClassName('div', 'layer-components:pointer-events-none layer-components:absolute layer-components:inset-0 layer-components:[--scroll-area-overflow-x-start:inherit] layer-components:[--scroll-area-overflow-x-end:inherit]', 'layer-components:before:content-empty layer-components:before:[--scroll-area-overflow-x-start:inherit] layer-components:before:left-0 layer-components:before:block layer-components:before:top-0 layer-components:before:h-full layer-components:before:absolute layer-components:before:transition-width layer-components:before:w-[min(40px,var(--scroll-area-overflow-x-start
|
|
16
|
+
export const ScrollAreaRoot = withClassName(BaseScrollArea.Root, 'layer-components:min-w-0 layer-components:min-h-0 layer-components:flex layer-components:flex-col layer-components:box-border');
|
|
17
|
+
export const ScrollAreaViewport = withClassName(BaseScrollArea.Viewport, 'layer-components:h-full layer-components:outline-none layer-components:min-h-0', 'layer-components:focus-visible:outline-none layer-components:focus-visible:ring-2 layer-components:focus-visible:ring-accent');
|
|
18
|
+
export const ScrollAreaVerticalFades = withClassName('div', 'layer-components:pointer-events-none layer-components:absolute layer-components:inset-0 layer-components:[--scroll-area-overflow-y-start:inherit] layer-components:[--scroll-area-overflow-y-end:inherit]', 'layer-components:before:content-empty layer-components:before:[--scroll-area-overflow-y-start:inherit] layer-components:before:top-0 layer-components:before:block layer-components:before:left-0 layer-components:before:w-full layer-components:before:absolute layer-components:before:transition-height layer-components:before:h-[min(40px,var(--scroll-area-overflow-y-start,40px))] layer-components:before:bg-gradient-to-b layer-components:before:bg-gradient-from-bg layer-components:before:bg-gradient-to-transparent', 'layer-components:after:content-empty layer-components:after:[--scroll-area-overflow-y-end:inherit] layer-components:after:bottom-0 layer-components:after:block layer-components:after:left-0 layer-components:after:w-full layer-components:after:absolute layer-components:after:transition-height layer-components:after:h-[min(40px,var(--scroll-area-overflow-y-end,40px))] layer-components:after:bg-gradient-to-t layer-components:after:bg-gradient-from-bg layer-components:after:bg-gradient-to-transparent');
|
|
19
|
+
export const ScrollAreaHorizontalFades = withClassName('div', 'layer-components:pointer-events-none layer-components:absolute layer-components:inset-0 layer-components:[--scroll-area-overflow-x-start:inherit] layer-components:[--scroll-area-overflow-x-end:inherit]', 'layer-components:before:content-empty layer-components:before:[--scroll-area-overflow-x-start:inherit] layer-components:before:left-0 layer-components:before:block layer-components:before:top-0 layer-components:before:h-full layer-components:before:absolute layer-components:before:transition-width layer-components:before:w-[min(40px,var(--scroll-area-overflow-x-start,40px))] layer-components:before:bg-gradient-to-r layer-components:before:bg-gradient-from-bg layer-components:before:bg-gradient-to-transparent', 'layer-components:after:content-empty layer-components:after:[--scroll-area-overflow-x-end:inherit] layer-components:after:right-0 layer-components:after:block layer-components:after:top-0 layer-components:after:h-full layer-components:after:absolute layer-components:after:transition-width layer-components:after:w-[min(40px,var(--scroll-area-overflow-x-end,40px))] layer-components:after:bg-gradient-to-l layer-components:after:bg-gradient-from-bg layer-components:after:bg-gradient-to-transparent');
|
|
20
20
|
export const ScrollAreaViewportFades = () => (_jsxs(_Fragment, { children: [_jsx(ScrollAreaVerticalFades, {}), _jsx(ScrollAreaHorizontalFades, {})] }));
|
|
21
|
-
|
|
21
|
+
const BaseScrollContentWithoutMinWidth = (props) => (_jsx(BaseScrollArea.Content, Object.assign({}, props, { style: Object.assign(Object.assign({}, props.style), { minWidth: undefined }) })));
|
|
22
|
+
BaseScrollContentWithoutMinWidth.displayName = 'ScrollAreaContent';
|
|
23
|
+
export const ScrollAreaContent = withClassName(BaseScrollContentWithoutMinWidth, 'layer-components:flex layer-components:flex-col', 'layer-components:[[data-scroll-direction=horizontal]>&,[data-scroll-direction=both]>&]:min-w-min-content');
|
|
22
24
|
export const ScrollAreaThumb = withClassName(BaseScrollArea.Thumb, 'layer-components:rounded-inherit layer-components:bg-fg/25', 'layer-components:data-[orientation=horizontal]:h-full', 'layer-components:data-[orientation=vertical]:w-full');
|
|
23
25
|
const ComposedScrollbar = (_a) => {
|
|
24
26
|
var { children } = _a, props = __rest(_a, ["children"]);
|
|
@@ -28,8 +30,14 @@ ComposedScrollbar.displayName = 'ScrollAreaScrollbar';
|
|
|
28
30
|
export const ScrollAreaScrollbar = withClassName(ComposedScrollbar, 'layer-components:flex layer-components:rounded-full layer-components:relative layer-components:select-none layer-components:touch-none layer-components:pointer-events-none layer-components:m-xxs layer-components:opacity-0', 'layer-components:bg-fg/5 layer-components:transition-[opacity,height,width]', 'layer-components:data-[hovering]:opacity-100 layer-components:data-[hovering]:pointer-events-auto', 'layer-components:data-[scrolling]:duration-0', 'layer-components:before:content-empty layer-components:before:absolute', 'layer-components:data-[orientation=vertical]:w-0.25rem layer-components:data-[orientation=vertical]:justify-center layer-components:data-[orientation=vertical]:before:w-1.25rem layer-components:data-[orientation=vertical]:before:h-full layer-components:data-[orientation=vertical]:hover:w-0.5rem', 'layer-components:data-[orientation=horizontal]:h-0.25rem layer-components:data-[orientation=horizontal]:items-center layer-components:data-[orientation=horizontal]:before:h-1.25rem layer-components:data-[orientation=horizontal]:before:w-full layer-components:data-[orientation=horizontal]:hover:h-0.5rem');
|
|
29
31
|
export const ScrollAreaCorner = withClassName(BaseScrollArea.Corner, 'layer-components:bg-transparent');
|
|
30
32
|
const ScrollAreaDefault = (_a) => {
|
|
31
|
-
var { disableFades } = _a, props = __rest(_a, ["disableFades"]);
|
|
32
|
-
return (_jsxs(ScrollAreaRoot, Object.assign({}, props, { children: [_jsxs(ScrollAreaViewport, {
|
|
33
|
+
var { disableFades, direction } = _a, props = __rest(_a, ["disableFades", "direction"]);
|
|
34
|
+
return (_jsxs(ScrollAreaRoot, Object.assign({}, props, { children: [_jsxs(ScrollAreaViewport, { style: {
|
|
35
|
+
overflow: direction === 'vertical'
|
|
36
|
+
? 'clip scroll'
|
|
37
|
+
: direction === 'horizontal'
|
|
38
|
+
? 'scroll clip'
|
|
39
|
+
: 'scroll scroll',
|
|
40
|
+
}, "data-scroll-direction": direction, children: [props.children, !disableFades && _jsx(ScrollAreaViewportFades, {})] }), direction !== 'horizontal' && _jsx(ScrollAreaScrollbar, {}), direction !== 'vertical' && (_jsx(ScrollAreaScrollbar, { orientation: "horizontal" })), _jsx(ScrollAreaCorner, {})] })));
|
|
33
41
|
};
|
|
34
42
|
export const ScrollArea = Object.assign(ScrollAreaDefault, {
|
|
35
43
|
Root: ScrollAreaRoot,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollArea.js","sourceRoot":"","sources":["../../../../src/components/scrollArea/ScrollArea.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EACN,UAAU,IAAI,cAAc,
|
|
1
|
+
{"version":3,"file":"ScrollArea.js","sourceRoot":"","sources":["../../../../src/components/scrollArea/ScrollArea.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
// @unocss-include
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
3
|
import clsx from 'clsx';
|
|
4
|
+
import { Box } from '../box/Box.js';
|
|
5
|
+
import { Button } from '../button/Button.js';
|
|
6
|
+
import { Input } from '../input/Input.js';
|
|
4
7
|
import { ScrollArea } from './ScrollArea.js';
|
|
5
8
|
const meta = {
|
|
6
9
|
title: 'Components/ScrollArea',
|
|
@@ -20,7 +23,15 @@ const meta = {
|
|
|
20
23
|
export default meta;
|
|
21
24
|
export const Default = {
|
|
22
25
|
render({ direction }) {
|
|
23
|
-
return (_jsx(ScrollArea, { style: { height: '200px', width: '400px' }, children: _jsx(ScrollArea.Content, {
|
|
26
|
+
return (_jsx(ScrollArea, { direction: direction, style: { height: '200px', width: '400px' }, children: _jsx(ScrollArea.Content, { className: clsx(direction === 'horizontal' && 'w-10000px', direction === 'both' && 'w-800px'), children: _jsx(Content, {}) }) }));
|
|
24
27
|
},
|
|
25
28
|
};
|
|
29
|
+
export const ConstraintTest = {
|
|
30
|
+
render({ direction }) {
|
|
31
|
+
return (_jsx(ScrollArea, { direction: direction, className: "w-300px h-300px", children: _jsxs(ScrollArea.Content, { children: [_jsxs(Box, { gap: true, children: [_jsx(Input, { placeholder: "Test input" }), _jsx(Button, { children: "Submit" })] }), _jsx(Content, {})] }) }));
|
|
32
|
+
},
|
|
33
|
+
};
|
|
34
|
+
function Content() {
|
|
35
|
+
return (_jsxs(_Fragment, { children: [_jsx("p", { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sollicitudin ornare. Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consectetur. Vivamus fermentum nibh in augue. Praesent a lacus at urna consequat rhoncus. Morbi dapibus sapien vel ante. Aliquam erat volutpat. Pellentesque sagittis ligula eget metus. Vestibulum commodo. Ut rhoncus gravida arcu." }), _jsx("p", { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sollicitudin ornare. Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consectetur. Vivamus fermentum nibh in augue. Praesent a lacus at urna consequat rhoncus. Morbi dapibus sapien vel ante. Aliquam erat volutpat. Pellentesque sagittis ligula eget metus. Vestibulum commodo. Ut rhoncus gravida arcu." }), _jsx("p", { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sollicitudin ornare. Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consectetur. Vivamus fermentum nibh in augue. Praesent a lacus at urna consequat rhoncus. Morbi dapibus sapien vel ante. Aliquam erat volutpat. Pellentesque sagittis ligula eget metus. Vestibulum commodo. Ut rhoncus gravida arcu." })] }));
|
|
36
|
+
}
|
|
26
37
|
//# sourceMappingURL=ScrollArea.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollArea.stories.js","sourceRoot":"","sources":["../../../../src/components/scrollArea/ScrollArea.stories.tsx"],"names":[],"mappings":";AACA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,uBAAuB;IAC9B,QAAQ,EAAE;QACT,SAAS,EAAE;YACV,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,UAAU,EAAE,YAAY,EAAE,MAAM,CAAC;SAC3C;KACD;IACD,IAAI,EAAE;QACL,SAAS,EAAE,UAAU;KACrB;IACD,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACiE,CAAC;AAEpE,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,CAAC,EAAE,SAAS,EAAE;QACnB,OAAO,CACN,KAAC,UAAU,
|
|
1
|
+
{"version":3,"file":"ScrollArea.stories.js","sourceRoot":"","sources":["../../../../src/components/scrollArea/ScrollArea.stories.tsx"],"names":[],"mappings":";AACA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,uBAAuB;IAC9B,QAAQ,EAAE;QACT,SAAS,EAAE;YACV,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,UAAU,EAAE,YAAY,EAAE,MAAM,CAAC;SAC3C;KACD;IACD,IAAI,EAAE;QACL,SAAS,EAAE,UAAU;KACrB;IACD,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACiE,CAAC;AAEpE,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,CAAC,EAAE,SAAS,EAAE;QACnB,OAAO,CACN,KAAC,UAAU,IACV,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,YAE1C,KAAC,UAAU,CAAC,OAAO,IAClB,SAAS,EAAE,IAAI,CACd,SAAS,KAAK,YAAY,IAAI,WAAW,EACzC,SAAS,KAAK,MAAM,IAAI,SAAS,CACjC,YAED,KAAC,OAAO,KAAG,GACS,GACT,CACb,CAAC;IACH,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAU;IACpC,MAAM,CAAC,EAAE,SAAS,EAAE;QACnB,OAAO,CACN,KAAC,UAAU,IAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAC,iBAAiB,YAC5D,MAAC,UAAU,CAAC,OAAO,eAClB,MAAC,GAAG,IAAC,GAAG,mBACP,KAAC,KAAK,IAAC,WAAW,EAAC,YAAY,GAAG,EAClC,KAAC,MAAM,yBAAgB,IAClB,EACN,KAAC,OAAO,KAAG,IACS,GACT,CACb,CAAC;IACH,CAAC;CACD,CAAC;AAEF,SAAS,OAAO;IACf,OAAO,CACN,8BACC,4sCAmBI,EACJ,4sCAmBI,EACJ,4sCAmBI,IACF,CACH,CAAC;AACH,CAAC"}
|
|
@@ -13,8 +13,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
13
13
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
14
14
|
import { Switch as BaseSwitch } from '@base-ui/react/switch';
|
|
15
15
|
import { withClassName } from '../../hooks/withClassName.js';
|
|
16
|
-
const SwitchRoot = withClassName(BaseSwitch.Root, 'layer-components:unset layer-components:appearance-none layer-components:flex layer-components:transition-all layer-components:cursor-pointer layer-components:w-42px layer-components:h-25px layer-components:p-
|
|
17
|
-
const SwitchThumb = withClassName(BaseSwitch.Thumb, 'layer-components:block layer-components:aspect-1 layer-components:h-full layer-components:bg-white layer-components:rounded-lg layer-components:border-default layer-components:transition-transform layer-components:will-change-transform', 'layer-components:data-[checked]:translate-x-1rem', 'layer-components:data-[checked]:before:content-["✓"] layer-components:data-[checked]:before:flex layer-components:data-[checked]:before:items-center layer-components:data-[checked]:before:justify-center layer-components:data-[checked]:before:absolute layer-components:data-[checked]:before:top-0 layer-components:data-[checked]:before:left-0 layer-components:data-[checked]:before:w-full layer-components:data-[checked]:before:h-full layer-components:data-[checked]:before:text-xs layer-components:data-[checked]:before:text-main-ink');
|
|
16
|
+
const SwitchRoot = withClassName(BaseSwitch.Root, 'layer-components:unset layer-components:appearance-none layer-components:flex layer-components:transition-all layer-components:cursor-pointer layer-components:w-42px layer-components:h-25px layer-components:p-3px layer-components:bg-gray-light layer-components:rounded-lg layer-components:relative layer-components:border-default layer-components:flex-shrink-0 layer-components:shadow-sm layer-components:shadow-inset', 'layer-components:data-[checked]:bg-main', 'layer-components:hover:[&:not(:disabled)]:bg-lighten-2 layer-components:hover:[&:not(:disabled)]:ring-2 layer-components:hover:[&:not(:disabled)]:ring-bg', 'layer-components:active:[&:not(:disabled)]:bg-darken-1 layer-components:active:[&:not(:disabled)]:ring-4', 'layer-components:focus:outline-none', 'layer-components:focus-visible:ring-4 layer-components:focus-visible:ring-accent layer-components:focus-visible:outline-off');
|
|
17
|
+
const SwitchThumb = withClassName(BaseSwitch.Thumb, 'layer-components:block layer-components:aspect-1 layer-components:h-full layer-components:bg-white layer-components:rounded-lg layer-components:border-default layer-components:transition-transform layer-components:will-change-transform layer-components:shadow-sm', 'layer-components:data-[checked]:translate-x-1rem', 'layer-components:data-[checked]:before:content-["✓"] layer-components:data-[checked]:before:flex layer-components:data-[checked]:before:items-center layer-components:data-[checked]:before:justify-center layer-components:data-[checked]:before:absolute layer-components:data-[checked]:before:top-0 layer-components:data-[checked]:before:left-0 layer-components:data-[checked]:before:w-full layer-components:data-[checked]:before:h-full layer-components:data-[checked]:before:text-xs layer-components:data-[checked]:before:text-main-ink');
|
|
18
18
|
export const Switch = Object.assign(function Switch(_a) {
|
|
19
19
|
var { ref } = _a, props = __rest(_a, ["ref"]);
|
|
20
20
|
return (_jsx(SwitchRoot, Object.assign({}, props, { ref: ref, children: _jsx(SwitchThumb, {}) })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../../src/components/switch/Switch.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAmB,MAAM,uBAAuB,CAAC;AAC9E,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,MAAM,UAAU,GAAG,aAAa,CAC/B,UAAU,CAAC,IAAI,EACf,
|
|
1
|
+
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../../src/components/switch/Switch.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAmB,MAAM,uBAAuB,CAAC;AAC9E,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,MAAM,UAAU,GAAG,aAAa,CAC/B,UAAU,CAAC,IAAI,EACf,uLAAuL,EACvL,yCAAyC,EACzC,yEAAyE,EACzE,iEAAiE,EACjE,qCAAqC,EACrC,iEAAiE,CACjE,CAAC;AAEF,MAAM,WAAW,GAAG,aAAa,CAChC,UAAU,CAAC,KAAK,EAChB,kIAAkI,EAClI,oDAAoD,EACpD,mJAAmJ,CACnJ,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAClC,SAAS,MAAM,CAAC,EAKf;QALe,EACf,GAAG,OAIH,EAHG,KAAK,cAFO,OAGf,CADQ;IAIR,OAAO,CACN,KAAC,UAAU,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,YAC9B,KAAC,WAAW,KAAG,IACH,CACb,CAAC;AACH,CAAC,EACD;IACC,IAAI,EAAE,UAAU;IAChB,KAAK,EAAE,WAAW;CAClB,CACD,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
2
|
import { useEffect, useState } from 'react';
|
|
3
|
+
import { Box } from '../box/Box.js';
|
|
3
4
|
import { Button } from '../button/index.js';
|
|
4
5
|
import { Input } from '../input/index.js';
|
|
5
6
|
import { ParticleLayer } from '../particles/index.js';
|
|
@@ -71,6 +72,10 @@ export const Default: Story = {
|
|
|
71
72
|
<DummyContent />
|
|
72
73
|
<DummyContent />
|
|
73
74
|
<DummyContent />
|
|
75
|
+
<Box gap>
|
|
76
|
+
<Input placeholder="Type something..." />
|
|
77
|
+
<Button emphasis="primary">Submit</Button>
|
|
78
|
+
</Box>
|
|
74
79
|
<DialogActions>
|
|
75
80
|
<DialogClose />
|
|
76
81
|
<Button emphasis="primary">Accept</Button>
|
|
@@ -116,6 +116,7 @@ export interface DialogContentProps extends DialogPopupProps {
|
|
|
116
116
|
/** @deprecated */
|
|
117
117
|
outerClassName?: string;
|
|
118
118
|
ref?: Ref<HTMLDivElement>;
|
|
119
|
+
innerClassName?: string;
|
|
119
120
|
}
|
|
120
121
|
|
|
121
122
|
const SWIPE_VELOCITY_THRESHOLD = 1.5;
|
|
@@ -128,6 +129,7 @@ export const Content = function Content({
|
|
|
128
129
|
className,
|
|
129
130
|
disableSheet,
|
|
130
131
|
disableDefaultClose,
|
|
132
|
+
innerClassName,
|
|
131
133
|
...props
|
|
132
134
|
}: DialogContentProps) {
|
|
133
135
|
const particles = useParticles();
|
|
@@ -215,8 +217,21 @@ export const Content = function Content({
|
|
|
215
217
|
>
|
|
216
218
|
{!disableDefaultClose && <DialogDefaultClose />}
|
|
217
219
|
{!disableSheet && <DialogSwipeHandle />}
|
|
218
|
-
<ScrollArea
|
|
219
|
-
|
|
220
|
+
<ScrollArea
|
|
221
|
+
direction="vertical"
|
|
222
|
+
className="layer-components:(w-full h-full)"
|
|
223
|
+
>
|
|
224
|
+
<ScrollArea.Content
|
|
225
|
+
className={clsx(
|
|
226
|
+
'layer-components:(p-md flex flex-col gap-md)',
|
|
227
|
+
innerClassName,
|
|
228
|
+
)}
|
|
229
|
+
style={{
|
|
230
|
+
minWidth: undefined,
|
|
231
|
+
}}
|
|
232
|
+
>
|
|
233
|
+
{children}
|
|
234
|
+
</ScrollArea.Content>
|
|
220
235
|
</ScrollArea>
|
|
221
236
|
</StyledContent>
|
|
222
237
|
</GroupScaleReset>
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
2
|
import clsx from 'clsx';
|
|
3
|
+
import { Box } from '../box/Box.js';
|
|
4
|
+
import { Button } from '../button/Button.js';
|
|
5
|
+
import { Input } from '../input/Input.js';
|
|
3
6
|
import { ScrollArea } from './ScrollArea.js';
|
|
4
7
|
|
|
5
8
|
const meta = {
|
|
@@ -25,80 +28,102 @@ type Story = StoryObj<{ direction: 'vertical' | 'horizontal' | 'both' }>;
|
|
|
25
28
|
export const Default: Story = {
|
|
26
29
|
render({ direction }) {
|
|
27
30
|
return (
|
|
28
|
-
<ScrollArea
|
|
31
|
+
<ScrollArea
|
|
32
|
+
direction={direction}
|
|
33
|
+
style={{ height: '200px', width: '400px' }}
|
|
34
|
+
>
|
|
35
|
+
<ScrollArea.Content
|
|
36
|
+
className={clsx(
|
|
37
|
+
direction === 'horizontal' && 'w-10000px',
|
|
38
|
+
direction === 'both' && 'w-800px',
|
|
39
|
+
)}
|
|
40
|
+
>
|
|
41
|
+
<Content />
|
|
42
|
+
</ScrollArea.Content>
|
|
43
|
+
</ScrollArea>
|
|
44
|
+
);
|
|
45
|
+
},
|
|
46
|
+
};
|
|
47
|
+
|
|
48
|
+
export const ConstraintTest: Story = {
|
|
49
|
+
render({ direction }) {
|
|
50
|
+
return (
|
|
51
|
+
<ScrollArea direction={direction} className="w-300px h-300px">
|
|
29
52
|
<ScrollArea.Content>
|
|
30
|
-
<
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
>
|
|
36
|
-
<p>
|
|
37
|
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non
|
|
38
|
-
risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing
|
|
39
|
-
nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas
|
|
40
|
-
ligula massa, varius a, semper congue, euismod non, mi. Proin
|
|
41
|
-
porttitor, orci nec nonummy molestie, enim est eleifend mi, non
|
|
42
|
-
fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa,
|
|
43
|
-
scelerisque vitae, consequat in, pretium a, enim. Pellentesque
|
|
44
|
-
congue. Ut in risus volutpat libero pharetra tempor. Cras
|
|
45
|
-
vestibulum bibendum augue. Praesent egestas leo in pede. Praesent
|
|
46
|
-
blandit odio eu enim. Pellentesque sed dui ut augue blandit
|
|
47
|
-
sodales. Vestibulum ante ipsum primis in faucibus orci luctus et
|
|
48
|
-
ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed
|
|
49
|
-
pede pellentesque fermentum. Maecenas adipiscing ante non diam
|
|
50
|
-
sollicitudin ornare. Morbi in sem quis dui placerat ornare.
|
|
51
|
-
Pellentesque odio nisi, euismod in, pharetra a, ultricies in,
|
|
52
|
-
diam. Sed arcu. Cras consectetur. Vivamus fermentum nibh in augue.
|
|
53
|
-
Praesent a lacus at urna consequat rhoncus. Morbi dapibus sapien
|
|
54
|
-
vel ante. Aliquam erat volutpat. Pellentesque sagittis ligula eget
|
|
55
|
-
metus. Vestibulum commodo. Ut rhoncus gravida arcu.
|
|
56
|
-
</p>
|
|
57
|
-
<p>
|
|
58
|
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non
|
|
59
|
-
risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing
|
|
60
|
-
nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas
|
|
61
|
-
ligula massa, varius a, semper congue, euismod non, mi. Proin
|
|
62
|
-
porttitor, orci nec nonummy molestie, enim est eleifend mi, non
|
|
63
|
-
fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa,
|
|
64
|
-
scelerisque vitae, consequat in, pretium a, enim. Pellentesque
|
|
65
|
-
congue. Ut in risus volutpat libero pharetra tempor. Cras
|
|
66
|
-
vestibulum bibendum augue. Praesent egestas leo in pede. Praesent
|
|
67
|
-
blandit odio eu enim. Pellentesque sed dui ut augue blandit
|
|
68
|
-
sodales. Vestibulum ante ipsum primis in faucibus orci luctus et
|
|
69
|
-
ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed
|
|
70
|
-
pede pellentesque fermentum. Maecenas adipiscing ante non diam
|
|
71
|
-
sollicitudin ornare. Morbi in sem quis dui placerat ornare.
|
|
72
|
-
Pellentesque odio nisi, euismod in, pharetra a, ultricies in,
|
|
73
|
-
diam. Sed arcu. Cras consectetur. Vivamus fermentum nibh in augue.
|
|
74
|
-
Praesent a lacus at urna consequat rhoncus. Morbi dapibus sapien
|
|
75
|
-
vel ante. Aliquam erat volutpat. Pellentesque sagittis ligula eget
|
|
76
|
-
metus. Vestibulum commodo. Ut rhoncus gravida arcu.
|
|
77
|
-
</p>
|
|
78
|
-
<p>
|
|
79
|
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non
|
|
80
|
-
risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing
|
|
81
|
-
nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas
|
|
82
|
-
ligula massa, varius a, semper congue, euismod non, mi. Proin
|
|
83
|
-
porttitor, orci nec nonummy molestie, enim est eleifend mi, non
|
|
84
|
-
fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa,
|
|
85
|
-
scelerisque vitae, consequat in, pretium a, enim. Pellentesque
|
|
86
|
-
congue. Ut in risus volutpat libero pharetra tempor. Cras
|
|
87
|
-
vestibulum bibendum augue. Praesent egestas leo in pede. Praesent
|
|
88
|
-
blandit odio eu enim. Pellentesque sed dui ut augue blandit
|
|
89
|
-
sodales. Vestibulum ante ipsum primis in faucibus orci luctus et
|
|
90
|
-
ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed
|
|
91
|
-
pede pellentesque fermentum. Maecenas adipiscing ante non diam
|
|
92
|
-
sollicitudin ornare. Morbi in sem quis dui placerat ornare.
|
|
93
|
-
Pellentesque odio nisi, euismod in, pharetra a, ultricies in,
|
|
94
|
-
diam. Sed arcu. Cras consectetur. Vivamus fermentum nibh in augue.
|
|
95
|
-
Praesent a lacus at urna consequat rhoncus. Morbi dapibus sapien
|
|
96
|
-
vel ante. Aliquam erat volutpat. Pellentesque sagittis ligula eget
|
|
97
|
-
metus. Vestibulum commodo. Ut rhoncus gravida arcu.
|
|
98
|
-
</p>
|
|
99
|
-
</div>
|
|
53
|
+
<Box gap>
|
|
54
|
+
<Input placeholder="Test input" />
|
|
55
|
+
<Button>Submit</Button>
|
|
56
|
+
</Box>
|
|
57
|
+
<Content />
|
|
100
58
|
</ScrollArea.Content>
|
|
101
59
|
</ScrollArea>
|
|
102
60
|
);
|
|
103
61
|
},
|
|
104
62
|
};
|
|
63
|
+
|
|
64
|
+
function Content() {
|
|
65
|
+
return (
|
|
66
|
+
<>
|
|
67
|
+
<p>
|
|
68
|
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus.
|
|
69
|
+
Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies
|
|
70
|
+
sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius
|
|
71
|
+
a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy
|
|
72
|
+
molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat.
|
|
73
|
+
Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium
|
|
74
|
+
a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra
|
|
75
|
+
tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede.
|
|
76
|
+
Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit
|
|
77
|
+
sodales. Vestibulum ante ipsum primis in faucibus orci luctus et
|
|
78
|
+
ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede
|
|
79
|
+
pellentesque fermentum. Maecenas adipiscing ante non diam sollicitudin
|
|
80
|
+
ornare. Morbi in sem quis dui placerat ornare. Pellentesque odio nisi,
|
|
81
|
+
euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consectetur.
|
|
82
|
+
Vivamus fermentum nibh in augue. Praesent a lacus at urna consequat
|
|
83
|
+
rhoncus. Morbi dapibus sapien vel ante. Aliquam erat volutpat.
|
|
84
|
+
Pellentesque sagittis ligula eget metus. Vestibulum commodo. Ut rhoncus
|
|
85
|
+
gravida arcu.
|
|
86
|
+
</p>
|
|
87
|
+
<p>
|
|
88
|
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus.
|
|
89
|
+
Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies
|
|
90
|
+
sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius
|
|
91
|
+
a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy
|
|
92
|
+
molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat.
|
|
93
|
+
Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium
|
|
94
|
+
a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra
|
|
95
|
+
tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede.
|
|
96
|
+
Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit
|
|
97
|
+
sodales. Vestibulum ante ipsum primis in faucibus orci luctus et
|
|
98
|
+
ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede
|
|
99
|
+
pellentesque fermentum. Maecenas adipiscing ante non diam sollicitudin
|
|
100
|
+
ornare. Morbi in sem quis dui placerat ornare. Pellentesque odio nisi,
|
|
101
|
+
euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consectetur.
|
|
102
|
+
Vivamus fermentum nibh in augue. Praesent a lacus at urna consequat
|
|
103
|
+
rhoncus. Morbi dapibus sapien vel ante. Aliquam erat volutpat.
|
|
104
|
+
Pellentesque sagittis ligula eget metus. Vestibulum commodo. Ut rhoncus
|
|
105
|
+
gravida arcu.
|
|
106
|
+
</p>
|
|
107
|
+
<p>
|
|
108
|
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus.
|
|
109
|
+
Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies
|
|
110
|
+
sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius
|
|
111
|
+
a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy
|
|
112
|
+
molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat.
|
|
113
|
+
Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium
|
|
114
|
+
a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra
|
|
115
|
+
tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede.
|
|
116
|
+
Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit
|
|
117
|
+
sodales. Vestibulum ante ipsum primis in faucibus orci luctus et
|
|
118
|
+
ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede
|
|
119
|
+
pellentesque fermentum. Maecenas adipiscing ante non diam sollicitudin
|
|
120
|
+
ornare. Morbi in sem quis dui placerat ornare. Pellentesque odio nisi,
|
|
121
|
+
euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consectetur.
|
|
122
|
+
Vivamus fermentum nibh in augue. Praesent a lacus at urna consequat
|
|
123
|
+
rhoncus. Morbi dapibus sapien vel ante. Aliquam erat volutpat.
|
|
124
|
+
Pellentesque sagittis ligula eget metus. Vestibulum commodo. Ut rhoncus
|
|
125
|
+
gravida arcu.
|
|
126
|
+
</p>
|
|
127
|
+
</>
|
|
128
|
+
);
|
|
129
|
+
}
|