@cloudscape-design/components 3.0.747 → 3.0.749

package/side-navigation/implementation.js.map

@@ -1 +1 @@
-{"version":3,"file":"implementation.js","sourceRoot":"","sources":["../../../src/side-navigation/implementation.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,0BAA0B,EAAE,MAAM,mCAAmC,CAAC;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAEjF,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAEhE,OAAO,EAAE,MAAM,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,8BAA8B,EAAE,MAAM,QAAQ,CAAC;AAE7E,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,UAAU,4BAA4B,CAAC,EAQf;QARe,EAC3C,MAAM,EACN,UAAU,EACV,KAAK,GAAG,EAAE,EACV,QAAQ,EACR,QAAQ,EACR,iBAAiB,OAEW,EADzB,KAAK,cAPmC,8EAQ5C,CADS;IAER,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IACtC,MAAM,SAAS,GAAG,0BAA0B,EAAE,CAAC;IAC/C,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,8BAA8B,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEhF,IAAI,aAAa,EAAE;QACjB,kDAAkD;QAClD,sDAAsD;QACtD,SAAS,CAAC,GAAG,EAAE,CAAC,mBAAmB,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;KACtD;IAED,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,IAA2E,EAAE,QAAiB,EAAE,EAAE;QACjG,wGAAwG;QACxG,oEAAoE;QACpE,sBAAsB,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,iBAAiB,EAAE,SAAS,CAAC,GAAG,CAAC,IAAI,CAAE,EAAE,CAAC,CAAC;IAC1G,CAAC,EACD,CAAC,QAAQ,EAAE,SAAS,CAAC,CACtB,CAAC;IAEF,MAAM,eAAe,GAAG,WAAW,CACjC,CACE,IAI2C,EAC3C,WAAyC,EACzC,EAAE;QACF,mBAAmB,CAAC,QAAQ,EAAE,IAAI,EAAE,WAAW,CAAC,CAAC;IACnD,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,6CACM,SAAS,IACb,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,SAAS,EAAE,SAAS,IAAI,MAAM,CAAC,cAAc,CAAC,CAAC,EACtF,GAAG,EAAE,iBAAiB;QAErB,MAAM,IAAI,CACT,oBAAC,MAAM,IAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,eAAe,EAAE,UAAU,EAAE,eAAe,GAAI,CACjH;QACA,KAAK,IAAI,CACR,6BAAK,SAAS,EAAE,MAAM,CAAC,gBAAgB,CAAC;YACtC,oBAAC,mBAAmB,IAClB,OAAO,EAAC,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,eAAe,EAC3B,UAAU,EAAE,eAAe,EAC3B,UAAU,EAAE,UAAU,GACtB,CACE,CACP,CACG,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,8BAA8B,GAAG,yBAAyB,CAAC,4BAA4B,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useCallback, useEffect, useMemo } from 'react';\nimport clsx from 'clsx';\n\nimport { useAppLayoutToolbarEnabled } from '../app-layout/utils/feature-flags';\nimport { getBaseProps } from '../internal/base-component';\nimport { fireCancelableEvent, fireNonCancelableEvent } from '../internal/events';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { isDevelopment } from '../internal/is-development';\nimport { createWidgetizedComponent } from '../internal/widgets';\nimport { SideNavigationProps } from './interfaces';\nimport { Header, NavigationItemsList } from './parts';\nimport { checkDuplicateHrefs, generateExpandableItemsMapping } from './util';\n\nimport styles from './styles.css.js';\n\nexport type SideNavigationInternalProps = SideNavigationProps & InternalBaseComponentProps;\n\nexport function SideNavigationImplementation({\n  header,\n  activeHref,\n  items = [],\n  onFollow,\n  onChange,\n  __internalRootRef,\n  ...props\n}: SideNavigationInternalProps) {\n  const baseProps = getBaseProps(props);\n  const isToolbar = useAppLayoutToolbarEnabled();\n  const parentMap = useMemo(() => generateExpandableItemsMapping(items), [items]);\n\n  if (isDevelopment) {\n    // This code should be wiped in production anyway.\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    useEffect(() => checkDuplicateHrefs(items), [items]);\n  }\n\n  const onChangeHandler = useCallback(\n    (item: SideNavigationProps.Section | SideNavigationProps.ExpandableLinkGroup, expanded: boolean) => {\n      // generateExpandableItemsMapping walks through the entire tree, so we're certain about getting a value.\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n      fireNonCancelableEvent(onChange, { item, expanded: expanded, expandableParents: parentMap.get(item)! });\n    },\n    [onChange, parentMap]\n  );\n\n  const onFollowHandler = useCallback(\n    (\n      item:\n        | SideNavigationProps.Link\n        | SideNavigationProps.Header\n        | SideNavigationProps.LinkGroup\n        | SideNavigationProps.ExpandableLinkGroup,\n      sourceEvent: React.SyntheticEvent | Event\n    ) => {\n      fireCancelableEvent(onFollow, item, sourceEvent);\n    },\n    [onFollow]\n  );\n\n  return (\n    <div\n      {...baseProps}\n      className={clsx(styles.root, baseProps.className, isToolbar && styles['with-toolbar'])}\n      ref={__internalRootRef}\n    >\n      {header && (\n        <Header definition={header} activeHref={activeHref} fireChange={onChangeHandler} fireFollow={onFollowHandler} />\n      )}\n      {items && (\n        <div className={styles['list-container']}>\n          <NavigationItemsList\n            variant=\"root\"\n            items={items}\n            fireFollow={onFollowHandler}\n            fireChange={onChangeHandler}\n            activeHref={activeHref}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport const createWidgetizedSideNavigation = createWidgetizedComponent(SideNavigationImplementation);\n"]}
+{"version":3,"file":"implementation.js","sourceRoot":"","sources":["../../../src/side-navigation/implementation.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useCallback, useEffect, useMemo } from 'react';\nimport clsx from 'clsx';\n\nimport { useAppLayoutToolbarEnabled } from '../app-layout/utils/feature-flags';\nimport { getBaseProps } from '../internal/base-component';\nimport { fireCancelableEvent, fireNonCancelableEvent } from '../internal/events';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { isDevelopment } from '../internal/is-development';\nimport { createWidgetizedComponent } from '../internal/widgets';\nimport { SideNavigationProps } from './interfaces';\nimport { Header, NavigationItemsList } from './parts';\nimport { checkDuplicateHrefs, generateExpandableItemsMapping } from './util';\n\nimport styles from './styles.css.js';\n\nexport type SideNavigationInternalProps = SideNavigationProps & InternalBaseComponentProps;\n\nexport function SideNavigationImplementation({\n  header,\n  itemsControl,\n  activeHref,\n  items = [],\n  onFollow,\n  onChange,\n  __internalRootRef,\n  ...props\n}: SideNavigationInternalProps) {\n  const baseProps = getBaseProps(props);\n  const isToolbar = useAppLayoutToolbarEnabled();\n  const parentMap = useMemo(() => generateExpandableItemsMapping(items), [items]);\n\n  if (isDevelopment) {\n    // This code should be wiped in production anyway.\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    useEffect(() => checkDuplicateHrefs(items), [items]);\n  }\n\n  const onChangeHandler = useCallback(\n    (item: SideNavigationProps.Section | SideNavigationProps.ExpandableLinkGroup, expanded: boolean) => {\n      // generateExpandableItemsMapping walks through the entire tree, so we're certain about getting a value.\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n      fireNonCancelableEvent(onChange, { item, expanded: expanded, expandableParents: parentMap.get(item)! });\n    },\n    [onChange, parentMap]\n  );\n\n  const onFollowHandler = useCallback(\n    (\n      item:\n        | SideNavigationProps.Link\n        | SideNavigationProps.Header\n        | SideNavigationProps.LinkGroup\n        | SideNavigationProps.ExpandableLinkGroup,\n      sourceEvent: React.SyntheticEvent | Event\n    ) => {\n      fireCancelableEvent(onFollow, item, sourceEvent);\n    },\n    [onFollow]\n  );\n\n  return (\n    <div\n      {...baseProps}\n      className={clsx(styles.root, baseProps.className, isToolbar && styles['with-toolbar'])}\n      ref={__internalRootRef}\n    >\n      {header && (\n        <Header definition={header} activeHref={activeHref} fireChange={onChangeHandler} fireFollow={onFollowHandler} />\n      )}\n      {itemsControl && <div className={styles['items-control']}>{itemsControl}</div>}\n      {items && (\n        <div className={styles['list-container']}>\n          <NavigationItemsList\n            variant=\"root\"\n            items={items}\n            fireFollow={onFollowHandler}\n            fireChange={onChangeHandler}\n            activeHref={activeHref}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport const createWidgetizedSideNavigation = createWidgetizedComponent(SideNavigationImplementation);\n"]}

