karsten-design-system 1.0.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.
Files changed (84) hide show
  1. package/README.md +50 -0
  2. package/dist/assets/icons/bell.d.ts +1 -0
  3. package/dist/assets/icons/cart.d.ts +1 -0
  4. package/dist/assets/icons/check.d.ts +1 -0
  5. package/dist/assets/icons/circleCheck.d.ts +1 -0
  6. package/dist/assets/icons/clock.d.ts +1 -0
  7. package/dist/assets/icons/close.d.ts +1 -0
  8. package/dist/assets/icons/dashboard.d.ts +1 -0
  9. package/dist/assets/icons/error.d.ts +1 -0
  10. package/dist/assets/icons/filter.d.ts +5 -0
  11. package/dist/assets/icons/grayInfo.d.ts +1 -0
  12. package/dist/assets/icons/home/account.d.ts +1 -0
  13. package/dist/assets/icons/home/accountsReceivable.d.ts +1 -0
  14. package/dist/assets/icons/home/box.d.ts +1 -0
  15. package/dist/assets/icons/home/circleWithDollarSign.d.ts +1 -0
  16. package/dist/assets/icons/home/computer.d.ts +1 -0
  17. package/dist/assets/icons/home/credit.d.ts +1 -0
  18. package/dist/assets/icons/home/payments.d.ts +1 -0
  19. package/dist/assets/icons/home/pieChart.d.ts +1 -0
  20. package/dist/assets/icons/home/profitability.d.ts +1 -0
  21. package/dist/assets/icons/home.d.ts +1 -0
  22. package/dist/assets/icons/info.d.ts +1 -0
  23. package/dist/assets/icons/menu.d.ts +1 -0
  24. package/dist/assets/icons/success.d.ts +1 -0
  25. package/dist/assets/icons/text.d.ts +1 -0
  26. package/dist/assets/icons/trash.d.ts +1 -0
  27. package/dist/assets/logo.d.ts +1 -0
  28. package/dist/assets/logoSmall.d.ts +1 -0
  29. package/dist/hook/useToast.d.ts +5 -0
  30. package/dist/index.esm.js +8150 -0
  31. package/dist/index.esm.js.map +1 -0
  32. package/dist/index.js +8170 -0
  33. package/dist/index.js.map +1 -0
  34. package/dist/mock/internalMenu.d.ts +2 -0
  35. package/dist/mock/mockedComponente/mockedChart.d.ts +5 -0
  36. package/dist/mock/mockedComponente/notificationMocked.d.ts +5 -0
  37. package/dist/mock/notifications.d.ts +2 -0
  38. package/dist/mock/tableItems.d.ts +8 -0
  39. package/dist/stories/components/accordion.d.ts +10 -0
  40. package/dist/stories/components/autoComplete.d.ts +8 -0
  41. package/dist/stories/components/breadcrumb.d.ts +6 -0
  42. package/dist/stories/components/breadcrumb.stories.d.ts +25 -0
  43. package/dist/stories/components/button.d.ts +17 -0
  44. package/dist/stories/components/button.stories.d.ts +82 -0
  45. package/dist/stories/components/card.d.ts +6 -0
  46. package/dist/stories/components/chart.d.ts +3 -0
  47. package/dist/stories/components/dateInput.d.ts +6 -0
  48. package/dist/stories/components/dialog.d.ts +9 -0
  49. package/dist/stories/components/divider.d.ts +2 -0
  50. package/dist/stories/components/filterButton.d.ts +18 -0
  51. package/dist/stories/components/header.d.ts +9 -0
  52. package/dist/stories/components/iconButton.d.ts +11 -0
  53. package/dist/stories/components/iconButton.stories.d.ts +44 -0
  54. package/dist/stories/components/icons.d.ts +1 -0
  55. package/dist/stories/components/infoCard.d.ts +8 -0
  56. package/dist/stories/components/input.d.ts +17 -0
  57. package/dist/stories/components/internalMenu.d.ts +6 -0
  58. package/dist/stories/components/link.d.ts +7 -0
  59. package/dist/stories/components/megaMenu.d.ts +6 -0
  60. package/dist/stories/components/megaMenu.stories.d.ts +25 -0
  61. package/dist/stories/components/notification.d.ts +16 -0
  62. package/dist/stories/components/notificationItem.d.ts +8 -0
  63. package/dist/stories/components/paginator.d.ts +2 -0
  64. package/dist/stories/components/radioButton.d.ts +15 -0
  65. package/dist/stories/components/select.d.ts +11 -0
  66. package/dist/stories/components/sidebar.d.ts +7 -0
  67. package/dist/stories/components/skeleton.d.ts +2 -0
  68. package/dist/stories/components/spinner.d.ts +15 -0
  69. package/dist/stories/components/spinner.stories.d.ts +41 -0
  70. package/dist/stories/components/table.d.ts +11 -0
  71. package/dist/stories/components/toast.d.ts +11 -0
  72. package/dist/stories/screens/dashboard.d.ts +2 -0
  73. package/dist/stories/screens/home.d.ts +1 -0
  74. package/dist/stories/screens/sign-in.d.ts +2 -0
  75. package/dist/stories/screens/table.d.ts +1 -0
  76. package/dist/types/breadcrumbItems.d.ts +4 -0
  77. package/dist/types/index.d.ts +4 -0
  78. package/dist/types/internalMenu.d.ts +11 -0
  79. package/dist/types/megaMenuItems.d.ts +6 -0
  80. package/dist/types/notification.d.ts +7 -0
  81. package/dist/types/options.d.ts +4 -0
  82. package/dist/types/table.d.ts +10 -0
  83. package/dist/utils/sortData.d.ts +2 -0
  84. package/package.json +75 -0
