@cloudscape-design/components 3.0.1263 → 3.0.1264

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 (29) hide show
  1. package/alert/styles.css.js +27 -27
  2. package/alert/styles.scoped.css +45 -43
  3. package/alert/styles.selectors.js +27 -27
  4. package/flashbar/styles.css.js +50 -50
  5. package/flashbar/styles.scoped.css +148 -148
  6. package/flashbar/styles.selectors.js +50 -50
  7. package/internal/base-component/styles.scoped.css +7 -1
  8. package/internal/components/options-list/index.d.ts +1 -0
  9. package/internal/components/options-list/index.d.ts.map +1 -1
  10. package/internal/components/options-list/index.js +2 -2
  11. package/internal/components/options-list/index.js.map +1 -1
  12. package/internal/environment.js +2 -2
  13. package/internal/environment.json +2 -2
  14. package/internal/generated/styles/tokens.d.ts +6 -0
  15. package/internal/generated/styles/tokens.js +6 -0
  16. package/internal/generated/theming/index.cjs +33 -1
  17. package/internal/generated/theming/index.cjs.d.ts +63 -0
  18. package/internal/generated/theming/index.d.ts +63 -0
  19. package/internal/generated/theming/index.js +33 -1
  20. package/internal/manifest.json +1 -1
  21. package/multiselect/internal.js +1 -1
  22. package/multiselect/internal.js.map +1 -1
  23. package/multiselect/use-multiselect.d.ts +1 -0
  24. package/multiselect/use-multiselect.d.ts.map +1 -1
  25. package/package.json +1 -1
  26. package/select/internal.d.ts.map +1 -1
  27. package/select/internal.js +1 -0
  28. package/select/internal.js.map +1 -1
  29. package/select/parts/filter.d.ts +1 -1
package/flashbar/styles.selectors.js CHANGED
@@ -2,55 +2,55 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "flash-with-motion": "awsui_flash-with-motion_1q84n_1kebn_157",
6
- "enter": "awsui_enter_1q84n_1kebn_157",
7
- "flash-body": "awsui_flash-body_1q84n_1kebn_171",
8
- "flash-message": "awsui_flash-message_1q84n_1kebn_171",
9
- "flash-header": "awsui_flash-header_1q84n_1kebn_171",
10
- "flash-content": "awsui_flash-content_1q84n_1kebn_172",
11
- "action-button-wrapper": "awsui_action-button-wrapper_1q84n_1kebn_173",
12
- "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_1kebn_174",
13
- "flash-icon": "awsui_flash-icon_1q84n_1kebn_197",
14
- "entering": "awsui_entering_1q84n_1kebn_210",
15
- "entered": "awsui_entered_1q84n_1kebn_231",
16
- "exiting": "awsui_exiting_1q84n_1kebn_336",
17
- "stack": "awsui_stack_1q84n_1kebn_370",
18
- "animation-running": "awsui_animation-running_1q84n_1kebn_370",
19
- "item": "awsui_item_1q84n_1kebn_370",
20
- "flash-list-item": "awsui_flash-list-item_1q84n_1kebn_371",
21
- "notification-bar": "awsui_notification-bar_1q84n_1kebn_372",
22
- "collapsed": "awsui_collapsed_1q84n_1kebn_392",
23
- "animation-ready": "awsui_animation-ready_1q84n_1kebn_392",
24
- "expanded-only": "awsui_expanded-only_1q84n_1kebn_392",
25
- "expanded": "awsui_expanded_1q84n_1kebn_392",
26
- "flash": "awsui_flash_1q84n_1kebn_157",
27
- "collapsible": "awsui_collapsible_1q84n_1kebn_448",
28
- "short-list": "awsui_short-list_1q84n_1kebn_454",
29
- "visual-refresh": "awsui_visual-refresh_1q84n_1kebn_454",
30
- "status": "awsui_status_1q84n_1kebn_601",
31
- "header": "awsui_header_1q84n_1kebn_601",
32
- "item-count": "awsui_item-count_1q84n_1kebn_602",
33
- "button": "awsui_button_1q84n_1kebn_603",
34
- "type-count": "awsui_type-count_1q84n_1kebn_636",
35
- "count-number": "awsui_count-number_1q84n_1kebn_636",
36
- "icon": "awsui_icon_1q84n_1kebn_674",
37
- "floating": "awsui_floating_1q84n_1kebn_715",
38
- "flashbar": "awsui_flashbar_1q84n_1kebn_719",
39
- "initial-hidden": "awsui_initial-hidden_1q84n_1kebn_778",
40
- "flash-list": "awsui_flash-list_1q84n_1kebn_371",
41
- "flash-focus-container": "awsui_flash-focus-container_1q84n_1kebn_802",
42
- "flash-text": "awsui_flash-text_1q84n_1kebn_832",
43
- "hidden": "awsui_hidden_1q84n_1kebn_851",
44
- "header-replacement": "awsui_header-replacement_1q84n_1kebn_856",
45
- "content-replacement": "awsui_content-replacement_1q84n_1kebn_861",
46
- "dismiss-button": "awsui_dismiss-button_1q84n_1kebn_174",
47
- "action-wrapped": "awsui_action-wrapped_1q84n_1kebn_879",
48
- "action-button": "awsui_action-button_1q84n_1kebn_173",
49
- "action-slot": "awsui_action-slot_1q84n_1kebn_886",
50
- "flash-type-success": "awsui_flash-type-success_1q84n_1kebn_890",
51
- "flash-type-error": "awsui_flash-type-error_1q84n_1kebn_894",
52
- "flash-type-info": "awsui_flash-type-info_1q84n_1kebn_898",
53
- "flash-type-in-progress": "awsui_flash-type-in-progress_1q84n_1kebn_899",
54
- "flash-type-warning": "awsui_flash-type-warning_1q84n_1kebn_903"
5
+ "flash-with-motion": "awsui_flash-with-motion_1q84n_1i5tt_157",
6
+ "enter": "awsui_enter_1q84n_1i5tt_157",
7
+ "flash-body": "awsui_flash-body_1q84n_1i5tt_171",
8
+ "flash-message": "awsui_flash-message_1q84n_1i5tt_171",
9
+ "flash-header": "awsui_flash-header_1q84n_1i5tt_171",
10
+ "flash-content": "awsui_flash-content_1q84n_1i5tt_172",
11
+ "action-button-wrapper": "awsui_action-button-wrapper_1q84n_1i5tt_173",
12
+ "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_1i5tt_174",
13
+ "flash-icon": "awsui_flash-icon_1q84n_1i5tt_197",
14
+ "entering": "awsui_entering_1q84n_1i5tt_210",
15
+ "entered": "awsui_entered_1q84n_1i5tt_231",
16
+ "exiting": "awsui_exiting_1q84n_1i5tt_336",
17
+ "stack": "awsui_stack_1q84n_1i5tt_370",
18
+ "animation-running": "awsui_animation-running_1q84n_1i5tt_370",
19
+ "item": "awsui_item_1q84n_1i5tt_370",
20
+ "flash-list-item": "awsui_flash-list-item_1q84n_1i5tt_371",
21
+ "notification-bar": "awsui_notification-bar_1q84n_1i5tt_372",
22
+ "collapsed": "awsui_collapsed_1q84n_1i5tt_392",
23
+ "animation-ready": "awsui_animation-ready_1q84n_1i5tt_392",
24
+ "expanded-only": "awsui_expanded-only_1q84n_1i5tt_392",
25
+ "expanded": "awsui_expanded_1q84n_1i5tt_392",
26
+ "flash": "awsui_flash_1q84n_1i5tt_157",
27
+ "collapsible": "awsui_collapsible_1q84n_1i5tt_448",
28
+ "short-list": "awsui_short-list_1q84n_1i5tt_454",
29
+ "visual-refresh": "awsui_visual-refresh_1q84n_1i5tt_454",
30
+ "status": "awsui_status_1q84n_1i5tt_601",
31
+ "header": "awsui_header_1q84n_1i5tt_601",
32
+ "item-count": "awsui_item-count_1q84n_1i5tt_602",
33
+ "button": "awsui_button_1q84n_1i5tt_603",
34
+ "type-count": "awsui_type-count_1q84n_1i5tt_636",
35
+ "count-number": "awsui_count-number_1q84n_1i5tt_636",
36
+ "icon": "awsui_icon_1q84n_1i5tt_674",
37
+ "floating": "awsui_floating_1q84n_1i5tt_715",
38
+ "flashbar": "awsui_flashbar_1q84n_1i5tt_719",
39
+ "initial-hidden": "awsui_initial-hidden_1q84n_1i5tt_778",
40
+ "flash-list": "awsui_flash-list_1q84n_1i5tt_371",
41
+ "flash-focus-container": "awsui_flash-focus-container_1q84n_1i5tt_802",
42
+ "flash-text": "awsui_flash-text_1q84n_1i5tt_832",
43
+ "hidden": "awsui_hidden_1q84n_1i5tt_851",
44
+ "header-replacement": "awsui_header-replacement_1q84n_1i5tt_856",
45
+ "content-replacement": "awsui_content-replacement_1q84n_1i5tt_861",
46
+ "dismiss-button": "awsui_dismiss-button_1q84n_1i5tt_174",
47
+ "action-wrapped": "awsui_action-wrapped_1q84n_1i5tt_879",
48
+ "action-button": "awsui_action-button_1q84n_1i5tt_173",
49
+ "action-slot": "awsui_action-slot_1q84n_1i5tt_886",
50
+ "flash-type-success": "awsui_flash-type-success_1q84n_1i5tt_890",
51
+ "flash-type-error": "awsui_flash-type-error_1q84n_1i5tt_894",
52
+ "flash-type-info": "awsui_flash-type-info_1q84n_1i5tt_898",
53
+ "flash-type-in-progress": "awsui_flash-type-in-progress_1q84n_1i5tt_899",
54
+ "flash-type-warning": "awsui_flash-type-warning_1q84n_1i5tt_903"
55
55
  };
