@cloudscape-design/components 3.0.606 → 3.0.608

package/flashbar/styles.selectors.js

@@ -2,52 +2,52 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "flash-with-motion": "awsui_flash-with-motion_1q84n_1r55n_99",
-  "enter": "awsui_enter_1q84n_1r55n_99",
-  "flash-body": "awsui_flash-body_1q84n_1r55n_113",
-  "flash-message": "awsui_flash-message_1q84n_1r55n_113",
-  "flash-header": "awsui_flash-header_1q84n_1r55n_113",
-  "flash-content": "awsui_flash-content_1q84n_1r55n_114",
-  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_1r55n_115",
-  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_1r55n_116",
-  "flash-icon": "awsui_flash-icon_1q84n_1r55n_139",
-  "entering": "awsui_entering_1q84n_1r55n_152",
-  "entered": "awsui_entered_1q84n_1r55n_173",
-  "exiting": "awsui_exiting_1q84n_1r55n_278",
-  "stack": "awsui_stack_1q84n_1r55n_300",
-  "animation-running": "awsui_animation-running_1q84n_1r55n_300",
-  "item": "awsui_item_1q84n_1r55n_300",
-  "flash-list-item": "awsui_flash-list-item_1q84n_1r55n_301",
-  "notification-bar": "awsui_notification-bar_1q84n_1r55n_302",
-  "collapsed": "awsui_collapsed_1q84n_1r55n_322",
-  "animation-ready": "awsui_animation-ready_1q84n_1r55n_322",
-  "expanded-only": "awsui_expanded-only_1q84n_1r55n_322",
-  "expanded": "awsui_expanded_1q84n_1r55n_322",
-  "flash": "awsui_flash_1q84n_1r55n_99",
-  "collapsible": "awsui_collapsible_1q84n_1r55n_386",
-  "short-list": "awsui_short-list_1q84n_1r55n_392",
-  "visual-refresh": "awsui_visual-refresh_1q84n_1r55n_392",
-  "status": "awsui_status_1q84n_1r55n_605",
-  "header": "awsui_header_1q84n_1r55n_605",
-  "item-count": "awsui_item-count_1q84n_1r55n_606",
-  "button": "awsui_button_1q84n_1r55n_607",
-  "type-count": "awsui_type-count_1q84n_1r55n_640",
-  "count-number": "awsui_count-number_1q84n_1r55n_640",
-  "icon": "awsui_icon_1q84n_1r55n_674",
-  "floating": "awsui_floating_1q84n_1r55n_715",
-  "flashbar": "awsui_flashbar_1q84n_1r55n_723",
-  "flash-refresh": "awsui_flash-refresh_1q84n_1r55n_798",
-  "flash-list": "awsui_flash-list_1q84n_1r55n_301",
-  "flash-focus-container": "awsui_flash-focus-container_1q84n_1r55n_819",
-  "flash-text": "awsui_flash-text_1q84n_1r55n_849",
-  "dismiss-button": "awsui_dismiss-button_1q84n_1r55n_116",
-  "breakpoint-default": "awsui_breakpoint-default_1q84n_1r55n_891",
-  "action-button": "awsui_action-button_1q84n_1r55n_115",
-  "action-slot": "awsui_action-slot_1q84n_1r55n_901",
-  "flash-type-success": "awsui_flash-type-success_1q84n_1r55n_905",
-  "flash-type-error": "awsui_flash-type-error_1q84n_1r55n_909",
-  "flash-type-info": "awsui_flash-type-info_1q84n_1r55n_913",
-  "flash-type-in-progress": "awsui_flash-type-in-progress_1q84n_1r55n_914",
-  "flash-type-warning": "awsui_flash-type-warning_1q84n_1r55n_918"
+  "flash-with-motion": "awsui_flash-with-motion_1q84n_pgrle_99",
+  "enter": "awsui_enter_1q84n_pgrle_99",
+  "flash-body": "awsui_flash-body_1q84n_pgrle_113",
+  "flash-message": "awsui_flash-message_1q84n_pgrle_113",
+  "flash-header": "awsui_flash-header_1q84n_pgrle_113",
+  "flash-content": "awsui_flash-content_1q84n_pgrle_114",
+  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_pgrle_115",
+  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_pgrle_116",
+  "flash-icon": "awsui_flash-icon_1q84n_pgrle_139",
+  "entering": "awsui_entering_1q84n_pgrle_152",
+  "entered": "awsui_entered_1q84n_pgrle_173",
+  "exiting": "awsui_exiting_1q84n_pgrle_278",
+  "stack": "awsui_stack_1q84n_pgrle_300",
+  "animation-running": "awsui_animation-running_1q84n_pgrle_300",
+  "item": "awsui_item_1q84n_pgrle_300",
+  "flash-list-item": "awsui_flash-list-item_1q84n_pgrle_301",
+  "notification-bar": "awsui_notification-bar_1q84n_pgrle_302",
+  "collapsed": "awsui_collapsed_1q84n_pgrle_322",
+  "animation-ready": "awsui_animation-ready_1q84n_pgrle_322",
+  "expanded-only": "awsui_expanded-only_1q84n_pgrle_322",
+  "expanded": "awsui_expanded_1q84n_pgrle_322",
+  "flash": "awsui_flash_1q84n_pgrle_99",
+  "collapsible": "awsui_collapsible_1q84n_pgrle_386",
+  "short-list": "awsui_short-list_1q84n_pgrle_392",
+  "visual-refresh": "awsui_visual-refresh_1q84n_pgrle_392",
+  "status": "awsui_status_1q84n_pgrle_605",
+  "header": "awsui_header_1q84n_pgrle_605",
+  "item-count": "awsui_item-count_1q84n_pgrle_606",
+  "button": "awsui_button_1q84n_pgrle_607",
+  "type-count": "awsui_type-count_1q84n_pgrle_640",
+  "count-number": "awsui_count-number_1q84n_pgrle_640",
+  "icon": "awsui_icon_1q84n_pgrle_674",
+  "floating": "awsui_floating_1q84n_pgrle_715",
+  "flashbar": "awsui_flashbar_1q84n_pgrle_723",
+  "flash-refresh": "awsui_flash-refresh_1q84n_pgrle_798",
+  "flash-list": "awsui_flash-list_1q84n_pgrle_301",
+  "flash-focus-container": "awsui_flash-focus-container_1q84n_pgrle_819",
+  "flash-text": "awsui_flash-text_1q84n_pgrle_849",
+  "dismiss-button": "awsui_dismiss-button_1q84n_pgrle_116",
+  "breakpoint-default": "awsui_breakpoint-default_1q84n_pgrle_891",
+  "action-button": "awsui_action-button_1q84n_pgrle_115",
+  "action-slot": "awsui_action-slot_1q84n_pgrle_901",
+  "flash-type-success": "awsui_flash-type-success_1q84n_pgrle_905",
+  "flash-type-error": "awsui_flash-type-error_1q84n_pgrle_909",
+  "flash-type-info": "awsui_flash-type-info_1q84n_pgrle_913",
+  "flash-type-in-progress": "awsui_flash-type-in-progress_1q84n_pgrle_914",
+  "flash-type-warning": "awsui_flash-type-warning_1q84n_pgrle_918"
 };
   

