@dnb/eufemia 10.2.0 → 10.3.0

package/es/elements/typography/H.js

@@ -5,25 +5,22 @@ import React from 'react';
 import classnames from 'classnames';
 import E from '../Element';
 import { setNextLevel } from '../../components/heading/HeadingHelpers';
-
 const H = _ref => {
   let {
-    as = 'h1',
-    is,
-    level,
-    size = 'xx-large',
-    className
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+      as = 'h1',
+      is,
+      level,
+      size = 'xx-large',
+      className
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   if (level === 'use') {
     setNextLevel(parseFloat(String(as || is).substring(1)));
   }
-
   return React.createElement(E, _extends({
     as: as || is,
     internalClass: classnames(className, size && `dnb-h--${size}`)
   }, props));
 };
-
-export default H;
+export default H;
+//# sourceMappingURL=H.js.map

package/es/elements/typography/H.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"H.js","names":["React","classnames","E","setNextLevel","H","_ref","as","is","level","size","className","props","_objectWithoutProperties","_excluded","parseFloat","String","substring","createElement","_extends","internalClass"],"sources":["../../../../src/elements/typography/H.tsx"],"sourcesContent":["/**\n * HTML Element\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport { SpacingProps } from '../../components/space/types'\nimport E from '../Element'\nimport { setNextLevel } from '../../components/heading/HeadingHelpers'\n\nexport type HSize =\n  | 'xx-large'\n  | 'x-large'\n  | 'large'\n  | 'medium'\n  | 'basis'\n  | 'small'\n  | 'x-small'\n\ntype HProps = SpacingProps &\n  React.HTMLAttributes<HTMLHeadingElement> & {\n    /**\n     * Defines the Element Type, like \"h1\"\n     * Default: h1\n     */\n    as?: string\n    /**\n     * Makes the component use the elements heading level. e.g. h3 will make the component use level 3\n     */\n    level?: 'use'\n    /**\n     * Sets the font size based on headingSize_#{HEADING_SIZE} mixins found in typography-mixins.scss. For more detailed information go here: https://eufemia.dnb.no/uilib/typography/font-size/\n     * Default: xx-large\n     */\n    size?: HSize\n  }\n\nexport type SharedHProps = Omit<HProps, 'as'>\n\nconst H = ({\n  as = 'h1',\n  is,\n  level,\n  size = 'xx-large',\n  className,\n  ...props\n}: HProps) => {\n  if (level === 'use') {\n    setNextLevel(parseFloat(String(as || is).substring(1)))\n  }\n\n  return (\n    <E\n      as={as || is}\n      internalClass={classnames(size && `dnb-h--${size}`, className)}\n      {...props}\n    />\n  )\n}\n\nexport default H\n"],"mappings":";;;AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,CAAC,MAAM,YAAY;AAC1B,SAASC,YAAY,QAAQ,yCAAyC;AA+BtE,MAAMC,CAAC,GAAGC,IAAA,IAOI;EAAA,IAPH;MACTC,EAAE,GAAG,IAAI;MACTC,EAAE;MACFC,KAAK;MACLC,IAAI,GAAG,UAAU;MACjBC;IAEM,CAAC,GAAAL,IAAA;IADJM,KAAK,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA;EAER,IAAIL,KAAK,KAAK,KAAK,EAAE;IACnBL,YAAY,CAACW,UAAU,CAACC,MAAM,CAACT,EAAE,IAAIC,EAAE,CAAC,CAACS,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;EACzD;EAEA,OACEhB,KAAA,CAAAiB,aAAA,CAACf,CAAC,EAAAgB,QAAA;IACAZ,EAAE,EAAEA,EAAE,IAAIC,EAAG;IACbY,aAAa,EAAElB,UAAU,CAA2BS,SAAS,EAAnCD,IAAI,IAAK,UAASA,IAAK,EAAY;EAAE,GAC3DE,KAAK,CACV,CAAC;AAEN,CAAC;AAED,eAAeP,CAAC"}

