From bf8350ebfd238b6c63ac30545ac32ca933f498d6 Mon Sep 17 00:00:00 2001 From: Alexander Yatsenko Date: Thu, 8 Jul 2021 09:58:27 +0300 Subject: [PATCH] feat: upgrade storybook (#696) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * chore: upgrade version * chrome: make this works * chore: fix bugs * feat(storybook): sort stories by alphabet (#708) * feat(storybook): make "Docs" tab default (#707) * Feat/change story docs structure (#714) * fix(storybook): fix typo * refactor(storybook): add tabs to all stories * refactor(storybook): fix some refactoring errors Co-authored-by: reme3d2y * Feat/live edit storybook docs (#716) * chore(release): 17.4.2 [skip ci] ## [17.4.2](https://github.com/alfa-laboratory/core-components/compare/v17.4.1...v17.4.2) (2021-06-09) ### Bug Fixes * **skeleton:** remove vars that purge kills ([886d1b2](https://github.com/alfa-laboratory/core-components/commit/886d1b24b144d9d277821d3264f71a93c7a1b146)) * chore: publish - @alfalab/core-components-calendar-with-skeleton@2.0.3 - @alfalab/core-components-skeleton@1.4.1 * chore: add codemod for heading, label, paragraph (#690) * chore: add heading, label and paragraph codemode * style(select): change optgroup label color (#701) Co-authored-by: Михаил Корецкий * fix(select): fix checkmark position on click theme (#699) * feat(notification): add null autoCloseDelay (#698) Co-authored-by: Кононенко Артем Игоревич * feat(select): add useSelectWithLoading preset (#693) * chore(release): 17.5.0 [skip ci] # [17.5.0](https://github.com/alfa-laboratory/core-components/compare/v17.4.2...v17.5.0) (2021-06-17) ### Bug Fixes * **select:** fix checkmark position on click theme ([#699](https://github.com/alfa-laboratory/core-components/issues/699)) ([0a3bab5](https://github.com/alfa-laboratory/core-components/commit/0a3bab52278b4db8f327a8bf5da97cfb5acecc6a)) ### Features * **notification:** add null autoCloseDelay ([#698](https://github.com/alfa-laboratory/core-components/issues/698)) ([6c2f0e0](https://github.com/alfa-laboratory/core-components/commit/6c2f0e083ec94797e8193b19d8bbafd042a5c2a5)) * **select:** add useSelectWithLoading preset ([#693](https://github.com/alfa-laboratory/core-components/issues/693)) ([12d542f](https://github.com/alfa-laboratory/core-components/commit/12d542f11dddcd022c1ba895e4105115be0b98b2)) * fix(calendar-with-skeleton): ref & six weeks height issues (#705) * chore(release): 17.5.1 [skip ci] ## [17.5.1](https://github.com/alfa-laboratory/core-components/compare/v17.5.0...v17.5.1) (2021-06-21) ### Bug Fixes * **calendar-with-skeleton:** ref & six weeks height issues ([#705](https://github.com/alfa-laboratory/core-components/issues/705)) ([907ebe1](https://github.com/alfa-laboratory/core-components/commit/907ebe18641ee2e7e91fc4622527404c20867a54)) * feat(dark-theme-styles-injector): add prop for selector (#709) * feat(themes): change colors building * feat(dark-theme-styles-injector): add prop for selector * fix(intl-phone-input): format input value (#703) Co-authored-by: Александр Серов Co-authored-by: Alexander Yatsenko * feat(textarea): add value counter (#695) * feat(textarea): add value counter * feat(textarea): remove pluralize from counter text * feat(slider-input): design updates (#673) * test(keyboard-focusable): update screenshot * feat(form-control): change focused state bg-color * feat(input): swap right addons and error/success icon * feat(slider-input): update design * feat(input): change default error icon * feat(themes): add error icon to site theme * feat(input): update default error icon * docs(slider-input): add site theme to demo * feat(slider-input): add right slots margins * feat(themes): fix click form control * chore(release): 17.6.0 [skip ci] # [17.6.0](https://github.com/alfa-laboratory/core-components/compare/v17.5.1...v17.6.0) (2021-06-22) ### Bug Fixes * **intl-phone-input:** format input value ([#703](https://github.com/alfa-laboratory/core-components/issues/703)) ([b5e91ed](https://github.com/alfa-laboratory/core-components/commit/b5e91edf03867f5dc93fab78425f7c1a128afd9b)) ### Features * **dark-theme-styles-injector:** add prop for selector ([#709](https://github.com/alfa-laboratory/core-components/issues/709)) ([f74cdc7](https://github.com/alfa-laboratory/core-components/commit/f74cdc7b312321fcb111f1c64f21714ee403e513)) * **slider-input:** design updates ([#673](https://github.com/alfa-laboratory/core-components/issues/673)) ([794e3cc](https://github.com/alfa-laboratory/core-components/commit/794e3cc99a3b61ec4faa630469dae7e49a56ee0a)) * **textarea:** add value counter ([#695](https://github.com/alfa-laboratory/core-components/issues/695)) ([cbc6bd3](https://github.com/alfa-laboratory/core-components/commit/cbc6bd3eaa48e3df2791d23e156c7c664d67ff49)) * test: update screenshot * chore: publish - @alfalab/core-components-amount-input@4.0.20 - @alfalab/core-components-attach@2.0.2 - @alfalab/core-components-bank-card@3.4.8 - @alfalab/core-components-calendar-input@3.0.8 - @alfalab/core-components-calendar-range@2.0.3 - @alfalab/core-components-calendar-with-skeleton@2.0.4 - @alfalab/core-components-dark-theme-styles-injector@1.5.0 - @alfalab/core-components-form-control@6.2.0 - @alfalab/core-components-input-autocomplete@6.1.7 - @alfalab/core-components-input@6.2.0 - @alfalab/core-components-intl-phone-input@4.1.7 - @alfalab/core-components-keyboard-focusable@1.3.0 - @alfalab/core-components-masked-input@3.2.27 - @alfalab/core-components-notification-manager@3.0.2 - @alfalab/core-components-notification@4.1.0 - @alfalab/core-components-phone-input@4.0.20 - @alfalab/core-components-picker-button@5.0.4 - @alfalab/core-components-select@8.1.0 - @alfalab/core-components-slider-input@3.2.0 - @alfalab/core-components-tabs@4.1.1 - @alfalab/core-components-textarea@5.1.0 - @alfalab/core-components-themes@4.3.0 - @alfalab/core-components-with-suffix@2.4.19 * fix(storybook): fix typo * refactor(storybook): add tabs to all stories * refactor(storybook): fix some refactoring errors n * test(select): update screenshots * feat(storybook): add live-edit stories without dependencies * feat(bottom-sheet): new component (PDS-228) (#645) * feat(bottom-sheet): add base of component * feat(bottom-sheet): add base of swipe * feat(bottom-sheet): add swiping * fix(toast-plate): fix cross color (#642) * chore(release): 16.1.2 [skip ci] ## [16.1.2](https://github.com/alfa-laboratory/core-components/compare/v16.1.1...v16.1.2) (2021-05-05) ### Bug Fixes * **toast-plate:** fix cross color ([#642](https://github.com/alfa-laboratory/core-components/issues/642)) ([96a17fd](https://github.com/alfa-laboratory/core-components/commit/96a17fdcd28a37519845d5a0c40809f107e3031f)) * chore: publish - @alfalab/core-components-notification-manager@2.0.2 - @alfalab/core-components-notification@3.0.2 - @alfalab/core-components-toast-plate@2.3.1 - @alfalab/core-components-toast@2.0.1 * fix: update popover versions (#646) * fix(calendar-input): update popover version * fix(toast): update popover version * fix(tooltip): update popover version * chore(release): 16.1.3 [skip ci] ## [16.1.3](https://github.com/alfa-laboratory/core-components/compare/v16.1.2...v16.1.3) (2021-05-06) ### Bug Fixes * update popover versions ([#646](https://github.com/alfa-laboratory/core-components/issues/646)) ([199cf80](https://github.com/alfa-laboratory/core-components/commit/199cf80cd60e6edf0ac5d41c7eb258ab05d3b534)) * chore: publish - @alfalab/core-components-calendar-input@3.0.1 - @alfalab/core-components-calendar-range@1.3.27 - @alfalab/core-components-toast@2.0.2 - @alfalab/core-components-tooltip@3.0.1 * feat(button): add loader minimal display interval (#634) * feat(button): add loader minimal display interval * test(button): add some tests * feat(icon-button): add negative view (#635) * chore(release): 16.2.0 [skip ci] # [16.2.0](https://github.com/alfa-laboratory/core-components/compare/v16.1.3...v16.2.0) (2021-05-07) ### Features * **button:** add loader minimal display interval ([#634](https://github.com/alfa-laboratory/core-components/issues/634)) ([d2f7edc](https://github.com/alfa-laboratory/core-components/commit/d2f7edc52c3e43ce3f5db8250446227b869ab731)) * **icon-button:** add negative view ([#635](https://github.com/alfa-laboratory/core-components/issues/635)) ([7006116](https://github.com/alfa-laboratory/core-components/commit/70061167d1e00a786e28c53ebb26e4e174d03311)) * chore: publish - @alfalab/core-components-button@2.2.0-beta.4 - @alfalab/core-components-file-upload-item@1.1.2 - @alfalab/core-components-icon-button@1.3.0 * feat(button): fix version (#648) * chore(deps-dev): bump json from 9.0.6 to 10.0.0 (#647) Bumps [json](https://github.com/trentm/json) from 9.0.6 to 10.0.0. - [Release notes](https://github.com/trentm/json/releases) - [Changelog](https://github.com/trentm/json/blob/master/CHANGES.md) - [Commits](https://github.com/trentm/json/compare/9.0.6...10.0.0) Signed-off-by: dependabot[bot] Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * feat(intl-phone-input): add autocomplete (#630) * feat(intl-phone-input): draft intlphone input with autocomplete * chore: pochinil * feat(intl-phone-input): update country select styles * feat(intl-phone-input): dont erase country code * fix(intl-phone-input): fix registry * fix(intl-phone-input): fix registry * fix(intl-phone-input): fix build * fix(intl-phone-input): ts error * feat(intl-phone-input): return old deps * feat(intl-phone-input): add new props * fix(intl-phone-input): pasting starting with 8 * test(intl-phone-input): fix screenshot tests * fix(intl-phone-input): fix ts error Co-authored-by: Александр Серов Co-authored-by: reme3d2y Co-authored-by: dmitrsavk * chore(release): 16.3.0 [skip ci] # [16.3.0](https://github.com/alfa-laboratory/core-components/compare/v16.2.0...v16.3.0) (2021-05-07) ### Features * **button:** fix version ([#648](https://github.com/alfa-laboratory/core-components/issues/648)) ([ec51599](https://github.com/alfa-laboratory/core-components/commit/ec5159910a7fdc103d4f4e8d3d4198db3ffbdcc8)) * **intl-phone-input:** add autocomplete ([#630](https://github.com/alfa-laboratory/core-components/issues/630)) ([18b5714](https://github.com/alfa-laboratory/core-components/commit/18b57143ede6bf5e9fcd7d460b4859c6d86c026b)) * chore: publish - @alfalab/core-components-alert@1.1.5 - @alfalab/core-components-amount-input@4.0.15 - @alfalab/core-components-attach@1.4.22 - @alfalab/core-components-bank-card@3.4.2 - @alfalab/core-components-button@2.3.0 - @alfalab/core-components-calendar-input@3.0.2 - @alfalab/core-components-calendar-range@1.3.28 - @alfalab/core-components-calendar-with-skeleton@1.1.2 - @alfalab/core-components-calendar@1.2.10 - @alfalab/core-components-confirmation@5.0.0 - @alfalab/core-components-file-upload-item@1.1.3 - @alfalab/core-components-icon-button@1.3.1 - @alfalab/core-components-input-autocomplete@6.1.0 - @alfalab/core-components-input@6.0.14 - @alfalab/core-components-intl-phone-input@4.1.0 - @alfalab/core-components-masked-input@3.2.21 - @alfalab/core-components-modal@1.4.2 - @alfalab/core-components-notification-manager@2.0.3 - @alfalab/core-components-notification@3.0.3 - @alfalab/core-components-phone-input@4.0.14 - @alfalab/core-components-picker-button@4.0.2 - @alfalab/core-components-plate@1.7.2 - @alfalab/core-components-select@8.0.2 - @alfalab/core-components-slider-input@3.1.2 - @alfalab/core-components-toast-plate@2.3.2 - @alfalab/core-components-toast@2.0.3 - @alfalab/core-components-with-suffix@2.4.14 * feat(base-modal): add utils export * test: update snapshots fix(backdrop): fix opacity feat(bottom-sheet): updates docs(bottom-sheet): updates feat(bottom-sheet): updates docs(bottom-sheet): updates feat(bottom-sheet): try scroll feat(bottom-sheet): try scroll feat(bottom-sheet): some fixes feat(bottom-sheet): add footer highlighted feat(bottom-sheet): updates feat(bottom-sheet): updates feat(bottom-sheet): add base of tests * test(bottom-sheet): fix * test(bottom-sheet): add some tests * test(bottom-sheet): add swipe test * test(bottom-sheet): add some tests * feat(bottom-sheet): add swipe velocity to sheet * refactor(bottom-sheet): migrate to base modal (#669) * refactor(bottom-sheet): migrate to base-modal * feat(bottom-sheet): updates Co-authored-by: dmitrsavk * feat(bottom-sheet): some design-review fixes * feat(bottom-sheet): updates * feat(bottom-sheet): change animation Co-authored-by: semantic-release-bot Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: Aleksandr Serov <33555131+AleksandrSerov@users.noreply.github.com> Co-authored-by: Александр Серов Co-authored-by: reme3d2y Co-authored-by: Alexander Yatsenko * fix(base-modal): fix has scroll bug (#712) * fix(base-modal): fix has scroll bug * fix(base-modal): revert observer on content ref * fix(base-select): revert ref Co-authored-by: Alexander Yatsenko Co-authored-by: reme3d2y * fix(space): remove last element margin (#713) Co-authored-by: Alexander Yatsenko * fix(typography): add missing weight styles (#719) * fix(typography): add missing weight styles * updated screenshot * feat(confirmation): add property for change retry button text (#720) * feat(confirmation): add property for change retry button text * feat(confirmation): rename buttonRetryText to buttonReturnText * feat(confirmation): add property for change retry button text Property buttonRetryText now changes button label at first screen instead of help screen BREAKING CHANGE: buttonRetryText renamed to buttonReturnText Co-authored-by: Alexander Soldatov * feat(skeleton): add display var, change default to block (#718) BREAKING CHANGE: inline-block changes to block * chore(release): 18.0.0 [skip ci] # [18.0.0](https://github.com/alfa-laboratory/core-components/compare/v17.6.0...v18.0.0) (2021-06-28) ### Bug Fixes * **base-modal:** fix has scroll bug ([#712](https://github.com/alfa-laboratory/core-components/issues/712)) ([a6749a1](https://github.com/alfa-laboratory/core-components/commit/a6749a149d511b28cc59aaec188d59c380c64243)) * **space:** remove last element margin ([#713](https://github.com/alfa-laboratory/core-components/issues/713)) ([bc36cf7](https://github.com/alfa-laboratory/core-components/commit/bc36cf7db35cbd7c5d36c178a50bbd27d2f11b0c)) * **typography:** add missing weight styles ([#719](https://github.com/alfa-laboratory/core-components/issues/719)) ([6b855aa](https://github.com/alfa-laboratory/core-components/commit/6b855aa97eff918e0e16f957c4c05bb7f2d8f4fe)) ### Features * **bottom-sheet:** new component (PDS-228) ([#645](https://github.com/alfa-laboratory/core-components/issues/645)) ([1f7391d](https://github.com/alfa-laboratory/core-components/commit/1f7391df16a270d8a3a28b8ebaf98d0ed0928bc8)), closes [#642](https://github.com/alfa-laboratory/core-components/issues/642) [#642](https://github.com/alfa-laboratory/core-components/issues/642) [#646](https://github.com/alfa-laboratory/core-components/issues/646) [#646](https://github.com/alfa-laboratory/core-components/issues/646) [#634](https://github.com/alfa-laboratory/core-components/issues/634) [#635](https://github.com/alfa-laboratory/core-components/issues/635) [#634](https://github.com/alfa-laboratory/core-components/issues/634) [#635](https://github.com/alfa-laboratory/core-components/issues/635) [#648](https://github.com/alfa-laboratory/core-components/issues/648) [#647](https://github.com/alfa-laboratory/core-components/issues/647) [#630](https://github.com/alfa-laboratory/core-components/issues/630) [#648](https://github.com/alfa-laboratory/core-components/issues/648) [#630](https://github.com/alfa-laboratory/core-components/issues/630) [#669](https://github.com/alfa-laboratory/core-components/issues/669) * **confirmation:** add property for change retry button text ([#720](https://github.com/alfa-laboratory/core-components/issues/720)) ([c0f7688](https://github.com/alfa-laboratory/core-components/commit/c0f76888cffff8ad4169769bc4615429663352a5)) * **skeleton:** add display var, change default to block ([#718](https://github.com/alfa-laboratory/core-components/issues/718)) ([27aaa60](https://github.com/alfa-laboratory/core-components/commit/27aaa605a958d932a52904556ac2fe1dd59356af)) ### BREAKING CHANGES * **skeleton:** inline-block changes to block * **confirmation:** buttonRetryText renamed to buttonReturnText Co-authored-by: Alexander Soldatov * chore: publish - @alfalab/core-components-base-modal@2.1.0 - @alfalab/core-components-bottom-sheet@1.1.0 - @alfalab/core-components-calendar-with-skeleton@2.0.5 - @alfalab/core-components-circular-progress-bar@1.2.11 - @alfalab/core-components-confirmation@7.0.0 - @alfalab/core-components-drawer@2.1.3 - @alfalab/core-components-input-autocomplete@6.1.8 - @alfalab/core-components-intl-phone-input@4.1.8 - @alfalab/core-components-list-header@1.1.9 - @alfalab/core-components-modal@1.5.5 - @alfalab/core-components-picker-button@5.0.5 - @alfalab/core-components-select@8.1.1 - @alfalab/core-components-skeleton@2.0.0 - @alfalab/core-components-space@1.1.1 - @alfalab/core-components-typography@1.5.1 * feat(password-input): add password input (PDS-233) (#691) * feat(password-input): add password input * feat(password-input): fixes * test(password-input): add screenshot tests * feat(password-input): hide reveal icon in ms-edge browser * feat(password-input): change icon-button view to secondary * docs: fix tabs * chore(release): 18.1.0 [skip ci] # [18.1.0](https://github.com/alfa-laboratory/core-components/compare/v18.0.0...v18.1.0) (2021-06-29) ### Features * **password-input:** add password input (PDS-233) ([#691](https://github.com/alfa-laboratory/core-components/issues/691)) ([d872e4d](https://github.com/alfa-laboratory/core-components/commit/d872e4dd18fd5db472864fbc2676749b812da00f)) * chore: publish - @alfalab/core-components-password-input@1.1.0 - @alfalab/core-components-toast@2.2.0 * fix(dark-theme-styles-injector): fix rendering passed styles (#723) * feat(calendar-range): pass props to render calendar in popper (#702) * feat(calendar-range): pass props to render calendar in popper * test: update test screenshot * revert: revert update of test screenshot * refactor(calendar-range): change interface for calendarPosition prop * chore(calendar-range): add calendarPosition knob to component story * chore(calendar-range): chanage knob to demo variant * feat(calendar-range): fully adds popover variant * test(calendar-range): adds tests for popover variant * test(calendar-range): small fixes for popover variant tests * test(calendar-range): fix typo in test * refactor(calendar-range): fix import, interface, ts feature * test(calendar-range): add tests for useCalendarMaxMinDates Co-authored-by: Alexander Yatsenko Co-authored-by: Dmitry Savkin * chore(release): 18.2.0 [skip ci] # [18.2.0](https://github.com/alfa-laboratory/core-components/compare/v18.1.0...v18.2.0) (2021-06-30) ### Bug Fixes * **dark-theme-styles-injector:** fix rendering passed styles ([#723](https://github.com/alfa-laboratory/core-components/issues/723)) ([882841c](https://github.com/alfa-laboratory/core-components/commit/882841c1c43d5570652ab3fcc199958060b92c57)) ### Features * **calendar-range:** pass props to render calendar in popper ([#702](https://github.com/alfa-laboratory/core-components/issues/702)) ([4369e46](https://github.com/alfa-laboratory/core-components/commit/4369e462116dc1d240f95f811be67639b10dedb6)) * chore: publish - @alfalab/core-components-calendar-input@3.1.0 - @alfalab/core-components-calendar-range@2.1.0 - @alfalab/core-components-dark-theme-styles-injector@1.5.1 * fix(base-modal): resubscribe observer when content node changed * chore(release): 18.2.1 [skip ci] ## [18.2.1](https://github.com/alfa-laboratory/core-components/compare/v18.2.0...v18.2.1) (2021-07-02) ### Bug Fixes * **base-modal:** resubscribe observer when content node changed ([2fef06e](https://github.com/alfa-laboratory/core-components/commit/2fef06eea01354f58663a5f4470606123d31f9d4)) * chore: publish - @alfalab/core-components-base-modal@2.1.1 - @alfalab/core-components-bottom-sheet@1.1.1 - @alfalab/core-components-drawer@2.1.4 - @alfalab/core-components-modal@1.5.6 * chore: upgrade version * chrome: make this works * chore: fix bugs * feat(storybook): sort stories by alphabet (#708) * feat(storybook): make "Docs" tab default (#707) * Feat/change story docs structure (#714) * fix(storybook): fix typo * refactor(storybook): add tabs to all stories * refactor(storybook): fix some refactoring errors n Co-authored-by: reme3d2y * chore: update all stories, omg Co-authored-by: semantic-release-bot Co-authored-by: Dmitry Savkin Co-authored-by: Михаил Корецкий Co-authored-by: Alexander Yatsenko Co-authored-by: Artem Kononenko Co-authored-by: Кононенко Артем Игоревич Co-authored-by: Aleksandr Serov <33555131+AleksandrSerov@users.noreply.github.com> Co-authored-by: Александр Серов Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: reme3d2y Co-authored-by: Aleksandr Dyuzhikov Co-authored-by: Mikhail Gekhman <45306345+avlnche64@users.noreply.github.com> Co-authored-by: Evgeny Sergeev Co-authored-by: Alexander Soldatov Co-authored-by: Alexander Soldatov * chore: fix case * chore: update stories * chore: update & fix screenshots * chore: fix select test * chore: stories * chore: stories * docs: add changelogs (#722) * docs: updates * docs: updates Co-authored-by: reme3d2y * chore: global styles * chore: changelog story * chore: sorting * chore: styles * chore: styles * chore: fix import * feat: show theme-switcher in all tabs * chore: update sb & drop addon-actions * chore: drop button inverted themes * chore: update vars stories * chore: styles * chore: remove relative imports Co-authored-by: Mikhail Co-authored-by: semantic-release-bot Co-authored-by: Dmitry Savkin Co-authored-by: Михаил Корецкий Co-authored-by: Artem Kononenko Co-authored-by: Кононенко Артем Игоревич Co-authored-by: Aleksandr Serov <33555131+AleksandrSerov@users.noreply.github.com> Co-authored-by: Александр Серов Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: Aleksandr Dyuzhikov Co-authored-by: Mikhail Gekhman <45306345+avlnche64@users.noreply.github.com> Co-authored-by: Evgeny Sergeev Co-authored-by: Alexander Soldatov Co-authored-by: Alexander Soldatov --- .storybook/addons/theme-switcher/register.js | 4 +- .storybook/blocks/changelog/changelog.tsx | 11 + .storybook/blocks/changelog/index.module.css | 57 + .storybook/blocks/changelog/index.ts | 1 + ...tHeader.css => ComponentHeader.module.css} | 0 .../component-header/ComponentHeader.tsx | 2 +- .storybook/blocks/example/LiveExample.tsx | 11 +- .storybook/blocks/example/index.module.css | 3 +- .storybook/blocks/example/utils/scope.ts | 11 +- .../blocks/grid/{Col.css => Col.module.css} | 0 .storybook/blocks/grid/Col.tsx | 2 +- .../{Container.css => Container.module.css} | 0 .storybook/blocks/grid/Container.tsx | 2 +- .../blocks/grid/{Row.css => Row.module.css} | 0 .storybook/blocks/grid/Row.tsx | 2 +- .storybook/blocks/index.ts | 1 + .../status/{Status.css => Status.module.css} | 0 .storybook/blocks/status/Status.tsx | 2 +- .storybook/blocks/tabs/component.tsx | 45 +- .storybook/main.js | 126 +- .storybook/manager.js | 5 +- .storybook/preview.js | 27 + .storybook/public/global.css | 137 +- .storybook/server.js | 0 .storybook/webpack.config.js | 195 - docs/1.getting-started.stories.mdx | 12 +- docs/10.breakpoints.stories.mdx | 7 +- docs/11.screenshots.stories.mdx | 7 +- docs/12.migrations.stories.mdx | 10 +- docs/13.changelog.stories.mdx | 11 + docs/2.theming.stories.mdx | 5 +- docs/3.development-faq.stories.mdx | 5 +- docs/4.statuses.stories.mdx | 5 +- docs/5.colors.stories.mdx | 5 +- docs/6.typography.stories.mdx | 5 +- docs/7.gaps.stories.mdx | 5 +- docs/8.icons.stories.mdx | 5 +- docs/9.0.accessibility.stories.mdx | 5 +- docs/9.1.images.stories.mdx | 5 +- docs/9.2.video-audio.stories.mdx | 9 +- docs/9.3.forms.stories.mdx | 5 +- docs/9.4.tables.stories.mdx | 5 +- docs/9.5.menu.stories.mdx | 5 +- docs/9.6.keyboard.stories.mdx | 5 +- docs/9.7.testing.stories.mdx | 5 +- package.json | 15 +- .../src/{ => docs}/Component.stories.mdx | 32 +- packages/alert/src/docs/description.mdx | 5 + .../amount-input/src/Component.stories.mdx | 115 - .../src/docs/Component.stories.mdx | 61 + .../amount-input/src/docs/description.mdx | 50 + packages/amount/src/component.stories.mdx | 170 - .../amount/src/docs/component.stories.mdx | 84 + packages/amount/src/docs/description.mdx | 76 + .../src/{ => docs}/Component.stories.mdx | 29 +- packages/attach/src/docs/description.mdx | 5 + packages/backdrop/src/Component.stories.mdx | 43 - .../backdrop/src/docs/Component.stories.mdx | 49 + packages/backdrop/src/docs/description.mdx | 17 + packages/badge/src/Component.stories.mdx | 184 - packages/badge/src/docs/Component.stories.mdx | 76 + packages/badge/src/docs/description.mdx | 161 + packages/bank-card/src/Component.stories.mdx | 57 - .../bank-card/src/docs/Component.stories.mdx | 42 + packages/bank-card/src/docs/description.mdx | 22 + .../base-modal/src/docs/Component.stories.mdx | 57 + .../description.mdx} | 64 +- .../Component.stories.mdx} | 28 +- .../bottom-sheet/src/docs/description.mdx | 27 + .../button/src/docs/component.stories.mdx | 10 +- packages/button/src/docs/description.mdx | 11 +- .../calendar-input/src/Component.stories.mdx | 165 - .../src/docs/Component.stories.mdx | 65 + .../calendar-input/src/docs/description.mdx | 104 + .../calendar-range/src/Component.stories.mdx | 123 - .../src/docs/Component.stories.mdx | 43 + .../calendar-range/src/docs/description.mdx | 93 + .../src/Component.stories.mdx | 91 - .../src/docs/Component.stories.mdx | 52 + .../src/docs/description.mdx | 32 + packages/calendar/src/Component.stories.mdx | 184 - .../calendar/src/docs/Component.stories.mdx | 57 + packages/calendar/src/docs/description.mdx | 132 + packages/card-image/src/Component.stories.mdx | 54 - .../card-image/src/docs/Component.stories.mdx | 49 + packages/card-image/src/docs/description.mdx | 15 + packages/cdn-icon/src/Component.stories.mdx | 37 - .../cdn-icon/src/docs/Component.stories.mdx | 41 + packages/cdn-icon/src/docs/description.mdx | 5 + packages/cdn-icon/src/{index.tsx => index.ts} | 0 .../checkbox-group/src/Component.stories.mdx | 109 - .../src/docs/Component.stories.mdx | 65 + .../checkbox-group/src/docs/description.mdx | 60 + .../src/{ => docs}/Component.stories.mdx | 60 +- packages/checkbox/src/docs/description.mdx | 37 + .../src/{ => docs}/Component.stories.mdx | 32 +- .../src/docs/description.mdx | 5 + packages/collapse/src/Component.stories.mdx | 84 - .../collapse/src/docs/Component.stories.mdx | 49 + packages/collapse/src/docs/description.mdx | 42 + .../Component.stories.mdx} | 62 +- .../confirmation/src/docs/description.mdx | 96 + packages/divider/src/Component.stories.mdx | 44 - .../divider/src/docs/Component.stories.mdx | 43 + packages/divider/src/docs/description.mdx | 11 + packages/drawer/src/Component.stories.mdx | 185 - .../drawer/src/docs/Component.stories.mdx | 63 + packages/drawer/src/docs/description.mdx | 147 + packages/dropzone/src/Component.stories.mdx | 85 - .../dropzone/src/docs/Component.stories.mdx | 76 + packages/dropzone/src/docs/description.mdx | 43 + .../src/Component.stories.mdx | 108 - .../src/docs/Component.stories.mdx | 52 + .../file-upload-item/src/docs/description.mdx | 63 + .../src/{ => docs}/Component.stories.mdx | 29 +- .../form-control/src/docs/description.mdx | 7 + packages/grid/src/Component.stories.mdx | 398 -- packages/grid/src/docs/Component.stories.mdx | 58 + packages/grid/src/docs/description.mdx | 337 ++ .../icon-button/src/Component.stories.mdx | 158 - .../src/docs/Component.stories.mdx | 67 + packages/icon-button/src/docs/description.mdx | 106 + .../src/Component.stories.mdx | 340 -- .../src/docs/Component.stories.mdx | 98 + .../src/docs/description.mdx | 421 ++ .../src/{ => docs}/Component.stories.mdx | 33 +- packages/input/src/docs/description.mdx | 11 + .../src/component.stories.mdx | 180 - .../src/docs/Component.stories.mdx | 76 + .../intl-phone-input/src/docs/description.mdx | 101 + .../src/docs/Component.stories.mdx | 35 + .../description.mdx} | 68 +- packages/link/src/Component.stories.mdx | 155 - packages/link/src/docs/Component.stories.mdx | 79 + packages/link/src/docs/description.mdx | 63 + .../list-header/src/Component.stories.mdx | 69 - .../src/docs/Component.stories.mdx | 48 + packages/list-header/src/docs/description.mdx | 31 + packages/list-header/src/index.module.css | 2 +- .../list/src/{ => docs}/Component.stories.mdx | 53 +- packages/list/src/docs/description.mdx | 23 + packages/list/src/index.module.css | 2 +- packages/loader/src/Component.stories.mdx | 39 - .../loader/src/docs/Component.stories.mdx | 40 + packages/loader/src/docs/description.mdx | 5 + .../masked-input/src/Component.stories.mdx | 90 - .../src/docs/Component.stories.mdx | 45 + .../masked-input/src/docs/description.mdx | 61 + packages/modal/src/Component.stories.mdx | 339 -- ...fullscreen-0-header-has-closer-0-snap.png} | 0 ...fullscreen-0-header-has-closer-1-snap.png} | 0 ...fullscreen-1-header-has-closer-0-snap.png} | 0 ...fullscreen-1-header-has-closer-1-snap.png} | 0 ...fullscreen-0-header-has-closer-0-snap.png} | 0 ...fullscreen-0-header-has-closer-1-snap.png} | 0 ...fullscreen-1-header-has-closer-0-snap.png} | 0 ...fullscreen-1-header-has-closer-1-snap.png} | 0 ...fullscreen-0-header-has-closer-0-snap.png} | 0 ...fullscreen-0-header-has-closer-1-snap.png} | 0 ...fullscreen-1-header-has-closer-0-snap.png} | 0 ...fullscreen-1-header-has-closer-1-snap.png} | 0 ...fullscreen-0-header-has-closer-0-snap.png} | 0 ...fullscreen-0-header-has-closer-1-snap.png} | 0 ...fullscreen-1-header-has-closer-0-snap.png} | 0 ...fullscreen-1-header-has-closer-1-snap.png} | 0 ...r-has-closer-0-header-0-footer-0-snap.png} | 0 ...r-has-closer-0-header-0-footer-1-snap.png} | 0 ...r-has-closer-0-header-1-footer-0-snap.png} | 0 ...r-has-closer-0-header-1-footer-1-snap.png} | 0 ...r-has-closer-1-header-0-footer-0-snap.png} | 0 ...r-has-closer-1-header-0-footer-1-snap.png} | 0 ...r-has-closer-1-header-1-footer-0-snap.png} | 0 ...r-has-closer-1-header-1-footer-1-snap.png} | 0 ...dal-footer-layout-footer-layout-4-snap.png | 3 - ...fullscreen-0-header-has-closer-0-snap.png} | 0 ...fullscreen-0-header-has-closer-1-snap.png} | 0 ...fullscreen-1-header-has-closer-0-snap.png} | 0 ...fullscreen-1-header-has-closer-1-snap.png} | 0 ...fullscreen-0-header-has-closer-0-snap.png} | 0 ...fullscreen-0-header-has-closer-1-snap.png} | 0 ...fullscreen-1-header-has-closer-0-snap.png} | 0 ...fullscreen-1-header-has-closer-1-snap.png} | 0 .../modal/src/component.screenshots.test.tsx | 41 +- packages/modal/src/docs/Component.stories.mdx | 137 + packages/modal/src/docs/description.mdx | 291 ++ packages/modal/src/index.ts | 1 + packages/mq/src/Component.stories.mdx | 80 - packages/mq/src/docs/Component.stories.mdx | 55 + packages/mq/src/docs/description.mdx | 33 + .../src/component.stories.mdx | 127 - .../src/docs/Component.stories.mdx | 75 + .../src/docs/description.mdx | 65 + .../notification/src/Component.stories.mdx | 69 - .../src/docs/Component.stories.mdx | 52 + .../notification/src/docs/description.mdx | 27 + .../src/docs/component.stories.mdx | 12 +- .../password-input/src/docs/description.mdx | 26 +- .../phone-input/src/Component.stories.mdx | 51 - .../src/docs/Component.stories.mdx | 53 + packages/phone-input/src/docs/description.mdx | 7 + .../picker-button/src/Component.stories.mdx | 179 - .../picker-button-test-positioning-2-snap.png | 4 +- .../picker-button-test-positioning-3-snap.png | 4 +- .../picker-button-test-positioning-snap.png | 4 +- .../src/component.screenshots.test.tsx | 2 +- .../src/docs/Component.stories.mdx | 58 + .../picker-button/src/docs/description.mdx | 203 + packages/plate/src/docs/component.stories.mdx | 10 +- packages/plate/src/docs/description.mdx | 93 +- packages/popover/src/Component.stories.mdx | 191 - .../popover/src/docs/Component.stories.mdx | 95 + packages/popover/src/docs/description.mdx | 96 + packages/portal/src/Component.stories.mdx | 52 - .../portal/src/docs/Component.stories.mdx | 71 + packages/portal/src/docs/description.mdx | 36 + .../progress-bar/src/Component.stories.mdx | 40 - .../src/docs/Component.stories.mdx | 46 + .../progress-bar/src/docs/description.mdx | 5 + .../src/{ => docs}/Component.stories.mdx | 27 +- packages/pure-input/src/docs/description.mdx | 5 + .../radio-group/src/Component.stories.mdx | 118 - .../src/docs/Component.stories.mdx | 69 + packages/radio-group/src/docs/description.mdx | 50 + packages/radio/src/Component.stories.mdx | 98 - packages/radio/src/docs/Component.stories.mdx | 67 + packages/radio/src/docs/description.mdx | 18 + .../screenshot-utils/createStorybookUrl.ts | 2 +- ...nteractions-tests-hover-pressed-2-snap.png | 4 +- ...nteractions-tests-hover-pressed-3-snap.png | 4 +- ...-interactions-tests-hover-pressed-snap.png | 4 +- .../src/component.screenshots.test.tsx | 2 +- .../Component.stories.mdx} | 57 +- .../select-with-tags/src/docs/description.mdx | 34 + packages/select/src/Component.stories.mdx | 588 --- packages/select/src/Component.test.tsx | 9 +- ...ick-open-select-select-one-item-2-snap.png | 4 +- ...ick-open-select-select-one-item-4-snap.png | 4 +- ...ult-open-select-select-one-item-2-snap.png | 4 +- ...ult-open-select-select-one-item-4-snap.png | 4 +- ...interactions-tests-long-options-2-snap.png | 4 +- ...t-interactions-tests-long-options-snap.png | 4 +- ...nteractions-tests-visible-options-snap.png | 4 +- .../select-optgroup-click-snap.png | 4 +- .../select-optgroup-default-snap.png | 4 +- .../select/src/docs/Component.stories.mdx | 93 + packages/select/src/docs/description.mdx | 514 ++ packages/skeleton/src/Component.stories.mdx | 105 - .../skeleton/src/docs/Component.stories.mdx | 62 + packages/skeleton/src/docs/description.mdx | 88 + .../slider-input/src/Component.stories.mdx | 279 -- .../src/docs/Component.stories.mdx | 71 + .../slider-input/src/docs/description.mdx | 251 + packages/slider/src/Component.stories.mdx | 62 - .../slider/src/docs/Component.stories.mdx | 58 + packages/slider/src/docs/description.mdx | 11 + packages/space/src/Component.stories.mdx | 190 - packages/space/src/docs/Component.stories.mdx | 58 + packages/space/src/docs/description.mdx | 115 + packages/spinner/src/Component.stories.mdx | 80 - .../spinner/src/docs/Component.stories.mdx | 47 + packages/spinner/src/docs/description.mdx | 39 + packages/stack/src/component.stories.mdx | 168 - packages/stack/src/docs/Component.stories.mdx | 39 + packages/stack/src/docs/description.mdx | 157 + packages/status/src/Component.stories.mdx | 79 - .../status/src/docs/Component.stories.mdx | 46 + packages/status/src/docs/description.mdx | 34 + packages/switch/src/Component.stories.mdx | 140 - .../switch/src/docs/Component.stories.mdx | 66 + packages/switch/src/docs/description.mdx | 82 + packages/tabs/src/Component.stories.mdx | 293 -- ...tabs-tabs-desktop-view-0-size-0-3-snap.png | 3 - ...tabs-tabs-desktop-view-0-size-1-5-snap.png | 3 - ...tabs-tabs-desktop-view-0-size-1-4-snap.png | 3 - .../tabs/src/component.screenshots.test.tsx | 2 +- packages/tabs/src/docs/Component.stories.mdx | 105 + packages/tabs/src/docs/description.mdx | 130 + packages/tag/src/Component.stories.mdx | 93 - packages/tag/src/docs/Component.stories.mdx | 60 + packages/tag/src/docs/description.mdx | 41 + ...nent.stories.mdx => Component.stories.mdx} | 12 +- packages/textarea/src/docs/description.mdx | 8 - .../Component.stories.mdx} | 37 +- packages/toast-plate/src/docs/description.mdx | 16 + packages/toast/src/docs/component.stories.mdx | 187 +- packages/toast/src/docs/description.mdx | 240 +- packages/tooltip/src/Component.stories.mdx | 171 - .../tooltip-test-hint-view-2-snap.png | 3 + .../tooltip-test-hint-view-3-snap.png | 3 + .../tooltip-test-hint-view-4-snap.png | 3 + .../tooltip-test-hint-view-5-snap.png | 3 + .../tooltip-test-hint-view-6-snap.png | 3 + .../src/component.screenshots.test.tsx | 4 +- .../tooltip/src/docs/Component.stories.mdx | 97 + packages/tooltip/src/docs/description.mdx | 46 + packages/typography/src/component.stories.mdx | 200 - .../typography/src/docs/Component.stories.mdx | 115 + packages/typography/src/docs/description.mdx | 77 + .../example-share-story/index.stories.mdx | 31 +- packages/vars/src/Component.stories.mdx | 95 + packages/vars/src/vars.stories.mdx | 33 - .../src/component.screenshots.test.tsx | 2 +- .../src/{ => docs}/Component.stories.mdx | 34 +- packages/with-suffix/src/docs/description.mdx | 9 + yarn.lock | 4395 +++++++++++------ 305 files changed, 12161 insertions(+), 9806 deletions(-) create mode 100644 .storybook/blocks/changelog/changelog.tsx create mode 100644 .storybook/blocks/changelog/index.module.css create mode 100644 .storybook/blocks/changelog/index.ts rename .storybook/blocks/component-header/{ComponentHeader.css => ComponentHeader.module.css} (100%) rename .storybook/blocks/grid/{Col.css => Col.module.css} (100%) rename .storybook/blocks/grid/{Container.css => Container.module.css} (100%) rename .storybook/blocks/grid/{Row.css => Row.module.css} (100%) rename .storybook/blocks/status/{Status.css => Status.module.css} (100%) delete mode 100644 .storybook/server.js delete mode 100644 .storybook/webpack.config.js create mode 100644 docs/13.changelog.stories.mdx rename packages/alert/src/{ => docs}/Component.stories.mdx (51%) create mode 100644 packages/alert/src/docs/description.mdx delete mode 100644 packages/amount-input/src/Component.stories.mdx create mode 100644 packages/amount-input/src/docs/Component.stories.mdx create mode 100644 packages/amount-input/src/docs/description.mdx delete mode 100644 packages/amount/src/component.stories.mdx create mode 100644 packages/amount/src/docs/component.stories.mdx create mode 100644 packages/amount/src/docs/description.mdx rename packages/attach/src/{ => docs}/Component.stories.mdx (56%) create mode 100644 packages/attach/src/docs/description.mdx delete mode 100644 packages/backdrop/src/Component.stories.mdx create mode 100644 packages/backdrop/src/docs/Component.stories.mdx create mode 100644 packages/backdrop/src/docs/description.mdx delete mode 100644 packages/badge/src/Component.stories.mdx create mode 100644 packages/badge/src/docs/Component.stories.mdx create mode 100644 packages/badge/src/docs/description.mdx delete mode 100644 packages/bank-card/src/Component.stories.mdx create mode 100644 packages/bank-card/src/docs/Component.stories.mdx create mode 100644 packages/bank-card/src/docs/description.mdx create mode 100644 packages/base-modal/src/docs/Component.stories.mdx rename packages/base-modal/src/{Component.stories.mdx => docs/description.mdx} (51%) rename packages/bottom-sheet/src/{component.stories.mdx => docs/Component.stories.mdx} (76%) create mode 100644 packages/bottom-sheet/src/docs/description.mdx delete mode 100644 packages/calendar-input/src/Component.stories.mdx create mode 100644 packages/calendar-input/src/docs/Component.stories.mdx create mode 100644 packages/calendar-input/src/docs/description.mdx delete mode 100644 packages/calendar-range/src/Component.stories.mdx create mode 100644 packages/calendar-range/src/docs/Component.stories.mdx create mode 100644 packages/calendar-range/src/docs/description.mdx delete mode 100644 packages/calendar-with-skeleton/src/Component.stories.mdx create mode 100644 packages/calendar-with-skeleton/src/docs/Component.stories.mdx create mode 100644 packages/calendar-with-skeleton/src/docs/description.mdx delete mode 100644 packages/calendar/src/Component.stories.mdx create mode 100644 packages/calendar/src/docs/Component.stories.mdx create mode 100644 packages/calendar/src/docs/description.mdx delete mode 100644 packages/card-image/src/Component.stories.mdx create mode 100644 packages/card-image/src/docs/Component.stories.mdx create mode 100644 packages/card-image/src/docs/description.mdx delete mode 100644 packages/cdn-icon/src/Component.stories.mdx create mode 100644 packages/cdn-icon/src/docs/Component.stories.mdx create mode 100644 packages/cdn-icon/src/docs/description.mdx rename packages/cdn-icon/src/{index.tsx => index.ts} (100%) delete mode 100644 packages/checkbox-group/src/Component.stories.mdx create mode 100644 packages/checkbox-group/src/docs/Component.stories.mdx create mode 100644 packages/checkbox-group/src/docs/description.mdx rename packages/checkbox/src/{ => docs}/Component.stories.mdx (51%) create mode 100644 packages/checkbox/src/docs/description.mdx rename packages/circular-progress-bar/src/{ => docs}/Component.stories.mdx (67%) create mode 100644 packages/circular-progress-bar/src/docs/description.mdx delete mode 100644 packages/collapse/src/Component.stories.mdx create mode 100644 packages/collapse/src/docs/Component.stories.mdx create mode 100644 packages/collapse/src/docs/description.mdx rename packages/confirmation/src/{component.stories.mdx => docs/Component.stories.mdx} (71%) create mode 100644 packages/confirmation/src/docs/description.mdx delete mode 100644 packages/divider/src/Component.stories.mdx create mode 100644 packages/divider/src/docs/Component.stories.mdx create mode 100644 packages/divider/src/docs/description.mdx delete mode 100644 packages/drawer/src/Component.stories.mdx create mode 100644 packages/drawer/src/docs/Component.stories.mdx create mode 100644 packages/drawer/src/docs/description.mdx delete mode 100644 packages/dropzone/src/Component.stories.mdx create mode 100644 packages/dropzone/src/docs/Component.stories.mdx create mode 100644 packages/dropzone/src/docs/description.mdx delete mode 100644 packages/file-upload-item/src/Component.stories.mdx create mode 100644 packages/file-upload-item/src/docs/Component.stories.mdx create mode 100644 packages/file-upload-item/src/docs/description.mdx rename packages/form-control/src/{ => docs}/Component.stories.mdx (60%) create mode 100644 packages/form-control/src/docs/description.mdx delete mode 100644 packages/grid/src/Component.stories.mdx create mode 100644 packages/grid/src/docs/Component.stories.mdx create mode 100644 packages/grid/src/docs/description.mdx delete mode 100644 packages/icon-button/src/Component.stories.mdx create mode 100644 packages/icon-button/src/docs/Component.stories.mdx create mode 100644 packages/icon-button/src/docs/description.mdx delete mode 100644 packages/input-autocomplete/src/Component.stories.mdx create mode 100644 packages/input-autocomplete/src/docs/Component.stories.mdx create mode 100644 packages/input-autocomplete/src/docs/description.mdx rename packages/input/src/{ => docs}/Component.stories.mdx (63%) create mode 100644 packages/input/src/docs/description.mdx delete mode 100644 packages/intl-phone-input/src/component.stories.mdx create mode 100644 packages/intl-phone-input/src/docs/Component.stories.mdx create mode 100644 packages/intl-phone-input/src/docs/description.mdx create mode 100644 packages/keyboard-focusable/src/docs/Component.stories.mdx rename packages/keyboard-focusable/src/{Component.stories.mdx => docs/description.mdx} (55%) delete mode 100644 packages/link/src/Component.stories.mdx create mode 100644 packages/link/src/docs/Component.stories.mdx create mode 100644 packages/link/src/docs/description.mdx delete mode 100644 packages/list-header/src/Component.stories.mdx create mode 100644 packages/list-header/src/docs/Component.stories.mdx create mode 100644 packages/list-header/src/docs/description.mdx rename packages/list/src/{ => docs}/Component.stories.mdx (60%) create mode 100644 packages/list/src/docs/description.mdx delete mode 100644 packages/loader/src/Component.stories.mdx create mode 100644 packages/loader/src/docs/Component.stories.mdx create mode 100644 packages/loader/src/docs/description.mdx delete mode 100644 packages/masked-input/src/Component.stories.mdx create mode 100644 packages/masked-input/src/docs/Component.stories.mdx create mode 100644 packages/masked-input/src/docs/description.mdx delete mode 100644 packages/modal/src/Component.stories.mdx rename packages/modal/src/__image_snapshots__/{click-modal-modal-desktop-header-0-header-has-closer-0-footer-0-fullscreen-0-snap.png => click-modal-modal-desktop-header-0-footer-0-fullscreen-0-header-has-closer-0-snap.png} (100%) rename packages/modal/src/__image_snapshots__/{click-modal-modal-desktop-header-0-header-has-closer-1-footer-0-fullscreen-0-snap.png => click-modal-modal-desktop-header-0-footer-0-fullscreen-0-header-has-closer-1-snap.png} (100%) rename packages/modal/src/__image_snapshots__/{click-modal-modal-desktop-header-0-header-has-closer-0-footer-0-fullscreen-1-snap.png => click-modal-modal-desktop-header-0-footer-0-fullscreen-1-header-has-closer-0-snap.png} (100%) rename packages/modal/src/__image_snapshots__/{click-modal-modal-desktop-header-0-header-has-closer-1-footer-0-fullscreen-1-snap.png => click-modal-modal-desktop-header-0-footer-0-fullscreen-1-header-has-closer-1-snap.png} (100%) rename packages/modal/src/__image_snapshots__/{click-modal-modal-desktop-header-0-header-has-closer-0-footer-1-fullscreen-0-snap.png => click-modal-modal-desktop-header-0-footer-1-fullscreen-0-header-has-closer-0-snap.png} (100%) rename packages/modal/src/__image_snapshots__/{click-modal-modal-desktop-header-0-header-has-closer-1-footer-1-fullscreen-0-snap.png => click-modal-modal-desktop-header-0-footer-1-fullscreen-0-header-has-closer-1-snap.png} (100%) rename packages/modal/src/__image_snapshots__/{click-modal-modal-desktop-header-0-header-has-closer-0-footer-1-fullscreen-1-snap.png => click-modal-modal-desktop-header-0-footer-1-fullscreen-1-header-has-closer-0-snap.png} (100%) rename packages/modal/src/__image_snapshots__/{click-modal-modal-desktop-header-0-header-has-closer-1-footer-1-fullscreen-1-snap.png => click-modal-modal-desktop-header-0-footer-1-fullscreen-1-header-has-closer-1-snap.png} (100%) rename packages/modal/src/__image_snapshots__/{click-modal-modal-desktop-header-1-header-has-closer-0-footer-0-fullscreen-0-snap.png => click-modal-modal-desktop-header-1-footer-0-fullscreen-0-header-has-closer-0-snap.png} (100%) rename packages/modal/src/__image_snapshots__/{click-modal-modal-desktop-header-1-header-has-closer-1-footer-0-fullscreen-0-snap.png => click-modal-modal-desktop-header-1-footer-0-fullscreen-0-header-has-closer-1-snap.png} (100%) rename packages/modal/src/__image_snapshots__/{click-modal-modal-desktop-header-1-header-has-closer-0-footer-0-fullscreen-1-snap.png => click-modal-modal-desktop-header-1-footer-0-fullscreen-1-header-has-closer-0-snap.png} (100%) rename packages/modal/src/__image_snapshots__/{click-modal-modal-desktop-header-1-header-has-closer-1-footer-0-fullscreen-1-snap.png => click-modal-modal-desktop-header-1-footer-0-fullscreen-1-header-has-closer-1-snap.png} (100%) rename packages/modal/src/__image_snapshots__/{click-modal-modal-desktop-header-1-header-has-closer-0-footer-1-fullscreen-0-snap.png => click-modal-modal-desktop-header-1-footer-1-fullscreen-0-header-has-closer-0-snap.png} (100%) rename packages/modal/src/__image_snapshots__/{click-modal-modal-desktop-header-1-header-has-closer-1-footer-1-fullscreen-0-snap.png => click-modal-modal-desktop-header-1-footer-1-fullscreen-0-header-has-closer-1-snap.png} (100%) rename packages/modal/src/__image_snapshots__/{click-modal-modal-desktop-header-1-header-has-closer-0-footer-1-fullscreen-1-snap.png => click-modal-modal-desktop-header-1-footer-1-fullscreen-1-header-has-closer-0-snap.png} (100%) rename packages/modal/src/__image_snapshots__/{click-modal-modal-desktop-header-1-header-has-closer-1-footer-1-fullscreen-1-snap.png => click-modal-modal-desktop-header-1-footer-1-fullscreen-1-header-has-closer-1-snap.png} (100%) rename packages/modal/src/__image_snapshots__/{click-modal-modal-mobile-header-0-header-has-closer-0-footer-0-snap.png => click-modal-modal-mobile-header-has-closer-0-header-0-footer-0-snap.png} (100%) rename packages/modal/src/__image_snapshots__/{click-modal-modal-mobile-header-0-header-has-closer-0-footer-1-snap.png => click-modal-modal-mobile-header-has-closer-0-header-0-footer-1-snap.png} (100%) rename packages/modal/src/__image_snapshots__/{click-modal-modal-mobile-header-1-header-has-closer-0-footer-0-snap.png => click-modal-modal-mobile-header-has-closer-0-header-1-footer-0-snap.png} (100%) rename packages/modal/src/__image_snapshots__/{click-modal-modal-mobile-header-1-header-has-closer-0-footer-1-snap.png => click-modal-modal-mobile-header-has-closer-0-header-1-footer-1-snap.png} (100%) rename packages/modal/src/__image_snapshots__/{click-modal-modal-mobile-header-0-header-has-closer-1-footer-0-snap.png => click-modal-modal-mobile-header-has-closer-1-header-0-footer-0-snap.png} (100%) rename packages/modal/src/__image_snapshots__/{click-modal-modal-mobile-header-0-header-has-closer-1-footer-1-snap.png => click-modal-modal-mobile-header-has-closer-1-header-0-footer-1-snap.png} (100%) rename packages/modal/src/__image_snapshots__/{click-modal-modal-mobile-header-1-header-has-closer-1-footer-0-snap.png => click-modal-modal-mobile-header-has-closer-1-header-1-footer-0-snap.png} (100%) rename packages/modal/src/__image_snapshots__/{click-modal-modal-mobile-header-1-header-has-closer-1-footer-1-snap.png => click-modal-modal-mobile-header-has-closer-1-header-1-footer-1-snap.png} (100%) delete mode 100644 packages/modal/src/__image_snapshots__/default-modal-footer-layout-footer-layout-4-snap.png rename packages/modal/src/__image_snapshots__/{default-modal-modal-desktop-header-has-closer-0-footer-0-fullscreen-0-snap.png => default-modal-modal-desktop-footer-0-fullscreen-0-header-has-closer-0-snap.png} (100%) rename packages/modal/src/__image_snapshots__/{default-modal-modal-desktop-header-has-closer-1-footer-0-fullscreen-0-snap.png => default-modal-modal-desktop-footer-0-fullscreen-0-header-has-closer-1-snap.png} (100%) rename packages/modal/src/__image_snapshots__/{default-modal-modal-desktop-header-has-closer-0-footer-0-fullscreen-1-snap.png => default-modal-modal-desktop-footer-0-fullscreen-1-header-has-closer-0-snap.png} (100%) rename packages/modal/src/__image_snapshots__/{default-modal-modal-desktop-header-has-closer-1-footer-0-fullscreen-1-snap.png => default-modal-modal-desktop-footer-0-fullscreen-1-header-has-closer-1-snap.png} (100%) rename packages/modal/src/__image_snapshots__/{default-modal-modal-desktop-header-has-closer-0-footer-1-fullscreen-0-snap.png => default-modal-modal-desktop-footer-1-fullscreen-0-header-has-closer-0-snap.png} (100%) rename packages/modal/src/__image_snapshots__/{default-modal-modal-desktop-header-has-closer-1-footer-1-fullscreen-0-snap.png => default-modal-modal-desktop-footer-1-fullscreen-0-header-has-closer-1-snap.png} (100%) rename packages/modal/src/__image_snapshots__/{default-modal-modal-desktop-header-has-closer-0-footer-1-fullscreen-1-snap.png => default-modal-modal-desktop-footer-1-fullscreen-1-header-has-closer-0-snap.png} (100%) rename packages/modal/src/__image_snapshots__/{default-modal-modal-desktop-header-has-closer-1-footer-1-fullscreen-1-snap.png => default-modal-modal-desktop-footer-1-fullscreen-1-header-has-closer-1-snap.png} (100%) create mode 100644 packages/modal/src/docs/Component.stories.mdx create mode 100644 packages/modal/src/docs/description.mdx delete mode 100644 packages/mq/src/Component.stories.mdx create mode 100644 packages/mq/src/docs/Component.stories.mdx create mode 100644 packages/mq/src/docs/description.mdx delete mode 100644 packages/notification-manager/src/component.stories.mdx create mode 100644 packages/notification-manager/src/docs/Component.stories.mdx create mode 100644 packages/notification-manager/src/docs/description.mdx delete mode 100644 packages/notification/src/Component.stories.mdx create mode 100644 packages/notification/src/docs/Component.stories.mdx create mode 100644 packages/notification/src/docs/description.mdx delete mode 100644 packages/phone-input/src/Component.stories.mdx create mode 100644 packages/phone-input/src/docs/Component.stories.mdx create mode 100644 packages/phone-input/src/docs/description.mdx delete mode 100644 packages/picker-button/src/Component.stories.mdx create mode 100644 packages/picker-button/src/docs/Component.stories.mdx create mode 100644 packages/picker-button/src/docs/description.mdx delete mode 100644 packages/popover/src/Component.stories.mdx create mode 100644 packages/popover/src/docs/Component.stories.mdx create mode 100644 packages/popover/src/docs/description.mdx delete mode 100644 packages/portal/src/Component.stories.mdx create mode 100644 packages/portal/src/docs/Component.stories.mdx create mode 100644 packages/portal/src/docs/description.mdx delete mode 100644 packages/progress-bar/src/Component.stories.mdx create mode 100644 packages/progress-bar/src/docs/Component.stories.mdx create mode 100644 packages/progress-bar/src/docs/description.mdx rename packages/pure-input/src/{ => docs}/Component.stories.mdx (57%) create mode 100644 packages/pure-input/src/docs/description.mdx delete mode 100644 packages/radio-group/src/Component.stories.mdx create mode 100644 packages/radio-group/src/docs/Component.stories.mdx create mode 100644 packages/radio-group/src/docs/description.mdx delete mode 100644 packages/radio/src/Component.stories.mdx create mode 100644 packages/radio/src/docs/Component.stories.mdx create mode 100644 packages/radio/src/docs/description.mdx rename packages/select-with-tags/src/{component.stories.mdx => docs/Component.stories.mdx} (67%) create mode 100644 packages/select-with-tags/src/docs/description.mdx delete mode 100644 packages/select/src/Component.stories.mdx create mode 100644 packages/select/src/docs/Component.stories.mdx create mode 100644 packages/select/src/docs/description.mdx delete mode 100644 packages/skeleton/src/Component.stories.mdx create mode 100644 packages/skeleton/src/docs/Component.stories.mdx create mode 100644 packages/skeleton/src/docs/description.mdx delete mode 100644 packages/slider-input/src/Component.stories.mdx create mode 100644 packages/slider-input/src/docs/Component.stories.mdx create mode 100644 packages/slider-input/src/docs/description.mdx delete mode 100644 packages/slider/src/Component.stories.mdx create mode 100644 packages/slider/src/docs/Component.stories.mdx create mode 100644 packages/slider/src/docs/description.mdx delete mode 100644 packages/space/src/Component.stories.mdx create mode 100644 packages/space/src/docs/Component.stories.mdx create mode 100644 packages/space/src/docs/description.mdx delete mode 100644 packages/spinner/src/Component.stories.mdx create mode 100644 packages/spinner/src/docs/Component.stories.mdx create mode 100644 packages/spinner/src/docs/description.mdx delete mode 100644 packages/stack/src/component.stories.mdx create mode 100644 packages/stack/src/docs/Component.stories.mdx create mode 100644 packages/stack/src/docs/description.mdx delete mode 100644 packages/status/src/Component.stories.mdx create mode 100644 packages/status/src/docs/Component.stories.mdx create mode 100644 packages/status/src/docs/description.mdx delete mode 100644 packages/switch/src/Component.stories.mdx create mode 100644 packages/switch/src/docs/Component.stories.mdx create mode 100644 packages/switch/src/docs/description.mdx delete mode 100644 packages/tabs/src/Component.stories.mdx delete mode 100644 packages/tabs/src/__image_snapshots__/corp-tabs-tabs-desktop-view-0-size-0-3-snap.png delete mode 100644 packages/tabs/src/__image_snapshots__/corp-tabs-tabs-desktop-view-0-size-1-5-snap.png delete mode 100644 packages/tabs/src/__image_snapshots__/site-tabs-tabs-desktop-view-0-size-1-4-snap.png create mode 100644 packages/tabs/src/docs/Component.stories.mdx create mode 100644 packages/tabs/src/docs/description.mdx delete mode 100644 packages/tag/src/Component.stories.mdx create mode 100644 packages/tag/src/docs/Component.stories.mdx create mode 100644 packages/tag/src/docs/description.mdx rename packages/textarea/src/docs/{component.stories.mdx => Component.stories.mdx} (91%) rename packages/toast-plate/src/{component.stories.mdx => docs/Component.stories.mdx} (58%) create mode 100644 packages/toast-plate/src/docs/description.mdx delete mode 100644 packages/tooltip/src/Component.stories.mdx create mode 100644 packages/tooltip/src/__image_snapshots__/tooltip-test-hint-view-2-snap.png create mode 100644 packages/tooltip/src/__image_snapshots__/tooltip-test-hint-view-3-snap.png create mode 100644 packages/tooltip/src/__image_snapshots__/tooltip-test-hint-view-4-snap.png create mode 100644 packages/tooltip/src/__image_snapshots__/tooltip-test-hint-view-5-snap.png create mode 100644 packages/tooltip/src/__image_snapshots__/tooltip-test-hint-view-6-snap.png create mode 100644 packages/tooltip/src/docs/Component.stories.mdx create mode 100644 packages/tooltip/src/docs/description.mdx delete mode 100644 packages/typography/src/component.stories.mdx create mode 100644 packages/typography/src/docs/Component.stories.mdx create mode 100644 packages/typography/src/docs/description.mdx create mode 100644 packages/vars/src/Component.stories.mdx delete mode 100644 packages/vars/src/vars.stories.mdx rename packages/with-suffix/src/{ => docs}/Component.stories.mdx (54%) create mode 100644 packages/with-suffix/src/docs/description.mdx diff --git a/.storybook/addons/theme-switcher/register.js b/.storybook/addons/theme-switcher/register.js index b6a5d764ca..236533424d 100644 --- a/.storybook/addons/theme-switcher/register.js +++ b/.storybook/addons/theme-switcher/register.js @@ -29,7 +29,7 @@ const Addon = () => { return ( themes.length > 0 && (
- Theme: + Выбор темы: {['default'].concat(themes).map(themeName => (