Krafters UI 1.5.5

Changelog

Release notes for new features and bug fixes.

1.5.5

  • Feature: add avatar prop to UserMenu component
  • Feature: add headerIcon prop to Dialog component
  • Feature: add label slot to MarkdownEditor component
  • Fix: file size validation for FileInput component
  • Fix: improve styling for Input and Textarea component

1.5.4

  • Feature: add formatDate function to useDate composable
  • Feature: improve readonly styling for Input and Textarea components
  • Fix: selection color of text in MarkdownEditor

1.5.3

  • Feature: paste files from clipboard to FileInput component
  • Disable mermaid and katex in MarkdownEditor component
  • Update value of --size-lg design token to 1.5rem
  • Remove --color-select-bg design token
  • Add outline variant to Radio component
  • Add CSS utility class for .divider
  • Add showArrowIcon prop to Popover component
  • Improve thumbnail quality for YouTube videos
  • Update computed error message in Input component
  • Update submit button label for screen readers in Search component
  • Update CSS variables used in Card component

1.5.2

  • Fix: layout jump between pages with and without a scrollbar on Windows

1.5.1

  • Fix: fix error message in FileInput component for images that exceed the file size limit
  • Fix: add size="1" to Select component

1.5.0

  • Change: update to Nuxt 4
  • Breaking: remove heroicons-solid as fallback icon set in components:
    • Button
    • Chip
    • Callout
    • Input
    • Popover
    • Tooltip
    • MobileMenu
  • Feature: add diableEscape prop to Dialog component
  • Feature: add outline variant to Button component
  • Feature: add fontSize prop to Chip component
  • Feature: add variant and name props to Switch component
  • Feature: add size prop to Search, MultiSelect and DatePicker components
  • Change: update icons to material-symbols set
  • Change: increase default border-radius for Button, Chip and Input components
  • Change: rename default slot to label in Textarea component
  • Fix: prevent side effects when closing MultiSelect with Escape
  • Fix: prevent side effects when closing DatePicker with Escape
  • Fix: prevent side effects when closing Tooltip with Escape
  • Fix: prevent side effects when closing Popover with Escape
  • Fix: align indenting for unordered and numbered lists
  • Fix: arrow color of Tooltip component
  • Fix: arrow position for AccordionDetails component

1.4.8

  • Add color swatch plugin to MarkdownPreview and MarkdownEditor components
  • Add is prop to Ellipsis component
  • Update dark theme colors

1.4.7

  • Update color design tokens

1.4.6

  • Expose submit function from Form component
  • Add disabled prop to all form input components
  • Add ariaLabel prop to Button component
  • Add offset prop to Tooltip and Popover components
  • Add closeIcon prop to MobileMenu component
  • Add showPercentage prop to ProgressMeter component
  • Add hidePageSizes prop to Pagination component
  • Add --dialog-padding-block and --dialog-padding-inline design tokens for Dialog component
  • Fix overflowing hyperlinks in MarkdownPreview component
  • Update font size design tokens
  • Update icon for external links in MarkdownPreview component
  • Update icons for ThemeToggle and ThemeSelect components

1.4.5

  • Add variant prop to Form, Input, Textarea, Select, Checkbox(Group) and Radio(Group) components
  • Add iconSize prop to Chip component
  • Add new graphic color design tokens, for example --color-accent-graphic
  • Fix colors for --color-accent and --color-accent-text

1.4.4

  • Emit blur event from Textarea and MarkdownEditor components
  • Fix colors for --color-accent and --color-accent-text

1.4.3

  • Use hsl() for color design tokens
  • Remove scroll-behaviour: smooth from CSS reset
  • Update to Nuxt 3.17+ to fix useTemplateRef issue with Nuxt Layer
  • Add support for SVG icons in Tabs component

1.4.2

  • Add RangeInput component
  • Add UserMenu component
  • Add Radio component
  • Add MenuListTooltip component
  • Add menu-list-item slot to MenuList and Popover components
  • Add iconColor prop to Tooltip component
  • Add color prop to ProgressMeter component
  • Add block-start and block-end options to position prop for Dialog component
  • Add instruction and showOptionIcons props to MultiSelect component

