@dnb/eufemia 10.6.0 → 10.8.0

package/components/checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","names":["React","PropTypes","classnames","keycode","isTrue","makeUniqueId","extendPropsWithContextInClassComponent","validateDOMAttributes","getStatusState","combineDescribedBy","dispatchCustomElementEvent","AlignmentHelper","spacingPropTypes","createSpacingClasses","skeletonDOMAttributes","createSkeletonClass","includeValidProps","Context","Suffix","FormLabel","FormStatus","Checkbox","PureComponent","getDerivedStateFromProps","props","state","_listenForPropChanges","checked","_checked","parseChecked","__checked","constructor","_defineProperty","event","onChangeHandler","readOnly","preventDefault","setState","_refInput","current","focus","createRef","_id","id","render","defaultProps","skeleton","context","getTranslation","FormRow","value","status","status_state","status_props","status_no_animation","globalStatus","suffix","size","label","label_position","label_sr_only","title","element","disabled","className","class","_className","children","on_change","on_state_update","rest","_objectWithoutProperties","_excluded","showStatus","mainParams","inputParams","_objectSpread","statusComp","createElement","_extends","show","text_id","width_selector","text","no_animation","Element","for_id","sr_only","_AlignmentHelper","name","type","onChange","onKeyDown","onKeyDownHandler","ref","_span","CheckIcon","attributes","test","String","process","env","NODE_ENV","propTypes","oneOfType","string","func","node","oneOf","bool","object","shape","message","_ref","_excluded2","vB","width","height","viewBox","fill","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin"],"sources":["../../../../src/components/checkbox/Checkbox.js"],"sourcesContent":["/**\n * Web Checkbox Component\n *\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 AlignmentHelper from '../../shared/AlignmentHelper'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../space/SpacingHelper'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\nimport { includeValidProps } from '../form-row/FormRowHelpers'\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 checkbox component is our enhancement of the classic checkbox button. It acts like a checkbox. Example: On/off, yes/no.\n */\nexport default class Checkbox 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    element: PropTypes.node,\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    status_no_animation: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n    ]),\n    globalStatus: PropTypes.shape({\n      id: PropTypes.string,\n      message: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\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    class: PropTypes.string,\n\n    ...spacingPropTypes,\n\n    className: PropTypes.string,\n    children: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),\n\n    on_change: 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    element: 'input',\n    checked: null,\n    disabled: null,\n    id: null,\n    size: null,\n    status: null,\n    status_state: 'error',\n    status_props: null,\n    status_no_animation: null,\n    globalStatus: null,\n    suffix: null,\n    value: null,\n    attributes: null,\n    readOnly: false,\n    skeleton: null,\n    class: null,\n\n    className: null,\n    children: null,\n\n    on_change: null,\n    on_state_update: 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 = Checkbox.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  }\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    // 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      Checkbox.defaultProps,\n      { skeleton: this.context && this.context.skeleton },\n      this.context.getTranslation(this.props).Checkbox,\n      includeValidProps(this.context.FormRow),\n      this.context.Checkbox\n    )\n\n    const {\n      value,\n      status,\n      status_state,\n      status_props,\n      status_no_animation,\n      globalStatus,\n      suffix,\n      size,\n      label,\n      label_position,\n      label_sr_only,\n      title,\n      element,\n      disabled,\n      readOnly,\n      skeleton,\n      className,\n      class: _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\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-checkbox',\n        status && `dnb-checkbox__status--${status_state}`,\n        size && `dnb-checkbox--${size}`,\n        label &&\n          `dnb-checkbox--label-position-${label_position || 'right'}`,\n        'dnb-form-component',\n        createSkeletonClass(null, skeleton),\n        createSpacingClasses(props),\n        className,\n        _className\n      ),\n    }\n\n    const inputParams = {\n      disabled,\n      checked,\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'] = inputParams.readOnly = true\n    }\n\n    skeletonDOMAttributes(inputParams, skeleton, this.context)\n\n    // also used for code markup simulation\n    validateDOMAttributes(this.props, inputParams)\n\n    const statusComp = (\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        no_animation={status_no_animation}\n        skeleton={skeleton}\n        {...status_props}\n      />\n    )\n\n    const Element = element || 'input'\n\n    return (\n      <span {...mainParams}>\n        <span className=\"dnb-checkbox__order\">\n          {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          <span className=\"dnb-checkbox__inner\">\n            <AlignmentHelper />\n            {label_position === 'left' && statusComp}\n\n            <span className=\"dnb-checkbox__shell\">\n              <Element\n                id={id}\n                name={id}\n                type=\"checkbox\"\n                title={title}\n                className=\"dnb-checkbox__input\"\n                value={checked ? value || '' : ''}\n                disabled={isTrue(disabled)}\n                {...inputParams}\n                onChange={this.onChangeHandler}\n                onKeyDown={this.onKeyDownHandler}\n                ref={this._refInput}\n              />\n\n              <span\n                className={classnames(\n                  'dnb-checkbox__button',\n                  createSkeletonClass('shape', skeleton, this.context)\n                )}\n                aria-hidden\n              >\n                <span className=\"dnb-checkbox__focus\" />\n              </span>\n\n              <CheckIcon size={size} />\n            </span>\n          </span>\n\n          {suffix && (\n            <Suffix\n              className=\"dnb-checkbox__suffix\"\n              id={id + '-suffix'} // used for \"aria-describedby\"\n              context={props}\n            >\n              {suffix}\n            </Suffix>\n          )}\n        </span>\n\n        {(label_position === 'right' || !label_position) && statusComp}\n      </span>\n    )\n  }\n}\n\n// The new checkbox has too low contrast, as it is too thin on web\nexport const CheckIcon = ({ size, ...props }) => {\n  let vB = 16\n  if (size === 'large') {\n    vB = 24\n  }\n  return (\n    <svg\n      width={vB}\n      height={vB}\n      viewBox={`0 0 ${vB} ${vB}`}\n      fill=\"none\"\n      className=\"dnb-checkbox__gfx\"\n      aria-hidden\n      {...props}\n    >\n      <path\n        d={size === 'large' ? 'M1.5 15L7.5 21L22.5 3' : 'M1 10L5 14L15 2'}\n        stroke=\"currentColor\"\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n}\nCheckIcon.propTypes = {\n  size: PropTypes.string,\n}\nCheckIcon.defaultProps = {\n  size: 'default',\n}\n"],"mappings":"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"}
+{"version":3,"file":"Checkbox.js","names":["React","PropTypes","classnames","keycode","isTrue","makeUniqueId","extendPropsWithContextInClassComponent","validateDOMAttributes","getStatusState","combineDescribedBy","dispatchCustomElementEvent","AlignmentHelper","spacingPropTypes","createSpacingClasses","skeletonDOMAttributes","createSkeletonClass","includeValidProps","Context","Suffix","FormLabel","FormStatus","Checkbox","PureComponent","getDerivedStateFromProps","props","state","_listenForPropChanges","checked","_checked","parseChecked","__checked","constructor","_defineProperty","event","onChangeHandler","readOnly","preventDefault","setState","_refInput","current","focus","innerRef","createRef","_id","id","render","defaultProps","skeleton","context","getTranslation","FormRow","value","status","status_state","status_props","status_no_animation","globalStatus","suffix","size","label","label_position","label_sr_only","title","element","disabled","className","class","_className","children","on_change","on_state_update","rest","_objectWithoutProperties","_excluded","showStatus","mainParams","inputParams","_objectSpread","statusComp","createElement","_extends","show","text_id","width_selector","text","no_animation","Element","for_id","sr_only","_AlignmentHelper","name","type","onChange","onKeyDown","onKeyDownHandler","ref","_span","CheckIcon","attributes","test","String","process","env","NODE_ENV","propTypes","oneOfType","string","func","node","oneOf","bool","object","shape","message","_ref","_excluded2","vB","width","height","viewBox","fill","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin"],"sources":["../../../../src/components/checkbox/Checkbox.js"],"sourcesContent":["/**\n * Web Checkbox Component\n *\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 AlignmentHelper from '../../shared/AlignmentHelper'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../space/SpacingHelper'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\nimport { includeValidProps } from '../form-row/FormRowHelpers'\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 checkbox component is our enhancement of the classic checkbox button. It acts like a checkbox. Example: On/off, yes/no.\n */\nexport default class Checkbox 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    element: PropTypes.node,\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    status_no_animation: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n    ]),\n    globalStatus: PropTypes.shape({\n      id: PropTypes.string,\n      message: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\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    class: PropTypes.string,\n    innerRef: 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_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    element: 'input',\n    checked: null,\n    disabled: null,\n    id: null,\n    size: null,\n    status: null,\n    status_state: 'error',\n    status_props: null,\n    status_no_animation: null,\n    globalStatus: null,\n    suffix: null,\n    value: null,\n    attributes: null,\n    readOnly: false,\n    skeleton: null,\n    class: null,\n\n    className: null,\n    children: null,\n\n    on_change: null,\n    on_state_update: 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 = Checkbox.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 = props.innerRef || React.createRef()\n\n    this._id = props.id || makeUniqueId() // cause we need an id anyway\n    this.state = {\n      _listenForPropChanges: true,\n    }\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    // 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      Checkbox.defaultProps,\n      { skeleton: this.context && this.context.skeleton },\n      this.context.getTranslation(this.props).Checkbox,\n      includeValidProps(this.context.FormRow),\n      this.context.Checkbox\n    )\n\n    const {\n      value,\n      status,\n      status_state,\n      status_props,\n      status_no_animation,\n      globalStatus,\n      suffix,\n      size,\n      label,\n      label_position,\n      label_sr_only,\n      title,\n      element,\n      disabled,\n      readOnly,\n      skeleton,\n      className,\n      class: _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-checkbox',\n        status && `dnb-checkbox__status--${status_state}`,\n        size && `dnb-checkbox--${size}`,\n        label &&\n          `dnb-checkbox--label-position-${label_position || 'right'}`,\n        'dnb-form-component',\n        createSkeletonClass(null, skeleton),\n        createSpacingClasses(props),\n        className,\n        _className\n      ),\n    }\n\n    const inputParams = {\n      disabled,\n      checked,\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'] = inputParams.readOnly = true\n    }\n\n    skeletonDOMAttributes(inputParams, skeleton, this.context)\n\n    // also used for code markup simulation\n    validateDOMAttributes(this.props, inputParams)\n\n    const statusComp = (\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        no_animation={status_no_animation}\n        skeleton={skeleton}\n        {...status_props}\n      />\n    )\n\n    const Element = element || 'input'\n\n    return (\n      <span {...mainParams}>\n        <span className=\"dnb-checkbox__order\">\n          {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          <span className=\"dnb-checkbox__inner\">\n            <AlignmentHelper />\n            {label_position === 'left' && statusComp}\n\n            <span className=\"dnb-checkbox__shell\">\n              <Element\n                id={id}\n                name={id}\n                type=\"checkbox\"\n                title={title}\n                className=\"dnb-checkbox__input\"\n                value={checked ? value || '' : ''}\n                disabled={isTrue(disabled)}\n                {...inputParams}\n                onChange={this.onChangeHandler}\n                onKeyDown={this.onKeyDownHandler}\n                ref={this._refInput}\n              />\n\n              <span\n                className={classnames(\n                  'dnb-checkbox__button',\n                  createSkeletonClass('shape', skeleton, this.context)\n                )}\n                aria-hidden\n              >\n                <span className=\"dnb-checkbox__focus\" />\n              </span>\n\n              <CheckIcon size={size} />\n            </span>\n          </span>\n\n          {suffix && (\n            <Suffix\n              className=\"dnb-checkbox__suffix\"\n              id={id + '-suffix'} // used for \"aria-describedby\"\n              context={props}\n            >\n              {suffix}\n            </Suffix>\n          )}\n        </span>\n\n        {(label_position === 'right' || !label_position) && statusComp}\n      </span>\n    )\n  }\n}\n\n// The new checkbox has too low contrast, as it is too thin on web\nexport const CheckIcon = ({ size, ...props }) => {\n  let vB = 16\n  if (size === 'large') {\n    vB = 24\n  }\n  return (\n    <svg\n      width={vB}\n      height={vB}\n      viewBox={`0 0 ${vB} ${vB}`}\n      fill=\"none\"\n      className=\"dnb-checkbox__gfx\"\n      aria-hidden\n      {...props}\n    >\n      <path\n        d={size === 'large' ? 'M1.5 15L7.5 21L22.5 3' : 'M1 10L5 14L15 2'}\n        stroke=\"currentColor\"\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n}\nCheckIcon.propTypes = {\n  size: PropTypes.string,\n}\nCheckIcon.defaultProps = {\n  size: 'default',\n}\n"],"mappings":"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"}

