@gravity-ui/blog-constructor 8.0.0-beta.1 → 8.1.0

package/build/esm/components/PostCard/PostCard.css

@@ -19,7 +19,6 @@ unpredictable css rules order in build */
 }
 .bc-post-card__header_fullWidth {
   min-height: auto;
-  height: 100%;
 }
 @media (min-width: 1081px) {
   .bc-post-card__header_fullWidth {

package/build/esm/components/PostInfo/PostInfo.css

@@ -93,4 +93,5 @@ unpredictable css rules order in build */
   display: flex;
   flex-grow: 1;
   flex-wrap: wrap;
+  padding-right: 12px;
 }

package/build/esm/components/PostInfo/components/ReadingTime.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Icon } from '@gravity-ui/uikit';
+import { Clock } from '@gravity-ui/icons';
 import { Keyset, i18n } from "../../../i18n/index.js";
-import { Time } from "../../../icons/Time.js";
 import { block } from "../../../utils/cn.js";
 import '../PostInfo.css';
 const b = block('post-info');
 const ICON_SIZE = 16;
-export const ReadingTime = ({ readingTime, size = 's', id, qa }) => (_jsxs("div", { className: b('item', { size }), id: id, "data-qa": qa, children: [_jsx("span", { className: b('icon'), children: _jsx(Icon, { data: Time, size: ICON_SIZE, className: b('icon-color') }) }), i18n(Keyset.ContextReadingTime, { count: readingTime })] }));
+export const ReadingTime = ({ readingTime, size = 's', id, qa }) => (_jsxs("div", { className: b('item', { size }), id: id, "data-qa": qa, children: [_jsx("span", { className: b('icon'), children: _jsx(Icon, { data: Clock, size: ICON_SIZE, className: b('icon-color') }) }), i18n(Keyset.ContextReadingTime, { count: readingTime })] }));
 //# sourceMappingURL=ReadingTime.js.map

