@itilite/lumina-ui 0.0.321 → 0.0.322

package/src/components/Radio/Radio.tsx

@@ -1,54 +0,0 @@
-import React from "react";
-import { Radio as AntRadio } from "antd";
-import clsx from "clsx";
-import PropTypes from "prop-types";
-
-import classes from "./Radio.module.scss";
-import { RadioProps } from "./types";
-
-const Radio: React.FC<RadioProps> = ({
-	checked = true,
-	className = "",
-	size = "small",
-	variant = "normal",
-	children,
-	onChange = () => {},
-	disabled = false,
-	extra = null,
-	...rest
-}) => (
-	<>
-		<AntRadio
-			className={clsx(
-				classes.radio,
-				classes[`size_${size}`],
-				classes[`variant_${variant}`],
-				checked ? classes.type_checked : classes.type_unchecked,
-				disabled && classes.disabled,
-				className
-			)}
-			onChange={onChange}
-			checked={checked}
-			disabled={disabled}
-			{...rest}
-		>
-			{children}
-		</AntRadio>
-		{checked && extra}
-	</>
-);
-
-Radio.propTypes = {
-	checked: PropTypes.bool,
-	className: PropTypes.string,
-	size: PropTypes.oneOf(["large", "small", "medium"]),
-	variant: PropTypes.oneOf(["normal", "emphasized"]),
-	onChange: PropTypes.func,
-	children: PropTypes.element,
-	disabled: PropTypes.bool,
-	extra: PropTypes.element,
-};
-
-Radio.displayName = "Radio";
-
-export default Radio;

package/src/components/Radio/index.ts

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

package/src/components/Radio/types.ts

@@ -1,12 +0,0 @@
-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/src/components/Switch/Switch.module.scss

@@ -1,17 +0,0 @@
-.switch {
-	&:global(.ant-switch.ant-switch-small) {
-		@apply tw-h-3 tw-min-w-6;
-		:global(.ant-switch-handle) {
-			@apply tw-h-2 tw-w-2;
-		}
-	}
-	&:global(.ant-switch) {
-		&:global(.ant-switch-checked) {
-			@apply tw-bg-color-action-primary;
-			
-		}
-		&:global(.ant-switch-checked):hover{
-			@apply tw-bg-color-action-primary;
-		}
-	}
-}

package/src/components/Switch/Switch.tsx

@@ -1,37 +0,0 @@
-import * as React from "react";
-import { Switch as AntSwitch } from "antd";
-import clsx from "clsx";
-import PropTypes from "prop-types";
-
-import classes from "./Switch.module.scss";
-import { SwitchProps } from "./types";
-
-const Switch: React.FC<SwitchProps> = ({
-	className,
-	onChange = () => {},
-	size = "default",
-	disabled = false,
-	checked = false,
-	...rest
-}) => {
-	return (
-		<AntSwitch
-			className={clsx(className, classes.switch, classes[size])}
-			onChange={onChange}
-			size={size}
-			disabled={disabled}
-			checked={checked}
-			{...rest}
-		/>
-	);
-};
-
-Switch.propTypes = {
-	onChange: PropTypes.func,
-	size: PropTypes.oneOf(["small", "default"]),
-	disabled: PropTypes.bool,
-	checked: PropTypes.bool,
-};
-
-export default Switch;
-Switch.displayName = "Switch";

package/src/components/Switch/index.ts

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

package/src/components/Switch/types.ts

@@ -1,12 +0,0 @@
-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/src/components/Tag/Tag.module.scss

@@ -1,61 +0,0 @@
-.tag {
-	@apply tw-rounded;
-	@apply tw-p-1;
-	@apply tw-font-medium;
-	@apply tw-text-font-size-10;
-	@apply tw-leading-3;
-	@apply tw-bg-white;
-	@apply tw-h-max;
-	@apply tw-border-solid;
-	border-width: 0.5px;
-	&.small {
-		@apply tw-py-[2px] tw-px-1;
-		@apply tw-text-font-size-10;
-		@apply tw-leading-3;
-	}
-	&.success {
-		@apply tw-text-color-green-500;
-		@apply tw-bg-color-surface-success;
-		@apply tw-border-color-green-200;
-	}
-	&.blue {
-		@apply tw-text-color-blue-500;
-		@apply tw-bg-color-blue-50;
-		@apply tw-border-color-blue-200;
-	}
-	&.warning {
-		@apply tw-text-color-orange-600;
-		@apply tw-bg-color-orange-50;
-		@apply tw-border-color-orange-200;
-	}
-	&.processing {
-		@apply tw-text-color-text-weak;
-		@apply tw-bg-color-surface-default-hover;
-		@apply tw-border-color-gray-200;
-	}
-	&.bookingConfirmed {
-		@apply tw-text-color-text-success;
-		@apply tw-bg-color-surface-success;
-		@apply tw-border-color-green-200;
-	}
-	&.bookingRescheduled {
-		@apply tw-text-color-text-info;
-		@apply tw-bg-color-surface-info;
-		@apply tw-border-color-infoSubtle;
-	}
-	&.bookingRescheduledPending {
-		@apply tw-text-color-text-warning;
-		@apply tw-bg-color-surface-warning;
-		@apply tw-border-color-warningSubtle;
-	}
-	&.failed {
-		@apply tw-text-color-text-critical;
-		@apply tw-bg-color-surface-critical;
-		@apply tw-border-color-red-200;
-	}
-	&.bookingPending {
-		@apply tw-text-color-text-weak;
-		@apply tw-bg-color-surface-default-hover;
-		@apply tw-border-color-text-weak;
-	}
-}

