v3.11.0

Highlighted changes

• Storybook is now live on v8

What's Changed

• Px/em to rem by @ohp-inmeta in #187
• build(deps): bump send and express by @dependabot in #190
• build(deps-dev): bump markdown-to-jsx from 7.3.2 to 7.5.0 by @dependabot in #186
• Migrate from uuidv4() to useId() to avoid hydration errors in SSR envs by @aurorascharff in #189
• fix: Radio button click area is not covering the whole button circle by @aurorascharff in #195
• Update stepper storybook example and extend div props on MdStep by @aurorascharff in #197
• Update Link component to match design in Figma by @ohp-inmeta in #201
• Feature/storybook v8 by @ohp-inmeta in #202
• Update node in pipeline (node 20) by @ohp-inmeta in #205

Full Changelog: v3.9.0...v3.11.0

v3.9.0

What's Changed

• Add secondary theme to MdTile and MdTileVertical by @aurorascharff in #160
• Define min and max widths for MdTile by @aurorascharff in #163
• Revert: Define min and max widths for MdTile (#163) by @aurorascharff in #164
• Add multiple sizes to MdTile by @aurorascharff in #165
• Enforce theme types in all themed components by @aurorascharff in #166
• Add fullwidth option to MdTile by @aurorascharff in #167
• fix: aria-hidden was applied to the wrong div inside MdTooltip by @aurorascharff in #172
• Add recommended extentions to .code-workspace by @aurorascharff in #173
• revert: fix: (#157) by @aurorascharff in #174
• Fiks Dokumentasjon i henhold til det koden krever by @davidsl in #175
• MdFileUpload expansion by @davidsl in #176
• build(deps): bump express from 4.19.2 to 4.20.0 by @dependabot in #170
• build(deps): bump body-parser and express by @dependabot in #171
• build(deps): bump serve-static and express by @dependabot in #169
• build(deps): bump send and express by @dependabot in #168
• Fix dropdown font sizes and add "no results" for autocompletes by @aurorascharff in #177
• fix: When escaping inside an autocomplete, the displayvalue was shown while input was focused by @aurorascharff in #179
• fix: add flex-shrink to radiobutton to avoid incorrect width in small containers by @aurorascharff in #182
• Remove unused radiogroup styles by @aurorascharff in #184
• fix: Remove cursor-pointer from MdRadioButton where it is not clickable and add pointer to label by @aurorascharff in #185

Full Changelog: v3.1.0...v3.9.0

v3.1.0

What's Changed

• Update README.md breaking changes example by @aurorascharff in #152
• Update README with simiplified release instructions by @aurorascharff in #153
• Add aria-describedby to all form field error message displays by @aurorascharff in #154
• Hide icons in MdTile and MdTileVertical from screen readers by @aurorascharff in #155
• fix: Autocomplete prefix icons not showing when component disabled and missing visual focus for AccordionItem header by @aurorascharff in #156
• fix: Buggy behavior with displayvalue in Autocomplete-components by @aurorascharff in #157
• Bump webpack from 5.89.0 to 5.94.0 by @dependabot in #158
• build(deps-dev): bump ws from 6.2.2 to 6.2.3 by @dependabot in #136
• build(deps-dev): bump braces from 3.0.2 to 3.0.3 by @dependabot in #133
• Correctly extend MdLink and MdTile with button/anchor-attributes by @aurorascharff in #159
• fix: Correct z-index for MdAutocomplete and MdMultiAutocomplete by @aurorascharff in #161
• fix: Incorrect width for the button-version of MdTile by @aurorascharff in #162

Full Changelog: v3.0.0...v3.1.0

v3.0.0

What's Changed

Perform multiple refactoring changes to remove technical debt: Rename prop-types and logic of select-formelements to make them more similar, simplify implementation of radiogroup to follow the checkboxgroup logic, remove eslint allow any and fix types, remove id: string | number type.

Breaking changes

When upgrading, use the docstring in the library's proptypes for the affected components to simplify the process.

Interfaces

• MdAutocompleteOptionProps is now MdAutocompleteOption
• MdCheckboxGroupOptionProps is now MdCheckboxGroupOption
• MdMultiSelectOptionProps is now MdMultiSelectOption
• MdSelectOptionProps is now MdSelectOption

Prop renames

• Rename MdAutocomplete amountOfElementsShown to numberOfElementsShown
• Rename MdMultiAutocomplete amountOfElementsShown to numberOfElementsShown, and its selected to selectedOptions
• Rename MdMultiSelect onChange to onSelectOption, and its selected to selectedOptions
• Rename MdSelect onChange to onSelectOption
• Rename MdRadioGroup selectedOption to value
• Rename MdRadioGroupOption id to value

Type changes

• MdCheckbox now allows only string or undefined label
• MdCheckboxGroupOption now allows only string or undefined value and text
• MdMultiSelectOption now allows only string value and text
• MdMultiSelect now uses MdMultiSelectOption for its onSelectOption
• MdRadioGroupOption now allows only string or undefined value and text
• MdModal children must now be a React.ReactNode

Commits

• Add role="tooltip" to MdTooltip to avoid a11y errors with its aria-label by @aurorascharff in #146
• Delete MdDatagrid component by @aurorascharff in #145
• Add notes on "Releases" and "Breaking changes" to README.md by @aurorascharff in #148
• Update README.md with additional notes on releases by @aurorascharff in #149
• Update README.md on how to test changes locally in own project by @aurorascharff in #150
• Fix: wrong npm pack command in README.md under testing in local project by @aurorascharff in #151
• Clean up components' props and implementations to remove technical debt by @aurorascharff in #138

Full Changelog: v2.3.0...v3.0.0

v2.3.0

What's Changed

• Show print icon in MdFileList only for printable file types by @aurorascharff in #142
• Add additonal margin between MdButton content and left/right icons by @aurorascharff in #143
• Adjust icon-padding for MdButton small size by @aurorascharff in #144
• Add MdMultiAutocomplete component by @aurorascharff in #139

Full Changelog: v2.1.0...v2.3.0

v2.0.0

What's Changed

This version extends md-components' props with appropriate standard HTML attributes. Previously, you could not add i.e. aria-attributes to components. The change required renaming certain properties because the current property is an HTML element attribute. In addition, some id-type-cleanup has been done.

Breaking Changes

When upgrading, use the docstring in the library's proptypes for the affected components to simplify the process.

• MdAccordionItem now allows only string or undefined id.
• MdCheckboxGroup now allows only string or undefined id.
• MdRadioGroup now allows only string or undefined id.
• MdFilterChip now extends HTMLButtonElement: its id is now just string or undefined.
• MdInputChip now extends HTMLButtonElement: its id is now just string or undefined.
• MdAutocomplete now extends HTMLInputElement: its onChange has been renamed to onSelectOption, and its size has been renamed to mode. Its id is now just string or undefined.
• MdCheckbox now extends HTMLInputElement: its id is now just string or undefined.
• MdInput now extends HTMLInputElement: its sizehas been replaced with mode.
• MdMultiSelect's size has been renamed to mode. Its id is now just string or undefined.
• MdSelect's size has been renamed to mode. Its id is now just string or undefined.
• MdRadioButton now extends HTMLInputElement: its id is now just string or undefined.
• MdModal id prop has been removed.
• MdVerticalTile now extends HTMLAnchorElement and HTMLButtonElement: itssizehas been replaced with mode.
• MdTooltip now extends HTMLDivElement: its content has been renamed to tooltipContent.

Commits

• Add tooltipClass to MdTooltip by @aurorascharff in #135
• Extend Md components' props with appropriate standard HTML attributes by @kajsaeggum in #134

Full Changelog: https://github.com/miljodir/md-components/commits/v2.0.0

v1.6.2

What's Changed

• Bump parse-url from 6.0.0 to 6.0.5 by @dependabot in #1
• Bump terser from 4.8.0 to 4.8.1 by @dependabot in #2
• Checklist by @erlendmiljo in #3
• Checklist 2 by @erlendmiljo in #4
• Remove unneccessary MdChecklistCheckbox + defaultChecked prop by @erlendmiljo in #5
• Add optional icon to modal header by @ohp-inmeta in #6
• Adjust backgrounds and borders for readonly input and textarea by @ohp-inmeta in #7
• fix: type button by @Jaanesen in #8
• Oppdater versjon på react-pakke by @ohp-inmeta in #9
• MdFileUpload and MdFileList by @ohp-inmeta in #10
• add button types by @Jaanesen in #11
• Remove useMemo from id generattion by @ohp-inmeta in #12
• Button color for ipad fix by @Jaanesen in #13
• feat: boolean to disable outside click by @Jaanesen in #14
• Update README.md by @ohp-inmeta in #15
• Add introduction pages by @ohp-inmeta in #16
• Feature/malin 286 selectbox changes by @ohp-inmeta in #17
• MALIN-390 fix: z-index by @Jaanesen in #18
• Remove auto-animate by @ohp-inmeta in #21
• Feature/update auto animate by @ohp-inmeta in #22
• fix: add type button to accordion item by @aurorascharff in #25
• fix: export prop interfaces for React components by @aurorascharff in #26
• feat: add burger menu icon by @aurorascharff in #27
• fix: add type button to help button by @aurorascharff in #28
• Update CODEOWNERS by @crolsson in #31
• button resizing fix by @kajsaeggum in #29
• Dont override md-classes when adding className prop to button and link by @kajsaeggum in #30
• fix: update package version for redeployed working pkg by @Jaanesen in #32
• Create npm-md-react.yml by @Jaanesen in #33
• Control tab index initially by @Jaanesen in #34
• opportunity to override icons in info boxes by @Jaanesen in #35
• Preserve input element id by @kajsaeggum in #36
• add onKeyDown to MdInput by @aurorascharff in #37
• Ref prop on inputs by @kajsaeggum in #38
• Focus trap for MdModal component by @kajsaeggum in #40
• feat: add MdAutocomplete component by @aurorascharff in #39
• fix: strange typing error only happening in build pipeline by @aurorascharff in #43
• Converted input refs to proper forwarded refs by @kajsaeggum in #44
• Add Eslint and Prettier config and reformat entire repo by @aurorascharff in #45
• fix: bump version by @aurorascharff in #47
• Form elements a11y by @aurorascharff in #48
• fix: deploy to npm failed due to missing uuidv4() type by @aurorascharff in #49
• fix: storybook issue caused by eslint formatting by @aurorascharff in #50
• Add a11y to MdAccordion, increase MdInput suffix contrast by @aurorascharff in #51
• Add aria-hidden and aria-labels, make radiogroup and checkboxgroup fieldsets by @aurorascharff in #52
• Add a11y-features to dropdown-components by @aurorascharff in #53
• Add aria-labelledby to dropdowns by @aurorascharff in #55
• Upgrade to storybook 7, enable eslint and lint + type all stories by @aurorascharff in #54
• fix: issues with id props on various components by @aurorascharff in #56
• fix: default button type to all buttons by @aurorascharff in #58
• fix: console react errors due to conditionally run hooks by @aurorascharff in #59
• fix: components with onclicks should be buttons by @aurorascharff in #60
• fix: incomplete typing of props for MdLink by @aurorascharff in #61
• Feature/props on form elements by @kajsaeggum in #62
• Fix for MdRadioGroup absolute positioning by @kajsaeggum in #63
• upgrade packages, fix bug in button story, refactor accordion story by @aurorascharff in #64
• fix: missing styling on MdLink when rendered as a button by @aurorascharff in #65
• fix: missing styling on MdTile and MdTileVertical when rendered as buttons by @aurorascharff in #66
• fix: bugs in CSS styles for form elements and modal by @aurorascharff in #67
• Stepper component by @Jaanesen in #68
• Styling font fix by @Jaanesen in #70
• chore: format README files used in storybook docs by @aurorascharff in #69
• Styling fixes by @Jaanesen in #72
• Tabs fiks by @Jaanesen in #73
• Feature/display checkboxes in columns by @kajsaeggum in #74
• Chips tabs by @Jaanesen in #75
• Accessibility on MdModal by @kajsaeggum in #77
• Added missing storybook description for AccordionItem by @davidsl in #78
• cleanup and update readmes by @Jaanesen in #91
• Test av ny PAT og bruker by @Jaanesen in #92
• fix: removed secrets and changed to vars for transparency by @Jaanesen in #93
• Select, multiselect & autocomplete styling fixes by @Jaanesen in #94
• fix: bump to correct version by @Jaanesen in #95
• fix: styling issues from last PR by @Jaanesen in #96
• Feature/alert message by @kajsaeggum in #97
• fix: pipeline ref by @Jaanesen in #98
• test: readme changes for double bump trigger by @Jaanesen in #99
• fix: add same padding as other inputs by @Jaanesen in #100
• fix: add missing padding under dropdown helptexts by @aurorascharff in #101
• fix: autocomplete off, z-index dropdowns, input error margin by @aurorascharff in #102
• Fixed responsiveness of inputs and modal by @kajsaeggum in #103
• MdModal enable className customization by @kajsaeggum in #104
• fix: MdInput, MdTextAre shifting position on focus by @aurorascharff in #105
• Add onClick event handlers to MdInput and MdTextArea by @aurorascharff in #107
• Add support for string alternative for max and min property on input component by @kiabr in #108
• Ref on MdTextArea by @kajsaeggum in #110
• RB-2548: Add max element amount to MdAutocomplete by @turiddahl in #111
• Fix for focus trap not attached by @kajsaeggum in #115
• MdAlertMessage with ReactNode contents by @kajsaeggum in #116
• build(deps-dev): bump express from 4.18.2 to 4.19.2 by @dependabot in #114
• build(deps-dev): bump webpack-dev-middleware from 6.1.1 to 6.1.2 by @dependabot in https://github.com/miljodir/md-compone...