@cloudscape-design/components 3.0.318 → 3.0.319

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 (166) hide show
  1. package/annotation-context/annotation/styles.css.js +24 -24
  2. package/annotation-context/annotation/styles.scoped.css +30 -30
  3. package/annotation-context/annotation/styles.selectors.js +24 -24
  4. package/app-layout/drawer/interfaces.d.ts +0 -7
  5. package/app-layout/drawer/interfaces.d.ts.map +1 -1
  6. package/app-layout/drawer/interfaces.js.map +1 -1
  7. package/app-layout/drawer/resizable-drawer.d.ts.map +1 -1
  8. package/app-layout/drawer/resizable-drawer.js +3 -3
  9. package/app-layout/drawer/resizable-drawer.js.map +1 -1
  10. package/app-layout/notifications/styles.css.js +3 -3
  11. package/app-layout/notifications/styles.scoped.css +7 -7
  12. package/app-layout/notifications/styles.selectors.js +3 -3
  13. package/app-layout/runtime-api.d.ts.map +1 -1
  14. package/app-layout/runtime-api.js +5 -2
  15. package/app-layout/runtime-api.js.map +1 -1
  16. package/app-layout/styles.css.js +17 -13
  17. package/app-layout/styles.scoped.css +44 -13
  18. package/app-layout/styles.selectors.js +17 -13
  19. package/app-layout/utils/interfaces.d.ts +10 -0
  20. package/app-layout/utils/interfaces.d.ts.map +1 -0
  21. package/app-layout/utils/interfaces.js +2 -0
  22. package/app-layout/utils/interfaces.js.map +1 -0
  23. package/app-layout/utils/use-drawer-focus-control.d.ts.map +1 -1
  24. package/app-layout/utils/use-drawer-focus-control.js +8 -3
  25. package/app-layout/utils/use-drawer-focus-control.js.map +1 -1
  26. package/app-layout/utils/use-keyboard-events.d.ts +4 -0
  27. package/app-layout/utils/use-keyboard-events.d.ts.map +1 -0
  28. package/{split-panel → app-layout}/utils/use-keyboard-events.js +10 -11
  29. package/app-layout/utils/use-keyboard-events.js.map +1 -0
  30. package/app-layout/utils/use-pointer-events.d.ts +3 -0
  31. package/app-layout/utils/use-pointer-events.d.ts.map +1 -0
  32. package/{split-panel → app-layout}/utils/use-pointer-events.js +15 -8
  33. package/app-layout/utils/use-pointer-events.js.map +1 -0
  34. package/app-layout/utils/use-resize.d.ts +16 -0
  35. package/app-layout/utils/use-resize.d.ts.map +1 -0
  36. package/app-layout/utils/use-resize.js +84 -0
  37. package/app-layout/utils/use-resize.js.map +1 -0
  38. package/app-layout/visual-refresh/context.d.ts +11 -6
  39. package/app-layout/visual-refresh/context.d.ts.map +1 -1
  40. package/app-layout/visual-refresh/context.js +26 -7
  41. package/app-layout/visual-refresh/context.js.map +1 -1
  42. package/app-layout/visual-refresh/drawers.d.ts +1 -33
  43. package/app-layout/visual-refresh/drawers.d.ts.map +1 -1
  44. package/app-layout/visual-refresh/drawers.js +14 -7
  45. package/app-layout/visual-refresh/drawers.js.map +1 -1
  46. package/app-layout/visual-refresh/styles.css.js +69 -68
  47. package/app-layout/visual-refresh/styles.scoped.css +294 -298
  48. package/app-layout/visual-refresh/styles.selectors.js +69 -68
  49. package/app-layout/visual-refresh/trigger-button.d.ts.map +1 -1
  50. package/app-layout/visual-refresh/trigger-button.js +1 -2
  51. package/app-layout/visual-refresh/trigger-button.js.map +1 -1
  52. package/area-chart/{model/async-store.d.ts → async-store/index.d.ts} +1 -1
  53. package/area-chart/async-store/index.d.ts.map +1 -0
  54. package/area-chart/{model/async-store.js → async-store/index.js} +1 -1
  55. package/area-chart/async-store/index.js.map +1 -0
  56. package/area-chart/elements/area-chart-legend.d.ts.map +1 -1
  57. package/area-chart/elements/area-chart-legend.js +1 -1
  58. package/area-chart/elements/area-chart-legend.js.map +1 -1
  59. package/area-chart/elements/data-series.js +1 -1
  60. package/area-chart/elements/data-series.js.map +1 -1
  61. package/area-chart/elements/highlighted-point.js +1 -1
  62. package/area-chart/elements/highlighted-point.js.map +1 -1
  63. package/area-chart/elements/use-highlight-details.d.ts.map +1 -1
  64. package/area-chart/elements/use-highlight-details.js +3 -1
  65. package/area-chart/elements/use-highlight-details.js.map +1 -1
  66. package/area-chart/elements/vertical-marker.js +1 -1
  67. package/area-chart/elements/vertical-marker.js.map +1 -1
  68. package/area-chart/model/index.d.ts +1 -1
  69. package/area-chart/model/index.d.ts.map +1 -1
  70. package/area-chart/model/index.js.map +1 -1
  71. package/area-chart/model/interactions-store.d.ts +1 -1
  72. package/area-chart/model/interactions-store.d.ts.map +1 -1
  73. package/area-chart/model/interactions-store.js +1 -1
  74. package/area-chart/model/interactions-store.js.map +1 -1
  75. package/area-chart/model/use-chart-model.d.ts.map +1 -1
  76. package/area-chart/model/use-chart-model.js +1 -1
  77. package/area-chart/model/use-chart-model.js.map +1 -1
  78. package/attribute-editor/interfaces.d.ts +1 -1
  79. package/attribute-editor/interfaces.d.ts.map +1 -1
  80. package/attribute-editor/interfaces.js.map +1 -1
  81. package/content-layout/styles.css.js +7 -7
  82. package/content-layout/styles.scoped.css +13 -13
  83. package/content-layout/styles.selectors.js +7 -7
  84. package/flashbar/styles.css.js +45 -45
  85. package/flashbar/styles.scoped.css +169 -169
  86. package/flashbar/styles.selectors.js +45 -45
  87. package/internal/environment.js +1 -1
  88. package/internal/generated/custom-css-properties/index.js +39 -39
  89. package/internal/generated/custom-css-properties/index.js.map +1 -1
  90. package/internal/manifest.json +1 -1
  91. package/internal/plugins/drawers-controller.d.ts +5 -0
  92. package/internal/plugins/drawers-controller.d.ts.map +1 -1
  93. package/internal/plugins/drawers-controller.js.map +1 -1
  94. package/mixed-line-bar-chart/data-series.d.ts.map +1 -1
  95. package/mixed-line-bar-chart/data-series.js +8 -2
  96. package/mixed-line-bar-chart/data-series.js.map +1 -1
  97. package/package.json +1 -1
  98. package/split-panel/index.d.ts.map +1 -1
  99. package/split-panel/index.js +3 -3
  100. package/split-panel/index.js.map +1 -1
  101. package/split-panel/interfaces.d.ts +0 -7
  102. package/split-panel/interfaces.d.ts.map +1 -1
  103. package/split-panel/interfaces.js.map +1 -1
  104. package/split-panel/styles.css.js +56 -59
  105. package/split-panel/styles.scoped.css +77 -93
  106. package/split-panel/styles.selectors.js +56 -59
  107. package/table/body-cell/td-element.d.ts +1 -1
  108. package/table/body-cell/td-element.d.ts.map +1 -1
  109. package/table/body-cell/td-element.js +1 -1
  110. package/table/body-cell/td-element.js.map +1 -1
  111. package/table/header-cell/index.d.ts +1 -1
  112. package/table/header-cell/index.d.ts.map +1 -1
  113. package/table/header-cell/index.js +1 -1
  114. package/table/header-cell/index.js.map +1 -1
  115. package/table/internal.js +2 -2
  116. package/table/internal.js.map +1 -1
  117. package/table/sticky-columns/index.d.ts +2 -0
  118. package/table/sticky-columns/index.d.ts.map +1 -0
  119. package/table/sticky-columns/index.js +4 -0
  120. package/table/sticky-columns/index.js.map +1 -0
  121. package/table/{use-sticky-columns.d.ts → sticky-columns/use-sticky-columns.d.ts} +1 -1
  122. package/table/sticky-columns/use-sticky-columns.d.ts.map +1 -0
  123. package/table/{use-sticky-columns.js → sticky-columns/use-sticky-columns.js} +3 -3
  124. package/table/sticky-columns/use-sticky-columns.js.map +1 -0
  125. package/table/sticky-scrollbar/index.d.ts +2 -0
  126. package/table/sticky-scrollbar/index.d.ts.map +1 -0
  127. package/table/sticky-scrollbar/index.js +4 -0
  128. package/table/sticky-scrollbar/index.js.map +1 -0
  129. package/table/sticky-scrollbar/sticky-scrollbar.d.ts.map +1 -0
  130. package/table/{sticky-scrollbar.js → sticky-scrollbar/sticky-scrollbar.js} +2 -2
  131. package/table/sticky-scrollbar/sticky-scrollbar.js.map +1 -0
  132. package/table/sticky-scrollbar/styles.css.js +9 -0
  133. package/table/sticky-scrollbar/styles.scoped.css +22 -0
  134. package/table/sticky-scrollbar/styles.selectors.js +10 -0
  135. package/table/sticky-scrollbar/use-sticky-scrollbar.d.ts.map +1 -0
  136. package/table/{use-sticky-scrollbar.js → sticky-scrollbar/use-sticky-scrollbar.js} +3 -3
  137. package/table/sticky-scrollbar/use-sticky-scrollbar.js.map +1 -0
  138. package/table/styles.css.js +32 -36
  139. package/table/styles.scoped.css +40 -59
  140. package/table/styles.selectors.js +32 -36
  141. package/table/thead.d.ts +1 -1
  142. package/table/thead.d.ts.map +1 -1
  143. package/table/thead.js +1 -1
  144. package/table/thead.js.map +1 -1
  145. package/table/utils.d.ts +1 -1
  146. package/table/utils.d.ts.map +1 -1
  147. package/table/utils.js.map +1 -1
  148. package/wizard/styles.css.js +31 -31
  149. package/wizard/styles.scoped.css +63 -63
  150. package/wizard/styles.selectors.js +31 -31
  151. package/area-chart/model/async-store.d.ts.map +0 -1
  152. package/area-chart/model/async-store.js.map +0 -1
  153. package/split-panel/utils/use-keyboard-events.d.ts +0 -4
  154. package/split-panel/utils/use-keyboard-events.d.ts.map +0 -1
  155. package/split-panel/utils/use-keyboard-events.js.map +0 -1
  156. package/split-panel/utils/use-pointer-events.d.ts +0 -3
  157. package/split-panel/utils/use-pointer-events.d.ts.map +0 -1
  158. package/split-panel/utils/use-pointer-events.js.map +0 -1
  159. package/table/sticky-scrollbar.d.ts.map +0 -1
  160. package/table/sticky-scrollbar.js.map +0 -1
  161. package/table/use-sticky-columns.d.ts.map +0 -1
  162. package/table/use-sticky-columns.js.map +0 -1
  163. package/table/use-sticky-scrollbar.d.ts.map +0 -1
  164. package/table/use-sticky-scrollbar.js.map +0 -1
  165. /package/table/{sticky-scrollbar.d.ts → sticky-scrollbar/sticky-scrollbar.d.ts} +0 -0
  166. /package/table/{use-sticky-scrollbar.d.ts → sticky-scrollbar/use-sticky-scrollbar.d.ts} +0 -0