56
56
 
package/internal/base-component/styles.scoped.css CHANGED
@@ -538,6 +538,8 @@ body {
538
538
  --font-tabs-size-18irgl:var(--font-size-heading-s-zp08en);
539
539
  --font-wayfinding-link-active-weight-ny4hup:700;
540
540
  --font-weight-button-0eg20c:700;
541
+ --font-weight-alert-header-zg25o1:700;
542
+ --font-weight-flashbar-header-fg5kye:700;
541
543
  --font-weight-heading-xl-u3m4we:700;
542
544
  --font-weight-heading-l-0t6dwc:700;
543
545
  --font-weight-heading-m-zf82dr:700;
@@ -602,6 +604,10 @@ body {
602
604
  --border-width-card-x24gzt:var(--border-divider-section-width-uwo8my);
603
605
  --border-width-card-highlighted-x17dhn:var(--border-item-width-miijiw);
604
606
  --border-width-alert-tuifgy:2px;
607
+ --border-width-alert-block-start-5wbfsk:var(--border-width-alert-tuifgy);
608
+ --border-width-alert-block-end-q8rr42:var(--border-width-alert-tuifgy);
609
+ --border-width-alert-inline-start-gjm6m1:var(--border-width-alert-tuifgy);
610
+ --border-width-alert-inline-end-9s426v:var(--border-width-alert-tuifgy);
605
611
  --border-width-button-jm0qg7:2px;
606
612
  --border-width-dropdown-youcay:2px;
607
613
  --border-width-field-2xc78x:1px;
@@ -2061,5 +2067,5 @@ body {
2061
2067
  }
2062
2068
  }
2063
2069
  :root {
2064
- --awsui-version-info-45c55ab8: true;
2070
+ --awsui-version-info-7364de0e: true;
2065
2071
  }
package/internal/components/options-list/index.d.ts CHANGED
@@ -27,6 +27,7 @@ export interface OptionsListProps extends BaseComponentProps {
27
27
  ariaLabel?: string;
28
28
  ariaLabelledby?: string;
29
29
  ariaDescribedby?: string;
30
+ ariaRequired?: boolean;
30
31
  decreaseBlockMargin?: boolean;
31
32
  embedded?: boolean;
32
33
  stickyItemBlockSize?: number | null;
package/internal/components/options-list/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/options-list/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAMjD,OAAO,EAAE,kBAAkB,EAAgB,MAAM,sBAAsB,CAAC;AACxE,OAAO,EACL,aAAa,EACb,sBAAsB,EAGtB,yBAAyB,EAC1B,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAIzD,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB;IAC1D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,mBAAmB,CAAC,UAAU,CAAC;IAC3C;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACvC;;OAEG;IACH,UAAU,CAAC,EAAE,yBAAyB,CAAC;IACvC,SAAS,CAAC,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;IAClD,MAAM,CAAC,EAAE,yBAAyB,CAAC;QAAE,aAAa,EAAE,IAAI,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;IACnE,OAAO,CAAC,EAAE,yBAAyB,CAAC;IACpC,SAAS,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IAC3C,WAAW,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAC3B,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;;AA2FD,wBAA6C"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/options-list/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAMjD,OAAO,EAAE,kBAAkB,EAAgB,MAAM,sBAAsB,CAAC;AACxE,OAAO,EACL,aAAa,EACb,sBAAsB,EAGtB,yBAAyB,EAC1B,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAIzD,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB;IAC1D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,mBAAmB,CAAC,UAAU,CAAC;IAC3C;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACvC;;OAEG;IACH,UAAU,CAAC,EAAE,yBAAyB,CAAC;IACvC,SAAS,CAAC,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;IAClD,MAAM,CAAC,EAAE,yBAAyB,CAAC;QAAE,aAAa,EAAE,IAAI,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;IACnE,OAAO,CAAC,EAAE,yBAAyB,CAAC;IACpC,SAAS,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IAC3C,WAAW,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAC3B,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;;AA6FD,wBAA6C"}
package/internal/components/options-list/index.js CHANGED
@@ -13,7 +13,7 @@ const getItemIndex = (containerRef, event) => {
13
13
  const mouseTarget = target === null || target === void 0 ? void 0 : target.dataset.mouseTarget;
14
14
  return mouseTarget ? parseInt(mouseTarget) : -1;
15
15
  };
16
- const OptionsList = ({ open, statusType, children, nativeAttributes = {}, onKeyDown, onBlur, onFocus, onLoadMore, onMouseUp, onMouseMove, position = 'relative', role = 'listbox', tagOverride: Tag = 'div', decreaseBlockMargin = false, ariaLabel, ariaLabelledby, ariaDescribedby, embedded, stickyItemBlockSize, isMultiSelect, ...restProps }, ref) => {
16
+ const OptionsList = ({ open, statusType, children, nativeAttributes = {}, onKeyDown, onBlur, onFocus, onLoadMore, onMouseUp, onMouseMove, position = 'relative', role = 'listbox', tagOverride: Tag = 'div', decreaseBlockMargin = false, ariaLabel, ariaLabelledby, ariaDescribedby, ariaRequired, embedded, stickyItemBlockSize, isMultiSelect, ...restProps }, ref) => {
17
17
  const baseProps = getBaseProps(restProps);
18
18
  const menuRef = useRef(null);
19
19
  const handleScroll = useStableCallback(() => {
@@ -36,7 +36,7 @@ const OptionsList = ({ open, statusType, children, nativeAttributes = {}, onKeyD
36
36
  [styles['options-list-embedded']]: embedded,
37
37
  });
38
38
  const mergedRef = useMergeRefs(ref, menuRef);
39
- return (React.createElement(Tag, { ...baseProps, ...nativeAttributes, className: className, ref: mergedRef, style: { position, scrollPaddingBlockStart: stickyItemBlockSize !== null && stickyItemBlockSize !== void 0 ? stickyItemBlockSize : undefined }, role: role, onScroll: handleScroll, onKeyDown: event => fireKeyboardEvent(onKeyDown, event), onMouseMove: event => onMouseMove === null || onMouseMove === void 0 ? void 0 : onMouseMove(getItemIndex(menuRef, event)), onMouseUp: event => onMouseUp === null || onMouseUp === void 0 ? void 0 : onMouseUp(getItemIndex(menuRef, event)), onBlur: event => fireNonCancelableEvent(onBlur, { relatedTarget: event.relatedTarget }), onFocus: () => fireNonCancelableEvent(onFocus), tabIndex: embedded ? 0 : -1, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, "aria-multiselectable": role === 'listbox' && isMultiSelect ? true : undefined }, open && children));
39
+ return (React.createElement(Tag, { ...baseProps, ...nativeAttributes, className: className, ref: mergedRef, style: { position, scrollPaddingBlockStart: stickyItemBlockSize !== null && stickyItemBlockSize !== void 0 ? stickyItemBlockSize : undefined }, role: role, onScroll: handleScroll, onKeyDown: event => fireKeyboardEvent(onKeyDown, event), onMouseMove: event => onMouseMove === null || onMouseMove === void 0 ? void 0 : onMouseMove(getItemIndex(menuRef, event)), onMouseUp: event => onMouseUp === null || onMouseUp === void 0 ? void 0 : onMouseUp(getItemIndex(menuRef, event)), onBlur: event => fireNonCancelableEvent(onBlur, { relatedTarget: event.relatedTarget }), onFocus: () => fireNonCancelableEvent(onFocus), tabIndex: embedded ? 0 : -1, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, "aria-multiselectable": role === 'listbox' && isMultiSelect ? true : undefined, "aria-required": ariaRequired }, open && children));
40
40
  };
41
41
  export default React.forwardRef(OptionsList);
42
42
  //# sourceMappingURL=index.js.map
package/internal/components/options-list/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/options-list/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { findUpUntil } from '@cloudscape-design/component-toolkit/dom';\nimport { useMergeRefs, useStableCallback } from '@cloudscape-design/component-toolkit/internal';\n\nimport { BaseComponentProps, getBaseProps } from '../../base-component';\nimport {\n BaseKeyDetail,\n CancelableEventHandler,\n fireKeyboardEvent,\n fireNonCancelableEvent,\n NonCancelableEventHandler,\n} from '../../events';\nimport { DropdownStatusProps } from '../dropdown-status';\n\nimport styles from './styles.css.js';\n\nexport interface OptionsListProps extends BaseComponentProps {\n open?: boolean;\n statusType: DropdownStatusProps.StatusType;\n /**\n * Options list\n */\n children: React.ReactNode;\n nativeAttributes?: Record<string, any>;\n /**\n * Called when more items need to be loaded.\n */\n onLoadMore?: NonCancelableEventHandler;\n onKeyDown?: CancelableEventHandler<BaseKeyDetail>;\n onBlur?: NonCancelableEventHandler<{ relatedTarget: Node | null }>;\n onFocus?: NonCancelableEventHandler;\n onMouseUp?: (itemIndex: number) => void;\n onMouseMove?: (itemIndex: number) => void;\n position?: React.CSSProperties['position'];\n tagOverride?: 'div' | 'ul';\n role?: 'listbox' | 'list' | 'menu';\n ariaLabel?: string;\n ariaLabelledby?: string;\n ariaDescribedby?: string;\n decreaseBlockMargin?: boolean;\n embedded?: boolean;\n stickyItemBlockSize?: number | null;\n isMultiSelect?: boolean;\n}\n\nconst BOTTOM_TRIGGER_OFFSET = 80;\n\nconst getItemIndex = (containerRef: React.RefObject<HTMLElement>, event: React.MouseEvent) => {\n const target = findUpUntil(\n event.target as HTMLElement,\n element => element === containerRef.current || !!element.dataset.mouseTarget\n );\n const mouseTarget = target?.dataset.mouseTarget;\n return mouseTarget ? parseInt(mouseTarget) : -1;\n};\n\nconst OptionsList = (\n {\n open,\n statusType,\n children,\n nativeAttributes = {},\n onKeyDown,\n onBlur,\n onFocus,\n onLoadMore,\n onMouseUp,\n onMouseMove,\n position = 'relative',\n role = 'listbox',\n tagOverride: Tag = 'div',\n decreaseBlockMargin = false,\n ariaLabel,\n ariaLabelledby,\n ariaDescribedby,\n embedded,\n stickyItemBlockSize,\n isMultiSelect,\n ...restProps\n }: OptionsListProps,\n ref: React.Ref<HTMLDivElement>\n) => {\n const baseProps = getBaseProps(restProps);\n const menuRef = useRef<HTMLElement>(null);\n\n const handleScroll = useStableCallback(() => {\n const scrollContainer = menuRef?.current;\n if (scrollContainer) {\n const bottomEdgePosition = scrollContainer.scrollTop + scrollContainer.clientHeight;\n const remainingScrollHeight = scrollContainer.scrollHeight - bottomEdgePosition;\n if (remainingScrollHeight < BOTTOM_TRIGGER_OFFSET) {\n fireNonCancelableEvent(onLoadMore);\n }\n }\n });\n\n useEffect(() => {\n if (open && statusType === 'pending') {\n handleScroll();\n }\n }, [open, statusType, handleScroll]);\n\n const className = clsx(styles['options-list'], {\n [styles['decrease-block-margin']]: decreaseBlockMargin,\n [styles['options-list-embedded']]: embedded,\n });\n\n const mergedRef = useMergeRefs(ref, menuRef);\n\n return (\n <Tag\n {...baseProps}\n {...nativeAttributes}\n className={className}\n ref={mergedRef}\n style={{ position, scrollPaddingBlockStart: stickyItemBlockSize ?? undefined }}\n role={role}\n onScroll={handleScroll}\n onKeyDown={event => fireKeyboardEvent(onKeyDown, event)}\n onMouseMove={event => onMouseMove?.(getItemIndex(menuRef, event))}\n onMouseUp={event => onMouseUp?.(getItemIndex(menuRef, event))}\n onBlur={event => fireNonCancelableEvent(onBlur, { relatedTarget: event.relatedTarget })}\n onFocus={() => fireNonCancelableEvent(onFocus)}\n tabIndex={embedded ? 0 : -1}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledby}\n aria-describedby={ariaDescribedby}\n aria-multiselectable={role === 'listbox' && isMultiSelect ? true : undefined}\n >\n {open && children}\n </Tag>\n );\n};\n\nexport default React.forwardRef(OptionsList);\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/options-list/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { findUpUntil } from '@cloudscape-design/component-toolkit/dom';\nimport { useMergeRefs, useStableCallback } from '@cloudscape-design/component-toolkit/internal';\n\nimport { BaseComponentProps, getBaseProps } from '../../base-component';\nimport {\n BaseKeyDetail,\n CancelableEventHandler,\n fireKeyboardEvent,\n fireNonCancelableEvent,\n NonCancelableEventHandler,\n} from '../../events';\nimport { DropdownStatusProps } from '../dropdown-status';\n\nimport styles from './styles.css.js';\n\nexport interface OptionsListProps extends BaseComponentProps {\n open?: boolean;\n statusType: DropdownStatusProps.StatusType;\n /**\n * Options list\n */\n children: React.ReactNode;\n nativeAttributes?: Record<string, any>;\n /**\n * Called when more items need to be loaded.\n */\n onLoadMore?: NonCancelableEventHandler;\n onKeyDown?: CancelableEventHandler<BaseKeyDetail>;\n onBlur?: NonCancelableEventHandler<{ relatedTarget: Node | null }>;\n onFocus?: NonCancelableEventHandler;\n onMouseUp?: (itemIndex: number) => void;\n onMouseMove?: (itemIndex: number) => void;\n position?: React.CSSProperties['position'];\n tagOverride?: 'div' | 'ul';\n role?: 'listbox' | 'list' | 'menu';\n ariaLabel?: string;\n ariaLabelledby?: string;\n ariaDescribedby?: string;\n ariaRequired?: boolean;\n decreaseBlockMargin?: boolean;\n embedded?: boolean;\n stickyItemBlockSize?: number | null;\n isMultiSelect?: boolean;\n}\n\nconst BOTTOM_TRIGGER_OFFSET = 80;\n\nconst getItemIndex = (containerRef: React.RefObject<HTMLElement>, event: React.MouseEvent) => {\n const target = findUpUntil(\n event.target as HTMLElement,\n element => element === containerRef.current || !!element.dataset.mouseTarget\n );\n const mouseTarget = target?.dataset.mouseTarget;\n return mouseTarget ? parseInt(mouseTarget) : -1;\n};\n\nconst OptionsList = (\n {\n open,\n statusType,\n children,\n nativeAttributes = {},\n onKeyDown,\n onBlur,\n onFocus,\n onLoadMore,\n onMouseUp,\n onMouseMove,\n position = 'relative',\n role = 'listbox',\n tagOverride: Tag = 'div',\n decreaseBlockMargin = false,\n ariaLabel,\n ariaLabelledby,\n ariaDescribedby,\n ariaRequired,\n embedded,\n stickyItemBlockSize,\n isMultiSelect,\n ...restProps\n }: OptionsListProps,\n ref: React.Ref<HTMLDivElement>\n) => {\n const baseProps = getBaseProps(restProps);\n const menuRef = useRef<HTMLElement>(null);\n\n const handleScroll = useStableCallback(() => {\n const scrollContainer = menuRef?.current;\n if (scrollContainer) {\n const bottomEdgePosition = scrollContainer.scrollTop + scrollContainer.clientHeight;\n const remainingScrollHeight = scrollContainer.scrollHeight - bottomEdgePosition;\n if (remainingScrollHeight < BOTTOM_TRIGGER_OFFSET) {\n fireNonCancelableEvent(onLoadMore);\n }\n }\n });\n\n useEffect(() => {\n if (open && statusType === 'pending') {\n handleScroll();\n }\n }, [open, statusType, handleScroll]);\n\n const className = clsx(styles['options-list'], {\n [styles['decrease-block-margin']]: decreaseBlockMargin,\n [styles['options-list-embedded']]: embedded,\n });\n\n const mergedRef = useMergeRefs(ref, menuRef);\n\n return (\n <Tag\n {...baseProps}\n {...nativeAttributes}\n className={className}\n ref={mergedRef}\n style={{ position, scrollPaddingBlockStart: stickyItemBlockSize ?? undefined }}\n role={role}\n onScroll={handleScroll}\n onKeyDown={event => fireKeyboardEvent(onKeyDown, event)}\n onMouseMove={event => onMouseMove?.(getItemIndex(menuRef, event))}\n onMouseUp={event => onMouseUp?.(getItemIndex(menuRef, event))}\n onBlur={event => fireNonCancelableEvent(onBlur, { relatedTarget: event.relatedTarget })}\n onFocus={() => fireNonCancelableEvent(onFocus)}\n tabIndex={embedded ? 0 : -1}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledby}\n aria-describedby={ariaDescribedby}\n aria-multiselectable={role === 'listbox' && isMultiSelect ? true : undefined}\n aria-required={ariaRequired}\n >\n {open && children}\n </Tag>\n );\n};\n\nexport default React.forwardRef(OptionsList);\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 (45c55ab8)";
3
- export var GIT_SHA = "45c55ab8";
2
+ export var PACKAGE_VERSION = "3.0.0 (7364de0e)";
3
+ export var GIT_SHA = "7364de0e";
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 (45c55ab8)",
4
- "GIT_SHA": "45c55ab8",
3
+ "PACKAGE_VERSION": "3.0.0 (7364de0e)",
4
+ "GIT_SHA": "7364de0e",
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
@@ -585,6 +585,8 @@ export const fontTabsLineHeight: string;
585
585
  export const fontTabsSize: string;
586
586
  export const fontWayfindingLinkActiveWeight: string;
587
587
  export const fontWeightButton: string;
588
+ export const fontWeightAlertHeader: string;
589
+ export const fontWeightFlashbarHeader: string;
588
590
  export const fontWeightHeadingXl: string;
589
591
  export const fontWeightHeadingL: string;
590
592
  export const fontWeightHeadingM: string;
@@ -649,6 +651,10 @@ export const borderLinkFocusRingShadowSpread: string;
649
651
  export const borderWidthCard: string;
650
652
  export const borderWidthCardHighlighted: string;
651
653
  export const borderWidthAlert: string;
654
+ export const borderWidthAlertBlockStart: string;
655
+ export const borderWidthAlertBlockEnd: string;
656
+ export const borderWidthAlertInlineStart: string;
657
+ export const borderWidthAlertInlineEnd: string;
652
658
  export const borderWidthButton: string;
653
659
  export const borderWidthDropdown: string;
654
660
  export const borderWidthField: string;
package/internal/generated/styles/tokens.js CHANGED
@@ -585,6 +585,8 @@ export var fontTabsLineHeight = "var(--font-tabs-line-height-5g6n1v, 20px)";
585
585
  export var fontTabsSize = "var(--font-tabs-size-18irgl, 16px)";
586
586
  export var fontWayfindingLinkActiveWeight = "var(--font-wayfinding-link-active-weight-ny4hup, 700)";
587
587
  export var fontWeightButton = "var(--font-weight-button-0eg20c, 700)";
588
+ export var fontWeightAlertHeader = "var(--font-weight-alert-header-zg25o1, 700)";
589
+ export var fontWeightFlashbarHeader = "var(--font-weight-flashbar-header-fg5kye, 700)";
588
590
  export var fontWeightHeadingXl = "var(--font-weight-heading-xl-u3m4we, 700)";
589
591
  export var fontWeightHeadingL = "var(--font-weight-heading-l-0t6dwc, 700)";
590
592
  export var fontWeightHeadingM = "var(--font-weight-heading-m-zf82dr, 700)";
@@ -649,6 +651,10 @@ export var borderLinkFocusRingShadowSpread = "var(--border-link-focus-ring-shado
649
651
  export var borderWidthCard = "var(--border-width-card-x24gzt, 1px)";
650
652
  export var borderWidthCardHighlighted = "var(--border-width-card-highlighted-x17dhn, 2px)";
651
653
  export var borderWidthAlert = "var(--border-width-alert-tuifgy, 2px)";
654
+ export var borderWidthAlertBlockStart = "var(--border-width-alert-block-start-5wbfsk, 2px)";
655
+ export var borderWidthAlertBlockEnd = "var(--border-width-alert-block-end-q8rr42, 2px)";
656
+ export var borderWidthAlertInlineStart = "var(--border-width-alert-inline-start-gjm6m1, 2px)";
657
+ export var borderWidthAlertInlineEnd = "var(--border-width-alert-inline-end-9s426v, 2px)";
652
658
  export var borderWidthButton = "var(--border-width-button-jm0qg7, 2px)";
653
659
  export var borderWidthDropdown = "var(--border-width-dropdown-youcay, 2px)";
654
660
  export var borderWidthField = "var(--border-width-field-2xc78x, 1px)";
package/internal/generated/theming/index.cjs CHANGED
@@ -2297,6 +2297,8 @@ module.exports.preset = {
2297
2297
  "fontTabsSize": "{fontSizeHeadingS}",
2298
2298
  "fontWayfindingLinkActiveWeight": "700",
2299
2299
  "fontWeightButton": "700",
2300
+ "fontWeightAlertHeader": "700",
2301
+ "fontWeightFlashbarHeader": "700",
2300
2302
  "fontWeightHeadingXl": "700",
2301
2303
  "fontWeightHeadingL": "700",
2302
2304
  "fontWeightHeadingM": "700",
@@ -2361,6 +2363,10 @@ module.exports.preset = {
2361
2363
  "borderWidthCard": "{borderDividerSectionWidth}",
2362
2364
  "borderWidthCardHighlighted": "{borderItemWidth}",
2363
2365
  "borderWidthAlert": "2px",
2366
+ "borderWidthAlertBlockStart": "{borderWidthAlert}",
2367
+ "borderWidthAlertBlockEnd": "{borderWidthAlert}",
2368
+ "borderWidthAlertInlineStart": "{borderWidthAlert}",
2369
+ "borderWidthAlertInlineEnd": "{borderWidthAlert}",
2364
2370
  "borderWidthButton": "2px",
2365
2371
  "borderWidthDropdown": "2px",
2366
2372
  "borderWidthField": "1px",
@@ -11864,6 +11870,8 @@ module.exports.preset = {
11864
11870
  "fontSizeHeadingS",
11865
11871
  "fontSizeHeadingXs",
11866
11872
  "fontWeightButton",
11873
+ "fontWeightAlertHeader",
11874
+ "fontWeightFlashbarHeader",
11867
11875
  "fontWeightHeadingXl",
11868
11876
  "fontWeightHeadingL",
11869
11877
  "fontWeightHeadingM",
@@ -11903,6 +11911,10 @@ module.exports.preset = {
11903
11911
  "borderRadiusToken",
11904
11912
  "borderRadiusTutorialPanelItem",
11905
11913
  "borderWidthAlert",
11914
+ "borderWidthAlertBlockStart",
11915
+ "borderWidthAlertBlockEnd",
11916
+ "borderWidthAlertInlineStart",
11917
+ "borderWidthAlertInlineEnd",
11906
11918
  "borderWidthButton",
11907
11919
  "borderWidthDropdown",
11908
11920
  "borderWidthField",
@@ -11912,7 +11924,8 @@ module.exports.preset = {
11912
11924
  "borderWidthIconNormal",
11913
11925
  "borderWidthIconMedium",
11914
11926
  "borderWidthIconBig",
11915
- "borderWidthIconLarge"
11927
+ "borderWidthIconLarge",
11928
+ "spaceAlertVertical"
11916
11929
  ],
11917
11930
  "exposed": [
11918
11931
  "colorChartsRed300",
@@ -12252,6 +12265,8 @@ module.exports.preset = {
12252
12265
  "fontSizeHeadingS",
12253
12266
  "fontSizeHeadingXs",
12254
12267
  "fontWeightButton",
12268
+ "fontWeightAlertHeader",
12269
+ "fontWeightFlashbarHeader",
12255
12270
  "fontWeightHeadingXl",
12256
12271
  "fontWeightHeadingL",
12257
12272
  "fontWeightHeadingM",
@@ -12292,6 +12307,10 @@ module.exports.preset = {
12292
12307
  "borderRadiusChatBubble",
12293
12308
  "borderRadiusTutorialPanelItem",
12294
12309
  "borderWidthAlert",
12310
+ "borderWidthAlertBlockStart",
12311
+ "borderWidthAlertBlockEnd",
12312
+ "borderWidthAlertInlineStart",
12313
+ "borderWidthAlertInlineEnd",
12295
12314
  "borderWidthButton",
12296
12315
  "borderWidthDropdown",
12297
12316
  "borderWidthField",
@@ -12315,6 +12334,7 @@ module.exports.preset = {
12315
12334
  "motionKeyframesFadeOut",
12316
12335
  "motionKeyframesStatusIconError",
12317
12336
  "motionKeyframesScalePopup",
12337
+ "spaceAlertVertical",
12318
12338
  "spaceContainerHorizontal",
12319
12339
  "spaceFieldHorizontal",
12320
12340
  "spaceTreeViewIndentation",
@@ -12926,6 +12946,8 @@ module.exports.preset = {
12926
12946
  "fontTabsSize": "font-tabs-size",
12927
12947
  "fontWayfindingLinkActiveWeight": "font-wayfinding-link-active-weight",
12928
12948
  "fontWeightButton": "font-weight-button",
12949
+ "fontWeightAlertHeader": "font-weight-alert-header",
12950
+ "fontWeightFlashbarHeader": "font-weight-flashbar-header",
12929
12951
  "fontWeightHeadingXl": "font-weight-heading-xl",
12930
12952
  "fontWeightHeadingL": "font-weight-heading-l",
12931
12953
  "fontWeightHeadingM": "font-weight-heading-m",
@@ -12990,6 +13012,10 @@ module.exports.preset = {
12990
13012
  "borderWidthCard": "border-width-card",
12991
13013
  "borderWidthCardHighlighted": "border-width-card-highlighted",
12992
13014
  "borderWidthAlert": "border-width-alert",
13015
+ "borderWidthAlertBlockStart": "border-width-alert-block-start",
13016
+ "borderWidthAlertBlockEnd": "border-width-alert-block-end",
13017
+ "borderWidthAlertInlineStart": "border-width-alert-inline-start",
13018
+ "borderWidthAlertInlineEnd": "border-width-alert-inline-end",
12993
13019
  "borderWidthButton": "border-width-button",
12994
13020
  "borderWidthDropdown": "border-width-dropdown",
12995
13021
  "borderWidthField": "border-width-field",
@@ -13758,6 +13784,8 @@ module.exports.preset = {
13758
13784
  "fontTabsSize": "--font-tabs-size-18irgl",
13759
13785
  "fontWayfindingLinkActiveWeight": "--font-wayfinding-link-active-weight-ny4hup",
13760
13786
  "fontWeightButton": "--font-weight-button-0eg20c",
13787
+ "fontWeightAlertHeader": "--font-weight-alert-header-zg25o1",
13788
+ "fontWeightFlashbarHeader": "--font-weight-flashbar-header-fg5kye",
13761
13789
  "fontWeightHeadingXl": "--font-weight-heading-xl-u3m4we",
13762
13790
  "fontWeightHeadingL": "--font-weight-heading-l-0t6dwc",
13763
13791
  "fontWeightHeadingM": "--font-weight-heading-m-zf82dr",
@@ -13822,6 +13850,10 @@ module.exports.preset = {
13822
13850
  "borderWidthCard": "--border-width-card-x24gzt",
13823
13851
  "borderWidthCardHighlighted": "--border-width-card-highlighted-x17dhn",
13824
13852
  "borderWidthAlert": "--border-width-alert-tuifgy",
13853
+ "borderWidthAlertBlockStart": "--border-width-alert-block-start-5wbfsk",
13854
+ "borderWidthAlertBlockEnd": "--border-width-alert-block-end-q8rr42",
13855
+ "borderWidthAlertInlineStart": "--border-width-alert-inline-start-gjm6m1",
13856
+ "borderWidthAlertInlineEnd": "--border-width-alert-inline-end-9s426v",
13825
13857
  "borderWidthButton": "--border-width-button-jm0qg7",
13826
13858
  "borderWidthDropdown": "--border-width-dropdown-youcay",
13827
13859
  "borderWidthField": "--border-width-field-2xc78x",
package/internal/generated/theming/index.cjs.d.ts CHANGED
@@ -241,6 +241,8 @@ export declare interface TypedOverride {
241
241
  fontSizeHeadingS?: GlobalValue;
242
242
  fontSizeHeadingXs?: GlobalValue;
243
243
  fontWeightButton?: GlobalValue;
244
+ fontWeightAlertHeader?: GlobalValue;
245
+ fontWeightFlashbarHeader?: GlobalValue;
244
246
  fontWeightHeadingXl?: GlobalValue;
245
247
  fontWeightHeadingL?: GlobalValue;
246
248
  fontWeightHeadingM?: GlobalValue;
@@ -280,6 +282,10 @@ export declare interface TypedOverride {
280
282
  borderRadiusToken?: GlobalValue;
281
283
  borderRadiusTutorialPanelItem?: GlobalValue;
282
284
  borderWidthAlert?: GlobalValue;
285
+ borderWidthAlertBlockStart?: GlobalValue;
286
+ borderWidthAlertBlockEnd?: GlobalValue;
287
+ borderWidthAlertInlineStart?: GlobalValue;
288
+ borderWidthAlertInlineEnd?: GlobalValue;
283
289
  borderWidthButton?: GlobalValue;
284
290
  borderWidthDropdown?: GlobalValue;
285
291
  borderWidthField?: GlobalValue;
@@ -290,6 +296,7 @@ export declare interface TypedOverride {
290
296
  borderWidthIconMedium?: GlobalValue;
291
297
  borderWidthIconBig?: GlobalValue;
292
298
  borderWidthIconLarge?: GlobalValue;
299
+ spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
293
300
  };
294
301
  contexts?: {
295
302
  'compact-table'?: {
@@ -533,6 +540,8 @@ export declare interface TypedOverride {
533
540
  fontSizeHeadingS?: GlobalValue;
534
541
  fontSizeHeadingXs?: GlobalValue;
535
542
  fontWeightButton?: GlobalValue;
543
+ fontWeightAlertHeader?: GlobalValue;
544
+ fontWeightFlashbarHeader?: GlobalValue;
536
545
  fontWeightHeadingXl?: GlobalValue;
537
546
  fontWeightHeadingL?: GlobalValue;
538
547
  fontWeightHeadingM?: GlobalValue;
@@ -572,6 +581,10 @@ export declare interface TypedOverride {
572
581
  borderRadiusToken?: GlobalValue;
573
582
  borderRadiusTutorialPanelItem?: GlobalValue;
574
583
  borderWidthAlert?: GlobalValue;
584
+ borderWidthAlertBlockStart?: GlobalValue;
585
+ borderWidthAlertBlockEnd?: GlobalValue;
586
+ borderWidthAlertInlineStart?: GlobalValue;
587
+ borderWidthAlertInlineEnd?: GlobalValue;
575
588
  borderWidthButton?: GlobalValue;
576
589
  borderWidthDropdown?: GlobalValue;
577
590
  borderWidthField?: GlobalValue;
@@ -582,6 +595,7 @@ export declare interface TypedOverride {
582
595
  borderWidthIconMedium?: GlobalValue;
583
596
  borderWidthIconBig?: GlobalValue;
584
597
  borderWidthIconLarge?: GlobalValue;
598
+ spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
585
599
  };
586
600
  };
587
601
  'top-navigation'?: {
@@ -825,6 +839,8 @@ export declare interface TypedOverride {
825
839
  fontSizeHeadingS?: GlobalValue;
826
840
  fontSizeHeadingXs?: GlobalValue;
827
841
  fontWeightButton?: GlobalValue;
842
+ fontWeightAlertHeader?: GlobalValue;
843
+ fontWeightFlashbarHeader?: GlobalValue;
828
844
  fontWeightHeadingXl?: GlobalValue;
829
845
  fontWeightHeadingL?: GlobalValue;
830
846
  fontWeightHeadingM?: GlobalValue;
@@ -864,6 +880,10 @@ export declare interface TypedOverride {
864
880
  borderRadiusToken?: GlobalValue;
865
881
  borderRadiusTutorialPanelItem?: GlobalValue;
866
882
  borderWidthAlert?: GlobalValue;
883
+ borderWidthAlertBlockStart?: GlobalValue;
884
+ borderWidthAlertBlockEnd?: GlobalValue;
885
+ borderWidthAlertInlineStart?: GlobalValue;
886
+ borderWidthAlertInlineEnd?: GlobalValue;
867
887
  borderWidthButton?: GlobalValue;
868
888
  borderWidthDropdown?: GlobalValue;
869
889
  borderWidthField?: GlobalValue;
@@ -874,6 +894,7 @@ export declare interface TypedOverride {
874
894
  borderWidthIconMedium?: GlobalValue;
875
895
  borderWidthIconBig?: GlobalValue;
876
896
  borderWidthIconLarge?: GlobalValue;
897
+ spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
877
898
  };
878
899
  };
879
900
  'header'?: {
@@ -1117,6 +1138,8 @@ export declare interface TypedOverride {
1117
1138
  fontSizeHeadingS?: GlobalValue;
1118
1139
  fontSizeHeadingXs?: GlobalValue;
1119
1140
  fontWeightButton?: GlobalValue;
1141
+ fontWeightAlertHeader?: GlobalValue;
1142
+ fontWeightFlashbarHeader?: GlobalValue;
1120
1143
  fontWeightHeadingXl?: GlobalValue;
1121
1144
  fontWeightHeadingL?: GlobalValue;
1122
1145
  fontWeightHeadingM?: GlobalValue;
@@ -1156,6 +1179,10 @@ export declare interface TypedOverride {
1156
1179
  borderRadiusToken?: GlobalValue;
1157
1180
  borderRadiusTutorialPanelItem?: GlobalValue;
1158
1181
  borderWidthAlert?: GlobalValue;
1182
+ borderWidthAlertBlockStart?: GlobalValue;
1183
+ borderWidthAlertBlockEnd?: GlobalValue;
1184
+ borderWidthAlertInlineStart?: GlobalValue;
1185
+ borderWidthAlertInlineEnd?: GlobalValue;
1159
1186
  borderWidthButton?: GlobalValue;
1160
1187
  borderWidthDropdown?: GlobalValue;
1161
1188
  borderWidthField?: GlobalValue;
@@ -1166,6 +1193,7 @@ export declare interface TypedOverride {
1166
1193
  borderWidthIconMedium?: GlobalValue;
1167
1194
  borderWidthIconBig?: GlobalValue;
1168
1195
  borderWidthIconLarge?: GlobalValue;
1196
+ spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1169
1197
  };
1170
1198
  };
1171
1199
  'flashbar'?: {
@@ -1409,6 +1437,8 @@ export declare interface TypedOverride {
1409
1437
  fontSizeHeadingS?: GlobalValue;
1410
1438
  fontSizeHeadingXs?: GlobalValue;
1411
1439
  fontWeightButton?: GlobalValue;
1440
+ fontWeightAlertHeader?: GlobalValue;
1441
+ fontWeightFlashbarHeader?: GlobalValue;
1412
1442
  fontWeightHeadingXl?: GlobalValue;
1413
1443
  fontWeightHeadingL?: GlobalValue;
1414
1444
  fontWeightHeadingM?: GlobalValue;
@@ -1448,6 +1478,10 @@ export declare interface TypedOverride {
1448
1478
  borderRadiusToken?: GlobalValue;
1449
1479
  borderRadiusTutorialPanelItem?: GlobalValue;
1450
1480
  borderWidthAlert?: GlobalValue;
1481
+ borderWidthAlertBlockStart?: GlobalValue;
1482
+ borderWidthAlertBlockEnd?: GlobalValue;
1483
+ borderWidthAlertInlineStart?: GlobalValue;
1484
+ borderWidthAlertInlineEnd?: GlobalValue;
1451
1485
  borderWidthButton?: GlobalValue;
1452
1486
  borderWidthDropdown?: GlobalValue;
1453
1487
  borderWidthField?: GlobalValue;
@@ -1458,6 +1492,7 @@ export declare interface TypedOverride {
1458
1492
  borderWidthIconMedium?: GlobalValue;
1459
1493
  borderWidthIconBig?: GlobalValue;
1460
1494
  borderWidthIconLarge?: GlobalValue;
1495
+ spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1461
1496
  };
1462
1497
  };
1463
1498
  'flashbar-warning'?: {
@@ -1701,6 +1736,8 @@ export declare interface TypedOverride {
1701
1736
  fontSizeHeadingS?: GlobalValue;
1702
1737
  fontSizeHeadingXs?: GlobalValue;
1703
1738
  fontWeightButton?: GlobalValue;
1739
+ fontWeightAlertHeader?: GlobalValue;
1740
+ fontWeightFlashbarHeader?: GlobalValue;
1704
1741
  fontWeightHeadingXl?: GlobalValue;
1705
1742
  fontWeightHeadingL?: GlobalValue;
1706
1743
  fontWeightHeadingM?: GlobalValue;
@@ -1740,6 +1777,10 @@ export declare interface TypedOverride {
1740
1777
  borderRadiusToken?: GlobalValue;
1741
1778
  borderRadiusTutorialPanelItem?: GlobalValue;
1742
1779
  borderWidthAlert?: GlobalValue;
1780
+ borderWidthAlertBlockStart?: GlobalValue;
1781
+ borderWidthAlertBlockEnd?: GlobalValue;
1782
+ borderWidthAlertInlineStart?: GlobalValue;
1783
+ borderWidthAlertInlineEnd?: GlobalValue;
1743
1784
  borderWidthButton?: GlobalValue;
1744
1785
  borderWidthDropdown?: GlobalValue;
1745
1786
  borderWidthField?: GlobalValue;
@@ -1750,6 +1791,7 @@ export declare interface TypedOverride {
1750
1791
  borderWidthIconMedium?: GlobalValue;
1751
1792
  borderWidthIconBig?: GlobalValue;
1752
1793
  borderWidthIconLarge?: GlobalValue;
1794
+ spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1753
1795
  };
1754
1796
  };
1755
1797
  'alert'?: {
@@ -1993,6 +2035,8 @@ export declare interface TypedOverride {
1993
2035
  fontSizeHeadingS?: GlobalValue;
1994
2036
  fontSizeHeadingXs?: GlobalValue;
1995
2037
  fontWeightButton?: GlobalValue;
2038
+ fontWeightAlertHeader?: GlobalValue;
2039
+ fontWeightFlashbarHeader?: GlobalValue;
1996
2040
  fontWeightHeadingXl?: GlobalValue;
1997
2041
  fontWeightHeadingL?: GlobalValue;
1998
2042
  fontWeightHeadingM?: GlobalValue;
@@ -2032,6 +2076,10 @@ export declare interface TypedOverride {
2032
2076
  borderRadiusToken?: GlobalValue;
2033
2077
  borderRadiusTutorialPanelItem?: GlobalValue;
2034
2078
  borderWidthAlert?: GlobalValue;
2079
+ borderWidthAlertBlockStart?: GlobalValue;
2080
+ borderWidthAlertBlockEnd?: GlobalValue;
2081
+ borderWidthAlertInlineStart?: GlobalValue;
2082
+ borderWidthAlertInlineEnd?: GlobalValue;
2035
2083
  borderWidthButton?: GlobalValue;
2036
2084
  borderWidthDropdown?: GlobalValue;
2037
2085
  borderWidthField?: GlobalValue;
@@ -2042,6 +2090,7 @@ export declare interface TypedOverride {
2042
2090
  borderWidthIconMedium?: GlobalValue;
2043
2091
  borderWidthIconBig?: GlobalValue;
2044
2092
  borderWidthIconLarge?: GlobalValue;
2093
+ spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2045
2094
  };
2046
2095
  };
2047
2096
  'alert-header'?: {
@@ -2285,6 +2334,8 @@ export declare interface TypedOverride {
2285
2334
  fontSizeHeadingS?: GlobalValue;
2286
2335
  fontSizeHeadingXs?: GlobalValue;
2287
2336
  fontWeightButton?: GlobalValue;
2337
+ fontWeightAlertHeader?: GlobalValue;
2338
+ fontWeightFlashbarHeader?: GlobalValue;
2288
2339
  fontWeightHeadingXl?: GlobalValue;
2289
2340
  fontWeightHeadingL?: GlobalValue;
2290
2341
  fontWeightHeadingM?: GlobalValue;
@@ -2324,6 +2375,10 @@ export declare interface TypedOverride {
2324
2375
  borderRadiusToken?: GlobalValue;
2325
2376
  borderRadiusTutorialPanelItem?: GlobalValue;
2326
2377
  borderWidthAlert?: GlobalValue;
2378
+ borderWidthAlertBlockStart?: GlobalValue;
2379
+ borderWidthAlertBlockEnd?: GlobalValue;
2380
+ borderWidthAlertInlineStart?: GlobalValue;
2381
+ borderWidthAlertInlineEnd?: GlobalValue;
2327
2382
  borderWidthButton?: GlobalValue;
2328
2383
  borderWidthDropdown?: GlobalValue;
2329
2384
  borderWidthField?: GlobalValue;
@@ -2334,6 +2389,7 @@ export declare interface TypedOverride {
2334
2389
  borderWidthIconMedium?: GlobalValue;
2335
2390
  borderWidthIconBig?: GlobalValue;
2336
2391
  borderWidthIconLarge?: GlobalValue;
2392
+ spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2337
2393
  };
2338
2394
  };
2339
2395
  'app-layout-toolbar'?: {
@@ -2577,6 +2633,8 @@ export declare interface TypedOverride {
2577
2633
  fontSizeHeadingS?: GlobalValue;
2578
2634
  fontSizeHeadingXs?: GlobalValue;
2579
2635
  fontWeightButton?: GlobalValue;
2636
+ fontWeightAlertHeader?: GlobalValue;
2637
+ fontWeightFlashbarHeader?: GlobalValue;
2580
2638
  fontWeightHeadingXl?: GlobalValue;
2581
2639
  fontWeightHeadingL?: GlobalValue;
2582
2640
  fontWeightHeadingM?: GlobalValue;
@@ -2616,6 +2674,10 @@ export declare interface TypedOverride {
2616
2674
  borderRadiusToken?: GlobalValue;
2617
2675
  borderRadiusTutorialPanelItem?: GlobalValue;
2618
2676
  borderWidthAlert?: GlobalValue;
2677
+ borderWidthAlertBlockStart?: GlobalValue;
2678
+ borderWidthAlertBlockEnd?: GlobalValue;
2679
+ borderWidthAlertInlineStart?: GlobalValue;
2680
+ borderWidthAlertInlineEnd?: GlobalValue;
2619
2681
  borderWidthButton?: GlobalValue;
2620
2682
  borderWidthDropdown?: GlobalValue;
2621
2683
  borderWidthField?: GlobalValue;
@@ -2626,6 +2688,7 @@ export declare interface TypedOverride {
2626
2688
  borderWidthIconMedium?: GlobalValue;
2627
2689
  borderWidthIconBig?: GlobalValue;
2628
2690
  borderWidthIconLarge?: GlobalValue;
2691
+ spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2629
2692
  };
2630
2693
  };
2631
2694
  };