@cloudscape-design/components 3.0.1180 → 3.0.1182

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 +15 -15
  2. package/internal/components/autosuggest-input/index.d.ts.map +1 -1
  3. package/internal/components/autosuggest-input/index.js +6 -0
  4. package/internal/components/autosuggest-input/index.js.map +1 -1
  5. package/internal/environment.js +2 -2
  6. package/internal/environment.json +2 -2
  7. package/internal/generated/styles/tokens.d.ts +4 -4
  8. package/internal/generated/styles/tokens.js +4 -4
  9. package/internal/generated/theming/index.cjs +44 -40
  10. package/internal/generated/theming/index.cjs.d.ts +18 -0
  11. package/internal/generated/theming/index.d.ts +18 -0
  12. package/internal/generated/theming/index.js +44 -40
  13. package/internal/hooks/use-ime-composition/index.d.ts +12 -0
  14. package/internal/hooks/use-ime-composition/index.d.ts.map +1 -0
  15. package/internal/hooks/use-ime-composition/index.js +39 -0
  16. package/internal/hooks/use-ime-composition/index.js.map +1 -0
  17. package/internal/manifest.json +1 -1
  18. package/package.json +1 -1
  19. package/progress-bar/styles.css.js +19 -19
  20. package/progress-bar/styles.scoped.css +38 -38
  21. package/progress-bar/styles.selectors.js +19 -19
  22. package/select/parts/filter.js +1 -1
  23. package/select/parts/filter.js.map +1 -1
