@dktunited-techoff/techoff-suite-ui 0.8.4 → 0.8.6

package/lib/components/Button/Button.css

@@ -1,93 +0,0 @@
-.button {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border: none;
-  border-radius: 6px;
-  font-size: 14px;
-  line-height: 16px;
-  font-weight: 500;
-  cursor: pointer;
-  transition: all ease 0.3s;
-}
-.button > div {
-  margin-right: 8px;
-}
-.button > div:last-child {
-  margin-right: 0px;
-}
-/* ####### */
-/* BLOCK   */
-.button--block {
-  width: 100%;
-}
-/* ####### */
-/* SIZES   */
-.button--md {
-  height: 32px;
-  padding: 0 14px;
-}
-.button--md.button--icon-only {
-  width: 32px;
-  padding: 0;
-}
-.button--lg {
-  height: 40px;
-  padding: 0 16px;
-}
-.button--lg.button--icon-only {
-  width: 40px;
-  padding: 0;
-}
-/* ########## */
-/* VARIANTS   */
-.button--primary {
-  background: #007dbc;
-  color: #ffffff;
-}
-.button--primary:hover {
-  background: #00689d;
-}
-.button--secondary {
-  background: #e7f3f9;
-  color: #007dbc;
-}
-.button--secondary:hover {
-  background: #bedeef;
-}
-.button--success {
-  background: #02be8a;
-  color: #ffffff;
-}
-.button--success:hover {
-  background: #029e73;
-  color: #ffffff;
-}
-.button--ghost {
-  background: #ffffff;
-  color: #1d1d1b;
-  font-weight: 400;
-}
-.button--ghost:hover {
-  background: #e7f3f9;
-}
-.button--shadow {
-  box-shadow: 0px 12px 12px 0px #00537d1a;
-  background: #ffffff;
-  color: #4e5d6b;
-}
-/* ######### */
-/* ROUNDED   */
-.button--rounded {
-  border-radius: 9999px;
-}
-
-/* ######### */
-/* GLOBALS   */
-* {
-  font-size: 14px;
-  outline: none;
-  box-sizing: border-box;
-  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans',
-    'Helvetica Neue', sans-serif;
-}

package/lib/components/Button/Button.d.ts

@@ -1,5 +0,0 @@
-import * as React from 'react';
-import { PropsWithChildren } from 'react';
-import { ButtonProps } from './Button.types';
-import './Button.css';
-export declare const Button: ({ children, icon, iconDirection, size, variant, block, rounded, onClick, }: PropsWithChildren<ButtonProps>) => React.JSX.Element;

package/lib/components/Button/Button.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Button = void 0;
-const React = require("react");
-const Icon_1 = require("../Icon/Icon");
-require("./Button.css");
-const Button = ({ children, icon, iconDirection = 'left', size = 'md', variant = 'primary', block, rounded, onClick, }) => {
-    // #########
-    // Rendering
-    return (React.createElement("button", { className: `
-        button button--${size} button--${variant}
-        ${block ? 'button--block' : ''}
-        ${rounded ? 'button--rounded' : ''}
-        ${icon && !children ? 'button--icon-only' : ''}
-      `, onClick: onClick },
-        icon && iconDirection === 'left' && React.createElement(Icon_1.Icon, { name: icon, size: "16" }),
-        children && React.createElement("div", null, children),
-        icon && iconDirection === 'right' && React.createElement(Icon_1.Icon, { name: icon, size: "16" })));
-};
-exports.Button = Button;
-//# sourceMappingURL=Button.js.map

package/lib/components/Button/Button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAE/B,uCAAoC;AAEpC,wBAAsB;AAEf,MAAM,MAAM,GAAG,CAAC,EACrB,QAAQ,EACR,IAAI,EACJ,aAAa,GAAG,MAAM,EACtB,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,SAAS,EACnB,KAAK,EACL,OAAO,EACP,OAAO,GACwB,EAAE,EAAE;IACnC,YAAY;IACZ,YAAY;IACZ,OAAO,CACL,gCACE,SAAS,EAAE;yBACQ,IAAI,YAAY,OAAO;UACtC,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE;UAC5B,OAAO,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE;UAChC,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE;OAC/C,EACD,OAAO,EAAE,OAAO;QAEf,IAAI,IAAI,aAAa,KAAK,MAAM,IAAI,oBAAC,WAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,IAAI,GAAG;QAClE,QAAQ,IAAI,iCAAM,QAAQ,CAAO;QACjC,IAAI,IAAI,aAAa,KAAK,OAAO,IAAI,oBAAC,WAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,IAAI,GAAG,CAC7D,CACV,CAAC;AACJ,CAAC,CAAC;AA3BW,QAAA,MAAM,UA2BjB"}

package/lib/components/Button/Button.types.d.ts

