@dktunited-techoff/techoff-suite-ui 0.8.5 → 0.8.7

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,88 +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)
-    .filter(icon => !icon.startsWith('header-'))
-    .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/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/arrow-back.svg

@@ -1 +0,0 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M5.828 6.99999L8.364 9.53599L6.95 10.95L2 5.99999L6.95 1.04999L8.364 2.46399L5.828 4.99999H13C17.4183 4.99999 21 8.58171 21 13C21 17.4183 17.4183 21 13 21H4V19H13C16.3137 19 19 16.3137 19 13C19 9.68628 16.3137 6.99999 13 6.99999H5.828Z"/></svg>

package/lib/components/Icon/icons/arrow-down.svg

@@ -1 +0,0 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M13 16.172L18.364 10.808L19.778 12.222L12 20L4.22198 12.222L5.63598 10.808L11 16.172V4H13V16.172Z"/></svg>

package/lib/components/Icon/icons/arrow-left.svg

@@ -1 +0,0 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M7.828 11H20V13H7.828L13.192 18.364L11.778 19.778L4 12L11.778 4.22198L13.192 5.63598L7.828 11Z"/></svg>

package/lib/components/Icon/icons/arrow-right-.svg

@@ -1 +0,0 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M16.172 11L10.808 5.63598L12.222 4.22198L20 12L12.222 19.778L10.808 18.364L16.172 13H4V11H16.172Z"/></svg>

package/lib/components/Icon/icons/arrow-up.svg

@@ -1 +0,0 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M13 7.828V20H11V7.828L5.63605 13.192L4.22205 11.778L12 4L19.778 11.778L18.364 13.192L13 7.828Z"/></svg>

package/lib/components/Icon/icons/arrows-up-down.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="M10.486 9.364L11.9 7.95L6.95 3L2 7.95L3.415 9.364L5.95 6.828V20H7.95V6.828L10.486 9.364ZM16.95 21L21.9 16.05L20.486 14.636L17.95 17.172V4H15.95L15.951 17.172L13.414 14.636L12 16.05L16.95 21Z"/></svg>

package/lib/components/Icon/icons/check-circle-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="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 12ZM18.073 8.929L11.003 16L6.76 11.757L8.174 10.343L11.003 13.172L16.659 7.515L18.073 8.929Z"/></svg>

package/lib/components/Icon/icons/check-circle.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 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM6.76 11.757L11.003 16L18.074 8.929L16.659 7.515L11.003 13.172L8.174 10.343L6.76 11.757Z"/></svg>

package/lib/components/Icon/icons/check.svg

@@ -1 +0,0 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M9.99999 15.172L19.192 5.979L20.607 7.393L9.99999 18L3.63599 11.636L5.04999 10.222L9.99999 15.172Z"/></svg>

package/lib/components/Icon/icons/chevron-down.svg

@@ -1 +0,0 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 13.172L16.95 8.22198L18.364 9.63598L12 16L5.63599 9.63598L7.04999 8.22198L12 13.172Z"/></svg>

package/lib/components/Icon/icons/chevron-left.svg

@@ -1 +0,0 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.828 12L15.778 16.95L14.364 18.364L8 12L14.364 5.63599L15.778 7.04999L10.828 12Z"/></svg>

package/lib/components/Icon/icons/chevron-right.svg

@@ -1 +0,0 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M13.172 12L8.22205 7.04999L9.63605 5.63599L16 12L9.63605 18.364L8.22205 16.95L13.172 12Z"/></svg>

package/lib/components/Icon/icons/chevron-up.svg

@@ -1 +0,0 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 10.828L7.04999 15.778L5.63599 14.364L12 8L18.364 14.364L16.95 15.778L12 10.828Z"/></svg>

package/lib/components/Icon/icons/circle.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="M20 3H4C3.44772 3 3 3.44772 3 4V20C3 20.5523 3.44772 21 4 21H20C20.5523 21 21 20.5523 21 20V4C21 3.44772 20.5523 3 20 3ZM5 19V5H19V19H5Z"/></svg>

package/lib/components/Icon/icons/dots-vertical.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.5 3C11.675 3 11 3.675 11 4.5C11 5.325 11.675 6 12.5 6C13.325 6 14 5.325 14 4.5C14 3.675 13.325 3 12.5 3ZM12.5 18C11.675 18 11 18.675 11 19.5C11 20.325 11.675 21 12.5 21C13.325 21 14 20.325 14 19.5C14 18.675 13.325 18 12.5 18ZM11 12C11 11.175 11.675 10.5 12.5 10.5C13.325 10.5 14 11.175 14 12C14 12.825 13.325 13.5 12.5 13.5C11.675 13.5 11 12.825 11 12Z"/></svg>

