diff --git a/.storybook/FreenowTheme.ts b/.storybook/FreenowTheme.ts index 86ded7728..91ee73297 100644 --- a/.storybook/FreenowTheme.ts +++ b/.storybook/FreenowTheme.ts @@ -1,17 +1,16 @@ // .storybook/FreenowTheme.ts import { create } from '@storybook/theming/create'; -import logo from '../public/assets/freenow-logo.svg'; export default create({ base: 'light', // Typography - fontBase: '"Open Sans", sans-serif', + fontBase: '"Open Sans", sans-serif', fontCode: 'monospace', brandTitle: 'FREENOW', brandUrl: 'https://wave.free-now.com/', - brandImage: logo, + brandImage: 'https://wave.free-now.com/freenow-logo.svg', brandTarget: '_self', // diff --git a/.storybook/preview-head.html b/.storybook/preview-head.html new file mode 100644 index 000000000..11d42c2bd --- /dev/null +++ b/.storybook/preview-head.html @@ -0,0 +1,7 @@ + + + + + + + diff --git a/docs/changelog.mdx b/docs/changelog.mdx index 2dcb4ea73..02a11e7bc 100644 --- a/docs/changelog.mdx +++ b/docs/changelog.mdx @@ -5,6 +5,7 @@ cardHeadline: Changelog cardSubHeadline: Keep up to date with the latest releases of @freenow/wave --- + ## [2.1.0-next.2](https://github.com/freenowtech/wave/compare/v2.1.0-next.1...v2.1.0-next.2) (2022-08-20) ### Bug Fixes @@ -13,448 +14,430 @@ cardSubHeadline: Keep up to date with the latest releases of @freenow/wave * conflicts between next and main ([#257](https://github.com/freenowtech/wave/issues/257)) ([0a103ef](https://github.com/freenowtech/wave/commit/0a103efa05bad6d7d211a8f6ff7252fbf9566b47)), closes [#181](https://github.com/freenowtech/wave/issues/181) [#183](https://github.com/freenowtech/wave/issues/183) [#172](https://github.com/freenowtech/wave/issues/172) [#172](https://github.com/freenowtech/wave/issues/172) [#185](https://github.com/freenowtech/wave/issues/185) [#185](https://github.com/freenowtech/wave/issues/185) [#193](https://github.com/freenowtech/wave/issues/193) [#193](https://github.com/freenowtech/wave/issues/193) [#170](https://github.com/freenowtech/wave/issues/170) [#170](https://github.com/freenowtech/wave/issues/170) [#196](https://github.com/freenowtech/wave/issues/196) [#190](https://github.com/freenowtech/wave/issues/190) [#190](https://github.com/freenowtech/wave/issues/190) [#200](https://github.com/freenowtech/wave/issues/200) [#198](https://github.com/freenowtech/wave/issues/198) [#200](https://github.com/freenowtech/wave/issues/200) [#200](https://github.com/freenowtech/wave/issues/200) [#206](https://github.com/freenowtech/wave/issues/206) [#206](https://github.com/freenowtech/wave/issues/206) [#208](https://github.com/freenowtech/wave/issues/208) [#208](https://github.com/freenowtech/wave/issues/208) [#201](https://github.com/freenowtech/wave/issues/201) [#201](https://github.com/freenowtech/wave/issues/201) [#214](https://github.com/freenowtech/wave/issues/214) [#223](https://github.com/freenowtech/wave/issues/223) [#221](https://github.com/freenowtech/wave/issues/221) [#228](https://github.com/freenowtech/wave/issues/228) [#228](https://github.com/freenowtech/wave/issues/228) [#231](https://github.com/freenowtech/wave/issues/231) [#220](https://github.com/freenowtech/wave/issues/220) [#220](https://github.com/freenowtech/wave/issues/220) [#230](https://github.com/freenowtech/wave/issues/230) [#234](https://github.com/freenowtech/wave/issues/234) [#230](https://github.com/freenowtech/wave/issues/230) [#234](https://github.com/freenowtech/wave/issues/234) [#236](https://github.com/freenowtech/wave/issues/236) [#233](https://github.com/freenowtech/wave/issues/233) [#233](https://github.com/freenowtech/wave/issues/233) [#243](https://github.com/freenowtech/wave/issues/243) [#244](https://github.com/freenowtech/wave/issues/244) [#235](https://github.com/freenowtech/wave/issues/235) [#246](https://github.com/freenowtech/wave/issues/246) [#246](https://github.com/freenowtech/wave/issues/246) [#248](https://github.com/freenowtech/wave/issues/248) [#225](https://github.com/freenowtech/wave/issues/225) [#225](https://github.com/freenowtech/wave/issues/225) [#248](https://github.com/freenowtech/wave/issues/248) [#222](https://github.com/freenowtech/wave/issues/222) [#222](https://github.com/freenowtech/wave/issues/222) [#255](https://github.com/freenowtech/wave/issues/255) * conflicts between next and main v2 ([#281](https://github.com/freenowtech/wave/issues/281)) ([bec6bdc](https://github.com/freenowtech/wave/commit/bec6bdc376fa5ae009e4c56adec86148b3105be3)) +### [1.32.1](https://github.com/freenowtech/wave/compare/v1.32.0...v1.32.1) (2023-07-27) ### Bug Fixes -* **inline-spinner:** html and a11y ([#307](https://github.com/freenowtech/wave/issues/307)) ([cb46551](https://github.com/freenowtech/wave/commit/cb46551c344651a06c2dad1a00ddf274234ceafd)), closes [#306](https://github.com/freenowtech/wave/issues/306) +* support children prop type in row component ([#347](https://github.com/freenowtech/wave/issues/347)) ([4620776](https://github.com/freenowtech/wave/commit/4620776fe53fb5c5f56a887c27585e48fdbf5a9b)) -## [1.29.0](https://github.com/freenowtech/wave/compare/v1.28.2...v1.29.0) (2023-02-23) +## [1.32.0](https://github.com/freenowtech/wave/compare/v1.31.2...v1.32.0) (2023-06-12) ### Features -* **filePicker:** add alwaysShowActionButton to mobile ([#303](https://github.com/freenowtech/wave/issues/303)) ([5d46685](https://github.com/freenowtech/wave/commit/5d46685d701793c95275e5c608690515b642ba2a)) +* **InfoBanner:** fix up the InfoBannerCard Link export ([f6dac56](https://github.com/freenowtech/wave/commit/f6dac566d3e588b7e5a3f515b7863cf20376030d)) -### [1.28.2](https://github.com/freenowtech/wave/compare/v1.28.1...v1.28.2) (2023-02-23) +### [1.31.2](https://github.com/freenowtech/wave/compare/v1.31.1...v1.31.2) (2023-06-12) ### Bug Fixes -* **datepicker:** invoke `onClose` handler only once ([#300](https://github.com/freenowtech/wave/issues/300)) ([9190e6c](https://github.com/freenowtech/wave/commit/9190e6cb932eabfb52a55336193f01ca9d4b30e0)) +* add support for children props for Label component ([#340](https://github.com/freenowtech/wave/issues/340)) ([c840c88](https://github.com/freenowtech/wave/commit/c840c88b7315db9188cfec40b75415f2580ad757)) -### [1.28.1](https://github.com/freenowtech/wave/compare/v1.28.0...v1.28.1) (2022-12-13) +### [1.31.1](https://github.com/freenowtech/wave/compare/v1.31.0...v1.31.1) (2023-06-01) ### Bug Fixes -* uncontrolled input's label position ([#297](https://github.com/freenowtech/wave/issues/297)) ([fb6c009](https://github.com/freenowtech/wave/commit/fb6c00907d201c774160e4ef0c434da51059e2dd)) +* set focus on password input resolve [#124](https://github.com/freenowtech/wave/issues/124) ([#328](https://github.com/freenowtech/wave/issues/328)) ([5068920](https://github.com/freenowtech/wave/commit/506892004e38490ef768045a854c47f319329352)) -## [1.28.0](https://github.com/freenowtech/wave/compare/v1.27.1...v1.28.0) (2022-11-17) +## [1.31.0](https://github.com/freenowtech/wave/compare/v1.30.1...v1.31.0) (2023-05-24) + +### Features +- implement compound component approach for InfoBanner ([#336](https://github.com/freenowtech/wave/issues/336)) ([9f1982c](https://github.com/freenowtech/wave/commit/9f1982cf2977a49f48b2335f313671a7f4ffc874)) + +### [1.30.1](https://github.com/freenowtech/wave/compare/v1.30.0...v1.30.1) (2023-05-09) + +### Bug Fixes + +- **tooltip:** type children prop ([#330](https://github.com/freenowtech/wave/issues/330)) ([9bbdafe](https://github.com/freenowtech/wave/commit/9bbdafe374101c4e0ad055998f56f27fdddc9e9c)) + +## [1.30.0](https://github.com/freenowtech/wave/compare/v1.29.1...v1.30.0) (2023-04-04) ### Features -* add missing colors to match Figma file ([#289](https://github.com/freenowtech/wave/issues/289)) ([b0ae302](https://github.com/freenowtech/wave/commit/b0ae302dd215d40231b32083634e4e399dc2d2ca)) +- **table:** add sortable table components and hook ([362dba5](https://github.com/freenowtech/wave/commit/362dba50beafc5b3d35fbaedb86d458bede0df7f)) -### [1.27.1](https://github.com/freenowtech/wave/compare/v1.27.0...v1.27.1) (2022-10-25) +### [1.29.1](https://github.com/freenowtech/wave/compare/v1.29.0...v1.29.1) (2023-03-09) +### Bug Fixes + +- **inline-spinner:** html and a11y ([#307](https://github.com/freenowtech/wave/issues/307)) ([cb46551](https://github.com/freenowtech/wave/commit/cb46551c344651a06c2dad1a00ddf274234ceafd)), closes [#306](https://github.com/freenowtech/wave/issues/306) + +## [1.29.0](https://github.com/freenowtech/wave/compare/v1.28.2...v1.29.0) (2023-02-23) + +### Features + +- **filePicker:** add alwaysShowActionButton to mobile ([#303](https://github.com/freenowtech/wave/issues/303)) ([5d46685](https://github.com/freenowtech/wave/commit/5d46685d701793c95275e5c608690515b642ba2a)) + +### [1.28.2](https://github.com/freenowtech/wave/compare/v1.28.1...v1.28.2) (2023-02-23) ### Bug Fixes -* **password:** use `flex-end` instead of `end` ([#291](https://github.com/freenowtech/wave/issues/291)) ([debdb5a](https://github.com/freenowtech/wave/commit/debdb5a97e098c78d6841378fe03ed4c78eb4a2c)), closes [#290](https://github.com/freenowtech/wave/issues/290) +- **datepicker:** invoke `onClose` handler only once ([#300](https://github.com/freenowtech/wave/issues/300)) ([9190e6c](https://github.com/freenowtech/wave/commit/9190e6cb932eabfb52a55336193f01ca9d4b30e0)) -## [1.27.0](https://github.com/freenowtech/wave/compare/v1.26.1...v1.27.0) (2022-08-19) +### [1.28.1](https://github.com/freenowtech/wave/compare/v1.28.0...v1.28.1) (2022-12-13) + +### Bug Fixes + +- uncontrolled input's label position ([#297](https://github.com/freenowtech/wave/issues/297)) ([fb6c009](https://github.com/freenowtech/wave/commit/fb6c00907d201c774160e4ef0c434da51059e2dd)) +## [1.28.0](https://github.com/freenowtech/wave/compare/v1.27.1...v1.28.0) (2022-11-17) ### Features -* Tooltip with react-popper ([#267](https://github.com/freenowtech/wave/issues/267)) ([6965ef4](https://github.com/freenowtech/wave/commit/6965ef42b5f4257825b2fc86eeb1033eb4f06aa9)) +- add missing colors to match Figma file ([#289](https://github.com/freenowtech/wave/issues/289)) ([b0ae302](https://github.com/freenowtech/wave/commit/b0ae302dd215d40231b32083634e4e399dc2d2ca)) -### [1.25.3](https://github.com/freenowtech/wave/compare/v1.25.2...v1.25.3) (2022-07-21) +### [1.27.1](https://github.com/freenowtech/wave/compare/v1.27.0...v1.27.1) (2022-10-25) + +### Bug Fixes +- **password:** use `flex-end` instead of `end` ([#291](https://github.com/freenowtech/wave/issues/291)) ([debdb5a](https://github.com/freenowtech/wave/commit/debdb5a97e098c78d6841378fe03ed4c78eb4a2c)), closes [#290](https://github.com/freenowtech/wave/issues/290) + +## [1.27.0](https://github.com/freenowtech/wave/compare/v1.26.1...v1.27.0) (2022-08-19) + +### Features + +- Tooltip with react-popper ([#267](https://github.com/freenowtech/wave/issues/267)) ([6965ef4](https://github.com/freenowtech/wave/commit/6965ef42b5f4257825b2fc86eeb1033eb4f06aa9)) + +### [1.25.3](https://github.com/freenowtech/wave/compare/v1.25.2...v1.25.3) (2022-07-21) ### Bug Fixes -* expose padding prop and adjust z-index for Popover component ([#263](https://github.com/freenowtech/wave/issues/263)) ([da0e80b](https://github.com/freenowtech/wave/commit/da0e80be5df4274220336451641b31d1fe8d524f)) +- expose padding prop and adjust z-index for Popover component ([#263](https://github.com/freenowtech/wave/issues/263)) ([da0e80b](https://github.com/freenowtech/wave/commit/da0e80be5df4274220336451641b31d1fe8d524f)) ### [1.25.2](https://github.com/freenowtech/wave/compare/v1.25.1...v1.25.2) (2022-07-11) - ### Bug Fixes -* display semantic colors in table and allow to filter them ([#258](https://github.com/freenowtech/wave/issues/258)) ([2e83e76](https://github.com/freenowtech/wave/commit/2e83e763427fb5ce67fc99719a0a3a8837be086c)) +- display semantic colors in table and allow to filter them ([#258](https://github.com/freenowtech/wave/issues/258)) ([2e83e76](https://github.com/freenowtech/wave/commit/2e83e763427fb5ce67fc99719a0a3a8837be086c)) ### [1.25.1](https://github.com/freenowtech/wave/compare/v1.25.0...v1.25.1) (2022-06-16) - ### Bug Fixes -* window is undefined error in next.js projects ([b89bfc9](https://github.com/freenowtech/wave/commit/b89bfc973035cc59fe987a8b6f56d8d97d786079)), closes [#222](https://github.com/freenowtech/wave/issues/222) +- window is undefined error in next.js projects ([b89bfc9](https://github.com/freenowtech/wave/commit/b89bfc973035cc59fe987a8b6f56d8d97d786079)), closes [#222](https://github.com/freenowtech/wave/issues/222) ## [1.25.0](https://github.com/freenowtech/wave/compare/v1.24.2...v1.25.0) (2022-06-13) - ### Features -* add InfoBanner component ([#225](https://github.com/freenowtech/wave/issues/225)) ([e434f5a](https://github.com/freenowtech/wave/commit/e434f5a01915e0754ba0029b9dfbef047b6de3b2)) - +- add InfoBanner component ([#225](https://github.com/freenowtech/wave/issues/225)) ([e434f5a](https://github.com/freenowtech/wave/commit/e434f5a01915e0754ba0029b9dfbef047b6de3b2)) ### Bug Fixes -* giving singlevalue full max width to override the selectlist styles ([#248](https://github.com/freenowtech/wave/issues/248)) ([115ae70](https://github.com/freenowtech/wave/commit/115ae709d491d75d76342aa0536d274f5a23eb45)) +- giving singlevalue full max width to override the selectlist styles ([#248](https://github.com/freenowtech/wave/issues/248)) ([115ae70](https://github.com/freenowtech/wave/commit/115ae709d491d75d76342aa0536d274f5a23eb45)) ### [1.24.2](https://github.com/freenowtech/wave/compare/v1.24.1...v1.24.2) (2022-06-08) - ### Bug Fixes -* export popover component in components index ([#246](https://github.com/freenowtech/wave/issues/246)) ([0def6b8](https://github.com/freenowtech/wave/commit/0def6b83c7f5543a7a319088a1a9b8fe2fa86583)) +- export popover component in components index ([#246](https://github.com/freenowtech/wave/issues/246)) ([0def6b8](https://github.com/freenowtech/wave/commit/0def6b83c7f5543a7a319088a1a9b8fe2fa86583) -### [1.24.1](https://github.com/freenowtech/wave/compare/v1.24.0...v1.24.1) (2022-06-03) + ) +### [1.24.1](https://github.com/freenowtech/wave/compare/v1.24.0...v1.24.1) (2022-06-03) ### Bug Fixes -* adding layout to the compose styles ([#233](https://github.com/freenowtech/wave/issues/233)) ([48af1d1](https://github.com/freenowtech/wave/commit/48af1d1e1cc2c0d9b23cadc427adbfaf1b6b90c6)) +- adding layout to the compose styles ([#233](https://github.com/freenowtech/wave/issues/233)) ([48af1d1](https://github.com/freenowtech/wave/commit/48af1d1e1cc2c0d9b23cadc427adbfaf1b6b90c6)) ## [1.24.0](https://github.com/freenowtech/wave/compare/v1.23.0...v1.24.0) (2022-06-02) - ### Features -* Add Popover component to wave ([#230](https://github.com/freenowtech/wave/issues/230)) ([0c49ab3](https://github.com/freenowtech/wave/commit/0c49ab3f2bb7b6586e955ee425d1ef0e88a9c4ec)) -* popover ([#234](https://github.com/freenowtech/wave/issues/234)) ([8e4075b](https://github.com/freenowtech/wave/commit/8e4075b3d53d16bb3bd5ff2e03aa5c0ab0566ee3)) +- Add Popover component to wave ([#230](https://github.com/freenowtech/wave/issues/230)) ([0c49ab3](https://github.com/freenowtech/wave/commit/0c49ab3f2bb7b6586e955ee425d1ef0e88a9c4ec)) +- popover ([#234](https://github.com/freenowtech/wave/issues/234)) ([8e4075b](https://github.com/freenowtech/wave/commit/8e4075b3d53d16bb3bd5ff2e03aa5c0ab0566ee3)) ## [1.23.0](https://github.com/freenowtech/wave/compare/v1.22.0...v1.23.0) (2022-05-26) - ### Features -* introduce `useToggle` hook ([#220](https://github.com/freenowtech/wave/issues/220)) ([83cbad8](https://github.com/freenowtech/wave/commit/83cbad81f14a97e0b89db7f8ae0474bd4a3b4971)) +- introduce `useToggle` hook ([#220](https://github.com/freenowtech/wave/issues/220)) ([83cbad8](https://github.com/freenowtech/wave/commit/83cbad81f14a97e0b89db7f8ae0474bd4a3b4971)) ## [1.22.0](https://github.com/freenowtech/wave/compare/v1.21.0...v1.22.0) (2022-05-23) - ### Features -* update missing icons ([#228](https://github.com/freenowtech/wave/issues/228)) ([2f840e5](https://github.com/freenowtech/wave/commit/2f840e5829c07ebe91b6249c5700576f6859cc55)) +- update missing icons ([#228](https://github.com/freenowtech/wave/issues/228)) ([2f840e5](https://github.com/freenowtech/wave/commit/2f840e5829c07ebe91b6249c5700576f6859cc55)) ## [1.21.0](https://github.com/freenowtech/wave/compare/v1.20.0...v1.21.0) (2022-05-11) - ### Features -* adds Divider component ([#218](https://github.com/freenowtech/wave/issues/218)) ([9e6cb47](https://github.com/freenowtech/wave/commit/9e6cb4787320a702caf7ecf1b13ee74f26174aee)) +- adds Divider component ([#218](https://github.com/freenowtech/wave/issues/218)) ([9e6cb47](https://github.com/freenowtech/wave/commit/9e6cb4787320a702caf7ecf1b13ee74f26174aee)) ## [1.20.0](https://github.com/freenowtech/wave/compare/v1.19.0...v1.20.0) (2022-04-21) - ### Features -* adds select page size component ([#201](https://github.com/freenowtech/wave/issues/201)) ([068b958](https://github.com/freenowtech/wave/commit/068b958fb693909016c7b842df7820a4fca2bc48)) +- adds select page size component ([#201](https://github.com/freenowtech/wave/issues/201)) ([068b958](https://github.com/freenowtech/wave/commit/068b958fb693909016c7b842df7820a4fca2bc48)) ## [1.19.0](https://github.com/freenowtech/wave/compare/v1.18.1...v1.19.0) (2022-03-08) - ### Features -* remove brand colors from semantic colors object ([#208](https://github.com/freenowtech/wave/issues/208)) ([1ccb794](https://github.com/freenowtech/wave/commit/1ccb7942df9999afda89cb94cd448a1c78c1a3a6)) +- remove brand colors from semantic colors object ([#208](https://github.com/freenowtech/wave/issues/208)) ([1ccb794](https://github.com/freenowtech/wave/commit/1ccb7942df9999afda89cb94cd448a1c78c1a3a6)) ### [1.18.1](https://github.com/freenowtech/wave/compare/v1.18.0...v1.18.1) (2022-02-05) - ### Bug Fixes -* replace weak prop with secondary ([#206](https://github.com/freenowtech/wave/issues/206)) ([37a7f4f](https://github.com/freenowtech/wave/commit/37a7f4f1ae07c0ce9d2709e7ad9b027e1331de4e)) +- replace weak prop with secondary ([#206](https://github.com/freenowtech/wave/issues/206)) ([37a7f4f](https://github.com/freenowtech/wave/commit/37a7f4f1ae07c0ce9d2709e7ad9b027e1331de4e)) ## [1.18.0](https://github.com/freenowtech/wave/compare/v1.17.1...v1.18.0) (2022-02-01) - ### Features -* add grid system components ([#198](https://github.com/freenowtech/wave/issues/198)) ([c435683](https://github.com/freenowtech/wave/commit/c4356831e111c8237871778974bee8bfe69c383f)), closes [#200](https://github.com/freenowtech/wave/issues/200) -* add missing icons ([#200](https://github.com/freenowtech/wave/pull/200)) ([f585dfb](https://github.com/freenowtech/wave/commit/f585dfb412b3091d3fbd6aa9a815a1dbcc570361)) +- add grid system components ([#198](https://github.com/freenowtech/wave/issues/198)) ([c435683](https://github.com/freenowtech/wave/commit/c4356831e111c8237871778974bee8bfe69c383f)), closes [#200](https://github.com/freenowtech/wave/issues/200) +- add missing icons ([#200](https://github.com/freenowtech/wave/pull/200)) ([f585dfb](https://github.com/freenowtech/wave/commit/f585dfb412b3091d3fbd6aa9a815a1dbcc570361)) ### [1.17.1](https://github.com/freenowtech/wave/compare/v1.17.0...v1.17.1) (2022-01-26) - ### Bug Fixes -* spread Box props correctly ([9dac265](https://github.com/freenowtech/wave/commit/9dac265f2a65ba9897a588ef545e2efd0fc14c2f)), closes [#190](https://github.com/freenowtech/wave/issues/190) +- spread Box props correctly ([9dac265](https://github.com/freenowtech/wave/commit/9dac265f2a65ba9897a588ef545e2efd0fc14c2f)), closes [#190](https://github.com/freenowtech/wave/issues/190) ## [1.17.0](https://github.com/freenowtech/wave/compare/v1.16.2...v1.17.0) (2021-12-09) - ### Features -* add secondary variant for text component ([#170](https://github.com/freenowtech/wave/issues/170)) ([f056fea](https://github.com/freenowtech/wave/commit/f056fea33f1a4183ee1cf96b14232572b3b65f78)) +- add secondary variant for text component ([#170](https://github.com/freenowtech/wave/issues/170)) ([f056fea](https://github.com/freenowtech/wave/commit/f056fea33f1a4183ee1cf96b14232572b3b65f78)) ### [1.16.2](https://github.com/freenowtech/wave/compare/v1.16.1...v1.16.2) (2021-11-17) - ### Bug Fixes -* cleanup Modal timeout ([#193](https://github.com/freenowtech/wave/issues/193)) ([fcb1341](https://github.com/freenowtech/wave/commit/fcb1341b06bcc92af0b368da5ef566c01718316e)) +- cleanup Modal timeout ([#193](https://github.com/freenowtech/wave/issues/193)) ([fcb1341](https://github.com/freenowtech/wave/commit/fcb1341b06bcc92af0b368da5ef566c01718316e)) ### [1.16.1](https://github.com/freenowtech/wave/compare/v1.16.0...v1.16.1) (2021-10-26) - ### Bug Fixes -* add layout props to TableHeaderCell and TableCell ([#185](https://github.com/freenowtech/wave/issues/185)) ([0915c58](https://github.com/freenowtech/wave/commit/0915c580ca06b11517f36f0e5da3bcd24b7e7d1f)) +- add layout props to TableHeaderCell and TableCell ([#185](https://github.com/freenowtech/wave/issues/185)) ([0915c58](https://github.com/freenowtech/wave/commit/0915c580ca06b11517f36f0e5da3bcd24b7e7d1f)) ## [1.16.0](https://github.com/freenowtech/wave/compare/v1.15.1...v1.16.0) (2021-10-25) - ### Features -* added Accordion component ([#172](https://github.com/freenowtech/wave/issues/172)) ([439b67c](https://github.com/freenowtech/wave/commit/439b67c0b14ae0c4d820a24710f35085d3037d1b)) +- added Accordion component ([#172](https://github.com/freenowtech/wave/issues/172)) ([439b67c](https://github.com/freenowtech/wave/commit/439b67c0b14ae0c4d820a24710f35085d3037d1b)) ### [1.15.1](https://github.com/freenowtech/wave/compare/v1.15.0...v1.15.1) (2021-10-15) - ### Bug Fixes -* adding disabled state for datepicker ([#181](https://github.com/freenowtech/wave/issues/181)) ([313f424](https://github.com/freenowtech/wave/commit/313f4240190767f77bb00340f4ecbbb8e215a2af)) +- adding disabled state for datepicker ([#181](https://github.com/freenowtech/wave/issues/181)) ([313f424](https://github.com/freenowtech/wave/commit/313f4240190767f77bb00340f4ecbbb8e215a2af)) ## [1.15.0](https://github.com/freenowtech/wave/compare/v1.14.0...v1.15.0) (2021-10-07) - ### Features -* replace tslint with eslint ([#163](https://github.com/freenowtech/wave/issues/163)) ([38c6da6](https://github.com/freenowtech/wave/commit/38c6da61581db49d7a44a3c3c29e44a6e0b21cd4)) +- replace tslint with eslint ([#163](https://github.com/freenowtech/wave/issues/163)) ([38c6da6](https://github.com/freenowtech/wave/commit/38c6da61581db49d7a44a3c3c29e44a6e0b21cd4)) ## [1.14.0](https://github.com/freenowtech/wave/compare/v1.13.3...v1.14.0) (2021-09-13) - ### Features -* **checkbox:** add the indeterminate state to the checkbox component ([c2ef780](https://github.com/freenowtech/wave/commit/c2ef780481f29992c4112e27d8a614d7b546b1b3)) +- **checkbox:** add the indeterminate state to the checkbox component ([c2ef780](https://github.com/freenowtech/wave/commit/c2ef780481f29992c4112e27d8a614d7b546b1b3)) ### [1.13.3](https://github.com/freenowtech/wave/compare/v1.13.2...v1.13.3) (2021-08-11) - ### Bug Fixes -* remove margin around Toggle component ([#168](https://github.com/freenowtech/wave/issues/168)) ([c745695](https://github.com/freenowtech/wave/commit/c745695c33fda61ffd2bab24cef517ba11afeda1)) +- remove margin around Toggle component ([#168](https://github.com/freenowtech/wave/issues/168)) ([c745695](https://github.com/freenowtech/wave/commit/c745695c33fda61ffd2bab24cef517ba11afeda1)) ### [1.13.2](https://github.com/freenowtech/wave/compare/v1.13.1...v1.13.2) (2021-07-29) - ### Bug Fixes -* set search input autocomplete to off ([#161](https://github.com/freenowtech/wave/issues/161)) ([4a2f66a](https://github.com/freenowtech/wave/commit/4a2f66ad6079404ee2a7f4f91bb3bda9039a4b7f)) +- set search input autocomplete to off ([#161](https://github.com/freenowtech/wave/issues/161)) ([4a2f66a](https://github.com/freenowtech/wave/commit/4a2f66ad6079404ee2a7f4f91bb3bda9039a4b7f)) ### [1.13.1](https://github.com/freenowtech/wave/compare/v1.13.0...v1.13.1) (2021-07-21) - ### Bug Fixes -* use currentColor to pass props color for MinusIcon ([#160](https://github.com/freenowtech/wave/issues/160)) ([a0dc014](https://github.com/freenowtech/wave/commit/a0dc0140c76224f007a250b1eaface356b41ff8a)) +- use currentColor to pass props color for MinusIcon ([#160](https://github.com/freenowtech/wave/issues/160)) ([a0dc014](https://github.com/freenowtech/wave/commit/a0dc0140c76224f007a250b1eaface356b41ff8a)) ## [1.13.0](https://github.com/freenowtech/wave/compare/v1.12.0...v1.13.0) (2021-07-21) - ### Features -* add minus icon ([#158](https://github.com/freenowtech/wave/issues/158)) ([780be84](https://github.com/freenowtech/wave/commit/780be8491b298ae1ccfbfb68e066faf9af271858)) +- add minus icon ([#158](https://github.com/freenowtech/wave/issues/158)) ([780be84](https://github.com/freenowtech/wave/commit/780be8491b298ae1ccfbfb68e066faf9af271858)) ## [1.12.0](https://github.com/freenowtech/wave/compare/v1.11.0...v1.12.0) (2021-07-20) - ### Features -* add control props to search component ([d5e8fbc](https://github.com/freenowtech/wave/commit/d5e8fbce536a683e9be1da72b33b414e3a6ed968)) +- add control props to search component ([d5e8fbc](https://github.com/freenowtech/wave/commit/d5e8fbce536a683e9be1da72b33b414e3a6ed968)) ## [1.11.0](https://github.com/freenowtech/wave/compare/v1.10.0...v1.11.0) (2021-07-15) - ### Features -* add and export semantic/functional colors ([945e1bf](https://github.com/freenowtech/wave/commit/945e1bf63060a965a7429c0e12ad22981a375daa)) +- add and export semantic/functional colors ([945e1bf](https://github.com/freenowtech/wave/commit/945e1bf63060a965a7429c0e12ad22981a375daa)) ## [1.10.0](https://github.com/freenowtech/wave/compare/v1.9.0...v1.10.0) (2021-07-13) - ### Features -* add placeholder for the select component ([#150](https://github.com/freenowtech/wave/issues/150)) ([9c37f54](https://github.com/freenowtech/wave/commit/9c37f54bddfbd18e0316d0b79036c93732c66428)) - +- add placeholder for the select component ([#150](https://github.com/freenowtech/wave/issues/150)) ([9c37f54](https://github.com/freenowtech/wave/commit/9c37f54bddfbd18e0316d0b79036c93732c66428)) ## [1.9.0](https://github.com/freenowtech/wave/compare/v1.8.1...v1.9.0) (2021-07-08) - ### Features -* **icon:** add the copy icon ([#141](https://github.com/freenowtech/wave/issues/141)) ([956b5ee](https://github.com/freenowtech/wave/commit/956b5ee619acb11acd83c2b4e54819c3da99dfa7)) +- **icon:** add the copy icon ([#141](https://github.com/freenowtech/wave/issues/141)) ([956b5ee](https://github.com/freenowtech/wave/commit/956b5ee619acb11acd83c2b4e54819c3da99dfa7)) ### [1.8.1](https://github.com/freenowtech/wave/compare/v1.8.0...v1.8.1) (2021-07-06) - ### Bug Fixes -* add polyfill for IE 11 browsers for the nanoid library ([f2acdbe](https://github.com/freenowtech/wave/commit/f2acdbe23d025eb60aea4cb1d516ac601ff4ef68)) +- add polyfill for IE 11 browsers for the nanoid library ([f2acdbe](https://github.com/freenowtech/wave/commit/f2acdbe23d025eb60aea4cb1d516ac601ff4ef68)) ## [1.8.0](https://github.com/freenowtech/wave/compare/v1.7.0...v1.8.0) (2021-06-29) - ### Features -* **date-range:** Allow to force picker to show a single month via props ([#133](https://github.com/freenowtech/wave/issues/133)) ([bc635b0](https://github.com/freenowtech/wave/commit/bc635b073f2ae30dd1487f8eb26263db72d5fbfb)) +- **date-range:** Allow to force picker to show a single month via props ([#133](https://github.com/freenowtech/wave/issues/133)) ([bc635b0](https://github.com/freenowtech/wave/commit/bc635b073f2ae30dd1487f8eb26263db72d5fbfb)) ## [1.7.0](https://github.com/freenowtech/wave/compare/v1.6.0...v1.7.0) (2021-06-28) - ### Features -* add new label variants and filled prop ([#125](https://github.com/freenowtech/wave/issues/125)) ([f28c797](https://github.com/freenowtech/wave/commit/f28c7976d98f98e87cca744f8931e516b87d6d74)) +- add new label variants and filled prop ([#125](https://github.com/freenowtech/wave/issues/125)) ([f28c797](https://github.com/freenowtech/wave/commit/f28c7976d98f98e87cca744f8931e516b87d6d74)) ## [1.6.0](https://github.com/freenowtech/wave/compare/v1.5.0...v1.6.0) (2021-06-15) - ### Features -* making input ids passable by props for datepicker ([#120](https://github.com/freenowtech/wave/issues/120)) ([2667dce](https://github.com/freenowtech/wave/commit/2667dce227d6d81c11c7d41df294a441d7e925a3)) +- making input ids passable by props for datepicker ([#120](https://github.com/freenowtech/wave/issues/120)) ([2667dce](https://github.com/freenowtech/wave/commit/2667dce227d6d81c11c7d41df294a441d7e925a3)) ## [1.5.0](https://github.com/freenowtech/wave/compare/v1.4.4...v1.5.0) (2021-06-15) - ### Features -* **SelectList:** associate label with the input ([#112](https://github.com/freenowtech/wave/issues/112)) ([a5ede85](https://github.com/freenowtech/wave/commit/a5ede85e2b3dc9f825104395d6521f0c28791763)) +- **SelectList:** associate label with the input ([#112](https://github.com/freenowtech/wave/issues/112)) ([a5ede85](https://github.com/freenowtech/wave/commit/a5ede85e2b3dc9f825104395d6521f0c28791763)) ### [1.4.4](https://github.com/freenowtech/wave/compare/v1.4.3...v1.4.4) (2021-06-14) - ### Bug Fixes -* **offcanvas:** export Offcanvas component ([#118](https://github.com/freenowtech/wave/issues/118)) ([cccb033](https://github.com/freenowtech/wave/commit/cccb0331e9f2623005d0604d0b032ecbdcc70a5f)) +- **offcanvas:** export Offcanvas component ([#118](https://github.com/freenowtech/wave/issues/118)) ([cccb033](https://github.com/freenowtech/wave/commit/cccb0331e9f2623005d0604d0b032ecbdcc70a5f)) ### [1.4.3](https://github.com/freenowtech/wave/compare/v1.4.2...v1.4.3) (2021-06-11) - ### Features -* add offcanvas component ([#115](https://github.com/freenowtech/wave/issues/115)) ([c937a48](https://github.com/freenowtech/wave/commit/c937a485169bf051ee0b843725a5dee7dee43e94)) - +- add offcanvas component ([#115](https://github.com/freenowtech/wave/issues/115)) ([c937a48](https://github.com/freenowtech/wave/commit/c937a485169bf051ee0b843725a5dee7dee43e94)) ### Bug Fixes -* **checkbox:** preserve checkbox outline ([#116](https://github.com/freenowtech/wave/issues/116)) ([4774215](https://github.com/freenowtech/wave/commit/4774215921a6d0ec6f9d6ec909530d7e80555a17)) +- **checkbox:** preserve checkbox outline ([#116](https://github.com/freenowtech/wave/issues/116)) ([4774215](https://github.com/freenowtech/wave/commit/4774215921a6d0ec6f9d6ec909530d7e80555a17)) ### [1.4.2](https://github.com/freenowtech/wave/compare/v1.4.1...v1.4.2) (2021-06-11) - ### Bug Fixes -* **checkbox:** preventing one click trigger twice. one input one for text ([#110](https://github.com/freenowtech/wave/issues/110)) ([6a1c739](https://github.com/freenowtech/wave/commit/6a1c739a67e1f403d791ba92b2d0536691311984)) +- **checkbox:** preventing one click trigger twice. one input one for text ([#110](https://github.com/freenowtech/wave/issues/110)) ([6a1c739](https://github.com/freenowtech/wave/commit/6a1c739a67e1f403d791ba92b2d0536691311984)) ### [1.4.1](https://github.com/freenowtech/wave/compare/v1.4.0...v1.4.1) (2021-06-11) - ### Bug Fixes -* **date-picker:** emitting single input click events for datepicker ([#111](https://github.com/freenowtech/wave/issues/111)) ([cb1193d](https://github.com/freenowtech/wave/commit/cb1193defa96223f43542e4419f3500da6057f70)) +- **date-picker:** emitting single input click events for datepicker ([#111](https://github.com/freenowtech/wave/issues/111)) ([cb1193d](https://github.com/freenowtech/wave/commit/cb1193defa96223f43542e4419f3500da6057f70)) ## [1.4.0](https://github.com/freenowtech/wave/compare/v1.3.0...v1.4.0) (2021-06-09) - ### Features -* Adds `size` prop to separate headline styles from heading level ([4910b35](https://github.com/freenowtech/wave/commit/4910b3584e05726f9f602c9ad4dd1b9a4ebbf841)) +- Adds `size` prop to separate headline styles from heading level ([4910b35](https://github.com/freenowtech/wave/commit/4910b3584e05726f9f602c9ad4dd1b9a4ebbf841)) ## [1.3.0](https://github.com/freenowtech/wave/compare/v1.2.2...v1.3.0) (2021-06-09) - ### Features -* add new textVerticalAlign prop to radio button ([#109](https://github.com/freenowtech/wave/issues/109)) ([29a7c60](https://github.com/freenowtech/wave/commit/29a7c6078907467e990682dd3389c52e8df491a3)) +- add new textVerticalAlign prop to radio button ([#109](https://github.com/freenowtech/wave/issues/109)) ([29a7c60](https://github.com/freenowtech/wave/commit/29a7c6078907467e990682dd3389c52e8df491a3)) ### [1.2.2](https://github.com/freenowtech/wave/compare/v1.2.1...v1.2.2) (2021-06-09) - ### Bug Fixes -* enable props to change the inline spinner ([#107](https://github.com/freenowtech/wave/issues/107)) ([fd48a93](https://github.com/freenowtech/wave/commit/fd48a93c1a655ef3dc1d84f635662bfb9497864c)) +- enable props to change the inline spinner ([#107](https://github.com/freenowtech/wave/issues/107)) ([fd48a93](https://github.com/freenowtech/wave/commit/fd48a93c1a655ef3dc1d84f635662bfb9497864c)) ### [1.2.1](https://github.com/freenowtech/wave/compare/v1.2.0...v1.2.1) (2021-06-04) - ### Bug Fixes -* **password:** allow to set width of the password input ([#101](https://github.com/freenowtech/wave/issues/101)) ([17d9a9a](https://github.com/freenowtech/wave/commit/17d9a9a338f3769ac02e6a1537271bf6d37ca081)) - +- **password:** allow to set width of the password input ([#101](https://github.com/freenowtech/wave/issues/101)) ([17d9a9a](https://github.com/freenowtech/wave/commit/17d9a9a338f3769ac02e6a1537271bf6d37ca081)) ## [1.2.0](https://github.com/freenowtech/wave/compare/v1.1.0...v1.2.0) (2021-06-03) - ### Features -* **text:** adding the disabled text color, fixing inverted text colors ([#96](https://github.com/freenowtech/wave/issues/96)) ([40b529d](https://github.com/freenowtech/wave/commit/40b529d2f51397ac7d95373ffd2f40a130853864)) - +- **text:** adding the disabled text color, fixing inverted text colors ([#96](https://github.com/freenowtech/wave/issues/96)) ([40b529d](https://github.com/freenowtech/wave/commit/40b529d2f51397ac7d95373ffd2f40a130853864)) ### Bug Fixes -* **checkbox:** Adds disabled checkbox text color ([#97](https://github.com/freenowtech/wave/issues/97)) ([d2dc31d](https://github.com/freenowtech/wave/commit/d2dc31db1323e3947bb95139f80e02db5599a928)) - +- **checkbox:** Adds disabled checkbox text color ([#97](https://github.com/freenowtech/wave/issues/97)) ([d2dc31d](https://github.com/freenowtech/wave/commit/d2dc31db1323e3947bb95139f80e02db5599a928)) ## [1.1.0](https://github.com/freenowtech/wave/compare/v1.0.7...v1.1.0) (2021-05-31) - ### Features -* add `Password` component ([#89](https://github.com/freenowtech/wave/issues/89)) ([e590596](https://github.com/freenowtech/wave/commit/e5905961f23b5a238513dd556344ebb31f5cbfd6)) +- add `Password` component ([#89](https://github.com/freenowtech/wave/issues/89)) ([e590596](https://github.com/freenowtech/wave/commit/e5905961f23b5a238513dd556344ebb31f5cbfd6)) ### [1.0.7](https://github.com/freenowtech/wave/compare/v1.0.6...v1.0.7) (2021-05-21) - ### Bug Fixes -* **a11y:** Link inputs and labels when `id` is not provided by the user ([#86](https://github.com/freenowtech/wave/issues/86)) ([541a9ba](https://github.com/freenowtech/wave/commit/541a9ba496ef1a4e48ed6fc34efbefe0731cc4fa)) +- **a11y:** Link inputs and labels when `id` is not provided by the user ([#86](https://github.com/freenowtech/wave/issues/86)) ([541a9ba](https://github.com/freenowtech/wave/commit/541a9ba496ef1a4e48ed6fc34efbefe0731cc4fa)) ### [1.0.6](https://github.com/freenowtech/wave/compare/v1.0.5...v1.0.6) (2021-05-21) - ### Bug Fixes -* Allow to set icon color for payments icons ([#76](https://github.com/freenowtech/wave/issues/76)) ([5cf02b9](https://github.com/freenowtech/wave/commit/5cf02b97c1111b09a97d2f61a003f4185f4bf5ee)) +- Allow to set icon color for payments icons ([#76](https://github.com/freenowtech/wave/issues/76)) ([5cf02b9](https://github.com/freenowtech/wave/commit/5cf02b97c1111b09a97d2f61a003f4185f4bf5ee)) ### [1.0.5](https://github.com/freenowtech/wave/compare/v1.0.4...v1.0.5) (2021-05-21) - ### Bug Fixes -* Inline spinner breaking button siblings ([#77](https://github.com/freenowtech/wave/issues/77)) ([a4a6fe3](https://github.com/freenowtech/wave/commit/a4a6fe39b8b661f6aa39f00f3d48067c882632d2)), closes [#22](https://github.com/freenowtech/wave/issues/22) +- Inline spinner breaking button siblings ([#77](https://github.com/freenowtech/wave/issues/77)) ([a4a6fe3](https://github.com/freenowtech/wave/commit/a4a6fe39b8b661f6aa39f00f3d48067c882632d2)), closes [#22](https://github.com/freenowtech/wave/issues/22) ### [1.0.4](https://github.com/freenowtech/wave/compare/v1.0.3...v1.0.4) (2021-05-21) - ### Bug Fixes -* **essentials:** use correct blur-radius value for medium size shadow ([#83](https://github.com/freenowtech/wave/issues/83)) ([0a79512](https://github.com/freenowtech/wave/commit/0a79512e43247efc214231414329132ac420d0a9)), closes [#82](https://github.com/freenowtech/wave/issues/82) +- **essentials:** use correct blur-radius value for medium size shadow ([#83](https://github.com/freenowtech/wave/issues/83)) ([0a79512](https://github.com/freenowtech/wave/commit/0a79512e43247efc214231414329132ac420d0a9)), closes [#82](https://github.com/freenowtech/wave/issues/82) ### [1.0.3](https://github.com/freenowtech/wave/compare/v1.0.2...v1.0.3) (2021-05-11) - ### Bug Fixes -* use default export instead of named export ([#73](https://github.com/freenowtech/wave/issues/73)) ([6f91edc](https://github.com/freenowtech/wave/commit/6f91edc98ba9988b415d114a2f9b002a58af409a)) +- use default export instead of named export ([#73](https://github.com/freenowtech/wave/issues/73)) ([6f91edc](https://github.com/freenowtech/wave/commit/6f91edc98ba9988b415d114a2f9b002a58af409a)) ### [1.0.2](https://github.com/freenowtech/wave/compare/v1.0.1...v1.0.2) (2021-05-06) - ### Bug Fixes -* isLastPage true if 0 items ([#64](https://github.com/freenowtech/wave/issues/64)) ([7fc21fd](https://github.com/freenowtech/wave/commit/7fc21fd17fb91c36bc78ca8020c0ff0c25e81f4c)) +- isLastPage true if 0 items ([#64](https://github.com/freenowtech/wave/issues/64)) ([7fc21fd](https://github.com/freenowtech/wave/commit/7fc21fd17fb91c36bc78ca8020c0ff0c25e81f4c)) ### [1.0.1](https://github.com/freenowtech/wave/compare/v1.0.0...v1.0.1) (2021-05-03) - ### Bug Fixes -* set publish config to public ([#63](https://github.com/freenowtech/wave/issues/63)) ([0a501ae](https://github.com/freenowtech/wave/commit/0a501ae93ee49bcfb01c775890bdb815083be295)) +- set publish config to public ([#63](https://github.com/freenowtech/wave/issues/63)) ([0a501ae](https://github.com/freenowtech/wave/commit/0a501ae93ee49bcfb01c775890bdb815083be295)) ## 1.0.0 (2021-05-03) - ### Features -* add new pen icon ([#58](https://github.com/freenowtech/wave/issues/58)) ([96792e7](https://github.com/freenowtech/wave/commit/96792e703ad22cf760470a0781497173c3787364)) -* open source big bang ([ec3b280](https://github.com/freenowtech/wave/commit/ec3b2804eee816091811c98c3e2406d298a68718)) - +- add new pen icon ([#58](https://github.com/freenowtech/wave/issues/58)) ([96792e7](https://github.com/freenowtech/wave/commit/96792e703ad22cf760470a0781497173c3787364)) +- open source big bang ([ec3b280](https://github.com/freenowtech/wave/commit/ec3b2804eee816091811c98c3e2406d298a68718)) ### Bug Fixes -* add break-word so selected option does not get cut off ([c52118c](https://github.com/freenowtech/wave/commit/c52118c8da0d8fc6d5a61dbc9ec68bf914a0ca7b)) -* use a dedicated transpiler for styled-components ([#31](https://github.com/freenowtech/wave/issues/31)) ([dd34652](https://github.com/freenowtech/wave/commit/dd3465226dbba4b3fc92b650ce8c5a676853cac2)) +- add break-word so selected option does not get cut off ([c52118c](https://github.com/freenowtech/wave/commit/c52118c8da0d8fc6d5a61dbc9ec68bf914a0ca7b)) +- use a dedicated transpiler for styled-components ([#31](https://github.com/freenowtech/wave/issues/31)) ([dd34652](https://github.com/freenowtech/wave/commit/dd3465226dbba4b3fc92b650ce8c5a676853cac2)) diff --git a/docs/index.storybook.mdx b/docs/index.storybook.mdx index 5e05cace7..4cca8d028 100644 --- a/docs/index.storybook.mdx +++ b/docs/index.storybook.mdx @@ -14,13 +14,16 @@ import FigmaLogo from './assets/figma-logo-with-text.svg'; import GithubLogo from './assets/github-logo.svg'; import WarningIcon from './assets/warning-icon.svg'; -import { ArrowRightIcon, AlertIcon, PenIcon } from '../src/icons/'; +import { + ArrowRightIcon, + AlertIcon, + PenIcon +} from '../src/icons/'; import { Box } from '../src/components/Box/Box'; import { Button } from '../src/components/Button/Button'; import { Card } from '../src/components/Card/Card'; import { Headline } from '../src/components/Headline/Headline'; import { Text } from '../src/components/Text/Text'; -import { H3, CardLink } from './components/MainPage'; @@ -28,7 +31,6 @@ import { H3, CardLink } from './components/MainPage'; {` .sbdocs-wrapper { position: relative; - overflow: hidden; } .wave-bg { @@ -131,122 +133,147 @@ import { H3, CardLink } from './components/MainPage'; -

