@cloudscape-design/components 3.0.386 → 3.0.388

package/table/thead.js.map

@@ -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, focusMarkers, SelectionProps } from './selection';\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../internal/events';\nimport { getColumnKey } 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 headerCellStyles from './header-cell/styles.css.js';\nimport ScreenreaderOnly from '../internal/components/screenreader-only';\nimport { StickyColumnsModel } from './sticky-columns';\nimport { getTableHeaderRowRoleProps, TableRole } from './table-role';\nimport { TableThElement } from './header-cell/th-element';\nimport { findUpUntil } from '@cloudscape-design/component-toolkit/dom';\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?: null | string;\n  onFocusedComponentChange?: (focusId: null | string) => void;\n  tableRole: TableRole;\n  getDescriptionRoot?: () => null | HTMLElement;\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      tableRole,\n      getDescriptionRoot,\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, setCell } = useColumnWidths();\n\n    return (\n      <thead className={clsx(!hidden && styles['thead-active'])}>\n        <tr\n          {...focusMarkers.all}\n          ref={outerRef}\n          aria-rowindex={1}\n          {...getTableHeaderRowRoleProps({ tableRole })}\n          onFocus={event => {\n            const focusControlElement = findUpUntil(event.target, element => !!element.getAttribute('data-focus-id'));\n            const focusId = focusControlElement?.getAttribute('data-focus-id') ?? null;\n            onFocusedComponentChange?.(focusId);\n          }}\n          onBlur={() => onFocusedComponentChange?.(null)}\n        >\n          {selectionType ? (\n            <TableThElement\n              className={clsx(headerCellClass, selectionCellClass, hidden && headerCellStyles['header-cell-hidden'])}\n              hidden={hidden}\n              tableRole={tableRole}\n              colIndex={0}\n              columnId={selectionColumnId}\n              stickyState={stickyState}\n            >\n              {selectionType === 'multi' ? (\n                <SelectionControl\n                  onFocusDown={event => {\n                    onFocusMove!(event.target as HTMLElement, -1, +1);\n                  }}\n                  focusedComponent={focusedComponent}\n                  {...getSelectAllProps()}\n                  {...(sticky ? { tabIndex: -1 } : {})}\n                />\n              ) : (\n                <ScreenreaderOnly>{singleSelectionHeaderAriaLabel}</ScreenreaderOnly>\n              )}\n            </TableThElement>\n          ) : null}\n\n          {columnDefinitions.map((column, colIndex) => {\n            const columnId = getColumnKey(column, colIndex);\n\n            let widthOverride;\n            if (resizableColumns) {\n              if (columnWidths) {\n                // use stateful value if available\n                widthOverride = columnWidths[columnId];\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={columnId}\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                column={column}\n                activeSortingColumn={sortingColumn}\n                sortingDescending={sortingDescending}\n                sortingDisabled={sortingDisabled}\n                wrapLines={wrapLines}\n                hidden={hidden}\n                colIndex={selectionType ? colIndex + 1 : colIndex}\n                columnId={columnId}\n                updateColumn={updateColumn}\n                onResizeFinish={() => onResizeFinish(columnWidths)}\n                resizableColumns={resizableColumns}\n                onClick={detail => fireNonCancelableEvent(onSortingChange, detail)}\n                isEditable={!!column.editConfig}\n                stickyState={stickyState}\n                cellRef={node => setCell(columnId, node)}\n                tableRole={tableRole}\n                getDescriptionRoot={getDescriptionRoot}\n              />\n            );\n          })}\n        </tr>\n      </thead>\n    );\n  }\n);\n\nexport default Thead;\n"]}
+{"version":3,"file":"thead.js","sourceRoot":"lib/default/","sources":["table/thead.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAkB,MAAM,aAAa,CAAC;AAC7E,OAAO,EAAE,sBAAsB,EAA6B,MAAM,oBAAoB,CAAC;AACvF,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,gBAAgB,MAAM,6BAA6B,CAAC;AAC3D,OAAO,gBAAgB,MAAM,0CAA0C,CAAC;AAExE,OAAO,EAAE,0BAA0B,EAAa,MAAM,cAAc,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AA4BvE,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CACE,EACE,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,iBAAiB,EACjB,aAAa,EACb,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,OAAO,EACP,SAAS,EACT,WAAW,EACX,eAAe,EACf,cAAc,EACd,8BAA8B,EAC9B,WAAW,EACX,MAAM,GAAG,KAAK,EACd,MAAM,GAAG,KAAK,EACd,KAAK,GAAG,KAAK,EACb,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EAChB,wBAAwB,EACxB,SAAS,GACE,EACb,QAAwC,EACxC,EAAE;IACF,MAAM,eAAe,GAAG,gBAAgB,EAAE,CAAC;IAE3C,MAAM,eAAe,GAAG,IAAI,CAC1B,gBAAgB,CAAC,aAAa,CAAC,EAC/B,gBAAgB,CAAC,uBAAuB,OAAO,EAAE,CAAC,EAClD,MAAM,IAAI,gBAAgB,CAAC,oBAAoB,CAAC,EAChD,KAAK,IAAI,gBAAgB,CAAC,mBAAmB,CAAC,EAC9C,WAAW,IAAI,gBAAgB,CAAC,kBAAkB,CAAC,EACnD,eAAe,IAAI,gBAAgB,CAAC,mBAAmB,CAAC,CACzD,CAAC;IAEF,MAAM,kBAAkB,GAAG,IAAI,CAC7B,MAAM,CAAC,mBAAmB,CAAC,EAC3B,MAAM,CAAC,0BAA0B,CAAC,EAClC,eAAe,IAAI,MAAM,CAAC,mBAAmB,CAAC,CAC/C,CAAC;IAEF,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,eAAe,EAAE,CAAC;IAE9E,OAAO,CACL,+BAAO,SAAS,EAAE,IAAI,CAAC,CAAC,MAAM,IAAI,MAAM,CAAC,cAAc,CAAC,CAAC;QACvD,4CACM,YAAY,CAAC,GAAG,IACpB,GAAG,EAAE,QAAQ,mBACE,CAAC,IACZ,0BAA0B,CAAC,EAAE,SAAS,EAAE,CAAC,IAC7C,OAAO,EAAE,KAAK,CAAC,EAAE;;gBACf,MAAM,mBAAmB,GAAG,WAAW,CAAC,KAAK,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC,CAAC;gBAC1G,MAAM,OAAO,GAAG,MAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,YAAY,CAAC,eAAe,CAAC,mCAAI,IAAI,CAAC;gBAC3E,wBAAwB,aAAxB,wBAAwB,uBAAxB,wBAAwB,CAAG,OAAO,CAAC,CAAC;YACtC,CAAC,EACD,MAAM,EAAE,GAAG,EAAE,CAAC,wBAAwB,aAAxB,wBAAwB,uBAAxB,wBAAwB,CAAG,IAAI,CAAC;YAE7C,aAAa,CAAC,CAAC,CAAC,CACf,oBAAC,cAAc,IACb,SAAS,EAAE,IAAI,CAAC,eAAe,EAAE,kBAAkB,EAAE,MAAM,IAAI,gBAAgB,CAAC,oBAAoB,CAAC,CAAC,EACtG,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,iBAAiB,EAC3B,WAAW,EAAE,WAAW,IAEvB,aAAa,KAAK,OAAO,CAAC,CAAC,CAAC,CAC3B,oBAAC,gBAAgB,kBACf,WAAW,EAAE,KAAK,CAAC,EAAE;oBACnB,WAAY,CAAC,KAAK,CAAC,MAAqB,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;gBACpD,CAAC,EACD,gBAAgB,EAAE,gBAAgB,IAC9B,iBAAiB,EAAE,EACnB,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EACpC,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,gBAAgB,QAAE,8BAA8B,CAAoB,CACtE,CACc,CAClB,CAAC,CAAC,CAAC,IAAI;YAEP,iBAAiB,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,QAAQ,EAAE,EAAE;gBAC1C,MAAM,QAAQ,GAAG,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;gBAEhD,IAAI,aAAa,CAAC;gBAClB,IAAI,gBAAgB,EAAE;oBACpB,IAAI,YAAY,EAAE;wBAChB,kCAAkC;wBAClC,aAAa,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC;qBACxC;oBACD,IAAI,QAAQ,KAAK,iBAAiB,CAAC,MAAM,GAAG,CAAC,IAAI,cAAc,IAAI,cAAc,GAAG,UAAU,EAAE;wBAC9F,wDAAwD;wBACxD,aAAa,GAAG,MAAM,CAAC;qBACxB;iBACF;gBACD,OAAO,CACL,oBAAC,eAAe,IACd,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE;wBACL,KAAK,EAAE,aAAa,IAAI,MAAM,CAAC,KAAK;wBACpC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ;wBAC9C,QAAQ,EAAE,gBAAgB,IAAI,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ;qBACnE,EACD,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACzB,gBAAgB,EAAE,gBAAgB,EAClC,MAAM,EAAE,MAAM,EACd,mBAAmB,EAAE,aAAa,EAClC,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,EACjD,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,YAAY,CAAC,EAClD,gBAAgB,EAAE,gBAAgB,EAClC,OAAO,EAAE,MAAM,CAAC,EAAE,CAAC,sBAAsB,CAAC,eAAe,EAAE,MAAM,CAAC,EAClE,UAAU,EAAE,CAAC,CAAC,MAAM,CAAC,UAAU,EAC/B,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,EACxC,SAAS,EAAE,SAAS,GACpB,CACH,CAAC;YACJ,CAAC,CAAC,CACC,CACC,CACT,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,KAAK,CAAC","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, focusMarkers, SelectionProps } from './selection';\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../internal/events';\nimport { getColumnKey } 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 headerCellStyles from './header-cell/styles.css.js';\nimport ScreenreaderOnly from '../internal/components/screenreader-only';\nimport { StickyColumnsModel } from './sticky-columns';\nimport { getTableHeaderRowRoleProps, TableRole } from './table-role';\nimport { TableThElement } from './header-cell/th-element';\nimport { findUpUntil } from '@cloudscape-design/component-toolkit/dom';\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?: null | string;\n  onFocusedComponentChange?: (focusId: null | string) => void;\n  tableRole: TableRole;\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      tableRole,\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, setCell } = useColumnWidths();\n\n    return (\n      <thead className={clsx(!hidden && styles['thead-active'])}>\n        <tr\n          {...focusMarkers.all}\n          ref={outerRef}\n          aria-rowindex={1}\n          {...getTableHeaderRowRoleProps({ tableRole })}\n          onFocus={event => {\n            const focusControlElement = findUpUntil(event.target, element => !!element.getAttribute('data-focus-id'));\n            const focusId = focusControlElement?.getAttribute('data-focus-id') ?? null;\n            onFocusedComponentChange?.(focusId);\n          }}\n          onBlur={() => onFocusedComponentChange?.(null)}\n        >\n          {selectionType ? (\n            <TableThElement\n              className={clsx(headerCellClass, selectionCellClass, hidden && headerCellStyles['header-cell-hidden'])}\n              hidden={hidden}\n              tableRole={tableRole}\n              colIndex={0}\n              columnId={selectionColumnId}\n              stickyState={stickyState}\n            >\n              {selectionType === 'multi' ? (\n                <SelectionControl\n                  onFocusDown={event => {\n                    onFocusMove!(event.target as HTMLElement, -1, +1);\n                  }}\n                  focusedComponent={focusedComponent}\n                  {...getSelectAllProps()}\n                  {...(sticky ? { tabIndex: -1 } : {})}\n                />\n              ) : (\n                <ScreenreaderOnly>{singleSelectionHeaderAriaLabel}</ScreenreaderOnly>\n              )}\n            </TableThElement>\n          ) : null}\n\n          {columnDefinitions.map((column, colIndex) => {\n            const columnId = getColumnKey(column, colIndex);\n\n            let widthOverride;\n            if (resizableColumns) {\n              if (columnWidths) {\n                // use stateful value if available\n                widthOverride = columnWidths[columnId];\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={columnId}\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                column={column}\n                activeSortingColumn={sortingColumn}\n                sortingDescending={sortingDescending}\n                sortingDisabled={sortingDisabled}\n                wrapLines={wrapLines}\n                hidden={hidden}\n                colIndex={selectionType ? colIndex + 1 : colIndex}\n                columnId={columnId}\n                updateColumn={updateColumn}\n                onResizeFinish={() => onResizeFinish(columnWidths)}\n                resizableColumns={resizableColumns}\n                onClick={detail => fireNonCancelableEvent(onSortingChange, detail)}\n                isEditable={!!column.editConfig}\n                stickyState={stickyState}\n                cellRef={node => setCell(columnId, node)}\n                tableRole={tableRole}\n              />\n            );\n          })}\n        </tr>\n      </thead>\n    );\n  }\n);\n\nexport default Thead;\n"]}