package/form-field/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/form-field/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAazC,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAetD,UAAU,mBAAmB;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,wBAAgB,cAAc,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,kBAAkB,EAAE,EAAE,mBAAmB,eAiBvF;AAED,wBAAgB,cAAc,CAAC,EAC7B,EAAE,EACF,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,eAMA;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,SAAS,EACT,OAAe,EACf,KAAK,EACL,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,gBAAgB,EAChB,WAAW,EACX,cAAc,EACd,SAAS,EACT,WAAW,EACX,iBAAwB,EACxB,gBAAwB,EACxB,GAAG,IAAI,EACR,EAAE,sBAAsB,eAgIxB"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/form-field/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAajD,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAgBtD,UAAU,mBAAmB;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,wBAAgB,cAAc,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,kBAAkB,EAAE,EAAE,mBAAmB,eAwBvF;AAED,wBAAgB,cAAc,CAAC,EAC7B,EAAE,EACF,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,eAMA;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,SAAS,EACT,OAAe,EACf,KAAK,EACL,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,gBAAgB,EAChB,WAAW,EACX,cAAc,EACd,SAAS,EACT,WAAW,EACX,iBAAwB,EACxB,gBAAwB,EACxB,GAAG,IAAI,EACR,EAAE,sBAAsB,eAgIxB"}

package/form-field/internal.js

@@ -1,7 +1,7 @@
 import { __rest } from "tslib";
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import React, { useEffect } from 'react';
+import React, { useEffect, useRef } from 'react';
 import clsx from 'clsx';
 import { getBaseProps } from '../internal/base-component';
 import { FormFieldContext, useFormFieldContext } from '../internal/context/form-field-context';
