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

package/esm/components/Icon/icons/tools.svg

@@ -1 +0,0 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M5.33003 3.27096C5.99706 3.03294 6.72061 3.00288 7.40509 3.18476C8.08957 3.36664 8.70277 3.75189 9.16368 4.28961C9.62459 4.82734 9.91152 5.49225 9.98657 6.19649C10.0616 6.90073 9.92126 7.61117 9.58403 8.23396L20.293 18.944L18.879 20.358L8.16903 9.64796C7.5461 9.98386 6.83602 10.1231 6.13236 10.0475C5.4287 9.97177 4.76448 9.68466 4.22724 9.22397C3.69 8.76327 3.30494 8.15061 3.12282 7.46673C2.9407 6.78284 2.97006 6.05982 3.20703 5.39296L5.44403 7.62996C5.5824 7.77322 5.74791 7.8875 5.93092 7.96611C6.11393 8.04472 6.31076 8.0861 6.50993 8.08783C6.70909 8.08956 6.90661 8.05161 7.09096 7.97619C7.2753 7.90077 7.44278 7.78939 7.58362 7.64855C7.72446 7.50771 7.83584 7.34023 7.91126 7.15589C7.98668 6.97154 8.02463 6.77402 8.0229 6.57485C8.02117 6.37569 7.97979 6.17886 7.90118 5.99585C7.82257 5.81284 7.70829 5.64733 7.56503 5.50896L5.32903 3.26996L5.33003 3.27096ZM15.697 5.15496L18.879 3.38696L20.293 4.80096L18.525 7.98296L16.757 8.33696L14.637 10.458L13.222 9.04396L15.343 6.92296L15.697 5.15496ZM8.97903 13.287L10.393 14.701L5.09003 20.004C4.90973 20.1848 4.66709 20.2898 4.41186 20.2974C4.15663 20.305 3.90814 20.2148 3.71734 20.0451C3.52655 19.8754 3.40789 19.6391 3.38571 19.3847C3.36352 19.1304 3.43949 18.8771 3.59803 18.677L3.67603 18.59L8.97903 13.287Z"/></svg>

package/esm/components/Icon/icons/user.svg

@@ -1 +0,0 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4 23C4 20.8783 4.84285 18.8434 6.34315 17.3431C7.84344 15.8429 9.87827 15 12 15C14.1217 15 16.1566 15.8429 17.6569 17.3431C19.1571 18.8434 20 20.8783 20 23H18C18 21.4087 17.3679 19.8826 16.2426 18.7574C15.1174 17.6321 13.5913 17 12 17C10.4087 17 8.88258 17.6321 7.75736 18.7574C6.63214 19.8826 6 21.4087 6 23H4ZM12 14C8.685 14 6 11.315 6 8C6 4.685 8.685 2 12 2C15.315 2 18 4.685 18 8C18 11.315 15.315 14 12 14ZM12 12C14.21 12 16 10.21 16 8C16 5.79 14.21 4 12 4C9.79 4 8 5.79 8 8C8 10.21 9.79 12 12 12Z"/></svg>

package/esm/components/Icon/icons/waiting-validation.svg

