@akinon/ui-layout 0.3.2 → 0.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/Flex/index.d.ts +5 -0
- package/dist/cjs/Flex/index.d.ts.map +1 -0
- package/dist/cjs/Flex/index.js +39 -0
- package/dist/cjs/Grid/index.d.ts +6 -0
- package/dist/cjs/Grid/index.d.ts.map +1 -0
- package/dist/cjs/Grid/index.js +62 -0
- package/dist/cjs/Layout/Content/index.d.ts +5 -0
- package/dist/cjs/Layout/Content/index.d.ts.map +1 -0
- package/dist/cjs/Layout/Content/index.js +40 -0
- package/dist/cjs/Layout/Footer/index.d.ts +6 -0
- package/dist/cjs/Layout/Footer/index.d.ts.map +1 -0
- package/dist/cjs/Layout/Footer/index.js +41 -0
- package/dist/cjs/Layout/Header/index.d.ts +6 -0
- package/dist/cjs/Layout/Header/index.d.ts.map +1 -0
- package/dist/cjs/Layout/Header/index.js +41 -0
- package/dist/cjs/Layout/Sider/index.d.ts +6 -0
- package/dist/cjs/Layout/Sider/index.d.ts.map +1 -0
- package/dist/cjs/Layout/Sider/index.js +49 -0
- package/dist/cjs/Layout/index.d.ts +5 -0
- package/dist/cjs/Layout/index.d.ts.map +1 -0
- package/dist/cjs/Layout/index.js +39 -0
- package/dist/cjs/{nav-card.css → NavCard/index.css} +8 -8
- package/dist/cjs/NavCard/index.d.ts +6 -0
- package/dist/cjs/NavCard/index.d.ts.map +1 -0
- package/dist/cjs/NavCard/index.js +15 -0
- package/dist/cjs/{page-content.css → PageContent/index.css} +1 -1
- package/dist/cjs/PageContent/index.d.ts +6 -0
- package/dist/cjs/PageContent/index.d.ts.map +1 -0
- package/dist/cjs/{page-content.js → PageContent/index.js} +5 -4
- package/dist/cjs/{page-heading.css → PageHeading/index.css} +2 -2
- package/dist/cjs/PageHeading/index.d.ts +6 -0
- package/dist/cjs/PageHeading/index.d.ts.map +1 -0
- package/dist/cjs/PageHeading/index.js +14 -0
- package/dist/cjs/index.d.ts +11 -26
- package/dist/cjs/index.d.ts.map +1 -1
- package/dist/cjs/index.js +7 -10
- package/dist/esm/Flex/index.d.ts +5 -0
- package/dist/esm/Flex/index.d.ts.map +1 -0
- package/dist/esm/Flex/index.js +35 -0
- package/dist/esm/Grid/index.d.ts +6 -0
- package/dist/esm/Grid/index.d.ts.map +1 -0
- package/dist/esm/Grid/index.js +57 -0
- package/dist/esm/Layout/Content/index.d.ts +5 -0
- package/dist/esm/Layout/Content/index.d.ts.map +1 -0
- package/dist/esm/Layout/Content/index.js +36 -0
- package/dist/esm/Layout/Footer/index.d.ts +6 -0
- package/dist/esm/Layout/Footer/index.d.ts.map +1 -0
- package/dist/esm/Layout/Footer/index.js +37 -0
- package/dist/esm/Layout/Header/index.d.ts +6 -0
- package/dist/esm/Layout/Header/index.d.ts.map +1 -0
- package/dist/esm/Layout/Header/index.js +37 -0
- package/dist/esm/Layout/Sider/index.d.ts +6 -0
- package/dist/esm/Layout/Sider/index.d.ts.map +1 -0
- package/dist/esm/Layout/Sider/index.js +45 -0
- package/dist/esm/Layout/index.d.ts +5 -0
- package/dist/esm/Layout/index.d.ts.map +1 -0
- package/dist/esm/Layout/index.js +35 -0
- package/dist/esm/{nav-card.css → NavCard/index.css} +8 -8
- package/dist/esm/NavCard/index.d.ts +6 -0
- package/dist/esm/NavCard/index.d.ts.map +1 -0
- package/dist/esm/{nav-card.js → NavCard/index.js} +4 -4
- package/dist/esm/{page-content.css → PageContent/index.css} +1 -1
- package/dist/esm/PageContent/index.d.ts +6 -0
- package/dist/esm/PageContent/index.d.ts.map +1 -0
- package/dist/esm/{page-content.js → PageContent/index.js} +5 -4
- package/dist/esm/{page-heading.css → PageHeading/index.css} +2 -2
- package/dist/esm/PageHeading/index.d.ts +6 -0
- package/dist/esm/PageHeading/index.d.ts.map +1 -0
- package/dist/esm/{page-heading.js → PageHeading/index.js} +5 -4
- package/dist/esm/index.d.ts +11 -26
- package/dist/esm/index.d.ts.map +1 -1
- package/dist/esm/index.js +7 -10
- package/package.json +5 -9
- package/dist/cjs/Content.d.ts +0 -6
- package/dist/cjs/Content.d.ts.map +0 -1
- package/dist/cjs/Content.js +0 -9
- package/dist/cjs/Flex.d.ts +0 -4
- package/dist/cjs/Flex.d.ts.map +0 -1
- package/dist/cjs/Flex.js +0 -5
- package/dist/cjs/Footer.d.ts +0 -6
- package/dist/cjs/Footer.d.ts.map +0 -1
- package/dist/cjs/Footer.js +0 -9
- package/dist/cjs/Grid.d.ts +0 -4
- package/dist/cjs/Grid.d.ts.map +0 -1
- package/dist/cjs/Grid.js +0 -6
- package/dist/cjs/Header.d.ts +0 -6
- package/dist/cjs/Header.d.ts.map +0 -1
- package/dist/cjs/Header.js +0 -9
- package/dist/cjs/Layout.d.ts +0 -6
- package/dist/cjs/Layout.d.ts.map +0 -1
- package/dist/cjs/Layout.js +0 -9
- package/dist/cjs/Sider.d.ts +0 -12
- package/dist/cjs/Sider.d.ts.map +0 -1
- package/dist/cjs/Sider.js +0 -18
- package/dist/cjs/index.css +0 -49
- package/dist/cjs/nav-card.d.ts +0 -11
- package/dist/cjs/nav-card.d.ts.map +0 -1
- package/dist/cjs/nav-card.js +0 -15
- package/dist/cjs/page-content.d.ts +0 -7
- package/dist/cjs/page-content.d.ts.map +0 -1
- package/dist/cjs/page-heading.d.ts +0 -9
- package/dist/cjs/page-heading.d.ts.map +0 -1
- package/dist/cjs/page-heading.js +0 -13
- package/dist/esm/Content.d.ts +0 -6
- package/dist/esm/Content.d.ts.map +0 -1
- package/dist/esm/Content.js +0 -5
- package/dist/esm/Flex.d.ts +0 -4
- package/dist/esm/Flex.d.ts.map +0 -1
- package/dist/esm/Flex.js +0 -2
- package/dist/esm/Footer.d.ts +0 -6
- package/dist/esm/Footer.d.ts.map +0 -1
- package/dist/esm/Footer.js +0 -5
- package/dist/esm/Grid.d.ts +0 -4
- package/dist/esm/Grid.d.ts.map +0 -1
- package/dist/esm/Grid.js +0 -2
- package/dist/esm/Header.d.ts +0 -6
- package/dist/esm/Header.d.ts.map +0 -1
- package/dist/esm/Header.js +0 -5
- package/dist/esm/Layout.d.ts +0 -6
- package/dist/esm/Layout.d.ts.map +0 -1
- package/dist/esm/Layout.js +0 -5
- package/dist/esm/Sider.d.ts +0 -12
- package/dist/esm/Sider.d.ts.map +0 -1
- package/dist/esm/Sider.js +0 -14
- package/dist/esm/index.css +0 -49
- package/dist/esm/nav-card.d.ts +0 -11
- package/dist/esm/nav-card.d.ts.map +0 -1
- package/dist/esm/page-content.d.ts +0 -7
- package/dist/esm/page-content.d.ts.map +0 -1
- package/dist/esm/page-heading.d.ts +0 -9
- package/dist/esm/page-heading.d.ts.map +0 -1
package/dist/esm/index.js
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import './index.css';
|
|
2
|
-
import { Content } from './Content';
|
|
3
|
-
import { Footer } from './Footer';
|
|
4
|
-
import { Header } from './Header';
|
|
5
1
|
import { Layout as InternalLayout } from './Layout';
|
|
6
|
-
import {
|
|
2
|
+
import { Content } from './Layout/Content';
|
|
3
|
+
import { Footer } from './Layout/Footer';
|
|
4
|
+
import { Header } from './Layout/Header';
|
|
5
|
+
import { Sider } from './Layout/Sider';
|
|
7
6
|
const Layout = Object.assign(InternalLayout, {
|
|
8
7
|
Header,
|
|
9
8
|
Footer,
|
|
@@ -11,10 +10,8 @@ const Layout = Object.assign(InternalLayout, {
|
|
|
11
10
|
Sider
|
|
12
11
|
});
|
|
13
12
|
export { Layout };
|
|
14
|
-
// TODO: Rename these files to be lowercase.
|
|
15
|
-
// TODO: Add our file naming conventions to documentation.
|
|
16
13
|
export * from './Flex';
|
|
17
14
|
export * from './Grid';
|
|
18
|
-
export * from './
|
|
19
|
-
export * from './
|
|
20
|
-
export * from './
|
|
15
|
+
export * from './NavCard';
|
|
16
|
+
export * from './PageContent';
|
|
17
|
+
export * from './PageHeading';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@akinon/ui-layout",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.5.0",
|
|
4
4
|
"private": false,
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/esm/index.js",
|
|
@@ -9,16 +9,16 @@
|
|
|
9
9
|
"dist"
|
|
10
10
|
],
|
|
11
11
|
"dependencies": {
|
|
12
|
-
"antd": "5.
|
|
12
|
+
"antd": "5.17.0",
|
|
13
|
+
"clsx": "^2.0.0"
|
|
13
14
|
},
|
|
14
15
|
"devDependencies": {
|
|
15
16
|
"clean-package": "2.2.0",
|
|
16
17
|
"copyfiles": "^2.4.1",
|
|
17
18
|
"rimraf": "^5.0.5",
|
|
18
19
|
"typescript": "^5.2.2",
|
|
19
|
-
"@akinon/
|
|
20
|
-
"@akinon/
|
|
21
|
-
"@akinon/typescript-config": "0.1.0"
|
|
20
|
+
"@akinon/typescript-config": "0.3.0",
|
|
21
|
+
"@akinon/ui-theme": "0.6.0"
|
|
22
22
|
},
|
|
23
23
|
"peerDependencies": {
|
|
24
24
|
"react": ">=18",
|
|
@@ -40,10 +40,6 @@
|
|
|
40
40
|
"build:commonjs": "tsc --module commonjs --outDir dist/cjs",
|
|
41
41
|
"copy:files": "copyfiles -u 1 src/**/*.css dist/esm && copyfiles -u 1 src/**/*.css dist/cjs",
|
|
42
42
|
"clean": "rimraf dist/",
|
|
43
|
-
"lint": "eslint *.ts*",
|
|
44
|
-
"test": "vitest run",
|
|
45
|
-
"test:ui": "vitest --ui",
|
|
46
|
-
"test:watch": "vitest watch",
|
|
47
43
|
"typecheck": "tsc --noEmit"
|
|
48
44
|
}
|
|
49
45
|
}
|
package/dist/cjs/Content.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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/cjs/Content.js
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.Content = void 0;
|
|
4
|
-
const antd_1 = require("antd");
|
|
5
|
-
const React = require("react");
|
|
6
|
-
const Content = ({ children }) => {
|
|
7
|
-
return React.createElement(antd_1.Layout.Content, null, children);
|
|
8
|
-
};
|
|
9
|
-
exports.Content = Content;
|
package/dist/cjs/Flex.d.ts
DELETED
package/dist/cjs/Flex.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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/cjs/Flex.js
DELETED
package/dist/cjs/Footer.d.ts
DELETED
package/dist/cjs/Footer.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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/cjs/Footer.js
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.Footer = void 0;
|
|
4
|
-
const antd_1 = require("antd");
|
|
5
|
-
const React = require("react");
|
|
6
|
-
const Footer = ({ children }) => {
|
|
7
|
-
return (React.createElement(antd_1.Layout.Footer, { style: { textAlign: 'center' } }, children));
|
|
8
|
-
};
|
|
9
|
-
exports.Footer = Footer;
|
package/dist/cjs/Grid.d.ts
DELETED
package/dist/cjs/Grid.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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/cjs/Grid.js
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.Row = exports.Col = void 0;
|
|
4
|
-
const antd_1 = require("antd");
|
|
5
|
-
Object.defineProperty(exports, "Col", { enumerable: true, get: function () { return antd_1.Col; } });
|
|
6
|
-
Object.defineProperty(exports, "Row", { enumerable: true, get: function () { return antd_1.Row; } });
|
package/dist/cjs/Header.d.ts
DELETED
package/dist/cjs/Header.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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/cjs/Header.js
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.Header = void 0;
|
|
4
|
-
const antd_1 = require("antd");
|
|
5
|
-
const React = require("react");
|
|
6
|
-
const Header = ({ children }) => {
|
|
7
|
-
return React.createElement(antd_1.Layout.Header, null, children);
|
|
8
|
-
};
|
|
9
|
-
exports.Header = Header;
|
package/dist/cjs/Layout.d.ts
DELETED
package/dist/cjs/Layout.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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/cjs/Layout.js
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.Layout = void 0;
|
|
4
|
-
const antd_1 = require("antd");
|
|
5
|
-
const React = require("react");
|
|
6
|
-
const Layout = ({ children }) => {
|
|
7
|
-
return React.createElement(antd_1.Layout, { style: { minHeight: '100vh' } }, children);
|
|
8
|
-
};
|
|
9
|
-
exports.Layout = Layout;
|
package/dist/cjs/Sider.d.ts
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import './index.css';
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
export interface SiderProps {
|
|
4
|
-
children?: React.ReactNode;
|
|
5
|
-
direction: 'left' | 'right';
|
|
6
|
-
collapsed?: boolean;
|
|
7
|
-
collapsedWidth?: number | string;
|
|
8
|
-
iconUrl?: string;
|
|
9
|
-
brandImageUrl?: string;
|
|
10
|
-
}
|
|
11
|
-
export declare const Sider: ({ children, direction, collapsed, collapsedWidth, iconUrl, brandImageUrl }: SiderProps) => React.JSX.Element;
|
|
12
|
-
//# sourceMappingURL=Sider.d.ts.map
|
package/dist/cjs/Sider.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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/cjs/Sider.js
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.Sider = void 0;
|
|
4
|
-
require("./index.css");
|
|
5
|
-
const antd_1 = require("antd");
|
|
6
|
-
const React = require("react");
|
|
7
|
-
const Sider = ({ children, direction, collapsed, collapsedWidth, iconUrl, brandImageUrl }) => {
|
|
8
|
-
let LogoContainer;
|
|
9
|
-
if (iconUrl && brandImageUrl) {
|
|
10
|
-
LogoContainer = (React.createElement("div", { className: `logo-container ${collapsed ? 'collapsed' : ''}` },
|
|
11
|
-
React.createElement("img", { className: "logo", src: iconUrl, alt: "icon", width: 20, height: 20 }),
|
|
12
|
-
React.createElement("img", { className: "brand-image", src: brandImageUrl, alt: "brand-image", height: 20 })));
|
|
13
|
-
}
|
|
14
|
-
return (React.createElement(antd_1.Layout.Sider, { collapsible: true, collapsed: collapsed, collapsedWidth: collapsedWidth, trigger: null, width: 250, className: `${direction}` },
|
|
15
|
-
LogoContainer,
|
|
16
|
-
children));
|
|
17
|
-
};
|
|
18
|
-
exports.Sider = Sider;
|
package/dist/cjs/index.css
DELETED
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
.akinon-layout {
|
|
2
|
-
&:not(.akinon-layout-has-sider) {
|
|
3
|
-
border-inline: 1px solid var(--color-gray-900);
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
.akinon-layout-header {
|
|
7
|
-
padding-inline: 1rem;
|
|
8
|
-
height: 3.5rem;
|
|
9
|
-
border-bottom: 1px solid var(--color-gray-900);
|
|
10
|
-
display: flex;
|
|
11
|
-
align-items: center;
|
|
12
|
-
justify-content: space-between;
|
|
13
|
-
line-height: unset;
|
|
14
|
-
position: sticky;
|
|
15
|
-
top: 0;
|
|
16
|
-
z-index: 999;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.akinon-layout-sider {
|
|
20
|
-
position: sticky;
|
|
21
|
-
top: 0;
|
|
22
|
-
height: 100vh;
|
|
23
|
-
overflow-y: auto;
|
|
24
|
-
|
|
25
|
-
&.left {
|
|
26
|
-
inset-inline-start: 0;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
&.right {
|
|
30
|
-
inset-inline-end: 0;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
.logo-container {
|
|
34
|
-
display: flex;
|
|
35
|
-
flex-direction: row;
|
|
36
|
-
justify-content: center;
|
|
37
|
-
align-items: center;
|
|
38
|
-
height: 3.5rem;
|
|
39
|
-
gap: 0.8rem;
|
|
40
|
-
/* border-bottom: 1px solid var(--color-gray-900); */
|
|
41
|
-
|
|
42
|
-
&.collapsed {
|
|
43
|
-
.brand-image {
|
|
44
|
-
display: none;
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
}
|
package/dist/cjs/nav-card.d.ts
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import './nav-card.css';
|
|
2
|
-
import React, { ReactNode } from 'react';
|
|
3
|
-
export type NavCardColorVariant = 'akinon' | 'azure' | 'blue' | 'orange' | 'red' | 'green' | 'pink' | 'purple';
|
|
4
|
-
export interface NavCardProps {
|
|
5
|
-
title: string;
|
|
6
|
-
description: string;
|
|
7
|
-
icon?: ReactNode;
|
|
8
|
-
variant?: NavCardColorVariant;
|
|
9
|
-
}
|
|
10
|
-
export declare const NavCard: ({ title, description, icon, variant }: NavCardProps) => React.JSX.Element;
|
|
11
|
-
//# sourceMappingURL=nav-card.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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;CAC/B;AAED,eAAO,MAAM,OAAO,0CAKjB,YAAY,sBAad,CAAC"}
|
package/dist/cjs/nav-card.js
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.NavCard = void 0;
|
|
4
|
-
require("./nav-card.css");
|
|
5
|
-
const clsx_1 = require("clsx");
|
|
6
|
-
const react_1 = require("react");
|
|
7
|
-
const NavCard = ({ title, description, icon, variant }) => {
|
|
8
|
-
const variantClass = variant ? `nav-card-${variant}` : '';
|
|
9
|
-
return (react_1.default.createElement("div", { className: (0, clsx_1.default)('nav-card', variantClass) },
|
|
10
|
-
icon && react_1.default.createElement("div", { className: "nav-card__icon" }, icon),
|
|
11
|
-
react_1.default.createElement("div", { className: "nav-card__content" },
|
|
12
|
-
react_1.default.createElement("h2", { className: "nav-card__title" }, title),
|
|
13
|
-
react_1.default.createElement("div", { className: "nav-card__description" }, description))));
|
|
14
|
-
};
|
|
15
|
-
exports.NavCard = NavCard;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import './page-content.css';
|
|
2
|
-
import React, { ReactNode } from 'react';
|
|
3
|
-
export interface PageContentProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
|
-
children: ReactNode;
|
|
5
|
-
}
|
|
6
|
-
export declare const PageContent: ({ children, ...props }: PageContentProps) => React.JSX.Element;
|
|
7
|
-
//# sourceMappingURL=page-content.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import './page-heading.css';
|
|
2
|
-
import React, { ReactNode } from 'react';
|
|
3
|
-
export interface PageHeadingProps {
|
|
4
|
-
title: string;
|
|
5
|
-
description?: string;
|
|
6
|
-
actions?: ReactNode;
|
|
7
|
-
}
|
|
8
|
-
export declare const PageHeading: ({ title, description, actions }: PageHeadingProps) => React.JSX.Element;
|
|
9
|
-
//# sourceMappingURL=page-heading.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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"}
|
package/dist/cjs/page-heading.js
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.PageHeading = void 0;
|
|
4
|
-
require("./page-heading.css");
|
|
5
|
-
const react_1 = require("react");
|
|
6
|
-
const PageHeading = ({ title, description, actions }) => {
|
|
7
|
-
return (react_1.default.createElement("div", { className: "akinon-page-heading" },
|
|
8
|
-
react_1.default.createElement("div", { className: "akinon-page-heading__content" },
|
|
9
|
-
react_1.default.createElement("h1", { className: "akinon-page-heading__title" }, title),
|
|
10
|
-
description && (react_1.default.createElement("p", { className: "akinon-page-heading__description" }, description))),
|
|
11
|
-
actions && react_1.default.createElement("div", { className: "akinon-page-heading__actions" }, actions)));
|
|
12
|
-
};
|
|
13
|
-
exports.PageHeading = PageHeading;
|
package/dist/esm/Content.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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
DELETED
package/dist/esm/Flex.d.ts
DELETED
package/dist/esm/Flex.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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
DELETED
package/dist/esm/Footer.d.ts
DELETED
package/dist/esm/Footer.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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
DELETED
package/dist/esm/Grid.d.ts
DELETED
package/dist/esm/Grid.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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
DELETED
package/dist/esm/Header.d.ts
DELETED
package/dist/esm/Header.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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
DELETED
package/dist/esm/Layout.d.ts
DELETED
package/dist/esm/Layout.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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
DELETED
package/dist/esm/Sider.d.ts
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import './index.css';
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
export interface SiderProps {
|
|
4
|
-
children?: React.ReactNode;
|
|
5
|
-
direction: 'left' | 'right';
|
|
6
|
-
collapsed?: boolean;
|
|
7
|
-
collapsedWidth?: number | string;
|
|
8
|
-
iconUrl?: string;
|
|
9
|
-
brandImageUrl?: string;
|
|
10
|
-
}
|
|
11
|
-
export declare const Sider: ({ children, direction, collapsed, collapsedWidth, iconUrl, brandImageUrl }: SiderProps) => React.JSX.Element;
|
|
12
|
-
//# sourceMappingURL=Sider.d.ts.map
|
package/dist/esm/Sider.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import './index.css';
|
|
2
|
-
import { Layout as AntLayout } from 'antd';
|
|
3
|
-
import * as React from 'react';
|
|
4
|
-
export const Sider = ({ children, direction, collapsed, collapsedWidth, iconUrl, brandImageUrl }) => {
|
|
5
|
-
let LogoContainer;
|
|
6
|
-
if (iconUrl && brandImageUrl) {
|
|
7
|
-
LogoContainer = (React.createElement("div", { className: `logo-container ${collapsed ? 'collapsed' : ''}` },
|
|
8
|
-
React.createElement("img", { className: "logo", src: iconUrl, alt: "icon", width: 20, height: 20 }),
|
|
9
|
-
React.createElement("img", { className: "brand-image", src: brandImageUrl, alt: "brand-image", height: 20 })));
|
|
10
|
-
}
|
|
11
|
-
return (React.createElement(AntLayout.Sider, { collapsible: true, collapsed: collapsed, collapsedWidth: collapsedWidth, trigger: null, width: 250, className: `${direction}` },
|
|
12
|
-
LogoContainer,
|
|
13
|
-
children));
|
|
14
|
-
};
|
package/dist/esm/index.css
DELETED
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
.akinon-layout {
|
|
2
|
-
&:not(.akinon-layout-has-sider) {
|
|
3
|
-
border-inline: 1px solid var(--color-gray-900);
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
.akinon-layout-header {
|
|
7
|
-
padding-inline: 1rem;
|
|
8
|
-
height: 3.5rem;
|
|
9
|
-
border-bottom: 1px solid var(--color-gray-900);
|
|
10
|
-
display: flex;
|
|
11
|
-
align-items: center;
|
|
12
|
-
justify-content: space-between;
|
|
13
|
-
line-height: unset;
|
|
14
|
-
position: sticky;
|
|
15
|
-
top: 0;
|
|
16
|
-
z-index: 999;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.akinon-layout-sider {
|
|
20
|
-
position: sticky;
|
|
21
|
-
top: 0;
|
|
22
|
-
height: 100vh;
|
|
23
|
-
overflow-y: auto;
|
|
24
|
-
|
|
25
|
-
&.left {
|
|
26
|
-
inset-inline-start: 0;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
&.right {
|
|
30
|
-
inset-inline-end: 0;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
.logo-container {
|
|
34
|
-
display: flex;
|
|
35
|
-
flex-direction: row;
|
|
36
|
-
justify-content: center;
|
|
37
|
-
align-items: center;
|
|
38
|
-
height: 3.5rem;
|
|
39
|
-
gap: 0.8rem;
|
|
40
|
-
/* border-bottom: 1px solid var(--color-gray-900); */
|
|
41
|
-
|
|
42
|
-
&.collapsed {
|
|
43
|
-
.brand-image {
|
|
44
|
-
display: none;
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
}
|
package/dist/esm/nav-card.d.ts
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import './nav-card.css';
|
|
2
|
-
import React, { ReactNode } from 'react';
|
|
3
|
-
export type NavCardColorVariant = 'akinon' | 'azure' | 'blue' | 'orange' | 'red' | 'green' | 'pink' | 'purple';
|
|
4
|
-
export interface NavCardProps {
|
|
5
|
-
title: string;
|
|
6
|
-
description: string;
|
|
7
|
-
icon?: ReactNode;
|
|
8
|
-
variant?: NavCardColorVariant;
|
|
9
|
-
}
|
|
10
|
-
export declare const NavCard: ({ title, description, icon, variant }: NavCardProps) => React.JSX.Element;
|
|
11
|
-
//# sourceMappingURL=nav-card.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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;CAC/B;AAED,eAAO,MAAM,OAAO,0CAKjB,YAAY,sBAad,CAAC"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import './page-content.css';
|
|
2
|
-
import React, { ReactNode } from 'react';
|
|
3
|
-
export interface PageContentProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
|
-
children: ReactNode;
|
|
5
|
-
}
|
|
6
|
-
export declare const PageContent: ({ children, ...props }: PageContentProps) => React.JSX.Element;
|
|
7
|
-
//# sourceMappingURL=page-content.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import './page-heading.css';
|
|
2
|
-
import React, { ReactNode } from 'react';
|
|
3
|
-
export interface PageHeadingProps {
|
|
4
|
-
title: string;
|
|
5
|
-
description?: string;
|
|
6
|
-
actions?: ReactNode;
|
|
7
|
-
}
|
|
8
|
-
export declare const PageHeading: ({ title, description, actions }: PageHeadingProps) => React.JSX.Element;
|
|
9
|
-
//# sourceMappingURL=page-heading.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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"}
|