@@ -1,9 +0,0 @@
-export type ButtonProps = {
-    icon?: string;
-    iconDirection?: 'left' | 'right';
-    size?: 'md' | 'lg';
-    variant?: 'primary' | 'secondary' | 'success' | 'ghost' | 'shadow';
-    block?: boolean;
-    rounded?: boolean;
-    onClick: () => void;
-};

package/lib/components/Button/Button.types.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=Button.types.js.map

package/lib/components/Button/Button.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.types.js","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":""}

package/lib/components/Button/__stories__/Button.stories.mdx

@@ -1,74 +0,0 @@
-import React from 'react';
-import { ArgsTable, Canvas, Meta, Story } from '@storybook/blocks';
-import { Button } from '../Button';
-import { icons } from '../../Icon/icons';
-
-<Meta title="Components/Button" />
-
-export const buttonArgTypes = {
-  children: {
-    control: 'text',
-    description: 'Child of the button.',
-  },
-  icon: {
-    control: 'select',
-    options: Object.keys(icons),
-    description: 'Icon of the button.',
-  },
-  iconDirection: {
-    control: 'inline-radio',
-    options: ['left', 'right'],
-    description: 'Define the direction of the icon.',
-    table: { defaultValue: { summary: 'left' } },
-  },
-  size: {
-    control: 'inline-radio',
-    options: ['md', 'lg'],
-    description: 'Define the size of the button.',
-    table: { defaultValue: { summary: 'md' } },
-  },
-  variant: {
-    control: 'inline-radio',
-    options: ['primary', 'secondary', 'success', 'ghost', 'shadow'],
-    description: "Variant of the button defining it's color and outline.",
-    table: { defaultValue: { summary: 'primary' } },
-  },
-  block: {
-    control: 'boolean',
-    description: 'Define if the button is full width',
-    table: { defaultValue: { summary: 'false' } },
-  },
-  rounded: {
-    control: 'boolean',
-    description: 'Define if the button has its corner full rounded',
-    table: { defaultValue: { summary: 'false' } },
-  },
-};
-
-# Button
-
-Buttons express what action will occur when the users clicks. Buttons are used to initialize an action, either in the background or foreground of an experience.
-
-## Overview
-
-<Canvas>
-  <Story
-    name="Overview"
-    args={{
-      children: 'Button',
-      iconDirection: 'left',
-      size: 'md',
-      variant: 'primary',
-      block: false,
-      rounded: false,
-      onClick: () => {},
-    }}
-    argTypes={buttonArgTypes}
-  >
-    {args => <Button {...args}>{args.children}</Button>}
-  </Story>
-</Canvas>
-
-## Props
-
-<ArgsTable story="Overview" of={Button} />

package/lib/components/Checkbox/Checkbox.css

@@ -1,61 +0,0 @@
-.checkbox {
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-}
-/* ##### */
-/* BOX   */
-.checkbox:hover .checkbox-box {
-  background: #e7f3f9;
-}
-.checkbox-box {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 24px;
-  height: 24px;
-  border-radius: 6px;
-  color: #007dbc;
-  transition: all ease 0.3s;
-}
-.checkbox-box::before {
-  content: '';
-  position: absolute;
-  width: 16px;
-  height: 16px;
-  border-radius: 6px;
-  background: #ffffff;
-  z-index: 10;
-}
-.checkbox-box .icon {
-  z-index: 20;
-}
-
-/* ################# */
-/* LABEL / CAPTION   */
-.checkbox-container {
-  width: 100%;
-  margin-left: 4px;
-  padding: 4px 8px;
-  border-radius: 6px;
-}
-.checkbox-container--with-caption .checkbox-label {
-  color: #007dbc;
-  font-weight: 700;
-}
-.checkbox-caption {
-  color: #404040;
-  font-size: 12px;
-  font-style: italic;
-}
-
-/* ######### */
-/* GLOBALS   */
-* {
-  font-size: 14px;
-  outline: none;
-  box-sizing: border-box;
-  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans',
-    'Helvetica Neue', sans-serif;
-}

package/lib/components/Checkbox/Checkbox.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { PropsWithChildren } from 'react';
-import { CheckboxProps } from './Checkbox.types';
-import './Checkbox.css';
-export declare const CheckboxLabel: ({ children }: PropsWithChildren) => React.JSX.Element;
-export declare const CheckboxCaption: ({ children }: PropsWithChildren) => React.JSX.Element;
-export declare const Checkbox: ({ children, checked, onChange }: PropsWithChildren<CheckboxProps>) => React.JSX.Element;

