@highlight-ui/button - npm Package Compare versions

Comparing version 1.1.3 to 2.0.0

CHANGELOG.md

@@ -6,2 +6,18 @@ # Change Log
 
+# [2.0.0](https://gitlab.personio-internal.de/personio/platform/highlight-ui/compare/@highlight-ui/button@1.1.3...@highlight-ui/button@2.0.0) (2021-04-29)
+
+
+### Features
+
+* **build:** extract css in all packages ([4e5898d](https://gitlab.personio-internal.de/personio/platform/highlight-ui/commit/4e5898dd38942e53099761d37eab405c5764931d))
+
+
+### BREAKING CHANGES
+
+* **build:** rollup config has been changed
+
+
+
+
+
 ## [1.1.3](https://gitlab.personio-internal.de/personio/platform/highlight-ui/compare/@highlight-ui/button@1.1.2...@highlight-ui/button@1.1.3) (2021-04-28)
@@ -8,0 +24,0 @@

dist/cjs/index.js

@@ -52,33 +52,4 @@ 'use strict';
 
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
+var styles = {"button":"Button-module__3Rp1BYXs__v2-0-0","loadingButtonInner":"Button-module__1JxCag8q__v2-0-0","loadingIcon":"Button-module__PkJtfsRC__v2-0-0","buttonInner":"Button-module__3ZNLhdsJ__v2-0-0","iconOnly":"Button-module__3-vgpZJs__v2-0-0","block":"Button-module__1xc1DTHJ__v2-0-0","default":"Button-module__2Kmo3l-q__v2-0-0","focus":"Button-module__39s3axLP__v2-0-0","active":"Button-module__3WXlxxv-__v2-0-0","disabled":"Button-module__yB64MUUF__v2-0-0","primary":"Button-module__2nxVbZSO__v2-0-0","success":"Button-module__2WMN2Up2__v2-0-0","info":"Button-module__3Ll-h-cW__v2-0-0","warning":"Button-module__2Ma4TaUU__v2-0-0","warning-light":"Button-module__2HCrlzv6__v2-0-0","danger":"Button-module__3Eex2siA__v2-0-0","dark":"Button-module__MqwKA-Vc__v2-0-0","light":"Button-module__iJhDdOHm__v2-0-0","defaultOutline":"Button-module__2tKStPHe__v2-0-0","hover":"Button-module__YUN3Kf-p__v2-0-0","link":"Button-module__2KZcoTpE__v2-0-0"};
 
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-var css_248z = "@import url(\"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;700&display=swap\");\n@import url(\"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap\");\n@import url(\"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;700&display=swap\");\n@import url(\"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap\");\n.Button-module__3Rp1BYXs__v1-1-3 {\n  border: 1px solid transparent;\n  border-radius: 4px;\n  cursor: pointer;\n  display: inline-block;\n  font-family: \"Open Sans\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 18px;\n  margin: 0 0;\n  outline: none;\n  padding: 8px 24px;\n  position: relative;\n  text-decoration: none;\n  transition: all 0.3s ease;\n}\n\n.Button-module__1JxCag8q__v1-1-3 {\n  transform: translateX(-12px);\n}\n\n.Button-module__PkJtfsRC__v1-1-3 {\n  position: absolute;\n  right: 16px;\n  top: 10.5px;\n}\n\n.Button-module__3ZNLhdsJ__v1-1-3 {\n  display: flex;\n  flex: 1;\n  justify-content: center;\n}\n.Button-module__3ZNLhdsJ__v1-1-3 i + div {\n  margin: 0 0 0 4px;\n}\n\n.Button-module__3-vgpZJs__v1-1-3 i {\n  margin: 0;\n}\n\n.Button-module__1xc1DTHJ__v1-1-3 {\n  display: block;\n  width: 100%;\n}\n\n.Button-module__2Kmo3l-q__v1-1-3 {\n  background: #f4f7f9;\n  border-color: transparent;\n  color: #555;\n}\n.Button-module__2Kmo3l-q__v1-1-3:hover {\n  background: #dbe5ec;\n  color: #555;\n  text-decoration: none;\n}\n.Button-module__2Kmo3l-q__v1-1-3:focus, .Button-module__2Kmo3l-q__v1-1-3.Button-module__39s3axLP__v1-1-3 {\n  box-shadow: 0 0 0 0.1rem rgba(244, 247, 249, 0.75);\n  outline: none;\n  background: #d3dfe7;\n  color: #555;\n}\n.Button-module__2Kmo3l-q__v1-1-3:active, .Button-module__2Kmo3l-q__v1-1-3.Button-module__3WXlxxv-__v1-1-3 {\n  background: #cbd9e3;\n}\n.Button-module__2Kmo3l-q__v1-1-3:disabled, .Button-module__2Kmo3l-q__v1-1-3.Button-module__yB64MUUF__v1-1-3 {\n  cursor: initial;\n  opacity: 0.3;\n}\n\n.Button-module__2nxVbZSO__v1-1-3 {\n  background: #0db5df;\n  border-color: transparent;\n  color: #fff;\n}\n.Button-module__2nxVbZSO__v1-1-3:hover {\n  background: #0b98bb;\n  color: #fff;\n  text-decoration: none;\n}\n.Button-module__2nxVbZSO__v1-1-3:focus, .Button-module__2nxVbZSO__v1-1-3.Button-module__39s3axLP__v1-1-3 {\n  box-shadow: 0 0 0 0.1rem rgba(13, 181, 223, 0.75);\n  outline: none;\n  background: #0a8eaf;\n  color: #fff;\n}\n.Button-module__2nxVbZSO__v1-1-3:active, .Button-module__2nxVbZSO__v1-1-3.Button-module__3WXlxxv-__v1-1-3 {\n  background: #0984a3;\n}\n.Button-module__2nxVbZSO__v1-1-3:disabled, .Button-module__2nxVbZSO__v1-1-3.Button-module__yB64MUUF__v1-1-3 {\n  cursor: initial;\n  opacity: 0.3;\n}\n\n.Button-module__2WMN2Up2__v1-1-3 {\n  background: #74c970;\n  border-color: transparent;\n  color: #fff;\n}\n.Button-module__2WMN2Up2__v1-1-3:hover {\n  background: #59bf54;\n  color: #fff;\n  text-decoration: none;\n}\n.Button-module__2WMN2Up2__v1-1-3:focus, .Button-module__2WMN2Up2__v1-1-3.Button-module__39s3axLP__v1-1-3 {\n  box-shadow: 0 0 0 0.1rem rgba(116, 201, 112, 0.75);\n  outline: none;\n  background: #50bb4b;\n  color: #fff;\n}\n.Button-module__2WMN2Up2__v1-1-3:active, .Button-module__2WMN2Up2__v1-1-3.Button-module__3WXlxxv-__v1-1-3 {\n  background: #49b544;\n}\n.Button-module__2WMN2Up2__v1-1-3:disabled, .Button-module__2WMN2Up2__v1-1-3.Button-module__yB64MUUF__v1-1-3 {\n  cursor: initial;\n  opacity: 0.3;\n}\n\n.Button-module__3Ll-h-cW__v1-1-3 {\n  background: #0b98bb;\n  border-color: transparent;\n  color: #fff;\n}\n.Button-module__3Ll-h-cW__v1-1-3:hover {\n  background: #097b97;\n  color: #fff;\n  text-decoration: none;\n}\n.Button-module__3Ll-h-cW__v1-1-3:focus, .Button-module__3Ll-h-cW__v1-1-3.Button-module__39s3axLP__v1-1-3 {\n  box-shadow: 0 0 0 0.1rem rgba(11, 152, 187, 0.75);\n  outline: none;\n  background: #08718b;\n  color: #fff;\n}\n.Button-module__3Ll-h-cW__v1-1-3:active, .Button-module__3Ll-h-cW__v1-1-3.Button-module__3WXlxxv-__v1-1-3 {\n  background: #07677f;\n}\n.Button-module__3Ll-h-cW__v1-1-3:disabled, .Button-module__3Ll-h-cW__v1-1-3.Button-module__yB64MUUF__v1-1-3 {\n  cursor: initial;\n  opacity: 0.3;\n}\n\n.Button-module__2Ma4TaUU__v1-1-3 {\n  background: #ffa319;\n  border-color: transparent;\n  color: #fff;\n}\n.Button-module__2Ma4TaUU__v1-1-3:hover {\n  background: #f29100;\n  color: #fff;\n  text-decoration: none;\n}\n.Button-module__2Ma4TaUU__v1-1-3:focus, .Button-module__2Ma4TaUU__v1-1-3.Button-module__39s3axLP__v1-1-3 {\n  box-shadow: 0 0 0 0.1rem rgba(255, 163, 25, 0.75);\n  outline: none;\n  background: #e58900;\n  color: #fff;\n}\n.Button-module__2Ma4TaUU__v1-1-3:active, .Button-module__2Ma4TaUU__v1-1-3.Button-module__3WXlxxv-__v1-1-3 {\n  background: #d88200;\n}\n.Button-module__2Ma4TaUU__v1-1-3:disabled, .Button-module__2Ma4TaUU__v1-1-3.Button-module__yB64MUUF__v1-1-3 {\n  cursor: initial;\n  opacity: 0.3;\n}\n\n.Button-module__2HCrlzv6__v1-1-3 {\n  background: #fef7eb;\n  border-color: transparent;\n  color: #555;\n}\n.Button-module__2HCrlzv6__v1-1-3:hover {\n  background: #fce8c7;\n  color: #555;\n  text-decoration: none;\n}\n.Button-module__2HCrlzv6__v1-1-3:focus, .Button-module__2HCrlzv6__v1-1-3.Button-module__39s3axLP__v1-1-3 {\n  box-shadow: 0 0 0 0.1rem rgba(254, 247, 235, 0.75);\n  outline: none;\n  background: #fce4ba;\n  color: #555;\n}\n.Button-module__2HCrlzv6__v1-1-3:active, .Button-module__2HCrlzv6__v1-1-3.Button-module__3WXlxxv-__v1-1-3 {\n  background: #fbdfae;\n}\n.Button-module__2HCrlzv6__v1-1-3:disabled, .Button-module__2HCrlzv6__v1-1-3.Button-module__yB64MUUF__v1-1-3 {\n  cursor: initial;\n  opacity: 0.3;\n}\n\n.Button-module__3Eex2siA__v1-1-3 {\n  background: #ec4a3f;\n  border-color: transparent;\n  color: #fff;\n}\n.Button-module__3Eex2siA__v1-1-3:hover {\n  background: #e9291c;\n  color: #fff;\n  text-decoration: none;\n}\n.Button-module__3Eex2siA__v1-1-3:focus, .Button-module__3Eex2siA__v1-1-3.Button-module__39s3axLP__v1-1-3 {\n  box-shadow: 0 0 0 0.1rem rgba(236, 74, 63, 0.75);\n  outline: none;\n  background: #e22316;\n  color: #fff;\n}\n.Button-module__3Eex2siA__v1-1-3:active, .Button-module__3Eex2siA__v1-1-3.Button-module__3WXlxxv-__v1-1-3 {\n  background: #d62115;\n}\n.Button-module__3Eex2siA__v1-1-3:disabled, .Button-module__3Eex2siA__v1-1-3.Button-module__yB64MUUF__v1-1-3 {\n  cursor: initial;\n  opacity: 0.3;\n}\n\n.Button-module__MqwKA-Vc__v1-1-3 {\n  background: #000;\n  border-color: transparent;\n  color: #fff;\n}\n.Button-module__MqwKA-Vc__v1-1-3:hover {\n  background: black;\n  color: #fff;\n  text-decoration: none;\n}\n.Button-module__MqwKA-Vc__v1-1-3:focus, .Button-module__MqwKA-Vc__v1-1-3.Button-module__39s3axLP__v1-1-3 {\n  box-shadow: 0 0 0 0.1rem rgba(0, 0, 0, 0.75);\n  outline: none;\n  background: black;\n  color: #fff;\n}\n.Button-module__MqwKA-Vc__v1-1-3:active, .Button-module__MqwKA-Vc__v1-1-3.Button-module__3WXlxxv-__v1-1-3 {\n  background: black;\n}\n.Button-module__MqwKA-Vc__v1-1-3:disabled, .Button-module__MqwKA-Vc__v1-1-3.Button-module__yB64MUUF__v1-1-3 {\n  cursor: initial;\n  opacity: 0.3;\n}\n\n.Button-module__iJhDdOHm__v1-1-3 {\n  background: #fff;\n  border-color: transparent;\n  color: #555;\n}\n.Button-module__iJhDdOHm__v1-1-3:hover {\n  background: #ececec;\n  color: #555;\n  text-decoration: none;\n}\n.Button-module__iJhDdOHm__v1-1-3:focus, .Button-module__iJhDdOHm__v1-1-3.Button-module__39s3axLP__v1-1-3 {\n  box-shadow: 0 0 0 0.1rem rgba(255, 255, 255, 0.75);\n  outline: none;\n  background: #e6e6e6;\n  color: #555;\n}\n.Button-module__iJhDdOHm__v1-1-3:active, .Button-module__iJhDdOHm__v1-1-3.Button-module__3WXlxxv-__v1-1-3 {\n  background: #dfdfdf;\n}\n.Button-module__iJhDdOHm__v1-1-3:disabled, .Button-module__iJhDdOHm__v1-1-3.Button-module__yB64MUUF__v1-1-3 {\n  cursor: initial;\n  opacity: 0.3;\n}\n\n.Button-module__2tKStPHe__v1-1-3 {\n  background: #fff;\n  border-color: #dce6ec;\n  color: #555;\n  font-weight: 400;\n}\n.Button-module__2tKStPHe__v1-1-3:hover,\n.Button-module__2tKStPHe__v1-1-3 .Button-module__YUN3Kf-p__v1-1-3 {\n  background: #f4f7f9;\n  color: #555;\n}\n.Button-module__2tKStPHe__v1-1-3:focus, .Button-module__2tKStPHe__v1-1-3.Button-module__39s3axLP__v1-1-3 {\n  box-shadow: 0 0 0 0.1rem rgba(255, 255, 255, 0.75);\n  outline: none;\n  background: #dce6ec;\n}\n\n.Button-module__2KZcoTpE__v1-1-3 {\n  background: transparent;\n  border-color: transparent;\n  color: #0db5df;\n}\n.Button-module__2KZcoTpE__v1-1-3:hover {\n  background: #f4f7f9;\n  color: #0db5df;\n  text-decoration: none;\n}\n.Button-module__2KZcoTpE__v1-1-3:focus, .Button-module__2KZcoTpE__v1-1-3.Button-module__39s3axLP__v1-1-3 {\n  box-shadow: 0 0 0 0.1rem rgba(219, 222, 224, 0.75);\n  outline: none;\n  background: #f4f7f9;\n  color: #0db5df;\n}\n.Button-module__2KZcoTpE__v1-1-3:active, .Button-module__2KZcoTpE__v1-1-3.Button-module__3WXlxxv-__v1-1-3 {\n  background: #dbdee0;\n}\n.Button-module__2KZcoTpE__v1-1-3:disabled, .Button-module__2KZcoTpE__v1-1-3.Button-module__yB64MUUF__v1-1-3 {\n  cursor: initial;\n  opacity: 0.3;\n}";
-var styles = {"button":"Button-module__3Rp1BYXs__v1-1-3","loadingButtonInner":"Button-module__1JxCag8q__v1-1-3","loadingIcon":"Button-module__PkJtfsRC__v1-1-3","buttonInner":"Button-module__3ZNLhdsJ__v1-1-3","iconOnly":"Button-module__3-vgpZJs__v1-1-3","block":"Button-module__1xc1DTHJ__v1-1-3","default":"Button-module__2Kmo3l-q__v1-1-3","focus":"Button-module__39s3axLP__v1-1-3","active":"Button-module__3WXlxxv-__v1-1-3","disabled":"Button-module__yB64MUUF__v1-1-3","primary":"Button-module__2nxVbZSO__v1-1-3","success":"Button-module__2WMN2Up2__v1-1-3","info":"Button-module__3Ll-h-cW__v1-1-3","warning":"Button-module__2Ma4TaUU__v1-1-3","warning-light":"Button-module__2HCrlzv6__v1-1-3","danger":"Button-module__3Eex2siA__v1-1-3","dark":"Button-module__MqwKA-Vc__v1-1-3","light":"Button-module__iJhDdOHm__v1-1-3","defaultOutline":"Button-module__2tKStPHe__v1-1-3","hover":"Button-module__YUN3Kf-p__v1-1-3","link":"Button-module__2KZcoTpE__v1-1-3"};
-styleInject(css_248z);
-
 function ButtonWithRef(_a, ref) {
@@ -85,0 +56,0 @@ var _b, _c, _d, _e, _f, _g;

dist/esm/index.js

@@ -44,33 +44,4 @@ import React from 'react';
 
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
+var styles = {"button":"Button-module__3Rp1BYXs__v2-0-0","loadingButtonInner":"Button-module__1JxCag8q__v2-0-0","loadingIcon":"Button-module__PkJtfsRC__v2-0-0","buttonInner":"Button-module__3ZNLhdsJ__v2-0-0","iconOnly":"Button-module__3-vgpZJs__v2-0-0","block":"Button-module__1xc1DTHJ__v2-0-0","default":"Button-module__2Kmo3l-q__v2-0-0","focus":"Button-module__39s3axLP__v2-0-0","active":"Button-module__3WXlxxv-__v2-0-0","disabled":"Button-module__yB64MUUF__v2-0-0","primary":"Button-module__2nxVbZSO__v2-0-0","success":"Button-module__2WMN2Up2__v2-0-0","info":"Button-module__3Ll-h-cW__v2-0-0","warning":"Button-module__2Ma4TaUU__v2-0-0","warning-light":"Button-module__2HCrlzv6__v2-0-0","danger":"Button-module__3Eex2siA__v2-0-0","dark":"Button-module__MqwKA-Vc__v2-0-0","light":"Button-module__iJhDdOHm__v2-0-0","defaultOutline":"Button-module__2tKStPHe__v2-0-0","hover":"Button-module__YUN3Kf-p__v2-0-0","link":"Button-module__2KZcoTpE__v2-0-0"};
 
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-var css_248z = "@import url(\"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;700&display=swap\");\n@import url(\"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap\");\n@import url(\"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;700&display=swap\");\n@import url(\"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap\");\n.Button-module__3Rp1BYXs__v1-1-3 {\n  border: 1px solid transparent;\n  border-radius: 4px;\n  cursor: pointer;\n  display: inline-block;\n  font-family: \"Open Sans\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 18px;\n  margin: 0 0;\n  outline: none;\n  padding: 8px 24px;\n  position: relative;\n  text-decoration: none;\n  transition: all 0.3s ease;\n}\n\n.Button-module__1JxCag8q__v1-1-3 {\n  transform: translateX(-12px);\n}\n\n.Button-module__PkJtfsRC__v1-1-3 {\n  position: absolute;\n  right: 16px;\n  top: 10.5px;\n}\n\n.Button-module__3ZNLhdsJ__v1-1-3 {\n  display: flex;\n  flex: 1;\n  justify-content: center;\n}\n.Button-module__3ZNLhdsJ__v1-1-3 i + div {\n  margin: 0 0 0 4px;\n}\n\n.Button-module__3-vgpZJs__v1-1-3 i {\n  margin: 0;\n}\n\n.Button-module__1xc1DTHJ__v1-1-3 {\n  display: block;\n  width: 100%;\n}\n\n.Button-module__2Kmo3l-q__v1-1-3 {\n  background: #f4f7f9;\n  border-color: transparent;\n  color: #555;\n}\n.Button-module__2Kmo3l-q__v1-1-3:hover {\n  background: #dbe5ec;\n  color: #555;\n  text-decoration: none;\n}\n.Button-module__2Kmo3l-q__v1-1-3:focus, .Button-module__2Kmo3l-q__v1-1-3.Button-module__39s3axLP__v1-1-3 {\n  box-shadow: 0 0 0 0.1rem rgba(244, 247, 249, 0.75);\n  outline: none;\n  background: #d3dfe7;\n  color: #555;\n}\n.Button-module__2Kmo3l-q__v1-1-3:active, .Button-module__2Kmo3l-q__v1-1-3.Button-module__3WXlxxv-__v1-1-3 {\n  background: #cbd9e3;\n}\n.Button-module__2Kmo3l-q__v1-1-3:disabled, .Button-module__2Kmo3l-q__v1-1-3.Button-module__yB64MUUF__v1-1-3 {\n  cursor: initial;\n  opacity: 0.3;\n}\n\n.Button-module__2nxVbZSO__v1-1-3 {\n  background: #0db5df;\n  border-color: transparent;\n  color: #fff;\n}\n.Button-module__2nxVbZSO__v1-1-3:hover {\n  background: #0b98bb;\n  color: #fff;\n  text-decoration: none;\n}\n.Button-module__2nxVbZSO__v1-1-3:focus, .Button-module__2nxVbZSO__v1-1-3.Button-module__39s3axLP__v1-1-3 {\n  box-shadow: 0 0 0 0.1rem rgba(13, 181, 223, 0.75);\n  outline: none;\n  background: #0a8eaf;\n  color: #fff;\n}\n.Button-module__2nxVbZSO__v1-1-3:active, .Button-module__2nxVbZSO__v1-1-3.Button-module__3WXlxxv-__v1-1-3 {\n  background: #0984a3;\n}\n.Button-module__2nxVbZSO__v1-1-3:disabled, .Button-module__2nxVbZSO__v1-1-3.Button-module__yB64MUUF__v1-1-3 {\n  cursor: initial;\n  opacity: 0.3;\n}\n\n.Button-module__2WMN2Up2__v1-1-3 {\n  background: #74c970;\n  border-color: transparent;\n  color: #fff;\n}\n.Button-module__2WMN2Up2__v1-1-3:hover {\n  background: #59bf54;\n  color: #fff;\n  text-decoration: none;\n}\n.Button-module__2WMN2Up2__v1-1-3:focus, .Button-module__2WMN2Up2__v1-1-3.Button-module__39s3axLP__v1-1-3 {\n  box-shadow: 0 0 0 0.1rem rgba(116, 201, 112, 0.75);\n  outline: none;\n  background: #50bb4b;\n  color: #fff;\n}\n.Button-module__2WMN2Up2__v1-1-3:active, .Button-module__2WMN2Up2__v1-1-3.Button-module__3WXlxxv-__v1-1-3 {\n  background: #49b544;\n}\n.Button-module__2WMN2Up2__v1-1-3:disabled, .Button-module__2WMN2Up2__v1-1-3.Button-module__yB64MUUF__v1-1-3 {\n  cursor: initial;\n  opacity: 0.3;\n}\n\n.Button-module__3Ll-h-cW__v1-1-3 {\n  background: #0b98bb;\n  border-color: transparent;\n  color: #fff;\n}\n.Button-module__3Ll-h-cW__v1-1-3:hover {\n  background: #097b97;\n  color: #fff;\n  text-decoration: none;\n}\n.Button-module__3Ll-h-cW__v1-1-3:focus, .Button-module__3Ll-h-cW__v1-1-3.Button-module__39s3axLP__v1-1-3 {\n  box-shadow: 0 0 0 0.1rem rgba(11, 152, 187, 0.75);\n  outline: none;\n  background: #08718b;\n  color: #fff;\n}\n.Button-module__3Ll-h-cW__v1-1-3:active, .Button-module__3Ll-h-cW__v1-1-3.Button-module__3WXlxxv-__v1-1-3 {\n  background: #07677f;\n}\n.Button-module__3Ll-h-cW__v1-1-3:disabled, .Button-module__3Ll-h-cW__v1-1-3.Button-module__yB64MUUF__v1-1-3 {\n  cursor: initial;\n  opacity: 0.3;\n}\n\n.Button-module__2Ma4TaUU__v1-1-3 {\n  background: #ffa319;\n  border-color: transparent;\n  color: #fff;\n}\n.Button-module__2Ma4TaUU__v1-1-3:hover {\n  background: #f29100;\n  color: #fff;\n  text-decoration: none;\n}\n.Button-module__2Ma4TaUU__v1-1-3:focus, .Button-module__2Ma4TaUU__v1-1-3.Button-module__39s3axLP__v1-1-3 {\n  box-shadow: 0 0 0 0.1rem rgba(255, 163, 25, 0.75);\n  outline: none;\n  background: #e58900;\n  color: #fff;\n}\n.Button-module__2Ma4TaUU__v1-1-3:active, .Button-module__2Ma4TaUU__v1-1-3.Button-module__3WXlxxv-__v1-1-3 {\n  background: #d88200;\n}\n.Button-module__2Ma4TaUU__v1-1-3:disabled, .Button-module__2Ma4TaUU__v1-1-3.Button-module__yB64MUUF__v1-1-3 {\n  cursor: initial;\n  opacity: 0.3;\n}\n\n.Button-module__2HCrlzv6__v1-1-3 {\n  background: #fef7eb;\n  border-color: transparent;\n  color: #555;\n}\n.Button-module__2HCrlzv6__v1-1-3:hover {\n  background: #fce8c7;\n  color: #555;\n  text-decoration: none;\n}\n.Button-module__2HCrlzv6__v1-1-3:focus, .Button-module__2HCrlzv6__v1-1-3.Button-module__39s3axLP__v1-1-3 {\n  box-shadow: 0 0 0 0.1rem rgba(254, 247, 235, 0.75);\n  outline: none;\n  background: #fce4ba;\n  color: #555;\n}\n.Button-module__2HCrlzv6__v1-1-3:active, .Button-module__2HCrlzv6__v1-1-3.Button-module__3WXlxxv-__v1-1-3 {\n  background: #fbdfae;\n}\n.Button-module__2HCrlzv6__v1-1-3:disabled, .Button-module__2HCrlzv6__v1-1-3.Button-module__yB64MUUF__v1-1-3 {\n  cursor: initial;\n  opacity: 0.3;\n}\n\n.Button-module__3Eex2siA__v1-1-3 {\n  background: #ec4a3f;\n  border-color: transparent;\n  color: #fff;\n}\n.Button-module__3Eex2siA__v1-1-3:hover {\n  background: #e9291c;\n  color: #fff;\n  text-decoration: none;\n}\n.Button-module__3Eex2siA__v1-1-3:focus, .Button-module__3Eex2siA__v1-1-3.Button-module__39s3axLP__v1-1-3 {\n  box-shadow: 0 0 0 0.1rem rgba(236, 74, 63, 0.75);\n  outline: none;\n  background: #e22316;\n  color: #fff;\n}\n.Button-module__3Eex2siA__v1-1-3:active, .Button-module__3Eex2siA__v1-1-3.Button-module__3WXlxxv-__v1-1-3 {\n  background: #d62115;\n}\n.Button-module__3Eex2siA__v1-1-3:disabled, .Button-module__3Eex2siA__v1-1-3.Button-module__yB64MUUF__v1-1-3 {\n  cursor: initial;\n  opacity: 0.3;\n}\n\n.Button-module__MqwKA-Vc__v1-1-3 {\n  background: #000;\n  border-color: transparent;\n  color: #fff;\n}\n.Button-module__MqwKA-Vc__v1-1-3:hover {\n  background: black;\n  color: #fff;\n  text-decoration: none;\n}\n.Button-module__MqwKA-Vc__v1-1-3:focus, .Button-module__MqwKA-Vc__v1-1-3.Button-module__39s3axLP__v1-1-3 {\n  box-shadow: 0 0 0 0.1rem rgba(0, 0, 0, 0.75);\n  outline: none;\n  background: black;\n  color: #fff;\n}\n.Button-module__MqwKA-Vc__v1-1-3:active, .Button-module__MqwKA-Vc__v1-1-3.Button-module__3WXlxxv-__v1-1-3 {\n  background: black;\n}\n.Button-module__MqwKA-Vc__v1-1-3:disabled, .Button-module__MqwKA-Vc__v1-1-3.Button-module__yB64MUUF__v1-1-3 {\n  cursor: initial;\n  opacity: 0.3;\n}\n\n.Button-module__iJhDdOHm__v1-1-3 {\n  background: #fff;\n  border-color: transparent;\n  color: #555;\n}\n.Button-module__iJhDdOHm__v1-1-3:hover {\n  background: #ececec;\n  color: #555;\n  text-decoration: none;\n}\n.Button-module__iJhDdOHm__v1-1-3:focus, .Button-module__iJhDdOHm__v1-1-3.Button-module__39s3axLP__v1-1-3 {\n  box-shadow: 0 0 0 0.1rem rgba(255, 255, 255, 0.75);\n  outline: none;\n  background: #e6e6e6;\n  color: #555;\n}\n.Button-module__iJhDdOHm__v1-1-3:active, .Button-module__iJhDdOHm__v1-1-3.Button-module__3WXlxxv-__v1-1-3 {\n  background: #dfdfdf;\n}\n.Button-module__iJhDdOHm__v1-1-3:disabled, .Button-module__iJhDdOHm__v1-1-3.Button-module__yB64MUUF__v1-1-3 {\n  cursor: initial;\n  opacity: 0.3;\n}\n\n.Button-module__2tKStPHe__v1-1-3 {\n  background: #fff;\n  border-color: #dce6ec;\n  color: #555;\n  font-weight: 400;\n}\n.Button-module__2tKStPHe__v1-1-3:hover,\n.Button-module__2tKStPHe__v1-1-3 .Button-module__YUN3Kf-p__v1-1-3 {\n  background: #f4f7f9;\n  color: #555;\n}\n.Button-module__2tKStPHe__v1-1-3:focus, .Button-module__2tKStPHe__v1-1-3.Button-module__39s3axLP__v1-1-3 {\n  box-shadow: 0 0 0 0.1rem rgba(255, 255, 255, 0.75);\n  outline: none;\n  background: #dce6ec;\n}\n\n.Button-module__2KZcoTpE__v1-1-3 {\n  background: transparent;\n  border-color: transparent;\n  color: #0db5df;\n}\n.Button-module__2KZcoTpE__v1-1-3:hover {\n  background: #f4f7f9;\n  color: #0db5df;\n  text-decoration: none;\n}\n.Button-module__2KZcoTpE__v1-1-3:focus, .Button-module__2KZcoTpE__v1-1-3.Button-module__39s3axLP__v1-1-3 {\n  box-shadow: 0 0 0 0.1rem rgba(219, 222, 224, 0.75);\n  outline: none;\n  background: #f4f7f9;\n  color: #0db5df;\n}\n.Button-module__2KZcoTpE__v1-1-3:active, .Button-module__2KZcoTpE__v1-1-3.Button-module__3WXlxxv-__v1-1-3 {\n  background: #dbdee0;\n}\n.Button-module__2KZcoTpE__v1-1-3:disabled, .Button-module__2KZcoTpE__v1-1-3.Button-module__yB64MUUF__v1-1-3 {\n  cursor: initial;\n  opacity: 0.3;\n}";
-var styles = {"button":"Button-module__3Rp1BYXs__v1-1-3","loadingButtonInner":"Button-module__1JxCag8q__v1-1-3","loadingIcon":"Button-module__PkJtfsRC__v1-1-3","buttonInner":"Button-module__3ZNLhdsJ__v1-1-3","iconOnly":"Button-module__3-vgpZJs__v1-1-3","block":"Button-module__1xc1DTHJ__v1-1-3","default":"Button-module__2Kmo3l-q__v1-1-3","focus":"Button-module__39s3axLP__v1-1-3","active":"Button-module__3WXlxxv-__v1-1-3","disabled":"Button-module__yB64MUUF__v1-1-3","primary":"Button-module__2nxVbZSO__v1-1-3","success":"Button-module__2WMN2Up2__v1-1-3","info":"Button-module__3Ll-h-cW__v1-1-3","warning":"Button-module__2Ma4TaUU__v1-1-3","warning-light":"Button-module__2HCrlzv6__v1-1-3","danger":"Button-module__3Eex2siA__v1-1-3","dark":"Button-module__MqwKA-Vc__v1-1-3","light":"Button-module__iJhDdOHm__v1-1-3","defaultOutline":"Button-module__2tKStPHe__v1-1-3","hover":"Button-module__YUN3Kf-p__v1-1-3","link":"Button-module__2KZcoTpE__v1-1-3"};
-styleInject(css_248z);
-
 function ButtonWithRef(_a, ref) {
@@ -77,0 +48,0 @@ var _b, _c, _d, _e, _f, _g;

package.json

 {
   "name": "@highlight-ui/button",
-  "version": "1.1.3",
+  "version": "2.0.0",
   "description": "The button",
@@ -12,2 +12,3 @@ "author": "Personio GmbH",
   "types": "dist/cjs/index.d.ts",
+  "style": "dist/esm/index.css",
   "files": [
@@ -27,3 +28,3 @@ "dist"
   "dependencies": {
-    "@highlight-ui/icon": "^1.1.3",
+    "@highlight-ui/icon": "^2.0.0",
     "@highlight-ui/utils-commons": "^1.0.3"
@@ -60,3 +61,3 @@ },
   },
-  "gitHead": "25de6e435d644dc4e06f66d61e06a078ddf0a5d5"
+  "gitHead": "ff1d64b7c6373c8edbcc147b19ceca5b6508270a"
 }

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

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

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

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Number of package files

16

increased by14.29%

Lines of code

787

increased by142.15%

Number of low supply chain risk alerts

1

decreased by-66.67%

Worsened metrics

Total package byte prevSize

75066

decreased by-6.13%

Number of downloads

1693

decreased by-18.41%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Added@highlight-ui/icon@2.1.9(transitive)

• + Addedclassnames@2.5.1(transitive)

• - Removed@highlight-ui/icon@1.1.3(transitive)

• Updated@highlight-ui/icon@^2.0.0