@akinon/ui-layout 0.4.0 → 0.6.0

package/dist/cjs/page-heading.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageHeading = void 0;
-require("./page-heading.css");
-const react_1 = require("react");
-const PageHeading = ({ title, description, actions }) => {
-    return (react_1.default.createElement("div", { className: "akinon-page-heading" },
-        react_1.default.createElement("div", { className: "akinon-page-heading__content" },
-            react_1.default.createElement("h1", { className: "akinon-page-heading__title" }, title),
-            description && (react_1.default.createElement("p", { className: "akinon-page-heading__description" }, description))),
-        actions && react_1.default.createElement("div", { className: "akinon-page-heading__actions" }, actions)));
-};
-exports.PageHeading = PageHeading;

package/dist/esm/Content.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-export interface ContentProps {
-    children?: React.ReactNode;
-}
-export declare const Content: ({ children }: ContentProps) => React.JSX.Element;
-//# sourceMappingURL=Content.d.ts.map

package/dist/esm/Content.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../src/Content.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,OAAO,iBAAkB,YAAY,sBAEjD,CAAC"}

package/dist/esm/Content.js

@@ -1,5 +0,0 @@
-import { Layout as AntLayout } from 'antd';
-import * as React from 'react';
-export const Content = ({ children }) => {
-    return React.createElement(AntLayout.Content, null, children);
-};

package/dist/esm/Flex.d.ts

@@ -1,4 +0,0 @@
-import { Flex, FlexProps } from 'antd';
-export type { FlexProps };
-export { Flex };
-//# sourceMappingURL=Flex.d.ts.map

package/dist/esm/Flex.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../src/Flex.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,MAAM,CAAC;AAEvC,YAAY,EAAE,SAAS,EAAE,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/esm/Flex.js

@@ -1,2 +0,0 @@
-import { Flex } from 'antd';
-export { Flex };

package/dist/esm/Footer.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-export interface FooterProps {
-    children?: React.ReactNode;
-}
-export declare const Footer: ({ children }: FooterProps) => React.JSX.Element;
-//# sourceMappingURL=Footer.d.ts.map

package/dist/esm/Footer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../src/Footer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,MAAM,iBAAkB,WAAW,sBAM/C,CAAC"}

package/dist/esm/Footer.js

@@ -1,5 +0,0 @@
-import { Layout as AntLayout } from 'antd';
-import * as React from 'react';
-export const Footer = ({ children }) => {
-    return (React.createElement(AntLayout.Footer, { style: { textAlign: 'center' } }, children));
-};

package/dist/esm/Grid.d.ts

@@ -1,4 +0,0 @@
-import { Col, ColProps, Row, RowProps } from 'antd';
-export type { ColProps, RowProps };
-export { Col, Row };
-//# sourceMappingURL=Grid.d.ts.map

package/dist/esm/Grid.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../src/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAEpD,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;AACnC,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC"}

package/dist/esm/Grid.js

@@ -1,2 +0,0 @@
-import { Col, Row } from 'antd';
-export { Col, Row };

package/dist/esm/Header.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-export interface HeaderProps {
-    children?: React.ReactNode;
-}
-export declare const Header: ({ children }: HeaderProps) => React.JSX.Element;
-//# sourceMappingURL=Header.d.ts.map

package/dist/esm/Header.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../src/Header.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,MAAM,iBAAkB,WAAW,sBAE/C,CAAC"}

package/dist/esm/Header.js

@@ -1,5 +0,0 @@
-import { Layout as AntLayout } from 'antd';
-import * as React from 'react';
-export const Header = ({ children }) => {
-    return React.createElement(AntLayout.Header, null, children);
-};

package/dist/esm/Layout.d.ts

@@ -1,6 +0,0 @@
-interface LayoutProps {
-    children: any;
-}
-export declare const Layout: ({ children }: LayoutProps) => JSX.Element;
-export {};
-//# sourceMappingURL=Layout.d.ts.map