package/wizard/styles.css.js

@@ -1,36 +1,36 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1xupv_1ies2_94",
-  "wizard": "awsui_wizard_1xupv_1ies2_107",
-  "refresh": "awsui_refresh_1xupv_1ies2_107",
-  "small-container": "awsui_small-container_1xupv_1ies2_114",
-  "navigation": "awsui_navigation_1xupv_1ies2_123",
-  "number": "awsui_number_1xupv_1ies2_185",
-  "circle": "awsui_circle_1xupv_1ies2_201",
-  "title": "awsui_title_1xupv_1ies2_209",
-  "active": "awsui_active_1xupv_1ies2_238",
-  "disabled": "awsui_disabled_1xupv_1ies2_249",
-  "enabled": "awsui_enabled_1xupv_1ies2_259",
-  "form": "awsui_form_1xupv_1ies2_301",
-  "form-header": "awsui_form-header_1xupv_1ies2_307",
-  "background": "awsui_background_1xupv_1ies2_318",
-  "form-header-content": "awsui_form-header-content_1xupv_1ies2_330",
-  "form-component": "awsui_form-component_1xupv_1ies2_334",
-  "hidden": "awsui_hidden_1xupv_1ies2_348",
-  "collapsed-steps": "awsui_collapsed-steps_1xupv_1ies2_352",
-  "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_1ies2_357",
-  "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_1ies2_361",
-  "form-header-component": "awsui_form-header-component_1xupv_1ies2_361",
-  "navigation-link": "awsui_navigation-link_1xupv_1ies2_374",
-  "navigation-link-item": "awsui_navigation-link-item_1xupv_1ies2_375",
-  "navigation-link-label": "awsui_navigation-link-label_1xupv_1ies2_376",
-  "navigation-link-active": "awsui_navigation-link-active_1xupv_1ies2_380",
-  "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_1ies2_385",
-  "cancel-button": "awsui_cancel-button_1xupv_1ies2_389",
-  "previous-button": "awsui_previous-button_1xupv_1ies2_390",
-  "primary-button": "awsui_primary-button_1xupv_1ies2_391",
-  "skip-to-button": "awsui_skip-to-button_1xupv_1ies2_392",
-  "action-buttons": "awsui_action-buttons_1xupv_1ies2_396"
+  "root": "awsui_root_1xupv_jh74v_94",
+  "wizard": "awsui_wizard_1xupv_jh74v_107",
+  "refresh": "awsui_refresh_1xupv_jh74v_107",
+  "small-container": "awsui_small-container_1xupv_jh74v_114",
+  "navigation": "awsui_navigation_1xupv_jh74v_123",
+  "number": "awsui_number_1xupv_jh74v_186",
+  "circle": "awsui_circle_1xupv_jh74v_202",
+  "title": "awsui_title_1xupv_jh74v_210",
+  "active": "awsui_active_1xupv_jh74v_239",
+  "disabled": "awsui_disabled_1xupv_jh74v_250",
+  "enabled": "awsui_enabled_1xupv_jh74v_260",
+  "form": "awsui_form_1xupv_jh74v_302",
+  "form-header": "awsui_form-header_1xupv_jh74v_308",
+  "background": "awsui_background_1xupv_jh74v_319",
+  "form-header-content": "awsui_form-header-content_1xupv_jh74v_331",
+  "form-component": "awsui_form-component_1xupv_jh74v_335",
+  "hidden": "awsui_hidden_1xupv_jh74v_349",
+  "collapsed-steps": "awsui_collapsed-steps_1xupv_jh74v_353",
+  "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_jh74v_358",
+  "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_jh74v_362",
+  "form-header-component": "awsui_form-header-component_1xupv_jh74v_362",
+  "navigation-link": "awsui_navigation-link_1xupv_jh74v_375",
+  "navigation-link-item": "awsui_navigation-link-item_1xupv_jh74v_376",
+  "navigation-link-label": "awsui_navigation-link-label_1xupv_jh74v_377",
+  "navigation-link-active": "awsui_navigation-link-active_1xupv_jh74v_381",
+  "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_jh74v_386",
+  "cancel-button": "awsui_cancel-button_1xupv_jh74v_390",
+  "previous-button": "awsui_previous-button_1xupv_jh74v_391",
+  "primary-button": "awsui_primary-button_1xupv_jh74v_392",
+  "skip-to-button": "awsui_skip-to-button_1xupv_jh74v_393",
+  "action-buttons": "awsui_action-buttons_1xupv_jh74v_397"
 };
   

