@entur/chip - npm Package Compare versions

Comparing version 0.6.70 to 0.7.0

dist/ActionChip.d.ts

@@ -13,3 +13,7 @@ import React from 'react';
     loading?: boolean;
+    /** Størrelsen på chip
+     * @default 'medium'
+     */
+    size?: 'small' | 'medium';
 } & React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
 export declare const ActionChip: React.ForwardRefExoticComponent<Omit<ActionChipProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

dist/chip.cjs.development.js

@@ -49,3 +49,3 @@ 'use strict';
 
-var _excluded$4 = ["className", "children", "value", "disabled", "style"];
+var _excluded$4 = ["className", "children", "value", "disabled", "style", "size"];
 var ChoiceChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
@@ -58,2 +58,4 @@ var className = _ref.className,
     style = _ref.style,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'medium' : _ref$size,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
@@ -67,3 +69,3 @@ var childrenArray = React.Children.toArray(children);
   var hasTrailingIcon = childrenArray.length > 1 && isIcon(childrenArray.at(-1));
-  var classList = classNames(className, 'eds-chip', {
+  var classList = classNames(className, 'eds-chip', "eds-chip--size-" + size, {
     'eds-chip--disabled': disabled,
@@ -95,3 +97,3 @@ 'eds-chip--leading-icon': hasLeadingIcon,
 
-var _excluded$3 = ["children", "className", "loading"];
+var _excluded$3 = ["children", "className", "loading", "size"];
 var ActionChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
@@ -102,2 +104,4 @@ var children = _ref.children,
     loading = _ref$loading === void 0 ? false : _ref$loading,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'medium' : _ref$size,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
@@ -119,8 +123,9 @@ var childrenArray = React.Children.toArray(children);
   }).join(' ');
+  var classList = classNames(className, 'eds-chip', 'eds-action-chip', "eds-chip--size-" + size, {
+    'eds-chip--leading-icon': hasLeadingIcon,
+    'eds-chip--trailing-icon': hasTrailingIcon,
+    'eds-action-chip--disabled': rest.disabled
+  });
   var actionChip = React.createElement("button", _extends({
-    className: classNames('eds-chip', 'eds-action-chip', {
-      'eds-chip--leading-icon': hasLeadingIcon,
-      'eds-chip--trailing-icon': hasTrailingIcon,
-      'eds-action-chip--disabled': rest.disabled
-    }, className),
+    className: classList,
     ref: ref,
@@ -141,3 +146,3 @@ "aria-busy": loading,
 
-var _excluded$2 = ["children", "className", "onClose", "closeButtonAriaLabel"];
+var _excluded$2 = ["children", "className", "onClose", "closeButtonAriaLabel", "size"];
 var TagChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
@@ -148,6 +153,8 @@ var children = _ref.children,
     closeButtonAriaLabel = _ref.closeButtonAriaLabel,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'medium' : _ref$size,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
   var selectedCloseLabel = closeButtonAriaLabel != null ? closeButtonAriaLabel : 'Fjern ' + (children == null ? void 0 : children.toString());
   return React.createElement("div", _extends({
-    className: classNames('eds-chip', 'eds-tag-chip', className)
+    className: classNames('eds-chip', 'eds-tag-chip', "eds-chip--size-" + size, className)
   }, rest), children, React.createElement("button", {
@@ -164,3 +171,3 @@ className: "eds-tag-chip__close-button",
 
-var _excluded$1 = ["className", "children", "value", "disabled", "name", "style"];
+var _excluded$1 = ["className", "children", "value", "disabled", "name", "style", "size"];
 var FilterChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
@@ -174,2 +181,4 @@ var className = _ref.className,
     style = _ref.style,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'medium' : _ref$size,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
@@ -188,3 +197,3 @@ var classList = classNames(className, 'eds-filter-chip');
   }, rest)), React.createElement("div", {
-    className: "eds-chip"
+    className: "eds-chip " + (size ? "eds-chip--size-" + size : '')
   }, React.createElement("span", {
@@ -191,0 +200,0 @@ className: "eds-filter-chip__icon"

dist/chip.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),a=require("react"),t=require("classnames"),n=require("@entur/loader"),r=require("@entur/icons"),i=require("@entur/form");function l(){return l=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},l.apply(this,arguments)}function c(e,a){if(null==e)return{};var t,n,r={},i=Object.keys(e);for(n=0;n<i.length;n++)a.indexOf(t=i[n])>=0||(r[t]=e[t]);return r}var s=a.createContext(null),o=s.Provider,d=["className","children","value","disabled","style"],u=a.forwardRef((function(e,n){var r=e.className,i=e.children,o=e.value,u=e.disabled,h=void 0!==u&&u,p=e.style,m=c(e,d),f=a.Children.toArray(i),v=function(e){var a;return null==e||null==(a=e.type)?void 0:a.toString().toLowerCase().includes("icon")},b=f.length>1&&v(f.at(0)),g=f.length>1&&v(f.at(-1)),C=t(r,"eds-chip",{"eds-chip--disabled":h,"eds-chip--leading-icon":b,"eds-chip--trailing-icon":g}),y=function(){var e=a.useContext(s);if(!e)throw new Error("You need to wrap your ChoiceChips in a ChoiceChipGroup-component");return e}();return a.createElement("label",{className:"eds-choice-chip",style:p},a.createElement("input",l({className:"eds-choice-chip__input",type:"radio",name:y.name,ref:n,value:o,disabled:h,checked:y.value===o,onChange:y.onChange,"aria-disabled":h},m)),a.createElement("div",{className:C},i))})),h=["children","className","loading"],p=a.forwardRef((function(e,r){var i=e.children,s=e.className,o=e.loading,d=void 0!==o&&o,u=c(e,h),p=a.Children.toArray(i),m=function(e){var a;return null==e||null==(a=e.type)?void 0:a.toString().toLowerCase().includes("icon")},f=p.length>1&&m(p.at(0)),v=p.length>1&&m(p.at(-1)),b=p.filter((function(e){return"string"==typeof e})).join(" "),g=a.createElement("button",l({className:t("eds-chip","eds-action-chip",{"eds-chip--leading-icon":f,"eds-chip--trailing-icon":v,"eds-action-chip--disabled":u.disabled},s),ref:r,"aria-busy":d,"aria-label":u["aria-label"]?u["aria-label"]:d?b:void 0,type:"button"},u),d?a.createElement(n.LoadingDots,{className:"eds-action-chip__loading-dots"}):i);return u.disabled?a.createElement("div",{className:"eds-action-chip--disabled__wrapper"},g):a.createElement(a.Fragment,null,g)})),m=["children","className","onClose","closeButtonAriaLabel"],f=a.forwardRef((function(e,n){var i=e.children,s=e.className,o=e.onClose,d=e.closeButtonAriaLabel,u=c(e,m),h=null!=d?d:"Fjern "+(null==i?void 0:i.toString());return a.createElement("div",l({className:t("eds-chip","eds-tag-chip",s)},u),i,a.createElement("button",{className:"eds-tag-chip__close-button",type:"button",onClick:o,"aria-label":h,ref:n},a.createElement(r.CloseSmallIcon,{"aria-hidden":!0})))})),v=["className","children","value","disabled","name","style"],b=a.forwardRef((function(e,n){var r=e.className,i=e.children,s=e.value,o=e.disabled,d=void 0!==o&&o,u=e.name,h=e.style,p=c(e,v),m=t(r,"eds-filter-chip");return a.createElement("label",{className:m,style:h},a.createElement("input",l({className:"eds-filter-chip__input",type:"checkbox",name:u,ref:n,value:s,disabled:d},p)),a.createElement("div",{className:"eds-chip"},a.createElement("span",{className:"eds-filter-chip__icon"},a.createElement(g,null)),i))})),g=function(){return a.createElement("svg",{className:"eds-filter-chip-icon",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.createElement("path",{className:"eds-filter-chip-icon__path",d:"M1.71283 7.10801L5.6464 11.1377C5.84098 11.3371 6.16095 11.339 6.35786 11.1419L14.2916 3.20325",stroke:"#181C56",strokeWidth:"2"}))},C=["name","value","children","onChange","label"];e.warnAboutMissingStyles("chip","form"),exports.ActionChip=p,exports.ChoiceChip=u,exports.ChoiceChipGroup=function(e){var t=e.name,n=e.value,r=e.children,s=e.onChange,d=e.label,u=c(e,C),h=a.useMemo((function(){return{name:t,value:n,onChange:s}}),[t,n,s]);return a.createElement(o,{value:h},a.createElement(i.Fieldset,l({className:"eds-choice-chips-group",label:d},u),r))},exports.FilterChip=b,exports.TagChip=f;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),i=require("react"),a=require("classnames"),t=require("@entur/loader"),n=require("@entur/icons"),r=require("@entur/form");function l(){return l=Object.assign?Object.assign.bind():function(e){for(var i=1;i<arguments.length;i++){var a=arguments[i];for(var t in a)Object.prototype.hasOwnProperty.call(a,t)&&(e[t]=a[t])}return e},l.apply(this,arguments)}function s(e,i){if(null==e)return{};var a,t,n={},r=Object.keys(e);for(t=0;t<r.length;t++)i.indexOf(a=r[t])>=0||(n[a]=e[a]);return n}var c=i.createContext(null),o=c.Provider,d=["className","children","value","disabled","style","size"],u=i.forwardRef((function(e,t){var n=e.className,r=e.children,o=e.value,u=e.disabled,h=void 0!==u&&u,p=e.style,m=e.size,v=void 0===m?"medium":m,f=s(e,d),b=i.Children.toArray(r),g=function(e){var i;return null==e||null==(i=e.type)?void 0:i.toString().toLowerCase().includes("icon")},C=b.length>1&&g(b.at(0)),y=b.length>1&&g(b.at(-1)),N=a(n,"eds-chip","eds-chip--size-"+v,{"eds-chip--disabled":h,"eds-chip--leading-icon":C,"eds-chip--trailing-icon":y}),E=function(){var e=i.useContext(c);if(!e)throw new Error("You need to wrap your ChoiceChips in a ChoiceChipGroup-component");return e}();return i.createElement("label",{className:"eds-choice-chip",style:p},i.createElement("input",l({className:"eds-choice-chip__input",type:"radio",name:E.name,ref:t,value:o,disabled:h,checked:E.value===o,onChange:E.onChange,"aria-disabled":h},f)),i.createElement("div",{className:N},r))})),h=["children","className","loading","size"],p=i.forwardRef((function(e,n){var r=e.children,c=e.className,o=e.loading,d=void 0!==o&&o,u=e.size,p=void 0===u?"medium":u,m=s(e,h),v=i.Children.toArray(r),f=function(e){var i;return null==e||null==(i=e.type)?void 0:i.toString().toLowerCase().includes("icon")},b=v.length>1&&f(v.at(0)),g=v.length>1&&f(v.at(-1)),C=v.filter((function(e){return"string"==typeof e})).join(" "),y=a(c,"eds-chip","eds-action-chip","eds-chip--size-"+p,{"eds-chip--leading-icon":b,"eds-chip--trailing-icon":g,"eds-action-chip--disabled":m.disabled}),N=i.createElement("button",l({className:y,ref:n,"aria-busy":d,"aria-label":m["aria-label"]?m["aria-label"]:d?C:void 0,type:"button"},m),d?i.createElement(t.LoadingDots,{className:"eds-action-chip__loading-dots"}):r);return m.disabled?i.createElement("div",{className:"eds-action-chip--disabled__wrapper"},N):i.createElement(i.Fragment,null,N)})),m=["children","className","onClose","closeButtonAriaLabel","size"],v=i.forwardRef((function(e,t){var r=e.children,c=e.className,o=e.onClose,d=e.closeButtonAriaLabel,u=e.size,h=void 0===u?"medium":u,p=s(e,m),v=null!=d?d:"Fjern "+(null==r?void 0:r.toString());return i.createElement("div",l({className:a("eds-chip","eds-tag-chip","eds-chip--size-"+h,c)},p),r,i.createElement("button",{className:"eds-tag-chip__close-button",type:"button",onClick:o,"aria-label":v,ref:t},i.createElement(n.CloseSmallIcon,{"aria-hidden":!0})))})),f=["className","children","value","disabled","name","style","size"],b=i.forwardRef((function(e,t){var n=e.className,r=e.children,c=e.value,o=e.disabled,d=void 0!==o&&o,u=e.name,h=e.style,p=e.size,m=void 0===p?"medium":p,v=s(e,f),b=a(n,"eds-filter-chip");return i.createElement("label",{className:b,style:h},i.createElement("input",l({className:"eds-filter-chip__input",type:"checkbox",name:u,ref:t,value:c,disabled:d},v)),i.createElement("div",{className:"eds-chip "+(m?"eds-chip--size-"+m:"")},i.createElement("span",{className:"eds-filter-chip__icon"},i.createElement(g,null)),r))})),g=function(){return i.createElement("svg",{className:"eds-filter-chip-icon",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{className:"eds-filter-chip-icon__path",d:"M1.71283 7.10801L5.6464 11.1377C5.84098 11.3371 6.16095 11.339 6.35786 11.1419L14.2916 3.20325",stroke:"#181C56",strokeWidth:"2"}))},C=["name","value","children","onChange","label"];e.warnAboutMissingStyles("chip","form"),exports.ActionChip=p,exports.ChoiceChip=u,exports.ChoiceChipGroup=function(e){var a=e.name,t=e.value,n=e.children,c=e.onChange,d=e.label,u=s(e,C),h=i.useMemo((function(){return{name:a,value:t,onChange:c}}),[a,t,c]);return i.createElement(o,{value:h},i.createElement(r.Fieldset,l({className:"eds-choice-chips-group",label:d},u),n))},exports.FilterChip=b,exports.TagChip=v;
 //# sourceMappingURL=chip.cjs.production.min.js.map

dist/chip.esm.js

@@ -45,3 +45,3 @@ import { warnAboutMissingStyles } from '@entur/utils';
 
-var _excluded$4 = ["className", "children", "value", "disabled", "style"];
+var _excluded$4 = ["className", "children", "value", "disabled", "style", "size"];
 var ChoiceChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
@@ -54,2 +54,4 @@ var className = _ref.className,
     style = _ref.style,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'medium' : _ref$size,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
@@ -63,3 +65,3 @@ var childrenArray = React.Children.toArray(children);
   var hasTrailingIcon = childrenArray.length > 1 && isIcon(childrenArray.at(-1));
-  var classList = classNames(className, 'eds-chip', {
+  var classList = classNames(className, 'eds-chip', "eds-chip--size-" + size, {
     'eds-chip--disabled': disabled,
@@ -91,3 +93,3 @@ 'eds-chip--leading-icon': hasLeadingIcon,
 
-var _excluded$3 = ["children", "className", "loading"];
+var _excluded$3 = ["children", "className", "loading", "size"];
 var ActionChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
@@ -98,2 +100,4 @@ var children = _ref.children,
     loading = _ref$loading === void 0 ? false : _ref$loading,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'medium' : _ref$size,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
@@ -115,8 +119,9 @@ var childrenArray = React.Children.toArray(children);
   }).join(' ');
+  var classList = classNames(className, 'eds-chip', 'eds-action-chip', "eds-chip--size-" + size, {
+    'eds-chip--leading-icon': hasLeadingIcon,
+    'eds-chip--trailing-icon': hasTrailingIcon,
+    'eds-action-chip--disabled': rest.disabled
+  });
   var actionChip = React.createElement("button", _extends({
-    className: classNames('eds-chip', 'eds-action-chip', {
-      'eds-chip--leading-icon': hasLeadingIcon,
-      'eds-chip--trailing-icon': hasTrailingIcon,
-      'eds-action-chip--disabled': rest.disabled
-    }, className),
+    className: classList,
     ref: ref,
@@ -137,3 +142,3 @@ "aria-busy": loading,
 
-var _excluded$2 = ["children", "className", "onClose", "closeButtonAriaLabel"];
+var _excluded$2 = ["children", "className", "onClose", "closeButtonAriaLabel", "size"];
 var TagChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
@@ -144,6 +149,8 @@ var children = _ref.children,
     closeButtonAriaLabel = _ref.closeButtonAriaLabel,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'medium' : _ref$size,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
   var selectedCloseLabel = closeButtonAriaLabel != null ? closeButtonAriaLabel : 'Fjern ' + (children == null ? void 0 : children.toString());
   return React.createElement("div", _extends({
-    className: classNames('eds-chip', 'eds-tag-chip', className)
+    className: classNames('eds-chip', 'eds-tag-chip', "eds-chip--size-" + size, className)
   }, rest), children, React.createElement("button", {
@@ -160,3 +167,3 @@ className: "eds-tag-chip__close-button",
 
-var _excluded$1 = ["className", "children", "value", "disabled", "name", "style"];
+var _excluded$1 = ["className", "children", "value", "disabled", "name", "style", "size"];
 var FilterChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
@@ -170,2 +177,4 @@ var className = _ref.className,
     style = _ref.style,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'medium' : _ref$size,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
@@ -184,3 +193,3 @@ var classList = classNames(className, 'eds-filter-chip');
   }, rest)), React.createElement("div", {
-    className: "eds-chip"
+    className: "eds-chip " + (size ? "eds-chip--size-" + size : '')
   }, React.createElement("span", {
@@ -187,0 +196,0 @@ className: "eds-filter-chip__icon"

dist/ChoiceChip.d.ts

@@ -15,3 +15,7 @@ import React from 'react';
     value: string;
-} & Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'value'>;
+    /** Størrelsen på chip
+     * @default 'medium'
+     */
+    size?: 'small' | 'medium';
+} & Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'value' | 'size'>;
 export declare const ChoiceChip: React.ForwardRefExoticComponent<Omit<ChoiceChipProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

dist/FilterChip.d.ts

@@ -11,3 +11,7 @@ import React from 'react';
     value: string;
-} & React.InputHTMLAttributes<HTMLInputElement>;
+    /** Størrelsen på chip
+     * @default 'medium'
+     */
+    size?: 'small' | 'medium';
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'size'>;
 export declare const FilterChip: React.ForwardRefExoticComponent<{
@@ -20,2 +24,6 @@ /** Ekstra klassenavn */
     value: string;
-} & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;
+    /** Størrelsen på chip
+     * @default 'medium'
+     */
+    size?: "small" | "medium" | undefined;
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "size"> & React.RefAttributes<HTMLInputElement>>;

dist/TagChip.d.ts

@@ -13,3 +13,7 @@ import React from 'react';
     closeButtonAriaLabel?: string;
+    /** Størrelsen på chip
+     * @default 'medium'
+     */
+    size?: 'small' | 'medium';
 };
 export declare const TagChip: React.ForwardRefExoticComponent<TagChipProps & React.RefAttributes<HTMLButtonElement>>;

package.json

 {
   "name": "@entur/chip",
-  "version": "0.6.70",
+  "version": "0.7.0",
   "license": "EUPL-1.2",
@@ -30,10 +30,10 @@ "main": "dist/index.js",
   "dependencies": {
-    "@entur/form": "^7.0.42",
-    "@entur/icons": "^6.15.3",
-    "@entur/loader": "^0.4.58",
-    "@entur/tokens": "^3.13.2",
-    "@entur/utils": "^0.10.0",
+    "@entur/form": "^7.0.43",
+    "@entur/icons": "^6.15.4",
+    "@entur/loader": "^0.4.59",
+    "@entur/tokens": "^3.13.3",
+    "@entur/utils": "^0.10.1",
     "classnames": "^2.3.1"
   },
-  "gitHead": "427e66ba68d33b8d1839714a48517b52afd5c2db"
+  "gitHead": "89d5de6d31962e236a5c147e129bf915576166b4"
 }

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

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

Worsened metrics

Total package byte prevSize

119828

decreased by-7.92%

Lines of code

1276

decreased by-13.08%

Dependency changes

• Updated@entur/form@^7.0.43

• Updated@entur/icons@^6.15.4

• Updated@entur/loader@^0.4.59

• Updated@entur/tokens@^3.13.3

• Updated@entur/utils@^0.10.1