@flodesk/grain 11.22.6 → 11.23.1
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 +131 -170
- 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 +27 -40
- 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 +30 -34
- 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 +92 -100
- 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 +53 -75
- 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 +39 -34
- package/es/foundational/menu.js +112 -98
- 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
|
@@ -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;
|
|
@@ -1,36 +1,32 @@
|
|
|
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
|
-
};
|
|
6
|
+
const IconColumnAndRows = props => ___EmotionJSX(React.Fragment, null, ___EmotionJSX("svg", _extends({
|
|
7
|
+
"data-icon-set-v": 1,
|
|
8
|
+
viewBox: "0 0 20 24",
|
|
9
|
+
fill: "none",
|
|
10
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
11
|
+
}, props), ___EmotionJSX("path", {
|
|
12
|
+
fillRule: "evenodd",
|
|
13
|
+
clipRule: "evenodd",
|
|
14
|
+
d: "M0 4C0 2.89543 0.89543 2 2 2H18C19.1046 2 20 2.89543 20 4V11V13V20C20 21.1046 19.1046 22 18 22H2C0.895432 22 0 21.1046 0 20V4ZM18 11V4L11 4V11H18ZM11 13H18V20H11V13ZM2 4L9 4L9 20H2V4Z",
|
|
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: "M4.49963 2C2.01435 2 -0.000366211 4.01472 -0.000366211 6.5V29.5C-0.000366211 31.9853 2.01435 34 4.49963 34H27.4996C29.9849 34 31.9996 31.9853 31.9996 29.5V6.5C31.9996 4.01472 29.9849 2 27.4996 2H4.49963ZM2.99963 6.5C2.99963 5.67157 3.67121 5 4.49963 5H27.4996C28.3281 5 28.9996 5.67157 28.9996 6.5V16.5L16 16.5V19.5L28.9996 19.5V29.5C28.9996 30.3284 28.3281 31 27.4996 31H4.49963C3.67121 31 2.99963 30.3284 2.99963 29.5V6.5Z",
|
|
25
|
+
fill: "currentColor"
|
|
26
|
+
}), ___EmotionJSX("path", {
|
|
27
|
+
d: "M16 5L16 31",
|
|
28
|
+
stroke: "currentColor",
|
|
29
|
+
strokeWidth: "3"
|
|
30
|
+
})));
|
|
35
31
|
|
|
36
32
|
export default IconColumnAndRows;
|