@daoyi/nmtl-ui 2.0.1-beta.85 → 2.0.1-beta.87

package/lib/components/MoreButton.js

@@ -1,6 +1,6 @@
-export { M as default } from './MoreButton-efbc5181.js';
+export { M as default } from './MoreButton-44d3b4fe.js';
 import 'react';
 import 'prop-types';
-import './index-195d1b27.js';
+import './index-b76a85f4.js';
 import '@material-ui/icons';
 import './style-inject.es-1f59c1d0.js';

package/lib/components/Pagination.js

@@ -3,14 +3,14 @@ import * as React$2 from 'react';
 import React__default, { Children, isValidElement, cloneElement } from 'react';
 import PropTypes from 'prop-types';
 import { d as defaultTheme, k as _objectWithoutProperties, o as _slicedToArray, _ as _extends, q as _objectWithoutPropertiesLoose, r as alpha, j as formatMuiErrorMessage } from './defaultTheme-ed7746fe.js';
-import { u as useControlled, c as clsx, b as useEventCallback, w as withStyles, d as useIsFocusVisible, e as useForkRef, f as createSvgIcon, g as capitalize, h as debounce, r as requireCreateSvgIcon, i as interopRequireDefault, a as interopRequireWildcard } from './createSvgIcon-d48cdd8c.js';
+import { u as useControlled, c as clsx, b as useEventCallback, w as withStyles, d as useIsFocusVisible, e as useForkRef, f as createSvgIcon, g as capitalize, h as debounce, r as requireCreateSvgIcon, i as interopRequireDefault, a as interopRequireWildcard } from './createSvgIcon-e3803ee1.js';
 import 'react-is';
 import { useTheme as useTheme$1 } from '@material-ui/styles';
 import './withTheme-2d778133.js';
 import { _ as _toConsumableArray } from './toConsumableArray-dbe8af76.js';
 import * as ReactDOM from 'react-dom';
 import ReactDOM__default from 'react-dom';
-import { c as classNames } from './index-195d1b27.js';
+import { c as classNames } from './index-b76a85f4.js';
 import { IconButton } from '@material-ui/core';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import './_commonjsHelpers-70de2c37.js';

package/lib/components/SNA.js

@@ -1,13 +1,13 @@
 import React__default, { useMemo, useEffect } from 'react';
 import PropTypes from 'prop-types';
-import { c as classNames } from './index-195d1b27.js';
+import { c as classNames } from './index-b76a85f4.js';
 import { e as event, d as d3Select, a as dispatch, c as customEvent, D as DragEvent, q as quadtree, m as map, t as timer, T as Transform, i as identity, b as interrupt, o as ordinal, f as category10 } from './transform-3a04288b.js';
-import { E as ExtraTools } from './ExtraTools-7ca77e1a.js';
+import { E as ExtraTools } from './ExtraTools-b9cbb205.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import './_rollupPluginBabelHelpers-a52356f6.js';
 import './_commonjsHelpers-70de2c37.js';
 import '@material-ui/core';
