@cloudscape-design/components-themeable 3.0.1197 → 3.0.1199

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 (59) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
  3. package/lib/internal/scss/progress-bar/styles.scss +0 -22
  4. package/lib/internal/template/app-layout/classic.js +2 -2
  5. package/lib/internal/template/app-layout/classic.js.map +1 -1
  6. package/lib/internal/template/autosuggest/autosuggest-option.d.ts +11 -1
  7. package/lib/internal/template/autosuggest/autosuggest-option.d.ts.map +1 -1
  8. package/lib/internal/template/autosuggest/autosuggest-option.js +71 -2
  9. package/lib/internal/template/autosuggest/autosuggest-option.js.map +1 -1
  10. package/lib/internal/template/autosuggest/index.d.ts.map +1 -1
  11. package/lib/internal/template/autosuggest/index.js +2 -2
  12. package/lib/internal/template/autosuggest/index.js.map +1 -1
  13. package/lib/internal/template/autosuggest/interfaces.d.ts +63 -1
  14. package/lib/internal/template/autosuggest/interfaces.d.ts.map +1 -1
  15. package/lib/internal/template/autosuggest/interfaces.js.map +1 -1
  16. package/lib/internal/template/autosuggest/internal.d.ts.map +1 -1
  17. package/lib/internal/template/autosuggest/internal.js +2 -2
  18. package/lib/internal/template/autosuggest/internal.js.map +1 -1
  19. package/lib/internal/template/autosuggest/options-controller.js +1 -0
  20. package/lib/internal/template/autosuggest/options-controller.js.map +1 -1
  21. package/lib/internal/template/autosuggest/options-list.d.ts +2 -1
  22. package/lib/internal/template/autosuggest/options-list.d.ts.map +1 -1
  23. package/lib/internal/template/autosuggest/options-list.js +2 -2
  24. package/lib/internal/template/autosuggest/options-list.js.map +1 -1
  25. package/lib/internal/template/autosuggest/plain-list.d.ts +3 -2
  26. package/lib/internal/template/autosuggest/plain-list.d.ts.map +1 -1
  27. package/lib/internal/template/autosuggest/plain-list.js +6 -2
  28. package/lib/internal/template/autosuggest/plain-list.js.map +1 -1
  29. package/lib/internal/template/autosuggest/utils/parent-props.d.ts +11 -0
  30. package/lib/internal/template/autosuggest/utils/parent-props.d.ts.map +1 -0
  31. package/lib/internal/template/autosuggest/utils/parent-props.js +28 -0
  32. package/lib/internal/template/autosuggest/utils/parent-props.js.map +1 -0
  33. package/lib/internal/template/autosuggest/virtual-list.d.ts +1 -1
  34. package/lib/internal/template/autosuggest/virtual-list.d.ts.map +1 -1
  35. package/lib/internal/template/autosuggest/virtual-list.js +6 -2
  36. package/lib/internal/template/autosuggest/virtual-list.js.map +1 -1
  37. package/lib/internal/template/error-boundary/fallback.d.ts +1 -1
  38. package/lib/internal/template/error-boundary/fallback.d.ts.map +1 -1
  39. package/lib/internal/template/error-boundary/fallback.js +4 -2
  40. package/lib/internal/template/error-boundary/fallback.js.map +1 -1
  41. package/lib/internal/template/error-boundary/interfaces.d.ts +2 -1
  42. package/lib/internal/template/error-boundary/interfaces.d.ts.map +1 -1
  43. package/lib/internal/template/error-boundary/interfaces.js.map +1 -1
  44. package/lib/internal/template/internal/base-component/styles.scoped.css +33 -30
  45. package/lib/internal/template/internal/environment.js +2 -2
  46. package/lib/internal/template/internal/environment.json +2 -2
  47. package/lib/internal/template/internal/generated/styles/tokens.d.ts +0 -2
  48. package/lib/internal/template/internal/generated/styles/tokens.js +2 -4
  49. package/lib/internal/template/internal/generated/theming/index.cjs +2 -64
  50. package/lib/internal/template/internal/generated/theming/index.js +2 -64
  51. package/lib/internal/template/progress-bar/interfaces.d.ts +1 -1
  52. package/lib/internal/template/progress-bar/interfaces.js.map +1 -1
  53. package/lib/internal/template/progress-bar/internal.d.ts.map +1 -1
  54. package/lib/internal/template/progress-bar/internal.js +1 -1
  55. package/lib/internal/template/progress-bar/internal.js.map +1 -1
  56. package/lib/internal/template/progress-bar/styles.css.js +18 -19
  57. package/lib/internal/template/progress-bar/styles.scoped.css +30 -42
  58. package/lib/internal/template/progress-bar/styles.selectors.js +18 -19
  59. package/package.json +1 -1
