Context

It's always good to have some more real world examples, like using third party libraries.

Solution or next step

Include a section in the docs to show how it would work on third party libraries.

As current the project uses conventional commits and lerna to bump versions, it'd be natural to have the publish also in the CI/CD environment.

It would be easier to have the versioning working straight on the CI.

Context

It's always nice to see how much coverage the project is.

Problem or idea

Add husky and lint-staged to have badges being created in pre-commit time?

Solution or next step

Build the idea above 💪

Context

A good lib is reachable and downloadable, so this needs to be in npm repository 😛

Solution

Publish the packages to the npm registry.

As lerna relies on conventional commits to bump versions, it would be nice to have a way of enforcing it during developing time.

Once husky is already configured in the development environment, it would be nice to have a commit-msg hook enforcing it using commit lint.

Context

Every project should have a readme, allegedly 😛

Solution

Include readme in the project

Context

Being possible to see how the css style manipulation works from the javascript perspective.

Solution or next step

Create a section explaining how to make the css style manipulation part of the lib works.

Context/Suggestion

It's always good and relieving to know the tests are passing, so including a CI/CD with the tests passing would be good.

It'd be nice to be able to name the color harmony as we wish. This way we are able to set css variables in different ways without having to create a color for each variable.

For example, if I have a component with the correct colors by variable names, I could just set the variables with a color harmony, i.e.:

    @include create-theme-color-analogous(
      --my-component-first-color,
      #ffa500,
      $color-second-hue-name: "--my-component-second-color",
      $color-third-hue-name: "--my-component-third-color",
      $color-fourth-hue-name: "--my-component-fourth-color",
    );

This way I'd have the control of the whole color creation.