-import './Tooltip-cb531c8d.js';
+import './Tooltip-6ebfa9c1.js';
 import './dataExport-d55d6fa3.js';
 
 function sourceEvent() {

package/lib/components/{Select-38a08b3f.js → Select-7b672be8.js}

@@ -1,9 +1,9 @@
 import { b as _objectSpread2, d as _typeof } from './_rollupPluginBabelHelpers-a52356f6.js';
 import React__default from 'react';
 import PropTypes from 'prop-types';
-import { c as classNames } from './index-195d1b27.js';
+import { c as classNames } from './index-b76a85f4.js';
 import { FormControl, Select as Select$1, CircularProgress, MenuItem } from '@material-ui/core';
-import { E as Empty } from './Empty-ab663853.js';
+import { E as Empty } from './Empty-bf77164f.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
 var css_248z = ".select__placeholder {\n  color: #999;\n}\n.select--small {\n  width: 100%;\n}\n.select--small .MuiSelect-root {\n  padding: 0.5rem 1.5rem 0.25rem;\n  color: white;\n}\n.select--small .MuiSelect-root .select__placeholder {\n  color: white;\n}\n.select--small .MuiSelect-root:hover, .select--small .MuiSelect-root:focus {\n  background: transparent;\n}\n.select--small .MuiSvgIcon-root {\n  color: white;\n}\n.select--small .MuiOutlinedInput-root {\n  border-radius: 45px;\n}";

package/lib/components/Select.js

@@ -1,8 +1,8 @@
-export { S as default } from './Select-38a08b3f.js';
+export { S as default } from './Select-7b672be8.js';
 import './_rollupPluginBabelHelpers-a52356f6.js';
 import 'react';
 import 'prop-types';
-import './index-195d1b27.js';
+import './index-b76a85f4.js';
 import '@material-ui/core';
-import './Empty-ab663853.js';
+import './Empty-bf77164f.js';
 import './style-inject.es-1f59c1d0.js';

package/lib/components/{Spin-5eb597a1.js → Spin-8dc60bfe.js}

@@ -1,6 +1,6 @@
 import React__default, { useMemo } from 'react';
 import PropTypes from 'prop-types';
-import { c as classNames } from './index-195d1b27.js';
+import { c as classNames } from './index-b76a85f4.js';
 import { Fade, CircularProgress } from '@material-ui/core';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 

package/lib/components/Spin.js

@@ -1,6 +1,6 @@
-export { S as default } from './Spin-5eb597a1.js';
+export { S as default } from './Spin-8dc60bfe.js';
 import 'react';
 import 'prop-types';
-import './index-195d1b27.js';
+import './index-b76a85f4.js';
 import '@material-ui/core';
 import './style-inject.es-1f59c1d0.js';

package/lib/components/{Tooltip-cb531c8d.js → Tooltip-6ebfa9c1.js}

@@ -2,7 +2,7 @@ import React__default from 'react';
 import PropTypes from 'prop-types';
 import { Tooltip as Tooltip$1 } from '@material-ui/core';
 import { _ as _extends } from './_rollupPluginBabelHelpers-a52356f6.js';
-import { c as classNames } from './index-195d1b27.js';
+import { c as classNames } from './index-b76a85f4.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
 const TooltipContent = /*#__PURE__*/React__default.forwardRef((props, ref) => /*#__PURE__*/React__default.createElement("div", _extends({}, props, {

package/lib/components/Tooltip.js

@@ -1,7 +1,7 @@
-export { T as default, p as placements } from './Tooltip-cb531c8d.js';
+export { T as default, p as placements } from './Tooltip-6ebfa9c1.js';
 import 'react';
 import 'prop-types';
 import '@material-ui/core';
 import './_rollupPluginBabelHelpers-a52356f6.js';
-import './index-195d1b27.js';
+import './index-b76a85f4.js';
 import './style-inject.es-1f59c1d0.js';

package/lib/components/globalConfig.js

@@ -151,9 +151,9 @@ var ZH_TW = 'zh-tw';
 var ZH_CN = 'zh-cn';
 var EN_US = 'en-us';
 
-/**
- * 全域i18n
- * 讓元件擁有自己的i18n
+/**
+ * 全域i18n
+ * 讓元件擁有自己的i18n
  */
 var lang;
 var languages = (_languages = {}, _defineProperty(_languages, ZH_TW, zhtw), _defineProperty(_languages, ZH_CN, zhcn), _defineProperty(_languages, EN_US, enus), _languages);

package/lib/configs/config.selector.js

@@ -0,0 +1,151 @@
+//
+const AvatarSelectors = {
+  // title: 'example-info-title',
+};
+const AutocompleteSelectors = {
+  // title: 'example-info-title',
+};
+
+// please add more selectors if needed
+const ButtonSelectors = {
+  // title: 'example-info-title',
+};
+const BackTopSelectors = {
+  // title: 'example-info-title',
+};
+const CarouselSelectors = {
+  // title: 'example-info-title',
+};
+const CheckboxSelectors = {
+  // title: 'example-info-title',
+};
+const DrawerSelectors = {
+  // title: 'example-info-title',
+};
+const EmptySelectors = {
+  // title: 'example-info-title',
+};
+const ImageSelectors = {
+  // title: 'example-info-title',
+};
+const InputMethodSelectors = {
+  // title: 'example-info-title',
+};
+const LoadingSelectors = {
+  // title: 'example-info-title',
+};
+const ModalSelectors = {
+  // title: 'example-info-title',
+};
+const RadioSelectors = {
+  // title: 'example-info-title',
+};
+const SelectSelectors = {
+  // title: 'example-info-title',
+};
+const SpinSelectors = {
+  // title: 'example-info-title',
+};
+const TableSelectors = {
+  // title: 'example-info-title',
+};
+const TooltipSelectors = {
+  // title: 'example-info-title',
+};
+const InputSelectors = {
+  // title: 'example-info-title',
+};
+const DropdownSelectors = {
+  // title: 'example-info-title',
+};
+const BreadcrumbsSelectors = {
+  // title: 'example-info-title',
+};
+const ExportButtonSelectors = {
+  // title: 'example-info-title',
+};
+const SNASelectors = {
+  // title: 'example-info-title',
+};
+const BarChartSelectors = {
+  // title: 'example-info-title',
+};
+const ForwardLinkSelectors = {
+  // title: 'example-info-title',
+};
+const PaginationSelectors = {
+  // title: 'example-info-title',
+};
+const ContactModalSelectors = {
+  // title: 'example-info-title',
+};
+const KeywordSearchSelectors = {
+  // title: 'example-info-title',
+};
+const MUIThemeSelectors = {
+  // title: 'example-info-title',
+};
+const HeaderSelectors = {
+  // title: 'example-info-title',
+};
+const FooterSelectors = {
+  // title: 'example-info-title',
+};
+const KeywordsSelectors = {
+  // title: 'example-info-title',
+};
+const CollapseContentSelectors = {
+  // title: 'example-info-title',
+};
+const MoreButtonSelectors = {
+  // title: 'example-info-title',
+};
+const KeywordTickerSelectors = {
+  // title: 'example-info-title',
+};
+const ExtraToolsSelectors = {
+  // title: 'example-info-title',
+};
+const FilterSelectors = {
+  // title: 'example-info-title',
+};
+const SELECTORS = {
+  avatar: AvatarSelectors,
+  autocomplete: AutocompleteSelectors,
+  button: ButtonSelectors,
+  backTop: BackTopSelectors,
+  carousel: CarouselSelectors,
+  checkbox: CheckboxSelectors,
+  drawer: DrawerSelectors,
+  empty: EmptySelectors,
+  image: ImageSelectors,
+  inputMethod: InputMethodSelectors,
+  loading: LoadingSelectors,
+  modal: ModalSelectors,
+  radio: RadioSelectors,
+  select: SelectSelectors,
+  spin: SpinSelectors,
+  table: TableSelectors,
+  tooltip: TooltipSelectors,
+  input: InputSelectors,
+  dropdown: DropdownSelectors,
+  breadcrumbs: BreadcrumbsSelectors,
+  exportButton: ExportButtonSelectors,
+  sna: SNASelectors,
+  barChart: BarChartSelectors,
+  forwardLink: ForwardLinkSelectors,
+  pagination: PaginationSelectors,
+  contactModal: ContactModalSelectors,
+  keywordSearch: KeywordSearchSelectors,
+  muiTheme: MUIThemeSelectors,
+  header: HeaderSelectors,
+  footer: FooterSelectors,
+  keywords: KeywordsSelectors,
+  collapseContent: CollapseContentSelectors,
+  moreButton: MoreButtonSelectors,
+  keywordTicker: KeywordTickerSelectors,
+  extraTools: ExtraToolsSelectors,
+  filter: FilterSelectors
+};
+
+export { AutocompleteSelectors, AvatarSelectors, BackTopSelectors, BarChartSelectors, BreadcrumbsSelectors, ButtonSelectors, CarouselSelectors, CheckboxSelectors, CollapseContentSelectors, ContactModalSelectors, DrawerSelectors, DropdownSelectors, EmptySelectors, ExportButtonSelectors, ExtraToolsSelectors, FilterSelectors, FooterSelectors, ForwardLinkSelectors, HeaderSelectors, ImageSelectors, InputMethodSelectors, InputSelectors, KeywordSearchSelectors, KeywordTickerSelectors, KeywordsSelectors, LoadingSelectors, MUIThemeSelectors, ModalSelectors, MoreButtonSelectors, PaginationSelectors, RadioSelectors, SELECTORS, SNASelectors, SelectSelectors, SpinSelectors, TableSelectors, TooltipSelectors, SELECTORS as default };

package/lib/configs/index.d.ts

@@ -0,0 +1 @@
+export { default as muiSelectorConfig } from './muiSelectorConfig';

package/lib/configs/index.js

@@ -0,0 +1 @@
+export { default as muiSelectorConfig } from './muiSelectorConfig';

package/lib/utils/arrayMerge.js

@@ -4891,26 +4891,26 @@ var arrayMergeTimeline = function arrayMergeTimeline(input, keys, mergeKeys) {
   }, []);
 };
 
-/**
- * arrayMergeBySingleKey 函式功能說明。
- * 根據 id 合併其它所有鍵值為 array
- *
- * params example:
- * 	arrayMergeBySingleKey(data, 'id', {
- *      targetKeys: ['oriImgUrl'],
- * 	    newMergedKeys: ['oriImgUrls'],
- * 	    isShowIndex: true,
- * 	    omitKeys: ['oriImgUrl'],
- * })
- *
- * @param  {Array}  input - 傳入的data。
- * @param  {String}  sameKey - data中相同的key(id)。
- * @param  {Object}  targetKeys {Array} - 欲merge的key。
- *                   newMergedKeys {Array} - merged後的新key名稱【與targetKeys位置對應】
- *                   isShowIndex {Boolean} - 該筆data是否顯示index
- *                   omitKeys {Array} - 移除此筆data中的key
- * @return {[object]} 回傳範例:
- * [{id:1,source:["賴和"],images:[{image:xxxxxxx},{image:xxxxxxx}]},{id:2,source:"賴和",images:[{image:xxxxxxx},{image:xxxxxxx}]}]。
+/**
+ * arrayMergeBySingleKey 函式功能說明。
+ * 根據 id 合併其它所有鍵值為 array
+ *
+ * params example:
+ * 	arrayMergeBySingleKey(data, 'id', {
+ *      targetKeys: ['oriImgUrl'],
+ * 	    newMergedKeys: ['oriImgUrls'],
+ * 	    isShowIndex: true,
+ * 	    omitKeys: ['oriImgUrl'],
+ * })
+ *
+ * @param  {Array}  input - 傳入的data。
+ * @param  {String}  sameKey - data中相同的key(id)。
+ * @param  {Object}  targetKeys {Array} - 欲merge的key。
+ *                   newMergedKeys {Array} - merged後的新key名稱【與targetKeys位置對應】
+ *                   isShowIndex {Boolean} - 該筆data是否顯示index
+ *                   omitKeys {Array} - 移除此筆data中的key
+ * @return {[object]} 回傳範例:
+ * [{id:1,source:["賴和"],images:[{image:xxxxxxx},{image:xxxxxxx}]},{id:2,source:"賴和",images:[{image:xxxxxxx},{image:xxxxxxx}]}]。
  */
 var arrayMergeBySingleKey = function arrayMergeBySingleKey(input, sameKey, _ref) {
   var targetKeys = _ref.targetKeys,

package/package.json

@@ -1,125 +1,125 @@
-{
-	"name": "@daoyi/nmtl-ui",
-	"version": "2.0.1-beta.85",
-	"description": "This project is to be used as a starter kit for building React component using Storybook and Rollup",
-	"author": "daoyi",
-	"main": "lib/index.js",
-	"typings": "lib/index.d.ts",
-	"files": [
-		"lib"
-	],
-	"repository": {
-		"type": "git",
-		"url": "https://github.com/HsunTsai/react-storybook-jsx-starter"
-	},
-	"dependencies": {
-		"@geometricpanda/storybook-addon-badges": "0.2.2",
-		"@material-ui/core": "4.12.3",
-		"@material-ui/icons": "4.11.2",
-		"@material-ui/lab": "4.0.0-alpha.60",
-		"@material-ui/styles": "4.11.4",
-		"axios": "0.21.1",
-		"babel-eslint": "10.1.0",
-		"classnames": "2.3.1",
-		"d3": "5.16.0",
-		"d3-selection": "1.4.2",
-		"d3-transition": "1.3.2",
-		"dom-to-image": "2.6.0",
-		"formik": "2.2.9",
-		"html-to-react": "1.4.5",
-		"jquery": "3.6.0",
-		"js-file-download": "0.4.12",
-		"jszip": "3.7.1",
-		"lodash": "4.17.21",
-		"markdown-it": "12.0.6",
-		"moment": "^2.29.4",
-		"notistack": "1.0.10",
-		"prop-types": "15.7.2",
-		"query-string": "6.12.1",
-		"react": "16.14.0",
-		"react-awesome-lightbox": "^1.8.1",
-		"react-data-export": "0.6.0",
-		"react-dom": "16.14.0",
-		"react-dropzone": "11.3.2",
-		"react-facebook-login": "4.1.1",
-		"react-file-download": "0.3.5",
-		"react-font-size-changer": "0.2.0",
-		"react-google-login": "5.2.2",
-		"react-intl": "5.8.0",
-		"react-redux": "7.2.5",
-		"react-router-dom": "5.2.0",
-		"react-share": "4.4.0",
-		"react-slick": "^0.28.1",
-		"redux": "4.1.0",
-		"sass": "1.41.1",
-		"screenfull": "5.2.0",
-		"slick-carousel": "^1.8.1",
-		"styled-components": "5.3.5",
-		"xlsx": "0.18.5"
-	},
-	"devDependencies": {
-		"@babel/core": "7.14.8",
-		"@babel/preset-env": "7.14.8",
-		"@babel/preset-react": "7.14.5",
-		"@rollup/plugin-babel": "5.3.1",
-		"@rollup/plugin-commonjs": "22.0.0",
-		"@rollup/plugin-node-resolve": "13.2.1",
-		"@rollup/plugin-replace": "4.0.0",
-		"@rollup/plugin-image": "2.1.1",
-		"@rollup/plugin-json": "4.1.0",
-		"@storybook/addon-essentials": "6.5.13",
-		"@storybook/addon-links": "6.5.13",
-		"@storybook/addon-notes": "6.0.0-alpha.6",
-		"@storybook/addons": "6.5.13",
-		"@storybook/preset-scss": "1.0.3",
-		"@storybook/react": "6.5.13",
-		"autoprefixer": "9.8.6",
-		"babel-loader": "8.2.2",
-		"babel-plugin-transform-imports": "2.0.0",
-		"css-loader": "1.0.1",
-		"eslint": "7.2.0",
-		"eslint-config-airbnb": "18.2.1",
-		"eslint-config-node": "4.1.0",
-		"eslint-config-prettier": "8.3.0",
-		"eslint-loader": "4.0.2",
-		"eslint-plugin-import": "2.22.1",
-		"eslint-plugin-jsx-a11y": "6.4.1",
-		"eslint-plugin-node": "11.1.0",
-		"eslint-plugin-prettier": "3.4.1",
-		"eslint-plugin-react": "7.21.5",
-		"eslint-plugin-react-hooks": "1.7.0",
-		"http-proxy-middleware": "1.3.1",
-		"prettier": "2.4.1",
-		"rollup": "2.70.2",
-		"rollup-plugin-cleaner": "1.0.0",
-		"rollup-plugin-postcss": "4.0.1",
-		"rollup-plugin-terser": "7.0.2",
-		"sass-loader": "7.1.0",
-		"style-loader": "0.22.1"
-	},
-	"browserslist": {
-		"production": [
-			">0.2%",
-			"not dead",
-			"not op_mini all"
-		],
-		"development": [
-			"last 1 chrome version",
-			"last 1 firefox version",
-			"last 1 safari version"
-		]
-	},
-	"scripts": {
-		"start": "set NODE_OPTIONS=--max_old_space_size=16384 && yarn storybook",
-		"lint": "eslint ./src/**/*.{js,jsx}",
-		"format": "prettier --write --tab-width 4 --use-tabs true \"{,src/**/}*.{js,jsx}\"",
-		"storybook": "start-storybook -p 6006 --no-open",
-		"build": "rollup -c && npm run build-index",
-		"build-index": "node ./rollup.index.js",
-		"build-storybook": "build-storybook -c .storybook -o public",
-		"create": "node ./buildUtils/create.js",
-		"pub": "npm version patch -m Publish && npm publish",
-		"pub-alpha": "npm version prerelease --preid=alpha && npm publish --tag alpha",
-		"pub-beta": "npm version prerelease --preid=beta && npm publish --tag beta"
-	}
-}
+{
+	"name": "@daoyi/nmtl-ui",
+	"version": "2.0.1-beta.87",
+	"description": "This project is to be used as a starter kit for building React component using Storybook and Rollup",
+	"author": "daoyi",
+	"main": "lib/index.js",
+	"typings": "lib/index.d.ts",
+	"files": [
+		"lib"
+	],
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/HsunTsai/react-storybook-jsx-starter"
+	},
+	"dependencies": {
+		"@geometricpanda/storybook-addon-badges": "0.2.2",
+		"@material-ui/core": "4.12.3",
+		"@material-ui/icons": "4.11.2",
+		"@material-ui/lab": "4.0.0-alpha.60",
+		"@material-ui/styles": "4.11.4",
+		"axios": "0.21.1",
+		"babel-eslint": "10.1.0",
+		"classnames": "2.3.1",
+		"d3": "5.16.0",
+		"d3-selection": "1.4.2",
+		"d3-transition": "1.3.2",
+		"dom-to-image": "2.6.0",
+		"formik": "2.2.9",
+		"html-to-react": "1.4.5",
+		"jquery": "3.6.0",
+		"js-file-download": "0.4.12",
+		"jszip": "3.7.1",
+		"lodash": "4.17.21",
+		"markdown-it": "12.0.6",
+		"moment": "^2.29.4",
+		"notistack": "1.0.10",
+		"prop-types": "15.7.2",
+		"query-string": "6.12.1",
+		"react": "16.14.0",
+		"react-awesome-lightbox": "^1.8.1",
+		"react-data-export": "0.6.0",
+		"react-dom": "16.14.0",
+		"react-dropzone": "11.3.2",
+		"react-facebook-login": "4.1.1",
+		"react-file-download": "0.3.5",
+		"react-font-size-changer": "0.2.0",
+		"react-google-login": "5.2.2",
+		"react-intl": "5.8.0",
+		"react-redux": "7.2.5",
+		"react-router-dom": "5.2.0",
+		"react-share": "4.4.0",
+		"react-slick": "^0.28.1",
+		"redux": "4.1.0",
+		"sass": "1.41.1",
+		"screenfull": "5.2.0",
+		"slick-carousel": "^1.8.1",
+		"styled-components": "5.3.5",
+		"xlsx": "0.18.5"
+	},
+	"devDependencies": {
+		"@babel/core": "7.14.8",
+		"@babel/preset-env": "7.14.8",
+		"@babel/preset-react": "7.14.5",
+		"@rollup/plugin-babel": "5.3.1",
+		"@rollup/plugin-commonjs": "22.0.0",
+		"@rollup/plugin-node-resolve": "13.2.1",
+		"@rollup/plugin-replace": "4.0.0",
+		"@rollup/plugin-image": "2.1.1",
+		"@rollup/plugin-json": "4.1.0",
+		"@storybook/addon-essentials": "6.5.13",
+		"@storybook/addon-links": "6.5.13",
+		"@storybook/addon-notes": "6.0.0-alpha.6",
+		"@storybook/addons": "6.5.13",
+		"@storybook/preset-scss": "1.0.3",
+		"@storybook/react": "6.5.13",
+		"autoprefixer": "9.8.6",
+		"babel-loader": "8.2.2",
+		"babel-plugin-transform-imports": "2.0.0",
+		"css-loader": "1.0.1",
+		"eslint": "7.2.0",
+		"eslint-config-airbnb": "18.2.1",
+		"eslint-config-node": "4.1.0",
+		"eslint-config-prettier": "8.3.0",
+		"eslint-loader": "4.0.2",
+		"eslint-plugin-import": "2.22.1",
+		"eslint-plugin-jsx-a11y": "6.4.1",
+		"eslint-plugin-node": "11.1.0",
+		"eslint-plugin-prettier": "3.4.1",
+		"eslint-plugin-react": "7.21.5",
+		"eslint-plugin-react-hooks": "1.7.0",
+		"http-proxy-middleware": "1.3.1",
+		"prettier": "2.4.1",
+		"rollup": "2.70.2",
+		"rollup-plugin-cleaner": "1.0.0",
+		"rollup-plugin-postcss": "4.0.1",
+		"rollup-plugin-terser": "7.0.2",
+		"sass-loader": "7.1.0",
+		"style-loader": "0.22.1"
+	},
+	"browserslist": {
+		"production": [
+			">0.2%",
+			"not dead",
+			"not op_mini all"
+		],
+		"development": [
+			"last 1 chrome version",
+			"last 1 firefox version",
+			"last 1 safari version"
+		]
+	},
+	"scripts": {
+		"start": "set NODE_OPTIONS=--max_old_space_size=16384 && yarn storybook",
+		"lint": "eslint ./src/**/*.{js,jsx}",
+		"format": "prettier --write --tab-width 4 --use-tabs true \"{,src/**/}*.{js,jsx}\"",
+		"storybook": "start-storybook -p 6006 --no-open",
+		"build": "rollup -c && npm run build-index",
+		"build-index": "node ./rollup.index.js",
+		"build-storybook": "build-storybook -c .storybook -o public",
+		"create": "node ./buildUtils/create.js",
+		"pub": "npm version patch -m Publish && npm publish",
+		"pub-alpha": "npm version prerelease --preid=alpha && npm publish --tag alpha",
+		"pub-beta": "npm version prerelease --preid=beta && npm publish --tag beta"
+	}
+}