@itilite/lumina-ui 0.0.4 → 0.0.6

package/dist/esm/types/components/Button/Button.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { ButtonProps } from "./types";
+declare const Button: React.FC<ButtonProps>;
+export default Button;

package/dist/esm/types/components/Button/index.d.ts

@@ -0,0 +1 @@
+export { default as Button } from "./Button";

package/dist/esm/types/components/Button/types.d.ts

@@ -0,0 +1,18 @@
+export interface ButtonProps {
+    id?: string;
+    name?: string;
+    type?: "primary" | "secondary" | "critical" | undefined;
+    variant?: "subtle" | "text" | "link";
+    size?: "large" | "small";
+    shape?: "circle" | "default" | "round";
+    icon?: React.ReactNode;
+    iconPosition?: "start" | "end";
+    className?: string;
+    children?: React.ReactNode;
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+    href?: string;
+    disabled?: boolean;
+    loading?: boolean;
+    onHoverUnderline?: boolean;
+    analytics?: Record<string, unknown>;
+}

package/dist/esm/types/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { CheckboxProps } from "./types";
+declare const Checkbox: React.FC<CheckboxProps>;
+export default Checkbox;

package/dist/esm/types/components/Checkbox/index.d.ts

@@ -0,0 +1 @@
+export { default as Checkbox } from "./Checkbox";

package/dist/esm/types/components/Checkbox/types.d.ts

@@ -0,0 +1,11 @@
+import { CheckboxChangeEvent } from 'antd/es/checkbox';
+export interface CheckboxProps {
+    checked?: boolean;
+    className?: string;
+    onChange?: (e: CheckboxChangeEvent) => void;
+    children?: React.ReactNode;
+    size?: "large" | "small" | "medium";
+    variant?: "normal" | "emphasized";
+    disabled?: boolean;
+    indeterminate?: boolean;
+}

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

@@ -0,0 +1,3 @@
+import { ModalProps } from "./types";
+declare const Modal: React.FC<ModalProps>;
+export default Modal;

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

@@ -0,0 +1 @@
+export { default as Modal } from "./Modal";

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

@@ -0,0 +1,21 @@
+export interface ModalProps {
+    className?: string | undefined;
+    title?: string | undefined;
+    children?: React.ReactNode;
+    open?: boolean;
+    handleOk?: ((e: React.MouseEvent<HTMLButtonElement>) => void) | undefined;
+    handleCancel?: ((e: React.MouseEvent<HTMLButtonElement>) => void) | undefined;
+    okText?: string | undefined;
+    cancelText?: string | undefined;
+    closeIcon?: React.ReactNode;
+    bodyClassName?: string | undefined;
+    outsideClickDisable?: boolean;
+    hideCross?: boolean;
+    okButtonLoading?: boolean;
+    okButtonDisabled?: boolean;
+    variant?: "primary" | "secondary";
+    okBtnClasses?: string | undefined;
+    cancelButtonAnalytics?: object | undefined;
+    okButtonAnalytics?: object | undefined;
+    footerMargintopDisable?: boolean;
+}

package/dist/esm/types/components/Radio/Radio.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { RadioProps } from "./types";
+declare const Radio: React.FC<RadioProps>;
+export default Radio;

package/dist/esm/types/components/Radio/index.d.ts

@@ -0,0 +1 @@
+export { default as Radio } from "./Radio";

package/dist/esm/types/components/Radio/types.d.ts

@@ -0,0 +1,11 @@
+import { RadioChangeEvent } from "antd/lib/radio";
+export interface RadioProps {
+    checked?: boolean;
+    className?: string;
+    onChange?: (event: RadioChangeEvent) => void;
+    children?: React.ReactNode;
+    size?: "large" | "small" | "medium";
+    variant?: "normal" | "emphasized";
+    disabled?: boolean;
+    extra?: React.ReactNode;
+}

package/dist/esm/types/components/Switch/Switch.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { SwitchProps } from "./types";
+declare const Switch: React.FC<SwitchProps>;
+export default Switch;

package/dist/esm/types/components/Switch/index.d.ts

@@ -0,0 +1 @@
+export { default as Switch } from "./Switch";

package/dist/esm/types/components/Switch/types.d.ts

