@decisiv/ui-components 2.0.1-alpha.185 → 2.0.1-alpha.187

package/lib/atoms/InputField/HelpMessage.d.ts

@@ -4,7 +4,7 @@ export interface HelpMessageProps {
     helpMessage?: string;
     maxLength?: number;
     showCharacterCount?: boolean;
-    contentLength: number;
+    contentLength?: number;
 }
 declare function HelpMessage(props: HelpMessageProps): JSX.Element | null;
 declare namespace HelpMessage {

package/lib/atoms/InputField/HelpMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HelpMessage.d.ts","sourceRoot":"","sources":["../../../src/atoms/InputField/HelpMessage.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AASnC,MAAM,WAAW,gBAAgB;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,aAAa,EAAE,MAAM,CAAC;CACvB;AAMD,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAwBhE;kBAxBQ,WAAW;;;;;;;;;;;;;;AAyCpB,eAAe,WAAW,CAAC"}
+{"version":3,"file":"HelpMessage.d.ts","sourceRoot":"","sources":["../../../src/atoms/InputField/HelpMessage.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AASnC,MAAM,WAAW,gBAAgB;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAMD,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CA6BhE;kBA7BQ,WAAW;;;;;;;;;;;;;;AA8CpB,eAAe,WAAW,CAAC"}

package/lib/atoms/InputField/HelpMessage.js

@@ -28,7 +28,8 @@ function HelpMessage(props) {
   var helpMessage = props.helpMessage,
       maxLength = props.maxLength,
       showCharacterCount = props.showCharacterCount,
-      contentLength = props.contentLength;
+      _props$contentLength = props.contentLength,
+      contentLength = _props$contentLength === void 0 ? 0 : _props$contentLength;
   var translate = (0, _useTranslations.default)();
   var showCount = Boolean(maxLength && showCharacterCount); // You have {remaining} characters left ({max} max).
 

package/lib/atoms/InputField/index.d.ts

@@ -44,6 +44,7 @@ export interface BaseInputFieldProps {
     style?: React.CSSProperties;
     value?: string;
     warningMessage?: string;
+    withWarningIntent?: boolean;
     isTextArea?: boolean;
     multiple?: boolean;
 }

package/lib/atoms/InputField/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atoms/InputField/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EACZ,aAAa,EAEb,GAAG,EACH,sBAAsB,EAGvB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAoB5C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAE7C,MAAM,WAAW,mBAAmB;IAClC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC;IACpC,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,CAAC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,GAAG,CAAC,OAAO,CAAC;IACtD,MAAM,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,GAAG,CAAC,OAAO,CAAC;IACzC,gBAAgB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,iBAAiB,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC;IACzC,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA2KD,QAAA,MAAM,iBAAiB,EAAE,sBAAsB,CAC7C,GAAG,CAAC,GAAG,CAAC,EACR,mBAAmB,CACK,CAAC;AAQ3B,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atoms/InputField/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EACZ,aAAa,EAEb,GAAG,EACH,sBAAsB,EAGvB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAoB5C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAE7C,MAAM,WAAW,mBAAmB;IAClC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC;IACpC,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,CAAC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,GAAG,CAAC,OAAO,CAAC;IACtD,MAAM,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,GAAG,CAAC,OAAO,CAAC;IACzC,gBAAgB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,iBAAiB,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC;IACzC,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA4KD,QAAA,MAAM,iBAAiB,EAAE,sBAAsB,CAC7C,GAAG,CAAC,GAAG,CAAC,EACR,mBAAmB,CACK,CAAC;AAQ3B,eAAe,iBAAiB,CAAC"}

package/lib/atoms/InputField/index.js

@@ -85,11 +85,12 @@ function InputField(props, targetRef) {
       style = props.style,
       value = props.value,
       warningMessage = props.warningMessage,
+      withWarningIntent = props.withWarningIntent,
       _props$isTextArea = props.isTextArea,
       isTextArea = _props$isTextArea === void 0 ? false : _props$isTextArea,
       _props$multiple = props.multiple,
       multiple = _props$multiple === void 0 ? false : _props$multiple,
-      rest = _objectWithoutProperties(props, ["children", "cursor", "disabled", "hideLabel", "helpMessage", "icon", "secondaryElement", "id", "inputContainerRef", "label", "labelId", "maxLength", "onBlur", "onChange", "onClick", "onFocus", "onKeyDown", "overflow", "readOnly", "required", "requiredMessage", "showCharacterCount", "style", "value", "warningMessage", "isTextArea", "multiple"]);
+      rest = _objectWithoutProperties(props, ["children", "cursor", "disabled", "hideLabel", "helpMessage", "icon", "secondaryElement", "id", "inputContainerRef", "label", "labelId", "maxLength", "onBlur", "onChange", "onClick", "onFocus", "onKeyDown", "overflow", "readOnly", "required", "requiredMessage", "showCharacterCount", "style", "value", "warningMessage", "withWarningIntent", "isTextArea", "multiple"]);
 
   var fallbackTargetRef = (0, _react.useRef)(null);
   var finalTargetRef = targetRef || fallbackTargetRef;
@@ -160,7 +161,7 @@ function InputField(props, targetRef) {
     cursor: cursor,
     hiddenLabel: hideLabel,
     disabled: disabled,
-    hasWarning: !!warningMessage,
+    hasWarning: !!warningMessage || withWarningIntent,
     isFocused: isFocused,
     readOnly: readOnly,
     ref: inputContainerRef,

package/lib/components/Badge/types.d.ts

@@ -14,7 +14,7 @@ export interface BadgeProps {
 }
 declare function variantValidator(props: BadgeProps, propName: 'variant', componentName: 'Badge'): Error | null;
 export declare const propTypes: {
-    color: PropTypes.Requireable<"information" | "success" | "warning" | "danger" | "berryCrisp" | "koolaidCake" | "cookieMonster" | "cottonCandy" | "fizzyLime" | "mamboMango" | "carrotCake" | "roseGummy" | "licoriceMousse">;
+    color: PropTypes.Requireable<CommonUIColorKeys>;
     icon: PropTypes.Validator<PropTypes.ReactComponentLike>;
     size: PropTypes.Requireable<string>;
     variant: typeof variantValidator;

package/lib/components/Button/StyledButton.d.ts

@@ -1,12 +1,7 @@
 import React from 'react';
-import { Size, Kind, Intent, Variant } from './types';
-export interface StyledButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    intent?: Intent;
-    kind?: Kind;
-    minWidth?: string;
-    size: Size;
-    variant?: Variant;
-    loading?: boolean;
+import { ButtonProps } from './types';
+export interface StyledButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, ButtonProps {
+    $loading?: ButtonProps['loading'];
 }
 declare const StyledButton: import("styled-components").StyledComponent<"button", any, StyledButtonProps, never>;
 export default StyledButton;

package/lib/components/Button/StyledButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StyledButton.d.ts","sourceRoot":"","sources":["../../../src/components/Button/StyledButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAuB1B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAe,MAAM,SAAS,CAAC;AA6LnE,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,YAAY,sFAkBjB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"StyledButton.d.ts","sourceRoot":"","sources":["../../../src/components/Button/StyledButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAuB1B,OAAO,EAAQ,WAAW,EAAE,MAAM,SAAS,CAAC;AAE5C,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,WAAW;IACb,QAAQ,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CACnC;AA6LD,QAAA,MAAM,YAAY,sFAkBjB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/components/Button/StyledButton.js

@@ -85,9 +85,9 @@ var buttonSizeModifier = function buttonSizeModifier(_ref) {
 
 var disabledStyles = function disabledStyles(_ref2) {
   var variant = _ref2.variant,
-      loading = _ref2.loading;
+      $loading = _ref2.$loading;
 
-  if (loading) {
+  if ($loading) {
     if (variant === 'ghost') {
       return (0, _styledComponents.css)(["&:disabled:disabled{border-color:transparent;color:", ";cursor:not-allowed;}"], _colors.interactionSecondaryLight);
     }

package/lib/components/Button/index.js

@@ -144,7 +144,7 @@ var Button = function Button(props, ref) {
     size: size,
     type: "button",
     variant: variant,
-    loading: loading
+    $loading: loading
   }, rest), ButtonContent);
 };
 

package/lib/components/Link/styles.d.ts

@@ -8,7 +8,7 @@ export declare const fontSize: (p: {
     size?: import("../../atoms/OptionsList/types").Size;
 }) => SimpleInterpolation;
 export declare const IconContainer: import("styled-components").StyledComponent<"span", any, {
-    position: "left" | "right";
+    position: import("../Button").IconPosition;
     withText: boolean;
 }, never>;
 export declare const sharedLinkStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{

package/lib/components/Modal/Manager.d.ts

@@ -0,0 +1,6 @@
+import React, { PropsWithChildren } from 'react';
+import { ModalProps } from './types';
+declare type ManagerProps = Pick<ModalProps, 'onClose' | 'visible'>;
+declare function Manager({ onClose, visible, children, }: PropsWithChildren<ManagerProps>): React.ReactPortal | null;
+export default Manager;
+//# sourceMappingURL=Manager.d.ts.map

package/lib/components/Modal/Manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Manager.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Manager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA0B,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAIzE,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAGrC,aAAK,YAAY,GAAG,IAAI,CAAC,UAAU,EAAE,SAAS,GAAG,SAAS,CAAC,CAAC;AAE5D,iBAAS,OAAO,CAAC,EACf,OAAO,EACP,OAAO,EACP,QAAQ,GACT,EAAE,iBAAiB,CAAC,YAAY,CAAC,GAAG,KAAK,CAAC,WAAW,GAAG,IAAI,CA+B5D;AAED,eAAe,OAAO,CAAC"}

package/lib/components/Modal/Manager.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("react");
+
+var _ConfigProvider = require("../../providers/ConfigProvider");
+
+var _canUseDOM = _interopRequireDefault(require("../../utils/canUseDOM"));
+
+var _utils = require("./utils");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function Manager(_ref) {
+  var onClose = _ref.onClose,
+      visible = _ref.visible,
+      children = _ref.children;
+  (0, _utils.useReturnFocus)(!visible);
+
+  var _useConfig = (0, _ConfigProvider.useConfig)(),
+      createPortal = _useConfig.createPortal;
+
+  var onKeyDown = (0, _react.useCallback)(function (event) {
+    if (event.key === 'Escape') {
+      onClose && onClose(event);
+    }
+  }, [onClose]); // Allow closing the modal by pressing the Escape key
+
+  (0, _react.useEffect)(function () {
+    if (visible && _canUseDOM.default) {
+      document.addEventListener('keydown', onKeyDown);
+      return function () {
+        document.removeEventListener('keydown', onKeyDown);
+      };
+    } // eslint has issues with no return statement here...
+
+
+    return undefined;
+  }, [visible, onKeyDown]);
+
+  if (visible) {
+    return createPortal(children);
+  }
+
+  return null;
+}
+
+var _default = Manager;
+exports.default = _default;

package/lib/components/Modal/ResponsiveModalWrapper.d.ts

@@ -0,0 +1,12 @@
+import React, { RefObject } from 'react';
+import { sizes } from '@decisiv/breakpoint-observer';
+import { ModalProps } from './types';
+import { WizardProps } from '../Wizard';
+declare type Props = Pick<ModalProps, 'id' | 'onClose' | 'zIndex'> & {
+    size?: WizardProps['size'];
+    breakpoint: keyof typeof sizes | undefined;
+    observedElementRef: RefObject<HTMLDivElement>;
+};
+declare const ResponsiveModalWrapper: ({ children, breakpoint, id, size, onClose, zIndex, observedElementRef, }: React.PropsWithChildren<Props>) => JSX.Element;
+export default ResponsiveModalWrapper;
+//# sourceMappingURL=ResponsiveModalWrapper.d.ts.map

package/lib/components/Modal/ResponsiveModalWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponsiveModalWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ResponsiveModalWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkC,SAAS,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAGrD,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAGrC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExC,aAAK,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE,IAAI,GAAG,SAAS,GAAG,QAAQ,CAAC,GAAG;IAC3D,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3B,UAAU,EAAE,MAAM,OAAO,KAAK,GAAG,SAAS,CAAC;IAC3C,kBAAkB,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;CAC/C,CAAC;AAEF,QAAA,MAAM,sBAAsB,2HA0D3B,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/lib/components/Modal/ResponsiveModalWrapper.js

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _components = require("./components");
+
+var _useUniqueId = _interopRequireDefault(require("../../utils/useUniqueId"));
+
+var _utils = require("./utils");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
+
+function _iterableToArrayLimit(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var ResponsiveModalWrapper = function ResponsiveModalWrapper(_ref) {
+  var children = _ref.children,
+      breakpoint = _ref.breakpoint,
+      id = _ref.id,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'normal' : _ref$size,
+      onClose = _ref.onClose,
+      _ref$zIndex = _ref.zIndex,
+      zIndex = _ref$zIndex === void 0 ? 100 : _ref$zIndex,
+      observedElementRef = _ref.observedElementRef;
+  // Any click within the overlay should stay within the overlay. This click event should close
+  // the modal, but not bubble up to any parent elements.
+  var handleOverlayClick = (0, _react.useCallback)(function (event) {
+    event.preventDefault();
+    event.stopPropagation();
+    onClose && onClose(event);
+  }, [onClose]); // Any click within the body should stay within the body. This prevents the click event from
+  // bubbling up and firing the onClose handler via the Overlay's onClick.
+
+  var handleBodyClick = (0, _react.useCallback)(function (event) {
+    event.preventDefault();
+    event.stopPropagation();
+  }, []);
+
+  var _useElement = (0, _utils.useElement)(),
+      _useElement2 = _slicedToArray(_useElement, 2),
+      container = _useElement2[0],
+      containerRef = _useElement2[1];
+
+  (0, _utils.useKeepFocusWithin)(container);
+  var uuid = (0, _useUniqueId.default)(id, 'modal-');
+  var modalHeaderId = "modal-header-".concat(uuid);
+  var modalContentId = "modal-content-".concat(uuid);
+  return _react.default.createElement(_components.Overlay, {
+    onClick: handleOverlayClick,
+    ref: observedElementRef,
+    zIndex: zIndex
+  }, _react.default.createElement(_components.Body, {
+    widthSize: size,
+    "aria-describedby": modalContentId,
+    "aria-labelledby": modalHeaderId,
+    "aria-modal": "true",
+    size: breakpoint,
+    id: uuid,
+    onClick: handleBodyClick,
+    ref: containerRef,
+    role: "dialog"
+  }, children));
+};
+
+var _default = ResponsiveModalWrapper;
+exports.default = _default;

package/lib/components/Modal/components.d.ts

@@ -4,6 +4,7 @@ export declare const Overlay: import("styled-components").StyledComponent<"div",
 }, never>;
 export declare const Body: import("styled-components").StyledComponent<"div", any, {
     size?: "XS" | "SM" | "MD" | "LG" | "XL" | undefined;
+    widthSize: "normal" | "extraLarge" | undefined;
 }, never>;
 export declare const ScrollYBox: import("styled-components").StyledComponent<"div", any, {
     size?: "XS" | "SM" | "MD" | "LG" | "XL" | undefined;

package/lib/components/Modal/components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/components.tsx"],"names":[],"mappings":";AAYA,eAAO,MAAM,OAAO;;SASnB,CAAC;AAEF,eAAO,MAAM,IAAI;;SA6BhB,CAAC;AAEF,eAAO,MAAM,UAAU;;SAetB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAAoD,CAAC;AAExE,eAAO,MAAM,oBAAoB,oEAIhC,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAKnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAoBlB,CAAC;AAEF,eAAO,MAAM,aAAa,sGAkBzB,CAAC"}
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/components.tsx"],"names":[],"mappings":";AAaA,eAAO,MAAM,OAAO;;SASnB,CAAC;AAEF,eAAO,MAAM,IAAI;;;SAuChB,CAAC;AAEF,eAAO,MAAM,UAAU;;SAgBtB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAAoD,CAAC;AAExE,eAAO,MAAM,oBAAoB,oEAIhC,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAKnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAoBlB,CAAC;AAEF,eAAO,MAAM,aAAa,sGAkBzB,CAAC"}

package/lib/components/Modal/components.js

@@ -35,14 +35,14 @@ exports.Overlay = Overlay;
 var Body = _styledComponents.default.div.withConfig({
   displayName: "components__Body",
   componentId: "zcog99-1"
-})(["background:", ";border-radius:2px;box-shadow:0 1px 4px ", ";margin:40px auto;max-height:calc(100% - 80px);max-width:650px;overflow:hidden;padding-bottom:75px;position:relative;width:100%;", ";"], (0, _toColorString.default)(_designTokens.color.base.snowWhite), (0, _toColorString.default)(_designTokens.color.shadow.light.default), (0, _styleModifiers.when)('size', _breakpointObserver.sizes.XS, (0, _styledComponents.css)(["border-radius:0;bottom:0;left:0;margin:0;max-height:100%;overflow:hidden;position:fixed;right:0;top:0;"])));
+})(["background:", ";border-radius:2px;box-shadow:0 1px 4px ", ";margin:40px auto;max-height:calc(100% - 80px);max-width:650px;overflow:hidden;padding-bottom:75px;position:relative;width:100%;", ";", ""], (0, _toColorString.default)(_designTokens.color.base.snowWhite), (0, _toColorString.default)(_designTokens.color.shadow.light.default), (0, _styleModifiers.when)('size', _breakpointObserver.sizes.XS, (0, _styledComponents.css)(["border-radius:0;bottom:0;left:0;margin:0;max-height:100%;overflow:hidden;position:fixed;right:0;top:0;padding-bottom:0;"])), (0, _styleModifiers.when)('widthSize', 'extraLarge', (0, _styledComponents.css)(["max-width:", ";"], (0, _rem.default)(_designTokens.spacing.base * 90))));
 
 exports.Body = Body;
 
 var ScrollYBox = _styledComponents.default.div.withConfig({
   displayName: "components__ScrollYBox",
   componentId: "zcog99-2"
-})(["overflow-y:auto;position:relative;height:100%;max-height:calc(100vh - 150px);", ";"], (0, _styleModifiers.when)('size', _breakpointObserver.sizes.XS, (0, _styledComponents.css)(["max-height:calc(100vh - 70px);"])));
+})(["width:100%;overflow-y:auto;position:relative;height:100%;max-height:calc(100vh - 150px);", ";"], (0, _styleModifiers.when)('size', _breakpointObserver.sizes.XS, (0, _styledComponents.css)(["max-height:calc(100vh - 70px);"])));
 
 exports.ScrollYBox = ScrollYBox;
 var Header = (0, _styledComponents.default)(_Flex.default).attrs({

package/lib/components/Modal/index.d.ts

@@ -1,9 +1,13 @@
-import React from 'react';
+/// <reference types="react" />
 import { ModalProps } from './types';
-declare function Manager({ onClose, visible, children, ...rest }: ModalProps): React.ReactPortal | null;
-declare namespace Manager {
+declare function ModalWrapper({ onClose, visible, children, ...rest }: ModalProps): JSX.Element;
+declare namespace ModalWrapper {
     var propTypes: any;
+    var defaultProps: {
+        actions: undefined;
+        icon: undefined;
+    };
     var displayName: string;
 }
-export default Manager;
+export default ModalWrapper;
 //# sourceMappingURL=index.d.ts.map

package/lib/components/Modal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA0C,MAAM,OAAO,CAAC;AA+B/D,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AA6JrC,iBAAS,OAAO,CAAC,EACf,OAAO,EACP,OAAO,EACP,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,UAAU,GAAG,KAAK,CAAC,WAAW,GAAG,IAAI,CAmCvC;kBAxCQ,OAAO;;;;AAmDhB,eAAe,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":";AA+BA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AA2HrC,iBAAS,YAAY,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,UAAU,eAQxE;kBARQ,YAAY;;;;;;;;AAwBrB,eAAe,YAAY,CAAC"}

package/lib/components/Modal/index.js

@@ -5,25 +5,21 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _get = _interopRequireDefault(require("lodash/get"));
-
-var _omit = _interopRequireDefault(require("lodash/omit"));
-
-var _toColorString = _interopRequireDefault(require("polished/lib/color/toColorString"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _react = _interopRequireWildcard(require("react"));
-
 var _breakpointObserver = require("@decisiv/breakpoint-observer");
 
 var _designTokens = require("@decisiv/design-tokens");
 
 var _Times = _interopRequireDefault(require("@decisiv/iconix/lib/components/Times"));
 
-var _ConfigProvider = require("../../providers/ConfigProvider");
+var _get = _interopRequireDefault(require("lodash/get"));
 
-var _canUseDOM = _interopRequireDefault(require("../../utils/canUseDOM"));
+var _omit = _interopRequireDefault(require("lodash/omit"));
+
+var _toColorString = _interopRequireDefault(require("polished/lib/color/toColorString"));
 
 var _commonUIColors = require("../../utils/commonUIColors");
 
@@ -43,16 +39,18 @@ var _components = require("./components");
 
 var _constants = require("./constants");
 
+var _Manager = _interopRequireDefault(require("./Manager"));
+
 var _proptypeValidators = require("./proptypeValidators");
 
+var _ResponsiveModalWrapper = _interopRequireDefault(require("./ResponsiveModalWrapper"));
+
 var _schema = _interopRequireDefault(require("./schema"));
 
-var _utils = require("./utils");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { keys.push.apply(keys, Object.getOwnPropertySymbols(object)); } if (enumerableOnly) keys = keys.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
@@ -113,43 +111,16 @@ function Modal(_ref) {
 
     return null;
   }, [colorProp, icon, intent]);
-
-  var _useElement = (0, _utils.useElement)(),
-      _useElement2 = _slicedToArray(_useElement, 2),
-      container = _useElement2[0],
-      containerRef = _useElement2[1];
-
-  (0, _utils.useKeepFocusWithin)(container);
   var uuid = (0, _useUniqueId.default)(id, 'modal-');
   var modalHeaderId = "modal-header-".concat(uuid);
   var modalContentId = "modal-content-".concat(uuid);
-  var modalFooterId = "modal-footer-".concat(uuid); // Any click within the overlay should stay within the overlay. This click event should close
-  // the modal, but not bubble up to any parent elements.
-
-  var handleOverlayClick = (0, _react.useCallback)(function (event) {
-    event.preventDefault();
-    event.stopPropagation();
-    onClose && onClose(event);
-  }, [onClose]); // Any click within the body should stay within the body. This prevents the click event from
-  // bubbling up and firing the onClose handler via the Overlay's onClick.
-
-  var handleBodyClick = (0, _react.useCallback)(function (event) {
-    event.preventDefault();
-    event.stopPropagation();
-  }, []);
-  return _react.default.createElement(_components.Overlay, {
-    onClick: handleOverlayClick,
-    ref: observedElementRef,
-    zIndex: zIndex
-  }, _react.default.createElement(_components.Body, {
-    "aria-describedby": modalContentId,
-    "aria-labelledby": modalHeaderId,
-    "aria-modal": "true",
-    size: breakpoint,
-    id: uuid,
-    onClick: handleBodyClick,
-    ref: containerRef,
-    role: "dialog"
+  var modalFooterId = "modal-footer-".concat(uuid);
+  return _react.default.createElement(_ResponsiveModalWrapper.default, {
+    id: id,
+    zIndex: zIndex,
+    onClose: onClose,
+    breakpoint: breakpoint,
+    observedElementRef: observedElementRef
   }, _react.default.createElement(_components.ScrollYBox, {
     size: breakpoint
   }, _react.default.createElement(_components.Header, {
@@ -187,52 +158,33 @@ function Modal(_ref) {
       marginRight: 0.5,
       size: breakpoint
     }, _react.default.createElement(_Button.default, _extends({}, (0, _omit.default)(action, ['kind', 'size', 'variant']), actionProps[index])));
-  }))));
+  })));
 }
 
-function Manager(_ref8) {
+function ModalWrapper(_ref8) {
   var onClose = _ref8.onClose,
       visible = _ref8.visible,
       children = _ref8.children,
       rest = _objectWithoutProperties(_ref8, ["onClose", "visible", "children"]);
 
-  (0, _utils.useReturnFocus)(!visible);
-
-  var _useConfig = (0, _ConfigProvider.useConfig)(),
-      createPortal = _useConfig.createPortal;
-
-  var onKeyDown = (0, _react.useCallback)(function (event) {
-    if (event.key === 'Escape') {
-      onClose && onClose(event);
-    }
-  }, [onClose]); // Allow closing the modal by pressing the Escape key
-
-  (0, _react.useEffect)(function () {
-    if (visible && _canUseDOM.default) {
-      document.addEventListener('keydown', onKeyDown);
-      return function () {
-        document.removeEventListener('keydown', onKeyDown);
-      };
-    } // eslint has issues with no return statement here...
-
-
-    return undefined;
-  }, [visible, onKeyDown]);
-
-  if (visible) {
-    return createPortal(_react.default.createElement(Modal, _extends({
-      onClose: onClose
-    }, rest), children));
-  }
-
-  return null;
+  return _react.default.createElement(_Manager.default, {
+    onClose: onClose,
+    visible: visible
+  }, _react.default.createElement(Modal, _extends({
+    onClose: onClose,
+    visible: visible
+  }, rest), children));
 } // @ts-ignore
 
 
-Manager.propTypes = _objectSpread({}, _schema.default.propTypes, {
+ModalWrapper.propTypes = _objectSpread({}, _schema.default.propTypes, {
   actions: _proptypeValidators.actionsValidator,
   icon: _propTypes.default.elementType
 });
-Manager.displayName = 'Modal';
-var _default = Manager;
+ModalWrapper.defaultProps = {
+  actions: undefined,
+  icon: undefined
+};
+ModalWrapper.displayName = 'Modal';
+var _default = ModalWrapper;
 exports.default = _default;

package/lib/components/Popover/Arrow.d.ts

@@ -1,9 +1,9 @@
 import { ArrowProps } from './types';
 export declare const arrowColors: {
-    information: import("@decisiv/design-tokens/lib/color").Color;
+    danger: import("@decisiv/design-tokens/lib/color").Color;
     success: import("@decisiv/design-tokens/lib/color").Color;
+    information: import("@decisiv/design-tokens/lib/color").Color;
     warning: import("@decisiv/design-tokens/lib/color").Color;
-    danger: import("@decisiv/design-tokens/lib/color").Color;
     berryCrisp: import("@decisiv/design-tokens/lib/color").Color;
     koolaidCake: import("@decisiv/design-tokens/lib/color").Color;
     cookieMonster: import("@decisiv/design-tokens/lib/color").Color;

package/lib/components/SearchInput/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { SearchInputProps, SearchItem, StyledFlexProps } from './types';
-declare function SearchInput({ onSearch, value, onChange, size, disabled, searchDisabled, searchOn, ...props }: SearchInputProps): JSX.Element;
+declare function SearchInput({ onSearch, value, onChange, size, disabled, searchDisabled, searchOn, searchByOptions, searchByLabel, searchByValue, searchByName, searchByDefaultValue, searchByWidth, onSearchByChange, warningMessage, helpMessage, ...props }: SearchInputProps): JSX.Element;
 declare namespace SearchInput {
     var defaultProps: {
         size: string;

package/lib/components/SearchInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SearchInput/index.tsx"],"names":[],"mappings":";AAiBA,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAkExE,iBAAwB,WAAW,CAAC,EAClC,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,cAAc,EACd,QAAmB,EACnB,GAAG,KAAK,EACT,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CA0GhC;kBAnHuB,WAAW;;;;;eAAX,WAAW;AAyHnC,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SearchInput/index.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAiBxE,iBAAwB,WAAW,CAAC,EAClC,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,cAAc,EACd,QAAmB,EACnB,eAAoB,EACpB,aAAkB,EAClB,aAAa,EACb,YAAiB,EACjB,oBAAoB,EACpB,aAAa,EACb,gBAAgB,EAChB,cAAc,EACd,WAAW,EACX,GAAG,KAAK,EACT,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAsIhC;kBAxJuB,WAAW;;;;;eAAX,WAAW;AA8JnC,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,eAAe,EAAE,CAAC"}