@cloudscape-design/components 3.0.0

package/time-input/styles.scoped.css

@@ -0,0 +1,7 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_root_l809c_im8v7_5:not(#\9) {
+  /* used in test-utils */
+}

package/time-input/styles.selectors.js

@@ -0,0 +1,7 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "root": "awsui_root_l809c_im8v7_5"
+};
+  

package/toggle/index.d.ts

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

package/toggle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/toggle/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAG3C,OAAO,EAAE,WAAW,EAAE,CAAC;AAEvB,QAAA,MAAM,MAAM,qFAGV,CAAC;AAGH,eAAe,MAAM,CAAC"}

package/toggle/index.js

@@ -0,0 +1,14 @@
+import { __assign } from "tslib";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React from 'react';
+import { applyDisplayName } from '../internal/utils/apply-display-name';
+import useBaseComponent from '../internal/hooks/use-base-component';
+import InternalToggle from './internal';
+var Toggle = React.forwardRef(function (props, ref) {
+    var baseComponentProps = useBaseComponent('Toggle');
+    return React.createElement(InternalToggle, __assign({}, props, baseComponentProps, { ref: ref }));
+});
+applyDisplayName(Toggle, 'Toggle');
+export default Toggle;
+//# sourceMappingURL=index.js.map

package/toggle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/toggle/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AAEpE,OAAO,cAAc,MAAM,YAAY,CAAC;AAIxC,IAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAA+B,UAAC,KAAK,EAAE,GAAG;IACvE,IAAM,kBAAkB,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACtD,OAAO,oBAAC,cAAc,eAAK,KAAK,EAAM,kBAAkB,IAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AACzE,CAAC,CAAC,CAAC;AAEH,gBAAgB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;AACnC,eAAe,MAAM,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { ToggleProps } from './interfaces';\nimport InternalToggle from './internal';\n\nexport { ToggleProps };\n\nconst Toggle = React.forwardRef<ToggleProps.Ref, ToggleProps>((props, ref) => {\n  const baseComponentProps = useBaseComponent('Toggle');\n  return <InternalToggle {...props} {...baseComponentProps} ref={ref} />;\n});\n\napplyDisplayName(Toggle, 'Toggle');\nexport default Toggle;\n"]}

package/toggle/interfaces.d.ts

@@ -0,0 +1,23 @@
+import { BaseCheckboxProps } from '../checkbox/base-checkbox';
+import React from 'react';
+import { NonCancelableEventHandler } from '../internal/events';
+export interface ToggleProps extends BaseCheckboxProps {
+    /**
+     * The control's label that's displayed next to the toggle. Clicking this will invoke a state change.
+     * @displayname label
+     */
+    children?: React.ReactNode;
+    onChange?: NonCancelableEventHandler<ToggleProps.ChangeDetail>;
+}
+export declare namespace ToggleProps {
+    interface Ref {
+        /**
+         * Sets input focus onto the UI control.
+         */
+        focus(): void;
+    }
+    interface ChangeDetail {
+        checked: boolean;
+    }
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/toggle/interfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/toggle/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,MAAM,WAAW,WAAY,SAAQ,iBAAiB;IACpD;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAM3B,QAAQ,CAAC,EAAE,yBAAyB,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;CAChE;AAED,yBAAiB,WAAW,CAAC;IAC3B,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;KACf;IAED,UAAiB,YAAY;QAC3B,OAAO,EAAE,OAAO,CAAC;KAClB;CACF"}

package/toggle/interfaces.js

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

package/toggle/interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/toggle/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseCheckboxProps } from '../checkbox/base-checkbox';\nimport React from 'react';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface ToggleProps extends BaseCheckboxProps {\n  /**\n   * The control's label that's displayed next to the toggle. Clicking this will invoke a state change.\n   * @displayname label\n   */\n  children?: React.ReactNode;\n\n  /*\n   * Called when the user changes their selection.\n   * The event `detail` contains the current value for the `checked` property.\n   */\n  onChange?: NonCancelableEventHandler<ToggleProps.ChangeDetail>;\n}\n\nexport namespace ToggleProps {\n  export interface Ref {\n    /**\n     * Sets input focus onto the UI control.\n     */\n    focus(): void;\n  }\n\n  export interface ChangeDetail {\n    checked: boolean;\n  }\n}\n"]}

package/toggle/internal.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
+import { ToggleProps } from './interfaces';
+declare const InternalToggle: React.ForwardRefExoticComponent<ToggleProps & InternalBaseComponentProps & React.RefAttributes<ToggleProps.Ref>>;
+export default InternalToggle;
+//# sourceMappingURL=internal.d.ts.map

