All new changes are now documented in CHANGELOG.md files in each package's directory.
- [lighter-react-scripts] fix support of TypeScript (#214)
lighter-react-scripts@3.5.0
- [lighter-react-scripts] fix missing postcss-inline-svg (#212)
lighter-react-scripts@3.5.1
- [lighter-styleguide] fix code preview crashing when rendering more than one child (#209)
- [lighter-styleguide] fix MDX codeblock crashing when no language is specified (#210)
lighter-stylegiude@3.3.3
This update is necessary due to incorrect publish of lighter-stylegiude@3.3.1
lighter-stylegiude@3.3.2
- [lighter-styleguide] fix syntax highliting (#206)
- color theme
- mdx language definition
- Preview component overflow
- prevent theme prop from falling through to first html element
lighter-stylegiude@3.3.1
- [lighter] update CRA to 3.4.0 (#204)
lighter-react-scripts@3.5.0
- [lighter-react-scripts] allow support for glob syntax in scss imports (#197
- [lighter-react-scripts] allow to import .md files from app root (#198
- [lighter-styleguide] add possibility to override default Code theme (#202)
- [lighter-react-scripts] add missing paths for
tsconfig.json
andjsconfig.json
(#200) - [lighter-react-scripts] use hash for images and all assets that fall through other filters. (#201)
lighter-react-scripts@3.4.0
lighter-styleguide@3.3.0
- [lighter-react-scripts] add support for emoji in MDX (#191)
- [lighter-styleguide] allow to use styleguide components outside of styleguide (#195)
- [lighter-react-scripts] disable hot updates in dev mode (#189)
- [lighter-styleguide] fix ul styles without normalize (#190)
- [lighter-styleguide] autocomplete has colors from theme (#190)
- [lighter-styleguide] remove ```js ``` from component docs output (#192)
- [lighter-styleguide] only use sass-vars-loader when src/lib/tokens.js exists (#193)
- [lighter-styleguide] fix indent of navigation items (#194)
lighter-react-scripts@3.3.0
lighter-styleguide@3.2.0
- [lighter-react-scripts] fix sass-vars-loader files not being array (#187)
lighter-react-scripts@3.2.0
- [lighter-react-scripts] enable js/json import to scss from
lib/tokens.js
(#181)
- [lighter-react-scripts] update eslint plugins to fix sort-prop-types autofix (#182)
- [lighter-react-scripts] scripts entry is optional (#183)
- [lighter-react-scripts] fix github actions for Lighter (#184)
lighter-react-scripts@3.2.0
lighter-react-scripts@3.1.6
- [lighter-react-scripts] missnamed and missing entires
app
andstatic
(#177)
lighter-react-scripts@3.1.5
- [lighter-react-scripts] fix css entry names (#176)
lighter-react-scripts@3.1.4
- [lighter-react-scripts] include css entries in lib in ssr too (#173)
- [lighter-react-scripts] include lib files in production ssr (#174)
lighter-react-scripts@3.1.3
- [lighter-react-scripts] remove replacing slash with dash in entry name (#170)
lighter-react-scripts@3.1.2
Same as 3.1.0.
- [lighter-react-scripts] add entries from lib to SSR (#169)
- [lighter-styleguide] prevent selecting color name on double-click (#168)
- [lighter-react-scripts] use mini-css-extract-plugin in development instead of style-loader to fix missing CSS files in SSR (#167)
- [lighter-react-scripts] rename built component stylesheets to style.css (this reverts breaking change in 3.0.0) (#166)
lighter-react-scripts@3.1.0
lighter-styleguide@3.1.1
- [eslint-config-lighter] replace Airbnb eslint config with CRA config and add few new rules (#164)
- [lighter] update CRA to 3.3.0 (#163)
lighter-react-scripts@3.0.2
eslint-config-lighter@3.0.0
- [lighter-styleguide] added new sidebar (#156)
- [lighter-styleguide] added search in styleguide routes paths (#158)
- [lighter-styleguide] update react-select dependency (#149)
- [lighter-react-scripts] update sass-loader dependency (#151)
- [lighter-styleguide] refactor
<ColorPalette />
to hooks (#154) - [lighter-styleguide] refactor
<Code />
to hooks and replaceprismjs
withprism-react-renderer
(#150) - [lighter-styleguide] refactor
<Preview />
to hooks (#160)
- [lighter-styleguide] fix package json react-select dependency version (#155)
- [lighter-styleguide] remove GA console.log (#157)
- [lighter-styleguide] fix styleguide npm contents (#161)
- [lighter] add
styleguide:install
andstyleguide
scripts (#152) - [lighter-styleguide] update favicon and app title of styleguide (#153)
lighter-react-scripts@3.0.1
lighter-styleguide@3.1.0
- [lighter-styleguide] fix CodeExample to respect MDX generated code shape (#147)
lighter-styleguide@3.0.1
- Node 6 is no longer supported
- Webpack 4 under hood
- Babel 7 under hood (with support of macros)
- Node modules are transpiled with Babel (@babel/preset-env)
- adds ESLint 6 support
- Jest 24
- React Hooks support
- browserslist support in @babel/preset-env
- Absolute imports using jsconfig.json/tsconfig.json
ESLint and Prettier are no longer fixing syntax during compilation. Instead we are formatting and fixing fixable errors during Git commits. If you want instant formatting, you can configure "fix/format on save" in your favorite editor.
In dev mode (npm start
) entries are:
/src/index.js
as entry processedStaticSiteGeneratorPlugin
or ifsrc/index.html
orpublic/index.html
existed processed withHtmlWebpackPlugin
- all
/src/*.js
files which have[entryName].html
file with corresponding name insrc/
orpublic/
folders. This entries are treated as SPA applications and are processed withHtmlWebpackPlugin
In build mode (npm run build
) entries are:
- same as in dev mode
src/components/*.{js,scss,css}
src/components/**/index.js
src/components/**/*.static.js
/src/lib/*.{js,scss,css}
src/styleguide/index.js
is no longer treated as entry and have to be moved to src/styleguide.js
. src/styleguide/styleguide.html
to public/styleguide.html
or src/styleguide.html
.
Entry names in lighter-react-scripts don't start anymore with slash /
.
Import paths in SCSS files are no longer aliased to src/styles
and full relative paths has to be written.
- @import 'helpers/main';
- @import 'base/config';
+ @import './../../../styles/helpers/main';
+ @import './../../../styles/base/config';
Support for lib
command was removed. Lib files are now builded with build
command.
- "build": "npm-run-all build:app build:lib",
- "build:app": "lighter-react-scripts build",
- "build:lib": "lighter-react-scripts lib",
+ "build": "lighter-react-scripts build",
Due limitation in MDX compiler, we have to change ho lighter-styleguide
is initialized.
import React from 'react';
import ReactDOM from 'react-dom';
+ import { MDXProvider } from '@mdx-js/react';
+ import '@lighting-beetle/lighter-styleguide/build/lib/styleguide.css';
- import styleguide from '@lighting-beetle/lighter-styleguide';
+ import {
+ App as StyleguideApp,
+ MDXComponents,
+ } from '@lighting-beetle/lighter-styleguide';
import './styles/before-components.scss';
import config from './project.config';
import routes from './styleguide/routes';
import './styles/after-components.scss';
- styleguide({ config, routes });
+ ReactDOM.render(
+ <MDXProvider components={MDXComponents}>
+ <StyleguideApp config={config} routes={routes} />
+ </MDXProvider>,
+ document.getElementById('root')
+ );
md
function for runtime markdown compilation to React is no longer supported. Use .mdx
files instead.
// docs.js
import React from 'react';
import { md } from 'lighter-styleguide';
export default md`
# Markdown
`;
<!-- docs.mdx -->
# Markdown
- Remove support for
ComponentDocs
propspath
andresolver
for parsingreact-docgen
with Webpackraw-loader
. Usecomponent
prop instead which leverages information about props frombabel-plugin-react-docgen
.
- import ComponentDocs from '../styleguide/ComponentDocs';
+ import { ComponentDocs } from 'lighter-styleguide';
import Button from './';
- <ComponentDocs path="Button/Button.js" title="<Button />" />
+ <ComponentDocs path="Button" title="<Button />" />
Support for Preview
title
prop was removed. Use markdown heading instead.
+ ## Title
- <Preview title="Title" />
+ <Preview />
- Add
eslint-plugin-react-hooks
^2.x
to dev dependencies
- [lighter-styleguide] remove support for props documentation in runtime with raw-loader (#134)
- [lighter-styleguide] move mdx utils to MDX component and rename components to
MDXComponents
(#135) - [lighter-styleguide] remove support for
md
markdown compilation in runtime in favor of MDX (#136) - [lighter-styleguide] remove support for
ComponentDocs
path
prop in favor ofcomponent
prop (#137) - [lighter-styleguide] remove support for
Preview
title
prop in favor of header above preview (#139)
- [lighter-react-scripts] turn back on clearConsole (#141)
- [lighter-styleguide] add
App
docs (#138)
lighter-styleguide@3.0.0
lighter-react-scripts@3.0.0
- [eslint-config-lighter] add eslint react-hooks plugin (#132)
-
[lighter-react-scripts] move react-scripts devDependencies to dependencies (#131)
-
[eslint-config-lighter] move eslint-config-lighter dependencies to peerDependencies (#132)
-
lighter-styleguide@3.0.0-beta.2
-
lighter-react-scripts@3.0.0-beta.2
-
eslint-config-lighter@2.1.0
- [lighter-styleguide] code splittings for separate parts of page and routes (#128)
- [lighter-styleguide], [lighter-react-scripts] update browserlist to avoid autoprefixer/cssnano changing 'transparent' to 'initial' (#125)
- [lighter-styleguide] fix components with name Preview and description of preview in docs (#127)
lighter-styleguide@3.0.0-beta.1
lighter-react-scripts@3.0.0-beta.1
eslint-config-lighter@2.0.0
- [lighter-styleguide] runs GA in production mode only (#123)
lighter-styleguide@2.3.2
- [lighter-styleguide] remove GA debug flag (#120)
- [lighter-styleguide] remove ComponentDocs util (#121
lighter-styleguide@2.3.1
- [lighter-styleguide] add support for GA tracking of pages and Preview (#118)
- [lighter-styleguide] Preview interactive refactor and improvments (#115)
- [lighter-styleguide] fix HTML code example not working (#117)
lighter-styleguide@2.3.0
- [lighter-styleguide] try to fix netlify redirects issues (#108)
- [lighter-styleguide] Fix menu category text wrapping (#109)
- [lighter-styleguide] fix category color (#113)
- [lighter-styleguide] fix double scrollbar (#114)
- [lighter-styleguide] Fullscreen preview (#111)
lighter-styleguide@2.2.0
- [lighter-styleguide] fix issues with interactivity of HTML elements (#106)
- [lighter-styleguide] fix how interact handles string prop formats (#106)
- [lighter-styleguide] fix interact show code placement (#106)
lighter-styleguide@2.1.1
- [lighter-styleguide] add interactivity into Preview component (#102)
lighter-styleguide@2.1.0
- [lighter-styleguide] update sg deps (fix react-router-dom 4.4.0 was unpublished from NPM) (#103)
lighter-styleguide@2.0.2
- [lighter-styleguide] fix react-router-dom deprecated imports in lighter-app (#100)
lighter-styleguide@2.0.1
- [lighter-styleguide] do not export unnecessary components from styleguide (#95)
- [lighter-styleguide] add
babel-plugin-react-docgen
plugin and parse information from this plugin with<ComponentDocs component={Component} />
which replacepath
prop which is now deprecated (#64) - [lighter-styleguide] add
<Preview />
bgThemeColors
colors prop (#66) - [lighter-styleguide]
<Code />
will highlightscss
language instead ofsass
(#80) - [lighter-react-scripts] add
babel-plugin-react-docgen
to webpack config (#85)
- [lighter-styleguide] update styleguide deps (#65, #68, #86)
- [lighter-styleguide] make ComponentsDocs title computed from displayName prop if possible (#70)
- [lighter-styleguide] update
Preview
codeJSXOptions
prop defaults (#71) - [lighter-styleguide] add Lighter logo (#94)
- [lighter-styleguide] fix heading levels in Typography (#67)
- [lighter-styleguide] fix error when ComponentDocs uses
path
prop (#70) - [lighter-styleguide] fix error when ComponentDocs uses
path
prop (#70) fix rendering components when using npm package - [lighter-styleguide] fix
<ComponentsDocs />
component
prop not working afterpath
fix (#79) - [lighter-styleguide] fix
<Code />
prop-type definition (#89) - [lighter-styleguide] version in header is correct and visible (#93)
- [lighter-styleguide] update Preview docs (#66, #69)
- [lighter-styleguide] add ComponentsDocs docs (#70)
- [lighter-styleguide] add Code docs (#81)
- [lighter-styleguide] add ColorPalette docs (#82)
- [lighter-styleguide] add Badge docs (#83)
- [lighter-styleguide] add Table docs (#84)
- [lighter-styleguide] add ComponentInfo docs (#87)
- [lighter-styleguide] add Note docs (#88)
- [lighter-styleguide] add Page docs (#90)
- [lighter-styleguide] add Typography docs (#91)
- [lighter-styleguide] add Hello page (#92)
- [lighter-styleguide] add Maintaining CRA fork docs (#96)
- [lighter-styleguide] add Contributing guidelines docs (#97)
lighter-react-scripts@2.7.0
lighter-styleguide@2.0.0
- [lighter-styleguide] fix rendering components when using npm package (#76)
- [lighter-styleguide] fix ComponentsDocs
path
not displaying props table (#77)
lighter-styleguide@1.4.2
- [lighter-styleguide] fix
package-lock.json
issues (#74)
lighter-styleguide@1.4.1
- [lighter-react-scripts] add automatic src/scripts folder files transpile (#49, #58)
- [lighter-react-scripts] add mdx loader to webpack config (#59, #61)
- [lighter-styleguide] add prism support for diff language (#52)
- [lighter-styleguide] add prism support for scss/sass (#57)
- [lighter-styleguide] add MDX support (#55, #60, #62, #56)
- [lighter-styleguide] print shape prop values in docs (#50)
- [lighter-styleguide] stretch main height (#51)
- [lighter-styleguide] add support for uknown language to code-block component (#53)
- [lighter-styleguide] fix styleguide not working in IE (#54)
lighter-react-scripts@2.6.0
lighter-styleguide@1.4.0
- [lighter-styleguide] allow to pass function to
Preview
code
prop (#47)
lighter-styleguide@1.3.2
- [lighter-styleguide] fix styleguide theme merging (#45)
lighter-styleguide@1.3.1
- [lighter-react-scripts] added possibility to use urls without '.html' extension (#44)
- [lighter-styleguide] implement background selection on
Preview
component (#25, #29, #30) - [lighter-styleguide] show pure text in code example of preview (#36)
- [lighter-styleguide] new
Button
component (#32) - [lighter-styleguide] new
DocsTable
(#40) - [lighter-styleguide] copy code example to clipboard (#37)
- [lighter-styleguide] new
NoteInfo
variant (#34) - [eslint-config-lighter] update
no-param-reassign
rule to ignore props (#42)
- [lighter-styleguide] show html of preview children as function (#30)
- [lighter-styleguide] fix default font size and family for
ComponentDocs
table (#38) - [lighter-styleguide] add missing
Link
export (#35) - [lighter-styleguide] allow to override default
codeJSXOptions
(#41)
- [lighter-styleguide] add Preview docs (#31)
lighter-react-scripts@2.5.0
lighter-styleguide@1.3.0
eslint-config-lighte@1.1.0
- [lighter-react-scripts] pass
Element
to JSDOM as global (fixes issue with tabbable)
lighter-react-scripts@2.4.2
- [lighter-react-scripts] bump cssnano package to fix issues with border declaration
lighter-react-scripts@2.4.1
- [lighter-react-scripts] do not inline images
- [lighter-react-scripts] update dependencies
- [lighter-styleguide] update styleguide deps
- [lighter-styleguide] styleguide is now buildable
- [lighter-styleguide] Refactor styleguide layout to prevent scroll to top on refresh
- [lighter-styleguide] fix Preview iframeHead not working
- [lighter-react-scripts] cssnano no logner applies not safe optimalizations
lighter-react-scripts@2.4.0
lighter-styleguide@1.2.4
- [lighter-react-scripts] fix do not remove unused font-face declarations from css
lighter-react-scripts@2.3.4
- [lighter-styleguide] fix for Warning: Received
true
for non-boolean attributefill
- [lighter-react-scripts] fix css nano minimizing keyframes
lighter-react-scripts@2.3.3
lighter-styleguide@1.2.3
- [lighter-styleguide] fix scrolling and overflow issue in FF
lighter-styleguide@1.2.2
- [lighter-styleguide] refactor , , and styles to use flexbox
lighter-styleguide@1.2.1
- lighter-styleguide refactor component -
colors
prop becomecolor
andname
lighter-styleguide@1.2.0
- [lighter-react-scripts] fix issue with stylint linting node-modules
lighter-react-scripts@2.3.2
- [lighter-react-scripts] fix weback.config.lib issues with windows style path in entries
lighter-react-scripts@2.3.1
- rename
webpack.config.components.js
towebpack.config.lib.js
- [lighter-react-scripts] rename
webpack.config.components.js
towebpack.config.lib.js
- [lighter-react-scripts] lib builds to
components/
andpatterns/
folder
lighter-react-scripts@2.3.0
- components config supports dynamic entries based on contents of components dir files even in subdirectories (
index.js
and*.static.js
) - remove renaming index with react-components
- remove react and react-dom from lib build
- remove prop-types from lib and prod builds
- styleguide allows to override
typeToColorMap
of - styleguide is more flexible
- fix styleguide localTheme generation
lighter-react-scripts@2.2.0
lighter-styleguide@1.1.0
- components config supports dynamic entries based on contents of components dir files
- add
eslint-config-lighter
package - add
stylelint-config-lighter
package
lighter-react-scripts@2.1.0
eslint-config-lighter@1.0.0
stylelint-config-lighter@1.0.0
- check if
lighter-styleguide
exists
lighter-react-scripts@2.0.2
- do not check if
styleguide.html
exists
lighter-react-scripts@2.0.1
- This is initial release of
lighter-styleguide
- Update
lighter-react-scripts
to work withlighter-styleguide
- Styleguide entry can be optional
lighter-react-scripts@2.0.0
lighter-styleguide@1.0.0
- fix missing node-sass in package.json
lighter-react-scripts@1.4.1
- use
uglifyjs-webpack-plugin
instead webpack build-in plugin
lighter-react-scripts@1.4.0
- rename
public/index.html
=>public/styleguide.html
- update dependencies, normalize verzions, remove unnecessary dependecies
- remove unused imports
lighter-react-scripts@1.3.0
- add
__lighterIsServer__
global passed via static-site-generator-webpack-plugin
lighter-react-scripts@1.2.0
- fix SVG loading via file-loader
lighter-react-scripts@1.1.4
- rename
sprite-app.svg
tosprite.svg
lighter-react-scripts@1.1.3
- remove hashes from static assets when building components
lighter-react-scripts@1.1.2
- sort webpack entries correctly in html (sortChunkMode)
- remove unnecessary plugins from components webpack config
lighter-react-scripts@1.1.1
lighter-react-scripts
- css is minified in production
- add support for
lighter-react-scripts components
to build components imported insrc/app/components/index.js
lighter-react-scripts@1.1.0
lighter-react-scripts@1.0.0
lighter-react-dev-utils@1.0.0