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

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;

package/esm/layouts/Header/HeaderActions.js

@@ -1,7 +0,0 @@
-import * as React from 'react';
-export const HeaderActions = ({ children }) => {
-    // #########
-    // Rendering
-    return React.createElement("div", { className: "header-actions" }, children);
-};
-//# sourceMappingURL=HeaderActions.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderActions.js","sourceRoot":"","sources":["../../../src/layouts/Header/HeaderActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAqB,EAAE,EAAE;IAC/D,YAAY;IACZ,YAAY;IACZ,OAAO,6BAAK,SAAS,EAAC,gBAAgB,IAAE,QAAQ,CAAO,CAAC;AAC1D,CAAC,CAAC"}

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

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { HeaderProfileProps } from './Header.types';
-export declare const HeaderProfile: ({ firstname, lastname }: HeaderProfileProps) => React.JSX.Element;

package/esm/layouts/Header/HeaderProfile.js

@@ -1,16 +0,0 @@
-import * as React from 'react';
-import { Icon } from '../../components/Icon/Icon';
-import { capitalize } from '../../utils/string.utils';
-export const HeaderProfile = ({ firstname, lastname }) => {
-    // #########
-    // Rendering
-    return (React.createElement("div", { className: "header-profile" },
-        React.createElement("div", { className: "header-profile--icon" },
-            React.createElement(Icon, { name: "user", size: "16" })),
-        React.createElement("div", { className: "header-profile--name" },
-            capitalize(firstname),
-            " ",
-            lastname.charAt(0).toUpperCase(),
-            ".")));
-};
-//# sourceMappingURL=HeaderProfile.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderProfile.js","sourceRoot":"","sources":["../../../src/layouts/Header/HeaderProfile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAGtD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAsB,EAAE,EAAE;IAC3E,YAAY;IACZ,YAAY;IACZ,OAAO,CACL,6BAAK,SAAS,EAAC,gBAAgB;QAC7B,6BAAK,SAAS,EAAC,sBAAsB;YACnC,oBAAC,IAAI,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,GAAG,CAC1B;QAEN,6BAAK,SAAS,EAAC,sBAAsB;YAClC,UAAU,CAAC,SAAS,CAAC;;YAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE;gBACrD,CACF,CACP,CAAC;AACJ,CAAC,CAAC"}

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

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

package/esm/layouts/Header/HeaderTitle.js

@@ -1,11 +0,0 @@
-import * as React from 'react';
-const svg = '<?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 335 62.6" style="enable-background:new 0 0 335 62.6;" xml:space="preserve"><style type="text/css">	.st0{fill:#0883C4;}	.st1{fill:#FFFFFF;}</style><path d="M126.2,24.4c-3.1-3.3-7.4-5.3-12.4-5.3c-9.2,0-16,6.8-16,16.1c0,9.3,6.7,16.2,16,16.2c5.3,0,9.6-2.4,12.6-6l8.1,7.3	c-5.4,6.5-12.1,9.8-20.7,9.8C98,62.6,86.4,51,86.4,35.3C86.4,19.5,98,8,113.8,8c8.2,0,15.4,3,20.3,8.5L126.2,24.4z"/><polygon points="46.8,9.5 80.3,9.5 80.3,19.9 58,19.9 58,30.8 77.3,30.8 77.3,40.9 58,40.9 58,52.1 80.3,52.1 80.3,62.6 46.8,62.6 	"/><polygon points="265.4,8.7 297,8.7 297,19.2 276.6,19.2 276.6,32.6 294,32.6 294,42.8 276.6,42.8 276.6,61.8 265.4,61.8 "/><polygon points="303.4,8.7 335,8.7 335,19.2 314.6,19.2 314.6,32.6 332,32.6 332,42.8 314.6,42.8 314.6,61.8 303.4,61.8 "/><polygon points="174.5,40.1 152,40.1 152,61.8 140.8,61.8 140.8,8.7 152,8.7 152,29.2 174.5,29.2 174.5,8.7 185.7,8.7 185.7,61.8 	174.5,61.8 "/><polygon points="0,9.5 40.3,9.5 40.3,20.4 25.8,20.4 25.8,62.6 14.6,62.6 14.6,20.4 0,20.4 "/><polyline points="188.4,15.9 198.6,0 209.9,0 199.7,15.9 188.4,15.9 "/><path d="M231.7,8c-15.8,0-27.4,11.5-27.4,27.3c0,15.8,11.6,27.3,27.4,27.3c15.7,0,27.2-11.5,27.2-27.3C258.9,19.5,247.4,8,231.7,8z"	/><polygon class="st0" points="208,36.3 243.1,15.9 243,56.6 "/><polygon class="st1" points="231.1,56.7 230.6,37.4 214.2,47.6 "/></svg>';
-export const HeaderTitle = ({ children }) => {
-    // #########
-    // Rendering
-    return (React.createElement("div", { className: "header-title-container" },
-        React.createElement("div", { className: "header-title" }, children),
-        React.createElement("div", { className: "header-by" }, "BY"),
-        React.createElement("div", { className: "header-techoff", dangerouslySetInnerHTML: { __html: svg } })));
-};
-//# sourceMappingURL=HeaderTitle.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderTitle.js","sourceRoot":"","sources":["../../../src/layouts/Header/HeaderTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,GAAG,GACP,wjDAAwjD,CAAC;AAE3jD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAqB,EAAE,EAAE;IAC7D,YAAY;IACZ,YAAY;IACZ,OAAO,CACL,6BAAK,SAAS,EAAC,wBAAwB;QACrC,6BAAK,SAAS,EAAC,cAAc,IAAE,QAAQ,CAAO;QAC9C,6BAAK,SAAS,EAAC,WAAW,SAAS;QACnC,6BAAK,SAAS,EAAC,gBAAgB,EAAC,uBAAuB,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,GAAI,CACxE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/esm/layouts/Header/__stories__/Header.stories.mdx

