From 3b0a3fd3878170d25f52a22452b3c807507fce3d Mon Sep 17 00:00:00 2001 From: dylankelly Date: Wed, 10 Jul 2019 15:34:19 +1000 Subject: [PATCH] [SDPA-2181] Upgrade Ripple storybook to v5 (#415) * Move jest config to root * Update storybook to latest, add to project at /src, remove ripple-ui-components package * WIP on story conversion * Adds all component stories * Storybook 5 upgrade * Storybook 5 upgrade * Fix babel config for jest * Fix corejs issue * Fixes to get storyshots tests working. * Add mock for moment timezone * Update dockerfile * fix babel path * fix build-storybook command * require svg-sprite-loader in storybook package * Add babel dependencies to example project * Added lagoon build env * Remove storybook-readme plugin - add a11y and viewport * Update snapshots * Fix issues with imports and update snapshots * Remove template components and stories * Add TODO on RplDivider removal --- .babelrc | 38 - .circleci/config.yml | 1 - .eslintignore | 2 +- .gitignore | 1 + .jest/moment.js | 5 + .jest/register-context.js | 2 + .../CONTRIBUTING.md => CONTRIBUTING.md | 0 Dockerfile.app | 6 +- Dockerfile.storybook | 15 +- README.md | 2 +- .../__mocks__ => __mocks__}/fileMock.js | 0 .../__mocks__ => __mocks__}/styleMock.js | 0 babel.config.js | 23 + examples/vic-gov-au/babel.config.js | 16 - examples/vic-gov-au/package.json | 14 +- jest.config.js | 31 +- package.json | 62 +- .../components/Atoms/Button/.npmignore | 0 .../Atoms/Button}/LICENSE | 0 .../components/Atoms/Button/README.md | 0 .../Atoms/Button/__tests__/button.test.js | 0 .../components/Atoms/Button/index.vue | 0 .../components/Atoms/Button/package.json | 2 +- packages/components/Atoms/Button/stories.js | 80 + .../components/Atoms/Global/.npmignore | 0 .../Atoms/Global}/LICENSE | 0 .../components/Atoms/Global/README.md | 0 .../Atoms/Global/assets/fonts/VIC-Bold.eot | Bin .../Atoms/Global/assets/fonts/VIC-Bold.ttf | Bin .../Atoms/Global/assets/fonts/VIC-Bold.woff | Bin .../Atoms/Global/assets/fonts/VIC-Bold.woff2 | Bin .../Global/assets/fonts/VIC-BoldItalic.eot | Bin .../Global/assets/fonts/VIC-BoldItalic.ttf | Bin .../Global/assets/fonts/VIC-BoldItalic.woff | Bin .../Global/assets/fonts/VIC-BoldItalic.woff2 | Bin .../Global/assets/fonts/VIC-ExtraLight.eot | Bin .../Global/assets/fonts/VIC-ExtraLight.ttf | Bin .../Global/assets/fonts/VIC-ExtraLight.woff | Bin .../Global/assets/fonts/VIC-ExtraLight.woff2 | Bin .../assets/fonts/VIC-ExtraLightItalic.eot | Bin .../assets/fonts/VIC-ExtraLightItalic.ttf | Bin .../assets/fonts/VIC-ExtraLightItalic.woff | Bin .../assets/fonts/VIC-ExtraLightItalic.woff2 | Bin .../Atoms/Global/assets/fonts/VIC-Italic.eot | Bin .../Atoms/Global/assets/fonts/VIC-Italic.ttf | Bin .../Atoms/Global/assets/fonts/VIC-Italic.woff | Bin .../Global/assets/fonts/VIC-Italic.woff2 | Bin .../Atoms/Global/assets/fonts/VIC-Light.eot | Bin .../Atoms/Global/assets/fonts/VIC-Light.ttf | Bin .../Atoms/Global/assets/fonts/VIC-Light.woff | Bin .../Atoms/Global/assets/fonts/VIC-Light.woff2 | Bin .../Global/assets/fonts/VIC-LightItalic.eot | Bin .../Global/assets/fonts/VIC-LightItalic.ttf | Bin .../Global/assets/fonts/VIC-LightItalic.woff | Bin .../Global/assets/fonts/VIC-LightItalic.woff2 | Bin .../Atoms/Global/assets/fonts/VIC-Medium.eot | Bin .../Atoms/Global/assets/fonts/VIC-Medium.ttf | Bin .../Atoms/Global/assets/fonts/VIC-Medium.woff | Bin .../Global/assets/fonts/VIC-Medium.woff2 | Bin .../Global/assets/fonts/VIC-MediumItalic.eot | Bin .../Global/assets/fonts/VIC-MediumItalic.ttf | Bin .../Global/assets/fonts/VIC-MediumItalic.woff | Bin .../assets/fonts/VIC-MediumItalic.woff2 | Bin .../Atoms/Global/assets/fonts/VIC-Regular.eot | Bin .../Atoms/Global/assets/fonts/VIC-Regular.ttf | Bin .../Global/assets/fonts/VIC-Regular.woff | Bin .../Global/assets/fonts/VIC-Regular.woff2 | Bin .../Global/assets/fonts/VIC-SemiBold.eot | Bin .../Global/assets/fonts/VIC-SemiBold.ttf | Bin .../Global/assets/fonts/VIC-SemiBold.woff | Bin .../Global/assets/fonts/VIC-SemiBold.woff2 | Bin .../assets/fonts/VIC-SemiBoldItalic.eot | Bin .../assets/fonts/VIC-SemiBoldItalic.ttf | Bin .../assets/fonts/VIC-SemiBoldItalic.woff | Bin .../assets/fonts/VIC-SemiBoldItalic.woff2 | Bin .../Global/assets/images/logo-primary.png | Bin .../Atoms/Global/assets/images/vic-logo.svg | 0 .../Atoms/Global/components/Divider.vue | 0 .../components/Atoms/Global/index.js | 0 .../components/Atoms/Global/mixins/.gitkeep | 0 .../Atoms/Global/mixins/ProvideChildCols.js | 0 .../Atoms/Global/mixins/activepath.js | 0 .../Atoms/Global/mixins/breakpoint.js | 0 .../Atoms/Global/mixins/clickoutside.js | 0 .../Atoms/Global/mixins/deprecate.js | 0 .../Atoms/Global/mixins/formatdate.js | 0 .../Atoms/Global/mixins/parentlinks.js | 0 .../Atoms/Global/mixins/uniqueid.js | 0 .../components/Atoms/Global/package.json | 2 +- .../Atoms/Global/scss/_settings.scss | 0 .../components/Atoms/Global/scss/_tools.scss | 0 .../Atoms/Global/scss/components/_button.scss | 0 .../Atoms/Global/scss/elements/_font.scss | 0 .../Atoms/Global/scss/generic/_global.scss | 0 .../Atoms/Global/scss/generic/_normalize.scss | 0 .../Atoms/Global/scss/objects/_grid.scss | 0 .../Atoms/Global/scss/objects/_layout.scss | 0 .../Global/scss/settings/_breakpoints.scss | 0 .../Atoms/Global/scss/settings/_button.scss | 0 .../Atoms/Global/scss/settings/_color.scss | 0 .../Atoms/Global/scss/settings/_font.scss | 0 .../Global/scss/settings/_functions.scss | 0 .../Atoms/Global/scss/settings/_grid.scss | 0 .../Atoms/Global/scss/settings/_layout.scss | 0 .../Atoms/Global/scss/settings/_print.scss | 0 .../Global/scss/settings/_variables.scss | 0 .../Atoms/Global/scss/tools/_breakpoints.scss | 0 .../Atoms/Global/scss/tools/_dropshadow.scss | 0 .../Atoms/Global/scss/tools/_focus.scss | 0 .../Atoms/Global/scss/tools/_grid.scss | 0 .../Atoms/Global/scss/tools/_image.scss | 0 .../Atoms/Global/scss/tools/_layout.scss | 0 .../Atoms/Global/scss/tools/_print.scss | 0 .../Atoms/Global/scss/tools/_typography.scss | 0 .../Atoms/Global/scss/tools/_visibility.scss | 0 .../Global/scss/utilities/_constrain.scss | 0 .../Global/scss/utilities/_transition.scss | 0 .../Global/scss/utilities/_visibility.scss | 0 packages/components/Atoms/Global/stories.js | 114 + .../components/Atoms/Global/style.scss | 0 .../components/Atoms/Global/utils/.gitkeep | 0 .../components/Atoms/Global/utils/helpers.js | 0 .../components/Atoms/Grid/.npmignore | 0 .../components/Atoms/Grid/Col.vue | 0 .../components/Atoms/Grid/Container.vue | 6 + .../Global => components/Atoms/Grid}/LICENSE | 0 .../components/Atoms/Grid/README.md | 0 .../components/Atoms/Grid/Row.vue | 0 .../components/Atoms/Grid/index.js | 0 .../components/Atoms/Grid/package.json | 2 +- .../components/Atoms/Grid/stories.js | 32 +- .../components/Atoms/Icon/.npmignore | 0 .../components/Atoms/Icon/Icon.vue | 0 .../Grid => components/Atoms/Icon}/LICENSE | 0 .../components/Atoms/Icon/README.md | 0 .../components/Atoms/Icon/TextIcon.vue | 0 .../Icon/assets/img/rpl_icon_accessible.svg | 0 .../Icon/assets/img/rpl_icon_addition.svg | 0 .../Atoms/Icon/assets/img/rpl_icon_ai.svg | 0 .../Icon/assets/img/rpl_icon_alert_fire.svg | 0 .../Icon/assets/img/rpl_icon_alert_flood.svg | 0 .../img/rpl_icon_alert_high_temperature.svg | 0 .../assets/img/rpl_icon_alert_information.svg | 0 .../assets/img/rpl_icon_alert_lightning.svg | 0 .../assets/img/rpl_icon_alert_medical.svg | 0 .../Icon/assets/img/rpl_icon_alert_smoke.svg | 0 .../assets/img/rpl_icon_alert_transport.svg | 0 .../img/rpl_icon_arrow_down_primary.svg | 0 .../img/rpl_icon_arrow_down_tertiary.svg | 0 .../img/rpl_icon_arrow_left_primary.svg | 0 .../img/rpl_icon_arrow_left_secondary.svg | 0 .../img/rpl_icon_arrow_right_primary.svg | 0 .../img/rpl_icon_arrow_right_primary_s.svg | 0 .../img/rpl_icon_arrow_right_secondary.svg | 0 .../assets/img/rpl_icon_arrow_up_primary.svg | 0 .../Atoms/Icon/assets/img/rpl_icon_attach.svg | 0 .../Icon/assets/img/rpl_icon_blank_solid.svg | 0 .../Icon/assets/img/rpl_icon_browser.svg | 0 .../Icon/assets/img/rpl_icon_calendar.svg | 0 .../assets/img/rpl_icon_child_friendly.svg | 0 .../Atoms/Icon/assets/img/rpl_icon_close.svg | 0 .../Icon/assets/img/rpl_icon_cross_circle.svg | 0 .../Atoms/Icon/assets/img/rpl_icon_csv.svg | 0 .../Atoms/Icon/assets/img/rpl_icon_doc.svg | 0 .../Icon/assets/img/rpl_icon_document.svg | 0 .../img/rpl_icon_document_transparent.svg | 0 .../Atoms/Icon/assets/img/rpl_icon_docx.svg | 0 .../assets/img/rpl_icon_dollar_negative.svg | 0 .../Atoms/Icon/assets/img/rpl_icon_dot.svg | 0 .../Atoms/Icon/assets/img/rpl_icon_dotm.svg | 0 .../Atoms/Icon/assets/img/rpl_icon_dotx.svg | 0 .../Atoms/Icon/assets/img/rpl_icon_down.svg | 0 .../Icon/assets/img/rpl_icon_download.svg | 0 .../Icon/assets/img/rpl_icon_email_solid.svg | 0 .../assets/img/rpl_icon_email_transparent.svg | 0 .../Atoms/Icon/assets/img/rpl_icon_eps.svg | 0 .../assets/img/rpl_icon_external_link.svg | 0 .../Icon/assets/img/rpl_icon_facebook.svg | 0 .../Atoms/Icon/assets/img/rpl_icon_free.svg | 0 .../Icon/assets/img/rpl_icon_fullscreen.svg | 0 .../Icon/assets/img/rpl_icon_hamburger.svg | 0 .../Atoms/Icon/assets/img/rpl_icon_help.svg | 0 .../Atoms/Icon/assets/img/rpl_icon_home.svg | 0 .../Atoms/Icon/assets/img/rpl_icon_ics.svg | 0 .../Atoms/Icon/assets/img/rpl_icon_indd.svg | 0 .../Icon/assets/img/rpl_icon_instagram.svg | 0 .../Atoms/Icon/assets/img/rpl_icon_left.svg | 0 .../Atoms/Icon/assets/img/rpl_icon_link.svg | 0 .../Icon/assets/img/rpl_icon_link_65.svg | 0 .../Icon/assets/img/rpl_icon_link_90.svg | 0 .../Icon/assets/img/rpl_icon_linkedin.svg | 0 .../Icon/assets/img/rpl_icon_loading_star.svg | 0 .../Atoms/Icon/assets/img/rpl_icon_lock.svg | 0 .../Icon/assets/img/rpl_icon_map_marker.svg | 0 .../Icon/assets/img/rpl_icon_microphone.svg | 0 .../Atoms/Icon/assets/img/rpl_icon_pause.svg | 0 .../Atoms/Icon/assets/img/rpl_icon_pdf.svg | 0 .../Icon/assets/img/rpl_icon_phone_number.svg | 0 .../Atoms/Icon/assets/img/rpl_icon_play.svg | 0 .../Atoms/Icon/assets/img/rpl_icon_ppt.svg | 0 .../Atoms/Icon/assets/img/rpl_icon_pptx.svg | 0 .../Atoms/Icon/assets/img/rpl_icon_print.svg | 0 .../Atoms/Icon/assets/img/rpl_icon_right.svg | 0 .../Atoms/Icon/assets/img/rpl_icon_search.svg | 0 .../Atoms/Icon/assets/img/rpl_icon_senior.svg | 0 .../Atoms/Icon/assets/img/rpl_icon_share.svg | 0 .../assets/img/rpl_icon_share_alternative.svg | 0 .../Atoms/Icon/assets/img/rpl_icon_star.svg | 0 .../Atoms/Icon/assets/img/rpl_icon_stop.svg | 0 .../Icon/assets/img/rpl_icon_success.svg | 0 .../Atoms/Icon/assets/img/rpl_icon_table.svg | 0 .../Atoms/Icon/assets/img/rpl_icon_tick.svg | 0 .../Atoms/Icon/assets/img/rpl_icon_tif.svg | 0 .../Atoms/Icon/assets/img/rpl_icon_trash.svg | 0 .../Icon/assets/img/rpl_icon_twitter.svg | 0 .../Atoms/Icon/assets/img/rpl_icon_txt.svg | 0 .../Atoms/Icon/assets/img/rpl_icon_up.svg | 0 .../Atoms/Icon/assets/img/rpl_icon_upload.svg | 0 .../Atoms/Icon/assets/img/rpl_icon_user.svg | 0 .../Atoms/Icon/assets/img/rpl_icon_view.svg | 0 .../Icon/assets/img/rpl_icon_webinar.svg | 0 .../Atoms/Icon/assets/img/rpl_icon_xls.svg | 0 .../Atoms/Icon/assets/img/rpl_icon_xlsm.svg | 0 .../Atoms/Icon/assets/img/rpl_icon_xlsx.svg | 0 .../Atoms/Icon/assets/img/rpl_icon_zip.svg | 0 .../Icon/assets/img/rpl_icon_zoom_in.svg | 0 .../Icon/assets/img/rpl_icon_zoom_out.svg | 0 .../components/Atoms/Icon/icon-library.js | 0 .../components/Atoms/Icon/index.js | 0 .../components/Atoms/Icon/package.json | 2 +- packages/components/Atoms/Icon/stories.js | 180 + .../components/Atoms/Link/.npmignore | 0 .../Icon => components/Atoms/Link}/LICENSE | 0 .../components/Atoms/Link/Link.vue | 0 .../components/Atoms/Link/README.md | 0 .../components/Atoms/Link/TextLabel.vue | 0 .../components/Atoms/Link/TextLink.vue | 0 .../components/Atoms/Link/index.js | 0 .../components/Atoms/Link/package.json | 2 +- packages/components/Atoms/Link/stories.js | 77 + .../components/Atoms/MetaTag/.npmignore | 0 .../Link => components/Atoms/MetaTag}/LICENSE | 0 .../components/Atoms/MetaTag/README.md | 0 .../components/Atoms/MetaTag/index.vue | 0 .../components/Atoms/MetaTag/package.json | 2 +- packages/components/Atoms/MetaTag/stories.js | 26 + .../components/Molecules/Alert/.npmignore | 0 .../components/Molecules/Alert/Alert.vue | 0 .../components/Molecules/Alert/AlertBase.vue | 0 .../Molecules/Alert}/LICENSE | 0 .../components/Molecules/Alert/README.md | 0 .../components/Molecules/Alert/index.js | 0 .../components/Molecules/Alert/package.json | 2 +- .../components/Molecules/Alert/stories.js | 78 + .../Molecules/AnchorLinks/.npmignore | 0 .../Molecules/AnchorLinks}/LICENSE | 0 .../Molecules/AnchorLinks/README.md | 0 .../Molecules/AnchorLinks/index.vue | 0 .../Molecules/AnchorLinks/package.json | 2 +- .../Molecules/AnchorLinks/stories.js | 30 + .../Molecules/Breadcrumbs/.npmignore | 0 .../Molecules/Breadcrumbs}/LICENSE | 0 .../Molecules/Breadcrumbs/README.md | 0 .../Molecules/Breadcrumbs/index.vue | 0 .../Molecules/Breadcrumbs/package.json | 2 +- .../Molecules/Breadcrumbs/stories.js | 23 + .../components/Molecules/Card/.npmignore | 0 .../components/Molecules/Card/CardBox.vue | 0 .../components/Molecules/Card/CardContent.vue | 0 .../components/Molecules/Card/CardCta.vue | 0 .../Molecules/Card/CardEmergencyContact.vue | 0 .../components/Molecules/Card/CardEvent.vue | 0 .../Molecules/Card/CardHonourRoll.vue | 0 .../Molecules/Card/CardImageNavigation.vue | 0 .../Molecules/Card/CardKeydates.vue | 0 .../Molecules/Card/CardNavigation.vue | 0 .../Molecules/Card/CardNavigationFeatured.vue | 0 .../Molecules/Card/CardPromotion.vue | 0 .../Molecules/Card}/LICENSE | 0 .../components/Molecules/Card/README.md | 0 .../Molecules/Card/ReadmeCardContent.md | 0 .../components/Molecules/Card/index.js | 0 .../Molecules/Card/mixins/cardtrimfield.js | 0 .../Molecules/Card/no-ssr/CardCarousel.vue | 0 .../components/Molecules/Card/no-ssr/index.js | 0 .../components/Molecules/Card/package.json | 2 +- .../components/Molecules/Card/scss/_card.scss | 0 packages/components/Molecules/Card/stories.js | 467 + .../components/Molecules/Contact/.npmignore | 0 .../Molecules/Contact}/LICENSE | 0 .../components/Molecules/Contact/README.md | 0 .../components/Molecules/Contact/index.vue | 0 .../components/Molecules/Contact/package.json | 2 +- .../components/Molecules/Contact/stories.js | 76 + .../Molecules/DescriptionList/.npmignore | 0 .../DescriptionList/DescriptionList.vue | 0 .../Molecules/DescriptionList}/LICENSE | 0 .../Molecules/DescriptionList/README.md | 0 .../Molecules/DescriptionList/index.js | 0 .../Molecules/DescriptionList/package.json | 2 +- .../Molecules/DescriptionList/stories.js | 23 + .../Molecules/DocumentLink/.npmignore | 0 .../Molecules/DocumentLink/DocumentLink.vue | 0 .../Molecules/DocumentLink}/LICENSE | 0 .../Molecules/DocumentLink/README.md | 0 .../Molecules/DocumentLink/index.js | 0 .../Molecules/DocumentLink/package.json | 2 +- .../DocumentLink/scss/_document-link.scss | 0 .../Molecules/DocumentLink/stories.js | 31 + .../Molecules/EmbeddedVideo/.npmignore | 0 .../Molecules/EmbeddedVideo}/LICENSE | 0 .../Molecules/EmbeddedVideo/README.md | 0 .../Molecules/EmbeddedVideo/index.vue | 0 .../Molecules/EmbeddedVideo/package.json | 2 +- .../Molecules/EmbeddedVideo/stories.js | 49 + .../components/Molecules/Figure/.npmignore | 0 .../Molecules/Figure}/LICENSE | 0 .../components/Molecules/Figure/README.md | 0 .../components/Molecules/Figure/index.vue | 0 .../components/Molecules/Figure/package.json | 2 +- .../components/Molecules/Figure/stories.js | 26 + .../components/Molecules/Form/.npmignore | 0 .../components/Molecules/Form/Checkbox.vue | 0 .../components/Molecules/Form/Fieldset.vue | 2 +- .../Molecules/Form}/LICENSE | 0 .../components/Molecules/Form/README.md | 0 .../Form/__tests__/fieldRplSelect.test.js | 0 .../Form/fields/fieldRplcheckbox.vue | 0 .../Form/fields/fieldRplchecklist.vue | 0 .../Form/fields/fieldRplclearform.vue | 0 .../Form/fields/fieldRpldatepicker.vue | 0 .../Molecules/Form/fields/fieldRpldivider.vue | 0 .../Molecules/Form/fields/fieldRplmarkup.vue | 0 .../Molecules/Form/fields/fieldRplselect.vue | 2 +- .../Molecules/Form/fields/fieldRplslider.vue | 0 .../Form/fields/fieldRplsubmitloader.vue | 0 .../components/Molecules/Form/formAlert.vue | 0 .../components/Molecules/Form/formPikaday.vue | 0 packages/components/Molecules/Form/index.js | 9 + .../components/Molecules/Form/index.vue | 4 +- .../components/Molecules/Form/package.json | 4 +- .../components/Molecules/Form/scss/_form.scss | 0 packages/components/Molecules/Form/stories.js | 302 + .../components/Molecules/Layout/.npmignore | 0 .../components/Molecules/Layout/BackToTop.vue | 0 .../Molecules/Layout/BaseLayout.vue | 0 .../Molecules/Layout}/LICENSE | 0 .../Molecules/Layout/PageLayout.vue | 0 .../components/Molecules/Layout/QuickExit.vue | 0 .../components/Molecules/Layout/README.md | 0 .../components/Molecules/Layout/SkipLink.vue | 0 .../components/Molecules/Layout/index.js | 0 .../components/Molecules/Layout/package.json | 2 +- .../components/Molecules/Layout/stories.js | 115 + .../components/Molecules/List/.npmignore | 0 .../Molecules/List}/LICENSE | 0 .../components/Molecules/List/README.md | 0 .../components/Molecules/List/index.vue | 0 .../components/Molecules/List/package.json | 2 +- packages/components/Molecules/List/stories.js | 60 + .../components/Molecules/Map/.npmignore | 0 .../Molecules/Map/ButtonClose/index.vue | 0 .../List => components/Molecules/Map}/LICENSE | 0 .../components/Molecules/Map/Map.vue | 0 .../Molecules/Map/MapIndicator/index.vue | 0 .../components/Molecules/Map/README.md | 0 .../components/Molecules/Map/index.js | 0 .../components/Molecules/Map/lib/ol.js | 0 .../components/Molecules/Map/package.json | 2 +- packages/components/Molecules/Map/stories.js | 19 + .../Molecules/Pagination/.npmignore | 0 .../Molecules/Pagination}/LICENSE | 0 .../components/Molecules/Pagination/README.md | 0 .../components/Molecules/Pagination/index.vue | 0 .../Molecules/Pagination/package.json | 2 +- .../Molecules/Pagination/stories.js | 27 +- .../Molecules/PublishDateAndAuthor/.npmignore | 0 .../Molecules/PublishDateAndAuthor}/LICENSE | 0 .../Molecules/PublishDateAndAuthor/README.md | 0 .../Molecules/PublishDateAndAuthor/index.vue | 0 .../PublishDateAndAuthor/package.json | 2 +- .../Molecules/PublishDateAndAuthor/stories.js | 35 + .../Molecules/RelatedLinks/.npmignore | 0 .../Molecules/RelatedLinks}/LICENSE | 0 .../Molecules/RelatedLinks/README.md | 0 .../Molecules/RelatedLinks/index.vue | 0 .../Molecules/RelatedLinks/package.json | 2 +- .../Molecules/RelatedLinks/stories.js | 28 + .../components/Molecules/Search/.npmignore | 0 .../Molecules/Search}/LICENSE | 0 .../components/Molecules/Search/README.md | 0 .../Molecules/Search/SearchForm.vue | 0 .../Molecules/Search/SearchResult.vue | 0 .../Molecules/Search/SearchResults.vue | 0 .../components/Molecules/Search/index.js | 0 .../components/Molecules/Search/package.json | 2 +- .../components/Molecules/Search/stories.js | 622 + .../components/Molecules/ShareThis/.npmignore | 0 .../Molecules/ShareThis}/LICENSE | 0 .../components/Molecules/ShareThis/README.md | 0 .../components/Molecules/ShareThis/index.vue | 0 .../Molecules/ShareThis/package.json | 2 +- .../components/Molecules/ShareThis/stories.js | 27 + .../components/Molecules/Sitemap/.npmignore | 0 .../Molecules/Sitemap}/LICENSE | 0 .../components/Molecules/Sitemap/README.md | 0 .../Molecules/Sitemap/SitemapMenu.vue | 0 .../components/Molecules/Sitemap/index.vue | 0 .../components/Molecules/Sitemap/package.json | 2 +- .../components/Molecules/Sitemap/stories.js | 106 + .../components/Molecules/Timeline/.npmignore | 0 .../Molecules/Timeline}/LICENSE | 0 .../components/Molecules/Timeline/README.md | 0 .../Molecules/Timeline/Timeline.vue | 0 .../components/Molecules/Timeline/index.js | 0 .../Molecules/Timeline/package.json | 2 +- .../components/Molecules/Timeline/stories.js | 51 + .../components/Molecules/WhatsNext/.npmignore | 0 .../Molecules/WhatsNext}/LICENSE | 0 .../components/Molecules/WhatsNext/README.md | 0 .../components/Molecules/WhatsNext/index.vue | 0 .../Molecules/WhatsNext/package.json | 2 +- .../components/Molecules/WhatsNext/stories.js | 30 + .../components/Organisms/Accordion/.npmignore | 0 .../Organisms/Accordion/Accordion.vue | 0 .../Organisms/Accordion}/LICENSE | 0 .../components/Organisms/Accordion/README.md | 0 .../components/Organisms/Accordion/index.js | 0 .../Organisms/Accordion/package.json | 2 +- .../components/Organisms/Accordion/stories.js | 37 + .../Organisms/CallToAction/.npmignore | 0 .../Organisms/CallToAction}/LICENSE | 0 .../Organisms/CallToAction/README.md | 0 .../Organisms/CallToAction/index.vue | 0 .../Organisms/CallToAction/package.json | 2 +- .../Organisms/CallToAction/stories.js | 29 + .../Organisms/CampaignPrimary/.npmignore | 0 .../Organisms/CampaignPrimary}/LICENSE | 0 .../Organisms/CampaignPrimary/README.md | 0 .../Organisms/CampaignPrimary/index.vue | 0 .../Organisms/CampaignPrimary/package.json | 2 +- .../Organisms/CampaignPrimary/stories.js | 29 + .../Organisms/CampaignSecondary/.npmignore | 0 .../Organisms/CampaignSecondary}/LICENSE | 0 .../Organisms/CampaignSecondary/README.md | 0 .../Organisms/CampaignSecondary/index.vue | 0 .../Organisms/CampaignSecondary/package.json | 2 +- .../Organisms/CampaignSecondary/stories.js | 53 + .../components/Organisms/Event/.npmignore | 0 .../Organisms/Event}/LICENSE | 0 .../Organisms/Event/LatestEvents.vue | 0 .../components/Organisms/Event/README.md | 0 .../components/Organisms/Event/index.js | 0 .../components/Organisms/Event/package.json | 2 +- .../components/Organisms/Event/stories.js | 92 + .../components/Organisms/Grants/.npmignore | 0 .../Organisms/Grants/GrantsListItem.vue | 0 .../Organisms/Grants/GrantsOverview.vue | 0 .../Organisms/Grants}/LICENSE | 0 .../components/Organisms/Grants/README.md | 0 .../components/Organisms/Grants/index.js | 0 .../components/Organisms/Grants/package.json | 2 +- .../components/Organisms/Grants/stories.js | 45 + .../Organisms/HeroBanner/.npmignore | 0 .../Organisms/HeroBanner/HeroBanner.vue | 0 .../Organisms/HeroBanner/HeroBannerCta.vue | 0 .../Organisms/HeroBanner/IntroBanner.vue | 0 .../Organisms/HeroBanner}/LICENSE | 0 .../components/Organisms/HeroBanner/README.md | 0 .../components/Organisms/HeroBanner/index.js | 0 .../Organisms/HeroBanner/package.json | 2 +- .../Organisms/HeroBanner/stories.js | 130 + .../Organisms/ImageGallery/.npmignore | 0 .../Organisms/ImageGallery/FittedImg.vue | 0 .../ImageGallery/FullscreenImage.vue | 0 .../ImageGallery/ImageGalleryModal.vue | 0 .../Organisms/ImageGallery}/LICENSE | 0 .../Organisms/ImageGallery/README.md | 0 .../Organisms/ImageGallery/index.js | 0 .../ImageGallery/no-ssr/ImageGallery.vue | 0 .../Organisms/ImageGallery/no-ssr/index.js | 0 .../Organisms/ImageGallery/package.json | 2 +- .../ImageGallery/scss/_image_gallery.scss | 0 .../Organisms/ImageGallery/stories.js | 66 + .../components/Organisms/Markup/Markup.vue | 0 .../components/Organisms/Markup/README.md | 0 .../Organisms/Markup/examplePlugins.js | 0 .../components/Organisms/Markup/index.js | 0 .../Organisms/Markup/markup-transpiler.js | 0 .../components/Organisms/Markup/package.json | 0 .../Organisms/Markup/scss/_iframe.scss | 0 .../components/Organisms/Markup/stories.js | 123 +- .../components/Organisms/News/.npmignore | 0 .../Organisms/News/FeaturedNews.vue | 0 .../Organisms/News}/LICENSE | 0 .../components/Organisms/News/NewsListing.vue | 0 .../components/Organisms/News/README.md | 0 .../components/Organisms/News/index.js | 0 .../components/Organisms/News/package.json | 2 +- packages/components/Organisms/News/stories.js | 95 + .../components/Organisms/Profile/.npmignore | 0 .../Organisms/Profile}/LICENSE | 0 .../Organisms/Profile/ProfileHighlight.vue | 0 .../Profile/ProfileHighlightHonourRoll.vue | 0 .../components/Organisms/Profile/README.md | 0 .../components/Organisms/Profile/index.js | 0 .../components/Organisms/Profile/package.json | 2 +- .../components/Organisms/Profile/stories.js | 44 + .../Organisms/Publication/.npmignore | 0 .../Organisms/Publication}/LICENSE | 0 .../PublicationAuthorInformation.vue | 0 .../Publication/PublicationDownloadPrint.vue | 0 .../Publication/PublicationImage.vue | 0 .../Publication/PublicationPagination.vue | 0 .../Organisms/Publication/README.md | 0 .../Publication/assets/images/separator.svg | 0 .../components/Organisms/Publication/index.js | 0 .../Organisms/Publication/package.json | 2 +- .../Organisms/Publication/stories.js | 170 + .../Organisms/SiteFooter/.npmignore | 0 .../Organisms/SiteFooter/Acknowledgement.vue | 0 .../Organisms/SiteFooter/FooterNavigation.vue | 0 .../Organisms/SiteFooter}/LICENSE | 0 .../SiteFooter/LinksAndCopyright.vue | 0 .../components/Organisms/SiteFooter/README.md | 0 .../SiteFooter/assets/images/footer-shape.png | Bin .../components/Organisms/SiteFooter/index.vue | 0 .../Organisms/SiteFooter/package.json | 2 +- .../Organisms/SiteFooter/stories.js | 203 + .../Organisms/SiteHeader/.npmignore | 0 .../Organisms/SiteHeader}/LICENSE | 0 .../components/Organisms/SiteHeader/README.md | 0 .../SiteHeader/RplSiteHeaderEventBus.js | 4 + .../components/Organisms/SiteHeader/index.js | 8 + .../components/Organisms/SiteHeader/index.vue | 4 +- .../components/Organisms/SiteHeader/menu.vue | 0 .../Organisms/SiteHeader/package.json | 4 +- .../SiteHeader/scss/_site_header.scss | 0 .../Organisms/SiteHeader/search.vue | 0 .../Organisms/SiteHeader/stories.js | 177 + .../SiteSectionNavigation/.npmignore | 0 .../Organisms/SiteSectionNavigation}/LICENSE | 0 .../Organisms/SiteSectionNavigation/README.md | 0 .../Organisms/SiteSectionNavigation/index.vue | 0 .../Organisms/SiteSectionNavigation/menu.vue | 0 .../SiteSectionNavigation/package.json | 2 +- .../SiteSectionNavigation/stories.js | 121 + .../Organisms/UpdatedDate/.npmignore | 0 .../Organisms/UpdatedDate}/LICENSE | 0 .../Organisms/UpdatedDate/README.md | 0 .../Organisms/UpdatedDate/index.vue | 0 .../Organisms/UpdatedDate/package.json | 2 +- .../Organisms/UpdatedDate/stories.js | 25 + .../ripple-ui-components/.markdownlint.json | 3 - packages/ripple-ui-components/.npmrc | 0 .../ripple-ui-components/.storybook/addons.js | 6 - .../ripple-ui-components/.storybook/config.js | 32 - .../.storybook/webpack.config.js | 58 - packages/ripple-ui-components/README.md | 66 - .../components/Atoms/Button/stories.js | 39 - .../components/Atoms/Global/stories.js | 132 - .../components/Atoms/Icon/stories.js | 72 - .../components/Atoms/Link/stories.js | 41 - .../components/Atoms/MetaTag/stories.js | 22 - .../components/Molecules/Alert/stories.js | 42 - .../Molecules/AnchorLinks/stories.js | 22 - .../Molecules/Breadcrumbs/stories.js | 22 - .../components/Molecules/Card/stories.js | 121 - .../components/Molecules/Contact/stories.js | 31 - .../Molecules/DescriptionList/stories.js | 22 - .../Molecules/DocumentLink/stories.js | 22 - .../Molecules/EmbeddedVideo/stories.js | 30 - .../components/Molecules/Figure/stories.js | 22 - .../components/Molecules/Form/stories.js | 18 - .../components/Molecules/Layout/stories.js | 72 - .../components/Molecules/List/stories.js | 22 - .../components/Molecules/Map/stories.js | 28 - .../Molecules/PublishDateAndAuthor/stories.js | 27 - .../Molecules/RelatedLinks/stories.js | 22 - .../components/Molecules/Search/stories.js | 190 - .../components/Molecules/ShareThis/stories.js | 25 - .../components/Molecules/Sitemap/stories.js | 22 - .../components/Molecules/Timeline/stories.js | 22 - .../components/Molecules/WhatsNext/stories.js | 22 - .../components/Organisms/Accordion/stories.js | 22 - .../Organisms/CallToAction/stories.js | 22 - .../Organisms/CampaignPrimary/stories.js | 22 - .../Organisms/CampaignSecondary/stories.js | 29 - .../components/Organisms/Event/stories.js | 22 - .../components/Organisms/Grants/stories.js | 22 - .../Organisms/HeroBanner/stories.js | 59 - .../Organisms/ImageGallery/stories.js | 22 - .../components/Organisms/News/stories.js | 30 - .../components/Organisms/Profile/stories.js | 34 - .../Organisms/Publication/stories.js | 59 - .../Organisms/SiteFooter/stories.js | 28 - .../Organisms/SiteHeader/stories.js | 41 - .../SiteSectionNavigation/stories.js | 22 - .../Organisms/UpdatedDate/stories.js | 22 - packages/ripple-ui-components/jest.config.js | 22 - .../scripts/generate-package/LICENSE | 202 - .../src/storybook-components/CampaignPage.vue | 113 - .../storybook-components/EventSearchPage.vue | 127 - .../storybook-components/GrantSearchPage.vue | 126 - .../src/storybook-components/Page.vue | 286 - .../storybook-components/PageAccordion.vue | 124 - .../src/storybook-components/PageCardTrim.vue | 137 - .../src/storybook-components/PageForm.vue | 173 - .../storybook-components/PageHeroGraphics.vue | 120 - .../src/storybook-components/PageProfile.vue | 112 - .../storybook-components/PagePublication.vue | 116 - .../src/storybook-components/PageSitemap.vue | 80 - .../src/storybook-components/PrintPage.vue | 217 - .../src/storybook-components/SearchPage.vue | 177 - .../src/storybook-components/_data/README.md | 3 - .../storybook-components/_data/demoData.js | 2374 - .../__snapshots__/storyshots.test.js.snap | 74433 ---------------- src/.storybook/addons.js | 4 + src/.storybook/config.js | 24 + src/.storybook/webpack.config.js | 69 + .../ripple-ui-components => src}/package.json | 89 +- .../generate-dependencies/dependency-utils.js | 0 .../generate-dependencies.js | 0 .../scripts/generate-package/.npmignore | 0 .../scripts/generate-package}/LICENSE | 0 .../generate-package/generate-package.js | 0 .../generate-package/index_template.js | 0 .../generate-package/package_template.json | 0 .../generate-package/package_template.vue | 0 .../generate-package/stories_template.js | 8 +- .../generate-readme/README_template.md | 0 .../generate-readme/generate-readme.js | 0 .../scripts/generate-readme/get-imports.js | 0 src/scripts/jira-post-comment.sh | 42 + .../static/.gitkeep | 0 .../static/bggraphic.png | Bin .../static/bggraphiclower.png | Bin .../static/cobrand-logo.png | Bin .../custom_icons/rpl_icon_custom_icon.svg | 0 .../static/herobg.jpg | Bin .../static/herologo.png | Bin .../storybook-components/Breakpoints.vue | 0 .../storybook-components/Colors.vue | 0 .../storybook-components/Fonts.vue | 0 .../storybook-components/Grids.vue | 0 .../storybook-components/Icons.vue | 0 .../storybook-components/MapVicFreeWifi.vue | 0 .../storybook-components/PageCards.vue | 0 .../storybook-components/README.md | 0 .../storybook-components/SiteLayout.vue | 0 .../storybook-components/Typography.vue | 0 .../storybook-components/scss/story.scss | 17 +- .../storybook-components/stories.js | 0 .../__snapshots__/storyshots.test.js.snap | 13639 +++ .../test/package-version.test.js | 0 .../test/packages.test.js | 4 +- .../test/storyshots.test.js | 3 +- .../test/unit/helpers.test.js | 2 +- yarn.lock | 7669 +- 659 files changed, 22026 insertions(+), 84735 deletions(-) delete mode 100644 .babelrc create mode 100644 .jest/moment.js create mode 100644 .jest/register-context.js rename packages/ripple-ui-components/CONTRIBUTING.md => CONTRIBUTING.md (100%) rename {packages/ripple-ui-components/__mocks__ => __mocks__}/fileMock.js (100%) rename {packages/ripple-ui-components/__mocks__ => __mocks__}/styleMock.js (100%) create mode 100644 babel.config.js delete mode 100644 examples/vic-gov-au/babel.config.js rename packages/{ripple-ui-components => }/components/Atoms/Button/.npmignore (100%) rename packages/{ripple-ui-components => components/Atoms/Button}/LICENSE (100%) rename packages/{ripple-ui-components => }/components/Atoms/Button/README.md (100%) rename packages/{ripple-ui-components => }/components/Atoms/Button/__tests__/button.test.js (100%) rename packages/{ripple-ui-components => }/components/Atoms/Button/index.vue (100%) rename packages/{ripple-ui-components => }/components/Atoms/Button/package.json (90%) create mode 100644 packages/components/Atoms/Button/stories.js rename packages/{ripple-ui-components => }/components/Atoms/Global/.npmignore (100%) rename packages/{ripple-ui-components/components/Atoms/Button => components/Atoms/Global}/LICENSE (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/README.md (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/assets/fonts/VIC-Bold.eot (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/assets/fonts/VIC-Bold.ttf (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/assets/fonts/VIC-Bold.woff (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/assets/fonts/VIC-Bold.woff2 (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/assets/fonts/VIC-BoldItalic.eot (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/assets/fonts/VIC-BoldItalic.ttf (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/assets/fonts/VIC-BoldItalic.woff (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/assets/fonts/VIC-BoldItalic.woff2 (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/assets/fonts/VIC-ExtraLight.eot (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/assets/fonts/VIC-ExtraLight.ttf (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/assets/fonts/VIC-ExtraLight.woff (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/assets/fonts/VIC-ExtraLight.woff2 (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/assets/fonts/VIC-ExtraLightItalic.eot (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/assets/fonts/VIC-ExtraLightItalic.ttf (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/assets/fonts/VIC-ExtraLightItalic.woff (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/assets/fonts/VIC-ExtraLightItalic.woff2 (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/assets/fonts/VIC-Italic.eot (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/assets/fonts/VIC-Italic.ttf (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/assets/fonts/VIC-Italic.woff (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/assets/fonts/VIC-Italic.woff2 (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/assets/fonts/VIC-Light.eot (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/assets/fonts/VIC-Light.ttf (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/assets/fonts/VIC-Light.woff (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/assets/fonts/VIC-Light.woff2 (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/assets/fonts/VIC-LightItalic.eot (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/assets/fonts/VIC-LightItalic.ttf (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/assets/fonts/VIC-LightItalic.woff (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/assets/fonts/VIC-LightItalic.woff2 (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/assets/fonts/VIC-Medium.eot (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/assets/fonts/VIC-Medium.ttf (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/assets/fonts/VIC-Medium.woff (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/assets/fonts/VIC-Medium.woff2 (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/assets/fonts/VIC-MediumItalic.eot (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/assets/fonts/VIC-MediumItalic.ttf (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/assets/fonts/VIC-MediumItalic.woff (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/assets/fonts/VIC-MediumItalic.woff2 (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/assets/fonts/VIC-Regular.eot (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/assets/fonts/VIC-Regular.ttf (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/assets/fonts/VIC-Regular.woff (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/assets/fonts/VIC-Regular.woff2 (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/assets/fonts/VIC-SemiBold.eot (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/assets/fonts/VIC-SemiBold.ttf (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/assets/fonts/VIC-SemiBold.woff (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/assets/fonts/VIC-SemiBold.woff2 (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/assets/fonts/VIC-SemiBoldItalic.eot (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/assets/fonts/VIC-SemiBoldItalic.ttf (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/assets/fonts/VIC-SemiBoldItalic.woff (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/assets/fonts/VIC-SemiBoldItalic.woff2 (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/assets/images/logo-primary.png (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/assets/images/vic-logo.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/components/Divider.vue (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/index.js (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/mixins/.gitkeep (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/mixins/ProvideChildCols.js (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/mixins/activepath.js (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/mixins/breakpoint.js (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/mixins/clickoutside.js (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/mixins/deprecate.js (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/mixins/formatdate.js (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/mixins/parentlinks.js (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/mixins/uniqueid.js (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/package.json (91%) rename packages/{ripple-ui-components => }/components/Atoms/Global/scss/_settings.scss (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/scss/_tools.scss (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/scss/components/_button.scss (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/scss/elements/_font.scss (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/scss/generic/_global.scss (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/scss/generic/_normalize.scss (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/scss/objects/_grid.scss (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/scss/objects/_layout.scss (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/scss/settings/_breakpoints.scss (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/scss/settings/_button.scss (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/scss/settings/_color.scss (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/scss/settings/_font.scss (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/scss/settings/_functions.scss (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/scss/settings/_grid.scss (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/scss/settings/_layout.scss (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/scss/settings/_print.scss (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/scss/settings/_variables.scss (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/scss/tools/_breakpoints.scss (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/scss/tools/_dropshadow.scss (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/scss/tools/_focus.scss (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/scss/tools/_grid.scss (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/scss/tools/_image.scss (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/scss/tools/_layout.scss (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/scss/tools/_print.scss (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/scss/tools/_typography.scss (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/scss/tools/_visibility.scss (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/scss/utilities/_constrain.scss (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/scss/utilities/_transition.scss (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/scss/utilities/_visibility.scss (100%) create mode 100644 packages/components/Atoms/Global/stories.js rename packages/{ripple-ui-components => }/components/Atoms/Global/style.scss (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/utils/.gitkeep (100%) rename packages/{ripple-ui-components => }/components/Atoms/Global/utils/helpers.js (100%) rename packages/{ripple-ui-components => }/components/Atoms/Grid/.npmignore (100%) rename packages/{ripple-ui-components => }/components/Atoms/Grid/Col.vue (100%) rename packages/{ripple-ui-components => }/components/Atoms/Grid/Container.vue (56%) rename packages/{ripple-ui-components/components/Atoms/Global => components/Atoms/Grid}/LICENSE (100%) rename packages/{ripple-ui-components => }/components/Atoms/Grid/README.md (100%) rename packages/{ripple-ui-components => }/components/Atoms/Grid/Row.vue (100%) rename packages/{ripple-ui-components => }/components/Atoms/Grid/index.js (100%) rename packages/{ripple-ui-components => }/components/Atoms/Grid/package.json (86%) rename packages/{ripple-ui-components => }/components/Atoms/Grid/stories.js (57%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/.npmignore (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/Icon.vue (100%) rename packages/{ripple-ui-components/components/Atoms/Grid => components/Atoms/Icon}/LICENSE (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/README.md (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/TextIcon.vue (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_accessible.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_addition.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_ai.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_alert_fire.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_alert_flood.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_alert_high_temperature.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_alert_information.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_alert_lightning.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_alert_medical.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_alert_smoke.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_alert_transport.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_arrow_down_primary.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_arrow_down_tertiary.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_arrow_left_primary.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_arrow_left_secondary.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_arrow_right_primary.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_arrow_right_primary_s.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_arrow_right_secondary.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_arrow_up_primary.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_attach.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_blank_solid.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_browser.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_calendar.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_child_friendly.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_close.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_cross_circle.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_csv.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_doc.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_document.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_document_transparent.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_docx.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_dollar_negative.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_dot.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_dotm.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_dotx.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_down.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_download.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_email_solid.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_email_transparent.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_eps.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_external_link.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_facebook.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_free.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_fullscreen.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_hamburger.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_help.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_home.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_ics.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_indd.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_instagram.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_left.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_link.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_link_65.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_link_90.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_linkedin.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_loading_star.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_lock.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_map_marker.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_microphone.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_pause.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_pdf.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_phone_number.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_play.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_ppt.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_pptx.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_print.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_right.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_search.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_senior.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_share.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_share_alternative.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_star.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_stop.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_success.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_table.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_tick.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_tif.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_trash.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_twitter.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_txt.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_up.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_upload.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_user.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_view.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_webinar.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_xls.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_xlsm.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_xlsx.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_zip.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_zoom_in.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/assets/img/rpl_icon_zoom_out.svg (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/icon-library.js (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/index.js (100%) rename packages/{ripple-ui-components => }/components/Atoms/Icon/package.json (89%) create mode 100644 packages/components/Atoms/Icon/stories.js rename packages/{ripple-ui-components => }/components/Atoms/Link/.npmignore (100%) rename packages/{ripple-ui-components/components/Atoms/Icon => components/Atoms/Link}/LICENSE (100%) rename packages/{ripple-ui-components => }/components/Atoms/Link/Link.vue (100%) rename packages/{ripple-ui-components => }/components/Atoms/Link/README.md (100%) rename packages/{ripple-ui-components => }/components/Atoms/Link/TextLabel.vue (100%) rename packages/{ripple-ui-components => }/components/Atoms/Link/TextLink.vue (100%) rename packages/{ripple-ui-components => }/components/Atoms/Link/index.js (100%) rename packages/{ripple-ui-components => }/components/Atoms/Link/package.json (90%) create mode 100644 packages/components/Atoms/Link/stories.js rename packages/{ripple-ui-components => }/components/Atoms/MetaTag/.npmignore (100%) rename packages/{ripple-ui-components/components/Atoms/Link => components/Atoms/MetaTag}/LICENSE (100%) rename packages/{ripple-ui-components => }/components/Atoms/MetaTag/README.md (100%) rename packages/{ripple-ui-components => }/components/Atoms/MetaTag/index.vue (100%) rename packages/{ripple-ui-components => }/components/Atoms/MetaTag/package.json (88%) create mode 100644 packages/components/Atoms/MetaTag/stories.js rename packages/{ripple-ui-components => }/components/Molecules/Alert/.npmignore (100%) rename packages/{ripple-ui-components => }/components/Molecules/Alert/Alert.vue (100%) rename packages/{ripple-ui-components => }/components/Molecules/Alert/AlertBase.vue (100%) rename packages/{ripple-ui-components/components/Atoms/MetaTag => components/Molecules/Alert}/LICENSE (100%) rename packages/{ripple-ui-components => }/components/Molecules/Alert/README.md (100%) rename packages/{ripple-ui-components => }/components/Molecules/Alert/index.js (100%) rename packages/{ripple-ui-components => }/components/Molecules/Alert/package.json (89%) create mode 100644 packages/components/Molecules/Alert/stories.js rename packages/{ripple-ui-components => }/components/Molecules/AnchorLinks/.npmignore (100%) rename packages/{ripple-ui-components/components/Molecules/Alert => components/Molecules/AnchorLinks}/LICENSE (100%) rename packages/{ripple-ui-components => }/components/Molecules/AnchorLinks/README.md (100%) rename packages/{ripple-ui-components => }/components/Molecules/AnchorLinks/index.vue (100%) rename packages/{ripple-ui-components => }/components/Molecules/AnchorLinks/package.json (87%) create mode 100644 packages/components/Molecules/AnchorLinks/stories.js rename packages/{ripple-ui-components => }/components/Molecules/Breadcrumbs/.npmignore (100%) rename packages/{ripple-ui-components/components/Molecules/AnchorLinks => components/Molecules/Breadcrumbs}/LICENSE (100%) rename packages/{ripple-ui-components => }/components/Molecules/Breadcrumbs/README.md (100%) rename packages/{ripple-ui-components => }/components/Molecules/Breadcrumbs/index.vue (100%) rename packages/{ripple-ui-components => }/components/Molecules/Breadcrumbs/package.json (88%) create mode 100644 packages/components/Molecules/Breadcrumbs/stories.js rename packages/{ripple-ui-components => }/components/Molecules/Card/.npmignore (100%) rename packages/{ripple-ui-components => }/components/Molecules/Card/CardBox.vue (100%) rename packages/{ripple-ui-components => }/components/Molecules/Card/CardContent.vue (100%) rename packages/{ripple-ui-components => }/components/Molecules/Card/CardCta.vue (100%) rename packages/{ripple-ui-components => }/components/Molecules/Card/CardEmergencyContact.vue (100%) rename packages/{ripple-ui-components => }/components/Molecules/Card/CardEvent.vue (100%) rename packages/{ripple-ui-components => }/components/Molecules/Card/CardHonourRoll.vue (100%) rename packages/{ripple-ui-components => }/components/Molecules/Card/CardImageNavigation.vue (100%) rename packages/{ripple-ui-components => }/components/Molecules/Card/CardKeydates.vue (100%) rename packages/{ripple-ui-components => }/components/Molecules/Card/CardNavigation.vue (100%) rename packages/{ripple-ui-components => }/components/Molecules/Card/CardNavigationFeatured.vue (100%) rename packages/{ripple-ui-components => }/components/Molecules/Card/CardPromotion.vue (100%) rename packages/{ripple-ui-components/components/Molecules/Breadcrumbs => components/Molecules/Card}/LICENSE (100%) rename packages/{ripple-ui-components => }/components/Molecules/Card/README.md (100%) rename packages/{ripple-ui-components => }/components/Molecules/Card/ReadmeCardContent.md (100%) rename packages/{ripple-ui-components => }/components/Molecules/Card/index.js (100%) rename packages/{ripple-ui-components => }/components/Molecules/Card/mixins/cardtrimfield.js (100%) rename packages/{ripple-ui-components => }/components/Molecules/Card/no-ssr/CardCarousel.vue (100%) rename packages/{ripple-ui-components => }/components/Molecules/Card/no-ssr/index.js (100%) rename packages/{ripple-ui-components => }/components/Molecules/Card/package.json (92%) rename packages/{ripple-ui-components => }/components/Molecules/Card/scss/_card.scss (100%) create mode 100644 packages/components/Molecules/Card/stories.js rename packages/{ripple-ui-components => }/components/Molecules/Contact/.npmignore (100%) rename packages/{ripple-ui-components/components/Molecules/Card => components/Molecules/Contact}/LICENSE (100%) rename packages/{ripple-ui-components => }/components/Molecules/Contact/README.md (100%) rename packages/{ripple-ui-components => }/components/Molecules/Contact/index.vue (100%) rename packages/{ripple-ui-components => }/components/Molecules/Contact/package.json (89%) create mode 100644 packages/components/Molecules/Contact/stories.js rename packages/{ripple-ui-components => }/components/Molecules/DescriptionList/.npmignore (100%) rename packages/{ripple-ui-components => }/components/Molecules/DescriptionList/DescriptionList.vue (100%) rename packages/{ripple-ui-components/components/Molecules/Contact => components/Molecules/DescriptionList}/LICENSE (100%) rename packages/{ripple-ui-components => }/components/Molecules/DescriptionList/README.md (100%) rename packages/{ripple-ui-components => }/components/Molecules/DescriptionList/index.js (100%) rename packages/{ripple-ui-components => }/components/Molecules/DescriptionList/package.json (85%) create mode 100644 packages/components/Molecules/DescriptionList/stories.js rename packages/{ripple-ui-components => }/components/Molecules/DocumentLink/.npmignore (100%) rename packages/{ripple-ui-components => }/components/Molecules/DocumentLink/DocumentLink.vue (100%) rename packages/{ripple-ui-components/components/Molecules/DescriptionList => components/Molecules/DocumentLink}/LICENSE (100%) rename packages/{ripple-ui-components => }/components/Molecules/DocumentLink/README.md (100%) rename packages/{ripple-ui-components => }/components/Molecules/DocumentLink/index.js (100%) rename packages/{ripple-ui-components => }/components/Molecules/DocumentLink/package.json (87%) rename packages/{ripple-ui-components => }/components/Molecules/DocumentLink/scss/_document-link.scss (100%) create mode 100644 packages/components/Molecules/DocumentLink/stories.js rename packages/{ripple-ui-components => }/components/Molecules/EmbeddedVideo/.npmignore (100%) rename packages/{ripple-ui-components/components/Molecules/DocumentLink => components/Molecules/EmbeddedVideo}/LICENSE (100%) rename packages/{ripple-ui-components => }/components/Molecules/EmbeddedVideo/README.md (100%) rename packages/{ripple-ui-components => }/components/Molecules/EmbeddedVideo/index.vue (100%) rename packages/{ripple-ui-components => }/components/Molecules/EmbeddedVideo/package.json (88%) create mode 100644 packages/components/Molecules/EmbeddedVideo/stories.js rename packages/{ripple-ui-components => }/components/Molecules/Figure/.npmignore (100%) rename packages/{ripple-ui-components/components/Molecules/EmbeddedVideo => components/Molecules/Figure}/LICENSE (100%) rename packages/{ripple-ui-components => }/components/Molecules/Figure/README.md (100%) rename packages/{ripple-ui-components => }/components/Molecules/Figure/index.vue (100%) rename packages/{ripple-ui-components => }/components/Molecules/Figure/package.json (87%) create mode 100644 packages/components/Molecules/Figure/stories.js rename packages/{ripple-ui-components => }/components/Molecules/Form/.npmignore (100%) rename packages/{ripple-ui-components => }/components/Molecules/Form/Checkbox.vue (100%) rename packages/{ripple-ui-components => }/components/Molecules/Form/Fieldset.vue (95%) rename packages/{ripple-ui-components/components/Molecules/Figure => components/Molecules/Form}/LICENSE (100%) rename packages/{ripple-ui-components => }/components/Molecules/Form/README.md (100%) rename packages/{ripple-ui-components => }/components/Molecules/Form/__tests__/fieldRplSelect.test.js (100%) rename packages/{ripple-ui-components => }/components/Molecules/Form/fields/fieldRplcheckbox.vue (100%) rename packages/{ripple-ui-components => }/components/Molecules/Form/fields/fieldRplchecklist.vue (100%) rename packages/{ripple-ui-components => }/components/Molecules/Form/fields/fieldRplclearform.vue (100%) rename packages/{ripple-ui-components => }/components/Molecules/Form/fields/fieldRpldatepicker.vue (100%) rename packages/{ripple-ui-components => }/components/Molecules/Form/fields/fieldRpldivider.vue (100%) rename packages/{ripple-ui-components => }/components/Molecules/Form/fields/fieldRplmarkup.vue (100%) rename packages/{ripple-ui-components => }/components/Molecules/Form/fields/fieldRplselect.vue (99%) rename packages/{ripple-ui-components => }/components/Molecules/Form/fields/fieldRplslider.vue (100%) rename packages/{ripple-ui-components => }/components/Molecules/Form/fields/fieldRplsubmitloader.vue (100%) rename packages/{ripple-ui-components => }/components/Molecules/Form/formAlert.vue (100%) rename packages/{ripple-ui-components => }/components/Molecules/Form/formPikaday.vue (100%) create mode 100644 packages/components/Molecules/Form/index.js rename packages/{ripple-ui-components => }/components/Molecules/Form/index.vue (99%) rename packages/{ripple-ui-components => }/components/Molecules/Form/package.json (90%) rename packages/{ripple-ui-components => }/components/Molecules/Form/scss/_form.scss (100%) create mode 100644 packages/components/Molecules/Form/stories.js rename packages/{ripple-ui-components => }/components/Molecules/Layout/.npmignore (100%) rename packages/{ripple-ui-components => }/components/Molecules/Layout/BackToTop.vue (100%) rename packages/{ripple-ui-components => }/components/Molecules/Layout/BaseLayout.vue (100%) rename packages/{ripple-ui-components/components/Molecules/Form => components/Molecules/Layout}/LICENSE (100%) rename packages/{ripple-ui-components => }/components/Molecules/Layout/PageLayout.vue (100%) rename packages/{ripple-ui-components => }/components/Molecules/Layout/QuickExit.vue (100%) rename packages/{ripple-ui-components => }/components/Molecules/Layout/README.md (100%) rename packages/{ripple-ui-components => }/components/Molecules/Layout/SkipLink.vue (100%) rename packages/{ripple-ui-components => }/components/Molecules/Layout/index.js (100%) rename packages/{ripple-ui-components => }/components/Molecules/Layout/package.json (90%) create mode 100644 packages/components/Molecules/Layout/stories.js rename packages/{ripple-ui-components => }/components/Molecules/List/.npmignore (100%) rename packages/{ripple-ui-components/components/Molecules/Layout => components/Molecules/List}/LICENSE (100%) rename packages/{ripple-ui-components => }/components/Molecules/List/README.md (100%) rename packages/{ripple-ui-components => }/components/Molecules/List/index.vue (100%) rename packages/{ripple-ui-components => }/components/Molecules/List/package.json (89%) create mode 100644 packages/components/Molecules/List/stories.js rename packages/{ripple-ui-components => }/components/Molecules/Map/.npmignore (100%) rename packages/{ripple-ui-components => }/components/Molecules/Map/ButtonClose/index.vue (100%) rename packages/{ripple-ui-components/components/Molecules/List => components/Molecules/Map}/LICENSE (100%) rename packages/{ripple-ui-components => }/components/Molecules/Map/Map.vue (100%) rename packages/{ripple-ui-components => }/components/Molecules/Map/MapIndicator/index.vue (100%) rename packages/{ripple-ui-components => }/components/Molecules/Map/README.md (100%) rename packages/{ripple-ui-components => }/components/Molecules/Map/index.js (100%) rename packages/{ripple-ui-components => }/components/Molecules/Map/lib/ol.js (100%) rename packages/{ripple-ui-components => }/components/Molecules/Map/package.json (88%) create mode 100644 packages/components/Molecules/Map/stories.js rename packages/{ripple-ui-components => }/components/Molecules/Pagination/.npmignore (100%) rename packages/{ripple-ui-components/components/Molecules/Map => components/Molecules/Pagination}/LICENSE (100%) rename packages/{ripple-ui-components => }/components/Molecules/Pagination/README.md (100%) rename packages/{ripple-ui-components => }/components/Molecules/Pagination/index.vue (100%) rename packages/{ripple-ui-components => }/components/Molecules/Pagination/package.json (88%) rename packages/{ripple-ui-components => }/components/Molecules/Pagination/stories.js (56%) rename packages/{ripple-ui-components => }/components/Molecules/PublishDateAndAuthor/.npmignore (100%) rename packages/{ripple-ui-components/components/Molecules/Pagination => components/Molecules/PublishDateAndAuthor}/LICENSE (100%) rename packages/{ripple-ui-components => }/components/Molecules/PublishDateAndAuthor/README.md (100%) rename packages/{ripple-ui-components => }/components/Molecules/PublishDateAndAuthor/index.vue (100%) rename packages/{ripple-ui-components => }/components/Molecules/PublishDateAndAuthor/package.json (86%) create mode 100644 packages/components/Molecules/PublishDateAndAuthor/stories.js rename packages/{ripple-ui-components => }/components/Molecules/RelatedLinks/.npmignore (100%) rename packages/{ripple-ui-components/components/Molecules/PublishDateAndAuthor => components/Molecules/RelatedLinks}/LICENSE (100%) rename packages/{ripple-ui-components => }/components/Molecules/RelatedLinks/README.md (100%) rename packages/{ripple-ui-components => }/components/Molecules/RelatedLinks/index.vue (100%) rename packages/{ripple-ui-components => }/components/Molecules/RelatedLinks/package.json (89%) create mode 100644 packages/components/Molecules/RelatedLinks/stories.js rename packages/{ripple-ui-components => }/components/Molecules/Search/.npmignore (100%) rename packages/{ripple-ui-components/components/Molecules/RelatedLinks => components/Molecules/Search}/LICENSE (100%) rename packages/{ripple-ui-components => }/components/Molecules/Search/README.md (100%) rename packages/{ripple-ui-components => }/components/Molecules/Search/SearchForm.vue (100%) rename packages/{ripple-ui-components => }/components/Molecules/Search/SearchResult.vue (100%) rename packages/{ripple-ui-components => }/components/Molecules/Search/SearchResults.vue (100%) rename packages/{ripple-ui-components => }/components/Molecules/Search/index.js (100%) rename packages/{ripple-ui-components => }/components/Molecules/Search/package.json (92%) create mode 100644 packages/components/Molecules/Search/stories.js rename packages/{ripple-ui-components => }/components/Molecules/ShareThis/.npmignore (100%) rename packages/{ripple-ui-components/components/Molecules/Search => components/Molecules/ShareThis}/LICENSE (100%) rename packages/{ripple-ui-components => }/components/Molecules/ShareThis/README.md (100%) rename packages/{ripple-ui-components => }/components/Molecules/ShareThis/index.vue (100%) rename packages/{ripple-ui-components => }/components/Molecules/ShareThis/package.json (89%) create mode 100644 packages/components/Molecules/ShareThis/stories.js rename packages/{ripple-ui-components => }/components/Molecules/Sitemap/.npmignore (100%) rename packages/{ripple-ui-components/components/Molecules/ShareThis => components/Molecules/Sitemap}/LICENSE (100%) rename packages/{ripple-ui-components => }/components/Molecules/Sitemap/README.md (100%) rename packages/{ripple-ui-components => }/components/Molecules/Sitemap/SitemapMenu.vue (100%) rename packages/{ripple-ui-components => }/components/Molecules/Sitemap/index.vue (100%) rename packages/{ripple-ui-components => }/components/Molecules/Sitemap/package.json (88%) create mode 100644 packages/components/Molecules/Sitemap/stories.js rename packages/{ripple-ui-components => }/components/Molecules/Timeline/.npmignore (100%) rename packages/{ripple-ui-components/components/Molecules/Sitemap => components/Molecules/Timeline}/LICENSE (100%) rename packages/{ripple-ui-components => }/components/Molecules/Timeline/README.md (100%) rename packages/{ripple-ui-components => }/components/Molecules/Timeline/Timeline.vue (100%) rename packages/{ripple-ui-components => }/components/Molecules/Timeline/index.js (100%) rename packages/{ripple-ui-components => }/components/Molecules/Timeline/package.json (88%) create mode 100644 packages/components/Molecules/Timeline/stories.js rename packages/{ripple-ui-components => }/components/Molecules/WhatsNext/.npmignore (100%) rename packages/{ripple-ui-components/components/Molecules/Timeline => components/Molecules/WhatsNext}/LICENSE (100%) rename packages/{ripple-ui-components => }/components/Molecules/WhatsNext/README.md (100%) rename packages/{ripple-ui-components => }/components/Molecules/WhatsNext/index.vue (100%) rename packages/{ripple-ui-components => }/components/Molecules/WhatsNext/package.json (89%) create mode 100644 packages/components/Molecules/WhatsNext/stories.js rename packages/{ripple-ui-components => }/components/Organisms/Accordion/.npmignore (100%) rename packages/{ripple-ui-components => }/components/Organisms/Accordion/Accordion.vue (100%) rename packages/{ripple-ui-components/components/Molecules/WhatsNext => components/Organisms/Accordion}/LICENSE (100%) rename packages/{ripple-ui-components => }/components/Organisms/Accordion/README.md (100%) rename packages/{ripple-ui-components => }/components/Organisms/Accordion/index.js (100%) rename packages/{ripple-ui-components => }/components/Organisms/Accordion/package.json (89%) create mode 100644 packages/components/Organisms/Accordion/stories.js rename packages/{ripple-ui-components => }/components/Organisms/CallToAction/.npmignore (100%) rename packages/{ripple-ui-components/components/Organisms/Accordion => components/Organisms/CallToAction}/LICENSE (100%) rename packages/{ripple-ui-components => }/components/Organisms/CallToAction/README.md (100%) rename packages/{ripple-ui-components => }/components/Organisms/CallToAction/index.vue (100%) rename packages/{ripple-ui-components => }/components/Organisms/CallToAction/package.json (88%) create mode 100644 packages/components/Organisms/CallToAction/stories.js rename packages/{ripple-ui-components => }/components/Organisms/CampaignPrimary/.npmignore (100%) rename packages/{ripple-ui-components/components/Organisms/CallToAction => components/Organisms/CampaignPrimary}/LICENSE (100%) rename packages/{ripple-ui-components => }/components/Organisms/CampaignPrimary/README.md (100%) rename packages/{ripple-ui-components => }/components/Organisms/CampaignPrimary/index.vue (100%) rename packages/{ripple-ui-components => }/components/Organisms/CampaignPrimary/package.json (89%) create mode 100644 packages/components/Organisms/CampaignPrimary/stories.js rename packages/{ripple-ui-components => }/components/Organisms/CampaignSecondary/.npmignore (100%) rename packages/{ripple-ui-components/components/Organisms/CampaignPrimary => components/Organisms/CampaignSecondary}/LICENSE (100%) rename packages/{ripple-ui-components => }/components/Organisms/CampaignSecondary/README.md (100%) rename packages/{ripple-ui-components => }/components/Organisms/CampaignSecondary/index.vue (100%) rename packages/{ripple-ui-components => }/components/Organisms/CampaignSecondary/package.json (89%) create mode 100644 packages/components/Organisms/CampaignSecondary/stories.js rename packages/{ripple-ui-components => }/components/Organisms/Event/.npmignore (100%) rename packages/{ripple-ui-components/components/Organisms/CampaignSecondary => components/Organisms/Event}/LICENSE (100%) rename packages/{ripple-ui-components => }/components/Organisms/Event/LatestEvents.vue (100%) rename packages/{ripple-ui-components => }/components/Organisms/Event/README.md (100%) rename packages/{ripple-ui-components => }/components/Organisms/Event/index.js (100%) rename packages/{ripple-ui-components => }/components/Organisms/Event/package.json (89%) create mode 100644 packages/components/Organisms/Event/stories.js rename packages/{ripple-ui-components => }/components/Organisms/Grants/.npmignore (100%) rename packages/{ripple-ui-components => }/components/Organisms/Grants/GrantsListItem.vue (100%) rename packages/{ripple-ui-components => }/components/Organisms/Grants/GrantsOverview.vue (100%) rename packages/{ripple-ui-components/components/Organisms/Event => components/Organisms/Grants}/LICENSE (100%) rename packages/{ripple-ui-components => }/components/Organisms/Grants/README.md (100%) rename packages/{ripple-ui-components => }/components/Organisms/Grants/index.js (100%) rename packages/{ripple-ui-components => }/components/Organisms/Grants/package.json (91%) create mode 100644 packages/components/Organisms/Grants/stories.js rename packages/{ripple-ui-components => }/components/Organisms/HeroBanner/.npmignore (100%) rename packages/{ripple-ui-components => }/components/Organisms/HeroBanner/HeroBanner.vue (100%) rename packages/{ripple-ui-components => }/components/Organisms/HeroBanner/HeroBannerCta.vue (100%) rename packages/{ripple-ui-components => }/components/Organisms/HeroBanner/IntroBanner.vue (100%) rename packages/{ripple-ui-components/components/Organisms/Grants => components/Organisms/HeroBanner}/LICENSE (100%) rename packages/{ripple-ui-components => }/components/Organisms/HeroBanner/README.md (100%) rename packages/{ripple-ui-components => }/components/Organisms/HeroBanner/index.js (100%) rename packages/{ripple-ui-components => }/components/Organisms/HeroBanner/package.json (90%) create mode 100644 packages/components/Organisms/HeroBanner/stories.js rename packages/{ripple-ui-components => }/components/Organisms/ImageGallery/.npmignore (100%) rename packages/{ripple-ui-components => }/components/Organisms/ImageGallery/FittedImg.vue (100%) rename packages/{ripple-ui-components => }/components/Organisms/ImageGallery/FullscreenImage.vue (100%) rename packages/{ripple-ui-components => }/components/Organisms/ImageGallery/ImageGalleryModal.vue (100%) rename packages/{ripple-ui-components/components/Organisms/HeroBanner => components/Organisms/ImageGallery}/LICENSE (100%) rename packages/{ripple-ui-components => }/components/Organisms/ImageGallery/README.md (100%) rename packages/{ripple-ui-components => }/components/Organisms/ImageGallery/index.js (100%) rename packages/{ripple-ui-components => }/components/Organisms/ImageGallery/no-ssr/ImageGallery.vue (100%) rename packages/{ripple-ui-components => }/components/Organisms/ImageGallery/no-ssr/index.js (100%) rename packages/{ripple-ui-components => }/components/Organisms/ImageGallery/package.json (89%) rename packages/{ripple-ui-components => }/components/Organisms/ImageGallery/scss/_image_gallery.scss (100%) create mode 100644 packages/components/Organisms/ImageGallery/stories.js rename packages/{ripple-ui-components => }/components/Organisms/Markup/Markup.vue (100%) rename packages/{ripple-ui-components => }/components/Organisms/Markup/README.md (100%) rename packages/{ripple-ui-components => }/components/Organisms/Markup/examplePlugins.js (100%) rename packages/{ripple-ui-components => }/components/Organisms/Markup/index.js (100%) rename packages/{ripple-ui-components => }/components/Organisms/Markup/markup-transpiler.js (100%) rename packages/{ripple-ui-components => }/components/Organisms/Markup/package.json (100%) rename packages/{ripple-ui-components => }/components/Organisms/Markup/scss/_iframe.scss (100%) rename packages/{ripple-ui-components => }/components/Organisms/Markup/stories.js (72%) rename packages/{ripple-ui-components => }/components/Organisms/News/.npmignore (100%) rename packages/{ripple-ui-components => }/components/Organisms/News/FeaturedNews.vue (100%) rename packages/{ripple-ui-components/components/Organisms/ImageGallery => components/Organisms/News}/LICENSE (100%) rename packages/{ripple-ui-components => }/components/Organisms/News/NewsListing.vue (100%) rename packages/{ripple-ui-components => }/components/Organisms/News/README.md (100%) rename packages/{ripple-ui-components => }/components/Organisms/News/index.js (100%) rename packages/{ripple-ui-components => }/components/Organisms/News/package.json (88%) create mode 100644 packages/components/Organisms/News/stories.js rename packages/{ripple-ui-components => }/components/Organisms/Profile/.npmignore (100%) rename packages/{ripple-ui-components/components/Organisms/News => components/Organisms/Profile}/LICENSE (100%) rename packages/{ripple-ui-components => }/components/Organisms/Profile/ProfileHighlight.vue (100%) rename packages/{ripple-ui-components => }/components/Organisms/Profile/ProfileHighlightHonourRoll.vue (100%) rename packages/{ripple-ui-components => }/components/Organisms/Profile/README.md (100%) rename packages/{ripple-ui-components => }/components/Organisms/Profile/index.js (100%) rename packages/{ripple-ui-components => }/components/Organisms/Profile/package.json (88%) create mode 100644 packages/components/Organisms/Profile/stories.js rename packages/{ripple-ui-components => }/components/Organisms/Publication/.npmignore (100%) rename packages/{ripple-ui-components/components/Organisms/Profile => components/Organisms/Publication}/LICENSE (100%) rename packages/{ripple-ui-components => }/components/Organisms/Publication/PublicationAuthorInformation.vue (100%) rename packages/{ripple-ui-components => }/components/Organisms/Publication/PublicationDownloadPrint.vue (100%) rename packages/{ripple-ui-components => }/components/Organisms/Publication/PublicationImage.vue (100%) rename packages/{ripple-ui-components => }/components/Organisms/Publication/PublicationPagination.vue (100%) rename packages/{ripple-ui-components => }/components/Organisms/Publication/README.md (100%) rename packages/{ripple-ui-components => }/components/Organisms/Publication/assets/images/separator.svg (100%) rename packages/{ripple-ui-components => }/components/Organisms/Publication/index.js (100%) rename packages/{ripple-ui-components => }/components/Organisms/Publication/package.json (92%) create mode 100644 packages/components/Organisms/Publication/stories.js rename packages/{ripple-ui-components => }/components/Organisms/SiteFooter/.npmignore (100%) rename packages/{ripple-ui-components => }/components/Organisms/SiteFooter/Acknowledgement.vue (100%) rename packages/{ripple-ui-components => }/components/Organisms/SiteFooter/FooterNavigation.vue (100%) rename packages/{ripple-ui-components/components/Organisms/Publication => components/Organisms/SiteFooter}/LICENSE (100%) rename packages/{ripple-ui-components => }/components/Organisms/SiteFooter/LinksAndCopyright.vue (100%) rename packages/{ripple-ui-components => }/components/Organisms/SiteFooter/README.md (100%) rename packages/{ripple-ui-components => }/components/Organisms/SiteFooter/assets/images/footer-shape.png (100%) rename packages/{ripple-ui-components => }/components/Organisms/SiteFooter/index.vue (100%) rename packages/{ripple-ui-components => }/components/Organisms/SiteFooter/package.json (89%) create mode 100644 packages/components/Organisms/SiteFooter/stories.js rename packages/{ripple-ui-components => }/components/Organisms/SiteHeader/.npmignore (100%) rename packages/{ripple-ui-components/components/Organisms/SiteFooter => components/Organisms/SiteHeader}/LICENSE (100%) rename packages/{ripple-ui-components => }/components/Organisms/SiteHeader/README.md (100%) create mode 100644 packages/components/Organisms/SiteHeader/RplSiteHeaderEventBus.js create mode 100644 packages/components/Organisms/SiteHeader/index.js rename packages/{ripple-ui-components => }/components/Organisms/SiteHeader/index.vue (99%) rename packages/{ripple-ui-components => }/components/Organisms/SiteHeader/menu.vue (100%) rename packages/{ripple-ui-components => }/components/Organisms/SiteHeader/package.json (88%) rename packages/{ripple-ui-components => }/components/Organisms/SiteHeader/scss/_site_header.scss (100%) rename packages/{ripple-ui-components => }/components/Organisms/SiteHeader/search.vue (100%) create mode 100644 packages/components/Organisms/SiteHeader/stories.js rename packages/{ripple-ui-components => }/components/Organisms/SiteSectionNavigation/.npmignore (100%) rename packages/{ripple-ui-components/components/Organisms/SiteHeader => components/Organisms/SiteSectionNavigation}/LICENSE (100%) rename packages/{ripple-ui-components => }/components/Organisms/SiteSectionNavigation/README.md (100%) rename packages/{ripple-ui-components => }/components/Organisms/SiteSectionNavigation/index.vue (100%) rename packages/{ripple-ui-components => }/components/Organisms/SiteSectionNavigation/menu.vue (100%) rename packages/{ripple-ui-components => }/components/Organisms/SiteSectionNavigation/package.json (87%) create mode 100644 packages/components/Organisms/SiteSectionNavigation/stories.js rename packages/{ripple-ui-components => }/components/Organisms/UpdatedDate/.npmignore (100%) rename packages/{ripple-ui-components/components/Organisms/SiteSectionNavigation => components/Organisms/UpdatedDate}/LICENSE (100%) rename packages/{ripple-ui-components => }/components/Organisms/UpdatedDate/README.md (100%) rename packages/{ripple-ui-components => }/components/Organisms/UpdatedDate/index.vue (100%) rename packages/{ripple-ui-components => }/components/Organisms/UpdatedDate/package.json (87%) create mode 100644 packages/components/Organisms/UpdatedDate/stories.js delete mode 100644 packages/ripple-ui-components/.markdownlint.json delete mode 100644 packages/ripple-ui-components/.npmrc delete mode 100644 packages/ripple-ui-components/.storybook/addons.js delete mode 100644 packages/ripple-ui-components/.storybook/config.js delete mode 100644 packages/ripple-ui-components/.storybook/webpack.config.js delete mode 100644 packages/ripple-ui-components/README.md delete mode 100644 packages/ripple-ui-components/components/Atoms/Button/stories.js delete mode 100644 packages/ripple-ui-components/components/Atoms/Global/stories.js delete mode 100644 packages/ripple-ui-components/components/Atoms/Icon/stories.js delete mode 100644 packages/ripple-ui-components/components/Atoms/Link/stories.js delete mode 100644 packages/ripple-ui-components/components/Atoms/MetaTag/stories.js delete mode 100644 packages/ripple-ui-components/components/Molecules/Alert/stories.js delete mode 100644 packages/ripple-ui-components/components/Molecules/AnchorLinks/stories.js delete mode 100644 packages/ripple-ui-components/components/Molecules/Breadcrumbs/stories.js delete mode 100644 packages/ripple-ui-components/components/Molecules/Card/stories.js delete mode 100644 packages/ripple-ui-components/components/Molecules/Contact/stories.js delete mode 100644 packages/ripple-ui-components/components/Molecules/DescriptionList/stories.js delete mode 100644 packages/ripple-ui-components/components/Molecules/DocumentLink/stories.js delete mode 100644 packages/ripple-ui-components/components/Molecules/EmbeddedVideo/stories.js delete mode 100644 packages/ripple-ui-components/components/Molecules/Figure/stories.js delete mode 100644 packages/ripple-ui-components/components/Molecules/Form/stories.js delete mode 100644 packages/ripple-ui-components/components/Molecules/Layout/stories.js delete mode 100644 packages/ripple-ui-components/components/Molecules/List/stories.js delete mode 100644 packages/ripple-ui-components/components/Molecules/Map/stories.js delete mode 100644 packages/ripple-ui-components/components/Molecules/PublishDateAndAuthor/stories.js delete mode 100644 packages/ripple-ui-components/components/Molecules/RelatedLinks/stories.js delete mode 100644 packages/ripple-ui-components/components/Molecules/Search/stories.js delete mode 100644 packages/ripple-ui-components/components/Molecules/ShareThis/stories.js delete mode 100644 packages/ripple-ui-components/components/Molecules/Sitemap/stories.js delete mode 100644 packages/ripple-ui-components/components/Molecules/Timeline/stories.js delete mode 100644 packages/ripple-ui-components/components/Molecules/WhatsNext/stories.js delete mode 100644 packages/ripple-ui-components/components/Organisms/Accordion/stories.js delete mode 100644 packages/ripple-ui-components/components/Organisms/CallToAction/stories.js delete mode 100644 packages/ripple-ui-components/components/Organisms/CampaignPrimary/stories.js delete mode 100644 packages/ripple-ui-components/components/Organisms/CampaignSecondary/stories.js delete mode 100644 packages/ripple-ui-components/components/Organisms/Event/stories.js delete mode 100644 packages/ripple-ui-components/components/Organisms/Grants/stories.js delete mode 100644 packages/ripple-ui-components/components/Organisms/HeroBanner/stories.js delete mode 100644 packages/ripple-ui-components/components/Organisms/ImageGallery/stories.js delete mode 100644 packages/ripple-ui-components/components/Organisms/News/stories.js delete mode 100644 packages/ripple-ui-components/components/Organisms/Profile/stories.js delete mode 100644 packages/ripple-ui-components/components/Organisms/Publication/stories.js delete mode 100644 packages/ripple-ui-components/components/Organisms/SiteFooter/stories.js delete mode 100644 packages/ripple-ui-components/components/Organisms/SiteHeader/stories.js delete mode 100644 packages/ripple-ui-components/components/Organisms/SiteSectionNavigation/stories.js delete mode 100644 packages/ripple-ui-components/components/Organisms/UpdatedDate/stories.js delete mode 100644 packages/ripple-ui-components/jest.config.js delete mode 100644 packages/ripple-ui-components/scripts/generate-package/LICENSE delete mode 100644 packages/ripple-ui-components/src/storybook-components/CampaignPage.vue delete mode 100644 packages/ripple-ui-components/src/storybook-components/EventSearchPage.vue delete mode 100644 packages/ripple-ui-components/src/storybook-components/GrantSearchPage.vue delete mode 100644 packages/ripple-ui-components/src/storybook-components/Page.vue delete mode 100644 packages/ripple-ui-components/src/storybook-components/PageAccordion.vue delete mode 100644 packages/ripple-ui-components/src/storybook-components/PageCardTrim.vue delete mode 100644 packages/ripple-ui-components/src/storybook-components/PageForm.vue delete mode 100644 packages/ripple-ui-components/src/storybook-components/PageHeroGraphics.vue delete mode 100644 packages/ripple-ui-components/src/storybook-components/PageProfile.vue delete mode 100644 packages/ripple-ui-components/src/storybook-components/PagePublication.vue delete mode 100644 packages/ripple-ui-components/src/storybook-components/PageSitemap.vue delete mode 100644 packages/ripple-ui-components/src/storybook-components/PrintPage.vue delete mode 100644 packages/ripple-ui-components/src/storybook-components/SearchPage.vue delete mode 100644 packages/ripple-ui-components/src/storybook-components/_data/README.md delete mode 100644 packages/ripple-ui-components/src/storybook-components/_data/demoData.js delete mode 100644 packages/ripple-ui-components/test/__snapshots__/storyshots.test.js.snap create mode 100644 src/.storybook/addons.js create mode 100644 src/.storybook/config.js create mode 100644 src/.storybook/webpack.config.js rename {packages/ripple-ui-components => src}/package.json (50%) rename {packages/ripple-ui-components => src}/scripts/generate-dependencies/dependency-utils.js (100%) rename {packages/ripple-ui-components => src}/scripts/generate-dependencies/generate-dependencies.js (100%) rename {packages/ripple-ui-components => src}/scripts/generate-package/.npmignore (100%) rename {packages/ripple-ui-components/components/Organisms/UpdatedDate => src/scripts/generate-package}/LICENSE (100%) rename {packages/ripple-ui-components => src}/scripts/generate-package/generate-package.js (100%) rename {packages/ripple-ui-components => src}/scripts/generate-package/index_template.js (100%) rename {packages/ripple-ui-components => src}/scripts/generate-package/package_template.json (100%) rename {packages/ripple-ui-components => src}/scripts/generate-package/package_template.vue (100%) rename {packages/ripple-ui-components => src}/scripts/generate-package/stories_template.js (63%) rename {packages/ripple-ui-components => src}/scripts/generate-readme/README_template.md (100%) rename {packages/ripple-ui-components => src}/scripts/generate-readme/generate-readme.js (100%) rename {packages/ripple-ui-components => src}/scripts/generate-readme/get-imports.js (100%) create mode 100644 src/scripts/jira-post-comment.sh rename {packages/ripple-ui-components => src}/static/.gitkeep (100%) rename {packages/ripple-ui-components => src}/static/bggraphic.png (100%) rename {packages/ripple-ui-components => src}/static/bggraphiclower.png (100%) rename {packages/ripple-ui-components => src}/static/cobrand-logo.png (100%) rename {packages/ripple-ui-components => src}/static/custom_icons/rpl_icon_custom_icon.svg (100%) rename {packages/ripple-ui-components => src}/static/herobg.jpg (100%) rename {packages/ripple-ui-components => src}/static/herologo.png (100%) rename {packages/ripple-ui-components/src => src}/storybook-components/Breakpoints.vue (100%) rename {packages/ripple-ui-components/src => src}/storybook-components/Colors.vue (100%) rename {packages/ripple-ui-components/src => src}/storybook-components/Fonts.vue (100%) rename {packages/ripple-ui-components/src => src}/storybook-components/Grids.vue (100%) rename {packages/ripple-ui-components/src => src}/storybook-components/Icons.vue (100%) rename {packages/ripple-ui-components/src => src}/storybook-components/MapVicFreeWifi.vue (100%) rename {packages/ripple-ui-components/src => src}/storybook-components/PageCards.vue (100%) rename {packages/ripple-ui-components/src => src}/storybook-components/README.md (100%) rename {packages/ripple-ui-components/src => src}/storybook-components/SiteLayout.vue (100%) rename {packages/ripple-ui-components/src => src}/storybook-components/Typography.vue (100%) rename {packages/ripple-ui-components/src => src}/storybook-components/scss/story.scss (58%) rename {packages/ripple-ui-components/src => src}/storybook-components/stories.js (100%) create mode 100644 src/test/__snapshots__/storyshots.test.js.snap rename {packages/ripple-ui-components => src}/test/package-version.test.js (100%) rename {packages/ripple-ui-components => src}/test/packages.test.js (90%) rename {packages/ripple-ui-components => src}/test/storyshots.test.js (55%) rename {packages/ripple-ui-components => src}/test/unit/helpers.test.js (97%) diff --git a/.babelrc b/.babelrc deleted file mode 100644 index 514f5f4eb..000000000 --- a/.babelrc +++ /dev/null @@ -1,38 +0,0 @@ -{ - "presets": [ - [ - "env", - { - "modules": false, - "targets": { - "browsers": [ - "> 1%", - "last 2 versions", - "not ie <= 8" - ] - } - } - ], - "stage-2", - "vue" - ], - "plugins": [ - "syntax-dynamic-import", - "transform-vue-jsx", - "transform-runtime" - ], - "env": { - "test": { - "presets": [ - [ - "env" - ], - "stage-2", - "vue" - ], - "plugins": [ - "dynamic-import-node" - ] - } - } -} diff --git a/.circleci/config.yml b/.circleci/config.yml index 74b118cbb..203eba5e9 100644 --- a/.circleci/config.yml +++ b/.circleci/config.yml @@ -24,7 +24,6 @@ jobs: key: v1-deps-{{ checksum "yarn.lock" }} paths: - node_modules - - packages/ripple-ui-components/node_modules - packages/ripple-nuxt-tide/node_modules - packages/ripple-nuxt-ui/node_modules - packages/ripple-create-app/node_modules diff --git a/.eslintignore b/.eslintignore index cafd28d8e..8e8a08760 100644 --- a/.eslintignore +++ b/.eslintignore @@ -9,7 +9,7 @@ packages/ripple-nuxt-tide/**/templates/* packages/ripple-nuxt-ui/**/templates/* # ignore storybook files -packages/ripple-ui-components/scripts +src/scripts # Nuxt folders /examples/**/dist diff --git a/.gitignore b/.gitignore index 088232bc3..1eb5ffa12 100644 --- a/.gitignore +++ b/.gitignore @@ -16,6 +16,7 @@ storybook-static npm-debug.log* yarn-debug.log* yarn-error.log* +/src/public # tests coverage diff --git a/.jest/moment.js b/.jest/moment.js new file mode 100644 index 000000000..4b2ff9a97 --- /dev/null +++ b/.jest/moment.js @@ -0,0 +1,5 @@ +const moment = require('moment-timezone') +jest.doMock('moment', () => { + moment.tz.setDefault('Australia/Melbourne') + return moment +}) \ No newline at end of file diff --git a/.jest/register-context.js b/.jest/register-context.js new file mode 100644 index 000000000..e7b54d5a2 --- /dev/null +++ b/.jest/register-context.js @@ -0,0 +1,2 @@ +import registerRequireContextHook from 'babel-plugin-require-context-hook/register' +registerRequireContextHook() \ No newline at end of file diff --git a/packages/ripple-ui-components/CONTRIBUTING.md b/CONTRIBUTING.md similarity index 100% rename from packages/ripple-ui-components/CONTRIBUTING.md rename to CONTRIBUTING.md diff --git a/Dockerfile.app b/Dockerfile.app index b5abf2c61..b039978ac 100644 --- a/Dockerfile.app +++ b/Dockerfile.app @@ -3,7 +3,7 @@ FROM amazeeio/node:10-builder as builder COPY . /app/ # Remove storybook from reference site -RUN rm /app/packages/ripple-ui-components/package.json \ +RUN rm /app/src/package.json \ && mv /app/scripts/jira-post-comment-app.sh /app/scripts/jira-post-comment.sh \ && yarn install @@ -16,6 +16,10 @@ ARG CONTENT_API_AUTH_USER ENV CONTENT_API_AUTH_PASS ${CONTENT_API_AUTH_PASS} ENV CONTENT_API_AUTH_USER ${CONTENT_API_AUTH_USER} ENV LAGOON_GIT_BRANCH ${LAGOON_GIT_BRANCH} +ARG CONTENT_API_AUTH_PASS +ARG CONTENT_API_AUTH_USER +ENV CONTENT_API_AUTH_PASS ${CONTENT_API_AUTH_PASS} +ENV CONTENT_API_AUTH_USER ${CONTENT_API_AUTH_USER} WORKDIR /app/examples/vic-gov-au/ diff --git a/Dockerfile.storybook b/Dockerfile.storybook index 42e95ba89..a09dd5f67 100644 --- a/Dockerfile.storybook +++ b/Dockerfile.storybook @@ -1,22 +1,23 @@ FROM amazeeio/node:10-builder as builder -COPY packages/ripple-ui-components /app/packages/ripple-ui-components -COPY package.json yarn.lock .eslintrc.js .babelrc /app/ +COPY packages/components /app/packages/components +COPY src /app/src +COPY package.json yarn.lock .eslintrc.js babel.config.js /app/ RUN yarn install -WORKDIR /app/packages/ripple-ui-components +WORKDIR /app/src RUN yarn run build-storybook FROM amazeeio/node:10 -COPY --from=builder /app/packages/ripple-ui-components/public /app +COPY --from=builder /app/src/public /app COPY scripts/jira-post-comment-storybook.sh /app/scripts/jira-post-comment.sh ARG LAGOON_GIT_BRANCH ENV LAGOON_GIT_BRANCH ${LAGOON_GIT_BRANCH} -RUN npm config set unsafe-perm true \ +# force it to load the environment variable during build time. Otherwise it cannot read $LAGOON_GIT_BRANCH. +RUN . /home/.bashrc \ + && npm config set unsafe-perm true \ && npm install http-server -g \ - # force it to load the environment variable during build time. Otherwise it cannot read $LAGOON_GIT_BRANCH. - && . /home/.bashrc \ # For JIRA commit script work. && if [ $LAGOON_GIT_BRANCH != "production" ] ; then apk --update add curl; fi diff --git a/README.md b/README.md index 34fdd0c50..d76392f8d 100644 --- a/README.md +++ b/README.md @@ -23,4 +23,4 @@ Run `yarn run start:example` ## Running Storybook -Run `yarn run start:storybook` +Run `yarn run start:storybook` \ No newline at end of file diff --git a/packages/ripple-ui-components/__mocks__/fileMock.js b/__mocks__/fileMock.js similarity index 100% rename from packages/ripple-ui-components/__mocks__/fileMock.js rename to __mocks__/fileMock.js diff --git a/packages/ripple-ui-components/__mocks__/styleMock.js b/__mocks__/styleMock.js similarity index 100% rename from packages/ripple-ui-components/__mocks__/styleMock.js rename to __mocks__/styleMock.js diff --git a/babel.config.js b/babel.config.js new file mode 100644 index 000000000..a8fbb1c24 --- /dev/null +++ b/babel.config.js @@ -0,0 +1,23 @@ +module.exports = { + presets: [ + [ + '@babel/preset-env', + { + targets: { + node: 'current' + } + } + ] + ], + plugins: [ + '@babel/plugin-syntax-dynamic-import', + 'transform-vue-jsx', + '@babel/plugin-transform-runtime' + ], + env: { + test: { + presets: [['@babel/preset-env', { targets: { node: 'current' } }]], + plugins: ['require-context-hook', 'dynamic-import-node'] + } + } +} diff --git a/examples/vic-gov-au/babel.config.js b/examples/vic-gov-au/babel.config.js deleted file mode 100644 index 2a0a4fcdf..000000000 --- a/examples/vic-gov-au/babel.config.js +++ /dev/null @@ -1,16 +0,0 @@ -module.exports = { - env: { - test: { - presets: [ - [ - '@babel/preset-env', - { - targets: { - node: 'current' - } - } - ] - ] - } - } -} diff --git a/examples/vic-gov-au/package.json b/examples/vic-gov-au/package.json index 9bf9cbcb1..27ad5542f 100644 --- a/examples/vic-gov-au/package.json +++ b/examples/vic-gov-au/package.json @@ -30,10 +30,19 @@ "svgo-loader": "^2.1.0" }, "devDependencies": { - "@vue/test-utils": "^1.0.0-beta.29", + "@babel/core": "^7.5.0", + "@babel/plugin-syntax-dynamic-import": "^7.2.0", + "@babel/runtime": "^7.5.1", + "@babel/plugin-transform-runtime": "^7.4.4", + "@babel/preset-env": "^7.5.0", + "babel-core": "^7.0.0-bridge.0", + "babel-jest": "^24.8.0", + "babel-plugin-dynamic-import-node": "^2.3.0", + "babel-plugin-require-context-hook": "^1.0.0", + "babel-preset-vue": "^2.0.2", "babel-eslint": "^10.0.1", - "babel-plugin-dynamic-import-node": "^2.2.0", "cross-env": "^5.2.0", + "core-js": "^2.6.5", "eslint": "^4.15.0", "eslint-config-standard": "^10.2.1", "eslint-friendly-formatter": "^3.0.0", @@ -44,7 +53,6 @@ "eslint-plugin-promise": "^3.4.0", "eslint-plugin-standard": "^3.0.1", "eslint-plugin-vue": "^4.0.0", - "jest": "^24.4.0", "node-sass": "^4.11.0", "sass-lint": "^1.12.1", "sass-loader": "^6.0.7", diff --git a/jest.config.js b/jest.config.js index bb97f012d..ff2de368c 100644 --- a/jest.config.js +++ b/jest.config.js @@ -1,15 +1,22 @@ module.exports = { - 'verbose': true, - 'testURL': 'http://localhost', - 'collectCoverage': true, - 'testMatch': ['**/unit/**/*.test.js'], - 'moduleFileExtensions': [ - 'js', - 'json', - 'vue' - ], - 'transform': { - '^.+\\.js$': '/node_modules/babel-jest' + verbose: true, + testURL: 'http://localhost', + collectCoverage: true, + testMatch: ['**/unit/**/*.test.js', '**/*.test.js'], + moduleFileExtensions: ['js', 'json', 'vue'], + setupFiles: ['/.jest/register-context.js', 'jest-canvas-mock'], + setupFilesAfterEnv: ['/.jest/moment.js'], + transform: { + '^.+\\.js$': '/node_modules/babel-jest', + '.*\\.(vue)$': '/node_modules/jest-vue-preprocessor', + '^.+\\.md?$': 'markdown-loader-jest' }, - 'transformIgnorePatterns': ['node_modules/(?!(@dpc-sdp*)/)'] + transformIgnorePatterns: [ + 'node_modules/(?!(@dpc-sdp*|ol|ol-ext|storybook-addon-vue-info|@storybook*)/)' + ], + moduleNameMapper: { + '\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga|svg)$': + '/__mocks__/fileMock.js', + '\\.(css|scss)$': '/__mocks__/styleMock.js' + } } diff --git a/package.json b/package.json index 8148b8969..30c2cec47 100644 --- a/package.json +++ b/package.json @@ -3,26 +3,30 @@ "description": "Ripple Monorepo for DPC Single Digital Presence sites.", "homepage": "https://ripple.sdp.vic.gov.au", "private": true, - "workspaces": [ - "packages/ripple-ui-components", - "packages/ripple-ui-components/components/**/*", - "packages/ripple-nuxt-tide", - "packages/ripple-nuxt-ui", - "packages/ripple-create-app", - "packages/ripple-test-tools", - "examples/**/*" - ], + "workspaces": { + "packages": [ + "packages/components/**/*", + "packages/ripple-nuxt-tide", + "packages/ripple-nuxt-ui", + "packages/ripple-create-app", + "packages/ripple-test-tools", + "examples/**/*", + "src" + ], + "nohoist": ["src"] + }, "scripts": { "publish": "lerna publish", - "start:storybook": "cd packages/ripple-ui-components/ && yarn run storybook", + "start:storybook": "cd src && yarn start", "start:example": "cd examples/vic-gov-au/ && yarn run dev", "start:build-example": "cd examples/vic-gov-au/ && nuxt build && nuxt start", - "test:dev": "NODE_ENV=dev start-server-and-test start:example http://localhost:3000 cy:open", - "test:storybook": "cd packages/ripple-ui-components/ && yarn run test", - "test:e2e": "NODE_ENV=test start-server-and-test start:build-example http://localhost:3000 cy:run-smoke", - "test:unit": "NODE_ENV=test jest", + "test:dev": "cross-env NODE_ENV=dev start-server-and-test start:example http://localhost:3000 cy:open", + "test:e2e": "cross-env NODE_ENV=test start-server-and-test start:build-example http://localhost:3000 cy:run-smoke", + "test:unit": "jest --colors", + "build:storybook": "cd src && yarn build-storybook", + "build:example": "cd examples/vic-gov-au && yarn run build", "cy:open": "cypress open", - "cy:run": "cypress run", + "cy:run": "cypress run -e TAGS='not @skip'", "cy:run-smoke": "cypress run -e TAGS='@smoke'", "lint": "eslint --ext .js,.vue . && sass-lint -qv --max-warnings 0", "lint:fix": "eslint --ext .js,.vue . --fix", @@ -36,15 +40,24 @@ "bay:pull": "docker image ls --format \"{{.Repository}}:{{.Tag}}\" | grep amazeeio | grep -v none | xargs -n1 docker pull | cat" }, "devDependencies": { - "lerna": "^3.0.0", + "@babel/core": "^7.5.0", + "@babel/plugin-syntax-dynamic-import": "^7.2.0", + "@babel/plugin-transform-runtime": "^7.4.4", + "@babel/preset-env": "^7.5.0", + "@ljharb/eslint-config": "^13.1.1", + "@vue/test-utils": "^1.0.0-beta.29", + "axe-core": "^3.2.2", + "babel-core": "^7.0.0-bridge.0", + "babel-eslint": "^10.0.1", + "babel-jest": "^24.8.0", + "babel-plugin-dynamic-import-node": "^2.3.0", + "babel-plugin-require-context-hook": "^1.0.0", + "babel-preset-vue": "^2.0.2", + "cross-env": "^5.2.0", "cypress": "^3.1.5", "cypress-axe": "^0.4.0", "cypress-cucumber-preprocessor": "^1.11.0", - "axe-core": "^3.2.2", - "start-server-and-test": "^1.7.11", - "babel-eslint": "^10.0.1", "eslint": "^5.11.1", - "@ljharb/eslint-config": "^13.1.1", "eslint-config-standard": "^12.0.0", "eslint-friendly-formatter": "^3.0.0", "eslint-plugin-import": "^2.7.0", @@ -53,7 +66,14 @@ "eslint-plugin-promise": "^3.4.0", "eslint-plugin-standard": "^3.0.1", "eslint-plugin-vue": "^4.0.0", - "sass-lint": "^1.12.1" + "jest": "^24.8.0", + "jest-canvas-mock": "^2.1.0", + "jest-vue-preprocessor": "^1.5.0", + "lerna": "^3.0.0", + "markdown-loader-jest": "^0.1.1", + "sass-lint": "^1.12.1", + "start-server-and-test": "^1.7.11", + "vue-jest": "^3.0.4" }, "cypress-cucumber-preprocessor": { "nonGlobalStepDefinitions": true diff --git a/packages/ripple-ui-components/components/Atoms/Button/.npmignore b/packages/components/Atoms/Button/.npmignore similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Button/.npmignore rename to packages/components/Atoms/Button/.npmignore diff --git a/packages/ripple-ui-components/LICENSE b/packages/components/Atoms/Button/LICENSE similarity index 100% rename from packages/ripple-ui-components/LICENSE rename to packages/components/Atoms/Button/LICENSE diff --git a/packages/ripple-ui-components/components/Atoms/Button/README.md b/packages/components/Atoms/Button/README.md similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Button/README.md rename to packages/components/Atoms/Button/README.md diff --git a/packages/ripple-ui-components/components/Atoms/Button/__tests__/button.test.js b/packages/components/Atoms/Button/__tests__/button.test.js similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Button/__tests__/button.test.js rename to packages/components/Atoms/Button/__tests__/button.test.js diff --git a/packages/ripple-ui-components/components/Atoms/Button/index.vue b/packages/components/Atoms/Button/index.vue similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Button/index.vue rename to packages/components/Atoms/Button/index.vue diff --git a/packages/ripple-ui-components/components/Atoms/Button/package.json b/packages/components/Atoms/Button/package.json similarity index 90% rename from packages/ripple-ui-components/components/Atoms/Button/package.json rename to packages/components/Atoms/Button/package.json index d41d03422..d87d8228d 100644 --- a/packages/ripple-ui-components/components/Atoms/Button/package.json +++ b/packages/components/Atoms/Button/package.json @@ -5,7 +5,7 @@ "license": "Apache-2.0", "main": "index.vue", "homepage": "https://ripple.sdp.vic.gov.au", - "repository": "https://github.com/dpc-sdp/ripple/tree/master/packages/ripple-ui-components/components/Atoms/Button", + "repository": "https://github.com/dpc-sdp/ripple/tree/master/packages/components/Atoms/Button", "publishConfig": { "access": "public" }, diff --git a/packages/components/Atoms/Button/stories.js b/packages/components/Atoms/Button/stories.js new file mode 100644 index 000000000..b5d9b44c2 --- /dev/null +++ b/packages/components/Atoms/Button/stories.js @@ -0,0 +1,80 @@ +import { storiesOf } from '@storybook/vue' +import RplButton from '@dpc-sdp/ripple-button' + +import { + withKnobs, + text, + boolean, + select +} from '@storybook/addon-knobs/vue' + +const template = `{{ content }}` + +storiesOf('Atoms/Button', module) + .addDecorator(withKnobs) + .add('default', () => ({ + components: { RplButton }, + template, + props: { + content: { + default: text('Content', 'Ripple Button') + }, + href: { + default: text('href', '#') + }, + theme: { + default: select('Theme', { primary: 'primary', secondary: 'secondary' }, 'primary') + }, + disabled: { + default: boolean('Disabled', false) + } + } + })) + .add('with href', () => ({ + components: { RplButton }, + template, + data () { + return { + content: 'Ripple Button', + href: '#', + theme: 'primary', + disabled: false + } + } + })) + .add('without href', () => ({ + components: { RplButton }, + template, + data () { + return { + content: 'Ripple Button', + href: '', + theme: 'primary', + disabled: false + } + } + })) + .add('secondary theme', () => ({ + components: { RplButton }, + template, + data () { + return { + content: 'Ripple Button', + href: '#', + theme: 'secondary', + disabled: false + } + } + })) + .add('disabled', () => ({ + components: { RplButton }, + template, + data () { + return { + content: 'Ripple Button', + href: '#', + theme: 'primary', + disabled: true + } + } + })) diff --git a/packages/ripple-ui-components/components/Atoms/Global/.npmignore b/packages/components/Atoms/Global/.npmignore similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/.npmignore rename to packages/components/Atoms/Global/.npmignore diff --git a/packages/ripple-ui-components/components/Atoms/Button/LICENSE b/packages/components/Atoms/Global/LICENSE similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Button/LICENSE rename to packages/components/Atoms/Global/LICENSE diff --git a/packages/ripple-ui-components/components/Atoms/Global/README.md b/packages/components/Atoms/Global/README.md similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/README.md rename to packages/components/Atoms/Global/README.md diff --git a/packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-Bold.eot b/packages/components/Atoms/Global/assets/fonts/VIC-Bold.eot similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-Bold.eot rename to packages/components/Atoms/Global/assets/fonts/VIC-Bold.eot diff --git a/packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-Bold.ttf b/packages/components/Atoms/Global/assets/fonts/VIC-Bold.ttf similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-Bold.ttf rename to packages/components/Atoms/Global/assets/fonts/VIC-Bold.ttf diff --git a/packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-Bold.woff b/packages/components/Atoms/Global/assets/fonts/VIC-Bold.woff similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-Bold.woff rename to packages/components/Atoms/Global/assets/fonts/VIC-Bold.woff diff --git a/packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-Bold.woff2 b/packages/components/Atoms/Global/assets/fonts/VIC-Bold.woff2 similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-Bold.woff2 rename to packages/components/Atoms/Global/assets/fonts/VIC-Bold.woff2 diff --git a/packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-BoldItalic.eot b/packages/components/Atoms/Global/assets/fonts/VIC-BoldItalic.eot similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-BoldItalic.eot rename to packages/components/Atoms/Global/assets/fonts/VIC-BoldItalic.eot diff --git a/packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-BoldItalic.ttf b/packages/components/Atoms/Global/assets/fonts/VIC-BoldItalic.ttf similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-BoldItalic.ttf rename to packages/components/Atoms/Global/assets/fonts/VIC-BoldItalic.ttf diff --git a/packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-BoldItalic.woff b/packages/components/Atoms/Global/assets/fonts/VIC-BoldItalic.woff similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-BoldItalic.woff rename to packages/components/Atoms/Global/assets/fonts/VIC-BoldItalic.woff diff --git a/packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-BoldItalic.woff2 b/packages/components/Atoms/Global/assets/fonts/VIC-BoldItalic.woff2 similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-BoldItalic.woff2 rename to packages/components/Atoms/Global/assets/fonts/VIC-BoldItalic.woff2 diff --git a/packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-ExtraLight.eot b/packages/components/Atoms/Global/assets/fonts/VIC-ExtraLight.eot similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-ExtraLight.eot rename to packages/components/Atoms/Global/assets/fonts/VIC-ExtraLight.eot diff --git a/packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-ExtraLight.ttf b/packages/components/Atoms/Global/assets/fonts/VIC-ExtraLight.ttf similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-ExtraLight.ttf rename to packages/components/Atoms/Global/assets/fonts/VIC-ExtraLight.ttf diff --git a/packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-ExtraLight.woff b/packages/components/Atoms/Global/assets/fonts/VIC-ExtraLight.woff similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-ExtraLight.woff rename to packages/components/Atoms/Global/assets/fonts/VIC-ExtraLight.woff diff --git a/packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-ExtraLight.woff2 b/packages/components/Atoms/Global/assets/fonts/VIC-ExtraLight.woff2 similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-ExtraLight.woff2 rename to packages/components/Atoms/Global/assets/fonts/VIC-ExtraLight.woff2 diff --git a/packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-ExtraLightItalic.eot b/packages/components/Atoms/Global/assets/fonts/VIC-ExtraLightItalic.eot similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-ExtraLightItalic.eot rename to packages/components/Atoms/Global/assets/fonts/VIC-ExtraLightItalic.eot diff --git a/packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-ExtraLightItalic.ttf b/packages/components/Atoms/Global/assets/fonts/VIC-ExtraLightItalic.ttf similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-ExtraLightItalic.ttf rename to packages/components/Atoms/Global/assets/fonts/VIC-ExtraLightItalic.ttf diff --git a/packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-ExtraLightItalic.woff b/packages/components/Atoms/Global/assets/fonts/VIC-ExtraLightItalic.woff similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-ExtraLightItalic.woff rename to packages/components/Atoms/Global/assets/fonts/VIC-ExtraLightItalic.woff diff --git a/packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-ExtraLightItalic.woff2 b/packages/components/Atoms/Global/assets/fonts/VIC-ExtraLightItalic.woff2 similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-ExtraLightItalic.woff2 rename to packages/components/Atoms/Global/assets/fonts/VIC-ExtraLightItalic.woff2 diff --git a/packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-Italic.eot b/packages/components/Atoms/Global/assets/fonts/VIC-Italic.eot similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-Italic.eot rename to packages/components/Atoms/Global/assets/fonts/VIC-Italic.eot diff --git a/packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-Italic.ttf b/packages/components/Atoms/Global/assets/fonts/VIC-Italic.ttf similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-Italic.ttf rename to packages/components/Atoms/Global/assets/fonts/VIC-Italic.ttf diff --git a/packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-Italic.woff b/packages/components/Atoms/Global/assets/fonts/VIC-Italic.woff similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-Italic.woff rename to packages/components/Atoms/Global/assets/fonts/VIC-Italic.woff diff --git a/packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-Italic.woff2 b/packages/components/Atoms/Global/assets/fonts/VIC-Italic.woff2 similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-Italic.woff2 rename to packages/components/Atoms/Global/assets/fonts/VIC-Italic.woff2 diff --git a/packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-Light.eot b/packages/components/Atoms/Global/assets/fonts/VIC-Light.eot similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-Light.eot rename to packages/components/Atoms/Global/assets/fonts/VIC-Light.eot diff --git a/packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-Light.ttf b/packages/components/Atoms/Global/assets/fonts/VIC-Light.ttf similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-Light.ttf rename to packages/components/Atoms/Global/assets/fonts/VIC-Light.ttf diff --git a/packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-Light.woff b/packages/components/Atoms/Global/assets/fonts/VIC-Light.woff similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-Light.woff rename to packages/components/Atoms/Global/assets/fonts/VIC-Light.woff diff --git a/packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-Light.woff2 b/packages/components/Atoms/Global/assets/fonts/VIC-Light.woff2 similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-Light.woff2 rename to packages/components/Atoms/Global/assets/fonts/VIC-Light.woff2 diff --git a/packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-LightItalic.eot b/packages/components/Atoms/Global/assets/fonts/VIC-LightItalic.eot similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-LightItalic.eot rename to packages/components/Atoms/Global/assets/fonts/VIC-LightItalic.eot diff --git a/packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-LightItalic.ttf b/packages/components/Atoms/Global/assets/fonts/VIC-LightItalic.ttf similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-LightItalic.ttf rename to packages/components/Atoms/Global/assets/fonts/VIC-LightItalic.ttf diff --git a/packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-LightItalic.woff b/packages/components/Atoms/Global/assets/fonts/VIC-LightItalic.woff similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-LightItalic.woff rename to packages/components/Atoms/Global/assets/fonts/VIC-LightItalic.woff diff --git a/packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-LightItalic.woff2 b/packages/components/Atoms/Global/assets/fonts/VIC-LightItalic.woff2 similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-LightItalic.woff2 rename to packages/components/Atoms/Global/assets/fonts/VIC-LightItalic.woff2 diff --git a/packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-Medium.eot b/packages/components/Atoms/Global/assets/fonts/VIC-Medium.eot similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-Medium.eot rename to packages/components/Atoms/Global/assets/fonts/VIC-Medium.eot diff --git a/packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-Medium.ttf b/packages/components/Atoms/Global/assets/fonts/VIC-Medium.ttf similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-Medium.ttf rename to packages/components/Atoms/Global/assets/fonts/VIC-Medium.ttf diff --git a/packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-Medium.woff b/packages/components/Atoms/Global/assets/fonts/VIC-Medium.woff similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-Medium.woff rename to packages/components/Atoms/Global/assets/fonts/VIC-Medium.woff diff --git a/packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-Medium.woff2 b/packages/components/Atoms/Global/assets/fonts/VIC-Medium.woff2 similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-Medium.woff2 rename to packages/components/Atoms/Global/assets/fonts/VIC-Medium.woff2 diff --git a/packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-MediumItalic.eot b/packages/components/Atoms/Global/assets/fonts/VIC-MediumItalic.eot similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-MediumItalic.eot rename to packages/components/Atoms/Global/assets/fonts/VIC-MediumItalic.eot diff --git a/packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-MediumItalic.ttf b/packages/components/Atoms/Global/assets/fonts/VIC-MediumItalic.ttf similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-MediumItalic.ttf rename to packages/components/Atoms/Global/assets/fonts/VIC-MediumItalic.ttf diff --git a/packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-MediumItalic.woff b/packages/components/Atoms/Global/assets/fonts/VIC-MediumItalic.woff similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-MediumItalic.woff rename to packages/components/Atoms/Global/assets/fonts/VIC-MediumItalic.woff diff --git a/packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-MediumItalic.woff2 b/packages/components/Atoms/Global/assets/fonts/VIC-MediumItalic.woff2 similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-MediumItalic.woff2 rename to packages/components/Atoms/Global/assets/fonts/VIC-MediumItalic.woff2 diff --git a/packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-Regular.eot b/packages/components/Atoms/Global/assets/fonts/VIC-Regular.eot similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-Regular.eot rename to packages/components/Atoms/Global/assets/fonts/VIC-Regular.eot diff --git a/packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-Regular.ttf b/packages/components/Atoms/Global/assets/fonts/VIC-Regular.ttf similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-Regular.ttf rename to packages/components/Atoms/Global/assets/fonts/VIC-Regular.ttf diff --git a/packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-Regular.woff b/packages/components/Atoms/Global/assets/fonts/VIC-Regular.woff similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-Regular.woff rename to packages/components/Atoms/Global/assets/fonts/VIC-Regular.woff diff --git a/packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-Regular.woff2 b/packages/components/Atoms/Global/assets/fonts/VIC-Regular.woff2 similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-Regular.woff2 rename to packages/components/Atoms/Global/assets/fonts/VIC-Regular.woff2 diff --git a/packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-SemiBold.eot b/packages/components/Atoms/Global/assets/fonts/VIC-SemiBold.eot similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-SemiBold.eot rename to packages/components/Atoms/Global/assets/fonts/VIC-SemiBold.eot diff --git a/packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-SemiBold.ttf b/packages/components/Atoms/Global/assets/fonts/VIC-SemiBold.ttf similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-SemiBold.ttf rename to packages/components/Atoms/Global/assets/fonts/VIC-SemiBold.ttf diff --git a/packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-SemiBold.woff b/packages/components/Atoms/Global/assets/fonts/VIC-SemiBold.woff similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-SemiBold.woff rename to packages/components/Atoms/Global/assets/fonts/VIC-SemiBold.woff diff --git a/packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-SemiBold.woff2 b/packages/components/Atoms/Global/assets/fonts/VIC-SemiBold.woff2 similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-SemiBold.woff2 rename to packages/components/Atoms/Global/assets/fonts/VIC-SemiBold.woff2 diff --git a/packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-SemiBoldItalic.eot b/packages/components/Atoms/Global/assets/fonts/VIC-SemiBoldItalic.eot similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-SemiBoldItalic.eot rename to packages/components/Atoms/Global/assets/fonts/VIC-SemiBoldItalic.eot diff --git a/packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-SemiBoldItalic.ttf b/packages/components/Atoms/Global/assets/fonts/VIC-SemiBoldItalic.ttf similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-SemiBoldItalic.ttf rename to packages/components/Atoms/Global/assets/fonts/VIC-SemiBoldItalic.ttf diff --git a/packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-SemiBoldItalic.woff b/packages/components/Atoms/Global/assets/fonts/VIC-SemiBoldItalic.woff similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-SemiBoldItalic.woff rename to packages/components/Atoms/Global/assets/fonts/VIC-SemiBoldItalic.woff diff --git a/packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-SemiBoldItalic.woff2 b/packages/components/Atoms/Global/assets/fonts/VIC-SemiBoldItalic.woff2 similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/assets/fonts/VIC-SemiBoldItalic.woff2 rename to packages/components/Atoms/Global/assets/fonts/VIC-SemiBoldItalic.woff2 diff --git a/packages/ripple-ui-components/components/Atoms/Global/assets/images/logo-primary.png b/packages/components/Atoms/Global/assets/images/logo-primary.png similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/assets/images/logo-primary.png rename to packages/components/Atoms/Global/assets/images/logo-primary.png diff --git a/packages/ripple-ui-components/components/Atoms/Global/assets/images/vic-logo.svg b/packages/components/Atoms/Global/assets/images/vic-logo.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/assets/images/vic-logo.svg rename to packages/components/Atoms/Global/assets/images/vic-logo.svg diff --git a/packages/ripple-ui-components/components/Atoms/Global/components/Divider.vue b/packages/components/Atoms/Global/components/Divider.vue similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/components/Divider.vue rename to packages/components/Atoms/Global/components/Divider.vue diff --git a/packages/ripple-ui-components/components/Atoms/Global/index.js b/packages/components/Atoms/Global/index.js similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/index.js rename to packages/components/Atoms/Global/index.js diff --git a/packages/ripple-ui-components/components/Atoms/Global/mixins/.gitkeep b/packages/components/Atoms/Global/mixins/.gitkeep similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/mixins/.gitkeep rename to packages/components/Atoms/Global/mixins/.gitkeep diff --git a/packages/ripple-ui-components/components/Atoms/Global/mixins/ProvideChildCols.js b/packages/components/Atoms/Global/mixins/ProvideChildCols.js similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/mixins/ProvideChildCols.js rename to packages/components/Atoms/Global/mixins/ProvideChildCols.js diff --git a/packages/ripple-ui-components/components/Atoms/Global/mixins/activepath.js b/packages/components/Atoms/Global/mixins/activepath.js similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/mixins/activepath.js rename to packages/components/Atoms/Global/mixins/activepath.js diff --git a/packages/ripple-ui-components/components/Atoms/Global/mixins/breakpoint.js b/packages/components/Atoms/Global/mixins/breakpoint.js similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/mixins/breakpoint.js rename to packages/components/Atoms/Global/mixins/breakpoint.js diff --git a/packages/ripple-ui-components/components/Atoms/Global/mixins/clickoutside.js b/packages/components/Atoms/Global/mixins/clickoutside.js similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/mixins/clickoutside.js rename to packages/components/Atoms/Global/mixins/clickoutside.js diff --git a/packages/ripple-ui-components/components/Atoms/Global/mixins/deprecate.js b/packages/components/Atoms/Global/mixins/deprecate.js similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/mixins/deprecate.js rename to packages/components/Atoms/Global/mixins/deprecate.js diff --git a/packages/ripple-ui-components/components/Atoms/Global/mixins/formatdate.js b/packages/components/Atoms/Global/mixins/formatdate.js similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/mixins/formatdate.js rename to packages/components/Atoms/Global/mixins/formatdate.js diff --git a/packages/ripple-ui-components/components/Atoms/Global/mixins/parentlinks.js b/packages/components/Atoms/Global/mixins/parentlinks.js similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/mixins/parentlinks.js rename to packages/components/Atoms/Global/mixins/parentlinks.js diff --git a/packages/ripple-ui-components/components/Atoms/Global/mixins/uniqueid.js b/packages/components/Atoms/Global/mixins/uniqueid.js similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/mixins/uniqueid.js rename to packages/components/Atoms/Global/mixins/uniqueid.js diff --git a/packages/ripple-ui-components/components/Atoms/Global/package.json b/packages/components/Atoms/Global/package.json similarity index 91% rename from packages/ripple-ui-components/components/Atoms/Global/package.json rename to packages/components/Atoms/Global/package.json index a453ecd21..308f88798 100644 --- a/packages/ripple-ui-components/components/Atoms/Global/package.json +++ b/packages/components/Atoms/Global/package.json @@ -5,7 +5,7 @@ "license": "Apache-2.0", "main": "./index.js", "homepage": "https://ripple.sdp.vic.gov.au", - "repository": "https://github.com/dpc-sdp/ripple/tree/master/packages/ripple-ui-components/components/Atoms/Global", + "repository": "https://github.com/dpc-sdp/ripple/tree/master/packages/components/Atoms/Global", "publishConfig": { "access": "public" }, diff --git a/packages/ripple-ui-components/components/Atoms/Global/scss/_settings.scss b/packages/components/Atoms/Global/scss/_settings.scss similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/scss/_settings.scss rename to packages/components/Atoms/Global/scss/_settings.scss diff --git a/packages/ripple-ui-components/components/Atoms/Global/scss/_tools.scss b/packages/components/Atoms/Global/scss/_tools.scss similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/scss/_tools.scss rename to packages/components/Atoms/Global/scss/_tools.scss diff --git a/packages/ripple-ui-components/components/Atoms/Global/scss/components/_button.scss b/packages/components/Atoms/Global/scss/components/_button.scss similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/scss/components/_button.scss rename to packages/components/Atoms/Global/scss/components/_button.scss diff --git a/packages/ripple-ui-components/components/Atoms/Global/scss/elements/_font.scss b/packages/components/Atoms/Global/scss/elements/_font.scss similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/scss/elements/_font.scss rename to packages/components/Atoms/Global/scss/elements/_font.scss diff --git a/packages/ripple-ui-components/components/Atoms/Global/scss/generic/_global.scss b/packages/components/Atoms/Global/scss/generic/_global.scss similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/scss/generic/_global.scss rename to packages/components/Atoms/Global/scss/generic/_global.scss diff --git a/packages/ripple-ui-components/components/Atoms/Global/scss/generic/_normalize.scss b/packages/components/Atoms/Global/scss/generic/_normalize.scss similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/scss/generic/_normalize.scss rename to packages/components/Atoms/Global/scss/generic/_normalize.scss diff --git a/packages/ripple-ui-components/components/Atoms/Global/scss/objects/_grid.scss b/packages/components/Atoms/Global/scss/objects/_grid.scss similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/scss/objects/_grid.scss rename to packages/components/Atoms/Global/scss/objects/_grid.scss diff --git a/packages/ripple-ui-components/components/Atoms/Global/scss/objects/_layout.scss b/packages/components/Atoms/Global/scss/objects/_layout.scss similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/scss/objects/_layout.scss rename to packages/components/Atoms/Global/scss/objects/_layout.scss diff --git a/packages/ripple-ui-components/components/Atoms/Global/scss/settings/_breakpoints.scss b/packages/components/Atoms/Global/scss/settings/_breakpoints.scss similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/scss/settings/_breakpoints.scss rename to packages/components/Atoms/Global/scss/settings/_breakpoints.scss diff --git a/packages/ripple-ui-components/components/Atoms/Global/scss/settings/_button.scss b/packages/components/Atoms/Global/scss/settings/_button.scss similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/scss/settings/_button.scss rename to packages/components/Atoms/Global/scss/settings/_button.scss diff --git a/packages/ripple-ui-components/components/Atoms/Global/scss/settings/_color.scss b/packages/components/Atoms/Global/scss/settings/_color.scss similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/scss/settings/_color.scss rename to packages/components/Atoms/Global/scss/settings/_color.scss diff --git a/packages/ripple-ui-components/components/Atoms/Global/scss/settings/_font.scss b/packages/components/Atoms/Global/scss/settings/_font.scss similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/scss/settings/_font.scss rename to packages/components/Atoms/Global/scss/settings/_font.scss diff --git a/packages/ripple-ui-components/components/Atoms/Global/scss/settings/_functions.scss b/packages/components/Atoms/Global/scss/settings/_functions.scss similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/scss/settings/_functions.scss rename to packages/components/Atoms/Global/scss/settings/_functions.scss diff --git a/packages/ripple-ui-components/components/Atoms/Global/scss/settings/_grid.scss b/packages/components/Atoms/Global/scss/settings/_grid.scss similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/scss/settings/_grid.scss rename to packages/components/Atoms/Global/scss/settings/_grid.scss diff --git a/packages/ripple-ui-components/components/Atoms/Global/scss/settings/_layout.scss b/packages/components/Atoms/Global/scss/settings/_layout.scss similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/scss/settings/_layout.scss rename to packages/components/Atoms/Global/scss/settings/_layout.scss diff --git a/packages/ripple-ui-components/components/Atoms/Global/scss/settings/_print.scss b/packages/components/Atoms/Global/scss/settings/_print.scss similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/scss/settings/_print.scss rename to packages/components/Atoms/Global/scss/settings/_print.scss diff --git a/packages/ripple-ui-components/components/Atoms/Global/scss/settings/_variables.scss b/packages/components/Atoms/Global/scss/settings/_variables.scss similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/scss/settings/_variables.scss rename to packages/components/Atoms/Global/scss/settings/_variables.scss diff --git a/packages/ripple-ui-components/components/Atoms/Global/scss/tools/_breakpoints.scss b/packages/components/Atoms/Global/scss/tools/_breakpoints.scss similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/scss/tools/_breakpoints.scss rename to packages/components/Atoms/Global/scss/tools/_breakpoints.scss diff --git a/packages/ripple-ui-components/components/Atoms/Global/scss/tools/_dropshadow.scss b/packages/components/Atoms/Global/scss/tools/_dropshadow.scss similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/scss/tools/_dropshadow.scss rename to packages/components/Atoms/Global/scss/tools/_dropshadow.scss diff --git a/packages/ripple-ui-components/components/Atoms/Global/scss/tools/_focus.scss b/packages/components/Atoms/Global/scss/tools/_focus.scss similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/scss/tools/_focus.scss rename to packages/components/Atoms/Global/scss/tools/_focus.scss diff --git a/packages/ripple-ui-components/components/Atoms/Global/scss/tools/_grid.scss b/packages/components/Atoms/Global/scss/tools/_grid.scss similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/scss/tools/_grid.scss rename to packages/components/Atoms/Global/scss/tools/_grid.scss diff --git a/packages/ripple-ui-components/components/Atoms/Global/scss/tools/_image.scss b/packages/components/Atoms/Global/scss/tools/_image.scss similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/scss/tools/_image.scss rename to packages/components/Atoms/Global/scss/tools/_image.scss diff --git a/packages/ripple-ui-components/components/Atoms/Global/scss/tools/_layout.scss b/packages/components/Atoms/Global/scss/tools/_layout.scss similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/scss/tools/_layout.scss rename to packages/components/Atoms/Global/scss/tools/_layout.scss diff --git a/packages/ripple-ui-components/components/Atoms/Global/scss/tools/_print.scss b/packages/components/Atoms/Global/scss/tools/_print.scss similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/scss/tools/_print.scss rename to packages/components/Atoms/Global/scss/tools/_print.scss diff --git a/packages/ripple-ui-components/components/Atoms/Global/scss/tools/_typography.scss b/packages/components/Atoms/Global/scss/tools/_typography.scss similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/scss/tools/_typography.scss rename to packages/components/Atoms/Global/scss/tools/_typography.scss diff --git a/packages/ripple-ui-components/components/Atoms/Global/scss/tools/_visibility.scss b/packages/components/Atoms/Global/scss/tools/_visibility.scss similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/scss/tools/_visibility.scss rename to packages/components/Atoms/Global/scss/tools/_visibility.scss diff --git a/packages/ripple-ui-components/components/Atoms/Global/scss/utilities/_constrain.scss b/packages/components/Atoms/Global/scss/utilities/_constrain.scss similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/scss/utilities/_constrain.scss rename to packages/components/Atoms/Global/scss/utilities/_constrain.scss diff --git a/packages/ripple-ui-components/components/Atoms/Global/scss/utilities/_transition.scss b/packages/components/Atoms/Global/scss/utilities/_transition.scss similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/scss/utilities/_transition.scss rename to packages/components/Atoms/Global/scss/utilities/_transition.scss diff --git a/packages/ripple-ui-components/components/Atoms/Global/scss/utilities/_visibility.scss b/packages/components/Atoms/Global/scss/utilities/_visibility.scss similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/scss/utilities/_visibility.scss rename to packages/components/Atoms/Global/scss/utilities/_visibility.scss diff --git a/packages/components/Atoms/Global/stories.js b/packages/components/Atoms/Global/stories.js new file mode 100644 index 000000000..b08562847 --- /dev/null +++ b/packages/components/Atoms/Global/stories.js @@ -0,0 +1,114 @@ +import { storiesOf } from '@storybook/vue' + +import { text, boolean, select, withKnobs } from '@storybook/addon-knobs/vue' + +import SColors from './../../../../src/storybook-components/Colors.vue' +import SFonts from './../../../../src/storybook-components/Fonts.vue' +import STypography from './../../../../src/storybook-components/Typography.vue' +import SBreakpoints from './../../../../src/storybook-components/Breakpoints.vue' +// import RplDivider from './components/Divider.vue' + +storiesOf('Atoms/Global', module).add('Colors', () => ({ + components: { SColors }, + template: '', + data () { + return { + colors: [ + 'primary', + 'dark_primary', + 'secondary', + 'extra_dark_neutral', + 'dark_neutral', + 'mid_neutral_1', + 'mid_neutral_2', + 'light_neutral', + 'danger', + 'warning', + 'success', + 'white' + ], + gradients: ['primary_gradient', 'decorative_gradient'] + } + } +})) + +storiesOf('Atoms/Global', module) + .addDecorator(withKnobs) + .add('Fonts', () => ({ + components: { SFonts }, + template: + '', + data () { + return { + size: select( + 'Size', + ['tera', 'xgiga', 'giga', 'mega', 'xl', 'l', 'm', 's', 'xs', 'xxs'], + 'tera' + ), + lineHeight: text('Line Height', '1.1em'), + weight: select( + 'Weight', + ['regular', 'medium', 'semibold', 'bold'], + 'bold' + ), + background: boolean('Background', false), + text: text('Titles', 'The quick brown fox jumps over the lazy dog') + } + } + })) + +storiesOf('Atoms/Global', module) + .addDecorator(withKnobs) + .add('Typography', () => ({ + components: { STypography }, + template: + '', + data () { + return { + samples: [ + 'display_l', + 'display_m', + 'display_s', + 'supporting_l', + 'supporting_m', + 'supporting_s', + 'heading_l', + 'heading_m', + 'heading_s', + 'heading_xs', + 'body_large', + 'body_default', + 'body_small', + 'copy_extra_small' + ], + text: text('Titles', 'The quick brown fox jumps over the lazy dog'), + paragraph: text( + 'Paragraphs', + 'Lorem ipsum dolor sit amet consectetur adipisicing elit. A vitae quod nobis earum saepe inventore rerum dicta voluptatem ullam iste rem deleniti odit culpa tempora dolor animi, non, amet ducimus.' + ) + } + } + })) + +storiesOf('Atoms/Global', module) + .add('Breakpoints', () => ({ + components: { SBreakpoints }, + template: '', + data () { + return { + breakpoints: ['xs', 's', 'm', 'l', 'xl', 'xxl', 'xxxl'] + } + } + })) + +// TODO: For some reason this throws an error when enabled, need to investigate why +// storiesOf('Atoms/Global', module) +// .addParameters({ +// readme: { +// sidebar: readme +// } +// }) +// .add('Divider', ({ +// components: { RplDivider }, +// template: '' +// })) diff --git a/packages/ripple-ui-components/components/Atoms/Global/style.scss b/packages/components/Atoms/Global/style.scss similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/style.scss rename to packages/components/Atoms/Global/style.scss diff --git a/packages/ripple-ui-components/components/Atoms/Global/utils/.gitkeep b/packages/components/Atoms/Global/utils/.gitkeep similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/utils/.gitkeep rename to packages/components/Atoms/Global/utils/.gitkeep diff --git a/packages/ripple-ui-components/components/Atoms/Global/utils/helpers.js b/packages/components/Atoms/Global/utils/helpers.js similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/utils/helpers.js rename to packages/components/Atoms/Global/utils/helpers.js diff --git a/packages/ripple-ui-components/components/Atoms/Grid/.npmignore b/packages/components/Atoms/Grid/.npmignore similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Grid/.npmignore rename to packages/components/Atoms/Grid/.npmignore diff --git a/packages/ripple-ui-components/components/Atoms/Grid/Col.vue b/packages/components/Atoms/Grid/Col.vue similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Grid/Col.vue rename to packages/components/Atoms/Grid/Col.vue diff --git a/packages/ripple-ui-components/components/Atoms/Grid/Container.vue b/packages/components/Atoms/Grid/Container.vue similarity index 56% rename from packages/ripple-ui-components/components/Atoms/Grid/Container.vue rename to packages/components/Atoms/Grid/Container.vue index f7c9f1f37..27de7a294 100644 --- a/packages/ripple-ui-components/components/Atoms/Grid/Container.vue +++ b/packages/components/Atoms/Grid/Container.vue @@ -3,3 +3,9 @@ + + diff --git a/packages/ripple-ui-components/components/Atoms/Global/LICENSE b/packages/components/Atoms/Grid/LICENSE similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Global/LICENSE rename to packages/components/Atoms/Grid/LICENSE diff --git a/packages/ripple-ui-components/components/Atoms/Grid/README.md b/packages/components/Atoms/Grid/README.md similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Grid/README.md rename to packages/components/Atoms/Grid/README.md diff --git a/packages/ripple-ui-components/components/Atoms/Grid/Row.vue b/packages/components/Atoms/Grid/Row.vue similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Grid/Row.vue rename to packages/components/Atoms/Grid/Row.vue diff --git a/packages/ripple-ui-components/components/Atoms/Grid/index.js b/packages/components/Atoms/Grid/index.js similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Grid/index.js rename to packages/components/Atoms/Grid/index.js diff --git a/packages/ripple-ui-components/components/Atoms/Grid/package.json b/packages/components/Atoms/Grid/package.json similarity index 86% rename from packages/ripple-ui-components/components/Atoms/Grid/package.json rename to packages/components/Atoms/Grid/package.json index f3ea675e8..708f3835c 100644 --- a/packages/ripple-ui-components/components/Atoms/Grid/package.json +++ b/packages/components/Atoms/Grid/package.json @@ -5,7 +5,7 @@ "license": "Apache-2.0", "main": "index.js", "homepage": "https://ripple.sdp.vic.gov.au", - "repository": "https://github.com/dpc-sdp/ripple/tree/master/packages/ripple-ui-components/components/Atoms/Grid", + "repository": "https://github.com/dpc-sdp/ripple/tree/master/packages/components/Atoms/Grid", "publishConfig": { "access": "public" } diff --git a/packages/ripple-ui-components/components/Atoms/Grid/stories.js b/packages/components/Atoms/Grid/stories.js similarity index 57% rename from packages/ripple-ui-components/components/Atoms/Grid/stories.js rename to packages/components/Atoms/Grid/stories.js index c5b34075c..e16c91106 100644 --- a/packages/ripple-ui-components/components/Atoms/Grid/stories.js +++ b/packages/components/Atoms/Grid/stories.js @@ -1,32 +1,40 @@ import { storiesOf } from '@storybook/vue' -import { withReadme } from 'storybook-readme' -import VueInfoAddon from 'storybook-addon-vue-info' import RplContainer from './Container.vue' import RplRow from './Row.vue' import RplCol from './Col.vue' -import readme from './README.md' -import SGrids from './../../../src/storybook-components/Grids.vue' +import SGrids from './../../../../src/storybook-components/Grids.vue' import { - withKnobs + withKnobs, + text, + object } from '@storybook/addon-knobs/vue' -import { demoData } from '../../../src/storybook-components/_data/demoData' storiesOf('Atoms/Layout', module) - .addDecorator(VueInfoAddon) .addDecorator(withKnobs) - .add('Grid', withReadme(readme, () => ({ + .add('Grid', () => ({ components: { RplContainer, RplRow, RplCol }, template: 'Column', data () { - return demoData.grid() + return { + cols: text('Cols default', 'full'), + colsBp: object('Cols in breakpoints', { + m: 6, + l: 4, + xxxl: 3 + }), + push: object('Push', { + m: 6 + }), + pull: object('Pull', {}) + } } - }))) + })) storiesOf('Atoms/Layout', module) - .add('Grid system', withReadme(readme, () => ({ + .add('Grid system', () => ({ components: { SGrids }, template: '' - }))) + })) diff --git a/packages/ripple-ui-components/components/Atoms/Icon/.npmignore b/packages/components/Atoms/Icon/.npmignore similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/.npmignore rename to packages/components/Atoms/Icon/.npmignore diff --git a/packages/ripple-ui-components/components/Atoms/Icon/Icon.vue b/packages/components/Atoms/Icon/Icon.vue similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/Icon.vue rename to packages/components/Atoms/Icon/Icon.vue diff --git a/packages/ripple-ui-components/components/Atoms/Grid/LICENSE b/packages/components/Atoms/Icon/LICENSE similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Grid/LICENSE rename to packages/components/Atoms/Icon/LICENSE diff --git a/packages/ripple-ui-components/components/Atoms/Icon/README.md b/packages/components/Atoms/Icon/README.md similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/README.md rename to packages/components/Atoms/Icon/README.md diff --git a/packages/ripple-ui-components/components/Atoms/Icon/TextIcon.vue b/packages/components/Atoms/Icon/TextIcon.vue similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/TextIcon.vue rename to packages/components/Atoms/Icon/TextIcon.vue diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_accessible.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_accessible.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_accessible.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_accessible.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_addition.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_addition.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_addition.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_addition.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_ai.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_ai.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_ai.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_ai.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_alert_fire.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_alert_fire.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_alert_fire.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_alert_fire.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_alert_flood.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_alert_flood.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_alert_flood.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_alert_flood.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_alert_high_temperature.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_alert_high_temperature.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_alert_high_temperature.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_alert_high_temperature.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_alert_information.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_alert_information.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_alert_information.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_alert_information.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_alert_lightning.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_alert_lightning.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_alert_lightning.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_alert_lightning.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_alert_medical.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_alert_medical.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_alert_medical.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_alert_medical.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_alert_smoke.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_alert_smoke.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_alert_smoke.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_alert_smoke.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_alert_transport.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_alert_transport.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_alert_transport.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_alert_transport.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_arrow_down_primary.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_arrow_down_primary.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_arrow_down_primary.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_arrow_down_primary.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_arrow_down_tertiary.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_arrow_down_tertiary.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_arrow_down_tertiary.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_arrow_down_tertiary.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_arrow_left_primary.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_arrow_left_primary.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_arrow_left_primary.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_arrow_left_primary.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_arrow_left_secondary.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_arrow_left_secondary.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_arrow_left_secondary.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_arrow_left_secondary.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_arrow_right_primary.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_arrow_right_primary.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_arrow_right_primary.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_arrow_right_primary.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_arrow_right_primary_s.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_arrow_right_primary_s.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_arrow_right_primary_s.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_arrow_right_primary_s.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_arrow_right_secondary.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_arrow_right_secondary.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_arrow_right_secondary.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_arrow_right_secondary.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_arrow_up_primary.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_arrow_up_primary.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_arrow_up_primary.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_arrow_up_primary.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_attach.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_attach.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_attach.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_attach.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_blank_solid.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_blank_solid.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_blank_solid.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_blank_solid.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_browser.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_browser.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_browser.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_browser.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_calendar.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_calendar.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_calendar.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_calendar.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_child_friendly.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_child_friendly.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_child_friendly.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_child_friendly.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_close.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_close.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_close.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_close.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_cross_circle.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_cross_circle.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_cross_circle.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_cross_circle.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_csv.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_csv.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_csv.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_csv.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_doc.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_doc.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_doc.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_doc.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_document.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_document.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_document.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_document.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_document_transparent.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_document_transparent.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_document_transparent.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_document_transparent.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_docx.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_docx.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_docx.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_docx.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_dollar_negative.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_dollar_negative.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_dollar_negative.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_dollar_negative.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_dot.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_dot.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_dot.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_dot.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_dotm.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_dotm.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_dotm.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_dotm.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_dotx.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_dotx.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_dotx.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_dotx.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_down.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_down.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_down.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_down.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_download.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_download.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_download.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_download.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_email_solid.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_email_solid.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_email_solid.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_email_solid.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_email_transparent.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_email_transparent.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_email_transparent.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_email_transparent.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_eps.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_eps.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_eps.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_eps.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_external_link.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_external_link.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_external_link.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_external_link.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_facebook.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_facebook.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_facebook.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_facebook.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_free.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_free.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_free.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_free.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_fullscreen.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_fullscreen.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_fullscreen.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_fullscreen.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_hamburger.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_hamburger.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_hamburger.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_hamburger.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_help.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_help.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_help.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_help.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_home.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_home.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_home.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_home.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_ics.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_ics.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_ics.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_ics.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_indd.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_indd.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_indd.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_indd.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_instagram.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_instagram.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_instagram.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_instagram.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_left.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_left.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_left.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_left.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_link.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_link.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_link.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_link.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_link_65.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_link_65.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_link_65.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_link_65.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_link_90.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_link_90.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_link_90.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_link_90.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_linkedin.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_linkedin.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_linkedin.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_linkedin.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_loading_star.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_loading_star.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_loading_star.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_loading_star.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_lock.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_lock.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_lock.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_lock.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_map_marker.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_map_marker.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_map_marker.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_map_marker.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_microphone.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_microphone.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_microphone.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_microphone.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_pause.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_pause.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_pause.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_pause.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_pdf.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_pdf.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_pdf.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_pdf.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_phone_number.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_phone_number.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_phone_number.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_phone_number.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_play.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_play.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_play.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_play.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_ppt.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_ppt.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_ppt.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_ppt.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_pptx.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_pptx.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_pptx.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_pptx.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_print.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_print.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_print.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_print.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_right.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_right.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_right.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_right.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_search.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_search.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_search.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_search.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_senior.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_senior.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_senior.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_senior.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_share.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_share.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_share.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_share.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_share_alternative.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_share_alternative.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_share_alternative.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_share_alternative.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_star.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_star.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_star.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_star.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_stop.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_stop.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_stop.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_stop.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_success.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_success.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_success.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_success.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_table.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_table.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_table.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_table.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_tick.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_tick.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_tick.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_tick.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_tif.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_tif.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_tif.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_tif.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_trash.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_trash.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_trash.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_trash.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_twitter.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_twitter.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_twitter.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_twitter.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_txt.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_txt.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_txt.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_txt.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_up.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_up.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_up.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_up.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_upload.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_upload.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_upload.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_upload.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_user.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_user.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_user.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_user.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_view.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_view.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_view.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_view.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_webinar.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_webinar.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_webinar.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_webinar.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_xls.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_xls.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_xls.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_xls.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_xlsm.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_xlsm.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_xlsm.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_xlsm.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_xlsx.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_xlsx.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_xlsx.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_xlsx.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_zip.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_zip.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_zip.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_zip.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_zoom_in.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_zoom_in.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_zoom_in.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_zoom_in.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_zoom_out.svg b/packages/components/Atoms/Icon/assets/img/rpl_icon_zoom_out.svg similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/assets/img/rpl_icon_zoom_out.svg rename to packages/components/Atoms/Icon/assets/img/rpl_icon_zoom_out.svg diff --git a/packages/ripple-ui-components/components/Atoms/Icon/icon-library.js b/packages/components/Atoms/Icon/icon-library.js similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/icon-library.js rename to packages/components/Atoms/Icon/icon-library.js diff --git a/packages/ripple-ui-components/components/Atoms/Icon/index.js b/packages/components/Atoms/Icon/index.js similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/index.js rename to packages/components/Atoms/Icon/index.js diff --git a/packages/ripple-ui-components/components/Atoms/Icon/package.json b/packages/components/Atoms/Icon/package.json similarity index 89% rename from packages/ripple-ui-components/components/Atoms/Icon/package.json rename to packages/components/Atoms/Icon/package.json index 0963607ea..211fbe22d 100644 --- a/packages/ripple-ui-components/components/Atoms/Icon/package.json +++ b/packages/components/Atoms/Icon/package.json @@ -5,7 +5,7 @@ "license": "Apache-2.0", "main": "index.js", "homepage": "https://ripple.sdp.vic.gov.au", - "repository": "https://github.com/dpc-sdp/ripple/tree/master/packages/ripple-ui-components/components/Atoms/Icon", + "repository": "https://github.com/dpc-sdp/ripple/tree/master/packages/components/Atoms/Icon", "publishConfig": { "access": "public" }, diff --git a/packages/components/Atoms/Icon/stories.js b/packages/components/Atoms/Icon/stories.js new file mode 100644 index 000000000..be861c522 --- /dev/null +++ b/packages/components/Atoms/Icon/stories.js @@ -0,0 +1,180 @@ +import { storiesOf } from '@storybook/vue' + +import { withKnobs, text, select } from '@storybook/addon-knobs/vue' + +import SIcons from './../../../../src/storybook-components/Icons.vue' +import { RplIcon, RplTextIcon } from './index' + +storiesOf('Atoms/Icon', module) + .addDecorator(withKnobs) + .add('Icon Library', () => ({ + components: { SIcons }, + template: '', + data () { + return { + color: text('Color', 'primary'), + size: text('Size', 'm'), + icons: [ + 'accessible', + 'addition', + 'ai', + 'alert_fire', + 'alert_flood', + 'alert_high_temperature', + 'alert_information', + 'alert_lightning', + 'alert_medical', + 'alert_smoke', + 'alert_transport', + 'arrow_down_primary', + 'arrow_down_tertiary', + 'arrow_left_primary', + 'arrow_left_secondary', + 'arrow_right_primary', + 'arrow_right_primary_s', + 'arrow_right_secondary', + 'arrow_up_primary', + 'attach', + 'blank_solid', + 'browser', + 'calendar', + 'child_friendly', + 'close', + 'csv', + 'cross_circle', + 'doc', + 'document', + 'document_transparent', + 'docx', + 'dollar_negative', + 'dot', + 'dotm', + 'dotx', + 'down', + 'download', + 'email_solid', + 'email_transparent', + 'eps', + 'external_link', + 'facebook', + 'free', + 'fullscreen', + 'hamburger', + 'help', + 'home', + 'ics', + 'indd', + 'instagram', + 'left', + 'link', + 'link_65', + 'link_90', + 'linkedin', + 'loading_star', + 'lock', + 'map_marker', + 'microphone', + 'pause', + 'pdf', + 'phone_number', + 'play', + 'ppt', + 'pptx', + 'print', + 'right', + 'search', + 'senior', + 'share', + 'share_alternative', + 'star', + 'stop', + 'success', + 'tick', + 'tif', + 'trash', + 'twitter', + 'txt', + 'up', + 'upload', + 'user', + 'view', + 'webinar', + 'xls', + 'xlsm', + 'xlsx', + 'zip', + 'zoom_in', + 'zoom_out' + ] + } + } + })) + .add('Icon', () => ({ + components: { RplIcon }, + template: '', + propsDescription: { + // These description will appear in `description` column in props table + symbol: 'See the Icon Library page for options', + color: 'Any named color in Global/Colors', + size: 'One of [s, m, l, xl, xxl]' + }, + props: { + icon: { + default: text('Symbol', 'search') + }, + color: { + default: text('Color', 'primary') + }, + size: { + default: text('Size', 'm') + } + } + })) + .add('Text Icon', () => ({ + components: { RplTextIcon }, + template: + '', + props: { + text: { + default: text('Text', 'Text Link') + }, + placement: { + default: select('Placement', { before: 'before', after: 'after' }, 'after') + }, + icon: { + default: text('Symbol', 'search') + }, + color: { + default: text('Color', 'primary') + }, + size: { + default: text('Size', 'm') + } + } + })) + +// storiesOf('Atoms/Icon', module).add( +// 'Icon Custom', +// withInfo(` +// ### Add custom icons +// To use your own svg icon, you need to name your own custom icon in the same format as Ripple does. +// A example: \`rpl_icon_arrow\`. Always use \`rpl_icon_\` prefix. + +// You can put your custom icons in any directory in your project, e.g. "/assets/ripple-icons/". + +// To add icons, below code has to be added before you start your app by calling \`new Vue()\`: +// ~~~javascript +// import { addCustomIcons } from '@dpc-sdp/ripple-icon' +// addCustomIcons(require.context('./assets/ripple-icons/', true, /\\.svg$/)) +// ~~~ +// Then you should able to use your own icon as others. + +// To use your own svg icon to replace the default icon, you must use the exact same file name as default. + +// You can find the default icons in [Icon/assets/img](https://github.com/dpc-sdp/ripple/tree/master/packages/components/Atoms/Icon/assets/img). + +// `)(() => ({ +// components: { RplIcon }, +// template: '' +// })) +// ) diff --git a/packages/ripple-ui-components/components/Atoms/Link/.npmignore b/packages/components/Atoms/Link/.npmignore similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Link/.npmignore rename to packages/components/Atoms/Link/.npmignore diff --git a/packages/ripple-ui-components/components/Atoms/Icon/LICENSE b/packages/components/Atoms/Link/LICENSE similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Icon/LICENSE rename to packages/components/Atoms/Link/LICENSE diff --git a/packages/ripple-ui-components/components/Atoms/Link/Link.vue b/packages/components/Atoms/Link/Link.vue similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Link/Link.vue rename to packages/components/Atoms/Link/Link.vue diff --git a/packages/ripple-ui-components/components/Atoms/Link/README.md b/packages/components/Atoms/Link/README.md similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Link/README.md rename to packages/components/Atoms/Link/README.md diff --git a/packages/ripple-ui-components/components/Atoms/Link/TextLabel.vue b/packages/components/Atoms/Link/TextLabel.vue similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Link/TextLabel.vue rename to packages/components/Atoms/Link/TextLabel.vue diff --git a/packages/ripple-ui-components/components/Atoms/Link/TextLink.vue b/packages/components/Atoms/Link/TextLink.vue similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Link/TextLink.vue rename to packages/components/Atoms/Link/TextLink.vue diff --git a/packages/ripple-ui-components/components/Atoms/Link/index.js b/packages/components/Atoms/Link/index.js similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Link/index.js rename to packages/components/Atoms/Link/index.js diff --git a/packages/ripple-ui-components/components/Atoms/Link/package.json b/packages/components/Atoms/Link/package.json similarity index 90% rename from packages/ripple-ui-components/components/Atoms/Link/package.json rename to packages/components/Atoms/Link/package.json index d715903f1..fd3f555cc 100644 --- a/packages/ripple-ui-components/components/Atoms/Link/package.json +++ b/packages/components/Atoms/Link/package.json @@ -5,7 +5,7 @@ "license": "Apache-2.0", "main": "index.js", "homepage": "https://ripple.sdp.vic.gov.au", - "repository": "https://github.com/dpc-sdp/ripple/tree/master/packages/ripple-ui-components/components/Atoms/Link", + "repository": "https://github.com/dpc-sdp/ripple/tree/master/packages/components/Atoms/Link", "publishConfig": { "access": "public" }, diff --git a/packages/components/Atoms/Link/stories.js b/packages/components/Atoms/Link/stories.js new file mode 100644 index 000000000..d435a4df9 --- /dev/null +++ b/packages/components/Atoms/Link/stories.js @@ -0,0 +1,77 @@ +import { storiesOf } from '@storybook/vue' +import RplLink from './Link.vue' +import RplTextLink from './TextLink.vue' + +import { + withKnobs, + text, + boolean, + select +} from '@storybook/addon-knobs/vue' + +storiesOf('Atoms/Link', module) + .addDecorator(withKnobs) + .add('Link', () => ({ + components: { RplLink }, + template: '{{ content }}', + props: { + content: { + default: text('Content', 'Ripple Link') + }, + href: { + default: text('href', '#') + }, + target: { + default: text('target', '') + } + } + })) + .add('Text Link', () => ({ + components: { RplTextLink }, + template: ` + + `, + props: { + url: { + default: text('URL', '#') + }, + text: { + default: text('Text', 'Text Link') + }, + theme: { + default: select('Theme', { light: 'light', dark: 'dark' }, 'light') + }, + size: { + default: select('Size', { small: 'small', large: 'large', none: 'none' }, 'small') + }, + underline: { + default: boolean('Underline', false) + }, + emphasis: { + default: boolean('Emphasis', false) + }, + iconSymbol: { + default: text('Icon Symbol', 'arrow_right_primary') + }, + iconColor: { + default: text('Icon Color', 'primary') + }, + iconSize: { + default: text('Icon Size', 'm') + }, + iconPlacement: { + default: select('Icon Placement', { before: 'before', after: 'after' }, 'after') + } + } + })) diff --git a/packages/ripple-ui-components/components/Atoms/MetaTag/.npmignore b/packages/components/Atoms/MetaTag/.npmignore similarity index 100% rename from packages/ripple-ui-components/components/Atoms/MetaTag/.npmignore rename to packages/components/Atoms/MetaTag/.npmignore diff --git a/packages/ripple-ui-components/components/Atoms/Link/LICENSE b/packages/components/Atoms/MetaTag/LICENSE similarity index 100% rename from packages/ripple-ui-components/components/Atoms/Link/LICENSE rename to packages/components/Atoms/MetaTag/LICENSE diff --git a/packages/ripple-ui-components/components/Atoms/MetaTag/README.md b/packages/components/Atoms/MetaTag/README.md similarity index 100% rename from packages/ripple-ui-components/components/Atoms/MetaTag/README.md rename to packages/components/Atoms/MetaTag/README.md diff --git a/packages/ripple-ui-components/components/Atoms/MetaTag/index.vue b/packages/components/Atoms/MetaTag/index.vue similarity index 100% rename from packages/ripple-ui-components/components/Atoms/MetaTag/index.vue rename to packages/components/Atoms/MetaTag/index.vue diff --git a/packages/ripple-ui-components/components/Atoms/MetaTag/package.json b/packages/components/Atoms/MetaTag/package.json similarity index 88% rename from packages/ripple-ui-components/components/Atoms/MetaTag/package.json rename to packages/components/Atoms/MetaTag/package.json index c54b10d33..48fd8542d 100644 --- a/packages/ripple-ui-components/components/Atoms/MetaTag/package.json +++ b/packages/components/Atoms/MetaTag/package.json @@ -5,7 +5,7 @@ "license": "Apache-2.0", "main": "index.vue", "homepage": "https://ripple.sdp.vic.gov.au", - "repository": "https://github.com/dpc-sdp/ripple/tree/master/packages/ripple-ui-components/components/Atoms/MetaTag", + "repository": "https://github.com/dpc-sdp/ripple/tree/master/packages/components/Atoms/MetaTag", "publishConfig": { "access": "public" }, diff --git a/packages/components/Atoms/MetaTag/stories.js b/packages/components/Atoms/MetaTag/stories.js new file mode 100644 index 000000000..4c6dd1b35 --- /dev/null +++ b/packages/components/Atoms/MetaTag/stories.js @@ -0,0 +1,26 @@ +import { storiesOf } from '@storybook/vue' +import RplMetaTag from './index.vue' + +import { + withKnobs, + text, + select +} from '@storybook/addon-knobs/vue' + +storiesOf('Atoms/MetaTag', module) + .addDecorator(withKnobs) + .add('Meta Tag', () => ({ + components: { RplMetaTag }, + template: '', + props: { + linkText: { + default: text('Content', 'Metatag') + }, + linkUrl: { + default: text('href', '#') + }, + theme: { + default: select('Theme', { light: 'light', dark: 'dark' }, 'light') + } + } + })) diff --git a/packages/ripple-ui-components/components/Molecules/Alert/.npmignore b/packages/components/Molecules/Alert/.npmignore similarity index 100% rename from packages/ripple-ui-components/components/Molecules/Alert/.npmignore rename to packages/components/Molecules/Alert/.npmignore diff --git a/packages/ripple-ui-components/components/Molecules/Alert/Alert.vue b/packages/components/Molecules/Alert/Alert.vue similarity index 100% rename from packages/ripple-ui-components/components/Molecules/Alert/Alert.vue rename to packages/components/Molecules/Alert/Alert.vue diff --git a/packages/ripple-ui-components/components/Molecules/Alert/AlertBase.vue b/packages/components/Molecules/Alert/AlertBase.vue similarity index 100% rename from packages/ripple-ui-components/components/Molecules/Alert/AlertBase.vue rename to packages/components/Molecules/Alert/AlertBase.vue diff --git a/packages/ripple-ui-components/components/Atoms/MetaTag/LICENSE b/packages/components/Molecules/Alert/LICENSE similarity index 100% rename from packages/ripple-ui-components/components/Atoms/MetaTag/LICENSE rename to packages/components/Molecules/Alert/LICENSE diff --git a/packages/ripple-ui-components/components/Molecules/Alert/README.md b/packages/components/Molecules/Alert/README.md similarity index 100% rename from packages/ripple-ui-components/components/Molecules/Alert/README.md rename to packages/components/Molecules/Alert/README.md diff --git a/packages/ripple-ui-components/components/Molecules/Alert/index.js b/packages/components/Molecules/Alert/index.js similarity index 100% rename from packages/ripple-ui-components/components/Molecules/Alert/index.js rename to packages/components/Molecules/Alert/index.js diff --git a/packages/ripple-ui-components/components/Molecules/Alert/package.json b/packages/components/Molecules/Alert/package.json similarity index 89% rename from packages/ripple-ui-components/components/Molecules/Alert/package.json rename to packages/components/Molecules/Alert/package.json index 1dd04ed63..71966e69b 100644 --- a/packages/ripple-ui-components/components/Molecules/Alert/package.json +++ b/packages/components/Molecules/Alert/package.json @@ -5,7 +5,7 @@ "license": "Apache-2.0", "main": "index.js", "homepage": "https://ripple.sdp.vic.gov.au", - "repository": "https://github.com/dpc-sdp/ripple/tree/master/packages/ripple-ui-components/components/Molecules/Alert", + "repository": "https://github.com/dpc-sdp/ripple/tree/master/packages/components/Molecules/Alert", "publishConfig": { "access": "public" }, diff --git a/packages/components/Molecules/Alert/stories.js b/packages/components/Molecules/Alert/stories.js new file mode 100644 index 000000000..e89a56359 --- /dev/null +++ b/packages/components/Molecules/Alert/stories.js @@ -0,0 +1,78 @@ +import { storiesOf } from '@storybook/vue' +import RplAlert from './Alert.vue' +import RplAlertBase from './AlertBase.vue' + +import { + withKnobs, + text, + object, + select +} from '@storybook/addon-knobs/vue' + +storiesOf('Molecules/Alert', module) + .addDecorator(withKnobs) + .add('Alert', () => ({ + components: { RplAlert }, + template: ``, + props: { + title: { + default: text('Title', 'This is an emergency alert.') + }, + type: { + default: select('Type', { + 'Emergency': 'Emergency', + 'Fire': 'Fire', + 'Flood': 'Flood', + 'Medical': 'Medical', + 'Lightning': 'Lightning', + 'Pollution': 'Pollution', + 'Heat wave': 'Heat wave', + 'Traffic': 'Traffic' + }, 'Emergency') + }, + link: { + default: () => object('Link', { text: 'Find out more', url: '#' }) + }, + alertId: { + default: text('Alert ID', 'test_id') + } + }, + methods: { + close (alertId) { + alert(`Alert has an ID of "${alertId}"`) + } + } + })) + .add('Alert Base', () => ({ + components: { RplAlertBase }, + template: ` + +
+ + `, + props: { + content: { + default: text('HTML Content', 'Draft only and not yet published') + }, + iconSymbol: { + default: text('Icon Symbol', 'alert_information') + }, + backgroundColor: { + default: text('Background Color', 'dark_neutral') + }, + textColor: { + default: text('Text Color', 'white') + }, + iconColor: { + default: text('Icon Color', 'white') + }, + closeIconColor: { + default: text('Close Icon Color', 'white') + } + }, + methods: { + close () { + alert(`Alert base close clicked.`) + } + } + })) diff --git a/packages/ripple-ui-components/components/Molecules/AnchorLinks/.npmignore b/packages/components/Molecules/AnchorLinks/.npmignore similarity index 100% rename from packages/ripple-ui-components/components/Molecules/AnchorLinks/.npmignore rename to packages/components/Molecules/AnchorLinks/.npmignore diff --git a/packages/ripple-ui-components/components/Molecules/Alert/LICENSE b/packages/components/Molecules/AnchorLinks/LICENSE similarity index 100% rename from packages/ripple-ui-components/components/Molecules/Alert/LICENSE rename to packages/components/Molecules/AnchorLinks/LICENSE diff --git a/packages/ripple-ui-components/components/Molecules/AnchorLinks/README.md b/packages/components/Molecules/AnchorLinks/README.md similarity index 100% rename from packages/ripple-ui-components/components/Molecules/AnchorLinks/README.md rename to packages/components/Molecules/AnchorLinks/README.md diff --git a/packages/ripple-ui-components/components/Molecules/AnchorLinks/index.vue b/packages/components/Molecules/AnchorLinks/index.vue similarity index 100% rename from packages/ripple-ui-components/components/Molecules/AnchorLinks/index.vue rename to packages/components/Molecules/AnchorLinks/index.vue diff --git a/packages/ripple-ui-components/components/Molecules/AnchorLinks/package.json b/packages/components/Molecules/AnchorLinks/package.json similarity index 87% rename from packages/ripple-ui-components/components/Molecules/AnchorLinks/package.json rename to packages/components/Molecules/AnchorLinks/package.json index fbef746a4..1e9197986 100644 --- a/packages/ripple-ui-components/components/Molecules/AnchorLinks/package.json +++ b/packages/components/Molecules/AnchorLinks/package.json @@ -5,7 +5,7 @@ "license": "Apache-2.0", "main": "index.vue", "homepage": "https://ripple.sdp.vic.gov.au", - "repository": "https://github.com/dpc-sdp/ripple/tree/master/packages/ripple-ui-components/components/Molecules/AnchorLinks", + "repository": "https://github.com/dpc-sdp/ripple/tree/master/packages/components/Molecules/AnchorLinks", "publishConfig": { "access": "public" }, diff --git a/packages/components/Molecules/AnchorLinks/stories.js b/packages/components/Molecules/AnchorLinks/stories.js new file mode 100644 index 000000000..82c8e406a --- /dev/null +++ b/packages/components/Molecules/AnchorLinks/stories.js @@ -0,0 +1,30 @@ +import { storiesOf } from '@storybook/vue' +import RplAnchorLinks from './index.vue' + +import { + withKnobs, + text, + object +} from '@storybook/addon-knobs/vue' + +storiesOf('Molecules/AnchorLinks', module) + .addDecorator(withKnobs) + .add('Anchor Links', () => ({ + components: { RplAnchorLinks }, + template: ``, + props: { + title: { + default: text('Title', 'On this page:') + }, + links: { + default: () => object('Links', [ + { text: 'This is the first anchor link', url: '#' }, + { text: 'Second link to extra content', url: '#' }, + { text: 'Third link goes here', url: '#' }, + { text: 'Link to additional content', url: '#' }, + { text: 'Another link to extra content', url: '#' }, + { text: 'This is another link', url: '#' } + ]) + } + } + })) diff --git a/packages/ripple-ui-components/components/Molecules/Breadcrumbs/.npmignore b/packages/components/Molecules/Breadcrumbs/.npmignore similarity index 100% rename from packages/ripple-ui-components/components/Molecules/Breadcrumbs/.npmignore rename to packages/components/Molecules/Breadcrumbs/.npmignore diff --git a/packages/ripple-ui-components/components/Molecules/AnchorLinks/LICENSE b/packages/components/Molecules/Breadcrumbs/LICENSE similarity index 100% rename from packages/ripple-ui-components/components/Molecules/AnchorLinks/LICENSE rename to packages/components/Molecules/Breadcrumbs/LICENSE diff --git a/packages/ripple-ui-components/components/Molecules/Breadcrumbs/README.md b/packages/components/Molecules/Breadcrumbs/README.md similarity index 100% rename from packages/ripple-ui-components/components/Molecules/Breadcrumbs/README.md rename to packages/components/Molecules/Breadcrumbs/README.md diff --git a/packages/ripple-ui-components/components/Molecules/Breadcrumbs/index.vue b/packages/components/Molecules/Breadcrumbs/index.vue similarity index 100% rename from packages/ripple-ui-components/components/Molecules/Breadcrumbs/index.vue rename to packages/components/Molecules/Breadcrumbs/index.vue diff --git a/packages/ripple-ui-components/components/Molecules/Breadcrumbs/package.json b/packages/components/Molecules/Breadcrumbs/package.json similarity index 88% rename from packages/ripple-ui-components/components/Molecules/Breadcrumbs/package.json rename to packages/components/Molecules/Breadcrumbs/package.json index a0a6ad044..0a09849bd 100644 --- a/packages/ripple-ui-components/components/Molecules/Breadcrumbs/package.json +++ b/packages/components/Molecules/Breadcrumbs/package.json @@ -5,7 +5,7 @@ "license": "Apache-2.0", "main": "index.vue", "homepage": "https://ripple.sdp.vic.gov.au", - "repository": "https://github.com/dpc-sdp/ripple/tree/master/packages/ripple-ui-components/components/Molecules/Breadcrumbs", + "repository": "https://github.com/dpc-sdp/ripple/tree/master/packages/components/Molecules/Breadcrumbs", "publishConfig": { "access": "public" }, diff --git a/packages/components/Molecules/Breadcrumbs/stories.js b/packages/components/Molecules/Breadcrumbs/stories.js new file mode 100644 index 000000000..0ae8b6138 --- /dev/null +++ b/packages/components/Molecules/Breadcrumbs/stories.js @@ -0,0 +1,23 @@ +import { storiesOf } from '@storybook/vue' +import RplBreadcrumbs from './index.vue' + +import { + withKnobs, + object +} from '@storybook/addon-knobs/vue' + +storiesOf('Molecules/Breadcrumbs', module) + .addDecorator(withKnobs) + .add('Breadcrumbs', () => ({ + components: { RplBreadcrumbs }, + template: ``, + props: { + crumbs: { + default: () => object('Crumbs', [ + { text: 'Home', url: '#' }, + { text: 'Level 1 page title', url: '#' }, + { text: 'Level 2 page title' } + ]) + } + } + })) diff --git a/packages/ripple-ui-components/components/Molecules/Card/.npmignore b/packages/components/Molecules/Card/.npmignore similarity index 100% rename from packages/ripple-ui-components/components/Molecules/Card/.npmignore rename to packages/components/Molecules/Card/.npmignore diff --git a/packages/ripple-ui-components/components/Molecules/Card/CardBox.vue b/packages/components/Molecules/Card/CardBox.vue similarity index 100% rename from packages/ripple-ui-components/components/Molecules/Card/CardBox.vue rename to packages/components/Molecules/Card/CardBox.vue diff --git a/packages/ripple-ui-components/components/Molecules/Card/CardContent.vue b/packages/components/Molecules/Card/CardContent.vue similarity index 100% rename from packages/ripple-ui-components/components/Molecules/Card/CardContent.vue rename to packages/components/Molecules/Card/CardContent.vue diff --git a/packages/ripple-ui-components/components/Molecules/Card/CardCta.vue b/packages/components/Molecules/Card/CardCta.vue similarity index 100% rename from packages/ripple-ui-components/components/Molecules/Card/CardCta.vue rename to packages/components/Molecules/Card/CardCta.vue diff --git a/packages/ripple-ui-components/components/Molecules/Card/CardEmergencyContact.vue b/packages/components/Molecules/Card/CardEmergencyContact.vue similarity index 100% rename from packages/ripple-ui-components/components/Molecules/Card/CardEmergencyContact.vue rename to packages/components/Molecules/Card/CardEmergencyContact.vue diff --git a/packages/ripple-ui-components/components/Molecules/Card/CardEvent.vue b/packages/components/Molecules/Card/CardEvent.vue similarity index 100% rename from packages/ripple-ui-components/components/Molecules/Card/CardEvent.vue rename to packages/components/Molecules/Card/CardEvent.vue diff --git a/packages/ripple-ui-components/components/Molecules/Card/CardHonourRoll.vue b/packages/components/Molecules/Card/CardHonourRoll.vue similarity index 100% rename from packages/ripple-ui-components/components/Molecules/Card/CardHonourRoll.vue rename to packages/components/Molecules/Card/CardHonourRoll.vue diff --git a/packages/ripple-ui-components/components/Molecules/Card/CardImageNavigation.vue b/packages/components/Molecules/Card/CardImageNavigation.vue similarity index 100% rename from packages/ripple-ui-components/components/Molecules/Card/CardImageNavigation.vue rename to packages/components/Molecules/Card/CardImageNavigation.vue diff --git a/packages/ripple-ui-components/components/Molecules/Card/CardKeydates.vue b/packages/components/Molecules/Card/CardKeydates.vue similarity index 100% rename from packages/ripple-ui-components/components/Molecules/Card/CardKeydates.vue rename to packages/components/Molecules/Card/CardKeydates.vue diff --git a/packages/ripple-ui-components/components/Molecules/Card/CardNavigation.vue b/packages/components/Molecules/Card/CardNavigation.vue similarity index 100% rename from packages/ripple-ui-components/components/Molecules/Card/CardNavigation.vue rename to packages/components/Molecules/Card/CardNavigation.vue diff --git a/packages/ripple-ui-components/components/Molecules/Card/CardNavigationFeatured.vue b/packages/components/Molecules/Card/CardNavigationFeatured.vue similarity index 100% rename from packages/ripple-ui-components/components/Molecules/Card/CardNavigationFeatured.vue rename to packages/components/Molecules/Card/CardNavigationFeatured.vue diff --git a/packages/ripple-ui-components/components/Molecules/Card/CardPromotion.vue b/packages/components/Molecules/Card/CardPromotion.vue similarity index 100% rename from packages/ripple-ui-components/components/Molecules/Card/CardPromotion.vue rename to packages/components/Molecules/Card/CardPromotion.vue diff --git a/packages/ripple-ui-components/components/Molecules/Breadcrumbs/LICENSE b/packages/components/Molecules/Card/LICENSE similarity index 100% rename from packages/ripple-ui-components/components/Molecules/Breadcrumbs/LICENSE rename to packages/components/Molecules/Card/LICENSE diff --git a/packages/ripple-ui-components/components/Molecules/Card/README.md b/packages/components/Molecules/Card/README.md similarity index 100% rename from packages/ripple-ui-components/components/Molecules/Card/README.md rename to packages/components/Molecules/Card/README.md diff --git a/packages/ripple-ui-components/components/Molecules/Card/ReadmeCardContent.md b/packages/components/Molecules/Card/ReadmeCardContent.md similarity index 100% rename from packages/ripple-ui-components/components/Molecules/Card/ReadmeCardContent.md rename to packages/components/Molecules/Card/ReadmeCardContent.md diff --git a/packages/ripple-ui-components/components/Molecules/Card/index.js b/packages/components/Molecules/Card/index.js similarity index 100% rename from packages/ripple-ui-components/components/Molecules/Card/index.js rename to packages/components/Molecules/Card/index.js diff --git a/packages/ripple-ui-components/components/Molecules/Card/mixins/cardtrimfield.js b/packages/components/Molecules/Card/mixins/cardtrimfield.js similarity index 100% rename from packages/ripple-ui-components/components/Molecules/Card/mixins/cardtrimfield.js rename to packages/components/Molecules/Card/mixins/cardtrimfield.js diff --git a/packages/ripple-ui-components/components/Molecules/Card/no-ssr/CardCarousel.vue b/packages/components/Molecules/Card/no-ssr/CardCarousel.vue similarity index 100% rename from packages/ripple-ui-components/components/Molecules/Card/no-ssr/CardCarousel.vue rename to packages/components/Molecules/Card/no-ssr/CardCarousel.vue diff --git a/packages/ripple-ui-components/components/Molecules/Card/no-ssr/index.js b/packages/components/Molecules/Card/no-ssr/index.js similarity index 100% rename from packages/ripple-ui-components/components/Molecules/Card/no-ssr/index.js rename to packages/components/Molecules/Card/no-ssr/index.js diff --git a/packages/ripple-ui-components/components/Molecules/Card/package.json b/packages/components/Molecules/Card/package.json similarity index 92% rename from packages/ripple-ui-components/components/Molecules/Card/package.json rename to packages/components/Molecules/Card/package.json index 140794c63..5c44b1949 100644 --- a/packages/ripple-ui-components/components/Molecules/Card/package.json +++ b/packages/components/Molecules/Card/package.json @@ -5,7 +5,7 @@ "license": "Apache-2.0", "main": "index.js", "homepage": "https://ripple.sdp.vic.gov.au", - "repository": "https://github.com/dpc-sdp/ripple/tree/master/packages/ripple-ui-components/components/Molecules/Card", + "repository": "https://github.com/dpc-sdp/ripple/tree/master/packages/components/Molecules/Card", "publishConfig": { "access": "public" }, diff --git a/packages/ripple-ui-components/components/Molecules/Card/scss/_card.scss b/packages/components/Molecules/Card/scss/_card.scss similarity index 100% rename from packages/ripple-ui-components/components/Molecules/Card/scss/_card.scss rename to packages/components/Molecules/Card/scss/_card.scss diff --git a/packages/components/Molecules/Card/stories.js b/packages/components/Molecules/Card/stories.js new file mode 100644 index 000000000..b9054a4d5 --- /dev/null +++ b/packages/components/Molecules/Card/stories.js @@ -0,0 +1,467 @@ +import { storiesOf } from '@storybook/vue' +import RplCardContent from './CardContent.vue' +import RplCardImageNavigation from './CardImageNavigation.vue' +import RplCardNavigation from './CardNavigation.vue' +import RplCardNavigationFeatured from './CardNavigationFeatured.vue' +import RplCardPromotion from './CardPromotion.vue' +import RplCardKeydates from './CardKeydates.vue' +import RplCardEvent from './CardEvent.vue' +import RplCardCta from './CardCta.vue' +import RplCardEmergencyContact from './CardEmergencyContact.vue' +import RplCardBox from './CardBox.vue' +import RplCardHonourRoll from './CardHonourRoll.vue' +import { RplCardCarousel } from './no-ssr' + +import { + withKnobs, + text, + select, + object, + boolean, + number +} from '@storybook/addon-knobs/vue' + +storiesOf('Molecules/Card/Card Navigation', module) + .addDecorator(withKnobs) + .add('Default', () => ({ + components: { RplCardNavigation }, + template: ``, + props: { + title: { + default: text('Title', 'First navigation card') + }, + summary: { + default: text('Summary', 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.') + }, + link: { + default: () => object('Link', { text: 'Read more', url: '#' }) + } + } + })) + +storiesOf('Molecules/Card/Card Navigation Featured', module) + .addDecorator(withKnobs) + + .add('Default', () => ({ + components: { RplCardNavigationFeatured }, + template: ``, + props: { + title: { + default: text('Title', 'This is display copy that wraps 2 lines') + }, + summary: { + default: text('Summary', 'We are looking at ways to make housing more affordable and renting more secure. Tell us what works for you or find out what\'s happening.') + }, + url: { + default: text('Url', '#') + }, + image: { + default: text('Image', 'https://placehold.it/818x497') + }, + date: { + default: text('Date', '2018-03-23T09:00:00.000+10:00') + }, + topic: { + default: text('Topic', 'Community') + } + } + })) + +storiesOf('Molecules/Card/Card Image Navigation', module) + .addDecorator(withKnobs) + + .add('Default', () => ({ + components: { RplCardImageNavigation }, + template: ``, + props: { + image: { + default: text('Image', 'https://placehold.it/304x199') + }, + date: { + default: text('Date', '2018-03-23T09:00:00.000+10:00') + }, + topic: { + default: text('Topic', 'Community') + }, + title: { + default: text('Title', 'This heading could wrap over two lines') + }, + summary: { + default: text('Summary', 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt labore et dolore magna aliqua laboris nisi ut aliquip ex ea commodo consequat.') + }, + link: { + default: () => object('Link', { text: 'Call to action', url: '#' }) + } + } + })) + +storiesOf('Molecules/Card/Card Promotion', module) + .addDecorator(withKnobs) + + .add('Default', () => ({ + components: { RplCardPromotion }, + template: ``, + props: { + image: { + default: text('Image', 'https://placehold.it/304x199') + }, + date: { + default: text('Date', '2018-03-23T09:00:00.000+10:00') + }, + topic: { + default: text('Topic', 'News') + }, + title: { + default: text('Title', 'This is display copy that wraps 2 lines') + }, + summary: { + default: text('Summary', 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt labore et dolore magna aliqua laboris nisi ut aliquip ex ea commodo consequat.') + }, + link: { + default: () => object('Link', { text: 'Read more', url: '#' }) + } + } + })) + +storiesOf('Molecules/Card/Card Keydates', module) + .addDecorator(withKnobs) + + .add('Default', () => ({ + components: { RplCardKeydates }, + template: ``, + props: { + title: { + default: text('Title', 'Key calendar dates') + }, + keydates: { + default: () => object('Keydates', [ + { date: '3 April', title: 'Term two starts', description: 'Its back to the classroom as school start term two on the 16th April.' }, + { date: '23 April', title: 'ANZAC Day', description: 'National day of remembrance to commemorate the ANZACs.' } + ]) + }, + link: { + default: () => object('Link', { text: 'Read more', url: '#' }) + } + } + })) + +storiesOf('Molecules/Card/Card Event', module) + .addDecorator(withKnobs) + + .add('Default', () => ({ + components: { RplCardEvent }, + template: ``, + props: { + image: { + default: text('Image', 'https://placehold.it/304x199') + }, + dateStart: { + default: text('Date Start', '2018-07-10T09:00:00.000+10:00') + }, + dateEnd: { + default: text('Date Start', '2018-07-11T09:00:00.000+10:00') + }, + location: { + default: text('Location', 'South Yarra') + }, + title: { + default: text('Title', 'This is the headline of an event with a location that will stretch over over 3 lines') + }, + summary: { + default: text('Summary', 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt labore et dolore magna aliqua laboris nisi ut aliquip ex ea commodo consequat.') + }, + link: { + default: () => object('Link', { text: 'See event details', url: '#' }) + } + } + })) + +storiesOf('Molecules/Card/Card Cta', module) + .addDecorator(withKnobs) + + .add('Default', () => ({ + components: { RplCardCta }, + template: ``, + props: { + image: { + default: text('Image', 'https://placehold.it/148x148') + }, + title: { + default: text('Title', 'Want to submit an event?') + }, + summary: { + default: text('Summary', 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt labore et dolore magna aliqua laboris nisi ut aliquip ex ea commodo consequat.') + }, + link: { + default: () => object('Link', { text: 'See event details', url: '#' }) + } + } + })) + +storiesOf('Molecules/Card/Card Emergency Contact', module) + .addDecorator(withKnobs) + + .add('Default', () => ({ + components: { RplCardEmergencyContact }, + template: ``, + props: { + title: { + default: text('Title', 'Emergency Assistance') + }, + subtitle: { + default: text('Subtitle', 'Urgent') + }, + summary: { + default: text('Summary', 'Dial 000 for police, fire & ambulance') + }, + link: { + default: () => object('Link', { text: 'Call 000', url: 'tel:000' }) + } + } + })) + +storiesOf('Molecules/Card/Card Box', module) + .addDecorator(withKnobs) + + .add('Default', () => ({ + components: { RplCardBox }, + template: ``, + props: { + cards: { + default: () => object('Cards', [ + { + name: 'rpl-card-emergency-contact', + data: { + title: 'Emergency Assistance', + subtitle: 'Urgent', + summary: 'Dial 000 for police, fire & ambulance', + link: { text: 'Call 0000', url: 'tel:+0000' } + } + }, + { + name: 'rpl-card-emergency-contact', + data: { + title: 'Police Assistance Line', + subtitle: 'Urgent', + summary: 'Dial 000 for police, fire & ambulance', + link: { text: 'Call 000', url: 'tel:000' } + } + }, + { + name: 'rpl-card-emergency-contact', + data: { + title: 'Police Assistance Line', + subtitle: 'Urgent', + summary: 'Dial 000 for police, fire & ambulance', + link: { text: 'Internal link', url: '/home' } + } + }, + { + name: 'rpl-card-emergency-contact', + data: { + title: 'Police Assistance Line', + subtitle: null, + summary: 'Dial 000 for police, fire & ambulance', + link: { text: 'External link', url: 'http://google.com' } + } + } + ]) + } + } + })) + +storiesOf('Molecules/Card/Card Honour Roll', module) + .addDecorator(withKnobs) + + .add('Default', () => ({ + components: { RplCardHonourRoll }, + template: ` + + `, + props: { + name: { + default: text('Name', 'Stella Young') + }, + inductionYear: { + default: text('Induction Year', '2017') + }, + category: { + default: text('Category', 'Local Champion') + }, + lifespan: { + default: text('Lifespan', '1982 - 2014') + }, + summary: { + default: text('Summary', 'Journalist, comedian, feminist and fierce disability activist.') + }, + link: { + default: () => object('Link', { text: 'Read Stella\'s profile', url: '#' }) + }, + image: { + default: text('Image', 'https://placehold.it/148x148') + } + } + })) + +storiesOf('Molecules/Card/Card Content (base)', module) + .addDecorator(withKnobs) + .add('Default', () => ({ + components: { RplCardContent }, + template: ` + +
+ + `, + props: { + link: { + default: () => object('Link', { text: 'Read more', url: '#' }) + }, + image: { + default: text('Image', 'https://placehold.it/580x340') + }, + border: { + default: boolean('Border', true) + }, + type: { + default: () => select('Type', { default: 'default', simple: 'simple', inline: 'inline' }, 'default') + }, + center: { + default: boolean('Center', false) + }, + content: { + default: text('HTML content', '

Custom Content

Lorem ipsum dolor sit amet.

') + } + } + })) + +storiesOf('Molecules/Card/Card Carousel', module) + .addDecorator(withKnobs) + + .add('Default', () => ({ + components: { RplCardCarousel }, + template: ``, + props: { + title: { + default: text('Title', 'Featured Content') + }, + childColsBp: { + default: () => object('Column breakpoints', { l: 4, m: 6 }) + }, + totalGridColumns: { + default: number('Total grid columns', 12) + }, + cards: { + default: () => object('Cards', [ + { + name: 'rpl-card-event', + data: { + image: 'https://placehold.it/580x340', + dateStart: '2018-07-10T09:00:00.000+10:00', + location: 'South Yarra', + title: 'This is the headline of an event', + summary: 'Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet lorem ipsum dolor sit amet, consecteten dolor lorem ipsum dolor sit amet, consecte', + link: { text: 'See event details', url: '#' } + } + }, + { + name: 'rpl-card-keydates', + data: { + title: 'Key calendar dates', + keydates: [ + { date: '3 April', title: 'Term two starts', description: 'Its back to the classroom as school start term two on the 16th April.' }, + { date: '23 April', title: 'ANZAC Day', description: 'National day of remembrance to commemorate the ANZACs.' } + ], + link: { text: 'See the events calendar', url: '#' } + } + }, + { + name: 'rpl-card-promotion', + data: { + image: 'https://placehold.it/580x340', + date: '2018-07-10T09:00:00.000+10:00', + topic: 'News', + title: 'This is display copy that wraps 2 lines', + summary: 'We are looking at ways to make housing more affordable and renting more secure. Tell us what works for you or find out what\'s happening.', + link: { text: 'Read more', url: '#' } + } + }, + { + name: 'rpl-card-event', + data: { + image: 'https://placehold.it/580x340', + dateStart: '2018-07-10T09:00:00.000+10:00', + dateEnd: '2018-07-15T09:00:00.000+10:00', + location: 'South Yarra', + title: 'This is the headline of an event', + summary: 'Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet lorem ipsum dolor sit amet, consecteten dolor lorem ipsum dolor sit amet, consecte', + link: { text: 'See event details', url: '#' } + } + }, + { + name: 'rpl-card-event', + data: { + image: 'https://placehold.it/580x340', + dateStart: '2018-07-10T09:00:00.000+10:00', + dateEnd: '2018-09-10T09:00:00.000+10:00', + location: 'South Yarra', + title: 'This is the headline of an event', + summary: 'Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet lorem ipsum dolor sit amet, consecteten dolor lorem ipsum dolor sit amet, consecte', + link: { text: 'See event details', url: '#' } + } + }, + { + name: 'rpl-card-keydates', + data: { + title: 'Key calendar dates', + keydates: [ + { date: '3 April', title: 'Term two starts', description: 'Its back to the classroom as school start term two on the 16th April.' }, + { date: '23 April', title: 'ANZAC Day', description: 'National day of remembrance to commemorate the ANZACs.' } + ], + link: { text: 'See the events calendar', url: '#' } + } + }, + { + name: 'rpl-card-promotion', + data: { + image: 'https://placehold.it/580x340', + date: '2018-07-10T09:00:00.000+10:00', + topic: 'News', + title: 'This is display copy that wraps 2 lines', + summary: 'Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet lorem ipsum dolor sit amet, consecteten dolor at vero eos et accusamus et iusto odio dignis.', + link: { text: 'Read more', url: '#' } + } + }, + { + name: 'rpl-card-keydates', + data: { + title: 'Key calendar dates', + keydates: [ + { date: '3 April', title: 'Term two starts', description: 'Its back to the classroom as school start term two on the 16th April.' }, + { date: '23 April', title: 'ANZAC Day', description: 'National day of remembrance to commemorate the ANZACs.' } + ], + link: { text: 'See the events calendar', url: '#' } + } + }, + { + name: 'rpl-card-keydates', + data: { + title: 'Key calendar dates', + keydates: [ + { date: '3 April', title: 'Term two starts', description: 'Its back to the classroom as school start term two on the 16th April.' }, + { date: '23 April', title: 'ANZAC Day', description: 'National day of remembrance to commemorate the ANZACs.' } + ], + link: { text: 'See the events calendar', url: '#' } + } + } + ]) + } + } + })) diff --git a/packages/ripple-ui-components/components/Molecules/Contact/.npmignore b/packages/components/Molecules/Contact/.npmignore similarity index 100% rename from packages/ripple-ui-components/components/Molecules/Contact/.npmignore rename to packages/components/Molecules/Contact/.npmignore diff --git a/packages/ripple-ui-components/components/Molecules/Card/LICENSE b/packages/components/Molecules/Contact/LICENSE similarity index 100% rename from packages/ripple-ui-components/components/Molecules/Card/LICENSE rename to packages/components/Molecules/Contact/LICENSE diff --git a/packages/ripple-ui-components/components/Molecules/Contact/README.md b/packages/components/Molecules/Contact/README.md similarity index 100% rename from packages/ripple-ui-components/components/Molecules/Contact/README.md rename to packages/components/Molecules/Contact/README.md diff --git a/packages/ripple-ui-components/components/Molecules/Contact/index.vue b/packages/components/Molecules/Contact/index.vue similarity index 100% rename from packages/ripple-ui-components/components/Molecules/Contact/index.vue rename to packages/components/Molecules/Contact/index.vue diff --git a/packages/ripple-ui-components/components/Molecules/Contact/package.json b/packages/components/Molecules/Contact/package.json similarity index 89% rename from packages/ripple-ui-components/components/Molecules/Contact/package.json rename to packages/components/Molecules/Contact/package.json index bc9bf5be0..7880be051 100644 --- a/packages/ripple-ui-components/components/Molecules/Contact/package.json +++ b/packages/components/Molecules/Contact/package.json @@ -5,7 +5,7 @@ "license": "Apache-2.0", "main": "index.vue", "homepage": "https://ripple.sdp.vic.gov.au", - "repository": "https://github.com/dpc-sdp/ripple/tree/master/packages/ripple-ui-components/components/Molecules/Contact", + "repository": "https://github.com/dpc-sdp/ripple/tree/master/packages/components/Molecules/Contact", "publishConfig": { "access": "public" }, diff --git a/packages/components/Molecules/Contact/stories.js b/packages/components/Molecules/Contact/stories.js new file mode 100644 index 000000000..0a55ac8f6 --- /dev/null +++ b/packages/components/Molecules/Contact/stories.js @@ -0,0 +1,76 @@ +import { storiesOf } from '@storybook/vue' +import RplContact from './index.vue' + +import { + withKnobs, + text, + object +} from '@storybook/addon-knobs/vue' + +storiesOf('Molecules/Contact', module) + .addDecorator(withKnobs) + .add('Default', () => ({ + components: { RplContact }, + template: ` + + `, + props: { + title: { + default: text('Title', 'Need additional help?') + }, + name: { + default: text('Name', 'First Last Name (Job Title)') + }, + department: { + default: text('Department', 'Department name') + }, + postal: { + default: text('Postal', 'PO Box 123, Suburb VIC 3421') + }, + address: { + default: text('Address', '13 Street Name, Suburb VIC 3056') + }, + phone: { + default: () => object('Phone', [ + { number: '03 9876 6754' }, + { number: '0400 000 000', title: 'Mob' } + ]) + }, + email: { + default: text('Email', 'emailaddress@vic.gov.au') + }, + social: { + default: () => object('Social', [ + { + icon: 'facebook', + title: 'Name of Facebook Page', + url: 'https://www.facebook.com' + }, + { + icon: 'twitter', + title: 'Name of Twitter account', + url: 'https://www.twitter.com' + }, + { + icon: 'linkedin', + title: 'Name of LinkedIn profile', + url: 'https://www.linkedin.com' + }, + { + icon: 'instagram', + title: 'Name of Instagram account', + url: 'https://www.intagram.com' + } + ]) + } + } + })) diff --git a/packages/ripple-ui-components/components/Molecules/DescriptionList/.npmignore b/packages/components/Molecules/DescriptionList/.npmignore similarity index 100% rename from packages/ripple-ui-components/components/Molecules/DescriptionList/.npmignore rename to packages/components/Molecules/DescriptionList/.npmignore diff --git a/packages/ripple-ui-components/components/Molecules/DescriptionList/DescriptionList.vue b/packages/components/Molecules/DescriptionList/DescriptionList.vue similarity index 100% rename from packages/ripple-ui-components/components/Molecules/DescriptionList/DescriptionList.vue rename to packages/components/Molecules/DescriptionList/DescriptionList.vue diff --git a/packages/ripple-ui-components/components/Molecules/Contact/LICENSE b/packages/components/Molecules/DescriptionList/LICENSE similarity index 100% rename from packages/ripple-ui-components/components/Molecules/Contact/LICENSE rename to packages/components/Molecules/DescriptionList/LICENSE diff --git a/packages/ripple-ui-components/components/Molecules/DescriptionList/README.md b/packages/components/Molecules/DescriptionList/README.md similarity index 100% rename from packages/ripple-ui-components/components/Molecules/DescriptionList/README.md rename to packages/components/Molecules/DescriptionList/README.md diff --git a/packages/ripple-ui-components/components/Molecules/DescriptionList/index.js b/packages/components/Molecules/DescriptionList/index.js similarity index 100% rename from packages/ripple-ui-components/components/Molecules/DescriptionList/index.js rename to packages/components/Molecules/DescriptionList/index.js diff --git a/packages/ripple-ui-components/components/Molecules/DescriptionList/package.json b/packages/components/Molecules/DescriptionList/package.json similarity index 85% rename from packages/ripple-ui-components/components/Molecules/DescriptionList/package.json rename to packages/components/Molecules/DescriptionList/package.json index 0e486b84a..510e2173a 100644 --- a/packages/ripple-ui-components/components/Molecules/DescriptionList/package.json +++ b/packages/components/Molecules/DescriptionList/package.json @@ -5,7 +5,7 @@ "license": "Apache-2.0", "main": "index.js", "homepage": "https://ripple.sdp.vic.gov.au", - "repository": "https://github.com/dpc-sdp/ripple/tree/master/packages/ripple-ui-components/components/Molecules/DescriptionList", + "repository": "https://github.com/dpc-sdp/ripple/tree/master/packages/components/Molecules/DescriptionList", "publishConfig": { "access": "public" }, diff --git a/packages/components/Molecules/DescriptionList/stories.js b/packages/components/Molecules/DescriptionList/stories.js new file mode 100644 index 000000000..8af09f534 --- /dev/null +++ b/packages/components/Molecules/DescriptionList/stories.js @@ -0,0 +1,23 @@ +import { storiesOf } from '@storybook/vue' +import RplDescriptionList from './DescriptionList.vue' + +import { + withKnobs, + object +} from '@storybook/addon-knobs/vue' + +storiesOf('Molecules/DescriptionList', module) + .addDecorator(withKnobs) + .add('Default', () => ({ + components: { RplDescriptionList }, + template: ``, + props: { + list: { + default: () => object('List', [ + { term: 'List Item 1', description: 'Description' }, + { term: 'List Item 2', description: 'Description 2' }, + { term: 'List Item 3', description: 'Description 3' } + ]) + } + } + })) diff --git a/packages/ripple-ui-components/components/Molecules/DocumentLink/.npmignore b/packages/components/Molecules/DocumentLink/.npmignore similarity index 100% rename from packages/ripple-ui-components/components/Molecules/DocumentLink/.npmignore rename to packages/components/Molecules/DocumentLink/.npmignore diff --git a/packages/ripple-ui-components/components/Molecules/DocumentLink/DocumentLink.vue b/packages/components/Molecules/DocumentLink/DocumentLink.vue similarity index 100% rename from packages/ripple-ui-components/components/Molecules/DocumentLink/DocumentLink.vue rename to packages/components/Molecules/DocumentLink/DocumentLink.vue diff --git a/packages/ripple-ui-components/components/Molecules/DescriptionList/LICENSE b/packages/components/Molecules/DocumentLink/LICENSE similarity index 100% rename from packages/ripple-ui-components/components/Molecules/DescriptionList/LICENSE rename to packages/components/Molecules/DocumentLink/LICENSE diff --git a/packages/ripple-ui-components/components/Molecules/DocumentLink/README.md b/packages/components/Molecules/DocumentLink/README.md similarity index 100% rename from packages/ripple-ui-components/components/Molecules/DocumentLink/README.md rename to packages/components/Molecules/DocumentLink/README.md diff --git a/packages/ripple-ui-components/components/Molecules/DocumentLink/index.js b/packages/components/Molecules/DocumentLink/index.js similarity index 100% rename from packages/ripple-ui-components/components/Molecules/DocumentLink/index.js rename to packages/components/Molecules/DocumentLink/index.js diff --git a/packages/ripple-ui-components/components/Molecules/DocumentLink/package.json b/packages/components/Molecules/DocumentLink/package.json similarity index 87% rename from packages/ripple-ui-components/components/Molecules/DocumentLink/package.json rename to packages/components/Molecules/DocumentLink/package.json index eb24d44cd..d7f1ef6d9 100644 --- a/packages/ripple-ui-components/components/Molecules/DocumentLink/package.json +++ b/packages/components/Molecules/DocumentLink/package.json @@ -5,7 +5,7 @@ "license": "Apache-2.0", "main": "index.js", "homepage": "https://ripple.sdp.vic.gov.au", - "repository": "https://github.com/dpc-sdp/ripple/tree/master/packages/ripple-ui-components/components/Molecules/DocumentLink", + "repository": "https://github.com/dpc-sdp/ripple/tree/master/packages/components/Molecules/DocumentLink", "publishConfig": { "access": "public" }, diff --git a/packages/ripple-ui-components/components/Molecules/DocumentLink/scss/_document-link.scss b/packages/components/Molecules/DocumentLink/scss/_document-link.scss similarity index 100% rename from packages/ripple-ui-components/components/Molecules/DocumentLink/scss/_document-link.scss rename to packages/components/Molecules/DocumentLink/scss/_document-link.scss diff --git a/packages/components/Molecules/DocumentLink/stories.js b/packages/components/Molecules/DocumentLink/stories.js new file mode 100644 index 000000000..6d516321e --- /dev/null +++ b/packages/components/Molecules/DocumentLink/stories.js @@ -0,0 +1,31 @@ +import { storiesOf } from '@storybook/vue' +import RplDocumentLink from './DocumentLink.vue' + +import { + withKnobs, + text +} from '@storybook/addon-knobs/vue' + +storiesOf('Molecules/DocumentLink', module) + .addDecorator(withKnobs) + .add('Default', () => ({ + components: { RplDocumentLink }, + template: ``, + props: { + name: { + default: text('Name', 'This is the name of the document') + }, + caption: { + default: text('caption', 'This is a longer description of the document above.') + }, + url: { + default: text('Download url', 'https://www.google.com') + }, + extension: { + default: text('Extension', 'pdf') + }, + filesize: { + default: text('Filesize', '1.4 mb') + } + } + })) diff --git a/packages/ripple-ui-components/components/Molecules/EmbeddedVideo/.npmignore b/packages/components/Molecules/EmbeddedVideo/.npmignore similarity index 100% rename from packages/ripple-ui-components/components/Molecules/EmbeddedVideo/.npmignore rename to packages/components/Molecules/EmbeddedVideo/.npmignore diff --git a/packages/ripple-ui-components/components/Molecules/DocumentLink/LICENSE b/packages/components/Molecules/EmbeddedVideo/LICENSE similarity index 100% rename from packages/ripple-ui-components/components/Molecules/DocumentLink/LICENSE rename to packages/components/Molecules/EmbeddedVideo/LICENSE diff --git a/packages/ripple-ui-components/components/Molecules/EmbeddedVideo/README.md b/packages/components/Molecules/EmbeddedVideo/README.md similarity index 100% rename from packages/ripple-ui-components/components/Molecules/EmbeddedVideo/README.md rename to packages/components/Molecules/EmbeddedVideo/README.md diff --git a/packages/ripple-ui-components/components/Molecules/EmbeddedVideo/index.vue b/packages/components/Molecules/EmbeddedVideo/index.vue similarity index 100% rename from packages/ripple-ui-components/components/Molecules/EmbeddedVideo/index.vue rename to packages/components/Molecules/EmbeddedVideo/index.vue diff --git a/packages/ripple-ui-components/components/Molecules/EmbeddedVideo/package.json b/packages/components/Molecules/EmbeddedVideo/package.json similarity index 88% rename from packages/ripple-ui-components/components/Molecules/EmbeddedVideo/package.json rename to packages/components/Molecules/EmbeddedVideo/package.json index c7d9e562f..51712faf6 100644 --- a/packages/ripple-ui-components/components/Molecules/EmbeddedVideo/package.json +++ b/packages/components/Molecules/EmbeddedVideo/package.json @@ -5,7 +5,7 @@ "license": "Apache-2.0", "main": "index.vue", "homepage": "https://ripple.sdp.vic.gov.au", - "repository": "https://github.com/dpc-sdp/ripple/tree/master/packages/ripple-ui-components/components/Molecules/EmbeddedVideo", + "repository": "https://github.com/dpc-sdp/ripple/tree/master/packages/components/Molecules/EmbeddedVideo", "publishConfig": { "access": "public" }, diff --git a/packages/components/Molecules/EmbeddedVideo/stories.js b/packages/components/Molecules/EmbeddedVideo/stories.js new file mode 100644 index 000000000..72fb209e9 --- /dev/null +++ b/packages/components/Molecules/EmbeddedVideo/stories.js @@ -0,0 +1,49 @@ +import { storiesOf } from '@storybook/vue' +import RplEmbeddedVideo from './index.vue' + +import { + withKnobs, + text, + select, + object +} from '@storybook/addon-knobs/vue' + +storiesOf('Molecules/EmbeddedVideo', module) + .addDecorator(withKnobs) + .add('Default', () => ({ + components: { RplEmbeddedVideo }, + template: ` + + `, + props: { + width: { + default: text('width', '854') + }, + height: { + default: text('height', '480') + }, + src: { + default: text('field_media_video_embed_field', 'https://www.youtube.com/embed/bSlnfyGTiss') + }, + lang: { + default: text('langcode', 'en') + }, + transcript: { + default: text('field_media_transcript', 'Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?') + }, + variant: { + default: () => select('Variant', { full: 'full', link: 'link' }, 'full') + }, + mediaLink: { + default: () => object('field_media_link', { text: 'View transcript', url: '#' }) + } + } + })) diff --git a/packages/ripple-ui-components/components/Molecules/Figure/.npmignore b/packages/components/Molecules/Figure/.npmignore similarity index 100% rename from packages/ripple-ui-components/components/Molecules/Figure/.npmignore rename to packages/components/Molecules/Figure/.npmignore diff --git a/packages/ripple-ui-components/components/Molecules/EmbeddedVideo/LICENSE b/packages/components/Molecules/Figure/LICENSE similarity index 100% rename from packages/ripple-ui-components/components/Molecules/EmbeddedVideo/LICENSE rename to packages/components/Molecules/Figure/LICENSE diff --git a/packages/ripple-ui-components/components/Molecules/Figure/README.md b/packages/components/Molecules/Figure/README.md similarity index 100% rename from packages/ripple-ui-components/components/Molecules/Figure/README.md rename to packages/components/Molecules/Figure/README.md diff --git a/packages/ripple-ui-components/components/Molecules/Figure/index.vue b/packages/components/Molecules/Figure/index.vue similarity index 100% rename from packages/ripple-ui-components/components/Molecules/Figure/index.vue rename to packages/components/Molecules/Figure/index.vue diff --git a/packages/ripple-ui-components/components/Molecules/Figure/package.json b/packages/components/Molecules/Figure/package.json similarity index 87% rename from packages/ripple-ui-components/components/Molecules/Figure/package.json rename to packages/components/Molecules/Figure/package.json index 549cca235..565311301 100644 --- a/packages/ripple-ui-components/components/Molecules/Figure/package.json +++ b/packages/components/Molecules/Figure/package.json @@ -5,7 +5,7 @@ "license": "Apache-2.0", "main": "index.vue", "homepage": "https://ripple.sdp.vic.gov.au", - "repository": "https://github.com/dpc-sdp/ripple/tree/master/packages/ripple-ui-components/components/Molecules/Figure", + "repository": "https://github.com/dpc-sdp/ripple/tree/master/packages/components/Molecules/Figure", "publishConfig": { "access": "public" }, diff --git a/packages/components/Molecules/Figure/stories.js b/packages/components/Molecules/Figure/stories.js new file mode 100644 index 000000000..6efa65174 --- /dev/null +++ b/packages/components/Molecules/Figure/stories.js @@ -0,0 +1,26 @@ +import { storiesOf } from '@storybook/vue' +import RplFigure from './index.vue' + +import { + withKnobs, + text, + object +} from '@storybook/addon-knobs/vue' + +storiesOf('Molecules/Figure', module) + .addDecorator(withKnobs) + .add('Default', () => ({ + components: { RplFigure }, + template: ``, + props: { + image: { + default: () => object('Image', { + src: 'https://placehold.it/800x400', + alt: 'A generic square placeholder image.' + }) + }, + caption: { + default: text('Caption', '1.2 Caption to go here. This should be restricted in characters.') + } + } + })) diff --git a/packages/ripple-ui-components/components/Molecules/Form/.npmignore b/packages/components/Molecules/Form/.npmignore similarity index 100% rename from packages/ripple-ui-components/components/Molecules/Form/.npmignore rename to packages/components/Molecules/Form/.npmignore diff --git a/packages/ripple-ui-components/components/Molecules/Form/Checkbox.vue b/packages/components/Molecules/Form/Checkbox.vue similarity index 100% rename from packages/ripple-ui-components/components/Molecules/Form/Checkbox.vue rename to packages/components/Molecules/Form/Checkbox.vue diff --git a/packages/ripple-ui-components/components/Molecules/Form/Fieldset.vue b/packages/components/Molecules/Form/Fieldset.vue similarity index 95% rename from packages/ripple-ui-components/components/Molecules/Form/Fieldset.vue rename to packages/components/Molecules/Form/Fieldset.vue index 091b31d79..82231d6d7 100644 --- a/packages/ripple-ui-components/components/Molecules/Form/Fieldset.vue +++ b/packages/components/Molecules/Form/Fieldset.vue @@ -1,5 +1,5 @@