package/dist/esm/Layout.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../src/Layout.tsx"],"names":[],"mappings":"AAGA,UAAU,WAAW;IACnB,QAAQ,EAAE,GAAG,CAAC;CACf;AAED,eAAO,MAAM,MAAM,iBAAkB,WAAW,KAAG,WAElD,CAAC"}

package/dist/esm/Layout.js

@@ -1,5 +0,0 @@
-import { Layout as AntLayout } from 'antd';
-import * as React from 'react';
-export const Layout = ({ children }) => {
-    return React.createElement(AntLayout, { style: { minHeight: '100vh' } }, children);
-};

package/dist/esm/Sider.d.ts

@@ -1,12 +0,0 @@
-import './index.css';
-import * as React from 'react';
-export interface SiderProps {
-    children?: React.ReactNode;
-    direction: 'left' | 'right';
-    collapsed?: boolean;
-    collapsedWidth?: number | string;
-    iconUrl?: string;
-    brandImageUrl?: string;
-}
-export declare const Sider: ({ children, direction, collapsed, collapsedWidth, iconUrl, brandImageUrl }: SiderProps) => React.JSX.Element;
-//# sourceMappingURL=Sider.d.ts.map

package/dist/esm/Sider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Sider.d.ts","sourceRoot":"","sources":["../../src/Sider.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AAGrB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,KAAK,+EAOf,UAAU,sBA8BZ,CAAC"}

package/dist/esm/Sider.js

@@ -1,14 +0,0 @@
-import './index.css';
-import { Layout as AntLayout } from 'antd';
-import * as React from 'react';
-export const Sider = ({ children, direction, collapsed, collapsedWidth, iconUrl, brandImageUrl }) => {
-    let LogoContainer;
-    if (iconUrl && brandImageUrl) {
-        LogoContainer = (React.createElement("div", { className: `logo-container ${collapsed ? 'collapsed' : ''}` },
-            React.createElement("img", { className: "logo", src: iconUrl, alt: "icon", width: 20, height: 20 }),
-            React.createElement("img", { className: "brand-image", src: brandImageUrl, alt: "brand-image", height: 20 })));
-    }
-    return (React.createElement(AntLayout.Sider, { collapsible: true, collapsed: collapsed, collapsedWidth: collapsedWidth, trigger: null, width: 250, className: `${direction}` },
-        LogoContainer,
-        children));
-};

package/dist/esm/index.css

@@ -1,49 +0,0 @@
-.akinon-layout {
-  &:not(.akinon-layout-has-sider) {
-    border-inline: 1px solid var(--color-gray-900);
-  }
-
-  .akinon-layout-header {
-    padding-inline: 1rem;
-    height: 3.5rem;
-    border-bottom: 1px solid var(--color-gray-900);
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    line-height: unset;
-    position: sticky;
-    top: 0;
-    z-index: 999;
-  }
-
-  .akinon-layout-sider {
-    position: sticky;
-    top: 0;
-    height: 100vh;
-    overflow-y: auto;
-
-    &.left {
-      inset-inline-start: 0;
-    }
-
-    &.right {
-      inset-inline-end: 0;
-    }
-
-    .logo-container {
-      display: flex;
-      flex-direction: row;
-      justify-content: center;
-      align-items: center;
-      height: 3.5rem;
-      gap: 0.8rem;
-      /* border-bottom: 1px solid var(--color-gray-900); */
-
-      &.collapsed {
-        .brand-image {
-          display: none;
-        }
-      }
-    }
-  }
-}

package/dist/esm/nav-card.css

