@dktunited-techoff/techoff-suite-ui 1.1.0 → 1.3.0

package/src/layouts/{Header/__stories__/Header.stories.mdx → TsHeader/__stories__/TsHeader.stories.mdx}

@@ -1,9 +1,9 @@
 import React from 'react';
 import { ArgsTable, Canvas, Meta, Story } from '@storybook/blocks';
-import { Header } from '../Header';
-import { HeaderProfile, HeaderProfileItem } from '../HeaderProfile';
-import { HeaderSearch } from '../HeaderSearch';
-import { Button } from '../../../components/Button/Button';
+import { TsHeader } from '../TsHeader';
+import { TsHeaderProfile, TsHeaderProfileItem } from '../TsHeaderProfile';
+import { TsHeaderSearch } from '../TsHeaderSearch';
+import { TsButton } from '../../../components/TsButton/TsButton';
 
 <Meta title="Layouts/Header" />
 
@@ -41,16 +41,16 @@ The header will allow users to quickly find the information they need at a glanc
     args={{
       actions: (
         <>
-          <Button icon="add" size="lg" variant="shadow" rounded />
-          <HeaderProfile firstname="John" lastname="Doe">
-            <HeaderProfileItem icon="alert-triangle" label="Contact support" link="" />
-            <HeaderProfileItem icon="award" label="Trainings" link="" />
-          </HeaderProfile>
+          <TsButton icon="add" size="lg" variant="shadow" rounded />
+          <TsHeaderProfile firstname="John" lastname="Doe">
+            <TsHeaderProfileItem icon="alert-triangle" label="Contact support" link="" />
+            <TsHeaderProfileItem icon="award" label="Trainings" link="" />
+          </TsHeaderProfile>
         </>
       ),
       appName: 'repairability',
       search: (
-        <HeaderSearch
+        <TsHeaderSearch
           getItemLabel={item => item.label}
           getItemValue={item => item.id}
           loadItems={loadItems}
@@ -62,10 +62,10 @@ The header will allow users to quickly find the information they need at a glanc
     }}
     argTypes={headerArgTypes}
   >
-    {args => <Header {...args} />}
+    {args => <TsHeader {...args} />}
   </Story>
 </Canvas>
 
 ## Props
 
-<ArgsTable story="Overview" of={Header} />
+<ArgsTable story="Overview" of={TsHeader} />

package/src/layouts/{Navigation/Navigation.css → TsNavigation/TsNavigation.css}

@@ -1,4 +1,4 @@
-.navigation {
+.ts-navigation {
   display: flex;
   align-items: center;
   height: 32px;
@@ -7,59 +7,59 @@
 
 /* ############ */
 /* BREADCRUMB   */
-.breadcrumb {
+.ts-breadcrumb {
   display: flex;
   align-items: center;
   padding-right: 20px;
 }
-.breadcrumb-container {
+.ts-breadcrumb-container {
   display: flex;
   align-items: center;
 }
-.breadcrumb-chevron {
+.ts-breadcrumb-chevron {
   padding: 0 8px;
-  color: #00689d;
+  color: #3643ba;
 }
-.breadcrumb-item {
+.ts-breadcrumb-item {
   display: flex;
   align-items: center;
   height: 32px;
   border-radius: 9999px;
-  color: #00689d;
+  color: #3643ba;
 }
-.breadcrumb-item--highlight {
+.ts-breadcrumb-item--highlight {
   padding: 0 20px;
   box-shadow: 0px 6px 6px 0px #00537d1a;
-  background: linear-gradient(270.22deg, #007dbc 43.94%, #7ebee0 114.83%);
+  background: linear-gradient(270deg, #3643ba 0%, rgba(54, 67, 186, 0.6) 100%);
   color: #ffffff;
 }
-.breadcrumb-item--link {
+.ts-breadcrumb-item--link {
   cursor: pointer;
 }
-.breadcrumb-item--link:hover {
+.ts-breadcrumb-item--link:hover {
   text-decoration: underline;
 }
-.breadcrumb-item--icon {
+.ts-breadcrumb-item--icon {
   padding-right: 8px;
 }
 
 /* ######### */
 /* DIVIDER   */
-.navigation-divider {
+.ts-navigation-divider {
   flex: 1;
   height: 1px;
   margin: 4px 0;
-  background: #bedeef;
+  background: #ebecf7;
 }
 
 /* ######### */
 /* ACTIONS   */
-.navigation-actions {
+.ts-navigation-actions {
   /* flex items-center [&>*]:ml-4 */
   display: flex;
   align-items: center;
 }
-.navigation-actions > * {
+.ts-navigation-actions > * {
   margin-left: 16px;
 }
 

package/src/layouts/TsNavigation/TsNavigation.tsx

@@ -0,0 +1,54 @@
+import * as React from 'react';
+import { PropsWithChildren } from 'react';
+import { TsIcon } from '../../components/TsIcon/TsIcon';
+import { TsNavigationBreadcrumbItemProps, TsNavigationProps } from './TsNavigation.types';
+import './TsNavigation.css';
+
+export const TsNavigationBreadcrumbDivider = () => {
+  // #########
+  // Rendering
+  return (
+    <div className="ts-breadcrumb-chevron">
+      <TsIcon name="chevron-right" />
+    </div>
+  );
+};
+
+export const TsNavigationBreadcrumbItem = ({
+  children,
+  icon,
+  highlight,
+  onClick,
+}: PropsWithChildren<TsNavigationBreadcrumbItemProps>) => {
+  // #########
+  // Rendering
+  return (
+    <div
+      className={`
+        ts-breadcrumb-item
+        ${highlight ? 'ts-breadcrumb-item--highlight' : ''} ${onClick ? 'ts-breadcrumb-item--link' : ''}
+      `}
+      onClick={onClick}
+    >
+      {icon && (
+        <div className="ts-breadcrumb-item--icon">
+          <TsIcon name={icon} size="16" />
+        </div>
+      )}
+
+      {children}
+    </div>
+  );
+};
+
+export const TsNavigation = ({ actions, breadcrumbs }: TsNavigationProps) => {
+  // #########
+  // Rendering
+  return (
+    <div className="ts-navigation">
+      <div className="ts-breadcrumb">{breadcrumbs}</div>
+      <div className="ts-navigation-divider" />
+      <div className="ts-navigation-actions">{actions}</div>
+    </div>
+  );
+};

package/src/layouts/TsNavigation/TsNavigation.types.ts

@@ -0,0 +1,4 @@
+import { ReactElement } from 'react';
+
+export type TsNavigationProps = { actions?: ReactElement; breadcrumbs: ReactElement };
+export type TsNavigationBreadcrumbItemProps = { icon?: string; highlight?: boolean; onClick?: () => void };

package/src/layouts/TsNavigation/__stories__/TsNavigation.stories.mdx

@@ -0,0 +1,51 @@
+import React from 'react';
+import { ArgsTable, Canvas, Meta, Story } from '@storybook/blocks';
+import { TsNavigation, TsNavigationBreadcrumbItem, TsNavigationBreadcrumbDivider } from '../TsNavigation';
+import { TsButton } from '../../../components/TsButton/TsButton';
+import { icons } from '../../../components/TsIcon/icons';
+
+<Meta title="Layouts/Navigation" />
+
+# Navigation
+
+Breadcrumbs are an important navigation component that shows content hierarchy. They allow users to be aware of their current location in the hierarchical structure of the application. Breadcrumbs enable users to quickly move up to a parent level. Moreover this navigation component allows user to make some actions.
+
+## Overview
+
+<Canvas>
+  <Story
+    name="Overview"
+    args={{
+      actions: (
+        <>
+          <TsButton icon="check" onClick={() => {}}>
+            Action 1
+          </TsButton>
+          <TsButton icon="add" onClick={() => {}}>
+            Action 2
+          </TsButton>
+        </>
+      ),
+      breadcrumbs: (
+        <>
+        <TsNavigationBreadcrumbItem icon="home" onClick={() => {}}>
+          Home
+        </TsNavigationBreadcrumbItem>
+        <TsNavigationBreadcrumbDivider />
+        <TsNavigationBreadcrumbItem onClick={() => {}}>Menu Item 1</TsNavigationBreadcrumbItem>
+        <TsNavigationBreadcrumbDivider />
+        <TsNavigationBreadcrumbItem highlight>Menu Item 2</TsNavigationBreadcrumbItem>
+        </>
+      )
+    }}
+
+>
+
+    {args => <TsNavigation {...args} />}
+
+  </Story>
+</Canvas>
+
+## Props
+
+<ArgsTable story="Overview" of={TsNavigation} />

package/esm/components/Button/Button.css

@@ -1,91 +0,0 @@
-.button {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border: none;
-  font-size: 14px;
-  font-weight: 600;
-  line-height: 16px;
-  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: #3643ba;
-  color: #ffffff;
-}
-/* .button--primary:hover {
-  background: #00689d;
-} */
-.button--secondary {
-  background: #ebecf7;
-  color: #3643ba;
-}
-/* .button--secondary:hover {
-  background: #bedeef;
-} */
-.button--success {
-  background: #02be8a;
-  color: #ffffff;
-}
-.button--success:hover {
-  background: #029e73;
-  color: #ffffff;
-}
-.button--ghost {
-  background: #ffffff;
-  color: #1d1d1b;
-}
-.button--ghost:hover {
-  background: #ebecf7;
-}
-.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/esm/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/esm/components/Button/Button.js

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import { Icon } from '../Icon/Icon';
-import './Button.css';
-export 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, { name: icon, size: "16" }),
-        children && React.createElement("div", null, children),
-        icon && iconDirection === 'right' && React.createElement(Icon, { name: icon, size: "16" })));
-};
-//# sourceMappingURL=Button.js.map

package/esm/components/Button/Button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,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,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,IAAI,GAAG;QAClE,QAAQ,IAAI,iCAAM,QAAQ,CAAO;QACjC,IAAI,IAAI,aAAa,KAAK,OAAO,IAAI,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,IAAI,GAAG,CAC7D,CACV,CAAC;AACJ,CAAC,CAAC"}

package/esm/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/esm/components/Button/Button.types.js

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

package/esm/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/esm/components/Checkbox/Checkbox.css

@@ -1,72 +0,0 @@
-.checkbox {
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-}
-/* ########## */
-/* DISABLED   */
-.checkbox--disabled {
-  cursor: not-allowed;
-}
-.checkbox--disabled .checkbox-box {
-  color: #999999;
-}
-.checkbox--disabled:hover .checkbox-box {
-  background: transparent;
-}
-/* ##### */
-/* 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/esm/components/Checkbox/Checkbox.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { CheckboxProps } from './Checkbox.types';
-import './Checkbox.css';
-export declare const Checkbox: ({ caption, label, checked, disabled, onChange }: CheckboxProps) => React.JSX.Element;

package/esm/components/Checkbox/Checkbox.js

@@ -1,18 +0,0 @@
-import * as React from 'react';
-import { Icon } from '../Icon/Icon';
-import './Checkbox.css';
-export const Checkbox = ({ caption, label, checked, disabled, onChange }) => {
-    // ########
-    // Handlers
-    const handleChange = () => !disabled && onChange(!checked);
-    // #########
-    // Rendering
-    return (React.createElement("div", { className: `checkbox ${disabled ? 'checkbox--disabled' : ''}`, onClick: handleChange },
-        React.createElement("div", { className: "checkbox-box" },
-            checked && React.createElement(Icon, { name: "check-square-filled" }),
-            !checked && React.createElement(Icon, { name: "square" })),
-        React.createElement("div", { className: `checkbox-container ${caption ? 'checkbox-container--with-caption' : ''}` },
-            React.createElement("div", { className: "checkbox-label" }, label),
-            caption && React.createElement("div", { className: "checkbox-caption" }, caption))));
-};
-//# sourceMappingURL=Checkbox.js.map

package/esm/components/Checkbox/Checkbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,gBAAgB,CAAC;AAExB,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAiB,EAAE,EAAE;IACzF,WAAW;IACX,WAAW;IACX,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC;IAE3D,YAAY;IACZ,YAAY;IACZ,OAAO,CACL,6BAAK,SAAS,EAAE,YAAY,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,YAAY;QACvF,6BAAK,SAAS,EAAC,cAAc;YAC1B,OAAO,IAAI,oBAAC,IAAI,IAAC,IAAI,EAAC,qBAAqB,GAAG;YAC9C,CAAC,OAAO,IAAI,oBAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,GAAG,CAC/B;QAEN,6BAAK,SAAS,EAAE,sBAAsB,OAAO,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,CAAC,EAAE,EAAE;YACvF,6BAAK,SAAS,EAAC,gBAAgB,IAAE,KAAK,CAAO;YAC5C,OAAO,IAAI,6BAAK,SAAS,EAAC,kBAAkB,IAAE,OAAO,CAAO,CACzD,CACF,CACP,CAAC;AACJ,CAAC,CAAC"}

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

@@ -1,7 +0,0 @@
-export type CheckboxProps = {
-    caption?: string;
-    label: string;
-    checked?: boolean;
-    disabled?: boolean;
-    onChange: (value: boolean) => void;
-};

package/esm/components/Checkbox/Checkbox.types.js

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

package/esm/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/esm/components/Checkbox/__stories__/Checkbox.stories.mdx

@@ -1,56 +0,0 @@
-import React from 'react';
-import { ArgsTable, Canvas, Meta, Story } from '@storybook/blocks';
-import { Checkbox } from '../Checkbox';
-
-<Meta title="Components/Checkbox" />
-
-export const checkboxArgTypes = {
-  caption: {
-    control: 'text',
-    description: 'Caption of the checkbox.',
-  },
-  label: {
-    control: 'text',
-    description: 'Label of the checkbox.',
-  },
-  checked: {
-    control: 'boolean',
-    description: 'State of the checkbox.',
-    table: { defaultValue: { summary: 'false' } },
-  },
-  disabled: {
-    control: 'boolean',
-    description: 'Enable state of the checkbox.',
-    table: { defaultValue: { summary: 'false' } },
-  },
-  onChange: {
-    control: 'function',
-    description: 'The handler called when clicking on the checkbox.',
-  },
-};
-
-# 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={{
-      label: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit',
-      caption:
-        'Auctor nisl justo, sed posuere est dignissim nec. Integer ultricies, metus ac imperdiet ullamcorper, est justo viverra nisl, in posuere dui urna eget quam.',
-      checked: false,
-      disabled: false,
-    }}
-    argTypes={checkboxArgTypes}
-  >
-    {args => <Checkbox {...args}>{args.children}</Checkbox>}
-  </Story>
-</Canvas>
-
-## Props
-
-<ArgsTable story="Overview" of={Checkbox} />

package/esm/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/esm/components/Icon/Icon.js

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { icons } from './icons';
-import './Icon.css';
-export const Icon = ({ name, size = '20' }) => {
-    const icon = icons[name];
-    // #########
-    // Rendering
-    if (!icon)
-        return React.createElement(React.Fragment, null);
-    return React.createElement("div", { className: `icon icon--${size}`, dangerouslySetInnerHTML: { __html: icon } });
-};
-//# sourceMappingURL=Icon.js.map

package/esm/components/Icon/Icon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,YAAY,CAAC;AAEpB,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,GAAG,IAAI,EAAa,EAAE,EAAE;IACvD,MAAM,IAAI,GAAG,KAAK,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"}

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

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

package/esm/components/Icon/Icon.types.js

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

package/esm/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":""}