@synerise/ds-button 0.14.0 → 0.16.2

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.
Files changed (16) hide show
  1. package/CHANGELOG.md +35 -0
  2. package/README.md +1 -1
  3. package/dist/Button.js +18 -33
  4. package/dist/Button.styles.js +8 -8
  5. package/dist/Button.types.js +1 -0
  6. package/dist/Checkbox/Checkbox.js +13 -27
  7. package/dist/Checkbox/Checkbox.styles.js +1 -1
  8. package/dist/Checkbox/Checkbox.types.js +1 -0
  9. package/dist/Creator/Creator.js +7 -21
  10. package/dist/Creator/Creator.styles.js +5 -5
  11. package/dist/Expander/Expander.js +4 -5
  12. package/dist/Expander/Expander.styles.js +7 -5
  13. package/dist/Star/Star.js +8 -9
  14. package/dist/Star/Star.types.js +1 -0
  15. package/dist/index.js +18 -37
  16. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -3,6 +3,41 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [0.16.2](https://github.com/synerise/synerise-design/compare/@synerise/ds-button@0.16.1...@synerise/ds-button@0.16.2) (2021-11-22)
7
+
8
+ **Note:** Version bump only for package @synerise/ds-button
9
+
10
+
11
+
12
+
13
+
14
+ ## [0.16.1](https://github.com/synerise/synerise-design/compare/@synerise/ds-button@0.15.0...@synerise/ds-button@0.16.1) (2021-11-09)
15
+
16
+ **Note:** Version bump only for package @synerise/ds-button
17
+
18
+
19
+
20
+
21
+
22
+ # [0.16.0](https://github.com/synerise/synerise-design/compare/@synerise/ds-button@0.15.0...@synerise/ds-button@0.16.0) (2021-11-09)
23
+
24
+ **Note:** Version bump only for package @synerise/ds-button
25
+
26
+
27
+
28
+
29
+
30
+ # [0.15.0](https://github.com/synerise/synerise-design/compare/@synerise/ds-button@0.13.67...@synerise/ds-button@0.15.0) (2021-10-26)
31
+
32
+
33
+ ### Features
34
+
35
+ * **button:** add button min width ([bd8c410](https://github.com/synerise/synerise-design/commit/bd8c410f73cc2779cfe0596d6e866b374ec4a06b))
36
+
37
+
38
+
39
+
40
+
6
41
  # [0.14.0](https://github.com/synerise/synerise-design/compare/@synerise/ds-button@0.13.67...@synerise/ds-button@0.14.0) (2021-10-19)
7
42
 
8
43
 
package/README.md CHANGED
@@ -43,7 +43,7 @@ yarn add @synerise/ds-button
43
43
 
44
44
  ```
45
45
  import Icon from '@synerise/ds-icon';
46
- import { AngleDownS } from '@synerise/ds-icon/dist/icons';
46
+ import { AngleDownS } from '@synerise/ds-icon';
47
47
  <div>
48
48
  <Button mode="split" type="custom-color" color="green">
49
49
  Click
package/dist/Button.js CHANGED
@@ -1,26 +1,13 @@
1
- function _extends() { _extends = Object.assign || 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); }
2
-
3
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
4
-
5
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
6
-
7
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
1
+ var _excluded = ["type", "mode", "justifyContent", "groupVariant", "loading", "onClick", "className", "color", "error", "activated"];
8
2
 
9
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
10
-
11
- function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
12
-
13
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
14
-
15
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
3
+ function _extends() { _extends = Object.assign || 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); }
16
4
 
17
5
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
18
6
 
19
7
  import * as React from 'react';
20
8
  import '@synerise/ds-core/dist/js/style';
21
9
  import "./style/index.css";
22
- import Icon from '@synerise/ds-icon';
23
- import SpinnerM from '@synerise/ds-icon/dist/icons/SpinnerM';
10
+ import Icon, { SpinnerM } from '@synerise/ds-icon';
24
11
  import * as S from './Button.styles';
25
12
  var RIPPLE_ANIMATION_OFFSET = 50;
26
13
 
@@ -39,19 +26,17 @@ var Button = function Button(_ref) {
39
26
  color = _ref$color === void 0 ? 'red' : _ref$color,
40
27
  error = _ref.error,
41
28
  activated = _ref.activated,
42
- antdProps = _objectWithoutProperties(_ref, ["type", "mode", "justifyContent", "groupVariant", "loading", "onClick", "className", "color", "error", "activated"]);
29
+ antdProps = _objectWithoutPropertiesLoose(_ref, _excluded);
43
30
 
44
31
  var rippleRef = React.useRef(null);
45
32
 
46
33
  var _React$useState = React.useState(''),
47
- _React$useState2 = _slicedToArray(_React$useState, 2),
48
- rippleClassName = _React$useState2[0],
49
- setRippleClassName = _React$useState2[1];
34
+ rippleClassName = _React$useState[0],
35
+ setRippleClassName = _React$useState[1];
50
36
 
51
- var _React$useState3 = React.useState(false),
52
- _React$useState4 = _slicedToArray(_React$useState3, 2),
53
- pressed = _React$useState4[0],
54
- setPressed = _React$useState4[1];
37
+ var _React$useState2 = React.useState(false),
38
+ pressed = _React$useState2[0],
39
+ setPressed = _React$useState2[1];
55
40
 
56
41
  React.useEffect(function () {
57
42
  if (rippleClassName !== '') {
@@ -70,7 +55,7 @@ var Button = function Button(_ref) {
70
55
  var y = event.clientY - buttonBoundingRect.top;
71
56
 
72
57
  if (rippleRef.current) {
73
- rippleRef.current.style.cssText = "top: ".concat(y, "px; left: ").concat(x, "px");
58
+ rippleRef.current.style.cssText = "top: " + y + "px; left: " + x + "px";
74
59
  }
75
60
 
76
61
  setRippleClassName('animate');
@@ -81,9 +66,9 @@ var Button = function Button(_ref) {
81
66
  var classNameString = React.useMemo(function () {
82
67
  var modeStringifed = !mode ? '' : mode;
83
68
  var classNameStringifed = !className ? '' : className;
84
- return "ds-button ".concat(modeStringifed, " ").concat(classNameStringifed);
69
+ return "ds-button " + modeStringifed + " " + classNameStringifed;
85
70
  }, [mode, className]);
86
- return React.createElement(S.AntdButton, _extends({
71
+ return /*#__PURE__*/React.createElement(S.AntdButton, _extends({
87
72
  justifyContent: justifyContent,
88
73
  type: type || 'secondary',
89
74
  mode: mode,
@@ -103,16 +88,16 @@ var Button = function Button(_ref) {
103
88
  customColor: color
104
89
  /* eslint-disable-next-line react/jsx-props-no-spreading */
105
90
 
106
- }, antdProps), React.createElement(S.RippleEffect, {
91
+ }, antdProps), /*#__PURE__*/React.createElement(S.RippleEffect, {
107
92
  ref: rippleRef,
108
- className: "btn-ripple ".concat(rippleClassName)
109
- }), antdProps.children, loading && React.createElement(S.Spinner, {
93
+ className: "btn-ripple " + rippleClassName
94
+ }), antdProps.children, loading && /*#__PURE__*/React.createElement(S.Spinner, {
110
95
  className: "btn-spinner",
111
96
  "data-testid": "button-spinner"
112
- }, React.createElement(Icon, {
113
- component: React.createElement(SpinnerM, null),
97
+ }, /*#__PURE__*/React.createElement(Icon, {
98
+ component: /*#__PURE__*/React.createElement(SpinnerM, null),
114
99
  color: "#fff"
115
- })), React.createElement(S.ButtonFocus, {
100
+ })), /*#__PURE__*/React.createElement(S.ButtonFocus, {
116
101
  className: "btn-focus"
117
102
  }));
118
103
  };
package/dist/Button.styles.js CHANGED
@@ -1,13 +1,13 @@
1
- function _extends() { _extends = Object.assign || 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); }
1
+ var _excluded = ["mode", "type", "loading", "justifyContent", "groupVariant", "customColor", "rightIconSize", "leftIconSize", "pressed", "size", "iconColor", "error", "activated"];
2
2
 
3
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
3
+ function _extends() { _extends = Object.assign || 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); }
4
4
 
5
5
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
6
6
 
7
7
  import * as React from 'react';
8
8
  import styled, { css, keyframes } from 'styled-components';
9
9
  import Button from 'antd/lib/button';
10
- import { IconContainer } from '@synerise/ds-icon/dist/Icon.styles';
10
+ import { IconContainer } from '@synerise/ds-icon';
11
11
  export var RIPPLE_ANIMATION_TIME = 500;
12
12
  var leftIcon = '0 4px 0 8px';
13
13
  var rightIcon = '0 8px 0 4px';
@@ -55,10 +55,10 @@ export var AntdButton = styled(function (_ref) {
55
55
  iconColor = _ref.iconColor,
56
56
  error = _ref.error,
57
57
  activated = _ref.activated,
58
- rest = _objectWithoutProperties(_ref, ["mode", "type", "loading", "justifyContent", "groupVariant", "customColor", "rightIconSize", "leftIconSize", "pressed", "size", "iconColor", "error", "activated"]);
58
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded);
59
59
 
60
60
  // eslint-disable-next-line react/jsx-props-no-spreading
61
- return React.createElement(Button, _extends({
61
+ return /*#__PURE__*/React.createElement(Button, _extends({
62
62
  type: type === 'custom-color-ghost' ? 'ghost-primary' : type,
63
63
  size: size
64
64
  }, rest));
@@ -94,7 +94,7 @@ export var AntdButton = styled(function (_ref) {
94
94
  }, function (props) {
95
95
  return props.loading && css(["> *:not(.btn-focus){opacity:0;visibility:hidden;}", "{opacity:1;visibility:visible;}"], Spinner);
96
96
  }, function (props) {
97
- return props.type === buttonType[props.type] && css(["&.ant-btn{&:not(:disabled){svg{fill:", ";}&:hover{svg{fill:", ";}}}}"], props.iconColor ? props.theme.palette["".concat(props.iconColor, "-600")] : props.theme.palette['grey-600'], props.iconColor ? props.theme.palette['blue-600'] : props.theme.palette['grey-600']);
97
+ return props.type === buttonType[props.type] && css(["&.ant-btn{&:not(:disabled){svg{fill:", ";}&:hover{svg{fill:", ";}}}}"], props.iconColor ? props.theme.palette[props.iconColor + "-600"] : props.theme.palette['grey-600'], props.iconColor ? props.theme.palette['blue-600'] : props.theme.palette['grey-600']);
98
98
  }, function (props) {
99
99
  return props.mode === 'split' && css(["&.ant-btn{padding-right:0;> span:not(.btn-focus){padding-right:12px;position:relative;}> span:not(.btn-focus) + .ds-icon{margin:0 4px 0 3px;position:relative;&:before{content:'';background-color:", ";top:", ";height:", ";width:1px;left:-4px;position:absolute;transition:all 0.3s ease;}}}"], props.type !== splitType[props.type] ? "rgba(255, 255, 255, 0.15);" : props.theme.palette['grey-300'], props.size === 'large' ? '-12px' : '-4px', props.size === 'large' ? '48px' : '32px');
100
100
  }, function (props) {
@@ -120,7 +120,7 @@ export var AntdButton = styled(function (_ref) {
120
120
  }, function (props) {
121
121
  return props.error && props.type === 'secondary' && css(["&&&.ant-btn .btn-focus{box-shadow:inset 0 0 0 1px ", " !important;&&&:hover{background-color:", ";}&&&:active{background-color:", ";box-shadow:inset 0 0 0 2px ", ";span{color:", ";}svg{fill:", ";}}", "{background-color:", ";}}"], props.theme.palette['red-600'], props.theme.palette["red-200"], props.theme.palette["red-600"], props.theme.palette['blue-600'], props.theme.palette.white, props.theme.palette.white, RippleEffect, props.theme.palette["red-700"]);
122
122
  }, function (props) {
123
- return props.type === 'custom-color' && css(["&.ant-btn{background-color:", ";border:0 solid transparent;span{color:", ";}svg{color:", ";fill:", ";}", "{box-shadow:inset 0 0 0 0px transparent;}", "{background-color:", ";}&:focus{", "{box-shadow:inset 0 0 0 2px ", ";}}&:hover:not(:disabled):not(:focus){background-color:", ";span{color:", ";}svg{color:", " !important;fill:", " !important;}}&:disabled{opacity:0.4;background-color:", ";span{color:", ";}svg{color:", " !important;fill:", " !important;}}}"], props.theme.palette["".concat(props.customColor, "-600")], props.theme.palette.white, props.theme.palette.white, props.theme.palette.white, ButtonFocus, RippleEffect, props.theme.palette["".concat(props.customColor, "-700")], ButtonFocus, props.theme.palette['blue-600'], props.theme.palette["".concat(props.customColor, "-500")], props.theme.palette.white, props.theme.palette.white, props.theme.palette.white, props.theme.palette["".concat(props.customColor, "-600")], props.theme.palette.white, props.theme.palette.white, props.theme.palette.white);
123
+ return props.type === 'custom-color' && css(["&.ant-btn{background-color:", ";border:0 solid transparent;span{color:", ";}svg{color:", ";fill:", ";}", "{box-shadow:inset 0 0 0 0px transparent;}", "{background-color:", ";}&:focus{", "{box-shadow:inset 0 0 0 2px ", ";}}&:hover:not(:disabled):not(:focus){background-color:", ";span{color:", ";}svg{color:", " !important;fill:", " !important;}}&:disabled{opacity:0.4;background-color:", ";span{color:", ";}svg{color:", " !important;fill:", " !important;}}}"], props.theme.palette[props.customColor + "-600"], props.theme.palette.white, props.theme.palette.white, props.theme.palette.white, ButtonFocus, RippleEffect, props.theme.palette[props.customColor + "-700"], ButtonFocus, props.theme.palette['blue-600'], props.theme.palette[props.customColor + "-500"], props.theme.palette.white, props.theme.palette.white, props.theme.palette.white, props.theme.palette[props.customColor + "-600"], props.theme.palette.white, props.theme.palette.white, props.theme.palette.white);
124
124
  }, function (props) {
125
- return props.type === 'custom-color-ghost' && css(["color:", ";.ds-icon > svg{fill:", ";}&:hover:not(:disabled):not(:focus){color:", ";span{color:", ";}svg{fill:", " !important;}}&:disabled{opacity:0.4;color:", ";.ds-icon > svg{fill:", " !important;}}"], props.theme.palette["".concat(props.customColor, "-600")], props.theme.palette["".concat(props.customColor, "-600")], props.theme.palette["".concat(props.customColor, "-500")], props.theme.palette["".concat(props.customColor, "-500")], props.theme.palette["".concat(props.customColor, "-500")], props.theme.palette["".concat(props.customColor, "-600")], props.theme.palette["".concat(props.customColor, "-600")]);
125
+ return props.type === 'custom-color-ghost' && css(["color:", ";.ds-icon > svg{fill:", ";}&:hover:not(:disabled):not(:focus){color:", ";span{color:", ";}svg{fill:", " !important;}}&:disabled{opacity:0.4;color:", ";.ds-icon > svg{fill:", " !important;}}"], props.theme.palette[props.customColor + "-600"], props.theme.palette[props.customColor + "-600"], props.theme.palette[props.customColor + "-500"], props.theme.palette[props.customColor + "-500"], props.theme.palette[props.customColor + "-500"], props.theme.palette[props.customColor + "-600"], props.theme.palette[props.customColor + "-600"]);
126
126
  });
package/dist/Button.types.js CHANGED
@@ -0,0 +1 @@
1
+ export {};
package/dist/Checkbox/Checkbox.js CHANGED
@@ -1,24 +1,11 @@
1
- function _extends() { _extends = Object.assign || 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); }
2
-
3
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
4
-
5
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
6
-
7
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
1
+ var _excluded = ["checked", "defaultChecked", "hasError", "indeterminate", "onChange", "onClick"];
8
2
 
9
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
10
-
11
- function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
12
-
13
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
14
-
15
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
3
+ function _extends() { _extends = Object.assign || 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); }
16
4
 
17
5
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
18
6
 
19
7
  import * as React from 'react';
20
- import Icon from '@synerise/ds-icon';
21
- import { CheckboxIndeterminateM, CheckboxSelectedFillM } from '@synerise/ds-icon/dist/icons';
8
+ import Icon, { CheckboxIndeterminateM, CheckboxSelectedFillM } from '@synerise/ds-icon';
22
9
  import Button from '../Button';
23
10
  import * as S from './Checkbox.styles';
24
11
 
@@ -27,14 +14,14 @@ var CheckboxButtonIcon = function CheckboxButtonIcon(_ref) {
27
14
  indeterminate = _ref.indeterminate;
28
15
 
29
16
  if (indeterminate) {
30
- return React.createElement(CheckboxIndeterminateM, null);
17
+ return /*#__PURE__*/React.createElement(CheckboxIndeterminateM, null);
31
18
  }
32
19
 
33
20
  if (checked) {
34
- return React.createElement(CheckboxSelectedFillM, null);
21
+ return /*#__PURE__*/React.createElement(CheckboxSelectedFillM, null);
35
22
  }
36
23
 
37
- return React.createElement(React.Fragment, null, React.createElement(S.DefaultIcon, null), React.createElement(S.HoverIcon, null));
24
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.DefaultIcon, null), /*#__PURE__*/React.createElement(S.HoverIcon, null));
38
25
  };
39
26
 
40
27
  var getNextCheckedState = function getNextCheckedState(prevState, _ref2) {
@@ -60,12 +47,11 @@ var CheckboxButton = function CheckboxButton(props) {
60
47
  indeterminate = props.indeterminate,
61
48
  onChange = props.onChange,
62
49
  onClick = props.onClick,
63
- restProps = _objectWithoutProperties(props, ["checked", "defaultChecked", "hasError", "indeterminate", "onChange", "onClick"]);
50
+ restProps = _objectWithoutPropertiesLoose(props, _excluded);
64
51
 
65
52
  var _React$useState = React.useState(defaultChecked),
66
- _React$useState2 = _slicedToArray(_React$useState, 2),
67
- isCheckedState = _React$useState2[0],
68
- setIsCheckedState = _React$useState2[1];
53
+ isCheckedState = _React$useState[0],
54
+ setIsCheckedState = _React$useState[1];
69
55
 
70
56
  var handleButtonClick = function handleButtonClick(e) {
71
57
  if (typeof onClick === 'function') {
@@ -84,7 +70,7 @@ var CheckboxButton = function CheckboxButton(props) {
84
70
  };
85
71
 
86
72
  var isChecked = checked !== undefined ? checked : isCheckedState;
87
- return React.createElement(Button, _extends({
73
+ return /*#__PURE__*/React.createElement(Button, _extends({
88
74
  "aria-checked": indeterminate ? 'mixed' : isChecked,
89
75
  mode: "single-icon",
90
76
  role: "checkbox",
@@ -94,11 +80,11 @@ var CheckboxButton = function CheckboxButton(props) {
94
80
  tabIndex: 0,
95
81
  type: "ghost",
96
82
  onClick: handleButtonClick
97
- }, restProps), React.createElement(S.IconWrapper, {
83
+ }, restProps), /*#__PURE__*/React.createElement(S.IconWrapper, {
98
84
  active: indeterminate || isChecked,
99
85
  error: hasError
100
- }, React.createElement(Icon, {
101
- component: React.createElement(CheckboxButtonIcon, {
86
+ }, /*#__PURE__*/React.createElement(Icon, {
87
+ component: /*#__PURE__*/React.createElement(CheckboxButtonIcon, {
102
88
  checked: isChecked,
103
89
  indeterminate: indeterminate
104
90
  })
package/dist/Checkbox/Checkbox.styles.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import styled from 'styled-components';
2
- import { CheckboxDeafultM, CheckboxM } from '@synerise/ds-icon/dist/icons';
2
+ import { CheckboxDeafultM, CheckboxM } from '@synerise/ds-icon';
3
3
  export var IconWrapper = styled.span.withConfig({
4
4
  displayName: "Checkboxstyles__IconWrapper",
5
5
  componentId: "ssgaoj-0"
package/dist/Checkbox/Checkbox.types.js CHANGED
@@ -0,0 +1 @@
1
+ export {};
package/dist/Creator/Creator.js CHANGED
@@ -1,18 +1,5 @@
1
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
2
-
3
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
4
-
5
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
6
-
7
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
8
-
9
- function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
10
-
11
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
12
-
13
1
  import * as React from 'react';
14
- import Icon from '@synerise/ds-icon';
15
- import AddM from '@synerise/ds-icon/dist/icons/AddM';
2
+ import Icon, { AddM } from '@synerise/ds-icon';
16
3
  import * as S from './Creator.styles';
17
4
 
18
5
  var Creator = function Creator(_ref) {
@@ -23,9 +10,8 @@ var Creator = function Creator(_ref) {
23
10
  status = _ref.status;
24
11
 
25
12
  var _React$useState = React.useState(false),
26
- _React$useState2 = _slicedToArray(_React$useState, 2),
27
- pressed = _React$useState2[0],
28
- setPressed = _React$useState2[1];
13
+ pressed = _React$useState[0],
14
+ setPressed = _React$useState[1];
29
15
 
30
16
  var onPress = React.useCallback(function () {
31
17
  setPressed(true);
@@ -33,7 +19,7 @@ var Creator = function Creator(_ref) {
33
19
  var onRelease = React.useCallback(function () {
34
20
  setPressed(false);
35
21
  }, []);
36
- return React.createElement(S.Creator, {
22
+ return /*#__PURE__*/React.createElement(S.Creator, {
37
23
  block: block,
38
24
  className: "ds-button-creator",
39
25
  disabled: disabled,
@@ -44,9 +30,9 @@ var Creator = function Creator(_ref) {
44
30
  withLabel: Boolean(label),
45
31
  pressed: pressed,
46
32
  status: status
47
- }, React.createElement(React.Fragment, null, React.createElement(Icon, {
48
- component: React.createElement(AddM, null)
49
- }), label && React.createElement(S.CreatorLabel, {
33
+ }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
34
+ component: /*#__PURE__*/React.createElement(AddM, null)
35
+ }), label && /*#__PURE__*/React.createElement(S.CreatorLabel, {
50
36
  "data-testid": "ds-add-button-label"
51
37
  }, label)));
52
38
  };
package/dist/Creator/Creator.styles.js CHANGED
@@ -1,10 +1,10 @@
1
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
1
+ var _excluded = ["pressed", "withLabel"];
2
2
 
3
3
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
4
4
 
5
5
  import * as React from 'react';
6
6
  import styled, { css } from 'styled-components';
7
- import { IconContainer } from '@synerise/ds-icon/dist/Icon.styles';
7
+ import { IconContainer } from '@synerise/ds-icon';
8
8
  import { hexToRgba } from '@synerise/ds-utils';
9
9
  import Button from '../Button';
10
10
  import { ButtonFocus, RippleEffect } from '../Button.styles';
@@ -29,9 +29,9 @@ var uploadStyles = function uploadStyles(_ref2) {
29
29
  export var Creator = styled(function (_ref3) {
30
30
  var pressed = _ref3.pressed,
31
31
  withLabel = _ref3.withLabel,
32
- rest = _objectWithoutProperties(_ref3, ["pressed", "withLabel"]);
32
+ rest = _objectWithoutPropertiesLoose(_ref3, _excluded);
33
33
 
34
- return React.createElement(Button, rest);
34
+ return /*#__PURE__*/React.createElement(Button, rest);
35
35
  }).withConfig({
36
36
  displayName: "Creatorstyles__Creator",
37
37
  componentId: "sc-1w96u6h-1"
@@ -69,7 +69,7 @@ export var Creator = styled(function (_ref3) {
69
69
  var theme = _ref7.theme;
70
70
  return hexToRgba(theme.palette['grey-200'], 0.2);
71
71
  }, function (props) {
72
- return props.pressed && "&&{ background-color: ".concat(hexToRgba(props.theme.palette['grey-200'], 0.4), "; }");
72
+ return props.pressed && "&&{ background-color: " + hexToRgba(props.theme.palette['grey-200'], 0.4) + "; }";
73
73
  }, function (props) {
74
74
  return props.theme.palette['grey-400'];
75
75
  }, function (props) {
package/dist/Expander/Expander.js CHANGED
@@ -1,6 +1,5 @@
1
1
  import * as React from 'react';
2
- import Icon from '@synerise/ds-icon';
3
- import { AngleDownS } from '@synerise/ds-icon/dist/icons';
2
+ import Icon, { AngleDownS } from '@synerise/ds-icon';
4
3
  import * as S from './Expander.styles';
5
4
  import { ExpanderSize } from './Expander.types';
6
5
 
@@ -10,14 +9,14 @@ var Expander = function Expander(_ref) {
10
9
  expanded = _ref.expanded,
11
10
  disabled = _ref.disabled,
12
11
  onClick = _ref.onClick;
13
- return React.createElement(S.Expander, {
12
+ return /*#__PURE__*/React.createElement(S.Expander, {
14
13
  onClick: onClick,
15
14
  size: ExpanderSize[size],
16
15
  className: "ds-expander",
17
16
  expanded: expanded,
18
17
  disabled: disabled
19
- }, React.createElement(Icon, {
20
- component: React.createElement(AngleDownS, null)
18
+ }, /*#__PURE__*/React.createElement(Icon, {
19
+ component: /*#__PURE__*/React.createElement(AngleDownS, null)
21
20
  }));
22
21
  };
23
22
 
package/dist/Expander/Expander.styles.js CHANGED
@@ -1,12 +1,12 @@
1
- function _extends() { _extends = Object.assign || 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); }
1
+ var _excluded = ["children", "expanded", "size"];
2
2
 
3
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
3
+ function _extends() { _extends = Object.assign || 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); }
4
4
 
5
5
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
6
6
 
7
7
  import styled, { keyframes, css } from 'styled-components';
8
8
  import * as React from 'react';
9
- import { IconContainer } from '@synerise/ds-icon/dist/Icon.styles';
9
+ import { IconContainer } from '@synerise/ds-icon';
10
10
  import Button from '../Button';
11
11
  export var focusAnimation = function focusAnimation(_ref) {
12
12
  var theme = _ref.theme;
@@ -17,9 +17,11 @@ export var Expander = styled(function (_ref2) {
17
17
  var children = _ref2.children,
18
18
  expanded = _ref2.expanded,
19
19
  size = _ref2.size,
20
- rest = _objectWithoutProperties(_ref2, ["children", "expanded", "size"]);
20
+ rest = _objectWithoutPropertiesLoose(_ref2, _excluded);
21
21
 
22
- return (// eslint-disable-next-line react/jsx-props-no-spreading
22
+ return (
23
+ /*#__PURE__*/
24
+ // eslint-disable-next-line react/jsx-props-no-spreading
23
25
  React.createElement(Button, _extends({
24
26
  mode: "single-icon"
25
27
  }, rest), children)
package/dist/Star/Star.js CHANGED
@@ -1,21 +1,20 @@
1
- function _extends() { _extends = Object.assign || 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); }
1
+ var _excluded = ["hasError", "active"];
2
2
 
3
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
3
+ function _extends() { _extends = Object.assign || 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); }
4
4
 
5
5
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
6
6
 
7
7
  import * as React from 'react';
8
- import Icon from '@synerise/ds-icon';
9
- import { StarM, StarFillM } from '@synerise/ds-icon/dist/icons';
8
+ import Icon, { StarM, StarFillM } from '@synerise/ds-icon';
10
9
  import Button from '../Button';
11
10
  import * as S from './Star.styles';
12
11
 
13
12
  var StarButton = function StarButton(props) {
14
13
  var hasError = props.hasError,
15
14
  active = props.active,
16
- restProps = _objectWithoutProperties(props, ["hasError", "active"]);
15
+ restProps = _objectWithoutPropertiesLoose(props, _excluded);
17
16
 
18
- return React.createElement(Button, _extends({
17
+ return /*#__PURE__*/React.createElement(Button, _extends({
19
18
  "aria-pressed": !!active,
20
19
  mode: "single-icon",
21
20
  role: "button",
@@ -24,11 +23,11 @@ var StarButton = function StarButton(props) {
24
23
  },
25
24
  tabIndex: 0,
26
25
  type: "ghost"
27
- }, restProps), React.createElement(S.IconWrapper, {
26
+ }, restProps), /*#__PURE__*/React.createElement(S.IconWrapper, {
28
27
  active: active,
29
28
  error: hasError
30
- }, React.createElement(Icon, {
31
- component: active ? React.createElement(StarFillM, null) : React.createElement(StarM, null)
29
+ }, /*#__PURE__*/React.createElement(Icon, {
30
+ component: active ? /*#__PURE__*/React.createElement(StarFillM, null) : /*#__PURE__*/React.createElement(StarM, null)
32
31
  })));
33
32
  };
34
33
 
package/dist/Star/Star.types.js CHANGED
@@ -0,0 +1 @@
1
+ export {};
package/dist/index.js CHANGED
@@ -1,24 +1,6 @@
1
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
1
+ function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
2
2
 
3
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
4
-
5
- function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
6
-
7
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
8
-
9
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
10
-
11
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
12
-
13
- function _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
14
-
15
- function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
16
-
17
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
18
-
19
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
20
-
21
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
3
+ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
22
4
 
23
5
  import * as React from 'react';
24
6
  import MainButton from './Button';
@@ -28,29 +10,28 @@ import Expander from './Expander/Expander';
28
10
  import StarButton from './Star/Star';
29
11
 
30
12
  var Button = /*#__PURE__*/function (_React$Component) {
31
- _inherits(Button, _React$Component);
32
-
33
- var _super = _createSuper(Button);
13
+ _inheritsLoose(Button, _React$Component);
34
14
 
35
15
  function Button() {
36
- _classCallCheck(this, Button);
37
-
38
- return _super.apply(this, arguments);
16
+ return _React$Component.apply(this, arguments) || this;
39
17
  }
40
18
 
41
- _createClass(Button, [{
42
- key: "render",
43
- // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
44
- value: function render() {
45
- return React.createElement(MainButton, this.props);
46
- }
47
- }]);
19
+ var _proto = Button.prototype;
20
+
21
+ // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
22
+ _proto.render = function render() {
23
+ return /*#__PURE__*/React.createElement(MainButton, this.props);
24
+ };
48
25
 
49
26
  return Button;
50
27
  }(React.Component);
51
28
 
52
- Button.Checkbox = CheckboxButton;
53
- Button.Creator = Creator;
54
- Button.Expander = Expander;
55
- Button.Star = StarButton;
29
+ _defineProperty(Button, "Checkbox", CheckboxButton);
30
+
31
+ _defineProperty(Button, "Creator", Creator);
32
+
33
+ _defineProperty(Button, "Expander", Expander);
34
+
35
+ _defineProperty(Button, "Star", StarButton);
36
+
56
37
  export default Button;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@synerise/ds-button",
3
- "version": "0.14.0",
3
+ "version": "0.16.2",
4
4
  "description": "Button UI Component for the Synerise Design System",
5
5
  "license": "ISC",
6
6
  "repository": "synerise/synerise-design",
@@ -32,7 +32,7 @@
32
32
  ],
33
33
  "types": "dist/index.d.ts",
34
34
  "dependencies": {
35
- "@synerise/ds-icon": "^0.45.1"
35
+ "@synerise/ds-icon": "^0.46.2"
36
36
  },
37
37
  "peerDependencies": {
38
38
  "@synerise/ds-core": "*",
@@ -43,5 +43,5 @@
43
43
  "@synerise/ds-utils": "^0.19.0",
44
44
  "csstype": "2.6.9"
45
45
  },
46
- "gitHead": "b69adf958dccdf8cc697fbba1a47acc96218f40e"
46
+ "gitHead": "2468359677783819939fb9f1ef5acc36667ecd1a"
47
47
  }