package/lib/components/Checkbox/Checkbox.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Checkbox = exports.CheckboxCaption = exports.CheckboxLabel = void 0;
-const React = require("react");
-const react_1 = require("react");
-const validator_utils_1 = require("../../utils/validator.utils");
-const Icon_1 = require("../Icon/Icon");
-require("./Checkbox.css");
-const CheckboxLabel = ({ children }) => React.createElement("div", { className: "checkbox-label" }, children);
-exports.CheckboxLabel = CheckboxLabel;
-const CheckboxCaption = ({ children }) => React.createElement("div", { className: "checkbox-caption" }, children);
-exports.CheckboxCaption = CheckboxCaption;
-const Checkbox = ({ children, checked, onChange }) => {
-    const labelElement = react_1.Children.toArray(children).find(c => (0, validator_utils_1.isSuiteElement)(c, 'CheckboxLabel'));
-    const captionElement = react_1.Children.toArray(children).find(c => (0, validator_utils_1.isSuiteElement)(c, 'CheckboxCaption'));
-    // #########
-    // Rendering
-    return (React.createElement("div", { className: "checkbox", onClick: () => onChange(!checked) },
-        React.createElement("div", { className: "checkbox-box" },
-            checked && React.createElement(Icon_1.Icon, { name: "square-check-filled" }),
-            !checked && React.createElement(Icon_1.Icon, { name: "square" })),
-        React.createElement("div", { className: `checkbox-container ${captionElement ? 'checkbox-container--with-caption' : ''}` },
-            labelElement,
-            captionElement)));
-};
-exports.Checkbox = Checkbox;
-//# sourceMappingURL=Checkbox.js.map

package/lib/components/Checkbox/Checkbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,iCAAoD;AACpD,iEAA6D;AAC7D,uCAAoC;AAEpC,0BAAwB;AAEjB,MAAM,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAqB,EAAE,EAAE,CAAC,6BAAK,SAAS,EAAC,gBAAgB,IAAE,QAAQ,CAAO,CAAC;AAAtG,QAAA,aAAa,iBAAyF;AAC5G,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAAqB,EAAE,EAAE,CAAC,6BAAK,SAAS,EAAC,kBAAkB,IAAE,QAAQ,CAAO,CAAC;AAA1G,QAAA,eAAe,mBAA2F;AAEhH,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAoC,EAAE,EAAE;IAC5F,MAAM,YAAY,GAAG,gBAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,IAAA,gCAAc,EAAC,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC;IAC9F,MAAM,cAAc,GAAG,gBAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,IAAA,gCAAc,EAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAElG,YAAY;IACZ,YAAY;IACZ,OAAO,CACL,6BAAK,SAAS,EAAC,UAAU,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC;QACzD,6BAAK,SAAS,EAAC,cAAc;YAC1B,OAAO,IAAI,oBAAC,WAAI,IAAC,IAAI,EAAC,qBAAqB,GAAG;YAC9C,CAAC,OAAO,IAAI,oBAAC,WAAI,IAAC,IAAI,EAAC,QAAQ,GAAG,CAC/B;QAEN,6BAAK,SAAS,EAAE,sBAAsB,cAAc,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,CAAC,EAAE,EAAE;YAC7F,YAAY;YACZ,cAAc,CACX,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAnBW,QAAA,QAAQ,YAmBnB"}

package/lib/components/Checkbox/Checkbox.types.d.ts

@@ -1,4 +0,0 @@
-export type CheckboxProps = {
-    checked?: boolean;
-    onChange: (value: boolean) => void;
-};

package/lib/components/Checkbox/Checkbox.types.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=Checkbox.types.js.map

package/lib/components/Checkbox/Checkbox.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.types.js","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.types.ts"],"names":[],"mappings":""}

package/lib/components/Checkbox/__stories__/Checkbox.stories.mdx

@@ -1,43 +0,0 @@
-import React from 'react';
-import { ArgsTable, Canvas, Meta, Story } from '@storybook/blocks';
-import { Checkbox, CheckboxLabel, CheckboxCaption } from '../Checkbox';
-
-<Meta title="Components/Checkbox" />
-
-export const checkboxArgTypes = {
-  checked: {
-    control: 'boolean',
-    description: 'State of the checkbox.',
-    table: { defaultValue: { summary: 'false' } },
-  },
-};
-
-# Checkbox
-
-Checkboxes are applied when users can select all, several, or none of the options from a given list.
-
-## Overview
-
-<Canvas>
-  <Story
-    name="Overview"
-    args={{
-      children: [
-        <CheckboxLabel>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</CheckboxLabel>,
-        <CheckboxCaption>
-          Auctor nisl justo, sed posuere est dignissim nec. Integer ultricies, metus ac imperdiet ullamcorper, est justo
-          viverra nisl, in posuere dui urna eget quam.
-        </CheckboxCaption>,
-      ],
-      checked: false,
-      onChange: () => {},
-    }}
-    argTypes={checkboxArgTypes}
-  >
-    {args => <Checkbox {...args}>{args.children}</Checkbox>}
-  </Story>
-</Canvas>
-
-## Props
-
-<ArgsTable story="Overview" of={Checkbox} />

package/lib/components/Icon/Icon.css

