@cloudscape-design/components 3.0.1127 → 3.0.1129

package/attribute-editor/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/attribute-editor/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, { useImperativeHandle, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useMergeRefs, useUniqueId } from '@cloudscape-design/component-toolkit/internal';\n\nimport { ButtonProps } from '../button/interfaces';\nimport { InternalButton } from '../button/internal';\nimport { useInternalI18n } from '../i18n/context';\nimport { getBaseProps } from '../internal/base-component';\nimport { matchBreakpointMapping } from '../internal/breakpoints';\nimport { useContainerBreakpoints } from '../internal/hooks/container-queries';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { usePrevious } from '../internal/hooks/use-previous';\nimport { SomeRequired } from '../internal/types';\nimport InternalLiveRegion from '../live-region/internal';\nimport { AdditionalInfo } from './additional-info';\nimport { gridDefaults } from './grid-defaults';\nimport { AttributeEditorForwardRefType, AttributeEditorProps } from './interfaces';\nimport { Row } from './row';\nimport { getGridTemplateColumns } from './utils';\n\nimport styles from './styles.css.js';\n\ntype InternalAttributeEditorProps<T> = SomeRequired<AttributeEditorProps<T>, 'items' | 'addButtonVariant'> &\n  InternalBaseComponentProps;\n\nconst InternalAttributeEditor = React.forwardRef(\n  <T,>(\n    {\n      additionalInfo,\n      disableAddButton,\n      definition = [{}],\n      gridLayout,\n      items,\n      isItemRemovable = () => true,\n      empty,\n      addButtonText,\n      addButtonVariant,\n      removeButtonText,\n      removeButtonAriaLabel,\n      customRowActions,\n      i18nStrings,\n      onAddButtonClick,\n      onRemoveButtonClick,\n      __internalRootRef,\n      ...props\n    }: InternalAttributeEditorProps<T>,\n    ref: React.Ref<AttributeEditorProps.Ref>\n  ) => {\n    const removeButtonRefs = useRef<Array<ButtonProps.Ref | undefined>>([]);\n    const addButtonRef = useRef<ButtonProps.Ref>(null);\n    const wasNonEmpty = useRef<boolean>(false);\n    const [removalAnnouncement, setRemovalAnnouncement] = useState<string>('');\n\n    const baseProps = getBaseProps(props);\n    const isEmpty = items && items.length === 0;\n\n    wasNonEmpty.current = wasNonEmpty.current || !isEmpty;\n\n    useImperativeHandle(ref, () => ({\n      focusRemoveButton(rowIndex: number) {\n        removeButtonRefs.current[rowIndex]?.focus();\n      },\n      focusAddButton() {\n        addButtonRef.current?.focus();\n      },\n    }));\n\n    const additionalInfoId = useUniqueId('attribute-editor-info');\n    const infoAriaDescribedBy = additionalInfo ? additionalInfoId : undefined;\n\n    const prevItemsLength = usePrevious(items.length);\n    const i18n = useInternalI18n('attribute-editor');\n\n    React.useEffect(() => {\n      if (prevItemsLength && prevItemsLength > items.length) {\n        const announcement = i18n('i18nStrings.itemRemovedAriaLive', i18nStrings?.itemRemovedAriaLive);\n        if (announcement) {\n          setRemovalAnnouncement(announcement);\n        } else {\n          setRemovalAnnouncement('');\n        }\n      } else {\n        setRemovalAnnouncement('');\n      }\n      // we only want to announce when the number of items decreases (i.e. when an item is removed)\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [items, i18nStrings?.itemRemovedAriaLive]);\n\n    if (!gridLayout) {\n      gridLayout = gridDefaults[definition.length];\n      if (!gridLayout) {\n        console.warn('AttributeEditor', '`gridLayout` is required for more than 6 attributes. Cannot render.');\n        gridLayout = [];\n      }\n    }\n\n    const gridLayoutBreakpoints = gridLayout.reduce(\n      (acc, layout) => ({\n        ...acc,\n        [layout.breakpoint || 'default']: layout,\n      }),\n      {} as Record<AttributeEditorProps.Breakpoint, AttributeEditorProps.GridLayout>\n    );\n\n    const [breakpoint, breakpointRef] = useContainerBreakpoints(\n      Object.keys(gridLayoutBreakpoints) as AttributeEditorProps.Breakpoint[]\n    );\n    const mergedRef = useMergeRefs(breakpointRef, __internalRootRef);\n\n    const gridLayoutForBreakpoint = matchBreakpointMapping(gridLayoutBreakpoints, breakpoint || 'default');\n\n    if (!gridLayoutForBreakpoint) {\n      console.warn('AttributeEditor', `No \\`gridLayout\\` entry found for breakpoint ${breakpoint}. Cannot render.`);\n      return <div />;\n    }\n\n    const totalColumnsInLayout = gridLayoutForBreakpoint.rows.reduce((total, columns) => total + columns.length, 0);\n    if (totalColumnsInLayout !== definition.length) {\n      console.warn(\n        'AttributeEditor',\n        `Incorrect number of columns in layout (${totalColumnsInLayout}) for definition (${definition.length}). Cannot render.`\n      );\n      return <div />;\n    }\n\n    return (\n      <div\n        {...baseProps}\n        ref={mergedRef}\n        className={clsx(baseProps.className, styles.root)}\n        style={{ gridTemplateColumns: getGridTemplateColumns(gridLayoutForBreakpoint) }}\n      >\n        {isEmpty && <div className={clsx(styles.empty, wasNonEmpty.current && styles['empty-appear'])}>{empty}</div>}\n        {items.map((item, index) => (\n          <Row<T>\n            key={index}\n            index={index}\n            breakpoint={breakpoint}\n            layout={gridLayoutForBreakpoint}\n            item={item}\n            definition={definition}\n            i18nStrings={i18nStrings}\n            removable={isItemRemovable(item)}\n            removeButtonText={removeButtonText}\n            removeButtonRefs={removeButtonRefs.current}\n            customRowActions={customRowActions}\n            onRemoveButtonClick={onRemoveButtonClick}\n            removeButtonAriaLabel={removeButtonAriaLabel}\n          />\n        ))}\n\n        <div className={styles['add-row']}>\n          <InternalButton\n            className={styles['add-button']}\n            disabled={disableAddButton}\n            // Using aria-disabled=\"true\" and tabindex=\"-1\" instead of \"disabled\"\n            // because focus can be dynamically moved to this button by calling\n            // `focusAddButton()` on the ref.\n            nativeButtonAttributes={disableAddButton ? { tabIndex: -1 } : {}}\n            __skipNativeAttributesWarnings={true}\n            __focusable={true}\n            onClick={onAddButtonClick}\n            formAction=\"none\"\n            ref={addButtonRef}\n            ariaDescribedby={infoAriaDescribedBy}\n            variant={addButtonVariant}\n            iconName={addButtonVariant === 'inline-link' ? 'add-plus' : undefined}\n          >\n            {addButtonText}\n          </InternalButton>\n          <InternalLiveRegion\n            data-testid=\"removal-announcement\"\n            tagName=\"span\"\n            hidden={true}\n            delay={5}\n            key={items.length}\n          >\n            {removalAnnouncement}\n          </InternalLiveRegion>\n          {!!additionalInfo && <AdditionalInfo id={infoAriaDescribedBy}>{additionalInfo}</AdditionalInfo>}\n        </div>\n      </div>\n    );\n  }\n) as AttributeEditorForwardRefType;\n\nexport default InternalAttributeEditor;\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/attribute-editor/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, { useImperativeHandle, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useMergeRefs, useUniqueId } from '@cloudscape-design/component-toolkit/internal';\n\nimport { ButtonProps } from '../button/interfaces';\nimport { InternalButton } from '../button/internal';\nimport { useInternalI18n } from '../i18n/context';\nimport { getBaseProps } from '../internal/base-component';\nimport { matchBreakpointMapping } from '../internal/breakpoints';\nimport { useContainerBreakpoints } from '../internal/hooks/container-queries';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { usePrevious } from '../internal/hooks/use-previous';\nimport { SomeRequired } from '../internal/types';\nimport InternalLiveRegion from '../live-region/internal';\nimport InternalSpaceBetween from '../space-between/internal';\nimport { AdditionalInfo } from './additional-info';\nimport { gridDefaults } from './grid-defaults';\nimport { AttributeEditorForwardRefType, AttributeEditorProps } from './interfaces';\nimport { Row } from './row';\nimport { getGridTemplateColumns } from './utils';\n\nimport styles from './styles.css.js';\n\ntype InternalAttributeEditorProps<T> = SomeRequired<AttributeEditorProps<T>, 'items' | 'addButtonVariant'> &\n  InternalBaseComponentProps;\n\nconst InternalAttributeEditor = React.forwardRef(\n  <T,>(\n    {\n      additionalInfo,\n      disableAddButton,\n      definition = [{}],\n      gridLayout,\n      items,\n      isItemRemovable = () => true,\n      empty,\n      addButtonText,\n      addButtonVariant,\n      removeButtonText,\n      removeButtonAriaLabel,\n      customRowActions,\n      i18nStrings,\n      onAddButtonClick,\n      onRemoveButtonClick,\n      __internalRootRef,\n      hideAddButton,\n      additionalActions,\n      ...props\n    }: InternalAttributeEditorProps<T>,\n    ref: React.Ref<AttributeEditorProps.Ref>\n  ) => {\n    const removeButtonRefs = useRef<Array<ButtonProps.Ref | undefined>>([]);\n    const addButtonRef = useRef<ButtonProps.Ref>(null);\n    const wasNonEmpty = useRef<boolean>(false);\n    const [removalAnnouncement, setRemovalAnnouncement] = useState<string>('');\n\n    const baseProps = getBaseProps(props);\n    const isEmpty = items && items.length === 0;\n\n    wasNonEmpty.current = wasNonEmpty.current || !isEmpty;\n\n    useImperativeHandle(ref, () => ({\n      focusRemoveButton(rowIndex: number) {\n        removeButtonRefs.current[rowIndex]?.focus();\n      },\n      focusAddButton() {\n        addButtonRef.current?.focus();\n      },\n    }));\n\n    const additionalInfoId = useUniqueId('attribute-editor-info');\n    const infoAriaDescribedBy = additionalInfo ? additionalInfoId : undefined;\n\n    const prevItemsLength = usePrevious(items.length);\n    const i18n = useInternalI18n('attribute-editor');\n\n    React.useEffect(() => {\n      if (prevItemsLength && prevItemsLength > items.length) {\n        const announcement = i18n('i18nStrings.itemRemovedAriaLive', i18nStrings?.itemRemovedAriaLive);\n        if (announcement) {\n          setRemovalAnnouncement(announcement);\n        } else {\n          setRemovalAnnouncement('');\n        }\n      } else {\n        setRemovalAnnouncement('');\n      }\n      // we only want to announce when the number of items decreases (i.e. when an item is removed)\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [items, i18nStrings?.itemRemovedAriaLive]);\n\n    if (!gridLayout) {\n      gridLayout = gridDefaults[definition.length];\n      if (!gridLayout) {\n        console.warn('AttributeEditor', '`gridLayout` is required for more than 6 attributes. Cannot render.');\n        gridLayout = [];\n      }\n    }\n\n    const gridLayoutBreakpoints = gridLayout.reduce(\n      (acc, layout) => ({\n        ...acc,\n        [layout.breakpoint || 'default']: layout,\n      }),\n      {} as Record<AttributeEditorProps.Breakpoint, AttributeEditorProps.GridLayout>\n    );\n\n    const [breakpoint, breakpointRef] = useContainerBreakpoints(\n      Object.keys(gridLayoutBreakpoints) as AttributeEditorProps.Breakpoint[]\n    );\n    const mergedRef = useMergeRefs(breakpointRef, __internalRootRef);\n\n    const gridLayoutForBreakpoint = matchBreakpointMapping(gridLayoutBreakpoints, breakpoint || 'default');\n\n    if (!gridLayoutForBreakpoint) {\n      console.warn('AttributeEditor', `No \\`gridLayout\\` entry found for breakpoint ${breakpoint}. Cannot render.`);\n      return <div />;\n    }\n\n    const totalColumnsInLayout = gridLayoutForBreakpoint.rows.reduce((total, columns) => total + columns.length, 0);\n    if (totalColumnsInLayout !== definition.length) {\n      console.warn(\n        'AttributeEditor',\n        `Incorrect number of columns in layout (${totalColumnsInLayout}) for definition (${definition.length}). Cannot render.`\n      );\n      return <div />;\n    }\n\n    return (\n      <div\n        {...baseProps}\n        ref={mergedRef}\n        className={clsx(baseProps.className, styles.root)}\n        style={{ gridTemplateColumns: getGridTemplateColumns(gridLayoutForBreakpoint) }}\n      >\n        {isEmpty && <div className={clsx(styles.empty, wasNonEmpty.current && styles['empty-appear'])}>{empty}</div>}\n        {items.map((item, index) => (\n          <Row<T>\n            key={index}\n            index={index}\n            breakpoint={breakpoint}\n            layout={gridLayoutForBreakpoint}\n            item={item}\n            definition={definition}\n            i18nStrings={i18nStrings}\n            removable={isItemRemovable(item)}\n            removeButtonText={removeButtonText}\n            removeButtonRefs={removeButtonRefs.current}\n            customRowActions={customRowActions}\n            onRemoveButtonClick={onRemoveButtonClick}\n            removeButtonAriaLabel={removeButtonAriaLabel}\n          />\n        ))}\n\n        <div className={styles['add-row']}>\n          {(!hideAddButton || additionalActions) && (\n            <InternalSpaceBetween size=\"xs\" direction=\"horizontal\">\n              {!hideAddButton && (\n                <InternalButton\n                  className={styles['add-button']}\n                  disabled={disableAddButton}\n                  // Using aria-disabled=\"true\" and tabindex=\"-1\" instead of \"disabled\"\n                  // because focus can be dynamically moved to this button by calling\n                  // `focusAddButton()` on the ref.\n                  nativeButtonAttributes={disableAddButton ? { tabIndex: -1 } : {}}\n                  __skipNativeAttributesWarnings={true}\n                  __focusable={true}\n                  onClick={onAddButtonClick}\n                  formAction=\"none\"\n                  ref={addButtonRef}\n                  ariaDescribedby={infoAriaDescribedBy}\n                  variant={addButtonVariant}\n                  iconName={addButtonVariant === 'inline-link' ? 'add-plus' : undefined}\n                >\n                  {addButtonText}\n                </InternalButton>\n              )}\n              {additionalActions}\n            </InternalSpaceBetween>\n          )}\n          <InternalLiveRegion\n            data-testid=\"removal-announcement\"\n            tagName=\"span\"\n            hidden={true}\n            delay={5}\n            key={items.length}\n          >\n            {removalAnnouncement}\n          </InternalLiveRegion>\n          {!!additionalInfo && <AdditionalInfo id={infoAriaDescribedBy}>{additionalInfo}</AdditionalInfo>}\n        </div>\n      </div>\n    );\n  }\n) as AttributeEditorForwardRefType;\n\nexport default InternalAttributeEditor;\n"]}

package/attribute-editor/styles.css.js

@@ -1,20 +1,20 @@
 
     import './styles.scoped.css';
     export default {
-  "empty-appear": "awsui_empty-appear_n4qlp_y1lq6_153",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_y1lq6_1",
-  "root": "awsui_root_n4qlp_y1lq6_175",
-  "empty": "awsui_empty_n4qlp_y1lq6_153",
-  "row": "awsui_row_n4qlp_y1lq6_218",
-  "divider": "awsui_divider_n4qlp_y1lq6_222",
-  "row-control": "awsui_row-control_n4qlp_y1lq6_227",
-  "field": "awsui_field_n4qlp_y1lq6_231",
-  "additional-info": "awsui_additional-info_n4qlp_y1lq6_235",
-  "add-row": "awsui_add-row_n4qlp_y1lq6_281",
-  "add-button": "awsui_add-button_n4qlp_y1lq6_285",
-  "remove-button-container": "awsui_remove-button-container_n4qlp_y1lq6_289",
-  "remove-button-field-padding": "awsui_remove-button-field-padding_n4qlp_y1lq6_293",
-  "remove-button-own-row": "awsui_remove-button-own-row_n4qlp_y1lq6_297",
-  "remove-button": "awsui_remove-button_n4qlp_y1lq6_289"
+  "empty-appear": "awsui_empty-appear_n4qlp_1k4tu_153",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_1k4tu_1",
+  "root": "awsui_root_n4qlp_1k4tu_175",
+  "empty": "awsui_empty_n4qlp_1k4tu_153",
+  "row": "awsui_row_n4qlp_1k4tu_218",
+  "divider": "awsui_divider_n4qlp_1k4tu_222",
+  "row-control": "awsui_row-control_n4qlp_1k4tu_227",
+  "field": "awsui_field_n4qlp_1k4tu_231",
+  "additional-info": "awsui_additional-info_n4qlp_1k4tu_235",
+  "add-row": "awsui_add-row_n4qlp_1k4tu_281",
+  "add-button": "awsui_add-button_n4qlp_1k4tu_285",
+  "remove-button-container": "awsui_remove-button-container_n4qlp_1k4tu_289",
+  "remove-button-field-padding": "awsui_remove-button-field-padding_n4qlp_1k4tu_293",
+  "remove-button-own-row": "awsui_remove-button-own-row_n4qlp_1k4tu_297",
+  "remove-button": "awsui_remove-button_n4qlp_1k4tu_289"
 };
   

package/attribute-editor/styles.scoped.css

@@ -150,10 +150,10 @@ 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_empty-appear_n4qlp_y1lq6_153:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_n4qlp_y1lq6_1 var(--motion-duration-transition-show-paced-t8d1os, 180ms) var(--motion-easing-transition-show-paced-x2k7uh, ease-out);
+.awsui_empty-appear_n4qlp_1k4tu_153:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_n4qlp_1k4tu_1 var(--motion-duration-transition-show-paced-t8d1os, 180ms) var(--motion-easing-transition-show-paced-x2k7uh, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_n4qlp_y1lq6_1 {
+@keyframes awsui_awsui-motion-fade-in_n4qlp_1k4tu_1 {
   from {
     opacity: 0.2;
   }
@@ -162,17 +162,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_empty-appear_n4qlp_y1lq6_153:not(#\9) {
+  .awsui_empty-appear_n4qlp_1k4tu_153:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_empty-appear_n4qlp_y1lq6_153:not(#\9), .awsui-mode-entering .awsui_empty-appear_n4qlp_y1lq6_153:not(#\9) {
+.awsui-motion-disabled .awsui_empty-appear_n4qlp_1k4tu_153:not(#\9), .awsui-mode-entering .awsui_empty-appear_n4qlp_1k4tu_153:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_n4qlp_y1lq6_175:not(#\9) {
+.awsui_root_n4qlp_1k4tu_175:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -208,31 +208,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   align-items: start;
 }
 
-.awsui_empty_n4qlp_y1lq6_153:not(#\9) {
+.awsui_empty_n4qlp_1k4tu_153:not(#\9) {
   font-size: var(--font-size-body-m-a7nh2n, 14px);
   line-height: var(--line-height-body-m-2mh3ke, 20px);
   color: var(--color-text-empty-tlohug, #656871);
   grid-column: 1/-1;
 }
 
-.awsui_row_n4qlp_y1lq6_218:not(#\9) {
+.awsui_row_n4qlp_1k4tu_218:not(#\9) {
   display: contents;
 }
 
-.awsui_divider_n4qlp_y1lq6_222:not(#\9) {
+.awsui_divider_n4qlp_1k4tu_222:not(#\9) {
   grid-column: 1/-1;
   border-block-start: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-divider-default-nr68jt, #c6c6cd);
 }
 
-.awsui_row-control_n4qlp_y1lq6_227:not(#\9) {
+.awsui_row-control_n4qlp_1k4tu_227:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_field_n4qlp_y1lq6_231:not(#\9) {
+.awsui_field_n4qlp_1k4tu_231:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_additional-info_n4qlp_y1lq6_235:not(#\9) {
+.awsui_additional-info_n4qlp_1k4tu_235:not(#\9) {
   color: var(--color-text-form-secondary-1nm780, #656871);
   font-size: var(--font-size-body-s-smc8cv, 12px);
   line-height: var(--line-height-body-s-nu5hx1, 16px);
@@ -242,10 +242,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block-start: var(--space-xxs-hwfkai, 4px);
   /* stylelint-disable-next-line selector-max-type */
 }
-.awsui_additional-info_n4qlp_y1lq6_235 > a:not(#\9) {
+.awsui_additional-info_n4qlp_1k4tu_235 > a:not(#\9) {
   text-underline-offset: 0.3em;
   text-decoration-thickness: 1px;
-  color: var(--awsui-style-color-default-b75yp7, var(--color-text-link-default-1dmm7z, #006ce0));
+  color: var(--awsui-style-color-default-9t5olz, var(--color-text-link-default-1dmm7z, #006ce0));
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: underline;
@@ -256,50 +256,50 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-5rbn3k, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_additional-info_n4qlp_y1lq6_235 > a:not(#\9) {
+  .awsui_additional-info_n4qlp_1k4tu_235 > a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_additional-info_n4qlp_y1lq6_235 > a:not(#\9), .awsui-mode-entering .awsui_additional-info_n4qlp_y1lq6_235 > a:not(#\9) {
+.awsui-motion-disabled .awsui_additional-info_n4qlp_1k4tu_235 > a:not(#\9), .awsui-mode-entering .awsui_additional-info_n4qlp_1k4tu_235 > a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_additional-info_n4qlp_y1lq6_235 > a:not(#\9):hover {
+.awsui_additional-info_n4qlp_1k4tu_235 > a:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-b75yp7, var(--color-text-link-hover-sq1gxg, #002b66));
+  color: var(--awsui-style-color-hover-9t5olz, var(--color-text-link-hover-sq1gxg, #002b66));
 }
-.awsui_additional-info_n4qlp_y1lq6_235 > a:not(#\9):focus {
+.awsui_additional-info_n4qlp_1k4tu_235 > a:not(#\9):focus {
   outline: none;
 }
-.awsui_additional-info_n4qlp_y1lq6_235 > a:not(#\9):active {
-  color: var(--awsui-style-color-active-b75yp7, var(--color-text-link-hover-sq1gxg, #002b66));
+.awsui_additional-info_n4qlp_1k4tu_235 > a:not(#\9):active {
+  color: var(--awsui-style-color-active-9t5olz, var(--color-text-link-hover-sq1gxg, #002b66));
 }
-.awsui_additional-info_n4qlp_y1lq6_235 > a:not(#\9):active, .awsui_additional-info_n4qlp_y1lq6_235 > a:not(#\9):focus, .awsui_additional-info_n4qlp_y1lq6_235 > a:not(#\9):hover {
+.awsui_additional-info_n4qlp_1k4tu_235 > a:not(#\9):active, .awsui_additional-info_n4qlp_1k4tu_235 > a:not(#\9):focus, .awsui_additional-info_n4qlp_1k4tu_235 > a:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
 
-.awsui_add-row_n4qlp_y1lq6_281:not(#\9) {
+.awsui_add-row_n4qlp_1k4tu_281:not(#\9) {
   grid-column: 1/-1;
 }
 
-.awsui_add-button_n4qlp_y1lq6_285:not(#\9) {
+.awsui_add-button_n4qlp_1k4tu_285:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_remove-button-container_n4qlp_y1lq6_289:not(#\9) {
+.awsui_remove-button-container_n4qlp_1k4tu_289:not(#\9) {
   display: inline-block;
 }
 
-.awsui_remove-button-field-padding_n4qlp_y1lq6_293:not(#\9) {
+.awsui_remove-button-field-padding_n4qlp_1k4tu_293:not(#\9) {
   padding-block-start: calc(var(--space-xxs-hwfkai, 4px) + var(--line-height-body-m-2mh3ke, 20px));
 }
 
-.awsui_remove-button-own-row_n4qlp_y1lq6_297:not(#\9) {
+.awsui_remove-button-own-row_n4qlp_1k4tu_297:not(#\9) {
   justify-self: end;
 }
 
-.awsui_remove-button_n4qlp_y1lq6_289:not(#\9) {
+.awsui_remove-button_n4qlp_1k4tu_289:not(#\9) {
   /* used in test-utils */
 }

package/attribute-editor/styles.selectors.js

@@ -2,20 +2,20 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "empty-appear": "awsui_empty-appear_n4qlp_y1lq6_153",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_y1lq6_1",
-  "root": "awsui_root_n4qlp_y1lq6_175",
-  "empty": "awsui_empty_n4qlp_y1lq6_153",
-  "row": "awsui_row_n4qlp_y1lq6_218",
-  "divider": "awsui_divider_n4qlp_y1lq6_222",
-  "row-control": "awsui_row-control_n4qlp_y1lq6_227",
-  "field": "awsui_field_n4qlp_y1lq6_231",
-  "additional-info": "awsui_additional-info_n4qlp_y1lq6_235",
-  "add-row": "awsui_add-row_n4qlp_y1lq6_281",
-  "add-button": "awsui_add-button_n4qlp_y1lq6_285",
-  "remove-button-container": "awsui_remove-button-container_n4qlp_y1lq6_289",
-  "remove-button-field-padding": "awsui_remove-button-field-padding_n4qlp_y1lq6_293",
-  "remove-button-own-row": "awsui_remove-button-own-row_n4qlp_y1lq6_297",
-  "remove-button": "awsui_remove-button_n4qlp_y1lq6_289"
+  "empty-appear": "awsui_empty-appear_n4qlp_1k4tu_153",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_1k4tu_1",
+  "root": "awsui_root_n4qlp_1k4tu_175",
+  "empty": "awsui_empty_n4qlp_1k4tu_153",
+  "row": "awsui_row_n4qlp_1k4tu_218",
+  "divider": "awsui_divider_n4qlp_1k4tu_222",
+  "row-control": "awsui_row-control_n4qlp_1k4tu_227",
+  "field": "awsui_field_n4qlp_1k4tu_231",
+  "additional-info": "awsui_additional-info_n4qlp_1k4tu_235",
+  "add-row": "awsui_add-row_n4qlp_1k4tu_281",
+  "add-button": "awsui_add-button_n4qlp_1k4tu_285",
+  "remove-button-container": "awsui_remove-button-container_n4qlp_1k4tu_289",
+  "remove-button-field-padding": "awsui_remove-button-field-padding_n4qlp_1k4tu_293",
+  "remove-button-own-row": "awsui_remove-button-own-row_n4qlp_1k4tu_297",
+  "remove-button": "awsui_remove-button_n4qlp_1k4tu_289"
 };
   

package/breadcrumb-group/item/styles.css.js

@@ -1,12 +1,12 @@
 
     import './styles.scoped.css';
     export default {
-  "link": "awsui_link_1kosq_18aed_145",
-  "breadcrumb": "awsui_breadcrumb_1kosq_18aed_149",
-  "ghost-breadcrumb": "awsui_ghost-breadcrumb_1kosq_18aed_150",
-  "icon": "awsui_icon_1kosq_18aed_153",
-  "anchor": "awsui_anchor_1kosq_18aed_159",
-  "text": "awsui_text_1kosq_18aed_206",
-  "last": "awsui_last_1kosq_18aed_225"
+  "link": "awsui_link_1kosq_hwo5m_145",
+  "breadcrumb": "awsui_breadcrumb_1kosq_hwo5m_149",
+  "ghost-breadcrumb": "awsui_ghost-breadcrumb_1kosq_hwo5m_150",
+  "icon": "awsui_icon_1kosq_hwo5m_153",
+  "anchor": "awsui_anchor_1kosq_hwo5m_159",
+  "text": "awsui_text_1kosq_hwo5m_206",
+  "last": "awsui_last_1kosq_hwo5m_225"
 };
   

package/breadcrumb-group/item/styles.scoped.css

@@ -142,27 +142,27 @@
 */
 /* 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 */
-.awsui_link_1kosq_18aed_145:not(#\9):after {
+.awsui_link_1kosq_hwo5m_145:not(#\9):after {
   display: none;
 }
 
-.awsui_breadcrumb_1kosq_18aed_149:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_18aed_150:not(#\9) {
+.awsui_breadcrumb_1kosq_hwo5m_149:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_hwo5m_150:not(#\9) {
   display: flex;
 }
-.awsui_breadcrumb_1kosq_18aed_149 > .awsui_icon_1kosq_18aed_153:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_18aed_150 > .awsui_icon_1kosq_18aed_153:not(#\9) {
+.awsui_breadcrumb_1kosq_hwo5m_149 > .awsui_icon_1kosq_hwo5m_153:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_hwo5m_150 > .awsui_icon_1kosq_hwo5m_153:not(#\9) {
   margin-block: 0;
   margin-inline: var(--space-xs-ymlm0b, 8px);
   color: var(--color-text-breadcrumb-icon-9j48ot, #8c8c94);
 }
-.awsui_breadcrumb_1kosq_18aed_149 > .awsui_anchor_1kosq_18aed_159:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_18aed_150 > .awsui_anchor_1kosq_18aed_159:not(#\9) {
+.awsui_breadcrumb_1kosq_hwo5m_149 > .awsui_anchor_1kosq_hwo5m_159:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_hwo5m_150 > .awsui_anchor_1kosq_hwo5m_159:not(#\9) {
   min-inline-size: 0;
   overflow: hidden;
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
-  color: var(--awsui-style-color-default-b75yp7, var(--color-text-link-default-1dmm7z, #006ce0));
+  color: var(--awsui-style-color-default-9t5olz, var(--color-text-link-default-1dmm7z, #006ce0));
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: underline;
@@ -173,42 +173,42 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-5rbn3k, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_breadcrumb_1kosq_18aed_149 > .awsui_anchor_1kosq_18aed_159:not(#\9),
-  .awsui_ghost-breadcrumb_1kosq_18aed_150 > .awsui_anchor_1kosq_18aed_159:not(#\9) {
+  .awsui_breadcrumb_1kosq_hwo5m_149 > .awsui_anchor_1kosq_hwo5m_159:not(#\9),
+  .awsui_ghost-breadcrumb_1kosq_hwo5m_150 > .awsui_anchor_1kosq_hwo5m_159:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_breadcrumb_1kosq_18aed_149 > .awsui_anchor_1kosq_18aed_159:not(#\9), .awsui-mode-entering .awsui_breadcrumb_1kosq_18aed_149 > .awsui_anchor_1kosq_18aed_159:not(#\9), .awsui-motion-disabled .awsui_ghost-breadcrumb_1kosq_18aed_150 > .awsui_anchor_1kosq_18aed_159:not(#\9), .awsui-mode-entering .awsui_ghost-breadcrumb_1kosq_18aed_150 > .awsui_anchor_1kosq_18aed_159:not(#\9) {
+.awsui-motion-disabled .awsui_breadcrumb_1kosq_hwo5m_149 > .awsui_anchor_1kosq_hwo5m_159:not(#\9), .awsui-mode-entering .awsui_breadcrumb_1kosq_hwo5m_149 > .awsui_anchor_1kosq_hwo5m_159:not(#\9), .awsui-motion-disabled .awsui_ghost-breadcrumb_1kosq_hwo5m_150 > .awsui_anchor_1kosq_hwo5m_159:not(#\9), .awsui-mode-entering .awsui_ghost-breadcrumb_1kosq_hwo5m_150 > .awsui_anchor_1kosq_hwo5m_159:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_breadcrumb_1kosq_18aed_149 > .awsui_anchor_1kosq_18aed_159:not(#\9):hover,
-.awsui_ghost-breadcrumb_1kosq_18aed_150 > .awsui_anchor_1kosq_18aed_159:not(#\9):hover {
+.awsui_breadcrumb_1kosq_hwo5m_149 > .awsui_anchor_1kosq_hwo5m_159:not(#\9):hover,
+.awsui_ghost-breadcrumb_1kosq_hwo5m_150 > .awsui_anchor_1kosq_hwo5m_159:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-b75yp7, var(--color-text-link-hover-sq1gxg, #002b66));
+  color: var(--awsui-style-color-hover-9t5olz, var(--color-text-link-hover-sq1gxg, #002b66));
 }
-.awsui_breadcrumb_1kosq_18aed_149 > .awsui_anchor_1kosq_18aed_159:not(#\9):focus,
-.awsui_ghost-breadcrumb_1kosq_18aed_150 > .awsui_anchor_1kosq_18aed_159:not(#\9):focus {
+.awsui_breadcrumb_1kosq_hwo5m_149 > .awsui_anchor_1kosq_hwo5m_159:not(#\9):focus,
+.awsui_ghost-breadcrumb_1kosq_hwo5m_150 > .awsui_anchor_1kosq_hwo5m_159:not(#\9):focus {
   outline: none;
 }
-.awsui_breadcrumb_1kosq_18aed_149 > .awsui_anchor_1kosq_18aed_159:not(#\9):active,
-.awsui_ghost-breadcrumb_1kosq_18aed_150 > .awsui_anchor_1kosq_18aed_159:not(#\9):active {
-  color: var(--awsui-style-color-active-b75yp7, var(--color-text-link-hover-sq1gxg, #002b66));
+.awsui_breadcrumb_1kosq_hwo5m_149 > .awsui_anchor_1kosq_hwo5m_159:not(#\9):active,
+.awsui_ghost-breadcrumb_1kosq_hwo5m_150 > .awsui_anchor_1kosq_hwo5m_159:not(#\9):active {
+  color: var(--awsui-style-color-active-9t5olz, var(--color-text-link-hover-sq1gxg, #002b66));
 }
-.awsui_breadcrumb_1kosq_18aed_149 > .awsui_anchor_1kosq_18aed_159:not(#\9):active, .awsui_breadcrumb_1kosq_18aed_149 > .awsui_anchor_1kosq_18aed_159:not(#\9):focus, .awsui_breadcrumb_1kosq_18aed_149 > .awsui_anchor_1kosq_18aed_159:not(#\9):hover, .awsui_ghost-breadcrumb_1kosq_18aed_150 > .awsui_anchor_1kosq_18aed_159:not(#\9):active, .awsui_ghost-breadcrumb_1kosq_18aed_150 > .awsui_anchor_1kosq_18aed_159:not(#\9):focus, .awsui_ghost-breadcrumb_1kosq_18aed_150 > .awsui_anchor_1kosq_18aed_159:not(#\9):hover {
+.awsui_breadcrumb_1kosq_hwo5m_149 > .awsui_anchor_1kosq_hwo5m_159:not(#\9):active, .awsui_breadcrumb_1kosq_hwo5m_149 > .awsui_anchor_1kosq_hwo5m_159:not(#\9):focus, .awsui_breadcrumb_1kosq_hwo5m_149 > .awsui_anchor_1kosq_hwo5m_159:not(#\9):hover, .awsui_ghost-breadcrumb_1kosq_hwo5m_150 > .awsui_anchor_1kosq_hwo5m_159:not(#\9):active, .awsui_ghost-breadcrumb_1kosq_hwo5m_150 > .awsui_anchor_1kosq_hwo5m_159:not(#\9):focus, .awsui_ghost-breadcrumb_1kosq_hwo5m_150 > .awsui_anchor_1kosq_hwo5m_159:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_breadcrumb_1kosq_18aed_149 > .awsui_anchor_1kosq_18aed_159 > .awsui_text_1kosq_18aed_206:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_18aed_150 > .awsui_anchor_1kosq_18aed_159 > .awsui_text_1kosq_18aed_206:not(#\9) {
+.awsui_breadcrumb_1kosq_hwo5m_149 > .awsui_anchor_1kosq_hwo5m_159 > .awsui_text_1kosq_hwo5m_206:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_hwo5m_150 > .awsui_anchor_1kosq_hwo5m_159 > .awsui_text_1kosq_hwo5m_206:not(#\9) {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   display: block;
 }
-body[data-awsui-focus-visible=true] .awsui_breadcrumb_1kosq_18aed_149 > .awsui_anchor_1kosq_18aed_159:not(#\9):focus,
-body[data-awsui-focus-visible=true] .awsui_ghost-breadcrumb_1kosq_18aed_150 > .awsui_anchor_1kosq_18aed_159:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_breadcrumb_1kosq_hwo5m_149 > .awsui_anchor_1kosq_hwo5m_159:not(#\9):focus,
+body[data-awsui-focus-visible=true] .awsui_ghost-breadcrumb_1kosq_hwo5m_150 > .awsui_anchor_1kosq_hwo5m_159:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-1p0hnu, 0);
   outline-offset: 2px;
@@ -219,12 +219,12 @@ body[data-awsui-focus-visible=true] .awsui_ghost-breadcrumb_1kosq_18aed_150 > .a
   border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-39uvxr, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
 }
-.awsui_breadcrumb_1kosq_18aed_149.awsui_last_1kosq_18aed_225 > .awsui_icon_1kosq_18aed_153:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_18aed_150.awsui_last_1kosq_18aed_225 > .awsui_icon_1kosq_18aed_153:not(#\9) {
+.awsui_breadcrumb_1kosq_hwo5m_149.awsui_last_1kosq_hwo5m_225 > .awsui_icon_1kosq_hwo5m_153:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_hwo5m_150.awsui_last_1kosq_hwo5m_225 > .awsui_icon_1kosq_hwo5m_153:not(#\9) {
   display: none;
 }
-.awsui_breadcrumb_1kosq_18aed_149.awsui_last_1kosq_18aed_225 > .awsui_anchor_1kosq_18aed_159:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_18aed_150.awsui_last_1kosq_18aed_225 > .awsui_anchor_1kosq_18aed_159:not(#\9) {
+.awsui_breadcrumb_1kosq_hwo5m_149.awsui_last_1kosq_hwo5m_225 > .awsui_anchor_1kosq_hwo5m_159:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_hwo5m_150.awsui_last_1kosq_hwo5m_225 > .awsui_anchor_1kosq_hwo5m_159:not(#\9) {
   color: var(--color-text-breadcrumb-current-2mqnkk, #656871);
   font-weight: 700;
   text-decoration: none;

package/breadcrumb-group/item/styles.selectors.js

@@ -2,12 +2,12 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "link": "awsui_link_1kosq_18aed_145",
-  "breadcrumb": "awsui_breadcrumb_1kosq_18aed_149",
-  "ghost-breadcrumb": "awsui_ghost-breadcrumb_1kosq_18aed_150",
-  "icon": "awsui_icon_1kosq_18aed_153",
-  "anchor": "awsui_anchor_1kosq_18aed_159",
-  "text": "awsui_text_1kosq_18aed_206",
-  "last": "awsui_last_1kosq_18aed_225"
+  "link": "awsui_link_1kosq_hwo5m_145",
+  "breadcrumb": "awsui_breadcrumb_1kosq_hwo5m_149",
+  "ghost-breadcrumb": "awsui_ghost-breadcrumb_1kosq_hwo5m_150",
+  "icon": "awsui_icon_1kosq_hwo5m_153",
+  "anchor": "awsui_anchor_1kosq_hwo5m_159",
+  "text": "awsui_text_1kosq_hwo5m_206",
+  "last": "awsui_last_1kosq_hwo5m_225"
 };
   

package/button/styles.css.js

@@ -1,27 +1,27 @@
 
     import './styles.scoped.css';
     export default {
-  "content": "awsui_content_vjswe_t0rfj_153",
-  "button": "awsui_button_vjswe_t0rfj_157",
-  "variant-normal": "awsui_variant-normal_vjswe_t0rfj_206",
-  "disabled": "awsui_disabled_vjswe_t0rfj_227",
-  "variant-primary": "awsui_variant-primary_vjswe_t0rfj_235",
-  "variant-link": "awsui_variant-link_vjswe_t0rfj_264",
-  "variant-icon": "awsui_variant-icon_vjswe_t0rfj_293",
-  "variant-inline-icon": "awsui_variant-inline-icon_vjswe_t0rfj_322",
-  "variant-inline-icon-pointer-target": "awsui_variant-inline-icon-pointer-target_vjswe_t0rfj_351",
-  "variant-inline-link": "awsui_variant-inline-link_vjswe_t0rfj_380",
-  "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_t0rfj_413",
-  "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_t0rfj_442",
-  "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_t0rfj_471",
-  "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_t0rfj_505",
-  "button-no-text": "awsui_button-no-text_vjswe_t0rfj_601",
-  "button-no-wrap": "awsui_button-no-wrap_vjswe_t0rfj_605",
-  "full-width": "awsui_full-width_vjswe_t0rfj_608",
-  "icon-left": "awsui_icon-left_vjswe_t0rfj_630",
-  "icon-right": "awsui_icon-right_vjswe_t0rfj_635",
-  "icon": "awsui_icon_vjswe_t0rfj_630",
-  "link": "awsui_link_vjswe_t0rfj_654",
-  "disabled-with-reason": "awsui_disabled-with-reason_vjswe_t0rfj_654"
+  "content": "awsui_content_vjswe_1k60f_153",
+  "button": "awsui_button_vjswe_1k60f_157",
+  "variant-normal": "awsui_variant-normal_vjswe_1k60f_206",
+  "disabled": "awsui_disabled_vjswe_1k60f_227",
+  "variant-primary": "awsui_variant-primary_vjswe_1k60f_235",
+  "variant-link": "awsui_variant-link_vjswe_1k60f_264",
+  "variant-icon": "awsui_variant-icon_vjswe_1k60f_293",
+  "variant-inline-icon": "awsui_variant-inline-icon_vjswe_1k60f_322",
+  "variant-inline-icon-pointer-target": "awsui_variant-inline-icon-pointer-target_vjswe_1k60f_351",
+  "variant-inline-link": "awsui_variant-inline-link_vjswe_1k60f_380",
+  "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_1k60f_413",
+  "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_1k60f_442",
+  "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_1k60f_471",
+  "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_1k60f_505",
+  "button-no-text": "awsui_button-no-text_vjswe_1k60f_601",
+  "button-no-wrap": "awsui_button-no-wrap_vjswe_1k60f_605",
+  "full-width": "awsui_full-width_vjswe_1k60f_608",
+  "icon-left": "awsui_icon-left_vjswe_1k60f_630",
+  "icon-right": "awsui_icon-right_vjswe_1k60f_635",
+  "icon": "awsui_icon_vjswe_1k60f_630",
+  "link": "awsui_link_vjswe_1k60f_654",
+  "disabled-with-reason": "awsui_disabled-with-reason_vjswe_1k60f_654"
 };