package/build/esm/components/PostInfo/components/ReadingTime.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReadingTime.js","sourceRoot":"../../../../../src","sources":["components/PostInfo/components/ReadingTime.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,+BAAsB;AAC3C,OAAO,EAAC,IAAI,EAAC,+BAA4B;AACzC,OAAO,EAAC,KAAK,EAAC,6BAA0B;AAGxC,OAAO,iBAAiB,CAAC;AAEzB,MAAM,CAAC,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;AAE7B,MAAM,SAAS,GAAG,EAAE,CAAC;AAQrB,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAC,WAAW,EAAE,IAAI,GAAG,GAAG,EAAE,EAAE,EAAE,EAAE,EAAmB,EAAE,EAAE,CAAC,CAChF,eAAK,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,IAAI,EAAC,CAAC,EAAE,EAAE,EAAE,EAAE,aAAW,EAAE,aAClD,eAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACtB,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,GAAI,GAC9D,EACN,IAAI,CAAC,MAAM,CAAC,kBAAkB,EAAE,EAAC,KAAK,EAAE,WAAW,EAAC,CAAC,IACpD,CACT,CAAC","sourcesContent":["import {Icon} from '@gravity-ui/uikit';\n\nimport {Keyset, i18n} from '../../../i18n';\nimport {Time} from '../../../icons/Time';\nimport {block} from '../../../utils/cn';\n\nimport {QAProps} from '../../../models/common';\nimport '../PostInfo.scss';\n\nconst b = block('post-info');\n\nconst ICON_SIZE = 16;\n\ntype ReadingTimeProps = QAProps & {\n    readingTime: number;\n    size?: 's' | 'm';\n    id?: string;\n};\n\nexport const ReadingTime = ({readingTime, size = 's', id, qa}: ReadingTimeProps) => (\n    <div className={b('item', {size})} id={id} data-qa={qa}>\n        <span className={b('icon')}>\n            <Icon data={Time} size={ICON_SIZE} className={b('icon-color')} />\n        </span>\n        {i18n(Keyset.ContextReadingTime, {count: readingTime})}\n    </div>\n);\n"]}
+{"version":3,"file":"ReadingTime.js","sourceRoot":"../../../../../src","sources":["components/PostInfo/components/ReadingTime.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,+BAAsB;AAC3C,OAAO,EAAC,KAAK,EAAC,6BAA0B;AAGxC,OAAO,iBAAiB,CAAC;AAEzB,MAAM,CAAC,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;AAE7B,MAAM,SAAS,GAAG,EAAE,CAAC;AAQrB,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAC,WAAW,EAAE,IAAI,GAAG,GAAG,EAAE,EAAE,EAAE,EAAE,EAAmB,EAAE,EAAE,CAAC,CAChF,eAAK,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,IAAI,EAAC,CAAC,EAAE,EAAE,EAAE,EAAE,aAAW,EAAE,aAClD,eAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACtB,KAAC,IAAI,IAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,GAAI,GAC/D,EACN,IAAI,CAAC,MAAM,CAAC,kBAAkB,EAAE,EAAC,KAAK,EAAE,WAAW,EAAC,CAAC,IACpD,CACT,CAAC","sourcesContent":["import {Icon} from '@gravity-ui/uikit';\nimport {Clock} from '@gravity-ui/icons';\n\nimport {Keyset, i18n} from '../../../i18n';\nimport {block} from '../../../utils/cn';\n\nimport {QAProps} from '../../../models/common';\nimport '../PostInfo.scss';\n\nconst b = block('post-info');\n\nconst ICON_SIZE = 16;\n\ntype ReadingTimeProps = QAProps & {\n    readingTime: number;\n    size?: 's' | 'm';\n    id?: string;\n};\n\nexport const ReadingTime = ({readingTime, size = 's', id, qa}: ReadingTimeProps) => (\n    <div className={b('item', {size})} id={id} data-qa={qa}>\n        <span className={b('icon')}>\n            <Icon data={Clock} size={ICON_SIZE} className={b('icon-color')} />\n        </span>\n        {i18n(Keyset.ContextReadingTime, {count: readingTime})}\n    </div>\n);\n"]}

package/build/esm/components/PostInfo/components/Save.js

@@ -2,14 +2,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { useAnalytics } from '@gravity-ui/page-constructor';
 import { Icon, useUniqId } from '@gravity-ui/uikit';
+import { Bookmark, BookmarkFill } from '@gravity-ui/icons';
 import { LikesContext } from "../../../contexts/LikesContext.js";
-import { Save as SaveIcon } from "../../../icons/Save.js";
-import { SaveFilled } from "../../../icons/SaveFilled.js";
 import { DefaultEventNames } from "../../../models/common.js";
 import { block } from "../../../utils/cn.js";
 import { postLikeStatus } from "../../../utils/common.js";
-import '../PostInfo.css';
 import { Keyset, i18n } from "../../../i18n/index.js";
+import '../PostInfo.css';
 const ICON_SIZE = 16;
 const b = block('post-info');
 /**
@@ -46,6 +45,6 @@ export const Save = ({ title, postId, hasUserLike, handleUserLike, size, theme,
             postLikeStatus(postId, Boolean(hasUserLike));
             handleUserLike();
             handleAnalytics(analyticsEvents);
-        }, "data-qa": qa, "aria-pressed": hasUserLike, "aria-label": isNumericTitle ? i18n(Keyset.Save) : undefined, "aria-describedby": isNumericTitle ? titleElementId : undefined, children: _jsxs("div", { className: b('content', { cursor: isLikeable, theme }), children: [_jsx("span", { className: b('icon'), children: _jsx(Icon, { data: hasUserLike ? SaveFilled : SaveIcon, size: ICON_SIZE, className: b({ filled: Boolean(hasUserLike) }) }) }), _jsx("span", { id: titleElementId, className: b('title', { cursor: isLikeable }), children: title })] }) }));
+        }, "data-qa": qa, "aria-pressed": hasUserLike, "aria-label": isNumericTitle ? i18n(Keyset.Save) : undefined, "aria-describedby": isNumericTitle ? titleElementId : undefined, children: _jsxs("div", { className: b('content', { cursor: isLikeable, theme }), children: [_jsx("span", { className: b('icon'), children: _jsx(Icon, { data: hasUserLike ? BookmarkFill : Bookmark, size: ICON_SIZE, className: b({ filled: Boolean(hasUserLike) }) }) }), _jsx("span", { id: titleElementId, className: b('title', { cursor: isLikeable }), children: title })] }) }));
 };
 //# sourceMappingURL=Save.js.map

package/build/esm/components/PostInfo/components/Save.js.map

@@ -1 +1 @@
-{"version":3,"file":"Save.js","sourceRoot":"../../../../../src","sources":["components/PostInfo/components/Save.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {AnalyticsEventsProp, useAnalytics} from '@gravity-ui/page-constructor';\nimport {Icon, useUniqId} from '@gravity-ui/uikit';\n\nimport {LikesContext} from '../../../contexts/LikesContext';\nimport {Save as SaveIcon} from '../../../icons/Save';\nimport {SaveFilled} from '../../../icons/SaveFilled';\nimport {DefaultEventNames, QAProps} from '../../../models/common';\nimport {block} from '../../../utils/cn';\nimport {postLikeStatus} from '../../../utils/common';\n\nimport '../PostInfo.scss';\nimport {Keyset, i18n} from '../../../i18n';\n\nconst ICON_SIZE = 16;\n\nconst b = block('post-info');\n\ntype SaveProps = QAProps & {\n    title: string | number;\n    postId: number | string;\n    hasUserLike: boolean;\n    handleUserLike: () => void;\n    theme?: 'light' | 'dark';\n    size?: 's' | 'm';\n    analyticsEvents?: AnalyticsEventsProp;\n};\n\n/**\n * Components for 'save' blog UI-component\n *\n * @param title - post title\n * @param postId - post id\n * @param hasUserLike - flag what blog has like from current user\n * @param qa - test-attr\n * @param size - text size\n * @param analyticsEvents - a single or collection of objects detailing analytics events\n *\n * @returns jsx\n */\nexport const Save = ({\n    title,\n    postId,\n    hasUserLike,\n    handleUserLike,\n    size,\n    theme,\n    qa,\n    analyticsEvents,\n}: SaveProps) => {\n    const {toggleLike, isSignedInUser, requireSignIn} = React.useContext(LikesContext);\n    const handleAnalytics = useAnalytics(DefaultEventNames.SaveButton);\n    const isLikeable = Boolean(toggleLike);\n\n    const titleElementId = useUniqId();\n    const isNumericTitle = typeof title === 'number';\n\n    return (\n        <button\n            className={b('item', {size, save: true})}\n            onClick={(event) => {\n                // both preventDefault and stopImmediatePropagation required to work properly\n                // https://stackoverflow.com/questions/24415631/reactjs-syntheticevent-stoppropagation-only-works-with-react-events\n                event.preventDefault();\n                event.nativeEvent.stopImmediatePropagation();\n\n                if (!isLikeable) {\n                    return;\n                }\n\n                // Open Popup to ask the User to sign in first\n                if (!isSignedInUser && requireSignIn) {\n                    requireSignIn(event);\n                    return;\n                }\n\n                postLikeStatus(postId, Boolean(hasUserLike));\n                handleUserLike();\n                handleAnalytics(analyticsEvents);\n            }}\n            data-qa={qa}\n            aria-pressed={hasUserLike}\n            aria-label={isNumericTitle ? i18n(Keyset.Save) : undefined}\n            aria-describedby={isNumericTitle ? titleElementId : undefined}\n        >\n            <div className={b('content', {cursor: isLikeable, theme})}>\n                <span className={b('icon')}>\n                    <Icon\n                        data={hasUserLike ? SaveFilled : SaveIcon}\n                        size={ICON_SIZE}\n                        className={b({filled: Boolean(hasUserLike)})}\n                    />\n                </span>\n                <span id={titleElementId} className={b('title', {cursor: isLikeable})}>\n                    {title}\n                </span>\n            </div>\n        </button>\n    );\n};\n"]}
+{"version":3,"file":"Save.js","sourceRoot":"../../../../../src","sources":["components/PostInfo/components/Save.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAsB,YAAY,EAAC,MAAM,8BAA8B,CAAC;AAC/E,OAAO,EAAC,IAAI,EAAE,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAC,QAAQ,EAAE,YAAY,EAAC,MAAM,mBAAmB,CAAC;AAEzD,OAAO,EAAC,YAAY,EAAC,0CAAuC;AAC5D,OAAO,EAAC,iBAAiB,EAAU,kCAA+B;AAClE,OAAO,EAAC,KAAK,EAAC,6BAA0B;AACxC,OAAO,EAAC,cAAc,EAAC,iCAA8B;AACrD,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,+BAAsB;AAE3C,OAAO,iBAAiB,CAAC;AAEzB,MAAM,SAAS,GAAG,EAAE,CAAC;AAErB,MAAM,CAAC,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;AAY7B;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EACjB,KAAK,EACL,MAAM,EACN,WAAW,EACX,cAAc,EACd,IAAI,EACJ,KAAK,EACL,EAAE,EACF,eAAe,GACP,EAAE,EAAE;IACZ,MAAM,EAAC,UAAU,EAAE,cAAc,EAAE,aAAa,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IACnF,MAAM,eAAe,GAAG,YAAY,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC;IACnE,MAAM,UAAU,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;IAEvC,MAAM,cAAc,GAAG,SAAS,EAAE,CAAC;IACnC,MAAM,cAAc,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC;IAEjD,OAAO,CACH,iBACI,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,CAAC,EACxC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACf,6EAA6E;YAC7E,mHAAmH;YACnH,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,WAAW,CAAC,wBAAwB,EAAE,CAAC;YAE7C,IAAI,CAAC,UAAU,EAAE,CAAC;gBACd,OAAO;YACX,CAAC;YAED,8CAA8C;YAC9C,IAAI,CAAC,cAAc,IAAI,aAAa,EAAE,CAAC;gBACnC,aAAa,CAAC,KAAK,CAAC,CAAC;gBACrB,OAAO;YACX,CAAC;YAED,cAAc,CAAC,MAAM,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;YAC7C,cAAc,EAAE,CAAC;YACjB,eAAe,CAAC,eAAe,CAAC,CAAC;QACrC,CAAC,aACQ,EAAE,kBACG,WAAW,gBACb,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,sBACxC,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,YAE7D,eAAK,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,MAAM,EAAE,UAAU,EAAE,KAAK,EAAC,CAAC,aACrD,eAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACtB,KAAC,IAAI,IACD,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,EAC3C,IAAI,EAAE,SAAS,EACf,SAAS,EAAE,CAAC,CAAC,EAAC,MAAM,EAAE,OAAO,CAAC,WAAW,CAAC,EAAC,CAAC,GAC9C,GACC,EACP,eAAM,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,MAAM,EAAE,UAAU,EAAC,CAAC,YAChE,KAAK,GACH,IACL,GACD,CACZ,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {AnalyticsEventsProp, useAnalytics} from '@gravity-ui/page-constructor';\nimport {Icon, useUniqId} from '@gravity-ui/uikit';\nimport {Bookmark, BookmarkFill} from '@gravity-ui/icons';\n\nimport {LikesContext} from '../../../contexts/LikesContext';\nimport {DefaultEventNames, QAProps} from '../../../models/common';\nimport {block} from '../../../utils/cn';\nimport {postLikeStatus} from '../../../utils/common';\nimport {Keyset, i18n} from '../../../i18n';\n\nimport '../PostInfo.scss';\n\nconst ICON_SIZE = 16;\n\nconst b = block('post-info');\n\ntype SaveProps = QAProps & {\n    title: string | number;\n    postId: number | string;\n    hasUserLike: boolean;\n    handleUserLike: () => void;\n    theme?: 'light' | 'dark';\n    size?: 's' | 'm';\n    analyticsEvents?: AnalyticsEventsProp;\n};\n\n/**\n * Components for 'save' blog UI-component\n *\n * @param title - post title\n * @param postId - post id\n * @param hasUserLike - flag what blog has like from current user\n * @param qa - test-attr\n * @param size - text size\n * @param analyticsEvents - a single or collection of objects detailing analytics events\n *\n * @returns jsx\n */\nexport const Save = ({\n    title,\n    postId,\n    hasUserLike,\n    handleUserLike,\n    size,\n    theme,\n    qa,\n    analyticsEvents,\n}: SaveProps) => {\n    const {toggleLike, isSignedInUser, requireSignIn} = React.useContext(LikesContext);\n    const handleAnalytics = useAnalytics(DefaultEventNames.SaveButton);\n    const isLikeable = Boolean(toggleLike);\n\n    const titleElementId = useUniqId();\n    const isNumericTitle = typeof title === 'number';\n\n    return (\n        <button\n            className={b('item', {size, save: true})}\n            onClick={(event) => {\n                // both preventDefault and stopImmediatePropagation required to work properly\n                // https://stackoverflow.com/questions/24415631/reactjs-syntheticevent-stoppropagation-only-works-with-react-events\n                event.preventDefault();\n                event.nativeEvent.stopImmediatePropagation();\n\n                if (!isLikeable) {\n                    return;\n                }\n\n                // Open Popup to ask the User to sign in first\n                if (!isSignedInUser && requireSignIn) {\n                    requireSignIn(event);\n                    return;\n                }\n\n                postLikeStatus(postId, Boolean(hasUserLike));\n                handleUserLike();\n                handleAnalytics(analyticsEvents);\n            }}\n            data-qa={qa}\n            aria-pressed={hasUserLike}\n            aria-label={isNumericTitle ? i18n(Keyset.Save) : undefined}\n            aria-describedby={isNumericTitle ? titleElementId : undefined}\n        >\n            <div className={b('content', {cursor: isLikeable, theme})}>\n                <span className={b('icon')}>\n                    <Icon\n                        data={hasUserLike ? BookmarkFill : Bookmark}\n                        size={ICON_SIZE}\n                        className={b({filled: Boolean(hasUserLike)})}\n                    />\n                </span>\n                <span id={titleElementId} className={b('title', {cursor: isLikeable})}>\n                    {title}\n                </span>\n            </div>\n        </button>\n    );\n};\n"]}

package/build/esm/components/PostInfo/components/Sharing.js

@@ -2,11 +2,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { ShareLayoutDirection, SharePopover } from '@gravity-ui/components';
 import { useAnalytics } from '@gravity-ui/page-constructor';
+import { ArrowUpFromSquare } from '@gravity-ui/icons';
 import { MobileContext } from "../../../contexts/MobileContext.js";
 import { PostPageContext } from "../../../contexts/PostPageContext.js";
 import { RouterContext } from "../../../contexts/RouterContext.js";
 import { Keyset, i18n } from "../../../i18n/index.js";
-import { ShareArrowUp } from "../../../icons/ShareArrowUp.js";
 import { DefaultEventNames } from "../../../models/common.js";
 import { block } from "../../../utils/cn.js";
 import { getAbsolutePath } from "../../../utils/common.js";
@@ -20,6 +20,6 @@ export const Sharing = ({ theme, analyticsEvents }) => {
     const handleAnalytics = React.useCallback(() => {
         handleAnalyticsGlobal(analyticsEvents);
     }, [analyticsEvents, handleAnalyticsGlobal]);
-    return (_jsx("div", { className: b('item'), children: _jsx("div", { className: b('icon'), children: _jsx(SharePopover, { url: getAbsolutePath(router), className: b('share'), iconClass: b('share-icon'), switcherClassName: b('switcher', { theme }), tooltipClassName: b('popup'), useWebShareApi: isMobile, direction: ShareLayoutDirection.Column, buttonTitle: i18n(Keyset.ActionShare), customIcon: ShareArrowUp, placement: "bottom", openByHover: false, shareOptions: shareOptions, onClick: handleAnalytics }) }) }));
+    return (_jsx("div", { className: b('item'), children: _jsx("div", { className: b('icon'), children: _jsx(SharePopover, { url: getAbsolutePath(router), className: b('share'), iconClass: b('share-icon'), switcherClassName: b('switcher', { theme }), tooltipClassName: b('popup'), useWebShareApi: isMobile, direction: ShareLayoutDirection.Column, buttonTitle: i18n(Keyset.ActionShare), customIcon: ArrowUpFromSquare, placement: "bottom", openByHover: false, shareOptions: shareOptions, onClick: handleAnalytics }) }) }));
 };
 //# sourceMappingURL=Sharing.js.map

package/build/esm/components/PostInfo/components/Sharing.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sharing.js","sourceRoot":"../../../../../src","sources":["components/PostInfo/components/Sharing.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,oBAAoB,EAAE,YAAY,EAAC,MAAM,wBAAwB,CAAC;AAC1E,OAAO,EAAsB,YAAY,EAAC,MAAM,8BAA8B,CAAC;AAE/E,OAAO,EAAC,aAAa,EAAC,2CAAwC;AAC9D,OAAO,EAAC,eAAe,EAAC,6CAA0C;AAClE,OAAO,EAAC,aAAa,EAAC,2CAAwC;AAC9D,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,+BAAsB;AAC3C,OAAO,EAAC,YAAY,EAAC,uCAAoC;AACzD,OAAO,EAAC,iBAAiB,EAAC,kCAA+B;AACzD,OAAO,EAAC,KAAK,EAAC,6BAA0B;AACxC,OAAO,EAAC,eAAe,EAAC,iCAA8B;AAEtD,OAAO,iBAAiB,CAAC;AAEzB,MAAM,CAAC,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;AAO7B,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAC,KAAK,EAAE,eAAe,EAAe,EAAE,EAAE;IAC9D,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAC/C,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IACjD,MAAM,EAAC,YAAY,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IACzD,MAAM,qBAAqB,GAAG,YAAY,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAE1E,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC3C,qBAAqB,CAAC,eAAe,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,eAAe,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAE7C,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,KAAC,YAAY,IACT,GAAG,EAAE,eAAe,CAAC,MAAM,CAAC,EAC5B,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,EAC1B,iBAAiB,EAAE,CAAC,CAAC,UAAU,EAAE,EAAC,KAAK,EAAC,CAAC,EACzC,gBAAgB,EAAE,CAAC,CAAC,OAAO,CAAC,EAC5B,cAAc,EAAE,QAAQ,EACxB,SAAS,EAAE,oBAAoB,CAAC,MAAM,EACtC,WAAW,EAAE,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,EACrC,UAAU,EAAE,YAAY,EACxB,SAAS,EAAC,QAAQ,EAClB,WAAW,EAAE,KAAK,EAClB,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,eAAe,GAC1B,GACA,GACJ,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {ShareLayoutDirection, SharePopover} from '@gravity-ui/components';\nimport {AnalyticsEventsProp, useAnalytics} from '@gravity-ui/page-constructor';\n\nimport {MobileContext} from '../../../contexts/MobileContext';\nimport {PostPageContext} from '../../../contexts/PostPageContext';\nimport {RouterContext} from '../../../contexts/RouterContext';\nimport {Keyset, i18n} from '../../../i18n';\nimport {ShareArrowUp} from '../../../icons/ShareArrowUp';\nimport {DefaultEventNames} from '../../../models/common';\nimport {block} from '../../../utils/cn';\nimport {getAbsolutePath} from '../../../utils/common';\n\nimport '../PostInfo.scss';\n\nconst b = block('post-info');\n\ntype SharingProps = {\n    theme?: 'light' | 'dark';\n    analyticsEvents?: AnalyticsEventsProp;\n};\n\nexport const Sharing = ({theme, analyticsEvents}: SharingProps) => {\n    const router = React.useContext(RouterContext);\n    const isMobile = React.useContext(MobileContext);\n    const {shareOptions} = React.useContext(PostPageContext);\n    const handleAnalyticsGlobal = useAnalytics(DefaultEventNames.ShareButton);\n\n    const handleAnalytics = React.useCallback(() => {\n        handleAnalyticsGlobal(analyticsEvents);\n    }, [analyticsEvents, handleAnalyticsGlobal]);\n\n    return (\n        <div className={b('item')}>\n            <div className={b('icon')}>\n                <SharePopover\n                    url={getAbsolutePath(router)}\n                    className={b('share')}\n                    iconClass={b('share-icon')}\n                    switcherClassName={b('switcher', {theme})}\n                    tooltipClassName={b('popup')}\n                    useWebShareApi={isMobile}\n                    direction={ShareLayoutDirection.Column}\n                    buttonTitle={i18n(Keyset.ActionShare)}\n                    customIcon={ShareArrowUp}\n                    placement=\"bottom\"\n                    openByHover={false}\n                    shareOptions={shareOptions}\n                    onClick={handleAnalytics}\n                />\n            </div>\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"Sharing.js","sourceRoot":"../../../../../src","sources":["components/PostInfo/components/Sharing.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,oBAAoB,EAAE,YAAY,EAAC,MAAM,wBAAwB,CAAC;AAC1E,OAAO,EAAsB,YAAY,EAAC,MAAM,8BAA8B,CAAC;AAC/E,OAAO,EAAC,iBAAiB,EAAC,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAC,aAAa,EAAC,2CAAwC;AAC9D,OAAO,EAAC,eAAe,EAAC,6CAA0C;AAClE,OAAO,EAAC,aAAa,EAAC,2CAAwC;AAC9D,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,+BAAsB;AAC3C,OAAO,EAAC,iBAAiB,EAAC,kCAA+B;AACzD,OAAO,EAAC,KAAK,EAAC,6BAA0B;AACxC,OAAO,EAAC,eAAe,EAAC,iCAA8B;AAEtD,OAAO,iBAAiB,CAAC;AAEzB,MAAM,CAAC,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;AAO7B,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAC,KAAK,EAAE,eAAe,EAAe,EAAE,EAAE;IAC9D,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAC/C,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IACjD,MAAM,EAAC,YAAY,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IACzD,MAAM,qBAAqB,GAAG,YAAY,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAE1E,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC3C,qBAAqB,CAAC,eAAe,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,eAAe,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAE7C,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,KAAC,YAAY,IACT,GAAG,EAAE,eAAe,CAAC,MAAM,CAAC,EAC5B,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,EAC1B,iBAAiB,EAAE,CAAC,CAAC,UAAU,EAAE,EAAC,KAAK,EAAC,CAAC,EACzC,gBAAgB,EAAE,CAAC,CAAC,OAAO,CAAC,EAC5B,cAAc,EAAE,QAAQ,EACxB,SAAS,EAAE,oBAAoB,CAAC,MAAM,EACtC,WAAW,EAAE,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,EACrC,UAAU,EAAE,iBAAiB,EAC7B,SAAS,EAAC,QAAQ,EAClB,WAAW,EAAE,KAAK,EAClB,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,eAAe,GAC1B,GACA,GACJ,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {ShareLayoutDirection, SharePopover} from '@gravity-ui/components';\nimport {AnalyticsEventsProp, useAnalytics} from '@gravity-ui/page-constructor';\nimport {ArrowUpFromSquare} from '@gravity-ui/icons';\n\nimport {MobileContext} from '../../../contexts/MobileContext';\nimport {PostPageContext} from '../../../contexts/PostPageContext';\nimport {RouterContext} from '../../../contexts/RouterContext';\nimport {Keyset, i18n} from '../../../i18n';\nimport {DefaultEventNames} from '../../../models/common';\nimport {block} from '../../../utils/cn';\nimport {getAbsolutePath} from '../../../utils/common';\n\nimport '../PostInfo.scss';\n\nconst b = block('post-info');\n\ntype SharingProps = {\n    theme?: 'light' | 'dark';\n    analyticsEvents?: AnalyticsEventsProp;\n};\n\nexport const Sharing = ({theme, analyticsEvents}: SharingProps) => {\n    const router = React.useContext(RouterContext);\n    const isMobile = React.useContext(MobileContext);\n    const {shareOptions} = React.useContext(PostPageContext);\n    const handleAnalyticsGlobal = useAnalytics(DefaultEventNames.ShareButton);\n\n    const handleAnalytics = React.useCallback(() => {\n        handleAnalyticsGlobal(analyticsEvents);\n    }, [analyticsEvents, handleAnalyticsGlobal]);\n\n    return (\n        <div className={b('item')}>\n            <div className={b('icon')}>\n                <SharePopover\n                    url={getAbsolutePath(router)}\n                    className={b('share')}\n                    iconClass={b('share-icon')}\n                    switcherClassName={b('switcher', {theme})}\n                    tooltipClassName={b('popup')}\n                    useWebShareApi={isMobile}\n                    direction={ShareLayoutDirection.Column}\n                    buttonTitle={i18n(Keyset.ActionShare)}\n                    customIcon={ArrowUpFromSquare}\n                    placement=\"bottom\"\n                    openByHover={false}\n                    shareOptions={shareOptions}\n                    onClick={handleAnalytics}\n                />\n            </div>\n        </div>\n    );\n};\n"]}

package/build/esm/components/Search/Search.css

@@ -18,6 +18,9 @@ unpredictable css rules order in build */
   color: var(--g-color-text-hint);
   cursor: pointer;
 }
+.bc-search__input-icon_close {
+  padding-right: 5px;
+}
 .bc-search__search-suggest {
   display: flex;
   align-items: center;

package/build/esm/components/Search/Search.js

@@ -1,16 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { Icon, TextInput } from '@gravity-ui/uikit';
+import { Magnifier, Xmark } from '@gravity-ui/icons';
 import lodashDebounce from "lodash/debounce.js";
 import { useIsIPhone } from "../../hooks/useIsIPhone.js";
 import { Keyset, i18n } from "../../i18n/index.js";
-import { Close } from "../../icons/Close.js";
-import { SearchIcon } from "../../icons/SearchIcon.js";
 import { block } from "../../utils/cn.js";
 import './Search.css';
 const b = block('search');
 const SEARCH_ICON_SIZE = 16;
-const CLOSE_ICON_SIZE = 12;
+const CLOSE_ICON_SIZE = 20;
 const AUTOFOCUS_TIMEOUT = 0;
 /**
  * Search component, placed on blog main page,
@@ -34,7 +33,7 @@ export const Search = ({ className, initialValue, onSubmit, debounce = 300, plac
         }
     }, [autoFocus, inputRef, isIPhone]);
     const rightContent = React.useMemo(() => {
-        const iconData = value ? Close : SearchIcon;
+        const isClose = Boolean(value);
         const iconSize = value ? CLOSE_ICON_SIZE : SEARCH_ICON_SIZE;
         const handleClick = () => {
             var _a;
@@ -45,7 +44,7 @@ export const Search = ({ className, initialValue, onSubmit, debounce = 300, plac
                 (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
             }
         };
-        return (_jsx("button", { className: b('input-icon'), onClick: handleClick, "aria-label": value ? i18n(Keyset.ClearAction) : undefined, "aria-hidden": !value, children: _jsx(Icon, { size: iconSize, data: iconData }) }));
+        return (_jsx("button", { className: b('input-icon', { close: isClose }), onClick: handleClick, "aria-label": value ? i18n(Keyset.ClearAction) : undefined, "aria-hidden": !value, children: _jsx(Icon, { size: iconSize, data: isClose ? Xmark : Magnifier }) }));
     }, [handleChange, onSubmit, value]);
     return (_jsx("div", { className: b({ size }, className), children: _jsx(TextInput, { className: b('search-suggest'), value: value, onUpdate: (query) => {
                 setValue(query);

package/build/esm/components/Search/Search.js.map

@@ -1 +1 @@
-{"version":3,"file":"Search.js","sourceRoot":"../../../../src","sources":["components/Search/Search.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,IAAI,EAAE,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAClD,OAAO,cAAc,2BAAwB;AAE7C,OAAO,EAAC,WAAW,EAAC,mCAAgC;AACpD,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,4BAAmB;AACxC,OAAO,EAAC,KAAK,EAAC,6BAA0B;AACxC,OAAO,EAAC,UAAU,EAAC,kCAA+B;AAElD,OAAO,EAAC,KAAK,EAAC,0BAAuB;AAErC,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC;AAe1B,MAAM,gBAAgB,GAAG,EAAE,CAAC;AAC5B,MAAM,eAAe,GAAG,EAAE,CAAC;AAC3B,MAAM,iBAAiB,GAAG,CAAC,CAAC;AAE5B;;;;;GAKG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACnB,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,QAAQ,GAAG,GAAG,EACd,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,EACjC,IAAI,GAAG,GAAG,EACV,SAAS,GAAG,KAAK,EACjB,KAAK,EAAE,aAAa,GACV,EAAE,EAAE;IACd,MAAM,YAAY,GAAG,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAExD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,YAAY,CAAC,CAAC;IAC/D,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAmB,IAAI,CAAC,CAAC;IACtD,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,aAAa,KAAK,SAAS,EAAE,CAAC;YAC9B,QAAQ,CAAC,aAAa,CAAC,CAAC;QAC5B,CAAC;IACL,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,SAAS,IAAI,CAAC,QAAQ,EAAE,CAAC;YACzB,UAAU,CAAC,GAAG,EAAE,WAAC,OAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,0CAAE,KAAK,CAAC,EAAC,aAAa,EAAE,IAAI,EAAC,CAAC,CAAA,EAAA,EAAE,iBAAiB,CAAC,CAAC;QACzF,CAAC;IACL,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEpC,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACpC,MAAM,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC;QAC5C,MAAM,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAgB,CAAC;QAE5D,MAAM,WAAW,GAAG,GAAG,EAAE;;YACrB,IAAI,KAAK,EAAE,CAAC;gBACR,YAAY,CAAC,MAAM,EAAE,CAAC;gBACtB,QAAQ,CAAC,EAAE,CAAC,CAAC;gBACb,QAAQ,CAAC,EAAE,CAAC,CAAC;gBACb,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;YAC9B,CAAC;QACL,CAAC,CAAC;QAEF,OAAO,CACH,iBACI,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,EAC1B,OAAO,EAAE,WAAW,gBACR,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,SAAS,iBAC3C,CAAC,KAAK,YAEnB,KAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,GAAI,GACnC,CACZ,CAAC;IACN,CAAC,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;IAEpC,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAC,EAAE,SAAS,CAAC,YAChC,KAAC,SAAS,IACN,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,EAC9B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAChB,QAAQ,CAAC,KAAK,CAAC,CAAC;gBAChB,YAAY,CAAC,KAAK,CAAC,CAAC;YACxB,CAAC,EACD,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,EAC/B,UAAU,EAAE,QAAQ,EACpB,IAAI,EAAC,OAAO,EACZ,YAAY,EAAE;gBACV,SAAS,EAAE,CAAC,CAAC,wBAAwB,CAAC;aACzC,EACD,UAAU,EAAE,YAAY,GAC1B,GACA,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Icon, TextInput} from '@gravity-ui/uikit';\nimport lodashDebounce from 'lodash/debounce';\n\nimport {useIsIPhone} from '../../hooks/useIsIPhone';\nimport {Keyset, i18n} from '../../i18n';\nimport {Close} from '../../icons/Close';\nimport {SearchIcon} from '../../icons/SearchIcon';\nimport {ClassNameProps} from '../../models/common';\nimport {block} from '../../utils/cn';\n\nimport './Search.scss';\n\nconst b = block('search');\n\nexport type SearchSize = 's' | 'm';\n\ninterface SearchProps extends ClassNameProps {\n    value?: string;\n    initialValue: string;\n    onSubmit: (value: string) => void;\n    debounce?: number;\n    placeholder?: string;\n    size?: SearchSize;\n    autoFocus?: boolean;\n    className?: string;\n}\n\nconst SEARCH_ICON_SIZE = 16;\nconst CLOSE_ICON_SIZE = 12;\nconst AUTOFOCUS_TIMEOUT = 0;\n\n/**\n * Search component, placed on blog main page,\n * based on TextInput from uikit\n *\n * @returns {JSX|null}\n */\nexport const Search = ({\n    className,\n    initialValue,\n    onSubmit,\n    debounce = 300,\n    placeholder = i18n(Keyset.Search),\n    size = 'm',\n    autoFocus = false,\n    value: externalValue,\n}: SearchProps) => {\n    const handleChange = lodashDebounce(onSubmit, debounce);\n\n    const [value, setValue] = React.useState<string>(initialValue);\n    const inputRef = React.useRef<HTMLInputElement>(null);\n    const isIPhone = useIsIPhone();\n\n    React.useEffect(() => {\n        if (externalValue !== undefined) {\n            setValue(externalValue);\n        }\n    }, [externalValue]);\n\n    React.useEffect(() => {\n        if (autoFocus && !isIPhone) {\n            setTimeout(() => inputRef?.current?.focus({preventScroll: true}), AUTOFOCUS_TIMEOUT);\n        }\n    }, [autoFocus, inputRef, isIPhone]);\n\n    const rightContent = React.useMemo(() => {\n        const iconData = value ? Close : SearchIcon;\n        const iconSize = value ? CLOSE_ICON_SIZE : SEARCH_ICON_SIZE;\n\n        const handleClick = () => {\n            if (value) {\n                handleChange.cancel();\n                setValue('');\n                onSubmit('');\n                inputRef.current?.focus();\n            }\n        };\n\n        return (\n            <button\n                className={b('input-icon')}\n                onClick={handleClick}\n                aria-label={value ? i18n(Keyset.ClearAction) : undefined}\n                aria-hidden={!value}\n            >\n                <Icon size={iconSize} data={iconData} />\n            </button>\n        );\n    }, [handleChange, onSubmit, value]);\n\n    return (\n        <div className={b({size}, className)}>\n            <TextInput\n                className={b('search-suggest')}\n                value={value}\n                onUpdate={(query) => {\n                    setValue(query);\n                    handleChange(query);\n                }}\n                placeholder={placeholder}\n                size={size === 'm' ? 'xl' : 'l'}\n                controlRef={inputRef}\n                view=\"clear\"\n                controlProps={{\n                    className: b('search-suggest-control'),\n                }}\n                endContent={rightContent}\n            />\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"Search.js","sourceRoot":"../../../../src","sources":["components/Search/Search.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {Icon, TextInput} from '@gravity-ui/uikit';\nimport {Magnifier, Xmark} from '@gravity-ui/icons';\nimport lodashDebounce from 'lodash/debounce';\n\nimport {useIsIPhone} from '../../hooks/useIsIPhone';\nimport {Keyset, i18n} from '../../i18n';\nimport {ClassNameProps} from '../../models/common';\nimport {block} from '../../utils/cn';\n\nimport './Search.scss';\n\nconst b = block('search');\n\nexport type SearchSize = 's' | 'm';\n\ninterface SearchProps extends ClassNameProps {\n    value?: string;\n    initialValue: string;\n    onSubmit: (value: string) => void;\n    debounce?: number;\n    placeholder?: string;\n    size?: SearchSize;\n    autoFocus?: boolean;\n    className?: string;\n}\n\nconst SEARCH_ICON_SIZE = 16;\nconst CLOSE_ICON_SIZE = 20;\nconst AUTOFOCUS_TIMEOUT = 0;\n\n/**\n * Search component, placed on blog main page,\n * based on TextInput from uikit\n *\n * @returns {JSX|null}\n */\nexport const Search = ({\n    className,\n    initialValue,\n    onSubmit,\n    debounce = 300,\n    placeholder = i18n(Keyset.Search),\n    size = 'm',\n    autoFocus = false,\n    value: externalValue,\n}: SearchProps) => {\n    const handleChange = lodashDebounce(onSubmit, debounce);\n\n    const [value, setValue] = React.useState<string>(initialValue);\n    const inputRef = React.useRef<HTMLInputElement>(null);\n    const isIPhone = useIsIPhone();\n\n    React.useEffect(() => {\n        if (externalValue !== undefined) {\n            setValue(externalValue);\n        }\n    }, [externalValue]);\n\n    React.useEffect(() => {\n        if (autoFocus && !isIPhone) {\n            setTimeout(() => inputRef?.current?.focus({preventScroll: true}), AUTOFOCUS_TIMEOUT);\n        }\n    }, [autoFocus, inputRef, isIPhone]);\n\n    const rightContent = React.useMemo(() => {\n        const isClose = Boolean(value);\n        const iconSize = value ? CLOSE_ICON_SIZE : SEARCH_ICON_SIZE;\n\n        const handleClick = () => {\n            if (value) {\n                handleChange.cancel();\n                setValue('');\n                onSubmit('');\n                inputRef.current?.focus();\n            }\n        };\n\n        return (\n            <button\n                className={b('input-icon', {close: isClose})}\n                onClick={handleClick}\n                aria-label={value ? i18n(Keyset.ClearAction) : undefined}\n                aria-hidden={!value}\n            >\n                <Icon size={iconSize} data={isClose ? Xmark : Magnifier} />\n            </button>\n        );\n    }, [handleChange, onSubmit, value]);\n\n    return (\n        <div className={b({size}, className)}>\n            <TextInput\n                className={b('search-suggest')}\n                value={value}\n                onUpdate={(query) => {\n                    setValue(query);\n                    handleChange(query);\n                }}\n                placeholder={placeholder}\n                size={size === 'm' ? 'xl' : 'l'}\n                controlRef={inputRef}\n                view=\"clear\"\n                controlProps={{\n                    className: b('search-suggest-control'),\n                }}\n                endContent={rightContent}\n            />\n        </div>\n    );\n};\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/blog-constructor",
-  "version": "8.0.0-beta.1",
+  "version": "8.1.0",
   "description": "Gravity UI Blog Constructor",
   "license": "MIT",
   "type": "commonjs",
@@ -75,7 +75,7 @@
   },
   "dependencies": {
     "@bem-react/classname": "^1.6.0",
-    "@gravity-ui/components": "^4.0.1",
+    "@gravity-ui/components": "^4.3.1",
     "@gravity-ui/gulp-utils": "^1.0.1",
     "@gravity-ui/i18n": "^1.7.0",
     "lodash": "^4.17.21",
@@ -87,7 +87,7 @@
   },
   "peerDependencies": {
     "@diplodoc/transform": "^4.10.7",
-    "@gravity-ui/page-constructor": "^7.0.0-beta.0",
+    "@gravity-ui/page-constructor": "^7.0.0",
     "@gravity-ui/uikit": "^7.1.1",
     "react": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
   },
@@ -99,7 +99,7 @@
     "@diplodoc/transform": "^4.10.8",
     "@gravity-ui/eslint-config": "^3.2.0",
     "@gravity-ui/icons": "^2.13.0",
-    "@gravity-ui/page-constructor": "^7.0.0-beta.0",
+    "@gravity-ui/page-constructor": "^7.0.0",
     "@gravity-ui/prettier-config": "^1.1.0",
     "@gravity-ui/stylelint-config": "^4.0.1",
     "@gravity-ui/tsconfig": "^1.0.0",

package/build/cjs/icons/Close.d.ts

@@ -1,2 +0,0 @@
-import * as React from 'react';
-export declare const Close: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/build/cjs/icons/Close.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Close = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const svg_1 = require("../utils/svg.js");
-const Close = (props) => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "currentColor" }, svg_1.a11yHiddenSvgProps, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M10 0.7L9.3 0L5 4.3L0.7 0L0 0.7L4.3 5L0 9.3L0.7 10L5 5.7L9.3 10L10 9.3L5.7 5L10 0.7Z", fill: "currentColor" }) })));
-exports.Close = Close;
-//# sourceMappingURL=Close.js.map

package/build/cjs/icons/Close.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Close.js","sourceRoot":"../../../src","sources":["icons/Close.tsx"],"names":[],"mappings":";;;;AAEA,yCAAgD;AAEzC,MAAM,KAAK,GAAG,CAAC,KAAoC,EAAE,EAAE,CAAC,CAC3D,8CACI,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,IACf,wBAAkB,EAClB,KAAK,cAET,iCACI,CAAC,EAAC,sFAAsF,EACxF,IAAI,EAAC,cAAc,GACrB,IACA,CACT,CAAC;AAfW,QAAA,KAAK,SAehB","sourcesContent":["import * as React from 'react';\n\nimport {a11yHiddenSvgProps} from '../utils/svg';\n\nexport const Close = (props: React.SVGProps<SVGSVGElement>) => (\n    <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"10\"\n        height=\"10\"\n        viewBox=\"0 0 10 10\"\n        fill=\"currentColor\"\n        {...a11yHiddenSvgProps}\n        {...props}\n    >\n        <path\n            d=\"M10 0.7L9.3 0L5 4.3L0.7 0L0 0.7L4.3 5L0 9.3L0.7 10L5 5.7L9.3 10L10 9.3L5.7 5L10 0.7Z\"\n            fill=\"currentColor\"\n        />\n    </svg>\n);\n"]}

package/build/cjs/icons/DropdownArrow.d.ts

@@ -1,2 +0,0 @@
-import * as React from 'react';
-export declare const DropdownArrow: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/build/cjs/icons/DropdownArrow.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DropdownArrow = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const svg_1 = require("../utils/svg.js");
-const DropdownArrow = (props) => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: "16", height: "16", fill: "currentColor" }, svg_1.a11yHiddenSvgProps, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M3.50172 5.44253C3.19384 5.16544 2.71962 5.19039 2.44253 5.49828C2.16544 5.80616 2.19039 6.28038 2.49828 6.55747L3.50172 5.44253ZM8 10.5L7.49828 11.0575C7.7835 11.3142 8.2165 11.3142 8.50172 11.0575L8 10.5ZM13.5017 6.55747C13.8096 6.28038 13.8346 5.80616 13.5575 5.49828C13.2804 5.19039 12.8062 5.16544 12.4983 5.44253L13.5017 6.55747ZM2.49828 6.55747L7.49828 11.0575L8.50172 9.94253L3.50172 5.44253L2.49828 6.55747ZM8.50172 11.0575L13.5017 6.55747L12.4983 5.44253L7.49828 9.94253L8.50172 11.0575Z" }) })));
-exports.DropdownArrow = DropdownArrow;
-//# sourceMappingURL=DropdownArrow.js.map

package/build/cjs/icons/DropdownArrow.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownArrow.js","sourceRoot":"../../../src","sources":["icons/DropdownArrow.tsx"],"names":[],"mappings":";;;;AAEA,yCAAgD;AAEzC,MAAM,aAAa,GAAG,CAAC,KAAoC,EAAE,EAAE,CAAC,CACnE,8CACI,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,cAAc,IACf,wBAAkB,EAClB,KAAK,cAET,iCAAM,CAAC,EAAC,mfAAmf,GAAG,IAC5f,CACT,CAAC;AAZW,QAAA,aAAa,iBAYxB","sourcesContent":["import * as React from 'react';\n\nimport {a11yHiddenSvgProps} from '../utils/svg';\n\nexport const DropdownArrow = (props: React.SVGProps<SVGSVGElement>) => (\n    <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 16 16\"\n        width=\"16\"\n        height=\"16\"\n        fill=\"currentColor\"\n        {...a11yHiddenSvgProps}\n        {...props}\n    >\n        <path d=\"M3.50172 5.44253C3.19384 5.16544 2.71962 5.19039 2.44253 5.49828C2.16544 5.80616 2.19039 6.28038 2.49828 6.55747L3.50172 5.44253ZM8 10.5L7.49828 11.0575C7.7835 11.3142 8.2165 11.3142 8.50172 11.0575L8 10.5ZM13.5017 6.55747C13.8096 6.28038 13.8346 5.80616 13.5575 5.49828C13.2804 5.19039 12.8062 5.16544 12.4983 5.44253L13.5017 6.55747ZM2.49828 6.55747L7.49828 11.0575L8.50172 9.94253L3.50172 5.44253L2.49828 6.55747ZM8.50172 11.0575L13.5017 6.55747L12.4983 5.44253L7.49828 9.94253L8.50172 11.0575Z\" />\n    </svg>\n);\n"]}

package/build/cjs/icons/Save.d.ts

@@ -1,2 +0,0 @@
-import * as React from 'react';
-export declare const Save: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/build/cjs/icons/Save.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Save = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const svg_1 = require("../utils/svg.js");
-const Save = (props) => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor" }, svg_1.a11yHiddenSvgProps, props, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13 3H3v9.6l3.445-2.94.028-.022a2.624 2.624 0 0 1 3.054 0l.028.021L13 12.6V3Zm1.357-1.614A1.593 1.593 0 0 1 15 2.655v10.547c0 .678-.416 1.218-.841 1.499-.417.275-1.24.517-1.898-.103L8.32 11.234a.64.64 0 0 0-.64 0l-3.942 3.364c-.58.546-1.348.461-1.838.18a1.808 1.808 0 0 1-.9-1.576V2.786C1 2.055 1.515 1 2.667 1H13.2c.405 0 .822.13 1.157.386Z" }) })));
-exports.Save = Save;
-//# sourceMappingURL=Save.js.map

