karsten-design-system 1.0.9 → 1.0.11

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 CHANGED
@@ -5,37 +5,38 @@ Uma biblioteca de componentes React estilizados para projetos da Karsten, constr
5
5
  ## Instalação
6
6
 
7
7
  Com npm:
8
+
8
9
  ```bash
9
10
  npm install karsten-design-system
10
11
  ```
11
12
 
12
13
  Com yarn:
14
+
13
15
  ```bash
14
16
  yarn add karsten-design-system
15
17
  ```
16
18
 
17
- ## Configuração do Tailwind
18
-
19
- Inicialize o tailwind
20
-
21
- ```bash
22
- npx tailwindcss init -p
23
- ```
19
+ ## Configuração do PrimeReact
24
20
 
25
- Adicione ao seu tailwind.config.js:
21
+ No main.tsx adicione:
26
22
 
27
23
  ```js
28
- /** @type {import('tailwindcss').Config} */
29
- module.exports = {
30
- content: [
31
- './src/**/*.{js,ts,jsx,tsx}',
32
- './node_modules/karsten-design-system/**/*.{js,jsx,ts,tsx}'
33
- ],
34
- theme: {
35
- extend: {},
36
- },
37
- plugins: [],
38
- }
24
+ import { StrictMode } from "react";
25
+ import { createRoot } from "react-dom/client";
26
+ import "./index.css";
27
+ import App from "./App.tsx";
28
+
29
+ import { PrimeReactProvider } from 'primereact/api'; // Adicione o PrimeReactProvider
30
+ import Tailwind from 'primereact/passthrough/tailwind'; // Importe o Tailwind
31
+ import './index.css';
32
+
33
+ createRoot(document.getElementById("root")!).render(
34
+ <StrictMode>
35
+ <PrimeReactProvider value={{ pt: Tailwind }}> {/* Envolva o app no Provider do PrimeReact */}
36
+ <App />
37
+ </PrimeReactProvider>
38
+ </StrictMode>
39
+ );
39
40
  ```
40
41
 
41
42
  ## Pré-requisitos
@@ -48,7 +49,7 @@ Esta biblioteca requer as seguintes dependências:
48
49
  - @types/date-fns 2 ou superior
49
50
  - Chart.js 4 ou superior
50
51
  - clsx 2 ou superior
51
- - Data-fns 1 ou superior
52
+ - date-fns 1 ou superior
52
53
  - Primeicons 7 ou superior
53
54
  - Primereact 10 ou superior
54
55
  - Postcss 8 ou superior
@@ -66,18 +67,12 @@ import { Button } from 'karsten-design-system';
66
67
 
67
68
  ```jsx
68
69
  function App() {
69
- return (
70
- <Button label="Clique aqui" />
71
- );
70
+ return <Button label="Clique aqui" />;
72
71
  }
73
72
  ```
74
73
 
75
74
  ## Componentes Disponíveis
76
75
 
77
- [Liste aqui os componentes disponíveis na sua biblioteca com uma breve descrição de cada um]
78
-
79
- Por exemplo:
80
-
81
76
  - `Accordion` - Componente para exibir conteúdo em seções expansíveis e colapsáveis.
82
77
  - `AutoComplete` - Campo de entrada com sugestões automáticas baseadas no texto digitado.
83
78
  - `Breadcrumb` - Navegação hierárquica para indicar a localização atual do usuário.
@@ -105,40 +100,40 @@ Por exemplo:
105
100
  - `Table` - Tabela para exibição de dados estruturados.
106
101
  - `Toast` - Mensagens temporárias exibidas no canto da tela.
107
102
 
108
-
109
- ## Documentação
110
-
111
- Para uma documentação completa e exemplos, visite nosso [Storybook](link-do-seu-storybook).
112
-
113
103
  ## Desenvolvimento
114
104
 
115
105
  Para contribuir com o projeto:
116
106
 
117
- 1. Clone o repositório
107
+ 1. Clone o repositório:
108
+
118
109
  ```bash
119
- git clone https://github.com/3035tech/karsten-design-system
110
+ git clone https://github.com/KarstenSA/karsten-design-system.git
120
111
  ```
121
112
 
122
- 2. Instale as dependências
113
+ 2. Instale as dependências:
123
114
 
124
115
  Com npm:
116
+
125
117
  ```bash
126
118
  npm install
127
119
  ```
128
120
 
129
121
  Com yarn:
122
+
130
123
  ```bash
131
124
  yarn
132
125
  ```
133
126
 
134
- 3. Execute o Storybook para desenvolvimento
127
+ 3. Execute o Storybook para desenvolvimento:
135
128
 
