@cloudscape-design/components 3.0.0

package/modal/interfaces.d.ts

@@ -0,0 +1,55 @@
+import { BaseComponentProps } from '../internal/base-component';
+import React from 'react';
+import { NonCancelableEventHandler } from '../internal/events';
+export interface ModalProps extends BaseComponentProps {
+    /**
+     * Sets the width of the modal. `max` uses variable width up to the
+     * largest size allowed by the design guidelines. Other sizes
+     * (`small`/`medium`/`large`) have fixed widths.
+     */
+    size?: ModalProps.Size;
+    /**
+     * Determines whether the modal is displayed on the screen. Modals are hidden by default.
+     * Set this property to `true` to show them.
+     */
+    visible: boolean;
+    /**
+     * Adds an `aria-label` to the close button, for accessibility.
+     */
+    closeAriaLabel?: string;
+    /**
+     * Specifies a title for the modal. Although this can be empty, we suggest that you always provide a title.
+     */
+    header?: React.ReactNode;
+    /**
+     * Body of the modal.
+     */
+    children?: React.ReactNode;
+    /**
+     * Specifies a footer for the modal. If empty, the footer isn't displayed.
+     */
+    footer?: React.ReactNode;
+    /**
+     * Determines whether the modal content has padding. If `true`, removes the default padding from the content area.
+     */
+    disableContentPaddings?: boolean;
+    /**
+     * Called when a user closes the modal by using the close icon button,
+     * clicking outside of the modal, or pressing ESC.
+     * The event detail contains the `reason`, which can be any of the following:
+     * `['closeButton', 'overlay', 'keyboard']`.
+     */
+    onDismiss?: NonCancelableEventHandler<ModalProps.DismissDetail>;
+    /**
+     * Specifies the HTML element where the modal is rendered.
+     * If a modal root isn't provided, the modal will render to an element under `document.body`.
+     */
+    modalRoot?: HTMLElement;
+}
+export declare namespace ModalProps {
+    type Size = 'small' | 'medium' | 'large' | 'max';
+    interface DismissDetail {
+        reason: string;
+    }
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/modal/interfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/modal/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,MAAM,WAAW,UAAW,SAAQ,kBAAkB;IACpD;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC;IACvB;;;OAGG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC;;;;;OAKG;IACH,SAAS,CAAC,EAAE,yBAAyB,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAChE;;;OAGG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;CACzB;AAED,yBAAiB,UAAU,CAAC;IAC1B,KAAY,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;IAExD,UAAiB,aAAa;QAC5B,MAAM,EAAE,MAAM,CAAC;KAChB;CACF"}

package/modal/interfaces.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=interfaces.js.map

package/modal/interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/modal/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\nimport React from 'react';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface ModalProps extends BaseComponentProps {\n  /**\n   * Sets the width of the modal. `max` uses variable width up to the\n   * largest size allowed by the design guidelines. Other sizes\n   * (`small`/`medium`/`large`) have fixed widths.\n   */\n  size?: ModalProps.Size;\n  /**\n   * Determines whether the modal is displayed on the screen. Modals are hidden by default.\n   * Set this property to `true` to show them.\n   */\n  visible: boolean;\n  /**\n   * Adds an `aria-label` to the close button, for accessibility.\n   */\n  closeAriaLabel?: string;\n  /**\n   * Specifies a title for the modal. Although this can be empty, we suggest that you always provide a title.\n   */\n  header?: React.ReactNode;\n  /**\n   * Body of the modal.\n   */\n  children?: React.ReactNode;\n  /**\n   * Specifies a footer for the modal. If empty, the footer isn't displayed.\n   */\n  footer?: React.ReactNode;\n  /**\n   * Determines whether the modal content has padding. If `true`, removes the default padding from the content area.\n   */\n  disableContentPaddings?: boolean;\n  /**\n   * Called when a user closes the modal by using the close icon button,\n   * clicking outside of the modal, or pressing ESC.\n   * The event detail contains the `reason`, which can be any of the following:\n   * `['closeButton', 'overlay', 'keyboard']`.\n   */\n  onDismiss?: NonCancelableEventHandler<ModalProps.DismissDetail>;\n  /**\n   * Specifies the HTML element where the modal is rendered.\n   * If a modal root isn't provided, the modal will render to an element under `document.body`.\n   */\n  modalRoot?: HTMLElement;\n}\n\nexport namespace ModalProps {\n  export type Size = 'small' | 'medium' | 'large' | 'max';\n\n  export interface DismissDetail {\n    reason: string;\n  }\n}\n"]}

package/modal/internal.d.ts

@@ -0,0 +1,7 @@
+import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
+import { ModalProps } from './interfaces';
+import { SomeRequired } from '../internal/types';
+declare type InternalModalProps = SomeRequired<ModalProps, 'size' | 'closeAriaLabel'> & InternalBaseComponentProps;
+export default function InternalModal({ size, visible, closeAriaLabel, header, children, footer, disableContentPaddings, onDismiss, modalRoot, __internalRootRef, ...rest }: InternalModalProps): JSX.Element;
+export {};
+//# sourceMappingURL=internal.d.ts.map

package/modal/internal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/modal/internal.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAWlF,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,aAAK,kBAAkB,GAAG,YAAY,CAAC,UAAU,EAAE,MAAM,GAAG,gBAAgB,CAAC,GAAG,0BAA0B,CAAC;AAE3G,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,IAAI,EACJ,OAAO,EACP,cAAc,EACd,MAAM,EACN,QAAQ,EACR,MAAM,EACN,sBAAsB,EACtB,SAAS,EACT,SAAS,EACT,iBAAwB,EACxB,GAAG,IAAI,EACR,EAAE,kBAAkB,eAiIpB"}

package/modal/internal.js

@@ -0,0 +1,90 @@
+import { __assign, __rest } from "tslib";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React, { useEffect, useRef } from 'react';
+import FocusLock from 'react-focus-lock';
+import { useMergeRefs } from '../internal/hooks/use-merge-refs';
+import clsx from 'clsx';
+import { getBaseProps } from '../internal/base-component';
+import { fireNonCancelableEvent } from '../internal/events';
+import { KeyCode } from '../internal/keycode';
+import { useUniqueId } from '../internal/hooks/use-unique-id';
+import { InternalButton } from '../button/internal';
+import InternalHeader from '../header/internal';
+import Portal from '../internal/components/portal';
+import { useContainerBreakpoints } from '../internal/hooks/container-queries';
+import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
+import { disableBodyScrolling, enableBodyScrolling } from './body-scroll';
+import styles from './styles.css.js';
+export default function InternalModal(_a) {
+    var _b, _c;
+    var size = _a.size, visible = _a.visible, closeAriaLabel = _a.closeAriaLabel, header = _a.header, children = _a.children, footer = _a.footer, disableContentPaddings = _a.disableContentPaddings, onDismiss = _a.onDismiss, modalRoot = _a.modalRoot, _d = _a.__internalRootRef, __internalRootRef = _d === void 0 ? null : _d, rest = __rest(_a, ["size", "visible", "closeAriaLabel", "header", "children", "footer", "disableContentPaddings", "onDismiss", "modalRoot", "__internalRootRef"]);
+    var instanceUniqueId = useUniqueId();
+    var headerId = "".concat(rest.id || instanceUniqueId, "-header");
+    var focusLockRef = useRef(null);
+    var lastMouseDownElementRef = useRef(null);
+    var initiallyFocusedElementRef = useRef(null);
+    var _e = useContainerBreakpoints(['xs']), breakpoint = _e[0], breakpointsRef = _e[1];
+    var refObject = useRef(null);
+    var mergedRef = useMergeRefs(breakpointsRef, refObject, __internalRootRef);
+    var isRefresh = useVisualRefresh(useRef(modalRoot !== null && modalRoot !== void 0 ? modalRoot : document.body));
+    var baseProps = getBaseProps(rest);
+    // enable body scroll and restore focus if unmounting while visible
+    useEffect(function () {
+        return function () {
+            enableBodyScrolling();
+        };
+    }, []);
+    // enable / disable body scroll
+    useEffect(function () {
+        if (visible) {
+            disableBodyScrolling();
+        }
+        else {
+            enableBodyScrolling();
+        }
+    }, [visible]);
+    // Because we hide the element with styles (and not actually detach it from DOM), we need to scroll to top
+    useEffect(function () {
+        if (visible && refObject.current) {
+            refObject.current.scrollTop = 0;
+        }
+    }, [refObject, visible]);
+    // Handle focus restore
+    var onActivation = function () {
+        initiallyFocusedElementRef.current = document.activeElement;
+    };
+    var onDeactivation = function () {
+        var _a;
+        (_a = initiallyFocusedElementRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        initiallyFocusedElementRef.current = null;
+    };
+    var dismiss = function (reason) { return fireNonCancelableEvent(onDismiss, { reason: reason }); };
+    var onOverlayMouseDown = function (event) {
+        lastMouseDownElementRef.current = event.target;
+    };
+    var onOverlayClick = function (event) {
+        var overlay = refObject.current;
+        var lastClicked = lastMouseDownElementRef.current;
+        if (event.target === overlay && lastClicked === overlay) {
+            dismiss('overlay');
+        }
+    };
+    var onCloseButtonClick = function () { return dismiss('closeButton'); };
+    var escKeyHandler = function (event) {
+        if (event.keyCode === KeyCode.escape) {
+            dismiss('keyboard');
+        }
+    };
+    return (React.createElement(Portal, { container: modalRoot },
+        React.createElement("div", __assign({}, baseProps, { className: clsx(styles.root, (_b = {}, _b[styles.hidden] = !visible, _b), baseProps.className, isRefresh && styles.refresh), role: "dialog", "aria-modal": true, "aria-labelledby": headerId, onMouseDown: onOverlayMouseDown, onClick: onOverlayClick, ref: mergedRef }),
+            React.createElement(FocusLock, { disabled: !visible, autoFocus: true, className: styles['focus-lock'], ref: focusLockRef, onActivation: onActivation, onDeactivation: onDeactivation },
+                React.createElement("div", { className: clsx(styles.dialog, styles[size], styles["breakpoint-".concat(breakpoint)], isRefresh && styles.refresh), onKeyDown: escKeyHandler, tabIndex: -1 },
+                    React.createElement("div", { className: styles.container },
+                        React.createElement("div", { className: styles.header },
+                            React.createElement(InternalHeader, { variant: "h2", __disableActionsWrapping: true, actions: React.createElement(InternalButton, { ariaLabel: closeAriaLabel, className: styles['dismiss-control'], variant: "modal-dismiss", iconName: "close", formAction: "none", onClick: onCloseButtonClick }) },
+                                React.createElement("span", { id: headerId, className: styles['header--text'] }, header))),
+                        React.createElement("div", { className: clsx(styles.content, (_c = {}, _c[styles['no-paddings']] = disableContentPaddings, _c)) }, children),
+                        footer && React.createElement("div", { className: styles.footer }, footer)))))));
+}
+//# sourceMappingURL=internal.js.map

package/modal/internal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/modal/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef } from 'react';\nimport FocusLock from 'react-focus-lock';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport clsx from 'clsx';\n\nimport { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { KeyCode } from '../internal/keycode';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { InternalButton } from '../button/internal';\nimport InternalHeader from '../header/internal';\nimport Portal from '../internal/components/portal';\nimport { useContainerBreakpoints } from '../internal/hooks/container-queries';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\n\nimport { disableBodyScrolling, enableBodyScrolling } from './body-scroll';\nimport { ModalProps } from './interfaces';\nimport styles from './styles.css.js';\nimport { SomeRequired } from '../internal/types';\n\ntype InternalModalProps = SomeRequired<ModalProps, 'size' | 'closeAriaLabel'> & InternalBaseComponentProps;\n\nexport default function InternalModal({\n  size,\n  visible,\n  closeAriaLabel,\n  header,\n  children,\n  footer,\n  disableContentPaddings,\n  onDismiss,\n  modalRoot,\n  __internalRootRef = null,\n  ...rest\n}: InternalModalProps) {\n  const instanceUniqueId = useUniqueId();\n  const headerId = `${rest.id || instanceUniqueId}-header`;\n  const focusLockRef = useRef<HTMLDivElement>(null);\n  const lastMouseDownElementRef = useRef<HTMLElement | null>(null);\n  const initiallyFocusedElementRef = useRef<HTMLElement | null>(null);\n  const [breakpoint, breakpointsRef] = useContainerBreakpoints(['xs']);\n\n  const refObject = useRef<HTMLDivElement>(null);\n  const mergedRef = useMergeRefs(breakpointsRef, refObject, __internalRootRef);\n\n  const isRefresh = useVisualRefresh(useRef(modalRoot ?? document.body));\n\n  const baseProps = getBaseProps(rest);\n\n  // enable body scroll and restore focus if unmounting while visible\n  useEffect(() => {\n    return () => {\n      enableBodyScrolling();\n    };\n  }, []);\n\n  // enable / disable body scroll\n  useEffect(() => {\n    if (visible) {\n      disableBodyScrolling();\n    } else {\n      enableBodyScrolling();\n    }\n  }, [visible]);\n\n  // Because we hide the element with styles (and not actually detach it from DOM), we need to scroll to top\n  useEffect(() => {\n    if (visible && refObject.current) {\n      refObject.current.scrollTop = 0;\n    }\n  }, [refObject, visible]);\n\n  // Handle focus restore\n  const onActivation = () => {\n    initiallyFocusedElementRef.current = document.activeElement as HTMLElement;\n  };\n\n  const onDeactivation = () => {\n    initiallyFocusedElementRef.current?.focus();\n    initiallyFocusedElementRef.current = null;\n  };\n\n  const dismiss = (reason: string) => fireNonCancelableEvent(onDismiss, { reason });\n\n  const onOverlayMouseDown = (event: React.MouseEvent) => {\n    lastMouseDownElementRef.current = event.target as HTMLElement;\n  };\n  const onOverlayClick = (event: React.MouseEvent) => {\n    const overlay = refObject.current;\n    const lastClicked = lastMouseDownElementRef.current;\n\n    if (event.target === overlay && lastClicked === overlay) {\n      dismiss('overlay');\n    }\n  };\n  const onCloseButtonClick = () => dismiss('closeButton');\n  const escKeyHandler = (event: React.KeyboardEvent) => {\n    if (event.keyCode === KeyCode.escape) {\n      dismiss('keyboard');\n    }\n  };\n\n  return (\n    <Portal container={modalRoot}>\n      <div\n        {...baseProps}\n        className={clsx(styles.root, { [styles.hidden]: !visible }, baseProps.className, isRefresh && styles.refresh)}\n        role=\"dialog\"\n        aria-modal={true}\n        aria-labelledby={headerId}\n        onMouseDown={onOverlayMouseDown}\n        onClick={onOverlayClick}\n        ref={mergedRef}\n      >\n        <FocusLock\n          disabled={!visible}\n          autoFocus={true}\n          className={styles['focus-lock']}\n          ref={focusLockRef}\n          onActivation={onActivation}\n          onDeactivation={onDeactivation}\n        >\n          <div\n            className={clsx(\n              styles.dialog,\n              styles[size],\n              styles[`breakpoint-${breakpoint}`],\n              isRefresh && styles.refresh\n            )}\n            onKeyDown={escKeyHandler}\n            tabIndex={-1}\n          >\n            <div className={styles.container}>\n              <div className={styles.header}>\n                <InternalHeader\n                  variant=\"h2\"\n                  __disableActionsWrapping={true}\n                  actions={\n                    <InternalButton\n                      ariaLabel={closeAriaLabel}\n                      className={styles['dismiss-control']}\n                      variant=\"modal-dismiss\"\n                      iconName=\"close\"\n                      formAction=\"none\"\n                      onClick={onCloseButtonClick}\n                    />\n                  }\n                >\n                  <span id={headerId} className={styles['header--text']}>\n                    {header}\n                  </span>\n                </InternalHeader>\n              </div>\n              <div className={clsx(styles.content, { [styles['no-paddings']]: disableContentPaddings })}>\n                {children}\n              </div>\n              {footer && <div className={styles.footer}>{footer}</div>}\n            </div>\n          </div>\n        </FocusLock>\n      </div>\n    </Portal>\n  );\n}\n"]}

package/modal/styles.css.js

@@ -0,0 +1,27 @@
+
+    import './styles.scoped.css';
+    export default {
+  "dialog": "awsui_dialog_1d2i7_1he9k_105",
+  "modal-slide-up": "awsui_modal-slide-up_1d2i7_1he9k_1",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1d2i7_1he9k_1",
+  "refresh": "awsui_refresh_1d2i7_1he9k_128",
+  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_1d2i7_1he9k_1",
+  "root": "awsui_root_1d2i7_1he9k_161",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_1d2i7_1he9k_1",
+  "hidden": "awsui_hidden_1d2i7_1he9k_224",
+  "focus-lock": "awsui_focus-lock_1d2i7_1he9k_228",
+  "small": "awsui_small_1d2i7_1he9k_246",
+  "medium": "awsui_medium_1d2i7_1he9k_249",
+  "large": "awsui_large_1d2i7_1he9k_252",
+  "max": "awsui_max_1d2i7_1he9k_255",
+  "breakpoint-xs": "awsui_breakpoint-xs_1d2i7_1he9k_255",
+  "container": "awsui_container_1d2i7_1he9k_260",
+  "content": "awsui_content_1d2i7_1he9k_284",
+  "no-paddings": "awsui_no-paddings_1d2i7_1he9k_287",
+  "header": "awsui_header_1d2i7_1he9k_291",
+  "header--text": "awsui_header--text_1d2i7_1he9k_298",
+  "footer": "awsui_footer_1d2i7_1he9k_302",
+  "dismiss-control": "awsui_dismiss-control_1d2i7_1he9k_312",
+  "modal-open": "awsui_modal-open_1d2i7_1he9k_316"
+};
+  

package/modal/styles.scoped.css

@@ -0,0 +1,411 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* Style used for links in slots/components that are text heavy, to help links stand out among 
+surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+@keyframes awsui_modal-slide-up_1d2i7_1he9k_1 {
+  0% {
+    transform: translate(0, 10px);
+  }
+  100% {
+    transform: translate(0, 0);
+  }
+}
+.awsui_dialog_1d2i7_1he9k_105:not(#\9) {
+  animation: awsui_modal-slide-up_1d2i7_1he9k_1 180ms ease-out, awsui_awsui-motion-fade-in-0_1d2i7_1he9k_1 180ms ease-out;
+  animation: awsui_modal-slide-up_1d2i7_1he9k_1 var(--motion-duration-slow-0273ow, 180ms) ease-out, awsui_awsui-motion-fade-in-0_1d2i7_1he9k_1 var(--motion-duration-slow-0273ow, 180ms) ease-out;
+  animation-delay: 90ms;
+  animation-delay: var(--motion-duration-fast-nk2ap0, 90ms);
+  animation-fill-mode: both;
+}
+@keyframes awsui_awsui-motion-fade-in-0_1d2i7_1he9k_1 {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .awsui_dialog_1d2i7_1he9k_105:not(#\9) {
+    animation: none;
+    transition: none;
+  }
+}
+.awsui-motion-disabled .awsui_dialog_1d2i7_1he9k_105:not(#\9), .awsui-mode-entering .awsui_dialog_1d2i7_1he9k_105:not(#\9) {
+  animation: none;
+  transition: none;
+}
+.awsui_dialog_1d2i7_1he9k_105.awsui_refresh_1d2i7_1he9k_128:not(#\9) {
+  animation: awsui_awsui-motion-scale-popup_1d2i7_1he9k_1, awsui_awsui-motion-fade-in-0_1d2i7_1he9k_1;
+  animation-duration: 115ms;
+  animation-duration: var(--motion-duration-refresh-only-fast-addxjd, 115ms);
+  animation-timing-function: cubic-bezier(0, 0, 0, 1);
+  animation-timing-function: var(--motion-easing-refresh-only-a-sy0g8m, cubic-bezier(0, 0, 0, 1));
+  animation-fill-mode: both;
+}
+@keyframes awsui_awsui-motion-fade-in-0_1d2i7_1he9k_1 {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes awsui_awsui-motion-scale-popup_1d2i7_1he9k_1 {
+  0% {
+    transform: scale(0.95);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .awsui_dialog_1d2i7_1he9k_105.awsui_refresh_1d2i7_1he9k_128:not(#\9) {
+    animation: none;
+    transition: none;
+  }
+}
+.awsui-motion-disabled .awsui_dialog_1d2i7_1he9k_105.awsui_refresh_1d2i7_1he9k_128:not(#\9), .awsui-mode-entering .awsui_dialog_1d2i7_1he9k_105.awsui_refresh_1d2i7_1he9k_128:not(#\9) {
+  animation: none;
+  transition: none;
+}
+
+.awsui_root_1d2i7_1he9k_161:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_1d2i7_1he9k_1 270ms ease-out;
+  animation: awsui_awsui-motion-fade-in_1d2i7_1he9k_1 var(--motion-duration-extra-slow-8ks5rs, 270ms) ease-out;
+  animation-fill-mode: both;
+}
+@keyframes awsui_awsui-motion-fade-in_1d2i7_1he9k_1 {
+  from {
+    opacity: 0.2;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .awsui_root_1d2i7_1he9k_161:not(#\9) {
+    animation: none;
+    transition: none;
+  }
+}
+.awsui-motion-disabled .awsui_root_1d2i7_1he9k_161:not(#\9), .awsui-mode-entering .awsui_root_1d2i7_1he9k_161:not(#\9) {
+  animation: none;
+  transition: none;
+}
+.awsui_root_1d2i7_1he9k_161.awsui_refresh_1d2i7_1he9k_128:not(#\9) {
+  animation-duration: 115ms;
+  animation-duration: var(--motion-duration-refresh-only-fast-addxjd, 115ms);
+}
+@media (prefers-reduced-motion: reduce) {
+  .awsui_root_1d2i7_1he9k_161.awsui_refresh_1d2i7_1he9k_128:not(#\9) {
+    animation: none;
+    transition: none;
+  }
+}
+.awsui-motion-disabled .awsui_root_1d2i7_1he9k_161.awsui_refresh_1d2i7_1he9k_128:not(#\9), .awsui-mode-entering .awsui_root_1d2i7_1he9k_161.awsui_refresh_1d2i7_1he9k_128:not(#\9) {
+  animation: none;
+  transition: none;
+}
+
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_root_1d2i7_1he9k_161:not(#\9) {
+  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
+  border-collapse: separate;
+  border-spacing: 0;
+  caption-side: top;
+  cursor: auto;
+  direction: ltr;
+  empty-cells: show;
+  font-family: serif;
+  font-size: medium;
+  font-style: normal;
+  font-variant: normal;
+  font-weight: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-hyphens: none;
+      -ms-hyphens: none;
+          hyphens: none;
+  letter-spacing: normal;
+  list-style: disc outside none;
+  tab-size: 8;
+  text-align: left;
+  text-align-last: auto;
+  text-indent: 0;
+  text-shadow: none;
+  text-transform: none;
+  visibility: visible;
+  white-space: normal;
+  widows: 2;
+  word-spacing: normal;
+  box-sizing: border-box;
+  font-size: 14px;
+  font-size: var(--font-body-m-size-sregvd, 14px);
+  line-height: 22px;
+  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
+  color: #000716;
+  color: var(--color-text-body-default-ajf1h5, #000716);
+  font-weight: 400;
+  font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
+  font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  background-color: rgba(35, 47, 62, 0.7);
+  background-color: var(--color-background-modal-overlay-17dapf, rgba(35, 47, 62, 0.7));
+  display: flex;
+  align-items: center;
+  justify-items: center;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  top: 0;
+  position: fixed;
+  z-index: 5000;
+  outline: 0;
+  overflow: auto;
+  cursor: pointer;
+}
+.awsui_root_1d2i7_1he9k_161.awsui_hidden_1d2i7_1he9k_224:not(#\9) {
+  display: none;
+}
+
+.awsui_focus-lock_1d2i7_1he9k_228:not(#\9) {
+  align-self: flex-start;
+  margin: auto;
+  padding: 12px 0;
+  padding: var(--space-s-hv8c1d, 12px) 0;
+  z-index: 5000;
+  pointer-events: none;
+}
+
+.awsui_dialog_1d2i7_1he9k_105:not(#\9) {
+  position: static;
+  top: 0;
+  transform: translate(0, 0);
+  width: calc(100vw - 12px * 2);
+  width: calc(100vw - var(--space-s-hv8c1d, 12px) * 2);
+  box-sizing: border-box;
+  outline: none;
+  z-index: 5000;
+  pointer-events: all;
+}
+.awsui_dialog_1d2i7_1he9k_105.awsui_small_1d2i7_1he9k_246:not(#\9) {
+  max-width: 320px;
+}
+.awsui_dialog_1d2i7_1he9k_105.awsui_medium_1d2i7_1he9k_249:not(#\9) {
+  max-width: 600px;
+}
+.awsui_dialog_1d2i7_1he9k_105.awsui_large_1d2i7_1he9k_252:not(#\9) {
+  max-width: 820px;
+}
+.awsui_dialog_1d2i7_1he9k_105.awsui_max_1d2i7_1he9k_255.awsui_breakpoint-xs_1d2i7_1he9k_255:not(#\9) {
+  max-width: calc(100vw - (2 * 4 * 10px + 40px));
+  max-width: calc(100vw - (2 * 4 * 10px + var(--space-xxxl-bo9z7f, 40px)));
+  margin: auto;
+}
+
+.awsui_container_1d2i7_1he9k_260:not(#\9) {
+  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
+  border-collapse: separate;
+  border-spacing: 0;
+  caption-side: top;
+  cursor: auto;
+  direction: ltr;
+  empty-cells: show;
+  font-family: serif;
+  font-size: medium;
+  font-style: normal;
+  font-variant: normal;
+  font-weight: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-hyphens: none;
+      -ms-hyphens: none;
+          hyphens: none;
+  letter-spacing: normal;
+  list-style: disc outside none;
+  tab-size: 8;
+  text-align: left;
+  text-align-last: auto;
+  text-indent: 0;
+  text-shadow: none;
+  text-transform: none;
+  visibility: visible;
+  white-space: normal;
+  widows: 2;
+  word-spacing: normal;
+  box-sizing: border-box;
+  font-size: 14px;
+  font-size: var(--font-body-m-size-sregvd, 14px);
+  line-height: 22px;
+  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
+  color: #000716;
+  color: var(--color-text-body-default-ajf1h5, #000716);
+  font-weight: 400;
+  font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
+  font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  display: block;
+  background-color: #ffffff;
+  background-color: var(--color-background-container-content-i8i4a0, #ffffff);
+  box-shadow: 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12);
+  box-shadow: var(--shadow-container-7nblnj, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12));
+  border-top: 0px solid transparent;
+  border-top: var(--border-container-top-width-jk6fhm, 0px) solid var(--color-border-container-top-srcvx4, transparent);
+  border-radius: 16px;
+  border-radius: var(--border-container-radius-8dqnwf, 16px);
+  box-sizing: border-box;
+  box-shadow: 0px 4px 20px 1px rgba(0, 7, 22, 0.1);
+  box-shadow: var(--shadow-modal-3qhlqt, 0px 4px 20px 1px rgba(0, 7, 22, 0.1));
+  word-wrap: break-word;
+}
+@media screen and (-ms-high-contrast: active) {
+  .awsui_container_1d2i7_1he9k_260:not(#\9) {
+    border: 2px solid transparent;
+    border: var(--border-field-width-idlekx, 2px) solid var(--color-border-container-top-srcvx4, transparent);
+  }
+}
+
+.awsui_content_1d2i7_1he9k_284:not(#\9) {
+  padding: 0px 24px 16px;
+  padding: var(--space-container-content-top-fsd8nr, 0px) var(--space-modal-horizontal-738tw9, 24px) var(--space-modal-content-bottom-cecclv, 16px);
+}
+.awsui_content_1d2i7_1he9k_284.awsui_no-paddings_1d2i7_1he9k_287:not(#\9) {
+  padding: 0;
+}
+
+.awsui_header_1d2i7_1he9k_291:not(#\9) {
+  padding: 12px 24px;
+  padding: var(--space-s-hv8c1d, 12px) var(--space-modal-horizontal-738tw9, 24px);
+  background-color: #ffffff;
+  background-color: var(--color-background-container-header-4flbq5, #ffffff);
+  border-bottom: 1px solid transparent;
+  border-bottom: 1px solid var(--color-border-container-divider-4ade7z, transparent);
+  border-radius: 16px 16px 0 0;
+  border-radius: var(--border-container-radius-8dqnwf, 16px) var(--border-container-radius-8dqnwf, 16px) 0 0;
+}
+
+.awsui_header--text_1d2i7_1he9k_298:not(#\9) {
+  /* used in test-utils */
+}
+
+.awsui_footer_1d2i7_1he9k_302:not(#\9) {
+  border-top: 2px solid #e9ebed;
+  border-top: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
+  padding: 12px 24px;
+  padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-container-horizontal-ddrezg, 24px);
+}
+.awsui_footer_1d2i7_1he9k_302:not(#\9):after {
+  content: "";
+  display: table;
+  clear: both;
+}
+
+.awsui_dismiss-control_1d2i7_1he9k_312:not(#\9) {
+  /* used in test-utils */
+}
+
+.awsui_modal-open_1d2i7_1he9k_316:not(#\9) {
+  overflow: hidden;
+  /*
+   * When padding-right is added to account for scrollbar being turned
+   * off by overflow:hidden, that padding will go offscreen and have no
+   * effect if box-sizing is content-box and body width is 100%.  Set
+   * border-box to avoid this; this should be safe as box-sizing isn't
+   * inherited by child elements normally.
+   */
+  box-sizing: border-box;
+}

package/modal/styles.selectors.js

@@ -0,0 +1,28 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "dialog": "awsui_dialog_1d2i7_1he9k_105",
+  "modal-slide-up": "awsui_modal-slide-up_1d2i7_1he9k_1",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1d2i7_1he9k_1",
+  "refresh": "awsui_refresh_1d2i7_1he9k_128",
+  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_1d2i7_1he9k_1",
+  "root": "awsui_root_1d2i7_1he9k_161",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_1d2i7_1he9k_1",
+  "hidden": "awsui_hidden_1d2i7_1he9k_224",
+  "focus-lock": "awsui_focus-lock_1d2i7_1he9k_228",
+  "small": "awsui_small_1d2i7_1he9k_246",
+  "medium": "awsui_medium_1d2i7_1he9k_249",
+  "large": "awsui_large_1d2i7_1he9k_252",
+  "max": "awsui_max_1d2i7_1he9k_255",
+  "breakpoint-xs": "awsui_breakpoint-xs_1d2i7_1he9k_255",
+  "container": "awsui_container_1d2i7_1he9k_260",
+  "content": "awsui_content_1d2i7_1he9k_284",
+  "no-paddings": "awsui_no-paddings_1d2i7_1he9k_287",
+  "header": "awsui_header_1d2i7_1he9k_291",
+  "header--text": "awsui_header--text_1d2i7_1he9k_298",
+  "footer": "awsui_footer_1d2i7_1he9k_302",
+  "dismiss-control": "awsui_dismiss-control_1d2i7_1he9k_312",
+  "modal-open": "awsui_modal-open_1d2i7_1he9k_316"
+};
+  

package/multiselect/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { MultiselectProps } from './interfaces';
+export { MultiselectProps };
+declare const Multiselect: React.ForwardRefExoticComponent<MultiselectProps & React.RefAttributes<MultiselectProps.Ref>>;
+export default Multiselect;
+//# sourceMappingURL=index.d.ts.map