npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1337 → 3.0.1339 - Mend

@cloudscape-design/components-themeable 3.0.1337 → 3.0.1339

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (16) hide show

package/lib/internal/template/code-editor/styles.selectors.js CHANGED Viewed

@@ -2,38 +2,38 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "code-editor-refresh": "awsui_code-editor-refresh_1gl9c_mudg1_158",
-  "code-editor": "awsui_code-editor_1gl9c_mudg1_158",
-  "pane": "awsui_pane_1gl9c_mudg1_704",
-  "pane__close-container": "awsui_pane__close-container_1gl9c_mudg1_715",
-  "pane__list": "awsui_pane__list_1gl9c_mudg1_720",
-  "pane__table": "awsui_pane__table_1gl9c_mudg1_727",
-  "pane__item": "awsui_pane__item_1gl9c_mudg1_733",
-  "pane__cell": "awsui_pane__cell_1gl9c_mudg1_733",
-  "pane__item--highlighted": "awsui_pane__item--highlighted_1gl9c_mudg1_747",
-  "pane__location": "awsui_pane__location_1gl9c_mudg1_768",
-  "pane__description": "awsui_pane__description_1gl9c_mudg1_768",
-  "focus-lock": "awsui_focus-lock_1gl9c_mudg1_783",
-  "editor": "awsui_editor_1gl9c_mudg1_827",
-  "editor-refresh": "awsui_editor-refresh_1gl9c_mudg1_857",
-  "status-bar": "awsui_status-bar_1gl9c_mudg1_862",
-  "status-bar-with-hidden-pane": "awsui_status-bar-with-hidden-pane_1gl9c_mudg1_871",
-  "status-bar__left": "awsui_status-bar__left_1gl9c_mudg1_875",
-  "status-bar__right": "awsui_status-bar__right_1gl9c_mudg1_882",
-  "status-bar__language-mode": "awsui_status-bar__language-mode_1gl9c_mudg1_886",
-  "status-bar__cursor-position": "awsui_status-bar__cursor-position_1gl9c_mudg1_886",
-  "status-bar__cog-button": "awsui_status-bar__cog-button_1gl9c_mudg1_892",
-  "tab-list": "awsui_tab-list_1gl9c_mudg1_897",
-  "tab-button": "awsui_tab-button_1gl9c_mudg1_902",
-  "tab-button--refresh": "awsui_tab-button--refresh_1gl9c_mudg1_935",
-  "tab-button--warnings": "awsui_tab-button--warnings_1gl9c_mudg1_938",
-  "tab-button--active": "awsui_tab-button--active_1gl9c_mudg1_947",
-  "tab-button--disabled": "awsui_tab-button--disabled_1gl9c_mudg1_963",
-  "tab-button--divider": "awsui_tab-button--divider_1gl9c_mudg1_996",
-  "tab-button--errors": "awsui_tab-button--errors_1gl9c_mudg1_1003",
-  "count": "awsui_count_1gl9c_mudg1_1012",
-  "text": "awsui_text_1gl9c_mudg1_1015",
-  "loading-screen": "awsui_loading-screen_1gl9c_mudg1_1037",
-  "error-screen": "awsui_error-screen_1gl9c_mudg1_1038"
+  "code-editor-refresh": "awsui_code-editor-refresh_1gl9c_17iqm_158",
+  "code-editor": "awsui_code-editor_1gl9c_17iqm_158",
+  "pane": "awsui_pane_1gl9c_17iqm_704",
+  "pane__close-container": "awsui_pane__close-container_1gl9c_17iqm_715",
+  "pane__list": "awsui_pane__list_1gl9c_17iqm_720",
+  "pane__table": "awsui_pane__table_1gl9c_17iqm_727",
+  "pane__item": "awsui_pane__item_1gl9c_17iqm_733",
+  "pane__cell": "awsui_pane__cell_1gl9c_17iqm_733",
+  "pane__item--highlighted": "awsui_pane__item--highlighted_1gl9c_17iqm_747",
+  "pane__location": "awsui_pane__location_1gl9c_17iqm_768",
+  "pane__description": "awsui_pane__description_1gl9c_17iqm_768",
+  "focus-lock": "awsui_focus-lock_1gl9c_17iqm_783",
+  "editor": "awsui_editor_1gl9c_17iqm_827",
+  "editor-refresh": "awsui_editor-refresh_1gl9c_17iqm_857",
+  "status-bar": "awsui_status-bar_1gl9c_17iqm_862",
+  "status-bar-with-hidden-pane": "awsui_status-bar-with-hidden-pane_1gl9c_17iqm_871",
+  "status-bar__left": "awsui_status-bar__left_1gl9c_17iqm_875",
+  "status-bar__right": "awsui_status-bar__right_1gl9c_17iqm_882",
+  "status-bar__language-mode": "awsui_status-bar__language-mode_1gl9c_17iqm_886",
+  "status-bar__cursor-position": "awsui_status-bar__cursor-position_1gl9c_17iqm_886",
+  "status-bar__cog-button": "awsui_status-bar__cog-button_1gl9c_17iqm_892",
+  "tab-list": "awsui_tab-list_1gl9c_17iqm_897",
+  "tab-button": "awsui_tab-button_1gl9c_17iqm_902",
+  "tab-button--refresh": "awsui_tab-button--refresh_1gl9c_17iqm_935",
+  "tab-button--warnings": "awsui_tab-button--warnings_1gl9c_17iqm_938",
+  "tab-button--active": "awsui_tab-button--active_1gl9c_17iqm_947",
+  "tab-button--disabled": "awsui_tab-button--disabled_1gl9c_17iqm_963",
+  "tab-button--divider": "awsui_tab-button--divider_1gl9c_17iqm_996",
+  "tab-button--errors": "awsui_tab-button--errors_1gl9c_17iqm_1003",
+  "count": "awsui_count_1gl9c_17iqm_1012",
+  "text": "awsui_text_1gl9c_17iqm_1015",
+  "loading-screen": "awsui_loading-screen_1gl9c_17iqm_1037",
+  "error-screen": "awsui_error-screen_1gl9c_17iqm_1038"
 };

