@szum-tech/design-system 1.5.1 → 1.5.3

package/components/index.js

@@ -1,25 +1 @@
-'use strict';
-
-var Avatar = require('./Avatar');
-var Button = require('./Button');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var Button__default = /*#__PURE__*/_interopDefault(Button);
-
-
-
-Object.defineProperty(exports, 'Avatar', {
-	enumerable: true,
-	get: function () { return Avatar__namespace.default; }
-});
-Object.defineProperty(exports, 'Button', {
-	enumerable: true,
-	get: function () { return Button__default.default; }
-});
-Object.keys(Avatar).forEach(function (k) {
-	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return Avatar[k]; }
-	});
-});
+"use strict";var s=Object.create;var f=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var A=Object.getPrototypeOf,B=Object.prototype.hasOwnProperty;var b=(t,o)=>{for(var r in o)f(t,r,{get:o[r],enumerable:!0})},e=(t,o,r,u)=>{if(o&&typeof o=="object"||typeof o=="function")for(let a of v(o))!B.call(t,a)&&a!==r&&f(t,a,{get:()=>o[a],enumerable:!(u=n(o,a))||u.enumerable});return t},p=(t,o,r)=>(e(t,o,"default"),r&&e(r,o,"default")),x=(t,o,r)=>(r=t!=null?s(A(t)):{},e(o||!t||!t.__esModule?f(r,"default",{value:t,enumerable:!0}):r,t)),c=t=>e(f({},"__esModule",{value:!0}),t);var m={};b(m,{Avatar:()=>d.default,Button:()=>l.default});module.exports=c(m);var d=x(require("./Avatar"));p(m,require("./Avatar"),module.exports);var l=x(require("./Button"));0&&(module.exports={Avatar,Button});

package/components/index.mjs

@@ -1,3 +1 @@
-export * from './Avatar';
-export { default as Avatar } from './Avatar';
-export { default as Button } from './Button';
+import{default as r}from"./Avatar";export*from"./Avatar";import{default as f}from"./Button";export{r as Avatar,f as Button};

package/contexts/index.js

@@ -1,12 +1 @@
-'use strict';
-
-var theme = require('./theme');
-
-
-
-Object.keys(theme).forEach(function (k) {
-	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return theme[k]; }
-	});
-});
+"use strict";var a=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var p=(r,o,f,x)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of c(o))!d.call(r,e)&&e!==f&&a(r,e,{get:()=>o[e],enumerable:!(x=b(o,e))||x.enumerable});return r},t=(r,o,f)=>(p(r,o,"default"),f&&p(f,o,"default"));var g=r=>p(a({},"__esModule",{value:!0}),r);var m={};module.exports=g(m);t(m,require("./theme"),module.exports);

package/contexts/index.mjs

@@ -1 +1 @@
-export * from './theme';
+export*from"./theme";

package/hooks/index.js

@@ -1,12 +1 @@
-'use strict';
-
-var useTheme = require('./useTheme');
-
-
-
-Object.keys(useTheme).forEach(function (k) {
-	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return useTheme[k]; }
-	});
-});
+"use strict";var a=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var p=(r,o,f,x)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of c(o))!d.call(r,e)&&e!==f&&a(r,e,{get:()=>o[e],enumerable:!(x=b(o,e))||x.enumerable});return r},t=(r,o,f)=>(p(r,o,"default"),f&&p(f,o,"default"));var g=r=>p(a({},"__esModule",{value:!0}),r);var m={};module.exports=g(m);t(m,require("./useTheme"),module.exports);

package/hooks/index.mjs

@@ -1 +1 @@
-export * from './useTheme';
+export*from"./useTheme";

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 @@
+"use strict";var a=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var t=(f,r,p,x)=>{if(r&&typeof r=="object"||typeof r=="function")for(let m of c(r))!d.call(f,m)&&m!==p&&a(f,m,{get:()=>r[m],enumerable:!(x=b(r,m))||x.enumerable});return f},e=(f,r,p)=>(t(f,r,"default"),p&&t(p,r,"default"));var g=f=>t(a({},"__esModule",{value:!0}),f);var o={};module.exports=g(o);e(o,require("./components"),module.exports);e(o,require("./hooks"),module.exports);e(o,require("./contexts"),module.exports);

package/index.mjs

@@ -0,0 +1 @@
+export*from"./components";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.3",
   "peerDependencies": {
     "@tailwindcss/container-queries": "^0.1.0",
     "react": "^18.2.0",