@cloudscape-design/components 3.0.0

package/split-panel/styles.selectors.js

@@ -0,0 +1,64 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "drawer": "awsui_drawer_1r9lg_8k188_189",
+  "refresh": "awsui_refresh_1r9lg_8k188_189",
+  "animating": "awsui_animating_1r9lg_8k188_203",
+  "preference-icon--layout-border": "awsui_preference-icon--layout-border_1r9lg_8k188_226",
+  "preference-icon--layout-background": "awsui_preference-icon--layout-background_1r9lg_8k188_230",
+  "preference-icon--layout-header": "awsui_preference-icon--layout-header_1r9lg_8k188_233",
+  "preference-icon--border": "awsui_preference-icon--border_1r9lg_8k188_236",
+  "preference-icon--primary-button": "awsui_preference-icon--primary-button_1r9lg_8k188_240",
+  "preference-icon--secondary": "awsui_preference-icon--secondary_1r9lg_8k188_243",
+  "preference-icon--disabled-element": "awsui_preference-icon--disabled-element_1r9lg_8k188_246",
+  "preference-icon--separator": "awsui_preference-icon--separator_1r9lg_8k188_249",
+  "preference-icon--focus-text": "awsui_preference-icon--focus-text_1r9lg_8k188_252",
+  "preference-icon-refresh--layout-top": "awsui_preference-icon-refresh--layout-top_1r9lg_8k188_256",
+  "preference-icon-refresh--layout-main": "awsui_preference-icon-refresh--layout-main_1r9lg_8k188_259",
+  "preference-icon-refresh--primary": "awsui_preference-icon-refresh--primary_1r9lg_8k188_262",
+  "preference-icon-refresh--disabled": "awsui_preference-icon-refresh--disabled_1r9lg_8k188_265",
+  "preference-icon-refresh--window": "awsui_preference-icon-refresh--window_1r9lg_8k188_268",
+  "preference-icon-refresh--secondary": "awsui_preference-icon-refresh--secondary_1r9lg_8k188_272",
+  "preference-icon-refresh--default": "awsui_preference-icon-refresh--default_1r9lg_8k188_275",
+  "preference-icon-refresh--separator": "awsui_preference-icon-refresh--separator_1r9lg_8k188_278",
+  "preference-icon-refresh--input-default": "awsui_preference-icon-refresh--input-default_1r9lg_8k188_281",
+  "preference-icon-refresh--heading": "awsui_preference-icon-refresh--heading_1r9lg_8k188_284",
+  "resize-active": "awsui_resize-active_1r9lg_8k188_289",
+  "resize-side": "awsui_resize-side_1r9lg_8k188_295",
+  "resize-bottom": "awsui_resize-bottom_1r9lg_8k188_298",
+  "root": "awsui_root_1r9lg_8k188_303",
+  "preferences-button": "awsui_preferences-button_1r9lg_8k188_314",
+  "close-button": "awsui_close-button_1r9lg_8k188_318",
+  "drawer-closed": "awsui_drawer-closed_1r9lg_8k188_329",
+  "drawer-content-side": "awsui_drawer-content-side_1r9lg_8k188_334",
+  "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_8k188_354",
+  "position-bottom": "awsui_position-bottom_1r9lg_8k188_363",
+  "position-side": "awsui_position-side_1r9lg_8k188_390",
+  "slider": "awsui_slider_1r9lg_8k188_396",
+  "slider-side": "awsui_slider-side_1r9lg_8k188_424",
+  "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_8k188_429",
+  "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_8k188_440",
+  "open-button": "awsui_open-button_1r9lg_8k188_451",
+  "open-button-side": "awsui_open-button-side_1r9lg_8k188_455",
+  "slider-icon": "awsui_slider-icon_1r9lg_8k188_462",
+  "slider-icon-bottom": "awsui_slider-icon-bottom_1r9lg_8k188_468",
+  "slider-icon-side": "awsui_slider-icon-side_1r9lg_8k188_471",
+  "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_8k188_475",
+  "drawer-mobile": "awsui_drawer-mobile_1r9lg_8k188_485",
+  "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_8k188_488",
+  "content-bottom": "awsui_content-bottom_1r9lg_8k188_496",
+  "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_8k188_507",
+  "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_8k188_512",
+  "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_8k188_516",
+  "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_8k188_520",
+  "content-side": "awsui_content-side_1r9lg_8k188_525",
+  "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_8k188_536",
+  "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_8k188_539",
+  "header": "awsui_header_1r9lg_8k188_544",
+  "header-text": "awsui_header-text_1r9lg_8k188_553",
+  "header-divider": "awsui_header-divider_1r9lg_8k188_561",
+  "header-actions": "awsui_header-actions_1r9lg_8k188_567",
+  "divider": "awsui_divider_1r9lg_8k188_575"
+};
+  

package/split-panel/utils/size-utils.d.ts

@@ -0,0 +1,7 @@
+export declare const MAIN_PANEL_MIN_HEIGHT = 250;
+/**
+ * Estimate a default split panel size for the first render based on the document size.
+ */
+export declare function getSplitPanelDefaultSize(position: 'side' | 'bottom'): number;
+export declare function getLimitedValue(min: number, value: number, max: number): number;
+//# sourceMappingURL=size-utils.d.ts.map

package/split-panel/utils/size-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"size-utils.d.ts","sourceRoot":"","sources":["../../../../src/split-panel/utils/size-utils.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB,MAAM,CAAC;AACzC;;GAEG;AACH,wBAAgB,wBAAwB,CAAC,QAAQ,EAAE,MAAM,GAAG,QAAQ,UAKnE;AAED,wBAAgB,eAAe,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,UAWtE"}

package/split-panel/utils/size-utils.js

@@ -0,0 +1,25 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+export var MAIN_PANEL_MIN_HEIGHT = 250; // approximate height of breadcrumb, table header, and the first table row
+/**
+ * Estimate a default split panel size for the first render based on the document size.
+ */
+export function getSplitPanelDefaultSize(position) {
+    if (typeof document === 'undefined') {
+        return 0; // render the split panel in its minimum possible size
+    }
+    return position === 'side' ? document.documentElement.clientWidth / 3 : document.documentElement.clientHeight / 2;
+}
+export function getLimitedValue(min, value, max) {
+    if (min > max) {
+        return min;
+    }
+    if (value < min) {
+        return min;
+    }
+    if (value > max) {
+        return max;
+    }
+    return value;
+}
+//# sourceMappingURL=size-utils.js.map

package/split-panel/utils/size-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"size-utils.js","sourceRoot":"","sources":["../../../../src/split-panel/utils/size-utils.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,MAAM,CAAC,IAAM,qBAAqB,GAAG,GAAG,CAAC,CAAC,0EAA0E;AACpH;;GAEG;AACH,MAAM,UAAU,wBAAwB,CAAC,QAA2B;IAClE,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE;QACnC,OAAO,CAAC,CAAC,CAAC,sDAAsD;KACjE;IACD,OAAO,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,eAAe,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,eAAe,CAAC,YAAY,GAAG,CAAC,CAAC;AACpH,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,GAAW,EAAE,KAAa,EAAE,GAAW;IACrE,IAAI,GAAG,GAAG,GAAG,EAAE;QACb,OAAO,GAAG,CAAC;KACZ;IACD,IAAI,KAAK,GAAG,GAAG,EAAE;QACf,OAAO,GAAG,CAAC;KACZ;IACD,IAAI,KAAK,GAAG,GAAG,EAAE;QACf,OAAO,GAAG,CAAC;KACZ;IACD,OAAO,KAAK,CAAC;AACf,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nexport const MAIN_PANEL_MIN_HEIGHT = 250; // approximate height of breadcrumb, table header, and the first table row\n/**\n * Estimate a default split panel size for the first render based on the document size.\n */\nexport function getSplitPanelDefaultSize(position: 'side' | 'bottom') {\n  if (typeof document === 'undefined') {\n    return 0; // render the split panel in its minimum possible size\n  }\n  return position === 'side' ? document.documentElement.clientWidth / 3 : document.documentElement.clientHeight / 2;\n}\n\nexport function getLimitedValue(min: number, value: number, max: number) {\n  if (min > max) {\n    return min;\n  }\n  if (value < min) {\n    return min;\n  }\n  if (value > max) {\n    return max;\n  }\n  return value;\n}\n"]}

package/split-panel/utils/use-keyboard-events.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SizeControlProps } from '../interfaces';
+export declare const useKeyboardEvents: ({ position, setSidePanelWidth, setBottomPanelHeight, splitPanelRef, }: SizeControlProps) => (event: React.KeyboardEvent) => void;
+//# sourceMappingURL=use-keyboard-events.d.ts.map

package/split-panel/utils/use-keyboard-events.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-keyboard-events.d.ts","sourceRoot":"","sources":["../../../../src/split-panel/utils/use-keyboard-events.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAqBjD,eAAO,MAAM,iBAAiB,0EAK3B,gBAAgB,aACF,mBAAmB,SAkDnC,CAAC"}

package/split-panel/utils/use-keyboard-events.js

@@ -0,0 +1,70 @@
+import { KeyCode } from '../../internal/keycode';
+var KEYBOARD_SINGLE_STEP_SIZE = 10;
+var KEYBOARD_MULTIPLE_STEPS_SIZE = 60;
+var getCurrentSize = function (splitPanelRef) {
+    if (!splitPanelRef || !splitPanelRef.current) {
+        return {
+            splitPanelHeight: 0,
+            splitPanelWidth: 0
+        };
+    }
+    var safeParseFloat = function (size) {
+        if (size === void 0) { size = ''; }
+        return parseFloat(size) || 0;
+    };
+    return {
+        splitPanelHeight: safeParseFloat(splitPanelRef.current.style.height),
+        splitPanelWidth: safeParseFloat(splitPanelRef.current.style.width)
+    };
+};
+export var useKeyboardEvents = function (_a) {
+    var position = _a.position, setSidePanelWidth = _a.setSidePanelWidth, setBottomPanelHeight = _a.setBottomPanelHeight, splitPanelRef = _a.splitPanelRef;
+    return function (event) {
+        var setSizeFunction;
+        var currentSize;
+        var maxSize;
+        var _a = getCurrentSize(splitPanelRef), splitPanelHeight = _a.splitPanelHeight, splitPanelWidth = _a.splitPanelWidth;
+        if (position === 'side') {
+            setSizeFunction = setSidePanelWidth;
+            currentSize = splitPanelWidth;
+            // don't need the exact max size as it's constrained in the set size function
+            maxSize = window.innerWidth;
+        }
+        else {
+            setSizeFunction = setBottomPanelHeight;
+            currentSize = splitPanelHeight;
+            // don't need the exact max size as it's constrained in the set size function
+            maxSize = window.innerHeight;
+        }
+        var isEventHandled = true;
+        switch (event.keyCode) {
+            case KeyCode.left:
+            case KeyCode.up:
+                setSizeFunction(currentSize + KEYBOARD_SINGLE_STEP_SIZE);
+                break;
+            case KeyCode.right:
+            case KeyCode.down:
+                setSizeFunction(currentSize - KEYBOARD_SINGLE_STEP_SIZE);
+                break;
+            case KeyCode.pageUp:
+                setSizeFunction(currentSize + KEYBOARD_MULTIPLE_STEPS_SIZE);
+                break;
+            case KeyCode.pageDown:
+                setSizeFunction(currentSize - KEYBOARD_MULTIPLE_STEPS_SIZE);
+                break;
+            case KeyCode.home:
+                setSizeFunction(maxSize);
+                break;
+            case KeyCode.end:
+                setSizeFunction(0);
+                break;
+            default:
+                isEventHandled = false;
+        }
+        if (isEventHandled) {
+            event.preventDefault();
+            event.stopPropagation();
+        }
+    };
+};
+//# sourceMappingURL=use-keyboard-events.js.map