package/components/checkbox/style/themes/dnb-checkbox-theme-ui.scss

@@ -7,7 +7,9 @@
 
 .dnb-checkbox {
   &__gfx {
-    transition: opacity 200ms ease-out, transform 200ms ease-out;
+    transition:
+      opacity 200ms ease-out,
+      transform 200ms ease-out;
   }
 
   // When checkbox is ON

package/components/date-picker/style/themes/dnb-date-picker-theme-ui.scss

@@ -93,8 +93,12 @@
       background-color: transparent;
     }
 
-    &--preview:not(#{&}--inactive):not(#{&}--start-date):not(#{&}--end-date),
-    &--within-selection:not(#{&}--inactive):not(#{&}--start-date):not(#{&}--end-date) {
+    &--preview:not(#{&}--inactive):not(#{&}--start-date):not(
+        #{&}--end-date
+      ),
+    &--within-selection:not(#{&}--inactive):not(#{&}--start-date):not(
+        #{&}--end-date
+      ) {
       background-color: var(--color-mint-green-50);
     }
 

package/components/drawer/Drawer.d.ts

@@ -3,7 +3,7 @@ import DrawerHeader from './parts/DrawerHeader';
 import DrawerNavigation from './parts/DrawerNavigation';
 import { DrawerProps, DrawerContentProps } from './types';
 export type DrawerAllProps = DrawerProps & DrawerContentProps;
-declare function Drawer({ id, rootId, contentId, focusSelector, labelledBy, directDomReturn, hideCloseButton, disabled, title, dialogTitle, closeTitle, containerPlacement, spacing, noAnimation, noAnimationOnMobile, animationDuration, fullscreen, onOpen, onClose, onClosePrevent, openModal, closeModal, preventClose, preventOverlayClose, openState, openDelay, omitTriggerButton, trigger, triggerAttributes, overlayClass, contentClass, contentRef, scrollRef, top, bottom, left, right, space, ...props }: DrawerAllProps): JSX.Element;
+declare function Drawer({ id, rootId, contentId, focusSelector, labelledBy, directDomReturn, hideCloseButton, disabled, title, dialogTitle, closeTitle, containerPlacement, spacing, noAnimation, noAnimationOnMobile, animationDuration, fullscreen, onOpen, onClose, onClosePrevent, openModal, closeModal, preventClose, preventOverlayClose, openState, openDelay, omitTriggerButton, trigger, triggerAttributes, closeButtonAttributes, overlayClass, contentClass, contentRef, scrollRef, top, bottom, left, right, space, ...props }: DrawerAllProps): JSX.Element;
 declare namespace Drawer {
     var Body: typeof DrawerBody;
     var Header: typeof DrawerHeader;

package/components/drawer/Drawer.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["id", "rootId", "contentId", "focusSelector", "labelledBy", "directDomReturn", "hideCloseButton", "disabled", "title", "dialogTitle", "closeTitle", "containerPlacement", "spacing", "noAnimation", "noAnimationOnMobile", "animationDuration", "fullscreen", "onOpen", "onClose", "onClosePrevent", "openModal", "closeModal", "preventClose", "preventOverlayClose", "openState", "openDelay", "omitTriggerButton", "trigger", "triggerAttributes", "overlayClass", "contentClass", "contentRef", "scrollRef", "top", "bottom", "left", "right", "space"];
+const _excluded = ["id", "rootId", "contentId", "focusSelector", "labelledBy", "directDomReturn", "hideCloseButton", "disabled", "title", "dialogTitle", "closeTitle", "containerPlacement", "spacing", "noAnimation", "noAnimationOnMobile", "animationDuration", "fullscreen", "onOpen", "onClose", "onClosePrevent", "openModal", "closeModal", "preventClose", "preventOverlayClose", "openState", "openDelay", "omitTriggerButton", "trigger", "triggerAttributes", "closeButtonAttributes", "overlayClass", "contentClass", "contentRef", "scrollRef", "top", "bottom", "left", "right", "space"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React, { useContext } from 'react';
@@ -44,6 +44,7 @@ function Drawer(_ref) {
       omitTriggerButton,
       trigger,
       triggerAttributes,
+      closeButtonAttributes,
       overlayClass,
       contentClass,
       contentRef,
@@ -86,6 +87,7 @@ function Drawer(_ref) {
     omitTriggerButton,
     trigger,
     triggerAttributes,
+    closeButtonAttributes,
     overlayClass,
     contentRef,
     scrollRef,

package/components/drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","names":["React","useContext","Modal","DrawerContent","DrawerBody","DrawerHeader","DrawerNavigation","classnames","Context","removeUndefinedProps","Drawer","_ref","id","rootId","contentId","focusSelector","labelledBy","directDomReturn","hideCloseButton","disabled","title","dialogTitle","closeTitle","containerPlacement","spacing","noAnimation","noAnimationOnMobile","animationDuration","fullscreen","onOpen","onClose","onClosePrevent","openModal","closeModal","preventClose","preventOverlayClose","openState","openDelay","omitTriggerButton","trigger","triggerAttributes","overlayClass","contentClass","contentRef","scrollRef","top","bottom","left","right","space","props","_objectWithoutProperties","_excluded","context","modalProps","drawerProps","_objectSpread","createElement","_extends","Body","Header","Navigation"],"sources":["../../../../src/components/drawer/Drawer.tsx"],"sourcesContent":["/**\n * Web Drawer Component\n *\n */\nimport React, { useContext } from 'react'\nimport Modal from '../modal/Modal'\nimport DrawerContent from './DrawerContent'\nimport DrawerBody from './parts/DrawerBody'\nimport DrawerHeader from './parts/DrawerHeader'\nimport DrawerNavigation from './parts/DrawerNavigation'\nimport classnames from 'classnames'\nimport Context from '../../shared/Context'\nimport { DrawerProps, DrawerContentProps } from './types'\nimport { removeUndefinedProps } from '../../shared/component-helper'\n\nexport type DrawerAllProps = DrawerProps & DrawerContentProps\n\nfunction Drawer({\n  id,\n  rootId,\n  contentId,\n  focusSelector,\n  labelledBy,\n  directDomReturn,\n  hideCloseButton,\n  disabled,\n\n  title,\n  dialogTitle,\n  closeTitle,\n  containerPlacement = 'right',\n  spacing = true,\n  noAnimation,\n  noAnimationOnMobile,\n  animationDuration,\n  fullscreen = 'auto',\n\n  onOpen,\n  onClose,\n  onClosePrevent,\n  openModal,\n  closeModal,\n  preventClose,\n  preventOverlayClose,\n  openState,\n  openDelay,\n\n  omitTriggerButton,\n  trigger,\n  triggerAttributes,\n  overlayClass,\n  contentClass,\n  contentRef,\n  scrollRef,\n\n  top,\n  bottom,\n  left,\n  right,\n  space,\n\n  ...props\n}: DrawerAllProps): JSX.Element {\n  const context = useContext(Context)\n\n  const modalProps = removeUndefinedProps({\n    title,\n    id,\n    focusSelector,\n    labelledBy,\n    disabled,\n    spacing,\n    openDelay,\n    contentId,\n    dialogTitle,\n    closeTitle,\n    hideCloseButton,\n    preventClose,\n    preventOverlayClose,\n    animationDuration,\n    noAnimation,\n    noAnimationOnMobile,\n    fullscreen,\n    containerPlacement,\n    openState,\n    directDomReturn,\n    rootId,\n    onOpen,\n    onClose,\n    onClosePrevent,\n    openModal,\n    closeModal,\n    omitTriggerButton,\n    trigger,\n    triggerAttributes,\n    overlayClass,\n    contentRef,\n    scrollRef,\n    top,\n    bottom,\n    left,\n    right,\n    space,\n  })\n\n  const drawerProps = removeUndefinedProps({\n    ...props,\n    noAnimation,\n    noAnimationOnMobile,\n    fullscreen,\n    spacing,\n    containerPlacement,\n  })\n\n  return (\n    <Modal\n      {...context.Drawer}\n      {...modalProps}\n      contentClass={classnames('dnb-drawer__root', contentClass)}\n    >\n      <DrawerContent {...context.Drawer} {...drawerProps} />\n    </Modal>\n  )\n}\n\nDrawer.Body = DrawerBody\nDrawer.Header = DrawerHeader\nDrawer.Navigation = DrawerNavigation\n\nexport default Drawer\n"],"mappings":";;;;;;AAIA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,KAAK,MAAM,gBAAgB;AAClC,OAAOC,aAAa,MAAM,iBAAiB;AAC3C,OAAOC,UAAU,MAAM,oBAAoB;AAC3C,OAAOC,YAAY,MAAM,sBAAsB;AAC/C,OAAOC,gBAAgB,MAAM,0BAA0B;AACvD,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,OAAO,MAAM,sBAAsB;AAE1C,SAASC,oBAAoB,QAAQ,+BAA+B;AAIpE,SAASC,MAAMA,CAAAC,IAAA,EA6CiB;EAAA,IA7ChB;MACdC,EAAE;MACFC,MAAM;MACNC,SAAS;MACTC,aAAa;MACbC,UAAU;MACVC,eAAe;MACfC,eAAe;MACfC,QAAQ;MAERC,KAAK;MACLC,WAAW;MACXC,UAAU;MACVC,kBAAkB,GAAG,OAAO;MAC5BC,OAAO,GAAG,IAAI;MACdC,WAAW;MACXC,mBAAmB;MACnBC,iBAAiB;MACjBC,UAAU,GAAG,MAAM;MAEnBC,MAAM;MACNC,OAAO;MACPC,cAAc;MACdC,SAAS;MACTC,UAAU;MACVC,YAAY;MACZC,mBAAmB;MACnBC,SAAS;MACTC,SAAS;MAETC,iBAAiB;MACjBC,OAAO;MACPC,iBAAiB;MACjBC,YAAY;MACZC,YAAY;MACZC,UAAU;MACVC,SAAS;MAETC,GAAG;MACHC,MAAM;MACNC,IAAI;MACJC,KAAK;MACLC;IAGc,CAAC,GAAAtC,IAAA;IADZuC,KAAK,GAAAC,wBAAA,CAAAxC,IAAA,EAAAyC,SAAA;EAER,MAAMC,OAAO,GAAGpD,UAAU,CAACO,OAAO,CAAC;EAEnC,MAAM8C,UAAU,GAAG7C,oBAAoB,CAAC;IACtCW,KAAK;IACLR,EAAE;IACFG,aAAa;IACbC,UAAU;IACVG,QAAQ;IACRK,OAAO;IACPa,SAAS;IACTvB,SAAS;IACTO,WAAW;IACXC,UAAU;IACVJ,eAAe;IACfgB,YAAY;IACZC,mBAAmB;IACnBR,iBAAiB;IACjBF,WAAW;IACXC,mBAAmB;IACnBE,UAAU;IACVL,kBAAkB;IAClBa,SAAS;IACTnB,eAAe;IACfJ,MAAM;IACNgB,MAAM;IACNC,OAAO;IACPC,cAAc;IACdC,SAAS;IACTC,UAAU;IACVK,iBAAiB;IACjBC,OAAO;IACPC,iBAAiB;IACjBC,YAAY;IACZE,UAAU;IACVC,SAAS;IACTC,GAAG;IACHC,MAAM;IACNC,IAAI;IACJC,KAAK;IACLC;EACF,CAAC,CAAC;EAEF,MAAMM,WAAW,GAAG9C,oBAAoB,CAAA+C,aAAA,CAAAA,aAAA,KACnCN,KAAK;IACRzB,WAAW;IACXC,mBAAmB;IACnBE,UAAU;IACVJ,OAAO;IACPD;EAAkB,EACnB,CAAC;EAEF,OACEvB,KAAA,CAAAyD,aAAA,CAACvD,KAAK,EAAAwD,QAAA,KACAL,OAAO,CAAC3C,MAAM,EACd4C,UAAU;IACdZ,YAAY,EAAEnC,UAAU,CAAC,kBAAkB,EAAEmC,YAAY;EAAE,IAE3D1C,KAAA,CAAAyD,aAAA,CAACtD,aAAa,EAAAuD,QAAA,KAAKL,OAAO,CAAC3C,MAAM,EAAM6C,WAAW,CAAG,CAChD,CAAC;AAEZ;AAEA7C,MAAM,CAACiD,IAAI,GAAGvD,UAAU;AACxBM,MAAM,CAACkD,MAAM,GAAGvD,YAAY;AAC5BK,MAAM,CAACmD,UAAU,GAAGvD,gBAAgB;AAEpC,eAAeI,MAAM"}
+{"version":3,"file":"Drawer.js","names":["React","useContext","Modal","DrawerContent","DrawerBody","DrawerHeader","DrawerNavigation","classnames","Context","removeUndefinedProps","Drawer","_ref","id","rootId","contentId","focusSelector","labelledBy","directDomReturn","hideCloseButton","disabled","title","dialogTitle","closeTitle","containerPlacement","spacing","noAnimation","noAnimationOnMobile","animationDuration","fullscreen","onOpen","onClose","onClosePrevent","openModal","closeModal","preventClose","preventOverlayClose","openState","openDelay","omitTriggerButton","trigger","triggerAttributes","closeButtonAttributes","overlayClass","contentClass","contentRef","scrollRef","top","bottom","left","right","space","props","_objectWithoutProperties","_excluded","context","modalProps","drawerProps","_objectSpread","createElement","_extends","Body","Header","Navigation"],"sources":["../../../../src/components/drawer/Drawer.tsx"],"sourcesContent":["/**\n * Web Drawer Component\n *\n */\nimport React, { useContext } from 'react'\nimport Modal from '../modal/Modal'\nimport DrawerContent from './DrawerContent'\nimport DrawerBody from './parts/DrawerBody'\nimport DrawerHeader from './parts/DrawerHeader'\nimport DrawerNavigation from './parts/DrawerNavigation'\nimport classnames from 'classnames'\nimport Context from '../../shared/Context'\nimport { DrawerProps, DrawerContentProps } from './types'\nimport { removeUndefinedProps } from '../../shared/component-helper'\n\nexport type DrawerAllProps = DrawerProps & DrawerContentProps\n\nfunction Drawer({\n  id,\n  rootId,\n  contentId,\n  focusSelector,\n  labelledBy,\n  directDomReturn,\n  hideCloseButton,\n  disabled,\n\n  title,\n  dialogTitle,\n  closeTitle,\n  containerPlacement = 'right',\n  spacing = true,\n  noAnimation,\n  noAnimationOnMobile,\n  animationDuration,\n  fullscreen = 'auto',\n\n  onOpen,\n  onClose,\n  onClosePrevent,\n  openModal,\n  closeModal,\n  preventClose,\n  preventOverlayClose,\n  openState,\n  openDelay,\n\n  omitTriggerButton,\n  trigger,\n  triggerAttributes,\n  closeButtonAttributes,\n  overlayClass,\n  contentClass,\n  contentRef,\n  scrollRef,\n\n  top,\n  bottom,\n  left,\n  right,\n  space,\n\n  ...props\n}: DrawerAllProps): JSX.Element {\n  const context = useContext(Context)\n\n  const modalProps = removeUndefinedProps({\n    title,\n    id,\n    focusSelector,\n    labelledBy,\n    disabled,\n    spacing,\n    openDelay,\n    contentId,\n    dialogTitle,\n    closeTitle,\n    hideCloseButton,\n    preventClose,\n    preventOverlayClose,\n    animationDuration,\n    noAnimation,\n    noAnimationOnMobile,\n    fullscreen,\n    containerPlacement,\n    openState,\n    directDomReturn,\n    rootId,\n    onOpen,\n    onClose,\n    onClosePrevent,\n    openModal,\n    closeModal,\n    omitTriggerButton,\n    trigger,\n    triggerAttributes,\n    closeButtonAttributes,\n    overlayClass,\n    contentRef,\n    scrollRef,\n    top,\n    bottom,\n    left,\n    right,\n    space,\n  })\n\n  const drawerProps = removeUndefinedProps({\n    ...props,\n    noAnimation,\n    noAnimationOnMobile,\n    fullscreen,\n    spacing,\n    containerPlacement,\n  })\n\n  return (\n    <Modal\n      {...context.Drawer}\n      {...modalProps}\n      contentClass={classnames('dnb-drawer__root', contentClass)}\n    >\n      <DrawerContent {...context.Drawer} {...drawerProps} />\n    </Modal>\n  )\n}\n\nDrawer.Body = DrawerBody\nDrawer.Header = DrawerHeader\nDrawer.Navigation = DrawerNavigation\n\nexport default Drawer\n"],"mappings":";;;;;;AAIA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,KAAK,MAAM,gBAAgB;AAClC,OAAOC,aAAa,MAAM,iBAAiB;AAC3C,OAAOC,UAAU,MAAM,oBAAoB;AAC3C,OAAOC,YAAY,MAAM,sBAAsB;AAC/C,OAAOC,gBAAgB,MAAM,0BAA0B;AACvD,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,OAAO,MAAM,sBAAsB;AAE1C,SAASC,oBAAoB,QAAQ,+BAA+B;AAIpE,SAASC,MAAMA,CAAAC,IAAA,EA8CiB;EAAA,IA9ChB;MACdC,EAAE;MACFC,MAAM;MACNC,SAAS;MACTC,aAAa;MACbC,UAAU;MACVC,eAAe;MACfC,eAAe;MACfC,QAAQ;MAERC,KAAK;MACLC,WAAW;MACXC,UAAU;MACVC,kBAAkB,GAAG,OAAO;MAC5BC,OAAO,GAAG,IAAI;MACdC,WAAW;MACXC,mBAAmB;MACnBC,iBAAiB;MACjBC,UAAU,GAAG,MAAM;MAEnBC,MAAM;MACNC,OAAO;MACPC,cAAc;MACdC,SAAS;MACTC,UAAU;MACVC,YAAY;MACZC,mBAAmB;MACnBC,SAAS;MACTC,SAAS;MAETC,iBAAiB;MACjBC,OAAO;MACPC,iBAAiB;MACjBC,qBAAqB;MACrBC,YAAY;MACZC,YAAY;MACZC,UAAU;MACVC,SAAS;MAETC,GAAG;MACHC,MAAM;MACNC,IAAI;MACJC,KAAK;MACLC;IAGc,CAAC,GAAAvC,IAAA;IADZwC,KAAK,GAAAC,wBAAA,CAAAzC,IAAA,EAAA0C,SAAA;EAER,MAAMC,OAAO,GAAGrD,UAAU,CAACO,OAAO,CAAC;EAEnC,MAAM+C,UAAU,GAAG9C,oBAAoB,CAAC;IACtCW,KAAK;IACLR,EAAE;IACFG,aAAa;IACbC,UAAU;IACVG,QAAQ;IACRK,OAAO;IACPa,SAAS;IACTvB,SAAS;IACTO,WAAW;IACXC,UAAU;IACVJ,eAAe;IACfgB,YAAY;IACZC,mBAAmB;IACnBR,iBAAiB;IACjBF,WAAW;IACXC,mBAAmB;IACnBE,UAAU;IACVL,kBAAkB;IAClBa,SAAS;IACTnB,eAAe;IACfJ,MAAM;IACNgB,MAAM;IACNC,OAAO;IACPC,cAAc;IACdC,SAAS;IACTC,UAAU;IACVK,iBAAiB;IACjBC,OAAO;IACPC,iBAAiB;IACjBC,qBAAqB;IACrBC,YAAY;IACZE,UAAU;IACVC,SAAS;IACTC,GAAG;IACHC,MAAM;IACNC,IAAI;IACJC,KAAK;IACLC;EACF,CAAC,CAAC;EAEF,MAAMM,WAAW,GAAG/C,oBAAoB,CAAAgD,aAAA,CAAAA,aAAA,KACnCN,KAAK;IACR1B,WAAW;IACXC,mBAAmB;IACnBE,UAAU;IACVJ,OAAO;IACPD;EAAkB,EACnB,CAAC;EAEF,OACEvB,KAAA,CAAA0D,aAAA,CAACxD,KAAK,EAAAyD,QAAA,KACAL,OAAO,CAAC5C,MAAM,EACd6C,UAAU;IACdZ,YAAY,EAAEpC,UAAU,CAAC,kBAAkB,EAAEoC,YAAY;EAAE,IAE3D3C,KAAA,CAAA0D,aAAA,CAACvD,aAAa,EAAAwD,QAAA,KAAKL,OAAO,CAAC5C,MAAM,EAAM8C,WAAW,CAAG,CAChD,CAAC;AAEZ;AAEA9C,MAAM,CAACkD,IAAI,GAAGxD,UAAU;AACxBM,MAAM,CAACmD,MAAM,GAAGxD,YAAY;AAC5BK,MAAM,CAACoD,UAAU,GAAGxD,gBAAgB;AAEpC,eAAeI,MAAM"}

package/components/form-label/style/dnb-form-label.css

@@ -25,7 +25,6 @@
 .dnb-form-label[for]:not([disabled]) {
   -webkit-user-select: none;
           user-select: none;
-  cursor: pointer;
 }
 .dnb-form-label[disabled] {
   cursor: not-allowed;

package/components/form-label/style/dnb-form-label.min.css

@@ -1 +1 @@
-.dnb-form-label{color:inherit;display:inline-block;font-size:var(--font-size-basis);margin-right:1rem;padding:0;text-align:left;vertical-align:baseline;white-space:pre-wrap;width:auto;word-break:normal}.dnb-form-label--vertical{display:block;margin-bottom:.5rem;margin-right:0}.dnb-form-label[for]:not([disabled]){cursor:pointer;-webkit-user-select:none;user-select:none}.dnb-form-label[disabled]{cursor:not-allowed}legend.dnb-form-label{display:inline-block}
+.dnb-form-label{color:inherit;display:inline-block;font-size:var(--font-size-basis);margin-right:1rem;padding:0;text-align:left;vertical-align:baseline;white-space:pre-wrap;width:auto;word-break:normal}.dnb-form-label--vertical{display:block;margin-bottom:.5rem;margin-right:0}.dnb-form-label[for]:not([disabled]){-webkit-user-select:none;user-select:none}.dnb-form-label[disabled]{cursor:not-allowed}legend.dnb-form-label{display:inline-block}

package/components/form-label/style/dnb-form-label.scss

@@ -33,7 +33,6 @@
 
   &[for]:not([disabled]) {
     user-select: none; // Safari / Touch fix
-    cursor: pointer;
   }
 
   &[disabled] {

package/components/form-label/style/themes/dnb-form-label-theme-sbanken.css

@@ -0,0 +1,10 @@
+/*
+ * FormLabel theme
+ *
+ */
+.dnb-form-label {
+  color: var(--sb-color-text);
+}
+.dnb-checkbox .dnb-form-label[for]:not([disabled]), .dnb-switch .dnb-form-label[for]:not([disabled]), .dnb-radio .dnb-form-label[for]:not([disabled]) {
+  cursor: pointer;
+}

package/components/form-label/style/themes/dnb-form-label-theme-sbanken.min.css

@@ -0,0 +1 @@
+.dnb-form-label{color:var(--sb-color-text)}.dnb-checkbox .dnb-form-label[for]:not([disabled]),.dnb-radio .dnb-form-label[for]:not([disabled]),.dnb-switch .dnb-form-label[for]:not([disabled]){cursor:pointer}

package/components/form-label/style/themes/dnb-form-label-theme-sbanken.scss

@@ -0,0 +1,16 @@
+/*
+ * FormLabel theme
+ *
+ */
+
+.dnb-form-label {
+  color: var(--sb-color-text);
+
+  .dnb-checkbox &,
+  .dnb-switch &,
+  .dnb-radio & {
+    &[for]:not([disabled]) {
+      cursor: pointer;
+    }
+  }
+}

package/components/form-label/style/themes/dnb-form-label-theme-ui.css

@@ -5,6 +5,9 @@
 .dnb-form-label {
   color: var(--color-black-80);
 }
+.dnb-form-label[for]:not([disabled]) {
+  cursor: pointer;
+}
 .dnb-form-label[for]:not([disabled]):hover {
   color: var(--color-sea-green);
 }

package/components/form-label/style/themes/dnb-form-label-theme-ui.min.css

@@ -1 +1 @@
-.dnb-form-label{color:var(--color-black-80)}.dnb-form-label[for]:not([disabled]):hover{color:var(--color-sea-green)}
+.dnb-form-label{color:var(--color-black-80)}.dnb-form-label[for]:not([disabled]){cursor:pointer}.dnb-form-label[for]:not([disabled]):hover{color:var(--color-sea-green)}

package/components/form-label/style/themes/dnb-form-label-theme-ui.scss

@@ -6,7 +6,11 @@
 .dnb-form-label {
   color: var(--color-black-80);
 
-  &[for]:not([disabled]):hover {
-    color: var(--color-sea-green);
+  &[for]:not([disabled]) {
+    cursor: pointer;
+
+    &:hover {
+      color: var(--color-sea-green);
+    }
   }
 }

package/components/form-row/style/themes/dnb-form-row-theme-sbanken.css

@@ -0,0 +1,4 @@
+/*
+ * FormRow theme
+ *
+ */

package/components/form-row/style/themes/dnb-form-row-theme-sbanken.scss

@@ -0,0 +1,4 @@
+/*
+ * FormRow theme
+ *
+ */

package/components/form-status/FormStatus.d.ts

@@ -14,6 +14,7 @@ export type FormStatusState =
   | 'error'
   | 'warn'
   | 'info'
+  | 'success'
   | 'marketing';
 export type FormStatusVariant = 'flat' | 'outlined';
 export type FormStatusSize = 'default' | 'large';
@@ -115,6 +116,7 @@ export interface InfoIconProps {
    * The `title` attribute in the status.
    */
   title?: string;
+  theme?: string;
 }
 export declare const InfoIcon: React.FC<InfoIconProps>;
 export interface MarketingIconProps {

package/components/form-status/FormStatus.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-var _path, _path2, _path3, _path4, _path5, _path6, _path7, _circle, _path8, _path9;
+var _path, _path2, _path3, _path4, _path5, _path6, _circle, _path7, _path8;
 const _excluded = ["show", "title", "state", "size", "variant", "className", "no_animation", "stretch", "class", "text_id", "label", "status_id", "globalStatus", "id", "text", "icon", "icon_size", "skeleton", "children", "role"];
 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; }
@@ -41,33 +41,37 @@ export default class FormStatus extends React.PureComponent {
     let {
       state,
       icon,
-      icon_size
+      icon_size,
+      theme
     } = _ref;
-    if (typeof icon === 'string') {
-      let IconToLoad = icon;
-      switch (FormStatus.correctStatus(state)) {
-        case 'info':
-          IconToLoad = InfoIcon;
-          break;
-        case 'warn':
-          IconToLoad = WarnIcon;
-          break;
-        case 'marketing':
-          IconToLoad = MarketingIcon;
-          break;
-        case 'error':
-        default:
-          IconToLoad = ErrorIcon;
-      }
-      icon = React.createElement(Icon, {
-        icon: React.createElement(IconToLoad, {
-          title: null
-        }),
-        size: icon_size,
-        inherit_color: false
-      });
+    if (typeof icon !== 'string') {
+      return icon;
     }
-    return icon;
+    let IconToLoad = icon;
+    switch (FormStatus.correctStatus(state)) {
+      case 'info':
+      case 'success':
+        IconToLoad = InfoIcon;
+        break;
+      case 'warn':
+        IconToLoad = WarnIcon;
+        break;
+      case 'marketing':
+        IconToLoad = MarketingIcon;
+        break;
+      case 'error':
+      default:
+        IconToLoad = ErrorIcon;
+    }
+    return React.createElement(Icon, {
+      icon: React.createElement(IconToLoad, {
+        title: null,
+        state: state,
+        theme: theme
+      }),
+      size: icon_size,
+      inherit_color: false
+    });
   }
   static getDerivedStateFromProps(props, state) {
     if (state._id !== props.id && props.id) {
@@ -211,6 +215,7 @@ export default class FormStatus extends React.PureComponent {
     return isTrue(props.show) && FormStatus.getContent(props) ? true : false;
   }
   render() {
+    var _this$context, _this$context$theme;
     const isReadyToGetVisible = this.isReadyToGetVisible();
     if (!isReadyToGetVisible && !this.state.keepContentInDom) {
       return null;
@@ -245,7 +250,8 @@ export default class FormStatus extends React.PureComponent {
     const iconToRender = FormStatus.getIcon({
       state,
       icon,
-      icon_size
+      icon_size,
+      theme: (_this$context = this.context) === null || _this$context === void 0 ? void 0 : (_this$context$theme = _this$context.theme) === null || _this$context$theme === void 0 ? void 0 : _this$context$theme.name
     });
     const contentToRender = this.state.keepContentInDom && this._cachedContent ? this._cachedContent : FormStatus.getContent(this.props);
     if (!this.state.isAnimating) {
@@ -382,41 +388,52 @@ process.env.NODE_ENV !== "production" ? WarnIcon.propTypes = {
 WarnIcon.defaultProps = {
   title: 'error'
 };
-export const InfoIcon = props => React.createElement("svg", _extends({
-  width: "24",
-  height: "24",
-  viewBox: "0 0 24 24",
-  fill: "none"
-}, props), props && props.title && React.createElement("title", null, props.title), _path7 || (_path7 = React.createElement("path", {
-  fillRule: "evenodd",
-  clipRule: "evenodd",
-  d: "M11.268 0a11.25 11.25 0 105.566 21.017l6.112 2.91a.75.75 0 001-1l-2.911-6.112A11.234 11.234 0 0011.268 0z",
-  fill: "#007272"
-})), _circle || (_circle = React.createElement("circle", {
-  cx: "11",
-  cy: "6.5",
-  r: ".5",
-  fill: "#fff",
-  stroke: "#fff"
-})), _path8 || (_path8 = React.createElement("path", {
-  d: "M13.75 16H13a1.5 1.5 0 01-1.5-1.5v-3.75a.75.75 0 00-.75-.75H10",
-  stroke: "#fff",
-  strokeWidth: "1.5",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-})));
+export const InfoIcon = props => {
+  const isSbankenTheme = props && (props === null || props === void 0 ? void 0 : props.theme) === 'sbanken';
+  let fill = isSbankenTheme ? '#000' : '#007272';
+  if (props && (props === null || props === void 0 ? void 0 : props.state) === 'success') {
+    fill = isSbankenTheme ? '#02A56A' : '#28B482';
+  }
+  return React.createElement("svg", _extends({
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, props), props && props.title && React.createElement("title", null, props.title), React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M11.268 0a11.25 11.25 0 105.566 21.017l6.112 2.91a.75.75 0 001-1l-2.911-6.112A11.234 11.234 0 0011.268 0z",
+    fill: fill
+  }), _circle || (_circle = React.createElement("circle", {
+    cx: "11",
+    cy: "6.5",
+    r: ".5",
+    fill: "#fff",
+    stroke: "#fff"
+  })), _path7 || (_path7 = React.createElement("path", {
+    d: "M13.75 16H13a1.5 1.5 0 01-1.5-1.5v-3.75a.75.75 0 00-.75-.75H10",
+    stroke: "#fff",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  })));
+};
 process.env.NODE_ENV !== "production" ? InfoIcon.propTypes = {
-  title: PropTypes.string
+  title: PropTypes.string,
+  state: PropTypes.string,
+  theme: PropTypes.string
 } : void 0;
 InfoIcon.defaultProps = {
-  title: 'info'
+  title: 'info',
+  state: 'info',
+  theme: 'ui'
 };
 export const MarketingIcon = props => React.createElement("svg", _extends({
   width: "24",
   height: "24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, props), props && props.title && React.createElement("title", null, props.title), _path9 || (_path9 = React.createElement("path", {
+}, props), props && props.title && React.createElement("title", null, props.title), _path8 || (_path8 = React.createElement("path", {
   d: "M6 15.25H4.5c-2.042 0-3.75-1.707-3.75-3.75S2.458 7.75 4.5 7.75H6v7.5ZM7.5 15.25c4.801 0 8.846 1.897 12.75 4.5V3.25c-3.904 2.603-7.949 4.5-12.75 4.5v7.5ZM23.25 10a.75.75 0 0 0-1.5 0h1.5Zm-1.5 3a.75.75 0 0 0 1.5 0h-1.5ZM8.483 21.043a.75.75 0 1 0 1.034-1.086l-1.034 1.086ZM21.75 10v3h1.5v-3h-1.5ZM6 15.25a8.058 8.058 0 0 0 2.483 5.793l1.034-1.086A6.559 6.559 0 0 1 7.5 15.25H6Z",
   fill: "#333"
 })));