@szum-tech/design-system 1.5.1 → 1.5.2

package/index.d.ts

@@ -0,0 +1,99 @@
+import { VariantProps } from 'class-variance-authority';
+import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
+import * as React from 'react';
+import React__default from 'react';
+
+declare const avatarCva: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+
+type AvatarCvaProps = VariantProps<typeof avatarCva>;
+type AvatarSizeType = NonNullable<AvatarCvaProps["size"]>;
+
+type AvatarProps = React.ComponentPropsWithoutRef<"div"> & {
+    /**
+     * Defines avatar image alt
+     */
+    alt?: string;
+    /**
+     * Defines background color
+     */
+    bg?: `bg-${string}` | `bg-${string}-${number}`;
+    /**
+     * Defines avatar size
+     * @default 'md'
+     */
+    size?: AvatarSizeType;
+    /**
+     * Defines avatar image src
+     */
+    src?: string;
+};
+declare function Avatar({ alt, bg, children, size, src, ...props }: AvatarProps): JSX.Element;
+
+declare const buttonCva: (props?: ({
+    color?: "neutral" | "primary" | "success" | "warning" | "error" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    variant?: "text" | "outlined" | "contained" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+
+type ButtonCvaProps = VariantProps<typeof buttonCva>;
+type ButtonSizeType = NonNullable<ButtonCvaProps["size"]>;
+type ButtonVariantType = NonNullable<ButtonCvaProps["variant"]>;
+type ButtonColorType = NonNullable<ButtonCvaProps["color"]>;
+
+type AsProp<C extends React.ElementType> = {
+    /**
+     * Defines HTML tag to be used for component
+     */
+    as?: C;
+};
+type PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);
+type PolymorphicComponentProp<C extends React.ElementType, Props = {}> = React.PropsWithChildren<Props & AsProp<C>> & Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
+
+type ButtonProp = {
+    /**
+     * Defines button color
+     * @default 'primary'
+     */
+    color?: ButtonColorType;
+    /**
+     * Defines button variant
+     * @default 'text'
+     */
+    variant?: ButtonVariantType;
+    /**
+     * Defines button size
+     * @default 'md'
+     */
+    size?: ButtonSizeType;
+};
+declare const _default: React.ForwardRefExoticComponent<Pick<PolymorphicComponentProp<React.ElementType<any>, ButtonProp>, string | number | symbol> & React.RefAttributes<unknown>>;
+
+type ThemeType = "light" | "dark";
+interface ThemeContextType {
+    theme: ThemeType;
+    setTheme: React__default.Dispatch<React__default.SetStateAction<ThemeType>>;
+}
+
+declare const ThemeContext: React__default.Context<ThemeContextType>;
+
+interface ThemeProviderProps {
+    /**
+     * Children Components using theming.
+     */
+    children?: React__default.ReactNode;
+    /**
+     * Define the default theme which is set at the beginning if neither local storage nor media is defined.
+     */
+    defaultTheme?: ThemeType;
+    /**
+     * Define theme that is always set initially.
+     */
+    theme?: ThemeType;
+}
+declare function ThemeProvider({ children, defaultTheme, theme }: ThemeProviderProps): JSX.Element;
+
+declare const useTheme: () => ThemeContextType;
+
+export { Avatar, AvatarProps, AvatarSizeType, _default as Button, ThemeContext, ThemeContextType, ThemeProvider, ThemeProviderProps, ThemeType, useTheme };

package/index.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var index = require('./components/index');
+var hooks = require('./hooks');
+var contexts = require('./contexts');
+
+
+
+Object.keys(index).forEach(function (k) {
+	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return index[k]; }
+	});
+});
+Object.keys(hooks).forEach(function (k) {
+	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return hooks[k]; }
+	});
+});
+Object.keys(contexts).forEach(function (k) {
+	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return contexts[k]; }
+	});
+});

package/index.mjs

@@ -0,0 +1,3 @@
+export * from './components/index';
+export * from './hooks';
+export * from './contexts';

package/package.json

@@ -58,6 +58,7 @@
     "vite": "^4.1.2"
   },
   "files": [
+    "index.*",
     "components/**",
     "hooks/**",
     "contexts/**",
@@ -103,7 +104,7 @@
   },
   "sideEffects": false,
   "types": "./index.d.ts",
-  "version": "1.5.1",
+  "version": "1.5.2",
   "peerDependencies": {
     "@tailwindcss/container-queries": "^0.1.0",
     "react": "^18.2.0",