@cloudscape-design/components 3.0.1388 → 3.0.1390

package/checkbox/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/checkbox/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAejD,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAGlF,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAK7C,UAAU,aAAc,SAAQ,aAAa,EAAE,0BAA0B;IACvE,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,kCAAkC,CAAC,EAAE,OAAO,CAAC;CAC9C;AAGD,UAAU,eAAe;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,gBAAgB,yFAwHrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/checkbox/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAejD,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAGlF,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAK7C,UAAU,aAAc,SAAQ,aAAa,EAAE,0BAA0B;IACvE,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,kCAAkC,CAAC,EAAE,OAAO,CAAC;CAC9C;AAGD,UAAU,eAAe;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,gBAAgB,yFAoHrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/checkbox/internal.js

@@ -38,7 +38,7 @@ const InternalCheckbox = React.forwardRef(({ controlId, name, checked, disabled,
     if (!disabled && !readOnly) {
         analyticsMetadata.action = !checked ? 'select' : 'deselect';
     }
-    return (React.createElement(AbstractSwitch, { ...baseProps, className: clsx(styles.root, baseProps.className), controlClassName: clsx(styleClassNames === null || styleClassNames === void 0 ? void 0 : styleClassNames.control, styles['checkbox-control']), outlineClassName: styles.outline, controlId: controlId, disabled: disabled, readOnly: readOnly, label: children, labelClassName: clsx(styleClassNames === null || styleClassNames === void 0 ? void 0 : styleClassNames.label, styles.label, disabled && styles['label-disabled']), description: description, descriptionClassName: clsx(styleClassNames === null || styleClassNames === void 0 ? void 0 : styleClassNames.description, styles.description, disabled && styles['description-disabled']), descriptionBottomPadding: true, ariaLabel: ariaLabel, ariaLabelledby: ariaLabelledby, ariaDescribedby: ariaDescribedby, ariaControls: ariaControls, showOutline: showOutline, nativeControl: nativeControlProps => (React.createElement(WithNativeAttributes, { ...nativeControlProps, tag: "input", componentName: "Checkbox", nativeAttributes: nativeInputAttributes, ref: checkboxRef, type: "checkbox", checked: checked, name: name, "aria-required": ariaRequired ? 'true' : undefined, "aria-disabled": readOnly && !disabled ? 'true' : undefined, tabIndex: tabIndex, onFocus: () => fireNonCancelableEvent(onFocus), onBlur: () => fireNonCancelableEvent(onBlur), 
+    return (React.createElement(AbstractSwitch, { ...baseProps, className: clsx(styles.root, baseProps.className), controlClassName: clsx(styleClassNames === null || styleClassNames === void 0 ? void 0 : styleClassNames.control, styles['checkbox-control']), outlineClassName: styles.outline, controlId: controlId, disabled: disabled, readOnly: readOnly, label: children, labelClassName: styleClassNames === null || styleClassNames === void 0 ? void 0 : styleClassNames.label, description: description, descriptionClassName: styleClassNames === null || styleClassNames === void 0 ? void 0 : styleClassNames.description, descriptionBottomPadding: true, ariaLabel: ariaLabel, ariaLabelledby: ariaLabelledby, ariaDescribedby: ariaDescribedby, ariaControls: ariaControls, showOutline: showOutline, nativeControl: nativeControlProps => (React.createElement(WithNativeAttributes, { ...nativeControlProps, tag: "input", componentName: "Checkbox", nativeAttributes: nativeInputAttributes, ref: checkboxRef, type: "checkbox", checked: checked, name: name, "aria-required": ariaRequired ? 'true' : undefined, "aria-disabled": readOnly && !disabled ? 'true' : undefined, tabIndex: tabIndex, onFocus: () => fireNonCancelableEvent(onFocus), onBlur: () => fireNonCancelableEvent(onBlur), 
             // empty handler to suppress React controllability warning
             onChange: () => { } })), onClick: () => {
             var _a;

package/checkbox/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/checkbox/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 { useSingleTabStopNavigation } from '@cloudscape-design/component-toolkit/internal';\nimport {\n  GeneratedAnalyticsMetadataFragment,\n  getAnalyticsMetadataAttribute,\n} from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { getBaseProps } from '../internal/base-component';\nimport AbstractSwitch from '../internal/components/abstract-switch';\nimport CheckboxIcon from '../internal/components/checkbox-icon';\nimport { useFormFieldContext } from '../internal/context/form-field-context';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport WithNativeAttributes from '../internal/utils/with-native-attributes';\nimport { GeneratedAnalyticsMetadataCheckboxComponent } from './analytics-metadata/interfaces';\nimport { CheckboxProps } from './interfaces';\nimport { getAbstractSwitchStyles, getCheckboxIconStyles } from './style';\n\nimport styles from './styles.css.js';\n\ninterface InternalProps extends CheckboxProps, InternalBaseComponentProps {\n  tabIndex?: -1;\n  showOutline?: boolean;\n  styleClassNames?: StyleClassNames;\n  __injectAnalyticsComponentMetadata?: boolean;\n}\n\n// Style API v2\ninterface StyleClassNames {\n  control?: string;\n  label?: string;\n  description?: string;\n}\n\nconst InternalCheckbox = React.forwardRef<CheckboxProps.Ref, InternalProps>(\n  (\n    {\n      controlId,\n      name,\n      checked,\n      disabled,\n      readOnly,\n      ariaRequired,\n      indeterminate,\n      children,\n      description,\n      ariaLabel,\n      onFocus,\n      onBlur,\n      onChange,\n      tabIndex: explicitTabIndex,\n      showOutline,\n      ariaControls,\n      style,\n      styleClassNames,\n      nativeInputAttributes,\n      __internalRootRef,\n      __injectAnalyticsComponentMetadata = false,\n      ...rest\n    },\n    ref\n  ) => {\n    const { ariaDescribedby, ariaLabelledby } = useFormFieldContext(rest);\n    const baseProps = getBaseProps(rest);\n    const checkboxRef = useRef<HTMLInputElement>(null);\n    useForwardFocus(ref, checkboxRef);\n    useEffect(() => {\n      if (checkboxRef.current) {\n        checkboxRef.current.indeterminate = Boolean(indeterminate);\n      }\n    });\n\n    const { tabIndex } = useSingleTabStopNavigation(checkboxRef, { tabIndex: explicitTabIndex });\n\n    const analyticsMetadata: GeneratedAnalyticsMetadataFragment = {};\n    const analyticsComponentMetadata: GeneratedAnalyticsMetadataCheckboxComponent = {\n      name: 'awsui.Checkbox',\n      label: { root: 'self' },\n      properties: {\n        checked: `${!!checked}`,\n      },\n    };\n    if (__injectAnalyticsComponentMetadata) {\n      analyticsMetadata.component = analyticsComponentMetadata;\n    }\n    if (!disabled && !readOnly) {\n      analyticsMetadata.action = !checked ? 'select' : 'deselect';\n    }\n\n    return (\n      <AbstractSwitch\n        {...baseProps}\n        className={clsx(styles.root, baseProps.className)}\n        controlClassName={clsx(styleClassNames?.control, styles['checkbox-control'])}\n        outlineClassName={styles.outline}\n        controlId={controlId}\n        disabled={disabled}\n        readOnly={readOnly}\n        label={children}\n        labelClassName={clsx(styleClassNames?.label, styles.label, disabled && styles['label-disabled'])}\n        description={description}\n        descriptionClassName={clsx(\n          styleClassNames?.description,\n          styles.description,\n          disabled && styles['description-disabled']\n        )}\n        descriptionBottomPadding={true}\n        ariaLabel={ariaLabel}\n        ariaLabelledby={ariaLabelledby}\n        ariaDescribedby={ariaDescribedby}\n        ariaControls={ariaControls}\n        showOutline={showOutline}\n        nativeControl={nativeControlProps => (\n          <WithNativeAttributes<HTMLInputElement, React.InputHTMLAttributes<HTMLInputElement>>\n            {...nativeControlProps}\n            tag=\"input\"\n            componentName=\"Checkbox\"\n            nativeAttributes={nativeInputAttributes}\n            ref={checkboxRef}\n            type=\"checkbox\"\n            checked={checked}\n            name={name}\n            aria-required={ariaRequired ? 'true' : undefined}\n            aria-disabled={readOnly && !disabled ? 'true' : undefined}\n            tabIndex={tabIndex}\n            onFocus={() => fireNonCancelableEvent(onFocus)}\n            onBlur={() => fireNonCancelableEvent(onBlur)}\n            // empty handler to suppress React controllability warning\n            onChange={() => {}}\n          />\n        )}\n        onClick={() => {\n          checkboxRef.current?.focus();\n          fireNonCancelableEvent(\n            onChange,\n            // for deterministic transitions \"indeterminate\" -> \"checked\" -> \"unchecked\"\n            indeterminate ? { checked: true, indeterminate: false } : { checked: !checked, indeterminate: false }\n          );\n        }}\n        styledControl={\n          <CheckboxIcon\n            checked={checked}\n            indeterminate={indeterminate}\n            disabled={disabled}\n            readOnly={readOnly}\n            style={getCheckboxIconStyles(style, checked, disabled, readOnly, indeterminate)}\n          />\n        }\n        style={getAbstractSwitchStyles(style, checked, disabled, readOnly, indeterminate)}\n        __internalRootRef={__internalRootRef}\n        {...getAnalyticsMetadataAttribute(analyticsMetadata)}\n      />\n    );\n  }\n);\n\nexport default InternalCheckbox;\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/checkbox/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 { useSingleTabStopNavigation } from '@cloudscape-design/component-toolkit/internal';\nimport {\n  GeneratedAnalyticsMetadataFragment,\n  getAnalyticsMetadataAttribute,\n} from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { getBaseProps } from '../internal/base-component';\nimport AbstractSwitch from '../internal/components/abstract-switch';\nimport CheckboxIcon from '../internal/components/checkbox-icon';\nimport { useFormFieldContext } from '../internal/context/form-field-context';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport WithNativeAttributes from '../internal/utils/with-native-attributes';\nimport { GeneratedAnalyticsMetadataCheckboxComponent } from './analytics-metadata/interfaces';\nimport { CheckboxProps } from './interfaces';\nimport { getAbstractSwitchStyles, getCheckboxIconStyles } from './style';\n\nimport styles from './styles.css.js';\n\ninterface InternalProps extends CheckboxProps, InternalBaseComponentProps {\n  tabIndex?: -1;\n  showOutline?: boolean;\n  styleClassNames?: StyleClassNames;\n  __injectAnalyticsComponentMetadata?: boolean;\n}\n\n// Style API v2\ninterface StyleClassNames {\n  control?: string;\n  label?: string;\n  description?: string;\n}\n\nconst InternalCheckbox = React.forwardRef<CheckboxProps.Ref, InternalProps>(\n  (\n    {\n      controlId,\n      name,\n      checked,\n      disabled,\n      readOnly,\n      ariaRequired,\n      indeterminate,\n      children,\n      description,\n      ariaLabel,\n      onFocus,\n      onBlur,\n      onChange,\n      tabIndex: explicitTabIndex,\n      showOutline,\n      ariaControls,\n      style,\n      styleClassNames,\n      nativeInputAttributes,\n      __internalRootRef,\n      __injectAnalyticsComponentMetadata = false,\n      ...rest\n    },\n    ref\n  ) => {\n    const { ariaDescribedby, ariaLabelledby } = useFormFieldContext(rest);\n    const baseProps = getBaseProps(rest);\n    const checkboxRef = useRef<HTMLInputElement>(null);\n    useForwardFocus(ref, checkboxRef);\n    useEffect(() => {\n      if (checkboxRef.current) {\n        checkboxRef.current.indeterminate = Boolean(indeterminate);\n      }\n    });\n\n    const { tabIndex } = useSingleTabStopNavigation(checkboxRef, { tabIndex: explicitTabIndex });\n\n    const analyticsMetadata: GeneratedAnalyticsMetadataFragment = {};\n    const analyticsComponentMetadata: GeneratedAnalyticsMetadataCheckboxComponent = {\n      name: 'awsui.Checkbox',\n      label: { root: 'self' },\n      properties: {\n        checked: `${!!checked}`,\n      },\n    };\n    if (__injectAnalyticsComponentMetadata) {\n      analyticsMetadata.component = analyticsComponentMetadata;\n    }\n    if (!disabled && !readOnly) {\n      analyticsMetadata.action = !checked ? 'select' : 'deselect';\n    }\n\n    return (\n      <AbstractSwitch\n        {...baseProps}\n        className={clsx(styles.root, baseProps.className)}\n        controlClassName={clsx(styleClassNames?.control, styles['checkbox-control'])}\n        outlineClassName={styles.outline}\n        controlId={controlId}\n        disabled={disabled}\n        readOnly={readOnly}\n        label={children}\n        labelClassName={styleClassNames?.label}\n        description={description}\n        descriptionClassName={styleClassNames?.description}\n        descriptionBottomPadding={true}\n        ariaLabel={ariaLabel}\n        ariaLabelledby={ariaLabelledby}\n        ariaDescribedby={ariaDescribedby}\n        ariaControls={ariaControls}\n        showOutline={showOutline}\n        nativeControl={nativeControlProps => (\n          <WithNativeAttributes<HTMLInputElement, React.InputHTMLAttributes<HTMLInputElement>>\n            {...nativeControlProps}\n            tag=\"input\"\n            componentName=\"Checkbox\"\n            nativeAttributes={nativeInputAttributes}\n            ref={checkboxRef}\n            type=\"checkbox\"\n            checked={checked}\n            name={name}\n            aria-required={ariaRequired ? 'true' : undefined}\n            aria-disabled={readOnly && !disabled ? 'true' : undefined}\n            tabIndex={tabIndex}\n            onFocus={() => fireNonCancelableEvent(onFocus)}\n            onBlur={() => fireNonCancelableEvent(onBlur)}\n            // empty handler to suppress React controllability warning\n            onChange={() => {}}\n          />\n        )}\n        onClick={() => {\n          checkboxRef.current?.focus();\n          fireNonCancelableEvent(\n            onChange,\n            // for deterministic transitions \"indeterminate\" -> \"checked\" -> \"unchecked\"\n            indeterminate ? { checked: true, indeterminate: false } : { checked: !checked, indeterminate: false }\n          );\n        }}\n        styledControl={\n          <CheckboxIcon\n            checked={checked}\n            indeterminate={indeterminate}\n            disabled={disabled}\n            readOnly={readOnly}\n            style={getCheckboxIconStyles(style, checked, disabled, readOnly, indeterminate)}\n          />\n        }\n        style={getAbstractSwitchStyles(style, checked, disabled, readOnly, indeterminate)}\n        __internalRootRef={__internalRootRef}\n        {...getAnalyticsMetadataAttribute(analyticsMetadata)}\n      />\n    );\n  }\n);\n\nexport default InternalCheckbox;\n"]}

package/checkbox/styles.css.js

@@ -1,12 +1,8 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_k2y2q_vvlo6_44",
-  "checkbox-control": "awsui_checkbox-control_k2y2q_vvlo6_77",
-  "outline": "awsui_outline_k2y2q_vvlo6_93",
-  "label": "awsui_label_k2y2q_vvlo6_115",
-  "label-disabled": "awsui_label-disabled_k2y2q_vvlo6_118",
-  "description": "awsui_description_k2y2q_vvlo6_122",
-  "description-disabled": "awsui_description-disabled_k2y2q_vvlo6_125"
+  "root": "awsui_root_k2y2q_nbt9s_44",
+  "checkbox-control": "awsui_checkbox-control_k2y2q_nbt9s_77",
+  "outline": "awsui_outline_k2y2q_nbt9s_93"
 };
   

package/checkbox/styles.scoped.css

@@ -41,7 +41,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 /* awsui:style-api-slot name=control tokens=color, background-color, border-color, focus-ring-color, focus-ring-width, focus-ring-radius, focus-ring-gutter-block, focus-ring-gutter-inline */
 /* awsui:style-api-slot name=label tokens=color */
 /* awsui:style-api-slot name=description tokens=color */
-.awsui_root_k2y2q_vvlo6_44.awsui_root_k2y2q_vvlo6_44:not(#\9) {
+.awsui_root_k2y2q_nbt9s_44.awsui_root_k2y2q_nbt9s_44:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -74,7 +74,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: flex;
 }
 
-.awsui_checkbox-control_k2y2q_vvlo6_77:not(#\9) {
+.awsui_checkbox-control_k2y2q_nbt9s_77:not(#\9) {
   --awsui-internal-style-color: var(--awsui-style-color);
   --awsui-internal-style-background-color: var(--awsui-style-background-color);
   --awsui-internal-style-border-color: var(--awsui-style-border-color);
@@ -90,14 +90,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: var(--size-control-jpgj8e, 16px);
 }
 
-.awsui_outline_k2y2q_vvlo6_93:not(#\9) {
+.awsui_outline_k2y2q_nbt9s_93:not(#\9) {
   position: relative;
 }
-.awsui_outline_k2y2q_vvlo6_93:not(#\9) {
+.awsui_outline_k2y2q_nbt9s_93:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--awsui-internal-style-focus-ring-gutter-inline, 2px) - 1px);
 }
-.awsui_outline_k2y2q_vvlo6_93:not(#\9)::before {
+.awsui_outline_k2y2q_nbt9s_93:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -110,18 +110,4 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-start-radius: var(--awsui-internal-style-focus-ring-radius, var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-default-focus-ring-akwhsf, 4px)));
   border-end-end-radius: var(--awsui-internal-style-focus-ring-radius, var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-default-focus-ring-akwhsf, 4px)));
   box-shadow: 0 0 0 var(--awsui-internal-style-focus-ring-width, var(--awsui-style-focus-ring-border-width-66120l, 2px)) var(--awsui-internal-style-focus-ring-color, var(--awsui-style-focus-ring-border-color-66120l, var(--color-border-item-focused-sewkzn, #006ce0)));
-}
-
-.awsui_label_k2y2q_vvlo6_115.awsui_label_k2y2q_vvlo6_115:not(#\9) {
-  color: var(--awsui-style-color, var(--color-text-form-default-8bb22s, #0f141a));
-}
-.awsui_label_k2y2q_vvlo6_115.awsui_label_k2y2q_vvlo6_115.awsui_label-disabled_k2y2q_vvlo6_118:not(#\9) {
-  color: var(--awsui-style-color, var(--color-text-control-disabled-54tz75, #b4b4bb));
-}
-
-.awsui_description_k2y2q_vvlo6_122.awsui_description_k2y2q_vvlo6_122:not(#\9) {
-  color: var(--awsui-style-color, var(--color-text-form-secondary-wt0md2, #656871));
-}
-.awsui_description_k2y2q_vvlo6_122.awsui_description_k2y2q_vvlo6_122.awsui_description-disabled_k2y2q_vvlo6_125:not(#\9) {
-  color: var(--awsui-style-color, var(--color-text-control-disabled-54tz75, #b4b4bb));
 }

package/checkbox/styles.selectors.js

@@ -2,12 +2,8 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_k2y2q_vvlo6_44",
-  "checkbox-control": "awsui_checkbox-control_k2y2q_vvlo6_77",
-  "outline": "awsui_outline_k2y2q_vvlo6_93",
-  "label": "awsui_label_k2y2q_vvlo6_115",
-  "label-disabled": "awsui_label-disabled_k2y2q_vvlo6_118",
-  "description": "awsui_description_k2y2q_vvlo6_122",
-  "description-disabled": "awsui_description-disabled_k2y2q_vvlo6_125"
+  "root": "awsui_root_k2y2q_nbt9s_44",
+  "checkbox-control": "awsui_checkbox-control_k2y2q_nbt9s_77",
+  "outline": "awsui_outline_k2y2q_nbt9s_93"
 };
   

package/i18n/utils/i18n-formatter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"i18n-formatter.d.ts","sourceRoot":"","sources":["../../../../src/i18n/utils/i18n-formatter.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAG1E,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAI3C;;;;;GAKG;AACH,MAAM,WAAW,YAAY;IAC3B,CAAC,SAAS,EAAE,MAAM,GAAG;QACnB,CAAC,MAAM,EAAE,MAAM,GAAG;YAChB,CAAC,SAAS,EAAE,MAAM,GAAG;gBACnB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,oBAAoB,EAAE,CAAC;aAChD,CAAC;SACH,CAAC;KACH,CAAC;CACH;AAED;;;;GAIG;AACH,qBAAa,aAAa;IACxB,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,SAAS,CAAe;IAMhC,OAAO,CAAC,qBAAqB,CAAwC;gBAEzD,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,YAAY;IAKlD,MAAM,CAAC,WAAW,EAAE,YAAY,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,EACtE,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,MAAM,EACjB,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,WAAW,EACrB,aAAa,CAAC,EAAE,aAAa,CAAC,WAAW,EAAE,YAAY,CAAC,GACvD,WAAW;CA2Cf"}
+{"version":3,"file":"i18n-formatter.d.ts","sourceRoot":"","sources":["../../../../src/i18n/utils/i18n-formatter.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAK1E,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAI3C;;;;;GAKG;AACH,MAAM,WAAW,YAAY;IAC3B,CAAC,SAAS,EAAE,MAAM,GAAG;QACnB,CAAC,MAAM,EAAE,MAAM,GAAG;YAChB,CAAC,SAAS,EAAE,MAAM,GAAG;gBACnB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,oBAAoB,EAAE,CAAC;aAChD,CAAC;SACH,CAAC;KACH,CAAC;CACH;AAED;;;;GAIG;AACH,qBAAa,aAAa;IACxB,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,SAAS,CAAe;IAMhC,OAAO,CAAC,qBAAqB,CAA+C;gBAEhE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,YAAY;IAKlD,MAAM,CAAC,WAAW,EAAE,YAAY,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,EACtE,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,MAAM,EACjB,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,WAAW,EACrB,aAAa,CAAC,EAAE,aAAa,CAAC,WAAW,EAAE,YAAY,CAAC,GACvD,WAAW;CAsEf"}

package/i18n/utils/i18n-formatter.js

@@ -1,6 +1,7 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 import IntlMessageFormat from 'intl-messageformat';
+import { warnOnce } from '@cloudscape-design/component-toolkit/internal';
 import { getMatchableLocales } from './locales';
 import { normalizeMessages } from './messages';
 /**
@@ -29,6 +30,10 @@ export class I18nFormatter {
         const cacheKey = `${namespace}.${component}.${key}`;
         let intlMessageFormat;
         const cachedFormatter = this._localeFormatterCache.get(cacheKey);
+        // A null entry means this message already failed to parse; don't retry.
+        if (cachedFormatter === null) {
+            return provided;
+        }
         if (cachedFormatter) {
             // If an IntlMessageFormat instance was cached for this locale, just use that.
             intlMessageFormat = cachedFormatter;
@@ -49,14 +54,40 @@ export class I18nFormatter {
                 return provided;
             }
             // Lazily create an IntlMessageFormat object for this key.
-            intlMessageFormat = new IntlMessageFormat(message, this._locale);
-            this._localeFormatterCache.set(cacheKey, intlMessageFormat);
+            // Invalid ICU syntax falls back to the provided value instead of crashing the render.
+            try {
+                intlMessageFormat = new IntlMessageFormat(message, this._locale);
+                this._localeFormatterCache.set(cacheKey, intlMessageFormat);
+            }
+            catch (error) {
+                warnOnce('I18nProvider', `Malformed message "${cacheKey}" for locale "${this._locale}": ${error}`);
+                this._localeFormatterCache.set(cacheKey, null);
+                return provided;
+            }
         }
+        // Formatting can throw at runtime (e.g. a message/component contract mismatch),
+        // so degrade gracefully instead of crashing the consumer's page.
         if (customHandler) {
-            return customHandler(args => intlMessageFormat.format(args));
+            // The returned formatFn may be invoked later during render, so guard it. It must return a string.
+            return customHandler(args => {
+                try {
+                    return intlMessageFormat.format(args);
+                }
+                catch (error) {
+                    warnOnce('I18nProvider', `Failed to format message "${cacheKey}" for locale "${this._locale}": ${error}`);
+                    return '';
+                }
+            });
+        }
+        try {
+            // Assuming `ReturnValue extends string` since a customHandler wasn't provided.
+            return intlMessageFormat.format();
+        }
+        catch (error) {
+            warnOnce('I18nProvider', `Failed to format message "${cacheKey}" for locale "${this._locale}": ${error}`);
+            // Fall back so the component's own default string logic takes over.
+            return provided;
         }
-        // Assuming `ReturnValue extends string` since a customHandler wasn't provided.
-        return intlMessageFormat.format();
     }
 }
 //# sourceMappingURL=i18n-formatter.js.map

package/i18n/utils/i18n-formatter.js.map

@@ -1 +1 @@
-{"version":3,"file":"i18n-formatter.js","sourceRoot":"","sources":["../../../../src/i18n/utils/i18n-formatter.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAGtC,OAAO,iBAAiB,MAAM,oBAAoB,CAAC;AAGnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAkB/C;;;;GAIG;AACH,MAAM,OAAO,aAAa;IAUxB,YAAY,MAAc,EAAE,QAAsB;QANlD,yEAAyE;QACzE,6EAA6E;QAC7E,6EAA6E;QAC7E,sEAAsE;QAC9D,0BAAqB,GAAG,IAAI,GAAG,EAA6B,CAAC;QAGnE,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,WAAW,EAAE,CAAC;QACpC,IAAI,CAAC,SAAS,GAAG,iBAAiB,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;IACjD,CAAC;IAED,MAAM,CACJ,SAAiB,EACjB,SAAiB,EACjB,GAAW,EACX,QAAqB,EACrB,aAAwD;;QAExD,gEAAgE;QAChE,sEAAsE;QACtE,4DAA4D;QAC5D,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;YAC3B,OAAO,QAAQ,CAAC;QAClB,CAAC;QAED,MAAM,QAAQ,GAAG,GAAG,SAAS,IAAI,SAAS,IAAI,GAAG,EAAE,CAAC;QACpD,IAAI,iBAAoC,CAAC;QAEzC,MAAM,eAAe,GAAG,IAAI,CAAC,qBAAqB,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QACjE,IAAI,eAAe,EAAE,CAAC;YACpB,8EAA8E;YAC9E,iBAAiB,GAAG,eAAe,CAAC;QACtC,CAAC;aAAM,CAAC;YACN,oEAAoE;YACpE,qCAAqC;YACrC,IAAI,OAAoD,CAAC;YACzD,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YAC3D,KAAK,MAAM,eAAe,IAAI,gBAAgB,EAAE,CAAC;gBAC/C,OAAO,GAAG,MAAA,MAAA,MAAA,MAAA,IAAI,CAAC,SAAS,0CAAG,SAAS,CAAC,0CAAG,eAAe,CAAC,0CAAG,SAAS,CAAC,0CAAG,GAAG,CAAC,CAAC;gBAC7E,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;oBAC1B,MAAM;gBACR,CAAC;YACH,CAAC;YAED,yCAAyC;YACzC,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;gBAC1B,OAAO,QAAQ,CAAC;YAClB,CAAC;YAED,0DAA0D;YAC1D,iBAAiB,GAAG,IAAI,iBAAiB,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;YACjE,IAAI,CAAC,qBAAqB,CAAC,GAAG,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAC;QAC9D,CAAC;QAED,IAAI,aAAa,EAAE,CAAC;YAClB,OAAO,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,iBAAiB,CAAC,MAAM,CAAC,IAAI,CAAW,CAAC,CAAC;QACzE,CAAC;QACD,+EAA+E;QAC/E,OAAO,iBAAiB,CAAC,MAAM,EAAiB,CAAC;IACnD,CAAC;CACF","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { MessageFormatElement } from '@formatjs/icu-messageformat-parser';\nimport IntlMessageFormat from 'intl-messageformat';\n\nimport { CustomHandler } from '../context';\nimport { getMatchableLocales } from './locales';\nimport { normalizeMessages } from './messages';\n\n/**\n * The expected shape of the fully resolved messages object.\n * Typescript ensures any static imports are properly typed, but since this\n * depends on types from formatjs, it should not be included in any files that\n * need to support older versions of TypeScript (3.7 and up).\n */\nexport interface I18nMessages {\n  [namespace: string]: {\n    [locale: string]: {\n      [component: string]: {\n        [key: string]: string | MessageFormatElement[];\n      };\n    };\n  };\n}\n\n/**\n * A stateful container for formatting internal strings. Caches formatters\n * where possible; a new instance must be created if locale or messages may\n * have changed.\n */\nexport class I18nFormatter {\n  private _locale: string;\n  private _messages: I18nMessages;\n\n  // Create a per-render cache of messages and IntlMessageFormat instances.\n  // Not memoizing it allows us to reset the cache when the component rerenders\n  // with potentially different locale or messages. We expect this component to\n  // be placed above AppLayout and therefore rerender very infrequently.\n  private _localeFormatterCache = new Map<string, IntlMessageFormat>();\n\n  constructor(locale: string, messages: I18nMessages) {\n    this._locale = locale.toLowerCase();\n    this._messages = normalizeMessages([messages]);\n  }\n\n  format<ReturnValue, FormatFnArgs extends Record<string, string | number>>(\n    namespace: string,\n    component: string,\n    key: string,\n    provided: ReturnValue,\n    customHandler?: CustomHandler<ReturnValue, FormatFnArgs>\n  ): ReturnValue {\n    // A general rule in this library is that undefined is basically\n    // treated as \"not provided\". So even if a user explicitly provides an\n    // undefined value, it will default to i18n provider values.\n    if (provided !== undefined) {\n      return provided;\n    }\n\n    const cacheKey = `${namespace}.${component}.${key}`;\n    let intlMessageFormat: IntlMessageFormat;\n\n    const cachedFormatter = this._localeFormatterCache.get(cacheKey);\n    if (cachedFormatter) {\n      // If an IntlMessageFormat instance was cached for this locale, just use that.\n      intlMessageFormat = cachedFormatter;\n    } else {\n      // Widen the locale string (e.g. en-GB -> en) until we find a locale\n      // that contains the message we need.\n      let message: string | MessageFormatElement[] | undefined;\n      const matchableLocales = getMatchableLocales(this._locale);\n      for (const matchableLocale of matchableLocales) {\n        message = this._messages?.[namespace]?.[matchableLocale]?.[component]?.[key];\n        if (message !== undefined) {\n          break;\n        }\n      }\n\n      // If a message wasn't found, exit early.\n      if (message === undefined) {\n        return provided;\n      }\n\n      // Lazily create an IntlMessageFormat object for this key.\n      intlMessageFormat = new IntlMessageFormat(message, this._locale);\n      this._localeFormatterCache.set(cacheKey, intlMessageFormat);\n    }\n\n    if (customHandler) {\n      return customHandler(args => intlMessageFormat.format(args) as string);\n    }\n    // Assuming `ReturnValue extends string` since a customHandler wasn't provided.\n    return intlMessageFormat.format() as ReturnValue;\n  }\n}\n"]}
+{"version":3,"file":"i18n-formatter.js","sourceRoot":"","sources":["../../../../src/i18n/utils/i18n-formatter.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { MessageFormatElement } from '@formatjs/icu-messageformat-parser';\nimport IntlMessageFormat from 'intl-messageformat';\n\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { CustomHandler } from '../context';\nimport { getMatchableLocales } from './locales';\nimport { normalizeMessages } from './messages';\n\n/**\n * The expected shape of the fully resolved messages object.\n * Typescript ensures any static imports are properly typed, but since this\n * depends on types from formatjs, it should not be included in any files that\n * need to support older versions of TypeScript (3.7 and up).\n */\nexport interface I18nMessages {\n  [namespace: string]: {\n    [locale: string]: {\n      [component: string]: {\n        [key: string]: string | MessageFormatElement[];\n      };\n    };\n  };\n}\n\n/**\n * A stateful container for formatting internal strings. Caches formatters\n * where possible; a new instance must be created if locale or messages may\n * have changed.\n */\nexport class I18nFormatter {\n  private _locale: string;\n  private _messages: I18nMessages;\n\n  // Create a per-render cache of messages and IntlMessageFormat instances.\n  // Not memoizing it allows us to reset the cache when the component rerenders\n  // with potentially different locale or messages. We expect this component to\n  // be placed above AppLayout and therefore rerender very infrequently.\n  private _localeFormatterCache = new Map<string, IntlMessageFormat | null>();\n\n  constructor(locale: string, messages: I18nMessages) {\n    this._locale = locale.toLowerCase();\n    this._messages = normalizeMessages([messages]);\n  }\n\n  format<ReturnValue, FormatFnArgs extends Record<string, string | number>>(\n    namespace: string,\n    component: string,\n    key: string,\n    provided: ReturnValue,\n    customHandler?: CustomHandler<ReturnValue, FormatFnArgs>\n  ): ReturnValue {\n    // A general rule in this library is that undefined is basically\n    // treated as \"not provided\". So even if a user explicitly provides an\n    // undefined value, it will default to i18n provider values.\n    if (provided !== undefined) {\n      return provided;\n    }\n\n    const cacheKey = `${namespace}.${component}.${key}`;\n    let intlMessageFormat: IntlMessageFormat;\n\n    const cachedFormatter = this._localeFormatterCache.get(cacheKey);\n    // A null entry means this message already failed to parse; don't retry.\n    if (cachedFormatter === null) {\n      return provided;\n    }\n    if (cachedFormatter) {\n      // If an IntlMessageFormat instance was cached for this locale, just use that.\n      intlMessageFormat = cachedFormatter;\n    } else {\n      // Widen the locale string (e.g. en-GB -> en) until we find a locale\n      // that contains the message we need.\n      let message: string | MessageFormatElement[] | undefined;\n      const matchableLocales = getMatchableLocales(this._locale);\n      for (const matchableLocale of matchableLocales) {\n        message = this._messages?.[namespace]?.[matchableLocale]?.[component]?.[key];\n        if (message !== undefined) {\n          break;\n        }\n      }\n\n      // If a message wasn't found, exit early.\n      if (message === undefined) {\n        return provided;\n      }\n\n      // Lazily create an IntlMessageFormat object for this key.\n      // Invalid ICU syntax falls back to the provided value instead of crashing the render.\n      try {\n        intlMessageFormat = new IntlMessageFormat(message, this._locale);\n        this._localeFormatterCache.set(cacheKey, intlMessageFormat);\n      } catch (error) {\n        warnOnce('I18nProvider', `Malformed message \"${cacheKey}\" for locale \"${this._locale}\": ${error}`);\n        this._localeFormatterCache.set(cacheKey, null);\n        return provided;\n      }\n    }\n\n    // Formatting can throw at runtime (e.g. a message/component contract mismatch),\n    // so degrade gracefully instead of crashing the consumer's page.\n    if (customHandler) {\n      // The returned formatFn may be invoked later during render, so guard it. It must return a string.\n      return customHandler(args => {\n        try {\n          return intlMessageFormat.format(args) as string;\n        } catch (error) {\n          warnOnce('I18nProvider', `Failed to format message \"${cacheKey}\" for locale \"${this._locale}\": ${error}`);\n          return '';\n        }\n      });\n    }\n    try {\n      // Assuming `ReturnValue extends string` since a customHandler wasn't provided.\n      return intlMessageFormat.format() as ReturnValue;\n    } catch (error) {\n      warnOnce('I18nProvider', `Failed to format message \"${cacheKey}\" for locale \"${this._locale}\": ${error}`);\n      // Fall back so the component's own default string logic takes over.\n      return provided;\n    }\n  }\n}\n"]}

package/internal/base-component/styles.scoped.css

@@ -40,5 +40,5 @@
   }
 }
 :root {
-  --awsui-version-info-3ac674ad: true;
+  --awsui-version-info-818f03b7: true;
 }

package/internal/components/abstract-switch/styles.css.js

@@ -1,18 +1,18 @@
 
     import './styles.scoped.css';
     export default {
-  "content": "awsui_content_1wepg_1h09r_9",
-  "description": "awsui_description_1wepg_1h09r_10",
-  "label": "awsui_label_1wepg_1h09r_11",
-  "outline": "awsui_outline_1wepg_1h09r_19",
-  "show-outline": "awsui_show-outline_1wepg_1h09r_22",
-  "native-input": "awsui_native-input_1wepg_1h09r_26",
-  "wrapper": "awsui_wrapper_1wepg_1h09r_30",
-  "label-wrapper": "awsui_label-wrapper_1wepg_1h09r_36",
-  "empty-content": "awsui_empty-content_1wepg_1h09r_47",
-  "description-bottom-padding": "awsui_description-bottom-padding_1wepg_1h09r_57",
-  "label-disabled": "awsui_label-disabled_1wepg_1h09r_65",
-  "description-disabled": "awsui_description-disabled_1wepg_1h09r_66",
-  "control": "awsui_control_1wepg_1h09r_70"
+  "content": "awsui_content_1wepg_spx2u_9",
+  "description": "awsui_description_1wepg_spx2u_10",
+  "label": "awsui_label_1wepg_spx2u_11",
+  "outline": "awsui_outline_1wepg_spx2u_19",
+  "show-outline": "awsui_show-outline_1wepg_spx2u_22",
+  "native-input": "awsui_native-input_1wepg_spx2u_26",
+  "wrapper": "awsui_wrapper_1wepg_spx2u_30",
+  "label-wrapper": "awsui_label-wrapper_1wepg_spx2u_36",
+  "empty-content": "awsui_empty-content_1wepg_spx2u_47",
+  "description-bottom-padding": "awsui_description-bottom-padding_1wepg_spx2u_57",
+  "label-disabled": "awsui_label-disabled_1wepg_spx2u_65",
+  "description-disabled": "awsui_description-disabled_1wepg_spx2u_66",
+  "control": "awsui_control_1wepg_spx2u_70"
 };
   

package/internal/components/abstract-switch/styles.scoped.css

@@ -6,80 +6,80 @@
 /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /* 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_content_1wepg_1h09r_9:not(#\9),
-.awsui_description_1wepg_1h09r_10:not(#\9),
-.awsui_label_1wepg_1h09r_11:not(#\9) {
+.awsui_content_1wepg_spx2u_9:not(#\9),
+.awsui_description_1wepg_spx2u_10:not(#\9),
+.awsui_label_1wepg_spx2u_11:not(#\9) {
   display: block;
 }
 
-.awsui_label_1wepg_1h09r_11:not(#\9) {
-  color: var(--color-text-form-default-8bb22s, #0f141a);
+.awsui_label_1wepg_spx2u_11:not(#\9) {
+  color: var(--awsui-style-color, var(--color-text-form-default-8bb22s, #0f141a));
 }
 
-.awsui_outline_1wepg_1h09r_19:not(#\9) {
+.awsui_outline_1wepg_spx2u_19:not(#\9) {
   display: none;
 }
-.awsui_outline_1wepg_1h09r_19.awsui_show-outline_1wepg_1h09r_22:not(#\9) {
+.awsui_outline_1wepg_spx2u_19.awsui_show-outline_1wepg_spx2u_22:not(#\9) {
   display: block;
 }
 
-body[data-awsui-focus-visible=true] .awsui_native-input_1wepg_1h09r_26:not(#\9):focus + .awsui_outline_1wepg_1h09r_19 {
+body[data-awsui-focus-visible=true] .awsui_native-input_1wepg_spx2u_26:not(#\9):focus + .awsui_outline_1wepg_spx2u_19 {
   display: block;
 }
 
-.awsui_wrapper_1wepg_1h09r_30:not(#\9) {
+.awsui_wrapper_1wepg_spx2u_30:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
   display: flex;
 }
 
-.awsui_label-wrapper_1wepg_1h09r_36:not(#\9) {
+.awsui_label-wrapper_1wepg_spx2u_36:not(#\9) {
   position: relative;
   display: flex;
   cursor: default;
 }
 
-.awsui_content_1wepg_1h09r_9:not(#\9) {
+.awsui_content_1wepg_spx2u_9:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
 }
 
-.awsui_empty-content_1wepg_1h09r_47:not(#\9) {
+.awsui_empty-content_1wepg_spx2u_47:not(#\9) {
   inline-size: 0px;
 }
 
-.awsui_description_1wepg_1h09r_10:not(#\9) {
-  color: var(--color-text-form-secondary-wt0md2, #656871);
+.awsui_description_1wepg_spx2u_10:not(#\9) {
+  color: var(--awsui-style-color, var(--color-text-form-secondary-wt0md2, #656871));
   font-size: var(--font-size-body-s-89y7qg, 12px);
   line-height: var(--line-height-body-s-gako33, 16px);
   letter-spacing: var(--letter-spacing-body-s-dzcybc, 0.005em);
 }
-.awsui_description-bottom-padding_1wepg_1h09r_57:not(#\9) {
+.awsui_description-bottom-padding_1wepg_spx2u_57:not(#\9) {
   padding-block-end: var(--space-scaled-xxs-j00t0m, 4px);
 }
 
-.awsui_label_1wepg_1h09r_11:not(#\9),
-.awsui_description_1wepg_1h09r_10:not(#\9) {
+.awsui_label_1wepg_spx2u_11:not(#\9),
+.awsui_description_1wepg_spx2u_10:not(#\9) {
   padding-inline-start: var(--space-xs-m9b7jf, 8px);
 }
-.awsui_label-disabled_1wepg_1h09r_65:not(#\9),
-.awsui_description-disabled_1wepg_1h09r_66:not(#\9) {
-  color: var(--color-text-control-disabled-54tz75, #b4b4bb);
+.awsui_label-disabled_1wepg_spx2u_65:not(#\9),
+.awsui_description-disabled_1wepg_spx2u_66:not(#\9) {
+  color: var(--awsui-style-color, var(--color-text-control-disabled-54tz75, #b4b4bb));
 }
 
-.awsui_control_1wepg_1h09r_70:not(#\9) {
+.awsui_control_1wepg_spx2u_70:not(#\9) {
   position: relative;
   /* stylelint-disable selector-max-type */
   /* stylelint-enable selector-max-type */
 }
-.awsui_control_1wepg_1h09r_70 > input:not(#\9), .awsui_control_1wepg_1h09r_70 > svg:not(#\9), .awsui_control_1wepg_1h09r_70 > .awsui_outline_1wepg_1h09r_19:not(#\9) {
+.awsui_control_1wepg_spx2u_70 > input:not(#\9), .awsui_control_1wepg_spx2u_70 > svg:not(#\9), .awsui_control_1wepg_spx2u_70 > .awsui_outline_1wepg_spx2u_19:not(#\9) {
   position: absolute;
   inline-size: 100%;
   block-size: 100%;
   inset-block-start: 0;
   inset-inline-start: 0;
 }
-.awsui_control_1wepg_1h09r_70 > input:not(#\9) {
+.awsui_control_1wepg_spx2u_70 > input:not(#\9) {
   opacity: 0;
   z-index: 1;
   -webkit-user-select: none;

package/internal/components/abstract-switch/styles.selectors.js

@@ -2,18 +2,18 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "content": "awsui_content_1wepg_1h09r_9",
-  "description": "awsui_description_1wepg_1h09r_10",
-  "label": "awsui_label_1wepg_1h09r_11",
-  "outline": "awsui_outline_1wepg_1h09r_19",
-  "show-outline": "awsui_show-outline_1wepg_1h09r_22",
-  "native-input": "awsui_native-input_1wepg_1h09r_26",
-  "wrapper": "awsui_wrapper_1wepg_1h09r_30",
-  "label-wrapper": "awsui_label-wrapper_1wepg_1h09r_36",
-  "empty-content": "awsui_empty-content_1wepg_1h09r_47",
-  "description-bottom-padding": "awsui_description-bottom-padding_1wepg_1h09r_57",
-  "label-disabled": "awsui_label-disabled_1wepg_1h09r_65",
-  "description-disabled": "awsui_description-disabled_1wepg_1h09r_66",
-  "control": "awsui_control_1wepg_1h09r_70"
+  "content": "awsui_content_1wepg_spx2u_9",
+  "description": "awsui_description_1wepg_spx2u_10",
+  "label": "awsui_label_1wepg_spx2u_11",
+  "outline": "awsui_outline_1wepg_spx2u_19",
+  "show-outline": "awsui_show-outline_1wepg_spx2u_22",
+  "native-input": "awsui_native-input_1wepg_spx2u_26",
+  "wrapper": "awsui_wrapper_1wepg_spx2u_30",
+  "label-wrapper": "awsui_label-wrapper_1wepg_spx2u_36",
+  "empty-content": "awsui_empty-content_1wepg_spx2u_47",
+  "description-bottom-padding": "awsui_description-bottom-padding_1wepg_spx2u_57",
+  "label-disabled": "awsui_label-disabled_1wepg_spx2u_65",
+  "description-disabled": "awsui_description-disabled_1wepg_spx2u_66",
+  "control": "awsui_control_1wepg_spx2u_70"
 };
   

package/internal/environment.js

@@ -1,6 +1,6 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (3ac674ad)";
-export var GIT_SHA = "3ac674ad";
+export var PACKAGE_VERSION = "3.0.0 (818f03b7)";
+export var GIT_SHA = "818f03b7";
 export var THEME = "open-source-visual-refresh";
 export var SYSTEM = "core";
 export var ALWAYS_VISUAL_REFRESH = true;

package/internal/environment.json

@@ -1,7 +1,7 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (3ac674ad)",
-  "GIT_SHA": "3ac674ad",
+  "PACKAGE_VERSION": "3.0.0 (818f03b7)",
+  "GIT_SHA": "818f03b7",
   "THEME": "open-source-visual-refresh",
   "SYSTEM": "core",
   "ALWAYS_VISUAL_REFRESH": true,

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "3ac674ad15b166eec43ec29f82b32b2b8837e02e"
+  "commit": "818f03b7d0b724a127f867eea3baf00ec85440f4"
 }

package/manifest.json

@@ -1,5 +1,5 @@
 {
-  "artifactId": "10861175376",
+  "artifactId": "10974574258",
   "repoName": "components",
-  "commitSha": "3ac674ad15b166eec43ec29f82b32b2b8837e02e"
+  "commitSha": "818f03b7d0b724a127f867eea3baf00ec85440f4"
 }

package/package.json

@@ -377,7 +377,7 @@
     "./internal/base-theme/styles.css.js",
     "./internal/base-component/styles.css.js"
   ],
-  "version": "3.0.1388",
+  "version": "3.0.1390",
   "repository": {
     "type": "git",
     "url": "https://github.com/cloudscape-design/components.git"

package/toggle/internal.d.ts

@@ -2,7 +2,13 @@ import React from 'react';
 import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
 import { ToggleProps } from './interfaces';
 interface InternalToggleProps extends ToggleProps, InternalBaseComponentProps {
+  styleClassNames?: StyleClassNames;
   __injectAnalyticsComponentMetadata?: boolean;
 }
+interface StyleClassNames {
+  control?: string;
+  label?: string;
+  description?: string;
+}
 declare const InternalToggle: React.ForwardRefExoticComponent<InternalToggleProps & React.RefAttributes<ToggleProps.Ref>>;
 export default InternalToggle;

package/toggle/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/toggle/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAatC,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAGlF,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAK3C,UAAU,mBAAoB,SAAQ,WAAW,EAAE,0BAA0B;IAC3E,kCAAkC,CAAC,EAAE,OAAO,CAAC;CAC9C;AAED,QAAA,MAAM,cAAc,6FAuGnB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/toggle/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAatC,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAGlF,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAK3C,UAAU,mBAAoB,SAAQ,WAAW,EAAE,0BAA0B;IAC3E,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,kCAAkC,CAAC,EAAE,OAAO,CAAC;CAC9C;AAGD,UAAU,eAAe;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,cAAc,6FA0GnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/toggle/internal.js

@@ -11,7 +11,7 @@ import useForwardFocus from '../internal/hooks/forward-focus';
 import WithNativeAttributes from '../internal/utils/with-native-attributes';
 import { getAbstractSwitchStyles, getStyledControlStyle } from './style';
 import styles from './styles.css.js';
-const InternalToggle = React.forwardRef(({ controlId, checked, name, disabled, readOnly, children, description, ariaLabel, ariaControls, onFocus, onBlur, onChange, nativeInputAttributes, __internalRootRef, style, __injectAnalyticsComponentMetadata, ...rest }, ref) => {
+const InternalToggle = React.forwardRef(({ controlId, checked, name, disabled, readOnly, children, description, ariaLabel, ariaControls, onFocus, onBlur, onChange, nativeInputAttributes, __internalRootRef, style, styleClassNames, __injectAnalyticsComponentMetadata, ...rest }, ref) => {
     const { ariaDescribedby, ariaLabelledby } = useFormFieldContext(rest);
     const baseProps = getBaseProps(rest);
     const checkboxRef = useRef(null);
@@ -30,11 +30,11 @@ const InternalToggle = React.forwardRef(({ controlId, checked, name, disabled, r
         analyticsMetadata.action = !checked ? 'select' : 'deselect';
     }
     useForwardFocus(ref, checkboxRef);
-    return (React.createElement(AbstractSwitch, { ...baseProps, className: clsx(styles.root, baseProps.className), controlClassName: clsx(styles['toggle-control'], {
+    return (React.createElement(AbstractSwitch, { ...baseProps, className: clsx(styles.root, baseProps.className), controlClassName: clsx(styleClassNames === null || styleClassNames === void 0 ? void 0 : styleClassNames.control, styles['toggle-control'], {
             [styles['toggle-control-checked']]: checked,
             [styles['toggle-control-disabled']]: disabled,
             [styles['toggle-control-readonly']]: readOnly,
-        }), outlineClassName: styles.outline, controlId: controlId, disabled: disabled, readOnly: readOnly, label: children, description: description, descriptionBottomPadding: true, ariaLabel: ariaLabel, ariaLabelledby: ariaLabelledby, ariaDescribedby: ariaDescribedby, ariaControls: ariaControls, nativeControl: nativeControlProps => (React.createElement(WithNativeAttributes, { ...nativeControlProps, tag: "input", componentName: "Toggle", nativeAttributes: nativeInputAttributes, ref: checkboxRef, type: "checkbox", checked: checked, name: name, "aria-disabled": readOnly && !disabled ? 'true' : undefined, onFocus: () => fireNonCancelableEvent(onFocus), onBlur: () => fireNonCancelableEvent(onBlur), 
+        }), outlineClassName: styles.outline, controlId: controlId, disabled: disabled, readOnly: readOnly, label: children, labelClassName: styleClassNames === null || styleClassNames === void 0 ? void 0 : styleClassNames.label, description: description, descriptionClassName: styleClassNames === null || styleClassNames === void 0 ? void 0 : styleClassNames.description, descriptionBottomPadding: true, ariaLabel: ariaLabel, ariaLabelledby: ariaLabelledby, ariaDescribedby: ariaDescribedby, ariaControls: ariaControls, nativeControl: nativeControlProps => (React.createElement(WithNativeAttributes, { ...nativeControlProps, tag: "input", componentName: "Toggle", nativeAttributes: nativeInputAttributes, ref: checkboxRef, type: "checkbox", checked: checked, name: name, "aria-disabled": readOnly && !disabled ? 'true' : undefined, onFocus: () => fireNonCancelableEvent(onFocus), onBlur: () => fireNonCancelableEvent(onBlur), 
             // empty handler to suppress React controllability warning
             onChange: () => { } })), onClick: () => {
             var _a;

package/toggle/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/toggle/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, { useRef } from 'react';\nimport clsx from 'clsx';\n\nimport {\n  GeneratedAnalyticsMetadataFragment,\n  getAnalyticsMetadataAttribute,\n} from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { getBaseProps } from '../internal/base-component';\nimport AbstractSwitch from '../internal/components/abstract-switch';\nimport { useFormFieldContext } from '../internal/context/form-field-context';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport WithNativeAttributes from '../internal/utils/with-native-attributes';\nimport { GeneratedAnalyticsMetadataToggleComponent } from './analytics-metadata/interfaces';\nimport { ToggleProps } from './interfaces';\nimport { getAbstractSwitchStyles, getStyledControlStyle } from './style';\n\nimport styles from './styles.css.js';\n\ninterface InternalToggleProps extends ToggleProps, InternalBaseComponentProps {\n  __injectAnalyticsComponentMetadata?: boolean;\n}\n\nconst InternalToggle = React.forwardRef<ToggleProps.Ref, InternalToggleProps>(\n  (\n    {\n      controlId,\n      checked,\n      name,\n      disabled,\n      readOnly,\n      children,\n      description,\n      ariaLabel,\n      ariaControls,\n      onFocus,\n      onBlur,\n      onChange,\n      nativeInputAttributes,\n      __internalRootRef,\n      style,\n      __injectAnalyticsComponentMetadata,\n      ...rest\n    },\n    ref\n  ) => {\n    const { ariaDescribedby, ariaLabelledby } = useFormFieldContext(rest);\n    const baseProps = getBaseProps(rest);\n    const checkboxRef = useRef<HTMLInputElement>(null);\n\n    const analyticsMetadata: GeneratedAnalyticsMetadataFragment = {};\n    const analyticsComponentMetadata: GeneratedAnalyticsMetadataToggleComponent = {\n      name: 'awsui.Toggle',\n      label: { root: 'self' },\n      properties: {\n        checked: `${!!checked}`,\n      },\n    };\n\n    if (__injectAnalyticsComponentMetadata) {\n      analyticsMetadata.component = analyticsComponentMetadata;\n    }\n\n    if (!disabled && !readOnly) {\n      analyticsMetadata.action = !checked ? 'select' : 'deselect';\n    }\n    useForwardFocus(ref, checkboxRef);\n\n    return (\n      <AbstractSwitch\n        {...baseProps}\n        className={clsx(styles.root, baseProps.className)}\n        controlClassName={clsx(styles['toggle-control'], {\n          [styles['toggle-control-checked']]: checked,\n          [styles['toggle-control-disabled']]: disabled,\n          [styles['toggle-control-readonly']]: readOnly,\n        })}\n        outlineClassName={styles.outline}\n        controlId={controlId}\n        disabled={disabled}\n        readOnly={readOnly}\n        label={children}\n        description={description}\n        descriptionBottomPadding={true}\n        ariaLabel={ariaLabel}\n        ariaLabelledby={ariaLabelledby}\n        ariaDescribedby={ariaDescribedby}\n        ariaControls={ariaControls}\n        nativeControl={nativeControlProps => (\n          <WithNativeAttributes\n            {...nativeControlProps}\n            tag=\"input\"\n            componentName=\"Toggle\"\n            nativeAttributes={nativeInputAttributes}\n            ref={checkboxRef}\n            type=\"checkbox\"\n            checked={checked}\n            name={name}\n            aria-disabled={readOnly && !disabled ? 'true' : undefined}\n            onFocus={() => fireNonCancelableEvent(onFocus)}\n            onBlur={() => fireNonCancelableEvent(onBlur)}\n            // empty handler to suppress React controllability warning\n            onChange={() => {}}\n          />\n        )}\n        onClick={() => {\n          checkboxRef.current?.focus();\n          fireNonCancelableEvent(onChange, { checked: !checked });\n        }}\n        styledControl={\n          /*Using span, not div for HTML validity*/\n          <span\n            className={clsx(styles['toggle-handle'], {\n              [styles['toggle-handle-checked']]: checked,\n              [styles['toggle-handle-disabled']]: disabled,\n              [styles['toggle-handle-readonly']]: readOnly,\n            })}\n            style={getStyledControlStyle(style, checked, disabled, readOnly)}\n          />\n        }\n        style={getAbstractSwitchStyles(style, checked, disabled, readOnly)}\n        __internalRootRef={__internalRootRef}\n        {...getAnalyticsMetadataAttribute(analyticsMetadata)}\n      />\n    );\n  }\n);\n\nexport default InternalToggle;\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/toggle/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, { useRef } from 'react';\nimport clsx from 'clsx';\n\nimport {\n  GeneratedAnalyticsMetadataFragment,\n  getAnalyticsMetadataAttribute,\n} from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { getBaseProps } from '../internal/base-component';\nimport AbstractSwitch from '../internal/components/abstract-switch';\nimport { useFormFieldContext } from '../internal/context/form-field-context';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport WithNativeAttributes from '../internal/utils/with-native-attributes';\nimport { GeneratedAnalyticsMetadataToggleComponent } from './analytics-metadata/interfaces';\nimport { ToggleProps } from './interfaces';\nimport { getAbstractSwitchStyles, getStyledControlStyle } from './style';\n\nimport styles from './styles.css.js';\n\ninterface InternalToggleProps extends ToggleProps, InternalBaseComponentProps {\n  styleClassNames?: StyleClassNames;\n  __injectAnalyticsComponentMetadata?: boolean;\n}\n\n// Style API v2\ninterface StyleClassNames {\n  control?: string;\n  label?: string;\n  description?: string;\n}\n\nconst InternalToggle = React.forwardRef<ToggleProps.Ref, InternalToggleProps>(\n  (\n    {\n      controlId,\n      checked,\n      name,\n      disabled,\n      readOnly,\n      children,\n      description,\n      ariaLabel,\n      ariaControls,\n      onFocus,\n      onBlur,\n      onChange,\n      nativeInputAttributes,\n      __internalRootRef,\n      style,\n      styleClassNames,\n      __injectAnalyticsComponentMetadata,\n      ...rest\n    },\n    ref\n  ) => {\n    const { ariaDescribedby, ariaLabelledby } = useFormFieldContext(rest);\n    const baseProps = getBaseProps(rest);\n    const checkboxRef = useRef<HTMLInputElement>(null);\n\n    const analyticsMetadata: GeneratedAnalyticsMetadataFragment = {};\n    const analyticsComponentMetadata: GeneratedAnalyticsMetadataToggleComponent = {\n      name: 'awsui.Toggle',\n      label: { root: 'self' },\n      properties: {\n        checked: `${!!checked}`,\n      },\n    };\n\n    if (__injectAnalyticsComponentMetadata) {\n      analyticsMetadata.component = analyticsComponentMetadata;\n    }\n\n    if (!disabled && !readOnly) {\n      analyticsMetadata.action = !checked ? 'select' : 'deselect';\n    }\n    useForwardFocus(ref, checkboxRef);\n\n    return (\n      <AbstractSwitch\n        {...baseProps}\n        className={clsx(styles.root, baseProps.className)}\n        controlClassName={clsx(styleClassNames?.control, styles['toggle-control'], {\n          [styles['toggle-control-checked']]: checked,\n          [styles['toggle-control-disabled']]: disabled,\n          [styles['toggle-control-readonly']]: readOnly,\n        })}\n        outlineClassName={styles.outline}\n        controlId={controlId}\n        disabled={disabled}\n        readOnly={readOnly}\n        label={children}\n        labelClassName={styleClassNames?.label}\n        description={description}\n        descriptionClassName={styleClassNames?.description}\n        descriptionBottomPadding={true}\n        ariaLabel={ariaLabel}\n        ariaLabelledby={ariaLabelledby}\n        ariaDescribedby={ariaDescribedby}\n        ariaControls={ariaControls}\n        nativeControl={nativeControlProps => (\n          <WithNativeAttributes\n            {...nativeControlProps}\n            tag=\"input\"\n            componentName=\"Toggle\"\n            nativeAttributes={nativeInputAttributes}\n            ref={checkboxRef}\n            type=\"checkbox\"\n            checked={checked}\n            name={name}\n            aria-disabled={readOnly && !disabled ? 'true' : undefined}\n            onFocus={() => fireNonCancelableEvent(onFocus)}\n            onBlur={() => fireNonCancelableEvent(onBlur)}\n            // empty handler to suppress React controllability warning\n            onChange={() => {}}\n          />\n        )}\n        onClick={() => {\n          checkboxRef.current?.focus();\n          fireNonCancelableEvent(onChange, { checked: !checked });\n        }}\n        styledControl={\n          /*Using span, not div for HTML validity*/\n          <span\n            className={clsx(styles['toggle-handle'], {\n              [styles['toggle-handle-checked']]: checked,\n              [styles['toggle-handle-disabled']]: disabled,\n              [styles['toggle-handle-readonly']]: readOnly,\n            })}\n            style={getStyledControlStyle(style, checked, disabled, readOnly)}\n          />\n        }\n        style={getAbstractSwitchStyles(style, checked, disabled, readOnly)}\n        __internalRootRef={__internalRootRef}\n        {...getAnalyticsMetadataAttribute(analyticsMetadata)}\n      />\n    );\n  }\n);\n\nexport default InternalToggle;\n"]}

package/toggle/styles.css.js

@@ -1,15 +1,15 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_4yi2u_4zozx_9",
-  "outline": "awsui_outline_4yi2u_4zozx_42",
-  "toggle-control": "awsui_toggle-control_4yi2u_4zozx_65",
-  "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_4zozx_78",
-  "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_4zozx_81",
-  "toggle-control-readonly": "awsui_toggle-control-readonly_4yi2u_4zozx_87",
-  "toggle-handle": "awsui_toggle-handle_4yi2u_4zozx_91",
-  "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_4zozx_116",
-  "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_4zozx_123",
-  "toggle-handle-readonly": "awsui_toggle-handle-readonly_4yi2u_4zozx_127"
+  "root": "awsui_root_4yi2u_1yvqv_40",
+  "outline": "awsui_outline_4yi2u_1yvqv_73",
+  "toggle-control": "awsui_toggle-control_4yi2u_1yvqv_95",
+  "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_1yvqv_115",
+  "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_1yvqv_118",
+  "toggle-control-readonly": "awsui_toggle-control-readonly_4yi2u_1yvqv_124",
+  "toggle-handle": "awsui_toggle-handle_4yi2u_1yvqv_128",
+  "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_1yvqv_153",
+  "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_1yvqv_160",
+  "toggle-handle-readonly": "awsui_toggle-handle-readonly_4yi2u_1yvqv_164"
 };
   

package/toggle/styles.scoped.css

@@ -6,7 +6,38 @@
 /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /* 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_4yi2u_4zozx_9:not(#\9) {
+@property --awsui-style-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --awsui-style-background-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --awsui-style-focus-ring-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --awsui-style-focus-ring-width {
+  syntax: "*";
+  inherits: false;
+}
+@property --awsui-style-focus-ring-radius {
+  syntax: "*";
+  inherits: false;
+}
+@property --awsui-style-focus-ring-gutter-block {
+  syntax: "*";
+  inherits: false;
+}
+@property --awsui-style-focus-ring-gutter-inline {
+  syntax: "*";
+  inherits: false;
+}
+/* awsui:style-api-slot name=control tokens=color, background-color, focus-ring-color, focus-ring-width, focus-ring-radius, focus-ring-gutter-block, focus-ring-gutter-inline */
+/* awsui:style-api-slot name=label tokens=color */
+/* awsui:style-api-slot name=description tokens=color */
+.awsui_root_4yi2u_1yvqv_40:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -39,63 +70,69 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: flex;
 }
 
-.awsui_outline_4yi2u_4zozx_42:not(#\9) {
-  --awsui-style-focus-ring-box-shadow-66120l: 0 0 0 var(--awsui-style-focus-ring-border-width-66120l, 2px) var(--awsui-style-focus-ring-border-color-66120l, var(--color-border-item-focused-sewkzn, #006ce0));
+.awsui_outline_4yi2u_1yvqv_73:not(#\9) {
   position: relative;
 }
-.awsui_outline_4yi2u_4zozx_42:not(#\9) {
+.awsui_outline_4yi2u_1yvqv_73:not(#\9) {
   outline: 2px dotted transparent;
-  outline-offset: calc(2px - 1px);
+  outline-offset: calc(var(--awsui-internal-style-focus-ring-gutter-inline, 2px) - 1px);
 }
-.awsui_outline_4yi2u_4zozx_42:not(#\9)::before {
+.awsui_outline_4yi2u_1yvqv_73:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
-  inset-inline-start: calc(-1 * 2px);
-  inset-block-start: calc(-1 * 2px);
-  inline-size: calc(100% + 2px + 2px);
-  block-size: calc(100% + 2px + 2px);
-  border-start-start-radius: var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-default-focus-ring-akwhsf, 4px));
-  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-default-focus-ring-akwhsf, 4px));
-  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-default-focus-ring-akwhsf, 4px));
-  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-default-focus-ring-akwhsf, 4px));
-  box-shadow: var(--awsui-style-focus-ring-box-shadow-66120l);
+  inset-inline-start: calc(-1 * var(--awsui-internal-style-focus-ring-gutter-inline, 2px));
+  inset-block-start: calc(-1 * var(--awsui-internal-style-focus-ring-gutter-block, 2px));
+  inline-size: calc(100% + var(--awsui-internal-style-focus-ring-gutter-inline, 2px) + var(--awsui-internal-style-focus-ring-gutter-inline, 2px));
+  block-size: calc(100% + var(--awsui-internal-style-focus-ring-gutter-block, 2px) + var(--awsui-internal-style-focus-ring-gutter-block, 2px));
+  border-start-start-radius: var(--awsui-internal-style-focus-ring-radius, var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-default-focus-ring-akwhsf, 4px)));
+  border-start-end-radius: var(--awsui-internal-style-focus-ring-radius, var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-default-focus-ring-akwhsf, 4px)));
+  border-end-start-radius: var(--awsui-internal-style-focus-ring-radius, var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-default-focus-ring-akwhsf, 4px)));
+  border-end-end-radius: var(--awsui-internal-style-focus-ring-radius, var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-default-focus-ring-akwhsf, 4px)));
+  box-shadow: 0 0 0 var(--awsui-internal-style-focus-ring-width, var(--awsui-style-focus-ring-border-width-66120l, 2px)) var(--awsui-internal-style-focus-ring-color, var(--awsui-style-focus-ring-border-color-66120l, var(--color-border-item-focused-sewkzn, #006ce0)));
 }
 
-.awsui_toggle-control_4yi2u_4zozx_65:not(#\9) {
+.awsui_toggle-control_4yi2u_1yvqv_95:not(#\9) {
+  --awsui-internal-style-color: var(--awsui-style-color);
+  --awsui-internal-style-background-color: var(--awsui-style-background-color);
+  --awsui-internal-style-focus-ring-color: var(--awsui-style-focus-ring-color);
+  --awsui-internal-style-focus-ring-width: var(--awsui-style-focus-ring-width);
+  --awsui-internal-style-focus-ring-radius: var(--awsui-style-focus-ring-radius);
+  --awsui-internal-style-focus-ring-gutter-block: var(--awsui-style-focus-ring-gutter-block);
+  --awsui-internal-style-focus-ring-gutter-inline: var(--awsui-style-focus-ring-gutter-inline);
   forced-color-adjust: none;
   margin-block-start: calc((var(--line-height-body-m-5xw6xo, 20px) - 16px) / 2);
   min-block-size: 16px;
   min-inline-size: 24px;
   block-size: 16px;
   inline-size: 24px;
-  background: var(--color-background-toggle-default-quxg9w, #424650);
+  background: var(--awsui-internal-style-background-color, var(--color-background-toggle-default-quxg9w, #424650));
   border-start-start-radius: 8px;
   border-start-end-radius: 8px;
   border-end-start-radius: 8px;
   border-end-end-radius: 8px;
 }
-.awsui_toggle-control-checked_4yi2u_4zozx_78:not(#\9) {
-  background: var(--color-background-control-checked-ksqwhc, #006ce0);
+.awsui_toggle-control-checked_4yi2u_1yvqv_115:not(#\9) {
+  background: var(--awsui-internal-style-background-color, var(--color-background-control-checked-ksqwhc, #006ce0));
 }
-.awsui_toggle-control-disabled_4yi2u_4zozx_81:not(#\9) {
-  background: var(--color-background-control-disabled-m61b8s, #dedee3);
+.awsui_toggle-control-disabled_4yi2u_1yvqv_118:not(#\9) {
+  background: var(--awsui-internal-style-background-color, var(--color-background-control-disabled-m61b8s, #dedee3));
 }
-.awsui_toggle-control-disabled_4yi2u_4zozx_81.awsui_toggle-control-checked_4yi2u_4zozx_78:not(#\9) {
-  background: var(--color-background-toggle-checked-disabled-81loy3, #b8e7ff);
+.awsui_toggle-control-disabled_4yi2u_1yvqv_118.awsui_toggle-control-checked_4yi2u_1yvqv_115:not(#\9) {
+  background: var(--awsui-internal-style-background-color, var(--color-background-toggle-checked-disabled-81loy3, #b8e7ff));
 }
-.awsui_toggle-control-readonly_4yi2u_4zozx_87:not(#\9) {
-  background: var(--color-background-control-disabled-m61b8s, #dedee3);
+.awsui_toggle-control-readonly_4yi2u_1yvqv_124:not(#\9) {
+  background: var(--awsui-internal-style-background-color, var(--color-background-control-disabled-m61b8s, #dedee3));
 }
 
-.awsui_toggle-handle_4yi2u_4zozx_91:not(#\9) {
+.awsui_toggle-handle_4yi2u_1yvqv_128:not(#\9) {
   display: block;
   position: absolute;
   border-start-start-radius: 6px;
   border-start-end-radius: 6px;
   border-end-start-radius: 6px;
   border-end-end-radius: 6px;
-  background: var(--color-foreground-control-default-poakg0, #ffffff);
+  background: var(--awsui-internal-style-color, var(--color-foreground-control-default-poakg0, #ffffff));
   box-shadow: 1px 1px var(--color-shadow-toggle-handle-h7hwyu, rgba(0, 0, 0, 0.25));
   inline-size: 12px;
   block-size: 12px;
@@ -104,29 +141,29 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition: transform var(--motion-duration-fast-yb0m8k, 90ms) var(--motion-easing-ease-out-quart-k5q7pi, cubic-bezier(0.165, 0.84, 0.44, 1)), background-color var(--motion-duration-fast-yb0m8k, 90ms) var(--motion-easing-ease-out-quart-k5q7pi, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_toggle-handle_4yi2u_4zozx_91:not(#\9) {
+  .awsui_toggle-handle_4yi2u_1yvqv_128:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_toggle-handle_4yi2u_4zozx_91:not(#\9), .awsui-mode-entering .awsui_toggle-handle_4yi2u_4zozx_91:not(#\9) {
+.awsui-motion-disabled .awsui_toggle-handle_4yi2u_1yvqv_128:not(#\9), .awsui-mode-entering .awsui_toggle-handle_4yi2u_1yvqv_128:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_toggle-handle-checked_4yi2u_4zozx_116:not(#\9) {
+.awsui_toggle-handle-checked_4yi2u_1yvqv_153:not(#\9) {
   transform: translateX(8px);
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_toggle-handle-checked_4yi2u_4zozx_116:not(#\9):dir(rtl) {
+.awsui_toggle-handle-checked_4yi2u_1yvqv_153:not(#\9):dir(rtl) {
   transform: translateX(-8px);
 }
-.awsui_toggle-handle-disabled_4yi2u_4zozx_123:not(#\9) {
-  background: var(--color-foreground-control-disabled-bikivj, #ffffff);
+.awsui_toggle-handle-disabled_4yi2u_1yvqv_160:not(#\9) {
+  background: var(--awsui-internal-style-color, var(--color-foreground-control-disabled-bikivj, #ffffff));
   box-shadow: none;
 }
-.awsui_toggle-handle-readonly_4yi2u_4zozx_127:not(#\9):not(.awsui_toggle-handle-disabled_4yi2u_4zozx_123) {
+.awsui_toggle-handle-readonly_4yi2u_1yvqv_164:not(#\9):not(.awsui_toggle-handle-disabled_4yi2u_1yvqv_160) {
   box-shadow: none;
 }
-.awsui_toggle-handle-readonly_4yi2u_4zozx_127:not(#\9):not(.awsui_toggle-handle-disabled_4yi2u_4zozx_123).awsui_toggle-handle-checked_4yi2u_4zozx_116 {
-  background: var(--color-foreground-control-read-only-8sqxyy, #656871);
+.awsui_toggle-handle-readonly_4yi2u_1yvqv_164:not(#\9):not(.awsui_toggle-handle-disabled_4yi2u_1yvqv_160).awsui_toggle-handle-checked_4yi2u_1yvqv_153 {
+  background: var(--awsui-internal-style-color, var(--color-foreground-control-read-only-8sqxyy, #656871));
 }

package/toggle/styles.selectors.js

@@ -2,15 +2,15 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_4yi2u_4zozx_9",
-  "outline": "awsui_outline_4yi2u_4zozx_42",
-  "toggle-control": "awsui_toggle-control_4yi2u_4zozx_65",
-  "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_4zozx_78",
-  "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_4zozx_81",
-  "toggle-control-readonly": "awsui_toggle-control-readonly_4yi2u_4zozx_87",
-  "toggle-handle": "awsui_toggle-handle_4yi2u_4zozx_91",
-  "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_4zozx_116",
-  "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_4zozx_123",
-  "toggle-handle-readonly": "awsui_toggle-handle-readonly_4yi2u_4zozx_127"
+  "root": "awsui_root_4yi2u_1yvqv_40",
+  "outline": "awsui_outline_4yi2u_1yvqv_73",
+  "toggle-control": "awsui_toggle-control_4yi2u_1yvqv_95",
+  "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_1yvqv_115",
+  "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_1yvqv_118",
+  "toggle-control-readonly": "awsui_toggle-control-readonly_4yi2u_1yvqv_124",
+  "toggle-handle": "awsui_toggle-handle_4yi2u_1yvqv_128",
+  "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_1yvqv_153",
+  "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_1yvqv_160",
+  "toggle-handle-readonly": "awsui_toggle-handle-readonly_4yi2u_1yvqv_164"
 };