1.4.1

  • Breaking: rename focusTrigger to focusElement in Popover component
  • Expose focusElement in Button component
  • Increase minimum click area to 24px for Tooltip component
  • Add ellipsisLines prop to MarkdownPreview component
  • Add buttonFontSize prop to MobileMenu component
  • Add fontSize prop to ThemeToggle component
  • Add solar icon set
  • Fix default icon sizes for Button component
  • Refactor: Pagination component
  • Refactor: class and style bindings
  • Refactor: replace withDefaults() with destructured props syntax

1.4.0

  • Breaking: rename props for MobileMenu component
  • Breaking: rename triggerVariant to buttonVariant prop in Popover component
  • Change implementation of aria-hidden to inert in FocusLoop component
  • Add is prop to FocusLoop component
  • Add modal prop to FocusLoop, Popover and Dialog components
  • Fix issue with animations for Dialog and MobileMenu components
  • Fix accessibility issue with using Escape key to close Dialog component
  • Add role prop to Dialog component
  • Add label and clickOutside props to MobileMenu component
  • Improve accessibility for ProgressMeter and ProgressCircle components
  • Add fontSize and role props to ProgressMeter and ProgressCircle components
  • Add borderRadius, padding and mobilePadding props to Card component
  • Reduce specificity of CSS reset rules
  • Improve docs with accessibility requirements

1.3.8

  • Improve accessibility for Tooltip and Popover components
  • Improve docs for ToggleTip, Popover, Dialog and MobileMenu components

1.3.7

  • Move tests to playground

1.3.6

  • Remove @nuxt/test-utils/module from nuxt config
  • Update to Nuxt 3.16.1

1.3.5

  • Update to Nuxt 3.16.0

1.3.4

  • Automation test

1.3.3

  • Add accessibility tests and Axe Popup component for development
  • set detectBrowserLanguage to false to fix default locale bug
  • change reset icon in Search component

1.3.2

  • Remove animation from Dialog component

1.3.1

  • Move locales folder to root i18n folder

1.3.0

  • Breaking: replace datetime() function with d() to replace $d() from vue-i18n
  • Add readonly prop to Input and Textarea components

1.2.7

  • Add VideoPlayer component
  • Add CopyButton component
  • Add ThemeToggle component
  • Add ariaLabel prop to Callout component
  • Add iconPos prop to Popover component
  • Add inline prop to MenuList component
  • Add design tokens for --font-weight-regular, --font-weight-medium and --font-weight-bold
  • Fix word break in Ellipsis component
  • Fix z-index issue with close button in MobileMenu component
  • Fix table overflow issue with visuallyhidden text

1.2.6

  • Add skeleton, skeletonRows and skeletonCols props to Table component
  • Add word-break: all to Ellipsis component

1.2.5

  • Fix wrapping for code examples in MarkdownPreview component

1.2.4

  • Add iconSize prop to Callout component
  • Fix: add video element to CSS reset

1.2.3

  • Improve accessibility for Tooltip and Popover components
  • Improve styling for Callout component

1.2.2

  • Change: remove cursor: pointer from buttons
  • Add ghost variant to Popover component and set to default

1.2.1

  • Fix: set overflow: visible if content is visible in Accordion component
  • Add tabindex prop to Input, Checkbox, CheckboxGroup, RadioGroup, Select and MultiSelect components

1.2.0

  • Feature: improve icon prop in components
  • Breaking: remove support for iconLib prop in components
  • Breaking: rename Meter to ProgressMeter component
  • Fix --font-size design token for Button component
  • Fix text overflow in link variant for Button component

1.1.8

  • Add maxprop to ProgressCircle component
  • Fix placeholder color for DatePicker component
  • Fix background color of Markdown components

1.1.7

  • Add borderWidthprop to Card component
  • Add hideLabelprop to Meter component
  • Remove background color from MarkdownPreview component
  • Fix styling in menu variant for Button component

