@dnb/eufemia 10.2.0 → 10.3.0

package/cjs/components/tag/Tag.js

@@ -4,65 +4,43 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultProps = exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _IconPrimary2 = _interopRequireDefault(require("../icon-primary/IconPrimary"));
-
 var _Button = _interopRequireDefault(require("../button/Button"));
-
 var _Context = _interopRequireDefault(require("../../shared/Context"));
-
 var _componentHelper = require("../../shared/component-helper");
-
 var _TagGroup = _interopRequireDefault(require("./TagGroup"));
-
 var _TagContext = require("./TagContext");
-
 var _SpacingHelper = require("../space/SpacingHelper");
-
 var _svg;
-
 const _excluded = ["className", "skeleton", "children", "text", "hasLabel", "onClick", "onDelete", "omitOnKeyUpDeleteEvent", "removeIconTitle"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 const defaultProps = {
   skeleton: null,
   omitOnKeyUpDeleteEvent: false
 };
 exports.defaultProps = defaultProps;
-
 const Tag = localProps => {
   var _context$translation, _IconPrimary;
-
   const context = _react.default.useContext(_Context.default);
-
   const tagGroupContext = _react.default.useContext(_TagContext.TagGroupContext);
-
   const allProps = (0, _componentHelper.extendPropsWithContext)(localProps, defaultProps, context === null || context === void 0 ? void 0 : (_context$translation = context.translation) === null || _context$translation === void 0 ? void 0 : _context$translation.Tag, context === null || context === void 0 ? void 0 : context.Tag, tagGroupContext);
-
   const {
-    className,
-    skeleton,
-    children,
-    text,
-    hasLabel,
-    onClick,
-    onDelete,
-    omitOnKeyUpDeleteEvent,
-    removeIconTitle
-  } = allProps,
-        props = _objectWithoutProperties(allProps, _excluded);
-
+      className,
+      skeleton,
+      children,
+      text,
+      hasLabel,
+      onClick,
+      onDelete,
+      omitOnKeyUpDeleteEvent,
+      removeIconTitle
+    } = allProps,
+    props = _objectWithoutProperties(allProps, _excluded);
   const content = text || children;
   const isClickable = !!onClick;
   const isRemovable = !!onDelete && !isClickable;
@@ -70,30 +48,24 @@ const Tag = localProps => {
   const spacingClasses = (0, _SpacingHelper.createSpacingClasses)(props);
   const tagClassNames = (0, _classnames.default)('dnb-tag', className, spacingClasses, isInteractive && 'dnb-tag--interactive', isRemovable && 'dnb-tag--removable');
   const buttonAttr = props;
-
   const isDeleteKeyboardEvent = keyboardEvent => {
     return keyboardEvent.key === 'Backspace' || keyboardEvent.key === 'Delete';
   };
-
   const handleKeyUp = event => {
     if (onDelete && isDeleteKeyboardEvent(event)) {
       onDelete(event);
     }
   };
-
   if (!isInteractive) {
     buttonAttr.element = 'span';
     buttonAttr.type = '';
   }
-
   if (isRemovable) {
     buttonAttr.icon = getDeleteIcon();
   }
-
   if (!tagGroupContext && !hasLabel) {
     (0, _componentHelper.warn)(`Tag group required: A Tag requires a Tag.Group with label description as a parent component. This is to ensure correct semantic and accessibility.`);
   }
-
   return _react.default.createElement(_Button.default, _extends({
     variant: "unstyled",
     size: "small",
@@ -104,7 +76,6 @@ const Tag = localProps => {
     skeleton: skeleton,
     onKeyUp: isRemovable && !omitOnKeyUpDeleteEvent ? e => handleKeyUp(e) : undefined
   }, buttonAttr));
-
   function getDeleteIcon() {
     return _IconPrimary || (_IconPrimary = _react.default.createElement(_IconPrimary2.default, {
       title: removeIconTitle,
@@ -127,7 +98,7 @@ const Tag = localProps => {
     }));
   }
 };
-
 Tag.Group = _TagGroup.default;
 var _default = Tag;
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=Tag.js.map

package/cjs/components/tag/Tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.js","names":["_react","_interopRequireDefault","require","_classnames","_IconPrimary2","_Button","_Context","_componentHelper","_TagGroup","_TagContext","_SpacingHelper","_svg","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","defaultProps","skeleton","omitOnKeyUpDeleteEvent","exports","Tag","localProps","_context$translation","_IconPrimary","context","React","useContext","Context","tagGroupContext","TagGroupContext","allProps","extendPropsWithContext","translation","className","children","text","hasLabel","onClick","onDelete","removeIconTitle","props","content","isClickable","isRemovable","isInteractive","spacingClasses","createSpacingClasses","tagClassNames","classnames","buttonAttr","isDeleteKeyboardEvent","keyboardEvent","handleKeyUp","event","element","type","icon","getDeleteIcon","warn","createElement","variant","size","icon_position","on_click","onKeyUp","e","undefined","title","inherit_color","width","height","fill","xmlns","d","strokeWidth","strokeLinecap","strokeLinejoin","Group","TagGroup","_default"],"sources":["../../../../src/components/tag/Tag.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\n\n// Components\nimport IconPrimary from '../icon-primary/IconPrimary'\nimport type { IconIcon } from '../icon/Icon'\nimport Button, { ButtonProps } from '../button/Button'\n\n// Shared\nimport Context from '../../shared/Context'\nimport type { SpacingProps } from '../../shared/types'\nimport type { SkeletonShow } from '../skeleton/Skeleton'\nimport {\n  warn,\n  extendPropsWithContext,\n} from '../../shared/component-helper'\n\n// Internal\nimport TagGroup from './TagGroup'\nimport { TagGroupContext } from './TagContext'\nimport { createSpacingClasses } from '../space/SpacingHelper'\n\nexport interface TagProps {\n  /**\n   * The content of the tag element, can be a string or a React Element.\n   * Default: null\n   */\n  text?: string | React.ReactNode\n\n  /**\n   * Icon displaying on the left side\n   * Default: null\n   */\n  icon?: IconIcon\n\n  /**\n   * If a label is given, typical inside a table or dl (definition list), then you can disable Tag.Group as a dependent of Tag. Use `true` to omit the `Tag group required:` warning.\n   * Default: null\n   */\n  hasLabel?: boolean\n\n  /**\n   * Custom className on the component root\n   * Default: null\n   */\n  className?: string\n\n  /**\n   * Skeleton should be applied when loading content\n   * Default: null\n   */\n  skeleton?: SkeletonShow\n\n  /**\n   * The content of the tag element, can be a string or a React Element. Will be overwritten by text prop\n   * Default: null\n   */\n  children?: string | React.ReactNode // ReactNode allows multiple elements, strings, numbers, fragments, portals...\n\n  /**\n   * Handle the click event on 'tag' element\n   * Default: null\n   */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>\n\n  /**\n   * Handle the delete event on 'tag' element\n   * Default: null\n   */\n  onDelete?: React.MouseEventHandler<HTMLButtonElement>\n\n  /**\n   * Handle the delete event on 'tag' element\n   * Default: null\n   */\n  omitOnKeyUpDeleteEvent?: boolean\n\n  /**\n   * Internal property\n   * Has translation in context\n   */\n  removeIconTitle?: string\n}\n\nexport const defaultProps = {\n  skeleton: null,\n  omitOnKeyUpDeleteEvent: false,\n}\n\nconst Tag = (localProps: TagProps & SpacingProps) => {\n  // Every component should have a context\n  const context = React.useContext(Context)\n  const tagGroupContext = React.useContext(TagGroupContext)\n\n  // Extract additional props from global context\n  const allProps = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    context?.translation?.Tag,\n    context?.Tag,\n    tagGroupContext\n  )\n\n  const {\n    className,\n    skeleton,\n    children,\n    text,\n    hasLabel,\n    onClick,\n    onDelete,\n    omitOnKeyUpDeleteEvent,\n    removeIconTitle, // has a translation in context\n    ...props\n  } = allProps\n\n  const content = text || children\n  const isClickable = !!onClick\n  const isRemovable = !!onDelete && !isClickable\n  const isInteractive = isClickable || isRemovable\n  const spacingClasses = createSpacingClasses(props)\n  const tagClassNames = classnames(\n    'dnb-tag',\n    className,\n    spacingClasses,\n    isInteractive && 'dnb-tag--interactive',\n    isRemovable && 'dnb-tag--removable'\n  )\n  const buttonAttr: typeof props & Pick<ButtonProps, 'element' | 'type'> =\n    props\n\n  const isDeleteKeyboardEvent = (keyboardEvent) => {\n    return (\n      keyboardEvent.key === 'Backspace' || keyboardEvent.key === 'Delete'\n    )\n  }\n\n  const handleKeyUp = (event) => {\n    if (onDelete && isDeleteKeyboardEvent(event)) {\n      onDelete(event)\n    }\n  }\n\n  if (!isInteractive) {\n    buttonAttr.element = 'span'\n    buttonAttr.type = ''\n  }\n\n  if (isRemovable) {\n    buttonAttr.icon = getDeleteIcon()\n  }\n\n  if (!tagGroupContext && !hasLabel) {\n    warn(\n      `Tag group required: A Tag requires a Tag.Group with label description as a parent component. This is to ensure correct semantic and accessibility.`\n    )\n  }\n\n  return (\n    <Button\n      variant=\"unstyled\"\n      size=\"small\"\n      icon_position={isRemovable ? 'right' : 'left'}\n      className={tagClassNames}\n      on_click={onClick || onDelete}\n      text={content}\n      skeleton={skeleton}\n      onKeyUp={\n        isRemovable && !omitOnKeyUpDeleteEvent\n          ? (e) => handleKeyUp(e)\n          : undefined\n      }\n      {...buttonAttr}\n    />\n  )\n\n  function getDeleteIcon() {\n    return (\n      <IconPrimary\n        title={removeIconTitle}\n        inherit_color={false}\n        icon={\n          <svg\n            width=\"16\"\n            height=\"16\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <path\n              d=\"M0 8a8 8 0 1 1 16 0A8 8 0 1 1 0 8Z\"\n              className=\"dnb-icon-close-circle-path\"\n            />\n            <path\n              d=\"m5.5 10.5 5-5m0 5-5-5\"\n              className=\"dnb-icon-close-cross-path\"\n              strokeWidth=\"1.5\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            />\n          </svg>\n        }\n      />\n    )\n  }\n}\n\nTag.Group = TagGroup\n\nexport default Tag\n"],"mappings":"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"}

package/cjs/components/tag/TagContext.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TagGroupContext = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const TagGroupContext = _react.default.createContext(null);
-
-exports.TagGroupContext = TagGroupContext;
+exports.TagGroupContext = TagGroupContext;
+//# sourceMappingURL=TagContext.js.map

package/cjs/components/tag/TagContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagContext.js","names":["_react","_interopRequireDefault","require","obj","__esModule","default","TagGroupContext","React","createContext","exports"],"sources":["../../../../src/components/tag/TagContext.tsx"],"sourcesContent":["import React from 'react'\n\nexport const TagGroupContext = React.createContext(null)\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAyB,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAElB,MAAMG,eAAe,GAAGC,cAAK,CAACC,aAAa,CAAC,IAAI,CAAC;AAAAC,OAAA,CAAAH,eAAA,GAAAA,eAAA"}

package/cjs/components/tag/TagGroup.js

@@ -4,30 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultProps = exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _SpacingHelper = require("../space/SpacingHelper");
-
 var _componentHelper = require("../../shared/component-helper");
-
 var _Context = _interopRequireDefault(require("../../shared/Context"));
-
 var _TagContext = require("./TagContext");
-
 const _excluded = ["label", "className", "children"],
-      _excluded2 = ["skeleton"];
-
+  _excluded2 = ["skeleton"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 const defaultProps = {
   label: null,
   className: null,
@@ -35,36 +23,29 @@ const defaultProps = {
   skeleton: false
 };
 exports.defaultProps = defaultProps;
-
 const TagGroup = localProps => {
   const context = _react.default.useContext(_Context.default);
-
   const _extendPropsWithConte = (0, _componentHelper.extendPropsWithContext)(localProps, defaultProps, context === null || context === void 0 ? void 0 : context.TagGroup, {
-    skeleton: context === null || context === void 0 ? void 0 : context.skeleton
-  }),
-        {
-    label,
-    className,
-    children: childrenProp
-  } = _extendPropsWithConte,
-        props = _objectWithoutProperties(_extendPropsWithConte, _excluded);
-
+      skeleton: context === null || context === void 0 ? void 0 : context.skeleton
+    }),
+    {
+      label,
+      className,
+      children: childrenProp
+    } = _extendPropsWithConte,
+    props = _objectWithoutProperties(_extendPropsWithConte, _excluded);
   let children = childrenProp;
-
   if (Array.isArray(childrenProp)) {
     children = [...childrenProp].map(child => {
       return child;
     });
   }
-
   const spacingClasses = (0, _SpacingHelper.createSpacingClasses)(props);
-
   const _validateDOMAttribute = (0, _componentHelper.validateDOMAttributes)({}, props),
-        {
-    skeleton
-  } = _validateDOMAttribute,
-        attributes = _objectWithoutProperties(_validateDOMAttribute, _excluded2);
-
+    {
+      skeleton
+    } = _validateDOMAttribute,
+    attributes = _objectWithoutProperties(_validateDOMAttribute, _excluded2);
   return _react.default.createElement(_TagContext.TagGroupContext.Provider, {
     value: props
   }, _react.default.createElement("span", _extends({
@@ -73,6 +54,6 @@ const TagGroup = localProps => {
     className: "dnb-sr-only"
   }, label), children));
 };
-
 var _default = TagGroup;
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=TagGroup.js.map

package/cjs/components/tag/TagGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagGroup.js","names":["_react","_interopRequireDefault","require","_classnames","_SpacingHelper","_componentHelper","_Context","_TagContext","_excluded","_excluded2","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","defaultProps","label","className","children","skeleton","exports","TagGroup","localProps","context","React","useContext","Context","_extendPropsWithConte","extendPropsWithContext","childrenProp","props","Array","isArray","map","child","spacingClasses","createSpacingClasses","_validateDOMAttribute","validateDOMAttributes","attributes","createElement","TagGroupContext","Provider","value","classnames","_default"],"sources":["../../../../src/components/tag/TagGroup.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\n\n// Components\nimport { createSpacingClasses } from '../space/SpacingHelper'\n\n// Shared\nimport {\n  validateDOMAttributes,\n  extendPropsWithContext,\n} from '../../shared/component-helper'\nimport Context from '../../shared/Context'\nimport type { SpacingProps } from '../../shared/types'\nimport { TagGroupContext } from './TagContext'\nimport type { SkeletonShow } from '../skeleton/Skeleton'\n\nexport interface TagGroupProps {\n  /**\n   * Aria label to describe the tag group\n   * Default: null\n   */\n  label: React.ReactNode\n\n  /**\n   * Custom className on the component root\n   * Default: null\n   */\n  className?: string\n\n  /**\n   * The tags to group.\n   * Default: null\n   */\n  children?: React.ReactNode\n\n  /**\n   * Skeleton should be applied when loading content\n   * Default: false\n   */\n  skeleton?: SkeletonShow\n}\n\nexport const defaultProps = {\n  label: null,\n  className: null,\n  children: null,\n  skeleton: false,\n}\n\nconst TagGroup = (localProps: TagGroupProps & SpacingProps) => {\n  // Every component should have a context\n  const context = React.useContext(Context)\n  // Extract additional props from global context\n  const {\n    label,\n    className,\n    children: childrenProp,\n    ...props\n  } = extendPropsWithContext(localProps, defaultProps, context?.TagGroup, {\n    skeleton: context?.skeleton,\n  })\n\n  let children = childrenProp\n\n  if (Array.isArray(childrenProp)) {\n    children = [...childrenProp].map((child) => {\n      return child\n    })\n  }\n\n  const spacingClasses = createSpacingClasses(props)\n  const {\n    skeleton, // eslint-disable-line\n    ...attributes\n  } = validateDOMAttributes({}, props)\n\n  return (\n    <TagGroupContext.Provider value={props}>\n      <span\n        className={classnames('dnb-tag__group', spacingClasses, className)}\n        {...attributes}\n      >\n        <span className=\"dnb-sr-only\">{label}</span>\n        {children}\n      </span>\n    </TagGroupContext.Provider>\n  )\n}\n\nexport default TagGroup\n"],"mappings":"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"}

package/cjs/components/tag/index.js

@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 var _exportNames = {};
 exports.default = void 0;
-
 var _Tag = _interopRequireWildcard(require("./Tag"));
-
 Object.keys(_Tag).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -19,10 +17,8 @@ Object.keys(_Tag).forEach(function (key) {
     }
   });
 });
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var _default = _Tag.default;
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/cjs/components/tag/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_Tag","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","newObj","hasPropertyDescriptor","getOwnPropertyDescriptor","desc","set","_default","Tag"],"sources":["../../../../src/components/tag/index.ts"],"sourcesContent":["/**\n * Component Entry\n *\n */\n\nimport Tag from './Tag'\nexport default Tag\nexport * from './Tag'\n"],"mappings":";;;;;;;AAKA,IAAAA,IAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEAC,MAAA,CAAAC,IAAA,CAAAJ,IAAA,EAAAK,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAN,IAAA,CAAAM,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAd,IAAA,CAAAM,GAAA;IAAA;EAAA;AAAA;AAAqB,SAAAS,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAf,wBAAAmB,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAT,GAAA,CAAAM,GAAA,SAAAK,MAAA,WAAAC,qBAAA,GAAAvB,MAAA,CAAAS,cAAA,IAAAT,MAAA,CAAAwB,wBAAA,WAAArB,GAAA,IAAAc,GAAA,QAAAd,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAW,GAAA,EAAAd,GAAA,SAAAsB,IAAA,GAAAF,qBAAA,GAAAvB,MAAA,CAAAwB,wBAAA,CAAAP,GAAA,EAAAd,GAAA,cAAAsB,IAAA,KAAAA,IAAA,CAAAd,GAAA,IAAAc,IAAA,CAAAC,GAAA,KAAA1B,MAAA,CAAAS,cAAA,CAAAa,MAAA,EAAAnB,GAAA,EAAAsB,IAAA,YAAAH,MAAA,CAAAnB,GAAA,IAAAc,GAAA,CAAAd,GAAA,SAAAmB,MAAA,CAAAH,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAM,GAAA,CAAAT,GAAA,EAAAK,MAAA,YAAAA,MAAA;AAAA,IAAAK,QAAA,GADNC,YAAG;AAAApB,OAAA,CAAAW,OAAA,GAAAQ,QAAA"}

package/cjs/components/tag/style/index.js

@@ -1,3 +1,4 @@
 "use strict";
 
-require("./dnb-tag.min.css");
+require("./dnb-tag.min.css");
+//# sourceMappingURL=index.js.map

package/cjs/components/tag/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["require"],"sources":["../../../../../src/components/tag/style/index.js"],"sourcesContent":["/**\n * Web Style Import\n *\n */\n\nimport './dnb-tag.scss'\n"],"mappings":";;AAKAA,OAAA"}

