karsten-design-system 1.0.23 → 1.0.25
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/README.md +1 -0
- package/dist/stories/components/breadcrumb.js +3 -4
- package/dist/stories/components/breadcrumb.js.map +1 -1
- package/dist/stories/components/internalMenu.js +3 -2
- package/dist/stories/components/internalMenu.js.map +1 -1
- package/dist/stories/components/sidebar.js +3 -2
- package/dist/stories/components/sidebar.js.map +1 -1
- package/dist/types/stories/components/breadcrumb.d.ts +1 -2
- package/package.json +4 -2
package/README.md
CHANGED
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
|
|
2
2
|
import clsx from 'clsx';
|
|
3
|
+
import { Link } from 'react-router-dom';
|
|
3
4
|
|
|
4
|
-
function Breadcrumb({ items
|
|
5
|
-
return (jsxRuntimeExports.jsx("nav", { className: "w-100", children: jsxRuntimeExports.jsx("ol", { className: "flex items-center gap-2", children: items?.map((item, index) => (jsxRuntimeExports.jsxs("li", { className: "flex flex-row gap-2", children: [jsxRuntimeExports.jsx(
|
|
6
|
-
? { href: item.href }
|
|
7
|
-
: { to: item.href }), className: clsx('text-base text-blue hover:underline'), children: item.label }), index < items.length - 1 && (jsxRuntimeExports.jsx("span", { className: "text-base text-blue", children: '>' }))] }, index))) }) }));
|
|
5
|
+
function Breadcrumb({ items }) {
|
|
6
|
+
return (jsxRuntimeExports.jsx("nav", { className: "w-100", children: jsxRuntimeExports.jsx("ol", { className: "flex items-center gap-2", children: items?.map((item, index) => (jsxRuntimeExports.jsxs("li", { className: "flex flex-row gap-2", children: [jsxRuntimeExports.jsx(Link, { to: item.href, className: clsx('text-base text-blue hover:underline'), children: item.label }), index < items.length - 1 && (jsxRuntimeExports.jsx("span", { className: "text-base text-blue", children: '>' }))] }, index))) }) }));
|
|
8
7
|
}
|
|
9
8
|
|
|
10
9
|
export { Breadcrumb };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"breadcrumb.js","sources":["../../../../src/stories/components/breadcrumb.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"
|
|
1
|
+
{"version":3,"file":"breadcrumb.js","sources":["../../../../src/stories/components/breadcrumb.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;AAQgB,SAAA,UAAU,CAAC,EAAE,KAAK,EAAmB,EAAA;AACnD,IAAA,QACEA,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,OAAO,EACpB,QAAA,EAAAA,qBAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,yBAAyB,EACpC,QAAA,EAAA,KAAK,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,MACtBC,sBAAA,CAAA,IAAA,EAAA,EAAgB,SAAS,EAAC,qBAAqB,EAC7C,QAAA,EAAA,CAAAD,qBAAA,CAAC,IAAI,EACH,EAAA,EAAE,EAAE,IAAI,CAAC,IAAI,EACb,SAAS,EAAE,IAAI,CAAC,qCAAqC,CAAC,YAErD,IAAI,CAAC,KAAK,EAAA,CACN,EACN,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,KACvBA,gCAAM,SAAS,EAAC,qBAAqB,EAAA,QAAA,EAAE,GAAG,EAAQ,CAAA,CACnD,CATM,EAAA,EAAA,KAAK,CAUT,CACN,CAAC,EACC,CAAA,EAAA,CACD;AAEV;;;;"}
|
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
|
|
2
2
|
import { useState } from 'react';
|
|
3
3
|
import TextIcon from '../../assets/icons/text.js';
|
|
4
|
+
import { Link } from 'react-router-dom';
|
|
4
5
|
|
|
5
6
|
function InternalMenu({ item }) {
|
|
6
7
|
const [open, setOpen] = useState();
|
|
7
|
-
return (jsxRuntimeExports.jsxs("div", { className: "w-72 overflow-x-hidden overflow-y-auto [&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-track]:rounded-r-md [&::-webkit-scrollbar-thumb]:rounded-md [&::-webkit-scrollbar-track]:bg-stone [&::-webkit-scrollbar-thumb]:bg-stoneDark ", children: [jsxRuntimeExports.jsx(
|
|
8
|
+
return (jsxRuntimeExports.jsxs("div", { className: "w-72 overflow-x-hidden overflow-y-auto [&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-track]:rounded-r-md [&::-webkit-scrollbar-thumb]:rounded-md [&::-webkit-scrollbar-track]:bg-stone [&::-webkit-scrollbar-thumb]:bg-stoneDark ", children: [jsxRuntimeExports.jsx(Link, { to: "/", className: "font-roboto px-4 pt-4 pb-2 text-base text-backgroundDark font-bold", children: "In\u00EDcio" }), item.map((item) => (jsxRuntimeExports.jsxs("div", { children: [jsxRuntimeExports.jsxs(Link, { className: "cursor-pointer flex flex-row justify-between items-center border-b px-2 py-1 border-b-stone", onClick: item.subItem
|
|
8
9
|
? item === open
|
|
9
10
|
? () => setOpen(undefined)
|
|
10
11
|
: () => setOpen(item)
|
|
11
|
-
: undefined,
|
|
12
|
+
: undefined, to: item.path || "", children: [jsxRuntimeExports.jsxs("div", { className: "flex flex-row items-center gap-2", children: [jsxRuntimeExports.jsx(TextIcon, {}), jsxRuntimeExports.jsx("span", { className: "font-roboto text-base text-backgroundDark", children: item.title })] }), item.subItem && (jsxRuntimeExports.jsx("i", { className: `pi ${open === item ? 'pi-angle-up' : 'pi-angle-down'} px-2 text-backgroundDark` }, item.id))] }), item.subItem && open === item && (jsxRuntimeExports.jsx("div", { className: "flex flex-col", children: item.subItem.map((subItem) => (jsxRuntimeExports.jsx(Link, { className: "cursor-pointer text-base text-backgroundDark pl-6 py-1", to: subItem.path, children: jsxRuntimeExports.jsx("span", { children: subItem.title }) }, subItem.id))) }))] }, item.id)))] }));
|
|
12
13
|
}
|
|
13
14
|
|
|
14
15
|
export { InternalMenu };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"internalMenu.js","sources":["../../../../src/stories/components/internalMenu.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"internalMenu.js","sources":["../../../../src/stories/components/internalMenu.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;AASgB,SAAA,YAAY,CAAC,EAAE,IAAI,EAAoB,EAAA;IACrD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,EAAqB;AAErD,IAAA,QACEA,sBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,sOAAsO,EAAA,QAAA,EAAA,CACnPC,sBAAC,IAAI,EAAA,EACH,EAAE,EAAC,GAAG,EACN,SAAS,EAAC,oEAAoE,EAAA,QAAA,EAAA,aAAA,EAAA,CAGzE,EACN,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,MACbD,2CACEA,sBAAC,CAAA,IAAI,EACH,EAAA,SAAS,EAAC,6FAA6F,EACvG,OAAO,EACL,IAAI,CAAC;8BACD,IAAI,KAAK;AACT,kCAAE,MAAM,OAAO,CAAC,SAAS;AACzB,kCAAE,MAAM,OAAO,CAAC,IAAI;8BACpB,SAAS,EAEf,EAAE,EAAE,IAAI,CAAC,IAAI,IAAI,EAAE,EAAA,QAAA,EAAA,CAEnBA,sBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,kCAAkC,EAC/C,QAAA,EAAA,CAAAC,qBAAA,CAAC,QAAQ,EAAA,EAAA,CAAG,EACZA,qBAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,2CAA2C,EAAA,QAAA,EACxD,IAAI,CAAC,KAAK,EAAA,CACN,CACH,EAAA,CAAA,EACL,IAAI,CAAC,OAAO,KACXA,qBAAA,CAAA,GAAA,EAAA,EACE,SAAS,EAAE,CAAM,GAAA,EAAA,IAAI,KAAK,IAAI,GAAG,aAAa,GAAG,eAAe,CAA2B,yBAAA,CAAA,EAAA,EACtF,IAAI,CAAC,EAAE,CACT,CACN,CAAA,EAAA,CACI,EACN,IAAI,CAAC,OAAO,IAAI,IAAI,KAAK,IAAI,KAC5BA,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,eAAe,EAAA,QAAA,EAC3B,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,OAAO,MACxBA,qBAAC,CAAA,IAAI,EAEH,EAAA,SAAS,EAAC,wDAAwD,EAClE,EAAE,EAAE,OAAO,CAAC,IAAI,EAEhB,QAAA,EAAAA,qBAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAO,OAAO,CAAC,KAAK,EAAA,CAAQ,EAJvB,EAAA,OAAO,CAAC,EAAE,CAKV,CACR,CAAC,EAAA,CACE,CACP,CAAA,EAAA,EArCO,IAAI,CAAC,EAAE,CAsCX,CACP,CAAC,CACE,EAAA,CAAA;AAEV;;;;"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
|
|
2
|
+
import { Link } from 'react-router-dom';
|
|
2
3
|
import DashboardIcon from '../../assets/icons/dashboard.js';
|
|
3
4
|
import HomeICon from '../../assets/icons/home.js';
|
|
4
5
|
|
|
5
6
|
function Sidebar({ item, onClose, dashboardHref }) {
|
|
6
|
-
return (jsxRuntimeExports.jsxs("div", { className: "relative w-100", children: [jsxRuntimeExports.jsx("div", { className: "fixed bottom-0 w-100 h-[calc(100vh_-_64px)] bg-backgroundDark/20 z-10", onClick: onClose }), jsxRuntimeExports.jsxs("div", { className: "fixed h-[calc(100vh_-_64px)] bottom-0 w-72 bg-background z-20", children: [jsxRuntimeExports.jsxs("div", { className: "cursor-pointer flex flex-row gap-3 items-center border-b pl-6 px-2 py-1 border-b-stone", children: [jsxRuntimeExports.jsx(HomeICon, {}), jsxRuntimeExports.jsx(
|
|
7
|
-
item.map((item) => (jsxRuntimeExports.jsxs(
|
|
7
|
+
return (jsxRuntimeExports.jsxs("div", { className: "relative w-100", children: [jsxRuntimeExports.jsx("div", { className: "fixed bottom-0 w-100 h-[calc(100vh_-_64px)] bg-backgroundDark/20 z-10", onClick: onClose }), jsxRuntimeExports.jsxs("div", { className: "fixed h-[calc(100vh_-_64px)] bottom-0 w-72 bg-background z-20", children: [jsxRuntimeExports.jsxs("div", { className: "cursor-pointer flex flex-row gap-3 items-center border-b pl-6 px-2 py-1 border-b-stone", children: [jsxRuntimeExports.jsx(HomeICon, {}), jsxRuntimeExports.jsx(Link, { to: "/", className: "font-roboto text-base text-backgroundDark", children: "In\u00EDcio" })] }), jsxRuntimeExports.jsxs("div", { className: "cursor-pointer flex flex-row gap-3 items-center border-b pl-6 px-2 py-1 border-b-stone", children: [jsxRuntimeExports.jsx(DashboardIcon, {}), jsxRuntimeExports.jsx(Link, { to: dashboardHref, className: "font-roboto text-base text-backgroundDark", children: "DashBoard" })] }), jsxRuntimeExports.jsxs("div", { className: "flex flex-row gap-3 items-center pl-6 pt-8 pb-4", children: [jsxRuntimeExports.jsx("i", { className: "pi pi-star px-2 !text-backgroundDark !font-bold text-lg" }), jsxRuntimeExports.jsx("p", { className: "text-backgroundDark font-bold text-lg", children: "Favoritos" })] }), jsxRuntimeExports.jsx("div", { className: "overflow-y-auto overflow-x-hidden [&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-track]:rounded-r-md [&::-webkit-scrollbar-thumb]:rounded-md [&::-webkit-scrollbar-track]:bg-stone [&::-webkit-scrollbar-thumb]:bg-stoneDark", children: item &&
|
|
8
|
+
item.map((item) => (jsxRuntimeExports.jsxs(Link, { className: "flex flex-row items-center pl-6 gap-2 border-b border-b-stone", to: item.path || "", children: [jsxRuntimeExports.jsx(HomeICon, {}), jsxRuntimeExports.jsx("span", { className: "font-roboto text-base py-2 text-backgroundDark", children: item.title })] }))) })] })] }));
|
|
8
9
|
}
|
|
9
10
|
|
|
10
11
|
export { Sidebar };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar.js","sources":["../../../../src/stories/components/sidebar.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"sidebar.js","sources":["../../../../src/stories/components/sidebar.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;AAUM,SAAU,OAAO,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,aAAa,EAAgB,EAAA;AACpE,IAAA,QACEA,sBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,gBAAgB,EAAA,QAAA,EAAA,CAC7BC,+BACE,SAAS,EAAC,uEAAuE,EACjF,OAAO,EAAE,OAAO,EAAA,CAChB,EACFD,sBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,+DAA+D,EAAA,QAAA,EAAA,CAC5EA,sBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,wFAAwF,EAAA,QAAA,EAAA,CACrGC,sBAAC,QAAQ,EAAA,EAAA,CAAG,EACZA,qBAAC,CAAA,IAAI,IAAC,EAAE,EAAC,GAAG,EAAC,SAAS,EAAC,2CAA2C,EAAA,QAAA,EAAA,aAAA,EAAA,CAE3D,IACH,EACND,sBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,wFAAwF,EACrG,QAAA,EAAA,CAAAC,qBAAA,CAAC,aAAa,EAAG,EAAA,CAAA,EACjBA,sBAAC,IAAI,EAAA,EAAC,EAAE,EAAE,aAAa,EAAE,SAAS,EAAC,2CAA2C,EAEvE,QAAA,EAAA,WAAA,EAAA,CAAA,CAAA,EAAA,CACH,EAEND,sBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,iDAAiD,aAC9DC,qBAAG,CAAA,GAAA,EAAA,EAAA,SAAS,EAAC,yDAAyD,EAAA,CAAG,EACzEA,qBAAG,CAAA,GAAA,EAAA,EAAA,SAAS,EAAC,uCAAuC,EAAA,QAAA,EAAA,WAAA,EAAA,CAAc,IAC9D,EAENA,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gOAAgO,YAC5O,IAAI;4BACH,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,MACZD,sBAAA,CAAC,IAAI,EAAC,EAAA,SAAS,EAAC,+DAA+D,EAAC,EAAE,EAAE,IAAI,CAAC,IAAI,IAAI,EAAE,EACjG,QAAA,EAAA,CAAAC,qBAAA,CAAC,QAAQ,EAAG,EAAA,CAAA,EACZA,gCAAM,SAAS,EAAC,gDAAgD,EAC7D,QAAA,EAAA,IAAI,CAAC,KAAK,EAAA,CACN,IACF,CACR,CAAC,GACA,CACF,EAAA,CAAA,CAAA,EAAA,CACF;AAEV;;;;"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { BreadcrumpItems } from '../../types';
|
|
2
2
|
export type BreadcrumbProps = {
|
|
3
3
|
items: BreadcrumpItems[];
|
|
4
|
-
linkComponent?: React.ElementType;
|
|
5
4
|
};
|
|
6
|
-
export declare function Breadcrumb({ items
|
|
5
|
+
export declare function Breadcrumb({ items }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "karsten-design-system",
|
|
3
3
|
"description": "Karsten Design System Components",
|
|
4
|
-
"version": "1.0.
|
|
4
|
+
"version": "1.0.25",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
7
7
|
"module": "./dist/index.js",
|
|
@@ -31,7 +31,8 @@
|
|
|
31
31
|
},
|
|
32
32
|
"peerDependencies": {
|
|
33
33
|
"react": "^17.0.0 || ^18.0.0 || ^19.0.0",
|
|
34
|
-
"react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
|
|
34
|
+
"react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0",
|
|
35
|
+
"react-router-dom": "^7.1.4"
|
|
35
36
|
},
|
|
36
37
|
"dependencies": {
|
|
37
38
|
"@types/date-fns": "^2.6.3",
|
|
@@ -60,6 +61,7 @@
|
|
|
60
61
|
"@storybook/test": "^8.4.7",
|
|
61
62
|
"@types/react": "^18.3.17",
|
|
62
63
|
"@types/react-dom": "^18.3.5",
|
|
64
|
+
"react-router-dom": "^7.1.4",
|
|
63
65
|
"@typescript-eslint/eslint-plugin": "^8.18.2",
|
|
64
66
|
"@typescript-eslint/parser": "^8.18.2",
|
|
65
67
|
"@vitejs/plugin-react": "^4.3.4",
|