package/lib/components/Icon/icons/download.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="M19.071 7.1L13 13.172V2H11V13.17L4.929 7.1L3.515 8.515L12 17L20.485 8.514L19.071 7.1ZM21 21V19H3V21H21Z"/></svg>

package/lib/components/Icon/icons/edit.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="M7.243 18H3V13.757L14.435 2.322C14.8255 1.93162 15.4585 1.93162 15.849 2.322L18.678 5.151C19.0684 5.5415 19.0684 6.1745 18.678 6.565L7.243 18ZM6.414 16L16.556 5.858L15.142 4.444L5 14.586V16H6.414ZM21 20H3V22H21V20Z"/></svg>

package/lib/components/Icon/icons/external-link.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="M19 11H21V3H13V5H17.585L9.793 12.793L11.207 14.207L19 6.413V11ZM5 8H10V6H4C3.44772 6 3 6.44772 3 7V20C3 20.5523 3.44772 21 4 21H17C17.5523 21 18 20.5523 18 20V14H16V19H5V8Z"/></svg>

package/lib/components/Icon/icons/filter-off.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="M6.929 1L21.07 15.142L19.656 16.556L15.833 12.734L15 13.985V22.485H9V13.985L4 6.485H3V4.485H7.585L5.515 2.414L6.929 1ZM9.585 6.485H6.404L11 13.379V20.485H13V13.379L14.392 11.292L9.585 6.485ZM21 6.485V4.485H13.213L15.213 6.485H17.596L16.643 7.914L18.085 9.357L20 6.485H21Z"/></svg>

package/lib/components/Icon/icons/filter.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 5V3H3V5H4L9 12.5V21H15V12.5L20 5H21ZM11 11.894L6.404 5H17.596L13 11.894V19H11V11.894Z"/></svg>

package/lib/components/Icon/icons/header-bikestudio.svg