@@ -1,36 +0,0 @@
-import React from 'react';
-import { ArgsTable, Canvas, Meta, Story } from '@storybook/blocks';
-import { Header } from '../Header';
-import { HeaderActions } from '../HeaderActions';
-import { HeaderTitle } from '../HeaderTitle';
-import { HeaderProfile } from '../HeaderProfile';
-import { Button } from '../../../components/Button/Button';
-
-<Meta title="Layouts/Header" />
-
-# Header
-
-The header will allow users to quickly find the information they need at a glance but also make some actions. The header is therefore central in the design of each application: it contains all the essential information, obvious shortcuts, which will help boost Deacthlon Techoff brand image.
-
-## Overview
-
-<Canvas>
-  <Story
-    name="Overview"
-    args={{
-      children: [
-        <HeaderTitle>Techoff Suite UI</HeaderTitle>,
-        <HeaderActions>
-          <Button icon="plus" size="lg" variant="shadow" rounded onClick={() => {}} />
-          <HeaderProfile firstname="John" lastname="Doe" />
-        </HeaderActions>,
-      ],
-    }}
-  >
-    {args => <Header>{args.children}</Header>}
-  </Story>
-</Canvas>
-
-## Props
-
-<ArgsTable story="Overview" of={Header} />

package/esm/layouts/Navigation/Navigation.css

