npm package: @inubekit/button
Description: This project is a button repository that can be used to help people take action, such as sending an email, sharing a document, or liking a comment. Also, this the intention of button are triggers for events or actions. They’re commonly used as part of lar
Author: inube
Latest version: 4.44.3
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# IDS - Button

This project is a button repository that can be used to help people take action, such as sending an email, sharing a document, or liking a comment. Also, this the intention of button are triggers for events or actions. They’re commonly used as part of larger components or patterns such as forms or modal dialogs.

## Readme

This readme contains the details of usage of the starter. Once you create a new repo based in this template in github, please change the content of the README and make it relatable to the component you are creating.

## Instructions of usage

### Package.json

1. **name**: As you can see in the package.json file, the name of this package is "ids-starter". Please rename the name when you start your new project. Remember that all components are publish by the @inubekit organization in npm, so rename the package as @inubekit/{new-component-name}
2. **description**: Complete the description about the component you are creating.

### Environment variables

1. In order to control releases and package publishing, you will need to have a .env file with some environment variables.
2. `GH_TOKEN`: Create this token in github.com, using your profile settings. This token requires the **repo** scope.
3. `NPM_TOKEN`: Create this token in npmjs.com. You must ask the admin to add you as a organization admin prior to publish the package in npm.

### Pull Requests

1. All PRs must have a semver label attached to it. This is the way the publishing and versioning process will use to know if a PR demands a major, minor or patch version to be created.
2. To have these labels available, please run `npm run auto create-labels` to create them (you need to have already your `GH_TOKEN` in .env in order to make this command work).

### Publishing

Follow these steps to publish and release a new version of your package. Also check that you're an admin in the repository (validate with your team leader).

1. `npm run changelog`: this command will create a changelog for you, including in the document the changes that the current release will publish in the new version of the package and what should be the version number of the release. The number is calculated using the labels of all the PRs that are included in this new version (see the Pull Requests details above).
2. `npm version <new-version>`: this command makes multiple things. First, deletes the /dist folder in your project. Second, executes the build of the project and its files are stored in a new /dist folder. Third, creates a new version using the version number you pass in the command (use the version calculated in the changelog step). Fourth, executes a git push with the new version tag included. Fifth, creates a new release in Github. **This step requires that you have your `GH_TOKEN` working**.
3. `npm login`: you must be logged in with npm to continue the process.
4. `npm publish`: with the new build already in /dist, you can now execute this command and the new package version will be published in npm. **This command requires tat you have you `NPM_TOKEN` working.**