@dnb/eufemia 10.55.1 → 10.57.0

package/es/core/jest/jestSetupScreenshots.css

@@ -35,9 +35,19 @@ html {
   background: #fff;
 }
 
+[data-visual-test]:has(
+    .dnb-section[style*='--outset--medium: 1'],
+    .dnb-section[style*='--outset--large: 1']
+  ) {
+  @media (min-width: 40em) {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+  }
+}
+
 /**
 * Hide "Preparing requested page" popup
 */
 gatsby-qod {
   opacity: 0;
-}
+}

package/es/elements/ElementDocs.d.ts

@@ -1,2 +1,3 @@
 import { PropertiesTableProps } from '../shared/types';
+export declare const ElementPropertiesWithoutSkeleton: PropertiesTableProps;
 export declare const ElementProperties: PropertiesTableProps;

package/es/elements/ElementDocs.js

@@ -1,14 +1,7 @@
-export const ElementProperties = {
-  skeleton: {
-    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',
-    type: 'boolean',
-    status: 'optional'
-  },
-  skeletonMethod: {
-    doc: 'Can be `shape`, `font` or `form`. Defaults to `font`.',
-    type: 'string',
-    status: 'optional'
-  },
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+export const ElementPropertiesWithoutSkeleton = {
   innerRef: {
     doc: 'Send along a custom React Ref.',
     type: 'React.RefObject',
@@ -25,4 +18,16 @@ export const ElementProperties = {
     status: 'optional'
   }
 };
+export const ElementProperties = _objectSpread(_objectSpread({}, ElementPropertiesWithoutSkeleton), {}, {
+  skeleton: {
+    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  skeletonMethod: {
+    doc: 'Can be `shape`, `font` or `form`. Defaults to `font`.',
+    type: 'string',
+    status: 'optional'
+  }
+});
 //# sourceMappingURL=ElementDocs.js.map

package/es/elements/ElementDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ElementDocs.js","names":["ElementProperties","skeleton","doc","type","status","skeletonMethod","innerRef","children"],"sources":["../../../src/elements/ElementDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../shared/types'\n\nexport const ElementProperties: PropertiesTableProps = {\n  skeleton: {\n    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  skeletonMethod: {\n    doc: 'Can be `shape`, `font` or `form`. Defaults to `font`.',\n    type: 'string',\n    status: 'optional',\n  },\n  innerRef: {\n    doc: 'Send along a custom React Ref.',\n    type: 'React.RefObject',\n    status: 'optional',\n  },\n  children: {\n    doc: 'Contents.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,iBAAuC,GAAG;EACrDC,QAAQ,EAAE;IACRC,GAAG,EAAE,wEAAwE;IAC7EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDC,cAAc,EAAE;IACdH,GAAG,EAAE,uDAAuD;IAC5DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,QAAQ,EAAE;IACRJ,GAAG,EAAE,gCAAgC;IACrCC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDG,QAAQ,EAAE;IACRL,GAAG,EAAE,WAAW;IAChBC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC"}
+{"version":3,"file":"ElementDocs.js","names":["ElementPropertiesWithoutSkeleton","innerRef","doc","type","status","children","ElementProperties","_objectSpread","skeleton","skeletonMethod"],"sources":["../../../src/elements/ElementDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../shared/types'\n\nexport const ElementPropertiesWithoutSkeleton: PropertiesTableProps = {\n  innerRef: {\n    doc: 'Send along a custom React Ref.',\n    type: 'React.RefObject',\n    status: 'optional',\n  },\n  children: {\n    doc: 'Contents.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n\nexport const ElementProperties: PropertiesTableProps = {\n  ...ElementPropertiesWithoutSkeleton,\n  skeleton: {\n    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  skeletonMethod: {\n    doc: 'Can be `shape`, `font` or `form`. Defaults to `font`.',\n    type: 'string',\n    status: 'optional',\n  },\n}\n"],"mappings":";;;AAEA,OAAO,MAAMA,gCAAsD,GAAG;EACpEC,QAAQ,EAAE;IACRC,GAAG,EAAE,gCAAgC;IACrCC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDC,QAAQ,EAAE;IACRH,GAAG,EAAE,WAAW;IAChBC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC;AAED,OAAO,MAAME,iBAAuC,GAAAC,aAAA,CAAAA,aAAA,KAC/CP,gCAAgC;EACnCQ,QAAQ,EAAE;IACRN,GAAG,EAAE,wEAAwE;IAC7EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDK,cAAc,EAAE;IACdP,GAAG,EAAE,uDAAuD;IAC5DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV;AAAC,EACF"}

package/es/elements/lib.d.ts

@@ -142,19 +142,16 @@ export declare const getElements: () => {
         ({ className, ...rest }: import("./P").PProps): import("react/jsx-runtime").JSX.Element;
         _supportsSpacingProps: boolean;
     };
-    Li: ({ className, ...p }?: import("./Li").LiAllProps) => import("react/jsx-runtime").JSX.Element;
+    Li: ({ className, ...props }?: import("./Li").LiAllProps) => import("react/jsx-runtime").JSX.Element;
     Link: import("react").ForwardRefExoticComponent<import("../components/Anchor").AnchorProps & Omit<import("react").HTMLProps<HTMLAnchorElement>, "ref"> & import("../shared/types").SpacingElementProps & {
         space?: import("../shared/types").SpaceTypeAll;
         innerSpace?: import("../shared/types").SpaceTypeAll | import("../shared/types").SpaceTypeMedia;
     } & import("react").RefAttributes<HTMLAnchorElement>>;
     Ol: {
-        ({ nested, inside, outside, ...p }?: import("./Ol").OlAllProps): import("react/jsx-runtime").JSX.Element;
-        _supportsSpacingProps: boolean;
-    };
-    P: {
-        ({ modifier, element, className, medium, bold, size, ...props }: import("./P").PProps): import("react/jsx-runtime").JSX.Element;
+        ({ nested, inside, outside, ...props }?: import("./Ol").OlAllProps): import("react/jsx-runtime").JSX.Element;
         _supportsSpacingProps: boolean;
     };
+    P: typeof P;
     Paragraph: {
         (props: import("./P").PProps): import("react/jsx-runtime").JSX.Element;
         _supportsSpacingProps: boolean;
@@ -162,12 +159,21 @@ export declare const getElements: () => {
     Span: import("react").ForwardRefExoticComponent<import("../shared/types").SpacingElementProps & {
         space?: import("../shared/types").SpaceTypeAll;
         innerSpace?: import("../shared/types").SpaceTypeAll | import("../shared/types").SpaceTypeMedia;
-    } & import("react").HTMLAttributes<HTMLElement> & import("react").RefAttributes<unknown>>;
+    } & import("react").HTMLAttributes<HTMLSpanElement> & {
+        element?: import("../shared/types").DynamicElement;
+        size?: import("./typography/Typography").TypographySize;
+        lineHeight?: import("./typography/Typography").TypographySize;
+        align?: import("./typography/Typography").TypographyAlign;
+        family?: import("./typography/Typography").TypographyFamily;
+        weight?: import("./typography/Typography").TypographyWeight;
+        decoration?: "underline";
+        slant?: "italic";
+    } & import("react").RefAttributes<unknown>>;
     Td: typeof Td;
     Th: typeof Th;
     Tr: typeof Tr;
     Ul: {
-        ({ nested, inside, outside, ...p }?: import("./Ul").UlAllProps): import("react/jsx-runtime").JSX.Element;
+        ({ nested, inside, outside, ...props }?: import("./Ul").UlAllProps): import("react/jsx-runtime").JSX.Element;
         _supportsSpacingProps: boolean;
     };
 };

package/es/elements/lists/Dl.d.ts

@@ -15,7 +15,7 @@ export type DlProps = {
      */
     direction?: 'vertical' | 'horizontal';
 };
-export type DlAllProps = DlProps & React.AllHTMLAttributes<HTMLDListElement> & ElementProps;
+export type DlAllProps = DlProps & React.AllHTMLAttributes<HTMLDListElement> & Omit<ElementProps, 'skeleton' | 'skeletonMethod'>;
 declare const Dl: {
     ({ direction, layout, ...props }: DlAllProps): import("react/jsx-runtime").JSX.Element;
     Item({ className, children, ...props }: React.AllHTMLAttributes<HTMLSpanElement> & SpacingProps): import("react/jsx-runtime").JSX.Element;

package/es/elements/lists/Dl.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dl.js","names":["React","classnames","E","Dl","_ref","direction","layout","props","_objectWithoutProperties","_excluded","className","createElement","_extends","as","skeleton","Item","_ref2","children","_excluded2","Fragment","_supportsSpacingProps"],"sources":["../../../../src/elements/lists/Dl.tsx"],"sourcesContent":["/**\n * HTML Element\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport E, { ElementProps } from '../Element'\nimport type { SpacingProps } from '../../shared/types'\n\nexport type DlProps = {\n  /**\n   * Use \"true\" to horizontally align both the term and the description\n   */\n  layout?: 'vertical' | 'horizontal' | 'grid'\n\n  /**\n   * @deprecated Use layout instead\n   */\n  direction?: 'vertical' | 'horizontal'\n}\n\nexport type DlAllProps = DlProps &\n  React.AllHTMLAttributes<HTMLDListElement> &\n  ElementProps\n\nconst Dl = ({ direction, layout, ...props }: DlAllProps) => {\n  if (layout || direction) {\n    props.className = classnames(\n      props.className,\n      `dnb-dl__layout--${layout || direction}`\n    )\n  }\n  return <E as=\"dl\" {...props} skeleton={false} />\n}\n\nDl.Item = ({\n  className,\n  children,\n  ...props\n}: React.AllHTMLAttributes<HTMLSpanElement> & SpacingProps) => {\n  return (\n    <>\n      {children}\n      <E\n        as=\"dd\"\n        aria-hidden\n        className={classnames(className, 'dnb-dl__item')}\n        {...props}\n      />\n    </>\n  )\n}\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nDl._supportsSpacingProps = true\n\nexport default Dl\n"],"mappings":";;;;AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,CAAC,MAAwB,YAAY;AAmB5C,MAAMC,EAAE,GAAGC,IAAA,IAAiD;EAAA,IAAhD;MAAEC,SAAS;MAAEC;IAA6B,CAAC,GAAAF,IAAA;IAAnBG,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACvC,IAAIH,MAAM,IAAID,SAAS,EAAE;IACvBE,KAAK,CAACG,SAAS,GAAGT,UAAU,CAC1BM,KAAK,CAACG,SAAS,EACd,mBAAkBJ,MAAM,IAAID,SAAU,EACzC,CAAC;EACH;EACA,OAAOL,KAAA,CAAAW,aAAA,CAACT,CAAC,EAAAU,QAAA;IAACC,EAAE,EAAC;EAAI,GAAKN,KAAK;IAAEO,QAAQ,EAAE;EAAM,EAAE,CAAC;AAClD,CAAC;AAEDX,EAAE,CAACY,IAAI,GAAGC,KAAA,IAIqD;EAAA,IAJpD;MACTN,SAAS;MACTO;IAEuD,CAAC,GAAAD,KAAA;IADrDT,KAAK,GAAAC,wBAAA,CAAAQ,KAAA,EAAAE,UAAA;EAER,OACElB,KAAA,CAAAW,aAAA,CAAAX,KAAA,CAAAmB,QAAA,QACGF,QAAQ,EACTjB,KAAA,CAAAW,aAAA,CAACT,CAAC,EAAAU,QAAA;IACAC,EAAE,EAAC,IAAI;IACP,mBAAW;IACXH,SAAS,EAAET,UAAU,CAACS,SAAS,EAAE,cAAc;EAAE,GAC7CH,KAAK,CACV,CACD,CAAC;AAEP,CAAC;AAIDJ,EAAE,CAACiB,qBAAqB,GAAG,IAAI;AAE/B,eAAejB,EAAE"}
+{"version":3,"file":"Dl.js","names":["React","classnames","E","Dl","_ref","direction","layout","props","_objectWithoutProperties","_excluded","className","createElement","_extends","as","skeleton","Item","_ref2","children","_excluded2","Fragment","_supportsSpacingProps"],"sources":["../../../../src/elements/lists/Dl.tsx"],"sourcesContent":["/**\n * HTML Element\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport E, { ElementProps } from '../Element'\nimport type { SpacingProps } from '../../shared/types'\n\nexport type DlProps = {\n  /**\n   * Use \"true\" to horizontally align both the term and the description\n   */\n  layout?: 'vertical' | 'horizontal' | 'grid'\n\n  /**\n   * @deprecated Use layout instead\n   */\n  direction?: 'vertical' | 'horizontal'\n}\n\nexport type DlAllProps = DlProps &\n  React.AllHTMLAttributes<HTMLDListElement> &\n  Omit<ElementProps, 'skeleton' | 'skeletonMethod'>\n\nconst Dl = ({ direction, layout, ...props }: DlAllProps) => {\n  if (layout || direction) {\n    props.className = classnames(\n      props.className,\n      `dnb-dl__layout--${layout || direction}`\n    )\n  }\n  return <E as=\"dl\" {...props} skeleton={false} />\n}\n\nDl.Item = ({\n  className,\n  children,\n  ...props\n}: React.AllHTMLAttributes<HTMLSpanElement> & SpacingProps) => {\n  return (\n    <>\n      {children}\n      <E\n        as=\"dd\"\n        aria-hidden\n        className={classnames(className, 'dnb-dl__item')}\n        {...props}\n      />\n    </>\n  )\n}\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nDl._supportsSpacingProps = true\n\nexport default Dl\n"],"mappings":";;;;AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,CAAC,MAAwB,YAAY;AAmB5C,MAAMC,EAAE,GAAGC,IAAA,IAAiD;EAAA,IAAhD;MAAEC,SAAS;MAAEC;IAA6B,CAAC,GAAAF,IAAA;IAAnBG,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACvC,IAAIH,MAAM,IAAID,SAAS,EAAE;IACvBE,KAAK,CAACG,SAAS,GAAGT,UAAU,CAC1BM,KAAK,CAACG,SAAS,EACd,mBAAkBJ,MAAM,IAAID,SAAU,EACzC,CAAC;EACH;EACA,OAAOL,KAAA,CAAAW,aAAA,CAACT,CAAC,EAAAU,QAAA;IAACC,EAAE,EAAC;EAAI,GAAKN,KAAK;IAAEO,QAAQ,EAAE;EAAM,EAAE,CAAC;AAClD,CAAC;AAEDX,EAAE,CAACY,IAAI,GAAGC,KAAA,IAIqD;EAAA,IAJpD;MACTN,SAAS;MACTO;IAEuD,CAAC,GAAAD,KAAA;IADrDT,KAAK,GAAAC,wBAAA,CAAAQ,KAAA,EAAAE,UAAA;EAER,OACElB,KAAA,CAAAW,aAAA,CAAAX,KAAA,CAAAmB,QAAA,QACGF,QAAQ,EACTjB,KAAA,CAAAW,aAAA,CAACT,CAAC,EAAAU,QAAA;IACAC,EAAE,EAAC,IAAI;IACP,mBAAW;IACXH,SAAS,EAAET,UAAU,CAACS,SAAS,EAAE,cAAc;EAAE,GAC7CH,KAAK,CACV,CACD,CAAC;AAEP,CAAC;AAIDJ,EAAE,CAACiB,qBAAqB,GAAG,IAAI;AAE/B,eAAejB,EAAE"}

package/es/elements/lists/DlDocs.js

@@ -1,12 +1,12 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import { ElementProperties } from './../ElementDocs';
+import { ElementPropertiesWithoutSkeleton } from './../ElementDocs';
 export const DlProperties = _objectSpread({
   layout: {
     doc: 'Sets the layout of the list. Can be `vertical`, `horizontal` or `grid`. Defaults to `vertical`.',
     type: 'string',
     status: 'optional'
   }
-}, ElementProperties);
+}, ElementPropertiesWithoutSkeleton);
 //# sourceMappingURL=DlDocs.js.map