@@ -1 +1 @@
1
- {"version":3,"file":"thead.js","sourceRoot":"lib/default/","sources":["table/thead.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 clsx from 'clsx';\nimport React from 'react';\nimport { TableProps } from './interfaces';\nimport SelectionControl from './selection-control';\nimport { focusMarkers, SelectionProps } from './use-selection';\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../internal/events';\nimport { getColumnKey, getStickyClassNames } from './utils';\nimport { TableHeaderCell } from './header-cell';\nimport { useColumnWidths } from './use-column-widths';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { StickyColumnsModel, useStickyCellStyles } from './use-sticky-columns';\nimport styles from './styles.css.js';\nimport cellStyles from './header-cell/styles.css.js';\nimport headerCellStyles from './header-cell/styles.css.js';\nimport ScreenreaderOnly from '../internal/components/screenreader-only';\n\nexport type InteractiveComponent =\n | { type: 'selection' }\n | { type: 'column'; col: number }\n | { type: 'resizer'; col: number };\n\nexport interface TheadProps {\n containerWidth: number | null;\n selectionType: TableProps.SelectionType | undefined;\n columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<any>>;\n sortingColumn: TableProps.SortingColumn<any> | undefined;\n sortingDescending: boolean | undefined;\n sortingDisabled: boolean | undefined;\n variant: TableProps.Variant;\n wrapLines: boolean | undefined;\n resizableColumns: boolean | undefined;\n getSelectAllProps: () => SelectionProps;\n onFocusMove: ((sourceElement: HTMLElement, fromIndex: number, direction: -1 | 1) => void) | undefined;\n onResizeFinish: (newWidths: Record<string, number>) => void;\n onSortingChange: NonCancelableEventHandler<TableProps.SortingState<any>> | undefined;\n sticky?: boolean;\n hidden?: boolean;\n stuck?: boolean;\n singleSelectionHeaderAriaLabel?: string;\n stripedRows?: boolean;\n stickyState: StickyColumnsModel;\n selectionColumnId: PropertyKey;\n focusedComponent?: InteractiveComponent | null;\n onFocusedComponentChange?: (element: InteractiveComponent | null) => void;\n}\n\nconst Thead = React.forwardRef(\n (\n {\n containerWidth,\n selectionType,\n getSelectAllProps,\n columnDefinitions,\n sortingColumn,\n sortingDisabled,\n sortingDescending,\n resizableColumns,\n variant,\n wrapLines,\n onFocusMove,\n onSortingChange,\n onResizeFinish,\n singleSelectionHeaderAriaLabel,\n stripedRows,\n sticky = false,\n hidden = false,\n stuck = false,\n stickyState,\n selectionColumnId,\n focusedComponent,\n onFocusedComponentChange,\n }: TheadProps,\n outerRef: React.Ref<HTMLTableRowElement>\n ) => {\n const isVisualRefresh = useVisualRefresh();\n\n const headerCellClass = clsx(\n headerCellStyles['header-cell'],\n headerCellStyles[`header-cell-variant-${variant}`],\n sticky && headerCellStyles['header-cell-sticky'],\n stuck && headerCellStyles['header-cell-stuck'],\n stripedRows && headerCellStyles['has-striped-rows'],\n isVisualRefresh && headerCellStyles['is-visual-refresh']\n );\n\n const selectionCellClass = clsx(\n styles['selection-control'],\n styles['selection-control-header'],\n isVisualRefresh && styles['is-visual-refresh']\n );\n\n const { columnWidths, totalWidth, updateColumn } = useColumnWidths();\n\n const stickyStyles = useStickyCellStyles({\n stickyColumns: stickyState,\n columnId: selectionColumnId,\n getClassName: props => getStickyClassNames(cellStyles, props),\n });\n return (\n <thead className={clsx(!hidden && styles['thead-active'])}>\n <tr {...focusMarkers.all} ref={outerRef} aria-rowindex={1}>\n {selectionType ? (\n <th\n className={clsx(\n headerCellClass,\n selectionCellClass,\n hidden && headerCellStyles['header-cell-hidden'],\n stickyStyles.className\n )}\n style={stickyStyles.style}\n ref={stickyStyles.ref}\n scope=\"col\"\n >\n {selectionType === 'multi' ? (\n <SelectionControl\n onFocusDown={event => {\n onFocusMove!(event.target as HTMLElement, -1, +1);\n }}\n focusedComponent={focusedComponent}\n onFocusedComponentChange={onFocusedComponentChange}\n {...getSelectAllProps()}\n {...(sticky ? { tabIndex: -1 } : {})}\n />\n ) : (\n <ScreenreaderOnly>{singleSelectionHeaderAriaLabel}</ScreenreaderOnly>\n )}\n </th>\n ) : null}\n\n {columnDefinitions.map((column, colIndex) => {\n let widthOverride;\n if (resizableColumns) {\n if (columnWidths) {\n // use stateful value if available\n widthOverride = columnWidths[getColumnKey(column, colIndex)];\n }\n if (colIndex === columnDefinitions.length - 1 && containerWidth && containerWidth > totalWidth) {\n // let the last column grow and fill the container width\n widthOverride = 'auto';\n }\n }\n return (\n <TableHeaderCell\n key={getColumnKey(column, colIndex)}\n className={headerCellClass}\n style={{\n width: widthOverride || column.width,\n minWidth: sticky ? undefined : column.minWidth,\n maxWidth: resizableColumns || sticky ? undefined : column.maxWidth,\n }}\n tabIndex={sticky ? -1 : 0}\n focusedComponent={focusedComponent}\n onFocusedComponentChange={onFocusedComponentChange}\n column={column}\n activeSortingColumn={sortingColumn}\n sortingDescending={sortingDescending}\n sortingDisabled={sortingDisabled}\n wrapLines={wrapLines}\n hidden={hidden}\n colIndex={colIndex}\n columnId={column.id ?? colIndex}\n updateColumn={updateColumn}\n onResizeFinish={() => onResizeFinish(columnWidths)}\n resizableColumns={resizableColumns}\n onClick={detail => fireNonCancelableEvent(onSortingChange, detail)}\n isEditable={!!column.editConfig}\n stickyState={stickyState}\n />\n );\n })}\n </tr>\n </thead>\n );\n }\n);\n\nexport default Thead;\n"]}
1
+ {"version":3,"file":"thead.js","sourceRoot":"lib/default/","sources":["table/thead.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 clsx from 'clsx';\nimport React from 'react';\nimport { TableProps } from './interfaces';\nimport SelectionControl from './selection-control';\nimport { focusMarkers, SelectionProps } from './use-selection';\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../internal/events';\nimport { getColumnKey, getStickyClassNames } from './utils';\nimport { TableHeaderCell } from './header-cell';\nimport { useColumnWidths } from './use-column-widths';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport styles from './styles.css.js';\nimport cellStyles from './header-cell/styles.css.js';\nimport headerCellStyles from './header-cell/styles.css.js';\nimport ScreenreaderOnly from '../internal/components/screenreader-only';\nimport { StickyColumnsModel, useStickyCellStyles } from './sticky-columns';\n\nexport type InteractiveComponent =\n | { type: 'selection' }\n | { type: 'column'; col: number }\n | { type: 'resizer'; col: number };\n\nexport interface TheadProps {\n containerWidth: number | null;\n selectionType: TableProps.SelectionType | undefined;\n columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<any>>;\n sortingColumn: TableProps.SortingColumn<any> | undefined;\n sortingDescending: boolean | undefined;\n sortingDisabled: boolean | undefined;\n variant: TableProps.Variant;\n wrapLines: boolean | undefined;\n resizableColumns: boolean | undefined;\n getSelectAllProps: () => SelectionProps;\n onFocusMove: ((sourceElement: HTMLElement, fromIndex: number, direction: -1 | 1) => void) | undefined;\n onResizeFinish: (newWidths: Record<string, number>) => void;\n onSortingChange: NonCancelableEventHandler<TableProps.SortingState<any>> | undefined;\n sticky?: boolean;\n hidden?: boolean;\n stuck?: boolean;\n singleSelectionHeaderAriaLabel?: string;\n stripedRows?: boolean;\n stickyState: StickyColumnsModel;\n selectionColumnId: PropertyKey;\n focusedComponent?: InteractiveComponent | null;\n onFocusedComponentChange?: (element: InteractiveComponent | null) => void;\n}\n\nconst Thead = React.forwardRef(\n (\n {\n containerWidth,\n selectionType,\n getSelectAllProps,\n columnDefinitions,\n sortingColumn,\n sortingDisabled,\n sortingDescending,\n resizableColumns,\n variant,\n wrapLines,\n onFocusMove,\n onSortingChange,\n onResizeFinish,\n singleSelectionHeaderAriaLabel,\n stripedRows,\n sticky = false,\n hidden = false,\n stuck = false,\n stickyState,\n selectionColumnId,\n focusedComponent,\n onFocusedComponentChange,\n }: TheadProps,\n outerRef: React.Ref<HTMLTableRowElement>\n ) => {\n const isVisualRefresh = useVisualRefresh();\n\n const headerCellClass = clsx(\n headerCellStyles['header-cell'],\n headerCellStyles[`header-cell-variant-${variant}`],\n sticky && headerCellStyles['header-cell-sticky'],\n stuck && headerCellStyles['header-cell-stuck'],\n stripedRows && headerCellStyles['has-striped-rows'],\n isVisualRefresh && headerCellStyles['is-visual-refresh']\n );\n\n const selectionCellClass = clsx(\n styles['selection-control'],\n styles['selection-control-header'],\n isVisualRefresh && styles['is-visual-refresh']\n );\n\n const { columnWidths, totalWidth, updateColumn } = useColumnWidths();\n\n const stickyStyles = useStickyCellStyles({\n stickyColumns: stickyState,\n columnId: selectionColumnId,\n getClassName: props => getStickyClassNames(cellStyles, props),\n });\n return (\n <thead className={clsx(!hidden && styles['thead-active'])}>\n <tr {...focusMarkers.all} ref={outerRef} aria-rowindex={1}>\n {selectionType ? (\n <th\n className={clsx(\n headerCellClass,\n selectionCellClass,\n hidden && headerCellStyles['header-cell-hidden'],\n stickyStyles.className\n )}\n style={stickyStyles.style}\n ref={stickyStyles.ref}\n scope=\"col\"\n >\n {selectionType === 'multi' ? (\n <SelectionControl\n onFocusDown={event => {\n onFocusMove!(event.target as HTMLElement, -1, +1);\n }}\n focusedComponent={focusedComponent}\n onFocusedComponentChange={onFocusedComponentChange}\n {...getSelectAllProps()}\n {...(sticky ? { tabIndex: -1 } : {})}\n />\n ) : (\n <ScreenreaderOnly>{singleSelectionHeaderAriaLabel}</ScreenreaderOnly>\n )}\n </th>\n ) : null}\n\n {columnDefinitions.map((column, colIndex) => {\n let widthOverride;\n if (resizableColumns) {\n if (columnWidths) {\n // use stateful value if available\n widthOverride = columnWidths[getColumnKey(column, colIndex)];\n }\n if (colIndex === columnDefinitions.length - 1 && containerWidth && containerWidth > totalWidth) {\n // let the last column grow and fill the container width\n widthOverride = 'auto';\n }\n }\n return (\n <TableHeaderCell\n key={getColumnKey(column, colIndex)}\n className={headerCellClass}\n style={{\n width: widthOverride || column.width,\n minWidth: sticky ? undefined : column.minWidth,\n maxWidth: resizableColumns || sticky ? undefined : column.maxWidth,\n }}\n tabIndex={sticky ? -1 : 0}\n focusedComponent={focusedComponent}\n onFocusedComponentChange={onFocusedComponentChange}\n column={column}\n activeSortingColumn={sortingColumn}\n sortingDescending={sortingDescending}\n sortingDisabled={sortingDisabled}\n wrapLines={wrapLines}\n hidden={hidden}\n colIndex={colIndex}\n columnId={column.id ?? colIndex}\n updateColumn={updateColumn}\n onResizeFinish={() => onResizeFinish(columnWidths)}\n resizableColumns={resizableColumns}\n onClick={detail => fireNonCancelableEvent(onSortingChange, detail)}\n isEditable={!!column.editConfig}\n stickyState={stickyState}\n />\n );\n })}\n </tr>\n </thead>\n );\n }\n);\n\nexport default Thead;\n"]}
package/table/utils.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { InternalContainerProps } from '../container/internal';
2
+ import { StickyColumnsCellState } from './sticky-columns';
2
3
  import { TableProps } from './interfaces';
