@flodesk/grain 10.17.2 → 10.17.4

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 (82) hide show
  1. package/es/components/arrange.js +34 -74
  2. package/es/components/autocomplete.js +28 -132
  3. package/es/components/badge.js +8 -7
  4. package/es/components/box.js +14 -85
  5. package/es/components/button.js +26 -8
  6. package/es/components/checkbox.js +18 -12
  7. package/es/components/dropdown.js +28 -81
  8. package/es/components/flex.js +36 -72
  9. package/es/components/index.js +1 -5
  10. package/es/components/link.js +16 -27
  11. package/es/components/modal.js +68 -89
  12. package/es/components/nav.js +19 -9
  13. package/es/components/pagination.js +4 -4
  14. package/es/components/popover.js +11 -29
  15. package/es/components/select.js +10 -12
  16. package/es/components/slider.js +17 -6
  17. package/es/components/spinner.js +14 -4
  18. package/es/components/stack.js +4 -5
  19. package/es/components/switch.js +17 -5
  20. package/es/components/tab.js +1 -1
  21. package/es/components/text-button.js +12 -13
  22. package/es/components/text.js +28 -84
  23. package/es/components/textarea.js +20 -34
  24. package/es/components/toast.js +52 -16
  25. package/es/components/tooltip.js +4 -4
  26. package/es/foundational/field.js +28 -52
  27. package/es/foundational/menu.js +60 -138
  28. package/es/foundational/styles.js +11 -11
  29. package/es/hooks/index.js +1 -2
  30. package/es/hooks/useOnClickOutside.js +6 -7
  31. package/es/icons/index.js +1 -18
  32. package/es/index.js +1 -2
  33. package/es/styles/base.css +53 -0
  34. package/es/styles/colors/core.css +74 -0
  35. package/es/styles/colors/experimental.css +3 -0
  36. package/es/styles/colors/theme.css +92 -0
  37. package/es/styles/shadows.css +60 -0
  38. package/es/styles/variables.css +66 -0
  39. package/es/types.js +7 -18
  40. package/es/utilities/helpers.js +1 -13
  41. package/es/utilities/index.js +1 -3
  42. package/es/utilities/responsive.js +0 -3
  43. package/es/utilities/styles.js +2 -14
  44. package/es/variables/colors.js +1 -2
  45. package/es/variables/index.js +1 -2
  46. package/es/variables/vars.js +0 -3
  47. package/package.json +1 -1
  48. package/es/components/autocomplete2.js +0 -359
  49. package/es/components/box2.js +0 -223
  50. package/es/components/provider.js +0 -14
  51. package/es/components/text2/index.js +0 -100
  52. package/es/components/text2/styles.module.css +0 -22
  53. package/es/hooks/usePrev.js +0 -8
  54. package/es/icons/icon-archive.js +0 -21
  55. package/es/icons/icon-at.js +0 -21
  56. package/es/icons/icon-bold.js +0 -28
  57. package/es/icons/icon-bullet-list.js +0 -21
  58. package/es/icons/icon-column-and-rows.js +0 -21
  59. package/es/icons/icon-columns-and-row.js +0 -21
  60. package/es/icons/icon-columns.js +0 -21
  61. package/es/icons/icon-folder-move.js +0 -21
  62. package/es/icons/icon-folder-remove.js +0 -21
  63. package/es/icons/icon-italic.js +0 -28
  64. package/es/icons/icon-number-list.js +0 -21
  65. package/es/icons/icon-row-and-columns.js +0 -21
  66. package/es/icons/icon-rows-and-column.js +0 -21
  67. package/es/icons/icon-rows.js +0 -21
  68. package/es/icons/icon-strike.js +0 -28
  69. package/es/icons/icon-text-justify.js +0 -21
  70. package/es/icons/icon-underline.js +0 -28
  71. package/es/styles/base.js +0 -2
  72. package/es/styles/colors/core.js +0 -2
  73. package/es/styles/colors/experimental.js +0 -2
  74. package/es/styles/colors/index.js +0 -4
  75. package/es/styles/colors/theme.js +0 -2
  76. package/es/styles/index.js +0 -6
  77. package/es/styles/shadows.js +0 -2
  78. package/es/styles/utilities.js +0 -108
  79. package/es/styles/variables.js +0 -2
  80. package/es/utilities/attributes.js +0 -66
  81. package/es/utilities/style-config.js +0 -442
  82. package/es/variables/breakpoints.js +0 -9