package/es/elements/typography/H1.js

@@ -3,17 +3,15 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 const _excluded = ["size"];
 import React from 'react';
 import H from './H';
-
 const H1 = _ref => {
   let {
-    size = 'xx-large'
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+      size = 'xx-large'
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   return React.createElement(H, _extends({
     as: "h1",
     size: size
   }, props));
 };
-
-export default H1;
+export default H1;
+//# sourceMappingURL=H1.js.map

package/es/elements/typography/H1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"H1.js","names":["React","H","H1","_ref","size","props","_objectWithoutProperties","_excluded","createElement","_extends","as"],"sources":["../../../../src/elements/typography/H1.tsx"],"sourcesContent":["/**\n * HTML Element\n *\n */\nimport React from 'react'\nimport H from './H'\nimport type { SharedHProps } from './H'\n\nconst H1 = ({ size = 'xx-large', ...props }: SharedHProps) => (\n  <H as=\"h1\" size={size} {...props} />\n)\n\nexport default H1\n"],"mappings":";;;AAIA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,CAAC,MAAM,KAAK;AAGnB,MAAMC,EAAE,GAAGC,IAAA;EAAA,IAAC;MAAEC,IAAI,GAAG;IAAmC,CAAC,GAAAD,IAAA;IAArBE,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EAAA,OACvCP,KAAA,CAAAQ,aAAA,CAACP,CAAC,EAAAQ,QAAA;IAACC,EAAE,EAAC,IAAI;IAACN,IAAI,EAAEA;EAAK,GAAKC,KAAK,CAAG,CAAC;AAAA,CACrC;AAED,eAAeH,EAAE"}

package/es/elements/typography/H2.js

@@ -3,17 +3,15 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 const _excluded = ["size"];
 import React from 'react';
 import H from './H';
-
 const H2 = _ref => {
   let {
-    size = 'large'
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+      size = 'large'
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   return React.createElement(H, _extends({
     as: "h2",
     size: size
   }, props));
 };
-
-export default H2;
+export default H2;
+//# sourceMappingURL=H2.js.map

package/es/elements/typography/H2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"H2.js","names":["React","H","H2","_ref","size","props","_objectWithoutProperties","_excluded","createElement","_extends","as"],"sources":["../../../../src/elements/typography/H2.tsx"],"sourcesContent":["/**\n * HTML Element\n *\n */\nimport React from 'react'\nimport type { SharedHProps } from './H'\nimport H from './H'\n\nconst H2 = ({ size = 'large', ...props }: SharedHProps) => (\n  <H as=\"h2\" size={size} {...props} />\n)\n\nexport default H2\n"],"mappings":";;;AAIA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,CAAC,MAAM,KAAK;AAEnB,MAAMC,EAAE,GAAGC,IAAA;EAAA,IAAC;MAAEC,IAAI,GAAG;IAAgC,CAAC,GAAAD,IAAA;IAArBE,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EAAA,OACpCP,KAAA,CAAAQ,aAAA,CAACP,CAAC,EAAAQ,QAAA;IAACC,EAAE,EAAC,IAAI;IAACN,IAAI,EAAEA;EAAK,GAAKC,KAAK,CAAG,CAAC;AAAA,CACrC;AAED,eAAeH,EAAE"}

package/es/elements/typography/H3.js

@@ -3,17 +3,15 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 const _excluded = ["size"];
 import React from 'react';
 import H from './H';