@@ -1,26 +0,0 @@
-.icon--16 {
-  width: 16px;
-  height: 16px;
-}
-.icon--20 {
-  width: 20px;
-  height: 20px;
-}
-.icon--24 {
-  width: 24px;
-  height: 24px;
-}
-.icon svg {
-  width: 100%;
-  height: 100%;
-}
-
-/* ######### */
-/* GLOBALS   */
-* {
-  font-size: 14px;
-  outline: none;
-  box-sizing: border-box;
-  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans',
-    'Helvetica Neue', sans-serif;
-}

package/lib/components/Icon/Icon.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { IconProps } from './Icon.types';
-import './Icon.css';
-export declare const Icon: ({ name, size }: IconProps) => React.JSX.Element;

package/lib/components/Icon/Icon.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Icon = void 0;
-const React = require("react");
-const icons_1 = require("./icons");
-require("./Icon.css");
-const Icon = ({ name, size = '20' }) => {
-    const icon = icons_1.icons[name];
-    // #########
-    // Rendering
-    if (!icon)
-        return React.createElement(React.Fragment, null);
-    return React.createElement("div", { className: `icon icon--${size}`, dangerouslySetInnerHTML: { __html: icon } });
-};
-exports.Icon = Icon;
-//# sourceMappingURL=Icon.js.map

package/lib/components/Icon/Icon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAE/B,mCAAgC;AAChC,sBAAoB;AAEb,MAAM,IAAI,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,GAAG,IAAI,EAAa,EAAE,EAAE;IACvD,MAAM,IAAI,GAAG,aAAK,CAAC,IAAI,CAAC,CAAC;IAEzB,YAAY;IACZ,YAAY;IACZ,IAAI,CAAC,IAAI;QAAE,OAAO,yCAAK,CAAC;IACxB,OAAO,6BAAK,SAAS,EAAE,cAAc,IAAI,EAAE,EAAE,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,GAAI,CAAC;AAC7F,CAAC,CAAC;AAPW,QAAA,IAAI,QAOf"}

package/lib/components/Icon/Icon.types.d.ts

@@ -1,4 +0,0 @@
-export type IconProps = {
-    name: string;
-    size?: '16' | '20' | '24';
-};

package/lib/components/Icon/Icon.types.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=Icon.types.js.map

package/lib/components/Icon/Icon.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Icon.types.js","sourceRoot":"","sources":["../../../src/components/Icon/Icon.types.ts"],"names":[],"mappings":""}

package/lib/components/Icon/__stories__/Icon.stories.mdx

@@ -1,86 +0,0 @@
-import React from 'react';
-import { ArgsTable, Canvas, Meta, Story } from '@storybook/blocks';
-import { Icon } from '../Icon';
-import { icons } from '../icons';
-
-<Meta title="Guidelines/Iconography" />
-
-<style>
-  {`
-    .icons {
-      display: flex;
-      flex-wrap: wrap;
-      margin-top: 20px;
-    }
-    .icon-container {
-      display: flex;
-      flex-direction: column;
-      width: 140px;
-      height: 110px;
-      margin: 0 10px 10px 0;
-      box-shadow: rgba(0, 0, 0, 0.10) 0 1px 3px 0;
-      border: 1px solid hsla(203, 50%, 30%, 0.15);
-      border-radius: 5px;
-      color: #27272a;
-      overflow: hidden;
-    }
-    .icon {
-      display: flex;
-      flex: 1;
-      align-items: center;
-      justify-content: center;
-    }
-    .icon-label {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      height: 30px;
-      border-top: 1px solid hsla(203, 50%, 30%, 0.15);
-      background: #fafafa;
-      font-size: 13px;
-    }
-  `}
-</style>
-
-export const iconArgTypes = {
-  name: {
-    control: 'select',
-    options: Object.keys(icons),
-    description: 'Name of an icon.',
-  },
-  size: {
-    control: 'inline-radio',
-    options: ['16', '20', '24'],
-    description: 'Define the size of an icon.',
-    table: { defaultValue: { summary: '20' } },
-  },
-};
-
-# Iconography
-
-Icons are visual symbols used to represent ideas, objects or actions. They communicate messages at a glance, allow interactivity and draw attention to important information.
-
-## Overview
-
-<Canvas>
-  <Story name="Overview" args={{ name: 'heart', size: '20' }} argTypes={iconArgTypes}>
-    {args => <Icon {...args} />}
-  </Story>
-</Canvas>
-
-## Props
-
-<ArgsTable story="Overview" of={Icon} />
-
-## Icons
-
-<div className="icons">
-  {Object.keys(icons).map(icon => (
-    <div className="icon-container" key={icon}>
-      <div className="icon">
-        <Icon name={icon} />
-      </div>
-      <div className="icon-label">{icon}</div>
-    </div>
-  ))}
-</div>

package/lib/components/Icon/icons/accessibility-fill.svg

