@cloudscape-design/components 3.0.1116 → 3.0.1118

package/attribute-editor/row.js.map

@@ -1 +1 @@
-{"version":3,"file":"row.js","sourceRoot":"","sources":["../../../src/attribute-editor/row.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, { useCallback } from 'react';\nimport clsx from 'clsx';\n\nimport { useUniqueId } from '@cloudscape-design/component-toolkit/internal';\n\nimport { ButtonProps } from '../button/interfaces';\nimport { InternalButton } from '../button/internal';\nimport InternalFormField from '../form-field/internal';\nimport { useInternalI18n } from '../i18n/context';\nimport { Breakpoint } from '../internal/breakpoints';\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../internal/events';\nimport { AttributeEditorProps } from './interfaces';\nimport { getItemGridColumns, getRemoveButtonGridColumns, isRemoveButtonOnSameLine } from './utils';\n\nimport styles from './styles.css.js';\n\ninterface RowProps<T> {\n  breakpoint: Breakpoint | null;\n  layout: AttributeEditorProps.GridLayout;\n  item: T;\n  definition: ReadonlyArray<AttributeEditorProps.FieldDefinition<T>>;\n  i18nStrings: AttributeEditorProps.I18nStrings | undefined;\n  index: number;\n  removable: boolean;\n  removeButtonText?: string;\n  removeButtonRefs: Array<ButtonProps.Ref | undefined>;\n  customRowActions?: (props: AttributeEditorProps.RowActionsProps<T>) => React.ReactNode;\n  onRemoveButtonClick?: NonCancelableEventHandler<AttributeEditorProps.RemoveButtonClickDetail>;\n  removeButtonAriaLabel?: (item: T) => string;\n}\n\nfunction render<T>(\n  item: T,\n  itemIndex: number,\n  slot: AttributeEditorProps.FieldRenderable<T> | React.ReactNode | undefined\n) {\n  if (isSlotFunction(slot)) {\n    return slot(item, itemIndex);\n  }\n  return slot;\n\n  function isSlotFunction(slot: unknown): slot is AttributeEditorProps.FieldRenderable<T> {\n    return typeof slot === 'function';\n  }\n}\n\nexport const Row = React.memo(\n  <T,>({\n    breakpoint,\n    item,\n    definition,\n    layout,\n    i18nStrings = {},\n    index,\n    removable,\n    removeButtonText,\n    removeButtonRefs,\n    customRowActions,\n    onRemoveButtonClick,\n    removeButtonAriaLabel,\n  }: RowProps<T>) => {\n    const i18n = useInternalI18n('attribute-editor');\n\n    const handleRemoveClick = useCallback(() => {\n      fireNonCancelableEvent(onRemoveButtonClick, { itemIndex: index });\n    }, [onRemoveButtonClick, index]);\n\n    const firstControlId = useUniqueId('first-control-id-');\n\n    const buttonRef = (ref: ButtonProps.Ref | null) => {\n      removeButtonRefs[index] = ref ?? undefined;\n    };\n\n    let gridColumnStart = 1;\n    let gridColumnEnd = 1;\n    const removeButtonOnSameLine = isRemoveButtonOnSameLine(layout);\n\n    const customActions = customRowActions?.({\n      item,\n      itemIndex: index,\n      ref: buttonRef,\n      breakpoint,\n      ownRow: !removeButtonOnSameLine,\n    });\n\n    return (\n      <div\n        className={clsx(styles.row, layout.rows.length === 1 && styles['single-row'])}\n        role=\"group\"\n        aria-labelledby={`${firstControlId}-label ${firstControlId}`}\n      >\n        {definition.map(({ info, label, constraintText, errorText, warningText, control }, defIndex) => {\n          ({ gridColumnStart, gridColumnEnd } = getItemGridColumns(layout, defIndex));\n          return (\n            <InternalFormField\n              key={defIndex}\n              className={styles.field}\n              __style={{ gridColumnStart, gridColumnEnd }}\n              label={label}\n              info={info}\n              constraintText={render(item, index, constraintText)}\n              errorText={render(item, index, errorText)}\n              warningText={render(item, index, warningText)}\n              stretch={true}\n              i18nStrings={{\n                errorIconAriaLabel: i18nStrings.errorIconAriaLabel,\n                warningIconAriaLabel: i18nStrings.warningIconAriaLabel,\n              }}\n              __hideLabel={index !== 0 && removeButtonOnSameLine}\n              controlId={defIndex === 0 ? firstControlId : undefined}\n            >\n              {render(item, index, control)}\n            </InternalFormField>\n          );\n        })}\n        <div\n          className={clsx(styles['remove-button-container'], {\n            [styles['remove-button-field-padding']]: removeButtonOnSameLine && index === 0,\n            [styles['remove-button-own-row']]: !removeButtonOnSameLine,\n          })}\n          style={{ ...getRemoveButtonGridColumns(layout, gridColumnEnd) }}\n        >\n          {removable &&\n            (customActions !== undefined ? (\n              customActions\n            ) : (\n              <InternalButton\n                className={styles['remove-button']}\n                formAction=\"none\"\n                ref={buttonRef}\n                ariaLabel={(removeButtonAriaLabel ?? i18nStrings.removeButtonAriaLabel)?.(item)}\n                onClick={handleRemoveClick}\n              >\n                {i18n('removeButtonText', removeButtonText)}\n              </InternalButton>\n            ))}\n        </div>\n        {!removeButtonOnSameLine && <div className={styles.divider} />}\n      </div>\n    );\n  }\n) as <T>(props: RowProps<T>) => JSX.Element;\n"]}
+{"version":3,"file":"row.js","sourceRoot":"","sources":["../../../src/attribute-editor/row.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, { useCallback } from 'react';\nimport clsx from 'clsx';\n\nimport { useUniqueId } from '@cloudscape-design/component-toolkit/internal';\n\nimport { ButtonProps } from '../button/interfaces';\nimport { InternalButton } from '../button/internal';\nimport InternalFormField from '../form-field/internal';\nimport { useInternalI18n } from '../i18n/context';\nimport { Breakpoint } from '../internal/breakpoints';\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../internal/events';\nimport { AttributeEditorProps } from './interfaces';\nimport { getItemGridColumns, getRemoveButtonGridColumns, isRemoveButtonOnSameLine } from './utils';\n\nimport styles from './styles.css.js';\n\ninterface RowProps<T> {\n  breakpoint: Breakpoint | null;\n  layout: AttributeEditorProps.GridLayout;\n  item: T;\n  definition: ReadonlyArray<AttributeEditorProps.FieldDefinition<T>>;\n  i18nStrings: AttributeEditorProps.I18nStrings | undefined;\n  index: number;\n  removable: boolean;\n  removeButtonText?: string;\n  removeButtonRefs: Array<ButtonProps.Ref | undefined>;\n  customRowActions?: (props: AttributeEditorProps.RowActionsProps<T>) => React.ReactNode;\n  onRemoveButtonClick?: NonCancelableEventHandler<AttributeEditorProps.RemoveButtonClickDetail>;\n  removeButtonAriaLabel?: (item: T) => string;\n}\n\nfunction render<T>(\n  item: T,\n  itemIndex: number,\n  slot: AttributeEditorProps.FieldRenderable<T> | React.ReactNode | undefined\n) {\n  if (isSlotFunction(slot)) {\n    return slot(item, itemIndex);\n  }\n  return slot;\n\n  function isSlotFunction(slot: unknown): slot is AttributeEditorProps.FieldRenderable<T> {\n    return typeof slot === 'function';\n  }\n}\n\nexport const Row = React.memo(\n  <T,>({\n    breakpoint,\n    item,\n    definition,\n    layout,\n    i18nStrings = {},\n    index,\n    removable,\n    removeButtonText,\n    removeButtonRefs,\n    customRowActions,\n    onRemoveButtonClick,\n    removeButtonAriaLabel,\n  }: RowProps<T>) => {\n    const i18n = useInternalI18n('attribute-editor');\n\n    const handleRemoveClick = useCallback(() => {\n      fireNonCancelableEvent(onRemoveButtonClick, { itemIndex: index });\n    }, [onRemoveButtonClick, index]);\n\n    const firstControlId = useUniqueId('first-control-id-');\n\n    const buttonRef = (ref: ButtonProps.Ref | null) => {\n      removeButtonRefs[index] = ref ?? undefined;\n    };\n\n    let gridColumnStart = 1;\n    let gridColumnEnd = 1;\n    const removeButtonOnSameLine = isRemoveButtonOnSameLine(layout);\n\n    const customActions = customRowActions?.({\n      item,\n      itemIndex: index,\n      ref: buttonRef,\n      breakpoint,\n      ownRow: !removeButtonOnSameLine,\n    });\n\n    return (\n      <div\n        className={clsx(styles.row, layout.rows.length === 1 && styles['single-row'])}\n        role=\"group\"\n        aria-labelledby={`${firstControlId}-label ${firstControlId}`}\n      >\n        {definition.map(({ info, label, description, constraintText, errorText, warningText, control }, defIndex) => {\n          ({ gridColumnStart, gridColumnEnd } = getItemGridColumns(layout, defIndex));\n          return (\n            <InternalFormField\n              key={defIndex}\n              className={styles.field}\n              __style={{ gridColumnStart, gridColumnEnd }}\n              label={label}\n              description={description}\n              info={info}\n              constraintText={render(item, index, constraintText)}\n              errorText={render(item, index, errorText)}\n              warningText={render(item, index, warningText)}\n              stretch={true}\n              i18nStrings={{\n                errorIconAriaLabel: i18nStrings.errorIconAriaLabel,\n                warningIconAriaLabel: i18nStrings.warningIconAriaLabel,\n              }}\n              __hideLabel={index !== 0 && removeButtonOnSameLine}\n              controlId={defIndex === 0 ? firstControlId : undefined}\n            >\n              {render(item, index, control)}\n            </InternalFormField>\n          );\n        })}\n        <div\n          className={clsx(styles['remove-button-container'], {\n            [styles['remove-button-field-padding']]: removeButtonOnSameLine && index === 0,\n            [styles['remove-button-own-row']]: !removeButtonOnSameLine,\n          })}\n          style={{ ...getRemoveButtonGridColumns(layout, gridColumnEnd) }}\n        >\n          {removable &&\n            (customActions !== undefined ? (\n              customActions\n            ) : (\n              <InternalButton\n                className={styles['remove-button']}\n                formAction=\"none\"\n                ref={buttonRef}\n                ariaLabel={(removeButtonAriaLabel ?? i18nStrings.removeButtonAriaLabel)?.(item)}\n                onClick={handleRemoveClick}\n              >\n                {i18n('removeButtonText', removeButtonText)}\n              </InternalButton>\n            ))}\n        </div>\n        {!removeButtonOnSameLine && <div className={styles.divider} />}\n      </div>\n    );\n  }\n) as <T>(props: RowProps<T>) => JSX.Element;\n"]}