package/build/cjs/icons/Save.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Save.js","sourceRoot":"../../../src","sources":["icons/Save.tsx"],"names":[],"mappings":";;;;AAEA,yCAAgD;AAEzC,MAAM,IAAI,GAAG,CAAC,KAAoC,EAAE,EAAE,CAAC,CAC1D,8CACI,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,IACf,wBAAkB,EAClB,KAAK,cAET,iCACI,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,uVAAuV,GAC3V,IACA,CACT,CAAC;AAhBW,QAAA,IAAI,QAgBf","sourcesContent":["import * as React from 'react';\n\nimport {a11yHiddenSvgProps} from '../utils/svg';\n\nexport const Save = (props: React.SVGProps<SVGSVGElement>) => (\n    <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"16\"\n        height=\"16\"\n        viewBox=\"0 0 16 16\"\n        fill=\"currentColor\"\n        {...a11yHiddenSvgProps}\n        {...props}\n    >\n        <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M13 3H3v9.6l3.445-2.94.028-.022a2.624 2.624 0 0 1 3.054 0l.028.021L13 12.6V3Zm1.357-1.614A1.593 1.593 0 0 1 15 2.655v10.547c0 .678-.416 1.218-.841 1.499-.417.275-1.24.517-1.898-.103L8.32 11.234a.64.64 0 0 0-.64 0l-3.942 3.364c-.58.546-1.348.461-1.838.18a1.808 1.808 0 0 1-.9-1.576V2.786C1 2.055 1.515 1 2.667 1H13.2c.405 0 .822.13 1.157.386Z\"\n        />\n    </svg>\n);\n"]}

