@cloudscape-design/components 3.0.1390 → 3.0.1391

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 (23) hide show
  1. package/internal/base-component/styles.scoped.css +1 -1
  2. package/internal/components/radio-button/index.d.ts +4 -0
  3. package/internal/components/radio-button/index.d.ts.map +1 -1
  4. package/internal/components/radio-button/index.js +10 -4
  5. package/internal/components/radio-button/index.js.map +1 -1
  6. package/internal/components/radio-button/styles.css.js +7 -7
  7. package/internal/components/radio-button/styles.scoped.css +40 -33
  8. package/internal/components/radio-button/styles.selectors.js +7 -7
  9. package/internal/environment.js +2 -2
  10. package/internal/environment.json +2 -2
  11. package/internal/generated/theming/index.cjs +2 -0
  12. package/internal/generated/theming/index.d.cts +9 -0
  13. package/internal/generated/theming/index.d.ts +9 -0
  14. package/internal/generated/theming/index.js +2 -0
  15. package/internal/manifest.json +1 -1
  16. package/manifest.json +2 -2
  17. package/package.json +1 -1
  18. package/popover/styles.css.js +58 -58
  19. package/popover/styles.scoped.css +96 -91
  20. package/popover/styles.selectors.js +58 -58
  21. package/radio-button/styles.css.js +1 -1
  22. package/radio-button/styles.scoped.css +34 -1
  23. package/radio-button/styles.selectors.js +1 -1
package/internal/base-component/styles.scoped.css CHANGED
@@ -40,5 +40,5 @@
40
40
  }
41
41
  }
42
42
  :root {
43
- --awsui-version-info-818f03b7: true;
43
+ --awsui-version-info-ef70d2fa: true;
44
44
  }
package/internal/components/radio-button/index.d.ts CHANGED
@@ -3,7 +3,11 @@ import { RadioButtonProps } from '../../../radio-button/interfaces';
3
3
  import { InternalBaseComponentProps } from '../../hooks/use-base-component';
4
4
  import { SkipWarnings } from '../../utils/with-native-attributes';
5
5
  export interface InternalRadioButtonProps extends RadioButtonProps, InternalBaseComponentProps {
6
+ styleClassNames?: StyleClassNames;
6
7
  __skipNativeAttributesWarnings?: SkipWarnings;
7
8
  }
9
+ interface StyleClassNames {
10
+ control?: string;
11
+ }
8
12
  declare const _default: React.ForwardRefExoticComponent<InternalRadioButtonProps & React.RefAttributes<HTMLInputElement>>;
9
13
  export default _default;
package/internal/components/radio-button/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/radio-button/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAOtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAIpE,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAC5E,OAA6B,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAMxF,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB,EAAE,0BAA0B;IAC5F,8BAA8B,CAAC,EAAE,YAAY,CAAC;CAC/C;;AAED,wBAkGG"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/radio-button/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAOhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAIpE,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAC5E,OAA6B,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAMxF,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB,EAAE,0BAA0B;IAC5F,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,8BAA8B,CAAC,EAAE,YAAY,CAAC;CAC/C;AAGD,UAAU,eAAe;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;;AAED,wBA2GG"}
package/internal/components/radio-button/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
2
  // SPDX-License-Identifier: Apache-2.0
3
- import React, { useRef } from 'react';
3
+ import React, { useRef, useState } from 'react';
4
4
  import clsx from 'clsx';
