@qui/react-vscode

Versions

{
  "@qui/base": "^2.39.0",
  "@qui/react-core": "^1.4.0",
  "@qui/react-vscode": "^0.7.0"
}

Highlights

• breaking (Tabs): Changed the onChange prop to onIndexChange to better reflect the action in the Tabs component.
• feat (Steps): Added new Steps component with related subcomponents and styles.
• fix (vs-dialog-css): Updated the grid template columns and adjusted the placement for the .vs-dialog--close-button class when .vs-dialog--status class is present.
• dev: Updated package dependencies for @qui/base and @qui/react-core to their latest versions.
• dev: Bumped version of @qui/react-vscode to 0.7.0.

Versions

{
  "@qui/base": "^2.38.0",
  "@qui/react-core": "^1.3.0",
  "@qui/react-vscode": "^0.6.1"
}

Highlights

• fix (IconButton): the className prop no longer overwrites the element's className.
• fix (IconButton): added 2px padding to match text button.

Versions

{
  "@qui/base": "^2.38.0",
  "@qui/react-core": "^1.3.0",
  "@qui/react-vscode": "^0.6.0"
}

Highlights

• feat (DialogContent): Add scrollWrapperProps prop to customize the scrollable element inside the dialog content.
• feat (DialogTrigger): New component DialogTrigger added to handle triggering of dialogs.
• feat (Tooltip): New components Tooltip, TooltipTrigger, and TooltipContent added to provide tooltip functionality.
• fix (DialogContent): Include className from scrollWrapperProps when rendering the RemoveScroll component.
• fix (Dialog): Correct positioning and styling of dialog close button and header when a close button is present.
• fix (Dropdown): Add border and z-index to improve dropdown styling.
• fix (Input): Add placeholder color styling to match VSCode theme.
• fix (Menu): Add border and z-index to improve menu styling.
• dev: Add Tooltip exports to the main entry point of the package.

Versions

{
  "@qui/base": "^2.38.0",
  "@qui/react-core": "^1.2.0",
  "@qui/react-vscode": "^0.5.1"
}

Highlights

• fix (Button): fixed outline variant foreground color.

Versions

{
  "@qui/base": "^2.38.0",
  "@qui/react-core": "^1.2.0",
  "@qui/react-vscode": "^0.5.0"
}

Highlights

• feat (DropdownInput): add variant prop to allow different styling options.
• feat: update vs-dropdown-input.css with new variant styles and minor style adjustments.
• feat (DropdownInputTypes): introduce DropdownInputVariant type for styling variants.
• fix (DropdownInput): adjust icon size from 14 to 12 to match Figma designs.
• fix (DropdownInput): remove border to match Figma designs.

Versions

{
  "@qui/base": "^2.38.0",
  "@qui/react-core": "^1.2.0",
  "@qui/react-vscode": "^0.4.1"
}

Highlights

• fix (CatalogCard): adjusted label, tag, and description font weights from 400 to 500 to match designs.

Versions

{
  "@qui/base": "^2.38.0",
  "@qui/react-core": "^1.2.0",
  "@qui/react-vscode": "^0.4.0"
}

Highlights

• feat (Button): add support for button sizes 'sm' and 'xs'.
• feat (Button): add outline variant to the ButtonVariant type.
• feat (Button): add size prop to Button component to specify the size.
• feat (Button utils): introduce getIconSizeFromButtonSize utility function to map button sizes to icon sizes.
• fix (Button): correctly set data-variant attribute for button elements. Removed variant class.
• fix (Button): fix hover and focus styles for secondary variant buttons.
• fix (Button): adjust right margin for start icon and left margin for end icon in buttons.
• fix (Button): update hover state background color logic for disabled buttons.
• fix (Button): apply size-specific styles for button font-size, line-height, and padding.
• fix (Button): introduce data-variant attribute for secondary and outline button styles.
• fix (Button): remove unnecessary border-color declarations and margins.

Versions

{
  "@qui/base": "^2.38.0",
  "@qui/react-core": "^1.2.0",
  "@qui/react-vscode": "^0.3.0"
}

Highlights

• breaking (Tabs): Remove the orientation property from TabsProps and usage. Vscode does not have vertically oriented tabs.
• feat (TabList): Add support for rendering children within TabList component.
• feat (Tab): Implement isSelected logic to display a bar when a tab is active.
• fix (Tab): Include defined utility from @qui/base to check if a tab is selected.
• fix (VsTabsCss): Update styling to include a bottom border and position adjustments for tabs.
• dev: Update CSS to match the new design requirements for the vs-tabs--tab-list and vs-tabs--tab.

Versions

{
  "@qui/base": "^2.38.0",
  "@qui/react-core": "^1.1.0",
  "@qui/react-vscode": "^0.2.0"
}

Highlights

• feat (CatalogCard): add style prop and count value for children count to component, affecting styling based on child count
• feat (Progress): new progress component implementation, including ProgressBar, ProgressTrack, ProgressValue, and ProgressLabel
• feat (ProgressCircle): new progress circle component implementation, including ProgressCircle, ProgressCircleContext, ProgressCircleLabel, ProgressCircleCircle, and related utility functions and types
• fix (CatalogCardDescription): default generic type parameter C to "div"
• fix (CatalogCardDetails): default generic type parameter C to "div"
• fix (CatalogCardLabel): default generic type parameter C to "div"
• fix (CatalogCard): remove explicit margin style in favor of CSS variable for child count
• dev: update exports in index.ts to include new progress components