@@ -1 +0,0 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 6C10.8954 6 9.99999 6.89543 9.99999 8C9.99999 9.10457 10.8954 10 12 10C13.1046 10 14 9.10457 14 8C14 6.89543 13.1046 6 12 6ZM7.02985 10.7575C7.1638 10.2217 7.70673 9.89591 8.24253 10.0299L12 10.9692L15.7575 10.0299C16.2933 9.89591 16.8362 10.2217 16.9701 10.7575C17.1041 11.2933 16.7783 11.8362 16.2425 11.9701L13.0721 12.7628L15.8 16.4C16.1314 16.8418 16.0418 17.4686 15.6 17.8C15.1582 18.1314 14.5314 18.0418 14.2 17.6L12 14.6667L9.79999 17.6C9.46862 18.0418 8.84182 18.1314 8.39999 17.8C7.95816 17.4686 7.86862 16.8418 8.19999 16.4L10.9279 12.7628L7.75746 11.9701C7.22166 11.8362 6.8959 11.2933 7.02985 10.7575Z"/></svg>

package/lib/components/Icon/icons/accessibility-line.svg

@@ -1 +0,0 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 12C2 17.523 6.477 22 12 22C17.523 22 22 17.523 22 12C22 6.477 17.523 2 12 2C6.477 2 2 6.477 2 12ZM20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12ZM10 8C10 6.89543 10.8954 6 12 6C13.1046 6 14 6.89543 14 8C14 9.10457 13.1046 10 12 10C10.8954 10 10 9.10457 10 8ZM8.24254 10.0299C7.70674 9.89591 7.16381 10.2217 7.02986 10.7575C6.89591 11.2933 7.22167 11.8362 7.75746 11.9701L10.9279 12.7628L8.2 16.4C7.86863 16.8418 7.95817 17.4686 8.4 17.8C8.84183 18.1314 9.46863 18.0418 9.8 17.6L12 14.6667L14.2 17.6C14.5314 18.0418 15.1582 18.1314 15.6 17.8C16.0418 17.4686 16.1314 16.8418 15.8 16.4L13.0721 12.7628L16.2425 11.9701C16.7783 11.8362 17.1041 11.2933 16.9701 10.7575C16.8362 10.2217 16.2933 9.89591 15.7575 10.0299L12 10.9692L8.24254 10.0299Z"/></svg>

package/lib/components/Icon/icons/add-circle-fill.svg

@@ -1 +0,0 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM11 11H7V13H11V17H13V13H17V11H13V7H11V11Z"/></svg>

package/lib/components/Icon/icons/add-circle-line.svg

@@ -1 +0,0 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M11 11V7H13V11H17V13H13V17H11V13H7V11H11ZM12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20Z"/></svg>

package/lib/components/Icon/icons/add-fill.svg

@@ -1 +0,0 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M11 11V5H13V11H19V13H13V19H11V13H5V11H11Z"/></svg>

package/lib/components/Icon/icons/add-line.svg

@@ -1 +0,0 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M11 11V5H13V11H19V13H13V19H11V13H5V11H11Z"/></svg>

package/lib/components/Icon/icons/alert-fill.svg

@@ -1 +0,0 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12.392 3.49996L21.918 20C22.0057 20.152 22.0519 20.3244 22.0519 20.5C22.052 20.6755 22.0057 20.8479 21.918 20.9999C21.8302 21.152 21.704 21.2782 21.552 21.366C21.4 21.4537 21.2275 21.5 21.052 21.5H1.99997C1.82444 21.5 1.652 21.4537 1.49998 21.366C1.34797 21.2782 1.22173 21.152 1.13397 20.9999C1.0462 20.8479 0.999999 20.6755 1 20.5C1 20.3244 1.04621 20.152 1.13397 20L10.66 3.49996C10.7477 3.34795 10.874 3.22172 11.026 3.13396C11.178 3.0462 11.3504 3 11.526 3C11.7015 3 11.8739 3.0462 12.026 3.13396C12.178 3.22172 12.3042 3.34795 12.392 3.49996ZM10.526 16.5V18.5H12.526V16.5H10.526ZM10.526 9.49996V14.5H12.526V9.49996H10.526Z"/></svg>

package/lib/components/Icon/icons/alert-line.svg

@@ -1 +0,0 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M21.918 20L12.392 3.49996C12.2133 3.19058 11.8832 3 11.526 3C11.1687 3 10.8386 3.19058 10.66 3.49996L1.13397 20C0.955344 20.3094 0.955342 20.6905 1.13397 20.9999C1.31259 21.3093 1.64271 21.4999 1.99997 21.5H21.052C21.4092 21.4999 21.7394 21.3093 21.918 20.9999C22.0966 20.6905 22.0966 20.3094 21.918 20ZM19.32 19.5H3.73197L11.526 5.99996L19.32 19.5ZM12.526 16.5V18.5H10.526V16.5H12.526ZM12.526 9.49996H10.526V14.5H12.526V9.49996Z"/></svg>

