@aleleba/ro-ut-ui 2.2.21 → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. package/dist/index.css +9 -21
  2. package/dist/index.js +1 -1
  3. package/dist/types/cypress/support/commands.d.ts +0 -0
  4. package/dist/types/cypress/support/component.d.ts +9 -0
  5. package/dist/types/jest.config.d.ts +7 -0
  6. package/dist/types/postcss.config.d.ts +3 -0
  7. package/dist/types/setupTest.d.ts +1 -0
  8. package/dist/types/src/__mocks__/fileMock.d.ts +0 -0
  9. package/dist/types/src/components/Buttons/Button/index.d.ts +33 -0
  10. package/dist/types/src/components/Buttons/Button.stories.d.ts +11 -0
  11. package/dist/types/src/components/Buttons/__tests__/Button.test.cy.d.ts +1 -0
  12. package/dist/types/src/components/Buttons/__tests__/Button.test.d.ts +1 -0
  13. package/dist/types/src/components/Buttons/index.d.ts +21 -0
  14. package/dist/types/src/components/Cards/Card/index.d.ts +25 -0
  15. package/dist/types/src/components/Cards/Card.stories.d.ts +11 -0
  16. package/dist/types/src/components/Cards/__tests__/Card.test.cy.d.ts +1 -0
  17. package/dist/types/src/components/Cards/__tests__/Card.test.d.ts +1 -0
  18. package/dist/types/src/components/Cards/index.d.ts +17 -0
  19. package/dist/types/src/components/Icons/Icon/index.d.ts +17 -0
  20. package/dist/types/src/components/Icons/Icon.stories.d.ts +5 -0
  21. package/dist/types/src/components/Icons/index.d.ts +33 -0
  22. package/dist/types/src/components/Inputs/Input/index.d.ts +38 -0
  23. package/dist/types/src/components/Inputs/Input.stories.d.ts +15 -0
  24. package/dist/types/src/components/Inputs/__tests__/Input.test.cy.d.ts +1 -0
  25. package/dist/types/src/components/Inputs/__tests__/Input.test.d.ts +1 -0
  26. package/dist/types/src/components/Inputs/index.d.ts +9 -0
  27. package/dist/types/src/components/index.d.ts +5 -0
  28. package/dist/types/src/icons/icons.d.ts +0 -0
  29. package/dist/types/src/icons/icons.font.d.ts +0 -0
  30. package/dist/types/src/utils/index.d.ts +1 -0
  31. package/dist/types/tailwind.config.d.ts +2 -0
  32. package/dist/types/webpack.config.d.ts +63 -0
  33. package/dist/types/webpack.cy.config.d.ts +60 -0
  34. package/dist/types/webpack.icons.config.d.ts +1 -0
  35. package/package.json +61 -51
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- !function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r():"function"==typeof define&&define.amd?define([],r):"object"==typeof exports?exports["ui-library"]=r():e["ui-library"]=r()}(this,(()=>(()=>{"use strict";var e={n:r=>{var t=r&&r.__esModule?()=>r.default:()=>r;return e.d(t,{a:t}),t},d:(r,t)=>{for(var n in t)e.o(t,n)&&!e.o(r,n)&&Object.defineProperty(r,n,{enumerable:!0,get:t[n]})},o:(e,r)=>Object.prototype.hasOwnProperty.call(e,r),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},r={};e.r(r),e.d(r,{BorderCard:()=>v,Button:()=>b,ButtonThemes:()=>O,ButtonTypes:()=>w,Card:()=>x,CardThemes:()=>N,FontWeight:()=>Z,Input:()=>E,InputThemes:()=>L,getBorderCard:()=>M,getButtonThemeClass:()=>g,getCardThemeClass:()=>K,getInputThemeClass:()=>W});const t="PQojgCfJUQRGctO0MQcs",n="oGc4HZE8d4lloZdaPu1q",a="NW2pMp_ou1eGKq_9gZJn",u="TftbbX4LjUrYKnE_6T7s",i="amdmGdb3Inmy2eSKUhbE",o="jx3zrMVPC_yPBu0uxJdI",s="VXFsUzr4wRbvUIhC66_t",c="UpUq32cfWwWtxJ1WGgIh",l="FSqV1c_rBLz_MCwCtbuF",y="eujcFaiST6vftvebdnDQ",d="Z8sbrbPzKPyWnw30RCIW",m="JJF9nOwFrn4f4Agjebcs",f=require("react");var h=e.n(f);const p=(...e)=>e.filter((e=>e)).join(" "),b=({id:e="",children:r="",className:n="",theme:a=O.primary,hardBorder:u=!0,type:i=w.button,onClick:o})=>{const s=p(t,g({theme:a}),u?m:"",n);return h().createElement("button",{id:e,className:s,type:i,onClick:o},r)};let O=function(e){return e.primary="primary",e.secondary="secondary",e.tertiary="tertiary",e.quaternary="quaternary",e.quinary="quinary",e.primaryOutline="primaryOutline",e.secondaryOutline="secondaryOutline",e.tertiaryOutline="tertiaryOutline",e.quaternaryOutline="quaternaryOutline",e.quinaryOutline="quinaryOutline",e}({}),w=function(e){return e.submit="submit",e.reset="reset",e.button="button",e}({});const g=({theme:e})=>{switch(e){case"primary":return n;case"secondary":return a;case"tertiary":return u;case"quaternary":return i;case"quinary":return o;case"primaryOutline":return s;case"secondaryOutline":return c;case"tertiaryOutline":return l;case"quaternaryOutline":return y;case"quinaryOutline":return d;default:return""}},j="F4DYfRdY4hwkLUOThAsO",q="rQHP3UIocOjPx05bvSTg",C="TATO8hilbZpqQAcdBMhv",S="Q_3XRZSOMjprEqGCjAy7",B="tEh_NUGELLt04ZrFaoUJ",T="wA8FdcwxK_A_kKHx6Xey",P="ldyk7lXSbKDVMpXQdQSa",_="hPcmh2SHmHeXnUxGP93s",U="DcZJoe6Kl4lnV3k4i7nV",x=({children:e="",className:r="",theme:t=N.primary,border:n=v.soft})=>{const a=p(j,K({theme:t}),M({border:n}),r);return h().createElement("div",{className:a},e)};let N=function(e){return e.primary="primary",e.secondary="secondary",e.tertiary="tertiary",e.quaternary="quaternary",e}({}),v=function(e){return e.soft="soft",e.hard="hard",e}({});const K=({theme:e})=>{switch(e){case"primary":return`${S} ${C}`;case"secondary":return`${T} ${q}`;case"tertiary":return`${B} ${q}`;case"quaternary":return`${P} ${q}`;default:return""}},M=({border:e})=>{switch(e){case"soft":return _;case"hard":return U;default:return""}},G="N7GukS63jn52t69yjCCl",I="r2dDDK1b9GSUQ7KkjlAS",Q="xghXNj3fj0NG1DBWKj8w",F="eB30gQUCIMLMoZPeOKil",E=({id:e="",className:r="",type:t="text",theme:n=L.primary,placeholder:a="",hardBorder:u=!1,fontWeight:i=Z.fwLight,onChange:o=(e=>{})})=>{const s=p(G,W({theme:n}),i,u?Q:"",r);return h().createElement("input",{id:e,className:s,placeholder:a,type:t,onChange:o})};let L=function(e){return e.primary="primary",e.secondary="secondary",e.tertiary="tertiary",e}({});const W=({theme:e})=>{switch(e){case"primary":default:return"";case"secondary":return I;case"tertiary":return F}};let Z=function(e){return e.fwBold="fw-bold",e.fwBolder="fw-bolder",e.fwSemiBold="fw-semibold",e.fwNormal="fw-normal",e.fwLight="fw-light",e.fwLighter="fw-lighter",e.fstItalic="fst-italic",e.fstNormal="fst-normal",e}({});return r})()));
1
+ !function(r,a){"object"==typeof exports&&"object"==typeof module?module.exports=a():"function"==typeof define&&define.amd?define([],a):"object"==typeof exports?exports["ui-library"]=a():r["ui-library"]=a()}(this,(()=>(()=>{"use strict";var r={d:(a,e)=>{for(var t in e)r.o(e,t)&&!r.o(a,t)&&Object.defineProperty(a,t,{enumerable:!0,get:e[t]})},o:(r,a)=>Object.prototype.hasOwnProperty.call(r,a),r:r=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})}},a={};r.r(a),r.d(a,{BorderCard:()=>Ir,Button:()=>Pr,ButtonThemes:()=>Cr,ButtonTypes:()=>xr,Card:()=>Mr,CardThemes:()=>Ar,Icon:()=>D,IconNames:()=>G,Input:()=>Lr,InputThemes:()=>Fr,getBorderCard:()=>Hr,getButtonThemeClass:()=>Nr,getCardThemeClass:()=>Tr,getIconClass:()=>ur,getInputThemeClass:()=>Wr});const e="namBd2yDO5uRnuiJiF4I",t="IezAhh3IOxZrbRaPnSuX",n="peAKuLVAiIXSFB_8weUX",c="fX0XkPg_VOwlCS_puohG",o="uRh5AMB7fHGMjymlSkIe",i="A61ABO8IXKvkyJ2iRq6l",u="jtiHB4J2Gd75DxgbExDU",s="htFKNG_lNNMADoynscvf",d="b41eXc_YG54TSjVcPdr3",l="iDCPPzPmlHXmY6DeRlrz",y="qSKheV1seun_M2zooNYG",m="neFnz7mqfjyob2IpBRAB",p="W1_8p2A4KoAru1W3fQQt",f="tm0XixvT9lg82S8vBQ7H",h="s4WqNjDDGgeMddVjGC39",v="bedJB1k7F24TZZ14mvGS",g="PgNn5YrHhpkkzKgbQGHw",b="g7BsZUvE5UmvGR7yux1n",j="oCPQLbmQjjlb4QfF6N3z",O="w1jjKytmOVrGE_OOWN24",C="wxOwGgByggkSrx_yH1Mm",x="jyv2Pn76yjv7yHzme6Vi",P="l_u5YpNTZO_QLR2ODTsM",N="D3lpa3rGkDORSZEMO4Pu",q="ptOAordfG6nUqt1RGPGD",B="tcijTEF2DcjdTgUYgwm_",S="Sb74MmtzlQ4r_auGli10",k="iRPlBCtkk8OZ1fVrK6Ac",w=require("react/jsx-runtime");var G,R=function(){for(var r=[],a=0;a<arguments.length;a++)r[a]=arguments[a];return r.filter((function(r){return r})).join(" ")},D=function(r){var a=r.id,e=void 0===a?"":a,t=r.className,n=void 0===t?"":t,c=r.icon,o=R(c?ur({icon:c}):"",n);return(0,w.jsx)("span",{id:e,className:o})},Q=e,_=b,A=g,I=l,M=s,T=u,H=c,K=t,V=x,E=i,X=m,z=d,U=h,Z=f,F=S,L=C,W=v,Y=O,J=y,$=N,rr=P,ar=q,er=B,tr=o,nr=j,cr=p,or=n,ir=k;!function(r){r.perfil="perfil",r.password="password",r.google="google",r.facebook="facebook",r.dashboard="dashboard",r.calendario="calendario",r.administracionDeUsuario="administracionDeUsuario",r.rutas="rutas",r.chat="chat",r.informes="informes",r.flecha="flecha",r.nuevaRuta="nuevaRuta",r.notificacion="notificacion",r.usuarioDentroApp="usuarioDentroApp",r.rutaNueva="rutaNueva",r.nuevaRuta2="nuevaRuta2",r.rutaCompletada="rutaCompletada",r.hoy="hoy",r.rutasProgramadas="rutasProgramadas",r.rutasEliminadas="rutasEliminadas",r.rutasReprogramadas="rutasReprogramadas",r.search="search",r.camion="camion",r.pickup="pickup",r.motocicleta="motocicleta",r.barco="barco",r.varios="varios"}(G||(G={}));var ur=function(r){switch(r.icon){case"perfil":return"".concat(Q," ").concat(_);case"password":return"".concat(Q," ").concat(A);case"google":return"".concat(Q," ").concat(I);case"facebook":return"".concat(Q," ").concat(M);case"dashboard":return"".concat(Q," ").concat(T);case"calendario":return"".concat(Q," ").concat(H);case"administracionDeUsuario":return"".concat(Q," ").concat(K);case"rutas":return"".concat(Q," ").concat(V);case"chat":return"".concat(Q," ").concat(E);case"informes":return"".concat(Q," ").concat(X);case"flecha":return"".concat(Q," ").concat(z);case"nuevaRuta":return"".concat(Q," ").concat(U);case"notificacion":return"".concat(Q," ").concat(Z);case"usuarioDentroApp":return"".concat(Q," ").concat(F);case"rutaNueva":return"".concat(Q," ").concat(L);case"nuevaRuta2":return"".concat(Q," ").concat(W);case"rutaCompletada":return"".concat(Q," ").concat(Y);case"hoy":return"".concat(Q," ").concat(J);case"rutasProgramadas":return"".concat(Q," ").concat($);case"rutasEliminadas":return"".concat(Q," ").concat(rr);case"rutasReprogramadas":return"".concat(Q," ").concat(ar);case"search":return"".concat(Q," ").concat(er);case"camion":return"".concat(Q," ").concat(tr);case"pickup":return"".concat(Q," ").concat(nr);case"motocicleta":return"".concat(Q," ").concat(cr);case"barco":return"".concat(Q," ").concat(or);case"varios":return"".concat(Q," ").concat(ir);default:return""}};const sr="xvEu78EjV0nQn9xswzRg",dr="b_PgmePXtv2W5EZWky9O",lr="UxC2t97LIIISx7e71_3R",yr="CFpiqnX4jq_EltxkwEvy",mr="yjB0ArEAyeYU6_u7zKsQ",pr="Djr8Yh2IQcUcgjSZ_WQ5",fr="uyBaWoSnHEIxM4x7jgQw",hr="qWYltwKufw7ZliVlCT9g",vr="oQRCOHaGpuh207HQzerc",gr="HtF5k4mwsNW1v9YG7qd2",br="Pg7VF5nFKczFtA3r5E88",jr="wXyKJ8kY_42bOcyetwnC",Or="dLCzLEcc0jSLJgsTyHoM";var Cr,xr,Pr=function(r){var a=r.id,e=void 0===a?"":a,t=r.children,n=void 0===t?"":t,c=r.className,o=void 0===c?"":c,i=r.theme,u=void 0===i?Cr.primary:i,s=r.hardBorder,d=void 0===s||s,l=r.type,y=void 0===l?xr.button:l,m=r.onClick,p=R(lr,Nr({theme:u}),d?sr:dr,o);return(0,w.jsx)("button",{id:e,className:p,type:y,onClick:m,children:n})};!function(r){r.primary="primary",r.secondary="secondary",r.tertiary="tertiary",r.quaternary="quaternary",r.quinary="quinary",r.primaryOutline="primaryOutline",r.secondaryOutline="secondaryOutline",r.tertiaryOutline="tertiaryOutline",r.quaternaryOutline="quaternaryOutline",r.quinaryOutline="quinaryOutline"}(Cr||(Cr={})),function(r){r.submit="submit",r.reset="reset",r.button="button"}(xr||(xr={}));var Nr=function(r){switch(r.theme){case Cr.primary:return yr;case Cr.secondary:return mr;case Cr.tertiary:return pr;case Cr.quaternary:return fr;case Cr.quinary:return hr;case Cr.primaryOutline:return vr;case Cr.secondaryOutline:return gr;case Cr.tertiaryOutline:return br;case Cr.quaternaryOutline:return jr;case Cr.quinaryOutline:return Or;default:return""}};const qr="pAD4BifhMTLUZvCJxyOx",Br="a2VHzo7AbMVmPMGC3mSx",Sr="W0VuH9q0UPwsyVsTQQJe",kr="SIPeMNZqcOWCkESf4cPg",wr="hPcmh2SHmHeXnUxGP93s",Gr="DcZJoe6Kl4lnV3k4i7nV",Rr="LH35do5a6HPSjPusBT_z",Dr="juXoWoLQrRgOgzapK6H9",Qr="tPCdlPqN6fB69GmnQ181",_r="nsb5sNsicCrkfBe9SIFs";var Ar,Ir,Mr=function(r){var a=r.children,e=void 0===a?"":a,t=r.className,n=void 0===t?"":t,c=r.theme,o=void 0===c?Ar.primary:c,i=r.border,u=void 0===i?Ir.soft:i,s=r.title,d=R(qr,Tr({theme:o}),Hr({border:u}),n);return(0,w.jsxs)("div",{className:d,children:[s&&(0,w.jsx)("div",{className:Br,children:(0,w.jsx)("h5",{className:kr,children:s})}),(0,w.jsx)("div",{className:Sr,children:e})]})};!function(r){r.primary="primary",r.secondary="secondary",r.tertiary="tertiary",r.quaternary="quaternary"}(Ar||(Ar={})),function(r){r.soft="soft",r.hard="hard"}(Ir||(Ir={}));var Tr=function(r){switch(r.theme){case"primary":return Rr;case"secondary":return Dr;case"tertiary":return Qr;case"quaternary":return _r;default:return""}},Hr=function(r){switch(r.border){case"soft":return wr;case"hard":return Gr;default:return""}};const Kr="n7RrLAyrJ9MGBMP3IhoO",Vr="RaCKCo18u9LiXlNtfXSg",Er="LCo8ZQNn4x9t1bQv68YX",Xr="nB_qk0uh4VaPFqAV_rdo",zr="r2dDDK1b9GSUQ7KkjlAS",Ur="xghXNj3fj0NG1DBWKj8w",Zr="eB30gQUCIMLMoZPeOKil";var Fr,Lr=function(r){var a=r.id,e=void 0===a?"":a,t=r.className,n=void 0===t?"":t,c=r.type,o=void 0===c?"text":c,i=r.theme,u=void 0===i?Fr.primary:i,s=r.placeholder,d=void 0===s?"":s,l=r.hardBorder,y=void 0!==l&&l,m=r.icon,p=r.onChange,f=void 0===p?function(r){}:p,h=R(Er,Wr({theme:u}),y?Ur:"",n,m?Xr:"");return(0,w.jsxs)("div",{className:Kr,children:[(0,w.jsx)("input",{id:e,className:h,placeholder:d,type:o,onChange:f}),m&&(0,w.jsx)(D,{className:Vr,icon:m})]})};!function(r){r.primary="primary",r.secondary="secondary",r.tertiary="tertiary"}(Fr||(Fr={}));var Wr=function(r){switch(r.theme){case"primary":default:return"";case"secondary":return zr;case"tertiary":return Zr}};return a})()));
File without changes
@@ -0,0 +1,9 @@
1
+ import './commands';
2
+ import { mount } from 'cypress/react18';
3
+ declare global {
4
+ namespace Cypress {
5
+ interface Chainable {
6
+ mount: typeof mount;
7
+ }
8
+ }
9
+ }
@@ -0,0 +1,7 @@
1
+ export let setupFilesAfterEnv: string[];
2
+ export let testPathIgnorePatterns: string[];
3
+ export let testEnvironment: string;
4
+ export let moduleNameMapper: {
5
+ '\\.(jpg|ico|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$': string;
6
+ '^.+\\.(css|sass|scss|less)$': string;
7
+ };
@@ -0,0 +1,3 @@
1
+ export let plugins: (import("postcss").PluginCreator<string | import("tailwindcss/types/config").Config | {
2
+ config: string | import("tailwindcss/types/config").Config;
3
+ }> | typeof import("autoprefixer"))[];
@@ -0,0 +1 @@
1
+ import '@testing-library/jest-dom';
File without changes
@@ -0,0 +1,33 @@
1
+ import { FC, MouseEventHandler, ReactNode } from 'react';
2
+ import { ButtonThemes, ButtonTypes } from '..';
3
+ export type TButtonProps = {
4
+ /**
5
+ * Is this the id of the button.
6
+ */
7
+ id?: string | undefined;
8
+ /**
9
+ * Is this the child component of the button. (Should be a string or a react component)
10
+ */
11
+ children?: string | ReactNode | ReactNode[] | JSX.Element;
12
+ /**
13
+ * Is this the classes that you want to add
14
+ */
15
+ className?: string;
16
+ /**
17
+ * Is this the theme you want do add to the button
18
+ */
19
+ theme?: ButtonThemes;
20
+ /**
21
+ * Is this the value if the button have hard border
22
+ */
23
+ hardBorder?: boolean;
24
+ /**
25
+ * Is this the onClick Event of the button.
26
+ */
27
+ onClick?: MouseEventHandler<HTMLButtonElement> | undefined;
28
+ /**
29
+ * Is this the type of the button.
30
+ */
31
+ type?: ButtonTypes | undefined;
32
+ };
33
+ export declare const Button: FC<TButtonProps>;
@@ -0,0 +1,11 @@
1
+ import { Meta } from '@storybook/react';
2
+ import { Button } from '@components';
3
+ declare const _default: Meta<typeof Button>;
4
+ export default _default;
5
+ export declare const Basic: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@components").TButtonProps>;
6
+ export declare const WithChildren: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@components").TButtonProps>;
7
+ export declare const Primary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@components").TButtonProps>;
8
+ export declare const Secondary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@components").TButtonProps>;
9
+ export declare const Tertiary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@components").TButtonProps>;
10
+ export declare const Quaternary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@components").TButtonProps>;
11
+ export declare const Quinary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@components").TButtonProps>;
@@ -0,0 +1,21 @@
1
+ export declare enum ButtonThemes {
2
+ primary = "primary",
3
+ secondary = "secondary",
4
+ tertiary = "tertiary",
5
+ quaternary = "quaternary",
6
+ quinary = "quinary",
7
+ primaryOutline = "primaryOutline",
8
+ secondaryOutline = "secondaryOutline",
9
+ tertiaryOutline = "tertiaryOutline",
10
+ quaternaryOutline = "quaternaryOutline",
11
+ quinaryOutline = "quinaryOutline"
12
+ }
13
+ export declare enum ButtonTypes {
14
+ submit = "submit",
15
+ reset = "reset",
16
+ button = "button"
17
+ }
18
+ export declare const getButtonThemeClass: ({ theme }: {
19
+ theme: ButtonThemes;
20
+ }) => string;
21
+ export * from './Button';
@@ -0,0 +1,25 @@
1
+ import { FC, ReactNode } from 'react';
2
+ import { CardThemes, BorderCard } from '..';
3
+ export type TCardProps = {
4
+ /**
5
+ * Is this the child component of the button. (Should be a string or a react component)
6
+ */
7
+ children?: string | ReactNode | ReactNode[] | JSX.Element;
8
+ /**
9
+ * Is this the classes that you want to add
10
+ */
11
+ className?: string;
12
+ /**
13
+ * Is this the theme you want do add to the button
14
+ */
15
+ theme?: CardThemes;
16
+ /**
17
+ * Is this the border radius of the card, it would be soft and hard
18
+ */
19
+ border?: BorderCard;
20
+ /**
21
+ * Is this the title of the card, it would be a string
22
+ */
23
+ title?: string;
24
+ };
25
+ export declare const Card: FC<TCardProps>;
@@ -0,0 +1,11 @@
1
+ import { Meta } from '@storybook/react';
2
+ import { Card } from '@components';
3
+ declare const _default: Meta<typeof Card>;
4
+ export default _default;
5
+ export declare const Basic: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@components").TCardProps>;
6
+ export declare const WithBorderHard: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@components").TCardProps>;
7
+ export declare const WhithHeaderAndButton: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@components").TCardProps>;
8
+ export declare const Primary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@components").TCardProps>;
9
+ export declare const Secondary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@components").TCardProps>;
10
+ export declare const Tertiary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@components").TCardProps>;
11
+ export declare const Quaternary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@components").TCardProps>;
@@ -0,0 +1,17 @@
1
+ export declare enum CardThemes {
2
+ primary = "primary",
3
+ secondary = "secondary",
4
+ tertiary = "tertiary",
5
+ quaternary = "quaternary"
6
+ }
7
+ export declare enum BorderCard {
8
+ soft = "soft",
9
+ hard = "hard"
10
+ }
11
+ export declare const getCardThemeClass: ({ theme }: {
12
+ theme: CardThemes;
13
+ }) => string;
14
+ export declare const getBorderCard: ({ border }: {
15
+ border: BorderCard;
16
+ }) => string;
17
+ export * from './Card';
@@ -0,0 +1,17 @@
1
+ import { FC } from 'react';
2
+ import { IconNames } from '..';
3
+ export type TIconProps = {
4
+ /**
5
+ * Is this the id of the icon.
6
+ */
7
+ id?: string | undefined;
8
+ /**
9
+ * Is this the classes that you want to add
10
+ */
11
+ className?: string;
12
+ /**
13
+ * Is this the name of the Icon.
14
+ */
15
+ icon?: IconNames | undefined;
16
+ };
17
+ export declare const Icon: FC<TIconProps>;
@@ -0,0 +1,5 @@
1
+ import { Meta } from '@storybook/react';
2
+ import { Icon } from '@components';
3
+ declare const _default: Meta<typeof Icon>;
4
+ export default _default;
5
+ export declare const Basic: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@components").TIconProps>;
@@ -0,0 +1,33 @@
1
+ export declare enum IconNames {
2
+ perfil = "perfil",
3
+ password = "password",
4
+ google = "google",
5
+ facebook = "facebook",
6
+ dashboard = "dashboard",
7
+ calendario = "calendario",
8
+ administracionDeUsuario = "administracionDeUsuario",
9
+ rutas = "rutas",
10
+ chat = "chat",
11
+ informes = "informes",
12
+ flecha = "flecha",
13
+ nuevaRuta = "nuevaRuta",
14
+ notificacion = "notificacion",
15
+ usuarioDentroApp = "usuarioDentroApp",
16
+ rutaNueva = "rutaNueva",
17
+ nuevaRuta2 = "nuevaRuta2",
18
+ rutaCompletada = "rutaCompletada",
19
+ hoy = "hoy",
20
+ rutasProgramadas = "rutasProgramadas",
21
+ rutasEliminadas = "rutasEliminadas",
22
+ rutasReprogramadas = "rutasReprogramadas",
23
+ search = "search",
24
+ camion = "camion",
25
+ pickup = "pickup",
26
+ motocicleta = "motocicleta",
27
+ barco = "barco",
28
+ varios = "varios"
29
+ }
30
+ export declare const getIconClass: ({ icon }: {
31
+ icon: IconNames;
32
+ }) => string;
33
+ export * from './Icon';
@@ -0,0 +1,38 @@
1
+ import { FC, HTMLInputTypeAttribute, ChangeEventHandler } from 'react';
2
+ import { IconNames } from '@components';
3
+ import { InputThemes } from '..';
4
+ export type TInputProps = {
5
+ /**
6
+ * Is this the id of the input.
7
+ */
8
+ id?: string | undefined;
9
+ /**
10
+ * Is this the classes that you want to add
11
+ */
12
+ className?: string;
13
+ /**
14
+ * Is this the theme you want do add to the input
15
+ */
16
+ theme?: InputThemes;
17
+ /**
18
+ * Is this the type you want to add to the input
19
+ */
20
+ type?: HTMLInputTypeAttribute;
21
+ /**
22
+ * Is this the text you want to add to the input placeholder
23
+ */
24
+ placeholder?: string /**
25
+ /**
26
+ * Is this the value if the input have hard border
27
+ */;
28
+ hardBorder?: boolean;
29
+ /**
30
+ * Is this the icon you want to add to the input
31
+ */
32
+ icon?: IconNames;
33
+ /**
34
+ * Is this the onChange event of the input
35
+ */
36
+ onChange?: ChangeEventHandler<HTMLInputElement>;
37
+ };
38
+ export declare const Input: FC<TInputProps>;
@@ -0,0 +1,15 @@
1
+ import { Meta } from '@storybook/react';
2
+ import { Input } from '@components';
3
+ declare const _default: Meta<typeof Input>;
4
+ export default _default;
5
+ export declare const Basic: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@components").TInputProps>;
6
+ export declare const Primary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@components").TInputProps>;
7
+ export declare const PrimaryHardBorder: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@components").TInputProps>;
8
+ export declare const Secondary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@components").TInputProps>;
9
+ export declare const SecondaryHardBorder: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@components").TInputProps>;
10
+ export declare const Tertiary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@components").TInputProps>;
11
+ export declare const PrimaryWhithIcon: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@components").TInputProps>;
12
+ export declare const PrimaryHardBorderWhithIcon: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@components").TInputProps>;
13
+ export declare const SecondaryWithIcon: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@components").TInputProps>;
14
+ export declare const SecondaryHardBorderWithIcon: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@components").TInputProps>;
15
+ export declare const TertiaryWhithIcon: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@components").TInputProps>;
@@ -0,0 +1,9 @@
1
+ export declare enum InputThemes {
2
+ primary = "primary",
3
+ secondary = "secondary",
4
+ tertiary = "tertiary"
5
+ }
6
+ export declare const getInputThemeClass: ({ theme }: {
7
+ theme: InputThemes;
8
+ }) => string;
9
+ export * from './Input';
@@ -0,0 +1,5 @@
1
+ import '@styles/global.scss';
2
+ export * from './Icons';
3
+ export * from './Buttons';
4
+ export * from './Cards';
5
+ export * from './Inputs';
File without changes
File without changes
@@ -0,0 +1 @@
1
+ export declare const joinClassNames: (...classes: string[]) => string;
@@ -0,0 +1,2 @@
1
+ declare const _exports: import("tailwindcss").Config;
2
+ export = _exports;
@@ -0,0 +1,63 @@
1
+ import webpack from 'webpack';
2
+ import MiniCssExtractPlugin from 'mini-css-extract-plugin';
3
+ import { CleanWebpackPlugin } from 'clean-webpack-plugin';
4
+ import CssMinimizerPlugin from 'css-minimizer-webpack-plugin';
5
+ import TerserPlugin from 'terser-webpack-plugin';
6
+ import ESLintPlugin from 'eslint-webpack-plugin';
7
+ declare const _default: {
8
+ entry: string;
9
+ externals: any[];
10
+ resolve: {
11
+ extensions: string[];
12
+ alias: {
13
+ [key: string]: string;
14
+ };
15
+ };
16
+ mode: string;
17
+ output: {
18
+ filename: string;
19
+ path: string;
20
+ library: string;
21
+ libraryTarget: string;
22
+ globalObject: string;
23
+ };
24
+ plugins: (MiniCssExtractPlugin | ESLintPlugin | CleanWebpackPlugin | webpack.DefinePlugin)[];
25
+ module: {
26
+ rules: ({
27
+ test: RegExp;
28
+ exclude: RegExp;
29
+ use: string;
30
+ loader?: undefined;
31
+ options?: undefined;
32
+ } | {
33
+ test: RegExp;
34
+ use: (string | {
35
+ loader: string;
36
+ options: {
37
+ modules: {
38
+ namedExport: boolean;
39
+ exportLocalsConvention: string;
40
+ auto: RegExp;
41
+ };
42
+ };
43
+ })[];
44
+ exclude?: undefined;
45
+ loader?: undefined;
46
+ options?: undefined;
47
+ } | {
48
+ test: RegExp;
49
+ loader: string;
50
+ options: {
51
+ name: string;
52
+ esModule: boolean;
53
+ };
54
+ exclude?: undefined;
55
+ use?: undefined;
56
+ })[];
57
+ };
58
+ optimization: {
59
+ minimize: boolean;
60
+ minimizer: (CssMinimizerPlugin<CssMinimizerPlugin.CssNanoOptionsExtended> | TerserPlugin<import("terser").MinifyOptions>)[];
61
+ };
62
+ };
63
+ export default _default;
@@ -0,0 +1,60 @@
1
+ import webpack from 'webpack';
2
+ import HtmlWebpackPlugin from 'html-webpack-plugin';
3
+ import MiniCssExtractPlugin from 'mini-css-extract-plugin';
4
+ import { CleanWebpackPlugin } from 'clean-webpack-plugin';
5
+ import CssMinimizerPlugin from 'css-minimizer-webpack-plugin';
6
+ import TerserPlugin from 'terser-webpack-plugin';
7
+ import ESLintPlugin from 'eslint-webpack-plugin';
8
+ declare const _default: {
9
+ entry: string;
10
+ resolve: {
11
+ extensions: string[];
12
+ alias: {
13
+ [key: string]: string;
14
+ };
15
+ };
16
+ mode: string;
17
+ output: {
18
+ path: string;
19
+ };
20
+ target: string;
21
+ plugins: (MiniCssExtractPlugin | ESLintPlugin | CleanWebpackPlugin | webpack.DefinePlugin | HtmlWebpackPlugin | webpack.ProvidePlugin)[];
22
+ module: {
23
+ rules: ({
24
+ test: RegExp;
25
+ exclude: RegExp;
26
+ use: string;
27
+ loader?: undefined;
28
+ options?: undefined;
29
+ } | {
30
+ test: RegExp;
31
+ use: (string | {
32
+ loader: string;
33
+ options: {
34
+ modules: {
35
+ namedExport: boolean;
36
+ exportLocalsConvention: string;
37
+ auto: RegExp;
38
+ };
39
+ };
40
+ })[];
41
+ exclude?: undefined;
42
+ loader?: undefined;
43
+ options?: undefined;
44
+ } | {
45
+ test: RegExp;
46
+ loader: string;
47
+ options: {
48
+ name: string;
49
+ esModule: boolean;
50
+ };
51
+ exclude?: undefined;
52
+ use?: undefined;
53
+ })[];
54
+ };
55
+ optimization: {
56
+ minimize: boolean;
57
+ minimizer: (CssMinimizerPlugin<CssMinimizerPlugin.CssNanoOptionsExtended> | TerserPlugin<import("terser").MinifyOptions>)[];
58
+ };
59
+ };
60
+ export default _default;
@@ -0,0 +1 @@
1
+ export {};