@@ -1,74 +0,0 @@
-.navigation {
-  display: flex;
-  align-items: center;
-  height: 32px;
-  padding: 0 24px;
-}
-
-/* ############ */
-/* BREADCRUMB   */
-.breadcrumb {
-  display: flex;
-  align-items: center;
-  padding-right: 20px;
-}
-.breadcrumb-container {
-  display: flex;
-  align-items: center;
-}
-.breadcrumb-chevron {
-  padding: 0 8px;
-  color: #00689d;
-}
-.breadcrumb-item {
-  display: flex;
-  align-items: center;
-  height: 32px;
-  border-radius: 9999px;
-  color: #00689d;
-}
-.breadcrumb-item--highlight {
-  padding: 0 20px;
-  box-shadow: 0px 6px 6px 0px #00537d1a;
-  background: linear-gradient(270.22deg, #007dbc 43.94%, #7ebee0 114.83%);
-  color: #ffffff;
-}
-.breadcrumb-item--link {
-  cursor: pointer;
-}
-.breadcrumb-item--link:hover {
-  text-decoration: underline;
-}
-.breadcrumb-item--icon {
-  padding-right: 8px;
-}
-
-/* ######### */
-/* DIVIDER   */
-.navigation-divider {
-  flex: 1;
-  height: 1px;
-  margin: 4px 0;
-  background: #b3bac3;
-}
-
-/* ######### */
-/* ACTIONS   */
-.navigation-actions {
-  /* flex items-center [&>*]:ml-4 */
-  display: flex;
-  align-items: center;
-}
-.navigation-actions > * {
-  margin-left: 16px;
-}
-
-/* ######### */
-/* 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/Navigation/Navigation.d.ts

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

package/esm/layouts/Navigation/Navigation.js

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import { Children } from 'react';
-import { isSuiteElement } from '../../utils/validator.utils';
-import './Navigation.css';
-export const Navigation = ({ children }) => {
-    const breadcrumbElement = Children.toArray(children).find(c => isSuiteElement(c, 'NavigationBreadcrumb'));
-    const actionsElement = Children.toArray(children).find(c => isSuiteElement(c, 'NavigationActions'));
-    // #########
-    // Rendering
-    return (React.createElement("div", { className: "navigation" },
-        breadcrumbElement,
-        React.createElement("div", { className: "navigation-divider" }),
-        actionsElement));
-};
-//# sourceMappingURL=Navigation.js.map

package/esm/layouts/Navigation/Navigation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Navigation.js","sourceRoot":"","sources":["../../../src/layouts/Navigation/Navigation.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,kBAAkB,CAAC;AAE1B,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAqB,EAAE,EAAE;IAC5D,MAAM,iBAAiB,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,EAAE,sBAAsB,CAAC,CAAC,CAAC;IAC1G,MAAM,cAAc,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAEpG,YAAY;IACZ,YAAY;IACZ,OAAO,CACL,6BAAK,SAAS,EAAC,YAAY;QACxB,iBAAiB;QAClB,6BAAK,SAAS,EAAC,oBAAoB,GAAG;QACrC,cAAc,CACX,CACP,CAAC;AACJ,CAAC,CAAC"}

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

@@ -1,5 +0,0 @@
-export type NavigationBreadcrumbItemProps = {
-    icon?: string;
-    highlight?: boolean;
-    onClick?: () => void;
-};

package/esm/layouts/Navigation/Navigation.types.js

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

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

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

package/esm/layouts/Navigation/NavigationActions.d.ts

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

package/esm/layouts/Navigation/NavigationActions.js

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import './Navigation.css';
-export const NavigationActions = ({ children }) => (React.createElement("div", { className: "navigation-actions" }, children));
-//# sourceMappingURL=NavigationActions.js.map

package/esm/layouts/Navigation/NavigationActions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavigationActions.js","sourceRoot":"","sources":["../../../src/layouts/Navigation/NavigationActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,kBAAkB,CAAC;AAE1B,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,QAAQ,EAAqB,EAAE,EAAE,CAAC,CACpE,6BAAK,SAAS,EAAC,oBAAoB,IAAE,QAAQ,CAAO,CACrD,CAAC"}

package/esm/layouts/Navigation/NavigationBreadcrumb.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import { PropsWithChildren } from 'react';
-import { NavigationBreadcrumbItemProps } from './Navigation.types';
-import './Navigation.css';
-export declare const NavigationBreadcrumbItem: ({ children, icon, highlight, onClick, }: PropsWithChildren<NavigationBreadcrumbItemProps>) => React.JSX.Element;
-export declare const NavigationBreadcrumb: ({ children }: PropsWithChildren) => React.JSX.Element;

package/esm/layouts/Navigation/NavigationBreadcrumb.js

@@ -1,26 +0,0 @@
-import * as React from 'react';
-import { Children } from 'react';
-import { Icon } from '../../components/Icon/Icon';
-import { isSuiteElement } from '../../utils/validator.utils';
-import './Navigation.css';
-export const NavigationBreadcrumbItem = ({ children, icon, highlight, onClick, }) => {
-    // #########
-    // Rendering
-    return (React.createElement("div", { className: `
-        breadcrumb-item
-        ${highlight ? 'breadcrumb-item--highlight' : ''} ${onClick ? 'breadcrumb-item--link' : ''}
-      `, onClick: onClick },
-        icon && (React.createElement("div", { className: "breadcrumb-item--icon" },
-            React.createElement(Icon, { name: icon, size: "16" }))),
-        children));
-};
-export const NavigationBreadcrumb = ({ children }) => {
-    const breadcrumbItemElements = Children.toArray(children).filter(c => isSuiteElement(c, 'NavigationBreadcrumbItem'));
-    // #########
-    // Rendering
-    return (React.createElement("div", { className: "breadcrumb" }, breadcrumbItemElements.map((child, index) => (React.createElement("div", { key: index, className: "breadcrumb-container" },
-        child,
-        index !== breadcrumbItemElements.length - 1 && (React.createElement("div", { className: "breadcrumb-chevron" },
-            React.createElement(Icon, { name: "chevron-right" }))))))));
-};
-//# sourceMappingURL=NavigationBreadcrumb.js.map

package/esm/layouts/Navigation/NavigationBreadcrumb.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavigationBreadcrumb.js","sourceRoot":"","sources":["../../../src/layouts/Navigation/NavigationBreadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAqB,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,kBAAkB,CAAC;AAE1B,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,EACvC,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,OAAO,GAC0C,EAAE,EAAE;IACrD,YAAY;IACZ,YAAY;IACZ,OAAO,CACL,6BACE,SAAS,EAAE;;UAEP,SAAS,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,EAAE,IAAI,OAAO,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE;OAC1F,EACD,OAAO,EAAE,OAAO;QAEf,IAAI,IAAI,CACP,6BAAK,SAAS,EAAC,uBAAuB;YACpC,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,IAAI,GAAG,CAC1B,CACP;QAEA,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EAAE,QAAQ,EAAqB,EAAE,EAAE;IACtE,MAAM,sBAAsB,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,EAAE,0BAA0B,CAAC,CAAC,CAAC;IAErH,YAAY;IACZ,YAAY;IACZ,OAAO,CACL,6BAAK,SAAS,EAAC,YAAY,IACxB,sBAAsB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5C,6BAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,sBAAsB;QAC9C,KAAK;QAEL,KAAK,KAAK,sBAAsB,CAAC,MAAM,GAAG,CAAC,IAAI,CAC9C,6BAAK,SAAS,EAAC,oBAAoB;YACjC,oBAAC,IAAI,IAAC,IAAI,EAAC,eAAe,GAAG,CACzB,CACP,CACG,CACP,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/esm/layouts/Navigation/__stories__/Navigation.stories.mdx

@@ -1,46 +0,0 @@
-import React from 'react';
-import { ArgsTable, Canvas, Meta, Story } from '@storybook/blocks';
-import { Navigation } from '../Navigation';
-import { NavigationBreadcrumb, NavigationBreadcrumbItem } from '../NavigationBreadcrumb';
-import { NavigationActions } from '../NavigationActions';
-import { Button } from '../../../components/Button/Button';
-import { icons } from '../../../components/Icon/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={{
-      children: [
-        <NavigationBreadcrumb>
-          <NavigationBreadcrumbItem icon="home" onClick={() => {}}>
-            Home
-          </NavigationBreadcrumbItem>
-          <NavigationBreadcrumbItem onClick={() => {}}>Menu Item 1</NavigationBreadcrumbItem>
-          <NavigationBreadcrumbItem highlight>Menu Item 2</NavigationBreadcrumbItem>
-        </NavigationBreadcrumb>,
-        <NavigationActions>
-          <Button icon="check" onClick={() => {}}>
-            Action 1
-          </Button>
-          <Button icon="plus" onClick={() => {}}>
-            Action 2
-          </Button>
-        </NavigationActions>,
-      ],
-    }}
-  >
-    {args => <Navigation>{args.children}</Navigation>}
-  </Story>
-</Canvas>
-
-## Props
-
-<ArgsTable story="Overview" of={Navigation} />

package/esm/utils/string.utils.d.ts

@@ -1 +0,0 @@
-export declare const capitalize: (str: string) => string;

package/esm/utils/string.utils.js

@@ -1,2 +0,0 @@
-export const capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1).toLowerCase();
-//# sourceMappingURL=string.utils.js.map

package/esm/utils/string.utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"string.utils.js","sourceRoot":"","sources":["../../src/utils/string.utils.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC"}

package/esm/utils/validator.utils.d.ts

@@ -1,2 +0,0 @@
-import { JSXElementConstructor, ReactElement, ReactNode, ReactPortal } from 'react';
-export declare const isSuiteElement: (element: string | number | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal, name: string) => boolean;

package/esm/utils/validator.utils.js

@@ -1,5 +0,0 @@
-import { isValidElement } from 'react';
-export const isSuiteElement = (element, name) => {
-    return isValidElement(element) && typeof element.type === 'function' && element.type.name === name;
-};
-//# sourceMappingURL=validator.utils.js.map

package/esm/utils/validator.utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"validator.utils.js","sourceRoot":"","sources":["../../src/utils/validator.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+D,cAAc,EAAE,MAAM,OAAO,CAAC;AAEpG,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,OAAqH,EACrH,IAAY,EACZ,EAAE;IACF,OAAO,cAAc,CAAC,OAAO,CAAC,IAAI,OAAO,OAAO,CAAC,IAAI,KAAK,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC;AACrG,CAAC,CAAC"}