@rescui/checkbox 0.8.5 → 0.8.7-RUI-226-Update-card-cn-6e43cc89.60

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 (15) hide show
  1. package/lib/_virtual/index.css.js +12 -7
  2. package/lib/_virtual/warning.js +90 -21
  3. package/lib/checkbox.js +32 -44
  4. package/lib/index.css +117 -110
  5. package/lib/index.js +1 -1
  6. package/lib/parts/checkbox-control-inner.js +24 -41
  7. package/lib/parts/checkbox-control.js +32 -42
  8. package/lib/parts/checkbox-list.js +25 -37
  9. package/lib/parts/checkbox-manager.js +31 -45
  10. package/lib/parts/checkbox.p.module.css.js +28 -28
  11. package/lib/parts/group-context.js +2 -2
  12. package/lib/parts/marks.js +35 -52
  13. package/lib/public-api.p.css +38 -26
  14. package/lib/public-api.pcss +38 -26
  15. package/package.json +11 -11
package/lib/parts/checkbox-control.js CHANGED
@@ -1,51 +1,40 @@
1
- import "core-js/modules/es.object.to-string.js";
2
- import "core-js/modules/web.dom-collections.for-each.js";
3
- import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
4
- import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
5
- import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
6
- import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
7
- import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
8
- import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
9
- import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
10
- var _excluded = ["value", "defaultChecked", "onChange", "checked", "isError", "disabled", "theme", "size", "mode"];
11
1
  import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
12
-
13
- function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
14
-
15
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
16
-
17
2
  import React from 'react';
18
3
  import { GroupContext } from './group-context.js';
19
4
  import CheckboxControlInner from './checkbox-control-inner.js';
