@cloudscape-design/components 3.0.581 → 3.0.583

package/select/parts/styles.scoped.css

@@ -96,16 +96,16 @@ 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_placeholder_dwuol_jewio_99:not(#\9) {
+.awsui_placeholder_dwuol_18z0d_99:not(#\9) {
   color: var(--color-text-input-placeholder-mx1ygd, #5f6b7a);
   font-style: italic;
 }
 
-.awsui_item_dwuol_jewio_104:not(#\9) {
+.awsui_item_dwuol_18z0d_104:not(#\9) {
   display: flex;
   align-items: center;
 }
-.awsui_item_dwuol_jewio_104 > .awsui_checkbox_dwuol_jewio_108:not(#\9) {
+.awsui_item_dwuol_18z0d_104 > .awsui_checkbox_dwuol_18z0d_108:not(#\9) {
   position: relative;
   min-block-size: var(--size-control-28i7hr, 16px);
   min-inline-size: var(--size-control-28i7hr, 16px);
@@ -114,43 +114,43 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline-end: var(--space-field-horizontal-gg19kw, 12px);
 }
 
-.awsui_filter_dwuol_jewio_117:not(#\9) {
+.awsui_filter_dwuol_18z0d_117:not(#\9) {
   z-index: 4;
   flex-shrink: 0;
 }
 
-.awsui_trigger_dwuol_jewio_122:not(#\9) {
+.awsui_trigger_dwuol_18z0d_122:not(#\9) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 
-.awsui_layout-strut_dwuol_jewio_128:not(#\9) {
+.awsui_layout-strut_dwuol_18z0d_128:not(#\9) {
   inline-size: 100%;
   position: relative;
   transform: translate3d(0, 0, 0);
 }
 
-.awsui_list-bottom_dwuol_jewio_134:not(#\9) {
+.awsui_list-bottom_dwuol_18z0d_134:not(#\9) {
   /* used in unit-tests */
 }
 
-.awsui_selected-icon_dwuol_jewio_138:not(#\9) {
+.awsui_selected-icon_dwuol_18z0d_138:not(#\9) {
   color: var(--color-border-item-focused-b2ntyl, #0972d3);
 }
 
-.awsui_show-label-tag_dwuol_jewio_142 > .awsui_selected-icon_dwuol_jewio_138:not(#\9) {
+.awsui_show-label-tag_dwuol_18z0d_142 > .awsui_selected-icon_dwuol_18z0d_138:not(#\9) {
   padding-inline-start: var(--space-scaled-s-aqzyko, 12px);
 }
 
-.awsui_inline-token-trigger_dwuol_jewio_146:not(#\9) {
+.awsui_inline-token-trigger_dwuol_18z0d_146:not(#\9) {
   display: flex;
   flex-wrap: nowrap;
   column-gap: var(--space-xxs-p8yyaw, 4px);
   inline-size: 100%;
 }
 
-.awsui_inline-token-list_dwuol_jewio_153:not(#\9) {
+.awsui_inline-token-list_dwuol_18z0d_153:not(#\9) {
   display: flex;
   flex-wrap: nowrap;
   align-items: center;
@@ -160,7 +160,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-mask-image: linear-gradient(270deg, transparent, white 20px, white);
           mask-image: linear-gradient(270deg, transparent, white 20px, white);
 }
-.awsui_inline-token-list_dwuol_jewio_153 > .awsui_inline-token_dwuol_jewio_146:not(#\9) {
+.awsui_inline-token-list_dwuol_18z0d_153:not(#\9):dir(rtl) {
+  -webkit-mask-image: linear-gradient(-270deg, transparent, white 20px, white);
+          mask-image: linear-gradient(-270deg, transparent, white 20px, white);
+}
+.awsui_inline-token-list_dwuol_18z0d_153 > .awsui_inline-token_dwuol_18z0d_146:not(#\9) {
   display: flex;
   align-items: center;
   min-inline-size: max-content;
@@ -177,24 +181,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: var(--color-text-body-default-at06ol, #000716);
 }
 
-.awsui_visual-refresh_dwuol_jewio_179 > .awsui_inline-token-list_dwuol_jewio_153 > .awsui_inline-token_dwuol_jewio_146:not(#\9) {
+.awsui_visual-refresh_dwuol_18z0d_182 > .awsui_inline-token-list_dwuol_18z0d_153 > .awsui_inline-token_dwuol_18z0d_146:not(#\9) {
   border-start-start-radius: var(--border-radius-badge-0z09dt, 4px);
   border-start-end-radius: var(--border-radius-badge-0z09dt, 4px);
   border-end-start-radius: var(--border-radius-badge-0z09dt, 4px);
   border-end-end-radius: var(--border-radius-badge-0z09dt, 4px);
 }
 
-.awsui_inline-token-hidden-placeholder_dwuol_jewio_186:not(#\9) {
+.awsui_inline-token-hidden-placeholder_dwuol_18z0d_189:not(#\9) {
   position: absolute !important;
   inset-block-start: -9999px !important;
   inset-inline-start: -9999px !important;
 }
 
-.awsui_inline-token-counter_dwuol_jewio_192:not(#\9) {
+.awsui_inline-token-counter_dwuol_18z0d_195:not(#\9) {
   white-space: nowrap;
 }
 
-.awsui_inline-token-trigger--disabled_dwuol_jewio_196 > .awsui_inline-token-list_dwuol_jewio_153 > .awsui_inline-token_dwuol_jewio_146:not(#\9) {
+.awsui_inline-token-trigger--disabled_dwuol_18z0d_199 > .awsui_inline-token-list_dwuol_18z0d_153 > .awsui_inline-token_dwuol_18z0d_146:not(#\9) {
   border-color: var(--color-border-control-disabled-bv2kkn, #d1d5db);
   background-color: var(--color-background-container-content-4un1ap, #ffffff);
   color: var(--color-text-disabled-f4c52h, #9ba7b6);

package/select/parts/styles.selectors.js

@@ -2,21 +2,21 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "placeholder": "awsui_placeholder_dwuol_jewio_99",
-  "item": "awsui_item_dwuol_jewio_104",
-  "checkbox": "awsui_checkbox_dwuol_jewio_108",
-  "filter": "awsui_filter_dwuol_jewio_117",
-  "trigger": "awsui_trigger_dwuol_jewio_122",
-  "layout-strut": "awsui_layout-strut_dwuol_jewio_128",
-  "list-bottom": "awsui_list-bottom_dwuol_jewio_134",
-  "selected-icon": "awsui_selected-icon_dwuol_jewio_138",
-  "show-label-tag": "awsui_show-label-tag_dwuol_jewio_142",
-  "inline-token-trigger": "awsui_inline-token-trigger_dwuol_jewio_146",
-  "inline-token-list": "awsui_inline-token-list_dwuol_jewio_153",
-  "inline-token": "awsui_inline-token_dwuol_jewio_146",
-  "visual-refresh": "awsui_visual-refresh_dwuol_jewio_179",
-  "inline-token-hidden-placeholder": "awsui_inline-token-hidden-placeholder_dwuol_jewio_186",
-  "inline-token-counter": "awsui_inline-token-counter_dwuol_jewio_192",
-  "inline-token-trigger--disabled": "awsui_inline-token-trigger--disabled_dwuol_jewio_196"
+  "placeholder": "awsui_placeholder_dwuol_18z0d_99",
+  "item": "awsui_item_dwuol_18z0d_104",
+  "checkbox": "awsui_checkbox_dwuol_18z0d_108",
+  "filter": "awsui_filter_dwuol_18z0d_117",
+  "trigger": "awsui_trigger_dwuol_18z0d_122",
+  "layout-strut": "awsui_layout-strut_dwuol_18z0d_128",
+  "list-bottom": "awsui_list-bottom_dwuol_18z0d_134",
+  "selected-icon": "awsui_selected-icon_dwuol_18z0d_138",
+  "show-label-tag": "awsui_show-label-tag_dwuol_18z0d_142",
+  "inline-token-trigger": "awsui_inline-token-trigger_dwuol_18z0d_146",
+  "inline-token-list": "awsui_inline-token-list_dwuol_18z0d_153",
+  "inline-token": "awsui_inline-token_dwuol_18z0d_146",
+  "visual-refresh": "awsui_visual-refresh_dwuol_18z0d_182",
+  "inline-token-hidden-placeholder": "awsui_inline-token-hidden-placeholder_dwuol_18z0d_189",
+  "inline-token-counter": "awsui_inline-token-counter_dwuol_18z0d_195",
+  "inline-token-trigger--disabled": "awsui_inline-token-trigger--disabled_dwuol_18z0d_199"
 };
   

package/select/utils/use-native-search.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
-import { DropdownOption, OptionDefinition } from '../../internal/components/option/interfaces';
-export declare const isChar: (keyCode: number) => boolean;
+import type { DropdownOption, OptionDefinition } from '../../internal/components/option/interfaces';
 export declare const isRepeatedChar: (str: string) => boolean;
 interface UseNativeSearchProps {
     isEnabled: boolean;

package/select/utils/use-native-search.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-native-search.d.ts","sourceRoot":"","sources":["../../../../src/select/utils/use-native-search.ts"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAQtC,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAe,MAAM,6CAA6C,CAAC;AAG5G,eAAO,MAAM,MAAM,YAAa,MAAM,KAAG,OAExC,CAAC;AAEF,eAAO,MAAM,cAAc,QAAS,MAAM,YAA2C,CAAC;AAEtF,UAAU,oBAAoB;IAC5B,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IACvC,eAAe,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAClD,iBAAiB,EAAE,gBAAgB,GAAG,SAAS,GAAG,IAAI,CAAC;IACvD,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AA6CD,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,OAAO,EACP,eAAe,EACf,iBAAiB,EACjB,oBAAoB,GACrB,EAAE,oBAAoB,WAKN,mBAAmB,UAkBnC"}
+{"version":3,"file":"use-native-search.d.ts","sourceRoot":"","sources":["../../../../src/select/utils/use-native-search.ts"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAQtC,OAAO,KAAK,EAAE,cAAc,EAAE,gBAAgB,EAAe,MAAM,6CAA6C,CAAC;AAGjH,eAAO,MAAM,cAAc,QAAS,MAAM,YAA2C,CAAC;AAEtF,UAAU,oBAAoB;IAC5B,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IACvC,eAAe,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAClD,iBAAiB,EAAE,gBAAgB,GAAG,SAAS,GAAG,IAAI,CAAC;IACvD,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AA6CD,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,OAAO,EACP,eAAe,EACf,iBAAiB,EACjB,oBAAoB,GACrB,EAAE,oBAAoB,WAKN,mBAAmB,UAoBnC"}

package/select/utils/use-native-search.js

@@ -1,12 +1,8 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 import { useRef } from 'react';
-import { KeyCode } from '../../internal/keycode';
 import { filterOptions, isInteractive, isGroupInteractive, isGroup, } from '../../internal/components/option/utils/filter-options';
 import { useDebounceCallback } from '../../internal/hooks/use-debounce-callback';
-export const isChar = (keyCode) => {
-    return [0, KeyCode.enter, KeyCode.space, KeyCode.tab].indexOf(keyCode) === -1;
-};
 export const isRepeatedChar = (str) => str.split('').every(c => c === str[0]);
 function findMatchingOption(options, searchText, currentHighlight, useInteractiveGroups) {
     const interactivityCheck = useInteractiveGroups ? isGroupInteractive : isInteractive;
@@ -46,12 +42,12 @@ export function useNativeSearch({ isEnabled, options, highlightOption, highlight
         if (!isEnabled) {
             return;
         }
-        const { charCode } = event;
-        if (!isChar(charCode)) {
+        const { key } = event;
+        if (!key || key.length !== 1) {
             return;
         }
         delayedResetValue();
-        const newValue = value.current + String.fromCharCode(charCode);
+        const newValue = value.current + key;
         value.current = newValue;
         const nextHighlight = findMatchingOption(options, newValue, highlightedOption, useInteractiveGroups);
         if (nextHighlight) {

package/select/utils/use-native-search.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-native-search.js","sourceRoot":"","sources":["../../../../src/select/utils/use-native-search.ts"],"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, { useRef } from 'react';\nimport { KeyCode } from '../../internal/keycode';\nimport {\n  filterOptions,\n  isInteractive,\n  isGroupInteractive,\n  isGroup,\n} from '../../internal/components/option/utils/filter-options';\nimport { DropdownOption, OptionDefinition, OptionGroup } from '../../internal/components/option/interfaces';\nimport { useDebounceCallback } from '../../internal/hooks/use-debounce-callback';\n\nexport const isChar = (keyCode: number): boolean => {\n  return [0, KeyCode.enter, KeyCode.space, KeyCode.tab].indexOf(keyCode) === -1;\n};\n\nexport const isRepeatedChar = (str: string) => str.split('').every(c => c === str[0]);\n\ninterface UseNativeSearchProps {\n  isEnabled: boolean;\n  options: ReadonlyArray<DropdownOption>;\n  highlightOption: (option: DropdownOption) => void;\n  highlightedOption: OptionDefinition | undefined | null;\n  useInteractiveGroups?: boolean;\n}\n\nfunction findMatchingOption(\n  options: ReadonlyArray<DropdownOption>,\n  searchText: string,\n  currentHighlight: OptionDefinition | OptionGroup | undefined | null,\n  useInteractiveGroups?: boolean\n) {\n  const interactivityCheck = useInteractiveGroups ? isGroupInteractive : isInteractive;\n  const filter = (searchText: string) =>\n    filterOptions(options, searchText, true).filter(option => interactivityCheck(option));\n  const matchingOptions = filter(searchText);\n\n  if (matchingOptions.length === 1) {\n    return matchingOptions[0];\n  }\n\n  // Hit the same char over and over, we assume they want to cycle through\n  if (currentHighlight && searchText.length > 1 && isRepeatedChar(searchText)) {\n    const matchingOptions = filter(searchText[0]);\n\n    if (matchingOptions.length > 0) {\n      //handling OptionGroups when useInteractiveGroups is set\n      let active: number = isGroup(currentHighlight)\n        ? matchingOptions.map(({ option }) => option).indexOf(currentHighlight)\n        : matchingOptions\n            .map(({ option }) => (option as OptionDefinition).value)\n            .indexOf((currentHighlight as OptionDefinition).value);\n\n      // Pick the next thing (if something with this prefix wasn't selected\n      // we'll end up with the first option)\n      active += 1;\n      active = active % matchingOptions.length;\n      return matchingOptions[active];\n    }\n  }\n\n  // We have multiple things that start with this prefix.  Based on the\n  // behavior of native select, this is considered after the repeated case\n  if (matchingOptions.length > 0) {\n    return matchingOptions[0];\n  }\n  return null;\n}\n\nexport function useNativeSearch({\n  isEnabled,\n  options,\n  highlightOption,\n  highlightedOption,\n  useInteractiveGroups,\n}: UseNativeSearchProps) {\n  const value = useRef('');\n\n  const delayedResetValue = useDebounceCallback(() => (value.current = ''), 500);\n\n  return (event: React.KeyboardEvent) => {\n    if (!isEnabled) {\n      return;\n    }\n\n    const { charCode } = event;\n    if (!isChar(charCode)) {\n      return;\n    }\n    delayedResetValue();\n    const newValue = value.current + String.fromCharCode(charCode);\n    value.current = newValue;\n\n    const nextHighlight = findMatchingOption(options, newValue, highlightedOption, useInteractiveGroups);\n    if (nextHighlight) {\n      highlightOption(nextHighlight);\n    }\n  };\n}\n"]}
+{"version":3,"file":"use-native-search.js","sourceRoot":"","sources":["../../../../src/select/utils/use-native-search.ts"],"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, { useRef } from 'react';\n\nimport {\n  filterOptions,\n  isInteractive,\n  isGroupInteractive,\n  isGroup,\n} from '../../internal/components/option/utils/filter-options';\nimport type { DropdownOption, OptionDefinition, OptionGroup } from '../../internal/components/option/interfaces';\nimport { useDebounceCallback } from '../../internal/hooks/use-debounce-callback';\n\nexport const isRepeatedChar = (str: string) => str.split('').every(c => c === str[0]);\n\ninterface UseNativeSearchProps {\n  isEnabled: boolean;\n  options: ReadonlyArray<DropdownOption>;\n  highlightOption: (option: DropdownOption) => void;\n  highlightedOption: OptionDefinition | undefined | null;\n  useInteractiveGroups?: boolean;\n}\n\nfunction findMatchingOption(\n  options: ReadonlyArray<DropdownOption>,\n  searchText: string,\n  currentHighlight: OptionDefinition | OptionGroup | undefined | null,\n  useInteractiveGroups?: boolean\n) {\n  const interactivityCheck = useInteractiveGroups ? isGroupInteractive : isInteractive;\n  const filter = (searchText: string) =>\n    filterOptions(options, searchText, true).filter(option => interactivityCheck(option));\n  const matchingOptions = filter(searchText);\n\n  if (matchingOptions.length === 1) {\n    return matchingOptions[0];\n  }\n\n  // Hit the same char over and over, we assume they want to cycle through\n  if (currentHighlight && searchText.length > 1 && isRepeatedChar(searchText)) {\n    const matchingOptions = filter(searchText[0]);\n\n    if (matchingOptions.length > 0) {\n      //handling OptionGroups when useInteractiveGroups is set\n      let active: number = isGroup(currentHighlight)\n        ? matchingOptions.map(({ option }) => option).indexOf(currentHighlight)\n        : matchingOptions\n            .map(({ option }) => (option as OptionDefinition).value)\n            .indexOf((currentHighlight as OptionDefinition).value);\n\n      // Pick the next thing (if something with this prefix wasn't selected\n      // we'll end up with the first option)\n      active += 1;\n      active = active % matchingOptions.length;\n      return matchingOptions[active];\n    }\n  }\n\n  // We have multiple things that start with this prefix.  Based on the\n  // behavior of native select, this is considered after the repeated case\n  if (matchingOptions.length > 0) {\n    return matchingOptions[0];\n  }\n  return null;\n}\n\nexport function useNativeSearch({\n  isEnabled,\n  options,\n  highlightOption,\n  highlightedOption,\n  useInteractiveGroups,\n}: UseNativeSearchProps) {\n  const value = useRef('');\n\n  const delayedResetValue = useDebounceCallback(() => (value.current = ''), 500);\n\n  return (event: React.KeyboardEvent) => {\n    if (!isEnabled) {\n      return;\n    }\n\n    const { key } = event;\n\n    if (!key || key.length !== 1) {\n      return;\n    }\n\n    delayedResetValue();\n    const newValue = value.current + key;\n    value.current = newValue;\n\n    const nextHighlight = findMatchingOption(options, newValue, highlightedOption, useInteractiveGroups);\n    if (nextHighlight) {\n      highlightOption(nextHighlight);\n    }\n  };\n}\n"]}

package/tiles/styles.css.js

@@ -1,34 +1,34 @@
 
     import './styles.scoped.css';
     export default {
-  "column-layout": "awsui_column-layout_vj6p7_akfg0_99",
-  "grid": "awsui_grid_vj6p7_akfg0_134",
-  "grid-no-gutters": "awsui_grid-no-gutters_vj6p7_akfg0_140",
-  "grid-variant-text-grid": "awsui_grid-variant-text-grid_vj6p7_akfg0_144",
-  "grid-breakpoint-default": "awsui_grid-breakpoint-default_vj6p7_akfg0_152",
-  "grid-columns-1": "awsui_grid-columns-1_vj6p7_akfg0_155",
-  "grid-breakpoint-xxs": "awsui_grid-breakpoint-xxs_vj6p7_akfg0_155",
-  "grid-breakpoint-xs": "awsui_grid-breakpoint-xs_vj6p7_akfg0_158",
-  "grid-columns-2": "awsui_grid-columns-2_vj6p7_akfg0_161",
-  "grid-columns-3": "awsui_grid-columns-3_vj6p7_akfg0_167",
-  "grid-columns-4": "awsui_grid-columns-4_vj6p7_akfg0_173",
-  "grid-vertical-borders": "awsui_grid-vertical-borders_vj6p7_akfg0_189",
-  "grid-horizontal-borders": "awsui_grid-horizontal-borders_vj6p7_akfg0_222",
-  "root": "awsui_root_vj6p7_akfg0_276",
-  "tile-container": "awsui_tile-container_vj6p7_akfg0_314",
-  "refresh": "awsui_refresh_vj6p7_akfg0_329",
-  "has-metadata": "awsui_has-metadata_vj6p7_akfg0_333",
-  "selected": "awsui_selected_vj6p7_akfg0_339",
-  "disabled": "awsui_disabled_vj6p7_akfg0_344",
-  "columns": "awsui_columns_vj6p7_akfg0_360",
-  "column-1": "awsui_column-1_vj6p7_akfg0_366",
-  "breakpoint-xs": "awsui_breakpoint-xs_vj6p7_akfg0_374",
-  "breakpoint-xxs": "awsui_breakpoint-xxs_vj6p7_akfg0_379",
-  "column-2": "awsui_column-2_vj6p7_akfg0_384",
-  "column-3": "awsui_column-3_vj6p7_akfg0_402",
-  "column-4": "awsui_column-4_vj6p7_akfg0_420",
-  "control": "awsui_control_vj6p7_akfg0_439",
-  "no-image": "awsui_no-image_vj6p7_akfg0_443",
-  "image": "awsui_image_vj6p7_akfg0_447"
+  "column-layout": "awsui_column-layout_vj6p7_147sx_99",
+  "grid": "awsui_grid_vj6p7_147sx_134",
+  "grid-no-gutters": "awsui_grid-no-gutters_vj6p7_147sx_140",
+  "grid-variant-text-grid": "awsui_grid-variant-text-grid_vj6p7_147sx_144",
+  "grid-breakpoint-default": "awsui_grid-breakpoint-default_vj6p7_147sx_152",
+  "grid-columns-1": "awsui_grid-columns-1_vj6p7_147sx_155",
+  "grid-breakpoint-xxs": "awsui_grid-breakpoint-xxs_vj6p7_147sx_155",
+  "grid-breakpoint-xs": "awsui_grid-breakpoint-xs_vj6p7_147sx_158",
+  "grid-columns-2": "awsui_grid-columns-2_vj6p7_147sx_161",
+  "grid-columns-3": "awsui_grid-columns-3_vj6p7_147sx_167",
+  "grid-columns-4": "awsui_grid-columns-4_vj6p7_147sx_173",
+  "grid-vertical-borders": "awsui_grid-vertical-borders_vj6p7_147sx_189",
+  "grid-horizontal-borders": "awsui_grid-horizontal-borders_vj6p7_147sx_222",
+  "root": "awsui_root_vj6p7_147sx_276",
+  "tile-container": "awsui_tile-container_vj6p7_147sx_314",
+  "refresh": "awsui_refresh_vj6p7_147sx_329",
+  "has-metadata": "awsui_has-metadata_vj6p7_147sx_333",
+  "selected": "awsui_selected_vj6p7_147sx_339",
+  "disabled": "awsui_disabled_vj6p7_147sx_344",
+  "columns": "awsui_columns_vj6p7_147sx_360",
+  "column-1": "awsui_column-1_vj6p7_147sx_366",
+  "breakpoint-xs": "awsui_breakpoint-xs_vj6p7_147sx_374",
+  "breakpoint-xxs": "awsui_breakpoint-xxs_vj6p7_147sx_379",
+  "column-2": "awsui_column-2_vj6p7_147sx_384",
+  "column-3": "awsui_column-3_vj6p7_147sx_402",
+  "column-4": "awsui_column-4_vj6p7_147sx_420",
+  "control": "awsui_control_vj6p7_147sx_439",
+  "no-image": "awsui_no-image_vj6p7_147sx_443",
+  "image": "awsui_image_vj6p7_147sx_447"
 };