@entur/button - npm Package Compare versions

Comparing version 2.7.4 to 2.8.0

CHANGELOG.md

@@ -6,2 +6,8 @@ # Change Log
 
+# [2.8.0](https://bitbucket.org/enturas/design-system/compare/@entur/button@2.7.4...@entur/button@2.8.0) (2022-02-09)
+
+### Features
+
+- **square button:** add tertiary square button style ([fe083e3](https://bitbucket.org/enturas/design-system/commits/fe083e3603cb3e037456f9485d5c71d4364d20ee))
+
 ## [2.7.4](https://bitbucket.org/enturas/design-system/compare/@entur/button@2.7.3...@entur/button@2.7.4) (2021-11-17)
@@ -8,0 +14,0 @@

dist/BaseSquareButton.d.ts

@@ -10,3 +10,3 @@ import * as React from 'react';
     /** En type knapp */
-    variant: 'success' | 'secondary';
+    variant: 'success' | 'secondary' | 'tertiary';
     /** Deaktivering av knappen
@@ -13,0 +13,0 @@ * @default false

dist/button.cjs.development.js

@@ -5,10 +5,49 @@ 'use strict';
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
 var utils = require('@entur/utils');
 var React = require('react');
-var React__default = _interopDefault(React);
-var classNames = _interopDefault(require('classnames'));
+var classNames = require('classnames');
 var loader = require('@entur/loader');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return n;
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
+
+function _extends() {
+  _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends.apply(this, arguments);
+}
+
 function _objectWithoutPropertiesLoose(source, excluded) {
@@ -29,4 +68,5 @@ if (source == null) return {};
 
-var defaultElement = 'button';
-var Button = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+var _excluded$4 = ["as", "variant", "size", "loading", "className", "children", "disabled", "width"];
+var defaultElement$a = 'button';
+var Button = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
   var _cx;
@@ -45,10 +85,10 @@
       width = _ref$width === void 0 ? 'auto' : _ref$width,
-      rest = _objectWithoutPropertiesLoose(_ref, ["as", "variant", "size", "loading", "className", "children", "disabled", "width"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
 
-  var Element = as || defaultElement;
-  var childrenArray = React.Children.toArray(children);
+  var Element = as || defaultElement$a;
+  var childrenArray = React__namespace.Children.toArray(children);
   var hasLeadingIcon = childrenArray.length > 1 && typeof childrenArray[0] !== 'string';
   var hasTrailingIcon = childrenArray.length > 1 && typeof childrenArray[childrenArray.length - 1] !== 'string';
-  return React.createElement(Element, Object.assign({
-    className: classNames('eds-button', (_cx = {}, _cx["eds-button--variant-" + variant] = variant, _cx["eds-button--size-" + size] = size, _cx['eds-button--width-fluid'] = width === 'fluid', _cx['eds-button--loading'] = loading, _cx['eds-button--leading-icon'] = hasLeadingIcon, _cx['eds-button--trailing-icon'] = hasTrailingIcon, _cx), className),
+  return React__namespace.createElement(Element, _extends({
+    className: classNames__default["default"]('eds-button', (_cx = {}, _cx["eds-button--variant-" + variant] = variant, _cx["eds-button--size-" + size] = size, _cx['eds-button--width-fluid'] = width === 'fluid', _cx['eds-button--loading'] = loading, _cx['eds-button--leading-icon'] = hasLeadingIcon, _cx['eds-button--trailing-icon'] = hasTrailingIcon, _cx), className),
     ref: ref,
@@ -58,3 +98,3 @@ "aria-busy": loading,
     "aria-disabled": disabled
-  }, rest), loading ? React.createElement(loader.LoadingDots, {
+  }, rest), loading ? React__namespace.createElement(loader.LoadingDots, {
     className: "eds-button__loading-dots"
@@ -64,6 +104,6 @@ }) : children);
 
-var defaultElement$1 = 'button';
-var PrimaryButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
-  var Element = props.as || defaultElement$1;
-  return React__default.createElement(Button, Object.assign({
+var defaultElement$9 = 'button';
+var PrimaryButton = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
+  var Element = props.as || defaultElement$9;
+  return React__default["default"].createElement(Button, _extends({
     as: Element
@@ -76,6 +116,6 @@ }, props, {
 
-var defaultElement$2 = 'button';
-var SecondaryButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
-  var Element = props.as || defaultElement$2;
-  return React__default.createElement(Button, Object.assign({
+var defaultElement$8 = 'button';
+var SecondaryButton = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
+  var Element = props.as || defaultElement$8;
+  return React__default["default"].createElement(Button, _extends({
     as: Element
@@ -88,6 +128,6 @@ }, props, {
 
-var defaultElement$3 = 'button';
-var SuccessButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
-  var Element = props.as || defaultElement$3;
-  return React__default.createElement(Button, Object.assign({
+var defaultElement$7 = 'button';
+var SuccessButton = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
+  var Element = props.as || defaultElement$7;
+  return React__default["default"].createElement(Button, _extends({
     as: Element
@@ -100,6 +140,6 @@ }, props, {
 
-var defaultElement$4 = 'button';
-var NegativeButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
-  var Element = props.as || defaultElement$4;
-  return React__default.createElement(Button, Object.assign({
+var defaultElement$6 = 'button';
+var NegativeButton = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
+  var Element = props.as || defaultElement$6;
+  return React__default["default"].createElement(Button, _extends({
     as: Element
@@ -113,5 +153,5 @@ }, props, {
 var defaultElement$5 = 'button';
-var TertiaryButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
+var TertiaryButton = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
   var Element = props.as || defaultElement$5;
-  return React__default.createElement(Button, Object.assign({
+  return React__default["default"].createElement(Button, _extends({
     as: Element
@@ -124,2 +164,3 @@ }, props, {
 
+var _excluded$3 = ["as", "className"];
 var ButtonGroup = function ButtonGroup(_ref) {
@@ -129,9 +170,10 @@ var _ref$as = _ref.as,
       className = _ref.className,
-      rest = _objectWithoutPropertiesLoose(_ref, ["as", "className"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
 
-  return React__default.createElement(Element, Object.assign({
-    className: classNames('eds-button-group', className)
+  return React__default["default"].createElement(Element, _extends({
+    className: classNames__default["default"]('eds-button-group', className)
   }, rest));
 };
 
+var _excluded$2 = ["className", "children", "size"];
 var FloatingButton = function FloatingButton(_ref) {
@@ -142,7 +184,7 @@ var className = _ref.className,
       size = _ref$size === void 0 ? 'medium' : _ref$size,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "children", "size"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
 
-  return React__default.createElement("button", Object.assign({
-    className: classNames('eds-floating-button', {
-      'eds-floating-button--extended': React__default.Children.count(children) > 1
+  return React__default["default"].createElement("button", _extends({
+    className: classNames__default["default"]('eds-floating-button', {
+      'eds-floating-button--extended': React__default["default"].Children.count(children) > 1
     }, {
@@ -156,9 +198,10 @@ 'eds-floating-button--small': size === 'small'
 var wrapStringsInSpans = function wrapStringsInSpans(children) {
-  return React__default.Children.map(children, function (child) {
-    return typeof child === 'string' ? React__default.createElement("span", null, child) : child;
+  return React__default["default"].Children.map(children, function (child) {
+    return typeof child === 'string' ? React__default["default"].createElement("span", null, child) : child;
   });
 };
 
-var defaultElement$6 = 'button';
-var BaseSquareButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+var _excluded$1 = ["children", "className", "variant", "disabled", "loading", "as"];
+var defaultElement$4 = 'button';
+var BaseSquareButton = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
   var children = _ref.children,
@@ -172,7 +215,7 @@ className = _ref.className,
       as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, ["children", "className", "variant", "disabled", "loading", "as"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
 
-  var Element = as || defaultElement$6;
-  return React.createElement(Element, Object.assign({
-    className: classNames('eds-square-button', {
+  var Element = as || defaultElement$4;
+  return React__namespace.createElement(Element, _extends({
+    className: classNames__default["default"]('eds-square-button', {
       'eds-square-button--success': variant === 'success'
@@ -182,2 +225,4 @@ }, {
     }, {
+      'eds-square-button--tertiary': variant === 'tertiary'
+    }, {
       'eds-square-button--loading': loading
@@ -189,5 +234,5 @@ }, className),
     ref: ref
-  }, rest), React.Children.map(children, function (child) {
+  }, rest), React__namespace.Children.map(children, function (child) {
     if (typeof child === 'string') {
-      return React.createElement("span", {
+      return React__namespace.createElement("span", {
         className: "eds-square-button__label"
@@ -197,5 +242,5 @@ }, child);
 
-    return React.createElement("span", {
+    return React__namespace.createElement("span", {
       className: "eds-square-button__icon"
-    }, loading ? React.createElement(loader.LoadingDots, {
+    }, loading ? React__namespace.createElement(loader.LoadingDots, {
       className: "eds-square-button__loading-dots"
@@ -206,6 +251,6 @@ }) : child);
 
-var defaultElement$7 = 'button';
-var SecondarySquareButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
-  var Element = props.as || defaultElement$7;
-  return React__default.createElement(BaseSquareButton, Object.assign({
+var defaultElement$3 = 'button';
+var SecondarySquareButton = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
+  var Element = props.as || defaultElement$3;
+  return React__default["default"].createElement(BaseSquareButton, _extends({
     as: Element,
@@ -218,6 +263,6 @@ ref: ref
 
-var defaultElement$8 = 'button';
-var SuccessSquareButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
-  var Element = props.as || defaultElement$8;
-  return React__default.createElement(BaseSquareButton, Object.assign({
+var defaultElement$2 = 'button';
+var SuccessSquareButton = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
+  var Element = props.as || defaultElement$2;
+  return React__default["default"].createElement(BaseSquareButton, _extends({
     as: Element,
@@ -230,4 +275,16 @@ ref: ref
 
-var defaultElement$9 = 'button';
-var IconButton = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
+var defaultElement$1 = 'button';
+var TertiarySquareButton = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
+  var Element = props.as || defaultElement$1;
+  return React__default["default"].createElement(BaseSquareButton, _extends({
+    as: Element,
+    ref: ref
+  }, props, {
+    variant: "tertiary"
+  }));
+});
+
+var _excluded = ["children", "className", "disabled", "size", "as", "loading"];
+var defaultElement = 'button';
+var IconButton = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
   var children = _ref.children,
@@ -240,7 +297,7 @@ className = _ref.className,
       loading = _ref.loading,
-      rest = _objectWithoutPropertiesLoose(_ref, ["children", "className", "disabled", "size", "as", "loading"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
-  var Element = as || defaultElement$9;
-  return React__default.createElement(Element, Object.assign({
-    className: classNames('eds-icon-button', className, {
+  var Element = as || defaultElement;
+  return React__default["default"].createElement(Element, _extends({
+    className: classNames__default["default"]('eds-icon-button', className, {
       'eds-icon-button--disabled': disabled
@@ -251,3 +308,3 @@ }, "eds-icon-button--size-" + size),
     ref: ref
-  }, rest), loading ? React__default.createElement(loader.LoadingDots, null) : children);
+  }, rest), loading ? React__default["default"].createElement(loader.LoadingDots, null) : children);
 });
@@ -268,2 +325,3 @@
 exports.TertiaryButton = TertiaryButton;
+exports.TertiarySquareButton = TertiarySquareButton;
 //# sourceMappingURL=button.cjs.development.js.map

dist/button.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@entur/utils"),a=require("react"),n=e(a),s=e(require("classnames")),r=require("@entur/loader");function o(e,t){if(null==e)return{};var a,n,s={},r=Object.keys(e);for(n=0;n<r.length;n++)t.indexOf(a=r[n])>=0||(s[a]=e[a]);return s}var i=a.forwardRef((function(e,t){var n,i=e.as,u=e.variant,d=e.size,c=void 0===d?"medium":d,l=e.loading,b=e.className,f=e.children,m=e.disabled,g=void 0!==m&&m,v=e.width,p=void 0===v?"auto":v,y=o(e,["as","variant","size","loading","className","children","disabled","width"]),N=i||"button",h=a.Children.toArray(f),E=h.length>1&&"string"!=typeof h[0],j=h.length>1&&"string"!=typeof h[h.length-1];return a.createElement(N,Object.assign({className:s("eds-button",(n={},n["eds-button--variant-"+u]=u,n["eds-button--size-"+c]=c,n["eds-button--width-fluid"]="fluid"===p,n["eds-button--loading"]=l,n["eds-button--leading-icon"]=E,n["eds-button--trailing-icon"]=j,n),b),ref:t,"aria-busy":l,disabled:g,"aria-disabled":g},y),l?a.createElement(r.LoadingDots,{className:"eds-button__loading-dots"}):f)})),u=n.forwardRef((function(e,t){return n.createElement(i,Object.assign({as:e.as||"button"},e,{ref:t,variant:"primary"}))})),d=n.forwardRef((function(e,t){return n.createElement(i,Object.assign({as:e.as||"button"},e,{ref:t,variant:"secondary"}))})),c=n.forwardRef((function(e,t){return n.createElement(i,Object.assign({as:e.as||"button"},e,{ref:t,variant:"success"}))})),l=n.forwardRef((function(e,t){return n.createElement(i,Object.assign({as:e.as||"button"},e,{ref:t,variant:"negative"}))})),b=n.forwardRef((function(e,t){return n.createElement(i,Object.assign({as:e.as||"button"},e,{ref:t,variant:"tertiary"}))})),f=a.forwardRef((function(e,t){var n=e.children,i=e.className,u=e.variant,d=e.disabled,c=void 0!==d&&d,l=e.loading,b=void 0!==l&&l,f=e.as,m=o(e,["children","className","variant","disabled","loading","as"]);return a.createElement(f||"button",Object.assign({className:s("eds-square-button",{"eds-square-button--success":"success"===u},{"eds-square-button--secondary":"secondary"===u},{"eds-square-button--loading":b},i),"aria-busy":b,disabled:c,"aria-disabled":c,ref:t},m),a.Children.map(n,(function(e){return"string"==typeof e?a.createElement("span",{className:"eds-square-button__label"},e):a.createElement("span",{className:"eds-square-button__icon"},b?a.createElement(r.LoadingDots,{className:"eds-square-button__loading-dots"}):e)})))})),m=n.forwardRef((function(e,t){return n.createElement(f,Object.assign({as:e.as||"button",ref:t},e,{variant:"secondary"}))})),g=n.forwardRef((function(e,t){return n.createElement(f,Object.assign({as:e.as||"button",ref:t},e,{variant:"success"}))})),v=n.forwardRef((function(e,t){var a=e.children,i=e.className,u=e.disabled,d=void 0!==u&&u,c=e.size,l=e.as,b=e.loading,f=o(e,["children","className","disabled","size","as","loading"]);return n.createElement(l||"button",Object.assign({className:s("eds-icon-button",i,{"eds-icon-button--disabled":d},"eds-icon-button--size-"+c),disabled:d,"aria-disabled":d,ref:t},f),b?n.createElement(r.LoadingDots,null):a)}));t.warnAboutMissingStyles("button"),exports.Button=i,exports.ButtonGroup=function(e){var t=e.as,a=void 0===t?"div":t,r=e.className,i=o(e,["as","className"]);return n.createElement(a,Object.assign({className:s("eds-button-group",r)},i))},exports.FloatingButton=function(e){var t=e.className,a=e.children,r=e.size,i=void 0===r?"medium":r,u=o(e,["className","children","size"]);return n.createElement("button",Object.assign({className:s("eds-floating-button",{"eds-floating-button--extended":n.Children.count(a)>1},{"eds-floating-button--small":"small"===i},t),type:"button"},u),function(e){return n.Children.map(e,(function(e){return"string"==typeof e?n.createElement("span",null,e):e}))}(a))},exports.IconButton=v,exports.NegativeButton=l,exports.PrimaryButton=u,exports.SecondaryButton=d,exports.SecondarySquareButton=m,exports.SuccessButton=c,exports.SuccessSquareButton=g,exports.TertiaryButton=b;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),t=require("react"),a=require("classnames"),r=require("@entur/loader");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,t}var u=s(t),o=n(t),d=n(a);function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)Object.prototype.hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},i.apply(this,arguments)}function l(e,t){if(null==e)return{};var a,r,n={},s=Object.keys(e);for(r=0;r<s.length;r++)t.indexOf(a=s[r])>=0||(n[a]=e[a]);return n}var c=["as","variant","size","loading","className","children","disabled","width"],f=u.forwardRef((function(e,t){var a,n=e.as,s=e.variant,o=e.size,f=void 0===o?"medium":o,b=e.loading,m=e.className,v=e.children,g=e.disabled,p=void 0!==g&&g,y=e.width,h=void 0===y?"auto":y,E=l(e,c),N=n||"button",w=u.Children.toArray(v),q=w.length>1&&"string"!=typeof w[0],x=w.length>1&&"string"!=typeof w[w.length-1];return u.createElement(N,i({className:d.default("eds-button",(a={},a["eds-button--variant-"+s]=s,a["eds-button--size-"+f]=f,a["eds-button--width-fluid"]="fluid"===h,a["eds-button--loading"]=b,a["eds-button--leading-icon"]=q,a["eds-button--trailing-icon"]=x,a),m),ref:t,"aria-busy":b,disabled:p,"aria-disabled":p},E),b?u.createElement(r.LoadingDots,{className:"eds-button__loading-dots"}):v)})),b=o.default.forwardRef((function(e,t){return o.default.createElement(f,i({as:e.as||"button"},e,{ref:t,variant:"primary"}))})),m=o.default.forwardRef((function(e,t){return o.default.createElement(f,i({as:e.as||"button"},e,{ref:t,variant:"secondary"}))})),v=o.default.forwardRef((function(e,t){return o.default.createElement(f,i({as:e.as||"button"},e,{ref:t,variant:"success"}))})),g=o.default.forwardRef((function(e,t){return o.default.createElement(f,i({as:e.as||"button"},e,{ref:t,variant:"negative"}))})),p=o.default.forwardRef((function(e,t){return o.default.createElement(f,i({as:e.as||"button"},e,{ref:t,variant:"tertiary"}))})),y=["as","className"],h=["className","children","size"],E=["children","className","variant","disabled","loading","as"],N=u.forwardRef((function(e,t){var a=e.children,n=e.className,s=e.variant,o=e.disabled,c=void 0!==o&&o,f=e.loading,b=void 0!==f&&f,m=e.as,v=l(e,E);return u.createElement(m||"button",i({className:d.default("eds-square-button",{"eds-square-button--success":"success"===s},{"eds-square-button--secondary":"secondary"===s},{"eds-square-button--tertiary":"tertiary"===s},{"eds-square-button--loading":b},n),"aria-busy":b,disabled:c,"aria-disabled":c,ref:t},v),u.Children.map(a,(function(e){return"string"==typeof e?u.createElement("span",{className:"eds-square-button__label"},e):u.createElement("span",{className:"eds-square-button__icon"},b?u.createElement(r.LoadingDots,{className:"eds-square-button__loading-dots"}):e)})))})),w=o.default.forwardRef((function(e,t){return o.default.createElement(N,i({as:e.as||"button",ref:t},e,{variant:"secondary"}))})),q=o.default.forwardRef((function(e,t){return o.default.createElement(N,i({as:e.as||"button",ref:t},e,{variant:"success"}))})),x=o.default.forwardRef((function(e,t){return o.default.createElement(N,i({as:e.as||"button",ref:t},e,{variant:"tertiary"}))})),B=["children","className","disabled","size","as","loading"],_=o.default.forwardRef((function(e,t){var a=e.children,n=e.className,s=e.disabled,u=void 0!==s&&s,c=e.size,f=e.as,b=e.loading,m=l(e,B);return o.default.createElement(f||"button",i({className:d.default("eds-icon-button",n,{"eds-icon-button--disabled":u},"eds-icon-button--size-"+c),disabled:u,"aria-disabled":u,ref:t},m),b?o.default.createElement(r.LoadingDots,null):a)}));e.warnAboutMissingStyles("button"),exports.Button=f,exports.ButtonGroup=function(e){var t=e.as,a=void 0===t?"div":t,r=e.className,n=l(e,y);return o.default.createElement(a,i({className:d.default("eds-button-group",r)},n))},exports.FloatingButton=function(e){var t=e.className,a=e.children,r=e.size,n=void 0===r?"medium":r,s=l(e,h);return o.default.createElement("button",i({className:d.default("eds-floating-button",{"eds-floating-button--extended":o.default.Children.count(a)>1},{"eds-floating-button--small":"small"===n},t),type:"button"},s),function(e){return o.default.Children.map(e,(function(e){return"string"==typeof e?o.default.createElement("span",null,e):e}))}(a))},exports.IconButton=_,exports.NegativeButton=g,exports.PrimaryButton=b,exports.SecondaryButton=m,exports.SecondarySquareButton=w,exports.SuccessButton=v,exports.SuccessSquareButton=q,exports.TertiaryButton=p,exports.TertiarySquareButton=x;
 //# sourceMappingURL=button.cjs.production.min.js.map

dist/button.esm.js

 import { warnAboutMissingStyles } from '@entur/utils';
-import React__default, { forwardRef, Children, createElement } from 'react';
+import * as React from 'react';
+import React__default from 'react';
 import classNames from 'classnames';
 import { LoadingDots } from '@entur/loader';
 
+function _extends() {
+  _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends.apply(this, arguments);
+}
+
 function _objectWithoutPropertiesLoose(source, excluded) {
@@ -21,4 +40,5 @@ if (source == null) return {};
 
-var defaultElement = 'button';
-var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
+var _excluded$4 = ["as", "variant", "size", "loading", "className", "children", "disabled", "width"];
+var defaultElement$a = 'button';
+var Button = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _cx;
@@ -37,9 +57,9 @@
       width = _ref$width === void 0 ? 'auto' : _ref$width,
-      rest = _objectWithoutPropertiesLoose(_ref, ["as", "variant", "size", "loading", "className", "children", "disabled", "width"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
 
-  var Element = as || defaultElement;
-  var childrenArray = Children.toArray(children);
+  var Element = as || defaultElement$a;
+  var childrenArray = React.Children.toArray(children);
   var hasLeadingIcon = childrenArray.length > 1 && typeof childrenArray[0] !== 'string';
   var hasTrailingIcon = childrenArray.length > 1 && typeof childrenArray[childrenArray.length - 1] !== 'string';
-  return createElement(Element, Object.assign({
+  return React.createElement(Element, _extends({
     className: classNames('eds-button', (_cx = {}, _cx["eds-button--variant-" + variant] = variant, _cx["eds-button--size-" + size] = size, _cx['eds-button--width-fluid'] = width === 'fluid', _cx['eds-button--loading'] = loading, _cx['eds-button--leading-icon'] = hasLeadingIcon, _cx['eds-button--trailing-icon'] = hasTrailingIcon, _cx), className),
@@ -50,3 +70,3 @@ ref: ref,
     "aria-disabled": disabled
-  }, rest), loading ? createElement(LoadingDots, {
+  }, rest), loading ? React.createElement(LoadingDots, {
     className: "eds-button__loading-dots"
@@ -56,6 +76,6 @@ }) : children);
 
-var defaultElement$1 = 'button';
+var defaultElement$9 = 'button';
 var PrimaryButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
-  var Element = props.as || defaultElement$1;
-  return React__default.createElement(Button, Object.assign({
+  var Element = props.as || defaultElement$9;
+  return React__default.createElement(Button, _extends({
     as: Element
@@ -68,6 +88,6 @@ }, props, {
 
-var defaultElement$2 = 'button';
+var defaultElement$8 = 'button';
 var SecondaryButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
-  var Element = props.as || defaultElement$2;
-  return React__default.createElement(Button, Object.assign({
+  var Element = props.as || defaultElement$8;
+  return React__default.createElement(Button, _extends({
     as: Element
@@ -80,6 +100,6 @@ }, props, {
 
-var defaultElement$3 = 'button';
+var defaultElement$7 = 'button';
 var SuccessButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
-  var Element = props.as || defaultElement$3;
-  return React__default.createElement(Button, Object.assign({
+  var Element = props.as || defaultElement$7;
+  return React__default.createElement(Button, _extends({
     as: Element
@@ -92,6 +112,6 @@ }, props, {
 
-var defaultElement$4 = 'button';
+var defaultElement$6 = 'button';
 var NegativeButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
-  var Element = props.as || defaultElement$4;
-  return React__default.createElement(Button, Object.assign({
+  var Element = props.as || defaultElement$6;
+  return React__default.createElement(Button, _extends({
     as: Element
@@ -107,3 +127,3 @@ }, props, {
   var Element = props.as || defaultElement$5;
-  return React__default.createElement(Button, Object.assign({
+  return React__default.createElement(Button, _extends({
     as: Element
@@ -116,2 +136,3 @@ }, props, {
 
+var _excluded$3 = ["as", "className"];
 var ButtonGroup = function ButtonGroup(_ref) {
@@ -121,5 +142,5 @@ var _ref$as = _ref.as,
       className = _ref.className,
-      rest = _objectWithoutPropertiesLoose(_ref, ["as", "className"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
 
-  return React__default.createElement(Element, Object.assign({
+  return React__default.createElement(Element, _extends({
     className: classNames('eds-button-group', className)
@@ -129,2 +150,3 @@ }, rest));
 
+var _excluded$2 = ["className", "children", "size"];
 var FloatingButton = function FloatingButton(_ref) {
@@ -135,5 +157,5 @@ var className = _ref.className,
       size = _ref$size === void 0 ? 'medium' : _ref$size,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "children", "size"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
 
-  return React__default.createElement("button", Object.assign({
+  return React__default.createElement("button", _extends({
     className: classNames('eds-floating-button', {
@@ -154,4 +176,5 @@ 'eds-floating-button--extended': React__default.Children.count(children) > 1
 
-var defaultElement$6 = 'button';
-var BaseSquareButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
+var _excluded$1 = ["children", "className", "variant", "disabled", "loading", "as"];
+var defaultElement$4 = 'button';
+var BaseSquareButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
@@ -165,6 +188,6 @@ className = _ref.className,
       as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, ["children", "className", "variant", "disabled", "loading", "as"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
 
-  var Element = as || defaultElement$6;
-  return createElement(Element, Object.assign({
+  var Element = as || defaultElement$4;
+  return React.createElement(Element, _extends({
     className: classNames('eds-square-button', {
@@ -175,2 +198,4 @@ 'eds-square-button--success': variant === 'success'
     }, {
+      'eds-square-button--tertiary': variant === 'tertiary'
+    }, {
       'eds-square-button--loading': loading
@@ -182,5 +207,5 @@ }, className),
     ref: ref
-  }, rest), Children.map(children, function (child) {
+  }, rest), React.Children.map(children, function (child) {
     if (typeof child === 'string') {
-      return createElement("span", {
+      return React.createElement("span", {
         className: "eds-square-button__label"
@@ -190,5 +215,5 @@ }, child);
 
-    return createElement("span", {
+    return React.createElement("span", {
       className: "eds-square-button__icon"
-    }, loading ? createElement(LoadingDots, {
+    }, loading ? React.createElement(LoadingDots, {
       className: "eds-square-button__loading-dots"
@@ -199,6 +224,6 @@ }) : child);
 
-var defaultElement$7 = 'button';
+var defaultElement$3 = 'button';
 var SecondarySquareButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
-  var Element = props.as || defaultElement$7;
-  return React__default.createElement(BaseSquareButton, Object.assign({
+  var Element = props.as || defaultElement$3;
+  return React__default.createElement(BaseSquareButton, _extends({
     as: Element,
@@ -211,6 +236,6 @@ ref: ref
 
-var defaultElement$8 = 'button';
+var defaultElement$2 = 'button';
 var SuccessSquareButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
-  var Element = props.as || defaultElement$8;
-  return React__default.createElement(BaseSquareButton, Object.assign({
+  var Element = props.as || defaultElement$2;
+  return React__default.createElement(BaseSquareButton, _extends({
     as: Element,
@@ -223,3 +248,15 @@ ref: ref
 
-var defaultElement$9 = 'button';
+var defaultElement$1 = 'button';
+var TertiarySquareButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
+  var Element = props.as || defaultElement$1;
+  return React__default.createElement(BaseSquareButton, _extends({
+    as: Element,
+    ref: ref
+  }, props, {
+    variant: "tertiary"
+  }));
+});
+
+var _excluded = ["children", "className", "disabled", "size", "as", "loading"];
+var defaultElement = 'button';
 var IconButton = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
@@ -233,6 +270,6 @@ var children = _ref.children,
       loading = _ref.loading,
-      rest = _objectWithoutPropertiesLoose(_ref, ["children", "className", "disabled", "size", "as", "loading"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
-  var Element = as || defaultElement$9;
-  return React__default.createElement(Element, Object.assign({
+  var Element = as || defaultElement;
+  return React__default.createElement(Element, _extends({
     className: classNames('eds-icon-button', className, {
@@ -249,3 +286,3 @@ 'eds-icon-button--disabled': disabled
 
-export { Button, ButtonGroup, FloatingButton, IconButton, NegativeButton, PrimaryButton, SecondaryButton, SecondarySquareButton, SuccessButton, SuccessSquareButton, TertiaryButton };
+export { Button, ButtonGroup, FloatingButton, IconButton, NegativeButton, PrimaryButton, SecondaryButton, SecondarySquareButton, SuccessButton, SuccessSquareButton, TertiaryButton, TertiarySquareButton };
 //# sourceMappingURL=button.esm.js.map

dist/index.d.ts

@@ -12,2 +12,3 @@ import './index.scss';
 export * from './SuccessSquareButton';
+export * from './TertiarySquareButton';
 export * from './IconButton';

package.json

 {
   "name": "@entur/button",
-  "version": "2.7.4",
+  "version": "2.8.0",
   "license": "EUPL-1.2",
@@ -20,6 +20,6 @@ "main": "dist/index.js",
   "scripts": {
-    "start": "tsdx watch --noClean",
-    "build": "tsdx build",
-    "test": "tsdx test --env=jsdom",
-    "lint": "tsdx lint"
+    "start": "dts watch --noClean",
+    "build": "dts build",
+    "test": "dts test --env=jsdom",
+    "lint": "dts lint"
   },
@@ -31,10 +31,10 @@ "peerDependencies": {
   "dependencies": {
-    "@entur/loader": "^0.4.4",
-    "@entur/utils": "^0.4.2",
+    "@entur/loader": "^0.4.5",
+    "@entur/utils": "^0.4.3",
     "classnames": "^2.3.1"
   },
   "devDependencies": {
-    "@entur/tokens": "^3.3.0"
+    "@entur/tokens": "^3.3.1"
   },
-  "gitHead": "6255452bbbb124b6569095cf08f96143873a7f8e"
+  "gitHead": "61e643371cfc5653c93160b7c220152e5b2bafeb"
 }

New alerts

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

169654

increased by7.7%

Number of package files

26

increased by4%

Lines of code

1328

increased by12.73%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• Updated@entur/loader@^0.4.5

• Updated@entur/utils@^0.4.3