Skip to content

@ultraviolet/ui@1.88.0

Latest
Compare
Choose a tag to compare
@scaleway-bot scaleway-bot released this 27 Feb 09:11
· 16 commits to main since this release
2c80393

Minor Changes

  • #4793 c231fb2 Thanks @matthprost! - More component have icon prop deprecated. You can directly use the imported icon you need in the children.

    Here is the list of components with icon prop deprecated and how to migrate them:

    Bullet

    icon and iconVariant props are deprecated. You can directly use the imported icon you need in the children.

    // Before
    import { Bullet } from '@ultraviolet/ui'
    
    <Bullet icon="check" />
    <Bullet icon="check" iconVariant="outlined" />
    // After
    import { Bullet } from '@ultraviolet/ui'
    import { CheckIcon, CheckCircleOutlineIcon } from '@ultraviolet/icons'
    
    <Bullet>
      <CheckIcon />
    </Bullet>
    
    <Bullet>
      <CheckCircleOutlineIcon />
    </Bullet>

    AvatarV2

    icon prop is deprecated. You can directly use the imported icon you need in the children.

    // Before
    import { AvatarV2 } from "@ultraviolet/ui";
    
    <AvatarV2 variant="icon" shape="circle" sentiment="primary" icon="mosaic" />;
    // After
    import { AvatarV2 } from "@ultraviolet/ui";
    import { MosaicIcon } from "@ultraviolet/icons";
    
    <AvatarV2 variant="icon" shape="circle" sentiment="primary">
      <MosaicIcon size="xlarge" />
    </AvatarV2>;

    Separator

    icon prop is deprecated. You can directly use the imported icon you need in the children.

    // Before
    import { Separator } from "@ultraviolet/ui";
    
    <Separator direction="vertical" icon="ray-top-arrow" />;
    // After
    import { Separator } from "@ultraviolet/ui";
    import { RayTopArrowIcon } from "@ultraviolet/icons";
    
    <Separator direction="vertical">
      <RayTopArrowIcon size="medium" />
    </Separator>;

    Tag

    icon prop is deprecated. You can directly use the imported icon you need in the children.

    // Before
    import { Tag } from "@ultraviolet/ui";
    
    <Tag icon="check">Valid</Tag>;
    // After
    import { Tag } from "@ultraviolet/ui";
    import { CheckIcon } from "@ultraviolet/icons";
    
    <Tag>
      <CheckIcon size="small" />
      Valid
    </Tag>;

    You can find this migration documented in the Ultraviolet UI Storybook.

Patch Changes

  • #4809 4a0a1fb Thanks @lisalupi! - <UnitInput />: fix component width, font-size and background-color

  • #4792 e650ee6 Thanks @renovate! - Updated dependency @types/react to 19.0.10.
    Updated dependency @types/react-dom to 19.0.4.
    Updated dependency eslint-plugin-react-hooks to 5.1.0.

  • #4775 f1902a6 Thanks @renovate! - Updated dependency @babel/core to 7.26.9.
    Updated dependency @babel/runtime to 7.26.9.
    Updated dependency @babel/eslint-parser to 7.26.8.
    Updated dependency @babel/plugin-transform-runtime to 7.26.9.
    Updated dependency @babel/preset-env to 7.26.9.

  • #4797 8273a0f Thanks @matthprost! - Fix <RadioGroup />, <CheckboxGroup /> and <ToggleGroup /> not to show empty div when legend is empty

  • Updated dependencies [e650ee6, f1902a6]:

    • @ultraviolet/icons@3.11.3