package/cjs/components/tag/style.js

@@ -1,3 +1,4 @@
 "use strict";
 
-require("./style/dnb-tag.min.css");
+require("./style/dnb-tag.min.css");
+//# sourceMappingURL=style.js.map

package/cjs/components/tag/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","names":["require"],"sources":["../../../../src/components/tag/style.ts"],"sourcesContent":["/**\n * Web Style Import\n *\n */\n\nimport './style/dnb-tag.scss'\n"],"mappings":";;AAKAA,OAAA"}

package/cjs/components/textarea/Textarea.d.ts

@@ -32,90 +32,73 @@ export interface TextareaProps
    */
   value?: string;
   id?: string;
-
   /**
    * Prepends the Form Label component. If no ID is provided, a random ID is created.
    */
   label?: FormLabelText;
-
   /**
    * Use `label_direction="vertical"` to change the label layout direction. Defaults to `horizontal`.
    */
   label_direction?: FormLabelLabelDirection;
-
   /**
    * Use `true` to make the label only readable by screen readers.
    */
   label_sr_only?: boolean;
-
   /**
    * Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.
    */
   status?: FormStatusText;
-
   /**
    * To control the visual focus state as a prop, like `focus` or `blur`.
    */
   textarea_state?: string;
-
   /**
    * Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.
    */
   status_state?: FormStatusState;
