mirotone - npm Package Compare versions

Comparing version 4.0.1 to 4.1.0

dist/CHANGELOG.md

@@ -0,1 +1,15 @@
+# 4.1.0
+
+- Added all icons as SVG to the package to make it easier to include the icons into your projects HTML directly.
+- All icons SVG files don't have a `fill` property anymore. Coloring is now done via css filters so we can change them on hover
+- Added the option to add icons to buttons
+- Added Tertiary button style
+  - _IMPORTANT_ `.button-icon`, `.button-secondary-border` and `.button-danger-border` are going to be deprecated in a later version. They are already removed form docs to prevent further usage. Please start migrating to normal buttons with backgrounds.
+- Harmonized active/focus states across Links/buttons and inputs
+- Added the option to add a button inside a tag
+
+# 4.0.1
+
+- Added warning icon
+
 # 4.0.0
@@ -2,0 +16,0 @@

dist/README.md

 # Mirotone
 
+![image](https://user-images.githubusercontent.com/13353203/153415890-7004da29-3700-45aa-8a69-a60f12dbcf6e.png)
+
 ![NPM Downloads](https://img.shields.io/npm/dt/mirotone.svg)
 ![NPM Version](https://img.shields.io/npm/v/mirotone.svg)
-![Last commit](https://img.shields.io/github/last-commit/miroapp/mirotone.svg?color=red)
-![License](https://img.shields.io/github/license/miroapp/mirotone.svg?color=yellow)
 
-Mirotone is a small & lightweight skeleton UI Kit that tries to match Miro styles for building apps and plugins. The package contains a HTML & CSS files which can be used for any project.
+Mirotone is a small & lightweight skeleton UI Kit that matches Miro styles for building apps and plugins. The package contains a CSS file which can be used for any project.
 
@@ -18,3 +18,3 @@ ## Content
 
-Install the package as a dependancy on your own project by running:
+Install the package as a dependency on your own project by running:
 
@@ -33,3 +33,3 @@ ```
 
-You can also use standart CSS linking to use the styles right away in your project:
+You can also use standard CSS linking to use the styles right away in your project:
 
@@ -40,2 +40,6 @@ ```html
 
+## Browser support
+
+Mirotone heavily relies on [CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties). This means that it is not supported in IE11 and below. All other modern browsers are supported.
+
 ### Components
@@ -57,2 +61,4 @@
 - app layouts
+- app card
+- table
 
@@ -59,0 +65,0 @@ You can check the [documentation](https://mirotone.xyz/) for more details.

package.json

 {
   "name": "mirotone",
-  "version": "4.0.1",
-  "description": "Miro UI Kit for building apps & plugins",
+  "version": "4.1.0",
+  "description": "Miro UI Kit for building Apps & plugins",
   "style": "dist/styles.css",
@@ -6,0 +6,0 @@ "scripts": {

README.md

 # Mirotone
 
+![image](https://user-images.githubusercontent.com/13353203/153415890-7004da29-3700-45aa-8a69-a60f12dbcf6e.png)
+
 ![NPM Downloads](https://img.shields.io/npm/dt/mirotone.svg)
 ![NPM Version](https://img.shields.io/npm/v/mirotone.svg)
-![Last commit](https://img.shields.io/github/last-commit/miroapp/mirotone.svg?color=red)
-![License](https://img.shields.io/github/license/miroapp/mirotone.svg?color=yellow)
 
-Mirotone is a small & lightweight skeleton UI Kit that tries to match Miro styles for building apps and plugins. The package contains a HTML & CSS files which can be used for any project.
+Mirotone is a small & lightweight skeleton UI Kit that matches Miro styles for building apps and plugins. The package contains a CSS file which can be used for any project.
 
@@ -18,3 +18,3 @@ ## Content
 
-Install the package as a dependancy on your own project by running:
+Install the package as a dependency on your own project by running:
 
@@ -33,3 +33,3 @@ ```
 
-You can also use standart CSS linking to use the styles right away in your project:
+You can also use standard CSS linking to use the styles right away in your project:
 
@@ -40,2 +40,6 @@ ```html
 
+## Browser support
+
+Mirotone heavily relies on [CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties). This means that it is not supported in IE11 and below. All other modern browsers are supported.
+
 ### Components
@@ -57,2 +61,4 @@
 - app layouts
+- app card
+- table
 
@@ -59,0 +65,0 @@ You can check the [documentation](https://mirotone.xyz/) for more details.

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Deprecated

Maintenance

The maintainer of the package marked it as deprecated. This could indicate that a single version should not be used, or that the package is no longer maintained and any new vulnerabilities will not be fixed.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

138604

increased by47.81%

Number of package files

127

increased by2016.67%

Number of lines in readme file

66

increased by10%

Number of medium supply chain risk alerts

1

decreased by-50%

Worsened metrics

Number of medium maintenance alerts

1

increased byInfinity%

No dependency changes