@cloudscape-design/components-themeable 3.0.1127 → 3.0.1129

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 (202) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/input/styles.scss +62 -9
  3. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +99 -87
  4. package/lib/internal/scss/internal/styles/forms/mixins.scss +42 -19
  5. package/lib/internal/template/alert/styles.css.js +27 -27
  6. package/lib/internal/template/alert/styles.scoped.css +50 -50
  7. package/lib/internal/template/alert/styles.selectors.js +27 -27
  8. package/lib/internal/template/annotation-context/annotation/styles.css.js +24 -24
  9. package/lib/internal/template/annotation-context/annotation/styles.scoped.css +32 -32
  10. package/lib/internal/template/annotation-context/annotation/styles.selectors.js +24 -24
  11. package/lib/internal/template/app-layout/notifications/styles.css.js +3 -3
  12. package/lib/internal/template/app-layout/notifications/styles.scoped.css +7 -7
  13. package/lib/internal/template/app-layout/notifications/styles.selectors.js +3 -3
  14. package/lib/internal/template/app-layout/visual-refresh/styles.css.js +86 -86
  15. package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +258 -258
  16. package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +86 -86
  17. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/global-bottom-drawer.d.ts.map +1 -1
  18. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/global-bottom-drawer.js +5 -2
  19. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/global-bottom-drawer.js.map +1 -1
  20. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.css.js +27 -27
  21. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +84 -84
  22. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +27 -27
  23. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.css.js +4 -4
  24. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +7 -7
  25. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +4 -4
  26. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/index.d.ts.map +1 -1
  27. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/index.js +3 -1
  28. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/index.js.map +1 -1
  29. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/skeleton-parts.d.ts.map +1 -1
  30. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/skeleton-parts.js +4 -5
  31. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/skeleton-parts.js.map +1 -1
  32. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/slots.d.ts.map +1 -1
  33. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/slots.js +8 -3
  34. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/slots.js.map +1 -1
  35. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +27 -27
  36. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +54 -54
  37. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +27 -27
  38. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.d.ts +20 -0
  39. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.d.ts.map +1 -0
  40. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.js +19 -0
  41. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.js.map +1 -0
  42. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-skeleton-slots-attributes.d.ts.map +1 -1
  43. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-skeleton-slots-attributes.js +0 -1
  44. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-skeleton-slots-attributes.js.map +1 -1
  45. package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/index.d.ts +1 -0
  46. package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/index.d.ts.map +1 -1
  47. package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/index.js +7 -4
  48. package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/index.js.map +1 -1
  49. package/lib/internal/template/attribute-editor/styles.css.js +15 -15
  50. package/lib/internal/template/attribute-editor/styles.scoped.css +28 -28
  51. package/lib/internal/template/attribute-editor/styles.selectors.js +15 -15
  52. package/lib/internal/template/autosuggest/index.d.ts.map +1 -1
  53. package/lib/internal/template/autosuggest/index.js +3 -2
  54. package/lib/internal/template/autosuggest/index.js.map +1 -1
  55. package/lib/internal/template/autosuggest/interfaces.d.ts +4 -0
  56. package/lib/internal/template/autosuggest/interfaces.d.ts.map +1 -1
  57. package/lib/internal/template/autosuggest/interfaces.js.map +1 -1
  58. package/lib/internal/template/autosuggest/internal.d.ts.map +1 -1
  59. package/lib/internal/template/autosuggest/internal.js +3 -3
  60. package/lib/internal/template/autosuggest/internal.js.map +1 -1
  61. package/lib/internal/template/breadcrumb-group/item/styles.css.js +7 -7
  62. package/lib/internal/template/breadcrumb-group/item/styles.scoped.css +28 -28
  63. package/lib/internal/template/breadcrumb-group/item/styles.selectors.js +7 -7
  64. package/lib/internal/template/button/styles.css.js +22 -22
  65. package/lib/internal/template/button/styles.scoped.css +256 -256
  66. package/lib/internal/template/button/styles.selectors.js +22 -22
  67. package/lib/internal/template/button-dropdown/item-element/styles.css.js +16 -16
  68. package/lib/internal/template/button-dropdown/item-element/styles.scoped.css +27 -27
  69. package/lib/internal/template/button-dropdown/item-element/styles.selectors.js +16 -16
  70. package/lib/internal/template/button-group/icon-toggle-button-item.d.ts +2 -2
  71. package/lib/internal/template/button-group/icon-toggle-button-item.d.ts.map +1 -1
  72. package/lib/internal/template/button-group/icon-toggle-button-item.js +1 -1
  73. package/lib/internal/template/button-group/icon-toggle-button-item.js.map +1 -1
  74. package/lib/internal/template/button-group/interfaces.d.ts +4 -1
  75. package/lib/internal/template/button-group/interfaces.d.ts.map +1 -1
  76. package/lib/internal/template/button-group/interfaces.js.map +1 -1
  77. package/lib/internal/template/checkbox/styles.css.js +3 -3
  78. package/lib/internal/template/checkbox/styles.scoped.css +11 -11
  79. package/lib/internal/template/checkbox/styles.selectors.js +3 -3
  80. package/lib/internal/template/content-layout/styles.css.js +14 -14
  81. package/lib/internal/template/content-layout/styles.scoped.css +27 -27
  82. package/lib/internal/template/content-layout/styles.selectors.js +14 -14
  83. package/lib/internal/template/copy-to-clipboard/internal.d.ts.map +1 -1
  84. package/lib/internal/template/copy-to-clipboard/internal.js +18 -5
  85. package/lib/internal/template/copy-to-clipboard/internal.js.map +1 -1
  86. package/lib/internal/template/date-range-picker/dropdown.d.ts +2 -1
  87. package/lib/internal/template/date-range-picker/dropdown.d.ts.map +1 -1
  88. package/lib/internal/template/date-range-picker/dropdown.js +2 -2
  89. package/lib/internal/template/date-range-picker/dropdown.js.map +1 -1
  90. package/lib/internal/template/date-range-picker/index.d.ts.map +1 -1
  91. package/lib/internal/template/date-range-picker/index.js +2 -2
  92. package/lib/internal/template/date-range-picker/index.js.map +1 -1
  93. package/lib/internal/template/date-range-picker/interfaces.d.ts +6 -0
  94. package/lib/internal/template/date-range-picker/interfaces.d.ts.map +1 -1
  95. package/lib/internal/template/date-range-picker/interfaces.js.map +1 -1
  96. package/lib/internal/template/date-range-picker/relative-range/index.d.ts +2 -1
  97. package/lib/internal/template/date-range-picker/relative-range/index.d.ts.map +1 -1
  98. package/lib/internal/template/date-range-picker/relative-range/index.js +4 -1
  99. package/lib/internal/template/date-range-picker/relative-range/index.js.map +1 -1
  100. package/lib/internal/template/flashbar/styles.css.js +50 -50
  101. package/lib/internal/template/flashbar/styles.scoped.css +187 -187
  102. package/lib/internal/template/flashbar/styles.selectors.js +50 -50
  103. package/lib/internal/template/help-panel/styles.css.js +6 -6
  104. package/lib/internal/template/help-panel/styles.scoped.css +73 -73
  105. package/lib/internal/template/help-panel/styles.selectors.js +6 -6
  106. package/lib/internal/template/input/index.d.ts.map +1 -1
  107. package/lib/internal/template/input/index.js +3 -2
  108. package/lib/internal/template/input/index.js.map +1 -1
  109. package/lib/internal/template/input/interfaces.d.ts +48 -0
  110. package/lib/internal/template/input/interfaces.d.ts.map +1 -1
  111. package/lib/internal/template/input/interfaces.js.map +1 -1
  112. package/lib/internal/template/input/internal.d.ts.map +1 -1
  113. package/lib/internal/template/input/internal.js +3 -2
  114. package/lib/internal/template/input/internal.js.map +1 -1
  115. package/lib/internal/template/input/styles.css.js +13 -13
  116. package/lib/internal/template/input/styles.d.ts +3 -0
  117. package/lib/internal/template/input/styles.d.ts.map +1 -0
  118. package/lib/internal/template/input/styles.js +42 -0
  119. package/lib/internal/template/input/styles.js.map +1 -0
  120. package/lib/internal/template/input/styles.scoped.css +66 -49
  121. package/lib/internal/template/input/styles.selectors.js +13 -13
  122. package/lib/internal/template/internal/analytics/components/analytics-funnel.d.ts +1 -0
  123. package/lib/internal/template/internal/analytics/components/analytics-funnel.d.ts.map +1 -1
  124. package/lib/internal/template/internal/analytics/components/analytics-funnel.js +5 -2
  125. package/lib/internal/template/internal/analytics/components/analytics-funnel.js.map +1 -1
  126. package/lib/internal/template/internal/analytics/interfaces.d.ts +1 -0
  127. package/lib/internal/template/internal/analytics/interfaces.d.ts.map +1 -1
  128. package/lib/internal/template/internal/analytics/interfaces.js.map +1 -1
  129. package/lib/internal/template/internal/base-component/styles.scoped.css +1 -1
  130. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.css.js +20 -20
  131. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.scoped.css +48 -48
  132. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.selectors.js +20 -20
  133. package/lib/internal/template/internal/components/dropdown/styles.css.js +20 -20
  134. package/lib/internal/template/internal/components/dropdown/styles.scoped.css +38 -38
  135. package/lib/internal/template/internal/components/dropdown/styles.selectors.js +20 -20
  136. package/lib/internal/template/internal/components/token-list/styles.css.js +10 -10
  137. package/lib/internal/template/internal/components/token-list/styles.scoped.css +25 -25
  138. package/lib/internal/template/internal/components/token-list/styles.selectors.js +10 -10
  139. package/lib/internal/template/internal/environment.js +2 -2
  140. package/lib/internal/template/internal/environment.json +2 -2
  141. package/lib/internal/template/internal/generated/custom-css-properties/index.d.ts +12 -0
  142. package/lib/internal/template/internal/generated/custom-css-properties/index.d.ts.map +1 -1
  143. package/lib/internal/template/internal/generated/custom-css-properties/index.js +98 -86
  144. package/lib/internal/template/internal/generated/custom-css-properties/index.js.map +1 -1
  145. package/lib/internal/template/internal/generated/styles/tokens.d.ts +0 -4
  146. package/lib/internal/template/internal/generated/styles/tokens.js +0 -4
  147. package/lib/internal/template/internal/generated/theming/index.cjs +0 -84
  148. package/lib/internal/template/internal/generated/theming/index.js +0 -84
  149. package/lib/internal/template/internal/plugins/widget/interfaces.d.ts +1 -1
  150. package/lib/internal/template/internal/plugins/widget/interfaces.d.ts.map +1 -1
  151. package/lib/internal/template/internal/plugins/widget/interfaces.js.map +1 -1
  152. package/lib/internal/template/link/styles.css.js +20 -20
  153. package/lib/internal/template/link/styles.scoped.css +103 -103
  154. package/lib/internal/template/link/styles.selectors.js +20 -20
  155. package/lib/internal/template/package.json +2 -0
  156. package/lib/internal/template/popover/container.d.ts.map +1 -1
  157. package/lib/internal/template/popover/container.js +2 -5
  158. package/lib/internal/template/popover/container.js.map +1 -1
  159. package/lib/internal/template/popover/use-position-observer.d.ts +1 -2
  160. package/lib/internal/template/popover/use-position-observer.d.ts.map +1 -1
  161. package/lib/internal/template/popover/use-position-observer.js +10 -8
  162. package/lib/internal/template/popover/use-position-observer.js.map +1 -1
  163. package/lib/internal/template/radio-group/styles.css.js +10 -10
  164. package/lib/internal/template/radio-group/styles.scoped.css +22 -22
  165. package/lib/internal/template/radio-group/styles.selectors.js +10 -10
  166. package/lib/internal/template/select/parts/filter.d.ts +1 -1
  167. package/lib/internal/template/select/parts/filter.d.ts.map +1 -1
  168. package/lib/internal/template/side-navigation/interfaces.d.ts +4 -0
  169. package/lib/internal/template/side-navigation/interfaces.d.ts.map +1 -1
  170. package/lib/internal/template/side-navigation/interfaces.js.map +1 -1
  171. package/lib/internal/template/side-navigation/parts.d.ts.map +1 -1
  172. package/lib/internal/template/side-navigation/parts.js +4 -1
  173. package/lib/internal/template/side-navigation/parts.js.map +1 -1
  174. package/lib/internal/template/slider/styles.css.js +26 -26
  175. package/lib/internal/template/slider/styles.scoped.css +86 -86
  176. package/lib/internal/template/slider/styles.selectors.js +26 -26
  177. package/lib/internal/template/spinner/styles.css.js +13 -13
  178. package/lib/internal/template/spinner/styles.scoped.css +39 -39
  179. package/lib/internal/template/spinner/styles.selectors.js +13 -13
  180. package/lib/internal/template/tag-editor/styles.css.js +3 -3
  181. package/lib/internal/template/tag-editor/styles.scoped.css +13 -13
  182. package/lib/internal/template/tag-editor/styles.selectors.js +3 -3
  183. package/lib/internal/template/test-utils/dom/multiselect/index.d.ts +8 -0
  184. package/lib/internal/template/test-utils/dom/multiselect/index.js +18 -4
  185. package/lib/internal/template/test-utils/dom/multiselect/index.js.map +1 -1
  186. package/lib/internal/template/test-utils/selectors/multiselect/index.d.ts +8 -0
  187. package/lib/internal/template/test-utils/selectors/multiselect/index.js +18 -4
  188. package/lib/internal/template/test-utils/selectors/multiselect/index.js.map +1 -1
  189. package/lib/internal/template/text-content/styles.css.js +1 -1
  190. package/lib/internal/template/text-content/styles.scoped.css +66 -66
  191. package/lib/internal/template/text-content/styles.selectors.js +1 -1
  192. package/lib/internal/template/toggle/styles.css.js +10 -10
  193. package/lib/internal/template/toggle/styles.scoped.css +23 -23
  194. package/lib/internal/template/toggle/styles.selectors.js +10 -10
  195. package/lib/internal/template/toggle-button/internal.d.ts +1 -0
  196. package/lib/internal/template/toggle-button/internal.d.ts.map +1 -1
  197. package/lib/internal/template/toggle-button/internal.js +2 -2
  198. package/lib/internal/template/toggle-button/internal.js.map +1 -1
  199. package/lib/internal/template/wizard/index.d.ts.map +1 -1
  200. package/lib/internal/template/wizard/index.js +2 -1
  201. package/lib/internal/template/wizard/index.js.map +1 -1
  202. package/package.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/autosuggest/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAmBhE,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,OAAO,EAAmB,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAOjE,UAAU,wBAAyB,SAAQ,gBAAgB,EAAE,0BAA0B;CAAG;AAE1F,QAAA,MAAM,mBAAmB,uGAqOvB,CAAC;AAEH,eAAe,mBAAmB,CAAC"}