package/toggle/internal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/toggle/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAMtC,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAI3C,QAAA,MAAM,cAAc,kHAgEnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/toggle/internal.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 clsx from 'clsx';
+import React, { useRef } from 'react';
+import AbstractSwitch from '../internal/components/abstract-switch';
+import useForwardFocus from '../internal/hooks/forward-focus';
+import { fireNonCancelableEvent } from '../internal/events';
+import { getBaseProps } from '../internal/base-component';
+import styles from './styles.css.js';
+var InternalToggle = React.forwardRef(function (_a, ref) {
+    var _b, _c;
+    var controlId = _a.controlId, checked = _a.checked, name = _a.name, disabled = _a.disabled, children = _a.children, description = _a.description, ariaLabel = _a.ariaLabel, ariaDescribedby = _a.ariaDescribedby, ariaLabelledby = _a.ariaLabelledby, onFocus = _a.onFocus, onBlur = _a.onBlur, onChange = _a.onChange, _d = _a.__internalRootRef, __internalRootRef = _d === void 0 ? null : _d, rest = __rest(_a, ["controlId", "checked", "name", "disabled", "children", "description", "ariaLabel", "ariaDescribedby", "ariaLabelledby", "onFocus", "onBlur", "onChange", "__internalRootRef"]);
+    var baseProps = getBaseProps(rest);
+    var checkboxRef = useRef(null);
+    useForwardFocus(ref, checkboxRef);
+    return (React.createElement(AbstractSwitch, __assign({}, baseProps, { className: clsx(styles.root, baseProps.className), controlClassName: clsx(styles['toggle-control'], (_b = {},
+            _b[styles['toggle-control-checked']] = checked,
+            _b[styles['toggle-control-disabled']] = disabled,
+            _b)), controlId: controlId, disabled: disabled, label: children, description: description, descriptionBottomPadding: true, ariaLabel: ariaLabel, ariaLabelledby: ariaLabelledby, ariaDescribedby: ariaDescribedby, nativeControl: function (nativeControlProps) { return (React.createElement("input", __assign({}, nativeControlProps, { ref: checkboxRef, className: styles.input, type: "checkbox", checked: checked, name: name, onFocus: onFocus && (function () { return fireNonCancelableEvent(onFocus); }), onBlur: onBlur && (function () { return fireNonCancelableEvent(onBlur); }), onChange: onChange && (function (event) { return fireNonCancelableEvent(onChange, { checked: event.target.checked }); }) }))); }, styledControl: React.createElement("div", { className: clsx(styles['toggle-handle'], (_c = {},
+                _c[styles['toggle-handle-checked']] = checked,
+                _c[styles['toggle-handle-disabled']] = disabled,
+                _c)) }), __internalRootRef: __internalRootRef })));
+});
+export default InternalToggle;
+//# sourceMappingURL=internal.js.map