@@ -1,19 +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 21.5 21.6" style="enable-background:new 0 0 21.5 21.6;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:none;stroke:#4D6F56;stroke-width:2;stroke-miterlimit:10;}
-	.st1{fill:none;stroke:#88CABA;stroke-width:2;stroke-miterlimit:10;}
-	.st2{fill:none;stroke:#88CABA;stroke-width:1.8;stroke-miterlimit:10;}
-	.st3{fill:#88CABA;}
-	.st4{fill:none;stroke:#FFFFFF;stroke-width:1.1;stroke-miterlimit:10;}
-</style>
-<g id="XMLID_00000036946766399946185720000000839440717394961049_">
-	<circle class="st0" cx="9" cy="12.6" r="8"/>
-	<circle class="st1" cx="9" cy="12.6" r="8"/>
-</g>
-<polyline class="st2" points="13.8,9.3 8.2,15 8.2,15 5,11.9 "/>
-<circle class="st3" cx="15.8" cy="5.7" r="5.7"/>
-<polyline class="st4" points="18.7,6.2 15.8,6.2 15.8,2.9 "/>
-</svg>

package/esm/components/Icon/icons/x-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 12ZM9.172 7.757L12 10.586L14.828 7.757L16.243 9.172L13.414 12L16.243 14.828L14.828 16.243L12 13.414L9.172 16.243L7.757 14.828L10.586 12L7.757 9.172L9.172 7.757Z"/></svg>

package/esm/components/Icon/icons/x.svg

@@ -1 +0,0 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 10.586L16.95 5.63599L18.364 7.04999L13.414 12L18.364 16.95L16.95 18.364L12 13.414L7.04999 18.364L5.63599 16.95L10.586 12L5.63599 7.04999L7.04999 5.63599L12 10.586Z"/></svg>

package/esm/components/Inputs/BooleanInput/BooleanInput.css

@@ -1,51 +0,0 @@
-.boolean-input {
-  display: flex;
-  flex-direction: column;
-}
-.boolean-input > label {
-  display: block;
-  margin-bottom: 4px;
-  color: #012b49;
-  font-weight: 700;
-}
-.boolean-input-container {
-  display: flex;
-}
-
-/* ######## */
-/* INPUTS   */
-.boolean-input-content {
-  display: flex;
-  height: 32px;
-  border-radius: 6px;
-  overflow: hidden;
-}
-.boolean-input-content > div {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  min-width: 44px;
-  padding: 12px;
-  background: #e7f3f9;
-  color: #007dbc;
-  font-weight: 700;
-  cursor: pointer;
-  transition: all ease 0.3s;
-}
-.boolean-input-content > div:first-child {
-  border-right: 1px solid #007dbc;
-}
-.boolean-input-content > .boolean-input--selected {
-  background: #007dbc;
-  color: #ffffff;
-}
-
-/* ######### */
-/* 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/esm/components/Inputs/BooleanInput/BooleanInput.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { BooleanInputProps } from './BooleanInput.types';
-import './BooleanInput.css';
-export declare const BooleanInput: ({ label, labelFalse, labelTrue, value, onChange }: BooleanInputProps) => React.JSX.Element;

package/esm/components/Inputs/BooleanInput/BooleanInput.js

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import './BooleanInput.css';
-export const BooleanInput = ({ label, labelFalse, labelTrue, value, onChange }) => {
-    // #########
-    // Rendering
-    return (React.createElement("div", { className: "boolean-input" },
-        label && React.createElement("label", null, label),
-        React.createElement("div", { className: "boolean-input-container" },
-            React.createElement("div", { className: "boolean-input-content" },
-                React.createElement("div", { className: value === true ? 'boolean-input--selected' : '', onClick: () => onChange(true) }, labelTrue ?? 'Yes'),
-                React.createElement("div", { className: value === false ? 'boolean-input--selected' : '', onClick: () => onChange(false) }, labelFalse ?? 'No')))));
-};
-//# sourceMappingURL=BooleanInput.js.map

package/esm/components/Inputs/BooleanInput/BooleanInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BooleanInput.js","sourceRoot":"","sources":["../../../../src/components/Inputs/BooleanInput/BooleanInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,oBAAoB,CAAC;AAE5B,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAqB,EAAE,EAAE;IACnG,YAAY;IACZ,YAAY;IACZ,OAAO,CACL,6BAAK,SAAS,EAAC,eAAe;QAC3B,KAAK,IAAI,mCAAQ,KAAK,CAAS;QAEhC,6BAAK,SAAS,EAAC,yBAAyB;YACtC,6BAAK,SAAS,EAAC,uBAAuB;gBACpC,6BAAK,SAAS,EAAE,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,IAC3F,SAAS,IAAI,KAAK,CACf;gBACN,6BAAK,SAAS,EAAE,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,IAC7F,UAAU,IAAI,IAAI,CACf,CACF,CACF,CACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/esm/components/Inputs/BooleanInput/BooleanInput.tsx

@@ -1,24 +0,0 @@
-import * as React from 'react';
-import { BooleanInputProps } from './BooleanInput.types';
-import './BooleanInput.css';
-
-export const BooleanInput = ({ label, labelFalse, labelTrue, value, onChange }: BooleanInputProps) => {
-  // #########
-  // Rendering
-  return (
-    <div className="boolean-input">
-      {label && <label>{label}</label>}
-
-      <div className="boolean-input-container">
-        <div className="boolean-input-content">
-          <div className={value === true ? 'boolean-input--selected' : ''} onClick={() => onChange(true)}>
-            {labelTrue ?? 'Yes'}
-          </div>
-          <div className={value === false ? 'boolean-input--selected' : ''} onClick={() => onChange(false)}>
-            {labelFalse ?? 'No'}
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-};

package/esm/components/Inputs/BooleanInput/BooleanInput.types.d.ts

@@ -1,7 +0,0 @@
-export type BooleanInputProps = {
-    label?: string;
-    labelFalse?: string;
-    labelTrue?: string;
-    value?: boolean;
-    onChange: (value: boolean) => void;
-};

package/esm/components/Inputs/BooleanInput/BooleanInput.types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=BooleanInput.types.js.map

package/esm/components/Inputs/BooleanInput/BooleanInput.types.js.map

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

package/esm/components/Inputs/BooleanInput/BooleanInput.types.ts

@@ -1,7 +0,0 @@
-export type BooleanInputProps = {
-  label?: string;
-  labelFalse?: string;
-  labelTrue?: string;
-  value?: boolean;
-  onChange: (value: boolean) => void;
-};

package/esm/components/Inputs/BooleanInput/__stories__/BooleanInput.stories.mdx

@@ -1,44 +0,0 @@
-import React from 'react';
-import { ArgsTable, Canvas, Meta, Story } from '@storybook/blocks';
-import { BooleanInput } from '../BooleanInput';
-
-<Meta title="Components/Inputs/BooleanInput" />
-
-export const inputArgType = {
-  label: {
-    control: 'text',
-    description: 'Label of the input.',
-  },
-  labelFalse: {
-    control: 'text',
-    description: 'Label of the FALSE value.',
-  },
-  labelTrue: {
-    control: 'text',
-    description: 'Label of the TRUE value.',
-  },
-  value: {
-    control: 'boolean',
-    description: 'Value of the input (can be undefined).',
-  },
-  onChange: {
-    control: 'function',
-    description: 'The handler called when clicking on input.',
-  },
-};
-
-# Boolean Input
-
-The Boolean input is used to quickly switch between two possible states. It is commonly used for "yes/no" switches. The input can in some cases have a 3rd state, EMPTY.
-
-## Overview
-
-<Canvas>
-  <Story name="Overview" args={{ label: 'Label', onChange: () => {} }} argTypes={inputArgType}>
-    {args => <BooleanInput {...args} />}
-  </Story>
-</Canvas>
-
-## Props
-
-<ArgsTable story="Overview" of={BooleanInput} />

package/esm/components/Inputs/TextInput/TextInput.css

@@ -1,42 +0,0 @@
-.text-input {
-  display: flex;
-  flex-direction: column;
-}
-.text-input > label {
-  display: block;
-  margin-bottom: 4px;
-  color: #012b49;
-  font-weight: 700;
-}
-.text-input-container {
-  position: relative;
-}
-.text-input-container > input {
-  width: 100%;
-  height: 32px;
-  padding: 0 40px 0 12px;
-  border: 1px solid #d4d4d4;
-  border-radius: 6px;
-  color: #007dbc;
-  font-weight: 700;
-}
-.text-input-container > input::placeholder {
-  font-weight: 400;
-}
-.text-input-container > .icon {
-  position: absolute;
-  top: 50%;
-  right: 12px;
-  color: #4e5d6b;
-  transform: translateY(-50%);
-}
-
-/* ######### */
-/* 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/esm/components/Inputs/TextInput/TextInput.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { TextInputProps } from './TextInput.types';
-import './TextInput.css';
-export declare const TextInput: ({ icon, label, placeholder, value, autofocus, onChange }: TextInputProps) => React.JSX.Element;

package/esm/components/Inputs/TextInput/TextInput.js

@@ -1,16 +0,0 @@
-import * as React from 'react';
-import { Icon } from '../../Icon/Icon';
-import './TextInput.css';
-export const TextInput = ({ icon, label, placeholder, value, autofocus, onChange }) => {
-    // ########
-    // Handlers
-    const handleChange = (e) => onChange(e.target.value);
-    // #########
-    // Rendering
-    return (React.createElement("div", { className: "text-input" },
-        label && React.createElement("label", null, label),
-        React.createElement("div", { className: "text-input-container" },
-            React.createElement("input", { type: "text", placeholder: placeholder, value: value, autoFocus: autofocus, onChange: handleChange }),
-            icon && React.createElement(Icon, { name: icon, size: "16" }))));
-};
-//# sourceMappingURL=TextInput.js.map

package/esm/components/Inputs/TextInput/TextInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../../src/components/Inputs/TextInput/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAEvC,OAAO,iBAAiB,CAAC;AAEzB,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAkB,EAAE,EAAE;IACpG,WAAW;IACX,WAAW;IACX,MAAM,YAAY,GAAG,CAAC,CAAgC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAEpF,YAAY;IACZ,YAAY;IACZ,OAAO,CACL,6BAAK,SAAS,EAAC,YAAY;QACxB,KAAK,IAAI,mCAAQ,KAAK,CAAS;QAEhC,6BAAK,SAAS,EAAC,sBAAsB;YACnC,+BAAO,IAAI,EAAC,MAAM,EAAC,WAAW,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,GAAI;YAC1G,IAAI,IAAI,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,IAAI,GAAG,CACnC,CACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/esm/components/Inputs/TextInput/TextInput.tsx

@@ -1,24 +0,0 @@
-import * as React from 'react';
-import { ChangeEvent } from 'react';
-import { Icon } from '../../Icon/Icon';
-import { TextInputProps } from './TextInput.types';
-import './TextInput.css';
-
-export const TextInput = ({ icon, label, placeholder, value, autofocus, onChange }: TextInputProps) => {
-  // ########
-  // Handlers
-  const handleChange = (e: ChangeEvent<HTMLInputElement>) => onChange(e.target.value);
-
-  // #########
-  // Rendering
-  return (
-    <div className="text-input">
-      {label && <label>{label}</label>}
-
-      <div className="text-input-container">
-        <input type="text" placeholder={placeholder} value={value} autoFocus={autofocus} onChange={handleChange} />
-        {icon && <Icon name={icon} size="16" />}
-      </div>
-    </div>
-  );
-};

package/esm/components/Inputs/TextInput/TextInput.types.d.ts

@@ -1,8 +0,0 @@
-export type TextInputProps = {
-    icon?: string;
-    label?: string;
-    placeholder?: string;
-    value: string;
-    autofocus?: boolean;
-    onChange: (value: string) => void;
-};

package/esm/components/Inputs/TextInput/TextInput.types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=TextInput.types.js.map

package/esm/components/Inputs/TextInput/TextInput.types.js.map

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

package/esm/components/Inputs/TextInput/TextInput.types.ts

@@ -1,8 +0,0 @@
-export type TextInputProps = {
-  icon?: string;
-  label?: string;
-  placeholder?: string;
-  value: string;
-  autofocus?: boolean;
-  onChange: (value: string) => void;
-};

package/esm/components/Inputs/TextInput/__stories__/TextInput.stories.mdx

@@ -1,55 +0,0 @@
-import React from 'react';
-import { ArgsTable, Canvas, Meta, Story } from '@storybook/blocks';
-import { TextInput } from '../TextInput';
-import { icons } from '../../../Icon/icons';
-
-<Meta title="Components/Inputs/TextInput" />
-
-export const inputArgTypes = {
-  icon: {
-    control: 'select',
-    options: Object.keys(icons),
-    description: 'Name of an icon.',
-  },
-  label: {
-    control: 'text',
-    description: 'Label of the input.',
-  },
-  placeholder: {
-    control: 'text',
-    description: 'Placeholder displayed when the input is empty.',
-  },
-  value: {
-    control: 'text',
-    description: 'Value of the input.',
-  },
-  autofocus: {
-    control: 'boolean',
-    description: 'Auto focus the input once mounted',
-    table: { defaultValue: { summary: 'false' } },
-  },
-  onChange: {
-    control: 'function',
-    description: 'The handler called when the value of the input changes.',
-  },
-};
-
-# Text Input
-
-Text input allows the user to enter content and data when the expected user input is a single line of text.
-
-## Overview
-
-<Canvas>
-  <Story
-    name="Overview"
-    args={{ label: 'Label', placeholder: 'This is a placeholder', autofocus: false, onChange: () => {} }}
-    argTypes={inputArgTypes}
-  >
-    {args => <TextInput {...args} />}
-  </Story>
-</Canvas>
-
-## Props
-
-<ArgsTable story="Overview" of={TextInput} />

package/esm/components/Loader/Loader.css

@@ -1,42 +0,0 @@
-@keyframes rotation {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
-
-.loader {
-  border: 2px solid;
-  border-color: #00689d transparent;
-  border-radius: 50%;
-  display: inline-block;
-  box-sizing: border-box;
-  animation: rotation 1.5s linear infinite;
-}
-
-/* ####### */
-/* SIZES   */
-.loader--sm {
-  width: 24px;
-  height: 24px;
-}
-.loader--md {
-  width: 32px;
-  height: 32px;
-}
-.loader--lg {
-  width: 44px;
-  height: 44px;
-}
-
-/* ######### */
-/* 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/esm/components/Loader/Loader.d.ts

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

package/esm/components/Loader/Loader.js

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import './Loader.css';
-export const Loader = ({ size = 'md' }) => {
-    return React.createElement("div", { className: `loader loader--${size}` });
-};
-//# sourceMappingURL=Loader.js.map

package/esm/components/Loader/Loader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../../src/components/Loader/Loader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,EAAe,EAAE,EAAE;IACrD,OAAO,6BAAK,SAAS,EAAE,kBAAkB,IAAI,EAAE,GAAI,CAAC;AACtD,CAAC,CAAC"}

package/esm/components/Loader/Loader.types.d.ts

@@ -1,3 +0,0 @@
-export type LoaderProps = {
-    size?: 'sm' | 'md' | 'lg';
-};

package/esm/components/Loader/Loader.types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=Loader.types.js.map

package/esm/components/Loader/Loader.types.js.map

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

package/esm/components/Loader/__stories__/Loader.stories.mdx

@@ -1,30 +0,0 @@
-import React from 'react';
-import { ArgsTable, Canvas, Meta, Story } from '@storybook/blocks';
-import { Loader } from '../Loader';
-
-<Meta title="Components/Loader" />
-
-export const loaderArgTypes = {
-  size: {
-    control: 'inline-radio',
-    options: ['sm', 'md', 'lg'],
-    description: 'Define the size of the loader.',
-    table: { defaultValue: { summary: 'md' } },
-  },
-};
-
-# Loader
-
-Loader express to user that an action is occuring.
-
-## Overview
-
-<Canvas>
-  <Story name="Overview" args={{ size: 'md' }} argTypes={loaderArgTypes}>
-    {args => <Loader {...args}>{args.children}</Loader>}
-  </Story>
-</Canvas>
-
-## Props
-
-<ArgsTable story="Overview" of={Loader} />

package/esm/index.d.ts

@@ -1,9 +0,0 @@
-export * from './components/Button/Button';
-export * from './components/Icon/Icon';
-export * from './layouts/Header/Header';
-export * from './layouts/Header/HeaderActions';
-export * from './layouts/Header/HeaderProfile';
-export * from './layouts/Header/HeaderTitle';
-export * from './layouts/Navigation/Navigation';
-export * from './layouts/Navigation/NavigationActions';
-export * from './layouts/Navigation/NavigationBreadcrumb';

package/esm/index.js

@@ -1,10 +0,0 @@
-export * from './components/Button/Button';
-export * from './components/Icon/Icon';
-export * from './layouts/Header/Header';
-export * from './layouts/Header/HeaderActions';
-export * from './layouts/Header/HeaderProfile';
-export * from './layouts/Header/HeaderTitle';
-export * from './layouts/Navigation/Navigation';
-export * from './layouts/Navigation/NavigationActions';
-export * from './layouts/Navigation/NavigationBreadcrumb';
-//# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AAEvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iCAAiC,CAAC;AAChD,cAAc,wCAAwC,CAAC;AACvD,cAAc,2CAA2C,CAAC"}

package/esm/layouts/Header/Header.css

@@ -1,83 +0,0 @@
-@font-face {
-  font-family: 'Montserrat';
-  src: url('../../assets/fonts/Montserrat-Medium.ttf');
-}
-
-/* ######## */
-/* HEADER   */
-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  width: 100%;
-  height: 64px;
-  padding: 0 24px;
-}
-.header-actions {
-  display: flex;
-}
-.header-actions > * {
-  margin-left: 12px;
-}
-
-/* ############## */
-/* HEADER TITLE   */
-.header-title-container {
-  display: flex;
-  align-items: flex-end;
-  height: 30px;
-}
-.header-title {
-  font-family: 'Montserrat';
-  font-size: 25px;
-  line-height: 19px;
-  text-transform: uppercase;
-}
-.header-by {
-  margin-left: 15px;
-  font-family: 'Montserrat';
-  font-size: 12px;
-  line-height: 10px;
-  text-transform: uppercase;
-}
-.header-techoff {
-  width: 64px;
-  margin-left: 4px;
-  margin-bottom: -2px;
-}
-
-/* ################ */
-/* HEADER PROFILE   */
-.header-profile {
-  display: flex;
-  align-items: center;
-  height: 40px;
-  padding: 0 4px;
-  border-radius: 9999px;
-  box-shadow: 0px 12px 12px 0px #00537d1a;
-  background: white;
-}
-.header-profile--icon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 32px;
-  height: 32px;
-  border-radius: 9999px;
-  background: #e5e5e5;
-}
-.header-profile--name {
-  padding-left: 8px;
-  padding-right: 12px;
-  color: #4e5d6b;
-}
-
-/* ######### */
-/* 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/esm/layouts/Header/Header.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { PropsWithChildren } from 'react';
-import './Header.css';
-export declare const Header: ({ children }: PropsWithChildren) => React.JSX.Element;

package/esm/layouts/Header/Header.js

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import { Children } from 'react';
-import { isSuiteElement } from '../../utils/validator.utils';
-import './Header.css';
-export const Header = ({ children }) => {
-    const titleElement = Children.toArray(children).find(c => isSuiteElement(c, 'HeaderTitle'));
-    const actionsElement = Children.toArray(children).find(c => isSuiteElement(c, 'HeaderActions'));
-    // #########
-    // Rendering
-    return (React.createElement("header", null,
-        React.createElement("div", null, titleElement),
-        React.createElement("div", null, actionsElement)));
-};
-//# sourceMappingURL=Header.js.map

package/esm/layouts/Header/Header.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/layouts/Header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAqB,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,QAAQ,EAAqB,EAAE,EAAE;IACxD,MAAM,YAAY,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC;IAC5F,MAAM,cAAc,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC;IAEhG,YAAY;IACZ,YAAY;IACZ,OAAO,CACL;QACE,iCAAM,YAAY,CAAO;QACzB,iCAAM,cAAc,CAAO,CACpB,CACV,CAAC;AACJ,CAAC,CAAC"}

package/esm/layouts/Header/Header.types.d.ts

@@ -1,4 +0,0 @@
-export type HeaderProfileProps = {
-    firstname: string;
-    lastname: string;
-};

package/esm/layouts/Header/Header.types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=Header.types.js.map

package/esm/layouts/Header/Header.types.js.map

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

package/esm/layouts/Header/HeaderActions.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { PropsWithChildren } from 'react';
-export declare const HeaderActions: ({ children }: PropsWithChildren) => React.JSX.Element;