reshaped 3.8.0-canary.8 → 3.8.0-canary.9
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/CHANGELOG.md +7 -0
- package/dist/bundle.css +1 -1
- package/dist/bundle.js +6 -6
- package/dist/components/Accordion/AccordionControlled.js +1 -0
- package/dist/components/Actionable/Actionable.js +1 -0
- package/dist/components/Breadcrumbs/Breadcrumbs.js +1 -0
- package/dist/components/Calendar/CalendarMonth.js +1 -0
- package/dist/components/Carousel/Carousel.js +1 -0
- package/dist/components/Flyout/FlyoutContent.js +3 -0
- package/dist/components/Flyout/FlyoutControlled.js +6 -1
- package/dist/components/FormControl/FormControl.context.d.ts +1 -1
- package/dist/components/Overlay/Overlay.js +1 -0
- package/dist/components/Select/SelectCustomControlled.js +1 -0
- package/dist/components/Tabs/TabsControlled.js +1 -0
- package/dist/components/Toast/ToastContainer.js +1 -0
- package/dist/components/Toast/ToastRegion.js +1 -0
- package/dist/components/Toast/tests/Toast.stories.js +4 -2
- package/dist/components/ToggleButtonGroup/ToggleButtonGroupControlled.js +1 -0
- package/dist/components/View/View.js +1 -0
- package/dist/components/_private/Expandable/Expandable.js +3 -1
- package/dist/components/_private/Portal/Portal.js +4 -1
- package/dist/hooks/_private/usePrevious.js +1 -0
- package/dist/styles/resolvers/align/align.css +1 -1
- package/dist/styles/resolvers/aspectRatio/aspectRatio.css +1 -1
- package/dist/styles/resolvers/bleed/bleed.module.css +1 -1
- package/dist/styles/resolvers/justify/justify.css +1 -1
- package/dist/styles/resolvers/maxHeight/maxHeight.module.css +1 -1
- package/dist/styles/resolvers/maxWidth/maxWidth.module.css +1 -1
- package/dist/styles/resolvers/minHeight/minHeight.module.css +1 -1
- package/dist/styles/resolvers/minWidth/minWidth.module.css +1 -1
- package/dist/styles/resolvers/position/position.css +1 -1
- package/dist/styles/resolvers/textAlign/textAlign.css +1 -1
- package/dist/styles/resolvers/width/width.module.css +1 -1
- package/package.json +21 -21
|
@@ -68,6 +68,7 @@ const Actionable = forwardRef((props, ref) => {
|
|
|
68
68
|
"aria-disabled": disabled ? true : undefined,
|
|
69
69
|
children: childrenNode,
|
|
70
70
|
};
|
|
71
|
+
// eslint-disable-next-line react-hooks/refs
|
|
71
72
|
if (render)
|
|
72
73
|
return render(tagAttributes);
|
|
73
74
|
return _jsx(TagName, { ...tagAttributes });
|
|
@@ -27,6 +27,7 @@ const Breadcrumbs = (props) => {
|
|
|
27
27
|
const isAfterCollapse = renderIndex > lastCollapsedIndex;
|
|
28
28
|
const isDisplayed = !visibleItems || isBeforeCollapse || isAfterCollapse || expanded;
|
|
29
29
|
const isCollapseButton = renderIndex === lastCollapsedIndex;
|
|
30
|
+
// eslint-disable-next-line react-hooks/immutability
|
|
30
31
|
renderIndex += 1;
|
|
31
32
|
let itemNode = null;
|
|
32
33
|
if (isDisplayed) {
|
|
@@ -23,6 +23,7 @@ const CalendarMonth = (props) => {
|
|
|
23
23
|
: !foundFocusableDate &&
|
|
24
24
|
!!date &&
|
|
25
25
|
isDateFocusable({ date, lastFocusedDate, startValue });
|
|
26
|
+
// eslint-disable-next-line react-hooks/immutability
|
|
26
27
|
if (focusable)
|
|
27
28
|
foundFocusableDate = true;
|
|
28
29
|
return (_jsx(CalendarDate, { date: date, isoDate: isoDate, disabled: disabled, range: range, focusable: focusable, startValue: startValue, endValue: endValue, onChange: onChange, hoveredDate: hoveredDate, onDateHover: onDateHover, onDateHoverEnd: onDateHoverEnd, onDateFocus: setLastFocusedDate, renderAriaLabel: renderDateAriaLabel, selectedDates: selectedDates }, index));
|
|
@@ -19,13 +19,16 @@ const FlyoutContent = (props) => {
|
|
|
19
19
|
return null;
|
|
20
20
|
if (!triggerElRef)
|
|
21
21
|
return null;
|
|
22
|
+
// eslint-disable-next-line react-hooks/refs
|
|
22
23
|
return findClosestPositionContainer({ el: triggerElRef.current });
|
|
23
24
|
}, [mounted, triggerElRef]);
|
|
24
25
|
const closestScrollableContainer = React.useMemo(() => {
|
|
25
26
|
if (!mounted)
|
|
26
27
|
return;
|
|
28
|
+
// eslint-disable-next-line react-hooks/refs
|
|
27
29
|
if (!triggerElRef?.current)
|
|
28
30
|
return;
|
|
31
|
+
// eslint-disable-next-line react-hooks/refs
|
|
29
32
|
return findClosestScrollableContainer({ el: triggerElRef.current });
|
|
30
33
|
}, [mounted, triggerElRef]);
|
|
31
34
|
const containerRef = passedContainerRef || { current: closestFixedContainer };
|
|
@@ -34,7 +34,9 @@ const FlyoutControlled = (props) => {
|
|
|
34
34
|
* Resolving the same inside another Flyout.Content should reset the inheritance
|
|
35
35
|
* For example, if you have a tooltip -> popover inside another popover.content, tooltip shouldn't use its parent context anymore
|
|
36
36
|
*/
|
|
37
|
-
const isParentTriggerInsideFlyout =
|
|
37
|
+
const isParentTriggerInsideFlyout =
|
|
38
|
+
// eslint-disable-next-line react-hooks/refs
|
|
39
|
+
!!parentTriggerRef?.current && parentContentRef?.current?.contains(parentTriggerRef.current);
|
|
38
40
|
const tryParentTrigger = !parentContentRef || isParentTriggerInsideFlyout;
|
|
39
41
|
const triggerElRef = (tryParentTrigger && parentTriggerRef) || internalTriggerElRef;
|
|
40
42
|
const triggerBoundsRef = React.useRef(null);
|
|
@@ -53,13 +55,16 @@ const FlyoutControlled = (props) => {
|
|
|
53
55
|
// Touch devices trigger onMouseEnter but we don't need to apply regular hover timeouts
|
|
54
56
|
// So we're saving a flag on touch start and then change the mouse enter behavior
|
|
55
57
|
const hoverTriggeredWithTouchEventRef = React.useRef(false);
|
|
58
|
+
// eslint-disable-next-line react-hooks/refs
|
|
56
59
|
const flyout = useFlyout({
|
|
57
60
|
triggerElRef,
|
|
58
61
|
flyoutElRef,
|
|
62
|
+
// eslint-disable-next-line react-hooks/refs
|
|
59
63
|
triggerBounds: originCoordinates ?? triggerBoundsRef.current,
|
|
60
64
|
width,
|
|
61
65
|
position: passedPosition,
|
|
62
66
|
defaultActive: resolvedActive,
|
|
67
|
+
// eslint-disable-next-line react-hooks/refs
|
|
63
68
|
container: containerRef?.current,
|
|
64
69
|
fallbackPositions,
|
|
65
70
|
fallbackAdjustLayout,
|
|
@@ -51,7 +51,7 @@ export declare const useFormControl: () => {
|
|
|
51
51
|
results?: number | undefined | undefined;
|
|
52
52
|
security?: string | undefined | undefined;
|
|
53
53
|
unselectable?: "on" | "off" | undefined | undefined;
|
|
54
|
-
popover?: "" | "auto" | "manual" | undefined | undefined;
|
|
54
|
+
popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
|
|
55
55
|
popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
|
|
56
56
|
popoverTarget?: string | undefined | undefined;
|
|
57
57
|
inert?: boolean | undefined | undefined;
|
|
@@ -100,6 +100,7 @@ const Overlay = (props) => {
|
|
|
100
100
|
const containerEl = containerRef?.current;
|
|
101
101
|
if (containerEl) {
|
|
102
102
|
originalOverflowRef.current = containerEl.style.overflow;
|
|
103
|
+
// eslint-disable-next-line react-hooks/immutability
|
|
103
104
|
containerEl.style.overflow = "hidden";
|
|
104
105
|
containerEl.style.isolation = "isolate";
|
|
105
106
|
setOffset([containerEl.scrollLeft, containerEl.scrollTop]);
|
|
@@ -7,6 +7,7 @@ const TabsControlled = (props) => {
|
|
|
7
7
|
const { children, value, onChange, onSilentChange, itemWidth, variant, name, direction = "row", size = "medium", } = props;
|
|
8
8
|
const id = useElementId();
|
|
9
9
|
const elActiveRef = React.useRef(null);
|
|
10
|
+
// eslint-disable-next-line react-hooks/refs
|
|
10
11
|
const elPrevActiveRef = React.useRef(elActiveRef.current);
|
|
11
12
|
const elScrollableRef = React.useRef(null);
|
|
12
13
|
const [selection, setSelection] = React.useState({
|
|
@@ -89,6 +89,7 @@ const ToastContainer = (props) => {
|
|
|
89
89
|
// Height + padding + borders
|
|
90
90
|
height: status === "entered" ? `calc(${toastHeight}px + var(--rs-unit-x2) + 2px)` : 0,
|
|
91
91
|
// Disable transition when height of the toast can change
|
|
92
|
+
// eslint-disable-next-line react-hooks/refs
|
|
92
93
|
transitionDuration: resizingRef.current ? "0s" : undefined,
|
|
93
94
|
}, onTransitionEnd: handleTransitionEnd, onFocus: stopTimer, onBlur: startTimer, children: _jsx("span", { className: s.wrapper, children: _jsx(Toast, { ...toastProps, collapsed: index > 0 && !inspected, attributes: { ...toastProps.attributes, ref: wrapperRef } }) }) }));
|
|
94
95
|
};
|
|
@@ -56,6 +56,7 @@ const ToastRegion = (props) => {
|
|
|
56
56
|
// eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/click-events-have-key-events
|
|
57
57
|
_jsx("ul", { role: "region", "aria-live": "polite", className: regionClassNames, ref: rootRef, onTouchStart: handleTouchStart, onClick: handleClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, style: { width }, children: queue.map((data, index) => {
|
|
58
58
|
const visibleIndex = filteredLength - index + hiddenCount - 1;
|
|
59
|
+
// eslint-disable-next-line react-hooks/immutability
|
|
59
60
|
if (data.status !== "entered")
|
|
60
61
|
hiddenCount += 1;
|
|
61
62
|
return (_jsx(ToastContainer, { ...data, index: visibleIndex, inspected: inspecting || !!expanded }, data.id));
|
|
@@ -6,7 +6,7 @@ import Image from "../../Image/index.js";
|
|
|
6
6
|
import Text from "../../Text/index.js";
|
|
7
7
|
import Dismissible from "../../Dismissible/index.js";
|
|
8
8
|
import IconZap from "../../../icons/Zap.js";
|
|
9
|
-
import { expect, userEvent, within } from "storybook/test";
|
|
9
|
+
import { expect, userEvent, waitFor, within } from "storybook/test";
|
|
10
10
|
import { sleep } from "../../../utilities/helpers.js";
|
|
11
11
|
export default {
|
|
12
12
|
title: "Components/Toast",
|
|
@@ -339,7 +339,9 @@ export const base = {
|
|
|
339
339
|
expect(action).toBeInTheDocument();
|
|
340
340
|
await userEvent.click(action);
|
|
341
341
|
await sleep(500);
|
|
342
|
-
|
|
342
|
+
await waitFor(() => {
|
|
343
|
+
expect(title).not.toBeInTheDocument();
|
|
344
|
+
});
|
|
343
345
|
},
|
|
344
346
|
};
|
|
345
347
|
const NestedDemo = () => {
|
|
@@ -23,6 +23,7 @@ const ToggleButtonGroupControlled = (props) => {
|
|
|
23
23
|
return child;
|
|
24
24
|
}
|
|
25
25
|
const boundIndex = toggleButtonIndex;
|
|
26
|
+
// eslint-disable-next-line react-hooks/immutability
|
|
26
27
|
toggleButtonIndex += 1;
|
|
27
28
|
const focusable = focusableIndexRef.current === boundIndex;
|
|
28
29
|
return (_jsx(ToggleButtonGroupItem, { ...child.props, focusable: focusable, onFocus: () => {
|
|
@@ -134,6 +134,7 @@ const View = (props) => {
|
|
|
134
134
|
if (!child)
|
|
135
135
|
return null;
|
|
136
136
|
const usedIndex = renderedItemIndex;
|
|
137
|
+
// eslint-disable-next-line react-hooks/immutability
|
|
137
138
|
renderedItemIndex += 1;
|
|
138
139
|
if (isMatchingComponentChildId(child, "Hidden")) {
|
|
139
140
|
const { children: hiddenChild, ...hiddenProps } = child.props;
|
|
@@ -10,7 +10,9 @@ const Expandable = (props) => {
|
|
|
10
10
|
const rootRef = React.useRef(null);
|
|
11
11
|
const mountedRef = React.useRef(false);
|
|
12
12
|
const [animatedHeight, setAnimatedHeight] = React.useState(active ? "auto" : null);
|
|
13
|
-
const contentClassNames = classNames(s.root,
|
|
13
|
+
const contentClassNames = classNames(s.root,
|
|
14
|
+
// eslint-disable-next-line react-hooks/refs
|
|
15
|
+
mountedRef.current && animatedHeight !== "auto" && s["--animated"]);
|
|
14
16
|
const handleTransitionEnd = (e) => {
|
|
15
17
|
if (e.propertyName !== "height")
|
|
16
18
|
return;
|
|
@@ -18,18 +18,20 @@ const Portal = (props) => {
|
|
|
18
18
|
const { children, targetRef } = props;
|
|
19
19
|
const mountedToggle = useToggle();
|
|
20
20
|
const rootRef = React.useRef(null);
|
|
21
|
+
// eslint-disable-next-line react-hooks/refs
|
|
21
22
|
const rootNode = rootRef.current?.getRootNode();
|
|
22
23
|
const isShadowDom = rootNode instanceof ShadowRoot;
|
|
23
24
|
const defaultTargetEl = isShadowDom ? rootNode : document.body;
|
|
24
25
|
/**
|
|
25
26
|
* Check for parent portal to render inside it
|
|
26
|
-
* To avoid z-
|
|
27
|
+
* To avoid z-index issues
|
|
27
28
|
* Example:
|
|
28
29
|
* Dropdown rendered on the page should render under the modal
|
|
29
30
|
* Dropdown inside the modal should render above it
|
|
30
31
|
*/
|
|
31
32
|
const portal = usePortalScope();
|
|
32
33
|
const nextScopeRef = targetRef || portal.scopeRef;
|
|
34
|
+
// eslint-disable-next-line react-hooks/refs
|
|
33
35
|
const targetEl = nextScopeRef?.current || defaultTargetEl;
|
|
34
36
|
useIsomorphicLayoutEffect(() => {
|
|
35
37
|
mountedToggle.activate();
|
|
@@ -37,6 +39,7 @@ const Portal = (props) => {
|
|
|
37
39
|
}, []);
|
|
38
40
|
/* Preserve the current theme when rendered in body */
|
|
39
41
|
return [
|
|
42
|
+
// eslint-disable-next-line react-hooks/refs
|
|
40
43
|
ReactDOM.createPortal(_jsx(Theme, { children: children }), targetEl),
|
|
41
44
|
// Make sure this element doesn't affect components using :last-child when their children use portals
|
|
42
45
|
!mountedToggle.active && _jsx("div", { ref: rootRef, className: s.root }, "root"),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[style*="--rs-align-
|
|
1
|
+
[style*="--rs-align-"]{align-items:var(--rs-align)!important;--rs-align-s: ;--rs-align-m:var(--rs-align-s);--rs-align-l:var(--rs-align-m);--rs-align-xl:var(--rs-align-l);--rs-align:var(--rs-align-s)}@media (--rs-viewport-m ){[style*="--rs-align-"]{--rs-align:var(--rs-align-m)}}@media (--rs-viewport-l ){[style*="--rs-align-"]{--rs-align:var(--rs-align-l)}}@media (--rs-viewport-xl ){[style*="--rs-align-"]{--rs-align:var(--rs-align-xl)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[style*="--rs-ratio-
|
|
1
|
+
[style*="--rs-ratio-"]{--rs-ratio-s:0;--rs-ratio-m:var(--rs-ratio-s);--rs-ratio-l:var(--rs-ratio-m);--rs-ratio-xl:var(--rs-ratio-l);--rs-ratio:var(--rs-ratio-s)}[style*="--rs-ratio-s:"]:empty,[style*="--rs-ratio-s:"]:not(:empty)>*{aspect-ratio:var(--rs-ratio)}[style*="--rs-ratio-s:"]>img{object-fit:cover}@media (--rs-viewport-m ){[style*="--rs-ratio-"]{--rs-ratio:var(--rs-ratio-m)}}@media (--rs-viewport-l ){[style*="--rs-ratio-"]{--rs-ratio:var(--rs-ratio-l)}}@media (--rs-viewport-xl ){[style*="--rs-ratio-"]{--rs-ratio:var(--rs-ratio-xl)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.root[style*="--rs-bleed-
|
|
1
|
+
.root[style*="--rs-bleed-"]{margin-left:calc(var(--rs-unit-x1) * var(--rs-bleed) * -1);margin-right:calc(var(--rs-unit-x1) * var(--rs-bleed) * -1);--rs-bleed-s:0;--rs-bleed-m:var(--rs-bleed-s);--rs-bleed-l:var(--rs-bleed-m);--rs-bleed-xl:var(--rs-bleed-l);--rs-bleed:var(--rs-bleed-s)}.--bleed{border-left-style:none!important;border-radius:0!important;border-right-style:none!important}@media (--rs-viewport-m ){.root[style*="--rs-bleed-"]{--rs-bleed:var(--rs-bleed-m)}.--bleed-true--m{border-left-style:none!important;border-radius:0!important;border-right-style:none!important}.--bleed-false--m{border-left-style:solid!important;border-radius:var(--rs-radius)!important;border-right-style:solid!important}}@media (--rs-viewport-l ){.root[style*="--rs-bleed-"]{--rs-bleed:var(--rs-bleed-l)}.--bleed-true--l{border-left-style:none!important;border-radius:0!important;border-right-style:none!important}.--bleed-false--l{border-left-style:solid!important;border-radius:var(--rs-radius)!important;border-right-style:solid!important}}@media (--rs-viewport-xl ){.root[style*="--rs-bleed-"]{--rs-bleed:var(--rs-bleed-xl)}.--bleed-true--xl{border-left-style:none!important;border-radius:0!important;border-right-style:none!important}.--bleed-false--xl{border-left-style:solid!important;border-radius:var(--rs-radius)!important;border-right-style:solid!important}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[style*="--rs-justify-
|
|
1
|
+
[style*="--rs-justify-"]{justify-content:var(--rs-justify)!important;--rs-justify-s: ;--rs-justify-m:var(--rs-justify-s);--rs-justify-l:var(--rs-justify-m);--rs-justify-xl:var(--rs-justify-l);--rs-justify:var(--rs-justify-s)}@media (--rs-viewport-m ){[style*="--rs-justify-"]{--rs-justify:var(--rs-justify-m)}}@media (--rs-viewport-l ){[style*="--rs-justify-"]{--rs-justify:var(--rs-justify-l)}}@media (--rs-viewport-xl ){[style*="--rs-justify-"]{--rs-justify:var(--rs-justify-xl)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.root[style*="--rs-max-h-
|
|
1
|
+
.root[style*="--rs-max-h-"]{--rs-max-h-s:none;--rs-max-h-m:var(--rs-max-h-s);--rs-max-h-l:var(--rs-max-h-m);--rs-max-h-xl:var(--rs-max-h-l);--rs-max-h:var(--rs-max-h-s)}.--type-literal{max-height:var(--rs-max-h)!important}.--type-unit{max-height:calc(var(--rs-max-h) * var(--rs-unit-x1))!important}@media (--rs-viewport-m ){.root[style*="--rs-max-h-"]{--rs-max-h:var(--rs-max-h-m)}.--type-literal--m{max-height:var(--rs-max-h)!important}.--type-unit--m{max-height:calc(var(--rs-max-h) * var(--rs-unit-x1))!important}}@media (--rs-viewport-l ){.root[style*="--rs-max-h-"]{--rs-max-h:var(--rs-max-h-l)}.--type-literal--l{max-height:var(--rs-max-h)!important}.--type-unit--l{max-height:calc(var(--rs-max-h) * var(--rs-unit-x1))!important}}@media (--rs-viewport-xl ){.root[style*="--rs-max-h-"]{--rs-max-h:var(--rs-max-h-xl)}.--type-literal--xl{max-height:var(--rs-max-h)!important}.--type-unit--xl{max-height:calc(var(--rs-max-h) * var(--rs-unit-x1))!important}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.root[style*="--rs-max-w-
|
|
1
|
+
.root[style*="--rs-max-w-"]{--rs-max-w-s:none;--rs-max-w-m:var(--rs-max-w-s);--rs-max-w-l:var(--rs-max-w-m);--rs-max-w-xl:var(--rs-max-w-l);--rs-max-w:var(--rs-max-w-s)}.--type-literal{max-width:var(--rs-max-w)!important}.--type-unit{max-width:calc(var(--rs-max-w) * var(--rs-unit-x1))!important}@media (--rs-viewport-m ){.root[style*="--rs-max-w-"]{--rs-max-w:var(--rs-max-w-m)}.--type-literal--m{max-width:var(--rs-max-w)!important}.--type-unit--m{max-width:calc(var(--rs-max-w) * var(--rs-unit-x1))!important}}@media (--rs-viewport-l ){.root[style*="--rs-max-w-"]{--rs-max-w:var(--rs-max-w-l)}.--type-literal--l{max-width:var(--rs-max-w)!important}.--type-unit--l{max-width:calc(var(--rs-max-w) * var(--rs-unit-x1))!important}}@media (--rs-viewport-xl ){.root[style*="--rs-max-w-"]{--rs-max-w:var(--rs-max-w-xl)}.--type-literal--xl{max-width:var(--rs-max-w)!important}.--type-unit--xl{max-width:calc(var(--rs-max-w) * var(--rs-unit-x1))!important}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.root[style*="--rs-min-h-
|
|
1
|
+
.root[style*="--rs-min-h-"]{--rs-min-h-s:none;--rs-min-h-m:var(--rs-min-h-s);--rs-min-h-l:var(--rs-min-h-m);--rs-min-h-xl:var(--rs-min-h-l);--rs-min-h:var(--rs-min-h-s)}.--type-literal{min-height:var(--rs-min-h)!important}.--type-unit{min-height:calc(var(--rs-min-h) * var(--rs-unit-x1))!important}@media (--rs-viewport-m ){.root[style*="--rs-min-h-"]{--rs-min-h:var(--rs-min-h-m)}.--type-literal--m{min-height:var(--rs-min-h)!important}.--type-unit--m{min-height:calc(var(--rs-min-h) * var(--rs-unit-x1))!important}}@media (--rs-viewport-l ){.root[style*="--rs-min-h-"]{--rs-min-h:var(--rs-min-h-l)}.--type-literal--l{min-height:var(--rs-min-h)!important}.--type-unit--l{min-height:calc(var(--rs-min-h) * var(--rs-unit-x1))!important}}@media (--rs-viewport-xl ){.root[style*="--rs-min-h-"]{--rs-min-h:var(--rs-min-h-xl)}.--type-literal--xl{min-height:var(--rs-min-h)!important}.--type-unit--xl{min-height:calc(var(--rs-min-h) * var(--rs-unit-x1))!important}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.root[style*="--rs-min-w-
|
|
1
|
+
.root[style*="--rs-min-w-"]{--rs-min-w-s:none;--rs-min-w-m:var(--rs-min-w-s);--rs-min-w-l:var(--rs-min-w-m);--rs-min-w-xl:var(--rs-min-w-l);--rs-min-w:var(--rs-min-w-s)}.--type-literal{min-width:var(--rs-min-w)!important}.--type-unit{min-width:calc(var(--rs-min-w) * var(--rs-unit-x1))!important}@media (--rs-viewport-m ){.root[style*="--rs-min-w-"]{--rs-min-w:var(--rs-min-w-m)}.--type-literal--m{min-width:var(--rs-min-w)!important}.--type-unit--m{min-width:calc(var(--rs-min-w) * var(--rs-unit-x1))!important}}@media (--rs-viewport-l ){.root[style*="--rs-min-w-"]{--rs-min-w:var(--rs-min-w-l)}.--type-literal--l{min-width:var(--rs-min-w)!important}.--type-unit--l{min-width:calc(var(--rs-min-w) * var(--rs-unit-x1))!important}}@media (--rs-viewport-xl ){.root[style*="--rs-min-w-"]{--rs-min-w:var(--rs-min-w-xl)}.--type-literal--xl{min-width:var(--rs-min-w)!important}.--type-unit--xl{min-width:calc(var(--rs-min-w) * var(--rs-unit-x1))!important}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[style*="--rs-position-
|
|
1
|
+
[style*="--rs-position-"]{position:var(--rs-position)!important;--rs-position-s: ;--rs-position-m:var(--rs-position-s);--rs-position-l:var(--rs-position-m);--rs-position-xl:var(--rs-position-l);--rs-position:var(--rs-position-s)}@media (--rs-viewport-m ){[style*="--rs-position-"]{--rs-position:var(--rs-position-m)}}@media (--rs-viewport-l ){[style*="--rs-position-"]{--rs-position:var(--rs-position-l)}}@media (--rs-viewport-xl ){[style*="--rs-position-"]{--rs-position:var(--rs-position-xl)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[style*="--rs-text-align-
|
|
1
|
+
[style*="--rs-text-align-"]{text-align:var(--rs-text-align)!important;--rs-text-align-s: ;--rs-text-align-m:var(--rs-text-align-s);--rs-text-align-l:var(--rs-text-align-m);--rs-text-align-xl:var(--rs-text-align-l);--rs-text-align:var(--rs-text-align-s)}@media (--rs-viewport-m ){[style*="--rs-text-align-"]{--rs-text-align:var(--rs-text-align-m)}}@media (--rs-viewport-l ){[style*="--rs-text-align-"]{--rs-text-align:var(--rs-text-align-l)}}@media (--rs-viewport-xl ){[style*="--rs-text-align-"]{--rs-text-align:var(--rs-text-align-xl)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.root[style*="--rs-w-
|
|
1
|
+
.root[style*="--rs-w-"]{--rs-w-s:auto;--rs-w-m:var(--rs-w-s);--rs-w-l:var(--rs-w-m);--rs-w-xl:var(--rs-w-l);--rs-w:var(--rs-w-s)}.--type-literal{width:var(--rs-w)!important}.--type-unit{width:calc(var(--rs-w) * var(--rs-unit-x1))!important}@media (--rs-viewport-m ){.root[style*="--rs-w-"]{--rs-w:var(--rs-w-m)}.--type-literal--m{width:var(--rs-w)!important}.--type-unit--m{width:calc(var(--rs-w) * var(--rs-unit-x1))!important}}@media (--rs-viewport-l ){.root[style*="--rs-w-"]{--rs-w:var(--rs-w-l)}.--type-literal--l{width:var(--rs-w)!important}.--type-unit--l{width:calc(var(--rs-w) * var(--rs-unit-x1))!important}}@media (--rs-viewport-xl ){.root[style*="--rs-w-"]{--rs-w:var(--rs-w-xl)}.--type-literal--xl{width:var(--rs-w)!important}.--type-unit--xl{width:calc(var(--rs-w) * var(--rs-unit-x1))!important}}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "reshaped",
|
|
3
3
|
"description": "Professionally crafted design system in React & Figma for building products of any scale and complexity",
|
|
4
|
-
"version": "3.8.0-canary.
|
|
4
|
+
"version": "3.8.0-canary.9",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"email": "hello@reshaped.so",
|
|
7
7
|
"homepage": "https://reshaped.so",
|
|
@@ -110,34 +110,34 @@
|
|
|
110
110
|
"@commitlint/cli": "19.8.1",
|
|
111
111
|
"@commitlint/config-conventional": "19.8.1",
|
|
112
112
|
"@commitlint/types": "19.8.1",
|
|
113
|
-
"@eslint/js": "9.
|
|
113
|
+
"@eslint/js": "9.37.0",
|
|
114
114
|
"@size-limit/preset-big-lib": "11.2.0",
|
|
115
|
-
"@storybook/addon-a11y": "9.1.
|
|
116
|
-
"@storybook/addon-docs": "9.1.
|
|
117
|
-
"@storybook/addon-vitest": "9.1.
|
|
118
|
-
"@storybook/react": "9.1.
|
|
119
|
-
"@storybook/react-vite": "9.1.
|
|
115
|
+
"@storybook/addon-a11y": "9.1.10",
|
|
116
|
+
"@storybook/addon-docs": "9.1.10",
|
|
117
|
+
"@storybook/addon-vitest": "9.1.10",
|
|
118
|
+
"@storybook/react": "9.1.10",
|
|
119
|
+
"@storybook/react-vite": "9.1.10",
|
|
120
120
|
"@testing-library/user-event": "14.6.1",
|
|
121
121
|
"@types/culori": "4.0.1",
|
|
122
122
|
"@types/events": "3.0.3",
|
|
123
|
-
"@types/node": "24.
|
|
124
|
-
"@types/react": "19.1
|
|
125
|
-
"@types/react-dom": "19.
|
|
123
|
+
"@types/node": "24.7.0",
|
|
124
|
+
"@types/react": "19.2.1",
|
|
125
|
+
"@types/react-dom": "19.2.0",
|
|
126
126
|
"@vitejs/plugin-react": "4.6.0",
|
|
127
127
|
"@vitest/browser": "3.2.4",
|
|
128
128
|
"@vitest/coverage-istanbul": "3.2.4",
|
|
129
129
|
"@vitest/coverage-v8": "3.2.4",
|
|
130
|
-
"chromatic": "13.
|
|
130
|
+
"chromatic": "13.3.0",
|
|
131
131
|
"conventional-changelog-cli": "5.0.0",
|
|
132
132
|
"cz-conventional-changelog": "3.3.0",
|
|
133
|
-
"eslint": "9.
|
|
133
|
+
"eslint": "9.37.0",
|
|
134
134
|
"eslint-config-prettier": "10.1.8",
|
|
135
135
|
"eslint-plugin-jsx-a11y": "6.10.2",
|
|
136
136
|
"eslint-plugin-prettier": "5.5.4",
|
|
137
137
|
"eslint-plugin-react": "7.37.5",
|
|
138
|
-
"eslint-plugin-react-hooks": "
|
|
139
|
-
"lefthook": "1.13.
|
|
140
|
-
"playwright": "1.
|
|
138
|
+
"eslint-plugin-react-hooks": "6.1.1",
|
|
139
|
+
"lefthook": "1.13.6",
|
|
140
|
+
"playwright": "1.56.0",
|
|
141
141
|
"postcss": "8.5.6",
|
|
142
142
|
"postcss-cli": "11.0.1",
|
|
143
143
|
"postcss-each": "1.1.0",
|
|
@@ -148,14 +148,14 @@
|
|
|
148
148
|
"react-shadow": "20.6.0",
|
|
149
149
|
"resolve-tspaths": "0.8.23",
|
|
150
150
|
"size-limit": "11.2.0",
|
|
151
|
-
"storybook": "9.1.
|
|
152
|
-
"stylelint": "16.
|
|
151
|
+
"storybook": "9.1.10",
|
|
152
|
+
"stylelint": "16.25.0",
|
|
153
153
|
"stylelint-config-prettier": "9.0.5",
|
|
154
|
-
"stylelint-config-standard": "39.0.
|
|
154
|
+
"stylelint-config-standard": "39.0.1",
|
|
155
155
|
"ts-node": "10.9.2",
|
|
156
|
-
"typescript": "5.9.
|
|
157
|
-
"typescript-eslint": "8.
|
|
158
|
-
"vite": "7.1.
|
|
156
|
+
"typescript": "5.9.3",
|
|
157
|
+
"typescript-eslint": "8.46.0",
|
|
158
|
+
"vite": "7.1.9",
|
|
159
159
|
"vite-tsconfig-paths": "5.1.4",
|
|
160
160
|
"vitest": "3.2.4",
|
|
161
161
|
"vitest-browser-react": "1.0.1"
|