Foundations

+ + Foundations + - - + color-icon Colors + Convey meaning or structure, highlight various information or elements, display different states through our color palette. - - - + + + + + {/* TODO: Create Typography docs page - Example: https://orbit.kiwi/foundation/typography */} - - + color-icon Typography + Demonstrate the continuity of hierarchy, and importance of content on a page with our typography guidelines and styles. - - - - - + + + + + + color-icon Spacing + Indicate hierarchical relation of elements and consistency in layout with the distance of elements using our spacing system. - - - + + + + + + -

Building blocks

+ + Building blocks + - - + color-icon Components + A comprehensive collection of our reusable interface components that are ready for use in production out of the box. Utilize these components to swiftly build new experiences and benefit from prebuilt features integrated in these building blocks. + {/* For now link to Button, in future this could link to page with grid-like preview of components like e.g. https://www.uiguideline.com/components */} - + + + - - + - - + color-icon Icons + Icons are a crucial part of any design system, as they help indicate semantic meaning, draw an attention to specific actions or can be utilised in conjunction with text content to emphasise the meaning of the content, like in a button component along with label. + - + + + - - + + -

Support

+ + Support + - - + color-icon Figma Library + Explore the core resources of our Figma components library including the color palette, design tokens mapping, icons and flags, guidelines for contribution of new components and more. + {/* This link has limited access only for FREENOW employees at the moment, but could link in the future to a publicly accessible Figma UI Kit (as library itself is open-source as well, it would make sense imo) */} - + + + + figma-logo-with-text - - + - - + color-icon Bug Report + Did you find a bug in any of our components? No worries! Create an issue for the bug on our Github and we’ll make sure to fix it as soon as possible. + - + + + + github-logo-with-text - - + + diff --git a/package-lock.json b/package-lock.json index 8eccc7f30..c8f62e5fb 100644 --- a/package-lock.json +++ b/package-lock.json @@ -117,6 +117,7 @@ "version": "2.2.0", "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.0.tgz", "integrity": "sha512-qRmjj8nj9qmLTQXXmaR1cck3UXSRMPrbsLJAasZpF+t3riI71BXed5ebIOYwQntykeZuhjsdweEc9BxH5Jc26w==", + "dev": true, "dependencies": { "@jridgewell/gen-mapping": "^0.1.0", "@jridgewell/trace-mapping": "^0.3.9" @@ -152,6 +153,7 @@ "version": "7.21.7", "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.21.7.tgz", "integrity": "sha512-KYMqFYTaenzMK4yUtf4EW9wc4N9ef80FsbMtkwool5zpwl4YrT1SdWYSTRcT94KO4hannogdS+LxY7L+arP3gA==", + "dev": true, "engines": { "node": ">=6.9.0" } @@ -160,6 +162,7 @@ "version": "7.21.8", "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.21.8.tgz", "integrity": "sha512-YeM22Sondbo523Sz0+CirSPnbj9bG3P0CdHcBZdqUuaeOaYEFbOLoGU7lebvGP6P5J/WE9wOn7u7C4J9HvS1xQ==", + "dev": true, "dependencies": { "@ampproject/remapping": "^2.2.0", "@babel/code-frame": "^7.21.4", @@ -207,6 +210,7 @@ "version": "7.21.5", "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.21.5.tgz", "integrity": "sha512-SrKK/sRv8GesIW1bDagf9cCG38IOMYZusoe1dfg0D8aiUe3Amvoj1QtjTPAWcfrZFvIwlleLb0gxzQidL9w14w==", + "dev": true, "dependencies": { "@babel/types": "^7.21.5", "@jridgewell/gen-mapping": "^0.3.2", @@ -221,6 +225,7 @@ "version": "0.3.2", "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.2.tgz", "integrity": "sha512-mh65xKQAzI6iBcFzwv28KVWSmCkdRBWoOh+bYQGW3+6OZvbbN3TqMGo5hqYxQniRcH9F2VZIoJCm4pa3BPDK/A==", + "dev": true, "dependencies": { "@jridgewell/set-array": "^1.0.1", "@jridgewell/sourcemap-codec": "^1.4.10", @@ -259,6 +264,7 @@ "version": "7.21.5", "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.21.5.tgz", "integrity": "sha512-1RkbFGUKex4lvsB9yhIfWltJM5cZKUftB2eNajaDv3dCMEp49iBG0K14uH8NnX9IPux2+mK7JGEOB0jn48/J6w==", + "dev": true, "dependencies": { "@babel/compat-data": "^7.21.5", "@babel/helper-validator-option": "^7.21.0", @@ -333,6 +339,7 @@ "version": "7.21.5", "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.21.5.tgz", "integrity": "sha512-IYl4gZ3ETsWocUWgsFZLM5i1BYx9SoemminVEXadgLBa9TdeorzgLKm8wWLA6J1N/kT3Kch8XIk1laNzYoHKvQ==", + "dev": true, "engines": { "node": ">=6.9.0" } @@ -353,6 +360,7 @@ "version": "7.21.0", "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.21.0.tgz", "integrity": "sha512-HfK1aMRanKHpxemaY2gqBmL04iAPOPRj7DxtNbiDOrJK+gdwkiNRVpCpUJYbUT+aZyemKN8brqTOxzCaG6ExRg==", + "dev": true, "dependencies": { "@babel/template": "^7.20.7", "@babel/types": "^7.21.0" @@ -365,6 +373,7 @@ "version": "7.18.6", "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.18.6.tgz", "integrity": "sha512-UlJQPkFqFULIcyW5sbzgbkxn2FKRgwWiRexcuaR8RNJRy8+LLveqPjwZV/bwrLZCN0eUHD/x8D0heK1ozuoo6Q==", + "dev": true, "dependencies": { "@babel/types": "^7.18.6" }, @@ -399,6 +408,7 @@ "version": "7.21.5", "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.21.5.tgz", "integrity": "sha512-bI2Z9zBGY2q5yMHoBvJ2a9iX3ZOAzJPm7Q8Yz6YeoUjU/Cvhmi2G4QyTNyPBqqXSgTjUxRg3L0xV45HvkNWWBw==", + "dev": true, "dependencies": { "@babel/helper-environment-visitor": "^7.21.5", "@babel/helper-module-imports": "^7.21.4", @@ -472,6 +482,7 @@ "version": "7.21.5", "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.21.5.tgz", "integrity": "sha512-ENPDAMC1wAjR0uaCUwliBdiSl1KBJAVnMTzXqi64c2MG8MPR6ii4qf7bSXDqSFbr4W6W028/rf5ivoHop5/mkg==", + "dev": true, "dependencies": { "@babel/types": "^7.21.5" }, @@ -495,6 +506,7 @@ "version": "7.18.6", "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.18.6.tgz", "integrity": "sha512-bde1etTx6ZyTmobl9LLMMQsaizFVZrquTEHOqKeQESMKo4PlObf+8+JA25ZsIpZhT/WEd39+vOdLXAFG/nELpA==", + "dev": true, "dependencies": { "@babel/types": "^7.18.6" }, @@ -522,6 +534,7 @@ "version": "7.21.0", "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.21.0.tgz", "integrity": "sha512-rmL/B8/f0mKS2baE9ZpyTcTavvEuWhTTW8amjzXNvYG4AwBsqTLikfXsEofsJEfKHf+HQVQbFOHy6o+4cnC/fQ==", + "dev": true, "engines": { "node": ">=6.9.0" } @@ -545,6 +558,7 @@ "version": "7.21.5", "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.21.5.tgz", "integrity": "sha512-BSY+JSlHxOmGsPTydUkPf1MdMQ3M81x5xGCOVgWM3G8XH77sJ292Y2oqcp0CbbgxhqBuI46iUz1tT7hqP7EfgA==", + "dev": true, "dependencies": { "@babel/template": "^7.20.7", "@babel/traverse": "^7.21.5", @@ -571,6 +585,7 @@ "version": "7.21.8", "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.21.8.tgz", "integrity": "sha512-6zavDGdzG3gUqAdWvlLFfk+36RilI+Pwyuuh7HItyeScCWP3k6i8vKclAQ0bM/0y/Kz/xiwvxhMv9MgTJP5gmA==", + "dev": true, "bin": { "parser": "bin/babel-parser.js" }, @@ -2058,6 +2073,7 @@ "version": "7.20.7", "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.20.7.tgz", "integrity": "sha512-8SegXApWe6VoNw0r9JHpSteLKTpTiLZ4rMlGIm9JQ18KiCtyQiAMEazujAHrUS5flrcqYZa75ukev3P6QmUwUw==", + "dev": true, "dependencies": { "@babel/code-frame": "^7.18.6", "@babel/parser": "^7.20.7", @@ -2071,6 +2087,7 @@ "version": "7.21.5", "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.21.5.tgz", "integrity": "sha512-AhQoI3YjWi6u/y/ntv7k48mcrCXmus0t79J9qPNlk/lAsFlCiJ047RmbfMOawySTHtywXhbXgpx/8nXMYd+oFw==", + "dev": true, "dependencies": { "@babel/code-frame": "^7.21.4", "@babel/generator": "^7.21.5", @@ -4390,6 +4407,7 @@ "version": "0.1.1", "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.1.1.tgz", "integrity": "sha512-sQXCasFk+U8lWYEe66WxRDOE9PjVz4vSM51fTu3Hw+ClTpUSQb718772vH3pyS5pShp6lvQM7SxgIDXXXmOX7w==", + "dev": true, "dependencies": { "@jridgewell/set-array": "^1.0.0", "@jridgewell/sourcemap-codec": "^1.4.10" @@ -4402,6 +4420,7 @@ "version": "3.1.0", "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz", "integrity": "sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==", + "dev": true, "engines": { "node": ">=6.0.0" } @@ -4410,6 +4429,7 @@ "version": "1.1.2", "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz", "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==", + "dev": true, "engines": { "node": ">=6.0.0" } @@ -4441,12 +4461,14 @@ "node_modules/@jridgewell/sourcemap-codec": { "version": "1.4.14", "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz", - "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==" + "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==", + "dev": true }, "node_modules/@jridgewell/trace-mapping": { "version": "0.3.17", "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.17.tgz", "integrity": "sha512-MCNzAp77qzKca9+W/+I0+sEpaUnZoeasnghNeVc41VZCEKaCH73Vq3BZZ/SzWIgrqE4H4ceI+p+b6C0mHf9T4g==", + "dev": true, "dependencies": { "@jridgewell/resolve-uri": "3.1.0", "@jridgewell/sourcemap-codec": "1.4.14" @@ -9740,12 +9762,6 @@ "node": ">= 8.3" } }, - "node_modules/@types/jest/node_modules/react-is": { - "version": "16.13.1", - "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", - "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==", - "dev": true - }, "node_modules/@types/jscodeshift": { "version": "0.11.6", "resolved": "https://registry.npmjs.org/@types/jscodeshift/-/jscodeshift-0.11.6.tgz", @@ -12109,6 +12125,7 @@ "version": "4.21.5", "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.5.tgz", "integrity": "sha512-tUkiguQGW7S3IhB7N+c2MV/HZPSCPAAiYBZXLsBhFB/PCy6ZKKsZrmBayHV9fdGV/ARIfJ14NkxKzRDjvp7L6w==", + "dev": true, "funding": [ { "type": "opencollective", @@ -12549,6 +12566,7 @@ "version": "1.0.30001451", "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001451.tgz", "integrity": "sha512-XY7UbUpGRatZzoRft//5xOa69/1iGJRBlrieH6QYrkKLIFn3m7OVEJ81dSrKoy2BnKsdbX5cLrOispZNYo9v2w==", + "dev": true, "funding": [ { "type": "opencollective", @@ -14187,6 +14205,7 @@ "version": "4.3.4", "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz", "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==", + "dev": true, "dependencies": { "ms": "2.1.2" }, @@ -14695,7 +14714,8 @@ "node_modules/electron-to-chromium": { "version": "1.4.294", "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.294.tgz", - "integrity": "sha512-PuHZB3jEN7D8WPPjLmBQAsqQz8tWHlkkB4n0E2OYw8RwVdmBYV0Wn+rUFH8JqYyIRb4HQhhedgxlZL163wqLrQ==" + "integrity": "sha512-PuHZB3jEN7D8WPPjLmBQAsqQz8tWHlkkB4n0E2OYw8RwVdmBYV0Wn+rUFH8JqYyIRb4HQhhedgxlZL163wqLrQ==", + "dev": true }, "node_modules/emittery": { "version": "0.7.2", @@ -15014,6 +15034,7 @@ "version": "3.1.1", "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz", "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==", + "dev": true, "engines": { "node": ">=6" } @@ -17011,6 +17032,7 @@ "version": "1.0.0-beta.2", "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz", "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==", + "dev": true, "engines": { "node": ">=6.9.0" } @@ -17429,6 +17451,7 @@ "version": "11.12.0", "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz", "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==", + "dev": true, "engines": { "node": ">=4" } @@ -17751,11 +17774,6 @@ "react-is": "^16.7.0" } }, - "node_modules/hoist-non-react-statics/node_modules/react-is": { - "version": "16.13.1", - "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", - "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==" - }, "node_modules/hook-std": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/hook-std/-/hook-std-2.0.0.tgz", @@ -19879,12 +19897,6 @@ "node": ">= 8.3" } }, - "node_modules/jest-diff/node_modules/react-is": { - "version": "16.13.1", - "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", - "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==", - "dev": true - }, "node_modules/jest-diff/node_modules/supports-color": { "version": "7.2.0", "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", @@ -22674,6 +22686,7 @@ "version": "2.5.2", "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz", "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==", + "dev": true, "bin": { "jsesc": "bin/jsesc" }, @@ -22714,6 +22727,7 @@ "version": "2.2.3", "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz", "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==", + "dev": true, "bin": { "json5": "lib/cli.js" }, @@ -23105,6 +23119,7 @@ "version": "5.1.1", "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz", "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==", + "dev": true, "dependencies": { "yallist": "^3.0.2" } @@ -23659,7 +23674,8 @@ "node_modules/ms": { "version": "2.1.2", "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", - "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==" + "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==", + "dev": true }, "node_modules/multimap": { "version": "1.1.0", @@ -23966,7 +23982,8 @@ "node_modules/node-releases": { "version": "2.0.10", "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.10.tgz", - "integrity": "sha512-5GFldHPXVG/YZmFzJvKK2zDSzPKhEp0+ZR5SVaoSag9fsL5YgHbUHDfnG5494ISANDcK4KwPXAx2xqVEydmd7w==" + "integrity": "sha512-5GFldHPXVG/YZmFzJvKK2zDSzPKhEp0+ZR5SVaoSag9fsL5YgHbUHDfnG5494ISANDcK4KwPXAx2xqVEydmd7w==", + "dev": true }, "node_modules/normalize-package-data": { "version": "2.5.0", @@ -28337,11 +28354,6 @@ "react-is": "^16.13.1" } }, - "node_modules/prop-types/node_modules/react-is": { - "version": "16.13.1", - "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", - "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==" - }, "node_modules/proxy-addr": { "version": "2.0.7", "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz", @@ -28590,6 +28602,7 @@ "version": "18.2.0", "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz", "integrity": "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==", + "dev": true, "dependencies": { "loose-envify": "^1.1.0" }, @@ -28675,6 +28688,7 @@ "version": "18.2.0", "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz", "integrity": "sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==", + "dev": true, "dependencies": { "loose-envify": "^1.1.0", "scheduler": "^0.23.0" @@ -28687,6 +28701,7 @@ "version": "0.23.0", "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz", "integrity": "sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==", + "dev": true, "dependencies": { "loose-envify": "^1.1.0" } @@ -30184,6 +30199,7 @@ "version": "6.3.0", "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz", "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==", + "dev": true, "bin": { "semver": "bin/semver.js" } @@ -33157,6 +33173,7 @@ "version": "1.0.10", "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.10.tgz", "integrity": "sha512-OztqDenkfFkbSG+tRxBeAnCVPckDBcvibKd35yDONx6OU8N7sqgwc7rCbkJ/WcYtVRZ4ba68d6byhC21GFh7sQ==", + "dev": true, "funding": [ { "type": "opencollective", @@ -33181,7 +33198,8 @@ "node_modules/update-browserslist-db/node_modules/picocolors": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz", - "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==" + "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==", + "dev": true }, "node_modules/uri-js": { "version": "4.4.1", @@ -33883,7 +33901,8 @@ "node_modules/yallist": { "version": "3.1.1", "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz", - "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==" + "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==", + "dev": true }, "node_modules/yaml": { "version": "1.10.2", @@ -34008,6 +34027,7 @@ "version": "2.2.0", "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.0.tgz", "integrity": "sha512-qRmjj8nj9qmLTQXXmaR1cck3UXSRMPrbsLJAasZpF+t3riI71BXed5ebIOYwQntykeZuhjsdweEc9BxH5Jc26w==", + "dev": true, "requires": { "@jridgewell/gen-mapping": "^0.1.0", "@jridgewell/trace-mapping": "^0.3.9" @@ -34033,12 +34053,14 @@ "@babel/compat-data": { "version": "7.21.7", "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.21.7.tgz", - "integrity": "sha512-KYMqFYTaenzMK4yUtf4EW9wc4N9ef80FsbMtkwool5zpwl4YrT1SdWYSTRcT94KO4hannogdS+LxY7L+arP3gA==" + "integrity": "sha512-KYMqFYTaenzMK4yUtf4EW9wc4N9ef80FsbMtkwool5zpwl4YrT1SdWYSTRcT94KO4hannogdS+LxY7L+arP3gA==", + "dev": true }, "@babel/core": { "version": "7.21.8", "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.21.8.tgz", "integrity": "sha512-YeM22Sondbo523Sz0+CirSPnbj9bG3P0CdHcBZdqUuaeOaYEFbOLoGU7lebvGP6P5J/WE9wOn7u7C4J9HvS1xQ==", + "dev": true, "requires": { "@ampproject/remapping": "^2.2.0", "@babel/code-frame": "^7.21.4", @@ -34072,6 +34094,7 @@ "version": "7.21.5", "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.21.5.tgz", "integrity": "sha512-SrKK/sRv8GesIW1bDagf9cCG38IOMYZusoe1dfg0D8aiUe3Amvoj1QtjTPAWcfrZFvIwlleLb0gxzQidL9w14w==", + "dev": true, "requires": { "@babel/types": "^7.21.5", "@jridgewell/gen-mapping": "^0.3.2", @@ -34083,6 +34106,7 @@ "version": "0.3.2", "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.2.tgz", "integrity": "sha512-mh65xKQAzI6iBcFzwv28KVWSmCkdRBWoOh+bYQGW3+6OZvbbN3TqMGo5hqYxQniRcH9F2VZIoJCm4pa3BPDK/A==", + "dev": true, "requires": { "@jridgewell/set-array": "^1.0.1", "@jridgewell/sourcemap-codec": "^1.4.10", @@ -34114,6 +34138,7 @@ "version": "7.21.5", "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.21.5.tgz", "integrity": "sha512-1RkbFGUKex4lvsB9yhIfWltJM5cZKUftB2eNajaDv3dCMEp49iBG0K14uH8NnX9IPux2+mK7JGEOB0jn48/J6w==", + "dev": true, "requires": { "@babel/compat-data": "^7.21.5", "@babel/helper-validator-option": "^7.21.0", @@ -34166,7 +34191,8 @@ "@babel/helper-environment-visitor": { "version": "7.21.5", "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.21.5.tgz", - "integrity": "sha512-IYl4gZ3ETsWocUWgsFZLM5i1BYx9SoemminVEXadgLBa9TdeorzgLKm8wWLA6J1N/kT3Kch8XIk1laNzYoHKvQ==" + "integrity": "sha512-IYl4gZ3ETsWocUWgsFZLM5i1BYx9SoemminVEXadgLBa9TdeorzgLKm8wWLA6J1N/kT3Kch8XIk1laNzYoHKvQ==", + "dev": true }, "@babel/helper-explode-assignable-expression": { "version": "7.18.6", @@ -34181,6 +34207,7 @@ "version": "7.21.0", "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.21.0.tgz", "integrity": "sha512-HfK1aMRanKHpxemaY2gqBmL04iAPOPRj7DxtNbiDOrJK+gdwkiNRVpCpUJYbUT+aZyemKN8brqTOxzCaG6ExRg==", + "dev": true, "requires": { "@babel/template": "^7.20.7", "@babel/types": "^7.21.0" @@ -34190,6 +34217,7 @@ "version": "7.18.6", "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.18.6.tgz", "integrity": "sha512-UlJQPkFqFULIcyW5sbzgbkxn2FKRgwWiRexcuaR8RNJRy8+LLveqPjwZV/bwrLZCN0eUHD/x8D0heK1ozuoo6Q==", + "dev": true, "requires": { "@babel/types": "^7.18.6" } @@ -34215,6 +34243,7 @@ "version": "7.21.5", "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.21.5.tgz", "integrity": "sha512-bI2Z9zBGY2q5yMHoBvJ2a9iX3ZOAzJPm7Q8Yz6YeoUjU/Cvhmi2G4QyTNyPBqqXSgTjUxRg3L0xV45HvkNWWBw==", + "dev": true, "requires": { "@babel/helper-environment-visitor": "^7.21.5", "@babel/helper-module-imports": "^7.21.4", @@ -34270,6 +34299,7 @@ "version": "7.21.5", "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.21.5.tgz", "integrity": "sha512-ENPDAMC1wAjR0uaCUwliBdiSl1KBJAVnMTzXqi64c2MG8MPR6ii4qf7bSXDqSFbr4W6W028/rf5ivoHop5/mkg==", + "dev": true, "requires": { "@babel/types": "^7.21.5" } @@ -34287,6 +34317,7 @@ "version": "7.18.6", "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.18.6.tgz", "integrity": "sha512-bde1etTx6ZyTmobl9LLMMQsaizFVZrquTEHOqKeQESMKo4PlObf+8+JA25ZsIpZhT/WEd39+vOdLXAFG/nELpA==", + "dev": true, "requires": { "@babel/types": "^7.18.6" } @@ -34304,7 +34335,8 @@ "@babel/helper-validator-option": { "version": "7.21.0", "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.21.0.tgz", - "integrity": "sha512-rmL/B8/f0mKS2baE9ZpyTcTavvEuWhTTW8amjzXNvYG4AwBsqTLikfXsEofsJEfKHf+HQVQbFOHy6o+4cnC/fQ==" + "integrity": "sha512-rmL/B8/f0mKS2baE9ZpyTcTavvEuWhTTW8amjzXNvYG4AwBsqTLikfXsEofsJEfKHf+HQVQbFOHy6o+4cnC/fQ==", + "dev": true }, "@babel/helper-wrap-function": { "version": "7.20.5", @@ -34322,6 +34354,7 @@ "version": "7.21.5", "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.21.5.tgz", "integrity": "sha512-BSY+JSlHxOmGsPTydUkPf1MdMQ3M81x5xGCOVgWM3G8XH77sJ292Y2oqcp0CbbgxhqBuI46iUz1tT7hqP7EfgA==", + "dev": true, "requires": { "@babel/template": "^7.20.7", "@babel/traverse": "^7.21.5", @@ -34341,7 +34374,8 @@ "@babel/parser": { "version": "7.21.8", "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.21.8.tgz", - "integrity": "sha512-6zavDGdzG3gUqAdWvlLFfk+36RilI+Pwyuuh7HItyeScCWP3k6i8vKclAQ0bM/0y/Kz/xiwvxhMv9MgTJP5gmA==" + "integrity": "sha512-6zavDGdzG3gUqAdWvlLFfk+36RilI+Pwyuuh7HItyeScCWP3k6i8vKclAQ0bM/0y/Kz/xiwvxhMv9MgTJP5gmA==", + "dev": true }, "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": { "version": "7.18.6", @@ -35342,6 +35376,7 @@ "version": "7.20.7", "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.20.7.tgz", "integrity": "sha512-8SegXApWe6VoNw0r9JHpSteLKTpTiLZ4rMlGIm9JQ18KiCtyQiAMEazujAHrUS5flrcqYZa75ukev3P6QmUwUw==", + "dev": true, "requires": { "@babel/code-frame": "^7.18.6", "@babel/parser": "^7.20.7", @@ -35352,6 +35387,7 @@ "version": "7.21.5", "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.21.5.tgz", "integrity": "sha512-AhQoI3YjWi6u/y/ntv7k48mcrCXmus0t79J9qPNlk/lAsFlCiJ047RmbfMOawySTHtywXhbXgpx/8nXMYd+oFw==", + "dev": true, "requires": { "@babel/code-frame": "^7.21.4", "@babel/generator": "^7.21.5", @@ -35893,8 +35929,7 @@ "@emotion/use-insertion-effect-with-fallbacks": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.0.0.tgz", - "integrity": "sha512-1eEgUGmkaljiBnRMTdksDV1W4kUnmwgp7X9G8B++9GYwl1lUdqSndSriIrTJ0N7LQaoauY9JJ2yhiOYK5+NI4A==", - "requires": {} + "integrity": "sha512-1eEgUGmkaljiBnRMTdksDV1W4kUnmwgp7X9G8B++9GYwl1lUdqSndSriIrTJ0N7LQaoauY9JJ2yhiOYK5+NI4A==" }, "@emotion/utils": { "version": "1.2.0", @@ -37091,6 +37126,7 @@ "version": "0.1.1", "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.1.1.tgz", "integrity": "sha512-sQXCasFk+U8lWYEe66WxRDOE9PjVz4vSM51fTu3Hw+ClTpUSQb718772vH3pyS5pShp6lvQM7SxgIDXXXmOX7w==", + "dev": true, "requires": { "@jridgewell/set-array": "^1.0.0", "@jridgewell/sourcemap-codec": "^1.4.10" @@ -37099,12 +37135,14 @@ "@jridgewell/resolve-uri": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz", - "integrity": "sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==" + "integrity": "sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==", + "dev": true }, "@jridgewell/set-array": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz", - "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==" + "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==", + "dev": true }, "@jridgewell/source-map": { "version": "0.3.3", @@ -37132,12 +37170,14 @@ "@jridgewell/sourcemap-codec": { "version": "1.4.14", "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz", - "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==" + "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==", + "dev": true }, "@jridgewell/trace-mapping": { "version": "0.3.17", "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.17.tgz", "integrity": "sha512-MCNzAp77qzKca9+W/+I0+sEpaUnZoeasnghNeVc41VZCEKaCH73Vq3BZZ/SzWIgrqE4H4ceI+p+b6C0mHf9T4g==", + "dev": true, "requires": { "@jridgewell/resolve-uri": "3.1.0", "@jridgewell/sourcemap-codec": "1.4.14" @@ -37164,8 +37204,7 @@ "version": "1.6.22", "resolved": "https://registry.npmjs.org/@mdx-js/react/-/react-1.6.22.tgz", "integrity": "sha512-TDoPum4SHdfPiGSAaRBw7ECyI8VaHpK8GJugbJIJuqyh6kzw9ZLJZW3HGL3NNrJGxcAixUvqROm+YuQOo5eXtg==", - "dev": true, - "requires": {} + "dev": true }, "@ndelangen/get-tarball": { "version": "3.0.9", @@ -37286,8 +37325,7 @@ "version": "1.0.4", "resolved": "https://registry.npmjs.org/@octokit/plugin-request-log/-/plugin-request-log-1.0.4.tgz", "integrity": "sha512-mLUsMkgP7K/cnFEw07kWqXGF5LKrOkD+lhCrKvPHXWDywAwuDUeDwWBpc69XK3pNX0uKiVt8g5z96PJ6z9xCFA==", - "dev": true, - "requires": {} + "dev": true }, "@octokit/plugin-rest-endpoint-methods": { "version": "5.16.2", @@ -39277,8 +39315,7 @@ "version": "8.13.0", "resolved": "https://registry.npmjs.org/ws/-/ws-8.13.0.tgz", "integrity": "sha512-x9vcZYTrFPC7aSIbj7sRCYo7L/Xb8Iy+pW0ng0wt2vCJv7M9HOMy0UoN3rr+IFC7hb7vXoqS+P9ktyLLLhO+LA==", - "dev": true, - "requires": {} + "dev": true }, "yallist": { "version": "4.0.0", @@ -39555,7 +39592,7 @@ "babel-plugin-add-react-displayname": "^0.0.5", "babel-plugin-react-docgen": "^4.2.1", "fs-extra": "^11.1.0", - "react-refresh": "^0.11.0", + "react-refresh": "0.11.0", "semver": "^7.3.7", "webpack": "5" }, @@ -39738,8 +39775,7 @@ "version": "7.0.18", "resolved": "https://registry.npmjs.org/@storybook/react-dom-shim/-/react-dom-shim-7.0.18.tgz", "integrity": "sha512-O1FRypR8q1katjbznnxI+NtALd2gaWa7KnTwbIDf+ddZltXHMZ8xMiEGEtAMrfXlIuqIr9UvmLRfKZC/ysuA+g==", - "dev": true, - "requires": {} + "dev": true }, "@storybook/react-webpack5": { "version": "7.0.18", @@ -40662,7 +40698,7 @@ "@jest/types": "^26.6.2", "ansi-regex": "^5.0.0", "ansi-styles": "^4.0.0", - "react-is": "^17.0.1" + "react-is": "17.0.2" } }, "supports-color": { @@ -41061,14 +41097,8 @@ "@jest/types": "^25.5.0", "ansi-regex": "^5.0.0", "ansi-styles": "^4.0.0", - "react-is": "^16.12.0" + "react-is": "17.0.2" } - }, - "react-is": { - "version": "16.13.1", - "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", - "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==", - "dev": true } } }, @@ -41823,15 +41853,13 @@ "version": "1.8.0", "resolved": "https://registry.npmjs.org/acorn-import-assertions/-/acorn-import-assertions-1.8.0.tgz", "integrity": "sha512-m7VZ3jwz4eK6A4Vtt8Ew1/mNbP24u0FhdyfA7fSvnJR6LMdfOYnmuIrrJAgrYfYJ10F/otaHTtrtrtmHdMNzEw==", - "dev": true, - "requires": {} + "dev": true }, "acorn-jsx": { "version": "5.3.2", "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz", "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==", - "dev": true, - "requires": {} + "dev": true }, "acorn-walk": { "version": "7.2.0", @@ -41909,8 +41937,7 @@ "version": "3.5.2", "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz", "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==", - "dev": true, - "requires": {} + "dev": true }, "ansi-align": { "version": "3.0.1", @@ -42265,8 +42292,7 @@ "version": "7.0.0-bridge.0", "resolved": "https://registry.npmjs.org/babel-core/-/babel-core-7.0.0-bridge.0.tgz", "integrity": "sha512-poPX9mZH/5CSanm50Q+1toVci6pv5KSRv/5TWCwtzQS5XEwn40BcCrgIeMFWP9CKKIniKXNxoIOnOq4VVlGXhg==", - "dev": true, - "requires": {} + "dev": true }, "babel-jest": { "version": "26.6.3", @@ -42975,6 +43001,7 @@ "version": "4.21.5", "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.5.tgz", "integrity": "sha512-tUkiguQGW7S3IhB7N+c2MV/HZPSCPAAiYBZXLsBhFB/PCy6ZKKsZrmBayHV9fdGV/ARIfJ14NkxKzRDjvp7L6w==", + "dev": true, "requires": { "caniuse-lite": "^1.0.30001449", "electron-to-chromium": "^1.4.284", @@ -43287,7 +43314,8 @@ "caniuse-lite": { "version": "1.0.30001451", "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001451.tgz", - "integrity": "sha512-XY7UbUpGRatZzoRft//5xOa69/1iGJRBlrieH6QYrkKLIFn3m7OVEJ81dSrKoy2BnKsdbX5cLrOispZNYo9v2w==" + "integrity": "sha512-XY7UbUpGRatZzoRft//5xOa69/1iGJRBlrieH6QYrkKLIFn3m7OVEJ81dSrKoy2BnKsdbX5cLrOispZNYo9v2w==", + "dev": true }, "capture-exit": { "version": "2.0.0", @@ -44244,8 +44272,7 @@ "version": "5.1.0", "resolved": "https://registry.npmjs.org/icss-utils/-/icss-utils-5.1.0.tgz", "integrity": "sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==", - "dev": true, - "requires": {} + "dev": true }, "lru-cache": { "version": "6.0.0", @@ -44277,8 +44304,7 @@ "version": "3.0.0", "resolved": "https://registry.npmjs.org/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.0.0.tgz", "integrity": "sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw==", - "dev": true, - "requires": {} + "dev": true }, "postcss-modules-local-by-default": { "version": "4.0.3", @@ -44500,6 +44526,7 @@ "version": "4.3.4", "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz", "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==", + "dev": true, "requires": { "ms": "2.1.2" } @@ -44887,7 +44914,8 @@ "electron-to-chromium": { "version": "1.4.294", "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.294.tgz", - "integrity": "sha512-PuHZB3jEN7D8WPPjLmBQAsqQz8tWHlkkB4n0E2OYw8RwVdmBYV0Wn+rUFH8JqYyIRb4HQhhedgxlZL163wqLrQ==" + "integrity": "sha512-PuHZB3jEN7D8WPPjLmBQAsqQz8tWHlkkB4n0E2OYw8RwVdmBYV0Wn+rUFH8JqYyIRb4HQhhedgxlZL163wqLrQ==", + "dev": true }, "emittery": { "version": "0.7.2", @@ -45147,7 +45175,8 @@ "escalade": { "version": "3.1.1", "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz", - "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==" + "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==", + "dev": true }, "escape-html": { "version": "1.0.3", @@ -45387,8 +45416,7 @@ "version": "8.6.0", "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.6.0.tgz", "integrity": "sha512-bAF0eLpLVqP5oEVUFKpMA+NnRFICwn9X8B5jrR9FcqnYBuPbqWEjTEspPWMj5ye6czoSLDweCzSo3Ko7gGrZaA==", - "dev": true, - "requires": {} + "dev": true }, "eslint-formatter-pretty": { "version": "4.1.0", @@ -45607,8 +45635,7 @@ "version": "5.2.0", "resolved": "https://registry.npmjs.org/eslint-plugin-promise/-/eslint-plugin-promise-5.2.0.tgz", "integrity": "sha512-SftLb1pUG01QYq2A/hGAWfDRXqYD82zE7j7TopDOyNdU+7SvvoXREls/+PRTY17vUXzXnZA/zfnyKgRH6x4JJw==", - "dev": true, - "requires": {} + "dev": true }, "eslint-plugin-react": { "version": "7.32.2", @@ -45665,8 +45692,7 @@ "version": "4.6.0", "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz", "integrity": "sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==", - "dev": true, - "requires": {} + "dev": true }, "eslint-plugin-storybook": { "version": "0.6.12", @@ -46692,7 +46718,8 @@ "gensync": { "version": "1.0.0-beta.2", "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz", - "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==" + "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==", + "dev": true }, "get-caller-file": { "version": "2.0.5", @@ -46997,7 +47024,8 @@ "globals": { "version": "11.12.0", "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz", - "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==" + "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==", + "dev": true }, "globalthis": { "version": "1.0.3", @@ -47236,14 +47264,7 @@ "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz", "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==", "requires": { - "react-is": "^16.7.0" - }, - "dependencies": { - "react-is": { - "version": "16.13.1", - "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", - "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==" - } + "react-is": "17.0.2" } }, "hook-std": { @@ -48679,7 +48700,7 @@ "@jest/types": "^26.6.2", "ansi-regex": "^5.0.0", "ansi-styles": "^4.0.0", - "react-is": "^17.0.1" + "react-is": "17.0.2" } }, "supports-color": { @@ -48760,15 +48781,9 @@ "@jest/types": "^25.5.0", "ansi-regex": "^5.0.0", "ansi-styles": "^4.0.0", - "react-is": "^16.12.0" + "react-is": "17.0.2" } }, - "react-is": { - "version": "16.13.1", - "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", - "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==", - "dev": true - }, "supports-color": { "version": "7.2.0", "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", @@ -48879,7 +48894,7 @@ "@jest/types": "^26.6.2", "ansi-regex": "^5.0.0", "ansi-styles": "^4.0.0", - "react-is": "^17.0.1" + "react-is": "17.0.2" } }, "supports-color": { @@ -49297,7 +49312,7 @@ "@jest/types": "^26.6.2", "ansi-regex": "^5.0.0", "ansi-styles": "^4.0.0", - "react-is": "^17.0.1" + "react-is": "17.0.2" } }, "supports-color": { @@ -49398,7 +49413,7 @@ "@jest/types": "^26.6.2", "ansi-regex": "^5.0.0", "ansi-styles": "^4.0.0", - "react-is": "^17.0.1" + "react-is": "17.0.2" } }, "supports-color": { @@ -49519,7 +49534,7 @@ "@jest/types": "^26.6.2", "ansi-regex": "^5.0.0", "ansi-styles": "^4.0.0", - "react-is": "^17.0.1" + "react-is": "17.0.2" } }, "supports-color": { @@ -49621,7 +49636,7 @@ "@jest/types": "^26.6.2", "ansi-regex": "^5.0.0", "ansi-styles": "^4.0.0", - "react-is": "^17.0.1" + "react-is": "17.0.2" } }, "supports-color": { @@ -49731,8 +49746,7 @@ "version": "1.2.3", "resolved": "https://registry.npmjs.org/jest-pnp-resolver/-/jest-pnp-resolver-1.2.3.tgz", "integrity": "sha512-+3NpwQEnRoIBtx4fyhblQDPgJI0H1IEIkX7ShLUjPGA7TtUTvI1oiKi3SR4oBR0hQhQR80l4WAe5RrXBwWMA8w==", - "dev": true, - "requires": {} + "dev": true }, "jest-regex-util": { "version": "26.0.0", @@ -50281,7 +50295,7 @@ "@jest/types": "^26.6.2", "ansi-regex": "^5.0.0", "ansi-styles": "^4.0.0", - "react-is": "^17.0.1" + "react-is": "17.0.2" } }, "semver": { @@ -50497,7 +50511,7 @@ "@jest/types": "^26.6.2", "ansi-regex": "^5.0.0", "ansi-styles": "^4.0.0", - "react-is": "^17.0.1" + "react-is": "17.0.2" } }, "supports-color": { @@ -50935,7 +50949,8 @@ "jsesc": { "version": "2.5.2", "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz", - "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==" + "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==", + "dev": true }, "json-parse-better-errors": { "version": "1.0.2", @@ -50969,7 +50984,8 @@ "json5": { "version": "2.2.3", "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz", - "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==" + "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==", + "dev": true }, "jsonfile": { "version": "6.1.0", @@ -51284,6 +51300,7 @@ "version": "5.1.1", "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz", "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==", + "dev": true, "requires": { "yallist": "^3.0.2" } @@ -51349,8 +51366,7 @@ "version": "7.2.0", "resolved": "https://registry.npmjs.org/markdown-to-jsx/-/markdown-to-jsx-7.2.0.tgz", "integrity": "sha512-3l4/Bigjm4bEqjCR6Xr+d4DtM1X6vvtGsMGSjJYyep8RjjIvcWtrXBS8Wbfe1/P+atKNMccpsraESIaWVplzVg==", - "dev": true, - "requires": {} + "dev": true }, "mathml-tag-names": { "version": "2.1.3", @@ -51704,7 +51720,8 @@ "ms": { "version": "2.1.2", "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", - "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==" + "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==", + "dev": true }, "multimap": { "version": "1.1.0", @@ -51962,7 +51979,8 @@ "node-releases": { "version": "2.0.10", "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.10.tgz", - "integrity": "sha512-5GFldHPXVG/YZmFzJvKK2zDSzPKhEp0+ZR5SVaoSag9fsL5YgHbUHDfnG5494ISANDcK4KwPXAx2xqVEydmd7w==" + "integrity": "sha512-5GFldHPXVG/YZmFzJvKK2zDSzPKhEp0+ZR5SVaoSag9fsL5YgHbUHDfnG5494ISANDcK4KwPXAx2xqVEydmd7w==", + "dev": true }, "normalize-package-data": { "version": "2.5.0", @@ -55035,8 +55053,7 @@ "version": "0.36.2", "resolved": "https://registry.npmjs.org/postcss-syntax/-/postcss-syntax-0.36.2.tgz", "integrity": "sha512-nBRg/i7E3SOHWxF3PpF5WnJM/jQ1YpY9000OaVXlAQj6Zp/kIqJxEDWIZ67tAd7NLuk7zqN4yqe9nc0oNAOs1w==", - "dev": true, - "requires": {} + "dev": true }, "postcss-value-parser": { "version": "4.2.0", @@ -55074,7 +55091,7 @@ "requires": { "ansi-regex": "^5.0.1", "ansi-styles": "^5.0.0", - "react-is": "^17.0.1" + "react-is": "17.0.2" }, "dependencies": { "ansi-styles": { @@ -55183,14 +55200,7 @@ "requires": { "loose-envify": "^1.4.0", "object-assign": "^4.1.1", - "react-is": "^16.13.1" - }, - "dependencies": { - "react-is": { - "version": "16.13.1", - "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", - "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==" - } + "react-is": "17.0.2" } }, "proxy-addr": { @@ -55389,6 +55399,7 @@ "version": "18.2.0", "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz", "integrity": "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==", + "dev": true, "requires": { "loose-envify": "^1.1.0" } @@ -55397,8 +55408,7 @@ "version": "5.6.1", "resolved": "https://registry.npmjs.org/react-colorful/-/react-colorful-5.6.1.tgz", "integrity": "sha512-1exovf0uGTGyq5mXQT0zgQ80uvj2PCwvF8zY1RN9/vbJVSjSo3fsB/4L3ObbF7u70NduSiK4xu4Y6q1MHoUGEw==", - "dev": true, - "requires": {} + "dev": true }, "react-docgen": { "version": "5.4.3", @@ -55430,8 +55440,7 @@ "version": "2.2.2", "resolved": "https://registry.npmjs.org/react-docgen-typescript/-/react-docgen-typescript-2.2.2.tgz", "integrity": "sha512-tvg2ZtOpOi6QDwsb3GZhOjDkkX0h8Z2gipvTg6OVMUyoYoURhEiRNePT8NZItTVCDh39JJHnLdfCOkzoLbFnTg==", - "dev": true, - "requires": {} + "dev": true }, "react-docgen-typescript-plugin": { "version": "1.0.5", @@ -55460,6 +55469,7 @@ "version": "18.2.0", "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz", "integrity": "sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==", + "dev": true, "requires": { "loose-envify": "^1.1.0", "scheduler": "^0.23.0" @@ -55469,6 +55479,7 @@ "version": "0.23.0", "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz", "integrity": "sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==", + "dev": true, "requires": { "loose-envify": "^1.1.0" } @@ -55483,7 +55494,7 @@ "requires": { "@base2/pretty-print-object": "1.0.1", "is-plain-object": "5.0.0", - "react-is": "18.1.0" + "react-is": "17.0.2" }, "dependencies": { "is-plain-object": { @@ -55523,8 +55534,7 @@ "version": "6.0.1", "resolved": "https://registry.npmjs.org/react-inspector/-/react-inspector-6.0.1.tgz", "integrity": "sha512-cxKSeFTf7jpSSVddm66sKdolG90qURAX3g1roTeaN6x0YEbtWc8JpmFN9+yIqLNH2uEkYerWLtJZIXRIFuBKrg==", - "dev": true, - "requires": {} + "dev": true }, "react-is": { "version": "17.0.2", @@ -55576,8 +55586,7 @@ "version": "2.1.2", "resolved": "https://registry.npmjs.org/react-side-effect/-/react-side-effect-2.1.2.tgz", "integrity": "sha512-PVjOcvVOyIILrYoyGEpDN3vmYNLdy1CajSFNt4TDsVQC5KpTijDvWVoR+/7Rz2xT978D8/ZtFceXxzsPwZEDvw==", - "dev": true, - "requires": {} + "dev": true }, "react-tether": { "version": "2.0.8", @@ -56633,7 +56642,8 @@ "semver": { "version": "6.3.0", "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz", - "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==" + "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==", + "dev": true }, "semver-compare": { "version": "1.0.0", @@ -57523,8 +57533,7 @@ "version": "3.3.3", "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-3.3.3.tgz", "integrity": "sha512-53BiGLXAcll9maCYtZi2RCQZKa8NQQai5C4horqKyRmHj9H7QmcUyucrH+4KW/gBQbXM2AsB0axoEcFZPlfPcw==", - "dev": true, - "requires": {} + "dev": true }, "style-search": { "version": "0.1.0", @@ -57890,15 +57899,13 @@ "version": "8.0.2", "resolved": "https://registry.npmjs.org/stylelint-config-prettier/-/stylelint-config-prettier-8.0.2.tgz", "integrity": "sha512-TN1l93iVTXpF9NJstlvP7nOu9zY2k+mN0NSFQ/VEGz15ZIP9ohdDZTtCWHs5LjctAhSAzaILULGbgiM0ItId3A==", - "dev": true, - "requires": {} + "dev": true }, "stylelint-config-recommended": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/stylelint-config-recommended/-/stylelint-config-recommended-3.0.0.tgz", "integrity": "sha512-F6yTRuc06xr1h5Qw/ykb2LuFynJ2IxkKfCMf+1xqPffkxh0S09Zc902XCffcsw/XMFq/OzQ1w54fLIDtmRNHnQ==", - "dev": true, - "requires": {} + "dev": true }, "stylelint-config-standard": { "version": "20.0.0", @@ -58750,8 +58757,7 @@ "version": "1.6.0", "resolved": "https://registry.npmjs.org/typescript-plugin-styled-components/-/typescript-plugin-styled-components-1.6.0.tgz", "integrity": "sha512-cUCbOuY0iNr1JjPYC5MqCiABrfv2ouLift+7gi4vS0gBPQySUT006wHCjwzynMfU5LGMQaZqpssAgzRRjt30Ng==", - "dev": true, - "requires": {} + "dev": true }, "uglify-js": { "version": "3.4.10", @@ -58981,6 +58987,7 @@ "version": "1.0.10", "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.10.tgz", "integrity": "sha512-OztqDenkfFkbSG+tRxBeAnCVPckDBcvibKd35yDONx6OU8N7sqgwc7rCbkJ/WcYtVRZ4ba68d6byhC21GFh7sQ==", + "dev": true, "requires": { "escalade": "^3.1.1", "picocolors": "^1.0.0" @@ -58989,7 +58996,8 @@ "picocolors": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz", - "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==" + "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==", + "dev": true } } }, @@ -59033,8 +59041,7 @@ "use-isomorphic-layout-effect": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/use-isomorphic-layout-effect/-/use-isomorphic-layout-effect-1.1.2.tgz", - "integrity": "sha512-49L8yCO3iGT/ZF9QttjwLF/ZD9Iwto5LnH5LmEdk/6cFmXddqi2ulF0edxTwjj+7mqvpVVGQWvbXZdn32wRSHA==", - "requires": {} + "integrity": "sha512-49L8yCO3iGT/ZF9QttjwLF/ZD9Iwto5LnH5LmEdk/6cFmXddqi2ulF0edxTwjj+7mqvpVVGQWvbXZdn32wRSHA==" }, "use-resize-observer": { "version": "9.1.0", @@ -59513,8 +59520,7 @@ "version": "7.5.9", "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.9.tgz", "integrity": "sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q==", - "dev": true, - "requires": {} + "dev": true }, "xml-name-validator": { "version": "3.0.0", @@ -59543,7 +59549,8 @@ "yallist": { "version": "3.1.1", "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz", - "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==" + "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==", + "dev": true }, "yaml": { "version": "1.10.2", diff --git a/public/android-chrome-192x192.png b/public/android-chrome-192x192.png new file mode 100644 index 000000000..60ed7e9b4 Binary files /dev/null and b/public/android-chrome-192x192.png differ diff --git a/public/android-chrome-512x512.png b/public/android-chrome-512x512.png new file mode 100644 index 000000000..f948b1637 Binary files /dev/null and b/public/android-chrome-512x512.png differ diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png new file mode 100644 index 000000000..4eb9a39bd Binary files /dev/null and b/public/apple-touch-icon.png differ diff --git a/public/browserconfig.xml b/public/browserconfig.xml new file mode 100644 index 000000000..b3930d0f0 --- /dev/null +++ b/public/browserconfig.xml @@ -0,0 +1,9 @@ + + + + + + #da532c + + + diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png new file mode 100644 index 000000000..5a47178ba Binary files /dev/null and b/public/favicon-16x16.png differ diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png new file mode 100644 index 000000000..b46e22091 Binary files /dev/null and b/public/favicon-32x32.png differ diff --git a/public/favicon.ico b/public/favicon.ico new file mode 100644 index 000000000..42b2e6369 Binary files /dev/null and b/public/favicon.ico differ diff --git a/public/freenow-logo.svg b/public/freenow-logo.svg new file mode 100644 index 000000000..28cc1d011 --- /dev/null +++ b/public/freenow-logo.svg @@ -0,0 +1,29 @@ + + + + + + + + + + + + + + + + + + diff --git a/public/mstile-150x150.png b/public/mstile-150x150.png new file mode 100644 index 000000000..082543a72 Binary files /dev/null and b/public/mstile-150x150.png differ diff --git a/public/safari-pinned-tab.svg b/public/safari-pinned-tab.svg new file mode 100644 index 000000000..7ea68d5f6 --- /dev/null +++ b/public/safari-pinned-tab.svg @@ -0,0 +1,30 @@ + + + + +Created by potrace 1.14, written by Peter Selinger 2001-2017 + + + + + diff --git a/public/site.webmanifest b/public/site.webmanifest new file mode 100644 index 000000000..0c3646019 --- /dev/null +++ b/public/site.webmanifest @@ -0,0 +1,19 @@ +{ + "name": "Wave Design System", + "short_name": "Wave", + "icons": [ + { + "src": "/android-chrome-192x192.png", + "sizes": "192x192", + "type": "image/png" + }, + { + "src": "/android-chrome-512x512.png", + "sizes": "512x512", + "type": "image/png" + } + ], + "theme_color": "#ffffff", + "background_color": "#ffffff", + "display": "standalone" +} diff --git a/src/components/Accordion/components/Compact.tsx b/src/components/Accordion/components/Compact.tsx index d14e20270..05d533726 100644 --- a/src/components/Accordion/components/Compact.tsx +++ b/src/components/Accordion/components/Compact.tsx @@ -1,4 +1,4 @@ -import React, { useState, ReactElement } from 'react'; +import React, { useState, ReactElement, PropsWithChildren } from 'react'; import styled from 'styled-components'; import { SemanticColors } from '../../../essentials'; @@ -10,9 +10,8 @@ import { ChevronDown } from './ChevronDown'; import { Description } from './Description'; import { AccordionProps } from '../types'; -type Props = Pick< - AccordionProps, - 'heading' | 'description' | 'defaultExpanded' | 'children' | 'onExpand' | 'onCollapse' +type Props = PropsWithChildren< + Pick >; const StyleHeadline = styled(Headline)``; diff --git a/src/components/Grid/Grid.tsx b/src/components/Grid/Grid.tsx index 4671d80c6..8a684097b 100644 --- a/src/components/Grid/Grid.tsx +++ b/src/components/Grid/Grid.tsx @@ -16,7 +16,7 @@ const BorderBoxWrapper = styled(Box)` type RowProps = BoxProps; -const Row: FC = (props: RowProps) => ( +const Row: FC> = props => ( ); diff --git a/src/components/InfoBanner/InfoBanner.tsx b/src/components/InfoBanner/InfoBanner.tsx index f90c223dd..3ada4fff2 100644 --- a/src/components/InfoBanner/InfoBanner.tsx +++ b/src/components/InfoBanner/InfoBanner.tsx @@ -2,6 +2,7 @@ import React from 'react'; import styled from 'styled-components'; import { variant as styledVariant } from 'styled-system'; import { get } from '../../utils/themeGet'; +import { theme } from '../../essentials/theme'; import { CheckCircleSolidIcon, CloseCircleSolidIcon, @@ -12,6 +13,7 @@ import { import { BoxProps, Box } from '../Box/Box'; import { Link } from '../Link/Link'; import { Text } from '../Text/Text'; +import { Headline } from '../Headline/Headline'; import { Spaces } from '../../essentials'; interface InfoBannerProps extends BoxProps { @@ -126,21 +128,34 @@ const emphasizedIconColorVariants = styledVariant({ } }); -const RoundedBox = styled(Box)` +export const RoundedBox = styled(Box).attrs({ theme })` display: flex; flex-direction: row; justify-content: flex-start; border-radius: ${get('radii.3')}; border: 0.0625rem solid; - padding: ${`${Spaces[1]} ${Spaces[2]} ${Spaces[1]} ${Spaces[1]}`}; + padding: ${Spaces[2]}; ${({ emphasized }) => (emphasized ? emphasizedBannerVariants : bannerVariants)}; + + --info-banner-text-color: ${({ emphasized, variant }) => + emphasized && variant !== 'warning' + ? get('semanticColors.text.primaryInverted') + : get('semanticColors.text.primary')}; + --info-banner-link-color: ${({ emphasized, variant }) => + emphasized && variant !== 'warning' + ? get('semanticColors.text.primaryInverted') + : get('semanticColors.text.link')}; + --info-banner-link-hover-color: ${({ emphasized, variant }) => + emphasized && variant !== 'warning' + ? get('semanticColors.text.tertiary') + : get('semanticColors.text.linkHover')}; `; -const IconBox = styled(Box)` +export const IconBox = styled(Box)` ${({ emphasized }) => (emphasized ? emphasizedIconColorVariants : iconColorVariants)}; `; -const ICON_VARIANTS: { +export const ICON_VARIANTS: { [key in InfoBannerVariants]: React.FC; } = { warning: WarningSolidIcon, @@ -149,7 +164,7 @@ const ICON_VARIANTS: { error: CloseCircleSolidIcon }; -const ROLE_VARIANTS: { +export const ROLE_VARIANTS: { [key in InfoBannerVariants]: string; } = { error: 'alert', @@ -176,9 +191,9 @@ const InfoBanner = ({ - + {title} - + {description} diff --git a/src/components/InfoBanner/blocks/InfoBannerCard.tsx b/src/components/InfoBanner/blocks/InfoBannerCard.tsx new file mode 100644 index 000000000..78ed51fea --- /dev/null +++ b/src/components/InfoBanner/blocks/InfoBannerCard.tsx @@ -0,0 +1,60 @@ +import React, { ReactNode } from 'react'; +import styled from 'styled-components'; + +import { BoxProps, Box } from '../../Box/Box'; +import { Headline } from '../../Headline/Headline'; +import { Link as WaveLink } from '../../Link/Link'; +import { Text } from '../../Text/Text'; + +import { ICON_VARIANTS, IconBox, InfoBannerVariants, ROLE_VARIANTS, RoundedBox } from '../InfoBanner'; + +interface CardProps extends BoxProps { + children: ReactNode; + variant?: InfoBannerVariants; + emphasized?: boolean; +} + +const StyledTitle = styled(Headline).attrs({ as: 'h4', textAlign: 'left' })` + color: var(--info-banner-text-color); +`; + +const StyledDescription = styled(Text).attrs({ fontSize: 'small', textAlign: 'left' })` + color: var(--info-banner-text-color); +`; + +const StyledLink = styled(WaveLink).attrs({ fontSize: 0, textAlign: 'left', target: '_blank', marginTop: '0.25rem' })` + &:link, + &:visited { + color: var(--info-banner-link-color); + } + + &:hover, + &:active { + color: var(--info-banner-link-hover-color); + } +`; + +const Title = ({ children }: { children: string }) => {children}; + +const Description = ({ children }: { children: string }) => {children}; + +const InfoBannerCard = ({ children, variant = 'info', emphasized, ...props }: CardProps): JSX.Element => { + const BannerIcon = ICON_VARIANTS[variant]; + + return ( + + + + + + {children} + + + ); +}; + +InfoBannerCard.Title = Title; +InfoBannerCard.Description = Description; +InfoBannerCard.Link = StyledLink; + +export { InfoBannerCard }; diff --git a/src/components/Input/BottomLinedInput.ts b/src/components/Input/BottomLinedInput.ts index dcd2c1eee..4edff899b 100644 --- a/src/components/Input/BottomLinedInput.ts +++ b/src/components/Input/BottomLinedInput.ts @@ -43,7 +43,7 @@ const getLabelColor = ({ hasValue, inverted }: InternalInputComponentProps) => { const BottomLinedInput: FC = styled(BaseInput)` ${sizeVariant} & ~ ${BottomLinedInputLabel} { - ${p => (p.hasValue || p.placeholder ? activeBottomLinedPosition(p.size as Pick) : '')}; + ${p => (p.hasValue || p.placeholder ? activeBottomLinedPosition(p.size) : '')}; color: ${getLabelColor}; background: ${p => (p.inverted ? Colors.AUTHENTIC_BLUE_900 : Colors.WHITE)}; } @@ -60,13 +60,13 @@ const BottomLinedInput: FC = styled(BaseInput) activeBottomLinedPosition(p.size as Pick)}; + ${p => activeBottomLinedPosition(p.size)}; } } &:focus:not(:disabled) { & ~ ${BottomLinedInputLabel} { - ${p => activeBottomLinedPosition(p.size as Pick)}; + ${p => activeBottomLinedPosition(p.size)}; color: ${p => (p.inverted ? Colors.WHITE : Colors.ACTION_BLUE_900)}; background: ${p => (p.inverted ? Colors.AUTHENTIC_BLUE_900 : Colors.WHITE)}; } diff --git a/src/components/Input/BottomLinedInputLabel.ts b/src/components/Input/BottomLinedInputLabel.ts index bbe8bbc3a..54c46fa41 100644 --- a/src/components/Input/BottomLinedInputLabel.ts +++ b/src/components/Input/BottomLinedInputLabel.ts @@ -5,7 +5,9 @@ import { get } from '../../utils/themeGet'; import { InternalInputComponentProps } from './BaseInput'; import { activePositionBaseStyles, BaseInputLabel } from './BaseInputLabel'; -const activeBottomLinedPosition = (size?: Pick): ReadonlyArray>> => css` +const activeBottomLinedPosition = ( + size?: Pick['size'] +): ReadonlyArray>> => css` ${activePositionBaseStyles}; top: ${size === 'small' ? '0' : '0.25rem'}; font-size: ${size === 'small' ? '0.625rem' : get('fontSizes.0')}; diff --git a/src/components/Input/BoxedInput.ts b/src/components/Input/BoxedInput.ts index 5a7b91fed..0913dad71 100644 --- a/src/components/Input/BoxedInput.ts +++ b/src/components/Input/BoxedInput.ts @@ -43,12 +43,12 @@ const getLabelColor = ({ hasValue, inverted }: InternalInputComponentProps) => { const BoxedInput: FC = styled(BaseInput)` ${sizeVariant} & + ${BoxedInputLabel} { - ${p => (p.hasValue || p.placeholder ? activeBoxedPosition(p.size as Pick) : undefined)}; + ${p => (p.hasValue || p.placeholder ? activeBoxedPosition(p.size) : undefined)}; color: ${getLabelColor}; background: ${p => (p.inverted ? Colors.AUTHENTIC_BLUE_900 : Colors.WHITE)}; background: ${p => `linear-gradient(0deg, ${p.inverted ? Colors.AUTHENTIC_BLUE_900 : Colors.WHITE} calc(50% + ${ - (p.size as Pick) === 'small' ? '0.0825rem' : '0.0625rem' + (p.size as Pick['size']) === 'small' ? '0.0825rem' : '0.0625rem' }), transparent 50%)`}; } @@ -64,18 +64,20 @@ const BoxedInput: FC = styled(BaseInput) activeBoxedPosition(p.size as Pick)}; + ${p => activeBoxedPosition(p.size)}; } } &:focus:not(:disabled) { & + ${BoxedInputLabel} { - ${p => activeBoxedPosition(p.size as Pick)}; + ${p => activeBoxedPosition(p.size)}; color: ${p => (p.inverted ? Colors.WHITE : Colors.ACTION_BLUE_900)}; background: ${p => (p.inverted ? Colors.AUTHENTIC_BLUE_900 : Colors.WHITE)}; background: ${p => `linear-gradient(0deg, ${p.inverted ? Colors.AUTHENTIC_BLUE_900 : Colors.WHITE} calc(50% + ${ - (p.size as Pick) === 'small' ? '0.0825rem' : '0.0625rem' + (p.size as Pick['size']) === 'small' + ? '0.0825rem' + : '0.0625rem' }), transparent 50%)`}; } } diff --git a/src/components/Input/BoxedInputLabel.ts b/src/components/Input/BoxedInputLabel.ts index c25a5c43c..93ea23b75 100644 --- a/src/components/Input/BoxedInputLabel.ts +++ b/src/components/Input/BoxedInputLabel.ts @@ -5,7 +5,9 @@ import { get } from '../../utils/themeGet'; import { InternalInputComponentProps } from './BaseInput'; import { activePositionBaseStyles, BaseInputLabel } from './BaseInputLabel'; -const activeBoxedPosition = (size: Pick): ReadonlyArray>> => css` +const activeBoxedPosition = ( + size: Pick['size'] +): ReadonlyArray>> => css` ${activePositionBaseStyles}; top: ${size === 'small' ? '-0.375rem' : '-0.5rem'}; diff --git a/src/components/Input/InputProps.ts b/src/components/Input/InputProps.ts index 95fe2b64f..50dd53540 100644 --- a/src/components/Input/InputProps.ts +++ b/src/components/Input/InputProps.ts @@ -1,16 +1,17 @@ import { ComponentPropsWithRef } from 'react'; +import { ResponsiveValue } from 'styled-system'; interface InputProps extends Omit, 'size' | 'width'> { /** * Sets the variant of the input * @default boxed */ - variant?: 'boxed' | 'bottom-lined'; + variant?: ResponsiveValue<'boxed' | 'bottom-lined'>; /** * Sets the size of the input * @default medium */ - size?: 'small' | 'medium'; + size?: ResponsiveValue<'small' | 'medium'>; /** * Inverts the colors of the input */ diff --git a/src/components/Label/Label.tsx b/src/components/Label/Label.tsx index f22bcf3a3..e710a467a 100644 --- a/src/components/Label/Label.tsx +++ b/src/components/Label/Label.tsx @@ -1,11 +1,12 @@ import styled from 'styled-components'; import { compose, margin, MarginProps, ResponsiveValue, variant } from 'styled-system'; +import { ComponentPropsWithoutRef } from 'react'; import { Text } from '../Text/Text'; import { Colors } from '../../essentials'; import { theme } from '../../essentials/theme'; import { get } from '../../utils/themeGet'; -interface LabelProps extends MarginProps { +interface LabelProps extends ComponentPropsWithoutRef<'span'>, MarginProps { /** * Set the appropriate colors for the component with 'default' as a default */ diff --git a/src/components/Password/Password.tsx b/src/components/Password/Password.tsx index c1a8c9b51..8c252ca9b 100644 --- a/src/components/Password/Password.tsx +++ b/src/components/Password/Password.tsx @@ -101,6 +101,13 @@ const Password = forwardRef( type="button" onClick={() => { setIsHidden(prevValue => !prevValue); + +// TODO use ref passed to the input once https://github.com/freenowtech/wave/issues/169 is solved + // set input focus + const inputElement: HTMLElement = document.querySelector(`input[id=${inputId}]`); + if (inputElement) { + inputElement.focus(); + } }} aria-controls={inputId} aria-label={isHidden ? aria.showPasswordButton : aria.hidePasswordButton} diff --git a/src/components/Tooltip/Tooltip.tsx b/src/components/Tooltip/Tooltip.tsx index dc1256871..7a1e7c3d7 100644 --- a/src/components/Tooltip/Tooltip.tsx +++ b/src/components/Tooltip/Tooltip.tsx @@ -1,10 +1,13 @@ -import { PropsWithChildren } from 'react'; import * as React from 'react'; import styled, { keyframes } from 'styled-components'; +import { createPortal } from 'react-dom'; import { usePopper } from 'react-popper'; import { Placement } from '@popperjs/core/lib/enums'; import { variant } from 'styled-system'; -import { MediaQueries, SemanticColors } from '../../essentials'; + +import type { PropsWithChildren } from 'react'; + +import { Elevation, MediaQueries, SemanticColors } from '../../essentials'; import { get } from '../../utils/themeGet'; import { Text } from '../Text/Text'; import { mapPlacementWithDeprecationWarning, TooltipPlacement } from './TooltipPlacement'; @@ -87,6 +90,7 @@ interface TooltipBodyProps { const TooltipBody = styled.div` position: relative; + z-index: ${Elevation.TOOLTIP}; background-color: ${p => p.inverted ? SemanticColors.background.secondary : SemanticColors.background.primaryEmphasized}; padding: 0.25rem 0.5rem; @@ -195,17 +199,20 @@ const Tooltip: React.FC> = ({ onMouseOut: () => handleVisibilityChange(false), ref: setTriggerReference })} - {content && isVisible && ( - - {dynamicContent} - - )} + {content && + isVisible && + createPortal( + + {dynamicContent} + , + document.body + )} ); }; diff --git a/src/components/index.ts b/src/components/index.ts index f48a496f7..aab1bda2f 100644 --- a/src/components/index.ts +++ b/src/components/index.ts @@ -55,3 +55,4 @@ export { SelectListProps } from './SelectList/types'; export { Row, RowProps, Column, ColumnProps } from './Grid/Grid'; export { Popover, PopoverProps } from './Popover/Popover'; export { InfoBanner, InfoBannerProps, InfoBannerVariants } from './InfoBanner/InfoBanner'; +export { InfoBannerCard } from './InfoBanner/blocks/InfoBannerCard';