@ultraviolet/[email protected]

Minor Changes

• #4798 63f9b91 Thanks @matthprost! - - <Popup />: fix when there is no animation to not add a setTimeout to close the popup. This will improve the behavior of <SelectInputV2 /> and make the testing less random.
  • <SelectableCard />: remove pointer events on the radio. We were already doing it with the checkbox version. Also improved tabulation to be more accessible.
  • <Label />: improve component to accept as prop that can take either label or legend. It also accept sentiment and disabled props now. The mouse pointer will be a pointer as well when htmlFor is passed.
  • <SelectInputV2 />: improve the focusable elements and fix a visual bug to double click to open the dropdown. Also when there is no space in the input the text will be ellipsis.
  • New component <SelectableCardOptionGroup />

Patch Changes

• #4842 0450562 Thanks @matthprost! - Fix <Banner /> image component

• #4828 e2b112c Thanks @matthprost! - Add disabled prop on <Dialog.CancelButton />

• #4636 5f72c9d Thanks @lisalupi! - <List /> and <Table />: more intuitive behavior for shift+click

• #4841 5e2164c Thanks @matthprost! - Fix <Slider /> to have better label and min width when having input mode

• Updated dependencies [b160d8f]:

  • @ultraviolet/[email protected]

@ultraviolet/[email protected]

Patch Changes

• Updated dependencies [0450562, b160d8f, e2b112c, 5f72c9d, 63f9b91, 5e2164c]:
  • @ultraviolet/[email protected]
  • @ultraviolet/[email protected]

@ultraviolet/[email protected]

Minor Changes

• #4826 9759355 Thanks @matthprost! - New illustration instanceScalingGroups:
  • instanceScalingGroupsContent
  • instanceScalingGroupsKeyvisual
  • instanceScalingGroupsOriginal
  • instanceScalingGroupsWire

@ultraviolet/[email protected]

Minor Changes

• #4823 b160d8f Thanks @matthprost! - - New icons <ListNumberIcon />, <ListBulletIcon />, <ItalicIcon />, <BoldIcon />, <UnderlineIcon />, <MongoDbProductIcon />, <VpnProductIcon /> and <WafProductIcon />.
  • <DocumentDbProductIcon /> is now deprecated and should be replaced by <MongoDbProductIcon />.
  • <AsteriskIcon /> is now deprecated and should be replaced by the letter * from fonts.
  • <CrossCircleIcon /> is now deprecated and should be replaced by <CloseCircleOutlineIcon />.
  • <CrossCircleOutlineIcon /> is now deprecated and should be replaced by <CloseCircleOutlineIcon />.
  • <DragVariantIcon /> is now deprecated and should be replaced by <DragIcon />.

@ultraviolet/[email protected]

Minor Changes

• #4798 63f9b91 Thanks @matthprost! - - New component <SelectableCardOptionGroupField />

Patch Changes

• Updated dependencies [0450562, e2b112c, 5f72c9d, 63f9b91, 5e2164c]:
  • @ultraviolet/[email protected]

@ultraviolet/[email protected]

Patch Changes

• #4810 0ff30c2 Thanks @matthprost! - Refactor system icons to use a better default size that is not deprecated

• #4613 21ca832 Thanks @renovate! - Updated dependency react-toastify to 11.0.1.

• #4817 037ec90 Thanks @renovate! - Updated dependency react-select to 5.10.0.

• #4839 d07fe3a Thanks @matthprost! - Fix <SelectInput /> wrong arrow size

• Updated dependencies [0ff30c2]:

  • @ultraviolet/[email protected]

@ultraviolet/[email protected]

Patch Changes

• #4810 0ff30c2 Thanks @matthprost! - Refactor system icons to use a better default size that is not deprecated

• #4751 d2ff54c Thanks @renovate! - Updated dependency @uiw/codemirror-extensions-langs to 4.23.8.
  Updated dependency @uiw/codemirror-theme-material to 4.23.8.
  Updated dependency @uiw/react-codemirror to 4.23.8.

• #4839 d07fe3a Thanks @matthprost! - Fix <SelectInput /> wrong arrow size

• Updated dependencies [0ff30c2, 21ca832, 037ec90, d07fe3a]:

  • @ultraviolet/[email protected]
  • @ultraviolet/[email protected]

@ultraviolet/[email protected]

Patch Changes

• #4810 0ff30c2 Thanks @matthprost! - Refactor system icons to use a better default size that is not deprecated

@ultraviolet/[email protected]

Patch Changes

• #4817 037ec90 Thanks @renovate! - Updated dependency react-select to 5.10.0.

• #4839 d07fe3a Thanks @matthprost! - Fix <SelectInput /> wrong arrow size

• Updated dependencies [0ff30c2, 21ca832, 037ec90, d07fe3a]:

  • @ultraviolet/[email protected]

@ultraviolet/[email protected]

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/[email protected]