package/side-navigation/interfaces.d.ts

@@ -11,6 +11,10 @@ export interface SideNavigationProps extends BaseComponentProps {
      * - `logo` (object) - Specifies a logo image.
      */
     header?: SideNavigationProps.Header;
+    /**
+     * A slot located below the header and above the items.
+     **/
+    itemsControl?: React.ReactNode;
     /**
      * Specifies the `href` of the currently active link.
      * All items within the navigation with a matching `href` are highlighted.

package/side-navigation/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/side-navigation/interfaces.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/side-navigation/interfaces.tsx"],"names":[],"mappings":"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"}

package/side-navigation/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/side-navigation/interfaces.tsx"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { BaseComponentProps } from '../internal/base-component';\nimport { BaseNavigationDetail, CancelableEventHandler, NonCancelableEventHandler } from '../internal/events';\n\nexport interface SideNavigationProps extends BaseComponentProps {\n  /**\n   * Controls the header that appears at the top of the navigation component.\n   *\n   * It contains the following:\n   * - `text` (string) - Specifies the header text.\n   * - `href` (string) - Specifies the `href` that the header links to.\n   * - `logo` (object) - Specifies a logo image.\n   */\n  header?: SideNavigationProps.Header;\n\n  /**\n   * Specifies the `href` of the currently active link.\n   * All items within the navigation with a matching `href` are highlighted.\n   *\n   * `Sections` and `Expandable Page Groups` that contain a highlighted item\n   * are automatically expanded, unless their definitions have the `defaultExpanded`\n   * property explicitly set to `false`.\n   */\n  activeHref?: string;\n\n  /**\n   * Specifies the items to be displayed in the navigation.\n   * Allowed objects are: `Link`, `Divider`, `Section`, `LinkGroup` and `ExpandableLinkGroup`.\n   *\n   * You can inject extra properties (for example, an ID)\n   * in order to identify the item when it's used in an event `detail`\n   * (for more information, see the events section below).\n   *\n   * #### Link\n   * Object that represents an anchor in the navigation.\n   * Links are rendered as `<a>` tags.\n   * - `type` - `'link'`.\n   * - `text` (string) - Specifies the link text.\n   * - `href` (string) - Specifies the `href` of the link.\n   * - `external` (boolean) - Determines whether to display an external link icon next to the link.\n   *      If set to `true`, an external link icon appears next to the link.\n   *      The anchor also has the attributes `target=\"_blank\"` and `rel=\"noopener\"`.\n   *      Additionally, the `activeHref` property won't be modified when a user chooses the link.\n   * - `externalIconAriaLabel` (string) - Adds an aria-label to the external icon.\n   * - `info` (ReactNode) - Enables you to display content next to the link. Although it is technically possible to insert any content,\n   *     our UX guidelines allow only to add a Badge and/or a \"New\" label.\n   *\n   * #### Divider\n   * Object that represents a horizontal divider between navigation content.\n   * It contains `type`: `'divider'` only.\n   *\n   * #### Section\n   * Object that represents a section within the navigation.\n   * - `type`: `'section'`.\n   * - `text` (string) - Specifies the text to display as a title of the section.\n   * - `defaultExpanded` (boolean) - Determines whether the section should be expanded by default. Default value is `true`.\n   * - `items` (array) - Specifies the content of the section. You can use any valid item from this list.\n   *     Although there is no technical limitation to the nesting level,\n   *     our UX recommendation is to use only one level.\n   *\n   * #### Section Group\n   * Aggregates a set of items that are conceptually related to each other, and can be displayed under a single heading to provide further organization.\n   * You can nest sections, links, link groups and expandable link groups within a section group depending on your information architecture needs.\n   * - `type`: `'section-group'`.\n   * - `title` (string) - Specifies the text to display as a title of the section group.\n   * - `items` (array) - Specifies the content of the section header group. You can use `Section`, `Link`, `LinkGroup`, `ExpandableLinkGroup`.\n   *\n   * #### LinkGroup\n   * Object that represents a group of links.\n   * - `type`: `'link-group'`.\n   * - `text` (string) - Specifies the text of the group link.\n   * - `href` (string) - Specifies the `href` of the group link.\n   * - `info` (ReactNode) - Enables you to display content next to the link. Although it is technically possible to insert any content,\n   *     our UX guidelines allow only to add a Badge and/or a \"New\" label.\n   * - `items` (array) - Specifies the content of the section. You can use any valid item from this list.\n   *     Although there is no technical limitation to the nesting level,\n   *     our UX recommendation is to use only one level.\n   *\n   * #### ExpandableLinkGroup\n   *\n   * Object that represents an expandable group of links.\n   * - `type`: `'expandable-link-group'`.\n   * - `text` (string) - Specifies the text of the group link.\n   * - `href` (string) - Specifies the `href` of the group link.\n   * - `defaultExpanded` (boolean) - Specifies whether the group should be expanded by default.\n   *    If not explicitly set, the group is collapsed by default, unless one of the nested links is active.\n   * - `items` (array) - Specifies the content of the section. You can use any valid item from this list.\n   *     Although there is no technical limitation to the nesting level,\n   *     our UX recommendation is to use only one level.\n   */\n  items?: ReadonlyArray<SideNavigationProps.Item>;\n\n  /**\n   * Fired when an anchor is clicked without any modifier (that is, CTRL, ALT, SHIFT).\n   * The event `detail` contains a definition of the clicked item.\n   * Use this event to prevent default browser navigation (by calling `preventDefault` method)\n   * and branch your own routing.\n   *\n   * If the event is prevented the `activeHref` property won't be automatically set\n   * to the href of the clicked item so you'll have to do it yourself.\n   */\n  onFollow?: CancelableEventHandler<SideNavigationProps.FollowDetail>;\n\n  /**\n   * Fired when the expansion state of `Section` or `ExpandablePageGroup` items changes\n   * as a result of a user interaction. The event `detail` contains an object with information about the changed item.\n   *\n   * - `item` (object) - Specifies the item that was changed.\n   * - `expanded` (boolean) - Specifies whether the item is expanded or not.\n   * - `expandableParents` (array) - A list of parent items that have a type of `Section`\n   *     or `ExpandablePageGroup`. Use this `expandableParents` array to set their expanded\n   *     state to `true` if you want your data model to keep track of the current state\n   *     of the navigation items.\n   *\n   * Note: If the expansion is a result of the activation of a nested link\n   * upon changing the `activeHref` property, this event isn't raised.\n   */\n  onChange?: NonCancelableEventHandler<SideNavigationProps.ChangeDetail>;\n}\n\nexport namespace SideNavigationProps {\n  export interface Logo {\n    src: string;\n    alt?: string;\n  }\n  export interface Header {\n    text?: string;\n    href: string;\n    logo?: Logo;\n  }\n\n  export interface Divider {\n    type: 'divider';\n  }\n\n  export interface Link {\n    type: 'link';\n    text: string;\n    href: string;\n    external?: boolean;\n    externalIconAriaLabel?: string;\n    info?: React.ReactNode;\n  }\n\n  export interface Section {\n    type: 'section';\n    text: string;\n    items: ReadonlyArray<Item>;\n    defaultExpanded?: boolean;\n  }\n\n  export interface SectionGroup {\n    type: 'section-group';\n    title: string;\n    items: ReadonlyArray<Section | Link | LinkGroup | ExpandableLinkGroup>;\n  }\n  export interface LinkGroup {\n    type: 'link-group';\n    text: string;\n    href: string;\n    info?: React.ReactNode;\n    items: ReadonlyArray<Item>;\n  }\n\n  export interface ExpandableLinkGroup {\n    type: 'expandable-link-group';\n    text: string;\n    href: string;\n    items: ReadonlyArray<Item>;\n    defaultExpanded?: boolean;\n  }\n\n  export type Item = Divider | Link | Section | LinkGroup | ExpandableLinkGroup | SectionGroup;\n\n  export interface ChangeDetail {\n    item: Section | ExpandableLinkGroup;\n    expanded: boolean;\n    expandableParents: ReadonlyArray<Section | ExpandableLinkGroup>;\n  }\n\n  export interface FollowDetail extends BaseNavigationDetail {\n    text?: string;\n    href: string;\n    type?: 'link' | 'link-group' | 'expandable-link-group' | 'section-header';\n    info?: React.ReactNode;\n  }\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/side-navigation/interfaces.tsx"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { BaseComponentProps } from '../internal/base-component';\nimport { BaseNavigationDetail, CancelableEventHandler, NonCancelableEventHandler } from '../internal/events';\n\nexport interface SideNavigationProps extends BaseComponentProps {\n  /**\n   * Controls the header that appears at the top of the navigation component.\n   *\n   * It contains the following:\n   * - `text` (string) - Specifies the header text.\n   * - `href` (string) - Specifies the `href` that the header links to.\n   * - `logo` (object) - Specifies a logo image.\n   */\n  header?: SideNavigationProps.Header;\n\n  /**\n   * A slot located below the header and above the items.\n   **/\n  itemsControl?: React.ReactNode;\n\n  /**\n   * Specifies the `href` of the currently active link.\n   * All items within the navigation with a matching `href` are highlighted.\n   *\n   * `Sections` and `Expandable Page Groups` that contain a highlighted item\n   * are automatically expanded, unless their definitions have the `defaultExpanded`\n   * property explicitly set to `false`.\n   */\n  activeHref?: string;\n\n  /**\n   * Specifies the items to be displayed in the navigation.\n   * Allowed objects are: `Link`, `Divider`, `Section`, `LinkGroup` and `ExpandableLinkGroup`.\n   *\n   * You can inject extra properties (for example, an ID)\n   * in order to identify the item when it's used in an event `detail`\n   * (for more information, see the events section below).\n   *\n   * #### Link\n   * Object that represents an anchor in the navigation.\n   * Links are rendered as `<a>` tags.\n   * - `type` - `'link'`.\n   * - `text` (string) - Specifies the link text.\n   * - `href` (string) - Specifies the `href` of the link.\n   * - `external` (boolean) - Determines whether to display an external link icon next to the link.\n   *      If set to `true`, an external link icon appears next to the link.\n   *      The anchor also has the attributes `target=\"_blank\"` and `rel=\"noopener\"`.\n   *      Additionally, the `activeHref` property won't be modified when a user chooses the link.\n   * - `externalIconAriaLabel` (string) - Adds an aria-label to the external icon.\n   * - `info` (ReactNode) - Enables you to display content next to the link. Although it is technically possible to insert any content,\n   *     our UX guidelines allow only to add a Badge and/or a \"New\" label.\n   *\n   * #### Divider\n   * Object that represents a horizontal divider between navigation content.\n   * It contains `type`: `'divider'` only.\n   *\n   * #### Section\n   * Object that represents a section within the navigation.\n   * - `type`: `'section'`.\n   * - `text` (string) - Specifies the text to display as a title of the section.\n   * - `defaultExpanded` (boolean) - Determines whether the section should be expanded by default. Default value is `true`.\n   * - `items` (array) - Specifies the content of the section. You can use any valid item from this list.\n   *     Although there is no technical limitation to the nesting level,\n   *     our UX recommendation is to use only one level.\n   *\n   * #### Section Group\n   * Aggregates a set of items that are conceptually related to each other, and can be displayed under a single heading to provide further organization.\n   * You can nest sections, links, link groups and expandable link groups within a section group depending on your information architecture needs.\n   * - `type`: `'section-group'`.\n   * - `title` (string) - Specifies the text to display as a title of the section group.\n   * - `items` (array) - Specifies the content of the section header group. You can use `Section`, `Link`, `LinkGroup`, `ExpandableLinkGroup`.\n   *\n   * #### LinkGroup\n   * Object that represents a group of links.\n   * - `type`: `'link-group'`.\n   * - `text` (string) - Specifies the text of the group link.\n   * - `href` (string) - Specifies the `href` of the group link.\n   * - `info` (ReactNode) - Enables you to display content next to the link. Although it is technically possible to insert any content,\n   *     our UX guidelines allow only to add a Badge and/or a \"New\" label.\n   * - `items` (array) - Specifies the content of the section. You can use any valid item from this list.\n   *     Although there is no technical limitation to the nesting level,\n   *     our UX recommendation is to use only one level.\n   *\n   * #### ExpandableLinkGroup\n   *\n   * Object that represents an expandable group of links.\n   * - `type`: `'expandable-link-group'`.\n   * - `text` (string) - Specifies the text of the group link.\n   * - `href` (string) - Specifies the `href` of the group link.\n   * - `defaultExpanded` (boolean) - Specifies whether the group should be expanded by default.\n   *    If not explicitly set, the group is collapsed by default, unless one of the nested links is active.\n   * - `items` (array) - Specifies the content of the section. You can use any valid item from this list.\n   *     Although there is no technical limitation to the nesting level,\n   *     our UX recommendation is to use only one level.\n   */\n  items?: ReadonlyArray<SideNavigationProps.Item>;\n\n  /**\n   * Fired when an anchor is clicked without any modifier (that is, CTRL, ALT, SHIFT).\n   * The event `detail` contains a definition of the clicked item.\n   * Use this event to prevent default browser navigation (by calling `preventDefault` method)\n   * and branch your own routing.\n   *\n   * If the event is prevented the `activeHref` property won't be automatically set\n   * to the href of the clicked item so you'll have to do it yourself.\n   */\n  onFollow?: CancelableEventHandler<SideNavigationProps.FollowDetail>;\n\n  /**\n   * Fired when the expansion state of `Section` or `ExpandablePageGroup` items changes\n   * as a result of a user interaction. The event `detail` contains an object with information about the changed item.\n   *\n   * - `item` (object) - Specifies the item that was changed.\n   * - `expanded` (boolean) - Specifies whether the item is expanded or not.\n   * - `expandableParents` (array) - A list of parent items that have a type of `Section`\n   *     or `ExpandablePageGroup`. Use this `expandableParents` array to set their expanded\n   *     state to `true` if you want your data model to keep track of the current state\n   *     of the navigation items.\n   *\n   * Note: If the expansion is a result of the activation of a nested link\n   * upon changing the `activeHref` property, this event isn't raised.\n   */\n  onChange?: NonCancelableEventHandler<SideNavigationProps.ChangeDetail>;\n}\n\nexport namespace SideNavigationProps {\n  export interface Logo {\n    src: string;\n    alt?: string;\n  }\n  export interface Header {\n    text?: string;\n    href: string;\n    logo?: Logo;\n  }\n\n  export interface Divider {\n    type: 'divider';\n  }\n\n  export interface Link {\n    type: 'link';\n    text: string;\n    href: string;\n    external?: boolean;\n    externalIconAriaLabel?: string;\n    info?: React.ReactNode;\n  }\n\n  export interface Section {\n    type: 'section';\n    text: string;\n    items: ReadonlyArray<Item>;\n    defaultExpanded?: boolean;\n  }\n\n  export interface SectionGroup {\n    type: 'section-group';\n    title: string;\n    items: ReadonlyArray<Section | Link | LinkGroup | ExpandableLinkGroup>;\n  }\n  export interface LinkGroup {\n    type: 'link-group';\n    text: string;\n    href: string;\n    info?: React.ReactNode;\n    items: ReadonlyArray<Item>;\n  }\n\n  export interface ExpandableLinkGroup {\n    type: 'expandable-link-group';\n    text: string;\n    href: string;\n    items: ReadonlyArray<Item>;\n    defaultExpanded?: boolean;\n  }\n\n  export type Item = Divider | Link | Section | LinkGroup | ExpandableLinkGroup | SectionGroup;\n\n  export interface ChangeDetail {\n    item: Section | ExpandableLinkGroup;\n    expanded: boolean;\n    expandableParents: ReadonlyArray<Section | ExpandableLinkGroup>;\n  }\n\n  export interface FollowDetail extends BaseNavigationDetail {\n    text?: string;\n    href: string;\n    type?: 'link' | 'link-group' | 'expandable-link-group' | 'section-header';\n    info?: React.ReactNode;\n  }\n}\n"]}