@@ -17,13 +17,17 @@ import { InfoLinkLabelContext } from '../internal/context/info-link-label-contex
 import { FunnelMetrics } from '../internal/analytics';
 import { useFunnel, useFunnelStep, useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';
 import { DATA_ATTR_FIELD_ERROR, DATA_ATTR_FIELD_LABEL, getFieldSlotSeletor, getNameFromSelector, getSubStepAllSelector, } from '../internal/analytics/selectors';
+import LiveRegion from '../internal/components/live-region';
 export function FormFieldError({ id, children, errorIconAriaLabel }) {
     const i18n = useInternalI18n('form-field');
-    return (React.createElement("div", { id: id, className: styles.error },
-        React.createElement("div", { className: styles['error-icon-shake-wrapper'] },
-            React.createElement("div", { role: "img", "aria-label": i18n('i18nStrings.errorIconAriaLabel', errorIconAriaLabel), className: styles['error-icon-scale-wrapper'] },
-                React.createElement(InternalIcon, { name: "status-warning", size: "small" }))),
-        React.createElement("span", { className: styles.error__message }, children)));
+    const contentRef = useRef(null);
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { id: id, className: styles.error },
+            React.createElement("div", { className: styles['error-icon-shake-wrapper'] },
+                React.createElement("div", { role: "img", "aria-label": i18n('i18nStrings.errorIconAriaLabel', errorIconAriaLabel), className: styles['error-icon-scale-wrapper'] },
+                    React.createElement(InternalIcon, { name: "status-warning", size: "small" }))),
+            React.createElement("span", { className: styles.error__message, ref: contentRef }, children)),
+        React.createElement(LiveRegion, { assertive: true, source: [errorIconAriaLabel, contentRef] })));
 }
 export function ConstraintText({ id, hasError, children, }) {
     return (React.createElement("div", { id: id, className: clsx(styles.constraint, hasError && styles['constraint-has-error']) }, children));

package/form-field/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/form-field/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, { useEffect } from 'react';\nimport clsx from 'clsx';\n\nimport { getBaseProps } from '../internal/base-component';\nimport { FormFieldContext, useFormFieldContext } from '../internal/context/form-field-context';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\n\nimport InternalGrid from '../grid/internal';\nimport InternalIcon from '../icon/internal';\nimport { getAriaDescribedBy, getGridDefinition, getSlotIds } from './util';\n\nimport styles from './styles.css.js';\nimport { InternalFormFieldProps } from './interfaces';\nimport { joinStrings } from '../internal/utils/strings';\nimport { useInternalI18n } from '../i18n/context';\nimport { InfoLinkLabelContext } from '../internal/context/info-link-label-context';\n\nimport { FunnelMetrics } from '../internal/analytics';\nimport { useFunnel, useFunnelStep, useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';\nimport {\n  DATA_ATTR_FIELD_ERROR,\n  DATA_ATTR_FIELD_LABEL,\n  getFieldSlotSeletor,\n  getNameFromSelector,\n  getSubStepAllSelector,\n} from '../internal/analytics/selectors';\n\ninterface FormFieldErrorProps {\n  id?: string;\n  children?: React.ReactNode;\n  errorIconAriaLabel?: string;\n}\n\nexport function FormFieldError({ id, children, errorIconAriaLabel }: FormFieldErrorProps) {\n  const i18n = useInternalI18n('form-field');\n\n  return (\n    <div id={id} className={styles.error}>\n      <div className={styles['error-icon-shake-wrapper']}>\n        <div\n          role=\"img\"\n          aria-label={i18n('i18nStrings.errorIconAriaLabel', errorIconAriaLabel)}\n          className={styles['error-icon-scale-wrapper']}\n        >\n          <InternalIcon name=\"status-warning\" size=\"small\" />\n        </div>\n      </div>\n      <span className={styles.error__message}>{children}</span>\n    </div>\n  );\n}\n\nexport function ConstraintText({\n  id,\n  hasError,\n  children,\n}: {\n  id?: string;\n  hasError: boolean;\n  children: React.ReactNode;\n}) {\n  return (\n    <div id={id} className={clsx(styles.constraint, hasError && styles['constraint-has-error'])}>\n      {children}\n    </div>\n  );\n}\n\nexport default function InternalFormField({\n  controlId,\n  stretch = false,\n  label,\n  info,\n  i18nStrings,\n  children,\n  secondaryControl,\n  description,\n  constraintText,\n  errorText,\n  __hideLabel,\n  __internalRootRef = null,\n  __disableGutters = false,\n  ...rest\n}: InternalFormFieldProps) {\n  const baseProps = getBaseProps(rest);\n  const isRefresh = useVisualRefresh();\n\n  const instanceUniqueId = useUniqueId('formField');\n  const generatedControlId = controlId || instanceUniqueId;\n  const formFieldId = controlId || generatedControlId;\n\n  const { funnelInteractionId, submissionAttempt, funnelState, errorCount } = useFunnel();\n  const { stepNumber, stepNameSelector } = useFunnelStep();\n  const { subStepSelector, subStepNameSelector } = useFunnelSubStep();\n\n  const slotIds = getSlotIds(formFieldId, label, description, constraintText, errorText);\n\n  const ariaDescribedBy = getAriaDescribedBy(slotIds);\n\n  const gridDefinition = getGridDefinition(stretch, !!secondaryControl, isRefresh);\n\n  const {\n    ariaLabelledby: parentAriaLabelledby,\n    ariaDescribedby: parentAriaDescribedby,\n    invalid: parentInvalid,\n  } = useFormFieldContext({});\n\n  const contextValuesWithoutControlId = {\n    ariaLabelledby: joinStrings(parentAriaLabelledby, slotIds.label) || undefined,\n    ariaDescribedby: joinStrings(parentAriaDescribedby, ariaDescribedBy) || undefined,\n    invalid: !!errorText || !!parentInvalid,\n  };\n\n  const analyticsAttributes = {\n    [DATA_ATTR_FIELD_LABEL]: slotIds.label ? getFieldSlotSeletor(slotIds.label) : undefined,\n    [DATA_ATTR_FIELD_ERROR]: slotIds.error ? getFieldSlotSeletor(slotIds.error) : undefined,\n  };\n\n  useEffect(() => {\n    if (funnelInteractionId && errorText && funnelState.current !== 'complete') {\n      const stepName = getNameFromSelector(stepNameSelector);\n      const subStepName = getNameFromSelector(subStepNameSelector);\n\n      errorCount.current++;\n\n      // We don't want to report an error if it is hidden, e.g. inside an Expandable Section.\n      const errorIsVisible = (__internalRootRef?.current?.getBoundingClientRect()?.width ?? 0) > 0;\n\n      if (errorIsVisible) {\n        FunnelMetrics.funnelSubStepError({\n          funnelInteractionId,\n          subStepSelector,\n          subStepName,\n          subStepNameSelector,\n          stepNumber,\n          stepName,\n          stepNameSelector,\n          fieldErrorSelector: `${getFieldSlotSeletor(slotIds.error)} .${styles.error__message}`,\n          fieldLabelSelector: getFieldSlotSeletor(slotIds.label),\n          subStepAllSelector: getSubStepAllSelector(),\n        });\n      }\n\n      return () => {\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        errorCount.current--;\n      };\n    }\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [funnelInteractionId, errorText, submissionAttempt, errorCount]);\n\n  return (\n    <div\n      {...baseProps}\n      className={clsx(baseProps.className, styles.root)}\n      ref={__internalRootRef}\n      {...analyticsAttributes}\n    >\n      <div className={clsx(__hideLabel && styles['visually-hidden'])}>\n        {label && (\n          <label className={styles.label} id={slotIds.label} htmlFor={generatedControlId}>\n            {label}\n          </label>\n        )}\n        <InfoLinkLabelContext.Provider value={slotIds.label}>\n          {!__hideLabel && info && <span className={styles.info}>{info}</span>}\n        </InfoLinkLabelContext.Provider>\n      </div>\n\n      {description && (\n        <div className={styles.description} id={slotIds.description}>\n          {description}\n        </div>\n      )}\n\n      <div className={clsx(styles.controls, __hideLabel && styles['label-hidden'])}>\n        <InternalGrid gridDefinition={gridDefinition} disableGutters={__disableGutters}>\n          <FormFieldContext.Provider\n            value={{\n              controlId: generatedControlId,\n              ...contextValuesWithoutControlId,\n            }}\n          >\n            {children && <div className={styles.control}>{children}</div>}\n          </FormFieldContext.Provider>\n\n          {secondaryControl && (\n            <FormFieldContext.Provider value={contextValuesWithoutControlId}>\n              <div className={styles['secondary-control']}>{secondaryControl}</div>\n            </FormFieldContext.Provider>\n          )}\n        </InternalGrid>\n      </div>\n\n      {(constraintText || errorText) && (\n        <div className={styles.hints}>\n          {errorText && (\n            <FormFieldError id={slotIds.error} errorIconAriaLabel={i18nStrings?.errorIconAriaLabel}>\n              {errorText}\n            </FormFieldError>\n          )}\n          {constraintText && (\n            <ConstraintText id={slotIds.constraint} hasError={!!errorText}>\n              {constraintText}\n            </ConstraintText>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/form-field/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, { useEffect, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { getBaseProps } from '../internal/base-component';\nimport { FormFieldContext, useFormFieldContext } from '../internal/context/form-field-context';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\n\nimport InternalGrid from '../grid/internal';\nimport InternalIcon from '../icon/internal';\nimport { getAriaDescribedBy, getGridDefinition, getSlotIds } from './util';\n\nimport styles from './styles.css.js';\nimport { InternalFormFieldProps } from './interfaces';\nimport { joinStrings } from '../internal/utils/strings';\nimport { useInternalI18n } from '../i18n/context';\nimport { InfoLinkLabelContext } from '../internal/context/info-link-label-context';\n\nimport { FunnelMetrics } from '../internal/analytics';\nimport { useFunnel, useFunnelStep, useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';\nimport {\n  DATA_ATTR_FIELD_ERROR,\n  DATA_ATTR_FIELD_LABEL,\n  getFieldSlotSeletor,\n  getNameFromSelector,\n  getSubStepAllSelector,\n} from '../internal/analytics/selectors';\nimport LiveRegion from '../internal/components/live-region';\n\ninterface FormFieldErrorProps {\n  id?: string;\n  children?: React.ReactNode;\n  errorIconAriaLabel?: string;\n}\n\nexport function FormFieldError({ id, children, errorIconAriaLabel }: FormFieldErrorProps) {\n  const i18n = useInternalI18n('form-field');\n  const contentRef = useRef<HTMLDivElement | null>(null);\n\n  return (\n    <>\n      <div id={id} className={styles.error}>\n        <div className={styles['error-icon-shake-wrapper']}>\n          <div\n            role=\"img\"\n            aria-label={i18n('i18nStrings.errorIconAriaLabel', errorIconAriaLabel)}\n            className={styles['error-icon-scale-wrapper']}\n          >\n            <InternalIcon name=\"status-warning\" size=\"small\" />\n          </div>\n        </div>\n        <span className={styles.error__message} ref={contentRef}>\n          {children}\n        </span>\n      </div>\n\n      <LiveRegion assertive={true} source={[errorIconAriaLabel, contentRef]} />\n    </>\n  );\n}\n\nexport function ConstraintText({\n  id,\n  hasError,\n  children,\n}: {\n  id?: string;\n  hasError: boolean;\n  children: React.ReactNode;\n}) {\n  return (\n    <div id={id} className={clsx(styles.constraint, hasError && styles['constraint-has-error'])}>\n      {children}\n    </div>\n  );\n}\n\nexport default function InternalFormField({\n  controlId,\n  stretch = false,\n  label,\n  info,\n  i18nStrings,\n  children,\n  secondaryControl,\n  description,\n  constraintText,\n  errorText,\n  __hideLabel,\n  __internalRootRef = null,\n  __disableGutters = false,\n  ...rest\n}: InternalFormFieldProps) {\n  const baseProps = getBaseProps(rest);\n  const isRefresh = useVisualRefresh();\n\n  const instanceUniqueId = useUniqueId('formField');\n  const generatedControlId = controlId || instanceUniqueId;\n  const formFieldId = controlId || generatedControlId;\n\n  const { funnelInteractionId, submissionAttempt, funnelState, errorCount } = useFunnel();\n  const { stepNumber, stepNameSelector } = useFunnelStep();\n  const { subStepSelector, subStepNameSelector } = useFunnelSubStep();\n\n  const slotIds = getSlotIds(formFieldId, label, description, constraintText, errorText);\n\n  const ariaDescribedBy = getAriaDescribedBy(slotIds);\n\n  const gridDefinition = getGridDefinition(stretch, !!secondaryControl, isRefresh);\n\n  const {\n    ariaLabelledby: parentAriaLabelledby,\n    ariaDescribedby: parentAriaDescribedby,\n    invalid: parentInvalid,\n  } = useFormFieldContext({});\n\n  const contextValuesWithoutControlId = {\n    ariaLabelledby: joinStrings(parentAriaLabelledby, slotIds.label) || undefined,\n    ariaDescribedby: joinStrings(parentAriaDescribedby, ariaDescribedBy) || undefined,\n    invalid: !!errorText || !!parentInvalid,\n  };\n\n  const analyticsAttributes = {\n    [DATA_ATTR_FIELD_LABEL]: slotIds.label ? getFieldSlotSeletor(slotIds.label) : undefined,\n    [DATA_ATTR_FIELD_ERROR]: slotIds.error ? getFieldSlotSeletor(slotIds.error) : undefined,\n  };\n\n  useEffect(() => {\n    if (funnelInteractionId && errorText && funnelState.current !== 'complete') {\n      const stepName = getNameFromSelector(stepNameSelector);\n      const subStepName = getNameFromSelector(subStepNameSelector);\n\n      errorCount.current++;\n\n      // We don't want to report an error if it is hidden, e.g. inside an Expandable Section.\n      const errorIsVisible = (__internalRootRef?.current?.getBoundingClientRect()?.width ?? 0) > 0;\n\n      if (errorIsVisible) {\n        FunnelMetrics.funnelSubStepError({\n          funnelInteractionId,\n          subStepSelector,\n          subStepName,\n          subStepNameSelector,\n          stepNumber,\n          stepName,\n          stepNameSelector,\n          fieldErrorSelector: `${getFieldSlotSeletor(slotIds.error)} .${styles.error__message}`,\n          fieldLabelSelector: getFieldSlotSeletor(slotIds.label),\n          subStepAllSelector: getSubStepAllSelector(),\n        });\n      }\n\n      return () => {\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        errorCount.current--;\n      };\n    }\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [funnelInteractionId, errorText, submissionAttempt, errorCount]);\n\n  return (\n    <div\n      {...baseProps}\n      className={clsx(baseProps.className, styles.root)}\n      ref={__internalRootRef}\n      {...analyticsAttributes}\n    >\n      <div className={clsx(__hideLabel && styles['visually-hidden'])}>\n        {label && (\n          <label className={styles.label} id={slotIds.label} htmlFor={generatedControlId}>\n            {label}\n          </label>\n        )}\n        <InfoLinkLabelContext.Provider value={slotIds.label}>\n          {!__hideLabel && info && <span className={styles.info}>{info}</span>}\n        </InfoLinkLabelContext.Provider>\n      </div>\n\n      {description && (\n        <div className={styles.description} id={slotIds.description}>\n          {description}\n        </div>\n      )}\n\n      <div className={clsx(styles.controls, __hideLabel && styles['label-hidden'])}>\n        <InternalGrid gridDefinition={gridDefinition} disableGutters={__disableGutters}>\n          <FormFieldContext.Provider\n            value={{\n              controlId: generatedControlId,\n              ...contextValuesWithoutControlId,\n            }}\n          >\n            {children && <div className={styles.control}>{children}</div>}\n          </FormFieldContext.Provider>\n\n          {secondaryControl && (\n            <FormFieldContext.Provider value={contextValuesWithoutControlId}>\n              <div className={styles['secondary-control']}>{secondaryControl}</div>\n            </FormFieldContext.Provider>\n          )}\n        </InternalGrid>\n      </div>\n\n      {(constraintText || errorText) && (\n        <div className={styles.hints}>\n          {errorText && (\n            <FormFieldError id={slotIds.error} errorIconAriaLabel={i18nStrings?.errorIconAriaLabel}>\n              {errorText}\n            </FormFieldError>\n          )}\n          {constraintText && (\n            <ConstraintText id={slotIds.constraint} hasError={!!errorText}>\n              {constraintText}\n            </ConstraintText>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"]}

package/internal/components/dropdown/styles.css.js

@@ -1,25 +1,25 @@
 
     import './styles.scoped.css';
     export default {
-  "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_qwoo0_1ea5w_99",
-  "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_1ea5w_1",
-  "refresh": "awsui_refresh_qwoo0_1ea5w_120",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_1ea5w_1",
-  "root": "awsui_root_qwoo0_1ea5w_149",
-  "interior": "awsui_interior_qwoo0_1ea5w_185",
-  "dropdown": "awsui_dropdown_qwoo0_1ea5w_99",
-  "use-portal": "awsui_use-portal_qwoo0_1ea5w_196",
-  "is-empty": "awsui_is-empty_qwoo0_1ea5w_248",
-  "dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_1ea5w_255",
-  "with-limited-width": "awsui_with-limited-width_qwoo0_1ea5w_259",
-  "dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_1ea5w_262",
-  "dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_1ea5w_268",
-  "occupy-entire-width": "awsui_occupy-entire-width_qwoo0_1ea5w_274",
-  "stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-width_qwoo0_1ea5w_277",
-  "hide-block-border": "awsui_hide-block-border_qwoo0_1ea5w_281",
-  "open": "awsui_open_qwoo0_1ea5w_287",
-  "nowrap": "awsui_nowrap_qwoo0_1ea5w_296",
-  "dropdown-content": "awsui_dropdown-content_qwoo0_1ea5w_99",
-  "stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_1ea5w_307"
+  "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_qwoo0_3gt2b_99",
+  "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_3gt2b_1",
+  "refresh": "awsui_refresh_qwoo0_3gt2b_120",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_3gt2b_1",
+  "root": "awsui_root_qwoo0_3gt2b_149",
+  "interior": "awsui_interior_qwoo0_3gt2b_185",
+  "dropdown": "awsui_dropdown_qwoo0_3gt2b_99",
+  "use-portal": "awsui_use-portal_qwoo0_3gt2b_196",
+  "is-empty": "awsui_is-empty_qwoo0_3gt2b_248",
+  "dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_3gt2b_255",
+  "with-limited-width": "awsui_with-limited-width_qwoo0_3gt2b_259",
+  "dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_3gt2b_262",
+  "dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_3gt2b_268",
+  "occupy-entire-width": "awsui_occupy-entire-width_qwoo0_3gt2b_274",
+  "stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-width_qwoo0_3gt2b_277",
+  "hide-block-border": "awsui_hide-block-border_qwoo0_3gt2b_281",
+  "open": "awsui_open_qwoo0_3gt2b_287",
+  "nowrap": "awsui_nowrap_qwoo0_3gt2b_296",
+  "dropdown-content": "awsui_dropdown-content_qwoo0_3gt2b_99",
+  "stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_3gt2b_307"
 };
   

package/internal/components/dropdown/styles.scoped.css

@@ -96,10 +96,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_dropdown-content-wrapper_qwoo0_1ea5w_99:not(#\9) {
-  animation: awsui_awsui-motion-fade-in-dropdown_qwoo0_1ea5w_1 var(--motion-duration-show-quick-aq3ump, 135ms) var(--motion-easing-show-quick-vc5zgd, ease-out);
+.awsui_dropdown-content-wrapper_qwoo0_3gt2b_99:not(#\9) {
+  animation: awsui_awsui-motion-fade-in-dropdown_qwoo0_3gt2b_1 var(--motion-duration-show-quick-aq3ump, 135ms) var(--motion-easing-show-quick-vc5zgd, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in-dropdown_qwoo0_1ea5w_1 {
+@keyframes awsui_awsui-motion-fade-in-dropdown_qwoo0_3gt2b_1 {
   from {
     opacity: 0.4;
   }
@@ -108,22 +108,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_dropdown-content-wrapper_qwoo0_1ea5w_99:not(#\9) {
+  .awsui_dropdown-content-wrapper_qwoo0_3gt2b_99:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_1ea5w_99:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_1ea5w_99:not(#\9) {
+.awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_3gt2b_99:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_3gt2b_99:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_dropdown-content-wrapper_qwoo0_1ea5w_99.awsui_refresh_qwoo0_1ea5w_120:not(#\9) {
+.awsui_dropdown-content-wrapper_qwoo0_3gt2b_99.awsui_refresh_qwoo0_3gt2b_120:not(#\9) {
   transform-origin: top;
-  animation-name: awsui_awsui-motion-fade-in-0_qwoo0_1ea5w_1;
+  animation-name: awsui_awsui-motion-fade-in-0_qwoo0_3gt2b_1;
   animation-duration: var(--motion-duration-show-quick-aq3ump, 135ms);
   animation-timing-function: var(--motion-easing-show-quick-vc5zgd, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in-0_qwoo0_1ea5w_1 {
+@keyframes awsui_awsui-motion-fade-in-0_qwoo0_3gt2b_1 {
   from {
     opacity: 0;
   }
@@ -132,12 +132,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_dropdown-content-wrapper_qwoo0_1ea5w_99.awsui_refresh_qwoo0_1ea5w_120:not(#\9) {
+  .awsui_dropdown-content-wrapper_qwoo0_3gt2b_99.awsui_refresh_qwoo0_3gt2b_120:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_1ea5w_99.awsui_refresh_qwoo0_1ea5w_120:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_1ea5w_99.awsui_refresh_qwoo0_1ea5w_120:not(#\9) {
+.awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_3gt2b_99.awsui_refresh_qwoo0_3gt2b_120:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_3gt2b_99.awsui_refresh_qwoo0_3gt2b_120:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -146,7 +146,7 @@ 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_root_qwoo0_1ea5w_149:not(#\9) {
+.awsui_root_qwoo0_3gt2b_149:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -183,11 +183,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   position: relative;
   white-space: inherit;
 }
-.awsui_root_qwoo0_1ea5w_149.awsui_interior_qwoo0_1ea5w_185:not(#\9) {
+.awsui_root_qwoo0_3gt2b_149.awsui_interior_qwoo0_3gt2b_185:not(#\9) {
   position: static;
 }
 
-.awsui_dropdown_qwoo0_1ea5w_99:not(#\9) {
+.awsui_dropdown_qwoo0_3gt2b_99:not(#\9) {
   position: absolute;
   display: none;
   z-index: 2000;
@@ -195,24 +195,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
           user-select: none;
   transform-origin: top;
 }
-.awsui_dropdown_qwoo0_1ea5w_99.awsui_use-portal_qwoo0_1ea5w_196:not(#\9) {
+.awsui_dropdown_qwoo0_3gt2b_99.awsui_use-portal_qwoo0_3gt2b_196:not(#\9) {
   z-index: 7000;
 }
-.awsui_dropdown_qwoo0_1ea5w_99:not(#\9):not(.awsui_interior_qwoo0_1ea5w_185) {
+.awsui_dropdown_qwoo0_3gt2b_99:not(#\9):not(.awsui_interior_qwoo0_3gt2b_185) {
   transform: translateY(0px);
   transition: transform var(--motion-duration-show-quick-aq3ump, 135ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_dropdown_qwoo0_1ea5w_99:not(#\9):not(.awsui_interior_qwoo0_1ea5w_185) {
+  .awsui_dropdown_qwoo0_3gt2b_99:not(#\9):not(.awsui_interior_qwoo0_3gt2b_185) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dropdown_qwoo0_1ea5w_99:not(#\9):not(.awsui_interior_qwoo0_1ea5w_185), .awsui-mode-entering .awsui_dropdown_qwoo0_1ea5w_99:not(#\9):not(.awsui_interior_qwoo0_1ea5w_185) {
+.awsui-motion-disabled .awsui_dropdown_qwoo0_3gt2b_99:not(#\9):not(.awsui_interior_qwoo0_3gt2b_185), .awsui-mode-entering .awsui_dropdown_qwoo0_3gt2b_99:not(#\9):not(.awsui_interior_qwoo0_3gt2b_185) {
   animation: none;
   transition: none;
 }
-.awsui_dropdown-content-wrapper_qwoo0_1ea5w_99:not(#\9) {
+.awsui_dropdown-content-wrapper_qwoo0_3gt2b_99:not(#\9) {
   position: relative;
   background-color: var(--color-background-dropdown-item-default-be16w5, #ffffff);
   outline: none;
@@ -224,7 +224,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-block: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-container-top-736buh, transparent);
   box-sizing: border-box;
 }
-.awsui_dropdown-content-wrapper_qwoo0_1ea5w_99:not(#\9)::after {
+.awsui_dropdown-content-wrapper_qwoo0_3gt2b_99:not(#\9)::after {
   content: "";
   position: absolute;
   z-index: 1;
@@ -242,70 +242,70 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   pointer-events: none;
 }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-  .awsui_dropdown-content-wrapper_qwoo0_1ea5w_99:not(#\9) {
+  .awsui_dropdown-content-wrapper_qwoo0_3gt2b_99:not(#\9) {
     border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-container-top-736buh, transparent);
     border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-container-top-736buh, transparent);
   }
 }
-.awsui_dropdown-content-wrapper_qwoo0_1ea5w_99.awsui_is-empty_qwoo0_1ea5w_248:not(#\9)::after {
+.awsui_dropdown-content-wrapper_qwoo0_3gt2b_99.awsui_is-empty_qwoo0_3gt2b_248:not(#\9)::after {
   display: none;
 }
-.awsui_dropdown_qwoo0_1ea5w_99 > .awsui_dropdown-content-wrapper_qwoo0_1ea5w_99:not(#\9) {
+.awsui_dropdown_qwoo0_3gt2b_99 > .awsui_dropdown-content-wrapper_qwoo0_3gt2b_99:not(#\9) {
   border-block-start: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-container-top-736buh, transparent);
   border-block-end: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-dropdown-group-yakmix, #b6bec9);
 }
-.awsui_dropdown-drop-up_qwoo0_1ea5w_255 > .awsui_dropdown-content-wrapper_qwoo0_1ea5w_99:not(#\9) {
+.awsui_dropdown-drop-up_qwoo0_3gt2b_255 > .awsui_dropdown-content-wrapper_qwoo0_3gt2b_99:not(#\9) {
   transform-origin: bottom;
   box-shadow: var(--shadow-dropup-xqkiza, 0px 4px 20px 1px rgba(0, 7, 22, 0.1));
 }
-.awsui_dropdown-drop-up_qwoo0_1ea5w_255.awsui_with-limited-width_qwoo0_1ea5w_259 > .awsui_dropdown-content-wrapper_qwoo0_1ea5w_99:not(#\9) {
+.awsui_dropdown-drop-up_qwoo0_3gt2b_255.awsui_with-limited-width_qwoo0_3gt2b_259 > .awsui_dropdown-content-wrapper_qwoo0_3gt2b_99:not(#\9) {
   border-block-start: none;
 }
-.awsui_dropdown-drop-left_qwoo0_1ea5w_262:not(#\9) {
+.awsui_dropdown-drop-left_qwoo0_3gt2b_262:not(#\9) {
   inset-inline-end: 0;
 }
-.awsui_dropdown-drop-left_qwoo0_1ea5w_262:not(#\9):dir(rtl) {
+.awsui_dropdown-drop-left_qwoo0_3gt2b_262:not(#\9):dir(rtl) {
   inset-inline-end: unset;
 }
-.awsui_dropdown-drop-right_qwoo0_1ea5w_268:not(#\9) {
+.awsui_dropdown-drop-right_qwoo0_3gt2b_268:not(#\9) {
   inset-inline-start: 0;
 }
-.awsui_dropdown-drop-right_qwoo0_1ea5w_268:not(#\9):dir(rtl) {
+.awsui_dropdown-drop-right_qwoo0_3gt2b_268:not(#\9):dir(rtl) {
   inset-inline-start: unset;
 }
-.awsui_dropdown_qwoo0_1ea5w_99.awsui_occupy-entire-width_qwoo0_1ea5w_274:not(#\9) {
+.awsui_dropdown_qwoo0_3gt2b_99.awsui_occupy-entire-width_qwoo0_3gt2b_274:not(#\9) {
   min-inline-size: 100%;
 }
-.awsui_dropdown_qwoo0_1ea5w_99.awsui_stretch-beyond-trigger-width_qwoo0_1ea5w_277:not(#\9) {
+.awsui_dropdown_qwoo0_3gt2b_99.awsui_stretch-beyond-trigger-width_qwoo0_3gt2b_277:not(#\9) {
   inline-size: max-content;
-  max-inline-size: var(--awsui-dropdown-default-max-width-iof9y8, 100%);
+  max-inline-size: var(--awsui-dropdown-default-max-width-lgosor, 100%);
 }
-.awsui_dropdown_qwoo0_1ea5w_99.awsui_hide-block-border_qwoo0_1ea5w_281 > .awsui_dropdown-content-wrapper_qwoo0_1ea5w_99:not(#\9) {
+.awsui_dropdown_qwoo0_3gt2b_99.awsui_hide-block-border_qwoo0_3gt2b_281 > .awsui_dropdown-content-wrapper_qwoo0_3gt2b_99:not(#\9) {
   border-block: none;
 }
-.awsui_dropdown_qwoo0_1ea5w_99.awsui_interior_qwoo0_1ea5w_185 > .awsui_dropdown-content-wrapper_qwoo0_1ea5w_99:not(#\9) {
+.awsui_dropdown_qwoo0_3gt2b_99.awsui_interior_qwoo0_3gt2b_185 > .awsui_dropdown-content-wrapper_qwoo0_3gt2b_99:not(#\9) {
   margin-block-start: -1px;
 }
-.awsui_dropdown_qwoo0_1ea5w_99.awsui_open_qwoo0_1ea5w_287:not(#\9) {
+.awsui_dropdown_qwoo0_3gt2b_99.awsui_open_qwoo0_3gt2b_287:not(#\9) {
   display: block;
 }
-.awsui_dropdown_qwoo0_1ea5w_99.awsui_open_qwoo0_1ea5w_287:not(#\9):not(.awsui_interior_qwoo0_1ea5w_185).awsui_refresh_qwoo0_1ea5w_120[data-animating=true] {
+.awsui_dropdown_qwoo0_3gt2b_99.awsui_open_qwoo0_3gt2b_287:not(#\9):not(.awsui_interior_qwoo0_3gt2b_185).awsui_refresh_qwoo0_3gt2b_120[data-animating=true] {
   transform: translateY(4px);
 }
-.awsui_dropdown_qwoo0_1ea5w_99.awsui_open_qwoo0_1ea5w_287:not(#\9):not(.awsui_interior_qwoo0_1ea5w_185).awsui_refresh_qwoo0_1ea5w_120[data-animating=true].awsui_dropdown-drop-up_qwoo0_1ea5w_255 {
+.awsui_dropdown_qwoo0_3gt2b_99.awsui_open_qwoo0_3gt2b_287:not(#\9):not(.awsui_interior_qwoo0_3gt2b_185).awsui_refresh_qwoo0_3gt2b_120[data-animating=true].awsui_dropdown-drop-up_qwoo0_3gt2b_255 {
   transform: translateY(-4px);
 }
-.awsui_dropdown_qwoo0_1ea5w_99.awsui_open_qwoo0_1ea5w_287.awsui_nowrap_qwoo0_1ea5w_296:not(#\9) {
+.awsui_dropdown_qwoo0_3gt2b_99.awsui_open_qwoo0_3gt2b_287.awsui_nowrap_qwoo0_3gt2b_296:not(#\9) {
   white-space: nowrap;
   overflow: scroll;
 }
 
-.awsui_dropdown-content_qwoo0_1ea5w_99:not(#\9) {
+.awsui_dropdown-content_qwoo0_3gt2b_99:not(#\9) {
   display: flex;
   flex-direction: column;
   inline-size: 100%;
 }
 
-.awsui_stretch-trigger-height_qwoo0_1ea5w_307:not(#\9) {
+.awsui_stretch-trigger-height_qwoo0_3gt2b_307:not(#\9) {
   block-size: 100%;
 }

package/internal/components/dropdown/styles.selectors.js

@@ -2,25 +2,25 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_qwoo0_1ea5w_99",
-  "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_1ea5w_1",
-  "refresh": "awsui_refresh_qwoo0_1ea5w_120",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_1ea5w_1",
-  "root": "awsui_root_qwoo0_1ea5w_149",
-  "interior": "awsui_interior_qwoo0_1ea5w_185",
-  "dropdown": "awsui_dropdown_qwoo0_1ea5w_99",
-  "use-portal": "awsui_use-portal_qwoo0_1ea5w_196",
-  "is-empty": "awsui_is-empty_qwoo0_1ea5w_248",
-  "dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_1ea5w_255",
-  "with-limited-width": "awsui_with-limited-width_qwoo0_1ea5w_259",
-  "dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_1ea5w_262",
-  "dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_1ea5w_268",
-  "occupy-entire-width": "awsui_occupy-entire-width_qwoo0_1ea5w_274",
-  "stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-width_qwoo0_1ea5w_277",
-  "hide-block-border": "awsui_hide-block-border_qwoo0_1ea5w_281",
-  "open": "awsui_open_qwoo0_1ea5w_287",
-  "nowrap": "awsui_nowrap_qwoo0_1ea5w_296",
-  "dropdown-content": "awsui_dropdown-content_qwoo0_1ea5w_99",
-  "stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_1ea5w_307"
+  "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_qwoo0_3gt2b_99",
+  "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_3gt2b_1",
+  "refresh": "awsui_refresh_qwoo0_3gt2b_120",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_3gt2b_1",
+  "root": "awsui_root_qwoo0_3gt2b_149",
+  "interior": "awsui_interior_qwoo0_3gt2b_185",
+  "dropdown": "awsui_dropdown_qwoo0_3gt2b_99",
+  "use-portal": "awsui_use-portal_qwoo0_3gt2b_196",
+  "is-empty": "awsui_is-empty_qwoo0_3gt2b_248",
+  "dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_3gt2b_255",
+  "with-limited-width": "awsui_with-limited-width_qwoo0_3gt2b_259",
+  "dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_3gt2b_262",
+  "dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_3gt2b_268",
+  "occupy-entire-width": "awsui_occupy-entire-width_qwoo0_3gt2b_274",
+  "stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-width_qwoo0_3gt2b_277",
+  "hide-block-border": "awsui_hide-block-border_qwoo0_3gt2b_281",
+  "open": "awsui_open_qwoo0_3gt2b_287",
+  "nowrap": "awsui_nowrap_qwoo0_3gt2b_296",
+  "dropdown-content": "awsui_dropdown-content_qwoo0_3gt2b_99",
+  "stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_3gt2b_307"
 };
   

package/internal/environment.js

@@ -1,4 +1,4 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (95f08236)";
+export var PACKAGE_VERSION = "3.0.0 (395d6a9a)";
 export var THEME = "open-source-visual-refresh";
 export var ALWAYS_VISUAL_REFRESH = true;

package/internal/environment.json

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (95f08236)",
+  "PACKAGE_VERSION": "3.0.0 (395d6a9a)",
   "THEME": "default",
   "ALWAYS_VISUAL_REFRESH": false
 }

package/internal/generated/custom-css-properties/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/generated/custom-css-properties/index.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,sBAAsB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CA+ClD,CAAC;AACF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/generated/custom-css-properties/index.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,sBAAsB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CA6ClD,CAAC;AACF,eAAe,sBAAsB,CAAC"}