-
   /**
    * Use an object to define additional FormStatus properties.
    */
   status_props?: FormStatusProps;
   status_no_animation?: boolean;
-
   /**
    * The <a href="/uilib/components/global-status/properties/#configuration-object">configuration</a> used for the target <a href="/uilib/components/global-status">GlobalStatus</a>.
    */
   globalStatus?: GlobalStatusConfigObject;
-
   /**
    * Text describing the content of the Textarea more than the label. You can also send in a React component, so it gets wrapped inside the Textarea component.
    */
   suffix?: TextareaSuffix;
-
   /**
    * The placeholder which shows up once the Textarea value is empty
    */
   placeholder?: string;
-
   /**
    * Defines the `text-align` of the Textarea. Defaults to `left`.
    */
   align?: TextareaAlign;
-
   /**
    * If set to `true`, then the Textarea field will be 100% in `width`.
    */
   stretch?: boolean;
   disabled?: boolean;
-
   /**
    * If set to `true`, an overlaying skeleton with animation will be shown.
    */
   skeleton?: SkeletonShow;
-
   /**
    * Use `true` to make the Textarea grow and shrink depending on how many lines the user has filled.
    */
   autoresize?: boolean;
-
   /**
    * Set a number to define how many rows the Textarea can auto grow.
    */
   autoresize_max_rows?: TextareaAutoresizeMaxRows;
   class?: string;
