Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@fremtind/jkl-core
Advanced tools
@fremtind/jkl-core - npm Package Compare versions
Comparing version 4.5.3 to 4.5.4
@@ -187,4 +187,6 @@ import React from 'react'; | ||
| standAlone = _ref.standAlone, | ||
| htmlFor = _ref.htmlFor; | ||
| var className = classnames("jkl-label", (_classNames = {}, _defineProperty(_classNames, "jkl-label--".concat(variant), variant), _defineProperty(_classNames, "jkl-label--compact", forceCompact), _defineProperty(_classNames, "jkl-label--sr-only", srOnly), _classNames)); | ||
| htmlFor = _ref.htmlFor, | ||
| _ref$className = _ref.className, | ||
| className = _ref$className === void 0 ? "" : _ref$className; | ||
| var labelClassNames = classnames("jkl-label", className, (_classNames = {}, _defineProperty(_classNames, "jkl-label--".concat(variant), variant), _defineProperty(_classNames, "jkl-label--compact", forceCompact), _defineProperty(_classNames, "jkl-label--sr-only", srOnly), _classNames)); | ||
| var C = standAlone ? "label" : "span"; | ||
@@ -201,3 +203,3 @@ | ||
| return /*#__PURE__*/React.createElement(C, { | ||
| className: className, | ||
| className: labelClassNames, | ||
| htmlFor: htmlFor | ||
@@ -204,0 +206,0 @@ }, children); |
@@ -1,2 +0,2 @@ | ||
| import e from"react";var n=!1;function t(){if(!n){n=!0;var e=document.querySelector("html");e&&e.setAttribute("data-mousenavigation","true"),document.removeEventListener("mousedown",t),document.addEventListener("keydown",r)}}function r(e){if("Tab"===e.key&&n){n=!1;var o=document.querySelector("html");o&&o.removeAttribute("data-mousenavigation"),document.removeEventListener("keydown",r),document.addEventListener("mousedown",t)}}function o(){"undefined"!=typeof document&&document.addEventListener("mousedown",t)}function a(e){return"string"==typeof e?{value:e,label:e}:e}var l={small:768,medium:992,large:1200,xl:1600},s=function(n){var t=n.children,r=n.showOnFocus;return e.createElement("span",{className:"jkl-sr-only ".concat(r?"jkl-sr-only--focusable":"")},t)};function i(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function c(){return(c=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(this,arguments)}function u(e,n){if(null==e)return{};var t,r,o=function(e,n){if(null==e)return{};var t,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var p=function(e,n){return e(n={exports:{}},n.exports),n.exports}((function(e){ | ||
| import e from"react";var n=!1;function t(){if(!n){n=!0;var e=document.querySelector("html");e&&e.setAttribute("data-mousenavigation","true"),document.removeEventListener("mousedown",t),document.addEventListener("keydown",r)}}function r(e){if("Tab"===e.key&&n){n=!1;var o=document.querySelector("html");o&&o.removeAttribute("data-mousenavigation"),document.removeEventListener("keydown",r),document.addEventListener("mousedown",t)}}function o(){"undefined"!=typeof document&&document.addEventListener("mousedown",t)}function a(e){return"string"==typeof e?{value:e,label:e}:e}var l={small:768,medium:992,large:1200,xl:1600},s=function(n){var t=n.children,r=n.showOnFocus;return e.createElement("span",{className:"jkl-sr-only ".concat(r?"jkl-sr-only--focusable":"")},t)};function i(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function c(){return(c=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(this,arguments)}function u(e,n){if(null==e)return{};var t,r,o=function(e,n){if(null==e)return{};var t,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var m=function(e,n){return e(n={exports:{}},n.exports),n.exports}((function(e){ | ||
| /*! | ||
@@ -7,2 +7,2 @@ Copyright (c) 2017 Jed Watson. | ||
| */ | ||
| !function(){var n={}.hasOwnProperty;function t(){for(var e=[],r=0;r<arguments.length;r++){var o=arguments[r];if(o){var a=typeof o;if("string"===a||"number"===a)e.push(o);else if(Array.isArray(o)&&o.length){var l=t.apply(null,o);l&&e.push(l)}else if("object"===a)for(var s in o)n.call(o,s)&&o[s]&&e.push(s)}}return e.join(" ")}e.exports?(t.default=t,e.exports=t):window.classNames=t}()})),m=(p.named,function(n){var t,r=n.variant,o=void 0===r?"medium":r,a=n.forceCompact,l=n.srOnly,s=n.children,c=n.standAlone,u=n.htmlFor,m=p("jkl-label",(i(t={},"jkl-label--".concat(o),o),i(t,"jkl-label--compact",a),i(t,"jkl-label--sr-only",l),t)),d=c?"label":"span";return!c&&u&&(u=void 0,"production"!==process.env.NODE_ENV&&console.warn("WARNING: The standard Label component renders as a <span> element, which does not take a htmlFor prop. If you want the Label to belong to a specific input, use the standAlone prop, which renders as a <label> element instead. In most cases the Label component should not be used directly, as it is part of all our input components.")),e.createElement(d,{className:m,htmlFor:u},s)}),d=function(n){var t=n.negative,r=void 0!==t&&t,o=n.external,a=void 0!==o&&o,l=n.className,s=void 0===l?"":l,i=n.children,m=u(n,["negative","external","className","children"]);return e.createElement("a",c({className:p("jkl-link",s,{"jkl-link--negative":r,"jkl-link--external":a})},m),i)},f=function(n){var t=n.id,r=n.helpLabel,o=n.errorLabel,a=n.forceCompact,l=n.className,s=n.srOnly,i=n.inverted,c=p("jkl-form-support-label",l,{"jkl-form-support-label--compact":a,"jkl-form-support-label--error":o,"jkl-form-support-label--help":!o,"jkl-form-support-label--sr-only":s,"jkl-form-support-label--inverted":i});return o||r?e.createElement("span",{id:t,className:c},o||r):null};export{m as Label,d as Link,s as ScreenReaderOnly,f as SupportLabel,l as breakpoints,a as getValuePair,o as initTabListener}; | ||
| !function(){var n={}.hasOwnProperty;function t(){for(var e=[],r=0;r<arguments.length;r++){var o=arguments[r];if(o){var a=typeof o;if("string"===a||"number"===a)e.push(o);else if(Array.isArray(o)&&o.length){var l=t.apply(null,o);l&&e.push(l)}else if("object"===a)for(var s in o)n.call(o,s)&&o[s]&&e.push(s)}}return e.join(" ")}e.exports?(t.default=t,e.exports=t):window.classNames=t}()})),p=(m.named,function(n){var t,r=n.variant,o=void 0===r?"medium":r,a=n.forceCompact,l=n.srOnly,s=n.children,c=n.standAlone,u=n.htmlFor,p=n.className,d=m("jkl-label",void 0===p?"":p,(i(t={},"jkl-label--".concat(o),o),i(t,"jkl-label--compact",a),i(t,"jkl-label--sr-only",l),t)),f=c?"label":"span";return!c&&u&&(u=void 0,"production"!==process.env.NODE_ENV&&console.warn("WARNING: The standard Label component renders as a <span> element, which does not take a htmlFor prop. If you want the Label to belong to a specific input, use the standAlone prop, which renders as a <label> element instead. In most cases the Label component should not be used directly, as it is part of all our input components.")),e.createElement(f,{className:d,htmlFor:u},s)}),d=function(n){var t=n.negative,r=void 0!==t&&t,o=n.external,a=void 0!==o&&o,l=n.className,s=void 0===l?"":l,i=n.children,p=u(n,["negative","external","className","children"]);return e.createElement("a",c({className:m("jkl-link",s,{"jkl-link--negative":r,"jkl-link--external":a})},p),i)},f=function(n){var t=n.id,r=n.helpLabel,o=n.errorLabel,a=n.forceCompact,l=n.className,s=n.srOnly,i=n.inverted,c=m("jkl-form-support-label",l,{"jkl-form-support-label--compact":a,"jkl-form-support-label--error":o,"jkl-form-support-label--help":!o,"jkl-form-support-label--sr-only":s,"jkl-form-support-label--inverted":i});return o||r?e.createElement("span",{id:t,className:c},o||r):null};export{p as Label,d as Link,s as ScreenReaderOnly,f as SupportLabel,l as breakpoints,a as getValuePair,o as initTabListener}; |
@@ -193,4 +193,6 @@ 'use strict'; | ||
| standAlone = _ref.standAlone, | ||
| htmlFor = _ref.htmlFor; | ||
| var className = classnames("jkl-label", (_classNames = {}, _defineProperty(_classNames, "jkl-label--".concat(variant), variant), _defineProperty(_classNames, "jkl-label--compact", forceCompact), _defineProperty(_classNames, "jkl-label--sr-only", srOnly), _classNames)); | ||
| htmlFor = _ref.htmlFor, | ||
| _ref$className = _ref.className, | ||
| className = _ref$className === void 0 ? "" : _ref$className; | ||
| var labelClassNames = classnames("jkl-label", className, (_classNames = {}, _defineProperty(_classNames, "jkl-label--".concat(variant), variant), _defineProperty(_classNames, "jkl-label--compact", forceCompact), _defineProperty(_classNames, "jkl-label--sr-only", srOnly), _classNames)); | ||
| var C = standAlone ? "label" : "span"; | ||
@@ -207,3 +209,3 @@ | ||
| return /*#__PURE__*/React.createElement(C, { | ||
| className: className, | ||
| className: labelClassNames, | ||
| htmlFor: htmlFor | ||
@@ -210,0 +212,0 @@ }, children); |
@@ -9,4 +9,5 @@ import React from "react"; | ||
| htmlFor?: string; | ||
| className?: string; | ||
| } | ||
| export declare const Label: React.FC<Props>; | ||
| export {}; |
@@ -187,4 +187,6 @@ import React from 'react'; | ||
| standAlone = _ref.standAlone, | ||
| htmlFor = _ref.htmlFor; | ||
| var className = classnames("jkl-label", (_classNames = {}, _defineProperty(_classNames, "jkl-label--".concat(variant), variant), _defineProperty(_classNames, "jkl-label--compact", forceCompact), _defineProperty(_classNames, "jkl-label--sr-only", srOnly), _classNames)); | ||
| htmlFor = _ref.htmlFor, | ||
| _ref$className = _ref.className, | ||
| className = _ref$className === void 0 ? "" : _ref$className; | ||
| var labelClassNames = classnames("jkl-label", className, (_classNames = {}, _defineProperty(_classNames, "jkl-label--".concat(variant), variant), _defineProperty(_classNames, "jkl-label--compact", forceCompact), _defineProperty(_classNames, "jkl-label--sr-only", srOnly), _classNames)); | ||
| var C = standAlone ? "label" : "span"; | ||
@@ -201,3 +203,3 @@ | ||
| return /*#__PURE__*/React.createElement(C, { | ||
| className: className, | ||
| className: labelClassNames, | ||
| htmlFor: htmlFor | ||
@@ -204,0 +206,0 @@ }, children); |
@@ -1,2 +0,2 @@ | ||
| import e from"react";var n=!1;function t(){if(!n){n=!0;var e=document.querySelector("html");e&&e.setAttribute("data-mousenavigation","true"),document.removeEventListener("mousedown",t),document.addEventListener("keydown",r)}}function r(e){if("Tab"===e.key&&n){n=!1;var o=document.querySelector("html");o&&o.removeAttribute("data-mousenavigation"),document.removeEventListener("keydown",r),document.addEventListener("mousedown",t)}}function o(){"undefined"!=typeof document&&document.addEventListener("mousedown",t)}function a(e){return"string"==typeof e?{value:e,label:e}:e}var l={small:768,medium:992,large:1200,xl:1600},s=function(n){var t=n.children,r=n.showOnFocus;return e.createElement("span",{className:"jkl-sr-only ".concat(r?"jkl-sr-only--focusable":"")},t)};function i(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function c(){return(c=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(this,arguments)}function u(e,n){if(null==e)return{};var t,r,o=function(e,n){if(null==e)return{};var t,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var p=function(e,n){return e(n={exports:{}},n.exports),n.exports}((function(e){ | ||
| import e from"react";var n=!1;function t(){if(!n){n=!0;var e=document.querySelector("html");e&&e.setAttribute("data-mousenavigation","true"),document.removeEventListener("mousedown",t),document.addEventListener("keydown",r)}}function r(e){if("Tab"===e.key&&n){n=!1;var o=document.querySelector("html");o&&o.removeAttribute("data-mousenavigation"),document.removeEventListener("keydown",r),document.addEventListener("mousedown",t)}}function o(){"undefined"!=typeof document&&document.addEventListener("mousedown",t)}function a(e){return"string"==typeof e?{value:e,label:e}:e}var l={small:768,medium:992,large:1200,xl:1600},s=function(n){var t=n.children,r=n.showOnFocus;return e.createElement("span",{className:"jkl-sr-only ".concat(r?"jkl-sr-only--focusable":"")},t)};function i(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function c(){return(c=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(this,arguments)}function u(e,n){if(null==e)return{};var t,r,o=function(e,n){if(null==e)return{};var t,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var m=function(e,n){return e(n={exports:{}},n.exports),n.exports}((function(e){ | ||
| /*! | ||
@@ -7,2 +7,2 @@ Copyright (c) 2017 Jed Watson. | ||
| */ | ||
| !function(){var n={}.hasOwnProperty;function t(){for(var e=[],r=0;r<arguments.length;r++){var o=arguments[r];if(o){var a=typeof o;if("string"===a||"number"===a)e.push(o);else if(Array.isArray(o)&&o.length){var l=t.apply(null,o);l&&e.push(l)}else if("object"===a)for(var s in o)n.call(o,s)&&o[s]&&e.push(s)}}return e.join(" ")}e.exports?(t.default=t,e.exports=t):window.classNames=t}()})),m=(p.named,function(n){var t,r=n.variant,o=void 0===r?"medium":r,a=n.forceCompact,l=n.srOnly,s=n.children,c=n.standAlone,u=n.htmlFor,m=p("jkl-label",(i(t={},"jkl-label--".concat(o),o),i(t,"jkl-label--compact",a),i(t,"jkl-label--sr-only",l),t)),d=c?"label":"span";return!c&&u&&(u=void 0,"production"!==process.env.NODE_ENV&&console.warn("WARNING: The standard Label component renders as a <span> element, which does not take a htmlFor prop. If you want the Label to belong to a specific input, use the standAlone prop, which renders as a <label> element instead. In most cases the Label component should not be used directly, as it is part of all our input components.")),e.createElement(d,{className:m,htmlFor:u},s)}),d=function(n){var t=n.negative,r=void 0!==t&&t,o=n.external,a=void 0!==o&&o,l=n.className,s=void 0===l?"":l,i=n.children,m=u(n,["negative","external","className","children"]);return e.createElement("a",c({className:p("jkl-link",s,{"jkl-link--negative":r,"jkl-link--external":a})},m),i)},f=function(n){var t=n.id,r=n.helpLabel,o=n.errorLabel,a=n.forceCompact,l=n.className,s=n.srOnly,i=n.inverted,c=p("jkl-form-support-label",l,{"jkl-form-support-label--compact":a,"jkl-form-support-label--error":o,"jkl-form-support-label--help":!o,"jkl-form-support-label--sr-only":s,"jkl-form-support-label--inverted":i});return o||r?e.createElement("span",{id:t,className:c},o||r):null};export{m as Label,d as Link,s as ScreenReaderOnly,f as SupportLabel,l as breakpoints,a as getValuePair,o as initTabListener}; | ||
| !function(){var n={}.hasOwnProperty;function t(){for(var e=[],r=0;r<arguments.length;r++){var o=arguments[r];if(o){var a=typeof o;if("string"===a||"number"===a)e.push(o);else if(Array.isArray(o)&&o.length){var l=t.apply(null,o);l&&e.push(l)}else if("object"===a)for(var s in o)n.call(o,s)&&o[s]&&e.push(s)}}return e.join(" ")}e.exports?(t.default=t,e.exports=t):window.classNames=t}()})),p=(m.named,function(n){var t,r=n.variant,o=void 0===r?"medium":r,a=n.forceCompact,l=n.srOnly,s=n.children,c=n.standAlone,u=n.htmlFor,p=n.className,d=m("jkl-label",void 0===p?"":p,(i(t={},"jkl-label--".concat(o),o),i(t,"jkl-label--compact",a),i(t,"jkl-label--sr-only",l),t)),f=c?"label":"span";return!c&&u&&(u=void 0,"production"!==process.env.NODE_ENV&&console.warn("WARNING: The standard Label component renders as a <span> element, which does not take a htmlFor prop. If you want the Label to belong to a specific input, use the standAlone prop, which renders as a <label> element instead. In most cases the Label component should not be used directly, as it is part of all our input components.")),e.createElement(f,{className:d,htmlFor:u},s)}),d=function(n){var t=n.negative,r=void 0!==t&&t,o=n.external,a=void 0!==o&&o,l=n.className,s=void 0===l?"":l,i=n.children,p=u(n,["negative","external","className","children"]);return e.createElement("a",c({className:m("jkl-link",s,{"jkl-link--negative":r,"jkl-link--external":a})},p),i)},f=function(n){var t=n.id,r=n.helpLabel,o=n.errorLabel,a=n.forceCompact,l=n.className,s=n.srOnly,i=n.inverted,c=m("jkl-form-support-label",l,{"jkl-form-support-label--compact":a,"jkl-form-support-label--error":o,"jkl-form-support-label--help":!o,"jkl-form-support-label--sr-only":s,"jkl-form-support-label--inverted":i});return o||r?e.createElement("span",{id:t,className:c},o||r):null};export{p as Label,d as Link,s as ScreenReaderOnly,f as SupportLabel,l as breakpoints,a as getValuePair,o as initTabListener}; |
@@ -6,2 +6,13 @@ # Change Log | ||
| ## 4.5.4 (2020-06-25) | ||
| ### Bug Fixes | ||
| * **label:** add classname prop ([370d410](https://github.com/fremtind/jokul/commit/370d410e3af47d292f5c9ce60eaa2d512a4b5fff)) | ||
| ## 4.5.3 (2020-06-24) | ||
@@ -8,0 +19,0 @@ |
| { | ||
| "name": "@fremtind/jkl-core", | ||
| "version": "4.5.3", | ||
| "version": "4.5.4", | ||
| "publishConfig": { | ||
@@ -51,3 +51,3 @@ "access": "public" | ||
| }, | ||
| "gitHead": "b199e715b7d2b1c068aadcce172a7ca4d447f185" | ||
| "gitHead": "ef4cfb3d8709b0148d94e24415437e23c382039b" | ||
| } |
New alerts
License Policy Violation
LicenseThis 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
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by0.46%
140970
- Lines of code
- increased by0.42%
2404
No dependency changes