-
 const H3 = _ref => {
   let {
-    size = 'medium'
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+      size = 'medium'
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   return React.createElement(H, _extends({
     as: "h3",
     size: size
   }, props));
 };
-
-export default H3;
+export default H3;
+//# sourceMappingURL=H3.js.map

package/es/elements/typography/H3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"H3.js","names":["React","H","H3","_ref","size","props","_objectWithoutProperties","_excluded","createElement","_extends","as"],"sources":["../../../../src/elements/typography/H3.tsx"],"sourcesContent":["/**\n * HTML Element\n *\n */\nimport React from 'react'\nimport type { SharedHProps } from './H'\nimport H from './H'\n\nconst H3 = ({ size = 'medium', ...props }: SharedHProps) => (\n  <H as=\"h3\" size={size} {...props} />\n)\n\nexport default H3\n"],"mappings":";;;AAIA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,CAAC,MAAM,KAAK;AAEnB,MAAMC,EAAE,GAAGC,IAAA;EAAA,IAAC;MAAEC,IAAI,GAAG;IAAiC,CAAC,GAAAD,IAAA;IAArBE,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EAAA,OACrCP,KAAA,CAAAQ,aAAA,CAACP,CAAC,EAAAQ,QAAA;IAACC,EAAE,EAAC,IAAI;IAACN,IAAI,EAAEA;EAAK,GAAKC,KAAK,CAAG,CAAC;AAAA,CACrC;AAED,eAAeH,EAAE"}

package/es/elements/typography/H4.js

@@ -3,17 +3,15 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 const _excluded = ["size"];
 import React from 'react';
 import H from './H';
-
 const H4 = _ref => {
   let {
-    size = 'basis'
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+      size = 'basis'
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   return React.createElement(H, _extends({
     as: "h4",
     size: size
   }, props));
 };
-
-export default H4;
+export default H4;
+//# sourceMappingURL=H4.js.map

package/es/elements/typography/H4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"H4.js","names":["React","H","H4","_ref","size","props","_objectWithoutProperties","_excluded","createElement","_extends","as"],"sources":["../../../../src/elements/typography/H4.tsx"],"sourcesContent":["/**\n * HTML Element\n *\n */\nimport React from 'react'\nimport type { SharedHProps } from './H'\nimport H from './H'\n\nconst H4 = ({ size = 'basis', ...props }: SharedHProps) => (\n  <H as=\"h4\" size={size} {...props} />\n)\n\nexport default H4\n"],"mappings":";;;AAIA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,CAAC,MAAM,KAAK;AAEnB,MAAMC,EAAE,GAAGC,IAAA;EAAA,IAAC;MAAEC,IAAI,GAAG;IAAgC,CAAC,GAAAD,IAAA;IAArBE,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EAAA,OACpCP,KAAA,CAAAQ,aAAA,CAACP,CAAC,EAAAQ,QAAA;IAACC,EAAE,EAAC,IAAI;IAACN,IAAI,EAAEA;EAAK,GAAKC,KAAK,CAAG,CAAC;AAAA,CACrC;AAED,eAAeH,EAAE"}

package/es/elements/typography/H5.js

@@ -3,17 +3,15 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 const _excluded = ["size"];
 import React from 'react';
 import H from './H';
-
 const H5 = _ref => {
   let {
-    size = 'small'
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+      size = 'small'
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   return React.createElement(H, _extends({
     as: "h5",
     size: size
   }, props));
 };
-
-export default H5;
+export default H5;
+//# sourceMappingURL=H5.js.map

package/es/elements/typography/H5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"H5.js","names":["React","H","H5","_ref","size","props","_objectWithoutProperties","_excluded","createElement","_extends","as"],"sources":["../../../../src/elements/typography/H5.tsx"],"sourcesContent":["/**\n/**\n * HTML Element\n *\n */\nimport React from 'react'\nimport type { SharedHProps } from './H'\nimport H from './H'\n\nconst H5 = ({ size = 'small', ...props }: SharedHProps) => (\n  <H as=\"h5\" size={size} {...props} />\n)\n\nexport default H5\n"],"mappings":";;;AAKA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,CAAC,MAAM,KAAK;AAEnB,MAAMC,EAAE,GAAGC,IAAA;EAAA,IAAC;MAAEC,IAAI,GAAG;IAAgC,CAAC,GAAAD,IAAA;IAArBE,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EAAA,OACpCP,KAAA,CAAAQ,aAAA,CAACP,CAAC,EAAAQ,QAAA;IAACC,EAAE,EAAC,IAAI;IAACN,IAAI,EAAEA;EAAK,GAAKC,KAAK,CAAG,CAAC;AAAA,CACrC;AAED,eAAeH,EAAE"}