package/lib/components/Icon/icons/align-bottom-fill.svg

@@ -1 +0,0 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3 19H21V21H3V19ZM8 13H11L7 17L3 13H6V3H8V13ZM18 13H21L17 17L13 13H16V3H18V13Z"/></svg>

package/lib/components/Icon/icons/align-bottom-line.svg

@@ -1 +0,0 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3 19H21V21H3V19ZM8 13H11L7 17L3 13H6V3H8V13ZM18 13H21L17 17L13 13H16V3H18V13Z"/></svg>

package/lib/components/Icon/icons/align-center-fill.svg

@@ -1 +0,0 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3 4H21V6H3V4ZM5 19H19V21H5V19ZM3 14H21V16H3V14ZM5 9H19V11H5V9Z"/></svg>

package/lib/components/Icon/icons/align-center-line.svg

@@ -1 +0,0 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3 4H21V6H3V4ZM5 19H19V21H5V19ZM3 14H21V16H3V14ZM5 9H19V11H5V9Z"/></svg>

package/lib/components/Icon/icons/align-left-fill.svg

@@ -1 +0,0 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3 4H21V6H3V4ZM3 19H17V21H3V19ZM3 14H21V16H3V14ZM3 9H17V11H3V9Z"/></svg>

package/lib/components/Icon/icons/align-left-line.svg

@@ -1 +0,0 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3 4H21V6H3V4ZM3 19H17V21H3V19ZM3 14H21V16H3V14ZM3 9H17V11H3V9Z"/></svg>

package/lib/components/Icon/icons/align-right-fill.svg

@@ -1 +0,0 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3 4H21V6H3V4ZM7 19H21V21H7V19ZM3 14H21V16H3V14ZM7 9H21V11H7V9Z"/></svg>

package/lib/components/Icon/icons/align-right-line.svg

@@ -1 +0,0 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3 4H21V6H3V4ZM7 19H21V21H7V19ZM3 14H21V16H3V14ZM7 9H21V11H7V9Z"/></svg>

package/lib/components/Icon/icons/align-top-fill.svg

@@ -1 +0,0 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3 3H21V5H3V3ZM8 11V21H6V11H3L7 7L11 11H8ZM18 11V21H16V11H13L17 7L21 11H18Z"/></svg>

package/lib/components/Icon/icons/align-top-line.svg

@@ -1 +0,0 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3 3H21V5H3V3ZM8 11V21H6V11H3L7 7L11 11H8ZM18 11V21H16V11H13L17 7L21 11H18Z"/></svg>

package/lib/components/Icon/icons/align-vertically-fill.svg

@@ -1 +0,0 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3 11H21V13H3V11ZM18 18V21H16V18H13L17 14L21 18H18ZM8 18V21H6V18H3L7 14L11 18H8ZM18 6H21L17 10L13 6H16V3H18V6ZM8 6H11L7 10L3 6H6V3H8V6Z"/></svg>

package/lib/components/Icon/icons/align-vertically-line.svg

@@ -1 +0,0 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3 11H21V13H3V11ZM18 18V21H16V18H13L17 14L21 18H18ZM8 18V21H6V18H3L7 14L11 18H8ZM18 6H21L17 10L13 6H16V3H18V6ZM8 6H11L7 10L3 6H6V3H8V6Z"/></svg>

package/lib/components/Icon/icons/amazon-fill.svg