package/build/cjs/icons/SaveFilled.d.ts

@@ -1,2 +0,0 @@
-import * as React from 'react';
-export declare const SaveFilled: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/build/cjs/icons/SaveFilled.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SaveFilled = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const svg_1 = require("../utils/svg.js");
-const SaveFilled = (props) => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor" }, svg_1.a11yHiddenSvgProps, props, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.357 1.386A1.593 1.593 0 0 1 15 2.655v10.547c0 .678-.416 1.218-.841 1.499-.417.275-1.24.517-1.898-.103L8.32 11.234a.64.64 0 0 0-.64 0l-3.942 3.364c-.58.546-1.348.461-1.838.18a1.808 1.808 0 0 1-.9-1.576V2.786C1 2.055 1.515 1 2.667 1H13.2c.405 0 .822.13 1.157.386Z" }) })));
-exports.SaveFilled = SaveFilled;
-//# sourceMappingURL=SaveFilled.js.map

package/build/cjs/icons/SaveFilled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SaveFilled.js","sourceRoot":"../../../src","sources":["icons/SaveFilled.tsx"],"names":[],"mappings":";;;;AAEA,yCAAgD;AAEzC,MAAM,UAAU,GAAG,CAAC,KAAoC,EAAE,EAAE,CAAC,CAChE,8CACI,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,IACf,wBAAkB,EAClB,KAAK,cAET,iCACI,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,2QAA2Q,GAC/Q,IACA,CACT,CAAC;AAhBW,QAAA,UAAU,cAgBrB","sourcesContent":["import * as React from 'react';\n\nimport {a11yHiddenSvgProps} from '../utils/svg';\n\nexport const SaveFilled = (props: React.SVGProps<SVGSVGElement>) => (\n    <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"16\"\n        height=\"16\"\n        viewBox=\"0 0 16 16\"\n        fill=\"currentColor\"\n        {...a11yHiddenSvgProps}\n        {...props}\n    >\n        <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M14.357 1.386A1.593 1.593 0 0 1 15 2.655v10.547c0 .678-.416 1.218-.841 1.499-.417.275-1.24.517-1.898-.103L8.32 11.234a.64.64 0 0 0-.64 0l-3.942 3.364c-.58.546-1.348.461-1.838.18a1.808 1.808 0 0 1-.9-1.576V2.786C1 2.055 1.515 1 2.667 1H13.2c.405 0 .822.13 1.157.386Z\"\n        />\n    </svg>\n);\n"]}

