@dnb/eufemia 10.6.0 → 10.8.0

package/cjs/components/timeline/TimelineItem.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _FormStatus2 = _interopRequireDefault(require("../form-status/FormStatus"));
+var _FormStatus = _interopRequireDefault(require("../form-status/FormStatus"));
 var _IconPrimary = _interopRequireDefault(require("../icon-primary/IconPrimary"));
 var _SkeletonHelper = require("../skeleton/SkeletonHelper");
 var _check = _interopRequireDefault(require("../../icons/check"));
@@ -15,7 +15,8 @@ var _pin = _interopRequireDefault(require("../../icons/pin"));
 var _Context = _interopRequireDefault(require("../../shared/Context"));
 var _componentHelper = require("../../shared/component-helper");
 var _span;
-const _excluded = ["icon", "iconAlt", "title", "subtitle", "infoMessage", "state", "skeleton"];
+const _excluded = ["icon", "iconAlt", "title", "subtitle", "infoMessage", "state", "skeleton"],
+  _excluded2 = ["title"];
 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -30,17 +31,7 @@ const defaultProps = {
   skeleton: false
 };
 const TimelineItem = localProps => {
-  var _span2, _span3, _FormStatus;
   const context = _react.default.useContext(_Context.default);
-  const {
-    translation: {
-      TimelineItem: {
-        alt_label_completed,
-        alt_label_current,
-        alt_label_upcoming
-      }
-    }
-  } = context;
   const allProps = (0, _componentHelper.extendPropsWithContext)(localProps, defaultProps, context === null || context === void 0 ? void 0 : context.TimelineItem, {
     skeleton: context === null || context === void 0 ? void 0 : context.skeleton
   });
@@ -54,44 +45,85 @@ const TimelineItem = localProps => {
       skeleton
     } = allProps,
     props = _objectWithoutProperties(allProps, _excluded);
-  const stateIsCompleted = state === 'completed';
-  const stateIsCurrent = state === 'current';
-  const stateIsUpcoming = state === 'upcoming';
   const skeletonClasses = (0, _SkeletonHelper.createSkeletonClass)('font', skeleton, context);
   const classes = (0, _classnames.default)(`dnb-timeline__item dnb-timeline__item--${state}`, skeletonClasses);
-  const TimelineItemIcon = () => {
-    const currentIcon = icon || stateIsCompleted && _check.default || stateIsCurrent && _pin.default || stateIsUpcoming && _calendar.default;
-    const currentAltLabel = iconAlt || stateIsCompleted && alt_label_completed || stateIsCurrent && alt_label_current || stateIsUpcoming && alt_label_upcoming;
-    return _react.default.createElement("span", {
-      className: "dnb-timeline__item__label__icon"
-    }, _span || (_span = _react.default.createElement("span", {
-      key: "icon-alignment",
-      "aria-hidden": true
-    }, "\u200C")), !skeleton && currentIcon && _react.default.createElement(_IconPrimary.default, {
-      icon: currentIcon,
-      alt: currentAltLabel,
-      size: stateIsCurrent ? undefined : 'small'
-    }));
-  };
-  const TimelineItemTitle = () => {
-    return _span2 || (_span2 = _react.default.createElement("span", {
-      className: "dnb-timeline__item__label__title"
-    }, title));
+  return _react.default.createElement("li", _extends({
+    className: classes,
+    "aria-current": state === 'current' ? 'step' : undefined
+  }, props), _react.default.createElement(TimelineItemLabel, {
+    state: state,
+    title: title,
+    icon: icon,
+    iconAlt: iconAlt,
+    skeleton: skeleton,
+    translations: context.translation.TimelineItem
+  }), _react.default.createElement(TimelineItemContent, {
+    subtitle: subtitle,
+    infoMessage: infoMessage
+  }));
+};
+const TimelineItemLabel = _ref => {
+  let {
+      title
+    } = _ref,
+    iconProps = _objectWithoutProperties(_ref, _excluded2);
+  return _react.default.createElement("span", {
+    className: "dnb-timeline__item__label"
+  }, _react.default.createElement(TimelineItemIcon, iconProps), _react.default.createElement(TimelineItemTitle, {
+    title: title
+  }));
+};
+const TimelineItemIcon = _ref2 => {
+  let {
+    icon,
+    state,
+    iconAlt,
+    skeleton,
+    translations
+  } = _ref2;
+  const {
+    alt_label_completed,
+    alt_label_current,
+    alt_label_upcoming
+  } = translations;
+  const icons = {
+    completed: _check.default,
+    current: _pin.default,
+    upcoming: _calendar.default
   };
-  const TimelineItemLabel = () => {
-    return _span3 || (_span3 = _react.default.createElement("span", {
-      className: "dnb-timeline__item__label"
-    }, _react.default.createElement(TimelineItemIcon, null), _react.default.createElement(TimelineItemTitle, null)));
+  const labels = {
+    completed: alt_label_completed,
+    current: alt_label_current,
+    upcoming: alt_label_upcoming
   };
-  const getSubtitle = () => {
-    const TimelineItemSubtitle = _ref => {
-      let {
-        subtitle
-      } = _ref;
-      return _react.default.createElement("div", {
-        className: "dnb-timeline__item__content__subtitle"
-      }, subtitle);
-    };
+  const currentIcon = icon || icons[state];
+  const currentAltLabel = iconAlt || labels[state];
+  return _react.default.createElement("span", {
+    className: "dnb-timeline__item__label__icon"
+  }, _span || (_span = _react.default.createElement("span", {
+    key: "icon-alignment",
+    "aria-hidden": true
+  }, "\u200C")), !skeleton && currentIcon && _react.default.createElement(_IconPrimary.default, {
+    icon: currentIcon,
+    alt: currentAltLabel,
+    size: state === 'current' ? undefined : 'small'
+  }));
+};
+const TimelineItemTitle = _ref3 => {
+  let {
+    title
+  } = _ref3;
+  return _react.default.createElement("span", {
+    className: "dnb-timeline__item__label__title"
+  }, title);
+};
+const TimelineItemContent = _ref4 => {
+  var _TimelineItemSubtitle;
+  let {
+    subtitle,
+    infoMessage
+  } = _ref4;
+  const renderSubtitles = () => {
     if (!subtitle) {
       return null;
     }
@@ -101,24 +133,26 @@ const TimelineItem = localProps => {
         subtitle: subtitle
       }));
     }
-    return _react.default.createElement(TimelineItemSubtitle, {
+    return _TimelineItemSubtitle || (_TimelineItemSubtitle = _react.default.createElement(TimelineItemSubtitle, {
       subtitle: subtitle
-    });
-  };
-  const TimelineItemContent = () => {
-    return _react.default.createElement("div", {
-      className: "dnb-timeline__item__content"
-    }, getSubtitle(), infoMessage && (_FormStatus || (_FormStatus = _react.default.createElement(_FormStatus2.default, {
-      text: infoMessage,
-      state: "info",
-      className: "dnb-timeline__item__content__info",
-      stretch: true
-    }))));
+    }));
   };
-  return _react.default.createElement("li", _extends({
-    className: classes,
-    "aria-current": stateIsCurrent ? 'step' : undefined
-  }, props), _react.default.createElement(TimelineItemLabel, null), _react.default.createElement(TimelineItemContent, null));
+  return _react.default.createElement("div", {
+    className: "dnb-timeline__item__content"
+  }, renderSubtitles(), infoMessage && _react.default.createElement(_FormStatus.default, {
+    text: infoMessage,
+    state: "info",
+    className: "dnb-timeline__item__content__info",
+    stretch: true
+  }));
+};
+const TimelineItemSubtitle = _ref5 => {
+  let {
+    subtitle
+  } = _ref5;
+  return _react.default.createElement("div", {
+    className: "dnb-timeline__item__content__subtitle"
+  }, subtitle);
 };
 var _default = TimelineItem;
 exports.default = _default;

