All notable changes to this project will be documented in this file.
- (FloatingUi) Prevented warning when no FloatingElementTeleportKey injection is provided
- (Select) Added no-focus-first-item-on-open prop
- (ProgressStepper) Implemented components
- (Dropdown, Select) Focus first menu item when opened by click
- (MenuToggleCheckbox) Added indeterminate state by setting checked=null
- (Dropdown) Added support for setting height for dropdown
- (List) Fixed list item types of pf-lists without icons
- (Input) Fixed validity functions when called directly from the dom elements
- (Form) Exposed elements array that tracks all the child components that wrap form inputs
- (Inputs) Added ability to programmatically reset internal validation state with setCustomValidity('')
- (FloatingUi) Allowed to provide a default teleport destination for all child floating components via FloatingElementTeleportKey
- (TextInput, Textarea) Fixed update of input values when the modelValue prop changes
- (Page) Fixed auto-hide of nav sidebar on mobile when clicking anywhere on the page
- (InputGroup) Don't add aria-describedby automatically
- (Notification Drawer) Added screen reader text for notification drawer item read state
- (MenuItem) Add download to MenuItem
- (Icons) Rename custom icons
- (TextInput) Added prop to disable the validation status icon
- (Form) Added maxWidth prop
- (Nav) Added title slot to pf-nav-expandable
- (Nav) Updated to add wrapper for nav link text
- (Accordion) Added toggle alignment functionality
- (Radio, Checkbox) Add support for labelWrapped and component
- (misc) CSS harcoded variables and classes replaced with react-tokens and react-styles
- (Pagination) Fixed definition of the new total slot
- (Alert) Fixed automatic dismissal with timeout not requiring mouseover or element focus to trigger
- (Progress) Use scaledValue for fallback percentage label
- (Drawer) Applied display none after close animation to avoid rare layout issues
- (Drawer) Fixed TouchEvent undefined error
- (FormSelect) Inherit v-model behavior from native select
- (Pagination) Added "total" slot for displaying custom pagination total items informations
- (Tabs) Fixed activation of tabs with keys that are defined but falsy
- (NotificationDrawer) Fixed @close event handler
- Allowed null modelValues for all form inputs
- (Textarea) Added maxHeight and maxWidth props
- (Masthead) Applied ouia attributes to the correct node
- (Tooltip) Implemented position=auto, append-to, min-width, exit-delay, entry-delay, animation-duration props
- (Table) Removed unused prop hoverable from
pf-tr - (core) Removed unassignable attributes from component definitions
- Corrected capitalization of PatternFly
- (docs) Fixed usage of non-existing value prop in pf-text-input story
- (JumpLinks) Fixed refresh of link's text
- (Progress) Changed default measure-location and tooltip-position to 'top'
- (Select) Fixed default menu placement and added
placementprop
- (Table) Added caption when table has selectable rows
- Added ouia attributes for all components and changed the data-ouia-component-type prefix from V-PF4/ to PF/
- (Select, Pagination, Popover) Added append-to prop to render the floating element in a custom document position
- (Tooltip) Implemented focus, click and manual triggers
- (Drawer) Applied correct default panel size
- (Drawer) Removed auto-wrapping of content with pf-drawer-header that interfered with layout of pf-notification-drawer
- (docs) Fixed incorrect usage of props
- (types) Workaround for wrongly defined onInput event (See vuejs/core#9675)
- (ToggleGroupItem) Fixed usage of default slot
- (docs) Removed test link from TOC
- (Table) Fiex GlobalComponents definition for PfTable
- (Table) Fixed pf5 css classes for sticky cells
- (Table) Fixed package export of style.css
- (Textarea) Fixed resize-orientation=both and readonly-variant=plain
- (Textarea) Properly resize on change and mounted with auto-resize
- (Drawer) Removed duplicated slot in resizable drawers
- (FormSelect, JumpLinks, Page) Added missing component imports
- (Table) Restored native th attribute inheriting of pf-th
- (helpers) Fixed usage of include/exclude filters passed as Array of components
- (Select) Simplified pf-select component by making it bind all extra arguments to its pf-menu and removed extra div container which resulted in the wrong menu width
- (Menu) Fixed typeahead variant styles
- (LoginPage) Corrected pf-login-header slot name
- Added instructions for pf-table plugin
- Add links to github with the source code of the story pages
- Added height prop of story-canvas
- More complete pf-select examples
- Added links to every component's source code in the API Docs tabs
- Allowed story blocks to be sourced as separate components
- Full pf-select with typeahead example
- (Drawer) Implemented the no-background color variant
- (NotificationDrawer) Implemented keyboard handler on toggle button
- (docs) Actual notification drawer example in page story
- (Table) Implemented Table component
- (docs) Implemented props/events/slots documentation tables with vue-docgen-api
- (JumpLink) Implemented
pf-jump-linkscomponents - (Tabs) Implemented click event and icon slot on
pf-taband allowed to set href and target on the tab link - (docs) Added List story
- (docs) Added Tooltip story
- (Table) Implemented row selection
- (icons) Updated @fortawesome/free-* icons
- (FormSelect) Added native select change event
- (FormSelect, TextInputGroup) Exposed native inputs
- (FloatingUi) Allow use of virtual elements as references for floating-ui
- (Select) Added props for select toggle element
- (Menu) Implemented automatic of PfTextInputGroup, PfSearchInput in PfMenuInput container when inside PfMenu
- (Select) Auto close menu on outside click and escape and tab key presses
- Removed single component reexport files
- (Progress) Renamed label slot to default
- (core) Renamed all
...-2xlprops to...-xl2due to limitations in vue to recognize...-2xlas a prop - (SimpleList) Removed requirement for the
valueandcomponentprops ofpf-simple-list-items - (ToggleGroup) Removed HTMLAttributes declaration due to upstream issue in vue-tsc
- Added actual background image to the pf-background-image story
- Fixed some wrong props usage in documentation of components
- (LoginPage) Added
pf-login-main-footer-band-itemandpf-login-main-footer-links-itemcomponents - (Alert) Use custom CSS for default
- (core) Uniformed append-to props accross components
- (Masthead) Allow masthead to be user as a router-link (added
toandreplaceprops)
- Moved @vueuse/integrations and focus-trap to external dependencies in rollup
- (Icons) Removed inline styles from icons to make it work with strict CSP
- (Alert, Modal) Updated screen-reader class
- (MenuToggle) Wrong padding in menu toggle icon
- (Modal) Fixed position of close button
- (Spinner) Fixed diameter prop
- (SimpleList) Fixed styling
- (Dropdown) Fixed applying the position prop to the floating ui of dropdown
- (types) Fixed definition of the
appendToprop ofpf-dropdown
- Added spinner examples
- Fixed links to patternfly design guidelines
- (Icons) Updated fortowesome icons
- (Modal) Added element-to-focus prop
- (Modal) Added width and max-width props
- (Icon) Added pf-icon component
- (ToggleGroup) Implemented Toggle group components
- (Masthead) Implemented masthead components
- (NotificationDrawer) Implemented notification drawer components
- (Page) Added
pf-page-sidebar-bodyandpf-page-toogle-button - (docs) Added global switch for dark theme
- (Toolbar) Added static, full-height and sticky modifiers
- (FloatingUi) Added
width,min-widthandmax-widthprops.min-widthdefaults to same width of the "trigger" element.
- Removed unused Dropdown injections
- Small ts fix in pf-select
- (Accordion) Declare correct "update:expanded" event instead of "expanded" in
pf-accordion-item - (Pagination) Replaced
topprop withvariantto allow the pagination to be neither top, nor bottom - (MenuToggle) Fixed opening of the menu when clicking on menutoggles with split-button
- (Menu, Dropdown, OverflowMenu, Pagination) Replaced pf-dropdown implementation with pf-menu composable
- (TextInput) Added support for week input type
- (core) Updated all components to PatternFly v5
- (Label) Added gold color
- (Label) Added overflow variant
- (Label) Added compact variant
- (EmptyState) Added color prop to
pf-empty-state-iconand made it optional for theiconslot ofpf-empty-state-header
- (Page) Added missing class on page drawer container
- (BackgroundImage) Src prop is optional
- (MenuToggle) Apply correct container class to text
- (MenuToggle) Implemented pf-menu-toggle
- (Menu) Allowed omission of some components
- (Menu) Implemented favorites
- (TeleportCopy) Implemented utility component teleport-copy
- Renamed overridable-wrapper to auto-wrap
- Pinned typescript versione to 5.0 due to incompatibility of vue-tsc with 5.1
- Fixed small event issues across all components
- Fixed componente with wrong name
- (Checkbox) Fixed declaration of InputHTMLAttributes as fallthrough attributes
- (Spinner) Fixed declaration of SVGAttributes as fallthrough attributes
- (PageHeader) Restored default component for the page header brand link
- Global components declaration
- Declared global components in main.d.ts
- (Hint, OverridableWrapper) Converted to vue-setup-sfc
- (PassThrough) Converted to vue-setup-sfc
- (PassThrough, TooltipArrow, TooltipContent, Pagination) Converted to vue-setup-sfc
- (HelperText, OverflowMenu, ExpandableSection, EmptyState) Converted to vue-setup-sfc
- Made props optional in empty slot declarations
- (Form) Declaration of FormHTMLAttributes as fallthrough attributes of pf-form
- (FloatingUI) Allow using any DOM Element as reference and not just HTMLElement. This, for example, allows using tooltips on SVGs.
- (docs) Fixed submit button in form story
- (Form) Allowed pf-form-field-group and pf-form-group to use fieldset as the container tag
- (Switch) Added off-value prop to assign a value to use when the switch is in the off state
- (Tabs) Converted to vue-setup-sfc
- (Icons) Changed package to have simpler imports of single icons
- (InputGroupText) Made plain prop optional
- (docs) Small typescript fixes
- (docs) Small typescript fixes
- (Tooltip) Correctly identify reference element even when it's not a component
- Declared fallthrough attributes
- (SimpleList) Added required prop
- (FormSelect, Text) Converted to vue-setup-sfc
- (Chip, ChipGroup, Form, SearchInput, Toolbar) Converted to vue-setup-sfc
- (Button) Fixed wrong application of the loading modifier
- (Button) Fixed wrong application of the loading modifier
- (Avatar) Made border prop optional on pf-avatar
- (types) Implemented type declarations for fallthrough attributes in all vue-sfc-setup components
- (Textarea) Converted to vue-setup-sfc
- (FocusTrap) Converted to vue-setup-sfc
- (FloatingUi) Converted to vue-setup-sfc
- (Popover) Converted to vue-setup-sfc
- (TextInput) Added OUIA props
- (TextInputGroupUtilities) Declared fallthrough attributes
- (InputGroup, Progress, Skeleton, Switch) Converted to vue-setup-sfc
- (Dropbox) Converted to vue-setup-sfc
- (Layouts) Converted all layout components to vue-setup-sfc
- (Card, Modal) Converted to vue-setup-sfc
- Added export of types to package.json
- Documented inclusion of patternfly-addons.css
- (NotificationBadge) Implemented expanded state
- Implemented Wrap utility component
- Implemented Sort and SortBy utility components
- (Radio) Rewrote
pf-radiocomponent with script setup and html template
- (PageSection) Implemented
component,max-width,center-aligned,shadow-top,shadow-bottom,overflow-scrollprops andsticky*breakpoint props - (Page) Added
pf-page-breadcrumbcomponent and remove thebreadcrumbslot frompf-page - (Page) Added
pf-page-groupcomponent - (Page) Added
pf-page-navigationcomponent - (Page) Integrated drawer panel into
pf-page
- (types) Typo in type exports for EmptyState components
- (types) Export global types for layout components
- (docs) Import global core types in docs app
- (types) Workaround for export of missing private name RawSymbol from vue
- (types) Force cast of self referential type
- Updated icons for fontawesome 6
- (docs) Icon name type
- (ChipGroup) Do not render group container if it does not contains any chips
- (SearchInput) Working advanced menu form
- (TextInput) Fixed validation of auto-validate prop
- Removed underperforming GenerateId component
- Replaced every ref instance with var:Ref improving type exports
- Fixed type imports in docs
- (Tooltip, Popover, FloatinUI) Fixed recursive reactive dependency that caused loop in render functions
- Block use of typescript 4.9 until supported by vue-tsc
- (Popover) Events correctly attached to the reference element
- (Checkbox) Assigned div as default container component of checkbox
- (BackgroundImage) Applied default filter
- (DataList) Fixed expandable state
- (Accordion, Alert) Fixed managed expanded state
- (Tooltip) Avoid hidden tooltips masking other elements
- (FloatingUi, Tooltip) Fixed positioning and offset of tooltips
- Locked vue to the same version used by core
- Managed expandable section example
- Setup proper window title for every page
- (Page) Fixed navigation sidebar
- Added code snippets to the layouts examples
- (DataList) Implemented pf-data-list components (no draggable) (#5)
- (Alert) Allow all heading levels for title
- (AlertGroup) Alert group overflow
- (Brand) Allow picture with child elements and breakpoints
- (Card) Add disabled and selectableRaised card with optional input
- (Checkbox) Allow specifying the container component of checkboxes
- (Panel) Implemented Panel components
- (TextInputGroup) Implemented text input group components
- (TextInputGroup) Added focus() method
- (SearchInput) Implemented search input component
- (SearchInput) Expandable search input
- (Drawer) Implemented drawer
- (Drawer) Improved by allowing to specify fewer tags to compose a complete drawer
- (Menu) Implemented pf-menu components (no drilldown)
- (BackgroundImage) Implemented
- (List) Implemented
- (LoginPage) Implemented
- (Spinner) Updated to svg component
- (Form) Implemented pf-form-helper-text
- (Alert) Remove close prop, replaced titleHeadingLevel with component prop, added ouia props
- (Title) Added ouia props
- (Button) Implemented badge slot and ouia props
- Completed popover and tooltip implementations
- Inverted no-flip prop of popover
- Reorganized project layout of packages
- Updated useManagedProp utility function
- Replaced usage of useFloatingUI with new helper component FloatingUi
- (FloatingUi) Renamed sameSize prop to sameWidth
- Renamed Void helper to PassThrough
- Enabled strictNullChecks in typescript
- Modified children tracker utility to enforce explicit tracking symbol
- (Tabs) Simplified tabs implementation
- Replaced custom implementation of useFocused with useFocus from vueuse
- Updated vue and configurede vue-tsc to validate templates strictly
- Converted accordion components to vue-sfc-setup
- Uniformed emits definitions
- Rewrote a bunch of components as sfc setup
- (ExpandableSection) Fixed managed prop "expanded"
- (Pagination) Re-emitted update:page event
- (docs) Use
tag instead of so that formatters won't modify the content
- (docs) Internal links and typescript validation of vue templates
- (docs) Small fixes
- Managed props always emit update event
- (FormSelect, TextInput) Allow null values
- Autogenerate the entire navigation menu
- Restored the introduction page and implemented code highlight in markdown
- Uniformed use of icon components
- (docs) Added github workflow to publish new docs on gh-pages
- Rewrote the entire codebase in typescript
- (docs) Set relative path for assets and downgraded storybook to stable
- (Avatar) Fixed export of the component
- (docs) Updated imports of components and updated storybook
- (docs) Restored introduction as first page
- Removed unresolved export of TextVariants
- (Form) Clarified helperText usage
- ActionGroup component
- HelperText component
- NotificationBadge component
- (docs) Renamed links
- (docs) Prevent error accessing docgeninfo on null
- (Void) Prevent warnings for inherited attributes being passed on to children
- (BreadcrumbItem) Let router-link set the href of the link
- Layout examples using skeleton as items' component
- Skeleton component
- Allowed all unconstrained
componentprops to accept Objects - (Button) Allow use of buttons as router-links
- Patternfly style objects are no longer made reactive
- (Select) Made some progress
- (Select) Made some progress
- Initial typescript conversion of use.js and util.js
- (Button) Simplified disabled attribute handling
- (Form) Removed implicit novalidate attribute
- (Form, Page) Documented differences from upstream
- (Form) Allow setting alternative component
- (Tabs) Add Support for disabled state
- Added Hint component
- Added Progress
- (Select) Rename pf-void -> void as in other components
- (core) Correctly resolve children vnodes with nested fragments
- (Flex, Gallery, Grid) Allow setting alternative component
- (Page) Added breadcrumbStickyTop modifier
- (Alert) Fixed reactivity of truncateTitle
- All component props are resolved dynamically allowing the use of custom components and not just html tags
- (Checkbox) Modified checked prop and @change event to modalValue and update:modelValue to allow use with v-model
- (Checkbox) Fixed attribute binding
- Added PageSection to subcomponents
- (Checkbox) Removed id prop requirement. A unique id will be automatically assigned if not specified
- Fixed example app
- (docs) Instruct importing createApp from vue
- Documented stylesheet inclusion
- Fixed css import path
- (Alert) Add plain variant, add expandable inline
- (Nav) Added flyout
- Tabs
- (Alert) Show tooltip on overflowing title
- (docs) Call default value function for complex props
- (useChildrenTracker) Fail silently if the component is not used in a container with childrentracker
- (Textarea) Added 's' modifier to pattern matching to make it easier to validate multiline values
- (SimpleList) Inject the hidden input outside of the ul to respect the html spec which only allows li items
- (docs) Fixed internal links
- (docs) Removed empty line escape from the code examples
- FormSelect
- TextArea
- (FormGroup) Autodetect validation state of inner textareas
- SimpleList
- (Dropdown) Implemented managed open prop so that it's not required anymore to bind a variable to open the dropdown
- Card
- (useManagedProp) No longer require passing props and emit
- (docs) Converted storied to mdx format
- (TextInput) Moved validation logic in InputValidationMixin
- (Popover) Corrected import path
- Wrong name used for beforeUnmount hook in Dropdown, Nav, Popper and Popover
- Better auto-placement of popovers and tooltips
- (Nav) Added missing class to grouped nav items wrapper
- (ChildrenTracker) Do not fail when the tracked is not provided by a parent component
- (Dropdown, Select) Fix scrollbar click closing menu
- (Dropdown) Fix focus on toggle after click off menu
- (tooltip) Change default entry and exit delay
- (Popover) Call setVisible before animation
- (Chip, ChipGroup, Label) Fixed detection of overflowing text
- Form
- (Form) Label-info example
- Small fixes to example app
- Form and FormGroup
- (Form) Inherit validation state from children text-inputs
- FormAlert, FormFieldGroup and FormFieldGroupHeader
- FormSection
- (Form) Add stack variant to FormGroup
- (Toolbar) Add widths on breakpoints
- (Dropdown) Add alignment breakpoints
- (Button) Add danger modifier to link/secondary buttons
- (Text) Added support for visited link styling
- (AlertGroup) Make dynamic alerts more accessible
- (Page) Add tabs and wizard PageSection variants
- (avatar) Add border prop
- (Switch) Add isReversed prop/layout
- (Accordion) Added support for bordered modifiers, display large and mutilple body content
- (Form) Add form group label info
- (Navigation, PageSection) Add horizontal subnav variant
- (Popover) Support diagonal positions
- (Childrentracker) Improved api usability by not requiring extra steps to initialize the collection and manually bind to the mounted/unmounted hooks
- (docs) Assume false as default value for boolean props
- Assigned explicit name property to every component
- (docs) Fixed opening of modals
- (Popper) Fixed popper placement direction and auto-flip behavior
- Modal story
- Toolbar story
- Simplified example code
- EmptyState
- ExpandableSection
- Radio
- Checkbox
- Text
- Breadcrumb
- Popover
- EmptyState
- ExpandableSection
- Radio
- Checkbox
- (Modal) Allow to override the container tag for the modal
- Breadcrumb
- Popover
- (button) Fixed default tabindex
- (close-button) Better aria-label
- Added Backdrop component
- Implemented FocusTrap component
- Implemented Modal component
- Migrated custom useWindowWidth to useWindowsSize from @vueuse/core
- Moved text overflowing logic in dedicated useElementOverflowing
- Toolbar code format
- Removed usage of Vue.use