package/es/elements/typography/H6.js

@@ -3,17 +3,15 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 const _excluded = ["size"];
 import React from 'react';
 import H from './H';
-
 const H6 = _ref => {
   let {
-    size = 'x-small'
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+      size = 'x-small'
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   return React.createElement(H, _extends({
     as: "h6",
     size: size
   }, props));
 };
-
-export default H6;
+export default H6;
+//# sourceMappingURL=H6.js.map

package/es/elements/typography/H6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"H6.js","names":["React","H","H6","_ref","size","props","_objectWithoutProperties","_excluded","createElement","_extends","as"],"sources":["../../../../src/elements/typography/H6.tsx"],"sourcesContent":["/**\n * HTML Element\n *\n */\nimport React from 'react'\nimport type { SharedHProps } from './H'\nimport H from './H'\n\nconst H6 = ({ size = 'x-small', ...props }: SharedHProps) => (\n  <H as=\"h6\" size={size} {...props} />\n)\n\nexport default H6\n"],"mappings":";;;AAIA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,CAAC,MAAM,KAAK;AAEnB,MAAMC,EAAE,GAAGC,IAAA;EAAA,IAAC;MAAEC,IAAI,GAAG;IAAkC,CAAC,GAAAD,IAAA;IAArBE,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EAAA,OACtCP,KAAA,CAAAQ,aAAA,CAACP,CAAC,EAAAQ,QAAA;IAACC,EAAE,EAAC,IAAI;IAACN,IAAI,EAAEA;EAAK,GAAKC,KAAK,CAAG,CAAC;AAAA,CACrC;AAED,eAAeH,EAAE"}

package/es/elements/typography/Ingress.js

@@ -1,9 +1,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
 import P from './P';
-
 const Ingress = props => React.createElement(P, _extends({
   medium: true
 }, props));
-
-export default Ingress;
+export default Ingress;
+//# sourceMappingURL=Ingress.js.map

package/es/elements/typography/Ingress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Ingress.js","names":["React","P","Ingress","props","createElement","_extends","medium"],"sources":["../../../../src/elements/typography/Ingress.tsx"],"sourcesContent":["/**\n * HTML Element\n *\n */\nimport React from 'react'\nimport P, { PProps } from './P'\n\nconst Ingress = (props: PProps) => <P medium {...props} />\nexport default Ingress\n"],"mappings":";AAIA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,CAAC,MAAkB,KAAK;AAE/B,MAAMC,OAAO,GAAIC,KAAa,IAAKH,KAAA,CAAAI,aAAA,CAACH,CAAC,EAAAI,QAAA;EAACC,MAAM;AAAA,GAAKH,KAAK,CAAG,CAAC;AAC1D,eAAeD,OAAO"}

package/es/elements/typography/Lead.js

@@ -1,9 +1,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
 import P from './P';
-
 const Lead = props => React.createElement(P, _extends({
   className: "dnb-p--lead"
 }, props));
-
-export default Lead;
+export default Lead;
+//# sourceMappingURL=Lead.js.map

package/es/elements/typography/Lead.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Lead.js","names":["React","P","Lead","props","createElement","_extends","className"],"sources":["../../../../src/elements/typography/Lead.tsx"],"sourcesContent":["/**\n * HTML Element\n *\n */\nimport React from 'react'\nimport P, { PProps } from './P'\n\nconst Lead = (props: PProps) => <P className=\"dnb-p--lead\" {...props} />\nexport default Lead\n"],"mappings":";AAIA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,CAAC,MAAkB,KAAK;AAE/B,MAAMC,IAAI,GAAIC,KAAa,IAAKH,KAAA,CAAAI,aAAA,CAACH,CAAC,EAAAI,QAAA;EAACC,SAAS,EAAC;AAAa,GAAKH,KAAK,CAAG,CAAC;AACxE,eAAeD,IAAI"}