@@ -1 +0,0 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M21.9961 18.23C21.9961 18.957 21.5911 20.357 20.6821 21.126C20.5001 21.266 20.3171 21.187 20.3971 20.983C20.6621 20.335 21.2691 18.836 20.9841 18.491C20.7841 18.229 19.9541 18.248 19.2461 18.309C18.9221 18.35 18.6391 18.369 18.4181 18.414C18.2151 18.431 18.1731 18.251 18.3771 18.111C18.6391 17.926 18.9221 17.786 19.2471 17.683C20.3971 17.339 21.7271 17.546 21.9171 17.766C21.9531 17.808 21.9971 17.926 21.9971 18.229L21.9961 18.23ZM20.0751 19.524C19.811 19.7257 19.5337 19.9094 19.2451 20.074C17.1231 21.349 14.3751 22.017 11.9871 22.017C8.14405 22.017 4.70705 20.6 2.09905 18.229C1.87605 18.047 2.06105 17.783 2.32205 17.926C5.13205 19.566 8.61005 20.558 12.2111 20.558C14.4761 20.558 16.9191 20.134 19.2461 19.222C19.4081 19.161 19.5901 19.078 19.7491 19.02C20.1161 18.855 20.4391 19.263 20.0751 19.524ZM13.9051 8.494C13.9051 7.453 13.9461 6.84 13.6011 6.314C13.2951 5.881 12.7681 5.621 12.0331 5.662C11.2351 5.706 10.3781 6.229 10.1591 7.188C10.1171 7.408 9.98805 7.624 9.72305 7.671L7.28705 7.361C7.11305 7.321 6.84905 7.188 6.93505 6.84C7.45805 4.088 9.81005 3.129 12.0331 3H12.5561C13.7761 3 15.3431 3.349 16.3461 4.264C17.5631 5.4 17.4341 6.926 17.4341 8.584V12.511C17.4341 13.689 17.9111 14.211 18.3921 14.825C18.5221 15.044 18.5661 15.302 18.3471 15.48C17.8671 15.915 16.9531 16.699 16.4301 17.134C16.2561 17.267 15.9421 17.281 15.8201 17.179C15.0501 16.534 14.8621 16.176 14.3851 15.521C13.5551 16.392 12.8591 16.873 12.0301 17.134C11.4471 17.282 10.8475 17.3546 10.2461 17.35C8.15605 17.35 6.50005 16.047 6.50005 13.47C6.50005 11.421 7.59005 10.028 9.20005 9.369C10.8101 8.709 13.1501 8.499 13.9041 8.495L13.9051 8.494ZM13.4271 13.686C13.9471 12.814 13.9041 12.1 13.9041 10.501C13.2531 10.501 12.5981 10.546 12.0331 10.679C10.9881 10.982 10.1591 11.64 10.1591 13.034C10.1591 14.124 10.7261 14.866 11.6841 14.866C11.8161 14.866 11.9321 14.85 12.0331 14.821C12.7031 14.635 13.1211 14.299 13.4271 13.686Z"/></svg>

package/lib/components/Icon/icons/amazon-line.svg

@@ -1 +0,0 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11 17.004C12.897 17.004 14.518 16.239 15.625 14.62L15.626 14.621C16.054 15.694 16.284 16.091 16.807 16.743L18.367 15.492C17.969 14.996 17.839 14.771 17.483 13.879C17.163 13.078 17 10.971 17 8.32199C17 5.47799 15.103 3.29999 12.5 3.29999C10.193 3.29999 8.44199 4.60399 7.55499 7.17399L9.44499 7.82599C10.06 6.04699 11.063 5.29999 12.5 5.29999C13.932 5.29999 15 6.52599 15 8.32199V8.53699L14.862 8.54699C13.565 8.64299 13.316 8.66399 12.715 8.73699C9.34699 9.14999 7.32199 10.272 7.00699 12.88C6.72399 15.231 8.69599 17.004 11 17.004ZM20.728 20.105C20.515 20.626 20.986 20.745 21.257 20.545C22.218 19.834 22.782 17.796 22.417 17.266C22.252 17.028 20.897 16.839 19.747 17.183C19.4354 17.2769 19.1415 17.4215 18.877 17.611C18.675 17.754 18.764 18.064 18.968 18.051C19.0771 18.0438 19.1767 18.0316 19.2806 18.0187C19.4671 17.9957 19.6676 17.971 19.963 17.971C20.523 17.971 20.78 18.098 20.99 18.353C21.275 18.697 20.993 19.457 20.728 20.105ZM20.075 19.461C19.8153 19.7122 19.5379 19.9445 19.245 20.156C17.123 21.772 14.375 22.616 11.987 22.616C8.14399 22.616 4.70699 20.823 2.09899 17.821C1.87599 17.591 2.06099 17.255 2.32199 17.437C5.13199 19.514 8.60999 20.77 12.211 20.77C14.476 20.77 16.919 20.233 19.246 19.077C19.326 19.0394 19.4109 18.9951 19.4955 18.9509C19.5822 18.9056 19.6685 18.8604 19.749 18.823C20.116 18.613 20.439 19.129 20.075 19.461ZM12.958 10.722C13.514 10.654 13.752 10.635 15.01 10.541H15.022C14.517 13.776 13.039 15.004 11 15.004C9.80299 15.004 8.86699 14.163 8.99299 13.12C9.16099 11.725 10.406 11.035 12.958 10.722Z"/></svg>

package/lib/components/Icon/icons/android-fill.svg

