9.3.1 (2024-05-17)

🩹 Fixes

elements: align ino-icon vertically (#1379)
ui-patterns: tailwind styles not being integrated (#1377)

❤️ Thank You

Jan-Niklas
Tobias Heim Galindo @TobiasHeimGalindo

9.3.0 (2024-04-05)

🚀 Features

elements/ino-snackbar: add open prop functionality (#1320)

❤️ Thank You

Tobias Heim Galindo @TobiasHeimGalindo

9.2.0 (2024-03-15)

🚀 Features

elements/ino-snackbar: improve accessibility (#1200)
elements/ino-snackbar: add warning variant (#1133)
landingpage: enable UI Patterns route (#1301)
landingpage: add Tailwind Integration guide (#1312)
ui-patterns: add SettingsPage pattern (#1287)
ui-patterns: add footer & hero pattern (#1310)

🩹 Fixes

adjust nx release config after update (#1303)
elements/ino-input: prevent label cut-off in outline variant (#1189)
elements/ino-list-item: disable animation on disabled state (#1279)
landingpage: prevent redirection to 404 (#1311)
landingpage: hotfix ino-icon-buttons (#1315)

❤️ Thank You

Benjamin Pagelsdorf
MariaLStefan @MariaLStefan
Sl1nd
Tobias Heim Galindo @TobiasHeimGalindo

9.1.1 (2024-02-23)

🚀 Features

ui-patterns: add functionality to patterns (#1240)

🩹 Fixes

elements/ino-input: enforce min max limits on arrow click (#1248)
elements/ino-markdown-editor: adjust list spacings (#1236)
elements/ino-nav-drawer: reinit listeners properly when switching between variants (#1252)
elements/ino-tooltip: prevent leftovers when conditionally shown (#1251)
landingpage: align mobile menu item content vertically (#1250)

❤️ Thank You

Benjamin Pagelsdorf
Tobias Heim Galindo @TobiasHeimGalindo

9.1.0 (2024-02-02)

🩹 Fixes

elements-angular: directives matching multiple components (#1215)
landingpage: routing of shared storybook links doesn't work (#1183)
storybook: restore typography page (#1229)

❤️ Thank You

Jan-Niklas
Tobias Heim Galindo @TobiasHeimGalindo

9.0.1 (2024-01-25)

🚀 Features

elements: apply new design of markdown-editor (#1173)
elements: dialog close icon (#1147)
ui-patterns: add login-pattern and finalize patterns page (#1135)

🩹 Fixes

elements: prevent tailwind from overwriting border-styles (#1143)
elements-angular: make ng-add work with newer angular versions (#1149)
landingpage: not accessible via url (#1131)
landingpage: remove initial query param (3ab7c219)

❤️ Thank You

André Ehlert @iandi09
Benjamin Pagelsdorf
Jan-Niklas
Jan-Niklas Voß
MariaLStefan @MariaLStefan
Tobias Heim Galindo @TobiasHeimGalindo

Changelog

This file was generated using @jscutlery/semver.

9.0.0 (2023-12-15)

Bug Fixes

elements|ino-radio-group: trigger valueChange upon clicking (#977) (4878306)
elements: fix typo in docs (stylsheet->stylesheet) (#1051) (313d9a1)
elements: link input and textarea element to its label (#1041) (5ad5f90)

Features

elements-angular: add support for Angular v15 (#868) (5562793)
elements|ino-accordion: improve accessibility (#1096) (517042a)
elements|ino-avatar: add loading animation (#1077) (b8ef09b)
elements|ino-markdown-editor: add dialog to edit links (#1024) (1efec20)
elements|ino-nav-drawer: accesibility improvements (#1036) (347edb4)
elements|ino-nav-drawer: add mobile variant (#1035) (5617375)
elements|ino-nav-drawer: enable navigation via keyboard (#1017) (02bf91f)
elements|ino-segment-button: add type property (#1095) (924c0fc)
elements|ino-select: improve accessibility (#1055) (d370dc2)
elements|ino-tab-bar: improve accessibility (#1098) (70b0523)
elements: add avatar component (#1018) (2e1fc97)
elements: add new icons (#1019) (180fd5a)
landingpage: add blur bg pattern (#1123) (067d812)
landingpage: add button to open storybook externally (#960) (eaf80ea)
landingpage: add patterns preview-code-box (#1080) (533f621)
storybook: allow to choose different versions in storybook (#1022) (9028657)

Styles

elements|ino-popover: update design (#974) (3b6a756)

BREAKING CHANGES

elements|ino-popover: The colorScheme was updated with its possibilities now being light, dark, and primary (default). The equivalent of the old transparent option is light and needs to be updated accordingly.
elements-angular: We updated our underlying Angular to version 15 in order to make use of the newest features. In consequence, all Angular versions below 13 will no longer be supported.

8.1.3 (2023-06-01)

8.1.2 (2023-06-01)

Bug Fixes

elements: include dependencies in output (7ee0635)

8.1.1 (2023-05-31)

8.1.0 (2023-05-17)

Features

add new elements logo (#912) (190ac1a)
elements|ino-carousel: add stepper to indicate currently displayed slide (#878) (e414aef)
elements|ino-chip: add clickable option (#933) (6051f84)
elements: add delay option for ino-tooltip and ino-popover (#932) (067aa59)
elements: add ino-accordion component (#876) (82c98a8)
landingpage: add coreaspects and make it responsive (#858) (62632f1)
landingpage: add examples section (#875) (976b069)
landingpage: add faq to landingage (#882) (863b016)
landingpage: add header to explore page (#895) (ccbbebd)
landingpage: add inovex elements label to header (#929) (ad40353)
landingpage: add KPI section (#935) (074acda)
landingpage: add links to demo projects in explore (#854) (b2b98fb)
landingpage: add navigation menu for mobile (#904) (9bb6c82)
landingpage: add resource section (#860) (1d0e1a0)
landingpage: add serap & ben to contributors (#941) (1f2c33c)
landingpage: add styling to the getting started tables (#867) (95e41a0)
landingpage: add sub navigation (#856) (a5c3eaa)
landingpage: enable sharing of storybook urls (#924) (a5910b6)
landingpage: improve FAQ section (#942) (c5b0086)
landingpage: improve react getting started guide (#934) (4bec779)
landingpage: integrate i18n (#828) (dfe97e9)
storybook: update welcome page (#903) (9323b17)

Bug Fixes

elements|ino-card: selection state not working properly (#881) (028f5e9)
elements|ino-range: prevent error on value change (#926) (4556b84)
elements|ino-tooltip: label not updating on change (#890) (29d2236)
fix vue and react example project for stackblitz (#853) (8e583b9)
landingpage: correct order and links of frameworks (#855) (b300295)
landingpage: fix broken redirects (4da6687)
landingpage: fix responsive layout (#901 (2d2e151)
landingpage: language switch not working (#880) (112f2b7)

Styling

elements|ino-autocomplete: update design (#930) (5c900b4)
landingpage: add greyscale to Github logo (#943) (dff232e)
landingpage: improve header and footer stylings (#900) (0bb40ab)
landingpage: improve visual integration of storybook (#923) (eb99a04)
landingpage: improve wrap of core aspects (#944) (4e4be6b)

8.0.0 (2023-01-05)

⚠ BREAKING CHANGES

elements: We have decided to remove the color scheme from most of our components. On the one hand it makes no sense for the input elements to be displayed in alert colors, for example, and on the other hand the styles no longer fit our new color concept, which we will introduce gradually.
elements|ino-icon-button: To avoid confusion, we have removed all css variables prefixed by --ino-icon-button-. Use the documented ones instead.
elements|ino-header: We've decided to remove the ino-header component as it did not really provide the flexibility we wanted. To still use the inovex-elements header styles, we recommend to integrate our new stylesheet which styles all headlines from <h1> to <h6> and more. Have a look at our integration guide.
elements|ino-chip: As part of the design update, we've decided to remove the color-scheme property in all input elements. Read above for more information.
elements|ino-switch: As part of the design update, we've decided to remove the color-scheme property in all input elements. Read above for more information.
elements|ino-form-row: Since our input component provides a label on its own, this component is obsolete. That's why we've decided to remove it.
elements|ino-range: As part of the design update, we've decided to remove the color-scheme property in all input elements. Read above for more information.
elements|ino-sidebar: Since the component is just a container with a simple slide animation and does not provide any other functionality or styling, we decided to remove it.

Features

elements: provide global stylesheet (#733) (73dfc9a)
elements|ino-switch: support icons (#724) (8027499)
landingpage: add components section (#784) (2932746)
landingpage: add contact form (#806) (e952f56)
landingpage: add getting started and textual sections (#775) (4628b4f)
landingpage: add new routes (#800) (e31df54)
landingpage: add team section (#801) (867f85d)
landingpage: finish about page (#819) (d466954)
landingpage: migrate framework integrations to getting started (#823) (d62056a)
landingpage: migrate react guide to getting-started section (#814) (524d0fc)

Bug Fixes

elements-angular-example: fix missing icons (#783) (e8266b3)
elements-angular|ino-markdown-editor: prevent styles from being applied in wrong places (#780) (7bdbfc6)
elements|ino-datepicker: prevent month picker from skipping months (#842) (8299bdc)
elements|ino-icon-button: remove hardcoded css variables (#839) (5819434)
elements|ino-select: prevent the valueChange event from triggering initially and triggering twice (#749) (0495d50)
elements|ino-textarea: unable to set dimensions (#798) (d6c57bd)
landingpage: adjust image base paths (#812) (36e7d02)
landingpage: make icons available (#802) (0d74f93)
landingpage: styles disappearing on navigation (#778) (a8c4fb7)
landingpage: use GitHub token to fetch commits if available (#840) (58835e3)

Refactoring

elements|ino-form-row: remove component (#718) (e609947)
elements|ino-header: remove component (#793) (a83734d)
elements|ino-sidebar: remove component (#669) (349b84d)
elements|ino-switch: remove color-scheme prop (#717) (f051ef6)

Styling

elements|ino-chip: inherit width (#779) (a273530)
elements|ino-chip: update design (#752) (26dbacd)
elements|ino-range: apply new design (#712) (11ea415)
elements|ino-segment-button: animate checked change (#770) (8e92af2)
landingpage: increase width of message box (1030a51)
landingpage: integrate elements stylesheet (#830) (04c57e7)

7.1.2 (2022-09-20)

Bug Fixes

changelog entries for new projects (7a682d6)
landingpage: fix meta title typo (#739) (8aa32fd)
landingpage: use correct base url (15bbe62)

Miscellaneous

deps: bump jszip from 3.4.0 to 3.10.1 (#726) (8f8e276)

Documentation

storybook: add dev documentation about custom properties (#730) (7b976bf)
storybook: collapse component roots by default (#734) (90b4283)

7.1.1 (2022-08-19)

Features

elements-angular: support disable state handling in ControlValueAccessors (#664) (18a02b3)

Bug Fixes

elements|ino-datepicker: run initial validation before load (#700) (38d91ae)

Miscellaneous

deps: bump terser from 4.7.0 to 4.8.1 (#666) (7aabfd3)
add release pipeline (#561) (f3386dd)

Documentation

storybook: add react starter guide (#663) (a1883ce)

7.1.0 (2022-07-18)

Features

elements|ino-carousel: add valueChange event to inform about slide changes on arrow click (#650) (6f98a31)
elements|ino-markdown-editor: support task lists (#660) (47a71c2)
elements|ino-radio-group: add option to align radios vertically & horizontally (#652) (2106dfd)
add angular example project (#601) (b860b56)
add react example project (#519) (e420ac9)
elements|ino-icon-button: add support for custom icons via default slot (#600) (e2dae7d)
elements|ino-radio-group: support keyboard navigation (#644) (b0bf72f)
elements|ino-range: support input of intervals (#605) (2f7d8fd)

Miscellaneous

deps: bump eventsource from 1.0.7 to 1.1.1 (#623) (82cc7f6)
deps: bump moment from 2.29.2 to 2.29.4 (#658) (c414401)
storybook: update storybook to 6.5 (#648) (a9ed814)

7.0.0 (2022-05-23)

⚠ BREAKING CHANGES

elements: To be more consistent with our API across all components, we've decided to migrate from label properties to default slots. This also provides more flexibility as the text element is provided by the user. As the changes are significant, they will not break anything yet. We've added warning messages to help you migrate until the next major version will be released. The components affected are the following: <ino-snackbar>, <ino-header>, <ino-tab>, <ino-tooltip>, `.
elements|ino-input: Remove the size property of the <ino-input> as it has no effect. Use width and height to change the dimensions of the element.
elements-react: We've updated the way we build the elements-react package. In order to be future-proof, we have to drop the support for React Versions < 17.
elements|ino-button: We've updated the design of the <ino-button>. In order to have a consistent look and feel across all of our components, we've decided to get rid of the colorScheme property and most of our CSS-Variables. If you need to customize the button, you can do that just like any other HTML Element as we removed the Shadow-DOM of the component. Furthermore, we removed/reworked some old props on our way. The fill property has been renamed to variant and features the options filled (previously known as solid), outlined, and text (replacement of inverse). The property edgeMirrored has been removed as its use case was very specific.
elements|ino-icon: rename the icon request to share

Features

elements: add support for Vue3 (#554) (dc05299)
elements|ino-popover: add follow cursor option (#577) (dc76d3c)

Bug Fixes

elements|ino-autocomplete: fix wrong menu positioning if helper text exists (#586) (0f5ce14)
elements|ino-currency-input: allow 0 in value (#584) (081d82c)
elements|ino-icon-button: improve button styling in disabled state (#596) (594a49a)
storybook: stories not being sorted correctly (#580) (f618f35)

Documentation

update component development docs (#567) (543dd01)

Miscellaneous

update pull request template (#582) (16b04cf)
deps: bump async from 2.6.3 to 2.6.4 (#576) (550bd17)
deps: bump minimist from 1.2.5 to 1.2.6 (#563) (5c4df85)
deps: bump moment from 2.26.0 to 2.29.2 (#568) (befee4f)
elements|ino-button: update styling (#571) (0867d86)

Refactoring

elements: use default slot for labels instead of properties (#607) (a934fde)
elements-react: use stencils react-output-target (#537) (b797052)
elements|ino-icon: rename icon request to share (#556) (da2940e)
elements|ino-input: remove size property (#557) (d69af55)

6.2.0 (2022-04-22)

Features

elements|ino-popover: add option to attach popover to body (#575) (6b18745)

Bug Fixes

elements|ino-chip: fix chipRemoved event not firing in some cases (#565) (aa15ea7)
elements|ino-datepicker: fix datepicker hiding after input (#555) (1b30c16)
elements|ino-list-item: fix vertical alignment of trailing element (#564) (71d9b93)

Documentation

elements: revise docs of ino-header and ino-datepicker (#560) (b286ad4)

Miscellaneous

add svgo to minimize icons and autoadd currentColor (#562) (7e078f5)

6.1.0 (2022-03-10)

Features

elements|ino-select: add helper text props (#553) (b117525)

Miscellaneous

elements: add stencil linter (#547) (1c28f62)

6.0.0 (2022-03-02)

⚠ BREAKING CHANGES

elements|ino-table: Due to performance reasons we have removed the components <ino-table-row> and <ino-table-cell>. The <ino-table> has been reworked to work with the native table elements (<tr> and <td>). Additionally, a new component <ino-table-header-cell> was provided to be used instead of the <th> element to implement functionalities like filtering and sorting. For extensive examples, check out the respective stories.
elements|ino-progress-bar: Removed reversed property as it is no longer supported by our underlying library
elements|ino-chip-set: Has been removed because it was only a wrapper, whose logic does not demand a component of its own.
elements|ino-chip: This component has undergone an extensive rework. We removed the already deprecated icon property (use slots instead). The event removeChip has been renamed to chipRemoved to be consistent with our naming scheme. The event now emits value as its detail instead of the element itself (element can still be accessed by event.target).
elements|ino-switch: All CSS-Vars have been removed in order to keep a more consistent look across the library and also to reduce the maintenance cost.
elements|ino-dialog: In order to provide better flexibility, we removed all named slots. Now there is only the default slot that can be used to provide your own header and footer beside the content. Furthermore, the openChange event has been renamed to close which emits whenever the user closes the dialog. Added an option to make non-critical dialogs dismissible by pressing esc or clicking outside the dialog.
elements|ino-currency-input: Move currency input functionality of <ino-input> to a separate component <ino-currency-input> to reduce the complexity of the input component. In the course of this, we removed the properties decimalPlaces and thousandsSeparator from the <ino-input>. The new component supports these functionalities by providing the respective locale.

Features

elements: add global configuration (#460) (ffac7fe)
elements-angular: remove obsolet event fix and upgrade stencil target generator (#486) (a1bc55c)
elements-react: upgrade to typescript 4.1 (#500) (e0448bc)
elements|ino-currency-input: add component (#481) (bd1ab55)
elements|ino-datepicker: add new property attachToBody (#510) (e970e92)
elements|ino-dialog: rework the dialog component (#483) (c69a23e)
elements|ino-markdown-editor: add new component (#471) (8803083)
elements|ino-table: rework the component along with all the related elements (#459) (a3141e3)
landingpage: migrate landingpage to repo and update deployment (#473) (80f45e4)
storybook: extract story description from doc string and improve docs (#482) (f1a6517)

Bug Fixes

elements|ino-autocomplete: fix menu positioning while scrolling (#503) (2cee3cf)
elements|ino-datepicker: prevent undefined ref on mount (#499) (4a51d6e)
elements|ino-datepicker: reattach on DOM update (#518) (91b8cb3)
elements|ino-input: prevent undefined reference on error set (#498) (23c9ac5)
elements|ino-input: prevent value from being set internally (#528) (4bc5dad)
elements|ino-markdown-editor: fix focus state in preview mode (#511) (cdb61fa)
elements|ino-markdown-editor: handle change of initialValue (#529) (eb23150)
elements|ino-select: update on ino-option change (#520) (43c56b6)
elements|ino-switch: do not update switches on same page (#525) (3092783)
storybook|ino-nav-drawer: provide image as local source (#501) (c6017e7)

Documentation

elements: update javascript integration to cdn usage (6ceb1d6)
elements-angular: fix assets path (#502) (9a9dcd8)

Miscellaneous

fix canary release pipeline (#508) (2073bb7)
deps: bump engine.io from 4.1.1 to 4.1.2 (#506) (7e0363b)
deps: bump handlebars from 4.7.6 to 4.7.7 (#516) (5421e52)
deps: bump karma from 6.3.4 to 6.3.14 (#515) (34aeabd)
deps: bump nanoid from 3.1.23 to 3.2.0 (#495) (46f8020)
deps: bump shelljs from 0.8.4 to 0.8.5 (#504) (264f611)
deps: bump storybook from 6.3.2 to 6.4.9 (#475) (f1d1f3f)
deps: bump trim-off-newlines from 1.0.1 to 1.0.3 (#496) (eb591c3)
deps: bump url-parse from 1.5.7 to 1.5.10 (#540) (76dac86)
elements: update mdc packages to v13 (#349) (77452bf)
create placeholder for workflow (4aaa373)
remove fonts hosted by google (#539) (cec388a)
elements: enable source-maps in dev mode (#538) (7e7816b)
use setup-node v2 für canary release (#509) (239a39e)
set engine to node@>=14.17 (#493) (a2b06ea)
deps: bump ajv from 6.12.2 to 6.12.6 (#517) (cc3fefd)
deps: bump engine.io from 4.1.1 to 4.1.2 (#489) (a74610e)
deps: bump follow-redirects from 1.11.0 to 1.14.8 (#521) (fa5cf8c)
deps: bump lodash from 4.17.15 to 4.17.21 (#484) (db242ad)
deps: bump log4js from 6.3.0 to 6.4.0 (#494) (a088a30)
deps: bump node-fetch from 2.6.0 to 2.6.7 (#497) (43a79df)
deps: bump tmpl from 1.0.4 to 1.0.5 (#468) (24e0b4c)
deps: bump url-parse from 1.4.7 to 1.5.7 (#527) (9db7cab)
deps: upgrade deps to support M1 chips (#523) (e5429f1)
deps: bump ws from 5.2.2 to 5.2.3 (#469) (95b0c44)

5.1.0 (2021-11-30)

Features

elements: add focus and blur methods to input elements (#306) (c2de9a0)
elements|ino-autocomplete: provide keyboard support to open menu (#449) (ec0139f)
elements|ino-icon: add icon request (#447) (8419cb3)

Bug Fixes

elements|ino-autocomplete: fix option selection in filtered list (#444) (02ab09e)
elements|ino-autocomplete: set value on initialization (#461) (0bfce6d)

Miscellaneous

add linux support for publish:yalc (#448) (0a12f8c)
update readmes (#445) (2784a2c)

5.0.0 (2021-10-18)

⚠ BREAKING CHANGES

elements|ino-autocomplete:
- rename event optionSelected to valueChange for consistency sake
- remove slot list, now only takes an <ino-input> in the input slot and <ino-option>s in the default slot
elements|ino-snackbar: remove types primary & warning and add new types info (default) & success; remove alignment properties

The snackbar has received a new design, which features the three cases info, success, and error. Also, as part of the new design, we have decided that the snackbar will now be displayed in the top right corner by default. Since we want to get away from offering properties that only make changes to the CSS in the background, we have removed the alignment properties and instead introduced CSS variables that can be used to configure the absolute position of the snackbar. For more information, have a look at its storybook page.

Features

elements|ino-datepicker: provide error property (#429) (43f37ef)
elements|ino-dialog: enable extend styling support (#425) (aceea36)
elements|ino-fab-set: add ability to provide custom icons (#437) (f37b4a2)
elements|ino-icon: add new icon option_dotted (#430) (cb9ada3)
elements|ino-select: add property error to display error state (#424) (f3b97c6)
elements|ino-snackbar: add new property verticalAlignment (#427) (1c34299)
elements|ino-snackbar: rework snackbar (#431) (76911a3)

Bug Fixes

elements|ino-list-item: fix icon alignment (#433) (3f95ded)

Refactoring

elements|ino-autocomplete: provide better angular support (#435) (bb3853c)

4.1.1 (2021-09-06)

Bug Fixes

elements|ino-input-file: prevent drag and drop when set to false (#420) (06ca871)
elements|ino-select: hide input used for form validation (#416) (0b02c3b)
storybook: scope all story styles (#422) (62ce093)

Miscellaneous

replace local commit linting with new component script (#412) (81aa33d)

4.1.0 (2021-08-11)

Features

elements: add new component <ino-autocomplete> (#402) (e93b20f)
elements|ino-select: add slot for leading icon (#317) (2a656e6)
elements|ino-tab-bar: add autoFocus property (#408) (03dc76a)

Bug Fixes

elements-react: add missing components (#407) (d886c2a)
elements|ino-list-item: fix checkbox positioning (#335) (4c642d4)
elements|ino-nav-drawer: emit openChange event on esc press (#336) (5f558cf)
elements|ino-select: fix form validation (#355) (8eba403)
elements|ino-tab-bar: prevent autofocus on creation (#406) (5167724)
storybook: restore missing fav icon (#411) (ef86527)

4.0.0 (2021-07-05)

⚠ BREAKING CHANGES

elements-angular: Angular 12 only works with Webpack 5, so we had to adapt our previous way of importing icons. To keep using our ino-icon it is necessary that you add the elements via Angular CLI: ng add @inovex.de/elements-angular. This also applies if the Elements are already installed. For more detailed instructions, check out our Angular integration guide.
storybook: We decided to remove the ino prefixes of all component properties. Originally, they were a convenience to distinguish between native and custom properties. Nowadays the prefixes just make for unnecessarily longer code.

So to upgrade to the latest version it is necessary to remove these prefixes. As an example: ino-loading or inoLoading becomes loading. To assist with this, here is a regex that can be used to search and replace these properties: (?:\s)(ino).

Features

elements: allow lists with both single and double lines (#338) (07609e4)
elements|ino-datepicker: validate if first < second date (#396) (37673b2)
elements|ino-img: add fallback img (#339) (6caec70)
elements|ino-snackbar: add property to make snackbar stay visible on hover (#365) (bf6b702)
storybook: upgrade storybook to v6 (#316) (dcd7260)

Bug Fixes

elements|ino-datepicker: max validation leads to recursion (#395) (41d8b63)
elements|ino-datepicker: only validate if value is set (#357) (a518aa1)
elements|ino-select: fix initialization error (#385) (0b4b2fb)
elements|ino-sidebar: fix initialization error (#383) (70c25b6)
fix canary-releases (#359) (7bdc0b8)
fix git hook error message (#372) (4716c32)
storybook|ino-snackbar: avoid multiple snackbar instances (#367) (ad386c9)
run canary release action only in master branch (#361) (e59d273)
storybook|ino-snackbar: fix incorrect knob options (#312) (741cd65)

Miscellaneous

elements: expose custom types (#397) (bf6381e)
elements-angular: update angular to work with version 12 (#386) (c9d123e)
add checklist to pull request template (#382) (d2b6cc6)
migrate from tslint to eslint (#283) (19a4bf6)
publish v3.0.1 (ca7a24d)

3.0.1 (2021-04-22)

Bug Fixes

elements|ino-datepicker: only validate if value is set (#357) (a518aa1)
run canary release action only in master branch (#361) (e59d273)
storybook|ino-snackbar: fix incorrect knob options (#312) (741cd65)
fix canary-releases (#359) (7bdc0b8)

3.0.0 (2021-04-13)

⚠ BREAKING CHANGES

elements|ino-menu: We have reworked the ino-menu so that it is now a composition of the ino-popover and ino-list. It now acts as a smart component that manages its own state. As a result, fewer properties need to be specified. If more complex functionality is required, one can easily build this using the ino-popover and the ino-list.

To be specific, the ino-open, as well as the ino-for property has been removed. The parent node of the ino-menu now automatically acts as an anchor element for the menu. Since the state is now managed by the component, the ino-open property and the menuClose event are obsolete. The menu now opens on anchor click and closes on outside click.

Before:

<button id="my-anchor" onClick={() => this.setState({ isMenuOpen: true })}>Open Menu</button>
<InoMenu ino-open={this.state.isMenuOpen} ino-for="my-anchor" onMenuClose={() => this.setState({ isMenuOpen: false })}>
  <InoListItem>...</InoListItem>
</InoMenu>

After:

<button>
  Open Menu
  <InoMenu>
    <InoListItem>...</InoListItem>
  </InoMenu>
</button>

For more information, have a look at the storybook page of the ino-menu.

elements|ino-button: We have removed the property ino-full-width of the ino-button as this styling should be achieved by simple css.

e.g.:

ino-button {
  width: 100%;
}

elements|ino-icon: We have changed our internal icon handling to make working with them more intuitive. If you are currently using the elements with Vue.js, you need to update your icon import like this:

From: import { ICON_PATHS } from '@inovex.de/elements/dist/inovex-elements/icon-assets/SVG/index.esm.js';

To: import { ICON_PATHS } from '@inovex.de/elements/dist/inovex-elements/ino-icon/index.esm.js';

elements: Previously, we used certain properties as flags to indicate that a slot was in use. We wrote our own utility to check the contents of the slot at runtime, making these properties obsolete. For this reason, we removed the following properties which can safely be removed:

inoIconLeading
inoIconTrailing

These properties occurred in the following components:

ino-button
ino-chip
ino-input

Features

elements-angular|ino-textarea: handle onTouched in TextValueAccessor (#287) (c020582)
elements|ino-chip: add slot for trailing icon (#221) (8b91f4e)
elements|ino-datepicker: add language support (#272) (85e129e)
elements|ino-fab: add slot for leading icon (#286) (6762544)
elements|ino-menu: emit new closeMenu event on click (#244) (372b15a)
elements|ino-popover: add functionality to control component (#292) (df7757b)
elements|ino-popover: add prop ino-distance to define offset (#299) (ea03f3d)

Bug Fixes

elements|ino-datepicker: fix default date (#343) (16718ac)
elements|ino-datepicker: select default date according to prop (#345) (38a5824)
elements|ino-datepicker: validate on min/max date changes (#313) (f14da32)
elements|ino-tooltip: updating ino-label leads to non-styled text (#301) (ce8569a)
elements|ino-button: inherit width (#278) (75aca81)

Miscellaneous

elements: update stencil/core and stencil/sass (#285) (313a5b1)
storybook: bump marked from 1.2.0 to 2.0.1 (#304) (c45bebd)

Refactoring

elements: remove ino-leading/trailing properties (#277) (558d41f)
elements|ino-icon: avoid duplicate icon files (#255) (cb6da53)
elements|ino-menu: replace underlying mdc-menu with ino-popover (#347) (68de0bd)

2.3.0 (2021-01-27)

Features

elements|ino-nav-item: add prop for sub text (#273) (746a7c3)
elements|ino-popover: add interactive property (#223) (bf6f0e5)
elements|ino-textarea: add filled style option (#237) (81769ef)

Bug Fixes

elements: replace deprecated componentWillUnload lifecycle method (#242) (7b266f8)
elements-angular|ino-button: fix invisible loading spinner (#240) (6f79e68)
elements|ino-datepicker: prevent interaction with disabled datepicker and fix validation (#245) (ba0db4f)
elements|ino-list-item: fix text alignment (#239) (9689530)
elements|ino-list-item: prevent destruction on unmount (#274) (13c644d)
elements|ino-progress-bar: restore buffer dots (#258) (1ff451a)
storybook|ino-icon: fix icon search (#238) (26aad57)

Miscellaneous

upgrade vulnerable highlight.js package from 9.18.1 to 10.5.0 (#269) (7a3edd8)

Documentation

storybook|ino-progress-bar: add customization options and examples (#265) (16fba26)

2.2.1 (2020-12-10)

Bug Fixes

elements|ino-datepicker: use date format to improve validation (#226) (90a990c)

Documentation

elements|ino-range: add hint that step prop only works on discrete range (#220) (6d553f0)

2.2.0 (2020-12-01)

Features

elements|ino-chip: add slot for icons and mark ino-icon prop as deprecated (#189) (edca6b8)
elements|ino-input-file: add drag and drop window (#199) (6ede8b0)

Bug Fixes

elements|ino-fab: restore disabled color (#217) (2b07e6a)
elements|ino-input: add autofocus prop to input element (#198) (6f5a186)

Miscellaneous

add npm release script (#208) (04e5926)

2.1.0 (2020-11-24)

Features

elements|ino-checkbox: add indeterminate state for selection checkbox (#173) (da44ee4)
elements|ino-icon: add icons opportunity, pin and save (#179) (d50aa37)
elements|ino-icon-button: add managed option and provide customization options (#176) (8aa55b4)

Bug Fixes

elements: allow setting of box-sizing to border-box (#174) (832ddd6)
elements-angular: prevent events from firing twice (#201) (897e78f)
elements-react: export ino-carousel/-slide components (#182) (4062809)
elements|ino-card: render slots only when used (#207) (1c9dfc1)
elements|ino-datepicker: fix validation if no value is provided (#141) (92d0f49)
elements|ino-fab: ensure creation of tooltip after fab loaded (#156) (27de7b7)
elements|ino-img: fix rendering issue if dimensions are not set (#191) (c7bbc19)
elements|ino-select: fix positioning while scrolling (#123) (5eaf86a)
elements|ino-table: disable shadow dom (#163) (a0c5b48)

Miscellaneous

build angular repo before publishing (#168) (5caa9d1)
improve windows integration (#172) (6fee7f4)
elements: bump material-components to 8.0.0 (#171) (82eea25)

Documentation

elements|ino-card: update deprecated examples (#190) (17c87cd)
elements|ino-table: update outdated readme (#193) (c16db80)
update angular usage docs (#183) (a33d666)

2.0.0 (2020-10-20)

⚠ BREAKING CHANGES

elements-angular: In order to use the latest elements-angular package, change the imports: [..., InoElementsModule] inside your app.module.ts to imports: [..., InoElementsModule.forRoot()]. The reason for this change is, that we upgraded our internally used Angular dependencies to version 10.1.4 which required us to add some startup capabilities inside the forRoot function. We updated our integration guide accordingly.

Bug Fixes

elements-angular: add compatibility for ivy support (#147) (cb095cb)
elements|ino-fab: fix an issue causing the tooltip not to be styled correctly (#88) (ab8f3da)
elements|ino-list: only call destroy if mdc instance was created (#144) (fa826a9)

Documentation

elements: update auto generated docs of ino-card and -fab (#152) (719ebd9)
storybook: update ino-fab and ino-card documentation (#139) (3437cc7)

Miscellaneous

remove duplicated entries in the changelog (#149) (9f1b565)
use node-version 14.x in ci (#151) (6ad0693)
deps: upgrade material components to 7.0 (#145) (dfdc0e4)
elements: remove relative css import path (#150) (0efed78)
elements-angular: update internal angular version to 10.1.4 (#138) (04a8406)

1.2.0 (2020-10-14)

Features

elements: add ino-carousel component (#112) (e99b5d7)
elements|ino-card: add property to disable hover animation (#120) (0fac301)
elements|ino-icon: add refresh icon (#136) (2953f0a)
elements|ino-snackbar: add property for warning and error states (#116) (b648415)

Bug Fixes

elements: fix deprecated integration (#126) (3045c23)
storybook|ino-nav-drawer: fix broken link (#124) (4c6845d)

Documentation

storybook: add links to examples projects in codesandbox (#129) (f51acda)

Miscellaneous

deps: bump marked from 0.6.3 to 1.2.0 in /packages/storybook (#133) (323b844)
hide refactoring commit type in changelog (#130) (00dbf1a)

1.1.0 (2020-10-07)

Features

elements|ino-header: add css variables (#89) (3ab4e53)
elements|ino-icon: add question mark icon (#80) (4f06fa9)
elements|ino-list-item: add css variables (#44) (fbf6fdc)
elements|ino-option: add css variables (#41) (0ed6aec)
elements|ino-segment-button: add css variables (#38) (69e84e1)
elements|ino-snackbar: add property to set custom timeout (#83) (d9608da)

Bug Fixes

elements|ino-switch: fix color-schemes not working correctly (#118) (e02e40a)

Miscellaneous

add simple pull request template (#109) (2c15cc8)
deps: bump acorn from 6.3.0 to 6.4.2 in /packages/elements-angular (#108) (37bdb52)
deps: bump elliptic from 6.5.1 to 6.5.3 in /packages/elements-angular (#104) (831b465)
deps: bump elliptic from 6.5.1 to 6.5.3 in /packages/elements-react (#101) (e311586)
deps: bump handlebars from 4.4.5 to 4.7.6 in /packages/elements-angular (#103) (4b3c815)
deps: bump handlebars from 4.5.1 to 4.7.6 in /packages/storybook (#92) (1804d2c)
deps: bump http-proxy from 1.18.0 to 1.18.1 in /packages/elements-angular (#102) (7e89575)
deps: bump lodash from 4.17.15 to 4.17.20 in /packages/elements (#98) (b9e8a69)
deps: bump lodash from 4.17.15 to 4.17.20 in /packages/elements-angular (#105) (df6d2a3)
deps: bump lodash from 4.17.15 to 4.17.20 in /packages/elements-react (#100) (7bf8779)
deps: bump minimist from 0.0.8 to 1.2.5 in /packages/elements (#94) (063ddcf)
deps: bump minimist from 1.2.0 to 1.2.5 in /packages/elements-react (#99) (3c0fbf4)
deps: bump node-fetch from 1.7.3 to 2.6.1 in /packages/storybook (#90) (58ae792)
deps: bump npm-registry-fetch from 4.0.2 to 4.0.7 in /packages/elements-angular (#106) (3f617b8)
deps: bump websocket-extensions from 0.1.3 to 0.1.4 in /packages/elements-angular (#107) (1690960)
add deps as valid scope for dependabot (#93) (42c527a)
elements: update stencil to v2.0.3 (#85) (99b593d)

Refactoring

elements: move from local font files to font package (#82) (c04d903)

Documentation

elements-angular: correct link to top-level readme (#119) (4d57647)
improve documentation (#86) (82451d6)
link to explanation for pull request title (#117) (bce3bb3)

1.0.2 (2020-09-22)

1.0.1 (2020-09-22)

Bug Fixes

storybook: fix showcase urls (#74) (60de0ff)

1.0.0 (2020-09-16)

⚠ BREAKING CHANGES

We changed the scopes of all our packages from @inovex to @inovex.de in order to match our newly created NPM org. Unfortunately, @inovex was already taken. To use the inovex-elements beyond version 0.21.0, you have to change the scope in your dependencies from @inovex/* to @inovex.de/*. This way you will receive our new versions from the public registry of npmjs.

elements|ino-button: The API of the <ino-button> has changed. We've replaced the ino-icon property. If you want to use an ino-icon inside of a button, use the ino-icon-leading or ino-icon-trailing property and provide the <ino-icon> element as a child of the <ino-button> with the slot being either ino-icon-leading or ino-icon-trailing. See the example below:

```html
<!-- Old -->
<ino-button ino-icon="info">Button with leading icon</ino-button>

<!-- New -->
<ino-button ino-icon-leading>
  <ino-icon ino-icon="info" slot="ino-icon-leading"></ino-icon>
  Button with leading icon
</ino-button>
```

While this does seem like more work for the consumer, we implemented this change in order to have a consistent way of using the `<ino-icon>` in combination with our other components. These changes also offer much more flexibility in the use of the `<ino-icon>` as you can now utilize the whole API of the `<ino-icon>` component (e.g. using your own icons, providing your custom click handler, ...).

elements: The tertiary option for ino-color-scheme has been removed to match the colors specified by our design team

Features

elements: add component overview (#68) (80c51b6)
elements-react|ino-option-group: use as vdom wrapper for ino-option (#23) (9b96512)
elements|ino-datepicker: validate input based on date format (#50) (ea4d288)
elements|ino-dialog: add dialog component (da53a5a)
elements|ino-icon: add report icon (27d3ea5)
elements|ino-input: use native email validation (#29) (6291bcb)
storybook: display favicon in production storybook (#19) (5423671)

Bug Fixes

elements|ino-button: fix invisible loading spinner (#10) (50dd530)
elements|ino-fab-set: remove blue bar below dial button (#58) (c89f40f)
elements|ino-icon: use correct css variable for special icons (9b3cbe6)
elements|ino-input: fix too large number arrows (#33) (c60e9a6)
elements|ino-select: fix ellipsis for required selects in chrome (#31) (47ee3b6)
storybook|ino-img-list: fix example images not loading in story (#20) (5158e86)
elements: update style guide and colors according to the design specifications (#7) (786c630)

Miscellaneous

storybook: upgrade Storybook to v6 (#51) (68b359c)
add heading for refactor commit type (#54) (c5e0bdc)
elements|ino-icon: remove icoMoon dependency (#49) (aa05f5b)
ensure at least one semantic commit in PR (#8) (72c71e3)
list additional commit types in generated changelogs (#5) (7f7c7bf)
update references to new repository in changelogs (#16) (06f83f1)
update release workflow (#13) (14b9578)
update repository references in packages (#15) (2b38cc5)
storybook: update storybook to 5.3.0 (#9) (b8854a0)

Refactoring

change scope from (at)inovex to (at)inovex.de (#66) (96186c2)
elements|ino-button: replace icon property with icon slot (#28) (388ce17)
storybook: remove deprecated addon-options (#21) (ef27b02)

Documentation

add license file (#11) (55a36a9)
add license to readme (#53) (45b4e51)
link to github issues instead of jira (#39) (5f2276d)
move html content out of knob (#6) (7380b34)
update all Gitlab occurrences (#70) (2d58428)
update integration instructions (#63) (e54f3b0)
update url's of storybook (#12) (791c8da)
use self-hosted fonts (#61) (6af692b)
elements|ino-header: fix wrong header in README (655154c)

0.21.0 (2020-07-02)

Bug Fixes

elements: remove obsolete popper.js dependency (2f934feb)

Feature

elements|ino-icon: update names of custom properties (efc56f15)

BREAKING CHANGES

In order to apply the correct naming pattern for custom variables (a.k.a. CSS-Variables) it was necessary to rename the custom properties of the ino-icon component. The renamed variables are listed in the following table:

Old Name	New Name
`--color`	`--ino-icon-color-primary` or `--ino-icon-color-secondary`
`--height`	`--ino-icon-height`
`--width`	`--ino-icon-width`

0.20.0 (2020-06-25)

Bug Fixes

elements|ino-icon: fix internally used icon not loading correctly (cc77301)

Features

elements: add ino-img-list component (3c15e98)
elements|ino-checkbox: add css variables (5a38adb)

0.19.1 (2020-06-18)

Bug Fixes

elements|ino-icon: fix svg parser typescript error (34775b8)

0.19.0 (2020-06-18)

Bug Fixes

elements|ino-input: fix autoFocus property not being recognized (c5a4d6f)
elements|ino-list-item: fix propagation bug (c20ceaa)
elements|ino-option: use min-height instead of fixed height (21717eb)
elements|ino-select: fix wrong positioning of opened select (e05b83e)
elements|ino-select: truncate overflowed text in select field (2dc54fc)
elements|ino-sidebar: remove the ability to close the sidebar by pressing escape (1ae8845)

Features

elements: add ino-table/-row/-cell components (fc2f778)
elements: add progress-bar component (5fbd35e)
elements|ino-icon: add property to set svg title (e6a6b60)
elements|ino-icon: add additional arrow icons (8215b05)

0.18.0 (2020-05-20)

Bug Fixes

elements|ino-datepicker: fix parsing on keyboard input (9ea3628)
elements|ino-datepicker: styles are now applied correctly (b114ed3)
elements|ino-select: fix label hint when required (c01c4fb)
elements|ino-sidebar: fix icons in sidebar story (e6c6a57)
elements|ino-tooltip: tooltip disappearing on mouseout when click trigger (7a3859a)

Features

elements|ino-button: add css variables (9295b65)
elements|ino-input: add methods to focus and blur the input element (9c9e863)
elements|ino-option-group: add ino-option-group component (6aa7a3c)
elements|ino-select: add css variable for custom height (7c8966b)
elements|ino-sidebar: add css variable to specify the width (062fe24)

BREAKING CHANGES

ino-button: The color-scheme has been changed to match the designer's specification. Possible values are now: primary, secondary, white and grey. While primary and secondary can be used with any fill-type, white and grey only work with the ino-fill="outline". The Fill-Types (ino-fill) have also been changed. Possible values are now: solid, outline and the new inverse which reverses the currently used color-scheme.

0.17.0 (2020-04-29)

Bug Fixes

react|wrapper: fix react types for stencil update (fixes elements 0.15.x and 0.16.x) (4ffff06)

Features

elements-react|ino-option: add component (dbfc1e4)
elements|ino-checkbox: add selection variant (3e74a78)
elements|ino-icon: unify icons & add styling options with CSS variables (a755e69)
elements|ino-nav-drawer: create nav-drawer element (72dd914)
elements|ino-nav-item: create nav-item element (72dd914)
elements|ino-sidebar: add ino-sidebar (e9d56de)
storybook: add pure js example and cleanup docs (7cc9fdb)

BREAKING CHANGES

ino-select: To implement the new design of the Select component, the component has been reworked. It is no longer based on the native Select element. The inoPrependDefault has been removed, as no option is now automatically selected by default. Also, the ino-option element is now required instead of the native option element. The autofocus' and form' properties have been removed because they were not used internally.
ino-icon: The 'ino-icon' component has also been updated. The naming scheme `-<s|m>' has been discarded. Each icon now only has its own ID without the size suffix. The width and height, as well as the color can now be changed using the new CSS variables. The default color of the icons is now blue.

All icons have been unified. Also the following icons have been renamed, removed and new ones added:

Added	Removed	Renamed
`back-arrow`	`equalizer`	`abwesend` -> `status_abwesend`
`chart`	`equal`	`aktuell` -> `time`
`chat`	`favorite_border`	`delete` -> `remove`
`checkmark`	`greater_or_equal`	`date_range` -> `calendar`
`copy`	`less_or_equal`	`file_upload` -> `upload`
`developer`	`info-outline`	`future` -> `status_zukuenftige`
`logout`	`star-border`	`gear` -> `settings`
`message`		`gps` -> `location`
`offboarding`		`onboarding_laufen` -> `status_onboarding_laufend`
`partner`		`offboarding_laufen` -> `status_onboarding_laufend`
`warning`		`past` -> `status_vergangene`
`web`		`person`
		`sort_AZ` -> `sort_az`
		`sort_ZA` -> `sort_za`
		`users` -> `employees`

0.16.0 (2020-04-01)

Bug Fixes

storybook: show elements logo also in storybook (14cc38d)

Features

storybook: integrate stackblitz code examples (a4b0e8d)

0.15.1 (2020-03-26)

Bug Fixes

elements: revert @stencil/core to 1.10.3 due to style issues (376c79d)

0.15.0 (2020-03-25)

Bug Fixes

elements-react|ino-control-item: add missing component (9f29b68)

Features

elements|ino-button: add property ino-loading to display a loading spinner (7cbbce7)
elements|ino-header: add component (4c5c69f)
elements|ino-segment-group: add ino-segment-group and -button (e26478c)
elements|ino-snackbar: add feedback variant (252c044)

BREAKING CHANGES

We updated our dependencies, which resulted in conflicts with the autofocus property. If you use the typed version of the elements package, you need to change all appearances of autofocus to autoFocus. If you use the web components you don't need to change anything.

0.14.0 (2020-03-17)

Bug Fixes

elements: fix wrong index in activeTabChange event in the ino-tab-bar (4c90881)

Features

elements: add option to align snackbar to the right (eb8b8ab)
elements: ino-fab(-set) in inovex style (8bd1b32)

0.13.0 (2020-02-19)

Bug Fixes

elements: add timeout to ino-tooltip to wait for host element to be rendered (43e7b5a)
elements: throw better exception in ino-tooltip when target not found (8c0412f)

Features

elements: ino-snackbar in inovex design (f080cab6)

0.12.0 (2020-02-12)

Bug Fixes

elements: disable click on icon when datepicker disabled (ebb757e)
elements: fix layout of datepicker with disabled month arrow(s) (2a47f9f)
elements: set correct parameters for latest symbolic link (2a6a888)

Features

elements: add option to mark inputs as optional (6ee24de)
elements: add ino-switch component (23a5512)
elements: add month picker option to ino-datepicker (1f796a6)

0.11.0 (2020-02-07)

Bug Fixes

elements-storybook: fix icon search input not updating it's value (64c7ad5)
ino-textarea: set inner width to 100% (6c37996)

Features

elements: add email validation onBlur (83a38f7)
elements: add new ino-error prop to ino-input (3e4ae46)
elements: add thousands sep., decimal places, unit to ino-input (a7df4cb)
elements: ino-checkbox in inovex style (5884df0)
elements-react: add ino-radio-group component (2500449)
icons: add new icons, update icon names, update readme (d176efa)

Breaking Changes

Some icons have been renamed to match the new naming convention. The new naming convention was introduced to reflect the newly added sizes and colors in the ID of each icon. The old naming convention was: <id>-<a|b> (e.g. birthday-a). The new naming convention is the following: <id>-<size>-<grey>? (e.g. birthday-m). If any of your used ino-icons has the suffix -a or -b, please search for the new id in the ino-icon page and update the ino-icon-Property accordingly (e.g. birthday-a -> birthday-m).

There are three different sizes: xs, s and m. The default which should be used is m. Many icons also have a grey version which has the suffix "-grey" (e.g. birthday-m-grey).

0.10.1 (2019-12-09)

Bug Fixes

pipeline (e237d00)

0.10.0 (2019-12-09)

Bug Fixes

reset native input properly (c397da0)

Features

angular: inital project (df78166)
ino-icon: add james icons, improve stories, add search functionality (d67db75)

0.9.0 (2019-10-11)

Bug Fixes

ino-datepicker: fix overlapping label (0e29ecd)
ino-datepicker: remove internal static option (abffbcc)
ino-input: autofocus (cc70866)
ino-tooltip: fix misplacement (2e4f2f8)

Features

ino-datepicker: inovex design (b956bab)
ino-input: add 'any' as step option (77b1f74)

0.8.0 (2019-09-06)

Features

ino-select: add prop to enable/disable prepended empty element (e38c9b8)

0.7.0 (2019-08-16)

Bug Fixes

ino-select: prevent change of inoPrependDefault to avoid layout problems (a12eac1)
ino-textarea: add black border on hover (ff0d1c5)

Features

ino-control-item: add component (da8cc86)
ino-input: add datalist (6c4e495)

0.6.6 (2019-08-09)

Bug Fixes

ino-chip-set: add timeout for ino-chip-set-test (574e86a)
ino-datepicker: keep input focus as long as picker is opened (bec1190)

0.6.5 (2019-08-06)

0.6.4 (2019-08-05)

Bug Fixes

ino-fab: wrong rendering condition for ino-tooltip within ino-fab (3c45eff)

Features

ino-chip: new default color (4458b17)
ino-input: add ino-blur und ino-focus events (013004b)

0.6.3 (2019-07-29)

Bug Fixes

ino-input: add mdc-disabled class dynamically (dda5c9a)

0.6.2 (2019-07-24)

0.6.1 (2019-07-24)

Bug Fixes

ino-snackbar: always show snackbar to avoid internal state (acfb1ac)

0.6.0 (2019-07-23)

Bug Fixes

icons: add icon support for react components (7ca10fa)
ino-input: DOM-Exception error when using email-type (4f8a8f1)

Features

mdc-components: update to version 3.0.0 (6250abe)

0.5.6 (2019-05-16)

Features

webpack: re-add webpack-plugin for webpack projects (bf5ac07)

In most cases, the integration of inovex elements requires two steps:

1) Copy `dist` folder of `inovex-elements` dependency to project's assets

If you are using webpack and provide your own webpack config file, you can use the provided webpack-plugin.js as a plugin and the elements will be provided automatically. You just have to import the component registry as part of your main bundle:

// webpack.config.js

module.exports = {
  //...
  plugins: [, /* ... */ require('@inovex/elements/webpack-plugin')()],
};

or

// webpack.config.js

module.exports = function override(config, env) {
  // do stuff with the webpack config...
  config.plugins = [
    ...config.plugins,
    require('@inovex/elements/webpack-plugin')('static/js'),
  ];
  return config;
};

If the final javascript bundle is not located in the root of the web root, you have to specify the path as the first parameter, e.g. if your javascript bundle is located in static/js, use require('@inovex/elements/webpack-plugin')('static/js').

2) Load the elements module in entrypoint file

// entrypoint file

import '@inovex/elements';

0.5.5 (2019-05-02)

Bug Fixes

react: add Fragment wrapper around children (35ce49b)

0.5.4 (2019-04-30)

Bug Fixes

postbuild: fix wrong path (b1291b0)

0.5.3 (2019-04-29)

Bug Fixes

ino-datepicker: replace ino-type with newer ino-date-format attribute in readme (db92e69)
react: export InoInputFile, was missing and export InoListDivider as InoListDivider instead exporting it as InoDivider (8e310a6)

Features

add react examples to every component readme (2314dd6)

0.5.2 (2019-04-11)

Bug Fixes

ino-datepicker: datepicker will now open on input click (842d21b)
postinstall: remove postinstall from released package (9b0d202)
storybook: remove tsx for syntax highlight (f1dbfb9)

0.5.1 (2019-03-26)

Bug Fixes

postinstall: remove postinstall from released package (9b0d202)
storybook: remove tsx for syntax highlight (f1dbfb9)

0.5.0 (2019-03-21)

events: rename (most of) event names (ed04d98)
ino-datepicker: fix too many tabs to skip datepicker (3e25361)
ino-input: Emit new value (5af46f9)
ino-input: fix validation bug (6c2c904)
ino-textarea: change event listening (1340af4)
text-area: lower case of event (3a9194d)

Features

ino-button: add constants (cea66f3)
ino-card: add image, action buttons and action icons (5e1c59d)
ino-checkbox: change to controlled component (171e12b)
ino-datepicker: controlled component (26e2c74)
ino-fab, ino-fab-set: add components (589b176)
ino-icon: add more icons (0ade6ee)
ino-icon: allow to use custom icons (9abe27c)
ino-icon-button: change to controlled component (dd52485)
ino-input: change to controlled component (19541c3)
ino-input-file: change to controlled-component (5054e88)
ino-list: change to controlled component (f2ba19e)
ino-menu: controlled component (392c7f5)
ino-radio: make checked attribute unmanaged (489f32f)
ino-range: change to controlled component (e9938eb)
ino-range: switch to MDC components implementation (b3ac281)
ino-select: change to controlled component (5318824)
ino-tab-bar: change to controlled component (5800088)
ino-textarea: change to controlled component (b6b6678)
ino-textarea: optional autogrow to display all content (55a8034)
react: add react wrapper (10e1127)
storybook: add syntax-highlighting (7f92b40)
types: add types for certain properties (6e42f9f)

BREAKING CHANGES

We switched over to controlled components which means that our inovex element components are now controlled by you, the consumer. All the state of the component is derived from the props the component exposes. The input component will no longer update its value when the user types. Instead you must listen to the valueChange event and set the value manually.
The integration in React projects is now much easier, you no longer need to use ref="..." to get a reference to the element, you're now able to use the exposed callbacks from our react wrapper. Please see the setup instructions for React in Storybook to see how you can migrate.
Most of the event names have changed, please check all the components for new event names when upgrading.

0.4.1 (2018-10-23)

Bug Fixes

events: rename (most of) event names (ed04d98)
ino-datepicker: fix too many tabs to skip datepicker (3e25361)
ino-input: Emit new value (5af46f9)
ino-input: fix validation bug (6c2c904)
ino-textarea: change event listening (1340af4)
text-area: lower case of event (3a9194d)

Features

ino-button: add constants (cea66f3)
ino-card: add image, action buttons and action icons (5e1c59d)
ino-checkbox: change to controlled component (171e12b)
ino-datepicker: controlled component (26e2c74)
ino-fab, ino-fab-set: add components (589b176)
ino-icon: add more icons (0ade6ee)
ino-icon: allow to use custom icons (9abe27c)
ino-icon-button: change to controlled component (dd52485)
ino-input: change to controlled component (19541c3)
ino-input-file: change to controlled-component (5054e88)
ino-list: change to controlled component (f2ba19e)
ino-menu: controlled component (392c7f5)
ino-radio: make checked attribute unmanaged (489f32f)
ino-range: change to controlled component (e9938eb)
ino-range: switch to MDC components implementation (b3ac281)
ino-select: change to controlled component (5318824)
ino-tab-bar: change to controlled component (5800088)
ino-textarea: change to controlled component (b6b6678)
ino-textarea: optional autogrow to display all content (55a8034)
react: add react wrapper (10e1127)
storybook: add syntax-highlighting (7f92b40)
types: add types for certain properties (6e42f9f)

BREAKING CHANGES

We switched over to controlled components which means that our inovex element components are now controlled by you, the consumer. All the state of the component is derived from the props the component exposes. The input component will no longer update its value when the user types. Instead you must listen to the valueChange event and set the value manually.
The integration in React projects is now much easier, you no longer need to use ref="..." to get a reference to the element, you're now able to use the exposed callbacks from our react wrapper. Please see the setup instructions for React in Storybook to see how you can migrate.
Most of the event names have changed, please check all the components for new event names when upgrading.

0.4.0 (2018-09-25)

Bug Fixes

ino-button: background color was not applied for raised property (b70930f)
ino-message-box, ino-spinner: disable modal functionality if value of property is false (de10b7d)
storybook: fix icon import and naming issue (0cb1231)

Features

ino-checkbox: add indeterminate status (5d858e3)
ino-chip-set: add component (e356839)
ino-input-file: add component (03021ab)
ino-list: add meta- and graphic-support (a0c05b9)
ino-snackbar: add component (4b5d47f)
ino-tab, ino-tab-bar: add component (ffeb083)
storybook: migrate to plain html (1ae48b3)
storybook: show version of elements (9a85dc0)

Reverts

feat(ino-message-box): add message box (4911def)

BREAKING CHANGES

The component has been removed because the use case is provided by the newly introduced ino-card component and ino-snackbar component. Please switch to that components instead

0.3.0 (2018-09-11)

Bug Fixes

use BEM conform css class names (3d5350f)
ino-icon: fix svg loading error (0994d68)

Features

ino-card: add alternatives in color brands (a46102b)
ino-input, ino-range, ino-datepicker: add step attribute (9e13a3b)
ino-menu, ino-list, ino-list-item, ino-list-divider: add component (4514db7)

0.2.0 (2018-08-28)

Bug Fixes

ino-form-row: use correct readme in story (ba65f3e)

Features

Add react wrapper elements and improve attribute typings (70d5064)
datepicker: Add button and new input attributes (643c052)
ino-datepicker: add 'range' option to DatepickerType in order to extend 'inoType' (b2e64e0)
ino-icon: renew component without inline SVGs (6b9f049)
ino-icon-button: add component (66719b0)
ino-input: add helper text (41c8ecd)
ino-input: add leading and trailing icon (bf75880)
tooltip: open on tab and close on escape (c31826c)

0.1.2 (2018-08-10)

Bug Fixes

Allow arbitrary attributes on inovex elements components (73d2cdb)
message-box: fix style-leaks because of similar classnames (9b10a88)

Features

ino-datepicker: Disable browser autocomplete (22b7dfe)
ino-select: Upgrade dependencies and ensure outlined version (0b3db30)
ino-textarea: Add new element (6f619dc)

0.1.1 (2018-07-05)

0.1.0 (2018-07-05)

Bug Fixes

ino-popover, ino-tooltip: Set z-index (3e6f283)

Features

landing page: add landing page (a3a5a57)

0.0.2 (2018-06-23)

Bug Fixes

ino-datepicker: Restore native required behaviour (46d343b)
tslint: Allow type declaration and initialization (cc43ebb)

Features

ino-button: Add properties ino-color-scheme and ino-fill (2327d38)
ino-button: Implement first draft of ino-button (23c81e3)
ino-card: Implement first version of ino-card (b9eb4de)
ino-checkbox: Implement first simple checkbox element (c8c0665)
ino-chip: Add new element (08970e1)
ino-datepicker: Add date and timepicker (10036e8)
ino-datepicker: Add stories and enable usage in relative contexts (60ca4d7)
ino-form-row: Add new element (26ba6b6)
ino-icon: Add first icon element (e648963)
ino-img: add ino-img component (cd1f7d1)
ino-input: Add first version of an input element including tests (10c2882)
ino-input: Add stories (e950f16)
ino-message-box: Add new element (b512282)
ino-popover: add new element (1cec4e4)
ino-radio: Add Storybook stories (54e8c8d)
ino-radio: Implement first version of ino-radio (8d57bfd)
ino-range: Add new element (11df04e)
ino-select: Implement first draft of select element (c76547a)
ino-spinner: Add new element (5d7e7e1)
ino-tooltip: Implement first purpose of tooltip element (18f176b)
ino-tooltip, ino-popover: Add stories (43d9081)
storybook: Add global stylesheets and integrate material design font (982336b)
storybook: Add playground directly in the readme (7a61007)
storybook: Initial commit (fbfc58c)
storybook: Several improvements and refactoring (6bf3919)

Files

CHANGELOG.md

Latest commit

History

CHANGELOG.md

File metadata and controls

9.3.1 (2024-05-17)

🩹 Fixes

❤️ Thank You

9.3.0 (2024-04-05)

🚀 Features

❤️ Thank You

9.2.0 (2024-03-15)

🚀 Features

🩹 Fixes

❤️ Thank You

9.1.1 (2024-02-23)

🚀 Features

🩹 Fixes

❤️ Thank You

9.1.0 (2024-02-02)

🩹 Fixes

❤️ Thank You

9.0.1 (2024-01-25)

🚀 Features

🩹 Fixes

❤️ Thank You

Changelog

9.0.0 (2023-12-15)

Bug Fixes

Features

Styles

BREAKING CHANGES

8.1.3 (2023-06-01)

8.1.2 (2023-06-01)

Bug Fixes

8.1.1 (2023-05-31)

8.1.0 (2023-05-17)

Features

Bug Fixes

Styling

8.0.0 (2023-01-05)

⚠ BREAKING CHANGES

Features

Bug Fixes

Refactoring

Styling

7.1.2 (2022-09-20)

Bug Fixes

Miscellaneous

Documentation

7.1.1 (2022-08-19)

Features

Bug Fixes

Miscellaneous

Documentation

7.1.0 (2022-07-18)

Features

Miscellaneous

7.0.0 (2022-05-23)

⚠ BREAKING CHANGES

Features

Bug Fixes

Documentation

Miscellaneous

Refactoring

6.2.0 (2022-04-22)

Features

Bug Fixes

Documentation

Miscellaneous

6.1.0 (2022-03-10)

Features

Miscellaneous

6.0.0 (2022-03-02)

⚠ BREAKING CHANGES

Features

Bug Fixes

Documentation

Miscellaneous