1.1.6

  • Fix overflow issue for code blocks in MarkdownPreview component

1.1.5

  • Improve logic for icon and iconLib props in Button component
  • Add autofocus, autocomplete andd hideSubmitButton props to Search component
  • Fix whitespace issue in Popover menu

1.1.4

  • Add iconSize prop to Button component
  • Add fontSize, iconSize and labelIcon props to MenuList component
  • Add datetime() helper function

1.1.3

  • Add ProgressCircle component
  • Remove mdc-unwrap="p" attribute from Card, Accordion and AccordionDetails components

1.1.2

  • Add --animation-shake design token
  • Add loading prop to Table component
  • Add radius prop to Chip component

1.1.1

  • Add fontSize prop to Button component
  • Add fontSize prop to Callout component
  • Expose focusTabpanel() function in Tabs component
  • Remove --app-max-width design token to prevent flashing layout
  • Improve types

1.1.0

  • Breaking: rename Details to AccordionDetails component
    • Change summary slot to trigger slot
    • Change default slot to content slot
  • Add labelLink prop to MenuList component
  • Add mdc-unwrap="p" attribute to slot Accordion, AccordionDetails, Card, Callout, Chip and Ellipsis components
  • Add size design tokens
  • Add size options to circle variant in Skeleton component
  • Add iconLib prop to MobileMenu component
  • Add order argument to sort function
  • Fix flashing hidden content in Accordion component

1.0.21

  • Add Skeleton and Spacer components
  • Add iconLib prop to MobileMenu component

1.0.20

  • Add outline option to triggerVariant prop in Popover component
  • Fix secondary button color in Popover component
  • Fix text truncation in MultiSelect component

1.0.19

  • Add triggerVariant to Popover component

1.0.18

  • Fix whitespace for Checkbox component
  • Remove visually hidden comma from required label in form inputs

1.0.17

  • Fix tooltip icon size in Chip component
  • Fix formatting for i18n datetimeLong option
  • Increase gap in .table-cell helper class
  • Add transition to LogoCardan component

1.0.16

  • Fix border-radius in MenuList component
  • Fix z-index issue for caret in MultiSelect component
  • Translations update for password reset

1.0.15

  • Translations fix

1.0.14

  • Add autofocus prop to MarkdownEditor component
  • Improve styling for Callout component

1.0.13

  • Add hideExternalIcon prop to Button component
  • Add lg option to size prop in Table component
  • Fix hover styles for disabled buttons in Popover component
  • Add translations

1.0.12

  • Add more validation options for Input component
  • Fix icon support for Input component

1.0.11

  • Fix loading prop when Button component is rendered as NuxtLink
  • Add title prop to Tooltip component

1.0.10

  • Breaking: rename focusFn prop to invalidFocusFn in Form component
  • Add hideLabel prop to MarkdownEditor component
  • Expose focusElement() function in MultiSelect component
  • Improve styling for MenuList component

1.0.9

  • Add triggerClass prop to MobileMenu component
  • Improve required prop for MarkdownEditor component
  • Add .label helper class for easy swapping with native label element

1.0.8

  • Add label and hTag props to MenuList component
  • Add icon support for Tabs component

1.0.7

  • Increase size for links in MobileMenu component

1.0.6

  • Add hideLabel prop to Checkbox component
  • Fix: show label in FileInput component

1.0.5

  • Breaking: rename navList prop to list in MobileMenu component
  • Add placeholderUrl prop to FileInput component
  • Expose focusElement in Input component

1.0.4

  • Add iconSize prop to Tooltip component

1.0.3

  • Publish @krafters/ui package to NPM

1.0.2

  • Add position prop to Dialog component
  • Add animations to Dialog component
  • Add loading prop to Popover component

1.0.1

  • Fix aria-live for FileInput component

1.0.0

  • Add documentation for existing components
  • Add RadioGroup component
  • Add is prop to Card component
  • Add size prop to MultiSelect component
  • Add @mdit/plugin-mark to MarkdownEditor and MarkdownPreview components