v1.6.0

Release Notes:

This new version introduces new props and features to components and hooks and provides numerous improvements and bug fixes throughout the codebase.

Improvements:

Components:

• Portal: Improved performance by reducing unnecessary use of hooks.
• Table: The table now occupies the entire width of its parent.
• Dialog: Improved default animations by making them related to the value of the position prop.
• Field: Every field component now occupies the entire width of its parent.
• Menu: Improved spacing of Menu.Label by providing a margin when the label isn't the first child in the menu container.

New Features:

Components:

• Progress: Now can change its color using the color prop.
• Table:
  • Now can change the lines between the columns and rows using the lines prop.
  • Now can toggle the table border using the bordered prop.
  • Now can make the table appear as 'striped' using the striped prop.
  • Now can automatically change the padding and font-size of the table using the size prop, making the table appear smaller or bigger.
• Tabs: Now each Tabs.Tab can be disabled using the disabled prop.
• Spinner: Now the color of the spinner can be changed using the color prop.
• TextareaField: Now can be resized using the resize prop.
• All:
  • The fs prop now supports both Prismane's predefined values and any other valid value for the font-size CSS property.
  • The fw prop now supports both Prismane's predefined values and any other valid value for the font-weight CSS property.

Hooks:

• useClickOutside: Now accepts a third parameter - an array of DOM event names that will trigger the callback. By default, the hook listens for mousedown and touchstart events.

Bug Fixes:

• Table: Fixed a border appearing above the Table.Head component.
• TextField: Fixed an issue where the prefix wasn't shown properly, due to prop inheritance.

v1.5.1

Release Notes:

This new version fixes multiple issues across field components, styling issues, type issues, and some functionality issues.

Bug Fixes:

Components:

• NativeSelectField: Fixed the functionality of the disabled and readOnly props.
• NumberField: Fixed the functionality of the disabled and readOnly props.
• PinField: Fixed the functionality of the disabled and readOnly props.
• SelectField:
  • Fixed the functionality of the disabled and readOnly props.
  • Fixed an issue where the dropdown container made the field higher than others.
• SegmentedField: Fixed the functionality of the disabled and readOnly props.
• NativeDateField: Fixed the functionality of the disabled and readOnly props.
• PasswordField:
  • Fixed the functionality of the disabled and readOnly props.
  • Fixed an issue where the hidden input obstructed the layout of the fields.
  • Fixed an issue where only a given set of properties were passed to each field.
• TextField: Fixed the functionality of the disabled and readOnly props.
• TextareaField: Fixed the functionality of the disabled and readOnly props.
• Button:
  • Fixed inconsistent background color on secondary variant in dark mode.
  • Fixed the border color when having a variant of tertiary and the button is hovered.
• Transition: Fixes an issue where the property prop did not change the transition-property style.
• Menu: Fixed an issue where the menu was not scrollable if it exceeded a given height.

Typescript:

• Accordion.Icon: Fixed the prop type for the active parameter of the children prop if provided as a function.

• Container: Fixed the prop type for the maxSize prop to allow any valid numeric or string value too.

• Gradient: Fixed the prop types for the from, to, and deg props making them not required.

• Grid: Fixed the prop types for the templateColumns and templateRows props.

• AutocompleteField: Fixed the prop type for the function passed to the filter prop.

• Fixed the type of the sx prop.

v1.5.0

Release Notes:

This new version introduces new props and features to components and provides numerous improvements and bug fixes throughout the codebase.

Improvements:

Components:

• Badge: Improved badge positions.
• Button: Loading state spinner is now shown as an icon, without removing the button's text, and now has a smaller stroke width.
• Form: Removed type declarations for onSubmit and onReset props as they conflicted with default ones.
• Alert: Custom actions passed to the action prop now close the alert.

Hooks:

• useForm: Improved error handling that provides concise error messages.

New Features:

Components:

