PR-712281: updating packes and updating some storybook functions.

This commit is contained in:
Alejandro Lembke Barrientos 2023-06-21 22:45:47 +00:00
parent 310647cb9e
commit 8bf59d3901
3 changed files with 22 additions and 22 deletions

32
package-lock.json generated
View File

@ -1,12 +1,12 @@
{ {
"name": "@aleleba/create-react-component-library", "name": "@aleleba/create-react-component-library",
"version": "1.2.9", "version": "1.2.10",
"lockfileVersion": 2, "lockfileVersion": 2,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "@aleleba/create-react-component-library", "name": "@aleleba/create-react-component-library",
"version": "1.2.9", "version": "1.2.10",
"license": "MIT", "license": "MIT",
"bin": { "bin": {
"create-react-component-library": "bin/cli.js" "create-react-component-library": "bin/cli.js"
@ -56,7 +56,7 @@
"react": "^18.2.0", "react": "^18.2.0",
"react-dom": "^18.2.0", "react-dom": "^18.2.0",
"resolve-ts-aliases": "^1.0.1", "resolve-ts-aliases": "^1.0.1",
"sass": "^1.63.4", "sass": "^1.63.6",
"sass-loader": "^13.3.2", "sass-loader": "^13.3.2",
"storybook": "^7.0.22", "storybook": "^7.0.22",
"style-loader": "^3.3.3", "style-loader": "^3.3.3",
@ -65,7 +65,7 @@
"tsconfig-paths-webpack-plugin": "^4.0.1", "tsconfig-paths-webpack-plugin": "^4.0.1",
"typescript": "^5.1.3", "typescript": "^5.1.3",
"url-loader": "^4.1.1", "url-loader": "^4.1.1",
"webpack": "^5.87.0", "webpack": "^5.88.0",
"webpack-cli": "^5.1.4", "webpack-cli": "^5.1.4",
"webpack-node-externals": "^3.0.0" "webpack-node-externals": "^3.0.0"
}, },
@ -17087,9 +17087,9 @@
"dev": true "dev": true
}, },
"node_modules/sass": { "node_modules/sass": {
"version": "1.63.4", "version": "1.63.6",
"resolved": "https://registry.npmjs.org/sass/-/sass-1.63.4.tgz", "resolved": "https://registry.npmjs.org/sass/-/sass-1.63.6.tgz",
"integrity": "sha512-Sx/+weUmK+oiIlI+9sdD0wZHsqpbgQg8wSwSnGBjwb5GwqFhYNwwnI+UWZtLjKvKyFlKkatRK235qQ3mokyPoQ==", "integrity": "sha512-MJuxGMHzaOW7ipp+1KdELtqKbfAWbH7OLIdoSMnVe3EXPMTmxTmlaZDCTsgIpPCs3w99lLo9/zDKkOrJuT5byw==",
"dev": true, "dev": true,
"dependencies": { "dependencies": {
"chokidar": ">=3.0.0 <4.0.0", "chokidar": ">=3.0.0 <4.0.0",
@ -19017,9 +19017,9 @@
} }
}, },
"node_modules/webpack": { "node_modules/webpack": {
"version": "5.87.0", "version": "5.88.0",
"resolved": "https://registry.npmjs.org/webpack/-/webpack-5.87.0.tgz", "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.88.0.tgz",
"integrity": "sha512-GOu1tNbQ7p1bDEoFRs2YPcfyGs8xq52yyPBZ3m2VGnXGtV9MxjrkABHm4V9Ia280OefsSLzvbVoXcfLxjKY/Iw==", "integrity": "sha512-O3jDhG5e44qIBSi/P6KpcCcH7HD+nYIHVBhdWFxcLOcIGN8zGo5nqF3BjyNCxIh4p1vFdNnreZv2h2KkoAw3lw==",
"dev": true, "dev": true,
"dependencies": { "dependencies": {
"@types/eslint-scope": "^3.7.3", "@types/eslint-scope": "^3.7.3",
@ -32138,9 +32138,9 @@
"dev": true "dev": true
}, },
"sass": { "sass": {
"version": "1.63.4", "version": "1.63.6",
"resolved": "https://registry.npmjs.org/sass/-/sass-1.63.4.tgz", "resolved": "https://registry.npmjs.org/sass/-/sass-1.63.6.tgz",
"integrity": "sha512-Sx/+weUmK+oiIlI+9sdD0wZHsqpbgQg8wSwSnGBjwb5GwqFhYNwwnI+UWZtLjKvKyFlKkatRK235qQ3mokyPoQ==", "integrity": "sha512-MJuxGMHzaOW7ipp+1KdELtqKbfAWbH7OLIdoSMnVe3EXPMTmxTmlaZDCTsgIpPCs3w99lLo9/zDKkOrJuT5byw==",
"dev": true, "dev": true,
"requires": { "requires": {
"chokidar": ">=3.0.0 <4.0.0", "chokidar": ">=3.0.0 <4.0.0",
@ -33570,9 +33570,9 @@
"dev": true "dev": true
}, },
"webpack": { "webpack": {
"version": "5.87.0", "version": "5.88.0",
"resolved": "https://registry.npmjs.org/webpack/-/webpack-5.87.0.tgz", "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.88.0.tgz",
"integrity": "sha512-GOu1tNbQ7p1bDEoFRs2YPcfyGs8xq52yyPBZ3m2VGnXGtV9MxjrkABHm4V9Ia280OefsSLzvbVoXcfLxjKY/Iw==", "integrity": "sha512-O3jDhG5e44qIBSi/P6KpcCcH7HD+nYIHVBhdWFxcLOcIGN8zGo5nqF3BjyNCxIh4p1vFdNnreZv2h2KkoAw3lw==",
"dev": true, "dev": true,
"requires": { "requires": {
"@types/eslint-scope": "^3.7.3", "@types/eslint-scope": "^3.7.3",

View File

@ -1,6 +1,6 @@
{ {
"name": "@aleleba/create-react-component-library", "name": "@aleleba/create-react-component-library",
"version": "1.2.9", "version": "1.2.10",
"description": "A starter kit for create a React component Library with storybook", "description": "A starter kit for create a React component Library with storybook",
"bin": "./bin/cli.js", "bin": "./bin/cli.js",
"main": "dist/index.js", "main": "dist/index.js",
@ -79,7 +79,7 @@
"react": "^18.2.0", "react": "^18.2.0",
"react-dom": "^18.2.0", "react-dom": "^18.2.0",
"resolve-ts-aliases": "^1.0.1", "resolve-ts-aliases": "^1.0.1",
"sass": "^1.63.4", "sass": "^1.63.6",
"sass-loader": "^13.3.2", "sass-loader": "^13.3.2",
"storybook": "^7.0.22", "storybook": "^7.0.22",
"style-loader": "^3.3.3", "style-loader": "^3.3.3",
@ -88,7 +88,7 @@
"tsconfig-paths-webpack-plugin": "^4.0.1", "tsconfig-paths-webpack-plugin": "^4.0.1",
"typescript": "^5.1.3", "typescript": "^5.1.3",
"url-loader": "^4.1.1", "url-loader": "^4.1.1",
"webpack": "^5.87.0", "webpack": "^5.88.0",
"webpack-cli": "^5.1.4", "webpack-cli": "^5.1.4",
"webpack-node-externals": "^3.0.0" "webpack-node-externals": "^3.0.0"
}, },

View File

@ -1,15 +1,15 @@
import React from 'react'; import React from 'react';
import { ComponentStory, ComponentMeta } from '@storybook/react'; import { StoryFn, Meta } from '@storybook/react';
import { Card } from '@components'; import { Card } from '@components';
// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
export default { export default {
title: 'Example/Card', title: 'Example/Card',
component: Card, component: Card,
} as ComponentMeta<typeof Card>; } as Meta<typeof Card>;
// More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args // More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
const Template: ComponentStory<typeof Card> = (args) => <Card {...args} />; const Template: StoryFn<typeof Card> = (args) => <Card {...args} />;
export const Basic = Template.bind({}); export const Basic = Template.bind({});
// More on args: https://storybook.js.org/docs/react/writing-stories/args // More on args: https://storybook.js.org/docs/react/writing-stories/args