Nick Taylor
d227bbf770
Now <viewbox /> is preserved in SVGs when using the inline-react-svg plugin ( #16287 )
2022-01-24 16:25:14 -05:00
ludwiczakpawel
7c07913aa6
Storybook improvements ( #15860 )
...
* storybook backgrounds
* variables for background
* converting colors scss to css
* prepare for theming
* themes
* Update app/javascript/.storybook/preview.js
Co-authored-by: Suzanne Aitchison <suzanne@forem.com>
* restart
* restart
Co-authored-by: Suzanne Aitchison <suzanne@forem.com>
2022-01-14 11:06:42 +01:00
ludwiczakpawel
245e70d4a8
Crayons: Buttons vs CTAs ( #15311 )
...
* init
* buttons
* buttons, ctas, icons
* ctas fix
* links vs ctas
* alias
* fixes
* add tests for Buttons component
* add tooltip to button story controls
* add link and CTA tests
* add prop types
* docs
* designs
* docs
* focus visible moved to global place
* Updated some component snapshot tests.
* Mocked react-inlinesvg module because of https://github.com/gilbarbara/react-inlinesvg/issues/145\#issuecomment-623453339
* tests
* Copy updates
Co-authored-by: Suzanne Aitchison <suzanne@forem.com>
* missed spots
* Apply suggestions from code review
Co-authored-by: Suzanne Aitchison <suzanne@forem.com>
* danger accent colors
* node
* colors
* adding code comment
* better prop name: style -> variant
* button new
Co-authored-by: Suzanne Aitchison <suzanne@forem.com>
Co-authored-by: Nick Taylor <nick@dev.to>
2021-11-30 20:40:32 +01:00
Nick Taylor
d13f0ba0cb
Added the babel-inline-react-svg plugin ( #15461 )
2021-11-23 12:24:50 -05:00
Nick Taylor
924ea41fd0
Migrated Storybook to webpack 5. ( #15050 )
2021-10-12 14:49:10 -05:00
Suzanne Aitchison
3b67810b9d
Add support for JSX copy paste in Storybook ( #14591 )
...
* add support for JSX and HTML copy paste
* remove html addon, refactor dropdown story
* undo html addon settings
2021-08-30 09:36:01 +01:00
Suzanne Aitchison
bfb4f00aae
Add copy to HTML feature for storybook ( #14599 )
...
* Add copy to HTML feature for storybook, inc fix for article markup
* remove html stories no longer needed
2021-08-27 16:09:21 +01:00
Nick Taylor
bd46c1ff57
Added react aliases in Storybook webpack configuration. ( #12825 )
2021-02-26 09:25:38 +00:00
Nick Taylor
2bba2a6ee4
Added the @components webpack alias to the project ( #12808 )
...
* Added the @shared webpack alias to the project.
* Added some documentation.
* Fixed a copy paste error.
* Renamed @shared to @components.
* Update docs/frontend/webpacker.md
Co-authored-by: Suzanne Aitchison <suzanne@forem.com>
Co-authored-by: Suzanne Aitchison <suzanne@forem.com>
2021-02-24 16:07:48 +01:00
rhymes
8a9bb8e9ff
Switch node-sass to dart-sass ( #11873 )
...
* Quiet StoryBook on Travis
* Fix StoryBook glob
* Switch node-sass to dart-sass
* Fix Netlify build error
* Tell Netlify to install Yarn
* Netlify defaults to npm, let's stick to it
2020-12-14 22:06:06 -05:00
Lisa Sy
ea00c808bd
Storybook: Add DocsPage and test out static content ( #11397 )
...
* Update naming of guidelines section and improve Introduction page
* Add Docs
* Add docs
* Install Docs add-on
- Rename top-level folders and sort manually
- Add MDX static pages
* Updated all Storybook addons to 6.1.3 except for notes as it's currently 5.3.21
* Fixed naming of section for the select component.
* Updated yarn.lock file.
* Added missing dependency @storybook/addon-docs
Co-authored-by: Nick Taylor <nick@dev.to>
2020-12-02 09:56:38 -08:00
Nick Taylor
df31a94f2e
Prep work to sync mobile search in #10424 ( #11525 )
...
* Prep work to sync mobile search in #10424
* Added a comment about the custom search event.
* Refactor to fix already defined error caused by const and InstantClick.
* Moved <SearchFormSync /> out of the pack file.
* Fixed broken tests.
* Renamed getInitialSearchTerm utility function to getSearchTermFromUrl
* Added some API docs to getSearchTermFromUrl
* Fixed a typo.
* Added some more API docs.
* Switched to a custom event so a custom payload can be passed.
* Added some API docs.
* Fixed bad destructuring statement.
* wip for some more tests.
* Refactored getSearchTermFromUrl to use URLSearchParams
* lazy loaded state for search term initial value.
* test broken still. Need to think on it.
* filterXSS is now set up in testSetup.js
* Fixed tests.
* Added the @utilities alias to Storybooks webpack config.
* Almost 100% coverage with two useful tests.
* Added some comments explaining document.body usage in the tests.
* Fixed issue where search attemps to get results on first load.
* Small refactor for setting the window.location in tests.
* Clarified an explanation in a comment.
2020-11-30 06:13:06 -05:00
Rafi
906811ef3c
Extracting prettier config ( #10847 )
...
Co-authored-by: Nick Taylor <nick@iamdeveloper.com>
2020-10-14 22:28:31 -04:00
Rafi
9514df9ea6
Showing example code in storybook ( #10765 )
...
Co-authored-by: Nick Taylor <nick@dev.to>
2020-10-14 10:39:32 -04:00
Emma Goto
977e8aec45
Bump storybook to version 6 ( #9766 )
...
* Bump storybook to version 6
* Remove storybook addon-docs and revert back to storybook/addon-notes
Co-authored-by: Nick Taylor <nick@dev.to>
2020-08-17 10:34:43 +02:00
Nick Taylor
7f3217f156
Sass loader 9.0.1 upgrade ( #9146 )
...
* Bump sass-loader from 8.0.2 to 9.0.1
* Fixed breaking changes related to sass-loader@9.0.1
2020-07-06 09:40:53 +02:00
Nick Taylor
2130269f91
Documentation Improvements to Storybook ( #8947 )
2020-06-29 08:25:57 -05:00
Nick Taylor
52ac36dd0a
Added a11y Storybook addon. ( #8814 )
2020-06-22 10:56:03 +02:00
Nick Taylor
653ec12300
Upgrade to Preact 10.4.4 ( #8739 )
...
Co-authored-by: Nick Taylor <nick@iamdeveloper.com>
Co-authored-by: Ridhwana <Ridhwana.Khan16@gmail.com>
2020-06-18 10:07:17 -04:00
Nick Taylor
5ba10c96a2
Add webpack aliases for Crayons components ( #6958 )
...
* Added webpack alias for @crayons.
* Added @crayons to eslint import/no-unresolved rule ignore list.
* Added path mappings for VS Code for webpack aliases.
2020-03-31 07:16:29 -04:00
Nick Taylor
52c2f40256
Upgrade Storybook to 5.3.17 ( #6754 )
...
* Renabled building Storybook.
* Explicitly added webpack style loaders for Storybook custom webpack config.
* Upgraded Storybook configuration.
* Added mixin/function to handle SASS compilation for Sprockets and Storybook's webpack.
* Readded stylesheets/js required for crayons to run.
* Added a custom title to Storybook.
* Fixed custom Storybook CSS.
* Migrated Search storybook stories.
* Migrated crayons' box stories.
* Migrated crayons' modal stories.
* Migrated crayons' button stories.
* Changed title a bit until we get a logo.
* Migrated crayons' notice stories.
* Migrated crayons' dropdown stories.
* Migrated crayons' indicator stories.
* Migrated crayons' typography stories.
* Migrated crayons' form element stories.
* Migrated crayons' navigation stories.
* Migrated crayons' avatar & logo stories.
* Migrated fatured article stories.
* Migrated article loading stories.
* Migrated today's podcast episodes stories.
* Migrated podcast episode stories.
* Migrated rest of article stories.
* Update app/javascript/.storybook/manager.js
Co-Authored-By: rhymes <rhymesete@gmail.com>
* Commented new SASS function and mixin.
Co-authored-by: rhymes <rhymesete@gmail.com>
2020-03-23 09:46:50 -04:00
