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

package/lib/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/lib/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/lib/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/lib/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/lib/components/Loader/Loader.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Loader = void 0;
-const React = require("react");
-require("./Loader.css");
-const Loader = ({ size = 'md' }) => {
-    return React.createElement("div", { className: `loader loader--${size}` });
-};
-exports.Loader = Loader;
-//# sourceMappingURL=Loader.js.map

package/lib/components/Loader/Loader.js.map

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

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

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

package/lib/components/Loader/Loader.types.js

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

package/lib/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/lib/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/lib/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/lib/index.js

@@ -1,26 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./components/Button/Button"), exports);
-__exportStar(require("./components/Icon/Icon"), exports);
-__exportStar(require("./layouts/Header/Header"), exports);
-__exportStar(require("./layouts/Header/HeaderActions"), exports);
-__exportStar(require("./layouts/Header/HeaderProfile"), exports);
-__exportStar(require("./layouts/Header/HeaderTitle"), exports);
-__exportStar(require("./layouts/Navigation/Navigation"), exports);
-__exportStar(require("./layouts/Navigation/NavigationActions"), exports);
-__exportStar(require("./layouts/Navigation/NavigationBreadcrumb"), exports);
-//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6DAA2C;AAC3C,yDAAuC;AAEvC,0DAAwC;AACxC,iEAA+C;AAC/C,iEAA+C;AAC/C,+DAA6C;AAC7C,kEAAgD;AAChD,yEAAuD;AACvD,4EAA0D"}

package/lib/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/lib/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/lib/layouts/Header/Header.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Header = void 0;
-const React = require("react");
-const react_1 = require("react");
-const validator_utils_1 = require("../../utils/validator.utils");
-require("./Header.css");
-const Header = ({ children }) => {
-    const titleElement = react_1.Children.toArray(children).find(c => (0, validator_utils_1.isSuiteElement)(c, 'HeaderTitle'));
-    const actionsElement = react_1.Children.toArray(children).find(c => (0, validator_utils_1.isSuiteElement)(c, 'HeaderActions'));
-    // #########
-    // Rendering
-    return (React.createElement("header", null,
-        React.createElement("div", null, titleElement),
-        React.createElement("div", null, actionsElement)));
-};
-exports.Header = Header;
-//# sourceMappingURL=Header.js.map

package/lib/layouts/Header/Header.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/layouts/Header/Header.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,iCAAoD;AACpD,iEAA6D;AAC7D,wBAAsB;AAEf,MAAM,MAAM,GAAG,CAAC,EAAE,QAAQ,EAAqB,EAAE,EAAE;IACxD,MAAM,YAAY,GAAG,gBAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,IAAA,gCAAc,EAAC,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC;IAC5F,MAAM,cAAc,GAAG,gBAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,IAAA,gCAAc,EAAC,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;AAZW,QAAA,MAAM,UAYjB"}

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

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

package/lib/layouts/Header/Header.types.js

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

package/lib/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/lib/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/lib/layouts/Header/HeaderActions.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HeaderActions = void 0;
-const React = require("react");
-const HeaderActions = ({ children }) => {
-    // #########
-    // Rendering
-    return React.createElement("div", { className: "header-actions" }, children);
-};
-exports.HeaderActions = HeaderActions;
-//# sourceMappingURL=HeaderActions.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderActions.js","sourceRoot":"","sources":["../../../src/layouts/Header/HeaderActions.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAGxB,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;AAJW,QAAA,aAAa,iBAIxB"}

package/lib/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/lib/layouts/Header/HeaderProfile.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HeaderProfile = void 0;
-const React = require("react");
-const Icon_1 = require("../../components/Icon/Icon");
-const string_utils_1 = require("../../utils/string.utils");
-const HeaderProfile = ({ firstname, lastname }) => {
-    // #########
-    // Rendering
-    return (React.createElement("div", { className: "header-profile" },
-        React.createElement("div", { className: "header-profile--icon" },
-            React.createElement(Icon_1.Icon, { name: "user", size: "16" })),
-        React.createElement("div", { className: "header-profile--name" },
-            (0, string_utils_1.capitalize)(firstname),
-            " ",
-            lastname.charAt(0).toUpperCase(),
-            ".")));
-};
-exports.HeaderProfile = HeaderProfile;
-//# sourceMappingURL=HeaderProfile.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderProfile.js","sourceRoot":"","sources":["../../../src/layouts/Header/HeaderProfile.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,qDAAkD;AAClD,2DAAsD;AAG/C,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,WAAI,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,GAAG,CAC1B;QAEN,6BAAK,SAAS,EAAC,sBAAsB;YAClC,IAAA,yBAAU,EAAC,SAAS,CAAC;;YAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE;gBACrD,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAdW,QAAA,aAAa,iBAcxB"}