• Text: Now has predefined colors and respects the current theme mode.
• Radio.Group: Now can show a label and error for the whole group using the newly added label and error props.
• Checkbox: Now can replace the default icon using the newly added icon prop.
• Grid: Now can handle grid-template-areas using the newly added templateAreas prop.
• Grid.Item: Now can handle grid-area using the newly added area prop.
• All: Now the theme object is passed to all properties of the sx prop, not only top-level ones, including media queries, pseudo-classes, and more.

TypeScript:

• Added CSS type declarations to all Styling Props of Prismane.

Bug Fixes:

• TextareaField: Fixed layer classNames not following the naming convention.
• Grid.Item: Fixed an issue with the columnSpan and rowSpan props.

v1.4.3

Release Notes:

This new version fixes multiple very important styling issues and fixes type declaration conflicts.

Bug Fixes:

Components:

• Dialog: Fixed dialog closing when clicked inside.
• Container: Fixed maxSize prop type to support sizes up to 6xl.
• Button: Fixed border-radius not scaling consistently on larger sizes.
• Button: Fixed inconsistent background color on secondary variant in light and dark theme mode.
• Checkbox: Fixed indeterminate state not being shown if the checkbox is not checked.

Typescript

• Fixed TypeScript type declaration conflicts with JSDoc comments by removing all JSDoc comments.

v1.4.2

Release Notes:

This new version fixes issues with the Toast component and the autocomplete color on all fields.

Bug Fixes:

• Toast: Fixed toasts not being removed from DOM after hiding.
• All Fields: Fixed color after autocompleting on Chrome-based browsers.

v1.4.1

Release Notes:

This new version fixes an important issue with the checkable fields' labels. Before this version, label font-sizes were not proportional to checkbox sizes in larger sizes.

Bug Fixes:

• Checkbox: Fixed label font-size on larger sizes.
• Switch: Fixed label font-size on larger sizes.
• Radio: Fixed label font-size on larger sizes.

v1.4.0

Release Notes:

This new version provides 3 new components and a new hook. The components help in achieving semantic HTML and the hook automatically switches between values for dark and light mode.

New Features:

Hooks

• useThemeModeValue: This hook simplifies the logic for using two style properties for dark and light modes.

Components

• Main: This component renders a main element, helping to achieve semantic HTML.
• Header: This component renders a header element, helping to achieve semantic HTML.
• Footer: This component renders a footer element, helping to achieve semantic HTML.

v1.3.1

Release Notes:

This new version fixes an important issue in the useFocusTrap hook, which didn't search in-depth for the focusable element when a data-initialfocus attribute is used. This means that if for example a complex input component is used and the data-initialfocus attribute is passed to the wrapper, the hook would try to focus the wrapper. Also, the issue where the isOpen boolean didn't toggle the hook is fixed with this version. This version also fixes a small bug in the TextField component, which passed the rest of the props to the label, instead of the wrapper.

Bug Fixes:

• useFocusTrap: Fixed in-depth search for focusable elements and hook toggling.
• TextField: Fixed spread of props onto wrapper instead of label.

v1.3.0

Release Notes:

This new version provides 5 new hooks and improvements. These hooks significantly help in providing a better user experience and simplify handling big sets of data.

Improvements:

• Dropdown is hidden on selectable fields when no options are available

New Features:

• useFocusTrap: This hook traps the user's focus by focusing the first focusable element in a given container or a specific element instead.
• useNetworkStatus: This hook provides an easy way of handling changes in the internet connection.
• useScroll: This hook provides a set of tools that simplify handling scrolling.
• useSorting: This hook simplifies sorting big chunks of data by key and direction.
• useSearch: This hook provides an easy way to search through different types of data.

v1.2.1

Improvements:

• Changed Tabs.Tab component background on hover to a lighter color when the theme is in light mode
• Date validators - before and after have improved target date format that results in a shorter and more readable message

Fixed:

• Fixed Radio component not being able to be toggled after a few clicks