@cloudscape-design/components-themeable 3.0.1126 → 3.0.1127

package/lib/internal/template/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/lib/internal/template/attribute-editor/styles.css.js

@@ -1,20 +1,20 @@
 
     import './styles.scoped.css';
     export default {
-  "empty-appear": "awsui_empty-appear_n4qlp_ql29y_153",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_ql29y_1",
-  "root": "awsui_root_n4qlp_ql29y_175",
-  "empty": "awsui_empty_n4qlp_ql29y_153",
-  "row": "awsui_row_n4qlp_ql29y_218",
-  "divider": "awsui_divider_n4qlp_ql29y_222",
-  "row-control": "awsui_row-control_n4qlp_ql29y_227",
-  "field": "awsui_field_n4qlp_ql29y_231",
-  "additional-info": "awsui_additional-info_n4qlp_ql29y_235",
-  "add-row": "awsui_add-row_n4qlp_ql29y_281",
-  "add-button": "awsui_add-button_n4qlp_ql29y_285",
-  "remove-button-container": "awsui_remove-button-container_n4qlp_ql29y_289",
-  "remove-button-field-padding": "awsui_remove-button-field-padding_n4qlp_ql29y_293",
-  "remove-button-own-row": "awsui_remove-button-own-row_n4qlp_ql29y_297",
-  "remove-button": "awsui_remove-button_n4qlp_ql29y_289"
+  "empty-appear": "awsui_empty-appear_n4qlp_1ukj0_153",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_1ukj0_1",
+  "root": "awsui_root_n4qlp_1ukj0_175",
+  "empty": "awsui_empty_n4qlp_1ukj0_153",
+  "row": "awsui_row_n4qlp_1ukj0_218",
+  "divider": "awsui_divider_n4qlp_1ukj0_222",
+  "row-control": "awsui_row-control_n4qlp_1ukj0_227",
+  "field": "awsui_field_n4qlp_1ukj0_231",
+  "additional-info": "awsui_additional-info_n4qlp_1ukj0_235",
+  "add-row": "awsui_add-row_n4qlp_1ukj0_281",
+  "add-button": "awsui_add-button_n4qlp_1ukj0_285",
+  "remove-button-container": "awsui_remove-button-container_n4qlp_1ukj0_289",
+  "remove-button-field-padding": "awsui_remove-button-field-padding_n4qlp_1ukj0_293",
+  "remove-button-own-row": "awsui_remove-button-own-row_n4qlp_1ukj0_297",
+  "remove-button": "awsui_remove-button_n4qlp_1ukj0_289"
 };
   