package/build/cjs/icons/SearchIcon.d.ts

@@ -1,2 +0,0 @@
-import * as React from 'react';
-export declare const SearchIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/build/cjs/icons/SearchIcon.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SearchIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const svg_1 = require("../utils/svg.js");
-const SearchIcon = (props) => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, svg_1.a11yHiddenSvgProps, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M9.532 9.539A5 5 0 1 0 2.468 2.46a5 5 0 0 0 7.064 7.08zm0 0L15 15", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", vectorEffect: "non-scaling-stroke" }) })));
-exports.SearchIcon = SearchIcon;
-//# sourceMappingURL=SearchIcon.js.map

package/build/cjs/icons/SearchIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchIcon.js","sourceRoot":"../../../src","sources":["icons/SearchIcon.tsx"],"names":[],"mappings":";;;;AAEA,yCAAgD;AAEzC,MAAM,UAAU,GAAG,CAAC,KAAoC,EAAE,EAAE,CAAC,CAChE,8CACI,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,IACP,wBAAkB,EAClB,KAAK,cAET,iCACI,CAAC,EAAC,mEAAmE,EACrE,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,YAAY,EAAC,oBAAoB,GACnC,IACA,CACT,CAAC;AAlBW,QAAA,UAAU,cAkBrB","sourcesContent":["import * as React from 'react';\n\nimport {a11yHiddenSvgProps} from '../utils/svg';\n\nexport const SearchIcon = (props: React.SVGProps<SVGSVGElement>) => (\n    <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"16\"\n        height=\"16\"\n        viewBox=\"0 0 16 16\"\n        fill=\"none\"\n        {...a11yHiddenSvgProps}\n        {...props}\n    >\n        <path\n            d=\"M9.532 9.539A5 5 0 1 0 2.468 2.46a5 5 0 0 0 7.064 7.08zm0 0L15 15\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            vectorEffect=\"non-scaling-stroke\"\n        />\n    </svg>\n);\n"]}