package/internal/base-component/styles.scoped.css CHANGED
@@ -298,10 +298,10 @@ body {
298
298
  --color-background-notification-stack-bar-active-a4h9r8:var(--color-neutral-750-pi9qqd);
299
299
  --color-background-notification-stack-bar-hover-jh82oo:var(--color-neutral-650-miik4f);
300
300
  --color-background-popover-e20fy8:var(--color-white-p1zlvy);
301
- --color-background-progress-bar-content-default-il6sg6:var(--color-primary-600-1lcy1k);
302
- --color-background-progress-bar-content-in-flash-98s7uz:var(--color-white-p1zlvy);
303
- --color-background-progress-bar-layout-default-z3ipl1:var(--color-neutral-250-vs1is4);
304
- --color-background-progress-bar-layout-in-flash-wssh6k:var(--color-grey-opaque-25-cjy3al);
301
+ --color-background-progress-bar-value-default-9zs42p:var(--color-primary-600-1lcy1k);
302
+ --color-background-progress-bar-value-in-flash-q2h8w5:var(--color-white-p1zlvy);
303
+ --color-background-progress-bar-default-4755ec:var(--color-neutral-250-vs1is4);
304
+ --color-background-progress-bar-in-flash-f4k60b:var(--color-grey-opaque-25-cjy3al);
305
305
  --color-background-segment-active-1u2ldl:var(--color-primary-600-1lcy1k);
306
306
  --color-background-segment-default-b0r494:var(--color-background-button-normal-default-7f99mv);
307
307
  --color-background-segment-disabled-m2a5t7:var(--color-background-button-normal-disabled-hl039l);
@@ -913,8 +913,8 @@ body {
913
913
  --color-background-layout-toggle-selected-hover-7953u1:var(--color-primary-300-5q65ox);
914
914
  --color-background-notification-grey-x3vul6:var(--color-neutral-600-fln1ww);
915
915
  --color-background-popover-e20fy8:var(--color-neutral-800-t7j5ap);
916
- --color-background-progress-bar-content-default-il6sg6:var(--color-primary-400-n8h4bx);
917
- --color-background-progress-bar-layout-default-z3ipl1:var(--color-neutral-700-qw8ats);
916
+ --color-background-progress-bar-value-default-9zs42p:var(--color-primary-400-n8h4bx);
917
+ --color-background-progress-bar-default-4755ec:var(--color-neutral-700-qw8ats);
918
918
  --color-background-segment-active-1u2ldl:var(--color-primary-400-n8h4bx);
919
919
  --color-background-slider-handle-default-lp5ntg:var(--color-primary-400-n8h4bx);
920
920
  --color-background-slider-handle-active-50ubqb:var(--color-primary-300-5q65ox);
@@ -1173,8 +1173,8 @@ body {
1173
1173
  --color-background-layout-toggle-selected-hover-7953u1:var(--color-primary-300-5q65ox);
1174
1174
  --color-background-notification-grey-x3vul6:var(--color-neutral-600-fln1ww);
1175
1175
  --color-background-popover-e20fy8:var(--color-neutral-800-t7j5ap);
1176
- --color-background-progress-bar-content-default-il6sg6:var(--color-primary-400-n8h4bx);
1177
- --color-background-progress-bar-layout-default-z3ipl1:var(--color-neutral-700-qw8ats);
1176
+ --color-background-progress-bar-value-default-9zs42p:var(--color-primary-400-n8h4bx);
1177
+ --color-background-progress-bar-default-4755ec:var(--color-neutral-700-qw8ats);
1178
1178
  --color-background-segment-active-1u2ldl:var(--color-primary-400-n8h4bx);
1179
1179
  --color-background-slider-handle-default-lp5ntg:var(--color-primary-400-n8h4bx);
1180
1180
  --color-background-slider-handle-active-50ubqb:var(--color-primary-300-5q65ox);
@@ -1401,8 +1401,8 @@ body {
1401
1401
  --color-background-layout-toggle-selected-hover-7953u1:var(--color-primary-300-5q65ox);
1402
1402
  --color-background-notification-grey-x3vul6:var(--color-neutral-600-fln1ww);
1403
1403
  --color-background-popover-e20fy8:var(--color-neutral-800-t7j5ap);
1404
- --color-background-progress-bar-content-default-il6sg6:var(--color-primary-400-n8h4bx);
1405
- --color-background-progress-bar-layout-default-z3ipl1:var(--color-neutral-700-qw8ats);
1404
+ --color-background-progress-bar-value-default-9zs42p:var(--color-primary-400-n8h4bx);
1405
+ --color-background-progress-bar-default-4755ec:var(--color-neutral-700-qw8ats);
1406
1406
  --color-background-segment-active-1u2ldl:var(--color-primary-400-n8h4bx);
1407
1407
  --color-background-segment-default-b0r494:var(--color-neutral-950-lxybh8);
1408
1408
  --color-background-segment-disabled-m2a5t7:var(--color-neutral-950-lxybh8);
@@ -1646,8 +1646,8 @@ body {
1646
1646
  --color-background-button-normal-active-5imwxd:rgba(0, 7, 22, 0.1);
1647
1647
  --color-background-button-normal-default-7f99mv:transparent;
1648
1648
  --color-background-button-normal-hover-53op9s:rgba(0, 7, 22, 0.05);
1649
- --color-background-progress-bar-content-in-flash-98s7uz:var(--color-neutral-950-lxybh8);
1650
- --color-background-progress-bar-layout-in-flash-wssh6k:var(--color-grey-opaque-10-vwfmts);
1649
+ --color-background-progress-bar-value-in-flash-q2h8w5:var(--color-neutral-950-lxybh8);
1650
+ --color-background-progress-bar-in-flash-f4k60b:var(--color-grey-opaque-10-vwfmts);
1651
1651
  --color-border-button-normal-active-ru7yhb:var(--color-text-button-normal-hover-gusgyv);
1652
1652
  --color-border-button-normal-default-glqfp1:var(--color-text-button-normal-default-nzalii);
1653
1653
  --color-border-button-normal-hover-6a2tdq:var(--color-text-button-normal-hover-gusgyv);
@@ -1759,8 +1759,8 @@ body {
1759
1759
  --color-background-layout-toggle-selected-hover-7953u1:var(--color-primary-300-5q65ox);
1760
1760
  --color-background-notification-grey-x3vul6:var(--color-neutral-600-fln1ww);
1761
1761
  --color-background-popover-e20fy8:var(--color-neutral-800-t7j5ap);
1762
- --color-background-progress-bar-content-default-il6sg6:var(--color-primary-400-n8h4bx);
1763
- --color-background-progress-bar-layout-default-z3ipl1:var(--color-neutral-700-qw8ats);
1762
+ --color-background-progress-bar-value-default-9zs42p:var(--color-primary-400-n8h4bx);
1763
+ --color-background-progress-bar-default-4755ec:var(--color-neutral-700-qw8ats);
1764
1764
  --color-background-segment-active-1u2ldl:var(--color-primary-400-n8h4bx);
1765
1765
  --color-background-slider-handle-default-lp5ntg:var(--color-primary-400-n8h4bx);
1766
1766
  --color-background-slider-handle-active-50ubqb:var(--color-primary-300-5q65ox);
@@ -2034,5 +2034,5 @@ body {
2034
2034
  }
2035
2035
  }
2036
2036
  :root {
2037
- --awsui-version-info-7746a982: true;
2037
+ --awsui-version-info-dcf2b46d: true;
2038
2038
  }
package/internal/components/autosuggest-input/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/autosuggest-input/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAgE,MAAM,OAAO,CAAC;AAGrF,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EACL,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,eAAe,EACf,cAAc,EACd,UAAU,EACX,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAE,kBAAkB,EAAgB,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAAE,+BAA+B,EAAuB,MAAM,kCAAkC,CAAC;AACxG,OAAO,EAA8D,yBAAyB,EAAE,MAAM,cAAc,CAAC;AACrH,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAK5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAI1D,UAAU,qBACR,SAAQ,kBAAkB,EACxB,cAAc,EACd,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,+BAA+B,EAC/B,gBAAgB,EAChB,0BAA0B;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,CAAC;IAClD,cAAc,CAAC,EAAE,yBAAyB,CAAC,gBAAgB,CAAC,CAAC;IAC7D,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,OAAO,CAAC;IAC7B,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;CAC7B;AAED,UAAU,4BAA4B;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,mBAAoB,SAAQ,gBAAgB,CAAC,GAAG;IAC/D,KAAK,CAAC,OAAO,CAAC,EAAE,4BAA4B,GAAG,IAAI,CAAC;IACpD,IAAI,IAAI,IAAI,CAAC;IACb,KAAK,IAAI,IAAI,CAAC;CACf;AAED,QAAA,MAAM,gBAAgB,mGAgRrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/autosuggest-input/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAgE,MAAM,OAAO,CAAC;AAGrF,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EACL,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,eAAe,EACf,cAAc,EACd,UAAU,EACX,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAE,kBAAkB,EAAgB,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAAE,+BAA+B,EAAuB,MAAM,kCAAkC,CAAC;AACxG,OAAO,EAA8D,yBAAyB,EAAE,MAAM,cAAc,CAAC;AACrH,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAM5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAI1D,UAAU,qBACR,SAAQ,kBAAkB,EACxB,cAAc,EACd,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,+BAA+B,EAC/B,gBAAgB,EAChB,0BAA0B;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,CAAC;IAClD,cAAc,CAAC,EAAE,yBAAyB,CAAC,gBAAgB,CAAC,CAAC;IAC7D,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,OAAO,CAAC;IAC7B,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;CAC7B;AAED,UAAU,4BAA4B;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,mBAAoB,SAAQ,gBAAgB,CAAC,GAAG;IAC/D,KAAK,CAAC,OAAO,CAAC,EAAE,4BAA4B,GAAG,IAAI,CAAC;IACpD,IAAI,IAAI,IAAI,CAAC;IACb,KAAK,IAAI,IAAI,CAAC;CACf;AAED,QAAA,MAAM,gBAAgB,mGAuRrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
package/internal/components/autosuggest-input/index.js CHANGED
@@ -6,6 +6,7 @@ import InternalInput from '../../../input/internal';
6
6
  import { getBaseProps } from '../../base-component';
7
7
  import { useFormFieldContext } from '../../context/form-field-context';
8
8
  import { fireCancelableEvent, fireNonCancelableEvent } from '../../events';
9
+ import { useIMEComposition } from '../../hooks/use-ime-composition';
9
10
  import { KeyCode } from '../../keycode';
10
11
  import { nodeBelongs } from '../../utils/node-belongs';
11
12
  import { processAttributes } from '../../utils/with-native-attributes';
@@ -25,6 +26,7 @@ const AutosuggestInput = React.forwardRef(({ value, onChange, onBlur, onFocus, o
25
26
  setOpen(false);
26
27
  fireNonCancelableEvent(onCloseDropdown, null);
27
28
  };
29
+ const { isComposing } = useIMEComposition(inputRef);
28
30
  useImperativeHandle(ref, () => ({
29
31
  focus(options) {
30
32
  var _a;
@@ -84,6 +86,10 @@ const AutosuggestInput = React.forwardRef(({ value, onChange, onBlur, onFocus, o
84
86
  break;
85
87
  }
86
88
  case KeyCode.enter: {
89
+ if (isComposing()) {
90
+ event.preventDefault();
91
+ return;
92
+ }
87
93
  if (open) {
88
94
  if (!(onPressEnter === null || onPressEnter === void 0 ? void 0 : onPressEnter())) {
89
95
  closeDropdown();
package/internal/components/autosuggest-input/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/autosuggest-input/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\n\nimport React, { Ref, useEffect, useImperativeHandle, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { AutosuggestProps } from '../../../autosuggest/interfaces';\nimport {\n BaseChangeDetail,\n BaseInputProps,\n InputAutoCorrect,\n InputClearLabel,\n InputKeyEvents,\n InputProps,\n} from '../../../input/interfaces';\nimport InternalInput from '../../../input/internal';\nimport { BaseComponentProps, getBaseProps } from '../../base-component';\nimport { FormFieldValidationControlProps, useFormFieldContext } from '../../context/form-field-context';\nimport { BaseKeyDetail, fireCancelableEvent, fireNonCancelableEvent, NonCancelableEventHandler } from '../../events';\nimport { InternalBaseComponentProps } from '../../hooks/use-base-component';\nimport { KeyCode } from '../../keycode';\nimport { nodeBelongs } from '../../utils/node-belongs';\nimport { processAttributes } from '../../utils/with-native-attributes';\nimport Dropdown from '../dropdown';\nimport { ExpandToViewport } from '../dropdown/interfaces';\n\nimport styles from './styles.css.js';\n\ninterface AutosuggestInputProps\n extends BaseComponentProps,\n BaseInputProps,\n InputAutoCorrect,\n InputKeyEvents,\n InputClearLabel,\n FormFieldValidationControlProps,\n ExpandToViewport,\n InternalBaseComponentProps {\n ariaControls?: string;\n ariaActivedescendant?: string;\n dropdownExpanded?: boolean;\n dropdownContentKey?: string;\n dropdownContentFocusable?: boolean;\n dropdownContent?: React.ReactNode;\n dropdownFooter?: React.ReactNode;\n dropdownWidth?: number;\n loopFocus?: boolean;\n onCloseDropdown?: NonCancelableEventHandler<null>;\n onDelayedInput?: NonCancelableEventHandler<BaseChangeDetail>;\n onPressArrowDown?: () => void;\n onPressArrowUp?: () => void;\n onPressEnter?: () => boolean;\n style?: InputProps['style'];\n}\n\ninterface AutosuggestInputFocusOptions {\n preventDropdown?: boolean;\n}\n\nexport interface AutosuggestInputRef extends AutosuggestProps.Ref {\n focus(options?: AutosuggestInputFocusOptions): void;\n open(): void;\n close(): void;\n}\n\nconst AutosuggestInput = React.forwardRef(\n (\n {\n value,\n onChange,\n onBlur,\n onFocus,\n onKeyUp,\n onKeyDown,\n name,\n placeholder,\n disabled,\n readOnly,\n autoFocus,\n ariaLabel,\n ariaRequired,\n disableBrowserAutocorrect = false,\n expandToViewport,\n ariaControls,\n ariaActivedescendant,\n clearAriaLabel,\n dropdownExpanded = true,\n dropdownContentKey,\n dropdownContentFocusable = false,\n dropdownContent = null,\n dropdownFooter = null,\n dropdownWidth,\n loopFocus,\n nativeInputAttributes,\n onCloseDropdown,\n onDelayedInput,\n onPressArrowDown,\n onPressArrowUp,\n onPressEnter,\n style,\n __internalRootRef,\n ...restProps\n }: AutosuggestInputProps,\n ref: Ref<AutosuggestInputRef>\n ) => {\n const baseProps = getBaseProps(restProps);\n const formFieldContext = useFormFieldContext(restProps);\n\n const inputRef = useRef<HTMLInputElement>(null);\n const dropdownContentRef = useRef<HTMLDivElement>(null);\n const dropdownFooterRef = useRef<HTMLDivElement>(null);\n const preventOpenOnFocusRef = useRef(false);\n const preventCloseOnBlurRef = useRef(false);\n\n const [open, setOpen] = useState(false);\n\n const openDropdown = () => !readOnly && setOpen(true);\n\n const closeDropdown = () => {\n setOpen(false);\n fireNonCancelableEvent(onCloseDropdown, null);\n };\n\n useImperativeHandle(ref, () => ({\n focus(options?: AutosuggestInputFocusOptions) {\n if (options?.preventDropdown) {\n preventOpenOnFocusRef.current = true;\n }\n inputRef.current?.focus();\n },\n select() {\n inputRef.current?.select();\n },\n open: openDropdown,\n close: closeDropdown,\n }));\n\n const handleBlur = () => {\n if (!preventCloseOnBlurRef.current) {\n closeDropdown();\n fireNonCancelableEvent(onBlur, null);\n }\n };\n\n const handleFocus = () => {\n if (!preventOpenOnFocusRef.current) {\n openDropdown();\n fireNonCancelableEvent(onFocus, null);\n }\n preventOpenOnFocusRef.current = false;\n };\n\n const fireKeydown = (event: CustomEvent<BaseKeyDetail>) => fireCancelableEvent(onKeyDown, event.detail, event);\n\n // Shared ESC key handler logic for both input and dropdown elements\n // When returnFocus is true (from dropdown elements), focus returns to input after closing\n const handleEscapeKey = (returnFocus: boolean) => {\n if (open) {\n closeDropdown();\n if (returnFocus) {\n // Return focus to input when closing from dropdown elements (e.g., recovery button)\n inputRef.current?.focus();\n }\n } else if (value) {\n fireNonCancelableEvent(onChange, { value: '' });\n }\n };\n\n const handleKeyDown = (event: CustomEvent<BaseKeyDetail>) => {\n switch (event.detail.keyCode) {\n case KeyCode.down: {\n onPressArrowDown?.();\n openDropdown();\n event.preventDefault();\n break;\n }\n case KeyCode.up: {\n onPressArrowUp?.();\n openDropdown();\n event.preventDefault();\n break;\n }\n case KeyCode.enter: {\n if (open) {\n if (!onPressEnter?.()) {\n closeDropdown();\n }\n event.preventDefault();\n }\n fireKeydown(event);\n break;\n }\n case KeyCode.escape: {\n // Use shared ESC handler, without focus restoration since ESC came from input\n handleEscapeKey(false);\n if (open || value) {\n event.stopPropagation();\n }\n event.preventDefault();\n fireKeydown(event);\n break;\n }\n default: {\n fireKeydown(event);\n }\n }\n };\n\n const handleChange = (value: string) => {\n openDropdown();\n fireNonCancelableEvent(onChange, { value });\n };\n\n const handleDelayedInput = (value: string) => {\n fireNonCancelableEvent(onDelayedInput, { value });\n };\n\n const handleDropdownMouseDown: React.MouseEventHandler = event => {\n // Prevent currently focused element from losing focus.\n if (!dropdownContentFocusable) {\n event.preventDefault();\n }\n // Prevent closing dropdown on click inside.\n else {\n preventCloseOnBlurRef.current = true;\n requestAnimationFrame(() => {\n preventCloseOnBlurRef.current = false;\n });\n }\n };\n\n const expanded = open && dropdownExpanded;\n const nativeAttributes: BaseInputProps['nativeInputAttributes'] = {\n name,\n placeholder,\n autoFocus,\n onClick: openDropdown,\n role: 'combobox',\n 'aria-autocomplete': 'list',\n 'aria-expanded': expanded,\n 'aria-controls': open ? ariaControls : undefined,\n // 'aria-owns' needed for safari+vo to announce activedescendant content\n 'aria-owns': open ? ariaControls : undefined,\n 'aria-label': ariaLabel,\n 'aria-activedescendant': ariaActivedescendant,\n };\n\n // Closes dropdown when outside click is detected.\n // Similar to the internal dropdown implementation but includes the target as well.\n useEffect(() => {\n if (!open) {\n return;\n }\n\n const clickListener = (event: MouseEvent) => {\n if (\n !nodeBelongs(inputRef.current, event.target) &&\n !nodeBelongs(dropdownContentRef.current, event.target) &&\n !nodeBelongs(dropdownFooterRef.current, event.target)\n ) {\n closeDropdown();\n }\n };\n\n window.addEventListener('mousedown', clickListener);\n\n return () => {\n window.removeEventListener('mousedown', clickListener);\n };\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [open]);\n\n const handleDropdownKeyDown: React.KeyboardEventHandler = event => {\n // Handle ESC key from focusable elements inside the dropdown (e.g., recovery button)\n // but NOT from the input itself (that's handled by handleKeyDown)\n const isFromInput = event.target === inputRef.current || nodeBelongs(inputRef.current, event.target);\n\n if (event.key === 'Escape' && !isFromInput) {\n event.stopPropagation();\n event.preventDefault();\n // Use shared ESC handler with focus restoration since ESC came from dropdown element\n handleEscapeKey(true);\n }\n };\n\n return (\n <div {...baseProps} className={clsx(baseProps.className, styles.root)} ref={__internalRootRef}>\n <Dropdown\n minWidth={dropdownWidth}\n stretchWidth={!dropdownWidth}\n stretchBeyondTriggerWidth={true}\n contentKey={dropdownContentKey}\n onFocus={handleFocus}\n onBlur={handleBlur}\n trigger={\n <InternalInput\n type=\"visualSearch\"\n value={value}\n onChange={event => handleChange(event.detail.value)}\n __onDelayedInput={event => handleDelayedInput(event.detail.value)}\n onKeyDown={handleKeyDown}\n onKeyUp={onKeyUp}\n disabled={disabled}\n disableBrowserAutocorrect={disableBrowserAutocorrect}\n readOnly={readOnly}\n ariaRequired={ariaRequired}\n clearAriaLabel={clearAriaLabel}\n ref={inputRef}\n autoComplete={false}\n nativeInputAttributes={processAttributes(nativeAttributes, nativeInputAttributes, 'Autosuggest')}\n __skipNativeAttributesWarnings={Object.keys(nativeAttributes)}\n style={style}\n {...formFieldContext}\n />\n }\n onMouseDown={handleDropdownMouseDown}\n open={open && (!!dropdownContent || !!dropdownFooter)}\n footer={\n dropdownFooterRef && (\n <div ref={dropdownFooterRef} className={styles['dropdown-footer']} onKeyDown={handleDropdownKeyDown}>\n {open && dropdownFooter ? dropdownFooter : null}\n </div>\n )\n }\n expandToViewport={expandToViewport}\n loopFocus={loopFocus}\n >\n {open && dropdownContent ? (\n <div ref={dropdownContentRef} className={styles['dropdown-content']}>\n {dropdownContent}\n </div>\n ) : null}\n </Dropdown>\n </div>\n );\n }\n);\n\nexport default AutosuggestInput;\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/autosuggest-input/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\n\nimport React, { Ref, useEffect, useImperativeHandle, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { AutosuggestProps } from '../../../autosuggest/interfaces';\nimport {\n BaseChangeDetail,\n BaseInputProps,\n InputAutoCorrect,\n InputClearLabel,\n InputKeyEvents,\n InputProps,\n} from '../../../input/interfaces';\nimport InternalInput from '../../../input/internal';\nimport { BaseComponentProps, getBaseProps } from '../../base-component';\nimport { FormFieldValidationControlProps, useFormFieldContext } from '../../context/form-field-context';\nimport { BaseKeyDetail, fireCancelableEvent, fireNonCancelableEvent, NonCancelableEventHandler } from '../../events';\nimport { InternalBaseComponentProps } from '../../hooks/use-base-component';\nimport { useIMEComposition } from '../../hooks/use-ime-composition';\nimport { KeyCode } from '../../keycode';\nimport { nodeBelongs } from '../../utils/node-belongs';\nimport { processAttributes } from '../../utils/with-native-attributes';\nimport Dropdown from '../dropdown';\nimport { ExpandToViewport } from '../dropdown/interfaces';\n\nimport styles from './styles.css.js';\n\ninterface AutosuggestInputProps\n extends BaseComponentProps,\n BaseInputProps,\n InputAutoCorrect,\n InputKeyEvents,\n InputClearLabel,\n FormFieldValidationControlProps,\n ExpandToViewport,\n InternalBaseComponentProps {\n ariaControls?: string;\n ariaActivedescendant?: string;\n dropdownExpanded?: boolean;\n dropdownContentKey?: string;\n dropdownContentFocusable?: boolean;\n dropdownContent?: React.ReactNode;\n dropdownFooter?: React.ReactNode;\n dropdownWidth?: number;\n loopFocus?: boolean;\n onCloseDropdown?: NonCancelableEventHandler<null>;\n onDelayedInput?: NonCancelableEventHandler<BaseChangeDetail>;\n onPressArrowDown?: () => void;\n onPressArrowUp?: () => void;\n onPressEnter?: () => boolean;\n style?: InputProps['style'];\n}\n\ninterface AutosuggestInputFocusOptions {\n preventDropdown?: boolean;\n}\n\nexport interface AutosuggestInputRef extends AutosuggestProps.Ref {\n focus(options?: AutosuggestInputFocusOptions): void;\n open(): void;\n close(): void;\n}\n\nconst AutosuggestInput = React.forwardRef(\n (\n {\n value,\n onChange,\n onBlur,\n onFocus,\n onKeyUp,\n onKeyDown,\n name,\n placeholder,\n disabled,\n readOnly,\n autoFocus,\n ariaLabel,\n ariaRequired,\n disableBrowserAutocorrect = false,\n expandToViewport,\n ariaControls,\n ariaActivedescendant,\n clearAriaLabel,\n dropdownExpanded = true,\n dropdownContentKey,\n dropdownContentFocusable = false,\n dropdownContent = null,\n dropdownFooter = null,\n dropdownWidth,\n loopFocus,\n nativeInputAttributes,\n onCloseDropdown,\n onDelayedInput,\n onPressArrowDown,\n onPressArrowUp,\n onPressEnter,\n style,\n __internalRootRef,\n ...restProps\n }: AutosuggestInputProps,\n ref: Ref<AutosuggestInputRef>\n ) => {\n const baseProps = getBaseProps(restProps);\n const formFieldContext = useFormFieldContext(restProps);\n\n const inputRef = useRef<HTMLInputElement>(null);\n const dropdownContentRef = useRef<HTMLDivElement>(null);\n const dropdownFooterRef = useRef<HTMLDivElement>(null);\n const preventOpenOnFocusRef = useRef(false);\n const preventCloseOnBlurRef = useRef(false);\n\n const [open, setOpen] = useState(false);\n\n const openDropdown = () => !readOnly && setOpen(true);\n\n const closeDropdown = () => {\n setOpen(false);\n fireNonCancelableEvent(onCloseDropdown, null);\n };\n\n const { isComposing } = useIMEComposition(inputRef);\n\n useImperativeHandle(ref, () => ({\n focus(options?: AutosuggestInputFocusOptions) {\n if (options?.preventDropdown) {\n preventOpenOnFocusRef.current = true;\n }\n inputRef.current?.focus();\n },\n select() {\n inputRef.current?.select();\n },\n open: openDropdown,\n close: closeDropdown,\n }));\n\n const handleBlur = () => {\n if (!preventCloseOnBlurRef.current) {\n closeDropdown();\n fireNonCancelableEvent(onBlur, null);\n }\n };\n\n const handleFocus = () => {\n if (!preventOpenOnFocusRef.current) {\n openDropdown();\n fireNonCancelableEvent(onFocus, null);\n }\n preventOpenOnFocusRef.current = false;\n };\n\n const fireKeydown = (event: CustomEvent<BaseKeyDetail>) => fireCancelableEvent(onKeyDown, event.detail, event);\n\n // Shared ESC key handler logic for both input and dropdown elements\n // When returnFocus is true (from dropdown elements), focus returns to input after closing\n const handleEscapeKey = (returnFocus: boolean) => {\n if (open) {\n closeDropdown();\n if (returnFocus) {\n // Return focus to input when closing from dropdown elements (e.g., recovery button)\n inputRef.current?.focus();\n }\n } else if (value) {\n fireNonCancelableEvent(onChange, { value: '' });\n }\n };\n\n const handleKeyDown = (event: CustomEvent<BaseKeyDetail>) => {\n switch (event.detail.keyCode) {\n case KeyCode.down: {\n onPressArrowDown?.();\n openDropdown();\n event.preventDefault();\n break;\n }\n case KeyCode.up: {\n onPressArrowUp?.();\n openDropdown();\n event.preventDefault();\n break;\n }\n case KeyCode.enter: {\n if (isComposing()) {\n event.preventDefault();\n return;\n }\n\n if (open) {\n if (!onPressEnter?.()) {\n closeDropdown();\n }\n event.preventDefault();\n }\n fireKeydown(event);\n break;\n }\n case KeyCode.escape: {\n // Use shared ESC handler, without focus restoration since ESC came from input\n handleEscapeKey(false);\n if (open || value) {\n event.stopPropagation();\n }\n event.preventDefault();\n fireKeydown(event);\n break;\n }\n default: {\n fireKeydown(event);\n }\n }\n };\n\n const handleChange = (value: string) => {\n openDropdown();\n fireNonCancelableEvent(onChange, { value });\n };\n\n const handleDelayedInput = (value: string) => {\n fireNonCancelableEvent(onDelayedInput, { value });\n };\n\n const handleDropdownMouseDown: React.MouseEventHandler = event => {\n // Prevent currently focused element from losing focus.\n if (!dropdownContentFocusable) {\n event.preventDefault();\n }\n // Prevent closing dropdown on click inside.\n else {\n preventCloseOnBlurRef.current = true;\n requestAnimationFrame(() => {\n preventCloseOnBlurRef.current = false;\n });\n }\n };\n\n const expanded = open && dropdownExpanded;\n const nativeAttributes: BaseInputProps['nativeInputAttributes'] = {\n name,\n placeholder,\n autoFocus,\n onClick: openDropdown,\n role: 'combobox',\n 'aria-autocomplete': 'list',\n 'aria-expanded': expanded,\n 'aria-controls': open ? ariaControls : undefined,\n // 'aria-owns' needed for safari+vo to announce activedescendant content\n 'aria-owns': open ? ariaControls : undefined,\n 'aria-label': ariaLabel,\n 'aria-activedescendant': ariaActivedescendant,\n };\n\n // Closes dropdown when outside click is detected.\n // Similar to the internal dropdown implementation but includes the target as well.\n useEffect(() => {\n if (!open) {\n return;\n }\n\n const clickListener = (event: MouseEvent) => {\n if (\n !nodeBelongs(inputRef.current, event.target) &&\n !nodeBelongs(dropdownContentRef.current, event.target) &&\n !nodeBelongs(dropdownFooterRef.current, event.target)\n ) {\n closeDropdown();\n }\n };\n\n window.addEventListener('mousedown', clickListener);\n\n return () => {\n window.removeEventListener('mousedown', clickListener);\n };\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [open]);\n\n const handleDropdownKeyDown: React.KeyboardEventHandler = event => {\n // Handle ESC key from focusable elements inside the dropdown (e.g., recovery button)\n // but NOT from the input itself (that's handled by handleKeyDown)\n const isFromInput = event.target === inputRef.current || nodeBelongs(inputRef.current, event.target);\n\n if (event.key === 'Escape' && !isFromInput) {\n event.stopPropagation();\n event.preventDefault();\n // Use shared ESC handler with focus restoration since ESC came from dropdown element\n handleEscapeKey(true);\n }\n };\n\n return (\n <div {...baseProps} className={clsx(baseProps.className, styles.root)} ref={__internalRootRef}>\n <Dropdown\n minWidth={dropdownWidth}\n stretchWidth={!dropdownWidth}\n stretchBeyondTriggerWidth={true}\n contentKey={dropdownContentKey}\n onFocus={handleFocus}\n onBlur={handleBlur}\n trigger={\n <InternalInput\n type=\"visualSearch\"\n value={value}\n onChange={event => handleChange(event.detail.value)}\n __onDelayedInput={event => handleDelayedInput(event.detail.value)}\n onKeyDown={handleKeyDown}\n onKeyUp={onKeyUp}\n disabled={disabled}\n disableBrowserAutocorrect={disableBrowserAutocorrect}\n readOnly={readOnly}\n ariaRequired={ariaRequired}\n clearAriaLabel={clearAriaLabel}\n ref={inputRef}\n autoComplete={false}\n nativeInputAttributes={processAttributes(nativeAttributes, nativeInputAttributes, 'Autosuggest')}\n __skipNativeAttributesWarnings={Object.keys(nativeAttributes)}\n style={style}\n {...formFieldContext}\n />\n }\n onMouseDown={handleDropdownMouseDown}\n open={open && (!!dropdownContent || !!dropdownFooter)}\n footer={\n dropdownFooterRef && (\n <div ref={dropdownFooterRef} className={styles['dropdown-footer']} onKeyDown={handleDropdownKeyDown}>\n {open && dropdownFooter ? dropdownFooter : null}\n </div>\n )\n }\n expandToViewport={expandToViewport}\n loopFocus={loopFocus}\n >\n {open && dropdownContent ? (\n <div ref={dropdownContentRef} className={styles['dropdown-content']}>\n {dropdownContent}\n </div>\n ) : null}\n </Dropdown>\n </div>\n );\n }\n);\n\nexport default AutosuggestInput;\n"]}
package/internal/environment.js CHANGED
@@ -1,6 +1,6 @@
1
1
  export var PACKAGE_SOURCE = "components";
2
- export var PACKAGE_VERSION = "3.0.0 (7746a982)";
3
- export var GIT_SHA = "7746a982";
2
+ export var PACKAGE_VERSION = "3.0.0 (dcf2b46d)";
3
+ export var GIT_SHA = "dcf2b46d";
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 (7746a982)",
4
- "GIT_SHA": "7746a982",
3
+ "PACKAGE_VERSION": "3.0.0 (dcf2b46d)",
4
+ "GIT_SHA": "dcf2b46d",
5
5
  "THEME": "open-source-visual-refresh",
6
6
  "SYSTEM": "core",
7
7
  "ALWAYS_VISUAL_REFRESH": true
package/internal/generated/styles/tokens.d.ts CHANGED
@@ -340,10 +340,10 @@ export const colorBackgroundNotificationStackBar: string;
340
340
  export const colorBackgroundNotificationStackBarActive: string;
341
341
  export const colorBackgroundNotificationStackBarHover: string;
342
342
  export const colorBackgroundPopover: string;
343
- export const colorBackgroundProgressBarContentDefault: string;
344
- export const colorBackgroundProgressBarContentInFlash: string;
345
- export const colorBackgroundProgressBarLayoutDefault: string;
346
- export const colorBackgroundProgressBarLayoutInFlash: string;
343
+ export const colorBackgroundProgressBarValueDefault: string;
344
+ export const colorBackgroundProgressBarValueInFlash: string;
345
+ export const colorBackgroundProgressBarDefault: string;
346
+ export const colorBackgroundProgressBarInFlash: string;
347
347
  export const colorBackgroundSegmentActive: string;
348
348
  export const colorBackgroundSegmentDefault: string;
349
349
  export const colorBackgroundSegmentDisabled: string;
package/internal/generated/styles/tokens.js CHANGED
@@ -340,10 +340,10 @@ export var colorBackgroundNotificationStackBar = "var(--color-background-notific
340
340
  export var colorBackgroundNotificationStackBarActive = "var(--color-background-notification-stack-bar-active-a4h9r8, #232b37)";
341
341
  export var colorBackgroundNotificationStackBarHover = "var(--color-background-notification-stack-bar-hover-jh82oo, #424650)";
342
342
  export var colorBackgroundPopover = "var(--color-background-popover-e20fy8, #ffffff)";
343
- export var colorBackgroundProgressBarContentDefault = "var(--color-background-progress-bar-content-default-il6sg6, #006ce0)";
344
- export var colorBackgroundProgressBarContentInFlash = "var(--color-background-progress-bar-content-in-flash-98s7uz, #ffffff)";
345
- export var colorBackgroundProgressBarLayoutDefault = "var(--color-background-progress-bar-layout-default-z3ipl1, #ebebf0)";
346
- export var colorBackgroundProgressBarLayoutInFlash = "var(--color-background-progress-bar-layout-in-flash-wssh6k, rgba(255, 255, 255, 0.25))";
343
+ export var colorBackgroundProgressBarValueDefault = "var(--color-background-progress-bar-value-default-9zs42p, #006ce0)";
344
+ export var colorBackgroundProgressBarValueInFlash = "var(--color-background-progress-bar-value-in-flash-q2h8w5, #ffffff)";
345
+ export var colorBackgroundProgressBarDefault = "var(--color-background-progress-bar-default-4755ec, #ebebf0)";
346
+ export var colorBackgroundProgressBarInFlash = "var(--color-background-progress-bar-in-flash-f4k60b, rgba(255, 255, 255, 0.25))";
347
347
  export var colorBackgroundSegmentActive = "var(--color-background-segment-active-1u2ldl, #006ce0)";
348
348
  export var colorBackgroundSegmentDefault = "var(--color-background-segment-default-b0r494, #ffffff)";
349
349
  export var colorBackgroundSegmentDisabled = "var(--color-background-segment-disabled-m2a5t7, #ffffff)";
package/internal/generated/theming/index.cjs CHANGED
@@ -1407,19 +1407,19 @@ module.exports.preset = {
1407
1407
  "light": "{colorWhite}",
1408
1408
  "dark": "{colorNeutral800}"
1409
1409
  },
1410
- "colorBackgroundProgressBarContentDefault": {
1410
+ "colorBackgroundProgressBarValueDefault": {
1411
1411
  "light": "{colorPrimary600}",
1412
1412
  "dark": "{colorPrimary400}"
1413
1413
  },
1414
- "colorBackgroundProgressBarContentInFlash": {
1414
+ "colorBackgroundProgressBarValueInFlash": {
1415
1415
  "light": "{colorWhite}",
1416
1416
  "dark": "{colorWhite}"
1417
1417
  },
1418
- "colorBackgroundProgressBarLayoutDefault": {
1418
+ "colorBackgroundProgressBarDefault": {
1419
1419
  "light": "{colorNeutral250}",
1420
1420
  "dark": "{colorNeutral700}"
1421
1421
  },
1422
- "colorBackgroundProgressBarLayoutInFlash": {
1422
+ "colorBackgroundProgressBarInFlash": {
1423
1423
  "light": "{colorGreyOpaque25}",
1424
1424
  "dark": "{colorGreyOpaque25}"
1425
1425
  },
@@ -3724,19 +3724,19 @@ module.exports.preset = {
3724
3724
  "light": "{colorNeutral800}",
3725
3725
  "dark": "{colorNeutral800}"
3726
3726
  },
3727
- "colorBackgroundProgressBarContentDefault": {
3727
+ "colorBackgroundProgressBarValueDefault": {
3728
3728
  "light": "{colorPrimary400}",
3729
3729
  "dark": "{colorPrimary400}"
3730
3730
  },
3731
- "colorBackgroundProgressBarContentInFlash": {
3731
+ "colorBackgroundProgressBarValueInFlash": {
3732
3732
  "light": "{colorWhite}",
3733
3733
  "dark": "{colorWhite}"
3734
3734
  },
3735
- "colorBackgroundProgressBarLayoutDefault": {
3735
+ "colorBackgroundProgressBarDefault": {
3736
3736
  "light": "{colorNeutral700}",
3737
3737
  "dark": "{colorNeutral700}"
3738
3738
  },
3739
- "colorBackgroundProgressBarLayoutInFlash": {
3739
+ "colorBackgroundProgressBarInFlash": {
3740
3740
  "light": "{colorGreyOpaque25}",
3741
3741
  "dark": "{colorGreyOpaque25}"
3742
3742
  },
@@ -5049,19 +5049,19 @@ module.exports.preset = {
5049
5049
  "light": "{colorNeutral800}",
5050
5050
  "dark": "{colorNeutral800}"
5051
5051
  },
5052
- "colorBackgroundProgressBarContentDefault": {
5052
+ "colorBackgroundProgressBarValueDefault": {
5053
5053
  "light": "{colorPrimary400}",
5054
5054
  "dark": "{colorPrimary400}"
5055
5055
  },
5056
- "colorBackgroundProgressBarContentInFlash": {
5056
+ "colorBackgroundProgressBarValueInFlash": {
5057
5057
  "light": "{colorWhite}",
5058
5058
  "dark": "{colorWhite}"
5059
5059
  },
5060
- "colorBackgroundProgressBarLayoutDefault": {
5060
+ "colorBackgroundProgressBarDefault": {
5061
5061
  "light": "{colorNeutral700}",
5062
5062
  "dark": "{colorNeutral700}"
5063
5063
  },
5064
- "colorBackgroundProgressBarLayoutInFlash": {
5064
+ "colorBackgroundProgressBarInFlash": {
5065
5065
  "light": "{colorGreyOpaque25}",
5066
5066
  "dark": "{colorGreyOpaque25}"
5067
5067
  },
@@ -6310,19 +6310,19 @@ module.exports.preset = {
6310
6310
  "light": "{colorWhite}",
6311
6311
  "dark": "{colorNeutral800}"
6312
6312
  },
6313
- "colorBackgroundProgressBarContentDefault": {
6313
+ "colorBackgroundProgressBarValueDefault": {
6314
6314
  "light": "{colorPrimary600}",
6315
6315
  "dark": "{colorPrimary400}"
6316
6316
  },
6317
- "colorBackgroundProgressBarContentInFlash": {
6317
+ "colorBackgroundProgressBarValueInFlash": {
6318
6318
  "light": "{colorWhite}",
6319
6319
  "dark": "{colorWhite}"
6320
6320
  },
6321
- "colorBackgroundProgressBarLayoutDefault": {
6321
+ "colorBackgroundProgressBarDefault": {
6322
6322
  "light": "{colorNeutral250}",
6323
6323
  "dark": "{colorNeutral700}"
6324
6324
  },
6325
- "colorBackgroundProgressBarLayoutInFlash": {
6325
+ "colorBackgroundProgressBarInFlash": {
6326
6326
  "light": "{colorGreyOpaque25}",
6327
6327
  "dark": "{colorGreyOpaque25}"
6328
6328
  },
@@ -7456,19 +7456,19 @@ module.exports.preset = {
7456
7456
  "light": "{colorWhite}",
7457
7457
  "dark": "{colorNeutral800}"
7458
7458
  },
7459
- "colorBackgroundProgressBarContentDefault": {
7459
+ "colorBackgroundProgressBarValueDefault": {
7460
7460
  "light": "{colorPrimary600}",
7461
7461
  "dark": "{colorPrimary400}"
7462
7462
  },
7463
- "colorBackgroundProgressBarContentInFlash": {
7463
+ "colorBackgroundProgressBarValueInFlash": {
7464
7464
  "light": "{colorNeutral950}",
7465
7465
  "dark": "{colorNeutral950}"
7466
7466
  },
7467
- "colorBackgroundProgressBarLayoutDefault": {
7467
+ "colorBackgroundProgressBarDefault": {
7468
7468
  "light": "{colorNeutral250}",
7469
7469
  "dark": "{colorNeutral700}"
7470
7470
  },
7471
- "colorBackgroundProgressBarLayoutInFlash": {
7471
+ "colorBackgroundProgressBarInFlash": {
7472
7472
  "light": "{colorGreyOpaque10}",
7473
7473
  "dark": "{colorGreyOpaque10}"
7474
7474
  },
@@ -8602,19 +8602,19 @@ module.exports.preset = {
8602
8602
  "light": "{colorWhite}",
8603
8603
  "dark": "{colorNeutral800}"
8604
8604
  },
8605
- "colorBackgroundProgressBarContentDefault": {
8605
+ "colorBackgroundProgressBarValueDefault": {
8606
8606
  "light": "{colorPrimary600}",
8607
8607
  "dark": "{colorPrimary400}"
8608
8608
  },
8609
- "colorBackgroundProgressBarContentInFlash": {
8609
+ "colorBackgroundProgressBarValueInFlash": {
8610
8610
  "light": "{colorWhite}",
8611
8611
  "dark": "{colorWhite}"
8612
8612
  },
8613
- "colorBackgroundProgressBarLayoutDefault": {
8613
+ "colorBackgroundProgressBarDefault": {
8614
8614
  "light": "{colorNeutral250}",
8615
8615
  "dark": "{colorNeutral700}"
8616
8616
  },
8617
- "colorBackgroundProgressBarLayoutInFlash": {
8617
+ "colorBackgroundProgressBarInFlash": {
8618
8618
  "light": "{colorGreyOpaque25}",
8619
8619
  "dark": "{colorGreyOpaque25}"
8620
8620
  },
@@ -9750,19 +9750,19 @@ module.exports.preset = {
9750
9750
  "light": "{colorNeutral800}",
9751
9751
  "dark": "{colorNeutral800}"
9752
9752
  },
9753
- "colorBackgroundProgressBarContentDefault": {
9753
+ "colorBackgroundProgressBarValueDefault": {
9754
9754
  "light": "{colorPrimary400}",
9755
9755
  "dark": "{colorPrimary400}"
9756
9756
  },
9757
- "colorBackgroundProgressBarContentInFlash": {
9757
+ "colorBackgroundProgressBarValueInFlash": {
9758
9758
  "light": "{colorWhite}",
9759
9759
  "dark": "{colorWhite}"
9760
9760
  },
9761
- "colorBackgroundProgressBarLayoutDefault": {
9761
+ "colorBackgroundProgressBarDefault": {
9762
9762
  "light": "{colorNeutral700}",
9763
9763
  "dark": "{colorNeutral700}"
9764
9764
  },
9765
- "colorBackgroundProgressBarLayoutInFlash": {
9765
+ "colorBackgroundProgressBarInFlash": {
9766
9766
  "light": "{colorGreyOpaque25}",
9767
9767
  "dark": "{colorGreyOpaque25}"
9768
9768
  },
@@ -10962,10 +10962,10 @@ module.exports.preset = {
10962
10962
  "colorBackgroundNotificationStackBarActive": "color",
10963
10963
  "colorBackgroundNotificationStackBarHover": "color",
10964
10964
  "colorBackgroundPopover": "color",
10965
- "colorBackgroundProgressBarContentDefault": "color",
10966
- "colorBackgroundProgressBarContentInFlash": "color",
10967
- "colorBackgroundProgressBarLayoutDefault": "color",
10968
- "colorBackgroundProgressBarLayoutInFlash": "color",
10965
+ "colorBackgroundProgressBarValueDefault": "color",
10966
+ "colorBackgroundProgressBarValueInFlash": "color",
10967
+ "colorBackgroundProgressBarDefault": "color",
10968
+ "colorBackgroundProgressBarInFlash": "color",
10969
10969
  "colorBackgroundSegmentActive": "color",
10970
10970
  "colorBackgroundSegmentDefault": "color",
10971
10971
  "colorBackgroundSegmentDisabled": "color",
@@ -11671,6 +11671,8 @@ module.exports.preset = {
11671
11671
  "colorBackgroundNotificationRed",
11672
11672
  "colorBackgroundNotificationYellow",
11673
11673
  "colorBackgroundPopover",
11674
+ "colorBackgroundProgressBarValueDefault",
11675
+ "colorBackgroundProgressBarDefault",
11674
11676
  "colorBackgroundSegmentActive",
11675
11677
  "colorBackgroundSegmentDefault",
11676
11678
  "colorBackgroundSegmentDisabled",
@@ -12042,6 +12044,8 @@ module.exports.preset = {
12042
12044
  "colorBackgroundNotificationRed",
12043
12045
  "colorBackgroundNotificationYellow",
12044
12046
  "colorBackgroundPopover",
12047
+ "colorBackgroundProgressBarValueDefault",
12048
+ "colorBackgroundProgressBarDefault",
12045
12049
  "colorBackgroundSegmentActive",
12046
12050
  "colorBackgroundSegmentDefault",
12047
12051
  "colorBackgroundSegmentDisabled",
@@ -12594,10 +12598,10 @@ module.exports.preset = {
12594
12598
  "colorBackgroundNotificationStackBarActive": "color-background-notification-stack-bar-active",
12595
12599
  "colorBackgroundNotificationStackBarHover": "color-background-notification-stack-bar-hover",
12596
12600
  "colorBackgroundPopover": "color-background-popover",
12597
- "colorBackgroundProgressBarContentDefault": "color-background-progress-bar-content-default",
12598
- "colorBackgroundProgressBarContentInFlash": "color-background-progress-bar-content-in-flash",
12599
- "colorBackgroundProgressBarLayoutDefault": "color-background-progress-bar-layout-default",
12600
- "colorBackgroundProgressBarLayoutInFlash": "color-background-progress-bar-layout-in-flash",
12601
+ "colorBackgroundProgressBarValueDefault": "color-background-progress-bar-value-default",
12602
+ "colorBackgroundProgressBarValueInFlash": "color-background-progress-bar-value-in-flash",
12603
+ "colorBackgroundProgressBarDefault": "color-background-progress-bar-default",
12604
+ "colorBackgroundProgressBarInFlash": "color-background-progress-bar-in-flash",
12601
12605
  "colorBackgroundSegmentActive": "color-background-segment-active",
12602
12606
  "colorBackgroundSegmentDefault": "color-background-segment-default",
12603
12607
  "colorBackgroundSegmentDisabled": "color-background-segment-disabled",
@@ -13415,10 +13419,10 @@ module.exports.preset = {
13415
13419
  "colorBackgroundNotificationStackBarActive": "--color-background-notification-stack-bar-active-a4h9r8",
13416
13420
  "colorBackgroundNotificationStackBarHover": "--color-background-notification-stack-bar-hover-jh82oo",
13417
13421
  "colorBackgroundPopover": "--color-background-popover-e20fy8",
13418
- "colorBackgroundProgressBarContentDefault": "--color-background-progress-bar-content-default-il6sg6",
13419
- "colorBackgroundProgressBarContentInFlash": "--color-background-progress-bar-content-in-flash-98s7uz",
13420
- "colorBackgroundProgressBarLayoutDefault": "--color-background-progress-bar-layout-default-z3ipl1",
13421
- "colorBackgroundProgressBarLayoutInFlash": "--color-background-progress-bar-layout-in-flash-wssh6k",
13422
+ "colorBackgroundProgressBarValueDefault": "--color-background-progress-bar-value-default-9zs42p",
13423
+ "colorBackgroundProgressBarValueInFlash": "--color-background-progress-bar-value-in-flash-q2h8w5",
13424
+ "colorBackgroundProgressBarDefault": "--color-background-progress-bar-default-4755ec",
13425
+ "colorBackgroundProgressBarInFlash": "--color-background-progress-bar-in-flash-f4k60b",
13422
13426
  "colorBackgroundSegmentActive": "--color-background-segment-active-1u2ldl",
13423
13427
  "colorBackgroundSegmentDefault": "--color-background-segment-default-b0r494",
13424
13428
  "colorBackgroundSegmentDisabled": "--color-background-segment-disabled-m2a5t7",
package/internal/generated/theming/index.cjs.d.ts CHANGED
@@ -111,6 +111,8 @@ export declare interface TypedOverride {
111
111
  colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
112
112
  colorBackgroundNotificationYellow?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
113
113
  colorBackgroundPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
114
+ colorBackgroundProgressBarValueDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
115
+ colorBackgroundProgressBarDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
114
116
  colorBackgroundSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
115
117
  colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
116
118
  colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -391,6 +393,8 @@ export declare interface TypedOverride {
391
393
  colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
392
394
  colorBackgroundNotificationYellow?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
393
395
  colorBackgroundPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
396
+ colorBackgroundProgressBarValueDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
397
+ colorBackgroundProgressBarDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
394
398
  colorBackgroundSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
395
399
  colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
396
400
  colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -671,6 +675,8 @@ export declare interface TypedOverride {
671
675
  colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
672
676
  colorBackgroundNotificationYellow?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
673
677
  colorBackgroundPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
678
+ colorBackgroundProgressBarValueDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
679
+ colorBackgroundProgressBarDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
674
680
  colorBackgroundSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
675
681
  colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
676
682
  colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -951,6 +957,8 @@ export declare interface TypedOverride {
951
957
  colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
952
958
  colorBackgroundNotificationYellow?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
953
959
  colorBackgroundPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
960
+ colorBackgroundProgressBarValueDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
961
+ colorBackgroundProgressBarDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
954
962
  colorBackgroundSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
955
963
  colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
956
964
  colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1231,6 +1239,8 @@ export declare interface TypedOverride {
1231
1239
  colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1232
1240
  colorBackgroundNotificationYellow?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1233
1241
  colorBackgroundPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1242
+ colorBackgroundProgressBarValueDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1243
+ colorBackgroundProgressBarDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1234
1244
  colorBackgroundSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1235
1245
  colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1236
1246
  colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1511,6 +1521,8 @@ export declare interface TypedOverride {
1511
1521
  colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1512
1522
  colorBackgroundNotificationYellow?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1513
1523
  colorBackgroundPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1524
+ colorBackgroundProgressBarValueDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1525
+ colorBackgroundProgressBarDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1514
1526
  colorBackgroundSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1515
1527
  colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1516
1528
  colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1791,6 +1803,8 @@ export declare interface TypedOverride {
1791
1803
  colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1792
1804
  colorBackgroundNotificationYellow?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1793
1805
  colorBackgroundPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1806
+ colorBackgroundProgressBarValueDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1807
+ colorBackgroundProgressBarDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1794
1808
  colorBackgroundSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1795
1809
  colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1796
1810
  colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -2071,6 +2085,8 @@ export declare interface TypedOverride {
2071
2085
  colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2072
2086
  colorBackgroundNotificationYellow?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2073
2087
  colorBackgroundPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2088
+ colorBackgroundProgressBarValueDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2089
+ colorBackgroundProgressBarDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2074
2090
  colorBackgroundSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2075
2091
  colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2076
2092
  colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -2351,6 +2367,8 @@ export declare interface TypedOverride {
2351
2367
  colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2352
2368
  colorBackgroundNotificationYellow?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2353
2369
  colorBackgroundPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2370
+ colorBackgroundProgressBarValueDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2371
+ colorBackgroundProgressBarDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2354
2372
  colorBackgroundSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2355
2373
  colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2356
2374
  colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;