package/toggle/internal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/toggle/internal.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,cAAc,MAAM,wCAAwC,CAAC;AACpE,OAAO,eAAe,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAMrC,IAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CACrC,UACE,EAeC,EACD,GAAG;;IAfD,IAAA,SAAS,eAAA,EACT,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,eAAe,qBAAA,EACf,cAAc,oBAAA,EACd,OAAO,aAAA,EACP,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,yBAAwB,EAAxB,iBAAiB,mBAAG,IAAI,KAAA,EACrB,IAAI,cAdT,+KAeC,CADQ;IAIT,IAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,IAAM,WAAW,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IACnD,eAAe,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC;IAClC,OAAO,CACL,oBAAC,cAAc,eACT,SAAS,IACb,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,SAAS,CAAC,EACjD,gBAAgB,EAAE,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC;YAC7C,GAAC,MAAM,CAAC,wBAAwB,CAAC,IAAG,OAAO;YAC3C,GAAC,MAAM,CAAC,yBAAyB,CAAC,IAAG,QAAQ;gBAC7C,EACF,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,QAAQ,EACf,WAAW,EAAE,WAAW,EACxB,wBAAwB,EAAE,IAAI,EAC9B,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,UAAA,kBAAkB,IAAI,OAAA,CACnC,0CACM,kBAAkB,IACtB,GAAG,EAAE,WAAW,EAChB,SAAS,EAAE,MAAM,CAAC,KAAK,EACvB,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,IAAI,CAAC,cAAM,OAAA,sBAAsB,CAAC,OAAO,CAAC,EAA/B,CAA+B,CAAC,EAC3D,MAAM,EAAE,MAAM,IAAI,CAAC,cAAM,OAAA,sBAAsB,CAAC,MAAM,CAAC,EAA9B,CAA8B,CAAC,EACxD,QAAQ,EAAE,QAAQ,IAAI,CAAC,UAAA,KAAK,IAAI,OAAA,sBAAsB,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,EAAnE,CAAmE,CAAC,IACpG,CACH,EAZoC,CAYpC,EACD,aAAa,EACX,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC;gBACrC,GAAC,MAAM,CAAC,uBAAuB,CAAC,IAAG,OAAO;gBAC1C,GAAC,MAAM,CAAC,wBAAwB,CAAC,IAAG,QAAQ;oBAC5C,GACF,EAEJ,iBAAiB,EAAE,iBAAiB,IACpC,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,cAAc,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 AbstractSwitch from '../internal/components/abstract-switch';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { getBaseProps } from '../internal/base-component';\nimport styles from './styles.css.js';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { ToggleProps } from './interfaces';\n\ntype InternalToggleProps = ToggleProps & InternalBaseComponentProps;\n\nconst InternalToggle = React.forwardRef<ToggleProps.Ref, InternalToggleProps>(\n  (\n    {\n      controlId,\n      checked,\n      name,\n      disabled,\n      children,\n      description,\n      ariaLabel,\n      ariaDescribedby,\n      ariaLabelledby,\n      onFocus,\n      onBlur,\n      onChange,\n      __internalRootRef = null,\n      ...rest\n    },\n    ref\n  ) => {\n    const baseProps = getBaseProps(rest);\n    const checkboxRef = useRef<HTMLInputElement>(null);\n    useForwardFocus(ref, checkboxRef);\n    return (\n      <AbstractSwitch\n        {...baseProps}\n        className={clsx(styles.root, baseProps.className)}\n        controlClassName={clsx(styles['toggle-control'], {\n          [styles['toggle-control-checked']]: checked,\n          [styles['toggle-control-disabled']]: disabled,\n        })}\n        controlId={controlId}\n        disabled={disabled}\n        label={children}\n        description={description}\n        descriptionBottomPadding={true}\n        ariaLabel={ariaLabel}\n        ariaLabelledby={ariaLabelledby}\n        ariaDescribedby={ariaDescribedby}\n        nativeControl={nativeControlProps => (\n          <input\n            {...nativeControlProps}\n            ref={checkboxRef}\n            className={styles.input}\n            type=\"checkbox\"\n            checked={checked}\n            name={name}\n            onFocus={onFocus && (() => fireNonCancelableEvent(onFocus))}\n            onBlur={onBlur && (() => fireNonCancelableEvent(onBlur))}\n            onChange={onChange && (event => fireNonCancelableEvent(onChange, { checked: event.target.checked }))}\n          />\n        )}\n        styledControl={\n          <div\n            className={clsx(styles['toggle-handle'], {\n              [styles['toggle-handle-checked']]: checked,\n              [styles['toggle-handle-disabled']]: disabled,\n            })}\n          />\n        }\n        __internalRootRef={__internalRootRef}\n      />\n    );\n  }\n);\n\nexport default InternalToggle;\n"]}

package/toggle/styles.css.js

@@ -0,0 +1,13 @@
+
+    import './styles.scoped.css';
+    export default {
+  "root": "awsui_root_4yi2u_n8xwa_93",
+  "input": "awsui_input_4yi2u_n8xwa_105",
+  "toggle-control": "awsui_toggle-control_4yi2u_n8xwa_127",
+  "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_n8xwa_136",
+  "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_n8xwa_139",
+  "toggle-handle": "awsui_toggle-handle_4yi2u_n8xwa_146",
+  "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_n8xwa_157",
+  "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_n8xwa_160"
+};
+  

package/toggle/styles.scoped.css

@@ -0,0 +1,214 @@
+/*
+ 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_4yi2u_n8xwa_93: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: flex;
+}
+
+.awsui_input_4yi2u_n8xwa_105[data-awsui-focus-visible=true]:not(#\9):focus {
+  /* stylelint-disable-next-line selector-max-type, @cloudscape-design/no-implicit-descendant */
+}
+.awsui_input_4yi2u_n8xwa_105[data-awsui-focus-visible=true]:not(#\9):focus + div {
+  position: relative;
+}
+.awsui_input_4yi2u_n8xwa_105[data-awsui-focus-visible=true]:not(#\9):focus + div {
+  outline: 2px dotted transparent;
+  outline-offset: calc(2px - 1px);
+}
+.awsui_input_4yi2u_n8xwa_105[data-awsui-focus-visible=true]:not(#\9):focus + div::before {
+  content: " ";
+  display: block;
+  position: absolute;
+  left: calc(-1 * 2px);
+  top: calc(-1 * 2px);
+  width: calc(100% + 2 * 2px);
+  height: calc(100% + 2 * 2px);
+  border-radius: 4px;
+  border-radius: var(--border-control-focus-ring-radius-default-6g2tnn, 4px);
+  box-shadow: 0 0 0 2px #0972d3;
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
+}
+
+.awsui_toggle-control_4yi2u_n8xwa_127:not(#\9) {
+  margin-top: calc((22px - 16px) / 2);
+  margin-top: calc((var(--font-body-m-line-height-i7xxvv, 22px) - 16px) / 2);
+  min-height: 16px;
+  min-width: 24px;
+  height: 16px;
+  width: 24px;
+  background: #414d5c;
+  background: var(--color-background-toggle-default-w4ftus, #414d5c);
+  border-radius: 8px;
+}
+.awsui_toggle-control-checked_4yi2u_n8xwa_136:not(#\9) {
+  background: #0972d3;
+  background: var(--color-background-control-checked-9admlu, #0972d3);
+}
+.awsui_toggle-control-disabled_4yi2u_n8xwa_139:not(#\9) {
+  background: #d1d5db;
+  background: var(--color-background-control-disabled-zplipy, #d1d5db);
+}
+.awsui_toggle-control-disabled_4yi2u_n8xwa_139.awsui_toggle-control-checked_4yi2u_n8xwa_136:not(#\9) {
+  background: #b5d6f4;
+  background: var(--color-background-toggle-checked-disabled-07lf06, #b5d6f4);
+}
+
+.awsui_toggle-handle_4yi2u_n8xwa_146:not(#\9) {
+  position: absolute;
+  border-radius: 6px;
+  background: #ffffff;
+  background: var(--color-foreground-control-default-7ajdem, #ffffff);
+  box-shadow: 1px 1px rgba(0, 0, 0, 0.25);
+  width: 12px;
+  height: 12px;
+  top: 2px;
+  left: 2px;
+  transition: transform 90ms cubic-bezier(0.165, 0.84, 0.44, 1), background-color 90ms cubic-bezier(0.165, 0.84, 0.44, 1);
+  transition: transform var(--motion-duration-fast-nk2ap0, 90ms) var(--motion-easing-ease-out-quart-z687ml, cubic-bezier(0.165, 0.84, 0.44, 1)), background-color var(--motion-duration-fast-nk2ap0, 90ms) var(--motion-easing-ease-out-quart-z687ml, cubic-bezier(0.165, 0.84, 0.44, 1));
+}
+.awsui_toggle-handle-checked_4yi2u_n8xwa_157:not(#\9) {
+  transform: translateX(8px);
+}
+.awsui_toggle-handle-disabled_4yi2u_n8xwa_160:not(#\9) {
+  background: #ffffff;
+  background: var(--color-foreground-control-disabled-v6a97u, #ffffff);
+  box-shadow: none;
+}
+@media (prefers-reduced-motion: reduce) {
+  .awsui_toggle-handle_4yi2u_n8xwa_146:not(#\9) {
+    animation: none;
+    transition: none;
+  }
+}
+.awsui-motion-disabled .awsui_toggle-handle_4yi2u_n8xwa_146:not(#\9), .awsui-mode-entering .awsui_toggle-handle_4yi2u_n8xwa_146:not(#\9) {
+  animation: none;
+  transition: none;
+}

package/toggle/styles.selectors.js

@@ -0,0 +1,14 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "root": "awsui_root_4yi2u_n8xwa_93",
+  "input": "awsui_input_4yi2u_n8xwa_105",
+  "toggle-control": "awsui_toggle-control_4yi2u_n8xwa_127",
+  "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_n8xwa_136",
+  "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_n8xwa_139",
+  "toggle-handle": "awsui_toggle-handle_4yi2u_n8xwa_146",
+  "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_n8xwa_157",
+  "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_n8xwa_160"
+};
+  

package/token-group/dismiss-button.d.ts

@@ -0,0 +1,8 @@
+interface DismissButtonProps {
+    disabled?: boolean;
+    onDismiss?: () => void;
+    dismissLabel?: string;
+}
+export default function DismissButton({ disabled, dismissLabel, onDismiss }: DismissButtonProps): JSX.Element;
+export {};
+//# sourceMappingURL=dismiss-button.d.ts.map

package/token-group/dismiss-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dismiss-button.d.ts","sourceRoot":"","sources":["../../../src/token-group/dismiss-button.tsx"],"names":[],"mappings":"AASA,UAAU,kBAAkB;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAOD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,kBAAkB,eAqB9F"}

package/token-group/dismiss-button.js

@@ -0,0 +1,25 @@
+import { __assign } 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 styles from './styles.css.js';
+import InternalIcon from '../icon/internal';
+import useFocusVisible from '../internal/hooks/focus-visible';
+export default function DismissButton(_a) {
+    var disabled = _a.disabled, dismissLabel = _a.dismissLabel, onDismiss = _a.onDismiss;
+    var tokenAttributes = {
+        tabIndex: -1
+    };
+    if (dismissLabel) {
+        tokenAttributes['aria-label'] = dismissLabel;
+    }
+    if (!disabled) {
+        tokenAttributes.onClick = onDismiss;
+        tokenAttributes.tabIndex = 0;
+    }
+    var focusVisible = useFocusVisible();
+    return (React.createElement("button", __assign({ type: "button", className: clsx(styles['dismiss-button']) }, tokenAttributes, focusVisible),
+        React.createElement(InternalIcon, { name: "close" })));
+}
+//# sourceMappingURL=dismiss-button.js.map

package/token-group/dismiss-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dismiss-button.js","sourceRoot":"","sources":["../../../src/token-group/dismiss-button.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAE5C,OAAO,eAAe,MAAM,iCAAiC,CAAC;AAa9D,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAyD;QAAvD,QAAQ,cAAA,EAAE,YAAY,kBAAA,EAAE,SAAS,eAAA;IACvE,IAAM,eAAe,GAA4B;QAC/C,QAAQ,EAAE,CAAC,CAAC;KACb,CAAC;IAEF,IAAI,YAAY,EAAE;QAChB,eAAe,CAAC,YAAY,CAAC,GAAG,YAAY,CAAC;KAC9C;IAED,IAAI,CAAC,QAAQ,EAAE;QACb,eAAe,CAAC,OAAO,GAAG,SAAS,CAAC;QACpC,eAAe,CAAC,QAAQ,GAAG,CAAC,CAAC;KAC9B;IAED,IAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IAEvC,OAAO,CACL,yCAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,IAAM,eAAe,EAAM,YAAY;QACpG,oBAAC,YAAY,IAAC,IAAI,EAAC,OAAO,GAAG,CACtB,CACV,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 styles from './styles.css.js';\nimport InternalIcon from '../icon/internal';\n\nimport useFocusVisible from '../internal/hooks/focus-visible';\n\ninterface DismissButtonProps {\n  disabled?: boolean;\n  onDismiss?: () => void;\n  dismissLabel?: string;\n}\n\ninterface DismissButtonAttributes {\n  onClick?(): void;\n  tabIndex: number;\n  'aria-label'?: string;\n}\nexport default function DismissButton({ disabled, dismissLabel, onDismiss }: DismissButtonProps) {\n  const tokenAttributes: DismissButtonAttributes = {\n    tabIndex: -1,\n  };\n\n  if (dismissLabel) {\n    tokenAttributes['aria-label'] = dismissLabel;\n  }\n\n  if (!disabled) {\n    tokenAttributes.onClick = onDismiss;\n    tokenAttributes.tabIndex = 0;\n  }\n\n  const focusVisible = useFocusVisible();\n\n  return (\n    <button type=\"button\" className={clsx(styles['dismiss-button'])} {...tokenAttributes} {...focusVisible}>\n      <InternalIcon name=\"close\" />\n    </button>\n  );\n}\n"]}

package/token-group/index.d.ts

@@ -0,0 +1,4 @@
+import { TokenGroupProps } from './interfaces';
+export { TokenGroupProps };
+export default function TokenGroup({ items, alignment, ...props }: TokenGroupProps): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/token-group/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/token-group/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAK/C,OAAO,EAAE,eAAe,EAAE,CAAC;AAE3B,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,KAAU,EAAE,SAAwB,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,eAGrG"}

package/token-group/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 { applyDisplayName } from '../internal/utils/apply-display-name';
+import useBaseComponent from '../internal/hooks/use-base-component';
+import InternalTokenGroup from './internal';
+export default function TokenGroup(_a) {
+    var _b = _a.items, items = _b === void 0 ? [] : _b, _c = _a.alignment, alignment = _c === void 0 ? 'horizontal' : _c, props = __rest(_a, ["items", "alignment"]);
+    var baseComponentProps = useBaseComponent('TokenGroup');
+    return React.createElement(InternalTokenGroup, __assign({ items: items, alignment: alignment }, props, baseComponentProps));
+}
+applyDisplayName(TokenGroup, 'TokenGroup');
+//# sourceMappingURL=index.js.map

package/token-group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/token-group/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,kBAAkB,MAAM,YAAY,CAAC;AAI5C,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAmE;IAAjE,IAAA,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EAAE,iBAAwB,EAAxB,SAAS,mBAAG,YAAY,KAAA,EAAK,KAAK,cAAhD,sBAAkD,CAAF;IACjF,IAAM,kBAAkB,GAAG,gBAAgB,CAAC,YAAY,CAAC,CAAC;IAC1D,OAAO,oBAAC,kBAAkB,aAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,IAAM,KAAK,EAAM,kBAAkB,EAAI,CAAC;AACvG,CAAC;AAED,gBAAgB,CAAC,UAAU,EAAE,YAAY,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 { TokenGroupProps } from './interfaces';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport InternalTokenGroup from './internal';\n\nexport { TokenGroupProps };\n\nexport default function TokenGroup({ items = [], alignment = 'horizontal', ...props }: TokenGroupProps) {\n  const baseComponentProps = useBaseComponent('TokenGroup');\n  return <InternalTokenGroup items={items} alignment={alignment} {...props} {...baseComponentProps} />;\n}\n\napplyDisplayName(TokenGroup, 'TokenGroup');\n"]}

package/token-group/interfaces.d.ts

@@ -0,0 +1,62 @@
+import React from 'react';
+import { BaseComponentProps } from '../internal/base-component';
+import { NonCancelableEventHandler } from '../internal/events';
+import { IconProps } from '../icon/interfaces';
+export interface TokenGroupProps extends BaseComponentProps {
+    /**
+     * An object containing all the necessary localized strings required by the component.
+     */
+    i18nStrings?: TokenGroupProps.I18nStrings;
+    /**
+     * Specifies the maximum number of displayed tokens. If the property isn't set, all of the tokens are displayed.
+     */
+    limit?: number;
+    /**
+     * Specifies the direction in which tokens are aligned (`horizontal | vertical`).
+     */
+    alignment?: TokenGroupProps.Alignment;
+    /**
+     *
+     * An array of objects representing token items. Each token has the following properties:
+     *
+     * - `label` (string) - Title text of the token.
+     * - `description` (string) - (Optional) Further information about the token that appears below the label.
+     * - `disabled` [boolean] - (Optional) Determines whether the token is disabled.
+     * - `labelTag` (string) - (Optional) A label tag that provides additional guidance, shown next to the label.
+     * - `tags` [string[]] - (Optional) A list of tags giving further guidance about the token.
+     * - `dismissLabel` (string) - (Optional) Adds an `aria-label` to the dismiss button.
+     * - `iconName` (string) - (Optional) Specifies the name of an [icon](/components/icon/) to display in the token.
+     * - `iconAlt` (string) - (Optional) Specifies alternate text for a custom icon, for use with `iconUrl`.
+     * - `iconUrl` (string) - (Optional) URL of a custom icon.
+     * - `iconSvg` (ReactNode) - (Optional) Custom SVG icon. Equivalent to the `svg` slot of the [icon component](/components/icon/).
+     */
+    items?: ReadonlyArray<TokenGroupProps.Item>;
+    /**
+     *  Called when the user clicks on the dismiss button. The token won't be automatically removed.
+     *  Make sure that you add a listener to this event to update your application state.
+     */
+    onDismiss?: NonCancelableEventHandler<TokenGroupProps.DismissDetail>;
+}
+export declare namespace TokenGroupProps {
+    type Alignment = 'horizontal' | 'vertical';
+    interface Item {
+        label?: string;
+        disabled?: boolean;
+        labelTag?: string;
+        description?: string;
+        iconAlt?: string;
+        iconName?: IconProps.Name;
+        iconUrl?: string;
+        iconSvg?: React.ReactNode;
+        tags?: ReadonlyArray<string>;
+        dismissLabel?: string;
+    }
+    interface DismissDetail {
+        itemIndex: number;
+    }
+    interface I18nStrings {
+        limitShowFewer?: string;
+        limitShowMore?: string;
+    }
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/token-group/interfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/token-group/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,MAAM,WAAW,eAAgB,SAAQ,kBAAkB;IACzD;;OAEG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC;IAE1C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC;IAEtC;;;;;;;;;;;;;;OAcG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;IAC5C;;;OAGG;IACH,SAAS,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;CACtE;AAED,yBAAiB,eAAe,CAAC;IAC/B,KAAY,SAAS,GAAG,YAAY,GAAG,UAAU,CAAC;IAClD,UAAiB,IAAI;QACnB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,QAAQ,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;QAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;QAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB;IAED,UAAiB,aAAa;QAC5B,SAAS,EAAE,MAAM,CAAC;KACnB;IAED,UAAiB,WAAW;QAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,aAAa,CAAC,EAAE,MAAM,CAAC;KACxB;CACF"}

package/token-group/interfaces.js

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

package/token-group/interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/token-group/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\nimport { IconProps } from '../icon/interfaces';\n\nexport interface TokenGroupProps extends BaseComponentProps {\n  /**\n   * An object containing all the necessary localized strings required by the component.\n   */\n  i18nStrings?: TokenGroupProps.I18nStrings;\n\n  /**\n   * Specifies the maximum number of displayed tokens. If the property isn't set, all of the tokens are displayed.\n   */\n  limit?: number;\n\n  /**\n   * Specifies the direction in which tokens are aligned (`horizontal | vertical`).\n   */\n  alignment?: TokenGroupProps.Alignment;\n\n  /**\n   *\n   * An array of objects representing token items. Each token has the following properties:\n   *\n   * - `label` (string) - Title text of the token.\n   * - `description` (string) - (Optional) Further information about the token that appears below the label.\n   * - `disabled` [boolean] - (Optional) Determines whether the token is disabled.\n   * - `labelTag` (string) - (Optional) A label tag that provides additional guidance, shown next to the label.\n   * - `tags` [string[]] - (Optional) A list of tags giving further guidance about the token.\n   * - `dismissLabel` (string) - (Optional) Adds an `aria-label` to the dismiss button.\n   * - `iconName` (string) - (Optional) Specifies the name of an [icon](/components/icon/) to display in the token.\n   * - `iconAlt` (string) - (Optional) Specifies alternate text for a custom icon, for use with `iconUrl`.\n   * - `iconUrl` (string) - (Optional) URL of a custom icon.\n   * - `iconSvg` (ReactNode) - (Optional) Custom SVG icon. Equivalent to the `svg` slot of the [icon component](/components/icon/).\n   */\n  items?: ReadonlyArray<TokenGroupProps.Item>;\n  /**\n   *  Called when the user clicks on the dismiss button. The token won't be automatically removed.\n   *  Make sure that you add a listener to this event to update your application state.\n   */\n  onDismiss?: NonCancelableEventHandler<TokenGroupProps.DismissDetail>;\n}\n\nexport namespace TokenGroupProps {\n  export type Alignment = 'horizontal' | 'vertical';\n  export interface Item {\n    label?: string;\n    disabled?: boolean;\n    labelTag?: string;\n    description?: string;\n    iconAlt?: string;\n    iconName?: IconProps.Name;\n    iconUrl?: string;\n    iconSvg?: React.ReactNode;\n    tags?: ReadonlyArray<string>;\n    dismissLabel?: string;\n  }\n\n  export interface DismissDetail {\n    itemIndex: number;\n  }\n\n  export interface I18nStrings {\n    limitShowFewer?: string;\n    limitShowMore?: string;\n  }\n}\n"]}

package/token-group/internal.d.ts

@@ -0,0 +1,11 @@
+import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
+import { TokenGroupProps } from './interfaces';
+import { SomeRequired } from '../internal/types';
+declare type InternalTokenGroupProps = SomeRequired<TokenGroupProps, 'items' | 'alignment'> & InternalBaseComponentProps;
+export default function InternalTokenGroup({ items, alignment, onDismiss, __internalRootRef, limit, ...props }: InternalTokenGroupProps): JSX.Element;
+interface TokenProps extends TokenGroupProps.Item {
+    onDismiss?: () => void;
+}
+export declare function Token({ disabled, dismissLabel, onDismiss, ...props }: TokenProps): JSX.Element;
+export {};
+//# sourceMappingURL=internal.d.ts.map

package/token-group/internal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/token-group/internal.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAMlF,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAK/C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,aAAK,uBAAuB,GAAG,YAAY,CAAC,eAAe,EAAE,OAAO,GAAG,WAAW,CAAC,GAAG,0BAA0B,CAAC;AAEjH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,KAAK,EACL,SAAS,EACT,SAAS,EACT,iBAAiB,EACjB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,uBAAuB,eAkCzB;AAED,UAAU,UAAW,SAAQ,eAAe,CAAC,IAAI;IAC/C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,wBAAgB,KAAK,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,eAehF"}

package/token-group/internal.js

@@ -0,0 +1,35 @@
+import { __assign, __rest } from "tslib";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React, { useState } from 'react';
+import clsx from 'clsx';
+import Option from '../internal/components/option';
+import { fireNonCancelableEvent } from '../internal/events';
+import checkControlled from '../internal/hooks/check-controlled';
+import { useUniqueId } from '../internal/hooks/use-unique-id';
+import { getBaseProps } from '../internal/base-component';
+import SpaceBetween from '../space-between/internal';
+import DismissButton from './dismiss-button';
+import SelectToggle from './toggle';
+import styles from './styles.css.js';
+export default function InternalTokenGroup(_a) {
+    var items = _a.items, alignment = _a.alignment, onDismiss = _a.onDismiss, __internalRootRef = _a.__internalRootRef, limit = _a.limit, props = __rest(_a, ["items", "alignment", "onDismiss", "__internalRootRef", "limit"]);
+    checkControlled('TokenGroup', 'items', items, 'onDismiss', onDismiss);
+    var _b = useState(false), expanded = _b[0], setExpanded = _b[1];
+    var controlId = useUniqueId();
+    var hasItems = items.length > 0;
+    var hasHiddenItems = hasItems && limit !== undefined && items.length > limit;
+    var slicedItems = hasHiddenItems && !expanded ? items.slice(0, limit) : items;
+    var baseProps = getBaseProps(props);
+    var className = clsx(baseProps.className, styles.root, hasItems && styles['has-items']);
+    return (React.createElement("div", __assign({}, baseProps, { className: className, ref: __internalRootRef }),
+        hasItems && (React.createElement(SpaceBetween, { id: controlId, direction: alignment, size: "xs" }, slicedItems.map(function (item, itemIndex) { return (React.createElement(Token, __assign({ key: itemIndex }, item, { onDismiss: function () { return fireNonCancelableEvent(onDismiss, { itemIndex: itemIndex }); } }))); }))),
+        hasHiddenItems && (React.createElement(SelectToggle, { controlId: controlId, allHidden: limit === 0, expanded: expanded, numberOfHiddenOptions: items.length - slicedItems.length, i18nStrings: props.i18nStrings, onClick: function () { return setExpanded(!expanded); } }))));
+}
+export function Token(_a) {
+    var disabled = _a.disabled, dismissLabel = _a.dismissLabel, onDismiss = _a.onDismiss, props = __rest(_a, ["disabled", "dismissLabel", "onDismiss"]);
+    return (React.createElement("div", { className: clsx(styles.token, disabled && styles['token-disabled']), "aria-disabled": disabled ? 'true' : undefined },
+        React.createElement(Option, { option: __assign(__assign({}, props), { disabled: disabled }) }),
+        React.createElement(DismissButton, { disabled: disabled, dismissLabel: dismissLabel, onDismiss: onDismiss })));
+}
+//# sourceMappingURL=internal.js.map

package/token-group/internal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/token-group/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, { useState } from 'react';\nimport clsx from 'clsx';\n\nimport Option from '../internal/components/option';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport checkControlled from '../internal/hooks/check-controlled';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { getBaseProps } from '../internal/base-component';\n\nimport SpaceBetween from '../space-between/internal';\n\nimport { TokenGroupProps } from './interfaces';\nimport DismissButton from './dismiss-button';\nimport SelectToggle from './toggle';\n\nimport styles from './styles.css.js';\nimport { SomeRequired } from '../internal/types';\n\ntype InternalTokenGroupProps = SomeRequired<TokenGroupProps, 'items' | 'alignment'> & InternalBaseComponentProps;\n\nexport default function InternalTokenGroup({\n  items,\n  alignment,\n  onDismiss,\n  __internalRootRef,\n  limit,\n  ...props\n}: InternalTokenGroupProps) {\n  checkControlled('TokenGroup', 'items', items, 'onDismiss', onDismiss);\n\n  const [expanded, setExpanded] = useState(false);\n  const controlId = useUniqueId();\n\n  const hasItems = items.length > 0;\n  const hasHiddenItems = hasItems && limit !== undefined && items.length > limit;\n  const slicedItems = hasHiddenItems && !expanded ? items.slice(0, limit) : items;\n\n  const baseProps = getBaseProps(props);\n  const className = clsx(baseProps.className, styles.root, hasItems && styles['has-items']);\n\n  return (\n    <div {...baseProps} className={className} ref={__internalRootRef}>\n      {hasItems && (\n        <SpaceBetween id={controlId} direction={alignment} size=\"xs\">\n          {slicedItems.map((item: TokenGroupProps.Item, itemIndex) => (\n            <Token key={itemIndex} {...item} onDismiss={() => fireNonCancelableEvent(onDismiss, { itemIndex })} />\n          ))}\n        </SpaceBetween>\n      )}\n      {hasHiddenItems && (\n        <SelectToggle\n          controlId={controlId}\n          allHidden={limit === 0}\n          expanded={expanded}\n          numberOfHiddenOptions={items.length - slicedItems.length}\n          i18nStrings={props.i18nStrings}\n          onClick={() => setExpanded(!expanded)}\n        />\n      )}\n    </div>\n  );\n}\n\ninterface TokenProps extends TokenGroupProps.Item {\n  onDismiss?: () => void;\n}\n\nexport function Token({ disabled, dismissLabel, onDismiss, ...props }: TokenProps) {\n  return (\n    <div\n      className={clsx(styles.token, disabled && styles['token-disabled'])}\n      aria-disabled={disabled ? 'true' : undefined}\n    >\n      <Option\n        option={{\n          ...props,\n          disabled,\n        }}\n      />\n      <DismissButton disabled={disabled} dismissLabel={dismissLabel} onDismiss={onDismiss} />\n    </div>\n  );\n}\n"]}

package/token-group/styles.css.js

@@ -0,0 +1,12 @@
+
+    import './styles.scoped.css';
+    export default {
+  "root": "awsui_root_dm8gx_1jb1p_97",
+  "has-items": "awsui_has-items_dm8gx_1jb1p_107",
+  "token": "awsui_token_dm8gx_1jb1p_111",
+  "dismiss-button": "awsui_dismiss-button_dm8gx_1jb1p_123",
+  "token-disabled": "awsui_token-disabled_dm8gx_1jb1p_157",
+  "toggle": "awsui_toggle_dm8gx_1jb1p_172",
+  "description": "awsui_description_dm8gx_1jb1p_233"
+};
+