136
129
  Com npm:
130
+
137
131
  ```bash
138
132
  npm run storybook
139
133
  ```
140
134
 
141
135
  Com yarn:
136
+
142
137
  ```bash
143
138
  yarn storybook
144
139
  ```
@@ -146,28 +141,67 @@ yarn storybook
146
141
  ## Scripts Disponíveis
147
142
 
148
143
  Com npm:
144
+
149
145
  - `npm run storybook` - Inicia o ambiente de desenvolvimento do Storybook
150
- - `npm run build` - Gera o build da biblioteca
146
+ - `npm run build-storybook` - Gera o build da biblioteca para hospedagem
147
+ - `npm run build` - Gera o build da biblioteca para publicação no npm
151
148
 
152
149
  Com yarn:
150
+
153
151
  - `yarn storybook` - Inicia o ambiente de desenvolvimento do Storybook
154
- - `yarn build` - Gera o build da biblioteca
152
+ - `yarn build-storybook` - Gera o build do Storybook para hospedagem
153
+ - `yarn build` - Gera o build da biblioteca para publicação no npm
154
+
155
+ ## Publicando uma Nova Versão no NPM
155
156
 
157
+ 1. Atualizar a Versão
156
158
 
157
- ## Suporte
159
+ Antes de publicar, aumente a versão no `package.json` e `package-lock.json`.
158
160
 
159
- Para suporte, entre em contato com 3035tech@3035tech.com.br.
161
+ 2. Fazer o Build
162
+
163
+ Com npm:
164
+
165
+ ```bash
166
+ npm run build
167
+ ```
168
+
169
+ Com yarn:
170
+
171
+ ```bash
172
+ yarn build
173
+ ```
174
+
175
+ 3. Login no NPM
176
+
177
+ Se ainda não estiver autenticado, faça login:
178
+
179
+ ```bash
180
+ npm login
181
+ ```
182
+
183
+ 4. Publicar
184
+
185
+ ```bash
186
+ npm publish --access public
187
+ ```
160
188
 
161
189
  ## Resolução de Problemas
162
190
 
163
191
  Se você encontrar o erro "peer dependencies missing", instale as dependências necessárias:
164
192
 
165
193
  Com npm:
194
+
166
195
  ```bash
167
- npm install react react-dom primereact
196
+ npm install react@^18 react-dom@^18 tailwindcss@^3.4.0 @types/date-fns@^2 chart.js@^4 clsx@^2 date-fns@^1 primeicons@^7 primereact@^10 postcss@^8 autoprefixer@^10
168
197
  ```
169
198
 
170
199
  Com yarn:
200
+
171
201
  ```bash
172
- yarn add react react-dom primereact
202
+ yarn add react@^18 react-dom@^18 tailwindcss@^3.4.0 @types/date-fns@^2 chart.js@^4 clsx@^2 date-fns@^1 primeicons@^7 primereact@^10 postcss@^8 autoprefixer@^10
173
203
  ```
204
+
205
+ ## Licença
206
+
207
+ Este projeto está licenciado sob a licença MIT.
@@ -4,14 +4,14 @@ import MenuIcon from '../../assets/icons/menu.js';
4
4
  import LogoSmall from '../../assets/logoSmall.js';
5
5
  import { Sidebar } from './sidebar.js';
6
6
 
