karsten-design-system 1.0.11 → 1.0.12

package/dist/stories/components/button.js

@@ -11,8 +11,8 @@ const variants = {
     grayOutline: 'bg-transparent !text-gray100 border-gray50 hover:bg-stone disabled:bg-stone disabled:text-stoneDark',
     tab: 'bg-background !text-primary border-background hover:bg-secondaryActive hover:border-grayDark disabled:bg-stoneDark disabled:text-background disabled:border-stoneDark',
 };
-function Button({ variant = 'primary', selected = false, rightIcon, className, ...props }) {
-    return (jsxRuntimeExports.jsx(Button$1, { ...props, className: clsx('!py-2 !shadow-none font-roboto', variants[variant], selected && variant === 'tab' && 'bg-secondary border-grayDark ', className), children: rightIcon && jsxRuntimeExports.jsx("span", { className: `pi pl-2 ${rightIcon}`, children: " " }) }));
+function Button({ variant = 'primary', selected = false, rightIcon, className, width = 'w-100', ...props }) {
+    return (jsxRuntimeExports.jsx(Button$1, { ...props, className: clsx('!py-2 !shadow-none font-roboto', variants[variant], selected && variant === 'tab' && 'bg-secondary border-grayDark ', width, className), children: rightIcon && jsxRuntimeExports.jsx("span", { className: `pi pl-2 ${rightIcon}`, children: " " }) }));
 }
 
 export { Button };

package/dist/stories/components/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../../../../src/stories/components/button.tsx"],"sourcesContent":[null],"names":["_jsx","PrimeButton"],"mappings":";;;;AAMA,MAAM,QAAQ,GAAG;AACf,IAAA,OAAO,EACL,mHAAmH;AACrH,IAAA,OAAO,EACL,oIAAoI;AACtI,IAAA,SAAS,EACP,0HAA0H;AAC5H,IAAA,gBAAgB,EACd,6FAA6F;AAC/F,IAAA,IAAI,EAAE,+EAA+E;AACrF,IAAA,WAAW,EACT,qGAAqG;AACvG,IAAA,GAAG,EAAE,uKAAuK;CAC7K;SAQe,MAAM,CAAC,EACrB,OAAO,GAAG,SAAS,EACnB,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,SAAS,EACT,GAAG,KAAK,EACI,EAAA;AACZ,IAAA,QACEA,qBAAC,CAAAC,QAAW,EACN,EAAA,GAAA,KAAK,EACT,SAAS,EAAE,IAAI,CACb,gCAAgC,EAChC,QAAQ,CAAC,OAAO,CAAC,EACjB,QAAQ,IAAI,OAAO,KAAK,KAAK,IAAI,+BAA+B,EAChE,SAAS,CACV,YAEA,SAAS,IAAID,qBAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,CAAW,QAAA,EAAA,SAAS,EAAE,EAAU,QAAA,EAAA,GAAA,EAAA,CAAA,EAAA,CACnD;AAElB;;;;"}
+{"version":3,"file":"button.js","sources":["../../../../src/stories/components/button.tsx"],"sourcesContent":[null],"names":["_jsx","PrimeButton"],"mappings":";;;;AAMA,MAAM,QAAQ,GAAG;AACf,IAAA,OAAO,EACL,mHAAmH;AACrH,IAAA,OAAO,EACL,oIAAoI;AACtI,IAAA,SAAS,EACP,0HAA0H;AAC5H,IAAA,gBAAgB,EACd,6FAA6F;AAC/F,IAAA,IAAI,EAAE,+EAA+E;AACrF,IAAA,WAAW,EACT,qGAAqG;AACvG,IAAA,GAAG,EAAE,uKAAuK;CAC7K;AASK,SAAU,MAAM,CAAC,EACrB,OAAO,GAAG,SAAS,EACnB,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,SAAS,EACT,KAAK,GAAG,OAAO,EACf,GAAG,KAAK,EACI,EAAA;AACZ,IAAA,QACEA,qBAAC,CAAAC,QAAW,OACN,KAAK,EACT,SAAS,EAAE,IAAI,CACb,gCAAgC,EAChC,QAAQ,CAAC,OAAO,CAAC,EACjB,QAAQ,IAAI,OAAO,KAAK,KAAK,IAAI,+BAA+B,EAChE,KAAK,EACL,SAAS,CACV,EAEA,QAAA,EAAA,SAAS,IAAID,qBAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,CAAW,QAAA,EAAA,SAAS,EAAE,EAAU,QAAA,EAAA,GAAA,EAAA,CAAA,EAAA,CACnD;AAElB;;;;"}

package/dist/stories/components/table.js

@@ -22,7 +22,7 @@ function Table({ columns, data, onDelete, onEdit, onExport, columnStyles = [{}],
     useEffect(() => {
         setSortedData(data);
     }, [data]);
-    return (jsxRuntimeExports.jsxs("table", { className: "w-100", children: [jsxRuntimeExports.jsx("thead", { children: jsxRuntimeExports.jsxs("tr", { className: "bg-gray-100", children: [columns.map((column) => (jsxRuntimeExports.jsxs("th", { className: "bg-primary first:rounded-ss-lg font-bold text-background text-sm uppercase p-2 text-center", onClick: () => handleSort(column), children: [column, jsxRuntimeExports.jsx("i", { className: "pi pi-sort-alt pl-2 text-xs", onClick: () => handleSort(column) })] }))), jsxRuntimeExports.jsx("th", { className: "bg-primary rounded-se-lg font-bold text-background text-sm uppercase p-2 text-center", children: "A\u00C7\u00D5ES" })] }) }), jsxRuntimeExports.jsx("tbody", { children: sortedData.map((item, index) => (jsxRuntimeExports.jsxs("tr", { className: clsx(index % 2 === 0 ? 'bg-background' : 'bg-[#196ECD0D]', item.className), children: [columns.map((column) => (jsxRuntimeExports.jsx("td", { className: clsx('p-3 text-sm text-center', getCellClassName(column, item[column])), children: item[column] }, column))), jsxRuntimeExports.jsxs("td", { className: "flex flex-row justify-around text-center gap-2 p-3", children: [jsxRuntimeExports.jsx("i", { className: "pi pi-pen-to-square", onClick: () => onEdit }), jsxRuntimeExports.jsx("i", { className: "pi pi-file-export", onClick: () => onExport }), jsxRuntimeExports.jsx("i", { className: "pi pi-trash", onClick: () => onDelete })] })] }, index))) })] }));
+    return (jsxRuntimeExports.jsxs("table", { className: "w-100", children: [jsxRuntimeExports.jsx("thead", { children: jsxRuntimeExports.jsxs("tr", { className: "bg-gray-100", children: [columns.map((column) => (jsxRuntimeExports.jsxs("th", { className: "bg-primary first:rounded-ss-lg font-bold text-background text-sm uppercase p-2 text-center", onClick: () => handleSort(column), children: [column, jsxRuntimeExports.jsx("i", { className: "pi pi-sort-alt pl-2 text-xs", onClick: () => handleSort(column) })] }))), jsxRuntimeExports.jsx("th", { className: "bg-primary rounded-se-lg font-bold text-background text-sm uppercase p-2 text-center", children: "A\u00C7\u00D5ES" })] }) }), jsxRuntimeExports.jsx("tbody", { children: sortedData.map((item, index) => (jsxRuntimeExports.jsxs("tr", { className: clsx(index % 2 === 0 ? 'bg-background' : 'bg-[#196ECD0D]', item.className), children: [columns.map((column) => (jsxRuntimeExports.jsx("td", { className: clsx('p-3 text-sm text-center', getCellClassName(column, item[column])), children: item[column] }, column))), jsxRuntimeExports.jsxs("td", { className: "flex flex-row justify-around text-center gap-2 p-3", children: [jsxRuntimeExports.jsx("i", { className: "pi pi-pen-to-square cursor-pointer", onClick: () => onEdit }), jsxRuntimeExports.jsx("i", { className: "pi pi-file-export cursor-pointer", onClick: () => onExport }), jsxRuntimeExports.jsx("i", { className: "pi pi-trash cursor-pointer", onClick: () => onDelete })] })] }, index))) })] }));
 }
 
 export { Table };

package/dist/stories/components/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.js","sources":["../../../../src/stories/components/table.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"table.js","sources":["../../../../src/stories/components/table.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/types/stories/components/button.d.ts

@@ -12,6 +12,7 @@ export type ButtonProps = {
     variant: keyof typeof variants;
     selected?: boolean;
     rightIcon?: string;
+    width?: string;
 } & PrimeButtonProps;
-export declare function Button({ variant, selected, rightIcon, className, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function Button({ variant, selected, rightIcon, className, width, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/stories/components/button.stories.d.ts

@@ -62,6 +62,10 @@ declare const meta: {
             control: string[];
             description: string;
         };
+        width: {
+            control: string[];
+            description: string;
+        };
     };
 };
 export default meta;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "karsten-design-system",
   "description": "Karsten Design System Components",
-  "version": "1.0.11",
+  "version": "1.0.12",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -35,14 +35,14 @@
   },
   "dependencies": {
     "@types/date-fns": "^2.6.3",
+    "autoprefixer": "^10.4.20",
     "chart.js": "^4.4.7",
     "clsx": "^2.1.1",
     "data-fns": "^1.1.0",
+    "postcss": "^8.5.1",
     "primeicons": "^7.0.0",
     "primereact": "^10.8.5",
-    "postcss": "^8.4.49",
-    "tailwindcss": "^3.4.17",
-    "autoprefixer": "^10.4.20"
+    "tailwindcss": "3"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^3.2.3",