package/build/cjs/icons/ShareArrowUp.d.ts

@@ -1,2 +0,0 @@
-import * as React from 'react';
-export declare const ShareArrowUp: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/build/cjs/icons/ShareArrowUp.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ShareArrowUp = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const svg_1 = require("../utils/svg.js");
-const ShareArrowUp = (props) => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor" }, svg_1.a11yHiddenSvgProps, props, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.798 3.16a.5.5 0 0 0 .363.842H7V9a1 1 0 0 0 2 0V4.002h1.839a.5.5 0 0 0 .363-.844L8.363.156a.5.5 0 0 0-.726 0l-2.84 3.002.001.001ZM13 7a1 1 0 0 1 2 0v6.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 13.5V7a1 1 0 0 1 2 0v6h10V7Z" }) })));
-exports.ShareArrowUp = ShareArrowUp;
-//# sourceMappingURL=ShareArrowUp.js.map

package/build/cjs/icons/ShareArrowUp.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ShareArrowUp.js","sourceRoot":"../../../src","sources":["icons/ShareArrowUp.tsx"],"names":[],"mappings":";;;;AAEA,yCAAgD;AAEzC,MAAM,YAAY,GAAG,CAAC,KAAoC,EAAE,EAAE,CAAC,CAClE,8CACI,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,IACf,wBAAkB,EAClB,KAAK,cAET,iCACI,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mOAAmO,GACvO,IACA,CACT,CAAC;AAhBW,QAAA,YAAY,gBAgBvB","sourcesContent":["import * as React from 'react';\n\nimport {a11yHiddenSvgProps} from '../utils/svg';\n\nexport const ShareArrowUp = (props: React.SVGProps<SVGSVGElement>) => (\n    <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"16\"\n        height=\"16\"\n        viewBox=\"0 0 16 16\"\n        fill=\"currentColor\"\n        {...a11yHiddenSvgProps}\n        {...props}\n    >\n        <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M4.798 3.16a.5.5 0 0 0 .363.842H7V9a1 1 0 0 0 2 0V4.002h1.839a.5.5 0 0 0 .363-.844L8.363.156a.5.5 0 0 0-.726 0l-2.84 3.002.001.001ZM13 7a1 1 0 0 1 2 0v6.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 13.5V7a1 1 0 0 1 2 0v6h10V7Z\"\n        />\n    </svg>\n);\n"]}

