@cloudscape-design/components 3.0.87 → 3.0.89

package/header/styles.selectors.js

@@ -2,45 +2,45 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_2qdw9_cj9ra_93",
-  "root-no-actions": "awsui_root-no-actions_2qdw9_cj9ra_108",
-  "root-variant-h1": "awsui_root-variant-h1_2qdw9_cj9ra_108",
-  "root-variant-h1-refresh": "awsui_root-variant-h1-refresh_2qdw9_cj9ra_111",
-  "root-variant-h2": "awsui_root-variant-h2_2qdw9_cj9ra_114",
-  "root-has-description": "awsui_root-has-description_2qdw9_cj9ra_114",
-  "root-variant-h2-refresh": "awsui_root-variant-h2-refresh_2qdw9_cj9ra_117",
-  "root-variant-h3": "awsui_root-variant-h3_2qdw9_cj9ra_120",
-  "root-variant-h3-refresh": "awsui_root-variant-h3-refresh_2qdw9_cj9ra_123",
-  "root-no-wrap": "awsui_root-no-wrap_2qdw9_cj9ra_126",
-  "main": "awsui_main_2qdw9_cj9ra_130",
-  "main-variant-h1": "awsui_main-variant-h1_2qdw9_cj9ra_138",
-  "main-variant-h1-refresh": "awsui_main-variant-h1-refresh_2qdw9_cj9ra_141",
-  "main-variant-h2": "awsui_main-variant-h2_2qdw9_cj9ra_147",
-  "main-variant-h3": "awsui_main-variant-h3_2qdw9_cj9ra_147",
-  "main-variant-h2-refresh": "awsui_main-variant-h2-refresh_2qdw9_cj9ra_153",
-  "actions": "awsui_actions_2qdw9_cj9ra_160",
-  "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_cj9ra_164",
-  "actions-variant-h1-refresh": "awsui_actions-variant-h1-refresh_2qdw9_cj9ra_167",
-  "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_cj9ra_170",
-  "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_cj9ra_170",
-  "actions-variant-h2-refresh": "awsui_actions-variant-h2-refresh_2qdw9_cj9ra_176",
-  "actions-variant-h3-refresh": "awsui_actions-variant-h3-refresh_2qdw9_cj9ra_179",
-  "title": "awsui_title_2qdw9_cj9ra_183",
-  "title-variant-h2": "awsui_title-variant-h2_2qdw9_cj9ra_189",
-  "title-variant-h3": "awsui_title-variant-h3_2qdw9_cj9ra_189",
-  "title-variant-h2-refresh": "awsui_title-variant-h2-refresh_2qdw9_cj9ra_198",
-  "info": "awsui_info_2qdw9_cj9ra_208",
-  "description": "awsui_description_2qdw9_cj9ra_212",
-  "description-variant-h1": "awsui_description-variant-h1_2qdw9_cj9ra_217",
-  "description-variant-h1-refresh": "awsui_description-variant-h1-refresh_2qdw9_cj9ra_222",
-  "description-variant-h2": "awsui_description-variant-h2_2qdw9_cj9ra_225",
-  "description-variant-h3": "awsui_description-variant-h3_2qdw9_cj9ra_230",
-  "description-variant-h3-refresh": "awsui_description-variant-h3-refresh_2qdw9_cj9ra_236",
-  "heading": "awsui_heading_2qdw9_cj9ra_240",
-  "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_cj9ra_249",
-  "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_cj9ra_255",
-  "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_cj9ra_258",
-  "heading-text": "awsui_heading-text_2qdw9_cj9ra_262",
-  "counter": "awsui_counter_2qdw9_cj9ra_266"
+  "root": "awsui_root_2qdw9_1s542_93",
+  "root-no-actions": "awsui_root-no-actions_2qdw9_1s542_108",
+  "root-variant-h1": "awsui_root-variant-h1_2qdw9_1s542_108",
+  "root-variant-h1-refresh": "awsui_root-variant-h1-refresh_2qdw9_1s542_111",
+  "root-variant-h2": "awsui_root-variant-h2_2qdw9_1s542_114",
+  "root-has-description": "awsui_root-has-description_2qdw9_1s542_114",
+  "root-variant-h2-refresh": "awsui_root-variant-h2-refresh_2qdw9_1s542_117",
+  "root-variant-h3": "awsui_root-variant-h3_2qdw9_1s542_120",
+  "root-variant-h3-refresh": "awsui_root-variant-h3-refresh_2qdw9_1s542_123",
+  "root-no-wrap": "awsui_root-no-wrap_2qdw9_1s542_126",
+  "main": "awsui_main_2qdw9_1s542_130",
+  "main-variant-h1": "awsui_main-variant-h1_2qdw9_1s542_138",
+  "main-variant-h1-refresh": "awsui_main-variant-h1-refresh_2qdw9_1s542_141",
+  "main-variant-h2": "awsui_main-variant-h2_2qdw9_1s542_147",
+  "main-variant-h3": "awsui_main-variant-h3_2qdw9_1s542_147",
+  "main-variant-h2-refresh": "awsui_main-variant-h2-refresh_2qdw9_1s542_153",
+  "actions": "awsui_actions_2qdw9_1s542_160",
+  "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_1s542_164",
+  "actions-variant-h1-refresh": "awsui_actions-variant-h1-refresh_2qdw9_1s542_167",
+  "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_1s542_170",
+  "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_1s542_170",
+  "actions-variant-h2-refresh": "awsui_actions-variant-h2-refresh_2qdw9_1s542_176",
+  "actions-variant-h3-refresh": "awsui_actions-variant-h3-refresh_2qdw9_1s542_179",
+  "title": "awsui_title_2qdw9_1s542_183",
+  "title-variant-h2": "awsui_title-variant-h2_2qdw9_1s542_189",
+  "title-variant-h3": "awsui_title-variant-h3_2qdw9_1s542_189",
+  "title-variant-h2-refresh": "awsui_title-variant-h2-refresh_2qdw9_1s542_198",
+  "info": "awsui_info_2qdw9_1s542_208",
+  "description": "awsui_description_2qdw9_1s542_212",
+  "description-variant-h1": "awsui_description-variant-h1_2qdw9_1s542_217",
+  "description-variant-h1-refresh": "awsui_description-variant-h1-refresh_2qdw9_1s542_222",
+  "description-variant-h2": "awsui_description-variant-h2_2qdw9_1s542_225",
+  "description-variant-h3": "awsui_description-variant-h3_2qdw9_1s542_230",
+  "description-variant-h3-refresh": "awsui_description-variant-h3-refresh_2qdw9_1s542_236",
+  "heading": "awsui_heading_2qdw9_1s542_240",
+  "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_1s542_249",
+  "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_1s542_255",
+  "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_1s542_259",
+  "heading-text": "awsui_heading-text_2qdw9_1s542_264",
+  "counter": "awsui_counter_2qdw9_1s542_268"
 };
   

package/hotspot/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hotspot/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAQ5C,OAAO,EAAE,YAAY,EAAE,CAAC;AAExB,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,IAAc,EACd,SAAiB,EACjB,GAAG,SAAS,EACb,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAkC5B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hotspot/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAQ5C,OAAO,EAAE,YAAY,EAAE,CAAC;AAExB,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,IAAc,EACd,SAAiB,EACjB,GAAG,SAAS,EACb,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAqC5B"}