package/README.md ADDED
@@ -0,0 +1,50 @@
1
+ # React + TypeScript + Vite
2
+
3
+ This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
4
+
5
+ Currently, two official plugins are available:
6
+
7
+ - [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
8
+ - [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
9
+
10
+ ## Expanding the ESLint configuration
11
+
12
+ If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
13
+
14
+ - Configure the top-level `parserOptions` property like this:
15
+
16
+ ```js
17
+ export default tseslint.config({
18
+ languageOptions: {
19
+ // other options...
20
+ parserOptions: {
21
+ project: ['./tsconfig.node.json', './tsconfig.app.json'],
22
+ tsconfigRootDir: import.meta.dirname,
23
+ },
24
+ },
25
+ })
26
+ ```
27
+
28
+ - Replace `tseslint.configs.recommended` to `tseslint.configs.recommendedTypeChecked` or `tseslint.configs.strictTypeChecked`
29
+ - Optionally add `...tseslint.configs.stylisticTypeChecked`
30
+ - Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and update the config:
31
+
32
+ ```js
33
+ // eslint.config.js
34
+ import react from 'eslint-plugin-react'
35
+
36
+ export default tseslint.config({
37
+ // Set the react version
38
+ settings: { react: { version: '18.3' } },
39
+ plugins: {
40
+ // Add the react plugin
41
+ react,
42
+ },
43
+ rules: {
44
+ // other rules...
45
+ // Enable its recommended rules
46
+ ...react.configs.recommended.rules,
47
+ ...react.configs['jsx-runtime'].rules,
48
+ },
49
+ })
50
+ ```
@@ -0,0 +1 @@
1
+ export default function BellIcon(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export default function Cart(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export default function CheckIcon(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export default function CircleCheckIcon(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export default function ClockIcon(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export default function CloseIcon(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export default function DashboardIcon(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export default function ErrorIcon(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,5 @@
1
+ type FilterIconProps = {
2
+ color: string;
3
+ };
4
+ export default function FilterIcon({ color }: FilterIconProps): import("react/jsx-runtime").JSX.Element;
5
+ export {};
@@ -0,0 +1 @@
1
+ export default function GrayInfo(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export default function AccountIcon(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export default function AccountsReceivable(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export default function BoxIcon(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export default function CircleWithDollarSignIcon(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export default function ComputerIcon(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export default function CreditIcon(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export default function Paymentsicon(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export default function PieChartIcon(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export default function ProfitabilityIcon(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export default function HomeICon(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export default function InfoIcon(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export default function MenuIcon(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export default function SuccessIcon(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export default function TextIcon(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export default function TrashIcon(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export default function Logo(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export default function LogoSmall(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,5 @@
1
+ import { ToastProps, ToastRef } from '../stories/components/toast';
2
+ export declare function useToast(): {
3
+ toastRef: import("react").RefObject<ToastRef>;
4
+ showToast: (props: ToastProps) => void;
5
+ };