-
   /**
    * In case we have to set a custom Textarea class.
    */
   textarea_class?: string;
-
   /**
    * Provide the Textarea element with any attributes by using an Object `textarea_attributes={{size:&#39;2&#39;}}` or a JSON Object `textarea_attributes=&#39;{"size":"2"}&#39;`. "NB:" Keep in mind, that also every not listed component property will be sent along and set as a Textarea element attribute.
    */
@@ -123,7 +106,6 @@ export interface TextareaProps
   readOnly?: boolean;
   rows?: TextareaRows;
   cols?: TextareaCols;
-
   /**
    * By providing a React.ref we can get the internally used Textarea element (DOM). E.g. `inner_ref={myRef}` by using `React.createRef()` or `React.useRef()`.
    */
@@ -131,22 +113,18 @@ export interface TextareaProps
   className?: string;
   textarea_element?: TextareaTextareaElement;
   children?: TextareaChildren;
-
   /**
    * Will be called on value changes made by the user. Returns an object with a string value and the native event: `{ value, rows, event }`.
    */
   on_change?: (...args: any[]) => any;
-
   /**
    * Will be called on the focus set by the user. Returns `{ value, event }`.
    */
   on_focus?: (...args: any[]) => any;
-
   /**
    * Will be called on blur set by the user. Returns `{ value, event }`.
    */
   on_blur?: (...args: any[]) => any;
-
   /**
    * Will be called during every keystroke. Returns `{ value, rows, event }`.
    */