v4.2.0-canary.0

reshaped

Minor Changes

• df25023 Thanks @blvdmitry! - Flyout: Added the active flyout state as a second argument of the trigger render prop, so components like DropdownMenu, Popover and Tooltip can render their trigger based on whether the flyout is open

• abd9635 Thanks @blvdmitry! - ScrollArea: Added an orientation property ("vertical" | "horizontal" | "both") that limits scrolling to the passed direction and constrains the content size in the other direction, defaulting to "both"

• c99149d Thanks @blvdmitry! - ScrollArea: Added scrollbarDisplay="scroll" to show the scrollbar only while the area is being scrolled

• #655 00954ae Thanks @blvdmitry! - Select: Added a renderTrigger prop for rendering a custom trigger element, it receives the flyout attributes as the first argument and the selection state as the second one

Patch Changes

• 4280a15 Thanks @blvdmitry! - Checkbox, Radio: Added outline shadow to the decorator to match TextField and other form controls, error state no longer applies critical border when selected

• fd8b831 Thanks @blvdmitry! - ContextMenu: Added a ContextMenuInstance type export for typing the instanceRef property value

• #654 b919629 Thanks @blvdmitry! - PostCSS config: Added reshaped/config/postcss.js and reshaped/config/postcss.cjs to the package exports, so importing the config with a file extension no longer fails with ERR_PACKAGE_PATH_NOT_EXPORTED

• 3dfda4c Thanks @blvdmitry! - MenuItem: Updated the color="critical" styling so the item renders in neutral colors by default and switches the text and icon to the critical color only on hover, keyboard highlight, and selected states, keeping the neutral background instead of the critical one

• e5ff765 Thanks @blvdmitry! - Motion: Increased the duration-medium token to 250ms and duration-slow to 400ms, switched Checkbox, Radio and Switch selection transitions to easing-decelerate, and made the MenuItem hover/highlighted background appear instantly and only fade out on leave for a more responsive feel

• 28d4edb Thanks @blvdmitry! - ScrollArea: Added a vertical/horizontal padding to the scrollbars so the thumb doesn't overlap rounded corners of the parent element, and kept the thumb visible while dragging it with scrollbarDisplay="hover" even when the pointer leaves the component

• c2554bb Thanks @blvdmitry! - Slider: Rendered the thumb keyboard focus ring as an offset outline instead of an inset box shadow, keeping the thumb halo visible on focus and making the ring show up in forced-colors mode

• #656 792c575 Thanks @blvdmitry! - Button, MenuItem, Tabs, TextField, Select and PinField: Small size now renders caption-1 text, their vertical padding grows by the line height difference so the component size stays the same

• Updated dependencies []:

  • @reshaped/utilities@4.2.0-canary.0
  • @reshaped/theming@4.2.0-canary.0