7
- function Header({ sidebarItems, username, userConfigItems, setOpenNotifications, }) {
7
+ function Header({ sidebarItems, dashboardHref, username, userConfigItems, setOpenNotifications, }) {
8
8
  const [openSidebar, setOpenSidebar] = useState(false);
9
9
  const [openUserConfig, setOpenUserConfig] = useState(false);
10
10
  return (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsxs("div", { className: "w-100 min-h-16 border-b border-b-stone flex flex-row justify-between items-center px-8 shadow-header", children: [jsxRuntimeExports.jsxs("div", { className: "flex flex-row items-center gap-4", children: [jsxRuntimeExports.jsx("button", { className: "bg-transparent border-none", onClick: () => setOpenSidebar(!openSidebar), children: jsxRuntimeExports.jsx(MenuIcon, {}) }), jsxRuntimeExports.jsx(LogoSmall, {})] }), jsxRuntimeExports.jsxs("div", { className: "relative flex flex-row gap-4 items-center", children: [jsxRuntimeExports.jsx("i", { className: "pi pi-bell text-stoneDark cursor-pointer", onClick: () => setOpenNotifications(true) }), jsxRuntimeExports.jsxs("p", { className: "text-grayDark font-roboto font-semibold cursor-pointer", onClick: () => setOpenUserConfig(!openUserConfig), children: ["Ol\u00E1, ", username] }), openUserConfig && (jsxRuntimeExports.jsx("div", { className: `absolute w-100 bg-background shadow-md border border-stoneLight z-20 rounded-md p-2 -bottom-1 translate-y-full`, children: jsxRuntimeExports.jsx("ul", { children: userConfigItems.map(({ id, title, onClick, path }) => (jsxRuntimeExports.jsx("li", { className: "p-2", children: jsxRuntimeExports.jsx("a", { onClick: () => {
11
11
  if (onClick)
12
12
  onClick();
13
13
  setOpenUserConfig(false);
14
- }, href: path, className: "font-base font-roboto text-stoneDark cursor-pointer ", children: title }, id) }))) }) }))] })] }), openSidebar && (jsxRuntimeExports.jsx(Sidebar, { item: sidebarItems, onClose: () => {
14
+ }, href: path, className: "font-base font-roboto text-stoneDark cursor-pointer ", children: title }, id) }))) }) }))] })] }), openSidebar && (jsxRuntimeExports.jsx(Sidebar, { dashboardHref: dashboardHref, item: sidebarItems, onClose: () => {
15
15
  setOpenSidebar(false);
16
16
  } }))] }));
17
17
  }