@@ -1,223 +0,0 @@
1
- import "core-js/modules/es.object.keys.js";
2
- import "core-js/modules/es.array.index-of.js";
3
- import "core-js/modules/es.symbol.js";
4
- import "core-js/modules/es.object.define-property.js";
5
- import "core-js/modules/es.array.filter.js";
6
- import "core-js/modules/es.object.to-string.js";
7
- import "core-js/modules/es.object.get-own-property-descriptor.js";
8
- import "core-js/modules/web.dom-collections.for-each.js";
9
- import "core-js/modules/es.object.get-own-property-descriptors.js";
10
- import "core-js/modules/es.object.define-properties.js";
11
- import "core-js/modules/es.object.assign.js";
12
- var _excluded = ["color", "colorHover", "backgroundColor", "backgroundColorHover", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "radius", "padding", "paddingTop", "paddingBottom", "paddingLeft", "paddingRight", "paddingX", "paddingY", "margin", "marginTop", "marginBottom", "marginLeft", "marginRight", "marginX", "marginY", "position", "top", "bottom", "left", "right", "shadow", "shadowHover", "overflow", "overflowX", "overflowY", "aspectRatio", "zIndex", "tag", "opacity", "opacityHover", "order", "alignSelf", "flex", "transition", "transitionHover", "cursor", "children", "className", "style", "borderColor", "borderColorHover", "borderWidth", "borderSide"];
13
-
14
- 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); }
15
-
16
- import "core-js/modules/es.string.trim.js";
17
-
18
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
19
-
20
- 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; }
21
-
22
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
23
-
24
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
25
-
26
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
27
-
28
- import React, { forwardRef } from 'react';
29
- import { types } from '../types';
30
- import PropTypes from 'prop-types';
31
- import { generateStyleAttributes, generateClassNameAttributes } from '../utilities';
32
- import { jsx as ___EmotionJSX } from "@emotion/react";
33
- export var Box2 = /*#__PURE__*/forwardRef(function (_ref, ref) {
34
- var _generateClassNameAtt;
35
-
36
- var color = _ref.color,
37
- colorHover = _ref.colorHover,
38
- backgroundColor = _ref.backgroundColor,
39
- backgroundColorHover = _ref.backgroundColorHover,
40
- width = _ref.width,
41
- minWidth = _ref.minWidth,
42
- maxWidth = _ref.maxWidth,
43
- height = _ref.height,
44
- minHeight = _ref.minHeight,
45
- maxHeight = _ref.maxHeight,
46
- radius = _ref.radius,
47
- padding = _ref.padding,
48
- paddingTop = _ref.paddingTop,
49
- paddingBottom = _ref.paddingBottom,
50
- paddingLeft = _ref.paddingLeft,
51
- paddingRight = _ref.paddingRight,
52
- paddingX = _ref.paddingX,
53
- paddingY = _ref.paddingY,
54
- margin = _ref.margin,
55
- marginTop = _ref.marginTop,
56
- marginBottom = _ref.marginBottom,
57
- marginLeft = _ref.marginLeft,
58
- marginRight = _ref.marginRight,
59
- marginX = _ref.marginX,
60
- marginY = _ref.marginY,
61
- position = _ref.position,
62
- top = _ref.top,
63
- bottom = _ref.bottom,
64
- left = _ref.left,
65
- right = _ref.right,
66
- shadow = _ref.shadow,
67
- shadowHover = _ref.shadowHover,
68
- overflow = _ref.overflow,
69
- overflowX = _ref.overflowX,
70
- overflowY = _ref.overflowY,
71
- aspectRatio = _ref.aspectRatio,
72
- zIndex = _ref.zIndex,
73
- _ref$tag = _ref.tag,
74
- tag = _ref$tag === void 0 ? 'div' : _ref$tag,
75
- opacity = _ref.opacity,
76
- opacityHover = _ref.opacityHover,
77
- order = _ref.order,
78
- alignSelf = _ref.alignSelf,
79
- flex = _ref.flex,
80
- transition = _ref.transition,
81
- transitionHover = _ref.transitionHover,
82
- cursor = _ref.cursor,
83
- children = _ref.children,
84
- className = _ref.className,
85
- style = _ref.style,
86
- borderColor = _ref.borderColor,
87
- borderColorHover = _ref.borderColorHover,
88
- borderWidth = _ref.borderWidth,
89
- borderSide = _ref.borderSide,
90
- otherProps = _objectWithoutProperties(_ref, _excluded);
91
-
92
- var styles = _objectSpread({}, generateStyleAttributes({
93
- width: width,
94
- minWidth: minWidth,
95
- maxWidth: maxWidth,
96
- height: height,
97
- minHeight: minHeight,
98
- maxHeight: maxHeight,
99
- color: color,
100
- colorHover: colorHover,
101
- backgroundColor: backgroundColor,
102
- backgroundColorHover: backgroundColorHover,
103
- padding: padding,
104
- paddingTop: paddingTop,
105
- paddingBottom: paddingBottom,
106
- paddingLeft: paddingLeft,
107
- paddingRight: paddingRight,
108
- paddingX: paddingX,
109
- paddingY: paddingY,
110
- margin: margin,
111
- marginTop: marginTop,
112
- marginBottom: marginBottom,
113
- marginLeft: marginLeft,
114
- marginRight: marginRight,
115
- marginX: marginX,
116
- marginY: marginY,
117
- top: top,
118
- bottom: bottom,
119
- left: left,
120
- right: right,
121
- shadow: shadow,
122
- shadowHover: shadowHover,
123
- radius: radius,
124
- order: order,
125
- zIndex: zIndex,
126
- transition: transition,
127
- transitionHover: transitionHover,
128
- aspectRatio: aspectRatio,
129
- flex: flex,
130
- opacity: opacity,
131
- opacityHover: opacityHover,
132
- borderColor: borderColor,
133
- borderColorHover: borderColorHover
134
- }));
135
-
136
- var propClassName = className ? className : '';
137
- var classNames = [generateClassNameAttributes((_generateClassNameAtt = {
138
- padding: padding,
139
- paddingTop: paddingTop,
140
- paddingBottom: paddingBottom,
141
- paddingLeft: paddingLeft,
142
- paddingRight: paddingRight,
143
- paddingX: paddingX,
144
- paddingY: paddingY,
145
- margin: margin,
146
- marginTop: marginTop,
147
- marginBottom: marginBottom,
148
- marginLeft: marginLeft,
149
- marginRight: marginRight,
150
- marginX: marginX,
151
- marginY: marginY,
152
- position: position,
153
- top: top,
154
- bottom: bottom,
155
- left: left,
156
- right: right,
157
- color: color,
158
- colorHover: colorHover,
159
- backgroundColor: backgroundColor,
160
- backgroundColorHover: backgroundColorHover,
161
- shadow: shadow,
162
- shadowHover: shadowHover,
163
- radius: radius
164
- }, _defineProperty(_generateClassNameAtt, "position", position), _defineProperty(_generateClassNameAtt, "overflow", overflow), _defineProperty(_generateClassNameAtt, "transition", transition), _defineProperty(_generateClassNameAtt, "transitionHover", transitionHover), _defineProperty(_generateClassNameAtt, "cursor", cursor), _defineProperty(_generateClassNameAtt, "alignSelf", alignSelf), _defineProperty(_generateClassNameAtt, "borderColor", borderColor), _defineProperty(_generateClassNameAtt, "borderColorHover", borderColorHover), _defineProperty(_generateClassNameAtt, "borderWidth", borderWidth), _defineProperty(_generateClassNameAtt, "borderSide", borderSide), _generateClassNameAtt)), propClassName].join(' ').trim();
165
- var Tag = tag;
166
- return ___EmotionJSX(Tag, _extends({
167
- ref: ref,
168
- style: styles,
169
- className: classNames || undefined
170
- }, otherProps), children);
171
- });
172
- Box2.propTypes = {
173
- all: PropTypes.string,
174
- color: types.color,
175
- colorHover: types.color,
176
- backgroundColor: types.color,
177
- backgroundColorHover: types.color,
178
- borderColor: types.color,
179
- borderColorHover: types.color,
180
- borderWidth: types.borderWidth,
181
- width: types.responsiveDimension,
182
- minWidth: types.responsiveDimension,
183
- maxWidth: types.responsiveDimension,
184
- height: types.responsiveDimension,
185
- minHeight: types.responsiveDimension,
186
- maxHeight: types.responsiveDimension,
187
- radius: types.radius,
188
- shadow: types.shadow,
189
- shadowHover: types.shadow,
190
- padding: types.responsiveSpace,
191
- paddingTop: types.responsiveSpace,
192
- paddingBottom: types.responsiveSpace,
193
- paddingLeft: types.responsiveSpace,
194
- paddingRight: types.responsiveSpace,
195
- paddingX: types.responsiveSpace,
196
- paddingY: types.responsiveSpace,
197
- margin: types.responsiveSpace,
198
- marginTop: types.responsiveSpace,
199
- marginBottom: types.responsiveSpace,
200
- marginLeft: types.responsiveSpace,
201
- marginRight: types.responsiveSpace,
202
- marginX: types.responsiveSpace,
203
- marginY: types.responsiveSpace,
204
- position: types.position,
205
- top: types.responsiveSpace,
206
- bottom: types.responsiveSpace,
207
- left: types.responsiveSpace,
208
- right: types.responsiveSpace,
209
- overflow: types.overflow,
210
- overflowX: types.overflow,
211
- overflowY: types.overflow,
212
- aspectRatio: PropTypes.string,
213
- zIndex: types.zIndex,
214
- opacity: PropTypes.string,
215
- opacityHover: PropTypes.string,
216
- order: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]),
217
- alignSelf: types.alignSelf,
218
- flex: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
219
- transition: types.transition,
220
- transitionHover: types.transition,
221
- cursor: types.cursor,
222
- tag: PropTypes.string
223
- };
@@ -1,14 +0,0 @@
1
- import React from 'react';
2
- import PropTypes from 'prop-types';
3
- import { Global } from '@emotion/react';
4
- import styles from '../styles';
5
- import { jsx as ___EmotionJSX } from "@emotion/react";
6
- export function GrainProvider(_ref) {
7
- var children = _ref.children;
8
- return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Global, {
9
- styles: styles
10
- }), children);
11
- }
12
- GrainProvider.propTypes = {
13
- children: PropTypes.node.isRequired
14
- };
@@ -1,100 +0,0 @@
1
- import "core-js/modules/es.object.keys.js";
2
- import "core-js/modules/es.array.index-of.js";
3
- import "core-js/modules/es.symbol.js";
4
- import "core-js/modules/es.object.define-property.js";
5
- import "core-js/modules/es.array.filter.js";
6
- import "core-js/modules/es.object.to-string.js";
7
- import "core-js/modules/es.object.get-own-property-descriptor.js";
8
- import "core-js/modules/web.dom-collections.for-each.js";
9
- import "core-js/modules/es.object.get-own-property-descriptors.js";
10
- import "core-js/modules/es.object.define-properties.js";
11
- import "core-js/modules/es.object.assign.js";
12
- var _excluded = ["children", "size", "weight", "color", "tag", "display", "hasEllipsis", "ellipsisLines", "align", "letterSpacing", "textTransform", "variant", "trimTop", "className"];
13
-
14
- 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); }
15
-
16
- import "core-js/modules/es.string.trim.js";
17
- import "core-js/modules/es.regexp.exec.js";
18
- import "core-js/modules/es.string.replace.js";
19
-
20
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
21
-
22
- 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; }
23
-
24
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
25
-
26
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
27
-
28
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
29
-
30
- import { generateStyleAttributes, generateClassNameAttributes } from '../../utilities';
31
- import PropTypes from 'prop-types';
32
- import React, { forwardRef } from 'react';
33
- import { types } from '../../types';
34
- import styles from './styles.module.css';
35
- import { jsx as ___EmotionJSX } from "@emotion/react";
36
- export var Text2 = /*#__PURE__*/forwardRef(function (_ref, ref) {
37
- var children = _ref.children,
38
- _ref$size = _ref.size,
39
- size = _ref$size === void 0 ? 'm' : _ref$size,
40
- weight = _ref.weight,
41
- color = _ref.color,
42
- _ref$tag = _ref.tag,
43
- tag = _ref$tag === void 0 ? 'span' : _ref$tag,
44
- _ref$display = _ref.display,
45
- display = _ref$display === void 0 ? 'block' : _ref$display,
46
- hasEllipsis = _ref.hasEllipsis,
47
- ellipsisLines = _ref.ellipsisLines,
48
- align = _ref.align,
49
- letterSpacing = _ref.letterSpacing,
50
- textTransform = _ref.textTransform,
51
- variant = _ref.variant,
52
- trimTop = _ref.trimTop,
53
- className = _ref.className,
54
- props = _objectWithoutProperties(_ref, _excluded);
55
-
56
- var Tag = tag;
57
-
58
- if (variant === 'caps') {
59
- size = 's';
60
- weight = 'medium';
61
- textTransform = 'uppercase';
62
- letterSpacing = '0.05em';
63
- }
64
-
65
- var genStyles = _objectSpread(_objectSpread({}, generateStyleAttributes({
66
- size: size,
67
- align: align,
68
- color: color,
69
- letterSpacing: letterSpacing
70
- })), ellipsisLines && _defineProperty({}, '--el', ellipsisLines));
71
-
72
- var propClassName = className ? className : '';
73
- var classNames = [generateClassNameAttributes({
74
- size: size,
75
- align: align,
76
- color: color,
77
- weight: weight,
78
- display: !ellipsisLines ? display : undefined,
79
- textTransform: textTransform
80
- }), propClassName, trimTop && styles.trimTop, hasEllipsis && !ellipsisLines ? styles.ellipsis : undefined, hasEllipsis && ellipsisLines ? styles.ellipsisMulti : undefined].join(' ').replace(/\s+/g, ' ').trim();
81
- return ___EmotionJSX(Tag, _extends({
82
- ref: ref,
83
- className: classNames,
84
- style: genStyles
85
- }, props), children);
86
- });
87
- Text2.propTypes = {
88
- size: types.responsiveTextSize,
89
- weight: types.weight,
90
- color: types.color,
91
- align: types.responsiveTextAlign,
92
- tag: types.textTag,
93
- hasEllipsis: PropTypes.bool,
94
- ellipsisLines: PropTypes.number,
95
- letterSpacing: PropTypes.string,
96
- textTransform: PropTypes.oneOf(['capitalize', 'uppercase', 'lowercase']),
97
- variant: PropTypes.oneOf(['caps']),
98
- trimTop: PropTypes.bool,
99
- display: types.textDisplay
100
- };
@@ -1,22 +0,0 @@
1
- .trimTop:before {
2
- --capHeight: 0.74em;
3
- --lineHeightAndCapHeightOffset: calc((var(--grn-lineHeight-global) - var(--capHeight)) / 2);
4
-
5
- content: '';
6
- margin-top: calc(-1 * var(--lineHeightAndCapHeightOffset));
7
- display: block;
8
- }
9
-
10
- .ellipsis {
11
- overflow: hidden;
12
- text-overflow: ellipsis;
13
- white-space: nowrap;
14
- }
15
-
16
- .ellipsisMulti {
17
- overflow: hidden;
18
- text-overflow: ellipsis;
19
- display: -webkit-box;
20
- -webkit-line-clamp: var(--el);
21
- -webkit-box-orient: vertical;
22
- }
@@ -1,8 +0,0 @@
1
- import * as React from 'react';
2
- export var usePrev = function usePrev(value) {
3
- var ref = React.useRef();
4
- React.useEffect(function () {
5
- ref.current = value;
6
- }, [value]);
7
- return ref.current;
8
- };
@@ -1,21 +0,0 @@
1
- import "core-js/modules/es.object.assign.js";
2
-
3
- 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
-
5
- import * as React from 'react';
6
- import { jsx as ___EmotionJSX } from "@emotion/react";
7
-
8
- var IconArchive = function IconArchive(props) {
9
- return ___EmotionJSX("svg", _extends({
10
- viewBox: "0 0 24 24",
11
- fill: "none",
12
- xmlns: "http://www.w3.org/2000/svg"
13
- }, props), ___EmotionJSX("path", {
14
- fillRule: "evenodd",
15
- clipRule: "evenodd",
16
- d: "M0 4a2 2 0 012-2h20a2 2 0 012 2v3a2 2 0 01-2 2v11a2 2 0 01-2 2H4a2 2 0 01-2-2V9a2 2 0 01-2-2V4zm22 3H2V4h20v3zm-2 2H4v11h16V9zm-3 2H7v2h10v-2z",
17
- fill: "currentColor"
18
- }));
19
- };
20
-
21
- export default IconArchive;
@@ -1,21 +0,0 @@
1
- import "core-js/modules/es.object.assign.js";
2
-
3
- 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
-
5
- import * as React from 'react';
6
- import { jsx as ___EmotionJSX } from "@emotion/react";
7
-
8
- var IconAt = function IconAt(props) {
9
- return ___EmotionJSX("svg", _extends({
10
- viewBox: "0 0 24 24",
11
- fill: "none",
12
- xmlns: "http://www.w3.org/2000/svg"
13
- }, props), ___EmotionJSX("path", {
14
- fillRule: "evenodd",
15
- clipRule: "evenodd",
16
- d: "M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10c0 1.689-.34 2.762-.868 3.384-.494.582-1.33 1.125-3.126 1.126-.78-.028-.89-.348-.89-1.126l.072-5.88c-.096-2.904-1.872-4.296-4.968-4.296-3.144 0-5.28 1.584-5.304 4.128l2.064.072c.144-1.512 1.128-2.472 3.168-2.472 1.92 0 3.072.888 3.072 2.832v.432l-2.52.36c-3.6.624-6.216 1.104-6.216 4.032 0 2.16 1.824 3.576 4.32 3.576 2.016 0 3.552-.864 4.2-1.92h.216c.096 1.272 1.274 1.9 2.786 1.9 1.853 0 3.527-.445 4.655-1.773C23.664 15.193 24 13.81 24 12c0-6.627-5.373-12-12-12S0 5.373 0 12s5.373 12 12 12c2.413 0 4.663-.713 6.546-1.941l-1.092-1.676A9.948 9.948 0 0112 22C6.477 22 2 17.523 2 12zm13.196.936v.336c-.12 2.16-1.8 3.216-3.96 3.216-1.488 0-2.52-.72-2.52-1.992 0-1.608 1.68-1.968 3.84-2.304l1.392-.216a13.38 13.38 0 001.416-.312l.024.024c-.096.264-.192.744-.192 1.248z",
17
- fill: "currentColor"
18
- }));
19
- };
20
-
21
- export default IconAt;
@@ -1,28 +0,0 @@
1
- import "core-js/modules/es.object.assign.js";
2
-
3
- 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
-
5
- import * as React from 'react';
6
- import { jsx as ___EmotionJSX } from "@emotion/react";
7
-
8
- var IconBold = function IconBold(props) {
9
- return ___EmotionJSX("svg", _extends({
10
- viewBox: "0 0 16 24",
11
- fill: "none",
12
- xmlns: "http://www.w3.org/2000/svg"
13
- }, props), ___EmotionJSX("g", {
14
- clipPath: "url(#prefix__clip0_1288_666)"
15
- }, ___EmotionJSX("path", {
16
- fillRule: "evenodd",
17
- clipRule: "evenodd",
18
- d: "M0 24V0h6.978c1.834 0 3.81.32 5.357 1.31C13.951 2.34 15 4.037 15 6.5s-1.049 4.16-2.665 5.19a6.77 6.77 0 01-.087.056c.38.157.744.344 1.088.563C14.95 13.341 16 15.04 16 17.5c0 2.462-1.049 4.16-2.665 5.19-1.548.99-3.523 1.31-5.357 1.31H0zm2-2h5.978c1.655 0 3.19-.299 4.281-.995C13.282 20.352 14 19.299 14 17.5c0-1.8-.718-2.852-1.74-3.505C11.167 13.299 9.632 13 7.977 13H2v9zm9.26-19.005C12.281 3.648 13 4.7 13 6.5c0 1.8-.718 2.852-1.74 3.505-1.092.696-2.627.995-4.282.995H2V2h4.978c1.655 0 3.19.299 4.281.995z",
19
- fill: "currentColor"
20
- })), ___EmotionJSX("defs", null, ___EmotionJSX("clipPath", {
21
- id: "prefix__clip0_1288_666"
22
- }, ___EmotionJSX("path", {
23
- fill: "#fff",
24
- d: "M0 0h16v24H0z"
25
- }))));
26
- };
27
-
28
- export default IconBold;
@@ -1,21 +0,0 @@
1
- import "core-js/modules/es.object.assign.js";
2
-
3
- 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
-
5
- import * as React from 'react';
6
- import { jsx as ___EmotionJSX } from "@emotion/react";
7
-
8
- var IconBulletList = function IconBulletList(props) {
9
- return ___EmotionJSX("svg", _extends({
10
- viewBox: "0 0 24 24",
11
- fill: "none",
12
- xmlns: "http://www.w3.org/2000/svg"
13
- }, props), ___EmotionJSX("path", {
14
- fillRule: "evenodd",
15
- clipRule: "evenodd",
16
- d: "M2 7a2 2 0 100-4 2 2 0 000 4zm22-3H6v2h18V4zm0 7H6v2h18v-2zM6 18h18v2H6v-2zm-2 1a2 2 0 11-4 0 2 2 0 014 0zm-2-5a2 2 0 100-4 2 2 0 000 4z",
17
- fill: "currentColor"
18
- }));
19
- };
20
-
21
- export default IconBulletList;
@@ -1,21 +0,0 @@
1
- import "core-js/modules/es.object.assign.js";
2
-
3
- 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
-
5
- import * as React from 'react';
6
- import { jsx as ___EmotionJSX } from "@emotion/react";
7
-
8
- var LayoutColumnAndRows = function LayoutColumnAndRows(props) {
9
- return ___EmotionJSX("svg", _extends({
10
- viewBox: "0 0 24 24",
11
- fill: "none",
12
- xmlns: "http://www.w3.org/2000/svg"
13
- }, props), ___EmotionJSX("path", {
14
- fillRule: "evenodd",
15
- clipRule: "evenodd",
16
- d: "M0 2a2 2 0 012-2h20a2 2 0 012 2v20a2 2 0 01-2 2H2a2 2 0 01-2-2V2zm22 0h-9v9h9V2zm0 11h-9v9h9v-9zM2 2h9v20H2V2z",
17
- fill: "currentColor"
18
- }));
19
- };
20
-
21
- export default LayoutColumnAndRows;
@@ -1,21 +0,0 @@
1
- import "core-js/modules/es.object.assign.js";
2
-
3
- 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
-
5
- import * as React from 'react';
6
- import { jsx as ___EmotionJSX } from "@emotion/react";
7
-
8
- var LayoutColumnsAndRow = function LayoutColumnsAndRow(props) {
9
- return ___EmotionJSX("svg", _extends({
10
- viewBox: "0 0 24 24",
11
- fill: "none",
12
- xmlns: "http://www.w3.org/2000/svg"
13
- }, props), ___EmotionJSX("path", {
14
- fillRule: "evenodd",
15
- clipRule: "evenodd",
16
- d: "M0 2a2 2 0 012-2h20a2 2 0 012 2v20a2 2 0 01-2 2H2a2 2 0 01-2-2V2zm22 0h-9v9h9V2zm0 11H2v9h20v-9zM2 11h9V2H2v9z",
17
- fill: "currentColor"
18
- }));
19
- };
20
-
21
- export default LayoutColumnsAndRow;
@@ -1,21 +0,0 @@
1
- import "core-js/modules/es.object.assign.js";
2
-
3
- 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
-
5
- import * as React from 'react';
6
- import { jsx as ___EmotionJSX } from "@emotion/react";
7
-
8
- var LayoutColumns = function LayoutColumns(props) {
9
- return ___EmotionJSX("svg", _extends({
10
- viewBox: "0 0 24 24",
11
- fill: "none",
12
- xmlns: "http://www.w3.org/2000/svg"
13
- }, props), ___EmotionJSX("path", {
14
- fillRule: "evenodd",
15
- clipRule: "evenodd",
16
- d: "M2 0a2 2 0 00-2 2v20a2 2 0 002 2h20a2 2 0 002-2V2a2 2 0 00-2-2H2zm11 2h9v20h-9V2zm-2 0H2v20h9V2z",
17
- fill: "currentColor"
18
- }));
19
- };
20
-
21
- export default LayoutColumns;
@@ -1,21 +0,0 @@
1
- import "core-js/modules/es.object.assign.js";
2
-
3
- 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
-
5
- import * as React from 'react';
6
- import { jsx as ___EmotionJSX } from "@emotion/react";
7
-
8
- var IconFolderMove = function IconFolderMove(props) {
9
- return ___EmotionJSX("svg", _extends({
10
- viewBox: "0 0 24 24",
11
- fill: "none",
12
- xmlns: "http://www.w3.org/2000/svg"
13
- }, props), ___EmotionJSX("path", {
14
- fillRule: "evenodd",
15
- clipRule: "evenodd",
16
- d: "M0 2h8.414l.293.293L10.414 4H22a2 2 0 012 2v14a2 2 0 01-2 2H2a2 2 0 01-2-2v-4h2v4h20V6H9.586l-.293-.293L7.586 4H2v6H0V2zm16.257 11.707l-5.25 5.25-1.414-1.414L13.136 14H0v-2h13.136L9.593 8.457l1.414-1.414 5.25 5.25.707.707-.707.707z",
17
- fill: "currentColor"
18
- }));
19
- };
20
-
21
- export default IconFolderMove;
@@ -1,21 +0,0 @@
1
- import "core-js/modules/es.object.assign.js";
2
-
3
- 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
-
5
- import * as React from 'react';
6
- import { jsx as ___EmotionJSX } from "@emotion/react";
7
-
8
- var IconFolderRemove = function IconFolderRemove(props) {
9
- return ___EmotionJSX("svg", _extends({
10
- viewBox: "0 0 24 24",
11
- fill: "none",
12
- xmlns: "http://www.w3.org/2000/svg"
13
- }, props), ___EmotionJSX("path", {
14
- fillRule: "evenodd",
15
- clipRule: "evenodd",
16
- d: "M1 2H0v18a2 2 0 002 2h20a2 2 0 002-2V6a2 2 0 00-2-2H10.414L8.707 2.293 8.414 2H1zm1 9V4h5.586l1.707 1.707.293.293H22v14H2v-9zm15 1H7v2h10v-2z",
17
- fill: "currentColor"
18
- }));
19
- };
20
-
21
- export default IconFolderRemove;
@@ -1,28 +0,0 @@
1
- import "core-js/modules/es.object.assign.js";
2
-
3
- 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
-
5
- import * as React from 'react';
6
- import { jsx as ___EmotionJSX } from "@emotion/react";
7
-
8
- var IconItalic = function IconItalic(props) {
9
- return ___EmotionJSX("svg", _extends({
10
- viewBox: "0 0 18 24",
11
- fill: "none",
12
- xmlns: "http://www.w3.org/2000/svg"
13
- }, props), ___EmotionJSX("g", {
14
- clipPath: "url(#prefix__clip0_1288_675)"
15
- }, ___EmotionJSX("path", {
16
- fillRule: "evenodd",
17
- clipRule: "evenodd",
18
- d: "M6 0h12v2h-5.236L7.309 22H12v2H0v-2h5.236l5.455-20H6V0z",
19
- fill: "currentColor"
20
- })), ___EmotionJSX("defs", null, ___EmotionJSX("clipPath", {
21
- id: "prefix__clip0_1288_675"
22
- }, ___EmotionJSX("path", {
23
- fill: "#fff",
24
- d: "M0 0h18v24H0z"
25
- }))));
26
- };
27
-
28
- export default IconItalic;
@@ -1,21 +0,0 @@
1
- import "core-js/modules/es.object.assign.js";
2
-
3
- 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
-
5
- import * as React from 'react';
6
- import { jsx as ___EmotionJSX } from "@emotion/react";
7
-
8
- var IconNumberList = function IconNumberList(props) {
9
- return ___EmotionJSX("svg", _extends({
10
- viewBox: "0 0 24 24",
11
- fill: "none",
12
- xmlns: "http://www.w3.org/2000/svg"
13
- }, props), ___EmotionJSX("path", {
14
- fillRule: "evenodd",
15
- clipRule: "evenodd",
16
- d: "M2 3.5H1v-1h1.5A.5.5 0 013 3v3.5h2v1H0v-1h2v-3zM7 4h17v2H7V4zm0 7h17v2H7v-2zm17 7H7v2h17v-2zM1 10.5v-1h3.5a.5.5 0 01.5.5v1.6a.5.5 0 01-.402.49L1 12.81v.69h4v1H.5A.5.5 0 010 14v-1.6a.5.5 0 01.402-.49L4 11.19v-.69H1zm-1 6v1h4v1H2v1h2v1H0v1h4.5A.5.5 0 005 21v-4a.5.5 0 00-.5-.5H0z",
17
- fill: "currentColor"
18
- }));
19
- };
20
-
21
- export default IconNumberList;
@@ -1,21 +0,0 @@
1
- import "core-js/modules/es.object.assign.js";
2
-
3
- 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
-
5
- import * as React from 'react';
6
- import { jsx as ___EmotionJSX } from "@emotion/react";
7
-
8
- var LayoutRowAndColumns = function LayoutRowAndColumns(props) {
9
- return ___EmotionJSX("svg", _extends({
10
- viewBox: "0 0 24 24",
11
- fill: "none",
12
- xmlns: "http://www.w3.org/2000/svg"
13
- }, props), ___EmotionJSX("path", {
14
- fillRule: "evenodd",
15
- clipRule: "evenodd",
16
- d: "M0 2a2 2 0 012-2h20a2 2 0 012 2v20a2 2 0 01-2 2H2a2 2 0 01-2-2V2zm22 0H2v9h20V2zm0 11h-9v9h9v-9zm-11 0H2v9h9v-9z",
17
- fill: "currentColor"
18
- }));
19
- };
20
-
21
- export default LayoutRowAndColumns;