@dnb/eufemia 10.33.0 → 10.34.1

package/components/form-row/FormRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormRow.js","names":["React","PropTypes","classnames","extend","extendPropsWithContextInClassComponent","isTrue","makeUniqueId","validateDOMAttributes","AlignmentHelper","Context","FormLabel","Section","spacingPropTypes","createSpacingClasses","formRowPropTypes","_objectSpread","id","string","label","oneOfType","func","node","label_direction","oneOf","label_sr_only","bool","label_id","label_class","no_label","no_fieldset","locale","wrap","direction","vertical","centered","section_style","section_spacing","globalStatus","shape","message","responsive","disabled","skeleton","class","skipContentWrapperIfNested","className","children","formRowDefaultProps","FormRow","PureComponent","getContent","props","Array","isArray","reduce","pV","cV","type","name","push","constructor","_id","render","_this$context","_this$context2","_this$context3","_this$context3$FormRo","_this$context4","_this$context4$formEl","defaultProps","context","formElement","_className","_label","attributes","_objectWithoutProperties","_excluded","isNested","itsMeAgain","nestedLabel","hasLabel","length","params","useId","isIsUsed","providerContext","useFieldset","createElement","Provider","value","Fieldset","_extends","style_type","spacing","element","_AlignmentHelper","for_id","text","sr_only","_span","_defineProperty","process","env","NODE_ENV","propTypes","_ref","_excluded2","_supportsSpacingProps"],"sources":["../../../../src/components/form-row/FormRow.js"],"sourcesContent":["/**\n * Web FormRow Component\n *\n * This is a legacy component.\n * For refferencing 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 {\n  extend,\n  extendPropsWithContextInClassComponent,\n  isTrue,\n  makeUniqueId,\n  validateDOMAttributes,\n} from '../../shared/component-helper'\nimport AlignmentHelper from '../../shared/AlignmentHelper'\n\nimport Context from '../../shared/Context'\nimport FormLabel from '../form-label/FormLabel'\nimport Section from '../section/Section'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../space/SpacingHelper'\n\nexport const formRowPropTypes = {\n  id: PropTypes.string,\n  label: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.func,\n    PropTypes.node,\n  ]),\n  label_direction: PropTypes.oneOf(['vertical', 'horizontal']),\n  label_sr_only: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  label_id: PropTypes.string,\n  label_class: PropTypes.string,\n  no_label: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  no_fieldset: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  locale: PropTypes.string,\n  wrap: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  direction: PropTypes.oneOf(['vertical', 'horizontal']),\n  vertical: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  centered: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  section_style: PropTypes.string,\n  section_spacing: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  globalStatus: PropTypes.shape({\n    id: PropTypes.string,\n    message: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  }),\n  responsive: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  class: PropTypes.string,\n\n  skipContentWrapperIfNested: PropTypes.bool,\n\n  ...spacingPropTypes,\n\n  className: PropTypes.string,\n  children: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.func,\n    PropTypes.node,\n  ]),\n}\n\nexport const formRowDefaultProps = {\n  id: null,\n  label: null,\n  label_direction: null,\n  label_sr_only: null,\n  label_id: null,\n  label_class: null,\n  no_label: false,\n  no_fieldset: null,\n  locale: null,\n  wrap: null,\n  direction: null,\n  vertical: null,\n  centered: null,\n  section_style: null,\n  section_spacing: null,\n  globalStatus: null,\n  responsive: null,\n  disabled: null,\n  skeleton: null,\n  class: null,\n\n  skipContentWrapperIfNested: false,\n  className: null,\n  children: null,\n}\n\nexport default class FormRow extends React.PureComponent {\n  static contextType = Context\n\n  static propTypes = {\n    ...formRowPropTypes,\n  }\n\n  static defaultProps = {\n    ...formRowDefaultProps,\n  }\n\n  static getContent(props) {\n    let label = null\n    let children =\n      typeof props.children === 'function'\n        ? props.children(props)\n        : props.children\n\n    if (Array.isArray(props.children)) {\n      children = children.reduce((pV, cV) => {\n        if (cV && cV.type && cV.type.name === 'FormLabel') {\n          label = cV.props.children\n        } else {\n          pV.push(cV)\n        }\n        return pV\n      }, [])\n    }\n\n    return { label, children }\n  }\n\n  constructor(props) {\n    super(props)\n    this._id = props.id || makeUniqueId() // cause we need an id anyway\n\n    // We may consider to use this later to check if we are inside FormSet\n    // this.isInsideFormSet =\n    //   context.FormRow && context.FormRow.isInsideFormSet\n  }\n\n  render() {\n    // use only the props from context, who are available here anyway\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      FormRow.defaultProps,\n      this.context?.FormRow, // nested FormRow\n      this.context?.formElement // nested formElement\n    )\n\n    const {\n      label_direction,\n      label_sr_only,\n      label_id,\n      label_class,\n      no_fieldset,\n      no_label,\n      locale,\n      direction,\n      vertical,\n      centered,\n      section_style,\n      section_spacing,\n      globalStatus,\n      responsive,\n      disabled,\n      skeleton,\n      wrap,\n      className,\n      class: _className,\n      skipContentWrapperIfNested,\n\n      id: _id, // eslint-disable-line\n      label: _label, // eslint-disable-line\n\n      ...attributes\n    } = props\n\n    let { label } = props\n\n    const isNested =\n      this.context?.FormRow?.itsMeAgain ||\n      this.context?.formElement?.itsMeAgain\n\n    // in case we have a label already, we split this out and use this one instead\n    const { label: nestedLabel, children } = FormRow.getContent(this.props)\n    if (!label && nestedLabel) {\n      label = nestedLabel\n    }\n    const hasLabel =\n      (typeof label === 'string' && label.length > 0) || label\n        ? true\n        : false\n\n    const id = this._id\n    const params = {\n      className: classnames(\n        'dnb-form-row',\n        (isTrue(vertical) || direction) &&\n          `dnb-form-row--${isTrue(vertical) ? 'vertical' : direction}`,\n        (isTrue(vertical) || label_direction) &&\n          `dnb-form-row--${\n            isTrue(vertical) ? 'vertical' : label_direction\n          }-label`, // <-- has label\n        centered && 'dnb-form-row--centered',\n        isNested && 'dnb-form-row--nested',\n        createSpacingClasses(props),\n        className,\n        _className\n      ),\n      ...attributes,\n    }\n\n    // also used for code markup simulation\n    validateDOMAttributes(this.props, params)\n\n    const formElement = {\n      useId: () => {\n        if (this.isIsUsed) {\n          // make a new ID, as we used one\n          return makeUniqueId() // cause we need an id anyway\n        }\n        this.isIsUsed = true\n        return id\n      },\n      itsMeAgain: true,\n      hasLabel,\n      globalStatus,\n      direction,\n      vertical,\n      label_direction: isTrue(vertical) ? 'vertical' : label_direction,\n      responsive,\n      disabled,\n      skeleton,\n    }\n\n    const providerContext = extend(this.context, {\n      locale: locale ? locale : this.context.locale,\n      formElement,\n      FormRow: formElement,\n    })\n\n    const useFieldset = !isTrue(no_fieldset) && hasLabel\n\n    return (\n      <Context.Provider value={providerContext}>\n        <Fieldset useFieldset={useFieldset}>\n          <Section\n            style_type={section_style || 'transparent'}\n            spacing={section_spacing}\n            element=\"div\"\n            {...params}\n          >\n            <AlignmentHelper />\n\n            {label && (\n              <FormLabel\n                className={classnames('dnb-form-row__label', label_class)}\n                id={label_id ? label_id : id + '-label'}\n                for_id={useFieldset ? null : id} // we don't use for_id, because we don't have a single element to target to\n                text={label}\n                element={useFieldset ? 'legend' : 'label'}\n                label_direction={label_direction}\n                sr_only={label_sr_only}\n                disabled={disabled}\n                skeleton={skeleton}\n              />\n            )}\n\n            {isTrue(no_label) && (\n              <span\n                className=\"dnb-form-label dnb-form-row__label-dummy\"\n                aria-hidden\n              />\n            )}\n\n            {isNested && skipContentWrapperIfNested ? (\n              children\n            ) : (\n              <div\n                className={classnames(\n                  'dnb-form-row__content',\n                  isTrue(wrap) && 'dnb-form-row__content--wrap',\n                  label && !isTrue(vertical) && direction !== 'vertical',\n                  responsive && 'dnb-responsive-component'\n                )}\n              >\n                {children}\n              </div>\n            )}\n          </Section>\n        </Fieldset>\n      </Context.Provider>\n    )\n  }\n}\n\nconst Fieldset = ({\n  useFieldset,\n  children,\n  className = null,\n  ...props\n}) => {\n  if (useFieldset) {\n    return (\n      <fieldset\n        className={classnames('dnb-form-row__fieldset', className)}\n        {...props}\n      >\n        {children}\n      </fieldset>\n    )\n  }\n  return (\n    <div\n      className={classnames('dnb-form-row__fieldset', className)}\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\n// docs (or use ptd): https://github.com/facebook/prop-types#usage\nFieldset.propTypes = {\n  children: PropTypes.node,\n  useFieldset: PropTypes.bool,\n  className: PropTypes.string,\n}\nFieldset.defaultProps = {\n  children: null,\n  useFieldset: false,\n  className: null,\n}\n\nFormRow._supportsSpacingProps = true\n"],"mappings":"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"}
+{"version":3,"file":"FormRow.js","names":["React","PropTypes","classnames","extendGracefully","extendPropsWithContextInClassComponent","isTrue","makeUniqueId","validateDOMAttributes","AlignmentHelper","Context","FormLabel","Section","spacingPropTypes","createSpacingClasses","formRowPropTypes","_objectSpread","id","string","label","oneOfType","func","node","label_direction","oneOf","label_sr_only","bool","label_id","label_class","no_label","no_fieldset","locale","wrap","direction","vertical","centered","section_style","section_spacing","globalStatus","shape","message","responsive","disabled","skeleton","skipContentWrapperIfNested","className","children","formRowDefaultProps","FormRow","PureComponent","getContent","props","Array","isArray","reduce","pV","cV","type","name","push","constructor","_id","render","_this$context","_this$context2","_this$context3","_this$context3$FormRo","_this$context4","_this$context4$formEl","defaultProps","context","formElement","_label","attributes","_objectWithoutProperties","_excluded","isNested","itsMeAgain","nestedLabel","hasLabel","length","params","useId","isIsUsed","providerContext","useFieldset","createElement","Provider","value","Fieldset","_extends","style_type","spacing","element","_AlignmentHelper","for_id","text","sr_only","_span","_defineProperty","process","env","NODE_ENV","propTypes","_ref","_excluded2","_supportsSpacingProps"],"sources":["../../../../src/components/form-row/FormRow.js"],"sourcesContent":["/**\n * Web FormRow Component\n *\n * This is a legacy component.\n * For refferencing 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 {\n  extendGracefully,\n  extendPropsWithContextInClassComponent,\n  isTrue,\n  makeUniqueId,\n  validateDOMAttributes,\n} from '../../shared/component-helper'\nimport AlignmentHelper from '../../shared/AlignmentHelper'\n\nimport Context from '../../shared/Context'\nimport FormLabel from '../form-label/FormLabel'\nimport Section from '../section/Section'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../space/SpacingHelper'\n\nexport const formRowPropTypes = {\n  id: PropTypes.string,\n  label: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.func,\n    PropTypes.node,\n  ]),\n  label_direction: PropTypes.oneOf(['vertical', 'horizontal']),\n  label_sr_only: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  label_id: PropTypes.string,\n  label_class: PropTypes.string,\n  no_label: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  no_fieldset: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  locale: PropTypes.string,\n  wrap: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  direction: PropTypes.oneOf(['vertical', 'horizontal']),\n  vertical: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  centered: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  section_style: PropTypes.string,\n  section_spacing: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  globalStatus: PropTypes.shape({\n    id: PropTypes.string,\n    message: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  }),\n  responsive: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n\n  skipContentWrapperIfNested: PropTypes.bool,\n\n  ...spacingPropTypes,\n\n  className: PropTypes.string,\n  children: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.func,\n    PropTypes.node,\n  ]),\n}\n\nexport const formRowDefaultProps = {\n  id: null,\n  label: null,\n  label_direction: null,\n  label_sr_only: null,\n  label_id: null,\n  label_class: null,\n  no_label: false,\n  no_fieldset: null,\n  locale: null,\n  wrap: null,\n  direction: null,\n  vertical: null,\n  centered: null,\n  section_style: null,\n  section_spacing: null,\n  globalStatus: null,\n  responsive: null,\n  disabled: null,\n  skeleton: null,\n\n  skipContentWrapperIfNested: false,\n  className: null,\n  children: null,\n}\n\nexport default class FormRow extends React.PureComponent {\n  static contextType = Context\n\n  static propTypes = {\n    ...formRowPropTypes,\n  }\n\n  static defaultProps = {\n    ...formRowDefaultProps,\n  }\n\n  static getContent(props) {\n    let label = null\n    let children =\n      typeof props.children === 'function'\n        ? props.children(props)\n        : props.children\n\n    if (Array.isArray(props.children)) {\n      children = children.reduce((pV, cV) => {\n        if (cV && cV.type && cV.type.name === 'FormLabel') {\n          label = cV.props.children\n        } else {\n          pV.push(cV)\n        }\n        return pV\n      }, [])\n    }\n\n    return { label, children }\n  }\n\n  constructor(props) {\n    super(props)\n    this._id = props.id || makeUniqueId() // cause we need an id anyway\n\n    // We may consider to use this later to check if we are inside FormSet\n    // this.isInsideFormSet =\n    //   context.FormRow && context.FormRow.isInsideFormSet\n  }\n\n  render() {\n    // use only the props from context, who are available here anyway\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      FormRow.defaultProps,\n      this.context?.FormRow, // nested FormRow\n      this.context?.formElement // nested formElement\n    )\n\n    const {\n      label_direction,\n      label_sr_only,\n      label_id,\n      label_class,\n      no_fieldset,\n      no_label,\n      locale,\n      direction,\n      vertical,\n      centered,\n      section_style,\n      section_spacing,\n      globalStatus,\n      responsive,\n      disabled,\n      skeleton,\n      wrap,\n      className,\n      skipContentWrapperIfNested,\n\n      id: _id, // eslint-disable-line\n      label: _label, // eslint-disable-line\n\n      ...attributes\n    } = props\n\n    let { label } = props\n\n    const isNested =\n      this.context?.FormRow?.itsMeAgain ||\n      this.context?.formElement?.itsMeAgain\n\n    // in case we have a label already, we split this out and use this one instead\n    const { label: nestedLabel, children } = FormRow.getContent(this.props)\n    if (!label && nestedLabel) {\n      label = nestedLabel\n    }\n    const hasLabel =\n      (typeof label === 'string' && label.length > 0) || label\n        ? true\n        : false\n\n    const id = this._id\n    const params = {\n      className: classnames(\n        'dnb-form-row',\n        (isTrue(vertical) || direction) &&\n          `dnb-form-row--${isTrue(vertical) ? 'vertical' : direction}`,\n        (isTrue(vertical) || label_direction) &&\n          `dnb-form-row--${\n            isTrue(vertical) ? 'vertical' : label_direction\n          }-label`, // <-- has label\n        centered && 'dnb-form-row--centered',\n        isNested && 'dnb-form-row--nested',\n        createSpacingClasses(props),\n        className\n      ),\n      ...attributes,\n    }\n\n    // also used for code markup simulation\n    validateDOMAttributes(this.props, params)\n\n    const formElement = {\n      useId: () => {\n        if (this.isIsUsed) {\n          // make a new ID, as we used one\n          return makeUniqueId() // cause we need an id anyway\n        }\n        this.isIsUsed = true\n        return id\n      },\n      itsMeAgain: true,\n      hasLabel,\n      globalStatus,\n      direction,\n      vertical,\n      label_direction: isTrue(vertical) ? 'vertical' : label_direction,\n      responsive,\n      disabled,\n      skeleton,\n    }\n\n    const providerContext = extendGracefully(this.context, {\n      locale: locale ? locale : this.context.locale,\n      formElement,\n      FormRow: formElement,\n    })\n\n    const useFieldset = !isTrue(no_fieldset) && hasLabel\n\n    return (\n      <Context.Provider value={providerContext}>\n        <Fieldset useFieldset={useFieldset}>\n          <Section\n            style_type={section_style || 'transparent'}\n            spacing={section_spacing}\n            element=\"div\"\n            {...params}\n          >\n            <AlignmentHelper />\n\n            {label && (\n              <FormLabel\n                className={classnames('dnb-form-row__label', label_class)}\n                id={label_id ? label_id : id + '-label'}\n                for_id={useFieldset ? null : id} // we don't use for_id, because we don't have a single element to target to\n                text={label}\n                element={useFieldset ? 'legend' : 'label'}\n                label_direction={label_direction}\n                sr_only={label_sr_only}\n                disabled={disabled}\n                skeleton={skeleton}\n              />\n            )}\n\n            {isTrue(no_label) && (\n              <span\n                className=\"dnb-form-label dnb-form-row__label-dummy\"\n                aria-hidden\n              />\n            )}\n\n            {isNested && skipContentWrapperIfNested ? (\n              children\n            ) : (\n              <div\n                className={classnames(\n                  'dnb-form-row__content',\n                  isTrue(wrap) && 'dnb-form-row__content--wrap',\n                  label && !isTrue(vertical) && direction !== 'vertical',\n                  responsive && 'dnb-responsive-component'\n                )}\n              >\n                {children}\n              </div>\n            )}\n          </Section>\n        </Fieldset>\n      </Context.Provider>\n    )\n  }\n}\n\nconst Fieldset = ({\n  useFieldset,\n  children,\n  className = null,\n  ...props\n}) => {\n  if (useFieldset) {\n    return (\n      <fieldset\n        className={classnames('dnb-form-row__fieldset', className)}\n        {...props}\n      >\n        {children}\n      </fieldset>\n    )\n  }\n  return (\n    <div\n      className={classnames('dnb-form-row__fieldset', className)}\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\n// docs (or use ptd): https://github.com/facebook/prop-types#usage\nFieldset.propTypes = {\n  children: PropTypes.node,\n  useFieldset: PropTypes.bool,\n  className: PropTypes.string,\n}\nFieldset.defaultProps = {\n  children: null,\n  useFieldset: false,\n  className: null,\n}\n\nFormRow._supportsSpacingProps = true\n"],"mappings":"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"}

package/components/form-set/FormSet.d.ts

@@ -35,7 +35,6 @@ export interface FormSetProps
   section_spacing?: SectionSpacing;
   globalStatus?: GlobalStatusConfigObject;
   responsive?: boolean;
-  class?: string;
   skipContentWrapperIfNested?: boolean;
   className?: string;
   children?: FormSetChildren;

package/components/form-set/FormSet.js

@@ -2,13 +2,13 @@
 
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-const _excluded = ["element", "locale", "no_form", "prevent_submit", "id", "className", "class"];
+const _excluded = ["element", "locale", "no_form", "prevent_submit", "id", "className"];
 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 from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import { isTrue, makeUniqueId, extend, extendPropsWithContextInClassComponent, validateDOMAttributes, processChildren, dispatchCustomElementEvent } from '../../shared/component-helper';
+import { isTrue, makeUniqueId, extendGracefully, extendPropsWithContextInClassComponent, validateDOMAttributes, processChildren, dispatchCustomElementEvent } from '../../shared/component-helper';
 import { createSpacingClasses } from '../space/SpacingHelper';
 import Context from '../../shared/Context';
 import { formRowDefaultProps, formRowPropTypes } from '../form-row/FormRow';
@@ -39,8 +39,7 @@ export default class FormSet extends React.PureComponent {
         no_form,
         prevent_submit,
         id,
-        className,
-        class: _className
+        className
       } = props,
       rest = _objectWithoutProperties(props, _excluded);
     const allowedProps = Object.entries(rest).reduce((acc, _ref) => {
@@ -58,14 +57,14 @@ export default class FormSet extends React.PureComponent {
       return acc;
     }, {});
     const params = _objectSpread({
-      className: classnames('dnb-form-set', createSpacingClasses(this.props), className, _className)
+      className: classnames('dnb-form-set', createSpacingClasses(this.props), className)
     }, attributes);
     if (!isTrue(no_form)) {
       params.onSubmit = this.onSubmitHandler;
     }
     validateDOMAttributes(this.props, params);
     const content = FormSet.getContent(this.props);
-    const providerContext = extend(this.context, {
+    const providerContext = extendGracefully(this.context, {
       locale: locale ? locale : this.context.locale,
       FormRow: allowedProps
     });

package/components/form-set/FormSet.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormSet.js","names":["React","PropTypes","classnames","isTrue","makeUniqueId","extend","extendPropsWithContextInClassComponent","validateDOMAttributes","processChildren","dispatchCustomElementEvent","createSpacingClasses","Context","formRowDefaultProps","formRowPropTypes","FormSet","PureComponent","getContent","props","constructor","_defineProperty","event","prevent_submit","preventDefault","_id","id","render","defaultProps","context","element","locale","no_form","className","class","_className","rest","_objectWithoutProperties","_excluded","allowedProps","Object","entries","reduce","acc","_ref","k","v","attributes","_ref2","params","_objectSpread","onSubmit","onSubmitHandler","content","providerContext","FormRow","Element","createElement","Provider","value","disabled","skeleton","on_submit","process","env","NODE_ENV","propTypes","string","oneOfType","bool","func","_supportsSpacingProps"],"sources":["../../../../src/components/form-set/FormSet.js"],"sourcesContent":["/**\n * Web FormSet Component\n *\n * This is a legacy component.\n * For refferencing 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 {\n  isTrue,\n  makeUniqueId,\n  extend,\n  extendPropsWithContextInClassComponent,\n  validateDOMAttributes,\n  processChildren,\n  dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport Context from '../../shared/Context'\nimport { formRowDefaultProps, formRowPropTypes } from '../form-row/FormRow'\n\nexport default class FormSet extends React.PureComponent {\n  static contextType = Context\n\n  static propTypes = {\n    element: PropTypes.string,\n    no_form: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    prevent_submit: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n    ]),\n\n    ...formRowPropTypes,\n\n    on_submit: PropTypes.func,\n  }\n\n  static defaultProps = {\n    element: 'form',\n    no_form: false,\n    disabled: null,\n    skeleton: null,\n    prevent_submit: false,\n\n    on_submit: null,\n  }\n\n  static getContent(props) {\n    return processChildren(props)\n  }\n\n  constructor(props) {\n    super(props)\n    this._id = props.id || makeUniqueId() // cause we need an id anyway\n  }\n\n  onSubmitHandler = (event) => {\n    const { prevent_submit } = this.props\n    if (isTrue(prevent_submit)) {\n      event.preventDefault()\n    }\n    dispatchCustomElementEvent(this, 'on_submit', { event })\n  }\n\n  render() {\n    // use only the props from context, who are available here anyway\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      FormSet.defaultProps,\n      this.context.FormSet\n    )\n\n    const {\n      element,\n      locale,\n      no_form,\n      prevent_submit, // eslint-disable-line\n      id, // eslint-disable-line\n      className,\n      class: _className,\n\n      ...rest\n    } = props\n\n    const allowedProps = Object.entries(rest).reduce((acc, [k, v]) => {\n      if (\n        typeof formRowDefaultProps[k] !== 'undefined' &&\n        k !== 'id' &&\n        k !== 'children' &&\n        k !== 'label'\n      ) {\n        acc[k] = v\n      }\n      return acc\n    }, {})\n    const attributes = Object.entries(rest).reduce((acc, [k, v]) => {\n      if (typeof allowedProps[k] === 'undefined' && k !== 'children') {\n        acc[k] = v\n      }\n      return acc\n    }, {})\n\n    const params = {\n      className: classnames(\n        'dnb-form-set',\n        createSpacingClasses(this.props),\n        className,\n        _className\n      ),\n      ...attributes,\n    }\n\n    if (!isTrue(no_form)) {\n      params.onSubmit = this.onSubmitHandler\n    }\n\n    // also used for code markup simulation\n    validateDOMAttributes(this.props, params)\n\n    const content = FormSet.getContent(this.props)\n\n    const providerContext = extend(this.context, {\n      locale: locale ? locale : this.context.locale,\n      FormRow: allowedProps,\n      // isInsideFormSet: true // We may consider to use this later to check if we are inside FormSet\n    })\n\n    const Element = isTrue(no_form) ? 'div' : element\n\n    return (\n      <Context.Provider value={providerContext}>\n        <Element {...params}>{content}</Element>\n      </Context.Provider>\n    )\n  }\n}\n\nFormSet._supportsSpacingProps = true\n"],"mappings":"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"}
+{"version":3,"file":"FormSet.js","names":["React","PropTypes","classnames","isTrue","makeUniqueId","extendGracefully","extendPropsWithContextInClassComponent","validateDOMAttributes","processChildren","dispatchCustomElementEvent","createSpacingClasses","Context","formRowDefaultProps","formRowPropTypes","FormSet","PureComponent","getContent","props","constructor","_defineProperty","event","prevent_submit","preventDefault","_id","id","render","defaultProps","context","element","locale","no_form","className","rest","_objectWithoutProperties","_excluded","allowedProps","Object","entries","reduce","acc","_ref","k","v","attributes","_ref2","params","_objectSpread","onSubmit","onSubmitHandler","content","providerContext","FormRow","Element","createElement","Provider","value","disabled","skeleton","on_submit","process","env","NODE_ENV","propTypes","string","oneOfType","bool","func","_supportsSpacingProps"],"sources":["../../../../src/components/form-set/FormSet.js"],"sourcesContent":["/**\n * Web FormSet Component\n *\n * This is a legacy component.\n * For refferencing 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 {\n  isTrue,\n  makeUniqueId,\n  extendGracefully,\n  extendPropsWithContextInClassComponent,\n  validateDOMAttributes,\n  processChildren,\n  dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport Context from '../../shared/Context'\nimport { formRowDefaultProps, formRowPropTypes } from '../form-row/FormRow'\n\nexport default class FormSet extends React.PureComponent {\n  static contextType = Context\n\n  static propTypes = {\n    element: PropTypes.string,\n    no_form: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    prevent_submit: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n    ]),\n\n    ...formRowPropTypes,\n\n    on_submit: PropTypes.func,\n  }\n\n  static defaultProps = {\n    element: 'form',\n    no_form: false,\n    disabled: null,\n    skeleton: null,\n    prevent_submit: false,\n\n    on_submit: null,\n  }\n\n  static getContent(props) {\n    return processChildren(props)\n  }\n\n  constructor(props) {\n    super(props)\n    this._id = props.id || makeUniqueId() // cause we need an id anyway\n  }\n\n  onSubmitHandler = (event) => {\n    const { prevent_submit } = this.props\n    if (isTrue(prevent_submit)) {\n      event.preventDefault()\n    }\n    dispatchCustomElementEvent(this, 'on_submit', { event })\n  }\n\n  render() {\n    // use only the props from context, who are available here anyway\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      FormSet.defaultProps,\n      this.context.FormSet\n    )\n\n    const {\n      element,\n      locale,\n      no_form,\n      prevent_submit, // eslint-disable-line\n      id, // eslint-disable-line\n      className,\n\n      ...rest\n    } = props\n\n    const allowedProps = Object.entries(rest).reduce((acc, [k, v]) => {\n      if (\n        typeof formRowDefaultProps[k] !== 'undefined' &&\n        k !== 'id' &&\n        k !== 'children' &&\n        k !== 'label'\n      ) {\n        acc[k] = v\n      }\n      return acc\n    }, {})\n    const attributes = Object.entries(rest).reduce((acc, [k, v]) => {\n      if (typeof allowedProps[k] === 'undefined' && k !== 'children') {\n        acc[k] = v\n      }\n      return acc\n    }, {})\n\n    const params = {\n      className: classnames(\n        'dnb-form-set',\n        createSpacingClasses(this.props),\n        className\n      ),\n      ...attributes,\n    }\n\n    if (!isTrue(no_form)) {\n      params.onSubmit = this.onSubmitHandler\n    }\n\n    // also used for code markup simulation\n    validateDOMAttributes(this.props, params)\n\n    const content = FormSet.getContent(this.props)\n\n    const providerContext = extendGracefully(this.context, {\n      locale: locale ? locale : this.context.locale,\n      FormRow: allowedProps,\n      // isInsideFormSet: true // We may consider to use this later to check if we are inside FormSet\n    })\n\n    const Element = isTrue(no_form) ? 'div' : element\n\n    return (\n      <Context.Provider value={providerContext}>\n        <Element {...params}>{content}</Element>\n      </Context.Provider>\n    )\n  }\n}\n\nFormSet._supportsSpacingProps = true\n"],"mappings":"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"}

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

@@ -68,7 +68,6 @@ export interface FormStatusProps
   text_id?: string;
   width_selector?: string;
   width_element?: Record<string, unknown>;
-  class?: string;
   /**
    * NB: Animation is disabled as of now. <del>use `true` to omit the animation on content visibility. Defaults to `false`.</del>
    */
