@cloudscape-design/components-themeable 3.0.1344 → 3.0.1345

package/lib/internal/template/side-navigation/styles.selectors.js

@@ -2,55 +2,69 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_l0dv0_nsphd_146",
-  "with-toolbar": "awsui_with-toolbar_l0dv0_nsphd_180",
-  "header": "awsui_header_l0dv0_nsphd_184",
-  "header-link": "awsui_header-link_l0dv0_nsphd_198",
-  "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_nsphd_209",
-  "header-link-text": "awsui_header-link-text_l0dv0_nsphd_209",
-  "header-logo": "awsui_header-logo_l0dv0_nsphd_214",
-  "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_nsphd_220",
-  "items-control": "awsui_items-control_l0dv0_nsphd_225",
-  "list-container": "awsui_list-container_l0dv0_nsphd_230",
-  "root--collapsed": "awsui_root--collapsed_l0dv0_nsphd_238",
-  "divider-header": "awsui_divider-header_l0dv0_nsphd_242",
-  "list": "awsui_list_l0dv0_nsphd_230",
-  "list-variant-root": "awsui_list-variant-root_l0dv0_nsphd_255",
-  "list-variant-root--first": "awsui_list-variant-root--first_l0dv0_nsphd_262",
-  "list-variant-root--collapsed": "awsui_list-variant-root--collapsed_l0dv0_nsphd_265",
-  "list--with-icons": "awsui_list--with-icons_l0dv0_nsphd_269",
-  "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_nsphd_273",
-  "list-variant-section": "awsui_list-variant-section_l0dv0_nsphd_280",
-  "list-variant-link-group": "awsui_list-variant-link-group_l0dv0_nsphd_288",
-  "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_nsphd_292",
-  "list-item": "awsui_list-item_l0dv0_nsphd_299",
-  "list-item--collapsed": "awsui_list-item--collapsed_l0dv0_nsphd_312",
-  "list-item--group": "awsui_list-item--group_l0dv0_nsphd_319",
-  "list-item--group-no-padding-start": "awsui_list-item--group-no-padding-start_l0dv0_nsphd_324",
-  "list-item--group-no-padding-end": "awsui_list-item--group-no-padding-end_l0dv0_nsphd_327",
-  "list-item--link-with-info": "awsui_list-item--link-with-info_l0dv0_nsphd_330",
-  "list--collapsed-group": "awsui_list--collapsed-group_l0dv0_nsphd_335",
-  "section": "awsui_section_l0dv0_nsphd_343",
-  "expandable-link-group": "awsui_expandable-link-group_l0dv0_nsphd_344",
-  "section--no-ident": "awsui_section--no-ident_l0dv0_nsphd_347",
-  "section--expand-icon-end": "awsui_section--expand-icon-end_l0dv0_nsphd_347",
-  "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_nsphd_348",
-  "expandable-link-group--expand-icon-end": "awsui_expandable-link-group--expand-icon-end_l0dv0_nsphd_349",
-  "expandable-link-group--active": "awsui_expandable-link-group--active_l0dv0_nsphd_364",
-  "refresh": "awsui_refresh_l0dv0_nsphd_371",
-  "section-header": "awsui_section-header_l0dv0_nsphd_378",
-  "section-group": "awsui_section-group_l0dv0_nsphd_384",
-  "section-group-title": "awsui_section-group-title_l0dv0_nsphd_392",
-  "link": "awsui_link_l0dv0_nsphd_398",
-  "link-active": "awsui_link-active_l0dv0_nsphd_416",
-  "link--collapsed": "awsui_link--collapsed_l0dv0_nsphd_423",
-  "link-text-wrapper": "awsui_link-text-wrapper_l0dv0_nsphd_471",
-  "info": "awsui_info_l0dv0_nsphd_475",
-  "item-icon": "awsui_item-icon_l0dv0_nsphd_480",
-  "item-icon--collapsed": "awsui_item-icon--collapsed_l0dv0_nsphd_484",
-  "external-icon": "awsui_external-icon_l0dv0_nsphd_488",
-  "divider": "awsui_divider_l0dv0_nsphd_242",
-  "divider-default": "awsui_divider-default_l0dv0_nsphd_496",
-  "divider--collapsed": "awsui_divider--collapsed_l0dv0_nsphd_500"
+  "root": "awsui_root_l0dv0_i4wi0_146",
+  "with-toolbar": "awsui_with-toolbar_l0dv0_i4wi0_180",
+  "header": "awsui_header_l0dv0_i4wi0_184",
+  "list--with-icons": "awsui_list--with-icons_l0dv0_i4wi0_197",
+  "header-link": "awsui_header-link_l0dv0_i4wi0_201",
+  "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_i4wi0_212",
+  "header-link-text": "awsui_header-link-text_l0dv0_i4wi0_212",
+  "header-logo": "awsui_header-logo_l0dv0_i4wi0_217",
+  "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_i4wi0_223",
+  "items-control": "awsui_items-control_l0dv0_i4wi0_228",
+  "list-container": "awsui_list-container_l0dv0_i4wi0_233",
+  "divider-header": "awsui_divider-header_l0dv0_i4wi0_241",
+  "root--collapsed": "awsui_root--collapsed_l0dv0_i4wi0_245",
+  "list": "awsui_list_l0dv0_i4wi0_197",
+  "list-variant-root": "awsui_list-variant-root_l0dv0_i4wi0_258",
+  "list-variant-root--first": "awsui_list-variant-root--first_l0dv0_i4wi0_265",
+  "list-variant-root--collapsed": "awsui_list-variant-root--collapsed_l0dv0_i4wi0_268",
+  "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_i4wi0_275",
+  "list-variant-expandable-link-group--collapsed": "awsui_list-variant-expandable-link-group--collapsed_l0dv0_i4wi0_281",
+  "list-variant-section": "awsui_list-variant-section_l0dv0_i4wi0_285",
+  "list-variant-section--collapsed": "awsui_list-variant-section--collapsed_l0dv0_i4wi0_288",
+  "list-variant-link-group": "awsui_list-variant-link-group_l0dv0_i4wi0_297",
+  "list-variant-link-group--collapsed": "awsui_list-variant-link-group--collapsed_l0dv0_i4wi0_313",
+  "link-group-children": "awsui_link-group-children_l0dv0_i4wi0_330",
+  "link-group-children--collapsed": "awsui_link-group-children--collapsed_l0dv0_i4wi0_347",
+  "link-group-children-inner": "awsui_link-group-children-inner_l0dv0_i4wi0_364",
+  "link-group-children-inner--expanded": "awsui_link-group-children-inner--expanded_l0dv0_i4wi0_383",
+  "link-group-children-inner--settled": "awsui_link-group-children-inner--settled_l0dv0_i4wi0_399",
+  "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_i4wi0_403",
+  "list-variant-section-group--collapsed": "awsui_list-variant-section-group--collapsed_l0dv0_i4wi0_409",
+  "list-item": "awsui_list-item_l0dv0_i4wi0_413",
+  "list-item--collapsed": "awsui_list-item--collapsed_l0dv0_i4wi0_426",
+  "list-item--link-with-info": "awsui_list-item--link-with-info_l0dv0_i4wi0_432",
+  "list-item--group": "awsui_list-item--group_l0dv0_i4wi0_437",
+  "section": "awsui_section_l0dv0_i4wi0_437",
+  "section-group": "awsui_section-group_l0dv0_i4wi0_438",
+  "expandable-link-group": "awsui_expandable-link-group_l0dv0_i4wi0_443",
+  "section--no-ident": "awsui_section--no-ident_l0dv0_i4wi0_446",
+  "section--expand-icon-end": "awsui_section--expand-icon-end_l0dv0_i4wi0_446",
+  "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_i4wi0_447",
+  "expandable-link-group--expand-icon-end": "awsui_expandable-link-group--expand-icon-end_l0dv0_i4wi0_448",
+  "section--collapsed": "awsui_section--collapsed_l0dv0_i4wi0_451",
+  "expandable-link-group--collapsed": "awsui_expandable-link-group--collapsed_l0dv0_i4wi0_452",
+  "expandable-link-group--active": "awsui_expandable-link-group--active_l0dv0_i4wi0_467",
+  "item-icon": "awsui_item-icon_l0dv0_i4wi0_471",
+  "refresh": "awsui_refresh_l0dv0_i4wi0_518",
+  "section-header": "awsui_section-header_l0dv0_i4wi0_569",
+  "section-group-title": "awsui_section-group-title_l0dv0_i4wi0_584",
+  "section-group-title--collapsed": "awsui_section-group-title--collapsed_l0dv0_i4wi0_605",
+  "link": "awsui_link_l0dv0_i4wi0_330",
+  "link-active": "awsui_link-active_l0dv0_i4wi0_663",
+  "link--collapsed": "awsui_link--collapsed_l0dv0_i4wi0_670",
+  "header-link-active": "awsui_header-link-active_l0dv0_i4wi0_790",
+  "link-text-wrapper-content": "awsui_link-text-wrapper-content_l0dv0_i4wi0_819",
+  "link-text-wrapper": "awsui_link-text-wrapper_l0dv0_i4wi0_819",
+  "link-text-wrapper--collapsed": "awsui_link-text-wrapper--collapsed_l0dv0_i4wi0_846",
+  "label-text": "awsui_label-text_l0dv0_i4wi0_864",
+  "label-text--collapsed": "awsui_label-text--collapsed_l0dv0_i4wi0_884",
+  "info": "awsui_info_l0dv0_i4wi0_903",
+  "item-icon--collapsed": "awsui_item-icon--collapsed_l0dv0_i4wi0_925",
+  "external-icon": "awsui_external-icon_l0dv0_i4wi0_929",
+  "divider": "awsui_divider_l0dv0_i4wi0_241",
+  "divider-default": "awsui_divider-default_l0dv0_i4wi0_937",
+  "divider--collapsed": "awsui_divider--collapsed_l0dv0_i4wi0_941"
 };
   

