akku-kit 1.0.0-alpha.0 → 1.0.0-alpha.2

package/dist/styles.css

@@ -1 +1 @@
-.button{border:none;border-radius:.375rem;cursor:pointer;font-size:1rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.button--primary{background-color:#007bff;color:#fff}.button--primary:hover{background-color:#0069d9}.button--secondary{background-color:#6c757d;color:#fff}.button--secondary:hover{background-color:#5a6268}.button--success{background-color:#28a745;color:#fff}.button--success:hover{background-color:#218838}.button--danger{background-color:#dc3545;color:#fff}.button--danger:hover{background-color:#c82333}.button--warning{background-color:#ffc107;color:#212529}.button--warning:hover{background-color:#e0a800}.button--info{background-color:#17a2b8;color:#fff}.button--info:hover{background-color:#138496}.button--light{background-color:#f8f9fa;color:#212529}.button--light:hover{background-color:#e2e6ea}.button--dark{background-color:#343a40;color:#fff}.button--dark:hover{background-color:#23272b}.button--link{background-color:transparent;color:#007bff;text-decoration:underline}.button--link:hover{color:#0056b3}.button--outline-primary{background-color:transparent;border:1px solid #007bff;color:#007bff}.button--outline-primary:hover{background-color:#007bff;color:#fff}.button--outline-secondary{background-color:transparent;border:1px solid #6c757d;color:#6c757d}.button--outline-secondary:hover{background-color:#6c757d;color:#fff}.button--outline-success{background-color:transparent;border:1px solid #28a745;color:#28a745}.button--outline-success:hover{background-color:#28a745;color:#fff}.button--outline-danger{background-color:transparent;border:1px solid #dc3545;color:#dc3545}.button--outline-danger:hover{background-color:#dc3545;color:#fff}.button--outline-warning{background-color:transparent;border:1px solid #ffc107;color:#ffc107}.button--outline-warning:hover{background-color:#ffc107;color:#212529}.button--outline-info{background-color:transparent;border:1px solid #17a2b8;color:#17a2b8}.button--outline-info:hover{background-color:#17a2b8;color:#fff}.button--outline-light{background-color:transparent;border:1px solid #f8f9fa;color:#f8f9fa}.button--outline-light:hover{background-color:#f8f9fa;color:#212529}.button--outline-dark{background-color:transparent;border:1px solid #343a40;color:#343a40}.button--outline-dark:hover{background-color:#343a40;color:#fff}
+.Button-module_button__18Bed{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:.5rem;height:40px;justify-content:center;line-height:20px;padding:.5rem 1rem;transition:all .3s ease}.Button-module_button__18Bed:disabled{cursor:not-allowed;opacity:.5}.Button-module_button__18Bed:active{transform:scale(.98)}.Button-module_button__18Bed:focus{outline:2px solid var(--color-btn-focus-border);outline-offset:2px}.Button-module_button__18Bed:hover{background-color:inherit}.Button-module_button__18Bed.Button-module_primary__st6yY{background-color:var(--color-btn-primary-bg);color:var(--color-btn-primary-text)}.Button-module_button__18Bed.Button-module_secondary__j-3rj{background:var(--color-btn-secondary-bg);border:1px solid var(--color-btn-secondary-border);color:var(--color-btn-secondary-text)}.Button-module_button__18Bed.Button-module_danger__Hxs5n{background-color:var(--color-btn-danger-bg);color:var(--color-btn-primary-text)}.Button-module_button__18Bed.Button-module_primary-outlined__P6wo5{background-color:var(--color-white);border:1px solid var(--color-btn-outlined-primary-border);color:var(--color-btn-primary-outlined)}.Button-module_button__18Bed.Button-module_tertiary__Nd7xM{background-color:var(--color-btn-tertiary-bg);color:var(--color-btn-tertiary-text)}.Button-module_button__18Bed.Button-module_warning__1voOb{background-color:var(--color-btn-warning-bg);color:var(--color-btn-warning-text)}.Button-module_button__18Bed.Button-module_outline__TFr94{background-color:var(--color-white);border:1px solid var(--color-btn-outline-border);color:var(--color-btn-outline-text)}.Button-module_button__18Bed:hover.Button-module_primary__st6yY{background-color:var(--color-btn-primary-bg-hover)}.Button-module_button__18Bed:hover.Button-module_secondary__j-3rj{background-color:var(--color-btn-secondary-bg-hover)}.Button-module_button__18Bed:hover.Button-module_danger__Hxs5n{background-color:var(--color-btn-danger-bg-hover)}.Button-module_button__18Bed:hover.Button-module_primary-outlined__P6wo5{background-color:var(--color-btn-primary-outlined-hover)}.Button-module_button__18Bed:hover.Button-module_tertiary__Nd7xM{background-color:var(--color-btn-tertiary-bg-hover)}.Button-module_button__18Bed:hover.Button-module_warning__1voOb{background-color:var(--color-btn-warning-bg-hover)}.Button-module_button__18Bed:hover.Button-module_outline__TFr94{background-color:var(--color-btn-outline-bg-hover)}.Button-module_button__18Bed:active.Button-module_primary__st6yY{background-color:var(--color-btn-primary-bg-active)}.Button-module_button__18Bed:active.Button-module_secondary__j-3rj{background-color:var(--color-btn-secondary-bg-active)}.Button-module_button__18Bed:active.Button-module_danger__Hxs5n{background-color:var(--color-btn-danger-bg-active)}.Button-module_button__18Bed:active.Button-module_primary-outlined__P6wo5{background-color:var(--color-btn-primary-outlined-active)}.Button-module_button__18Bed:active.Button-module_tertiary__Nd7xM{background-color:var(--color-btn-tertiary-bg-active)}.Button-module_button__18Bed:active.Button-module_warning__1voOb{background-color:var(--color-btn-warning-bg-active)}.Button-module_button__18Bed:active.Button-module_outline__TFr94{background-color:var(--color-btn-outline-bg-active)}.Button-module_button__18Bed:focus.Button-module_primary__st6yY{outline:2px solid var(--color-btn-primary-focus-border)}.Button-module_button__18Bed:focus.Button-module_secondary__j-3rj{outline:2px solid var(--color-btn-secondary-focus-border)}.Button-module_button__18Bed:focus.Button-module_danger__Hxs5n{outline:2px solid var(--color-btn-danger-focus-border)}.Button-module_button__18Bed:focus.Button-module_primary-outlined__P6wo5{outline:2px solid var(--color-btn-primary-outlined-focus)}.Button-module_button__18Bed:focus.Button-module_tertiary__Nd7xM{outline:2px solid var(--color-btn-tertiary-focus-border)}.Button-module_button__18Bed:focus.Button-module_warning__1voOb{outline:2px solid var(--color-btn-warning-focus-border)}.Button-module_button__18Bed:focus.Button-module_outline__TFr94{outline:2px solid var(--color-btn-outline-focus-border)}.ButtonV1-module_button__NVATw{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:.5rem;height:40px;justify-content:center;line-height:20px;padding:.5rem 1rem;transition:all .3s ease}.ButtonV1-module_button__NVATw:disabled{cursor:not-allowed;opacity:.5}.ButtonV1-module_button__NVATw:active{transform:scale(.98)}.ButtonV1-module_button__NVATw:focus{outline:2px solid var(--color-btn-focus-border);outline-offset:2px}.ButtonV1-module_button__NVATw:hover{background-color:inherit}.ButtonV1-module_iconOnly__8uO1G{padding:.5rem}.ButtonV1-module_iconOnly__8uO1G.ButtonV1-module_small__VXuQn{padding:.25rem}.ButtonV1-module_iconOnly__8uO1G.ButtonV1-module_large__VBmZG{padding:.75rem}.ButtonV1-module_small__VXuQn{font-size:12px;height:32px;padding:.25rem .75rem}.ButtonV1-module_medium__Kbj6C{font-size:14px;height:40px;padding:.5rem 1rem}.ButtonV1-module_large__VBmZG{font-size:16px;height:48px;padding:.75rem 1.25rem}.ButtonV1-module_text__fsgIT{background:none;color:var(--color-primary)}.ButtonV1-module_contained__3odUU{background-color:var(--color-primary);color:#fff}.ButtonV1-module_contained__3odUU:hover{background-color:var(--color-primary-dark)}.ButtonV1-module_outlined__fBwOa{background:none;border:1px solid var(--color-primary);color:var(--color-primary)}.ButtonV1-module_outlined__fBwOa:hover{background-color:var(--color-primary-light)}.ButtonV1-module_fullWidth__3bzGN{width:100%}.ButtonV1-module_icon__E1hc4,.ButtonV1-module_loadingIndicator__MVbPU{align-items:center;display:inline-flex}.ButtonV1-module_loadingSpacing__J8D3p{display:inline-block;width:.5rem}.ButtonV1-module_label__bBH8v{display:inline-block}.ButtonV1-module_spinner__g--dg{animation:ButtonV1-module_spin__CxbXc .6s linear infinite;border:2px solid transparent;border-radius:50%;border-top-color:currentcolor;height:1rem;width:1rem}@keyframes ButtonV1-module_spin__CxbXc{to{transform:rotate(1turn)}}.ButtonV1-module_loading__q3Loz{pointer-events:none}.ButtonV1-module_primary__nfYsS{--color-primary:#1976d2;--color-primary-light:#e3f2fd;--color-primary-dark:#1565c0}.ButtonV1-module_secondary__HsFea{--color-primary:#9c27b0;--color-primary-light:#f3e5f5;--color-primary-dark:#7b1fa2}.ButtonV1-module_success__BngMC{--color-primary:#2e7d32;--color-primary-light:#e8f5e9;--color-primary-dark:#1b5e20}.ButtonV1-module_error__T-K4-{--color-primary:#d32f2f;--color-primary-light:#fcebea;--color-primary-dark:#c62828}.MultiSelectField-module_wrapper__RPcXA{display:flex;flex-direction:column;gap:4px;position:relative;width:100%}.MultiSelectField-module_wrapper__RPcXA:hover .MultiSelectField-module_custom-textfield-tooltip__3-u-E{opacity:1;visibility:visible}.MultiSelectField-module_label__QeAi9{color:#111827;font-family:Inter,sans-serif;font-size:14px;font-weight:500}.MultiSelectField-module_required__yysY5{color:#dc2626;font-family:Inter,sans-serif;font-size:14px;margin-left:2px}.MultiSelectField-module_input-container__MqPsg{border:1px solid #d1d5db;border-radius:8px;display:flex;overflow:hidden;transition:border-color .2s ease-in-out}.MultiSelectField-module_input-container__MqPsg:focus-within{border-color:#2563eb}.MultiSelectField-module_input-container__MqPsg.MultiSelectField-module_disabled__1jvI6{background-color:#f9fafb;border-color:#e5e7eb}.MultiSelectField-module_input-container__MqPsg.MultiSelectField-module_disabled__1jvI6 .MultiSelectField-module_custom-textfield-prefix__wC5Ll{background-color:#f3f4f6;color:#9ca3af}.MultiSelectField-module_field-error__4cOD8{border-color:#dc2626}.MultiSelectField-module_field-input__wiEx3{border:none;color:#111827;flex:1;font-family:Inter,sans-serif;font-size:14px;outline:none;padding:10px 14px;width:100%}.MultiSelectField-module_field-input__wiEx3:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed;font-family:Inter,sans-serif}.MultiSelectField-module_dropdown-label__QZcNI{color:red!important;font-family:Inter,sans-serif;font-size:14px;font-weight:500}.PhoneField-module_wrapper__4RF-f{display:flex;flex-direction:column;gap:4px;position:relative;width:100%}.PhoneField-module_wrapper__4RF-f:hover .PhoneField-module_custom-textfield-tooltip__MXJzj{opacity:1;visibility:visible}.PhoneField-module_label__DOYhx{color:#111827;font-family:Inter,sans-serif;font-size:14px;font-weight:500}.PhoneField-module_required__P5Xoy{color:#dc2626;font-family:Inter,sans-serif;font-size:14px;margin-left:2px}.PhoneField-module_input-container__Lag-b{border:1px solid #d1d5db;border-radius:8px;display:flex;overflow:hidden;transition:border-color .2s ease-in-out}.PhoneField-module_input-container__Lag-b:focus-within{border-color:#2563eb}.PhoneField-module_input-container__Lag-b.PhoneField-module_disabled__4iC9k{background-color:#f9fafb;border-color:#e5e7eb}.PhoneField-module_input-container__Lag-b.PhoneField-module_disabled__4iC9k .PhoneField-module_custom-textfield-prefix__SPk5T{background-color:#f3f4f6;color:#9ca3af}.PhoneField-module_field-error__W8zll{border-color:#dc2626}.PhoneField-module_field-input__8mQ7h{border:none;color:#111827;flex:1;font-family:Inter,sans-serif;font-size:14px;outline:none;padding:10px 14px;width:100%}.PhoneField-module_field-input__8mQ7h:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed;font-family:Inter,sans-serif}

package/package.json

@@ -1,6 +1,13 @@
 {
   "name": "akku-kit",
-  "version": "1.0.0-alpha.0",
+  "version": "1.0.0-alpha.2",
+  "description": "A modern UI framework built for Akku projects. Includes reusable components, form fields, charts, and utilities with full TypeScript support and Storybook integration.",
+  "repository": {
+    "type": "git",
+    "url": "git+https://bitbucket.org/cnw-bitbucket-ws/akku-ui-framework.git"
+  },
+  "author": "Akku Team",
+  "license": "MIT",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
   "types": "dist/index.d.ts",
@@ -14,10 +21,21 @@
     "start": "storybook dev -p 4002",
     "build-storybook": "storybook build"
   },
-  "keywords": [],
-  "author": "",
-  "license": "ISC",
-  "description": "",
+  "keywords": [
+    "akku",
+    "akku-kit",
+    "ui-framework",
+    "component-library",
+    "react-components",
+    "typescript",
+    "form-fields",
+    "charts",
+    "table",
+    "typography",
+    "skeleton-loader",
+    "storybook",
+    "design-system"
+  ],
   "peerDependencies": {
     "react": "^18.0.0",
     "react-dom": "^18.0.0"

package/dist/components/Input.d.ts

@@ -1 +0,0 @@
-export default function Input(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Modal/Modal.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import './Modal.module.scss';
-import { ModalProps } from './Modal.types';
-declare const Modal: FC<ModalProps>;
-export default Modal;

package/dist/components/Modal/Modal.stories.d.ts

@@ -1,12 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import Modal from './Modal';
-declare const meta: Meta<typeof Modal>;
-export default meta;
-type Story = StoryObj<typeof Modal>;
-export declare const Default: Story;
-export declare const Centered: Story;
-export declare const NotCentered: Story;
-export declare const MaskClosable: Story;
-export declare const NotDestroyOnClose: Story;
-export declare const CustomContent: Story;
-export declare const WithCustomClassName: Story;

package/dist/components/Modal/Modal.types.d.ts

@@ -1,56 +0,0 @@
-import React from 'react';
-/**
- * Defines the props accepted by the Modal component.
- */
-export interface ModalProps {
-    /**
-     * Controls the visibility of the modal.
-     */
-    isOpen: boolean;
-    /**
-     * Callback function to close the modal.
-     */
-    handleClose: () => void;
-    /**
-     * If true, the modal and its overlay will be unmounted from the DOM when closed.
-     * If false, it will remain in the DOM but hidden.
-     * @default true
-     */
-    destroyOnClose?: boolean;
-    /**
-     * If true, the modal content will be vertically and horizontally centered.
-     * @default true
-     */
-    centered?: boolean;
-    /**
-     * If true, clicking the modal mask (overlay) will close the modal.
-     * @default false
-     */
-    maskClosable?: boolean;
-    /**
-     * Additional CSS class name for the modal overlay.
-     */
-    className?: string;
-    /**
-     * The content to be displayed inside the modal.
-     */
-    children: React.ReactNode;
-    /**
-     * Optional title for the modal. Used for accessibility labeling (aria-labelledby).
-     */
-    title?: React.ReactNode;
-    /**
-     * Optional description for the modal. Used for accessibility labeling (aria-describedby).
-     */
-    description?: React.ReactNode;
-    /**
-     * HTML ID for the modal title element if you want to provide one.
-     * If `title` prop is used and no `titleId` is given, a default ID will be generated.
-     */
-    titleId?: string;
-    /**
-     * HTML ID for the modal description element if you want to provide one.
-     * If `description` prop is used and no `descriptionId` is given, a default ID will be generated.
-     */
-    descriptionId?: string;
-}

package/dist/components/Modal/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './Modal';
-export * from './Modal.types';

package/dist/storybook/Button.d.ts

@@ -1,15 +0,0 @@
-import './button.css';
-export interface ButtonProps {
-    /** Is this the principal call to action on the page? */
-    primary?: boolean;
-    /** What background color to use */
-    backgroundColor?: string;
-    /** How large should the button be? */
-    size?: 'small' | 'medium' | 'large';
-    /** Button contents */
-    label: string;
-    /** Optional click handler */
-    onClick?: () => void;
-}
-/** Primary UI component for user interaction */
-export declare const Button: ({ primary, size, backgroundColor, label, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/storybook/Button.stories.d.ts

@@ -1,23 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: ({ primary, size, backgroundColor, label, ...props }: import("./Button").ButtonProps) => import("react/jsx-runtime").JSX.Element;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-    argTypes: {
-        backgroundColor: {
-            control: "color";
-        };
-    };
-    args: {
-        onClick: import("@vitest/spy").Mock<(...args: any[]) => any>;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Primary: Story;
-export declare const Secondary: Story;
-export declare const Large: Story;
-export declare const Small: Story;

package/dist/storybook/Header.d.ts

@@ -1,12 +0,0 @@
-import './header.css';
-type User = {
-    name: string;
-};
-export interface HeaderProps {
-    user?: User;
-    onLogin?: () => void;
-    onLogout?: () => void;
-    onCreateAccount?: () => void;
-}
-export declare const Header: ({ user, onLogin, onLogout, onCreateAccount }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/storybook/Header.stories.d.ts

@@ -1,18 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: ({ user, onLogin, onLogout, onCreateAccount }: import("./Header").HeaderProps) => import("react/jsx-runtime").JSX.Element;
-    tags: string[];
-    parameters: {
-        layout: string;
-    };
-    args: {
-        onLogin: import("@vitest/spy").Mock<(...args: any[]) => any>;
-        onLogout: import("@vitest/spy").Mock<(...args: any[]) => any>;
-        onCreateAccount: import("@vitest/spy").Mock<(...args: any[]) => any>;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const LoggedIn: Story;
-export declare const LoggedOut: Story;

package/dist/storybook/Page.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import './page.css';
-export declare const Page: React.FC;

package/dist/storybook/Page.stories.d.ts

@@ -1,12 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: import("react").FC<{}>;
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const LoggedOut: Story;
-export declare const LoggedIn: Story;