package/side-navigation/styles.css.js

@@ -1,34 +1,35 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_l0dv0_va2r6_141",
-  "header": "awsui_header_l0dv0_va2r6_178",
-  "with-toolbar": "awsui_with-toolbar_l0dv0_va2r6_190",
-  "header-link": "awsui_header-link_l0dv0_va2r6_194",
-  "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_va2r6_204",
-  "header-link-text": "awsui_header-link-text_l0dv0_va2r6_204",
-  "header-logo": "awsui_header-logo_l0dv0_va2r6_209",
-  "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_va2r6_215",
-  "list-container": "awsui_list-container_l0dv0_va2r6_220",
-  "list": "awsui_list_l0dv0_va2r6_220",
-  "list-variant-root": "awsui_list-variant-root_l0dv0_va2r6_235",
-  "list-variant-root--last": "awsui_list-variant-root--last_l0dv0_va2r6_242",
-  "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_va2r6_246",
-  "list-item": "awsui_list-item_l0dv0_va2r6_250",
-  "section": "awsui_section_l0dv0_va2r6_258",
-  "expandable-link-group": "awsui_expandable-link-group_l0dv0_va2r6_259",
-  "section--no-ident": "awsui_section--no-ident_l0dv0_va2r6_262",
-  "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_va2r6_263",
-  "refresh": "awsui_refresh_l0dv0_va2r6_271",
-  "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_va2r6_279",
-  "section-group": "awsui_section-group_l0dv0_va2r6_286",
-  "section-group-title": "awsui_section-group-title_l0dv0_va2r6_297",
-  "link": "awsui_link_l0dv0_va2r6_301",
-  "link-active": "awsui_link-active_l0dv0_va2r6_310",
-  "info": "awsui_info_l0dv0_va2r6_347",
-  "external-icon": "awsui_external-icon_l0dv0_va2r6_351",
-  "divider": "awsui_divider_l0dv0_va2r6_355",
-  "divider-default": "awsui_divider-default_l0dv0_va2r6_360",
-  "divider-header": "awsui_divider-header_l0dv0_va2r6_366"
+  "root": "awsui_root_l0dv0_474b6_141",
+  "header": "awsui_header_l0dv0_474b6_178",
+  "with-toolbar": "awsui_with-toolbar_l0dv0_474b6_190",
+  "header-link": "awsui_header-link_l0dv0_474b6_194",
+  "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_474b6_204",
+  "header-link-text": "awsui_header-link-text_l0dv0_474b6_204",
+  "header-logo": "awsui_header-logo_l0dv0_474b6_209",
+  "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_474b6_215",
+  "items-control": "awsui_items-control_l0dv0_474b6_220",
+  "list-container": "awsui_list-container_l0dv0_474b6_225",
+  "list": "awsui_list_l0dv0_474b6_225",
+  "list-variant-root": "awsui_list-variant-root_l0dv0_474b6_240",
+  "list-variant-root--last": "awsui_list-variant-root--last_l0dv0_474b6_247",
+  "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_474b6_251",
+  "list-item": "awsui_list-item_l0dv0_474b6_255",
+  "section": "awsui_section_l0dv0_474b6_263",
+  "expandable-link-group": "awsui_expandable-link-group_l0dv0_474b6_264",
+  "section--no-ident": "awsui_section--no-ident_l0dv0_474b6_267",
+  "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_474b6_268",
+  "refresh": "awsui_refresh_l0dv0_474b6_276",
+  "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_474b6_284",
+  "section-group": "awsui_section-group_l0dv0_474b6_291",
+  "section-group-title": "awsui_section-group-title_l0dv0_474b6_302",
+  "link": "awsui_link_l0dv0_474b6_306",
+  "link-active": "awsui_link-active_l0dv0_474b6_315",
+  "info": "awsui_info_l0dv0_474b6_352",
+  "external-icon": "awsui_external-icon_l0dv0_474b6_356",
+  "divider": "awsui_divider_l0dv0_474b6_360",
+  "divider-default": "awsui_divider-default_l0dv0_474b6_365",
+  "divider-header": "awsui_divider-header_l0dv0_474b6_371"
 };
   