package/lib/internal/template/error-boundary/fallback.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"fallback.js","sourceRoot":"","sources":["../../../src/error-boundary/fallback.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 from 'react';\nimport clsx from 'clsx';\nimport IntlMessageFormat from 'intl-messageformat';\n\nimport InternalAlert from '../alert/internal';\nimport InternalButton from '../button/internal';\nimport { useInternalI18n } from '../i18n/context';\nimport { ErrorBoundaryProps } from './interfaces';\nimport { refreshPage } from './utils';\n\nimport styles from './styles.css.js';\nimport testUtilStyles from './test-classes/styles.css.js';\n\nexport function ErrorBoundaryFallback({\n i18nStrings = {},\n renderFallback,\n}: Pick<ErrorBoundaryProps, 'renderFallback' | 'i18nStrings'>) {\n const defaultSlots = {\n header: (\n <div className={clsx(styles.header, testUtilStyles.header)}>\n <DefaultHeaderContent i18nStrings={i18nStrings} />\n </div>\n ),\n description: (\n <div className={clsx(styles.description, testUtilStyles.description)}>\n <DefaultDescriptionContent i18nStrings={i18nStrings} />\n </div>\n ),\n action: (\n <div className={clsx(styles.action, testUtilStyles.action)}>\n <DefaultActionContent i18nStrings={i18nStrings} />\n </div>\n ),\n };\n return (\n <div className={testUtilStyles.fallback}>\n {renderFallback?.(defaultSlots) ?? (\n <InternalAlert type=\"error\" header={defaultSlots.header} action={defaultSlots.action}>\n {defaultSlots.description}\n </InternalAlert>\n )}\n </div>\n );\n}\n\nfunction DefaultHeaderContent({ i18nStrings }: { i18nStrings: ErrorBoundaryProps.I18nStrings }) {\n const i18n = useInternalI18n('error-boundary');\n return <>{i18n('i18nStrings.headerText', i18nStrings?.headerText)}</>;\n}\n\nfunction DefaultDescriptionContent({\n i18nStrings: { descriptionText, components: { Feedback } = {} } = {},\n}: {\n i18nStrings: ErrorBoundaryProps.I18nStrings;\n}) {\n const i18n = useInternalI18n('error-boundary');\n\n // Dependencies for the intl-format function, where the pseudo-tags are declared as functions from parsed chunks.\n const formatArgs = Feedback\n ? {\n hasFeedback: true,\n Feedback: (chunks: React.ReactNode[]) => (\n <span className={testUtilStyles['feedback-action']}>\n <Feedback>{chunks[0] ?? ''}</Feedback>\n </span>\n ),\n }\n : { hasFeedback: false, Feedback: () => <></> };\n\n // This ensures that the description string provided via i18nStrings also supports the <Feedback> injection,\n // because the i18n() helper propagates the second argument as is, without applying intl-format to it.\n // We wrap the format with try-catch to avoid intl errors caused by incorrectly referenced components.\n function safeFormat(descriptionText?: string) {\n try {\n return descriptionText ? new IntlMessageFormat(descriptionText).format(formatArgs) : undefined;\n } catch {\n return descriptionText;\n }\n }\n const message = i18n('i18nStrings.descriptionText', safeFormat(descriptionText), format => format(formatArgs));\n\n // When the description includes <Feedback>, then the translated message is represented as an array of strings and\n // React elements that require keys when rendering to avoid React warnings.\n return (\n <>\n {Array.isArray(message) ? message.map((chunk, i) => <React.Fragment key={i}>{chunk}</React.Fragment>) : message}\n </>\n );\n}\n\nfunction DefaultActionContent({ i18nStrings }: { i18nStrings?: ErrorBoundaryProps.I18nStrings }) {\n const i18n = useInternalI18n('error-boundary');\n return (\n <InternalButton iconName=\"refresh\" onClick={refreshPage} className={testUtilStyles['refresh-action']}>\n {i18n('i18nStrings.refreshActionText', i18nStrings?.refreshActionText)}\n </InternalButton>\n );\n}\n"]}
1
+ {"version":3,"file":"fallback.js","sourceRoot":"","sources":["../../../src/error-boundary/fallback.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 from 'react';\nimport clsx from 'clsx';\nimport IntlMessageFormat from 'intl-messageformat';\n\nimport InternalAlert from '../alert/internal';\nimport InternalButton from '../button/internal';\nimport { useInternalI18n } from '../i18n/context';\nimport { getBaseProps } from '../internal/base-component';\nimport { ErrorBoundaryProps } from './interfaces';\nimport { refreshPage } from './utils';\n\nimport styles from './styles.css.js';\nimport testUtilStyles from './test-classes/styles.css.js';\n\nexport function ErrorBoundaryFallback({\n i18nStrings = {},\n renderFallback,\n ...props\n}: Pick<ErrorBoundaryProps, 'renderFallback' | 'i18nStrings'>) {\n const baseProps = getBaseProps(props);\n const defaultSlots = {\n header: (\n <div className={clsx(styles.header, testUtilStyles.header)}>\n <DefaultHeaderContent i18nStrings={i18nStrings} />\n </div>\n ),\n description: (\n <div className={clsx(styles.description, testUtilStyles.description)}>\n <DefaultDescriptionContent i18nStrings={i18nStrings} />\n </div>\n ),\n action: (\n <div className={clsx(styles.action, testUtilStyles.action)}>\n <DefaultActionContent i18nStrings={i18nStrings} />\n </div>\n ),\n };\n return (\n <div {...baseProps} className={clsx(baseProps.className, testUtilStyles.fallback)}>\n {renderFallback?.(defaultSlots) ?? (\n <InternalAlert type=\"error\" header={defaultSlots.header} action={defaultSlots.action}>\n {defaultSlots.description}\n </InternalAlert>\n )}\n </div>\n );\n}\n\nfunction DefaultHeaderContent({ i18nStrings }: { i18nStrings: ErrorBoundaryProps.I18nStrings }) {\n const i18n = useInternalI18n('error-boundary');\n return <>{i18n('i18nStrings.headerText', i18nStrings?.headerText)}</>;\n}\n\nfunction DefaultDescriptionContent({\n i18nStrings: { descriptionText, components: { Feedback } = {} } = {},\n}: {\n i18nStrings: ErrorBoundaryProps.I18nStrings;\n}) {\n const i18n = useInternalI18n('error-boundary');\n\n // Dependencies for the intl-format function, where the pseudo-tags are declared as functions from parsed chunks.\n const formatArgs = Feedback\n ? {\n hasFeedback: true,\n Feedback: (chunks: React.ReactNode[]) => (\n <span className={testUtilStyles['feedback-action']}>\n <Feedback>{chunks[0] ?? ''}</Feedback>\n </span>\n ),\n }\n : { hasFeedback: false, Feedback: () => <></> };\n\n // This ensures that the description string provided via i18nStrings also supports the <Feedback> injection,\n // because the i18n() helper propagates the second argument as is, without applying intl-format to it.\n // We wrap the format with try-catch to avoid intl errors caused by incorrectly referenced components.\n function safeFormat(descriptionText?: string) {\n try {\n return descriptionText ? new IntlMessageFormat(descriptionText).format(formatArgs) : undefined;\n } catch {\n return descriptionText;\n }\n }\n const message = i18n('i18nStrings.descriptionText', safeFormat(descriptionText), format => format(formatArgs));\n\n // When the description includes <Feedback>, then the translated message is represented as an array of strings and\n // React elements that require keys when rendering to avoid React warnings.\n return (\n <>\n {Array.isArray(message) ? message.map((chunk, i) => <React.Fragment key={i}>{chunk}</React.Fragment>) : message}\n </>\n );\n}\n\nfunction DefaultActionContent({ i18nStrings }: { i18nStrings?: ErrorBoundaryProps.I18nStrings }) {\n const i18n = useInternalI18n('error-boundary');\n return (\n <InternalButton iconName=\"refresh\" onClick={refreshPage} className={testUtilStyles['refresh-action']}>\n {i18n('i18nStrings.refreshActionText', i18nStrings?.refreshActionText)}\n </InternalButton>\n );\n}\n"]}
package/lib/internal/template/error-boundary/interfaces.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import { ErrorInfo } from 'react';
2
- export interface ErrorBoundaryProps {
2
+ import { BaseComponentProps } from '../internal/base-component';
3
+ export interface ErrorBoundaryProps extends BaseComponentProps {
3
4
  /**
4
5
  * Optional identifier for the error boundary instance.
5
6
  *
package/lib/internal/template/error-boundary/interfaces.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/error-boundary/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,kBAAkB;IACjC;;;;;;OAMG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;;;;;;OAQG;IACH,OAAO,EAAE,CAAC,MAAM,EAAE,kBAAkB,CAAC,aAAa,KAAK,IAAI,CAAC;IAE5D;;;;;;;;;;OAUG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;;;;;;OASG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,CAAC,aAAa,KAAK,KAAK,CAAC,SAAS,CAAC;IAE9E;;;;;;;;;;;OAWG;IACH,WAAW,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC;IAE7C;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,yBAAiB,kBAAkB,CAAC;IAClC,UAAiB,aAAa;QAC5B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACzB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC9B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KAC1B;IAED,UAAiB,WAAW;QAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,UAAU,CAAC,EAAE;YACX,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;SACnD,CAAC;KACH;IAED,UAAiB,iBAAiB;QAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;KAC3B;IAED,UAAiB,aAAa;QAC5B,KAAK,EAAE,KAAK,CAAC;QACb,SAAS,EAAE,SAAS,CAAC;QACrB,eAAe,CAAC,EAAE,MAAM,CAAC;KAC1B;CACF;AAED,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,KAAK,KAAK,CAAC,SAAS,CAAC;IACxD,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B"}
1
+ {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/error-boundary/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB;IAC5D;;;;;;OAMG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;;;;;;OAQG;IACH,OAAO,EAAE,CAAC,MAAM,EAAE,kBAAkB,CAAC,aAAa,KAAK,IAAI,CAAC;IAE5D;;;;;;;;;;OAUG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;;;;;;OASG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,CAAC,aAAa,KAAK,KAAK,CAAC,SAAS,CAAC;IAE9E;;;;;;;;;;;OAWG;IACH,WAAW,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC;IAE7C;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,yBAAiB,kBAAkB,CAAC;IAClC,UAAiB,aAAa;QAC5B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACzB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC9B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KAC1B;IAED,UAAiB,WAAW;QAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,UAAU,CAAC,EAAE;YACX,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;SACnD,CAAC;KACH;IAED,UAAiB,iBAAiB;QAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;KAC3B;IAED,UAAiB,aAAa;QAC5B,KAAK,EAAE,KAAK,CAAC;QACb,SAAS,EAAE,SAAS,CAAC;QACrB,eAAe,CAAC,EAAE,MAAM,CAAC;KAC1B;CACF;AAED,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,KAAK,KAAK,CAAC,SAAS,CAAC;IACxD,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B"}
package/lib/internal/template/error-boundary/interfaces.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/error-boundary/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { ErrorInfo } from 'react';\n\nexport interface ErrorBoundaryProps {\n /**\n * Optional identifier for the error boundary instance.\n *\n * When provided, the identifier is included in the `onError` callback payload.\n * In the rendered output, the boundary wraps its content in a `<div>` with the\n * attribute `data-awsui-boundary-id={errorBoundaryId}` to support debugging.\n */\n errorBoundaryId?: string;\n\n /**\n * Callback invoked when an error is intercepted by the boundary.\n * Use this function to record, log, or report errors (for example, to telemetry or monitoring systems).\n *\n * The callback receives a `detail` object containing:\n * * `error` (Error): The thrown error instance.\n * * `errorInfo` (React.ErrorInfo): Additional metadata captured by React.\n * * `errorBoundaryId` (optional, string): The boundary identifier, if defined.\n */\n onError: (detail: ErrorBoundaryProps.OnErrorDetail) => void;\n\n /**\n * Controls how nested error boundaries behave.\n *\n * Several components—such as app layout, container, and modal include built-in\n * error boundaries. These boundaries activate automatically when they detect\n * an ancestor boundary, inheriting configuration from the closest one.\n *\n * When `suppressNested` is set to `true`, nested built-in error boundaries\n * and nested standalone error boundaries with `suppressible=true` are disabled,\n * so the errors propagate further up and are captured by this error boundary.\n */\n suppressNested?: boolean;\n\n /**\n * When set to `true`, this error boundary can be suppressed by another error\n * boundary with `suppressNested=true`, rendered above in the components tree.\n */\n suppressible?: boolean;\n\n /**\n * Optional custom renderer for the fallback UI displayed when an error occurs.\n *\n * The function receives the default slots derived from i18n configuration:\n * * `header` (ReactNode): The fallback header text.\n * * `description` (ReactNode): The fallback description text.\n * * `action` (ReactNode): The fallback action element (a refresh button by default).\n *\n * Return a React node to fully override the default fallback presentation.\n */\n renderFallback?: (props: ErrorBoundaryProps.FallbackProps) => React.ReactNode;\n\n /**\n * Localized strings and components used in the fallback UI.\n *\n * * `headerText` (string): Header text displayed in the fallback view.\n * * `descriptionText` (string): Description text displayed in the fallback view. Supports embedding inline\n * feedback actions by including `<Feedback>` pseudo-tags when `components.Feedback` is provided.\n * * `refreshActionText` (string): Text for the default refresh action button.\n * * `components.Feedback` (React.ComponentType<I18nFeedbackProps>): A component used to render\n * inline feedback actions within the description text.\n *\n * @i18n\n */\n i18nStrings?: ErrorBoundaryProps.I18nStrings;\n\n /**\n * Child content rendered when no error has been captured.\n */\n children: React.ReactNode;\n}\n\nexport namespace ErrorBoundaryProps {\n export interface FallbackProps {\n header?: React.ReactNode;\n description?: React.ReactNode;\n action?: React.ReactNode;\n }\n\n export interface I18nStrings {\n headerText?: string;\n descriptionText?: string;\n refreshActionText?: string;\n components?: {\n Feedback?: React.ComponentType<I18nFeedbackProps>;\n };\n }\n\n export interface I18nFeedbackProps {\n children: React.ReactNode;\n }\n\n export interface OnErrorDetail {\n error: Error;\n errorInfo: ErrorInfo;\n errorBoundaryId?: string;\n }\n}\n\nexport interface BuiltInErrorBoundaryProps {\n children: React.ReactNode;\n wrapper?: (content: React.ReactNode) => React.ReactNode;\n suppressNested?: boolean;\n}\n"]}
1
+ {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/error-boundary/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { ErrorInfo } from 'react';\n\nimport { BaseComponentProps } from '../internal/base-component';\n\nexport interface ErrorBoundaryProps extends BaseComponentProps {\n /**\n * Optional identifier for the error boundary instance.\n *\n * When provided, the identifier is included in the `onError` callback payload.\n * In the rendered output, the boundary wraps its content in a `<div>` with the\n * attribute `data-awsui-boundary-id={errorBoundaryId}` to support debugging.\n */\n errorBoundaryId?: string;\n\n /**\n * Callback invoked when an error is intercepted by the boundary.\n * Use this function to record, log, or report errors (for example, to telemetry or monitoring systems).\n *\n * The callback receives a `detail` object containing:\n * * `error` (Error): The thrown error instance.\n * * `errorInfo` (React.ErrorInfo): Additional metadata captured by React.\n * * `errorBoundaryId` (optional, string): The boundary identifier, if defined.\n */\n onError: (detail: ErrorBoundaryProps.OnErrorDetail) => void;\n\n /**\n * Controls how nested error boundaries behave.\n *\n * Several components—such as app layout, container, and modal include built-in\n * error boundaries. These boundaries activate automatically when they detect\n * an ancestor boundary, inheriting configuration from the closest one.\n *\n * When `suppressNested` is set to `true`, nested built-in error boundaries\n * and nested standalone error boundaries with `suppressible=true` are disabled,\n * so the errors propagate further up and are captured by this error boundary.\n */\n suppressNested?: boolean;\n\n /**\n * When set to `true`, this error boundary can be suppressed by another error\n * boundary with `suppressNested=true`, rendered above in the components tree.\n */\n suppressible?: boolean;\n\n /**\n * Optional custom renderer for the fallback UI displayed when an error occurs.\n *\n * The function receives the default slots derived from i18n configuration:\n * * `header` (ReactNode): The fallback header text.\n * * `description` (ReactNode): The fallback description text.\n * * `action` (ReactNode): The fallback action element (a refresh button by default).\n *\n * Return a React node to fully override the default fallback presentation.\n */\n renderFallback?: (props: ErrorBoundaryProps.FallbackProps) => React.ReactNode;\n\n /**\n * Localized strings and components used in the fallback UI.\n *\n * * `headerText` (string): Header text displayed in the fallback view.\n * * `descriptionText` (string): Description text displayed in the fallback view. Supports embedding inline\n * feedback actions by including `<Feedback>` pseudo-tags when `components.Feedback` is provided.\n * * `refreshActionText` (string): Text for the default refresh action button.\n * * `components.Feedback` (React.ComponentType<I18nFeedbackProps>): A component used to render\n * inline feedback actions within the description text.\n *\n * @i18n\n */\n i18nStrings?: ErrorBoundaryProps.I18nStrings;\n\n /**\n * Child content rendered when no error has been captured.\n */\n children: React.ReactNode;\n}\n\nexport namespace ErrorBoundaryProps {\n export interface FallbackProps {\n header?: React.ReactNode;\n description?: React.ReactNode;\n action?: React.ReactNode;\n }\n\n export interface I18nStrings {\n headerText?: string;\n descriptionText?: string;\n refreshActionText?: string;\n components?: {\n Feedback?: React.ComponentType<I18nFeedbackProps>;\n };\n }\n\n export interface I18nFeedbackProps {\n children: React.ReactNode;\n }\n\n export interface OnErrorDetail {\n error: Error;\n errorInfo: ErrorInfo;\n errorBoundaryId?: string;\n }\n}\n\nexport interface BuiltInErrorBoundaryProps {\n children: React.ReactNode;\n wrapper?: (content: React.ReactNode) => React.ReactNode;\n suppressNested?: boolean;\n}\n"]}
package/lib/internal/template/internal/base-component/styles.scoped.css CHANGED
@@ -302,10 +302,8 @@ body {
302
302
  --color-background-notification-stack-bar-active-ckgod9:var(--color-neutral-750-gjawa6);
303
303
  --color-background-notification-stack-bar-hover-p3fzky:var(--color-neutral-650-92yp10);
304
304
  --color-background-popover-8fgrfw:var(--color-white-jf0w15);
305
- --color-background-progress-bar-value-default-ndnwz2:var(--color-primary-600-be1v6a);
306
- --color-background-progress-bar-value-in-flash-lx9kew:var(--color-grey-opaque-70-ueherc);
307
- --color-background-progress-bar-default-at8clm:var(--color-neutral-250-hdfqdx);
308
- --color-background-progress-bar-in-flash-5pgc5p:var(--color-grey-opaque-25-14nktr);
305
+ --color-background-progress-bar-value-default-1bekh3:var(--color-primary-600-be1v6a);
306
+ --color-background-progress-bar-default-kw9ow4:var(--color-neutral-250-hdfqdx);
309
307
  --color-background-segment-active-pvua4h:var(--color-primary-600-be1v6a);
310
308
  --color-background-segment-default-zwi7m6:var(--color-background-button-normal-default-odgg8b);
311
309
  --color-background-segment-disabled-etp65k:var(--color-background-button-normal-disabled-rd09ns);
@@ -922,9 +920,8 @@ body {
922
920
  --color-background-modal-overlay-i6vork:var(--color-grey-opaque-80-1l8ptn);
923
921
  --color-background-notification-grey-yzex9c:var(--color-neutral-600-boivn8);
924
922
  --color-background-popover-8fgrfw:var(--color-neutral-800-u27ub9);
925
- --color-background-progress-bar-value-default-ndnwz2:var(--color-primary-400-i8y8uk);
926
- --color-background-progress-bar-value-in-flash-lx9kew:var(--color-neutral-100-wbgy1o);
927
- --color-background-progress-bar-default-at8clm:var(--color-neutral-700-heh17v);
923
+ --color-background-progress-bar-value-default-1bekh3:var(--color-primary-400-i8y8uk);
924
+ --color-background-progress-bar-default-kw9ow4:var(--color-neutral-700-heh17v);
928
925
  --color-background-segment-active-pvua4h:var(--color-primary-400-i8y8uk);
929
926
  --color-background-slider-handle-default-pb538l:var(--color-primary-400-i8y8uk);
930
927
  --color-background-slider-handle-active-9ejayt:var(--color-primary-300-jwvz31);
@@ -1184,9 +1181,8 @@ body {
1184
1181
  --color-background-modal-overlay-i6vork:var(--color-grey-opaque-80-1l8ptn);
1185
1182
  --color-background-notification-grey-yzex9c:var(--color-neutral-600-boivn8);
1186
1183
  --color-background-popover-8fgrfw:var(--color-neutral-800-u27ub9);
1187
- --color-background-progress-bar-value-default-ndnwz2:var(--color-primary-400-i8y8uk);
1188
- --color-background-progress-bar-value-in-flash-lx9kew:var(--color-neutral-100-wbgy1o);
1189
- --color-background-progress-bar-default-at8clm:var(--color-neutral-700-heh17v);
1184
+ --color-background-progress-bar-value-default-1bekh3:var(--color-primary-400-i8y8uk);
1185
+ --color-background-progress-bar-default-kw9ow4:var(--color-neutral-700-heh17v);
1190
1186
  --color-background-segment-active-pvua4h:var(--color-primary-400-i8y8uk);
1191
1187
  --color-background-slider-handle-default-pb538l:var(--color-primary-400-i8y8uk);
1192
1188
  --color-background-slider-handle-active-9ejayt:var(--color-primary-300-jwvz31);
@@ -1375,6 +1371,8 @@ body {
1375
1371
  --color-background-button-normal-default-odgg8b:transparent;
1376
1372
  --color-background-button-normal-hover-r7x40d:rgba(0, 7, 22, 0.15);
1377
1373
  --color-background-inline-code-zh1kkf:rgba(0, 0, 0, 0.2);
1374
+ --color-background-progress-bar-value-default-1bekh3:var(--color-white-jf0w15);
1375
+ --color-background-progress-bar-default-kw9ow4:var(--color-grey-opaque-25-14nktr);
1378
1376
  --color-border-button-normal-active-soiq8b:var(--color-white-jf0w15);
1379
1377
  --color-border-button-normal-default-5aez2l:var(--color-neutral-100-wbgy1o);
1380
1378
  --color-border-button-normal-hover-3y34o0:var(--color-white-jf0w15);
@@ -1422,8 +1420,8 @@ body {
1422
1420
  --color-background-button-normal-active-4h10xg:rgba(0, 7, 22, 0.1);
1423
1421
  --color-background-button-normal-default-odgg8b:transparent;
1424
1422
  --color-background-button-normal-hover-r7x40d:rgba(0, 7, 22, 0.05);
1425
- --color-background-progress-bar-value-in-flash-lx9kew:var(--color-neutral-950-qehfms);
1426
- --color-background-progress-bar-in-flash-5pgc5p:var(--color-grey-opaque-10-qsc933);
1423
+ --color-background-progress-bar-value-default-1bekh3:var(--color-neutral-950-qehfms);
1424
+ --color-background-progress-bar-default-kw9ow4:var(--color-grey-opaque-10-qsc933);
1427
1425
  --color-border-button-normal-active-soiq8b:var(--color-text-button-normal-hover-tksuqp);
1428
1426
  --color-border-button-normal-default-5aez2l:var(--color-text-button-normal-default-gl8uar);
1429
1427
  --color-border-button-normal-hover-3y34o0:var(--color-text-button-normal-hover-tksuqp);
@@ -1597,7 +1595,6 @@ body {
1597
1595
  --color-background-layout-toggle-default-q2nv0b:var(--color-neutral-650-92yp10);
1598
1596
  --color-background-layout-toggle-hover-t77zty:var(--color-neutral-600-boivn8);
1599
1597
  --color-background-modal-overlay-i6vork:var(--color-grey-opaque-70-ueherc);
1600
- --color-background-progress-bar-value-in-flash-lx9kew:var(--color-white-jf0w15);
1601
1598
  --color-background-chat-bubble-incoming-m85frs:var(--color-neutral-150-8fqber);
1602
1599
  --color-border-button-normal-active-soiq8b:var(--color-primary-900-fp8i41);
1603
1600
  --color-border-button-normal-default-5aez2l:var(--color-primary-600-be1v6a);
@@ -1854,8 +1851,8 @@ body {
1854
1851
  --color-background-notification-stack-bar-y058lw:var(--color-neutral-750-gjawa6);
1855
1852
  --color-background-notification-stack-bar-active-ckgod9:var(--color-neutral-750-gjawa6);
1856
1853
  --color-background-notification-stack-bar-hover-p3fzky:var(--color-neutral-650-92yp10);
1857
- --color-background-progress-bar-value-default-ndnwz2:var(--color-primary-600-be1v6a);
1858
- --color-background-progress-bar-default-at8clm:var(--color-neutral-250-hdfqdx);
1854
+ --color-background-progress-bar-value-default-1bekh3:var(--color-primary-600-be1v6a);
1855
+ --color-background-progress-bar-default-kw9ow4:var(--color-neutral-250-hdfqdx);
1859
1856
  --color-background-segment-active-pvua4h:var(--color-primary-600-be1v6a);
1860
1857
  --color-background-segment-hover-bakufl:var(--color-background-button-normal-hover-r7x40d);
1861
1858
  --color-background-slider-range-default-ckhqiz:var(--color-background-slider-handle-default-pb538l);
@@ -2028,8 +2025,8 @@ body {
2028
2025
  --color-background-layout-toggle-selected-default-o4my1h:var(--color-primary-400-i8y8uk);
2029
2026
  --color-background-layout-toggle-selected-hover-yuaxel:var(--color-primary-300-jwvz31);
2030
2027
  --color-background-notification-grey-yzex9c:var(--color-neutral-600-boivn8);
2031
- --color-background-progress-bar-value-default-ndnwz2:var(--color-primary-400-i8y8uk);
2032
- --color-background-progress-bar-default-at8clm:var(--color-neutral-700-heh17v);
2028
+ --color-background-progress-bar-value-default-1bekh3:var(--color-primary-400-i8y8uk);
2029
+ --color-background-progress-bar-default-kw9ow4:var(--color-neutral-700-heh17v);
2033
2030
  --color-background-segment-active-pvua4h:var(--color-primary-400-i8y8uk);
2034
2031
  --color-background-slider-handle-default-pb538l:var(--color-primary-400-i8y8uk);
2035
2032
  --color-background-slider-handle-active-9ejayt:var(--color-primary-300-jwvz31);
@@ -2203,7 +2200,6 @@ body {
2203
2200
  --color-background-layout-mobile-panel-20j5lz:var(--color-neutral-950-qehfms);
2204
2201
  --color-background-layout-toggle-selected-default-o4my1h:var(--color-primary-400-i8y8uk);
2205
2202
  --color-background-modal-overlay-i6vork:var(--color-grey-opaque-70-ueherc);
2206
- --color-background-progress-bar-value-in-flash-lx9kew:var(--color-white-jf0w15);
2207
2203
  --color-background-tiles-disabled-t4fvzv:var(--color-neutral-800-u27ub9);
2208
2204
  --color-background-toggle-checked-disabled-i9a3za:var(--color-primary-900-fp8i41);
2209
2205
  --color-border-button-normal-active-soiq8b:var(--color-primary-300-jwvz31);
@@ -2340,8 +2336,8 @@ body {
2340
2336
  --color-background-layout-toggle-selected-default-o4my1h:var(--color-primary-400-i8y8uk);
2341
2337
  --color-background-layout-toggle-selected-hover-yuaxel:var(--color-primary-300-jwvz31);
2342
2338
  --color-background-notification-grey-yzex9c:var(--color-neutral-600-boivn8);
2343
- --color-background-progress-bar-value-default-ndnwz2:var(--color-primary-400-i8y8uk);
2344
- --color-background-progress-bar-default-at8clm:var(--color-neutral-700-heh17v);
2339
+ --color-background-progress-bar-value-default-1bekh3:var(--color-primary-400-i8y8uk);
2340
+ --color-background-progress-bar-default-kw9ow4:var(--color-neutral-700-heh17v);
2345
2341
  --color-background-segment-active-pvua4h:var(--color-primary-400-i8y8uk);
2346
2342
  --color-background-slider-handle-default-pb538l:var(--color-primary-400-i8y8uk);
2347
2343
  --color-background-slider-handle-active-9ejayt:var(--color-primary-300-jwvz31);
@@ -2558,8 +2554,8 @@ body {
2558
2554
  --color-background-layout-toggle-selected-hover-yuaxel:var(--color-primary-300-jwvz31);
2559
2555
  --color-background-notification-grey-yzex9c:var(--color-neutral-600-boivn8);
2560
2556
  --color-background-popover-8fgrfw:var(--color-neutral-800-u27ub9);
2561
- --color-background-progress-bar-value-default-ndnwz2:var(--color-primary-400-i8y8uk);
2562
- --color-background-progress-bar-default-at8clm:var(--color-neutral-700-heh17v);
2557
+ --color-background-progress-bar-value-default-1bekh3:var(--color-primary-400-i8y8uk);
2558
+ --color-background-progress-bar-default-kw9ow4:var(--color-neutral-700-heh17v);
2563
2559
  --color-background-segment-active-pvua4h:var(--color-primary-400-i8y8uk);
2564
2560
  --color-background-segment-default-zwi7m6:var(--color-neutral-950-qehfms);
2565
2561
  --color-background-segment-disabled-etp65k:var(--color-neutral-950-qehfms);
@@ -2801,8 +2797,8 @@ body {
2801
2797
  --color-background-layout-toggle-selected-hover-yuaxel:var(--color-primary-300-jwvz31);
2802
2798
  --color-background-notification-grey-yzex9c:var(--color-neutral-600-boivn8);
2803
2799
  --color-background-popover-8fgrfw:var(--color-neutral-800-u27ub9);
2804
- --color-background-progress-bar-value-default-ndnwz2:var(--color-primary-400-i8y8uk);
2805
- --color-background-progress-bar-default-at8clm:var(--color-neutral-700-heh17v);
2800
+ --color-background-progress-bar-value-default-1bekh3:var(--color-primary-400-i8y8uk);
2801
+ --color-background-progress-bar-default-kw9ow4:var(--color-neutral-700-heh17v);
2806
2802
  --color-background-segment-active-pvua4h:var(--color-primary-400-i8y8uk);
2807
2803
  --color-background-segment-default-zwi7m6:var(--color-neutral-950-qehfms);
2808
2804
  --color-background-segment-disabled-etp65k:var(--color-neutral-950-qehfms);
@@ -3020,6 +3016,8 @@ body {
3020
3016
  .awsui-context-flashbar.awsui-visual-refresh:not(#\9) {
3021
3017
  --color-background-button-normal-active-4h10xg:rgba(0, 7, 22, 0.2);
3022
3018
  --color-background-button-normal-hover-r7x40d:rgba(0, 7, 22, 0.15);
3019
+ --color-background-progress-bar-value-default-1bekh3:var(--color-white-jf0w15);
3020
+ --color-background-progress-bar-default-kw9ow4:var(--color-grey-opaque-25-14nktr);
3023
3021
  --color-border-button-normal-active-soiq8b:var(--color-white-jf0w15);
3024
3022
  --color-border-button-normal-default-5aez2l:var(--color-neutral-100-wbgy1o);
3025
3023
  --color-border-button-normal-hover-3y34o0:var(--color-white-jf0w15);
@@ -3083,7 +3081,8 @@ body {
3083
3081
  .awsui-context-flashbar-warning.awsui-visual-refresh:not(#\9) {
3084
3082
  --color-background-button-normal-active-4h10xg:rgba(0, 7, 22, 0.1);
3085
3083
  --color-background-button-normal-hover-r7x40d:rgba(0, 7, 22, 0.05);
3086
- --color-background-progress-bar-value-in-flash-lx9kew:var(--color-neutral-950-qehfms);
3084
+ --color-background-progress-bar-value-default-1bekh3:var(--color-neutral-950-qehfms);
3085
+ --color-background-progress-bar-default-kw9ow4:var(--color-grey-opaque-10-qsc933);
3087
3086
  --color-border-button-normal-active-soiq8b:var(--color-text-button-normal-hover-tksuqp);
3088
3087
  --color-border-button-normal-default-5aez2l:var(--color-text-button-normal-default-gl8uar);
3089
3088
  --color-border-button-normal-hover-3y34o0:var(--color-text-button-normal-hover-tksuqp);
@@ -3229,8 +3228,8 @@ body {
3229
3228
  --color-background-layout-toggle-selected-hover-yuaxel:var(--color-primary-300-jwvz31);
3230
3229
  --color-background-notification-grey-yzex9c:var(--color-neutral-600-boivn8);
3231
3230
  --color-background-popover-8fgrfw:var(--color-neutral-800-u27ub9);
3232
- --color-background-progress-bar-value-default-ndnwz2:var(--color-primary-400-i8y8uk);
3233
- --color-background-progress-bar-default-at8clm:var(--color-neutral-700-heh17v);
3231
+ --color-background-progress-bar-value-default-1bekh3:var(--color-primary-400-i8y8uk);
3232
+ --color-background-progress-bar-default-kw9ow4:var(--color-neutral-700-heh17v);
3234
3233
  --color-background-segment-active-pvua4h:var(--color-primary-400-i8y8uk);
3235
3234
  --color-background-slider-handle-default-pb538l:var(--color-primary-400-i8y8uk);
3236
3235
  --color-background-slider-handle-active-9ejayt:var(--color-primary-300-jwvz31);
@@ -3460,8 +3459,8 @@ body {
3460
3459
  --color-background-layout-toggle-selected-hover-yuaxel:var(--color-primary-300-jwvz31);
3461
3460
  --color-background-notification-grey-yzex9c:var(--color-neutral-600-boivn8);
3462
3461
  --color-background-popover-8fgrfw:var(--color-neutral-800-u27ub9);
3463
- --color-background-progress-bar-value-default-ndnwz2:var(--color-primary-400-i8y8uk);
3464
- --color-background-progress-bar-default-at8clm:var(--color-neutral-700-heh17v);
3462
+ --color-background-progress-bar-value-default-1bekh3:var(--color-primary-400-i8y8uk);
3463
+ --color-background-progress-bar-default-kw9ow4:var(--color-neutral-700-heh17v);
3465
3464
  --color-background-segment-active-pvua4h:var(--color-primary-400-i8y8uk);
3466
3465
  --color-background-slider-handle-default-pb538l:var(--color-primary-400-i8y8uk);
3467
3466
  --color-background-slider-handle-active-9ejayt:var(--color-primary-300-jwvz31);
@@ -3671,6 +3670,8 @@ body {
3671
3670
  --color-background-button-normal-active-4h10xg:rgba(0, 7, 22, 0.2);
3672
3671
  --color-background-button-normal-default-odgg8b:transparent;
3673
3672
  --color-background-button-normal-hover-r7x40d:rgba(0, 7, 22, 0.15);
3673
+ --color-background-progress-bar-value-default-1bekh3:var(--color-white-jf0w15);
3674
+ --color-background-progress-bar-default-kw9ow4:var(--color-grey-opaque-25-14nktr);
3674
3675
  --color-border-button-normal-active-soiq8b:var(--color-white-jf0w15);
3675
3676
  --color-border-button-normal-default-5aez2l:var(--color-neutral-100-wbgy1o);
3676
3677
  --color-border-button-normal-hover-3y34o0:var(--color-white-jf0w15);
@@ -3706,6 +3707,8 @@ body {
3706
3707
  --color-background-button-normal-default-odgg8b:transparent;
3707
3708
  --color-background-button-normal-hover-r7x40d:rgba(0, 7, 22, 0.05);
3708
3709
  --color-background-inline-code-zh1kkf:rgba(0, 0, 0, 0.1);
3710
+ --color-background-progress-bar-value-default-1bekh3:var(--color-neutral-950-qehfms);
3711
+ --color-background-progress-bar-default-kw9ow4:var(--color-grey-opaque-10-qsc933);
3709
3712
  --color-border-calendar-grid-selected-focus-ring-nzjlw6:var(--color-neutral-850-m3u7h5);
3710
3713
  --color-border-divider-default-ipvpev:var(--color-text-notification-yellow-g3zcoy);
3711
3714
  --color-border-input-focused-lslq4r:var(--color-primary-400-i8y8uk);
@@ -3810,5 +3813,5 @@ body {
3810
3813
  }
3811
3814
  }
3812
3815
  :root {
3813
- --awsui-version-info-cc088a74: true;
3816
+ --awsui-version-info-ed206118: true;
3814
3817
  }
package/lib/internal/template/internal/environment.js CHANGED
@@ -1,6 +1,6 @@
1
1
  export var PACKAGE_SOURCE = "components";
2
- export var PACKAGE_VERSION = "3.0.0 (cc088a74)";
3
- export var GIT_SHA = "cc088a74";
2
+ export var PACKAGE_VERSION = "3.0.0 (ed206118)";
3
+ export var GIT_SHA = "ed206118";
4
4
  export var THEME = "open-source-visual-refresh";
5
5
  export var SYSTEM = "core";
6
6
  export var ALWAYS_VISUAL_REFRESH = true;
package/lib/internal/template/internal/environment.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "PACKAGE_SOURCE": "components",
3
- "PACKAGE_VERSION": "3.0.0 (cc088a74)",
4
- "GIT_SHA": "cc088a74",
3
+ "PACKAGE_VERSION": "3.0.0 (ed206118)",
4
+ "GIT_SHA": "ed206118",
5
5
  "THEME": "default",
6
6
  "SYSTEM": "core",
7
7
  "ALWAYS_VISUAL_REFRESH": false
package/lib/internal/template/internal/generated/styles/tokens.d.ts CHANGED
@@ -341,9 +341,7 @@ export const colorBackgroundNotificationStackBarActive: string;
341
341
  export const colorBackgroundNotificationStackBarHover: string;
342
342
  export const colorBackgroundPopover: string;
343
343
  export const colorBackgroundProgressBarValueDefault: string;
344
- export const colorBackgroundProgressBarValueInFlash: string;
345
344
  export const colorBackgroundProgressBarDefault: string;
346
- export const colorBackgroundProgressBarInFlash: string;
347
345
  export const colorBackgroundSegmentActive: string;
348
346
  export const colorBackgroundSegmentDefault: string;
349
347
  export const colorBackgroundSegmentDisabled: string;
package/lib/internal/template/internal/generated/styles/tokens.js CHANGED
@@ -340,10 +340,8 @@ 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 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))";
343
+ export var colorBackgroundProgressBarValueDefault = "var(--color-background-progress-bar-value-default-69ydqg, #006ce0)";
344
+ export var colorBackgroundProgressBarDefault = "var(--color-background-progress-bar-default-j8kyxd, #ebebf0)";
347
345
  export var colorBackgroundSegmentActive = "var(--color-background-segment-active-1u2ldl, #006ce0)";
348
346
  export var colorBackgroundSegmentDefault = "var(--color-background-segment-default-b0r494, #ffffff)";
349
347
  export var colorBackgroundSegmentDisabled = "var(--color-background-segment-disabled-m2a5t7, #ffffff)";
package/lib/internal/template/internal/generated/theming/index.cjs CHANGED
@@ -1411,18 +1411,10 @@ module.exports.preset = {
1411
1411
  "light": "{colorPrimary600}",
1412
1412
  "dark": "{colorPrimary400}"
1413
1413
  },
1414
- "colorBackgroundProgressBarValueInFlash": {
1415
- "light": "{colorWhite}",
1416
- "dark": "{colorWhite}"
1417
- },
1418
1414
  "colorBackgroundProgressBarDefault": {
1419
1415
  "light": "{colorNeutral250}",
1420
1416
  "dark": "{colorNeutral700}"
1421
1417
  },
1422
- "colorBackgroundProgressBarInFlash": {
1423
- "light": "{colorGreyOpaque25}",
1424
- "dark": "{colorGreyOpaque25}"
1425
- },
1426
1418
  "colorBackgroundSegmentActive": {
1427
1419
  "light": "{colorPrimary600}",
1428
1420
  "dark": "{colorPrimary400}"
@@ -3728,18 +3720,10 @@ module.exports.preset = {
3728
3720
  "light": "{colorPrimary400}",
3729
3721
  "dark": "{colorPrimary400}"
3730
3722
  },
3731
- "colorBackgroundProgressBarValueInFlash": {
3732
- "light": "{colorWhite}",
3733
- "dark": "{colorWhite}"
3734
- },
3735
3723
  "colorBackgroundProgressBarDefault": {
3736
3724
  "light": "{colorNeutral700}",
3737
3725
  "dark": "{colorNeutral700}"
3738
3726
  },
3739
- "colorBackgroundProgressBarInFlash": {
3740
- "light": "{colorGreyOpaque25}",
3741
- "dark": "{colorGreyOpaque25}"
3742
- },
3743
3727
  "colorBackgroundSegmentActive": {
3744
3728
  "light": "{colorPrimary400}",
3745
3729
  "dark": "{colorPrimary400}"
@@ -5053,18 +5037,10 @@ module.exports.preset = {
5053
5037
  "light": "{colorPrimary400}",
5054
5038
  "dark": "{colorPrimary400}"
5055
5039
  },
5056
- "colorBackgroundProgressBarValueInFlash": {
5057
- "light": "{colorWhite}",
5058
- "dark": "{colorWhite}"
5059
- },
5060
5040
  "colorBackgroundProgressBarDefault": {
5061
5041
  "light": "{colorNeutral700}",
5062
5042
  "dark": "{colorNeutral700}"
5063
5043
  },
5064
- "colorBackgroundProgressBarInFlash": {
5065
- "light": "{colorGreyOpaque25}",
5066
- "dark": "{colorGreyOpaque25}"
5067
- },
5068
5044
  "colorBackgroundSegmentActive": {
5069
5045
  "light": "{colorPrimary400}",
5070
5046
  "dark": "{colorPrimary400}"
@@ -6311,18 +6287,10 @@ module.exports.preset = {
6311
6287
  "dark": "{colorNeutral800}"
6312
6288
  },
6313
6289
  "colorBackgroundProgressBarValueDefault": {
6314
- "light": "{colorPrimary600}",
6315
- "dark": "{colorPrimary400}"
6316
- },
6317
- "colorBackgroundProgressBarValueInFlash": {
6318
6290
  "light": "{colorWhite}",
6319
6291
  "dark": "{colorWhite}"
6320
6292
  },
6321
6293
  "colorBackgroundProgressBarDefault": {
6322
- "light": "{colorNeutral250}",
6323
- "dark": "{colorNeutral700}"
6324
- },
6325
- "colorBackgroundProgressBarInFlash": {
6326
6294
  "light": "{colorGreyOpaque25}",
6327
6295
  "dark": "{colorGreyOpaque25}"
6328
6296
  },
@@ -7457,18 +7425,10 @@ module.exports.preset = {
7457
7425
  "dark": "{colorNeutral800}"
7458
7426
  },
7459
7427
  "colorBackgroundProgressBarValueDefault": {
7460
- "light": "{colorPrimary600}",
7461
- "dark": "{colorPrimary400}"
7462
- },
7463
- "colorBackgroundProgressBarValueInFlash": {
7464
7428
  "light": "{colorNeutral950}",
7465
7429
  "dark": "{colorNeutral950}"
7466
7430
  },
7467
7431
  "colorBackgroundProgressBarDefault": {
7468
- "light": "{colorNeutral250}",
7469
- "dark": "{colorNeutral700}"
7470
- },
7471
- "colorBackgroundProgressBarInFlash": {
7472
7432
  "light": "{colorGreyOpaque10}",
7473
7433
  "dark": "{colorGreyOpaque10}"
7474
7434
  },
@@ -8606,18 +8566,10 @@ module.exports.preset = {
8606
8566
  "light": "{colorPrimary600}",
8607
8567
  "dark": "{colorPrimary400}"
8608
8568
  },
8609
- "colorBackgroundProgressBarValueInFlash": {
8610
- "light": "{colorWhite}",
8611
- "dark": "{colorWhite}"
8612
- },
8613
8569
  "colorBackgroundProgressBarDefault": {
8614
8570
  "light": "{colorNeutral250}",
8615
8571
  "dark": "{colorNeutral700}"
8616
8572
  },
8617
- "colorBackgroundProgressBarInFlash": {
8618
- "light": "{colorGreyOpaque25}",
8619
- "dark": "{colorGreyOpaque25}"
8620
- },
8621
8573
  "colorBackgroundSegmentActive": {
8622
8574
  "light": "{colorPrimary600}",
8623
8575
  "dark": "{colorPrimary400}"
@@ -9754,18 +9706,10 @@ module.exports.preset = {
9754
9706
  "light": "{colorPrimary400}",
9755
9707
  "dark": "{colorPrimary400}"
9756
9708
  },
9757
- "colorBackgroundProgressBarValueInFlash": {
9758
- "light": "{colorWhite}",
9759
- "dark": "{colorWhite}"
9760
- },
9761
9709
  "colorBackgroundProgressBarDefault": {
9762
9710
  "light": "{colorNeutral700}",
9763
9711
  "dark": "{colorNeutral700}"
9764
9712
  },
9765
- "colorBackgroundProgressBarInFlash": {
9766
- "light": "{colorGreyOpaque25}",
9767
- "dark": "{colorGreyOpaque25}"
9768
- },
9769
9713
  "colorBackgroundSegmentActive": {
9770
9714
  "light": "{colorPrimary400}",
9771
9715
  "dark": "{colorPrimary400}"
@@ -10963,9 +10907,7 @@ module.exports.preset = {
10963
10907
  "colorBackgroundNotificationStackBarHover": "color",
10964
10908
  "colorBackgroundPopover": "color",
10965
10909
  "colorBackgroundProgressBarValueDefault": "color",
10966
- "colorBackgroundProgressBarValueInFlash": "color",
10967
10910
  "colorBackgroundProgressBarDefault": "color",
10968
- "colorBackgroundProgressBarInFlash": "color",
10969
10911
  "colorBackgroundSegmentActive": "color",
10970
10912
  "colorBackgroundSegmentDefault": "color",
10971
10913
  "colorBackgroundSegmentDisabled": "color",
@@ -12599,9 +12541,7 @@ module.exports.preset = {
12599
12541
  "colorBackgroundNotificationStackBarHover": "color-background-notification-stack-bar-hover",
12600
12542
  "colorBackgroundPopover": "color-background-popover",
12601
12543
  "colorBackgroundProgressBarValueDefault": "color-background-progress-bar-value-default",
12602
- "colorBackgroundProgressBarValueInFlash": "color-background-progress-bar-value-in-flash",
12603
12544
  "colorBackgroundProgressBarDefault": "color-background-progress-bar-default",
12604
- "colorBackgroundProgressBarInFlash": "color-background-progress-bar-in-flash",
12605
12545
  "colorBackgroundSegmentActive": "color-background-segment-active",
12606
12546
  "colorBackgroundSegmentDefault": "color-background-segment-default",
12607
12547
  "colorBackgroundSegmentDisabled": "color-background-segment-disabled",
@@ -13419,10 +13359,8 @@ module.exports.preset = {
13419
13359
  "colorBackgroundNotificationStackBarActive": "--color-background-notification-stack-bar-active-a4h9r8",
13420
13360
  "colorBackgroundNotificationStackBarHover": "--color-background-notification-stack-bar-hover-jh82oo",
13421
13361
  "colorBackgroundPopover": "--color-background-popover-e20fy8",
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",
13362
+ "colorBackgroundProgressBarValueDefault": "--color-background-progress-bar-value-default-69ydqg",
13363
+ "colorBackgroundProgressBarDefault": "--color-background-progress-bar-default-j8kyxd",
13426
13364
  "colorBackgroundSegmentActive": "--color-background-segment-active-1u2ldl",
13427
13365
  "colorBackgroundSegmentDefault": "--color-background-segment-default-b0r494",
13428
13366
  "colorBackgroundSegmentDisabled": "--color-background-segment-disabled-m2a5t7",