package/hotspot/index.js

@@ -22,9 +22,9 @@ export default function Hotspot(_a) {
     if (children) {
         return (React.createElement("div", __assign({}, baseProps, { className: clsx(baseProps.className, styles.root, styles.wrapper), ref: __internalRootRef }),
             React.createElement("div", { className: styles.elementWrapper }, children),
-            React.createElement("div", { className: clsx(styles.markerWrapper, styles["placement-".concat(side)]) }, content)));
+            React.createElement("div", { className: clsx(styles.markerWrapper, styles["placement-".concat(side)]), onClick: function (e) { return e.stopPropagation(); } }, content)));
     }
-    return (React.createElement("span", __assign({}, baseProps, { className: clsx(baseProps.className, styles.root, styles.inlineWrapper), ref: __internalRootRef }), content));
+    return (React.createElement("span", __assign({}, baseProps, { className: clsx(baseProps.className, styles.root, styles.inlineWrapper), ref: __internalRootRef, onClick: function (e) { return e.stopPropagation(); } }), content));
 }
 applyDisplayName(Hotspot, 'Hotspot');
 //# sourceMappingURL=index.js.map

package/hotspot/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hotspot/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,cAAc,IAAI,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACrF,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AAIpE,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAMjB;IALb,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EACd,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACd,SAAS,cALkB,8CAM/B,CADa;IAEJ,IAAA,iBAAiB,GAAK,gBAAgB,CAAC,SAAS,CAAC,kBAAhC,CAAiC;IAC1D,IAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAE1C,IAAM,cAAc,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAEtD,IAAM,OAAO,GAAG,cAAc,CAAC,eAAe,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAE7D,IAAA,iBAAiB,GAAsB,cAAc,kBAApC,EAAE,eAAe,GAAK,cAAc,gBAAnB,CAAoB;IAE9D,SAAS,CAAC;QACR,eAAe,CAAC,SAAS,CAAC,CAAC;QAE3B,OAAO,cAAM,OAAA,iBAAiB,CAAC,SAAS,CAAC,EAA5B,CAA4B,CAAC;IAC5C,CAAC,EAAE,CAAC,SAAS,EAAE,iBAAiB,EAAE,eAAe,CAAC,CAAC,CAAC;IAEpD,IAAI,QAAQ,EAAE;QACZ,OAAO,CACL,wCAAS,SAAS,IAAE,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,iBAAiB;YAC3G,6BAAK,SAAS,EAAE,MAAM,CAAC,cAAc,IAAG,QAAQ,CAAO;YACvD,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,oBAAa,IAAI,CAAE,CAAC,CAAC,IAAG,OAAO,CAAO,CACpF,CACP,CAAC;KACH;IAED,OAAO,CACL,yCACM,SAAS,IACb,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,aAAa,CAAC,EACvE,GAAG,EAAE,iBAAiB,KAErB,OAAO,CACH,CACR,CAAC;AACJ,CAAC;AAED,gBAAgB,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useContext, useEffect } from 'react';\n\nimport { HotspotProps } from './interfaces';\nimport styles from './styles.css.js';\nimport { hotspotContext as hotspotContextType } from '../annotation-context/context';\nimport clsx from 'clsx';\nimport { getBaseProps } from '../internal/base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport useBaseComponent from '../internal/hooks/use-base-component';\n\nexport { HotspotProps };\n\nexport default function Hotspot({\n  children,\n  hotspotId,\n  side = 'right',\n  direction = 'top',\n  ...restProps\n}: HotspotProps): JSX.Element {\n  const { __internalRootRef } = useBaseComponent('Hotspot');\n  const baseProps = getBaseProps(restProps);\n\n  const hotspotContext = useContext(hotspotContextType);\n\n  const content = hotspotContext.getContentForId(hotspotId, direction);\n\n  const { unregisterHotspot, registerHotspot } = hotspotContext;\n\n  useEffect(() => {\n    registerHotspot(hotspotId);\n\n    return () => unregisterHotspot(hotspotId);\n  }, [hotspotId, unregisterHotspot, registerHotspot]);\n\n  if (children) {\n    return (\n      <div {...baseProps} className={clsx(baseProps.className, styles.root, styles.wrapper)} ref={__internalRootRef}>\n        <div className={styles.elementWrapper}>{children}</div>\n        <div className={clsx(styles.markerWrapper, styles[`placement-${side}`])}>{content}</div>\n      </div>\n    );\n  }\n\n  return (\n    <span\n      {...baseProps}\n      className={clsx(baseProps.className, styles.root, styles.inlineWrapper)}\n      ref={__internalRootRef}\n    >\n      {content}\n    </span>\n  );\n}\n\napplyDisplayName(Hotspot, 'Hotspot');\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hotspot/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,cAAc,IAAI,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACrF,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AAIpE,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAMjB;IALb,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EACd,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACd,SAAS,cALkB,8CAM/B,CADa;IAEJ,IAAA,iBAAiB,GAAK,gBAAgB,CAAC,SAAS,CAAC,kBAAhC,CAAiC;IAC1D,IAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAE1C,IAAM,cAAc,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAEtD,IAAM,OAAO,GAAG,cAAc,CAAC,eAAe,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAE7D,IAAA,iBAAiB,GAAsB,cAAc,kBAApC,EAAE,eAAe,GAAK,cAAc,gBAAnB,CAAoB;IAE9D,SAAS,CAAC;QACR,eAAe,CAAC,SAAS,CAAC,CAAC;QAE3B,OAAO,cAAM,OAAA,iBAAiB,CAAC,SAAS,CAAC,EAA5B,CAA4B,CAAC;IAC5C,CAAC,EAAE,CAAC,SAAS,EAAE,iBAAiB,EAAE,eAAe,CAAC,CAAC,CAAC;IAEpD,IAAI,QAAQ,EAAE;QACZ,OAAO,CACL,wCAAS,SAAS,IAAE,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,iBAAiB;YAC3G,6BAAK,SAAS,EAAE,MAAM,CAAC,cAAc,IAAG,QAAQ,CAAO;YACvD,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,oBAAa,IAAI,CAAE,CAAC,CAAC,EAAE,OAAO,EAAE,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,eAAe,EAAE,EAAnB,CAAmB,IACvG,OAAO,CACJ,CACF,CACP,CAAC;KACH;IAED,OAAO,CACL,yCACM,SAAS,IACb,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,aAAa,CAAC,EACvE,GAAG,EAAE,iBAAiB,EACtB,OAAO,EAAE,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,eAAe,EAAE,EAAnB,CAAmB,KAEhC,OAAO,CACH,CACR,CAAC;AACJ,CAAC;AAED,gBAAgB,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useContext, useEffect } from 'react';\n\nimport { HotspotProps } from './interfaces';\nimport styles from './styles.css.js';\nimport { hotspotContext as hotspotContextType } from '../annotation-context/context';\nimport clsx from 'clsx';\nimport { getBaseProps } from '../internal/base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport useBaseComponent from '../internal/hooks/use-base-component';\n\nexport { HotspotProps };\n\nexport default function Hotspot({\n  children,\n  hotspotId,\n  side = 'right',\n  direction = 'top',\n  ...restProps\n}: HotspotProps): JSX.Element {\n  const { __internalRootRef } = useBaseComponent('Hotspot');\n  const baseProps = getBaseProps(restProps);\n\n  const hotspotContext = useContext(hotspotContextType);\n\n  const content = hotspotContext.getContentForId(hotspotId, direction);\n\n  const { unregisterHotspot, registerHotspot } = hotspotContext;\n\n  useEffect(() => {\n    registerHotspot(hotspotId);\n\n    return () => unregisterHotspot(hotspotId);\n  }, [hotspotId, unregisterHotspot, registerHotspot]);\n\n  if (children) {\n    return (\n      <div {...baseProps} className={clsx(baseProps.className, styles.root, styles.wrapper)} ref={__internalRootRef}>\n        <div className={styles.elementWrapper}>{children}</div>\n        <div className={clsx(styles.markerWrapper, styles[`placement-${side}`])} onClick={e => e.stopPropagation()}>\n          {content}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <span\n      {...baseProps}\n      className={clsx(baseProps.className, styles.root, styles.inlineWrapper)}\n      ref={__internalRootRef}\n      onClick={e => e.stopPropagation()}\n    >\n      {content}\n    </span>\n  );\n}\n\napplyDisplayName(Hotspot, 'Hotspot');\n"]}

package/internal/components/abstract-switch/index.d.ts

@@ -13,7 +13,7 @@ export interface AbstractSwitchProps extends React.HTMLAttributes<HTMLElement>,
     ariaLabel?: string;
     ariaLabelledby?: string;
     ariaDescribedby?: string;
-    withoutLabel?: boolean;
+    onClick: () => void;
 }