3
- import { StickyColumnsCellState } from './use-sticky-columns';
4
4
  export declare const applyTrackBy: <T>(trackBy: TableProps.TrackBy<T>, item: T) => any;
5
5
  export declare const getItemKey: <T>(trackBy: TableProps.TrackBy<T> | undefined, item: T, index: number) => any;
6
6
  export declare const getTrackableValue: <T>(trackBy: TableProps.TrackBy<T> | undefined, item: T) => any;
@@ -1 +1 @@
1
- {"version":3,"file":"utils.d.ts","sourceRoot":"lib/default/","sources":["table/utils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAE9D,eAAO,MAAM,YAAY,qDAKxB,CAAC;AAEF,eAAO,MAAM,UAAU,kEAAmE,MAAM,QAK/F,CAAC;AAEF,eAAO,MAAM,iBAAiB,iEAK7B,CAAC;AAEF,eAAO,MAAM,YAAY,qDAAsD,MAAM,oBAEpF,CAAC;AAEF,eAAO,MAAM,kBAAkB,YAAa,WAAW,OAAO,GAAG,SAAS,KAAG,sBAAsB,CAAC,SAAS,CAG5G,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,CAAC,EACjC,iBAAiB,EAAE,aAAa,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,EAChE,iBAAiB,EAAE,UAAU,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAC,QASpE;AAED,wBAAgB,2BAA2B,CAAC,CAAC,EAAE,EAC7C,aAAa,EACb,cAAc,EACd,iBAAiB,GAClB,EAAE;IACD,aAAa,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC;IAClE,cAAc,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IACvC,iBAAiB,EAAE,aAAa,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;CAClE,6CASA;AA8BD,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,sBAAsB,GAAG,IAAI;;EAOvG"}
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"lib/default/","sources":["table/utils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,eAAO,MAAM,YAAY,qDAKxB,CAAC;AAEF,eAAO,MAAM,UAAU,kEAAmE,MAAM,QAK/F,CAAC;AAEF,eAAO,MAAM,iBAAiB,iEAK7B,CAAC;AAEF,eAAO,MAAM,YAAY,qDAAsD,MAAM,oBAEpF,CAAC;AAEF,eAAO,MAAM,kBAAkB,YAAa,WAAW,OAAO,GAAG,SAAS,KAAG,sBAAsB,CAAC,SAAS,CAG5G,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,CAAC,EACjC,iBAAiB,EAAE,aAAa,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,EAChE,iBAAiB,EAAE,UAAU,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAC,QASpE;AAED,wBAAgB,2BAA2B,CAAC,CAAC,EAAE,EAC7C,aAAa,EACb,cAAc,EACd,iBAAiB,GAClB,EAAE;IACD,aAAa,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC;IAClE,cAAc,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IACvC,iBAAiB,EAAE,aAAa,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;CAClE,6CASA;AA8BD,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,sBAAsB,GAAG,IAAI;;EAOvG"}
@@ -1 +1 @@
1
- {"version":3,"file":"utils.js","sourceRoot":"lib/default/","sources":["table/utils.ts"],"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 { InternalContainerProps } from '../container/internal';\nimport { TableProps } from './interfaces';\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\nimport { StickyColumnsCellState } from './use-sticky-columns';\n\nexport const applyTrackBy = <T>(trackBy: TableProps.TrackBy<T>, item: T) => {\n if (typeof trackBy === 'function') {\n return trackBy(item);\n }\n return (item as any)[trackBy];\n};\n\nexport const getItemKey = <T>(trackBy: TableProps.TrackBy<T> | undefined, item: T, index: number) => {\n if (!trackBy) {\n return index;\n }\n return applyTrackBy(trackBy, item);\n};\n\nexport const getTrackableValue = <T>(trackBy: TableProps.TrackBy<T> | undefined, item: T) => {\n if (!trackBy) {\n return item;\n }\n return applyTrackBy(trackBy, item);\n};\n\nexport const getColumnKey = <T>(column: TableProps.ColumnDefinition<T>, index: number) => {\n return column.id || index;\n};\n\nexport const toContainerVariant = (variant: TableProps.Variant | undefined): InternalContainerProps['variant'] => {\n const isDefaultVariant = !variant || variant === 'container';\n return isDefaultVariant ? 'default' : variant === 'borderless' ? 'embedded' : variant;\n};\n\nexport function checkSortingState<T>(\n columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<T>>,\n sortingComparator: TableProps.SortingColumn<T>['sortingComparator']\n) {\n const matchedColumn = columnDefinitions.filter(column => column.sortingComparator === sortingComparator)[0];\n if (!matchedColumn) {\n warnOnce(\n 'Table',\n 'Currently active sorting comparator was not found in any columns. Make sure to provide the same comparator function instance on each render.'\n );\n }\n}\n\nexport function getVisibleColumnDefinitions<T>({\n columnDisplay,\n visibleColumns,\n columnDefinitions,\n}: {\n columnDisplay?: ReadonlyArray<TableProps.ColumnDisplayProperties>;\n visibleColumns?: ReadonlyArray<string>;\n columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<T>>;\n}) {\n // columnsDisplay has a precedence over visibleColumns.\n if (columnDisplay) {\n return getVisibleColumnDefinitionsFromColumnDisplay({ columnDisplay, columnDefinitions });\n } else if (visibleColumns) {\n return getVisibleColumnDefinitionsFromVisibleColumns({ visibleColumns, columnDefinitions });\n } else {\n return columnDefinitions;\n }\n}\n\nfunction getVisibleColumnDefinitionsFromColumnDisplay<T>({\n columnDisplay,\n columnDefinitions,\n}: {\n columnDisplay: ReadonlyArray<TableProps.ColumnDisplayProperties>;\n columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<T>>;\n}) {\n const columnDefinitionsById: Record<string, TableProps.ColumnDefinition<T>> = columnDefinitions.reduce(\n (accumulator, item) => (item.id === undefined ? accumulator : { ...accumulator, [item.id]: item }),\n {}\n );\n return columnDisplay\n .filter(item => item.visible)\n .map(item => columnDefinitionsById[item.id])\n .filter(Boolean);\n}\n\nfunction getVisibleColumnDefinitionsFromVisibleColumns<T>({\n visibleColumns,\n columnDefinitions,\n}: {\n visibleColumns: ReadonlyArray<string>;\n columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<T>>;\n}) {\n const ids = new Set(visibleColumns);\n return columnDefinitions.filter(({ id }) => id !== undefined && ids.has(id));\n}\n\nexport function getStickyClassNames(styles: Record<string, string>, props: StickyColumnsCellState | null) {\n return {\n [styles['sticky-cell']]: !!props,\n [styles['sticky-cell-pad-left']]: !!props?.padLeft,\n [styles['sticky-cell-last-left']]: !!props?.lastLeft,\n [styles['sticky-cell-last-right']]: !!props?.lastRight,\n };\n}\n"]}
1
+ {"version":3,"file":"utils.js","sourceRoot":"lib/default/","sources":["table/utils.ts"],"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 { InternalContainerProps } from '../container/internal';\nimport { StickyColumnsCellState } from './sticky-columns';\nimport { TableProps } from './interfaces';\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nexport const applyTrackBy = <T>(trackBy: TableProps.TrackBy<T>, item: T) => {\n if (typeof trackBy === 'function') {\n return trackBy(item);\n }\n return (item as any)[trackBy];\n};\n\nexport const getItemKey = <T>(trackBy: TableProps.TrackBy<T> | undefined, item: T, index: number) => {\n if (!trackBy) {\n return index;\n }\n return applyTrackBy(trackBy, item);\n};\n\nexport const getTrackableValue = <T>(trackBy: TableProps.TrackBy<T> | undefined, item: T) => {\n if (!trackBy) {\n return item;\n }\n return applyTrackBy(trackBy, item);\n};\n\nexport const getColumnKey = <T>(column: TableProps.ColumnDefinition<T>, index: number) => {\n return column.id || index;\n};\n\nexport const toContainerVariant = (variant: TableProps.Variant | undefined): InternalContainerProps['variant'] => {\n const isDefaultVariant = !variant || variant === 'container';\n return isDefaultVariant ? 'default' : variant === 'borderless' ? 'embedded' : variant;\n};\n\nexport function checkSortingState<T>(\n columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<T>>,\n sortingComparator: TableProps.SortingColumn<T>['sortingComparator']\n) {\n const matchedColumn = columnDefinitions.filter(column => column.sortingComparator === sortingComparator)[0];\n if (!matchedColumn) {\n warnOnce(\n 'Table',\n 'Currently active sorting comparator was not found in any columns. Make sure to provide the same comparator function instance on each render.'\n );\n }\n}\n\nexport function getVisibleColumnDefinitions<T>({\n columnDisplay,\n visibleColumns,\n columnDefinitions,\n}: {\n columnDisplay?: ReadonlyArray<TableProps.ColumnDisplayProperties>;\n visibleColumns?: ReadonlyArray<string>;\n columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<T>>;\n}) {\n // columnsDisplay has a precedence over visibleColumns.\n if (columnDisplay) {\n return getVisibleColumnDefinitionsFromColumnDisplay({ columnDisplay, columnDefinitions });\n } else if (visibleColumns) {\n return getVisibleColumnDefinitionsFromVisibleColumns({ visibleColumns, columnDefinitions });\n } else {\n return columnDefinitions;\n }\n}\n\nfunction getVisibleColumnDefinitionsFromColumnDisplay<T>({\n columnDisplay,\n columnDefinitions,\n}: {\n columnDisplay: ReadonlyArray<TableProps.ColumnDisplayProperties>;\n columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<T>>;\n}) {\n const columnDefinitionsById: Record<string, TableProps.ColumnDefinition<T>> = columnDefinitions.reduce(\n (accumulator, item) => (item.id === undefined ? accumulator : { ...accumulator, [item.id]: item }),\n {}\n );\n return columnDisplay\n .filter(item => item.visible)\n .map(item => columnDefinitionsById[item.id])\n .filter(Boolean);\n}\n\nfunction getVisibleColumnDefinitionsFromVisibleColumns<T>({\n visibleColumns,\n columnDefinitions,\n}: {\n visibleColumns: ReadonlyArray<string>;\n columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<T>>;\n}) {\n const ids = new Set(visibleColumns);\n return columnDefinitions.filter(({ id }) => id !== undefined && ids.has(id));\n}\n\nexport function getStickyClassNames(styles: Record<string, string>, props: StickyColumnsCellState | null) {\n return {\n [styles['sticky-cell']]: !!props,\n [styles['sticky-cell-pad-left']]: !!props?.padLeft,\n [styles['sticky-cell-last-left']]: !!props?.lastLeft,\n [styles['sticky-cell-last-right']]: !!props?.lastRight,\n };\n}\n"]}
@@ -1,36 +1,36 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_1xupv_1gsij_94",
5
- "wizard": "awsui_wizard_1xupv_1gsij_107",
6
- "refresh": "awsui_refresh_1xupv_1gsij_107",
7
- "small-container": "awsui_small-container_1xupv_1gsij_114",
8
- "navigation": "awsui_navigation_1xupv_1gsij_123",
9
- "number": "awsui_number_1xupv_1gsij_185",
10
- "circle": "awsui_circle_1xupv_1gsij_201",
11
- "title": "awsui_title_1xupv_1gsij_209",
12
- "active": "awsui_active_1xupv_1gsij_238",
13
- "disabled": "awsui_disabled_1xupv_1gsij_249",
14
- "enabled": "awsui_enabled_1xupv_1gsij_259",
15
- "form": "awsui_form_1xupv_1gsij_301",
16
- "form-header": "awsui_form-header_1xupv_1gsij_307",
17
- "background": "awsui_background_1xupv_1gsij_318",
18
- "form-header-content": "awsui_form-header-content_1xupv_1gsij_330",
19
- "form-component": "awsui_form-component_1xupv_1gsij_334",
20
- "hidden": "awsui_hidden_1xupv_1gsij_348",
21
- "collapsed-steps": "awsui_collapsed-steps_1xupv_1gsij_352",
22
- "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_1gsij_357",
23
- "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_1gsij_361",
24
- "form-header-component": "awsui_form-header-component_1xupv_1gsij_361",
25
- "navigation-link": "awsui_navigation-link_1xupv_1gsij_374",
26
- "navigation-link-item": "awsui_navigation-link-item_1xupv_1gsij_375",
27
- "navigation-link-label": "awsui_navigation-link-label_1xupv_1gsij_376",
28
- "navigation-link-active": "awsui_navigation-link-active_1xupv_1gsij_380",
29
- "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_1gsij_385",
30
- "cancel-button": "awsui_cancel-button_1xupv_1gsij_389",
31
- "previous-button": "awsui_previous-button_1xupv_1gsij_390",
32
- "primary-button": "awsui_primary-button_1xupv_1gsij_391",
33
- "skip-to-button": "awsui_skip-to-button_1xupv_1gsij_392",
34
- "action-buttons": "awsui_action-buttons_1xupv_1gsij_396"
4
+ "root": "awsui_root_1xupv_1dj8u_94",
5
+ "wizard": "awsui_wizard_1xupv_1dj8u_107",
6
+ "refresh": "awsui_refresh_1xupv_1dj8u_107",
7
+ "small-container": "awsui_small-container_1xupv_1dj8u_114",
8
+ "navigation": "awsui_navigation_1xupv_1dj8u_123",
9
+ "number": "awsui_number_1xupv_1dj8u_185",
10
+ "circle": "awsui_circle_1xupv_1dj8u_201",
11
+ "title": "awsui_title_1xupv_1dj8u_209",
12
+ "active": "awsui_active_1xupv_1dj8u_238",
13
+ "disabled": "awsui_disabled_1xupv_1dj8u_249",
14
+ "enabled": "awsui_enabled_1xupv_1dj8u_259",
15
+ "form": "awsui_form_1xupv_1dj8u_301",
16
+ "form-header": "awsui_form-header_1xupv_1dj8u_307",
17
+ "background": "awsui_background_1xupv_1dj8u_318",
18
+ "form-header-content": "awsui_form-header-content_1xupv_1dj8u_330",
19
+ "form-component": "awsui_form-component_1xupv_1dj8u_334",
20
+ "hidden": "awsui_hidden_1xupv_1dj8u_348",
21
+ "collapsed-steps": "awsui_collapsed-steps_1xupv_1dj8u_352",
22
+ "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_1dj8u_357",
23
+ "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_1dj8u_361",
24
+ "form-header-component": "awsui_form-header-component_1xupv_1dj8u_361",
25
+ "navigation-link": "awsui_navigation-link_1xupv_1dj8u_374",
26
+ "navigation-link-item": "awsui_navigation-link-item_1xupv_1dj8u_375",
27
+ "navigation-link-label": "awsui_navigation-link-label_1xupv_1dj8u_376",
28
+ "navigation-link-active": "awsui_navigation-link-active_1xupv_1dj8u_380",
29
+ "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_1dj8u_385",
30
+ "cancel-button": "awsui_cancel-button_1xupv_1dj8u_389",
31
+ "previous-button": "awsui_previous-button_1xupv_1dj8u_390",
32
+ "primary-button": "awsui_primary-button_1xupv_1dj8u_391",
33
+ "skip-to-button": "awsui_skip-to-button_1xupv_1dj8u_392",
34
+ "action-buttons": "awsui_action-buttons_1xupv_1dj8u_396"
35
35
  };