@@ -1 +0,0 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.382 3.96801C7.97574 2.69108 9.9578 1.99676 12 2.00001C14.125 2.00001 16.078 2.73601 17.618 3.96801L19.071 2.51501L20.485 3.92901L19.032 5.38201C20.3089 6.97575 21.0033 8.95782 21 11V12H3V11C3 8.87501 3.736 6.92201 4.968 5.38201L3.515 3.93001L4.929 2.51601L6.382 3.96901V3.96801ZM3 14H21V21C21 21.2652 20.8946 21.5196 20.7071 21.7071C20.5196 21.8947 20.2652 22 20 22H4C3.73478 22 3.48043 21.8947 3.29289 21.7071C3.10536 21.5196 3 21.2652 3 21V14ZM9 9.00001C9.26522 9.00001 9.51957 8.89465 9.70711 8.70712C9.89464 8.51958 10 8.26523 10 8.00001C10 7.7348 9.89464 7.48044 9.70711 7.2929C9.51957 7.10537 9.26522 7.00001 9 7.00001C8.73478 7.00001 8.48043 7.10537 8.29289 7.2929C8.10536 7.48044 8 7.7348 8 8.00001C8 8.26523 8.10536 8.51958 8.29289 8.70712C8.48043 8.89465 8.73478 9.00001 9 9.00001ZM15 9.00001C15.2652 9.00001 15.5196 8.89465 15.7071 8.70712C15.8946 8.51958 16 8.26523 16 8.00001C16 7.7348 15.8946 7.48044 15.7071 7.2929C15.5196 7.10537 15.2652 7.00001 15 7.00001C14.7348 7.00001 14.4804 7.10537 14.2929 7.2929C14.1054 7.48044 14 7.7348 14 8.00001C14 8.26523 14.1054 8.51958 14.2929 8.70712C14.4804 8.89465 14.7348 9.00001 15 9.00001Z"/></svg>

package/lib/components/Icon/icons/android-line.svg

@@ -1 +0,0 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M19 13H5V20H19V13ZM19 11C19 9.1435 18.2625 7.36302 16.9497 6.05026C15.637 4.73751 13.8565 4.00001 12 4.00001C10.1435 4.00001 8.36301 4.73751 7.05025 6.05026C5.7375 7.36302 5 9.1435 5 11H19ZM6.382 3.96801C7.97574 2.69108 9.9578 1.99676 12 2.00001C14.125 2.00001 16.078 2.73601 17.618 3.96801L19.071 2.51501L20.485 3.92901L19.032 5.38201C20.3089 6.97575 21.0033 8.95782 21 11V21C21 21.2652 20.8946 21.5196 20.7071 21.7071C20.5196 21.8947 20.2652 22 20 22H4C3.73478 22 3.48043 21.8947 3.29289 21.7071C3.10536 21.5196 3 21.2652 3 21V11C3 8.87501 3.736 6.92201 4.968 5.38201L3.515 3.93001L4.929 2.51601L6.382 3.96901V3.96801ZM9 9.00001C8.73478 9.00001 8.48043 8.89465 8.29289 8.70712C8.10536 8.51958 8 8.26523 8 8.00001C8 7.7348 8.10536 7.48044 8.29289 7.2929C8.48043 7.10537 8.73478 7.00001 9 7.00001C9.26522 7.00001 9.51957 7.10537 9.70711 7.2929C9.89464 7.48044 10 7.7348 10 8.00001C10 8.26523 9.89464 8.51958 9.70711 8.70712C9.51957 8.89465 9.26522 9.00001 9 9.00001ZM15 9.00001C14.7348 9.00001 14.4804 8.89465 14.2929 8.70712C14.1054 8.51958 14 8.26523 14 8.00001C14 7.7348 14.1054 7.48044 14.2929 7.2929C14.4804 7.10537 14.7348 7.00001 15 7.00001C15.2652 7.00001 15.5196 7.10537 15.7071 7.2929C15.8946 7.48044 16 7.7348 16 8.00001C16 8.26523 15.8946 8.51958 15.7071 8.70712C15.5196 8.89465 15.2652 9.00001 15 9.00001Z"/></svg>

package/lib/components/Icon/icons/apple-fill.svg

@@ -1 +0,0 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.8959 0.850006C16.0399 2.14601 15.5239 3.45401 14.7439 4.39001C13.9639 5.32601 12.6919 6.05801 11.4559 5.96201C11.2879 4.69001 11.9119 3.35801 12.6319 2.53001C13.4359 1.59401 14.7799 0.898006 15.8959 0.850006ZM10.2541 6.82838C10.7783 7.03643 11.2458 7.22201 11.6239 7.22201C11.9561 7.22201 12.3894 7.05171 12.902 6.85026C13.7226 6.52775 14.7465 6.12537 15.8839 6.21401C16.5919 6.26201 18.6199 6.47801 19.9399 8.41001C19.8319 8.47001 17.5159 9.81401 17.5399 12.622C17.5759 15.982 20.4799 17.098 20.5159 17.11C20.4919 17.194 20.0479 18.706 18.9799 20.266C18.0559 21.622 17.0959 22.966 15.5839 22.99C14.8537 23.0077 14.3662 22.797 13.8591 22.5779C13.3329 22.3505 12.7856 22.114 11.9239 22.114C11.0083 22.114 10.4323 22.36 9.87741 22.5969C9.39962 22.8009 8.93754 22.9982 8.28794 23.026C6.82394 23.074 5.71994 21.562 4.78394 20.218C2.87594 17.458 1.42394 12.442 3.37994 9.04601C4.35194 7.35401 6.07994 6.28601 7.96394 6.26201C8.77554 6.24155 9.56389 6.55444 10.2541 6.82838Z"/></svg>