package/es/elements/lists/DlDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DlDocs.js","names":["ElementProperties","DlProperties","_objectSpread","layout","doc","type","status"],"sources":["../../../../src/elements/lists/DlDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\nimport { ElementProperties } from './../ElementDocs'\n\nexport const DlProperties: PropertiesTableProps = {\n  layout: {\n    doc: 'Sets the layout of the list. Can be `vertical`, `horizontal` or `grid`. Defaults to `vertical`.',\n    type: 'string',\n    status: 'optional',\n  },\n\n  ...ElementProperties,\n}\n"],"mappings":";;;AACA,SAASA,iBAAiB,QAAQ,kBAAkB;AAEpD,OAAO,MAAMC,YAAkC,GAAAC,aAAA;EAC7CC,MAAM,EAAE;IACNC,GAAG,EAAE,iGAAiG;IACtGC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV;AAAC,GAEEN,iBAAiB,CACrB"}
+{"version":3,"file":"DlDocs.js","names":["ElementPropertiesWithoutSkeleton","DlProperties","_objectSpread","layout","doc","type","status"],"sources":["../../../../src/elements/lists/DlDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\nimport { ElementPropertiesWithoutSkeleton } from './../ElementDocs'\n\nexport const DlProperties: PropertiesTableProps = {\n  layout: {\n    doc: 'Sets the layout of the list. Can be `vertical`, `horizontal` or `grid`. Defaults to `vertical`.',\n    type: 'string',\n    status: 'optional',\n  },\n  ...ElementPropertiesWithoutSkeleton,\n}\n"],"mappings":";;;AACA,SAASA,gCAAgC,QAAQ,kBAAkB;AAEnE,OAAO,MAAMC,YAAkC,GAAAC,aAAA;EAC7CC,MAAM,EAAE;IACNC,GAAG,EAAE,iGAAiG;IACtGC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV;AAAC,GACEN,gCAAgC,CACpC"}

