@dnb/eufemia 10.49.0 → 10.51.0

package/es/components/switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","names":["React","PropTypes","classnames","keycode","isTrue","makeUniqueId","extendPropsWithContextInClassComponent","validateDOMAttributes","getStatusState","combineDescribedBy","dispatchCustomElementEvent","pickFormElementProps","AlignmentHelper","spacingPropTypes","createSpacingClasses","skeletonDOMAttributes","createSkeletonClass","Context","Suffix","FormLabel","FormStatus","Switch","PureComponent","getDerivedStateFromProps","props","state","_listenForPropChanges","checked","_checked","parseChecked","__checked","constructor","_defineProperty","event","onChangeHandler","readOnly","preventDefault","setState","on_change_end","clearTimeout","_onChangeEndId","persist","setTimeout","_refInput","current","focus","createRef","_id","id","helperParams","onMouseDown","e","componentDidMount","innerRef","componentWillUnmount","render","_this$context","_this$context2","_this$context3","defaultProps","skeleton","context","getTranslation","FormRow","formElement","value","size","status","status_state","status_props","globalStatus","status_no_animation","suffix","label","label_position","label_sr_only","title","disabled","className","children","on_change","on_state_update","rest","_objectWithoutProperties","_excluded","showStatus","mainParams","inputParams","_objectSpread","labelComp","createElement","for_id","text","sr_only","_AlignmentHelper","_extends","show","text_id","width_selector","no_animation","name","type","role","ref","onChange","onKeyDown","onKeyDownHandler","draggable","onDragStart","_span","attributes","test","String","process","env","NODE_ENV","propTypes","oneOfType","string","func","node","oneOf","bool","object","shape","message","_formElement","_supportsSpacingProps"],"sources":["../../../../src/components/switch/Switch.js"],"sourcesContent":["/**\n * Web Switch Component\n *\n * This is a legacy component.\n * For referencing while developing new features, please use a Functional component.\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport keycode from 'keycode'\nimport {\n  isTrue,\n  makeUniqueId,\n  extendPropsWithContextInClassComponent,\n  validateDOMAttributes,\n  getStatusState,\n  combineDescribedBy,\n  dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport { pickFormElementProps } from '../../shared/helpers/filterValidProps'\nimport AlignmentHelper from '../../shared/AlignmentHelper'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../space/SpacingHelper'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\n\nimport Context from '../../shared/Context'\nimport Suffix from '../../shared/helpers/Suffix'\nimport FormLabel from '../form-label/FormLabel'\nimport FormStatus from '../form-status/FormStatus'\n\n/**\n * The switch component is our enhancement of the classic radio button. It acts like a switch. Example: On/off, yes/no.\n */\nexport default class Switch extends React.PureComponent {\n  static contextType = Context\n\n  static propTypes = {\n    label: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    label_position: PropTypes.oneOf(['left', 'right']),\n    label_sr_only: PropTypes.bool,\n    title: PropTypes.string,\n    checked: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    id: PropTypes.string,\n    size: PropTypes.oneOf(['default', 'medium', 'large']),\n    status: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    status_state: PropTypes.string,\n    status_props: PropTypes.object,\n    globalStatus: PropTypes.shape({\n      id: PropTypes.string,\n      message: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n    }),\n    status_no_animation: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n    ]),\n    suffix: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    value: PropTypes.string,\n    attributes: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n    readOnly: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),\n\n    ...spacingPropTypes,\n\n    className: PropTypes.string,\n    children: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),\n\n    on_change: PropTypes.func,\n    on_change_end: PropTypes.func,\n    on_state_update: PropTypes.func,\n  }\n\n  static defaultProps = {\n    label: null,\n    label_position: null,\n    label_sr_only: null,\n    title: null,\n    checked: null,\n    disabled: null,\n    id: null,\n    size: null,\n    status: null,\n    status_state: 'error',\n    status_props: null,\n    globalStatus: null,\n    status_no_animation: null,\n    suffix: null,\n    value: null,\n    attributes: null,\n    readOnly: false,\n    skeleton: null,\n\n    className: null,\n    children: null,\n\n    on_change: null,\n    on_change_end: null,\n    on_state_update: null,\n\n    innerRef: null,\n  }\n\n  static parseChecked = (state) => /true|on/.test(String(state))\n\n  static getDerivedStateFromProps(props, state) {\n    if (state._listenForPropChanges) {\n      if (props.checked !== state._checked) {\n        state.checked = Switch.parseChecked(props.checked)\n      }\n    }\n    state._listenForPropChanges = true\n\n    if (state.checked !== state.__checked) {\n      dispatchCustomElementEvent({ props }, 'on_state_update', {\n        checked: state.checked,\n      })\n    }\n\n    state._checked = props.checked\n    state.__checked = state.checked\n\n    return state\n  }\n\n  constructor(props) {\n    super(props)\n    this._refInput = React.createRef()\n    this._id = props.id || makeUniqueId() // cause we need an id anyway\n    this.state = {\n      _listenForPropChanges: true,\n    }\n    this.helperParams = { onMouseDown: (e) => e.preventDefault() }\n  }\n\n  componentDidMount() {\n    if (this.props.innerRef) {\n      typeof this.props.innerRef === 'function'\n        ? this.props.innerRef(this._refInput.current)\n        : (this.props.innerRef.current = this._refInput.current)\n    }\n  }\n\n  componentWillUnmount() {\n    clearTimeout(this._onChangeEndId)\n  }\n\n  onKeyDownHandler = (event) => {\n    switch (keycode(event)) {\n      case 'enter':\n        this.onChangeHandler(event)\n        break\n    }\n  }\n\n  onChangeHandler = (event) => {\n    if (isTrue(this.props.readOnly)) {\n      return event.preventDefault()\n    }\n    const checked = !this.state.checked\n    this.setState({ checked, _listenForPropChanges: false })\n    dispatchCustomElementEvent(this, 'on_change', { checked, event })\n\n    if (this.props.on_change_end) {\n      clearTimeout(this._onChangeEndId)\n      if (event && event.persist) {\n        event.persist()\n      }\n      this._onChangeEndId = setTimeout(\n        () =>\n          dispatchCustomElementEvent(this, 'on_change_end', {\n            checked,\n            event,\n          }),\n        500\n      )\n    }\n\n    // help firefox and safari to have an correct state after a click\n    if (this._refInput.current) {\n      this._refInput.current.focus()\n    }\n  }\n\n  render() {\n    // use only the props from context, who are available here anyway\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      Switch.defaultProps,\n      { skeleton: this.context?.skeleton },\n      this.context.getTranslation(this.props).Switch,\n      // Deprecated – can be removed in v11\n      pickFormElementProps(this.context?.FormRow),\n      pickFormElementProps(this.context?.formElement),\n      this.context.Switch\n    )\n\n    const {\n      value,\n      size,\n      status,\n      status_state,\n      status_props,\n      globalStatus,\n      status_no_animation,\n      suffix,\n      label,\n      label_position,\n      label_sr_only,\n      title,\n      disabled,\n      readOnly,\n      skeleton,\n      className,\n\n      id: _id, // eslint-disable-line\n      checked: _checked, // eslint-disable-line\n      children, // eslint-disable-line\n      on_change, // eslint-disable-line\n      on_state_update, // eslint-disable-line\n      innerRef, // eslint-disable-line\n\n      ...rest\n    } = props\n\n    const { checked } = this.state\n\n    const id = this._id\n    const showStatus = getStatusState(status)\n\n    const mainParams = {\n      className: classnames(\n        'dnb-switch',\n        size && `dnb-switch--${size}`,\n        status && `dnb-switch__status--${status_state}`,\n        `dnb-switch--label-position-${label_position || 'right'}`,\n        'dnb-form-component',\n        createSkeletonClass(null, skeleton),\n        createSpacingClasses(props),\n        className\n      ),\n    }\n\n    const inputParams = {\n      disabled: isTrue(disabled),\n      checked,\n      ...rest,\n    }\n\n    skeletonDOMAttributes(inputParams, skeleton, this.context)\n\n    if (showStatus || suffix) {\n      inputParams['aria-describedby'] = combineDescribedBy(\n        inputParams,\n        showStatus ? id + '-status' : null,\n        suffix ? id + '-suffix' : null\n      )\n    }\n    if (readOnly) {\n      inputParams['aria-readonly'] = inputParams.readOnly = true\n    }\n\n    // also used for code markup simulation\n    validateDOMAttributes(this.props, inputParams)\n\n    const labelComp = label && (\n      <FormLabel\n        id={id + '-label'}\n        for_id={id}\n        text={label}\n        disabled={disabled}\n        skeleton={skeleton}\n        sr_only={label_sr_only}\n      />\n    )\n\n    return (\n      <span {...mainParams}>\n        <span className=\"dnb-switch__order\">\n          {label_position === 'left' && labelComp}\n\n          <span className=\"dnb-switch__inner\">\n            <AlignmentHelper />\n\n            <FormStatus\n              show={showStatus}\n              id={id + '-form-status'}\n              globalStatus={globalStatus}\n              label={label}\n              text_id={id + '-status'} // used for \"aria-describedby\"\n              width_selector={id + ', ' + id + '-label'}\n              text={status}\n              state={status_state}\n              skeleton={skeleton}\n              no_animation={status_no_animation}\n              {...status_props}\n            />\n\n            <span className=\"dnb-switch__shell\">\n              {(label_position === 'right' || !label_position) &&\n                labelComp}\n\n              <span className=\"dnb-switch__row\">\n                <input\n                  id={id}\n                  name={id}\n                  type=\"checkbox\"\n                  role=\"switch\"\n                  title={title}\n                  aria-checked={checked}\n                  className=\"dnb-switch__input\"\n                  value={checked ? value || '' : ''}\n                  ref={this._refInput}\n                  {...inputParams}\n                  onChange={this.onChangeHandler}\n                  onKeyDown={this.onKeyDownHandler}\n                />\n                <span\n                  draggable\n                  aria-hidden\n                  className=\"dnb-switch__background\"\n                  onDragStart={this.onChangeHandler}\n                  {...this.helperParams}\n                />\n                <span\n                  className={classnames(\n                    'dnb-switch__button',\n                    createSkeletonClass('shape', skeleton, this.context)\n                  )}\n                  aria-hidden\n                >\n                  <span className=\"dnb-switch__focus\">\n                    <span className=\"dnb-switch__focus__inner\" />\n                  </span>\n                </span>\n              </span>\n\n              {suffix && (\n                <Suffix\n                  className=\"dnb-switch__suffix\"\n                  id={id + '-suffix'} // used for \"aria-describedby\"\n                  context={props}\n                >\n                  {suffix}\n                </Suffix>\n              )}\n            </span>\n          </span>\n        </span>\n      </span>\n    )\n  }\n}\n\nSwitch._formElement = true\nSwitch._supportsSpacingProps = true\n"],"mappings":"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"}
+{"version":3,"file":"Switch.js","names":["React","useCallback","useContext","useEffect","useMemo","useRef","useState","classnames","validateDOMAttributes","getStatusState","combineDescribedBy","extendPropsWithContext","pickFormElementProps","AlignmentHelper","createSpacingClasses","skeletonDOMAttributes","createSkeletonClass","Context","Suffix","FormLabel","FormStatus","convertSnakeCaseProps","useId","defaultProps","statusState","Switch","props","context","allProps","extractPropsFromContext","value","size","status","statusProps","globalStatus","statusNoAnimation","suffix","label","labelPosition","labelSrOnly","title","disabled","readOnly","skeleton","className","id","idProp","checked","checkedProp","onChange","onChangeEnd","innerRef","innerRefProp","rest","_objectWithoutProperties","_excluded","isChecked","setIsChecked","prevChecked","setPrevChecked","isFn","refHook","current","callOnChange","event","onChangeHandler","preventDefault","updatedChecked","persist","setTimeout","focus","onKeyDownHandler","code","showStatus","mainParams","inputParams","_objectSpread","helperParams","onMouseDown","e","labelComp","createElement","forId","text","srOnly","_AlignmentHelper","_extends","show","width_selector","state","no_animation","name","type","role","ref","onKeyDown","draggable","onDragStart","_span","FormRow","formElement"],"sources":["../../../../src/components/switch/Switch.tsx"],"sourcesContent":["import React, {\n  KeyboardEvent,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport classnames from 'classnames'\nimport {\n  validateDOMAttributes,\n  getStatusState,\n  combineDescribedBy,\n  extendPropsWithContext,\n} from '../../shared/component-helper'\nimport { pickFormElementProps } from '../../shared/helpers/filterValidProps'\nimport AlignmentHelper from '../../shared/AlignmentHelper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\n\nimport Context from '../../shared/Context'\nimport Suffix from '../../shared/helpers/Suffix'\nimport FormLabel from '../form-label/FormLabel'\nimport FormStatus, {\n  FormStatusState,\n  FormStatusText,\n} from '../form-status/FormStatus'\nimport { convertSnakeCaseProps } from '../../shared/helpers/withSnakeCaseProps'\nimport useId from '../../shared/helpers/useId'\nimport { GlobalStatusConfigObject } from '../GlobalStatus'\nimport { SkeletonShow } from '../Skeleton'\nimport { SpacingProps } from '../space/types'\n\nexport type SwitchLabelPosition = 'left' | 'right'\nexport type SwitchSize = 'default' | 'medium' | 'large'\nexport type SwitchAttributes = string | Record<string, unknown>\nexport type SwitchOnChange = (args: {\n  checked: boolean\n  event: MouseEvent | TouchEvent | KeyboardEvent\n}) => void\n\nexport type SwitchProps = {\n  /**\n   * Use either the `label` property or provide a custom one.\n   */\n  label?: React.ReactNode\n  /**\n   * Defines the position of the `label`. Use either `left` or `right`. Defaults to `right`.\n   */\n  labelPosition?: SwitchLabelPosition\n  /**\n   * Use `true` to make the label only readable by screen readers.\n   */\n  labelSrOnly?: boolean\n  /**\n   * <em>(required)</em> the `title` of the input - describing it a bit further for accessibility reasons.\n   */\n  title?: string\n  /**\n   * Determine whether the switch is checked or not. The default will be `false`.\n   */\n  checked?: boolean\n  disabled?: boolean\n  id?: string\n  /**\n   * The size of the switch. For now there is \"medium\" (default) and \"large\".\n   */\n  size?: SwitchSize\n  /**\n   * Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.\n   */\n  status?: FormStatusText\n  /**\n   * Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.\n   */\n  statusState?: FormStatusState\n  /**\n   * Use an object to define additional FormStatus properties.\n   */\n  statusProps?: Record<string, unknown>\n  /**\n   * The <a href=\"/uilib/components/global-status/properties/#configuration-object\">configuration</a> used for the target <a href=\"/uilib/components/global-status\">GlobalStatus</a>.\n   */\n  globalStatus?: GlobalStatusConfigObject\n  statusNoAnimation?: boolean\n  /**\n   * Text describing the content of the Switch more than the label. You can also send in a React component, so it gets wrapped inside the Switch component.\n   */\n  suffix?: React.ReactNode\n  value?: string\n  attributes?: SwitchAttributes\n  readOnly?: boolean\n  /**\n   * If set to `true`, an overlaying skeleton with animation will be shown.\n   */\n  skeleton?: SkeletonShow\n  className?: string\n  children?: React.ReactNode\n  /**\n   * Will be called on state changes made by the user. Returns a boolean `{ checked, event }`.\n   */\n  onChange?: SwitchOnChange\n  /**\n   * Will be called on state changes made by the user, but with a delay. This way the user sees the animation before e.g. an error will be removed. Returns a boolean `{ checked, event }`.\n   */\n  onChangeEnd?: SwitchOnChange\n  onStateUpdate?: SwitchOnChange\n  /**\n   * By providing a React.ref we can get the internally used input element (DOM). E.g. `innerRef={myRef}` by using `React.createRef()` or `React.useRef()`.\n   */\n  innerRef?:\n    | React.MutableRefObject<HTMLInputElement>\n    | ((elem: HTMLInputElement) => void)\n} & Omit<\n  React.HTMLProps<HTMLElement>,\n  'ref' | 'size' | 'onChange' | 'innerRef' | 'label'\n> &\n  SpacingProps &\n  DeprecatedSwitchProps\n\n// deprecated, can be removed in v11\ntype DeprecatedSwitchProps = {\n  /**  @deprecated use `labelPosition` */\n  label_position?: SwitchLabelPosition\n  /**  @deprecated use `labelSrOnly` */\n  label_sr_only?: boolean\n  /**  @deprecated use `statusState` */\n  status_state?: FormStatusState\n  /**  @deprecated use `statusProps` */\n  status_props?: Record<string, unknown>\n  /**  @deprecated use `onChange` */\n  on_change?: SwitchOnChange\n  /**  @deprecated use `onChangeEnd` */\n  on_change_end?: SwitchOnChange\n  /**  @deprecated use `onStateUpdate` */\n  on_state_update?: SwitchOnChange\n  /**  @deprecated use `statusNoAnimation` */\n  status_no_animation?: boolean\n}\n\nconst defaultProps = {\n  statusState: 'error',\n}\n\nexport default function Switch(props: SwitchProps) {\n  const context = useContext(Context)\n\n  const allProps = extractPropsFromContext()\n\n  const {\n    value,\n    size,\n    status,\n    statusState,\n    statusProps,\n    globalStatus,\n    statusNoAnimation,\n    suffix,\n    label,\n    labelPosition,\n    labelSrOnly,\n    title,\n    disabled,\n    readOnly,\n    skeleton,\n    className,\n    id: idProp,\n    checked: checkedProp,\n    onChange,\n    onChangeEnd,\n    innerRef: innerRefProp,\n    ...rest\n  } = allProps\n\n  const [isChecked, setIsChecked] = useState(checkedProp ?? false)\n  const [prevChecked, setPrevChecked] = useState(checkedProp)\n\n  const id = useId(idProp)\n  const isFn = typeof innerRefProp === 'function'\n  const refHook = useRef<HTMLInputElement>()\n  const innerRef = (!isFn && innerRefProp) || refHook\n\n  useEffect(() => {\n    if (isFn) {\n      innerRefProp?.(refHook.current)\n    }\n  }, [innerRefProp, isFn, refHook])\n\n  useEffect(() => {\n    if (checkedProp !== prevChecked) {\n      setIsChecked(!!checkedProp)\n      setPrevChecked(!!checkedProp)\n    }\n  }, [checkedProp, prevChecked])\n\n  const callOnChange = useCallback(\n    ({ checked, event }) => {\n      onChange?.({ checked, event })\n    },\n    [onChange]\n  )\n\n  const onChangeHandler = useCallback(\n    (event) => {\n      if (readOnly) {\n        return event.preventDefault()\n      }\n      const updatedChecked = !isChecked\n\n      setIsChecked(updatedChecked)\n      callOnChange({ checked: updatedChecked, event })\n\n      if (onChangeEnd) {\n        if (event && event.persist) {\n          event.persist()\n        }\n        setTimeout(\n          () => onChangeEnd({ checked: updatedChecked, event }),\n          500\n        )\n      }\n\n      // help firefox and safari to have an correct state after a click\n      if (innerRef.current) {\n        innerRef.current.focus()\n      }\n    },\n    [callOnChange, innerRef, isChecked, onChangeEnd, readOnly]\n  )\n\n  const onKeyDownHandler = useCallback(\n    (event: KeyboardEvent) => {\n      switch (event.code) {\n        case 'Enter':\n          onChangeHandler(event)\n          break\n      }\n    },\n    [onChangeHandler]\n  )\n\n  const showStatus = useMemo(() => getStatusState(status), [status])\n\n  const mainParams = {\n    className: classnames(\n      'dnb-switch',\n      size && `dnb-switch--${size}`,\n      status && `dnb-switch__status--${statusState}`,\n      `dnb-switch--label-position-${labelPosition || 'right'}`,\n      'dnb-form-component',\n      createSkeletonClass(null, skeleton),\n      createSpacingClasses(props),\n      className\n    ),\n  }\n\n  const inputParams = {\n    disabled,\n    checked: isChecked,\n    ...rest,\n  }\n\n  if (showStatus || suffix) {\n    inputParams['aria-describedby'] = combineDescribedBy(\n      inputParams,\n      showStatus ? id + '-status' : null,\n      suffix ? id + '-suffix' : null\n    )\n  }\n  if (readOnly) {\n    inputParams['aria-readonly'] = readOnly\n  }\n\n  skeletonDOMAttributes(inputParams, skeleton, context)\n  validateDOMAttributes(props, inputParams)\n\n  const helperParams = useMemo(\n    () => ({\n      onMouseDown: (e: React.MouseEvent<HTMLSpanElement>) =>\n        e.preventDefault(),\n    }),\n    []\n  )\n\n  const labelComp = useMemo(\n    () =>\n      label && (\n        <FormLabel\n          id={id + '-label'}\n          forId={id}\n          text={label}\n          disabled={disabled}\n          skeleton={skeleton}\n          srOnly={labelSrOnly}\n        />\n      ),\n    [disabled, id, label, labelSrOnly, skeleton]\n  )\n\n  return (\n    <span {...mainParams}>\n      <span className=\"dnb-switch__order\">\n        {labelPosition === 'left' && labelComp}\n\n        <span className=\"dnb-switch__inner\">\n          <AlignmentHelper />\n\n          <FormStatus\n            show={showStatus}\n            id={id + '-form-status'}\n            globalStatus={globalStatus}\n            label={label}\n            width_selector={id + ', ' + id + '-label'}\n            text={status}\n            state={statusState}\n            skeleton={skeleton}\n            no_animation={statusNoAnimation}\n            {...statusProps}\n          />\n\n          <span className=\"dnb-switch__shell\">\n            {(labelPosition === 'right' || !labelPosition) && labelComp}\n\n            <span className=\"dnb-switch__row\">\n              <input\n                id={id}\n                name={id}\n                type=\"checkbox\"\n                role=\"switch\"\n                title={title}\n                aria-checked={isChecked}\n                className=\"dnb-switch__input\"\n                value={isChecked ? value || '' : ''}\n                ref={innerRef}\n                {...inputParams}\n                onChange={onChangeHandler}\n                onKeyDown={onKeyDownHandler}\n              />\n              <span\n                draggable\n                aria-hidden\n                className=\"dnb-switch__background\"\n                onDragStart={onChangeHandler}\n                {...helperParams}\n              />\n              <span\n                className={classnames(\n                  'dnb-switch__button',\n                  createSkeletonClass('shape', skeleton, context)\n                )}\n                aria-hidden\n              >\n                <span className=\"dnb-switch__focus\">\n                  <span className=\"dnb-switch__focus__inner\" />\n                </span>\n              </span>\n            </span>\n\n            {suffix && (\n              <Suffix\n                className=\"dnb-switch__suffix\"\n                id={id + '-suffix'} // used for \"aria-describedby\"\n                context={props}\n              >\n                {suffix}\n              </Suffix>\n            )}\n          </span>\n        </span>\n      </span>\n    </span>\n  )\n\n  function extractPropsFromContext() {\n    return extendPropsWithContext(\n      convertSnakeCaseProps(props),\n      defaultProps,\n      { skeleton: context?.skeleton },\n      // Deprecated – can be removed in v11\n      pickFormElementProps(context?.FormRow),\n      pickFormElementProps(context?.formElement),\n      context.Switch\n    )\n  }\n}\n"],"mappings":"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"}

package/es/components/switch/SwitchDocs.d.ts

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

package/es/components/switch/SwitchDocs.js

@@ -0,0 +1,85 @@
+export const SwitchProperties = {
+  checked: {
+    doc: 'Determine whether the switch is checked or not. The default will be `false`.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  title: {
+    doc: 'The `title` of the input - describing it a bit further for accessibility reasons.',
+    type: 'string',
+    status: 'required'
+  },
+  label: {
+    doc: 'Use either the `label` property or provide a custom one.',
+    type: 'ReactNode',
+    status: 'optional'
+  },
+  labelPosition: {
+    doc: 'Defines the position of the `label`. Use either `left` or `right`. Defaults to `right`.',
+    type: ['left', 'right'],
+    status: 'optional'
+  },
+  labelSrOnly: {
+    doc: 'Use `true` to make the label only readable by screen readers.',
+    type: 'string',
+    status: 'optional'
+  },
+  size: {
+    doc: 'The size of the switch. For now there is **medium** (default) and **large**.',
+    type: ['default', 'medium', 'large'],
+    status: 'optional'
+  },
+  status: {
+    doc: 'Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.',
+    type: 'ReactNode',
+    status: 'optional'
+  },
+  statusState: {
+    doc: 'Defines the state of the status. Defaults to `error`.',
+    type: ['error', 'warn', 'info', 'success', 'marketing'],
+    status: 'optional'
+  },
+  statusProps: {
+    doc: 'Use an object to define additional [FormStatus](/uilib/components/form-status/properties/) properties.',
+    type: 'FormStatus',
+    status: 'optional'
+  },
+  globalStatus: {
+    doc: 'The [configuration](/uilib/components/global-status/properties/#configuration-object) used for the target [GlobalStatus](/uilib/components/global-status).',
+    type: 'GlobalStatus',
+    status: 'optional'
+  },
+  suffix: {
+    doc: 'Text describing the content of the Switch more than the label. You can also send in a React component, so it gets wrapped inside the Switch component.',
+    type: 'ReactNode',
+    status: 'optional'
+  },
+  skeleton: {
+    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  innerRef: {
+    doc: 'By providing a React.ref we can get the internally used input element (DOM). E.g. `innerRef={myRef}` by using `React.createRef()` or `React.useRef()`.',
+    type: 'string',
+    status: 'optional'
+  },
+  '[Space](/uilib/layout/space/properties)': {
+    doc: 'Spacing properties like `top` or `bottom` are supported.',
+    type: ['string', 'object'],
+    status: 'optional'
+  }
+};
+export const SwitchEvents = {
+  onChange: {
+    doc: 'Will be called on state changes made by the user.',
+    type: '() => {checked: boolean; event: ChangeEvent}',
+    status: 'optional'
+  },
+  onChangeEnd: {
+    doc: 'Will be called on state changes made by the user, but with a delay. This way the user sees the animation before e.g. an error will be removed. Returns a boolean { checked, event }.',
+    type: '() => {checked: boolean; event: ChangeEvent}',
+    status: 'optional'
+  }
+};
+//# sourceMappingURL=SwitchDocs.js.map

package/es/components/switch/SwitchDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchDocs.js","names":["SwitchProperties","checked","doc","type","status","title","label","labelPosition","labelSrOnly","size","statusState","statusProps","globalStatus","suffix","skeleton","innerRef","SwitchEvents","onChange","onChangeEnd"],"sources":["../../../../src/components/switch/SwitchDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const SwitchProperties: PropertiesTableProps = {\n  checked: {\n    doc: 'Determine whether the switch is checked or not. The default will be `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  title: {\n    doc: 'The `title` of the input - describing it a bit further for accessibility reasons.',\n    type: 'string',\n    status: 'required',\n  },\n  label: {\n    doc: 'Use either the `label` property or provide a custom one.',\n    type: 'ReactNode',\n    status: 'optional',\n  },\n  labelPosition: {\n    doc: 'Defines the position of the `label`. Use either `left` or `right`. Defaults to `right`.',\n    type: ['left', 'right'],\n    status: 'optional',\n  },\n  labelSrOnly: {\n    doc: 'Use `true` to make the label only readable by screen readers.',\n    type: 'string',\n    status: 'optional',\n  },\n  size: {\n    doc: 'The size of the switch. For now there is **medium** (default) and **large**.',\n    type: ['default', 'medium', 'large'],\n    status: 'optional',\n  },\n  status: {\n    doc: 'Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.',\n    type: 'ReactNode',\n    status: 'optional',\n  },\n  statusState: {\n    doc: 'Defines the state of the status. Defaults to `error`.',\n    type: ['error', 'warn', 'info', 'success', 'marketing'],\n    status: 'optional',\n  },\n  statusProps: {\n    doc: 'Use an object to define additional [FormStatus](/uilib/components/form-status/properties/) properties.',\n    type: 'FormStatus',\n    status: 'optional',\n  },\n  globalStatus: {\n    doc: 'The [configuration](/uilib/components/global-status/properties/#configuration-object) used for the target [GlobalStatus](/uilib/components/global-status).',\n    type: 'GlobalStatus',\n    status: 'optional',\n  },\n  suffix: {\n    doc: 'Text describing the content of the Switch more than the label. You can also send in a React component, so it gets wrapped inside the Switch component.',\n    type: 'ReactNode',\n    status: 'optional',\n  },\n  skeleton: {\n    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  innerRef: {\n    doc: 'By providing a React.ref we can get the internally used input element (DOM). E.g. `innerRef={myRef}` by using `React.createRef()` or `React.useRef()`.',\n    type: 'string',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n\nexport const SwitchEvents: PropertiesTableProps = {\n  onChange: {\n    doc: 'Will be called on state changes made by the user.',\n    type: '() => {checked: boolean; event: ChangeEvent}',\n    status: 'optional',\n  },\n  onChangeEnd: {\n    doc: 'Will be called on state changes made by the user, but with a delay. This way the user sees the animation before e.g. an error will be removed. Returns a boolean { checked, event }.',\n    type: '() => {checked: boolean; event: ChangeEvent}',\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,gBAAsC,GAAG;EACpDC,OAAO,EAAE;IACPC,GAAG,EAAE,8EAA8E;IACnFC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDC,KAAK,EAAE;IACLH,GAAG,EAAE,mFAAmF;IACxFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,KAAK,EAAE;IACLJ,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,WAAW;IACjBC,MAAM,EAAE;EACV,CAAC;EACDG,aAAa,EAAE;IACbL,GAAG,EAAE,yFAAyF;IAC9FC,IAAI,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;IACvBC,MAAM,EAAE;EACV,CAAC;EACDI,WAAW,EAAE;IACXN,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,IAAI,EAAE;IACJP,GAAG,EAAE,8EAA8E;IACnFC,IAAI,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,OAAO,CAAC;IACpCC,MAAM,EAAE;EACV,CAAC;EACDA,MAAM,EAAE;IACNF,GAAG,EAAE,yIAAyI;IAC9IC,IAAI,EAAE,WAAW;IACjBC,MAAM,EAAE;EACV,CAAC;EACDM,WAAW,EAAE;IACXR,GAAG,EAAE,uDAAuD;IAC5DC,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,CAAC;IACvDC,MAAM,EAAE;EACV,CAAC;EACDO,WAAW,EAAE;IACXT,GAAG,EAAE,wGAAwG;IAC7GC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDQ,YAAY,EAAE;IACZV,GAAG,EAAE,4JAA4J;IACjKC,IAAI,EAAE,cAAc;IACpBC,MAAM,EAAE;EACV,CAAC;EACDS,MAAM,EAAE;IACNX,GAAG,EAAE,wJAAwJ;IAC7JC,IAAI,EAAE,WAAW;IACjBC,MAAM,EAAE;EACV,CAAC;EACDU,QAAQ,EAAE;IACRZ,GAAG,EAAE,wEAAwE;IAC7EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDW,QAAQ,EAAE;IACRb,GAAG,EAAE,wJAAwJ;IAC7JC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC;AAED,OAAO,MAAMY,YAAkC,GAAG;EAChDC,QAAQ,EAAE;IACRf,GAAG,EAAE,mDAAmD;IACxDC,IAAI,EAAE,8CAA8C;IACpDC,MAAM,EAAE;EACV,CAAC;EACDc,WAAW,EAAE;IACXhB,GAAG,EAAE,sLAAsL;IAC3LC,IAAI,EAAE,8CAA8C;IACpDC,MAAM,EAAE;EACV;AACF,CAAC"}

package/es/components/tabs/style/dnb-tabs.css

@@ -90,6 +90,7 @@ html:not([data-visual-test]) .dnb-tabs__tabs__tablist {
   justify-content: flex-end;
 }
 .dnb-tabs__tabs--center .dnb-tabs__tabs__tablist {
+  flex: 1;
   justify-content: center;
 }
 .dnb-tabs__tabs::before {

package/es/components/tabs/style/dnb-tabs.min.css

@@ -1 +1 @@
-.dnb-tabs{--tablist-border-color--default:grey;--tab-title-font-weight:var(--font-weight-regular);--tab-title-font-size:var(--font-size-basis);--tab-title-font-color:dimgray;--tab-title-background--hover:#a9a9a9;--tab-title-color--hover:inherit;--tab-title-border--hover:#000;--tab-title-background--disabled:inherit;--tab-title-color--disabled:#d3d3d3;--tab-title-border--active-selected:#000;--tab-title-color--active-selected:#000;--tab-title-font-weight--selected:var(--font-weight-medium)}.dnb-tabs__tabs{align-items:center;display:flex;position:relative;z-index:1}.dnb-tabs__tabs,.dnb-tabs__tabs.dnb-section--spacing{padding-bottom:0}.dnb-tabs__tabs__tablist{-webkit-overflow-scrolling:touch;-ms-overflow-style:auto;-ms-overflow-style:none;display:flex;flex:0 1 auto;overflow-x:auto;overscroll-behavior:contain;scrollbar-color:var(--scrollbar-thumb-color,#888) transparent;scrollbar-width:none}.dnb-tabs__tabs__tablist:focus{border-radius:.5rem;outline:none}html[data-whatinput=keyboard] .dnb-tabs__tabs__tablist:focus{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}html:not([data-visual-test]) .dnb-tabs__tabs__tablist{scroll-behavior:smooth}@supports not (scrollbar-color:auto){.dnb-tabs__tabs__tablist::-webkit-scrollbar{background-color:var(--scrollbar-track-color,#eee);border-radius:var(--scrollbar-thumb-width,.5rem)}.dnb-tabs__tabs__tablist::-webkit-scrollbar:vertical{width:var(--scrollbar-track-width,.5rem)}.dnb-tabs__tabs__tablist::-webkit-scrollbar:horizontal{height:var(--scrollbar-track-width,.5rem)}.dnb-tabs__tabs__tablist::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color,#888);border-radius:var(--scrollbar-thumb-width,.5rem)}.dnb-tabs__tabs__tablist::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover-color,#666)}}.dnb-tabs__tabs__tablist::-webkit-scrollbar{display:none}.dnb-tabs__tabs--left .dnb-tabs__tabs__tablist{justify-content:flex-start}.dnb-tabs__tabs--right .dnb-tabs__tabs__tablist{flex:1;justify-content:flex-end}.dnb-tabs__tabs--center .dnb-tabs__tabs__tablist{justify-content:center}.dnb-tabs__tabs:before{bottom:0;content:"";height:1px;position:absolute;width:100%;z-index:-1}.dnb-tabs__tabs--no-border:before{content:none}.dnb-tabs__tabs--breakout:before{left:-100vw;width:100vw}.dnb-tabs__tabs:not(.dnb-section):before{background-color:var(--tablist-border-color--default);box-shadow:100vw 0 0 0 var(--tablist-border-color--default)}.dnb-tabs__scroll-nav-button{display:none;opacity:0;pointer-events:none;position:absolute;right:-2px;transition:opacity .6s ease-out;z-index:2}.dnb-tabs__scroll-nav-button:first-of-type{left:-2px;right:auto}.dnb-tabs__scroll-nav-button--visible{display:flex;opacity:1;pointer-events:auto}.dnb-tabs__scroll-nav-button--hide{opacity:0!important;pointer-events:none}.dnb-tabs--at-edge .dnb-tabs__scroll-nav-button:first-of-type{border-radius:0 50% 50% 0}.dnb-tabs--at-edge .dnb-tabs__scroll-nav-button:last-of-type{border-radius:50% 0 0 50%}.dnb-tabs--at-edge .dnb-tabs__tabs__tablist:focus{border-radius:0}.dnb-core-style .dnb-tabs .dnb-tabs__button,.dnb-tabs__button{background-color:transparent;border:none;cursor:pointer;font-size:var(--font-size-basis);line-height:var(--line-height-basis);margin:0;outline:none;padding:0 .125rem;position:relative;-webkit-text-decoration:none;text-decoration:none;transition:margin .4s ease-out;user-select:none;-webkit-user-select:none;white-space:nowrap;z-index:1}.dnb-core-style .dnb-tabs .dnb-tabs__button__title,.dnb-tabs__button__title{color:var(--tab-title-font-color);display:block;font-size:var(--tab-title-font-size);font-weight:var(--tab-title-font-weight);padding:.5rem 0 .25rem;text-align:center}html:not([data-whatintent=touch]) .dnb-core-style .dnb-tabs .dnb-tabs__button__title:hover[disabled],html:not([data-whatintent=touch]) .dnb-tabs__button__title:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-core-style .dnb-tabs .dnb-tabs__button__title:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-tabs__button__title:hover:not([disabled]){color:var(--tab-title-color--hover)}.dnb-core-style .dnb-tabs .dnb-tabs__button__title .dnb-icon,.dnb-tabs__button__title .dnb-icon{font-size:var(--font-size-small);transform:translateY(-.125rem)}html:not([data-whatintent=touch]) .dnb-core-style .dnb-tabs .dnb-tabs__button:hover[disabled],html:not([data-whatintent=touch]) .dnb-tabs__button:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-core-style .dnb-tabs .dnb-tabs__button:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-tabs__button:hover:not([disabled]){background-color:var(--tab-title-background--hover)}html:not([data-whatintent=touch]) .dnb-core-style .dnb-tabs .dnb-tabs__button:hover:not([disabled]):after,html:not([data-whatintent=touch]) .dnb-tabs__button:hover:not([disabled]):after{background-color:var(--tab-title-border--hover);border-radius:2px;height:2px}.dnb-core-style .dnb-tabs .dnb-tabs__button .dnb-dummy,.dnb-tabs__button .dnb-dummy{display:flex;flex-direction:column;height:0;margin-top:.25rem;overflow:hidden;visibility:hidden}.dnb-core-style .dnb-tabs .dnb-tabs__button:after,.dnb-tabs__button:after{bottom:0;content:"";height:1px;left:0;position:absolute;right:0;width:100%;z-index:-1}.dnb-core-style .dnb-tabs .dnb-tabs__button[disabled],.dnb-tabs__button[disabled]{background-color:var(--tab-title-background--disabled)}.dnb-core-style .dnb-tabs .dnb-tabs__button[disabled] .dnb-core-style .dnb-tabs .dnb-tabs__button__title,.dnb-core-style .dnb-tabs .dnb-tabs__button[disabled] .dnb-tabs__button__title,.dnb-tabs__button[disabled] .dnb-core-style .dnb-tabs .dnb-tabs__button__title,.dnb-tabs__button[disabled] .dnb-tabs__button__title{color:var(--tab-title-color--disabled)}.dnb-core-style .dnb-tabs .dnb-tabs__button span[hidden],.dnb-tabs__button span[hidden]{font-weight:var(--tab-title-font-weight--selected)}.dnb-core-style .dnb-tabs .dnb-tabs__button:focus,.dnb-tabs__button:focus{overflow:visible}.dnb-core-style .dnb-tabs .dnb-tabs__button:focus:before,.dnb-tabs__button:focus:before{border-radius:inherit;bottom:0;content:"";height:inherit;left:-.5rem;outline:none;position:absolute;right:-.5rem;top:0;z-index:1}html[data-whatinput=keyboard] .dnb-core-style .dnb-tabs .dnb-tabs__button:focus:before,html[data-whatinput=keyboard] .dnb-tabs__button:focus:before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-core-style .dnb-tabs .dnb-tabs__button:focus:before,.dnb-tabs__button:focus:before{background-color:var(--tab-focus-background-color,none);border-radius:1.5rem;bottom:.5rem;left:-.375rem;right:-.375rem;top:.5rem}.dnb-core-style .dnb-tabs .dnb-tabs__button:not([disabled]).selected:after,.dnb-core-style .dnb-tabs .dnb-tabs__button:not([disabled]):active:after,.dnb-tabs__button:not([disabled]).selected:after,.dnb-tabs__button:not([disabled]):active:after{background-color:var(--tab-title-border--active-selected);border-radius:2px;height:2px}.dnb-core-style .dnb-tabs .dnb-tabs__button:not([disabled]).selected .dnb-core-style .dnb-tabs .dnb-tabs__button__title,.dnb-core-style .dnb-tabs .dnb-tabs__button:not([disabled]).selected .dnb-tabs__button__title,.dnb-core-style .dnb-tabs .dnb-tabs__button:not([disabled]):active .dnb-core-style .dnb-tabs .dnb-tabs__button__title,.dnb-core-style .dnb-tabs .dnb-tabs__button:not([disabled]):active .dnb-tabs__button__title,.dnb-tabs__button:not([disabled]).selected .dnb-core-style .dnb-tabs .dnb-tabs__button__title,.dnb-tabs__button:not([disabled]).selected .dnb-tabs__button__title,.dnb-tabs__button:not([disabled]):active .dnb-core-style .dnb-tabs .dnb-tabs__button__title,.dnb-tabs__button:not([disabled]):active .dnb-tabs__button__title{color:var(--tab-title-color--active-selected)}.dnb-core-style .dnb-tabs .dnb-tabs__button:not([disabled]).selected .dnb-core-style .dnb-tabs .dnb-tabs__button__title,.dnb-core-style .dnb-tabs .dnb-tabs__button:not([disabled]).selected .dnb-tabs__button__title,.dnb-tabs__button:not([disabled]).selected .dnb-core-style .dnb-tabs .dnb-tabs__button__title,.dnb-tabs__button:not([disabled]).selected .dnb-tabs__button__title{font-weight:var(--tab-title-font-weight--selected)}.dnb-tabs__button__snap{display:flex;padding:0 1rem 0 1.5rem;transition:padding 1s var(--easing-default);will-change:padding}@media screen and (max-width:40em){.dnb-tabs__button__snap{padding:0 1rem}}.dnb-tabs__button__snap:first-of-type{padding-left:0}.dnb-tabs__button__snap:last-of-type{padding-right:.5rem}html[data-whatinput=keyboard] .dnb-tabs__button__snap:first-of-type.focus .dnb-tabs__button:focus{margin-left:.5rem}html[data-whatinput=keyboard] .dnb-tabs__button__snap:last-of-type.focus .dnb-tabs__button:focus{margin-right:.5rem}.dnb-tabs__cached{opacity:1;transition:opacity 1s var(--easing-default)}.dnb-tabs__cached--hidden{height:0!important;opacity:0;overflow:hidden;visibility:hidden}html[data-visual-test] .dnb-tabs .dnb-tabs__button,html[data-visual-test] .dnb-tabs .dnb-tabs__button__snap,html[data-visual-test] .dnb-tabs .dnb-tabs__cached,html[data-visual-test] .dnb-tabs .dnb-tabs__scroll-nav-button{transition:none!important}.dnb-tabs__content{padding-bottom:0}.dnb-tabs__content:focus{position:relative}.dnb-tabs__content:focus:before{border-radius:.5rem;bottom:-.5rem;content:"";left:-.5rem;max-width:100vw;outline:none;position:absolute;right:-.5rem;top:.125rem;z-index:-1}html[data-whatinput=keyboard] .dnb-tabs__content:focus:before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}
+.dnb-tabs{--tablist-border-color--default:grey;--tab-title-font-weight:var(--font-weight-regular);--tab-title-font-size:var(--font-size-basis);--tab-title-font-color:dimgray;--tab-title-background--hover:#a9a9a9;--tab-title-color--hover:inherit;--tab-title-border--hover:#000;--tab-title-background--disabled:inherit;--tab-title-color--disabled:#d3d3d3;--tab-title-border--active-selected:#000;--tab-title-color--active-selected:#000;--tab-title-font-weight--selected:var(--font-weight-medium)}.dnb-tabs__tabs{align-items:center;display:flex;position:relative;z-index:1}.dnb-tabs__tabs,.dnb-tabs__tabs.dnb-section--spacing{padding-bottom:0}.dnb-tabs__tabs__tablist{-webkit-overflow-scrolling:touch;-ms-overflow-style:auto;-ms-overflow-style:none;display:flex;flex:0 1 auto;overflow-x:auto;overscroll-behavior:contain;scrollbar-color:var(--scrollbar-thumb-color,#888) transparent;scrollbar-width:none}.dnb-tabs__tabs__tablist:focus{border-radius:.5rem;outline:none}html[data-whatinput=keyboard] .dnb-tabs__tabs__tablist:focus{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}html:not([data-visual-test]) .dnb-tabs__tabs__tablist{scroll-behavior:smooth}@supports not (scrollbar-color:auto){.dnb-tabs__tabs__tablist::-webkit-scrollbar{background-color:var(--scrollbar-track-color,#eee);border-radius:var(--scrollbar-thumb-width,.5rem)}.dnb-tabs__tabs__tablist::-webkit-scrollbar:vertical{width:var(--scrollbar-track-width,.5rem)}.dnb-tabs__tabs__tablist::-webkit-scrollbar:horizontal{height:var(--scrollbar-track-width,.5rem)}.dnb-tabs__tabs__tablist::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color,#888);border-radius:var(--scrollbar-thumb-width,.5rem)}.dnb-tabs__tabs__tablist::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover-color,#666)}}.dnb-tabs__tabs__tablist::-webkit-scrollbar{display:none}.dnb-tabs__tabs--left .dnb-tabs__tabs__tablist{justify-content:flex-start}.dnb-tabs__tabs--right .dnb-tabs__tabs__tablist{flex:1;justify-content:flex-end}.dnb-tabs__tabs--center .dnb-tabs__tabs__tablist{flex:1;justify-content:center}.dnb-tabs__tabs:before{bottom:0;content:"";height:1px;position:absolute;width:100%;z-index:-1}.dnb-tabs__tabs--no-border:before{content:none}.dnb-tabs__tabs--breakout:before{left:-100vw;width:100vw}.dnb-tabs__tabs:not(.dnb-section):before{background-color:var(--tablist-border-color--default);box-shadow:100vw 0 0 0 var(--tablist-border-color--default)}.dnb-tabs__scroll-nav-button{display:none;opacity:0;pointer-events:none;position:absolute;right:-2px;transition:opacity .6s ease-out;z-index:2}.dnb-tabs__scroll-nav-button:first-of-type{left:-2px;right:auto}.dnb-tabs__scroll-nav-button--visible{display:flex;opacity:1;pointer-events:auto}.dnb-tabs__scroll-nav-button--hide{opacity:0!important;pointer-events:none}.dnb-tabs--at-edge .dnb-tabs__scroll-nav-button:first-of-type{border-radius:0 50% 50% 0}.dnb-tabs--at-edge .dnb-tabs__scroll-nav-button:last-of-type{border-radius:50% 0 0 50%}.dnb-tabs--at-edge .dnb-tabs__tabs__tablist:focus{border-radius:0}.dnb-core-style .dnb-tabs .dnb-tabs__button,.dnb-tabs__button{background-color:transparent;border:none;cursor:pointer;font-size:var(--font-size-basis);line-height:var(--line-height-basis);margin:0;outline:none;padding:0 .125rem;position:relative;-webkit-text-decoration:none;text-decoration:none;transition:margin .4s ease-out;user-select:none;-webkit-user-select:none;white-space:nowrap;z-index:1}.dnb-core-style .dnb-tabs .dnb-tabs__button__title,.dnb-tabs__button__title{color:var(--tab-title-font-color);display:block;font-size:var(--tab-title-font-size);font-weight:var(--tab-title-font-weight);padding:.5rem 0 .25rem;text-align:center}html:not([data-whatintent=touch]) .dnb-core-style .dnb-tabs .dnb-tabs__button__title:hover[disabled],html:not([data-whatintent=touch]) .dnb-tabs__button__title:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-core-style .dnb-tabs .dnb-tabs__button__title:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-tabs__button__title:hover:not([disabled]){color:var(--tab-title-color--hover)}.dnb-core-style .dnb-tabs .dnb-tabs__button__title .dnb-icon,.dnb-tabs__button__title .dnb-icon{font-size:var(--font-size-small);transform:translateY(-.125rem)}html:not([data-whatintent=touch]) .dnb-core-style .dnb-tabs .dnb-tabs__button:hover[disabled],html:not([data-whatintent=touch]) .dnb-tabs__button:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-core-style .dnb-tabs .dnb-tabs__button:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-tabs__button:hover:not([disabled]){background-color:var(--tab-title-background--hover)}html:not([data-whatintent=touch]) .dnb-core-style .dnb-tabs .dnb-tabs__button:hover:not([disabled]):after,html:not([data-whatintent=touch]) .dnb-tabs__button:hover:not([disabled]):after{background-color:var(--tab-title-border--hover);border-radius:2px;height:2px}.dnb-core-style .dnb-tabs .dnb-tabs__button .dnb-dummy,.dnb-tabs__button .dnb-dummy{display:flex;flex-direction:column;height:0;margin-top:.25rem;overflow:hidden;visibility:hidden}.dnb-core-style .dnb-tabs .dnb-tabs__button:after,.dnb-tabs__button:after{bottom:0;content:"";height:1px;left:0;position:absolute;right:0;width:100%;z-index:-1}.dnb-core-style .dnb-tabs .dnb-tabs__button[disabled],.dnb-tabs__button[disabled]{background-color:var(--tab-title-background--disabled)}.dnb-core-style .dnb-tabs .dnb-tabs__button[disabled] .dnb-core-style .dnb-tabs .dnb-tabs__button__title,.dnb-core-style .dnb-tabs .dnb-tabs__button[disabled] .dnb-tabs__button__title,.dnb-tabs__button[disabled] .dnb-core-style .dnb-tabs .dnb-tabs__button__title,.dnb-tabs__button[disabled] .dnb-tabs__button__title{color:var(--tab-title-color--disabled)}.dnb-core-style .dnb-tabs .dnb-tabs__button span[hidden],.dnb-tabs__button span[hidden]{font-weight:var(--tab-title-font-weight--selected)}.dnb-core-style .dnb-tabs .dnb-tabs__button:focus,.dnb-tabs__button:focus{overflow:visible}.dnb-core-style .dnb-tabs .dnb-tabs__button:focus:before,.dnb-tabs__button:focus:before{border-radius:inherit;bottom:0;content:"";height:inherit;left:-.5rem;outline:none;position:absolute;right:-.5rem;top:0;z-index:1}html[data-whatinput=keyboard] .dnb-core-style .dnb-tabs .dnb-tabs__button:focus:before,html[data-whatinput=keyboard] .dnb-tabs__button:focus:before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-core-style .dnb-tabs .dnb-tabs__button:focus:before,.dnb-tabs__button:focus:before{background-color:var(--tab-focus-background-color,none);border-radius:1.5rem;bottom:.5rem;left:-.375rem;right:-.375rem;top:.5rem}.dnb-core-style .dnb-tabs .dnb-tabs__button:not([disabled]).selected:after,.dnb-core-style .dnb-tabs .dnb-tabs__button:not([disabled]):active:after,.dnb-tabs__button:not([disabled]).selected:after,.dnb-tabs__button:not([disabled]):active:after{background-color:var(--tab-title-border--active-selected);border-radius:2px;height:2px}.dnb-core-style .dnb-tabs .dnb-tabs__button:not([disabled]).selected .dnb-core-style .dnb-tabs .dnb-tabs__button__title,.dnb-core-style .dnb-tabs .dnb-tabs__button:not([disabled]).selected .dnb-tabs__button__title,.dnb-core-style .dnb-tabs .dnb-tabs__button:not([disabled]):active .dnb-core-style .dnb-tabs .dnb-tabs__button__title,.dnb-core-style .dnb-tabs .dnb-tabs__button:not([disabled]):active .dnb-tabs__button__title,.dnb-tabs__button:not([disabled]).selected .dnb-core-style .dnb-tabs .dnb-tabs__button__title,.dnb-tabs__button:not([disabled]).selected .dnb-tabs__button__title,.dnb-tabs__button:not([disabled]):active .dnb-core-style .dnb-tabs .dnb-tabs__button__title,.dnb-tabs__button:not([disabled]):active .dnb-tabs__button__title{color:var(--tab-title-color--active-selected)}.dnb-core-style .dnb-tabs .dnb-tabs__button:not([disabled]).selected .dnb-core-style .dnb-tabs .dnb-tabs__button__title,.dnb-core-style .dnb-tabs .dnb-tabs__button:not([disabled]).selected .dnb-tabs__button__title,.dnb-tabs__button:not([disabled]).selected .dnb-core-style .dnb-tabs .dnb-tabs__button__title,.dnb-tabs__button:not([disabled]).selected .dnb-tabs__button__title{font-weight:var(--tab-title-font-weight--selected)}.dnb-tabs__button__snap{display:flex;padding:0 1rem 0 1.5rem;transition:padding 1s var(--easing-default);will-change:padding}@media screen and (max-width:40em){.dnb-tabs__button__snap{padding:0 1rem}}.dnb-tabs__button__snap:first-of-type{padding-left:0}.dnb-tabs__button__snap:last-of-type{padding-right:.5rem}html[data-whatinput=keyboard] .dnb-tabs__button__snap:first-of-type.focus .dnb-tabs__button:focus{margin-left:.5rem}html[data-whatinput=keyboard] .dnb-tabs__button__snap:last-of-type.focus .dnb-tabs__button:focus{margin-right:.5rem}.dnb-tabs__cached{opacity:1;transition:opacity 1s var(--easing-default)}.dnb-tabs__cached--hidden{height:0!important;opacity:0;overflow:hidden;visibility:hidden}html[data-visual-test] .dnb-tabs .dnb-tabs__button,html[data-visual-test] .dnb-tabs .dnb-tabs__button__snap,html[data-visual-test] .dnb-tabs .dnb-tabs__cached,html[data-visual-test] .dnb-tabs .dnb-tabs__scroll-nav-button{transition:none!important}.dnb-tabs__content{padding-bottom:0}.dnb-tabs__content:focus{position:relative}.dnb-tabs__content:focus:before{border-radius:.5rem;bottom:-.5rem;content:"";left:-.5rem;max-width:100vw;outline:none;position:absolute;right:-.5rem;top:.125rem;z-index:-1}html[data-whatinput=keyboard] .dnb-tabs__content:focus:before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}

package/es/components/tabs/style/dnb-tabs.scss

@@ -54,6 +54,7 @@
       justify-content: flex-end;
     }
     &--center &__tablist {
+      flex: 1;
       justify-content: center;
     }
 

package/es/components/toggle-button/style/dnb-toggle-button.css

@@ -135,7 +135,7 @@
 .dnb-toggle-button-group__suffix {
   font-size: var(--font-size-basis);
 }
-@media screen and (min-width: 40.0625em) {
+@media screen and (min-width: 40.00625em) {
   .dnb-form-label + .dnb-toggle-button {
     transform: translateY(-0.5rem);
   }

package/es/components/toggle-button/style/dnb-toggle-button.min.css

@@ -1 +1 @@
-.dnb-toggle-button{align-items:center;display:inline-flex;font-size:var(--font-size-small);line-height:var(--line-height-basis)}.dnb-toggle-button__inner{display:inline-flex;flex-direction:column}.dnb-toggle-button__shell{left:0;position:relative;-webkit-user-select:none;user-select:none}.dnb-toggle-button--vertical{align-items:flex-start;flex-direction:column}.dnb-toggle-button__component{align-items:center;display:inline-flex;padding-right:.5rem}.dnb-toggle-button__button.dnb-button--has-text{padding-left:1.5rem;padding-right:1.5rem}.dnb-toggle-button__button .dnb-checkbox{margin-left:-.5rem}.dnb-toggle-button__button .dnb-checkbox__input{pointer-events:none}.dnb-toggle-button__button .dnb-checkbox__button{display:unset}.dnb-toggle-button__button .dnb-checkbox__button,.dnb-toggle-button__button .dnb-checkbox__focus{border-width:.0625rem;height:calc(var(--checkbox-height--medium) - .5rem);width:calc(var(--checkbox-width--medium) - .5rem)}.dnb-toggle-button__button .dnb-checkbox__dot{height:calc(var(--checkbox-height--medium) - 1rem);width:calc(var(--checkbox-width--medium) - 1rem)}.dnb-toggle-button__button .dnb-checkbox__gfx{height:calc(var(--checkbox-height--medium) - .75rem);width:calc(var(--checkbox-width--medium) - .75rem)}.dnb-toggle-button__button .dnb-radio{margin-left:-.5rem}.dnb-toggle-button__button .dnb-radio__input{pointer-events:none}.dnb-toggle-button__button .dnb-radio__button,.dnb-toggle-button__button .dnb-radio__focus{border-width:.0625rem;height:calc(var(--radio-height--medium) - .5rem);width:calc(var(--radio-width--medium) - .5rem)}.dnb-toggle-button__button .dnb-radio__dot{height:calc(var(--radio-height--medium) - 1rem);width:calc(var(--radio-width--medium) - 1rem)}:not(.dnb-toggle-button-group)>.dnb-form-label+.dnb-toggle-button{vertical-align:top}.dnb-toggle-button .dnb-form-status{margin-top:.5rem;order:2}.dnb-toggle-button .dnb-form-label{margin-right:1rem}.dnb-toggle-button-group{--toggle-button-group-column-gap:1rem;--toggle-button-group-row-gap:1rem;display:inline-flex}.dnb-toggle-button-group,.dnb-toggle-button-group__fieldset,.dnb-toggle-button-group__shell{flex-grow:1}.dnb-toggle-button-group fieldset{border:none;margin:0;padding:0}.dnb-toggle-button-group--column .dnb-toggle-button{display:flex;margin-right:0}.dnb-toggle-button-group .dnb-toggle-button:last-of-type{margin-right:0}.dnb-toggle-button-group__shell{display:flex;flex-direction:column;row-gap:var(--toggle-button-group-row-gap)}.dnb-toggle-button-group__shell__children{align-items:flex-start;-moz-column-gap:var(--toggle-button-group-column-gap);column-gap:var(--toggle-button-group-column-gap);display:flex;flex-wrap:wrap;order:1;row-gap:var(--toggle-button-group-row-gap)}.dnb-toggle-button-group__shell__children--row{flex-direction:row}.dnb-toggle-button-group__shell__children--column{flex-direction:column}.dnb-toggle-button-group__shell>.dnb-form-status{order:2;transform:translateY(-.5rem)}.dnb-toggle-button-group .dnb-flex-container--direction-horizontal .dnb-form-label{align-self:flex-start;margin-top:.5rem}.dnb-toggle-button-group .dnb-alignment-helper{line-height:2.5rem}.dnb-toggle-button-group__suffix{font-size:var(--font-size-basis)}@media screen and (min-width:40.0625em){.dnb-form-label+.dnb-toggle-button{transform:translateY(-.5rem)}}
+.dnb-toggle-button{align-items:center;display:inline-flex;font-size:var(--font-size-small);line-height:var(--line-height-basis)}.dnb-toggle-button__inner{display:inline-flex;flex-direction:column}.dnb-toggle-button__shell{left:0;position:relative;-webkit-user-select:none;user-select:none}.dnb-toggle-button--vertical{align-items:flex-start;flex-direction:column}.dnb-toggle-button__component{align-items:center;display:inline-flex;padding-right:.5rem}.dnb-toggle-button__button.dnb-button--has-text{padding-left:1.5rem;padding-right:1.5rem}.dnb-toggle-button__button .dnb-checkbox{margin-left:-.5rem}.dnb-toggle-button__button .dnb-checkbox__input{pointer-events:none}.dnb-toggle-button__button .dnb-checkbox__button{display:unset}.dnb-toggle-button__button .dnb-checkbox__button,.dnb-toggle-button__button .dnb-checkbox__focus{border-width:.0625rem;height:calc(var(--checkbox-height--medium) - .5rem);width:calc(var(--checkbox-width--medium) - .5rem)}.dnb-toggle-button__button .dnb-checkbox__dot{height:calc(var(--checkbox-height--medium) - 1rem);width:calc(var(--checkbox-width--medium) - 1rem)}.dnb-toggle-button__button .dnb-checkbox__gfx{height:calc(var(--checkbox-height--medium) - .75rem);width:calc(var(--checkbox-width--medium) - .75rem)}.dnb-toggle-button__button .dnb-radio{margin-left:-.5rem}.dnb-toggle-button__button .dnb-radio__input{pointer-events:none}.dnb-toggle-button__button .dnb-radio__button,.dnb-toggle-button__button .dnb-radio__focus{border-width:.0625rem;height:calc(var(--radio-height--medium) - .5rem);width:calc(var(--radio-width--medium) - .5rem)}.dnb-toggle-button__button .dnb-radio__dot{height:calc(var(--radio-height--medium) - 1rem);width:calc(var(--radio-width--medium) - 1rem)}:not(.dnb-toggle-button-group)>.dnb-form-label+.dnb-toggle-button{vertical-align:top}.dnb-toggle-button .dnb-form-status{margin-top:.5rem;order:2}.dnb-toggle-button .dnb-form-label{margin-right:1rem}.dnb-toggle-button-group{--toggle-button-group-column-gap:1rem;--toggle-button-group-row-gap:1rem;display:inline-flex}.dnb-toggle-button-group,.dnb-toggle-button-group__fieldset,.dnb-toggle-button-group__shell{flex-grow:1}.dnb-toggle-button-group fieldset{border:none;margin:0;padding:0}.dnb-toggle-button-group--column .dnb-toggle-button{display:flex;margin-right:0}.dnb-toggle-button-group .dnb-toggle-button:last-of-type{margin-right:0}.dnb-toggle-button-group__shell{display:flex;flex-direction:column;row-gap:var(--toggle-button-group-row-gap)}.dnb-toggle-button-group__shell__children{align-items:flex-start;-moz-column-gap:var(--toggle-button-group-column-gap);column-gap:var(--toggle-button-group-column-gap);display:flex;flex-wrap:wrap;order:1;row-gap:var(--toggle-button-group-row-gap)}.dnb-toggle-button-group__shell__children--row{flex-direction:row}.dnb-toggle-button-group__shell__children--column{flex-direction:column}.dnb-toggle-button-group__shell>.dnb-form-status{order:2;transform:translateY(-.5rem)}.dnb-toggle-button-group .dnb-flex-container--direction-horizontal .dnb-form-label{align-self:flex-start;margin-top:.5rem}.dnb-toggle-button-group .dnb-alignment-helper{line-height:2.5rem}.dnb-toggle-button-group__suffix{font-size:var(--font-size-basis)}@media screen and (min-width:40.00625em){.dnb-form-label+.dnb-toggle-button{transform:translateY(-.5rem)}}

package/es/elements/ElementDocs.d.ts

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

package/es/elements/ElementDocs.js

@@ -0,0 +1,28 @@
+export const ElementProperties = {
+  skeleton: {
+    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  skeletonMethod: {
+    doc: 'Can be `shape`, `font` or `form`. Defaults to `font`.',
+    type: 'string',
+    status: 'optional'
+  },
+  innerRef: {
+    doc: 'Send along a custom React Ref.',
+    type: 'React.RefObject',
+    status: 'optional'
+  },
+  children: {
+    doc: 'Contents.',
+    type: 'React.Node',
+    status: 'optional'
+  },
+  '[Space](/uilib/layout/space/properties)': {
+    doc: 'Spacing properties like `top` or `bottom` are supported.',
+    type: ['string', 'object'],
+    status: 'optional'
+  }
+};
+//# sourceMappingURL=ElementDocs.js.map

package/es/elements/ElementDocs.js.map

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

package/es/elements/blockquote/BlockquoteDocs.d.ts

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

package/es/elements/blockquote/BlockquoteDocs.js

@@ -0,0 +1,18 @@
+export const BlockquoteProperties = {
+  noBackground: {
+    doc: 'Hides the blockquote background by making it transparent.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  direction: {
+    doc: 'Determines the flow direction of the content inside of blockquote. Can be either `horizontal` or `vertical`. Defaults to `horizontal`.',
+    type: 'string',
+    status: 'optional'
+  },
+  '[Space](/uilib/layout/space/properties)': {
+    doc: 'Spacing properties like `top` or `bottom` are supported.',
+    type: ['string', 'object'],
+    status: 'optional'
+  }
+};
+//# sourceMappingURL=BlockquoteDocs.js.map

package/es/elements/blockquote/BlockquoteDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockquoteDocs.js","names":["BlockquoteProperties","noBackground","doc","type","status","direction"],"sources":["../../../../src/elements/blockquote/BlockquoteDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const BlockquoteProperties: PropertiesTableProps = {\n  noBackground: {\n    doc: 'Hides the blockquote background by making it transparent.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  direction: {\n    doc: 'Determines the flow direction of the content inside of blockquote. Can be either `horizontal` or `vertical`. Defaults to `horizontal`.',\n    type: 'string',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,oBAA0C,GAAG;EACxDC,YAAY,EAAE;IACZC,GAAG,EAAE,2DAA2D;IAChEC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDC,SAAS,EAAE;IACTH,GAAG,EAAE,wIAAwI;IAC7IC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC"}

package/es/elements/hr/HrDocs.d.ts

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

package/es/elements/hr/HrDocs.js

@@ -0,0 +1,18 @@
+export const HrProperties = {
+  breakout: {
+    doc: 'To make the hr full width.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  dashed: {
+    doc: 'To make the hr dashed.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  '[Space](/uilib/layout/space/properties)': {
+    doc: 'Spacing properties like `top` or `bottom` are supported.',
+    type: ['string', 'object'],
+    status: 'optional'
+  }
+};
+//# sourceMappingURL=HrDocs.js.map

package/es/elements/hr/HrDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HrDocs.js","names":["HrProperties","breakout","doc","type","status","dashed"],"sources":["../../../../src/elements/hr/HrDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const HrProperties: PropertiesTableProps = {\n  breakout: {\n    doc: 'To make the hr full width.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  dashed: {\n    doc: 'To make the hr dashed.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,YAAkC,GAAG;EAChDC,QAAQ,EAAE;IACRC,GAAG,EAAE,4BAA4B;IACjCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDC,MAAM,EAAE;IACNH,GAAG,EAAE,wBAAwB;IAC7BC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC"}

package/es/elements/img/ImgDocs.d.ts

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

package/es/elements/img/ImgDocs.js

@@ -0,0 +1,33 @@
+export const ImgProperties = {
+  skeleton: {
+    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  imgClass: {
+    doc: 'Custom className on the `<img>`-element',
+    type: 'string',
+    status: 'optional'
+  },
+  element: {
+    doc: 'Defines the Element Type, like `figure`.',
+    type: ['HTMLElement', 'string'],
+    status: 'optional'
+  },
+  caption: {
+    doc: 'Use to define a caption for the image. Uses `<figcaption>`.',
+    type: 'string',
+    status: 'optional'
+  },
+  loading: {
+    doc: 'Can either be `eager` or `lazy`. Defaults to `eager`.',
+    type: 'string',
+    status: 'optional'
+  },
+  '[Space](/uilib/layout/space/properties)': {
+    doc: 'Spacing properties like `top` or `bottom` are supported.',
+    type: ['string', 'object'],
+    status: 'optional'
+  }
+};
+//# sourceMappingURL=ImgDocs.js.map

package/es/elements/img/ImgDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImgDocs.js","names":["ImgProperties","skeleton","doc","type","status","imgClass","element","caption","loading"],"sources":["../../../../src/elements/img/ImgDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const ImgProperties: PropertiesTableProps = {\n  skeleton: {\n    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  imgClass: {\n    doc: 'Custom className on the `<img>`-element',\n    type: 'string',\n    status: 'optional',\n  },\n  element: {\n    doc: 'Defines the Element Type, like `figure`.',\n    type: ['HTMLElement', 'string'],\n    status: 'optional',\n  },\n  caption: {\n    doc: 'Use to define a caption for the image. Uses `<figcaption>`.',\n    type: 'string',\n    status: 'optional',\n  },\n  loading: {\n    doc: 'Can either be `eager` or `lazy`. Defaults to `eager`.',\n    type: 'string',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,aAAmC,GAAG;EACjDC,QAAQ,EAAE;IACRC,GAAG,EAAE,wEAAwE;IAC7EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDC,QAAQ,EAAE;IACRH,GAAG,EAAE,yCAAyC;IAC9CC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,OAAO,EAAE;IACPJ,GAAG,EAAE,0CAA0C;IAC/CC,IAAI,EAAE,CAAC,aAAa,EAAE,QAAQ,CAAC;IAC/BC,MAAM,EAAE;EACV,CAAC;EACDG,OAAO,EAAE;IACPL,GAAG,EAAE,6DAA6D;IAClEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,OAAO,EAAE;IACPN,GAAG,EAAE,uDAAuD;IAC5DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC"}

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

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

package/es/elements/lists/DlDocs.js

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

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

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

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

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

package/es/elements/lists/OlDocs.js

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

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

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

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

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

package/es/elements/lists/UlDocs.js

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

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

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

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

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

package/es/elements/typography/IngressDocs.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"IngressDocs.js","names":["ParagraphProperties","IngressProperties","_objectSpread"],"sources":["../../../../src/elements/typography/IngressDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\nimport { ParagraphProperties } from './PDocs'\n\nexport const IngressProperties: PropertiesTableProps = {\n  ...ParagraphProperties,\n}\n"],"mappings":";;;AACA,SAASA,mBAAmB,QAAQ,SAAS;AAE7C,OAAO,MAAMC,iBAAuC,GAAAC,aAAA,KAC/CF,mBAAmB,CACvB"}

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

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

package/es/elements/typography/LeadDocs.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"LeadDocs.js","names":["ParagraphProperties","LeadProperties","_objectSpread"],"sources":["../../../../src/elements/typography/LeadDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\nimport { ParagraphProperties } from './PDocs'\n\nexport const LeadProperties: PropertiesTableProps = {\n  ...ParagraphProperties,\n}\n"],"mappings":";;;AACA,SAASA,mBAAmB,QAAQ,SAAS;AAE7C,OAAO,MAAMC,cAAoC,GAAAC,aAAA,KAC5CF,mBAAmB,CACvB"}

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

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