20
- var CheckboxControl = /*#__PURE__*/React.forwardRef(function CheckboxControl(props, ref) {
21
- return /*#__PURE__*/React.createElement(GroupContext.Consumer, null, function (_ref) {
22
- var inGroup = _ref.inGroup,
23
- handleCheckboxChange = _ref.handleCheckboxChange,
24
- groupValue = _ref.value,
25
- isError = _ref.isError,
26
- theme = _ref.theme,
27
- size = _ref.size,
28
- mode = _ref.mode,
29
- disabled = _ref.disabled;
5
+ const CheckboxControl = /*#__PURE__*/React.forwardRef(function CheckboxControl(props, ref) {
6
+ return /*#__PURE__*/React.createElement(GroupContext.Consumer, null, _ref => {
7
+ let {
8
+ inGroup,
9
+ handleCheckboxChange,
10
+ value: groupValue,
11
+ isError,
12
+ theme,
13
+ size,
14
+ mode,
15
+ disabled
16
+ } = _ref;
30
17
 
31
18
  if (!inGroup) {
32
- return /*#__PURE__*/React.createElement(CheckboxControlInner, _objectSpread({
33
- ref: ref
34
- }, props));
19
+ return /*#__PURE__*/React.createElement(CheckboxControlInner, {
20
+ ref: ref,
21
+ ...props
22
+ });
35
23
  }
36
24
 
37
- var value = props.value,
38
- defaultChecked = props.defaultChecked,
39
- onChange = props.onChange,
40
- checked = props.checked,
41
- propsIsError = props.isError,
42
- propsDisabled = props.disabled,
43
- propsTheme = props.theme,
44
- propsSize = props.size,
45
- propsMode = props.mode,
46
- restProps = _objectWithoutProperties(props, _excluded);
47
-
48
- return /*#__PURE__*/React.createElement(CheckboxControlInner, _objectSpread({
25
+ const {
26
+ value,
27
+ defaultChecked,
28
+ onChange,
29
+ checked,
30
+ isError: propsIsError,
31
+ disabled: propsDisabled,
32
+ theme: propsTheme,
33
+ size: propsSize,
34
+ mode: propsMode,
35
+ ...restProps
36
+ } = props;
37
+ return /*#__PURE__*/React.createElement(CheckboxControlInner, {
49
38
  isError: isError || propsIsError,
50
39
  value: value,
51
40
  onChange: handleCheckboxChange,
@@ -54,8 +43,9 @@ var CheckboxControl = /*#__PURE__*/React.forwardRef(function CheckboxControl(pro
54
43
  theme: theme || propsTheme,
55
44
  size: size || propsSize,
56
45
  mode: mode || propsMode,
57
- ref: ref
58
- }, restProps));
46
+ ref: ref,
47
+ ...restProps
48
+ });
59
49
  });
60
50
  });
61
51
  CheckboxControl.propTypes = CheckboxControlInner.propTypes;
package/lib/parts/checkbox-list.js CHANGED
@@ -1,18 +1,3 @@
1
- import "core-js/modules/es.object.to-string.js";
2
- import "core-js/modules/web.dom-collections.for-each.js";
3
- import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
4
- import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
5
- import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
6
- import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
7
- import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
8
- import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
9
- import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
10
- var _excluded = ["mode", "size", "theme", "disabled", "children", "onChange", "value", "defaultValue", "error", "className", "style"];
11
-
12
- function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
13
-
14
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
15
-
16
1
  import React from 'react';
17
2
  import PropTypes from 'prop-types';
18
3
  import { Menu } from '@rescui/menu';
@@ -21,32 +6,33 @@ import { useThemeWithUndefined } from '@rescui/ui-contexts';
21
6
  import WarningIcon from '../_virtual/warning.js';
22
7
  import styles from './checkbox.p.module.css.js';
23
8
  import CheckboxManager from './checkbox-manager.js';
24
- var THEME_STYLES = {
9
+ const THEME_STYLES = {
25
10
  light: styles.themeLight,
26
11
  dark: styles.themeDark
27
12
  };
28
- var SIZE_STYLES = {
13
+ const SIZE_STYLES = {
29
14
  s: styles.listSizeS,
30
15
  m: styles.listSizeM,
31
16
  l: styles.listSizeL
32
17
  };
33
18
 
34
- var CheckboxList = function CheckboxList(_ref) {
35
- var mode = _ref.mode,
36
- _ref$size = _ref.size,
37
- size = _ref$size === void 0 ? 'm' : _ref$size,
38
- themeFromProps = _ref.theme,
39
- disabled = _ref.disabled,
40
- children = _ref.children,
41
- onChange = _ref.onChange,
42
- value = _ref.value,
43
- defaultValue = _ref.defaultValue,
44
- error = _ref.error,
45
- className = _ref.className,
46
- style = _ref.style,
47
- restProps = _objectWithoutProperties(_ref, _excluded);
48
-
49
- var theme = useThemeWithUndefined(themeFromProps);
19
+ const CheckboxList = _ref => {
20
+ let {
21
+ mode,
22
+ size = 'm',
23
+ theme: themeFromProps,
24
+ disabled,
25
+ children,
26
+ onChange,
27
+ value,
28
+ defaultValue,
29
+ error,
30
+ className,
31
+ // eslint-disable-next-line react/prop-types
32
+ style,
33
+ ...restProps
34
+ } = _ref;
35
+ const theme = useThemeWithUndefined(themeFromProps);
50
36
  return /*#__PURE__*/React.createElement(CheckboxManager, {
51
37
  theme: theme,
52
38
  defaultValue: defaultValue,
@@ -67,16 +53,18 @@ var CheckboxList = function CheckboxList(_ref) {
67
53
  "data-rs-internal": "checkbox-list__error-message"
68
54
  }, /*#__PURE__*/React.createElement(WarningIcon, {
69
55
  "data-rs-internal": "checkbox-list__error-icon",
70
- className: styles.errorIcon
71
- }), /*#__PURE__*/React.createElement("span", null, error)), /*#__PURE__*/React.createElement(Menu, _objectSpread({
56
+ className: styles.errorIcon,
57
+ "data-render-all-sizes": true
58
+ }), /*#__PURE__*/React.createElement("span", null, error)), /*#__PURE__*/React.createElement(Menu, {
72
59
  tag: 'div',
73
60
  itemTag: null,
74
61
  size: size,
75
62
  mode: 'clear',
76
63
  disabled: disabled,
77
64
  "data-rs-internal": 'checkbox__menu',
78
- theme: theme
79
- }, restProps), children)));
65
+ theme: theme,
66
+ ...restProps
67
+ }, children)));
80
68
  };
81
69
 
82
70
  CheckboxList.propTypes = {
package/lib/parts/checkbox-manager.js CHANGED
@@ -1,58 +1,44 @@
1
- import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
2
- import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
3
- import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
4
1
  import React, { useState, useRef, useEffect, useCallback } from 'react';
5
2
  import PropTypes from 'prop-types';
6
3
  import { GroupContext } from './group-context.js';
7
4
 
8
- var CheckboxManager = function CheckboxManager(_ref) {
9
- var onChange = _ref.onChange,
10
- valueFromProps = _ref.value,
11
- defaultValue = _ref.defaultValue,
12
- isError = _ref.isError,
13
- theme = _ref.theme,
14
- size = _ref.size,
15
- disabled = _ref.disabled,
16
- mode = _ref.mode,
17
- children = _ref.children;
18
- var isControlled = typeof valueFromProps !== 'undefined';
19
-
20
- var _useState = useState(defaultValue || []),
21
- _useState2 = _slicedToArray(_useState, 2),
22
- value = _useState2[0],
23
- setValue = _useState2[1];
24
-
25
- var prevValue = useRef(value);
26
- useEffect(function () {
5
+ const CheckboxManager = _ref => {
6
+ let {
7
+ onChange,
8
+ value: valueFromProps,
9
+ defaultValue,
10
+ isError,
11
+ theme,
12
+ size,
13
+ disabled,
14
+ mode,
15
+ children
16
+ } = _ref;
17
+ const isControlled = typeof valueFromProps !== 'undefined';
18
+ const [value, setValue] = useState(defaultValue || []);
19
+ const prevValue = useRef(value);
20
+ useEffect(() => {
27
21
  // in controlled mode the onChange is already called
28
22
  if (!isControlled && onChange && prevValue.current !== value) {
29
23
  onChange(value);
30
24
  prevValue.current = value;
31
25
  }
32
26
  }, [isControlled, onChange, value]);
33
- var addToValue = useCallback(function (val) {
27
+ const addToValue = useCallback(val => {
34
28
  if (!isControlled) {
35
- setValue(function (prevVal) {
36
- return _concatInstanceProperty(prevVal).call(prevVal, val);
37
- });
29
+ setValue(prevVal => prevVal.concat(val));
38
30
  } else if (onChange) {
39
- onChange(_concatInstanceProperty(valueFromProps).call(valueFromProps, val));
31
+ onChange(valueFromProps.concat(val));
40
32
  }
41
33
  }, [onChange, isControlled, valueFromProps]);
42
- var removeFromValue = useCallback(function (val) {
34
+ const removeFromValue = useCallback(val => {
43
35
  if (!isControlled) {
44
- setValue(function (prevVal) {
45
- return _filterInstanceProperty(prevVal).call(prevVal, function (v) {
46
- return v !== val;
47
- });
48
- });
36
+ setValue(prevVal => prevVal.filter(v => v !== val));
49
37
  } else if (onChange) {
50
- onChange(_filterInstanceProperty(valueFromProps).call(valueFromProps, function (v) {
51
- return v !== val;
52
- }));
38
+ onChange(valueFromProps.filter(v => v !== val));
53
39
  }
54
40
  }, [onChange, isControlled, valueFromProps]);
55
- var handleCheckboxChange = useCallback(function (e) {
41
+ const handleCheckboxChange = useCallback(e => {
56
42
  if (e.target.checked) {
57
43
  addToValue(e.target.value);
58
44
  } else {
@@ -62,14 +48,14 @@ var CheckboxManager = function CheckboxManager(_ref) {
62
48
  return /*#__PURE__*/React.createElement(GroupContext.Provider, {
63
49
  value: {
64
50
  value: isControlled ? valueFromProps : value,
65
- addToValue: addToValue,
66
- removeFromValue: removeFromValue,
67
- handleCheckboxChange: handleCheckboxChange,
68
- isError: isError,
69
- theme: theme,
70
- disabled: disabled,
71
- size: size,
72
- mode: mode,
51
+ addToValue,
52
+ removeFromValue,
53
+ handleCheckboxChange,
54
+ isError,
55
+ theme,
56
+ disabled,
57
+ size,
58
+ mode,
73
59
  inGroup: true
74
60
  }
75
61
  }, children);
package/lib/parts/checkbox.p.module.css.js CHANGED
@@ -1,31 +1,31 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_1goqy5l_8",
3
- "themeDark": "_themeDark_1goqy5l_11",
4
- "container": "_container_1goqy5l_15",
5
- "listSizeS": "_listSizeS_1goqy5l_20",
6
- "listSizeM": "_listSizeM_1goqy5l_23",
7
- "listSizeL": "_listSizeL_1goqy5l_26",
8
- "checkboxSizeS": "_checkboxSizeS_1goqy5l_30",
9
- "checkboxSizeM": "_checkboxSizeM_1goqy5l_33",
10
- "checkboxSizeL": "_checkboxSizeL_1goqy5l_36",
11
- "sizeS": "_sizeS_1goqy5l_40",
12
- "sizeM": "_sizeM_1goqy5l_43",
13
- "sizeL": "_sizeL_1goqy5l_46",
14
- "classic": "_classic_1goqy5l_50",
15
- "rock": "_rock_1goqy5l_53",
16
- "checkbox": "_checkbox_1goqy5l_30",
17
- "errorMessage": "_errorMessage_1goqy5l_79",
18
- "list": "_list_1goqy5l_20",
19
- "errorIcon": "_errorIcon_1goqy5l_93",
20
- "input": "_input_1goqy5l_99",
21
- "icon": "_icon_1goqy5l_110",
22
- "enabled": "_enabled_1goqy5l_126",
23
- "indeterminate": "_indeterminate_1goqy5l_130",
24
- "disabled": "_disabled_1goqy5l_138",
25
- "error": "_error_1goqy5l_79",
26
- "checkmark": "_checkmark_1goqy5l_194",
27
- "markS": "_markS_1goqy5l_219",
28
- "markM": "_markM_1goqy5l_222",
29
- "markL": "_markL_1goqy5l_225"
2
+ "themeLight": "_themeLight_yb7cp9_8",
3
+ "themeDark": "_themeDark_yb7cp9_11",
4
+ "container": "_container_yb7cp9_15",
5
+ "listSizeS": "_listSizeS_yb7cp9_20",
6
+ "listSizeM": "_listSizeM_yb7cp9_23",
7
+ "listSizeL": "_listSizeL_yb7cp9_26",
8
+ "checkboxSizeS": "_checkboxSizeS_yb7cp9_30",
9
+ "checkboxSizeM": "_checkboxSizeM_yb7cp9_33",
10
+ "checkboxSizeL": "_checkboxSizeL_yb7cp9_36",
11
+ "sizeS": "_sizeS_yb7cp9_40",
12
+ "sizeM": "_sizeM_yb7cp9_43",
13
+ "sizeL": "_sizeL_yb7cp9_46",
14
+ "classic": "_classic_yb7cp9_50",
15
+ "rock": "_rock_yb7cp9_53",
16
+ "checkbox": "_checkbox_yb7cp9_30",
17
+ "errorMessage": "_errorMessage_yb7cp9_79",
18
+ "list": "_list_yb7cp9_20",
19
+ "errorIcon": "_errorIcon_yb7cp9_93",
20
+ "input": "_input_yb7cp9_99",
21
+ "icon": "_icon_yb7cp9_110",
22
+ "enabled": "_enabled_yb7cp9_126",
23
+ "indeterminate": "_indeterminate_yb7cp9_130",
24
+ "disabled": "_disabled_yb7cp9_138",
25
+ "error": "_error_yb7cp9_79",
26
+ "checkmark": "_checkmark_yb7cp9_194",
27
+ "markS": "_markS_yb7cp9_219",
28
+ "markM": "_markM_yb7cp9_222",
29
+ "markL": "_markL_yb7cp9_225"
30
30
  };
31
31
  export { styles as default };
package/lib/parts/group-context.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import { createContext } from 'react'; // eslint-disable-next-line @typescript-eslint/no-empty-function
2
2
 
3
- var noop = function noop() {};
3
+ const noop = () => {};
4
4
 
5
- var GroupContext = /*#__PURE__*/createContext({
5
+ const GroupContext = /*#__PURE__*/createContext({
6
6
  value: [],
7
7
  addToValue: noop,
8
8
  removeFromValue: noop,
package/lib/parts/marks.js CHANGED
@@ -1,57 +1,40 @@
1
- import "core-js/modules/es.object.to-string.js";
2
- import "core-js/modules/web.dom-collections.for-each.js";
3
- import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
4
- import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
5
- import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
6
- import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
7
- import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
8
- import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
9
-
10
- function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
11
-
12
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
13
-
14
1
  import React from 'react';
15
2
  import styles from './checkbox.p.module.css.js';
16
3
 
17
- var MarkS = function MarkS(props) {
18
- return /*#__PURE__*/React.createElement("svg", _objectSpread({
19
- xmlns: "http://www.w3.org/2000/svg",
20
- viewBox: "0 0 14 14"
21
- }, props), /*#__PURE__*/React.createElement("path", {
22
- d: "M11.707 5.207L6 10.914 2.293 7.207l1.414-1.414L6 8.086l4.293-4.293 1.414 1.414z"
23
- }));
24
- };
25
-
26
- var MarkM = function MarkM(props) {
27
- return /*#__PURE__*/React.createElement("svg", _objectSpread({
28
- xmlns: "http://www.w3.org/2000/svg",
29
- viewBox: "0 0 18 18"
30
- }, props), /*#__PURE__*/React.createElement("path", {
31
- d: "M15.69 5.724l-8.053 7.662-4.332-4.192 1.39-1.437 2.953 2.857 6.663-6.338 1.378 1.448z"
32
- }));
33
- };
34
-
35
- var MarkL = function MarkL(props) {
36
- return /*#__PURE__*/React.createElement("svg", _objectSpread({
37
- xmlns: "http://www.w3.org/2000/svg",
38
- viewBox: "0 0 20 20"
39
- }, props), /*#__PURE__*/React.createElement("path", {
40
- d: "M17.717 5.447L7.63 15.815 2.277 10.22l1.446-1.382 3.919 4.097 8.641-8.882 1.434 1.394z"
41
- }));
42
- };
43
-
44
- var Mark = function Mark(props) {
45
- return /*#__PURE__*/React.createElement("svg", _objectSpread({
46
- xmlns: "http://www.w3.org/2000/svg",
47
- viewBox: "0 0 24 24"
48
- }, props), /*#__PURE__*/React.createElement("g", {
49
- className: styles.markS
50
- }, /*#__PURE__*/React.createElement(MarkS, null)), /*#__PURE__*/React.createElement("g", {
51
- className: styles.markM
52
- }, /*#__PURE__*/React.createElement(MarkM, null)), /*#__PURE__*/React.createElement("g", {
53
- className: styles.markL
54
- }, /*#__PURE__*/React.createElement(MarkL, null)));
55
- };
4
+ const MarkS = props => /*#__PURE__*/React.createElement("svg", {
5
+ xmlns: "http://www.w3.org/2000/svg",
6
+ viewBox: "0 0 14 14",
7
+ ...props
8
+ }, /*#__PURE__*/React.createElement("path", {
9
+ d: "M11.707 5.207L6 10.914 2.293 7.207l1.414-1.414L6 8.086l4.293-4.293 1.414 1.414z"
10
+ }));
11
+
12
+ const MarkM = props => /*#__PURE__*/React.createElement("svg", {
13
+ xmlns: "http://www.w3.org/2000/svg",
14
+ viewBox: "0 0 18 18",
15
+ ...props
16
+ }, /*#__PURE__*/React.createElement("path", {
17
+ d: "M15.69 5.724l-8.053 7.662-4.332-4.192 1.39-1.437 2.953 2.857 6.663-6.338 1.378 1.448z"
18
+ }));
19
+
20
+ const MarkL = props => /*#__PURE__*/React.createElement("svg", {
21
+ xmlns: "http://www.w3.org/2000/svg",
22
+ viewBox: "0 0 20 20",
23
+ ...props
24
+ }, /*#__PURE__*/React.createElement("path", {
25
+ d: "M17.717 5.447L7.63 15.815 2.277 10.22l1.446-1.382 3.919 4.097 8.641-8.882 1.434 1.394z"
26
+ }));
27
+
28
+ const Mark = props => /*#__PURE__*/React.createElement("svg", {
29
+ xmlns: "http://www.w3.org/2000/svg",
30
+ viewBox: "0 0 24 24",
31
+ ...props
32
+ }, /*#__PURE__*/React.createElement("g", {
33
+ className: styles.markS
34
+ }, /*#__PURE__*/React.createElement(MarkS, null)), /*#__PURE__*/React.createElement("g", {
35
+ className: styles.markM
36
+ }, /*#__PURE__*/React.createElement(MarkM, null)), /*#__PURE__*/React.createElement("g", {
37
+ className: styles.markL
38
+ }, /*#__PURE__*/React.createElement(MarkL, null)));
56
39
 
57
40
  export { Mark, MarkL, MarkM, MarkS };