@@ -1 +1 @@
1
- {"version":3,"file":"header.js","sources":["../../../../src/stories/components/header.tsx"],"sourcesContent":[null],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;AAaM,SAAU,MAAM,CAAC,EACrB,YAAY,EACZ,QAAQ,EACR,eAAe,EACf,oBAAoB,GACP,EAAA;IACb,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IACrD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAE3D,QACEA,sBACE,CAAAC,0BAAA,EAAA,EAAA,QAAA,EAAA,CAAAD,sBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,uGAAuG,EACpH,QAAA,EAAA,CAAAA,sBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,kCAAkC,EAAA,QAAA,EAAA,CAC/CE,kCACE,SAAS,EAAC,4BAA4B,EACtC,OAAO,EAAE,MAAM,cAAc,CAAC,CAAC,WAAW,CAAC,YAE3CA,qBAAC,CAAA,QAAQ,EAAG,EAAA,CAAA,EAAA,CACL,EACTA,qBAAA,CAAC,SAAS,EAAA,EAAA,CAAG,CACT,EAAA,CAAA,EAENF,sBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,2CAA2C,aACxDE,qBACE,CAAA,GAAA,EAAA,EAAA,SAAS,EAAC,0CAA0C,EACpD,OAAO,EAAE,MAAM,oBAAoB,CAAC,IAAI,CAAC,GACzC,EACFF,sBAAA,CAAA,GAAA,EAAA,EACE,SAAS,EAAC,wDAAwD,EAClE,OAAO,EAAE,MAAM,iBAAiB,CAAC,CAAC,cAAc,CAAC,EAE3C,QAAA,EAAA,CAAA,YAAA,EAAA,QAAQ,CACZ,EAAA,CAAA,EACH,cAAc,KACbE,qBAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,CAAgH,8GAAA,CAAA,EAAA,QAAA,EAE3HA,wCACG,eAAe,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAChDA,qBAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,KAAK,EAAA,QAAA,EACjBA,qBACE,CAAA,GAAA,EAAA,EAAA,OAAO,EAAE,MAAK;AACZ,gDAAA,IAAI,OAAO;AAAE,oDAAA,OAAO,EAAE;gDACtB,iBAAiB,CAAC,KAAK,CAAC;AAC1B,6CAAC,EAED,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,sDAAsD,EAAA,QAAA,EAE/D,KAAK,EAJD,EAAA,EAAE,CAKL,EAAA,CACD,CACN,CAAC,EAAA,CACC,EACD,CAAA,CACP,IACG,CACF,EAAA,CAAA,EACL,WAAW,KACVA,qBAAC,CAAA,OAAO,EACN,EAAA,IAAI,EAAE,YAAY,EAClB,OAAO,EAAE,MAAK;oBACZ,cAAc,CAAC,KAAK,CAAC;AACvB,iBAAC,EACD,CAAA,CACH,CACA,EAAA,CAAA;AAEP;;;;"}
1
+ {"version":3,"file":"header.js","sources":["../../../../src/stories/components/header.tsx"],"sourcesContent":[null],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;AAcgB,SAAA,MAAM,CAAC,EACrB,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,eAAe,EACf,oBAAoB,GACP,EAAA;IACb,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IACrD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAE3D,QACEA,sBACE,CAAAC,0BAAA,EAAA,EAAA,QAAA,EAAA,CAAAD,sBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,uGAAuG,EACpH,QAAA,EAAA,CAAAA,sBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,kCAAkC,EAAA,QAAA,EAAA,CAC/CE,kCACE,SAAS,EAAC,4BAA4B,EACtC,OAAO,EAAE,MAAM,cAAc,CAAC,CAAC,WAAW,CAAC,YAE3CA,qBAAC,CAAA,QAAQ,EAAG,EAAA,CAAA,EAAA,CACL,EACTA,qBAAA,CAAC,SAAS,EAAA,EAAA,CAAG,CACT,EAAA,CAAA,EAENF,sBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,2CAA2C,aACxDE,qBACE,CAAA,GAAA,EAAA,EAAA,SAAS,EAAC,0CAA0C,EACpD,OAAO,EAAE,MAAM,oBAAoB,CAAC,IAAI,CAAC,GACzC,EACFF,sBAAA,CAAA,GAAA,EAAA,EACE,SAAS,EAAC,wDAAwD,EAClE,OAAO,EAAE,MAAM,iBAAiB,CAAC,CAAC,cAAc,CAAC,EAE3C,QAAA,EAAA,CAAA,YAAA,EAAA,QAAQ,CACZ,EAAA,CAAA,EACH,cAAc,KACbE,qBAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,CAAgH,8GAAA,CAAA,EAAA,QAAA,EAE3HA,wCACG,eAAe,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAChDA,qBAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,KAAK,EAAA,QAAA,EACjBA,qBACE,CAAA,GAAA,EAAA,EAAA,OAAO,EAAE,MAAK;AACZ,gDAAA,IAAI,OAAO;AAAE,oDAAA,OAAO,EAAE;gDACtB,iBAAiB,CAAC,KAAK,CAAC;AAC1B,6CAAC,EAED,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,sDAAsD,EAE/D,QAAA,EAAA,KAAK,IAJD,EAAE,CAKL,GACD,CACN,CAAC,GACC,EACD,CAAA,CACP,CACG,EAAA,CAAA,CAAA,EAAA,CACF,EACL,WAAW,KACVA,qBAAC,CAAA,OAAO,IACR,aAAa,EAAE,aAAa,EAC1B,IAAI,EAAE,YAAY,EAClB,OAAO,EAAE,MAAK;oBACZ,cAAc,CAAC,KAAK,CAAC;AACvB,iBAAC,EACD,CAAA,CACH,CACA,EAAA,CAAA;AAEP;;;;"}
@@ -2,9 +2,9 @@ import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
2
2
  import DashboardIcon from '../../assets/icons/dashboard.js';
3
3
  import HomeICon from '../../assets/icons/home.js';
4
4
 
5
- function Sidebar({ item, onClose }) {
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("a", { href: "/", 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("a", { href: "/", 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 &&
7
- item.map((item) => (jsxRuntimeExports.jsxs("div", { className: "flex flex-row items-center pl-6 gap-2 border-b border-b-stone", children: [jsxRuntimeExports.jsx(HomeICon, {}), jsxRuntimeExports.jsx("span", { className: "font-roboto text-base py-2 text-backgroundDark", children: item.title })] }))) })] })] }));
5
+ 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("a", { href: "/", 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("a", { href: 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 &&
7
+ item.map((item) => (jsxRuntimeExports.jsxs("a", { className: "flex flex-row items-center pl-6 gap-2 border-b border-b-stone", href: item.path, children: [jsxRuntimeExports.jsx(HomeICon, {}), jsxRuntimeExports.jsx("span", { className: "font-roboto text-base py-2 text-backgroundDark", children: item.title })] }))) })] })] }));
8
8
  }
9
9
 
10
10
  export { Sidebar };