package/es/elements/lists/Li.d.ts

@@ -5,5 +5,5 @@
 import React from 'react';
 import { ElementProps } from '../Element';
 export type LiAllProps = React.AllHTMLAttributes<HTMLLIElement> & ElementProps;
-declare const Li: ({ className, ...p }?: LiAllProps) => import("react/jsx-runtime").JSX.Element;
+declare const Li: ({ className, ...props }?: LiAllProps) => import("react/jsx-runtime").JSX.Element;
 export default Li;

package/es/elements/lists/Li.js

@@ -10,9 +10,9 @@ const Li = (_ref = {}) => {
   let {
       className
     } = _ref,
-    p = _objectWithoutProperties(_ref, _excluded);
-  if (Array.isArray(p.children)) {
-    p.children.forEach(Comp => {
+    props = _objectWithoutProperties(_ref, _excluded);
+  if (Array.isArray(props.children)) {
+    props.children.forEach(Comp => {
       if (Comp && (Comp.type === Ul || Comp.type === Ol)) {
         className = classnames(className, 'is-nested');
       }
@@ -20,7 +20,7 @@ const Li = (_ref = {}) => {
   }
   return React.createElement(E, _extends({
     as: "li"
-  }, p, {
+  }, props, {
     className: className
   }));
 };

package/es/elements/lists/Li.js.map

@@ -1 +1 @@
-{"version":3,"file":"Li.js","names":["React","classnames","E","Ul","Ol","Li","_ref","className","p","_objectWithoutProperties","_excluded","Array","isArray","children","forEach","Comp","type","createElement","_extends","as"],"sources":["../../../../src/elements/lists/Li.tsx"],"sourcesContent":["/**\n * HTML Element\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport E, { ElementProps } from '../Element'\nimport Ul from './Ul'\nimport Ol from './Ol'\n\nexport type LiAllProps = React.AllHTMLAttributes<HTMLLIElement> &\n  ElementProps\n\nconst Li = ({ className, ...p }: LiAllProps = {}) => {\n  /**\n   * Check if we have a nested list,\n   * then we set the class \"is-nested\" and give it a max-height,\n   * if it is a skeleton\n   */\n\n  if (Array.isArray(p.children)) {\n    p.children.forEach((Comp) => {\n      if (Comp && (Comp.type === Ul || Comp.type === Ol)) {\n        className = classnames(className, 'is-nested')\n      }\n    })\n  }\n\n  return <E as=\"li\" {...p} className={className} />\n}\n\nexport default Li\n"],"mappings":";;;AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,CAAC,MAAwB,YAAY;AAC5C,OAAOC,EAAE,MAAM,MAAM;AACrB,OAAOC,EAAE,MAAM,MAAM;AAKrB,MAAMC,EAAE,GAAGA,CAACC,IAAA,GAAkC,CAAC,CAAC,KAAK;EAAA,IAAzC;MAAEC;IAA4B,CAAC,GAAAD,IAAA;IAAfE,CAAC,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EAO3B,IAAIC,KAAK,CAACC,OAAO,CAACJ,CAAC,CAACK,QAAQ,CAAC,EAAE;IAC7BL,CAAC,CAACK,QAAQ,CAACC,OAAO,CAAEC,IAAI,IAAK;MAC3B,IAAIA,IAAI,KAAKA,IAAI,CAACC,IAAI,KAAKb,EAAE,IAAIY,IAAI,CAACC,IAAI,KAAKZ,EAAE,CAAC,EAAE;QAClDG,SAAS,GAAGN,UAAU,CAACM,SAAS,EAAE,WAAW,CAAC;MAChD;IACF,CAAC,CAAC;EACJ;EAEA,OAAOP,KAAA,CAAAiB,aAAA,CAACf,CAAC,EAAAgB,QAAA;IAACC,EAAE,EAAC;EAAI,GAAKX,CAAC;IAAED,SAAS,EAAEA;EAAU,EAAE,CAAC;AACnD,CAAC;AAED,eAAeF,EAAE"}
+{"version":3,"file":"Li.js","names":["React","classnames","E","Ul","Ol","Li","_ref","className","props","_objectWithoutProperties","_excluded","Array","isArray","children","forEach","Comp","type","createElement","_extends","as"],"sources":["../../../../src/elements/lists/Li.tsx"],"sourcesContent":["/**\n * HTML Element\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport E, { ElementProps } from '../Element'\nimport Ul from './Ul'\nimport Ol from './Ol'\n\nexport type LiAllProps = React.AllHTMLAttributes<HTMLLIElement> &\n  ElementProps\n\nconst Li = ({ className, ...props }: LiAllProps = {}) => {\n  /**\n   * Check if we have a nested list,\n   * then we set the class \"is-nested\" and give it a max-height,\n   * if it is a skeleton\n   */\n\n  if (Array.isArray(props.children)) {\n    props.children.forEach((Comp) => {\n      if (Comp && (Comp.type === Ul || Comp.type === Ol)) {\n        className = classnames(className, 'is-nested')\n      }\n    })\n  }\n\n  return <E as=\"li\" {...props} className={className} />\n}\n\nexport default Li\n"],"mappings":";;;AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,CAAC,MAAwB,YAAY;AAC5C,OAAOC,EAAE,MAAM,MAAM;AACrB,OAAOC,EAAE,MAAM,MAAM;AAKrB,MAAMC,EAAE,GAAGA,CAACC,IAAA,GAAsC,CAAC,CAAC,KAAK;EAAA,IAA7C;MAAEC;IAAgC,CAAC,GAAAD,IAAA;IAAnBE,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EAO/B,IAAIC,KAAK,CAACC,OAAO,CAACJ,KAAK,CAACK,QAAQ,CAAC,EAAE;IACjCL,KAAK,CAACK,QAAQ,CAACC,OAAO,CAAEC,IAAI,IAAK;MAC/B,IAAIA,IAAI,KAAKA,IAAI,CAACC,IAAI,KAAKb,EAAE,IAAIY,IAAI,CAACC,IAAI,KAAKZ,EAAE,CAAC,EAAE;QAClDG,SAAS,GAAGN,UAAU,CAACM,SAAS,EAAE,WAAW,CAAC;MAChD;IACF,CAAC,CAAC;EACJ;EAEA,OAAOP,KAAA,CAAAiB,aAAA,CAACf,CAAC,EAAAgB,QAAA;IAACC,EAAE,EAAC;EAAI,GAAKX,KAAK;IAAED,SAAS,EAAEA;EAAU,EAAE,CAAC;AACvD,CAAC;AAED,eAAeF,EAAE"}

package/es/elements/lists/Ol.d.ts

@@ -18,9 +18,9 @@ export type OlProps = {
      */
     nested?: boolean;
 };
-export type OlAllProps = OlProps & React.AllHTMLAttributes<HTMLOListElement> & ElementProps;
+export type OlAllProps = OlProps & React.AllHTMLAttributes<HTMLOListElement> & Omit<ElementProps, 'skeleton' | 'skeletonMethod'>;
 declare const Ol: {
-    ({ nested, inside, outside, ...p }?: OlAllProps): import("react/jsx-runtime").JSX.Element;
+    ({ nested, inside, outside, ...props }?: OlAllProps): import("react/jsx-runtime").JSX.Element;
     _supportsSpacingProps: boolean;
 };
 export default Ol;

package/es/elements/lists/Ol.js

@@ -10,11 +10,11 @@ const Ol = (_ref = {}) => {
       inside,
       outside
     } = _ref,
-    p = _objectWithoutProperties(_ref, _excluded);
+    props = _objectWithoutProperties(_ref, _excluded);
   return React.createElement(E, _extends({
     as: "ol"
-  }, p, {
-    className: classnames(p.className, nested && 'dnb-ol--nested', inside && 'dnb-ol--inside', outside && 'dnb-ol--outside'),
+  }, props, {
+    className: classnames(props.className, nested && 'dnb-ol--nested', inside && 'dnb-ol--inside', outside && 'dnb-ol--outside'),
     skeleton: false
   }));
 };

package/es/elements/lists/Ol.js.map

@@ -1 +1 @@
-{"version":3,"file":"Ol.js","names":["React","classnames","E","Ol","_ref","nested","inside","outside","p","_objectWithoutProperties","_excluded","createElement","_extends","as","className","skeleton","_supportsSpacingProps"],"sources":["../../../../src/elements/lists/Ol.tsx"],"sourcesContent":["/**\n * HTML Element\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport E, { ElementProps } from '../Element'\n\nexport type OlProps = {\n  /**\n   * Defines the position of the marker\n   */\n  inside?: boolean\n\n  /**\n   * Defines the position of the marker (default)\n   */\n  outside?: boolean\n\n  /**\n   * Will ensure a nested structure of several lists\n   */\n  nested?: boolean\n}\n\nexport type OlAllProps = OlProps &\n  React.AllHTMLAttributes<HTMLOListElement> &\n  ElementProps\n\nconst Ol = ({ nested, inside, outside, ...p }: OlAllProps = {}) => {\n  return (\n    <E\n      as=\"ol\"\n      {...p}\n      className={classnames(\n        p.className,\n        nested && 'dnb-ol--nested',\n        inside && 'dnb-ol--inside',\n        outside && 'dnb-ol--outside'\n      )}\n      skeleton={false}\n    />\n  )\n}\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nOl._supportsSpacingProps = true\n\nexport default Ol\n"],"mappings":";;;AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,CAAC,MAAwB,YAAY;AAuB5C,MAAMC,EAAE,GAAGA,CAACC,IAAA,GAAgD,CAAC,CAAC,KAAK;EAAA,IAAvD;MAAEC,MAAM;MAAEC,MAAM;MAAEC;IAA0B,CAAC,GAAAH,IAAA;IAAfI,CAAC,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EACzC,OACEV,KAAA,CAAAW,aAAA,CAACT,CAAC,EAAAU,QAAA;IACAC,EAAE,EAAC;EAAI,GACHL,CAAC;IACLM,SAAS,EAAEb,UAAU,CACnBO,CAAC,CAACM,SAAS,EACXT,MAAM,IAAI,gBAAgB,EAC1BC,MAAM,IAAI,gBAAgB,EAC1BC,OAAO,IAAI,iBACb,CAAE;IACFQ,QAAQ,EAAE;EAAM,EACjB,CAAC;AAEN,CAAC;AAIDZ,EAAE,CAACa,qBAAqB,GAAG,IAAI;AAE/B,eAAeb,EAAE"}
+{"version":3,"file":"Ol.js","names":["React","classnames","E","Ol","_ref","nested","inside","outside","props","_objectWithoutProperties","_excluded","createElement","_extends","as","className","skeleton","_supportsSpacingProps"],"sources":["../../../../src/elements/lists/Ol.tsx"],"sourcesContent":["/**\n * HTML Element\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport E, { ElementProps } from '../Element'\n\nexport type OlProps = {\n  /**\n   * Defines the position of the marker\n   */\n  inside?: boolean\n\n  /**\n   * Defines the position of the marker (default)\n   */\n  outside?: boolean\n\n  /**\n   * Will ensure a nested structure of several lists\n   */\n  nested?: boolean\n}\n\nexport type OlAllProps = OlProps &\n  React.AllHTMLAttributes<HTMLOListElement> &\n  Omit<ElementProps, 'skeleton' | 'skeletonMethod'>\n\nconst Ol = ({ nested, inside, outside, ...props }: OlAllProps = {}) => {\n  return (\n    <E\n      as=\"ol\"\n      {...props}\n      className={classnames(\n        props.className,\n        nested && 'dnb-ol--nested',\n        inside && 'dnb-ol--inside',\n        outside && 'dnb-ol--outside'\n      )}\n      skeleton={false}\n    />\n  )\n}\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nOl._supportsSpacingProps = true\n\nexport default Ol\n"],"mappings":";;;AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,CAAC,MAAwB,YAAY;AAuB5C,MAAMC,EAAE,GAAGA,CAACC,IAAA,GAAoD,CAAC,CAAC,KAAK;EAAA,IAA3D;MAAEC,MAAM;MAAEC,MAAM;MAAEC;IAA8B,CAAC,GAAAH,IAAA;IAAnBI,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAC7C,OACEV,KAAA,CAAAW,aAAA,CAACT,CAAC,EAAAU,QAAA;IACAC,EAAE,EAAC;EAAI,GACHL,KAAK;IACTM,SAAS,EAAEb,UAAU,CACnBO,KAAK,CAACM,SAAS,EACfT,MAAM,IAAI,gBAAgB,EAC1BC,MAAM,IAAI,gBAAgB,EAC1BC,OAAO,IAAI,iBACb,CAAE;IACFQ,QAAQ,EAAE;EAAM,EACjB,CAAC;AAEN,CAAC;AAIDZ,EAAE,CAACa,qBAAqB,GAAG,IAAI;AAE/B,eAAeb,EAAE"}

package/es/elements/lists/OlDocs.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import { ElementProperties } from './../ElementDocs';
+import { ElementPropertiesWithoutSkeleton } from './../ElementDocs';
 export const OlProperties = _objectSpread({
   inside: {
     doc: 'Defines the position of the marker.',
@@ -18,5 +18,5 @@ export const OlProperties = _objectSpread({
     type: 'boolean',
     status: 'optional'
   }
-}, ElementProperties);
+}, ElementPropertiesWithoutSkeleton);
 //# sourceMappingURL=OlDocs.js.map

package/es/elements/lists/OlDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"OlDocs.js","names":["ElementProperties","OlProperties","_objectSpread","inside","doc","type","status","outside","nested"],"sources":["../../../../src/elements/lists/OlDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nimport { ElementProperties } from './../ElementDocs'\n\nexport const OlProperties: PropertiesTableProps = {\n  inside: {\n    doc: 'Defines the position of the marker.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  outside: {\n    doc: 'Defines the position of the marker (default).',\n    type: 'boolean',\n    status: 'optional',\n  },\n  nested: {\n    doc: 'Will ensure a nested structure of several lists.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  ...ElementProperties,\n}\n"],"mappings":";;;AAEA,SAASA,iBAAiB,QAAQ,kBAAkB;AAEpD,OAAO,MAAMC,YAAkC,GAAAC,aAAA;EAC7CC,MAAM,EAAE;IACNC,GAAG,EAAE,qCAAqC;IAC1CC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDC,OAAO,EAAE;IACPH,GAAG,EAAE,+CAA+C;IACpDC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDE,MAAM,EAAE;IACNJ,GAAG,EAAE,kDAAkD;IACvDC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AAAC,GACEN,iBAAiB,CACrB"}
+{"version":3,"file":"OlDocs.js","names":["ElementPropertiesWithoutSkeleton","OlProperties","_objectSpread","inside","doc","type","status","outside","nested"],"sources":["../../../../src/elements/lists/OlDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nimport { ElementPropertiesWithoutSkeleton } from './../ElementDocs'\n\nexport const OlProperties: PropertiesTableProps = {\n  inside: {\n    doc: 'Defines the position of the marker.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  outside: {\n    doc: 'Defines the position of the marker (default).',\n    type: 'boolean',\n    status: 'optional',\n  },\n  nested: {\n    doc: 'Will ensure a nested structure of several lists.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  ...ElementPropertiesWithoutSkeleton,\n}\n"],"mappings":";;;AAEA,SAASA,gCAAgC,QAAQ,kBAAkB;AAEnE,OAAO,MAAMC,YAAkC,GAAAC,aAAA;EAC7CC,MAAM,EAAE;IACNC,GAAG,EAAE,qCAAqC;IAC1CC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDC,OAAO,EAAE;IACPH,GAAG,EAAE,+CAA+C;IACpDC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDE,MAAM,EAAE;IACNJ,GAAG,EAAE,kDAAkD;IACvDC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AAAC,GACEN,gCAAgC,CACpC"}

package/es/elements/lists/Ul.d.ts

@@ -18,9 +18,9 @@ export type UlProps = {
      */
     nested?: boolean;
 };
-export type UlAllProps = UlProps & React.AllHTMLAttributes<HTMLUListElement> & ElementProps;
+export type UlAllProps = UlProps & React.AllHTMLAttributes<HTMLUListElement> & Omit<ElementProps, 'skeleton' | 'skeletonMethod'>;
 declare const Ul: {
-    ({ nested, inside, outside, ...p }?: UlAllProps): import("react/jsx-runtime").JSX.Element;
+    ({ nested, inside, outside, ...props }?: UlAllProps): import("react/jsx-runtime").JSX.Element;
     _supportsSpacingProps: boolean;
 };
 export default Ul;

package/es/elements/lists/Ul.js

@@ -10,11 +10,11 @@ const Ul = (_ref = {}) => {
       inside,
       outside
     } = _ref,
-    p = _objectWithoutProperties(_ref, _excluded);
+    props = _objectWithoutProperties(_ref, _excluded);
   return React.createElement(E, _extends({
     as: "ul"
-  }, p, {
-    className: classnames(p.className, nested && 'dnb-ol--nested', inside && 'dnb-ol--inside', outside && 'dnb-ol--outside'),
+  }, props, {
+    className: classnames(props.className, nested && 'dnb-ol--nested', inside && 'dnb-ol--inside', outside && 'dnb-ol--outside'),
     skeleton: false
   }));
 };

package/es/elements/lists/Ul.js.map

@@ -1 +1 @@
-{"version":3,"file":"Ul.js","names":["React","classnames","E","Ul","_ref","nested","inside","outside","p","_objectWithoutProperties","_excluded","createElement","_extends","as","className","skeleton","_supportsSpacingProps"],"sources":["../../../../src/elements/lists/Ul.tsx"],"sourcesContent":["/**\n * HTML Element\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport E, { ElementProps } from '../Element'\n\nexport type UlProps = {\n  /**\n   * Defines the position of the marker\n   */\n  inside?: boolean\n\n  /**\n   * Defines the position of the marker (default)\n   */\n  outside?: boolean\n\n  /**\n   * Will ensure a nested structure of several lists\n   */\n  nested?: boolean\n}\n\nexport type UlAllProps = UlProps &\n  React.AllHTMLAttributes<HTMLUListElement> &\n  ElementProps\n\nconst Ul = ({ nested, inside, outside, ...p }: UlAllProps = {}) => {\n  return (\n    <E\n      as=\"ul\"\n      {...p}\n      className={classnames(\n        p.className,\n        nested && 'dnb-ol--nested',\n        inside && 'dnb-ol--inside',\n        outside && 'dnb-ol--outside'\n      )}\n      skeleton={false}\n    />\n  )\n}\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nUl._supportsSpacingProps = true\n\nexport default Ul\n"],"mappings":";;;AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,CAAC,MAAwB,YAAY;AAuB5C,MAAMC,EAAE,GAAGA,CAACC,IAAA,GAAgD,CAAC,CAAC,KAAK;EAAA,IAAvD;MAAEC,MAAM;MAAEC,MAAM;MAAEC;IAA0B,CAAC,GAAAH,IAAA;IAAfI,CAAC,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EACzC,OACEV,KAAA,CAAAW,aAAA,CAACT,CAAC,EAAAU,QAAA;IACAC,EAAE,EAAC;EAAI,GACHL,CAAC;IACLM,SAAS,EAAEb,UAAU,CACnBO,CAAC,CAACM,SAAS,EACXT,MAAM,IAAI,gBAAgB,EAC1BC,MAAM,IAAI,gBAAgB,EAC1BC,OAAO,IAAI,iBACb,CAAE;IACFQ,QAAQ,EAAE;EAAM,EACjB,CAAC;AAEN,CAAC;AAIDZ,EAAE,CAACa,qBAAqB,GAAG,IAAI;AAE/B,eAAeb,EAAE"}
+{"version":3,"file":"Ul.js","names":["React","classnames","E","Ul","_ref","nested","inside","outside","props","_objectWithoutProperties","_excluded","createElement","_extends","as","className","skeleton","_supportsSpacingProps"],"sources":["../../../../src/elements/lists/Ul.tsx"],"sourcesContent":["/**\n * HTML Element\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport E, { ElementProps } from '../Element'\n\nexport type UlProps = {\n  /**\n   * Defines the position of the marker\n   */\n  inside?: boolean\n\n  /**\n   * Defines the position of the marker (default)\n   */\n  outside?: boolean\n\n  /**\n   * Will ensure a nested structure of several lists\n   */\n  nested?: boolean\n}\n\nexport type UlAllProps = UlProps &\n  React.AllHTMLAttributes<HTMLUListElement> &\n  Omit<ElementProps, 'skeleton' | 'skeletonMethod'>\n\nconst Ul = ({ nested, inside, outside, ...props }: UlAllProps = {}) => {\n  return (\n    <E\n      as=\"ul\"\n      {...props}\n      className={classnames(\n        props.className,\n        nested && 'dnb-ol--nested',\n        inside && 'dnb-ol--inside',\n        outside && 'dnb-ol--outside'\n      )}\n      skeleton={false}\n    />\n  )\n}\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nUl._supportsSpacingProps = true\n\nexport default Ul\n"],"mappings":";;;AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,CAAC,MAAwB,YAAY;AAuB5C,MAAMC,EAAE,GAAGA,CAACC,IAAA,GAAoD,CAAC,CAAC,KAAK;EAAA,IAA3D;MAAEC,MAAM;MAAEC,MAAM;MAAEC;IAA8B,CAAC,GAAAH,IAAA;IAAnBI,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAC7C,OACEV,KAAA,CAAAW,aAAA,CAACT,CAAC,EAAAU,QAAA;IACAC,EAAE,EAAC;EAAI,GACHL,KAAK;IACTM,SAAS,EAAEb,UAAU,CACnBO,KAAK,CAACM,SAAS,EACfT,MAAM,IAAI,gBAAgB,EAC1BC,MAAM,IAAI,gBAAgB,EAC1BC,OAAO,IAAI,iBACb,CAAE;IACFQ,QAAQ,EAAE;EAAM,EACjB,CAAC;AAEN,CAAC;AAIDZ,EAAE,CAACa,qBAAqB,GAAG,IAAI;AAE/B,eAAeb,EAAE"}

package/es/elements/lists/UlDocs.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import { ElementProperties } from './../ElementDocs';
+import { ElementPropertiesWithoutSkeleton } from './../ElementDocs';
 export const UlProperties = _objectSpread({
   inside: {
     doc: 'Defines the position of the marker.',
@@ -18,5 +18,5 @@ export const UlProperties = _objectSpread({
     type: 'boolean',
     status: 'optional'
   }
-}, ElementProperties);
+}, ElementPropertiesWithoutSkeleton);
 //# sourceMappingURL=UlDocs.js.map

package/es/elements/lists/UlDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"UlDocs.js","names":["ElementProperties","UlProperties","_objectSpread","inside","doc","type","status","outside","nested"],"sources":["../../../../src/elements/lists/UlDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\nimport { ElementProperties } from './../ElementDocs'\n\nexport const UlProperties: PropertiesTableProps = {\n  inside: {\n    doc: 'Defines the position of the marker.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  outside: {\n    doc: 'Defines the position of the marker (default).',\n    type: 'boolean',\n    status: 'optional',\n  },\n  nested: {\n    doc: 'Will ensure a nested structure of several lists.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  ...ElementProperties,\n}\n"],"mappings":";;;AACA,SAASA,iBAAiB,QAAQ,kBAAkB;AAEpD,OAAO,MAAMC,YAAkC,GAAAC,aAAA;EAC7CC,MAAM,EAAE;IACNC,GAAG,EAAE,qCAAqC;IAC1CC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDC,OAAO,EAAE;IACPH,GAAG,EAAE,+CAA+C;IACpDC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDE,MAAM,EAAE;IACNJ,GAAG,EAAE,kDAAkD;IACvDC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AAAC,GACEN,iBAAiB,CACrB"}
+{"version":3,"file":"UlDocs.js","names":["ElementPropertiesWithoutSkeleton","UlProperties","_objectSpread","inside","doc","type","status","outside","nested"],"sources":["../../../../src/elements/lists/UlDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\nimport { ElementPropertiesWithoutSkeleton } from './../ElementDocs'\n\nexport const UlProperties: PropertiesTableProps = {\n  inside: {\n    doc: 'Defines the position of the marker.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  outside: {\n    doc: 'Defines the position of the marker (default).',\n    type: 'boolean',\n    status: 'optional',\n  },\n  nested: {\n    doc: 'Will ensure a nested structure of several lists.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  ...ElementPropertiesWithoutSkeleton,\n}\n"],"mappings":";;;AACA,SAASA,gCAAgC,QAAQ,kBAAkB;AAEnE,OAAO,MAAMC,YAAkC,GAAAC,aAAA;EAC7CC,MAAM,EAAE;IACNC,GAAG,EAAE,qCAAqC;IAC1CC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDC,OAAO,EAAE;IACPH,GAAG,EAAE,+CAA+C;IACpDC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDE,MAAM,EAAE;IACNJ,GAAG,EAAE,kDAAkD;IACvDC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AAAC,GACEN,gCAAgC,CACpC"}

package/es/elements/span/Span.d.ts

@@ -3,8 +3,17 @@
  *
  */
 import React from 'react';
-declare const Span: React.ForwardRefExoticComponent<import("../../components/space/types").SpacingElementProps & {
-    space?: import("../../components/space/types").SpaceTypeAll;
-    innerSpace?: import("../../components/space/types").SpaceTypeAll | import("../../components/space/types").SpaceTypeMedia;
-} & React.HTMLAttributes<HTMLElement> & React.RefAttributes<unknown>>;
+declare const Span: React.ForwardRefExoticComponent<import("../../shared/types").SpacingElementProps & {
+    space?: import("../../shared/types").SpaceTypeAll;
+    innerSpace?: import("../../shared/types").SpaceTypeAll | import("../../shared/types").SpaceTypeMedia;
+} & React.HTMLAttributes<HTMLSpanElement> & {
+    element?: import("../../shared/types").DynamicElement;
+    size?: import("../typography/Typography").TypographySize;
+    lineHeight?: import("../typography/Typography").TypographySize;
+    align?: import("../typography/Typography").TypographyAlign;
+    family?: import("../typography/Typography").TypographyFamily;
+    weight?: import("../typography/Typography").TypographyWeight;
+    decoration?: "underline";
+    slant?: "italic";
+} & React.RefAttributes<unknown>>;
 export default Span;

package/es/elements/span/Span.js

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
-import E from '../Element';
-const Span = React.forwardRef((props, ref) => React.createElement(E, _extends({
-  as: "span",
+import Typography from '../typography/Typography';
+const Span = React.forwardRef((props, ref) => React.createElement(Typography, _extends({
+  element: "span",
   innerRef: ref
 }, props)));
 Span._supportsSpacingProps = true;

package/es/elements/span/Span.js.map

@@ -1 +1 @@
-{"version":3,"file":"Span.js","names":["React","E","Span","forwardRef","props","ref","createElement","_extends","as","innerRef","_supportsSpacingProps"],"sources":["../../../../src/elements/span/Span.tsx"],"sourcesContent":["/**\n * HTML Element\n *\n */\n\nimport React from 'react'\nimport { SpacingProps } from '../../components/space/types'\nimport E from '../Element'\n\ntype SpanProps = SpacingProps & React.HTMLAttributes<HTMLElement>\n\nconst Span = React.forwardRef((props: SpanProps, ref) => (\n  <E as=\"span\" innerRef={ref} {...props} />\n))\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nSpan._supportsSpacingProps = true\n\nexport default Span\n"],"mappings":";AAKA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,CAAC,MAAM,YAAY;AAI1B,MAAMC,IAAI,GAAGF,KAAK,CAACG,UAAU,CAAC,CAACC,KAAgB,EAAEC,GAAG,KAClDL,KAAA,CAAAM,aAAA,CAACL,CAAC,EAAAM,QAAA;EAACC,EAAE,EAAC,MAAM;EAACC,QAAQ,EAAEJ;AAAI,GAAKD,KAAK,CAAG,CACzC,CAAC;AAIFF,IAAI,CAACQ,qBAAqB,GAAG,IAAI;AAEjC,eAAeR,IAAI"}
+{"version":3,"file":"Span.js","names":["React","Typography","Span","forwardRef","props","ref","createElement","_extends","element","innerRef","_supportsSpacingProps"],"sources":["../../../../src/elements/span/Span.tsx"],"sourcesContent":["/**\n * HTML Element\n *\n */\n\nimport React from 'react'\nimport Typography, { TypographyProps } from '../typography/Typography'\n\ntype SpanProps = TypographyProps<HTMLSpanElement>\n\nconst Span = React.forwardRef((props: SpanProps, ref) => (\n  <Typography element=\"span\" innerRef={ref} {...props} />\n))\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nSpan._supportsSpacingProps = true\n\nexport default Span\n"],"mappings":";AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAA2B,0BAA0B;AAItE,MAAMC,IAAI,GAAGF,KAAK,CAACG,UAAU,CAAC,CAACC,KAAgB,EAAEC,GAAG,KAClDL,KAAA,CAAAM,aAAA,CAACL,UAAU,EAAAM,QAAA;EAACC,OAAO,EAAC,MAAM;EAACC,QAAQ,EAAEJ;AAAI,GAAKD,KAAK,CAAG,CACvD,CAAC;AAIFF,IAAI,CAACQ,qBAAqB,GAAG,IAAI;AAEjC,eAAeR,IAAI"}

package/es/elements/span/SpanDocs.d.ts

@@ -0,0 +1,2 @@
+import { PropertiesTableProps } from '../../shared/types';
+export declare const SpanProperties: PropertiesTableProps;

package/es/elements/span/SpanDocs.js

@@ -0,0 +1,6 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import { TypographyProperties } from '../typography/TypographyDocs';
+export const SpanProperties = _objectSpread({}, TypographyProperties);
+//# sourceMappingURL=SpanDocs.js.map

package/es/elements/span/SpanDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpanDocs.js","names":["TypographyProperties","SpanProperties","_objectSpread"],"sources":["../../../../src/elements/span/SpanDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\nimport { TypographyProperties } from '../typography/TypographyDocs'\n\nexport const SpanProperties: PropertiesTableProps = {\n  ...TypographyProperties,\n}\n"],"mappings":";;;AACA,SAASA,oBAAoB,QAAQ,8BAA8B;AAEnE,OAAO,MAAMC,cAAoC,GAAAC,aAAA,KAC5CF,oBAAoB,CACxB"}

package/es/elements/typography/Ingress.js

@@ -2,7 +2,7 @@ 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
+  weight: "medium"
 }, props));
 Ingress._supportsSpacingProps = true;
 export default Ingress;

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

@@ -1 +1 @@
-{"version":3,"file":"Ingress.js","names":["React","P","Ingress","props","createElement","_extends","medium","_supportsSpacingProps"],"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} />\n\nIngress._supportsSpacingProps = true\n\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;AAE1DD,OAAO,CAACK,qBAAqB,GAAG,IAAI;AAEpC,eAAeL,OAAO"}
+{"version":3,"file":"Ingress.js","names":["React","P","Ingress","props","createElement","_extends","weight","_supportsSpacingProps"],"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 weight=\"medium\" {...props} />\n\nIngress._supportsSpacingProps = true\n\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,EAAC;AAAQ,GAAKH,KAAK,CAAG,CAAC;AAEnED,OAAO,CAACK,qBAAqB,GAAG,IAAI;AAEpC,eAAeL,OAAO"}

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

@@ -3,36 +3,34 @@
  *
  */
 import React from 'react';
-import { SpacingProps } from '../../components/space/types';
-import type { DynamicElement } from '../../shared/types';
-export type PSize = 'x-small' | 'small' | 'basis' | 'medium' | 'large' | 'x-large' | 'xx-large';
-export type PProps = SpacingProps & React.HTMLAttributes<HTMLParagraphElement> & {
+import { TypographySize, TypographyProps } from './Typography';
+/** @deprecated use TypographySize instead */
+export type PSize = TypographySize;
+export type PProps = TypographyProps<HTMLParagraphElement> & {
     /**
-     * Defines the Element Type, like "p"
-     * Default: p
-     */
-    element?: DynamicElement & 'p';
-    /**
-     * 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/
+     * Tells the component to use the medium font-weight styling dnb-t__weight--medium defined in paragraphStyle - typography-mixins.scss. Find more details here https://eufemia.dnb.no/uilib/typography/font-weight/
+     * @deprecated use the `weight` prop instead
      */
     medium?: boolean;
     /**
-     * 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/
+     * Tells the component to use the bold font-weight styling dnb-t__weight--bold defined in paragraphStyle - typography-mixins.scss. Find more details here https://eufemia.dnb.no/uilib/typography/font-weight/
+     * @deprecated use the `weight` prop instead
      */
     bold?: boolean;
-    /**
-     * 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/
-     */
-    size?: PSize;
     /**
      * 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.
-     * Works as a flexible alternative to setting the medium, small, bold and size props.
+     * Works as a flexible alternative to setting the medium, bold and size props.
      * List of modifiers can be found at https://eufemia.dnb.no/uilib/typography/font-size/ and https://eufemia.dnb.no/uilib/typography/font-weight/
+     * @deprecated only font weights "bold" and "medium" and sizes "x-small" and "small" are supported. Use the `size` and `weight` props instead.
      */
     modifier?: string;
 };
-declare const P: {
-    ({ modifier, element, className, medium, bold, size, ...props }: PProps): import("react/jsx-runtime").JSX.Element;
-    _supportsSpacingProps: boolean;
-};
+declare function P(props: PProps): import("react/jsx-runtime").JSX.Element;
+declare namespace P {
+    var _supportsSpacingProps: boolean;
+}
 export default P;
+export type ParagraphContextType = {
+    isNested?: boolean;
+};
+export declare const ParagraphContext: React.Context<ParagraphContextType>;

package/es/elements/typography/P.js

@@ -1,35 +1,72 @@
+"use client";
+
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["modifier", "element", "className", "medium", "bold", "size"];
-import React from 'react';
+const _excluded = ["remainingModifiers", "element", "className"],
+  _excluded2 = ["weight", "size", "modifier", "bold", "medium"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import React, { createContext, useContext } from 'react';
 import classnames from 'classnames';
-import E from '../Element';
-const P = _ref => {
+import Typography from './Typography';
+function P(props) {
+  const _handleDeprecatedProp = handleDeprecatedProps(props),
+    {
+      remainingModifiers,
+      element = 'p',
+      className
+    } = _handleDeprecatedProp,
+    rest = _objectWithoutProperties(_handleDeprecatedProp, _excluded);
+  const paragraphContext = useContext(ParagraphContext);
+  const deprecatedModifierString = remainingModifiers.reduce((acc, cur) => {
+    return `${acc} dnb-p--${cur}`;
+  }, '');
+  return React.createElement(ParagraphContext.Provider, {
+    value: {
+      isNested: true
+    }
+  }, React.createElement(Typography, _extends({
+    element: element === 'p' && paragraphContext !== null && paragraphContext !== void 0 && paragraphContext.isNested ? 'span' : element,
+    className: classnames('dnb-p', deprecatedModifierString, className)
+  }, rest)));
+}
+const handleDeprecatedProps = _ref => {
   let {
+      weight,
+      size,
       modifier,
-      element = 'p',
-      className,
-      medium,
       bold,
-      size
+      medium
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
-  const allModifiers = [medium && 'medium', bold && 'bold'];
+    rest = _objectWithoutProperties(_ref, _excluded2);
+  let oldWeight;
+  let oldSize;
+  const allModifiers = [bold && 'bold', medium && 'medium'];
   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}`;
+  const remainingModifiers = allModifiers.filter(Boolean).filter(cur => {
+    if (['x-small'].includes(cur)) {
+      oldSize = 'x-small';
+    } else if (['small'].includes(cur)) {
+      oldSize = oldSize || 'small';
+    } else if (['medium'].includes(cur)) {
+      oldWeight = oldWeight || 'medium';
+    } else if (['bold'].includes(cur)) {
+      oldWeight = 'bold';
+    } else {
+      return true;
     }
-    return `${acc} dnb-p--${cur}`;
-  }, '');
-  return React.createElement(E, _extends({
-    as: element
-  }, props, {
-    className: classnames('dnb-p', modifierString, className, size && `dnb-p__size--${size}`)
-  }));
+    return false;
+  }, []);
+  return _objectSpread({
+    weight: weight || oldWeight,
+    size: oldSize && size !== 'x-small' ? oldSize : size,
+    remainingModifiers
+  }, rest);
 };
 P._supportsSpacingProps = true;
 export default P;
+export const ParagraphContext = createContext(undefined);
 //# sourceMappingURL=P.js.map