package/side-navigation/styles.scoped.css

@@ -138,7 +138,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among 
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_root_l0dv0_va2r6_141:not(#\9) {
+.awsui_root_l0dv0_474b6_141:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -176,7 +176,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-break: break-word;
 }
 
-.awsui_header_l0dv0_va2r6_178:not(#\9) {
+.awsui_header_l0dv0_474b6_178:not(#\9) {
   font-size: var(--font-panel-header-size-edjz3l, 18px);
   line-height: var(--font-panel-header-line-height-kxi4u2, 22px);
   font-weight: var(--font-weight-heading-l-f8711v, 700);
@@ -188,11 +188,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline-start: var(--space-panel-nav-left-b1g0mt, 28px);
   padding-inline-end: calc(var(--space-scaled-xxl-wbot5q, 32px) + var(--space-xl-lmui9r, 24px));
 }
-.awsui_with-toolbar_l0dv0_va2r6_190 > .awsui_header_l0dv0_va2r6_178:not(#\9) {
+.awsui_with-toolbar_l0dv0_474b6_190 > .awsui_header_l0dv0_474b6_178:not(#\9) {
   padding-block: var(--space-static-m-lrhgl2, 16px);
 }
 
-.awsui_header-link_l0dv0_va2r6_194:not(#\9) {
+.awsui_header-link_l0dv0_474b6_194:not(#\9) {
   font-size: var(--font-panel-header-size-edjz3l, 18px);
   line-height: var(--font-panel-header-line-height-kxi4u2, 22px);
   font-weight: var(--font-weight-heading-l-f8711v, 700);
@@ -202,30 +202,35 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   min-block-size: var(--font-panel-header-line-height-kxi4u2, 22px);
   display: flex;
 }
-.awsui_header-link--has-logo_l0dv0_va2r6_204 > .awsui_header-link-text_l0dv0_va2r6_204:not(#\9) {
+.awsui_header-link--has-logo_l0dv0_474b6_204 > .awsui_header-link-text_l0dv0_474b6_204:not(#\9) {
   font-weight: 400;
   align-self: center;
 }
 
-.awsui_header-logo_l0dv0_va2r6_209:not(#\9) {
+.awsui_header-logo_l0dv0_474b6_209:not(#\9) {
   margin-inline-end: var(--space-s-34lx8l, 12px);
   margin-block-start: var(--space-xxxs-zbmxqb, 2px);
   max-inline-size: calc(1.25 * var(--size-icon-big-zkdryd, 32px));
   align-self: flex-start;
 }
-.awsui_header-logo--stretched_l0dv0_va2r6_215:not(#\9) {
+.awsui_header-logo--stretched_l0dv0_474b6_215:not(#\9) {
   max-inline-size: 100%;
   margin-inline-end: 0;
 }
 
-.awsui_list-container_l0dv0_va2r6_220:not(#\9) {
+.awsui_items-control_l0dv0_474b6_220:not(#\9) {
   margin-block-start: var(--space-panel-content-top-wac3yp, 20px);
+  padding-inline: var(--space-l-t419sm, 20px);
 }
-.awsui_with-toolbar_l0dv0_va2r6_190 > .awsui_list-container_l0dv0_va2r6_220:not(#\9) {
+
+.awsui_list-container_l0dv0_474b6_225:not(#\9) {
+  margin-block-start: var(--space-panel-content-top-wac3yp, 20px);
+}
+.awsui_with-toolbar_l0dv0_474b6_190 > .awsui_list-container_l0dv0_474b6_225:not(#\9) {
   margin-block-start: 0px;
 }
 
-.awsui_list_l0dv0_va2r6_220:not(#\9) {
+.awsui_list_l0dv0_474b6_225:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
   padding-block: 0;
@@ -233,22 +238,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline-start: var(--space-l-t419sm, 20px);
 }
 
-.awsui_list-variant-root_l0dv0_va2r6_235:not(#\9) {
+.awsui_list-variant-root_l0dv0_474b6_240:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
   padding-block: 0;
   padding-inline-start: var(--space-panel-nav-left-b1g0mt, 28px);
   padding-inline-end: var(--space-panel-side-right-xofg51, 24px);
 }
-.awsui_list-variant-root--last_l0dv0_va2r6_242:not(#\9) {
+.awsui_list-variant-root--last_l0dv0_474b6_247:not(#\9) {
   margin-block-end: var(--space-panel-content-bottom-7k6er3, 40px);
 }
 
-.awsui_list-variant-expandable-link-group_l0dv0_va2r6_246:not(#\9) {
+.awsui_list-variant-expandable-link-group_l0dv0_474b6_251:not(#\9) {
   padding-inline-start: var(--space-xxxl-4x2gki, 40px);
 }
 
-.awsui_list-item_l0dv0_va2r6_250:not(#\9) {
+.awsui_list-item_l0dv0_474b6_255:not(#\9) {
   margin-block: var(--space-scaled-xs-26e2du, 8px);
   margin-inline: 0;
   padding-block: 0;
@@ -256,35 +261,35 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   list-style: none;
 }
 
-.awsui_section_l0dv0_va2r6_258:not(#\9),
-.awsui_expandable-link-group_l0dv0_va2r6_259:not(#\9) {
+.awsui_section_l0dv0_474b6_263:not(#\9),
+.awsui_expandable-link-group_l0dv0_474b6_264:not(#\9) {
   margin-inline-start: calc(-1 * var(--space-l-t419sm, 20px));
 }
-.awsui_section--no-ident_l0dv0_va2r6_262:not(#\9),
-.awsui_expandable-link-group--no-ident_l0dv0_va2r6_263:not(#\9) {
+.awsui_section--no-ident_l0dv0_474b6_267:not(#\9),
+.awsui_expandable-link-group--no-ident_l0dv0_474b6_268:not(#\9) {
   margin-inline-start: 0;
 }
 
-.awsui_section_l0dv0_va2r6_258:not(#\9) {
+.awsui_section_l0dv0_474b6_263:not(#\9) {
   margin-block: calc(var(--space-scaled-2x-l-ujnz41, 20px) - var(--border-divider-section-width-1061zr, 1px));
   /* stylelint-disable-next-line selector-max-type */
 }
-.awsui_section_l0dv0_va2r6_258.awsui_refresh_l0dv0_va2r6_271:not(#\9) {
+.awsui_section_l0dv0_474b6_263.awsui_refresh_l0dv0_474b6_276:not(#\9) {
   margin-block: calc(var(--space-scaled-2x-m-owtj1o, 16px) - var(--border-divider-section-width-1061zr, 1px));
 }
-.awsui_section_l0dv0_va2r6_258 > div:not(#\9) {
+.awsui_section_l0dv0_474b6_263 > div:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
 }
 
-.awsui_list-variant-section-group_l0dv0_va2r6_279:not(#\9) {
+.awsui_list-variant-section-group_l0dv0_474b6_284:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
   padding-block: 0;
   padding-inline: 0;
 }
 
-.awsui_section-group_l0dv0_va2r6_286:not(#\9) {
+.awsui_section-group_l0dv0_474b6_291:not(#\9) {
   font-size: var(--font-size-heading-m-sjd256, 18px);
   line-height: var(--line-height-heading-m-50evfk, 22px);
   letter-spacing: var(--letter-spacing-heading-m-0w575i, -0.01em);
@@ -295,11 +300,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline: 0;
 }
 
-.awsui_section-group-title_l0dv0_va2r6_297:not(#\9) {
+.awsui_section-group-title_l0dv0_474b6_302:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_link_l0dv0_va2r6_301:not(#\9) {
+.awsui_link_l0dv0_474b6_306:not(#\9) {
   font-size: var(--font-size-body-m-x4okxb, 14px);
   line-height: var(--line-height-body-m-30ar75, 20px);
   color: var(--color-text-body-secondary-w9jvno, #414d5c);
@@ -308,30 +313,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_link-active_l0dv0_va2r6_310:not(#\9) {
+.awsui_link-active_l0dv0_474b6_315:not(#\9) {
   font-weight: var(--font-wayfinding-link-active-weight-rbmzei, 700);
   -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
   color: var(--color-text-accent-n2acxv, #0972d3);
 }
 
-.awsui_header-link_l0dv0_va2r6_194:not(#\9),
-.awsui_link_l0dv0_va2r6_301:not(#\9) {
+.awsui_header-link_l0dv0_474b6_194:not(#\9),
+.awsui_link_l0dv0_474b6_306:not(#\9) {
   text-decoration: none;
 }
-.awsui_header-link_l0dv0_va2r6_194:not(#\9):hover,
-.awsui_link_l0dv0_va2r6_301:not(#\9):hover {
+.awsui_header-link_l0dv0_474b6_194:not(#\9):hover,
+.awsui_link_l0dv0_474b6_306:not(#\9):hover {
   color: var(--color-text-accent-n2acxv, #0972d3);
 }
-.awsui_header-link_l0dv0_va2r6_194:not(#\9):focus,
-.awsui_link_l0dv0_va2r6_301:not(#\9):focus {
+.awsui_header-link_l0dv0_474b6_194:not(#\9):focus,
+.awsui_link_l0dv0_474b6_306:not(#\9):focus {
   outline: none;
 }
-.awsui_header-link_l0dv0_va2r6_194:not(#\9):hover, .awsui_header-link_l0dv0_va2r6_194:not(#\9):focus, .awsui_link_l0dv0_va2r6_301:not(#\9):hover, .awsui_link_l0dv0_va2r6_301:not(#\9):focus {
+.awsui_header-link_l0dv0_474b6_194:not(#\9):hover, .awsui_header-link_l0dv0_474b6_194:not(#\9):focus, .awsui_link_l0dv0_474b6_306:not(#\9):hover, .awsui_link_l0dv0_474b6_306:not(#\9):focus {
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_header-link_l0dv0_va2r6_194:not(#\9):focus,
-body[data-awsui-focus-visible=true] .awsui_link_l0dv0_va2r6_301:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-link_l0dv0_474b6_194:not(#\9):focus,
+body[data-awsui-focus-visible=true] .awsui_link_l0dv0_474b6_306:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-kkfop6, 0);
   outline-offset: 2px;
@@ -343,29 +348,29 @@ body[data-awsui-focus-visible=true] .awsui_link_l0dv0_va2r6_301:not(#\9):focus {
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-v8hkrl, 2px) var(--color-border-item-focused-b2ntyl, #0972d3);
 }
 
-.awsui_info_l0dv0_va2r6_347:not(#\9) {
+.awsui_info_l0dv0_474b6_352:not(#\9) {
   margin-inline-start: var(--space-xs-zb16t3, 8px);
 }
 
-.awsui_external-icon_l0dv0_va2r6_351:not(#\9) {
+.awsui_external-icon_l0dv0_474b6_356:not(#\9) {
   margin-inline-start: var(--space-xxs-p8yyaw, 4px);
 }
 
-.awsui_divider_l0dv0_va2r6_355:not(#\9) {
+.awsui_divider_l0dv0_474b6_360:not(#\9) {
   border-block: none;
   border-inline: none;
 }
 
-.awsui_divider-default_l0dv0_va2r6_360:not(#\9) {
+.awsui_divider-default_l0dv0_474b6_365:not(#\9) {
   margin-block: var(--space-scaled-2x-xl-udij7m, 24px);
   margin-inline: calc(-1 * var(--space-panel-divider-margin-horizontal-sbik1z, 8px));
   border-block-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
 }
 
-.awsui_divider-header_l0dv0_va2r6_366:not(#\9) {
+.awsui_divider-header_l0dv0_474b6_371:not(#\9) {
   margin-block-start: 0;
   border-block-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-panel-header-lf0q4c, #b6bec9);
 }
-.awsui_with-toolbar_l0dv0_va2r6_190 > .awsui_divider-header_l0dv0_va2r6_366:not(#\9) {
+.awsui_with-toolbar_l0dv0_474b6_190 > .awsui_divider-header_l0dv0_474b6_371:not(#\9) {
   border-color: transparent;
 }

package/side-navigation/styles.selectors.js

@@ -2,34 +2,35 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_l0dv0_va2r6_141",
-  "header": "awsui_header_l0dv0_va2r6_178",
-  "with-toolbar": "awsui_with-toolbar_l0dv0_va2r6_190",
-  "header-link": "awsui_header-link_l0dv0_va2r6_194",
-  "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_va2r6_204",
-  "header-link-text": "awsui_header-link-text_l0dv0_va2r6_204",
-  "header-logo": "awsui_header-logo_l0dv0_va2r6_209",
-  "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_va2r6_215",
-  "list-container": "awsui_list-container_l0dv0_va2r6_220",
-  "list": "awsui_list_l0dv0_va2r6_220",
-  "list-variant-root": "awsui_list-variant-root_l0dv0_va2r6_235",
-  "list-variant-root--last": "awsui_list-variant-root--last_l0dv0_va2r6_242",
-  "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_va2r6_246",
-  "list-item": "awsui_list-item_l0dv0_va2r6_250",
-  "section": "awsui_section_l0dv0_va2r6_258",
-  "expandable-link-group": "awsui_expandable-link-group_l0dv0_va2r6_259",
-  "section--no-ident": "awsui_section--no-ident_l0dv0_va2r6_262",
-  "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_va2r6_263",
-  "refresh": "awsui_refresh_l0dv0_va2r6_271",
-  "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_va2r6_279",
-  "section-group": "awsui_section-group_l0dv0_va2r6_286",
-  "section-group-title": "awsui_section-group-title_l0dv0_va2r6_297",
-  "link": "awsui_link_l0dv0_va2r6_301",
-  "link-active": "awsui_link-active_l0dv0_va2r6_310",
-  "info": "awsui_info_l0dv0_va2r6_347",
-  "external-icon": "awsui_external-icon_l0dv0_va2r6_351",
-  "divider": "awsui_divider_l0dv0_va2r6_355",
-  "divider-default": "awsui_divider-default_l0dv0_va2r6_360",
-  "divider-header": "awsui_divider-header_l0dv0_va2r6_366"
+  "root": "awsui_root_l0dv0_474b6_141",
+  "header": "awsui_header_l0dv0_474b6_178",
+  "with-toolbar": "awsui_with-toolbar_l0dv0_474b6_190",
+  "header-link": "awsui_header-link_l0dv0_474b6_194",
+  "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_474b6_204",
+  "header-link-text": "awsui_header-link-text_l0dv0_474b6_204",
+  "header-logo": "awsui_header-logo_l0dv0_474b6_209",
+  "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_474b6_215",
+  "items-control": "awsui_items-control_l0dv0_474b6_220",
+  "list-container": "awsui_list-container_l0dv0_474b6_225",
+  "list": "awsui_list_l0dv0_474b6_225",
+  "list-variant-root": "awsui_list-variant-root_l0dv0_474b6_240",
+  "list-variant-root--last": "awsui_list-variant-root--last_l0dv0_474b6_247",
+  "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_474b6_251",
+  "list-item": "awsui_list-item_l0dv0_474b6_255",
+  "section": "awsui_section_l0dv0_474b6_263",
+  "expandable-link-group": "awsui_expandable-link-group_l0dv0_474b6_264",
+  "section--no-ident": "awsui_section--no-ident_l0dv0_474b6_267",
+  "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_474b6_268",
+  "refresh": "awsui_refresh_l0dv0_474b6_276",
+  "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_474b6_284",
+  "section-group": "awsui_section-group_l0dv0_474b6_291",
+  "section-group-title": "awsui_section-group-title_l0dv0_474b6_302",
+  "link": "awsui_link_l0dv0_474b6_306",
+  "link-active": "awsui_link-active_l0dv0_474b6_315",
+  "info": "awsui_info_l0dv0_474b6_352",
+  "external-icon": "awsui_external-icon_l0dv0_474b6_356",
+  "divider": "awsui_divider_l0dv0_474b6_360",
+  "divider-default": "awsui_divider-default_l0dv0_474b6_365",
+  "divider-header": "awsui_divider-header_l0dv0_474b6_371"
 };
   

package/table/expandable-rows/expand-toggle-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"expand-toggle-button.d.ts","sourceRoot":"","sources":["../../../../src/table/expandable-rows/expand-toggle-button.tsx"],"names":[],"mappings":";AAWA,wBAAgB,kBAAkB,CAAC,EACjC,UAAU,EACV,sBAAsB,EACtB,iBAAiB,EACjB,mBAAmB,GACpB,EAAE;IACD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B,eAmBA"}
+{"version":3,"file":"expand-toggle-button.d.ts","sourceRoot":"","sources":["../../../../src/table/expandable-rows/expand-toggle-button.tsx"],"names":[],"mappings":";AAWA,wBAAgB,kBAAkB,CAAC,EACjC,UAAU,EACV,sBAAsB,EACtB,iBAAiB,EACjB,mBAAmB,GACpB,EAAE;IACD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B,eAoBA"}

package/table/expandable-rows/expand-toggle-button.js

@@ -8,7 +8,7 @@ import styles from './styles.css.js';
 export function ExpandToggleButton({ isExpanded, onExpandableItemToggle, expandButtonLabel, collapseButtonLabel, }) {
     const buttonRef = useRef(null);
     const { tabIndex } = useSingleTabStopNavigation(buttonRef);
-    return (React.createElement("button", { ref: buttonRef, tabIndex: tabIndex, "aria-label": isExpanded ? collapseButtonLabel : expandButtonLabel, "aria-expanded": isExpanded, className: styles['expand-toggle'], onClick: onExpandableItemToggle },
+    return (React.createElement("button", { type: "button", ref: buttonRef, tabIndex: tabIndex, "aria-label": isExpanded ? collapseButtonLabel : expandButtonLabel, "aria-expanded": isExpanded, className: styles['expand-toggle'], onClick: onExpandableItemToggle },
         React.createElement(InternalIcon, { size: "small", name: "caret-down-filled", className: clsx(styles['expand-toggle-icon'], isExpanded && styles['expand-toggle-icon-expanded']) })));
 }
 //# sourceMappingURL=expand-toggle-button.js.map

package/table/expandable-rows/expand-toggle-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"expand-toggle-button.js","sourceRoot":"","sources":["../../../../src/table/expandable-rows/expand-toggle-button.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,0BAA0B,EAAE,MAAM,2DAA2D,CAAC;AAEvG,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,UAAU,kBAAkB,CAAC,EACjC,UAAU,EACV,sBAAsB,EACtB,iBAAiB,EACjB,mBAAmB,GAMpB;IACC,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,EAAE,QAAQ,EAAE,GAAG,0BAA0B,CAAC,SAAS,CAAC,CAAC;IAC3D,OAAO,CACL,gCACE,GAAG,EAAE,SAAS,EACd,QAAQ,EAAE,QAAQ,gBACN,UAAU,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,iBAAiB,mBACjD,UAAU,EACzB,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,EAClC,OAAO,EAAE,sBAAsB;QAE/B,oBAAC,YAAY,IACX,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,mBAAmB,EACxB,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,oBAAoB,CAAC,EAAE,UAAU,IAAI,MAAM,CAAC,6BAA6B,CAAC,CAAC,GAClG,CACK,CACV,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { useRef } from 'react';\nimport clsx from 'clsx';\n\nimport InternalIcon from '../../icon/internal';\nimport { useSingleTabStopNavigation } from '../../internal/context/single-tab-stop-navigation-context';\n\nimport styles from './styles.css.js';\n\nexport function ExpandToggleButton({\n  isExpanded,\n  onExpandableItemToggle,\n  expandButtonLabel,\n  collapseButtonLabel,\n}: {\n  isExpanded?: boolean;\n  onExpandableItemToggle?: () => void;\n  expandButtonLabel?: string;\n  collapseButtonLabel?: string;\n}) {\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const { tabIndex } = useSingleTabStopNavigation(buttonRef);\n  return (\n    <button\n      ref={buttonRef}\n      tabIndex={tabIndex}\n      aria-label={isExpanded ? collapseButtonLabel : expandButtonLabel}\n      aria-expanded={isExpanded}\n      className={styles['expand-toggle']}\n      onClick={onExpandableItemToggle}\n    >\n      <InternalIcon\n        size=\"small\"\n        name=\"caret-down-filled\"\n        className={clsx(styles['expand-toggle-icon'], isExpanded && styles['expand-toggle-icon-expanded'])}\n      />\n    </button>\n  );\n}\n"]}
+{"version":3,"file":"expand-toggle-button.js","sourceRoot":"","sources":["../../../../src/table/expandable-rows/expand-toggle-button.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,0BAA0B,EAAE,MAAM,2DAA2D,CAAC;AAEvG,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,UAAU,kBAAkB,CAAC,EACjC,UAAU,EACV,sBAAsB,EACtB,iBAAiB,EACjB,mBAAmB,GAMpB;IACC,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,EAAE,QAAQ,EAAE,GAAG,0BAA0B,CAAC,SAAS,CAAC,CAAC;IAC3D,OAAO,CACL,gCACE,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,SAAS,EACd,QAAQ,EAAE,QAAQ,gBACN,UAAU,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,iBAAiB,mBACjD,UAAU,EACzB,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,EAClC,OAAO,EAAE,sBAAsB;QAE/B,oBAAC,YAAY,IACX,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,mBAAmB,EACxB,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,oBAAoB,CAAC,EAAE,UAAU,IAAI,MAAM,CAAC,6BAA6B,CAAC,CAAC,GAClG,CACK,CACV,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { useRef } from 'react';\nimport clsx from 'clsx';\n\nimport InternalIcon from '../../icon/internal';\nimport { useSingleTabStopNavigation } from '../../internal/context/single-tab-stop-navigation-context';\n\nimport styles from './styles.css.js';\n\nexport function ExpandToggleButton({\n  isExpanded,\n  onExpandableItemToggle,\n  expandButtonLabel,\n  collapseButtonLabel,\n}: {\n  isExpanded?: boolean;\n  onExpandableItemToggle?: () => void;\n  expandButtonLabel?: string;\n  collapseButtonLabel?: string;\n}) {\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const { tabIndex } = useSingleTabStopNavigation(buttonRef);\n  return (\n    <button\n      type=\"button\"\n      ref={buttonRef}\n      tabIndex={tabIndex}\n      aria-label={isExpanded ? collapseButtonLabel : expandButtonLabel}\n      aria-expanded={isExpanded}\n      className={styles['expand-toggle']}\n      onClick={onExpandableItemToggle}\n    >\n      <InternalIcon\n        size=\"small\"\n        name=\"caret-down-filled\"\n        className={clsx(styles['expand-toggle-icon'], isExpanded && styles['expand-toggle-icon-expanded'])}\n      />\n    </button>\n  );\n}\n"]}

package/test-utils/dom/side-navigation/index.d.ts

@@ -4,6 +4,7 @@ export default class SideNavigationWrapper extends ComponentWrapper {
     static rootSelector: string;
     findHeader(): ElementWrapper<HTMLAnchorElement> | null;
     findHeaderLink(): ElementWrapper<HTMLAnchorElement> | null;
+    findItemsControl(): ElementWrapper | null;
     findLinkByHref(href: string): ElementWrapper<HTMLAnchorElement> | null;
     findActiveLink(): ElementWrapper<HTMLAnchorElement> | null;
     findItemByIndex(index: number): SideNavigationItemWrapper | null;

package/test-utils/dom/side-navigation/index.js

@@ -13,6 +13,9 @@ class SideNavigationWrapper extends dom_1.ComponentWrapper {
     findHeaderLink() {
         return this.findByClassName(styles_selectors_js_1.default['header-link']);
     }
+    findItemsControl() {
+        return this.findByClassName(styles_selectors_js_1.default['items-control']);
+    }
     findLinkByHref(href) {
         return this.find(`.${styles_selectors_js_1.default.link}[href="${href}"]`);
     }

package/test-utils/dom/side-navigation/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/side-navigation/index.ts"],"names":[],"mappings":";;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAA0F;AAE1F,8DAA6D;AAE7D,sFAAkE;AAElE,MAAqB,qBAAsB,SAAQ,sBAAgB;IAGjE,UAAU;QACR,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,MAAM,CAAC,CAAC;IAC7C,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,aAAa,CAAC,CAAC,CAAC;IACrD,CAAC;IAED,cAAc,CAAC,IAAY;QACzB,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAM,CAAC,IAAI,UAAU,IAAI,IAAI,CAAC,CAAC;IACtD,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,aAAa,CAAC,CAAC,CAAC;IACrD,CAAC;IAED,eAAe,CAAC,KAAa;QAC3B,OAAO,IAAI,CAAC,aAAa,CACvB,IAAI,6BAAM,CAAC,mBAAmB,CAAC,yBAAyB,KAAK,IAAI,EACjE,yBAAyB,CAC1B,CAAC;IACJ,CAAC;;AAxBH,wCAyBC;AAxBQ,kCAAY,GAAW,6BAAM,CAAC,IAAI,CAAC;AA0B5C,MAAa,yBAA0B,SAAQ,oBAAc;IAC3D,WAAW;QACT,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,OAAO,EAAE,EAAE,4BAAwB,CAAC,CAAC;IAC5E,CAAC;IAED,gBAAgB;QACd,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,eAAe,CAAC,CAAC,CAAC;IACvD,CAAC;IAED,qBAAqB;QACnB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,qBAAqB,CAAC,CAAC,CAAC;IAC7D,CAAC;IAED,uBAAuB;QACrB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,uBAAuB,CAAC,EAAE,EAAE,4BAAwB,CAAC,CAAC;IAC7F,CAAC;IAED,WAAW;QACT,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,OAAO,CAAC,CAAC;IAC9C,CAAC;IAED,QAAQ;QACN,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,IAAI,CAAC,CAAC;IAC3C,CAAC;IAED,gBAAgB;;QACd,OAAO,MAAA,MAAA,IAAI,CAAC,WAAW,EAAE,0CAAE,UAAU,EAAE,mCAAI,IAAI,CAAC;IAClD,CAAC;IAED,eAAe,CAAC,KAAa;QAC3B,OAAO,IAAI,CAAC,aAAa,CAAC,sBAAsB,KAAK,IAAI,EAAE,yBAAyB,CAAC,CAAC;IACxF,CAAC;IAED,SAAS;QACP,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,yBAAyB,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;IAChG,CAAC;CACF;AApCD,8DAoCC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/side-navigation/index.ts"],"names":[],"mappings":";;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAA0F;AAE1F,8DAA6D;AAE7D,sFAAkE;AAElE,MAAqB,qBAAsB,SAAQ,sBAAgB;IAGjE,UAAU;QACR,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,MAAM,CAAC,CAAC;IAC7C,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,aAAa,CAAC,CAAC,CAAC;IACrD,CAAC;IAED,gBAAgB;QACd,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,eAAe,CAAC,CAAC,CAAC;IACvD,CAAC;IAED,cAAc,CAAC,IAAY;QACzB,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAM,CAAC,IAAI,UAAU,IAAI,IAAI,CAAC,CAAC;IACtD,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,aAAa,CAAC,CAAC,CAAC;IACrD,CAAC;IAED,eAAe,CAAC,KAAa;QAC3B,OAAO,IAAI,CAAC,aAAa,CACvB,IAAI,6BAAM,CAAC,mBAAmB,CAAC,yBAAyB,KAAK,IAAI,EACjE,yBAAyB,CAC1B,CAAC;IACJ,CAAC;;AA5BH,wCA6BC;AA5BQ,kCAAY,GAAW,6BAAM,CAAC,IAAI,CAAC;AA8B5C,MAAa,yBAA0B,SAAQ,oBAAc;IAC3D,WAAW;QACT,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,OAAO,EAAE,EAAE,4BAAwB,CAAC,CAAC;IAC5E,CAAC;IAED,gBAAgB;QACd,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,eAAe,CAAC,CAAC,CAAC;IACvD,CAAC;IAED,qBAAqB;QACnB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,qBAAqB,CAAC,CAAC,CAAC;IAC7D,CAAC;IAED,uBAAuB;QACrB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,uBAAuB,CAAC,EAAE,EAAE,4BAAwB,CAAC,CAAC;IAC7F,CAAC;IAED,WAAW;QACT,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,OAAO,CAAC,CAAC;IAC9C,CAAC;IAED,QAAQ;QACN,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,IAAI,CAAC,CAAC;IAC3C,CAAC;IAED,gBAAgB;;QACd,OAAO,MAAA,MAAA,IAAI,CAAC,WAAW,EAAE,0CAAE,UAAU,EAAE,mCAAI,IAAI,CAAC;IAClD,CAAC;IAED,eAAe,CAAC,KAAa;QAC3B,OAAO,IAAI,CAAC,aAAa,CAAC,sBAAsB,KAAK,IAAI,EAAE,yBAAyB,CAAC,CAAC;IACxF,CAAC;IAED,SAAS;QACP,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,yBAAyB,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;IAChG,CAAC;CACF;AApCD,8DAoCC"}

package/test-utils/selectors/side-navigation/index.d.ts

@@ -4,6 +4,7 @@ export default class SideNavigationWrapper extends ComponentWrapper {
     static rootSelector: string;
     findHeader(): ElementWrapper;
     findHeaderLink(): ElementWrapper;
+    findItemsControl(): ElementWrapper;
     findLinkByHref(href: string): ElementWrapper;
     findActiveLink(): ElementWrapper;
     findItemByIndex(index: number): SideNavigationItemWrapper;

package/test-utils/selectors/side-navigation/index.js

@@ -13,6 +13,9 @@ class SideNavigationWrapper extends selectors_1.ComponentWrapper {
     findHeaderLink() {
         return this.findByClassName(styles_selectors_js_1.default['header-link']);
     }
+    findItemsControl() {
+        return this.findByClassName(styles_selectors_js_1.default['items-control']);
+    }
     findLinkByHref(href) {
         return this.find(`.${styles_selectors_js_1.default.link}[href="${href}"]`);
     }

package/test-utils/selectors/side-navigation/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/side-navigation/index.ts"],"names":[],"mappings":";;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,4EAAgG;AAChG,8DAA6D;AAC7D,sFAAkE;AAClE,MAAqB,qBAAsB,SAAQ,4BAAgB;IAEjE,UAAU;QACR,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,MAAM,CAAC,CAAC;IAC7C,CAAC;IACD,cAAc;QACZ,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,aAAa,CAAC,CAAC,CAAC;IACrD,CAAC;IACD,cAAc,CAAC,IAAY;QACzB,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAM,CAAC,IAAI,UAAU,IAAI,IAAI,CAAC,CAAC;IACtD,CAAC;IACD,cAAc;QACZ,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,aAAa,CAAC,CAAC,CAAC;IACrD,CAAC;IACD,eAAe,CAAC,KAAa;QAC3B,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,mBAAmB,CAAC,yBAAyB,KAAK,IAAI,EAAE,yBAAyB,CAAC,CAAC;IAC1H,CAAC;;AAhBH,wCAiBC;AAhBQ,kCAAY,GAAW,6BAAM,CAAC,IAAI,CAAC;AAiB5C,MAAa,yBAA0B,SAAQ,0BAAc;IAC3D,WAAW;QACT,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,OAAO,EAAE,EAAE,4BAAwB,CAAC,CAAC;IAC5E,CAAC;IACD,gBAAgB;QACd,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,eAAe,CAAC,CAAC,CAAC;IACvD,CAAC;IACD,qBAAqB;QACnB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,qBAAqB,CAAC,CAAC,CAAC;IAC7D,CAAC;IACD,uBAAuB;QACrB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,uBAAuB,CAAC,EAAE,EAAE,4BAAwB,CAAC,CAAC;IAC7F,CAAC;IACD,WAAW;QACT,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,OAAO,CAAC,CAAC;IAC9C,CAAC;IACD,QAAQ;QACN,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,IAAI,CAAC,CAAC;IAC3C,CAAC;IACD,gBAAgB;;QACd,OAAO,MAAA,MAAA,IAAI,CAAC,WAAW,EAAE,0CAAE,UAAU,EAAE,mCAAI,IAAI,CAAC;IAClD,CAAC;IACD,eAAe,CAAC,KAAa;QAC3B,OAAO,IAAI,CAAC,aAAa,CAAC,sBAAsB,KAAK,IAAI,EAAE,yBAAyB,CAAC,CAAC;IACxF,CAAC;IACD,SAAS;QACP,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,yBAAyB,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;IAChG,CAAC;CACF;AA5BD,8DA4BC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/side-navigation/index.ts"],"names":[],"mappings":";;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,4EAAgG;AAChG,8DAA6D;AAC7D,sFAAkE;AAClE,MAAqB,qBAAsB,SAAQ,4BAAgB;IAEjE,UAAU;QACR,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,MAAM,CAAC,CAAC;IAC7C,CAAC;IACD,cAAc;QACZ,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,aAAa,CAAC,CAAC,CAAC;IACrD,CAAC;IACD,gBAAgB;QACd,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,eAAe,CAAC,CAAC,CAAC;IACvD,CAAC;IACD,cAAc,CAAC,IAAY;QACzB,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAM,CAAC,IAAI,UAAU,IAAI,IAAI,CAAC,CAAC;IACtD,CAAC;IACD,cAAc;QACZ,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,aAAa,CAAC,CAAC,CAAC;IACrD,CAAC;IACD,eAAe,CAAC,KAAa;QAC3B,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,mBAAmB,CAAC,yBAAyB,KAAK,IAAI,EAAE,yBAAyB,CAAC,CAAC;IAC1H,CAAC;;AAnBH,wCAoBC;AAnBQ,kCAAY,GAAW,6BAAM,CAAC,IAAI,CAAC;AAoB5C,MAAa,yBAA0B,SAAQ,0BAAc;IAC3D,WAAW;QACT,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,OAAO,EAAE,EAAE,4BAAwB,CAAC,CAAC;IAC5E,CAAC;IACD,gBAAgB;QACd,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,eAAe,CAAC,CAAC,CAAC;IACvD,CAAC;IACD,qBAAqB;QACnB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,qBAAqB,CAAC,CAAC,CAAC;IAC7D,CAAC;IACD,uBAAuB;QACrB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,uBAAuB,CAAC,EAAE,EAAE,4BAAwB,CAAC,CAAC;IAC7F,CAAC;IACD,WAAW;QACT,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,OAAO,CAAC,CAAC;IAC9C,CAAC;IACD,QAAQ;QACN,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,IAAI,CAAC,CAAC;IAC3C,CAAC;IACD,gBAAgB;;QACd,OAAO,MAAA,MAAA,IAAI,CAAC,WAAW,EAAE,0CAAE,UAAU,EAAE,mCAAI,IAAI,CAAC;IAClD,CAAC;IACD,eAAe,CAAC,KAAa;QAC3B,OAAO,IAAI,CAAC,aAAa,CAAC,sBAAsB,KAAK,IAAI,EAAE,yBAAyB,CAAC,CAAC;IACxF,CAAC;IACD,SAAS;QACP,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,yBAAyB,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;IAChG,CAAC;CACF;AA5BD,8DA4BC"}