package/cjs/components/timeline/TimelineItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimelineItem.js","names":["_react","_interopRequireDefault","require","_classnames","_FormStatus2","_IconPrimary","_SkeletonHelper","_check","_calendar","_pin","_Context","_componentHelper","_span","_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","defaultProps","icon","iconAlt","title","subtitle","infoMessage","state","skeleton","TimelineItem","localProps","_span2","_span3","_FormStatus","context","React","useContext","Context","translation","alt_label_completed","alt_label_current","alt_label_upcoming","allProps","extendPropsWithContext","props","stateIsCompleted","stateIsCurrent","stateIsUpcoming","skeletonClasses","createSkeletonClass","classes","classnames","TimelineItemIcon","currentIcon","checkIcon","pinIcon","calendarIcon","currentAltLabel","createElement","className","alt","size","undefined","TimelineItemTitle","TimelineItemLabel","getSubtitle","TimelineItemSubtitle","_ref","Array","isArray","map","TimelineItemContent","text","stretch","_default","exports"],"sources":["../../../../src/components/timeline/TimelineItem.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\n\n// Components\nimport FormStatus from '../form-status/FormStatus'\nimport IconPrimary from '../icon-primary/IconPrimary'\nimport type { IconIcon } from '../icon/Icon'\nimport { createSkeletonClass } from '../skeleton/SkeletonHelper'\n\n// Icons\nimport checkIcon from '../../icons/check'\nimport calendarIcon from '../../icons/calendar'\nimport pinIcon from '../../icons/pin'\n\n// Shared\nimport Context from '../../shared/Context'\nimport type { SkeletonShow } from '../skeleton/Skeleton'\nimport { extendPropsWithContext } from '../../shared/component-helper'\n\nexport type TimelineItemProps = {\n  /**\n   * Icon displaying on the left side.\n   * Default: `check` for state `completed`, `pin` for state `current`, and `calendar` for state `upcoming` .\n   */\n  icon?: IconIcon\n\n  /**\n   * Text displaying the title of the item's corresponding page.\n   * Default: translations based on the icon.\n   */\n  iconAlt?: string\n\n  /**\n   * Text displaying the title of the timeline item.\n   */\n  title: React.ReactNode\n\n  /**\n   * Text displaying the subtitle of the timeline item.\n   */\n  subtitle?: React.ReactNode | React.ReactNode[]\n\n  /**\n   * Text displaying info message of the timeline item.\n   */\n  infoMessage?: React.ReactNode\n\n  /**\n   * The component state. State 'completed' or 'current' or 'upcoming'.\n   * Default: null\n   */\n  state: 'completed' | 'current' | 'upcoming'\n\n  /**\n   * Skeleton should be applied when loading content\n   * Default: null\n   */\n  skeleton?: SkeletonShow\n}\n\nexport type TimelineItemAllProps = TimelineItemProps &\n  Omit<React.AllHTMLAttributes<HTMLLIElement>, 'title' | 'name'>\n\nconst defaultProps = {\n  icon: null,\n  iconAlt: null,\n  title: null,\n  subtitle: null,\n  infoMessage: null,\n  state: null,\n  skeleton: false,\n}\n\nconst TimelineItem = (localProps: TimelineItemAllProps) => {\n  // Every component should have a context\n  const context = React.useContext(Context)\n  const {\n    translation: {\n      TimelineItem: {\n        alt_label_completed,\n        alt_label_current,\n        alt_label_upcoming,\n      },\n    },\n  } = context\n\n  // Extract additional props from global context\n  const allProps = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    context?.TimelineItem,\n    { skeleton: context?.skeleton }\n  )\n\n  const {\n    icon,\n    iconAlt,\n    title,\n    subtitle,\n    infoMessage,\n    state,\n    skeleton,\n    ...props\n  } = allProps\n\n  const stateIsCompleted = state === 'completed'\n  const stateIsCurrent = state === 'current'\n  const stateIsUpcoming = state === 'upcoming'\n\n  const skeletonClasses = createSkeletonClass('font', skeleton, context)\n  const classes = classnames(\n    'dnb-timeline__item',\n    skeletonClasses,\n    `dnb-timeline__item--${state}`\n  )\n\n  const TimelineItemIcon = () => {\n    const currentIcon =\n      icon ||\n      (stateIsCompleted && checkIcon) ||\n      (stateIsCurrent && pinIcon) ||\n      (stateIsUpcoming && calendarIcon)\n\n    const currentAltLabel =\n      iconAlt ||\n      (stateIsCompleted && alt_label_completed) ||\n      (stateIsCurrent && alt_label_current) ||\n      (stateIsUpcoming && alt_label_upcoming)\n    return (\n      <span className=\"dnb-timeline__item__label__icon\">\n        <span key=\"icon-alignment\" aria-hidden>\n          &zwnj;\n        </span>\n        {!skeleton && currentIcon && (\n          <IconPrimary\n            icon={currentIcon}\n            alt={currentAltLabel}\n            size={stateIsCurrent ? undefined : 'small'}\n          />\n        )}\n      </span>\n    )\n  }\n\n  const TimelineItemTitle = () => {\n    return (\n      <span className=\"dnb-timeline__item__label__title\">{title}</span>\n    )\n  }\n\n  const TimelineItemLabel = () => {\n    return (\n      <span className=\"dnb-timeline__item__label\">\n        <TimelineItemIcon />\n        <TimelineItemTitle />\n      </span>\n    )\n  }\n\n  const getSubtitle = () => {\n    const TimelineItemSubtitle = ({\n      subtitle,\n    }: {\n      subtitle: React.ReactNode\n    }) => (\n      <div className=\"dnb-timeline__item__content__subtitle\">\n        {subtitle}\n      </div>\n    )\n\n    if (!subtitle) {\n      return null\n    }\n\n    if (Array.isArray(subtitle)) {\n      return subtitle.map((subtitle, i) => (\n        <TimelineItemSubtitle key={i} subtitle={subtitle} />\n      ))\n    }\n    return <TimelineItemSubtitle subtitle={subtitle} />\n  }\n\n  const TimelineItemContent = () => {\n    return (\n      <div className=\"dnb-timeline__item__content\">\n        {getSubtitle()}\n        {infoMessage && (\n          <FormStatus\n            text={infoMessage}\n            state=\"info\"\n            className=\"dnb-timeline__item__content__info\"\n            stretch\n          />\n        )}\n      </div>\n    )\n  }\n\n  return (\n    <li\n      className={classes}\n      aria-current={stateIsCurrent ? 'step' : undefined}\n      {...props}\n    >\n      <TimelineItemLabel />\n      <TimelineItemContent />\n    </li>\n  )\n}\n\nexport default TimelineItem\n"],"mappings":"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"}
+{"version":3,"file":"TimelineItem.js","names":["_react","_interopRequireDefault","require","_classnames","_FormStatus","_IconPrimary","_SkeletonHelper","_check","_calendar","_pin","_Context","_componentHelper","_span","_excluded","_excluded2","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","defaultProps","icon","iconAlt","title","subtitle","infoMessage","state","skeleton","TimelineItem","localProps","context","React","useContext","Context","allProps","extendPropsWithContext","props","skeletonClasses","createSkeletonClass","classes","classnames","createElement","className","undefined","TimelineItemLabel","translations","translation","TimelineItemContent","_ref","iconProps","TimelineItemIcon","TimelineItemTitle","_ref2","alt_label_completed","alt_label_current","alt_label_upcoming","icons","completed","checkIcon","current","pinIcon","upcoming","calendarIcon","labels","currentIcon","currentAltLabel","alt","size","_ref3","_ref4","_TimelineItemSubtitle","renderSubtitles","Array","isArray","map","TimelineItemSubtitle","text","stretch","_ref5","_default","exports"],"sources":["../../../../src/components/timeline/TimelineItem.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\n\n// Components\nimport FormStatus from '../form-status/FormStatus'\nimport IconPrimary from '../icon-primary/IconPrimary'\nimport type { IconIcon } from '../icon/Icon'\nimport { createSkeletonClass } from '../skeleton/SkeletonHelper'\n\n// Icons\nimport checkIcon from '../../icons/check'\nimport calendarIcon from '../../icons/calendar'\nimport pinIcon from '../../icons/pin'\n\n// Shared\nimport Context from '../../shared/Context'\nimport type { SkeletonShow } from '../skeleton/Skeleton'\nimport { extendPropsWithContext } from '../../shared/component-helper'\n\nexport type TimeLineItemStates = 'completed' | 'current' | 'upcoming'\n\nexport type TimelineItemProps = {\n  /**\n   * Icon displaying on the left side.\n   * Default: `check` for state `completed`, `pin` for state `current`, and `calendar` for state `upcoming` .\n   */\n  icon?: IconIcon\n\n  /**\n   * Text displaying the title of the item's corresponding page.\n   * Default: translations based on the icon.\n   */\n  iconAlt?: string\n\n  /**\n   * Text displaying the title of the timeline item.\n   */\n  title: React.ReactNode\n\n  /**\n   * Text displaying the subtitle of the timeline item.\n   */\n  subtitle?: React.ReactNode | React.ReactNode[]\n\n  /**\n   * Text displaying info message of the timeline item.\n   */\n  infoMessage?: React.ReactNode\n\n  /**\n   * The component state. State 'completed', 'current' or 'upcoming'.\n   * Default: null\n   */\n  state: TimeLineItemStates\n\n  /**\n   * Skeleton should be applied when loading content\n   * Default: null\n   */\n  skeleton?: SkeletonShow\n}\n\nexport type TimelineItemAllProps = TimelineItemProps &\n  Omit<React.AllHTMLAttributes<HTMLLIElement>, 'title' | 'name'>\n\nconst defaultProps = {\n  icon: null,\n  iconAlt: null,\n  title: null,\n  subtitle: null,\n  infoMessage: null,\n  state: null,\n  skeleton: false,\n}\n\nconst TimelineItem = (localProps: TimelineItemAllProps) => {\n  // Every component should have a context\n  const context = React.useContext(Context)\n\n  // Extract additional props from global context\n  const allProps = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    context?.TimelineItem,\n    { skeleton: context?.skeleton }\n  )\n\n  const {\n    icon,\n    iconAlt,\n    title,\n    subtitle,\n    infoMessage,\n    state,\n    skeleton,\n    ...props\n  } = allProps\n\n  const skeletonClasses = createSkeletonClass('font', skeleton, context)\n  const classes = classnames(\n    'dnb-timeline__item',\n    skeletonClasses,\n    `dnb-timeline__item--${state}`\n  )\n\n  return (\n    <li\n      className={classes}\n      aria-current={state === 'current' ? 'step' : undefined}\n      {...props}\n    >\n      <TimelineItemLabel\n        state={state}\n        title={title}\n        icon={icon}\n        iconAlt={iconAlt}\n        skeleton={skeleton}\n        translations={\n          context.translation.TimelineItem as TimeLineIconAltTranslations\n        }\n      />\n      <TimelineItemContent subtitle={subtitle} infoMessage={infoMessage} />\n    </li>\n  )\n}\n\n// Label\n\ntype TimelineItemLabelProps = TimeLineIconProps & TimelineItemTitleProps\n\nconst TimelineItemLabel = ({\n  title,\n  ...iconProps\n}: TimelineItemLabelProps) => {\n  return (\n    <span className=\"dnb-timeline__item__label\">\n      <TimelineItemIcon {...iconProps} />\n      <TimelineItemTitle title={title} />\n    </span>\n  )\n}\n\ntype TimeLineIconProps = Pick<\n  TimelineItemProps,\n  'icon' | 'iconAlt' | 'state' | 'skeleton'\n> & { translations: TimeLineIconAltTranslations }\n\ntype TimeLineIconAltTranslations = {\n  alt_label_completed: string\n  alt_label_current: string\n  alt_label_upcoming: string\n}\n\nconst TimelineItemIcon = ({\n  icon,\n  state,\n  iconAlt,\n  skeleton,\n  translations,\n}: TimeLineIconProps) => {\n  const { alt_label_completed, alt_label_current, alt_label_upcoming } =\n    translations\n\n  const icons: Record<TimeLineItemStates, IconIcon> = {\n    completed: checkIcon,\n    current: pinIcon,\n    upcoming: calendarIcon,\n  }\n\n  const labels: Record<TimeLineItemStates, string> = {\n    completed: alt_label_completed,\n    current: alt_label_current,\n    upcoming: alt_label_upcoming,\n  }\n\n  const currentIcon = icon || icons[state]\n  const currentAltLabel = iconAlt || labels[state]\n\n  return (\n    <span className=\"dnb-timeline__item__label__icon\">\n      <span key=\"icon-alignment\" aria-hidden>\n        &zwnj;\n      </span>\n      {!skeleton && currentIcon && (\n        <IconPrimary\n          icon={currentIcon}\n          alt={currentAltLabel}\n          size={state === 'current' ? undefined : 'small'}\n        />\n      )}\n    </span>\n  )\n}\n\ntype TimelineItemTitleProps = Pick<TimelineItemProps, 'title'>\n\nconst TimelineItemTitle = ({ title }: TimelineItemTitleProps) => {\n  return <span className=\"dnb-timeline__item__label__title\">{title}</span>\n}\n\n// Content\n\ntype TimeLineItemContentProps = Pick<\n  TimelineItemProps,\n  'subtitle' | 'infoMessage'\n>\n\nconst TimelineItemContent = ({\n  subtitle,\n  infoMessage,\n}: TimeLineItemContentProps) => {\n  const renderSubtitles = () => {\n    if (!subtitle) {\n      return null\n    }\n\n    if (Array.isArray(subtitle)) {\n      return subtitle.map((subtitle, i) => (\n        <TimelineItemSubtitle key={i} subtitle={subtitle} />\n      ))\n    }\n    return <TimelineItemSubtitle subtitle={subtitle} />\n  }\n\n  return (\n    <div className=\"dnb-timeline__item__content\">\n      {renderSubtitles()}\n      {infoMessage && (\n        <FormStatus\n          text={infoMessage}\n          state=\"info\"\n          className=\"dnb-timeline__item__content__info\"\n          stretch\n        />\n      )}\n    </div>\n  )\n}\n\ntype TimelineItemSubtitleProps = {\n  subtitle: React.ReactNode\n}\n\nconst TimelineItemSubtitle = ({ subtitle }: TimelineItemSubtitleProps) => (\n  <div className=\"dnb-timeline__item__content__subtitle\">{subtitle}</div>\n)\n\nexport default TimelineItem\n"],"mappings":"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"}

