@entur/form - npm Package Compare versions

Comparing version 1.0.2 to 1.0.3

CHANGELOG.md

@@ -6,2 +6,10 @@ # Change Log
 
+## [1.0.3](https://bitbucket.org/enturas/design-system/compare/@entur/form@1.0.2...@entur/form@1.0.3) (2019-11-14)
+
+### Bug Fixes
+
+- make form controls expand to the size of its container ([df4ff54](https://bitbucket.org/enturas/design-system/commits/df4ff546d6911cedea21e025f3ff30f703cdcc18))
+- **checkbox:** change types to work with newest typescript ([090d933](https://bitbucket.org/enturas/design-system/commits/090d933b7b55ac6a5882e53e652d0e94c853c31f))
+- **css classnames:** fixing naming collisions with CSS classes ([a93ca43](https://bitbucket.org/enturas/design-system/commits/a93ca435d3a01d61d8f02694a672686b9e943a66))
+
 ## [1.0.2](https://bitbucket.org/enturas/design-system/compare/@entur/form@1.0.1...@entur/form@1.0.2) (2019-11-07)
@@ -8,0 +16,0 @@

dist/form.cjs.development.js

@@ -5,2 +5,3 @@ 'use strict';
 
+var _objectWithoutProperties = _interopDefault(require('@babel/runtime/helpers/objectWithoutProperties'));
 var React = _interopDefault(require('react'));
@@ -11,17 +12,2 @@ var classNames = _interopDefault(require('classnames'));
 
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-
-  return target;
-}
-
 var InputGroupContext =
@@ -43,3 +29,3 @@ /*#__PURE__*/
   }, React.createElement("div", {
-    className: "entur-input-group"
+    className: "eds-input-group"
   }, React.createElement(typography.Label, {
@@ -50,9 +36,9 @@ style: {
   }, React.createElement("span", {
-    className: "entur-input-group__label"
+    className: "eds-input-group__label"
   }, label), children), feedback && variant && React.createElement(typography.SmallText, {
-    className: "entur-input-group__feedback-wrapper"
+    className: "eds-input-group__feedback-wrapper"
   }, React.createElement(AlertIcon, {
     level: variant
   }), React.createElement("span", {
-    className: "entur-input-group__feedback"
+    className: "eds-input-group__feedback"
   }, feedback))));
@@ -63,3 +49,3 @@ };
   var level = _ref2.level;
-  var iconClass = "entur-input-group__icon entur-input-group__icon--" + level;
+  var iconClass = "eds-input-group__icon eds-input-group__icon--".concat(level);
 
@@ -102,3 +88,3 @@ switch (level) {
       append = _ref.append,
-      rest = _objectWithoutPropertiesLoose(_ref, ["children", "className", "dark", "disabled", "variant", "prepend", "append"]);
+      rest = _objectWithoutProperties(_ref, ["children", "className", "dark", "disabled", "variant", "prepend", "append"]);
 
@@ -108,12 +94,12 @@ var variantFromInputGroup = useVariant();
   return React.createElement("div", Object.assign({
-    className: classNames('entur-form-control-wrapper', className, {
-      'entur-form-control-wrapper--success': currentVariant === 'success',
-      'entur-form-control-wrapper--error': currentVariant === 'error',
-      'entur-form-control-wrapper--dark': dark,
-      'entur-form-control-wrapper--disabled': disabled
+    className: classNames('eds-form-control-wrapper', className, {
+      'eds-form-control-wrapper--success': currentVariant === 'success',
+      'eds-form-control-wrapper--error': currentVariant === 'error',
+      'eds-form-control-wrapper--dark': dark,
+      'eds-form-control-wrapper--disabled': disabled
     })
   }, rest), prepend && React.createElement("div", {
-    className: "entur-form-control__prepend"
+    className: "eds-form-control__prepend"
   }, prepend), children, append && React.createElement("div", {
-    className: "entur-form-control__append"
+    className: "eds-form-control__append"
   }, append));
@@ -132,3 +118,3 @@ };
       style = _ref.style,
-      rest = _objectWithoutPropertiesLoose(_ref, ["prepend", "append", "variant", "disabled", "className", "style"]);
+      rest = _objectWithoutProperties(_ref, ["prepend", "append", "variant", "disabled", "className", "style"]);
 
@@ -144,3 +130,3 @@ return React.createElement(BaseFormControl, {
     "aria-invalid": variant === 'error',
-    className: "entur-form-control",
+    className: "eds-form-control",
     disabled: disabled,
@@ -159,3 +145,3 @@ ref: ref
       style = _ref.style,
-      rest = _objectWithoutPropertiesLoose(_ref, ["variant", "disabled", "className", "style"]);
+      rest = _objectWithoutProperties(_ref, ["variant", "disabled", "className", "style"]);
 
@@ -168,3 +154,3 @@ return React.createElement(BaseFormControl, {
   }, React.createElement("textarea", Object.assign({
-    className: "entur-form-control entur-textarea",
+    className: "eds-form-control eds-textarea",
     ref: ref
@@ -182,3 +168,3 @@ }, rest)));
       style = _ref.style,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "variant", "disabled", "children", "prepend", "style"]);
+      rest = _objectWithoutProperties(_ref, ["className", "variant", "disabled", "children", "prepend", "style"]);
 
@@ -197,3 +183,3 @@ return React.createElement(BaseFormControl, {
     "aria-invalid": variant === 'error',
-    className: "entur-form-control",
+    className: "eds-form-control",
     disabled: disabled
@@ -204,3 +190,3 @@ }, rest), children));
   var children = _ref2.children,
-      rest = _objectWithoutPropertiesLoose(_ref2, ["children"]);
+      rest = _objectWithoutProperties(_ref2, ["children"]);
 
@@ -214,9 +200,9 @@ return React.createElement("option", Object.assign({}, rest), children);
       label = _ref.label,
-      rest = _objectWithoutPropertiesLoose(_ref, ["children", "className", "label"]);
+      rest = _objectWithoutProperties(_ref, ["children", "className", "label"]);
 
   return React.createElement("fieldset", Object.assign({
-    className: classNames('entur-fieldset', className)
+    className: classNames('eds-fieldset', className)
   }, rest), label && React.createElement(typography.Heading4, {
     as: "legend",
-    className: "entur-legend"
+    className: "eds-legend"
   }, label), children);
@@ -231,6 +217,6 @@ };
       children = _ref.children,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "width", "children"]);