5
5
  import { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';
6
6
  import { useSingleTabStopNavigation } from '@cloudscape-design/component-toolkit/internal';
@@ -12,12 +12,18 @@ import WithNativeAttributes from '../../utils/with-native-attributes';
12
12
  import { getAbstractSwitchStyles, getInnerCircleStyle, getOuterCircleStyle } from './style';
13
13
  import styles from './styles.css.js';
14
14
  import testUtilStyles from './test-classes/styles.css.js';
15
- export default React.forwardRef(function RadioButton({ name, children, value, checked, ariaLabel, ariaLabelledby, ariaDescribedby, description, disabled, controlId, readOnly, className, style, nativeInputAttributes, onSelect, __skipNativeAttributesWarnings, ...rest }, ref) {
15
+ export default React.forwardRef(function RadioButton({ name, children, value, checked, ariaLabel, ariaLabelledby, ariaDescribedby, description, disabled, controlId, readOnly, className, style, styleClassNames, nativeInputAttributes, onSelect, __skipNativeAttributesWarnings, ...rest }, ref) {
16
16
  const radioButtonRef = useRef(null);
17
17
  const mergedRefs = useMergeRefs(radioButtonRef, ref);
18
18
  const { tabIndex } = useSingleTabStopNavigation(radioButtonRef);
19
19
  const baseProps = getBaseProps(rest);
20
- return (React.createElement(AbstractSwitch, { ...baseProps, className: clsx(testUtilStyles.root, className), controlClassName: styles['radio-control'], outlineClassName: styles.outline, label: children, ariaLabel: ariaLabel, ariaLabelledby: ariaLabelledby, ariaDescribedby: ariaDescribedby, description: description, disabled: disabled, readOnly: readOnly, controlId: controlId, style: getAbstractSwitchStyles(style, checked, disabled, readOnly), __internalRootRef: rest.__internalRootRef, ...copyAnalyticsMetadataAttribute(rest), nativeControl: nativeControlProps => (React.createElement(WithNativeAttributes, { ...nativeControlProps, tag: "input", componentName: "RadioButton", nativeAttributes: nativeInputAttributes, skipWarnings: __skipNativeAttributesWarnings, tabIndex: tabIndex, type: "radio", ref: mergedRefs, name: name, value: value, checked: checked, "aria-disabled": readOnly && !disabled ? 'true' : undefined,
20
+ // The select animation only plays once the state has changed since mount.
21
+ const [initialChecked] = useState(!!checked);
22
+ const [hasChanged, setHasChanged] = useState(false);
23
+ if (!hasChanged && !!checked !== initialChecked) {
24
+ setHasChanged(true);
25
+ }
26
+ return (React.createElement(AbstractSwitch, { ...baseProps, className: clsx(testUtilStyles.root, className), controlClassName: clsx(styleClassNames === null || styleClassNames === void 0 ? void 0 : styleClassNames.control, styles['radio-control']), outlineClassName: styles.outline, label: children, ariaLabel: ariaLabel, ariaLabelledby: ariaLabelledby, ariaDescribedby: ariaDescribedby, description: description, disabled: disabled, readOnly: readOnly, controlId: controlId, style: getAbstractSwitchStyles(style, checked, disabled, readOnly), __internalRootRef: rest.__internalRootRef, ...copyAnalyticsMetadataAttribute(rest), nativeControl: nativeControlProps => (React.createElement(WithNativeAttributes, { ...nativeControlProps, tag: "input", componentName: "RadioButton", nativeAttributes: nativeInputAttributes, skipWarnings: __skipNativeAttributesWarnings, tabIndex: tabIndex, type: "radio", ref: mergedRefs, name: name, value: value, checked: checked, "aria-disabled": readOnly && !disabled ? 'true' : undefined,
21
27
  // empty handler to suppress React controllability warning
22
28
  onChange: () => { } })), onClick: () => {
23
29
  var _a;
@@ -34,6 +40,6 @@ export default React.forwardRef(function RadioButton({ name, children, value, ch
34
40
  [styles['styled-circle-disabled']]: disabled,
35
41
  [styles['styled-circle-checked']]: checked,
36
42
  [styles['styled-circle-readonly']]: readOnly,
37
- }), strokeWidth: 30, cx: 50, cy: 50, r: 35, style: getInnerCircleStyle(style, checked, disabled, readOnly) })) }));
43
+ }), "data-awsui-motion-ready": hasChanged ? '' : undefined, strokeWidth: 30, cx: 50, cy: 50, r: 35, style: getInnerCircleStyle(style, checked, disabled, readOnly) })) }));
38
44
  });
39
45
  //# sourceMappingURL=index.js.map
