@flodesk/grain 11.22.6 → 11.23.0
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.
- package/es/components/arrange/index.js +34 -47
- package/es/components/autocomplete.js +94 -149
- package/es/components/autocomplete2.js +127 -166
- package/es/components/badge.js +12 -17
- package/es/components/box.js +115 -126
- package/es/components/breakpoints-provider.js +6 -4
- package/es/components/button.js +26 -39
- package/es/components/checkbox.js +31 -28
- package/es/components/dropdown.js +52 -50
- package/es/components/flex/index.js +31 -46
- package/es/components/icon-button.js +17 -25
- package/es/components/icon-toggle.js +28 -32
- package/es/components/icon.js +10 -20
- package/es/components/link.js +18 -18
- package/es/components/modal.js +75 -69
- package/es/components/nav/index.js +36 -43
- package/es/components/pagination.js +45 -63
- package/es/components/popover.js +47 -48
- package/es/components/progress.js +12 -15
- package/es/components/provider.js +7 -6
- package/es/components/radio.js +25 -24
- package/es/components/select.js +90 -98
- package/es/components/slider.js +25 -29
- package/es/components/spinner.js +11 -26
- package/es/components/stack.js +10 -19
- package/es/components/switch.js +21 -21
- package/es/components/tab.js +18 -25
- package/es/components/text/index.js +38 -48
- package/es/components/text-button.js +28 -41
- package/es/components/text-input.js +52 -74
- package/es/components/text-toggle.js +20 -31
- package/es/components/textarea.js +38 -33
- package/es/components/toast.js +29 -28
- package/es/components/tooltip.js +43 -77
- package/es/foundational/field.js +37 -32
- package/es/foundational/menu.js +110 -96
- package/es/foundational/styles.js +23 -23
- package/es/hooks/useKeyPress.js +10 -31
- package/es/hooks/useMedia.js +8 -45
- package/es/hooks/useOnClickOutside.js +4 -7
- package/es/hooks/usePrev.js +3 -3
- package/es/hooks/useWidth.js +3 -29
- package/es/hooks/useWindowSize.js +4 -32
- package/es/icons/icon-align-center.js +28 -32
- package/es/icons/icon-align-left.js +35 -39
- package/es/icons/icon-align-right.js +35 -39
- package/es/icons/icon-archive.js +21 -25
- package/es/icons/icon-arrow-down.js +21 -25
- package/es/icons/icon-arrow-left.js +21 -25
- package/es/icons/icon-arrow-right.js +21 -25
- package/es/icons/icon-arrow-up.js +21 -25
- package/es/icons/icon-at.js +21 -25
- package/es/icons/icon-bold.js +28 -32
- package/es/icons/icon-bolt-filled.js +21 -25
- package/es/icons/icon-bolt.js +21 -25
- package/es/icons/icon-browser.js +21 -25
- package/es/icons/icon-brush.js +20 -24
- package/es/icons/icon-bullet-list.js +21 -25
- package/es/icons/icon-chart.js +29 -33
- package/es/icons/icon-check.js +21 -25
- package/es/icons/icon-chevron-down.js +21 -25
- package/es/icons/icon-chevron-horizontal.js +21 -25
- package/es/icons/icon-chevron-left.js +21 -25
- package/es/icons/icon-chevron-right.js +21 -25
- package/es/icons/icon-chevron-up.js +28 -32
- package/es/icons/icon-chevron-vertical.js +28 -32
- package/es/icons/icon-clip.js +37 -41
- package/es/icons/icon-clock.js +21 -25
- package/es/icons/icon-column-and-rows.js +25 -29
- package/es/icons/icon-column-one.js +21 -25
- package/es/icons/icon-column-two.js +21 -25
- package/es/icons/icon-columns-and-row.js +25 -29
- package/es/icons/icon-columns.js +21 -25
- package/es/icons/icon-content-align-bottom.js +21 -25
- package/es/icons/icon-content-align-center.js +21 -25
- package/es/icons/icon-content-align-top.js +21 -25
- package/es/icons/icon-crop.js +21 -25
- package/es/icons/icon-cross.js +23 -27
- package/es/icons/icon-download.js +28 -32
- package/es/icons/icon-drag.js +21 -25
- package/es/icons/icon-duplicate.js +21 -25
- package/es/icons/icon-ellipsis.js +21 -25
- package/es/icons/icon-file.js +28 -32
- package/es/icons/icon-folder-add.js +21 -25
- package/es/icons/icon-folder-move.js +21 -25
- package/es/icons/icon-folder-remove.js +21 -25
- package/es/icons/icon-folder.js +21 -25
- package/es/icons/icon-gear.js +35 -39
- package/es/icons/icon-globe.js +28 -32
- package/es/icons/icon-heart.js +21 -25
- package/es/icons/icon-hide.js +21 -25
- package/es/icons/icon-image.js +21 -25
- package/es/icons/icon-info.js +21 -25
- package/es/icons/icon-italic.js +28 -32
- package/es/icons/icon-layout-text-bottom.js +28 -32
- package/es/icons/icon-layout-text-left.js +21 -25
- package/es/icons/icon-layout-text-right.js +28 -32
- package/es/icons/icon-layout-text-top.js +21 -25
- package/es/icons/icon-link.js +21 -25
- package/es/icons/icon-location.js +21 -25
- package/es/icons/icon-mail.js +21 -25
- package/es/icons/icon-minus.js +19 -23
- package/es/icons/icon-monitor.js +21 -25
- package/es/icons/icon-number-list.js +29 -33
- package/es/icons/icon-pencil.js +28 -32
- package/es/icons/icon-phone.js +21 -25
- package/es/icons/icon-play.js +21 -25
- package/es/icons/icon-plus.js +21 -25
- package/es/icons/icon-question.js +21 -25
- package/es/icons/icon-redo.js +21 -25
- package/es/icons/icon-reset.js +22 -26
- package/es/icons/icon-row-and-columns.js +25 -29
- package/es/icons/icon-rows-and-column.js +25 -29
- package/es/icons/icon-rows.js +21 -25
- package/es/icons/icon-search.js +21 -25
- package/es/icons/icon-send.js +21 -25
- package/es/icons/icon-share.js +21 -25
- package/es/icons/icon-show.js +21 -25
- package/es/icons/icon-smile.js +28 -32
- package/es/icons/icon-square.js +21 -25
- package/es/icons/icon-strike.js +28 -32
- package/es/icons/icon-switch.js +21 -25
- package/es/icons/icon-tablet.js +21 -25
- package/es/icons/icon-text-align-center.js +21 -25
- package/es/icons/icon-text-align-left.js +21 -25
- package/es/icons/icon-text-align-right.js +21 -25
- package/es/icons/icon-text-justify.js +21 -25
- package/es/icons/icon-trash.js +28 -32
- package/es/icons/icon-type.js +28 -32
- package/es/icons/icon-underline.js +28 -32
- package/es/icons/icon-undo.js +28 -32
- package/es/icons/icon-upload.js +28 -32
- package/es/styles/base.js +1 -1
- package/es/styles/card.js +4 -8
- package/es/styles/colors/core.js +1 -1
- package/es/styles/colors/theme.js +1 -1
- package/es/styles/foundational-variables.js +5 -0
- package/es/styles/index.js +2 -2
- package/es/styles/shadows.js +1 -1
- package/es/styles/utilities.js +65 -90
- package/es/styles/variables.js +1 -1
- package/es/types.js +28 -29
- package/es/utilities/attributes.js +46 -49
- package/es/utilities/helpers.js +13 -36
- package/es/utilities/responsive.js +16 -43
- package/es/utilities/style-config.js +32 -76
- package/es/utilities/styles.js +17 -29
- package/es/variables/breakpoints.js +1 -1
- package/es/variables/colors.js +1 -1
- package/es/variables/vars.js +3 -13
- package/package.json +5 -5
- package/es/styles/component-variables.js +0 -2
package/es/icons/icon-check.js
CHANGED
|
@@ -1,32 +1,28 @@
|
|
|
1
|
-
import "core-js/modules/es.object.assign.js";
|
|
2
|
-
|
|
3
1
|
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); }
|
|
4
2
|
|
|
5
3
|
import * as React from 'react';
|
|
6
4
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
7
5
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
})));
|
|
30
|
-
};
|
|
6
|
+
const IconCheck = props => ___EmotionJSX(React.Fragment, null, ___EmotionJSX("svg", _extends({
|
|
7
|
+
"data-icon-set-v": 1,
|
|
8
|
+
viewBox: "0 0 22 24",
|
|
9
|
+
fill: "none",
|
|
10
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
11
|
+
}, props), ___EmotionJSX("path", {
|
|
12
|
+
fillRule: "evenodd",
|
|
13
|
+
clipRule: "evenodd",
|
|
14
|
+
d: "M21.707 6.207L8.5 19.414.293 11.207l1.414-1.414L8.5 16.586 20.293 4.793l1.414 1.414z",
|
|
15
|
+
fill: "currentColor"
|
|
16
|
+
})), ___EmotionJSX("svg", _extends({
|
|
17
|
+
"data-icon-set-v": 2,
|
|
18
|
+
viewBox: "0 0 32 36",
|
|
19
|
+
fill: "none",
|
|
20
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
21
|
+
}, props), ___EmotionJSX("path", {
|
|
22
|
+
fillRule: "evenodd",
|
|
23
|
+
clipRule: "evenodd",
|
|
24
|
+
d: "M31.6 7.9C32.1 8.5 32.1 9.5 31.6 10.1L13.6 28.1C13.0 28.6 12.0 28.6 11.4 28.1L0.4 17.1C-0.1 16.5 -0.1 15.5 0.4 14.9C1.0 14.4 2.0 14.4 2.6 14.9L12.5 24.9L29.4 7.9C30.0 7.4 31.0 7.4 31.6 7.9Z",
|
|
25
|
+
fill: "currentColor"
|
|
26
|
+
})));
|
|
31
27
|
|
|
32
28
|
export default IconCheck;
|
|
@@ -1,32 +1,28 @@
|
|
|
1
|
-
import "core-js/modules/es.object.assign.js";
|
|
2
|
-
|
|
3
1
|
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); }
|
|
4
2
|
|
|
5
3
|
import * as React from 'react';
|
|
6
4
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
7
5
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
})));
|
|
30
|
-
};
|
|
6
|
+
const IconChevronDown = props => ___EmotionJSX(React.Fragment, null, ___EmotionJSX("svg", _extends({
|
|
7
|
+
"data-icon-set-v": 1,
|
|
8
|
+
viewBox: "0 0 16 24",
|
|
9
|
+
fill: "none",
|
|
10
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
11
|
+
}, props), ___EmotionJSX("path", {
|
|
12
|
+
fillRule: "evenodd",
|
|
13
|
+
clipRule: "evenodd",
|
|
14
|
+
d: "M8 16.914.293 9.207l1.414-1.414L8 14.086l6.293-6.293 1.414 1.414L8 16.914Z",
|
|
15
|
+
fill: "currentColor"
|
|
16
|
+
})), ___EmotionJSX("svg", _extends({
|
|
17
|
+
"data-icon-set-v": 2,
|
|
18
|
+
viewBox: "0 0 24 36",
|
|
19
|
+
fill: "none",
|
|
20
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
21
|
+
}, props), ___EmotionJSX("path", {
|
|
22
|
+
fillRule: "evenodd",
|
|
23
|
+
clipRule: "evenodd",
|
|
24
|
+
d: "M23.6 11.7C23.0 11.1 22.0 11.1 21.4 11.7L12 21.1L2.6 11.7C2.0 11.1 1.0 11.1 0.4 11.7C-0.1 12.3 -0.1 13.2 0.4 13.8L10.9 24.3C11.5 24.9 12.5 24.9 13.1 24.3L23.6 13.8C24.1 13.2 24.1 12.3 23.6 11.7Z",
|
|
25
|
+
fill: "currentColor"
|
|
26
|
+
})));
|
|
31
27
|
|
|
32
28
|
export default IconChevronDown;
|
|
@@ -1,32 +1,28 @@
|
|
|
1
|
-
import "core-js/modules/es.object.assign.js";
|
|
2
|
-
|
|
3
1
|
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); }
|
|
4
2
|
|
|
5
3
|
import * as React from 'react';
|
|
6
4
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
7
5
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
})));
|
|
30
|
-
};
|
|
6
|
+
const IconChevronHorizontal = props => ___EmotionJSX(React.Fragment, null, ___EmotionJSX("svg", _extends({
|
|
7
|
+
"data-icon-set-v": 1,
|
|
8
|
+
viewBox: "0 0 24 24",
|
|
9
|
+
fill: "none",
|
|
10
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
11
|
+
}, props), ___EmotionJSX("path", {
|
|
12
|
+
fillRule: "evenodd",
|
|
13
|
+
clipRule: "evenodd",
|
|
14
|
+
d: "m7.993 4.043-7.25 7.25L.036 12l.707.707 7.25 7.25 1.414-1.414L2.864 12l6.543-6.543-1.414-1.414Zm8.014 15.914 7.25-7.25.707-.707-.707-.707-7.25-7.25-1.414 1.414L21.136 12l-6.543 6.543 1.414 1.414Z",
|
|
15
|
+
fill: "currentColor"
|
|
16
|
+
})), ___EmotionJSX("svg", _extends({
|
|
17
|
+
"data-icon-set-v": 2,
|
|
18
|
+
viewBox: "0 0 36 36",
|
|
19
|
+
fill: "none",
|
|
20
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
21
|
+
}, props), ___EmotionJSX("path", {
|
|
22
|
+
fillRule: "evenodd",
|
|
23
|
+
clipRule: "evenodd",
|
|
24
|
+
d: "M13.1 27.4C13.6 28.0 13.6 29.0 13.1 29.6C12.5 30.1 11.5 30.1 10.9 29.6L0.4 19.1C-0.1 18.5 -0.1 17.5 0.4 16.9L10.9 6.4C11.5 5.9 12.5 5.9 13.1 6.4C13.6 7.0 13.6 8.0 13.1 8.6L3.6 18L13.1 27.4ZM22.9 8.6C22.4 8.0 22.4 7.0 22.9 6.4C23.5 5.9 24.5 5.9 25.1 6.4L35.6 16.9C36.1 17.5 36.1 18.5 35.6 19.1L25.1 29.6C24.5 30.1 23.5 30.1 22.9 29.6C22.4 29.0 22.4 28.0 22.9 27.4L32.4 18.0L22.9 8.6Z",
|
|
25
|
+
fill: "currentColor"
|
|
26
|
+
})));
|
|
31
27
|
|
|
32
28
|
export default IconChevronHorizontal;
|
|
@@ -1,32 +1,28 @@
|
|
|
1
|
-
import "core-js/modules/es.object.assign.js";
|
|
2
|
-
|
|
3
1
|
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); }
|
|
4
2
|
|
|
5
3
|
import * as React from 'react';
|
|
6
4
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
7
5
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
})));
|
|
30
|
-
};
|
|
6
|
+
const IconChevronLeft = props => ___EmotionJSX(React.Fragment, null, ___EmotionJSX("svg", _extends({
|
|
7
|
+
"data-icon-set-v": 1,
|
|
8
|
+
viewBox: "0 0 12 24",
|
|
9
|
+
fill: "none",
|
|
10
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
11
|
+
}, props), ___EmotionJSX("path", {
|
|
12
|
+
fillRule: "evenodd",
|
|
13
|
+
clipRule: "evenodd",
|
|
14
|
+
d: "m7.993 4.043 1.414 1.414L2.864 12l6.543 6.543-1.414 1.414L.036 12l7.957-7.957Z",
|
|
15
|
+
fill: "currentColor"
|
|
16
|
+
})), ___EmotionJSX("svg", _extends({
|
|
17
|
+
"data-icon-set-v": 2,
|
|
18
|
+
viewBox: "0 0 14 36",
|
|
19
|
+
fill: "none",
|
|
20
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
21
|
+
}, props), ___EmotionJSX("path", {
|
|
22
|
+
fillRule: "evenodd",
|
|
23
|
+
clipRule: "evenodd",
|
|
24
|
+
d: "M13.1 6.4C13.6 7.0 13.6 8.0 13.1 8.6L3.6 18L13.1 27.4C13.6 28.0 13.6 29.0 13.1 29.6C12.5 30.1 11.5 30.1 10.9 29.6L0.4 19.1C-0.1 18.5 -0.1 17.5 0.4 16.9L10.9 6.4C11.5 5.9 12.5 5.9 13.1 6.4Z",
|
|
25
|
+
fill: "currentColor"
|
|
26
|
+
})));
|
|
31
27
|
|
|
32
28
|
export default IconChevronLeft;
|
|
@@ -1,32 +1,28 @@
|
|
|
1
|
-
import "core-js/modules/es.object.assign.js";
|
|
2
|
-
|
|
3
1
|
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); }
|
|
4
2
|
|
|
5
3
|
import * as React from 'react';
|
|
6
4
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
7
5
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
})));
|
|
30
|
-
};
|
|
6
|
+
const IconChevronRight = props => ___EmotionJSX(React.Fragment, null, ___EmotionJSX("svg", _extends({
|
|
7
|
+
"data-icon-set-v": 1,
|
|
8
|
+
viewBox: "0 0 12 24",
|
|
9
|
+
fill: "none",
|
|
10
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
11
|
+
}, props), ___EmotionJSX("path", {
|
|
12
|
+
fillRule: "evenodd",
|
|
13
|
+
clipRule: "evenodd",
|
|
14
|
+
d: "m4.007 19.957-1.414-1.414L9.136 12 2.593 5.457l1.414-1.414L11.964 12l-7.957 7.957Z",
|
|
15
|
+
fill: "currentColor"
|
|
16
|
+
})), ___EmotionJSX("svg", _extends({
|
|
17
|
+
"data-icon-set-v": 2,
|
|
18
|
+
viewBox: "0 0 14 36",
|
|
19
|
+
fill: "none",
|
|
20
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
21
|
+
}, props), ___EmotionJSX("path", {
|
|
22
|
+
fillRule: "evenodd",
|
|
23
|
+
clipRule: "evenodd",
|
|
24
|
+
d: "M0.4 6.4C-0.1 7.0 -0.1 8.0 0.4 8.6L9.9 18L0.4 27.4C-0.1 28.0 -0.1 29.0 0.4 29.6C1.0 30.1 2.0 30.1 2.6 29.6L13.1 19.1C13.6 18.5 13.6 17.5 13.1 16.9L2.6 6.4C2.0 5.9 1.0 5.9 0.4 6.4Z",
|
|
25
|
+
fill: "currentColor"
|
|
26
|
+
})));
|
|
31
27
|
|
|
32
28
|
export default IconChevronRight;
|
|
@@ -1,39 +1,35 @@
|
|
|
1
|
-
import "core-js/modules/es.object.assign.js";
|
|
2
|
-
|
|
3
1
|
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); }
|
|
4
2
|
|
|
5
3
|
import * as React from 'react';
|
|
6
4
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
7
5
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
})));
|
|
37
|
-
};
|
|
6
|
+
const IconChevronUp = props => ___EmotionJSX(React.Fragment, null, ___EmotionJSX("svg", _extends({
|
|
7
|
+
"data-icon-set-v": 1,
|
|
8
|
+
viewBox: "0 0 16 24",
|
|
9
|
+
fill: "none",
|
|
10
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
11
|
+
}, props), ___EmotionJSX("g", {
|
|
12
|
+
clipPath: "url(#ChevronUp_svg__a)"
|
|
13
|
+
}, ___EmotionJSX("path", {
|
|
14
|
+
fillRule: "evenodd",
|
|
15
|
+
clipRule: "evenodd",
|
|
16
|
+
d: "M16 15 8 7l-8 8 1.414 1.414L8 9.828l6.586 6.586L16 15Z",
|
|
17
|
+
fill: "currentColor"
|
|
18
|
+
})), ___EmotionJSX("defs", null, ___EmotionJSX("clipPath", {
|
|
19
|
+
id: "ChevronUp_svg__a"
|
|
20
|
+
}, ___EmotionJSX("path", {
|
|
21
|
+
fill: "#fff",
|
|
22
|
+
d: "M0 0h16v24H0z"
|
|
23
|
+
})))), ___EmotionJSX("svg", _extends({
|
|
24
|
+
"data-icon-set-v": 2,
|
|
25
|
+
viewBox: "0 0 24 36",
|
|
26
|
+
fill: "none",
|
|
27
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
28
|
+
}, props), ___EmotionJSX("path", {
|
|
29
|
+
fillRule: "evenodd",
|
|
30
|
+
clipRule: "evenodd",
|
|
31
|
+
d: "M0.4 24.3C1.0 24.9 2.0 24.9 2.6 24.3L12.0 14.9L21.4 24.3C22.0 24.9 23.0 24.9 23.6 24.3C24.1 23.7 24.1 22.8 23.6 22.2L13.1 11.7C12.5 11.1 11.5 11.1 10.9 11.7L0.4 22.2C-0.1 22.8 -0.1 23.7 0.4 24.3Z",
|
|
32
|
+
fill: "currentColor"
|
|
33
|
+
})));
|
|
38
34
|
|
|
39
35
|
export default IconChevronUp;
|
|
@@ -1,39 +1,35 @@
|
|
|
1
|
-
import "core-js/modules/es.object.assign.js";
|
|
2
|
-
|
|
3
1
|
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); }
|
|
4
2
|
|
|
5
3
|
import * as React from 'react';
|
|
6
4
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
7
5
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
})));
|
|
37
|
-
};
|
|
6
|
+
const IconChevronVertical = props => ___EmotionJSX(React.Fragment, null, ___EmotionJSX("svg", _extends({
|
|
7
|
+
"data-icon-set-v": 1,
|
|
8
|
+
viewBox: "0 0 16 24",
|
|
9
|
+
fill: "none",
|
|
10
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
11
|
+
}, props), ___EmotionJSX("g", {
|
|
12
|
+
clipPath: "url(#ChevronVertical_svg__a)"
|
|
13
|
+
}, ___EmotionJSX("path", {
|
|
14
|
+
fillRule: "evenodd",
|
|
15
|
+
clipRule: "evenodd",
|
|
16
|
+
d: "M9.414 1.414 16 8l-1.414 1.414L8 2.828 1.414 9.414 0 8l6.586-6.586L8 0l1.414 1.414ZM6.586 22.586 0 16l1.414-1.414L8 21.172l6.586-6.586L16 16l-6.586 6.586L8 24l-1.414-1.414Z",
|
|
17
|
+
fill: "currentColor"
|
|
18
|
+
})), ___EmotionJSX("defs", null, ___EmotionJSX("clipPath", {
|
|
19
|
+
id: "ChevronVertical_svg__a"
|
|
20
|
+
}, ___EmotionJSX("path", {
|
|
21
|
+
fill: "#fff",
|
|
22
|
+
d: "M0 0h16v24H0z"
|
|
23
|
+
})))), ___EmotionJSX("svg", _extends({
|
|
24
|
+
"data-icon-set-v": 2,
|
|
25
|
+
viewBox: "0 0 24 36",
|
|
26
|
+
fill: "none",
|
|
27
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
28
|
+
}, props), ___EmotionJSX("path", {
|
|
29
|
+
fillRule: "evenodd",
|
|
30
|
+
clipRule: "evenodd",
|
|
31
|
+
d: "M2.6 13.1C2.0 13.6 1.0 13.6 0.4 13.1C-0.1 12.5 -0.1 11.5 0.4 10.9L10.9 0.4C11.5 -0.1 12.5 -0.1 13.1 0.4L23.6 10.9C24.1 11.5 24.1 12.5 23.6 13.1C23.0 13.6 22.0 13.6 21.4 13.1L12.0 3.6L2.6 13.1ZM21.4 22.9C22.0 22.4 23.0 22.4 23.6 22.9C24.1 23.5 24.1 24.5 23.6 25.1L13.1 35.6C12.5 36.1 11.5 36.1 10.9 35.6L0.4 25.1C-0.1 24.5 -0.1 23.5 0.4 22.9C1.0 22.4 2.0 22.4 2.6 22.9L12.0 32.4L21.4 22.9Z",
|
|
32
|
+
fill: "currentColor"
|
|
33
|
+
})));
|
|
38
34
|
|
|
39
35
|
export default IconChevronVertical;
|
package/es/icons/icon-clip.js
CHANGED
|
@@ -1,48 +1,44 @@
|
|
|
1
|
-
import "core-js/modules/es.object.assign.js";
|
|
2
|
-
|
|
3
1
|
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); }
|
|
4
2
|
|
|
5
3
|
import * as React from 'react';
|
|
6
4
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
7
5
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
})))));
|
|
46
|
-
};
|
|
6
|
+
const IconClip = props => ___EmotionJSX(React.Fragment, null, ___EmotionJSX("svg", _extends({
|
|
7
|
+
"data-icon-set-v": 1,
|
|
8
|
+
viewBox: "0 0 22 24",
|
|
9
|
+
fill: "none",
|
|
10
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
11
|
+
}, props), ___EmotionJSX("g", {
|
|
12
|
+
clipPath: "url(#Clip_svg__a)"
|
|
13
|
+
}, ___EmotionJSX("path", {
|
|
14
|
+
fillRule: "evenodd",
|
|
15
|
+
clipRule: "evenodd",
|
|
16
|
+
d: "M18.849 2.824a2.898 2.898 0 0 0-4.098 0L3.823 13.752a4.83 4.83 0 1 0 6.83 6.83l7.513-7.513 1.366 1.366-7.513 7.513a6.761 6.761 0 1 1-9.562-9.562L13.385 1.458a4.83 4.83 0 0 1 6.83 6.83l-11.27 11.27a2.898 2.898 0 1 1-4.097-4.099l7.854-7.854 1.366 1.366-7.854 7.854a.966.966 0 1 0 1.366 1.366L18.849 6.922a2.898 2.898 0 0 0 0-4.098Z",
|
|
17
|
+
fill: "currentColor"
|
|
18
|
+
})), ___EmotionJSX("defs", null, ___EmotionJSX("clipPath", {
|
|
19
|
+
id: "Clip_svg__a"
|
|
20
|
+
}, ___EmotionJSX("path", {
|
|
21
|
+
fill: "#fff",
|
|
22
|
+
d: "M0 0h22v24H0z"
|
|
23
|
+
})))), ___EmotionJSX("svg", _extends({
|
|
24
|
+
"data-icon-set-v": 2,
|
|
25
|
+
viewBox: "0 0 30 36",
|
|
26
|
+
fill: "none",
|
|
27
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
28
|
+
}, props), ___EmotionJSX("g", {
|
|
29
|
+
clipPath: "url(#clip0_841_60994)"
|
|
30
|
+
}, ___EmotionJSX("path", {
|
|
31
|
+
fillRule: "evenodd",
|
|
32
|
+
clipRule: "evenodd",
|
|
33
|
+
d: "M25.6777 5.31516C23.9089 3.56098 21.0359 3.56098 19.267 5.31516L5.20444 19.261C2.26571 22.1753 2.26571 26.8952 5.20444 29.8096C8.15009 32.7308 12.9311 32.7308 15.8767 29.8096C15.8767 29.8096 15.8767 29.8096 15.8768 29.8095L23.4441 22.3045C24.0323 21.7211 24.9821 21.7251 25.5654 22.3133C26.1488 22.9015 26.1449 23.8512 25.5567 24.4346L17.9893 31.9397L17.9892 31.9397C13.874 36.0207 7.20716 36.0207 3.09198 31.9397C-1.03013 27.8518 -1.03013 21.2188 3.09198 17.1308L4.07537 18.1225L3.09198 17.1308L17.1546 3.18502C20.0929 0.271029 24.8518 0.271028 27.7902 3.18502C30.7355 6.10589 30.7355 10.8468 27.7902 13.7676L13.7277 27.7135C11.9661 29.4604 9.11517 29.4604 7.35361 27.7135C5.58511 25.9597 5.58511 23.1109 7.35361 21.3571L7.35365 21.3571L21.4442 7.38442C22.0324 6.8011 22.9822 6.80509 23.5655 7.39333C24.1488 7.98157 24.1448 8.93131 23.5566 9.51463L9.46607 23.4873C9.46606 23.4873 9.46605 23.4873 9.46604 23.4873C8.88096 24.0676 8.88097 25.0031 9.46607 25.5834C10.0581 26.1705 11.0232 26.1705 11.6152 25.5834L25.6777 11.6375C27.4397 9.89019 27.4397 7.06247 25.6777 5.31516Z",
|
|
34
|
+
fill: "currentColor"
|
|
35
|
+
})), ___EmotionJSX("defs", null, ___EmotionJSX("clipPath", {
|
|
36
|
+
id: "clip0_841_60994"
|
|
37
|
+
}, ___EmotionJSX("rect", {
|
|
38
|
+
width: "29.9988",
|
|
39
|
+
height: "36",
|
|
40
|
+
fill: "white",
|
|
41
|
+
transform: "translate(0.000396729)"
|
|
42
|
+
})))));
|
|
47
43
|
|
|
48
44
|
export default IconClip;
|
package/es/icons/icon-clock.js
CHANGED
|
@@ -1,32 +1,28 @@
|
|
|
1
|
-
import "core-js/modules/es.object.assign.js";
|
|
2
|
-
|
|
3
1
|
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); }
|
|
4
2
|
|
|
5
3
|
import * as React from 'react';
|
|
6
4
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
7
5
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
})));
|
|
30
|
-
};
|
|
6
|
+
const IconClock = props => ___EmotionJSX(React.Fragment, null, ___EmotionJSX("svg", _extends({
|
|
7
|
+
"data-icon-set-v": 1,
|
|
8
|
+
viewBox: "0 0 24 24",
|
|
9
|
+
fill: "none",
|
|
10
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
11
|
+
}, props), ___EmotionJSX("path", {
|
|
12
|
+
fillRule: "evenodd",
|
|
13
|
+
clipRule: "evenodd",
|
|
14
|
+
d: "M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12ZM12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0Zm-2 5v8h10v-2h-8V5h-2Z",
|
|
15
|
+
fill: "currentColor"
|
|
16
|
+
})), ___EmotionJSX("svg", _extends({
|
|
17
|
+
"data-icon-set-v": 2,
|
|
18
|
+
viewBox: "0 0 36 36",
|
|
19
|
+
fill: "none",
|
|
20
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
21
|
+
}, props), ___EmotionJSX("path", {
|
|
22
|
+
fillRule: "evenodd",
|
|
23
|
+
clipRule: "evenodd",
|
|
24
|
+
d: "M33.0 18C33.0 26.3 26.3 33 18.0 33C9.7 33 3.0 26.3 3.0 18C3.0 9.7 9.7 3 18.0 3C26.3 3 33.0 9.7 33.0 18ZM36.0 18C36.0 27.9 27.9 36 18.0 36C8.1 36 0.0 27.9 0.0 18C0.0 8.1 8.1 0 18.0 0C27.9 0 36.0 8.1 36.0 18ZM21.5 23.6C22.1 24.2 23.1 24.1 23.6 23.5C24.2 22.9 24.1 21.9 23.5 21.4L19.0 17.3V7.5C19.0 6.7 18.3 6.0 17.5 6.0C16.7 6.0 16.0 6.7 16.0 7.5V18.0C16.0 18.4 16.2 18.8 16.5 19.1L21.5 23.6Z",
|
|
25
|
+
fill: "currentColor"
|
|
26
|
+
})));
|
|
31
27
|
|
|
32
28
|
export default IconClock;
|