@@ -1,32 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 27.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 238.9 17.2" style="enable-background:new 0 0 238.9 17.2;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:#152C47;}
-	.st1{font-family:'Montserrat-Medium';}
-	.st2{font-size:24px;}
-	.st3{font-family:'Roboto-Light';}
-	.st4{font-size:11px;}
-	.st5{fill:#020203;}
-	.st6{fill:#0D84C5;}
-	.st7{fill:#FFFFFF;}
-</style>
-<text transform="matrix(1 0 0 1 -2.52 16.9922)" class="st0 st1 st2">BIKESTUDIO</text>
-<text transform="matrix(1 0 0 1 165.1359 17.0155)" class="st3 st4">BY</text>
-<path class="st5" d="M202.2,10.3c-0.5-0.6-1.3-0.9-2.2-0.9c-1.6,0-2.8,1.2-2.8,2.8s1.2,2.8,2.8,2.8c0.9,0,1.7-0.4,2.2-1.1l1.4,1.3
-	c-0.9,1.1-2.1,1.7-3.6,1.7c-2.8,0-4.8-2-4.8-4.8s2-4.8,4.8-4.8c1.4,0,2.7,0.5,3.6,1.5L202.2,10.3z"/>
-<polygon class="st5" points="188.2,7.7 194.1,7.7 194.1,9.5 190.2,9.5 190.2,11.4 193.6,11.4 193.6,13.2 190.2,13.2 190.2,15.2 
-	194.1,15.2 194.1,17 188.2,17 "/>
-<polygon class="st5" points="226.7,7.5 232.2,7.5 232.2,9.4 228.6,9.4 228.6,11.7 231.7,11.7 231.7,13.5 228.6,13.5 228.6,16.9 
-	226.7,16.9 "/>
-<polygon class="st5" points="233.3,7.5 238.9,7.5 238.9,9.4 235.3,9.4 235.3,11.7 238.4,11.7 238.4,13.5 235.3,13.5 235.3,16.9 
-	233.3,16.9 "/>
-<polygon class="st5" points="210.7,13 206.7,13 206.7,16.9 204.8,16.9 204.8,7.5 206.7,7.5 206.7,11.1 210.7,11.1 210.7,7.5 
-	212.7,7.5 212.7,16.9 210.7,16.9 "/>
-<polygon class="st5" points="180,7.7 187.1,7.7 187.1,9.6 184.6,9.6 184.6,17 182.6,17 182.6,9.6 180,9.6 "/>
-<polyline class="st5" points="213.1,8.8 214.9,6 216.9,6 215.1,8.8 213.1,8.8 "/>
-<path class="st5" d="M220.7,7.4c-2.8,0-4.8,2-4.8,4.8s2,4.8,4.8,4.8s4.8-2,4.8-4.8S223.5,7.4,220.7,7.4z"/>
-<polygon class="st6" points="216.6,12.4 222.7,8.8 222.7,15.9 "/>
-<polygon class="st7" points="220.6,17 220.5,13.6 217.7,15.4 "/>
-</svg>

package/lib/components/Icon/icons/header-nsc-helmet.svg

@@ -1,32 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 27.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 247.3 17" style="enable-background:new 0 0 247.3 17;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:#152C47;}
-	.st1{font-family:'Montserrat-Medium';}
-	.st2{font-size:24px;}
-	.st3{font-family:'Roboto-Light';}
-	.st4{font-size:11px;}
-	.st5{fill:#020203;}
-	.st6{fill:#0D84C5;}
-	.st7{fill:#FFFFFF;}
-</style>
-<text transform="matrix(1 0 0 1 -2.52 16.8017)" class="st0 st1 st2">NSC HELMET</text>
-<text transform="matrix(1 0 0 1 173.496 16.8009)" class="st3 st4">BY</text>
-<path class="st5" d="M210.6,10.1c-0.5-0.6-1.3-0.9-2.2-0.9c-1.6,0-2.8,1.2-2.8,2.8s1.2,2.8,2.8,2.8c0.9,0,1.7-0.4,2.2-1.1L212,15
-	c-0.9,1.1-2.1,1.7-3.6,1.7c-2.8,0-4.8-2-4.8-4.8s2-4.8,4.8-4.8c1.4,0,2.7,0.5,3.6,1.5L210.6,10.1z"/>
-<polygon class="st5" points="196.6,7.5 202.5,7.5 202.5,9.3 198.6,9.3 198.6,11.2 202,11.2 202,13 198.6,13 198.6,15 202.5,15 
-	202.5,16.8 196.6,16.8 "/>
-<polygon class="st5" points="235.1,7.3 240.6,7.3 240.6,9.2 237,9.2 237,11.5 240.1,11.5 240.1,13.3 237,13.3 237,16.7 235.1,16.7 
-	"/>
-<polygon class="st5" points="241.7,7.3 247.3,7.3 247.3,9.2 243.7,9.2 243.7,11.5 246.8,11.5 246.8,13.3 243.7,13.3 243.7,16.7 
-	241.7,16.7 "/>
-<polygon class="st5" points="219.1,12.8 215.1,12.8 215.1,16.7 213.2,16.7 213.2,7.3 215.1,7.3 215.1,10.9 219.1,10.9 219.1,7.3 
-	221.1,7.3 221.1,16.7 219.1,16.7 "/>
-<polygon class="st5" points="188.4,7.5 195.5,7.5 195.5,9.4 193,9.4 193,16.8 191,16.8 191,9.4 188.4,9.4 "/>
-<polyline class="st5" points="221.5,8.6 223.3,5.8 225.3,5.8 223.5,8.6 221.5,8.6 "/>
-<path class="st5" d="M229.1,7.2c-2.8,0-4.8,2-4.8,4.8s2,4.8,4.8,4.8s4.8-2,4.8-4.8S231.9,7.2,229.1,7.2z"/>
-<polygon class="st6" points="225,12.2 231.1,8.6 231.1,15.7 "/>
-<polygon class="st7" points="229,16.8 228.9,13.4 226.1,15.2 "/>
-</svg>

package/lib/components/Icon/icons/header-opticost.svg

@@ -1,32 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 27.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 211.7 17.2" style="enable-background:new 0 0 211.7 17.2;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:#152C47;}
-	.st1{font-family:'Montserrat-Medium';}
-	.st2{font-size:24px;}
-	.st3{font-family:'Roboto-Light';}
-	.st4{font-size:11px;}
-	.st5{fill:#020203;}
-	.st6{fill:#0D84C5;}
-	.st7{fill:#FFFFFF;}
-</style>
-<text transform="matrix(1 0 0 1 -1.1519 16.9922)" class="st0 st1 st2">OPTICOST</text>
-<text transform="matrix(1 0 0 1 137.907 16.9861)" class="st3 st4">BY</text>
-<path class="st5" d="M175,10.3c-0.5-0.6-1.3-0.9-2.2-0.9c-1.6,0-2.8,1.2-2.8,2.8s1.2,2.8,2.8,2.8c0.9,0,1.7-0.4,2.2-1.1l1.4,1.3
-	c-0.9,1.1-2.1,1.7-3.6,1.7c-2.8,0-4.8-2-4.8-4.8s2-4.8,4.8-4.8c1.4,0,2.7,0.5,3.6,1.5L175,10.3z"/>
-<polygon class="st5" points="161,7.7 166.9,7.7 166.9,9.5 163,9.5 163,11.4 166.4,11.4 166.4,13.2 163,13.2 163,15.2 166.9,15.2 
-	166.9,17 161,17 "/>
-<polygon class="st5" points="199.5,7.5 205,7.5 205,9.4 201.4,9.4 201.4,11.7 204.5,11.7 204.5,13.5 201.4,13.5 201.4,16.9 
-	199.5,16.9 "/>
-<polygon class="st5" points="206.1,7.5 211.7,7.5 211.7,9.4 208.1,9.4 208.1,11.7 211.2,11.7 211.2,13.5 208.1,13.5 208.1,16.9 
-	206.1,16.9 "/>
-<polygon class="st5" points="183.5,13 179.5,13 179.5,16.9 177.6,16.9 177.6,7.5 179.5,7.5 179.5,11.1 183.5,11.1 183.5,7.5 
-	185.5,7.5 185.5,16.9 183.5,16.9 "/>
-<polygon class="st5" points="152.8,7.7 159.9,7.7 159.9,9.6 157.4,9.6 157.4,17 155.4,17 155.4,9.6 152.8,9.6 "/>
-<polyline class="st5" points="185.9,8.8 187.7,6 189.7,6 187.9,8.8 185.9,8.8 "/>
-<path class="st5" d="M193.5,7.4c-2.8,0-4.8,2-4.8,4.8s2,4.8,4.8,4.8s4.8-2,4.8-4.8S196.3,7.4,193.5,7.4z"/>
-<polygon class="st6" points="189.4,12.4 195.5,8.8 195.5,15.9 "/>
-<polygon class="st7" points="193.4,17 193.3,13.6 190.5,15.4 "/>
-</svg>

package/lib/components/Icon/icons/header-reparability.svg

@@ -1,32 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 27.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 357.7 16.8" style="enable-background:new 0 0 357.7 16.8;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:#152C47 !important;}
-	.st1{font-family:'Montserrat-Medium' !important;}
-	.st2{font-size:24px !important;}
-	.st3{font-family:'Roboto-Light' !important;}
-	.st4{font-size:11px !important;}
-	.st5{fill:#020203 !important;}
-	.st6{fill:#0D84C5 !important;}
-	.st7{fill:#FFFFFF !important;}
-</style>
-<text transform="matrix(1 0 0 1 -2.52 16.7998)" class="st0 st1 st2">REPAIRABILITY INDEX</text>
-<text transform="matrix(1 0 0 1 283.9413 16.7998)" class="st3 st4">BY</text>
-<path class="st5" d="M321,10.1c-0.5-0.6-1.3-0.9-2.2-0.9c-1.6,0-2.8,1.2-2.8,2.8s1.2,2.8,2.8,2.8c0.9,0,1.7-0.4,2.2-1.1l1.4,1.3
-	c-0.9,1.1-2.1,1.7-3.6,1.7c-2.8,0-4.8-2-4.8-4.8c0-2.8,2-4.8,4.8-4.8c1.4,0,2.7,0.5,3.6,1.5L321,10.1z"/>
-<polygon class="st5" points="307,7.5 312.9,7.5 312.9,9.3 309,9.3 309,11.2 312.4,11.2 312.4,13 309,13 309,15 312.9,15 312.9,16.8 
-	307,16.8 "/>
-<polygon class="st5" points="345.5,7.3 351,7.3 351,9.2 347.4,9.2 347.4,11.5 350.5,11.5 350.5,13.3 347.4,13.3 347.4,16.7 
-	345.5,16.7 "/>
-<polygon class="st5" points="352.1,7.3 357.7,7.3 357.7,9.2 354.1,9.2 354.1,11.5 357.2,11.5 357.2,13.3 354.1,13.3 354.1,16.7 
-	352.1,16.7 "/>
-<polygon class="st5" points="329.5,12.8 325.5,12.8 325.5,16.7 323.6,16.7 323.6,7.3 325.5,7.3 325.5,10.9 329.5,10.9 329.5,7.3 
-	331.5,7.3 331.5,16.7 329.5,16.7 "/>
-<polygon class="st5" points="298.8,7.5 305.9,7.5 305.9,9.4 303.4,9.4 303.4,16.8 301.4,16.8 301.4,9.4 298.8,9.4 "/>
-<polyline class="st5" points="331.9,8.6 333.7,5.8 335.7,5.8 333.9,8.6 331.9,8.6 "/>
-<path class="st5" d="M339.5,7.2c-2.8,0-4.8,2-4.8,4.8s2,4.8,4.8,4.8c2.8,0,4.8-2,4.8-4.8S342.3,7.2,339.5,7.2z"/>
-<polygon class="st6" points="335.4,12.2 341.5,8.6 341.5,15.7 "/>
-<polygon class="st7" points="339.4,16.8 339.3,13.4 336.5,15.2 "/>
-</svg>

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

@@ -1 +0,0 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M16.5 3C19.538 3 22 5.5 22 9C22 16 14.5 20 12 21.5C9.5 20 2 16 2 9C2 5.5 4.5 3 7.5 3C9.36 3 11 4 12 5C13 4 14.64 3 16.5 3Z"/></svg>

package/lib/components/Icon/icons/heart.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="M22 9C22 5.5 19.538 3 16.5 3C14.64 3 13 4 12 5C11 4 9.36 3 7.5 3C4.5 3 2 5.5 2 9C2 15.6009 8.66916 19.5341 11.5259 21.219C11.6987 21.3208 11.8575 21.4145 12 21.5C12.1425 21.4145 12.3013 21.3208 12.4741 21.219C15.3308 19.5341 22 15.6009 22 9ZM15.354 16.903C14.61 17.495 13.815 18.048 12.934 18.604C12.635 18.792 12.339 18.973 12 19.175C11.661 18.973 11.365 18.792 11.066 18.603C10.185 18.048 9.39 17.495 8.645 16.903C5.666 14.533 4 11.944 4 9C4 6.656 5.56 5 7.5 5C8.576 5 9.74 5.57 10.586 6.414L12 7.828L13.414 6.414C14.26 5.57 15.424 5 16.5 5C18.463 5 20 6.64 20 9C20 11.943 18.335 14.533 15.354 16.903Z"/></svg>

package/lib/components/Icon/icons/home.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="M4 20.6484C4 21.2006 4.44772 21.6484 5 21.6484H19C19.5523 21.6484 20 21.2006 20 20.6484V11.6484H23L12.673 2.26036C12.2915 1.91321 11.7085 1.91321 11.327 2.26036L1 11.6484H4V20.6484ZM18 9.80536V19.6484H6V9.80536L12 4.35136L18 9.80536Z"/></svg>

package/lib/components/Icon/icons/houglass.svg

@@ -1 +0,0 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 10C13.1046 10 14 9.10459 14 8.00002H10C10 9.10459 10.8954 10 12 10Z"/><path d="M12 16C10.8954 16 10 16.8954 10 18V19H14V18C14 16.8954 13.1046 16 12 16Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M18 2H6V4H7V8C7 9.6356 7.78534 11.0878 8.99952 12C7.78534 12.9122 7 14.3644 7 16V20H6V22H18V20H17V16C17 14.3644 16.2147 12.9122 15.0005 12C16.2147 11.0878 17 9.6356 17 8V4H18V2ZM12 11C13.6569 11 15 9.65685 15 8V4H9V8C9 9.65685 10.3431 11 12 11ZM15 16C15 14.3431 13.6569 13 12 13C10.3431 13 9 14.3431 9 16V20H15V16Z"/></svg>

package/lib/components/Icon/icons/in-progress.svg

@@ -1,18 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 27.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 18 18" style="enable-background:new 0 0 18 18;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:none;stroke:#4D6F56;stroke-width:2;stroke-miterlimit:10;}
-	.st1{fill:none;stroke:#B3BAC3;stroke-width:2;stroke-miterlimit:10;}
-	.st2{fill:none;stroke:#B3BAC3;stroke-width:1.7;stroke-miterlimit:10;}
-</style>
-<g>
-	<g id="XMLID_00000061439617207973343430000008849834053897756088_">
-		<path class="st0" d="M1.8,5.7C2.2,4.7,4.8,1,9,1c4,0,8,3.4,8,8c0,4.4-3.6,8-8,8c-4.4,0-8-3.6-8-8"/>
-		<path class="st1" d="M1.8,5.7C2.2,4.7,4.8,1,9,1c4,0,8,3.4,8,8c0,4.4-3.6,8-8,8c-4.4,0-8-3.6-8-8"/>
-	</g>
-	<polyline class="st1" points="5.5,5.8 1.1,5.8 1.1,1.4 	"/>
-	<polyline class="st2" points="12.2,12.2 9,9 9,4.6 	"/>
-</g>
-</svg>

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

@@ -1,3 +0,0 @@
-export declare const icons: {
-    [k: string]: string;
-};