Releases: cschroeter/park-ui
Releases · cschroeter/park-ui
@park-ui/[email protected]
Fixed
- Declared
@pandacss/dev
and@pandacss/types
as peer dependencies to avoid ØTypeScript errors.
@park-ui/[email protected]
Fixed
- Resolved an issue with ruby color values in semantic tokens
@park-ui/[email protected]
Changed
- Integrated latest version of Ark UI 1.2.0
- Due to an issue with Next.js and React Server Components, we've revised the export method for multi-part components.
// before
import { Avatar } from '~/components/ui/avatar'
// after
import * as Avatar from '~/components/ui/avatar'
function MyAvatar() {
return (
<Avatar.Root {...props}>
<Avatar.Fallback>PA</Avatar.Fallback>
<Avatar.Image src="https://i.pravatar.cc/300" alt="avatar" />
</Avatar.Root>
)
}
Fixed
- Resolved an issue where the exported component props were not typed correctly
// before
export type ButtonProps = typeof Button
// after
export type ButtonProps = HTMLStyledProps<typeof Button>
@park-ui/[email protected]
Added
- Added
Kbd
component. - Added
accent.text
to the list of semantic tokens. This token is used do display text in interactive elements like
buttons and links. - Added support to render components with different colors. Pass the
colorPalette
prop to the component to change its
visual style. See the example below for more details.
<Button className="color-palette_red">Danger</Button>
Changed
- Resolved an issue with
Table
markup where thethead
element was not rendered correctly.
Fixed
- Resolved an issue that caused the
Dialog
to show up in the wrong position when the page was scrolled.
Removed
- Removed
border.accent
from the list of semantic tokens. Useaccent.default
orcolorPalette.default
instead.
@park-ui/[email protected]
Added
- Added
Kbd
component. - Added
accent.text
to the list of semantic tokens. This token is used do display text in interactive elements like
buttons and links. - Added support to render components with different colors. Pass the
colorPalette
prop to the component to change its
visual style. See the example below for more details.
<Button colorPalette="red">Danger</Button>
Changed
- Resolved an issue with
Table
markup where thethead
element was not rendered correctly.
Fixed
- Resolved an issue that caused the
Dialog
to show up in the wrong position when the page was scrolled.
Removed
- Removed
border.accent
from the list of semantic tokens. Useaccent.default
orcolorPalette.default
instead.
@park-ui/[email protected]
Added
- Added
FileUpload
component.
Fixed
- Resolved an issue with the
Dialog
component where the scrollbar would cause a layout shift.
@park-ui/[email protected]
Added
- Added
focusVisible
styles to theCheckbox
component. - Added
disabled
styles to theAccordion
component.
@park-ui/[email protected]
With the introduction of Ark UI 1.0 support, this version implements significant changes, resulting in several breaking updates. Key component revisions include:
Accordion
, ColorPicker
, DatePicker
, Dialog
, RadioGroup
, SegmentGroup
, TagsInput
, Toast
, and ToggleGroup
.
Added
- Added
indeterminate
styles to theCheckbox
component.
Changed
- Revised
Slider
component.
Removed
RangeSlider
component has been removed in favor of theSlider
component.
@park-ui/[email protected]
Added
- Added
Link
component.
Changed
- Changed the background color of text that is selected by the user to match the
accent
color. - Revised
IconButton
component. - Revised
Code
component.
@park-ui/[email protected]
Added
- Support the semantic tokens from the panda-recipes also in Tailwind CSS files. Have a look at the documentation for semantic tokens for more information.