package/lib/internal/template/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_ql29y_153:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_n4qlp_ql29y_1 var(--motion-duration-transition-show-paced-0w35xp, 180ms) var(--motion-easing-transition-show-paced-ufdgkj, ease-out);
+.awsui_empty-appear_n4qlp_1ukj0_153:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_n4qlp_1ukj0_1 var(--motion-duration-transition-show-paced-0w35xp, 180ms) var(--motion-easing-transition-show-paced-ufdgkj, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_n4qlp_ql29y_1 {
+@keyframes awsui_awsui-motion-fade-in_n4qlp_1ukj0_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_ql29y_153:not(#\9) {
+  .awsui_empty-appear_n4qlp_1ukj0_153:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_empty-appear_n4qlp_ql29y_153:not(#\9), .awsui-mode-entering .awsui_empty-appear_n4qlp_ql29y_153:not(#\9) {
+.awsui-motion-disabled .awsui_empty-appear_n4qlp_1ukj0_153:not(#\9), .awsui-mode-entering .awsui_empty-appear_n4qlp_1ukj0_153:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_n4qlp_ql29y_175:not(#\9) {
+.awsui_root_n4qlp_1ukj0_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_ql29y_153:not(#\9) {
+.awsui_empty_n4qlp_1ukj0_153:not(#\9) {
   font-size: var(--font-size-body-m-vv54cm, 14px);
   line-height: var(--line-height-body-m-bedeoh, 22px);
   color: var(--color-text-empty-vtt4l2, #687078);
   grid-column: 1/-1;
 }
 
-.awsui_row_n4qlp_ql29y_218:not(#\9) {
+.awsui_row_n4qlp_1ukj0_218:not(#\9) {
   display: contents;
 }
 
-.awsui_divider_n4qlp_ql29y_222:not(#\9) {
+.awsui_divider_n4qlp_1ukj0_222:not(#\9) {
   grid-column: 1/-1;
   border-block-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
 }
 
-.awsui_row-control_n4qlp_ql29y_227:not(#\9) {
+.awsui_row-control_n4qlp_1ukj0_227:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_field_n4qlp_ql29y_231:not(#\9) {
+.awsui_field_n4qlp_1ukj0_231:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_additional-info_n4qlp_ql29y_235:not(#\9) {
+.awsui_additional-info_n4qlp_1ukj0_235:not(#\9) {
   color: var(--color-text-form-secondary-4sp9un, #687078);
   font-size: var(--font-size-body-s-psgqn2, 12px);
   line-height: var(--line-height-body-s-otgtsr, 16px);
@@ -242,10 +242,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block-start: var(--space-xxs-jnczic, 4px);
   /* stylelint-disable-next-line selector-max-type */
 }
-.awsui_additional-info_n4qlp_ql29y_235 > a:not(#\9) {
+.awsui_additional-info_n4qlp_1ukj0_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-x6cnv5, #0073bb));
+  color: var(--awsui-style-color-default-lqnbqg, var(--color-text-link-default-x6cnv5, #0073bb));
   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-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_additional-info_n4qlp_ql29y_235 > a:not(#\9) {
+  .awsui_additional-info_n4qlp_1ukj0_235 > a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_additional-info_n4qlp_ql29y_235 > a:not(#\9), .awsui-mode-entering .awsui_additional-info_n4qlp_ql29y_235 > a:not(#\9) {
+.awsui-motion-disabled .awsui_additional-info_n4qlp_1ukj0_235 > a:not(#\9), .awsui-mode-entering .awsui_additional-info_n4qlp_1ukj0_235 > a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_additional-info_n4qlp_ql29y_235 > a:not(#\9):hover {
+.awsui_additional-info_n4qlp_1ukj0_235 > a:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-vl73au, var(--color-text-link-hover-tk5gkv, #0a4a74));
+  color: var(--awsui-style-color-hover-lqnbqg, var(--color-text-link-hover-tk5gkv, #0a4a74));
 }
-.awsui_additional-info_n4qlp_ql29y_235 > a:not(#\9):focus {
+.awsui_additional-info_n4qlp_1ukj0_235 > a:not(#\9):focus {
   outline: none;
 }
-.awsui_additional-info_n4qlp_ql29y_235 > a:not(#\9):active {
-  color: var(--awsui-style-color-active-vl73au, var(--color-text-link-hover-tk5gkv, #0a4a74));
+.awsui_additional-info_n4qlp_1ukj0_235 > a:not(#\9):active {
+  color: var(--awsui-style-color-active-lqnbqg, var(--color-text-link-hover-tk5gkv, #0a4a74));
 }
-.awsui_additional-info_n4qlp_ql29y_235 > a:not(#\9):active, .awsui_additional-info_n4qlp_ql29y_235 > a:not(#\9):focus, .awsui_additional-info_n4qlp_ql29y_235 > a:not(#\9):hover {
+.awsui_additional-info_n4qlp_1ukj0_235 > a:not(#\9):active, .awsui_additional-info_n4qlp_1ukj0_235 > a:not(#\9):focus, .awsui_additional-info_n4qlp_1ukj0_235 > a:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
 
-.awsui_add-row_n4qlp_ql29y_281:not(#\9) {
+.awsui_add-row_n4qlp_1ukj0_281:not(#\9) {
   grid-column: 1/-1;
 }
 
-.awsui_add-button_n4qlp_ql29y_285:not(#\9) {
+.awsui_add-button_n4qlp_1ukj0_285:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_remove-button-container_n4qlp_ql29y_289:not(#\9) {
+.awsui_remove-button-container_n4qlp_1ukj0_289:not(#\9) {
   display: inline-block;
 }
 
-.awsui_remove-button-field-padding_n4qlp_ql29y_293:not(#\9) {
+.awsui_remove-button-field-padding_n4qlp_1ukj0_293:not(#\9) {
   padding-block-start: calc(var(--space-xxs-jnczic, 4px) + var(--line-height-body-m-bedeoh, 22px));
 }
 
-.awsui_remove-button-own-row_n4qlp_ql29y_297:not(#\9) {
+.awsui_remove-button-own-row_n4qlp_1ukj0_297:not(#\9) {
   justify-self: end;
 }
 
-.awsui_remove-button_n4qlp_ql29y_289:not(#\9) {
+.awsui_remove-button_n4qlp_1ukj0_289:not(#\9) {
   /* used in test-utils */
 }

package/lib/internal/template/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_ql29y_153",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_ql29y_1",
-  "root": "awsui_root_n4qlp_ql29y_175",
-  "empty": "awsui_empty_n4qlp_ql29y_153",
-  "row": "awsui_row_n4qlp_ql29y_218",
-  "divider": "awsui_divider_n4qlp_ql29y_222",
-  "row-control": "awsui_row-control_n4qlp_ql29y_227",
-  "field": "awsui_field_n4qlp_ql29y_231",
-  "additional-info": "awsui_additional-info_n4qlp_ql29y_235",
-  "add-row": "awsui_add-row_n4qlp_ql29y_281",
-  "add-button": "awsui_add-button_n4qlp_ql29y_285",
-  "remove-button-container": "awsui_remove-button-container_n4qlp_ql29y_289",
-  "remove-button-field-padding": "awsui_remove-button-field-padding_n4qlp_ql29y_293",
-  "remove-button-own-row": "awsui_remove-button-own-row_n4qlp_ql29y_297",
-  "remove-button": "awsui_remove-button_n4qlp_ql29y_289"
+  "empty-appear": "awsui_empty-appear_n4qlp_1ukj0_153",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_1ukj0_1",
+  "root": "awsui_root_n4qlp_1ukj0_175",
+  "empty": "awsui_empty_n4qlp_1ukj0_153",
+  "row": "awsui_row_n4qlp_1ukj0_218",
+  "divider": "awsui_divider_n4qlp_1ukj0_222",
+  "row-control": "awsui_row-control_n4qlp_1ukj0_227",
+  "field": "awsui_field_n4qlp_1ukj0_231",
+  "additional-info": "awsui_additional-info_n4qlp_1ukj0_235",
+  "add-row": "awsui_add-row_n4qlp_1ukj0_281",
+  "add-button": "awsui_add-button_n4qlp_1ukj0_285",
+  "remove-button-container": "awsui_remove-button-container_n4qlp_1ukj0_289",
+  "remove-button-field-padding": "awsui_remove-button-field-padding_n4qlp_1ukj0_293",
+  "remove-button-own-row": "awsui_remove-button-own-row_n4qlp_1ukj0_297",
+  "remove-button": "awsui_remove-button_n4qlp_1ukj0_289"
 };
   

package/lib/internal/template/breadcrumb-group/item/styles.css.js

@@ -1,12 +1,12 @@
 
     import './styles.scoped.css';
     export default {
-  "link": "awsui_link_1kosq_4isks_145",
-  "breadcrumb": "awsui_breadcrumb_1kosq_4isks_149",
-  "ghost-breadcrumb": "awsui_ghost-breadcrumb_1kosq_4isks_150",
-  "icon": "awsui_icon_1kosq_4isks_153",
-  "anchor": "awsui_anchor_1kosq_4isks_159",
-  "text": "awsui_text_1kosq_4isks_206",
-  "last": "awsui_last_1kosq_4isks_225"
+  "link": "awsui_link_1kosq_h7biw_145",
+  "breadcrumb": "awsui_breadcrumb_1kosq_h7biw_149",
+  "ghost-breadcrumb": "awsui_ghost-breadcrumb_1kosq_h7biw_150",
+  "icon": "awsui_icon_1kosq_h7biw_153",
+  "anchor": "awsui_anchor_1kosq_h7biw_159",
+  "text": "awsui_text_1kosq_h7biw_206",
+  "last": "awsui_last_1kosq_h7biw_225"
 };
   

package/lib/internal/template/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_4isks_145:not(#\9):after {
+.awsui_link_1kosq_h7biw_145:not(#\9):after {
   display: none;
 }
 
-.awsui_breadcrumb_1kosq_4isks_149:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_4isks_150:not(#\9) {
+.awsui_breadcrumb_1kosq_h7biw_149:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_h7biw_150:not(#\9) {
   display: flex;
 }
-.awsui_breadcrumb_1kosq_4isks_149 > .awsui_icon_1kosq_4isks_153:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_4isks_150 > .awsui_icon_1kosq_4isks_153:not(#\9) {
+.awsui_breadcrumb_1kosq_h7biw_149 > .awsui_icon_1kosq_h7biw_153:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_h7biw_150 > .awsui_icon_1kosq_h7biw_153:not(#\9) {
   margin-block: 0;
   margin-inline: var(--space-xs-kw7k3v, 8px);
   color: var(--color-text-breadcrumb-icon-c379ty, #687078);
 }
-.awsui_breadcrumb_1kosq_4isks_149 > .awsui_anchor_1kosq_4isks_159:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_4isks_150 > .awsui_anchor_1kosq_4isks_159:not(#\9) {
+.awsui_breadcrumb_1kosq_h7biw_149 > .awsui_anchor_1kosq_h7biw_159:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_h7biw_150 > .awsui_anchor_1kosq_h7biw_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-x6cnv5, #0073bb));
+  color: var(--awsui-style-color-default-lqnbqg, var(--color-text-link-default-x6cnv5, #0073bb));
   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-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_breadcrumb_1kosq_4isks_149 > .awsui_anchor_1kosq_4isks_159:not(#\9),
-  .awsui_ghost-breadcrumb_1kosq_4isks_150 > .awsui_anchor_1kosq_4isks_159:not(#\9) {
+  .awsui_breadcrumb_1kosq_h7biw_149 > .awsui_anchor_1kosq_h7biw_159:not(#\9),
+  .awsui_ghost-breadcrumb_1kosq_h7biw_150 > .awsui_anchor_1kosq_h7biw_159:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_breadcrumb_1kosq_4isks_149 > .awsui_anchor_1kosq_4isks_159:not(#\9), .awsui-mode-entering .awsui_breadcrumb_1kosq_4isks_149 > .awsui_anchor_1kosq_4isks_159:not(#\9), .awsui-motion-disabled .awsui_ghost-breadcrumb_1kosq_4isks_150 > .awsui_anchor_1kosq_4isks_159:not(#\9), .awsui-mode-entering .awsui_ghost-breadcrumb_1kosq_4isks_150 > .awsui_anchor_1kosq_4isks_159:not(#\9) {
+.awsui-motion-disabled .awsui_breadcrumb_1kosq_h7biw_149 > .awsui_anchor_1kosq_h7biw_159:not(#\9), .awsui-mode-entering .awsui_breadcrumb_1kosq_h7biw_149 > .awsui_anchor_1kosq_h7biw_159:not(#\9), .awsui-motion-disabled .awsui_ghost-breadcrumb_1kosq_h7biw_150 > .awsui_anchor_1kosq_h7biw_159:not(#\9), .awsui-mode-entering .awsui_ghost-breadcrumb_1kosq_h7biw_150 > .awsui_anchor_1kosq_h7biw_159:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_breadcrumb_1kosq_4isks_149 > .awsui_anchor_1kosq_4isks_159:not(#\9):hover,
-.awsui_ghost-breadcrumb_1kosq_4isks_150 > .awsui_anchor_1kosq_4isks_159:not(#\9):hover {
+.awsui_breadcrumb_1kosq_h7biw_149 > .awsui_anchor_1kosq_h7biw_159:not(#\9):hover,
+.awsui_ghost-breadcrumb_1kosq_h7biw_150 > .awsui_anchor_1kosq_h7biw_159:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-vl73au, var(--color-text-link-hover-tk5gkv, #0a4a74));
+  color: var(--awsui-style-color-hover-lqnbqg, var(--color-text-link-hover-tk5gkv, #0a4a74));
 }
-.awsui_breadcrumb_1kosq_4isks_149 > .awsui_anchor_1kosq_4isks_159:not(#\9):focus,
-.awsui_ghost-breadcrumb_1kosq_4isks_150 > .awsui_anchor_1kosq_4isks_159:not(#\9):focus {
+.awsui_breadcrumb_1kosq_h7biw_149 > .awsui_anchor_1kosq_h7biw_159:not(#\9):focus,
+.awsui_ghost-breadcrumb_1kosq_h7biw_150 > .awsui_anchor_1kosq_h7biw_159:not(#\9):focus {
   outline: none;
 }
-.awsui_breadcrumb_1kosq_4isks_149 > .awsui_anchor_1kosq_4isks_159:not(#\9):active,
-.awsui_ghost-breadcrumb_1kosq_4isks_150 > .awsui_anchor_1kosq_4isks_159:not(#\9):active {
-  color: var(--awsui-style-color-active-vl73au, var(--color-text-link-hover-tk5gkv, #0a4a74));
+.awsui_breadcrumb_1kosq_h7biw_149 > .awsui_anchor_1kosq_h7biw_159:not(#\9):active,
+.awsui_ghost-breadcrumb_1kosq_h7biw_150 > .awsui_anchor_1kosq_h7biw_159:not(#\9):active {
+  color: var(--awsui-style-color-active-lqnbqg, var(--color-text-link-hover-tk5gkv, #0a4a74));
 }
-.awsui_breadcrumb_1kosq_4isks_149 > .awsui_anchor_1kosq_4isks_159:not(#\9):active, .awsui_breadcrumb_1kosq_4isks_149 > .awsui_anchor_1kosq_4isks_159:not(#\9):focus, .awsui_breadcrumb_1kosq_4isks_149 > .awsui_anchor_1kosq_4isks_159:not(#\9):hover, .awsui_ghost-breadcrumb_1kosq_4isks_150 > .awsui_anchor_1kosq_4isks_159:not(#\9):active, .awsui_ghost-breadcrumb_1kosq_4isks_150 > .awsui_anchor_1kosq_4isks_159:not(#\9):focus, .awsui_ghost-breadcrumb_1kosq_4isks_150 > .awsui_anchor_1kosq_4isks_159:not(#\9):hover {
+.awsui_breadcrumb_1kosq_h7biw_149 > .awsui_anchor_1kosq_h7biw_159:not(#\9):active, .awsui_breadcrumb_1kosq_h7biw_149 > .awsui_anchor_1kosq_h7biw_159:not(#\9):focus, .awsui_breadcrumb_1kosq_h7biw_149 > .awsui_anchor_1kosq_h7biw_159:not(#\9):hover, .awsui_ghost-breadcrumb_1kosq_h7biw_150 > .awsui_anchor_1kosq_h7biw_159:not(#\9):active, .awsui_ghost-breadcrumb_1kosq_h7biw_150 > .awsui_anchor_1kosq_h7biw_159:not(#\9):focus, .awsui_ghost-breadcrumb_1kosq_h7biw_150 > .awsui_anchor_1kosq_h7biw_159:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_breadcrumb_1kosq_4isks_149 > .awsui_anchor_1kosq_4isks_159 > .awsui_text_1kosq_4isks_206:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_4isks_150 > .awsui_anchor_1kosq_4isks_159 > .awsui_text_1kosq_4isks_206:not(#\9) {
+.awsui_breadcrumb_1kosq_h7biw_149 > .awsui_anchor_1kosq_h7biw_159 > .awsui_text_1kosq_h7biw_206:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_h7biw_150 > .awsui_anchor_1kosq_h7biw_159 > .awsui_text_1kosq_h7biw_206:not(#\9) {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   display: block;
 }
-body[data-awsui-focus-visible=true] .awsui_breadcrumb_1kosq_4isks_149 > .awsui_anchor_1kosq_4isks_159:not(#\9):focus,
-body[data-awsui-focus-visible=true] .awsui_ghost-breadcrumb_1kosq_4isks_150 > .awsui_anchor_1kosq_4isks_159:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_breadcrumb_1kosq_h7biw_149 > .awsui_anchor_1kosq_h7biw_159:not(#\9):focus,
+body[data-awsui-focus-visible=true] .awsui_ghost-breadcrumb_1kosq_h7biw_150 > .awsui_anchor_1kosq_h7biw_159:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-c5423y, 5px auto Highlight);
   outline-offset: 2px;
@@ -219,12 +219,12 @@ body[data-awsui-focus-visible=true] .awsui_ghost-breadcrumb_1kosq_4isks_150 > .a
   border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-woh62o, 0px) var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_breadcrumb_1kosq_4isks_149.awsui_last_1kosq_4isks_225 > .awsui_icon_1kosq_4isks_153:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_4isks_150.awsui_last_1kosq_4isks_225 > .awsui_icon_1kosq_4isks_153:not(#\9) {
+.awsui_breadcrumb_1kosq_h7biw_149.awsui_last_1kosq_h7biw_225 > .awsui_icon_1kosq_h7biw_153:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_h7biw_150.awsui_last_1kosq_h7biw_225 > .awsui_icon_1kosq_h7biw_153:not(#\9) {
   display: none;
 }
-.awsui_breadcrumb_1kosq_4isks_149.awsui_last_1kosq_4isks_225 > .awsui_anchor_1kosq_4isks_159:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_4isks_150.awsui_last_1kosq_4isks_225 > .awsui_anchor_1kosq_4isks_159:not(#\9) {
+.awsui_breadcrumb_1kosq_h7biw_149.awsui_last_1kosq_h7biw_225 > .awsui_anchor_1kosq_h7biw_159:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_h7biw_150.awsui_last_1kosq_h7biw_225 > .awsui_anchor_1kosq_h7biw_159:not(#\9) {
   color: var(--color-text-breadcrumb-current-hwvp31, #687078);
   font-weight: 700;
   text-decoration: none;

package/lib/internal/template/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_4isks_145",
-  "breadcrumb": "awsui_breadcrumb_1kosq_4isks_149",
-  "ghost-breadcrumb": "awsui_ghost-breadcrumb_1kosq_4isks_150",
-  "icon": "awsui_icon_1kosq_4isks_153",
-  "anchor": "awsui_anchor_1kosq_4isks_159",
-  "text": "awsui_text_1kosq_4isks_206",
-  "last": "awsui_last_1kosq_4isks_225"
+  "link": "awsui_link_1kosq_h7biw_145",
+  "breadcrumb": "awsui_breadcrumb_1kosq_h7biw_149",
+  "ghost-breadcrumb": "awsui_ghost-breadcrumb_1kosq_h7biw_150",
+  "icon": "awsui_icon_1kosq_h7biw_153",
+  "anchor": "awsui_anchor_1kosq_h7biw_159",
+  "text": "awsui_text_1kosq_h7biw_206",
+  "last": "awsui_last_1kosq_h7biw_225"
 };
   

package/lib/internal/template/button/styles.css.js

@@ -1,27 +1,27 @@
 
     import './styles.scoped.css';
     export default {
-  "content": "awsui_content_vjswe_tcmur_153",
-  "button": "awsui_button_vjswe_tcmur_157",
-  "variant-normal": "awsui_variant-normal_vjswe_tcmur_206",
-  "disabled": "awsui_disabled_vjswe_tcmur_227",
-  "variant-primary": "awsui_variant-primary_vjswe_tcmur_235",
-  "variant-link": "awsui_variant-link_vjswe_tcmur_264",
-  "variant-icon": "awsui_variant-icon_vjswe_tcmur_293",
-  "variant-inline-icon": "awsui_variant-inline-icon_vjswe_tcmur_322",
-  "variant-inline-icon-pointer-target": "awsui_variant-inline-icon-pointer-target_vjswe_tcmur_351",
-  "variant-inline-link": "awsui_variant-inline-link_vjswe_tcmur_380",
-  "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_tcmur_413",
-  "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_tcmur_442",
-  "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_tcmur_471",
-  "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_tcmur_505",
-  "button-no-text": "awsui_button-no-text_vjswe_tcmur_601",
-  "button-no-wrap": "awsui_button-no-wrap_vjswe_tcmur_605",
-  "full-width": "awsui_full-width_vjswe_tcmur_608",
-  "icon-left": "awsui_icon-left_vjswe_tcmur_630",
-  "icon-right": "awsui_icon-right_vjswe_tcmur_635",
-  "icon": "awsui_icon_vjswe_tcmur_630",
-  "link": "awsui_link_vjswe_tcmur_654",
-  "disabled-with-reason": "awsui_disabled-with-reason_vjswe_tcmur_654"
+  "content": "awsui_content_vjswe_15jcb_153",
+  "button": "awsui_button_vjswe_15jcb_157",
+  "variant-normal": "awsui_variant-normal_vjswe_15jcb_206",
+  "disabled": "awsui_disabled_vjswe_15jcb_227",
+  "variant-primary": "awsui_variant-primary_vjswe_15jcb_235",
+  "variant-link": "awsui_variant-link_vjswe_15jcb_264",
+  "variant-icon": "awsui_variant-icon_vjswe_15jcb_293",
+  "variant-inline-icon": "awsui_variant-inline-icon_vjswe_15jcb_322",
+  "variant-inline-icon-pointer-target": "awsui_variant-inline-icon-pointer-target_vjswe_15jcb_351",
+  "variant-inline-link": "awsui_variant-inline-link_vjswe_15jcb_380",
+  "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_15jcb_413",
+  "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_15jcb_442",
+  "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_15jcb_471",
+  "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_15jcb_505",
+  "button-no-text": "awsui_button-no-text_vjswe_15jcb_601",
+  "button-no-wrap": "awsui_button-no-wrap_vjswe_15jcb_605",
+  "full-width": "awsui_full-width_vjswe_15jcb_608",
+  "icon-left": "awsui_icon-left_vjswe_15jcb_630",
+  "icon-right": "awsui_icon-right_vjswe_15jcb_635",
+  "icon": "awsui_icon_vjswe_15jcb_630",
+  "link": "awsui_link_vjswe_15jcb_654",
+  "disabled-with-reason": "awsui_disabled-with-reason_vjswe_15jcb_654"
 };