@@ -0,0 +1,7 @@
+export interface SwitchProps {
+    size?: "default" | "small";
+    className?: string | undefined;
+    onChange?: (checked: boolean, event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
+    disabled?: boolean;
+    checked?: boolean;
+}

package/dist/esm/types/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,3 @@
+import { TooltipProps } from "./types";
+declare const Tooltip: React.FC<TooltipProps>;
+export default Tooltip;

package/dist/esm/types/components/Tooltip/index.d.ts

@@ -0,0 +1 @@
+export { default as Tooltip } from "./Tooltip";

package/dist/esm/types/components/Tooltip/types.d.ts

@@ -0,0 +1,8 @@
+export interface TooltipProps {
+    children?: React.ReactNode;
+    title?: string | undefined;
+    placement?: "top" | "left" | "right" | "bottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | undefined;
+    color?: string | undefined;
+    className?: string | undefined;
+    mode?: "light" | "dark";
+}

package/dist/esm/types/components/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./Button";
+export * from "./Switch";
+export * from "./Modal";
+export * from "./Tooltip";
+export * from './Checkbox';
+export * from './Radio';

package/dist/esm/types/index.d.ts

@@ -0,0 +1 @@
+export * from "./components";

package/package.json

@@ -1,95 +1,90 @@
 {
-	"name": "@itilite/lumina-ui",
-	"version": "0.0.4",
-	"description": "Design system",
-	"main": "dist/cjs/index.js",
-	"module": "dist/esm/index.js",
-	"types": "dist/types/index.d.ts",
-	"scripts": {
-		"build:types": "tsc --emitDeclarationOnly",
-		"build": "rollup -c",
-		"prebuild:all": "node -v && npm -v && pwd && ls -la",
-		"build:all": "ROLLUP_DEBUG=* rollup -c && tsc --emitDeclarationOnly",
-		"dev": "rollup -c -w",
-		"lint": "eslint ",
-		"lint:fix": "eslint ./src --ext .ts,.tsx --fix",
-		"test": "jest",
-		"publish": "npm init --scope=itilite && npm publish"
-	},
-	"author": "Itilite",
-	"license": "ISC",
-	"devDependencies": {
-		"@babel/core": "^7.25.9",
-		"@babel/preset-env": "^7.25.9",
-		"@babel/preset-react": "^7.25.9",
-		"@babel/preset-typescript": "^7.25.9",
-		"@rollup/plugin-commonjs": "^26.0.1",
-		"@rollup/plugin-node-resolve": "^15.2.3",
-		"@rollup/plugin-typescript": "^11.1.6",
-		"@testing-library/jest-dom": "^6.6.2",
-		"@testing-library/react": "^16.0.1",
-		"@types/jest": "^29.5.12",
-		"@types/prop-types": "^15.7.12",
-		"@types/react": "^18.3.12",
-		"@types/react-dom": "^18.3.0",
-		"@typescript-eslint/eslint-plugin": "^8.2.0",
-		"@typescript-eslint/parser": "^8.2.0",
-		"antd": "^5.20.1",
-		"autoprefixer": "^10.4.20",
-		"babel-jest": "^29.7.0",
-		"clsx": "^2.1.1",
-		"eslint": "^9.9.0",
-		"eslint-config-standard-with-typescript": "^43.0.1",
-		"eslint-define-config": "^2.1.0",
-		"eslint-plugin-import": "^2.29.1",
-		"eslint-plugin-react": "^7.35.0",
-		"eslint-plugin-react-hooks": "^5.1.0-rc.0",
-		"eslint-plugin-simple-import-sort": "^12.1.1",
-		"eslint-plugin-unused-imports": "^4.1.3",
-		"glob": "9.3.5",
-		"identity-obj-proxy": "^3.0.0",
-		"jest": "^29.7.0",
-		"jest-environment-jsdom": "^29.7.0",
-		"postcss": "^8.4.41",
-		"postcss-scss": "^4.0.9",
-		"prop-types": "^15.8.1",
-		"react": "^18.3.1",
-		"react-dom": "^18.3.1",
-		"rollup": "^4.21.0",
-		"rollup-plugin-dts": "^6.1.1",
-		"rollup-plugin-peer-deps-external": "^2.2.4",
-		"rollup-plugin-postcss": "^4.0.2",
-		"rollup-plugin-scss": "^4.0.0",
-		"sass": "^1.77.8",
-		"tailwindcss": "^3.4.10",
-		"tslib": "^2.6.3",
-		"typescript": "^5.5.3"
-	},
-	"peerDependencies": {
-		"react": ">=18"
-	},
-	"jest": {
-		"setupFilesAfterEnv": [
-			"<rootDir>/src/setupTests.ts"
-		],
-		"testEnvironment": "jsdom"
-	},
-	"repository": {
-		"type": "git",
-		"url": "git+https://github.com/Itilite/design-system.git"
-	},
-	"keywords": [
-		"Design",
-		"system",
-		"LuminaUI",
-		"Frontend"
-	],
-	"bugs": {
-		"url": "https://github.com/Itilite/design-system/issues"
-	},
-	"homepage": "https://github.com/Itilite/design-system#readme",
-	"dependencies": {
-		"minimatch": "^8.0.4",
-		"minipass": "^4.2.8"
-	}
-}
+  "name": "@itilite/lumina-ui",
+  "version": "0.0.6",
+  "description": "Design system",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/types/index.d.ts",
+  "author": "Itilite",
+  "license": "ISC",
+  "devDependencies": {
+    "@babel/core": "^7.25.9",
+    "@babel/preset-env": "^7.25.9",
+    "@babel/preset-react": "^7.25.9",
+    "@babel/preset-typescript": "^7.25.9",
+    "@rollup/plugin-commonjs": "^26.0.1",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-typescript": "^11.1.6",
+    "@testing-library/jest-dom": "^6.6.2",
+    "@testing-library/react": "^16.0.1",
+    "@types/jest": "^29.5.12",
+    "@types/prop-types": "^15.7.12",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.0",
+    "@typescript-eslint/eslint-plugin": "^8.2.0",
+    "@typescript-eslint/parser": "^8.2.0",
+    "antd": "^5.20.1",
+    "autoprefixer": "^10.4.20",
+    "babel-jest": "^29.7.0",
+    "clsx": "^2.1.1",
+    "eslint": "^9.9.0",
+    "eslint-config-standard-with-typescript": "^43.0.1",
+    "eslint-define-config": "^2.1.0",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-react": "^7.35.0",
+    "eslint-plugin-react-hooks": "^5.1.0-rc.0",
+    "eslint-plugin-simple-import-sort": "^12.1.1",
+    "eslint-plugin-unused-imports": "^4.1.3",
+    "glob": "9.3.5",
+    "identity-obj-proxy": "^3.0.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "postcss": "^8.4.41",
+    "postcss-scss": "^4.0.9",
+    "prop-types": "^15.8.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "rollup": "^4.21.0",
+    "rollup-plugin-dts": "^6.1.1",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-scss": "^4.0.0",
+    "sass": "^1.77.8",
+    "tailwindcss": "^3.4.10",
+    "tslib": "^2.6.3",
+    "typescript": "^5.5.3"
+  },
+  "peerDependencies": {
+    "react": ">=18"
+  },
+  "jest": {
+    "setupFilesAfterEnv": [
+      "<rootDir>/src/setupTests.ts"
+    ],
+    "testEnvironment": "jsdom"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Itilite/design-system.git"
+  },
+  "keywords": [
+    "Design",
+    "system",
+    "LuminaUI",
+    "Frontend"
+  ],
+  "bugs": {
+    "url": "https://github.com/Itilite/design-system/issues"
+  },
+  "homepage": "https://github.com/Itilite/design-system#readme",
+  "scripts": {
+    "build:types": "tsc --emitDeclarationOnly",
+    "build": "rollup -c",
+    "prebuild:all": "node -v && npm -v && pwd && ls -la",
+    "build:all": "ROLLUP_DEBUG=* rollup -c && tsc --emitDeclarationOnly",
+    "dev": "rollup -c -w",
+    "lint": "eslint ",
+    "lint:fix": "eslint ./src --ext .ts,.tsx --fix",
+    "test": "jest"
+  }
+}