package/lib/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/lib/layouts/Header/HeaderTitle.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HeaderTitle = void 0;
-const React = require("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>';
-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 } })));
-};
-exports.HeaderTitle = HeaderTitle;
-//# sourceMappingURL=HeaderTitle.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderTitle.js","sourceRoot":"","sources":["../../../src/layouts/Header/HeaderTitle.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAG/B,MAAM,GAAG,GACP,wjDAAwjD,CAAC;AAEpjD,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;AAVW,QAAA,WAAW,eAUtB"}

package/lib/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/lib/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/lib/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/lib/layouts/Navigation/Navigation.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Navigation = void 0;
-const React = require("react");
-const react_1 = require("react");
-const validator_utils_1 = require("../../utils/validator.utils");
-require("./Navigation.css");
-const Navigation = ({ children }) => {
-    const breadcrumbElement = react_1.Children.toArray(children).find(c => (0, validator_utils_1.isSuiteElement)(c, 'NavigationBreadcrumb'));
-    const actionsElement = react_1.Children.toArray(children).find(c => (0, validator_utils_1.isSuiteElement)(c, 'NavigationActions'));
-    // #########
-    // Rendering
-    return (React.createElement("div", { className: "navigation" },
-        breadcrumbElement,
-        React.createElement("div", { className: "navigation-divider" }),
-        actionsElement));
-};
-exports.Navigation = Navigation;
-//# sourceMappingURL=Navigation.js.map

package/lib/layouts/Navigation/Navigation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Navigation.js","sourceRoot":"","sources":["../../../src/layouts/Navigation/Navigation.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,iCAAoD;AACpD,iEAA6D;AAC7D,4BAA0B;AAEnB,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAqB,EAAE,EAAE;IAC5D,MAAM,iBAAiB,GAAG,gBAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,IAAA,gCAAc,EAAC,CAAC,EAAE,sBAAsB,CAAC,CAAC,CAAC;IAC1G,MAAM,cAAc,GAAG,gBAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,IAAA,gCAAc,EAAC,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;AAbW,QAAA,UAAU,cAarB"}

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

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

package/lib/layouts/Navigation/Navigation.types.js

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

package/lib/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/lib/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/lib/layouts/Navigation/NavigationActions.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NavigationActions = void 0;
-const React = require("react");
-require("./Navigation.css");
-const NavigationActions = ({ children }) => (React.createElement("div", { className: "navigation-actions" }, children));
-exports.NavigationActions = NavigationActions;
-//# sourceMappingURL=NavigationActions.js.map

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

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

package/lib/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/lib/layouts/Navigation/NavigationBreadcrumb.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NavigationBreadcrumb = exports.NavigationBreadcrumbItem = void 0;
-const React = require("react");
-const react_1 = require("react");
-const Icon_1 = require("../../components/Icon/Icon");
-const validator_utils_1 = require("../../utils/validator.utils");
-require("./Navigation.css");
-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_1.Icon, { name: icon, size: "16" }))),
-        children));
-};
-exports.NavigationBreadcrumbItem = NavigationBreadcrumbItem;
-const NavigationBreadcrumb = ({ children }) => {
-    const breadcrumbItemElements = react_1.Children.toArray(children).filter(c => (0, validator_utils_1.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_1.Icon, { name: "chevron-right" }))))))));
-};
-exports.NavigationBreadcrumb = NavigationBreadcrumb;
-//# sourceMappingURL=NavigationBreadcrumb.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"NavigationBreadcrumb.js","sourceRoot":"","sources":["../../../src/layouts/Navigation/NavigationBreadcrumb.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,iCAAoD;AAEpD,qDAAkD;AAClD,iEAA6D;AAC7D,4BAA0B;AAEnB,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,WAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,IAAI,GAAG,CAC1B,CACP;QAEA,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAzBW,QAAA,wBAAwB,4BAyBnC;AAEK,MAAM,oBAAoB,GAAG,CAAC,EAAE,QAAQ,EAAqB,EAAE,EAAE;IACtE,MAAM,sBAAsB,GAAG,gBAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,IAAA,gCAAc,EAAC,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,WAAI,IAAC,IAAI,EAAC,eAAe,GAAG,CACzB,CACP,CACG,CACP,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,oBAAoB,wBAoB/B"}