aleleba/create-react-component-library
1
0
Fork 0
mirror of https://github.com/aleleba/create-react-component-library.git synced 2025-01-09 05:06:53 -06:00
Code Issues Actions Packages Projects 1 Releases Wiki Activity

Updating packages.

Browse Source
This commit is contained in:
Alejandro Lembke Barrientos 2022-07-07 05:01:47 +00:00
parent 9813e083c7
commit 5b4756f46b
7 changed files with 1596 additions and 1515 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
jest.config.js
View File

@ -5,6 +5,6 @@ module.exports = {
"testEnvironment": "jsdom",
moduleNameMapper: {
"\\.(jpg|ico|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/src/__mocks__/fileMock.ts",
"\\.(css|sass|less)$": "identity-obj-proxy"
"\\.(css|sass|scss|less)$": "identity-obj-proxy"
},
};

3020
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

38
package.json
View File

@ -1,6 +1,6 @@
{
"name": "@aleleba/create-react-component-library",
"version": "1.0.4",
"version": "1.0.5",
"description": "A starter kit for create a React component Library with storybook",
"bin": "./bin/cli.js",
"main": "dist/index.js",
@ -32,11 +32,11 @@
},
"homepage": "https://github.com/aleleba/create-react-component-library#readme",
"devDependencies": {
"@babel/core": "^7.18.5",
"@babel/preset-env": "^7.18.2",
"@babel/preset-react": "^7.17.12",
"@babel/preset-typescript": "^7.17.12",
"@babel/register": "^7.17.7",
"@babel/core": "^7.18.6",
"@babel/preset-env": "^7.18.6",
"@babel/preset-react": "^7.18.6",
"@babel/preset-typescript": "^7.18.6",
"@babel/register": "^7.18.6",
"@mdx-js/react": "^2.1.2",
"@storybook/addon-actions": "^6.5.9",
"@storybook/addon-essentials": "^6.5.9",
@ -52,32 +52,32 @@
"@testing-library/jest-dom": "^5.16.4",
"@testing-library/react": "^13.3.0",
"@testing-library/user-event": "^14.2.1",
"@types/jest": "^28.1.3",
"@types/node": "^18.0.0",
"@types/react": "^18.0.14",
"@types/react-dom": "^18.0.5",
"@types/jest": "^28.1.4",
"@types/node": "^18.0.3",
"@types/react": "^18.0.15",
"@types/react-dom": "^18.0.6",
"@types/webpack": "^5.28.0",
"babel-loader": "^8.2.5",
"clean-webpack-plugin": "^4.0.0",
"css-loader": "^6.7.1",
"css-minimizer-webpack-plugin": "^4.0.0",
"dotenv": "^16.0.1",
"eslint": "^8.18.0",
"eslint-plugin-react": "^7.30.0",
"eslint-plugin-storybook": "^0.5.12",
"eslint-webpack-plugin": "^3.1.1",
"eslint": "^8.19.0",
"eslint-plugin-react": "^7.30.1",
"eslint-plugin-storybook": "^0.5.13",
"eslint-webpack-plugin": "^3.2.0",
"identity-obj-proxy": "^3.0.0",
"jest": "^28.1.1",
"jest-environment-jsdom": "^28.1.1",
"jest": "^28.1.2",
"jest-environment-jsdom": "^28.1.2",
"jest-fetch-mock": "^3.0.3",
"mini-css-extract-plugin": "^2.6.1",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"sass": "^1.52.3",
"sass-loader": "^13.0.0",
"sass": "^1.53.0",
"sass-loader": "^13.0.2",
"style-loader": "^3.3.1",
"terser-webpack-plugin": "^5.3.3",
"ts-loader": "^9.3.0",
"ts-loader": "^9.3.1",
"tsconfig-paths-webpack-plugin": "^3.5.2",
"typescript": "^4.7.4",
"url-loader": "^4.1.1",

2
src/components/Card/index.tsx
View File

@ -1,5 +1,5 @@
import React, { FC } from "react";
import "./style.sass";
import "./style.scss";
type TCardProps = {
/**

1
src/components/Card/style.min.css vendored
View File

@ -1 +0,0 @@
.Card{background-color:#20b0f3;border-radius:10px;border:3px solid #20b0f3;color:#ffffff;font-weight:700;margin:10px;display:flex;flex-direction:column;min-width:500px;max-width:500px}.Card .Title{padding:15px 0;display:flex;justify-content:center}.Card .Content{flex:1;padding:30px;background-color:#ffffff;color:#000000}

22
src/components/Card/style.sass
View File

@ -1,22 +0,0 @@
.Card
background-color: #20b0f3
border-radius: 10px
border: 3px solid #20b0f3
color: #ffffff
font-weight: 700
margin: 10px
display: flex
flex-direction: column
min-width: 500px
max-width: 500px
.Title
padding: 15px 0
display: flex
justify-content: center
.Content
flex: 1
padding: 30px
background-color: #ffffff
color: #000000

26
src/components/Card/style.css → src/components/Card/style.scss
View File

@ -1,4 +1,4 @@
.Card {
.Card{
background-color: #20b0f3;
border-radius: 10px;
border: 3px solid #20b0f3;
@ -9,17 +9,17 @@
flex-direction: column;
min-width: 500px;
max-width: 500px;
}
.Card .Title {
padding: 15px 0;
display: flex;
justify-content: center;
}
.Card .Content {
flex: 1;
padding: 30px;
background-color: #ffffff;
color: #000000;
.Title {
padding: 15px 0;
display: flex;
justify-content: center;
}
.Content {
flex: 1;
padding: 30px;
background-color: #ffffff;
color: #000000;
}
}