package/attribute-editor/styles.css.js

@@ -1,20 +1,20 @@
 
     import './styles.scoped.css';
     export default {
-  "empty-appear": "awsui_empty-appear_n4qlp_1d9g0_153",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_1d9g0_1",
-  "root": "awsui_root_n4qlp_1d9g0_175",
-  "empty": "awsui_empty_n4qlp_1d9g0_153",
-  "row": "awsui_row_n4qlp_1d9g0_218",
-  "divider": "awsui_divider_n4qlp_1d9g0_222",
-  "row-control": "awsui_row-control_n4qlp_1d9g0_227",
-  "field": "awsui_field_n4qlp_1d9g0_231",
-  "additional-info": "awsui_additional-info_n4qlp_1d9g0_235",
-  "add-row": "awsui_add-row_n4qlp_1d9g0_281",
-  "add-button": "awsui_add-button_n4qlp_1d9g0_285",
-  "remove-button-container": "awsui_remove-button-container_n4qlp_1d9g0_289",
-  "remove-button-field-padding": "awsui_remove-button-field-padding_n4qlp_1d9g0_293",
-  "remove-button-own-row": "awsui_remove-button-own-row_n4qlp_1d9g0_297",
-  "remove-button": "awsui_remove-button_n4qlp_1d9g0_289"
+  "empty-appear": "awsui_empty-appear_n4qlp_hf5op_153",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_hf5op_1",
+  "root": "awsui_root_n4qlp_hf5op_175",
+  "empty": "awsui_empty_n4qlp_hf5op_153",
+  "row": "awsui_row_n4qlp_hf5op_218",
+  "divider": "awsui_divider_n4qlp_hf5op_222",
+  "row-control": "awsui_row-control_n4qlp_hf5op_227",
+  "field": "awsui_field_n4qlp_hf5op_231",
+  "additional-info": "awsui_additional-info_n4qlp_hf5op_235",
+  "add-row": "awsui_add-row_n4qlp_hf5op_281",
+  "add-button": "awsui_add-button_n4qlp_hf5op_285",
+  "remove-button-container": "awsui_remove-button-container_n4qlp_hf5op_289",
+  "remove-button-field-padding": "awsui_remove-button-field-padding_n4qlp_hf5op_293",
+  "remove-button-own-row": "awsui_remove-button-own-row_n4qlp_hf5op_297",
+  "remove-button": "awsui_remove-button_n4qlp_hf5op_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_1d9g0_153:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_n4qlp_1d9g0_1 var(--motion-duration-transition-show-paced-t8d1os, 180ms) var(--motion-easing-transition-show-paced-x2k7uh, ease-out);
+.awsui_empty-appear_n4qlp_hf5op_153:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_n4qlp_hf5op_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_1d9g0_1 {
+@keyframes awsui_awsui-motion-fade-in_n4qlp_hf5op_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_1d9g0_153:not(#\9) {
+  .awsui_empty-appear_n4qlp_hf5op_153:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_empty-appear_n4qlp_1d9g0_153:not(#\9), .awsui-mode-entering .awsui_empty-appear_n4qlp_1d9g0_153:not(#\9) {
+.awsui-motion-disabled .awsui_empty-appear_n4qlp_hf5op_153:not(#\9), .awsui-mode-entering .awsui_empty-appear_n4qlp_hf5op_153:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_n4qlp_1d9g0_175:not(#\9) {
+.awsui_root_n4qlp_hf5op_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_1d9g0_153:not(#\9) {
+.awsui_empty_n4qlp_hf5op_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_1d9g0_218:not(#\9) {
+.awsui_row_n4qlp_hf5op_218:not(#\9) {
   display: contents;
 }
 
-.awsui_divider_n4qlp_1d9g0_222:not(#\9) {
+.awsui_divider_n4qlp_hf5op_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_1d9g0_227:not(#\9) {
+.awsui_row-control_n4qlp_hf5op_227:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_field_n4qlp_1d9g0_231:not(#\9) {
+.awsui_field_n4qlp_hf5op_231:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_additional-info_n4qlp_1d9g0_235:not(#\9) {
+.awsui_additional-info_n4qlp_hf5op_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_1d9g0_235 > a:not(#\9) {
+.awsui_additional-info_n4qlp_hf5op_235 > a:not(#\9) {
   text-underline-offset: 0.3em;
   text-decoration-thickness: 1px;
-  color: var(--awsui-style-color-default-vl73au, var(--color-text-link-default-1dmm7z, #006ce0));
+  color: var(--awsui-style-color-default-lqnbqg, 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_1d9g0_235 > a:not(#\9) {
+  .awsui_additional-info_n4qlp_hf5op_235 > a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_additional-info_n4qlp_1d9g0_235 > a:not(#\9), .awsui-mode-entering .awsui_additional-info_n4qlp_1d9g0_235 > a:not(#\9) {
+.awsui-motion-disabled .awsui_additional-info_n4qlp_hf5op_235 > a:not(#\9), .awsui-mode-entering .awsui_additional-info_n4qlp_hf5op_235 > a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_additional-info_n4qlp_1d9g0_235 > a:not(#\9):hover {
+.awsui_additional-info_n4qlp_hf5op_235 > a:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-vl73au, var(--color-text-link-hover-sq1gxg, #002b66));
+  color: var(--awsui-style-color-hover-lqnbqg, var(--color-text-link-hover-sq1gxg, #002b66));
 }
-.awsui_additional-info_n4qlp_1d9g0_235 > a:not(#\9):focus {
+.awsui_additional-info_n4qlp_hf5op_235 > a:not(#\9):focus {
   outline: none;
 }
-.awsui_additional-info_n4qlp_1d9g0_235 > a:not(#\9):active {
-  color: var(--awsui-style-color-active-vl73au, var(--color-text-link-hover-sq1gxg, #002b66));
+.awsui_additional-info_n4qlp_hf5op_235 > a:not(#\9):active {
+  color: var(--awsui-style-color-active-lqnbqg, var(--color-text-link-hover-sq1gxg, #002b66));
 }
-.awsui_additional-info_n4qlp_1d9g0_235 > a:not(#\9):active, .awsui_additional-info_n4qlp_1d9g0_235 > a:not(#\9):focus, .awsui_additional-info_n4qlp_1d9g0_235 > a:not(#\9):hover {
+.awsui_additional-info_n4qlp_hf5op_235 > a:not(#\9):active, .awsui_additional-info_n4qlp_hf5op_235 > a:not(#\9):focus, .awsui_additional-info_n4qlp_hf5op_235 > a:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
 
-.awsui_add-row_n4qlp_1d9g0_281:not(#\9) {
+.awsui_add-row_n4qlp_hf5op_281:not(#\9) {
   grid-column: 1/-1;
 }
 
-.awsui_add-button_n4qlp_1d9g0_285:not(#\9) {
+.awsui_add-button_n4qlp_hf5op_285:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_remove-button-container_n4qlp_1d9g0_289:not(#\9) {
+.awsui_remove-button-container_n4qlp_hf5op_289:not(#\9) {
   display: inline-block;
 }
 
-.awsui_remove-button-field-padding_n4qlp_1d9g0_293:not(#\9) {
+.awsui_remove-button-field-padding_n4qlp_hf5op_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_1d9g0_297:not(#\9) {
+.awsui_remove-button-own-row_n4qlp_hf5op_297:not(#\9) {
   justify-self: end;
 }
 
-.awsui_remove-button_n4qlp_1d9g0_289:not(#\9) {
+.awsui_remove-button_n4qlp_hf5op_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_1d9g0_153",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_1d9g0_1",
-  "root": "awsui_root_n4qlp_1d9g0_175",
-  "empty": "awsui_empty_n4qlp_1d9g0_153",
-  "row": "awsui_row_n4qlp_1d9g0_218",
-  "divider": "awsui_divider_n4qlp_1d9g0_222",
-  "row-control": "awsui_row-control_n4qlp_1d9g0_227",
-  "field": "awsui_field_n4qlp_1d9g0_231",
-  "additional-info": "awsui_additional-info_n4qlp_1d9g0_235",
-  "add-row": "awsui_add-row_n4qlp_1d9g0_281",
-  "add-button": "awsui_add-button_n4qlp_1d9g0_285",
-  "remove-button-container": "awsui_remove-button-container_n4qlp_1d9g0_289",
-  "remove-button-field-padding": "awsui_remove-button-field-padding_n4qlp_1d9g0_293",
-  "remove-button-own-row": "awsui_remove-button-own-row_n4qlp_1d9g0_297",
-  "remove-button": "awsui_remove-button_n4qlp_1d9g0_289"
+  "empty-appear": "awsui_empty-appear_n4qlp_hf5op_153",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_hf5op_1",
+  "root": "awsui_root_n4qlp_hf5op_175",
+  "empty": "awsui_empty_n4qlp_hf5op_153",
+  "row": "awsui_row_n4qlp_hf5op_218",
+  "divider": "awsui_divider_n4qlp_hf5op_222",
+  "row-control": "awsui_row-control_n4qlp_hf5op_227",
+  "field": "awsui_field_n4qlp_hf5op_231",
+  "additional-info": "awsui_additional-info_n4qlp_hf5op_235",
+  "add-row": "awsui_add-row_n4qlp_hf5op_281",
+  "add-button": "awsui_add-button_n4qlp_hf5op_285",
+  "remove-button-container": "awsui_remove-button-container_n4qlp_hf5op_289",
+  "remove-button-field-padding": "awsui_remove-button-field-padding_n4qlp_hf5op_293",
+  "remove-button-own-row": "awsui_remove-button-own-row_n4qlp_hf5op_297",
+  "remove-button": "awsui_remove-button_n4qlp_hf5op_289"
 };
   

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

@@ -1,12 +1,12 @@
 
     import './styles.scoped.css';
     export default {
-  "link": "awsui_link_1kosq_mc874_145",
-  "breadcrumb": "awsui_breadcrumb_1kosq_mc874_149",
-  "ghost-breadcrumb": "awsui_ghost-breadcrumb_1kosq_mc874_150",
-  "icon": "awsui_icon_1kosq_mc874_153",
-  "anchor": "awsui_anchor_1kosq_mc874_159",
-  "text": "awsui_text_1kosq_mc874_206",
-  "last": "awsui_last_1kosq_mc874_225"
+  "link": "awsui_link_1kosq_1kied_145",
+  "breadcrumb": "awsui_breadcrumb_1kosq_1kied_149",
+  "ghost-breadcrumb": "awsui_ghost-breadcrumb_1kosq_1kied_150",
+  "icon": "awsui_icon_1kosq_1kied_153",
+  "anchor": "awsui_anchor_1kosq_1kied_159",
+  "text": "awsui_text_1kosq_1kied_206",
+  "last": "awsui_last_1kosq_1kied_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_mc874_145:not(#\9):after {
+.awsui_link_1kosq_1kied_145:not(#\9):after {
   display: none;
 }
 
-.awsui_breadcrumb_1kosq_mc874_149:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_mc874_150:not(#\9) {
+.awsui_breadcrumb_1kosq_1kied_149:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_1kied_150:not(#\9) {
   display: flex;
 }
-.awsui_breadcrumb_1kosq_mc874_149 > .awsui_icon_1kosq_mc874_153:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_mc874_150 > .awsui_icon_1kosq_mc874_153:not(#\9) {
+.awsui_breadcrumb_1kosq_1kied_149 > .awsui_icon_1kosq_1kied_153:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_1kied_150 > .awsui_icon_1kosq_1kied_153:not(#\9) {
   margin-block: 0;
   margin-inline: var(--space-xs-ymlm0b, 8px);
   color: var(--color-text-breadcrumb-icon-9j48ot, #8c8c94);
 }
-.awsui_breadcrumb_1kosq_mc874_149 > .awsui_anchor_1kosq_mc874_159:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_mc874_150 > .awsui_anchor_1kosq_mc874_159:not(#\9) {
+.awsui_breadcrumb_1kosq_1kied_149 > .awsui_anchor_1kosq_1kied_159:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_1kied_150 > .awsui_anchor_1kosq_1kied_159:not(#\9) {
   min-inline-size: 0;
   overflow: hidden;
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
-  color: var(--awsui-style-color-default-vl73au, var(--color-text-link-default-1dmm7z, #006ce0));
+  color: var(--awsui-style-color-default-lqnbqg, 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_mc874_149 > .awsui_anchor_1kosq_mc874_159:not(#\9),
-  .awsui_ghost-breadcrumb_1kosq_mc874_150 > .awsui_anchor_1kosq_mc874_159:not(#\9) {
+  .awsui_breadcrumb_1kosq_1kied_149 > .awsui_anchor_1kosq_1kied_159:not(#\9),
+  .awsui_ghost-breadcrumb_1kosq_1kied_150 > .awsui_anchor_1kosq_1kied_159:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_breadcrumb_1kosq_mc874_149 > .awsui_anchor_1kosq_mc874_159:not(#\9), .awsui-mode-entering .awsui_breadcrumb_1kosq_mc874_149 > .awsui_anchor_1kosq_mc874_159:not(#\9), .awsui-motion-disabled .awsui_ghost-breadcrumb_1kosq_mc874_150 > .awsui_anchor_1kosq_mc874_159:not(#\9), .awsui-mode-entering .awsui_ghost-breadcrumb_1kosq_mc874_150 > .awsui_anchor_1kosq_mc874_159:not(#\9) {
+.awsui-motion-disabled .awsui_breadcrumb_1kosq_1kied_149 > .awsui_anchor_1kosq_1kied_159:not(#\9), .awsui-mode-entering .awsui_breadcrumb_1kosq_1kied_149 > .awsui_anchor_1kosq_1kied_159:not(#\9), .awsui-motion-disabled .awsui_ghost-breadcrumb_1kosq_1kied_150 > .awsui_anchor_1kosq_1kied_159:not(#\9), .awsui-mode-entering .awsui_ghost-breadcrumb_1kosq_1kied_150 > .awsui_anchor_1kosq_1kied_159:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_breadcrumb_1kosq_mc874_149 > .awsui_anchor_1kosq_mc874_159:not(#\9):hover,
-.awsui_ghost-breadcrumb_1kosq_mc874_150 > .awsui_anchor_1kosq_mc874_159:not(#\9):hover {
+.awsui_breadcrumb_1kosq_1kied_149 > .awsui_anchor_1kosq_1kied_159:not(#\9):hover,
+.awsui_ghost-breadcrumb_1kosq_1kied_150 > .awsui_anchor_1kosq_1kied_159:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-vl73au, var(--color-text-link-hover-sq1gxg, #002b66));
+  color: var(--awsui-style-color-hover-lqnbqg, var(--color-text-link-hover-sq1gxg, #002b66));
 }
-.awsui_breadcrumb_1kosq_mc874_149 > .awsui_anchor_1kosq_mc874_159:not(#\9):focus,
-.awsui_ghost-breadcrumb_1kosq_mc874_150 > .awsui_anchor_1kosq_mc874_159:not(#\9):focus {
+.awsui_breadcrumb_1kosq_1kied_149 > .awsui_anchor_1kosq_1kied_159:not(#\9):focus,
+.awsui_ghost-breadcrumb_1kosq_1kied_150 > .awsui_anchor_1kosq_1kied_159:not(#\9):focus {
   outline: none;
 }
-.awsui_breadcrumb_1kosq_mc874_149 > .awsui_anchor_1kosq_mc874_159:not(#\9):active,
-.awsui_ghost-breadcrumb_1kosq_mc874_150 > .awsui_anchor_1kosq_mc874_159:not(#\9):active {
-  color: var(--awsui-style-color-active-vl73au, var(--color-text-link-hover-sq1gxg, #002b66));
+.awsui_breadcrumb_1kosq_1kied_149 > .awsui_anchor_1kosq_1kied_159:not(#\9):active,
+.awsui_ghost-breadcrumb_1kosq_1kied_150 > .awsui_anchor_1kosq_1kied_159:not(#\9):active {
+  color: var(--awsui-style-color-active-lqnbqg, var(--color-text-link-hover-sq1gxg, #002b66));
 }
-.awsui_breadcrumb_1kosq_mc874_149 > .awsui_anchor_1kosq_mc874_159:not(#\9):active, .awsui_breadcrumb_1kosq_mc874_149 > .awsui_anchor_1kosq_mc874_159:not(#\9):focus, .awsui_breadcrumb_1kosq_mc874_149 > .awsui_anchor_1kosq_mc874_159:not(#\9):hover, .awsui_ghost-breadcrumb_1kosq_mc874_150 > .awsui_anchor_1kosq_mc874_159:not(#\9):active, .awsui_ghost-breadcrumb_1kosq_mc874_150 > .awsui_anchor_1kosq_mc874_159:not(#\9):focus, .awsui_ghost-breadcrumb_1kosq_mc874_150 > .awsui_anchor_1kosq_mc874_159:not(#\9):hover {
+.awsui_breadcrumb_1kosq_1kied_149 > .awsui_anchor_1kosq_1kied_159:not(#\9):active, .awsui_breadcrumb_1kosq_1kied_149 > .awsui_anchor_1kosq_1kied_159:not(#\9):focus, .awsui_breadcrumb_1kosq_1kied_149 > .awsui_anchor_1kosq_1kied_159:not(#\9):hover, .awsui_ghost-breadcrumb_1kosq_1kied_150 > .awsui_anchor_1kosq_1kied_159:not(#\9):active, .awsui_ghost-breadcrumb_1kosq_1kied_150 > .awsui_anchor_1kosq_1kied_159:not(#\9):focus, .awsui_ghost-breadcrumb_1kosq_1kied_150 > .awsui_anchor_1kosq_1kied_159:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_breadcrumb_1kosq_mc874_149 > .awsui_anchor_1kosq_mc874_159 > .awsui_text_1kosq_mc874_206:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_mc874_150 > .awsui_anchor_1kosq_mc874_159 > .awsui_text_1kosq_mc874_206:not(#\9) {
+.awsui_breadcrumb_1kosq_1kied_149 > .awsui_anchor_1kosq_1kied_159 > .awsui_text_1kosq_1kied_206:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_1kied_150 > .awsui_anchor_1kosq_1kied_159 > .awsui_text_1kosq_1kied_206:not(#\9) {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   display: block;
 }
-body[data-awsui-focus-visible=true] .awsui_breadcrumb_1kosq_mc874_149 > .awsui_anchor_1kosq_mc874_159:not(#\9):focus,
-body[data-awsui-focus-visible=true] .awsui_ghost-breadcrumb_1kosq_mc874_150 > .awsui_anchor_1kosq_mc874_159:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_breadcrumb_1kosq_1kied_149 > .awsui_anchor_1kosq_1kied_159:not(#\9):focus,
+body[data-awsui-focus-visible=true] .awsui_ghost-breadcrumb_1kosq_1kied_150 > .awsui_anchor_1kosq_1kied_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_mc874_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_mc874_149.awsui_last_1kosq_mc874_225 > .awsui_icon_1kosq_mc874_153:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_mc874_150.awsui_last_1kosq_mc874_225 > .awsui_icon_1kosq_mc874_153:not(#\9) {
+.awsui_breadcrumb_1kosq_1kied_149.awsui_last_1kosq_1kied_225 > .awsui_icon_1kosq_1kied_153:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_1kied_150.awsui_last_1kosq_1kied_225 > .awsui_icon_1kosq_1kied_153:not(#\9) {
   display: none;
 }
-.awsui_breadcrumb_1kosq_mc874_149.awsui_last_1kosq_mc874_225 > .awsui_anchor_1kosq_mc874_159:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_mc874_150.awsui_last_1kosq_mc874_225 > .awsui_anchor_1kosq_mc874_159:not(#\9) {
+.awsui_breadcrumb_1kosq_1kied_149.awsui_last_1kosq_1kied_225 > .awsui_anchor_1kosq_1kied_159:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_1kied_150.awsui_last_1kosq_1kied_225 > .awsui_anchor_1kosq_1kied_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_mc874_145",
-  "breadcrumb": "awsui_breadcrumb_1kosq_mc874_149",
-  "ghost-breadcrumb": "awsui_ghost-breadcrumb_1kosq_mc874_150",
-  "icon": "awsui_icon_1kosq_mc874_153",
-  "anchor": "awsui_anchor_1kosq_mc874_159",
-  "text": "awsui_text_1kosq_mc874_206",
-  "last": "awsui_last_1kosq_mc874_225"
+  "link": "awsui_link_1kosq_1kied_145",
+  "breadcrumb": "awsui_breadcrumb_1kosq_1kied_149",
+  "ghost-breadcrumb": "awsui_ghost-breadcrumb_1kosq_1kied_150",
+  "icon": "awsui_icon_1kosq_1kied_153",
+  "anchor": "awsui_anchor_1kosq_1kied_159",
+  "text": "awsui_text_1kosq_1kied_206",
+  "last": "awsui_last_1kosq_1kied_225"
 };
   

package/button/styles.css.js

@@ -1,27 +1,27 @@
 
     import './styles.scoped.css';
     export default {
-  "content": "awsui_content_vjswe_bkbu6_153",
-  "button": "awsui_button_vjswe_bkbu6_157",
-  "variant-normal": "awsui_variant-normal_vjswe_bkbu6_206",
-  "disabled": "awsui_disabled_vjswe_bkbu6_227",
-  "variant-primary": "awsui_variant-primary_vjswe_bkbu6_235",
-  "variant-link": "awsui_variant-link_vjswe_bkbu6_264",
-  "variant-icon": "awsui_variant-icon_vjswe_bkbu6_293",
-  "variant-inline-icon": "awsui_variant-inline-icon_vjswe_bkbu6_322",
-  "variant-inline-icon-pointer-target": "awsui_variant-inline-icon-pointer-target_vjswe_bkbu6_351",
-  "variant-inline-link": "awsui_variant-inline-link_vjswe_bkbu6_380",
-  "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_bkbu6_413",
-  "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_bkbu6_442",
-  "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_bkbu6_471",
-  "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_bkbu6_505",
-  "button-no-text": "awsui_button-no-text_vjswe_bkbu6_601",
-  "button-no-wrap": "awsui_button-no-wrap_vjswe_bkbu6_605",
-  "full-width": "awsui_full-width_vjswe_bkbu6_608",
-  "icon-left": "awsui_icon-left_vjswe_bkbu6_630",
-  "icon-right": "awsui_icon-right_vjswe_bkbu6_635",
-  "icon": "awsui_icon_vjswe_bkbu6_630",
-  "link": "awsui_link_vjswe_bkbu6_654",
-  "disabled-with-reason": "awsui_disabled-with-reason_vjswe_bkbu6_654"
+  "content": "awsui_content_vjswe_19e8w_153",
+  "button": "awsui_button_vjswe_19e8w_157",
+  "variant-normal": "awsui_variant-normal_vjswe_19e8w_206",
+  "disabled": "awsui_disabled_vjswe_19e8w_227",
+  "variant-primary": "awsui_variant-primary_vjswe_19e8w_235",
+  "variant-link": "awsui_variant-link_vjswe_19e8w_264",
+  "variant-icon": "awsui_variant-icon_vjswe_19e8w_293",
+  "variant-inline-icon": "awsui_variant-inline-icon_vjswe_19e8w_322",
+  "variant-inline-icon-pointer-target": "awsui_variant-inline-icon-pointer-target_vjswe_19e8w_351",
+  "variant-inline-link": "awsui_variant-inline-link_vjswe_19e8w_380",
+  "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_19e8w_413",
+  "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_19e8w_442",
+  "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_19e8w_471",
+  "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_19e8w_505",
+  "button-no-text": "awsui_button-no-text_vjswe_19e8w_601",
+  "button-no-wrap": "awsui_button-no-wrap_vjswe_19e8w_605",
+  "full-width": "awsui_full-width_vjswe_19e8w_608",
+  "icon-left": "awsui_icon-left_vjswe_19e8w_630",
+  "icon-right": "awsui_icon-right_vjswe_19e8w_635",
+  "icon": "awsui_icon_vjswe_19e8w_630",
+  "link": "awsui_link_vjswe_19e8w_654",
+  "disabled-with-reason": "awsui_disabled-with-reason_vjswe_19e8w_654"
 };