Socket
Socket
Sign inDemoInstall

@fremtind/jkl-typography-react

Package Overview
Dependencies
Maintainers
2
Versions
91
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@fremtind/jkl-typography-react - npm Package Compare versions

Comparing version 2.5.7 to 2.5.8

7

build/browser/index.js

@@ -7,2 +7,4 @@ import _extends from '@babel/runtime/helpers/extends';

var _excluded$1 = ["children", "className"];
function makeTypographyComponent(variant, textStyle, modifier) {

@@ -12,3 +14,3 @@ return function typography(_ref) {

className = _ref.className,
rest = _objectWithoutProperties(_ref, ["children", "className"]);
rest = _objectWithoutProperties(_ref, _excluded$1);

@@ -40,2 +42,3 @@ var tagName = (modifier || variant).replace(/^\w/, function (c) {

var _excluded = ["negative", "external", "children", "className"];
var warningHasBeenShown$2 = false;

@@ -50,3 +53,3 @@ var Link = function Link(_ref) {

className = _ref$className === void 0 ? "" : _ref$className,
rest = _objectWithoutProperties(_ref, ["negative", "external", "children", "className"]);
rest = _objectWithoutProperties(_ref, _excluded);

@@ -53,0 +56,0 @@ if (process.env.NODE_ENV !== "production" && !warningHasBeenShown$2) {

@@ -1,1 +0,1 @@

import e from"@babel/runtime/helpers/extends";import o from"@babel/runtime/helpers/objectWithoutProperties";import n from"react";import l from"classnames";import r from"@babel/runtime/helpers/defineProperty";function t(l,r,t){return function(a){var s=a.children,i=a.className,c=o(a,["children","className"]),p=(t||l).replace(/^\w/,(function(e){return e.toUpperCase()}));"development"===process.env.NODE_ENV&&console.warn('ATTENTION! The typographic components in jkl-core, like "'.concat(p,'", are deprecated. Please stop using them and start using typographic CSS classes or the jkl-text-style Sass mixin instead. Refer to the documentation for more info.'));var m=l;return n.createElement(m,e({className:"".concat(r," ").concat(i||"")},c),s)}}var a=t("h1","jkl-title-large"),s=t("h2","jkl-title-small"),i=t("h3","jkl-heading-large"),c=t("h4","jkl-heading-medium"),p=t("h5","jkl-heading-small"),m=t("p","jkl-lead","lead"),d=t("p","jkl-body","body"),u=t("p","jkl-small","small"),h=t("p","jkl-micro","micro"),f=!1,k=function(r){var t=r.negative,a=void 0!==t&&t,s=r.external,i=void 0!==s&&s,c=r.children,p=r.className,m=void 0===p?"":p,d=o(r,["negative","external","children","className"]);return"production"===process.env.NODE_ENV||f||(console.warn("WARNING: This version of the Link component is deprecated! Please use the Link component found in @fremtind/jkl-core instead"),f=!0),n.createElement("a",e({className:l("jkl-link",m,{"jkl-link--negative":a,"jkl-link--external":i})},d),c)},b=!1,N=function(e){var o=e.id,r=e.helpLabel,t=e.errorLabel,a=e.forceCompact,s=e.className,i=e.srOnly,c=e.inverted,p=l("jkl-form-support-label",s,{"jkl-form-support-label--compact":a,"jkl-form-support-label--error":t,"jkl-form-support-label--help":!t,"jkl-form-support-label--sr-only":i,"jkl-form-support-label--inverted":c});return"production"===process.env.NODE_ENV||b||(console.warn("WARNING: This version of the SupportLabel component is deprecated! Please use the SupportLabel component found in @fremtind/jkl-core instead"),b=!0),t||r?n.createElement("span",{id:o,className:p},t||r):null},j=!1;function v(e){var o,t=e.variant,a=void 0===t?"medium":t,s=e.forceCompact,i=e.srOnly,c=e.children,p=e.standAlone,m=e.htmlFor,d=l("jkl-label",(r(o={},"jkl-label--".concat(a),a),r(o,"jkl-label--compact",s),r(o,"jkl-label--sr-only",i),o)),u=p?"label":"span";return!p&&m&&(m=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.")),"production"===process.env.NODE_ENV||j||(console.warn("WARNING: This version of the Label component is deprecated! Please use the Label component found in @fremtind/jkl-core instead"),j=!0),n.createElement(u,{className:d,htmlFor:m},c)}export{d as Body,a as H1,s as H2,i as H3,c as H4,p as H5,v as Label,m as Lead,k as Link,h as Micro,u as Small,N as SupportLabel};
import e from"@babel/runtime/helpers/extends";import o from"@babel/runtime/helpers/objectWithoutProperties";import n from"react";import l from"classnames";import r from"@babel/runtime/helpers/defineProperty";var t=["children","className"];function a(l,r,a){return function(s){var i=s.children,c=s.className,p=o(s,t),m=(a||l).replace(/^\w/,(function(e){return e.toUpperCase()}));"development"===process.env.NODE_ENV&&console.warn('ATTENTION! The typographic components in jkl-core, like "'.concat(m,'", are deprecated. Please stop using them and start using typographic CSS classes or the jkl-text-style Sass mixin instead. Refer to the documentation for more info.'));var d=l;return n.createElement(d,e({className:"".concat(r," ").concat(c||"")},p),i)}}var s=a("h1","jkl-title-large"),i=a("h2","jkl-title-small"),c=a("h3","jkl-heading-large"),p=a("h4","jkl-heading-medium"),m=a("h5","jkl-heading-small"),d=a("p","jkl-lead","lead"),u=a("p","jkl-body","body"),h=a("p","jkl-small","small"),f=a("p","jkl-micro","micro"),k=["negative","external","children","className"],b=!1,N=function(r){var t=r.negative,a=void 0!==t&&t,s=r.external,i=void 0!==s&&s,c=r.children,p=r.className,m=void 0===p?"":p,d=o(r,k);return"production"===process.env.NODE_ENV||b||(console.warn("WARNING: This version of the Link component is deprecated! Please use the Link component found in @fremtind/jkl-core instead"),b=!0),n.createElement("a",e({className:l("jkl-link",m,{"jkl-link--negative":a,"jkl-link--external":i})},d),c)},j=!1,v=function(e){var o=e.id,r=e.helpLabel,t=e.errorLabel,a=e.forceCompact,s=e.className,i=e.srOnly,c=e.inverted,p=l("jkl-form-support-label",s,{"jkl-form-support-label--compact":a,"jkl-form-support-label--error":t,"jkl-form-support-label--help":!t,"jkl-form-support-label--sr-only":i,"jkl-form-support-label--inverted":c});return"production"===process.env.NODE_ENV||j||(console.warn("WARNING: This version of the SupportLabel component is deprecated! Please use the SupportLabel component found in @fremtind/jkl-core instead"),j=!0),t||r?n.createElement("span",{id:o,className:p},t||r):null},E=!1;function g(e){var o,t=e.variant,a=void 0===t?"medium":t,s=e.forceCompact,i=e.srOnly,c=e.children,p=e.standAlone,m=e.htmlFor,d=l("jkl-label",(r(o={},"jkl-label--".concat(a),a),r(o,"jkl-label--compact",s),r(o,"jkl-label--sr-only",i),o)),u=p?"label":"span";return!p&&m&&(m=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.")),"production"===process.env.NODE_ENV||E||(console.warn("WARNING: This version of the Label component is deprecated! Please use the Label component found in @fremtind/jkl-core instead"),E=!0),n.createElement(u,{className:d,htmlFor:m},c)}export{u as Body,s as H1,i as H2,c as H3,p as H4,m as H5,g as Label,d as Lead,N as Link,f as Micro,h as Small,v as SupportLabel};

@@ -19,2 +19,4 @@ 'use strict';

var _excluded$1 = ["children", "className"];
function makeTypographyComponent(variant, textStyle, modifier) {

@@ -24,3 +26,3 @@ return function typography(_ref) {

className = _ref.className,
rest = _objectWithoutProperties__default['default'](_ref, ["children", "className"]);
rest = _objectWithoutProperties__default['default'](_ref, _excluded$1);

@@ -52,2 +54,3 @@ var tagName = (modifier || variant).replace(/^\w/, function (c) {

var _excluded = ["negative", "external", "children", "className"];
var warningHasBeenShown$2 = false;

@@ -62,3 +65,3 @@ var Link = function Link(_ref) {

className = _ref$className === void 0 ? "" : _ref$className,
rest = _objectWithoutProperties__default['default'](_ref, ["negative", "external", "children", "className"]);
rest = _objectWithoutProperties__default['default'](_ref, _excluded);

@@ -65,0 +68,0 @@ if (process.env.NODE_ENV !== "production" && !warningHasBeenShown$2) {

@@ -7,2 +7,4 @@ import _extends from '@babel/runtime/helpers/extends';

var _excluded$1 = ["children", "className"];
function makeTypographyComponent(variant, textStyle, modifier) {

@@ -12,3 +14,3 @@ return function typography(_ref) {

className = _ref.className,
rest = _objectWithoutProperties(_ref, ["children", "className"]);
rest = _objectWithoutProperties(_ref, _excluded$1);

@@ -40,2 +42,3 @@ var tagName = (modifier || variant).replace(/^\w/, function (c) {

var _excluded = ["negative", "external", "children", "className"];
var warningHasBeenShown$2 = false;

@@ -50,3 +53,3 @@ var Link = function Link(_ref) {

className = _ref$className === void 0 ? "" : _ref$className,
rest = _objectWithoutProperties(_ref, ["negative", "external", "children", "className"]);
rest = _objectWithoutProperties(_ref, _excluded);

@@ -53,0 +56,0 @@ if (process.env.NODE_ENV !== "production" && !warningHasBeenShown$2) {

@@ -1,1 +0,1 @@

import e from"@babel/runtime/helpers/extends";import o from"@babel/runtime/helpers/objectWithoutProperties";import n from"react";import l from"classnames";import r from"@babel/runtime/helpers/defineProperty";function t(l,r,t){return function(a){var s=a.children,i=a.className,c=o(a,["children","className"]),p=(t||l).replace(/^\w/,(function(e){return e.toUpperCase()}));"development"===process.env.NODE_ENV&&console.warn('ATTENTION! The typographic components in jkl-core, like "'.concat(p,'", are deprecated. Please stop using them and start using typographic CSS classes or the jkl-text-style Sass mixin instead. Refer to the documentation for more info.'));var m=l;return n.createElement(m,e({className:"".concat(r," ").concat(i||"")},c),s)}}var a=t("h1","jkl-title-large"),s=t("h2","jkl-title-small"),i=t("h3","jkl-heading-large"),c=t("h4","jkl-heading-medium"),p=t("h5","jkl-heading-small"),m=t("p","jkl-lead","lead"),d=t("p","jkl-body","body"),u=t("p","jkl-small","small"),h=t("p","jkl-micro","micro"),f=!1,k=function(r){var t=r.negative,a=void 0!==t&&t,s=r.external,i=void 0!==s&&s,c=r.children,p=r.className,m=void 0===p?"":p,d=o(r,["negative","external","children","className"]);return"production"===process.env.NODE_ENV||f||(console.warn("WARNING: This version of the Link component is deprecated! Please use the Link component found in @fremtind/jkl-core instead"),f=!0),n.createElement("a",e({className:l("jkl-link",m,{"jkl-link--negative":a,"jkl-link--external":i})},d),c)},b=!1,N=function(e){var o=e.id,r=e.helpLabel,t=e.errorLabel,a=e.forceCompact,s=e.className,i=e.srOnly,c=e.inverted,p=l("jkl-form-support-label",s,{"jkl-form-support-label--compact":a,"jkl-form-support-label--error":t,"jkl-form-support-label--help":!t,"jkl-form-support-label--sr-only":i,"jkl-form-support-label--inverted":c});return"production"===process.env.NODE_ENV||b||(console.warn("WARNING: This version of the SupportLabel component is deprecated! Please use the SupportLabel component found in @fremtind/jkl-core instead"),b=!0),t||r?n.createElement("span",{id:o,className:p},t||r):null},j=!1;function v(e){var o,t=e.variant,a=void 0===t?"medium":t,s=e.forceCompact,i=e.srOnly,c=e.children,p=e.standAlone,m=e.htmlFor,d=l("jkl-label",(r(o={},"jkl-label--".concat(a),a),r(o,"jkl-label--compact",s),r(o,"jkl-label--sr-only",i),o)),u=p?"label":"span";return!p&&m&&(m=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.")),"production"===process.env.NODE_ENV||j||(console.warn("WARNING: This version of the Label component is deprecated! Please use the Label component found in @fremtind/jkl-core instead"),j=!0),n.createElement(u,{className:d,htmlFor:m},c)}export{d as Body,a as H1,s as H2,i as H3,c as H4,p as H5,v as Label,m as Lead,k as Link,h as Micro,u as Small,N as SupportLabel};
import e from"@babel/runtime/helpers/extends";import o from"@babel/runtime/helpers/objectWithoutProperties";import n from"react";import l from"classnames";import r from"@babel/runtime/helpers/defineProperty";var t=["children","className"];function a(l,r,a){return function(s){var i=s.children,c=s.className,p=o(s,t),m=(a||l).replace(/^\w/,(function(e){return e.toUpperCase()}));"development"===process.env.NODE_ENV&&console.warn('ATTENTION! The typographic components in jkl-core, like "'.concat(m,'", are deprecated. Please stop using them and start using typographic CSS classes or the jkl-text-style Sass mixin instead. Refer to the documentation for more info.'));var d=l;return n.createElement(d,e({className:"".concat(r," ").concat(c||"")},p),i)}}var s=a("h1","jkl-title-large"),i=a("h2","jkl-title-small"),c=a("h3","jkl-heading-large"),p=a("h4","jkl-heading-medium"),m=a("h5","jkl-heading-small"),d=a("p","jkl-lead","lead"),u=a("p","jkl-body","body"),h=a("p","jkl-small","small"),f=a("p","jkl-micro","micro"),k=["negative","external","children","className"],b=!1,N=function(r){var t=r.negative,a=void 0!==t&&t,s=r.external,i=void 0!==s&&s,c=r.children,p=r.className,m=void 0===p?"":p,d=o(r,k);return"production"===process.env.NODE_ENV||b||(console.warn("WARNING: This version of the Link component is deprecated! Please use the Link component found in @fremtind/jkl-core instead"),b=!0),n.createElement("a",e({className:l("jkl-link",m,{"jkl-link--negative":a,"jkl-link--external":i})},d),c)},j=!1,v=function(e){var o=e.id,r=e.helpLabel,t=e.errorLabel,a=e.forceCompact,s=e.className,i=e.srOnly,c=e.inverted,p=l("jkl-form-support-label",s,{"jkl-form-support-label--compact":a,"jkl-form-support-label--error":t,"jkl-form-support-label--help":!t,"jkl-form-support-label--sr-only":i,"jkl-form-support-label--inverted":c});return"production"===process.env.NODE_ENV||j||(console.warn("WARNING: This version of the SupportLabel component is deprecated! Please use the SupportLabel component found in @fremtind/jkl-core instead"),j=!0),t||r?n.createElement("span",{id:o,className:p},t||r):null},E=!1;function g(e){var o,t=e.variant,a=void 0===t?"medium":t,s=e.forceCompact,i=e.srOnly,c=e.children,p=e.standAlone,m=e.htmlFor,d=l("jkl-label",(r(o={},"jkl-label--".concat(a),a),r(o,"jkl-label--compact",s),r(o,"jkl-label--sr-only",i),o)),u=p?"label":"span";return!p&&m&&(m=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.")),"production"===process.env.NODE_ENV||E||(console.warn("WARNING: This version of the Label component is deprecated! Please use the Label component found in @fremtind/jkl-core instead"),E=!0),n.createElement(u,{className:d,htmlFor:m},c)}export{u as Body,s as H1,i as H2,c as H3,p as H4,m as H5,g as Label,d as Lead,N as Link,f as Micro,h as Small,v as SupportLabel};
{
"name": "@fremtind/jkl-typography-react",
"version": "2.5.7",
"version": "2.5.8",
"publishConfig": {

@@ -41,3 +41,3 @@ "access": "public"

"@babel/runtime": "^7.9.0",
"@fremtind/jkl-core": "^5.0.0",
"@fremtind/jkl-core": "^5.0.1",
"classnames": "^2.2.6"

@@ -58,3 +58,3 @@ },

},
"gitHead": "124f154dba76d6192c15327c47a34346230928c4"
"gitHead": "8f3b1418eec3b83f6c047805a3fb9321c2202f42"
}
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc