@cloudscape-design/components 3.0.0

package/internal/components/checkbox-icon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/checkbox-icon/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAsB,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAgBrC,6CAA6C;AAC7C,MAAM,CAAC,IAAM,iBAAiB,GAA0D;IACtF,SAAO,EAAE;QACP,OAAO,EAAE,WAAW;QACpB,aAAa,EAAE,cAAc;QAC7B,OAAO,EAAE,iBAAiB;QAC1B,EAAE,EAAE,GAAG;QACP,CAAC,EAAE,GAAG;QACN,IAAI,EAAE,EAAE;KACT;IACD,OAAO,EAAE;QACP,OAAO,EAAE,WAAW;QACpB,aAAa,EAAE,cAAc;QAC7B,OAAO,EAAE,iBAAiB;QAC1B,EAAE,EAAE,CAAC;QACL,CAAC,EAAE,CAAC;QACJ,IAAI,EAAE,EAAE;KACT;CACF,CAAC;AAEF,IAAM,YAAY,GAAG,UAAC,EAA6E;;IAA3E,IAAA,OAAO,aAAA,EAAE,aAAa,mBAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAAK,SAAS,cAAxD,wCAA0D,CAAF;IAC5E,IAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1C,IAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACjC,IAAM,KAAK,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IACpE,IAAM,UAAU,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC5C,OAAO,CACL,sCACE,SAAS,EAAE,MAAM,CAAC,IAAI,EACtB,OAAO,EAAE,UAAU,CAAC,OAAO,iBACf,MAAM,EAClB,SAAS,EAAC,OAAO,EACjB,GAAG,EAAE,WAAW,IACZ,SAAS;QAEb,8BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC;gBAClC,GAAC,MAAM,CAAC,oBAAoB,CAAC,IAAG,OAAO;gBACvC,GAAC,MAAM,CAAC,0BAA0B,CAAC,IAAG,aAAa;gBACnD,GAAC,MAAM,CAAC,qBAAqB,CAAC,IAAG,QAAQ;oBACzC,EACF,CAAC,EAAE,UAAU,CAAC,EAAE,EAChB,CAAC,EAAE,UAAU,CAAC,EAAE,EAChB,EAAE,EAAE,UAAU,CAAC,CAAC,EAChB,EAAE,EAAE,UAAU,CAAC,CAAC,EAChB,KAAK,EAAE,UAAU,CAAC,IAAI,EACtB,MAAM,EAAE,UAAU,CAAC,IAAI,GACvB;QACD,OAAO,IAAI,aAAa,CAAC,CAAC,CAAC,CAC1B,kCACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,YAAI,GAAC,MAAM,CAAC,sBAAsB,CAAC,IAAG,QAAQ,MAAG,EACtF,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,GACrE,CACH,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React, { useRef } from 'react';\nimport { BaseComponentProps, getBaseProps } from '../../base-component';\nimport { useVisualRefresh } from '../../hooks/use-visual-mode';\nimport styles from './styles.css.js';\n\nexport interface CheckboxIconProps extends BaseComponentProps {\n  checked?: boolean;\n  indeterminate?: boolean;\n  disabled?: boolean;\n}\nexport interface Dimension {\n  viewBox: string;\n  indeterminate: string;\n  checked: string;\n  xy: number;\n  r: number;\n  size: number;\n}\n\n// Can't use css variables for svg attributes\nexport const dimensionsByTheme: Record<NonNullable<'default' | 'refresh'>, Dimension> = {\n  default: {\n    viewBox: '0 0 14 14',\n    indeterminate: '2.5,7 11.5,7',\n    checked: '2.5,7 6,10 11,3',\n    xy: 0.5,\n    r: 1.5,\n    size: 13,\n  },\n  refresh: {\n    viewBox: '0 0 16 16',\n    indeterminate: '3.5,8 12.5,8',\n    checked: '3.5,8 7,11 12,4',\n    xy: 1,\n    r: 2,\n    size: 14,\n  },\n};\n\nconst CheckboxIcon = ({ checked, indeterminate, disabled = false, ...restProps }: CheckboxIconProps) => {\n  const baseProps = getBaseProps(restProps);\n  const checkboxRef = useRef(null);\n  const theme = useVisualRefresh(checkboxRef) ? 'refresh' : 'default';\n  const dimensions = dimensionsByTheme[theme];\n  return (\n    <svg\n      className={styles.root}\n      viewBox={dimensions.viewBox}\n      aria-hidden=\"true\"\n      focusable=\"false\"\n      ref={checkboxRef}\n      {...baseProps}\n    >\n      <rect\n        className={clsx(styles['styled-box'], {\n          [styles['styled-box-checked']]: checked,\n          [styles['styled-box-indeterminate']]: indeterminate,\n          [styles['styled-box-disabled']]: disabled,\n        })}\n        x={dimensions.xy}\n        y={dimensions.xy}\n        rx={dimensions.r}\n        ry={dimensions.r}\n        width={dimensions.size}\n        height={dimensions.size}\n      />\n      {checked || indeterminate ? (\n        <polyline\n          className={clsx(styles['styled-line'], { [styles['styled-line-disabled']]: disabled })}\n          points={indeterminate ? dimensions.indeterminate : dimensions.checked}\n        />\n      ) : null}\n    </svg>\n  );\n};\n\nexport default CheckboxIcon;\n"]}

package/internal/components/checkbox-icon/styles.css.js

@@ -0,0 +1,12 @@
+
+    import './styles.scoped.css';
+    export default {
+  "root": "awsui_root_1fn7j_18k9z_93",
+  "styled-box": "awsui_styled-box_1fn7j_18k9z_100",
+  "styled-box-checked": "awsui_styled-box-checked_1fn7j_18k9z_106",
+  "styled-box-indeterminate": "awsui_styled-box-indeterminate_1fn7j_18k9z_106",
+  "styled-box-disabled": "awsui_styled-box-disabled_1fn7j_18k9z_110",
+  "styled-line": "awsui_styled-line_1fn7j_18k9z_124",
+  "styled-line-disabled": "awsui_styled-line-disabled_1fn7j_18k9z_129"
+};
+  

package/internal/components/checkbox-icon/styles.scoped.css

@@ -0,0 +1,141 @@
+/*
+ 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
+*/
+.awsui_root_1fn7j_18k9z_93:not(#\9) {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+}
+.awsui_root_1fn7j_18k9z_93 > .awsui_styled-box_1fn7j_18k9z_100:not(#\9) {
+  fill: #ffffff;
+  fill: var(--color-background-control-default-4pa05r, #ffffff);
+  stroke: #7d8998;
+  stroke: var(--color-border-control-default-m3lmsh, #7d8998);
+  stroke-width: 2px;
+  stroke-width: var(--border-field-width-idlekx, 2px);
+  transition: fill 90ms linear, stroke 90ms linear;
+  transition: fill var(--motion-duration-transition-quick-x85tae, 90ms) var(--motion-easing-transition-quick-lukbd8, linear), stroke var(--motion-duration-transition-quick-x85tae, 90ms) var(--motion-easing-transition-quick-lukbd8, linear);
+}
+.awsui_root_1fn7j_18k9z_93 > .awsui_styled-box-checked_1fn7j_18k9z_106:not(#\9), .awsui_root_1fn7j_18k9z_93 > .awsui_styled-box-indeterminate_1fn7j_18k9z_106:not(#\9) {
+  fill: #0972d3;
+  fill: var(--color-background-control-checked-9admlu, #0972d3);
+  stroke: #0972d3;
+  stroke: var(--color-border-control-checked-4xvndc, #0972d3);
+}
+.awsui_root_1fn7j_18k9z_93 > .awsui_styled-box-disabled_1fn7j_18k9z_110:not(#\9) {
+  fill: #d1d5db;
+  fill: var(--color-background-control-disabled-zplipy, #d1d5db);
+  stroke: #d1d5db;
+  stroke: var(--color-border-control-disabled-vx8bco, #d1d5db);
+}
+@media (prefers-reduced-motion: reduce) {
+  .awsui_root_1fn7j_18k9z_93 > .awsui_styled-box_1fn7j_18k9z_100:not(#\9) {
+    animation: none;
+    transition: none;
+  }
+}
+.awsui-motion-disabled .awsui_root_1fn7j_18k9z_93 > .awsui_styled-box_1fn7j_18k9z_100:not(#\9), .awsui-mode-entering .awsui_root_1fn7j_18k9z_93 > .awsui_styled-box_1fn7j_18k9z_100:not(#\9) {
+  animation: none;
+  transition: none;
+}
+.awsui_root_1fn7j_18k9z_93 > .awsui_styled-line_1fn7j_18k9z_124:not(#\9) {
+  stroke: #ffffff;
+  stroke: var(--color-foreground-control-default-7ajdem, #ffffff);
+  stroke-width: 2;
+  fill: none;
+}
+.awsui_root_1fn7j_18k9z_93 > .awsui_styled-line-disabled_1fn7j_18k9z_129:not(#\9) {
+  stroke: #ffffff;
+  stroke: var(--color-foreground-control-disabled-v6a97u, #ffffff);
+}

package/internal/components/checkbox-icon/styles.selectors.js

@@ -0,0 +1,13 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "root": "awsui_root_1fn7j_18k9z_93",
+  "styled-box": "awsui_styled-box_1fn7j_18k9z_100",
+  "styled-box-checked": "awsui_styled-box-checked_1fn7j_18k9z_106",
+  "styled-box-indeterminate": "awsui_styled-box-indeterminate_1fn7j_18k9z_106",
+  "styled-box-disabled": "awsui_styled-box-disabled_1fn7j_18k9z_110",
+  "styled-line": "awsui_styled-line_1fn7j_18k9z_124",
+  "styled-line-disabled": "awsui_styled-line-disabled_1fn7j_18k9z_129"
+};
+  

package/internal/components/content-layout/index.d.ts

@@ -0,0 +1,4 @@
+import { ContentLayoutProps } from './interfaces';
+export { ContentLayoutProps };
+export default function ContentLayout({ children, disableOverlap, header }: ContentLayoutProps): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/internal/components/content-layout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/content-layout/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAKlD,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAE9B,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,EAAE,kBAAkB,eA8C7F"}

package/internal/components/content-layout/index.js

@@ -0,0 +1,31 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React, { useContext, useLayoutEffect, useRef } from 'react';
+import clsx from 'clsx';
+import { AppLayoutContext } from '../../../app-layout/visual-refresh/context';
+import { useContainerQuery } from '../../hooks/container-queries';
+import { useVisualRefresh } from '../../hooks/use-visual-mode';
+import styles from './styles.css.js';
+export default function ContentLayout(_a) {
+    var _b, _c, _d;
+    var children = _a.children, disableOverlap = _a.disableOverlap, header = _a.header;
+    var _e = useContext(AppLayoutContext), breadcrumbs = _e.breadcrumbs, setDynamicOverlapHeight = _e.setDynamicOverlapHeight;
+    var rootElement = useRef(null);
+    var isVisualRefresh = useVisualRefresh(rootElement);
+    var isOverlapDisabled = !children || !header || disableOverlap;
+    // Documentation to be added.
+    var _f = useContainerQuery(function (rect) { return rect.height; }), overlapContainerQuery = _f[0], overlapElement = _f[1];
+    useLayoutEffect(function handleDynamicOverlapHeight() {
+        if (isVisualRefresh) {
+            setDynamicOverlapHeight(overlapContainerQuery !== null && overlapContainerQuery !== void 0 ? overlapContainerQuery : 0);
+        }
+    }, [isVisualRefresh, overlapContainerQuery, setDynamicOverlapHeight]);
+    return (React.createElement("div", { className: clsx(styles.layout, (_b = {},
+            _b[styles['is-overlap-disabled']] = isOverlapDisabled,
+            _b[styles['is-visual-refresh']] = isVisualRefresh,
+            _b)), ref: rootElement },
+        React.createElement("div", { className: clsx(styles.background, (_c = {}, _c[styles['is-overlap-disabled']] = isOverlapDisabled, _c), 'awsui-context-content-header'), ref: overlapElement }),
+        header && (React.createElement("div", { className: clsx(styles.header, (_d = {}, _d[styles['has-breadcrumbs']] = breadcrumbs, _d), 'awsui-context-content-header') }, header)),
+        children && React.createElement("div", { className: styles.content }, children)));
+}
+//# sourceMappingURL=index.js.map

package/internal/components/content-layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/content-layout/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACnE,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,gBAAgB,EAAE,MAAM,4CAA4C,CAAC;AAE9E,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAwD;;QAAtD,QAAQ,cAAA,EAAE,cAAc,oBAAA,EAAE,MAAM,YAAA;IAChE,IAAA,KAA2C,UAAU,CAAC,gBAAgB,CAAC,EAArE,WAAW,iBAAA,EAAE,uBAAuB,6BAAiC,CAAC;IAC9E,IAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACjD,IAAM,eAAe,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACtD,IAAM,iBAAiB,GAAG,CAAC,QAAQ,IAAI,CAAC,MAAM,IAAI,cAAc,CAAC;IAEjE,6BAA6B;IACvB,IAAA,KAA0C,iBAAiB,CAAC,UAAA,IAAI,IAAI,OAAA,IAAI,CAAC,MAAM,EAAX,CAAW,CAAC,EAA/E,qBAAqB,QAAA,EAAE,cAAc,QAA0C,CAAC;IAEvF,eAAe,CACb,SAAS,0BAA0B;QACjC,IAAI,eAAe,EAAE;YACnB,uBAAuB,CAAC,qBAAqB,aAArB,qBAAqB,cAArB,qBAAqB,GAAI,CAAC,CAAC,CAAC;SACrD;IACH,CAAC,EACD,CAAC,eAAe,EAAE,qBAAqB,EAAE,uBAAuB,CAAC,CAClE,CAAC;IAEF,OAAO,CACL,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM;YAC3B,GAAC,MAAM,CAAC,qBAAqB,CAAC,IAAG,iBAAiB;YAClD,GAAC,MAAM,CAAC,mBAAmB,CAAC,IAAG,eAAe;gBAC9C,EACF,GAAG,EAAE,WAAW;QAEhB,6BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,UAAU,YACf,GAAC,MAAM,CAAC,qBAAqB,CAAC,IAAG,iBAAiB,OACpD,8BAA8B,CAC/B,EACD,GAAG,EAAE,cAAc,GACnB;QAED,MAAM,IAAI,CACT,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,YAAI,GAAC,MAAM,CAAC,iBAAiB,CAAC,IAAG,WAAW,OAAI,8BAA8B,CAAC,IAE3G,MAAM,CACH,CACP;QAEA,QAAQ,IAAI,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO,IAAG,QAAQ,CAAO,CACzD,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useContext, useLayoutEffect, useRef } from 'react';\nimport clsx from 'clsx';\nimport { AppLayoutContext } from '../../../app-layout/visual-refresh/context';\nimport { ContentLayoutProps } from './interfaces';\nimport { useContainerQuery } from '../../hooks/container-queries';\nimport { useVisualRefresh } from '../../hooks/use-visual-mode';\nimport styles from './styles.css.js';\n\nexport { ContentLayoutProps };\n\nexport default function ContentLayout({ children, disableOverlap, header }: ContentLayoutProps) {\n  const { breadcrumbs, setDynamicOverlapHeight } = useContext(AppLayoutContext);\n  const rootElement = useRef<HTMLDivElement>(null);\n  const isVisualRefresh = useVisualRefresh(rootElement);\n  const isOverlapDisabled = !children || !header || disableOverlap;\n\n  // Documentation to be added.\n  const [overlapContainerQuery, overlapElement] = useContainerQuery(rect => rect.height);\n\n  useLayoutEffect(\n    function handleDynamicOverlapHeight() {\n      if (isVisualRefresh) {\n        setDynamicOverlapHeight(overlapContainerQuery ?? 0);\n      }\n    },\n    [isVisualRefresh, overlapContainerQuery, setDynamicOverlapHeight]\n  );\n\n  return (\n    <div\n      className={clsx(styles.layout, {\n        [styles['is-overlap-disabled']]: isOverlapDisabled,\n        [styles['is-visual-refresh']]: isVisualRefresh,\n      })}\n      ref={rootElement}\n    >\n      <div\n        className={clsx(\n          styles.background,\n          { [styles['is-overlap-disabled']]: isOverlapDisabled },\n          'awsui-context-content-header'\n        )}\n        ref={overlapElement}\n      />\n\n      {header && (\n        <div\n          className={clsx(styles.header, { [styles['has-breadcrumbs']]: breadcrumbs }, 'awsui-context-content-header')}\n        >\n          {header}\n        </div>\n      )}\n\n      {children && <div className={styles.content}>{children}</div>}\n    </div>\n  );\n}\n"]}

package/internal/components/content-layout/interfaces.d.ts

@@ -0,0 +1,7 @@
+import { BaseComponentProps } from '../../base-component';
+export interface ContentLayoutProps extends BaseComponentProps {
+    children?: React.ReactNode;
+    disableOverlap?: boolean;
+    header?: React.ReactNode;
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/internal/components/content-layout/interfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/content-layout/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B"}

package/internal/components/content-layout/interfaces.js

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

package/internal/components/content-layout/interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../src/internal/components/content-layout/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 '../../base-component';\n\nexport interface ContentLayoutProps extends BaseComponentProps {\n  children?: React.ReactNode;\n  disableOverlap?: boolean;\n  header?: React.ReactNode;\n}\n"]}

package/internal/components/content-layout/styles.css.js

@@ -0,0 +1,12 @@
+
+    import './styles.scoped.css';
+    export default {
+  "layout": "awsui_layout_z2o52_i6vs5_93",
+  "is-visual-refresh": "awsui_is-visual-refresh_z2o52_i6vs5_93",
+  "background": "awsui_background_z2o52_i6vs5_96",
+  "header": "awsui_header_z2o52_i6vs5_99",
+  "content": "awsui_content_z2o52_i6vs5_100",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_z2o52_i6vs5_110",
+  "has-breadcrumbs": "awsui_has-breadcrumbs_z2o52_i6vs5_127"
+};
+  

package/internal/components/content-layout/styles.scoped.css

@@ -0,0 +1,144 @@
+/*
+ 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
+*/
+.awsui_layout_z2o52_i6vs5_93:not(#\9):not(.awsui_is-visual-refresh_z2o52_i6vs5_93) {
+  display: contents;
+}
+.awsui_layout_z2o52_i6vs5_93:not(#\9):not(.awsui_is-visual-refresh_z2o52_i6vs5_93) > .awsui_background_z2o52_i6vs5_96 {
+  display: none;
+}
+.awsui_layout_z2o52_i6vs5_93:not(#\9):not(.awsui_is-visual-refresh_z2o52_i6vs5_93) > .awsui_header_z2o52_i6vs5_99,
+.awsui_layout_z2o52_i6vs5_93:not(#\9):not(.awsui_is-visual-refresh_z2o52_i6vs5_93) > .awsui_content_z2o52_i6vs5_100 {
+  display: contents;
+}
+
+.awsui_layout_z2o52_i6vs5_93.awsui_is-visual-refresh_z2o52_i6vs5_93:not(#\9) {
+  display: grid;
+  grid-template-columns: 1fr;
+  grid-template-rows: auto 36px 1fr;
+  grid-template-rows: auto var(--space-dark-header-overlap-distance-hfejul, 36px) 1fr;
+  min-height: 100%;
+}
+.awsui_layout_z2o52_i6vs5_93.awsui_is-visual-refresh_z2o52_i6vs5_93.awsui_is-overlap-disabled_z2o52_i6vs5_110:not(#\9) {
+  grid-template-rows: auto 0 1fr;
+}
+.awsui_layout_z2o52_i6vs5_93.awsui_is-visual-refresh_z2o52_i6vs5_93 > .awsui_background_z2o52_i6vs5_96:not(#\9) {
+  background-color: #ffffff;
+  background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
+  grid-column: 1;
+  grid-row: 1/3;
+}
+.awsui_layout_z2o52_i6vs5_93.awsui_is-visual-refresh_z2o52_i6vs5_93 > .awsui_background_z2o52_i6vs5_96.awsui_is-overlap-disabled_z2o52_i6vs5_110:not(#\9) {
+  grid-row: 1/2;
+}
+.awsui_layout_z2o52_i6vs5_93.awsui_is-visual-refresh_z2o52_i6vs5_93 > .awsui_header_z2o52_i6vs5_99:not(#\9) {
+  grid-column: 1;
+  grid-row: 1;
+  padding-bottom: 24px;
+  padding-bottom: var(--space-dark-header-padding-bottom-jg1586, 24px);
+}
+@media (min-width: 689px) {
+  .awsui_layout_z2o52_i6vs5_93.awsui_is-visual-refresh_z2o52_i6vs5_93 > .awsui_header_z2o52_i6vs5_99.awsui_has-breadcrumbs_z2o52_i6vs5_127:not(#\9) {
+    padding-top: 4px;
+    padding-top: var(--space-xxs-ynfts5, 4px);
+  }
+}
+@media (max-width: 688px) {
+  .awsui_layout_z2o52_i6vs5_93.awsui_is-visual-refresh_z2o52_i6vs5_93 > .awsui_header_z2o52_i6vs5_99:not(#\9) {
+    padding: 16px 0 24px;
+    padding: var(--space-m-17eucw, 16px) 0 var(--space-dark-header-padding-bottom-jg1586, 24px);
+  }
+}
+.awsui_layout_z2o52_i6vs5_93.awsui_is-visual-refresh_z2o52_i6vs5_93 > .awsui_content_z2o52_i6vs5_100:not(#\9) {
+  grid-column: 1;
+  grid-row: 2/4;
+}

package/internal/components/content-layout/styles.selectors.js

@@ -0,0 +1,13 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "layout": "awsui_layout_z2o52_i6vs5_93",
+  "is-visual-refresh": "awsui_is-visual-refresh_z2o52_i6vs5_93",
+  "background": "awsui_background_z2o52_i6vs5_96",
+  "header": "awsui_header_z2o52_i6vs5_99",
+  "content": "awsui_content_z2o52_i6vs5_100",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_z2o52_i6vs5_110",
+  "has-breadcrumbs": "awsui_has-breadcrumbs_z2o52_i6vs5_127"
+};
+  

package/internal/components/dark-ribbon/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface DarkRibbonProps {
+    children: React.ReactNode;
+    isRefresh: boolean;
+    hasPlainStyling?: boolean;
+}
+export default function DarkRibbon({ children, isRefresh, hasPlainStyling }: DarkRibbonProps): JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/internal/components/dark-ribbon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/dark-ribbon/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAKjD,UAAU,eAAe;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAQD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,eAAe,EAAE,EAAE,eAAe,eA0C3F"}

package/internal/components/dark-ribbon/index.js

@@ -0,0 +1,47 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React, { useEffect, useRef } from 'react';
+import { useMutationObserver } from '../../hooks/use-mutation-observer';
+import { useStableEventHandler } from '../../hooks/use-stable-event-handler';
+import styles from './styles.css.js';
+function setIfChanged(oldValue, newValue, setter) {
+    if (oldValue !== newValue) {
+        setter(newValue);
+    }
+}
+export default function DarkRibbon(_a) {
+    var children = _a.children, isRefresh = _a.isRefresh, hasPlainStyling = _a.hasPlainStyling;
+    var containerRef = useRef(null);
+    var fillRef = useRef(null);
+    var syncSizes = useStableEventHandler(function (from, to) {
+        // JSDOM calls mutation observer callback even if attribute did not change
+        // https://github.com/jsdom/jsdom/issues/3305
+        // To prevent infinite loops, we need to check the values before setting
+        var size = from.getBoundingClientRect();
+        var _a = to.style, oldHeight = _a.height, oldLeft = _a.left, oldRight = _a.right;
+        setIfChanged(oldHeight, "".concat(size.height, "px"), function (newHeight) { return (to.style.height = newHeight); });
+        setIfChanged(oldLeft, "".concat(-1 * size.left, "px"), function (newLeft) { return (to.style.left = newLeft); });
+        setIfChanged(oldRight, "".concat(-1 * (document.body.clientWidth - size.right), "px"), function (newRight) { return (to.style.right = newRight); });
+    });
+    useMutationObserver(containerRef, function (node) {
+        if (fillRef.current) {
+            syncSizes(node, fillRef.current);
+        }
+    });
+    useEffect(function () {
+        var handler = function () {
+            if (containerRef.current && fillRef.current) {
+                syncSizes(containerRef.current, fillRef.current);
+            }
+        };
+        window.addEventListener('resize', handler);
+        return function () { return window.removeEventListener('resize', handler); };
+    }, [syncSizes]);
+    if (hasPlainStyling === true || !isRefresh) {
+        return React.createElement(React.Fragment, null, children);
+    }
+    return (React.createElement("div", { ref: containerRef, className: "awsui-context-content-header" },
+        React.createElement("div", { ref: fillRef, className: styles['background-fill'] }),
+        React.createElement("div", { className: styles.content }, children)));
+}
+//# sourceMappingURL=index.js.map

package/internal/components/dark-ribbon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/dark-ribbon/index.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 { useMutationObserver } from '../../hooks/use-mutation-observer';\nimport { useStableEventHandler } from '../../hooks/use-stable-event-handler';\nimport styles from './styles.css.js';\n\ninterface DarkRibbonProps {\n  children: React.ReactNode;\n  isRefresh: boolean;\n  hasPlainStyling?: boolean;\n}\n\nfunction setIfChanged(oldValue: string, newValue: string, setter: (newValue: string) => void) {\n  if (oldValue !== newValue) {\n    setter(newValue);\n  }\n}\n\nexport default function DarkRibbon({ children, isRefresh, hasPlainStyling }: DarkRibbonProps) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const fillRef = useRef<HTMLDivElement>(null);\n  const syncSizes = useStableEventHandler((from: HTMLElement, to: HTMLElement) => {\n    // JSDOM calls mutation observer callback even if attribute did not change\n    // https://github.com/jsdom/jsdom/issues/3305\n    // To prevent infinite loops, we need to check the values before setting\n    const size = from.getBoundingClientRect();\n    const { height: oldHeight, left: oldLeft, right: oldRight } = to.style;\n    setIfChanged(oldHeight, `${size.height}px`, newHeight => (to.style.height = newHeight));\n    setIfChanged(oldLeft, `${-1 * size.left}px`, newLeft => (to.style.left = newLeft));\n    setIfChanged(\n      oldRight,\n      `${-1 * (document.body.clientWidth - size.right)}px`,\n      newRight => (to.style.right = newRight)\n    );\n  });\n  useMutationObserver(containerRef, node => {\n    if (fillRef.current) {\n      syncSizes(node, fillRef.current);\n    }\n  });\n  useEffect(() => {\n    const handler = () => {\n      if (containerRef.current && fillRef.current) {\n        syncSizes(containerRef.current, fillRef.current);\n      }\n    };\n    window.addEventListener('resize', handler);\n    return () => window.removeEventListener('resize', handler);\n  }, [syncSizes]);\n\n  if (hasPlainStyling === true || !isRefresh) {\n    return <>{children}</>;\n  }\n\n  return (\n    <div ref={containerRef} className=\"awsui-context-content-header\">\n      <div ref={fillRef} className={styles['background-fill']} />\n      <div className={styles.content}>{children}</div>\n    </div>\n  );\n}\n"]}

package/internal/components/dark-ribbon/styles.css.js

@@ -0,0 +1,7 @@
+
+    import './styles.scoped.css';
+    export default {
+  "background-fill": "awsui_background-fill_1fi2u_1fyw7_9",
+  "content": "awsui_content_1fi2u_1fyw7_14"
+};
+  

package/internal/components/dark-ribbon/styles.scoped.css

@@ -0,0 +1,17 @@
+/*
+ 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_background-fill_1fi2u_1fyw7_9:not(#\9) {
+  background-color: #ffffff;
+  background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
+  position: absolute;
+}
+
+.awsui_content_1fi2u_1fyw7_14:not(#\9) {
+  position: relative;
+}

package/internal/components/dark-ribbon/styles.selectors.js

@@ -0,0 +1,8 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "background-fill": "awsui_background-fill_1fi2u_1fyw7_9",
+  "content": "awsui_content_1fi2u_1fyw7_14"
+};
+  

package/internal/components/date-input/index.d.ts

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

package/internal/components/date-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/date-input/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAc,MAAM,OAAO,CAAC;AAKnC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAoB9C,QAAA,MAAM,SAAS,2FAad,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC;AAC1B,eAAe,SAAS,CAAC"}

package/internal/components/date-input/index.js

@@ -0,0 +1,26 @@
+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 MaskedInput from '../masked-input';
+import { daysInMonth, parseDate, displayToIso } from './utils/date';
+function daysMax(value) {
+    // force to first day in month, as new Date('2018-02-30') -> March 2nd 2018
+    var baseDate = displayToIso(value).substring(0, 7);
+    return daysInMonth(parseDate(baseDate));
+}
+var maskArgs = {
+    separator: '/',
+    inputSeparators: ['-', '.', ' '],
+    segments: [
+        { min: 0, max: 9999, "default": 2000, length: 4 },
+        { min: 1, max: 12, length: 2 },
+        { min: 1, max: daysMax, length: 2 },
+    ]
+};
+var DateInput = React.forwardRef(function (_a, ref) {
+    var _b = _a.__internalRootRef, __internalRootRef = _b === void 0 ? null : _b, props = __rest(_a, ["__internalRootRef"]);
+    return (React.createElement(MaskedInput, __assign({}, props, { ref: ref, disableBrowserAutocorrect: true, mask: maskArgs, autofix: true, __internalRootRef: __internalRootRef })));
+});
+export default DateInput;
+//# sourceMappingURL=index.js.map

package/internal/components/date-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/date-input/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAc,MAAM,OAAO,CAAC;AAEnC,OAAO,WAAW,MAAM,iBAAiB,CAAC;AAK1C,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEpE,SAAS,OAAO,CAAC,KAAa;IAC5B,2EAA2E;IAC3E,IAAM,QAAQ,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACrD,OAAO,WAAW,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;AAC1C,CAAC;AAED,IAAM,QAAQ,GAAa;IACzB,SAAS,EAAE,GAAG;IACd,eAAe,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;IAChC,QAAQ,EAAE;QACR,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,SAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE;QAC/C,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;QAC9B,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAAE;KACpC;CACF,CAAC;AAEF,IAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAChC,UAAC,EAAsD,EAAE,GAA4B;IAAlF,IAAA,yBAAwB,EAAxB,iBAAiB,mBAAG,IAAI,KAAA,EAAK,KAAK,cAApC,qBAAsC,CAAF;IACnC,OAAO,CACL,oBAAC,WAAW,eACN,KAAK,IACT,GAAG,EAAE,GAAG,EACR,yBAAyB,EAAE,IAAI,EAC/B,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,IAAI,EACb,iBAAiB,EAAE,iBAAiB,IACpC,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAGF,eAAe,SAAS,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { Ref } from 'react';\n\nimport MaskedInput from '../masked-input';\nimport { MaskArgs } from '../masked-input/utils/mask-format';\n\nimport { DateInputProps } from './interfaces';\n\nimport { daysInMonth, parseDate, displayToIso } from './utils/date';\n\nfunction daysMax(value: string): number {\n  // force to first day in month, as new Date('2018-02-30') -> March 2nd 2018\n  const baseDate = displayToIso(value).substring(0, 7);\n  return daysInMonth(parseDate(baseDate));\n}\n\nconst maskArgs: MaskArgs = {\n  separator: '/',\n  inputSeparators: ['-', '.', ' '],\n  segments: [\n    { min: 0, max: 9999, default: 2000, length: 4 },\n    { min: 1, max: 12, length: 2 },\n    { min: 1, max: daysMax, length: 2 },\n  ],\n};\n\nconst DateInput = React.forwardRef(\n  ({ __internalRootRef = null, ...props }: DateInputProps, ref: Ref<DateInputProps.Ref>) => {\n    return (\n      <MaskedInput\n        {...props}\n        ref={ref}\n        disableBrowserAutocorrect={true}\n        mask={maskArgs}\n        autofix={true}\n        __internalRootRef={__internalRootRef}\n      />\n    );\n  }\n);\n\nexport { DateInputProps };\nexport default DateInput;\n"]}

package/internal/components/date-input/interfaces.d.ts

@@ -0,0 +1,16 @@
+import { InternalInputProps } from '../../../input/internal';
+export interface DateInputProps extends InternalInputProps {
+    /**
+     * Disable value autocompletion when input is blurred
+     */
+    disableAutocompleteOnBlur?: boolean;
+}
+export declare namespace DateInputProps {
+    interface Ref {
+        /**
+         * Sets input focus onto the UI control.
+         */
+        focus(): void;
+    }
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/internal/components/date-input/interfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/date-input/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,WAAW,cAAe,SAAQ,kBAAkB;IACxD;;OAEG;IACH,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACrC;AAED,yBAAiB,cAAc,CAAC;IAC9B,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;KACf;CACF"}

package/internal/components/date-input/interfaces.js

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

package/internal/components/date-input/interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../src/internal/components/date-input/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { InternalInputProps } from '../../../input/internal';\n\nexport interface DateInputProps extends InternalInputProps {\n  /**\n   * Disable value autocompletion when input is blurred\n   */\n  disableAutocompleteOnBlur?: boolean;\n}\n\nexport namespace DateInputProps {\n  export interface Ref {\n    /**\n     * Sets input focus onto the UI control.\n     */\n    focus(): void;\n  }\n}\n"]}

package/internal/components/date-input/utils/date.d.ts

@@ -0,0 +1,5 @@
+export declare const isoToDisplay: (value: string) => string;
+export declare const displayToIso: (value: string) => string;
+export declare const daysInMonth: (date: Date) => number;
+export declare const parseDate: (value: string) => Date;
+//# sourceMappingURL=date.d.ts.map

package/internal/components/date-input/utils/date.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/date-input/utils/date.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,UAAW,MAAM,WAA6B,CAAC;AACxE,eAAO,MAAM,YAAY,UAAW,MAAM,WAA8B,CAAC;AACzE,eAAO,MAAM,WAAW,SAAU,IAAI,WAAmE,CAAC;AAG1G,eAAO,MAAM,SAAS,UAAW,MAAM,KAAG,IAGzC,CAAC"}

package/internal/components/date-input/utils/date.js

@@ -0,0 +1,11 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+export var isoToDisplay = function (value) { return value.replace(/-/g, '/'); };
+export var displayToIso = function (value) { return value.replace(/\//g, '-'); };
+export var daysInMonth = function (date) { return new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate(); };
+// we cannot use new Date(string) constructor, because it produces GMT time that may have different date than the local
+export var parseDate = function (value) {
+    var _a = value.split('-'), year = _a[0], month = _a[1], day = _a[2];
+    return new Date(Number(year), (Number(month) || 1) - 1, Number(day) || 1);
+};
+//# sourceMappingURL=date.js.map