package/lib/internal/template/side-navigation/util.d.ts

@@ -4,5 +4,15 @@ export declare function hasActiveLink(items: ReadonlyArray<SideNavigationProps.I
 export declare function hasNavigationIcons(items: ReadonlyArray<SideNavigationProps.Item>): boolean;
 export declare function generateExpandableItemsMapping(items: ReadonlyArray<SideNavigationProps.Item>, mapping?: WeakMap<SideNavigationProps.Item, ReadonlyArray<ExpandableItem>>, expandableParents?: ReadonlyArray<ExpandableItem>): WeakMap<SideNavigationProps.Item, ReadonlyArray<ExpandableItem>>;
 export declare function checkDuplicateHrefs(items: ReadonlyArray<SideNavigationProps.Item>): void;
+/**
+ * Warns when a collapsed-rail link (root-level link, link-group, ELG, or
+ * promoted root-section child) would render without an icon, making it
+ * invisible in the collapsed state.
+ *
+ * Plain links without icons are hidden entirely. Link-groups and ELGs without
+ * icons render with no visual indicator. Root-level sections/section-groups
+ * promote their direct children, so icon-less children there are also hidden.
+ */
+export declare function checkCollapsedIconSupport(items: ReadonlyArray<SideNavigationProps.Item>, collapsed: boolean): void;
 export {};
 //# sourceMappingURL=util.d.ts.map

package/lib/internal/template/side-navigation/util.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../src/side-navigation/util.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEnD,KAAK,cAAc,GAAG,mBAAmB,CAAC,OAAO,GAAG,mBAAmB,CAAC,mBAAmB,CAAC;AAE5F,wBAAgB,aAAa,CAAC,KAAK,EAAE,aAAa,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,UAAU,EAAE,MAAM,GAAG,OAAO,CAgBzG;AAGD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,aAAa,CAAC,mBAAmB,CAAC,IAAI,CAAC,GAAG,OAAO,CAG1F;AAED,wBAAgB,8BAA8B,CAC5C,KAAK,EAAE,aAAa,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAC9C,OAAO,GAAE,OAAO,CAAC,mBAAmB,CAAC,IAAI,EAAE,aAAa,CAAC,cAAc,CAAC,CAAiB,EACzF,iBAAiB,GAAE,aAAa,CAAC,cAAc,CAAM,GACpD,OAAO,CAAC,mBAAmB,CAAC,IAAI,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC,CAYlE;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,aAAa,CAAC,mBAAmB,CAAC,IAAI,CAAC,QAqBjF"}
+{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../src/side-navigation/util.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEnD,KAAK,cAAc,GAAG,mBAAmB,CAAC,OAAO,GAAG,mBAAmB,CAAC,mBAAmB,CAAC;AAE5F,wBAAgB,aAAa,CAAC,KAAK,EAAE,aAAa,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,UAAU,EAAE,MAAM,GAAG,OAAO,CAgBzG;AAGD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,aAAa,CAAC,mBAAmB,CAAC,IAAI,CAAC,GAAG,OAAO,CAG1F;AAED,wBAAgB,8BAA8B,CAC5C,KAAK,EAAE,aAAa,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAC9C,OAAO,GAAE,OAAO,CAAC,mBAAmB,CAAC,IAAI,EAAE,aAAa,CAAC,cAAc,CAAC,CAAiB,EACzF,iBAAiB,GAAE,aAAa,CAAC,cAAc,CAAM,GACpD,OAAO,CAAC,mBAAmB,CAAC,IAAI,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC,CAYlE;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,aAAa,CAAC,mBAAmB,CAAC,IAAI,CAAC,QAqBjF;AAED;;;;;;;;GAQG;AACH,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,aAAa,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,OAAO,QAgD3G"}

package/lib/internal/template/side-navigation/util.js

@@ -52,4 +52,52 @@ export function checkDuplicateHrefs(items) {
         }
     }
 }