package/build/cjs/icons/Time.d.ts

@@ -1,2 +0,0 @@
-import * as React from 'react';
-export declare const Time: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/build/cjs/icons/Time.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Time = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const svg_1 = require("../utils/svg.js");
-const Time = (props) => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "17", viewBox: "0 0 16 17", fill: "currentColor" }, svg_1.a11yHiddenSvgProps, props, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 16.004a8 8 0 1 1 0-16 8 8 0 0 1 0 16Zm0-2a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm3.357-3.736a1 1 0 0 0-.342-1.372L9 7.688V5.004a1 1 0 0 0-2 0v3.25a1 1 0 0 0 .486.857l2.5 1.5a1 1 0 0 0 1.371-.343Z" }) })));
-exports.Time = Time;
-//# sourceMappingURL=Time.js.map

package/build/cjs/icons/Time.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Time.js","sourceRoot":"../../../src","sources":["icons/Time.tsx"],"names":[],"mappings":";;;;AAEA,yCAAgD;AAEzC,MAAM,IAAI,GAAG,CAAC,KAAoC,EAAE,EAAE,CAAC,CAC1D,8CACI,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,IACf,wBAAkB,EAClB,KAAK,cAET,iCACI,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gMAAgM,GACpM,IACA,CACT,CAAC;AAhBW,QAAA,IAAI,QAgBf","sourcesContent":["import * as React from 'react';\n\nimport {a11yHiddenSvgProps} from '../utils/svg';\n\nexport const Time = (props: React.SVGProps<SVGSVGElement>) => (\n    <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"16\"\n        height=\"17\"\n        viewBox=\"0 0 16 17\"\n        fill=\"currentColor\"\n        {...a11yHiddenSvgProps}\n        {...props}\n    >\n        <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M8 16.004a8 8 0 1 1 0-16 8 8 0 0 1 0 16Zm0-2a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm3.357-3.736a1 1 0 0 0-.342-1.372L9 7.688V5.004a1 1 0 0 0-2 0v3.25a1 1 0 0 0 .486.857l2.5 1.5a1 1 0 0 0 1.371-.343Z\"\n        />\n    </svg>\n);\n"]}

package/build/esm/icons/Close.d.ts

@@ -1,2 +0,0 @@
-import * as React from 'react';
-export declare const Close: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/build/esm/icons/Close.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { a11yHiddenSvgProps } from "../utils/svg.js";
-export const Close = (props) => (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "currentColor" }, a11yHiddenSvgProps, props, { children: _jsx("path", { d: "M10 0.7L9.3 0L5 4.3L0.7 0L0 0.7L4.3 5L0 9.3L0.7 10L5 5.7L9.3 10L10 9.3L5.7 5L10 0.7Z", fill: "currentColor" }) })));
-//# sourceMappingURL=Close.js.map

package/build/esm/icons/Close.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Close.js","sourceRoot":"../../../src","sources":["icons/Close.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,kBAAkB,EAAC,wBAAqB;AAEhD,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAAoC,EAAE,EAAE,CAAC,CAC3D,4BACI,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,IACf,kBAAkB,EAClB,KAAK,cAET,eACI,CAAC,EAAC,sFAAsF,EACxF,IAAI,EAAC,cAAc,GACrB,IACA,CACT,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {a11yHiddenSvgProps} from '../utils/svg';\n\nexport const Close = (props: React.SVGProps<SVGSVGElement>) => (\n    <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"10\"\n        height=\"10\"\n        viewBox=\"0 0 10 10\"\n        fill=\"currentColor\"\n        {...a11yHiddenSvgProps}\n        {...props}\n    >\n        <path\n            d=\"M10 0.7L9.3 0L5 4.3L0.7 0L0 0.7L4.3 5L0 9.3L0.7 10L5 5.7L9.3 10L10 9.3L5.7 5L10 0.7Z\"\n            fill=\"currentColor\"\n        />\n    </svg>\n);\n"]}

package/build/esm/icons/DropdownArrow.d.ts

@@ -1,2 +0,0 @@
-import * as React from 'react';
-export declare const DropdownArrow: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/build/esm/icons/DropdownArrow.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { a11yHiddenSvgProps } from "../utils/svg.js";
-export const DropdownArrow = (props) => (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: "16", height: "16", fill: "currentColor" }, a11yHiddenSvgProps, props, { children: _jsx("path", { d: "M3.50172 5.44253C3.19384 5.16544 2.71962 5.19039 2.44253 5.49828C2.16544 5.80616 2.19039 6.28038 2.49828 6.55747L3.50172 5.44253ZM8 10.5L7.49828 11.0575C7.7835 11.3142 8.2165 11.3142 8.50172 11.0575L8 10.5ZM13.5017 6.55747C13.8096 6.28038 13.8346 5.80616 13.5575 5.49828C13.2804 5.19039 12.8062 5.16544 12.4983 5.44253L13.5017 6.55747ZM2.49828 6.55747L7.49828 11.0575L8.50172 9.94253L3.50172 5.44253L2.49828 6.55747ZM8.50172 11.0575L13.5017 6.55747L12.4983 5.44253L7.49828 9.94253L8.50172 11.0575Z" }) })));
-//# sourceMappingURL=DropdownArrow.js.map

package/build/esm/icons/DropdownArrow.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownArrow.js","sourceRoot":"../../../src","sources":["icons/DropdownArrow.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,kBAAkB,EAAC,wBAAqB;AAEhD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAoC,EAAE,EAAE,CAAC,CACnE,4BACI,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,cAAc,IACf,kBAAkB,EAClB,KAAK,cAET,eAAM,CAAC,EAAC,mfAAmf,GAAG,IAC5f,CACT,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {a11yHiddenSvgProps} from '../utils/svg';\n\nexport const DropdownArrow = (props: React.SVGProps<SVGSVGElement>) => (\n    <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 16 16\"\n        width=\"16\"\n        height=\"16\"\n        fill=\"currentColor\"\n        {...a11yHiddenSvgProps}\n        {...props}\n    >\n        <path d=\"M3.50172 5.44253C3.19384 5.16544 2.71962 5.19039 2.44253 5.49828C2.16544 5.80616 2.19039 6.28038 2.49828 6.55747L3.50172 5.44253ZM8 10.5L7.49828 11.0575C7.7835 11.3142 8.2165 11.3142 8.50172 11.0575L8 10.5ZM13.5017 6.55747C13.8096 6.28038 13.8346 5.80616 13.5575 5.49828C13.2804 5.19039 12.8062 5.16544 12.4983 5.44253L13.5017 6.55747ZM2.49828 6.55747L7.49828 11.0575L8.50172 9.94253L3.50172 5.44253L2.49828 6.55747ZM8.50172 11.0575L13.5017 6.55747L12.4983 5.44253L7.49828 9.94253L8.50172 11.0575Z\" />\n    </svg>\n);\n"]}

package/build/esm/icons/Save.d.ts

@@ -1,2 +0,0 @@
-import * as React from 'react';
-export declare const Save: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/build/esm/icons/Save.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { a11yHiddenSvgProps } from "../utils/svg.js";
-export const Save = (props) => (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor" }, a11yHiddenSvgProps, props, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13 3H3v9.6l3.445-2.94.028-.022a2.624 2.624 0 0 1 3.054 0l.028.021L13 12.6V3Zm1.357-1.614A1.593 1.593 0 0 1 15 2.655v10.547c0 .678-.416 1.218-.841 1.499-.417.275-1.24.517-1.898-.103L8.32 11.234a.64.64 0 0 0-.64 0l-3.942 3.364c-.58.546-1.348.461-1.838.18a1.808 1.808 0 0 1-.9-1.576V2.786C1 2.055 1.515 1 2.667 1H13.2c.405 0 .822.13 1.157.386Z" }) })));
-//# sourceMappingURL=Save.js.map