@@ -1 +1 @@
1
- {"version":3,"file":"sidebar.js","sources":["../../../../src/stories/components/sidebar.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;SAQgB,OAAO,CAAC,EAAE,IAAI,EAAE,OAAO,EAAgB,EAAA;AACrD,IAAA,QACEA,sBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,gBAAgB,EAAA,QAAA,EAAA,CAC7BC,+BACE,SAAS,EAAC,uEAAuE,EACjF,OAAO,EAAE,OAAO,GAChB,EACFD,sBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,+DAA+D,EAC5E,QAAA,EAAA,CAAAA,sBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,wFAAwF,aACrGC,qBAAC,CAAA,QAAQ,KAAG,EACZA,qBAAA,CAAA,GAAA,EAAA,EAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,2CAA2C,EAAA,QAAA,EAAA,aAAA,EAAA,CAE7D,IACA,EACND,sBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,wFAAwF,EACrG,QAAA,EAAA,CAAAC,qBAAA,CAAC,aAAa,EAAG,EAAA,CAAA,EACjBA,6BAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,2CAA2C,0BAE7D,CACA,EAAA,CAAA,EAEND,gCAAK,SAAS,EAAC,iDAAiD,EAAA,QAAA,EAAA,CAC9DC,6BAAG,SAAS,EAAC,yDAAyD,EAAG,CAAA,EACzEA,6BAAG,SAAS,EAAC,uCAAuC,EAAA,QAAA,EAAA,WAAA,EAAA,CAAc,IAC9D,EAENA,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gOAAgO,YAC5O,IAAI;AACH,4BAAA,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,MACZD,gCAAK,SAAS,EAAC,+DAA+D,EAAA,QAAA,EAAA,CAC5EC,sBAAC,QAAQ,EAAA,EAAA,CAAG,EACZA,qBAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,gDAAgD,EAAA,QAAA,EAC7D,IAAI,CAAC,KAAK,EACN,CAAA,CAAA,EAAA,CACH,CACP,CAAC,EAAA,CACA,CACF,EAAA,CAAA,CAAA,EAAA,CACF;AAEV;;;;"}
1
+ {"version":3,"file":"sidebar.js","sources":["../../../../src/stories/components/sidebar.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;AASM,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,GAChB,EACFD,sBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,+DAA+D,EAC5E,QAAA,EAAA,CAAAA,sBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,wFAAwF,aACrGC,qBAAC,CAAA,QAAQ,KAAG,EACZA,qBAAA,CAAA,GAAA,EAAA,EAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,2CAA2C,EAAA,QAAA,EAAA,aAAA,EAAA,CAE7D,IACA,EACND,sBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,wFAAwF,EACrG,QAAA,EAAA,CAAAC,qBAAA,CAAC,aAAa,EAAG,EAAA,CAAA,EACjBA,6BAAG,IAAI,EAAE,aAAa,EAAE,SAAS,EAAC,2CAA2C,0BAEzE,CACA,EAAA,CAAA,EAEND,gCAAK,SAAS,EAAC,iDAAiD,EAAA,QAAA,EAAA,CAC9DC,6BAAG,SAAS,EAAC,yDAAyD,EAAG,CAAA,EACzEA,6BAAG,SAAS,EAAC,uCAAuC,EAAA,QAAA,EAAA,WAAA,EAAA,CAAc,IAC9D,EAENA,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gOAAgO,YAC5O,IAAI;AACH,4BAAA,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,MACZD,sBAAG,CAAA,GAAA,EAAA,EAAA,SAAS,EAAC,+DAA+D,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAA,QAAA,EAAA,CAC1FC,qBAAC,CAAA,QAAQ,KAAG,EACZA,qBAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,gDAAgD,YAC7D,IAAI,CAAC,KAAK,EAAA,CACN,IACL,CACL,CAAC,GACA,CACF,EAAA,CAAA,CAAA,EAAA,CACF;AAEV;;;;"}
@@ -1,8 +1,9 @@
1
1
  import { InternalMenuItems } from '../../types/internalMenu';
2
2
  export type MenubarProps = {
3
3
  sidebarItems: InternalMenuItems[];
4
+ dashboardHref: string;
4
5
  userConfigItems: InternalMenuItems[];
5
6
  username: string;
6
7
  setOpenNotifications: (value: boolean) => void;
7
8
  };
8
- export declare function Header({ sidebarItems, username, userConfigItems, setOpenNotifications, }: MenubarProps): import("react/jsx-runtime").JSX.Element;
9
+ export declare function Header({ sidebarItems, dashboardHref, username, userConfigItems, setOpenNotifications, }: MenubarProps): import("react/jsx-runtime").JSX.Element;
@@ -1,6 +1,7 @@
1
1
  import { InternalMenuItems } from '../../types/internalMenu';
2
2
  export type sidebarProps = {
3
3
  item?: InternalMenuItems[];
4
+ dashboardHref: string;
4
5
  onClose?: () => void;
5
6
  };
6
- export declare function Sidebar({ item, onClose }: sidebarProps): import("react/jsx-runtime").JSX.Element;
7
+ export declare function Sidebar({ item, onClose, dashboardHref }: sidebarProps): 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.9",
4
+ "version": "1.0.11",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
7
7
  "module": "./dist/index.js",