@gemeente-denhaag/alert - npm Package Compare versions

Comparing version 0.1.1-alpha.28 to 0.1.1-alpha.29

dist/index.js

@@ -1,12 +0,12 @@
-import*as React from'react';import React__default from'react';import {Button as Button$1,SvgIcon as SvgIcon$1,IconButton as IconButton$1}from'@material-ui/core';var classes$1 = {
-    root: 'denhaag-button',
-    label: 'denhaag-button__label',
-    contained: 'denhaag-button--primary-action',
-    outlined: 'denhaag-button--secondary-action',
-    disabled: 'denhaag-button--disabled',
-    startIcon: 'denhaag-button__start-icon',
-    endIcon: 'denhaag-button__end-icon',
-    iconSizeMedium: 'denhaag-button__icon-size-medium',
-    iconSizeLarge: 'denhaag-button__icon-size-large',
-};function styleInject$4(css, ref) {
+import*as React from'react';import React__default from'react';import {SvgIcon as SvgIcon$1,IconButton as IconButton$1}from'@material-ui/core';function __rest$2(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}function styleInject$4(css, ref) {
   if ( ref === void 0 ) ref = {};
@@ -36,4 +36,3 @@ var insertAt = ref.insertAt;
   }
-}var css_248z$1$2 = ".denhaag-button{align-items:center;border:0;box-shadow:none;cursor:pointer;display:inline-flex;justify-content:center;letter-spacing:0;line-height:1.75;outline:0;position:relative;text-decoration:none;text-transform:none;transition:none;vertical-align:middle}.denhaag-button>span{align-items:inherit;display:inherit;justify-content:inherit;width:100%}.denhaag-button--active,.denhaag-button--focus,.denhaag-button--hover,.denhaag-button:active,.denhaag-button:focus,.denhaag-button:hover{box-shadow:none}";
-styleInject$4(css_248z$1$2);var css_248z$5 = ".denhaag-button{border-radius:var(--denhaag-button-border-radius);font-family:var(--denhaag-button-font-family)}.denhaag-button--focus:after,.denhaag-button:focus:after{border:var(--denhaag-focus-border);border-radius:var(--denhaag-border-radius);bottom:-2px;content:\"\";display:block;left:-2px;position:absolute;right:-2px;top:-2px}.denhaag-button--secondary-action.denhaag-button--focus:after,.denhaag-button--secondary-action:focus:after{bottom:-3px;left:-3px;right:-3px;top:-3px}.denhaag-button--primary-action{background-color:var(--denhaag-button-primary-action-background-color);color:var(--denhaag-button-primary-action-color)}.denhaag-button--primary-action.denhaag-button--hover,.denhaag-button--primary-action:hover{background-color:var(--denhaag-button-primary-action-hover-background-color);color:var(--denhaag-button-primary-action-hover-color)}.denhaag-button--primary-action.denhaag-button--disabled,.denhaag-button--primary-action.denhaag-button:disabled{background-color:var(--denhaag-button-primary-action-disabled-background-color);color:var(--denhaag-button-primary-action-disabled-color)}.denhaag-button--secondary-action{background-color:var(--denhaag-button-secondary-action-background-color);border:var(--denhaag-button-border-width) solid var(--denhaag-button-secondary-action-border-color);color:var(--denhaag-button-secondary-action-color)}.denhaag-button--secondary-action.denhaag-button--hover,.denhaag-button--secondary-action:hover{background-color:var(--denhaag-button-secondary-action-hover-background-color);border-color:var(--denhaag-button-secondary-action-hover-border-color);color:var(--denhaag-button-secondary-action-hover-color)}.denhaag-button--secondary-action.denhaag-button--disabled,.denhaag-button--secondary-action.denhaag-button:disabled{background-color:var(--denhaag-button-secondary-action-disabled-background-color);border-color:var(--denhaag-button-secondary-action-disabled-border-color);color:var(--denhaag-button-secondary-action-disabled-color)}.denhaag-button--medium{font-size:var(--denhaag-typography-scale-base-font-size);padding-block-end:var(--denhaag-button-medium-size-padding-block,var(--denhaag-button-padding-block));padding-block-start:var(--denhaag-button-medium-size-padding-block,var(--denhaag-button-padding-block));padding-inline-end:var(--denhaag-button-medium-size-padding-inline,var(--denhaag-button-padding-inline));padding-inline-start:var(--denhaag-button-medium-size-padding-inline,var(--denhaag-button-padding-inline))}.denhaag-button--medium.denhaag-button--secondary-action{padding-block-end:calc(var(--denhaag-button-medium-size-padding-block, var(--denhaag-button-padding-block)) - var(--denhaag-button-border-width));padding-block-start:calc(var(--denhaag-button-medium-size-padding-block, var(--denhaag-button-padding-block)) - var(--denhaag-button-border-width));padding-inline-end:calc(var(--denhaag-button-medium-size-padding-inline, var(--denhaag-button-padding-inline)) - var(--denhaag-button-border-width));padding-inline-start:calc(var(--denhaag-button-medium-size-padding-inline, var(--denhaag-button-padding-inline)) - var(--denhaag-button-border-width))}.denhaag-button--large{font-size:var(--denhaag-typography-scale-lg-font-size);padding-block-end:var(--denhaag-button-large-size-padding-block,var(--denhaag-button-padding-block));padding-block-start:var(--denhaag-button-large-size-padding-block,var(--denhaag-button-padding-block));padding-inline-end:var(--denhaag-button-large-size-padding-inline,var(--denhaag-button-padding-inline));padding-inline-start:var(--denhaag-button-large-size-padding-inline,var(--denhaag-button-padding-inline))}.denhaag-button--large.denhaag-button--secondary-action{padding-block-end:calc(var(--denhaag-button-large-size-padding-block, var(--denhaag-button-padding-block)) - var(--denhaag-button-border-width));padding-block-start:calc(var(--denhaag-button-large-size-padding-block, var(--denhaag-button-padding-block)) - var(--denhaag-button-border-width));padding-inline-end:calc(var(--denhaag-button-large-size-padding-inline, var(--denhaag-button-padding-inline)) - var(--denhaag-button-border-width));padding-inline-start:calc(var(--denhaag-button-large-size-padding-inline, var(--denhaag-button-padding-inline)) - var(--denhaag-button-border-width))}.denhaag-button__icon-size-medium>:first-child{font-size:var(--denhaag-typography-scale-lg-font-size)}.denhaag-button__icon-size-large>:first-child{font-size:var(--denhaag-typography-scale-xl-font-size)}";
+}var css_248z$5 = ".denhaag-button{align-items:center;background-color:var(--denhaag-button-primary-action-background-color);border:0;border-radius:var(--denhaag-button-border-radius);color:var(--denhaag-button-primary-action-color);cursor:pointer;display:inline-flex;font-family:var(--denhaag-button-font-family);font-size:var(--denhaag-typography-scale-base-font-size);line-height:1.75;padding-block-end:var(--denhaag-button-medium-size-padding-block,var(--denhaag-button-padding-block));padding-block-start:var(--denhaag-button-medium-size-padding-block,var(--denhaag-button-padding-block));padding-inline-end:var(--denhaag-button-medium-size-padding-inline,var(--denhaag-button-padding-inline));padding-inline-start:var(--denhaag-button-medium-size-padding-inline,var(--denhaag-button-padding-inline));position:relative}.denhaag-button--focus:after,.denhaag-button:focus:after{border:var(--denhaag-focus-border);border-radius:var(--denhaag-border-radius);bottom:-2px;content:\"\";display:block;left:-2px;position:absolute;right:-2px;top:-2px}.denhaag-button--secondary-action.denhaag-button--focus:after,.denhaag-button--secondary-action:focus:after{bottom:-3px;left:-3px;right:-3px;top:-3px}.denhaag-button.denhaag-button--hover,.denhaag-button:hover{background-color:var(--denhaag-button-primary-action-hover-background-color);color:var(--denhaag-button-primary-action-hover-color)}.denhaag-button.denhaag-button--disabled,.denhaag-button.denhaag-button:disabled{background-color:var(--denhaag-button-primary-action-disabled-background-color);color:var(--denhaag-button-primary-action-disabled-color)}.denhaag-button--secondary-action{background-color:var(--denhaag-button-secondary-action-background-color);border:var(--denhaag-button-border-width) solid var(--denhaag-button-secondary-action-border-color);color:var(--denhaag-button-secondary-action-color);padding-block-end:calc(var(--denhaag-button-medium-size-padding-block, var(--denhaag-button-padding-block)) - var(--denhaag-button-border-width));padding-block-start:calc(var(--denhaag-button-medium-size-padding-block, var(--denhaag-button-padding-block)) - var(--denhaag-button-border-width));padding-inline-end:calc(var(--denhaag-button-medium-size-padding-inline, var(--denhaag-button-padding-inline)) - var(--denhaag-button-border-width));padding-inline-start:calc(var(--denhaag-button-medium-size-padding-inline, var(--denhaag-button-padding-inline)) - var(--denhaag-button-border-width))}.denhaag-button--secondary-action.denhaag-button--hover,.denhaag-button--secondary-action:hover{background-color:var(--denhaag-button-secondary-action-hover-background-color);border-color:var(--denhaag-button-secondary-action-hover-border-color);color:var(--denhaag-button-secondary-action-hover-color)}.denhaag-button--secondary-action.denhaag-button--disabled,.denhaag-button--secondary-action.denhaag-button:disabled{background-color:var(--denhaag-button-secondary-action-disabled-background-color);border-color:var(--denhaag-button-secondary-action-disabled-border-color);color:var(--denhaag-button-secondary-action-disabled-color)}.denhaag-button--large{font-size:var(--denhaag-typography-scale-lg-font-size);padding-block-end:var(--denhaag-button-large-size-padding-block,var(--denhaag-button-padding-block));padding-block-start:var(--denhaag-button-large-size-padding-block,var(--denhaag-button-padding-block));padding-inline-end:var(--denhaag-button-large-size-padding-inline,var(--denhaag-button-padding-inline));padding-inline-start:var(--denhaag-button-large-size-padding-inline,var(--denhaag-button-padding-inline))}.denhaag-button--large.denhaag-button--secondary-action{padding-block-end:calc(var(--denhaag-button-large-size-padding-block, var(--denhaag-button-padding-block)) - var(--denhaag-button-border-width));padding-block-start:calc(var(--denhaag-button-large-size-padding-block, var(--denhaag-button-padding-block)) - var(--denhaag-button-border-width));padding-inline-end:calc(var(--denhaag-button-large-size-padding-inline, var(--denhaag-button-padding-inline)) - var(--denhaag-button-border-width));padding-inline-start:calc(var(--denhaag-button-large-size-padding-inline, var(--denhaag-button-padding-inline)) - var(--denhaag-button-border-width))}.denhaag-button__icon>:first-child{font-size:var(--denhaag-typography-scale-lg-font-size)}.denhaag-button--large .denhaag-button__icon>:first-child{font-size:var(--denhaag-typography-scale-xl-font-size)}.denhaag-button--start-icon .denhaag-button__icon{display:inherit;margin-inline-end:8px;margin-inline-start:-4px}.denhaag-button--end-icon .denhaag-button__icon{display:inherit;margin-inline-end:-4px;margin-inline-start:8px}.denhaag-button--large.denhaag-button--start-icon .denhaag-button__icon{margin-inline-end:12px}.denhaag-button--large.denhaag-button--end-icon .denhaag-button__icon{margin-inline-start:12px}";
 styleInject$4(css_248z$5);function toVal$3(mix) {
@@ -81,16 +80,15 @@ var k, y, str='';
  */
-var Button = function (props) {
-    var _a;
-    var sizeClass = "denhaag-button--".concat((_a = props.size) !== null && _a !== void 0 ? _a : 'medium');
-    var rootClassNames = clsx$3(sizeClass, props.className);
-    var muiVariant = 'contained';
-    switch (props.variant) {
-        case 'primary-action':
-            muiVariant = 'contained';
-            break;
-        case 'secondary-action':
-            muiVariant = 'outlined';
-            break;
-    }
-    return (React__default.createElement(Button$1, { classes: classes$1, className: rootClassNames, variant: muiVariant, onClick: props.onClick, disabled: props.disabled, type: props.type, startIcon: props.startIcon, endIcon: props.endIcon, disableRipple: true }, props.children));
+var Button = function (_a) {
+    var _b = _a.iconAlign, iconAlign = _b === void 0 ? 'start' : _b, props = __rest$2(_a, ["iconAlign"]);
+    var rootClassNames = clsx$3('denhaag-button', {
+        'denhaag-button--secondary-action': props.variant === 'secondary-action',
+        'denhaag-button--large': props.size === 'large',
+        'denhaag-button--start-icon': iconAlign === 'start' && props.icon !== undefined,
+        'denhaag-button--end-icon': iconAlign === 'end',
+    });
+    var iconWrapped = props.icon !== undefined ? React__default.createElement("span", { className: 'denhaag-button__icon' }, props.icon) : '';
+    return (React__default.createElement("button", { className: rootClassNames, onClick: props.onClick, disabled: props.disabled, type: props.type },
+        iconAlign === 'start' ? iconWrapped : '',
+        React__default.createElement("span", { className: 'denhaag-button__label' }, props.children),
+        iconAlign === 'end' ? iconWrapped : ''));
 };function styleInject$3(css, ref) {
@@ -506,3 +504,3 @@ if ( ref === void 0 ) ref = {};
                 React__default.createElement(Paragraph, null, text),
-                action && (React__default.createElement(Button, { size: "medium", variant: "primary-action", type: "button", onClick: function () { return action.onClick(); } }, action.buttonText)))),
+                action && (React__default.createElement(Button, { type: "button", onClick: function () { return action.onClick(); } }, action.buttonText)))),
         close && (React__default.createElement("div", { className: "denhaag-alert__close" },
@@ -509,0 +507,0 @@ React__default.createElement(IconButton, { "aria-label": "Close", onClick: close, tabIndex: 0 },

package.json

 {
   "name": "@gemeente-denhaag/alert",
-  "version": "0.1.1-alpha.28",
+  "version": "0.1.1-alpha.29",
   "description": "An alert component",
@@ -25,12 +25,12 @@ "bugs": "https://github.com/Gemeente-DenHaag/denhaag-component-library/issues",
   "dependencies": {
-    "@gemeente-denhaag/baseprops": "^0.2.3-alpha.58",
-    "@gemeente-denhaag/button": "^0.2.3-alpha.58",
-    "@gemeente-denhaag/iconbutton": "^0.2.3-alpha.58",
-    "@gemeente-denhaag/icons": "^0.2.3-alpha.58",
-    "@gemeente-denhaag/typography": "^0.2.3-alpha.58"
+    "@gemeente-denhaag/baseprops": "^0.2.3-alpha.59",
+    "@gemeente-denhaag/button": "^0.2.3-alpha.59",
+    "@gemeente-denhaag/iconbutton": "^0.2.3-alpha.59",
+    "@gemeente-denhaag/icons": "^0.2.3-alpha.59",
+    "@gemeente-denhaag/typography": "^0.2.3-alpha.59"
   },
   "peerDependencies": {
-    "react": "^17.0.1"
+    "react": "^17.0.0"
   },
-  "gitHead": "d97b8dcf5459c12a6f3f42bd1a52e3ac4bdf5008"
+  "gitHead": "86eb8ced190b23289c5cd180d1f8ee6c0100d7ac"
 }

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

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

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

Total package byte prevSize

90070

increased by2.28%

Worsened metrics

Lines of code

555

decreased by-0.54%

Dependency changes

• Updated@gemeente-denhaag/baseprops@^0.2.3-alpha.59

• Updated@gemeente-denhaag/button@^0.2.3-alpha.59

• Updated@gemeente-denhaag/iconbutton@^0.2.3-alpha.59

• Updated@gemeente-denhaag/icons@^0.2.3-alpha.59

• Updated@gemeente-denhaag/typography@^0.2.3-alpha.59