@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
|
@@ -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 IconTextAlignCenter = 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: "M4 5h16v2H4V5Zm-4 6h24v2H0v-2Zm17 6H7v2h10v-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: "M6.0 9.5C6.0 8.7 6.7 8 7.5 8H28.5C29.3 8 30.0 8.7 30.0 9.5C30.0 10.3 29.3 11 28.5 11H7.5C6.7 11 6.0 10.3 6.0 9.5ZM10.0 26.5C10.0 25.7 10.7 25 11.5 25H24.5C25.3 25 26.0 25.7 26.0 26.5C26.0 27.3 25.3 28 24.5 28H11.5C10.7 28 10.0 27.3 10.0 26.5ZM1.5 16.5C0.7 16.5 0.0 17.2 0.0 18C0.0 18.8 0.7 19.5 1.5 19.5H34.5C35.3 19.5 36.0 18.8 36.0 18C36.0 17.2 35.3 16.5 34.5 16.5H1.5Z",
|
|
25
|
+
fill: "currentColor"
|
|
26
|
+
})));
|
|
31
27
|
|
|
32
28
|
export default IconTextAlignCenter;
|
|
@@ -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 IconTextAlignLeft = 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: "M0 5h16v2H0V5Zm0 6h24v2H0v-2Zm10 6H0v2h10v-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: "M0.0 9.5C0.0 8.7 0.7 8 1.5 8H22.5C23.3 8 24.0 8.7 24.0 9.5C24.0 10.3 23.3 11 22.5 11H1.5C0.7 11 0.0 10.3 0.0 9.5ZM0.0 26.5C0.0 25.7 0.7 25 1.5 25H14.5C15.3 25 16.0 25.7 16.0 26.5C16.0 27.3 15.3 28 14.5 28H1.5C0.7 28 0.0 27.3 0.0 26.5ZM1.5 16.5C0.7 16.5 0.0 17.2 0.0 18C0.0 18.8 0.7 19.5 1.5 19.5H34.5C35.3 19.5 36.0 18.8 36.0 18C36.0 17.2 35.3 16.5 34.5 16.5H1.5Z",
|
|
25
|
+
fill: "currentColor"
|
|
26
|
+
})));
|
|
31
27
|
|
|
32
28
|
export default IconTextAlignLeft;
|
|
@@ -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 IconTextAlignRight = 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: "M8 5h16v2H8V5Zm-8 6h24v2H0v-2Zm24 6H14v2h10v-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: "M12.0 9.5C12.0 8.7 12.7 8 13.5 8H34.5C35.3 8 36.0 8.7 36.0 9.5C36.0 10.3 35.3 11 34.5 11H13.5C12.7 11 12.0 10.3 12.0 9.5ZM20.0 26.5C20.0 25.7 20.7 25 21.5 25H34.5C35.3 25 36.0 25.7 36.0 26.5C36.0 27.3 35.3 28 34.5 28H21.5C20.7 28 20.0 27.3 20.0 26.5ZM1.5 16.5C0.7 16.5 0.0 17.2 0.0 18C0.0 18.8 0.7 19.5 1.5 19.5H34.5C35.3 19.5 36.0 18.8 36.0 18C36.0 17.2 35.3 16.5 34.5 16.5H1.5Z",
|
|
25
|
+
fill: "currentColor"
|
|
26
|
+
})));
|
|
31
27
|
|
|
32
28
|
export default IconTextAlignRight;
|
|
@@ -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 IconTextJustify = 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: "M0 5h24v2H0V5zm0 6h24v2H0v-2zm24 6H0v2h24v-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: "M0.0 9.5C0.0 8.7 0.7 8 1.5 8H34.5C35.3 8 36.0 8.7 36.0 9.5C36.0 10.3 35.3 11 34.5 11H1.5C0.7 11 0.0 10.3 0.0 9.5ZM0.0 26.5C0.0 25.7 0.7 25 1.5 25H34.5C35.3 25 36.0 25.7 36.0 26.5C36.0 27.3 35.3 28 34.5 28H1.5C0.7 28 0.0 27.3 0.0 26.5ZM1.5 16.5C0.7 16.5 0.0 17.2 0.0 18C0.0 18.8 0.7 19.5 1.5 19.5H34.5C35.3 19.5 36.0 18.8 36.0 18C36.0 17.2 35.3 16.5 34.5 16.5H1.5Z",
|
|
25
|
+
fill: "currentColor"
|
|
26
|
+
})));
|
|
31
27
|
|
|
32
28
|
export default IconTextJustify;
|
package/es/icons/icon-trash.js
CHANGED
|
@@ -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 IconTrash = 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("g", {
|
|
12
|
+
clipPath: "url(#Trash_svg__a)"
|
|
13
|
+
}, ___EmotionJSX("path", {
|
|
14
|
+
fillRule: "evenodd",
|
|
15
|
+
clipRule: "evenodd",
|
|
16
|
+
d: "M6 2a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2h4a2 2 0 0 1 2 2v4h-2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V10H0V6a2 2 0 0 1 2-2h4V2Zm2 2h4V2H8v2ZM2 8h16V6H2v2Zm14 2H4v12h12V10Z",
|
|
17
|
+
fill: "currentColor"
|
|
18
|
+
})), ___EmotionJSX("defs", null, ___EmotionJSX("clipPath", {
|
|
19
|
+
id: "Trash_svg__a"
|
|
20
|
+
}, ___EmotionJSX("path", {
|
|
21
|
+
fill: "#fff",
|
|
22
|
+
d: "M0 0h20v24H0z"
|
|
23
|
+
})))), ___EmotionJSX("svg", _extends({
|
|
24
|
+
"data-icon-set-v": 2,
|
|
25
|
+
viewBox: "0 0 32 36",
|
|
26
|
+
fill: "none",
|
|
27
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
28
|
+
}, props), ___EmotionJSX("path", {
|
|
29
|
+
fillRule: "evenodd",
|
|
30
|
+
clipRule: "evenodd",
|
|
31
|
+
d: "M16.0004 5C13.9061 5 12.0982 6.22629 11.2556 8H20.7452C19.9026 6.22629 18.0947 5 16.0004 5ZM16.0004 2C12.2241 2 9.04032 4.53724 8.06093 8H1.50037C0.671947 8 0.00037384 8.67157 0.00037384 9.5C0.00037384 10.3284 0.671947 11 1.50037 11H4.07871L5.6558 29.8747C5.85064 32.2066 7.80015 34 10.1402 34H21.8606C24.2006 34 26.1501 32.2066 26.345 29.8747L27.9221 11H30.5004C31.3288 11 32.0004 10.3284 32.0004 9.5C32.0004 8.67157 31.3288 8 30.5004 8H23.9398C22.9604 4.53724 19.7767 2 16.0004 2ZM24.9116 11H24.2504H21.2504H10.7504H7.75038H7.08916L8.64538 29.6249C8.71033 30.4022 9.36016 31 10.1402 31H21.8606C22.6406 31 23.2904 30.4022 23.3554 29.6249L24.9116 11Z",
|
|
32
|
+
fill: "currentColor"
|
|
33
|
+
})));
|
|
38
34
|
|
|
39
35
|
export default IconTrash;
|
package/es/icons/icon-type.js
CHANGED
|
@@ -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 IconType = 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("g", {
|
|
12
|
+
clipPath: "url(#prefix__clip0_151_494)"
|
|
13
|
+
}, ___EmotionJSX("path", {
|
|
14
|
+
fillRule: "evenodd",
|
|
15
|
+
clipRule: "evenodd",
|
|
16
|
+
d: "M0 0h12v2H7v20h5v2H0v-2h5V2H0V0z",
|
|
17
|
+
fill: "currentColor"
|
|
18
|
+
})), ___EmotionJSX("defs", null, ___EmotionJSX("clipPath", {
|
|
19
|
+
id: "prefix__clip0_151_494"
|
|
20
|
+
}, ___EmotionJSX("path", {
|
|
21
|
+
fill: "#fff",
|
|
22
|
+
d: "M0 0h12v24H0z"
|
|
23
|
+
})))), ___EmotionJSX("svg", _extends({
|
|
24
|
+
"data-icon-set-v": 2,
|
|
25
|
+
viewBox: "0 0 16 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.0 3.5C0.0 2.7 0.7 2 1.5 2H14.5C15.3 2 16.0 2.7 16.0 3.5C16.0 4.3 15.3 5 14.5 5H9.5V31H14.5C15.3 31 16.0 31.7 16.0 32.5C16.0 33.3 15.3 34 14.5 34H1.5C0.7 34 0.0 33.3 0.0 32.5C0.0 31.7 0.7 31 1.5 31H6.5V5H1.5C0.7 5 0.0 4.3 0.0 3.5Z",
|
|
32
|
+
fill: "currentColor"
|
|
33
|
+
})));
|
|
38
34
|
|
|
39
35
|
export default IconType;
|
|
@@ -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 IconUnderline = 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("g", {
|
|
12
|
+
clipPath: "url(#prefix__clip0_1288_698)"
|
|
13
|
+
}, ___EmotionJSX("path", {
|
|
14
|
+
fillRule: "evenodd",
|
|
15
|
+
clipRule: "evenodd",
|
|
16
|
+
d: "M16 8.066V0h2v8.066c0 2.31-.405 4.764-1.623 6.671-1.262 1.976-3.334 3.266-6.377 3.266-3.043 0-5.115-1.29-6.377-3.266C2.405 12.83 2 10.376 2 8.066V0h2v8.066c0 2.13.383 4.145 1.31 5.595.882 1.383 2.31 2.342 4.69 2.342 2.38 0 3.808-.959 4.69-2.342.927-1.45 1.31-3.465 1.31-5.595zM20 22v2H0v-2h20z",
|
|
17
|
+
fill: "currentColor"
|
|
18
|
+
})), ___EmotionJSX("defs", null, ___EmotionJSX("clipPath", {
|
|
19
|
+
id: "prefix__clip0_1288_698"
|
|
20
|
+
}, ___EmotionJSX("path", {
|
|
21
|
+
fill: "#fff",
|
|
22
|
+
d: "M0 0h20v24H0z"
|
|
23
|
+
})))), ___EmotionJSX("svg", _extends({
|
|
24
|
+
"data-icon-set-v": 2,
|
|
25
|
+
viewBox: "0 0 32 36",
|
|
26
|
+
fill: "none",
|
|
27
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
28
|
+
}, props), ___EmotionJSX("path", {
|
|
29
|
+
fillRule: "evenodd",
|
|
30
|
+
clipRule: "evenodd",
|
|
31
|
+
d: "M16.0 25C21.0 25 25.0 21.0 25.0 16V3.5C25.0 2.7 25.7 2 26.5 2C27.3 2 28.0 2.7 28.0 3.5V16C28.0 22.6 22.6 28 16.0 28C9.4 28 4.0 22.6 4.0 16L4.0 3.5C4.0 2.7 4.7 2 5.5 2C6.3 2 7.0 2.7 7.0 3.5L7.0 16C7.0 21.0 11.0 25 16.0 25ZM1.5 34C0.7 34 0.0 33.3 0.0 32.5C0.0 31.7 0.7 31 1.5 31H30.5C31.3 31 32.0 31.7 32.0 32.5C32.0 33.3 31.3 34 30.5 34H1.5Z",
|
|
32
|
+
fill: "currentColor"
|
|
33
|
+
})));
|
|
38
34
|
|
|
39
35
|
export default IconUnderline;
|
package/es/icons/icon-undo.js
CHANGED
|
@@ -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 IconUndo = 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("g", {
|
|
12
|
+
clipPath: "url(#Undo_svg__a)"
|
|
13
|
+
}, ___EmotionJSX("path", {
|
|
14
|
+
fillRule: "evenodd",
|
|
15
|
+
clipRule: "evenodd",
|
|
16
|
+
d: "M1.414 7.586 9 0l1.414 1.414L3.828 8H16a8 8 0 1 1 0 16h-4v-2h4a6 6 0 0 0 0-12H3.828l6.586 6.586L9 18l-7.586-7.586L0 9l1.414-1.414Z",
|
|
17
|
+
fill: "currentColor"
|
|
18
|
+
})), ___EmotionJSX("defs", null, ___EmotionJSX("clipPath", {
|
|
19
|
+
id: "Undo_svg__a"
|
|
20
|
+
}, ___EmotionJSX("path", {
|
|
21
|
+
fill: "#fff",
|
|
22
|
+
d: "M0 0h24v24H0z"
|
|
23
|
+
})))), ___EmotionJSX("svg", _extends({
|
|
24
|
+
"data-icon-set-v": 2,
|
|
25
|
+
viewBox: "0 0 32 36",
|
|
26
|
+
fill: "none",
|
|
27
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
28
|
+
}, props), ___EmotionJSX("path", {
|
|
29
|
+
fillRule: "evenodd",
|
|
30
|
+
clipRule: "evenodd",
|
|
31
|
+
d: "M9.9 23.6C10.5 24.1 11.5 24.1 12.1 23.6C12.6 23.0 12.6 22.0 12.1 21.4L5.1 14.5H20.8C25.3 14.5 29 18.2 29 22.8C29 27.3 25.3 31 20.8 31L19.5 31C18.7 31 18 31.7 18 32.5C18 33.3 18.7 34 19.5 34L20.8 34C27.0 34 32 29.0 32 22.8C32 16.5 27.0 11.5 20.8 11.5H5.1L12.1 4.6C12.6 4.0 12.6 3.0 12.1 2.4C11.5 1.9 10.5 1.9 9.9 2.4L0.4 11.9C0.2 12.2 -7.4e-07 12.6 0 13.0C6.7e-08 13.4 0.2 13.8 0.4 14.1L9.9 23.6Z",
|
|
32
|
+
fill: "currentColor"
|
|
33
|
+
})));
|
|
38
34
|
|
|
39
35
|
export default IconUndo;
|
package/es/icons/icon-upload.js
CHANGED
|
@@ -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 IconUpload = 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("g", {
|
|
12
|
+
clipPath: "url(#Upload_svg__a)"
|
|
13
|
+
}, ___EmotionJSX("path", {
|
|
14
|
+
fillRule: "evenodd",
|
|
15
|
+
clipRule: "evenodd",
|
|
16
|
+
d: "m22 10-8.586-8.586L12 0l-1.414 1.414L2 10l1.414 1.414L11 3.828V20h2V3.828l7.586 7.586L22 10ZM0 16v6a2 2 0 0 0 2 2h20a2 2 0 0 0 2-2v-6h-2v6H2v-6H0Z",
|
|
17
|
+
fill: "currentColor"
|
|
18
|
+
})), ___EmotionJSX("defs", null, ___EmotionJSX("clipPath", {
|
|
19
|
+
id: "Upload_svg__a"
|
|
20
|
+
}, ___EmotionJSX("path", {
|
|
21
|
+
fill: "#fff",
|
|
22
|
+
d: "M0 0h24v24H0z"
|
|
23
|
+
})))), ___EmotionJSX("svg", _extends({
|
|
24
|
+
"data-icon-set-v": 2,
|
|
25
|
+
viewBox: "0 0 32 36",
|
|
26
|
+
fill: "none",
|
|
27
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
28
|
+
}, props), ___EmotionJSX("path", {
|
|
29
|
+
fillRule: "evenodd",
|
|
30
|
+
clipRule: "evenodd",
|
|
31
|
+
d: "M29.6 17.1C30.2 16.5 30.2 15.5 29.6 14.9L17.1 2.4C16.8 2.2 16.4 2 16.0 2C15.6 2 15.2 2.2 14.9 2.4L2.4 14.9C1.9 15.5 1.9 16.5 2.4 17.1C3.0 17.6 4.0 17.6 4.6 17.1L14.5 7.1L14.5 27.5C14.5 28.3 15.2 29.0 16.0 29.0C16.8 29.0 17.5 28.3 17.5 27.5L17.5 7.1L27.4 17.1C28.0 17.6 29.0 17.6 29.6 17.1ZM1.5 31C0.7 31 -3.6e-08 31.7 0 32.5C3.6e-08 33.3 0.7 34 1.5 34H30.5C31.3 34 32 33.3 32 32.5C32 31.7 31.3 31 30.5 31H1.5Z",
|
|
32
|
+
fill: "currentColor"
|
|
33
|
+
})));
|
|
38
34
|
|
|
39
35
|
export default IconUpload;
|
package/es/styles/base.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
const base = "\n :root {\n --grn-lineHeight-fixed: 7px;\n --grn-lineHeight-relative: 0.9em;\n --grn-lineHeight-global: calc(var(--grn-lineHeight-fixed) + var(--grn-lineHeight-relative));\n\n --grn-font-global: 'Flodesk Sans', sans-serif;\n }\n\n .grn-context,\n .grn-context * {\n line-height: var(--grn-lineHeight-global);\n outline-color: var(--grn-color-selection);\n }\n\n .grn-context {\n font-family: var(--grn-font-global);\n font-size: var(--grn-text-m);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n [data-theme],\n .grn-context {\n color: var(--grn-color-content);\n }\n\n *,\n *:before,\n *:after {\n box-sizing: border-box;\n }\n\n .grn-link-context a {\n transition: var(--grn-transition-slow);\n text-underline-position: under;\n text-underline-offset: calc(2px - 0.1em);\n color: inherit;\n cursor: pointer;\n text-decoration-color: var(--grn-color-fade3);\n }\n\n .grn-link-context a:hover {\n transition: var(--grn-transition-fast);\n text-decoration-color: currentColor;\n }\n\n .grn-link-context a:active {\n transition: var(--grn-transition-xxFast);\n }\n\n [data-icon-set-v=\"2\"] {\n display: none !important;\n }\n\n [data-experiment-new-icon-set] [data-icon-set-v=\"2\"] {\n display: block !important;\n }\n [data-experiment-new-icon-set] [data-icon-set-v=\"1\"] {\n display: none !important;\n }\n";
|
|
2
2
|
export default base;
|
package/es/styles/card.js
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var bp = [120, 200, 320, 472, 648, 840];
|
|
4
|
-
export var cardRanges = [{
|
|
1
|
+
const bp = [120, 200, 320, 472, 648, 840];
|
|
2
|
+
export const cardRanges = [{
|
|
5
3
|
min: bp[0],
|
|
6
4
|
max: bp[1] - 1,
|
|
7
5
|
padding: 'm',
|
|
@@ -32,8 +30,6 @@ export var cardRanges = [{
|
|
|
32
30
|
padding: 'xxl',
|
|
33
31
|
radius: 'l'
|
|
34
32
|
}];
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
return "\n @container (".concat(range.min, "px <= inline-size) {\n .grn-card {\n --grn-card-radius: var(--grn-radius-").concat(range.radius, ");\n --grn-card-padding: var(--grn-space-").concat(range.padding, ");\n }\n }\n ");
|
|
38
|
-
}).join(' '), "\n\n ").concat(fallback, "\n");
|
|
33
|
+
const fallback = "\n @supports not (container-type: inline-size) {\n .grn-card {\n --grn-card-radius: var(--grn-radius-".concat(cardRanges[2].radius, ");\n --grn-card-padding: var(--grn-space-").concat(cardRanges[2].padding, ");\n }\n }\n");
|
|
34
|
+
const card = "\n .grn-card-container { container-type: inline-size }\n\n .grn-card {\n --grn-card-radius: var(--grn-radius-".concat(cardRanges[0].radius, ");\n --grn-card-padding: var(--grn-space-").concat(cardRanges[0].padding, ");\n }\n\n ").concat(cardRanges.map(range => "\n @container (".concat(range.min, "px <= inline-size) {\n .grn-card {\n --grn-card-radius: var(--grn-radius-").concat(range.radius, ");\n --grn-card-padding: var(--grn-space-").concat(range.padding, ");\n }\n }\n ")).join(' '), "\n\n ").concat(fallback, "\n");
|
|
39
35
|
export default card;
|