package/internal/components/radio-button/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/radio-button/index.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 { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';\nimport { useSingleTabStopNavigation } from '@cloudscape-design/component-toolkit/internal';\nimport { copyAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { RadioButtonProps } from '../../../radio-button/interfaces';\nimport { getBaseProps } from '../../base-component';\nimport AbstractSwitch from '../../components/abstract-switch';\nimport { fireNonCancelableEvent } from '../../events';\nimport { InternalBaseComponentProps } from '../../hooks/use-base-component';\nimport WithNativeAttributes, { SkipWarnings } from '../../utils/with-native-attributes';\nimport { getAbstractSwitchStyles, getInnerCircleStyle, getOuterCircleStyle } from './style';\n\nimport styles from './styles.css.js';\nimport testUtilStyles from './test-classes/styles.css.js';\n\nexport interface InternalRadioButtonProps extends RadioButtonProps, InternalBaseComponentProps {\n __skipNativeAttributesWarnings?: SkipWarnings;\n}\n\nexport default React.forwardRef(function RadioButton(\n {\n name,\n children,\n value,\n checked,\n ariaLabel,\n ariaLabelledby,\n ariaDescribedby,\n description,\n disabled,\n controlId,\n readOnly,\n className,\n style,\n nativeInputAttributes,\n onSelect,\n __skipNativeAttributesWarnings,\n ...rest\n }: InternalRadioButtonProps,\n ref: React.Ref<HTMLInputElement>\n) {\n const radioButtonRef = useRef<HTMLInputElement>(null);\n const mergedRefs = useMergeRefs(radioButtonRef, ref);\n\n const { tabIndex } = useSingleTabStopNavigation(radioButtonRef);\n const baseProps = getBaseProps(rest);\n\n return (\n <AbstractSwitch\n {...baseProps}\n className={clsx(testUtilStyles.root, className)}\n controlClassName={styles['radio-control']}\n outlineClassName={styles.outline}\n label={children}\n ariaLabel={ariaLabel}\n ariaLabelledby={ariaLabelledby}\n ariaDescribedby={ariaDescribedby}\n description={description}\n disabled={disabled}\n readOnly={readOnly}\n controlId={controlId}\n style={getAbstractSwitchStyles(style, checked, disabled, readOnly)}\n __internalRootRef={rest.__internalRootRef}\n {...copyAnalyticsMetadataAttribute(rest)}\n nativeControl={nativeControlProps => (\n <WithNativeAttributes<HTMLInputElement, React.InputHTMLAttributes<HTMLInputElement>>\n {...nativeControlProps}\n tag=\"input\"\n componentName=\"RadioButton\"\n nativeAttributes={nativeInputAttributes}\n skipWarnings={__skipNativeAttributesWarnings}\n tabIndex={tabIndex}\n type=\"radio\"\n ref={mergedRefs}\n name={name}\n value={value}\n checked={checked}\n aria-disabled={readOnly && !disabled ? 'true' : undefined}\n // empty handler to suppress React controllability warning\n onChange={() => {}}\n />\n )}\n onClick={() => {\n radioButtonRef.current?.focus();\n if (!checked) {\n fireNonCancelableEvent(onSelect);\n }\n }}\n styledControl={\n <svg viewBox=\"0 0 100 100\" focusable=\"false\" aria-hidden=\"true\">\n <circle\n className={clsx(styles['styled-circle-border'], {\n [styles['styled-circle-disabled']]: disabled,\n [styles['styled-circle-readonly']]: readOnly,\n })}\n strokeWidth={6.25}\n cx={50}\n cy={50}\n r={46}\n style={getOuterCircleStyle(style, checked, disabled, readOnly)}\n />\n <circle\n className={clsx(styles['styled-circle-fill'], {\n [styles['styled-circle-disabled']]: disabled,\n [styles['styled-circle-checked']]: checked,\n [styles['styled-circle-readonly']]: readOnly,\n })}\n strokeWidth={30}\n cx={50}\n cy={50}\n r={35}\n style={getInnerCircleStyle(style, checked, disabled, readOnly)}\n />\n </svg>\n }\n />\n );\n});\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/radio-button/index.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, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';\nimport { useSingleTabStopNavigation } from '@cloudscape-design/component-toolkit/internal';\nimport { copyAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { RadioButtonProps } from '../../../radio-button/interfaces';\nimport { getBaseProps } from '../../base-component';\nimport AbstractSwitch from '../../components/abstract-switch';\nimport { fireNonCancelableEvent } from '../../events';\nimport { InternalBaseComponentProps } from '../../hooks/use-base-component';\nimport WithNativeAttributes, { SkipWarnings } from '../../utils/with-native-attributes';\nimport { getAbstractSwitchStyles, getInnerCircleStyle, getOuterCircleStyle } from './style';\n\nimport styles from './styles.css.js';\nimport testUtilStyles from './test-classes/styles.css.js';\n\nexport interface InternalRadioButtonProps extends RadioButtonProps, InternalBaseComponentProps {\n styleClassNames?: StyleClassNames;\n __skipNativeAttributesWarnings?: SkipWarnings;\n}\n\n// Style API v2\ninterface StyleClassNames {\n control?: string;\n}\n\nexport default React.forwardRef(function RadioButton(\n {\n name,\n children,\n value,\n checked,\n ariaLabel,\n ariaLabelledby,\n ariaDescribedby,\n description,\n disabled,\n controlId,\n readOnly,\n className,\n style,\n styleClassNames,\n nativeInputAttributes,\n onSelect,\n __skipNativeAttributesWarnings,\n ...rest\n }: InternalRadioButtonProps,\n ref: React.Ref<HTMLInputElement>\n) {\n const radioButtonRef = useRef<HTMLInputElement>(null);\n const mergedRefs = useMergeRefs(radioButtonRef, ref);\n\n const { tabIndex } = useSingleTabStopNavigation(radioButtonRef);\n const baseProps = getBaseProps(rest);\n\n // The select animation only plays once the state has changed since mount.\n const [initialChecked] = useState(!!checked);\n const [hasChanged, setHasChanged] = useState(false);\n if (!hasChanged && !!checked !== initialChecked) {\n setHasChanged(true);\n }\n\n return (\n <AbstractSwitch\n {...baseProps}\n className={clsx(testUtilStyles.root, className)}\n controlClassName={clsx(styleClassNames?.control, styles['radio-control'])}\n outlineClassName={styles.outline}\n label={children}\n ariaLabel={ariaLabel}\n ariaLabelledby={ariaLabelledby}\n ariaDescribedby={ariaDescribedby}\n description={description}\n disabled={disabled}\n readOnly={readOnly}\n controlId={controlId}\n style={getAbstractSwitchStyles(style, checked, disabled, readOnly)}\n __internalRootRef={rest.__internalRootRef}\n {...copyAnalyticsMetadataAttribute(rest)}\n nativeControl={nativeControlProps => (\n <WithNativeAttributes<HTMLInputElement, React.InputHTMLAttributes<HTMLInputElement>>\n {...nativeControlProps}\n tag=\"input\"\n componentName=\"RadioButton\"\n nativeAttributes={nativeInputAttributes}\n skipWarnings={__skipNativeAttributesWarnings}\n tabIndex={tabIndex}\n type=\"radio\"\n ref={mergedRefs}\n name={name}\n value={value}\n checked={checked}\n aria-disabled={readOnly && !disabled ? 'true' : undefined}\n // empty handler to suppress React controllability warning\n onChange={() => {}}\n />\n )}\n onClick={() => {\n radioButtonRef.current?.focus();\n if (!checked) {\n fireNonCancelableEvent(onSelect);\n }\n }}\n styledControl={\n <svg viewBox=\"0 0 100 100\" focusable=\"false\" aria-hidden=\"true\">\n <circle\n className={clsx(styles['styled-circle-border'], {\n [styles['styled-circle-disabled']]: disabled,\n [styles['styled-circle-readonly']]: readOnly,\n })}\n strokeWidth={6.25}\n cx={50}\n cy={50}\n r={46}\n style={getOuterCircleStyle(style, checked, disabled, readOnly)}\n />\n <circle\n className={clsx(styles['styled-circle-fill'], {\n [styles['styled-circle-disabled']]: disabled,\n [styles['styled-circle-checked']]: checked,\n [styles['styled-circle-readonly']]: readOnly,\n })}\n data-awsui-motion-ready={hasChanged ? '' : undefined}\n strokeWidth={30}\n cx={50}\n cy={50}\n r={35}\n style={getInnerCircleStyle(style, checked, disabled, readOnly)}\n />\n </svg>\n }\n />\n );\n});\n"]}
package/internal/components/radio-button/styles.css.js CHANGED
@@ -1,12 +1,12 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "radio-control": "awsui_radio-control_1v1hk_1gmfp_9",
5
- "outline": "awsui_outline_1v1hk_1gmfp_17",
6
- "styled-circle-border": "awsui_styled-circle-border_1v1hk_1gmfp_40",
7
- "styled-circle-disabled": "awsui_styled-circle-disabled_1v1hk_1gmfp_44",
8
- "styled-circle-readonly": "awsui_styled-circle-readonly_1v1hk_1gmfp_44",
9
- "styled-circle-fill": "awsui_styled-circle-fill_1v1hk_1gmfp_49",
10
- "styled-circle-checked": "awsui_styled-circle-checked_1v1hk_1gmfp_65"
4
+ "radio-control": "awsui_radio-control_1v1hk_1t39s_9",
5
+ "outline": "awsui_outline_1v1hk_1t39s_25",
6
+ "styled-circle-border": "awsui_styled-circle-border_1v1hk_1t39s_47",
7
+ "styled-circle-disabled": "awsui_styled-circle-disabled_1v1hk_1t39s_51",
8
+ "styled-circle-readonly": "awsui_styled-circle-readonly_1v1hk_1t39s_51",
9
+ "styled-circle-fill": "awsui_styled-circle-fill_1v1hk_1t39s_56",
10
+ "styled-circle-checked": "awsui_styled-circle-checked_1v1hk_1t39s_72"
11
11
  };
12
12
 
package/internal/components/radio-button/styles.scoped.css CHANGED
@@ -6,7 +6,15 @@
6
6
  /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
7
7
  /* Style used for links in slots/components that are text heavy, to help links stand out among
8
8
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
9
- .awsui_radio-control_1v1hk_1gmfp_9:not(#\9) {
9
+ .awsui_radio-control_1v1hk_1t39s_9:not(#\9) {
10
+ --awsui-internal-style-color: var(--awsui-style-color);
11
+ --awsui-internal-style-background-color: var(--awsui-style-background-color);
12
+ --awsui-internal-style-border-color: var(--awsui-style-border-color);
13
+ --awsui-internal-style-focus-ring-color: var(--awsui-style-focus-ring-color);
14
+ --awsui-internal-style-focus-ring-width: var(--awsui-style-focus-ring-width);
15
+ --awsui-internal-style-focus-ring-radius: var(--awsui-style-focus-ring-radius);
16
+ --awsui-internal-style-focus-ring-gutter-block: var(--awsui-style-focus-ring-gutter-block);
17
+ --awsui-internal-style-focus-ring-gutter-inline: var(--awsui-style-focus-ring-gutter-inline);
10
18
  margin-block-start: calc((var(--line-height-body-m-5xw6xo, 20px) - var(--size-control-jpgj8e, 16px)) / 2);
11
19
  min-block-size: var(--size-control-jpgj8e, 16px);
12
20
  min-inline-size: var(--size-control-jpgj8e, 16px);
@@ -14,62 +22,61 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
14
22
  inline-size: var(--size-control-jpgj8e, 16px);
15
23
  }
16
24
 
17
- .awsui_outline_1v1hk_1gmfp_17:not(#\9) {
18
- --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));
25
+ .awsui_outline_1v1hk_1t39s_25:not(#\9) {
19
26
  position: relative;
20
27
  }
21
- .awsui_outline_1v1hk_1gmfp_17:not(#\9) {
28
+ .awsui_outline_1v1hk_1t39s_25:not(#\9) {
22
29
  outline: 2px dotted transparent;
23
- outline-offset: calc(2px - 1px);
30
+ outline-offset: calc(var(--awsui-internal-style-focus-ring-gutter-inline, 2px) - 1px);
24
31
  }
25
- .awsui_outline_1v1hk_1gmfp_17:not(#\9)::before {
32
+ .awsui_outline_1v1hk_1t39s_25:not(#\9)::before {
26
33
  content: " ";
27
34
  display: block;
28
35
  position: absolute;
29
- inset-inline-start: calc(-1 * 2px);
30
- inset-block-start: calc(-1 * 2px);
31
- inline-size: calc(100% + 2px + 2px);
32
- block-size: calc(100% + 2px + 2px);
33
- border-start-start-radius: var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-circular-focus-ring-go6crh, 4px));
34
- border-start-end-radius: var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-circular-focus-ring-go6crh, 4px));
35
- border-end-start-radius: var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-circular-focus-ring-go6crh, 4px));
36
- border-end-end-radius: var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-circular-focus-ring-go6crh, 4px));
37
- box-shadow: var(--awsui-style-focus-ring-box-shadow-66120l);
36
+ inset-inline-start: calc(-1 * var(--awsui-internal-style-focus-ring-gutter-inline, 2px));
37
+ inset-block-start: calc(-1 * var(--awsui-internal-style-focus-ring-gutter-block, 2px));
38
+ inline-size: calc(100% + var(--awsui-internal-style-focus-ring-gutter-inline, 2px) + var(--awsui-internal-style-focus-ring-gutter-inline, 2px));
39
+ block-size: calc(100% + var(--awsui-internal-style-focus-ring-gutter-block, 2px) + var(--awsui-internal-style-focus-ring-gutter-block, 2px));
40
+ border-start-start-radius: var(--awsui-internal-style-focus-ring-radius, var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-circular-focus-ring-go6crh, 4px)));
41
+ border-start-end-radius: var(--awsui-internal-style-focus-ring-radius, var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-circular-focus-ring-go6crh, 4px)));
42
+ border-end-start-radius: var(--awsui-internal-style-focus-ring-radius, var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-circular-focus-ring-go6crh, 4px)));
43
+ border-end-end-radius: var(--awsui-internal-style-focus-ring-radius, var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-circular-focus-ring-go6crh, 4px)));
44
+ 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)));
38
45
  }
39
46
 
40
- .awsui_styled-circle-border_1v1hk_1gmfp_40:not(#\9) {
41
- stroke: var(--color-border-control-default-9qbus4, #8c8c94);
42
- fill: var(--color-background-control-default-9p1s17, #ffffff);
47
+ .awsui_styled-circle-border_1v1hk_1t39s_47:not(#\9) {
48
+ stroke: var(--awsui-internal-style-border-color, var(--color-border-control-default-9qbus4, #8c8c94));
49
+ fill: var(--awsui-internal-style-background-color, var(--color-background-control-default-9p1s17, #ffffff));
43
50
  }
44
- .awsui_styled-circle-border_1v1hk_1gmfp_40.awsui_styled-circle-disabled_1v1hk_1gmfp_44:not(#\9), .awsui_styled-circle-border_1v1hk_1gmfp_40.awsui_styled-circle-readonly_1v1hk_1gmfp_44:not(#\9) {
45
- fill: var(--color-background-control-disabled-m61b8s, #dedee3);
46
- stroke: var(--color-background-control-disabled-m61b8s, #dedee3);
51
+ .awsui_styled-circle-border_1v1hk_1t39s_47.awsui_styled-circle-disabled_1v1hk_1t39s_51:not(#\9), .awsui_styled-circle-border_1v1hk_1t39s_47.awsui_styled-circle-readonly_1v1hk_1t39s_51:not(#\9) {
52
+ fill: var(--awsui-internal-style-background-color, var(--color-background-control-disabled-m61b8s, #dedee3));
53
+ stroke: var(--awsui-internal-style-border-color, var(--color-background-control-disabled-m61b8s, #dedee3));
47
54
  }
48
55
 
49
- .awsui_styled-circle-fill_1v1hk_1gmfp_49:not(#\9) {
50
- stroke: var(--color-background-control-checked-ksqwhc, #006ce0);
51
- fill: var(--color-foreground-control-default-poakg0, #ffffff);
56
+ .awsui_styled-circle-fill_1v1hk_1t39s_56:not(#\9) {
57
+ stroke: var(--awsui-internal-style-background-color, var(--color-background-control-checked-ksqwhc, #006ce0));
58
+ fill: var(--awsui-internal-style-color, var(--color-foreground-control-default-poakg0, #ffffff));
52
59
  opacity: 0;
53
60
  transition: opacity var(--motion-duration-transition-quick-1p8yzt, 90ms) var(--motion-easing-transition-quick-afgcka, linear);
54
61
  }
55
62
  @media (prefers-reduced-motion: reduce) {
56
- .awsui_styled-circle-fill_1v1hk_1gmfp_49:not(#\9) {
63
+ .awsui_styled-circle-fill_1v1hk_1t39s_56:not(#\9) {
57
64
  animation: none;
58
65
  transition: none;
59
66
  }
60
67
  }
61
- .awsui-motion-disabled .awsui_styled-circle-fill_1v1hk_1gmfp_49:not(#\9), .awsui-mode-entering .awsui_styled-circle-fill_1v1hk_1gmfp_49:not(#\9) {
68
+ .awsui-motion-disabled .awsui_styled-circle-fill_1v1hk_1t39s_56:not(#\9), .awsui-mode-entering .awsui_styled-circle-fill_1v1hk_1t39s_56:not(#\9) {
62
69
  animation: none;
63
70
  transition: none;
64
71
  }
65
- .awsui_styled-circle-fill_1v1hk_1gmfp_49.awsui_styled-circle-checked_1v1hk_1gmfp_65:not(#\9) {
72
+ .awsui_styled-circle-fill_1v1hk_1t39s_56.awsui_styled-circle-checked_1v1hk_1t39s_72:not(#\9) {
66
73
  opacity: 1;
67
74
  }
68
- .awsui_styled-circle-fill_1v1hk_1gmfp_49.awsui_styled-circle-disabled_1v1hk_1gmfp_44:not(#\9) {
69
- fill: var(--color-foreground-control-disabled-bikivj, #ffffff);
70
- stroke: var(--color-background-control-disabled-m61b8s, #dedee3);
75
+ .awsui_styled-circle-fill_1v1hk_1t39s_56.awsui_styled-circle-disabled_1v1hk_1t39s_51:not(#\9) {
76
+ fill: var(--awsui-internal-style-color, var(--color-foreground-control-disabled-bikivj, #ffffff));
77
+ stroke: var(--awsui-internal-style-background-color, var(--color-background-control-disabled-m61b8s, #dedee3));
71
78
  }
72
- .awsui_styled-circle-fill_1v1hk_1gmfp_49.awsui_styled-circle-readonly_1v1hk_1gmfp_44:not(#\9) {
73
- fill: var(--color-foreground-control-read-only-8sqxyy, #656871);
74
- stroke: var(--color-background-control-disabled-m61b8s, #dedee3);
79
+ .awsui_styled-circle-fill_1v1hk_1t39s_56.awsui_styled-circle-readonly_1v1hk_1t39s_51:not(#\9) {
80
+ fill: var(--awsui-internal-style-color, var(--color-foreground-control-read-only-8sqxyy, #656871));
81
+ stroke: var(--awsui-internal-style-background-color, var(--color-background-control-disabled-m61b8s, #dedee3));
75
82
  }
package/internal/components/radio-button/styles.selectors.js CHANGED
@@ -2,12 +2,12 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "radio-control": "awsui_radio-control_1v1hk_1gmfp_9",
6
- "outline": "awsui_outline_1v1hk_1gmfp_17",
7
- "styled-circle-border": "awsui_styled-circle-border_1v1hk_1gmfp_40",
8
- "styled-circle-disabled": "awsui_styled-circle-disabled_1v1hk_1gmfp_44",
9
- "styled-circle-readonly": "awsui_styled-circle-readonly_1v1hk_1gmfp_44",
10
- "styled-circle-fill": "awsui_styled-circle-fill_1v1hk_1gmfp_49",
11
- "styled-circle-checked": "awsui_styled-circle-checked_1v1hk_1gmfp_65"
5
+ "radio-control": "awsui_radio-control_1v1hk_1t39s_9",
6
+ "outline": "awsui_outline_1v1hk_1t39s_25",
7
+ "styled-circle-border": "awsui_styled-circle-border_1v1hk_1t39s_47",
8
+ "styled-circle-disabled": "awsui_styled-circle-disabled_1v1hk_1t39s_51",
9
+ "styled-circle-readonly": "awsui_styled-circle-readonly_1v1hk_1t39s_51",
10
+ "styled-circle-fill": "awsui_styled-circle-fill_1v1hk_1t39s_56",
11
+ "styled-circle-checked": "awsui_styled-circle-checked_1v1hk_1t39s_72"
12
12
  };
13
13
 
package/internal/environment.js CHANGED
@@ -1,6 +1,6 @@
1
1
  export var PACKAGE_SOURCE = "components";
2
- export var PACKAGE_VERSION = "3.0.0 (818f03b7)";
3
- export var GIT_SHA = "818f03b7";
2
+ export var PACKAGE_VERSION = "3.0.0 (ef70d2fa)";
3
+ export var GIT_SHA = "ef70d2fa";
4
4
  export var THEME = "open-source-visual-refresh";
5
5
  export var SYSTEM = "core";
6
6
  export var ALWAYS_VISUAL_REFRESH = true;
package/internal/environment.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "PACKAGE_SOURCE": "components",
3
- "PACKAGE_VERSION": "3.0.0 (818f03b7)",
4
- "GIT_SHA": "818f03b7",
3
+ "PACKAGE_VERSION": "3.0.0 (ef70d2fa)",
4
+ "GIT_SHA": "ef70d2fa",
5
5
  "THEME": "open-source-visual-refresh",
6
6
  "SYSTEM": "core",
7
7
  "ALWAYS_VISUAL_REFRESH": true,
package/internal/generated/theming/index.cjs CHANGED
@@ -16767,6 +16767,7 @@ module.exports.preset = {
16767
16767
  "colorBackgroundLayoutAiDrawer",
16768
16768
  "colorBackgroundBackdrop",
16769
16769
  "colorBackgroundLayoutPanel",
16770
+ "colorBackgroundLayoutPanelContent",
16770
16771
  "colorBackgroundLayoutToolbar",
16771
16772
  "colorBackgroundLayoutToggleActive",
16772
16773
  "colorBackgroundLayoutToggleDefault",
@@ -17334,6 +17335,7 @@ module.exports.preset = {
17334
17335
  "colorBackgroundLayoutMain",
17335
17336
  "colorBackgroundBackdrop",
17336
17337
  "colorBackgroundLayoutPanel",
17338
+ "colorBackgroundLayoutPanelContent",
17337
17339
  "colorBackgroundLayoutToolbar",
17338
17340
  "colorBackgroundLayoutToggleActive",
17339
17341
  "colorBackgroundLayoutToggleDefault",
package/internal/generated/theming/index.d.cts CHANGED
@@ -122,6 +122,7 @@ export declare interface TypedOverride {
122
122
  colorBackgroundLayoutAiDrawer?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
123
123
  colorBackgroundBackdrop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
124
124
  colorBackgroundLayoutPanel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
125
+ colorBackgroundLayoutPanelContent?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
125
126
  colorBackgroundLayoutToolbar?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
126
127
  colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
127
128
  colorBackgroundLayoutToggleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -600,6 +601,7 @@ export declare interface TypedOverride {
600
601
  colorBackgroundLayoutAiDrawer?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
601
602
  colorBackgroundBackdrop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
602
603
  colorBackgroundLayoutPanel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
604
+ colorBackgroundLayoutPanelContent?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
603
605
  colorBackgroundLayoutToolbar?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
604
606
  colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
605
607
  colorBackgroundLayoutToggleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1078,6 +1080,7 @@ export declare interface TypedOverride {
1078
1080
  colorBackgroundLayoutAiDrawer?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1079
1081
  colorBackgroundBackdrop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1080
1082
  colorBackgroundLayoutPanel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1083
+ colorBackgroundLayoutPanelContent?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1081
1084
  colorBackgroundLayoutToolbar?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1082
1085
  colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1083
1086
  colorBackgroundLayoutToggleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1556,6 +1559,7 @@ export declare interface TypedOverride {
1556
1559
  colorBackgroundLayoutAiDrawer?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1557
1560
  colorBackgroundBackdrop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1558
1561
  colorBackgroundLayoutPanel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1562
+ colorBackgroundLayoutPanelContent?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1559
1563
  colorBackgroundLayoutToolbar?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1560
1564
  colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1561
1565
  colorBackgroundLayoutToggleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -2034,6 +2038,7 @@ export declare interface TypedOverride {
2034
2038
  colorBackgroundLayoutAiDrawer?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2035
2039
  colorBackgroundBackdrop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2036
2040
  colorBackgroundLayoutPanel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2041
+ colorBackgroundLayoutPanelContent?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2037
2042
  colorBackgroundLayoutToolbar?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2038
2043
  colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2039
2044
  colorBackgroundLayoutToggleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -2512,6 +2517,7 @@ export declare interface TypedOverride {
2512
2517
  colorBackgroundLayoutAiDrawer?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2513
2518
  colorBackgroundBackdrop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2514
2519
  colorBackgroundLayoutPanel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2520
+ colorBackgroundLayoutPanelContent?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2515
2521
  colorBackgroundLayoutToolbar?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2516
2522
  colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2517
2523
  colorBackgroundLayoutToggleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -2990,6 +2996,7 @@ export declare interface TypedOverride {
2990
2996
  colorBackgroundLayoutAiDrawer?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2991
2997
  colorBackgroundBackdrop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2992
2998
  colorBackgroundLayoutPanel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2999
+ colorBackgroundLayoutPanelContent?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2993
3000
  colorBackgroundLayoutToolbar?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2994
3001
  colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2995
3002
  colorBackgroundLayoutToggleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -3468,6 +3475,7 @@ export declare interface TypedOverride {
3468
3475
  colorBackgroundLayoutAiDrawer?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3469
3476
  colorBackgroundBackdrop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3470
3477
  colorBackgroundLayoutPanel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3478
+ colorBackgroundLayoutPanelContent?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3471
3479
  colorBackgroundLayoutToolbar?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3472
3480
  colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3473
3481
  colorBackgroundLayoutToggleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -3946,6 +3954,7 @@ export declare interface TypedOverride {
3946
3954
  colorBackgroundLayoutAiDrawer?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3947
3955
  colorBackgroundBackdrop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3948
3956
  colorBackgroundLayoutPanel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3957
+ colorBackgroundLayoutPanelContent?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3949
3958
  colorBackgroundLayoutToolbar?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3950
3959
  colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3951
3960
  colorBackgroundLayoutToggleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
package/internal/generated/theming/index.d.ts CHANGED
@@ -121,6 +121,7 @@ export declare interface TypedOverride {
121
121
  colorBackgroundLayoutAiDrawer?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
122
122
  colorBackgroundBackdrop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
123
123
  colorBackgroundLayoutPanel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
124
+ colorBackgroundLayoutPanelContent?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
124
125
  colorBackgroundLayoutToolbar?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
125
126
  colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
126
127
  colorBackgroundLayoutToggleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -599,6 +600,7 @@ export declare interface TypedOverride {
599
600
  colorBackgroundLayoutAiDrawer?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
600
601
  colorBackgroundBackdrop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
601
602
  colorBackgroundLayoutPanel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
603
+ colorBackgroundLayoutPanelContent?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
602
604
  colorBackgroundLayoutToolbar?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
603
605
  colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
604
606
  colorBackgroundLayoutToggleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1077,6 +1079,7 @@ export declare interface TypedOverride {
1077
1079
  colorBackgroundLayoutAiDrawer?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1078
1080
  colorBackgroundBackdrop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1079
1081
  colorBackgroundLayoutPanel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1082
+ colorBackgroundLayoutPanelContent?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1080
1083
  colorBackgroundLayoutToolbar?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1081
1084
  colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1082
1085
  colorBackgroundLayoutToggleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1555,6 +1558,7 @@ export declare interface TypedOverride {
1555
1558
  colorBackgroundLayoutAiDrawer?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1556
1559
  colorBackgroundBackdrop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1557
1560
  colorBackgroundLayoutPanel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1561
+ colorBackgroundLayoutPanelContent?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1558
1562
  colorBackgroundLayoutToolbar?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1559
1563
  colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1560
1564
  colorBackgroundLayoutToggleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -2033,6 +2037,7 @@ export declare interface TypedOverride {
2033
2037
  colorBackgroundLayoutAiDrawer?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2034
2038
  colorBackgroundBackdrop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2035
2039
  colorBackgroundLayoutPanel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2040
+ colorBackgroundLayoutPanelContent?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2036
2041
  colorBackgroundLayoutToolbar?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2037
2042
  colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2038
2043
  colorBackgroundLayoutToggleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -2511,6 +2516,7 @@ export declare interface TypedOverride {
2511
2516
  colorBackgroundLayoutAiDrawer?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2512
2517
  colorBackgroundBackdrop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2513
2518
  colorBackgroundLayoutPanel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2519
+ colorBackgroundLayoutPanelContent?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2514
2520
  colorBackgroundLayoutToolbar?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2515
2521
  colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2516
2522
  colorBackgroundLayoutToggleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -2989,6 +2995,7 @@ export declare interface TypedOverride {
2989
2995
  colorBackgroundLayoutAiDrawer?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2990
2996
  colorBackgroundBackdrop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2991
2997
  colorBackgroundLayoutPanel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2998
+ colorBackgroundLayoutPanelContent?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2992
2999
  colorBackgroundLayoutToolbar?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2993
3000
  colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2994
3001
  colorBackgroundLayoutToggleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -3467,6 +3474,7 @@ export declare interface TypedOverride {
3467
3474
  colorBackgroundLayoutAiDrawer?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3468
3475
  colorBackgroundBackdrop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3469
3476
  colorBackgroundLayoutPanel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3477
+ colorBackgroundLayoutPanelContent?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3470
3478
  colorBackgroundLayoutToolbar?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3471
3479
  colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3472
3480
  colorBackgroundLayoutToggleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -3945,6 +3953,7 @@ export declare interface TypedOverride {
3945
3953
  colorBackgroundLayoutAiDrawer?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3946
3954
  colorBackgroundBackdrop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3947
3955
  colorBackgroundLayoutPanel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3956
+ colorBackgroundLayoutPanelContent?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3948
3957
  colorBackgroundLayoutToolbar?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3949
3958
  colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3950
3959
  colorBackgroundLayoutToggleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
package/internal/generated/theming/index.js CHANGED
@@ -16767,6 +16767,7 @@ export var preset = {
16767
16767
  "colorBackgroundLayoutAiDrawer",
16768
16768
  "colorBackgroundBackdrop",
16769
16769
  "colorBackgroundLayoutPanel",
16770
+ "colorBackgroundLayoutPanelContent",
16770
16771
  "colorBackgroundLayoutToolbar",
16771
16772
  "colorBackgroundLayoutToggleActive",
16772
16773
  "colorBackgroundLayoutToggleDefault",
@@ -17334,6 +17335,7 @@ export var preset = {
17334
17335
  "colorBackgroundLayoutMain",
17335
17336
  "colorBackgroundBackdrop",
17336
17337
  "colorBackgroundLayoutPanel",
17338
+ "colorBackgroundLayoutPanelContent",
17337
17339
  "colorBackgroundLayoutToolbar",
17338
17340
  "colorBackgroundLayoutToggleActive",
17339
17341
  "colorBackgroundLayoutToggleDefault",
package/internal/manifest.json CHANGED
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "818f03b7d0b724a127f867eea3baf00ec85440f4"
2
+ "commit": "ef70d2fa2db69a881f12085257fe32df66d54de8"
3
3
  }
package/manifest.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "artifactId": "10974574258",
2
+ "artifactId": "11091080666",
3
3
  "repoName": "components",
4
- "commitSha": "818f03b7d0b724a127f867eea3baf00ec85440f4"
4
+ "commitSha": "ef70d2fa2db69a881f12085257fe32df66d54de8"
5
5
  }
package/package.json CHANGED
@@ -377,7 +377,7 @@
377
377
  "./internal/base-theme/styles.css.js",
378
378
  "./internal/base-component/styles.css.js"
379
379
  ],
380
- "version": "3.0.1390",
380
+ "version": "3.0.1391",
381
381
  "repository": {
382
382
  "type": "git",
383
383
  "url": "https://github.com/cloudscape-design/components.git"