+/**
+ * Warns when a collapsed-rail link (root-level link, link-group, ELG, or
+ * promoted root-section child) would render without an icon, making it
+ * invisible in the collapsed state.
+ *
+ * Plain links without icons are hidden entirely. Link-groups and ELGs without
+ * icons render with no visual indicator. Root-level sections/section-groups
+ * promote their direct children, so icon-less children there are also hidden.
+ */
+export function checkCollapsedIconSupport(items, collapsed) {
+    if (!collapsed) {
+        return;
+    }
+    function warnMissingIcon(item, context) {
+        if (item.icon) {
+            return;
+        }
+        const article = item.type === 'expandable-link-group' ? 'An' : 'A';
+        const consequence = item.type === 'link' ? 'will be hidden' : 'will have no visual indicator';
+        const prefix = item.type === 'link' && !context ? `${article} root-level "${item.type}"` : `${article} "${item.type}"`;
+        const suffix = context ? ` inside ${context}` : '';
+        warnOnce('SideNavigation', `${prefix} ("${item.text}")${suffix} has no icon and ${consequence} when collapsed. ` +
+            'Add an icon to make it visible in the collapsed rail.');
+    }
+    for (const item of items) {
+        switch (item.type) {
+            case 'link':
+            case 'link-group':
+            case 'expandable-link-group':
+                warnMissingIcon(item);
+                break;
+            case 'section':
+                for (const child of item.items) {
+                    if (child.type === 'link' || child.type === 'link-group' || child.type === 'expandable-link-group') {
+                        warnMissingIcon(child, `section "${item.text}"`);
+                    }
+                }
+                break;
+            case 'section-group':
+                for (const child of item.items) {
+                    if (child.type === 'link' || child.type === 'link-group' || child.type === 'expandable-link-group') {
+                        warnMissingIcon(child, `section-group "${item.title}"`);
+                    }
+                }
+                break;
+        }
+    }
+}
 //# sourceMappingURL=util.js.map