package/split-panel/utils/use-keyboard-events.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-keyboard-events.js","sourceRoot":"","sources":["../../../../src/split-panel/utils/use-keyboard-events.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAGjD,IAAM,yBAAyB,GAAG,EAAE,CAAC;AACrC,IAAM,4BAA4B,GAAG,EAAE,CAAC;AAExC,IAAM,cAAc,GAAG,UAAC,aAA+C;IACrE,IAAI,CAAC,aAAa,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE;QAC5C,OAAO;YACL,gBAAgB,EAAE,CAAC;YACnB,eAAe,EAAE,CAAC;SACnB,CAAC;KACH;IAED,IAAM,cAAc,GAAG,UAAC,IAAS;QAAT,qBAAA,EAAA,SAAS;QAAK,OAAA,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;IAArB,CAAqB,CAAC;IAE5D,OAAO;QACL,gBAAgB,EAAE,cAAc,CAAC,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC;QACpE,eAAe,EAAE,cAAc,CAAC,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC;KACnE,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,EAKf;QAJjB,QAAQ,cAAA,EACR,iBAAiB,uBAAA,EACjB,oBAAoB,0BAAA,EACpB,aAAa,mBAAA;IAEb,OAAO,UAAC,KAA0B;QAChC,IAAI,eAAe,CAAC;QACpB,IAAI,WAAW,CAAC;QAChB,IAAI,OAAO,CAAC;QAEN,IAAA,KAAwC,cAAc,CAAC,aAAa,CAAC,EAAnE,gBAAgB,sBAAA,EAAE,eAAe,qBAAkC,CAAC;QAE5E,IAAI,QAAQ,KAAK,MAAM,EAAE;YACvB,eAAe,GAAG,iBAAiB,CAAC;YACpC,WAAW,GAAG,eAAe,CAAC;YAC9B,6EAA6E;YAC7E,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC;SAC7B;aAAM;YACL,eAAe,GAAG,oBAAoB,CAAC;YACvC,WAAW,GAAG,gBAAgB,CAAC;YAC/B,6EAA6E;YAC7E,OAAO,GAAG,MAAM,CAAC,WAAW,CAAC;SAC9B;QAED,IAAI,cAAc,GAAG,IAAI,CAAC;QAC1B,QAAQ,KAAK,CAAC,OAAO,EAAE;YACrB,KAAK,OAAO,CAAC,IAAI,CAAC;YAClB,KAAK,OAAO,CAAC,EAAE;gBACb,eAAe,CAAC,WAAW,GAAG,yBAAyB,CAAC,CAAC;gBACzD,MAAM;YACR,KAAK,OAAO,CAAC,KAAK,CAAC;YACnB,KAAK,OAAO,CAAC,IAAI;gBACf,eAAe,CAAC,WAAW,GAAG,yBAAyB,CAAC,CAAC;gBACzD,MAAM;YACR,KAAK,OAAO,CAAC,MAAM;gBACjB,eAAe,CAAC,WAAW,GAAG,4BAA4B,CAAC,CAAC;gBAC5D,MAAM;YACR,KAAK,OAAO,CAAC,QAAQ;gBACnB,eAAe,CAAC,WAAW,GAAG,4BAA4B,CAAC,CAAC;gBAC5D,MAAM;YACR,KAAK,OAAO,CAAC,IAAI;gBACf,eAAe,CAAC,OAAO,CAAC,CAAC;gBACzB,MAAM;YACR,KAAK,OAAO,CAAC,GAAG;gBACd,eAAe,CAAC,CAAC,CAAC,CAAC;gBACnB,MAAM;YACR;gBACE,cAAc,GAAG,KAAK,CAAC;SAC1B;QAED,IAAI,cAAc,EAAE;YAClB,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;SACzB;IACH,CAAC,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { KeyCode } from '../../internal/keycode';\nimport { SizeControlProps } from '../interfaces';\n\nconst KEYBOARD_SINGLE_STEP_SIZE = 10;\nconst KEYBOARD_MULTIPLE_STEPS_SIZE = 60;\n\nconst getCurrentSize = (splitPanelRef?: React.RefObject<HTMLDivElement>) => {\n  if (!splitPanelRef || !splitPanelRef.current) {\n    return {\n      splitPanelHeight: 0,\n      splitPanelWidth: 0,\n    };\n  }\n\n  const safeParseFloat = (size = '') => parseFloat(size) || 0;\n\n  return {\n    splitPanelHeight: safeParseFloat(splitPanelRef.current.style.height),\n    splitPanelWidth: safeParseFloat(splitPanelRef.current.style.width),\n  };\n};\n\nexport const useKeyboardEvents = ({\n  position,\n  setSidePanelWidth,\n  setBottomPanelHeight,\n  splitPanelRef,\n}: SizeControlProps) => {\n  return (event: React.KeyboardEvent) => {\n    let setSizeFunction;\n    let currentSize;\n    let maxSize;\n\n    const { splitPanelHeight, splitPanelWidth } = getCurrentSize(splitPanelRef);\n\n    if (position === 'side') {\n      setSizeFunction = setSidePanelWidth;\n      currentSize = splitPanelWidth;\n      // don't need the exact max size as it's constrained in the set size function\n      maxSize = window.innerWidth;\n    } else {\n      setSizeFunction = setBottomPanelHeight;\n      currentSize = splitPanelHeight;\n      // don't need the exact max size as it's constrained in the set size function\n      maxSize = window.innerHeight;\n    }\n\n    let isEventHandled = true;\n    switch (event.keyCode) {\n      case KeyCode.left:\n      case KeyCode.up:\n        setSizeFunction(currentSize + KEYBOARD_SINGLE_STEP_SIZE);\n        break;\n      case KeyCode.right:\n      case KeyCode.down:\n        setSizeFunction(currentSize - KEYBOARD_SINGLE_STEP_SIZE);\n        break;\n      case KeyCode.pageUp:\n        setSizeFunction(currentSize + KEYBOARD_MULTIPLE_STEPS_SIZE);\n        break;\n      case KeyCode.pageDown:\n        setSizeFunction(currentSize - KEYBOARD_MULTIPLE_STEPS_SIZE);\n        break;\n      case KeyCode.home:\n        setSizeFunction(maxSize);\n        break;\n      case KeyCode.end:\n        setSizeFunction(0);\n        break;\n      default:\n        isEventHandled = false;\n    }\n\n    if (isEventHandled) {\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  };\n};\n"]}

package/split-panel/utils/use-mouse-events.d.ts

@@ -0,0 +1,3 @@
+import { SizeControlProps } from '../interfaces';
+export declare const useMouseEvents: ({ position, splitPanelRef, setSidePanelWidth, setBottomPanelHeight, }: SizeControlProps) => () => void;
+//# sourceMappingURL=use-mouse-events.d.ts.map

package/split-panel/utils/use-mouse-events.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mouse-events.d.ts","sourceRoot":"","sources":["../../../../src/split-panel/utils/use-mouse-events.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGjD,eAAO,MAAM,cAAc,0EAKxB,gBAAgB,eAqClB,CAAC"}

package/split-panel/utils/use-mouse-events.js

@@ -0,0 +1,36 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { useCallback } from 'react';
+import styles from '../styles.css.js';
+export var useMouseEvents = function (_a) {
+    var position = _a.position, splitPanelRef = _a.splitPanelRef, setSidePanelWidth = _a.setSidePanelWidth, setBottomPanelHeight = _a.setBottomPanelHeight;
+    var onDocumentMouseMove = useCallback(function (event) {
+        if (!splitPanelRef || !splitPanelRef.current) {
+            return;
+        }
+        if (position === 'side') {
+            var mouseClientX = event.clientX;
+            var width = splitPanelRef.current.getBoundingClientRect().right - mouseClientX;
+            setSidePanelWidth(width);
+        }
+        else {
+            var mouseClientY = event.clientY;
+            var height = splitPanelRef.current.getBoundingClientRect().bottom - mouseClientY;
+            setBottomPanelHeight(height);
+        }
+    }, [position, splitPanelRef, setSidePanelWidth, setBottomPanelHeight]);
+    var onDocumentMouseUp = useCallback(function () {
+        document.body.classList.remove(styles['resize-active']);
+        document.body.classList.remove(styles["resize-".concat(position)]);
+        document.removeEventListener('mouseup', onDocumentMouseUp);
+        document.removeEventListener('mousemove', onDocumentMouseMove);
+    }, [onDocumentMouseMove, position]);
+    var onSliderMouseDown = useCallback(function () {
+        document.body.classList.add(styles['resize-active']);
+        document.body.classList.add(styles["resize-".concat(position)]);
+        document.addEventListener('mouseup', onDocumentMouseUp);
+        document.addEventListener('mousemove', onDocumentMouseMove);
+    }, [onDocumentMouseMove, onDocumentMouseUp, position]);
+    return onSliderMouseDown;
+};
+//# sourceMappingURL=use-mouse-events.js.map

package/split-panel/utils/use-mouse-events.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mouse-events.js","sourceRoot":"","sources":["../../../../src/split-panel/utils/use-mouse-events.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,MAAM,MAAM,kBAAkB,CAAC;AAEtC,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,EAKZ;QAJjB,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,iBAAiB,uBAAA,EACjB,oBAAoB,0BAAA;IAEpB,IAAM,mBAAmB,GAAG,WAAW,CACrC,UAAC,KAAiB;QAChB,IAAI,CAAC,aAAa,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE;YAC5C,OAAO;SACR;QAED,IAAI,QAAQ,KAAK,MAAM,EAAE;YACvB,IAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC;YACnC,IAAM,KAAK,GAAG,aAAa,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,KAAK,GAAG,YAAY,CAAC;YAEjF,iBAAiB,CAAC,KAAK,CAAC,CAAC;SAC1B;aAAM;YACL,IAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC;YACnC,IAAM,MAAM,GAAG,aAAa,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,MAAM,GAAG,YAAY,CAAC;YAEnF,oBAAoB,CAAC,MAAM,CAAC,CAAC;SAC9B;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,aAAa,EAAE,iBAAiB,EAAE,oBAAoB,CAAC,CACnE,CAAC;IAEF,IAAM,iBAAiB,GAAG,WAAW,CAAC;QACpC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC;QACxD,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,iBAAU,QAAQ,CAAE,CAAC,CAAC,CAAC;QAC7D,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,iBAAiB,CAAC,CAAC;QAC3D,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,mBAAmB,CAAC,CAAC;IACjE,CAAC,EAAE,CAAC,mBAAmB,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEpC,IAAM,iBAAiB,GAAG,WAAW,CAAC;QACpC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC;QACrD,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,iBAAU,QAAQ,CAAE,CAAC,CAAC,CAAC;QAC1D,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,iBAAiB,CAAC,CAAC;QACxD,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,mBAAmB,CAAC,CAAC;IAC9D,CAAC,EAAE,CAAC,mBAAmB,EAAE,iBAAiB,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEvD,OAAO,iBAAiB,CAAC;AAC3B,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useCallback } from 'react';\nimport { SizeControlProps } from '../interfaces';\nimport styles from '../styles.css.js';\n\nexport const useMouseEvents = ({\n  position,\n  splitPanelRef,\n  setSidePanelWidth,\n  setBottomPanelHeight,\n}: SizeControlProps) => {\n  const onDocumentMouseMove = useCallback(\n    (event: MouseEvent) => {\n      if (!splitPanelRef || !splitPanelRef.current) {\n        return;\n      }\n\n      if (position === 'side') {\n        const mouseClientX = event.clientX;\n        const width = splitPanelRef.current.getBoundingClientRect().right - mouseClientX;\n\n        setSidePanelWidth(width);\n      } else {\n        const mouseClientY = event.clientY;\n        const height = splitPanelRef.current.getBoundingClientRect().bottom - mouseClientY;\n\n        setBottomPanelHeight(height);\n      }\n    },\n    [position, splitPanelRef, setSidePanelWidth, setBottomPanelHeight]\n  );\n\n  const onDocumentMouseUp = useCallback(() => {\n    document.body.classList.remove(styles['resize-active']);\n    document.body.classList.remove(styles[`resize-${position}`]);\n    document.removeEventListener('mouseup', onDocumentMouseUp);\n    document.removeEventListener('mousemove', onDocumentMouseMove);\n  }, [onDocumentMouseMove, position]);\n\n  const onSliderMouseDown = useCallback(() => {\n    document.body.classList.add(styles['resize-active']);\n    document.body.classList.add(styles[`resize-${position}`]);\n    document.addEventListener('mouseup', onDocumentMouseUp);\n    document.addEventListener('mousemove', onDocumentMouseMove);\n  }, [onDocumentMouseMove, onDocumentMouseUp, position]);\n\n  return onSliderMouseDown;\n};\n"]}

package/status-indicator/index.d.ts

@@ -0,0 +1,4 @@
+import { StatusIndicatorProps } from './internal';
+export { StatusIndicatorProps };
+export default function StatusIndicator({ type, wrapText, ...props }: StatusIndicatorProps): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/status-indicator/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/status-indicator/index.tsx"],"names":[],"mappings":"AAGA,OAAgC,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAI3E,OAAO,EAAE,oBAAoB,EAAE,CAAC;AAEhC,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,IAAgB,EAAE,QAAe,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,eAG5G"}

package/status-indicator/index.js

@@ -0,0 +1,14 @@
+import { __assign, __rest } from "tslib";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React from 'react';
+import InternalStatusIndicator from './internal';
+import { applyDisplayName } from '../internal/utils/apply-display-name';
+import useBaseComponent from '../internal/hooks/use-base-component';
+export default function StatusIndicator(_a) {
+    var _b = _a.type, type = _b === void 0 ? 'success' : _b, _c = _a.wrapText, wrapText = _c === void 0 ? true : _c, props = __rest(_a, ["type", "wrapText"]);
+    var baseComponentProps = useBaseComponent('StatusIndicator');
+    return React.createElement(InternalStatusIndicator, __assign({ type: type, wrapText: wrapText }, props, baseComponentProps));
+}
+applyDisplayName(StatusIndicator, 'StatusIndicator');
+//# sourceMappingURL=index.js.map

package/status-indicator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/status-indicator/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,uBAAiD,MAAM,YAAY,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AAIpE,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAqE;IAAnE,IAAA,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAAE,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EAAK,KAAK,cAA7C,oBAA+C,CAAF;IACnF,IAAM,kBAAkB,GAAG,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;IAC/D,OAAO,oBAAC,uBAAuB,aAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,IAAM,KAAK,EAAM,kBAAkB,EAAI,CAAC;AACxG,CAAC;AAED,gBAAgB,CAAC,eAAe,EAAE,iBAAiB,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport InternalStatusIndicator, { StatusIndicatorProps } from './internal';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport useBaseComponent from '../internal/hooks/use-base-component';\n\nexport { StatusIndicatorProps };\n\nexport default function StatusIndicator({ type = 'success', wrapText = true, ...props }: StatusIndicatorProps) {\n  const baseComponentProps = useBaseComponent('StatusIndicator');\n  return <InternalStatusIndicator type={type} wrapText={wrapText} {...props} {...baseComponentProps} />;\n}\n\napplyDisplayName(StatusIndicator, 'StatusIndicator');\n"]}

package/status-indicator/internal.d.ts

@@ -0,0 +1,46 @@
+import React from 'react';
+import { BaseComponentProps } from '../internal/base-component';
+import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
+import { IconProps } from '../icon/interfaces';
+import { SomeRequired } from '../internal/types';
+export interface StatusIndicatorProps extends BaseComponentProps {
+    /**
+     * Specifies the status type.
+     */
+    type?: StatusIndicatorProps.Type;
+    /**
+     * A text fragment that communicates the status.
+     */
+    children?: React.ReactNode;
+    /**
+     * Specifies an `aria-label` for the icon. If the status text alone does not fully describe the status,
+     * use this to communicate additional context.
+     */
+    iconAriaLabel?: string;
+    /**
+     * Specifies an override for the status indicator color.
+     */
+    colorOverride?: StatusIndicatorProps.Color;
+    /**
+     * Specifies if the text content should wrap. If you set it to false, it prevents the text from wrapping
+     * and truncates it with an ellipsis.
+     */
+    wrapText?: boolean;
+}
+interface InternalStatusIndicatorProps extends SomeRequired<StatusIndicatorProps, 'type'>, InternalBaseComponentProps {
+    /**
+     * Play an animation on the error icon when first rendered
+     */
+    __animate?: boolean;
+    /**
+     * Size of icon.
+     */
+    __size?: IconProps.Size;
+}
+export declare namespace StatusIndicatorProps {
+    type Type = 'error' | 'warning' | 'success' | 'info' | 'stopped' | 'pending' | 'in-progress' | 'loading';
+    type Color = 'blue' | 'grey' | 'green' | 'red';
+}
+export default function StatusIndicator({ type, children, iconAriaLabel, colorOverride, wrapText, __animate, __internalRootRef, __size, ...rest }: InternalStatusIndicatorProps): JSX.Element;
+export {};
+//# sourceMappingURL=internal.d.ts.map

package/status-indicator/internal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/status-indicator/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAgB,MAAM,4BAA4B,CAAC;AAI9E,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAajD,MAAM,WAAW,oBAAqB,SAAQ,kBAAkB;IAC9D;;OAEG;IACH,IAAI,CAAC,EAAE,oBAAoB,CAAC,IAAI,CAAC;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,aAAa,CAAC,EAAE,oBAAoB,CAAC,KAAK,CAAC;IAC3C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,4BAA6B,SAAQ,YAAY,CAAC,oBAAoB,EAAE,MAAM,CAAC,EAAE,0BAA0B;IACnH;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;CACzB;AAED,yBAAiB,oBAAoB,CAAC;IAGpC,KAAY,IAAI,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,GAAG,SAAS,CAAC;IAChH,KAAY,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC;CACvD;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,aAAa,EACb,QAAe,EACf,SAAiB,EACjB,iBAAiB,EACjB,MAAiB,EACjB,GAAG,IAAI,EACR,EAAE,4BAA4B,eAiC9B"}

package/status-indicator/internal.js

@@ -0,0 +1,31 @@
+import { __assign, __rest } from "tslib";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React from 'react';
+import clsx from 'clsx';
+import { getBaseProps } from '../internal/base-component';
+import styles from './styles.css.js';
+import InternalIcon from '../icon/internal';
+import InternalSpinner from '../spinner/internal';
+var typeToIcon = function (size) { return ({
+    error: React.createElement(InternalIcon, { name: "status-negative", size: size }),
+    warning: React.createElement(InternalIcon, { name: "status-warning", size: size }),
+    success: React.createElement(InternalIcon, { name: "status-positive", size: size }),
+    info: React.createElement(InternalIcon, { name: "status-info", size: size }),
+    stopped: React.createElement(InternalIcon, { name: "status-stopped", size: size }),
+    pending: React.createElement(InternalIcon, { name: "status-pending", size: size }),
+    'in-progress': React.createElement(InternalIcon, { name: "status-in-progress", size: size }),
+    loading: React.createElement(InternalSpinner, null)
+}); };
+export default function StatusIndicator(_a) {
+    var _b;
+    var type = _a.type, children = _a.children, iconAriaLabel = _a.iconAriaLabel, colorOverride = _a.colorOverride, _c = _a.wrapText, wrapText = _c === void 0 ? true : _c, _d = _a.__animate, __animate = _d === void 0 ? false : _d, __internalRootRef = _a.__internalRootRef, _e = _a.__size, __size = _e === void 0 ? 'normal' : _e, rest = __rest(_a, ["type", "children", "iconAriaLabel", "colorOverride", "wrapText", "__animate", "__internalRootRef", "__size"]);
+    var baseProps = getBaseProps(rest);
+    return (React.createElement("span", __assign({}, baseProps, { className: clsx(styles.root, styles["status-".concat(type)], (_b = {},
+            _b[styles["color-override-".concat(colorOverride)]] = colorOverride,
+            _b), baseProps.className), ref: __internalRootRef }),
+        React.createElement("span", { className: clsx(styles.container, wrapText === false && styles['overflow-ellipsis'], __animate && styles['container-fade-in']) },
+            React.createElement("span", { className: clsx(styles.icon, __animate && styles['icon-shake']), "aria-label": iconAriaLabel, role: iconAriaLabel ? 'img' : undefined }, typeToIcon(__size)[type]),
+            children)));
+}
+//# sourceMappingURL=internal.js.map

package/status-indicator/internal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/status-indicator/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAsB,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAC5C,OAAO,eAAe,MAAM,qBAAqB,CAAC;AAKlD,IAAM,UAAU,GAA6E,UAAA,IAAI,IAAI,OAAA,CAAC;IACpG,KAAK,EAAE,oBAAC,YAAY,IAAC,IAAI,EAAC,iBAAiB,EAAC,IAAI,EAAE,IAAI,GAAI;IAC1D,OAAO,EAAE,oBAAC,YAAY,IAAC,IAAI,EAAC,gBAAgB,EAAC,IAAI,EAAE,IAAI,GAAI;IAC3D,OAAO,EAAE,oBAAC,YAAY,IAAC,IAAI,EAAC,iBAAiB,EAAC,IAAI,EAAE,IAAI,GAAI;IAC5D,IAAI,EAAE,oBAAC,YAAY,IAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAE,IAAI,GAAI;IACrD,OAAO,EAAE,oBAAC,YAAY,IAAC,IAAI,EAAC,gBAAgB,EAAC,IAAI,EAAE,IAAI,GAAI;IAC3D,OAAO,EAAE,oBAAC,YAAY,IAAC,IAAI,EAAC,gBAAgB,EAAC,IAAI,EAAE,IAAI,GAAI;IAC3D,aAAa,EAAE,oBAAC,YAAY,IAAC,IAAI,EAAC,oBAAoB,EAAC,IAAI,EAAE,IAAI,GAAI;IACrE,OAAO,EAAE,oBAAC,eAAe,OAAG;CAC7B,CAAC,EATmG,CASnG,CAAC;AA8CH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAUT;;IAT7B,IAAA,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,aAAa,mBAAA,EACb,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EACf,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,iBAAiB,uBAAA,EACjB,cAAiB,EAAjB,MAAM,mBAAG,QAAQ,KAAA,EACd,IAAI,cAT+B,8GAUvC,CADQ;IAEP,IAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,OAAO,CACL,yCACM,SAAS,IACb,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,iBAAU,IAAI,CAAE,CAAC;YAEtB,GAAC,MAAM,CAAC,yBAAkB,aAAa,CAAE,CAAC,IAAG,aAAa;iBAE5D,SAAS,CAAC,SAAS,CACpB,EACD,GAAG,EAAE,iBAAiB;QAEtB,8BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,SAAS,EAChB,QAAQ,KAAK,KAAK,IAAI,MAAM,CAAC,mBAAmB,CAAC,EACjD,SAAS,IAAI,MAAM,CAAC,mBAAmB,CAAC,CACzC;YAED,8BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,IAAI,MAAM,CAAC,YAAY,CAAC,CAAC,gBACnD,aAAa,EACzB,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,IAEtC,UAAU,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CACpB;YACN,QAAQ,CACJ,CACF,CACR,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\nimport { BaseComponentProps, getBaseProps } from '../internal/base-component';\nimport styles from './styles.css.js';\nimport InternalIcon from '../icon/internal';\nimport InternalSpinner from '../spinner/internal';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { IconProps } from '../icon/interfaces';\nimport { SomeRequired } from '../internal/types';\n\nconst typeToIcon: (size: IconProps.Size) => Record<StatusIndicatorProps.Type, JSX.Element> = size => ({\n  error: <InternalIcon name=\"status-negative\" size={size} />,\n  warning: <InternalIcon name=\"status-warning\" size={size} />,\n  success: <InternalIcon name=\"status-positive\" size={size} />,\n  info: <InternalIcon name=\"status-info\" size={size} />,\n  stopped: <InternalIcon name=\"status-stopped\" size={size} />,\n  pending: <InternalIcon name=\"status-pending\" size={size} />,\n  'in-progress': <InternalIcon name=\"status-in-progress\" size={size} />,\n  loading: <InternalSpinner />,\n});\n\nexport interface StatusIndicatorProps extends BaseComponentProps {\n  /**\n   * Specifies the status type.\n   */\n  type?: StatusIndicatorProps.Type;\n  /**\n   * A text fragment that communicates the status.\n   */\n  children?: React.ReactNode;\n  /**\n   * Specifies an `aria-label` for the icon. If the status text alone does not fully describe the status,\n   * use this to communicate additional context.\n   */\n  iconAriaLabel?: string;\n  /**\n   * Specifies an override for the status indicator color.\n   */\n  colorOverride?: StatusIndicatorProps.Color;\n  /**\n   * Specifies if the text content should wrap. If you set it to false, it prevents the text from wrapping\n   * and truncates it with an ellipsis.\n   */\n  wrapText?: boolean;\n}\n\ninterface InternalStatusIndicatorProps extends SomeRequired<StatusIndicatorProps, 'type'>, InternalBaseComponentProps {\n  /**\n   * Play an animation on the error icon when first rendered\n   */\n  __animate?: boolean;\n\n  /**\n   * Size of icon.\n   */\n  __size?: IconProps.Size;\n}\n\nexport namespace StatusIndicatorProps {\n  // Why not enums? Explained there\n  // https://stackoverflow.com/questions/52393730/typescript-string-literal-union-type-from-enum\n  export type Type = 'error' | 'warning' | 'success' | 'info' | 'stopped' | 'pending' | 'in-progress' | 'loading';\n  export type Color = 'blue' | 'grey' | 'green' | 'red';\n}\n\nexport default function StatusIndicator({\n  type,\n  children,\n  iconAriaLabel,\n  colorOverride,\n  wrapText = true,\n  __animate = false,\n  __internalRootRef,\n  __size = 'normal',\n  ...rest\n}: InternalStatusIndicatorProps) {\n  const baseProps = getBaseProps(rest);\n  return (\n    <span\n      {...baseProps}\n      className={clsx(\n        styles.root,\n        styles[`status-${type}`],\n        {\n          [styles[`color-override-${colorOverride}`]]: colorOverride,\n        },\n        baseProps.className\n      )}\n      ref={__internalRootRef}\n    >\n      <span\n        className={clsx(\n          styles.container,\n          wrapText === false && styles['overflow-ellipsis'],\n          __animate && styles['container-fade-in']\n        )}\n      >\n        <span\n          className={clsx(styles.icon, __animate && styles['icon-shake'])}\n          aria-label={iconAriaLabel}\n          role={iconAriaLabel ? 'img' : undefined}\n        >\n          {typeToIcon(__size)[type]}\n        </span>\n        {children}\n      </span>\n    </span>\n  );\n}\n"]}

package/status-indicator/styles.css.js

@@ -0,0 +1,25 @@
+
+    import './styles.scoped.css';
+    export default {
+  "icon-shake": "awsui_icon-shake_1cbgc_1dmb0_97",
+  "awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-horizontally_1cbgc_1dmb0_1",
+  "container-fade-in": "awsui_container-fade-in_1cbgc_1dmb0_125",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1cbgc_1dmb0_1",
+  "root": "awsui_root_1cbgc_1dmb0_147",
+  "status-error": "awsui_status-error_1cbgc_1dmb0_154",
+  "status-warning": "awsui_status-warning_1cbgc_1dmb0_157",
+  "status-success": "awsui_status-success_1cbgc_1dmb0_160",
+  "status-info": "awsui_status-info_1cbgc_1dmb0_163",
+  "status-stopped": "awsui_status-stopped_1cbgc_1dmb0_166",
+  "status-pending": "awsui_status-pending_1cbgc_1dmb0_169",
+  "status-in-progress": "awsui_status-in-progress_1cbgc_1dmb0_172",
+  "status-loading": "awsui_status-loading_1cbgc_1dmb0_175",
+  "color-override-red": "awsui_color-override-red_1cbgc_1dmb0_178",
+  "color-override-grey": "awsui_color-override-grey_1cbgc_1dmb0_181",
+  "color-override-blue": "awsui_color-override-blue_1cbgc_1dmb0_184",
+  "color-override-green": "awsui_color-override-green_1cbgc_1dmb0_187",
+  "icon": "awsui_icon_1cbgc_1dmb0_97",
+  "container": "awsui_container_1cbgc_1dmb0_125",
+  "overflow-ellipsis": "awsui_overflow-ellipsis_1cbgc_1dmb0_201"
+};
+  

package/status-indicator/styles.scoped.css

@@ -0,0 +1,227 @@
+/*
+ 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
+*/
+.awsui_icon-shake_1cbgc_1dmb0_97:not(#\9) {
+  display: inline-block;
+  animation: awsui_awsui-motion-shake-horizontally_1cbgc_1dmb0_1 165ms;
+  animation: awsui_awsui-motion-shake-horizontally_1cbgc_1dmb0_1 var(--motion-duration-refresh-only-medium-5flen2, 165ms);
+}
+@keyframes awsui_awsui-motion-shake-horizontally_1cbgc_1dmb0_1 {
+  0% {
+    transform: translateX(-5px);
+    animation-timing-function: linear;
+  }
+  50% {
+    transform: translateX(5px);
+    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));
+  }
+  100% {
+    transform: translateX(0px);
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .awsui_icon-shake_1cbgc_1dmb0_97:not(#\9) {
+    animation: none;
+    transition: none;
+  }
+}
+.awsui-motion-disabled .awsui_icon-shake_1cbgc_1dmb0_97:not(#\9), .awsui-mode-entering .awsui_icon-shake_1cbgc_1dmb0_97:not(#\9) {
+  animation: none;
+  transition: none;
+}
+
+.awsui_container-fade-in_1cbgc_1dmb0_125:not(#\9) {
+  animation: awsui_awsui-motion-fade-in-0_1cbgc_1dmb0_1 165ms cubic-bezier(0, 0, 0, 1);
+  animation: awsui_awsui-motion-fade-in-0_1cbgc_1dmb0_1 var(--motion-duration-refresh-only-medium-5flen2, 165ms) var(--motion-easing-refresh-only-a-sy0g8m, cubic-bezier(0, 0, 0, 1));
+}
+@keyframes awsui_awsui-motion-fade-in-0_1cbgc_1dmb0_1 {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .awsui_container-fade-in_1cbgc_1dmb0_125:not(#\9) {
+    animation: none;
+    transition: none;
+  }
+}
+.awsui-motion-disabled .awsui_container-fade-in_1cbgc_1dmb0_125:not(#\9), .awsui-mode-entering .awsui_container-fade-in_1cbgc_1dmb0_125:not(#\9) {
+  animation: none;
+  transition: none;
+}
+
+.awsui_root_1cbgc_1dmb0_147:not(#\9) {
+  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);
+}
+.awsui_root_1cbgc_1dmb0_147.awsui_status-error_1cbgc_1dmb0_154:not(#\9) {
+  color: #d91515;
+  color: var(--color-text-status-error-5sesl6, #d91515);
+}
+.awsui_root_1cbgc_1dmb0_147.awsui_status-warning_1cbgc_1dmb0_157:not(#\9) {
+  color: #d91515;
+  color: var(--color-text-status-error-5sesl6, #d91515);
+}
+.awsui_root_1cbgc_1dmb0_147.awsui_status-success_1cbgc_1dmb0_160:not(#\9) {
+  color: #037f0c;
+  color: var(--color-text-status-success-0fzhv9, #037f0c);
+}
+.awsui_root_1cbgc_1dmb0_147.awsui_status-info_1cbgc_1dmb0_163:not(#\9) {
+  color: #0972d3;
+  color: var(--color-text-status-info-utupcz, #0972d3);
+}
+.awsui_root_1cbgc_1dmb0_147.awsui_status-stopped_1cbgc_1dmb0_166:not(#\9) {
+  color: #5f6b7a;
+  color: var(--color-text-status-inactive-5ei55p, #5f6b7a);
+}
+.awsui_root_1cbgc_1dmb0_147.awsui_status-pending_1cbgc_1dmb0_169:not(#\9) {
+  color: #5f6b7a;
+  color: var(--color-text-status-inactive-5ei55p, #5f6b7a);
+}
+.awsui_root_1cbgc_1dmb0_147.awsui_status-in-progress_1cbgc_1dmb0_172:not(#\9) {
+  color: #5f6b7a;
+  color: var(--color-text-status-inactive-5ei55p, #5f6b7a);
+}
+.awsui_root_1cbgc_1dmb0_147.awsui_status-loading_1cbgc_1dmb0_175:not(#\9) {
+  color: #5f6b7a;
+  color: var(--color-text-status-inactive-5ei55p, #5f6b7a);
+}
+.awsui_root_1cbgc_1dmb0_147.awsui_color-override-red_1cbgc_1dmb0_178:not(#\9) {
+  color: #d91515;
+  color: var(--color-text-status-error-5sesl6, #d91515);
+}
+.awsui_root_1cbgc_1dmb0_147.awsui_color-override-grey_1cbgc_1dmb0_181:not(#\9) {
+  color: #5f6b7a;
+  color: var(--color-text-status-inactive-5ei55p, #5f6b7a);
+}
+.awsui_root_1cbgc_1dmb0_147.awsui_color-override-blue_1cbgc_1dmb0_184:not(#\9) {
+  color: #0972d3;
+  color: var(--color-text-status-info-utupcz, #0972d3);
+}
+.awsui_root_1cbgc_1dmb0_147.awsui_color-override-green_1cbgc_1dmb0_187:not(#\9) {
+  color: #037f0c;
+  color: var(--color-text-status-success-0fzhv9, #037f0c);
+}
+
+.awsui_icon_1cbgc_1dmb0_97:not(#\9) {
+  padding-right: 4px;
+  padding-right: var(--space-xxs-ynfts5, 4px);
+}
+
+.awsui_container_1cbgc_1dmb0_125:not(#\9) {
+  display: inline-block;
+  word-break: break-all;
+  word-wrap: break-word;
+}
+
+.awsui_overflow-ellipsis_1cbgc_1dmb0_201:not(#\9) {
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  vertical-align: text-bottom;
+}