feat: add <CssResetMinimalistic2>

README.md

@@ -45,8 +45,9 @@ const MyComponent = mock();
      - [`<Theme>`](./docs/theme.md#theme), [`<Themed>`](./docs/theme.md#themed), and [`withTheme()`](./docs/theme.md#withtheme)
      - `<CssVars>`
   - CSS resets
-     - [`<CssResetEricMeyer>`](./docs/CssResetEricMeyer.md)
-     - [`<CssResetEricMeyerCondensed>`](./docs/CssResetEricMeyerCondensed.md)
-     - [`<CssResetMinimalistic>`](./docs/CssResetMinimalistic.md)
+     - [`<CssResetEricMeyer>`](./docs/reset/CssResetEricMeyer.md)
+     - [`<CssResetEricMeyerCondensed>`](./docs/reset/CssResetEricMeyerCondensed.md)
+     - [`<CssResetMinimalistic>`](./docs/reset/CssResetMinimalistic.md)
+     - [`<CssResetMinimalistic2>`](./docs/reset/CssResetMinimalistic2.md)
   - Other
      - [`<Resolve>`](./docs/Resolve.md)

docs/reset/CssResetMinimalistic2.md

@@ -0,0 +1,23 @@
+# `<CssResetMinimalistic2>`
+
+## Usage
+
+Simply render it in your React app
+
+```jsx
+import CssResetMinimalistic2 from 'mol-fe-react/lib/reset/CssResetMinimalistic2';
+
+<CssResetMinimalistic2 />
+```
+
+## Contents
+
+```js
+{
+  '*': {
+      pad: 0,
+      mar: 0,
+      bd: 0,
+  },
+}
+```

src/reset/CssResetMinimalistic2/__tests__/__snapshots__/index.test.ts.snap

@@ -0,0 +1,3 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<CssResetMinimalistic2> renders as expected 1`] = `"<style>*{padding:0;margin:0;border:0;}</style>"`;

src/reset/CssResetMinimalistic2/__tests__/index.test.ts

@@ -0,0 +1,11 @@
+import {createElement as h} from 'react';
+import {renderToStaticMarkup} from 'react-dom/server';
+import CssResetMinimalistic2 from '..';
+
+describe('<CssResetMinimalistic2>', () => {
+  it('renders as expected', () => {
+    const html = renderToStaticMarkup(h(CssResetMinimalistic2));
+
+    expect(html).toMatchSnapshot();
+  });
+});

src/reset/CssResetMinimalistic2/index.ts

@@ -0,0 +1,13 @@
+import createCssResetComponent from '../createCssResetComponent';
+
+export const css = {
+  '*': {
+      pad: 0,
+      mar: 0,
+      bd: 0,
+  },
+};
+
+const CssResetMinimalistic2 = createCssResetComponent(css);
+
+export default CssResetMinimalistic2;

src/reset/CssResetMinimalistic2/story.ts

@@ -0,0 +1,10 @@
+import {createElement as h} from 'react';
+import {storiesOf} from '@storybook/react';
+import {action} from '@storybook/addon-actions';
+import {linkTo} from '@storybook/addon-links';
+import CssResetMinimalistic2 from '.';
+
+storiesOf('reset', module)
+  .add('CssResetMinimalistic2', () =>
+    h(CssResetMinimalistic2)
+  );