@soul-refiner/design-system 0.1.27 → 0.1.29

package/dist/icons/technology/monitor.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Icon } from 'components';
+export const Monitor = (props) => {
+    return (React.createElement(Icon, { ...props },
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.99935 12.6667V13.3334H4.66602V14.6667H11.3327V13.3334H9.99935V12.6667H13.9993C14.7357 12.6667 15.3327 12.0698 15.3327 11.3334V2.66671C15.3327 1.93033 14.7357 1.33337 13.9993 1.33337H1.99935C1.26297 1.33337 0.666016 1.93033 0.666016 2.66671V11.3334C0.666016 12.0698 1.26297 12.6667 1.99935 12.6667H5.99935ZM13.9993 11.3334H1.99935V2.66671H13.9993V11.3334Z" })));
+};

package/dist/icons/technology/server.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Icon } from 'components';
+export const Server = (props) => {
+    return (React.createElement(Icon, { ...props },
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.334 1.33337H2.66732C1.93094 1.33337 1.33398 1.93033 1.33398 2.66671V5.33337V10.6667V13.3334C1.33398 14.0698 1.93094 14.6667 2.66732 14.6667H13.334C14.0704 14.6667 14.6673 14.0698 14.6673 13.3334V10.6667V5.33337V2.66671C14.6673 1.93033 14.0704 1.33337 13.334 1.33337ZM2.66732 13.3334V10.6667H13.334V13.3334H2.66732ZM2.66732 5.33337H13.334V2.66671H2.66732V5.33337ZM2.66732 9.33337V6.66671H13.334V9.33337H2.66732ZM5.33398 7.33337H10.0007V8.66671H5.33398V7.33337ZM12.0007 4.00004C12.0007 4.36823 11.7022 4.66671 11.334 4.66671C10.9658 4.66671 10.6673 4.36823 10.6673 4.00004C10.6673 3.63185 10.9658 3.33337 11.334 3.33337C11.7022 3.33337 12.0007 3.63185 12.0007 4.00004ZM11.334 8.66671C11.7022 8.66671 12.0007 8.36823 12.0007 8.00004C12.0007 7.63185 11.7022 7.33337 11.334 7.33337C10.9658 7.33337 10.6673 7.63185 10.6673 8.00004C10.6673 8.36823 10.9658 8.66671 11.334 8.66671ZM12.0007 12C12.0007 12.3682 11.7022 12.6667 11.334 12.6667C10.9658 12.6667 10.6673 12.3682 10.6673 12C10.6673 11.6319 10.9658 11.3334 11.334 11.3334C11.7022 11.3334 12.0007 11.6319 12.0007 12Z" })));
+};

package/dist/icons/technology/sim_card.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Icon } from 'components';
+export const SimCard = (props) => {
+    return (React.createElement(Icon, { ...props },
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.6667 0.666626H5.72386L2 4.39048V14C2 14.7363 2.59695 15.3333 3.33333 15.3333H12.6667C13.403 15.3333 14 14.7363 14 14V1.99996C14 1.26358 13.403 0.666626 12.6667 0.666626ZM3.33333 14V4.94277L6.27614 1.99996H12.6667V14H3.33333ZM10.6667 2.66663H12V6.66663H10.6667V2.66663ZM10 2.66663H8.66667V6.66663H10V2.66663ZM6.66667 2.66663H8V6.66663H6.66667V2.66663ZM6 4.66663H4.66667V7.33329H6V4.66663Z" })));
+};

package/dist/icons/technology/usb_stick.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Icon } from 'components';
+export const USBStick = (props) => {
+    return (React.createElement(Icon, { ...props },
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0.666016 11.3334H5.33268V12.6667H11.9993C13.8403 12.6667 15.3327 11.1743 15.3327 9.33337V6.66671C15.3327 4.82576 13.8403 3.33337 11.9993 3.33337H5.33268V4.66671H0.666016V11.3334ZM11.9993 11.3334H6.66602V4.66671H11.9993C13.1039 4.66671 13.9993 5.56214 13.9993 6.66671V9.33337C13.9993 10.4379 13.1039 11.3334 11.9993 11.3334ZM1.99935 6.00004V10H5.33268V6.00004H1.99935ZM4.66602 7.33337H2.66602V8.66671H4.66602V7.33337Z" })));
+};

package/dist/icons/text/align_center.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Icon } from 'components';
+export const AlignCenter = (props) => {
+    return (React.createElement(Icon, { ...props },
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.6673 4.66671V3.33337H1.33398V4.66671H14.6673ZM12.6673 6.00004V7.33337H3.33398V6.00004H12.6673ZM14.6673 10V8.66671H1.33398V10H14.6673ZM12.6673 12.6667V11.3334H3.33398V12.6667H12.6673Z" })));
+};

package/dist/icons/text/align_justified.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Icon } from 'components';
+export const AlignJustified = (props) => {
+    return (React.createElement(Icon, { ...props },
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.6673 4.66671V3.33337H1.33398V4.66671H14.6673ZM14.6673 6.00004V7.33337H1.33398V6.00004H14.6673ZM14.6673 10V8.66671H1.33398V10H14.6673ZM14.6673 12.6667V11.3334H1.33398V12.6667H14.6673Z" })));
+};

package/dist/icons/text/align_left.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Icon } from 'components';
+export const AlignLeft = (props) => {
+    return (React.createElement(Icon, { ...props },
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.6673 4.66671V3.33337H1.33398V4.66671H14.6673ZM10.6673 6.00004V7.33337H1.33398V6.00004H10.6673ZM14.6673 10V8.66671H1.33398V10H14.6673ZM10.6673 12.6667V11.3334H1.33398V12.6667H10.6673Z" })));
+};

package/dist/icons/text/align_right.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Icon } from 'components';
+export const AlignRight = (props) => {
+    return (React.createElement(Icon, { ...props },
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.6673 4.66671V3.33337H1.33398V4.66671H14.6673ZM14.6673 6.00004V7.33337H5.33398V6.00004H14.6673ZM14.6673 10V8.66671H1.33398V10H14.6673ZM14.6673 12.6667V11.3334H5.33398V12.6667H14.6673Z" })));
+};

package/dist/icons/text/indent_decrease.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Icon } from 'components';
+export const IndentDecrease = (props) => {
+    return (React.createElement(Icon, { ...props },
+        React.createElement("path", { d: "M3.33398 5.99996V10.6666L1.33398 8.33329L3.33398 5.99996ZM1.33398 14H14.6673V12.6666H1.33398V14ZM1.33398 3.99996H14.6673V2.66663H1.33398V3.99996ZM5.33398 7.33329H14.6673V5.99996H5.33398V7.33329ZM5.33398 10.6666H14.6673V9.33329H5.33398V10.6666Z" })));
+};

package/dist/icons/text/indent_increase.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Icon } from 'components';
+export const IndentIncrease = (props) => {
+    return (React.createElement(Icon, { ...props },
+        React.createElement("path", { d: "M1.33398 6.00004V10L3.33398 8.00004L1.33398 6.00004ZM1.33398 12.6667H14.6673V11.3334H1.33398V12.6667ZM1.33398 4.66671H14.6673V3.33337H1.33398V4.66671ZM5.33398 7.33337H14.6673V6.00004H5.33398V7.33337ZM5.33398 10H14.6673V8.66671H5.33398V10Z" })));
+};

package/dist/icons/text/index.js

@@ -0,0 +1,10 @@
+export { AlignCenter } from './align_center';
+export { AlignJustified } from './align_justified';
+export { AlignLeft } from './align_left';
+export { AlignRight } from './align_right';
+export { IndentDecrease } from './indent_decrease';
+export { IndentIncrease } from './indent_increase';
+export { ListOrdered } from './list_ordered';
+export { ListUnordered } from './list_unordered';
+export { Quote } from './quote';
+export { Table } from './table';

package/dist/icons/text/list_ordered.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Icon } from 'components';
+export const ListOrdered = (props) => {
+    return (React.createElement(Icon, { ...props },
+        React.createElement("path", { d: "M5.33398 12.6667V11.3334H14.6673V12.6667H5.33398ZM1.33398 12.6667V11.3334L2.66732 10H1.33398V8.66673L4.00065 8.66671V10L2.66732 11.3334H4.00065V12.6667L1.33398 12.6667ZM5.33398 8.66673V7.3334H14.6673V8.66673H5.33398ZM2.66732 7.33335V4.66671L1.33398 4.66673V3.33337H4.00065V7.33337L2.66732 7.33335ZM5.33398 4.66673V3.3334H14.6673V4.66673H5.33398Z" })));
+};

package/dist/icons/text/list_unordered.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Icon } from 'components';
+export const ListUnordered = (props) => {
+    return (React.createElement(Icon, { ...props },
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.33398 3.99996C1.33398 4.73634 1.93094 5.33329 2.66732 5.33329C3.4037 5.33329 4.00065 4.73634 4.00065 3.99996C4.00065 3.26358 3.4037 2.66663 2.66732 2.66663C1.93094 2.66663 1.33398 3.26358 1.33398 3.99996ZM14.6673 3.33329V4.66663H5.33398V3.33329H14.6673ZM14.6673 8.66663V7.33329H5.33398V8.66663H14.6673ZM14.6673 12.6666V11.3333H5.33398V12.6666H14.6673ZM1.33398 12C1.33398 12.7363 1.93094 13.3333 2.66732 13.3333C3.4037 13.3333 4.00065 12.7363 4.00065 12C4.00065 11.2636 3.4037 10.6666 2.66732 10.6666C1.93094 10.6666 1.33398 11.2636 1.33398 12ZM2.66732 9.33329C1.93094 9.33329 1.33398 8.73634 1.33398 7.99996C1.33398 7.26358 1.93094 6.66663 2.66732 6.66663C3.4037 6.66663 4.00065 7.26358 4.00065 7.99996C4.00065 8.73634 3.4037 9.33329 2.66732 9.33329Z" })));
+};

package/dist/icons/text/quote.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Icon } from 'components';
+export const Quote = (props) => {
+    return (React.createElement(Icon, { ...props },
+        React.createElement("path", { d: "M9.99935 7.33333H11.9993V5.33333H9.99935V7.33333ZM3.99935 7.33333H5.99935V5.33333H3.99935V7.33333ZM9.99935 11.3333L11.3327 8.66667H8.66602V4H13.3327V8.66667L11.9993 11.3333H9.99935ZM3.99935 11.3333L5.33268 8.66667H2.66602V4H7.33268V8.66667L5.99935 11.3333H3.99935Z" })));
+};

package/dist/icons/text/table.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Icon } from 'components';
+export const Table = (props) => {
+    return (React.createElement(Icon, { ...props },
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.99935 2.66663H13.9993C14.7357 2.66663 15.3327 3.26358 15.3327 3.99996V12.6666C15.3327 13.403 14.7357 14 13.9993 14H5.99935H4.66602H1.99935C1.26297 14 0.666016 13.403 0.666016 12.6666V3.99996C0.666016 3.26358 1.26297 2.66663 1.99935 2.66663H4.66602H5.99935ZM4.66602 3.99996H1.99935V5.99996H4.66602V3.99996ZM5.99935 5.99996V3.99996H13.9993V5.99996H5.99935ZM4.66602 7.33329H1.99935V9.33329H4.66602V7.33329ZM5.99935 9.33329V7.33329H13.9993V9.33329H5.99935ZM4.66602 10.6666H1.99935V12.6666H4.66602V10.6666ZM5.99935 12.6666V10.6666H13.9993V12.6666H5.99935Z" })));
+};

package/dist/icons/time/alarm.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Icon } from 'components';
+export const Alarm = (props) => {
+    return (React.createElement(Icon, { ...props },
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.13747 1.80475L3.19466 0.861938L0.861328 3.19527L1.80414 4.13808L4.13747 1.80475ZM11.8613 1.80475L12.8041 0.861938L15.1375 3.19527L14.1947 4.13808L11.8613 1.80475ZM7.9994 14.6667C4.3175 14.6667 1.33273 11.6819 1.33273 8.00001C1.33273 4.31811 4.3175 1.33334 7.9994 1.33334C11.6813 1.33334 14.6661 4.31811 14.6661 8.00001C14.6661 11.6819 11.6813 14.6667 7.9994 14.6667ZM7.9994 13.3333C10.9449 13.3333 13.3327 10.9455 13.3327 8.00001C13.3327 5.05449 10.9449 2.66668 7.9994 2.66668C5.05388 2.66668 2.66607 5.05449 2.66607 8.00001C2.66607 10.9455 5.05388 13.3333 7.9994 13.3333ZM11.3327 7.33334H8.66607V4.00001H7.33273V8.66668H11.3327V7.33334Z" })));
+};

package/dist/icons/time/alarm_checkmark.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Icon } from 'components';
+export const AlarmCheckmark = (props) => {
+    return (React.createElement(Icon, { ...props },
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.19466 0.861938L4.13747 1.80475L1.80414 4.13808L0.861328 3.19527L3.19466 0.861938ZM12.8041 0.861938L11.8613 1.80475L14.1947 4.13808L15.1375 3.19527L12.8041 0.861938ZM7.9994 14.6667C4.3175 14.6667 1.33273 11.6819 1.33273 8.00001C1.33273 4.31811 4.3175 1.33334 7.9994 1.33334C11.6813 1.33334 14.6661 4.31811 14.6661 8.00001C14.6661 11.6819 11.6813 14.6667 7.9994 14.6667ZM7.9994 13.3333C10.9449 13.3333 13.3327 10.9455 13.3327 8.00001C13.3327 5.05449 10.9449 2.66668 7.9994 2.66668C5.05388 2.66668 2.66607 5.05449 2.66607 8.00001C2.66607 10.9455 5.05388 13.3333 7.9994 13.3333ZM10.1947 5.52861L7.33273 8.39053L5.80414 6.86194L4.86133 7.80475L7.33273 10.2762L11.1375 6.47141L10.1947 5.52861Z" })));
+};

package/dist/icons/time/alarm_minus.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Icon } from 'components';
+export const AlarmMinus = (props) => {
+    return (React.createElement(Icon, { ...props },
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.19466 0.861938L4.13747 1.80475L1.80414 4.13808L0.861328 3.19527L3.19466 0.861938ZM12.8041 0.861938L11.8613 1.80475L14.1947 4.13808L15.1375 3.19527L12.8041 0.861938ZM7.9994 14.6667C4.3175 14.6667 1.33273 11.6819 1.33273 8.00001C1.33273 4.31811 4.3175 1.33334 7.9994 1.33334C11.6813 1.33334 14.6661 4.31811 14.6661 8.00001C14.6661 11.6819 11.6813 14.6667 7.9994 14.6667ZM7.9994 13.3333C10.9449 13.3333 13.3327 10.9455 13.3327 8.00001C13.3327 5.05449 10.9449 2.66668 7.9994 2.66668C5.05388 2.66668 2.66607 5.05449 2.66607 8.00001C2.66607 10.9455 5.05388 13.3333 7.9994 13.3333ZM5.33273 7.33334V8.66668H10.6661V7.33334H5.33273Z" })));
+};

package/dist/icons/time/alarm_plus.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Icon } from 'components';
+export const AlarmPlus = (props) => {
+    return (React.createElement(Icon, { ...props },
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.13747 1.80475L3.19466 0.861938L0.861328 3.19527L1.80414 4.13808L4.13747 1.80475ZM11.8613 1.80475L12.8041 0.861938L15.1375 3.19527L14.1947 4.13808L11.8613 1.80475ZM1.33273 8.00001C1.33273 11.6819 4.3175 14.6667 7.9994 14.6667C11.6813 14.6667 14.6661 11.6819 14.6661 8.00001C14.6661 4.31811 11.6813 1.33334 7.9994 1.33334C4.3175 1.33334 1.33273 4.31811 1.33273 8.00001ZM13.3327 8.00001C13.3327 10.9455 10.9449 13.3333 7.9994 13.3333C5.05388 13.3333 2.66607 10.9455 2.66607 8.00001C2.66607 5.05449 5.05388 2.66668 7.9994 2.66668C10.9449 2.66668 13.3327 5.05449 13.3327 8.00001ZM7.33273 8.66668H5.33273V7.33334H7.33273V5.33334H8.66607V7.33334H10.6661V8.66668H8.66607V10.6667H7.33273V8.66668Z" })));
+};

package/dist/icons/time/alarm_slash.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Icon } from 'components';
+export const AlarmSlash = (props) => {
+    return (React.createElement(Icon, { ...props },
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.55659 2.50001L0.861328 3.19527L1.80414 4.13808L2.4994 3.44282L2.83744 3.78085C1.89698 4.9301 1.33273 6.39916 1.33273 8.00001C1.33273 11.6819 4.3175 14.6667 7.9994 14.6667C9.60025 14.6667 11.0693 14.1024 12.2186 13.162L14.1947 15.1381L15.1375 14.1953L1.80414 0.861938L0.861328 1.80475L1.55659 2.50001ZM11.2698 12.2132L3.78616 4.72958C3.08412 5.6327 2.66607 6.76754 2.66607 8.00001C2.66607 10.9455 5.05388 13.3333 7.9994 13.3333C9.23187 13.3333 10.3667 12.9153 11.2698 12.2132ZM13.3327 8.00001C13.3327 8.74416 13.1803 9.45271 12.905 10.0962L13.905 11.0962C14.3911 10.171 14.6661 9.11762 14.6661 8.00001C14.6661 4.31811 11.6813 1.33334 7.9994 1.33334C6.88179 1.33334 5.82842 1.60835 4.90325 2.09439L5.90325 3.09438C6.54669 2.81908 7.25525 2.66668 7.9994 2.66668C10.9449 2.66668 13.3327 5.05449 13.3327 8.00001ZM11.8613 1.80475L12.8041 0.861938L15.1375 3.19527L14.1947 4.13808L11.8613 1.80475Z" })));
+};

package/dist/icons/time/alarm_snooze.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Icon } from 'components';
+export const AlarmSnooze = (props) => {
+    return (React.createElement(Icon, { ...props },
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.19466 0.861938L4.13747 1.80475L1.80414 4.13808L0.861328 3.19527L3.19466 0.861938ZM12.8041 0.861938L11.8613 1.80475L14.1947 4.13808L15.1375 3.19527L12.8041 0.861938ZM7.9994 14.6667C4.3175 14.6667 1.33273 11.6819 1.33273 8.00001C1.33273 4.31811 4.3175 1.33334 7.9994 1.33334C11.6813 1.33334 14.6661 4.31811 14.6661 8.00001C14.6661 11.6819 11.6813 14.6667 7.9994 14.6667ZM7.9994 13.3333C10.9449 13.3333 13.3327 10.9455 13.3327 8.00001C13.3327 5.05449 10.9449 2.66668 7.9994 2.66668C5.05388 2.66668 2.66607 5.05449 2.66607 8.00001C2.66607 10.9455 5.05388 13.3333 7.9994 13.3333ZM5.9994 5.33334V6.66668H8.08706L5.42039 10.6667H9.9994V9.33334H7.91174L10.5784 5.33334H5.9994Z" })));
+};

package/dist/icons/time/calendar.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Icon } from 'components';
+export const Calendar = (props) => {
+    return (React.createElement(Icon, { ...props },
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.00065 4.00004H5.33398V3.33337H10.6673V4.00004H12.0007V3.33337H13.334V5.33337H2.66732V3.33337H4.00065V4.00004ZM2.66732 6.66671V13.3334H13.334V6.66671H2.66732ZM5.33398 2.00004H10.6673V1.33337H12.0007V2.00004H13.334C14.0704 2.00004 14.6673 2.59699 14.6673 3.33337V13.3334C14.6673 14.0698 14.0704 14.6667 13.334 14.6667H2.66732C1.93094 14.6667 1.33398 14.0698 1.33398 13.3334V3.33337C1.33398 2.59699 1.93094 2.00004 2.66732 2.00004H4.00065V1.33337H5.33398V2.00004Z" })));
+};

package/dist/icons/time/calendar_add.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Icon } from 'components';
+export const CalendarAdd = (props) => {
+    return (React.createElement(Icon, { ...props },
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.00065 4.00004H5.33398V3.33337H10.6673V4.00004H12.0007V3.33337H13.334V5.33337H2.66732V3.33337H4.00065V4.00004ZM2.66732 6.66671V13.3334H9.33398V14.6667H2.66732C1.93094 14.6667 1.33398 14.0698 1.33398 13.3334V3.33337C1.33398 2.59699 1.93094 2.00004 2.66732 2.00004H4.00065V1.33337H5.33398V2.00004H10.6673V1.33337H12.0007V2.00004H13.334C14.0704 2.00004 14.6673 2.59699 14.6673 3.33337V9.33337H13.334V6.66671H2.66732ZM11.334 14V12.6667H12.6673V11.3334H14.0007V12.6667H15.334V14H14.0007V15.3334H12.6673V14H11.334Z" })));
+};

package/dist/icons/time/calendar_checkmark.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Icon } from 'components';
+export const CalendarCheckmark = (props) => {
+    return (React.createElement(Icon, { ...props },
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.33398 4.00004H4.00065V3.33337H2.66732V5.33337H13.334V3.33337H12.0007V4.00004H10.6673V3.33337H5.33398V4.00004ZM2.66732 13.3334V6.66671H13.334V13.3334H2.66732ZM10.6673 2.00004H5.33398V1.33337H4.00065V2.00004H2.66732C1.93094 2.00004 1.33398 2.59699 1.33398 3.33337V13.3334C1.33398 14.0698 1.93094 14.6667 2.66732 14.6667H13.334C14.0704 14.6667 14.6673 14.0698 14.6673 13.3334V3.33337C14.6673 2.59699 14.0704 2.00004 13.334 2.00004H12.0007V1.33337H10.6673V2.00004ZM10.1959 7.52864L7.33398 10.3906L5.80539 8.86197L4.86258 9.80478L7.33398 12.2762L11.1387 8.47145L10.1959 7.52864Z" })));
+};

package/dist/icons/time/calendar_close.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Icon } from 'components';
+export const CalendarClose = (props) => {
+    return (React.createElement(Icon, { ...props },
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.33398 4.00004H4.00065V3.33337H2.66732V5.33337H13.334V3.33337H12.0007V4.00004H10.6673V3.33337H5.33398V4.00004ZM2.66732 13.3334V6.66671H13.334V13.3334H2.66732ZM10.6673 2.00004H5.33398V1.33337H4.00065V2.00004H2.66732C1.93094 2.00004 1.33398 2.59699 1.33398 3.33337V13.3334C1.33398 14.0698 1.93094 14.6667 2.66732 14.6667H13.334C14.0704 14.6667 14.6673 14.0698 14.6673 13.3334V3.33337C14.6673 2.59699 14.0704 2.00004 13.334 2.00004H12.0007V1.33337H10.6673V2.00004ZM9.52925 7.52864L8.00065 9.05723L6.47206 7.52864L5.52925 8.47145L7.05784 10L5.52925 11.5286L6.47206 12.4714L8.00065 10.9428L9.52925 12.4714L10.4721 11.5286L8.94346 10L10.4721 8.47145L9.52925 7.52864Z" })));
+};

package/dist/icons/time/calendar_dates.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Icon } from 'components';
+export const CalendarDates = (props) => {
+    return (React.createElement(Icon, { ...props },
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.33398 4.00004H4.00065V3.33337H2.66732V5.33337H13.334V3.33337H12.0007V4.00004H10.6673V3.33337H5.33398V4.00004ZM13.334 6.66671H2.66732V13.3334H13.334V6.66671ZM10.6673 2.00004H5.33398V1.33337H4.00065V2.00004H2.66732C1.93094 2.00004 1.33398 2.59699 1.33398 3.33337V13.3334C1.33398 14.0698 1.93094 14.6667 2.66732 14.6667H13.334C14.0704 14.6667 14.6673 14.0698 14.6673 13.3334V3.33337C14.6673 2.59699 14.0704 2.00004 13.334 2.00004H12.0007V1.33337H10.6673V2.00004ZM4.66732 9.33337V8.00004H6.00065V9.33337H4.66732ZM7.33398 9.33337H8.66732V8.00004H7.33398V9.33337ZM11.334 9.33337H10.0007V8.00004H11.334V9.33337ZM4.66732 10.6667V12H6.00065V10.6667H4.66732ZM8.66732 12H7.33398V10.6667H8.66732V12Z" })));
+};

package/dist/icons/time/calendar_minus.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Icon } from 'components';
+export const CalendarMinus = (props) => {
+    return (React.createElement(Icon, { ...props },
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.33398 4.00004H4.00065V3.33337H2.66732V5.33337H13.334V3.33337H12.0007V4.00004H10.6673V3.33337H5.33398V4.00004ZM2.66732 13.3334V6.66671H13.334V13.3334H2.66732ZM10.6673 2.00004H5.33398V1.33337H4.00065V2.00004H2.66732C1.93094 2.00004 1.33398 2.59699 1.33398 3.33337V13.3334C1.33398 14.0698 1.93094 14.6667 2.66732 14.6667H13.334C14.0704 14.6667 14.6673 14.0698 14.6673 13.3334V3.33337C14.6673 2.59699 14.0704 2.00004 13.334 2.00004H12.0007V1.33337H10.6673V2.00004ZM5.33398 9.33337V10.6667H10.6673V9.33337H5.33398Z" })));
+};

package/dist/icons/time/calendar_plus.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Icon } from 'components';
+export const CalendarPlus = (props) => {
+    return (React.createElement(Icon, { ...props },
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.00065 4.00004H5.33398V3.33337H10.6673V4.00004H12.0007V3.33337H13.334V5.33337H2.66732V3.33337H4.00065V4.00004ZM2.66732 6.66671V13.3334H13.334V6.66671H2.66732ZM5.33398 2.00004H10.6673V1.33337H12.0007V2.00004H13.334C14.0704 2.00004 14.6673 2.59699 14.6673 3.33337V13.3334C14.6673 14.0698 14.0704 14.6667 13.334 14.6667H2.66732C1.93094 14.6667 1.33398 14.0698 1.33398 13.3334V3.33337C1.33398 2.59699 1.93094 2.00004 2.66732 2.00004H4.00065V1.33337H5.33398V2.00004ZM5.33398 10.6667V9.33337H7.33398V7.33337H8.66732V9.33337H10.6673V10.6667H8.66732V12.6667H7.33398V10.6667H5.33398Z" })));
+};

package/dist/icons/time/calendar_scroll.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Icon } from 'components';
+export const CalendarScroll = (props) => {
+    return (React.createElement(Icon, { ...props },
+        React.createElement("path", { d: "M6.35937 11.0666L8.00097 12.7086L9.64257 11.0666L8.95097 10.3834L8.00097 11.3334L7.05097 10.3834L6.35937 11.0666Z" }),
+        React.createElement("path", { d: "M6.35937 8.93347L7.05097 9.61667L8.00097 8.66667L8.95097 9.61667L9.64257 8.93347L8.00097 7.29187L6.35937 8.93347Z" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.6673 2.00004H5.33398V1.33337H4.00065V2.00004H2.66732C1.93094 2.00004 1.33398 2.59699 1.33398 3.33337V13.3334C1.33398 14.0698 1.93094 14.6667 2.66732 14.6667H13.334C14.0704 14.6667 14.6673 14.0698 14.6673 13.3334V3.33337C14.6673 2.59699 14.0704 2.00004 13.334 2.00004H12.0007V1.33337H10.6673V2.00004ZM5.33398 4.00004H4.00065V3.33337H2.66732V5.33337H13.334V3.33337H12.0007V4.00004H10.6673V3.33337H5.33398V4.00004ZM2.66732 13.3334V6.66671H13.334V13.3334H2.66732Z" })));
+};

package/dist/icons/time/clock.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Icon } from 'components';
+export const Clock = (props) => {
+    return (React.createElement(Icon, { ...props },
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.99935 15.3333C3.94926 15.3333 0.666016 12.05 0.666016 7.99996C0.666016 3.94987 3.94926 0.666626 7.99935 0.666626C12.0494 0.666626 15.3327 3.94987 15.3327 7.99996C15.3327 12.05 12.0494 15.3333 7.99935 15.3333ZM7.99935 14C11.3131 14 13.9993 11.3137 13.9993 7.99996C13.9993 4.68625 11.3131 1.99996 7.99935 1.99996C4.68564 1.99996 1.99935 4.68625 1.99935 7.99996C1.99935 11.3137 4.68564 14 7.99935 14ZM11.3327 7.33329H8.66602V3.99996H7.33268V8.66663H11.3327V7.33329Z" })));
+};

package/dist/icons/time/clock_history.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Icon } from 'components';
+export const ClockHistory = (props) => {
+    return (React.createElement(Icon, { ...props },
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.33268 3.99996H3.40874C4.69579 2.52754 6.10549 1.99996 7.99935 1.99996C11.3131 1.99996 13.9993 4.68625 13.9993 7.99996C13.9993 11.3137 11.3131 14 7.99935 14C4.68564 14 1.99935 11.3137 1.99935 7.99996H0.666016C0.666016 12.05 3.94926 15.3333 7.99935 15.3333C12.0494 15.3333 15.3327 12.05 15.3327 7.99996C15.3327 3.94987 12.0494 0.666626 7.99935 0.666626C5.8571 0.666626 4.1574 1.27366 2.66602 2.83759V1.32743H1.33268V5.33329H5.33268V3.99996ZM11.3327 7.33329H8.66602V3.99996H7.33268V8.66663H11.3327V7.33329Z" })));
+};

package/dist/icons/time/index.js

@@ -0,0 +1,19 @@
+export { Alarm } from './alarm';
+export { AlarmCheckmark } from './alarm_checkmark';
+export { AlarmMinus } from './alarm_minus';
+export { AlarmPlus } from './alarm_plus';
+export { AlarmSlash } from './alarm_slash';
+export { AlarmSnooze } from './alarm_snooze';
+export { Calendar } from './calendar';
+export { CalendarAdd } from './calendar_add';
+export { CalendarCheckmark } from './calendar_checkmark';
+export { CalendarClose } from './calendar_close';
+export { CalendarDates } from './calendar_dates';
+export { CalendarMinus } from './calendar_minus';
+export { CalendarPlus } from './calendar_plus';
+export { CalendarScroll } from './calendar_scroll';
+export { Clock } from './clock';
+export { ClockHistory } from './clock_history';
+export { Stopwatch } from './stopwatch';
+export { Timer } from './timer';
+export { Watch } from './watch';

package/dist/icons/time/stopwatch.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Icon } from 'components';
+export const Stopwatch = (props) => {
+    return (React.createElement(Icon, { ...props },
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.33333 2.70325V1.99996H6.66667V0.666626H9.33333V1.99996H8.66667V2.70325C9.82367 2.83115 10.8815 3.28802 11.7446 3.97827L12.8609 2.85706L13.8058 3.7978L12.6875 4.92098C13.5089 5.9475 14 7.24971 14 8.66663C14 11.9803 11.3137 14.6666 8 14.6666C4.68629 14.6666 2 11.9803 2 8.66663C2 5.57826 4.33337 3.03487 7.33333 2.70325ZM8 13.3333C10.5773 13.3333 12.6667 11.244 12.6667 8.66663C12.6667 6.0893 10.5773 3.99996 8 3.99996C5.42267 3.99996 3.33333 6.0893 3.33333 8.66663C3.33333 11.244 5.42267 13.3333 8 13.3333ZM8.66667 9.33329V5.33329H7.33333V9.33329H8.66667Z" })));
+};

package/dist/icons/time/timer.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Icon } from 'components';
+export const Timer = (props) => {
+    return (React.createElement(Icon, { ...props },
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.66602 4.66663V2.03658C11.666 2.36821 13.9993 4.91159 13.9993 7.99996C13.9993 11.3137 11.3131 14 7.99935 14C4.68564 14 1.99935 11.3137 1.99935 7.99996C1.99935 6.38247 2.64146 4.8684 3.76468 3.74936L2.82363 2.8048C1.45178 4.17155 0.666016 6.02434 0.666016 7.99996C0.666016 12.05 3.94926 15.3333 7.99935 15.3333C12.0494 15.3333 15.3327 12.05 15.3327 7.99996C15.3327 3.94987 12.0494 0.666626 7.99935 0.666626H7.33268V4.66663H8.66602ZM7.99935 6.66663C7.87991 6.66663 7.76414 6.68233 7.65399 6.71179L5.13742 4.19522L4.19461 5.13803L6.71118 7.6546C6.68172 7.76475 6.66602 7.88052 6.66602 7.99996C6.66602 8.73634 7.26297 9.33329 7.99935 9.33329C8.73573 9.33329 9.33268 8.73634 9.33268 7.99996C9.33268 7.26358 8.73573 6.66663 7.99935 6.66663Z" })));
+};

package/dist/icons/time/watch.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Icon } from 'components';
+export const Watch = (props) => {
+    return (React.createElement(Icon, { ...props },
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.99935 0.666626H5.99935C5.7017 0.666626 5.4401 0.863944 5.35833 1.15015L4.56779 3.91705C3.40496 4.89539 2.66602 6.36138 2.66602 7.99996C2.66602 9.63854 3.40496 11.1045 4.56779 12.0829L5.35833 14.8498C5.4401 15.136 5.7017 15.3333 5.99935 15.3333H9.99935C10.297 15.3333 10.5586 15.136 10.6404 14.8498L11.4309 12.0829C12.4335 11.2393 13.121 10.0333 13.2914 8.66663H13.9993V7.33329H13.2914C13.121 5.96665 12.4335 4.76059 11.4309 3.91705L10.6404 1.15015C10.5586 0.863944 10.297 0.666626 9.99935 0.666626ZM7.99935 2.66663C8.62126 2.66663 9.21831 2.77307 9.77328 2.96874L9.49648 1.99996H6.50222L6.22542 2.96874C6.78038 2.77307 7.37744 2.66663 7.99935 2.66663ZM6.50222 14L6.22542 13.0312C6.78038 13.2268 7.37744 13.3333 7.99935 13.3333C8.62126 13.3333 9.21831 13.2268 9.77328 13.0312L9.49648 14H6.50222ZM11.9993 7.99996C11.9993 10.2091 10.2085 12 7.99935 12C5.79021 12 3.99935 10.2091 3.99935 7.99996C3.99935 5.79082 5.79021 3.99996 7.99935 3.99996C10.2085 3.99996 11.9993 5.79082 11.9993 7.99996ZM8.66602 7.33329H9.99935V8.66663H7.33268V5.33329H8.66602V7.33329Z" })));
+};

package/dist/index.js

@@ -0,0 +1,3 @@
+export * from './components';
+import * as Icons_1 from './icons';
+export { Icons_1 as Icons };

package/dist/types/attributes.js

@@ -0,0 +1 @@
+export {};

package/dist/types/index.js

@@ -0,0 +1 @@
+export {};

package/dist/utils/date.js

@@ -0,0 +1,98 @@
+import { THIS_MONTH, THIS_YEAR, CALENDAR_WEEKS } from 'common';
+export const zeroPad = (value, length) => {
+    return `${value}`.padStart(length, '0');
+};
+export const getMonthDays = (month = THIS_MONTH, year = THIS_YEAR) => {
+    const MONTHS_WITH_30 = [4, 6, 9, 11];
+    const leapYear = year % 4 === 0;
+    return month === 2
+        ? leapYear
+            ? 29
+            : 28
+        : MONTHS_WITH_30.includes(month)
+            ? 30
+            : 31;
+};
+export const getMonthFirstDay = (month = THIS_MONTH, year = THIS_YEAR) => {
+    return +new Date(`${year}-${zeroPad(month, 2)}-01`).getDay() + 1;
+};
+export const isDate = (date) => {
+    const isDate = Object.prototype.toString.call(date) === '[object Date]';
+    const isValidDate = date && !Number.isNaN(date.valueOf());
+    return isDate && isValidDate;
+};
+export const isSameMonth = (date, basedate = new Date()) => {
+    if (!(isDate(date) && isDate(basedate)))
+        return false;
+    const basedateMonth = +basedate.getMonth() + 1;
+    const basedateYear = basedate.getFullYear();
+    const dateMonth = +date.getMonth() + 1;
+    const dateYear = date.getFullYear();
+    return +basedateMonth === +dateMonth && +basedateYear === +dateYear;
+};
+export const isSameDay = (date, basedate = new Date()) => {
+    if (!(isDate(date) && isDate(basedate)))
+        return false;
+    const basedateDate = basedate.getDate();
+    const basedateMonth = +basedate.getMonth() + 1;
+    const basedateYear = basedate.getFullYear();
+    const dateDate = date.getDate();
+    const dateMonth = +date.getMonth() + 1;
+    const dateYear = date.getFullYear();
+    return (+basedateDate === +dateDate &&
+        +basedateMonth === +dateMonth &&
+        +basedateYear === +dateYear);
+};
+export const getDateISO = (date = new Date()) => {
+    if (!isDate(date))
+        return null;
+    return [
+        date.getFullYear(),
+        zeroPad(+date.getMonth() + 1, 2),
+        zeroPad(+date.getDate(), 2),
+    ].join('-');
+};
+export const getPreviousMonth = (month, year) => {
+    const prevMonth = month > 1 ? month - 1 : 12;
+    const prevMonthYear = month > 1 ? year : year - 1;
+    return { month: prevMonth, year: prevMonthYear };
+};
+export const getNextMonth = (month, year) => {
+    const nextMonth = month < 12 ? month + 1 : 1;
+    const nextMonthYear = month < 12 ? year : year + 1;
+    return { month: nextMonth, year: nextMonthYear };
+};
+export const buildCalendar = (month = THIS_MONTH, year = THIS_YEAR) => {
+    const monthDays = getMonthDays(month, year);
+    const monthFirstDay = getMonthFirstDay(month, year);
+    const daysFromPrevMonth = monthFirstDay - 1;
+    const daysFromNextMonth = CALENDAR_WEEKS * 7 - (daysFromPrevMonth + monthDays);
+    const { month: prevMonth, year: prevMonthYear } = getPreviousMonth(month, year);
+    const { month: nextMonth, year: nextMonthYear } = getNextMonth(month, year);
+    const prevMonthDays = getMonthDays(prevMonth, prevMonthYear);
+    const prevMonthDates = [...new Array(daysFromPrevMonth)].map((n, index) => {
+        const day = index + 1 + (prevMonthDays - daysFromPrevMonth);
+        return [prevMonthYear, zeroPad(prevMonth, 2), zeroPad(day, 2)];
+    });
+    const thisMonthDates = [...new Array(monthDays)].map((n, index) => {
+        const day = index + 1;
+        return [year, zeroPad(month, 2), zeroPad(day, 2)];
+    });
+    const nextMonthDates = [...new Array(daysFromNextMonth)].map((n, index) => {
+        const day = index + 1;
+        return [nextMonthYear, zeroPad(nextMonth, 2), zeroPad(day, 2)];
+    });
+    return calendarIntoWeeks([
+        ...prevMonthDates,
+        ...thisMonthDates,
+        ...nextMonthDates,
+    ]);
+};
+export const calendarIntoWeeks = (calendar) => {
+    const res = [];
+    while (calendar.length > 0) {
+        const chunk = calendar.splice(0, 7);
+        res.push(chunk);
+    }
+    return res;
+};

package/dist/utils/function.js

@@ -0,0 +1 @@
+export const callAll = (...fns) => (...args) => fns.forEach((fn) => fn && fn(...args));

package/dist/utils/index.js

@@ -0,0 +1,2 @@
+export { buildCalendar, calendarIntoWeeks, getDateISO, getMonthDays, getMonthFirstDay, getNextMonth, getPreviousMonth, isDate, isSameDay, isSameMonth, zeroPad, } from './date';
+export { callAll } from './function';

package/package.json

@@ -1,18 +1,18 @@
 {
   "name": "@soul-refiner/design-system",
-  "version": "0.1.27",
-  "main": "src/index.ts",
+  "version": "0.1.29",
+  "main": "dist/index.js",
   "license": "MIT",
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
   "include": [
-    "/src"
+    "/dist"
   ],
   "sideEffects": [
     "**/*.css"
   ],
-  "exports": "./src/index.ts",
+  "exports": "./dist/index.ts",
   "devDependencies": {
     "@storybook/addon-essentials": "^7.0.10",
     "@storybook/addon-interactions": "^7.0.10",
@@ -39,6 +39,7 @@
     "vite-tsconfig-paths": "^4.2.0"
   },
   "scripts": {
+    "build": "tsc --build .",
     "format": "prettier --write .",
     "lint": "yarn eslint ./**/*.{ts,tsx}",
     "storybook": "storybook dev -p 6006",

package/src/components/editor/editor.tsx

@@ -67,6 +67,10 @@ const Wrapper = styled.div`
     text-decoration: underline;
   }
 
+  li {
+    color: var(--color-grey-3);
+  }
+
   .slate-code {
     & > * {
       font-family: 'Roboto Mono';

package/src/components/editor/plugins/text.tsx

@@ -12,10 +12,13 @@ export const ParagraphElement = React.forwardRef<
   React.ElementRef<typeof PlateElement>,
   PlateElementProps
 >(({ children, ...props }: PlateRenderElementProps, ref) => {
+  const textAlign = (props as any)?.style?.textAlign;
   return (
     <PlateElement asChild ref={ref} {...props}>
       <>
-        <P as="div">{children}</P>
+        <P as="div" $textAlign={textAlign}>
+          {children}
+        </P>
       </>
     </PlateElement>
   );
@@ -31,10 +34,11 @@ export const HOneElement = React.forwardRef<
   React.ElementRef<typeof PlateElement>,
   PlateElementProps
 >(({ children, ...props }: PlateRenderElementProps, ref) => {
+  const textAlign = (props as any)?.style?.textAlign;
   return (
     <PlateElement asChild ref={ref} {...props}>
       <>
-        <H.One>{children}</H.One>
+        <H.One $textAlign={textAlign}>{children}</H.One>
       </>
     </PlateElement>
   );
@@ -50,10 +54,11 @@ export const HTwoElement = React.forwardRef<
   React.ElementRef<typeof PlateElement>,
   PlateElementProps
 >(({ children, ...props }: PlateRenderElementProps, ref) => {
+  const textAlign = (props as any)?.style?.textAlign;
   return (
     <PlateElement asChild ref={ref} {...props}>
       <>
-        <H.Two>{children}</H.Two>
+        <H.Two $textAlign={textAlign}>{children}</H.Two>
       </>
     </PlateElement>
   );
@@ -69,10 +74,11 @@ export const HThreeElement = React.forwardRef<
   React.ElementRef<typeof PlateElement>,
   PlateElementProps
 >(({ children, ...props }: PlateRenderElementProps, ref) => {
+  const textAlign = (props as any)?.style?.textAlign;
   return (
     <PlateElement asChild ref={ref} {...props}>
       <>
-        <H.Three>{children}</H.Three>
+        <H.Three $textAlign={textAlign}>{children}</H.Three>
       </>
     </PlateElement>
   );
@@ -88,10 +94,11 @@ export const HFourElement = React.forwardRef<
   React.ElementRef<typeof PlateElement>,
   PlateElementProps
 >(({ children, ...props }: PlateRenderElementProps, ref) => {
+  const textAlign = (props as any)?.style?.textAlign;
   return (
     <PlateElement asChild ref={ref} {...props}>
       <>
-        <H.Four>{children}</H.Four>
+        <H.Four $textAlign={textAlign}>{children}</H.Four>
       </>
     </PlateElement>
   );
@@ -107,10 +114,11 @@ export const HFiveElement = React.forwardRef<
   React.ElementRef<typeof PlateElement>,
   PlateElementProps
 >(({ children, ...props }: PlateRenderElementProps, ref) => {
+  const textAlign = (props as any)?.style?.textAlign;
   return (
     <PlateElement asChild ref={ref} {...props}>
       <>
-        <H.Five>{children}</H.Five>
+        <H.Five $textAlign={textAlign}>{children}</H.Five>
       </>
     </PlateElement>
   );
@@ -126,10 +134,11 @@ export const HSixElement = React.forwardRef<
   React.ElementRef<typeof PlateElement>,
   PlateElementProps
 >(({ children, ...props }: PlateRenderElementProps, ref) => {
+  const textAlign = (props as any)?.style?.textAlign;
   return (
     <PlateElement asChild ref={ref} {...props}>
       <>
-        <H.Six>{children}</H.Six>
+        <H.Six $textAlign={textAlign}>{children}</H.Six>
       </>
     </PlateElement>
   );

package/tsconfig.json

@@ -5,7 +5,6 @@
     "module": "ES6",
     "jsx": "react",
     "strict": true,
-    "noEmit": true,
     "allowJs": false,
     "moduleResolution": "node",
     "esModuleInterop": true,
@@ -13,6 +12,7 @@
     "forceConsistentCasingInFileNames": true,
     "resolveJsonModule": true,
     "baseUrl": "src",
+    "outDir": "dist",
     "experimentalDecorators": true,
     "rootDir": "./src",
     "paths": {