package/src/components/Tag/Tag.tsx

@@ -1,34 +0,0 @@
-import * as React from "react";
-import { Tag as AntTag } from "antd";
-import clsx from "clsx";
-
-import classes from "./Tag.module.scss";
-import { TagProps } from "./type";
-
-const Tag: React.FC<TagProps> = (props) => {
-	const {
-		type = "success",
-		className = "",
-		title = "",
-		icon = null,
-		size = "",
-		...rest
-	} = props;
-	return (
-		<AntTag
-			className={clsx(
-				classes.tag,
-				size === "small" && classes.small,
-				classes[type],
-				className
-			)}
-			icon={icon}
-			{...rest}
-		>
-			{title}
-		</AntTag>
-	);
-};
-
-export default Tag;
-Tag.displayName = "Tag";

package/src/components/Tag/index.ts

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

package/src/components/Tag/type.ts

@@ -1,7 +0,0 @@
-export interface TagProps {
-	className?: string;
-	type?: "success" | "warning" | "blue" | "processing" | "failed" | undefined;
-	title?: string;
-	icon?: React.ReactNode;
-	size?: string;
-}

package/src/components/Tooltip/Tooltip.module.scss

@@ -1,12 +0,0 @@
-.light {
-	:global(.ant-tooltip-content) {
-		:global(.ant-tooltip-inner) {
-			background-color: white !important;
-			color: #111827;
-			@apply tw-text-color-border-dark-subtle tw-rounded-lg tw-p-2.5;
-		}
-	}
-	:global(.ant-tooltip-arrow:before) {
-		background-color: white !important;
-	}
-}

package/src/components/Tooltip/Tooltip.tsx

@@ -1,29 +0,0 @@
-import { Tooltip as AntTooltip } from "antd";
-
-import classes from "./Tooltip.module.scss";
-import { TooltipProps } from "./types";
-
-const Tooltip: React.FC<TooltipProps> = ({
-	children,
-	title = "",
-	placement = "top",
-	color = "#1F2937",
-	className,
-	mode = "dark",
-	...rest
-}) => {
-	return (
-		<AntTooltip
-			className={className}
-			color={color}
-			title={title}
-			placement={placement}
-			overlayClassName={mode === "light" ? classes.light : ""}
-			{...rest}
-		>
-			{children}
-		</AntTooltip>
-	);
-};
-
-export default Tooltip;

package/src/components/Tooltip/index.ts

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

package/src/components/Tooltip/types.ts

@@ -1,21 +0,0 @@
-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/src/components/index.ts

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

package/src/global.d.ts

@@ -1,6 +0,0 @@
-declare module "*.module.css";
-// declare module "*.module.scss";
-declare module "*.module.scss" {
-	const classes: { [key: string]: string };
-	export default classes;
-}

package/src/index.ts

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

package/src/types/jest.d.ts

@@ -1,10 +0,0 @@
-// src/types/jest.d.ts
-import '@testing-library/jest-dom';
-
-declare global {
-  namespace jest {
-    interface Matchers<R> {
-      toBeInTheDocument(): R;
-    }
-  }
-}

package/src/types/scss.d.ts

@@ -1 +0,0 @@
-

package/tsconfig.json

@@ -1,41 +0,0 @@
-{
-	"compilerOptions": {
-		/* Language and Environment */
-		"target": "esnext" /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */,
-		"jsx": "react-jsx" /* Specify what JSX code is generated. */,
-
-		/* Modules */
-		"module": "ESNext" /* Specify what module code is generated. */,
-		"moduleResolution": "Node" /* Specify how TypeScript looks up a file from a given module specifier. */,
-
-		/* JavaScript Support */
-		"allowJs": false /* Allow JavaScript files to be a part of your program. Use the 'checkJS' option to get errors from these files. */,
-		"maxNodeModuleJsDepth": 1 /* Specify the maximum folder depth used for checking JavaScript files from 'node_modules'. Only applicable with 'allowJs'. */,
-
-		/* Emit */
-		"declaration": true /* Generate .d.ts files from TypeScript and JavaScript files in your project. */,
-		"emitDeclarationOnly": true /* Only output d.ts files and not JavaScript files. */,
-		"sourceMap": true /* Create source map files for emitted JavaScript files. */,
-		"outDir": "dist" /* Specify an output folder for all emitted files. */,
-		"declarationDir": "dist/types" /* Specify the output directory for generated declaration files. */,
-
-		/* Interop Constraints */
-		"allowSyntheticDefaultImports": true /* Allow 'import x from y' when a module doesn't have a default export. */,
-		"esModuleInterop": true /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables 'allowSyntheticDefaultImports' for type compatibility. */,
-		"forceConsistentCasingInFileNames": true /* Ensure that casing is correct in imports. */,
-
-		/* Type Checking */
-		"strict": true /* Enable all strict type-checking options. */,
-		"noUnusedLocals": true /* Enable error reporting when local variables aren't read. */,
-		"noUnusedParameters": true /* Raise an error when a function parameter isn't read. */,
-		"noImplicitReturns": true /* Enable error reporting for codepaths that do not explicitly return in a function. */,
-		"noFallthroughCasesInSwitch": true /* Enable error reporting for fallthrough cases in switch statements. */,
-		"noUncheckedIndexedAccess": true /* Add 'undefined' to a type when accessed using an index. */,
-		"allowUnreachableCode": false /* Disable error reporting for unreachable code. */,
-
-		/* Completeness */
-		"skipLibCheck": true /* Skip type checking all .d.ts files. */,
-		// "types": ["@testing-library/jest-dom", "jest"]
-	},
-	"include": ["src", "src/types"]
-}