@@ -1,83 +0,0 @@
-.nav-card {
-  background-color: var(--color-neutral-50);
-  border-radius: 0.35rem;
-  display: flex;
-}
-
-.nav-card__icon {
-  background-color: var(--color-gray-500);
-  border-bottom-left-radius: 0.25rem;
-  border-top-left-radius: 0.25rem;
-  color: var(--color-neutral-50);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 180px;
-
-  /* Overriding SVG so you will not have to pass size prop to Icon component. */
-  svg {
-    width: 1.75rem !important;
-    height: 1.75rem !important;
-  }
-
-  /* Change bg color based on the class set on .nav-card */
-  &:is(.nav-card-akinon *) {
-    background-color: var(--color-akinon-500);
-  }
-
-  &:is(.nav-card-azure *) {
-    background-color: var(--color-azure-500);
-  }
-
-  &:is(.nav-card-blue *) {
-    background-color: var(--color-blue-500);
-  }
-
-  &:is(.nav-card-orange *) {
-    background-color: var(--color-orange-500);
-  }
-
-  &:is(.nav-card-red *) {
-    background-color: var(--color-red-500);
-  }
-
-  &:is(.nav-card-green *) {
-    background-color: var(--color-green-500);
-  }
-
-  &:is(.nav-card-pink *) {
-    background-color: var(--color-pink-500);
-  }
-
-  &:is(.nav-card-purple *) {
-    background-color: var(--color-purple-500);
-  }
-}
-
-.nav-card__content {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: flex-start;
-  padding: 1.5rem 1rem;
-  width: 100%;
-}
-
-.nav-card__title {
-  color: var(--color-ebonyClay-900);
-  font-size: 1.15rem;
-  font-weight: 500;
-  margin: 0;
-  padding: 0;
-  line-height: 1;
-  text-decoration: none;
-}
-
-.nav-card__description {
-  color: var(--color-gray-400);
-  font-weight: 400;
-  margin: 0.5rem 0 0;
-  padding: 0;
-  line-height: 1.3;
-  text-decoration: none;
-}

package/dist/esm/nav-card.d.ts

@@ -1,12 +0,0 @@
-import './nav-card.css';
-import React, { ReactNode } from 'react';
-export type NavCardColorVariant = 'akinon' | 'azure' | 'blue' | 'orange' | 'red' | 'green' | 'pink' | 'purple';
-export interface NavCardProps {
-    title: string;
-    description: string;
-    icon?: ReactNode;
-    variant?: NavCardColorVariant;
-    className?: string;
-}
-export declare const NavCard: ({ title, description, icon, variant, className }: NavCardProps) => React.JSX.Element;
-//# sourceMappingURL=nav-card.d.ts.map

package/dist/esm/nav-card.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"nav-card.d.ts","sourceRoot":"","sources":["../../src/nav-card.tsx"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,CAAC;AAGxB,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,MAAM,MAAM,mBAAmB,GAC3B,QAAQ,GACR,OAAO,GACP,MAAM,GACN,QAAQ,GACR,KAAK,GACL,OAAO,GACP,MAAM,GACN,QAAQ,CAAC;AAEb,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,OAAO,qDAMjB,YAAY,sBAad,CAAC"}

package/dist/esm/page-content.d.ts

@@ -1,7 +0,0 @@
-import './page-content.css';
-import React, { ReactNode } from 'react';
-export interface PageContentProps extends React.HTMLAttributes<HTMLDivElement> {
-    children: ReactNode;
-}
-export declare const PageContent: ({ children, ...props }: PageContentProps) => React.JSX.Element;
-//# sourceMappingURL=page-content.d.ts.map

package/dist/esm/page-content.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-content.d.ts","sourceRoot":"","sources":["../../src/page-content.tsx"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,2BAA4B,gBAAgB,sBAInE,CAAC"}

package/dist/esm/page-heading.d.ts

@@ -1,9 +0,0 @@
-import './page-heading.css';
-import React, { ReactNode } from 'react';
-export interface PageHeadingProps {
-    title: string;
-    description?: string;
-    actions?: ReactNode;
-}
-export declare const PageHeading: ({ title, description, actions }: PageHeadingProps) => React.JSX.Element;
-//# sourceMappingURL=page-heading.d.ts.map

package/dist/esm/page-heading.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-heading.d.ts","sourceRoot":"","sources":["../../src/page-heading.tsx"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,oCAIrB,gBAAgB,sBAalB,CAAC"}