reshaped 3.9.1-canary.2 → 3.10.0-canary.10
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/bundle.css +1 -1
- package/dist/bundle.d.ts +5 -12
- package/dist/bundle.js +2 -2
- package/dist/cli/theming/tailwind.js +1 -0
- package/dist/components/Accordion/Accordion.types.d.ts +3 -2
- package/dist/components/Accordion/AccordionControlled.js +1 -2
- package/dist/components/Accordion/AccordionTrigger.js +1 -1
- package/dist/components/ActionBar/ActionBar.js +2 -1
- package/dist/components/ActionBar/ActionBar.types.d.ts +3 -2
- package/dist/components/Actionable/Actionable.d.ts +2 -2
- package/dist/components/Actionable/Actionable.js +1 -1
- package/dist/components/Actionable/Actionable.types.d.ts +1 -1
- package/dist/components/Actionable/index.d.ts +1 -1
- package/dist/components/Alert/Alert.types.d.ts +3 -2
- package/dist/components/Autocomplete/Autocomplete.js +3 -5
- package/dist/components/Autocomplete/Autocomplete.types.d.ts +1 -1
- package/dist/components/Avatar/Avatar.js +2 -1
- package/dist/components/Avatar/Avatar.types.d.ts +5 -4
- package/dist/components/Badge/Badge.js +6 -5
- package/dist/components/Badge/Badge.module.css +1 -1
- package/dist/components/Badge/Badge.types.d.ts +4 -4
- package/dist/components/Badge/BadgeContainer.js +1 -1
- package/dist/components/Breadcrumbs/Breadcrumbs.js +1 -1
- package/dist/components/Breadcrumbs/Breadcrumbs.types.d.ts +3 -3
- package/dist/components/Button/Button.js +2 -1
- package/dist/components/Button/Button.types.d.ts +3 -2
- package/dist/components/Button/ButtonGroup.js +1 -1
- package/dist/components/Calendar/CalendarDate.js +1 -1
- package/dist/components/Calendar/useCalendarKeyboardNavigation.js +1 -1
- package/dist/components/Card/Card.d.ts +6 -14
- package/dist/components/Card/Card.js +1 -1
- package/dist/components/Card/Card.types.d.ts +4 -3
- package/dist/components/Carousel/Carousel.js +3 -4
- package/dist/components/Carousel/Carousel.types.d.ts +3 -2
- package/dist/components/Carousel/CarouselControl.js +1 -2
- package/dist/components/Checkbox/Checkbox.js +2 -2
- package/dist/components/Checkbox/Checkbox.types.d.ts +4 -3
- package/dist/components/Container/Container.js +1 -1
- package/dist/components/Container/Container.types.d.ts +3 -2
- package/dist/components/ContextMenu/ContextMenu.js +1 -2
- package/dist/components/Dismissible/Dismissible.js +1 -1
- package/dist/components/Dismissible/Dismissible.types.d.ts +3 -3
- package/dist/components/Divider/Divider.js +2 -1
- package/dist/components/Divider/Divider.types.d.ts +3 -2
- package/dist/components/DropdownMenu/DropdownMenu.js +1 -3
- package/dist/components/DropdownMenu/DropdownMenu.types.d.ts +1 -1
- package/dist/components/FileUpload/FileUpload.js +1 -2
- package/dist/components/FileUpload/FileUpload.types.d.ts +4 -3
- package/dist/components/Flyout/Flyout.module.css +1 -1
- package/dist/components/Flyout/Flyout.types.d.ts +9 -7
- package/dist/components/Flyout/FlyoutContent.js +4 -13
- package/dist/components/Flyout/FlyoutControlled.js +4 -6
- package/dist/components/Flyout/useFlyout.d.ts +2 -2
- package/dist/components/Flyout/useFlyout.js +5 -5
- package/dist/components/Flyout/utilities/safeArea.d.ts +2 -2
- package/dist/components/Flyout/utilities/safeArea.js +0 -14
- package/dist/components/Grid/Grid.js +2 -1
- package/dist/components/Grid/Grid.types.d.ts +5 -4
- package/dist/components/Hidden/Hidden.js +2 -1
- package/dist/components/HiddenInput/HiddenInput.js +1 -1
- package/dist/components/HiddenInput/HiddenInput.types.d.ts +3 -2
- package/dist/components/Hotkey/Hotkey.js +1 -1
- package/dist/components/Hotkey/Hotkey.types.d.ts +3 -3
- package/dist/components/Icon/Icon.js +1 -1
- package/dist/components/Icon/Icon.types.d.ts +3 -2
- package/dist/components/Image/Image.js +1 -1
- package/dist/components/Image/Image.types.d.ts +5 -4
- package/dist/components/Link/Link.js +1 -1
- package/dist/components/Loader/Loader.js +2 -1
- package/dist/components/Loader/Loader.types.d.ts +3 -2
- package/dist/components/MenuItem/MenuItem.js +2 -1
- package/dist/components/MenuItem/MenuItem.types.d.ts +3 -2
- package/dist/components/Modal/Modal.js +7 -6
- package/dist/components/Modal/Modal.types.d.ts +5 -4
- package/dist/components/NumberField/NumberFieldControlled.js +1 -2
- package/dist/components/Overlay/Overlay.js +7 -12
- package/dist/components/Overlay/Overlay.types.d.ts +5 -3
- package/dist/components/Pagination/Pagination.types.d.ts +3 -3
- package/dist/components/PinField/PinField.types.d.ts +4 -3
- package/dist/components/PinField/PinFieldControlled.js +1 -1
- package/dist/components/Popover/Popover.js +1 -1
- package/dist/components/Popover/Popover.types.d.ts +1 -1
- package/dist/components/Progress/Progress.js +1 -1
- package/dist/components/Progress/Progress.types.d.ts +3 -3
- package/dist/components/ProgressIndicator/ProgressIndicator.js +1 -1
- package/dist/components/ProgressIndicator/ProgressIndicator.types.d.ts +3 -3
- package/dist/components/Radio/Radio.js +2 -1
- package/dist/components/Radio/Radio.types.d.ts +4 -3
- package/dist/components/RadioGroup/RadioGroup.types.d.ts +3 -2
- package/dist/components/Reshaped/Reshaped.js +4 -11
- package/dist/components/Reshaped/Reshaped.types.d.ts +3 -2
- package/dist/components/Resizable/Resizable.js +1 -1
- package/dist/components/Resizable/ResizableHandle.js +1 -1
- package/dist/components/Scrim/Scrim.js +1 -1
- package/dist/components/Scrim/Scrim.types.d.ts +4 -4
- package/dist/components/ScrollArea/ScrollArea.js +2 -4
- package/dist/components/ScrollArea/ScrollArea.types.d.ts +5 -3
- package/dist/components/Select/Select.types.d.ts +5 -4
- package/dist/components/Select/SelectNative.js +1 -1
- package/dist/components/Select/SelectRoot.js +2 -1
- package/dist/components/Skeleton/Skeleton.js +1 -1
- package/dist/components/Skeleton/Skeleton.types.d.ts +3 -3
- package/dist/components/Slider/Slider.types.d.ts +3 -3
- package/dist/components/Slider/Slider.utilities.d.ts +7 -0
- package/dist/components/Slider/Slider.utilities.js +11 -0
- package/dist/components/Slider/SliderControlled.js +15 -8
- package/dist/components/Slider/SliderThumb.js +1 -1
- package/dist/components/Stepper/Stepper.types.d.ts +5 -4
- package/dist/components/Switch/Switch.js +2 -1
- package/dist/components/Switch/Switch.types.d.ts +4 -3
- package/dist/components/Table/Table.js +2 -1
- package/dist/components/Table/Table.types.d.ts +12 -12
- package/dist/components/Tabs/Tabs.types.d.ts +6 -6
- package/dist/components/Tabs/TabsItem.js +2 -3
- package/dist/components/Tabs/TabsList.js +1 -4
- package/dist/components/Tabs/TabsPanel.js +2 -2
- package/dist/components/Text/Text.js +2 -1
- package/dist/components/Text/Text.types.d.ts +3 -2
- package/dist/components/TextArea/TextArea.js +2 -1
- package/dist/components/TextArea/TextArea.types.d.ts +5 -4
- package/dist/components/TextField/TextField.js +2 -1
- package/dist/components/TextField/TextField.types.d.ts +4 -3
- package/dist/components/Theme/GlobalColorMode.js +1 -1
- package/dist/components/Theme/Theme.js +1 -2
- package/dist/components/Theme/Theme.types.d.ts +2 -1
- package/dist/components/Timeline/Timeline.js +1 -1
- package/dist/components/Timeline/Timeline.types.d.ts +5 -5
- package/dist/components/Toast/Toast.types.d.ts +3 -3
- package/dist/components/Toast/ToastContainer.js +2 -2
- package/dist/components/Toast/ToastRegion.js +2 -2
- package/dist/components/ToggleButton/ToggleButtonUncontrolled.js +1 -1
- package/dist/components/ToggleButtonGroup/ToggleButtonGroupControlled.js +1 -1
- package/dist/components/Tooltip/Tooltip.types.d.ts +1 -1
- package/dist/components/View/View.js +2 -1
- package/dist/components/View/View.types.d.ts +5 -4
- package/dist/components/_private/Aligner/Aligner.js +1 -1
- package/dist/components/_private/Aligner/Aligner.types.d.ts +3 -3
- package/dist/components/_private/Expandable/Expandable.js +2 -2
- package/dist/components/_private/Expandable/Expandable.types.d.ts +2 -2
- package/dist/components/_private/Portal/Portal.js +1 -2
- package/dist/hooks/_private/useDrag.js +2 -4
- package/dist/hooks/_private/useFadeSide.js +2 -3
- package/dist/hooks/_private/useSingletonViewport.d.ts +10 -0
- package/dist/hooks/_private/useSingletonViewport.js +52 -0
- package/dist/hooks/useResponsiveClientValue.js +15 -53
- package/dist/hooks/useViewport.d.ts +2 -0
- package/dist/hooks/useViewport.js +6 -0
- package/dist/index.d.ts +5 -12
- package/dist/index.js +3 -11
- package/dist/styles/mixin.d.ts +2 -2
- package/dist/styles/types.d.ts +2 -1
- package/dist/tests/ThemesPlayground.js +1 -1
- package/dist/themes/figma/tailwind.css +1 -1
- package/dist/themes/fragments/twitter/tailwind.css +1 -1
- package/dist/themes/reshaped/tailwind.css +1 -1
- package/dist/themes/slate/tailwind.css +1 -1
- package/dist/types/global.d.ts +0 -15
- package/dist/utilities/helpers.d.ts +0 -1
- package/dist/utilities/helpers.js +0 -14
- package/dist/utilities/props.d.ts +2 -5
- package/dist/utilities/props.js +0 -18
- package/package.json +4 -4
- package/dist/core/Actionable/Actionable.d.ts +0 -4
- package/dist/core/Actionable/Actionable.js +0 -73
- package/dist/core/Actionable/Actionable.types.d.ts +0 -34
- package/dist/core/Actionable/Actionable.types.js +0 -1
- package/dist/core/Actionable/index.d.ts +0 -2
- package/dist/core/Actionable/index.js +0 -1
- package/dist/hooks/_private/useSingletonEnvironment.d.ts +0 -9
- package/dist/hooks/_private/useSingletonEnvironment.js +0 -33
- package/dist/hooks/_private/useSingletonHotkeys.d.ts +0 -35
- package/dist/hooks/_private/useSingletonHotkeys.js +0 -191
- package/dist/hooks/_private/useSingletonKeyboardMode.d.ts +0 -13
- package/dist/hooks/_private/useSingletonKeyboardMode.js +0 -58
- package/dist/hooks/useHandlerRef.d.ts +0 -8
- package/dist/hooks/useHandlerRef.js +0 -16
- package/dist/hooks/useHotkeys.d.ts +0 -11
- package/dist/hooks/useHotkeys.js +0 -27
- package/dist/hooks/useIsomorphicLayoutEffect.d.ts +0 -3
- package/dist/hooks/useIsomorphicLayoutEffect.js +0 -4
- package/dist/hooks/useKeyboardArrowNavigation.d.ts +0 -9
- package/dist/hooks/useKeyboardArrowNavigation.js +0 -62
- package/dist/hooks/useKeyboardMode.d.ts +0 -7
- package/dist/hooks/useKeyboardMode.js +0 -13
- package/dist/hooks/useOnClickOutside.d.ts +0 -5
- package/dist/hooks/useOnClickOutside.js +0 -63
- package/dist/hooks/useRTL.d.ts +0 -2
- package/dist/hooks/useRTL.js +0 -7
- package/dist/hooks/useScrollLock.d.ts +0 -10
- package/dist/hooks/useScrollLock.js +0 -25
- package/dist/hooks/useToggle.d.ts +0 -7
- package/dist/hooks/useToggle.js +0 -19
- package/dist/utilities/Chain.d.ts +0 -20
- package/dist/utilities/Chain.js +0 -60
- package/dist/utilities/a11y/TrapFocus.d.ts +0 -28
- package/dist/utilities/a11y/TrapFocus.js +0 -162
- package/dist/utilities/a11y/TrapScreenReader.d.ts +0 -15
- package/dist/utilities/a11y/TrapScreenReader.js +0 -42
- package/dist/utilities/a11y/focus.d.ts +0 -38
- package/dist/utilities/a11y/focus.js +0 -101
- package/dist/utilities/a11y/index.d.ts +0 -4
- package/dist/utilities/a11y/index.js +0 -3
- package/dist/utilities/a11y/keyboardMode.d.ts +0 -3
- package/dist/utilities/a11y/keyboardMode.js +0 -10
- package/dist/utilities/a11y/types.d.ts +0 -24
- package/dist/utilities/a11y/types.js +0 -1
- package/dist/utilities/css.d.ts +0 -7
- package/dist/utilities/css.js +0 -18
- package/dist/utilities/dom/event.d.ts +0 -7
- package/dist/utilities/dom/event.js +0 -11
- package/dist/utilities/dom/find.d.ts +0 -10
- package/dist/utilities/dom/find.js +0 -37
- package/dist/utilities/dom/index.d.ts +0 -3
- package/dist/utilities/dom/index.js +0 -3
- package/dist/utilities/dom/shadowDom.d.ts +0 -1
- package/dist/utilities/dom/shadowDom.js +0 -4
- package/dist/utilities/platform.d.ts +0 -1
- package/dist/utilities/platform.js +0 -16
- package/dist/utilities/scroll/disable.d.ts +0 -7
- package/dist/utilities/scroll/disable.js +0 -15
- package/dist/utilities/scroll/helpers.d.ts +0 -1
- package/dist/utilities/scroll/helpers.js +0 -17
- package/dist/utilities/scroll/index.d.ts +0 -2
- package/dist/utilities/scroll/index.js +0 -2
- package/dist/utilities/scroll/lock.d.ts +0 -5
- package/dist/utilities/scroll/lock.js +0 -32
- package/dist/utilities/scroll/lockSafari.d.ts +0 -2
- package/dist/utilities/scroll/lockSafari.js +0 -20
- package/dist/utilities/scroll/lockStandard.d.ts +0 -4
- package/dist/utilities/scroll/lockStandard.js +0 -15
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
export const preventDefault = (e) => e.preventDefault();
|
|
2
|
-
/**
|
|
3
|
-
* Prevent scrolling events for the cases when dragging elements
|
|
4
|
-
* without locking the page with overflow
|
|
5
|
-
*/
|
|
6
|
-
export const disableScroll = () => {
|
|
7
|
-
window.addEventListener("wheel", preventDefault, { passive: false });
|
|
8
|
-
window.addEventListener("touchmove", preventDefault, { passive: false });
|
|
9
|
-
document.body.style.userSelect = "none";
|
|
10
|
-
};
|
|
11
|
-
export const enableScroll = () => {
|
|
12
|
-
window.removeEventListener("wheel", preventDefault);
|
|
13
|
-
window.removeEventListener("touchmove", preventDefault);
|
|
14
|
-
document.body.style.userSelect = "";
|
|
15
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const getScrollbarWidth: () => number;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
export const getScrollbarWidth = (() => {
|
|
2
|
-
let scrollbarWidth;
|
|
3
|
-
return () => {
|
|
4
|
-
if (scrollbarWidth)
|
|
5
|
-
return scrollbarWidth;
|
|
6
|
-
const scrollDiv = document.createElement("div");
|
|
7
|
-
scrollDiv.style.position = "absolute";
|
|
8
|
-
scrollDiv.style.top = "-9999px";
|
|
9
|
-
scrollDiv.style.width = "50px";
|
|
10
|
-
scrollDiv.style.height = "50px";
|
|
11
|
-
scrollDiv.style.overflow = "scroll";
|
|
12
|
-
document.body.appendChild(scrollDiv);
|
|
13
|
-
scrollbarWidth = scrollDiv.getBoundingClientRect().width - scrollDiv.clientWidth;
|
|
14
|
-
document.body.removeChild(scrollDiv);
|
|
15
|
-
return scrollbarWidth;
|
|
16
|
-
};
|
|
17
|
-
})();
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { findClosestScrollableContainer } from "../dom/index.js";
|
|
2
|
-
import { isIOS } from "../platform.js";
|
|
3
|
-
import lockSafariScroll from "./lockSafari.js";
|
|
4
|
-
import lockStandardScroll from "./lockStandard.js";
|
|
5
|
-
let bodyLockedCount = 0;
|
|
6
|
-
export const lockScroll = (args) => {
|
|
7
|
-
const isIOSLock = isIOS();
|
|
8
|
-
let reset = () => { };
|
|
9
|
-
let container = document.body;
|
|
10
|
-
if (args.originEl)
|
|
11
|
-
container = findClosestScrollableContainer({ el: args.originEl });
|
|
12
|
-
if (args.containerEl)
|
|
13
|
-
container = args.containerEl;
|
|
14
|
-
const lockedBodyScroll = container === document.body;
|
|
15
|
-
if (lockedBodyScroll)
|
|
16
|
-
bodyLockedCount += 1;
|
|
17
|
-
if (lockedBodyScroll && bodyLockedCount > 1)
|
|
18
|
-
return;
|
|
19
|
-
if (isIOSLock && lockedBodyScroll) {
|
|
20
|
-
reset = lockSafariScroll();
|
|
21
|
-
}
|
|
22
|
-
else {
|
|
23
|
-
reset = lockStandardScroll({ container });
|
|
24
|
-
}
|
|
25
|
-
args.cb?.();
|
|
26
|
-
return (cb) => {
|
|
27
|
-
if (lockedBodyScroll)
|
|
28
|
-
bodyLockedCount -= 1;
|
|
29
|
-
reset();
|
|
30
|
-
cb?.();
|
|
31
|
-
};
|
|
32
|
-
};
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { StyleCache } from "../css.js";
|
|
2
|
-
const styleCache = new StyleCache();
|
|
3
|
-
const lockSafariScroll = () => {
|
|
4
|
-
const viewport = window.visualViewport;
|
|
5
|
-
const offsetLeft = viewport?.offsetLeft || 0;
|
|
6
|
-
const offsetTop = viewport?.offsetTop || 0;
|
|
7
|
-
const { scrollX, scrollY } = window;
|
|
8
|
-
styleCache.set(document.body, {
|
|
9
|
-
position: "fixed",
|
|
10
|
-
top: `${-(scrollY - Math.floor(offsetTop))}px`,
|
|
11
|
-
left: `${-(scrollX - Math.floor(offsetLeft))}px`,
|
|
12
|
-
right: "0",
|
|
13
|
-
overflow: "hidden",
|
|
14
|
-
});
|
|
15
|
-
return () => {
|
|
16
|
-
styleCache.reset();
|
|
17
|
-
window.scrollTo({ top: scrollY, left: scrollX, behavior: "instant" });
|
|
18
|
-
};
|
|
19
|
-
};
|
|
20
|
-
export default lockSafariScroll;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { StyleCache } from "../css.js";
|
|
2
|
-
import { getScrollbarWidth } from "./helpers.js";
|
|
3
|
-
const styleCache = new StyleCache();
|
|
4
|
-
const lockStandardScroll = (args) => {
|
|
5
|
-
const { container } = args;
|
|
6
|
-
const rect = container.getBoundingClientRect();
|
|
7
|
-
const isOverflowing = rect.left + rect.right < window.innerWidth;
|
|
8
|
-
styleCache.set(container, { overflow: "hidden" });
|
|
9
|
-
if (isOverflowing) {
|
|
10
|
-
const scrollBarWidth = getScrollbarWidth();
|
|
11
|
-
styleCache.set(container, { paddingRight: `${scrollBarWidth}px` });
|
|
12
|
-
}
|
|
13
|
-
return () => styleCache.reset();
|
|
14
|
-
};
|
|
15
|
-
export default lockStandardScroll;
|