package/build/esm/icons/Save.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Save.js","sourceRoot":"../../../src","sources":["icons/Save.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,kBAAkB,EAAC,wBAAqB;AAEhD,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAoC,EAAE,EAAE,CAAC,CAC1D,4BACI,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,IACf,kBAAkB,EAClB,KAAK,cAET,eACI,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,uVAAuV,GAC3V,IACA,CACT,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {a11yHiddenSvgProps} from '../utils/svg';\n\nexport const Save = (props: React.SVGProps<SVGSVGElement>) => (\n    <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"16\"\n        height=\"16\"\n        viewBox=\"0 0 16 16\"\n        fill=\"currentColor\"\n        {...a11yHiddenSvgProps}\n        {...props}\n    >\n        <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M13 3H3v9.6l3.445-2.94.028-.022a2.624 2.624 0 0 1 3.054 0l.028.021L13 12.6V3Zm1.357-1.614A1.593 1.593 0 0 1 15 2.655v10.547c0 .678-.416 1.218-.841 1.499-.417.275-1.24.517-1.898-.103L8.32 11.234a.64.64 0 0 0-.64 0l-3.942 3.364c-.58.546-1.348.461-1.838.18a1.808 1.808 0 0 1-.9-1.576V2.786C1 2.055 1.515 1 2.667 1H13.2c.405 0 .822.13 1.157.386Z\"\n        />\n    </svg>\n);\n"]}

package/build/esm/icons/SaveFilled.d.ts

@@ -1,2 +0,0 @@
-import * as React from 'react';
-export declare const SaveFilled: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/build/esm/icons/SaveFilled.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { a11yHiddenSvgProps } from "../utils/svg.js";
-export const SaveFilled = (props) => (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor" }, a11yHiddenSvgProps, props, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.357 1.386A1.593 1.593 0 0 1 15 2.655v10.547c0 .678-.416 1.218-.841 1.499-.417.275-1.24.517-1.898-.103L8.32 11.234a.64.64 0 0 0-.64 0l-3.942 3.364c-.58.546-1.348.461-1.838.18a1.808 1.808 0 0 1-.9-1.576V2.786C1 2.055 1.515 1 2.667 1H13.2c.405 0 .822.13 1.157.386Z" }) })));
-//# sourceMappingURL=SaveFilled.js.map

package/build/esm/icons/SaveFilled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SaveFilled.js","sourceRoot":"../../../src","sources":["icons/SaveFilled.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,kBAAkB,EAAC,wBAAqB;AAEhD,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAoC,EAAE,EAAE,CAAC,CAChE,4BACI,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,IACf,kBAAkB,EAClB,KAAK,cAET,eACI,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,2QAA2Q,GAC/Q,IACA,CACT,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {a11yHiddenSvgProps} from '../utils/svg';\n\nexport const SaveFilled = (props: React.SVGProps<SVGSVGElement>) => (\n    <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"16\"\n        height=\"16\"\n        viewBox=\"0 0 16 16\"\n        fill=\"currentColor\"\n        {...a11yHiddenSvgProps}\n        {...props}\n    >\n        <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M14.357 1.386A1.593 1.593 0 0 1 15 2.655v10.547c0 .678-.416 1.218-.841 1.499-.417.275-1.24.517-1.898-.103L8.32 11.234a.64.64 0 0 0-.64 0l-3.942 3.364c-.58.546-1.348.461-1.838.18a1.808 1.808 0 0 1-.9-1.576V2.786C1 2.055 1.515 1 2.667 1H13.2c.405 0 .822.13 1.157.386Z\"\n        />\n    </svg>\n);\n"]}

package/build/esm/icons/SearchIcon.d.ts

@@ -1,2 +0,0 @@
-import * as React from 'react';
-export declare const SearchIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/build/esm/icons/SearchIcon.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { a11yHiddenSvgProps } from "../utils/svg.js";
-export const SearchIcon = (props) => (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, a11yHiddenSvgProps, props, { children: _jsx("path", { d: "M9.532 9.539A5 5 0 1 0 2.468 2.46a5 5 0 0 0 7.064 7.08zm0 0L15 15", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", vectorEffect: "non-scaling-stroke" }) })));
-//# sourceMappingURL=SearchIcon.js.map

package/build/esm/icons/SearchIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchIcon.js","sourceRoot":"../../../src","sources":["icons/SearchIcon.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,kBAAkB,EAAC,wBAAqB;AAEhD,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAoC,EAAE,EAAE,CAAC,CAChE,4BACI,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,IACP,kBAAkB,EAClB,KAAK,cAET,eACI,CAAC,EAAC,mEAAmE,EACrE,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,YAAY,EAAC,oBAAoB,GACnC,IACA,CACT,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {a11yHiddenSvgProps} from '../utils/svg';\n\nexport const SearchIcon = (props: React.SVGProps<SVGSVGElement>) => (\n    <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"16\"\n        height=\"16\"\n        viewBox=\"0 0 16 16\"\n        fill=\"none\"\n        {...a11yHiddenSvgProps}\n        {...props}\n    >\n        <path\n            d=\"M9.532 9.539A5 5 0 1 0 2.468 2.46a5 5 0 0 0 7.064 7.08zm0 0L15 15\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            vectorEffect=\"non-scaling-stroke\"\n        />\n    </svg>\n);\n"]}

package/build/esm/icons/ShareArrowUp.d.ts

@@ -1,2 +0,0 @@
-import * as React from 'react';
-export declare const ShareArrowUp: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/build/esm/icons/ShareArrowUp.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { a11yHiddenSvgProps } from "../utils/svg.js";
-export const ShareArrowUp = (props) => (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor" }, a11yHiddenSvgProps, props, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.798 3.16a.5.5 0 0 0 .363.842H7V9a1 1 0 0 0 2 0V4.002h1.839a.5.5 0 0 0 .363-.844L8.363.156a.5.5 0 0 0-.726 0l-2.84 3.002.001.001ZM13 7a1 1 0 0 1 2 0v6.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 13.5V7a1 1 0 0 1 2 0v6h10V7Z" }) })));
-//# sourceMappingURL=ShareArrowUp.js.map

package/build/esm/icons/ShareArrowUp.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ShareArrowUp.js","sourceRoot":"../../../src","sources":["icons/ShareArrowUp.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,kBAAkB,EAAC,wBAAqB;AAEhD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAoC,EAAE,EAAE,CAAC,CAClE,4BACI,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,IACf,kBAAkB,EAClB,KAAK,cAET,eACI,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mOAAmO,GACvO,IACA,CACT,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {a11yHiddenSvgProps} from '../utils/svg';\n\nexport const ShareArrowUp = (props: React.SVGProps<SVGSVGElement>) => (\n    <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"16\"\n        height=\"16\"\n        viewBox=\"0 0 16 16\"\n        fill=\"currentColor\"\n        {...a11yHiddenSvgProps}\n        {...props}\n    >\n        <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M4.798 3.16a.5.5 0 0 0 .363.842H7V9a1 1 0 0 0 2 0V4.002h1.839a.5.5 0 0 0 .363-.844L8.363.156a.5.5 0 0 0-.726 0l-2.84 3.002.001.001ZM13 7a1 1 0 0 1 2 0v6.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 13.5V7a1 1 0 0 1 2 0v6h10V7Z\"\n        />\n    </svg>\n);\n"]}

package/build/esm/icons/Time.d.ts

@@ -1,2 +0,0 @@
-import * as React from 'react';
-export declare const Time: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/build/esm/icons/Time.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { a11yHiddenSvgProps } from "../utils/svg.js";
-export const Time = (props) => (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "17", viewBox: "0 0 16 17", fill: "currentColor" }, a11yHiddenSvgProps, props, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 16.004a8 8 0 1 1 0-16 8 8 0 0 1 0 16Zm0-2a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm3.357-3.736a1 1 0 0 0-.342-1.372L9 7.688V5.004a1 1 0 0 0-2 0v3.25a1 1 0 0 0 .486.857l2.5 1.5a1 1 0 0 0 1.371-.343Z" }) })));
-//# sourceMappingURL=Time.js.map

package/build/esm/icons/Time.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Time.js","sourceRoot":"../../../src","sources":["icons/Time.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,kBAAkB,EAAC,wBAAqB;AAEhD,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAoC,EAAE,EAAE,CAAC,CAC1D,4BACI,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,IACf,kBAAkB,EAClB,KAAK,cAET,eACI,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gMAAgM,GACpM,IACA,CACT,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {a11yHiddenSvgProps} from '../utils/svg';\n\nexport const Time = (props: React.SVGProps<SVGSVGElement>) => (\n    <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"16\"\n        height=\"17\"\n        viewBox=\"0 0 16 17\"\n        fill=\"currentColor\"\n        {...a11yHiddenSvgProps}\n        {...props}\n    >\n        <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M8 16.004a8 8 0 1 1 0-16 8 8 0 0 1 0 16Zm0-2a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm3.357-3.736a1 1 0 0 0-.342-1.372L9 7.688V5.004a1 1 0 0 0-2 0v3.25a1 1 0 0 0 .486.857l2.5 1.5a1 1 0 0 0 1.371-.343Z\"\n        />\n    </svg>\n);\n"]}