package/src/components/Button/Button.module.scss

@@ -32,7 +32,7 @@
 		box-shadow: 0 1px 0 0 rgba(17, 24, 39, 0.1);
 		&:global(.ant-btn-primary):hover,
 		&:global(.ant-btn-primary):active {
-			@apply tw-bg-color-action-primary;
+			@apply tw-bg-color-action-primary-hover;
 			box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.1);
 		}
 		&.variant_subtle {
@@ -54,7 +54,7 @@
 		&.variant_link {
 			@apply tw-text-color-text-primary;
 			&:hover {
-				@apply tw-text-color-text-primary;
+				@apply tw-text-color-text-primary-hover;
 			}
 		}
 	}

package/src/components/Button/Button.tsx

@@ -22,7 +22,8 @@ const Button: React.FC<ButtonProps> = (props) => {
 		loading = false,
 		onHoverUnderline = false,
 		id = "",
-		name = ""
+		name = "",
+		tabIndex = 0,
 	} = props;
 
 	const buttonMap: Record<string, "primary" | "default" | "text" | "link"> = {
@@ -70,6 +71,7 @@ const Button: React.FC<ButtonProps> = (props) => {
 			loading={loading}
 			href={href || undefined}
 			data-testid='lumina-button'
+			tabIndex={tabIndex}
 		>
 			{children}
 		</AntButton>
@@ -89,6 +91,7 @@ Button.propTypes = {
 	disabled: PropTypes.bool,
 	loading: PropTypes.bool,
 	href: PropTypes.string,
+	tabIndex: PropTypes.number,
 	onHoverUnderline: PropTypes.bool,
 };
 

package/src/components/Button/types.ts

@@ -15,4 +15,5 @@ export interface ButtonProps {
 	loading?: boolean;
 	onHoverUnderline?: boolean;
 	analytics?: Record<string, unknown>;
+	tabIndex?: number;
 }