1
+ {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/autosuggest/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAmBhE,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,OAAO,EAAmB,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAOjE,UAAU,wBAAyB,SAAQ,gBAAgB,EAAE,0BAA0B;CAAG;AAE1F,QAAA,MAAM,mBAAmB,uGAuOvB,CAAC;AAEH,eAAe,mBAAmB,CAAC"}
@@ -18,7 +18,7 @@ import AutosuggestOptionsList from './options-list';
18
18
  import styles from './styles.css.js';
19
19
  const InternalAutosuggest = React.forwardRef((props, ref) => {
20
20
  var _a, _b;
21
- const { value, onChange, onBlur, onFocus, onKeyUp, onLoadItems, options, filteringType = 'auto', statusType = 'finished', placeholder, clearAriaLabel, name, disabled, disableBrowserAutocorrect = false, autoFocus, readOnly, ariaLabel, ariaRequired, enteredTextLabel, filteringResultsText, onKeyDown, virtualScroll, expandToViewport, onSelect, renderHighlightedAriaLive, __internalRootRef } = props, restProps = __rest(props, ["value", "onChange", "onBlur", "onFocus", "onKeyUp", "onLoadItems", "options", "filteringType", "statusType", "placeholder", "clearAriaLabel", "name", "disabled", "disableBrowserAutocorrect", "autoFocus", "readOnly", "ariaLabel", "ariaRequired", "enteredTextLabel", "filteringResultsText", "onKeyDown", "virtualScroll", "expandToViewport", "onSelect", "renderHighlightedAriaLive", "__internalRootRef"]);
21
+ const { value, onChange, onBlur, onFocus, onKeyUp, onLoadItems, options, filteringType = 'auto', statusType = 'finished', placeholder, clearAriaLabel, name, disabled, disableBrowserAutocorrect = false, autoFocus, readOnly, ariaLabel, ariaRequired, enteredTextLabel, hideEnteredTextOption, filteringResultsText, onKeyDown, virtualScroll, expandToViewport, onSelect, renderHighlightedAriaLive, __internalRootRef } = props, restProps = __rest(props, ["value", "onChange", "onBlur", "onFocus", "onKeyUp", "onLoadItems", "options", "filteringType", "statusType", "placeholder", "clearAriaLabel", "name", "disabled", "disableBrowserAutocorrect", "autoFocus", "readOnly", "ariaLabel", "ariaRequired", "enteredTextLabel", "hideEnteredTextOption", "filteringResultsText", "onKeyDown", "virtualScroll", "expandToViewport", "onSelect", "renderHighlightedAriaLive", "__internalRootRef"]);
22
22
  checkControlled('Autosuggest', 'value', value, 'onChange', onChange);
23
23
  checkOptionValueField('Autosuggest', 'options', options);
24
24
  const autosuggestInputRef = useRef(null);
@@ -39,7 +39,7 @@ const InternalAutosuggest = React.forwardRef((props, ref) => {
39
39
  filterText: value,
40
40
  filteringType,
41
41
  enteredTextLabel,
42
- hideEnteredTextLabel: false,
42
+ hideEnteredTextLabel: hideEnteredTextOption,
43
43
  onSelectItem: (option) => {
44
44
  var _a;
45
45
  const value = option.value || '';
@@ -120,7 +120,7 @@ const InternalAutosuggest = React.forwardRef((props, ref) => {
120
120
  const dropdownStatus = useDropdownStatus(Object.assign(Object.assign({}, props), { isEmpty,
121
121
  recoveryText,
122
122
  errorIconAriaLabel, onRecoveryClick: handleRecoveryClick, filteringResultsText: filteredText, hasRecoveryCallback: !!onLoadItems }));
123
- const shouldRenderDropdownContent = !isEmpty || !!dropdownStatus.content;
123
+ const shouldRenderDropdownContent = autosuggestItemsState.items.length !== 0 || !!dropdownStatus.content || (!hideEnteredTextOption && !!value);
124
124
  return (React.createElement(AutosuggestInput, Object.assign({}, restProps, { className: clsx(styles.root, restProps.className), ref: autosuggestInputRef, __internalRootRef: __internalRootRef, value: value, onChange: handleChange, onBlur: handleBlur, onFocus: handleFocus, onKeyUp: handleKeyUp, onKeyDown: handleKeyDown, name: name, controlId: controlId, placeholder: placeholder, disabled: disabled, readOnly: readOnly, autoFocus: autoFocus, ariaLabel: ariaLabel, ariaRequired: ariaRequired, clearAriaLabel: clearAriaLabel, disableBrowserAutocorrect: disableBrowserAutocorrect, expandToViewport: expandToViewport, ariaControls: listId, ariaActivedescendant: highlightedOptionId, dropdownExpanded: shouldRenderDropdownContent, dropdownContent: shouldRenderDropdownContent && (React.createElement(AutosuggestOptionsList, { statusType: statusType, autosuggestItemsState: autosuggestItemsState, autosuggestItemsHandlers: autosuggestItemsHandlers, highlightedOptionId: highlightedOptionId, highlightText: value, listId: listId, controlId: controlId, handleLoadMore: autosuggestLoadMoreHandlers.fireLoadMoreOnScroll, hasDropdownStatus: dropdownStatus.content !== null, virtualScroll: virtualScroll, selectedAriaLabel: selectedAriaLabel, renderHighlightedAriaLive: renderHighlightedAriaLive, listBottom: !dropdownStatus.isSticky ? React.createElement(DropdownFooter, { content: dropdownStatus.content, id: footerControlId }) : null, ariaDescribedby: dropdownStatus.content ? footerControlId : undefined })), dropdownFooter: dropdownStatus.isSticky && dropdownStatus.content ? (React.createElement(DropdownFooter, { id: footerControlId, content: dropdownStatus.content, hasItems: autosuggestItemsState.items.length >= 1 })) : null, loopFocus: dropdownStatus.hasRecoveryButton, onCloseDropdown: handleCloseDropdown, onDelayedInput: handleDelayedInput, onPressArrowDown: handlePressArrowDown, onPressArrowUp: handlePressArrowUp, onPressEnter: handlePressEnter })));
125
125
  });
126
126
  export default InternalAutosuggest;
@@ -1 +1 @@
1
- {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/autosuggest/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { Ref, useImperativeHandle, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useUniqueId, warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useFormFieldContext } from '../contexts/form-field';\nimport { useInternalI18n } from '../i18n/context';\nimport { BaseChangeDetail } from '../input/interfaces';\nimport AutosuggestInput, { AutosuggestInputRef } from '../internal/components/autosuggest-input';\nimport { OptionsLoadItemsDetail } from '../internal/components/dropdown/interfaces';\nimport DropdownFooter from '../internal/components/dropdown-footer';\nimport { useDropdownStatus } from '../internal/components/dropdown-status';\nimport {\n BaseKeyDetail,\n fireCancelableEvent,\n fireNonCancelableEvent,\n NonCancelableCustomEvent,\n} from '../internal/events';\nimport checkControlled from '../internal/hooks/check-controlled';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { checkOptionValueField } from '../select/utils/check-option-value-field';\nimport { AutosuggestItem, AutosuggestProps } from './interfaces';\nimport { useAutosuggestLoadMore } from './load-more-controller';\nimport { useAutosuggestItems } from './options-controller';\nimport AutosuggestOptionsList from './options-list';\n\nimport styles from './styles.css.js';\n\ninterface InternalAutosuggestProps extends AutosuggestProps, InternalBaseComponentProps {}\n\nconst InternalAutosuggest = React.forwardRef((props: InternalAutosuggestProps, ref: Ref<AutosuggestProps.Ref>) => {\n const {\n value,\n onChange,\n onBlur,\n onFocus,\n onKeyUp,\n onLoadItems,\n options,\n filteringType = 'auto',\n statusType = 'finished',\n placeholder,\n clearAriaLabel,\n name,\n disabled,\n disableBrowserAutocorrect = false,\n autoFocus,\n readOnly,\n ariaLabel,\n ariaRequired,\n enteredTextLabel,\n filteringResultsText,\n onKeyDown,\n virtualScroll,\n expandToViewport,\n onSelect,\n renderHighlightedAriaLive,\n __internalRootRef,\n ...restProps\n } = props;\n\n checkControlled('Autosuggest', 'value', value, 'onChange', onChange);\n checkOptionValueField('Autosuggest', 'options', options);\n\n const autosuggestInputRef = useRef<AutosuggestInputRef>(null);\n useImperativeHandle(\n ref,\n () => ({\n focus: () => autosuggestInputRef.current?.focus(),\n select: () => autosuggestInputRef.current?.select(),\n }),\n []\n );\n\n const i18n = useInternalI18n('autosuggest');\n const errorIconAriaLabel = i18n('errorIconAriaLabel', restProps.errorIconAriaLabel);\n const selectedAriaLabel = i18n('selectedAriaLabel', restProps.selectedAriaLabel);\n const recoveryText = i18n('recoveryText', restProps.recoveryText);\n\n if (restProps.recoveryText && !onLoadItems) {\n warnOnce('Autosuggest', '`onLoadItems` must be provided for `recoveryText` to be displayed.');\n }\n\n const [autosuggestItemsState, autosuggestItemsHandlers] = useAutosuggestItems({\n options: options || [],\n filterValue: value,\n filterText: value,\n filteringType,\n enteredTextLabel,\n hideEnteredTextLabel: false,\n onSelectItem: (option: AutosuggestItem) => {\n const value = option.value || '';\n fireNonCancelableEvent(onChange, { value });\n fireNonCancelableEvent(onSelect, {\n value,\n selectedOption: option.type !== 'use-entered' ? option.option : undefined,\n });\n autosuggestInputRef.current?.close();\n },\n });\n\n const autosuggestLoadMoreHandlers = useAutosuggestLoadMore({\n options,\n statusType,\n onLoadItems: (detail: OptionsLoadItemsDetail) => fireNonCancelableEvent(onLoadItems, detail),\n });\n\n const handleChange = (event: NonCancelableCustomEvent<BaseChangeDetail>) => {\n autosuggestItemsHandlers.setShowAll(false);\n autosuggestItemsHandlers.resetHighlightWithKeyboard();\n fireNonCancelableEvent(onChange, event.detail);\n };\n\n const handleDelayedInput = (event: NonCancelableCustomEvent<BaseChangeDetail>) => {\n autosuggestLoadMoreHandlers.fireLoadMoreOnInputChange(event.detail.value);\n };\n\n const handleBlur = () => {\n fireNonCancelableEvent(onBlur, null);\n };\n\n const handleFocus = () => {\n autosuggestItemsHandlers.setShowAll(true);\n autosuggestLoadMoreHandlers.fireLoadMoreOnInputFocus();\n fireNonCancelableEvent(onFocus, null);\n };\n\n const handleKeyUp = (event: CustomEvent<BaseKeyDetail>) => {\n fireCancelableEvent(onKeyUp, event.detail, event);\n };\n\n const handleKeyDown = (event: CustomEvent<BaseKeyDetail>) => {\n fireCancelableEvent(onKeyDown, event.detail, event);\n };\n\n const handlePressArrowDown = () => {\n if (autosuggestItemsState.items.length - 1 === autosuggestItemsState.highlightedIndex) {\n autosuggestItemsHandlers.goHomeWithKeyboard();\n return;\n }\n\n autosuggestItemsHandlers.moveHighlightWithKeyboard(1);\n };\n\n const handlePressArrowUp = () => {\n if (\n (autosuggestItemsState.highlightedOption?.type === 'child' && autosuggestItemsState.highlightedIndex === 1) ||\n autosuggestItemsState.highlightedIndex === 0\n ) {\n autosuggestItemsHandlers.goEndWithKeyboard();\n return;\n }\n\n autosuggestItemsHandlers.moveHighlightWithKeyboard(-1);\n };\n\n const handlePressEnter = () => {\n return autosuggestItemsHandlers.selectHighlightedOptionWithKeyboard();\n };\n\n const handleCloseDropdown = () => {\n autosuggestItemsHandlers.resetHighlightWithKeyboard();\n };\n\n const handleRecoveryClick = () => {\n autosuggestLoadMoreHandlers.fireLoadMoreOnRecoveryClick();\n autosuggestInputRef.current?.focus();\n };\n\n const formFieldContext = useFormFieldContext(restProps);\n const selfControlId = useUniqueId('input');\n const footerControlId = useUniqueId('footer');\n const controlId = formFieldContext.controlId ?? selfControlId;\n const listId = useUniqueId('list');\n const highlightedOptionIdSource = useUniqueId();\n const highlightedOptionId = autosuggestItemsState.highlightedOption ? highlightedOptionIdSource : undefined;\n\n const isEmpty = !value && !autosuggestItemsState.items.length;\n const isFiltered = !!value && value.length !== 0 && !(filteringType === 'auto' && autosuggestItemsState.showAll);\n const filteredText = isFiltered\n ? filteringResultsText?.(autosuggestItemsState.items.length, options?.length ?? 0)\n : undefined;\n const dropdownStatus = useDropdownStatus({\n ...props,\n isEmpty,\n recoveryText,\n errorIconAriaLabel,\n onRecoveryClick: handleRecoveryClick,\n filteringResultsText: filteredText,\n hasRecoveryCallback: !!onLoadItems,\n });\n\n const shouldRenderDropdownContent = !isEmpty || !!dropdownStatus.content;\n\n return (\n <AutosuggestInput\n {...restProps}\n className={clsx(styles.root, restProps.className)}\n ref={autosuggestInputRef}\n __internalRootRef={__internalRootRef}\n value={value}\n onChange={handleChange}\n onBlur={handleBlur}\n onFocus={handleFocus}\n onKeyUp={handleKeyUp}\n onKeyDown={handleKeyDown}\n name={name}\n controlId={controlId}\n placeholder={placeholder}\n disabled={disabled}\n readOnly={readOnly}\n autoFocus={autoFocus}\n ariaLabel={ariaLabel}\n ariaRequired={ariaRequired}\n clearAriaLabel={clearAriaLabel}\n disableBrowserAutocorrect={disableBrowserAutocorrect}\n expandToViewport={expandToViewport}\n ariaControls={listId}\n ariaActivedescendant={highlightedOptionId}\n dropdownExpanded={shouldRenderDropdownContent}\n dropdownContent={\n shouldRenderDropdownContent && (\n <AutosuggestOptionsList\n statusType={statusType}\n autosuggestItemsState={autosuggestItemsState}\n autosuggestItemsHandlers={autosuggestItemsHandlers}\n highlightedOptionId={highlightedOptionId}\n highlightText={value}\n listId={listId}\n controlId={controlId}\n handleLoadMore={autosuggestLoadMoreHandlers.fireLoadMoreOnScroll}\n hasDropdownStatus={dropdownStatus.content !== null}\n virtualScroll={virtualScroll}\n selectedAriaLabel={selectedAriaLabel}\n renderHighlightedAriaLive={renderHighlightedAriaLive}\n listBottom={\n !dropdownStatus.isSticky ? <DropdownFooter content={dropdownStatus.content} id={footerControlId} /> : null\n }\n ariaDescribedby={dropdownStatus.content ? footerControlId : undefined}\n />\n )\n }\n dropdownFooter={\n dropdownStatus.isSticky && dropdownStatus.content ? (\n <DropdownFooter\n id={footerControlId}\n content={dropdownStatus.content}\n hasItems={autosuggestItemsState.items.length >= 1}\n />\n ) : null\n }\n loopFocus={dropdownStatus.hasRecoveryButton}\n onCloseDropdown={handleCloseDropdown}\n onDelayedInput={handleDelayedInput}\n onPressArrowDown={handlePressArrowDown}\n onPressArrowUp={handlePressArrowUp}\n onPressEnter={handlePressEnter}\n />\n );\n});\n\nexport default InternalAutosuggest;\n"]}
1
+ {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/autosuggest/internal.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;;AAEtC,OAAO,KAAK,EAAE,EAAO,mBAAmB,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,+CAA+C,CAAC;AAEtF,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAO,gBAAyC,MAAM,0CAA0C,CAAC;AAEjG,OAAO,cAAc,MAAM,wCAAwC,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AAC3E,OAAO,EAEL,mBAAmB,EACnB,sBAAsB,GAEvB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,eAAe,MAAM,oCAAoC,CAAC;AAEjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AAEjF,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,sBAAsB,MAAM,gBAAgB,CAAC;AAEpD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAA+B,EAAE,GAA8B,EAAE,EAAE;;IAC/G,MAAM,EACJ,KAAK,EACL,QAAQ,EACR,MAAM,EACN,OAAO,EACP,OAAO,EACP,WAAW,EACX,OAAO,EACP,aAAa,GAAG,MAAM,EACtB,UAAU,GAAG,UAAU,EACvB,WAAW,EACX,cAAc,EACd,IAAI,EACJ,QAAQ,EACR,yBAAyB,GAAG,KAAK,EACjC,SAAS,EACT,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,gBAAgB,EAChB,qBAAqB,EACrB,oBAAoB,EACpB,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,QAAQ,EACR,yBAAyB,EACzB,iBAAiB,KAEf,KAAK,EADJ,SAAS,UACV,KAAK,EA7BH,2aA6BL,CAAQ,CAAC;IAEV,eAAe,CAAC,aAAa,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC;IACrE,qBAAqB,CAAC,aAAa,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC;IAEzD,MAAM,mBAAmB,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAC;IAC9D,mBAAmB,CACjB,GAAG,EACH,GAAG,EAAE,CAAC,CAAC;QACL,KAAK,EAAE,GAAG,EAAE,WAAC,OAAA,MAAA,mBAAmB,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAA,EAAA;QACjD,MAAM,EAAE,GAAG,EAAE,WAAC,OAAA,MAAA,mBAAmB,CAAC,OAAO,0CAAE,MAAM,EAAE,CAAA,EAAA;KACpD,CAAC,EACF,EAAE,CACH,CAAC;IAEF,MAAM,IAAI,GAAG,eAAe,CAAC,aAAa,CAAC,CAAC;IAC5C,MAAM,kBAAkB,GAAG,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC,kBAAkB,CAAC,CAAC;IACpF,MAAM,iBAAiB,GAAG,IAAI,CAAC,mBAAmB,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;IACjF,MAAM,YAAY,GAAG,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;IAElE,IAAI,SAAS,CAAC,YAAY,IAAI,CAAC,WAAW,EAAE;QAC1C,QAAQ,CAAC,aAAa,EAAE,oEAAoE,CAAC,CAAC;KAC/F;IAED,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,mBAAmB,CAAC;QAC5E,OAAO,EAAE,OAAO,IAAI,EAAE;QACtB,WAAW,EAAE,KAAK;QAClB,UAAU,EAAE,KAAK;QACjB,aAAa;QACb,gBAAgB;QAChB,oBAAoB,EAAE,qBAAqB;QAC3C,YAAY,EAAE,CAAC,MAAuB,EAAE,EAAE;;YACxC,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC;YACjC,sBAAsB,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;YAC5C,sBAAsB,CAAC,QAAQ,EAAE;gBAC/B,KAAK;gBACL,cAAc,EAAE,MAAM,CAAC,IAAI,KAAK,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;aAC1E,CAAC,CAAC;YACH,MAAA,mBAAmB,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;QACvC,CAAC;KACF,CAAC,CAAC;IAEH,MAAM,2BAA2B,GAAG,sBAAsB,CAAC;QACzD,OAAO;QACP,UAAU;QACV,WAAW,EAAE,CAAC,MAA8B,EAAE,EAAE,CAAC,sBAAsB,CAAC,WAAW,EAAE,MAAM,CAAC;KAC7F,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,CAAC,KAAiD,EAAE,EAAE;QACzE,wBAAwB,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QAC3C,wBAAwB,CAAC,0BAA0B,EAAE,CAAC;QACtD,sBAAsB,CAAC,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACjD,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,KAAiD,EAAE,EAAE;QAC/E,2BAA2B,CAAC,yBAAyB,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC5E,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,sBAAsB,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,wBAAwB,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QAC1C,2BAA2B,CAAC,wBAAwB,EAAE,CAAC;QACvD,sBAAsB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IACxC,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,KAAiC,EAAE,EAAE;QACxD,mBAAmB,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IACpD,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,KAAiC,EAAE,EAAE;QAC1D,mBAAmB,CAAC,SAAS,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IACtD,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAChC,IAAI,qBAAqB,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,KAAK,qBAAqB,CAAC,gBAAgB,EAAE;YACrF,wBAAwB,CAAC,kBAAkB,EAAE,CAAC;YAC9C,OAAO;SACR;QAED,wBAAwB,CAAC,yBAAyB,CAAC,CAAC,CAAC,CAAC;IACxD,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;;QAC9B,IACE,CAAC,CAAA,MAAA,qBAAqB,CAAC,iBAAiB,0CAAE,IAAI,MAAK,OAAO,IAAI,qBAAqB,CAAC,gBAAgB,KAAK,CAAC,CAAC;YAC3G,qBAAqB,CAAC,gBAAgB,KAAK,CAAC,EAC5C;YACA,wBAAwB,CAAC,iBAAiB,EAAE,CAAC;YAC7C,OAAO;SACR;QAED,wBAAwB,CAAC,yBAAyB,CAAC,CAAC,CAAC,CAAC,CAAC;IACzD,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,OAAO,wBAAwB,CAAC,mCAAmC,EAAE,CAAC;IACxE,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,wBAAwB,CAAC,0BAA0B,EAAE,CAAC;IACxD,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,GAAG,EAAE;;QAC/B,2BAA2B,CAAC,2BAA2B,EAAE,CAAC;QAC1D,MAAA,mBAAmB,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;IACvC,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,SAAS,CAAC,CAAC;IACxD,MAAM,aAAa,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;IAC3C,MAAM,eAAe,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC9C,MAAM,SAAS,GAAG,MAAA,gBAAgB,CAAC,SAAS,mCAAI,aAAa,CAAC;IAC9D,MAAM,MAAM,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;IACnC,MAAM,yBAAyB,GAAG,WAAW,EAAE,CAAC;IAChD,MAAM,mBAAmB,GAAG,qBAAqB,CAAC,iBAAiB,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,SAAS,CAAC;IAE5G,MAAM,OAAO,GAAG,CAAC,KAAK,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,MAAM,CAAC;IAC9D,MAAM,UAAU,GAAG,CAAC,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,CAAC,aAAa,KAAK,MAAM,IAAI,qBAAqB,CAAC,OAAO,CAAC,CAAC;IACjH,MAAM,YAAY,GAAG,UAAU;QAC7B,CAAC,CAAC,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAG,qBAAqB,CAAC,KAAK,CAAC,MAAM,EAAE,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,mCAAI,CAAC,CAAC;QAClF,CAAC,CAAC,SAAS,CAAC;IACd,MAAM,cAAc,GAAG,iBAAiB,iCACnC,KAAK,KACR,OAAO;QACP,YAAY;QACZ,kBAAkB,EAClB,eAAe,EAAE,mBAAmB,EACpC,oBAAoB,EAAE,YAAY,EAClC,mBAAmB,EAAE,CAAC,CAAC,WAAW,IAClC,CAAC;IAEH,MAAM,2BAA2B,GAC/B,qBAAqB,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,qBAAqB,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC;IAE9G,OAAO,CACL,oBAAC,gBAAgB,oBACX,SAAS,IACb,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,SAAS,CAAC,EACjD,GAAG,EAAE,mBAAmB,EACxB,iBAAiB,EAAE,iBAAiB,EACpC,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,EAC9B,yBAAyB,EAAE,yBAAyB,EACpD,gBAAgB,EAAE,gBAAgB,EAClC,YAAY,EAAE,MAAM,EACpB,oBAAoB,EAAE,mBAAmB,EACzC,gBAAgB,EAAE,2BAA2B,EAC7C,eAAe,EACb,2BAA2B,IAAI,CAC7B,oBAAC,sBAAsB,IACrB,UAAU,EAAE,UAAU,EACtB,qBAAqB,EAAE,qBAAqB,EAC5C,wBAAwB,EAAE,wBAAwB,EAClD,mBAAmB,EAAE,mBAAmB,EACxC,aAAa,EAAE,KAAK,EACpB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,2BAA2B,CAAC,oBAAoB,EAChE,iBAAiB,EAAE,cAAc,CAAC,OAAO,KAAK,IAAI,EAClD,aAAa,EAAE,aAAa,EAC5B,iBAAiB,EAAE,iBAAiB,EACpC,yBAAyB,EAAE,yBAAyB,EACpD,UAAU,EACR,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,oBAAC,cAAc,IAAC,OAAO,EAAE,cAAc,CAAC,OAAO,EAAE,EAAE,EAAE,eAAe,GAAI,CAAC,CAAC,CAAC,IAAI,EAE5G,eAAe,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,GACrE,CACH,EAEH,cAAc,EACZ,cAAc,CAAC,QAAQ,IAAI,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,CAClD,oBAAC,cAAc,IACb,EAAE,EAAE,eAAe,EACnB,OAAO,EAAE,cAAc,CAAC,OAAO,EAC/B,QAAQ,EAAE,qBAAqB,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,GACjD,CACH,CAAC,CAAC,CAAC,IAAI,EAEV,SAAS,EAAE,cAAc,CAAC,iBAAiB,EAC3C,eAAe,EAAE,mBAAmB,EACpC,cAAc,EAAE,kBAAkB,EAClC,gBAAgB,EAAE,oBAAoB,EACtC,cAAc,EAAE,kBAAkB,EAClC,YAAY,EAAE,gBAAgB,IAC9B,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,mBAAmB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { Ref, useImperativeHandle, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useUniqueId, warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useFormFieldContext } from '../contexts/form-field';\nimport { useInternalI18n } from '../i18n/context';\nimport { BaseChangeDetail } from '../input/interfaces';\nimport AutosuggestInput, { AutosuggestInputRef } from '../internal/components/autosuggest-input';\nimport { OptionsLoadItemsDetail } from '../internal/components/dropdown/interfaces';\nimport DropdownFooter from '../internal/components/dropdown-footer';\nimport { useDropdownStatus } from '../internal/components/dropdown-status';\nimport {\n BaseKeyDetail,\n fireCancelableEvent,\n fireNonCancelableEvent,\n NonCancelableCustomEvent,\n} from '../internal/events';\nimport checkControlled from '../internal/hooks/check-controlled';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { checkOptionValueField } from '../select/utils/check-option-value-field';\nimport { AutosuggestItem, AutosuggestProps } from './interfaces';\nimport { useAutosuggestLoadMore } from './load-more-controller';\nimport { useAutosuggestItems } from './options-controller';\nimport AutosuggestOptionsList from './options-list';\n\nimport styles from './styles.css.js';\n\ninterface InternalAutosuggestProps extends AutosuggestProps, InternalBaseComponentProps {}\n\nconst InternalAutosuggest = React.forwardRef((props: InternalAutosuggestProps, ref: Ref<AutosuggestProps.Ref>) => {\n const {\n value,\n onChange,\n onBlur,\n onFocus,\n onKeyUp,\n onLoadItems,\n options,\n filteringType = 'auto',\n statusType = 'finished',\n placeholder,\n clearAriaLabel,\n name,\n disabled,\n disableBrowserAutocorrect = false,\n autoFocus,\n readOnly,\n ariaLabel,\n ariaRequired,\n enteredTextLabel,\n hideEnteredTextOption,\n filteringResultsText,\n onKeyDown,\n virtualScroll,\n expandToViewport,\n onSelect,\n renderHighlightedAriaLive,\n __internalRootRef,\n ...restProps\n } = props;\n\n checkControlled('Autosuggest', 'value', value, 'onChange', onChange);\n checkOptionValueField('Autosuggest', 'options', options);\n\n const autosuggestInputRef = useRef<AutosuggestInputRef>(null);\n useImperativeHandle(\n ref,\n () => ({\n focus: () => autosuggestInputRef.current?.focus(),\n select: () => autosuggestInputRef.current?.select(),\n }),\n []\n );\n\n const i18n = useInternalI18n('autosuggest');\n const errorIconAriaLabel = i18n('errorIconAriaLabel', restProps.errorIconAriaLabel);\n const selectedAriaLabel = i18n('selectedAriaLabel', restProps.selectedAriaLabel);\n const recoveryText = i18n('recoveryText', restProps.recoveryText);\n\n if (restProps.recoveryText && !onLoadItems) {\n warnOnce('Autosuggest', '`onLoadItems` must be provided for `recoveryText` to be displayed.');\n }\n\n const [autosuggestItemsState, autosuggestItemsHandlers] = useAutosuggestItems({\n options: options || [],\n filterValue: value,\n filterText: value,\n filteringType,\n enteredTextLabel,\n hideEnteredTextLabel: hideEnteredTextOption,\n onSelectItem: (option: AutosuggestItem) => {\n const value = option.value || '';\n fireNonCancelableEvent(onChange, { value });\n fireNonCancelableEvent(onSelect, {\n value,\n selectedOption: option.type !== 'use-entered' ? option.option : undefined,\n });\n autosuggestInputRef.current?.close();\n },\n });\n\n const autosuggestLoadMoreHandlers = useAutosuggestLoadMore({\n options,\n statusType,\n onLoadItems: (detail: OptionsLoadItemsDetail) => fireNonCancelableEvent(onLoadItems, detail),\n });\n\n const handleChange = (event: NonCancelableCustomEvent<BaseChangeDetail>) => {\n autosuggestItemsHandlers.setShowAll(false);\n autosuggestItemsHandlers.resetHighlightWithKeyboard();\n fireNonCancelableEvent(onChange, event.detail);\n };\n\n const handleDelayedInput = (event: NonCancelableCustomEvent<BaseChangeDetail>) => {\n autosuggestLoadMoreHandlers.fireLoadMoreOnInputChange(event.detail.value);\n };\n\n const handleBlur = () => {\n fireNonCancelableEvent(onBlur, null);\n };\n\n const handleFocus = () => {\n autosuggestItemsHandlers.setShowAll(true);\n autosuggestLoadMoreHandlers.fireLoadMoreOnInputFocus();\n fireNonCancelableEvent(onFocus, null);\n };\n\n const handleKeyUp = (event: CustomEvent<BaseKeyDetail>) => {\n fireCancelableEvent(onKeyUp, event.detail, event);\n };\n\n const handleKeyDown = (event: CustomEvent<BaseKeyDetail>) => {\n fireCancelableEvent(onKeyDown, event.detail, event);\n };\n\n const handlePressArrowDown = () => {\n if (autosuggestItemsState.items.length - 1 === autosuggestItemsState.highlightedIndex) {\n autosuggestItemsHandlers.goHomeWithKeyboard();\n return;\n }\n\n autosuggestItemsHandlers.moveHighlightWithKeyboard(1);\n };\n\n const handlePressArrowUp = () => {\n if (\n (autosuggestItemsState.highlightedOption?.type === 'child' && autosuggestItemsState.highlightedIndex === 1) ||\n autosuggestItemsState.highlightedIndex === 0\n ) {\n autosuggestItemsHandlers.goEndWithKeyboard();\n return;\n }\n\n autosuggestItemsHandlers.moveHighlightWithKeyboard(-1);\n };\n\n const handlePressEnter = () => {\n return autosuggestItemsHandlers.selectHighlightedOptionWithKeyboard();\n };\n\n const handleCloseDropdown = () => {\n autosuggestItemsHandlers.resetHighlightWithKeyboard();\n };\n\n const handleRecoveryClick = () => {\n autosuggestLoadMoreHandlers.fireLoadMoreOnRecoveryClick();\n autosuggestInputRef.current?.focus();\n };\n\n const formFieldContext = useFormFieldContext(restProps);\n const selfControlId = useUniqueId('input');\n const footerControlId = useUniqueId('footer');\n const controlId = formFieldContext.controlId ?? selfControlId;\n const listId = useUniqueId('list');\n const highlightedOptionIdSource = useUniqueId();\n const highlightedOptionId = autosuggestItemsState.highlightedOption ? highlightedOptionIdSource : undefined;\n\n const isEmpty = !value && !autosuggestItemsState.items.length;\n const isFiltered = !!value && value.length !== 0 && !(filteringType === 'auto' && autosuggestItemsState.showAll);\n const filteredText = isFiltered\n ? filteringResultsText?.(autosuggestItemsState.items.length, options?.length ?? 0)\n : undefined;\n const dropdownStatus = useDropdownStatus({\n ...props,\n isEmpty,\n recoveryText,\n errorIconAriaLabel,\n onRecoveryClick: handleRecoveryClick,\n filteringResultsText: filteredText,\n hasRecoveryCallback: !!onLoadItems,\n });\n\n const shouldRenderDropdownContent =\n autosuggestItemsState.items.length !== 0 || !!dropdownStatus.content || (!hideEnteredTextOption && !!value);\n\n return (\n <AutosuggestInput\n {...restProps}\n className={clsx(styles.root, restProps.className)}\n ref={autosuggestInputRef}\n __internalRootRef={__internalRootRef}\n value={value}\n onChange={handleChange}\n onBlur={handleBlur}\n onFocus={handleFocus}\n onKeyUp={handleKeyUp}\n onKeyDown={handleKeyDown}\n name={name}\n controlId={controlId}\n placeholder={placeholder}\n disabled={disabled}\n readOnly={readOnly}\n autoFocus={autoFocus}\n ariaLabel={ariaLabel}\n ariaRequired={ariaRequired}\n clearAriaLabel={clearAriaLabel}\n disableBrowserAutocorrect={disableBrowserAutocorrect}\n expandToViewport={expandToViewport}\n ariaControls={listId}\n ariaActivedescendant={highlightedOptionId}\n dropdownExpanded={shouldRenderDropdownContent}\n dropdownContent={\n shouldRenderDropdownContent && (\n <AutosuggestOptionsList\n statusType={statusType}\n autosuggestItemsState={autosuggestItemsState}\n autosuggestItemsHandlers={autosuggestItemsHandlers}\n highlightedOptionId={highlightedOptionId}\n highlightText={value}\n listId={listId}\n controlId={controlId}\n handleLoadMore={autosuggestLoadMoreHandlers.fireLoadMoreOnScroll}\n hasDropdownStatus={dropdownStatus.content !== null}\n virtualScroll={virtualScroll}\n selectedAriaLabel={selectedAriaLabel}\n renderHighlightedAriaLive={renderHighlightedAriaLive}\n listBottom={\n !dropdownStatus.isSticky ? <DropdownFooter content={dropdownStatus.content} id={footerControlId} /> : null\n }\n ariaDescribedby={dropdownStatus.content ? footerControlId : undefined}\n />\n )\n }\n dropdownFooter={\n dropdownStatus.isSticky && dropdownStatus.content ? (\n <DropdownFooter\n id={footerControlId}\n content={dropdownStatus.content}\n hasItems={autosuggestItemsState.items.length >= 1}\n />\n ) : null\n }\n loopFocus={dropdownStatus.hasRecoveryButton}\n onCloseDropdown={handleCloseDropdown}\n onDelayedInput={handleDelayedInput}\n onPressArrowDown={handlePressArrowDown}\n onPressArrowUp={handlePressArrowUp}\n onPressEnter={handlePressEnter}\n />\n );\n});\n\nexport default InternalAutosuggest;\n"]}
@@ -1,12 +1,12 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "link": "awsui_link_1kosq_h7biw_145",
5
- "breadcrumb": "awsui_breadcrumb_1kosq_h7biw_149",
6
- "ghost-breadcrumb": "awsui_ghost-breadcrumb_1kosq_h7biw_150",
7
- "icon": "awsui_icon_1kosq_h7biw_153",
8
- "anchor": "awsui_anchor_1kosq_h7biw_159",
9
- "text": "awsui_text_1kosq_h7biw_206",
10
- "last": "awsui_last_1kosq_h7biw_225"
4
+ "link": "awsui_link_1kosq_lxwje_145",
5
+ "breadcrumb": "awsui_breadcrumb_1kosq_lxwje_149",
6
+ "ghost-breadcrumb": "awsui_ghost-breadcrumb_1kosq_lxwje_150",
7
+ "icon": "awsui_icon_1kosq_lxwje_153",
8
+ "anchor": "awsui_anchor_1kosq_lxwje_159",
9
+ "text": "awsui_text_1kosq_lxwje_206",
10
+ "last": "awsui_last_1kosq_lxwje_225"
11
11
  };
12
12
 
@@ -142,27 +142,27 @@
142
142
  */
143
143
  /* Style used for links in slots/components that are text heavy, to help links stand out among
144
144
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
145
- .awsui_link_1kosq_h7biw_145:not(#\9):after {
145
+ .awsui_link_1kosq_lxwje_145:not(#\9):after {
146
146
  display: none;
147
147
  }
148
148
 
149
- .awsui_breadcrumb_1kosq_h7biw_149:not(#\9),
150
- .awsui_ghost-breadcrumb_1kosq_h7biw_150:not(#\9) {
149
+ .awsui_breadcrumb_1kosq_lxwje_149:not(#\9),
150
+ .awsui_ghost-breadcrumb_1kosq_lxwje_150:not(#\9) {
151
151
  display: flex;
152
152
  }
153
- .awsui_breadcrumb_1kosq_h7biw_149 > .awsui_icon_1kosq_h7biw_153:not(#\9),
154
- .awsui_ghost-breadcrumb_1kosq_h7biw_150 > .awsui_icon_1kosq_h7biw_153:not(#\9) {
153
+ .awsui_breadcrumb_1kosq_lxwje_149 > .awsui_icon_1kosq_lxwje_153:not(#\9),
154
+ .awsui_ghost-breadcrumb_1kosq_lxwje_150 > .awsui_icon_1kosq_lxwje_153:not(#\9) {
155
155
  margin-block: 0;
156
156
  margin-inline: var(--space-xs-kw7k3v, 8px);
157
157
  color: var(--color-text-breadcrumb-icon-c379ty, #687078);
158
158
  }
159
- .awsui_breadcrumb_1kosq_h7biw_149 > .awsui_anchor_1kosq_h7biw_159:not(#\9),
160
- .awsui_ghost-breadcrumb_1kosq_h7biw_150 > .awsui_anchor_1kosq_h7biw_159:not(#\9) {
159
+ .awsui_breadcrumb_1kosq_lxwje_149 > .awsui_anchor_1kosq_lxwje_159:not(#\9),
160
+ .awsui_ghost-breadcrumb_1kosq_lxwje_150 > .awsui_anchor_1kosq_lxwje_159:not(#\9) {
161
161
  min-inline-size: 0;
162
162
  overflow: hidden;
163
163
  text-underline-offset: 0.25em;
164
164
  text-decoration-thickness: 1px;
165
- color: var(--awsui-style-color-default-lqnbqg, var(--color-text-link-default-x6cnv5, #0073bb));
165
+ color: var(--awsui-style-color-default-b75yp7, var(--color-text-link-default-x6cnv5, #0073bb));
166
166
  font-weight: inherit;
167
167
  letter-spacing: normal;
168
168
  text-decoration-line: underline;
@@ -173,42 +173,42 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
173
173
  transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
174
174
  }
175
175
  @media (prefers-reduced-motion: reduce) {
176
- .awsui_breadcrumb_1kosq_h7biw_149 > .awsui_anchor_1kosq_h7biw_159:not(#\9),
177
- .awsui_ghost-breadcrumb_1kosq_h7biw_150 > .awsui_anchor_1kosq_h7biw_159:not(#\9) {
176
+ .awsui_breadcrumb_1kosq_lxwje_149 > .awsui_anchor_1kosq_lxwje_159:not(#\9),
177
+ .awsui_ghost-breadcrumb_1kosq_lxwje_150 > .awsui_anchor_1kosq_lxwje_159:not(#\9) {
178
178
  animation: none;
179
179
  transition: none;
180
180
  }
181
181
  }
182
- .awsui-motion-disabled .awsui_breadcrumb_1kosq_h7biw_149 > .awsui_anchor_1kosq_h7biw_159:not(#\9), .awsui-mode-entering .awsui_breadcrumb_1kosq_h7biw_149 > .awsui_anchor_1kosq_h7biw_159:not(#\9), .awsui-motion-disabled .awsui_ghost-breadcrumb_1kosq_h7biw_150 > .awsui_anchor_1kosq_h7biw_159:not(#\9), .awsui-mode-entering .awsui_ghost-breadcrumb_1kosq_h7biw_150 > .awsui_anchor_1kosq_h7biw_159:not(#\9) {
182
+ .awsui-motion-disabled .awsui_breadcrumb_1kosq_lxwje_149 > .awsui_anchor_1kosq_lxwje_159:not(#\9), .awsui-mode-entering .awsui_breadcrumb_1kosq_lxwje_149 > .awsui_anchor_1kosq_lxwje_159:not(#\9), .awsui-motion-disabled .awsui_ghost-breadcrumb_1kosq_lxwje_150 > .awsui_anchor_1kosq_lxwje_159:not(#\9), .awsui-mode-entering .awsui_ghost-breadcrumb_1kosq_lxwje_150 > .awsui_anchor_1kosq_lxwje_159:not(#\9) {
183
183
  animation: none;
184
184
  transition: none;
185
185
  }
186
- .awsui_breadcrumb_1kosq_h7biw_149 > .awsui_anchor_1kosq_h7biw_159:not(#\9):hover,
187
- .awsui_ghost-breadcrumb_1kosq_h7biw_150 > .awsui_anchor_1kosq_h7biw_159:not(#\9):hover {
186
+ .awsui_breadcrumb_1kosq_lxwje_149 > .awsui_anchor_1kosq_lxwje_159:not(#\9):hover,
187
+ .awsui_ghost-breadcrumb_1kosq_lxwje_150 > .awsui_anchor_1kosq_lxwje_159:not(#\9):hover {
188
188
  cursor: pointer;
189
- color: var(--awsui-style-color-hover-lqnbqg, var(--color-text-link-hover-tk5gkv, #0a4a74));
189
+ color: var(--awsui-style-color-hover-b75yp7, var(--color-text-link-hover-tk5gkv, #0a4a74));
190
190
  }
191
- .awsui_breadcrumb_1kosq_h7biw_149 > .awsui_anchor_1kosq_h7biw_159:not(#\9):focus,
192
- .awsui_ghost-breadcrumb_1kosq_h7biw_150 > .awsui_anchor_1kosq_h7biw_159:not(#\9):focus {
191
+ .awsui_breadcrumb_1kosq_lxwje_149 > .awsui_anchor_1kosq_lxwje_159:not(#\9):focus,
192
+ .awsui_ghost-breadcrumb_1kosq_lxwje_150 > .awsui_anchor_1kosq_lxwje_159:not(#\9):focus {
193
193
  outline: none;
194
194
  }
195
- .awsui_breadcrumb_1kosq_h7biw_149 > .awsui_anchor_1kosq_h7biw_159:not(#\9):active,
196
- .awsui_ghost-breadcrumb_1kosq_h7biw_150 > .awsui_anchor_1kosq_h7biw_159:not(#\9):active {
197
- color: var(--awsui-style-color-active-lqnbqg, var(--color-text-link-hover-tk5gkv, #0a4a74));
195
+ .awsui_breadcrumb_1kosq_lxwje_149 > .awsui_anchor_1kosq_lxwje_159:not(#\9):active,
196
+ .awsui_ghost-breadcrumb_1kosq_lxwje_150 > .awsui_anchor_1kosq_lxwje_159:not(#\9):active {
197
+ color: var(--awsui-style-color-active-b75yp7, var(--color-text-link-hover-tk5gkv, #0a4a74));
198
198
  }
199
- .awsui_breadcrumb_1kosq_h7biw_149 > .awsui_anchor_1kosq_h7biw_159:not(#\9):active, .awsui_breadcrumb_1kosq_h7biw_149 > .awsui_anchor_1kosq_h7biw_159:not(#\9):focus, .awsui_breadcrumb_1kosq_h7biw_149 > .awsui_anchor_1kosq_h7biw_159:not(#\9):hover, .awsui_ghost-breadcrumb_1kosq_h7biw_150 > .awsui_anchor_1kosq_h7biw_159:not(#\9):active, .awsui_ghost-breadcrumb_1kosq_h7biw_150 > .awsui_anchor_1kosq_h7biw_159:not(#\9):focus, .awsui_ghost-breadcrumb_1kosq_h7biw_150 > .awsui_anchor_1kosq_h7biw_159:not(#\9):hover {
199
+ .awsui_breadcrumb_1kosq_lxwje_149 > .awsui_anchor_1kosq_lxwje_159:not(#\9):active, .awsui_breadcrumb_1kosq_lxwje_149 > .awsui_anchor_1kosq_lxwje_159:not(#\9):focus, .awsui_breadcrumb_1kosq_lxwje_149 > .awsui_anchor_1kosq_lxwje_159:not(#\9):hover, .awsui_ghost-breadcrumb_1kosq_lxwje_150 > .awsui_anchor_1kosq_lxwje_159:not(#\9):active, .awsui_ghost-breadcrumb_1kosq_lxwje_150 > .awsui_anchor_1kosq_lxwje_159:not(#\9):focus, .awsui_ghost-breadcrumb_1kosq_lxwje_150 > .awsui_anchor_1kosq_lxwje_159:not(#\9):hover {
200
200
  text-decoration-line: underline;
201
201
  text-decoration-color: currentColor;
202
202
  }
203
- .awsui_breadcrumb_1kosq_h7biw_149 > .awsui_anchor_1kosq_h7biw_159 > .awsui_text_1kosq_h7biw_206:not(#\9),
204
- .awsui_ghost-breadcrumb_1kosq_h7biw_150 > .awsui_anchor_1kosq_h7biw_159 > .awsui_text_1kosq_h7biw_206:not(#\9) {
203
+ .awsui_breadcrumb_1kosq_lxwje_149 > .awsui_anchor_1kosq_lxwje_159 > .awsui_text_1kosq_lxwje_206:not(#\9),
204
+ .awsui_ghost-breadcrumb_1kosq_lxwje_150 > .awsui_anchor_1kosq_lxwje_159 > .awsui_text_1kosq_lxwje_206:not(#\9) {
205
205
  overflow: hidden;
206
206
  text-overflow: ellipsis;
207
207
  white-space: nowrap;
208
208
  display: block;
209
209
  }
210
- body[data-awsui-focus-visible=true] .awsui_breadcrumb_1kosq_h7biw_149 > .awsui_anchor_1kosq_h7biw_159:not(#\9):focus,
211
- body[data-awsui-focus-visible=true] .awsui_ghost-breadcrumb_1kosq_h7biw_150 > .awsui_anchor_1kosq_h7biw_159:not(#\9):focus {
210
+ body[data-awsui-focus-visible=true] .awsui_breadcrumb_1kosq_lxwje_149 > .awsui_anchor_1kosq_lxwje_159:not(#\9):focus,
211
+ body[data-awsui-focus-visible=true] .awsui_ghost-breadcrumb_1kosq_lxwje_150 > .awsui_anchor_1kosq_lxwje_159:not(#\9):focus {
212
212
  outline: thin dotted;
213
213
  outline: var(--border-link-focus-ring-outline-c5423y, 5px auto Highlight);
214
214
  outline-offset: 2px;
@@ -219,12 +219,12 @@ body[data-awsui-focus-visible=true] .awsui_ghost-breadcrumb_1kosq_h7biw_150 > .a
219
219
  border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
220
220
  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-woh62o, 0px) var(--color-border-item-focused-r5f6xl, #0073bb);
221
221
  }
222
- .awsui_breadcrumb_1kosq_h7biw_149.awsui_last_1kosq_h7biw_225 > .awsui_icon_1kosq_h7biw_153:not(#\9),
223
- .awsui_ghost-breadcrumb_1kosq_h7biw_150.awsui_last_1kosq_h7biw_225 > .awsui_icon_1kosq_h7biw_153:not(#\9) {
222
+ .awsui_breadcrumb_1kosq_lxwje_149.awsui_last_1kosq_lxwje_225 > .awsui_icon_1kosq_lxwje_153:not(#\9),
223
+ .awsui_ghost-breadcrumb_1kosq_lxwje_150.awsui_last_1kosq_lxwje_225 > .awsui_icon_1kosq_lxwje_153:not(#\9) {
224
224
  display: none;
225
225
  }
226
- .awsui_breadcrumb_1kosq_h7biw_149.awsui_last_1kosq_h7biw_225 > .awsui_anchor_1kosq_h7biw_159:not(#\9),
227
- .awsui_ghost-breadcrumb_1kosq_h7biw_150.awsui_last_1kosq_h7biw_225 > .awsui_anchor_1kosq_h7biw_159:not(#\9) {
226
+ .awsui_breadcrumb_1kosq_lxwje_149.awsui_last_1kosq_lxwje_225 > .awsui_anchor_1kosq_lxwje_159:not(#\9),
227
+ .awsui_ghost-breadcrumb_1kosq_lxwje_150.awsui_last_1kosq_lxwje_225 > .awsui_anchor_1kosq_lxwje_159:not(#\9) {
228
228
  color: var(--color-text-breadcrumb-current-hwvp31, #687078);
229
229
  font-weight: 700;
230
230
  text-decoration: none;
@@ -2,12 +2,12 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "link": "awsui_link_1kosq_h7biw_145",
6
- "breadcrumb": "awsui_breadcrumb_1kosq_h7biw_149",
7
- "ghost-breadcrumb": "awsui_ghost-breadcrumb_1kosq_h7biw_150",
8
- "icon": "awsui_icon_1kosq_h7biw_153",
9
- "anchor": "awsui_anchor_1kosq_h7biw_159",
10
- "text": "awsui_text_1kosq_h7biw_206",
11
- "last": "awsui_last_1kosq_h7biw_225"
5
+ "link": "awsui_link_1kosq_lxwje_145",
6
+ "breadcrumb": "awsui_breadcrumb_1kosq_lxwje_149",
7
+ "ghost-breadcrumb": "awsui_ghost-breadcrumb_1kosq_lxwje_150",
8
+ "icon": "awsui_icon_1kosq_lxwje_153",
9
+ "anchor": "awsui_anchor_1kosq_lxwje_159",
10
+ "text": "awsui_text_1kosq_lxwje_206",
11
+ "last": "awsui_last_1kosq_lxwje_225"
12
12
  };
13
13
 
@@ -1,27 +1,27 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "content": "awsui_content_vjswe_15jcb_153",
5
- "button": "awsui_button_vjswe_15jcb_157",
6
- "variant-normal": "awsui_variant-normal_vjswe_15jcb_206",
7
- "disabled": "awsui_disabled_vjswe_15jcb_227",
8
- "variant-primary": "awsui_variant-primary_vjswe_15jcb_235",
9
- "variant-link": "awsui_variant-link_vjswe_15jcb_264",
10
- "variant-icon": "awsui_variant-icon_vjswe_15jcb_293",
11
- "variant-inline-icon": "awsui_variant-inline-icon_vjswe_15jcb_322",
12
- "variant-inline-icon-pointer-target": "awsui_variant-inline-icon-pointer-target_vjswe_15jcb_351",
13
- "variant-inline-link": "awsui_variant-inline-link_vjswe_15jcb_380",
14
- "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_15jcb_413",
15
- "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_15jcb_442",
16
- "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_15jcb_471",
17
- "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_15jcb_505",
18
- "button-no-text": "awsui_button-no-text_vjswe_15jcb_601",
19
- "button-no-wrap": "awsui_button-no-wrap_vjswe_15jcb_605",
20
- "full-width": "awsui_full-width_vjswe_15jcb_608",
21
- "icon-left": "awsui_icon-left_vjswe_15jcb_630",
22
- "icon-right": "awsui_icon-right_vjswe_15jcb_635",
23
- "icon": "awsui_icon_vjswe_15jcb_630",
24
- "link": "awsui_link_vjswe_15jcb_654",
25
- "disabled-with-reason": "awsui_disabled-with-reason_vjswe_15jcb_654"
4
+ "content": "awsui_content_vjswe_124tq_153",
5
+ "button": "awsui_button_vjswe_124tq_157",
6
+ "variant-normal": "awsui_variant-normal_vjswe_124tq_206",
7
+ "disabled": "awsui_disabled_vjswe_124tq_227",
8
+ "variant-primary": "awsui_variant-primary_vjswe_124tq_235",
9
+ "variant-link": "awsui_variant-link_vjswe_124tq_264",
10
+ "variant-icon": "awsui_variant-icon_vjswe_124tq_293",
11
+ "variant-inline-icon": "awsui_variant-inline-icon_vjswe_124tq_322",
12
+ "variant-inline-icon-pointer-target": "awsui_variant-inline-icon-pointer-target_vjswe_124tq_351",
13
+ "variant-inline-link": "awsui_variant-inline-link_vjswe_124tq_380",
14
+ "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_124tq_413",
15
+ "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_124tq_442",
16
+ "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_124tq_471",
17
+ "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_124tq_505",
18
+ "button-no-text": "awsui_button-no-text_vjswe_124tq_601",
19
+ "button-no-wrap": "awsui_button-no-wrap_vjswe_124tq_605",
20
+ "full-width": "awsui_full-width_vjswe_124tq_608",
21
+ "icon-left": "awsui_icon-left_vjswe_124tq_630",
22
+ "icon-right": "awsui_icon-right_vjswe_124tq_635",
23
+ "icon": "awsui_icon_vjswe_124tq_630",
24
+ "link": "awsui_link_vjswe_124tq_654",
25
+ "disabled-with-reason": "awsui_disabled-with-reason_vjswe_124tq_654"
26
26
  };
27
27