@@ -121,7 +120,6 @@ 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

@@ -3,14 +3,13 @@
 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, _circle, _path7, _path8;
-const _excluded = ["title", "state", "size", "variant", "className", "stretch", "shellSpace", "class", "text_id", "show", "no_animation", "label", "status_id", "globalStatus", "id", "text", "icon", "icon_size", "skeleton", "children", "role"];
+const _excluded = ["title", "state", "size", "variant", "className", "stretch", "shellSpace", "text_id", "show", "no_animation", "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; }
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import Context from '../../shared/Context';
+import { useTheme, Context } from '../../shared';
 import { isTrue, makeUniqueId, validateDOMAttributes, processChildren, extendPropsWithContextInClassComponent } from '../../shared/component-helper';
 import HeightAnimation from '../height-animation/HeightAnimation';
 import { spacingPropTypes, createSpacingClasses } from '../space/SpacingHelper';
@@ -18,6 +17,12 @@ import Icon from '../icon/Icon';
 import GlobalStatusProvider from '../global-status/GlobalStatusProvider';
 import { skeletonDOMAttributes, createSkeletonClass } from '../skeleton/SkeletonHelper';
 import { pickFormElementProps } from '../../shared/helpers/filterValidProps';
+import ui from '../../style/themes/theme-ui/properties';
+import sbanken from '../../style/themes/theme-sbanken/properties';
+const properties = {
+  ui,
+  sbanken
+};
 export default class FormStatus extends React.PureComponent {
   static getContent(props) {
     if (props.text) {
@@ -43,8 +48,7 @@ export default class FormStatus extends React.PureComponent {
     let {
       state,
       icon,
-      icon_size,
-      theme
+      icon_size
     } = _ref;
     if (typeof icon !== 'string') {
       return icon;
@@ -68,8 +72,7 @@ export default class FormStatus extends React.PureComponent {
     return React.createElement(Icon, {
       icon: React.createElement(IconToLoad, {
         title: null,
-        state: state,
-        theme: theme
+        state: state
       }),
       size: icon_size,
       inherit_color: false
@@ -216,7 +219,6 @@ export default class FormStatus extends React.PureComponent {
     return isTrue(props.show) && FormStatus.getContent(props) ? true : false;
   }
   render() {
-    var _this$context, _this$context$theme;
     const props = this.getProps();
     const {
         title,
@@ -226,7 +228,6 @@ export default class FormStatus extends React.PureComponent {
         className,
         stretch,
         shellSpace,
-        class: _className,
         text_id,
         show,
         no_animation,
@@ -246,13 +247,12 @@ export default class FormStatus extends React.PureComponent {
     const iconToRender = FormStatus.getIcon({
       state,
       icon,
-      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
+      icon_size
     });
     const contentToRender = FormStatus.getContent(this.props);
     const hasStringContent = typeof contentToRender === 'string' && contentToRender.length > 0;
     const params = _objectSpread({
-      className: classnames(`dnb-form-status dnb-form-status__size--${size}`, createSpacingClasses(props), className, _className, state && `dnb-form-status--${state}`, variant && `dnb-form-status__variant--${variant}`, stretch && 'dnb-form-status--stretch', hasStringContent && 'dnb-form-status--has-content'),
+      className: classnames(`dnb-form-status dnb-form-status__size--${size}`, createSpacingClasses(props), className, state && `dnb-form-status--${state}`, variant && `dnb-form-status__variant--${variant}`, stretch && 'dnb-form-status--stretch', hasStringContent && 'dnb-form-status--has-content'),
       id: !String(id).startsWith('null') ? this.state.id : null,
       title,
       role
@@ -305,7 +305,6 @@ _defineProperty(FormStatus, "defaultProps", {
   text_id: null,
   width_selector: null,
   width_element: null,
-  class: null,
   no_animation: null,
   skeleton: null,
   stretch: null,
@@ -332,7 +331,6 @@ process.env.NODE_ENV !== "production" ? FormStatus.propTypes = _objectSpread(_ob
   text_id: PropTypes.string,
   width_selector: PropTypes.string,
   width_element: PropTypes.object,
-  class: PropTypes.string,
   no_animation: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
   skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
   stretch: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
@@ -341,48 +339,60 @@ process.env.NODE_ENV !== "production" ? FormStatus.propTypes = _objectSpread(_ob
   className: PropTypes.string,
   children: PropTypes.oneOfType([PropTypes.string, PropTypes.func, PropTypes.node])
 }) : void 0;
-export const ErrorIcon = 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), _path || (_path = React.createElement("path", {
-  d: "M23.625 17.864A3.547 3.547 0 0120.45 23H3.548a3.546 3.546 0 01-3.172-5.136l8.45-14.902a3.548 3.548 0 016.347 0l8.452 14.902z",
-  fill: "#DC2A2A"
-})), _path2 || (_path2 = React.createElement("path", {
-  d: "M12 16.286a1.286 1.286 0 100 2.572 1.286 1.286 0 000-2.572z",
-  fill: "#fff"
-})), _path3 || (_path3 = React.createElement("path", {
-  d: "M12 13.818v-5",
-  stroke: "#fff",
-  strokeWidth: "1.5",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-})));
+export const ErrorIcon = props => {
+  var _useTheme;
+  const isSbankenTheme = ((_useTheme = useTheme()) === null || _useTheme === void 0 ? void 0 : _useTheme.name) === 'sbanken';
+  const fill = isSbankenTheme ? properties.sbanken['--sb-color-magenta'] : properties.ui['--color-fire-red'];
+  const line = isSbankenTheme ? properties.sbanken['--sb-color-magenta-light-2'] : properties.ui['--color-white'];
+  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", {
+    d: "M23.625 17.864A3.547 3.547 0 0120.45 23H3.548a3.546 3.546 0 01-3.172-5.136l8.45-14.902a3.548 3.548 0 016.347 0l8.452 14.902z",
+    fill: fill
+  }), React.createElement("path", {
+    d: "M12 16.286a1.286 1.286 0 100 2.572 1.286 1.286 0 000-2.572z",
+    fill: line
+  }), React.createElement("path", {
+    d: "M12 13.818v-5",
+    stroke: line,
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }));
+};
 process.env.NODE_ENV !== "production" ? ErrorIcon.propTypes = {
   title: PropTypes.string
 } : void 0;
 ErrorIcon.defaultProps = {
   title: 'error'
 };
-export const WarnIcon = 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), _path4 || (_path4 = React.createElement("path", {
-  d: "M23.625 17.864A3.547 3.547 0 0120.45 23H3.548a3.546 3.546 0 01-3.172-5.136l8.45-14.902a3.548 3.548 0 016.347 0l8.452 14.902z",
-  fill: "#FDBB31"
-})), _path5 || (_path5 = React.createElement("path", {
-  d: "M12 16.286a1.286 1.286 0 100 2.572 1.286 1.286 0 000-2.572z",
-  fill: "#333"
-})), _path6 || (_path6 = React.createElement("path", {
-  d: "M12 13.818v-5",
-  stroke: "#333",
-  strokeWidth: "1.5",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-})));
+export const WarnIcon = props => {
+  var _useTheme2;
+  const isSbankenTheme = ((_useTheme2 = useTheme()) === null || _useTheme2 === void 0 ? void 0 : _useTheme2.name) === 'sbanken';
+  const fill = isSbankenTheme ? properties.sbanken['--sb-color-yellow-dark'] : properties.ui['--color-accent-yellow'];
+  const line = isSbankenTheme ? properties.sbanken['--sb-color-black'] : properties.ui['--color-black-80'];
+  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", {
+    d: "M23.625 17.864A3.547 3.547 0 0120.45 23H3.548a3.546 3.546 0 01-3.172-5.136l8.45-14.902a3.548 3.548 0 016.347 0l8.452 14.902z",
+    fill: fill
+  }), React.createElement("path", {
+    d: "M12 16.286a1.286 1.286 0 100 2.572 1.286 1.286 0 000-2.572z",
+    fill: line
+  }), React.createElement("path", {
+    d: "M12 13.818v-5",
+    stroke: line,
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }));
+};
 process.env.NODE_ENV !== "production" ? WarnIcon.propTypes = {
   title: PropTypes.string
 } : void 0;
@@ -390,11 +400,13 @@ WarnIcon.defaultProps = {
   title: 'error'
 };
 export const InfoIcon = props => {
-  const isSbankenTheme = props && (props === null || props === void 0 ? void 0 : props.theme) === 'sbanken';
-  let fill = isSbankenTheme ? '#000' : '#007272';
+  var _useTheme3;
+  const isSbankenTheme = ((_useTheme3 = useTheme()) === null || _useTheme3 === void 0 ? void 0 : _useTheme3.name) === 'sbanken';
+  let fill = isSbankenTheme ? properties.sbanken['--sb-color-violet-light'] : properties.ui['--color-sea-green'];
   if (props && (props === null || props === void 0 ? void 0 : props.state) === 'success') {
-    fill = isSbankenTheme ? '#02A56A' : '#28B482';
+    fill = isSbankenTheme ? properties.sbanken['--sb-color-green-dark-3'] : properties.ui['--color-summer-green'];
   }
+  const line = isSbankenTheme ? properties.sbanken['--sb-color-green-light-2'] : properties.ui['--color-white'];
   return React.createElement("svg", _extends({
     width: "24",
     height: "24",
@@ -405,39 +417,42 @@ export const InfoIcon = props => {
     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", {
+  }), React.createElement("circle", {
     cx: "11",
     cy: "6.5",
     r: ".5",
     fill: "#fff",
-    stroke: "#fff"
-  })), _path7 || (_path7 = React.createElement("path", {
+    stroke: line
+  }), 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",
+    stroke: line,
     strokeWidth: "1.5",
     strokeLinecap: "round",
     strokeLinejoin: "round"
-  })));
+  }));
 };
 process.env.NODE_ENV !== "production" ? InfoIcon.propTypes = {
   title: PropTypes.string,
-  state: PropTypes.string,
-  theme: PropTypes.string
+  state: PropTypes.string
 } : void 0;
 InfoIcon.defaultProps = {
   title: 'info',
-  state: 'info',
-  theme: 'ui'
+  state: 'info'
+};
+export const MarketingIcon = props => {
+  var _useTheme4;
+  const isSbankenTheme = ((_useTheme4 = useTheme()) === null || _useTheme4 === void 0 ? void 0 : _useTheme4.name) === 'sbanken';
+  const fill = isSbankenTheme ? properties.sbanken['--sb-color-violet-light'] : properties.ui['--color-black-80'];
+  return 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), 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: fill
+  }));
 };
-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), _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"
-})));
 process.env.NODE_ENV !== "production" ? MarketingIcon.propTypes = {
   title: PropTypes.string
 } : void 0;