v0.9.0

What’s new?

• We don’t expose the index.scss file anymore. Dirty swan take care of transpiring the Sass file into one index.css file.
• You won't be able to import the dirty swan in your css module file. This is to prevent huge css output.

Breaking changes

• On your App entry file (index.js or App.js, replace the import '@popsure/dirty-swan/dist/index.scss'; by import '@popsure/dirty-swan/dist/index.css';
• Replace all the @import '@popsure/dirty-swan'; on your Sass file by the requested variable.
  • @import '@popsure/dirty-swan/dist/colors'; for colors see Variables / Colors
  • @import '@popsure/dirty-swan/dist/font-weight'; for font weight see Variables / Font weight
  • @import '@popsure/dirty-swan/dist/grid'; for sizes see Variables / Sizes weight
• Don't use @extend within your Sass file anymore. Instead it is prefered to use Css module compose:. Css module composition

// Before
.title {
  @extend .p-p;
}

// After
.title {
  composes: p-p from '~@popsure/dirty-swan/dist/index.css';
}

v0.8.4

What’s new?

• New way to apply color to text components using Text class) read more here
• New way to apply text alignment read more here

v0.8.3

What’s new?

Bug fix

• Fixed incorrect package.json where @rollup/plugin-typescript was set as a dependency.

v0.8.2

What’s new?

Bug fix

• Fixed a bug where dirtySwan would make your app crash if you haven’t added the Google Map API header script
• Fixed images loading issues on SignaturePad

v0.7.5

What’s new?

• Fixed the export of the newest SignaturePad component. If you were previously using 0.7.4 and tried to use the SignaturePad component, this update will fix it.

v0.7.4

What’s new?

Added SignaturePad component see documentation

<Signaturepad onChange={(base64Signature: string) => {}} />

v0.7.3

What’s new?

Added display classes, you can now set an element’s display quickly using the following

<div class="d-block"> <!-- display: block; -->
<div class="d-flex"> <!-- display: flex; -->
…

v0.7.2

What’s new?

Added Fuild width widths, you can now set your width using the following

<div class="w10"> <!-- 10% width -->
<div class="w20"> <!-- 20% width -->
…
<div class="w100"> <!-- 100% width -->

In addition you can also use w0 for width: 0 and w-auto for width: auto

v0.7.1

What’s new?

• Fixed the export of the newest Dropzone component. If you were previously using 0.7.0 and tried to use the Dropzone component, this update will fix it.

v0.7.0

What’s new?

Added new Dropzone component

<Dropzone uploading={true} progress={30} onSelectedFile={() => {}} />