@groupeactual/ui-kit 0.2.0 → 0.2.1

package/dist/cjs/components/Button/Button.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ButtonProps } from '@mui/material/Button';
+declare type ActButtonType = (props: ButtonProps) => JSX.Element | null;
+declare const ActButton: ActButtonType;
+export default ActButton;

package/dist/cjs/components/Form/Checkbox/Checkbox.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { SxProps, Theme } from '@mui/system';
+interface Props {
+    error?: string;
+    label: string;
+    value: boolean;
+    name: string;
+    onChange: (field: string, value: any, shouldValidate?: boolean | undefined) => void;
+    sx: SxProps<Theme>;
+}
+declare const Checkbox: ({ name, value, error, label, onChange, sx }: Props) => JSX.Element;
+export default Checkbox;

package/dist/cjs/components/Form/TextField/TextField.d.ts

@@ -0,0 +1,15 @@
+import { ChangeEventHandler, FocusEventHandler, ReactNode } from 'react';
+import { TextFieldProps } from '@mui/material/TextField';
+interface Props {
+    error?: string;
+    onBlur: FocusEventHandler<unknown>;
+    onChange: ChangeEventHandler<unknown>;
+    label: string;
+    value: string;
+    name: string;
+    placeholder?: string;
+    disabled?: boolean;
+    endAdornment?: ReactNode;
+}
+declare const TextField: ({ name, value, error, onBlur, onChange, label, disabled, endAdornment, placeholder, ...props }: Omit<TextFieldProps, 'error'> & Props) => JSX.Element;
+export default TextField;

package/dist/cjs/components/Form/TextField/index.d.ts

@@ -0,0 +1 @@
+export { default } from './TextField';

package/dist/cjs/components/Heading/Heading.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { TypographyProps } from '@mui/material/Typography';
+interface Props extends Omit<TypographyProps, 'paragraph'> {
+    variant: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle1' | 'subtitle2';
+    component?: string;
+}
+declare const ActHeading: (props: Props) => JSX.Element;
+export default ActHeading;

package/dist/cjs/components/Text/Text.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { TypographyProps } from '@mui/material';
+interface Props extends TypographyProps {
+    variant?: 'body1' | 'body2' | 'caption';
+    component?: string;
+}
+declare const ActText: (props: Props) => JSX.Element;
+export default ActText;

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

@@ -0,0 +1,7 @@
+export { default as ActText } from './Text';
+export { default as ActHeading } from './Heading';
+export { default as ActButton } from './Button';
+export { default as TextField } from './Form/TextField';
+export { default as ActCheckbox } from './Form/Checkbox';
+export { default as ActAccordion } from './Accordion';
+export { default as IconProvider } from './Icon/IconProvider';