-export default function AbstractSwitch({ controlId, controlClassName, outlineClassName, disabled, nativeControl, styledControl, label, description, descriptionBottomPadding, ariaLabel, ariaLabelledby, ariaDescribedby, withoutLabel, __internalRootRef, ...rest }: AbstractSwitchProps): JSX.Element;
+export default function AbstractSwitch({ controlId, controlClassName, outlineClassName, disabled, nativeControl, styledControl, label, description, descriptionBottomPadding, ariaLabel, ariaLabelledby, ariaDescribedby, onClick, __internalRootRef, ...rest }: AbstractSwitchProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/internal/components/abstract-switch/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/abstract-switch/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AAErF,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,0BAA0B;IACxG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,KAAK,KAAK,CAAC,YAAY,CAAC;IAC1F,aAAa,EAAE,KAAK,CAAC,YAAY,CAAC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAMD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,QAAQ,EACR,aAAa,EACb,aAAa,EACb,KAAK,EACL,WAAW,EACX,wBAAwB,EACxB,SAAS,EACT,cAAc,EACd,eAAe,EACf,YAAY,EACZ,iBAAiB,EACjB,GAAG,IAAI,EACR,EAAE,mBAAmB,eAyErB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/abstract-switch/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AAErF,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,0BAA0B;IACxG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,KAAK,KAAK,CAAC,YAAY,CAAC;IAC1F,aAAa,EAAE,KAAK,CAAC,YAAY,CAAC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAMD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,QAAQ,EACR,aAAa,EACb,aAAa,EACb,KAAK,EACL,WAAW,EACX,wBAAwB,EACxB,SAAS,EACT,cAAc,EACd,eAAe,EACf,OAAO,EACP,iBAAiB,EACjB,GAAG,IAAI,EACR,EAAE,mBAAmB,eAiErB"}

package/internal/components/abstract-switch/index.js

@@ -11,19 +11,12 @@ function joinString(values) {
 }
 export default function AbstractSwitch(_a) {
     var _b, _c;
-    var controlId = _a.controlId, controlClassName = _a.controlClassName, outlineClassName = _a.outlineClassName, disabled = _a.disabled, nativeControl = _a.nativeControl, styledControl = _a.styledControl, label = _a.label, description = _a.description, descriptionBottomPadding = _a.descriptionBottomPadding, ariaLabel = _a.ariaLabel, ariaLabelledby = _a.ariaLabelledby, ariaDescribedby = _a.ariaDescribedby, withoutLabel = _a.withoutLabel, __internalRootRef = _a.__internalRootRef, rest = __rest(_a, ["controlId", "controlClassName", "outlineClassName", "disabled", "nativeControl", "styledControl", "label", "description", "descriptionBottomPadding", "ariaLabel", "ariaLabelledby", "ariaDescribedby", "withoutLabel", "__internalRootRef"]);
+    var controlId = _a.controlId, controlClassName = _a.controlClassName, outlineClassName = _a.outlineClassName, disabled = _a.disabled, nativeControl = _a.nativeControl, styledControl = _a.styledControl, label = _a.label, description = _a.description, descriptionBottomPadding = _a.descriptionBottomPadding, ariaLabel = _a.ariaLabel, ariaLabelledby = _a.ariaLabelledby, ariaDescribedby = _a.ariaDescribedby, onClick = _a.onClick, __internalRootRef = _a.__internalRootRef, rest = __rest(_a, ["controlId", "controlClassName", "outlineClassName", "disabled", "nativeControl", "styledControl", "label", "description", "descriptionBottomPadding", "ariaLabel", "ariaLabelledby", "ariaDescribedby", "onClick", "__internalRootRef"]);
     var uniqueId = useUniqueId();
     var id = controlId || uniqueId;
     var focusVisible = useFocusVisible();
-    var wrapperId = "".concat(id, "-wrapper");
     var labelId = "".concat(id, "-label");
     var descriptionId = "".concat(id, "-description");
-    var WrapperElement = withoutLabel ? 'div' : 'label';
-    var wrapperAttributes = {};
-    if (!withoutLabel) {
-        wrapperAttributes.id = wrapperId;
-        wrapperAttributes.htmlFor = id;
-    }
     var ariaLabelledByIds = [];
     if (label) {
         ariaLabelledByIds.push(labelId);
@@ -39,7 +32,7 @@ export default function AbstractSwitch(_a) {
         ariaDescriptons.push(descriptionId);
     }
     return (React.createElement("div", __assign({}, rest, { className: clsx(styles.wrapper, rest.className), ref: __internalRootRef }),
-        React.createElement(WrapperElement, __assign({}, wrapperAttributes, { className: styles['label-wrapper'], "aria-disabled": disabled ? 'true' : undefined }),
+        React.createElement("div", { className: styles['label-wrapper'], "aria-disabled": disabled ? 'true' : undefined, onClick: disabled ? undefined : onClick },
             React.createElement("span", { className: clsx(styles.control, controlClassName) },
                 styledControl,
                 nativeControl(__assign(__assign({}, focusVisible), { id: id, disabled: disabled, className: styles['native-input'], 'aria-describedby': ariaDescriptons.length ? joinString(ariaDescriptons) : undefined, 'aria-labelledby': ariaLabelledByIds.length ? joinString(ariaLabelledByIds) : undefined, 'aria-label': ariaLabel })),

package/internal/components/abstract-switch/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/abstract-switch/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 from 'react';\nimport clsx from 'clsx';\nimport styles from './styles.css.js';\nimport useFocusVisible from '../../hooks/focus-visible';\nimport { useUniqueId } from '../../hooks/use-unique-id';\nimport { InternalBaseComponentProps } from '../../hooks/use-base-component/index.js';\n\nexport interface AbstractSwitchProps extends React.HTMLAttributes<HTMLElement>, InternalBaseComponentProps {\n  controlId?: string;\n  controlClassName: string;\n  outlineClassName: string;\n  disabled?: boolean;\n  nativeControl: (props: React.InputHTMLAttributes<HTMLInputElement>) => React.ReactElement;\n  styledControl: React.ReactElement;\n  label?: React.ReactNode;\n  description?: React.ReactNode;\n  descriptionBottomPadding?: boolean;\n  ariaLabel?: string;\n  ariaLabelledby?: string;\n  ariaDescribedby?: string;\n  withoutLabel?: boolean;\n}\n\nfunction joinString(values: (string | undefined)[]) {\n  return values.filter((value): value is string => !!value).join(' ');\n}\n\nexport default function AbstractSwitch({\n  controlId,\n  controlClassName,\n  outlineClassName,\n  disabled,\n  nativeControl,\n  styledControl,\n  label,\n  description,\n  descriptionBottomPadding,\n  ariaLabel,\n  ariaLabelledby,\n  ariaDescribedby,\n  withoutLabel,\n  __internalRootRef,\n  ...rest\n}: AbstractSwitchProps) {\n  const uniqueId = useUniqueId();\n  const id = controlId || uniqueId;\n\n  const focusVisible = useFocusVisible();\n  const wrapperId = `${id}-wrapper`;\n  const labelId = `${id}-label`;\n  const descriptionId = `${id}-description`;\n\n  const WrapperElement = withoutLabel ? 'div' : 'label';\n  const wrapperAttributes: Record<string, string | undefined> = {};\n  if (!withoutLabel) {\n    wrapperAttributes.id = wrapperId;\n    wrapperAttributes.htmlFor = id;\n  }\n\n  const ariaLabelledByIds = [];\n  if (label) {\n    ariaLabelledByIds.push(labelId);\n  }\n  if (ariaLabelledby) {\n    ariaLabelledByIds.push(ariaLabelledby);\n  }\n\n  const ariaDescriptons = [];\n  if (ariaDescribedby) {\n    ariaDescriptons.push(ariaDescribedby);\n  }\n  if (description) {\n    ariaDescriptons.push(descriptionId);\n  }\n\n  return (\n    <div {...rest} className={clsx(styles.wrapper, rest.className)} ref={__internalRootRef}>\n      <WrapperElement\n        {...wrapperAttributes}\n        className={styles['label-wrapper']}\n        aria-disabled={disabled ? 'true' : undefined}\n      >\n        <span className={clsx(styles.control, controlClassName)}>\n          {styledControl}\n          {nativeControl({\n            ...focusVisible,\n            id,\n            disabled,\n            className: styles['native-input'],\n            'aria-describedby': ariaDescriptons.length ? joinString(ariaDescriptons) : undefined,\n            'aria-labelledby': ariaLabelledByIds.length ? joinString(ariaLabelledByIds) : undefined,\n            'aria-label': ariaLabel,\n          })}\n          <span className={clsx(styles.outline, outlineClassName)} />\n        </span>\n        <span className={clsx(styles.content, !label && !description && styles['empty-content'])}>\n          {label && (\n            <span id={labelId} className={clsx(styles.label, { [styles['label-disabled']]: disabled })}>\n              {label}\n            </span>\n          )}\n          {description && (\n            <span\n              id={descriptionId}\n              className={clsx(styles.description, {\n                [styles['description-disabled']]: disabled,\n                [styles['description-bottom-padding']]: descriptionBottomPadding,\n              })}\n            >\n              {description}\n            </span>\n          )}\n        </span>\n      </WrapperElement>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/abstract-switch/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 from 'react';\nimport clsx from 'clsx';\nimport styles from './styles.css.js';\nimport useFocusVisible from '../../hooks/focus-visible';\nimport { useUniqueId } from '../../hooks/use-unique-id';\nimport { InternalBaseComponentProps } from '../../hooks/use-base-component/index.js';\n\nexport interface AbstractSwitchProps extends React.HTMLAttributes<HTMLElement>, InternalBaseComponentProps {\n  controlId?: string;\n  controlClassName: string;\n  outlineClassName: string;\n  disabled?: boolean;\n  nativeControl: (props: React.InputHTMLAttributes<HTMLInputElement>) => React.ReactElement;\n  styledControl: React.ReactElement;\n  label?: React.ReactNode;\n  description?: React.ReactNode;\n  descriptionBottomPadding?: boolean;\n  ariaLabel?: string;\n  ariaLabelledby?: string;\n  ariaDescribedby?: string;\n  onClick: () => void;\n}\n\nfunction joinString(values: (string | undefined)[]) {\n  return values.filter((value): value is string => !!value).join(' ');\n}\n\nexport default function AbstractSwitch({\n  controlId,\n  controlClassName,\n  outlineClassName,\n  disabled,\n  nativeControl,\n  styledControl,\n  label,\n  description,\n  descriptionBottomPadding,\n  ariaLabel,\n  ariaLabelledby,\n  ariaDescribedby,\n  onClick,\n  __internalRootRef,\n  ...rest\n}: AbstractSwitchProps) {\n  const uniqueId = useUniqueId();\n  const id = controlId || uniqueId;\n\n  const focusVisible = useFocusVisible();\n  const labelId = `${id}-label`;\n  const descriptionId = `${id}-description`;\n\n  const ariaLabelledByIds = [];\n  if (label) {\n    ariaLabelledByIds.push(labelId);\n  }\n  if (ariaLabelledby) {\n    ariaLabelledByIds.push(ariaLabelledby);\n  }\n\n  const ariaDescriptons = [];\n  if (ariaDescribedby) {\n    ariaDescriptons.push(ariaDescribedby);\n  }\n  if (description) {\n    ariaDescriptons.push(descriptionId);\n  }\n\n  return (\n    <div {...rest} className={clsx(styles.wrapper, rest.className)} ref={__internalRootRef}>\n      <div\n        className={styles['label-wrapper']}\n        aria-disabled={disabled ? 'true' : undefined}\n        onClick={disabled ? undefined : onClick}\n      >\n        <span className={clsx(styles.control, controlClassName)}>\n          {styledControl}\n          {nativeControl({\n            ...focusVisible,\n            id,\n            disabled,\n            className: styles['native-input'],\n            'aria-describedby': ariaDescriptons.length ? joinString(ariaDescriptons) : undefined,\n            'aria-labelledby': ariaLabelledByIds.length ? joinString(ariaLabelledByIds) : undefined,\n            'aria-label': ariaLabel,\n          })}\n          <span className={clsx(styles.outline, outlineClassName)} />\n        </span>\n        <span className={clsx(styles.content, !label && !description && styles['empty-content'])}>\n          {label && (\n            <span id={labelId} className={clsx(styles.label, { [styles['label-disabled']]: disabled })}>\n              {label}\n            </span>\n          )}\n          {description && (\n            <span\n              id={descriptionId}\n              className={clsx(styles.description, {\n                [styles['description-disabled']]: disabled,\n                [styles['description-bottom-padding']]: descriptionBottomPadding,\n              })}\n            >\n              {description}\n            </span>\n          )}\n        </span>\n      </div>\n    </div>\n  );\n}\n"]}

package/internal/components/abstract-switch/styles.css.js

@@ -1,17 +1,17 @@
 
     import './styles.scoped.css';
     export default {
-  "content": "awsui_content_1wepg_1cu7d_93",
-  "description": "awsui_description_1wepg_1cu7d_94",
-  "label": "awsui_label_1wepg_1cu7d_95",
-  "outline": "awsui_outline_1wepg_1cu7d_99",
-  "native-input": "awsui_native-input_1wepg_1cu7d_103",
-  "wrapper": "awsui_wrapper_1wepg_1cu7d_110",
-  "label-wrapper": "awsui_label-wrapper_1wepg_1cu7d_117",
-  "empty-content": "awsui_empty-content_1wepg_1cu7d_128",
-  "description-bottom-padding": "awsui_description-bottom-padding_1wepg_1cu7d_138",
-  "label-disabled": "awsui_label-disabled_1wepg_1cu7d_146",
-  "description-disabled": "awsui_description-disabled_1wepg_1cu7d_147",
-  "control": "awsui_control_1wepg_1cu7d_152"
+  "content": "awsui_content_1wepg_3hhd4_93",
+  "description": "awsui_description_1wepg_3hhd4_94",
+  "label": "awsui_label_1wepg_3hhd4_95",
+  "outline": "awsui_outline_1wepg_3hhd4_99",
+  "native-input": "awsui_native-input_1wepg_3hhd4_103",
+  "wrapper": "awsui_wrapper_1wepg_3hhd4_110",
+  "label-wrapper": "awsui_label-wrapper_1wepg_3hhd4_117",
+  "empty-content": "awsui_empty-content_1wepg_3hhd4_129",
+  "description-bottom-padding": "awsui_description-bottom-padding_1wepg_3hhd4_139",
+  "label-disabled": "awsui_label-disabled_1wepg_3hhd4_147",
+  "description-disabled": "awsui_description-disabled_1wepg_3hhd4_148",
+  "control": "awsui_control_1wepg_3hhd4_153"
 };
   

package/internal/components/abstract-switch/styles.scoped.css

@@ -90,76 +90,77 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_content_1wepg_1cu7d_93:not(#\9),
-.awsui_description_1wepg_1cu7d_94:not(#\9),
-.awsui_label_1wepg_1cu7d_95:not(#\9) {
+.awsui_content_1wepg_3hhd4_93:not(#\9),
+.awsui_description_1wepg_3hhd4_94:not(#\9),
+.awsui_label_1wepg_3hhd4_95:not(#\9) {
   display: block;
 }
 
-.awsui_outline_1wepg_1cu7d_99:not(#\9) {
+.awsui_outline_1wepg_3hhd4_99:not(#\9) {
   display: none;
 }
 
-.awsui_native-input_1wepg_1cu7d_103[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_native-input_1wepg_3hhd4_103[data-awsui-focus-visible=true]:not(#\9):focus {
   /* stylelint-disable-next-line selector-max-type, @cloudscape-design/no-implicit-descendant */
 }
-.awsui_native-input_1wepg_1cu7d_103[data-awsui-focus-visible=true]:not(#\9):focus + .awsui_outline_1wepg_1cu7d_99 {
+.awsui_native-input_1wepg_3hhd4_103[data-awsui-focus-visible=true]:not(#\9):focus + .awsui_outline_1wepg_3hhd4_99 {
   display: block;
 }
 
-.awsui_wrapper_1wepg_1cu7d_110:not(#\9) {
+.awsui_wrapper_1wepg_3hhd4_110:not(#\9) {
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
   display: flex;
 }
 
-.awsui_label-wrapper_1wepg_1cu7d_117:not(#\9) {
+.awsui_label-wrapper_1wepg_3hhd4_117:not(#\9) {
   position: relative;
   display: flex;
+  cursor: default;
 }
 
-.awsui_content_1wepg_1cu7d_93:not(#\9) {
+.awsui_content_1wepg_3hhd4_93:not(#\9) {
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
 }
 
-.awsui_empty-content_1wepg_1cu7d_128:not(#\9) {
+.awsui_empty-content_1wepg_3hhd4_129:not(#\9) {
   width: 0px;
 }
 
-.awsui_description_1wepg_1cu7d_94:not(#\9) {
+.awsui_description_1wepg_3hhd4_94:not(#\9) {
   color: var(--color-text-form-secondary-ih9x7l, #5f6b7a);
   font-size: var(--font-body-s-size-ukw2p9, 12px);
   line-height: var(--font-body-s-line-height-kdsbrl, 16px);
   letter-spacing: var(--font-body-s-letter-spacing-cy0oxj, 0.005em);
 }
-.awsui_description-bottom-padding_1wepg_1cu7d_138:not(#\9) {
+.awsui_description-bottom-padding_1wepg_3hhd4_139:not(#\9) {
   padding-bottom: var(--space-scaled-xxs-95dhkm, 4px);
 }
 
-.awsui_label_1wepg_1cu7d_95:not(#\9),
-.awsui_description_1wepg_1cu7d_94:not(#\9) {
+.awsui_label_1wepg_3hhd4_95:not(#\9),
+.awsui_description_1wepg_3hhd4_94:not(#\9) {
   padding-left: var(--space-xs-rsr2qu, 8px);
 }
-.awsui_label-disabled_1wepg_1cu7d_146:not(#\9),
-.awsui_description-disabled_1wepg_1cu7d_147:not(#\9) {
+.awsui_label-disabled_1wepg_3hhd4_147:not(#\9),
+.awsui_description-disabled_1wepg_3hhd4_148:not(#\9) {
   color: var(--color-text-control-disabled-3z3eul, #9ba7b6);
 }
 
 /* stylelint-disable selector-max-type */
-.awsui_control_1wepg_1cu7d_152:not(#\9) {
+.awsui_control_1wepg_3hhd4_153:not(#\9) {
   position: relative;
 }
-.awsui_control_1wepg_1cu7d_152 > input:not(#\9), .awsui_control_1wepg_1cu7d_152 > svg:not(#\9), .awsui_control_1wepg_1cu7d_152 > .awsui_outline_1wepg_1cu7d_99:not(#\9) {
+.awsui_control_1wepg_3hhd4_153 > input:not(#\9), .awsui_control_1wepg_3hhd4_153 > svg:not(#\9), .awsui_control_1wepg_3hhd4_153 > .awsui_outline_1wepg_3hhd4_99:not(#\9) {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
 }
-.awsui_control_1wepg_1cu7d_152 > input:not(#\9) {
+.awsui_control_1wepg_3hhd4_153 > input:not(#\9) {
   opacity: 0;
   z-index: 1;
   -webkit-user-select: none;

package/internal/components/abstract-switch/styles.selectors.js

@@ -2,17 +2,17 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "content": "awsui_content_1wepg_1cu7d_93",
-  "description": "awsui_description_1wepg_1cu7d_94",
-  "label": "awsui_label_1wepg_1cu7d_95",
-  "outline": "awsui_outline_1wepg_1cu7d_99",
-  "native-input": "awsui_native-input_1wepg_1cu7d_103",
-  "wrapper": "awsui_wrapper_1wepg_1cu7d_110",
-  "label-wrapper": "awsui_label-wrapper_1wepg_1cu7d_117",
-  "empty-content": "awsui_empty-content_1wepg_1cu7d_128",
-  "description-bottom-padding": "awsui_description-bottom-padding_1wepg_1cu7d_138",
-  "label-disabled": "awsui_label-disabled_1wepg_1cu7d_146",
-  "description-disabled": "awsui_description-disabled_1wepg_1cu7d_147",
-  "control": "awsui_control_1wepg_1cu7d_152"
+  "content": "awsui_content_1wepg_3hhd4_93",
+  "description": "awsui_description_1wepg_3hhd4_94",
+  "label": "awsui_label_1wepg_3hhd4_95",
+  "outline": "awsui_outline_1wepg_3hhd4_99",
+  "native-input": "awsui_native-input_1wepg_3hhd4_103",
+  "wrapper": "awsui_wrapper_1wepg_3hhd4_110",
+  "label-wrapper": "awsui_label-wrapper_1wepg_3hhd4_117",
+  "empty-content": "awsui_empty-content_1wepg_3hhd4_129",
+  "description-bottom-padding": "awsui_description-bottom-padding_1wepg_3hhd4_139",
+  "label-disabled": "awsui_label-disabled_1wepg_3hhd4_147",
+  "description-disabled": "awsui_description-disabled_1wepg_3hhd4_148",
+  "control": "awsui_control_1wepg_3hhd4_153"
 };
   

package/internal/components/focus-lock/index.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
 export interface FocusLockProps {
+    className?: string;
     disabled?: boolean;
     autoFocus?: boolean;
     children: React.ReactNode;
 }
-export default function FocusLock({ disabled, autoFocus, children }: FocusLockProps): JSX.Element;
+export default function FocusLock({ className, disabled, autoFocus, children }: FocusLockProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/internal/components/focus-lock/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/focus-lock/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,cAAc,eA4BlF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/focus-lock/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,cAAc,eA8B7F"}

package/internal/components/focus-lock/index.js

@@ -4,7 +4,7 @@ import React, { useEffect, useRef } from 'react';
 import TabTrap from '../tab-trap/index';
 import { getFirstFocusable, getLastFocusable } from './utils';
 export default function FocusLock(_a) {
-    var disabled = _a.disabled, autoFocus = _a.autoFocus, children = _a.children;
+    var className = _a.className, disabled = _a.disabled, autoFocus = _a.autoFocus, children = _a.children;
     var containerRef = useRef(null);
     var focusFirst = function () {
         var _a;
@@ -25,7 +25,7 @@ export default function FocusLock(_a) {
     }, [autoFocus]);
     return (React.createElement(React.Fragment, null,
         React.createElement(TabTrap, { disabled: disabled, focusNextCallback: focusLast }),
-        React.createElement("div", { ref: containerRef }, children),
+        React.createElement("div", { className: className, ref: containerRef }, children),
         React.createElement(TabTrap, { disabled: disabled, focusNextCallback: focusFirst })));
 }
 //# sourceMappingURL=index.js.map

package/internal/components/focus-lock/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/focus-lock/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,OAAO,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAQ9D,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAiD;QAA/C,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA;IAC/D,IAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAElD,IAAM,UAAU,GAAG;;QACjB,IAAI,YAAY,CAAC,OAAO,EAAE;YACxB,MAAA,iBAAiB,CAAC,YAAY,CAAC,OAAO,CAAC,0CAAE,KAAK,EAAE,CAAC;SAClD;IACH,CAAC,CAAC;IAEF,IAAM,SAAS,GAAG;;QAChB,IAAI,YAAY,CAAC,OAAO,EAAE;YACxB,MAAA,gBAAgB,CAAC,YAAY,CAAC,OAAO,CAAC,0CAAE,KAAK,EAAE,CAAC;SACjD;IACH,CAAC,CAAC;IAEF,SAAS,CAAC;QACR,IAAI,SAAS,EAAE;YACb,UAAU,EAAE,CAAC;SACd;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL;QACE,oBAAC,OAAO,IAAC,QAAQ,EAAE,QAAQ,EAAE,iBAAiB,EAAE,SAAS,GAAI;QAC7D,6BAAK,GAAG,EAAE,YAAY,IAAG,QAAQ,CAAO;QACxC,oBAAC,OAAO,IAAC,QAAQ,EAAE,QAAQ,EAAE,iBAAiB,EAAE,UAAU,GAAI,CAC7D,CACJ,CAAC;AACJ,CAAC","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 TabTrap from '../tab-trap/index';\nimport { getFirstFocusable, getLastFocusable } from './utils';\n\nexport interface FocusLockProps {\n  disabled?: boolean;\n  autoFocus?: boolean;\n  children: React.ReactNode;\n}\n\nexport default function FocusLock({ disabled, autoFocus, children }: FocusLockProps) {\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const focusFirst = () => {\n    if (containerRef.current) {\n      getFirstFocusable(containerRef.current)?.focus();\n    }\n  };\n\n  const focusLast = () => {\n    if (containerRef.current) {\n      getLastFocusable(containerRef.current)?.focus();\n    }\n  };\n\n  useEffect(() => {\n    if (autoFocus) {\n      focusFirst();\n    }\n  }, [autoFocus]);\n\n  return (\n    <>\n      <TabTrap disabled={disabled} focusNextCallback={focusLast} />\n      <div ref={containerRef}>{children}</div>\n      <TabTrap disabled={disabled} focusNextCallback={focusFirst} />\n    </>\n  );\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/focus-lock/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,OAAO,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAS9D,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAA4D;QAA1D,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA;IAC1E,IAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAElD,IAAM,UAAU,GAAG;;QACjB,IAAI,YAAY,CAAC,OAAO,EAAE;YACxB,MAAA,iBAAiB,CAAC,YAAY,CAAC,OAAO,CAAC,0CAAE,KAAK,EAAE,CAAC;SAClD;IACH,CAAC,CAAC;IAEF,IAAM,SAAS,GAAG;;QAChB,IAAI,YAAY,CAAC,OAAO,EAAE;YACxB,MAAA,gBAAgB,CAAC,YAAY,CAAC,OAAO,CAAC,0CAAE,KAAK,EAAE,CAAC;SACjD;IACH,CAAC,CAAC;IAEF,SAAS,CAAC;QACR,IAAI,SAAS,EAAE;YACb,UAAU,EAAE,CAAC;SACd;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL;QACE,oBAAC,OAAO,IAAC,QAAQ,EAAE,QAAQ,EAAE,iBAAiB,EAAE,SAAS,GAAI;QAC7D,6BAAK,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,YAAY,IACzC,QAAQ,CACL;QACN,oBAAC,OAAO,IAAC,QAAQ,EAAE,QAAQ,EAAE,iBAAiB,EAAE,UAAU,GAAI,CAC7D,CACJ,CAAC;AACJ,CAAC","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 TabTrap from '../tab-trap/index';\nimport { getFirstFocusable, getLastFocusable } from './utils';\n\nexport interface FocusLockProps {\n  className?: string;\n  disabled?: boolean;\n  autoFocus?: boolean;\n  children: React.ReactNode;\n}\n\nexport default function FocusLock({ className, disabled, autoFocus, children }: FocusLockProps) {\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const focusFirst = () => {\n    if (containerRef.current) {\n      getFirstFocusable(containerRef.current)?.focus();\n    }\n  };\n\n  const focusLast = () => {\n    if (containerRef.current) {\n      getLastFocusable(containerRef.current)?.focus();\n    }\n  };\n\n  useEffect(() => {\n    if (autoFocus) {\n      focusFirst();\n    }\n  }, [autoFocus]);\n\n  return (\n    <>\n      <TabTrap disabled={disabled} focusNextCallback={focusLast} />\n      <div className={className} ref={containerRef}>\n        {children}\n      </div>\n      <TabTrap disabled={disabled} focusNextCallback={focusFirst} />\n    </>\n  );\n}\n"]}

package/internal/components/screenreader-only/index.js

@@ -19,6 +19,6 @@ import styles from './styles.css.js';
  * ```
  */
 export default function ScreenreaderOnly(props) {
-    return React.createElement("div", __assign({}, props, { className: clsx(styles.root, props.className) }));
+    return React.createElement("span", __assign({}, props, { className: clsx(styles.root, props.className) }));
 }
 //# sourceMappingURL=index.js.map

package/internal/components/screenreader-only/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/screenreader-only/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;;AAEtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAQrC;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAA4B;IACnE,OAAO,wCAAS,KAAK,IAAE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC;AAC3E,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport clsx from 'clsx';\nimport React from 'react';\nimport styles from './styles.css.js';\n\nexport interface ScreenreaderOnlyProps {\n  id?: string;\n  className?: string;\n  children: React.ReactNode;\n}\n\n/**\n * Makes content now shown on a screen but still announced by screen-reader users.\n * The component is suitable when the aria-label cannot be used, e.g. to avoid elemnts being announced as \"blank\".\n *\n * To exclude screenreader-only content use `:not(.${screenreaderOnlyStyles.root})` selector, for example:\n *\n * ```\n * import screenreaderOnlyStyles from '~internal/components/screenreader-only/styles.css.js'\n *\n * let visibleContent = wrapper.find(`${styles.label}`).find(`:not(.${screenreaderOnlyStyles.root})`).getElement().textContent\n *\n * let screenreaderContent = wrapper.find(`${styles.label}`).find(`.${screenreaderOnlyStyles.root}`).getElement().textContent\n * ```\n */\nexport default function ScreenreaderOnly(props: ScreenreaderOnlyProps) {\n  return <div {...props} className={clsx(styles.root, props.className)} />;\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/screenreader-only/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;;AAEtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAQrC;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAA4B;IACnE,OAAO,yCAAU,KAAK,IAAE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC;AAC5E,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport clsx from 'clsx';\nimport React from 'react';\nimport styles from './styles.css.js';\n\nexport interface ScreenreaderOnlyProps {\n  id?: string;\n  className?: string;\n  children: React.ReactNode;\n}\n\n/**\n * Makes content now shown on a screen but still announced by screen-reader users.\n * The component is suitable when the aria-label cannot be used, e.g. to avoid elemnts being announced as \"blank\".\n *\n * To exclude screenreader-only content use `:not(.${screenreaderOnlyStyles.root})` selector, for example:\n *\n * ```\n * import screenreaderOnlyStyles from '~internal/components/screenreader-only/styles.css.js'\n *\n * let visibleContent = wrapper.find(`${styles.label}`).find(`:not(.${screenreaderOnlyStyles.root})`).getElement().textContent\n *\n * let screenreaderContent = wrapper.find(`${styles.label}`).find(`.${screenreaderOnlyStyles.root}`).getElement().textContent\n * ```\n */\nexport default function ScreenreaderOnly(props: ScreenreaderOnlyProps) {\n  return <span {...props} className={clsx(styles.root, props.className)} />;\n}\n"]}

package/internal/environment.js

@@ -1,5 +1,5 @@
 
-    export var PACKAGE_VERSION = '3.0.0 (d6e884f)';
+    export var PACKAGE_VERSION = '3.0.0 (ee61cc1)';
     export var THEME = 'open-source-visual-refresh';
     export var ALWAYS_VISUAL_REFRESH = true;
     

package/package.json

@@ -113,6 +113,6 @@
     "./internal/base-component/index.js",
     "./internal/base-component/styles.css.js"
   ],
-  "version": "3.0.87",
+  "version": "3.0.89",
   "license": "Apache-2.0"
 }

package/property-filter/controller.d.ts

@@ -1,6 +1,5 @@
 import { ComparisonOperator, FilteringOption, FilteringProperty, GroupText, I18nStrings, JoinOperation, ParsedText, Query, Token } from './interfaces';
 import { NonCancelableEventHandler } from '../internal/events';
-import { AutosuggestProps } from '../autosuggest/interfaces';
 import { AutosuggestInputRef } from '../internal/components/autosuggest-input';
 export declare const getQueryActions: (query: Query, onChange: NonCancelableEventHandler<Query>, inputRef: React.RefObject<AutosuggestInputRef>) => {
     setToken: (index: number, newToken: Token) => void;
@@ -16,10 +15,7 @@ interface OptionGroup<T> {
     label: string;
     options: T[];
 }
-interface ExtendedAutosuggestOption extends AutosuggestProps.Option {
-    tokenValue: string;
-}
-export declare const getAllValueSuggestions: (filteringOptions: readonly FilteringOption[], filteringProperties: readonly FilteringProperty[], operator: ComparisonOperator | undefined, i18nStrings: I18nStrings, customGroupsText: readonly GroupText[]) => OptionGroup<ExtendedAutosuggestOption>[];
+export declare const getAllValueSuggestions: (filteringOptions: readonly FilteringOption[], filteringProperties: readonly FilteringProperty[], operator: ComparisonOperator | undefined, i18nStrings: I18nStrings, customGroupsText: readonly GroupText[]) => OptionGroup<import("../internal/components/option/interfaces").OptionDefinition>[];
 export declare const getPropertyByKey: (filteringProperties: readonly FilteringProperty[], key: string) => import("./interfaces").PropertyFilterProps.FilteringProperty | undefined;
 export declare function getExtendedOperator(filteringProperties: readonly FilteringProperty[], property: string, operator: ComparisonOperator): import("@cloudscape-design/collection-hooks").PropertyFilterOperatorExtended<any> | null;
 export declare function createPropertiesCompatibilityMap(filteringProperties: readonly FilteringProperty[]): (propertyA: string, propertyB: string) => boolean;
@@ -28,7 +24,7 @@ export declare const getAutosuggestOptions: (parsedText: ParsedText, filteringOp
     filterText: string;
     options: {
         options: {
-            tokenValue: string;
+            value: string;
             label: string;
             __labelPrefix: string;
         }[];
@@ -36,8 +32,9 @@ export declare const getAutosuggestOptions: (parsedText: ParsedText, filteringOp
     }[];
 } | {
     filterText: string;
-    options: (OptionGroup<ExtendedAutosuggestOption> | OptionGroup<{
+    options: (OptionGroup<import("../internal/components/option/interfaces").OptionDefinition> | OptionGroup<{
         value: string;
+        label: string;
         keepOpenOnSelect: boolean;
     }>)[];
 };

package/property-filter/controller.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"controller.d.ts","sourceRoot":"","sources":["../../../src/property-filter/controller.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,kBAAkB,EAElB,eAAe,EACf,iBAAiB,EACjB,SAAS,EACT,WAAW,EACX,aAAa,EACb,UAAU,EACV,KAAK,EACL,KAAK,EACN,MAAM,cAAc,CAAC;AACtB,OAAO,EAA0B,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AACvF,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAE/E,eAAO,MAAM,eAAe,UACnB,KAAK,YACF,0BAA0B,KAAK,CAAC,YAChC,MAAM,SAAS,CAAC,mBAAmB,CAAC;sBAKrB,MAAM,YAAY,KAAK;yBAOpB,MAAM;;yBASN,KAAK;iCAKG,aAAa;CAUlD,CAAC;AAEF,eAAO,MAAM,mBAAmB,aAAc,iBAAiB,KAAG,kBAAkB,EAQnF,CAAC;AAQF,eAAO,MAAM,SAAS,kBACL,MAAM,sIAEK,OAAO,KAChC,UA6CF,CAAC;AAEF,eAAO,MAAM,kBAAkB,sBACV,iBAAiB,oBAClB,SAAS,eAAe,EAAE,yEAG7C,CAAC;AAEF,UAAU,WAAW,CAAC,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,CAAC,EAAE,CAAC;CACd;AAED,UAAU,yBAA0B,SAAQ,gBAAgB,CAAC,MAAM;IACjE,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,sBAAsB,qBACf,SAAS,eAAe,EAAE,uBACvB,SAAS,iBAAiB,EAAE,YACvC,kBAAkB,GAAG,SAAS,eAC3B,WAAW,oBACN,SAAS,SAAS,EAAE,6CAmCvC,CAAC;AAEF,eAAO,MAAM,gBAAgB,wBAAyB,SAAS,iBAAiB,EAAE,OAAO,MAAM,6EAM9F,CAAC;AAEF,wBAAgB,mBAAmB,CACjC,mBAAmB,EAAE,SAAS,iBAAiB,EAAE,EACjD,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,kBAAkB,4FAS7B;AAED,wBAAgB,gCAAgC,CAC9C,mBAAmB,EAAE,SAAS,iBAAiB,EAAE,GAChD,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,OAAO,CA6BnD;AAOD,wBAAgB,sBAAsB,CAAC,CAAC,EACtC,mBAAmB,EAAE,SAAS,iBAAiB,EAAE,EACjD,gBAAgB,EAAE,SAAS,SAAS,EAAE,EACtC,WAAW,EAAE,WAAW,EACxB,yBAAyB,EAAE,CAAC,iBAAiB,EAAE,iBAAiB,KAAK,CAAC,oBA0BvE;AAED,eAAO,MAAM,qBAAqB,eACpB,UAAU,oBACJ,SAAS,eAAe,EAAE,uBACvB,SAAS,iBAAiB,EAAE,oBAC/B,SAAS,SAAS,EAAE,eACzB,WAAW;;;;;;;;;;;;;;;;CAqEzB,CAAC;AAEF,eAAO,MAAM,qBAAqB,aAAc,kBAAkB,eAAe,WAAW,WAY3F,CAAC"}
+{"version":3,"file":"controller.d.ts","sourceRoot":"","sources":["../../../src/property-filter/controller.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,kBAAkB,EAElB,eAAe,EACf,iBAAiB,EACjB,SAAS,EACT,WAAW,EACX,aAAa,EACb,UAAU,EACV,KAAK,EACL,KAAK,EACN,MAAM,cAAc,CAAC;AACtB,OAAO,EAA0B,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAGvF,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAE/E,eAAO,MAAM,eAAe,UACnB,KAAK,YACF,0BAA0B,KAAK,CAAC,YAChC,MAAM,SAAS,CAAC,mBAAmB,CAAC;sBAKrB,MAAM,YAAY,KAAK;yBAOpB,MAAM;;yBASN,KAAK;iCAKG,aAAa;CAUlD,CAAC;AAEF,eAAO,MAAM,mBAAmB,aAAc,iBAAiB,KAAG,kBAAkB,EAQnF,CAAC;AAQF,eAAO,MAAM,SAAS,kBACL,MAAM,sIAEK,OAAO,KAChC,UA6CF,CAAC;AAEF,eAAO,MAAM,kBAAkB,sBACV,iBAAiB,oBAClB,SAAS,eAAe,EAAE,yEAG7C,CAAC;AAEF,UAAU,WAAW,CAAC,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,CAAC,EAAE,CAAC;CACd;AAED,eAAO,MAAM,sBAAsB,qBACf,SAAS,eAAe,EAAE,uBACvB,SAAS,iBAAiB,EAAE,YACvC,kBAAkB,GAAG,SAAS,eAC3B,WAAW,oBACN,SAAS,SAAS,EAAE,uFAmCvC,CAAC;AAEF,eAAO,MAAM,gBAAgB,wBAAyB,SAAS,iBAAiB,EAAE,OAAO,MAAM,6EAM9F,CAAC;AAEF,wBAAgB,mBAAmB,CACjC,mBAAmB,EAAE,SAAS,iBAAiB,EAAE,EACjD,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,kBAAkB,4FAS7B;AAED,wBAAgB,gCAAgC,CAC9C,mBAAmB,EAAE,SAAS,iBAAiB,EAAE,GAChD,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,OAAO,CA6BnD;AAQD,wBAAgB,sBAAsB,CAAC,CAAC,EACtC,mBAAmB,EAAE,SAAS,iBAAiB,EAAE,EACjD,gBAAgB,EAAE,SAAS,SAAS,EAAE,EACtC,WAAW,EAAE,WAAW,EACxB,yBAAyB,EAAE,CAAC,iBAAiB,EAAE,iBAAiB,KAAK,CAAC,oBA0BvE;AAED,eAAO,MAAM,qBAAqB,eACpB,UAAU,oBACJ,SAAS,eAAe,EAAE,uBACvB,SAAS,iBAAiB,EAAE,oBAC/B,SAAS,SAAS,EAAE,eACzB,WAAW;;;;;;;;;;;;;;;;;CAqEzB,CAAC;AAEF,eAAO,MAAM,qBAAqB,aAAc,kBAAkB,eAAe,WAAW,WAY3F,CAAC"}

package/property-filter/controller.js

@@ -128,7 +128,7 @@ export var getAllValueSuggestions = function (filteringOptions, filteringPropert
         }
         var propertyGroup = property.group ? customGroups[property.group] : defaultGroup;
         propertyGroup.options.push({
-            tokenValue: property.propertyLabel + (operator || '=') + filteringOption.value,
+            value: property.propertyLabel + ' ' + (operator || '=') + ' ' + filteringOption.value,
             label: filteringOption.value,
             __labelPrefix: property.propertyLabel + ' ' + (operator || '=')
         });
@@ -181,6 +181,7 @@ export function createPropertiesCompatibilityMap(filteringProperties) {
 }
 var filteringPropertyToAutosuggestOption = function (filteringProperty) { return ({
     value: filteringProperty.propertyLabel,
+    label: filteringProperty.propertyLabel,
     keepOpenOnSelect: true
 }); };
 export function getPropertySuggestions(filteringProperties, customGroupsText, i18nStrings, filteringPropertyToOption) {
@@ -217,7 +218,7 @@ export var getAutosuggestOptions = function (parsedText, filteringOptions, filte
                         options: options.map(function (_a) {
                             var value = _a.value;
                             return ({
-                                tokenValue: propertyLabel_1 + parsedText.operator + value,
+                                value: propertyLabel_1 + ' ' + parsedText.operator + ' ' + value,
                                 label: value,
                                 __labelPrefix: propertyLabel_1 + ' ' + parsedText.operator
                             });