@dnb/eufemia 10.7.0 → 10.8.0

package/cjs/components/toggle-button/style/themes/dnb-toggle-button-theme-ui.scss

@@ -205,7 +205,9 @@
       }
     }
     .dnb-checkbox
-      .dnb-checkbox__input:not([disabled]):not(:focus):not(:active):not(:hover)
+      .dnb-checkbox__input:not([disabled]):not(:focus):not(:active):not(
+        :hover
+      )
       ~ .dnb-checkbox__gfx {
       color: var(--color-fire-red);
     }

package/cjs/elements/lib.d.ts

@@ -66,7 +66,7 @@ export declare const getElements: () => {
     } & import("react").HTMLAttributes<HTMLHeadingElement> & {
         as?: string;
         level?: "use";
-        size?: import("./H").HSize;
+        size?: "auto" | import("../components/Heading").HeadingSize;
     }) => import("react/jsx-runtime").JSX.Element;
     H1: ({ size, ...props }: import("./H").SharedHProps) => import("react/jsx-runtime").JSX.Element;
     H2: ({ size, ...props }: import("./H").SharedHProps) => import("react/jsx-runtime").JSX.Element;

package/cjs/elements/typography/H.d.ts

@@ -4,7 +4,8 @@
  */
 import React from 'react';
 import { SpacingProps } from '../../components/space/types';
-export type HSize = 'xx-large' | 'x-large' | 'large' | 'medium' | 'basis' | 'small' | 'x-small';
+import { HeadingSize } from '../../components/heading/Heading';
+export type HSize = HeadingSize;
 type HProps = SpacingProps & React.HTMLAttributes<HTMLHeadingElement> & {
     /**
      * Defines the Element Type, like "h1"
@@ -16,10 +17,11 @@ type HProps = SpacingProps & React.HTMLAttributes<HTMLHeadingElement> & {
      */
     level?: 'use';
     /**
-     * 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/
+     * 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/.
+     * Use value 'auto' to base size on heading level
      * Default: xx-large
      */
-    size?: HSize;
+    size?: HSize | 'auto';
 };
 export type SharedHProps = Omit<HProps, 'as'>;
 declare const H: ({ as, is, level, size, className, ...props }: HProps) => import("react/jsx-runtime").JSX.Element;

package/cjs/elements/typography/H.js

@@ -8,6 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Element = _interopRequireDefault(require("../Element"));
 var _HeadingHelpers = require("../../components/heading/HeadingHelpers");
