@getsoren/design-system 4.75.0 → 4.76.0
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/main.cjs +51 -51
- package/dist/main.js +2413 -2387
- package/dist/src/hooks/useScrollFadeMask/useScrollFadeMask.d.ts +12 -0
- package/dist/src/main.d.ts +2 -0
- package/package.json +1 -1
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Fades the edges of a horizontally scrollable container to hint at hidden content.
|
|
3
|
+
* Returns props to spread on the scroll container: a ref, an onScroll handler and a
|
|
4
|
+
* dynamic `maskImage` that fades only the edges that still overflow (right when there
|
|
5
|
+
* is more to reveal, left once scrolled). Pure CSS mask, so it is background-agnostic.
|
|
6
|
+
*/
|
|
7
|
+
declare const useScrollFadeMask: <T extends HTMLElement = HTMLDivElement>() => {
|
|
8
|
+
maskImage: string;
|
|
9
|
+
onScroll: () => void;
|
|
10
|
+
ref: (node: T | null) => void;
|
|
11
|
+
};
|
|
12
|
+
export default useScrollFadeMask;
|
package/dist/src/main.d.ts
CHANGED
|
@@ -117,6 +117,8 @@ export * from './hooks/useMenu';
|
|
|
117
117
|
export { default as useMenu } from './hooks/useMenu';
|
|
118
118
|
export * from './hooks/usePermission';
|
|
119
119
|
export { default as usePermission } from './hooks/usePermission';
|
|
120
|
+
export * from './hooks/useScrollFadeMask/useScrollFadeMask';
|
|
121
|
+
export { default as useScrollFadeMask } from './hooks/useScrollFadeMask/useScrollFadeMask';
|
|
120
122
|
export * from './hooks/useSnackbar';
|
|
121
123
|
export { default as useSnackbar } from './hooks/useSnackbar';
|
|
122
124
|
export * from './hooks/useTabs';
|