package/cjs/components/timeline/style/themes/dnb-timeline-theme-ui.css

@@ -22,8 +22,9 @@
   );
   --timeline-icon-width-diff: calc(
     (
-        var(--timeline-icon-width--medium) -
-          var(--timeline-icon-width--small)
+        var(--timeline-icon-width--medium) - var(
+            --timeline-icon-width--small
+          )
       ) / 2
   );
   --timeline-border-spacing: var(--spacing-small);

package/cjs/components/timeline/style/themes/dnb-timeline-theme-ui.min.css

@@ -1 +1,3 @@
-.dnb-timeline{--timeline-icon-height--small:1.5rem;--timeline-icon-width--small:1.5rem;--timeline-icon-border-radius--small:calc(var(--timeline-icon-height--small)/2);--timeline-icon-height--medium:2rem;--timeline-icon-width--medium:2rem;--timeline-icon-border-radius--medium:calc(var(--timeline-icon-height--medium)/2);--timeline-icon-width-diff:calc((var(--timeline-icon-width--medium) - var(--timeline-icon-width--small))/2);--timeline-border-spacing:var(--spacing-small);--timeline-border-spacing--icon-adjusted:calc(var(--timeline-icon-width-diff) + var(--timeline-border-spacing))}.dnb-timeline__item{margin-left:var(--timeline-icon-width-diff)}.dnb-timeline__item__label__icon{--border-color:var(--color-black-80);--border-width:0.0625rem;background-color:var(--color-white);border-color:transparent;border-radius:var(--timeline-icon-border-radius--small);box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-black-80);line-height:var(--timeline-icon-height--small);width:var(--timeline-icon-width--small)}.dnb-timeline__item__label__title{font-size:var(--font-size-small);line-height:var(--line-height-small);margin-left:var(--timeline-border-spacing--icon-adjusted)}.dnb-timeline__item__content{border-left:1px dashed var(--color-black-55);margin-left:calc(var(--timeline-icon-width--small)/2);padding-left:calc(var(--timeline-icon-width--small)/2 + var(--timeline-border-spacing--icon-adjusted))}.dnb-timeline__item--completed .dnb-timeline__item__content{border-left:1px solid var(--color-black-80)}.dnb-timeline__item--completed .dnb-timeline__item__label__title{color:var(--color-black-80)}.dnb-timeline__item--current .dnb-timeline__item__content{margin-left:calc(var(--timeline-icon-width--medium)/2);padding-left:calc(var(--timeline-icon-width--medium)/2 + var(--timeline-border-spacing))}.dnb-timeline__item--current .dnb-timeline__item__label__title{font-size:var(--font-size-basis);font-weight:var(--font-weight-medium);line-height:var(--line-height-basis);margin-left:var(--timeline-border-spacing)}.dnb-timeline__item--current .dnb-timeline__item__label__icon{border-radius:var(--timeline-icon-border-radius--medium);line-height:var(--timeline-icon-height--medium);width:var(--timeline-icon-width--medium)}.dnb-timeline__item--current{margin-left:0}.dnb-timeline__item--upcoming .dnb-timeline__item__label__title{color:var(--color-black-55);font-weight:var(--font-weight-basis)}.dnb-timeline__item--upcoming:not(.dnb-skeleton) .dnb-timeline__item__label__icon{--border-color:var(--color-black-3);--border-width:0.0625rem;background-color:var(--color-black-3);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-black-55)}.dnb-timeline__item:only-child{margin-left:0}.dnb-timeline__item:last-child .dnb-timeline__item__content{border-left:none}
+.dnb-timeline{--timeline-icon-height--small:1.5rem;--timeline-icon-width--small:1.5rem;--timeline-icon-border-radius--small:calc(var(--timeline-icon-height--small)/2);--timeline-icon-height--medium:2rem;--timeline-icon-width--medium:2rem;--timeline-icon-border-radius--medium:calc(var(--timeline-icon-height--medium)/2);--timeline-icon-width-diff:calc((var(--timeline-icon-width--medium) - var(
+            --timeline-icon-width--small
+          ))/2);--timeline-border-spacing:var(--spacing-small);--timeline-border-spacing--icon-adjusted:calc(var(--timeline-icon-width-diff) + var(--timeline-border-spacing))}.dnb-timeline__item{margin-left:var(--timeline-icon-width-diff)}.dnb-timeline__item__label__icon{--border-color:var(--color-black-80);--border-width:0.0625rem;background-color:var(--color-white);border-color:transparent;border-radius:var(--timeline-icon-border-radius--small);box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-black-80);line-height:var(--timeline-icon-height--small);width:var(--timeline-icon-width--small)}.dnb-timeline__item__label__title{font-size:var(--font-size-small);line-height:var(--line-height-small);margin-left:var(--timeline-border-spacing--icon-adjusted)}.dnb-timeline__item__content{border-left:1px dashed var(--color-black-55);margin-left:calc(var(--timeline-icon-width--small)/2);padding-left:calc(var(--timeline-icon-width--small)/2 + var(--timeline-border-spacing--icon-adjusted))}.dnb-timeline__item--completed .dnb-timeline__item__content{border-left:1px solid var(--color-black-80)}.dnb-timeline__item--completed .dnb-timeline__item__label__title{color:var(--color-black-80)}.dnb-timeline__item--current .dnb-timeline__item__content{margin-left:calc(var(--timeline-icon-width--medium)/2);padding-left:calc(var(--timeline-icon-width--medium)/2 + var(--timeline-border-spacing))}.dnb-timeline__item--current .dnb-timeline__item__label__title{font-size:var(--font-size-basis);font-weight:var(--font-weight-medium);line-height:var(--line-height-basis);margin-left:var(--timeline-border-spacing)}.dnb-timeline__item--current .dnb-timeline__item__label__icon{border-radius:var(--timeline-icon-border-radius--medium);line-height:var(--timeline-icon-height--medium);width:var(--timeline-icon-width--medium)}.dnb-timeline__item--current{margin-left:0}.dnb-timeline__item--upcoming .dnb-timeline__item__label__title{color:var(--color-black-55);font-weight:var(--font-weight-basis)}.dnb-timeline__item--upcoming:not(.dnb-skeleton) .dnb-timeline__item__label__icon{--border-color:var(--color-black-3);--border-width:0.0625rem;background-color:var(--color-black-3);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-black-55)}.dnb-timeline__item:only-child{margin-left:0}.dnb-timeline__item:last-child .dnb-timeline__item__content{border-left:none}

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

@@ -27,8 +27,9 @@
   );
   --timeline-icon-width-diff: calc(
     (
-        var(--timeline-icon-width--medium) -
-          var(--timeline-icon-width--small)
+        var(--timeline-icon-width--medium) - var(
+            --timeline-icon-width--small
+          )
       ) / 2
   );
   --timeline-border-spacing: var(--spacing-small);

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;