+var _shared = require("../../shared");
 const _excluded = ["as", "is", "level", "size", "className"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -18,16 +19,19 @@ const H = _ref => {
       as = 'h1',
       is,
       level,
-      size = 'xx-large',
+      size,
       className
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
+  const numSiz = parseFloat(String(as || is).substring(1));
   if (level === 'use') {
-    (0, _HeadingHelpers.setNextLevel)(parseFloat(String(as || is).substring(1)));
+    (0, _HeadingHelpers.setNextLevel)(numSiz);
   }
+  const theme = (0, _shared.useTheme)();
+  const targetSize = size === 'auto' && (0, _HeadingHelpers.getHeadingSize)(theme === null || theme === void 0 ? void 0 : theme.name)[numSiz] || size || 'xx-large';
   return _react.default.createElement(_Element.default, _extends({
     as: as || is,
-    internalClass: (0, _classnames.default)(className, size && `dnb-h--${size}`)
+    internalClass: (0, _classnames.default)(className, targetSize && `dnb-h--${targetSize}`)
   }, props));
 };
 var _default = H;

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

@@ -1 +1 @@
-{"version":3,"file":"H.js","names":["_react","_interopRequireDefault","require","_classnames","_Element","_HeadingHelpers","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","H","_ref","as","is","level","size","className","props","setNextLevel","parseFloat","String","substring","createElement","internalClass","classnames","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,QAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AAAsE,MAAAI,SAAA;AAAA,SAAAL,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AA+BtE,MAAMmB,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,GAAAhB,wBAAA,CAAAU,IAAA,EAAA5B,SAAA;EAER,IAAI+B,KAAK,KAAK,KAAK,EAAE;IACnB,IAAAI,4BAAY,EAACC,UAAU,CAACC,MAAM,CAACR,EAAE,IAAIC,EAAE,CAAC,CAACQ,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;EACzD;EAEA,OACE5C,MAAA,CAAAS,OAAA,CAAAoC,aAAA,CAACzC,QAAA,CAAAK,OAAC,EAAAC,QAAA;IACAyB,EAAE,EAAEA,EAAE,IAAIC,EAAG;IACbU,aAAa,EAAE,IAAAC,mBAAU,EAA2BR,SAAS,EAAnCD,IAAI,IAAK,UAASA,IAAK,EAAY;EAAE,GAC3DE,KAAK,CACV,CAAC;AAEN,CAAC;AAAA,IAAAQ,QAAA,GAEcf,CAAC;AAAAgB,OAAA,CAAAxC,OAAA,GAAAuC,QAAA"}
+{"version":3,"file":"H.js","names":["_react","_interopRequireDefault","require","_classnames","_Element","_HeadingHelpers","_shared","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","H","_ref","as","is","level","size","className","props","numSiz","parseFloat","String","substring","setNextLevel","theme","useTheme","targetSize","getHeadingSize","name","createElement","internalClass","classnames","_default","exports"],"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 { HeadingSize } from '../../components/heading/Heading'\nimport {\n  setNextLevel,\n  getHeadingSize,\n} from '../../components/heading/HeadingHelpers'\nimport { useTheme } from '../../shared'\n\nexport type HSize = HeadingSize\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     * Use value 'auto' to base size on heading level\n     * Default: xx-large\n     */\n    size?: HSize | 'auto'\n  }\n\nexport type SharedHProps = Omit<HProps, 'as'>\n\nconst H = ({\n  as = 'h1',\n  is,\n  level,\n  size,\n  className,\n  ...props\n}: HProps) => {\n  const numSiz = parseFloat(String(as || is).substring(1))\n\n  if (level === 'use') {\n    setNextLevel(numSiz)\n  }\n\n  const theme = useTheme()\n  const targetSize =\n    (size === 'auto' && getHeadingSize(theme?.name)[numSiz]) ||\n    size ||\n    'xx-large'\n\n  return (\n    <E\n      as={as || is}\n      internalClass={classnames(\n        targetSize && `dnb-h--${targetSize}`,\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport default H\n"],"mappings":"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"}

package/cjs/elements/typography/H1.js

@@ -13,12 +13,12 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 const H1 = _ref => {
   let {
-      size = 'xx-large'
+      size
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
   return _react.default.createElement(_H.default, _extends({
     as: "h1",
-    size: size
+    size: size || 'auto'
   }, props));
 };
 var _default = H1;

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

@@ -1 +1 @@
-{"version":3,"file":"H1.js","names":["_react","_interopRequireDefault","require","_H","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","H1","_ref","size","props","createElement","as","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,EAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAmB,MAAAE,SAAA;AAAA,SAAAH,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAGnB,MAAMmB,EAAE,GAAGC,IAAA;EAAA,IAAC;MAAEC,IAAI,GAAG;IAAmC,CAAC,GAAAD,IAAA;IAArBE,KAAK,GAAAZ,wBAAA,CAAAU,IAAA,EAAA5B,SAAA;EAAA,OACvCJ,MAAA,CAAAO,OAAA,CAAA4B,aAAA,CAAChC,EAAA,CAAAI,OAAC,EAAAC,QAAA;IAAC4B,EAAE,EAAC,IAAI;IAACH,IAAI,EAAEA;EAAK,GAAKC,KAAK,CAAG,CAAC;AAAA,CACrC;AAAA,IAAAG,QAAA,GAEcN,EAAE;AAAAO,OAAA,CAAA/B,OAAA,GAAA8B,QAAA"}
+{"version":3,"file":"H1.js","names":["_react","_interopRequireDefault","require","_H","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","H1","_ref","size","props","createElement","as","_default","exports"],"sources":["../../../../src/elements/typography/H1.tsx"],"sourcesContent":["/**\n * HTML Element\n *\n */\nimport React from 'react'\nimport type { SharedHProps } from './H'\nimport H from './H'\n\nconst H1 = ({ size, ...props }: SharedHProps) => (\n  <H as=\"h1\" size={size || 'auto'} {...props} />\n)\n\nexport default H1\n"],"mappings":";;;;;;AAIA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,EAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAmB,MAAAE,SAAA;AAAA,SAAAH,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAEnB,MAAMmB,EAAE,GAAGC,IAAA;EAAA,IAAC;MAAEC;IAA6B,CAAC,GAAAD,IAAA;IAArBE,KAAK,GAAAZ,wBAAA,CAAAU,IAAA,EAAA5B,SAAA;EAAA,OAC1BJ,MAAA,CAAAO,OAAA,CAAA4B,aAAA,CAAChC,EAAA,CAAAI,OAAC,EAAAC,QAAA;IAAC4B,EAAE,EAAC,IAAI;IAACH,IAAI,EAAEA,IAAI,IAAI;EAAO,GAAKC,KAAK,CAAG,CAAC;AAAA,CAC/C;AAAA,IAAAG,QAAA,GAEcN,EAAE;AAAAO,OAAA,CAAA/B,OAAA,GAAA8B,QAAA"}

package/cjs/elements/typography/H2.js

@@ -13,12 +13,12 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 const H2 = _ref => {
   let {
-      size = 'large'
+      size
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
   return _react.default.createElement(_H.default, _extends({
     as: "h2",
-    size: size
+    size: size || 'auto'
   }, props));
 };
 var _default = H2;

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

@@ -1 +1 @@
-{"version":3,"file":"H2.js","names":["_react","_interopRequireDefault","require","_H","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","H2","_ref","size","props","createElement","as","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,EAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAmB,MAAAE,SAAA;AAAA,SAAAH,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAEnB,MAAMmB,EAAE,GAAGC,IAAA;EAAA,IAAC;MAAEC,IAAI,GAAG;IAAgC,CAAC,GAAAD,IAAA;IAArBE,KAAK,GAAAZ,wBAAA,CAAAU,IAAA,EAAA5B,SAAA;EAAA,OACpCJ,MAAA,CAAAO,OAAA,CAAA4B,aAAA,CAAChC,EAAA,CAAAI,OAAC,EAAAC,QAAA;IAAC4B,EAAE,EAAC,IAAI;IAACH,IAAI,EAAEA;EAAK,GAAKC,KAAK,CAAG,CAAC;AAAA,CACrC;AAAA,IAAAG,QAAA,GAEcN,EAAE;AAAAO,OAAA,CAAA/B,OAAA,GAAA8B,QAAA"}
+{"version":3,"file":"H2.js","names":["_react","_interopRequireDefault","require","_H","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","H2","_ref","size","props","createElement","as","_default","exports"],"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, ...props }: SharedHProps) => (\n  <H as=\"h2\" size={size || 'auto'} {...props} />\n)\n\nexport default H2\n"],"mappings":";;;;;;AAIA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,EAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAmB,MAAAE,SAAA;AAAA,SAAAH,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAEnB,MAAMmB,EAAE,GAAGC,IAAA;EAAA,IAAC;MAAEC;IAA6B,CAAC,GAAAD,IAAA;IAArBE,KAAK,GAAAZ,wBAAA,CAAAU,IAAA,EAAA5B,SAAA;EAAA,OAC1BJ,MAAA,CAAAO,OAAA,CAAA4B,aAAA,CAAChC,EAAA,CAAAI,OAAC,EAAAC,QAAA;IAAC4B,EAAE,EAAC,IAAI;IAACH,IAAI,EAAEA,IAAI,IAAI;EAAO,GAAKC,KAAK,CAAG,CAAC;AAAA,CAC/C;AAAA,IAAAG,QAAA,GAEcN,EAAE;AAAAO,OAAA,CAAA/B,OAAA,GAAA8B,QAAA"}

package/cjs/elements/typography/H3.js

@@ -13,12 +13,12 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 const H3 = _ref => {
   let {
-      size = 'medium'
+      size
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
   return _react.default.createElement(_H.default, _extends({
     as: "h3",
-    size: size
+    size: size || 'auto'
   }, props));
 };
 var _default = H3;

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

@@ -1 +1 @@
-{"version":3,"file":"H3.js","names":["_react","_interopRequireDefault","require","_H","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","H3","_ref","size","props","createElement","as","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,EAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAmB,MAAAE,SAAA;AAAA,SAAAH,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAEnB,MAAMmB,EAAE,GAAGC,IAAA;EAAA,IAAC;MAAEC,IAAI,GAAG;IAAiC,CAAC,GAAAD,IAAA;IAArBE,KAAK,GAAAZ,wBAAA,CAAAU,IAAA,EAAA5B,SAAA;EAAA,OACrCJ,MAAA,CAAAO,OAAA,CAAA4B,aAAA,CAAChC,EAAA,CAAAI,OAAC,EAAAC,QAAA;IAAC4B,EAAE,EAAC,IAAI;IAACH,IAAI,EAAEA;EAAK,GAAKC,KAAK,CAAG,CAAC;AAAA,CACrC;AAAA,IAAAG,QAAA,GAEcN,EAAE;AAAAO,OAAA,CAAA/B,OAAA,GAAA8B,QAAA"}
+{"version":3,"file":"H3.js","names":["_react","_interopRequireDefault","require","_H","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","H3","_ref","size","props","createElement","as","_default","exports"],"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, ...props }: SharedHProps) => (\n  <H as=\"h3\" size={size || 'auto'} {...props} />\n)\n\nexport default H3\n"],"mappings":";;;;;;AAIA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,EAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAmB,MAAAE,SAAA;AAAA,SAAAH,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAEnB,MAAMmB,EAAE,GAAGC,IAAA;EAAA,IAAC;MAAEC;IAA6B,CAAC,GAAAD,IAAA;IAArBE,KAAK,GAAAZ,wBAAA,CAAAU,IAAA,EAAA5B,SAAA;EAAA,OAC1BJ,MAAA,CAAAO,OAAA,CAAA4B,aAAA,CAAChC,EAAA,CAAAI,OAAC,EAAAC,QAAA;IAAC4B,EAAE,EAAC,IAAI;IAACH,IAAI,EAAEA,IAAI,IAAI;EAAO,GAAKC,KAAK,CAAG,CAAC;AAAA,CAC/C;AAAA,IAAAG,QAAA,GAEcN,EAAE;AAAAO,OAAA,CAAA/B,OAAA,GAAA8B,QAAA"}

package/cjs/elements/typography/H4.js

@@ -13,12 +13,12 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 const H4 = _ref => {
   let {
-      size = 'basis'
+      size
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
   return _react.default.createElement(_H.default, _extends({
     as: "h4",
-    size: size
+    size: size || 'auto'
   }, props));
 };
 var _default = H4;

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

@@ -1 +1 @@
-{"version":3,"file":"H4.js","names":["_react","_interopRequireDefault","require","_H","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","H4","_ref","size","props","createElement","as","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,EAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAmB,MAAAE,SAAA;AAAA,SAAAH,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAEnB,MAAMmB,EAAE,GAAGC,IAAA;EAAA,IAAC;MAAEC,IAAI,GAAG;IAAgC,CAAC,GAAAD,IAAA;IAArBE,KAAK,GAAAZ,wBAAA,CAAAU,IAAA,EAAA5B,SAAA;EAAA,OACpCJ,MAAA,CAAAO,OAAA,CAAA4B,aAAA,CAAChC,EAAA,CAAAI,OAAC,EAAAC,QAAA;IAAC4B,EAAE,EAAC,IAAI;IAACH,IAAI,EAAEA;EAAK,GAAKC,KAAK,CAAG,CAAC;AAAA,CACrC;AAAA,IAAAG,QAAA,GAEcN,EAAE;AAAAO,OAAA,CAAA/B,OAAA,GAAA8B,QAAA"}
+{"version":3,"file":"H4.js","names":["_react","_interopRequireDefault","require","_H","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","H4","_ref","size","props","createElement","as","_default","exports"],"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, ...props }: SharedHProps) => (\n  <H as=\"h4\" size={size || 'auto'} {...props} />\n)\n\nexport default H4\n"],"mappings":";;;;;;AAIA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,EAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAmB,MAAAE,SAAA;AAAA,SAAAH,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAEnB,MAAMmB,EAAE,GAAGC,IAAA;EAAA,IAAC;MAAEC;IAA6B,CAAC,GAAAD,IAAA;IAArBE,KAAK,GAAAZ,wBAAA,CAAAU,IAAA,EAAA5B,SAAA;EAAA,OAC1BJ,MAAA,CAAAO,OAAA,CAAA4B,aAAA,CAAChC,EAAA,CAAAI,OAAC,EAAAC,QAAA;IAAC4B,EAAE,EAAC,IAAI;IAACH,IAAI,EAAEA,IAAI,IAAI;EAAO,GAAKC,KAAK,CAAG,CAAC;AAAA,CAC/C;AAAA,IAAAG,QAAA,GAEcN,EAAE;AAAAO,OAAA,CAAA/B,OAAA,GAAA8B,QAAA"}

package/cjs/elements/typography/H5.js

@@ -13,12 +13,12 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 const H5 = _ref => {
   let {
-      size = 'small'
+      size
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
   return _react.default.createElement(_H.default, _extends({
     as: "h5",
-    size: size
+    size: size || 'auto'
   }, props));
 };
 var _default = H5;

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

@@ -1 +1 @@
-{"version":3,"file":"H5.js","names":["_react","_interopRequireDefault","require","_H","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","H5","_ref","size","props","createElement","as","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,EAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAmB,MAAAE,SAAA;AAAA,SAAAH,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAEnB,MAAMmB,EAAE,GAAGC,IAAA;EAAA,IAAC;MAAEC,IAAI,GAAG;IAAgC,CAAC,GAAAD,IAAA;IAArBE,KAAK,GAAAZ,wBAAA,CAAAU,IAAA,EAAA5B,SAAA;EAAA,OACpCJ,MAAA,CAAAO,OAAA,CAAA4B,aAAA,CAAChC,EAAA,CAAAI,OAAC,EAAAC,QAAA;IAAC4B,EAAE,EAAC,IAAI;IAACH,IAAI,EAAEA;EAAK,GAAKC,KAAK,CAAG,CAAC;AAAA,CACrC;AAAA,IAAAG,QAAA,GAEcN,EAAE;AAAAO,OAAA,CAAA/B,OAAA,GAAA8B,QAAA"}
+{"version":3,"file":"H5.js","names":["_react","_interopRequireDefault","require","_H","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","H5","_ref","size","props","createElement","as","_default","exports"],"sources":["../../../../src/elements/typography/H5.tsx"],"sourcesContent":["/**\n * HTML Element\n *\n */\nimport React from 'react'\nimport type { SharedHProps } from './H'\nimport H from './H'\n\nconst H5 = ({ size, ...props }: SharedHProps) => (\n  <H as=\"h5\" size={size || 'auto'} {...props} />\n)\n\nexport default H5\n"],"mappings":";;;;;;AAIA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,EAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAmB,MAAAE,SAAA;AAAA,SAAAH,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAEnB,MAAMmB,EAAE,GAAGC,IAAA;EAAA,IAAC;MAAEC;IAA6B,CAAC,GAAAD,IAAA;IAArBE,KAAK,GAAAZ,wBAAA,CAAAU,IAAA,EAAA5B,SAAA;EAAA,OAC1BJ,MAAA,CAAAO,OAAA,CAAA4B,aAAA,CAAChC,EAAA,CAAAI,OAAC,EAAAC,QAAA;IAAC4B,EAAE,EAAC,IAAI;IAACH,IAAI,EAAEA,IAAI,IAAI;EAAO,GAAKC,KAAK,CAAG,CAAC;AAAA,CAC/C;AAAA,IAAAG,QAAA,GAEcN,EAAE;AAAAO,OAAA,CAAA/B,OAAA,GAAA8B,QAAA"}

package/cjs/elements/typography/H6.js

@@ -13,12 +13,12 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 const H6 = _ref => {
   let {
-      size = 'x-small'
+      size
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
   return _react.default.createElement(_H.default, _extends({
     as: "h6",
-    size: size
+    size: size || 'auto'
   }, props));
 };
 var _default = H6;

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

@@ -1 +1 @@
-{"version":3,"file":"H6.js","names":["_react","_interopRequireDefault","require","_H","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","H6","_ref","size","props","createElement","as","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,EAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAmB,MAAAE,SAAA;AAAA,SAAAH,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAEnB,MAAMmB,EAAE,GAAGC,IAAA;EAAA,IAAC;MAAEC,IAAI,GAAG;IAAkC,CAAC,GAAAD,IAAA;IAArBE,KAAK,GAAAZ,wBAAA,CAAAU,IAAA,EAAA5B,SAAA;EAAA,OACtCJ,MAAA,CAAAO,OAAA,CAAA4B,aAAA,CAAChC,EAAA,CAAAI,OAAC,EAAAC,QAAA;IAAC4B,EAAE,EAAC,IAAI;IAACH,IAAI,EAAEA;EAAK,GAAKC,KAAK,CAAG,CAAC;AAAA,CACrC;AAAA,IAAAG,QAAA,GAEcN,EAAE;AAAAO,OAAA,CAAA/B,OAAA,GAAA8B,QAAA"}
+{"version":3,"file":"H6.js","names":["_react","_interopRequireDefault","require","_H","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","H6","_ref","size","props","createElement","as","_default","exports"],"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, ...props }: SharedHProps) => (\n  <H as=\"h6\" size={size || 'auto'} {...props} />\n)\n\nexport default H6\n"],"mappings":";;;;;;AAIA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,EAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAmB,MAAAE,SAAA;AAAA,SAAAH,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAEnB,MAAMmB,EAAE,GAAGC,IAAA;EAAA,IAAC;MAAEC;IAA6B,CAAC,GAAAD,IAAA;IAArBE,KAAK,GAAAZ,wBAAA,CAAAU,IAAA,EAAA5B,SAAA;EAAA,OAC1BJ,MAAA,CAAAO,OAAA,CAAA4B,aAAA,CAAChC,EAAA,CAAAI,OAAC,EAAAC,QAAA;IAAC4B,EAAE,EAAC,IAAI;IAACH,IAAI,EAAEA,IAAI,IAAI;EAAO,GAAKC,KAAK,CAAG,CAAC;AAAA,CAC/C;AAAA,IAAAG,QAAA,GAEcN,EAAE;AAAAO,OAAA,CAAA/B,OAAA,GAAA8B,QAAA"}

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

@@ -51,6 +51,7 @@
   --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);
+  --typography-h-basis-font-family: var(--font-family-default);
 
   // Heading small
   --typography-h-small-font-size: var(--font-size-small);
@@ -58,11 +59,13 @@
   --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);
+  --typography-h-small-font-family: var(--font-family-default);
 
   // 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);
+  --typography-h-x-small-font-family: var(--font-family-default);
 }
 
 @include headingClasses() {

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

@@ -1,4 +1,5 @@
 @use '../typography-mixins.scss' as typography;
+@use '../../../../style/core/utilities.scss' as utilities;
 
 // Paragraphs
 .dnb-p {
@@ -22,6 +23,15 @@
   --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);
+
+  @include utilities.allBelow(small) {
+    --typography-h-xx-large-font-size: var(--font-size-x-large);
+    --typography-h-xx-large-line-height: var(--line-height-x-large);
+    --typography-h-x-large-font-size: var(--font-size-large);
+    --typography-h-x-large-line-height: var(--line-height-large);
+    --typography-h-large-font-size: var(--font-size-medium);
+    --typography-h-large-line-height: var(--line-height-medium);
+    --typography-h-medium-font-size: var(--font-size-lead);
+    --typography-h-medium-line-height: var(--line-height-lead);
+  }
 }

package/cjs/elements/typography/style/typography-mixins.scss

@@ -6,9 +6,11 @@
     $selectors: &;
     @at-root {
       @include headingTags() {
+        // prettier-ignore
         $selectors: #{$selectors}, &;
         @at-root {
           @include otherSelectos() {
+            // prettier-ignore
             $selectors: #{$selectors}, &;
 
             @at-root #{$selectors} {
@@ -191,6 +193,7 @@
     var(--typography-h-basis-small-line-height),
     var(--typography-h-basis-weight)
   ) {
+    font-family: var(--typography-h-basis-font-family);
     @content;
   }
 }
@@ -203,6 +206,7 @@
     var(--typography-h-small-small-line-height),
     var(--typography-h-small-weight)
   ) {
+    font-family: var(--typography-h-small-font-family);
     @content;
   }
 }
@@ -215,6 +219,7 @@
     null,
     var(--typography-h-x-small-weight)
   ) {
+    font-family: var(--typography-h-x-small-font-family);
     @content;
   }
 }

package/cjs/extensions/forms/DataContext/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Context","_interopRequireDefault","require","_Provider","_SubmitButton","_At","obj","__esModule","default","DataContext","Context","Provider","SubmitButton","At","_default","exports"],"sources":["../../../../../src/extensions/forms/DataContext/index.ts"],"sourcesContent":["import Context, { ContextState } from './Context'\nimport Provider from './Provider'\nimport SubmitButton from './SubmitButton'\nimport At from './At'\n\nconst DataContext = {\n  Context,\n  Provider,\n  SubmitButton,\n  At,\n}\n\nexport type { ContextState }\nexport default DataContext\n\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,aAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,GAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAqB,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAErB,MAAMG,WAAW,GAAG;EAClBC,OAAO,EAAPA,gBAAO;EACPC,QAAQ,EAARA,iBAAQ;EACRC,YAAY,EAAZA,qBAAY;EACZC,EAAE,EAAFA;AACF,CAAC;AAAA,IAAAC,QAAA,GAGcL,WAAW;AAAAM,OAAA,CAAAP,OAAA,GAAAM,QAAA"}
+{"version":3,"file":"index.js","names":["_Context","_interopRequireDefault","require","_Provider","_SubmitButton","_At","obj","__esModule","default","DataContext","Context","Provider","SubmitButton","At","_default","exports"],"sources":["../../../../../src/extensions/forms/DataContext/index.ts"],"sourcesContent":["import Context, { ContextState } from './Context'\nimport Provider from './Provider'\nimport SubmitButton from './SubmitButton'\nimport At from './At'\n\nconst DataContext = {\n  Context,\n  Provider,\n  SubmitButton,\n  At,\n}\n\nexport type { ContextState }\nexport default DataContext\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,aAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,GAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAqB,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAErB,MAAMG,WAAW,GAAG;EAClBC,OAAO,EAAPA,gBAAO;EACPC,QAAQ,EAARA,iBAAQ;EACRC,YAAY,EAAZA,qBAAY;EACZC,EAAE,EAAFA;AACF,CAAC;AAAA,IAAAC,QAAA,GAGcL,WAAW;AAAAM,OAAA,CAAAP,OAAA,GAAAM,QAAA"}

package/cjs/extensions/forms/Field/ArraySelection.d.ts

@@ -3,7 +3,8 @@ import type { ComponentProps } from '../component-types';
 import type { FieldProps } from '../field-types';
 export type Props = ComponentProps & FieldProps<Array<string | number>> & {
     children?: React.ReactNode;
-    variant?: 'checkbox';
+    variant?: 'checkbox' | 'button';
+    optionsLayout?: 'horizontal' | 'vertical';
 };
 declare function ArraySelection(props: Props): import("react/jsx-runtime").JSX.Element;
 declare namespace ArraySelection {

package/cjs/extensions/forms/Field/ArraySelection.js

@@ -4,21 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _components = require("../../../components");
+var _ButtonRow = _interopRequireDefault(require("../Layout/ButtonRow"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _utils = require("../utils");
 var _Option = _interopRequireDefault(require("./Option"));
 var _FieldBlock = _interopRequireDefault(require("../FieldBlock"));
 var _hooks = require("./hooks");
-var _br;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function ArraySelection(props) {
   const {
+    id,
     className,
-    variant,
-    layout,
+    variant = 'checkbox',
+    layout = 'vertical',
+    optionsLayout = 'vertical',
     label,
     labelDescription,
     labelSecondary,
@@ -28,38 +36,50 @@ function ArraySelection(props) {
     warning,
     disabled,
     emptyValue,
-    onChange,
+    handleChange,
     children
   } = (0, _hooks.useField)(props);
-  const options = _react.default.Children.toArray(children).filter(child => _react.default.isValidElement(child) && child.type === _Option.default);
+  const fieldBlockProps = _objectSpread({
+    forId: id,
+    className: (0, _classnames.default)(`dnb-forms-field-array-selection dnb-forms-field-array-selection--options-layout-${optionsLayout}`, className),
+    contentClassName: 'dnb-forms-field-array-selection__options',
+    info,
+    warning,
+    error,
+    layout,
+    label,
+    labelDescription,
+    labelSecondary
+  }, (0, _utils.forwardSpaceProps)(props));
+  const options = (0, _react.useMemo)(() => _react.default.Children.toArray(children).filter(child => _react.default.isValidElement(child) && child.type === _Option.default).map(option => ({
+    title: option.props.title ?? option.props.children,
+    value: option.props.value,
+    handleSelect: () => {
+      const selected = option.props.value;
+      const newValue = value !== null && value !== void 0 && value.includes(selected) ? value.filter(value => value !== selected) : [...(value ?? []), selected];
+      handleChange === null || handleChange === void 0 ? void 0 : handleChange(newValue.length === 0 ? emptyValue : newValue);
+    }
+  })), [children, value, emptyValue, handleChange]);
   switch (variant) {
-    default:
+    case 'button':
+      return _react.default.createElement(_FieldBlock.default, fieldBlockProps, _react.default.createElement(_ButtonRow.default, null, options.map((option, i) => _react.default.createElement(_components.Button, {
+        key: `option-${i}-${option.value}`,
+        id: id,
+        text: option.title,
+        on_click: option.handleSelect,
+        variant: value !== null && value !== void 0 && value.includes(option.value) ? undefined : 'secondary',
+        status: error ? 'error' : undefined,
+        disabled: disabled
+      }))));
     case 'checkbox':
-      return _react.default.createElement(_FieldBlock.default, _extends({
-        className: (0, _classnames.default)('dnb-forms-field-string', className),
-        layout: layout,
-        label: label,
-        labelDescription: labelDescription,
-        labelSecondary: labelSecondary,
-        info: info,
-        warning: warning,
-        error: error
-      }, (0, _utils.forwardSpaceProps)(props)), options.map((child, i) => _react.default.createElement(_react.default.Fragment, {
-        key: child.props.value ?? `option-${i}`
-      }, _react.default.createElement(_components.Checkbox, {
-        label: child.props.title ?? child.props.children,
-        checked: child.props.value && (value === null || value === void 0 ? void 0 : value.includes(child.props.value)),
-        top: i > 0 ? 'x-small' : undefined,
+      return _react.default.createElement(_FieldBlock.default, fieldBlockProps, options.map((option, i) => _react.default.createElement(_components.Checkbox, {
+        key: `option-${i}-${option.value}`,
+        className: "dnb-forms-field-array-selection__checkbox",
+        label: option.title,
+        checked: value === null || value === void 0 ? void 0 : value.includes(option.value),
         disabled: disabled,
-        onChange: () => {
-          const clickedValue = child.props.value;
-          if (clickedValue === undefined) {
-            onChange === null || onChange === void 0 ? void 0 : onChange(emptyValue);
-          }
-          const newValue = value !== null && value !== void 0 && value.includes(clickedValue) ? value.filter(value => value !== clickedValue) : [...(value ?? []), clickedValue];
-          onChange === null || onChange === void 0 ? void 0 : onChange(newValue.length === 0 ? emptyValue : newValue);
-        }
-      }), _br || (_br = _react.default.createElement("br", null)))));
+        on_change: option.handleSelect
+      })));
   }
 }
 ArraySelection._supportsEufemiaSpacingProps = true;

package/cjs/extensions/forms/Field/ArraySelection.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArraySelection.js","names":["_react","_interopRequireDefault","require","_components","_classnames","_utils","_Option","_FieldBlock","_hooks","_br","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ArraySelection","props","className","variant","layout","label","labelDescription","labelSecondary","value","error","info","warning","disabled","emptyValue","onChange","children","useField","options","React","Children","toArray","filter","child","isValidElement","type","Option","createElement","classnames","forwardSpaceProps","map","Fragment","Checkbox","title","checked","includes","top","undefined","clickedValue","newValue","_supportsEufemiaSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/Field/ArraySelection.tsx"],"sourcesContent":["import React from 'react'\nimport { Checkbox } from '../../../components'\nimport classnames from 'classnames'\nimport { forwardSpaceProps } from '../utils'\nimport Option from './Option'\nimport FieldBlock from '../FieldBlock'\nimport { useField } from './hooks'\nimport type { ComponentProps } from '../component-types'\nimport type { FieldProps } from '../field-types'\n\nexport type Props = ComponentProps &\n  FieldProps<Array<string | number>> & {\n    children?: React.ReactNode\n    variant?: 'checkbox'\n  }\n\nfunction ArraySelection(props: Props) {\n  const {\n    className,\n    variant,\n    layout,\n    label,\n    labelDescription,\n    labelSecondary,\n    value,\n    error,\n    info,\n    warning,\n    disabled,\n    emptyValue,\n    onChange,\n    children,\n  } = useField(props)\n\n  const options = React.Children.toArray(children).filter(\n    (child) => React.isValidElement(child) && child.type === Option\n  ) as React.ReactElement[]\n\n  switch (variant) {\n    default:\n    case 'checkbox':\n      return (\n        <FieldBlock\n          className={classnames('dnb-forms-field-string', className)}\n          layout={layout}\n          label={label}\n          labelDescription={labelDescription}\n          labelSecondary={labelSecondary}\n          info={info}\n          warning={warning}\n          error={error}\n          {...forwardSpaceProps(props)}\n        >\n          {options.map((child, i) => (\n            <React.Fragment key={child.props.value ?? `option-${i}`}>\n              <Checkbox\n                label={child.props.title ?? child.props.children}\n                checked={\n                  child.props.value && value?.includes(child.props.value)\n                }\n                top={i > 0 ? 'x-small' : undefined}\n                disabled={disabled}\n                onChange={() => {\n                  const clickedValue = child.props.value\n\n                  if (clickedValue === undefined) {\n                    onChange?.(emptyValue)\n                  }\n\n                  const newValue = value?.includes(clickedValue)\n                    ? value.filter((value) => value !== clickedValue)\n                    : [...(value ?? []), clickedValue]\n\n                  onChange?.(newValue.length === 0 ? emptyValue : newValue)\n                }}\n              />\n              <br />\n            </React.Fragment>\n          ))}\n        </FieldBlock>\n      )\n  }\n}\n\nArraySelection._supportsEufemiaSpacingProps = true\nexport default ArraySelection\n"],"mappings":"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"}
+{"version":3,"file":"ArraySelection.js","names":["_react","_interopRequireWildcard","require","_components","_ButtonRow","_interopRequireDefault","_classnames","_utils","_Option","_FieldBlock","_hooks","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","ArraySelection","props","id","className","variant","layout","optionsLayout","label","labelDescription","labelSecondary","error","info","warning","disabled","emptyValue","handleChange","children","useField","fieldBlockProps","forId","classnames","contentClassName","forwardSpaceProps","options","useMemo","React","Children","toArray","child","isValidElement","type","Option","map","option","title","handleSelect","selected","newValue","includes","createElement","Button","text","on_click","status","Checkbox","checked","on_change","_supportsEufemiaSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/Field/ArraySelection.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\nimport { Checkbox, Button } from '../../../components'\nimport ButtonRow from '../Layout/ButtonRow'\nimport classnames from 'classnames'\nimport { forwardSpaceProps } from '../utils'\nimport Option from './Option'\nimport FieldBlock from '../FieldBlock'\nimport { useField } from './hooks'\nimport type { ComponentProps } from '../component-types'\nimport type { FieldProps } from '../field-types'\n\ninterface IOption {\n  title: string\n  value: number | string\n  handleSelect: () => void\n}\n\nexport type Props = ComponentProps &\n  FieldProps<Array<string | number>> & {\n    children?: React.ReactNode\n    variant?: 'checkbox' | 'button'\n    optionsLayout?: 'horizontal' | 'vertical'\n  }\n\nfunction ArraySelection(props: Props) {\n  const {\n    id,\n    className,\n    variant = 'checkbox',\n    layout = 'vertical',\n    optionsLayout = 'vertical',\n    label,\n    labelDescription,\n    labelSecondary,\n    value,\n    error,\n    info,\n    warning,\n    disabled,\n    emptyValue,\n    handleChange,\n    children,\n  } = useField(props)\n\n  const fieldBlockProps = {\n    forId: id,\n    className: classnames(\n      'dnb-forms-field-array-selection',\n      `dnb-forms-field-array-selection--options-layout-${optionsLayout}`,\n      className\n    ),\n    contentClassName: 'dnb-forms-field-array-selection__options',\n    info,\n    warning,\n    error,\n    layout,\n    label,\n    labelDescription,\n    labelSecondary,\n    ...forwardSpaceProps(props),\n  }\n\n  const options: IOption[] = useMemo(\n    () =>\n      React.Children.toArray(children)\n        .filter(\n          (child) => React.isValidElement(child) && child.type === Option\n        )\n        .map((option: React.ReactElement) => ({\n          title: option.props.title ?? option.props.children,\n          value: option.props.value,\n          handleSelect: () => {\n            const selected = option.props.value\n\n            const newValue = value?.includes(selected)\n              ? value.filter((value) => value !== selected)\n              : [...(value ?? []), selected]\n\n            handleChange?.(newValue.length === 0 ? emptyValue : newValue)\n          },\n        })),\n    [children, value, emptyValue, handleChange]\n  )\n\n  switch (variant) {\n    case 'button':\n      return (\n        <FieldBlock {...fieldBlockProps}>\n          <ButtonRow>\n            {options.map((option, i) => (\n              <Button\n                key={`option-${i}-${option.value}`}\n                id={id}\n                text={option.title}\n                on_click={option.handleSelect}\n                variant={\n                  value?.includes(option.value) ? undefined : 'secondary'\n                }\n                status={error ? 'error' : undefined}\n                disabled={disabled}\n              />\n            ))}\n          </ButtonRow>\n        </FieldBlock>\n      )\n    case 'checkbox':\n      return (\n        <FieldBlock {...fieldBlockProps}>\n          {options.map((option, i) => (\n            <Checkbox\n              key={`option-${i}-${option.value}`}\n              className=\"dnb-forms-field-array-selection__checkbox\"\n              label={option.title}\n              checked={value?.includes(option.value)}\n              disabled={disabled}\n              on_change={option.handleSelect}\n            />\n          ))}\n        </FieldBlock>\n      )\n  }\n}\n\nArraySelection._supportsEufemiaSpacingProps = true\nexport default ArraySelection\n"],"mappings":"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"}

package/cjs/extensions/forms/Field/CountryCode.d.ts

@@ -0,0 +1,10 @@
+import type { ComponentProps } from '../component-types';
+import type { FieldProps, FieldHelpProps } from '../field-types';
+export type Props = ComponentProps & FieldHelpProps & FieldProps<string> & {
+    width?: false | 'small' | 'medium' | 'large' | 'stretch';
+};
+declare function CountryCode(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace CountryCode {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default CountryCode;