@fremtind/jkl-core - npm Package Compare versions

Comparing version 9.7.0 to 10.0.0

build/browser/index.js

@@ -0,3 +1,3 @@
+import cn from 'classnames';
 import React from 'react';
-import cn from 'classnames';
 import _extends from '@babel/runtime/helpers/extends';
@@ -4,0 +4,0 @@

build/browser/index.min.js

@@ -1,1 +0,1 @@
-import e from"react";import t from"classnames";import n from"@babel/runtime/helpers/extends";let l=!1,o=!1,a=!1;const r={mousedown:function(){if(!l&&!a){l=!0,o=!1;const e=document.querySelector("html");null==e||e.setAttribute("data-mousenavigation","true"),null==e||e.removeAttribute("data-touchnavigation"),s(),c("touchstart"),c("keydown")}},keydown:function(e){if("Tab"===e.key){const e=document.querySelector("html");s(),null==e||e.removeAttribute("data-mousenavigation"),null==e||e.removeAttribute("data-touchnavigation"),l=!1,o=!1,c("touchstart"),c("mousedown")}},touchstart:function(){if(!o){l=!1,o=!0;const e=document.querySelector("html");null==e||e.setAttribute("data-touchnavigation","true"),null==e||e.removeAttribute("data-mousenavigation"),s(),c("touchstart"),c("keydown"),c("mousedown")}a=!0,setTimeout((()=>{a=!1}),150)}};function s(){Object.keys(r).forEach((e=>{document.removeEventListener(e,r[e])}))}function c(e){document.addEventListener(e,r[e])}function i(){"undefined"!=typeof document&&(c("touchstart"),c("mousedown"))}function u(e){return"string"==typeof e?{value:e,label:e}:e}const m={medium:680,large:1200,xl:1600},d=Object.freeze({standard:"ease",entrance:"ease-out",exit:"ease-in",easeInBounceOut:"cubic-bezier(0, 0, 0.375, 1.17)"}),p=Object.freeze({energetic:"75ms",productive:"150ms",expressive:"250ms",lazy:"400ms"}),b=({variant:n="small",forceCompact:l,srOnly:o,children:a,standAlone:r,htmlFor:s,className:c=""})=>{const i=t("jkl-label",c,{[`jkl-label--${n}`]:n,"jkl-label--compact":l,"jkl-label--sr-only":o}),u=r?"label":"span";return!r&&s&&(s=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(u,{className:i,htmlFor:s},a)},f=({external:l=!1,className:o="",children:a,...r})=>e.createElement("a",n({className:t("jkl-link",o,{"jkl-link--external":l})},r),a),h=({active:l=!1,back:o=!1,className:a,children:r,...s})=>e.createElement("a",n({className:t("jkl-nav-link",{"jkl-nav-link--active":l,"jkl-nav-link--back":o},a)},s),r),k=({children:t,showOnFocus:n})=>e.createElement("span",{className:"jkl-sr-only "+(n?"jkl-sr-only--focusable":"")},t),v=({id:l,helpLabel:o,errorLabel:a,forceCompact:r,className:s,srOnly:c,...i})=>{const u=a||o,m=u?t("jkl-form-support-label",s,{"jkl-form-support-label--compact":r,"jkl-form-support-label--error":a,"jkl-form-support-label--help":!a,"jkl-form-support-label--sr-only":c}):"jkl-dormant-form-support-label",d=u?i:{};return e.createElement("span",n({id:l,className:m},d),e.createElement("svg",{className:"jkl-form-support-label__icon","aria-hidden":!0,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.3588 20.5107L5.64157 20.5107C3.33259 20.5107 1.88917 18.0116 3.04301 16.0116L9.40163 4.98996C10.5561 2.98885 13.4443 2.98885 14.5987 4.98996L20.9574 16.0116C22.1112 18.0116 20.6678 20.5107 18.3588 20.5107ZM12.7515 13.6525L12.7515 7.63131L11.9988 7.63131L11.2462 7.63131L11.2462 13.6525L12.7515 13.6525ZM12.0012 15.0458C11.441 15.0458 10.9868 15.5 10.9868 16.0602C10.9868 16.6205 11.441 17.0747 12.0012 17.0747C12.5615 17.0747 13.0157 16.6205 13.0157 16.0602C13.0157 15.5 12.5615 15.0458 12.0012 15.0458Z",fill:"currentColor"})),a||o)};export{b as Label,f as Link,h as NavLink,k as ScreenReaderOnly,v as SupportLabel,m as breakpoints,d as easings,u as getValuePair,i as initTabListener,p as timings};
+import e from"classnames";import t from"react";import n from"@babel/runtime/helpers/extends";let l=!1,o=!1,a=!1;const r={mousedown:function(){if(!l&&!a){l=!0,o=!1;const e=document.querySelector("html");null==e||e.setAttribute("data-mousenavigation","true"),null==e||e.removeAttribute("data-touchnavigation"),s(),c("touchstart"),c("keydown")}},keydown:function(e){if("Tab"===e.key){const e=document.querySelector("html");s(),null==e||e.removeAttribute("data-mousenavigation"),null==e||e.removeAttribute("data-touchnavigation"),l=!1,o=!1,c("touchstart"),c("mousedown")}},touchstart:function(){if(!o){l=!1,o=!0;const e=document.querySelector("html");null==e||e.setAttribute("data-touchnavigation","true"),null==e||e.removeAttribute("data-mousenavigation"),s(),c("touchstart"),c("keydown"),c("mousedown")}a=!0,setTimeout((()=>{a=!1}),150)}};function s(){Object.keys(r).forEach((e=>{document.removeEventListener(e,r[e])}))}function c(e){document.addEventListener(e,r[e])}function i(){"undefined"!=typeof document&&(c("touchstart"),c("mousedown"))}function u(e){return"string"==typeof e?{value:e,label:e}:e}const m={medium:680,large:1200,xl:1600},d=Object.freeze({standard:"ease",entrance:"ease-out",exit:"ease-in",easeInBounceOut:"cubic-bezier(0, 0, 0.375, 1.17)"}),p=Object.freeze({energetic:"75ms",productive:"150ms",expressive:"250ms",lazy:"400ms"}),b=({variant:n="small",forceCompact:l,srOnly:o,children:a,standAlone:r,htmlFor:s,className:c=""})=>{const i=e("jkl-label",c,{[`jkl-label--${n}`]:n,"jkl-label--compact":l,"jkl-label--sr-only":o}),u=r?"label":"span";return!r&&s&&(s=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.")),t.createElement(u,{className:i,htmlFor:s},a)},f=({external:l=!1,className:o="",children:a,...r})=>t.createElement("a",n({className:e("jkl-link",o,{"jkl-link--external":l})},r),a),h=({active:l=!1,back:o=!1,className:a,children:r,...s})=>t.createElement("a",n({className:e("jkl-nav-link",{"jkl-nav-link--active":l,"jkl-nav-link--back":o},a)},s),r),k=({children:e,showOnFocus:n})=>t.createElement("span",{className:"jkl-sr-only "+(n?"jkl-sr-only--focusable":"")},e),v=({id:l,helpLabel:o,errorLabel:a,forceCompact:r,className:s,srOnly:c,...i})=>{const u=a||o,m=u?e("jkl-form-support-label",s,{"jkl-form-support-label--compact":r,"jkl-form-support-label--error":a,"jkl-form-support-label--help":!a,"jkl-form-support-label--sr-only":c}):"jkl-dormant-form-support-label",d=u?i:{};return t.createElement("span",n({id:l,className:m},d),t.createElement("svg",{className:"jkl-form-support-label__icon","aria-hidden":!0,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.3588 20.5107L5.64157 20.5107C3.33259 20.5107 1.88917 18.0116 3.04301 16.0116L9.40163 4.98996C10.5561 2.98885 13.4443 2.98885 14.5987 4.98996L20.9574 16.0116C22.1112 18.0116 20.6678 20.5107 18.3588 20.5107ZM12.7515 13.6525L12.7515 7.63131L11.9988 7.63131L11.2462 7.63131L11.2462 13.6525L12.7515 13.6525ZM12.0012 15.0458C11.441 15.0458 10.9868 15.5 10.9868 16.0602C10.9868 16.6205 11.441 17.0747 12.0012 17.0747C12.5615 17.0747 13.0157 16.6205 13.0157 16.0602C13.0157 15.5 12.5615 15.0458 12.0012 15.0458Z",fill:"currentColor"})),a||o)};export{b as Label,f as Link,h as NavLink,k as ScreenReaderOnly,v as SupportLabel,m as breakpoints,d as easings,u as getValuePair,i as initTabListener,p as timings};

build/cjs/index.js

@@ -5,4 +5,4 @@ 'use strict';
 
+var cn = require('classnames');
 var React = require('react');
-var cn = require('classnames');
 var _extends = require('@babel/runtime/helpers/extends');
@@ -12,4 +12,4 @@
 
+var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
@@ -16,0 +16,0 @@

build/components/Label.d.ts

 import { FC } from "react";
+import { LabelVariant } from "../index";
 import { WithChildren } from "../types";
-import { LabelVariant } from "../index";
 export interface LabelProps extends WithChildren {
@@ -5,0 +5,0 @@ variant?: LabelVariant;

build/esm/index.js

@@ -0,3 +1,3 @@
+import cn from 'classnames';
 import React from 'react';
-import cn from 'classnames';
 import _extends from '@babel/runtime/helpers/extends';
@@ -4,0 +4,0 @@

build/esm/index.min.js

@@ -1,1 +0,1 @@
-import e from"react";import t from"classnames";import n from"@babel/runtime/helpers/extends";let l=!1,o=!1,a=!1;const r={mousedown:function(){if(!l&&!a){l=!0,o=!1;const e=document.querySelector("html");null==e||e.setAttribute("data-mousenavigation","true"),null==e||e.removeAttribute("data-touchnavigation"),s(),c("touchstart"),c("keydown")}},keydown:function(e){if("Tab"===e.key){const e=document.querySelector("html");s(),null==e||e.removeAttribute("data-mousenavigation"),null==e||e.removeAttribute("data-touchnavigation"),l=!1,o=!1,c("touchstart"),c("mousedown")}},touchstart:function(){if(!o){l=!1,o=!0;const e=document.querySelector("html");null==e||e.setAttribute("data-touchnavigation","true"),null==e||e.removeAttribute("data-mousenavigation"),s(),c("touchstart"),c("keydown"),c("mousedown")}a=!0,setTimeout((()=>{a=!1}),150)}};function s(){Object.keys(r).forEach((e=>{document.removeEventListener(e,r[e])}))}function c(e){document.addEventListener(e,r[e])}function i(){"undefined"!=typeof document&&(c("touchstart"),c("mousedown"))}function u(e){return"string"==typeof e?{value:e,label:e}:e}const m={medium:680,large:1200,xl:1600},d=Object.freeze({standard:"ease",entrance:"ease-out",exit:"ease-in",easeInBounceOut:"cubic-bezier(0, 0, 0.375, 1.17)"}),p=Object.freeze({energetic:"75ms",productive:"150ms",expressive:"250ms",lazy:"400ms"}),b=({variant:n="small",forceCompact:l,srOnly:o,children:a,standAlone:r,htmlFor:s,className:c=""})=>{const i=t("jkl-label",c,{[`jkl-label--${n}`]:n,"jkl-label--compact":l,"jkl-label--sr-only":o}),u=r?"label":"span";return!r&&s&&(s=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(u,{className:i,htmlFor:s},a)},f=({external:l=!1,className:o="",children:a,...r})=>e.createElement("a",n({className:t("jkl-link",o,{"jkl-link--external":l})},r),a),h=({active:l=!1,back:o=!1,className:a,children:r,...s})=>e.createElement("a",n({className:t("jkl-nav-link",{"jkl-nav-link--active":l,"jkl-nav-link--back":o},a)},s),r),k=({children:t,showOnFocus:n})=>e.createElement("span",{className:"jkl-sr-only "+(n?"jkl-sr-only--focusable":"")},t),v=({id:l,helpLabel:o,errorLabel:a,forceCompact:r,className:s,srOnly:c,...i})=>{const u=a||o,m=u?t("jkl-form-support-label",s,{"jkl-form-support-label--compact":r,"jkl-form-support-label--error":a,"jkl-form-support-label--help":!a,"jkl-form-support-label--sr-only":c}):"jkl-dormant-form-support-label",d=u?i:{};return e.createElement("span",n({id:l,className:m},d),e.createElement("svg",{className:"jkl-form-support-label__icon","aria-hidden":!0,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.3588 20.5107L5.64157 20.5107C3.33259 20.5107 1.88917 18.0116 3.04301 16.0116L9.40163 4.98996C10.5561 2.98885 13.4443 2.98885 14.5987 4.98996L20.9574 16.0116C22.1112 18.0116 20.6678 20.5107 18.3588 20.5107ZM12.7515 13.6525L12.7515 7.63131L11.9988 7.63131L11.2462 7.63131L11.2462 13.6525L12.7515 13.6525ZM12.0012 15.0458C11.441 15.0458 10.9868 15.5 10.9868 16.0602C10.9868 16.6205 11.441 17.0747 12.0012 17.0747C12.5615 17.0747 13.0157 16.6205 13.0157 16.0602C13.0157 15.5 12.5615 15.0458 12.0012 15.0458Z",fill:"currentColor"})),a||o)};export{b as Label,f as Link,h as NavLink,k as ScreenReaderOnly,v as SupportLabel,m as breakpoints,d as easings,u as getValuePair,i as initTabListener,p as timings};
+import e from"classnames";import t from"react";import n from"@babel/runtime/helpers/extends";let l=!1,o=!1,a=!1;const r={mousedown:function(){if(!l&&!a){l=!0,o=!1;const e=document.querySelector("html");null==e||e.setAttribute("data-mousenavigation","true"),null==e||e.removeAttribute("data-touchnavigation"),s(),c("touchstart"),c("keydown")}},keydown:function(e){if("Tab"===e.key){const e=document.querySelector("html");s(),null==e||e.removeAttribute("data-mousenavigation"),null==e||e.removeAttribute("data-touchnavigation"),l=!1,o=!1,c("touchstart"),c("mousedown")}},touchstart:function(){if(!o){l=!1,o=!0;const e=document.querySelector("html");null==e||e.setAttribute("data-touchnavigation","true"),null==e||e.removeAttribute("data-mousenavigation"),s(),c("touchstart"),c("keydown"),c("mousedown")}a=!0,setTimeout((()=>{a=!1}),150)}};function s(){Object.keys(r).forEach((e=>{document.removeEventListener(e,r[e])}))}function c(e){document.addEventListener(e,r[e])}function i(){"undefined"!=typeof document&&(c("touchstart"),c("mousedown"))}function u(e){return"string"==typeof e?{value:e,label:e}:e}const m={medium:680,large:1200,xl:1600},d=Object.freeze({standard:"ease",entrance:"ease-out",exit:"ease-in",easeInBounceOut:"cubic-bezier(0, 0, 0.375, 1.17)"}),p=Object.freeze({energetic:"75ms",productive:"150ms",expressive:"250ms",lazy:"400ms"}),b=({variant:n="small",forceCompact:l,srOnly:o,children:a,standAlone:r,htmlFor:s,className:c=""})=>{const i=e("jkl-label",c,{[`jkl-label--${n}`]:n,"jkl-label--compact":l,"jkl-label--sr-only":o}),u=r?"label":"span";return!r&&s&&(s=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.")),t.createElement(u,{className:i,htmlFor:s},a)},f=({external:l=!1,className:o="",children:a,...r})=>t.createElement("a",n({className:e("jkl-link",o,{"jkl-link--external":l})},r),a),h=({active:l=!1,back:o=!1,className:a,children:r,...s})=>t.createElement("a",n({className:e("jkl-nav-link",{"jkl-nav-link--active":l,"jkl-nav-link--back":o},a)},s),r),k=({children:e,showOnFocus:n})=>t.createElement("span",{className:"jkl-sr-only "+(n?"jkl-sr-only--focusable":"")},e),v=({id:l,helpLabel:o,errorLabel:a,forceCompact:r,className:s,srOnly:c,...i})=>{const u=a||o,m=u?e("jkl-form-support-label",s,{"jkl-form-support-label--compact":r,"jkl-form-support-label--error":a,"jkl-form-support-label--help":!a,"jkl-form-support-label--sr-only":c}):"jkl-dormant-form-support-label",d=u?i:{};return t.createElement("span",n({id:l,className:m},d),t.createElement("svg",{className:"jkl-form-support-label__icon","aria-hidden":!0,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.3588 20.5107L5.64157 20.5107C3.33259 20.5107 1.88917 18.0116 3.04301 16.0116L9.40163 4.98996C10.5561 2.98885 13.4443 2.98885 14.5987 4.98996L20.9574 16.0116C22.1112 18.0116 20.6678 20.5107 18.3588 20.5107ZM12.7515 13.6525L12.7515 7.63131L11.9988 7.63131L11.2462 7.63131L11.2462 13.6525L12.7515 13.6525ZM12.0012 15.0458C11.441 15.0458 10.9868 15.5 10.9868 16.0602C10.9868 16.6205 11.441 17.0747 12.0012 17.0747C12.5615 17.0747 13.0157 16.6205 13.0157 16.0602C13.0157 15.5 12.5615 15.0458 12.0012 15.0458Z",fill:"currentColor"})),a||o)};export{b as Label,f as Link,h as NavLink,k as ScreenReaderOnly,v as SupportLabel,m as breakpoints,d as easings,u as getValuePair,i as initTabListener,p as timings};

package.json

 {
     "name": "@fremtind/jkl-core",
-    "version": "9.7.0",
+    "version": "10.0.0",
     "publishConfig": {
@@ -62,3 +62,3 @@ "access": "public"
     },
-    "gitHead": "bef3e12bbebb1f1fd0e68c3fa88b6a618d418f7a"
+    "gitHead": "a9ef7e7b8b7b04d90cdc9300aced2e68ea341120"
 }

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

107993

decreased by-40.55%

Number of package files

43

decreased by-42.67%

Lines of code

1926

decreased by-53.02%

No dependency changes