package/es/elements/typography/P.d.ts

@@ -5,8 +5,8 @@
 import React from 'react';
 import { SpacingProps } from '../../components/space/types';
 import { DynamicElement } from '../../shared/types';
-export declare type PSize = 'x-small' | 'small' | 'basis' | 'medium' | 'large' | 'x-large' | 'xx-large';
-export declare type PProps = SpacingProps & React.HTMLAttributes<HTMLParagraphElement> & {
+export type PSize = 'x-small' | 'small' | 'basis' | 'medium' | 'large' | 'x-large' | 'xx-large';
+export type PProps = SpacingProps & React.HTMLAttributes<HTMLParagraphElement> & {
     /**
      * Defines the Element Type, like "p"
      * Default: p

package/es/elements/typography/P.js

@@ -4,29 +4,24 @@ const _excluded = ["modifier", "element", "className", "medium", "bold", "size"]
 import React from 'react';
 import classnames from 'classnames';
 import E from '../Element';
-
 const P = _ref => {
   let {
-    modifier,
-    element = 'p',
-    className,
-    medium,
-    bold,
-    size
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+      modifier,
+      element = 'p',
+      className,
+      medium,
+      bold,
+      size
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   const allModifiers = [medium && 'medium', bold && 'bold'];
-
   if (modifier) {
     modifier.split(/\s/g).forEach(modifier => allModifiers.push(modifier));
   }
-
   const modifierString = allModifiers.filter(Boolean).reduce((acc, cur) => {
     if (['x-small', 'small'].includes(cur)) {
       return `${acc} dnb-p__size--${cur}`;
     }
-
     return `${acc} dnb-p--${cur}`;
   }, '');
   return React.createElement(E, _extends({
@@ -35,5 +30,5 @@ const P = _ref => {
     className: classnames('dnb-p', modifierString, className, size && `dnb-p__size--${size}`)
   }));
 };
-
-export default P;
+export default P;
+//# sourceMappingURL=P.js.map

package/es/elements/typography/P.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"P.js","names":["React","classnames","E","P","_ref","modifier","element","className","medium","bold","size","props","_objectWithoutProperties","_excluded","allModifiers","split","forEach","push","modifierString","filter","Boolean","reduce","acc","cur","includes","createElement","_extends","as"],"sources":["../../../../src/elements/typography/P.tsx"],"sourcesContent":["/**\n * HTML Element\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport { SpacingProps } from '../../components/space/types'\nimport { DynamicElement } from '../../shared/types'\nimport E from '../Element'\n\nexport type PSize =\n  | 'x-small'\n  | 'small'\n  | 'basis'\n  | 'medium'\n  | 'large'\n  | 'x-large'\n  | 'xx-large'\n\nexport type PProps = SpacingProps &\n  React.HTMLAttributes<HTMLParagraphElement> & {\n    /**\n     * Defines the Element Type, like \"p\"\n     * Default: p\n     */\n    element?: DynamicElement & 'p'\n    /**\n     * Tells the component to use the medium font-weight styling dnb-p--medium defined in paragraphStyle - typography-mixins.scss. Find more details here https://eufemia.dnb.no/uilib/typography/font-weight/\n     */\n    medium?: boolean\n    /**\n     * Tells the component to use the bold font-weight styling dnb-p--bold defined in paragraphStyle - typography-mixins.scss. Find more details here https://eufemia.dnb.no/uilib/typography/font-weight/\n     */\n    bold?: boolean\n    /**\n     * Sets the font size based on size classes defined in paragraphStyle - typography-mixins.scss. For more detailed information go here: https://eufemia.dnb.no/uilib/typography/font-size/\n     */\n    size?: PSize\n    /**\n     * A string containing a combination of modifiers, used to set both font-size and weight in one property. e.g. \"x-small bold\" would make the paragraph extra small and bold.\n     * Works as a flexible alternative to setting the medium, small, bold and size props.\n     * List of modifiers can be found at https://eufemia.dnb.no/uilib/typography/font-size/ and https://eufemia.dnb.no/uilib/typography/font-weight/\n     */\n    modifier?: string\n  }\n\nconst P = ({\n  modifier,\n  element = 'p',\n  className,\n  medium,\n  bold,\n  size,\n  ...props\n}: PProps) => {\n  const allModifiers = [medium && 'medium', bold && 'bold']\n\n  if (modifier) {\n    modifier\n      .split(/\\s/g)\n      .forEach((modifier) => allModifiers.push(modifier))\n  }\n\n  const modifierString = allModifiers\n    .filter(Boolean)\n    .reduce((acc, cur) => {\n      if (['x-small', 'small'].includes(cur)) {\n        return `${acc} dnb-p__size--${cur}`\n      }\n\n      return `${acc} dnb-p--${cur}`\n    }, '')\n\n  return (\n    <E\n      as={element}\n      {...props}\n      className={classnames(\n        'dnb-p',\n        modifierString,\n        className,\n        size && `dnb-p__size--${size}`\n      )}\n    />\n  )\n}\n\nexport default P\n"],"mappings":";;;AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AAGnC,OAAOC,CAAC,MAAM,YAAY;AAsC1B,MAAMC,CAAC,GAAGC,IAAA,IAQI;EAAA,IARH;MACTC,QAAQ;MACRC,OAAO,GAAG,GAAG;MACbC,SAAS;MACTC,MAAM;MACNC,IAAI;MACJC;IAEM,CAAC,GAAAN,IAAA;IADJO,KAAK,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAER,MAAMC,YAAY,GAAG,CAACN,MAAM,IAAI,QAAQ,EAAEC,IAAI,IAAI,MAAM,CAAC;EAEzD,IAAIJ,QAAQ,EAAE;IACZA,QAAQ,CACLU,KAAK,CAAC,KAAK,CAAC,CACZC,OAAO,CAAEX,QAAQ,IAAKS,YAAY,CAACG,IAAI,CAACZ,QAAQ,CAAC,CAAC;EACvD;EAEA,MAAMa,cAAc,GAAGJ,YAAY,CAChCK,MAAM,CAACC,OAAO,CAAC,CACfC,MAAM,CAAC,CAACC,GAAG,EAAEC,GAAG,KAAK;IACpB,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,CAACC,QAAQ,CAACD,GAAG,CAAC,EAAE;MACtC,OAAQ,GAAED,GAAI,iBAAgBC,GAAI,EAAC;IACrC;IAEA,OAAQ,GAAED,GAAI,WAAUC,GAAI,EAAC;EAC/B,CAAC,EAAE,EAAE,CAAC;EAER,OACEvB,KAAA,CAAAyB,aAAA,CAACvB,CAAC,EAAAwB,QAAA;IACAC,EAAE,EAAErB;EAAQ,GACRK,KAAK;IACTJ,SAAS,EAAEN,UAAU,CACnB,OAAO,EACPiB,cAAc,EACdX,SAAS,EACTG,IAAI,IAAK,gBAAeA,IAAK,EAC/B;EAAE,EACH,CAAC;AAEN,CAAC;AAED,eAAeP,CAAC"}

package/es/elements/typography/Paragraph.js

@@ -1,6 +1,5 @@
 import React from 'react';
 import P from './P';
-
 const Paragraph = props => React.createElement(P, props);
-
-export default Paragraph;
+export default Paragraph;
+//# sourceMappingURL=Paragraph.js.map

package/es/elements/typography/Paragraph.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Paragraph.js","names":["React","P","Paragraph","props","createElement"],"sources":["../../../../src/elements/typography/Paragraph.tsx"],"sourcesContent":["/**\n * HTML Element\n *\n */\nimport React from 'react'\nimport P, { PProps } from './P'\n\nconst Paragraph = (props: PProps) => <P {...props} />\nexport default Paragraph\n"],"mappings":"AAIA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,CAAC,MAAkB,KAAK;AAE/B,MAAMC,SAAS,GAAIC,KAAa,IAAKH,KAAA,CAAAI,aAAA,CAACH,CAAC,EAAKE,KAAQ,CAAC;AACrD,eAAeD,SAAS"}

package/es/elements/typography/style/dnb-typography.scss

@@ -6,6 +6,69 @@
 @use '../../../style/elements/ui-spacing.scss';
 @import './typography-mixins.scss';
 
+@include typographySelectors() {
+  --typography-h-default-font-family: var(--font-family-default);
+  --typography-h-default-font-weight: var(--font-weight-medium);
+
+  // Heading xx-large
+  --typography-h-xx-large-font-size: var(--font-size-xx-large);
+  --typography-h-xx-large-line-height: var(--line-height-xx-large);
+  --typography-h-xx-large-small-font-size: var(--font-size-x-large);
+  --typography-h-xx-large-small-line-height: var(--line-height-x-large);
+  --typography-h-xx-large-weight: var(--font-weight-medium);
+
+  // Heading x-large
+  --typography-h-x-large-font-size: var(--font-size-x-large);
+  --typography-h-x-large-line-height: var(--line-height-x-large);
+  --typography-h-x-large-small-font-size: var(--font-size-large);
+  --typography-h-x-large-small-line-height: var(--line-height-large);
+  --typography-h-x-large-weight: var(--font-weight-medium);
+
+  // Heading large
+  --typography-h-large-font-size: var(--font-size-large);
+  --typography-h-large-line-height: var(--line-height-large);
+  --typography-h-large-small-font-size: var(--font-size-medium);
+  --typography-h-large-small-line-height: var(--line-height-medium);
+  --typography-h-large-weight: var(--font-weight-medium);
+
+  // Lead
+  --typography-lead-font-size: var(--font-size-lead);
+  --typography-lead-line-height: var(--line-height-lead);
+  --typography-lead-small-font-size: var(--font-size-lead);
+  --typography-lead-small-line-height: var(--line-height-lead);
+  --typography-lead-weight: var(--font-weight-medium);
+
+  // Heading medium
+  --typography-h-medium-font-size: var(--font-size-medium);
+  --typography-h-medium-line-height: var(--line-height-medium);
+  --typography-h-medium-small-font-size: var(--font-size-basis);
+  --typography-h-medium-small-line-height: var(--line-height-basis);
+  --typography-h-medium-weight: var(--font-weight-medium);
+
+  // Heading basis
+  --typography-h-basis-font-size: var(--font-size-basis);
+  --typography-h-basis-line-height: var(--line-height-basis);
+  --typography-h-basis-small-font-size: var(--font-size-small);
+  --typography-h-basis-small-line-height: var(--line-height-small);
+  --typography-h-basis-weight: var(--font-weight-medium);
+
+  // Heading small
+  --typography-h-small-font-size: var(--font-size-small);
+  --typography-h-small-line-height: var(--line-height-small);
+  --typography-h-small-small-font-size: var(--font-size-x-small);
+  --typography-h-small-small-line-height: var(--line-height-x-small);
+  --typography-h-small-weight: var(--font-weight-medium);
+
+  // Heading x-small
+  --typography-h-x-small-font-size: var(--font-size-x-small);
+  --typography-h-x-small-line-height: var(--line-height-x-small);
+  --typography-h-x-small-weight: var(--font-weight-medium);
+}
+
+@include headingClasses() {
+  @include headingDefaults();
+}
+
 .dnb-small {
   font-size: var(--font-size-small);
 }
@@ -48,11 +111,12 @@ sub {
   @include headingSize_large();
 }
 
-/* dnb-h--medium looks the same as .dnb-lead */
-.dnb-lead,
+.dnb-lead {
+  @include typography_lead();
+}
+
 .dnb-h--medium {
   @include headingSize_medium();
-  font-weight: var(--font-weight-medium);
 }
 
 // The rest of the Headings are nod defned by the Eufemia Typography
@@ -68,27 +132,6 @@ sub {
   @include headingSize_x-small();
 }
 
-// Headings
-.dnb-lead,
-.dnb-h--xx-large,
-.dnb-h--x-large,
-.dnb-h--large,
-.dnb-h--medium,
-.dnb-h--basis,
-.dnb-h--small,
-.dnb-h--x-small,
-// make exception on headings which are inside of dnb-core-style
-.dnb-core-style .dnb-lead,
-.dnb-core-style .dnb-h--xx-large,
-.dnb-core-style .dnb-h--x-large,
-.dnb-core-style .dnb-h--large,
-.dnb-core-style .dnb-h--medium,
-.dnb-core-style .dnb-h--basis,
-.dnb-core-style .dnb-h--small,
-.dnb-core-style .dnb-h--x-small {
-  @include headingDefaults();
-}
-
 // Spacing
 .dnb-spacing {
   .dnb-h--xx-large,

package/es/elements/typography/style/themes/dnb-typography-theme-eiendom.scss

@@ -0,0 +1,11 @@
+@use '../typography-mixins.scss' as typography;
+
+@include typography.typographySelectors() {
+  --typography-h-xx-large-weight: var(--font-weight-regular);
+  --typography-h-x-large-weight: var(--font-weight-regular);
+  --typography-h-large-weight: var(--font-weight-regular);
+  --typography-h-medium-weight: var(--font-weight-regular);
+  --typography-h-basis-weight: var(--font-weight-regular);
+  --typography-h-small-weight: var(--font-weight-regular);
+  --typography-h-x-small-weight: var(--font-weight-regular);
+}

package/es/elements/typography/style/themes/dnb-typography-theme-sbanken.scss

@@ -14,3 +14,14 @@
 @include typography.headingClasses() {
   color: var(--sb-color-text);
 }
+
+@include typography.typographySelectors() {
+  --typography-h-default-font-family: var(--sb-font-family-headings);
+  --typography-h-xx-large-weight: var(--font-weight-regular);
+  --typography-h-x-large-weight: var(--font-weight-regular);
+  --typography-h-large-weight: var(--font-weight-regular);
+  --typography-lead-weight: var(--font-weight-regular);
+  --typography-h-medium-weight: var(--font-weight-regular);
+  --typography-h-basis-weight: var(--font-weight-regular);
+  --typography-h-small-weight: var(--font-weight-regular);
+}

package/es/elements/typography/style/themes/dnb-typography-theme-ui.scss

@@ -14,6 +14,20 @@
   color: var(--theme-color-black-80, currentColor);
 }
 
+@include typography.typographySelectors() {
+  --typography-h-xx-large-small-line-height: var(--line-height-large);
+  --typography-h-x-large-line-height: var(--line-height-large);
+  --typography-h-x-large-small-font-size: var(--font-size-x-large);
+  --typography-h-large-line-height: var(--line-height-medium);
+  --typography-h-large-small-line-height: calc(
+    var(--line-height-medium) - 0.125rem
+  );
+  --typography-lead-small-font-size: var(--font-size-basis);
+  --typography-lead-small-line-height: var(--line-height-basis);
+  --typography-h-medium-line-height: var(--line-height-lead);
+  --typography-h-small-small-line-height: var(--line-height-small);
+}
+
 $useClasses: true !default;
 @if $useClasses {
   .dnb-p {