package/dist/cjs/from-scratch-components/Tag/Tag.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import './Tag.scss';
+import "./Tag.scss";
 export interface ActTagProps {
     label?: string;
     color?: 'red' | 'green' | 'blue';

package/dist/cjs/from-scratch-components/Tag/index.d.ts

@@ -1 +1 @@
-export { default } from './Tag';
+export { default } from "./Tag";

package/dist/cjs/from-scratch-components/index.d.ts

@@ -1 +1 @@
-export { default as ActTag } from './Tag';
+export { default as ActTag } from "./Tag";

package/dist/cjs/index.d.ts

@@ -1,4 +1,2 @@
-export * from './from-scratch-components';
-export * from './material-ui-components';
-export * from './mui-base-components';
+export * from './components';
 export { default as DesignSystemProvider, DesignSystemContext, type DesignSystemContextValues } from './DesignSystemProvider';

package/dist/cjs/index.js

@@ -66,47 +66,6 @@ function __rest(s, e) {
     return t;
 }
 
-function r$1(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r$1(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r$1(e))&&(n&&(n+=" "),n+=t);return n}
-
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-var css_248z = ".tag {\n  padding: 4px 8px;\n  border-radius: 4px;\n  background: rgb(244, 244, 244);\n  color: black;\n  font-size: 14px;\n  font-family: sans-serif;\n}\n\n.tag.red {\n  background: tomato;\n  color: white;\n}\n\n.tag.blue {\n  background: blue;\n  color: white;\n}\n\n.tag.green {\n  background: green;\n  color: white;\n}";
-styleInject(css_248z);
-
-var ActTag = function (props) {
-    return (jsxRuntime.jsx("span", __assign$1({ className: clsx({
-            tag: true,
-            red: props.color === 'red',
-            green: props.color === 'green',
-            blue: props.color === 'blue'
-        }) }, { children: props.label })));
-};
-
 const common = {
   black: '#000',
   white: '#fff'
@@ -1650,11 +1609,11 @@ var reactIs_production_min$1 = {};
  * LICENSE file in the root directory of this source tree.
  */
 var b$1="function"===typeof Symbol&&Symbol.for,c$1=b$1?Symbol.for("react.element"):60103,d$1=b$1?Symbol.for("react.portal"):60106,e$1=b$1?Symbol.for("react.fragment"):60107,f$1=b$1?Symbol.for("react.strict_mode"):60108,g$1=b$1?Symbol.for("react.profiler"):60114,h$1=b$1?Symbol.for("react.provider"):60109,k$1=b$1?Symbol.for("react.context"):60110,l$1=b$1?Symbol.for("react.async_mode"):60111,m$1=b$1?Symbol.for("react.concurrent_mode"):60111,n$1=b$1?Symbol.for("react.forward_ref"):60112,p$2=b$1?Symbol.for("react.suspense"):60113,q$1=b$1?
-Symbol.for("react.suspense_list"):60120,r=b$1?Symbol.for("react.memo"):60115,t$1=b$1?Symbol.for("react.lazy"):60116,v$2=b$1?Symbol.for("react.block"):60121,w=b$1?Symbol.for("react.fundamental"):60117,x=b$1?Symbol.for("react.responder"):60118,y=b$1?Symbol.for("react.scope"):60119;
-function z$1(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c$1:switch(a=a.type,a){case l$1:case m$1:case e$1:case g$1:case f$1:case p$2:return a;default:switch(a=a&&a.$$typeof,a){case k$1:case n$1:case t$1:case r:case h$1:return a;default:return u}}case d$1:return u}}}function A$1(a){return z$1(a)===m$1}reactIs_production_min$1.AsyncMode=l$1;reactIs_production_min$1.ConcurrentMode=m$1;reactIs_production_min$1.ContextConsumer=k$1;reactIs_production_min$1.ContextProvider=h$1;reactIs_production_min$1.Element=c$1;reactIs_production_min$1.ForwardRef=n$1;reactIs_production_min$1.Fragment=e$1;reactIs_production_min$1.Lazy=t$1;reactIs_production_min$1.Memo=r;reactIs_production_min$1.Portal=d$1;
+Symbol.for("react.suspense_list"):60120,r$1=b$1?Symbol.for("react.memo"):60115,t$1=b$1?Symbol.for("react.lazy"):60116,v$2=b$1?Symbol.for("react.block"):60121,w=b$1?Symbol.for("react.fundamental"):60117,x=b$1?Symbol.for("react.responder"):60118,y=b$1?Symbol.for("react.scope"):60119;
+function z$1(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c$1:switch(a=a.type,a){case l$1:case m$1:case e$1:case g$1:case f$1:case p$2:return a;default:switch(a=a&&a.$$typeof,a){case k$1:case n$1:case t$1:case r$1:case h$1:return a;default:return u}}case d$1:return u}}}function A$1(a){return z$1(a)===m$1}reactIs_production_min$1.AsyncMode=l$1;reactIs_production_min$1.ConcurrentMode=m$1;reactIs_production_min$1.ContextConsumer=k$1;reactIs_production_min$1.ContextProvider=h$1;reactIs_production_min$1.Element=c$1;reactIs_production_min$1.ForwardRef=n$1;reactIs_production_min$1.Fragment=e$1;reactIs_production_min$1.Lazy=t$1;reactIs_production_min$1.Memo=r$1;reactIs_production_min$1.Portal=d$1;
 reactIs_production_min$1.Profiler=g$1;reactIs_production_min$1.StrictMode=f$1;reactIs_production_min$1.Suspense=p$2;reactIs_production_min$1.isAsyncMode=function(a){return A$1(a)||z$1(a)===l$1};reactIs_production_min$1.isConcurrentMode=A$1;reactIs_production_min$1.isContextConsumer=function(a){return z$1(a)===k$1};reactIs_production_min$1.isContextProvider=function(a){return z$1(a)===h$1};reactIs_production_min$1.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===c$1};reactIs_production_min$1.isForwardRef=function(a){return z$1(a)===n$1};reactIs_production_min$1.isFragment=function(a){return z$1(a)===e$1};reactIs_production_min$1.isLazy=function(a){return z$1(a)===t$1};
-reactIs_production_min$1.isMemo=function(a){return z$1(a)===r};reactIs_production_min$1.isPortal=function(a){return z$1(a)===d$1};reactIs_production_min$1.isProfiler=function(a){return z$1(a)===g$1};reactIs_production_min$1.isStrictMode=function(a){return z$1(a)===f$1};reactIs_production_min$1.isSuspense=function(a){return z$1(a)===p$2};
-reactIs_production_min$1.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e$1||a===m$1||a===g$1||a===f$1||a===p$2||a===q$1||"object"===typeof a&&null!==a&&(a.$$typeof===t$1||a.$$typeof===r||a.$$typeof===h$1||a.$$typeof===k$1||a.$$typeof===n$1||a.$$typeof===w||a.$$typeof===x||a.$$typeof===y||a.$$typeof===v$2)};reactIs_production_min$1.typeOf=z$1;
+reactIs_production_min$1.isMemo=function(a){return z$1(a)===r$1};reactIs_production_min$1.isPortal=function(a){return z$1(a)===d$1};reactIs_production_min$1.isProfiler=function(a){return z$1(a)===g$1};reactIs_production_min$1.isStrictMode=function(a){return z$1(a)===f$1};reactIs_production_min$1.isSuspense=function(a){return z$1(a)===p$2};
+reactIs_production_min$1.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e$1||a===m$1||a===g$1||a===f$1||a===p$2||a===q$1||"object"===typeof a&&null!==a&&(a.$$typeof===t$1||a.$$typeof===r$1||a.$$typeof===h$1||a.$$typeof===k$1||a.$$typeof===n$1||a.$$typeof===w||a.$$typeof===x||a.$$typeof===y||a.$$typeof===v$2)};reactIs_production_min$1.typeOf=z$1;
 
 var reactIs_development$1 = {};
 
@@ -6000,6 +5959,8 @@ function extendSxProp(props) {
   });
 }
 
+function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
+
 const _excluded$J = ["values", "unit", "step"];
 
 const sortBreakpointsValues = values => {
@@ -51056,7 +51017,7 @@ const TextFieldRoot = styled$1(FormControl$1, {
  * - using the underlying components directly as shown in the demos
  */
 
-const TextField = /*#__PURE__*/React__namespace.forwardRef(function TextField(inProps, ref) {
+const TextField$1 = /*#__PURE__*/React__namespace.forwardRef(function TextField(inProps, ref) {
   const props = useThemeProps({
     props: inProps,
     name: 'MuiTextField'
@@ -51195,7 +51156,7 @@ const TextField = /*#__PURE__*/React__namespace.forwardRef(function TextField(in
     }))]
   }));
 });
-process.env.NODE_ENV !== "production" ? TextField.propTypes
+process.env.NODE_ENV !== "production" ? TextField$1.propTypes
 /* remove-proptypes */
 = {
   // ----------------------------- Warning --------------------------------
@@ -51412,7 +51373,7 @@ process.env.NODE_ENV !== "production" ? TextField.propTypes
    */
   variant: PropTypes.oneOf(['filled', 'outlined', 'standard'])
 } : void 0;
-var TextField$1 = TextField;
+var MuiTextField = TextField$1;
 
 var ActText = function (props) { return jsxRuntime.jsx(Typography$1, __assign$1({}, props)); };
 
@@ -51432,7 +51393,7 @@ var ActButton = styled$1(Button$1)(function (_a) {
     });
 });
 
-var TextInput = function (_a) {
+var TextField = function (_a) {
     var name = _a.name, value = _a.value, error = _a.error, onBlur = _a.onBlur, onChange = _a.onChange, label = _a.label, disabled = _a.disabled, endAdornment = _a.endAdornment; _a.placeholder; var props = __rest(_a, ["name", "value", "error", "onBlur", "onChange", "label", "disabled", "endAdornment", "placeholder"]);
     var _c = React.useState(value), internalValue = _c[0], setInternalValue = _c[1];
     React.useEffect(function () {
@@ -51440,7 +51401,7 @@ var TextInput = function (_a) {
             setInternalValue(value);
         }
     }, [value]);
-    return (jsxRuntime.jsx(TextField$1, __assign$1({ variant: "standard", name: name, label: label, value: internalValue, onClick: function (e) { return e.stopPropagation(); }, InputProps: {
+    return (jsxRuntime.jsx(MuiTextField, __assign$1({ variant: "outlined", name: name, label: label, value: internalValue, onClick: function (e) { return e.stopPropagation(); }, InputProps: {
             endAdornment: endAdornment
         }, onChange: function (e) {
             setInternalValue(e.currentTarget.value);
@@ -51734,10 +51695,9 @@ exports.ActAccordion = ActAccordion;
 exports.ActButton = ActButton;
 exports.ActCheckbox = Checkbox;
 exports.ActHeading = ActHeading;
-exports.ActTag = ActTag;
 exports.ActText = ActText;
-exports.ActTextInput = TextInput;
 exports.DesignSystemContext = DesignSystemContext;
 exports.DesignSystemProvider = DesignSystemProvider;
 exports.IconProvider = IconProvider;
+exports.TextField = TextField;
 //# sourceMappingURL=index.js.map