package/lib/internal/template/side-navigation/util.js.map

@@ -1 +1 @@
-{"version":3,"file":"util.js","sourceRoot":"","sources":["../../../src/side-navigation/util.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 { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { SideNavigationProps } from './interfaces';\n\ntype ExpandableItem = SideNavigationProps.Section | SideNavigationProps.ExpandableLinkGroup;\n\nexport function hasActiveLink(items: ReadonlyArray<SideNavigationProps.Item>, activeHref: string): boolean {\n  for (const item of items) {\n    if (\n      (item.type === 'link' || item.type === 'link-group' || item.type === 'expandable-link-group') &&\n      item.href === activeHref\n    ) {\n      return true;\n    }\n    if (\n      (item.type === 'section' || item.type === 'link-group' || item.type === 'expandable-link-group') &&\n      hasActiveLink(item.items, activeHref)\n    ) {\n      return true;\n    }\n  }\n  return false;\n}\n\n// Determines whether any top-level navigation item has an icon.\nexport function hasNavigationIcons(items: ReadonlyArray<SideNavigationProps.Item>): boolean {\n  const iconKey: keyof SideNavigationProps.Link = 'icon';\n  return items.some(item => iconKey in item && !!item.icon);\n}\n\nexport function generateExpandableItemsMapping(\n  items: ReadonlyArray<SideNavigationProps.Item>,\n  mapping: WeakMap<SideNavigationProps.Item, ReadonlyArray<ExpandableItem>> = new WeakMap(),\n  expandableParents: ReadonlyArray<ExpandableItem> = []\n): WeakMap<SideNavigationProps.Item, ReadonlyArray<ExpandableItem>> {\n  items.forEach(item => {\n    const nextLevelParents = expandableParents.slice();\n    if (item.type === 'section' || item.type === 'expandable-link-group') {\n      mapping.set(item, expandableParents);\n      nextLevelParents.unshift(item);\n    }\n    if (item.type === 'section' || item.type === 'link-group' || item.type === 'expandable-link-group') {\n      generateExpandableItemsMapping(item.items, mapping, nextLevelParents);\n    }\n  });\n  return mapping;\n}\n\nexport function checkDuplicateHrefs(items: ReadonlyArray<SideNavigationProps.Item>) {\n  const hrefs = new Set();\n  const queue = items.slice();\n  while (queue.length > 0) {\n    // We just checked that there's items in the queue.\n    const item = queue.shift()!;\n\n    // Check duplicated hrefs\n    const hrefKey: keyof SideNavigationProps.Link = 'href';\n    if (hrefKey in item) {\n      if (hrefs.has(item.href)) {\n        warnOnce('SideNavigation', `duplicate href in \"${item.text}\": ${item.href}`);\n      }\n      hrefs.add(item.href);\n    }\n\n    const itemsKey: keyof SideNavigationProps.Section = 'items';\n    if (itemsKey in item) {\n      queue.push(...item.items);\n    }\n  }\n}\n"]}
+{"version":3,"file":"util.js","sourceRoot":"","sources":["../../../src/side-navigation/util.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 { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { SideNavigationProps } from './interfaces';\n\ntype ExpandableItem = SideNavigationProps.Section | SideNavigationProps.ExpandableLinkGroup;\n\nexport function hasActiveLink(items: ReadonlyArray<SideNavigationProps.Item>, activeHref: string): boolean {\n  for (const item of items) {\n    if (\n      (item.type === 'link' || item.type === 'link-group' || item.type === 'expandable-link-group') &&\n      item.href === activeHref\n    ) {\n      return true;\n    }\n    if (\n      (item.type === 'section' || item.type === 'link-group' || item.type === 'expandable-link-group') &&\n      hasActiveLink(item.items, activeHref)\n    ) {\n      return true;\n    }\n  }\n  return false;\n}\n\n// Determines whether any top-level navigation item has an icon.\nexport function hasNavigationIcons(items: ReadonlyArray<SideNavigationProps.Item>): boolean {\n  const iconKey: keyof SideNavigationProps.Link = 'icon';\n  return items.some(item => iconKey in item && !!item.icon);\n}\n\nexport function generateExpandableItemsMapping(\n  items: ReadonlyArray<SideNavigationProps.Item>,\n  mapping: WeakMap<SideNavigationProps.Item, ReadonlyArray<ExpandableItem>> = new WeakMap(),\n  expandableParents: ReadonlyArray<ExpandableItem> = []\n): WeakMap<SideNavigationProps.Item, ReadonlyArray<ExpandableItem>> {\n  items.forEach(item => {\n    const nextLevelParents = expandableParents.slice();\n    if (item.type === 'section' || item.type === 'expandable-link-group') {\n      mapping.set(item, expandableParents);\n      nextLevelParents.unshift(item);\n    }\n    if (item.type === 'section' || item.type === 'link-group' || item.type === 'expandable-link-group') {\n      generateExpandableItemsMapping(item.items, mapping, nextLevelParents);\n    }\n  });\n  return mapping;\n}\n\nexport function checkDuplicateHrefs(items: ReadonlyArray<SideNavigationProps.Item>) {\n  const hrefs = new Set();\n  const queue = items.slice();\n  while (queue.length > 0) {\n    // We just checked that there's items in the queue.\n    const item = queue.shift()!;\n\n    // Check duplicated hrefs\n    const hrefKey: keyof SideNavigationProps.Link = 'href';\n    if (hrefKey in item) {\n      if (hrefs.has(item.href)) {\n        warnOnce('SideNavigation', `duplicate href in \"${item.text}\": ${item.href}`);\n      }\n      hrefs.add(item.href);\n    }\n\n    const itemsKey: keyof SideNavigationProps.Section = 'items';\n    if (itemsKey in item) {\n      queue.push(...item.items);\n    }\n  }\n}\n\n/**\n * Warns when a collapsed-rail link (root-level link, link-group, ELG, or\n * promoted root-section child) would render without an icon, making it\n * invisible in the collapsed state.\n *\n * Plain links without icons are hidden entirely. Link-groups and ELGs without\n * icons render with no visual indicator. Root-level sections/section-groups\n * promote their direct children, so icon-less children there are also hidden.\n */\nexport function checkCollapsedIconSupport(items: ReadonlyArray<SideNavigationProps.Item>, collapsed: boolean) {\n  if (!collapsed) {\n    return;\n  }\n\n  function warnMissingIcon(\n    item: SideNavigationProps.Link | SideNavigationProps.LinkGroup | SideNavigationProps.ExpandableLinkGroup,\n    context?: string\n  ) {\n    if (item.icon) {\n      return;\n    }\n    const article = item.type === 'expandable-link-group' ? 'An' : 'A';\n    const consequence = item.type === 'link' ? 'will be hidden' : 'will have no visual indicator';\n    const prefix =\n      item.type === 'link' && !context ? `${article} root-level \"${item.type}\"` : `${article} \"${item.type}\"`;\n    const suffix = context ? ` inside ${context}` : '';\n\n    warnOnce(\n      'SideNavigation',\n      `${prefix} (\"${item.text}\")${suffix} has no icon and ${consequence} when collapsed. ` +\n        'Add an icon to make it visible in the collapsed rail.'\n    );\n  }\n\n  for (const item of items) {\n    switch (item.type) {\n      case 'link':\n      case 'link-group':\n      case 'expandable-link-group':\n        warnMissingIcon(item);\n        break;\n      case 'section':\n        for (const child of item.items) {\n          if (child.type === 'link' || child.type === 'link-group' || child.type === 'expandable-link-group') {\n            warnMissingIcon(child, `section \"${item.text}\"`);\n          }\n        }\n        break;\n      case 'section-group':\n        for (const child of item.items) {\n          if (child.type === 'link' || child.type === 'link-group' || child.type === 'expandable-link-group') {\n            warnMissingIcon(child, `section-group \"${item.title}\"`);\n          }\n        }\n        break;\n    }\n  }\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudscape-design/components-themeable",
-  "version": "3.0.1344",
+  "version": "3.0.1345",
   "files": [
     "lib"
   ],

package/lib/internal/scss/expandable-section/motion.scss

@@ -1,30 +0,0 @@
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-
-@use '../internal/styles' as styles;
-@use '../internal/styles/tokens' as tokens;
-
-.content {
-  &-enter {
-    @include styles.with-motion {
-      animation: awsui-motion-fade-in tokens.$motion-duration-show-paced tokens.$motion-easing-show-paced;
-      @include styles.animation-fade-in;
-    }
-  }
-}
-
-.trigger {
-  &-expanded {
-    @include styles.with-motion {
-      transition: border-bottom-color tokens.$motion-duration-show-paced tokens.$motion-easing-show-paced;
-    }
-  }
-}
-
-.icon {
-  @include styles.with-motion {
-    transition: transform tokens.$motion-duration-rotate-90 tokens.$motion-easing-rotate-90;
-  }
-}