When trying to install this theme with reapop ^1.0.0. Got the following message:
npm ERR! peerinvalid The package reapop does not satisfy its siblings' peerDependencies requirements! npm ERR! peerinvalid Peer [email protected] wants reapop@^0.6.0

Do you know how to fix that ? And why this theme as a peer outdated peer dependency ?

When a notification should have two buttons the UI is broken on small devices. The second button "wraps" to the next line which is not visible. This means that any notification in which a user should be able to select one of two options instead only sees one option. This make the library unusable on mobile devices when needing to allow users multiple options. Moreover, I use a "Cancel" button so that a user could decide not to do an action, and when the UI breaks in this way, a user cannot even dismiss the notification because "dismissible" has no effect.

Hello! I'm trying to use reapop in my latest react-redux application but I can't use the provided themes because they require sass-loader and since I'm using CRA (which is becoming increasingly popular) I have no way to add that loader, and in general I think that should be preferable to provide a standard css version because it would be more compatible with the various build pipeline that devs are using.

What do you think about it? The css version should be the default one or just an alternative? Maybe I can try to put up a PR for this issue but I would like to know your opinion first.

Thank you.

Description

Hi I have recently migrate my project to works on:
"webpack": "5.4.0",
"webpack-cli": "3.3.12"
"style-loader": "2.0.0",
"css-loader": "5.0.1",
"@babel/core": "7.12.3",
"@babel/polyfill": "7.12.1",
"@babel/preset-env": "7.12.1",
"@babel/preset-react": "7.12.5",

In the moment everything works fine except the "reapop-theme-wybo", the theme itself comes with classNames of "undefined".

Explanation / motivation

I have checked the "reapop-theme-wybo/index.js" file and found out that the constant named "css" have a propperty called 'default' which contains all the classes. For example if I add everywhere css.default['some-class-name'] instead of css['some-class-name'] it works without issues.

When I try the approach to do something like this, for example -> const { default: css } = require('./lib/styles.module.css');
It works without any issues.

So, If you have time, could you check this and if possible to add it into a future update, please.

The interesting part is that on :
"webpack": "4.44.1",
"webpack-cli": "3.3.12",
"style-loader": "1.2.1",
"css-loader": "4.1.1",
"@babel/core": "7.11.0",
"@babel/polyfill": "7.10.4",
"@babel/preset-env": "7.11.0",
"@babel/preset-react": "7.10.4",

It is working fine.

Additional information

I will add some screenshots to make it easier for getting all I said.

Here is how it looks like:

And here is example of what I mean:

This theme can be compatible with font awesome 5 ?

Hi !
Just spent half an hour figuring out why the webpack config given in the docs produced several errors like :

./~/reapop-theme-wybo/index.js
Module not found: Error: Can't resolve 'css' 

It's just that newer versions of webpack require the "-loader" to be appended to the module name

So if there are people not very familiar to webpack like me, here's my working config :

var CSSLoader = [
  'css-loader?sourceMap&-minimize',
  'modules',
  'importLoaders=1',
  'localIdentName=[name]__[local]__[hash:base64:5]'
].join('&');

module.exports = {
  module: {
    loaders: [{
      test: /\.css$/,
      loaders: ['style-loader', CSSLoader]
    }, {
      test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/,
      loader: "url-loader?limit=10000&minetype=application/font-woff"
    }, {
      test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/,
      loader: "file-loader"
    }]
  }
};

Except that, everything is working great so far :)

It seems to work fine without it. I'm already using Materialui icons in my project. are there certain icons you are specifically using from font-awesome?