@soul-refiner/design-system 0.1.35 → 0.1.37

package/dist/icons/people/person_close.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Icon } from '../../components';
+export const PersonClose = (props) => {
+    return (React.createElement(Icon, { ...props },
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.11602 7.21663C4.63824 7.73885 5.26602 7.99996 5.99935 7.99996C6.73268 7.99996 7.36046 7.73885 7.88268 7.21663C8.4049 6.6944 8.66602 6.06663 8.66602 5.33329C8.66602 4.59996 8.4049 3.97218 7.88268 3.44996C7.36046 2.92774 6.73268 2.66663 5.99935 2.66663C5.26602 2.66663 4.63824 2.92774 4.11602 3.44996C3.59379 3.97218 3.33268 4.59996 3.33268 5.33329C3.33268 6.06663 3.59379 6.6944 4.11602 7.21663ZM6.94135 6.27463C6.68002 6.53596 6.36602 6.66663 5.99935 6.66663C5.63268 6.66663 5.3189 6.53596 5.05802 6.27463C4.79668 6.01374 4.66602 5.69996 4.66602 5.33329C4.66602 4.96663 4.79668 4.65285 5.05802 4.39196C5.3189 4.13063 5.63268 3.99996 5.99935 3.99996C6.36602 3.99996 6.68002 4.13063 6.94135 4.39196C7.20224 4.65285 7.33268 4.96663 7.33268 5.33329C7.33268 5.69996 7.20224 6.01374 6.94135 6.27463Z" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0.666016 11.4666V13.3333H11.3327V11.4666C11.3327 11.0888 11.2353 10.7415 11.0407 10.4246C10.8465 10.1082 10.5882 9.86663 10.266 9.69996C9.57713 9.35552 8.87713 9.09707 8.16602 8.92463C7.4549 8.75263 6.73268 8.66663 5.99935 8.66663C5.26602 8.66663 4.54379 8.75263 3.83268 8.92463C3.12157 9.09707 2.42157 9.35552 1.73268 9.69996C1.41046 9.86663 1.15224 10.1082 0.958016 10.4246C0.763349 10.7415 0.666016 11.0888 0.666016 11.4666ZM9.99935 11.4666V12H1.99935V11.4666C1.99935 11.3444 2.03002 11.2333 2.09135 11.1333C2.15224 11.0333 2.23268 10.9555 2.33268 10.9C2.93268 10.6 3.53824 10.3748 4.14935 10.2246C4.76046 10.0748 5.37713 9.99996 5.99935 9.99996C6.62157 9.99996 7.23824 10.0748 7.84935 10.2246C8.46046 10.3748 9.06602 10.6 9.66601 10.9C9.76602 10.9555 9.84668 11.0333 9.90802 11.1333C9.9689 11.2333 9.99935 11.3444 9.99935 11.4666Z" }),
+        React.createElement("path", { d: "M11.4947 6.43786L10.0805 7.85208L11.0233 8.79488L12.4375 7.38067L13.8517 8.79488L14.7945 7.85208L13.3803 6.43786L14.7945 5.02365L13.8517 4.08084L12.4375 5.49505L11.0233 4.08084L10.0805 5.02365L11.4947 6.43786Z" })));
+};

package/dist/icons/people/person_slash.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from '../../components';
+export declare const PersonSlash: (props: IconProps) => React.JSX.Element;