package/wizard/styles.scoped.css

@@ -91,7 +91,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  SPDX-License-Identifier: Apache-2.0
 */
 /* stylelint-disable selector-max-universal, selector-max-type */
-.awsui_root_1xupv_1ies2_94:not(#\9) {
+.awsui_root_1xupv_jh74v_94:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -130,28 +130,28 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_wizard_1xupv_1ies2_107.awsui_refresh_1xupv_1ies2_107:not(#\9) {
+.awsui_wizard_1xupv_jh74v_107.awsui_refresh_1xupv_jh74v_107:not(#\9) {
   column-gap: var(--space-xl-lmui9r, 24px);
   display: grid;
   grid-template-columns: auto minmax(0, 1fr);
   grid-template-rows: auto 1fr;
   row-gap: var(--space-scaled-xl-kswcw7, 24px);
 }
-.awsui_wizard_1xupv_1ies2_107.awsui_refresh_1xupv_1ies2_107.awsui_small-container_1xupv_1ies2_114:not(#\9) {
+.awsui_wizard_1xupv_jh74v_107.awsui_refresh_1xupv_jh74v_107.awsui_small-container_1xupv_jh74v_114:not(#\9) {
   grid-template-columns: minmax(0, 1fr) 0;
   row-gap: var(--space-scaled-l-0hpmd7, 20px);
 }
 
-.awsui_wizard_1xupv_1ies2_107:not(#\9):not(.awsui_refresh_1xupv_1ies2_107) {
+.awsui_wizard_1xupv_jh74v_107:not(#\9):not(.awsui_refresh_1xupv_jh74v_107) {
   display: flex;
 }
 
-.awsui_navigation_1xupv_1ies2_123.awsui_refresh_1xupv_1ies2_107:not(#\9) {
+.awsui_navigation_1xupv_jh74v_123.awsui_refresh_1xupv_jh74v_107:not(#\9) {
   grid-column: 1;
   grid-row: 1/span 2;
   padding-top: var(--awsui-container-first-gap-zw2xxa, 0px);
 }
-.awsui_navigation_1xupv_1ies2_123.awsui_refresh_1xupv_1ies2_107 > ul:not(#\9) {
+.awsui_navigation_1xupv_jh74v_123.awsui_refresh_1xupv_jh74v_107 > ul:not(#\9) {
   background: var(--color-background-container-content-4un1ap, #ffffff);
   position: relative;
   border-radius: var(--border-radius-container-wqv1zi, 16px);
@@ -161,7 +161,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   width: 280px;
   box-sizing: border-box;
 }
-.awsui_navigation_1xupv_1ies2_123.awsui_refresh_1xupv_1ies2_107 > ul:not(#\9)::before {
+.awsui_navigation_1xupv_jh74v_123.awsui_refresh_1xupv_jh74v_107 > ul:not(#\9)::before {
   content: "";
   position: absolute;
   left: 0px;
@@ -176,7 +176,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-container-wqv1zi, 16px);
   z-index: 1;
 }
-.awsui_navigation_1xupv_1ies2_123.awsui_refresh_1xupv_1ies2_107 > ul:not(#\9)::after {
+.awsui_navigation_1xupv_jh74v_123.awsui_refresh_1xupv_jh74v_107 > ul:not(#\9)::after {
   content: "";
   position: absolute;
   left: 0px;
@@ -191,30 +191,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   mix-blend-mode: multiply;
 }
 @media screen and (-ms-high-contrast: active) {
-  .awsui_navigation_1xupv_1ies2_123.awsui_refresh_1xupv_1ies2_107 > ul:not(#\9) {
+  .awsui_navigation_1xupv_jh74v_123.awsui_refresh_1xupv_jh74v_107 > ul:not(#\9) {
     border: var(--border-field-width-09w7vk, 2px) solid var(--color-border-container-top-736buh, transparent);
   }
 }
-.awsui_navigation_1xupv_1ies2_123.awsui_refresh_1xupv_1ies2_107 > ul > li:not(#\9) {
+.awsui_navigation_1xupv_jh74v_123.awsui_refresh_1xupv_jh74v_107 > ul > li:not(#\9) {
   display: grid;
   column-gap: var(--space-xs-zb16t3, 8px);
   grid-template-columns: var(--space-l-t419sm, 20px) 1fr;
   grid-template-rows: repeat(2, auto);
+  padding: 0;
 }
-.awsui_navigation_1xupv_1ies2_123.awsui_refresh_1xupv_1ies2_107 > ul > li > hr:not(#\9) {
+.awsui_navigation_1xupv_jh74v_123.awsui_refresh_1xupv_jh74v_107 > ul > li > hr:not(#\9) {
   background-color: var(--color-border-divider-default-et9j7s, #e9ebed);
   border: 0;
   grid-column: 1;
   height: 100%;
   width: var(--space-xxxs-zbmxqb, 2px);
 }
-.awsui_navigation_1xupv_1ies2_123.awsui_refresh_1xupv_1ies2_107 > ul > li > .awsui_number_1xupv_1ies2_185:not(#\9) {
+.awsui_navigation_1xupv_jh74v_123.awsui_refresh_1xupv_jh74v_107 > ul > li > .awsui_number_1xupv_jh74v_186:not(#\9) {
   color: var(--color-text-small-zfvvfc, #5f6b7a);
   font-size: var(--font-size-body-s-asqx2i, 12px);
   grid-column: 2;
   grid-row: 1;
 }
-.awsui_navigation_1xupv_1ies2_123.awsui_refresh_1xupv_1ies2_107 > ul > li > a:not(#\9) {
+.awsui_navigation_1xupv_jh74v_123.awsui_refresh_1xupv_jh74v_107 > ul > li > a:not(#\9) {
   align-items: start;
   column-gap: var(--space-xs-zb16t3, 8px);
   cursor: pointer;
@@ -224,7 +225,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   grid-row: 2;
   grid-template-columns: var(--space-l-t419sm, 20px) 1fr;
 }
-.awsui_navigation_1xupv_1ies2_123.awsui_refresh_1xupv_1ies2_107 > ul > li > a > .awsui_circle_1xupv_1ies2_201:not(#\9) {
+.awsui_navigation_1xupv_jh74v_123.awsui_refresh_1xupv_jh74v_107 > ul > li > a > .awsui_circle_1xupv_jh74v_202:not(#\9) {
   border-radius: 100%;
   grid-column: 1;
   height: 10px;
@@ -232,13 +233,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-top: 6px;
   width: 10px;
 }
-.awsui_navigation_1xupv_1ies2_123.awsui_refresh_1xupv_1ies2_107 > ul > li > a > .awsui_title_1xupv_1ies2_209:not(#\9) {
+.awsui_navigation_1xupv_jh74v_123.awsui_refresh_1xupv_jh74v_107 > ul > li > a > .awsui_title_1xupv_jh74v_210:not(#\9) {
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
   grid-column: 2;
 }
-body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_1ies2_123.awsui_refresh_1xupv_1ies2_107 > ul > li > a:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_jh74v_123.awsui_refresh_1xupv_jh74v_107 > ul > li > a:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-kkfop6, 0);
   outline-offset: 2px;
@@ -246,58 +247,58 @@ body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_1ies2_123.awsui_refr
   border-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-v8hkrl, 2px) var(--color-border-item-focused-b2ntyl, #0972d3);
 }
-.awsui_navigation_1xupv_1ies2_123.awsui_refresh_1xupv_1ies2_107 > ul > li:not(#\9):first-child > hr {
+.awsui_navigation_1xupv_jh74v_123.awsui_refresh_1xupv_jh74v_107 > ul > li:not(#\9):first-child > hr {
   grid-row: 2/span 2;
 }
-.awsui_navigation_1xupv_1ies2_123.awsui_refresh_1xupv_1ies2_107 > ul > li:not(#\9):not(:first-child) > .awsui_number_1xupv_1ies2_185 {
+.awsui_navigation_1xupv_jh74v_123.awsui_refresh_1xupv_jh74v_107 > ul > li:not(#\9):not(:first-child) > .awsui_number_1xupv_jh74v_186 {
   margin-top: var(--space-m-udix3p, 16px);
 }
-.awsui_navigation_1xupv_1ies2_123.awsui_refresh_1xupv_1ies2_107 > ul > li:not(#\9):last-child > hr {
+.awsui_navigation_1xupv_jh74v_123.awsui_refresh_1xupv_jh74v_107 > ul > li:not(#\9):last-child > hr {
   grid-row: 1;
 }
-.awsui_navigation_1xupv_1ies2_123.awsui_refresh_1xupv_1ies2_107 > ul > li:not(#\9):only-of-type > hr {
+.awsui_navigation_1xupv_jh74v_123.awsui_refresh_1xupv_jh74v_107 > ul > li:not(#\9):only-of-type > hr {
   display: none;
 }
-.awsui_navigation_1xupv_1ies2_123.awsui_refresh_1xupv_1ies2_107 > ul > li:not(#\9):not(:first-child):not(:last-child) > hr {
+.awsui_navigation_1xupv_jh74v_123.awsui_refresh_1xupv_jh74v_107 > ul > li:not(#\9):not(:first-child):not(:last-child) > hr {
   grid-row: 1/span 3;
 }
-.awsui_navigation_1xupv_1ies2_123.awsui_refresh_1xupv_1ies2_107 > ul > li.awsui_active_1xupv_1ies2_238 > a:not(#\9) {
+.awsui_navigation_1xupv_jh74v_123.awsui_refresh_1xupv_jh74v_107 > ul > li.awsui_active_1xupv_jh74v_239 > a:not(#\9) {
   cursor: text;
 }
-.awsui_navigation_1xupv_1ies2_123.awsui_refresh_1xupv_1ies2_107 > ul > li.awsui_active_1xupv_1ies2_238 > a > .awsui_circle_1xupv_1ies2_201:not(#\9) {
+.awsui_navigation_1xupv_jh74v_123.awsui_refresh_1xupv_jh74v_107 > ul > li.awsui_active_1xupv_jh74v_239 > a > .awsui_circle_1xupv_jh74v_202:not(#\9) {
   background-color: var(--color-background-control-checked-w517i0, #0972d3);
   box-shadow: 0 0 0 3px var(--color-background-container-content-4un1ap, #ffffff), 0 0 0 5px var(--color-background-control-checked-w517i0, #0972d3), 0 0 0 7px var(--color-background-container-content-4un1ap, #ffffff);
 }
-.awsui_navigation_1xupv_1ies2_123.awsui_refresh_1xupv_1ies2_107 > ul > li.awsui_active_1xupv_1ies2_238 > a > .awsui_title_1xupv_1ies2_209:not(#\9) {
+.awsui_navigation_1xupv_jh74v_123.awsui_refresh_1xupv_jh74v_107 > ul > li.awsui_active_1xupv_jh74v_239 > a > .awsui_title_1xupv_jh74v_210:not(#\9) {
   color: var(--color-background-control-checked-w517i0, #0972d3);
   font-weight: 700;
 }
-.awsui_navigation_1xupv_1ies2_123.awsui_refresh_1xupv_1ies2_107 > ul > li.awsui_disabled_1xupv_1ies2_249 > a:not(#\9) {
+.awsui_navigation_1xupv_jh74v_123.awsui_refresh_1xupv_jh74v_107 > ul > li.awsui_disabled_1xupv_jh74v_250 > a:not(#\9) {
   cursor: text;
 }
-.awsui_navigation_1xupv_1ies2_123.awsui_refresh_1xupv_1ies2_107 > ul > li.awsui_disabled_1xupv_1ies2_249 > a > .awsui_circle_1xupv_1ies2_201:not(#\9) {
+.awsui_navigation_1xupv_jh74v_123.awsui_refresh_1xupv_jh74v_107 > ul > li.awsui_disabled_1xupv_jh74v_250 > a > .awsui_circle_1xupv_jh74v_202:not(#\9) {
   background-color: var(--color-background-container-content-4un1ap, #ffffff);
   box-shadow: 0 0 0 2px var(--color-text-interactive-disabled-z7a3t4, #9ba7b6), 0 0 0 4px var(--color-background-container-content-4un1ap, #ffffff);
 }
-.awsui_navigation_1xupv_1ies2_123.awsui_refresh_1xupv_1ies2_107 > ul > li.awsui_disabled_1xupv_1ies2_249 > a > .awsui_title_1xupv_1ies2_209:not(#\9) {
+.awsui_navigation_1xupv_jh74v_123.awsui_refresh_1xupv_jh74v_107 > ul > li.awsui_disabled_1xupv_jh74v_250 > a > .awsui_title_1xupv_jh74v_210:not(#\9) {
   color: var(--color-text-status-inactive-m7co45, #5f6b7a);
 }
-.awsui_navigation_1xupv_1ies2_123.awsui_refresh_1xupv_1ies2_107 > ul > li.awsui_enabled_1xupv_1ies2_259 > a > .awsui_circle_1xupv_1ies2_201:not(#\9) {
+.awsui_navigation_1xupv_jh74v_123.awsui_refresh_1xupv_jh74v_107 > ul > li.awsui_enabled_1xupv_jh74v_260 > a > .awsui_circle_1xupv_jh74v_202:not(#\9) {
   background-color: var(--color-text-interactive-default-lnx6lk, #414d5c);
   box-shadow: 0 0 0 2px var(--color-text-interactive-default-lnx6lk, #414d5c), 0 0 0 4px var(--color-background-container-content-4un1ap, #ffffff);
 }
-.awsui_navigation_1xupv_1ies2_123.awsui_refresh_1xupv_1ies2_107 > ul > li.awsui_enabled_1xupv_1ies2_259 > a > .awsui_title_1xupv_1ies2_209:not(#\9) {
+.awsui_navigation_1xupv_jh74v_123.awsui_refresh_1xupv_jh74v_107 > ul > li.awsui_enabled_1xupv_jh74v_260 > a > .awsui_title_1xupv_jh74v_210:not(#\9) {
   color: var(--color-text-interactive-default-lnx6lk, #414d5c);
 }
-.awsui_navigation_1xupv_1ies2_123.awsui_refresh_1xupv_1ies2_107 > ul > li.awsui_enabled_1xupv_1ies2_259 > a:not(#\9):hover > .awsui_circle_1xupv_1ies2_201 {
+.awsui_navigation_1xupv_jh74v_123.awsui_refresh_1xupv_jh74v_107 > ul > li.awsui_enabled_1xupv_jh74v_260 > a:not(#\9):hover > .awsui_circle_1xupv_jh74v_202 {
   background-color: var(--color-background-control-checked-w517i0, #0972d3);
   box-shadow: 0 0 0 2px var(--color-background-control-checked-w517i0, #0972d3), 0 0 0 4px var(--color-background-container-content-4un1ap, #ffffff);
 }
-.awsui_navigation_1xupv_1ies2_123.awsui_refresh_1xupv_1ies2_107 > ul > li.awsui_enabled_1xupv_1ies2_259 > a:not(#\9):hover > .awsui_title_1xupv_1ies2_209 {
+.awsui_navigation_1xupv_jh74v_123.awsui_refresh_1xupv_jh74v_107 > ul > li.awsui_enabled_1xupv_jh74v_260 > a:not(#\9):hover > .awsui_title_1xupv_jh74v_210 {
   color: var(--color-background-control-checked-w517i0, #0972d3);
 }
 
-.awsui_navigation_1xupv_1ies2_123:not(#\9):not(.awsui_refresh_1xupv_1ies2_107) {
+.awsui_navigation_1xupv_jh74v_123:not(#\9):not(.awsui_refresh_1xupv_jh74v_107) {
   color: var(--color-text-disabled-f4c52h, #9ba7b6);
   display: inline-block;
   margin-right: calc(2 * var(--space-xxxl-4x2gki, 40px));
@@ -305,89 +306,89 @@ body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_1ies2_123.awsui_refr
   padding-top: var(--space-xxs-p8yyaw, 4px);
   width: 200px;
 }
-.awsui_navigation_1xupv_1ies2_123:not(#\9):not(.awsui_refresh_1xupv_1ies2_107) > ul {
+.awsui_navigation_1xupv_jh74v_123:not(#\9):not(.awsui_refresh_1xupv_jh74v_107) > ul {
   list-style: none;
   padding: 0;
   margin: 0;
 }
-.awsui_navigation_1xupv_1ies2_123:not(#\9):not(.awsui_refresh_1xupv_1ies2_107) > ul > li {
+.awsui_navigation_1xupv_jh74v_123:not(#\9):not(.awsui_refresh_1xupv_jh74v_107) > ul > li {
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
   padding-bottom: var(--space-scaled-m-mo5yse, 16px);
   padding-top: 0;
 }
-.awsui_navigation_1xupv_1ies2_123:not(#\9):not(.awsui_refresh_1xupv_1ies2_107) > ul > li:not(:first-child) {
+.awsui_navigation_1xupv_jh74v_123:not(#\9):not(.awsui_refresh_1xupv_jh74v_107) > ul > li:not(:first-child) {
   margin-top: var(--space-scaled-m-mo5yse, 16px);
 }
-.awsui_navigation_1xupv_1ies2_123:not(#\9):not(.awsui_refresh_1xupv_1ies2_107) > ul > li:not(:last-child) {
+.awsui_navigation_1xupv_jh74v_123:not(#\9):not(.awsui_refresh_1xupv_jh74v_107) > ul > li:not(:last-child) {
   border-bottom: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-layout-ownedw, #d1d5db);
 }
 
-.awsui_form_1xupv_1ies2_301:not(#\9):not(.awsui_refresh_1xupv_1ies2_107) {
+.awsui_form_1xupv_jh74v_302:not(#\9):not(.awsui_refresh_1xupv_jh74v_107) {
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
   width: 100%;
 }
-.awsui_form_1xupv_1ies2_301:not(#\9):not(.awsui_refresh_1xupv_1ies2_107) > .awsui_form-header_1xupv_1ies2_307 {
+.awsui_form_1xupv_jh74v_302:not(#\9):not(.awsui_refresh_1xupv_jh74v_107) > .awsui_form-header_1xupv_jh74v_308 {
   position: relative;
   margin-bottom: var(--space-scaled-m-mo5yse, 16px);
 }
 
-.awsui_form_1xupv_1ies2_301.awsui_refresh_1xupv_1ies2_107:not(#\9) {
+.awsui_form_1xupv_jh74v_302.awsui_refresh_1xupv_jh74v_107:not(#\9) {
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
   display: contents;
 }
-.awsui_form_1xupv_1ies2_301.awsui_refresh_1xupv_1ies2_107 > .awsui_background_1xupv_1ies2_318:not(#\9) {
+.awsui_form_1xupv_jh74v_302.awsui_refresh_1xupv_jh74v_107 > .awsui_background_1xupv_jh74v_319:not(#\9) {
   background-color: var(--color-background-layout-main-nx09lr, #ffffff);
   grid-column: 1/span 2;
   grid-row: 1;
   color: var(--color-text-body-default-2sxhhn, #000716);
 }
-.awsui_form_1xupv_1ies2_301.awsui_refresh_1xupv_1ies2_107 > .awsui_form-header_1xupv_1ies2_307:not(#\9) {
+.awsui_form_1xupv_jh74v_302.awsui_refresh_1xupv_jh74v_107 > .awsui_form-header_1xupv_jh74v_308:not(#\9) {
   background-color: var(--color-background-layout-main-nx09lr, #ffffff);
   grid-column: 2;
   grid-row: 1;
   color: var(--color-text-body-default-2sxhhn, #000716);
 }
-.awsui_form_1xupv_1ies2_301.awsui_refresh_1xupv_1ies2_107 > .awsui_form-header_1xupv_1ies2_307 > .awsui_form-header-content_1xupv_1ies2_330:not(#\9) {
+.awsui_form_1xupv_jh74v_302.awsui_refresh_1xupv_jh74v_107 > .awsui_form-header_1xupv_jh74v_308 > .awsui_form-header-content_1xupv_jh74v_331:not(#\9) {
   padding-top: calc(var(--awsui-container-first-gap-zw2xxa, 0px) + var(--space-s-34lx8l, 12px));
   padding-bottom: var(--space-scaled-m-mo5yse, 16px);
 }
-.awsui_form_1xupv_1ies2_301.awsui_refresh_1xupv_1ies2_107 > .awsui_form-component_1xupv_1ies2_334:not(#\9) {
+.awsui_form_1xupv_jh74v_302.awsui_refresh_1xupv_jh74v_107 > .awsui_form-component_1xupv_jh74v_335:not(#\9) {
   grid-column: 2;
   grid-row: 2;
 }
-.awsui_form_1xupv_1ies2_301.awsui_refresh_1xupv_1ies2_107.awsui_small-container_1xupv_1ies2_114 > .awsui_form-header_1xupv_1ies2_307:not(#\9) {
+.awsui_form_1xupv_jh74v_302.awsui_refresh_1xupv_jh74v_107.awsui_small-container_1xupv_jh74v_114 > .awsui_form-header_1xupv_jh74v_308:not(#\9) {
   grid-column: 1/span 2;
 }
-.awsui_form_1xupv_1ies2_301.awsui_refresh_1xupv_1ies2_107.awsui_small-container_1xupv_1ies2_114 > .awsui_form-header_1xupv_1ies2_307 > .awsui_form-header-content_1xupv_1ies2_330:not(#\9) {
+.awsui_form_1xupv_jh74v_302.awsui_refresh_1xupv_jh74v_107.awsui_small-container_1xupv_jh74v_114 > .awsui_form-header_1xupv_jh74v_308 > .awsui_form-header-content_1xupv_jh74v_331:not(#\9) {
   padding-top: 0;
 }
-.awsui_form_1xupv_1ies2_301.awsui_refresh_1xupv_1ies2_107.awsui_small-container_1xupv_1ies2_114 > .awsui_form-component_1xupv_1ies2_334:not(#\9) {
+.awsui_form_1xupv_jh74v_302.awsui_refresh_1xupv_jh74v_107.awsui_small-container_1xupv_jh74v_114 > .awsui_form-component_1xupv_jh74v_335:not(#\9) {
   grid-column: 1/span 2;
 }
 
-.awsui_navigation_1xupv_1ies2_123.awsui_hidden_1xupv_1ies2_348:not(#\9) {
+.awsui_navigation_1xupv_jh74v_123.awsui_hidden_1xupv_jh74v_349:not(#\9) {
   display: none;
 }
 
-.awsui_collapsed-steps_1xupv_1ies2_352:not(#\9) {
+.awsui_collapsed-steps_1xupv_jh74v_353:not(#\9) {
   color: var(--color-text-heading-secondary-37b2tq, #414d5c);
   font-weight: 700;
   padding-top: var(--space-scaled-xxs-7597g1, 4px);
 }
-.awsui_collapsed-steps-hidden_1xupv_1ies2_357:not(#\9) {
+.awsui_collapsed-steps-hidden_1xupv_jh74v_358:not(#\9) {
   display: none;
 }
 
-.awsui_form-header-component-wrapper_1xupv_1ies2_361:not(#\9) {
+.awsui_form-header-component-wrapper_1xupv_jh74v_362:not(#\9) {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_1ies2_361:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_jh74v_362:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-kkfop6, 0);
   outline-offset: 2px;
@@ -396,30 +397,30 @@ body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_1
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-v8hkrl, 2px) var(--color-border-item-focused-b2ntyl, #0972d3);
 }
 
-.awsui_form-header-component_1xupv_1ies2_361:not(#\9),
-.awsui_navigation-link_1xupv_1ies2_374:not(#\9),
-.awsui_navigation-link-item_1xupv_1ies2_375:not(#\9),
-.awsui_navigation-link-label_1xupv_1ies2_376:not(#\9) {
+.awsui_form-header-component_1xupv_jh74v_362:not(#\9),
+.awsui_navigation-link_1xupv_jh74v_375:not(#\9),
+.awsui_navigation-link-item_1xupv_jh74v_376:not(#\9),
+.awsui_navigation-link-label_1xupv_jh74v_377:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_navigation-link-active_1xupv_1ies2_380:not(#\9) {
+.awsui_navigation-link-active_1xupv_jh74v_381:not(#\9) {
   font-weight: 700;
   color: var(--color-text-body-default-2sxhhn, #000716);
 }
 
-.awsui_navigation-link-disabled_1xupv_1ies2_385:not(#\9) {
+.awsui_navigation-link-disabled_1xupv_jh74v_386:not(#\9) {
   color: var(--color-text-status-inactive-m7co45, #5f6b7a);
 }
 
-.awsui_cancel-button_1xupv_1ies2_389:not(#\9),
-.awsui_previous-button_1xupv_1ies2_390:not(#\9),
-.awsui_primary-button_1xupv_1ies2_391:not(#\9),
-.awsui_skip-to-button_1xupv_1ies2_392:not(#\9) {
+.awsui_cancel-button_1xupv_jh74v_390:not(#\9),
+.awsui_previous-button_1xupv_jh74v_391:not(#\9),
+.awsui_primary-button_1xupv_jh74v_392:not(#\9),
+.awsui_skip-to-button_1xupv_jh74v_393:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_action-buttons_1xupv_1ies2_396:not(#\9) {
+.awsui_action-buttons_1xupv_jh74v_397:not(#\9) {
   display: flex;
   justify-content: flex-end;
 }

package/wizard/styles.selectors.js

@@ -2,36 +2,36 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1xupv_1ies2_94",
-  "wizard": "awsui_wizard_1xupv_1ies2_107",
-  "refresh": "awsui_refresh_1xupv_1ies2_107",
-  "small-container": "awsui_small-container_1xupv_1ies2_114",
-  "navigation": "awsui_navigation_1xupv_1ies2_123",
-  "number": "awsui_number_1xupv_1ies2_185",
-  "circle": "awsui_circle_1xupv_1ies2_201",
-  "title": "awsui_title_1xupv_1ies2_209",
-  "active": "awsui_active_1xupv_1ies2_238",
-  "disabled": "awsui_disabled_1xupv_1ies2_249",
-  "enabled": "awsui_enabled_1xupv_1ies2_259",
-  "form": "awsui_form_1xupv_1ies2_301",
-  "form-header": "awsui_form-header_1xupv_1ies2_307",
-  "background": "awsui_background_1xupv_1ies2_318",
-  "form-header-content": "awsui_form-header-content_1xupv_1ies2_330",
-  "form-component": "awsui_form-component_1xupv_1ies2_334",
-  "hidden": "awsui_hidden_1xupv_1ies2_348",
-  "collapsed-steps": "awsui_collapsed-steps_1xupv_1ies2_352",
-  "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_1ies2_357",
-  "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_1ies2_361",
-  "form-header-component": "awsui_form-header-component_1xupv_1ies2_361",
-  "navigation-link": "awsui_navigation-link_1xupv_1ies2_374",
-  "navigation-link-item": "awsui_navigation-link-item_1xupv_1ies2_375",
-  "navigation-link-label": "awsui_navigation-link-label_1xupv_1ies2_376",
-  "navigation-link-active": "awsui_navigation-link-active_1xupv_1ies2_380",
-  "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_1ies2_385",
-  "cancel-button": "awsui_cancel-button_1xupv_1ies2_389",
-  "previous-button": "awsui_previous-button_1xupv_1ies2_390",
-  "primary-button": "awsui_primary-button_1xupv_1ies2_391",
-  "skip-to-button": "awsui_skip-to-button_1xupv_1ies2_392",
-  "action-buttons": "awsui_action-buttons_1xupv_1ies2_396"
+  "root": "awsui_root_1xupv_jh74v_94",
+  "wizard": "awsui_wizard_1xupv_jh74v_107",
+  "refresh": "awsui_refresh_1xupv_jh74v_107",
+  "small-container": "awsui_small-container_1xupv_jh74v_114",
+  "navigation": "awsui_navigation_1xupv_jh74v_123",
+  "number": "awsui_number_1xupv_jh74v_186",
+  "circle": "awsui_circle_1xupv_jh74v_202",
+  "title": "awsui_title_1xupv_jh74v_210",
+  "active": "awsui_active_1xupv_jh74v_239",
+  "disabled": "awsui_disabled_1xupv_jh74v_250",
+  "enabled": "awsui_enabled_1xupv_jh74v_260",
+  "form": "awsui_form_1xupv_jh74v_302",
+  "form-header": "awsui_form-header_1xupv_jh74v_308",
+  "background": "awsui_background_1xupv_jh74v_319",
+  "form-header-content": "awsui_form-header-content_1xupv_jh74v_331",
+  "form-component": "awsui_form-component_1xupv_jh74v_335",
+  "hidden": "awsui_hidden_1xupv_jh74v_349",
+  "collapsed-steps": "awsui_collapsed-steps_1xupv_jh74v_353",
+  "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_jh74v_358",
+  "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_jh74v_362",
+  "form-header-component": "awsui_form-header-component_1xupv_jh74v_362",
+  "navigation-link": "awsui_navigation-link_1xupv_jh74v_375",
+  "navigation-link-item": "awsui_navigation-link-item_1xupv_jh74v_376",
+  "navigation-link-label": "awsui_navigation-link-label_1xupv_jh74v_377",
+  "navigation-link-active": "awsui_navigation-link-active_1xupv_jh74v_381",
+  "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_jh74v_386",
+  "cancel-button": "awsui_cancel-button_1xupv_jh74v_390",
+  "previous-button": "awsui_previous-button_1xupv_jh74v_391",
+  "primary-button": "awsui_primary-button_1xupv_jh74v_392",
+  "skip-to-button": "awsui_skip-to-button_1xupv_jh74v_393",
+  "action-buttons": "awsui_action-buttons_1xupv_jh74v_397"
 };