package/lib/internal/template/form-field/internal.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/form-field/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;~~AAyB3D~~,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAO/D,UAAU,mBAAmB;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,UAAU,qBAAqB;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAID,wBAAgB,cAAc,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,kBAAkB,EAAE,EAAE,mBAAmB,eAqBvF;AAED,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,oBAAoB,EAAE,EAAE,qBAAqB,eAqB7F;AAED,wBAAgB,oBAAoB,CAAC,EACnC,EAAE,EACF,iBAAiB,EACjB,QAAQ,GACT,EAAE;IACD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,iBAAiB,EAAE,OAAO,CAAC;IAC3B,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,kBAAkB,EAClB,SAAS,EACT,WAAW,EACX,WAAW,EACX,iBAAiB,EACjB,gBAAwB,EACxB,mBAA+B,EAC/B,OAAY,EACZ,GAAG,IAAI,EACR,EAAE,sBAAsB,~~eAyLxB~~"}
1	+ {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/form-field/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AA0B3D,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAO/D,UAAU,mBAAmB;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,UAAU,qBAAqB;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAID,wBAAgB,cAAc,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,kBAAkB,EAAE,EAAE,mBAAmB,eAqBvF;AAED,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,oBAAoB,EAAE,EAAE,qBAAqB,eAqB7F;AAED,wBAAgB,oBAAoB,CAAC,EACnC,EAAE,EACF,iBAAiB,EACjB,QAAQ,GACT,EAAE;IACD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,iBAAiB,EAAE,OAAO,CAAC;IAC3B,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,kBAAkB,EAClB,SAAS,EACT,WAAW,EACX,WAAW,EACX,iBAAiB,EACjB,gBAAwB,EACxB,mBAA+B,EAC/B,OAAY,EACZ,GAAG,IAAI,EACR,EAAE,sBAAsB,eA2LxB"}

package/lib/internal/template/form-field/internal.js CHANGED Viewed

@@ -14,6 +14,7 @@ import { getBaseProps } from '../internal/base-component';
 import ScreenreaderOnly from '../internal/components/screenreader-only';
 import { FormFieldContext, useFormFieldContext } from '../internal/context/form-field-context';
 import { InfoLinkLabelContext } from '../internal/context/info-link-label-context';
+import { useEffectOnUpdate } from '../internal/hooks/use-effect-on-update';
 import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
 import { joinStrings } from '../internal/utils/strings';
 import InternalLiveRegion from '../live-region/internal';
@@ -80,7 +81,9 @@ export default function InternalFormField({ controlId, stretch = false, label, i
     };
     const debounceTimeoutRef = useRef();
     const [debouncedCharacterCountText, setDebouncedCharacterCountText] = useState(characterCountText);
-    useEffect(() => {
+    // Don't schedule a debounce when the component first renders, only when
+    // characterCountText changes.
+    useEffectOnUpdate(() => {
         debounceTimeoutRef.current = setTimeout(() => {
             setDebouncedCharacterCountText(characterCountText);
         }, CHARACTER_COUNT_DEBOUNCE_MS);

package/lib/internal/template/form-field/internal.js.map CHANGED Viewed

	@@ -1 +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, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useMergeRefs, useUniqueId, warnOnce } from '@cloudscape-design/component-toolkit/internal';\nimport { copyAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport InternalGrid from '../grid/internal';\nimport { useInternalI18n } from '../i18n/context';\nimport InternalIcon from '../icon/internal';\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 getSubStepAllSelector,\n getTextFromSelector,\n} from '../internal/analytics/selectors';\nimport { getBaseProps } from '../internal/base-component';\nimport ScreenreaderOnly from '../internal/components/screenreader-only';\nimport { FormFieldContext, useFormFieldContext } from '../internal/context/form-field-context';\nimport { InfoLinkLabelContext } from '../internal/context/info-link-label-context';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { joinStrings } from '../internal/utils/strings';\nimport InternalLiveRegion from '../live-region/internal';\nimport { InternalFormFieldProps } from './internal-interfaces';\nimport { getAriaDescribedBy, getGridDefinition, getSlotIds } from './util';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\nimport testStyles from './test-classes/styles.css.js';\n\ninterface FormFieldErrorProps {\n id?: string;\n children?: React.ReactNode;\n errorIconAriaLabel?: string;\n}\n\ninterface FormFieldWarningProps {\n id?: string;\n children?: React.ReactNode;\n warningIconAriaLabel?: string;\n}\n\nconst CHARACTER_COUNT_DEBOUNCE_MS = 1000;\n\nexport function FormFieldError({ id, children, errorIconAriaLabel }: FormFieldErrorProps) {\n const i18n = useInternalI18n('form-field');\n const contentRef = useRef<HTMLDivElement \| null>(null);\n const i18nErrorIconAriaLabel = i18n('i18nStrings.errorIconAriaLabel', errorIconAriaLabel);\n\n return (\n <>\n <div id={id} className={styles.error}>\n <div className={styles['error-icon-shake-wrapper']}>\n <div className={styles['error-icon-scale-wrapper']}>\n <InternalIcon name=\"status-negative\" size=\"small\" ariaLabel={i18nErrorIconAriaLabel} />\n </div>\n </div>\n <span className={styles.error__message} ref={contentRef}>\n {children}\n </span>\n </div>\n\n <InternalLiveRegion assertive={true} tagName=\"span\" sources={[i18nErrorIconAriaLabel, contentRef]} />\n </>\n );\n}\n\nexport function FormFieldWarning({ id, children, warningIconAriaLabel }: FormFieldWarningProps) {\n const i18n = useInternalI18n('form-field');\n const contentRef = useRef<HTMLDivElement \| null>(null);\n const i18nWarningIconAriaLabel = i18n('i18nStrings.warningIconAriaLabel', warningIconAriaLabel);\n\n return (\n <>\n <div id={id} className={styles.warning}>\n <div className={styles['warning-icon-shake-wrapper']}>\n <div className={styles['warning-icon-scale-wrapper']}>\n <InternalIcon name=\"status-warning\" size=\"small\" ariaLabel={i18nWarningIconAriaLabel} />\n </div>\n </div>\n <span className={styles.warning__message} ref={contentRef}>\n {children}\n </span>\n </div>\n\n <InternalLiveRegion assertive={true} tagName=\"span\" sources={[i18nWarningIconAriaLabel, contentRef]} />\n </>\n );\n}\n\nexport function ConstraintTextRegion({\n id,\n hasValidationText,\n children,\n}: {\n id?: string;\n hasValidationText: boolean;\n children: React.ReactNode;\n}) {\n return (\n <div id={id} className={clsx(styles.constraint, hasValidationText && styles['constraint-has-validation-text'])}>\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 characterCountText,\n errorText,\n warningText,\n __hideLabel,\n __internalRootRef,\n __disableGutters = false,\n __analyticsMetadata = undefined,\n __style = {},\n ...rest\n}: InternalFormFieldProps) {\n const rootRef = useRef<HTMLElement>();\n const ref = useMergeRefs(rootRef, __internalRootRef);\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 { funnelIdentifier, funnelInteractionId, submissionAttempt, funnelState, errorCount } = useFunnel();\n const { stepIdentifier, stepNumber, stepNameSelector } = useFunnelStep();\n const { subStepIdentifier, subStepSelector, subStepNameSelector } = useFunnelSubStep();\n\n const showWarning = warningText && !errorText;\n\n if (warningText && errorText) {\n warnOnce('FileUpload', 'Both `errorText` and `warningText` exist. `warningText` will not be shown.');\n }\n\n const slotIds = getSlotIds(\n formFieldId,\n label,\n description,\n constraintText,\n characterCountText,\n errorText,\n showWarning ? warningText : undefined\n );\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 warning: parentWarning,\n } = useFormFieldContext({});\n\n const contextValuesWithoutControlId = {\n ariaLabelledby: joinStrings(parentAriaLabelledby, slotIds.label) \|\| undefined,\n ariaDescribedby: joinStrings(parentAriaDescribedby, ariaDescribedBy) \|\| undefined,\n invalid: !!errorText \|\| !!parentInvalid,\n warning: (!!warningText && !errorText) \|\| (!!parentWarning && !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 const debounceTimeoutRef = useRef<number \| undefined>();\n const [debouncedCharacterCountText, setDebouncedCharacterCountText] = useState(characterCountText);\n\n useEffect(() => {\n debounceTimeoutRef.current = setTimeout(() => {\n setDebouncedCharacterCountText(characterCountText);\n }, CHARACTER_COUNT_DEBOUNCE_MS);\n return () => clearTimeout(debounceTimeoutRef.current);\n }, [characterCountText]);\n\n useEffect(() => {\n if (funnelInteractionId && errorText && funnelState.current !== 'complete') {\n const stepName = getTextFromSelector(stepNameSelector);\n const subStepName = getTextFromSelector(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 = (rootRef.current?.getBoundingClientRect()?.width ?? 0) > 0;\n\n if (errorIsVisible) {\n FunnelMetrics.funnelSubStepError({\n funnelInteractionId,\n funnelIdentifier,\n subStepSelector,\n subStepName,\n subStepNameSelector,\n subStepIdentifier,\n stepNumber,\n stepName,\n stepNameSelector,\n stepIdentifier,\n fieldErrorSelector: `${getFieldSlotSeletor(slotIds.error)} .${styles.error__message}`,\n fieldLabelSelector: getFieldSlotSeletor(slotIds.label),\n subStepAllSelector: getSubStepAllSelector(),\n fieldIdentifier: __analyticsMetadata?.instanceIdentifier,\n errorContext: __analyticsMetadata?.errorContext,\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 style={__style}\n ref={ref}\n {...analyticsAttributes}\n {...copyAnalyticsMetadataAttribute(rest)}\n >\n <div className={clsx(styles['label-wrapper'], __hideLabel && styles['visually-hidden'])}>\n {label && (\n <label\n className={clsx(styles.label, analyticsSelectors.label)}\n id={slotIds.label}\n htmlFor={generatedControlId}\n >\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 \|\| characterCountText \|\| errorText \|\| warningText) && (\n <div className={styles.hints}>\n {errorText && (\n <FormFieldError id={slotIds.error} errorIconAriaLabel={i18nStrings?.errorIconAriaLabel}>\n {errorText}\n </FormFieldError>\n )}\n {showWarning && (\n <FormFieldWarning id={slotIds.warning} warningIconAriaLabel={i18nStrings?.warningIconAriaLabel}>\n {warningText}\n </FormFieldWarning>\n )}\n {(constraintText \|\| characterCountText) && (\n <ConstraintTextRegion hasValidationText={!!errorText \|\| !!warningText}>\n {constraintText && (\n <span id={slotIds.constraint} className={testStyles.constraint}>\n {constraintText}\n </span>\n )}\n {characterCountText && (\n <>\n {!!constraintText && ' '}\n <span className={testStyles['character-count']} aria-hidden={true}>\n {characterCountText}\n </span>\n <ScreenreaderOnly id={slotIds.characterCount}>{debouncedCharacterCountText}</ScreenreaderOnly>\n </>\n )}\n </ConstraintTextRegion>\n )}\n </div>\n )}\n </div>\n );\n}\n"]}
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, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useMergeRefs, useUniqueId, warnOnce } from '@cloudscape-design/component-toolkit/internal';\nimport { copyAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport InternalGrid from '../grid/internal';\nimport { useInternalI18n } from '../i18n/context';\nimport InternalIcon from '../icon/internal';\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 getSubStepAllSelector,\n getTextFromSelector,\n} from '../internal/analytics/selectors';\nimport { getBaseProps } from '../internal/base-component';\nimport ScreenreaderOnly from '../internal/components/screenreader-only';\nimport { FormFieldContext, useFormFieldContext } from '../internal/context/form-field-context';\nimport { InfoLinkLabelContext } from '../internal/context/info-link-label-context';\nimport { useEffectOnUpdate } from '../internal/hooks/use-effect-on-update';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { joinStrings } from '../internal/utils/strings';\nimport InternalLiveRegion from '../live-region/internal';\nimport { InternalFormFieldProps } from './internal-interfaces';\nimport { getAriaDescribedBy, getGridDefinition, getSlotIds } from './util';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\nimport testStyles from './test-classes/styles.css.js';\n\ninterface FormFieldErrorProps {\n id?: string;\n children?: React.ReactNode;\n errorIconAriaLabel?: string;\n}\n\ninterface FormFieldWarningProps {\n id?: string;\n children?: React.ReactNode;\n warningIconAriaLabel?: string;\n}\n\nconst CHARACTER_COUNT_DEBOUNCE_MS = 1000;\n\nexport function FormFieldError({ id, children, errorIconAriaLabel }: FormFieldErrorProps) {\n const i18n = useInternalI18n('form-field');\n const contentRef = useRef<HTMLDivElement \| null>(null);\n const i18nErrorIconAriaLabel = i18n('i18nStrings.errorIconAriaLabel', errorIconAriaLabel);\n\n return (\n <>\n <div id={id} className={styles.error}>\n <div className={styles['error-icon-shake-wrapper']}>\n <div className={styles['error-icon-scale-wrapper']}>\n <InternalIcon name=\"status-negative\" size=\"small\" ariaLabel={i18nErrorIconAriaLabel} />\n </div>\n </div>\n <span className={styles.error__message} ref={contentRef}>\n {children}\n </span>\n </div>\n\n <InternalLiveRegion assertive={true} tagName=\"span\" sources={[i18nErrorIconAriaLabel, contentRef]} />\n </>\n );\n}\n\nexport function FormFieldWarning({ id, children, warningIconAriaLabel }: FormFieldWarningProps) {\n const i18n = useInternalI18n('form-field');\n const contentRef = useRef<HTMLDivElement \| null>(null);\n const i18nWarningIconAriaLabel = i18n('i18nStrings.warningIconAriaLabel', warningIconAriaLabel);\n\n return (\n <>\n <div id={id} className={styles.warning}>\n <div className={styles['warning-icon-shake-wrapper']}>\n <div className={styles['warning-icon-scale-wrapper']}>\n <InternalIcon name=\"status-warning\" size=\"small\" ariaLabel={i18nWarningIconAriaLabel} />\n </div>\n </div>\n <span className={styles.warning__message} ref={contentRef}>\n {children}\n </span>\n </div>\n\n <InternalLiveRegion assertive={true} tagName=\"span\" sources={[i18nWarningIconAriaLabel, contentRef]} />\n </>\n );\n}\n\nexport function ConstraintTextRegion({\n id,\n hasValidationText,\n children,\n}: {\n id?: string;\n hasValidationText: boolean;\n children: React.ReactNode;\n}) {\n return (\n <div id={id} className={clsx(styles.constraint, hasValidationText && styles['constraint-has-validation-text'])}>\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 characterCountText,\n errorText,\n warningText,\n __hideLabel,\n __internalRootRef,\n __disableGutters = false,\n __analyticsMetadata = undefined,\n __style = {},\n ...rest\n}: InternalFormFieldProps) {\n const rootRef = useRef<HTMLElement>();\n const ref = useMergeRefs(rootRef, __internalRootRef);\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 { funnelIdentifier, funnelInteractionId, submissionAttempt, funnelState, errorCount } = useFunnel();\n const { stepIdentifier, stepNumber, stepNameSelector } = useFunnelStep();\n const { subStepIdentifier, subStepSelector, subStepNameSelector } = useFunnelSubStep();\n\n const showWarning = warningText && !errorText;\n\n if (warningText && errorText) {\n warnOnce('FileUpload', 'Both `errorText` and `warningText` exist. `warningText` will not be shown.');\n }\n\n const slotIds = getSlotIds(\n formFieldId,\n label,\n description,\n constraintText,\n characterCountText,\n errorText,\n showWarning ? warningText : undefined\n );\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 warning: parentWarning,\n } = useFormFieldContext({});\n\n const contextValuesWithoutControlId = {\n ariaLabelledby: joinStrings(parentAriaLabelledby, slotIds.label) \|\| undefined,\n ariaDescribedby: joinStrings(parentAriaDescribedby, ariaDescribedBy) \|\| undefined,\n invalid: !!errorText \|\| !!parentInvalid,\n warning: (!!warningText && !errorText) \|\| (!!parentWarning && !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 const debounceTimeoutRef = useRef<number \| undefined>();\n const [debouncedCharacterCountText, setDebouncedCharacterCountText] = useState(characterCountText);\n\n // Don't schedule a debounce when the component first renders, only when\n // characterCountText changes.\n useEffectOnUpdate(() => {\n debounceTimeoutRef.current = setTimeout(() => {\n setDebouncedCharacterCountText(characterCountText);\n }, CHARACTER_COUNT_DEBOUNCE_MS);\n return () => clearTimeout(debounceTimeoutRef.current);\n }, [characterCountText]);\n\n useEffect(() => {\n if (funnelInteractionId && errorText && funnelState.current !== 'complete') {\n const stepName = getTextFromSelector(stepNameSelector);\n const subStepName = getTextFromSelector(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 = (rootRef.current?.getBoundingClientRect()?.width ?? 0) > 0;\n\n if (errorIsVisible) {\n FunnelMetrics.funnelSubStepError({\n funnelInteractionId,\n funnelIdentifier,\n subStepSelector,\n subStepName,\n subStepNameSelector,\n subStepIdentifier,\n stepNumber,\n stepName,\n stepNameSelector,\n stepIdentifier,\n fieldErrorSelector: `${getFieldSlotSeletor(slotIds.error)} .${styles.error__message}`,\n fieldLabelSelector: getFieldSlotSeletor(slotIds.label),\n subStepAllSelector: getSubStepAllSelector(),\n fieldIdentifier: __analyticsMetadata?.instanceIdentifier,\n errorContext: __analyticsMetadata?.errorContext,\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 style={__style}\n ref={ref}\n {...analyticsAttributes}\n {...copyAnalyticsMetadataAttribute(rest)}\n >\n <div className={clsx(styles['label-wrapper'], __hideLabel && styles['visually-hidden'])}>\n {label && (\n <label\n className={clsx(styles.label, analyticsSelectors.label)}\n id={slotIds.label}\n htmlFor={generatedControlId}\n >\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 \|\| characterCountText \|\| errorText \|\| warningText) && (\n <div className={styles.hints}>\n {errorText && (\n <FormFieldError id={slotIds.error} errorIconAriaLabel={i18nStrings?.errorIconAriaLabel}>\n {errorText}\n </FormFieldError>\n )}\n {showWarning && (\n <FormFieldWarning id={slotIds.warning} warningIconAriaLabel={i18nStrings?.warningIconAriaLabel}>\n {warningText}\n </FormFieldWarning>\n )}\n {(constraintText \|\| characterCountText) && (\n <ConstraintTextRegion hasValidationText={!!errorText \|\| !!warningText}>\n {constraintText && (\n <span id={slotIds.constraint} className={testStyles.constraint}>\n {constraintText}\n </span>\n )}\n {characterCountText && (\n <>\n {!!constraintText && ' '}\n <span className={testStyles['character-count']} aria-hidden={true}>\n {characterCountText}\n </span>\n <ScreenreaderOnly id={slotIds.characterCount}>{debouncedCharacterCountText}</ScreenreaderOnly>\n </>\n )}\n </ConstraintTextRegion>\n )}\n </div>\n )}\n </div>\n );\n}\n"]}

package/lib/internal/template/internal/base-component/styles.scoped.css CHANGED Viewed

@@ -1919,7 +1919,7 @@
       --color-border-item-focused-r5f6xl:var(--color-neutral-750-gjawa6);
     }
   }
-  .awsui-visual-refresh:not(#\9) {
+  .awsui-visual-refresh:not(#\9):not(.awsui-one-theme) {
     --color-primary-50-k00bx1:#f0fbff;
     --color-primary-200-46bmki:#b8e7ff;
     --color-primary-300-jwvz31:#75cfff;
@@ -2453,7 +2453,7 @@
     --shadow-item-card-uuh4y8:var(--shadow-card-x9dz93);
   }
   @media not print {
-    .awsui-dark-mode.awsui-visual-refresh:not(#\9) {
+    .awsui-dark-mode.awsui-visual-refresh:not(#\9):not(.awsui-one-theme) {
       --color-charts-threshold-negative-e8tbau:var(--color-error-400-9vxaa6);
       --color-charts-threshold-positive-rkeyvm:var(--color-success-500-ozgyf5);
       --color-charts-threshold-info-4ro8k4:var(--color-info-300-lmblcc);
@@ -2628,13 +2628,13 @@
       --shadow-sticky-column-last-02l85g:0px 4px 8px 1px rgba(0, 7, 22, 0.5);
     }
   }
-  .awsui-compact-mode.awsui-visual-refresh:not(#\9) {
+  .awsui-compact-mode.awsui-visual-refresh:not(#\9):not(.awsui-one-theme) {
     --space-field-vertical-dgs6s0:3px;
     --space-button-icon-only-horizontal-67q6rd:var(--space-xxs-jnczic);
     --space-dark-header-overlap-distance-45h6a9:32px;
     --space-table-header-focus-outline-gutter-0zj6up:-1px;
   }
-  .awsui-motion-disabled.awsui-visual-refresh:not(#\9) {
+  .awsui-motion-disabled.awsui-visual-refresh:not(#\9):not(.awsui-one-theme) {
     --motion-duration-refresh-only-fast-v9rk6z:0ms;
     --motion-duration-refresh-only-medium-h3wrr6:0ms;
     --motion-duration-refresh-only-slow-zil3nj:0ms;
@@ -2643,7 +2643,7 @@
     --motion-duration-complex-hv88cf:var(--motion-duration-refresh-only-slow-zil3nj);
     --motion-duration-tooltip-enter-nk9iah:var(--motion-duration-refresh-only-fast-v9rk6z);
   }
-  .awsui-visual-refresh .awsui-context-compact-table:not(#\9) {
+  .awsui-visual-refresh:not(#\9):not(.awsui-one-theme) .awsui-context-compact-table {
     --space-alert-vertical-7hsinh:var(--space-flashbar-vertical-5421mt);
     --space-button-modal-dismiss-vertical-yopl9m:var(--space-scaled-xxxs-prgw5k);
     --space-card-vertical-default-wltzyi:var(--space-scaled-m-sw9kcx);
@@ -2662,7 +2662,7 @@
     --space-item-card-vertical-default-uncyor:var(--space-card-vertical-default-wltzyi);
     --space-action-card-vertical-default-ootu94:var(--space-card-vertical-default-wltzyi);
   }
-  .awsui-visual-refresh .awsui-context-top-navigation:not(#\9) {
+  .awsui-visual-refresh:not(#\9):not(.awsui-one-theme) .awsui-context-top-navigation {
     --color-grey-opaque-70-ueherc:rgba(15, 20, 26, 0.7);
     --color-grey-transparent-jkfhak:rgba(15, 20, 26, 1);
     --color-grey-transparent-heavy-smmh5z:rgba(15, 20, 26, 1);
@@ -2817,7 +2817,7 @@
     --color-text-tutorial-hotspot-default-ql4c5o:var(--color-text-link-default-z7zuy8);
     --color-text-tutorial-hotspot-hover-baiupp:var(--color-text-link-hover-pqxtsy);
   }
-  .awsui-context-top-navigation.awsui-visual-refresh:not(#\9) {
+  .awsui-context-top-navigation.awsui-visual-refresh:not(#\9):not(.awsui-one-theme) {
     --color-grey-opaque-70-ueherc:rgba(15, 20, 26, 0.7);
     --color-grey-transparent-jkfhak:rgba(15, 20, 26, 1);
     --color-grey-transparent-heavy-smmh5z:rgba(15, 20, 26, 1);
@@ -3078,7 +3078,7 @@
     --color-text-tutorial-hotspot-hover-baiupp:var(--color-text-link-hover-pqxtsy);
     --color-background-badge-grey-0gre59:var(--color-background-notification-grey-yzex9c);
   }
-  .awsui-visual-refresh .awsui-context-content-header:not(#\9), .awsui-context-content-header.awsui-visual-refresh:not(#\9) {
+  .awsui-visual-refresh:not(#\9):not(.awsui-one-theme) .awsui-context-content-header, .awsui-context-content-header.awsui-visual-refresh:not(#\9):not(.awsui-one-theme) {
     --color-grey-opaque-70-ueherc:rgba(15, 20, 26, 0.7);
     --color-grey-transparent-jkfhak:rgba(15, 20, 26, 1);
     --color-grey-transparent-heavy-smmh5z:rgba(15, 20, 26, 1);
@@ -3402,7 +3402,7 @@
     --shadow-modal-pjndl9:var(--shadow-dropdown-skxpuu);
     --shadow-popover-ijmv1l:var(--shadow-dropdown-skxpuu);
   }
-  .awsui-visual-refresh .awsui-context-flashbar:not(#\9) {
+  .awsui-visual-refresh:not(#\9):not(.awsui-one-theme) .awsui-context-flashbar {
     --color-border-calendar-grid-zrkvhb:transparent;
     --color-border-calendar-grid-selected-focus-ring-nzjlw6:var(--color-neutral-100-wbgy1o);
     --color-border-container-divider-0lh379:transparent;
@@ -3416,7 +3416,7 @@
     --color-text-segment-default-a74tco:var(--color-neutral-650-92yp10);
     --color-text-dropdown-group-label-m31yo5:var(--color-text-group-label-yp8mcz);
   }
-  .awsui-context-flashbar.awsui-visual-refresh:not(#\9) {
+  .awsui-context-flashbar.awsui-visual-refresh:not(#\9):not(.awsui-one-theme) {
     --color-background-button-normal-active-4h10xg:rgba(0, 7, 22, 0.2);
     --color-background-button-normal-hover-r7x40d:rgba(0, 7, 22, 0.15);
     --color-background-progress-bar-value-default-1bekh3:var(--color-white-jf0w15);
@@ -3482,7 +3482,7 @@
     --color-text-link-info-hover-tn4a8r:var(--color-text-link-hover-pqxtsy);
     --color-text-segment-hover-33xnva:var(--color-text-button-normal-hover-tksuqp);
   }
-  .awsui-visual-refresh .awsui-context-flashbar-warning:not(#\9) {
+  .awsui-visual-refresh:not(#\9):not(.awsui-one-theme) .awsui-context-flashbar-warning {
     --color-border-calendar-grid-zrkvhb:transparent;
     --color-border-calendar-grid-selected-focus-ring-nzjlw6:var(--color-neutral-100-wbgy1o);
     --color-border-container-divider-0lh379:transparent;
@@ -3513,7 +3513,7 @@
     --color-text-dropdown-group-label-m31yo5:var(--color-text-group-label-yp8mcz);
     --color-text-segment-hover-33xnva:var(--color-text-button-normal-hover-tksuqp);
   }
-  .awsui-context-flashbar-warning.awsui-visual-refresh:not(#\9) {
+  .awsui-context-flashbar-warning.awsui-visual-refresh:not(#\9):not(.awsui-one-theme) {
     --color-background-button-normal-active-4h10xg:rgba(0, 7, 22, 0.1);
     --color-background-button-normal-hover-r7x40d:rgba(0, 7, 22, 0.05);
     --color-background-progress-bar-value-default-1bekh3:var(--color-neutral-950-qehfms);
@@ -3584,7 +3584,7 @@
     --color-text-badge-blue-pfnjhv:var(--color-text-notification-default-fmebm4);
     --color-text-badge-red-e7xtdk:var(--color-text-notification-default-fmebm4);
   }
-  .awsui-visual-refresh .awsui-context-alert:not(#\9) {
+  .awsui-visual-refresh:not(#\9):not(.awsui-one-theme) .awsui-context-alert {
     --color-background-button-normal-active-4h10xg:rgba(0, 7, 22, 0.1);
     --color-background-button-normal-default-odgg8b:transparent;
     --color-background-button-normal-hover-r7x40d:rgba(0, 7, 22, 0.05);
@@ -3630,7 +3630,7 @@
     --color-border-expandable-section-default-7ch7o8:var(--color-border-divider-default-ipvpev);
     --color-text-segment-hover-33xnva:var(--color-text-button-normal-hover-tksuqp);
   }
-  .awsui-context-alert.awsui-visual-refresh:not(#\9) {
+  .awsui-context-alert.awsui-visual-refresh:not(#\9):not(.awsui-one-theme) {
     --color-background-button-normal-active-4h10xg:rgba(0, 7, 22, 0.1);
     --color-background-button-normal-default-odgg8b:transparent;
     --color-background-button-normal-hover-r7x40d:rgba(0, 7, 22, 0.05);
@@ -3671,7 +3671,7 @@
     --color-border-expandable-section-default-7ch7o8:var(--color-border-divider-default-ipvpev);
     --color-text-segment-hover-33xnva:var(--color-text-button-normal-hover-tksuqp);
   }
-  .awsui-visual-refresh .awsui-context-content-header .awsui-context-alert:not(#\9), .awsui-context-content-header .awsui-context-alert.awsui-visual-refresh:not(#\9) {
+  .awsui-visual-refresh:not(#\9):not(.awsui-one-theme) .awsui-context-content-header .awsui-context-alert, .awsui-context-content-header .awsui-context-alert.awsui-visual-refresh:not(#\9):not(.awsui-one-theme) {
     --color-grey-opaque-70-ueherc:rgba(15, 20, 26, 0.7);
     --color-grey-transparent-jkfhak:rgba(15, 20, 26, 1);
     --color-grey-transparent-heavy-smmh5z:rgba(15, 20, 26, 1);
@@ -3983,11 +3983,11 @@
     --color-text-tutorial-hotspot-hover-baiupp:var(--color-text-link-hover-pqxtsy);
     --color-background-badge-grey-0gre59:var(--color-background-notification-grey-yzex9c);
   }
-  .awsui-visual-refresh .awsui-context-app-layout-toolbar:not(#\9), .awsui-context-app-layout-toolbar.awsui-visual-refresh:not(#\9) {
+  .awsui-visual-refresh:not(#\9):not(.awsui-one-theme) .awsui-context-app-layout-toolbar, .awsui-context-app-layout-toolbar.awsui-visual-refresh:not(#\9):not(.awsui-one-theme) {
     --color-background-layout-main-05m5y6:var(--color-neutral-50-vcz3bf);
   }
   @media not print {
-    .awsui-context-top-navigation.awsui-dark-mode.awsui-visual-refresh:not(#\9) {
+    .awsui-context-top-navigation.awsui-dark-mode.awsui-visual-refresh:not(#\9):not(.awsui-one-theme) {
       --color-background-layout-mobile-panel-20j5lz:var(--color-neutral-950-qehfms);
       --color-border-calendar-grid-zrkvhb:transparent;
       --color-border-container-divider-0lh379:transparent;
@@ -3997,7 +3997,7 @@
     }
   }
   @media not print {
-    .awsui-dark-mode.awsui-visual-refresh .awsui-context-flashbar:not(#\9) {
+    .awsui-dark-mode.awsui-visual-refresh:not(#\9):not(.awsui-one-theme) .awsui-context-flashbar {
       --color-border-calendar-grid-selected-focus-ring-nzjlw6:var(--color-neutral-850-m3u7h5);
       --color-border-input-focused-lslq4r:var(--color-primary-400-i8y8uk);
       --color-text-calendar-month-vdrhy9:var(--color-neutral-450-7mudnw);
@@ -4006,7 +4006,7 @@
     }
   }
   @media not print {
-    .awsui-context-flashbar.awsui-dark-mode.awsui-visual-refresh:not(#\9) {
+    .awsui-context-flashbar.awsui-dark-mode.awsui-visual-refresh:not(#\9):not(.awsui-one-theme) {
       --color-border-calendar-grid-zrkvhb:transparent;
       --color-border-calendar-grid-selected-focus-ring-nzjlw6:var(--color-neutral-850-m3u7h5);
       --color-border-container-divider-0lh379:transparent;
@@ -4020,7 +4020,7 @@
     }
   }
   @media not print {
-    .awsui-dark-mode.awsui-visual-refresh .awsui-context-flashbar-warning:not(#\9) {
+    .awsui-dark-mode.awsui-visual-refresh:not(#\9):not(.awsui-one-theme) .awsui-context-flashbar-warning {
       --color-border-calendar-grid-selected-focus-ring-nzjlw6:var(--color-neutral-850-m3u7h5);
       --color-border-input-focused-lslq4r:var(--color-primary-400-i8y8uk);
       --color-text-calendar-month-vdrhy9:var(--color-neutral-450-7mudnw);
@@ -4028,7 +4028,7 @@
     }
   }
   @media not print {
-    .awsui-context-flashbar-warning.awsui-dark-mode.awsui-visual-refresh:not(#\9) {
+    .awsui-context-flashbar-warning.awsui-dark-mode.awsui-visual-refresh:not(#\9):not(.awsui-one-theme) {
       --color-border-calendar-grid-zrkvhb:transparent;
       --color-border-calendar-grid-selected-focus-ring-nzjlw6:var(--color-neutral-850-m3u7h5);
       --color-border-container-divider-0lh379:transparent;
@@ -4041,7 +4041,7 @@
     }
   }
   @media not print {
-    .awsui-dark-mode.awsui-visual-refresh .awsui-context-alert:not(#\9) {
+    .awsui-dark-mode.awsui-visual-refresh:not(#\9):not(.awsui-one-theme) .awsui-context-alert {
       --color-background-button-normal-active-4h10xg:rgba(255, 255, 255, 0.15);
       --color-background-button-normal-hover-r7x40d:rgba(255, 255, 255, 0.1);
       --color-border-item-focused-r5f6xl:var(--color-neutral-100-wbgy1o);
@@ -4050,7 +4050,7 @@
     }
   }
   @media not print {
-    .awsui-context-alert.awsui-dark-mode.awsui-visual-refresh:not(#\9) {
+    .awsui-context-alert.awsui-dark-mode.awsui-visual-refresh:not(#\9):not(.awsui-one-theme) {
       --color-background-button-normal-active-4h10xg:rgba(255, 255, 255, 0.15);
       --color-background-button-normal-hover-r7x40d:rgba(255, 255, 255, 0.1);
       --color-border-calendar-grid-zrkvhb:transparent;
@@ -4063,11 +4063,11 @@
     }
   }
   @media not print {
-    .awsui-dark-mode.awsui-visual-refresh .awsui-context-app-layout-toolbar:not(#\9), .awsui-context-app-layout-toolbar.awsui-dark-mode.awsui-visual-refresh:not(#\9) {
+    .awsui-dark-mode.awsui-visual-refresh:not(#\9):not(.awsui-one-theme) .awsui-context-app-layout-toolbar, .awsui-context-app-layout-toolbar.awsui-dark-mode.awsui-visual-refresh:not(#\9):not(.awsui-one-theme) {
       --color-background-layout-main-05m5y6:var(--color-neutral-900-o3oyxe);
     }
   }
-  .awsui-compact-mode.awsui-context-compact-table.awsui-visual-refresh:not(#\9) {
+  .awsui-compact-mode.awsui-context-compact-table.awsui-visual-refresh:not(#\9):not(.awsui-one-theme) {
     --space-alert-vertical-7hsinh:var(--space-flashbar-vertical-5421mt);
     --space-button-modal-dismiss-vertical-yopl9m:var(--space-scaled-xxxs-prgw5k);
     --space-card-vertical-default-wltzyi:var(--space-scaled-m-sw9kcx);
@@ -4149,5 +4149,5 @@
   }
 }
 :root {
-  --awsui-version-info-850a244c: true;
+  --awsui-version-info-ac811630: true;
 }

package/lib/internal/template/internal/components/structured-item/styles.css.js CHANGED Viewed

@@ -1,12 +1,12 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1ifko_1j64f_145",
-  "disable-paddings": "awsui_disable-paddings_1ifko_1j64f_184",
-  "main": "awsui_main_1ifko_1j64f_188",
-  "content-wrap": "awsui_content-wrap_1ifko_1j64f_195",
-  "wrap-actions": "awsui_wrap-actions_1ifko_1j64f_205",
-  "content": "awsui_content_1ifko_1j64f_195",
-  "actions": "awsui_actions_1ifko_1j64f_214"
+  "root": "awsui_root_1ifko_1q1vt_145",
+  "disable-paddings": "awsui_disable-paddings_1ifko_1q1vt_184",
+  "main": "awsui_main_1ifko_1q1vt_188",
+  "actions": "awsui_actions_1ifko_1q1vt_195",
+  "content-wrap": "awsui_content-wrap_1ifko_1q1vt_199",
+  "wrap-actions": "awsui_wrap-actions_1ifko_1q1vt_209",
+  "content": "awsui_content_1ifko_1q1vt_199"
 };

package/lib/internal/template/internal/components/structured-item/styles.scoped.css CHANGED Viewed

@@ -142,7 +142,7 @@
 */
 /* 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_root_1ifko_1j64f_145:not(#\9) {
+.awsui_root_1ifko_1q1vt_145:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -181,37 +181,39 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   align-items: baseline;
   column-gap: var(--space-xs-kw7k3v, 8px);
 }
-.awsui_root_1ifko_1j64f_145.awsui_disable-paddings_1ifko_1j64f_184:not(#\9) {
+.awsui_root_1ifko_1q1vt_145.awsui_disable-paddings_1ifko_1q1vt_184:not(#\9) {
   column-gap: 0;
 }
-.awsui_main_1ifko_1j64f_188:not(#\9) {
+.awsui_main_1ifko_1q1vt_188:not(#\9) {
   flex-grow: 1;
   display: flex;
   flex-direction: column;
   min-inline-size: 0;
 }
-.awsui_content-wrap_1ifko_1j64f_195:not(#\9) {
+.awsui_actions_1ifko_1q1vt_195:not(#\9) {
+  margin-inline-start: auto;
+}
+.awsui_content-wrap_1ifko_1q1vt_199:not(#\9) {
   flex-grow: 1;
   display: flex;
   align-items: baseline;
   flex-direction: row;
   column-gap: var(--space-xs-kw7k3v, 8px);
 }
-.awsui_disable-paddings_1ifko_1j64f_184 > .awsui_main_1ifko_1j64f_188 > .awsui_content-wrap_1ifko_1j64f_195:not(#\9) {
+.awsui_disable-paddings_1ifko_1q1vt_184 > .awsui_main_1ifko_1q1vt_188 > .awsui_content-wrap_1ifko_1q1vt_199:not(#\9) {
   column-gap: 0;
 }
-.awsui_content-wrap_1ifko_1j64f_195.awsui_wrap-actions_1ifko_1j64f_205:not(#\9) {
+.awsui_content-wrap_1ifko_1q1vt_199.awsui_wrap-actions_1ifko_1q1vt_209:not(#\9) {
   flex-wrap: wrap;
 }
+.awsui_content-wrap_1ifko_1q1vt_199:not(#\9):not(.awsui_wrap-actions_1ifko_1q1vt_209) > .awsui_actions_1ifko_1q1vt_195 {
+  flex-shrink: 0;
+}
-.awsui_content_1ifko_1j64f_195:not(#\9) {
+.awsui_content_1ifko_1q1vt_199:not(#\9) {
   flex-grow: 1;
   min-inline-size: 0;
-}
-.awsui_actions_1ifko_1j64f_214:not(#\9) {
-  flex-shrink: 0;
-  margin-inline-start: auto;
 }

package/lib/internal/template/internal/components/structured-item/styles.selectors.js CHANGED Viewed

@@ -2,12 +2,12 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1ifko_1j64f_145",
-  "disable-paddings": "awsui_disable-paddings_1ifko_1j64f_184",
-  "main": "awsui_main_1ifko_1j64f_188",
-  "content-wrap": "awsui_content-wrap_1ifko_1j64f_195",
-  "wrap-actions": "awsui_wrap-actions_1ifko_1j64f_205",
-  "content": "awsui_content_1ifko_1j64f_195",
-  "actions": "awsui_actions_1ifko_1j64f_214"
+  "root": "awsui_root_1ifko_1q1vt_145",
+  "disable-paddings": "awsui_disable-paddings_1ifko_1q1vt_184",
+  "main": "awsui_main_1ifko_1q1vt_188",
+  "actions": "awsui_actions_1ifko_1q1vt_195",
+  "content-wrap": "awsui_content-wrap_1ifko_1q1vt_199",
+  "wrap-actions": "awsui_wrap-actions_1ifko_1q1vt_209",
+  "content": "awsui_content_1ifko_1q1vt_199"
 };

package/lib/internal/template/internal/environment.js CHANGED Viewed

@@ -1,6 +1,6 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (850a244c)";
-export var GIT_SHA = "850a244c";
+export var PACKAGE_VERSION = "3.0.0 (ac811630)";
+export var GIT_SHA = "ac811630";
 export var THEME = "open-source-visual-refresh";
 export var SYSTEM = "core";
 export var ALWAYS_VISUAL_REFRESH = true;

package/lib/internal/template/internal/environment.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (850a244c)",
-  "GIT_SHA": "850a244c",
+  "PACKAGE_VERSION": "3.0.0 (ac811630)",
+  "GIT_SHA": "ac811630",
   "THEME": "default",
   "SYSTEM": "core",
   "ALWAYS_VISUAL_REFRESH": false,

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@cloudscape-design/components-themeable",
-  "version": "3.0.1337",
+  "version": "3.0.1339",
   "files": [
     "lib"
   ],