package/dist/icons/people/person_slash.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Icon } from '../../components';
+export const PersonSlash = (props) => {
+    return (React.createElement(Icon, { ...props },
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.11602 7.21663C4.63824 7.73885 5.26602 7.99996 5.99935 7.99996C6.73268 7.99996 7.36046 7.73885 7.88268 7.21663C8.4049 6.6944 8.66602 6.06663 8.66602 5.33329C8.66602 4.59996 8.4049 3.97218 7.88268 3.44996C7.36046 2.92774 6.73268 2.66663 5.99935 2.66663C5.26602 2.66663 4.63824 2.92774 4.11602 3.44996C3.59379 3.97218 3.33268 4.59996 3.33268 5.33329C3.33268 6.06663 3.59379 6.6944 4.11602 7.21663ZM6.94135 6.27463C6.68002 6.53596 6.36602 6.66663 5.99935 6.66663C5.63268 6.66663 5.3189 6.53596 5.05802 6.27463C4.79668 6.01374 4.66602 5.69996 4.66602 5.33329C4.66602 4.96663 4.79668 4.65285 5.05802 4.39196C5.3189 4.13063 5.63268 3.99996 5.99935 3.99996C6.36602 3.99996 6.68002 4.13063 6.94135 4.39196C7.20224 4.65285 7.33268 4.96663 7.33268 5.33329C7.33268 5.69996 7.20224 6.01374 6.94135 6.27463Z" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0.666016 11.4666V13.3333H11.3327V11.4666C11.3327 11.0888 11.2353 10.7415 11.0407 10.4246C10.8465 10.1082 10.5882 9.86663 10.266 9.69996C9.57713 9.35552 8.87713 9.09707 8.16602 8.92463C7.4549 8.75263 6.73268 8.66663 5.99935 8.66663C5.26602 8.66663 4.54379 8.75263 3.83268 8.92463C3.12157 9.09707 2.42157 9.35552 1.73268 9.69996C1.41046 9.86663 1.15224 10.1082 0.958016 10.4246C0.763349 10.7415 0.666016 11.0888 0.666016 11.4666ZM9.99935 11.4666V12H1.99935V11.4666C1.99935 11.3444 2.03002 11.2333 2.09135 11.1333C2.15224 11.0333 2.23268 10.9555 2.33268 10.9C2.93268 10.6 3.53824 10.3748 4.14935 10.2246C4.76046 10.0748 5.37713 9.99996 5.99935 9.99996C6.62157 9.99996 7.23824 10.0748 7.84935 10.2246C8.46046 10.3748 9.06602 10.6 9.66602 10.9C9.76602 10.9555 9.84668 11.0333 9.90802 11.1333C9.9689 11.2333 9.99935 11.3444 9.99935 11.4666Z" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.666 5.99996C14.666 7.47272 13.4721 8.66663 11.9993 8.66663C10.5266 8.66663 9.33268 7.47272 9.33268 5.99996C9.33268 4.5272 10.5266 3.33329 11.9993 3.33329C13.4721 3.33329 14.666 4.5272 14.666 5.99996ZM12.6892 7.44403C12.4803 7.54399 12.2464 7.59996 11.9993 7.59996C11.1157 7.59996 10.3993 6.88362 10.3993 5.99996C10.3993 5.75295 10.4553 5.51901 10.5553 5.31014L12.6892 7.44403ZM13.4434 6.68978L11.3095 4.55589C11.5184 4.45593 11.7523 4.39996 11.9993 4.39996C12.883 4.39996 13.5993 5.1163 13.5993 5.99996C13.5993 6.24697 13.5434 6.48091 13.4434 6.68978Z" })));
+};

package/dist/icons/shopping/cart_filled.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from '../../components';
+export declare const CartFilled: (props: IconProps) => React.JSX.Element;

package/dist/icons/shopping/cart_filled.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Icon } from '../../components';
+export const CartFilled = (props) => {
+    return (React.createElement(Icon, { ...props },
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.04815 2.6684C3.92975 2.66815 3.81561 2.68155 3.70716 2.70702C3.55848 2.37933 3.36209 2.08534 3.13872 1.86197C2.75961 1.48285 2.16169 1.33337 1.33398 1.33337V2.66671C1.83962 2.66671 2.13058 2.73945 2.19591 2.80478C2.44789 3.05676 2.66732 3.56875 2.66732 4.00004L2.67402 4.09432L3.32726 8.66705C2.23422 8.72376 1.38745 9.57259 1.3348 10.6337L1.33398 11.3334C1.39853 12.4293 2.24249 13.2724 3.29614 13.3323L3.44749 13.3325C3.72181 14.1098 4.46286 14.6667 5.33398 14.6667C6.2048 14.6667 6.94562 14.1102 7.22018 13.3334H8.78112C9.05568 14.1102 9.7965 14.6667 10.6673 14.6667C11.7719 14.6667 12.6673 13.7713 12.6673 12.6667C12.6673 11.5621 11.7719 10.6667 10.6673 10.6667C9.7965 10.6667 9.05568 11.2232 8.78112 12H7.22018C6.94562 11.2232 6.2048 10.6667 5.33398 10.6667C4.46317 10.6667 3.72235 11.2232 3.44779 12H3.33398C2.99399 11.9796 2.68901 11.675 2.66612 11.2935L2.66732 10.6667C2.68529 10.3209 2.98819 10.018 3.36702 9.99922L4.68311 9.99955L4.69265 10H11.4119L11.5103 9.96882C12.0158 9.80842 12.4204 9.42779 12.612 8.93506L12.6822 8.79605L12.9104 8.34396C13.1465 7.87599 13.3826 7.40721 13.6126 6.94924C14.1761 5.82742 14.5305 5.11448 14.609 4.93941C15.012 4.04034 14.1956 3.34835 13.3611 3.33361L4.04815 2.6684Z" })));
+};

package/dist/icons/shopping/index.d.ts

@@ -1,5 +1,6 @@
 export { Basket } from './basket';
 export { Cart } from './cart';
+export { CartFilled } from './cart_filled';
 export { Coupon } from './coupon';
 export { CouponCut } from './coupon_cut';
 export { Delivery } from './delivery';

package/dist/icons/shopping/index.js

@@ -1,5 +1,6 @@
 export { Basket } from './basket';
 export { Cart } from './cart';
+export { CartFilled } from './cart_filled';
 export { Coupon } from './coupon';
 export { CouponCut } from './coupon_cut';
 export { Delivery } from './delivery';

package/dist/icons/text/code_block.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from '../../components';
+export declare const CodeBlock: (props: IconProps) => React.JSX.Element;

package/dist/icons/text/code_block.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Icon } from '../../components';
+export const CodeBlock = (props) => {
+    return (React.createElement(Icon, { ...props },
+        React.createElement("path", { d: "M2 2H14C14.1768 2 14.3464 2.07024 14.4714 2.19526C14.5964 2.32029 14.6667 2.48986 14.6667 2.66667V13.3333C14.6667 13.5101 14.5964 13.6797 14.4714 13.8047C14.3464 13.9298 14.1768 14 14 14H2C1.82319 14 1.65362 13.9298 1.5286 13.8047C1.40357 13.6797 1.33333 13.5101 1.33333 13.3333V2.66667C1.33333 2.48986 1.40357 2.32029 1.5286 2.19526C1.65362 2.07024 1.82319 2 2 2ZM2.66667 3.33333V12.6667H13.3333V3.33333H2.66667ZM8 10H12V11.3333H8V10ZM5.778 8L3.892 6.11467L4.83533 5.17133L7.66333 8L4.83533 10.8287L3.892 9.88533L5.778 8Z" })));
+};

package/dist/icons/text/divider.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from '../../components';
+export declare const Divider: (props: IconProps) => React.JSX.Element;

package/dist/icons/text/divider.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Icon } from '../../components';
+export const Divider = (props) => {
+    return (React.createElement(Icon, { ...props },
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.33333 7.33333H2.66667V8.66667H1.33333V7.33333ZM4 7.33333H12V8.66667H4V7.33333ZM13.3333 7.33333H14.6667V8.66667H13.3333V7.33333Z" })));
+};

package/dist/icons/text/footnote.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from '../../components';
+export declare const Footnote: (props: IconProps) => React.JSX.Element;

package/dist/icons/text/footnote.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Icon } from '../../components';
+export const Footnote = (props) => {
+    return (React.createElement(Icon, { ...props },
+        React.createElement("path", { d: "M1.24322 11.825H0L2.79345 4.0625H4.14659L6.94004 11.825H5.69682L3.50224 5.47249H3.44159L1.24322 11.825ZM1.45169 8.78522H5.48457V9.77069H1.45169V8.78522Z" }),
+        React.createElement("path", { d: "M8.06102 11.825V4.0625H9.19432V6.94692H9.26255C9.32825 6.82563 9.42301 6.68539 9.54682 6.5262C9.67064 6.367 9.84247 6.22803 10.0623 6.10926C10.2821 5.98797 10.5727 5.92733 10.9341 5.92733C11.4041 5.92733 11.8235 6.04609 12.1925 6.28362C12.5614 6.52114 12.8507 6.86353 13.0604 7.31079C13.2727 7.75804 13.3788 8.29627 13.3788 8.92546C13.3788 9.55465 13.274 10.0941 13.0642 10.5439C12.8545 10.9912 12.5664 11.3361 12.2 11.5787C11.8336 11.8187 11.4154 11.9387 10.9454 11.9387C10.5917 11.9387 10.3024 11.8794 10.0775 11.7606C9.8551 11.6418 9.68075 11.5029 9.5544 11.3437C9.42806 11.1845 9.33078 11.043 9.26255 10.9192H9.16779V11.825H8.06102ZM9.17158 8.91409C9.17158 9.32344 9.23096 9.68225 9.34973 9.99053C9.46849 10.2988 9.64032 10.5401 9.86521 10.7145C10.0901 10.8863 10.3655 10.9722 10.6915 10.9722C11.0301 10.9722 11.3131 10.8825 11.5405 10.7031C11.7679 10.5212 11.9398 10.2748 12.056 9.964C12.1748 9.6532 12.2341 9.30322 12.2341 8.91409C12.2341 8.53 12.176 8.18509 12.0598 7.87933C11.9461 7.57358 11.7743 7.33227 11.5443 7.15539C11.3169 6.97851 11.0326 6.89007 10.6915 6.89007C10.363 6.89007 10.085 6.97472 9.85763 7.14402C9.63274 7.31332 9.46217 7.54958 9.34594 7.8528C9.2297 8.15603 9.17158 8.50979 9.17158 8.91409Z" }),
+        React.createElement("path", { d: "M15.1146 8.05336V5.17576H15.0934L14.1988 5.73672V4.94228L15.1661 4.32976H16V8.05336H15.1146Z" })));
+};

package/dist/icons/text/index.d.ts

@@ -2,6 +2,9 @@ export { AlignCenter } from './align_center';
 export { AlignJustified } from './align_justified';
 export { AlignLeft } from './align_left';
 export { AlignRight } from './align_right';
+export { CodeBlock } from './code_block';
+export { Divider } from './divider';
+export { Footnote } from './footnote';
 export { IndentDecrease } from './indent_decrease';
 export { IndentIncrease } from './indent_increase';
 export { ListOrdered } from './list_ordered';

package/dist/icons/text/index.js

@@ -2,6 +2,9 @@ export { AlignCenter } from './align_center';
 export { AlignJustified } from './align_justified';
 export { AlignLeft } from './align_left';
 export { AlignRight } from './align_right';
+export { CodeBlock } from './code_block';
+export { Divider } from './divider';
+export { Footnote } from './footnote';
 export { IndentDecrease } from './indent_decrease';
 export { IndentIncrease } from './indent_increase';
 export { ListOrdered } from './list_ordered';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soul-refiner/design-system",
-  "version": "0.1.35",
+  "version": "0.1.37",
   "main": "dist/index.js",
   "license": "MIT",
   "publishConfig": {

package/src/components/actions/button/button.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled, { css } from 'styled-components';
 import { Styles } from '../../../common';

package/src/components/actions/dropdown/dropdown.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { Box, Checkbox, P } from '../../';

package/src/components/actions/rate/rate.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 

package/src/components/actions/switch/switch.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 

package/src/components/actions/toggle/toggle.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { Box, P } from '../../';

package/src/components/actions/upload/upload.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { COLORS } from '../../../common';

package/src/components/atoms/box/box.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { Styles } from '../../../common';

package/src/components/atoms/colors/colors.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { H, P } from '../typography';

package/src/components/atoms/typography/display.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { Typography, TypographyProps } from './typography';

package/src/components/atoms/typography/heading.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { Typography, TypographyProps } from './typography';

package/src/components/atoms/typography/paragraph.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { TypographyProps } from './typography';

package/src/components/atoms/typography/typography.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import styled from 'styled-components';
 import { Styles } from '../../../common';
 import {

package/src/components/card/action/action.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { Box, H, P } from '../../';

package/src/components/card/audio/audio.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { Box, H, P, Rate } from '../../';

package/src/components/card/card.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import { ActionCard, ActionCardProps } from './action';
 import { AudioEpisodeCard, AudioEpisodeCardProps } from './audio';

package/src/components/card/feature/feature.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { Box, Button, Modal } from '../../';

package/src/components/card/person/person.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { Box, H, P } from '../../';

package/src/components/card/price/price.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { Box, H, P } from '../../';

package/src/components/card/regular/regular.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { Box } from '../../';

package/src/components/card/video/video.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { Box, H, P, Rate } from '../../';

package/src/components/card/written/written.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { Box, H, P, Rate } from '../../';

package/src/components/editor/editor.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { createPlugins, Plate, PlateProvider, TElement } from '@udecode/plate';

package/src/components/feedback/badge/badge.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { Close } from '../../../icons';

package/src/components/feedback/banner/banner.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { Styles } from '../../../common';

package/src/components/feedback/chip/chip.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { Close } from '../../../icons';

package/src/components/feedback/loader/loader.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled, { keyframes } from 'styled-components';
 import { colorReference, COLORS } from '../../../common';

package/src/components/feedback/notification/notification.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { Styles } from '../../../common';

package/src/components/feedback/progress/progress.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { colorReference } from '../../../common';

package/src/components/feedback/toast/toast.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { Styles } from '../../../common';

package/src/components/feedback/tooltip/tooltip.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import { Tooltip as ReactTooltip, PlacesType } from 'react-tooltip';
 

package/src/components/iconography/avatar/avatar.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { Box, H, P } from '../../';

package/src/components/iconography/icon/icon.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { COLORS, colorReference } from '../../../common';

package/src/components/input/checkbox/checkbox.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { Styles } from '../../../common';

package/src/components/input/date/date.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { MONTHS, WEEKDAYS } from '../../../common';

package/src/components/input/filter/filter.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled, { css } from 'styled-components';
 import { BoxProps, P } from '../../';

package/src/components/input/radio/radio.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { Box, BoxProps, P } from '../../';

package/src/components/input/search/search.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { Styles } from '../../../common';

package/src/components/navigation/breadcrumb/breadcrumb.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { Box } from '../../';

package/src/components/navigation/tabs/tabs.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { P } from '../../';

package/src/components/surfaces/accordion/accordion.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { Box } from '../../';

package/src/components/surfaces/comment/comment.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import Picker from '@emoji-mart/react';

package/src/components/surfaces/drawer/drawer.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { callAll } from '../../../utils';

package/src/components/surfaces/message/message.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { Avatar, Box, P, H } from '../../';

package/src/components/surfaces/modal/modal.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { Button } from '../../';

package/src/components/table/table/table.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import styled from 'styled-components';
 import { Box } from '../../';

package/src/icons/basic/checkmark_filled.tsx

@@ -4,7 +4,7 @@ import { Icon, IconProps } from '../../components';
 export const CheckmarkFilled = (props: IconProps) => {
   return (
     <Icon {...props}>
-      <path d="M10.6 16.6L17.65 9.55L16.25 8.15L10.6 13.8L7.75 10.95L6.35 12.35L10.6 16.6ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" />
+      <path d="M7.06732 11.0667L11.7673 6.36671L10.834 5.43337L7.06732 9.20004L5.16732 7.30004L4.23398 8.23337L7.06732 11.0667ZM8.00065 14.6667C7.07843 14.6667 6.21176 14.4917 5.40065 14.1417C4.58954 13.7917 3.88398 13.3167 3.28398 12.7167C2.68398 12.1167 2.20898 11.4112 1.85898 10.6C1.50898 9.78893 1.33398 8.92226 1.33398 8.00004C1.33398 7.07782 1.50898 6.21115 1.85898 5.40004C2.20898 4.58893 2.68398 3.88337 3.28398 3.28337C3.88398 2.68337 4.58954 2.20837 5.40065 1.85837C6.21176 1.50837 7.07843 1.33337 8.00065 1.33337C8.92287 1.33337 9.78954 1.50837 10.6007 1.85837C11.4118 2.20837 12.1173 2.68337 12.7173 3.28337C13.3173 3.88337 13.7923 4.58893 14.1423 5.40004C14.4923 6.21115 14.6673 7.07782 14.6673 8.00004C14.6673 8.92226 14.4923 9.78893 14.1423 10.6C13.7923 11.4112 13.3173 12.1167 12.7173 12.7167C12.1173 13.3167 11.4118 13.7917 10.6007 14.1417C9.78954 14.4917 8.92287 14.6667 8.00065 14.6667Z" />
     </Icon>
   );
 };

package/src/icons/basic/close_filled.tsx

@@ -4,7 +4,7 @@ import { Icon, IconProps } from '../../components';
 export const CloseFilled = (props: IconProps) => {
   return (
     <Icon {...props}>
-      <path d="M8.4 17L12 13.4L15.6 17L17 15.6L13.4 12L17 8.4L15.6 7L12 10.6L8.4 7L7 8.4L10.6 12L7 15.6L8.4 17ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" />
+      <path d="M5.60065 11.3334L8.00065 8.93337L10.4007 11.3334L11.334 10.4L8.93398 8.00004L11.334 5.60004L10.4007 4.66671L8.00065 7.06671L5.60065 4.66671L4.66732 5.60004L7.06732 8.00004L4.66732 10.4L5.60065 11.3334ZM8.00065 14.6667C7.07843 14.6667 6.21176 14.4917 5.40065 14.1417C4.58954 13.7917 3.88398 13.3167 3.28398 12.7167C2.68398 12.1167 2.20898 11.4112 1.85898 10.6C1.50898 9.78893 1.33398 8.92226 1.33398 8.00004C1.33398 7.07782 1.50898 6.21115 1.85898 5.40004C2.20898 4.58893 2.68398 3.88337 3.28398 3.28337C3.88398 2.68337 4.58954 2.20837 5.40065 1.85837C6.21176 1.50837 7.07843 1.33337 8.00065 1.33337C8.92287 1.33337 9.78954 1.50837 10.6007 1.85837C11.4118 2.20837 12.1173 2.68337 12.7173 3.28337C13.3173 3.88337 13.7923 4.58893 14.1423 5.40004C14.4923 6.21115 14.6673 7.07782 14.6673 8.00004C14.6673 8.92226 14.4923 9.78893 14.1423 10.6C13.7923 11.4112 13.3173 12.1167 12.7173 12.7167C12.1173 13.3167 11.4118 13.7917 10.6007 14.1417C9.78954 14.4917 8.92287 14.6667 8.00065 14.6667Z" />
     </Icon>
   );
 };

package/src/icons/basic/index.ts

@@ -75,6 +75,7 @@ export { MinusCircle } from './minus_circle';
 export { MoveItem } from './move_item';
 export { New } from './new';
 export { Newspaper } from './newspaper';
+export { Node } from './node';
 export { NotePad } from './note_pad';
 export { Options } from './options';
 export { PaintBrush } from './paint_brush';
@@ -85,6 +86,7 @@ export { PencilPad } from './pencil_pad';
 export { Presentation } from './presentation';
 export { Printer } from './printer';
 export { Profile } from './profile';
+export { ProfileCheck } from './profile_check';
 export { Plus } from './plus';
 export { PlusCircle } from './plus_circle';
 export { Pulse } from './pulse';
@@ -124,5 +126,6 @@ export { Upload } from './upload';
 export { Video } from './video';
 export { VideoAdd } from './video_add';
 export { VideoSlash } from './video_slash';
+export { Wrench } from './wrench';
 export { ZoomIn } from './zoom_in';
 export { ZoomOut } from './zoom_out';

package/src/icons/basic/move_item.tsx

@@ -4,7 +4,7 @@ import { Icon, IconProps } from '../../components';
 export const MoveItem = (props: IconProps) => {
   return (
     <Icon {...props}>
-      <path d="M8 11H20.15L18.6 9.45L20 8L24 12L20 16L18.6 14.55L20.15 13H8V11ZM15 9V5H5V19H15V15H17V19C17 19.55 16.8042 20.0208 16.4125 20.4125C16.0208 20.8042 15.55 21 15 21H5C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H15C15.55 3 16.0208 3.19583 16.4125 3.5875C16.8042 3.97917 17 4.45 17 5V9H15Z" />
+      <path d="M5.33333 7.33333H13.4333L12.4 6.3L13.3333 5.33333L16 8L13.3333 10.6667L12.4 9.7L13.4333 8.66667H5.33333V7.33333ZM10 6V3.33333H3.33333V12.6667H10V10H11.3333V12.6667C11.3333 13.0333 11.2028 13.3472 10.9417 13.6083C10.6806 13.8694 10.3667 14 10 14H3.33333C2.96667 14 2.65278 13.8694 2.39167 13.6083C2.13056 13.3472 2 13.0333 2 12.6667V3.33333C2 2.96667 2.13056 2.65278 2.39167 2.39167C2.65278 2.13056 2.96667 2 3.33333 2H10C10.3667 2 10.6806 2.13056 10.9417 2.39167C11.2028 2.65278 11.3333 2.96667 11.3333 3.33333V6H10Z" />
     </Icon>
   );
 };

package/src/icons/basic/node.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from '../../components';
+
+export const Node = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M6.58644 1.91916C6.96151 1.54409 7.47022 1.33337 8.00065 1.33337C8.53108 1.33337 9.03979 1.54409 9.41486 1.91916C9.78994 2.29423 10.0007 2.80294 10.0007 3.33337C10.0007 3.86381 9.78994 4.37251 9.41486 4.74759C9.20193 4.96052 8.94592 5.12049 8.66732 5.21899V6.75138C9.12467 6.86948 9.54657 7.10806 9.88627 7.44776C10.3864 7.94785 10.6673 8.62613 10.6673 9.33337C10.6673 9.66694 10.6048 9.99407 10.4863 10.2991L11.5137 11.0329C11.8489 10.7962 12.2514 10.6667 12.6673 10.6667C13.1978 10.6667 13.7065 10.8774 14.0815 11.2525C14.4566 11.6276 14.6673 12.1363 14.6673 12.6667C14.6673 13.1971 14.4566 13.7058 14.0815 14.0809C13.7065 14.456 13.1978 14.6667 12.6673 14.6667C12.1369 14.6667 11.6282 14.456 11.2531 14.0809C10.878 13.7058 10.6673 13.1971 10.6673 12.6667C10.6673 12.4806 10.6933 12.2971 10.7432 12.1211L9.70807 11.3818C9.23078 11.7796 8.62708 12 8.00065 12C7.37422 12 6.77052 11.7796 6.29323 11.3818L5.25813 12.1211C5.30803 12.2971 5.33398 12.4806 5.33398 12.6667C5.33398 13.1971 5.12327 13.7058 4.7482 14.0809C4.37313 14.456 3.86442 14.6667 3.33398 14.6667C2.80355 14.6667 2.29484 14.456 1.91977 14.0809C1.5447 13.7058 1.33398 13.1971 1.33398 12.6667C1.33398 12.1363 1.5447 11.6276 1.91977 11.2525C2.29484 10.8774 2.80355 10.6667 3.33398 10.6667C3.74986 10.6667 4.15238 10.7962 4.48761 11.0329L5.51499 10.2991C5.39648 9.99407 5.33398 9.66694 5.33398 9.33337C5.33398 8.62613 5.61494 7.94785 6.11503 7.44776C6.45473 7.10806 6.87663 6.86948 7.33398 6.75138V5.21899C7.05538 5.12049 6.79937 4.96052 6.58644 4.74759C6.21136 4.37251 6.00065 3.86381 6.00065 3.33337C6.00065 2.80294 6.21136 2.29423 6.58644 1.91916ZM8.00065 2.66671C7.82384 2.66671 7.65427 2.73695 7.52925 2.86197C7.40422 2.98699 7.33398 3.15656 7.33398 3.33337C7.33398 3.51018 7.40422 3.67975 7.52925 3.80478C7.65427 3.9298 7.82384 4.00004 8.00065 4.00004C8.17746 4.00004 8.34703 3.9298 8.47205 3.80478C8.59708 3.67975 8.66732 3.51018 8.66732 3.33337C8.66732 3.15656 8.59708 2.98699 8.47205 2.86197C8.34703 2.73695 8.17746 2.66671 8.00065 2.66671ZM8.00065 8.00004C7.64703 8.00004 7.30789 8.14052 7.05784 8.39056C6.80779 8.64061 6.66732 8.97975 6.66732 9.33337C6.66732 9.687 6.80779 10.0261 7.05784 10.2762C7.30789 10.5262 7.64703 10.6667 8.00065 10.6667C8.35427 10.6667 8.69341 10.5262 8.94346 10.2762C9.19351 10.0261 9.33398 9.687 9.33398 9.33337C9.33398 8.97975 9.19351 8.64061 8.94346 8.39056C8.69341 8.14052 8.35427 8.00004 8.00065 8.00004ZM3.33398 12C3.15717 12 2.9876 12.0703 2.86258 12.1953C2.73756 12.3203 2.66732 12.4899 2.66732 12.6667C2.66732 12.8435 2.73756 13.0131 2.86258 13.1381C2.9876 13.2631 3.15717 13.3334 3.33398 13.3334C3.51079 13.3334 3.68036 13.2631 3.80539 13.1381C3.93041 13.0131 4.00065 12.8435 4.00065 12.6667C4.00065 12.4899 3.93041 12.3203 3.80539 12.1953C3.68036 12.0703 3.51079 12 3.33398 12ZM12.6673 12C12.4905 12 12.3209 12.0703 12.1959 12.1953C12.0709 12.3203 12.0007 12.4899 12.0007 12.6667C12.0007 12.8435 12.0709 13.0131 12.1959 13.1381C12.3209 13.2631 12.4905 13.3334 12.6673 13.3334C12.8441 13.3334 13.0137 13.2631 13.1387 13.1381C13.2637 13.0131 13.334 12.8435 13.334 12.6667C13.334 12.4899 13.2637 12.3203 13.1387 12.1953C13.0137 12.0703 12.8441 12 12.6673 12Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/profile_check.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from '../../components';
+
+export const ProfileCheck = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M14 7.926L11.03 10.896L9.634 9.44533L6.35867 12.6667H3.33333C2.6 12.6667 2 12.0667 2 11.3333V2H14V7.926ZM11.0053 14.6667L16 9.65467L15.0747 8.73733L11.012 12.8L9.608 11.3413L8.66667 12.2667L11.0053 14.6667ZM6 9.33333H3.33333V8.66667H6V9.33333ZM3.33333 8H8V7.33333H3.33333V8ZM8 6.66667H3.33333V6H8V6.66667ZM3.33333 4.66667H12.6667V3.33333H3.33333V4.66667Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/wrench.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from '../../components';
+
+export const Wrench = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M14.5108 3.9611L11.7544 6.68586C11.7544 6.68586 10.9306 6.68586 10.1069 5.86209C9.28309 5.03833 9.28309 4.21457 9.28309 4.21457L12.0395 1.45814C10.4871 1.07794 8.61774 1.58487 7.47715 2.72546C5.76626 4.43635 7.28705 6.62249 6.84349 7.06605C4.43557 9.56902 1.96428 11.47 1.90091 11.5651C1.1722 12.2938 1.14052 13.4661 1.83755 14.1631C2.53458 14.8601 3.70685 14.8284 4.43557 14.0997C4.53062 14.0047 6.55834 11.4383 8.93458 9.06209C9.37814 8.61853 11.4692 10.2344 13.2435 8.4918C14.3524 7.3512 14.891 5.51358 14.5108 3.9611ZM3.32666 13.4977C2.88309 13.4977 2.53458 13.1492 2.53458 12.7057C2.53458 12.2304 2.88309 11.8819 3.32666 11.8819C3.77022 11.8819 4.11874 12.2304 4.11874 12.674C4.11874 13.1175 3.77022 13.4977 3.32666 13.4977Z" />
+    </Icon>
+  );
+};

package/src/icons/file/file_gear.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Icon, IconProps } from '../../components';
+
+export const FileGear = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M15.3327 4.66667C15.3327 3.93029 14.7357 3.33333 13.9993 3.33333H8.00054C8.0273 3.33319 8.0188 3.32285 7.96017 3.25154C7.94577 3.23403 7.92834 3.21283 7.90767 3.18721C7.88724 3.16189 7.83009 3.08824 7.7798 3.02343C7.74415 2.97749 7.71188 2.9359 7.69867 2.91924C7.22131 2.31697 6.74602 2 5.99935 2H1.99935C1.26297 2 0.666016 2.59695 0.666016 3.33333V11.3333C0.666016 12.0697 1.26297 12.6667 1.99935 12.6667H8.44844C8.25154 12.2522 8.11395 11.8041 8.04661 11.3333H1.99935V3.33333H5.99935C6.25551 3.33333 6.40403 3.43238 6.65375 3.74744C6.66155 3.75728 6.68382 3.78599 6.71162 3.82183L6.71205 3.82238C6.76564 3.89145 6.83953 3.98671 6.8699 4.02436C7.20514 4.43994 7.51701 4.66409 7.99578 4.66666L13.9993 4.66667V6.19325C14.481 6.33659 14.93 6.55559 15.3327 6.83646V4.66667Z" />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M11.6994 13L11.8993 14H13.2327L13.4327 13C13.5665 12.9449 13.6916 12.8867 13.808 12.8253C13.9245 12.764 14.0438 12.6889 14.166 12.6L15.1327 12.9L15.7993 11.7667L15.0327 11.1C15.0549 10.9667 15.066 10.8222 15.066 10.6667C15.066 10.5111 15.0549 10.3667 15.0327 10.2333L15.7993 9.56667L15.1327 8.43333L14.166 8.73333C14.0442 8.64489 13.9249 8.57 13.808 8.50867C13.6911 8.44733 13.566 8.38889 13.4327 8.33333L13.2327 7.33333H11.8993L11.6994 8.33333C11.5665 8.38933 11.4416 8.44778 11.3247 8.50867C11.2078 8.56956 11.0882 8.64444 10.966 8.73333L9.99935 8.43333L9.33268 9.56667L10.0993 10.2333C10.0771 10.3667 10.066 10.5111 10.066 10.6667C10.066 10.8222 10.0771 10.9667 10.0993 11.1L9.33268 11.7667L9.99935 12.9L10.966 12.6C11.0878 12.6884 11.2071 12.7633 11.324 12.8247C11.4409 12.886 11.566 12.9444 11.6994 13ZM13.899 10.6667C13.899 11.403 13.302 12 12.5656 12C11.8292 12 11.2323 11.403 11.2323 10.6667C11.2323 9.93029 11.8292 9.33333 12.5656 9.33333C13.302 9.33333 13.899 9.93029 13.899 10.6667Z"
+      />
+    </Icon>
+  );
+};