@cloudscape-design/components 3.0.1111 → 3.0.1113

package/token/styles.scoped.css

@@ -0,0 +1,357 @@
+/*
+ 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
+*/
+/*
+ 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
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* Style used for links in slots/components that are text heavy, to help links stand out among
+surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_root_1i2wg_16pp7_161:not(#\9) {
+  border-collapse: separate;
+  border-spacing: 0;
+  box-sizing: border-box;
+  caption-side: top;
+  cursor: auto;
+  direction: inherit;
+  empty-cells: show;
+  font-family: serif;
+  font-style: normal;
+  font-variant: normal;
+  font-stretch: normal;
+  hyphens: none;
+  letter-spacing: normal;
+  list-style: disc outside none;
+  tab-size: 8;
+  text-align: start;
+  text-indent: 0;
+  text-shadow: none;
+  text-transform: none;
+  visibility: visible;
+  white-space: normal;
+  word-spacing: normal;
+  font-size: var(--font-size-body-m-a7nh2n, 14px);
+  line-height: var(--line-height-body-m-2mh3ke, 20px);
+  color: var(--color-text-body-default-vvtq8u, #0f141a);
+  font-weight: 400;
+  font-family: var(--font-family-base-gmnpzl, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  -webkit-font-smoothing: auto;
+  -moz-osx-font-smoothing: auto;
+}
+
+.awsui_dismiss-button_1i2wg_16pp7_193:not(#\9) {
+  align-self: flex-start;
+  margin-block-end: 0;
+  margin-inline-start: var(--space-xxs-hwfkai, 4px);
+  border-block: var(--border-width-field-2xc78x, 1px) solid transparent;
+  border-inline: var(--border-width-field-2xc78x, 1px) solid transparent;
+  padding-block: 0;
+  padding-inline: var(--space-xxs-hwfkai, 4px);
+  color: var(--color-text-button-inline-icon-default-f8xgpk, #006ce0);
+  background-color: transparent;
+  cursor: pointer;
+}
+body[data-awsui-focus-visible=true] .awsui_dismiss-button_1i2wg_16pp7_193:not(#\9):focus {
+  position: relative;
+}
+body[data-awsui-focus-visible=true] .awsui_dismiss-button_1i2wg_16pp7_193:not(#\9):focus {
+  outline: 2px dotted transparent;
+  outline-offset: calc(0px - 1px);
+}
+body[data-awsui-focus-visible=true] .awsui_dismiss-button_1i2wg_16pp7_193:not(#\9):focus::before {
+  content: " ";
+  display: block;
+  position: absolute;
+  inset-inline-start: calc(-1 * 0px);
+  inset-block-start: calc(-1 * 0px);
+  inline-size: calc(100% + 0px + 0px);
+  block-size: calc(100% + 0px + 0px);
+  border-start-start-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
+  border-start-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
+  border-end-start-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
+  border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
+}
+.awsui_dismiss-button_1i2wg_16pp7_193:not(#\9):focus {
+  outline: none;
+  text-decoration: none;
+}
+.awsui_dismiss-button_1i2wg_16pp7_193:not(#\9):hover {
+  color: var(--color-text-button-inline-icon-hover-c08r6g, #002b66);
+}
+.awsui_dismiss-button-inline_1i2wg_16pp7_233:not(#\9) {
+  padding-inline: 0;
+  display: flex;
+  align-items: center;
+  align-self: center;
+}
+
+.awsui_icon_1i2wg_16pp7_240:not(#\9) {
+  padding-inline-end: var(--space-xs-ymlm0b, 8px);
+  align-self: flex-start;
+  display: flex;
+  flex-shrink: 0;
+}
+.awsui_icon-inline_1i2wg_16pp7_246:not(#\9) {
+  padding-inline-end: var(--space-xxs-hwfkai, 4px);
+  align-self: center;
+}
+
+.awsui_token-normal_1i2wg_16pp7_251:not(#\9) {
+  block-size: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-xxs-hwfkai, 4px);
+}
+
+.awsui_token-inline_1i2wg_16pp7_258:not(#\9) {
+  display: inline-flex;
+  max-inline-size: 100%;
+}
+body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_16pp7_258:not(#\9):focus {
+  position: relative;
+}
+body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_16pp7_258:not(#\9):focus {
+  outline: 2px dotted transparent;
+  outline-offset: calc(0px - 1px);
+}
+body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_16pp7_258:not(#\9):focus::before {
+  content: " ";
+  display: block;
+  position: absolute;
+  inset-inline-start: calc(-1 * 0px);
+  inset-block-start: calc(-1 * 0px);
+  inline-size: calc(100% + 0px + 0px);
+  block-size: calc(100% + 0px + 0px);
+  border-start-start-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
+  border-start-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
+  border-end-start-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
+  border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
+}
+
+.awsui_token-option-inline_1i2wg_16pp7_284:not(#\9) {
+  max-block-size: 20px;
+}
+
+.awsui_token-box_1i2wg_16pp7_288:not(#\9) {
+  position: relative;
+  block-size: 100%;
+  border-block: var(--border-width-token-2ukdpu, 2px) solid var(--color-border-item-selected-wl5ttm, #006ce0);
+  border-inline: var(--border-width-token-2ukdpu, 2px) solid var(--color-border-item-selected-wl5ttm, #006ce0);
+  padding-block-start: var(--space-scaled-xxs-pfm1nx, 4px);
+  padding-block-end: var(--space-scaled-xxs-pfm1nx, 4px);
+  padding-inline-start: var(--space-field-horizontal-0aq2ch, 12px);
+  padding-inline-end: var(--space-xxs-hwfkai, 4px);
+  display: flex;
+  align-items: flex-start;
+  background: var(--color-background-item-selected-9gppru, #f0fbff);
+  border-start-start-radius: var(--border-radius-token-ycnemh, 8px);
+  border-start-end-radius: var(--border-radius-token-ycnemh, 8px);
+  border-end-start-radius: var(--border-radius-token-ycnemh, 8px);
+  border-end-end-radius: var(--border-radius-token-ycnemh, 8px);
+  color: var(--color-text-body-default-vvtq8u, #0f141a);
+  box-sizing: border-box;
+}
+.awsui_token-box-without-dismiss_1i2wg_16pp7_307:not(#\9) {
+  padding-inline-end: var(--space-field-horizontal-0aq2ch, 12px);
+}
+
+.awsui_token-box-inline_1i2wg_16pp7_311:not(#\9) {
+  position: relative;
+  block-size: 20px;
+  max-block-size: 20px;
+  border-block: var(--border-width-field-2xc78x, 1px) solid var(--color-border-item-selected-wl5ttm, #006ce0);
+  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--color-border-item-selected-wl5ttm, #006ce0);
+  padding-inline-start: var(--space-scaled-xxs-pfm1nx, 4px);
+  padding-inline-end: var(--space-scaled-xxs-pfm1nx, 4px);
+  display: flex;
+  align-items: center;
+  background: var(--color-background-item-selected-9gppru, #f0fbff);
+  border-start-start-radius: var(--space-scaled-xxs-pfm1nx, 4px);
+  border-start-end-radius: var(--space-scaled-xxs-pfm1nx, 4px);
+  border-end-start-radius: var(--space-scaled-xxs-pfm1nx, 4px);
+  border-end-end-radius: var(--space-scaled-xxs-pfm1nx, 4px);
+  color: var(--color-text-body-default-vvtq8u, #0f141a);
+  box-sizing: border-box;
+  max-inline-size: 100%;
+}
+
+.awsui_disable-padding_1i2wg_16pp7_331:not(#\9) {
+  padding-block-start: 0;
+  padding-block-end: 0;
+  padding-inline-start: 0;
+  padding-inline-end: 0;
+}
+
+.awsui_token-box-readonly_1i2wg_16pp7_338:not(#\9),
+.awsui_token-box-disabled_1i2wg_16pp7_339:not(#\9) {
+  border-color: var(--color-border-input-disabled-zgnzvk, #ebebf0);
+  background-color: var(--color-background-container-content-6u8rvp, #ffffff);
+  pointer-events: none;
+}
+.awsui_token-box-readonly_1i2wg_16pp7_338 > .awsui_dismiss-button_1i2wg_16pp7_193:not(#\9),
+.awsui_token-box-disabled_1i2wg_16pp7_339 > .awsui_dismiss-button_1i2wg_16pp7_193:not(#\9) {
+  color: var(--color-text-button-inline-icon-disabled-82hho0, #b4b4bb);
+  cursor: initial;
+}
+.awsui_token-box-readonly_1i2wg_16pp7_338 > .awsui_dismiss-button_1i2wg_16pp7_193:not(#\9):hover,
+.awsui_token-box-disabled_1i2wg_16pp7_339 > .awsui_dismiss-button_1i2wg_16pp7_193:not(#\9):hover {
+  color: var(--color-text-button-inline-icon-disabled-82hho0, #b4b4bb);
+}
+
+.awsui_token-box-disabled_1i2wg_16pp7_339:not(#\9) {
+  border-color: var(--color-border-control-disabled-uj7t08, #dedee3);
+  color: var(--color-text-disabled-rox5hg, #b4b4bb);
+}

package/token/styles.selectors.js

@@ -0,0 +1,20 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "root": "awsui_root_1i2wg_16pp7_161",
+  "dismiss-button": "awsui_dismiss-button_1i2wg_16pp7_193",
+  "dismiss-button-inline": "awsui_dismiss-button-inline_1i2wg_16pp7_233",
+  "icon": "awsui_icon_1i2wg_16pp7_240",
+  "icon-inline": "awsui_icon-inline_1i2wg_16pp7_246",
+  "token-normal": "awsui_token-normal_1i2wg_16pp7_251",
+  "token-inline": "awsui_token-inline_1i2wg_16pp7_258",
+  "token-option-inline": "awsui_token-option-inline_1i2wg_16pp7_284",
+  "token-box": "awsui_token-box_1i2wg_16pp7_288",
+  "token-box-without-dismiss": "awsui_token-box-without-dismiss_1i2wg_16pp7_307",
+  "token-box-inline": "awsui_token-box-inline_1i2wg_16pp7_311",
+  "disable-padding": "awsui_disable-padding_1i2wg_16pp7_331",
+  "token-box-readonly": "awsui_token-box-readonly_1i2wg_16pp7_338",
+  "token-box-disabled": "awsui_token-box-disabled_1i2wg_16pp7_339"
+};
+  

package/token/test-classes/styles.css.js

@@ -0,0 +1,7 @@
+
+    import './styles.scoped.css';
+    export default {
+  "root": "awsui_root_1epxo_12cv0_5",
+  "dismiss-button": "awsui_dismiss-button_1epxo_12cv0_6"
+};
+  

package/token/test-classes/styles.scoped.css

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

package/token/test-classes/styles.selectors.js

@@ -0,0 +1,8 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "root": "awsui_root_1epxo_12cv0_5",
+  "dismiss-button": "awsui_dismiss-button_1epxo_12cv0_6"
+};
+  

package/token-group/analytics-metadata/interfaces.d.ts

@@ -1,12 +1,4 @@
-import { LabelIdentifier } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';
 import { GeneratedAnalyticsMetadataTokenListShowLess, GeneratedAnalyticsMetadataTokenListShowMore } from '../../internal/components/token-list/analytics-metadata/interfaces';
-export interface GeneratedAnalyticsMetadataTokenGroupDismiss {
-  action: 'dismiss';
-  detail: {
-    label: LabelIdentifier;
-    position?: string;
-  };
-}
 export type GeneratedAnalyticsMetadataTokenGroupShowMore = GeneratedAnalyticsMetadataTokenListShowMore;
 export type GeneratedAnalyticsMetadataTokenGroupShowLess = GeneratedAnalyticsMetadataTokenListShowLess;
 export interface GeneratedAnalyticsMetadataTokenGroupComponent {

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

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../src/token-group/analytics-metadata/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,kEAAkE,CAAC;AAEnG,OAAO,EACL,2CAA2C,EAC3C,2CAA2C,EAC5C,MAAM,oEAAoE,CAAC;AAE5E,MAAM,WAAW,2CAA2C;IAC1D,MAAM,EAAE,SAAS,CAAC;IAClB,MAAM,EAAE;QACN,KAAK,EAAE,eAAe,CAAC;QACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;CACH;AAED,MAAM,MAAM,4CAA4C,GAAG,2CAA2C,CAAC;AACvG,MAAM,MAAM,4CAA4C,GAAG,2CAA2C,CAAC;AAEvG,MAAM,WAAW,6CAA6C;IAC5D,IAAI,EAAE,kBAAkB,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE;QACV,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;CACH"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../src/token-group/analytics-metadata/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,2CAA2C,EAC3C,2CAA2C,EAC5C,MAAM,oEAAoE,CAAC;AAE5E,MAAM,MAAM,4CAA4C,GAAG,2CAA2C,CAAC;AACvG,MAAM,MAAM,4CAA4C,GAAG,2CAA2C,CAAC;AAEvG,MAAM,WAAW,6CAA6C;IAC5D,IAAI,EAAE,kBAAkB,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE;QACV,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;CACH"}

package/token-group/analytics-metadata/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/token-group/analytics-metadata/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { LabelIdentifier } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport {\n  GeneratedAnalyticsMetadataTokenListShowLess,\n  GeneratedAnalyticsMetadataTokenListShowMore,\n} from '../../internal/components/token-list/analytics-metadata/interfaces';\n\nexport interface GeneratedAnalyticsMetadataTokenGroupDismiss {\n  action: 'dismiss';\n  detail: {\n    label: LabelIdentifier;\n    position?: string;\n  };\n}\n\nexport type GeneratedAnalyticsMetadataTokenGroupShowMore = GeneratedAnalyticsMetadataTokenListShowMore;\nexport type GeneratedAnalyticsMetadataTokenGroupShowLess = GeneratedAnalyticsMetadataTokenListShowLess;\n\nexport interface GeneratedAnalyticsMetadataTokenGroupComponent {\n  name: 'awsui.TokenGroup';\n  label: string;\n  properties: {\n    itemsCount: string;\n  };\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/token-group/analytics-metadata/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport {\n  GeneratedAnalyticsMetadataTokenListShowLess,\n  GeneratedAnalyticsMetadataTokenListShowMore,\n} from '../../internal/components/token-list/analytics-metadata/interfaces';\n\nexport type GeneratedAnalyticsMetadataTokenGroupShowMore = GeneratedAnalyticsMetadataTokenListShowMore;\nexport type GeneratedAnalyticsMetadataTokenGroupShowLess = GeneratedAnalyticsMetadataTokenListShowLess;\n\nexport interface GeneratedAnalyticsMetadataTokenGroupComponent {\n  name: 'awsui.TokenGroup';\n  label: string;\n  properties: {\n    itemsCount: string;\n  };\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/token-group/internal.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAM/C,KAAK,uBAAuB,GAAG,YAAY,CAAC,eAAe,EAAE,OAAO,GAAG,WAAW,CAAC,GACjF,0BAA0B,GAAG;IAC3B,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,CAAC,IAAI,KAAK,OAAO,CAAC;CAC1D,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,SAAS,EACT,KAAK,EACL,SAAS,EACT,KAAK,EACL,WAAW,EACX,mBAAmB,EACnB,uBAAuB,EACvB,sBAAsB,EACtB,QAAQ,EACR,cAAc,EACd,iBAAiB,EACjB,GAAG,KAAK,EACT,EAAE,uBAAuB,eA8DzB"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/token-group/internal.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAK/C,KAAK,uBAAuB,GAAG,YAAY,CAAC,eAAe,EAAE,OAAO,GAAG,WAAW,CAAC,GACjF,0BAA0B,GAAG;IAC3B,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,CAAC,IAAI,KAAK,OAAO,CAAC;CAC1D,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,SAAS,EACT,KAAK,EACL,SAAS,EACT,KAAK,EACL,WAAW,EACX,mBAAmB,EACnB,uBAAuB,EACvB,sBAAsB,EACtB,QAAQ,EACR,cAAc,EACd,iBAAiB,EACjB,GAAG,KAAK,EACT,EAAE,uBAAuB,eAwEzB"}

package/token-group/internal.js

@@ -5,13 +5,13 @@ import React, { useState } from 'react';
 import clsx from 'clsx';
 import { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';
 import { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';
+import InternalIcon from '../icon/internal';
 import { getBaseProps } from '../internal/base-component';
-import Option from '../internal/components/option';
 import TokenList from '../internal/components/token-list';
 import { fireNonCancelableEvent } from '../internal/events';
 import checkControlled from '../internal/hooks/check-controlled';
 import { useListFocusController } from '../internal/hooks/use-list-focus-controller';
-import { Token } from './token';
+import InternalToken from '../token/internal';
 import tokenListStyles from '../internal/components/token-list/styles.css.js';
 import styles from './styles.css.js';
 export default function InternalTokenGroup(_a) {
@@ -31,13 +31,12 @@ export default function InternalTokenGroup(_a) {
     const hasItems = items.length > 0;
     const mergedRef = useMergeRefs(__internalRootRef, tokenListRef);
     return (React.createElement("div", Object.assign({}, baseProps, { className: clsx(baseProps.className, styles.root, hasItems && styles['has-items'], disableOuterPadding && styles['no-padding']), ref: mergedRef }),
-        React.createElement(TokenList, { alignment: alignment, items: items, limit: limit, renderItem: (item, itemIndex) => (React.createElement(Token, Object.assign({ ariaLabel: item.label, dismissLabel: item.dismissLabel, onDismiss: () => {
+        React.createElement(TokenList, { alignment: alignment, items: items, limit: limit, renderItem: (item, itemIndex) => (React.createElement(InternalToken, Object.assign({}, item, { label: item.label, key: itemIndex, onDismiss: () => {
                     fireNonCancelableEvent(onDismiss, { itemIndex });
                     setNextFocusIndex(itemIndex);
-                }, disabled: item.disabled, readOnly: readOnly || (isItemReadOnly === null || isItemReadOnly === void 0 ? void 0 : isItemReadOnly(item)) }, (item.disabled || readOnly
+                }, readOnly: readOnly || (isItemReadOnly === null || isItemReadOnly === void 0 ? void 0 : isItemReadOnly(item)), variant: 'normal', icon: item.iconName || item.iconUrl || item.iconSvg ? (React.createElement(InternalIcon, { name: item.iconName, svg: item.iconSvg, url: item.iconUrl, ariaLabel: item.iconAlt, size: 'normal' })) : undefined }, (item.disabled || readOnly
                 ? {}
-                : getAnalyticsMetadataAttribute({ detail: { position: `${itemIndex + 1}` } }))),
-                React.createElement(Option, { option: item }))), i18nStrings: i18nStrings, limitShowFewerAriaLabel: limitShowFewerAriaLabel, limitShowMoreAriaLabel: limitShowMoreAriaLabel, onExpandedClick: isExpanded => {
+                : getAnalyticsMetadataAttribute({ detail: { position: `${itemIndex + 1}` } }))))), i18nStrings: i18nStrings, limitShowFewerAriaLabel: limitShowFewerAriaLabel, limitShowMoreAriaLabel: limitShowMoreAriaLabel, onExpandedClick: isExpanded => {
                 if (isExpanded && limit) {
                     setNextFocusIndex(limit);
                 }

package/token-group/internal.js.map

@@ -1 +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 { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { getBaseProps } from '../internal/base-component';\nimport Option from '../internal/components/option';\nimport TokenList from '../internal/components/token-list';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport checkControlled from '../internal/hooks/check-controlled';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useListFocusController } from '../internal/hooks/use-list-focus-controller';\nimport { SomeRequired } from '../internal/types';\nimport { TokenGroupProps } from './interfaces';\nimport { Token } from './token';\n\nimport tokenListStyles from '../internal/components/token-list/styles.css.js';\nimport styles from './styles.css.js';\n\ntype InternalTokenGroupProps = SomeRequired<TokenGroupProps, 'items' | 'alignment'> &\n  InternalBaseComponentProps & {\n    isItemReadOnly?: (item: TokenGroupProps.Item) => boolean;\n  };\n\nexport default function InternalTokenGroup({\n  alignment,\n  items,\n  onDismiss,\n  limit,\n  i18nStrings,\n  disableOuterPadding,\n  limitShowFewerAriaLabel,\n  limitShowMoreAriaLabel,\n  readOnly,\n  isItemReadOnly,\n  __internalRootRef,\n  ...props\n}: InternalTokenGroupProps) {\n  checkControlled('TokenGroup', 'items', items, 'onDismiss', onDismiss);\n\n  const [nextFocusIndex, setNextFocusIndex] = useState<null | number>(null);\n  const tokenListRef = useListFocusController({\n    nextFocusIndex,\n    onFocusMoved: target => {\n      target.focus();\n      setNextFocusIndex(null);\n    },\n    listItemSelector: `.${tokenListStyles['list-item']}`,\n    showMoreSelector: `.${tokenListStyles.toggle}`,\n  });\n\n  const baseProps = getBaseProps(props);\n  const hasItems = items.length > 0;\n  const mergedRef = useMergeRefs(__internalRootRef, tokenListRef);\n  return (\n    <div\n      {...baseProps}\n      className={clsx(\n        baseProps.className,\n        styles.root,\n        hasItems && styles['has-items'],\n        disableOuterPadding && styles['no-padding']\n      )}\n      ref={mergedRef}\n    >\n      <TokenList\n        alignment={alignment}\n        items={items}\n        limit={limit}\n        renderItem={(item, itemIndex) => (\n          <Token\n            ariaLabel={item.label}\n            dismissLabel={item.dismissLabel}\n            onDismiss={() => {\n              fireNonCancelableEvent(onDismiss, { itemIndex });\n              setNextFocusIndex(itemIndex);\n            }}\n            disabled={item.disabled}\n            readOnly={readOnly || isItemReadOnly?.(item)}\n            {...(item.disabled || readOnly\n              ? {}\n              : getAnalyticsMetadataAttribute({ detail: { position: `${itemIndex + 1}` } }))}\n          >\n            <Option option={item} />\n          </Token>\n        )}\n        i18nStrings={i18nStrings}\n        limitShowFewerAriaLabel={limitShowFewerAriaLabel}\n        limitShowMoreAriaLabel={limitShowMoreAriaLabel}\n        onExpandedClick={isExpanded => {\n          if (isExpanded && limit) {\n            setNextFocusIndex(limit);\n          } else {\n            setNextFocusIndex(null);\n          }\n        }}\n      />\n    </div>\n  );\n}\n"]}
+{"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 { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport InternalIcon from '../icon/internal';\nimport { getBaseProps } from '../internal/base-component';\nimport TokenList from '../internal/components/token-list';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport checkControlled from '../internal/hooks/check-controlled';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useListFocusController } from '../internal/hooks/use-list-focus-controller';\nimport { SomeRequired } from '../internal/types';\nimport InternalToken from '../token/internal';\nimport { TokenGroupProps } from './interfaces';\n\nimport tokenListStyles from '../internal/components/token-list/styles.css.js';\nimport styles from './styles.css.js';\n\ntype InternalTokenGroupProps = SomeRequired<TokenGroupProps, 'items' | 'alignment'> &\n  InternalBaseComponentProps & {\n    isItemReadOnly?: (item: TokenGroupProps.Item) => boolean;\n  };\n\nexport default function InternalTokenGroup({\n  alignment,\n  items,\n  onDismiss,\n  limit,\n  i18nStrings,\n  disableOuterPadding,\n  limitShowFewerAriaLabel,\n  limitShowMoreAriaLabel,\n  readOnly,\n  isItemReadOnly,\n  __internalRootRef,\n  ...props\n}: InternalTokenGroupProps) {\n  checkControlled('TokenGroup', 'items', items, 'onDismiss', onDismiss);\n\n  const [nextFocusIndex, setNextFocusIndex] = useState<null | number>(null);\n  const tokenListRef = useListFocusController({\n    nextFocusIndex,\n    onFocusMoved: target => {\n      target.focus();\n      setNextFocusIndex(null);\n    },\n    listItemSelector: `.${tokenListStyles['list-item']}`,\n    showMoreSelector: `.${tokenListStyles.toggle}`,\n  });\n\n  const baseProps = getBaseProps(props);\n  const hasItems = items.length > 0;\n  const mergedRef = useMergeRefs(__internalRootRef, tokenListRef);\n  return (\n    <div\n      {...baseProps}\n      className={clsx(\n        baseProps.className,\n        styles.root,\n        hasItems && styles['has-items'],\n        disableOuterPadding && styles['no-padding']\n      )}\n      ref={mergedRef}\n    >\n      <TokenList\n        alignment={alignment}\n        items={items}\n        limit={limit}\n        renderItem={(item, itemIndex) => (\n          <InternalToken\n            {...item}\n            label={item.label}\n            key={itemIndex}\n            onDismiss={() => {\n              fireNonCancelableEvent(onDismiss, { itemIndex });\n              setNextFocusIndex(itemIndex);\n            }}\n            readOnly={readOnly || isItemReadOnly?.(item)}\n            variant={'normal'}\n            icon={\n              item.iconName || item.iconUrl || item.iconSvg ? (\n                <InternalIcon\n                  name={item.iconName}\n                  svg={item.iconSvg}\n                  url={item.iconUrl}\n                  ariaLabel={item.iconAlt}\n                  size={'normal'}\n                />\n              ) : undefined\n            }\n            {...(item.disabled || readOnly\n              ? {}\n              : getAnalyticsMetadataAttribute({ detail: { position: `${itemIndex + 1}` } }))}\n          />\n        )}\n        i18nStrings={i18nStrings}\n        limitShowFewerAriaLabel={limitShowFewerAriaLabel}\n        limitShowMoreAriaLabel={limitShowMoreAriaLabel}\n        onExpandedClick={isExpanded => {\n          if (isExpanded && limit) {\n            setNextFocusIndex(limit);\n          } else {\n            setNextFocusIndex(null);\n          }\n        }}\n      />\n    </div>\n  );\n}\n"]}

package/token-group/styles.css.js

@@ -1,13 +1,10 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_dm8gx_1a95u_161",
-  "has-items": "awsui_has-items_dm8gx_1a95u_192",
-  "no-padding": "awsui_no-padding_dm8gx_1a95u_192",
-  "dismiss-button": "awsui_dismiss-button_dm8gx_1a95u_196",
-  "token": "awsui_token_dm8gx_1a95u_238",
-  "token-box": "awsui_token-box_dm8gx_1a95u_245",
-  "token-box-readonly": "awsui_token-box-readonly_dm8gx_1a95u_265",
-  "token-box-disabled": "awsui_token-box-disabled_dm8gx_1a95u_279"
+  "dismiss-button": "awsui_dismiss-button_dm8gx_1wq3k_145",
+  "token": "awsui_token_dm8gx_1wq3k_146",
+  "root": "awsui_root_dm8gx_1wq3k_150",
+  "has-items": "awsui_has-items_dm8gx_1wq3k_181",
+  "no-padding": "awsui_no-padding_dm8gx_1wq3k_181"
 };
   

package/token-group/styles.scoped.css

@@ -142,23 +142,12 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-.awsui_root_dm8gx_1a95u_161:not(#\9) {
+.awsui_dismiss-button_dm8gx_1wq3k_145:not(#\9),
+.awsui_token_dm8gx_1wq3k_146:not(#\9) {
+  /* used in test-utils */
+}
+
+.awsui_root_dm8gx_1wq3k_150:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -189,103 +178,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
 }