+      rest = _objectWithoutProperties(_ref, ["className", "width", "children"]);
 
   return React.createElement("label", {
-    className: classNames('entur-form-component--checkbox__container', className)
+    className: classNames('eds-form-component--checkbox__container', className)
   }, React.createElement("input", Object.assign({
@@ -240,3 +226,3 @@ type: "checkbox",
   }, rest)), React.createElement("span", {
-    className: "entur-form-component--checkbox__icon"
+    className: "eds-form-component--checkbox__icon"
   }, React.createElement(icons.CheckIcon, null)), children && React.createElement(typography.Label, {
@@ -267,5 +253,5 @@ as: "span"
       value = _ref.value,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "children", "value"]);
+      rest = _objectWithoutProperties(_ref, ["className", "children", "value"]);
 
-  var classList = classNames(className, 'entur-form-component--radio__radio');
+  var classList = classNames(className, 'eds-form-component--radio__radio');
 
@@ -278,3 +264,3 @@ var _useRadioGroupContext = useRadioGroupContext(),
   return React.createElement("label", {
-    className: "entur-form-component--radio__container"
+    className: "eds-form-component--radio__container"
   }, React.createElement("input", Object.assign({
@@ -290,3 +276,3 @@ type: "radio",
   }, React.createElement("span", {
-    className: "entur-form-component--radio__circle"
+    className: "eds-form-component--radio__circle"
   })), children && React.createElement(typography.Label, {
@@ -302,3 +288,3 @@ as: "span"
       onChange = _ref.onChange,
-      rest = _objectWithoutPropertiesLoose(_ref, ["name", "value", "children", "onChange"]);
+      rest = _objectWithoutProperties(_ref, ["name", "value", "children", "onChange"]);
 
@@ -305,0 +291,0 @@ var contextValue = React.useMemo(function () {

dist/form.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var a=e(require("react")),r=e(require("classnames")),n=require("@entur/icons"),t=require("@entur/typography");function l(e,a){if(null==e)return{};var r,n,t={},l=Object.keys(e);for(n=0;n<l.length;n++)a.indexOf(r=l[n])>=0||(t[r]=e[r]);return t}var c=a.createContext(null);function s(){return a.useContext(c)}var o=function(e){var r=e.level,t="entur-input-group__icon entur-input-group__icon--"+r;switch(r){case"success":return a.createElement(n.ValidationCheckIcon,{className:t});case"error":return a.createElement(n.ValidationErrorIcon,{className:t});case"info":return a.createElement(n.ValidationInfoIcon,{className:t});case"warning":return a.createElement(n.ValidationExclamationIcon,{className:t});default:return null}},i=function(e){var n=e.children,t=e.className,c=e.dark,o=void 0!==c&&c,i=e.disabled,u=void 0!==i&&i,d=e.variant,m=e.prepend,p=e.append,f=l(e,["children","className","dark","disabled","variant","prepend","append"]),v=s(),b=d||v;return a.createElement("div",Object.assign({className:r("entur-form-control-wrapper",t,{"entur-form-control-wrapper--success":"success"===b,"entur-form-control-wrapper--error":"error"===b,"entur-form-control-wrapper--dark":o,"entur-form-control-wrapper--disabled":u})},f),m&&a.createElement("div",{className:"entur-form-control__prepend"},m),n,p&&a.createElement("div",{className:"entur-form-control__append"},p))},u=a.forwardRef((function(e,r){var n=e.prepend,t=e.append,c=e.variant,s=e.disabled,o=void 0!==s&&s,u=e.className,d=e.style,m=l(e,["prepend","append","variant","disabled","className","style"]);return a.createElement(i,{disabled:o,variant:c,prepend:n,append:t,className:u,style:d},a.createElement("input",Object.assign({"aria-invalid":"error"===c,className:"entur-form-control",disabled:o,ref:r},m)))})),d=a.forwardRef((function(e,r){var n=e.variant,t=e.disabled,c=void 0!==t&&t,s=e.className,o=e.style,u=l(e,["variant","disabled","className","style"]);return a.createElement(i,{className:s,disabled:c,variant:n,style:o},a.createElement("textarea",Object.assign({className:"entur-form-control entur-textarea",ref:r},u)))})),m=function(e){var n=e.children,c=e.className,s=e.label,o=l(e,["children","className","label"]);return a.createElement("fieldset",Object.assign({className:r("entur-fieldset",c)},o),s&&a.createElement(t.Heading4,{as:"legend",className:"entur-legend"},s),n)},p=a.forwardRef((function(e,c){var s=e.className,o=e.children,i=l(e,["className","width","children"]);return a.createElement("label",{className:r("entur-form-component--checkbox__container",s)},a.createElement("input",Object.assign({type:"checkbox",ref:c},i)),a.createElement("span",{className:"entur-form-component--checkbox__icon"},a.createElement(n.CheckIcon,null)),o&&a.createElement(t.Label,{as:"span"},o))})),f=a.createContext(null),v=f.Provider,b=a.forwardRef((function(e,n){var c=e.className,s=e.children,o=e.value,i=l(e,["className","children","value"]),u=r(c,"entur-form-component--radio__radio"),d=function(){var e=a.useContext(f);if(!e)throw new Error("You need to wrap your RadioButtons in a RadioGroup component");return e}();return a.createElement("label",{className:"entur-form-component--radio__container"},a.createElement("input",Object.assign({type:"radio",name:d.name,ref:n,value:o,checked:d.value===o,onChange:d.onChange},i)),a.createElement("span",{className:u},a.createElement("span",{className:"entur-form-component--radio__circle"})),s&&a.createElement(t.Label,{as:"span"},s))}));exports.Checkbox=p,exports.Dropdown=function(e){var r=e.className,t=e.variant,c=e.disabled,s=void 0!==c&&c,o=e.children,u=e.prepend,d=e.style,m=l(e,["className","variant","disabled","children","prepend","style"]);return a.createElement(i,{dark:!0,disabled:s,prepend:u,append:a.createElement(n.DownArrowIcon,{inline:!0}),variant:t,className:r,style:d},a.createElement("select",Object.assign({"aria-invalid":"error"===t,className:"entur-form-control",disabled:s},m),o))},exports.DropdownItem=function(e){var r=e.children,n=l(e,["children"]);return a.createElement("option",Object.assign({},n),r)},exports.Fieldset=m,exports.InputGroup=function(e){var r=e.feedback,n=e.variant,l=void 0===n?null:n,s=e.children;return a.createElement(c.Provider,{value:l},a.createElement("div",{className:"entur-input-group"},a.createElement(t.Label,{style:{display:"block"}},a.createElement("span",{className:"entur-input-group__label"},e.label),s),r&&l&&a.createElement(t.SmallText,{className:"entur-input-group__feedback-wrapper"},a.createElement(o,{level:l}),a.createElement("span",{className:"entur-input-group__feedback"},r))))},exports.Radio=b,exports.RadioGroup=function(e){var r=e.name,n=e.value,t=e.children,c=e.onChange,s=l(e,["name","value","children","onChange"]),o=a.useMemo((function(){return{name:r,value:n,onChange:c}}),[r,n,c]);return a.createElement(v,{value:o},a.createElement(m,Object.assign({},s),t))},exports.TextArea=d,exports.TextField=u,exports.useVariant=s;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var a=e(require("@babel/runtime/helpers/objectWithoutProperties")),r=e(require("react")),n=e(require("classnames")),t=require("@entur/icons"),s=require("@entur/typography"),l=r.createContext(null);function c(){return r.useContext(l)}var o=function(e){var a=e.level,n="eds-input-group__icon eds-input-group__icon--".concat(a);switch(a){case"success":return r.createElement(t.ValidationCheckIcon,{className:n});case"error":return r.createElement(t.ValidationErrorIcon,{className:n});case"info":return r.createElement(t.ValidationInfoIcon,{className:n});case"warning":return r.createElement(t.ValidationExclamationIcon,{className:n});default:return null}},i=function(e){var t=e.children,s=e.className,l=e.dark,o=void 0!==l&&l,i=e.disabled,d=void 0!==i&&i,m=e.variant,p=e.prepend,u=e.append,f=a(e,["children","className","dark","disabled","variant","prepend","append"]),v=c(),b=m||v;return r.createElement("div",Object.assign({className:n("eds-form-control-wrapper",s,{"eds-form-control-wrapper--success":"success"===b,"eds-form-control-wrapper--error":"error"===b,"eds-form-control-wrapper--dark":o,"eds-form-control-wrapper--disabled":d})},f),p&&r.createElement("div",{className:"eds-form-control__prepend"},p),t,u&&r.createElement("div",{className:"eds-form-control__append"},u))},d=r.forwardRef((function(e,n){var t=e.prepend,s=e.append,l=e.variant,c=e.disabled,o=void 0!==c&&c,d=e.className,m=e.style,p=a(e,["prepend","append","variant","disabled","className","style"]);return r.createElement(i,{disabled:o,variant:l,prepend:t,append:s,className:d,style:m},r.createElement("input",Object.assign({"aria-invalid":"error"===l,className:"eds-form-control",disabled:o,ref:n},p)))})),m=r.forwardRef((function(e,n){var t=e.variant,s=e.disabled,l=void 0!==s&&s,c=e.className,o=e.style,d=a(e,["variant","disabled","className","style"]);return r.createElement(i,{className:c,disabled:l,variant:t,style:o},r.createElement("textarea",Object.assign({className:"eds-form-control eds-textarea",ref:n},d)))})),p=function(e){var t=e.children,l=e.className,c=e.label,o=a(e,["children","className","label"]);return r.createElement("fieldset",Object.assign({className:n("eds-fieldset",l)},o),c&&r.createElement(s.Heading4,{as:"legend",className:"eds-legend"},c),t)},u=r.forwardRef((function(e,l){var c=e.className,o=e.children,i=a(e,["className","width","children"]);return r.createElement("label",{className:n("eds-form-component--checkbox__container",c)},r.createElement("input",Object.assign({type:"checkbox",ref:l},i)),r.createElement("span",{className:"eds-form-component--checkbox__icon"},r.createElement(t.CheckIcon,null)),o&&r.createElement(s.Label,{as:"span"},o))})),f=r.createContext(null),v=f.Provider,b=r.forwardRef((function(e,t){var l=e.className,c=e.children,o=e.value,i=a(e,["className","children","value"]),d=n(l,"eds-form-component--radio__radio"),m=function(){var e=r.useContext(f);if(!e)throw new Error("You need to wrap your RadioButtons in a RadioGroup component");return e}();return r.createElement("label",{className:"eds-form-component--radio__container"},r.createElement("input",Object.assign({type:"radio",name:m.name,ref:t,value:o,checked:m.value===o,onChange:m.onChange},i)),r.createElement("span",{className:d},r.createElement("span",{className:"eds-form-component--radio__circle"})),c&&r.createElement(s.Label,{as:"span"},c))}));exports.Checkbox=u,exports.Dropdown=function(e){var n=e.className,s=e.variant,l=e.disabled,c=void 0!==l&&l,o=e.children,d=e.prepend,m=e.style,p=a(e,["className","variant","disabled","children","prepend","style"]);return r.createElement(i,{dark:!0,disabled:c,prepend:d,append:r.createElement(t.DownArrowIcon,{inline:!0}),variant:s,className:n,style:m},r.createElement("select",Object.assign({"aria-invalid":"error"===s,className:"eds-form-control",disabled:c},p),o))},exports.DropdownItem=function(e){var n=e.children,t=a(e,["children"]);return r.createElement("option",Object.assign({},t),n)},exports.Fieldset=p,exports.InputGroup=function(e){var a=e.feedback,n=e.variant,t=void 0===n?null:n,c=e.children;return r.createElement(l.Provider,{value:t},r.createElement("div",{className:"eds-input-group"},r.createElement(s.Label,{style:{display:"block"}},r.createElement("span",{className:"eds-input-group__label"},e.label),c),a&&t&&r.createElement(s.SmallText,{className:"eds-input-group__feedback-wrapper"},r.createElement(o,{level:t}),r.createElement("span",{className:"eds-input-group__feedback"},a))))},exports.Radio=b,exports.RadioGroup=function(e){var n=e.name,t=e.value,s=e.children,l=e.onChange,c=a(e,["name","value","children","onChange"]),o=r.useMemo((function(){return{name:n,value:t,onChange:l}}),[n,t,l]);return r.createElement(v,{value:o},r.createElement(p,Object.assign({},c),s))},exports.TextArea=m,exports.TextField=d,exports.useVariant=c;
 //# sourceMappingURL=form.cjs.production.min.js.map

dist/form.esm.js

@@ -0,1 +1,2 @@
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React from 'react';
@@ -6,17 +7,2 @@ import classNames from 'classnames';
 
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-
-  return target;
-}
-
 var InputGroupContext =
@@ -38,3 +24,3 @@ /*#__PURE__*/
   }, React.createElement("div", {
-    className: "entur-input-group"
+    className: "eds-input-group"
   }, React.createElement(Label, {
@@ -45,9 +31,9 @@ style: {
   }, React.createElement("span", {
-    className: "entur-input-group__label"
+    className: "eds-input-group__label"
   }, label), children), feedback && variant && React.createElement(SmallText, {
-    className: "entur-input-group__feedback-wrapper"
+    className: "eds-input-group__feedback-wrapper"
   }, React.createElement(AlertIcon, {
     level: variant
   }), React.createElement("span", {
-    className: "entur-input-group__feedback"
+    className: "eds-input-group__feedback"
   }, feedback))));
@@ -58,3 +44,3 @@ };
   var level = _ref2.level;
-  var iconClass = "entur-input-group__icon entur-input-group__icon--" + level;
+  var iconClass = "eds-input-group__icon eds-input-group__icon--".concat(level);
 
@@ -97,3 +83,3 @@ switch (level) {
       append = _ref.append,
-      rest = _objectWithoutPropertiesLoose(_ref, ["children", "className", "dark", "disabled", "variant", "prepend", "append"]);
+      rest = _objectWithoutProperties(_ref, ["children", "className", "dark", "disabled", "variant", "prepend", "append"]);
 
@@ -103,12 +89,12 @@ var variantFromInputGroup = useVariant();
   return React.createElement("div", Object.assign({
-    className: classNames('entur-form-control-wrapper', className, {
-      'entur-form-control-wrapper--success': currentVariant === 'success',
-      'entur-form-control-wrapper--error': currentVariant === 'error',
-      'entur-form-control-wrapper--dark': dark,
-      'entur-form-control-wrapper--disabled': disabled
+    className: classNames('eds-form-control-wrapper', className, {
+      'eds-form-control-wrapper--success': currentVariant === 'success',
+      'eds-form-control-wrapper--error': currentVariant === 'error',
+      'eds-form-control-wrapper--dark': dark,
+      'eds-form-control-wrapper--disabled': disabled
     })
   }, rest), prepend && React.createElement("div", {
-    className: "entur-form-control__prepend"
+    className: "eds-form-control__prepend"
   }, prepend), children, append && React.createElement("div", {
-    className: "entur-form-control__append"
+    className: "eds-form-control__append"
   }, append));
@@ -127,3 +113,3 @@ };
       style = _ref.style,
-      rest = _objectWithoutPropertiesLoose(_ref, ["prepend", "append", "variant", "disabled", "className", "style"]);
+      rest = _objectWithoutProperties(_ref, ["prepend", "append", "variant", "disabled", "className", "style"]);
 
@@ -139,3 +125,3 @@ return React.createElement(BaseFormControl, {
     "aria-invalid": variant === 'error',
-    className: "entur-form-control",
+    className: "eds-form-control",
     disabled: disabled,
@@ -154,3 +140,3 @@ ref: ref
       style = _ref.style,
-      rest = _objectWithoutPropertiesLoose(_ref, ["variant", "disabled", "className", "style"]);
+      rest = _objectWithoutProperties(_ref, ["variant", "disabled", "className", "style"]);
 
@@ -163,3 +149,3 @@ return React.createElement(BaseFormControl, {
   }, React.createElement("textarea", Object.assign({
-    className: "entur-form-control entur-textarea",
+    className: "eds-form-control eds-textarea",
     ref: ref
@@ -177,3 +163,3 @@ }, rest)));
       style = _ref.style,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "variant", "disabled", "children", "prepend", "style"]);
+      rest = _objectWithoutProperties(_ref, ["className", "variant", "disabled", "children", "prepend", "style"]);
 
@@ -192,3 +178,3 @@ return React.createElement(BaseFormControl, {
     "aria-invalid": variant === 'error',
-    className: "entur-form-control",
+    className: "eds-form-control",
     disabled: disabled
@@ -199,3 +185,3 @@ }, rest), children));
   var children = _ref2.children,
-      rest = _objectWithoutPropertiesLoose(_ref2, ["children"]);
+      rest = _objectWithoutProperties(_ref2, ["children"]);
 
@@ -209,9 +195,9 @@ return React.createElement("option", Object.assign({}, rest), children);
       label = _ref.label,
-      rest = _objectWithoutPropertiesLoose(_ref, ["children", "className", "label"]);
+      rest = _objectWithoutProperties(_ref, ["children", "className", "label"]);
 
   return React.createElement("fieldset", Object.assign({
-    className: classNames('entur-fieldset', className)
+    className: classNames('eds-fieldset', className)
   }, rest), label && React.createElement(Heading4, {
     as: "legend",
-    className: "entur-legend"
+    className: "eds-legend"
   }, label), children);
@@ -226,6 +212,6 @@ };
       children = _ref.children,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "width", "children"]);
+      rest = _objectWithoutProperties(_ref, ["className", "width", "children"]);
 
   return React.createElement("label", {
-    className: classNames('entur-form-component--checkbox__container', className)
+    className: classNames('eds-form-component--checkbox__container', className)
   }, React.createElement("input", Object.assign({
@@ -235,3 +221,3 @@ type: "checkbox",
   }, rest)), React.createElement("span", {
-    className: "entur-form-component--checkbox__icon"
+    className: "eds-form-component--checkbox__icon"
   }, React.createElement(CheckIcon, null)), children && React.createElement(Label, {
@@ -262,5 +248,5 @@ as: "span"
       value = _ref.value,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "children", "value"]);
+      rest = _objectWithoutProperties(_ref, ["className", "children", "value"]);
 
-  var classList = classNames(className, 'entur-form-component--radio__radio');
+  var classList = classNames(className, 'eds-form-component--radio__radio');
 
@@ -273,3 +259,3 @@ var _useRadioGroupContext = useRadioGroupContext(),
   return React.createElement("label", {
-    className: "entur-form-component--radio__container"
+    className: "eds-form-component--radio__container"
   }, React.createElement("input", Object.assign({
@@ -285,3 +271,3 @@ type: "radio",
   }, React.createElement("span", {
-    className: "entur-form-component--radio__circle"
+    className: "eds-form-component--radio__circle"
   })), children && React.createElement(Label, {
@@ -297,3 +283,3 @@ as: "span"
       onChange = _ref.onChange,
-      rest = _objectWithoutPropertiesLoose(_ref, ["name", "value", "children", "onChange"]);
+      rest = _objectWithoutProperties(_ref, ["name", "value", "children", "onChange"]);
 
@@ -300,0 +286,0 @@ var contextValue = React.useMemo(function () {

dist/index.d.ts

@@ -79,3 +79,3 @@ import React from "react";
     [key: string]: any;
-} & React.HTMLProps<HTMLInputElement>;
+};
 declare const Checkbox: React.RefForwardingComponent<HTMLInputElement, CheckboxProps>;
@@ -82,0 +82,0 @@ declare type RadioProps = {

package.json

 {
   "name": "@entur/form",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "license": "EUPL-1.2",
@@ -30,8 +30,8 @@ "main": "dist/index.js",
   "dependencies": {
-    "@entur/icons": "^0.4.0",
-    "@entur/tokens": "^1.0.0",
-    "@entur/typography": "^0.4.3",
+    "@entur/icons": "^0.4.1",
+    "@entur/tokens": "^1.0.1",
+    "@entur/typography": "^0.4.4",
     "classnames": "^2.2.6"
   },
-  "gitHead": "1d8d2763bf32e5b215772afb871200eaa67e5238"
+  "gitHead": "f474568d4572a715c5800781e34d42999d7c22ba"
 }

README.md

@@ -5,3 +5,3 @@ # Form
 
-> 💡 Looking for the [documentation](https://entur-design-system.firebaseapp.com/komponenter/skjemaelementer/inputgroup)?
+> 💡 Looking for the [documentation](https://design.entur.org/komponenter/skjemaelementer/inputgroup)?
 
@@ -18,2 +18,2 @@ ## Installation
 
-Please refer to the [documentation](https://entur-design-system.firebaseapp.com/komponenter/skjemaelementer/inputgroup) for further usage information.
+Please refer to the [documentation](https://design.entur.org/komponenter/skjemaelementer/inputgroup) for further usage information.

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

115351

decreased by-1.01%

Lines of code

939

decreased by-2.39%

Dependency changes

• Updated@entur/icons@^0.4.1

• Updated@entur/tokens@^1.0.1

• Updated@entur/typography@^0.4.4