dibk-design 2.0.5 → 2.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -7,6 +7,7 @@ exports.default = void 0;
7
7
  var _react = _interopRequireDefault(require("react"));
8
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
9
9
  var _theme = require("../functions/theme");
10
+ var _helpers = require("../functions/helpers");
10
11
  var _ButtonModule = _interopRequireDefault(require("./Button.module.scss"));
11
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
13
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -35,9 +36,10 @@ var Button = function Button(props) {
35
36
  };
36
37
  var buttonProps = _objectSpread({}, props);
37
38
  delete buttonProps.noHover;
39
+ delete buttonProps.hasErrors;
38
40
  delete buttonProps.rounded;
39
41
  var themeStyle = props.theme ? getThemeStyle(props.theme, props.color) : null;
40
- var className = "".concat(_ButtonModule.default.button, " ").concat(_ButtonModule.default[props.color], " ").concat(_ButtonModule.default[props.size], " ").concat(getArrowClass(props.arrow), " ").concat(props.theme ? _ButtonModule.default.hasTheme : "", " ").concat(props.noHover ? _ButtonModule.default.noHover : "", " ").concat(props.rounded ? _ButtonModule.default.rounded : "");
42
+ var className = (0, _helpers.classNameArrayToClassNameString)([_ButtonModule.default.button, _ButtonModule.default[props.color], _ButtonModule.default[props.size], getArrowClass(props.arrow), props.theme && _ButtonModule.default.hasTheme, props.noHover && _ButtonModule.default.noHover, props.rounded && _ButtonModule.default.rounded, props.hasErrors && _ButtonModule.default.hasErrors]);
41
43
  return (_props$href = props.href) !== null && _props$href !== void 0 && _props$href.length ? _react.default.createElement("a", _extends({}, buttonProps, {
42
44
  className: className,
43
45
  style: themeStyle
@@ -53,6 +55,7 @@ Button.propTypes = {
53
55
  arrow: _propTypes.default.oneOf(["none", "left", "right"]),
54
56
  theme: _propTypes.default.object,
55
57
  disabled: _propTypes.default.bool,
58
+ hasErrors: _propTypes.default.bool,
56
59
  noHover: _propTypes.default.bool,
57
60
  rounded: _propTypes.default.bool,
58
61
  href: _propTypes.default.string,
@@ -62,8 +65,9 @@ Button.defaultProps = {
62
65
  color: "default",
63
66
  size: "regular",
64
67
  disabled: false,
68
+ hasErrors: false,
65
69
  noHover: false,
66
- arrow: 'none'
70
+ arrow: "none"
67
71
  };
68
72
  var _default = Button;
69
73
  exports.default = _default;
@@ -177,6 +177,11 @@
177
177
  }
178
178
  }
179
179
 
180
+ &.hasErrors {
181
+ @include box-shadow(0 0 2px 1px $color-error);
182
+ border-color: $color-error;
183
+ }
184
+
180
185
  &.rounded {
181
186
  border-radius: 20px;
182
187
  }
package/package.json CHANGED
@@ -1,83 +1,83 @@
1
1
  {
2
- "name": "dibk-design",
3
- "version": "2.0.5",
4
- "private": false,
5
- "main": "dist/index.js",
6
- "module": "dist/index.js",
7
- "files": [
8
- "dist",
9
- "README.md"
10
- ],
11
- "dependencies": {
12
- "@testing-library/jest-dom": "^5.16.5",
13
- "@testing-library/react": "^13.4.0",
14
- "@testing-library/user-event": "^14.4.3",
15
- "react": "^18.2.0",
16
- "react-dom": "^18.2.0",
17
- "react-scripts": "5.0.1",
18
- "sass": "^1.55.0",
19
- "web-vitals": "^3.0.3"
20
- },
21
- "scripts": {
22
- "start": "react-scripts start",
23
- "build-components": "NODE_ENV=production babel src/stories --ignore src/**/*.stories.jsx --out-dir dist/components --copy-files --no-copy-ignored",
24
- "build-functions": "NODE_ENV=production babel src/functions --out-dir dist/functions --copy-files --no-copy-ignored",
25
- "build-index": "NODE_ENV=production babel src/index.js --out-dir dist --copy-files --no-copy-ignored",
26
- "build-style": "NODE_ENV=production babel src/style --out-dir dist/style --copy-files --no-copy-ignored",
27
- "build-assets": "NODE_ENV=production babel src/assets --out-dir dist/assets --copy-files --no-copy-ignored",
28
- "build": "rm -rf dist && yarn build-components && yarn build-functions && yarn build-index && yarn build-style && yarn build-assets",
29
- "eject": "react-scripts eject",
30
- "storybook": "storybook dev -p 6006 -s public",
31
- "build-storybook": "storybook build -s public -o docs"
32
- },
33
- "eslintConfig": {
34
- "extends": [
35
- "react-app",
36
- "react-app/jest"
2
+ "name": "dibk-design",
3
+ "version": "2.0.7",
4
+ "private": false,
5
+ "main": "dist/index.js",
6
+ "module": "dist/index.js",
7
+ "files": [
8
+ "dist",
9
+ "README.md"
37
10
  ],
38
- "overrides": [
39
- {
40
- "files": [
41
- "**/*.stories.*"
11
+ "dependencies": {
12
+ "@testing-library/jest-dom": "^5.16.5",
13
+ "@testing-library/react": "^13.4.0",
14
+ "@testing-library/user-event": "^14.4.3",
15
+ "react": "^18.2.0",
16
+ "react-dom": "^18.2.0",
17
+ "react-scripts": "5.0.1",
18
+ "sass": "^1.55.0",
19
+ "web-vitals": "^3.0.3"
20
+ },
21
+ "scripts": {
22
+ "start": "react-scripts start",
23
+ "build-components": "NODE_ENV=production babel src/stories --ignore src/**/*.stories.jsx --out-dir dist/components --copy-files --no-copy-ignored",
24
+ "build-functions": "NODE_ENV=production babel src/functions --out-dir dist/functions --copy-files --no-copy-ignored",
25
+ "build-index": "NODE_ENV=production babel src/index.js --out-dir dist --copy-files --no-copy-ignored",
26
+ "build-style": "NODE_ENV=production babel src/style --out-dir dist/style --copy-files --no-copy-ignored",
27
+ "build-assets": "NODE_ENV=production babel src/assets --out-dir dist/assets --copy-files --no-copy-ignored",
28
+ "build": "rm -rf dist && yarn build-components && yarn build-functions && yarn build-index && yarn build-style && yarn build-assets",
29
+ "eject": "react-scripts eject",
30
+ "storybook": "start-storybook -p 6006 -s public",
31
+ "build-storybook": "build-storybook -s public -o docs"
32
+ },
33
+ "eslintConfig": {
34
+ "extends": [
35
+ "react-app",
36
+ "react-app/jest"
42
37
  ],
43
- "rules": {
44
- "import/no-anonymous-default-export": "off"
45
- }
46
- }
47
- ]
48
- },
49
- "browserslist": {
50
- "production": [
51
- ">0.2%",
52
- "not dead",
53
- "not op_mini all"
54
- ],
55
- "development": [
56
- "last 1 chrome version",
57
- "last 1 firefox version",
58
- "last 1 safari version"
59
- ]
60
- },
61
- "devDependencies": {
62
- "@babel/cli": "^7.18.10",
63
- "@storybook/addon-a11y": "^7.0.0-alpha.37",
64
- "@storybook/addon-actions": "^7.0.0-alpha.37",
65
- "@storybook/addon-essentials": "^7.0.0-alpha.37",
66
- "@storybook/addon-interactions": "^7.0.0-alpha.37",
67
- "@storybook/addon-links": "^7.0.0-alpha.37",
68
- "@storybook/addons": "^7.0.0-alpha.37",
69
- "@storybook/node-logger": "^7.0.0-alpha.37",
70
- "@storybook/preset-create-react-app": "^4.1.2",
71
- "@storybook/react": "^7.0.0-alpha.37",
72
- "@storybook/react-webpack5": "^7.0.0-alpha.37",
73
- "@storybook/testing-library": "^0.0.14-next.0",
74
- "@storybook/theming": "^7.0.0-alpha.37",
75
- "babel-plugin-named-exports-order": "^0.0.2",
76
- "babel-plugin-transform-remove-console": "^6.9.4",
77
- "prop-types": "^15.8.1",
78
- "react-router-dom": "^6.4.2",
79
- "storybook": "^7.0.0-alpha.37",
80
- "url-loader": "^4.1.1",
81
- "webpack": "^5.74.0"
82
- }
38
+ "overrides": [
39
+ {
40
+ "files": [
41
+ "**/*.stories.*"
42
+ ],
43
+ "rules": {
44
+ "import/no-anonymous-default-export": "off"
45
+ }
46
+ }
47
+ ]
48
+ },
49
+ "browserslist": {
50
+ "production": [
51
+ ">0.2%",
52
+ "not dead",
53
+ "not op_mini all"
54
+ ],
55
+ "development": [
56
+ "last 1 chrome version",
57
+ "last 1 firefox version",
58
+ "last 1 safari version"
59
+ ]
60
+ },
61
+ "devDependencies": {
62
+ "@babel/cli": "^7.18.10",
63
+ "@storybook/addon-a11y": "^6.5.12",
64
+ "@storybook/addon-actions": "^6.5.12",
65
+ "@storybook/addon-essentials": "^6.5.12",
66
+ "@storybook/addon-interactions": "^6.5.12",
67
+ "@storybook/addon-links": "^6.5.12",
68
+ "@storybook/addons": "^6.5.12",
69
+ "@storybook/builder-webpack5": "^6.5.12",
70
+ "@storybook/manager-webpack5": "^6.5.12",
71
+ "@storybook/node-logger": "^6.5.12",
72
+ "@storybook/preset-create-react-app": "^4.1.2",
73
+ "@storybook/react": "^6.5.12",
74
+ "@storybook/testing-library": "^0.0.13",
75
+ "@storybook/theming": "^6.5.12",
76
+ "babel-plugin-named-exports-order": "^0.0.2",
77
+ "babel-plugin-transform-remove-console": "^6.9.4",
78
+ "prop-types": "^15.8.1",
79
+ "react-router-dom": "^6.4.2",
80
+ "url-loader": "^4.1.1",
81
+ "webpack": "^5.74.0"
82
+ }
83
83
  }