reshaped 3.9.0-canary.1 → 3.9.0-canary.11

package/dist/utilities/a11y/TrapFocus.js

@@ -1,10 +1,10 @@
 var _a;
-import Chain from "../Chain.js";
 import * as keys from "../../constants/keys.js";
-import TrapScreenReader from "./TrapScreenReader.js";
-import { getActiveElement, getFocusableElements, focusElement, getFocusData } from "./focus.js";
+import Chain from "../Chain.js";
 import { getShadowRoot } from "../dom/index.js";
+import { getActiveElement, getFocusableElements, focusElement, getFocusData } from "./focus.js";
 import { checkKeyboardMode } from "./keyboardMode.js";
+import TrapScreenReader from "./TrapScreenReader.js";
 class TrapFocus {
     static chain = new Chain();
     #chainId;
@@ -45,7 +45,7 @@ class TrapFocus {
             target: isPrev ? "prev" : "next",
             options: {
                 additionalElement: includeTrigger ? this.#trigger : undefined,
-                circular: mode !== "action-menu" && mode !== "action-bar",
+                circular: true,
             },
         });
         // Release the trap when tab is used in navigation modes that support arrows

package/dist/utilities/scroll/lock.js

@@ -1,5 +1,5 @@
-import { isIOS } from "../platform.js";
 import { findClosestScrollableContainer } from "../dom/index.js";
+import { isIOS } from "../platform.js";
 import lockSafariScroll from "./lockSafari.js";
 import lockStandardScroll from "./lockStandard.js";
 let bodyLockedCount = 0;

package/dist/utilities/scroll/lockStandard.js

@@ -1,5 +1,5 @@
-import { getScrollbarWidth } from "./helpers.js";
 import { StyleCache } from "../css.js";
+import { getScrollbarWidth } from "./helpers.js";
 const styleCache = new StyleCache();
 const lockStandardScroll = (args) => {
     const { container } = args;

package/dist/utilities/storybook/Example.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import View from "../../components/View/index.js";
 import Text from "../../components/Text/index.js";
+import View from "../../components/View/index.js";
 const Example = (props) => {
     return (_jsxs(View, { gap: 3, attributes: props.title ? { style: { marginTop: -17 } } : undefined, children: [props.title && (_jsx(View, { bleed: 4, paddingInline: 4, paddingBlock: 3, backgroundColor: "neutral-faded", borderColor: "neutral-faded", position: "sticky", insetTop: 0, zIndex: 100, children: props.title })), props.children] }));
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "reshaped",
   "description": "Professionally crafted design system in React & Figma for building products of any scale and complexity",
-  "version": "3.9.0-canary.1",
+  "version": "3.9.0-canary.11",
   "license": "MIT",
   "email": "hello@reshaped.so",
   "homepage": "https://reshaped.so",
@@ -97,12 +97,14 @@
     "@types/react-dom": "19.2.2",
     "@vitejs/plugin-react": "5.1.0",
     "@vitest/browser": "4.0.4",
+    "@vitest/browser-playwright": "4.0.4",
     "@vitest/coverage-istanbul": "4.0.4",
     "@vitest/coverage-v8": "4.0.4",
-    "@vitest/browser-playwright": "4.0.4",
     "chromatic": "13.3.2",
     "eslint": "9.38.0",
     "eslint-config-prettier": "10.1.8",
+    "eslint-import-resolver-typescript": "^4.4.4",
+    "eslint-plugin-import": "2.32.0",
     "eslint-plugin-jsx-a11y": "6.10.2",
     "eslint-plugin-prettier": "5.5.4",
     "eslint-plugin-react": "7.37.5",

package/dist/components/_private/HiddenInput/HiddenInput.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { classNames } from "../../../utilities/props.js";
-import s from "./HiddenInput.module.css";
-const HiddenInput = (props) => {
-    const { name, value, type, onChange, onFocus, onBlur, checked, defaultChecked, disabled, className, attributes, } = props;
-    const rootClassNames = classNames(s.root, className);
-    return (_jsx("input", { ...attributes, className: rootClassNames, type: type, name: name, value: value, checked: checked, defaultChecked: defaultChecked, disabled: disabled, onChange: onChange, onFocus: onFocus || attributes?.onFocus, onBlur: onBlur || attributes?.onBlur }));
-};
-HiddenInput.displayName = "HiddenInput";
-export default HiddenInput;

package/dist/components/_private/HiddenInput/HiddenInput.types.d.ts

@@ -1,15 +0,0 @@
-import React from "react";
-import type * as G from "../../../types/global";
-export type Props = {
-    name?: string;
-    value?: string;
-    checked?: boolean;
-    defaultChecked?: boolean;
-    disabled?: boolean;
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    onFocus?: (e: React.FocusEvent) => void;
-    onBlur?: (e: React.FocusEvent) => void;
-    type: "checkbox" | "radio";
-    className?: G.ClassName;
-    attributes?: G.Attributes<"input">;
-};