@entur/modal 1.6.19 → 1.6.21

package/LICENSE.md

@@ -208,74 +208,3 @@ The European Commission may update this Appendix to later versions of the above
 a new version of the EUPL, as long as they provide the rights granted in Article 2 of this Licence and protect the
 covered Source Code from exclusive appropriation.
 All other changes or additions to this Appendix require the production of a new EUPL version.
-
-# Standard Nucleo License
-
-- Last updated: July 2, 2018
-- [Github repo](https://github.com/NucleoApp/license-standard)
-
-By purchasing the Nucleo icons, you have the right to:
-
-- Use the Nucleo icons in unlimited personal and commercial projects, for yourself or a client, with no limitation to the number of impressions for your end product.
-- Use the Nucleo icons in applications, software, UI/UX design, print, and logo design.
-- Modify the Nucleo icons to create your icon variations.
-
-You don't have the right to:
-
-- Sublicense, resell, share, transfer, or otherwise redistribute the Nucleo icons (even for free or within a more complex downloadable file).
-- Use the Nucleo icons in a product that is directly competitive with Nucleo.
-
-## Limitations & Extended license
-
-- **For each project, you can use a maximum of 250 Nucleo icons** (intended per unique style: for example, if you're using the same icon in both the outline and glyph styles, or in 2 different sizes, you're using 2 icons). You can lift this limit by purchasing an Extended License.
-- If you're using Nucleo icons in templates, themes or plugins offered for sale, you can use a maximum of 100 Nucleo icons. You can lift this limit by purchasing an Extended License.
-- If you're using the Nucleo icons in open source projects, you can use a maximum of 100 Nucleo icons.
-- If you're interested in using the Nucleo icons in items offered for sale (or for free) where the Nucleo icons contribute to the core value of the product being sold/shared, you will need an Extended License (e.g., a CMS where users can browse the Nucleo icons and pick the ones to include in their design).
-
-[Learn more about the Extended License](https://nucleoapp.com/extended-license)
-
-## Freelance Projects & Contracted work
-
-If you're working on a project for a client, you can share with your client a maximum of 250 Nucleo icons per project. You can't share the Nucleo source files unless the client purchases a license.
-
-If the Nucleo icons contribute to the core value of the product being sold/shared, or if you (or your client) wish to include more than 250 icons in the project, the [Extended License](https://nucleoapp.com/extended-license) is required.
-
-## Templates, Themes, UI Kits & Plugins
-
-If you're using Nucleo icons in templates, themes or plugins offered for sale (e.g., UI kits, Wordpress Themes, HTML/CSS Templates), **you can include up to 100 icons in the downloadable source files**. This limitation applies to the icon fonts as well.
-
-The downloadable source file has to include the [Nucleo Copyright Notice](https://nucleoapp.com/copyright-notice).
-
-If the Nucleo icons contribute to the core value of the template, theme or plugin sold (e.g., a theme builder where users can browse Nucleo icons and pick the ones to include in their design), or if you wish to use more than 100 Nucleo icons, you will need an [Extended License](https://nucleoapp.com/extended-license).
-
-It's not possible to purchase an Extended License if the template, theme or plugin is distributed for free.
-
-If you're offering a free and pro version of your product, the free version cannot include more than 100 icons even if you purchased an Extended License to lift the limit. The Extended License applies only to the pro version of your product.
-
-## Open source projects
-
-If you're using the Nucleo icons in open source projects, **you can include up to 100 icons in the downloadable source files**. This limitation applies to the icon fonts as well.
-
-The downloadable source file has to include the [Nucleo Copyright Notice](https://nucleoapp.com/copyright-notice).
-
-It's not possible to purchase an Extended License for open source projects.
-
-## Sharing Nucleo icons with team members
-
-If you're the sole owner of a Nucleo license, you can share with your team members only the icons used in your work, with a maximum of 250 icons (e.g., if you're a designer, you can share with the developers of your team only the Nucleo icons used in your design files).
-
-Your team members cannot reuse the Nucleo icons in other projects unless they purchase a license.
-
-If more than one team member needs access to the Nucleo icons, you can consider purchasing a [team license](https://nucleoapp.com/pricing).
-
-## Design systems
-
-If you wish to include the Nucleo icons in a design system available on a public server, you can use a maximum of 250 Nucleo icons, even if your team purchased a Nucleo team license.
-
-If the design system is accessible only by the members of your organization (e.g., is hosted on a password protected server), but you're the sole owner of a Nucleo license, you can share with your colleagues a maximum of 250 Nucleo icons.
-
-If the design system is on a public server, you can lift the 250 icons limit by buying an [Extended License](https://nucleoapp.com/extended-license). However, please keep in mind you can't provide a link/button to download all the icons.
-
-If your team purchased a Nucleo team license that covers all the users with access to the design system, and the design system is not public (e.g., is hosted on a password protected server), then there's no limitation to the number of icons that can be included.
-
-If you're still unclear about what is or isn't allowed under this license, please contact us at info@nucleoapp.com.

package/dist/Drawer.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import './Drawer.scss';
-export declare type DrawerProps = {
+export type DrawerProps = {
     /** Innholdet. Typisk tekst, lenker eller knapper */
     children: React.ReactNode;
     /** Ekstra klassenavn */

package/dist/Modal.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import './Modal.scss';
-export declare type ModalProps = {
+export type ModalProps = {
     /** Innholdet i modalen */
     children: React.ReactNode;
     /** Skjermleser-label til lukk-knappen */

package/dist/ModalContent.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type ModalContentProps = {
+export type ModalContentProps = {
     /** Innholdet i modalen */
     children: React.ReactNode;
     /** Ekstra klassenavn */

package/dist/ModalOverlay.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type ModalOverlayProps = {
+export type ModalOverlayProps = {
     /** Flagg som sier om modalen er åpen */
     open?: boolean;
     /** Callback som kalles når brukeren ber om å lukke modalen */

package/dist/modal.cjs.development.js

@@ -19,44 +19,37 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
 
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _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 _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;
 }
 
 var _excluded$2 = ["className", "open"];
 var ModalOverlay = function ModalOverlay(_ref) {
   var className = _ref.className,
-      open = _ref.open,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
-
+    open = _ref.open,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
   return React__default["default"].createElement(dialog.DialogOverlay, _extends({
     className: classNames__default["default"]('eds-modal__overlay', className),
     isOpen: open
@@ -73,11 +66,10 @@ var headingsMap = {
 };
 var ModalContent = function ModalContent(_ref) {
   var children = _ref.children,
-      className = _ref.className,
-      size = _ref.size,
-      title = _ref.title,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
-
+    className = _ref.className,
+    size = _ref.size,
+    title = _ref.title,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
   var Heading = headingsMap[size] || typography.Heading2;
   var randomId = utils.useRandomId('eds-modal');
   return React__default["default"].createElement(dialog.DialogContent, _extends({
@@ -93,23 +85,20 @@ var ModalContent = function ModalContent(_ref) {
 var _excluded = ["children", "closeLabel", "initialFocusRef", "open", "onDismiss", "size", "closeOnClickOutside"];
 var Modal = function Modal(_ref) {
   var children = _ref.children,
-      _ref$closeLabel = _ref.closeLabel,
-      closeLabel = _ref$closeLabel === void 0 ? 'Lukk' : _ref$closeLabel,
-      initialFocusRef = _ref.initialFocusRef,
-      open = _ref.open,
-      onDismiss = _ref.onDismiss,
-      size = _ref.size,
-      _ref$closeOnClickOuts = _ref.closeOnClickOutside,
-      closeOnClickOutside = _ref$closeOnClickOuts === void 0 ? true : _ref$closeOnClickOuts,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    _ref$closeLabel = _ref.closeLabel,
+    closeLabel = _ref$closeLabel === void 0 ? 'Lukk' : _ref$closeLabel,
+    initialFocusRef = _ref.initialFocusRef,
+    open = _ref.open,
+    onDismiss = _ref.onDismiss,
+    size = _ref.size,
+    _ref$closeOnClickOuts = _ref.closeOnClickOutside,
+    closeOnClickOutside = _ref$closeOnClickOuts === void 0 ? true : _ref$closeOnClickOuts,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   var showCloseButton = ['medium', 'large', 'extraLarge'].includes(size);
   var handleOnDismiss;
-
   if (onDismiss && closeOnClickOutside) {
     handleOnDismiss = onDismiss;
   }
-
   return React__default["default"].createElement(ModalOverlay, {
     open: open,
     onDismiss: handleOnDismiss,
@@ -125,31 +114,28 @@ var Modal = function Modal(_ref) {
 
 var Drawer = function Drawer(_ref) {
   var children = _ref.children,
-      className = _ref.className,
-      _ref$closeLabel = _ref.closeLabel,
-      closeLabel = _ref$closeLabel === void 0 ? 'Lukk skuff' : _ref$closeLabel,
-      _ref$contrast = _ref.contrast,
-      contrast = _ref$contrast === void 0 ? false : _ref$contrast,
-      _ref$open = _ref.open,
-      open = _ref$open === void 0 ? true : _ref$open,
-      onDismiss = _ref.onDismiss,
-      title = _ref.title,
-      style = _ref.style,
-      _ref$overlay = _ref.overlay,
-      overlay = _ref$overlay === void 0 ? false : _ref$overlay;
+    className = _ref.className,
+    _ref$closeLabel = _ref.closeLabel,
+    closeLabel = _ref$closeLabel === void 0 ? 'Lukk skuff' : _ref$closeLabel,
+    _ref$contrast = _ref.contrast,
+    contrast = _ref$contrast === void 0 ? false : _ref$contrast,
+    _ref$open = _ref.open,
+    open = _ref$open === void 0 ? true : _ref$open,
+    onDismiss = _ref.onDismiss,
+    title = _ref.title,
+    style = _ref.style,
+    _ref$overlay = _ref.overlay,
+    overlay = _ref$overlay === void 0 ? false : _ref$overlay;
   var titleId = utils.useRandomId('eds-drawer');
-
   if (!open) {
     return null;
   }
-
   var handleKeyDown = function handleKeyDown(e) {
     if (e.key === 'Escape') {
       e.stopPropagation();
       onDismiss();
     }
   };
-
   var Wrapper = contrast ? layout.Contrast : React__default["default"].Fragment;
   var ContentContainer = overlay ? dialog.DialogContent : 'div';
   return React__default["default"].createElement(ConditionalWrapper, {
@@ -178,11 +164,10 @@ var Drawer = function Drawer(_ref) {
     "aria-hidden": true
   }), React__default["default"].createElement(a11y.VisuallyHidden, null, closeLabel))))));
 };
-
 var ConditionalWrapper = function ConditionalWrapper(_ref2) {
   var condition = _ref2.condition,
-      wrapper = _ref2.wrapper,
-      children = _ref2.children;
+    wrapper = _ref2.wrapper,
+    children = _ref2.children;
   return condition ? wrapper(children) : children;
 };
 

package/dist/modal.cjs.development.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.cjs.development.js","sources":["../src/ModalOverlay.tsx","../src/ModalContent.tsx","../src/Modal.tsx","../src/Drawer.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { DialogOverlay } from '@reach/dialog';\n\nexport type ModalOverlayProps = {\n  /** Flagg som sier om modalen er åpen */\n  open?: boolean;\n  /** Callback som kalles når brukeren ber om å lukke modalen */\n  onDismiss?: () => void;\n  /** Innholdet i modalen */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** En ref til elementet som skal være fokusert når modalen åpnes. Defaulter til lukkeknappen */\n  initialFocusRef?: React.RefObject<HTMLElement>;\n  [key: string]: any;\n};\n\nexport const ModalOverlay: React.FC<ModalOverlayProps> = ({\n  className,\n  open,\n  ...rest\n}) => (\n  <DialogOverlay\n    className={classNames('eds-modal__overlay', className)}\n    isOpen={open}\n    {...rest}\n  />\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { DialogContent } from '@reach/dialog';\nimport { Heading4, Heading3, Heading2 } from '@entur/typography';\nimport { useRandomId } from '@entur/utils';\n\nexport type ModalContentProps = {\n  /** Innholdet i modalen */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Størrelsen på modalen */\n  size: 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';\n  /** Tittelen som vises i modalen */\n  title?: string;\n  [key: string]: any;\n};\n\nconst headingsMap = {\n  extraSmall: Heading4,\n  small: Heading3,\n  medium: Heading2,\n  large: Heading2,\n  extraLarge: Heading2,\n};\n\nexport const ModalContent: React.FC<ModalContentProps> = ({\n  children,\n  className,\n  size,\n  title,\n  ...rest\n}) => {\n  const Heading: React.ElementType = headingsMap[size] || Heading2;\n  const randomId = useRandomId('eds-modal');\n  return (\n    <DialogContent\n      className={classNames(\n        'eds-modal__content',\n        `eds-modal__content--size-${size}`,\n        className,\n      )}\n      aria-labelledby={randomId}\n      {...rest}\n    >\n      {title && (\n        <Heading margin=\"bottom\" as=\"h2\" id={randomId}>\n          {title}\n        </Heading>\n      )}\n      {children}\n    </DialogContent>\n  );\n};\n","import React from 'react';\nimport { CloseIcon } from '@entur/icons';\nimport { ModalOverlay } from './ModalOverlay';\nimport { ModalContent } from './ModalContent';\nimport { IconButton } from '@entur/button';\nimport './Modal.scss';\n\nexport type ModalProps = {\n  /** Innholdet i modalen */\n  children: React.ReactNode;\n  /** Skjermleser-label til lukk-knappen */\n  closeLabel?: string;\n  /** En ref til elementet som skal være fokusert når modalen åpnes. Defaulter til lukkeknappen */\n  initialFocusRef?: React.RefObject<HTMLElement>;\n  /** Flagg som sier om modalen er åpen */\n  open?: boolean;\n  /** Callback som kalles når brukeren ber om å lukke modalen */\n  onDismiss?: () => void;\n  /** Størrelsen på modalen */\n  size: 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';\n  /** Tittelen som vises i modalen */\n  title: string;\n  /** Om modalen skal lukkes når man klikker på utsiden av den\n   * @default true\n   */\n  closeOnClickOutside?: boolean;\n  [key: string]: any;\n};\n\nexport const Modal: React.FC<ModalProps> = ({\n  children,\n  closeLabel = 'Lukk',\n  initialFocusRef,\n  open,\n  onDismiss,\n  size,\n  closeOnClickOutside = true,\n  ...rest\n}) => {\n  const showCloseButton = ['medium', 'large', 'extraLarge'].includes(size);\n\n  let handleOnDismiss;\n  if (onDismiss && closeOnClickOutside) {\n    handleOnDismiss = onDismiss;\n  }\n  return (\n    <ModalOverlay\n      open={open}\n      onDismiss={handleOnDismiss}\n      initialFocusRef={initialFocusRef}\n    >\n      <ModalContent size={size} {...rest}>\n        {showCloseButton && (\n          <IconButton\n            className=\"eds-modal__close\"\n            aria-label={closeLabel}\n            onClick={onDismiss}\n          >\n            <CloseIcon />\n          </IconButton>\n        )}\n        {children}\n      </ModalContent>\n    </ModalOverlay>\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { MoveFocusInside } from 'react-focus-lock';\nimport { VisuallyHidden } from '@entur/a11y';\nimport { Contrast } from '@entur/layout';\nimport { CloseIcon } from '@entur/icons';\nimport { Heading3 } from '@entur/typography';\nimport { useRandomId } from '@entur/utils';\nimport { IconButton } from '@entur/button';\n\nimport './Drawer.scss';\nimport { ModalOverlay } from './ModalOverlay';\nimport { DialogContent } from '@reach/dialog';\n\nexport type DrawerProps = {\n  /** Innholdet. Typisk tekst, lenker eller knapper */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Tekst som beskriver lukkeknappen for skjermlesere\n   * @default 'Lukk skuff'\n   */\n  closeLabel?: string;\n  /** Om draweren skal vises i mørk variant\n   * @default false\n   */\n  contrast?: boolean;\n  /** Callback som kalles når brukeren ønsker å lukke draweren */\n  onDismiss: () => void;\n  /** Om draweren er åpen eller ikke\n   * @default true\n   */\n  open?: boolean;\n  /** Tittel på toppen av draweren */\n  title: string;\n  /** Styling som sendes til Drawer */\n  style?: React.CSSProperties;\n  /** Legger på et overlay over resten av siden */\n  overlay?: boolean;\n};\n\nexport const Drawer: React.FC<DrawerProps> = ({\n  children,\n  className,\n  closeLabel = 'Lukk skuff',\n  contrast = false,\n  open = true,\n  onDismiss,\n  title,\n  style,\n  overlay = false,\n}) => {\n  const titleId = useRandomId('eds-drawer');\n\n  if (!open) {\n    return null;\n  }\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === 'Escape') {\n      e.stopPropagation();\n      onDismiss();\n    }\n  };\n\n  const Wrapper = contrast ? Contrast : React.Fragment;\n  const ContentContainer = overlay ? DialogContent : 'div';\n  return (\n    <ConditionalWrapper\n      condition={overlay}\n      wrapper={(children: React.ReactNode) => (\n        <ModalOverlay open={open} onDismiss={onDismiss}>\n          {children}\n        </ModalOverlay>\n      )}\n    >\n      <Wrapper>\n        <ContentContainer\n          aria-labelledby={titleId}\n          className={classNames('eds-drawer', className)}\n          onKeyDown={handleKeyDown}\n          style={style}\n        >\n          <MoveFocusInside>\n            <div className=\"eds-drawer__content\">\n              <Heading3 as=\"h2\" id={titleId}>\n                {title}\n              </Heading3>\n              {children}\n            </div>\n            <IconButton\n              className=\"eds-drawer__close-button\"\n              onClick={onDismiss}\n              type=\"button\"\n            >\n              <CloseIcon aria-hidden />\n              <VisuallyHidden>{closeLabel}</VisuallyHidden>\n            </IconButton>\n          </MoveFocusInside>\n        </ContentContainer>\n      </Wrapper>\n    </ConditionalWrapper>\n  );\n};\n\nconst ConditionalWrapper: React.FC<{\n  condition: boolean;\n  wrapper: (child: JSX.Element) => JSX.Element;\n  children: React.ReactElement;\n}> = ({ condition, wrapper, children }) =>\n  condition ? wrapper(children) : children;\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('modal', 'icons', 'typography', 'a11y', 'button');\n\nexport * from './Modal';\nexport * from './ModalOverlay';\nexport * from './ModalContent';\nexport * from './Drawer';\n"],"names":["ModalOverlay","className","open","rest","React","DialogOverlay","classNames","isOpen","headingsMap","extraSmall","Heading4","small","Heading3","medium","Heading2","large","extraLarge","ModalContent","children","size","title","Heading","randomId","useRandomId","DialogContent","margin","as","id","Modal","closeLabel","initialFocusRef","onDismiss","closeOnClickOutside","showCloseButton","includes","handleOnDismiss","IconButton","onClick","CloseIcon","Drawer","contrast","style","overlay","titleId","handleKeyDown","e","key","stopPropagation","Wrapper","Contrast","Fragment","ContentContainer","ConditionalWrapper","condition","wrapper","onKeyDown","MoveFocusInside","type","VisuallyHidden","warnAboutMissingStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAkBaA,YAAY,GAAgC,SAA5CA,YAA4C;AAAA,MACvDC,SADuD,QACvDA,SADuD;AAAA,MAEvDC,IAFuD,QAEvDA,IAFuD;AAAA,MAGpDC,IAHoD;;AAAA,SAKvDC,uCAAA,CAACC,oBAAD;AACEJ,IAAAA,SAAS,EAAEK,8BAAU,CAAC,oBAAD,EAAuBL,SAAvB,CADvB;AAEEM,IAAAA,MAAM,EAAEL;AAFV,KAGMC,IAHN,EALuD;AAAA;;;ACAzD,IAAMK,WAAW,GAAG;AAClBC,EAAAA,UAAU,EAAEC,mBADM;AAElBC,EAAAA,KAAK,EAAEC,mBAFW;AAGlBC,EAAAA,MAAM,EAAEC,mBAHU;AAIlBC,EAAAA,KAAK,EAAED,mBAJW;AAKlBE,EAAAA,UAAU,EAAEF;AALM,CAApB;IAQaG,YAAY,GAAgC,SAA5CA,YAA4C;MACvDC,gBAAAA;MACAjB,iBAAAA;MACAkB,YAAAA;MACAC,aAAAA;MACGjB;;AAEH,MAAMkB,OAAO,GAAsBb,WAAW,CAACW,IAAD,CAAX,IAAqBL,mBAAxD;AACA,MAAMQ,QAAQ,GAAGC,iBAAW,CAAC,WAAD,CAA5B;AACA,SACEnB,uCAAA,CAACoB,oBAAD;AACEvB,IAAAA,SAAS,EAAEK,8BAAU,CACnB,oBADmB,gCAESa,IAFT,EAGnBlB,SAHmB,CADvB;uBAMmBqB;AANnB,KAOMnB,IAPN,GASGiB,KAAK,IACJhB,uCAAA,CAACiB,OAAD;AAASI,IAAAA,MAAM,EAAC;AAASC,IAAAA,EAAE,EAAC;AAAKC,IAAAA,EAAE,EAAEL;GAArC,EACGF,KADH,CAVJ,EAcGF,QAdH,CADF;AAkBD;;;ICxBYU,KAAK,GAAyB,SAA9BA,KAA8B;MACzCV,gBAAAA;6BACAW;MAAAA,0CAAa;MACbC,uBAAAA;MACA5B,YAAAA;MACA6B,iBAAAA;MACAZ,YAAAA;mCACAa;MAAAA,yDAAsB;MACnB7B;;AAEH,MAAM8B,eAAe,GAAG,CAAC,QAAD,EAAW,OAAX,EAAoB,YAApB,EAAkCC,QAAlC,CAA2Cf,IAA3C,CAAxB;AAEA,MAAIgB,eAAJ;;AACA,MAAIJ,SAAS,IAAIC,mBAAjB,EAAsC;AACpCG,IAAAA,eAAe,GAAGJ,SAAlB;AACD;;AACD,SACE3B,uCAAA,CAACJ,YAAD;AACEE,IAAAA,IAAI,EAAEA;AACN6B,IAAAA,SAAS,EAAEI;AACXL,IAAAA,eAAe,EAAEA;GAHnB,EAKE1B,uCAAA,CAACa,YAAD;AAAcE,IAAAA,IAAI,EAAEA;AAApB,KAA8BhB,IAA9B,GACG8B,eAAe,IACd7B,uCAAA,CAACgC,iBAAD;AACEnC,IAAAA,SAAS,EAAC;kBACE4B;AACZQ,IAAAA,OAAO,EAAEN;GAHX,EAKE3B,uCAAA,CAACkC,eAAD,MAAA,CALF,CAFJ,EAUGpB,QAVH,CALF,CADF;AAoBD;;ICxBYqB,MAAM,GAA0B,SAAhCA,MAAgC;MAC3CrB,gBAAAA;MACAjB,iBAAAA;6BACA4B;MAAAA,0CAAa;2BACbW;MAAAA,sCAAW;uBACXtC;MAAAA,8BAAO;MACP6B,iBAAAA;MACAX,aAAAA;MACAqB,aAAAA;0BACAC;MAAAA,oCAAU;AAEV,MAAMC,OAAO,GAAGpB,iBAAW,CAAC,YAAD,CAA3B;;AAEA,MAAI,CAACrB,IAAL,EAAW;AACT,WAAO,IAAP;AACD;;AAED,MAAM0C,aAAa,GAAG,SAAhBA,aAAgB,CAACC,CAAD;AACpB,QAAIA,CAAC,CAACC,GAAF,KAAU,QAAd,EAAwB;AACtBD,MAAAA,CAAC,CAACE,eAAF;AACAhB,MAAAA,SAAS;AACV;AACF,GALD;;AAOA,MAAMiB,OAAO,GAAGR,QAAQ,GAAGS,eAAH,GAAc7C,yBAAK,CAAC8C,QAA5C;AACA,MAAMC,gBAAgB,GAAGT,OAAO,GAAGlB,oBAAH,GAAmB,KAAnD;AACA,SACEpB,uCAAA,CAACgD,kBAAD;AACEC,IAAAA,SAAS,EAAEX;AACXY,IAAAA,OAAO,EAAE,iBAACpC,QAAD;AAAA,aACPd,uCAAA,CAACJ,YAAD;AAAcE,QAAAA,IAAI,EAAEA;AAAM6B,QAAAA,SAAS,EAAEA;OAArC,EACGb,QADH,CADO;AAAA;GAFX,EAQEd,uCAAA,CAAC4C,OAAD,MAAA,EACE5C,uCAAA,CAAC+C,gBAAD;uBACmBR;AACjB1C,IAAAA,SAAS,EAAEK,8BAAU,CAAC,YAAD,EAAeL,SAAf;AACrBsD,IAAAA,SAAS,EAAEX;AACXH,IAAAA,KAAK,EAAEA;GAJT,EAMErC,uCAAA,CAACoD,8BAAD,MAAA,EACEpD,uCAAA,MAAA;AAAKH,IAAAA,SAAS,EAAC;GAAf,EACEG,uCAAA,CAACQ,mBAAD;AAAUc,IAAAA,EAAE,EAAC;AAAKC,IAAAA,EAAE,EAAEgB;GAAtB,EACGvB,KADH,CADF,EAIGF,QAJH,CADF,EAOEd,uCAAA,CAACgC,iBAAD;AACEnC,IAAAA,SAAS,EAAC;AACVoC,IAAAA,OAAO,EAAEN;AACT0B,IAAAA,IAAI,EAAC;GAHP,EAKErD,uCAAA,CAACkC,eAAD;;GAAA,CALF,EAMElC,uCAAA,CAACsD,mBAAD,MAAA,EAAiB7B,UAAjB,CANF,CAPF,CANF,CADF,CARF,CADF;AAoCD;;AAED,IAAMuB,kBAAkB,GAInB,SAJCA,kBAID;AAAA,MAAGC,SAAH,SAAGA,SAAH;AAAA,MAAcC,OAAd,SAAcA,OAAd;AAAA,MAAuBpC,QAAvB,SAAuBA,QAAvB;AAAA,SACHmC,SAAS,GAAGC,OAAO,CAACpC,QAAD,CAAV,GAAuBA,QAD7B;AAAA,CAJL;;ACtGAyC,4BAAsB,CAAC,OAAD,EAAU,OAAV,EAAmB,YAAnB,EAAiC,MAAjC,EAAyC,QAAzC,CAAtB;;;;;;;"}
+{"version":3,"file":"modal.cjs.development.js","sources":["../src/ModalOverlay.tsx","../src/ModalContent.tsx","../src/Modal.tsx","../src/Drawer.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { DialogOverlay } from '@reach/dialog';\n\nexport type ModalOverlayProps = {\n  /** Flagg som sier om modalen er åpen */\n  open?: boolean;\n  /** Callback som kalles når brukeren ber om å lukke modalen */\n  onDismiss?: () => void;\n  /** Innholdet i modalen */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** En ref til elementet som skal være fokusert når modalen åpnes. Defaulter til lukkeknappen */\n  initialFocusRef?: React.RefObject<HTMLElement>;\n  [key: string]: any;\n};\n\nexport const ModalOverlay: React.FC<ModalOverlayProps> = ({\n  className,\n  open,\n  ...rest\n}) => (\n  <DialogOverlay\n    className={classNames('eds-modal__overlay', className)}\n    isOpen={open}\n    {...rest}\n  />\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { DialogContent } from '@reach/dialog';\nimport { Heading4, Heading3, Heading2 } from '@entur/typography';\nimport { useRandomId } from '@entur/utils';\n\nexport type ModalContentProps = {\n  /** Innholdet i modalen */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Størrelsen på modalen */\n  size: 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';\n  /** Tittelen som vises i modalen */\n  title?: string;\n  [key: string]: any;\n};\n\nconst headingsMap = {\n  extraSmall: Heading4,\n  small: Heading3,\n  medium: Heading2,\n  large: Heading2,\n  extraLarge: Heading2,\n};\n\nexport const ModalContent: React.FC<ModalContentProps> = ({\n  children,\n  className,\n  size,\n  title,\n  ...rest\n}) => {\n  const Heading: React.ElementType = headingsMap[size] || Heading2;\n  const randomId = useRandomId('eds-modal');\n  return (\n    <DialogContent\n      className={classNames(\n        'eds-modal__content',\n        `eds-modal__content--size-${size}`,\n        className,\n      )}\n      aria-labelledby={randomId}\n      {...rest}\n    >\n      {title && (\n        <Heading margin=\"bottom\" as=\"h2\" id={randomId}>\n          {title}\n        </Heading>\n      )}\n      {children}\n    </DialogContent>\n  );\n};\n","import React from 'react';\nimport { CloseIcon } from '@entur/icons';\nimport { ModalOverlay } from './ModalOverlay';\nimport { ModalContent } from './ModalContent';\nimport { IconButton } from '@entur/button';\nimport './Modal.scss';\n\nexport type ModalProps = {\n  /** Innholdet i modalen */\n  children: React.ReactNode;\n  /** Skjermleser-label til lukk-knappen */\n  closeLabel?: string;\n  /** En ref til elementet som skal være fokusert når modalen åpnes. Defaulter til lukkeknappen */\n  initialFocusRef?: React.RefObject<HTMLElement>;\n  /** Flagg som sier om modalen er åpen */\n  open?: boolean;\n  /** Callback som kalles når brukeren ber om å lukke modalen */\n  onDismiss?: () => void;\n  /** Størrelsen på modalen */\n  size: 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';\n  /** Tittelen som vises i modalen */\n  title: string;\n  /** Om modalen skal lukkes når man klikker på utsiden av den\n   * @default true\n   */\n  closeOnClickOutside?: boolean;\n  [key: string]: any;\n};\n\nexport const Modal: React.FC<ModalProps> = ({\n  children,\n  closeLabel = 'Lukk',\n  initialFocusRef,\n  open,\n  onDismiss,\n  size,\n  closeOnClickOutside = true,\n  ...rest\n}) => {\n  const showCloseButton = ['medium', 'large', 'extraLarge'].includes(size);\n\n  let handleOnDismiss;\n  if (onDismiss && closeOnClickOutside) {\n    handleOnDismiss = onDismiss;\n  }\n  return (\n    <ModalOverlay\n      open={open}\n      onDismiss={handleOnDismiss}\n      initialFocusRef={initialFocusRef}\n    >\n      <ModalContent size={size} {...rest}>\n        {showCloseButton && (\n          <IconButton\n            className=\"eds-modal__close\"\n            aria-label={closeLabel}\n            onClick={onDismiss}\n          >\n            <CloseIcon />\n          </IconButton>\n        )}\n        {children}\n      </ModalContent>\n    </ModalOverlay>\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { MoveFocusInside } from 'react-focus-lock';\nimport { VisuallyHidden } from '@entur/a11y';\nimport { Contrast } from '@entur/layout';\nimport { CloseIcon } from '@entur/icons';\nimport { Heading3 } from '@entur/typography';\nimport { useRandomId } from '@entur/utils';\nimport { IconButton } from '@entur/button';\n\nimport './Drawer.scss';\nimport { ModalOverlay } from './ModalOverlay';\nimport { DialogContent } from '@reach/dialog';\n\nexport type DrawerProps = {\n  /** Innholdet. Typisk tekst, lenker eller knapper */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Tekst som beskriver lukkeknappen for skjermlesere\n   * @default 'Lukk skuff'\n   */\n  closeLabel?: string;\n  /** Om draweren skal vises i mørk variant\n   * @default false\n   */\n  contrast?: boolean;\n  /** Callback som kalles når brukeren ønsker å lukke draweren */\n  onDismiss: () => void;\n  /** Om draweren er åpen eller ikke\n   * @default true\n   */\n  open?: boolean;\n  /** Tittel på toppen av draweren */\n  title: string;\n  /** Styling som sendes til Drawer */\n  style?: React.CSSProperties;\n  /** Legger på et overlay over resten av siden */\n  overlay?: boolean;\n};\n\nexport const Drawer: React.FC<DrawerProps> = ({\n  children,\n  className,\n  closeLabel = 'Lukk skuff',\n  contrast = false,\n  open = true,\n  onDismiss,\n  title,\n  style,\n  overlay = false,\n}) => {\n  const titleId = useRandomId('eds-drawer');\n\n  if (!open) {\n    return null;\n  }\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === 'Escape') {\n      e.stopPropagation();\n      onDismiss();\n    }\n  };\n\n  const Wrapper = contrast ? Contrast : React.Fragment;\n  const ContentContainer = overlay ? DialogContent : 'div';\n  return (\n    <ConditionalWrapper\n      condition={overlay}\n      wrapper={(children: React.ReactNode) => (\n        <ModalOverlay open={open} onDismiss={onDismiss}>\n          {children}\n        </ModalOverlay>\n      )}\n    >\n      <Wrapper>\n        <ContentContainer\n          aria-labelledby={titleId}\n          className={classNames('eds-drawer', className)}\n          onKeyDown={handleKeyDown}\n          style={style}\n        >\n          <MoveFocusInside>\n            <div className=\"eds-drawer__content\">\n              <Heading3 as=\"h2\" id={titleId}>\n                {title}\n              </Heading3>\n              {children}\n            </div>\n            <IconButton\n              className=\"eds-drawer__close-button\"\n              onClick={onDismiss}\n              type=\"button\"\n            >\n              <CloseIcon aria-hidden />\n              <VisuallyHidden>{closeLabel}</VisuallyHidden>\n            </IconButton>\n          </MoveFocusInside>\n        </ContentContainer>\n      </Wrapper>\n    </ConditionalWrapper>\n  );\n};\n\nconst ConditionalWrapper: React.FC<{\n  condition: boolean;\n  wrapper: (child: JSX.Element) => JSX.Element;\n  children: React.ReactElement;\n}> = ({ condition, wrapper, children }) =>\n  condition ? wrapper(children) : children;\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('modal', 'icons', 'typography', 'a11y', 'button');\n\nexport * from './Modal';\nexport * from './ModalOverlay';\nexport * from './ModalContent';\nexport * from './Drawer';\n"],"names":["ModalOverlay","className","open","rest","_excluded","React","createElement","DialogOverlay","classNames","isOpen","headingsMap","extraSmall","Heading4","small","Heading3","medium","Heading2","large","extraLarge","ModalContent","children","size","title","Heading","randomId","useRandomId","DialogContent","margin","as","id","Modal","closeLabel","initialFocusRef","onDismiss","closeOnClickOutside","showCloseButton","includes","handleOnDismiss","IconButton","onClick","CloseIcon","Drawer","contrast","style","overlay","titleId","handleKeyDown","e","key","stopPropagation","Wrapper","Contrast","Fragment","ContentContainer","ConditionalWrapper","condition","wrapper","onKeyDown","MoveFocusInside","type","VisuallyHidden","warnAboutMissingStyles"],"mappings":"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"}

package/dist/modal.cjs.production.min.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),t=require("react"),a=require("@entur/icons"),n=require("classnames"),l=require("@reach/dialog"),r=require("@entur/typography"),o=require("@entur/button"),i=require("react-focus-lock"),s=require("@entur/a11y"),u=require("@entur/layout");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=d(t),m=d(n);function f(){return f=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},f.apply(this,arguments)}function p(e,t){if(null==e)return{};var a,n,l={},r=Object.keys(e);for(n=0;n<r.length;n++)t.indexOf(a=r[n])>=0||(l[a]=e[a]);return l}var v=["className","open"],y=function(e){var t=e.className,a=e.open,n=p(e,v);return c.default.createElement(l.DialogOverlay,f({className:m.default("eds-modal__overlay",t),isOpen:a},n))},g=["children","className","size","title"],b={extraSmall:r.Heading4,small:r.Heading3,medium:r.Heading2,large:r.Heading2,extraLarge:r.Heading2},E=function(t){var a=t.children,n=t.className,o=t.size,i=t.title,s=p(t,g),u=b[o]||r.Heading2,d=e.useRandomId("eds-modal");return c.default.createElement(l.DialogContent,f({className:m.default("eds-modal__content","eds-modal__content--size-"+o,n),"aria-labelledby":d},s),i&&c.default.createElement(u,{margin:"bottom",as:"h2",id:d},i),a)},h=["children","closeLabel","initialFocusRef","open","onDismiss","size","closeOnClickOutside"],_=function(e){var t=e.children;return e.condition?(0,e.wrapper)(t):t};e.warnAboutMissingStyles("modal","icons","typography","a11y","button"),exports.Drawer=function(t){var n=t.children,d=t.className,f=t.closeLabel,p=void 0===f?"Lukk skuff":f,v=t.contrast,g=void 0!==v&&v,b=t.open,E=void 0===b||b,h=t.onDismiss,O=t.title,k=t.style,N=t.overlay,q=void 0!==N&&N,w=e.useRandomId("eds-drawer");return E?c.default.createElement(_,{condition:q,wrapper:function(e){return c.default.createElement(y,{open:E,onDismiss:h},e)}},c.default.createElement(g?u.Contrast:c.default.Fragment,null,c.default.createElement(q?l.DialogContent:"div",{"aria-labelledby":w,className:m.default("eds-drawer",d),onKeyDown:function(e){"Escape"===e.key&&(e.stopPropagation(),h())},style:k},c.default.createElement(i.MoveFocusInside,null,c.default.createElement("div",{className:"eds-drawer__content"},c.default.createElement(r.Heading3,{as:"h2",id:w},O),n),c.default.createElement(o.IconButton,{className:"eds-drawer__close-button",onClick:h,type:"button"},c.default.createElement(a.CloseIcon,{"aria-hidden":!0}),c.default.createElement(s.VisuallyHidden,null,p)))))):null},exports.Modal=function(e){var t,n=e.children,l=e.closeLabel,r=void 0===l?"Lukk":l,i=e.initialFocusRef,s=e.open,u=e.onDismiss,d=e.size,m=e.closeOnClickOutside,v=void 0===m||m,g=p(e,h),b=["medium","large","extraLarge"].includes(d);return u&&v&&(t=u),c.default.createElement(y,{open:s,onDismiss:t,initialFocusRef:i},c.default.createElement(E,f({size:d},g),b&&c.default.createElement(o.IconButton,{className:"eds-modal__close","aria-label":r,onClick:u},c.default.createElement(a.CloseIcon,null)),n))},exports.ModalContent=E,exports.ModalOverlay=y;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),t=require("react"),a=require("@entur/icons"),n=require("classnames"),l=require("@reach/dialog"),r=require("@entur/typography"),i=require("@entur/button"),o=require("react-focus-lock"),s=require("@entur/a11y"),u=require("@entur/layout");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=d(t),m=d(n);function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},f.apply(this,arguments)}function p(e,t){if(null==e)return{};var a,n,l={},r=Object.keys(e);for(n=0;n<r.length;n++)t.indexOf(a=r[n])>=0||(l[a]=e[a]);return l}var v=["className","open"],y=function(e){var t=e.className,a=e.open,n=p(e,v);return c.default.createElement(l.DialogOverlay,f({className:m.default("eds-modal__overlay",t),isOpen:a},n))},g=["children","className","size","title"],b={extraSmall:r.Heading4,small:r.Heading3,medium:r.Heading2,large:r.Heading2,extraLarge:r.Heading2},E=function(t){var a=t.children,n=t.className,i=t.size,o=t.title,s=p(t,g),u=b[i]||r.Heading2,d=e.useRandomId("eds-modal");return c.default.createElement(l.DialogContent,f({className:m.default("eds-modal__content","eds-modal__content--size-"+i,n),"aria-labelledby":d},s),o&&c.default.createElement(u,{margin:"bottom",as:"h2",id:d},o),a)},h=["children","closeLabel","initialFocusRef","open","onDismiss","size","closeOnClickOutside"],O=function(e){var t=e.children;return e.condition?(0,e.wrapper)(t):t};e.warnAboutMissingStyles("modal","icons","typography","a11y","button"),exports.Drawer=function(t){var n=t.children,d=t.className,f=t.closeLabel,p=void 0===f?"Lukk skuff":f,v=t.contrast,g=void 0!==v&&v,b=t.open,E=void 0===b||b,h=t.onDismiss,_=t.title,k=t.style,N=t.overlay,q=void 0!==N&&N,w=e.useRandomId("eds-drawer");return E?c.default.createElement(O,{condition:q,wrapper:function(e){return c.default.createElement(y,{open:E,onDismiss:h},e)}},c.default.createElement(g?u.Contrast:c.default.Fragment,null,c.default.createElement(q?l.DialogContent:"div",{"aria-labelledby":w,className:m.default("eds-drawer",d),onKeyDown:function(e){"Escape"===e.key&&(e.stopPropagation(),h())},style:k},c.default.createElement(o.MoveFocusInside,null,c.default.createElement("div",{className:"eds-drawer__content"},c.default.createElement(r.Heading3,{as:"h2",id:w},_),n),c.default.createElement(i.IconButton,{className:"eds-drawer__close-button",onClick:h,type:"button"},c.default.createElement(a.CloseIcon,{"aria-hidden":!0}),c.default.createElement(s.VisuallyHidden,null,p)))))):null},exports.Modal=function(e){var t,n=e.children,l=e.closeLabel,r=void 0===l?"Lukk":l,o=e.initialFocusRef,s=e.open,u=e.onDismiss,d=e.size,m=e.closeOnClickOutside,v=void 0===m||m,g=p(e,h),b=["medium","large","extraLarge"].includes(d);return u&&v&&(t=u),c.default.createElement(y,{open:s,onDismiss:t,initialFocusRef:o},c.default.createElement(E,f({size:d},g),b&&c.default.createElement(i.IconButton,{className:"eds-modal__close","aria-label":r,onClick:u},c.default.createElement(a.CloseIcon,null)),n))},exports.ModalContent=E,exports.ModalOverlay=y;
 //# sourceMappingURL=modal.cjs.production.min.js.map

package/dist/modal.cjs.production.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.cjs.production.min.js","sources":["../src/ModalOverlay.tsx","../src/ModalContent.tsx","../src/Drawer.tsx","../src/index.tsx","../src/Modal.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { DialogOverlay } from '@reach/dialog';\n\nexport type ModalOverlayProps = {\n  /** Flagg som sier om modalen er åpen */\n  open?: boolean;\n  /** Callback som kalles når brukeren ber om å lukke modalen */\n  onDismiss?: () => void;\n  /** Innholdet i modalen */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** En ref til elementet som skal være fokusert når modalen åpnes. Defaulter til lukkeknappen */\n  initialFocusRef?: React.RefObject<HTMLElement>;\n  [key: string]: any;\n};\n\nexport const ModalOverlay: React.FC<ModalOverlayProps> = ({\n  className,\n  open,\n  ...rest\n}) => (\n  <DialogOverlay\n    className={classNames('eds-modal__overlay', className)}\n    isOpen={open}\n    {...rest}\n  />\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { DialogContent } from '@reach/dialog';\nimport { Heading4, Heading3, Heading2 } from '@entur/typography';\nimport { useRandomId } from '@entur/utils';\n\nexport type ModalContentProps = {\n  /** Innholdet i modalen */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Størrelsen på modalen */\n  size: 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';\n  /** Tittelen som vises i modalen */\n  title?: string;\n  [key: string]: any;\n};\n\nconst headingsMap = {\n  extraSmall: Heading4,\n  small: Heading3,\n  medium: Heading2,\n  large: Heading2,\n  extraLarge: Heading2,\n};\n\nexport const ModalContent: React.FC<ModalContentProps> = ({\n  children,\n  className,\n  size,\n  title,\n  ...rest\n}) => {\n  const Heading: React.ElementType = headingsMap[size] || Heading2;\n  const randomId = useRandomId('eds-modal');\n  return (\n    <DialogContent\n      className={classNames(\n        'eds-modal__content',\n        `eds-modal__content--size-${size}`,\n        className,\n      )}\n      aria-labelledby={randomId}\n      {...rest}\n    >\n      {title && (\n        <Heading margin=\"bottom\" as=\"h2\" id={randomId}>\n          {title}\n        </Heading>\n      )}\n      {children}\n    </DialogContent>\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { MoveFocusInside } from 'react-focus-lock';\nimport { VisuallyHidden } from '@entur/a11y';\nimport { Contrast } from '@entur/layout';\nimport { CloseIcon } from '@entur/icons';\nimport { Heading3 } from '@entur/typography';\nimport { useRandomId } from '@entur/utils';\nimport { IconButton } from '@entur/button';\n\nimport './Drawer.scss';\nimport { ModalOverlay } from './ModalOverlay';\nimport { DialogContent } from '@reach/dialog';\n\nexport type DrawerProps = {\n  /** Innholdet. Typisk tekst, lenker eller knapper */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Tekst som beskriver lukkeknappen for skjermlesere\n   * @default 'Lukk skuff'\n   */\n  closeLabel?: string;\n  /** Om draweren skal vises i mørk variant\n   * @default false\n   */\n  contrast?: boolean;\n  /** Callback som kalles når brukeren ønsker å lukke draweren */\n  onDismiss: () => void;\n  /** Om draweren er åpen eller ikke\n   * @default true\n   */\n  open?: boolean;\n  /** Tittel på toppen av draweren */\n  title: string;\n  /** Styling som sendes til Drawer */\n  style?: React.CSSProperties;\n  /** Legger på et overlay over resten av siden */\n  overlay?: boolean;\n};\n\nexport const Drawer: React.FC<DrawerProps> = ({\n  children,\n  className,\n  closeLabel = 'Lukk skuff',\n  contrast = false,\n  open = true,\n  onDismiss,\n  title,\n  style,\n  overlay = false,\n}) => {\n  const titleId = useRandomId('eds-drawer');\n\n  if (!open) {\n    return null;\n  }\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === 'Escape') {\n      e.stopPropagation();\n      onDismiss();\n    }\n  };\n\n  const Wrapper = contrast ? Contrast : React.Fragment;\n  const ContentContainer = overlay ? DialogContent : 'div';\n  return (\n    <ConditionalWrapper\n      condition={overlay}\n      wrapper={(children: React.ReactNode) => (\n        <ModalOverlay open={open} onDismiss={onDismiss}>\n          {children}\n        </ModalOverlay>\n      )}\n    >\n      <Wrapper>\n        <ContentContainer\n          aria-labelledby={titleId}\n          className={classNames('eds-drawer', className)}\n          onKeyDown={handleKeyDown}\n          style={style}\n        >\n          <MoveFocusInside>\n            <div className=\"eds-drawer__content\">\n              <Heading3 as=\"h2\" id={titleId}>\n                {title}\n              </Heading3>\n              {children}\n            </div>\n            <IconButton\n              className=\"eds-drawer__close-button\"\n              onClick={onDismiss}\n              type=\"button\"\n            >\n              <CloseIcon aria-hidden />\n              <VisuallyHidden>{closeLabel}</VisuallyHidden>\n            </IconButton>\n          </MoveFocusInside>\n        </ContentContainer>\n      </Wrapper>\n    </ConditionalWrapper>\n  );\n};\n\nconst ConditionalWrapper: React.FC<{\n  condition: boolean;\n  wrapper: (child: JSX.Element) => JSX.Element;\n  children: React.ReactElement;\n}> = ({ condition, wrapper, children }) =>\n  condition ? wrapper(children) : children;\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('modal', 'icons', 'typography', 'a11y', 'button');\n\nexport * from './Modal';\nexport * from './ModalOverlay';\nexport * from './ModalContent';\nexport * from './Drawer';\n","import React from 'react';\nimport { CloseIcon } from '@entur/icons';\nimport { ModalOverlay } from './ModalOverlay';\nimport { ModalContent } from './ModalContent';\nimport { IconButton } from '@entur/button';\nimport './Modal.scss';\n\nexport type ModalProps = {\n  /** Innholdet i modalen */\n  children: React.ReactNode;\n  /** Skjermleser-label til lukk-knappen */\n  closeLabel?: string;\n  /** En ref til elementet som skal være fokusert når modalen åpnes. Defaulter til lukkeknappen */\n  initialFocusRef?: React.RefObject<HTMLElement>;\n  /** Flagg som sier om modalen er åpen */\n  open?: boolean;\n  /** Callback som kalles når brukeren ber om å lukke modalen */\n  onDismiss?: () => void;\n  /** Størrelsen på modalen */\n  size: 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';\n  /** Tittelen som vises i modalen */\n  title: string;\n  /** Om modalen skal lukkes når man klikker på utsiden av den\n   * @default true\n   */\n  closeOnClickOutside?: boolean;\n  [key: string]: any;\n};\n\nexport const Modal: React.FC<ModalProps> = ({\n  children,\n  closeLabel = 'Lukk',\n  initialFocusRef,\n  open,\n  onDismiss,\n  size,\n  closeOnClickOutside = true,\n  ...rest\n}) => {\n  const showCloseButton = ['medium', 'large', 'extraLarge'].includes(size);\n\n  let handleOnDismiss;\n  if (onDismiss && closeOnClickOutside) {\n    handleOnDismiss = onDismiss;\n  }\n  return (\n    <ModalOverlay\n      open={open}\n      onDismiss={handleOnDismiss}\n      initialFocusRef={initialFocusRef}\n    >\n      <ModalContent size={size} {...rest}>\n        {showCloseButton && (\n          <IconButton\n            className=\"eds-modal__close\"\n            aria-label={closeLabel}\n            onClick={onDismiss}\n          >\n            <CloseIcon />\n          </IconButton>\n        )}\n        {children}\n      </ModalContent>\n    </ModalOverlay>\n  );\n};\n"],"names":["ModalOverlay","className","open","rest","React","DialogOverlay","classNames","isOpen","headingsMap","extraSmall","Heading4","small","Heading3","medium","Heading2","large","extraLarge","ModalContent","children","size","title","Heading","randomId","useRandomId","DialogContent","margin","as","id","ConditionalWrapper","condition","wrapper","warnAboutMissingStyles","closeLabel","contrast","onDismiss","style","overlay","titleId","Contrast","Fragment","onKeyDown","e","key","stopPropagation","MoveFocusInside","IconButton","onClick","type","CloseIcon","VisuallyHidden","handleOnDismiss","initialFocusRef","closeOnClickOutside","showCloseButton","includes"],"mappings":"uxBAkBaA,EAA4C,gBACvDC,IAAAA,UACAC,IAAAA,KACGC,gBAEHC,wBAACC,mBACCJ,UAAWK,UAAW,qBAAsBL,GAC5CM,OAAQL,GACJC,+CCRFK,EAAc,CAClBC,WAAYC,WACZC,MAAOC,WACPC,OAAQC,WACRC,MAAOD,WACPE,WAAYF,YAGDG,EAA4C,gBACvDC,IAAAA,SACAjB,IAAAA,UACAkB,IAAAA,KACAC,IAAAA,MACGjB,SAEGkB,EAA6Bb,EAAYW,IAASL,WAClDQ,EAAWC,cAAY,oBAE3BnB,wBAACoB,mBACCvB,UAAWK,UACT,iDAC4Ba,EAC5BlB,qBAEeqB,GACbnB,GAEHiB,GACChB,wBAACiB,GAAQI,OAAO,SAASC,GAAG,KAAKC,GAAIL,GAClCF,GAGJF,kGCuDDU,EAID,gBAAuBV,IAAAA,kBAApBW,WACMC,IADKA,SACGZ,GAAYA,GC3GlCa,yBAAuB,QAAS,QAAS,aAAc,OAAQ,yBDsClB,gBAC3Cb,IAAAA,SACAjB,IAAAA,cACA+B,WAAAA,aAAa,mBACbC,SAAAA,oBACA/B,KAAAA,gBACAgC,IAAAA,UACAd,IAAAA,MACAe,IAAAA,UACAC,QAAAA,gBAEMC,EAAUd,cAAY,qBAEvBrB,EAcHE,wBAACwB,GACCC,UAAWO,EACXN,QAAS,SAACZ,UACRd,wBAACJ,GAAaE,KAAMA,EAAMgC,UAAWA,GAClChB,KAILd,wBAXY6B,EAAWK,WAAWlC,UAAMmC,cAYtCnC,wBAXmBgC,EAAUZ,gBAAgB,yBAY1Ba,EACjBpC,UAAWK,UAAW,aAAcL,GACpCuC,UAtBc,SAACC,GACP,WAAVA,EAAEC,MACJD,EAAEE,kBACFT,MAoBIC,MAAOA,GAEP/B,wBAACwC,uBACCxC,+BAAKH,UAAU,uBACbG,wBAACQ,YAASc,GAAG,KAAKC,GAAIU,GACnBjB,GAEFF,GAEHd,wBAACyC,cACC5C,UAAU,2BACV6C,QAASZ,EACTa,KAAK,UAEL3C,wBAAC4C,gCACD5C,wBAAC6C,sBAAgBjB,QAzCpB,oBE1BgC,gBAYrCkB,EAXJhC,IAAAA,aACAc,WAAAA,aAAa,SACbmB,IAAAA,gBACAjD,IAAAA,KACAgC,IAAAA,UACAf,IAAAA,SACAiC,oBAAAA,gBACGjD,SAEGkD,EAAkB,CAAC,SAAU,QAAS,cAAcC,SAASnC,UAG/De,GAAakB,IACfF,EAAkBhB,GAGlB9B,wBAACJ,GACCE,KAAMA,EACNgC,UAAWgB,EACXC,gBAAiBA,GAEjB/C,wBAACa,KAAaE,KAAMA,GAAUhB,GAC3BkD,GACCjD,wBAACyC,cACC5C,UAAU,gCACE+B,EACZc,QAASZ,GAET9B,wBAAC4C,mBAGJ9B"}
+{"version":3,"file":"modal.cjs.production.min.js","sources":["../src/ModalOverlay.tsx","../src/ModalContent.tsx","../src/Drawer.tsx","../src/index.tsx","../src/Modal.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { DialogOverlay } from '@reach/dialog';\n\nexport type ModalOverlayProps = {\n  /** Flagg som sier om modalen er åpen */\n  open?: boolean;\n  /** Callback som kalles når brukeren ber om å lukke modalen */\n  onDismiss?: () => void;\n  /** Innholdet i modalen */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** En ref til elementet som skal være fokusert når modalen åpnes. Defaulter til lukkeknappen */\n  initialFocusRef?: React.RefObject<HTMLElement>;\n  [key: string]: any;\n};\n\nexport const ModalOverlay: React.FC<ModalOverlayProps> = ({\n  className,\n  open,\n  ...rest\n}) => (\n  <DialogOverlay\n    className={classNames('eds-modal__overlay', className)}\n    isOpen={open}\n    {...rest}\n  />\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { DialogContent } from '@reach/dialog';\nimport { Heading4, Heading3, Heading2 } from '@entur/typography';\nimport { useRandomId } from '@entur/utils';\n\nexport type ModalContentProps = {\n  /** Innholdet i modalen */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Størrelsen på modalen */\n  size: 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';\n  /** Tittelen som vises i modalen */\n  title?: string;\n  [key: string]: any;\n};\n\nconst headingsMap = {\n  extraSmall: Heading4,\n  small: Heading3,\n  medium: Heading2,\n  large: Heading2,\n  extraLarge: Heading2,\n};\n\nexport const ModalContent: React.FC<ModalContentProps> = ({\n  children,\n  className,\n  size,\n  title,\n  ...rest\n}) => {\n  const Heading: React.ElementType = headingsMap[size] || Heading2;\n  const randomId = useRandomId('eds-modal');\n  return (\n    <DialogContent\n      className={classNames(\n        'eds-modal__content',\n        `eds-modal__content--size-${size}`,\n        className,\n      )}\n      aria-labelledby={randomId}\n      {...rest}\n    >\n      {title && (\n        <Heading margin=\"bottom\" as=\"h2\" id={randomId}>\n          {title}\n        </Heading>\n      )}\n      {children}\n    </DialogContent>\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { MoveFocusInside } from 'react-focus-lock';\nimport { VisuallyHidden } from '@entur/a11y';\nimport { Contrast } from '@entur/layout';\nimport { CloseIcon } from '@entur/icons';\nimport { Heading3 } from '@entur/typography';\nimport { useRandomId } from '@entur/utils';\nimport { IconButton } from '@entur/button';\n\nimport './Drawer.scss';\nimport { ModalOverlay } from './ModalOverlay';\nimport { DialogContent } from '@reach/dialog';\n\nexport type DrawerProps = {\n  /** Innholdet. Typisk tekst, lenker eller knapper */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Tekst som beskriver lukkeknappen for skjermlesere\n   * @default 'Lukk skuff'\n   */\n  closeLabel?: string;\n  /** Om draweren skal vises i mørk variant\n   * @default false\n   */\n  contrast?: boolean;\n  /** Callback som kalles når brukeren ønsker å lukke draweren */\n  onDismiss: () => void;\n  /** Om draweren er åpen eller ikke\n   * @default true\n   */\n  open?: boolean;\n  /** Tittel på toppen av draweren */\n  title: string;\n  /** Styling som sendes til Drawer */\n  style?: React.CSSProperties;\n  /** Legger på et overlay over resten av siden */\n  overlay?: boolean;\n};\n\nexport const Drawer: React.FC<DrawerProps> = ({\n  children,\n  className,\n  closeLabel = 'Lukk skuff',\n  contrast = false,\n  open = true,\n  onDismiss,\n  title,\n  style,\n  overlay = false,\n}) => {\n  const titleId = useRandomId('eds-drawer');\n\n  if (!open) {\n    return null;\n  }\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === 'Escape') {\n      e.stopPropagation();\n      onDismiss();\n    }\n  };\n\n  const Wrapper = contrast ? Contrast : React.Fragment;\n  const ContentContainer = overlay ? DialogContent : 'div';\n  return (\n    <ConditionalWrapper\n      condition={overlay}\n      wrapper={(children: React.ReactNode) => (\n        <ModalOverlay open={open} onDismiss={onDismiss}>\n          {children}\n        </ModalOverlay>\n      )}\n    >\n      <Wrapper>\n        <ContentContainer\n          aria-labelledby={titleId}\n          className={classNames('eds-drawer', className)}\n          onKeyDown={handleKeyDown}\n          style={style}\n        >\n          <MoveFocusInside>\n            <div className=\"eds-drawer__content\">\n              <Heading3 as=\"h2\" id={titleId}>\n                {title}\n              </Heading3>\n              {children}\n            </div>\n            <IconButton\n              className=\"eds-drawer__close-button\"\n              onClick={onDismiss}\n              type=\"button\"\n            >\n              <CloseIcon aria-hidden />\n              <VisuallyHidden>{closeLabel}</VisuallyHidden>\n            </IconButton>\n          </MoveFocusInside>\n        </ContentContainer>\n      </Wrapper>\n    </ConditionalWrapper>\n  );\n};\n\nconst ConditionalWrapper: React.FC<{\n  condition: boolean;\n  wrapper: (child: JSX.Element) => JSX.Element;\n  children: React.ReactElement;\n}> = ({ condition, wrapper, children }) =>\n  condition ? wrapper(children) : children;\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('modal', 'icons', 'typography', 'a11y', 'button');\n\nexport * from './Modal';\nexport * from './ModalOverlay';\nexport * from './ModalContent';\nexport * from './Drawer';\n","import React from 'react';\nimport { CloseIcon } from '@entur/icons';\nimport { ModalOverlay } from './ModalOverlay';\nimport { ModalContent } from './ModalContent';\nimport { IconButton } from '@entur/button';\nimport './Modal.scss';\n\nexport type ModalProps = {\n  /** Innholdet i modalen */\n  children: React.ReactNode;\n  /** Skjermleser-label til lukk-knappen */\n  closeLabel?: string;\n  /** En ref til elementet som skal være fokusert når modalen åpnes. Defaulter til lukkeknappen */\n  initialFocusRef?: React.RefObject<HTMLElement>;\n  /** Flagg som sier om modalen er åpen */\n  open?: boolean;\n  /** Callback som kalles når brukeren ber om å lukke modalen */\n  onDismiss?: () => void;\n  /** Størrelsen på modalen */\n  size: 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';\n  /** Tittelen som vises i modalen */\n  title: string;\n  /** Om modalen skal lukkes når man klikker på utsiden av den\n   * @default true\n   */\n  closeOnClickOutside?: boolean;\n  [key: string]: any;\n};\n\nexport const Modal: React.FC<ModalProps> = ({\n  children,\n  closeLabel = 'Lukk',\n  initialFocusRef,\n  open,\n  onDismiss,\n  size,\n  closeOnClickOutside = true,\n  ...rest\n}) => {\n  const showCloseButton = ['medium', 'large', 'extraLarge'].includes(size);\n\n  let handleOnDismiss;\n  if (onDismiss && closeOnClickOutside) {\n    handleOnDismiss = onDismiss;\n  }\n  return (\n    <ModalOverlay\n      open={open}\n      onDismiss={handleOnDismiss}\n      initialFocusRef={initialFocusRef}\n    >\n      <ModalContent size={size} {...rest}>\n        {showCloseButton && (\n          <IconButton\n            className=\"eds-modal__close\"\n            aria-label={closeLabel}\n            onClick={onDismiss}\n          >\n            <CloseIcon />\n          </IconButton>\n        )}\n        {children}\n      </ModalContent>\n    </ModalOverlay>\n  );\n};\n"],"names":["ModalOverlay","_ref","className","open","rest","_objectWithoutPropertiesLoose","_excluded","React","createElement","DialogOverlay","_extends","classNames","isOpen","headingsMap","extraSmall","Heading4","small","Heading3","medium","Heading2","large","extraLarge","ModalContent","children","size","title","Heading","randomId","useRandomId","DialogContent","margin","as","id","ConditionalWrapper","_ref2","condition","wrapper","warnAboutMissingStyles","_ref$closeLabel","closeLabel","_ref$contrast","contrast","_ref$open","onDismiss","style","_ref$overlay","overlay","titleId","Contrast","Fragment","onKeyDown","e","key","stopPropagation","MoveFocusInside","IconButton","onClick","type","CloseIcon","VisuallyHidden","handleOnDismiss","initialFocusRef","_ref$closeOnClickOuts","closeOnClickOutside","showCloseButton","includes"],"mappings":"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"}

package/dist/modal.esm.js

@@ -10,44 +10,37 @@ import { VisuallyHidden } from '@entur/a11y';
 import { Contrast } from '@entur/layout';
 
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _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 _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;
 }
 
 var _excluded$2 = ["className", "open"];
 var ModalOverlay = function ModalOverlay(_ref) {
   var className = _ref.className,
-      open = _ref.open,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
-
+    open = _ref.open,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
   return React.createElement(DialogOverlay, _extends({
     className: classNames('eds-modal__overlay', className),
     isOpen: open
@@ -64,11 +57,10 @@ var headingsMap = {
 };
 var ModalContent = function ModalContent(_ref) {
   var children = _ref.children,
-      className = _ref.className,
-      size = _ref.size,
-      title = _ref.title,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
-
+    className = _ref.className,
+    size = _ref.size,
+    title = _ref.title,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
   var Heading = headingsMap[size] || Heading2;
   var randomId = useRandomId('eds-modal');
   return React.createElement(DialogContent, _extends({
@@ -84,23 +76,20 @@ var ModalContent = function ModalContent(_ref) {
 var _excluded = ["children", "closeLabel", "initialFocusRef", "open", "onDismiss", "size", "closeOnClickOutside"];
 var Modal = function Modal(_ref) {
   var children = _ref.children,
-      _ref$closeLabel = _ref.closeLabel,
-      closeLabel = _ref$closeLabel === void 0 ? 'Lukk' : _ref$closeLabel,
-      initialFocusRef = _ref.initialFocusRef,
-      open = _ref.open,
-      onDismiss = _ref.onDismiss,
-      size = _ref.size,
-      _ref$closeOnClickOuts = _ref.closeOnClickOutside,
-      closeOnClickOutside = _ref$closeOnClickOuts === void 0 ? true : _ref$closeOnClickOuts,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    _ref$closeLabel = _ref.closeLabel,
+    closeLabel = _ref$closeLabel === void 0 ? 'Lukk' : _ref$closeLabel,
+    initialFocusRef = _ref.initialFocusRef,
+    open = _ref.open,
+    onDismiss = _ref.onDismiss,
+    size = _ref.size,
+    _ref$closeOnClickOuts = _ref.closeOnClickOutside,
+    closeOnClickOutside = _ref$closeOnClickOuts === void 0 ? true : _ref$closeOnClickOuts,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   var showCloseButton = ['medium', 'large', 'extraLarge'].includes(size);
   var handleOnDismiss;
-
   if (onDismiss && closeOnClickOutside) {
     handleOnDismiss = onDismiss;
   }
-
   return React.createElement(ModalOverlay, {
     open: open,
     onDismiss: handleOnDismiss,
@@ -116,31 +105,28 @@ var Modal = function Modal(_ref) {
 
 var Drawer = function Drawer(_ref) {
   var children = _ref.children,
-      className = _ref.className,
-      _ref$closeLabel = _ref.closeLabel,
-      closeLabel = _ref$closeLabel === void 0 ? 'Lukk skuff' : _ref$closeLabel,
-      _ref$contrast = _ref.contrast,
-      contrast = _ref$contrast === void 0 ? false : _ref$contrast,
-      _ref$open = _ref.open,
-      open = _ref$open === void 0 ? true : _ref$open,
-      onDismiss = _ref.onDismiss,
-      title = _ref.title,
-      style = _ref.style,
-      _ref$overlay = _ref.overlay,
-      overlay = _ref$overlay === void 0 ? false : _ref$overlay;
+    className = _ref.className,
+    _ref$closeLabel = _ref.closeLabel,
+    closeLabel = _ref$closeLabel === void 0 ? 'Lukk skuff' : _ref$closeLabel,
+    _ref$contrast = _ref.contrast,
+    contrast = _ref$contrast === void 0 ? false : _ref$contrast,
+    _ref$open = _ref.open,
+    open = _ref$open === void 0 ? true : _ref$open,
+    onDismiss = _ref.onDismiss,
+    title = _ref.title,
+    style = _ref.style,
+    _ref$overlay = _ref.overlay,
+    overlay = _ref$overlay === void 0 ? false : _ref$overlay;
   var titleId = useRandomId('eds-drawer');
-
   if (!open) {
     return null;
   }
-
   var handleKeyDown = function handleKeyDown(e) {
     if (e.key === 'Escape') {
       e.stopPropagation();
       onDismiss();
     }
   };
-
   var Wrapper = contrast ? Contrast : React.Fragment;
   var ContentContainer = overlay ? DialogContent : 'div';
   return React.createElement(ConditionalWrapper, {
@@ -169,11 +155,10 @@ var Drawer = function Drawer(_ref) {
     "aria-hidden": true
   }), React.createElement(VisuallyHidden, null, closeLabel))))));
 };
-
 var ConditionalWrapper = function ConditionalWrapper(_ref2) {
   var condition = _ref2.condition,
-      wrapper = _ref2.wrapper,
-      children = _ref2.children;
+    wrapper = _ref2.wrapper,
+    children = _ref2.children;
   return condition ? wrapper(children) : children;
 };
 

package/dist/modal.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.esm.js","sources":["../src/ModalOverlay.tsx","../src/ModalContent.tsx","../src/Modal.tsx","../src/Drawer.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { DialogOverlay } from '@reach/dialog';\n\nexport type ModalOverlayProps = {\n  /** Flagg som sier om modalen er åpen */\n  open?: boolean;\n  /** Callback som kalles når brukeren ber om å lukke modalen */\n  onDismiss?: () => void;\n  /** Innholdet i modalen */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** En ref til elementet som skal være fokusert når modalen åpnes. Defaulter til lukkeknappen */\n  initialFocusRef?: React.RefObject<HTMLElement>;\n  [key: string]: any;\n};\n\nexport const ModalOverlay: React.FC<ModalOverlayProps> = ({\n  className,\n  open,\n  ...rest\n}) => (\n  <DialogOverlay\n    className={classNames('eds-modal__overlay', className)}\n    isOpen={open}\n    {...rest}\n  />\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { DialogContent } from '@reach/dialog';\nimport { Heading4, Heading3, Heading2 } from '@entur/typography';\nimport { useRandomId } from '@entur/utils';\n\nexport type ModalContentProps = {\n  /** Innholdet i modalen */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Størrelsen på modalen */\n  size: 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';\n  /** Tittelen som vises i modalen */\n  title?: string;\n  [key: string]: any;\n};\n\nconst headingsMap = {\n  extraSmall: Heading4,\n  small: Heading3,\n  medium: Heading2,\n  large: Heading2,\n  extraLarge: Heading2,\n};\n\nexport const ModalContent: React.FC<ModalContentProps> = ({\n  children,\n  className,\n  size,\n  title,\n  ...rest\n}) => {\n  const Heading: React.ElementType = headingsMap[size] || Heading2;\n  const randomId = useRandomId('eds-modal');\n  return (\n    <DialogContent\n      className={classNames(\n        'eds-modal__content',\n        `eds-modal__content--size-${size}`,\n        className,\n      )}\n      aria-labelledby={randomId}\n      {...rest}\n    >\n      {title && (\n        <Heading margin=\"bottom\" as=\"h2\" id={randomId}>\n          {title}\n        </Heading>\n      )}\n      {children}\n    </DialogContent>\n  );\n};\n","import React from 'react';\nimport { CloseIcon } from '@entur/icons';\nimport { ModalOverlay } from './ModalOverlay';\nimport { ModalContent } from './ModalContent';\nimport { IconButton } from '@entur/button';\nimport './Modal.scss';\n\nexport type ModalProps = {\n  /** Innholdet i modalen */\n  children: React.ReactNode;\n  /** Skjermleser-label til lukk-knappen */\n  closeLabel?: string;\n  /** En ref til elementet som skal være fokusert når modalen åpnes. Defaulter til lukkeknappen */\n  initialFocusRef?: React.RefObject<HTMLElement>;\n  /** Flagg som sier om modalen er åpen */\n  open?: boolean;\n  /** Callback som kalles når brukeren ber om å lukke modalen */\n  onDismiss?: () => void;\n  /** Størrelsen på modalen */\n  size: 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';\n  /** Tittelen som vises i modalen */\n  title: string;\n  /** Om modalen skal lukkes når man klikker på utsiden av den\n   * @default true\n   */\n  closeOnClickOutside?: boolean;\n  [key: string]: any;\n};\n\nexport const Modal: React.FC<ModalProps> = ({\n  children,\n  closeLabel = 'Lukk',\n  initialFocusRef,\n  open,\n  onDismiss,\n  size,\n  closeOnClickOutside = true,\n  ...rest\n}) => {\n  const showCloseButton = ['medium', 'large', 'extraLarge'].includes(size);\n\n  let handleOnDismiss;\n  if (onDismiss && closeOnClickOutside) {\n    handleOnDismiss = onDismiss;\n  }\n  return (\n    <ModalOverlay\n      open={open}\n      onDismiss={handleOnDismiss}\n      initialFocusRef={initialFocusRef}\n    >\n      <ModalContent size={size} {...rest}>\n        {showCloseButton && (\n          <IconButton\n            className=\"eds-modal__close\"\n            aria-label={closeLabel}\n            onClick={onDismiss}\n          >\n            <CloseIcon />\n          </IconButton>\n        )}\n        {children}\n      </ModalContent>\n    </ModalOverlay>\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { MoveFocusInside } from 'react-focus-lock';\nimport { VisuallyHidden } from '@entur/a11y';\nimport { Contrast } from '@entur/layout';\nimport { CloseIcon } from '@entur/icons';\nimport { Heading3 } from '@entur/typography';\nimport { useRandomId } from '@entur/utils';\nimport { IconButton } from '@entur/button';\n\nimport './Drawer.scss';\nimport { ModalOverlay } from './ModalOverlay';\nimport { DialogContent } from '@reach/dialog';\n\nexport type DrawerProps = {\n  /** Innholdet. Typisk tekst, lenker eller knapper */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Tekst som beskriver lukkeknappen for skjermlesere\n   * @default 'Lukk skuff'\n   */\n  closeLabel?: string;\n  /** Om draweren skal vises i mørk variant\n   * @default false\n   */\n  contrast?: boolean;\n  /** Callback som kalles når brukeren ønsker å lukke draweren */\n  onDismiss: () => void;\n  /** Om draweren er åpen eller ikke\n   * @default true\n   */\n  open?: boolean;\n  /** Tittel på toppen av draweren */\n  title: string;\n  /** Styling som sendes til Drawer */\n  style?: React.CSSProperties;\n  /** Legger på et overlay over resten av siden */\n  overlay?: boolean;\n};\n\nexport const Drawer: React.FC<DrawerProps> = ({\n  children,\n  className,\n  closeLabel = 'Lukk skuff',\n  contrast = false,\n  open = true,\n  onDismiss,\n  title,\n  style,\n  overlay = false,\n}) => {\n  const titleId = useRandomId('eds-drawer');\n\n  if (!open) {\n    return null;\n  }\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === 'Escape') {\n      e.stopPropagation();\n      onDismiss();\n    }\n  };\n\n  const Wrapper = contrast ? Contrast : React.Fragment;\n  const ContentContainer = overlay ? DialogContent : 'div';\n  return (\n    <ConditionalWrapper\n      condition={overlay}\n      wrapper={(children: React.ReactNode) => (\n        <ModalOverlay open={open} onDismiss={onDismiss}>\n          {children}\n        </ModalOverlay>\n      )}\n    >\n      <Wrapper>\n        <ContentContainer\n          aria-labelledby={titleId}\n          className={classNames('eds-drawer', className)}\n          onKeyDown={handleKeyDown}\n          style={style}\n        >\n          <MoveFocusInside>\n            <div className=\"eds-drawer__content\">\n              <Heading3 as=\"h2\" id={titleId}>\n                {title}\n              </Heading3>\n              {children}\n            </div>\n            <IconButton\n              className=\"eds-drawer__close-button\"\n              onClick={onDismiss}\n              type=\"button\"\n            >\n              <CloseIcon aria-hidden />\n              <VisuallyHidden>{closeLabel}</VisuallyHidden>\n            </IconButton>\n          </MoveFocusInside>\n        </ContentContainer>\n      </Wrapper>\n    </ConditionalWrapper>\n  );\n};\n\nconst ConditionalWrapper: React.FC<{\n  condition: boolean;\n  wrapper: (child: JSX.Element) => JSX.Element;\n  children: React.ReactElement;\n}> = ({ condition, wrapper, children }) =>\n  condition ? wrapper(children) : children;\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('modal', 'icons', 'typography', 'a11y', 'button');\n\nexport * from './Modal';\nexport * from './ModalOverlay';\nexport * from './ModalContent';\nexport * from './Drawer';\n"],"names":["ModalOverlay","className","open","rest","React","DialogOverlay","classNames","isOpen","headingsMap","extraSmall","Heading4","small","Heading3","medium","Heading2","large","extraLarge","ModalContent","children","size","title","Heading","randomId","useRandomId","DialogContent","margin","as","id","Modal","closeLabel","initialFocusRef","onDismiss","closeOnClickOutside","showCloseButton","includes","handleOnDismiss","IconButton","onClick","CloseIcon","Drawer","contrast","style","overlay","titleId","handleKeyDown","e","key","stopPropagation","Wrapper","Contrast","Fragment","ContentContainer","ConditionalWrapper","condition","wrapper","onKeyDown","MoveFocusInside","type","VisuallyHidden","warnAboutMissingStyles"],"mappings":"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"}
+{"version":3,"file":"modal.esm.js","sources":["../src/ModalOverlay.tsx","../src/ModalContent.tsx","../src/Modal.tsx","../src/Drawer.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { DialogOverlay } from '@reach/dialog';\n\nexport type ModalOverlayProps = {\n  /** Flagg som sier om modalen er åpen */\n  open?: boolean;\n  /** Callback som kalles når brukeren ber om å lukke modalen */\n  onDismiss?: () => void;\n  /** Innholdet i modalen */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** En ref til elementet som skal være fokusert når modalen åpnes. Defaulter til lukkeknappen */\n  initialFocusRef?: React.RefObject<HTMLElement>;\n  [key: string]: any;\n};\n\nexport const ModalOverlay: React.FC<ModalOverlayProps> = ({\n  className,\n  open,\n  ...rest\n}) => (\n  <DialogOverlay\n    className={classNames('eds-modal__overlay', className)}\n    isOpen={open}\n    {...rest}\n  />\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { DialogContent } from '@reach/dialog';\nimport { Heading4, Heading3, Heading2 } from '@entur/typography';\nimport { useRandomId } from '@entur/utils';\n\nexport type ModalContentProps = {\n  /** Innholdet i modalen */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Størrelsen på modalen */\n  size: 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';\n  /** Tittelen som vises i modalen */\n  title?: string;\n  [key: string]: any;\n};\n\nconst headingsMap = {\n  extraSmall: Heading4,\n  small: Heading3,\n  medium: Heading2,\n  large: Heading2,\n  extraLarge: Heading2,\n};\n\nexport const ModalContent: React.FC<ModalContentProps> = ({\n  children,\n  className,\n  size,\n  title,\n  ...rest\n}) => {\n  const Heading: React.ElementType = headingsMap[size] || Heading2;\n  const randomId = useRandomId('eds-modal');\n  return (\n    <DialogContent\n      className={classNames(\n        'eds-modal__content',\n        `eds-modal__content--size-${size}`,\n        className,\n      )}\n      aria-labelledby={randomId}\n      {...rest}\n    >\n      {title && (\n        <Heading margin=\"bottom\" as=\"h2\" id={randomId}>\n          {title}\n        </Heading>\n      )}\n      {children}\n    </DialogContent>\n  );\n};\n","import React from 'react';\nimport { CloseIcon } from '@entur/icons';\nimport { ModalOverlay } from './ModalOverlay';\nimport { ModalContent } from './ModalContent';\nimport { IconButton } from '@entur/button';\nimport './Modal.scss';\n\nexport type ModalProps = {\n  /** Innholdet i modalen */\n  children: React.ReactNode;\n  /** Skjermleser-label til lukk-knappen */\n  closeLabel?: string;\n  /** En ref til elementet som skal være fokusert når modalen åpnes. Defaulter til lukkeknappen */\n  initialFocusRef?: React.RefObject<HTMLElement>;\n  /** Flagg som sier om modalen er åpen */\n  open?: boolean;\n  /** Callback som kalles når brukeren ber om å lukke modalen */\n  onDismiss?: () => void;\n  /** Størrelsen på modalen */\n  size: 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';\n  /** Tittelen som vises i modalen */\n  title: string;\n  /** Om modalen skal lukkes når man klikker på utsiden av den\n   * @default true\n   */\n  closeOnClickOutside?: boolean;\n  [key: string]: any;\n};\n\nexport const Modal: React.FC<ModalProps> = ({\n  children,\n  closeLabel = 'Lukk',\n  initialFocusRef,\n  open,\n  onDismiss,\n  size,\n  closeOnClickOutside = true,\n  ...rest\n}) => {\n  const showCloseButton = ['medium', 'large', 'extraLarge'].includes(size);\n\n  let handleOnDismiss;\n  if (onDismiss && closeOnClickOutside) {\n    handleOnDismiss = onDismiss;\n  }\n  return (\n    <ModalOverlay\n      open={open}\n      onDismiss={handleOnDismiss}\n      initialFocusRef={initialFocusRef}\n    >\n      <ModalContent size={size} {...rest}>\n        {showCloseButton && (\n          <IconButton\n            className=\"eds-modal__close\"\n            aria-label={closeLabel}\n            onClick={onDismiss}\n          >\n            <CloseIcon />\n          </IconButton>\n        )}\n        {children}\n      </ModalContent>\n    </ModalOverlay>\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { MoveFocusInside } from 'react-focus-lock';\nimport { VisuallyHidden } from '@entur/a11y';\nimport { Contrast } from '@entur/layout';\nimport { CloseIcon } from '@entur/icons';\nimport { Heading3 } from '@entur/typography';\nimport { useRandomId } from '@entur/utils';\nimport { IconButton } from '@entur/button';\n\nimport './Drawer.scss';\nimport { ModalOverlay } from './ModalOverlay';\nimport { DialogContent } from '@reach/dialog';\n\nexport type DrawerProps = {\n  /** Innholdet. Typisk tekst, lenker eller knapper */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Tekst som beskriver lukkeknappen for skjermlesere\n   * @default 'Lukk skuff'\n   */\n  closeLabel?: string;\n  /** Om draweren skal vises i mørk variant\n   * @default false\n   */\n  contrast?: boolean;\n  /** Callback som kalles når brukeren ønsker å lukke draweren */\n  onDismiss: () => void;\n  /** Om draweren er åpen eller ikke\n   * @default true\n   */\n  open?: boolean;\n  /** Tittel på toppen av draweren */\n  title: string;\n  /** Styling som sendes til Drawer */\n  style?: React.CSSProperties;\n  /** Legger på et overlay over resten av siden */\n  overlay?: boolean;\n};\n\nexport const Drawer: React.FC<DrawerProps> = ({\n  children,\n  className,\n  closeLabel = 'Lukk skuff',\n  contrast = false,\n  open = true,\n  onDismiss,\n  title,\n  style,\n  overlay = false,\n}) => {\n  const titleId = useRandomId('eds-drawer');\n\n  if (!open) {\n    return null;\n  }\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === 'Escape') {\n      e.stopPropagation();\n      onDismiss();\n    }\n  };\n\n  const Wrapper = contrast ? Contrast : React.Fragment;\n  const ContentContainer = overlay ? DialogContent : 'div';\n  return (\n    <ConditionalWrapper\n      condition={overlay}\n      wrapper={(children: React.ReactNode) => (\n        <ModalOverlay open={open} onDismiss={onDismiss}>\n          {children}\n        </ModalOverlay>\n      )}\n    >\n      <Wrapper>\n        <ContentContainer\n          aria-labelledby={titleId}\n          className={classNames('eds-drawer', className)}\n          onKeyDown={handleKeyDown}\n          style={style}\n        >\n          <MoveFocusInside>\n            <div className=\"eds-drawer__content\">\n              <Heading3 as=\"h2\" id={titleId}>\n                {title}\n              </Heading3>\n              {children}\n            </div>\n            <IconButton\n              className=\"eds-drawer__close-button\"\n              onClick={onDismiss}\n              type=\"button\"\n            >\n              <CloseIcon aria-hidden />\n              <VisuallyHidden>{closeLabel}</VisuallyHidden>\n            </IconButton>\n          </MoveFocusInside>\n        </ContentContainer>\n      </Wrapper>\n    </ConditionalWrapper>\n  );\n};\n\nconst ConditionalWrapper: React.FC<{\n  condition: boolean;\n  wrapper: (child: JSX.Element) => JSX.Element;\n  children: React.ReactElement;\n}> = ({ condition, wrapper, children }) =>\n  condition ? wrapper(children) : children;\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('modal', 'icons', 'typography', 'a11y', 'button');\n\nexport * from './Modal';\nexport * from './ModalOverlay';\nexport * from './ModalContent';\nexport * from './Drawer';\n"],"names":["ModalOverlay","className","open","rest","_excluded","React","createElement","DialogOverlay","classNames","isOpen","headingsMap","extraSmall","Heading4","small","Heading3","medium","Heading2","large","extraLarge","ModalContent","children","size","title","Heading","randomId","useRandomId","DialogContent","margin","as","id","Modal","closeLabel","initialFocusRef","onDismiss","closeOnClickOutside","showCloseButton","includes","handleOnDismiss","IconButton","onClick","CloseIcon","Drawer","contrast","style","overlay","titleId","handleKeyDown","e","key","stopPropagation","Wrapper","Contrast","Fragment","ContentContainer","ConditionalWrapper","condition","wrapper","onKeyDown","MoveFocusInside","type","VisuallyHidden","warnAboutMissingStyles"],"mappings":"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"}

package/dist/styles.css

@@ -16,12 +16,9 @@
   right: 0;
   top: 0;
   z-index: 30;
-  -webkit-animation: fadeInOverlay;
-          animation: fadeInOverlay;
-  -webkit-animation-duration: 0.2s;
-          animation-duration: 0.2s;
-  -webkit-animation-timing-function: ease-in-out;
-          animation-timing-function: ease-in-out;
+  animation: fadeInOverlay;
+  animation-duration: 0.2s;
+  animation-timing-function: ease-in-out;
 }
 
 .eds-modal__content {
@@ -36,12 +33,9 @@
   max-height: 90vh;
   overflow: auto;
   z-index: 40;
-  -webkit-animation: slideInContent;
-          animation: slideInContent;
-  -webkit-animation-duration: 0.2s;
-          animation-duration: 0.2s;
-  -webkit-animation-timing-function: ease-in-out;
-          animation-timing-function: ease-in-out;
+  animation: slideInContent;
+  animation-duration: 0.2s;
+  animation-timing-function: ease-in-out;
 }
 .eds-modal__content--size-extraSmall {
   max-width: 21rem;
@@ -101,15 +95,6 @@
   box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
 }
 
-@-webkit-keyframes fadeInOverlay {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-
 @keyframes fadeInOverlay {
   from {
     opacity: 0;
@@ -118,16 +103,6 @@
     opacity: 1;
   }
 }
-@-webkit-keyframes slideInContent {
-  from {
-    top: 5rem;
-    opacity: 0;
-  }
-  to {
-    top: 0%;
-    opacity: 1;
-  }
-}
 @keyframes slideInContent {
   from {
     top: 5rem;
@@ -139,16 +114,6 @@
   }
 }/* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-@-webkit-keyframes slideFromRight {
-  from {
-    box-shadow: none;
-    transform: translateX(100%);
-  }
-  to {
-    box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
-    transform: 0;
-  }
-}
 @keyframes slideFromRight {
   from {
     box-shadow: none;
@@ -160,8 +125,7 @@
   }
 }
 .eds-drawer {
-  -webkit-animation: slideFromRight forwards ease-out 0.1s;
-          animation: slideFromRight forwards ease-out 0.1s;
+  animation: slideFromRight forwards ease-out 0.1s;
   background: #ebebf1;
   bottom: 0;
   padding: 1.5rem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@entur/modal",
-  "version": "1.6.19",
+  "version": "1.6.21",
   "license": "EUPL-1.2",
   "main": "dist/index.js",
   "module": "dist/modal.esm.js",
@@ -20,23 +20,23 @@
     "start": "dts watch --noClean",
     "build": "dts build",
     "test": "dts test",
-    "lint": "dts lint"
+    "lint": "dts lint src"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "@entur/a11y": "^0.2.54",
-    "@entur/button": "^2.10.9",
-    "@entur/icons": "^5.4.2",
-    "@entur/layout": "^2.1.16",
-    "@entur/tokens": "^3.4.4",
-    "@entur/typography": "^1.7.5",
-    "@entur/utils": "^0.5.0",
+    "@entur/a11y": "^0.2.56",
+    "@entur/button": "^2.10.11",
+    "@entur/icons": "^5.5.0",
+    "@entur/layout": "^2.1.18",
+    "@entur/tokens": "^3.5.0",
+    "@entur/typography": "^1.7.7",
+    "@entur/utils": "^0.5.2",
     "@reach/dialog": "^0.16.0",
     "classnames": "^2.3.1",
     "react-focus-lock": "^2.9.1"
   },
-  "gitHead": "36772ae4f2d8375622acff19736c07d15435cb95"
+  "gitHead": "30b38034aaafba9fb308fb3d8c8bfaab9608d720"
 }

package/CHANGELOG.md

@@ -1,468 +0,0 @@
-# Change Log
-
-All notable changes to this project will be documented in this file.
-See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
-
-## [1.6.18](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.6.17...@entur/modal@1.6.18) (2023-01-19)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.6.17](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.6.14...@entur/modal@1.6.17) (2022-12-09)
-
-### Bug Fixes
-
-- **modal:** make title prop optional ([0892b90](https://bitbucket.org/enturas/design-system/commits/0892b90ff702c3479b72c9435f972a3fd6022c03))
-
-## [1.6.16](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.6.15...@entur/modal@1.6.16) (2022-11-24)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.6.15](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.6.14...@entur/modal@1.6.15) (2022-10-31)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.6.14](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.6.13...@entur/modal@1.6.14) (2022-10-31)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.6.13](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.6.12...@entur/modal@1.6.13) (2022-10-31)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.6.12](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.6.11...@entur/modal@1.6.12) (2022-10-20)
-
-### Performance Improvements
-
-- **react-focus-lock:** update react-focus-lock package to newest version ([a827d1b](https://bitbucket.org/enturas/design-system/commits/a827d1b79872ea648ac794675cb5602df2cec56a))
-
-## [1.6.10](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.6.9...@entur/modal@1.6.10) (2022-10-12)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.6.8](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.6.7...@entur/modal@1.6.8) (2022-08-31)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.6.7](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.6.6...@entur/modal@1.6.7) (2022-08-24)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.6.6](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.6.5...@entur/modal@1.6.6) (2022-08-09)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.6.5](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.6.4...@entur/modal@1.6.5) (2022-07-05)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.6.4](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.6.3...@entur/modal@1.6.4) (2022-06-28)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.6.3](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.6.2...@entur/modal@1.6.3) (2022-06-24)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.6.2](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.6.1...@entur/modal@1.6.2) (2022-06-02)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.6.1](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.6.0...@entur/modal@1.6.1) (2022-05-13)
-
-**Note:** Version bump only for package @entur/modal
-
-# [1.6.0](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.5.13...@entur/modal@1.6.0) (2022-05-04)
-
-### Features
-
-- **modal:** add custom scrollbar to modal to preserve rounded corners ([22f967f](https://bitbucket.org/enturas/design-system/commits/22f967faed103dda79491dd0ffa7fbad1039dd56))
-
-## [1.5.13](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.5.12...@entur/modal@1.5.13) (2022-04-27)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.5.12](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.5.11...@entur/modal@1.5.12) (2022-04-20)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.5.11](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.5.10...@entur/modal@1.5.11) (2022-04-19)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.5.10](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.5.9...@entur/modal@1.5.10) (2022-03-01)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.5.9](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.5.8...@entur/modal@1.5.9) (2022-02-09)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.5.8](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.5.7...@entur/modal@1.5.8) (2021-11-17)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.5.7](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.5.6...@entur/modal@1.5.7) (2021-09-23)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.5.6](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.5.5...@entur/modal@1.5.6) (2021-09-13)
-
-### Bug Fixes
-
-- **modal:** increase border radius on modals ([8d321aa](https://bitbucket.org/enturas/design-system/commits/8d321aa3e0e83a410a285763182db22c7b1c96be))
-
-## [1.5.5](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.5.4...@entur/modal@1.5.5) (2021-09-07)
-
-### Bug Fixes
-
-- update dependencies ([c76a03c](https://bitbucket.org/enturas/design-system/commits/c76a03ca6e15951c40b032f618617380dc8f15d1))
-- utilize reworked focus token ([586758f](https://bitbucket.org/enturas/design-system/commits/586758fc86eb5aa52116c63c14ef033eb2e8b12f))
-
-## [1.5.4](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.5.3...@entur/modal@1.5.4) (2021-08-13)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.5.3](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.5.2...@entur/modal@1.5.3) (2021-07-16)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.5.2](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.5.1...@entur/modal@1.5.2) (2021-06-25)
-
-### Bug Fixes
-
-- update dependencies ([85395ed](https://bitbucket.org/enturas/design-system/commits/85395ed69004335bb173770dfaa634ad542de771))
-
-## [1.5.1](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.5.0...@entur/modal@1.5.1) (2021-06-04)
-
-**Note:** Version bump only for package @entur/modal
-
-# [1.5.0](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.4.0...@entur/modal@1.5.0) (2021-05-19)
-
-### Features
-
-- **modal:** add animation on modal entry ([f0f0701](https://bitbucket.org/enturas/design-system/commits/f0f07019a9324b8a697165e5d902fee9cfb21815))
-
-# [1.4.0](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.3.16...@entur/modal@1.4.0) (2021-05-05)
-
-### Features
-
-- **modal:** add closeonclickoutside prop ([7fba612](https://bitbucket.org/enturas/design-system/commits/7fba612263e8c66f732c84447cf3bbf99766073c))
-
-## [1.3.16](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.3.15...@entur/modal@1.3.16) (2021-04-23)
-
-### Bug Fixes
-
-- utilize new focus tokens ([17113ef](https://bitbucket.org/enturas/design-system/commits/17113ef3f791c86fa6e19e71680fd5acdbae4990))
-
-## [1.3.15](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.3.14...@entur/modal@1.3.15) (2021-04-09)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.3.14](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.3.13...@entur/modal@1.3.14) (2021-03-02)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.3.13](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.3.12...@entur/modal@1.3.13) (2021-02-17)
-
-### Bug Fixes
-
-- **modal:** add border radius for modal windows ([8ed7468](https://bitbucket.org/enturas/design-system/commits/8ed7468ce9c2544f11ea7113415366236f12041e))
-
-## [1.3.12](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.3.11...@entur/modal@1.3.12) (2021-01-29)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.3.11](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.3.10...@entur/modal@1.3.11) (2021-01-20)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.3.10](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.3.9...@entur/modal@1.3.10) (2021-01-13)
-
-### Bug Fixes
-
-- update dependency ([40fd77e](https://bitbucket.org/enturas/design-system/commits/40fd77ebca7fa8a3d0e82409561e3e3cd63c441d))
-
-## [1.3.9](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.3.8...@entur/modal@1.3.9) (2021-01-05)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.3.8](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.3.7...@entur/modal@1.3.8) (2020-12-04)
-
-### Bug Fixes
-
-- **modal:** fix typings of heading ([720abb7](https://bitbucket.org/enturas/design-system/commits/720abb75c6aec3655fa81abf01abe4d4d40e6b61))
-
-## [1.3.7](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.3.6...@entur/modal@1.3.7) (2020-11-10)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.3.6](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.3.5...@entur/modal@1.3.6) (2020-11-05)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.3.5](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.3.4...@entur/modal@1.3.5) (2020-10-28)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.3.4](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.3.3...@entur/modal@1.3.4) (2020-10-23)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.3.3](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.3.2...@entur/modal@1.3.3) (2020-10-16)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.3.2](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.3.1...@entur/modal@1.3.2) (2020-10-09)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.3.1](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.3.0...@entur/modal@1.3.1) (2020-09-25)
-
-**Note:** Version bump only for package @entur/modal
-
-# [1.3.0](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.2.0...@entur/modal@1.3.0) (2020-09-14)
-
-### Bug Fixes
-
-- **drawer:** improve automatic focus within in drawer ([f4efa2f](https://bitbucket.org/enturas/design-system/commits/f4efa2f2ad3d09cf7806d26e0d0526041ac463f7))
-
-### Features
-
-- **drawer:** add overlay prop, for optional overlay ([8577478](https://bitbucket.org/enturas/design-system/commits/85774782d653138073af2ad73c0924347d80e1aa))
-
-# [1.2.0](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.1.29...@entur/modal@1.2.0) (2020-09-10)
-
-### Bug Fixes
-
-- **drawer:** add overflow-y:auto for drawer ([687cea7](https://bitbucket.org/enturas/design-system/commits/687cea7ac5f3451951930a5a882ffbb3ad3a8615))
-
-### Features
-
-- **drawer:** add style prop support ([77fbf0d](https://bitbucket.org/enturas/design-system/commits/77fbf0d74450930ca9359b51ca1c09dbe1070fc0))
-
-## [1.1.29](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.1.28...@entur/modal@1.1.29) (2020-09-02)
-
-### Bug Fixes
-
-- **modal:** adjust modal backdrop color ([ba08fdc](https://bitbucket.org/enturas/design-system/commits/ba08fdca717b88a588023e0467d14a8220ef9d5b))
-
-## [1.1.28](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.1.27...@entur/modal@1.1.28) (2020-08-26)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.1.27](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.1.26...@entur/modal@1.1.27) (2020-08-19)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.1.26](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.1.25...@entur/modal@1.1.26) (2020-08-11)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.1.25](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.1.24...@entur/modal@1.1.25) (2020-07-24)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.1.24](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.1.23...@entur/modal@1.1.24) (2020-07-22)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.1.23](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.1.22...@entur/modal@1.1.23) (2020-07-16)
-
-### Bug Fixes
-
-- update modal dependency ([bab3f74](https://bitbucket.org/enturas/design-system/commits/bab3f74d5b379a801eaa057bad2880006e1d32eb))
-
-## [1.1.22](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.1.21...@entur/modal@1.1.22) (2020-07-13)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.1.21](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.1.20...@entur/modal@1.1.21) (2020-07-09)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.1.20](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.1.19...@entur/modal@1.1.20) (2020-07-03)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.1.19](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.1.18...@entur/modal@1.1.19) (2020-06-17)
-
-### Bug Fixes
-
-- use iconbutton in modal window ([0ec8929](https://bitbucket.org/enturas/design-system/commits/0ec8929a339d76fcbb6c1af6d6b39796b0554d11))
-
-## [1.1.18](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.1.17...@entur/modal@1.1.18) (2020-05-27)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.1.17](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.1.16...@entur/modal@1.1.17) (2020-05-26)
-
-### Bug Fixes
-
-- fix extraSmall prop for modal ([1aeba26](https://bitbucket.org/enturas/design-system/commits/1aeba2662d6fcd179b6f959676b6370e6cd4ef63))
-- fix size=extraLarge not rendering properly for modal ([1ce2056](https://bitbucket.org/enturas/design-system/commits/1ce2056438dcb9c80f3357ddf1289a7523e5b51c))
-- use iconbutton directly in drawer ([adcab79](https://bitbucket.org/enturas/design-system/commits/adcab79fd967741467ed5956a4463fbf199c2ed8))
-
-## [1.1.16](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.1.15...@entur/modal@1.1.16) (2020-05-20)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.1.15](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.1.14...@entur/modal@1.1.15) (2020-04-27)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.1.14](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.1.13...@entur/modal@1.1.14) (2020-04-23)
-
-### Bug Fixes
-
-- updated to use new focus styling where applicable ([d0a52c0](https://bitbucket.org/enturas/design-system/commits/d0a52c096b673c6647070a90dd79bef9003ee0ad))
-
-## [1.1.13](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.1.12...@entur/modal@1.1.13) (2020-04-08)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.1.12](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.1.10...@entur/modal@1.1.12) (2020-03-25)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.1.11](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.1.10...@entur/modal@1.1.11) (2020-03-25)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.1.10](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.1.9...@entur/modal@1.1.10) (2020-03-20)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.1.9](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.1.8...@entur/modal@1.1.9) (2020-03-18)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.1.8](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.1.7...@entur/modal@1.1.8) (2020-03-05)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.1.7](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.1.6...@entur/modal@1.1.7) (2020-02-26)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.1.6](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.1.5...@entur/modal@1.1.6) (2020-02-20)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.1.5](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.1.4...@entur/modal@1.1.5) (2020-02-14)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.1.4](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.1.3...@entur/modal@1.1.4) (2020-02-12)
-
-### Bug Fixes
-
-- fix missing type for spreading of props ([0e5beba](https://bitbucket.org/enturas/design-system/commits/0e5beba82ea7dde39915cd626e665aa6c15dafbf))
-
-## [1.1.3](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.1.2...@entur/modal@1.1.3) (2020-02-10)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.1.2](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.1.1...@entur/modal@1.1.2) (2020-02-05)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.1.1](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.1.0...@entur/modal@1.1.1) (2020-02-05)
-
-### Bug Fixes
-
-- remove test-files from build process ([e0b24af](https://bitbucket.org/enturas/design-system/commits/e0b24af05d5c2ad8de4ae587d83c389495235890))
-
-# [1.1.0](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.0.7...@entur/modal@1.1.0) (2020-01-28)
-
-### Features
-
-- **Drawer:** add new component - Drawer ([e869df0](https://bitbucket.org/enturas/design-system/commits/e869df0946bdc81c177df4b25f3cfe5dee0a7eb5))
-
-## [1.0.7](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.0.6...@entur/modal@1.0.7) (2020-01-27)
-
-### Bug Fixes
-
-- **types:** place types in the correct place ([acace09](https://bitbucket.org/enturas/design-system/commits/acace09ec0e258c5cff3a65e13ab29d6603780d9))
-
-## [1.0.6](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.0.5...@entur/modal@1.0.6) (2020-01-20)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.0.5](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.0.4...@entur/modal@1.0.5) (2020-01-14)
-
-**Note:** Version bump only for package @entur/modal
-
-## [1.0.4](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.0.3...@entur/modal@1.0.4) (2020-01-13)
-
-### Bug Fixes
-
-- fix focus styling for close button in modal window ([8d4b02f](https://bitbucket.org/enturas/design-system/commits/8d4b02f77500200c9a5281c9bb07a629fc3134b1))
-
-## [1.0.3](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.0.2...@entur/modal@1.0.3) (2020-01-10)
-
-### Bug Fixes
-
-- **modal:** added a max height to the modal as well as overflow handling. ([32e78d9](https://bitbucket.org/enturas/design-system/commits/32e78d91b51599591c3cafc35f4adeffce966617))
-
-## [1.0.2](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.0.1...@entur/modal@1.0.2) (2020-01-08)
-
-### Bug Fixes
-
-- warn in development if the developer have forgotten the CSS ([e5c30fc](https://bitbucket.org/enturas/design-system/commits/e5c30fc08624ef22c02773892778abd92205c6b0))
-
-## [1.0.1](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.0.0...@entur/modal@1.0.1) (2020-01-06)
-
-**Note:** Version bump only for package @entur/modal
-
-# [1.0.0](https://bitbucket.org/enturas/design-system/compare/@entur/modal@0.3.1...@entur/modal@1.0.0) (2019-11-29)
-
-### Bug Fixes
-
-- **Modal, ModalOverlay:** rename isOpen to open ([c910829](https://bitbucket.org/enturas/design-system/commits/c910829527f3352e73c30ee4a2ae2c79c0d35070))
-- **ModalContent:** add aria-labelledby to use the title as label ([400117c](https://bitbucket.org/enturas/design-system/commits/400117c93b03c693d088d579afa68c4702871330))
-
-### Features
-
-- **Heading1-6:** add margin prop to all headings ([a167485](https://bitbucket.org/enturas/design-system/commits/a1674852143e8a99bff7c2dbebf20ff09aeea977))
-- **Modal, ModalContent:** add support for title and sizes ([5190a2f](https://bitbucket.org/enturas/design-system/commits/5190a2f29ba410870f8d21621066e3647ccf5e3a))
-
-### BREAKING CHANGES
-
-- **Modal, ModalOverlay:** Rename isOpen to open for the Modal and ModalOverlay components
-- **Modal, ModalContent:** The title prop is now required. Remove any top level heading, and use the title prop instead. The
-  size prop is now required, too.
-
-## [0.3.1](https://bitbucket.org/enturas/design-system/compare/@entur/modal@0.3.0...@entur/modal@0.3.1) (2019-11-27)
-
-### Bug Fixes
-
-- **types:** simplify the types to avoid extraneous props ([571ac56](https://bitbucket.org/enturas/design-system/commits/571ac568abb5a6b2c353d5711418d1058b51a91b))
-
-# [0.3.0](https://bitbucket.org/enturas/design-system/compare/@entur/modal@0.2.1...@entur/modal@0.3.0) (2019-11-22)
-
-### Bug Fixes
-
-- fixing potential duplication of props naming ([6efd896](https://bitbucket.org/enturas/design-system/commits/6efd896d381bca09bc047dbdaec6d2629a9571db))
-
-### Features
-
-- **types:** exporting all public types for public components ([4a277ab](https://bitbucket.org/enturas/design-system/commits/4a277ab266fdb32a6760821a07b1c6cc716bac85))
-
-## [0.2.1](https://bitbucket.org/enturas/design-system/compare/@entur/modal@0.2.0...@entur/modal@0.2.1) (2019-11-14)
-
-### Bug Fixes
-
-- **css classnames:** fixing naming collisions with CSS classes ([a93ca43](https://bitbucket.org/enturas/design-system/commits/a93ca435d3a01d61d8f02694a672686b9e943a66))
-
-# 0.2.0 (2019-10-30)
-
-### Bug Fixes
-
-- **modal:** add missing dependencies ([c1065c0](https://bitbucket.org/enturas/design-system/commits/c1065c00e746a99148e2ec0578f50e79c135ac8a))
-- update all packages to use new tokens ([4847835](https://bitbucket.org/enturas/design-system/commits/48478359b0e562ba828e06d9b5c57239316805c2))
-- **modal:** center modals on screen ([3525d8c](https://bitbucket.org/enturas/design-system/commits/3525d8c572431878582edc7e8bbbbfb2b1276ed3))
-- **style:** set a minimum width for all modals ([a4f208f](https://bitbucket.org/enturas/design-system/commits/a4f208f7a98a8cb671dc8532b360e73d3ce864d1))
-
-### Features
-
-- **modal:** add new package @entur/modal ([642e78c](https://bitbucket.org/enturas/design-system/commits/642e78cac1f4db4e63ac3c202405c9876b68ff4a))