{"_id":"@unholster/seisveinte","_rev":"133-1a6507373a0d93152e88c564c77f5b1f","name":"@unholster/seisveinte","dist-tags":{"latest":"0.3.3","prerelease":"0.4.0-0-next-18042023-b0b5a79"},"versions":{"0.1.0":{"name":"@unholster/seisveinte","version":"0.1.0","author":{"name":"Ignacio Norambuena","email":"https://github.com/archidemus"},"license":"MIT","_id":"@unholster/seisveinte@0.1.0","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"homepage":"http://Unholster.github.io/seisveinte","bugs":{"url":"https://github.com/Unholster/seisveinte/issues"},"dist":{"shasum":"314c7f012a8eece72c986543c5935987138910c9","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.1.0.tgz","fileCount":39,"integrity":"sha512-Nl+ZmD4x8rXqY9Qy0FVHbe2mQoLoKdO2YzWVIC/23vUcrdXA6G/PwFRnK1g6l41SHgVsTKPMarzPX7ZwjGWlyw==","signatures":[{"sig":"MEUCIGEuCZ7ZmI84iVYcXd4+seTR2BQ/0L/GfUsPyVEQrCRJAiEA1G+QoL1kEdLEsUJ/dM2e3xM+qGtlylnWqvCOGPCIAfk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":535993,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+n74CRA9TVsSAnZWagAA5NoP/2IIpnacq/o21ITUtRmB\n7RCd8LmAxw/0z5EZGYden2SGan3KbNL40hQek7DbryZpthPLkoxgdd2XfP9j\n4hu/FU2eBc5WqZKsjy2yRBN63DCHTtuEzPT86BAtlZoTVQrN/4tp9nWF88/u\n2of+q17j5+LqOrVO7DULbf99cyK0uHdsr1z/gz6pnygN6M1UzZf5LWkkQQq+\n4L0EwY/le9Ay3NjdgZA6Y2Yu16njrnPOowbUW86PaG4EsUGUnrn2Khtmzp5l\nz0BOEjDG2ky6JHUy0OAZm+TLCU+31RHTrTRajMbwStziUVVgNAXpVChYDhZA\npD0IF/MuuuL/G/oeg5n2o/D15HaZdGnjPAIfS68+BWX9IRp0Ni6FUP5cNvYi\nVN667Yg54MKtlNrEZb7w7ggHRIO7CR6uSwvX8aL/T5iVWlK7dgFeOflSnSNb\nzHHMFDemekYkL20BcenQL+duspEqx+QDJr7oq4gMuTYR1Aco8j+3xsUFIhKS\nMbuKwaDIV8SXRWqGUcxvSs0rmVkYhJYFWx/v2Iv6Ap+YH56V4REE9Xh6+r8O\nAWLaBw9c7x721EAU7+js+Q1EaKrv9iyIGqHGxZwjB3U5PMoK+VSR5396ZvKq\nSCcQWrrnQT4L/YMhEiyx+9Kh8Wnn7vtjdLtD4NqVpHBVg/GlA7HINkPz1GsL\nzrTO\r\n=nLQR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","types":"lib/index.d.ts","module":"lib/index.esm.js","gitHead":"98580abce09db61b53dba65e84091c2d7e6225ea","private":false,"scripts":{"build":"rollup -c","predeploy":"yarn run build-storybook","storybook":"start-storybook -p 6006","build-storybook":"build-storybook","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/Unholster/seisveinte.git","type":"git"},"_npmVersion":"8.1.0","description":"The Unholster design system.","directories":{"lib":"lib"},"_nodeVersion":"16.13.0","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.2","tslib":"^2.3.1","rollup":"^2.66.1","postcss":"^8.4.5","gh-pages":"^3.2.3","cross-env":"^7.0.3","react-dom":"^17.0.2","typescript":"^4.5.5","@babel/core":"^7.16.12","@types/react":"^17.0.38","babel-loader":"^8.2.3","@storybook/react":"^6.4.14","rollup-plugin-jsx":"^1.0.3","styled-components":">=5","rollup-plugin-postcss":"^4.0.2","@storybook/addon-links":"^6.4.14","@rollup/plugin-commonjs":"^21.0.1","@storybook/addon-actions":"^6.4.14","@types/styled-components":"^5.1.21","rollup-plugin-typescript2":"^0.31.1","@rollup/plugin-node-resolve":"^13.1.3","@storybook/addon-essentials":"^6.4.14","@storybook/storybook-deployer":"^2.8.10","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":">=17","react-dom":">=17","styled-components":">=5"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.1.0_1643806456143_0.5361365878186863","host":"s3://npm-registry-packages"}},"0.1.1":{"name":"@unholster/seisveinte","version":"0.1.1","author":{"name":"Ignacio Norambuena","email":"https://github.com/archidemus"},"license":"MIT","_id":"@unholster/seisveinte@0.1.1","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"homepage":"http://unholster.github.io/seisveinte","dist":{"shasum":"3aa8161bb67ec971473822673d528012ef309349","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.1.1.tgz","fileCount":43,"integrity":"sha512-1J36WBGJpSCAbOJ6lHJs6xM04hbpD+m5LunR84LyDTQ6ktj2qsH6URa8aAVjQyIrtf/rq/u9lBaiw1LapN5uAw==","signatures":[{"sig":"MEUCIQDK99UkONrK8VJGFS+kDiIRivbS+M9NfQ9qXw0aT/lg0AIgQU4a4V7RjTGTHrlfJaPSdv2rwhaQgI6IPD8AutOxwDs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36221,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiARwKCRA9TVsSAnZWagAAsPEP/jdDSrWRZcPAFWZOICK2\nr8SzBIB64t+Bg3absDxgUOQX2OSfxuZg8JtFQiZ7BYRc9+a7Y+zIqCKtbpzO\n2aQg+d/wkClBkSQna4mDiDgVhtEOkscADdANLGOO/OPfsRhkDyGRc+YVPGH9\nkEJucLnQOvqJQLiVg7SswgmZc0b0o9/1YO93appftYo6QzWKCnM3x15r+Zau\nmusHh095An+5orXb/gG0NSYa6o3hCyw8DPofJ3KeWWxpfhwORYKsqVmpqwMP\nPJu3BFZ9FoiXAhWQOZ02YLflCzSAGEZiLgZAKxJIab4OPpsNgj6E5AOBsd7T\nndE04bLa94J7XQpG3ywaytOfs3TI5EOToWAjhZkNl/0NSvszXgtuPFu78+95\ncL4VQFiXL220CwMOLHXHTZLvOzBh2I0CYqUVGbjeLG7g2s/VWYjKY/VP2e78\n1gpvwDkp23PdHzt+BSCDpOBKdE34iCuR0/pXipkKBwrO/0UYgpanMDgxbnI5\n3SZaa3LbpUhESDhbmXfFqrOdEDftutg+yrXcqriwZUOnQxVBVvNdFoIOTzws\nwD42NPXQjk+Dp0HlRwxbp7GVMlzS8Ihztfj1/Qvp+oQEasKWsCWD1i/CBUQ+\nCYJ+Swbnf/iz9VGteb1gBKqi0aTfsGV+ZB5DoE99wzxsdgAaiEaaXgkvEsfa\niqjc\r\n=7FT+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","types":"lib/index.d.ts","module":"lib/index.esm.js","private":false,"scripts":{"build":"rollup -c","predeploy":"yarn run build-storybook","storybook":"start-storybook -p 6006","build-storybook":"build-storybook","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"https://github.com/Unholster/seisveinte","type":"git"},"description":"The Unholster design system.","directories":{},"resolutions":{"styled-components":"^5.3.3"},"dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"antd":"^4.16.2","react":"^17.0.2","tslib":"^2.3.1","rollup":"^2.66.1","postcss":"^8.4.5","webpack":"^5.68.0","gh-pages":"^3.2.3","react-is":"^17.0.2","cross-env":"^7.0.3","react-dom":"^17.0.2","typescript":"^4.5.5","@babel/core":"^7.16.12","@types/node":"^17.0.14","ts-toolbelt":"^9.6.0","@types/react":"^17.0.38","babel-loader":"^8.2.3","@babel/runtime":"^7.16.7","@types/bluebird":"^3.5.36","@storybook/react":"^6.4.14","rollup-plugin-jsx":"^1.0.3","styled-components":"^5.3.3","@rollup/plugin-babel":"^5.3.0","@ts-type/package-dts":"^1.0.58","rollup-plugin-postcss":"^4.0.2","@storybook/addon-links":"^6.4.14","@rollup/plugin-commonjs":"^21.0.1","@storybook/addon-actions":"^6.4.14","@types/styled-components":"^5.1.21","rollup-plugin-typescript2":"^0.31.1","@rollup/plugin-node-resolve":"^13.1.3","@storybook/addon-essentials":"^6.4.14","@storybook/storybook-deployer":"^2.8.10","@babel/plugin-transform-runtime":"^7.16.10","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"antd":">=4.16","react":">=17","react-is":">=17","react-dom":">=17","styled-components":">=5"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.1.1_1644239882163_0.8454632722405295","host":"s3://npm-registry-packages"}},"0.1.2":{"name":"@unholster/seisveinte","version":"0.1.2","author":{"name":"Ignacio Norambuena","email":"https://github.com/archidemus"},"license":"MIT","_id":"@unholster/seisveinte@0.1.2","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"homepage":"http://Unholster.github.io/seisveinte","bugs":{"url":"https://github.com/Unholster/seisveinte/issues"},"dist":{"shasum":"2dd8a0a92cf54dd69b0dbe0276715aaecf77d2a3","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.1.2.tgz","fileCount":39,"integrity":"sha512-sWD294jsWwBNhBlOXENvqWDRh48pZX8NZ98mlnFkhDhj2ZJLkbe8y/ZFIyGWQng0R+4MCZRv6j46AE+HVjTtkA==","signatures":[{"sig":"MEUCIA0AnXuDYzKooC9d5mYjn1JaiyUxFismB+ZzFDlM/gYXAiEA18XCiG4nTBw1rQgLNMT2h2cP7Z0TJXM8/qhu+b12dmw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":123566,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiBBtjCRA9TVsSAnZWagAANEUP/jJRUL5+YXiZ+IW6nMxW\nSD6OxA/VtK98/e/h6jDIHQ9lFSCYKhUkwNZrL2HJmqYJNtvbgYu4STLut7//\n/bZSYQZPXM/EPZolP+zeYY4ozkWhRIbqUzxeypzsAihhk1HPM6F9NDOwye63\nHCSO4GagEkjrxDrmlRUk65PUKq2p2rAPmHdKb46BV3/JYc4POxvGoS4ckjWk\nqomJUVtk7ScQM7d6HWBRnleO7F1ZRmgOHPHdrHtVYgNcVS6UY6+lP6qfwERa\nSvaFTSG2eHdPqN7SskWrhSRfsjjf375EVVJgakUri6itH2qbEjBdCKNTwf08\nYiVOEn8ULSqA7r2DY6KJOWt/HPSDSuputANfNcjpjEk3sRU6gkIJ94kHdzYp\ntDh45QCgp+NMLO2XkorUMawUPJwtxyWe+2T+0Og5Hnf9jIXkznMWecG1yrfb\ni+45vcjhYK101jSaYTBW51WjSVTpbP/+IjElIC0RKAZbCSwYpqynn134amoy\nsGUSmr1rxTdvonny/1u62G7FiOHw4sl7H0FTf5TaP96mgou5HVL4vOrJJkWF\ne7NKJDG+E2/f5MQEl2ByUDXfmQ7E15G+glRl8Z48JYi5qq8ptR+DQH8UWSTs\nMlv/0HO/UvA5QxDEf1KIsAe7f7uVRjlXOt9DjVIasBUygA92g/5OtkUbUeS4\noxOZ\r\n=NKQp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","types":"lib/index.d.ts","module":"lib/index.esm.js","gitHead":"acb1584ff9f1e8dd4a54d464816d80ca39316c5c","private":false,"scripts":{"build":"rollup -c","predeploy":"yarn run build-storybook","storybook":"start-storybook -p 6006","build-storybook":"build-storybook","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/Unholster/seisveinte.git","type":"git"},"_npmVersion":"8.1.2","description":"The Unholster design system.","directories":{"lib":"lib"},"_nodeVersion":"16.13.2","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"antd":"^4.16.2","react":"^17.0.2","tslib":"^2.3.1","rollup":"^2.66.1","postcss":"^8.4.5","webpack":"^5.68.0","gh-pages":"^3.2.3","react-is":"^17.0.2","cross-env":"^7.0.3","react-dom":"^17.0.2","typescript":"^4.5.5","@babel/core":"^7.16.12","@types/node":"^17.0.14","ts-toolbelt":"^9.6.0","@types/react":"^17.0.38","babel-loader":"^8.2.3","@babel/runtime":"^7.16.7","@types/bluebird":"^3.5.36","@storybook/react":"^6.4.14","rollup-plugin-jsx":"^1.0.3","styled-components":"^5.3.3","@rollup/plugin-babel":"^5.3.0","@ts-type/package-dts":"^1.0.58","rollup-plugin-postcss":"^4.0.2","@storybook/addon-links":"^6.4.14","@rollup/plugin-commonjs":"^21.0.1","@storybook/addon-actions":"^6.4.14","@types/styled-components":"^5.1.21","rollup-plugin-typescript2":"^0.31.1","@rollup/plugin-node-resolve":"^13.1.3","@storybook/addon-essentials":"^6.4.14","@storybook/storybook-deployer":"^2.8.10","@babel/plugin-transform-runtime":"^7.16.10","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"antd":">=4.16","react":">=17","react-is":">=17","react-dom":">=17","styled-components":">=5"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.1.2_1644436323736_0.5599336426322197","host":"s3://npm-registry-packages"}},"0.1.3":{"name":"@unholster/seisveinte","version":"0.1.3","author":{"name":"Ignacio Norambuena","email":"https://github.com/archidemus"},"license":"MIT","_id":"@unholster/seisveinte@0.1.3","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"homepage":"http://Unholster.github.io/seisveinte","bugs":{"url":"https://github.com/Unholster/seisveinte/issues"},"dist":{"shasum":"7930207604562aa5673c0a4a3485bc38476e784d","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.1.3.tgz","fileCount":39,"integrity":"sha512-t3P4jauRWHjtQ1b9ua1ZTfUJutxlxmzePcg8L8uJdz/Av5N/hO0yfjQoqnUNy9wvM3zwwFE29reAWsPz3dpd+w==","signatures":[{"sig":"MEUCIQCrrI13D0dXUTWcm1pVpcemjhH3BAfjgDq0KYEBfpHsAgIgcQ27lp4Te6m61/LtdQkiog0aH0w/IPClH0/NJUqWzzM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":125316,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiBoRHCRA9TVsSAnZWagAANh0QAJsCYXcEN49xrTY4403J\nhBxMPRWxtg0+AgNCQtymneJmaCT+DKOJJDYtMxiTBGm3IEkgRhE/ULm7KTE9\nyh3VKFB6Hvhz5GGS4njxbaqqfKoYJQoQs4JxF7OKcajMXUuHj3wvnQuBc5+9\nt6TSscyGH9/RyCFFo2fXPHRBXlv98MGw9ZGUNVZXCaJXZKAypIj1XihQsc8J\n3828QgZ9NIjvUbiQRavXJK5T0ZGJ/GnWPZPTwJ7MFAha5R8epPO2EJlolqBP\nO8dj8EU/7yDwHsD+LvyfBPM6wvX9lADbF8uRGYjYHz3JdnLtSvSA9TWKEt2q\nIcHhIKZJMoymn2d+WfNoMKzc6DkfyPySad6eSAlM0x2mbD8vuQIfzOBd+Tt8\nQb1de2JsXQRyyiEeu+8WQj7ikkugNhrp3wSQXPa8LsJkGzzECmVjaOg2p72c\nK2V3+xCLfPPMS1ntSCS0CNvTi+ynysik4uR0faaE+dLUh/cRAhSUS4t/EJ55\nn1GXLy8fC9GTXnNL6JVYVV/lELI11Wo7ie3XnzfrXnK+RHdRlTleMI9rmCKd\nd1+QMLLZdHDkbUTkZS9oyRLU55C+8bEIeQa1aJPv3ugxS5A+FFqJ6u+37rYa\nsw7ipzWMKhwkUZ3kfTd45Cw5ip2saBUoJuTpNzIZkUYPzF8TXG9Q7pq5wO80\nNL+v\r\n=5+T9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","types":"lib/index.d.ts","module":"lib/index.esm.js","gitHead":"f54dfd19be8ec04dbf4daf8bc310c2f1d6742c0a","private":false,"scripts":{"build":"rollup -c","predeploy":"yarn run build-storybook","storybook":"start-storybook -p 6006","build-storybook":"build-storybook","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/Unholster/seisveinte.git","type":"git"},"_npmVersion":"8.1.2","description":"The Unholster design system.","directories":{"lib":"lib"},"_nodeVersion":"16.13.2","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"antd":"^4.16.2","react":"^17.0.2","tslib":"^2.3.1","rollup":"^2.66.1","postcss":"^8.4.5","webpack":"^5.68.0","gh-pages":"^3.2.3","react-is":"^17.0.2","cross-env":"^7.0.3","react-dom":"^17.0.2","typescript":"^4.5.5","@babel/core":"^7.16.12","@types/node":"^17.0.14","ts-toolbelt":"^9.6.0","@types/react":"^17.0.38","babel-loader":"^8.2.3","@babel/runtime":"^7.16.7","@types/bluebird":"^3.5.36","@storybook/react":"^6.4.14","rollup-plugin-jsx":"^1.0.3","styled-components":"^5.3.3","@rollup/plugin-babel":"^5.3.0","@ts-type/package-dts":"^1.0.58","rollup-plugin-postcss":"^4.0.2","@storybook/addon-links":"^6.4.14","@rollup/plugin-commonjs":"^21.0.1","@storybook/addon-actions":"^6.4.14","@types/styled-components":"^5.1.21","rollup-plugin-typescript2":"^0.31.1","@rollup/plugin-node-resolve":"^13.1.3","@storybook/addon-essentials":"^6.4.14","@storybook/storybook-deployer":"^2.8.10","@babel/plugin-transform-runtime":"^7.16.10","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"antd":">=4.16","react":">=17","react-is":">=17","react-dom":">=17","styled-components":">=5"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.1.3_1644594246947_0.798430883250133","host":"s3://npm-registry-packages"}},"0.1.4":{"name":"@unholster/seisveinte","version":"0.1.4","author":{"name":"Ignacio Norambuena","email":"https://github.com/archidemus"},"license":"MIT","_id":"@unholster/seisveinte@0.1.4","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"homepage":"http://Unholster.github.io/seisveinte","bugs":{"url":"https://github.com/Unholster/seisveinte/issues"},"dist":{"shasum":"ccc53e8c5494f46a4599dd49023d7d459cb91981","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.1.4.tgz","fileCount":45,"integrity":"sha512-2fSySu0SWoP/RJ3rZthIVOxwgpCoRFn5QEAJLJpqLNj1QZdD/AZWKxVnK8UVAyVgqrA6//Qc9ssgRWtwyqjn3A==","signatures":[{"sig":"MEUCIQC/C+Z59AAR4smvl3cWaLRafvnhbsFTvZ9vnDOTwwABFQIgBoGYPUbdzFwsQC+jGqn8K5x84tC5E+tkhg0KPDTFstc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130859,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiC5pNCRA9TVsSAnZWagAAORoQAJUp3JKE5XnuUqgoXeCt\nnWUGtxipMX+5I4xmw3Mw1rFfMadeK5RQRd316eD7HcgAHo23gP7+XOYMl9j+\na2pgglWu9+OO/kCxMKwE6PWNExvLjNhXiefvLHgSs0409U6OzIVJpW3AvTpO\njIqcWAO1f5mxs44KQX9hqAAk+cLTpqUk0jkU365WPqXD1ZoOmHC7cwtewW9j\nqVAHXCOJobOfdCVWAn2vevDApGYY77G2Tmn05keANVLQHme9Gou+Uqhgzb6U\nt7qczuJHPMNkb5XZTAm7GZXOIJoBc9UB1HkcU8R6HJeLVSig/Howdi7ItImR\nPtlkAGwenCy+JU/Q8DkJXrSsJVX3MmUq/9Ua3QKxktHRKGMltLD5G9lWe9E5\nEDF7tNRD5DAnr8jS3k0NsBvV0FIp/wC8A3z+1HyUZgHD+YJXKXzRopr1K8ad\nj6HvgBDrzCmfweMG1wF2ae04RsbTmMjO0AHoXicFYdobY7on4Oo2PciCP02i\nq1FLQjuwiu8tNJy/6eg4MCe51IAL7ZW2xFi0BUzlAz/gaeu9F1avP2AJHxaq\newGfQb74IcLiUQcQ3cFfyOkss/Lb/GGGeJQ3fTbwV6tXlz7W7ybkS0fV8MYu\n+BHzkThF3vVW6NeNsZ2/GCG7uzRhjBfm+U7f2DpbnpKf1mnvJmYoGsF6C2BB\nyjVe\r\n=atdA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","types":"lib/index.d.ts","module":"lib/index.esm.js","gitHead":"4b4b271098cbc18d8bc38032d443e59490bbeb8b","private":false,"scripts":{"build":"rollup -c","predeploy":"yarn run build-storybook","storybook":"start-storybook -p 6006","build-storybook":"build-storybook","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/Unholster/seisveinte.git","type":"git"},"_npmVersion":"8.1.2","description":"The Unholster design system.","directories":{"lib":"lib"},"_nodeVersion":"16.13.2","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"antd":"^4.16.2","react":"^17.0.2","tslib":"^2.3.1","rollup":"^2.66.1","postcss":"^8.4.5","webpack":"^5.68.0","gh-pages":"^3.2.3","react-is":"^17.0.2","cross-env":"^7.0.3","react-dom":"^17.0.2","typescript":"^4.5.5","@babel/core":"^7.16.12","@types/node":"^17.0.14","ts-toolbelt":"^9.6.0","@types/react":"^17.0.38","babel-loader":"^8.2.3","@babel/runtime":"^7.16.7","@types/bluebird":"^3.5.36","@storybook/react":"^6.4.14","rollup-plugin-jsx":"^1.0.3","styled-components":"^5.3.3","@rollup/plugin-babel":"^5.3.0","@ts-type/package-dts":"^1.0.58","rollup-plugin-postcss":"^4.0.2","@storybook/addon-links":"^6.4.14","@rollup/plugin-commonjs":"^21.0.1","@storybook/addon-actions":"^6.4.14","@types/styled-components":"^5.1.21","rollup-plugin-typescript2":"^0.31.1","@rollup/plugin-node-resolve":"^13.1.3","@storybook/addon-essentials":"^6.4.14","@storybook/storybook-deployer":"^2.8.10","@babel/plugin-transform-runtime":"^7.16.10","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"antd":">=4.16","react":">=17","react-is":">=17","react-dom":">=17","styled-components":">=5"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.1.4_1644927565201_0.2630505290638785","host":"s3://npm-registry-packages"}},"0.1.5":{"name":"@unholster/seisveinte","version":"0.1.5","author":{"name":"Ignacio Norambuena","email":"https://github.com/archidemus"},"license":"MIT","_id":"@unholster/seisveinte@0.1.5","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"homepage":"http://Unholster.github.io/seisveinte","bugs":{"url":"https://github.com/Unholster/seisveinte/issues"},"dist":{"shasum":"45d053e99549ed0b6e9a4fa2c95afcad218bb863","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.1.5.tgz","fileCount":51,"integrity":"sha512-OwWqXRu0k7w9Cp6PwrQ60An+19yy50KTp0SaZIAhwcOz/oiCn2ZTmyEXe/nOc0KkZkgdHGOWA3tHgQC0dHjY2Q==","signatures":[{"sig":"MEUCIQCufRMXPgcdmxwstX77mrzNjYhzIqVjbu6rlrehDUfyjgIgSeRax2bjK16sBG1ET1I5Rja0TEqMRHhWL7orgpQRzKE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":148247,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiDRxuCRA9TVsSAnZWagAAPywP/0ubzYhvUrL6eIJa2bcH\nO5t7reyL1w4BeXR4+FZj9UsuY00L6RQA/qFw/H17OJrzIsbs5Tx9tuj5SRo2\nD0GqIyBc6ZcBzqWSykKlAe8iDPf/64GLmENeU9/K8YX8t7qYrSKQFMVd+eTt\nZRGogLpXS8FdRYz1VEmlZlVOfJjKsc9U5XFL8vLM8CzZb9rVzK8RXRVk9fnW\njKMRlaE8CuudGUdvtQoscXhHe8o3c8iXruspxusOhVn/cDnfbMpGtmIF0wM0\nDhKe6UIKsDYS7hR/PbW/Rm8P1QK3c6O7WVD7TctoiDpeHy51z2oaEpqn2fLW\n2ZVlPL6PLG+6P9q04DSZbFmo9yOzAUDpX9mnSVmtS2/bv64NJdsIQc1i0g6R\nvKS2UuOyMHaquoUzf+VDyQPNqhzEnDJqRditTazNf9Nfasv2sHFBIyhTHklY\n124stmxvSRPxM1Ovgvib/QYSVerSiy09GGy3uxe4x5E57snFCwf7mL0S3Wus\nqS43rUmg9E487GmesFbOF1Hzc+KSlMpFzsD1lcjerXBFjMwxOPUALu9NCLWN\nX/eTUF4ILHcqcMOjdWmn17vhoYJkDPPt/VPrBwxEng6P2YzQeuxj9IKNrdt3\nrLiAGuTkrVIe02BOFoEKBcs7TXNMB2t9GhEFwWqcVdBbK/dDc+ZFK6/3dqvT\nqvws\r\n=JTIU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","types":"lib/index.d.ts","module":"lib/index.esm.js","gitHead":"1da81d649076453c5283c74ccb4a4fa94b6faf8b","private":false,"scripts":{"build":"rollup -c","predeploy":"yarn run build-storybook","storybook":"start-storybook -p 6006","build-storybook":"build-storybook","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/Unholster/seisveinte.git","type":"git"},"_npmVersion":"8.1.2","description":"The Unholster design system.","directories":{"lib":"lib"},"_nodeVersion":"16.13.2","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"antd":"^4.16.2","react":"^17.0.2","tslib":"^2.3.1","rollup":"^2.66.1","postcss":"^8.4.5","webpack":"^5.68.0","gh-pages":"^3.2.3","react-is":"^17.0.2","cross-env":"^7.0.3","react-dom":"^17.0.2","typescript":"^4.5.5","@babel/core":"^7.16.12","@types/node":"^17.0.14","ts-toolbelt":"^9.6.0","@types/react":"^17.0.38","babel-loader":"^8.2.3","@babel/runtime":"^7.16.7","@types/bluebird":"^3.5.36","@storybook/react":"^6.4.14","rollup-plugin-jsx":"^1.0.3","styled-components":"^5.3.3","@rollup/plugin-babel":"^5.3.0","@ts-type/package-dts":"^1.0.58","rollup-plugin-postcss":"^4.0.2","@storybook/addon-links":"^6.4.14","@rollup/plugin-commonjs":"^21.0.1","@storybook/addon-actions":"^6.4.14","@types/styled-components":"^5.1.21","rollup-plugin-typescript2":"^0.31.1","@rollup/plugin-node-resolve":"^13.1.3","@storybook/addon-essentials":"^6.4.14","@storybook/storybook-deployer":"^2.8.10","@babel/plugin-transform-runtime":"^7.16.10","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"antd":">=4.16","react":">=17","react-is":">=17","react-dom":">=17","styled-components":">=5"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.1.5_1645026414670_0.7244180772664386","host":"s3://npm-registry-packages"}},"0.1.6":{"name":"@unholster/seisveinte","version":"0.1.6","author":{"name":"Ignacio Norambuena","email":"https://github.com/archidemus"},"license":"MIT","_id":"@unholster/seisveinte@0.1.6","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"homepage":"http://Unholster.github.io/seisveinte","bugs":{"url":"https://github.com/Unholster/seisveinte/issues"},"dist":{"shasum":"4f5cf1b59dd128fc052eb1c1cda4623b72f8a98c","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.1.6.tgz","fileCount":51,"integrity":"sha512-TB5PH7Ft8rSUsFff3Svs/kzhNQuAY7INESOHvBi4DC1/PVGZ84rCeI+FEzNLEW4fcGaEDVNvavoW0FqOiXFV/A==","signatures":[{"sig":"MEQCIBYZhSNyDzzHp9/bqqzJp4XFXTII2E6j5Qfg1bujiPfpAiB3iwWrVnDnuzS9It9wwOxa0T1jL7Kj1wNfM0+xygpWSw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":148618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiDUKZCRA9TVsSAnZWagAAjhUP/2NRj6CE5umHcDMo5Zg0\nC1t7/L6TGOWqN4K5Z5rUJ8V0paW4dDywsaBb6LsT+Y3NOQ8o18Hw/KUoIvfY\nOjR10F5PBP+SG9hyKKrOCaK6US4IUQYJBMDixC9VdS/eMGlDcyyqV1VfYFLG\nnvmQrFsIWkWcB6l0TsOKYIrIJLk2qrgDhrJ1F0lqwpuJrsv5JS+Q2Sr7s8jj\nXX5QLJvl6IcY9FR7gAAanSLYHeAZHV5L1eo6wpAzvXQqia4ZpNvnuBRMxNSw\n6NIlGzXRmYf82N3JYHWFGFDlBbiphlw27EnAetjaVqejY7xZ5Ix0wHzC3Ase\nv/DRAGmmvj/CCa+4XQqaj0OD51CmJqQ9vp60gfyhuTvA1ssQrAtOoYtYBks7\nZCERhaI1+sLfesW6E/YYHXqdc3rRzDKXDBf1+uyN7th5M3aNyuCMoCKZZjbl\nPBeJsgFCcd/K3P0djOE0UrOefvtcJ/71oTaip9RQpfB7FaH7Yc18y/2Bvj3x\n+TsjyMt5Zgs0Ag4chAsCYZ+VvHD0hcNqDiFr48w+lgt3vGoo8byYQM7bZcCD\n5Nl6Q+qizIHA8zAMJnCia3e588BEWC5PvijglrujdLYuQUfaK8iaAwqIeiNQ\nG8ZNC59viMPDMURoyGKIR6o6jcwLC4a8z5ohhQEpfJeX6ZZ37juorN34NcSM\n14Rf\r\n=nCSH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","types":"lib/index.d.ts","module":"lib/index.esm.js","gitHead":"ec9e9363cee18bb168b1ecaef88b7f11bcb1ee68","private":false,"scripts":{"build":"rollup -c","predeploy":"yarn run build-storybook","storybook":"start-storybook -p 6006","build-storybook":"build-storybook","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/Unholster/seisveinte.git","type":"git"},"_npmVersion":"8.1.2","description":"The Unholster design system.","directories":{"lib":"lib"},"_nodeVersion":"16.13.2","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"antd":"^4.16.2","react":"^17.0.2","tslib":"^2.3.1","rollup":"^2.66.1","postcss":"^8.4.5","webpack":"^5.68.0","gh-pages":"^3.2.3","react-is":"^17.0.2","cross-env":"^7.0.3","react-dom":"^17.0.2","typescript":"^4.5.5","@babel/core":"^7.16.12","@types/node":"^17.0.14","ts-toolbelt":"^9.6.0","@types/react":"^17.0.38","babel-loader":"^8.2.3","@babel/runtime":"^7.16.7","@types/bluebird":"^3.5.36","@storybook/react":"^6.4.14","rollup-plugin-jsx":"^1.0.3","styled-components":"^5.3.3","@rollup/plugin-babel":"^5.3.0","@ts-type/package-dts":"^1.0.58","rollup-plugin-postcss":"^4.0.2","@storybook/addon-links":"^6.4.14","@rollup/plugin-commonjs":"^21.0.1","@storybook/addon-actions":"^6.4.14","@types/styled-components":"^5.1.21","rollup-plugin-typescript2":"^0.31.1","@rollup/plugin-node-resolve":"^13.1.3","@storybook/addon-essentials":"^6.4.14","@storybook/storybook-deployer":"^2.8.10","@babel/plugin-transform-runtime":"^7.16.10","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"antd":">=4.16","react":">=17","react-is":">=17","react-dom":">=17","styled-components":">=5"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.1.6_1645036185232_0.7472465600368232","host":"s3://npm-registry-packages"}},"0.1.7":{"name":"@unholster/seisveinte","version":"0.1.7","author":{"name":"Ignacio Norambuena","email":"https://github.com/archidemus"},"license":"MIT","_id":"@unholster/seisveinte@0.1.7","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"homepage":"http://Unholster.github.io/seisveinte","bugs":{"url":"https://github.com/Unholster/seisveinte/issues"},"dist":{"shasum":"9f0645c76e3ac6aba25886f73a99cebe2f1f50c0","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.1.7.tgz","fileCount":51,"integrity":"sha512-F7SAY7tB/MxHeRGannfWkpTtNdYZ3voaU0FWd8od6sratNVLoG8xIEGAdGmxAf7/r/5hUFTHKJLgLgtfgU/DTA==","signatures":[{"sig":"MEUCIQCFCJ50KbQqTUNcf7lzJ6wCdZkk+SlwaZ/EpHsrb284DgIgA0Jn7E1fTiLnk83LxAxWswWmN14ECXe360ymYOxUf8A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":148846,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDoSOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp/Ow//VJGsK2nIs4+xEb3Um7Z8kEg2sPoL4dYV7W1KBQuX5F6deKCt\r\nohzeDB9lrPTc4L08HNseCTKNdMOb2OLAo58L/LwhMliRwqVsMZjrERzd3QH6\r\n+Fui6fdG1KFdDRGC0NHys2uyUjR5tJDhn6wCS0CMQ9fM2nsOHEGz4sgg+TTR\r\nzEAyhxbXmAmgFndHQ8tCTSQp2T/WSP7Oo8dX5tYlocRbXOjROOLMeMB49LwL\r\nEyzsvgokjUUqVI9iy6gSD6vjI1LZ7wuwab+DrOgnIw/xwPOJ5BbFivKcjSEA\r\n9ZI56Ac+UfOGTJqXZJfsjlWxLpgkm4s5gtVy4SzZDL0guMMJxBmst4fAR1b3\r\nRohK7xqsUMgE0Ru1KiKSPHstWQcxqTJyVhpS97iW3lhK3qpwRT8LZ5RK62SF\r\nt79Qmh5nc8Fe3+btGZWvYXlOPGbR0t0MYDRuI5ZQuPKNDMBO/s7+s5H0G+MO\r\nZGOJECZLvjlv+YQ/nzqH+Mjy6LjTPirdW64HKjG+KT6kO3ZWo9rqvd66nYbN\r\nHIdwdx14fPtKivESLM8ZZrAbQAaeaVMyL9UoZHSKC6f2ososC/2maOTBVSeS\r\nleMoUvM6CS7L5PKaljrAjrOxHZtN07/ele8jI/+wP/3qw//sIzBOCidPLyYG\r\nJWtQyn9XT0gvWfyA4H77tNauQf91ZrIAVrw=\r\n=bqUy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","types":"lib/index.d.ts","module":"lib/index.esm.js","gitHead":"35137e523496681ee3d64361283ccc031383d48b","private":false,"scripts":{"build":"rollup -c","predeploy":"yarn run build-storybook","storybook":"start-storybook -p 6006","build-storybook":"build-storybook","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/Unholster/seisveinte.git","type":"git"},"_npmVersion":"8.3.1","description":"The Unholster design system.","directories":{"lib":"lib"},"_nodeVersion":"16.14.0","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"antd":"^4.16.2","react":"^17.0.2","tslib":"^2.3.1","rollup":"^2.66.1","postcss":"^8.4.5","webpack":"^5.68.0","gh-pages":"^3.2.3","react-is":"^17.0.2","cross-env":"^7.0.3","react-dom":"^17.0.2","typescript":"^4.5.5","@babel/core":"^7.16.12","@types/node":"^17.0.14","ts-toolbelt":"^9.6.0","@types/react":"^17.0.38","babel-loader":"^8.2.3","@babel/runtime":"^7.16.7","@types/bluebird":"^3.5.36","@storybook/react":"^6.4.14","rollup-plugin-jsx":"^1.0.3","styled-components":"^5.3.3","@rollup/plugin-babel":"^5.3.0","@ts-type/package-dts":"^1.0.58","rollup-plugin-postcss":"^4.0.2","@storybook/addon-links":"^6.4.14","@rollup/plugin-commonjs":"^21.0.1","@storybook/addon-actions":"^6.4.14","@types/styled-components":"^5.1.21","rollup-plugin-typescript2":"^0.31.1","@rollup/plugin-node-resolve":"^13.1.3","@storybook/addon-essentials":"^6.4.14","@storybook/storybook-deployer":"^2.8.10","@babel/plugin-transform-runtime":"^7.16.10","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"antd":">=4.16","react":">=17","react-is":">=17","react-dom":">=17","styled-components":">=5"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.1.7_1645118606613_0.9292620355949635","host":"s3://npm-registry-packages"}},"0.1.8":{"name":"@unholster/seisveinte","version":"0.1.8","author":{"name":"Ignacio Norambuena","email":"https://github.com/archidemus"},"license":"MIT","_id":"@unholster/seisveinte@0.1.8","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"homepage":"http://Unholster.github.io/seisveinte","bugs":{"url":"https://github.com/Unholster/seisveinte/issues"},"dist":{"shasum":"23d5791f0bec1b5d32c104a6830be583a7a63990","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.1.8.tgz","fileCount":51,"integrity":"sha512-3S3ZQ41Rt5cyQe00xVwXQU2Ss29BgcTNhpweayG/1QKJimlWXTiFpekYvGU2n1YsjfuF+TLw1slcoL0+SvHSiw==","signatures":[{"sig":"MEQCIGIuA/yNQZ1Jzj4PCgPmulrnUJ+tY1FDTctg7KtevERdAiA7MgEZIwhfF6Lk1sVSlG8RNc/1aRDDWLE1uE4FopLA0w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":149102,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiWItdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq41xAAmg4wQJgaRa1nLQ7UjIuqriOpzhn9EsABp/MqSrmtoIICbKR+\r\nLXksXPRQJgFnilbaTJBKqW+KC0TWWyXG56gYNGOKsqEx81pvaOfUMO2uQA8M\r\ntPnXs587mmVExQR0uos0ETbLSWNzKbWoj511EwvEcaxQdMEQ9yZuBzPh9esD\r\nZufY0eiHIZN9y/XWDDo9arNXP/5SyAeexhkikxUpmTarfwlCZA+tCE2phPWy\r\nczKsqiUZ3r+HonSixdygzdV26P3E7ptmpCDGY4rMNq5K5sQshp2peGsHoWIr\r\naayUbpqjwTFPGp6iZHuY2Z0dQ0DJugzJ3OfqPFzryZwjFhNR6Lok0mVeRtlV\r\nm1CwraLgZuqm/sJSJc0N6mQG+gqvwOrQ5oIstuSUkwxoTKwl8/MFDKaJoQF7\r\nnAhxC+z+SIQIpoK5vh+IMJMKEihxUF/lbyb92OwiPe3XUDh7BDJqQuwl9K6+\r\nIFu6xp5jUwx1Y1GB2YHCkrdGzNOUNRskTsGNEtvXKaeR1quITVILlcxUtjvg\r\nc35S4PemouIuH+CVX0bW6oreoAf72cYcaNXbMbGTcD8g+xY4JRZX2MGBkcIb\r\nugzvvftFQKWf4+nqBVA05kgoq1g/6X7Cysy/vSKAYL7LHitClI98zAx3/qtE\r\nAa5T1rylKKrVtgUvgjc7EGEKn2B+21YR8Es=\r\n=PQjB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","types":"lib/index.d.ts","module":"lib/index.esm.js","gitHead":"7fa7aec8717faf85c166e384d12ce07cc956f664","private":false,"scripts":{"build":"rollup -c","predeploy":"yarn run build-storybook","storybook":"start-storybook -p 6006","build-storybook":"build-storybook","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/Unholster/seisveinte.git","type":"git"},"_npmVersion":"8.5.0","description":"The Unholster design system.","directories":{"lib":"lib"},"_nodeVersion":"16.14.2","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"antd":"^4.16.2","react":"^17.0.2","tslib":"^2.3.1","rollup":"^2.66.1","postcss":"^8.4.5","webpack":"^5.68.0","gh-pages":"^3.2.3","react-is":"^17.0.2","cross-env":"^7.0.3","react-dom":"^17.0.2","typescript":"^4.5.5","@babel/core":"^7.16.12","@types/node":"^17.0.14","ts-toolbelt":"^9.6.0","@types/react":"^17.0.38","babel-loader":"^8.2.3","@babel/runtime":"^7.16.7","@types/bluebird":"^3.5.36","@storybook/react":"^6.4.14","rollup-plugin-jsx":"^1.0.3","styled-components":"^5.3.3","@rollup/plugin-babel":"^5.3.0","@ts-type/package-dts":"^1.0.58","rollup-plugin-postcss":"^4.0.2","@storybook/addon-links":"^6.4.14","@rollup/plugin-commonjs":"^21.0.1","@storybook/addon-actions":"^6.4.14","@types/styled-components":"^5.1.21","rollup-plugin-typescript2":"^0.31.1","@rollup/plugin-node-resolve":"^13.1.3","@storybook/addon-essentials":"^6.4.14","@storybook/storybook-deployer":"^2.8.10","@babel/plugin-transform-runtime":"^7.16.10","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"antd":">=4.16","react":">=17","react-is":">=17","react-dom":">=17","styled-components":">=5"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.1.8_1649970013561_0.21905914289321515","host":"s3://npm-registry-packages"}},"0.1.9":{"name":"@unholster/seisveinte","version":"0.1.9","author":{"name":"Ignacio Norambuena","email":"https://github.com/archidemus"},"license":"MIT","_id":"@unholster/seisveinte@0.1.9","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"homepage":"http://Unholster.github.io/seisveinte","bugs":{"url":"https://github.com/Unholster/seisveinte/issues"},"dist":{"shasum":"c49f7c06084f7c1f242143f02b751f80c9bc5d0a","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.1.9.tgz","fileCount":51,"integrity":"sha512-rOHxUCD3gqmWjkjgw7VTMIhde4hSJjROsOTZd5g7tE6vZlTaLuxWqLGoolbWBOQxSOHZ8ulEpsMjcw9wlfw9Pg==","signatures":[{"sig":"MEUCIQC6VkL5wfgK0lTGfyP/MjW/pQeaxovaE4dIJCbUNwOzXwIgLeewqQQimrlwBMi0hvDPeJNrD7jQqTr8PuulZJEcFJk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":150833,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJietdoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpEpw//Zs9dXbg3SsOdLnvQ7QB8LqDZKmF+40tWX9peWEQgwl3srZEQ\r\niO8IxxYxQrI/Zcna8CBpxYLbTNGghhWfB6xJXVF31cKGtqBirFlsYq/mbaOR\r\nNAyjsg4EWCzeEoVlSJz5vAXVyH1mJuVuJBwq7QOcB2b38eDRL7nXEQP8ngd4\r\neA1NWHa7RCN1AyttYan9TrCcy3XUTlwTIecy4W3gf0++Sf6Wv+d1mDP/BYCJ\r\nBdOPSHr7OUvdUQoj/hOJyz90viDk5SNRj5/ScAddjRSymtOxlJxP5vWgoTmx\r\nGpJ+WLMA4/gBfsHuAuZSvPtE4+35BtW0zhMijxDQ6qHPAJmWR6SgDOOZHIjx\r\nEL31vUQYW/x7lZvK+Ni1rlwizHVGuQApbHsWJtVcqTfLRKrRd2bDE3hA+isa\r\no2U+JwjPN6ZpPVzIv8KflYKFuzNkQe31JpUhwxGqzPbVItzpBFN1huKs5KYm\r\nvIjAwRJhoemUjGcs/Ry4owt5MdAFkEsqMkUk7B9SPGDlorZ3ehQVdJoupAdI\r\nd/Mf7O2jlJ7V9qxb8ZNODiZ3xIjCoyrtQcJH4XLQ/YdWRi0CKb2t31QB4t1P\r\nsO8Ot0NRrsYE4DR608rzrn073sS3Cm/ZXLQn6cYxkp3JhahE33/NDHnWrQw2\r\nRaqyUHeLsU3xaWZVMDFfQy33/XXyzO2m0vM=\r\n=Pxw6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","types":"lib/index.d.ts","module":"lib/index.esm.js","gitHead":"24e895dcfe0370525b5cde0993b06cf54e9f98be","private":false,"scripts":{"build":"rollup -c","predeploy":"yarn run build-storybook","storybook":"start-storybook -p 6006","build-storybook":"build-storybook","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/Unholster/seisveinte.git","type":"git"},"_npmVersion":"8.5.5","description":"The Unholster design system.","directories":{"lib":"lib"},"_nodeVersion":"16.15.0","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"antd":"^4.16.2","react":"^17.0.2","tslib":"^2.3.1","rollup":"^2.66.1","postcss":"^8.4.5","webpack":"^5.68.0","gh-pages":"^3.2.3","react-is":"^17.0.2","cross-env":"^7.0.3","react-dom":"^17.0.2","typescript":"^4.5.5","@babel/core":"^7.16.12","@types/node":"^17.0.14","ts-toolbelt":"^9.6.0","@types/react":"^17.0.38","babel-loader":"^8.2.3","@babel/runtime":"^7.16.7","@types/bluebird":"^3.5.36","@storybook/react":"^6.4.14","rollup-plugin-jsx":"^1.0.3","styled-components":"^5.3.3","@rollup/plugin-babel":"^5.3.0","@ts-type/package-dts":"^1.0.58","rollup-plugin-postcss":"^4.0.2","@storybook/addon-links":"^6.4.14","@rollup/plugin-commonjs":"^21.0.1","@storybook/addon-actions":"^6.4.14","@types/styled-components":"^5.1.21","rollup-plugin-typescript2":"^0.31.1","@rollup/plugin-node-resolve":"^13.1.3","@storybook/addon-essentials":"^6.4.14","@storybook/storybook-deployer":"^2.8.10","@babel/plugin-transform-runtime":"^7.16.10","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"antd":">=4.16","react":">=17","react-is":">=17","react-dom":">=17","styled-components":">=5"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.1.9_1652217703768_0.07392273666875138","host":"s3://npm-registry-packages"}},"0.1.10":{"name":"@unholster/seisveinte","version":"0.1.10","author":{"name":"Ignacio Norambuena","email":"https://github.com/archidemus"},"license":"MIT","_id":"@unholster/seisveinte@0.1.10","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"homepage":"http://Unholster.github.io/seisveinte","bugs":{"url":"https://github.com/Unholster/seisveinte/issues"},"dist":{"shasum":"92f75d00719d34fe19e2ded0c9e822199bcc03dd","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.1.10.tgz","fileCount":51,"integrity":"sha512-//Hpjgv6u6IlOy397WC42P1OuwYOjNZBUqXjPc3VSUxwWB/8HK1VMV0G+5uJmVH4TTVSXFBwBTggr2JroF6gMA==","signatures":[{"sig":"MEUCIEjTpqsWWmPoimbzI/qjlvX9jbZ8ebuLMwxBm5dtDf7aAiEAjj8xK9J4eQvf58Gz5uWlJidrqC5WZtCn3ORvmZyMv24=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":151053,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiettHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrdhw/+OMw1SOevLN18zcTqnzHCpfEyng4XQVsS82CLK0Z/jnuTESt9\r\nBwlSafypkXz7RrTajeanQiQR/lpBGqLGGwIDp5aNr8bPCLvHRCyudWtHJq+S\r\nY6bXqHW9x/zy/2ulw5RT8FtjPkrlhF1zS0YxbwKIdIp9QxPCdLBfDhakKbGJ\r\nt2UCW7NXyJlLY0pBMeZ26XF+tXl3MGO+ho4yI5uK7oTOztG6s6vYgJI3XLVj\r\nCkXSO+NczzLB7lIytO8rjU/SXeAUKx3uXvIrspjuArsEBkeeaonVXo7V9QUO\r\nIc6GJXbW6CAJ9YxKMlAOsbn36GviyZetTs8DTjOxxxEF9mtYu1AbZ3C37PFI\r\nMKYIK6MgFhsSfXgQ47mqUZYtL6Hpfe2ZMsBPfmOM736BkIkme5BkUD56MrVs\r\n2trmo4QtO/1kUqEJ6pS/BJm9g6rpPe84QCsV5O/5xkKU8BFlaWhExTIDJNxV\r\nzIIJ9TLSVJbAEMQAFh58hgvDP+6QOP66rU7D35x1e8lnusEo5DpRa8J/Wj5o\r\nB5Y+wZS5/DbbqyVPUXZT1RVFz26SZzv4jbot/Z2bbwlLr696bSMCVERIbNY/\r\nKZRrGsr7oyDaevyGZGedawfAEJdH5TxZeGRjk+8j2jxC51KeHYyUW2dkeOFO\r\nSnja2sBUQqBLAP1U0DrptW35iZhGeWR93MA=\r\n=zqxh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","types":"lib/index.d.ts","module":"lib/index.esm.js","gitHead":"88aeec208d6e74036833702f2c5ad6ca2f768a23","private":false,"scripts":{"build":"rollup -c","predeploy":"yarn run build-storybook","storybook":"start-storybook -p 6006","build-storybook":"build-storybook","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/Unholster/seisveinte.git","type":"git"},"_npmVersion":"8.5.5","description":"The Unholster design system.","directories":{"lib":"lib"},"_nodeVersion":"16.15.0","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"antd":"^4.16.2","react":"^17.0.2","tslib":"^2.3.1","rollup":"^2.66.1","postcss":"^8.4.5","webpack":"^5.68.0","gh-pages":"^3.2.3","react-is":"^17.0.2","cross-env":"^7.0.3","react-dom":"^17.0.2","typescript":"^4.5.5","@babel/core":"^7.16.12","@types/node":"^17.0.14","ts-toolbelt":"^9.6.0","@types/react":"^17.0.38","babel-loader":"^8.2.3","@babel/runtime":"^7.16.7","@types/bluebird":"^3.5.36","@storybook/react":"^6.4.14","rollup-plugin-jsx":"^1.0.3","styled-components":"^5.3.3","@rollup/plugin-babel":"^5.3.0","@ts-type/package-dts":"^1.0.58","rollup-plugin-postcss":"^4.0.2","@storybook/addon-links":"^6.4.14","@rollup/plugin-commonjs":"^21.0.1","@storybook/addon-actions":"^6.4.14","@types/styled-components":"^5.1.21","rollup-plugin-typescript2":"^0.31.1","@rollup/plugin-node-resolve":"^13.1.3","@storybook/addon-essentials":"^6.4.14","@storybook/storybook-deployer":"^2.8.10","@babel/plugin-transform-runtime":"^7.16.10","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"antd":">=4.16","react":">=17","react-is":">=17","react-dom":">=17","styled-components":">=5"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.1.10_1652218695189_0.9142526497526642","host":"s3://npm-registry-packages"}},"0.2.1":{"name":"@unholster/seisveinte","version":"0.2.1","license":"MIT","_id":"@unholster/seisveinte@0.2.1","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"ef7e0f0869b159e8a39e980e573a4a0f4abca3e8","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.2.1.tgz","fileCount":173,"integrity":"sha512-BIKt21IooQvSh9KBYKeCqYTTZcFFfA5UOIDLJxo7CWyuVRWTFieHv+x54UgWtF3A9/YHM6HWMYXyXg0KFE/PXg==","signatures":[{"sig":"MEUCIEjNJ/kYLHY51YVmYq0xLJhrnEZlN9v/gEz2i9TP9VWKAiEAntIE7EjRB/trL4SRQMnWDkZUeuJU7471r5aR6AhJ8JY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":261642,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfNWHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoK8Q/8CpgeJIp0D3UHmdFFyAeqsSYAVM0CXwP3UMreJdYsTZqQQXWy\r\nQIyI0INGIXanYAgdzImxVGDS5Ich1J1NpL5WRjdSWZavlpGjGlIYg7CQH6kH\r\nShWpF9cSJ6vKLa9RlBo1C+eQEju6ZeBUG8GtY4ZyrkVg/UVKgPzrMLCrypr+\r\nZrjcc6bDMge7fbEjMNaUYuySFJvDKx3cn39MqVe/V604ungA5yYB95zQ0SiZ\r\nWD1pdAwAlrI23XLD/7QvVRVqMy08y5lYwpjKPGKPwuu93Ctg2QjJhCzx7W55\r\n+43gQna5yfSW/t3PsXVJKTwX1L11ARsfBrK09f5KtbLS0NSY0E+oZ9ZJbIq5\r\nPhDuEn+a8W1aPpKLuBi04uHMv1OtvLE1rMLmlica6zrEohiySru5DDYnCUl/\r\n3CIFcMLANBm8lUs5fil9ql7rXjDHe6MwoPtMwD3dUhdCYyGM/Vs4uPM3TbDg\r\neZ5bQZfwRJ9klDLp8vKY1japvpg/iYtDixz0w4iOybsuQplw56HgiuQujLB7\r\nrCfNVUHoe0LI4x7mMT0F1GWS/W8t0LMIFXNKUqWaGVb8Aj2VaRFWLXkF8kYz\r\nyiBkPHkc3IZpFiO/JEnrP0GZ5MwCEVisWpEwRQ5Yp6/yE4mMxXbm2F8QSBk+\r\nSDpHg99VIFRcbUBipxBCOseLBAOmOXnCDCk=\r\n=GPCL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @ Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes al ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n\n- Luego llamar componentes como en este ejemplo\n\n```jsx\n\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n\n```\n\n\n## Instalación\n### Para trabajar solo en storybook\n\n1. Instalar dependencias  \n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\n\n### Para poder desarrollar en paralelo con storybook y un proyecto. (Opcional)\n\n1. Linkear seisveinte al proyecto.\n\n```sh\n# En seisveinte\nyarn link\n# En el proyecto\nyarn add \"@unholster/seisveinte\"\nyarn link \"@unholster/seisveinte\"\n```\n2. Linkear `react` y `styled-compoents` del proyecto a seisveinte.\n\nAl linkear seisveinte local al proyecto, el `node_modules` de seisveinte contiene su propio react y styled-components (para que storybook pueda funcionar). Por esta razón, sí sólo se linkea seisveinte al proyecto, aparecerá un error advirtiendo que hay dos react y dos styled-components instalados. Para reparar eso, los paquetes styled-components y react se deben linkear a los del proyecto.\n\n```sh\n# En el proyecto\ncd node_modules/react\nyarn link\ncd node_modules/styled-components\nyarn link\n# En seisveinte\nyarn link \"react\"\nyarn link \"styled-components\"\n```\n\n3. Hacer build de seisveinte para ver los cambios en los componentes en el proyecto\n```sh\n# En seisveinte\nyarn build\n```\n\n4. Iniciar el proyecto y storybook\n\n## ¿Cómo agregar un nuevo componente?\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.jsx\n│   │   ├── CategoryComponent1.jsx\n│   │   ├── CategoryComponent2.jsx\n│   │   ├── ...\n│   │   └── index.jsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n\n- Al mezclar a main, la publicación del paquete se hará de forma automática.\n- El requisito para que ocurra es que la versión en package.json debe ser mayor a la última subida en npm.\n- Es responsabilidad que quien hace el merge realizar este cambio.\n\n### Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n\n\n","gitHead":"df595683813de03dff9291ed8285e2924b49c742","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @ Unholster","directories":{},"_nodeVersion":"16.18.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.2.1_1669125510841_0.1872768980179309","host":"s3://npm-registry-packages"}},"0.2.2":{"name":"@unholster/seisveinte","version":"0.2.2","license":"MIT","_id":"@unholster/seisveinte@0.2.2","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"5f88f283a0063189216e9dbe4a61509d7cf72887","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.2.2.tgz","fileCount":173,"integrity":"sha512-HZeofRcGICv4zb6NTd/cVfgGA1hBRSGPaW/2K2Wa3VFuRzRtymWNVOGqJkFn+EsKiDNOkU6fLI786q61UvSBiA==","signatures":[{"sig":"MEUCIQCDtoCwUNGStv0bJ9gVJUBxgJztQhIK9GzwUMGU4etsfwIgeinrspCrPHXlAyZUAanMUmy3a6BQn+JmhXLgl+wv/Yc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":261760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfPWjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrjow/7BTq3Dibc5XFrMy8756Uu/XyOKx0lfBuo+BeRh9fpugVAW3J9\r\nJlQ1mm2GyHgyqqZfgRdSxG8HhHRLak16cv67hnSESCKiGH1cGMWklWE91keM\r\nViqRjdB/QgRsCpnOTXsQpTqN18EiT71GmX31bM5W3lIDQGIJ6rkdx6Gu15c4\r\ngGZZzKigyNrPwRyZV2cxx5r0G4IeXH8X+GD8Nm5uWRL7mX9W9bgKT0xy8/D/\r\nWpAyPb7mBo7eVMWirGlAiAVIbolVjJ5M3S5lPpURpSINv6IkR/LCCVyPVGkP\r\nH2KR/vwbOZDAi/u5vwweC2tbkQtXit26Y2VqnsA+0tHwRfRdUBxYH0RGVI5g\r\n72SSEO9ttzPjaphWMoYST6nivD5fGnX3G1EWTCgO8q/h6malet2hEaHplb5E\r\nzJggIdipq+TLl3KB+juihUXw4nPAcjq+lJPz1+ni36ToG995DMbFjDeSeelT\r\nMxEZdSVCQzXtmXdmPqdGlqj4Zk2K7EJj2im0aAFqYR1CJR5wTdm4lJhJ1ZxF\r\n91tY3VwqJBVN3DssKH74iUPw2VtmhsMTpBc4N1R1DRrsp75IKbcJ+z0y1bDU\r\n8fal5B7KpRn3RoJzUtJO63K4X3qNetrukITckibUttfpt7/RHsMRx29mZBGD\r\nBJQzZ+NZ2k2/jVIBu2AYtUEbX4I+b2EBo7A=\r\n=/348\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @ Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes al ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n\n- Luego llamar componentes como en este ejemplo\n\n```jsx\n\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n\n```\n\n\n## Instalación\n### Para trabajar solo en storybook\n\n1. Instalar dependencias  \n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\n\n### Para poder desarrollar en paralelo con storybook y un proyecto. (Opcional)\n\n1. Linkear seisveinte al proyecto.\n\n```sh\n# En seisveinte\nyarn link\n# En el proyecto\nyarn add \"@unholster/seisveinte\"\nyarn link \"@unholster/seisveinte\"\n```\n2. Linkear `react` y `styled-compoents` del proyecto a seisveinte.\n\nAl linkear seisveinte local al proyecto, el `node_modules` de seisveinte contiene su propio react y styled-components (para que storybook pueda funcionar). Por esta razón, sí sólo se linkea seisveinte al proyecto, aparecerá un error advirtiendo que hay dos react y dos styled-components instalados. Para reparar eso, los paquetes styled-components y react se deben linkear a los del proyecto.\n\n```sh\n# En el proyecto\ncd node_modules/react\nyarn link\ncd node_modules/styled-components\nyarn link\n# En seisveinte\nyarn link \"react\"\nyarn link \"styled-components\"\n```\n\n3. Hacer build de seisveinte para ver los cambios en los componentes en el proyecto\n```sh\n# En seisveinte\nyarn build\n```\n\n4. Iniciar el proyecto y storybook\n\n## ¿Cómo agregar un nuevo componente?\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.jsx\n│   │   ├── CategoryComponent1.jsx\n│   │   ├── CategoryComponent2.jsx\n│   │   ├── ...\n│   │   └── index.jsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n\n- Al mezclar a main, la publicación del paquete se hará de forma automática.\n- El requisito para que ocurra es que la versión en package.json debe ser mayor a la última subida en npm.\n- Es responsabilidad que quien hace el merge realizar este cambio.\n\n### Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n\n\n","gitHead":"787fadf6d3cd9bc5e8f32c376f8adb968834db3c","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @ Unholster","directories":{},"_nodeVersion":"16.18.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.2.2_1669133731165_0.2783322691860508","host":"s3://npm-registry-packages"}},"0.3.0-next-23112022-1368b95":{"name":"@unholster/seisveinte","version":"0.3.0-next-23112022-1368b95","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-23112022-1368b95","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"eec9535727ca4565a034724a0e6f74fa974303ba","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-23112022-1368b95.tgz","fileCount":33,"integrity":"sha512-Hn43Qstn19Yn4mJT6ZlV6ne+5VqPa3S001ZbIhhuwAk6ZP7Pu4rCAvIPlE/pezlmbjWzlKVKMvfeA8P/lxcqFw==","signatures":[{"sig":"MEQCIHbQVvQKKi1hgvcr+4o7S/yI7WK45N1Vqm9SJiJIJGrwAiAdR+gRVAK94hIooLx4maEZZZ5FhGzqNgkpZRxEnjaN2g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":32064,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfhAbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpG8xAAie/5IVPZUMBSXtvz42m5Fswbx340JC45CTo0iLbh/rfxKZ44\r\nFxGXbq6gd7HrmQeM9bIT2rjJuKmVIFDMGpmTfBfH+JGP83l7wdo8Trp4fq8a\r\nlcJzdq6pTAJwWmEiJS7EIkuxm6P+7pi9i3vqcI+BiNn+lg/6SM3MimwX4HQ7\r\nXUf75ZyvdIs0t83itKOKlwyqcCLzLGiq6V1Y9+5So+/04guLSrkQy5NzkI0u\r\n4Cb1YEKX78T8n4bgHiFyS0JntfKzMmyT3mY9abq/GkZ1EFqMMXm//u1pP41A\r\nhzGVGtgh+1BmNcj0p0AyNE8Wvlat1WafH/gRhZnQUwANsr6e+fpiDbX4eSmd\r\nJVPzRcI3Y2XrLCyqTjAirEU0TGTTCoOYczPHuk/qe+Vm4tgGLy26stO7Mc1J\r\ne8z/g0R29ME+6PvYYs5VoOjhfvvqj+L6Q0PC9BrJG4EAzlH1OVBwWkXRbFOC\r\n23Ze9WXhEUJ9sbVlR0DIATJBwXZUJS8+/lF2jsfFv4HCzQpUCdHpMuZtErxH\r\nSyxh20r0Lv9aAcI+ZGT7Yuzc71b4L58weXfUzUjcUm+qicg9d1ceZOWdx4O1\r\ntERWMbJMaxvZKiXpd+wmCVnnGg1sZbPmnBIwNJus9qBFFMnfUD9Fnb2DHhd5\r\nrVlf5aCkRxIhSH0DdmnGwXc3xTY9MATy0/w=\r\n=OhDZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @ Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes al ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n\n- Luego llamar componentes como en este ejemplo\n\n```jsx\n\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n\n```\n\n\n## Instalación\n### Para trabajar solo en storybook\n\n1. Instalar dependencias  \n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\n\n### Para poder desarrollar en paralelo con storybook y un proyecto. (Opcional)\n\n1. Linkear seisveinte al proyecto.\n\n```sh\n# En seisveinte\nyarn link\n# En el proyecto\nyarn add \"@unholster/seisveinte\"\nyarn link \"@unholster/seisveinte\"\n```\n2. Linkear `react` y `styled-compoents` del proyecto a seisveinte.\n\nAl linkear seisveinte local al proyecto, el `node_modules` de seisveinte contiene su propio react y styled-components (para que storybook pueda funcionar). Por esta razón, sí sólo se linkea seisveinte al proyecto, aparecerá un error advirtiendo que hay dos react y dos styled-components instalados. Para reparar eso, los paquetes styled-components y react se deben linkear a los del proyecto.\n\n```sh\n# En el proyecto\ncd node_modules/react\nyarn link\ncd node_modules/styled-components\nyarn link\n# En seisveinte\nyarn link \"react\"\nyarn link \"styled-components\"\n```\n\n3. Hacer build de seisveinte para ver los cambios en los componentes en el proyecto\n```sh\n# En seisveinte\nyarn build\n```\n\n4. Iniciar el proyecto y storybook\n\n## ¿Cómo agregar un nuevo componente?\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.jsx\n│   │   ├── CategoryComponent1.jsx\n│   │   ├── CategoryComponent2.jsx\n│   │   ├── ...\n│   │   └── index.jsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n\n- Al mezclar a main, la publicación del paquete se hará de forma automática.\n- El requisito para que ocurra es que la versión en package.json debe ser mayor a la última subida en npm.\n- Es responsabilidad que quien hace el merge realizar este cambio.\n\n### Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n\n\n","gitHead":"1368b95a4ac81d60af1167d7deef005da3f235c9","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @ Unholster","directories":{},"_nodeVersion":"16.18.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-23112022-1368b95_1669206043689_0.5064297925733114","host":"s3://npm-registry-packages"}},"0.3.0-next-23112022-88b297c":{"name":"@unholster/seisveinte","version":"0.3.0-next-23112022-88b297c","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-23112022-88b297c","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"c4ade19f709bbbcc788ed539b62b3d6035aeb7b5","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-23112022-88b297c.tgz","fileCount":174,"integrity":"sha512-+hVBKk0FZt6LNATUO5qkdBwiCgkJNIgC5ft4M/FtEpwFKOBif72Owe4IWLioaH+VuJ2fAYttkJEM4peoSqThsA==","signatures":[{"sig":"MEUCIHY8rl7ErP1I1zhIt0tlXc3S5AKdlsE81cRx5/75vsNsAiEArGW4+QPEVoveDrTqxLiDifTvwG2OncssFIUEpE8tFSw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":263146,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfh7NACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoarw/+Kw+HPBum2eVFTphOAl/4rkWH5iOoSS6AcRMH8SdlsDtcg5wA\r\n5Z9W7but9r961RtMyZPhfSLEvbfpA6BnWjfGHumGbiHreU7mtBM0m71W3L7F\r\nQnDiu/cH/NWDORokq24yJJGAtvFfqnlDYmyncGGGb/pHAmaGsTcpkC5NZ5Lu\r\n/i/01hDXgFeuQfPFduFQ3HzOsSQrgMHjQeeHWUw9e7f9b+Ro4DU+AjgnITMB\r\npjJ83vJWtPyJL8f6I6Z+KP8PpVx2CWRgFbmIdBd42LqK4I9rFHFtHbaOeBcD\r\nqkTRmSPf7z1sFV4B99bgDAh4r/pCgRuUv0J+O7R51mmSCZqge0ITQD4kR5ju\r\nfXu3eWkTSrdebk4zm8XirnQaHFHKmmxf4e+KOAHUKD9DrST6U240MM/9EOR/\r\nOBYEZPExeqFoOTIjKeQr88AXDdZtAej7szOXjtdM0Gm4LpAjMLVepDdEu/z6\r\nIG/53SZMYKNYHmyXSnBvJVnFHj+4DBrBPDag80h1jGjaeGIbI73DHVxuevH/\r\nW01oJZN3EfP+saw5n4yEkKWnF1AaSFeMoGpb0vr++ZJyJQPyD6jsQPymtTEB\r\nJ/MPtkP3hHS8svW2oG2WQcdP7FVFv7o29uzMjZtmDv69izwUGP4Qig+4MMju\r\nkd+4mAbHnxv/1ZtIzST95NrqBZ7CWH37Fr8=\r\n=5tFB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @ Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes al ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n\n- Luego llamar componentes como en este ejemplo\n\n```jsx\n\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n\n```\n\n\n## Instalación\n### Para trabajar solo en storybook\n\n1. Instalar dependencias  \n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\n\n### Para poder desarrollar en paralelo con storybook y un proyecto. (Opcional)\n\n1. Linkear seisveinte al proyecto.\n\n```sh\n# En seisveinte\nyarn link\n# En el proyecto\nyarn add \"@unholster/seisveinte\"\nyarn link \"@unholster/seisveinte\"\n```\n2. Linkear `react` y `styled-compoents` del proyecto a seisveinte.\n\nAl linkear seisveinte local al proyecto, el `node_modules` de seisveinte contiene su propio react y styled-components (para que storybook pueda funcionar). Por esta razón, sí sólo se linkea seisveinte al proyecto, aparecerá un error advirtiendo que hay dos react y dos styled-components instalados. Para reparar eso, los paquetes styled-components y react se deben linkear a los del proyecto.\n\n```sh\n# En el proyecto\ncd node_modules/react\nyarn link\ncd node_modules/styled-components\nyarn link\n# En seisveinte\nyarn link \"react\"\nyarn link \"styled-components\"\n```\n\n3. Hacer build de seisveinte para ver los cambios en los componentes en el proyecto\n```sh\n# En seisveinte\nyarn build\n```\n\n4. Iniciar el proyecto y storybook\n\n## ¿Cómo agregar un nuevo componente?\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.jsx\n│   │   ├── CategoryComponent1.jsx\n│   │   ├── CategoryComponent2.jsx\n│   │   ├── ...\n│   │   └── index.jsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n\n- Al mezclar a main, la publicación del paquete se hará de forma automática.\n- El requisito para que ocurra es que la versión en package.json debe ser mayor a la última subida en npm.\n- Es responsabilidad que quien hace el merge realizar este cambio.\n\n### Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n\n\n","gitHead":"88b297c5219427ca11a845ce33f17e5c7c643f93","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @ Unholster","directories":{},"_nodeVersion":"16.18.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-23112022-88b297c_1669209805264_0.8300460508132366","host":"s3://npm-registry-packages"}},"0.3.0-next-23112022-e90aba6":{"name":"@unholster/seisveinte","version":"0.3.0-next-23112022-e90aba6","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-23112022-e90aba6","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"bc7f8173c44a301c2a2fa013d6d03ba869e6e6c8","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-23112022-e90aba6.tgz","fileCount":175,"integrity":"sha512-6duDU7MeTcnHAgyvkPm/IcCTw73Y1a70YwAMTSoOYAXpOFobaGjrrAsSXha6SqIM5JM8a+vpdi/pmY30DEBxFA==","signatures":[{"sig":"MEYCIQDfzKMr5zStM5dEfrgoNgEzeQfwf9c4FUX+Rs7hSnaUqQIhAMEkn2mIM4XbozMnhdawFhy8+l9n7FSWOnjCfEImDgZ1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":263210,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfiGEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpA+A/9Ei8KT92xrkqV9/VimpgcHoij0Bis2P+HlJ1CAFVVYmOthKeY\r\nfq/TUMuiv42UNKCR5y8962DtAbodY+r/RNPB/wvVmdFG+ImjT3AyZrheOBeW\r\nvad0LN6vRrOjY3Z888TGcd2OHMAnHN6wHRMhWAwICL0KVS1He0+nM60Sb79J\r\nGTqU9psAJeY0O0jTXlfkX9DOvRP9qnIqQthzIzj7rAl/m06AEZV/6hmrbz+5\r\n6HQjSHrJITamLruc8lJSc/CPkb4JLxNhH94uWMU7teiyr1J66vZYKsDdbQbU\r\nUZKbx/JLvLdbS+y9ezlla/XSLPoGGWIqsveWEREVGt49pKWZrrtG47o1/3+g\r\n9a4G2Qk3iOUxNDAXMivmFa1iT3SMbVwkjx0orpZv+DDT4NdAjbsnTiE3uvmF\r\nCNHli+pgFIUZSM8t+L0nNxpw5csFoyW/hkIBTreqC/SVvAvE/nlmBNqEGsrQ\r\nfp8vbU2He6qGso3LYevcbuhHBeEischTTOSsOFJ0gJok3d0bYpLAh0rHQ5tZ\r\nsKjRBbcRJhWuWE5GNg0byeMNWXdr3AB6PO1UrteNMBatvWWA+ChLxAVvSh/l\r\n6WhBVVvDp9wyU+8SOXVqHJ+ad1sL/6hlnKRESrD7xYz5AcP71ZcdSUYjOKQE\r\nNB3JrhXUMCh4GPxzziOJ7JXHLUyqu7XW550=\r\n=AhUc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @ Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes al ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n\n- Luego llamar componentes como en este ejemplo\n\n```jsx\n\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n\n```\n\n\n## Instalación\n### Para trabajar solo en storybook\n\n1. Instalar dependencias  \n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\n\n### Para poder desarrollar en paralelo con storybook y un proyecto. (Opcional)\n\n1. Linkear seisveinte al proyecto.\n\n```sh\n# En seisveinte\nyarn link\n# En el proyecto\nyarn add \"@unholster/seisveinte\"\nyarn link \"@unholster/seisveinte\"\n```\n2. Linkear `react` y `styled-compoents` del proyecto a seisveinte.\n\nAl linkear seisveinte local al proyecto, el `node_modules` de seisveinte contiene su propio react y styled-components (para que storybook pueda funcionar). Por esta razón, sí sólo se linkea seisveinte al proyecto, aparecerá un error advirtiendo que hay dos react y dos styled-components instalados. Para reparar eso, los paquetes styled-components y react se deben linkear a los del proyecto.\n\n```sh\n# En el proyecto\ncd node_modules/react\nyarn link\ncd node_modules/styled-components\nyarn link\n# En seisveinte\nyarn link \"react\"\nyarn link \"styled-components\"\n```\n\n3. Hacer build de seisveinte para ver los cambios en los componentes en el proyecto\n```sh\n# En seisveinte\nyarn build\n```\n\n4. Iniciar el proyecto y storybook\n\n## ¿Cómo agregar un nuevo componente?\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.jsx\n│   │   ├── CategoryComponent1.jsx\n│   │   ├── CategoryComponent2.jsx\n│   │   ├── ...\n│   │   └── index.jsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n\n- Al mezclar a main, la publicación del paquete se hará de forma automática.\n- El requisito para que ocurra es que la versión en package.json debe ser mayor a la última subida en npm.\n- Es responsabilidad que quien hace el merge realizar este cambio.\n\n### Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n\n\n","gitHead":"e90aba67d1c82bfdb69d26d02387219b1fc479b0","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @ Unholster","directories":{},"_nodeVersion":"16.18.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-23112022-e90aba6_1669210500152_0.20363018925508714","host":"s3://npm-registry-packages"}},"0.3.0-next-23112022-8f5dcd8":{"name":"@unholster/seisveinte","version":"0.3.0-next-23112022-8f5dcd8","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-23112022-8f5dcd8","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"953bb906d720b1ddecc9e06fbea4bfa217a2b369","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-23112022-8f5dcd8.tgz","fileCount":158,"integrity":"sha512-9GfYdlJBxOAXfmO2WVk7up+YAysX9JcBYhxXwh3P5JsNK/n/FuXOEAsp4sDG51NWjr4X/6c95emg5D9+RTLPAw==","signatures":[{"sig":"MEYCIQCCXDHj9iMRF+svlqvOmvNFFvxdtmR6PmT3NYdleDB5IAIhAOJuLUHTfpTZStF3kuZ8pvvl1V513kaxv9GkhZa3BbDk","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":285894,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfjT+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpjmQ//aA6aUGqvgpPDVj5G8cFOfTfb5ahlkD/BBYpbEDdD2/6IugUT\r\n6wbcxGKv6pcq8geYI/jQMIASRkqqkHZAuLDKi9H+edrMVsLFL+p/u7KSMVgT\r\nGvqEED+dNEQ6IiQi57Joc2SmNnkp8ymzo7469Nib2RguKpIzK1jYI6FhcKYG\r\nTZ8PFNV1ZmZyNSGmrN+vCDE6h8+6yRR5iAxe6NvecVWpGKaUFd0vPJO9X5gJ\r\nNBi3JqYyItFBfbdi8O8UHsKZfHskL6ioezfFOETw9GPRYtr17YN0SuzD4hpD\r\n/zs3VKlIOrmCih1RSxGt4//YVO/24g11V/m0GldsDbYT8t5we5kfJdSPWrru\r\nSlymBIG1STJpUEaYXqy2GVd60NehMH4Tf44A1VfCm2Zd6g4BrD3LySCBKQML\r\n56h5c267gyzVXqaCpqvTc41C5c3phBfBihC3dIFV+Rom37fxu6+9u5eRzaA2\r\noz4cpy1kFewvkQrmX8y4jco2tFzaRXdf8i4VI2NJ2MmRtZyU6Xnqf+zVZrMU\r\nOh7nmG3F3sSpRWm4EfppJ2MBiH4ENFw2k0vPusNkqhYj/BcYsCwJU5AauF4Z\r\nrsU7LvNqmNi5p0HpeNrpqdKvTwrCMbyeYpKOvhJwoTJRKcRVhsSC0ZVtO5BK\r\nR/gwwFVI4sVVCf9JSmpB101ey5MYUqyIEeg=\r\n=0ZO2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @ Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes al ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n\n- Luego llamar componentes como en este ejemplo\n\n```jsx\n\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n\n```\n\n\n## Instalación\n### Para trabajar solo en storybook\n\n1. Instalar dependencias  \n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\n\n### Para poder desarrollar en paralelo con storybook y un proyecto. (Opcional)\n\n1. Linkear seisveinte al proyecto.\n\n```sh\n# En seisveinte\nyarn link\n# En el proyecto\nyarn add \"@unholster/seisveinte\"\nyarn link \"@unholster/seisveinte\"\n```\n2. Linkear `react` y `styled-compoents` del proyecto a seisveinte.\n\nAl linkear seisveinte local al proyecto, el `node_modules` de seisveinte contiene su propio react y styled-components (para que storybook pueda funcionar). Por esta razón, sí sólo se linkea seisveinte al proyecto, aparecerá un error advirtiendo que hay dos react y dos styled-components instalados. Para reparar eso, los paquetes styled-components y react se deben linkear a los del proyecto.\n\n```sh\n# En el proyecto\ncd node_modules/react\nyarn link\ncd node_modules/styled-components\nyarn link\n# En seisveinte\nyarn link \"react\"\nyarn link \"styled-components\"\n```\n\n3. Hacer build de seisveinte para ver los cambios en los componentes en el proyecto\n```sh\n# En seisveinte\nyarn build\n```\n\n4. Iniciar el proyecto y storybook\n\n## ¿Cómo agregar un nuevo componente?\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.jsx\n│   │   ├── CategoryComponent1.jsx\n│   │   ├── CategoryComponent2.jsx\n│   │   ├── ...\n│   │   └── index.jsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n\n- Al mezclar a main, la publicación del paquete se hará de forma automática.\n- El requisito para que ocurra es que la versión en package.json debe ser mayor a la última subida en npm.\n- Es responsabilidad que quien hace el merge realizar este cambio.\n\n### Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n\n\n","gitHead":"8f5dcd86afd7cdfb794a12227900258d1ba65c9a","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @ Unholster","directories":{},"_nodeVersion":"16.18.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-23112022-8f5dcd8_1669215486222_0.10839970050845649","host":"s3://npm-registry-packages"}},"0.3.0-next-23112022-094f6ee":{"name":"@unholster/seisveinte","version":"0.3.0-next-23112022-094f6ee","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-23112022-094f6ee","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"2b4265ece39eb98e550728c0964ba0cdbc0d49f1","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-23112022-094f6ee.tgz","fileCount":158,"integrity":"sha512-ILA6JIIwScVy8vEzL0yXOAOzhi5lYNVfvCLz4XLtpXwZhuY902YGaOCzT7c2AltqEUmEvPG6gdt1RPHkT2wpxg==","signatures":[{"sig":"MEYCIQCVGghgvKtrLOFdVB087jisyz/zovEPiGHOCbvzPG1mjQIhAJt63iYB9WIwYpJjDAE5e/1jKTEx2qDJp5+0utTJNa8T","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":285806,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfjkyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo1pQ/+JT4cd803zL2nso3pILiw35ZwJvsI7EfLMC8o/UcDka0PqB9W\r\n0VxJhTIDKFPlgqziQz9I4YifuIpUM2EvVX7rlw+Cw3sNNet5aBfUOIvu6Qkr\r\no/4OCnqU1YRcvdQQx4mU5TapCo1+50TFoNigPyCv8g11lKYYrA5lPjrzkz2d\r\nUpzdfK5b4lgpVGmPtjbH3vH2kHhYB44nbj2+SkGhYX7NKFuQy8Jk0QlMLARA\r\n2VawE8UOFdslVOHO3arGB3AHD90OxNhCKZhnmmi8spZdTY8YLs6ttsY/axky\r\nXeBgO9pa1B9ymNq7RkLJIazjOtgNSQ2C9TwIdsY1dkQoB39n3HXaVYbZqMNW\r\neoQFRLVuTIkqitcfvnaCtVPg5ng0MEqblnFxTlN0N2Hs6Fiz09Mn248+rop2\r\nRArQ51NIDDQ3jihT7dje1Yxq8akVo/ysSyJK3TOtusv0dgm0FR49RqLAFLoT\r\nMYhbttdfAp9X/grCRfSVR9A/m/vsF0Apci1PJZTVha1Mw0Ix/SLaLGfLC4fk\r\n+a02pQ5gyoAAWMH8P542MljCw1N5CGF26EoaW9uott7zfhn82eiRK+g8sPIA\r\nNsnGVT+uz+tLqwSwKuAe8yhYWTzfAol8U6lts4/fZcMovq2BGvb3d61U3BbP\r\n2cBTFBJD/QIdmA5smjGWw7HlRLjFAaTXQO8=\r\n=3eED\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @ Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes al ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n\n- Luego llamar componentes como en este ejemplo\n\n```jsx\n\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n\n```\n\n\n## Instalación\n### Para trabajar solo en storybook\n\n1. Instalar dependencias  \n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\n\n### Para poder desarrollar en paralelo con storybook y un proyecto. (Opcional)\n\n1. Linkear seisveinte al proyecto.\n\n```sh\n# En seisveinte\nyarn link\n# En el proyecto\nyarn add \"@unholster/seisveinte\"\nyarn link \"@unholster/seisveinte\"\n```\n2. Linkear `react` y `styled-compoents` del proyecto a seisveinte.\n\nAl linkear seisveinte local al proyecto, el `node_modules` de seisveinte contiene su propio react y styled-components (para que storybook pueda funcionar). Por esta razón, sí sólo se linkea seisveinte al proyecto, aparecerá un error advirtiendo que hay dos react y dos styled-components instalados. Para reparar eso, los paquetes styled-components y react se deben linkear a los del proyecto.\n\n```sh\n# En el proyecto\ncd node_modules/react\nyarn link\ncd node_modules/styled-components\nyarn link\n# En seisveinte\nyarn link \"react\"\nyarn link \"styled-components\"\n```\n\n3. Hacer build de seisveinte para ver los cambios en los componentes en el proyecto\n```sh\n# En seisveinte\nyarn build\n```\n\n4. Iniciar el proyecto y storybook\n\n## ¿Cómo agregar un nuevo componente?\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.jsx\n│   │   ├── CategoryComponent1.jsx\n│   │   ├── CategoryComponent2.jsx\n│   │   ├── ...\n│   │   └── index.jsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n\n- Al mezclar a main, la publicación del paquete se hará de forma automática.\n- El requisito para que ocurra es que la versión en package.json debe ser mayor a la última subida en npm.\n- Es responsabilidad que quien hace el merge realizar este cambio.\n\n### Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n\n\n","gitHead":"094f6eeea67047ae8575f79dc8a380a3105970ca","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @ Unholster","directories":{},"_nodeVersion":"16.18.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-23112022-094f6ee_1669216562742_0.34319672810319424","host":"s3://npm-registry-packages"}},"0.3.0-next-23112022-486b577":{"name":"@unholster/seisveinte","version":"0.3.0-next-23112022-486b577","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-23112022-486b577","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"3529c3291ef844be0b10454612d55ba936a9d879","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-23112022-486b577.tgz","fileCount":158,"integrity":"sha512-mt/DNJ+Yz2fL8wGgzKJDv7ilm0AHR12j4ZT5rEZmTGtJgwV77cGyvc3Ossx/cT8PPT5cZvfcfi/QNbsnmkz8lg==","signatures":[{"sig":"MEUCIEtFWxwGTvVmgXc1NStWDHTZB5rXAkS89lf8XWSkOTCQAiEA6exjzHi95OA9DDdinYXI66oGw7fj7YAMmVSMNVg0quI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":289403,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjflcXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr6cRAAjeqgHb4QsTwUDo89IWxP6qKPnrGWe6RbZkI5WuMTjJqBJLM7\r\nfsOcYPje7bvgGh8g6Ws2W9KlDUNF9Fw+Ty0n4RDucwC8zH0GzTrBOaHbN++Z\r\nQJ57yadooJdG9QZsiiuvJU23mtKkobjSpCc/wYxsUWlNSRgPIBDw1mIj91bc\r\n1ChwnoB5EDZEQBWt9YRDCdSQKtASlV5WAjjmIMhKE3+Hh/wxBU002L1FKMIf\r\nvqZP6sKX58iY7JaDHSDS9wgVtVYl+uO1CU1K6Cz217PbVZDRcVbdUnE3lnAU\r\nXXa8ydaeBBJAyFVzsfoeNkRMj79IPin54uZBZBrU8cPIWMTtdA/44bv8qe42\r\nBNz2D1pQgwp+F7dctjLmUke50faY4/7rX7/R0SLGz5vjry87psTN1oyXLfzp\r\nH30ZpSuDorg2iAk8JpoB81PAYxWS9BzzN0QnEXaAonXcPa7v2t7cIa8cjaYP\r\ncEn8akdcthdRJRsI4Y/4oFelNkcKfAJUO5lI5NKAS35NzcV0Bahn8w4/hMD0\r\nV/derUnL4vYwESblj8xBkqBGVftZ7eoQrA0+U1YUeDI7/XjdZi+R7H9zJPD9\r\nQJcbsKP6ZvPNnbVjk5riBd73jdHgQknH/L2TdFYTGQft5Qsn+8lpfVmKPRuA\r\nOcw4Qo6dl+W3djXin/4yyrCv+g5gQYW9RgU=\r\n=OWqu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @ Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes al ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n\n- Luego llamar componentes como en este ejemplo\n\n```jsx\n\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n\n```\n\n\n## Instalación\n### Para trabajar solo en storybook\n\n1. Instalar dependencias  \n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\n\n### Para poder desarrollar en paralelo con storybook y un proyecto. (Opcional)\n\n1. Linkear seisveinte al proyecto.\n\n```sh\n# En seisveinte\nyarn link\n# En el proyecto\nyarn add \"@unholster/seisveinte\"\nyarn link \"@unholster/seisveinte\"\n```\n2. Linkear `react` y `styled-compoents` del proyecto a seisveinte.\n\nAl linkear seisveinte local al proyecto, el `node_modules` de seisveinte contiene su propio react y styled-components (para que storybook pueda funcionar). Por esta razón, sí sólo se linkea seisveinte al proyecto, aparecerá un error advirtiendo que hay dos react y dos styled-components instalados. Para reparar eso, los paquetes styled-components y react se deben linkear a los del proyecto.\n\n```sh\n# En el proyecto\ncd node_modules/react\nyarn link\ncd node_modules/styled-components\nyarn link\n# En seisveinte\nyarn link \"react\"\nyarn link \"styled-components\"\n```\n\n3. Hacer build de seisveinte para ver los cambios en los componentes en el proyecto\n```sh\n# En seisveinte\nyarn build\n```\n\n4. Iniciar el proyecto y storybook\n\n## ¿Cómo agregar un nuevo componente?\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.jsx\n│   │   ├── CategoryComponent1.jsx\n│   │   ├── CategoryComponent2.jsx\n│   │   ├── ...\n│   │   └── index.jsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n\n- Al mezclar a main, la publicación del paquete se hará de forma automática.\n- El requisito para que ocurra es que la versión en package.json debe ser mayor a la última subida en npm.\n- Es responsabilidad que quien hace el merge realizar este cambio.\n\n### Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n\n\n","gitHead":"486b5775235644211c029c531a2459a034363f7f","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @ Unholster","directories":{},"_nodeVersion":"16.18.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-23112022-486b577_1669224214798_0.24914467470106771","host":"s3://npm-registry-packages"}},"0.3.0-next-23112022-da255ca":{"name":"@unholster/seisveinte","version":"0.3.0-next-23112022-da255ca","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-23112022-da255ca","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"2effcc06f292b7113718454aa406c24256734498","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-23112022-da255ca.tgz","fileCount":158,"integrity":"sha512-6zATIxynC0kMQ2WC7J5uB6IAn+nSKEkR2yEbrGg2xc85vOalsQzntgKLbtXZVtgdAi+alHdk69IJQ1Kb+OdAdg==","signatures":[{"sig":"MEYCIQDMDuMx2HZG16ywLhj7MDWS0KwEoQG1N4RraldGUCkasAIhAI9JwFFclVYrbg5KalmAAsa6XD3EitN2hXLEMal8bmX/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":284374,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfmCPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmohmxAAoGkmK3lxcc8JHmVAgViGp6qO9uRsh2lo1oygQpOxuK9Vtdi2\r\nKERTpDuQE5SMvVLhbTWut8ha/n3YO8wyR5K+JiWSSi2yqnP7zcjEfCnjpcE+\r\nDYPZmGkbp8ZN0tZIFsmQZzThjyVDP02b6Xkr2kb2xN6YeSSb9rt6dhQN3frz\r\n+e/4nKpXqrmudbhHoRsmxgSgiTmhXBg1gbGhizK288gbfmEqS7Y37qLJ6qDX\r\nObj4wIuW2zszfFij8gEslRhN60O48GWYGPHLy3HPF4W6J7TPU8JZq+i1O2H3\r\nKAFbJFA8gYGcKx1XcTjc72SLze4zcK/sm7YBJaUJt51Y6ndw2/KqJ+q0l/pn\r\nump0P04SC2tRm4pEcEZsaMHb8R9eY+EO1O7vOVxxKB5nA31FcByMUpc6XNIw\r\nKpe0Dwx2LOkFiqRULGeEyRUGqEme1Sjed8V5pEJyX1eAW8ATHRIatyMz50PQ\r\nDTj/ld6YVcmGhgiORRtYdmvhvYs8dAt60LZHVV6dMjRGgUQfPhBFZ4/j/Mho\r\n2OW8FsPrk1SM6LTelyUxB6vIkCmPTWqFIwXc53GTl1fbVFrPwufaTe3J+gmH\r\n3kr6yf8Q1yGCYf8ZsEWiqmiwv9G5FeyjNcvVCbBAZwAeq2vzrxLyfxSpaTKo\r\n0KPwaV1Wq2n3EV0DMghCGZoZjyHfndW0/kM=\r\n=g6kv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @ Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes al ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n\n- Luego llamar componentes como en este ejemplo\n\n```jsx\n\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n\n```\n\n\n## Instalación\n### Para trabajar solo en storybook\n\n1. Instalar dependencias  \n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\n\n### Para poder desarrollar en paralelo con storybook y un proyecto. (Opcional)\n\n1. Linkear seisveinte al proyecto.\n\n```sh\n# En seisveinte\nyarn link\n# En el proyecto\nyarn add \"@unholster/seisveinte\"\nyarn link \"@unholster/seisveinte\"\n```\n2. Linkear `react` y `styled-compoents` del proyecto a seisveinte.\n\nAl linkear seisveinte local al proyecto, el `node_modules` de seisveinte contiene su propio react y styled-components (para que storybook pueda funcionar). Por esta razón, sí sólo se linkea seisveinte al proyecto, aparecerá un error advirtiendo que hay dos react y dos styled-components instalados. Para reparar eso, los paquetes styled-components y react se deben linkear a los del proyecto.\n\n```sh\n# En el proyecto\ncd node_modules/react\nyarn link\ncd node_modules/styled-components\nyarn link\n# En seisveinte\nyarn link \"react\"\nyarn link \"styled-components\"\n```\n\n3. Hacer build de seisveinte para ver los cambios en los componentes en el proyecto\n```sh\n# En seisveinte\nyarn build\n```\n\n4. Iniciar el proyecto y storybook\n\n## ¿Cómo agregar un nuevo componente?\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.jsx\n│   │   ├── CategoryComponent1.jsx\n│   │   ├── CategoryComponent2.jsx\n│   │   ├── ...\n│   │   └── index.jsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n\n- Al mezclar a main, la publicación del paquete se hará de forma automática.\n- El requisito para que ocurra es que la versión en package.json debe ser mayor a la última subida en npm.\n- Es responsabilidad que quien hace el merge realizar este cambio.\n\n### Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n\n\n","gitHead":"da255ca9304f36b26c514a15029a1f8488c7f7f3","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @ Unholster","directories":{},"_nodeVersion":"16.18.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-23112022-da255ca_1669226639393_0.12680376958292694","host":"s3://npm-registry-packages"}},"0.3.0-next-23112022-35522eb":{"name":"@unholster/seisveinte","version":"0.3.0-next-23112022-35522eb","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-23112022-35522eb","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"3fe7d4451058455907eba1e280c20a3cc17d68d4","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-23112022-35522eb.tgz","fileCount":158,"integrity":"sha512-fTsDrGUX+UjjXgoEEnHwhAJRzdupx6h2BQyrxBr4wO7ik6KdhOBmXx2+7G/VM6s67wFjOPhOHraUcUVVLds8nw==","signatures":[{"sig":"MEYCIQD68a4BAThEOuB25yLjq+w53krgsoIiYQQ7/P7hU/KkdgIhANgKgnszmlL0TpCnt56jiLuaWi7aNBkg/SLijMM9cTHm","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":286406,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfnJEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpfaQ/9F6oY5DKayqvPBmq2n/S4/gfmfWJTSqJ4skLChb8w2PUfU+br\r\nF0OO79dRTlHVwOVWu2S3nP4Rp1d3RKjPBoc3v/vWTRw1vb1FlxXn0vMrvCFn\r\niYdIXcKvZJkV74XfGSS76Sz0ia10AbjqBdwg/+c2SotymsnjdGa6RLEwN4tQ\r\n/CEYa6lu+F0K5ZthaEztiFLS1klKI5jWK9lMR5swoI0wIBGcPJt1MtizCjf6\r\nHP7gue7pTpYSjp2EZlpY4i9m5aIPX5ZnUZ02mhGg5WCoz2hOFIfB/9LNk/oM\r\ny5VcBYtNG++8j7CMjQAuM+JXTqo/3MI5NINrNX7kgwKCeePTQyGgcrPhOUG+\r\nj/YdrGexprvVMIXyNWXAoO/jSz9E0RpuWEJ+ddenuvfcyBs4XjdS2bAM1el6\r\ndvVb63FXaCAOIO9gY/uFn+Pr6Hsnti/P8ayRhdI2i2NejG7VZR/5WHD201Q8\r\nHg8ujtYCIUX35oBs/a5wY7WJOAAGNSYTb11iuJtTDuMnzCc4XCbx87bZUGg9\r\nnnL7TccIu7wX2ORThq38ZnLvzpEKeIz5e0iFZ8efTMytK+pMj6J4fVtADXko\r\nFLoiAVhTxELaCSzES+Yl9sMO58oFwLck4sM/Me54ODop5l0vOyyHmHZVN7Xx\r\nV3wyoK4TLnx6CTCPzpMjm/UFMq8KHsqkdv0=\r\n=cXAy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @ Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes al ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n\n- Luego llamar componentes como en este ejemplo\n\n```jsx\n\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n\n```\n\n\n## Instalación\n### Para trabajar solo en storybook\n\n1. Instalar dependencias  \n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\n\n### Para poder desarrollar en paralelo con storybook y un proyecto. (Opcional)\n\n1. Linkear seisveinte al proyecto.\n\n```sh\n# En seisveinte\nyarn link\n# En el proyecto\nyarn add \"@unholster/seisveinte\"\nyarn link \"@unholster/seisveinte\"\n```\n2. Linkear `react` y `styled-compoents` del proyecto a seisveinte.\n\nAl linkear seisveinte local al proyecto, el `node_modules` de seisveinte contiene su propio react y styled-components (para que storybook pueda funcionar). Por esta razón, sí sólo se linkea seisveinte al proyecto, aparecerá un error advirtiendo que hay dos react y dos styled-components instalados. Para reparar eso, los paquetes styled-components y react se deben linkear a los del proyecto.\n\n```sh\n# En el proyecto\ncd node_modules/react\nyarn link\ncd node_modules/styled-components\nyarn link\n# En seisveinte\nyarn link \"react\"\nyarn link \"styled-components\"\n```\n\n3. Hacer build de seisveinte para ver los cambios en los componentes en el proyecto\n```sh\n# En seisveinte\nyarn build\n```\n\n4. Iniciar el proyecto y storybook\n\n## ¿Cómo agregar un nuevo componente?\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.jsx\n│   │   ├── CategoryComponent1.jsx\n│   │   ├── CategoryComponent2.jsx\n│   │   ├── ...\n│   │   └── index.jsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n\n- Al mezclar a main, la publicación del paquete se hará de forma automática.\n- El requisito para que ocurra es que la versión en package.json debe ser mayor a la última subida en npm.\n- Es responsabilidad que quien hace el merge realizar este cambio.\n\n### Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n\n\n","gitHead":"35522eb6e58d91063b040779b9b6958725619577","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @ Unholster","directories":{},"_nodeVersion":"16.18.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-23112022-35522eb_1669231172084_0.3326890722857614","host":"s3://npm-registry-packages"}},"0.3.0-next-23112022-0bd5566":{"name":"@unholster/seisveinte","version":"0.3.0-next-23112022-0bd5566","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-23112022-0bd5566","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"81f9bb78a7ea7591bb1f7455b73d3da91160b26b","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-23112022-0bd5566.tgz","fileCount":192,"integrity":"sha512-HQSQi2kxGtVaM3GaWOGk7cgE9reVnTb80GJxBeq+oTTUEPSSEjjgKJhqzb5WIaZZri1K/aoej4H8CgzYzvAyrQ==","signatures":[{"sig":"MEUCIQCCg/Q7Wz4M3CXRh6kZTWJK0WBA20COcrFHBEGzqmTYhwIgFZD95lZRwdy1y1I6GZoH1ZMU6FOxX20dw6RjVwMWGf4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":340551,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfosXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmra6Q//TCsBdb2Bi5dmZLXHwYHMJVP7J16aHgroljAnMHq3TEEv77Z4\r\n+2QXzHa649c4TlQPPb2dnhZpe0kmKGp6OB9NIOTRg5MN9YmnPpC9a16F/cPK\r\n2DD0GukXmi1Dcxyu6rE6U76dWBxu4FPrEuzs+l+zOuXmmGAvILREYaTPogkC\r\nbL7an7j+TDlNPIRafL9YRlKkQDklCvU85Ac0StoKhD1KwjYljR6GGHJwQGaD\r\nQ9ixG7qaVCREeOO2mTODSpwRxoap99cX1wyXOC/yuOyxkTn9mFohdj0uZVfu\r\n8MDbhoEJ06C8aEcTrP+FHrckLt1SaA38uDk/N4LE899WBYJsQZvVPFD+I0BD\r\n2VhTzZUHWY3kgPH7xHY7icS37VtY2IYBrkSkK1qz3b838DmjYb77uSaMiQIA\r\nDeJUkris9ZvH5olDa6Qvhma29TB+fFWnGFSCUxz3f/ztndhUNQe4PTT2F0GB\r\nqMmRLP+0y3bDcLD/jaai0fUBECOSUmnvLNYQXq7b4lhXKEnuCtz8DCLj+LrI\r\nJDxXKPvFZk08p8CuBsJ4CuqksUTDCOCLuWd0l/nimg7WDf5gPnTQQSYJQuBy\r\ngpzOHCSP1SK2vgC0092aNXVAg2seB9RCJQl1a2ViqW9FydJqv4xztwvZo8hh\r\n/vBn1DDn9tep09BUpaU98J6iWH1B/PCSxos=\r\n=TI9K\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @ Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes al ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n\n- Luego llamar componentes como en este ejemplo\n\n```jsx\n\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n\n```\n\n\n## Instalación\n### Para trabajar solo en storybook\n\n1. Instalar dependencias  \n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\n\n### Para poder desarrollar en paralelo con storybook y un proyecto. (Opcional)\n\n1. Linkear seisveinte al proyecto.\n\n```sh\n# En seisveinte\nyarn link\n# En el proyecto\nyarn add \"@unholster/seisveinte\"\nyarn link \"@unholster/seisveinte\"\n```\n2. Linkear `react` y `styled-compoents` del proyecto a seisveinte.\n\nAl linkear seisveinte local al proyecto, el `node_modules` de seisveinte contiene su propio react y styled-components (para que storybook pueda funcionar). Por esta razón, sí sólo se linkea seisveinte al proyecto, aparecerá un error advirtiendo que hay dos react y dos styled-components instalados. Para reparar eso, los paquetes styled-components y react se deben linkear a los del proyecto.\n\n```sh\n# En el proyecto\ncd node_modules/react\nyarn link\ncd node_modules/styled-components\nyarn link\n# En seisveinte\nyarn link \"react\"\nyarn link \"styled-components\"\n```\n\n3. Hacer build de seisveinte para ver los cambios en los componentes en el proyecto\n```sh\n# En seisveinte\nyarn build\n```\n\n4. Iniciar el proyecto y storybook\n\n## ¿Cómo agregar un nuevo componente?\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.jsx\n│   │   ├── CategoryComponent1.jsx\n│   │   ├── CategoryComponent2.jsx\n│   │   ├── ...\n│   │   └── index.jsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n\n- Al mezclar a main, la publicación del paquete se hará de forma automática.\n- El requisito para que ocurra es que la versión en package.json debe ser mayor a la última subida en npm.\n- Es responsabilidad que quien hace el merge realizar este cambio.\n\n### Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n\n\n","gitHead":"0bd55668f8da7ae720b983f92205d22c41174d90","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @ Unholster","directories":{},"_nodeVersion":"16.18.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-23112022-0bd5566_1669237527230_0.5659947874060345","host":"s3://npm-registry-packages"}},"0.3.0-next-24112022-3aed030":{"name":"@unholster/seisveinte","version":"0.3.0-next-24112022-3aed030","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-24112022-3aed030","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"8112fa049fc9c10c9caac0a342cb9e97a119781b","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-24112022-3aed030.tgz","fileCount":192,"integrity":"sha512-4B1GclxUFVSVvU89aV2P+BuQ6JnZU1GPDodqzPN2hg4bA6MZMmN+boBpl9hY6sCPEJMgmkWMTJyg/BGwtLp67A==","signatures":[{"sig":"MEYCIQDvomn259RdcWXNLPoLjmAB3cXozaoDsGJt9uFRrIRATwIhALNDIMV2NgT+qvonLwoN9WsSn0yWEZFaBye02bVGloSz","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":340307,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjf2MiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqsUQ/9ETr+bTs+ECaOJOE9MJEWgPDx69y6bbwvaRVRRFEs6IIQezp+\r\nXxBMOSpDGj+LZrPjPfSJ3ClVqE+AzbyuqtPvPDHUh0LV/ZOBvewyIne+jiGX\r\nS2L5Dy9prAN4P00esA+qLZvchewsxN3S8Oe4mNyZBarFqt5mllcp1KO+a9ZM\r\n2AyN0s2vdN1aQyez0x9R8WJK1gFns9iF150GcEF+PAUqyrtgALnXrmBkrXNW\r\n8ZIImLtMc1ZfZdtxSmrP/fE57XP1jiyWR3khcFuwjdOp+fShCi9sawuMaMYp\r\nKEVUIG6xCSH6FcJ5UvpcabPIgukyfOlpHSqrr3XRKJZRcv6o9SxVtuw91UzS\r\nKKwgzvaEs2EKpoX/t2Og9bNEMc8oP0ETYeWgg31h0jfW3QhwCNh35x5b335u\r\n67+2c0NMDTYjMZnfzrOorqWrgzA5b3jP79F6ODek4NhAt54WtePXs3L1Q+HK\r\neeRfUyHjFh2a28rsMYUpO3IAENgXlDJyujlGs98bs1i2MZdql1L0w9vS9eWf\r\nZKHp0qy2dH5RDFbW+p9t9wu29YfTqNirIuTyKxDZA5RHvNebqnrM+gpmDIlQ\r\nv+ntyp4Q1YxXn0Pf+olWKjY0DwIGtng8O8qZvraEbIr5sSFO0hXyEAMrnLz9\r\nDszgPuI/UdacaHfycMksLqP46FXkI3OYWJg=\r\n=uNS/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @ Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes al ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n\n- Luego llamar componentes como en este ejemplo\n\n```jsx\n\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n\n```\n\n\n## Instalación\n### Para trabajar solo en storybook\n\n1. Instalar dependencias  \n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\n\n### Para poder desarrollar en paralelo con storybook y un proyecto. (Opcional)\n\n1. Linkear seisveinte al proyecto.\n\n```sh\n# En seisveinte\nyarn link\n# En el proyecto\nyarn add \"@unholster/seisveinte\"\nyarn link \"@unholster/seisveinte\"\n```\n2. Linkear `react` y `styled-compoents` del proyecto a seisveinte.\n\nAl linkear seisveinte local al proyecto, el `node_modules` de seisveinte contiene su propio react y styled-components (para que storybook pueda funcionar). Por esta razón, sí sólo se linkea seisveinte al proyecto, aparecerá un error advirtiendo que hay dos react y dos styled-components instalados. Para reparar eso, los paquetes styled-components y react se deben linkear a los del proyecto.\n\n```sh\n# En el proyecto\ncd node_modules/react\nyarn link\ncd node_modules/styled-components\nyarn link\n# En seisveinte\nyarn link \"react\"\nyarn link \"styled-components\"\n```\n\n3. Hacer build de seisveinte para ver los cambios en los componentes en el proyecto\n```sh\n# En seisveinte\nyarn build\n```\n\n4. Iniciar el proyecto y storybook\n\n## ¿Cómo agregar un nuevo componente?\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.jsx\n│   │   ├── CategoryComponent1.jsx\n│   │   ├── CategoryComponent2.jsx\n│   │   ├── ...\n│   │   └── index.jsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n\n- Al mezclar a main, la publicación del paquete se hará de forma automática.\n- El requisito para que ocurra es que la versión en package.json debe ser mayor a la última subida en npm.\n- Es responsabilidad que quien hace el merge realizar este cambio.\n\n### Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n\n\n","gitHead":"3aed0301c03cf736695a0594003f252a2fbf6973","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @ Unholster","directories":{},"_nodeVersion":"16.18.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-24112022-3aed030_1669292834646_0.11240477036058794","host":"s3://npm-registry-packages"}},"0.3.0-next-24112022-d328c61":{"name":"@unholster/seisveinte","version":"0.3.0-next-24112022-d328c61","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-24112022-d328c61","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"7471734c8e4b46b5a9e2fdc058124ce42df46305","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-24112022-d328c61.tgz","fileCount":192,"integrity":"sha512-JgI5nJGk8X/H3G6xeoLfoH89db+9GEmBm7ZxwwnsWjehchpmuTQZ7ESCB1dqo/iKqGre3pNkBZPTc+aSUN52qg==","signatures":[{"sig":"MEQCIGroWDblSnxPAtToK43vl3t4YmSz9uYpY2lty9X6ssy0AiA4wBVErtu4ti98hV/PZkHejphHbA0GUYbSzN22C3Lzqg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":340946,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjf2vRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq52Q//ciemtT3VblDByjVR3m5RRL29nCTABZflHmXJN4U4jwy6chE1\r\nkZTMDZzd1hsaj+9Ms15DlFaTKHjjqy/dP930y7DBRTN17Wnv9jhByLvG4P8k\r\nLv8185zzjRdkV0IljDZRFyj6QW3WBVlDcsA3kiZSIxlohqbdgyosSiaoybHq\r\nhkg/WmPpO1W4IFIV3ZfMYr1k/aP0CjY9ctXXueXAZCy2P85Wa6GS7WpwrDvc\r\nnfTiEje36+M5FDyS3OnGsgH2dH7baR9p4+fMzAIeDWwXk9L5j0izgBSvZlYs\r\n6Bjzk4Xywp1pbBkRSDjHlzJR6+fqPQo+TgJFHtiC6Ik/q/AkZRPmcnp45tLI\r\nqwcojT+aZQ0+96m6ZoQqFooHTl2IKrGd5inCo60e32vfSXdEne0T/P33oMaS\r\nq1TZ3vaEorsvbJFKEWpmH328IwCwsuVDGdq0YopOjy0s9NDdJXUVJ+pJs5T4\r\n/12AaUAY6m3C+uu20ljoToDohEstcEACqqLJ0Vz+VZo8oM0/iXJNJWYKNgZY\r\nkKhw3Fk8s0L6LcX75ZMwzR7jQwMQqa58AOHNePuTl82621Ijn2naFnxAM2bU\r\nsQ7xxmbq/xTiaTIbUNmaGsx7gGrLK/mt1TmRR27foPh46KsXgcB+5JWEZ/Mi\r\nLTisGjH6QzzMWZqzBCL0GYSUwiFo70aFCXQ=\r\n=Ixvb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @ Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes al ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n\n- Luego llamar componentes como en este ejemplo\n\n```jsx\n\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n\n```\n\n\n## Instalación\n### Para trabajar solo en storybook\n\n1. Instalar dependencias  \n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\n\n### Para poder desarrollar en paralelo con storybook y un proyecto. (Opcional)\n\n1. Linkear seisveinte al proyecto.\n\n```sh\n# En seisveinte\nyarn link\n# En el proyecto\nyarn add \"@unholster/seisveinte\"\nyarn link \"@unholster/seisveinte\"\n```\n2. Linkear `react` y `styled-compoents` del proyecto a seisveinte.\n\nAl linkear seisveinte local al proyecto, el `node_modules` de seisveinte contiene su propio react y styled-components (para que storybook pueda funcionar). Por esta razón, sí sólo se linkea seisveinte al proyecto, aparecerá un error advirtiendo que hay dos react y dos styled-components instalados. Para reparar eso, los paquetes styled-components y react se deben linkear a los del proyecto.\n\n```sh\n# En el proyecto\ncd node_modules/react\nyarn link\ncd node_modules/styled-components\nyarn link\n# En seisveinte\nyarn link \"react\"\nyarn link \"styled-components\"\n```\n\n3. Hacer build de seisveinte para ver los cambios en los componentes en el proyecto\n```sh\n# En seisveinte\nyarn build\n```\n\n4. Iniciar el proyecto y storybook\n\n## ¿Cómo agregar un nuevo componente?\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.jsx\n│   │   ├── CategoryComponent1.jsx\n│   │   ├── CategoryComponent2.jsx\n│   │   ├── ...\n│   │   └── index.jsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n\n- Al mezclar a main, la publicación del paquete se hará de forma automática.\n- El requisito para que ocurra es que la versión en package.json debe ser mayor a la última subida en npm.\n- Es responsabilidad que quien hace el merge realizar este cambio.\n\n### Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n\n\n","gitHead":"d328c618b505aca81e655223b6ffdd5b819cdd97","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @ Unholster","directories":{},"_nodeVersion":"16.18.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-24112022-d328c61_1669295057153_0.932880501915264","host":"s3://npm-registry-packages"}},"0.3.0-next-24112022-cbaefde":{"name":"@unholster/seisveinte","version":"0.3.0-next-24112022-cbaefde","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-24112022-cbaefde","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"1bb328a4265feb5a5bf7275131fa7de741c45121","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-24112022-cbaefde.tgz","fileCount":192,"integrity":"sha512-kCMQKpofqfMjD8eBMxyOG6KpE2uuiLqL4v2PxE0MfIYbQn7z45x+ey9ffLIAsWQ0pHl0/Vlg64dUMy6Tv8uEdg==","signatures":[{"sig":"MEYCIQCJOEKnhy40K8o+cakmW7yC7oVMKvobSxsJOBv4dyC5mwIhAKCNWu8z0eC21QbEx8Mr3AQhubNJ/AFye9tD9aFcGdXN","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":340836,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjf2z3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqSrg/+J6RqjEyVqrLEo+Am1NfcPAYLYX16KG2lqy1LNk0ZE26ibu2b\r\nY7A2tZZiqV5J90KTP5KYrqXTvNSFThwgRLFklaqm/7gGIJ6SBWBbaz9UJIwh\r\nlvRACUrNTraqhYJ9u8BiGvFjmHbXz0OJeQnefBYwGd/6aGClsRHGkFA9aaTb\r\nvEG2cVjaZpZ+cNBjvin/w+K3ZgMVwT6+tNSpg8ON77wQY736WaZw/nGg2K7P\r\nBEhYAJ+DJtJWeDv/sZBKfaWlh7nnGPuNgpfQGl2a7jULrCsQk73z51L0C+69\r\ntnoxG2bpib9b1AAJH8bnb92cRdqqra9XIaYwV826tNjNSJ2fLfgsdUxgXKfd\r\nX2UuL1Ryqktd/3buG/TOfC16O9GqywScFdj7m7qDttkqfqNWZtBW3EkVCY4q\r\nlcP3SIrU1lpZRspXgSdww0aBuczdFfD0NRRas4dZfsQHMt+DEIMU9KDugSsy\r\nuljvlSa2NES1zWWRLIkwcr1RRxrp4Siok3wGEKMYFTASe0fpQ4SPwpbC6aIg\r\nAuxwda7dw33Nfrwg3xBvkVtLZoPT6mrlMuWyn79edAdqmkov5h7PTOny0RnB\r\nT0LBC7g+XrKi64gbHtGxcVY/VJ5mzqPT5+djQJMRNATi7mC7jtO/FJzoZD3c\r\nK/cgIsAZNepYLjnr7qpfnAuailNwEAGTwwY=\r\n=svHN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @ Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes al ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n\n- Luego llamar componentes como en este ejemplo\n\n```jsx\n\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n\n```\n\n\n## Instalación\n### Para trabajar solo en storybook\n\n1. Instalar dependencias  \n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\n\n### Para poder desarrollar en paralelo con storybook y un proyecto. (Opcional)\n\n1. Linkear seisveinte al proyecto.\n\n```sh\n# En seisveinte\nyarn link\n# En el proyecto\nyarn add \"@unholster/seisveinte\"\nyarn link \"@unholster/seisveinte\"\n```\n2. Linkear `react` y `styled-compoents` del proyecto a seisveinte.\n\nAl linkear seisveinte local al proyecto, el `node_modules` de seisveinte contiene su propio react y styled-components (para que storybook pueda funcionar). Por esta razón, sí sólo se linkea seisveinte al proyecto, aparecerá un error advirtiendo que hay dos react y dos styled-components instalados. Para reparar eso, los paquetes styled-components y react se deben linkear a los del proyecto.\n\n```sh\n# En el proyecto\ncd node_modules/react\nyarn link\ncd node_modules/styled-components\nyarn link\n# En seisveinte\nyarn link \"react\"\nyarn link \"styled-components\"\n```\n\n3. Hacer build de seisveinte para ver los cambios en los componentes en el proyecto\n```sh\n# En seisveinte\nyarn build\n```\n\n4. Iniciar el proyecto y storybook\n\n## ¿Cómo agregar un nuevo componente?\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.jsx\n│   │   ├── CategoryComponent1.jsx\n│   │   ├── CategoryComponent2.jsx\n│   │   ├── ...\n│   │   └── index.jsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n\n- Al mezclar a main, la publicación del paquete se hará de forma automática.\n- El requisito para que ocurra es que la versión en package.json debe ser mayor a la última subida en npm.\n- Es responsabilidad que quien hace el merge realizar este cambio.\n\n### Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n\n\n","gitHead":"cbaefde27cf360023a134a1c6e078c29b3cd410b","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @ Unholster","directories":{},"_nodeVersion":"16.18.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-24112022-cbaefde_1669295351199_0.30619905482991494","host":"s3://npm-registry-packages"}},"0.3.0-next-24112022-19ad295":{"name":"@unholster/seisveinte","version":"0.3.0-next-24112022-19ad295","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-24112022-19ad295","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"107dd241df0cb8dc1577b5637b7e4401a3f0fef0","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-24112022-19ad295.tgz","fileCount":192,"integrity":"sha512-aFztuTsXrh+zsLe5Irt4IZswNFc7T8IGXqXtmeUKgUZQsdwsraxUIkzp5FJowqiVtCSZuObPzeAE6aI0IFXi0A==","signatures":[{"sig":"MEUCIDI0h30htY6B2nLX0CLzPfz+cmMEUzBD+0kTPNxGhhCEAiEA5RbN3Xj+psiqYQKEvb7YxtVQeavFsd+9TKi6Ax+RBqU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":341172,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjf20/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoFNw//eLv6DoKRXjEMGE4zgy9pxbH2e+DB/u9ouyyuZcyhfuT+gVzZ\r\n/Wf5+EJU2yNPZV70vJzYxhaEV5UPjPHOqncne3JZ63fa0s1+nU2wInpPEyp3\r\nnj90UB7U1NyaYR1JnG/Sq4Advu+cbmUNsaU3GlsPT0e7OrDqPC4eAFhPUavQ\r\n+4DToVaYMJe2HAi8g68kARIhtl87FzEGxY98YjL27TlUpx18u5hX58uaUYox\r\n20x7KSKhob3sN/GZ4HbqBokK00pWieCyJg9Jgauq0Y12COjsv+vyfv7I4Zfc\r\nlpnCa3k2zbreQdA6o9DeH2EM1XCNlSqoptgaS2e9QJfYcnT+DasJho3Q8Sna\r\nmX2Il/03LRz/XJrAJ5QytvchiOQbojvpRGW94PTpOd8tWa9vJ1T/3QWrb+4I\r\nSgB/K/AiLPAIJYkUwCZFg9v3VjfDNRmwUdvatjXpOXho8GkUN67Khfy6mQXX\r\nV18GBEWIQluDjNaC85R7m+gplWZQZIJRbFEtdarqyexmC4Q0DmvYrYTxJdOz\r\ncRZYMJeGanmrqnP8a6fgyzoyHk+7ggb9dYacsIJE8ttqvu5C4FEHAt4EhsqO\r\ng1KoAK1vdbDe8oqt2jxAD4sYnHus+Aor+pc8bE01CpbW3Zl5/SUA9IwIsv8S\r\naDpistoahFFR4wetV8/bygx8XeRfL81y3pw=\r\n=gHJH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @ Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes al ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n\n- Luego llamar componentes como en este ejemplo\n\n```jsx\n\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n\n```\n\n\n## Instalación\n### Para trabajar solo en storybook\n\n1. Instalar dependencias  \n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\n\n### Para poder desarrollar en paralelo con storybook y un proyecto. (Opcional)\n\n1. Linkear seisveinte al proyecto.\n\n```sh\n# En seisveinte\nyarn link\n# En el proyecto\nyarn add \"@unholster/seisveinte\"\nyarn link \"@unholster/seisveinte\"\n```\n2. Linkear `react` y `styled-compoents` del proyecto a seisveinte.\n\nAl linkear seisveinte local al proyecto, el `node_modules` de seisveinte contiene su propio react y styled-components (para que storybook pueda funcionar). Por esta razón, sí sólo se linkea seisveinte al proyecto, aparecerá un error advirtiendo que hay dos react y dos styled-components instalados. Para reparar eso, los paquetes styled-components y react se deben linkear a los del proyecto.\n\n```sh\n# En el proyecto\ncd node_modules/react\nyarn link\ncd node_modules/styled-components\nyarn link\n# En seisveinte\nyarn link \"react\"\nyarn link \"styled-components\"\n```\n\n3. Hacer build de seisveinte para ver los cambios en los componentes en el proyecto\n```sh\n# En seisveinte\nyarn build\n```\n\n4. Iniciar el proyecto y storybook\n\n## ¿Cómo agregar un nuevo componente?\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.jsx\n│   │   ├── CategoryComponent1.jsx\n│   │   ├── CategoryComponent2.jsx\n│   │   ├── ...\n│   │   └── index.jsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n\n- Al mezclar a main, la publicación del paquete se hará de forma automática.\n- El requisito para que ocurra es que la versión en package.json debe ser mayor a la última subida en npm.\n- Es responsabilidad que quien hace el merge realizar este cambio.\n\n### Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n\n\n","gitHead":"19ad2956c1910d69319e5d0f119423fa87617c4d","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @ Unholster","directories":{},"_nodeVersion":"16.18.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-24112022-19ad295_1669295422944_0.28538218610624844","host":"s3://npm-registry-packages"}},"0.3.0-next-24112022-e63e38c":{"name":"@unholster/seisveinte","version":"0.3.0-next-24112022-e63e38c","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-24112022-e63e38c","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"11c220b2adb06e09ab1304d6b9dea741ae7db088","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-24112022-e63e38c.tgz","fileCount":192,"integrity":"sha512-DKh0eJEJrY7++haZmXyFy/obvBuMR+CCQw4m2MhbcZZdzFcpyYv/0NPGiKwhP7roj+5huPZwYSjM8cvOYFd46A==","signatures":[{"sig":"MEUCIQC9C32MOL5IDAWG8BWKCtZyXZ835EAeS2V3yikzVqvs2AIgdmEO1peIzDxr2GZU9RjdWtjFa2zZGXJz+lBb/KFYov8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":349327,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjf3G8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpLSg/+Kr8CnI936kX6nEI1keb67AMCujs/Wc0EODIRL+gTMt8BHPXm\r\nUhdw0XUaF8XMaMyRU5Pys3eW2LMaliy9cqcVPqsTvMZNGhUgpfqCx0bOV7Fk\r\ns+/BVhPiKtz1VivmRxs0GBG6HaHQAzExlRmq4HOtnxf0yqVa5WOt2XhHXLeD\r\n5MqPa9ZfhYwNbcj6neTkQrhqtcNIdViT744xt5Z+9ZaWVWIKPHH0weHPn70j\r\n/5eUt2SHX0uMcJcbefozs4ON74bOFJIEpTB7FZ/36Y2xxgopi/HpVBoYW/qD\r\nwbxiBvBVNncLGhChutZSOOugmgxS+EEkmlYR3p2I84mnI0IooGbElkb5nGgL\r\n+vtQcibe21trhgckHqDdi4vEN+QtZq7WFnpxqpsVqm8X5fidvfpqqECtzUXd\r\n8tX4diJIF5yBKGVSQ6H1eqzTxwCt+B9MF1aj3UbN0a98ZCAIhEsvH+TikJzm\r\nXFswbtIBipu29CFycbXv/a+4G7nfDUaF8AtWwWcbtZyvAUCt8knd0XM74gB/\r\nWXZWTQjQvdpd8QEqybeusveMc5vB3XMZmcdV92pQ2UCKevQLDy3dq/rkhMI9\r\nz7gOqP2754Anbuj1DrO4HrU92Oti5CEHCbaM47lornF0aXxt+vRrWHWS/oNb\r\nfShr+P2IP8fIFBssFmssfMnsHpwWsrreJ5k=\r\n=kib3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @ Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes al ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n\n- Luego llamar componentes como en este ejemplo\n\n```jsx\n\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n\n```\n\n\n## Instalación\n### Para trabajar solo en storybook\n\n1. Instalar dependencias  \n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\n\n### Para poder desarrollar en paralelo con storybook y un proyecto. (Opcional)\n\n1. Linkear seisveinte al proyecto.\n\n```sh\n# En seisveinte\nyarn link\n# En el proyecto\nyarn add \"@unholster/seisveinte\"\nyarn link \"@unholster/seisveinte\"\n```\n2. Linkear `react` y `styled-compoents` del proyecto a seisveinte.\n\nAl linkear seisveinte local al proyecto, el `node_modules` de seisveinte contiene su propio react y styled-components (para que storybook pueda funcionar). Por esta razón, sí sólo se linkea seisveinte al proyecto, aparecerá un error advirtiendo que hay dos react y dos styled-components instalados. Para reparar eso, los paquetes styled-components y react se deben linkear a los del proyecto.\n\n```sh\n# En el proyecto\ncd node_modules/react\nyarn link\ncd node_modules/styled-components\nyarn link\n# En seisveinte\nyarn link \"react\"\nyarn link \"styled-components\"\n```\n\n3. Hacer build de seisveinte para ver los cambios en los componentes en el proyecto\n```sh\n# En seisveinte\nyarn build\n```\n\n4. Iniciar el proyecto y storybook\n\n## ¿Cómo agregar un nuevo componente?\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.jsx\n│   │   ├── CategoryComponent1.jsx\n│   │   ├── CategoryComponent2.jsx\n│   │   ├── ...\n│   │   └── index.jsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n\n- Al mezclar a main, la publicación del paquete se hará de forma automática.\n- El requisito para que ocurra es que la versión en package.json debe ser mayor a la última subida en npm.\n- Es responsabilidad que quien hace el merge realizar este cambio.\n\n### Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n\n\n","gitHead":"e63e38c97de3a952dd555eacc3967bee3fffbae8","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @ Unholster","directories":{},"_nodeVersion":"16.18.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-24112022-e63e38c_1669296572472_0.2610548389191947","host":"s3://npm-registry-packages"}},"0.3.0-next-24112022-e0fb87d":{"name":"@unholster/seisveinte","version":"0.3.0-next-24112022-e0fb87d","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-24112022-e0fb87d","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"0aa1c3770a499f753d3eb5374df7b7ef9ac87805","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-24112022-e0fb87d.tgz","fileCount":192,"integrity":"sha512-46D2ysF3dMiuBHFf37akAx2/Cl4heGXz1GA9qKqXHbdmKnSQqHhAvVBgx64wzfd4RH1qmDcGG84SJqXpsjNAxw==","signatures":[{"sig":"MEUCIQCiDoV3kVd5DSc5yn3O3l4J8HLNhYjleSEFvWxnJX0w9AIgFcEHsuwizejv8eYiAWk6n8yHWRxD26K2Rcuby4fiAfg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":349351,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjf3IuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpDUhAAj4JSwvOA3n4rU0rObS4c3hk3vnQ5Ram0YNiisfjQngcGkTzk\r\nGvkkGlb+c6huO9CDQMTxOF0cloWtN+ZM0L/wib7ZQ8mVN7Vt+pHhUEVpNtHm\r\nl1Dd2uHlX+RKUNWG266Mv+KD9sjDNunknQIsnBYKt8NobvsTvVnNCv1TRj0Z\r\nYfE0ckczpWTp3E/TaSRYHiGd9xPxlKNIys8SifYtoKEwjFDCtMzOxWetKmuF\r\nw74HahKG9xkyRGDWQE2C+UpdBetvqBkIrsdEin2R35yHs20b+DtRdz+kMl7r\r\n+onzC6BI0DvbnFZ01YIYphL+UonwmF0jvxGyJ08TuSpWrZ3TiSPrwgZ4FJy3\r\nJ22YIc8tHxvDomXuj00+JKxou6WwFf6LdvminE5B2dHQUxsCt6nDLtEUHIbR\r\nXolGT9pr77QbkHTlA+9dDgrnqV4KivQpW0tfIl3t1MJ3uVy8NlfdgumGV1X3\r\nOgjx1xOkv16xU0RCwZx9Df+PMxxBJxd8MJYhsRLqClIkqa6q69SnabenDWNA\r\nm4eO61Uph9NsSTjp3Z/SvYSDq5VHhQoVkEIhCfzNdXPTlJuqxdOt66rUcu6q\r\nz2dH2wv46Jl+zTJc3B2veDcn37ncIgrldXdrIHP5jX9H8056SMbNaZWr9fA9\r\nC+PZHNopE9hcayy7fd9QGjWAW2RU7ALlXzE=\r\n=C245\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @ Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes al ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n\n- Luego llamar componentes como en este ejemplo\n\n```jsx\n\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n\n```\n\n\n## Instalación\n### Para trabajar solo en storybook\n\n1. Instalar dependencias  \n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\n\n### Para poder desarrollar en paralelo con storybook y un proyecto. (Opcional)\n\n1. Linkear seisveinte al proyecto.\n\n```sh\n# En seisveinte\nyarn link\n# En el proyecto\nyarn add \"@unholster/seisveinte\"\nyarn link \"@unholster/seisveinte\"\n```\n2. Linkear `react` y `styled-compoents` del proyecto a seisveinte.\n\nAl linkear seisveinte local al proyecto, el `node_modules` de seisveinte contiene su propio react y styled-components (para que storybook pueda funcionar). Por esta razón, sí sólo se linkea seisveinte al proyecto, aparecerá un error advirtiendo que hay dos react y dos styled-components instalados. Para reparar eso, los paquetes styled-components y react se deben linkear a los del proyecto.\n\n```sh\n# En el proyecto\ncd node_modules/react\nyarn link\ncd node_modules/styled-components\nyarn link\n# En seisveinte\nyarn link \"react\"\nyarn link \"styled-components\"\n```\n\n3. Hacer build de seisveinte para ver los cambios en los componentes en el proyecto\n```sh\n# En seisveinte\nyarn build\n```\n\n4. Iniciar el proyecto y storybook\n\n## ¿Cómo agregar un nuevo componente?\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.jsx\n│   │   ├── CategoryComponent1.jsx\n│   │   ├── CategoryComponent2.jsx\n│   │   ├── ...\n│   │   └── index.jsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n\n- Al mezclar a main, la publicación del paquete se hará de forma automática.\n- El requisito para que ocurra es que la versión en package.json debe ser mayor a la última subida en npm.\n- Es responsabilidad que quien hace el merge realizar este cambio.\n\n### Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n\n\n","gitHead":"e0fb87d6792e5c4ae288c41e3c7241a25b7487df","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @ Unholster","directories":{},"_nodeVersion":"16.18.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-24112022-e0fb87d_1669296686045_0.0991439467560209","host":"s3://npm-registry-packages"}},"0.3.0-next-24112022-557aa3b":{"name":"@unholster/seisveinte","version":"0.3.0-next-24112022-557aa3b","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-24112022-557aa3b","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"b327f931e29f1cffcc8fd87459a37a95590fef57","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-24112022-557aa3b.tgz","fileCount":194,"integrity":"sha512-T7EjCAPBx8zOKGaWOGw9fkHCRn4KP99X/UiEuESlJVo36Kf4WKEzE2QmYYWyCJACMcLDZ/iNwqYw4K7NqMKL8A==","signatures":[{"sig":"MEYCIQCiZYP2Hz+hw2rdCbfJvkmVO1mZQfhSWNcxWL6RPaG5pAIhAM9HNw5NBgu5B7CcH7hQwrITutaGMbjvNgmR827Z9r+L","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":350196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjf5LVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoVVxAAl03oGxQkP5cxHQL40QbyzxYX0vsE8GUNqPkUp60d22trvr+F\r\nWXUit7JPId4L5tnTD80scOnESTjLXcqC53EzntJYghqe3+IJR6EVVHYyF3DW\r\nG+i+yWWTdgy0vDuSuLULR657wRu2b8meA+Tt24tKMdegsoMFjttQQFc0sxrH\r\nSq/1ZwFFzCD5SuGdaVX7wXJIqWEYy46zl5BN/s73ZiT1+dnxiX5rBBM4RhmQ\r\nSQRBENLwTkLJzShtOeCcQy8XIyXu7BjrS3UhLRrfMaPNXlzRMp4aidANiq2M\r\nADfQFwQopbr/b0qXEWNSy8sosdAyAcR09EXixtNX/XD0dC5/jthrrrIzR1mS\r\n9pamIO37bMOb4TQn1lTWZyD8X7LSCNNxXP7Sqz2fLmqNM2Th/cv0OkVa0RQI\r\nxINmOR8wSi10rO9idsFC04YyWaT7dVadGNq46kDQoWqqG9/QUUg5/QSwwpun\r\nYoSoTGwEIZFD2Jek4coRj1+Iz07fOzKg8bS+EI/yprvVYM6Vdcji6So/4m/o\r\n8bRszCqzIvIB4wTxGh4MRmPpznowh1TGEOY4t1wwnNYfYEteLsJL4W3WgGn2\r\nyeMONk/YkK/ZAUrzfAQysok5wGeheIk0fTWAY95ScoOALbwHSVYIxRR/QHaV\r\nMt6TJ40uPDD0IUQd0Id1KJUoDpglgvkZ93w=\r\n=H3Ul\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @ Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes al ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n\n- Luego llamar componentes como en este ejemplo\n\n```jsx\n\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n\n```\n\n\n## Instalación\n### Para trabajar solo en storybook\n\n1. Instalar dependencias  \n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\n\n### Para poder desarrollar en paralelo con storybook y un proyecto. (Opcional)\n\n1. Linkear seisveinte al proyecto.\n\n```sh\n# En seisveinte\nyarn link\n# En el proyecto\nyarn add \"@unholster/seisveinte\"\nyarn link \"@unholster/seisveinte\"\n```\n2. Linkear `react` y `styled-compoents` del proyecto a seisveinte.\n\nAl linkear seisveinte local al proyecto, el `node_modules` de seisveinte contiene su propio react y styled-components (para que storybook pueda funcionar). Por esta razón, sí sólo se linkea seisveinte al proyecto, aparecerá un error advirtiendo que hay dos react y dos styled-components instalados. Para reparar eso, los paquetes styled-components y react se deben linkear a los del proyecto.\n\n```sh\n# En el proyecto\ncd node_modules/react\nyarn link\ncd node_modules/styled-components\nyarn link\n# En seisveinte\nyarn link \"react\"\nyarn link \"styled-components\"\n```\n\n3. Hacer build de seisveinte para ver los cambios en los componentes en el proyecto\n```sh\n# En seisveinte\nyarn build\n```\n\n4. Iniciar el proyecto y storybook\n\n## ¿Cómo agregar un nuevo componente?\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.jsx\n│   │   ├── CategoryComponent1.jsx\n│   │   ├── CategoryComponent2.jsx\n│   │   ├── ...\n│   │   └── index.jsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n\n- Al mezclar a main, la publicación del paquete se hará de forma automática.\n- El requisito para que ocurra es que la versión en package.json debe ser mayor a la última subida en npm.\n- Es responsabilidad que quien hace el merge realizar este cambio.\n\n### Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n\n\n","gitHead":"557aa3b3b22955c5ea7dc44f67efefe1c5b3a21f","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @ Unholster","directories":{},"_nodeVersion":"16.18.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-24112022-557aa3b_1669305045072_0.18690906509328453","host":"s3://npm-registry-packages"}},"0.3.0-next-24112022-584edb8":{"name":"@unholster/seisveinte","version":"0.3.0-next-24112022-584edb8","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-24112022-584edb8","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"2e3671a43ab77a3c374a0a1060da465a98ad5ee3","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-24112022-584edb8.tgz","fileCount":194,"integrity":"sha512-gcbBC/gGhPvLXHVZbx/DypE8du6hftJzCmIo7v+xYJB48yqw6hJHDkxIYrsOwlS1A33YcWRp/olLnnObTGOFCg==","signatures":[{"sig":"MEYCIQCtz7p9QJvxN8wU0yNtDRuRPYLri6XLBSMuaBJT+aFCUgIhAK7+7iudHFCVjf5MmVk9x27ri1iltfwKIHDg59U4xUj9","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":350513,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjf9xpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqcGw//a4MPMCgExqEs1aJT5dd+GCyMr4S9UMkxK1wiXeR2GGtsEZAv\r\nl9yvIWuzvQ/9OzFbdaTUB2rENlQ6a1N6DCdWpEM3bW4CzfmZq6GSw4MTcPTs\r\ncmLyR/T/n/fas9grq8r0BZuVQQUHxT8ZGEBpXSYAncPCtB80ImVgaiZ9Wlx/\r\nUTN1VWSQDPix/2cVsY61ba6RldtI4HjoKm6SQ9Bt6PjcxcyZ3e7d4SLZ/yH+\r\nOR03I1Huwn5qm5HDNxyg40NNhE8aMCpROjqj5eijeYJM2x5+wux0NaNZHfk6\r\nhsOGXqr9JS0rWfHXwrCZFutDaoxQTxrt7DRh2uX7rxdCalyywPyiVw2BrTm8\r\n2gSzhgdqUFApnIHJ185myojXYPG8TonKX+rchxNyjQlUo8zPfMicZnhbvQMy\r\na/5OveLznroHiN4vwxj9HUAD931Piid9sa7OQ/ome3N+/tTmYy6p3XUGZTT+\r\nC3w3Dth3jVZxSDx4eeZuqHpykN23L4hSb/NXP5QYoAWgX+LPGe9/5ldL/DbZ\r\nByieh4i2lIwAeMMWmu6ZHOFyqfp1KevoRkANat6ebXsTwtrC6QvaeBI6SDCz\r\nLwg9j3tYGz2SbQkEozH8UalL8aOEPz6U1fb0UcElkHlXpOek6UwKgullrYSG\r\nhZiqLIbxaKEtWZHc2rvUwdNbuTqlS0ykLGk=\r\n=IPwz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @ Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes al ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n\n- Luego llamar componentes como en este ejemplo\n\n```jsx\n\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n\n```\n\n\n## Instalación\n### Para trabajar solo en storybook\n\n1. Instalar dependencias  \n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\n\n### Para poder desarrollar en paralelo con storybook y un proyecto. (Opcional)\n\n1. Linkear seisveinte al proyecto.\n\n```sh\n# En seisveinte\nyarn link\n# En el proyecto\nyarn add \"@unholster/seisveinte\"\nyarn link \"@unholster/seisveinte\"\n```\n2. Linkear `react` y `styled-compoents` del proyecto a seisveinte.\n\nAl linkear seisveinte local al proyecto, el `node_modules` de seisveinte contiene su propio react y styled-components (para que storybook pueda funcionar). Por esta razón, sí sólo se linkea seisveinte al proyecto, aparecerá un error advirtiendo que hay dos react y dos styled-components instalados. Para reparar eso, los paquetes styled-components y react se deben linkear a los del proyecto.\n\n```sh\n# En el proyecto\ncd node_modules/react\nyarn link\ncd node_modules/styled-components\nyarn link\n# En seisveinte\nyarn link \"react\"\nyarn link \"styled-components\"\n```\n\n3. Hacer build de seisveinte para ver los cambios en los componentes en el proyecto\n```sh\n# En seisveinte\nyarn build\n```\n\n4. Iniciar el proyecto y storybook\n\n## ¿Cómo agregar un nuevo componente?\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.jsx\n│   │   ├── CategoryComponent1.jsx\n│   │   ├── CategoryComponent2.jsx\n│   │   ├── ...\n│   │   └── index.jsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n\n- Al mezclar a main, la publicación del paquete se hará de forma automática.\n- El requisito para que ocurra es que la versión en package.json debe ser mayor a la última subida en npm.\n- Es responsabilidad que quien hace el merge realizar este cambio.\n\n### Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n\n\n","gitHead":"584edb8def8c34a5218c4d1112bf5e4f83e6fa20","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @ Unholster","directories":{},"_nodeVersion":"16.18.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-24112022-584edb8_1669323881606_0.7327888350112264","host":"s3://npm-registry-packages"}},"0.3.0-next-24112022-9224ebe":{"name":"@unholster/seisveinte","version":"0.3.0-next-24112022-9224ebe","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-24112022-9224ebe","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"f4d7f667723ac10271aca698ba7b1f9dd4d49d1d","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-24112022-9224ebe.tgz","fileCount":194,"integrity":"sha512-K4Fi/bj79+ChlwEijW9GYtIADK2utgb90GGiOU3ZzUp4cQ9rLfzddHp26g/UXghxFuikD07WSk3NO146P4VdSw==","signatures":[{"sig":"MEUCIECbDRbSwh9aaaIvP9iVypvthHZ/UmfOXvq6lmwy8jl6AiEA9pVmvR2IA1N/xrke/sXef+VnjYW8mJYxZjyaPwvJeKw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":350407,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjf+YBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq/FQ//db0n9GR6V/ckvIPEWUk2xmzqnhnLqQstYvdIhV5ijFROHOpl\r\n0uouALW3MvbwqjBMOyvsayK7gG446ymaP9IWyiJshwp9NMrEfXwiHo+BVTou\r\nc6gwSIuuh/Z6kt8vfgfeLYjXBirM5PEUwUeq7oVhQRlI+juukoHAiCwqc1xw\r\nrqXQEpIX3JwNRfr10u1IA06jx3TGIHK7mEFp2/B/oZqj734Pys38tZD2I55L\r\niM0Jy4o4+9Qhx176zbz/8E5rAmw4+ZHkBtVqSB3/30XkxtTUhklNeMX8thj3\r\nwStvVFBgC6R5bWBgZR/5FREW43+VCaAyuhk++o2rCdhuOyOpY+a69TarF1Kp\r\nRqS70ln41nYrtoCPBsq6qNY3wgcejQt8vv2ZJQRcvjRgr1tP43sMQ5KCsEBz\r\nl+DiCOXDSIcJ4q/E7Zaav1iVbK3GyTr7aio78k7SZBzEShgPlw5/EWwa00NQ\r\nvOtoZjAlXzRSvVavXEX6rmYenBKvNDRtYWMCpPziIZekTEGHY6+KceVP3ojU\r\nncStNU+9ifa1TM5ceiV1s8fKkNvTi5J36S7ynWjx2/9ER7cr7B1srdrZSkuq\r\n2LV2NcVgvSUBHl4mbvVlDqKg+zv2MGn3/ZAMzO8BJuiCgpc02XFLfSmkM2eb\r\napOQCgLuz1rKVGdRoOALfZQ53vKswnlj5Z4=\r\n=esK8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @ Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes al ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n\n- Luego llamar componentes como en este ejemplo\n\n```jsx\n\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n\n```\n\n\n## Instalación\n### Para trabajar solo en storybook\n\n1. Instalar dependencias  \n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\n\n### Para poder desarrollar en paralelo con storybook y un proyecto. (Opcional)\n\n1. Linkear seisveinte al proyecto.\n\n```sh\n# En seisveinte\nyarn link\n# En el proyecto\nyarn add \"@unholster/seisveinte\"\nyarn link \"@unholster/seisveinte\"\n```\n2. Linkear `react` y `styled-compoents` del proyecto a seisveinte.\n\nAl linkear seisveinte local al proyecto, el `node_modules` de seisveinte contiene su propio react y styled-components (para que storybook pueda funcionar). Por esta razón, sí sólo se linkea seisveinte al proyecto, aparecerá un error advirtiendo que hay dos react y dos styled-components instalados. Para reparar eso, los paquetes styled-components y react se deben linkear a los del proyecto.\n\n```sh\n# En el proyecto\ncd node_modules/react\nyarn link\ncd node_modules/styled-components\nyarn link\n# En seisveinte\nyarn link \"react\"\nyarn link \"styled-components\"\n```\n\n3. Hacer build de seisveinte para ver los cambios en los componentes en el proyecto\n```sh\n# En seisveinte\nyarn build\n```\n\n4. Iniciar el proyecto y storybook\n\n## ¿Cómo agregar un nuevo componente?\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.jsx\n│   │   ├── CategoryComponent1.jsx\n│   │   ├── CategoryComponent2.jsx\n│   │   ├── ...\n│   │   └── index.jsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n\n- Al mezclar a main, la publicación del paquete se hará de forma automática.\n- El requisito para que ocurra es que la versión en package.json debe ser mayor a la última subida en npm.\n- Es responsabilidad que quien hace el merge realizar este cambio.\n\n### Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n\n\n","gitHead":"9224ebe2f747cbed6493a48fdf5a85e6348cbea8","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @ Unholster","directories":{},"_nodeVersion":"16.18.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-24112022-9224ebe_1669326337500_0.1171977498247938","host":"s3://npm-registry-packages"}},"0.3.0-next-25112022-b2dd0da":{"name":"@unholster/seisveinte","version":"0.3.0-next-25112022-b2dd0da","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-25112022-b2dd0da","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"c582fddc877291fd05240b586f3b63eaafd92434","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-25112022-b2dd0da.tgz","fileCount":194,"integrity":"sha512-yfqPnEEkzJNYN7tzcVc6r8JmCNhi+FWTADwdi9Q5s+gIoLklV9dfJAHiTfq9PdRIs+5HNIoS+FmvyqkM8RCQ1Q==","signatures":[{"sig":"MEUCIQDdZcEYIEybpsnAzjdnfGBouexqlYFtpfMXXUKYJFe3DAIgHKChfeWqhbCcn1VSwZZaRvCliGVgDAozEYdsYE3P+AU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":350481,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjgNOYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrGhA/+PpHwZJ8vDOjuTvcLX0hmbk96g4ZU/EmAdcBz8o9WV6H3g/eg\r\nHdReUbFa7m9JBLp5bdtTCEdZ8Eo9u/4rVSH/aVwyR+BX5mBg1RUvzEVAS9uk\r\nMC41rQAHvr+6k3gzT6Gh0CLuJH66sCv66FQeTDIxpK/OvIpXH8hyGfDIw0nF\r\n0FYt+Kk2buPDrDn0TEcJf8g0uqoL0xB7eh5cx8oKGEbQh++DkX4DXi2kqn6+\r\nO0iAz8hV+3g766OT9SD0ih7YLPG9q1kpCGibDJTYgGexQhHer1weUob5yiEO\r\nWtrhvEUiBVmPOO2FZJPr7DANd8j1cccHImisdIIrwAQirblySl64PDRwuoj/\r\nShonD2WVLsI3qdlOfd5QNzEJcFJanq+lh7PW/0hdakQojlS4/iQsOSAo9LzS\r\nMpG/8o8yj5xn/l9/pa2+96TYhg00blcuuWBe+vvePZ8PecdBT86aX2icH8ae\r\nDKJkMH84vVcHrnfdenS0KlOpksLFlUM1ELFGodVh/t5uIlPWDJ2mC/oCOfcn\r\ng1k+vDG3CIHMwp/2dJ6rLYB99EO8Taj+T2IeNjlSGfOgoC6U2Ktkwe8jhRlR\r\n+1WOtoZKswBB2WvRppBNDEXJwqu5RojrB0Efa12iJr+WJr+/V3RUgdu+Of6Y\r\n0ftuKcMz8fJxoY/kYqRb+h5hH6O676Zlr2Y=\r\n=rXK8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @ Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes al ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n\n- Luego llamar componentes como en este ejemplo\n\n```jsx\n\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n\n```\n\n\n## Instalación\n### Para trabajar solo en storybook\n\n1. Instalar dependencias  \n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\n\n### Para poder desarrollar en paralelo con storybook y un proyecto. (Opcional)\n\n1. Linkear seisveinte al proyecto.\n\n```sh\n# En seisveinte\nyarn link\n# En el proyecto\nyarn add \"@unholster/seisveinte\"\nyarn link \"@unholster/seisveinte\"\n```\n2. Linkear `react` y `styled-compoents` del proyecto a seisveinte.\n\nAl linkear seisveinte local al proyecto, el `node_modules` de seisveinte contiene su propio react y styled-components (para que storybook pueda funcionar). Por esta razón, sí sólo se linkea seisveinte al proyecto, aparecerá un error advirtiendo que hay dos react y dos styled-components instalados. Para reparar eso, los paquetes styled-components y react se deben linkear a los del proyecto.\n\n```sh\n# En el proyecto\ncd node_modules/react\nyarn link\ncd node_modules/styled-components\nyarn link\n# En seisveinte\nyarn link \"react\"\nyarn link \"styled-components\"\n```\n\n3. Hacer build de seisveinte para ver los cambios en los componentes en el proyecto\n```sh\n# En seisveinte\nyarn build\n```\n\n4. Iniciar el proyecto y storybook\n\n## ¿Cómo agregar un nuevo componente?\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.jsx\n│   │   ├── CategoryComponent1.jsx\n│   │   ├── CategoryComponent2.jsx\n│   │   ├── ...\n│   │   └── index.jsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n\n- Al mezclar a main, la publicación del paquete se hará de forma automática.\n- El requisito para que ocurra es que la versión en package.json debe ser mayor a la última subida en npm.\n- Es responsabilidad que quien hace el merge realizar este cambio.\n\n### Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n\n\n","gitHead":"b2dd0daf1238320df8651cf90bb92c4e173e49df","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @ Unholster","directories":{},"_nodeVersion":"16.18.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-25112022-b2dd0da_1669387159796_0.2608935412447835","host":"s3://npm-registry-packages"}},"0.3.0-next-25112022-5755e3c":{"name":"@unholster/seisveinte","version":"0.3.0-next-25112022-5755e3c","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-25112022-5755e3c","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"33702b553486ca19b1e36157ed4dab302e492046","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-25112022-5755e3c.tgz","fileCount":194,"integrity":"sha512-ExPLWubFzZtSC9s8QXRJ5T+vvmx/qXTJu4dvWl+dJeHp2ycneHRbRVhjAbeQ+rWcs+ChF/QSyrehWwZg6evI6Q==","signatures":[{"sig":"MEUCIAi71xkbVNiZl7oisG94VjLLDzqEMr0MIujA8xv2tdUEAiEA7hyDSrGBdVCk4K+mM7TPb7L4hYMU2G7pP7JPdJZbfBE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":350727,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjgNUyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqqsQ//Y7UmphqIV4Xnod+xHW1jpckK8Pt4X+PNZQeICQCvpIZILmGx\r\nNfgk0S5qXWY1nUs5QFEBamNlUgrUGpPnjs84jyei1u270q1IFaT5Z8KYvgSb\r\nprop+UWuDNK6wn1pDQANhNb1lLS7jUrtHnRMOIstzf5J+QhE4g5nqKOKHVaF\r\nrP2K9hn+leWb6IGkqbiDs/fbYUta+Dh3IPLkxac1bWNYC/U3J35x7p+qGSNt\r\ngESXzZtygh53iQHepiFS5YEloA6M2L8kK1s3sacg8o9tvRcwEVY4gT34DJiv\r\nVYKNGwXiFwkji7stLGhax8Ve+SxMy0G5EGYpAy9j5EY4CgXI82eCjusjUp0O\r\nuAstR2IRW22ksFFvuzwEsvwn+DOn7uB3UUabP8U9qCA2TNik6UGcMWsbdHe/\r\nDdvZxDzKz9YoKvAFo7yJEcGpGrz/Hxb7WGPxFMVBr1bS7JjcK0CBoT/vwLHA\r\nfPvNwK90K5uvRbZyc5/gw13Yb532dlG4k8RJrYzZ+Tas3YgYev/a/Sc9llh/\r\nQ8epqdlHqjXUhTJEB3UVSJgEvFDg714pxl1f6Q9Rv/2ai8glfce9roEVdDUb\r\nOkBzHgrMU2UC2rMYBLRcUOEcekWcd5TMVi9Z0IoymYZ8S27jb8WH+r3EQBMX\r\nN4o/+VEKGRGaM35zOb3NysoX34qjSVxB4m0=\r\n=Bdn7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @ Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes al ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n\n- Luego llamar componentes como en este ejemplo\n\n```jsx\n\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n\n```\n\n\n## Instalación\n### Para trabajar solo en storybook\n\n1. Instalar dependencias  \n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\n\n### Para poder desarrollar en paralelo con storybook y un proyecto. (Opcional)\n\n1. Linkear seisveinte al proyecto.\n\n```sh\n# En seisveinte\nyarn link\n# En el proyecto\nyarn add \"@unholster/seisveinte\"\nyarn link \"@unholster/seisveinte\"\n```\n2. Linkear `react` y `styled-compoents` del proyecto a seisveinte.\n\nAl linkear seisveinte local al proyecto, el `node_modules` de seisveinte contiene su propio react y styled-components (para que storybook pueda funcionar). Por esta razón, sí sólo se linkea seisveinte al proyecto, aparecerá un error advirtiendo que hay dos react y dos styled-components instalados. Para reparar eso, los paquetes styled-components y react se deben linkear a los del proyecto.\n\n```sh\n# En el proyecto\ncd node_modules/react\nyarn link\ncd node_modules/styled-components\nyarn link\n# En seisveinte\nyarn link \"react\"\nyarn link \"styled-components\"\n```\n\n3. Hacer build de seisveinte para ver los cambios en los componentes en el proyecto\n```sh\n# En seisveinte\nyarn build\n```\n\n4. Iniciar el proyecto y storybook\n\n## ¿Cómo agregar un nuevo componente?\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.jsx\n│   │   ├── CategoryComponent1.jsx\n│   │   ├── CategoryComponent2.jsx\n│   │   ├── ...\n│   │   └── index.jsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n\n- Al mezclar a main, la publicación del paquete se hará de forma automática.\n- El requisito para que ocurra es que la versión en package.json debe ser mayor a la última subida en npm.\n- Es responsabilidad que quien hace el merge realizar este cambio.\n\n### Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n\n\n","gitHead":"5755e3cb862506e9861e524bd6bb97ed7773f449","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @ Unholster","directories":{},"_nodeVersion":"16.18.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-25112022-5755e3c_1669387570112_0.12397693262661202","host":"s3://npm-registry-packages"}},"0.3.0-next-25112022-528574a":{"name":"@unholster/seisveinte","version":"0.3.0-next-25112022-528574a","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-25112022-528574a","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"2c82f108502570bcba683b4e3899171e7908e970","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-25112022-528574a.tgz","fileCount":271,"integrity":"sha512-PO8qUjuph6osuzpEwddqBk6bS6cIpzlcWPpVeay63Hplii9NW04O0FQHyTTbq7EeryplNCL8PQI2NmcIz4nCeQ==","signatures":[{"sig":"MEUCIGSB5qRyYZkb60KgGbmYaJk1FhyHh74KJIeeZ3v7BrasAiEA/TRxh/FV+Zo0g2SXuSThuOXyvUVpCsedkqZUopTUzgA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":508895,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjgPxxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmovtw/9EWSxnIhBTWhbYiw6I42BqMBkLVOuSib4LIedQ7M+fKBWmxln\r\nMxfZOZJ0Vv0Dx7TDxcZeLoBAewaFJzUs8Vfdp2l53ddl3u1oP+xeGdt+mYnH\r\nAjy4xL9+v9Ka83iHjTxaM3m74d+2+ZQZqP9Su/uZ1wqRUIk36VBBdgX3jznr\r\nYeK1YPY64we14BGRAmcgLi3+YEVlaUppfWNT9OVlpITmoQupu5fCKL5ZWncb\r\nBvWF5fAHgoIgqy2AEovifgtKF9YHbYd8Z8L4Pi6GLwIuwcgI21qwvkRZffqr\r\nqhu1OLimxVk9ErEYOsN80luCQyAESEdcOklTdl6gXBB8NK9sN5IZYE/REVLA\r\nYC3kmKnESVDq5b6uDbnQ0OMG4vvD0hD/K94BMJodJ2p2TjoHJDLDdwuN6QaP\r\n0BCJXmasVIFWiheK+bhQ7WBg0KvsI6QY/PfCHOPINaivJpXyP/IBuGFgqUeH\r\nqmnTBuDLlqtuFav3/YPaVKSbE/rwChYjxjW0s9vSuwlLq4YLE4KJZQqIfpXZ\r\n9nhezKtBnJHE3W5EUj6zbzTb1XTqt2cvM2SSSNq9jfZBa1ydPEDX5Vza+Qdg\r\nWSrVj/RXcTL5yqzwe0doo3Le1mUiJhv3JdRx3d6m/wnuW72ALC33ck36RJUu\r\nKK2xb9IlPFLYm7wSYKeqERs5hlDThdbs0B4=\r\n=5YHr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @ Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes al ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n\n- Luego llamar componentes como en este ejemplo\n\n```jsx\n\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n\n```\n\n\n## Instalación\n### Para trabajar solo en storybook\n\n1. Instalar dependencias  \n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\n\n### Para poder desarrollar en paralelo con storybook y un proyecto. (Opcional)\n\n1. Linkear seisveinte al proyecto.\n\n```sh\n# En seisveinte\nyarn link\n# En el proyecto\nyarn add \"@unholster/seisveinte\"\nyarn link \"@unholster/seisveinte\"\n```\n2. Linkear `react` y `styled-compoents` del proyecto a seisveinte.\n\nAl linkear seisveinte local al proyecto, el `node_modules` de seisveinte contiene su propio react y styled-components (para que storybook pueda funcionar). Por esta razón, sí sólo se linkea seisveinte al proyecto, aparecerá un error advirtiendo que hay dos react y dos styled-components instalados. Para reparar eso, los paquetes styled-components y react se deben linkear a los del proyecto.\n\n```sh\n# En el proyecto\ncd node_modules/react\nyarn link\ncd node_modules/styled-components\nyarn link\n# En seisveinte\nyarn link \"react\"\nyarn link \"styled-components\"\n```\n\n3. Hacer build de seisveinte para ver los cambios en los componentes en el proyecto\n```sh\n# En seisveinte\nyarn build\n```\n\n4. Iniciar el proyecto y storybook\n\n## ¿Cómo agregar un nuevo componente?\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.jsx\n│   │   ├── CategoryComponent1.jsx\n│   │   ├── CategoryComponent2.jsx\n│   │   ├── ...\n│   │   └── index.jsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n\n- Al mezclar a main, la publicación del paquete se hará de forma automática.\n- El requisito para que ocurra es que la versión en package.json debe ser mayor a la última subida en npm.\n- Es responsabilidad que quien hace el merge realizar este cambio.\n\n### Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n\n\n","gitHead":"528574abc1497467fc262ec124a2c748977b9f93","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @ Unholster","directories":{},"_nodeVersion":"16.18.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-25112022-528574a_1669397617530_0.9359802884176334","host":"s3://npm-registry-packages"}},"0.3.0-next-25112022-33ab371":{"name":"@unholster/seisveinte","version":"0.3.0-next-25112022-33ab371","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-25112022-33ab371","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"b726c147f1be807b2b452909181c8dfe79d8ca7e","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-25112022-33ab371.tgz","fileCount":193,"integrity":"sha512-aVjEwrG6aDA4OXSAbdrpXDAf/5MEH80WIPvZ0ySlI11m50HlRV1n9tTIiczMMRP3dxmlg2V6wx6kdgpVXilxjA==","signatures":[{"sig":"MEUCIDLx/cxjNtEMwrWKIod2e3GKDdxNRzEO2DC2WyefeGuhAiEAwxQMtiLR41vHx6JLj6O0AB59xadRwgOUc0rNDhCVYJk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":379389,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjgRe/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqCrw//dXjuVo/+19kEpzAPLjhgOy43vXT/34HW0WMySNOtXm3GVVB3\r\nEjOt/L0P9KFZTvW+IWVuVKR6GKG+zHC4t4D78EZCij2m/axcs50mvvtfq9ZL\r\nmXs1kpyBeDtRdMMXZlfHqgr3RN8RRLi75iurvMS4dMskxIi+9Bi20Mur3RbC\r\nsAd/V5ZFgs8odUZuaZV7nX8uMrr2E+gbfZlFJzseqtCb8+XM7O+vQUFAwVSL\r\nIRgzLcsgsPGKVHREs8mg6YVIrQskiTcERls4n/vwf7Of19O+vXgZe1KI4GRH\r\ne6xtE/o84xG82AoFXFbGhlWULi94RzHBM42iZq3osbq6HnBnyPEKmK+3vC9a\r\nxJ4i3VucskXADrOGP601ARaJMCVtU/O8wSYFEonBkQ4N7XHykjpCPX9UTxU4\r\n1rCrDWpzCajoKpQZX8WTJk5IOszv4rhkh5X28flt7DG97DfHzJwVpQA8egCO\r\nkdblc+DrFUC5KP6iSUobjgMjHxnKats/ZH+yWJt5uhtsPkbrpEauj7MIOhPf\r\nOcdKegnw/DRAiziLIHIk/gJY1O1pRkwflGeZln8DepBxO2RM3JCYvRam+Xal\r\nFagww4lQprxDai8tQHJmasNMVePRStSI1gywos961k/j1H0nwIZHfjq/jx/X\r\nUDFO2bkq0uImPj/zFFKKr3kKEknyzfSeKuo=\r\n=Feif\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @ Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes al ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n\n- Luego llamar componentes como en este ejemplo\n\n```jsx\n\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n\n```\n\n\n## Instalación\n### Para trabajar solo en storybook\n\n1. Instalar dependencias  \n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\n\n### Para poder desarrollar en paralelo con storybook y un proyecto. (Opcional)\n\n1. Linkear seisveinte al proyecto.\n\n```sh\n# En seisveinte\nyarn link\n# En el proyecto\nyarn add \"@unholster/seisveinte\"\nyarn link \"@unholster/seisveinte\"\n```\n2. Linkear `react` y `styled-compoents` del proyecto a seisveinte.\n\nAl linkear seisveinte local al proyecto, el `node_modules` de seisveinte contiene su propio react y styled-components (para que storybook pueda funcionar). Por esta razón, sí sólo se linkea seisveinte al proyecto, aparecerá un error advirtiendo que hay dos react y dos styled-components instalados. Para reparar eso, los paquetes styled-components y react se deben linkear a los del proyecto.\n\n```sh\n# En el proyecto\ncd node_modules/react\nyarn link\ncd node_modules/styled-components\nyarn link\n# En seisveinte\nyarn link \"react\"\nyarn link \"styled-components\"\n```\n\n3. Hacer build de seisveinte para ver los cambios en los componentes en el proyecto\n```sh\n# En seisveinte\nyarn build\n```\n\n4. Iniciar el proyecto y storybook\n\n## ¿Cómo agregar un nuevo componente?\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.jsx\n│   │   ├── CategoryComponent1.jsx\n│   │   ├── CategoryComponent2.jsx\n│   │   ├── ...\n│   │   └── index.jsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n\n- Al mezclar a main, la publicación del paquete se hará de forma automática.\n- El requisito para que ocurra es que la versión en package.json debe ser mayor a la última subida en npm.\n- Es responsabilidad que quien hace el merge realizar este cambio.\n\n### Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n\n\n","gitHead":"33ab371eb0baff78384ae970e18111ac3985203f","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @ Unholster","directories":{},"_nodeVersion":"16.18.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-25112022-33ab371_1669404607099_0.25109004129158596","host":"s3://npm-registry-packages"}},"0.3.0-next-28112022-ad8d842":{"name":"@unholster/seisveinte","version":"0.3.0-next-28112022-ad8d842","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-28112022-ad8d842","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"b39aa013e88c6ac30833d2b1ac69ba5faba7ec4a","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-28112022-ad8d842.tgz","fileCount":193,"integrity":"sha512-GaaRDvqAie3QDuCL6/Xv95voYvAWLJ0IVGMc6Fv8/GBXH2h9QxuvsRNgbZQeQ3TRPCaNykDfF5aPVKOUPKIU8Q==","signatures":[{"sig":"MEUCIQDLHmHB1oq2DWXD1GKPNcKI/U4hi8Uchz60fEqL1XvLcgIgKQjC5r0pcgVt531zMJxdMCAbPZFlwfo5gBubEQac744=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":379394,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhLu2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqNJw/9HKnGYH5libjwOTDUEiKJ3ykjW19Ki6b797iJOfB9g013TofW\r\naQEe5aliUUOpsPZCHipoZSZa7DNn+YDQwk1t90Qcj2tbhm002BQQ7y55Xc9J\r\nO8SLEOBoDSY/s0cWRnVAvxO9dEBK8EMExkfHn9tOuGQaJ28EpLCHfLRrPsF4\r\ncvQ3uVEjy62PMU1j0r8guoLU2rG7WY7luuvU4PC8JmRfptjwPetx3Zlp0bgu\r\nO5m5rw3IuholrBSqa5ALQujbLGIaHmY4dy/uFgMcYw7S+gVVrM/KFLw0Y44b\r\nhdxf4TvsO3TAupcAyPX7aeIeJ9CfDh65ErlG/2cjQA5gsdYFRyXxXODhV8au\r\nLM4WV28QvbrgrEuHW7MsvxgilE+EnaXGRRo8E+jkfYarMWzAdcxN9bX/AtfC\r\nZ/PWFl+qOeI0g/rWVF0uLEjnpkia8QBXqDr+nomiQ70Gpth+2Ec/9uRwnVvF\r\nbkobb7N4+ZL3Qi+VRxR6KT3lviHD46mbbhy/e0I73t8tOdGUG7bDY+xqZNJs\r\nXzgiQCq4vAPE7lapRwfQz8kEDG+rWybtWUdWq2S1JJsND66OgSgkFOp6nTKO\r\nFc7WqMKGdWqPdXgTeOxXpyt/0c5+21/oecJHKy+96TTpKHQG0n8/QSqlKGrf\r\n5gRWcpSiQQpPFlHYYldCIvZLQaxGA2YR+0I=\r\n=Faae\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @ Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes al ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n\n- Luego llamar componentes como en este ejemplo\n\n```jsx\n\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n\n```\n\n\n## Instalación\n### Para trabajar solo en storybook\n\n1. Instalar dependencias  \n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\n\n### Para poder desarrollar en paralelo con storybook y un proyecto. (Opcional)\n\n1. Linkear seisveinte al proyecto.\n\n```sh\n# En seisveinte\nyarn link\n# En el proyecto\nyarn add \"@unholster/seisveinte\"\nyarn link \"@unholster/seisveinte\"\n```\n2. Linkear `react` y `styled-compoents` del proyecto a seisveinte.\n\nAl linkear seisveinte local al proyecto, el `node_modules` de seisveinte contiene su propio react y styled-components (para que storybook pueda funcionar). Por esta razón, sí sólo se linkea seisveinte al proyecto, aparecerá un error advirtiendo que hay dos react y dos styled-components instalados. Para reparar eso, los paquetes styled-components y react se deben linkear a los del proyecto.\n\n```sh\n# En el proyecto\ncd node_modules/react\nyarn link\ncd node_modules/styled-components\nyarn link\n# En seisveinte\nyarn link \"react\"\nyarn link \"styled-components\"\n```\n\n3. Hacer build de seisveinte para ver los cambios en los componentes en el proyecto\n```sh\n# En seisveinte\nyarn build\n```\n\n4. Iniciar el proyecto y storybook\n\n## ¿Cómo agregar un nuevo componente?\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.jsx\n│   │   ├── CategoryComponent1.jsx\n│   │   ├── CategoryComponent2.jsx\n│   │   ├── ...\n│   │   └── index.jsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n\n- Al mezclar a main, la publicación del paquete se hará de forma automática.\n- El requisito para que ocurra es que la versión en package.json debe ser mayor a la última subida en npm.\n- Es responsabilidad que quien hace el merge realizar este cambio.\n\n### Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n\n\n","gitHead":"ad8d842448dc2ad6b74358debfe4438c850a1126","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @ Unholster","directories":{},"_nodeVersion":"16.18.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-28112022-ad8d842_1669643190614_0.7200164170805885","host":"s3://npm-registry-packages"}},"0.3.0-next-28112022-d36295a":{"name":"@unholster/seisveinte","version":"0.3.0-next-28112022-d36295a","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-28112022-d36295a","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"cf6e55ffae3d58e3f3c25455151ac3f22e179e53","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-28112022-d36295a.tgz","fileCount":193,"integrity":"sha512-O1G/tKeiMDL2Ef5MBIpKeI8u2TQhyXjRM6vMisSzs0kUsrz5fYrLt5ABcF7Gq2szV99WHsoKwv/X/F2HinTN3w==","signatures":[{"sig":"MEQCIHEoQezvA+348CI+uF1QzYjaqCid6gCPCd6YqF9Shg4nAiAJJOH2gcoNVRa8ZvbdCZM5ES32aOreXzoD5oEl7smGvg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":379599,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhPMIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqhbhAApMjofWACZQAb409RT0uYcVCAfikRtU8Sd0AixpJSqlXeqSao\r\nigPht9d+pqJn4iLKkI2kccNztuN5sXt3/m5EFsT6UP2JGjIjCQDGzf/7miVO\r\n6YgyEqnGGHSNlu0HpbFXADHxy0T7u8rS2RFPBuANkfrXt8WsOpiFyYf+BBP9\r\nCQxPDzcvu7ylyBNB0gKn7vchA7E2J+QacXKwFzWQR2fV6nGYoxPyBvPYHNni\r\n68HIUXlmQlug5TeETGhzmQPn3wj/2rTRDph2tty6YoEeoGTueZELPoQMzeV0\r\nJVWvwpMQ2WGbPR9197fQV/WzCURiXQr1VrcusOU0WL9cwB+Tf12FriafHeRG\r\nLG1rD6u+lg8MTiB+j9L7XsiZv/+Znj262j2Cn7xw/McRNL6qFIGPm15ieiXb\r\nAQ/858HoBwZWtY1k8izQib/wQJm6PKyQrWPkqDnKbJwiVPZMurRpL1aBQwi9\r\nWV0SFChGCViziy3vgGL8S86DGkjxJsWuAspC4saetUYYPHYfBNMVRWs1jMMa\r\nQWlhelvIcDCAs3Rq5gVXXvNxIIDihABlIlclxTkeaTAbY1SQrgp+mtYRRHeL\r\ndBNZGveHNEIdRaLfYgWswGJRqDgJMd1e4Btew1eAORqVyiT+clKlUQwSRArK\r\nB76bDR3VeyAkRh/dLwDqINASKq63cGKDf0U=\r\n=p19u\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @ Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes al ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n\n- Luego llamar componentes como en este ejemplo\n\n```jsx\n\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n\n```\n\n\n## Instalación\n### Para trabajar solo en storybook\n\n1. Instalar dependencias  \n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\n\n### Para poder desarrollar en paralelo con storybook y un proyecto. (Opcional)\n\n1. Linkear seisveinte al proyecto.\n\n```sh\n# En seisveinte\nyarn link\n# En el proyecto\nyarn add \"@unholster/seisveinte\"\nyarn link \"@unholster/seisveinte\"\n```\n2. Linkear `react` y `styled-compoents` del proyecto a seisveinte.\n\nAl linkear seisveinte local al proyecto, el `node_modules` de seisveinte contiene su propio react y styled-components (para que storybook pueda funcionar). Por esta razón, sí sólo se linkea seisveinte al proyecto, aparecerá un error advirtiendo que hay dos react y dos styled-components instalados. Para reparar eso, los paquetes styled-components y react se deben linkear a los del proyecto.\n\n```sh\n# En el proyecto\ncd node_modules/react\nyarn link\ncd node_modules/styled-components\nyarn link\n# En seisveinte\nyarn link \"react\"\nyarn link \"styled-components\"\n```\n\n3. Hacer build de seisveinte para ver los cambios en los componentes en el proyecto\n```sh\n# En seisveinte\nyarn build\n```\n\n4. Iniciar el proyecto y storybook\n\n## ¿Cómo agregar un nuevo componente?\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.jsx\n│   │   ├── CategoryComponent1.jsx\n│   │   ├── CategoryComponent2.jsx\n│   │   ├── ...\n│   │   └── index.jsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n\n- Al mezclar a main, la publicación del paquete se hará de forma automática.\n- El requisito para que ocurra es que la versión en package.json debe ser mayor a la última subida en npm.\n- Es responsabilidad que quien hace el merge realizar este cambio.\n\n### Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n\n\n","gitHead":"d36295a6b2743e254c4b7dbda9369b8237c121da","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @ Unholster","directories":{},"_nodeVersion":"16.18.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-28112022-d36295a_1669657352108_0.2413240622732189","host":"s3://npm-registry-packages"}},"0.3.0-next-28112022-3639bc1":{"name":"@unholster/seisveinte","version":"0.3.0-next-28112022-3639bc1","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-28112022-3639bc1","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"af92b63b65213f46bca90badb9e3c19035b2173a","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-28112022-3639bc1.tgz","fileCount":193,"integrity":"sha512-TCUA+pMB2l2cRVx7J+pQK20cLr6imoCUGblevp6gtaKVRzxXB6WGrNr4BzqzV7DJLT6vOkgYAeLQj9Xk3ggU1w==","signatures":[{"sig":"MEYCIQDIdJt3+Ciih5f6m+D/xTDBWLAy61TnKvXzkg/iFX2SOAIhAORX7ETQrX1TxKy0wTwrCiJF/AkWC7VRVSv55ZPEsTEa","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":378812,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhP/QACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpyCw/+KzFzVT6Fbz5Pia2cDSzuR5j8h+yVmiLyGxSbubOpEoz4UgZc\r\nvN8C/eI+3++DsG9GrAVtZISKo0ChjC7qZ7SYv4lfpqGOjqaF00XEMtA5C49V\r\nKJ0jibTWa03iS3HYJ5ukCcYDE6cePDf555N61o5EntgQ8Ct1PxqdsKaqL6Y9\r\nbbVVHXFkF1rd1djA4RvxxgKdlAtVupns2E61sONuskND+VEymU75UZ2fxo0Z\r\nzCpC6cg2GqOHVqDTE5UYp4GIxGgeWfVGTOH22baRtGwAYPO2pJOQT/mkSeIH\r\nys5F+9VSIIXm5qfu/KE2h3SVaGNyrHl/HiF1aXr4MpRRi89D+Sa117Ke0YXb\r\n046wpyFN3Ip9fBf8O8s/B5569EnqwX82EtX69e3MjVCk/DihoBmhI6fEbTBT\r\nmbVdjJUJeJD6A2zH3BoCpHurq2KfHKTlvXBPJeiyHBc63bDgNKSEQIsfC/JU\r\nr9nCH4TjrnQLFMMnn4cTA+tNAc00TVXngwY6rsqzthl3RBCslANFOcOZJCql\r\nkq/ZMPGrj3tWLya3DP+6tAYFJRmeJPqJG2plbc+5szboV+8+TKT7ustOKfN7\r\nAOhluqYI461DxujWjs7Sa/YfXBHxMhAaDn2O2Io4jgr9ErB/lxIgzOLRb9JZ\r\nReapkG2rO8t3ygnr4RgVZfkCuzjKOoVihuc=\r\n=REHV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @ Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes al ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n\n- Luego llamar componentes como en este ejemplo\n\n```jsx\n\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n\n```\n\n\n## Instalación\n### Para trabajar solo en storybook\n\n1. Instalar dependencias  \n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\n\n### Para poder desarrollar en paralelo con storybook y un proyecto. (Opcional)\n\n1. Linkear seisveinte al proyecto.\n\n```sh\n# En seisveinte\nyarn link\n# En el proyecto\nyarn add \"@unholster/seisveinte\"\nyarn link \"@unholster/seisveinte\"\n```\n2. Linkear `react` y `styled-compoents` del proyecto a seisveinte.\n\nAl linkear seisveinte local al proyecto, el `node_modules` de seisveinte contiene su propio react y styled-components (para que storybook pueda funcionar). Por esta razón, sí sólo se linkea seisveinte al proyecto, aparecerá un error advirtiendo que hay dos react y dos styled-components instalados. Para reparar eso, los paquetes styled-components y react se deben linkear a los del proyecto.\n\n```sh\n# En el proyecto\ncd node_modules/react\nyarn link\ncd node_modules/styled-components\nyarn link\n# En seisveinte\nyarn link \"react\"\nyarn link \"styled-components\"\n```\n\n3. Hacer build de seisveinte para ver los cambios en los componentes en el proyecto\n```sh\n# En seisveinte\nyarn build\n```\n\n4. Iniciar el proyecto y storybook\n\n## ¿Cómo agregar un nuevo componente?\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.jsx\n│   │   ├── CategoryComponent1.jsx\n│   │   ├── CategoryComponent2.jsx\n│   │   ├── ...\n│   │   └── index.jsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n\n- Al mezclar a main, la publicación del paquete se hará de forma automática.\n- El requisito para que ocurra es que la versión en package.json debe ser mayor a la última subida en npm.\n- Es responsabilidad que quien hace el merge realizar este cambio.\n\n### Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n\n\n","gitHead":"3639bc15c1bea37a14b412874058504c2c84564c","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @ Unholster","directories":{},"_nodeVersion":"16.18.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-28112022-3639bc1_1669660624500_0.5923656334683038","host":"s3://npm-registry-packages"}},"0.3.0-next-29112022-e93e221":{"name":"@unholster/seisveinte","version":"0.3.0-next-29112022-e93e221","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-29112022-e93e221","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"4bcc7b6d4d81729f64e1a5483be22ce066ab426d","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-29112022-e93e221.tgz","fileCount":193,"integrity":"sha512-1/g+Nnjlc/iW4moyBEHEae11E7wMWX+zq8Ybmgq1/Ra2uNL1l7bN7cg4kQhXwB0qY6uXnK1VxLezpNRKEIt/9A==","signatures":[{"sig":"MEUCIQDko8MfZUt87zIXuglZ64BsR7hgjg/j8BlPblRA6ltBXwIgIaCURPR2UCytOUjlOCz297htBCKKoyKDbtYjqkDB0mY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":379140,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhgB0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrtrQ/+J4ekdLnd41Fs69HjW6zdXWGlOxJS85cuJLvWgZ4h7xU5/RZt\r\nWotCPrWv3nQMRrGYAOyI51tftOrsx4gP/f6cjvuGN1o0gmES4XekT2rBYlnp\r\nvuBaYscOuAPZ3xI6T7kmau1BHrUuP266e5BSd0AYEWx3eMSCZKzBCu3K42uA\r\nu7mi/z5khUncpjLc4t/QGqr/uPhacv+jNgyP3K2SjZwYrHoAsQNlCIRMnaVT\r\n6zTlgAynbZhE961F2fJ1Cs5J+qVYPMcc9n1EIzlz5uVzAZiWkpU405c4y9nu\r\n6WwW8geGEAxkNglYB+lhFPr2rU+U8nvC5IAHcB8DmXOnMr/P0KUT5Fq3hSuk\r\nPSEqPC8QH6vUlWicMdxYPPZ2fHOeh+41Zd8hb65753k8fcbkB0neQfrHA8a8\r\nGMpJ9UPNL+41vLN/tlqJHUsjUA3R04MVbqbfmiAB8Pon2dhn8RZf//x9QJxr\r\n9zEvOiOL8i2vYaJ01AhnwjmIYQQwONjg2TSEknlBMdifpEoxQbpCpoRV0Twn\r\nr67FHJFzKRJi4dQ3HJGe+3gTR6+s7baumWYQmpOD9liFcdGnDiBpoan0zp8x\r\nzezUpTMzMNC+tD1h7qya6T57H2HhmBzL6XN8bvMt7r5wrLPP5WXMU8t2Fk63\r\n/g5Bvomy0Rt5q5lxfkbds0m6wZv4cgGvpIY=\r\n=s4vJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @ Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes al ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n\n- Luego llamar componentes como en este ejemplo\n\n```jsx\n\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n\n```\n\n\n## Instalación\n### Para trabajar solo en storybook\n\n1. Instalar dependencias  \n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\n\n### Para poder desarrollar en paralelo con storybook y un proyecto. (Opcional)\n\n1. Linkear seisveinte al proyecto.\n\n```sh\n# En seisveinte\nyarn link\n# En el proyecto\nyarn add \"@unholster/seisveinte\"\nyarn link \"@unholster/seisveinte\"\n```\n2. Linkear `react` y `styled-compoents` del proyecto a seisveinte.\n\nAl linkear seisveinte local al proyecto, el `node_modules` de seisveinte contiene su propio react y styled-components (para que storybook pueda funcionar). Por esta razón, sí sólo se linkea seisveinte al proyecto, aparecerá un error advirtiendo que hay dos react y dos styled-components instalados. Para reparar eso, los paquetes styled-components y react se deben linkear a los del proyecto.\n\n```sh\n# En el proyecto\ncd node_modules/react\nyarn link\ncd node_modules/styled-components\nyarn link\n# En seisveinte\nyarn link \"react\"\nyarn link \"styled-components\"\n```\n\n3. Hacer build de seisveinte para ver los cambios en los componentes en el proyecto\n```sh\n# En seisveinte\nyarn build\n```\n\n4. Iniciar el proyecto y storybook\n\n## ¿Cómo agregar un nuevo componente?\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.jsx\n│   │   ├── CategoryComponent1.jsx\n│   │   ├── CategoryComponent2.jsx\n│   │   ├── ...\n│   │   └── index.jsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n\n- Al mezclar a main, la publicación del paquete se hará de forma automática.\n- El requisito para que ocurra es que la versión en package.json debe ser mayor a la última subida en npm.\n- Es responsabilidad que quien hace el merge realizar este cambio.\n\n### Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n\n\n","gitHead":"e93e22121ced1b1fa7fea50f3a0e2b750e1a5dd8","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @ Unholster","directories":{},"_nodeVersion":"16.18.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-29112022-e93e221_1669726324008_0.9414770729522401","host":"s3://npm-registry-packages"}},"0.3.0-next-29112022-c2b23c9":{"name":"@unholster/seisveinte","version":"0.3.0-next-29112022-c2b23c9","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-29112022-c2b23c9","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"aaa3fa827a31fe8fd568ad880180d855c98a4322","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-29112022-c2b23c9.tgz","fileCount":193,"integrity":"sha512-q4jMG0gFgijTtH+fPF1x3zpImgbGDdNMALaujxhKxTzIquArXW6+v9kfHTLKguG8u3sT72+fiVPnc+qaBPMQMw==","signatures":[{"sig":"MEYCIQCXd6vuPctEpxGBgl7rl73j89dXeGy1Codp1RMljp1quwIhAPpsC6PXxhUIguGP7aS34Nbmp+csMPKoPEPGy+F91KPa","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":378841,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhgHNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp6EQ//Z/Fa5PqSX1tIT5kxrAo0FWZd9rxvdOe+VSI/EXxLsEK5Mf7T\r\nFopZo4Ktmhyka4H1tygkmDRuwSTWmhf9O193dhiD0/USi6erqD51hFrv1viQ\r\nsJNtZsv2viTWUMe58KBcnO4NfNPc6fht/LryP5Rp+maZx2PtLeosx5bXaG79\r\nK1G4dH8UMXh7/l4PcTNICEAa6Vyv/hSP8KvV2y6J9F8FaDtST8gVzIaV9qgj\r\nBplbH9QrDl+xujoH3hwZwgqN/qwzO36hp/wWRSDt3Tv9enk7JInMGqyTiFWB\r\n1RGT+ShAgiNKnkpwx/70Da3JZmsT8mkTJFAI13bQ8+jnXZa3U6HAerL0MLKp\r\n2wbkN4+FgVScYOLYwV4fskNc3cLCRL9XXsXdW8P6QLq6v5H4Txtz0OX33oT3\r\npT3hF+yYP/mEiAIwGoY9ytdUoJ2zBtUHhsU1qaSPf6e6kUIrriUlrvL3VQFa\r\nSLnK3ICnbqQhlJyEEp4ZjOkDGt/cdHhcOMRpKyiEeS8IlDzU9HV9NYSLtfEQ\r\nXrXL0b0n5GRm+tX+f7dmosxfl5yoS6TToO4YFVwvwaY42yFs2i8lge+g5ot0\r\n50JEwDO9A5F2wqhJ+jBUbKk+m5VucjZr3G94wspUBs/M3cO3x7qoE9rFA+np\r\nWRcEmEyiOaDmX8O0N7TnDUNhlacYIRMCz7o=\r\n=8gHU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @ Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes al ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n\n- Luego llamar componentes como en este ejemplo\n\n```jsx\n\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n\n```\n\n\n## Instalación\n### Para trabajar solo en storybook\n\n1. Instalar dependencias  \n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\n\n### Para poder desarrollar en paralelo con storybook y un proyecto. (Opcional)\n\n1. Linkear seisveinte al proyecto.\n\n```sh\n# En seisveinte\nyarn link\n# En el proyecto\nyarn add \"@unholster/seisveinte\"\nyarn link \"@unholster/seisveinte\"\n```\n2. Linkear `react` y `styled-compoents` del proyecto a seisveinte.\n\nAl linkear seisveinte local al proyecto, el `node_modules` de seisveinte contiene su propio react y styled-components (para que storybook pueda funcionar). Por esta razón, sí sólo se linkea seisveinte al proyecto, aparecerá un error advirtiendo que hay dos react y dos styled-components instalados. Para reparar eso, los paquetes styled-components y react se deben linkear a los del proyecto.\n\n```sh\n# En el proyecto\ncd node_modules/react\nyarn link\ncd node_modules/styled-components\nyarn link\n# En seisveinte\nyarn link \"react\"\nyarn link \"styled-components\"\n```\n\n3. Hacer build de seisveinte para ver los cambios en los componentes en el proyecto\n```sh\n# En seisveinte\nyarn build\n```\n\n4. Iniciar el proyecto y storybook\n\n## ¿Cómo agregar un nuevo componente?\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.jsx\n│   │   ├── CategoryComponent1.jsx\n│   │   ├── CategoryComponent2.jsx\n│   │   ├── ...\n│   │   └── index.jsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n\n- Al mezclar a main, la publicación del paquete se hará de forma automática.\n- El requisito para que ocurra es que la versión en package.json debe ser mayor a la última subida en npm.\n- Es responsabilidad que quien hace el merge realizar este cambio.\n\n### Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n\n\n","gitHead":"c2b23c996b38927a6cd87a9fd316e3ece6198111","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @ Unholster","directories":{},"_nodeVersion":"16.18.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-29112022-c2b23c9_1669726669759_0.013471579138985224","host":"s3://npm-registry-packages"}},"0.3.0-next-29112022-f5bc8fb":{"name":"@unholster/seisveinte","version":"0.3.0-next-29112022-f5bc8fb","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-29112022-f5bc8fb","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"047414a2da117024383f028ae96377b7e8cd275c","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-29112022-f5bc8fb.tgz","fileCount":256,"integrity":"sha512-zwPCbpQc/rw5H3q6TI9NQ/BzBlW/thCh5yz/OHzbMVxUc9/nMKg944L03Ed3M6vCAq6P7X4kaAQCMdKYCPaIHg==","signatures":[{"sig":"MEYCIQDDE/aVD7zllxPxAN1bt8c0x6+Qr97gmpmlSh5Dk1srGwIhAL4MqW0cbqKpd1ScjeGKyLySZyxHdWuXVp2Nmevi3+PV","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":492643,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhgkCACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqPUA/+K7W5kPKF7LVUfPPOHPe8h4efEMljiI6YHk5idn3Cj64M0Gn6\r\ntiqIt1acR9p31zznO+hWFnf03CZVfr/nGu1aw6ml6NZ1RBdkBsxdwA4VVtvw\r\n8LvUxRcf0WINkiMETCDeh6nRWwWw8AnE2a7DeViyrOaGyx9s2aC+gUspHpiP\r\nxQctkwR2FKw0rCZpkhWaU5iR+i+k2+d1CdJUeyTFL13yEqdm3i1LEyjCK2/t\r\naQUv+V6iNHSI89AbquBOch1dUKyUgHpxhXKqJqBOxWYHfvSf5EdDUuDY1UQn\r\noI3mHKxWEXFxTHYxC1YuOX7TpmYpgtB8RQC8Ds2hoW7D+1/+pmrqC6QqdsBO\r\n45DH8UdJSSE65a3Nbb2s2UT6ulaJTqTzDvZ51S6mtW4ieWUjRWqy9EdidPZB\r\nD41VQ+Pew4cIWW2GTXLjssujf/38TL+HDxEpCxcAGYVqSaxYeTJhCW5BE/Mv\r\nI3/R5lo+qprp3aq/X02o6//PPdnXa75ptBVbk+WQuRbwNMDiLVYmpi0TBia6\r\nTYbvZJt2lV/xFesFmyyUCbWXcNlYEUSE2qb1WZosACpemp7bj9nhIxzx+4gb\r\ni/BrIHqFOcE5rphWnGiHNDCbItZiyEdIr6kMMYxGGkfkbFf5/DVKWYs7IpeH\r\nd1wZxrXIibCwLvlJw94S3WGDWTPnNaixtE0=\r\n=F3Wu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @ Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes al ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n\n- Luego llamar componentes como en este ejemplo\n\n```jsx\n\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n\n```\n\n\n## Instalación\n### Para trabajar solo en storybook\n\n1. Instalar dependencias  \n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\n\n### Para poder desarrollar en paralelo con storybook y un proyecto. (Opcional)\n\n1. Linkear seisveinte al proyecto.\n\n```sh\n# En seisveinte\nyarn link\n# En el proyecto\nyarn add \"@unholster/seisveinte\"\nyarn link \"@unholster/seisveinte\"\n```\n2. Linkear `react` y `styled-compoents` del proyecto a seisveinte.\n\nAl linkear seisveinte local al proyecto, el `node_modules` de seisveinte contiene su propio react y styled-components (para que storybook pueda funcionar). Por esta razón, sí sólo se linkea seisveinte al proyecto, aparecerá un error advirtiendo que hay dos react y dos styled-components instalados. Para reparar eso, los paquetes styled-components y react se deben linkear a los del proyecto.\n\n```sh\n# En el proyecto\ncd node_modules/react\nyarn link\ncd node_modules/styled-components\nyarn link\n# En seisveinte\nyarn link \"react\"\nyarn link \"styled-components\"\n```\n\n3. Hacer build de seisveinte para ver los cambios en los componentes en el proyecto\n```sh\n# En seisveinte\nyarn build\n```\n\n4. Iniciar el proyecto y storybook\n\n## ¿Cómo agregar un nuevo componente?\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.jsx\n│   │   ├── CategoryComponent1.jsx\n│   │   ├── CategoryComponent2.jsx\n│   │   ├── ...\n│   │   └── index.jsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n\n- Al mezclar a main, la publicación del paquete se hará de forma automática.\n- El requisito para que ocurra es que la versión en package.json debe ser mayor a la última subida en npm.\n- Es responsabilidad que quien hace el merge realizar este cambio.\n\n### Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n\n\n","gitHead":"f5bc8fbdc456c600f7ad1381447203b50a6cbcd6","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @ Unholster","directories":{},"_nodeVersion":"16.18.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-29112022-f5bc8fb_1669728513963_0.22727890839270426","host":"s3://npm-registry-packages"}},"0.3.0-next-30112022-72daaf0":{"name":"@unholster/seisveinte","version":"0.3.0-next-30112022-72daaf0","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-30112022-72daaf0","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"15ae895b8cad4837f76c9a4ac06e46644714a87f","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-30112022-72daaf0.tgz","fileCount":256,"integrity":"sha512-nLa4Lmq6d2E5bfDDZ0KYx01QEsP+DCfIFyD2w3R/ufpA/amA3g+V6jRoRDnNkxN04O6pBHq/rO6YRoty9Uupzw==","signatures":[{"sig":"MEYCIQCmFWTwAwBAm1boX7Ksi7/dqfjuQ2KMYUQV6iTM8rot4AIhANK1AZ4HpP3NBWai5g1FeLxHYblFjXG6CJtJzJdWichY","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":494388,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjh1bFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqZ2g//RXyfSOs03XDvnAE6F9zsqCZ4qu2TslSwUrHctHxu7h9l5gSA\r\nHTC4N1ptad7I6qNrFJ/fOdKLUZgg2XkEUSmA7S8nlEeKzQ8H3wjOM44lYiP/\r\nF+EPZTFDmgX9wWSKLmGzwN6hyaa8flo+kGNsGN0M4t+Y3E5RwTpeBuUcu1Pj\r\nBKAuVYEs8NqSUVX1si5EDjzeV0K0i2x02Uy1f1D0LDMFu3Q/qakcS0SsRVgw\r\n3fEFOxBcDooDHYSSot7oysn83vH0I7Gq1zpJbCUB1qBhZO7p/fSnek+mmeDv\r\nEjRtV6TA0+qgItVYTtjn53c1/I4rdG0Oc6onhwQYx2WAwC19OFDe5NtiMlJO\r\n1OX1HK0o115QIT0eyC9Z9Xa1YELGMJrhrXseeRqqVtmHIaIvAohEnycWAcEQ\r\nrRO10rJuNAwz2d2HbUt6QGEZjZ690Hn706gb7KZThok7ofwyBvdZWSKW8vWU\r\nIkMY3FOj805rjM6bKWHAfzEH9RnmepPHhA8chr+JMaW7ArVmFL3LobfGbg0j\r\nXWF5kWQgLx7YPSqJaTOfY7YnYHSbXBhPB1Ggoo3omk/Bg6G5zeAONXN4zwUp\r\nErci45qc9kh9TNqG5/1FvlvQSKsq+mfqi1QpqmSAC1OlAz11wvHHfWg497ZV\r\n+wAETf2pgHnNNCuxWT/4SKQfK5Ou9uS6Zo4=\r\n=U4p0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @ Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes al ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n\n- Luego llamar componentes como en este ejemplo\n\n```jsx\n\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n\n```\n\n\n## Instalación\n### Para trabajar solo en storybook\n\n1. Instalar dependencias  \n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\n\n### Para poder desarrollar en paralelo con storybook y un proyecto. (Opcional)\n\n1. Linkear seisveinte al proyecto.\n\n```sh\n# En seisveinte\nyarn link\n# En el proyecto\nyarn add \"@unholster/seisveinte\"\nyarn link \"@unholster/seisveinte\"\n```\n2. Linkear `react` y `styled-compoents` del proyecto a seisveinte.\n\nAl linkear seisveinte local al proyecto, el `node_modules` de seisveinte contiene su propio react y styled-components (para que storybook pueda funcionar). Por esta razón, sí sólo se linkea seisveinte al proyecto, aparecerá un error advirtiendo que hay dos react y dos styled-components instalados. Para reparar eso, los paquetes styled-components y react se deben linkear a los del proyecto.\n\n```sh\n# En el proyecto\ncd node_modules/react\nyarn link\ncd node_modules/styled-components\nyarn link\n# En seisveinte\nyarn link \"react\"\nyarn link \"styled-components\"\n```\n\n3. Hacer build de seisveinte para ver los cambios en los componentes en el proyecto\n```sh\n# En seisveinte\nyarn build\n```\n\n4. Iniciar el proyecto y storybook\n\n## ¿Cómo agregar un nuevo componente?\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.jsx\n│   │   ├── CategoryComponent1.jsx\n│   │   ├── CategoryComponent2.jsx\n│   │   ├── ...\n│   │   └── index.jsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n\n- Al mezclar a main, la publicación del paquete se hará de forma automática.\n- El requisito para que ocurra es que la versión en package.json debe ser mayor a la última subida en npm.\n- Es responsabilidad que quien hace el merge realizar este cambio.\n\n### Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n\n\n","gitHead":"72daaf0b249a8f0e3aa581064d78a2d477c3fc08","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @ Unholster","directories":{},"_nodeVersion":"16.18.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-30112022-72daaf0_1669813956992_0.6929669265118659","host":"s3://npm-registry-packages"}},"0.3.0-next-30112022-4693912":{"name":"@unholster/seisveinte","version":"0.3.0-next-30112022-4693912","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-30112022-4693912","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"eb164cc03bad4f48253c1ff108347e9bbfd91a78","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-30112022-4693912.tgz","fileCount":194,"integrity":"sha512-uZBu5omGKnNvh2WCIJXYiAthvAvOpa/20TJBCzPlKzVb9lNkYSY93knpOAL4+aBPMrP8zT2sehmZptHl4N4Lbw==","signatures":[{"sig":"MEYCIQCNuge2JNN2MBYdGfaK+fjVgWibb6tss0xfalaUvIjoaAIhAOGkb2A1GIiKdSszHCFKXF/rWD1LXHrwwB1O20telyPo","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":350196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjh26DACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrzFA/9EJK0MhjYY6okV5TsFQU0vZLR81VIxCM8L7GS/IhuXsEwOKsx\r\n4sRjUsZ6aBobhchtWJMVcGxaYDc+SwR+odMe1ncOtlujedOwdxO4AunMBP/F\r\nDf0AvQn4EeW3gIGWYj8euIaIQbau+RmsCS/o3nU6799goMCC2eoRVkvo1G89\r\nhvGtmzqYaXS/LGcvt/uJsIewYqBvfuo19JHoIc4eJ42efv3nYFZTd6xskilg\r\nXJMR0pxFVmTy63PECmg5AgYE1hKwHnLBYuk8N4kwotZkqP4RUVA8IrCafOpT\r\nDbPfXXTSTmtKffBtsKXIE884OmqEpgSImjiHlb86YrGgKo6vDwPI2WHZhI37\r\n4xMNqtCiVYb9DEbQ2IanjINsd44gAojUI6mVnzvas7hIe/2rj63gFivcO85s\r\n2YBBDSZ401v9mYxx20GybZfiurhss+aNY84FsduS8fOSTJtfziZlv8K+p7mg\r\nIpLzh0qIh7Yf33P6F260MdNVuq1W8XZg2sGCnisxRyvcB0xu6E5HdPC+f2pp\r\nhh7faseULzjj1M3Y83FZYyzwwBcUE1Icv//+ARX+O1uYigMgd9xIlidHisaJ\r\nUtqUHbWVyYjzPob/VVvrHNBNLI/qH36XTCoyV6Dh+k9SnnGUfED5qdhw84P9\r\nLvNGHVdLjRmFeRdZtpcmIVSzR9l32xG/PA0=\r\n=pnv5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @ Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes al ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n\n- Luego llamar componentes como en este ejemplo\n\n```jsx\n\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n\n```\n\n\n## Instalación\n### Para trabajar solo en storybook\n\n1. Instalar dependencias  \n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\n\n### Para poder desarrollar en paralelo con storybook y un proyecto. (Opcional)\n\n1. Linkear seisveinte al proyecto.\n\n```sh\n# En seisveinte\nyarn link\n# En el proyecto\nyarn add \"@unholster/seisveinte\"\nyarn link \"@unholster/seisveinte\"\n```\n2. Linkear `react` y `styled-compoents` del proyecto a seisveinte.\n\nAl linkear seisveinte local al proyecto, el `node_modules` de seisveinte contiene su propio react y styled-components (para que storybook pueda funcionar). Por esta razón, sí sólo se linkea seisveinte al proyecto, aparecerá un error advirtiendo que hay dos react y dos styled-components instalados. Para reparar eso, los paquetes styled-components y react se deben linkear a los del proyecto.\n\n```sh\n# En el proyecto\ncd node_modules/react\nyarn link\ncd node_modules/styled-components\nyarn link\n# En seisveinte\nyarn link \"react\"\nyarn link \"styled-components\"\n```\n\n3. Hacer build de seisveinte para ver los cambios en los componentes en el proyecto\n```sh\n# En seisveinte\nyarn build\n```\n\n4. Iniciar el proyecto y storybook\n\n## ¿Cómo agregar un nuevo componente?\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.jsx\n│   │   ├── CategoryComponent1.jsx\n│   │   ├── CategoryComponent2.jsx\n│   │   ├── ...\n│   │   └── index.jsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n\n- Al mezclar a main, la publicación del paquete se hará de forma automática.\n- El requisito para que ocurra es que la versión en package.json debe ser mayor a la última subida en npm.\n- Es responsabilidad que quien hace el merge realizar este cambio.\n\n### Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n\n\n","gitHead":"4693912c66f62ded1b767513ed7fbc6ec0c68bf7","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @ Unholster","directories":{},"_nodeVersion":"16.18.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-30112022-4693912_1669820035048_0.21139410205596132","host":"s3://npm-registry-packages"}},"0.3.0-next-30112022-bfd3a4e":{"name":"@unholster/seisveinte","version":"0.3.0-next-30112022-bfd3a4e","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-30112022-bfd3a4e","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"59d651f5a5412cedb1c7b7b8c86c3a1f6b8b4cda","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-30112022-bfd3a4e.tgz","fileCount":173,"integrity":"sha512-Y9nVSi5rdOxoOnH6nUc1U3EY6ih8Jre/waAXAbjkcgRU1e/rGsO7qBxzmkk8EAGxD38X6ZHUCSABKYkC0SLVeg==","signatures":[{"sig":"MEYCIQCu9K99Ag3sY9yQDI2/dtkK5ao8jvQf1S6iY0ydf2DdgQIhAJmxsnov7dtwpv9i6jgTBheuaB1/B7xr/ROwj1TF6PZE","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":341494,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjh3oZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqQaw//eLUdwkNganfVxhJJPWiJIAXZj6alFenNCaou9RVN7aLn+CBk\r\nQBB2zJXt794zKQc784Fbo5YcKF1WM9t9eM276Fqautamf/9uriqy3tRHoY3D\r\nJx/cKKmw3CUVyLLrnieHEGWMRclW1r4zRshjibFuTZe9VemUn7M3rM1EUxMl\r\nyxCjd29uMfNaGxWqSmgOcxdW8Gz8i7seuMv8pASzudr5ukfJ3FKq+OS+kADJ\r\nrGLWCGUDr+qeOvz7ALUVbuuiMlfKh0E1/SEcWXfar+wqIkYgNoTat2GYa8gv\r\najnZrbJEZy1YwZi92Uy/h4OROrK7Oq32oM7btP0wk+iJgDOqmsT8ljLvXZ87\r\nzKjajBMDOEPWOV5sZAXFIG7KxH4Bea05F9Im1Ye/Xd0BOx3wAJtD6PN1nhn8\r\nDg1F37noXDYPTb9C3FFloI/ZkV2+almPdVOrFcHYdkdlAh8szAymI8m2nBCZ\r\nJdcVH05wqRHZUhL++B4jr95L5gCvSFabtGdukDXrGq529ldfCrZD4T1OQHbg\r\nvA8VOSOUFovfFWAXbUeLuCsVTe5bPloDh3ZdU5DgIAVZR0zoe28n07Pz9lFx\r\nufHxUo8r4VNwAv3wLl3s6Gjg0k5kja0fvAvsb68e3XTcOg4JT3vRo3pJ4tT5\r\n/oExxuc24dhTpywqAuzGFyjH2lPVU4hSQWI=\r\n=1ul6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @ Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes al ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n\n- Luego llamar componentes como en este ejemplo\n\n```jsx\n\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n\n```\n\n\n## Instalación\n### Para trabajar solo en storybook\n\n1. Instalar dependencias  \n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\n\n### Para poder desarrollar en paralelo con storybook y un proyecto. (Opcional)\n\n1. Linkear seisveinte al proyecto.\n\n```sh\n# En seisveinte\nyarn link\n# En el proyecto\nyarn add \"@unholster/seisveinte\"\nyarn link \"@unholster/seisveinte\"\n```\n2. Linkear `react` y `styled-compoents` del proyecto a seisveinte.\n\nAl linkear seisveinte local al proyecto, el `node_modules` de seisveinte contiene su propio react y styled-components (para que storybook pueda funcionar). Por esta razón, sí sólo se linkea seisveinte al proyecto, aparecerá un error advirtiendo que hay dos react y dos styled-components instalados. Para reparar eso, los paquetes styled-components y react se deben linkear a los del proyecto.\n\n```sh\n# En el proyecto\ncd node_modules/react\nyarn link\ncd node_modules/styled-components\nyarn link\n# En seisveinte\nyarn link \"react\"\nyarn link \"styled-components\"\n```\n\n3. Hacer build de seisveinte para ver los cambios en los componentes en el proyecto\n```sh\n# En seisveinte\nyarn build\n```\n\n4. Iniciar el proyecto y storybook\n\n## ¿Cómo agregar un nuevo componente?\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.jsx\n│   │   ├── CategoryComponent1.jsx\n│   │   ├── CategoryComponent2.jsx\n│   │   ├── ...\n│   │   └── index.jsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n\n- Al mezclar a main, la publicación del paquete se hará de forma automática.\n- El requisito para que ocurra es que la versión en package.json debe ser mayor a la última subida en npm.\n- Es responsabilidad que quien hace el merge realizar este cambio.\n\n### Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n\n\n","gitHead":"bfd3a4e531686e43a998c7b48192653363cd3d25","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @ Unholster","directories":{},"_nodeVersion":"16.18.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-30112022-bfd3a4e_1669823001323_0.6683572326281824","host":"s3://npm-registry-packages"}},"0.3.0-next-01122022-8913b0e":{"name":"@unholster/seisveinte","version":"0.3.0-next-01122022-8913b0e","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-01122022-8913b0e","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"0560c3115af30be897310effba7e2ed0b588e8f8","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-01122022-8913b0e.tgz","fileCount":209,"integrity":"sha512-+mCtbYgkCXPUz/ZMk+u0iYKXQOcmvAeO1UJadABOlbKhAh4UDfgGjkdZi5nrzmeBxnp2fQecEzQLu7Oh5RtyVg==","signatures":[{"sig":"MEUCIQDSv0Ksw5UP0wKi+9OlwNVeXHKdKc77cyxyn5FUskql7QIgDjbSxMBlmuoKUuqAVi5u6S4ZQkT8Jb3PVAhFEb8zRi8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":390583,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjiPH5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpy7w/8D+SaRQWJkoikcWWwhvL+fK1Xq80cLeEEI6usfXkfbeRuzQZM\r\nrdyQTZELyY/xID7+B5CCpOvH4GepqwfzyzDC64vR389Hk5PmkWPNKc88jI+i\r\n1wKeK1L+5YGxovbgsLu5zu2cZv4kCTCLCXeLydKsRCOk7P8TNGCcY1RYFMkd\r\nwz5wx4ipcJXlSUkNHRiyPHQf1FiakfYno/PG8/VC2Hl/J0QSMyKHffvLuO5j\r\nauzjURwBb1ttIRr2jYbZrapEb1KHYnzu/0Tm2IJOpkZx0H5FG414eqzvljF4\r\nvqw9pfUm4fTX+1/WIX+dn3Qmnn5QA20pLM3I3sexc/YaMDeka2eAvG+Meub/\r\nhBiK1/GVH3UV0DOxB/bKuVqLLqtC0cuYjkpa5S3b0eVdb7b7cXSim4jWluor\r\nCRW/w02pxEh7GclrEkXzD2gw9NaFbGxk14KK6rnOL+e9tcSv0NbAxIb5FMt2\r\nNgelZSbK+sCojsyk1JvxuXL6rwoWvP8hv5hQJmkE1PciuUKIyAxH1cmpJrij\r\n0th5/B7dqszJvA6JtMT1iUTnVyML8PzPc5EKUCqCP9FmBQlxdCeHQR2yXp20\r\nORg70IZDjjyaccx9l3twt44CoU89KnUOLwU44vrEy9FbqW+7OCH+rJuV5MWK\r\ng3nRLEwV/labOXpmHsoCICr9mFMG+bzlVTw=\r\n=j169\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @ Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes al ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n\n- Luego llamar componentes como en este ejemplo\n\n```jsx\n\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n\n```\n\n\n## Instalación\n### Para trabajar solo en storybook\n\n1. Instalar dependencias  \n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\n\n### Para poder desarrollar en paralelo con storybook y un proyecto. (Opcional)\n\n1. Linkear seisveinte al proyecto.\n\n```sh\n# En seisveinte\nyarn link\n# En el proyecto\nyarn add \"@unholster/seisveinte\"\nyarn link \"@unholster/seisveinte\"\n```\n2. Linkear `react` y `styled-compoents` del proyecto a seisveinte.\n\nAl linkear seisveinte local al proyecto, el `node_modules` de seisveinte contiene su propio react y styled-components (para que storybook pueda funcionar). Por esta razón, sí sólo se linkea seisveinte al proyecto, aparecerá un error advirtiendo que hay dos react y dos styled-components instalados. Para reparar eso, los paquetes styled-components y react se deben linkear a los del proyecto.\n\n```sh\n# En el proyecto\ncd node_modules/react\nyarn link\ncd node_modules/styled-components\nyarn link\n# En seisveinte\nyarn link \"react\"\nyarn link \"styled-components\"\n```\n\n3. Hacer build de seisveinte para ver los cambios en los componentes en el proyecto\n```sh\n# En seisveinte\nyarn build\n```\n\n4. Iniciar el proyecto y storybook\n\n## ¿Cómo agregar un nuevo componente?\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.jsx\n│   │   ├── CategoryComponent1.jsx\n│   │   ├── CategoryComponent2.jsx\n│   │   ├── ...\n│   │   └── index.jsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n\n- Al mezclar a main, la publicación del paquete se hará de forma automática.\n- El requisito para que ocurra es que la versión en package.json debe ser mayor a la última subida en npm.\n- Es responsabilidad que quien hace el merge realizar este cambio.\n\n### Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n\n\n","gitHead":"8913b0e5af6e43edc29a8cc0661469235919b959","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @ Unholster","directories":{},"_nodeVersion":"16.18.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-01122022-8913b0e_1669919225777_0.7042042270193212","host":"s3://npm-registry-packages"}},"0.3.0-next-01122022-ddf0666":{"name":"@unholster/seisveinte","version":"0.3.0-next-01122022-ddf0666","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-01122022-ddf0666","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"3e024bb25ae1721bc68f7db6395ebf08a0005c77","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-01122022-ddf0666.tgz","fileCount":232,"integrity":"sha512-AmBubJZ8HsMjWwWEF+oKm1UlBF+o4SybQVyoOQQCOmIxUt0uyEkJrREwVXyxSFP1eGSmb+DH8LM6WkLkGm3o3Q==","signatures":[{"sig":"MEYCIQDnkm8wOVghokbAkGH/l/klCR0JiLStxPV1opzdK6f4sgIhAPm6WCcxZu1/d2ufQ7CKyyIbkIMoR3CR85q+jM1SsOIG","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":460950,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjiROEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqCZA/+I9xGvJ2VxdoEk/pSPjd7+xRT86np/dXOGZ5OBIBwRE4Y/Gco\r\nKVWy2/GiTUHo3WQwzbpQURTTMTsWrMOLrAmMCI2yFR+mzYmmYuHz+kjBMSvT\r\nDdfaeUtAt2WSZkZyxk7tYR8ilBdKBUf7XQcnbyiGcA9Ex5StkL+pI7oavKRp\r\n10UWepavvcOc9AxKTHy+/yx2GYt/dtEf1I/TAK+BiLo/pOEyN2FyZB53vEzP\r\nXaLmac6zWetKB63bqi6v0zSQeIxghAQECD79QCfW+X24BFvJ071IGA/Q3Ldg\r\nOMo0af7fPgzF2A2DaiB9sjeKkce844X/QlAfSkcTTa7nhbsU+lV2/mHOuPiS\r\n7+cTM61Prum+qiyMlZ0M7Qc7hwPI8pq2JspNL+gzOdI4G57BHQKPMZSswdwX\r\n3yTeCsO1BlISji5CVWm/A42RuLxhmaH+oA/EvWWeDdFzU3DXsKD4LRpUg63r\r\nScj3rNlBWERI/9EeUceKTXFM01ekzclB5p8T00ZowBNbbubDk+awqg5W4xyB\r\nXqTVmWmk02BGlOer6fRrih0SU7mq9oOg7UL9b+W/DmUDMA/NmWwg+iBmMQt1\r\nlFLMDA7fzUilUSqHF3I2DnoIDXWIjfAU92qCYMQ0USsost8vzj2mMQa1Dswy\r\nB6Nn+WU0/ebkEIVq0VsVtv1K89Jzu+EZZEw=\r\n=l226\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @ Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes al ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n\n- Luego llamar componentes como en este ejemplo\n\n```jsx\n\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n\n```\n\n\n## Instalación\n### Para trabajar solo en storybook\n\n1. Instalar dependencias  \n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\n\n### Para poder desarrollar en paralelo con storybook y un proyecto. (Opcional)\n\n1. Linkear seisveinte al proyecto.\n\n```sh\n# En seisveinte\nyarn link\n# En el proyecto\nyarn add \"@unholster/seisveinte\"\nyarn link \"@unholster/seisveinte\"\n```\n2. Linkear `react` y `styled-compoents` del proyecto a seisveinte.\n\nAl linkear seisveinte local al proyecto, el `node_modules` de seisveinte contiene su propio react y styled-components (para que storybook pueda funcionar). Por esta razón, sí sólo se linkea seisveinte al proyecto, aparecerá un error advirtiendo que hay dos react y dos styled-components instalados. Para reparar eso, los paquetes styled-components y react se deben linkear a los del proyecto.\n\n```sh\n# En el proyecto\ncd node_modules/react\nyarn link\ncd node_modules/styled-components\nyarn link\n# En seisveinte\nyarn link \"react\"\nyarn link \"styled-components\"\n```\n\n3. Hacer build de seisveinte para ver los cambios en los componentes en el proyecto\n```sh\n# En seisveinte\nyarn build\n```\n\n4. Iniciar el proyecto y storybook\n\n## ¿Cómo agregar un nuevo componente?\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.jsx\n│   │   ├── CategoryComponent1.jsx\n│   │   ├── CategoryComponent2.jsx\n│   │   ├── ...\n│   │   └── index.jsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n\n- Al mezclar a main, la publicación del paquete se hará de forma automática.\n- El requisito para que ocurra es que la versión en package.json debe ser mayor a la última subida en npm.\n- Es responsabilidad que quien hace el merge realizar este cambio.\n\n### Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n\n\n","gitHead":"ddf0666e67da0619c80ed79e90c32a465ceb9f36","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @ Unholster","directories":{},"_nodeVersion":"16.18.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-01122022-ddf0666_1669927812425_0.11288480077907859","host":"s3://npm-registry-packages"}},"0.3.0-next-01122022-9a8299d":{"name":"@unholster/seisveinte","version":"0.3.0-next-01122022-9a8299d","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-01122022-9a8299d","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"d7775a1879058a820631826cb87c046a904beb7e","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-01122022-9a8299d.tgz","fileCount":232,"integrity":"sha512-XartdrX/ggKZN1myFtAutNXX8siYLkYWZiLvD8kX+mR+NAABunTI47QSXffizIwtQVvx1/78EOl3JFp7mOxhEg==","signatures":[{"sig":"MEUCIHtdI0x1LgFzhrZEFQDW7r5QtonCPB65u3BsutT6oS2IAiEAwzZJL/nsTuzgqGOhudc4IEGJ9JwbEtTI/evz7vjXgTU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":458068,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjiRPjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrAjRAApMLzF9BI0GQ8m9LEba1gksOCQqkiTMuum1p7FrgG43n39zNh\r\nzJlADsEsjR25eJ4f8ynJ6l3nScYrlgziZ4FEf1M1quMx9DPIrsAG2/DKIjfX\r\nROLxO+gpm56LfrbkEXBN5IdcLFmQLUL8tT+yAaD4AflF9I5HdBD5oYwXlqYa\r\n3DQMkxx28RTHtdbBT4JTjm9v9z9gd53+v/LthfIJ32sFAsm4ShI/YGB1HJyL\r\n4O5NnRK+3ZDvoG+VddP35itxFg2XX0RqWstx23O2hp28LqZLJhkUp9Y1TUAT\r\nwRo/HrfLS51I+4Z2NHH+RuvYtz0lCsDqXO1bEQdMqLoEVsBwAqMLZlck3u0M\r\nYbc/6YcF0OLMZidu0lTg7SU0mtj99RZoXLmYsjTc+BOFCpDhk4NG0u2v1Jr0\r\n16/Q2+ILI8/Fp9F5K8dZ32WrcIb3YoHJizfQ5GzjDYBqVsK1kSTul03rBfOh\r\nz3iKn4qnQsoAmzV2IdzbNSrMndGX6zpEmHGx5JV31q8jvvZvT/eTrf3pjcCW\r\n+9jTW8cXuUzsrsAUAWPtujLdPwFDvahxJOx9XYdw9wKwrn7TxWuW8D0ynR6r\r\nF6HnMFhln0JDEb74tAlsp2mlBDs8nfjxR7NIFIEBdGpAiF8L7SbrQEcVkSCZ\r\nSKK0D0b5wG7kuMuqgRwYG6tW6x9pxEKOQVo=\r\n=xma4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @ Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes al ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n\n- Luego llamar componentes como en este ejemplo\n\n```jsx\n\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n\n```\n\n\n## Instalación\n### Para trabajar solo en storybook\n\n1. Instalar dependencias  \n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\n\n### Para poder desarrollar en paralelo con storybook y un proyecto. (Opcional)\n\n1. Linkear seisveinte al proyecto.\n\n```sh\n# En seisveinte\nyarn link\n# En el proyecto\nyarn add \"@unholster/seisveinte\"\nyarn link \"@unholster/seisveinte\"\n```\n2. Linkear `react` y `styled-compoents` del proyecto a seisveinte.\n\nAl linkear seisveinte local al proyecto, el `node_modules` de seisveinte contiene su propio react y styled-components (para que storybook pueda funcionar). Por esta razón, sí sólo se linkea seisveinte al proyecto, aparecerá un error advirtiendo que hay dos react y dos styled-components instalados. Para reparar eso, los paquetes styled-components y react se deben linkear a los del proyecto.\n\n```sh\n# En el proyecto\ncd node_modules/react\nyarn link\ncd node_modules/styled-components\nyarn link\n# En seisveinte\nyarn link \"react\"\nyarn link \"styled-components\"\n```\n\n3. Hacer build de seisveinte para ver los cambios en los componentes en el proyecto\n```sh\n# En seisveinte\nyarn build\n```\n\n4. Iniciar el proyecto y storybook\n\n## ¿Cómo agregar un nuevo componente?\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.jsx\n│   │   ├── CategoryComponent1.jsx\n│   │   ├── CategoryComponent2.jsx\n│   │   ├── ...\n│   │   └── index.jsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n\n- Al mezclar a main, la publicación del paquete se hará de forma automática.\n- El requisito para que ocurra es que la versión en package.json debe ser mayor a la última subida en npm.\n- Es responsabilidad que quien hace el merge realizar este cambio.\n\n### Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n\n\n","gitHead":"9a8299d42f254a1d127d601feedcaad446033258","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @ Unholster","directories":{},"_nodeVersion":"16.18.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-01122022-9a8299d_1669927906891_0.8994479710699965","host":"s3://npm-registry-packages"}},"0.3.0-next-01122022-64587c7":{"name":"@unholster/seisveinte","version":"0.3.0-next-01122022-64587c7","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-01122022-64587c7","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"5a02d5121c41b638999b7bf1267b5e440136bf82","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-01122022-64587c7.tgz","fileCount":232,"integrity":"sha512-39D4VAtwtYy76CSc7uWQCaXJNldVVgwkjfT5hryLZobomPfxOKXfGF/38Q5A6t2y6reMxMRFKP1vTO8jgUPBiQ==","signatures":[{"sig":"MEUCIQDFDcHZwcdKLoHckI4irw93GYFC6qhzP0zttu0+WNqd4AIgBSOK1IKS6sXgcNsPMGWYfhqGw0zOYNjzalWP1ZW52io=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":459465,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjiRTxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoZSQ/+M8lrcDQghhQN209Oxq67rmAHsAXodrhT6AuUBsKl5Nzc9lq2\r\n8gk+BRe93EAxKyUxE4PGGtiz576t0f4DaopKeZ527TTQZi5DWBU7CuM6F07a\r\nfxt4xsOeyRRMk+1E+2Kl3etd8xbZ45/eeVwwPiVBjg/0f4721hZ7cYkGuEr0\r\nWRfSZ99ormeneDXJZJoZCpkgUIT/skxbMX9MkbiAI3w4BetIJq32cmsIdlTT\r\nwqmqpKy3JUlFvAj796t/ldz1cN5i2RfYVl+lZDyb0yotK077t3MI7rBAxhxf\r\nIjDgod+/5I4LYzELkPyisjncte0mZepXJJdcItCgbQpqpjgFMRSNQp24qV6p\r\nOOCcZZT2NdR90e0D9RIkH4SK1hvy5Du6JyWyKepiDAk99/q+MSE1G1j+BHu0\r\nuOy6hs+QWgeqM0OziwagH4RfkYFFy3S8xE20iJr90jFwpGr8s3g6G2PZTiSw\r\n7WSSQ4dU9hKsWGvxR/IhfOo5Dt7hB5I8jjKkIa9UzHUI/N1jsNyLd6d0hD7y\r\nF7z1XdE+jWSaEFjfMzBI52jRol9GE3FYTUddzZ8cfsTf90f63Rj54MtlMEHM\r\nlugXoflH8nmT0JfszAfP7E+twhgE3RtyXZbf1ls2gWUYCEN7bE83Hisxcqea\r\nnDZOzpNxOysQn8euKfsU+LcxdiFYOwgHQfs=\r\n=UNWM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @ Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes al ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n\n- Luego llamar componentes como en este ejemplo\n\n```jsx\n\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n\n```\n\n\n## Instalación\n### Para trabajar solo en storybook\n\n1. Instalar dependencias  \n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\n\n### Para poder desarrollar en paralelo con storybook y un proyecto. (Opcional)\n\n1. Linkear seisveinte al proyecto.\n\n```sh\n# En seisveinte\nyarn link\n# En el proyecto\nyarn add \"@unholster/seisveinte\"\nyarn link \"@unholster/seisveinte\"\n```\n2. Linkear `react` y `styled-compoents` del proyecto a seisveinte.\n\nAl linkear seisveinte local al proyecto, el `node_modules` de seisveinte contiene su propio react y styled-components (para que storybook pueda funcionar). Por esta razón, sí sólo se linkea seisveinte al proyecto, aparecerá un error advirtiendo que hay dos react y dos styled-components instalados. Para reparar eso, los paquetes styled-components y react se deben linkear a los del proyecto.\n\n```sh\n# En el proyecto\ncd node_modules/react\nyarn link\ncd node_modules/styled-components\nyarn link\n# En seisveinte\nyarn link \"react\"\nyarn link \"styled-components\"\n```\n\n3. Hacer build de seisveinte para ver los cambios en los componentes en el proyecto\n```sh\n# En seisveinte\nyarn build\n```\n\n4. Iniciar el proyecto y storybook\n\n## ¿Cómo agregar un nuevo componente?\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.jsx\n│   │   ├── CategoryComponent1.jsx\n│   │   ├── CategoryComponent2.jsx\n│   │   ├── ...\n│   │   └── index.jsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n\n- Al mezclar a main, la publicación del paquete se hará de forma automática.\n- El requisito para que ocurra es que la versión en package.json debe ser mayor a la última subida en npm.\n- Es responsabilidad que quien hace el merge realizar este cambio.\n\n### Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n\n\n","gitHead":"64587c78a8d383e657d5e4a814ef6002904d7d2e","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @ Unholster","directories":{},"_nodeVersion":"16.18.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-01122022-64587c7_1669928177490_0.8944414577158313","host":"s3://npm-registry-packages"}},"0.3.0-next-01122022-03bb89e":{"name":"@unholster/seisveinte","version":"0.3.0-next-01122022-03bb89e","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-01122022-03bb89e","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"8ab9d4a7d354a99296daea5f466d3387e76b37b6","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-01122022-03bb89e.tgz","fileCount":247,"integrity":"sha512-Da/uSboerJpg2/mapgRvFwqdeRt1zWLPhzQMUpStqTeIq2H/7iP2ZZOEMzIpVfNpeN4svFuouBGG9y0+UbOJkg==","signatures":[{"sig":"MEYCIQDQnKUQ1+fbTXuupcbP/Vg732ymChGkw6n/RiHRTJijtgIhALqZYgag4YmX24H/thal0jc0YMl/LQ4I6pXG70GpUFI2","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":498035,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjiRoZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpW0w/+JnNy8pdjL7s4WY5PgkmPtdOTwljrTl673I+gWovCbQejEFHQ\r\nW3GN+ZUj3OJnbL/sNEok+GAdYQQ0ZFd6iivxp4HVChZxwsPdIwyI92GWlIaI\r\nQ0T/Zhx6vxeZB+5A3SR6ow5EdSmK80K9uboC09LLW+j83EpW+Xv5eSpfoOyB\r\nQHJfjx6syoKlPjfBE9xr+cxOkOSVLim/TmFVru/7Vc/OkcFLgrjXSRB9WyX5\r\nWeeHDzro+Q/XmoJORKl5Se9g/joqdzE1FVa85U0crtJFRUJw35NyxjzBjXbz\r\nA7Mrx5tBX5IREqrILf+IJN3wkHqDCUKeNp3Gc1mHH2s4UracTfYHoZxJwMmU\r\nzYr4nJvU5pQ1YyP4ZxNrgSRqWRxU2t+80iRu2ACXMyjMtwOJl+9TJa/bEOYu\r\n615nv4ZzbhZM4TOXjwGQq91Gll7RcEmWb7pggEkHBsSG3aSQqkfuT+ZcPQ+7\r\nEobbmvrG+HO+0iYNh89+J6cM1lA4dh6K9kwCd5g1FGZJfL2T6GA4rwt5d9/3\r\nPlhMThPSWUtecGujk69gYop17cMWO2n1kBk4t4sb5A1NrXWU+kh7t3ULYjZU\r\n+ASSCTupDqPuruRgdBIV1rOwGC89md8Vb/bL0dUXFCzlO7buSuWjTjDRwe0W\r\nqO/bkh6MmMUdZ9kyB9/iaNdivs9NLX/0KqY=\r\n=8tWg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @ Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes al ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n\n- Luego llamar componentes como en este ejemplo\n\n```jsx\n\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n\n```\n\n\n## Instalación\n### Para trabajar solo en storybook\n\n1. Instalar dependencias  \n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\n\n### Para poder desarrollar en paralelo con storybook y un proyecto. (Opcional)\n\n1. Linkear seisveinte al proyecto.\n\n```sh\n# En seisveinte\nyarn link\n# En el proyecto\nyarn add \"@unholster/seisveinte\"\nyarn link \"@unholster/seisveinte\"\n```\n2. Linkear `react` y `styled-compoents` del proyecto a seisveinte.\n\nAl linkear seisveinte local al proyecto, el `node_modules` de seisveinte contiene su propio react y styled-components (para que storybook pueda funcionar). Por esta razón, sí sólo se linkea seisveinte al proyecto, aparecerá un error advirtiendo que hay dos react y dos styled-components instalados. Para reparar eso, los paquetes styled-components y react se deben linkear a los del proyecto.\n\n```sh\n# En el proyecto\ncd node_modules/react\nyarn link\ncd node_modules/styled-components\nyarn link\n# En seisveinte\nyarn link \"react\"\nyarn link \"styled-components\"\n```\n\n3. Hacer build de seisveinte para ver los cambios en los componentes en el proyecto\n```sh\n# En seisveinte\nyarn build\n```\n\n4. Iniciar el proyecto y storybook\n\n## ¿Cómo agregar un nuevo componente?\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.jsx\n│   │   ├── CategoryComponent1.jsx\n│   │   ├── CategoryComponent2.jsx\n│   │   ├── ...\n│   │   └── index.jsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n\n- Al mezclar a main, la publicación del paquete se hará de forma automática.\n- El requisito para que ocurra es que la versión en package.json debe ser mayor a la última subida en npm.\n- Es responsabilidad que quien hace el merge realizar este cambio.\n\n### Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n\n\n","gitHead":"03bb89e6c0153fcc7f14ce15ef8f008112a1a439","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @ Unholster","directories":{},"_nodeVersion":"16.18.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-01122022-03bb89e_1669929497329_0.1710163552525028","host":"s3://npm-registry-packages"}},"0.3.0-next-01122022-3263ad5":{"name":"@unholster/seisveinte","version":"0.3.0-next-01122022-3263ad5","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-01122022-3263ad5","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"b3e38d86530f7caf6dd45ffcfedf38117842322b","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-01122022-3263ad5.tgz","fileCount":247,"integrity":"sha512-vxeeN5zAAVvDrm48nbGxQkPaGIdMYLZi1g5jUIgK1dGLNqNYw1+zehGAemkFQVXAFCgadLFJQWAoQzI4kLUEBg==","signatures":[{"sig":"MEUCIQDvYietpNnOoq9IZJQXYsHznRZzNeUzxYYtPxzdCXQkbQIgKZ58BWmyQDjhqBvvYaoSUCc8IplU0rMO7YESw65HLNI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":499532,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjiRsFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqgMxAAmGlDAv0PY31Kb0kXSieyvnHzcPkywWC7dGChO4HmWwY5fv90\r\nWsZ/X+xS9hT3SMcfteK2v1WJbi7kHZEYF+zufncMqG12PYYIULc5FWVVd09a\r\nfFGLNVw+pPNznl7U6w08PwWySRUP4fWF7/RkW+wFBYz6jIprEtCLu+LbqwNb\r\nFQaerFHIKgO62mVfHLgY7b0c1+LUhLergIu2hsZLVWMIdGQ15aNzSewBJEg6\r\n46MVZSJAm/fpplLaLdOxQXijEQwYRO+totOP8PmvRLpXcLeajIekY35hlLKP\r\n1YQsnQ6bVljkY3xUbZS2KbI1FDlLa7XPWm4IbRXdCtL5n3hqQCx5JXDz2nXo\r\nUjM5mbNCbwtxBcwUJeum8mKkbacOa1Zuek3IuzyvuhFFhQxHr3s1TxQoRima\r\nTdeuWp1nLOpl6jE4i1RvI4K5l9A/rBC3Yf6srQga1aBPYO0Mk/y1kXlL+fdO\r\nYFrzfLfd9HMGmmcRl/lLqnyyNypAuGYYrUhp9+5VGno0lIrw1F6TMleU4fhq\r\nEtbxeiLnRozx7pX6jlCsxYPHZP27fgR1eOw1tPKeG+sQtLJbQ6TwBTI6zL1O\r\nSuDgyUYPpM4hbAqwC83XlkNQQ3KvhDX8+P5cqsUKmc8RjOKD/T0SxWN0eBCt\r\nYyNfU/UgDFB9Q/mdW6bWlPDnyKw3uPWZSwY=\r\n=Wldw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @ Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes al ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n\n- Luego llamar componentes como en este ejemplo\n\n```jsx\n\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n\n```\n\n\n## Instalación\n### Para trabajar solo en storybook\n\n1. Instalar dependencias  \n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\n\n### Para poder desarrollar en paralelo con storybook y un proyecto. (Opcional)\n\n1. Linkear seisveinte al proyecto.\n\n```sh\n# En seisveinte\nyarn link\n# En el proyecto\nyarn add \"@unholster/seisveinte\"\nyarn link \"@unholster/seisveinte\"\n```\n2. Linkear `react` y `styled-compoents` del proyecto a seisveinte.\n\nAl linkear seisveinte local al proyecto, el `node_modules` de seisveinte contiene su propio react y styled-components (para que storybook pueda funcionar). Por esta razón, sí sólo se linkea seisveinte al proyecto, aparecerá un error advirtiendo que hay dos react y dos styled-components instalados. Para reparar eso, los paquetes styled-components y react se deben linkear a los del proyecto.\n\n```sh\n# En el proyecto\ncd node_modules/react\nyarn link\ncd node_modules/styled-components\nyarn link\n# En seisveinte\nyarn link \"react\"\nyarn link \"styled-components\"\n```\n\n3. Hacer build de seisveinte para ver los cambios en los componentes en el proyecto\n```sh\n# En seisveinte\nyarn build\n```\n\n4. Iniciar el proyecto y storybook\n\n## ¿Cómo agregar un nuevo componente?\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.jsx\n│   │   ├── CategoryComponent1.jsx\n│   │   ├── CategoryComponent2.jsx\n│   │   ├── ...\n│   │   └── index.jsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n\n- Al mezclar a main, la publicación del paquete se hará de forma automática.\n- El requisito para que ocurra es que la versión en package.json debe ser mayor a la última subida en npm.\n- Es responsabilidad que quien hace el merge realizar este cambio.\n\n### Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n\n\n","gitHead":"3263ad5261ea1288309b1ed9cb58ceb91aa17ee3","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @ Unholster","directories":{},"_nodeVersion":"16.18.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-01122022-3263ad5_1669929733133_0.13902771201215613","host":"s3://npm-registry-packages"}},"0.3.0-next-01122022-d7faed9":{"name":"@unholster/seisveinte","version":"0.3.0-next-01122022-d7faed9","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-01122022-d7faed9","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"86c9fe47666420e534aec02f5c5f5b06641b985d","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-01122022-d7faed9.tgz","fileCount":247,"integrity":"sha512-xQyp2MAIr1wJUW5b6zq0hOh/EIFZhuR7exDe0eRIOGyQNVdyvhLxrJiij9G6wt0BTuLhyImLl2mHZDqpcogyWQ==","signatures":[{"sig":"MEQCIB9Xn/6Mx0h6oflfUXIIi5aC0Rr+hsENtdFF07LYlKafAiAzDWFOgBJIyQZck2gGci5UOF9G825MpWc6wBAN8igzng==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":499620,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjiR9CACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqK4Q//aJi83qlxCYoK4DSZv6rgpr//NvkyGNxNU9GVvMBiqW+VuSzz\r\nZMm66DOX6S6mUrq9Ikn+VJSkSHgnMos5ty5lOg9g1tAh71vLQO7vu+WPaym8\r\nhw4gJb6Tozvv0/uW9ClpcwIYic+uoDDNvrELYD5wdypxmWugsNlD6t16yxTc\r\nQdPNfouT9mcKdnmrO7VsXNc77VJrJ24HAUsG2YVCI4h6lopIuUyE8wMUrMKe\r\nAd9PEwlAIp2NPnRPI35fDcoTXuJ9ZpAScNt5kbu+FnBwItIt5vjahUSIfSB0\r\nUz+kJGDEZj90ivRtuJcETNIBN6doAvczBeIrqCw3st6JRQNpZNl7sGjZJ0ZU\r\nhPS1wzALgsi9GCszlN13JqOmhLQRgdj+sImbXL84bQnXilwAlKePKgs2z9e2\r\nwZHDsYlKZFZOAFBKSgcfC16ltPWt9LR0bxzrzJ46CkgXox0/v8GWjumZW6IA\r\n7VRMinj25fcnFrRwxkcqz7DUbgVtBAjhJy/6cJbJEp+fDvD5ccisS7owurnw\r\nAYezLOHvZ+jvqegfJ7DSxji3EAUIcOb74hV5CPPe/KHvpvt+HPxUNM36EQL5\r\ngVdF0Py2djE9mMwNiwJA4Fp6+peNQDLSqeJ9+/Z9Qd+1t0HEj9dw1wKfKBQd\r\nNvFSqEYM+JH0g/sRohgEHCd/r5QxViQ4U9I=\r\n=9/Jk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @ Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes al ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n\n- Luego llamar componentes como en este ejemplo\n\n```jsx\n\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n\n```\n\n\n## Instalación\n### Para trabajar solo en storybook\n\n1. Instalar dependencias  \n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\n\n### Para poder desarrollar en paralelo con storybook y un proyecto. (Opcional)\n\n1. Linkear seisveinte al proyecto.\n\n```sh\n# En seisveinte\nyarn link\n# En el proyecto\nyarn add \"@unholster/seisveinte\"\nyarn link \"@unholster/seisveinte\"\n```\n2. Linkear `react` y `styled-compoents` del proyecto a seisveinte.\n\nAl linkear seisveinte local al proyecto, el `node_modules` de seisveinte contiene su propio react y styled-components (para que storybook pueda funcionar). Por esta razón, sí sólo se linkea seisveinte al proyecto, aparecerá un error advirtiendo que hay dos react y dos styled-components instalados. Para reparar eso, los paquetes styled-components y react se deben linkear a los del proyecto.\n\n```sh\n# En el proyecto\ncd node_modules/react\nyarn link\ncd node_modules/styled-components\nyarn link\n# En seisveinte\nyarn link \"react\"\nyarn link \"styled-components\"\n```\n\n3. Hacer build de seisveinte para ver los cambios en los componentes en el proyecto\n```sh\n# En seisveinte\nyarn build\n```\n\n4. Iniciar el proyecto y storybook\n\n## ¿Cómo agregar un nuevo componente?\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.jsx\n│   │   ├── CategoryComponent1.jsx\n│   │   ├── CategoryComponent2.jsx\n│   │   ├── ...\n│   │   └── index.jsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n\n- Al mezclar a main, la publicación del paquete se hará de forma automática.\n- El requisito para que ocurra es que la versión en package.json debe ser mayor a la última subida en npm.\n- Es responsabilidad que quien hace el merge realizar este cambio.\n\n### Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n\n\n","gitHead":"d7faed97599441385bbe4b382b90119f123d9cbd","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @ Unholster","directories":{},"_nodeVersion":"16.18.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-01122022-d7faed9_1669930818171_0.905369829777249","host":"s3://npm-registry-packages"}},"0.3.0-next-01122022-879efae":{"name":"@unholster/seisveinte","version":"0.3.0-next-01122022-879efae","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-01122022-879efae","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"27fd5559183e3d3c0ea3b7502fc2abc98480895b","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-01122022-879efae.tgz","fileCount":247,"integrity":"sha512-yVD8a1Rrc7DwnnsklPRpM54NBosoFbwRjIQdWbg6GRMY0Rs6boXD1EfT6UdUHji2rG4MTaBhZOz0HkRctIivIA==","signatures":[{"sig":"MEQCIEEPmjOcf0C/1gwym8jkDU3/2MFSuJ77pKjH7Gb8hFlJAiAKTfFRnma7Ba+GyNILHXSeRdiiWLnYW3Am+78MUV8zlA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":499620,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjiSBUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpygA//aKhScbqW335VeIY+mipZyR1oq2GcEe9caOksdkEt3x9MLxIP\r\nBqPSyZJ0k1TUOBMC5Uou1oe2RAeweO3unIK+1DW7MOKtCyrkBNkJgT6841mB\r\nW+glsq9pmprmS0PVBeWKth6ZaWDwk66CzM8ZW/efrQz3TO9uRHCiS0CRiK7Q\r\ni7/GVXdAUNj31QPpkGrg6twl3/see1Kk4OQQ8hVVGa/O6KLrX6t2Hwp40ruP\r\nsGrB6K4oVfkqkMLEOTIbqKo609M2vYETt478nUEucj1aMad1gPnmKig8JZzz\r\n2qYrNpHSs2ddUdr6oV34MQampBsq1GHR1o1cYIZh94nSCMrleENqqOpsLftM\r\nx4JKaHFSNNz5IVT98Yt+/QxnRi13LH9LWEABdDaSbu/TAeXb36QMLhjJK9ha\r\nEsBv53kxVkZ7Xjjw1E4KvkO8seqhsS1a2p+VLqxLIfoZF65mf31/jIQ2+9OW\r\nAEHmfDgC89Ccl0eiovVnTrxu1Wwe0iy084N8z6ozDFHtM6rJ/8X4unTjQsQe\r\nJEHNE1X/4mN68zdOfO/QmoBYZoBMnse2wAaXl2ptSGF88fTGE50YFuurqQql\r\n3+K7f03JoF7wm4mBtC20oA9GqpA/rSB7cAVk9GS+zQiY0iYXD/Mnp6y/o03E\r\ndygTjtMOPgsX/upTrKzUDW3Dr2MornlFJv4=\r\n=MUbB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @ Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes al ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n\n- Luego llamar componentes como en este ejemplo\n\n```jsx\n\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n\n```\n\n\n## Instalación\n### Para trabajar solo en storybook\n\n1. Instalar dependencias  \n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\n\n### Para poder desarrollar en paralelo con storybook y un proyecto. (Opcional)\n\n1. Linkear seisveinte al proyecto.\n\n```sh\n# En seisveinte\nyarn link\n# En el proyecto\nyarn add \"@unholster/seisveinte\"\nyarn link \"@unholster/seisveinte\"\n```\n2. Linkear `react` y `styled-compoents` del proyecto a seisveinte.\n\nAl linkear seisveinte local al proyecto, el `node_modules` de seisveinte contiene su propio react y styled-components (para que storybook pueda funcionar). Por esta razón, sí sólo se linkea seisveinte al proyecto, aparecerá un error advirtiendo que hay dos react y dos styled-components instalados. Para reparar eso, los paquetes styled-components y react se deben linkear a los del proyecto.\n\n```sh\n# En el proyecto\ncd node_modules/react\nyarn link\ncd node_modules/styled-components\nyarn link\n# En seisveinte\nyarn link \"react\"\nyarn link \"styled-components\"\n```\n\n3. Hacer build de seisveinte para ver los cambios en los componentes en el proyecto\n```sh\n# En seisveinte\nyarn build\n```\n\n4. Iniciar el proyecto y storybook\n\n## ¿Cómo agregar un nuevo componente?\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.jsx\n│   │   ├── CategoryComponent1.jsx\n│   │   ├── CategoryComponent2.jsx\n│   │   ├── ...\n│   │   └── index.jsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n\n- Al mezclar a main, la publicación del paquete se hará de forma automática.\n- El requisito para que ocurra es que la versión en package.json debe ser mayor a la última subida en npm.\n- Es responsabilidad que quien hace el merge realizar este cambio.\n\n### Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n\n\n","gitHead":"879efae662bbb74050d985fc273a0a5e8866f22f","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @ Unholster","directories":{},"_nodeVersion":"16.18.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-01122022-879efae_1669931092639_0.3700410887154375","host":"s3://npm-registry-packages"}},"0.3.0-next-01122022-83c4530":{"name":"@unholster/seisveinte","version":"0.3.0-next-01122022-83c4530","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-01122022-83c4530","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"d4a9ea145fb7ab48a515a3b4880ab26c9c3afcda","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-01122022-83c4530.tgz","fileCount":247,"integrity":"sha512-lSWp/NulVMjFOvlCLVQnVdQj+amjJ7zbR8czP68+0XCBTShrXqMs62OtQaes5UpxKQnmgatuxyFrghkfTKR0wg==","signatures":[{"sig":"MEUCIGj8sMwzH/ewhdXV1CWwnHQL7yX1Sf+uyCaEIApnqsTyAiEAhABkt7COTpHvWP7BC4gptvpOXVOYrMAYwVg7SIs4qTI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":500151,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjiSCcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq40w//VueN5B3AH1h9FsOAsH+wT0cB7A0e0iOewOirkOkqDMlPS0wn\r\nLIBAB2KkWt7NWzM/ghSJXRnYAkgjjeZuGuONQciYWoqcE671XL8Lfgf6496o\r\n/b2gCLX8+MOAydLTycbkzqDvbXV/fvEPv5s3GMQqCUbI4xegRyBNF2J3AuAT\r\nTLX/WstLu4+159FuzUt4Fe9Jji7yF+H4j4r/SSjtt8/D580HY/MDaEjKrh5n\r\ndxDT6DUTMhTgRCRPhaGU6GW+jJa9qtPNtBhvywuIuMvyQhat1KlxwVi/y+Op\r\n0hSup1dt/7IH5zfAJt4FC1hYxP2tn9gBGjcGbE+w4g6B/P7EQMP9ERtCDd5w\r\nMlqzje0T9WmLwpc71uXBW8L540lhZNd52dsO6LWB+O9+gzkaVca0I2fB/NdI\r\nYZbFREFzQhNVnEjeIxzO/+sU0noH8ZegLH5OAc6M6SNcj9kik2hKCvrdCeqS\r\neOoJwaHufkocxwO1h990trWkHrLyL8VQZ4siyfx+7WCZ8cU7Q+ZrsZ9Dp8pW\r\niHwfc+41NRfyBiJpiIBDE4bwLAnYeA/bHGkW0FtDruuVWhlgby9iwy8TGnV1\r\n2cLlZXSeiY1ppVnA4lSBhbS4Ska9LNsy8cGKoHZ6pnRwNiUFxctujTh382p7\r\nPmV+eSakX0y5Gn2Y1H4zVyjs4iTPFkmv6JI=\r\n=uxD9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @ Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes al ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n\n- Luego llamar componentes como en este ejemplo\n\n```jsx\n\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n\n```\n\n\n## Instalación\n### Para trabajar solo en storybook\n\n1. Instalar dependencias  \n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\n\n### Para poder desarrollar en paralelo con storybook y un proyecto. (Opcional)\n\n1. Linkear seisveinte al proyecto.\n\n```sh\n# En seisveinte\nyarn link\n# En el proyecto\nyarn add \"@unholster/seisveinte\"\nyarn link \"@unholster/seisveinte\"\n```\n2. Linkear `react` y `styled-compoents` del proyecto a seisveinte.\n\nAl linkear seisveinte local al proyecto, el `node_modules` de seisveinte contiene su propio react y styled-components (para que storybook pueda funcionar). Por esta razón, sí sólo se linkea seisveinte al proyecto, aparecerá un error advirtiendo que hay dos react y dos styled-components instalados. Para reparar eso, los paquetes styled-components y react se deben linkear a los del proyecto.\n\n```sh\n# En el proyecto\ncd node_modules/react\nyarn link\ncd node_modules/styled-components\nyarn link\n# En seisveinte\nyarn link \"react\"\nyarn link \"styled-components\"\n```\n\n3. Hacer build de seisveinte para ver los cambios en los componentes en el proyecto\n```sh\n# En seisveinte\nyarn build\n```\n\n4. Iniciar el proyecto y storybook\n\n## ¿Cómo agregar un nuevo componente?\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.jsx\n│   │   ├── CategoryComponent1.jsx\n│   │   ├── CategoryComponent2.jsx\n│   │   ├── ...\n│   │   └── index.jsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n\n- Al mezclar a main, la publicación del paquete se hará de forma automática.\n- El requisito para que ocurra es que la versión en package.json debe ser mayor a la última subida en npm.\n- Es responsabilidad que quien hace el merge realizar este cambio.\n\n### Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n\n\n","gitHead":"83c45303c68be98e1eb5d922c5294dd9740060b3","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @ Unholster","directories":{},"_nodeVersion":"16.18.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-01122022-83c4530_1669931164665_0.09380596145940334","host":"s3://npm-registry-packages"}},"0.3.0-next-07122022-8d1fc3a":{"name":"@unholster/seisveinte","version":"0.3.0-next-07122022-8d1fc3a","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-07122022-8d1fc3a","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"36a2f17614fd8389a211584badc8e096975c3abf","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-07122022-8d1fc3a.tgz","fileCount":247,"integrity":"sha512-cBsrKHyvlQ/nYmvXwNCSKCQYQHtlu29a263TxZuaURVMNnTWKcxRjAEF7JQUvLDGnBv5IY6P0aVX2y7viW7aWQ==","signatures":[{"sig":"MEUCIERSGOw5xxc4WjDRoNcN01Imm7XvFKCYR4CZfKIBN2c+AiEAqVlm2pEUJDNryBDTDIA9JJiLzJv8VeEqQ+I2W5+CH5g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":502591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjkM/ZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmofIA//c8QcCBHtOm9JM+P4f0xr2ExS4UiuPW2WB1kQFPuB60SeKg1V\r\n0BsPzuHoCYWbG29dxCGqvGaboCassA7KnyqdFqfGXwAraXyh7nQ+H+6N2heb\r\ncn7QTTSAolQhbiMVjPj7WGElSp6b5VFTipZejly0QrJLLTjfH073l880cNaj\r\n0cvSij6rXma6TPOdZzrbW9rAVTYdDBZGHwu7gcyVQKK2nuRI8/gg2/IMZt9u\r\nwZ8xTRDz3uyoqZrMCh/vP+m+HlENgU6nivkvs4K1J34Aldp0d55nsRbLzpkP\r\nm3DdI+M+XyZAc8Z8KVOb8smawzt5vYwzueyBj6z7tBrlH+yMl63LfzhbY/XY\r\nWSZdBUnmD/h5qJa96653I5do7Jjxw+1N77dwNDkVxDpXim5GuppLSuttaXft\r\norlDd0WpU9QSOEx9hjqBP58c9p5I94QmQSBeJlDVaDtWroN13zR9DGe0yvoN\r\nC1ltwz4c5EP8il5ftBDW8iya9mhY4kvY2dqYPBIDKyi+zKiEuqX4qsWTlonD\r\nO1a9ClH0MFYDwdirKHrgl0MsrcfeSDD1dmvpjHip3jOx8Hml5+hPyK3a05LA\r\nWi3Y8QU+aRm0hrJU//PXkmz/NURterVzNAje2btmhpgDkLPpwWFFMgGGJGch\r\neW3OR3sPKkibEN4WOiHh1Y6/Sn3sOGixy5E=\r\n=LMwp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"8d1fc3ac9feb5f4e43147ca1179d0c0cfb0fae72","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.18.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-07122022-8d1fc3a_1670434776972_0.5856417034263186","host":"s3://npm-registry-packages"}},"0.3.0-next-07122022-1387376":{"name":"@unholster/seisveinte","version":"0.3.0-next-07122022-1387376","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-07122022-1387376","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"cd154463d1c92e3b0feece92ba76aad64fcec9ed","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-07122022-1387376.tgz","fileCount":247,"integrity":"sha512-4wCXPSwIatVnuqLCLEILYr4UQMscTyy2ocHC52oRGL7ZLbZ1PD3hJq0Inte4YP7ugM/ED+pC3n2R4fBEFG7v8Q==","signatures":[{"sig":"MEQCIDX/Q6ohLBX6YaV0n8yJfyashXwGGhWkt/8a8JcAJeq6AiApBTNGJAqKeeWCBauMF55sZmGi/TYr9f96O+QYNcjDfQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":503092,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjkP4OACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoU/Q//Qf3SeaIqwIombJc8E0ie/F6I2RrHZX3PcK7r41RRgEFt7AA1\r\ndjN0uSuABAxG2Syov4VBrsgrAyqjplhRpOcqICoYoZDF351N1j88n/2ScL34\r\n14I9gC3pz2rHMB5GmL91gENr9dwxNTZ4RyRbfJmjQGPRhdjfPmligRCuVamI\r\nBbbdeqvidhhJL8QLKmcCnCqOic2kVF0PRXcNgX3q9aHeG5WcVYp5Fx2EWtLf\r\nUamp6zvybymZALErJ/6vO07hrZZ9KOWettyzrtnO1yNNhPzA3uAq0pxMq4xV\r\nimi7WPWPFk4ItLCc6aVqkTPfyrQgfOwBWkl2nGurdi1Et27RrHnDREh5X34C\r\nCq/v3c+JyzhTH+gqnHD5xfXLUD3LfaKqatGJLc3vnmlKoxj0d/PxfSlDPIhb\r\n2cpwwDnU3yUFV67OG3k7ujXzeC7bDgXyHPpLQXuNRfT5GjEN1ukEyflNFj6c\r\ngEDLSNJ8mUBpTkkXOzG3SQv4T0MqYmscOzfTyS/zAY4sSvmeuc+qw+5t8jeW\r\nIS1Xtjq1uA2JZ68qAWGotv61za0Bh5xdMFt5MACie3rmFOD40fK2xWyaeyCX\r\nsPSRNupUBxLDl5nauSmYXIMdaWSCfS2/jcyQvAaOfjkqF1HynV7ZSLitqvNg\r\n29D31pO11MEqTpR0vWuoq4Hd0okUL/Og7uE=\r\n=QOra\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"138737625e325f4da39d3dace66fe0f162410fa4","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.18.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-07122022-1387376_1670446605971_0.6252341392527292","host":"s3://npm-registry-packages"}},"0.3.0-next-29122022-12bd3b1":{"name":"@unholster/seisveinte","version":"0.3.0-next-29122022-12bd3b1","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-29122022-12bd3b1","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"316538b92744db0d804b61182e37bd7f9f0eaacb","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-29122022-12bd3b1.tgz","fileCount":270,"integrity":"sha512-0lBQ4LoiRquf8c4x9WteigxYO19b3TIGGcR1kitLNmq6rndA1lETKYmXYICb0tYA77qTWuTnwtYYcXUpEXA1oA==","signatures":[{"sig":"MEYCIQDnFp/qUoYBM7A3rF+TQFzr3AFS0RGYJhz8ZMuwszEAgAIhAObxN9wnFgaK+eI6MVOEQD6XtXJIoWXYCsgWBSjnEaSF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":534938,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjrbp8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoIAQ//UWsouHhDx/uQvdCNG+Ntj59I/Pjv25Z7ZAZEmWmGuErybArO\r\nNxwcFdnTfpd1gV4rZt9FGjRJ1DMqhuRVolMoZRFvUnqPqCPZ2xgGIjqIw7pr\r\nZZnaa1EpCLUr0s833LjK+RK8yko0BYFUQbZwopdFx1gTf/1Oj6VtVfNDxofX\r\nO0c2OmQ7/tTrFnuN6chczFJ9YHDe3BXzGnKrSbC/gBpKuklg6g0f12X9eep2\r\ncvccICuwE9qjXIETZ849zMUolmOEQHXpu+RDm1AAIEAIN5CWfhorbuYXqdxK\r\nl+v7z0gJKl19iFertl4Nu93TJhWVg1D3DuLA6QgJq994o6C2UJJSLYKS8GY1\r\nJ0Wb+t/1om1VCEwXP1cIbaVrj7hdVMM9vak6DNt5bSBAUTKiVrAm/UHIzCcj\r\nyU9LVBvKo0WRUD/7UDp9iP8Dywzl58+xrW9dW1pHl9Sn4Li/gLKPyn6eciEe\r\nsZQA2vDQ+ssVzLV/ltRPu9ilysl+bIOjy8IceABzH+YmaVeMvRfjNfbcjNJL\r\njoWnNzFGk1BcGuDiTrEAXmO0rxG4DFwc+nrztq7EWVI0Fk1diV1ib83Z42qF\r\n/s8hhg5H7xDD/Qa4KC3MDgqk6Dbm3ymAWWGUbGDhyLcpZArTQ8KmdQGfkuGv\r\nT/o3DlM9PbXmHLFeXQxqB5D+eESAP9KXcVI=\r\n=2R/t\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"12bd3b1561594562b702e25bf4104c90c0d809a4","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.18.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-29122022-12bd3b1_1672329852092_0.7577962321549696","host":"s3://npm-registry-packages"}},"0.3.0-next-29122022-a84f870":{"name":"@unholster/seisveinte","version":"0.3.0-next-29122022-a84f870","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-29122022-a84f870","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"a5932cc546afc703a4d94bea055b4c1e09cfc593","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-29122022-a84f870.tgz","fileCount":285,"integrity":"sha512-kh1620gde0EPQ6vU56vUSD8fW0orbME+y3ERuEmJdT/o1Ofmf6jamWomXAesj8lzR1JF7ZpQX7+1UI6V4uMKnQ==","signatures":[{"sig":"MEQCIAiNDjXnQgyGCxJRRC5EWCIfOSjDS1r7q+EbO5XiU/OGAiA/4w2kiCGcU+VsYSk4FFQ8rP/QaQKI8xJuQmopCrOc0A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":557667,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjrdFJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoiSA//fXA1EvY20bpKjdB+FTKoMxff/25P2gRaqZPljhPhUifBn3GG\r\nNBgky3mATP8vYJ/NoRJEJ+IFbOtHnwcOUUxEshi3n+iEPcqyA+DWoWJUShbt\r\nz5Pw63UulwYrnJBDxWA2Tynwf4e+aMIQs1VhY0wZUAo+HC8xgl6IPOU1vY7V\r\nRVIy134ggCQuk63MDfSgUy6cXUMFvfKRhnv7Ky5VHkqttTbDDl86VhWCBBBM\r\ntudVtH+hm6NNzmbohD6WuSsyJCuyjqu4FDdlBrQWyIOqZ5o3uWAn5c5hRpSe\r\n8Jej9CBov6AS6Zcg5sIOdaaNdOaAZ8dthP7YGVT2UxSaTv5GxfQLldF8hWuG\r\nJUgxiWSqfbkcz1X76Cw2m2B7rAPkWSBJX/odbFAG8z2FLNWeir6OwOSVA0W7\r\n3HGaDA12Y6iCXS+OZeohIxmaIj2UqEVNUOQPoOV8iNAf9U8nzBe7e0oEWzNK\r\nuvtBd36GLP5AfxLotzNGIb09uJ2uVWy6MNj+hNMmFHcR7BHC//yPKmmpkESU\r\n5nZGW0+nvdIZgjNHHOOn+Z7oLXSYGNYCA3XDJI6JlTfXHdm6ln61ggqbUov/\r\nqNUGXmdGNgCuBIPHhq6h+hjv97BLsin1YMZQULtHQdNEVWw8pGOaamWK6lcp\r\nN6p3Fs103sU1PjZjgKjppCXbmV708WOUuas=\r\n=DUNw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"a84f870358815c7f0795c858d98f7b2d1943ec14","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.18.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-29122022-a84f870_1672335689189_0.5715433805468926","host":"s3://npm-registry-packages"}},"0.3.0-next-29122022-7c70a83":{"name":"@unholster/seisveinte","version":"0.3.0-next-29122022-7c70a83","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-29122022-7c70a83","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"582491f7bcc2846efd6b9b0e18f62a95715c5b77","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-29122022-7c70a83.tgz","fileCount":302,"integrity":"sha512-fSUveS5KUWnJp60yZf8VuYIsssHtlTaV1LdvaP8a5yvsxnEBF4Cp3J/+kb163ACnXR6YDvYegD40KiNvP3DCmQ==","signatures":[{"sig":"MEUCIQCMC/td8Fw0O5HcJnxNTUd2w0Z45cJ42CNcIXKzQer5CQIgPv+Vl8JZ3kXh3UIhXrSicdkZb9teBM7b/GkznxTA4w0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":606809,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjre52ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpPCQ//fg7sOfBf6gnjOCWlv89oQuoFa5XN7IXNNYSf0m06ywPl2Iau\r\nILhgL4gwE5J1RUZk5plgLL/WJpsKJCRaLYf8CFslpsdIYtryeG91tLIzeoNv\r\nZM//1rzTFbW8JOyV/aL9RLLlrYkpyRWoGOnGRi8UZcx+nrzKaGYPS+ku63By\r\n7UTiOOLNxlZ88NoW7dJyyhAjQZGBiQZkj4IgAvb8TEIFbejOdb+vLkZzptv3\r\nJ1006GwuSj09bLlEGtqccIYC5Gfycl3BkCsRF51bnOmhdhm+Lyr7wpoC0bLs\r\nmpuanZxgEC1PE6PFxZD/JexfGnoByQ3LaFKm6TniikG7JGMZbdhZBw/mZfhU\r\nFw9CudjC4IqoE9wQh0+o3WiLMxvLaYq5F1iVK5S1O4s4z3XZpjK55ATJU9EU\r\n1raSiMvXqTcx+Lysoip/YojGBITywNkJj+BYoC8sfGWagAxQeuuKwPTCDFXo\r\nscbnfHhq4Radi70O5WFp0zSyRbs81/Yrse2R3COr13hsy+HKaPGHQYt6p/tC\r\n/vTFFnX+qeTNx+5aPIvzb+PgrPzkoEtiPtE0tYWot1MVr0xs/Z1L9Fsp+KFk\r\nuqdvNZ57u/VUh12hR8wlURgtz3yLz4uZ3KHfXe3AxVOHz+OhEgM862PcwzgV\r\nZDPHNyy9MJ3RqlLGg2dDAzQP6Y7EcxjYhN0=\r\n=Fo2H\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"7c70a837e52c083b83f36e8c6e4468aedb13698b","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.18.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-29122022-7c70a83_1672343158534_0.4150902313485718","host":"s3://npm-registry-packages"}},"0.3.0-next-03012023-5f8ed65":{"name":"@unholster/seisveinte","version":"0.3.0-next-03012023-5f8ed65","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-03012023-5f8ed65","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"51485bbd44b875a590f19e98183dfe2f86e8e3da","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-03012023-5f8ed65.tgz","fileCount":309,"integrity":"sha512-QHI1vo2I3wLrMwgXpuonmvKtVDXgq9Ojj3dWNsCSKxhk90nZz1w4Ay+GFC9Zz3s8XECEHLgEe90Ko5kWTyVaeQ==","signatures":[{"sig":"MEUCIQDpmF66Jk45hWz4ihCAyagwUfsze085UfsunwDnMcBQaAIgMoVVv1FjNBdDU89hJ65viQIOcfTAVKUXvl5jNJs6P5w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":616065,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtCUoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrn6g/5ABKsB3gnbtb/eKmC9vr4i3wxDJE17PjZc8K0vMJA6YuTFDCi\r\nX+HAK36KGlJcpOrWmIwUsgRu/T690tnbiRyx728J9eC6pB6iHxRZVx9+YKYv\r\nesy9nnYwCWraqXMfJ0ALLLhdXGVdzmivJZd9L15XlCW1GdHxwzb19UKjcdOs\r\nQfmKp9w/gwUZ/1Hq2Og+VtyDbX44z0QQJmZNycJbF2huWxeFTtEQ9ADjudiE\r\nEBKV5WDxIqwGbPk5hl/kBwkJ21Yt3Vhzmcg560V9QtqT+7BjszSNjjK4pWnk\r\n3clqH35R2GT1QOiUU23A8UTxRQbgebrFTd+0Dc44U+qmq+QeztKsFgNbIh7f\r\nrPmwzsxqheek5BFiVxhBQxt4++0+QuoIx95fVUdwdfUDy6FIh3/JpaQ+dfwK\r\n9gyi+B9KjDLnusD58lOO8mWdFVEvdFgGsk82zdDNq0PMrJ/fC9Xtn3QuU1ny\r\nlXGokp/c/XWc1wV/D4bVrI9l5yvNGz8AYV9S9fNoW7RdsySbR4XW9+aMCPOt\r\nkQ11zvKGAbMhaH/akq8pUgem9JpxmDkUaPmLJlFi7v6Ohi6/Ng15+at4z8xw\r\ns1Db0CrGHRqZpLHDtvcPS3B6yYGwhFPBDsQyuhuSjpe7IXvfalfs6v62byld\r\nwRrBvT2qSyJDSlxP1LrRBLkmiH4kDOp709I=\r\n=O2O0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"5f8ed65f778759b333ea3e2868ecea46b3a521b0","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.18.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-03012023-5f8ed65_1672750376734_0.20926983976407842","host":"s3://npm-registry-packages"}},"0.3.0-next-03012023-246d5d8":{"name":"@unholster/seisveinte","version":"0.3.0-next-03012023-246d5d8","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-03012023-246d5d8","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"5b2b6cf50e13c66e5a7adb5e4f5130dfd887a3e5","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-03012023-246d5d8.tgz","fileCount":309,"integrity":"sha512-yV1+9UyFlKM423yk4p00RaUbnkRT9r9wEwJHxbRewcTo9ie64YqfJkM370fjEfopIGuwAkJxHa3Mb7Yx/sK01w==","signatures":[{"sig":"MEYCIQCzLHdFKZv/FLDg9wu2HTK4L7lkzzqYo3gH6tiJ3y7HEQIhALQfQc6+qQj3nn7N7jzQ51LBG3SgZM4AgNotFH88sa90","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":619957,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtCZaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoAlw/6Ahq54K48CnHp5me/Im/1VdrcDZ+wfexHEcHShQPoBJvpa2GV\r\nHgeki2Xw60rXFcWQvoXsblLQXET3xdk+iQy0YcQgfS/OVCotggxpg/oJm1Kk\r\nYmY08nlhpSsyNlLwWUXv0nk0uGsGl42dEMf16fqO1AYdOwUsdjNal3JYXjeV\r\nWaVC2vaNrV1osUfN9oJJ0rriV87hNOnUazfSu2ZYg7TmRg2nRHsfXqueJJxh\r\nncLVuGXNhg9ZLBDi7yfAyZdXzgXVOicg46De2Dv8P2gIOsBnOTx9bGVKA13g\r\nGG4JNDpMJvoMm7dQ1tlA0GvkXk28jK2pIvFmgyjZldv47cks1+7ZG3E1M7lz\r\no2sXxnuSmIRKQfS2kvTVSUzTg0M4pilfbJAir9yxXFHvGhOYDcM/gFPhob+h\r\niBWioTVgn+xCnzsvCuMrO+PD8ilrcMlk3Jtl04iWXT+vUVUoW6aR/9+UxYlV\r\nxzQNx/MN3S+NbRnUxef5YwFz2FPg2KEuUCFVOMBnR3mkXBs+GExdfgTV7IHj\r\nNuh1aOmgfLNQDNzksWmGyrN35AZ0uT5T9Ua/9762SlqlIR2+P5cUEX9CUwG4\r\nQa+u756GjUNBKZKKIxacMcWyFkhWy3m9my7KaBUvFsuYBGLS9MLpY5HeLXZr\r\ngskExlTQQcITUveRLhW04LM+H9QMPcm5xFk=\r\n=MznD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"246d5d85e0a823e3b70fd1ac254e085210d61c16","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.18.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-03012023-246d5d8_1672750682257_0.4375884202379945","host":"s3://npm-registry-packages"}},"0.3.0-next-03012023-6e4915e":{"name":"@unholster/seisveinte","version":"0.3.0-next-03012023-6e4915e","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-03012023-6e4915e","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"a98413df9cf895fc5598a998c51ef354617eec02","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-03012023-6e4915e.tgz","fileCount":309,"integrity":"sha512-I+0n7mGzrfG+G80Op9WUEveAd+EioeaJmkTttmFlXXjzSR16yCRlwz0Uqk0/p1sjBT+NZmR5KAbpQLeLDV5RPA==","signatures":[{"sig":"MEYCIQDUj6HKSxw250niwxMHQnau9gp5clKrSm7p0gR/UA5xggIhAODcq1cEuUKep5s0Q9Gj0CMEpbSmikU0DzP0W8YwimIn","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":621424,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtCnNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmorBg//Ri2d/+/lB93Oo4Y13+//83Hv9Vmq5IohmOfEzIexgU1MO1Ep\r\nls2cZzIlce+DqA9PIjMydPSXtxrk5tgOmy0nW2nKNKFDxj1ul2pxO+7FK+s+\r\nOdCY09EFWjb0ZHqou79c1CeS7FngQS+XIaICqtBRzCQEmDYlZYqllM7Try6A\r\nLcQRgx1WSl1pNBaJqWasibfrNPYrh6t9N8C3jsR/DkWj0vhGzWdtGUnTN5qY\r\nKYy1X/otk1khq21NtwzkNsifZKw2PgXJuNJ9TYYwKgRI0UFnUmeDhGdq5/9w\r\nn3Qe1PYaEO6f607dKDqcyU2lnrLCn+86jotENrEEvr19WW2SEaoKvNijNSpj\r\nZIT8a4zze1Kocj+plqZ50+DX2ywSHYETgKRcHZi385JO+GqMiG6yHuZpNY5N\r\n9OIGer2S0/VZQzLn/gjH/VeLm0Cw1rHLxMhxmezWjPMEsRjYhVUSdmoxVkH9\r\npnDE44bZS9SXacU0c6CSIiSPJLglLh6YlxzEiXD+kqiGO/ViB8etPcrjCK8t\r\nHjdGfu33PLrjGfz5GNwydqM2v2WG/SJOkb2Z8kMseGozKWjlSL8plgOZejJA\r\nBACiAgsOKip4/EeWa0m0Z3J1+7zM3Qaa3eRcf0P+19RwysU8eaBB4O1lN0GV\r\nuI33vC0pD131vebYQBQEpvBmSRxWwogRaX4=\r\n=Xmuf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"6e4915e34700d55fb6fde3933c598270cacd3262","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.18.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-03012023-6e4915e_1672751565277_0.32811129993506793","host":"s3://npm-registry-packages"}},"0.3.0-next-03012023-6b15e06":{"name":"@unholster/seisveinte","version":"0.3.0-next-03012023-6b15e06","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-03012023-6b15e06","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"5620e1935c0c5619e09a1cfb15524bee28212d56","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-03012023-6b15e06.tgz","fileCount":324,"integrity":"sha512-0ga3nN5SgvbcrVq03Kr8yKBKvZFIZJ+O7ubUHNtCo2Xz2Mn9QWII1vEGVTO0pcYuUzI4GYBcdSWILIWUdsIL4A==","signatures":[{"sig":"MEUCICuI9DAA0WPLR3EdCk/WdlalAbbikoHiPu0Xk5I8XN3sAiEA9xXK7YEO53pAUS1GEWTXW5GYgUzeMqNvglf81jHnvo8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":659771,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtJlRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrziA//eyBoKYsQGHcxyPuMXDZt2dE9C9wLehUHRm6y/pIH4SvpsB3B\r\nPlZXp0KT3u2kQe21tuxMczdS3Xjvbr7m9Ju2C6hxTiLpl8iK0alst+r4OBmG\r\nrElWEhAzlbTQcFFj3XPCd+ES5qQxvMGaOKJWpwxzsxEK0VRCIvbJ0wLVMXWZ\r\nI45+sxP+4f454ldbKR3QBq0pQlLDY25+I2q1+841Vi8ZWI/KBUJwkAMKzIuI\r\nhmKslDGP6Z/1x4G59+W9QokjVgxDq7W5DGvsvZ9VHRF6FEOhEL1LwyhuH74N\r\napQO+vVJmLpSgrjoMW1Bq0eyGypW9l/OQcEEeXpKzZkoEbEltyB+j9D5yp48\r\nJGXL5brTqAJqi3xDpk1FhYjLeS7OUhsdpr8yYaNT2/CfCE5v+S+pGQoaIXGG\r\n8e1lQ8fCNwAoX7G0Nz1vb3XC592ImXZlgDVTPOWDnNtXaggEVlS5W2gIPZgh\r\nEywNbeEjYeWCNfl2F/Fh4SB0afKFB4QhbJ8cw9fLwMSz8GsjTud3eFTnWggB\r\n3lgaEOGgI8SRQda16IkX3FKFlt7w4C7U3WBew9bJBZTcpbtOF2pHJOq28XIt\r\nEXy6Dj/en+xPmvhwdYWN2vgBJpigsvyj7432nK0BK7Q0ZzBSFn1sw9wtc7gq\r\nDJomLaIzMZ2bhwnK7Mqi4JX/TpYDGYvWPjI=\r\n=Erl0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"6b15e063106585bfec4cbbed07ef7f9a45f93571","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.18.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-03012023-6b15e06_1672780112935_0.7248944639466157","host":"s3://npm-registry-packages"}},"0.3.0-next-04012023-db68a60":{"name":"@unholster/seisveinte","version":"0.3.0-next-04012023-db68a60","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-04012023-db68a60","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"0c13ec255d6df6b83783bbc1fb9ed7b9b51711ad","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-04012023-db68a60.tgz","fileCount":324,"integrity":"sha512-VSJRk3sBRd+1jJPZ3rztpGA+MMGQTUmAcSW6nyzBGjO2cjyvrnh7gQ1ISI1Syks7wB183iJjeofP9ZShQoUX0w==","signatures":[{"sig":"MEYCIQDfW7rRHa/3uv3jjclys9aYaLLTN92/S/wbwg8fgKzBHgIhAKKuBqFGGC7e4OEKWo600xDcj9jXtZRujTxBl6d+LDxj","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":660784,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtXUUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqCcQ/9HMFEle92YhK7yZrWOg5sEVH6NLZzMPDhFftobRaR9QW5eoGk\r\nA2gJZSx6PhBtnGdR23PO9ykijjhVBG6DfnWBdUomsd+UoargOXw0QH8gIQId\r\noCmUYsYOkz2pK6Tm2zfRfcsICM0JvEHRS8k5e6P24biUqDikJmWCJ4BXt2uN\r\nAoDQMZx7izFoKWE59gds5P90V7GQ1vfWXyXuTQvrK9YXoHnVNidef6793Wyb\r\nVWGB8PeuOhyyDuVaQ+xuFx7Gw1KebdhIM4xmtBH+GcEFefoCGhH9awyDSwI0\r\nuiYMj+WEi/f+Z3r3p12TywSJ2p+hosZdpU/moR4QayeTqKtKJyz22kVp2nAw\r\n2bHCv9/fBHvfilMf5tgNaeVD9fObiGhTXCxFQHzo4zI3Y0OpFqOyQNz8vo3v\r\n96F8/moR0HpGQ9ltiumoU04lcxPAo4KzFJ0zOGnU/Jq+ZtxxgbAG649RTZc7\r\nCIZFdcxXubRCEMH045q1LpMjncLDVfgI7xSYGV6AfcEnwm6QTGqeYvvH2A6m\r\nTVDjsZCC9qq+ATFdg6ES4XNRKdnmWrtS2RZMnA+/eErmu90UYMx8RD6uKfw1\r\nfDN+rCP1ns1dk6I8VP0iTVSx6Tc6Wxwsn7G18HgLg21bG2ORamOus8yVh8uV\r\n9SMwVY+MQ4tPm4RhGKA3GOXP5WuaeLoEmi0=\r\n=wtZo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"db68a608547a2740158972bf0a4d2472fe789cb6","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.18.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-04012023-db68a60_1672836371756_0.19153866313824053","host":"s3://npm-registry-packages"}},"0.3.0-next-04012023-938a59b":{"name":"@unholster/seisveinte","version":"0.3.0-next-04012023-938a59b","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-04012023-938a59b","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"6451ef3311d9712cd96d5deca28d653df18415ab","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-04012023-938a59b.tgz","fileCount":324,"integrity":"sha512-9Q8KtjyhTdxgCXx2M5Zoe68y0vZVYBoqxK7Gc1GF6yyLkzKjeMST5Oher2AqEe5ZnZ8f4qOlBoslYuHRtRLUNg==","signatures":[{"sig":"MEUCIDp4RQUYB9HFuNV0uAyFvkvtFyWcveG9VL0GPNXlSQoeAiEAn7aQD+wjvoQxXqWBhWEUg4FKgtiF1or0vadE6hN52OA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":660979,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtdHkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqJRBAAoOmm2XOtnb+KbYz5Ar7i7bHBbRVcm/3Q16GkxzDSUkQOlQIM\r\n0AwK3PPCHb8yf2MzFdmZGH2B/goYLXnA2dsJdDtdxGcpbLD61n1Ew6KoqRHT\r\n6V1CEl7pVh3txLZX9vKYyLaoLzYkuchNaSm25ErM0OcRTuz/5T22mKMHXC4e\r\nOi9b6L3JWhLLm4qn8R0BXiiHn0A0biJquh6elbKVrWphoZEKVLrJ0lpT8Yd/\r\nSVidmnYA2Me5QsxynkuOMsYncG3heqJrGaF0c+OZjaKFPe0FW8qE4aIiTYPH\r\nRHGv0ShiB1idtwOiUeTgoq8RmjHRsd+ZC91+RYVEcCKHFUV7yN+B2DZNBP86\r\n4a47UQ5Rx0g7lYcLa6gbyJifd07uqJuJHAv1bnYLkjsH5Q2AX6T9kqnYqEKB\r\nMpfSvH3IQvCf5p4YE2BjWoNNJahaRQ+BA4R3hE62NrnL3PCpK4VE6UJBIFpn\r\nqzzEDRtjk5OJnf0F4Xxtvra8coecTQYjrQzBzf3HLCyVCVEOWuFtrHsntgUu\r\niD5KUknbsfZ6yYNpxMC1L4YFWfkn/2fi+GSpX/PEymJPzf7aP5EKByDNaLxt\r\nXeqjTVJN6Wi/8K9cHxMPbCHaHBnFINMT1U3nrMLcIo/ij8KWOLeE6bth8Rp9\r\nRDCBHOVAoD27ppNLsUDHo0D6hnA+35hVtg0=\r\n=xFmO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"938a59bfc2cb56a591356561017047fafa405c2d","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.18.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-04012023-938a59b_1672860132134_0.720833624741138","host":"s3://npm-registry-packages"}},"0.3.0-next-05012023-2e5ff73":{"name":"@unholster/seisveinte","version":"0.3.0-next-05012023-2e5ff73","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-05012023-2e5ff73","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"cfb0d9a53e5670cbd53dbe6a4a070e6cd1fdf1ee","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-05012023-2e5ff73.tgz","fileCount":343,"integrity":"sha512-IeJ1j/65BGOv7GWMKlPlblhmIUB2E49K1ORaQDXrrrrRJGicTiCxse7XbRA4Y/XBiEuNa8R9tA1xKOR1+fik9w==","signatures":[{"sig":"MEYCIQDyFgPZnaK5y0fLORRy7R8mFTCGDbr15TNCatUElODXRQIhAMpPiOJWkAg4t++Lviy7FZX/b0YUKio4nzHXc3QAoeAM","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":700858,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtvZnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpRyQ//bs0X26PGCIFub6m7+C5m1OL8BLgoutaIpw+kmgNuod/gKqK1\r\nXwcpUCojrfXyKVT4cMqQtePvJoVeVjfxpHS9iyQ6kjEb9wyOeheu+guj3QZX\r\nR26XJhh3HQ387aDAFi3kD0S9F4yDGSgKHJMoWUFpaQSH/rKKLKBPSqpgUmO6\r\ne0WY5aS+Pw26HrqSVZT2zYJFAJ2eUb3v/SoURXfOl3R61s2kFZFMyufGReDn\r\naUoKd5A0ProbpQBq+98raJVr/7yYG3qXZZn34+Pwi7APU6TEL65wy6uVkLJk\r\nGGBjHx/TIZjUrLACJkDAXfmFZjxiZVswhM7D8OebaHdFYHr0dn3x5FmZ2oLa\r\n5JsZi+Hq/sw/hTPWpwdU0Hb1enFpsGJCvKRdUWyi0Am8st3dXzC8lDd3CH3v\r\nGdIe5mto9zcBkFeGD/dsdGZ9jcBqbcqrcAQp8MAKTVYDFkaIepcAa8Q0MdQq\r\nLs6OFFI2/HF1FSFi9dhUL9lD1q4w8EI8/R/wSFEgJCD55zlK5rDSBzBHL7Br\r\nO3Gl96kapknVhjnt42YSxzLcHb+haLjr/3eBHctzL7qDPTygDyGNf7kG29Jz\r\nwg320hhTurYZ+HNGU2D80jvgsxgrPGoXOKWZtZJlRkTyvDHyOknMqkPIe70K\r\nmqGFAphBIZBErFFTiGVTzy/sVdXTKBAIJk0=\r\n=nLGW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"2e5ff73ec507c9fb3cb8ad8ad56d4c329581a5bc","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.18.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-05012023-2e5ff73_1672935015527_0.5997595528552617","host":"s3://npm-registry-packages"}},"0.3.0-next-05012023-c3474e9":{"name":"@unholster/seisveinte","version":"0.3.0-next-05012023-c3474e9","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-05012023-c3474e9","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"6ebf832f918497e43965c404e60c620e75b53d4b","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-05012023-c3474e9.tgz","fileCount":343,"integrity":"sha512-O+vPOFHb3URT+qgszeG4SBNtCKJ2RhdCkz3RndkMfP8MfAdGm/81TFMPUA3WgAivI8I6FSVYFh067Mb+/kVDdw==","signatures":[{"sig":"MEYCIQDl5IJkRvKlvNo0jC4/PsrWlH5lxSA7ayBvF42E7Z2KMwIhAKoUqiFQiEl/qQqS1QrAqJushTdM1eekW3gqO/b1+eGA","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":700858,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtwoDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpX3g//fuwktg/7TH+a9qaOXnC/z99i6y4WfVhO/FR/N/zjdCLq0O4z\r\n0HTdYZCoY5CVGX4dWKpmqxNwi0mVznNgIbzyR1EuAJ/mSldvYOCEEsP0/1Hq\r\njl2oyKBLiCjoDp7pEpF9Kb3ctulLV6p5oxYyP+DrUIVo24BngOemIv9+9DJs\r\nlv0CvPkOvztoJErGbZIYzEbE0Dm66MENzv0q/Rw1a2vnjMkQ/U+aeSeUq3Kw\r\nSG3+wxtSBGKiJUuZ57BUdo9C/NQNIQalPjrfBNVs0+dELzZ3I+87AvJYYVyD\r\nO1K8feXvVAh30Vz9m9EzzO7/HYcjSpeMpouu7n1Alm+L2O8JcPkXtqwXFS8/\r\nrTsyoCyHL9dYWjEd0pnT6bFO3z68e49+FFWwzhM3JK6jj+XenZIjcY+K1eKa\r\nkRWjqQtQmyaIee+dWVPdYyfu6GhrT118ZJ+UJa9yFvSEsOy+RlmqEWzoijbf\r\nFoHKkSGV8DnneJSBIVimOivTi4sHyvkyk6qI/QUXH48mSulWHup5Y0hSquOC\r\n3If1bC+7ZC01/sk7h2j4hWcraz977DLAEcpxiNUaUFwNuGidkLnBZrmQ9JvC\r\nlp7AifjpI86yCmTQekSc49FZCOzhbG1dGweTKaGMmVSwn02tCK9O6w+SgiVH\r\nyFQRIU7TFYfDsbVGBUywHLsRdSaP8HoFhxM=\r\n=t9eC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"c3474e991e1adcd0a75eaec3fa3fc50a42659911","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.18.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-05012023-c3474e9_1672940035259_0.7000106808431565","host":"s3://npm-registry-packages"}},"0.3.0-next-05012023-b25bda7":{"name":"@unholster/seisveinte","version":"0.3.0-next-05012023-b25bda7","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-05012023-b25bda7","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"44fe5a505aad2411735e6bde348730f9326e5cae","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-05012023-b25bda7.tgz","fileCount":343,"integrity":"sha512-tqKcARH+yDjJ1nX5MN+zWXeEEkNOhiY1qaDjKWZqwEUkQbBq/7x5CcZ5CuOgEIAr4YDm9j9WnEdbMn6TYbORJg==","signatures":[{"sig":"MEUCIHqpamxIRfGZa8rsVALTPwBFFskpNYmRQ0TNZNsmaYPmAiEAj6bQGrVnmUELoEfnnCW4yGxjxdvNht0WGoHM2cWe6yY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":701783,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtwwBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmomnxAAhDuKJ5UmossHOuv3DJ0ElZq42t9EVbMjjYiu7cZlBgMhipLG\r\nogUrQH7MlggwZivFvaGysJQy0P4DZpDDv04442rvGA/4kwaIaK7/KM12wwov\r\nbqv4kv7z82zLQjZ3cV6W/nWCHkfRgltTAc3s8LBvaUhLBSlLPjoCFBQ63MyK\r\nAlnZCfNagbXZLsU0SMy3Tmfjd++GxuqKA/4Di9TF8jf7xabSu1EzaakU61vW\r\nGUGmotrJEYPa895vsCjMTIXTapfTpO/TSnwDJ/xRSK6o5tHPARhPugEHRWEh\r\noJUvd3cQbCNtr5nect7zFX3xCgUPtET2IXi8iducuG2l8xegbrxxwsRG2ZMn\r\nrUvE/91fLmswy9ZJOKkpbdcaBOrcti0GaTsGC7pZxBQ/N5N8hIuY3XKQL+c/\r\nMiRhGr17x7G74nneT1S+kcxQgE2szN+/rwG4aI8HrebaO8/KQYO4JI8dBJot\r\ndLRO0UhM9nQH+D+AiCpRRKF4wmrZ9yLOzgyNJ3GScdIDl4AvLGkNGG3uX/hb\r\nPU4ZBwG5AX21snHOaLn33kcjig0EmRKvww9qDbk15msGjiY+YUmU0HVe9zha\r\n2GNQ+g1S+RlQPZzFOJ7rWeCb3W6xyGFNn5koucN1WU9bTnouHZc41bE+GhXD\r\n0orP+HEKMx94we27xElx5syz+xECcNpbztw=\r\n=/ngD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"b25bda7a91ce260a447344a37606d32effcc3474","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.18.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-05012023-b25bda7_1672940545242_0.5018616634107216","host":"s3://npm-registry-packages"}},"0.3.0-next-05012023-af3863c":{"name":"@unholster/seisveinte","version":"0.3.0-next-05012023-af3863c","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-05012023-af3863c","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"f43e8d22f39241a06ab12306adcc6e96dea7ce94","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-05012023-af3863c.tgz","fileCount":343,"integrity":"sha512-j9RFCy+MKPPnmhn/+dSf8pkp1z9Q0AlI/gutPNgTb0VY7SuMKMUe6Qqb1lqXy6+s0F/aNEy0hIsmIrhtd3EynQ==","signatures":[{"sig":"MEUCIQD/aFMnq5e2rIZsjR/g6WRUb4+3BP7ajeW2cXPH+JS2SQIgE0zsZbIiKzji9JolzsiU11Ek+6X+xXDMCyU7l7mL94E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":700390,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtzOBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr6fxAAhGAZRS77CPdHgVPElTeWFHw6+jrUeDyBAFegsYBTUu7czvdW\r\ne/pCMPwC9mlhmFdhklQ8H3joS8zrFn70eBZW/2GuF9LEvQKiAIJg6jpDpNQd\r\nb0pbzGNvNYNFgYWf2Ceqt5VznIsFuA2W+okBiaR9UfyQNEkDH+i6Qs+p5OeE\r\n/QRoE5ykm0fKHkyExf4X3XnkS5MOogGg2MzKugCCeZmZ1lzPLqbH+ewDnxbk\r\n+ehlujuchLn2SBq6m5N6RVdj+b8bYXdJrObolwq5ib/+wsvfd1TYNAMDC+wG\r\nV6MlTpurxmZvbzsn/e7QqZ4ErbViCKezx3kNIZ1ceO4v9SAZSxRHfNGJ0EuQ\r\nIDzzN+BFNEpsPDWMUdnt/J5rml/rQwlLtR/3H0rAIkYfBcDmuWdHcIw7CT4z\r\nj9k3WhzANWVZvZR6CEvgJzc6v6lY17hCTr9qwBS4nW4atqPVgpFAI2T/GNH/\r\nh5J5q2Ax/GCRCp3pC8n/z1J895NSfDQJkq1pJTmHQS7RRl8G4skhrea/Fod6\r\n8n2gZIvWBuluZ0U1WyggpEbAYkae8sPZ6ibCIEmjxEhBHhmzaC9uD4Jhel0k\r\nPWo28bk9s4a92J/DiENDkikiBh/eB5eUW90hBvL0Y9uC4yfAUjFJvdV7KujM\r\nZKeGleozwzD1ftuw4Z1BwXC3gWTFfRQUh3A=\r\n=vZ91\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"af3863ce31d2726064f005aaea3abe471fd1523a","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.2","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.18.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-05012023-af3863c_1672950656815_0.707149296277199","host":"s3://npm-registry-packages"}},"0.3.0-next-12012023-4e49343":{"name":"@unholster/seisveinte","version":"0.3.0-next-12012023-4e49343","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-12012023-4e49343","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"2835d4611d66cf64b38c1ca8169760619c1a34a4","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-12012023-4e49343.tgz","fileCount":353,"integrity":"sha512-rDwmiprREGZnGa82QvEho79XqKWMlbaUViFo6amDs1+U7xTGzmyn59vY9yTjeK++KWK+F783L/EMrKmPXjr8Qg==","signatures":[{"sig":"MEUCIBRM4YjA4fC7IK+ZdIcVMkB/IDiUJqmiaEW+DdIdNhGBAiEAtP1yU0fw4RxntYtePo0uDA1LzPJtA532kh73Wcwr0tM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":752282,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwBK8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoWLRAAlUwyw7k5gJ2GPXcLInD160lhLQj6kmzUIicprp+pmM3CT/OY\r\nzZ8VB0MwtC0uUWlSIjESISsM4muHBzEcs6CHp91kkCtwSQLDX/QmpWfLyDGs\r\nldr5r5zavVJMcK80yMBYfcTEKgULL+JUuV7J6N1IVbKnvgSLPqtm4YYj+8nG\r\nH9Bk+2bxjv0Jw6mRfduSi5a6IaKx4QD0CJUNWjkfU0lxGfktdYMW2eursEr/\r\nQwzuR96m+gHzkNIRmb029KAYlRr9lx9a5PO+TvLyldzFrg2/ZsuJTZIng8Gy\r\nryI0WD5v4rbylxaSTD/3SUQf33vyAS0Vafl9yeTMQRfbvUr03ubKydV8qQ+W\r\nIfV7QfHaFuFk81PYIHkG3vTHEuf+dtNYVECVOtrTUTTY8+MgleY53d2s8QfW\r\naYTSKsmsgDbcB7MS0/HwLNrHOV6PItrL03zhvZR3StzQmQ3dZmeKSHk6yHGl\r\nV0eI7IJ6XIO03/MG9AHt1vNnA9ccJEW+T6xytKwArvya5CC8UMx9s/JdBCsZ\r\nKqGHD6q6mkZunQfUOZ7wVmTsCStM0oc7eBc4NMX40iNe+Q50y9oukxUil60s\r\nUj1eV0QCuyktQoyj23AJ04atK9XW8Hj+2gEAM8cRDUCuFEbfZxVc1qUQQk+J\r\njGAFM/vsfBenHD30WrLQWlfm9Avlf2vASwo=\r\n=A334\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"4e49343e6639cfd64881d04feb03da9ee0d2db0e","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.3","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-12012023-4e49343_1673532092022_0.6022934262611119","host":"s3://npm-registry-packages"}},"0.3.0-next-12012023-5fa6b43":{"name":"@unholster/seisveinte","version":"0.3.0-next-12012023-5fa6b43","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-12012023-5fa6b43","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"3be4fcfce22117bc067df24c57164b0a1d484fa6","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-12012023-5fa6b43.tgz","fileCount":386,"integrity":"sha512-fZ9nD2+v0VP8nelyqw6GMUbx9RY+D29uE93iVTG1j70co4OGvXEC+a8M1q05cxRtYBA9ze8petzTorr/RaVKoQ==","signatures":[{"sig":"MEUCIQCCkJ5pVHsnVFuedsom/kxIcxa3ueabfGlCD+ySxw7cXwIgNBNlEKeqYelZ9n2/nCR75lXvoHWY2Yyrar/3hVcHWg4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":794646,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwC8sACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqP2BAAk+MGzheaLYB2jrL04qnZEpTPwwkGgQLmn9MorYWSQoS4G2EF\r\ng+HnYslgybswmAVqy0VYmSyaQ2CCjuBzjnVksHdbwtLPhjzmi2BPpGPygYlp\r\nrp8Y0dDf9pnoWbUSiW9rrU2gvvn1n2wOEpL5VzOX8rbWY3a0hZXCgtlAC17+\r\nJYKLODetpZsxjyym/lfxCu6AymKaV76B1z1m6RjrKoESnbXeEKjBZcEgkvMH\r\nyq9CiKEIvhkHTn/G9vXlYDhsfDRm68MV7YcHSkSNX1ybxbZznXoRKp3Qh+4T\r\nSajvLtw82O+pGZf/KPXKYpbKvSyfGjbwlfNzZsB1xRmlb6hd04JYnXixymks\r\nfRhEtrv+03MgHi64YmArbq06DXQKcCIDMEuZ9bnV+WywslBdK65HBx7cR8IR\r\n/q2E6HQMCRIx8qJZiOuRKNdz5LpYjJCZfdfuyjTHWu3wkqzw+ugyS6JqguL5\r\nnh/DnXjfi/FksApcwv9pDjtBPZlRrQOUulYemJBmtLKv3A3SpPRy+Lw7alTx\r\n696xpCWbgEsFcwLnLGPQ+kjfH3pJ7kyICSeT2Ph3Midok7uvQ/r7d2IMX7kp\r\nTUe9LqOD46Q59hTMkh/qgsanQTak9X4TCo88RBVuxzXGwsxt++fDmr3FOwQ4\r\nzJTc8hYKfJQXib3Qrx5iRRyEB6Qrp7BsyQA=\r\n=Wlos\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"5fa6b43ff4c961d5f5d83f731e3940b433bc65e0","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.3","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-12012023-5fa6b43_1673539372550_0.28907355364597587","host":"s3://npm-registry-packages"}},"0.3.0-next-12012023-3072716":{"name":"@unholster/seisveinte","version":"0.3.0-next-12012023-3072716","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-12012023-3072716","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"34ad2013a56fdf19a030bedd114e5c8db77abebb","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-12012023-3072716.tgz","fileCount":390,"integrity":"sha512-UrwCiH19ZoLOb0PPDplhIj/NznEKZ3ZracEt65nu3Ib+7swvW5XNlb1QCi/K/T8SGVz0RYN15PlQVHTOdGuCPA==","signatures":[{"sig":"MEQCIAR7RfV0a1PYxhW6Z2A9peEot2CgvzsZqk6QSHPn1YJtAiBezQkj8WgRuzXKtRgmFf0Ij4jRYV8zaG+4UbEs8mLr1A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":801027,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwEQ2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrFVw/+PlW7xWveVLAezO1DOWykxyq/w4zu/A1yVoNKds/oQahI0R19\r\n5GaHBh6SQiz4/Ejft6UEdcyDN9ksQPlLzZo0zwASppgSBw8F30LYldBTB/rI\r\nljq9peZwH/OHgIzwtcwmvyf9zUEBPFWe4T2I6x5FF5U+9xwfwhGudy2vpta8\r\n6+ESENCQm6wzVYAYpkZOMT1/jDpmSJnf2GoUCwYUaIJ1T4amU2HlM2GaYunv\r\nmmZIYjTqnEdGIuAKGuOCmgPkz4PST0OtcSWZnIcvQxOWgLigWjo4LbtWZBkp\r\n8cItAtpWY6Zd3bXAWu1Z+MCjjGPhx9l20b/Mm+L/ojjP+By0xBoWowUlbAsE\r\nzgRIudbRCsvXaqw/84ovcElkTUbDLS8VWNCYxVyf46DWJXCtXPbWkFj+5WbU\r\nFkIrH6h2uFyp0Pclu5nywCQ6cfIS0qD+iJd3WnY8PEcGfY+C0KmrHGjsu9Qj\r\njFyuHQ8IsuK6tIS5g8uNjbknMeqd/eycSdEQWsVv/vBTYrHcNIGDzm5Ikke4\r\nnI4hcKzKYkRr0BGqhj0sDVkjQCYPKk3ai5yU64FINXTgfxya2jLoapzeN5xT\r\nPMju/Uv2VdQqaRCnk9jARYi4G36cQQ7HE06bUo2OuXkvAle+uQ8dqCmYvpAq\r\nz3SsZsXgbVW6wupvZm9tPMvqce7OgAVVfqA=\r\n=xElX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"3072716c665aec299a03a30fc4e128a74b414832","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.3","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-12012023-3072716_1673544758739_0.9767488291006645","host":"s3://npm-registry-packages"}},"0.3.0-next-12012023-009e638":{"name":"@unholster/seisveinte","version":"0.3.0-next-12012023-009e638","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-12012023-009e638","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"11548fd899fd2260f25f8fb48cfcefef1ade5fac","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-12012023-009e638.tgz","fileCount":390,"integrity":"sha512-3ACfGgvKL5xGtG6NyUsJpckaXI27wS5KSj2N9MZ0vCYhryTRI/tvYFjYeUhyd+kF120Os4vsybm7M6p6VunvwQ==","signatures":[{"sig":"MEQCIF5o02tUf0OtzRUFqBevcAaic8WuPApbSQInVHDjuI6iAiBfBZ7cpTbHQtVNAjfSOn3t2JWT1BiFoeQtfMEl3E+fIA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":817268,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwFwtACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpO8Q//Z0R9+OYESVKbvvB9G3eTXnMo98GM0fc4ji/yR4nnOfwlWBMw\r\n3EQAxwdqIkpKU1kne3brW2+HJIXKikyOVMiT8/OgSjYhPJ9U8gvFpeSq4m8e\r\nexWwCFCWneX9XpbXvNrVgAORoG9c2vF9yJ5688budjI0T7d4PRW04UWdemp6\r\n69FYaJ0Va7tF0WlM+uX57JzKzCIJXvVxTrRmmAs5LxrtAKjGdW3uovKwdUhZ\r\nsAgXj2dKRm1ST0evoNdaDxAygJdUTCIlMTnQ5VWk22xrrzkF91wDJnMtt2kd\r\nV9CCJuez+5YL/ddND4wlb6Y+p1Ch5ubyXk3lDj3Hd5lJoFMyxF6VwAoT4z9A\r\naoeHdPBo/hcirgvFUfNb9SHYusmKo7NWajpKyolYCHtXgr3TGalYKIV2XnTK\r\n2W0kMGfHbwMxHbYTssr8g1sgxW5qJ01J5CXYgBQWlCBTH8vGWkAFrFFFa4YC\r\nYS80lGFzVXfS494wm+mT4QspjENf9+miy9ADS1KbP75OJErqTlAEU6PHVPTC\r\n03t7Fu+PFT5WWH3zauctmWAtTFPgy3nQsgmrw3wPGrPD7REh/gzFNYDVS/d2\r\n5MKhg4+IjoX1+92FFbKo6XmSQp7xr/STTHqInTe+bFT5eJjY4AyJHmJDWmJa\r\nmETZb6cc5M0ICUlQvg+ZDIQHPI3knDpmdu4=\r\n=68ug\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"009e63889a6b3883d95f1a2c8a8212677af6b7dc","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.3","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-12012023-009e638_1673550892944_0.9440656841046791","host":"s3://npm-registry-packages"}},"0.3.0-next-13012023-06df4f9":{"name":"@unholster/seisveinte","version":"0.3.0-next-13012023-06df4f9","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-13012023-06df4f9","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"c79128f3154978ce1649b0ed972525edfd6aaa8b","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-13012023-06df4f9.tgz","fileCount":376,"integrity":"sha512-XsBRzZxVsI82RsnTgTMffQbNgUNUWx5m4GSHa33m7xJA6ch7HDU/dsd2xNOWSySgUPSMFk3JkCXYc59iYLxieQ==","signatures":[{"sig":"MEYCIQCulHiJgwLmyItfnDZQGFNAZzCak2O7S48g5MJrQJPjegIhANyV2PF0B7FcO8Fpy0XGt5YhZ0BBNVHp+febOImTokW1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":784386,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwXgIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpHxQ/+LDaQ4GdpXdJjxfUbaKj1WOG6evDxLb/hZuzB4g4FRMHi4WRO\r\nKVzIzwx7LojdEYwVTvtrxZllTwxMEkLbgP9iqiTTgU8w70DXMGoN3VWLaeqZ\r\nGcVAJicme0go4oEJ+SSue334eHwgsCFCWAToNW377Q2nXcoYV8VY2Krteqg5\r\nygB7kilWT44mR4DiF9tq4SYm4hj5lwNAWx9q1kxEBmEHtog6g92HKLPrXRyS\r\nl914uuwcSF004AXXh8bWjTWzZ2cgtE1ebzeBJBr2VfTY5o9ySkte9LL85yL6\r\nDYVvb5UqRMAVbarh5kEx01rqsj7IlrTy92mQcRqVbYCfR9k9oX1j8n0MdWGP\r\nVpEPTU/RfeNYDOKE2de04pSRprU0iVg1h3FQMV46ARI1wPfq9rB60h1gjdo/\r\nqlGqv4WwRM3R9RzI12efbIv7gJT6WJZCzs64yzYMVde/QPwEjYNXqU6txV0C\r\ng9Bb+BQPG71jdfJ8esGirlYOVhij44HiR3YdqovDjwHZp0YzbtfJ/tjBjMeG\r\ntMabER06uSeUiy7Gmoym+5spOQvQVWQCEKJGOLIGae9bdiRDvVhRmcVMCauH\r\nxTU+z++7q5ItKoSvFk9r2BQry8UOXcX9D6eBSQ4QtDXwTWk0kp+ekaZL3iHf\r\n5O6wfeyorlK02yE0giuY4shtp8WIgC8PUgI=\r\n=vUB5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"06df4f982c21e42415e1731686397dc886bd640f","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.3","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-13012023-06df4f9_1673623559871_0.42811192869410686","host":"s3://npm-registry-packages"}},"0.3.0-next-13012023-d6c9101":{"name":"@unholster/seisveinte","version":"0.3.0-next-13012023-d6c9101","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-13012023-d6c9101","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"774d7c8bb9f47023d15f1b928a600acf07e4eb9e","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-13012023-d6c9101.tgz","fileCount":390,"integrity":"sha512-yIrD4J7C5fQK20J5w4DSCAyet5jmZigfXhHOs77qvv2HzAO+V5MM5izwH8yphSyQ+hUBqoxmZUZ4v6bo3wqq4w==","signatures":[{"sig":"MEYCIQCv9/sLDhSbLuAZiDiaemFGZeqxFTAvZ/UJsJQayqcxqAIhAL3vQxIylK+chIOmnrdseuBmfKvb28djdcGIa5iO1eNK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":818494,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwZ1XACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqfdg/8COqyG61QQm8RJiLwB/pjkyntxz3Fxv/+s0W5b7p8Kg5s2r1v\r\nZ5NnqOk3j3ZbG8fJ61vFrj03EbpPEqV8sfv/K87y1MedSyWK1iP6DKPScnkM\r\nLhgl6t9hF48/v8NrltI4NcL2uULfLshePArc67MKNtpjzdVduSTGCFJRu6CU\r\nJTjWZKYOzWEIFJr+tZz0Gfr2zzJcrQ8U+S76UlSRGmRFq4iNESNNKmGc7zPP\r\nQUbeLP1jzCVZuC2hCrt166GOPQY3MmX7lzi19rfBNS2JWxFLkjHoHuUFXte4\r\nWRQrQ8pCDxaotKLlLnQEJXvzcDLXQHwIHJyO907NwNqtvYNaS21IjUYmj1D3\r\n02i9q9QK8jqFZU31LHuWim3UDqpxjGtnzsbRDus6Awl+IV+ggjYCSJF69trn\r\nxJZZnFVF3urEDRdzp6P6dAiOfPij3k5kWilJwwUVBSxx++ARSpWH2C5zZHMe\r\nTYzs9jUkxRpReXA9BLEBtfIpvwSM5B241XfYnGtXGtmo8rDFzVqCpHcRY1+0\r\n4ovnVWVx2P9c1/r0ATmSoqqAHEZPxcj8wARAbAHtIc8uDN39TQzuo4lsXIkF\r\ntcKV0NAkfq9auru6Gkamrb41c0kfdUUtgC8Cmw0NzBVJuJwWH6YnONPocEfU\r\nIQpABmxVJr3GkqEAunWeHrxnoZ2PfKQL9uc=\r\n=JC6f\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"d6c9101acacc42eb22a377f44df08974791ae48e","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.3","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-13012023-d6c9101_1673633111560_0.2163246244528032","host":"s3://npm-registry-packages"}},"0.3.0-next-13012023-396e196":{"name":"@unholster/seisveinte","version":"0.3.0-next-13012023-396e196","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-13012023-396e196","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"5bb6efb7accf57605c02a0b5f9cb7b66e928de4d","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-13012023-396e196.tgz","fileCount":390,"integrity":"sha512-HfPM7QGVSO0Qt0S/ofk1zBxuG/PlOByrmU4wx+3dBXmzogb19QmBkya8dy5NlPuqWfYKNjKhCsqXLI0swotzuQ==","signatures":[{"sig":"MEUCIGhDQauAyUNdhxhJHZJrMTlGAszAOPhRO8LWru8vnBMVAiEA7Ul7VEks1bv5PLtCzMItrbAiICaPPhufbnw/zKGZkps=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":817204,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwaWRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqK9w/9Gd5DGabSg9fdOGxJX9lbQE5OtZN+nllKmU01wmBXSMHf0zOE\r\nfQ1lU5Llmvtygj8qOFy9GblV6yP0kSG7mfRzeqcGyy5tZxJOjFG+WC/Wg4r5\r\nERHcVlZNo5bHY95JbrumNpWzqONFLq/eJgF9xLhlPfOPOmuVUIZaJ64OAVMj\r\n7ASnNvjpRN7KvTGKABrJBr+Afl6YpXf03nSbYr2t6e6I7zpUYJIo1ETnd6vr\r\nWdXDHxR95qhubyBZP9QBW0HeO1ob6c7Eb9gTJTa8nVYwY8wyOtSJd+Be8/KO\r\ngaYlGMLf8LiwNpxK7WHbX696rSh9dpR1GkfjzqpRfcc6H9kOgkevpwit3e8b\r\nd5sdpdfCiQtEKh7vAtCJPpoKqMzcd7SAACny5Yx7dWrSeigRsTFa381yMFLu\r\nyASRDj4+AA0CyuQyG2pGq/CAFHyxp/y02aU4t4ay66xQXwCHKOOFm0aJfKP3\r\nic7z0xqlrCOnref0c3j0NWoxADImEqeFc4t51w+qzgwlwIjRosjEWhmtuTl7\r\nZtbf0PlT4yeFb6me3vsIaZbGuc/1HKrOol0jYUIhQSSX2SrHPUDxydUmtNHC\r\n4i/PKsUnuIM5TUqeeMik9zzc29m9BzdJEFyqMrnWl0V2kIkTu/GPsHfedlEO\r\nlc6SDIKSZsVOPmlBTa7n+FyB6kfVdifAj8M=\r\n=wQMS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"396e196d41a027cb634233e07c2651416b14d5c5","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.3","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-13012023-396e196_1673635217407_0.6882257733067261","host":"s3://npm-registry-packages"}},"0.3.0-next-13012023-e46a28c":{"name":"@unholster/seisveinte","version":"0.3.0-next-13012023-e46a28c","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-13012023-e46a28c","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"624a661b29073dbe5e5cbd3fba53528067a6a4af","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-13012023-e46a28c.tgz","fileCount":376,"integrity":"sha512-N1wSYcFI3QfIBYqe5HcbjB+Y/D/RtMBkvPIjMltnhKrzwOhqnHv9eZNTi999mPJOIZ4tN+LIQCxCvwT5CA3uRw==","signatures":[{"sig":"MEUCICg/vfaj7YIu1b87O+MrA39sefnJPtW7446LJb24bQeXAiEAtaekRGzn7xkmAMG5zdG4FyN2E+hLZ7eYEJTCKX10tSI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":785524,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwadFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpcfA//cvAoFDH5+y+nnI5+dTNj5VpaXTisb8+tNLVFLxBTleu4auu/\r\n/M2rt8kLmri5k2Vqj+p1rg/mWOmWf/s27eHcPihjrojDJuZSEXLegtH8S+aq\r\nmucdyFzjnKcn/8Ldnkchb3pAB4nb5SUPnGOhKfcX0S+Ei5zbyzohaZ+zfi32\r\nMIgwAvDNixOknTdBgHbQGRwiYJpR2UZ+jZKrYbLgMzIUBTDJaLzM9GFLtvH/\r\n6gqUQZyTTUrubVbRIQMYlXo01zEA8HYqYCrAqw2fWoSXMFG11s3YDBz2WL7Q\r\n2jYA6KDJvS6zFR5kxHXHwoRGhXWh01y1LecXcDDA/2+IKPSlW9YwLNJcRQT6\r\nMPI+DUiEDnauSZrWnFlOQTa7Il5KHm6x+r3w64bNPzHUeE0ETGz37eJISX4H\r\nRbvTdW0fYStaWOBz/g0318xeui8g7W8cEJVtziUCmJzJkn5wcxDAK17CawX2\r\nUg+Shxd1i/mSAZLTw23gxnrdUGu4as9NtTzD87PZ/muVihkEROXR1rb3C9dk\r\nsg6wrbidJFOpPmZ1IMfA+ThPis7qeUY8MM+Bt3R8VFxYFcjeXyCd1XaDjeos\r\n8gsm4kCVhe/BdTE93iZDKIBBD0Zp7W+GujO63LwIbKJxnuBXT4f18XWb/cxW\r\nj0Blm7cWkLuu6BFSgi8D0GTYyhbOCRGyNIE=\r\n=zo/Q\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"e46a28c277767437385cff00fc5d4966fe5a72f8","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.3","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-13012023-e46a28c_1673635653162_0.6355599935652867","host":"s3://npm-registry-packages"}},"0.3.0-next-13012023-c056a65":{"name":"@unholster/seisveinte","version":"0.3.0-next-13012023-c056a65","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-13012023-c056a65","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"ec87868993dccc83fa6c5cf96e8766a91cfb54c1","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-13012023-c056a65.tgz","fileCount":413,"integrity":"sha512-WPjpVeIQzKK0I2f5qUqvj+PSclH3dkhri+19Z8XpdDsbb8NC9PcBw6LeZycVQUHlsVVjw7Q7H3LQk00lJhLebQ==","signatures":[{"sig":"MEQCIFtKHeI63Gtofubs6Kyii86I4aEhDzfClIFeoXiX3/ISAiA680ViwhoUuVY6V1C2/rTtOSA4e8NskFYws/Za71hKWg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":851270,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwb8RACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmphKQ/+I/ARSwJQ07w9IACBztnC3+blEfc0fmCH6BjatJsH00cBwyHM\r\nGm6xZaX1g9nA0AvFxh/OrOOyXi9/G/Z32C6etEoUauSNyhvp1Wt4X9o46V5x\r\nPeFyCU+rk1SBI256jsp3uWcoah7AFMHqAoTIeSPwRwi9aJrE3KJl0ZO4Jb0W\r\naxZEyC3/ZIc5xbihgJhUFkLqq4inHK18zUoi/L3GH9mcTSj/pAePHCK0OvMR\r\nk0WAz5rQihOhIrJMY/4+u5bhsSHytKFo2fIkHzroIttYPik9/X5WxiFxqiwc\r\nw4ihNl+4YSAmpGUSw1WwqngNhcTqiVw8i9P7qtZCN/a+tlThY0vcuFrYYN98\r\nBvG1lfyiXmnwPbHZNYpNxqz0A3KeCuAeol1/rDmkqW/zmEqXhP4UEFrULtbh\r\nqS3ImlMcjt20eI8TnkbHFXxPYiD9dMoQOeANBhqhA3RLXAhFj+f24s2P3q1q\r\nojn+YNCSTXC89njJsa07QlLnT5GIcDouc0CzB852QF3U4IJY+q9jxSLYydUj\r\nEcZWXFWSYETR9ml7nquiu8STgqEmNb8kCiDQ8l30Kgin/ZILQJlB67sBB0G3\r\nwQkuQRVDpxLq9dcTRlhvLIuEQBZKHlkmLJsS7G3KVvinOrXM1X5g8mzZkluR\r\nTO4ZEut5h26uK/nw3YJcaL4Fu/hbBrNS8Ug=\r\n=1V0r\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"c056a6598850160a3e20e23484bf58fa6c82e1f7","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.3","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-13012023-c056a65_1673641745562_0.20180399278146988","host":"s3://npm-registry-packages"}},"0.3.0-next-13012023-a9fe832":{"name":"@unholster/seisveinte","version":"0.3.0-next-13012023-a9fe832","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-13012023-a9fe832","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"49f8a27f8027b386cc27cc1b5408308ed8efd26f","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-13012023-a9fe832.tgz","fileCount":413,"integrity":"sha512-MeFK/w1OFPmN2d12Q4bc0Hu5HUfc5Jb0cAeEfiI0rYZB6KLhasVnLsv8PBkaef6hZ8P6dnkdGkKjztaXg9y29w==","signatures":[{"sig":"MEUCIHptKepNJUtA0WJJ0NKwE4IeHas9QBYkR0stldcO5D3MAiEA/egkRNvu+LQVbmsC4JcIPwnxFEI8eo7XVbxrLnKRdis=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":850715,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwcPZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq3Hw/6Asdy9/+hMqAfv5VCIVr+/LWoSV65Hqt5dGN+mLpE64hIOQwl\r\nNJvPVSvixgI8Yy3Qaw4MYKZ7+CdKq8X055aIyx27Pyr3U6kLkmllNerdn4NL\r\n2ZXqjkcEYuIM5rqar8HScQwqEnyHpW7x4Col33aU5dYPIMw85bZytj/NTm2x\r\nC4ATujXVsxfCZSMkkGBkVTsquP6Ple3LFhdEzroLD6ocaWUCYgIc3u/d/ZHo\r\nwoOsI5ydyv/5ZIE/c14WII9XRrfyln3wDyHrh5rTwcULGTsDH/dtS2/T3yj0\r\nokNNzUaU5oGl7ZLKOgakt17Z88YwbXOJu+7G9ULV08Vf6JoXnHsD0utgM5n8\r\nTgLUnvNnCoclnMQv24NQwSrzIMDDVf/x5IBoaqmRcAguQdbROnpw8dsST4hp\r\n762pXaIAB/F5uSt1eBfYsVSXKxlrNLzouSK5HdEx7d8WQaNERKMHQGPFfvF/\r\nofWTVQmYgfOFlkzu6I+PvqBxFYOqo4vS/hyS2m1w/SmyQKFU4N756nGBpvTC\r\nJ8cAjV8qOYM0VXOCFKPNFf/8rzx8noEk8NlItdsdI+FBMTuk95GIrPcYimDv\r\nkoIktIKrffotJqz2wvPigZykH6e3QfN1ybe4wwjCLhwknVunba1jCGHbniKr\r\n77sYRVsENXHwn9B1wxPpJLEP9gChC0v8k1k=\r\n=9tt/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"a9fe8329ade3020554a79409e16106bc7524a092","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.3","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-13012023-a9fe832_1673642968864_0.6730386343887271","host":"s3://npm-registry-packages"}},"0.3.0-next-13012023-cf2b00e":{"name":"@unholster/seisveinte","version":"0.3.0-next-13012023-cf2b00e","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-13012023-cf2b00e","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"61be753780a428565f2361e38d8bfae720d2826d","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-13012023-cf2b00e.tgz","fileCount":413,"integrity":"sha512-GFy3GvVdnn4Td9JdwkeU31S2jLcJr5HZF+HmCdbitceOFYC7yPLyl/Uf5HkIzfUob7wAO6/ElesnTIYdbogPJQ==","signatures":[{"sig":"MEQCIHGd4/3940ISGq3fdZ7QtczfmKeFNwv7YF05tnvsWNT3AiAEz+kzCNZjIDQYaPvQtT/WJC0rNvA+aPibGRviyBWhLQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":851491,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwcSYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoAvxAAjb6Vt2wBlAaVKKFAt6y4AygdpSV5XKcqe10QtRoG5CTQcAkb\r\nC+YVgVb4e0ze9yHOLXLrtTs938TaGKg1OEwu6TrWqz3IQQYIVyw6o5RV1l/A\r\nbRmomBUOpV/Bhqf+cW8OfGdkZGyWaV4b+OcRGml+DOIR99KkNwJWpRhBXuVR\r\nE66M2rqnSq8fSjAgdN1PlFZHFr2OZbWl2slcP7goYrLOugunjVBOVSPM2Pvd\r\nSVpRz3LciiRKazGS9B1DtQwOtqxRy9m8CFfr+89f226fTNosRYtgSEzmDGP/\r\nUa6SectBuYYS50IUYTbiSAdPXr6Xw7vQH8PJPbG9WC6Kl4y/J4OqkCtVwNYG\r\nGx393+r64v2AW2FE52LrPP066THMpCu5MYIvYWewu730XhZFu4vLrHg9LoZ3\r\njFhvnm9I4yUG+0ijH2T5fR3uUzXd04IvN3caEXOdwtTwwDd112qchHAehtaJ\r\nluXhIuFf0BXZbnlacFK8/XgW3Jy/00ZBGPwC9BPiJvev3wLMTvGjeLyZOSZs\r\nbrGl/fP3m1CYhrEv+DDLQxGz4LzRh5TDZle977Kjagck2xfMOkr4ylSwJ0FC\r\nckk/I9veQyumyJ4nhFzEZFTErY3/tzfa3sejbs3ImIxI2JXFaXaLVgUPq6EC\r\ncaU+518boFCu+QdHjLNfrhROeQ+6/nGL1gM=\r\n=nj3u\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"cf2b00e22796559e45bc5529ddc3b0ebb129b638","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.3","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-13012023-cf2b00e_1673643160245_0.32255816657435465","host":"s3://npm-registry-packages"}},"0.3.0-next-16012023-3b56750":{"name":"@unholster/seisveinte","version":"0.3.0-next-16012023-3b56750","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-16012023-3b56750","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"2e20124c2f5343e457423edd12727513982c9a5a","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-16012023-3b56750.tgz","fileCount":413,"integrity":"sha512-vV1rMUGIytdFWJ/bFrdjsnAx4MnUSQZqryhrfLchVSM9YA4ILT5g4aO37943rdD8k6HKXQckEUOH7vqjgjOoAw==","signatures":[{"sig":"MEUCIC3tLTPRk7xvL3UWjtJfTBYm52i2zb+1Mwrxk9h2qq31AiEAvAfBwqD2bn5FGlwxkXU+HshVGXktVPmQgcQ5TbDYauQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":851491,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjxUZtACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo4Rw//b9f0y4IpkUxI8iOp5orvWfCiQNUJ2pf0dc9c8dOLRzhm74xb\r\ntPj+efaMZZ+sVcOG2Z7UxhdPK+aLYrD2YkKvkc+xUN3qi04IyqnMvQosWBVM\r\nbCQ79QxLf6OKi6wJGNdDEO6u5EGSp3flUKE19C+SWSHcEz518qZ5j3HQnB09\r\nzKR7B869EDPs0CAXq+0QsK7mMw9hCpljrO9qHASPm1E9z3Pw4kYXgT8z42+o\r\nD1J4kEUNdCKXSF5BtfIJ3r8VaEz/CdTd6WczX+ZtfgxtP+joYol/kVh8LEtE\r\n+rzDDlfnryitquIEX7GBKt+vwAhcpxNs5M4N778qlU3CXJyoBZNeYDJiOgGM\r\nGk7zMz2KDn8dXYmC/IHxMonJTya62ua07yrOQlbnB89h0XlwvgZh6zMMT9Kz\r\nz0yLPE8rOB6BfIkVetbTDT39mz8rw98V8K5U1fgKY7AdUV1+g6ay7iDjQHa1\r\n4G8V2IftWuDVzIq7wbvThWXfln+8P166cjCaCFyIpoyhD3McOYpI5iW9d2q+\r\n0brKM/tk/0D26l7xFx8jU+3ddU14jCktUVDZ6f3d15IN+IVfvAPs/hYtOmzX\r\n17orqn4d7QX7a3XqNpDG9v3EcKvJmxMdZAC/q4NLFPU09QoaUtXTDqY08vmS\r\n7QtPefEy8iBvoX5jY/Q4nYdDDG3bMB+ARug=\r\n=Qrgy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"3b567501c1d1f584b0f36215ef9d19e2c189322d","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.3","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-16012023-3b56750_1673873005409_0.02999500347472095","host":"s3://npm-registry-packages"}},"0.3.0-next-16012023-a2e74f8":{"name":"@unholster/seisveinte","version":"0.3.0-next-16012023-a2e74f8","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-16012023-a2e74f8","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"9f5726973dd1b3af30130a36275b36c9fb96c9ce","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-16012023-a2e74f8.tgz","fileCount":413,"integrity":"sha512-M2r5BIqDSi20G98KJHIad99xoZVj0XivSe0H/orESlaG6yAHgfejpBOVxJLgUvORdC057wJp1YCo4li5c3myXg==","signatures":[{"sig":"MEUCIDbq6Qh37SGJV8ZfC4fdUMYAXifqAxMtgQPIy/YES+5TAiEA57vy4lX25HWwFlcJUqbjhrBBQwd/VMvk/MuVi175+BI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":851491,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjxUaFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpnlA//eVIXfYYNUCJEbLlc9Ti7wjDkMn5oTNWi1NNle4K1Zo4Wy4BX\r\nibivmjC0zwy9DQABb5cohlEdeYfO9HOCW5TH0WEb/2hF8em1hsx4dhyMEkvb\r\n6MNnTgCLJ88ANs2eaVq7T9UuIq/ZhQbNqUQ5bJH/jvCnveh53QFF05dE44xo\r\nRTpeoUyj/PQZW18ePiP0mdd08M8VrBcmP2wCjbY0zQ2dm9SraDfh5N5CjMLU\r\nBLz7/jNnOUZdBujk3AaXl2kGU4oq+WLsvna4z2rFo+sOusmPElnYuqomG3S2\r\nMN01xE2pytdy/gWXL4tO+YK1yZ0JyqSnGJELvjRJNeHkAfIq72tPiNsPzKSL\r\nW/O2qQB5vIF3zHMst0PwecUJVVASKHVop3hPzenwirvWRYEXruhKCT9vlduF\r\nRch7BMWF6/Ed+qYNijgJdHGU4lVrLnzXtYzWL7Glpj8kyvVsxgv/hImhv+jB\r\nBNiOP2nXHtrWPcPLOA4oOaXQn5bqAW9SGJ7DodELMsmSt9b+1W9g2knCbTG1\r\nHSIfbpLObO/i1ROPvjWh7yx+8P9VH2AwUpWhMZpDLiBa29RyGPrqwgxJXIzE\r\nZX20J5PvelUbeC8UXeDFFHFzwhyqMTLrU+TEkXWZ9KVSlIQ97YTYcdLbU2xw\r\n1kPkILmrzAsm97XP7U43RsnAkWUYyWfDTmg=\r\n=xeMt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"a2e74f8ff45715ac865bc5fdfcd0de09699966b9","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.3","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-16012023-a2e74f8_1673873029578_0.44735136979862733","host":"s3://npm-registry-packages"}},"0.3.0-next-23012023-807fe28":{"name":"@unholster/seisveinte","version":"0.3.0-next-23012023-807fe28","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-23012023-807fe28","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"066c9d2f2f07ed9a3d03532b86d8ff57199cc129","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-23012023-807fe28.tgz","fileCount":413,"integrity":"sha512-cDf0wayt8cf8Nf7rvJ0Dx7hWghHtzmSNZFt7gBHiiOJPX1BwXWg/PJTOukP5Ynvcp6wJW8LQgYDGqu1tlDS4KQ==","signatures":[{"sig":"MEYCIQDESMsj0xdEGqLUSmCAn0Lbmrmy/dKG8KeIAkBeFje9NwIhAIboqC7UnOUe9y6mbqjJZA1JkoGUVAcCNcHwLT3xw9XP","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":853594,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjzqPYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrcRQ//WYV9G65Tp/YNr+1DzPvDut6qBGTIizuygqIx0YkTRA9zXpmB\r\nifQTKz0eEmJsM6Du/cwCDjaF+H5PklfHxmkNF5Lgk+gH92S0rYrwmM+ejwD3\r\nwfd/b5FOpk1xf2rOBVFMWCrW2jSLMq1CDkDzxCmc0rkUb8zDeXhImW6/nMrx\r\nsePG3aFxOknxwAfvfcCeNueOE/1U8wlwiQHaOsiz2S53sMkj0vfE3vJxWYTY\r\niFdddzW9JTS98S2FCm9Mq339vaPqWmbLUR8a/EHDMScpjiYMRBZxWIxUrsJE\r\n7UFIk/VVhd1uGrWWHkHqfmeXuA0B3z1s+bipP2sYIpjzjsNUwk8CvTkA2xMa\r\nwkqR3Tr+/+5W6mj+4HHC0TTM7skaHV9ouCv2AMillYxuowEhoV/xSvd6T6p0\r\nVpS1B/nCZQQIA8zsz/N0VdfASXk2ltlBf81RTWejCDP8I1U0z9NqQ0HESE59\r\nc2algKC62sNz21TsLHZiL82bEb5xN6K28OZR+cAR19JxGCcba5Ffjga1y9dp\r\na/a14IwzDNVmQkV1eoelgfTDVK6+pCmwJRjGRJ967iknNY6i9wuYig39UfHO\r\n+CK0LOGTpFdPS+adhXZDYM8iii9TtjPTG3bCpds9UyM/P3osFC1g0E7CiYyn\r\nG7/gPplqLZ73xkZBc4Qn/x0EPC5+Imo89Qw=\r\n=EwGr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"807fe284d8b5a5af5f7dcecd37db2560bffacd4b","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.3","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-23012023-807fe28_1674486743853_0.31544843793597166","host":"s3://npm-registry-packages"}},"0.3.0-next-23012023-f16b003":{"name":"@unholster/seisveinte","version":"0.3.0-next-23012023-f16b003","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-23012023-f16b003","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"5315c11d79bb97df5853556b4736a01761f60d3a","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-23012023-f16b003.tgz","fileCount":413,"integrity":"sha512-kUmAWuITUlsVjOIicVNtILbS73VUgQbwx585CJ5THSfnJFqShcM8bg826C+/bw3zN3Rmq74TcCj1uZbDhcR1ww==","signatures":[{"sig":"MEUCIGXTJByJRGDMMOjYTZE6+nrncD8r0bXY9w0kQBElCG/nAiEAnHFtN/LDdqeqkBxRjs3qUZv+WWXAlTrzRyc97ggULU0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":853798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjzqoZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqVLw/+OfKszUlc1USmbZAWT9hbySVpdGFFm5UchuzG5Ot8JHF4JYAp\r\nLcio/yTwj87rg9Ucwr8cf06o9VszEas+JNflf0CdXYif6WhnWEMGmkQQCM2v\r\nfF4bKqJHsE6aHj3vfTy1UUzt2Fd3SMLJZRTrsVcycYNkOEXdWPAajM+Klvej\r\n+4ISbO7Fh1qfw7b+S59hYSRdRnFr8t31IAEsD9OMm8AfC8y2HQPnrZXxUhqh\r\nQASTJ4X8esOnH9e0wT/JFvyCXGiqFjFZ+M5JkNp8WzW9o6b0Cc0vRiWk9wp7\r\npxq1X94NAroFgfNzfdyc5GgRZPoirogZUz4xLAkR3ixnM0me1JZn9dJXQZg3\r\nClfIETMxS9gro9x0eQJfT3uQ0ywCQtR3obXGzrIfHGATuUZAqM4l93WFPJTT\r\nr+KzfeIVeXJnBU3Hu1Z/ZHms5PmyfvLvTCxKJG7bKocHMNjXwgfhY6GtIaTm\r\neGlnfyd9qOnSGE5zXTSwqhX81dd+ryqxTFX6pBDMHi/y2SaELziVyOSb12vR\r\ncepOpApUpbtz2FAlaLiHPyN3exMHdq1cfT92tBkLIudIuqFHpI8tJ/DHEhJw\r\nOk75VtYal4nacerKWhyMlmm++DBc0jncYVnq4z6uGdLD4VoXiDiiVr6NwNNE\r\n9t5ivQpWXXYrRzjMIwb8zUg14rbTKVxTYwE=\r\n=oBep\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"f16b003c071701fa708a7c351b448b1ff4e4e89f","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.3","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-23012023-f16b003_1674488345484_0.0815219608012423","host":"s3://npm-registry-packages"}},"0.3.0-next-23012023-a64b921":{"name":"@unholster/seisveinte","version":"0.3.0-next-23012023-a64b921","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-23012023-a64b921","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"107c813cfc69d03cf93bfbdcf6eae0c3ee94daf2","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-23012023-a64b921.tgz","fileCount":413,"integrity":"sha512-tFcb9hCJh8SUC2btS7InaagnSHbPUhGlBDl0VH7X6ESJYVwLSCuIQJlMt6GeCqJLV6olQ6mxNs4AvF94l/XA8g==","signatures":[{"sig":"MEQCIBT6ultb7lrAONFQ1JcevHIkpwiIAsd6sYahYbYMOQ8YAiB0M6oCTDQGXblU0uhoRPKCz/+07V29mDYLLe9MJBJo3g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":854977,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjzsuSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrxjxAAjhG1HHcs0eGDNucbS++qSyVUfxXa99/ofJuzzj2iiFSWLeeh\r\nVEcpHFWnPApg31tWcoS3it57hqgar2vjKqHgEN5cMSvGlw35xPlsfQVjCqLv\r\n8K0PVUv4DijzNfifgukXLjrOA0co/YeeumdwuqPYlAixs91fTXHTlHYzT8tr\r\nYumhB6Ktl/7+i+GHKdQDODrEGA5mOMvKC4NWuGeZOsr72aVdzTE+jYI155Iu\r\nDriH83M+wTBfwp0ACBeaVmgnb0mzNrohvLLXZBZBUNu5TO4y8F3FMfS/1Pje\r\na8TaRcMTQ0eyrSXUi7luEG3Gy8mei5ixF8ZPmuCJMnbo8TGheTdAcUShiosZ\r\nlFM2fEAcpTpzKZ4LXVZqA8HL04m1GWCiBpB/wEOWdiODjcnZ3RUtXN49u0yk\r\n1IFsyaBOeJmGi/g4Vk3PrG42ZzIypwgLuWC1kkakGeSPMY3nKDPFwb7YYlyn\r\nZg2EqsM7JmeZFtT+91lddL/K9rxJ+VtOrEVganf8peKoQnsVvllGw/yp/lfN\r\nhaRjpGvW/HiB626XWG0lKAJo9E98LO+Uq5rA/Sxh/r6jJiMoVxZEOz+tVydt\r\nVmjbQwqk9M7NeuFwPFjN0aRGBUpZMFDhwfQ6heYiVPP3/Oup/OKT6gg/A1KE\r\n1jv5nvZSRlrnzKI2KrOg11V7KGdSVWzG2Ek=\r\n=R5Xd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"a64b9217e87ab2247620ecca36420e21f5a4e6aa","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.3","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-23012023-a64b921_1674496914516_0.33784807018223195","host":"s3://npm-registry-packages"}},"0.3.0-next-23012023-2c87e8f":{"name":"@unholster/seisveinte","version":"0.3.0-next-23012023-2c87e8f","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-23012023-2c87e8f","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"379440546d768b860d7171469f2a2c3f825f9cb9","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-23012023-2c87e8f.tgz","fileCount":413,"integrity":"sha512-z0hc4tcErsLgZl5jPgyfqj7FWxPr9PjzF4IjyikxBlX1+LeEfGlqcjhR952iZnvRnm2nuNTIgV6VFEZDyQ2IFg==","signatures":[{"sig":"MEUCIQCcIvHwcCxzapXVJr7GDAKk7ROQqu+IROZFITgy8AhQqAIgSyLVep+ZTFKONLe07kv2VqGM0F8J8m0hYDzaMOA1Qd0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":855207,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjztNyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpVkQ//eocjpvVqYMWmbO8bRyzAQINBSDuA6EGJVjckj39fTgxALwc0\r\nwBVeseILVL4DcR3+GhG2QtUX3nWSxSpPIvNP+ljhPVu8uqEzZjqIkqOBzrAz\r\n7vu8ISjxnco7yjjlScnIb211Qe2Onk9DbMXvuX+UXQ/uJlbPDzbCZfdW4YD1\r\npx6ESP9aA4Efm2uicX/fhdhnadDBymio9zjJufelzWosU9bzugID1RIEH1hl\r\nZrY/SrVEXJuwhLSp97JH8zWKa9rcGcesejUT0GmNwJaEPKsFJO4n3Br6RHnB\r\nkJ0ehFlu9dZl/IEBtsGXF+Z89Q/vk/B6hHaniQCGv7yXzICfMyjXqBOhxEEN\r\nKKuR42Ytst25m3JS8TvNRzHqBYVnTR75Ns+UvpY5IgepoAZsgbQyhzW26U4F\r\nsBfWxjB2EKRToP8b5ldwpViTI/jGUoy6eLF96axt1EEVZiVC5L9Nn3oA895y\r\nCnjaujEmTDYCdCql77T+/K8thfu/OXPF6m/iUmpdi6jDkM0xEbNPTABsYijE\r\nQz87ArQaH0HuHxayXuMYHyaJBEA06P2rIJvqr16ecceXTOY6xBYv7pYSaOlf\r\nsiluCVPn2kstaqSAuzdITtN6awnNUFWCTnc41DQK4Lrtwyj/dqa77M0EdV1t\r\n/715614bZtJm7ujZ8OSfcJv3W1IWVrzEvbE=\r\n=oTwv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"2c87e8f6800c9fd084f5c2507ac4de41cfab9040","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.3","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-23012023-2c87e8f_1674498930405_0.8330970415231833","host":"s3://npm-registry-packages"}},"0.3.0-next-23012023-228319a":{"name":"@unholster/seisveinte","version":"0.3.0-next-23012023-228319a","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-23012023-228319a","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"11d35419b9e2ef889471cc3cfefc4814acecee0a","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-23012023-228319a.tgz","fileCount":413,"integrity":"sha512-GEwcINPQCrKIJCQF6uWFBu9g2ka7OUprnJsIjFljoqj5izUhUU8T8uf47AG8xDflu+7Yo/4zeEZYGbRbVx6U6w==","signatures":[{"sig":"MEUCIAhhDqMPYjvfeKNBosIqCyerrLKuWHHU5rNFg1Qtgo9ZAiEAsZut4LAJLys6t1Fyc3czJ/8PHKEwzUVUsy/35GLXK6w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":855302,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjztZ4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmriKw//Q9/oONFGFpKW9F0xb44OhfGjcsEOEUJAQGqQT7rUsgyBmc5i\r\nw/BKfbzTCyK4Ufc7HweTI7z9Ax9ixLC0bcMAPsePhG2AQdTP8eD40bufWrSH\r\no7zP8nGlR/5kMEs5MSEPHtYk0DGyWeox8xAxxpu6m5iTxi97BQ+mN92jburg\r\n6DtDURfnkH9OVGIjkDEmlNugMVGPfqCAsHxnekJkA9XvWEks5wwGhMu/vhjP\r\nnNS/+xwV8YXOJ4xcFgzrknYNr6BvVpXo6G/A/JUYaqPDdJI9cNUMJPVvZRuz\r\ntlclpwnHH+r4qWEj4q/E1Ug1yLStMhUKiUhgqYWgtOr27KAXZa2Df5oQKH/a\r\nopwVUat+ghAEUe52N7t/BxLikO7vjLdkytnIZOTw4P4LQMCSSVxxOWzVZi4O\r\nQApvBdG8jymwpxZJU7DPTduahK92Lx/VEANpy3BBI3KkAoAFvYsoIibU8j6D\r\nUcywesEpHl8yCcXs5PFjtVrNBP/RudcGvV7o1RvEKL+R4TnSe3w8PXj4LGoO\r\nx2ojULp6dcKB5JCs4GDvhtaNyiQ2IjVI7RYc8KOce1VCOT4astVXQJOjyI05\r\n4FkJyN6ZJlfzrS8Qc1rT8PRis4Xg8Ld7xyzZGiV1rKipdIdV6OpiFqox0drF\r\nATndDjpNd/E/fMNyuwo6tVMAOj7MZWsW5FI=\r\n=/FCx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"228319a29fee8a3b7255f63f192047ae34c9812a","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.3","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-23012023-228319a_1674499704501_0.08310216304602669","host":"s3://npm-registry-packages"}},"0.3.0-next-23012023-5e66337":{"name":"@unholster/seisveinte","version":"0.3.0-next-23012023-5e66337","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-23012023-5e66337","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"5f4fb4b2aa1d3144103c8db66af80ada7b35d2a1","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-23012023-5e66337.tgz","fileCount":413,"integrity":"sha512-qlkE/WRnA9TAhIfem0nMZeZVj9v4W+mt5OEmQDOy2YdpFMtbobDYdFdPackOo8cvCCtIrYc/7yOu4BtocENSpg==","signatures":[{"sig":"MEUCIE/T5xu3WZI0AqvaqkVjAy2y5rMJPCVt3/+5edZbEkeyAiEAgNBq0mo0HBDLlcgu6dqcjohV2HQ6cQ3ror86TW5UIlE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":855284,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjzuhUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqbng/8CviVK1VcmaPJbdP8LuixEAfub7TJnaPFaXwlJwvIo/2kgTjE\r\nqdxfeLgWe+AKIW3gM5zn6MmxJnTlNi9WSk3Cp4/BKnYfIesMzuiJ+vsjA1MN\r\njiKEc9z+LEJZiY5ogK7163Y5KeT5NByqDM38EcBZlH2RrPAzI/rzIefwPLFg\r\n4I62DKTZvmzOHBiUtUTn5LvuSzirI1Ew7qsDT/XL30ioF8QO5x8vpTyEUFoD\r\njgxRJof3RVz0iYMOILFRu2iQdfBq43VpXxYdBl/+4JQ9DwKg3t3Zy6nadTFL\r\n/EU4vZBVXgZeJ3/PQtzCToFWkvOg2/sytlPIHcEE/rfX7do8pGR9JcvZWaig\r\nwA66jnaXBX6h6DZxNZAfv9/6E/YjIEDEpLXLEPOGgz0K4kJZ0vnCoPvQRJ1x\r\n/OVmSgfh8AqPyhXzUY4youYp7KV4CUOSbqw5qzjouizfFtiYDmowsv4mExCp\r\nVRJ1h4jtI9Ip2esIe5vY7JXPk5qhqhePYIpWo+D6EKT7iXnbVOBzPRGaTMOj\r\nmpGzIcjZgkOm8UGJhndeIBwIEeS2kUPnw0v7jU8dPU9yFdGmreEqP6p7cwue\r\nc3USlebkXDjb+ytEkzY/Rkbe8i7ryxle0McYapR5k0wx6rXLmYKom7UJFOU9\r\nBnxT2TiIGYxeVM0wR7B2NkVbArY7ORKUwvY=\r\n=hneo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"5e663379f294bc92ded90ec6360105ad545b44f2","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.3","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-23012023-5e66337_1674504276026_0.7568195778284807","host":"s3://npm-registry-packages"}},"0.3.0-next-24012023-503350b":{"name":"@unholster/seisveinte","version":"0.3.0-next-24012023-503350b","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-24012023-503350b","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"85619c19faad45d10937d4054dc84c4b9a55ddb1","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-24012023-503350b.tgz","fileCount":446,"integrity":"sha512-DHhTDnXd/T9jKZa6NUcRDKSUdmTgQRSs4v8UV4FOhODnEQ0jqwfvRHmUJ+B+6gBz5EqLDeF//C8rrFweVv1h8g==","signatures":[{"sig":"MEQCIEnEfWNxT1Lh76hGDCYhGQMKuZ8AxIJfzdQ0tmC5DI63AiB39XGgY8h4BzUov8+Jtf/oImH+ChnNxZJDWE92QsK8wA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":972873,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj0BadACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmonGw//SntOm9fn/7+qLkqoYk786trPLMRtB+6oKiURYfaeOmJ2jp1z\r\ncaOP+3MZwSW1VkuALuWOEkzDMT56gi9Q08CNonZfQUxKpIkwLO0IxwOhP4gX\r\nyBDOcJFGh8VpP4PKq3gjLTFItHMydpLA6Dj/Co/oKQnG4dAeatxeAhVw7JbQ\r\nNYjdJU8Qr2NbKD62wrq2DycjQWIk8t1OGznXWOTb3kwATxho9H8FjLxqzzse\r\nsSkJN5Wt1MiIT29ErtIMZn83s7Z0zfXYSmUt3wNcFWjtHjjW2S+SadTbvrE2\r\nT31BSmlWZ53D9OPwosJjebHyiYSvnIS9hK83iZup9Vn5tNQORplsDMIThNLl\r\nBugv69PWvWKt1R/Uzf6CZ8kGZTWjj9WI5WqO26dNZzie1BXxyDM9d5eZSOGZ\r\n/VqZ1TNYKab/rfwphIvrsm3rdAQb8Rbxmpj5OOpecM3u/V7c5zUll6t7zHgw\r\nG2ZMBgXQBWyqgezpBIp4t/PmaEGAzlgv7HsStud3GLK7YZZdGvG4NGpg0JCU\r\nSc7pC4U/S1vtfbCCdBbjFS44zDeY0NLQDwZZWdG889nLGrHoFri7QKXaR+3P\r\nQ/gI1VgA51PmsNeMRVsuConzrIIactbutoPZtelPsbfjkuJqyw5NUHaq6Po+\r\nP39TZpjsqFRk5NnuuoAIiBEvTLb+BlGw3vM=\r\n=kDl3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"503350b8f8dcb0e6872a77e023ba95ee37eb230b","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.3","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-24012023-503350b_1674581661137_0.506219493884291","host":"s3://npm-registry-packages"}},"0.3.0-next-24012023-ba209d1":{"name":"@unholster/seisveinte","version":"0.3.0-next-24012023-ba209d1","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-24012023-ba209d1","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"3ca0fbc61f4b285358a4ad486c7ef758f837a5e2","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-24012023-ba209d1.tgz","fileCount":446,"integrity":"sha512-vOCqk0e0YeILhokdVXn8FEo9PqXuzzmKonqjsF9UhJ6M01Ocaq0MpPQ/T4JQUokRE745HzX5B7ua9Jj0SbTIwg==","signatures":[{"sig":"MEYCIQCxyzL872sEfh+L8ALNr5ldAwyVkRgMGrxBUH8uI3NesgIhAIhHQWt+h0o6xNWXMFyDpDAk6QoD7Y0JWG3odAgFjwDd","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":974233,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj0BjFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqOjQ/+NjFFYcaIG1wf8fwNUtH9J9/I+rc0DMs5QGuTFfquLmeahOqX\r\nBuIl7QbZboFX68qjaaV5Q/cjzPlH/XXJotnXQovM4CUMrCPBD30ULpCOy/Bc\r\nRe2vNm/Zxt7uLClA5h3tVfkMfgZqwyz5HmcyLu28Ujai0AjZ2odcLS7FhhqY\r\nFVGsli7o6yQmB3X1EvhXVuIq8CuVP51RhrLl4ivrhvZo3BeKjPHtPLb/ZYi7\r\nh1+my1xf0w7c3JHJnWp77iMFsCR25DIyh/ha9EFVze+CcT/XBFM5ELdybp7m\r\nqFFV+5VcNQgeuM2VkAqdo+XAw9iMEcpd7tW0e+Owe04FdUDd8C04Vf20tBER\r\nSNP4gkbOKtwWEfQHXB+1VseqZ8qt9NiwcWVZ7eUnr5voadKEfPhsp+gGB2Bb\r\nsRSb2bkDdbG9/+VTnKsBPIfPPRmJJ8++jLVvOMGNElgJF5b4CMfXgK6Zb9M1\r\nCPzsaWrot7XOKzk7nLUbcAYOCaTyGT85VLc80t7QNTIm9pyF1OjOq2AunW0W\r\n2sq001YmeuLkggtLG+kNiXnsnOF22W2ugpXViTfJicK+uCcWJKDj1XZD9J6F\r\n3JLlTPe3UlnNVcCcxqM4jQx6HGoFhKWEHkAmCE5RyRSVYDqiJx5y7mAWC/rD\r\nRVV01Lu2KB4oIUoeP4351PWqt9LaJgr5GEo=\r\n=w3x+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"ba209d187a8d54f8840fca00bdbefa4ed7e515d7","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.3","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-24012023-ba209d1_1674582213347_0.8158804666577242","host":"s3://npm-registry-packages"}},"0.3.0-next-24012023-7f4363e":{"name":"@unholster/seisveinte","version":"0.3.0-next-24012023-7f4363e","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-24012023-7f4363e","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"e57998332dbe7af78cf82369b4931aacbea7e1ed","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-24012023-7f4363e.tgz","fileCount":446,"integrity":"sha512-j+yoN7tzZ8AYhWxNUFL0eqiCL9lZYKORpcNE2uHtY3dSP618SnZ1JTixBV5WpdXBUJcTZaBvblMduKgQbGFGuQ==","signatures":[{"sig":"MEUCID3myLsV7Kz+5TihQo7wla/wJ+WEZUidlt56+etSc58GAiEAxpN6skOxsAvcZAOH+uA/gbKuJHzaoQFea/jHlcZ+o/E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":982070,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj0CPDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoxrA/+JRHCDQLtRKlrOpDqZ1h2F0FmztX24TxXMeCADxdyYJAxV9rL\r\nu1a90RY+52mYCH33nJmneOc/QJ6AEPg0/7Iml+46A3tPS2AMPs/qMU2ot5kh\r\nw+DirVge1nfK1KOvZ99K/rdyhba73rJ0+2BsR/p/jN/68tmDmXufD/HtDd6x\r\nv/tb7WydM+KQCbWzHZH5ISIu/3iIiDq0+H2cX/ktZ8OBwMKQfZ7zIP5rPfGQ\r\nUZbMzXR736qAsRBlqy6jDeATZYSqU/lrbIA8HtCSNRdKJBNlgQCa0joNHAn4\r\ncRuK8SGmkrdoTBu4NxLZu+S2Z5YZF7rcXDmFuTHY1ToTHMgjLRh11lami3EG\r\n83AFiLJEBDvazk6YgOA1o5x6KVeavnqt/AeAuZUZi5/X0hB+Rs4KpaBkHn9e\r\nMdnoHP3VUztE6b9+WuWwxepaULdWBtGjXBKEswYGMfOWroW3X8pHIZZ2fwh/\r\nkrwhj97xr2jWsls1VXFp7dNX7ug65qWjBiZjd5iGYuKUoZYvrmLSvzvm2UUK\r\nOjZuA8K/nI+IliegkYypjDTw/eZ6mBYBTjHVSdH63jJen2YHQmPRLZz6poMk\r\nLTXA5Up1DZ7gyJxE1YuFHzKMMYm/0dxLzqoKvefxqnjLBXrg2+oDTx8OHpUc\r\nwWh5ULRmg1ox0rNusguuhsvCabvZYFkKmSc=\r\n=K/4+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"7f4363eb36efbc86967d5cfca700626238ff871f","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.3","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-24012023-7f4363e_1674585026765_0.12896323452583136","host":"s3://npm-registry-packages"}},"0.3.0-next-24012023-a06d434":{"name":"@unholster/seisveinte","version":"0.3.0-next-24012023-a06d434","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-24012023-a06d434","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"1437a88fb2a2e26c4926051f265f8efc68df6dc3","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-24012023-a06d434.tgz","fileCount":446,"integrity":"sha512-XaCorlWgplGj3UkWY4YJJYuKGUwU5GYbFMKw36o0YpAL6mCxahg/vC+fI2hYcLS1Mf/DuhtVMsVEu7dAgY+mCA==","signatures":[{"sig":"MEUCIQDXodSVKmbK6WDvYSVE3EkTr2uMkEyl+wnmWngqnDfSVwIgO34CpWlYrOMrC6dvUCaqNuakzSnNTImnRvHumU3OdsI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":983749,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj0CkNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq0sw//bFxvSCqSaqvH5OOfXuqkbVMZ7PpFqZQgRyE0id87GrPm7n8F\r\nNUfz2KzLb0scFC3hPk9RVnTVDOU5kt4ZhkhjKKd6jxEQl6YOWmmzipZ9kXSP\r\n0LvfaHoQrR5BOGWXCbreHsJuYDOAcFawB6tqdSwRqzA8VlOv6yVkvOs7xU57\r\nHIpnUOga4nX9r73qLQW1430QxV/dzLWnQ6SKb3/4YbzaANUshfFlAAEw9M03\r\nDH3d6azEX0mdK/YrhOI2FbkK69hn5oL50ovgbuuWGlFJs+gUgVLa5m2mWRMV\r\n71fMpHTBJzIwy7NuDFjX2Qx4giTb8RSbxQ0OJXchnQFoklOIEY/Gp7wDWYHb\r\nH9gxjSvmLdGCdgQzX1pRPl0yd9vhwtFTGNQK4KhgQkPVh6jAdcKe0oW6hLXx\r\nuEziVO1SJ+Yn0N4Ab3nBE6oWDvako7ibjvm2nqVNlWvrLfqxVrcGPlFo+UBw\r\nPseYEgmjVMyZCfABcwb3ge8GEEMdhoRLeW75Zh8OgwOlFtm4qpEzqEMwTaPc\r\npgiIcdhNxQ5BtzJV153NzU7S4we5ejrWXSRoyx17voH8zIDzonHaW2qVEal9\r\ns/Y74EU7rjmJR+s3appn3f7Q1yCeCbF02rqlOX77hWEDBUqSQbv/shKfkdy6\r\nvIAJhVQ/UbB7uuquV2KB+8Qrr4sn2VYZqtA=\r\n=Qbd8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"a06d4349d66b5ab748cd787470b6d55316485a8f","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.3","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-24012023-a06d434_1674586381257_0.3772406194918916","host":"s3://npm-registry-packages"}},"0.3.0-next-24012023-0c3c2b9":{"name":"@unholster/seisveinte","version":"0.3.0-next-24012023-0c3c2b9","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-24012023-0c3c2b9","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"169b4ebafedfc8b11aefba162f80fd5d133fd700","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-24012023-0c3c2b9.tgz","fileCount":446,"integrity":"sha512-RyKzIRLcYttwJTPyrds8u7LasGLtdgUZfMIreHzkhV/Jy8L/vSFrY4p9XO2OVg1k9+kdaOYRP14fDB96XHH4eQ==","signatures":[{"sig":"MEQCIFmNDcmpVuUKIsQliSMLQhqeDVhJ5vJ+aje04WGo6iE+AiBg/+HwvPC+U4zBBzbPOIEtImAv+yVlXT+d+EAj//L/1g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":987112,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj0DpsACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpCTQ//Rz8t7h0KQaGJjDHn/yt9OfuWVo6SSEtuhK3az6fnLHmxUA+7\r\njJjLQo2NBTUU5TrDOiQiok/GTij/5WSUiONSEQ2XbfrQbjLi1UQpNKqgxTGF\r\nUILCSBaQLr8cDXJG4kLhE8r41NeqXmnW5K7ZNrB32nzdgPPKl3jw2vMgL4An\r\n173sCsOEuywF7DXQP5ZES+wkXoMkTxhpG+XoBzlXzB74p14fDp56GdAGWQXW\r\nsTHOKgEx9ZH1hV/1+3U4YkFiPMDVWy9lQL7daRKyi8DAAdC2wr7jjmfgn1lQ\r\nWBH9jq+yjDq37FA4BozAvgTIQ4dl8okJkhz7gTw2ZiZ0SzuRbYf+mJRuenos\r\nY3pZQiBe8QsRtI3OwlQdOlSLk8i5aOAZGBROBWlUqwj26sSe0bGz+5UV7cRV\r\nbOsTTCLACFhb+upqtuk7M+B6henNgcv7xwfSYEqN1eIkBtVXGORJYEB/PRgv\r\n2AzL1NK3/Tgsyu/Ev0SlBGO5ntMMMZx3HaA4/paZPaw1wkwCRdoDWlCEUK3g\r\neOu0Qgly9det+Rf/eCGeEhXE3Fn+QTs8vX9el8r/w5H70TmL873wGL4LmzPN\r\ntsXXCqPOFhZ2elGEc12Pguiw59R3z899BM5abFVRmmH8fUyFtChpQTE/OMru\r\nVhGkddtI7/6UojzkH/UR33f18XB99hdvwaM=\r\n=PBGx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"0c3c2b925fb6e935555e452c2becdfc3f9bf0661","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.3","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-24012023-0c3c2b9_1674590828509_0.9287099425199372","host":"s3://npm-registry-packages"}},"0.3.0-next-24012023-75f457a":{"name":"@unholster/seisveinte","version":"0.3.0-next-24012023-75f457a","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-24012023-75f457a","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"68665c5c33780f8723597a52ca2b1e852b82520d","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-24012023-75f457a.tgz","fileCount":446,"integrity":"sha512-PQZjPB9uKQM3i9wGw8UUwr8wsFYRYvm9L7pp3ro//5WosidzPezHzwMrxcfEpGpqwe02nYub+a72/A41at9Lng==","signatures":[{"sig":"MEYCIQDIOZEW+RJVjpGmsGETDSjy2WACM85ml/NYEZBtr5zmiAIhANurCX1wG0XOpQuVzOg5GrhXbAMLuxcUn0+QSy1J8qDw","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":987105,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj0DxLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpUdw//cDFeEwkyPTFEBamvFJzJIVY4JIQPswsOCQ0dIQvAcI/BS+ZN\r\noX2PmAEPMFcOI/SWvEtzQ5LBG4ev3V78FgwiTqztHcZXqrCskrpMtTNa+iW3\r\n1ylMLPzDbRjFe6L9vAt7N3s8yqtYWE/48Rb5gZ6VdzobCN9nlg3bFaCznSoI\r\ny2hSetQ+oP+y0A4ldgCCRkoXUt2ma5YfjDKB2oBrGhPUMlRa7Gj2bSxOuSZZ\r\nrt0PJ05VF6TAu6soe+Qi53Xz00PBgvwarDm71ELGLwSia0at0wh/xl45bKcZ\r\nnlVcn0HOcBhWT9FEnpIMpkUdhAevIXqEud9mRNpEQOZLk5uIsIITknYJ98iP\r\nO70nrt58JiABkte1+O/tToPDUz8nz2suGbLTd5E02Ck2ybzDFoZ4ImUmfYFx\r\nFMuAjTc7G2vl1QeVF4saSJtQfwTkLKXkIDfA90FLTl8tNY3dkwqNitWlf8Kb\r\n4mC84/2CRUFrCWaYDPgQzFaK4KnadCqsJPpZORfn36nx4NV8ni+jVd89u2I3\r\nw8QmrO1LnvGk3klRpcjp82ale7qsYavCRc9NSGlUBgrvJG2V7IPybSGgfkIN\r\ns+95DLqvxnSJi0FUSW83bFpyt2fI4xQNiJnY0IqehkWvC+wjKrY38/3A2dsv\r\naevl61kaX57x1OAxYm7NWJwinH9LfbtgAOE=\r\n=oQbU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"75f457a97c42403e8f7544230b58a17d108fa50f","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.3","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-24012023-75f457a_1674591307043_0.5582426379780538","host":"s3://npm-registry-packages"}},"0.3.0-next-24012023-b3dd7d4":{"name":"@unholster/seisveinte","version":"0.3.0-next-24012023-b3dd7d4","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-24012023-b3dd7d4","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"b24a97f5d8384ca5002240c262eceabcfc23ae91","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-24012023-b3dd7d4.tgz","fileCount":413,"integrity":"sha512-AOXarQD4qxW8ctCR1rbonsWYYhP2P59RtB3ACv2r/a+LapcWY96naBUYKIl7KkmQhmCRycqEdW41BHy0ahj81w==","signatures":[{"sig":"MEUCICsXmf1e+mG9qiUDQQ7vXNklKszN8jXGH6L28qLtmYrJAiEA/l6kFfjHr/nvB8CPuvNm8rZ3V3dwKlLsmEEuncj4RUs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":855747,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj0EAjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq1dhAAo31SOz8BQO4QQ0jQnGZJ4mHvp0ivXebETYhW6QJMkGzrB0Qi\r\nHS0Aidxb2mOrzZApqELeeNCL0c39UNSOhfcV6a08xDoW31w3JnI5Y8k0ZxHz\r\n5ilfJP9wPj+A+b741qpnk2G7TyWYCgTi9eLSKD5yFfT8nf34ua3xZ2P+tEv6\r\nESIO4ZwZ/TKzI7Kt9urag7d6y/EQtu+60cnGzLKKkvAHnWfpV14mQzbsNM+L\r\n+ZIRSlFW4yAHSwOfYWNcqPhvbUgwO/oerfsO1HhuNgyWXNB4JvbXehxr80PI\r\ngy6G3RjLu8lamfK0Zu9EU09tne2gCSFimnkDz49edTiBlddcLkwSX9vIy7oU\r\nolshFE5buAREMJp/rd0038PbWxEyzo1lsJ40BvmiEd8n8sQPz605L0dfgGf2\r\nxcTl0t//jV7zVTdWJ2Gofe4bfwr3iLnE0xHQ93oEN/y9UIuuRcuWE/ZMxGhr\r\nUohDwCovsmd70MoSXvZsNUkaCvbTnLqixcjrLMhz3HIbERqEAUqF7mHhVTRc\r\nmyXTCPo6laf0qz/Ig/1jf0cKHVRbLmiQBZB6kk/s16B0L/90HHJjJF3vvNem\r\nmooy7DjUCH5f5hoqF8UI3DRhEJH19Jn503EiZKMSfr5+/7kUJNKrGKIn8nyY\r\n2oabksUgNJxGhRRJ6Ja8ZzLVhIS1O/x8URI=\r\n=NK08\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"b3dd7d477567057c3607c78865eff77b3e2cb834","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.3","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-24012023-b3dd7d4_1674592291388_0.8318703768890812","host":"s3://npm-registry-packages"}},"0.3.0-next-25012023-447496b":{"name":"@unholster/seisveinte","version":"0.3.0-next-25012023-447496b","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-25012023-447496b","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"5b6cd2c9e8c2cbc2dc1f748f4c66b6d318e58f27","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-25012023-447496b.tgz","fileCount":477,"integrity":"sha512-X8zCR4KqvjMqw9oqU3nzt90kMhZFaBWeIN5Nuqi+a8dvbu8+DdZmU2ZwBy0Bh0G4/R7lE9OTcpCnyCbRy2VtFg==","signatures":[{"sig":"MEUCIBNCLTI2ASV4LWHtk+p02SzbSU00MGpgwgl+A2Bh6714AiEA2A0qwoEtMEzP8Ghcjy5nMaRZGHkCCG+BDZvBCahzWtA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1013167,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj0Xd0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpO7A/7BSxSX6Z9wSmovguN7FFjK3UXtJ2rXECBUzVGgp87qOhXuQoQ\r\nCYqYvUSyxmtv/FpSyuf0sYValproVKDrVinxDVc5sKG+XpUH5+9TUBFbP0UL\r\nhrhB4b/4aVQ1xRmi+KFCzAUWq99EQTW14vHIzi7upWBcxipy5pSy3k1+so5o\r\nML+IJHJr0CGJ1FZCPQABv5EEXbKIOT5cddftSNgBsDeNu1I1giPIXgvcA0aa\r\nsWFxyX5w2Qmkn4gW/SuL7m4A89v6xst//Tz0+8s6If6myvswSa+qNIHHSg44\r\nbKFXH9Na01djYCaJ1MtGh23EGgrtOnBEN6BC4AxvcQ4CsQfRyO0yHEECpCcz\r\n7flHHQlH0FSUNxWphBEzZ+wjDemfvhTTgJo/uHLSocYLt/XPYj7yzp2eeDIs\r\n7EjtPHrTrEF/bk2wr9Kins+AOdINWwswFp0LsECQx+4LO8u+nlerVkVXnwJP\r\nK/2MvJ1jpCIQJaDhHA8ZaT2bwn/auJJHMGSOBq+TBDGwHakL0Vmgms5z+mnm\r\neYbEItTUABpzdbUUGPhPQKOvzOLLGvp+2vmaBcAoxeeWj+iRpRQKe38SX5VG\r\nHAlvh4cNdQ/TmE16juubX5vqjvwhmRbv6i617DUIS/GF32zxyZ7Kt0tR02P9\r\nxJgooGJre03gs0f/3bZQ6jEzKpTfu0M8f+A=\r\n=5wNl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"447496b170dd7d4bc484d2a73527bc647f12ca8a","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.3","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-25012023-447496b_1674671988334_0.25803341658536794","host":"s3://npm-registry-packages"}},"0.3.0-next-25012023-4f70ede":{"name":"@unholster/seisveinte","version":"0.3.0-next-25012023-4f70ede","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-25012023-4f70ede","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"697c1708e1f5764bfe6ef39e762d427af2c8c8ba","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-25012023-4f70ede.tgz","fileCount":413,"integrity":"sha512-nrKpHHYaQnnvAy+xZ9g3kvv+Kj/zxiJvZM36D1LgjIdf/apvS1P0yK656DTCDnGof2vJXyWjIJTlSSQFOK0gpg==","signatures":[{"sig":"MEYCIQCzcsvx6+3LCyAdGRnWR1Ci8yBBxY2zqfv3o4kt0h4e0wIhAP0AXvg+N1CdOQWUASaeZi3Owv5VTUu81+1Y9rNJvJx3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":855581,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj0YU/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrFGg//TT6NvCZ3iLOc5hxV3Yf34eotcUQFKStzC5EMSk3LA+p4KdFl\r\nJjrC6AGZZIh8sGSddVwDWECCKiJ2IiCYbTUkitZsvMAveNF5Zb/E7FbxG6vY\r\nhWL5VXXUX82huLJr/1/q/fXuiwHzFFGPPuah18pz3uByl+uQ7dUUwrUOWaSs\r\n1bq/QItxxgYQnZYTt2Lzp9DCqiBUM7xUooKh1L+LVBWbT/dp5a+n2ZOPwAkE\r\ngAMeMPDqlBmUGkqRX3RD8RBMXXN3poVbpx3+7HSHnyb6Z1+xNPl5ZunUxyP1\r\nsTcSuIJNCFDBJam4gd7vkjAWU13A7wu6pjfZmhG6nRtpypT8YzUMg8s0Ayaw\r\nrAJw45JgbCaI/7a5ya7hG77mgVo4QnJgmmKrDCltPxjLA0YoZqnamT7Mgne6\r\n12PaNRdvkBiqFIEbrij540NOQBViWlpT/hjvh3rMhRV28zRCsAg0hP4Zp5BR\r\nfg2bjfZBtfVjF1igSYDg25f/uFTJROFrmekB7iBUuDasWDsQKOEeDZjFxIG6\r\nsvc2wvHBQ8HJo3oX0GiFtwdUTQnQwACUrHtMC5C8MbmpkelzeOMUua7ijDa0\r\ni/CzT+EZ5WOLOlKN/WfzhklYexi6KMObxRLnWz3RAdMcWQRQL+C4phZCJlUM\r\ngrcfeiRWSjjVWgmabpD4E4EbIK1I8ST1GVs=\r\n=0jPi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"4f70edee02c7bdba3ff5a6e0a7b23cce947fa3d5","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.3","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-25012023-4f70ede_1674675519596_0.9218679988073606","host":"s3://npm-registry-packages"}},"0.3.0-next-25012023-555486e":{"name":"@unholster/seisveinte","version":"0.3.0-next-25012023-555486e","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-25012023-555486e","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"eccfb5239817a10cc1484e512162989b672f5b6c","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-25012023-555486e.tgz","fileCount":477,"integrity":"sha512-3ccXJeR2aunwlFSSnqo3/H/5yr7a8E/vZqLggGIDAdjU1vrzawZFtK/r9wH1DrHRqEqmGC9HvdrzM5yKONi6YA==","signatures":[{"sig":"MEYCIQCSIXBTpKnBfmPrW5VsrXzWtPo1YL7FA0Pvmz8auqt1KQIhAPMdubDMwt2f+MSZqr19Tuj3RF2jINZBQYtGn20ONygM","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1017257,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj0ZX9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqQ7g/+Ll10xIMrUhJJyZw+zsSg7HjshULTi/qsHRvnSIcYPBlwaIPB\r\nnBidgPuiwKegQ7umDUN9cO3O9pej/V59pT7dHSugvK+Clc1IveGrth4mWzFB\r\nZp/mEYWMGA95yc+uyEW7cRJbpJMIUvlLHqI0XwSlMDoz9GtVbH9g4YLxX65M\r\nLMeNPsXAW/jwfdkygK08UF/cK/T10bMv3OJdYfduB0ZkX7sMgJFI8UKS385A\r\nxpar68GicpxfW6KAIXpXOiaK+5aJpgs1K5aA7Q30uXp7WUkUHEO0S8dGNgMv\r\nn9eqis+tQySxk9EsRD2oYYMa1hpRd6rC9xWFrRDi4czZ7XU7s5FS40qRhIzM\r\nf6Ngs+JDl9hCjxjzl9WXfQZChd7r7HCJOjHTcGpYUNPsty3SEahe1ieA47f6\r\nAz310EkI1UaVFN9J0wnjSAQ3Uscob7BAmInOILb3jPIVUOlkUoLHvS5JLGeT\r\nQ/lPDIo3FvPPrP/4V//AD7cOCt33aqbCs6/uEmHhWQXHkBUL82t9E3j7YQSC\r\nZ1FJyanNYN5Bnh+Syrmm95jCvQ0oOr6lpPL2a+Uk6dsvl5xq/uIkslK/Z/bQ\r\nQNxuDmwRLADXjrtP/zA1VGVWQzgfdq8KganuM/aA8bOJXjw7A2951x6XoNMw\r\nxz90S+YwGU2CLhyLZnNWHVKqO3FLSNNMavg=\r\n=cpLg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"555486ebe46c2a746f27149da91e70c01c2e4f5f","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.3","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-25012023-555486e_1674679805265_0.09187542768557933","host":"s3://npm-registry-packages"}},"0.3.0-next-27012023-a344153":{"name":"@unholster/seisveinte","version":"0.3.0-next-27012023-a344153","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-27012023-a344153","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"854f0b3ab1238fa2ad7a1d23a5c6f5d0203729b6","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-27012023-a344153.tgz","fileCount":477,"integrity":"sha512-8zmO+lA7+TkjwrVFkrAvgJhqHkwkm/0tWX2ShZymoxSkyfyfEfJ+7T2hYdDDyVKZf1pWPMuTQjlLJ4GmvNdOCg==","signatures":[{"sig":"MEQCIBFYuDAfa7/G6EKy0WlD3wuX7lUFU11rOm1LHN3JWuX/AiBvHDxxu5HGQQ/0QBa3gvTPU9j4Mo5cBD5Ez/sK0WIfdg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1019481,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj08nXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpE9A/7BzAoXJ0865UmGQnH8eNOYPvsbpuqtXSHH+SBic2NGllMvDwj\r\nK5fyro1aDLPsIe2A/PBqko290eUDJHPC3kRoqBf+xEpaEg+FRSwTp7bVdkdo\r\nAjbsbp/bEZaJjeqrLcHdEM1olQiq3hqbrEULPoIyrpaABb1bGAX/AL7HvI1m\r\nAW6EQ4nY1r3aU9zLcSNKGegYAv3wID3483Pjy44lxP05KelY6ZnSaAAlIu+v\r\n3mg47ilY6HfgbUke1wnNbKX97OQafBxP1s+DNtHWUgFKDXIii6XXQtzt2Psm\r\namve9uR6qtXJSuOtNoNl9s/QPb340SosoiDpyzlLS3nY2mVJMjpinfaKlrnI\r\nad675+HR8ll46J9WKXlLhsvUQmQBTUz4K71sUAwqR5LTCSvNs6zJG+4BaCIk\r\nVK+afkH8U1svKrlIh9euvDleeDSuCiXLvqM5tzg6CGX5UsBBMouOYyfyW97G\r\nY2JFXA8Hwn/Xd4I7FyUpVSQxVUP9PIieUfMpU7Gq0BldTz5RioJHgQ5NMy5y\r\n9ECZoc0FA7TM79XaKaSfZhHEyEvMo4Ga37qkmBkYG04YeVkZ8i8V09kjk3kV\r\nK7oODZJ88V9NT/++3O7Eld/fN2/2yBk7qrOuEf3AgQeeBGoF7yqBPyCdDFMy\r\nvpiqo7YxWJJeZmWrLwKDLylrqWSDZ49tS4E=\r\n=ezLd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"a344153da4d8db1dae7a031a5fb15b833e0fa364","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.3","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-27012023-a344153_1674824151334_0.5971076004831692","host":"s3://npm-registry-packages"}},"0.3.0-next-27012023-9f09dd6":{"name":"@unholster/seisveinte","version":"0.3.0-next-27012023-9f09dd6","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-27012023-9f09dd6","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"1da2486eabe323db8031492c34d5555645240072","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-27012023-9f09dd6.tgz","fileCount":477,"integrity":"sha512-71StczSbDI3FhN/AQhXfDOyMchPCc3ZCrFr26tz/pS9azAzF59f+/IYwjW6TKOig5zij5+WpPtnjUsL3tv+HQw==","signatures":[{"sig":"MEYCIQCIofUfykV3r7RUAO8a3KyTBZ5TRO4hPE+UfdAU9bBhAQIhAK7I7EmHdc0H2ih8s5XJCZ1/t38xJw6tja3JNyxPFccu","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1021291,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj09qKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoHaBAAgzqxpbha9Cdy+mciOZqTf74vVwsHUZJLRnHyMGN4hqK3CLId\r\naySR6g8zfVGRtm0dPYGCwsk+ZY01/2S5U5tWCAeFmicAb6M8CVqZQeyC9RZt\r\nH3kJOQmZZNUdG/r3rEf2+RUzbOFI0j09kfCgdIgcs+Bc0x0RJeKvWrRw6+em\r\n1xlUFy7la4QzaPSULVj0GpBoL6ICXbk6dVvf4XrsHIJbBui6taNM9pwie7HY\r\nrhDYgMTQA1YBtKBRtR+G0gT00VpTBqeL1MAB6PNyEvFouN2WA6DbB/t1oq41\r\nRcHYW+O03QZvS4DFb4AFs6JaX0cGsMZEi2DHk9qpNiKXKT0IwlS7RVUnVE0n\r\nrN89tLjq/gWVwfQU+4otTTUtsAf1nKYt0c9n5vuPyVS6VFzCcrxU7mOAibLJ\r\nYygJEg0R16ZaS8PxCPIzy+4p8me0f+Hp7dn4Pjf4YlT0T2USp/MjbPMZyVE6\r\n3+nHd7+2Fes7anP4TOVlMwnw4RBeNF6CmBF955U9QDfPtxt9ZSeDZJDbwPsl\r\n3OHv74syyDEYKekwF42bdEUPpR004liPvyrLc80EQ7ZQA5nkuYe4JXG3gEjP\r\nGQSvVhazenzn6xDpoMdyDwa927pH47xBMeXWiZszDmxY3trx0Gu6mEXeAd4D\r\nPE5lU2p4hXEih4hsswyq5mFt5DlUryaVpxQ=\r\n=ey61\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"9f09dd67128cd2340ebbd2ea9bba22c364a123e2","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.3","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-27012023-9f09dd6_1674828426268_0.5886432161380868","host":"s3://npm-registry-packages"}},"0.3.0-next-27012023-8472e69":{"name":"@unholster/seisveinte","version":"0.3.0-next-27012023-8472e69","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-27012023-8472e69","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"9bb24e9b2851dab4dab6abeace306b367356a9b0","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-27012023-8472e69.tgz","fileCount":477,"integrity":"sha512-84rPGZktnRnRSYlSGZL5KmL1Qz5KVbZ512qmpmlI5AVKm1RRDZUFcupUh4taGPM7ftC3e77RCnQ3r0UxeFr3tw==","signatures":[{"sig":"MEYCIQD30AAOZsmERoaVVTxPV/NYAcEle8xTFrmpJi/zGMdWywIhAL92CdPPIiNlc16Z/YZp1sOlievubhAufhToHaC4kE7u","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1022606,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj098QACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmozCRAAoG/FfMBg6A9rFYiA7B3S7K31Y8oa1yqzlE6ashRE4bceePfD\r\nq7QagR9LwISZ9cMVf1aL10Y262pIC0cLAkEj5Ggd1gqqAJGGr83idAriZcG7\r\nK6kJEqGcto1yfPrgKK4oMP/25cb7giwVVB/X7NjtC5wdHj5Cqd0nWkjc0zdL\r\nD6VWc6PMiZcHNcs3z0A53B6s6oSgviEbduhUFGmHbTs9hzn9Krfx4AuwM4bN\r\nnvirhpQI0HH4oKbbmoFbZ1li/ybfUfM/tldSXGv2d8i3AOZH6QT4tBKk8DZ+\r\nrZdlLf8uJrgbpN8n80nvR1nm33kcTFxQv4+MwbXO7FNg/Uf+Oz167VXPS9WF\r\nV/yKQRTSQELqeFsx9aHg4Dghqea17C4knDNWGWrMzyM3/8g8n5PP3Rb77DtH\r\n2A8WUOqeM0sIYH4c51DOZxokPIStz0FtJlmDcG5UqOhN5fnvJz+9aAvH4V5S\r\nbcO2Ry0pniqYsT4ZzwfL5v6mfxA1Kfa0HXQ5EcI5M9fN/IPpYDHVjrYcUT+b\r\nl8RQ9NU00m+4ZsZR3x4Qhx8JrN8VvV0AxeVPndayB9BZ9cDoj/uJ7k4zH3x0\r\nBOeRZRkr8bi7beysfzOOeil/c7qEQfbpK1/FtCYbScU6ZL962qPQcC39Cyel\r\nGR1iKaSBq33mlGllJa3YycN4q82KEpRw034=\r\n=0T1/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"8472e6936ef72141c3246e8f5c067305e2f32b03","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.3","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-27012023-8472e69_1674829584561_0.8322381956139502","host":"s3://npm-registry-packages"}},"0.3.0-next-27012023-5ec9688":{"name":"@unholster/seisveinte","version":"0.3.0-next-27012023-5ec9688","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-27012023-5ec9688","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"40109bfc48ce581c83ef4c2f850b0bc9629e8334","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-27012023-5ec9688.tgz","fileCount":477,"integrity":"sha512-JnQg68QKk5lafTg4E47zidjaBpnQQtigbJOgWpazWSD2fqw23UtesKylQaQu/Km3XPLVbq+MA4D2+xtsLsa1mg==","signatures":[{"sig":"MEYCIQDFnX5I0TGdy4qWquU8CAE+kfT7D/UnT2aOaVHjb5RYgQIhAOdwQg6zZr14Ax/GKFhgUQCk3kyroWsDFF0aOxbN3oDX","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1018920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj1Aj+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpapw//Zip8nL4yzNox2EGk+O/ZyVa9HTqU4poyinnzESlmlrioQdBJ\r\noRB2rFOIo88ZVOe1+wku56Euw5N80sUIZ8JYv+31YGagOP9neYyn96YL865e\r\n8Dz8nwIb98NuIAEYoyzBjlfklaGE/cq09OGPYXI3MiGKFwbOI2R+02yN9mY4\r\nFqk2h6c2bstMO0slB6qnOxRWg/4JJMvypItNiCRC5CJz/+WcVJqHcMHXZNRz\r\nHP25wErBQfXldbTf4PYUuemlFJonz3lKnhVQfPx6qWVFzOeaBjrvLoi5+f45\r\n3eASRY1P3lbDrvfz1DMCwOEK4ubjxp0rfwiPD1KV/gdxK9s7pihrUpfYW3O1\r\nUaSBkzesg60IZfndl1a/wvfEVCae/P5pF7lBO5DgFC7LBpfs6KRoE3FZHWzE\r\nja20Dr3YMH1Lvi1sMzpJS8MySxrcKId1R6jnsD8Rfbtj6TaFcPlVNWNKMt53\r\nY8yjGZ8r1DU0FnQLq6lPP9WTU2SZWSxxLDq325UaRhsg8tIDrJ7srf9Ihxx8\r\nZmbQSGX2tJ2Zm4n1MPJKRr5oADVZJ71/aGKB0JD+kZBR6lXPE6G8s8v+LLhi\r\n9Hm32S/D+DP9g3fglJdeu02RJqbGlQ6b9tAz6sCKzZh4YwH83suKJ53ktK2s\r\nnmkUxu7NPfv6up+kHB9oxvXy2Q2uSa/PuRo=\r\n=vZKB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"5ec9688f1bce03c92c65b634ff543b0e16915e5f","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.3","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-27012023-5ec9688_1674840318685_0.7261652782234596","host":"s3://npm-registry-packages"}},"0.3.0-next-06022023-579c9e9":{"name":"@unholster/seisveinte","version":"0.3.0-next-06022023-579c9e9","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-06022023-579c9e9","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"dd63b6591894ee094b993b1ea57b798cfa22a970","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-06022023-579c9e9.tgz","fileCount":477,"integrity":"sha512-TdAW21uU5C2jI5kLY5nRQ5U33lsHqGbpHPiCtlOKn5iZCHejZlGJG2yEHCjrP5NV4ATq6vd9ROKI99IccXRzhA==","signatures":[{"sig":"MEUCIA95e7F76OuX39ali+fksp+7NCugV0EeNEm9gGrGRoQbAiEAuCvArkSFVxv+YkYlnaFf0DR29MapalQt0V28W9k0hGo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1020091,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj4P0PACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrZXg//dB8+cUrZrDez6C/h7wiKVUKgq/nCvhsd3uulBzeWP2idAVFd\r\n1+qn6iU7Rr9q7LB4znzXrbEHWs2ec/am2SebJtmQJL84/g/G+jT6InwmXzC/\r\nDDmk7mRo0g6QAha5PBYMZ4uG7kzrSZBe8rBLtA23JxT/7tBtqBut+YkiBZFy\r\neoyZLRCD7Q80umRsLPtjaQ4gD9wIxReo4aaE7HB4du8tAZQHw2P++EqLDSVs\r\npB+Zor2IUqPm/LqsAYnAmVkgYWdqahx/EDZP1oItzY8q9015CjlqrRhwP1EG\r\n3ohX8PIb9CWXIXrfwo2F0EVoy+FZJ5eKQJBgFySv8HAwTYC98T9EYtllqT+I\r\ny2s873u8RZAH9x6PVCFW43Uk7X4xRNiyz8eW7jzu7UIT4LgvyueD34Y83XFR\r\na1wbyHfHckSndimWqOnE06qUir7zA7YOuJkIjxJ63c9KS1Em72GKxZCJpg7N\r\nTFQqeyemAVxU2s9+z16bfmZbEEGnFPYX/gj+K0CRfDrbA9k/oIC8wQHvA2ji\r\nB6NKVsvrJ7SQhkpIcFHEi/0bLPqXRYCqFSW9Z7g3nA8/GwrwGWiC+yKkuQDl\r\nPmv6WRoQ+A0tr3U4HDMcwC4pqf7C8i/I9MpETC7uFP33PW1JpBwCdBQHjRqi\r\noS9tCFumn97O5l/nlg40JZ3oL8es2KZIbMY=\r\n=xO+i\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"579c9e9f47f387064c26541f145636a2db165711","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.3","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-06022023-579c9e9_1675689231247_0.7486864717593071","host":"s3://npm-registry-packages"}},"0.3.0-next-06022023-cb58857":{"name":"@unholster/seisveinte","version":"0.3.0-next-06022023-cb58857","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-06022023-cb58857","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"c1ba68d249b926531a100c23c801befbfc9bed3b","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-06022023-cb58857.tgz","fileCount":477,"integrity":"sha512-7ez4qBpZaQcu+f6DGA+YSyT/lWIqT3bP7tZh1uOp9Bau7d8Y9XkZKp0N0E6SyjDorIDwYMs8NVzx9dxWNgXCFQ==","signatures":[{"sig":"MEUCIHNOIX3eXMWXlMZeS/HkWhFqvyM/S8osqP4Oq8oLgjaIAiEAxUxqvnRino5LedGl5k8XQ/k02fhAChzXxnRatFRF+Ps=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1020091,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj4P+qACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrFQRAAmfdhL16vcip3Eg9uC3XIWML8nWZzGPs5pql4kUITZUnpMtVD\r\n4h7SR2FXsxf4aftMGHHUMgsHi2r3HmbjGFkeccoYf36KsLgIyuhwHWnr9n4K\r\npUTXxKy22hqvWuKPtwHhVAcqatnWih0lZ7yYwi6IpnnEvI2Cbr7Ku3oh64ke\r\nNCEA4Dj9/kVoRkr8SDhS5lleDpDXdDlCF0EindHvOpvT/UH73ecL5xHgKPKE\r\nve8MTX22y+47RxE2GnRo05XsoRDIJhuxcuhqvHXDtpc32DxAP2wCt+76vsc7\r\n7dlkWWa2hE2PnpH6Z4pi6vvno4ChJgwSwxXRBWd/WVkQdGKd3J7THdeFAesr\r\nty4jmXFzi5UaxVR6txs7dYhZ7gVylgeUlxbt74hbVGm5oB2mxRwDu1jzbof9\r\nTM80G0LbqtF2sN8rzoaAwS/uEMtomHcHp6F4iFp3MWwMoRzcZre1LTkHbgnw\r\nU/NTv2tM1KsX0A07cIs0dY/PdIIZ31SN5yXnwwkAwmCxTU5uWKE7xwJh/T4J\r\nhqSepX9NagH9t9zEJWWrbFnGmYJ93XzOhX/uNtNwQqjQX0zeOzGve0D92wrY\r\nROG3nYVZBNQSDaSMpv78k82bf9DMQIQNUDluviX1OEZb/1hVm8YeYvvN3hpw\r\n1hD64RtMrEJuX5SdRCqI2BjEQLGIvLd3Ymo=\r\n=MiZk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"cb588572ebb38cc38c5a5d680c9945e67976b195","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.3","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-06022023-cb58857_1675689898333_0.6330254867023002","host":"s3://npm-registry-packages"}},"0.3.0-next-06022023-4969b0a":{"name":"@unholster/seisveinte","version":"0.3.0-next-06022023-4969b0a","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-06022023-4969b0a","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"f3166a94aab02ecf75912d14be56d23f73f6ff4a","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-06022023-4969b0a.tgz","fileCount":477,"integrity":"sha512-BlrBI9uRaQ9AswCXuMwmk0e7/XLcrQnQ7F6EoZXDeXiiOJ3ZVwKy/1jtAcFggIn8L2u+H4+dWGGlrgy75xqHjw==","signatures":[{"sig":"MEQCICd9hfcRpAENiQlUkD96nfIrssjvVYCoFfEv52Z/I/l9AiAFk2q04y/ZfFXVYfUaeDFEH+c/TIpcDlpa0hC2dTD+Qw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1020785,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj4U7cACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmof/xAAoF56fCxisvK3Hze8kSEk3JJyM/4Ps2/zzLFlUiJ9Ba4omkyd\r\nrEMU/+KDAE1vnpfbwvqvyY3gYFa74fSNiNCqCf2El/pGGvW+zVSta8EIcp7s\r\ng9VYIiOD1yR54d0/jo6ES2A2ZKCjiynrRWMaTBk+R4+3m5W3EEzUyzALWXPI\r\nbbt4gOy9itHspaJLB5fiWM1udG0bLAGTwtnj5Ta+g7eZfBfV8b3I4pfN/oNV\r\nH/mR4AKqZWOtyFVVCUCBXceLO6YPF9F5Ey/cJ1/0qmm2929r6mZV/QIFpW5E\r\ni8iWC17KoHRTCBUQCWadPBC9WQNchK370w2PIAJDQWIEQYcWzsz/+dZc0ydg\r\n2vA/c6CwN/F8jGLLuUVNVMOXPcngdUizoOlfouVMdU7nbaTLukv/DqddkLDP\r\n5VMeMeHC1no9fZYTYbPuqiO1UyaG88kBQRVdntpsFJgPENOBWriXCzVpVnOt\r\nuC6xU8lzdRsOYfhYaLgKuaFV83W9zJpT1xqqMcpzzABnAEGXDcnrXW7CiswK\r\nKJX+Ts3zAyn3wtlgTlc+q5Jc8y95JuHcVnUbmlM1GlUhuBfL204CVJTZMVZb\r\n0wRavBnA9lQQtvWmMl8WH/mlefkPtmSj9JwXMOU35RZeeFscTQ/3PK3O+jku\r\nSRhAyCX7FTT/LIJODRIt1zO5LFBsEnpPNlE=\r\n=fKZe\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"4969b0ad6a92286e8b050fb7d918391322f2f19c","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.3","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-06022023-4969b0a_1675710172576_0.4437434596179528","host":"s3://npm-registry-packages"}},"0.3.0-next-09022023-3a7cf63":{"name":"@unholster/seisveinte","version":"0.3.0-next-09022023-3a7cf63","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-09022023-3a7cf63","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"2b14e5b2c0d02aa7624f518e0a17e5a3930686b5","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-09022023-3a7cf63.tgz","fileCount":477,"integrity":"sha512-pQUPhdXwwk9Sr8nHP6hqeYSrLFYpVZueFAzUIssjVRIfFOC7NN8TP6fo9MkVwlgmZb55uQkrPTlw0rnRAhvbDQ==","signatures":[{"sig":"MEYCIQDADnc2LmjeKKx7Uoq0XJ7D8OikOFkDJ384cDgrEp0yZQIhALFz9YnKfAWxCS7WAgIZw9K8cKW29/oKFaq1SH4MrD9w","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1024099,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj5UHiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqtjA/+IagTJGFsXgPijB2ZLvfqkHRrEZF8dVBd4DXtCgOk2cWQIEfJ\r\nDIvXI8Vx0wSS5g9zcJb3/N5BiNG4thzZG7cexLrlMc2ZUaRWazkrclQ6G9p9\r\nc1NZL8JrNNqZYgblXz61p4J1b+EkeSH+BZ6lnEhnQcJAsANAZA3rp5CI39va\r\nP0L0Eney7/JxLebwVjE8hj9AtjZa1/ZMeMsfLeGrFGXsqJAjaZl+opFqEr7x\r\nf/u9gatC1fJ8ly5GXOTBkU68OqqXZK/9EUNzWjNSO14cKc6kvic0kKHD24PF\r\nlbuEia4mckAN2h87IcO6sVbk+wWtDVDPzRE34MVspKmBzUffyJMAEf2uG7gv\r\ndDUIX1HoWz5Xy2GnPeA4J4G55VhaHx13zPPI6SCXl1PmU4VoJ2fTnJJNT3K1\r\njopKnm7x2YICJKd3VjtSMLl1/I0mTfNh7J+WuGRS78wobqEwtmE0du+riSyO\r\nr3ner1y++MrbYO7PV5Gx7oZ+1pFyuilVr2Fi1/8SFKF3NeEP/fZEXqbDTXrY\r\nVIRimqwwxj8hL4nq1K9GRM4N7+PsWnK86Ahgaqo3Ms0eqfkySqkgCixJMcN/\r\nifASWjIiqQlc+cRdd4H02QFNqKqpoyZbJVm6/OPyasZ+n+kumey9z+fkYJrC\r\nDd5+vWLIVKH7dwgMMyEN8mi6qDP+3v6X1sc=\r\n=lDAK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"3a7cf63bd9aa8a5f57e5392f3e61d6d654accf57","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.3","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-09022023-3a7cf63_1675968993764_0.9841667281646773","host":"s3://npm-registry-packages"}},"0.3.0-next-09022023-0b4e887":{"name":"@unholster/seisveinte","version":"0.3.0-next-09022023-0b4e887","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-09022023-0b4e887","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"6857ad4dff440f8038826869a8b5b78845fcaf57","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-09022023-0b4e887.tgz","fileCount":477,"integrity":"sha512-r9/ThGhcHI4joLW81Q2559HQYAZV9bNrttCrb85YnvH6Xlx/WdzOQ6ZevCqhffX6WON9UrGzP+b9kzmkICUvmw==","signatures":[{"sig":"MEYCIQCOplUuLNbH0HSM7Gsig6YwxEba4OrroNGuQ+m02sYB1QIhAKFMh6mIijz1Nt6p2Wst0M5dXUtO4Rhn89q1tYeD/IO2","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1024092,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj5UWsACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr9uQ/9EZ0+81qX1C3k2oVc39BgrJd1SDkinJz2dXR5pENvP+1oEEsE\r\nMbuAV6jyK9B7EL0V4wYiN8Hq5W9mON9SUU8ombNWttAGZ+9PNIkIh+Y19L5K\r\nONem9dpdr6DrTL04MXcd7gU9zr2/DxK9aH/MroDsr8JJmICKi597eHteY/Su\r\nNr3wvams2hBQV9VsAM0FS4jatCQCRvmUxqHOjqd/7Y+UOxlJALn2PvBGgVDR\r\nGiFYXYgp8KlKl2MdmnsdWOu1s9Y9sSVl3Kn/bpm4J7mdmempNWxpJOGRaDU+\r\nvtpXqZzVVZa4/Wr4eOERstuTBn+BoMLMg4asbuPLD0UN9J1QrkFNav03oOpF\r\nR7TCZyyp5U7ChtL1WVYlzev9CcprHm0sLYRN9js8jvC0nxUcvKRkwjgBeVZp\r\nz52ImWLW+9to8YXuAlqFPq87IXi4XHEcrqovpBGOSz6QiIENbPEB2LD1XBXJ\r\n7QSkUi5zw1Umtw41Cs5CLbvngUrixRRJiYv1hslY6xpCgoSFfzzGX4xXJWBy\r\nR3EK4+78qEh9B5dffIOhXo2eqTLJ+kFY7qzD+eT0gtRofaGNxqr4WdlDW8r4\r\nZRwk72ueXqbrnf4Cy/xaQizr6lXWGhc+2K9VxVqLH82bK6NuKDlkhoRCpoTY\r\nni9a+PNpelYC4nWea1v+Td8Rm/Xx9/F3uFA=\r\n=HNQD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"0b4e887e4f333d1129df1d9038018771071b4beb","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.3","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-09022023-0b4e887_1675969963796_0.36883114849714205","host":"s3://npm-registry-packages"}},"0.3.0-next-13022023-c25c462":{"name":"@unholster/seisveinte","version":"0.3.0-next-13022023-c25c462","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-13022023-c25c462","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"fb0ffad10bd6e8e4164772404417ec572e321bec","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-13022023-c25c462.tgz","fileCount":477,"integrity":"sha512-9Ii3YX/6ClBOmnxx08GjcGFl+WGOIm4+yQoFpixyXf/p0+fXsITyOAZ1/b7Ax6/nHU1Zb3lHsTU1PwLTyUPeKA==","signatures":[{"sig":"MEUCIQCsznB2S5cCnF53zHyQEbbA8cc61KtJNwiDT0SvfEYXJwIgNIseY+HYSELGIvyZT81WMYct8eCT+O0IG8hwijoxrmw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1026725,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj6pgfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq+MA//YGPELh/4rPBU8URO/qfig2azgvnRNe62BbsxAL+HYG3sBRYp\r\nv00e+IAwvUadZMZavdC5PF4EElKplBXs+GdY4KQK796zGfelCNVK5EE0Vr+A\r\nQqXpHRPizMysnLpfW4Nlo+WFMEIaqI3t6I8EnvxuQKtzkcjBjDSiuB3GmIT/\r\nxDTH7N1RbxatecQ2Zg0S5JvaGHR/0hePdHXSj1qZ+APWfLuVNyXqC4v7/SYC\r\nfGrZSe/L4TlgulzbWyRcRN+8vUwKhCc1Jn73gxdroaEjk+BLIqy2xhz8zhu0\r\nFzJt0pgIg7FTWoT8Wj60DKKcxyz0EzSJVTBROwuD2YwzYqKjWQzLwmZn6ab/\r\nXqTio0octOVrrOv6EKmaRB1TDtiCj3k2eDnVFM8SgITti+zz5K8n3EMP4EZn\r\nlIMcFxFU3u47mtGWLBx1jsUbKNU8AGlnMRbM3HSBXa1z2d+2uuZIpV9eCMwp\r\nvemKXu94n+cyYkCdAf/E01kRNaSP5qXG8ww+nJaWvvTOOgEFqD4fwH4y1OTW\r\nLevQy8Y3rLx9Srp5NlGEigXWgir+yToTFadx9Tt9MVoj9AU6xPRQGwL3Z2QU\r\nDz+6E72wuEoQvYjB/ixrig6g83TUMfpqVUjmp1Yh3SUpAcwz0TeeENs7kqay\r\n0HB4GuPy7QSHDCrlvTWmumAiXW1vAxea4dI=\r\n=Eua8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"c25c46244d0a3eb99f86d242b6c3a68dd190f547","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.19.3","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.19.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-13022023-c25c462_1676318751170_0.6788362364628646","host":"s3://npm-registry-packages"}},"0.3.0-next-21022023-beed6d9":{"name":"@unholster/seisveinte","version":"0.3.0-next-21022023-beed6d9","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-21022023-beed6d9","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"addb9c9176ff0abb51023f50fb9de4821ea55f84","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-21022023-beed6d9.tgz","fileCount":493,"integrity":"sha512-H62eT3w5MswcbIoqcGcsJ23ZMUjn8IoqDT5ekIIx5w5w0sKEzpWw3DlViDIJwvYt97rT4kGf/uoyT+oi161QhQ==","signatures":[{"sig":"MEYCIQDJdEVA0thb70YDlGQXjE69+blzDxD2sorY2PC1wAFJMQIhAK2qlcyz3d7l3l0gmAVwwQEtQi+crawzw3t75VCXVRwP","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1044006,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj9RNoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr0NRAAiyZWR+AaBFF9tf8wggL3Saou9HHfplJxPjr428M63jHHw2ow\r\ndTZHHVRlOnPOTT9CWpI/HAKpGqeWySnWHFbBNEtkRL0/KU9BZj6VGjtIT9lW\r\nRL+Mu5lSuUJfFRQCd/RrIjw/6vTI+wSKUYauLwFWXHCyOGloJwuj4Oxvd+Eh\r\ntapipZSOVZ7MzpTJw/jrZ+GH+M4Lv63c7wklThLnlQFdFA+FFNGL5rl5GE80\r\nN3FIxdcba5WuQbMGktYrlQABAcNtfLgcFeoj0tZet9GVGGQ6aYOypmzu4jLU\r\nZHVXS+nU4QBsRFJoK9HChj2NrAWLnkjPirOeQAMOXM8L0JRJJEPytJfJs2Nj\r\niODyNWv4iQ81QgjWmLop5azkVX+rRoUuIw0+oLOwB5fnWqWRUzHKLO1JqLRL\r\nPevPIxbW5oZXol1itNn7rwd7o+ivHA9rPfUraDlmNFg1Iqb7wz9qtHo4i8pt\r\nHhuA0h+myh4pBpaSm+AhTqQZ84IjF05PlqxtSN0pz7v7RcrlLjJCu65PlASx\r\n6wL6uIFShKZ2SJ9C288pQkFxAKATTn1jFjbvC4rnQX0fvtMOlO3KqGN5PoKl\r\nKT3aH7WzCABIwYSWTgSi+x1D5EG+2xiTeEuOgjRPdXWeAwUQdVZmP4MLeKcw\r\nEwKs/+xUT8uzlcaSZ2MLgLo6NOd5T0wqSkw=\r\n=cNmD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"beed6d96dd0d4c15043c3342623326648e2a7da0","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"9.3.1","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"18.14.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-21022023-beed6d9_1677005672288_0.17252060333143082","host":"s3://npm-registry-packages"}},"0.3.0-next-21022023-686b2d3":{"name":"@unholster/seisveinte","version":"0.3.0-next-21022023-686b2d3","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-21022023-686b2d3","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"18a8913b15660497673611adb2e0a34f01cfdebc","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-21022023-686b2d3.tgz","fileCount":493,"integrity":"sha512-ivwhbJD3Ort4awm2eXDWonuJqY/AQOHPVgcKmi0oOP3sBAHNZUF3pEjLjSF4GJm6xAtvHA5eW6Ad/ZxhiH/dPw==","signatures":[{"sig":"MEUCIQCRjay/25lkhanlKKByTFezzNdkjGpZ//MboPcbnDGmogIgeyhkWY8jcBz5lB4RUo5Vu23iRVOfIa1QcbVeiB0rOPo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1046715,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj9RrmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpM0RAAilVDSUV6HWqwyd5W+7sXIwiBm35yDwH7lP2CiEvaCrba9VeL\r\niUK9/ObrRQTWo8jywkapeJhr9BO7I+4hSdladIiY/TFfcIgQZmQLmq1YaZRK\r\nPp1ifPDdh/ERfaOy2eZdOW8BGqhlj0WKebzUSvxj+TghuycNQfZjm7bh6qSq\r\nYl9IyezZxL2FMda8XA4tvWcDi0Wkni01nUfgxrTLsLHGHKt+NNAkdw2RenOY\r\nqBfRaf30uSdMok9kwJe54P+Hm9gDlWIwAz6ExFjDdLlc2cWnUWmaYsbokmk/\r\nab5gnc4U6J93DlJbKDhZLcW4dKJNLHMidyh6hna6egNEdtPE/R07pYg+6VeL\r\ncdQ7d4iXmlpYRjQW+soZe87XX4M+M+f7T2uu3eJsuubhX3sD9/KfyYt/Vr99\r\nguwdYbjvngBXfm7YA0XNLmvDhbVzIAPD4Lho1BfrgPVJeQjPXk4/AHQcO9QZ\r\nLXVxFa13U45LoMUcuVeLTPQ0R4nRVqtvABT8Wrklk+ZVQ1WqH0i88bMaPGK1\r\negb1iYaKs6DDhJ1omWfw3kCzKuxkJYiH/BChAmIatzqRs3kqQRd52AtL41gR\r\nu3zNXXvT2bQvvhZTerInvGA8JnqM3Shg/jYyLRIQhI/x5Muv3pariUeoeNfp\r\nngErkDHmkQRmw3kPRCWmsMBimpFtSIMWr3Y=\r\n=Huan\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"686b2d3fc2108af58c28594124d20836658990b2","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"9.3.1","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"18.14.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-21022023-686b2d3_1677007590686_0.01332542343700771","host":"s3://npm-registry-packages"}},"0.3.0-next-22022023-41a6599":{"name":"@unholster/seisveinte","version":"0.3.0-next-22022023-41a6599","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-22022023-41a6599","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"51b4953ab06f2476f873c41367aecea3e405056d","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-22022023-41a6599.tgz","fileCount":493,"integrity":"sha512-dczCFzPpfnu/X+0yLnH1QaM4kgjl3FNxb1HAVs0IfqRxUulPfvRPDrPvre7NYGxjESxdQ82jGLYQd3Zd5LlvsQ==","signatures":[{"sig":"MEUCIQD8M6szsbkeBW9WSF4X9fOY3tihuoCGBMArr2jfvOrQYQIgUtn4t1IZAVpEdPK+36SfOikVDxAoBOkkM4PO++TGzrQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1043485,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj9mQAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr4cw/7B/9LF+bhRwEkaiV7Mqc0hwu5jOWhWK5/xMHm3O+YFTRPkb8K\r\n0YWqV8osZKNbBs3AucRrvt96bsKwfrdHS0uLqFdZvgNPBX27AI2bSSCqe6ED\r\nVe5fKaTach5+9OoeGF5btXAKzX17HtolKSjOiSe2UL+tyK1g3ShwIWSHA2Dy\r\n7O0wvwR0kgaW5gdTX9HHZYdlYho25jsxy/L8Zez09RtgciGce88t8PSnqsXd\r\n9Qv/Exs0bp6NHRAkLY3Qwac2Y+02/wFEhA6Y4V1pC4MlxCOLBoQ3wm1DWicN\r\nxzxBoO49QGQdxSa7xwnkG2tDQxTdfWmQZhRL6WfmQrQrIOpFXpPTDiTqA8Jh\r\n3d0QITqv01P+OZeZoFmjpOBz+t0F7kT3n0sFmOsqYgKQbnvZ3V6pVtL3gRZv\r\nges80GQpVBZMbdS2P2GtWvd5oPTEJJqRoa5YvFmA9MSLUNWglef5DDMJB79f\r\nDOqzqKZBpKqwOF0qvclcGGEaUefp8NHO96McrJsyy4bj9y9sTXdb6lv0W033\r\nHMJJITh6c/HjJRaAgtMFpmiSopQ8G8+XElOQP2nvbuV0VMT+JNWxL9bfOjPX\r\nnVzAXGqTIH/QO99iem1ZLv0or64qJshJQPSjGJ9LnYsoHAwbJJvKKt9ahWh4\r\n5wbBGNe+Et8ggV7HY/cy68qwoixJSVBNMtk=\r\n=g2xu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"41a6599d9d43836b78c43d7f70c802db8e8fe6f5","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"9.3.1","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"18.14.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-22022023-41a6599_1677091840787_0.3923497120092343","host":"s3://npm-registry-packages"}},"0.3.0-next-23022023-ec3a159":{"name":"@unholster/seisveinte","version":"0.3.0-next-23022023-ec3a159","license":"MIT","_id":"@unholster/seisveinte@0.3.0-next-23022023-ec3a159","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"a39243c9be97a419c7f5cffa84be7af40cf64947","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-next-23022023-ec3a159.tgz","fileCount":493,"integrity":"sha512-1O1yfmTsoC5qmJUmk4jYzV9ro1iNRgtjwp1+Kc4jcdIN32ICAGg1y5QS9p9ARkYULiCdGURFJe+FdA8ux45c8w==","signatures":[{"sig":"MEUCIDUGw1uanDbmH0Aqyn93fYzr27TEqEaB/SkPXs5tR+nTAiEA6pbGNsx9DdO8qkenKctLpv4H3iZ63RKtR5s8qssWKhs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1044051,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj973qACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmra4Q//TFjf8AL6ygm+XMNWhGwM9Wi2nfXqpPLiPWN48Ccv7ggXPBbL\r\nwdKYcXnwDj0FdhANXTaMIXq7OQAIC8qMzDgVTlqdUnGSGtxsz5TWMUSh934a\r\nr3d3iZz5aWC9cu9cJnu0YISMffx8pfLKMm/M5e5+PLbQPQbEGUfhmOklLaYj\r\nfFf1Udp3XRjoo1T/UfheysStANeS7lpDcpIixgHFn1mlXxlvzGj19PvnmPxt\r\nKe2kVaQFYLn5xAO7MaU3F9aL2c/EsEZHRWX47IH+zTwSgqBuHRwopN3ZI21R\r\nlI9FRD1XfQlFg8qYOVVsZqtmtJGDyEsV8+7MqBtW4sgvMKH8xZ1rQjxRxE4C\r\n+plcL0JqRQeIJj4h284LDppgaC7tkb1FUbS41tR+CIGDAp6iGfCdpFMrTbSS\r\nG3t7u0REePh20JkxyRSd8owPJlYKz4VafZjt5aQKmN9Jxmj85V59OEbI+1N/\r\nyHkU0Kpn1N5TSt4e/vLpvXaxwZcZLiz3QUQvXcYbZWA+ZvbEZepGWRopy/0M\r\nSZkkl4YTeq02w8riozwYvcXp5/p9mg9ZxD63thga4hFzcAGfDf3x38KrN4wf\r\nYRCg/Byie8Q4FVS58EldyBmbutC8WzocAW2ZDlmld4CqlbZK0PYQclzO0NK9\r\nKL9a9LlumrEPAC0hSIctWgWl2L4XL20AMgc=\r\n=ll9u\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"ec3a1597eb6ce27f331b81fd1ba7382742b75db9","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"9.3.1","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"18.14.1","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-next-23022023-ec3a159_1677180394590_0.1350615930730774","host":"s3://npm-registry-packages"}},"0.3.0-0-next-08032023-5ab9c81":{"name":"@unholster/seisveinte","version":"0.3.0-0-next-08032023-5ab9c81","license":"MIT","_id":"@unholster/seisveinte@0.3.0-0-next-08032023-5ab9c81","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"af742d8e9591d397320bf5e32384b0ba1787b683","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-0-next-08032023-5ab9c81.tgz","fileCount":494,"integrity":"sha512-JIQB4VIc/04PXLkbR770MovKYuB690sRHFoDKJDeq70DpdKq7xuagbN4I2CnO6YOeDCY3Ph+EDE5bJqzYcYyHg==","signatures":[{"sig":"MEYCIQCghXBWPuDvzdOO8xdqUth/MryvsqR17SNtYLxYuQ/bkAIhAOiMlq1H4PgydrycM8aeMIQelVB1Z9t8u9NjujYMhJUv","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1044619,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCIhDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo3JBAAjCgbDPet2sgJVBsBIdBBigr4xCUFtxOsruucRsI7bOK1pyIv\r\ny1K6qDt+55S7y3jmqXF+IoiZz7A0fBrNI+2QEcODPk0fXtK/nbFWVBm0ZGba\r\nDeYd1WHAPcQrSUGrfy5xMgONirQgGRSmstO2CCi0sPNN7uOpBemkXVOL7Tkf\r\nDjkT7MqFazSzJb6gemwzoh2YqOoS6p283B5rtD6DG4Fs9cNwv7w+s8XHj3Xb\r\nUh4dw5el4q6kAGytQUIU6dBXgOdUauKKvcRKbdU0OUjE90ZlUAOZT3SYWDg7\r\n4WW3BrSuQBeeuXRvBCexMV2qCKF3nqbaAonEnZ5FbQbBa7HfuodCHdtRqxnj\r\n+zrRGdm3Ku/5YEbZm6p+VEu+XSTMbOA5fWISeHbnxyxc9dy+J7gg8uH8UaWL\r\n65z68i5vCQXqMp7BrRViOO60N5zPQnKEoiDxQ1/Q3Eyc9yaIqzn/dJCyPItp\r\nf2SW7eaJZfapEdRDddLmbGL3eHisCq4NKundiALNaxDK1yQt3PV1JLR3zHwY\r\nmtkD07Aedeic00swNSrQoxgb9IB259CxMqNGfuBE7i5xHCKx7G4xLV/iYPDo\r\nZgrutOoEvibXOO1d9GMoQ86atelMycuHAEG/ssgkXIXico3ilEIAYTBBIMvU\r\nE3EX/Kkg5LionoLn9K83FScgj+DTmSTkXtM=\r\n=Rs86\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"5ab9c81357eee358aa4b39e730964a2fb414104e","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"9.5.0","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"18.14.2","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-0-next-08032023-5ab9c81_1678280771725_0.9802091515329621","host":"s3://npm-registry-packages"}},"0.3.0-0-next-08032023-58394b9":{"name":"@unholster/seisveinte","version":"0.3.0-0-next-08032023-58394b9","license":"MIT","_id":"@unholster/seisveinte@0.3.0-0-next-08032023-58394b9","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"d47a1d7d553b105e8b39bcdc41f5d199879e81f8","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.0-0-next-08032023-58394b9.tgz","fileCount":494,"integrity":"sha512-Uz+NpSMcKof11panIjF6c+Gn2VombLqNEEtisnpZK/cxBvezCQHYbgezQK2YPGM4HQqRiWSDzCZ4yG+e6EtvFg==","signatures":[{"sig":"MEYCIQCbRMYURcRsrlB3gbc+jAaZiSQ1Hcb0eYy5EUCRtUA0qQIhANaBXQUTFUXf5k2oxx0aWxeO8s8p1ZZp/B/3e5D/Dzph","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1044621,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCIp3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpIrQ//VaCsxrcIdpHQnJZr54NFI9lKeRX+kUfY/z4ZLvfg9182oa8K\r\nqXvHKuUkFp01DYz7FqRqE3Sf906v76geAHSwktFX6HJXVhgKzBIsd619SG2w\r\njMD3+W7Ese1TCuPv+Xwqp0MR+HQlj5sjGrdebMJEJ0spLwPWlztwDDm819Hn\r\nE5v2KQYTvNaH+flqXO1ElqTY/AWYMjNsysKF8IBVtx04ybglk3zk7FktVu61\r\n1PMs88fGXrWVkDhVtLmfupzArMRdV9j0kkNGP9ZK0Tdvg+4zcnrY8EfOeJCU\r\n3fHGWBrOM++NFa/gMgCoIcRPKy/5T3uiYf0xEzA6jvoEFUKaM04Yqsy1uay5\r\nKSsr9+kktdeDY3pR4nobkVpu4TxtZKwGnfHTjdf4zIqOjB//SZt3HfwuvHED\r\nNgaZxS4i8iiT3NSaa87B1R5ORx1t5EW4lFA+E+cxvTbS+CsO2VXabkVCqSC0\r\n+GAhSCcjZaio5vN+tcw+1pkJSVWIAIhFOq8qzzSXEWKl8/wk7Wd5fjNnznFv\r\nviFpq+Lus2YFGntNf6LHiob3ac4aBXCXH2Vgok1atYTSbORt+suQOyOdMaym\r\nqMzUSY0u0EcWd7kBoCwUjgjEZ+EZf3mHkmVLK4iGu8CVMSvRHj0WTKOUe60U\r\nLpGkBhtC7q/muB5r9MOaxf9t+26tPHdRd6Y=\r\n=0pWA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"58394b90ef3593adda87530d74ecf37e0b68e83c","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"9.5.0","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"18.14.2","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.0-0-next-08032023-58394b9_1678281334852_0.7692304088860653","host":"s3://npm-registry-packages"}},"1.0.0-0-next-27032023-35519f0":{"name":"@unholster/seisveinte","version":"1.0.0-0-next-27032023-35519f0","license":"MIT","_id":"@unholster/seisveinte@1.0.0-0-next-27032023-35519f0","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"bb351d97d85da3deff0acd13a42bc536c9eb680c","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-1.0.0-0-next-27032023-35519f0.tgz","fileCount":493,"integrity":"sha512-z0570U0s+bf5x355oAGztEWQfKAzMP8YxJnCeQgVvRET3JI2M5J/QAzHBNWN+Sst+iqxGmWUxNkUz9oAs1A00g==","signatures":[{"sig":"MEQCIGKEGed0eIAECf8kreiK7tXJohOEA+FcUdYfiWLl8gLjAiB4Pas/FGMneM3jr1XasMvXjXvBX0+9eIxYzFbtLIKKOw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1045722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkIcD2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo7wA//YR0twGxEefKoBUYcYunyhdBL9K4KafALfMU2LeiVPMQvYnKY\r\n35dgMo3Cln6L6v0Pc3Vdhm4d1bPTcNpRBXZHId8nUne8Q2Wl70uoHzZvekmq\r\noiXB2LlPpyfjJCqy9pnvxcT+YhxJcyowt/VbMNOYZfKpZ+8dPz7HfOsgg4fE\r\nhMuaVcP+uzzUnWFpi6mZnbrd2MbUYzH5vU7ZTRRHYawDqbqi9qRGkqgiCDvk\r\ndM2NqmI2NPoGSoo6DwstiO6HkNiwSXUhmbQGGkGAPdkdP6ROYwMf7Q/Zwaqf\r\n5y5cqOYfNxw5p202ShUxTVMQzG/euednbRYsmdQ57rFI3uClsbFI9jv+71n9\r\n/PjbXTEHyzOG20KDRlQt3D5Kkg/aUgQc4J/ZoSqA5BhEsb5L/vjdZ4x/dqFu\r\nkOSv3ZbZvOqlObg6YUe5BGPC+ocDJ/+wHeOScZKnr4cZ9KPZnlD/8g9H/JKF\r\nsH8dvtoF7M6/rJZvwv3dBHgGMw1dmbzRyLvgZeBFG0ifdsNn1xPeRcb1mYpe\r\n+HBCp71yvd5H73AXxArFkYyIsllIWpB1AhcKjrfEMR+CGpyVoDOHvZ/1L4cW\r\nY/xv9Z4xmky7uiyB067rCl8BNwac3zo+N/lNc6eWolpp7NT44LDzN+JdUavb\r\nwFi6hHhwEW/ZpQnLcbcPEbuvyF8w7SBAiAc=\r\n=Qsvb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"35519f05c2231e50ca8fa49761408c04900e1b40","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"9.5.0","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"18.15.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_1.0.0-0-next-27032023-35519f0_1679933685782_0.2808746669424771","host":"s3://npm-registry-packages"}},"1.0.0-0-next-28032023-ebcf41d":{"name":"@unholster/seisveinte","version":"1.0.0-0-next-28032023-ebcf41d","license":"MIT","_id":"@unholster/seisveinte@1.0.0-0-next-28032023-ebcf41d","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"b2879f07c6115700f54c58f213306fdb4ebc13e2","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-1.0.0-0-next-28032023-ebcf41d.tgz","fileCount":493,"integrity":"sha512-+K41/UlfuhY08ZGzqnEEcvpmLCqltaes0My3k/kXse22sXscGv5BhmeyodSY61AhthuUtm3royZXXpsMD8lwWw==","signatures":[{"sig":"MEQCID3fr7SSDSd3JhzyW1SN0wUgmHjt7xr4NlkgVNN+ALpDAiAgOTMsvtYxLWEKf9TM5gZgt7y66eiWa06Wp6acPHCeSg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1044794,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkIwhdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqr4g/+INMn08kn6Im/xizLtUesE6xzjmELNFKsAtV57NI28ZOpwmiz\r\n6UIKVtqRdvt7ftXIw0bBi+GOxrEvz1/92PypzgIA8fGM8LWe7xgtq28bvY4u\r\n/gOgSeX0m0VDxFBfOe1Pe33IKUOFwmz8O9QXxG/TpGJCGXYC6Iv9EpqLgEe4\r\nMD9eBy8ruG1uoaE+lZcLCvQkLyL41tsX+AO7sdc+tLVLOaRYcgNNH+TviUIZ\r\noUERYMWxn59XUNm/zuUtrasmtVmOfDrWA8x4Mj2HpHGkhC0CRwMIUYxDMEgk\r\nqsY/vbwq49hlEalzZDxfZyYncHnflhB343ewDmKL9Gyg2rxhg1gqWkajR6Qn\r\n1WdCK/UJnDozPr/gFXof8wDwbo0WLZXKLczFVePVikfYfR2FLmhO/7na4H/A\r\nbd57jDvOZqqaJ9VvmJ5ZtwFFCh3X0esIOpvKaGZT0Bd9soxAYYdEISC0ihlp\r\nyB41qGfT3bj+8SFGTS1Y7Ly2cF3idgiqOCudzfj/2qGKO6rXlmcQEyqZZp0Q\r\ncRQ+l0WrkSdoeZ+cIfsBB239ki2N361mktSK91sOB+SU800slQPvN63BWhkH\r\nZSyFSmyzC8J5W43W9WVhoOMzzPO8RxGsrZ+/b3ytsmXXzXxWz6P3k8E8ADnm\r\n6fBuuWTwde8XyUMl2EX4pQMy7KIo1XxQFBY=\r\n=mFNw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"ebcf41dd57fa01035e7d596d0d674cd74ba1782b","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"9.5.0","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"18.15.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_1.0.0-0-next-28032023-ebcf41d_1680017501412_0.4876208080973561","host":"s3://npm-registry-packages"}},"1.0.0-0-next-18042023-35faf3e":{"name":"@unholster/seisveinte","version":"1.0.0-0-next-18042023-35faf3e","license":"MIT","_id":"@unholster/seisveinte@1.0.0-0-next-18042023-35faf3e","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"49dac86c61326ecb8896597501f5f7469a9fde5b","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-1.0.0-0-next-18042023-35faf3e.tgz","fileCount":493,"integrity":"sha512-Q68j8rP7XnmCNqquBtaDMognELoAE9hDaivHV5CF+Y8SvyGKhP9EV8Nr7d9uUIxegKmPxik7eDp0wQkyNHf23Q==","signatures":[{"sig":"MEUCIFYOktft/3gUXY9vlGkbVhxbM+DQGEuNf/DX8FQ+PplVAiEA8fBcyJEaaq+XkMnleSnMN7Hl5qYVKQmP9RP6TXyt36E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1044794,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkPp/JACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqzZQ//UJGb5SjOh+yHijJSXMDlYQXiAMKvqbI0uqs6P3xXM2oNcGPO\r\nvvKVR0BD2Ztfl48Fnq4MR9/EXjKFukzczPhD5YJBy4MeLwagZZC27IN7kMA7\r\nljCdFVBDNaeMFzQUzQ0ORoh9L91S3jSqleY+212R2EQNNkdBHTzlxcC3xw4W\r\nZW21+WONJl6jVoke+Fy/h/JQ5wOjW9jrgzARTm1T+SwX0EDdLMfN6XjADsyC\r\nWrZhx+JABfU4Z8IDZRXT2kSh9lo5bqIIttjPs4FZMy5oHJ0MUhiwrJIcx2wV\r\nCpgQzDWpTtZpIBsQT+eQVJrokz8yVIK3/eQEcVU/KhLj/nCgJbYJ2aSiF9dw\r\ncXtM/95ctrS2JmU+QbdASw5c+Wg2fKGZjqarp78l5wEWT4Yu4cqxFyZsnB7r\r\n/8mTreks/4u/JvNSslNZxPs0hseJYvc1DIoCapzF5NBf8M5R8PZn++UBjG8p\r\nl1e4ejEkSciiNfdk/BBRDeAVfzX0jdr5RLAaG+tLIMvSDq2W7qPIFjD3n+M9\r\nSeih8bGgQFdhUGcCyw5jvp7PMjEwnx6fkVNN2chTw36z7VzW/8sHzrkZUUVD\r\n6ALmdxMFoQ1j30yZOiodXIxvIlggeHvbkg41+mdwlbMC4r82LYO6dFcEKwXk\r\nJeRw6kIQvEL9VJ0sg0Ha4aK9WuufvORgjCc=\r\n=PgB9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"35faf3e64a418495ad1770024d238395fa14fd90","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"9.5.0","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"18.15.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_1.0.0-0-next-18042023-35faf3e_1681825737503_0.39587538024699453","host":"s3://npm-registry-packages"}},"0.3.2":{"name":"@unholster/seisveinte","version":"0.3.2","license":"MIT","_id":"@unholster/seisveinte@0.3.2","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"e67b8ade62362829dceb4dbfefa3f2f4ed82e012","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.2.tgz","fileCount":507,"integrity":"sha512-FeC1bRNeROXTnzVfjw18XomgizWZqWmncht+cHGxDkkTTBFsCgM2XK1OvL6kDroOCAJcxeAveqDqJbZ3iz+QlA==","signatures":[{"sig":"MEQCIBIcSf3VMPR4UEpRTVkN3W3Rq/+t8RATZNVG2aySQzyiAiBAsT7/wvXslCOuI4eULjmIKd3mYFNlseITWJS/Z0qpcA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1104228,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkPqvfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpu2g/+KanHX+lRTxuFE6GV8wU7CHlo4uH+ZHjfHbIspXjJ6rGuVilS\r\nV5cUSpSF57lDFQl0Ai8jG+YIB/F3pr/t8Bvp2RI/GxaAn/0CQn3bgn+3yrq6\r\nyMY1YEjKZw8YZsxPBLvTXOmyESsqDQ6XWT2Os/8J/Wlypn/mQRp37nQHfg3V\r\ntryQJ/6ShMg6Zpc4CmywxsCxPZlyBkh+MADQixYNyb9J0G4+Be8FfnxJ2uHX\r\nMwV3ZhYjm3+Zn6rnsUi0nabaS6qPp8Y2/AUPFUeC6hje51TSXKQP+kZ/SrC2\r\nazQzANPULCoH7B6SLWueAYV+ElJb8NOKZnf9Q6LCbLdxJK3NBAORsH3KGd/I\r\nMGiEeT/Bfl+6tXfAL9ytc0fOHJfCglOVojx0rZ2O5QSmjY2+XG1pSSjoP75Y\r\nL+C/WS6cd9amOD6ZivoAGYPOI5Etlj30z2c5w4nntPE/qEe87axXRt5JCjjD\r\nVptAL8rlV4D3vZ2GS2YyfNv8/ZOQ4KL8Umx3tLm83pxc5dmgHi154fqSqnPo\r\n9zJuzsCj5n/vSmKa1w8yHhkOVbdizyVBk6ev08BsnJ+2ZDsqL2JPcp+u09zt\r\nzU7jghLS3ZO5YzYJVVMwGSvdiK5YSaR5k5pyie1SnhLgUhhKcewjv5UDwyVt\r\nibEVRbdYcgjMdAyoeuopywBdoYPiMhPqVZQ=\r\n=K1zI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"08c29522c51ecb891252da4b67eda8685194d1e9","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.11.0","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.16.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.2_1681828831597_0.9598671374868566","host":"s3://npm-registry-packages"}},"0.3.3":{"name":"@unholster/seisveinte","version":"0.3.3","license":"MIT","_id":"@unholster/seisveinte@0.3.3","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"424a8fd3c7a856d05e78ea67680bdd6aebe2d327","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.3.3.tgz","fileCount":507,"integrity":"sha512-3X55S+a0hCZfHS48gYGSShVahwEh2AhQSq68YkCqHV4EkN8IYJj2e0uIIId1VLDyVvA/H7mchxXJJ+lgluqJsQ==","signatures":[{"sig":"MEQCIBPw3nPWMYN7mP5JmQbY9hC+ibMTpe/NvG84BnRsBPO5AiBAaFaA/tpzHXepW+PMZ4LfjH2YMXAKxWMxk64JAqx4Ew==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1104224,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkPrD2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrTqg/+KiBiepGn3K/jWpEINiEc9Rs75GDmBhC1NwCVTK0K+LNR+fvh\r\nehUkvmYE4UHFmI3a46vJ3WgY4KWQXXsAEh6mu8NDrJSjs7Vrktr7g73EMkTQ\r\nWEmmTurgjn54sxJXNHCLBGsOtWzNrZZ40pGYoHqHff/KQkPiSNC3K9vOCdWL\r\nvhlA18RIMZ+POFcD3zn6kymDYX/Uy+nHs78X8bVnOTE85Tke8mJL6ieiktQX\r\nmyTQnwwPFcCWfmFuywTNwoSyOtFU3TPe7o7vJvMUsBoKntQZuVbBxRlUAouE\r\npOONktZrhMYrwQ0L51VtleKvzfmYPeXRCyUwZ/uqEl7XfO03Ck5ipnCpWSrs\r\no5iNskl5VDfj2OXFLMgT3ev6Ly149DTrhFrUo/UmeZyIOX7pTDgmJhxAwYQr\r\nU5XKa8B37b1aa7Is4QfESHqbdcVOpQ6IKajOzGmGBeZEPLcXVP2Qz/okm322\r\nCdvxzg0FbILNA6N/hpy8f6iZg1+2suUGPA3NKbmfkvj7M4U2o6RwxLtJ2TpK\r\nx3if4YHGQbnTWNALo/DTnoUirRJpIijRvRx8uCs8hftL0by2+EOJYbC21acG\r\nPEp90r3aEAMav9ut+NE8vlOn1UU6Kat26u2++C7E5aWMxHR9w2KVXxK0Pzv2\r\njpDahpFz+v6d2dZvz1j59ZebgaCQN+NBy5k=\r\n=3b8n\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","gitHead":"96b913a650004b0539fa76c6b49406f0305a5940","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"8.11.0","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"16.16.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"latest","access":"public"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.3.3_1681830133866_0.3763801416805961","host":"s3://npm-registry-packages"}},"0.4.0-0-next-18042023-b0b5a79":{"name":"@unholster/seisveinte","version":"0.4.0-0-next-18042023-b0b5a79","license":"MIT","_id":"@unholster/seisveinte@0.4.0-0-next-18042023-b0b5a79","maintainers":[{"name":"ignacio.norambuena","email":"ignacio.norambuena@unholster.com"},{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},{"name":"sebaaacuna","email":"sebastian@unholster.com"}],"dist":{"shasum":"2a414cf8512e8fc45d477199b7ff11df9a5f8bd4","tarball":"https://registry.npmjs.org/@unholster/seisveinte/-/seisveinte-0.4.0-0-next-18042023-b0b5a79.tgz","fileCount":493,"integrity":"sha512-Mf9CygHKbJHdH3NcdCb3K9ZTdLpL/YSfleP4sF9t13jMwClxiBMgYhCNLNtGnLw3sBQ6t0i3nD8+ME6uZp4gOQ==","signatures":[{"sig":"MEYCIQDCxbxpvTZA/VrD9JTttQ/qgOOJz8MvB6Ajgn3JbgxQjAIhAM74jWL5tRQ3te/FsUnCyaLql9TF/ZnA5fGClMxpCV/m","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1044794,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkPsNIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmog8Q//Xi68h+A/wbqcO+M2U1BJgbkRslue61zSSuz5Swy4i4NW3lg9\r\nOXdK0cRKqLwjjGF7XMKpivjZvGtoxda4W513ufRzTldhO54MzdeQY9Bj0fBb\r\n5PyuCg1pxdEg3TQIyqCoeDKH9czjZgE5ojm2OmuvWrs8l1J2UrOLO+/2JGEh\r\ny8osIx2z6vxFPE3YyRiPWNLAaUsm/NmZT5ahW1NpPruzeEzq6bjQd75f925g\r\nVDDGC5j6m2UqH+3Al0CkPEYTqQ/ZhOzsYURVMZMy/D2NaPwKBv3LHsXGPrv5\r\nE0enBHd7OLE63/J/NCmfVTXjpdIrhPzc2zi2eGGT0IxB0Cbarie/73wgARGw\r\nftgERm5f8+6gV+MjhYwzdgk1FmDkIh2pJLikNzMF83WxgjqolvPDC60m9hey\r\nHRkG5zhqL7TcwED8eQvO69kk9AmGX1jpkGwkpz7myphoCKCx+zg8Whf9hZeG\r\nEwDORUatzCpnafrHoapSNDU1pG5potPhgPwUyEEK2JXVjGEQJ/KQsc++iCu/\r\n/Wg+Dbqtv12UaZ0rXW0s4GsQvpK8CCU8N36aeOjlGJy47Aawr1vpvgYNz9GD\r\n8NZyR5LdIlLyWo4krR7/QoYXRKHS7HYdChKuRNx0h2CIas2qocYQumOWy0bw\r\njHzDSqDfYLIIGqDh2nZLjEn5i0g7dQShPtw=\r\n=sQDb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/js/index.js","types":"dist/js/index.d.ts","module":"dist/esm/index.js","readme":"# Seisveinte\nSistema de diseño @Unholster\n\nLa librería tiene como caso de uso principal el desarrollo de componentes en storybook, pero permite el desarrollo fluido con un proyecto haciendo ciertos ajustes en ambiente local.\n\n## Inicio rápido\n\n- En el proyecto que se quieran usar los componentes\n\n```sh\nyarn add @unholster/seisveinte\n```\n\n- Los componentes pueden ser explorados por categoría -> componentes en https://unholster.github.io/seisveinte/\n- Luego llamar componentes como en este ejemplo\n\n```tsx\nimport { Button } from '@unholster/seisveinte';\n\nconst { FilledButton } = Button\n\nconst ExampleComponent = () => <FilledButton />\n```\n\n\n## Cómo crear componentes?\n### Creación usado storybook\n\n1. Instalar dependencias\n```\nyarn install\n```\n\n2. Iniciar storybook\n```\nyarn storybook\n```\nEsto inicia un servidor local de storybook (http://localhost:6006/) donde se puede explorar los componentes actuales y trabajar en nuevos.\n\n3. Creación de componentes\n\nEn la capeta components se van agregando los componentes nuevos. Cada componente puede tener sub componentes relacionados que funcionan bien entre sí.\n\nLos componententes deben ser exportados de tal forma que se puedan llamar usando deconstructed en el proyecto donde se usa, es decir:\n\n```tsx\nimport { Componente } from '@unholster/seisveinte'\n```\n\nUn buen ejemplo es el componente Input, por lo tanto puede ser usado como referencia. En el, Input es el componente que se retorna por defecto, pero dentro de el se puede obtener Text, TextArea y Label. Lo anterior con el fin de poder importarlos en el proyecto de forma aislada y poder modificar los estilos usando styled-components.\n\n```tsx\nimport type { IInput } from './Input'\nimport Default, {\n  Text, TextArea,\n} from './Input'\nimport Label from './Label'\n\nexport type { IInput } from './Input'\n\ntype CompoundedInput = React.ForwardRefExoticComponent<IInput> & {\n  TextArea: typeof TextArea\n  Text: typeof Text\n  Label: typeof Label\n}\n\nconst Input = Default as CompoundedInput\n\nInput.Text = Text\nInput.TextArea = TextArea\nInput.Label = Label\n\nexport default Input\n```\n\nMás detalles acerca de la estructura general en la seccion *Organización general del proyecto*\n\n4. Prueba en un proyecto local\n\nProbar en un proyecto usando la librería en local genera conflictos con react dentro del node_modules de seisveinte. Para poder hacerlo se debe:\n\n1. Correr `yarn build:lib`\n2. Cambiar de nombre la carpeta node_modules de seisveinte a algun nombre distinto de node_modules.\n3. Linkear seisveinte al proyecto.\n4. Usar componente.\n\nEl flujo de desarrollo comun será trabajar sobre storybook y cuando ya se tengan avances maduros, probarlo en un proyecto local.\n\n4. Iniciar el proyecto y storybook\n\nPara volver a trabajar sobre storybook, volver la carpeta `node_modules` a su nombre original. En la aplicacion deshacer el cambio de version en package.json y hacer `yarn install` para poder usar la version de seisveinte de npm.\n\n## Organización general del proyecto\n\nExiste una jerarquía de categoría que encierra muchos componentes asociados y una historia común.\n\n```\nsrc\n├── components\n│   ├── category\n│   │   ├── Category.stories.tsx\n│   │   ├── CategoryComponent1.tsx\n│   │   ├── CategoryComponent2.tsx\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── index.ts\n└── index.ts\n```\n\n- Al crear un componente se busca evitar el uso de librerías externas. Sin embargo, de ser justificado por su complejidad, se pueden utilizar. La jerarquía es la siguiente:\n    1. Componente que usa solo styled-components.\n    2. Componente que usa una librería aislada.\n    3. Componente proveniente de un framework. (Antd idealmente al momento de crear esta documentación).\n- Como regla general, los componentes de una categoria son aquellos que están mas relacionados, por ejemplo un navbar con sus botones.\n- Los componentes deben poder se llamados por si solos, por ejemplo el botón del navbar debe poder ser utilizado en cualquier otro contexto que no sea el navbar.\n- Cada historia debe mostrar todos los parámetros que recibe en sus props.\n- Cada componente nuevo debe seguir esta jerarquía a menos que estemos enfrentando problemas por usarla.\n- Al finalizar el desarrollo, un PR hacia main debe ser creado con los encargados de seisveinte como reviewers.\n- Los components deben tener un className identificativo por default tanto para si mismos como para los componentes que son usados en su interior,\n  de modo que puedan ser fácilmente estilizados en el proyecto que se utilicen.\n- Los componentes nunca debiesen usar colores \"en duro\" en sus definiciones de estilo, donde se necesite usar color debiese hacer referencia a una  variable que se pueda configurar en un theme de Styled Components.\n\n## ¿Cómo publicar paquete?\n### Github actions\n#### Publicaciones de desarrollo\n\nLa rama next es la rama principal para desarrollar el proximo release.\n\nAl crear un PR que se mezcle con la rama next se realizaran ciertas acciones. Una de ellas es generar un paquete `<last-commit-version>-next-<date>-<commit>` utilizable en el proyecto donde se necesite el componente. Para que esto ocurra tiene que pasar ciertas validaciones:\n- Se verifica que el titulo del PR parta con [feature] [fix] [other] (Corre solo cuando se crea y cuando cambia el nombre)\n- Corre el lintern (Cuando se crea el PR y cuando se hace push)\n\nAl pasar todas estas validaciones, la versión publicada se muestra en los comentarios del PR. Tambien se imprime en el action.\n\n#### Publicaciones estables\n\nAl mezclar next con main automáticamente se publica la nueva versión en npm como release y publica storybook en https://unholster.github.io/seisveinte/. La condicion que debe cumplir es que la versión del package.json sea mayor que la ultima publicada.\n\n### Manualmente\n\n1. Cambiar version del package.json a uno mayor y comitear los cambios.\n2. `npm login` con una cuenta autorizada por la organizacion unholster.\n3. `npm publish`\n\n## Criterio de aumento de versión\n\n- Patch: Sí el cambio no requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Minor: Sí requiere atención de los desarrolladores de los proyectos para actualizar seisveinte.\n- Major: Si hay cambios mayores en la librería.\n\n\n## Administración\n\n### Periodo de desarrollo de un release.\n\nPara iniciar el proceso de desarrrollo de un nuevo release:\n\n- Se debe actualizar la rama next con los fixes de main y crear un commit que aumente el minor.\n\nLuego de eso, el proceso de creación de versiones de desarrollo va a funcionar correctamente al crear PR hacia la rama next.","gitHead":"b0b5a79426dce1034c1dbb66dcc22748c6ac2efe","private":false,"scripts":{"lint":"eslint .","test":"react-scripts test","build":"react-scripts build","clean":"rimraf dist","eject":"react-scripts eject","start":"react-scripts start","develop":"yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose","build:lib":"yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyAssets.js","storybook":"start-storybook -p 6006","build:babel":"concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"","build:types":"tsc -p tsconfig.gen-dts.json","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --source-maps --extensions \".jsx,.js,.ts,.tsx\" src --out-dir dist/esm","build:babel:umd":"BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd","deploy-storybook":"storybook-to-ghpages"},"_npmUser":{"name":"ignaciotobar","email":"ignacio.tobar@unholster.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"9.5.0","description":"Sistema de diseño @Unholster","directories":{},"_nodeVersion":"18.15.0","browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"dependencies":{"antd":"^4.24.1","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.4.2","web-vitals":"^3.0.4","@types/antd":"^1.0.0","@types/jest":"^29.2.2","@types/node":"^18.11.9","@types/react":"^18.0.0","react-scripts":"5.0.1","@types/react-dom":"^18.0.0","@ant-design/icons":"^4.7.0","styled-components":"^5.3.6","@fontsource/open-sans":"^4.5.13","@testing-library/react":"^13.0.0","@testing-library/jest-dom":"^5.14.1","@testing-library/user-event":"^14.4.3"},"publishConfig":{"tag":"prerelease","access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^8.27.0","webpack":"^5.75.0","@babel/cli":"^7.19.3","prop-types":"^15.8.1","concurrently":"^7.5.0","@storybook/react":"^6.5.13","eslint-plugin-react":"^7.31.10","eslint-config-airbnb":"19.0.4","eslint-plugin-import":"^2.25.3","@storybook/addon-links":"^6.5.13","@storybook/node-logger":"^6.5.13","eslint-plugin-jsx-a11y":"^6.5.1","@storybook/addon-actions":"^6.5.13","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.42.1","eslint-plugin-react-hooks":"^4.3.0","@storybook/testing-library":"^0.0.13","@storybook/addon-essentials":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/storybook-deployer":"^2.8.16","eslint-config-airbnb-typescript":"^17.0.0","@typescript-eslint/eslint-plugin":"^5.42.1","babel-plugin-named-exports-order":"^0.0.2","@storybook/preset-create-react-app":"^4.1.2","babel-plugin-typescript-to-proptypes":"^2.0.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.18.10"},"_npmOperationalInternal":{"tmp":"tmp/seisveinte_0.4.0-0-next-18042023-b0b5a79_1681834824631_0.901955941835002","host":"s3://npm-registry-packages"}}},"time":{"created":"2022-02-02T12:54:16.059Z","modified":"2024-08-29T16:00:07.810Z","0.1.0":"2022-02-02T12:54:16.401Z","0.1.1":"2022-02-07T13:18:02.296Z","0.1.2":"2022-02-09T19:52:03.931Z","0.1.3":"2022-02-11T15:44:07.102Z","0.1.4":"2022-02-15T12:19:25.380Z","0.1.5":"2022-02-16T15:46:54.875Z","0.1.6":"2022-02-16T18:29:45.469Z","0.1.7":"2022-02-17T17:23:26.758Z","0.1.8":"2022-04-14T21:00:13.734Z","0.1.9":"2022-05-10T21:21:44.004Z","0.1.10":"2022-05-10T21:38:15.383Z","0.2.1":"2022-11-22T13:58:30.992Z","0.2.2":"2022-11-22T16:15:31.374Z","0.3.0-next-23112022-1368b95":"2022-11-23T12:20:43.879Z","0.3.0-next-23112022-88b297c":"2022-11-23T13:23:25.537Z","0.3.0-next-23112022-e90aba6":"2022-11-23T13:35:00.324Z","0.3.0-next-23112022-8f5dcd8":"2022-11-23T14:58:06.391Z","0.3.0-next-23112022-094f6ee":"2022-11-23T15:16:02.906Z","0.3.0-next-23112022-486b577":"2022-11-23T17:23:35.057Z","0.3.0-next-23112022-da255ca":"2022-11-23T18:03:59.616Z","0.3.0-next-23112022-35522eb":"2022-11-23T19:19:32.286Z","0.3.0-next-23112022-0bd5566":"2022-11-23T21:05:27.439Z","0.3.0-next-24112022-3aed030":"2022-11-24T12:27:14.859Z","0.3.0-next-24112022-d328c61":"2022-11-24T13:04:17.410Z","0.3.0-next-24112022-cbaefde":"2022-11-24T13:09:11.465Z","0.3.0-next-24112022-19ad295":"2022-11-24T13:10:23.108Z","0.3.0-next-24112022-e63e38c":"2022-11-24T13:29:32.668Z","0.3.0-next-24112022-e0fb87d":"2022-11-24T13:31:26.362Z","0.3.0-next-24112022-557aa3b":"2022-11-24T15:50:45.235Z","0.3.0-next-24112022-584edb8":"2022-11-24T21:04:41.797Z","0.3.0-next-24112022-9224ebe":"2022-11-24T21:45:37.708Z","0.3.0-next-25112022-b2dd0da":"2022-11-25T14:39:19.974Z","0.3.0-next-25112022-5755e3c":"2022-11-25T14:46:10.392Z","0.3.0-next-25112022-528574a":"2022-11-25T17:33:37.711Z","0.3.0-next-25112022-33ab371":"2022-11-25T19:30:07.287Z","0.3.0-next-28112022-ad8d842":"2022-11-28T13:46:30.827Z","0.3.0-next-28112022-d36295a":"2022-11-28T17:42:32.289Z","0.3.0-next-28112022-3639bc1":"2022-11-28T18:37:04.752Z","0.3.0-next-29112022-e93e221":"2022-11-29T12:52:04.220Z","0.3.0-next-29112022-c2b23c9":"2022-11-29T12:57:49.918Z","0.3.0-next-29112022-f5bc8fb":"2022-11-29T13:28:34.161Z","0.3.0-next-30112022-72daaf0":"2022-11-30T13:12:37.264Z","0.3.0-next-30112022-4693912":"2022-11-30T14:53:55.280Z","0.3.0-next-30112022-bfd3a4e":"2022-11-30T15:43:21.599Z","0.3.0-next-01122022-8913b0e":"2022-12-01T18:27:05.949Z","0.3.0-next-01122022-ddf0666":"2022-12-01T20:50:12.640Z","0.3.0-next-01122022-9a8299d":"2022-12-01T20:51:47.090Z","0.3.0-next-01122022-64587c7":"2022-12-01T20:56:17.731Z","0.3.0-next-01122022-03bb89e":"2022-12-01T21:18:17.558Z","0.3.0-next-01122022-3263ad5":"2022-12-01T21:22:13.334Z","0.3.0-next-01122022-d7faed9":"2022-12-01T21:40:18.390Z","0.3.0-next-01122022-879efae":"2022-12-01T21:44:52.943Z","0.3.0-next-01122022-83c4530":"2022-12-01T21:46:04.879Z","0.3.0-next-07122022-8d1fc3a":"2022-12-07T17:39:37.115Z","0.3.0-next-07122022-1387376":"2022-12-07T20:56:46.265Z","0.3.0-next-29122022-12bd3b1":"2022-12-29T16:04:12.290Z","0.3.0-next-29122022-a84f870":"2022-12-29T17:41:29.389Z","0.3.0-next-29122022-7c70a83":"2022-12-29T19:45:58.703Z","0.3.0-next-03012023-5f8ed65":"2023-01-03T12:52:56.945Z","0.3.0-next-03012023-246d5d8":"2023-01-03T12:58:02.421Z","0.3.0-next-03012023-6e4915e":"2023-01-03T13:12:45.558Z","0.3.0-next-03012023-6b15e06":"2023-01-03T21:08:33.185Z","0.3.0-next-04012023-db68a60":"2023-01-04T12:46:11.983Z","0.3.0-next-04012023-938a59b":"2023-01-04T19:22:12.354Z","0.3.0-next-05012023-2e5ff73":"2023-01-05T16:10:15.772Z","0.3.0-next-05012023-c3474e9":"2023-01-05T17:33:55.466Z","0.3.0-next-05012023-b25bda7":"2023-01-05T17:42:25.490Z","0.3.0-next-05012023-af3863c":"2023-01-05T20:30:57.011Z","0.3.0-next-12012023-4e49343":"2023-01-12T14:01:32.239Z","0.3.0-next-12012023-5fa6b43":"2023-01-12T16:02:52.851Z","0.3.0-next-12012023-3072716":"2023-01-12T17:32:38.940Z","0.3.0-next-12012023-009e638":"2023-01-12T19:14:53.139Z","0.3.0-next-13012023-06df4f9":"2023-01-13T15:26:00.064Z","0.3.0-next-13012023-d6c9101":"2023-01-13T18:05:11.812Z","0.3.0-next-13012023-396e196":"2023-01-13T18:40:17.598Z","0.3.0-next-13012023-e46a28c":"2023-01-13T18:47:33.436Z","0.3.0-next-13012023-c056a65":"2023-01-13T20:29:05.816Z","0.3.0-next-13012023-a9fe832":"2023-01-13T20:49:29.132Z","0.3.0-next-13012023-cf2b00e":"2023-01-13T20:52:40.466Z","0.3.0-next-16012023-3b56750":"2023-01-16T12:43:25.574Z","0.3.0-next-16012023-a2e74f8":"2023-01-16T12:43:49.748Z","0.3.0-next-23012023-807fe28":"2023-01-23T15:12:24.008Z","0.3.0-next-23012023-f16b003":"2023-01-23T15:39:05.634Z","0.3.0-next-23012023-a64b921":"2023-01-23T18:01:54.823Z","0.3.0-next-23012023-2c87e8f":"2023-01-23T18:35:30.603Z","0.3.0-next-23012023-228319a":"2023-01-23T18:48:24.702Z","0.3.0-next-23012023-5e66337":"2023-01-23T20:04:36.220Z","0.3.0-next-24012023-503350b":"2023-01-24T17:34:21.369Z","0.3.0-next-24012023-ba209d1":"2023-01-24T17:43:33.507Z","0.3.0-next-24012023-7f4363e":"2023-01-24T18:30:26.971Z","0.3.0-next-24012023-a06d434":"2023-01-24T18:53:01.493Z","0.3.0-next-24012023-0c3c2b9":"2023-01-24T20:07:08.866Z","0.3.0-next-24012023-75f457a":"2023-01-24T20:15:07.267Z","0.3.0-next-24012023-b3dd7d4":"2023-01-24T20:31:31.565Z","0.3.0-next-25012023-447496b":"2023-01-25T18:39:48.560Z","0.3.0-next-25012023-4f70ede":"2023-01-25T19:38:39.939Z","0.3.0-next-25012023-555486e":"2023-01-25T20:50:05.463Z","0.3.0-next-27012023-a344153":"2023-01-27T12:55:51.497Z","0.3.0-next-27012023-9f09dd6":"2023-01-27T14:07:06.438Z","0.3.0-next-27012023-8472e69":"2023-01-27T14:26:24.722Z","0.3.0-next-27012023-5ec9688":"2023-01-27T17:25:18.850Z","0.3.0-next-06022023-579c9e9":"2023-02-06T13:13:51.515Z","0.3.0-next-06022023-cb58857":"2023-02-06T13:24:58.542Z","0.3.0-next-06022023-4969b0a":"2023-02-06T19:02:52.790Z","0.3.0-next-09022023-3a7cf63":"2023-02-09T18:56:34.046Z","0.3.0-next-09022023-0b4e887":"2023-02-09T19:12:44.104Z","0.3.0-next-13022023-c25c462":"2023-02-13T20:05:51.364Z","0.3.0-next-21022023-beed6d9":"2023-02-21T18:54:32.545Z","0.3.0-next-21022023-686b2d3":"2023-02-21T19:26:30.884Z","0.3.0-next-22022023-41a6599":"2023-02-22T18:50:40.942Z","0.3.0-next-23022023-ec3a159":"2023-02-23T19:26:34.765Z","0.3.0-0-next-08032023-5ab9c81":"2023-03-08T13:06:11.927Z","0.3.0-0-next-08032023-58394b9":"2023-03-08T13:15:35.089Z","0.3.0":"2023-03-22T13:56:41.000Z","1.0.0-0-next-27032023-35519f0":"2023-03-27T16:14:45.985Z","1.0.0-0-next-28032023-ebcf41d":"2023-03-28T15:31:41.608Z","0.3.1":"2023-04-18T13:33:08.577Z","1.0.0-0-next-18042023-35faf3e":"2023-04-18T13:48:57.785Z","0.3.2":"2023-04-18T14:40:31.880Z","0.3.3":"2023-04-18T15:02:14.024Z","0.4.0-0-next-18042023-b0b5a79":"2023-04-18T16:20:24.847Z"},"license":"MIT","description":"Sistema de diseño @Unholster","maintainers":[{"email":"ziqi.jack@gmail.com","name":"jacky_yam"},{"email":"inorambuenaa@gmail.com","name":"archidemus"},{"email":"alan.nunez@unholster.com","name":"alan_ne"},{"email":"cristobal.vargas@unholster.com","name":"crvargasu"},{"email":"jesus.oyanedel@unholster.com","name":"joyanedel"},{"email":"belen.madariaga@unholster.com","name":"mbmadariaga-unh"},{"email":"juan.schuwirth@unholster.com","name":"jeschuwirth"},{"email":"ignacio.tobar@unholster.com","name":"ignaciotobar"},{"email":"sebastian@unholster.com","name":"sebaaacuna"}],"readme":"","readmeFilename":""}