-.awsui_root_dm8gx_1a95u_161.awsui_has-items_dm8gx_1a95u_192:not(#\9):not(.awsui_no-padding_dm8gx_1a95u_192) {
+.awsui_root_dm8gx_1wq3k_150.awsui_has-items_dm8gx_1wq3k_181:not(#\9):not(.awsui_no-padding_dm8gx_1wq3k_181) {
   padding-block-start: var(--space-xs-ymlm0b, 8px);
-}
-
-.awsui_dismiss-button_dm8gx_1a95u_196:not(#\9) {
-  margin-block-start: -1px;
-  margin-block-end: 0;
-  margin-inline-start: var(--space-xxs-hwfkai, 4px);
-  margin-inline-end: -1px;
-  border-block: 1px solid transparent;
-  border-inline: 1px solid transparent;
-  padding-block: 0;
-  padding-inline: var(--space-xxs-hwfkai, 4px);
-  color: var(--color-text-button-inline-icon-default-f8xgpk, #006ce0);
-  background-color: transparent;
-}
-body[data-awsui-focus-visible=true] .awsui_dismiss-button_dm8gx_1a95u_196:not(#\9):focus {
-  position: relative;
-}
-body[data-awsui-focus-visible=true] .awsui_dismiss-button_dm8gx_1a95u_196:not(#\9):focus {
-  outline: 2px dotted transparent;
-  outline-offset: calc(0px - 1px);
-}
-body[data-awsui-focus-visible=true] .awsui_dismiss-button_dm8gx_1a95u_196:not(#\9):focus::before {
-  content: " ";
-  display: block;
-  position: absolute;
-  inset-inline-start: calc(-1 * 0px);
-  inset-block-start: calc(-1 * 0px);
-  inline-size: calc(100% + 0px + 0px);
-  block-size: calc(100% + 0px + 0px);
-  border-start-start-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
-  border-start-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
-  border-end-start-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
-  border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
-}
-.awsui_dismiss-button_dm8gx_1a95u_196:not(#\9):focus {
-  outline: none;
-  text-decoration: none;
-}
-.awsui_dismiss-button_dm8gx_1a95u_196:not(#\9):hover {
-  cursor: pointer;
-  color: var(--color-text-button-inline-icon-hover-c08r6g, #002b66);
-}
-
-.awsui_token_dm8gx_1a95u_238:not(#\9) {
-  block-size: 100%;
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-xxs-hwfkai, 4px);
-}
-
-.awsui_token-box_dm8gx_1a95u_245:not(#\9) {
-  position: relative;
-  block-size: 100%;
-  border-block: var(--border-width-token-2ukdpu, 2px) solid var(--color-border-item-selected-wl5ttm, #006ce0);
-  border-inline: var(--border-width-token-2ukdpu, 2px) solid var(--color-border-item-selected-wl5ttm, #006ce0);
-  padding-block-start: var(--space-scaled-xxs-pfm1nx, 4px);
-  padding-block-end: var(--space-scaled-xxs-pfm1nx, 4px);
-  padding-inline-start: var(--space-field-horizontal-0aq2ch, 12px);
-  padding-inline-end: var(--space-xxs-hwfkai, 4px);
-  display: flex;
-  align-items: flex-start;
-  background: var(--color-background-item-selected-9gppru, #f0fbff);
-  border-start-start-radius: var(--border-radius-token-ycnemh, 8px);
-  border-start-end-radius: var(--border-radius-token-ycnemh, 8px);
-  border-end-start-radius: var(--border-radius-token-ycnemh, 8px);
-  border-end-end-radius: var(--border-radius-token-ycnemh, 8px);
-  color: var(--color-text-body-default-vvtq8u, #0f141a);
-  box-sizing: border-box;
-}
-
-.awsui_token-box-readonly_dm8gx_1a95u_265:not(#\9) {
-  border-color: var(--color-border-input-disabled-zgnzvk, #ebebf0);
-  background-color: var(--color-background-container-content-6u8rvp, #ffffff);
-  pointer-events: none;
-}
-.awsui_token-box-readonly_dm8gx_1a95u_265 > .awsui_dismiss-button_dm8gx_1a95u_196:not(#\9) {
-  color: var(--color-text-button-inline-icon-disabled-82hho0, #b4b4bb);
-}
-.awsui_token-box-readonly_dm8gx_1a95u_265 > .awsui_dismiss-button_dm8gx_1a95u_196:not(#\9):hover {
-  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
-  cursor: initial;
-  color: var(--color-text-button-inline-icon-disabled-82hho0, #b4b4bb);
-}
-
-.awsui_token-box-disabled_dm8gx_1a95u_279.awsui_token-box-disabled_dm8gx_1a95u_279:not(#\9) {
-  border-color: var(--color-border-control-disabled-uj7t08, #dedee3);
-  background-color: var(--color-background-container-content-6u8rvp, #ffffff);
-  color: var(--color-text-disabled-rox5hg, #b4b4bb);
-  pointer-events: none;
-}
-.awsui_token-box-disabled_dm8gx_1a95u_279.awsui_token-box-disabled_dm8gx_1a95u_279 > .awsui_dismiss-button_dm8gx_1a95u_196:not(#\9) {
-  color: var(--color-text-button-inline-icon-disabled-82hho0, #b4b4bb);
-}
-.awsui_token-box-disabled_dm8gx_1a95u_279.awsui_token-box-disabled_dm8gx_1a95u_279 > .awsui_dismiss-button_dm8gx_1a95u_196:not(#\9):hover {
-  cursor: initial;
-  color: var(--color-text-button-inline-icon-disabled-82hho0, #b4b4bb);
 }