36
36
 
@@ -91,7 +91,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
93
  /* stylelint-disable selector-max-universal, selector-max-type */
94
- .awsui_root_1xupv_1gsij_94:not(#\9) {
94
+ .awsui_root_1xupv_1dj8u_94:not(#\9) {
95
95
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
96
96
  border-collapse: separate;
97
97
  border-spacing: 0;
@@ -130,28 +130,28 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
130
130
  -moz-osx-font-smoothing: auto;
131
131
  }
132
132
 
133
- .awsui_wizard_1xupv_1gsij_107.awsui_refresh_1xupv_1gsij_107:not(#\9) {
133
+ .awsui_wizard_1xupv_1dj8u_107.awsui_refresh_1xupv_1dj8u_107:not(#\9) {
134
134
  column-gap: var(--space-xl-gsucfg, 24px);
135
135
  display: grid;
136
136
  grid-template-columns: auto minmax(0, 1fr);
137
137
  grid-template-rows: auto 1fr;
138
138
  row-gap: var(--space-scaled-xl-jawob6, 24px);
139
139
  }
140
- .awsui_wizard_1xupv_1gsij_107.awsui_refresh_1xupv_1gsij_107.awsui_small-container_1xupv_1gsij_114:not(#\9) {
140
+ .awsui_wizard_1xupv_1dj8u_107.awsui_refresh_1xupv_1dj8u_107.awsui_small-container_1xupv_1dj8u_114:not(#\9) {
141
141
  grid-template-columns: minmax(0, 1fr) 0;
142
142
  row-gap: var(--space-scaled-l-2rs0gk, 20px);
143
143
  }
144
144
 
145
- .awsui_wizard_1xupv_1gsij_107:not(#\9):not(.awsui_refresh_1xupv_1gsij_107) {
145
+ .awsui_wizard_1xupv_1dj8u_107:not(#\9):not(.awsui_refresh_1xupv_1dj8u_107) {
146
146
  display: flex;
147
147
  }
148
148
 
149
- .awsui_navigation_1xupv_1gsij_123.awsui_refresh_1xupv_1gsij_107:not(#\9) {
149
+ .awsui_navigation_1xupv_1dj8u_123.awsui_refresh_1xupv_1dj8u_107:not(#\9) {
150
150
  grid-column: 1;
151
151
  grid-row: 1/span 2;
152
- padding-top: var(--awsui-container-first-gap-8nglyc, 0px);
152
+ padding-top: var(--awsui-container-first-gap-zw2xxa, 0px);
153
153
  }
154
- .awsui_navigation_1xupv_1gsij_123.awsui_refresh_1xupv_1gsij_107 > ul:not(#\9) {
154
+ .awsui_navigation_1xupv_1dj8u_123.awsui_refresh_1xupv_1dj8u_107 > ul:not(#\9) {
155
155
  background: var(--color-background-container-content-og3y0v, #ffffff);
156
156
  position: relative;
157
157
  border-radius: var(--border-radius-container-pmtq2d, 16px);
@@ -161,7 +161,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
161
161
  width: 280px;
162
162
  box-sizing: border-box;
163
163
  }
164
- .awsui_navigation_1xupv_1gsij_123.awsui_refresh_1xupv_1gsij_107 > ul:not(#\9)::before {
164
+ .awsui_navigation_1xupv_1dj8u_123.awsui_refresh_1xupv_1dj8u_107 > ul:not(#\9)::before {
165
165
  content: "";
166
166
  position: absolute;
167
167
  left: 0px;
@@ -176,7 +176,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
176
176
  border-radius: var(--border-radius-container-pmtq2d, 16px);
177
177
  z-index: 1;
178
178
  }
179
- .awsui_navigation_1xupv_1gsij_123.awsui_refresh_1xupv_1gsij_107 > ul:not(#\9)::after {
179
+ .awsui_navigation_1xupv_1dj8u_123.awsui_refresh_1xupv_1dj8u_107 > ul:not(#\9)::after {
180
180
  content: "";
181
181
  position: absolute;
182
182
  left: 0px;
@@ -191,30 +191,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
191
191
  mix-blend-mode: multiply;
192
192
  }
193
193
  @media screen and (-ms-high-contrast: active) {
194
- .awsui_navigation_1xupv_1gsij_123.awsui_refresh_1xupv_1gsij_107 > ul:not(#\9) {
194
+ .awsui_navigation_1xupv_1dj8u_123.awsui_refresh_1xupv_1dj8u_107 > ul:not(#\9) {
195
195
  border: var(--border-field-width-riro62, 2px) solid var(--color-border-container-top-camjrq, transparent);
196
196
  }
197
197
  }
198
- .awsui_navigation_1xupv_1gsij_123.awsui_refresh_1xupv_1gsij_107 > ul > li:not(#\9) {
198
+ .awsui_navigation_1xupv_1dj8u_123.awsui_refresh_1xupv_1dj8u_107 > ul > li:not(#\9) {
199
199
  display: grid;
200
200
  column-gap: var(--space-s-hdd878, 12px);
201
201
  grid-template-columns: var(--space-l-f4l5gr, 20px) 1fr;
202
202
  grid-template-rows: repeat(2, auto);
203
203
  }
204
- .awsui_navigation_1xupv_1gsij_123.awsui_refresh_1xupv_1gsij_107 > ul > li > hr:not(#\9) {
204
+ .awsui_navigation_1xupv_1dj8u_123.awsui_refresh_1xupv_1dj8u_107 > ul > li > hr:not(#\9) {
205
205
  background-color: var(--color-border-divider-default-9o8zql, #e9ebed);
206
206
  border: 0;
207
207
  grid-column: 1;
208
208
  height: 100%;
209
209
  width: var(--space-xxxs-j6dpcy, 2px);
210
210
  }
211
- .awsui_navigation_1xupv_1gsij_123.awsui_refresh_1xupv_1gsij_107 > ul > li > .awsui_number_1xupv_1gsij_185:not(#\9) {
211
+ .awsui_navigation_1xupv_1dj8u_123.awsui_refresh_1xupv_1dj8u_107 > ul > li > .awsui_number_1xupv_1dj8u_185:not(#\9) {
212
212
  color: var(--color-text-small-l0u24v, #5f6b7a);
213
213
  font-size: var(--font-body-s-size-6jmxer, 12px);
214
214
  grid-column: 2;
215
215
  grid-row: 1;
216
216
  }
217
- .awsui_navigation_1xupv_1gsij_123.awsui_refresh_1xupv_1gsij_107 > ul > li > a:not(#\9) {
217
+ .awsui_navigation_1xupv_1dj8u_123.awsui_refresh_1xupv_1dj8u_107 > ul > li > a:not(#\9) {
218
218
  align-items: start;
219
219
  column-gap: var(--space-s-hdd878, 12px);
220
220
  cursor: pointer;
@@ -224,7 +224,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
224
224
  grid-row: 2;
225
225
  grid-template-columns: var(--space-l-f4l5gr, 20px) 1fr;
226
226
  }
227
- .awsui_navigation_1xupv_1gsij_123.awsui_refresh_1xupv_1gsij_107 > ul > li > a > .awsui_circle_1xupv_1gsij_201:not(#\9) {
227
+ .awsui_navigation_1xupv_1dj8u_123.awsui_refresh_1xupv_1dj8u_107 > ul > li > a > .awsui_circle_1xupv_1dj8u_201:not(#\9) {
228
228
  border-radius: 100%;
229
229
  grid-column: 1;
230
230
  height: 10px;
@@ -232,13 +232,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
232
232
  margin-top: 6px;
233
233
  width: 10px;
234
234
  }
235
- .awsui_navigation_1xupv_1gsij_123.awsui_refresh_1xupv_1gsij_107 > ul > li > a > .awsui_title_1xupv_1gsij_209:not(#\9) {
235
+ .awsui_navigation_1xupv_1dj8u_123.awsui_refresh_1xupv_1dj8u_107 > ul > li > a > .awsui_title_1xupv_1dj8u_209:not(#\9) {
236
236
  min-width: 0;
237
237
  -ms-word-break: break-all;
238
238
  word-break: break-word;
239
239
  grid-column: 2;
240
240
  }
241
- body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_1gsij_123.awsui_refresh_1xupv_1gsij_107 > ul > li > a:not(#\9):focus {
241
+ body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_1dj8u_123.awsui_refresh_1xupv_1dj8u_107 > ul > li > a:not(#\9):focus {
242
242
  outline: thin dotted;
243
243
  outline: var(--border-link-focus-ring-outline-pwlekd, 0);
244
244
  outline-offset: 2px;
@@ -246,58 +246,58 @@ body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_1gsij_123.awsui_refr
246
246
  border-radius: var(--border-radius-control-default-focus-ring-muizvi, 4px);
247
247
  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-z7lixz, 2px) var(--color-border-item-focused-4t19h5, #0972d3);
248
248
  }
249
- .awsui_navigation_1xupv_1gsij_123.awsui_refresh_1xupv_1gsij_107 > ul > li:not(#\9):first-child > hr {
249
+ .awsui_navigation_1xupv_1dj8u_123.awsui_refresh_1xupv_1dj8u_107 > ul > li:not(#\9):first-child > hr {
250
250
  grid-row: 2/span 2;
251
251
  }
252
- .awsui_navigation_1xupv_1gsij_123.awsui_refresh_1xupv_1gsij_107 > ul > li:not(#\9):not(:first-child) > .awsui_number_1xupv_1gsij_185 {
252
+ .awsui_navigation_1xupv_1dj8u_123.awsui_refresh_1xupv_1dj8u_107 > ul > li:not(#\9):not(:first-child) > .awsui_number_1xupv_1dj8u_185 {
253
253
  margin-top: var(--space-scaled-xl-jawob6, 24px);
254
254
  }
255
- .awsui_navigation_1xupv_1gsij_123.awsui_refresh_1xupv_1gsij_107 > ul > li:not(#\9):last-child > hr {
255
+ .awsui_navigation_1xupv_1dj8u_123.awsui_refresh_1xupv_1dj8u_107 > ul > li:not(#\9):last-child > hr {
256
256
  grid-row: 1;
257
257
  }
258
- .awsui_navigation_1xupv_1gsij_123.awsui_refresh_1xupv_1gsij_107 > ul > li:not(#\9):only-of-type > hr {
258
+ .awsui_navigation_1xupv_1dj8u_123.awsui_refresh_1xupv_1dj8u_107 > ul > li:not(#\9):only-of-type > hr {
259
259
  display: none;
260
260
  }
261
- .awsui_navigation_1xupv_1gsij_123.awsui_refresh_1xupv_1gsij_107 > ul > li:not(#\9):not(:first-child):not(:last-child) > hr {
261
+ .awsui_navigation_1xupv_1dj8u_123.awsui_refresh_1xupv_1dj8u_107 > ul > li:not(#\9):not(:first-child):not(:last-child) > hr {
262
262
  grid-row: 1/span 3;
263
263
  }
264
- .awsui_navigation_1xupv_1gsij_123.awsui_refresh_1xupv_1gsij_107 > ul > li.awsui_active_1xupv_1gsij_238 > a:not(#\9) {
264
+ .awsui_navigation_1xupv_1dj8u_123.awsui_refresh_1xupv_1dj8u_107 > ul > li.awsui_active_1xupv_1dj8u_238 > a:not(#\9) {
265
265
  cursor: text;
266
266
  }
267
- .awsui_navigation_1xupv_1gsij_123.awsui_refresh_1xupv_1gsij_107 > ul > li.awsui_active_1xupv_1gsij_238 > a > .awsui_circle_1xupv_1gsij_201:not(#\9) {
267
+ .awsui_navigation_1xupv_1dj8u_123.awsui_refresh_1xupv_1dj8u_107 > ul > li.awsui_active_1xupv_1dj8u_238 > a > .awsui_circle_1xupv_1dj8u_201:not(#\9) {
268
268
  background-color: var(--color-background-control-checked-k2dd8u, #0972d3);
269
269
  box-shadow: 0 0 0 3px var(--color-background-container-content-og3y0v, #ffffff), 0 0 0 5px var(--color-background-control-checked-k2dd8u, #0972d3), 0 0 0 7px var(--color-background-container-content-og3y0v, #ffffff);
270
270
  }
271
- .awsui_navigation_1xupv_1gsij_123.awsui_refresh_1xupv_1gsij_107 > ul > li.awsui_active_1xupv_1gsij_238 > a > .awsui_title_1xupv_1gsij_209:not(#\9) {
271
+ .awsui_navigation_1xupv_1dj8u_123.awsui_refresh_1xupv_1dj8u_107 > ul > li.awsui_active_1xupv_1dj8u_238 > a > .awsui_title_1xupv_1dj8u_209:not(#\9) {
272
272
  color: var(--color-background-control-checked-k2dd8u, #0972d3);
273
273
  font-weight: 700;
274
274
  }
275
- .awsui_navigation_1xupv_1gsij_123.awsui_refresh_1xupv_1gsij_107 > ul > li.awsui_disabled_1xupv_1gsij_249 > a:not(#\9) {
275
+ .awsui_navigation_1xupv_1dj8u_123.awsui_refresh_1xupv_1dj8u_107 > ul > li.awsui_disabled_1xupv_1dj8u_249 > a:not(#\9) {
276
276
  cursor: text;
277
277
  }
278
- .awsui_navigation_1xupv_1gsij_123.awsui_refresh_1xupv_1gsij_107 > ul > li.awsui_disabled_1xupv_1gsij_249 > a > .awsui_circle_1xupv_1gsij_201:not(#\9) {
278
+ .awsui_navigation_1xupv_1dj8u_123.awsui_refresh_1xupv_1dj8u_107 > ul > li.awsui_disabled_1xupv_1dj8u_249 > a > .awsui_circle_1xupv_1dj8u_201:not(#\9) {
279
279
  background-color: var(--color-background-container-content-og3y0v, #ffffff);
280
280
  box-shadow: 0 0 0 2px var(--color-text-interactive-disabled-nss20z, #9ba7b6), 0 0 0 4px var(--color-background-container-content-og3y0v, #ffffff);
281
281
  }
282
- .awsui_navigation_1xupv_1gsij_123.awsui_refresh_1xupv_1gsij_107 > ul > li.awsui_disabled_1xupv_1gsij_249 > a > .awsui_title_1xupv_1gsij_209:not(#\9) {
282
+ .awsui_navigation_1xupv_1dj8u_123.awsui_refresh_1xupv_1dj8u_107 > ul > li.awsui_disabled_1xupv_1dj8u_249 > a > .awsui_title_1xupv_1dj8u_209:not(#\9) {
283
283
  color: var(--color-text-status-inactive-5laoxv, #5f6b7a);
284
284
  }
285
- .awsui_navigation_1xupv_1gsij_123.awsui_refresh_1xupv_1gsij_107 > ul > li.awsui_enabled_1xupv_1gsij_259 > a > .awsui_circle_1xupv_1gsij_201:not(#\9) {
285
+ .awsui_navigation_1xupv_1dj8u_123.awsui_refresh_1xupv_1dj8u_107 > ul > li.awsui_enabled_1xupv_1dj8u_259 > a > .awsui_circle_1xupv_1dj8u_201:not(#\9) {
286
286
  background-color: var(--color-text-interactive-default-2sml2m, #414d5c);
287
287
  box-shadow: 0 0 0 2px var(--color-text-interactive-default-2sml2m, #414d5c), 0 0 0 4px var(--color-background-container-content-og3y0v, #ffffff);
288
288
  }
289
- .awsui_navigation_1xupv_1gsij_123.awsui_refresh_1xupv_1gsij_107 > ul > li.awsui_enabled_1xupv_1gsij_259 > a > .awsui_title_1xupv_1gsij_209:not(#\9) {
289
+ .awsui_navigation_1xupv_1dj8u_123.awsui_refresh_1xupv_1dj8u_107 > ul > li.awsui_enabled_1xupv_1dj8u_259 > a > .awsui_title_1xupv_1dj8u_209:not(#\9) {
290
290
  color: var(--color-text-interactive-default-2sml2m, #414d5c);
291
291
  }
292
- .awsui_navigation_1xupv_1gsij_123.awsui_refresh_1xupv_1gsij_107 > ul > li.awsui_enabled_1xupv_1gsij_259 > a:not(#\9):hover > .awsui_circle_1xupv_1gsij_201 {
292
+ .awsui_navigation_1xupv_1dj8u_123.awsui_refresh_1xupv_1dj8u_107 > ul > li.awsui_enabled_1xupv_1dj8u_259 > a:not(#\9):hover > .awsui_circle_1xupv_1dj8u_201 {
293
293
  background-color: var(--color-background-control-checked-k2dd8u, #0972d3);
294
294
  box-shadow: 0 0 0 2px var(--color-background-control-checked-k2dd8u, #0972d3), 0 0 0 4px var(--color-background-container-content-og3y0v, #ffffff);
295
295
  }
296
- .awsui_navigation_1xupv_1gsij_123.awsui_refresh_1xupv_1gsij_107 > ul > li.awsui_enabled_1xupv_1gsij_259 > a:not(#\9):hover > .awsui_title_1xupv_1gsij_209 {
296
+ .awsui_navigation_1xupv_1dj8u_123.awsui_refresh_1xupv_1dj8u_107 > ul > li.awsui_enabled_1xupv_1dj8u_259 > a:not(#\9):hover > .awsui_title_1xupv_1dj8u_209 {
297
297
  color: var(--color-background-control-checked-k2dd8u, #0972d3);
298
298
  }
299
299
 
300
- .awsui_navigation_1xupv_1gsij_123:not(#\9):not(.awsui_refresh_1xupv_1gsij_107) {
300
+ .awsui_navigation_1xupv_1dj8u_123:not(#\9):not(.awsui_refresh_1xupv_1dj8u_107) {
301
301
  color: var(--color-text-disabled-t7vw2a, #9ba7b6);
302
302
  display: inline-block;
303
303
  margin-right: calc(2 * var(--space-xxxl-65sweb, 40px));
@@ -305,89 +305,89 @@ body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_1gsij_123.awsui_refr
305
305
  padding-top: var(--space-xxs-ja5cp8, 4px);
306
306
  width: 200px;
307
307
  }
308
- .awsui_navigation_1xupv_1gsij_123:not(#\9):not(.awsui_refresh_1xupv_1gsij_107) > ul {
308
+ .awsui_navigation_1xupv_1dj8u_123:not(#\9):not(.awsui_refresh_1xupv_1dj8u_107) > ul {
309
309
  list-style: none;
310
310
  padding: 0;
311
311
  margin: 0;
312
312
  }
313
- .awsui_navigation_1xupv_1gsij_123:not(#\9):not(.awsui_refresh_1xupv_1gsij_107) > ul > li {
313
+ .awsui_navigation_1xupv_1dj8u_123:not(#\9):not(.awsui_refresh_1xupv_1dj8u_107) > ul > li {
314
314
  min-width: 0;
315
315
  -ms-word-break: break-all;
316
316
  word-break: break-word;
317
317
  padding-bottom: var(--space-scaled-m-gxhdpl, 16px);
318
318
  padding-top: 0;
319
319
  }
320
- .awsui_navigation_1xupv_1gsij_123:not(#\9):not(.awsui_refresh_1xupv_1gsij_107) > ul > li:not(:first-child) {
320
+ .awsui_navigation_1xupv_1dj8u_123:not(#\9):not(.awsui_refresh_1xupv_1dj8u_107) > ul > li:not(:first-child) {
321
321
  margin-top: var(--space-scaled-m-gxhdpl, 16px);
322
322
  }
323
- .awsui_navigation_1xupv_1gsij_123:not(#\9):not(.awsui_refresh_1xupv_1gsij_107) > ul > li:not(:last-child) {
323
+ .awsui_navigation_1xupv_1dj8u_123:not(#\9):not(.awsui_refresh_1xupv_1dj8u_107) > ul > li:not(:last-child) {
324
324
  border-bottom: var(--border-divider-list-width-um3zli, 1px) solid var(--color-border-layout-wyrb3c, #d1d5db);
325
325
  }
326
326
 
327
- .awsui_form_1xupv_1gsij_301:not(#\9):not(.awsui_refresh_1xupv_1gsij_107) {
327
+ .awsui_form_1xupv_1dj8u_301:not(#\9):not(.awsui_refresh_1xupv_1dj8u_107) {
328
328
  min-width: 0;
329
329
  -ms-word-break: break-all;
330
330
  word-break: break-word;
331
331
  width: 100%;
332
332
  }
333
- .awsui_form_1xupv_1gsij_301:not(#\9):not(.awsui_refresh_1xupv_1gsij_107) > .awsui_form-header_1xupv_1gsij_307 {
333
+ .awsui_form_1xupv_1dj8u_301:not(#\9):not(.awsui_refresh_1xupv_1dj8u_107) > .awsui_form-header_1xupv_1dj8u_307 {
334
334
  position: relative;
335
335
  margin-bottom: var(--space-scaled-m-gxhdpl, 16px);
336
336
  }
337
337
 
338
- .awsui_form_1xupv_1gsij_301.awsui_refresh_1xupv_1gsij_107:not(#\9) {
338
+ .awsui_form_1xupv_1dj8u_301.awsui_refresh_1xupv_1dj8u_107:not(#\9) {
339
339
  min-width: 0;
340
340
  -ms-word-break: break-all;
341
341
  word-break: break-word;
342
342
  display: contents;
343
343
  }
344
- .awsui_form_1xupv_1gsij_301.awsui_refresh_1xupv_1gsij_107 > .awsui_background_1xupv_1gsij_318:not(#\9) {
344
+ .awsui_form_1xupv_1dj8u_301.awsui_refresh_1xupv_1dj8u_107 > .awsui_background_1xupv_1dj8u_318:not(#\9) {
345
345
  background-color: var(--color-background-layout-main-m49752, #ffffff);
346
346
  grid-column: 1/span 2;
347
347
  grid-row: 1;
348
348
  color: var(--color-text-body-default-mmvcvg, #000716);
349
349
  }
350
- .awsui_form_1xupv_1gsij_301.awsui_refresh_1xupv_1gsij_107 > .awsui_form-header_1xupv_1gsij_307:not(#\9) {
350
+ .awsui_form_1xupv_1dj8u_301.awsui_refresh_1xupv_1dj8u_107 > .awsui_form-header_1xupv_1dj8u_307:not(#\9) {
351
351
  background-color: var(--color-background-layout-main-m49752, #ffffff);
352
352
  grid-column: 2;
353
353
  grid-row: 1;
354
354
  color: var(--color-text-body-default-mmvcvg, #000716);
355
355
  }
356
- .awsui_form_1xupv_1gsij_301.awsui_refresh_1xupv_1gsij_107 > .awsui_form-header_1xupv_1gsij_307 > .awsui_form-header-content_1xupv_1gsij_330:not(#\9) {
356
+ .awsui_form_1xupv_1dj8u_301.awsui_refresh_1xupv_1dj8u_107 > .awsui_form-header_1xupv_1dj8u_307 > .awsui_form-header-content_1xupv_1dj8u_330:not(#\9) {
357
357
  padding-top: var(--space-scaled-m-gxhdpl, 16px);
358
358
  padding-bottom: var(--space-scaled-m-gxhdpl, 16px);
359
359
  }
360
- .awsui_form_1xupv_1gsij_301.awsui_refresh_1xupv_1gsij_107 > .awsui_form-component_1xupv_1gsij_334:not(#\9) {
360
+ .awsui_form_1xupv_1dj8u_301.awsui_refresh_1xupv_1dj8u_107 > .awsui_form-component_1xupv_1dj8u_334:not(#\9) {
361
361
  grid-column: 2;
362
362
  grid-row: 2;
363
363
  }
364
- .awsui_form_1xupv_1gsij_301.awsui_refresh_1xupv_1gsij_107.awsui_small-container_1xupv_1gsij_114 > .awsui_form-header_1xupv_1gsij_307:not(#\9) {
364
+ .awsui_form_1xupv_1dj8u_301.awsui_refresh_1xupv_1dj8u_107.awsui_small-container_1xupv_1dj8u_114 > .awsui_form-header_1xupv_1dj8u_307:not(#\9) {
365
365
  grid-column: 1/span 2;
366
366
  }
367
- .awsui_form_1xupv_1gsij_301.awsui_refresh_1xupv_1gsij_107.awsui_small-container_1xupv_1gsij_114 > .awsui_form-header_1xupv_1gsij_307 > .awsui_form-header-content_1xupv_1gsij_330:not(#\9) {
367
+ .awsui_form_1xupv_1dj8u_301.awsui_refresh_1xupv_1dj8u_107.awsui_small-container_1xupv_1dj8u_114 > .awsui_form-header_1xupv_1dj8u_307 > .awsui_form-header-content_1xupv_1dj8u_330:not(#\9) {
368
368
  padding-top: 0;
369
369
  }
370
- .awsui_form_1xupv_1gsij_301.awsui_refresh_1xupv_1gsij_107.awsui_small-container_1xupv_1gsij_114 > .awsui_form-component_1xupv_1gsij_334:not(#\9) {
370
+ .awsui_form_1xupv_1dj8u_301.awsui_refresh_1xupv_1dj8u_107.awsui_small-container_1xupv_1dj8u_114 > .awsui_form-component_1xupv_1dj8u_334:not(#\9) {
371
371
  grid-column: 1/span 2;
372
372
  }
373
373
 
374
- .awsui_navigation_1xupv_1gsij_123.awsui_hidden_1xupv_1gsij_348:not(#\9) {
374
+ .awsui_navigation_1xupv_1dj8u_123.awsui_hidden_1xupv_1dj8u_348:not(#\9) {
375
375
  display: none;
376
376
  }
377
377
 
378
- .awsui_collapsed-steps_1xupv_1gsij_352:not(#\9) {
378
+ .awsui_collapsed-steps_1xupv_1dj8u_352:not(#\9) {
379
379
  color: var(--color-text-heading-secondary-x2nd6m, #414d5c);
380
380
  font-weight: 700;
381
381
  padding-top: var(--space-scaled-xxs-t2t62i, 4px);
382
382
  }
383
- .awsui_collapsed-steps-hidden_1xupv_1gsij_357:not(#\9) {
383
+ .awsui_collapsed-steps-hidden_1xupv_1dj8u_357:not(#\9) {
384
384
  display: none;
385
385
  }
386
386
 
387
- .awsui_form-header-component-wrapper_1xupv_1gsij_361:not(#\9) {
387
+ .awsui_form-header-component-wrapper_1xupv_1dj8u_361:not(#\9) {
388
388
  outline: none;
389
389
  }
390
- body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_1gsij_361:not(#\9):focus {
390
+ body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_1dj8u_361:not(#\9):focus {
391
391
  outline: thin dotted;
392
392
  outline: var(--border-link-focus-ring-outline-pwlekd, 0);
393
393
  outline-offset: 2px;
@@ -396,30 +396,30 @@ body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_1
396
396
  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-z7lixz, 2px) var(--color-border-item-focused-4t19h5, #0972d3);
397
397
  }
398
398
 
399
- .awsui_form-header-component_1xupv_1gsij_361:not(#\9),
400
- .awsui_navigation-link_1xupv_1gsij_374:not(#\9),
401
- .awsui_navigation-link-item_1xupv_1gsij_375:not(#\9),
402
- .awsui_navigation-link-label_1xupv_1gsij_376:not(#\9) {
399
+ .awsui_form-header-component_1xupv_1dj8u_361:not(#\9),
400
+ .awsui_navigation-link_1xupv_1dj8u_374:not(#\9),
401
+ .awsui_navigation-link-item_1xupv_1dj8u_375:not(#\9),
402
+ .awsui_navigation-link-label_1xupv_1dj8u_376:not(#\9) {
403
403
  /* used in test-utils */
404
404
  }
405
405
 
406
- .awsui_navigation-link-active_1xupv_1gsij_380:not(#\9) {
406
+ .awsui_navigation-link-active_1xupv_1dj8u_380:not(#\9) {
407
407
  font-weight: 700;
408
408
  color: var(--color-text-body-default-mmvcvg, #000716);
409
409
  }
410
410
 
411
- .awsui_navigation-link-disabled_1xupv_1gsij_385:not(#\9) {
411
+ .awsui_navigation-link-disabled_1xupv_1dj8u_385:not(#\9) {
412
412
  color: var(--color-text-status-inactive-5laoxv, #5f6b7a);
413
413
  }
414
414
 
415
- .awsui_cancel-button_1xupv_1gsij_389:not(#\9),
416
- .awsui_previous-button_1xupv_1gsij_390:not(#\9),
417
- .awsui_primary-button_1xupv_1gsij_391:not(#\9),
418
- .awsui_skip-to-button_1xupv_1gsij_392:not(#\9) {
415
+ .awsui_cancel-button_1xupv_1dj8u_389:not(#\9),
416
+ .awsui_previous-button_1xupv_1dj8u_390:not(#\9),
417
+ .awsui_primary-button_1xupv_1dj8u_391:not(#\9),
418
+ .awsui_skip-to-button_1xupv_1dj8u_392:not(#\9) {
419
419
  /* used in test-utils */
420
420
  }
421
421
 
422
- .awsui_action-buttons_1xupv_1gsij_396:not(#\9) {
422
+ .awsui_action-buttons_1xupv_1dj8u_396:not(#\9) {
423
423
  display: flex;
424
424
  justify-content: flex-end;
425
425
  }
@@ -2,36 +2,36 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "root": "awsui_root_1xupv_1gsij_94",
6
- "wizard": "awsui_wizard_1xupv_1gsij_107",
7
- "refresh": "awsui_refresh_1xupv_1gsij_107",
8
- "small-container": "awsui_small-container_1xupv_1gsij_114",
9
- "navigation": "awsui_navigation_1xupv_1gsij_123",
10
- "number": "awsui_number_1xupv_1gsij_185",
11
- "circle": "awsui_circle_1xupv_1gsij_201",
12
- "title": "awsui_title_1xupv_1gsij_209",
13
- "active": "awsui_active_1xupv_1gsij_238",
14
- "disabled": "awsui_disabled_1xupv_1gsij_249",
15
- "enabled": "awsui_enabled_1xupv_1gsij_259",
16
- "form": "awsui_form_1xupv_1gsij_301",
17
- "form-header": "awsui_form-header_1xupv_1gsij_307",
18
- "background": "awsui_background_1xupv_1gsij_318",
19
- "form-header-content": "awsui_form-header-content_1xupv_1gsij_330",
20
- "form-component": "awsui_form-component_1xupv_1gsij_334",
21
- "hidden": "awsui_hidden_1xupv_1gsij_348",
22
- "collapsed-steps": "awsui_collapsed-steps_1xupv_1gsij_352",
23
- "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_1gsij_357",
24
- "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_1gsij_361",
25
- "form-header-component": "awsui_form-header-component_1xupv_1gsij_361",
26
- "navigation-link": "awsui_navigation-link_1xupv_1gsij_374",
27
- "navigation-link-item": "awsui_navigation-link-item_1xupv_1gsij_375",
28
- "navigation-link-label": "awsui_navigation-link-label_1xupv_1gsij_376",
29
- "navigation-link-active": "awsui_navigation-link-active_1xupv_1gsij_380",
30
- "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_1gsij_385",
31
- "cancel-button": "awsui_cancel-button_1xupv_1gsij_389",
32
- "previous-button": "awsui_previous-button_1xupv_1gsij_390",
33
- "primary-button": "awsui_primary-button_1xupv_1gsij_391",
34
- "skip-to-button": "awsui_skip-to-button_1xupv_1gsij_392",
35
- "action-buttons": "awsui_action-buttons_1xupv_1gsij_396"
5
+ "root": "awsui_root_1xupv_1dj8u_94",
6
+ "wizard": "awsui_wizard_1xupv_1dj8u_107",
7
+ "refresh": "awsui_refresh_1xupv_1dj8u_107",
8
+ "small-container": "awsui_small-container_1xupv_1dj8u_114",
9
+ "navigation": "awsui_navigation_1xupv_1dj8u_123",
10
+ "number": "awsui_number_1xupv_1dj8u_185",
11
+ "circle": "awsui_circle_1xupv_1dj8u_201",
12
+ "title": "awsui_title_1xupv_1dj8u_209",
13
+ "active": "awsui_active_1xupv_1dj8u_238",
14
+ "disabled": "awsui_disabled_1xupv_1dj8u_249",
15
+ "enabled": "awsui_enabled_1xupv_1dj8u_259",
16
+ "form": "awsui_form_1xupv_1dj8u_301",
17
+ "form-header": "awsui_form-header_1xupv_1dj8u_307",
18
+ "background": "awsui_background_1xupv_1dj8u_318",
19
+ "form-header-content": "awsui_form-header-content_1xupv_1dj8u_330",
20
+ "form-component": "awsui_form-component_1xupv_1dj8u_334",
21
+ "hidden": "awsui_hidden_1xupv_1dj8u_348",
22
+ "collapsed-steps": "awsui_collapsed-steps_1xupv_1dj8u_352",
23
+ "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_1dj8u_357",
24
+ "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_1dj8u_361",
25
+ "form-header-component": "awsui_form-header-component_1xupv_1dj8u_361",
26
+ "navigation-link": "awsui_navigation-link_1xupv_1dj8u_374",
27
+ "navigation-link-item": "awsui_navigation-link-item_1xupv_1dj8u_375",
28
+ "navigation-link-label": "awsui_navigation-link-label_1xupv_1dj8u_376",
29
+ "navigation-link-active": "awsui_navigation-link-active_1xupv_1dj8u_380",
30
+ "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_1dj8u_385",
31
+ "cancel-button": "awsui_cancel-button_1xupv_1dj8u_389",
32
+ "previous-button": "awsui_previous-button_1xupv_1dj8u_390",
33
+ "primary-button": "awsui_primary-button_1xupv_1dj8u_391",
34
+ "skip-to-button": "awsui_skip-to-button_1xupv_1dj8u_392",
35
+ "action-buttons": "awsui_action-buttons_1xupv_1dj8u_396"
36
36
  };
37
37
 
@@ -1 +0,0 @@
1
- {"version":3,"file":"async-store.d.ts","sourceRoot":"lib/default/","sources":["area-chart/model/async-store.ts"],"names":[],"mappings":"AAMA,KAAK,QAAQ,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,CAAC;AACtC,KAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,KAAK,GAAG,CAAC;AAEnD,MAAM,WAAW,kBAAkB,CAAC,CAAC;IACnC,GAAG,IAAI,CAAC,CAAC;IACT,SAAS,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC;IAC1E,WAAW,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;CAC5C;AAED,MAAM,CAAC,OAAO,OAAO,UAAU,CAAC,CAAC,CAAE,YAAW,kBAAkB,CAAC,CAAC,CAAC;IACjE,MAAM,EAAE,CAAC,CAAC;IACV,UAAU,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,CAAM;gBAEzC,KAAK,EAAE,CAAC;IAIpB,GAAG,IAAI,CAAC;IAIR,GAAG,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,GAAG,IAAI;IAe9B,SAAS,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI;IAMzE,WAAW,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,CAAC,GAAG,IAAI;CAU3C;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,CAYnH;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAc3F"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"async-store.js","sourceRoot":"lib/default/","sources":["area-chart/model/async-store.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAWhE,MAAM,CAAC,OAAO,OAAO,UAAU;IAI7B,YAAY,KAAQ;QAFpB,eAAU,GAAwC,EAAE,CAAC;QAGnD,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACtB,CAAC;IAED,GAAG;QACD,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,GAAG,CAAC,EAAmB;QACrB,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC;QAC9B,MAAM,QAAQ,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC;QAE/B,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC;QAEvB,uBAAuB,CAAC,GAAG,EAAE;YAC3B,KAAK,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,IAAI,IAAI,CAAC,UAAU,EAAE;gBAClD,IAAI,QAAQ,CAAC,SAAS,CAAC,KAAK,QAAQ,CAAC,QAAQ,CAAC,EAAE;oBAC9C,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;iBAC/B;aACF;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,SAAS,CAAI,QAAwB,EAAE,QAAqB;QAC1D,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;QAE3C,OAAO,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC1C,CAAC;IAED,WAAW,CAAC,QAAuB;QACjC,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;YAC3D,MAAM,CAAC,EAAE,cAAc,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;YAElD,IAAI,cAAc,KAAK,QAAQ,EAAE;gBAC/B,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;gBACjC,MAAM;aACP;SACF;IACH,CAAC;CACF;AAED,MAAM,UAAU,WAAW,CAAO,KAA4B,EAAE,QAAwB,EAAE,MAAmB;IAC3G,eAAe,CACb,GAAG,EAAE;QACH,MAAM,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,CACpE,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC,CAChD,CAAC;QACF,OAAO,WAAW,CAAC;IACrB,CAAC;IACD,qEAAqE;IACrE,uDAAuD;IACvD,CAAC,KAAK,CAAC,CACR,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,WAAW,CAAO,KAA4B,EAAE,QAAwB;IACtF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAI,QAAQ,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;IAE7D,WAAW,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,CAAC,EAAE;QACtC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACrB,CAAC,CAAC,CAAC;IAEH,6FAA6F;IAC7F,MAAM,SAAS,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IACrC,IAAI,SAAS,KAAK,IAAI,IAAI,SAAS,KAAK,KAAK,EAAE;QAC7C,OAAO,QAAQ,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC;KAC9B;IAED,OAAO,KAAK,CAAC;AACf,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useLayoutEffect, useState } from 'react';\nimport { unstable_batchedUpdates } from 'react-dom';\nimport { usePrevious } from '../../internal/hooks/use-previous';\n\ntype Selector<S, R> = (state: S) => R;\ntype Listener<S> = (state: S, prevState: S) => any;\n\nexport interface ReadonlyAsyncStore<S> {\n get(): S;\n subscribe<R>(selector: Selector<S, R>, listener: Listener<S>): () => void;\n unsubscribe(listener: Listener<any>): void;\n}\n\nexport default class AsyncStore<S> implements ReadonlyAsyncStore<S> {\n _state: S;\n _listeners: [Selector<S, any>, Listener<any>][] = [];\n\n constructor(state: S) {\n this._state = state;\n }\n\n get(): S {\n return this._state;\n }\n\n set(cb: (state: S) => S): void {\n const prevState = this._state;\n const newState = cb(prevState);\n\n this._state = newState;\n\n unstable_batchedUpdates(() => {\n for (const [selector, listener] of this._listeners) {\n if (selector(prevState) !== selector(newState)) {\n listener(newState, prevState);\n }\n }\n });\n }\n\n subscribe<R>(selector: Selector<S, R>, listener: Listener<S>): () => void {\n this._listeners.push([selector, listener]);\n\n return () => this.unsubscribe(listener);\n }\n\n unsubscribe(listener: Listener<any>): void {\n for (let index = 0; index < this._listeners.length; index++) {\n const [, storedListener] = this._listeners[index];\n\n if (storedListener === listener) {\n this._listeners.splice(index, 1);\n break;\n }\n }\n }\n}\n\nexport function useReaction<S, R>(store: ReadonlyAsyncStore<S>, selector: Selector<S, R>, effect: Listener<R>): void {\n useLayoutEffect(\n () => {\n const unsubscribe = store.subscribe(selector, (newState, prevState) =>\n effect(selector(newState), selector(prevState))\n );\n return unsubscribe;\n },\n // ignoring selector and effect as they are expected to stay constant\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [store]\n );\n}\n\nexport function useSelector<S, R>(store: ReadonlyAsyncStore<S>, selector: Selector<S, R>): R {\n const [state, setState] = useState<R>(selector(store.get()));\n\n useReaction(store, selector, newState => {\n setState(newState);\n });\n\n // When store changes we need the state to be updated synchronously to avoid inconsistencies.\n const prevStore = usePrevious(store);\n if (prevStore !== null && prevStore !== store) {\n return selector(store.get());\n }\n\n return state;\n}\n"]}