@cloudscape-design/components-themeable 3.0.663 → 3.0.665

package/lib/internal/template/button/styles.selectors.js

@@ -2,24 +2,24 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "content": "awsui_content_vjswe_1ifev_103",
-  "button": "awsui_button_vjswe_1ifev_107",
-  "variant-normal": "awsui_variant-normal_vjswe_1ifev_158",
-  "variant-icon": "awsui_variant-icon_vjswe_1ifev_201",
-  "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_1ifev_201",
-  "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_1ifev_201",
-  "variant-inline-icon": "awsui_variant-inline-icon_vjswe_1ifev_222",
-  "disabled": "awsui_disabled_vjswe_1ifev_243",
-  "variant-primary": "awsui_variant-primary_vjswe_1ifev_251",
-  "variant-link": "awsui_variant-link_vjswe_1ifev_344",
-  "variant-inline-link": "awsui_variant-inline-link_vjswe_1ifev_623",
-  "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_1ifev_906",
-  "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_1ifev_1004",
-  "button-no-text": "awsui_button-no-text_vjswe_1ifev_1097",
-  "button-no-wrap": "awsui_button-no-wrap_vjswe_1ifev_1101",
-  "full-width": "awsui_full-width_vjswe_1ifev_1104",
-  "icon-left": "awsui_icon-left_vjswe_1ifev_1123",
-  "icon-right": "awsui_icon-right_vjswe_1ifev_1128",
-  "icon": "awsui_icon_vjswe_1ifev_1123"
+  "content": "awsui_content_vjswe_9plb0_101",
+  "button": "awsui_button_vjswe_9plb0_105",
+  "variant-normal": "awsui_variant-normal_vjswe_9plb0_156",
+  "variant-icon": "awsui_variant-icon_vjswe_9plb0_199",
+  "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_9plb0_199",
+  "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_9plb0_199",
+  "variant-inline-icon": "awsui_variant-inline-icon_vjswe_9plb0_220",
+  "disabled": "awsui_disabled_vjswe_9plb0_241",
+  "variant-primary": "awsui_variant-primary_vjswe_9plb0_249",
+  "variant-link": "awsui_variant-link_vjswe_9plb0_342",
+  "variant-inline-link": "awsui_variant-inline-link_vjswe_9plb0_621",
+  "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_9plb0_904",
+  "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_9plb0_1002",
+  "button-no-text": "awsui_button-no-text_vjswe_9plb0_1095",
+  "button-no-wrap": "awsui_button-no-wrap_vjswe_9plb0_1099",
+  "full-width": "awsui_full-width_vjswe_9plb0_1102",
+  "icon-left": "awsui_icon-left_vjswe_9plb0_1121",
+  "icon-right": "awsui_icon-right_vjswe_9plb0_1126",
+  "icon": "awsui_icon_vjswe_9plb0_1121"
 };
   

package/lib/internal/template/button-dropdown/category-elements/category-element.js

@@ -7,7 +7,7 @@ const CategoryElement = ({ item, onItemActivate, onGroupToggle, targetItem, isHi
     // provided as an ARIA label.
     return (React.createElement("li", { className: clsx(styles.category, styles[`variant-${variant}`], disabled && styles.disabled), role: "presentation", "aria-disabled": disabled ? 'true' : undefined },
         item.text && (React.createElement("p", { className: clsx(styles.header, { [styles.disabled]: disabled }), "aria-hidden": "true" }, item.text)),
-        React.createElement("ul", { className: clsx(styles['items-list-container']), role: "group", "aria-label": item.text }, item.items && (React.createElement(ItemsList, { items: item.items, onItemActivate: onItemActivate, onGroupToggle: onGroupToggle, targetItem: targetItem, isHighlighted: isHighlighted, isKeyboardHighlight: isKeyboardHighlight, isExpanded: isExpanded, lastInDropdown: lastInDropdown, highlightItem: highlightItem, categoryDisabled: disabled, hasCategoryHeader: !!item.text, variant: variant })))));
+        React.createElement("ul", { className: styles['items-list-container'], role: "group", "aria-label": item.text }, item.items && (React.createElement(ItemsList, { items: item.items, onItemActivate: onItemActivate, onGroupToggle: onGroupToggle, targetItem: targetItem, isHighlighted: isHighlighted, isKeyboardHighlight: isKeyboardHighlight, isExpanded: isExpanded, lastInDropdown: lastInDropdown, highlightItem: highlightItem, categoryDisabled: disabled, hasCategoryHeader: !!item.text, variant: variant })))));
 };
 export default CategoryElement;
 //# sourceMappingURL=category-element.js.map

package/lib/internal/template/button-dropdown/category-elements/category-element.js.map

@@ -1 +1 @@
-{"version":3,"file":"category-element.js","sourceRoot":"","sources":["../../../../src/button-dropdown/category-elements/category-element.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,SAAS,MAAM,eAAe,CAAC;AAEtC,MAAM,eAAe,GAAG,CAAC,EACvB,IAAI,EACJ,cAAc,EACd,aAAa,EACb,UAAU,EACV,aAAa,EACb,mBAAmB,EACnB,UAAU,EACV,cAAc,EACd,aAAa,EACb,QAAQ,EACR,OAAO,GACO,EAAE,EAAE;IAClB,yEAAyE;IACzE,6BAA6B;IAC7B,OAAO,CACL,4BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,WAAW,OAAO,EAAE,CAAC,EAAE,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,EAC3F,IAAI,EAAC,cAAc,mBACJ,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;QAE3C,IAAI,CAAC,IAAI,IAAI,CACZ,2BAAG,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC,iBAAc,MAAM,IACnF,IAAI,CAAC,IAAI,CACR,CACL;QACD,4BAAI,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAC,EAAE,IAAI,EAAC,OAAO,gBAAa,IAAI,CAAC,IAAI,IACpF,IAAI,CAAC,KAAK,IAAI,CACb,oBAAC,SAAS,IACR,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,mBAAmB,EAAE,mBAAmB,EACxC,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,QAAQ,EAC1B,iBAAiB,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,EAC9B,OAAO,EAAE,OAAO,GAChB,CACH,CACE,CACF,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { CategoryProps } from '../interfaces';\nimport React from 'react';\nimport clsx from 'clsx';\nimport styles from './styles.css.js';\nimport ItemsList from '../items-list';\n\nconst CategoryElement = ({\n  item,\n  onItemActivate,\n  onGroupToggle,\n  targetItem,\n  isHighlighted,\n  isKeyboardHighlight,\n  isExpanded,\n  lastInDropdown,\n  highlightItem,\n  disabled,\n  variant,\n}: CategoryProps) => {\n  // Hide the category title element from screen readers because it will be\n  // provided as an ARIA label.\n  return (\n    <li\n      className={clsx(styles.category, styles[`variant-${variant}`], disabled && styles.disabled)}\n      role=\"presentation\"\n      aria-disabled={disabled ? 'true' : undefined}\n    >\n      {item.text && (\n        <p className={clsx(styles.header, { [styles.disabled]: disabled })} aria-hidden=\"true\">\n          {item.text}\n        </p>\n      )}\n      <ul className={clsx(styles['items-list-container'])} role=\"group\" aria-label={item.text}>\n        {item.items && (\n          <ItemsList\n            items={item.items}\n            onItemActivate={onItemActivate}\n            onGroupToggle={onGroupToggle}\n            targetItem={targetItem}\n            isHighlighted={isHighlighted}\n            isKeyboardHighlight={isKeyboardHighlight}\n            isExpanded={isExpanded}\n            lastInDropdown={lastInDropdown}\n            highlightItem={highlightItem}\n            categoryDisabled={disabled}\n            hasCategoryHeader={!!item.text}\n            variant={variant}\n          />\n        )}\n      </ul>\n    </li>\n  );\n};\n\nexport default CategoryElement;\n"]}
+{"version":3,"file":"category-element.js","sourceRoot":"","sources":["../../../../src/button-dropdown/category-elements/category-element.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,SAAS,MAAM,eAAe,CAAC;AAEtC,MAAM,eAAe,GAAG,CAAC,EACvB,IAAI,EACJ,cAAc,EACd,aAAa,EACb,UAAU,EACV,aAAa,EACb,mBAAmB,EACnB,UAAU,EACV,cAAc,EACd,aAAa,EACb,QAAQ,EACR,OAAO,GACO,EAAE,EAAE;IAClB,yEAAyE;IACzE,6BAA6B;IAC7B,OAAO,CACL,4BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,WAAW,OAAO,EAAE,CAAC,EAAE,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,EAC3F,IAAI,EAAC,cAAc,mBACJ,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;QAE3C,IAAI,CAAC,IAAI,IAAI,CACZ,2BAAG,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC,iBAAc,MAAM,IACnF,IAAI,CAAC,IAAI,CACR,CACL;QACD,4BAAI,SAAS,EAAE,MAAM,CAAC,sBAAsB,CAAC,EAAE,IAAI,EAAC,OAAO,gBAAa,IAAI,CAAC,IAAI,IAC9E,IAAI,CAAC,KAAK,IAAI,CACb,oBAAC,SAAS,IACR,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,mBAAmB,EAAE,mBAAmB,EACxC,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,QAAQ,EAC1B,iBAAiB,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,EAC9B,OAAO,EAAE,OAAO,GAChB,CACH,CACE,CACF,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { CategoryProps } from '../interfaces';\nimport React from 'react';\nimport clsx from 'clsx';\nimport styles from './styles.css.js';\nimport ItemsList from '../items-list';\n\nconst CategoryElement = ({\n  item,\n  onItemActivate,\n  onGroupToggle,\n  targetItem,\n  isHighlighted,\n  isKeyboardHighlight,\n  isExpanded,\n  lastInDropdown,\n  highlightItem,\n  disabled,\n  variant,\n}: CategoryProps) => {\n  // Hide the category title element from screen readers because it will be\n  // provided as an ARIA label.\n  return (\n    <li\n      className={clsx(styles.category, styles[`variant-${variant}`], disabled && styles.disabled)}\n      role=\"presentation\"\n      aria-disabled={disabled ? 'true' : undefined}\n    >\n      {item.text && (\n        <p className={clsx(styles.header, { [styles.disabled]: disabled })} aria-hidden=\"true\">\n          {item.text}\n        </p>\n      )}\n      <ul className={styles['items-list-container']} role=\"group\" aria-label={item.text}>\n        {item.items && (\n          <ItemsList\n            items={item.items}\n            onItemActivate={onItemActivate}\n            onGroupToggle={onGroupToggle}\n            targetItem={targetItem}\n            isHighlighted={isHighlighted}\n            isKeyboardHighlight={isKeyboardHighlight}\n            isExpanded={isExpanded}\n            lastInDropdown={lastInDropdown}\n            highlightItem={highlightItem}\n            categoryDisabled={disabled}\n            hasCategoryHeader={!!item.text}\n            variant={variant}\n          />\n        )}\n      </ul>\n    </li>\n  );\n};\n\nexport default CategoryElement;\n"]}

package/lib/internal/template/button-dropdown/category-elements/mobile-expandable-category-element.js

@@ -55,7 +55,7 @@ const MobileExpandableCategoryElement = ({ item, onItemActivate, onGroupToggle,
         content = trigger;
     }
     else {
-        content = (React.createElement(MobileExpandableGroup, { open: expanded, trigger: trigger }, item.items && expanded && (React.createElement("ul", { role: "menu", "aria-label": item.text, className: clsx(styles['items-list-container']) },
+        content = (React.createElement(MobileExpandableGroup, { open: expanded, trigger: trigger }, item.items && expanded && (React.createElement("ul", { role: "menu", "aria-label": item.text, className: styles['items-list-container'] },
             React.createElement(ItemsList, { items: item.items, onItemActivate: onItemActivate, onGroupToggle: onGroupToggle, targetItem: targetItem, isHighlighted: isHighlighted, isKeyboardHighlight: isKeyboardHighlight, isExpanded: isExpanded, lastInDropdown: lastInDropdown, highlightItem: highlightItem, hasCategoryHeader: true, variant: variant })))));
     }
     return (React.createElement("li", { className: clsx(styles.category, styles[`variant-${variant}`], styles.expandable, {

package/lib/internal/template/button-dropdown/category-elements/mobile-expandable-category-element.js.map

@@ -1 +1 @@
-{"version":3,"file":"mobile-expandable-category-element.js","sourceRoot":"","sources":["../../../../src/button-dropdown/category-elements/mobile-expandable-category-element.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAC/C,OAAO,SAAS,MAAM,eAAe,CAAC;AACtC,OAAO,qBAAqB,MAAM,oDAAoD,CAAC;AAEvF,OAAO,OAAO,MAAM,eAAe,CAAC;AACpC,OAAO,oBAAoB,MAAM,oCAAoC,CAAC;AACtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,MAAM,+BAA+B,GAAG,CAAC,EACvC,IAAI,EACJ,cAAc,EACd,aAAa,EACb,UAAU,EACV,aAAa,EACb,mBAAmB,EACnB,UAAU,EACV,cAAc,EACd,aAAa,EACb,QAAQ,EACR,OAAO,GACO,EAAE,EAAE;IAClB,MAAM,WAAW,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IACxC,MAAM,QAAQ,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;IAClC,MAAM,qBAAqB,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAAC;IACxD,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAkB,IAAI,CAAC,CAAC;IAEvD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,UAAU,CAAC,OAAO,IAAI,WAAW,IAAI,CAAC,QAAQ,EAAE;YAClD,UAAU,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;SAC5B;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;IAE5B,MAAM,OAAO,GAAG,CAAC,CAAmB,EAAE,EAAE;QACtC,IAAI,CAAC,QAAQ,EAAE;YACb,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,aAAa,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;SACxB;IACH,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,aAAa,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,CAAC,CAAC,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,QAAQ,CAAC;IACpE,MAAM,EAAE,WAAW,EAAE,aAAa,EAAE,GAAG,oBAAoB,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IACjF,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,IAAI,CAC3B,4CACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC,WAAW,OAAO,EAAE,CAAC,EAAE;YACxF,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,WAAW;YACjC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,EAAE,QAAQ;YACjC,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ;YAC3B,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,EAAE,qBAAqB;SAC9C,CAAC;QACF,wFAAwF;QACxF,wFAAwF;QACxF,8EAA8E;QAC9E,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC9B,GAAG,EAAE,UAAU,IACX,gBAAgB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EACtD,CAAC,oBAAoB,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;QAE5C,IAAI,CAAC,IAAI;QACV,8BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE;gBACrC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,EAAE,QAAQ;aACrC,CAAC;YAEF,oBAAC,YAAY,IAAC,IAAI,EAAC,mBAAmB,GAAG,CACpC,CACF,CACR,CAAC;IAEF,IAAI,OAAwB,CAAC;IAE7B,IAAI,oBAAoB,EAAE;QACxB,OAAO,GAAG,CACR;YACG,aAAa;YACd,oBAAC,OAAO,IAAC,OAAO,EAAE,IAAI,CAAC,cAAc,IAAG,OAAO,CAAW,CACzD,CACJ,CAAC;KACH;SAAM,IAAI,QAAQ,EAAE;QACnB,OAAO,GAAG,OAAO,CAAC;KACnB;SAAM;QACL,OAAO,GAAG,CACR,oBAAC,qBAAqB,IAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,IACpD,IAAI,CAAC,KAAK,IAAI,QAAQ,IAAI,CACzB,4BAAI,IAAI,EAAC,MAAM,gBAAa,IAAI,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAC;YACpF,oBAAC,SAAS,IACR,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,mBAAmB,EAAE,mBAAmB,EACxC,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,iBAAiB,EAAE,IAAI,EACvB,OAAO,EAAE,OAAO,GAChB,CACC,CACN,CACqB,CACzB,CAAC;KACH;IAED,OAAO,CACL,4BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,WAAW,OAAO,EAAE,CAAC,EAAE,MAAM,CAAC,UAAU,EAAE;YAChF,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ;YAC3B,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ;YAC3B,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,WAAW,IAAI,QAAQ;YAC7C,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,IAAI;SAC1B,CAAC,EACF,IAAI,EAAC,cAAc,EACnB,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,OAAO,EACrB,YAAY,EAAE,OAAO,iBACR,IAAI,CAAC,EAAE,IAEnB,OAAO,CACL,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,+BAA+B,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect } from 'react';\nimport clsx from 'clsx';\nimport styles from './styles.css.js';\n\nimport InternalIcon from '../../icon/internal';\nimport ItemsList from '../items-list';\nimport MobileExpandableGroup from '../mobile-expandable-group/mobile-expandable-group';\nimport { CategoryProps } from '../interfaces';\nimport Tooltip from '../tooltip.js';\nimport useHiddenDescription from '../utils/use-hidden-description.js';\nimport { getMenuItemProps } from '../utils/menu-item.js';\n\nconst MobileExpandableCategoryElement = ({\n  item,\n  onItemActivate,\n  onGroupToggle,\n  targetItem,\n  isHighlighted,\n  isKeyboardHighlight,\n  isExpanded,\n  lastInDropdown,\n  highlightItem,\n  disabled,\n  variant,\n}: CategoryProps) => {\n  const highlighted = isHighlighted(item);\n  const expanded = isExpanded(item);\n  const isKeyboardHighlighted = isKeyboardHighlight(item);\n  const triggerRef = React.useRef<HTMLSpanElement>(null);\n\n  useEffect(() => {\n    if (triggerRef.current && highlighted && !expanded) {\n      triggerRef.current.focus();\n    }\n  }, [expanded, highlighted]);\n\n  const onClick = (e: React.MouseEvent) => {\n    if (!disabled) {\n      e.preventDefault();\n      onGroupToggle(item, e);\n    }\n  };\n\n  const onHover = () => {\n    highlightItem(item);\n  };\n\n  const isDisabledWithReason = !!item.disabledReason && item.disabled;\n  const { targetProps, descriptionEl } = useHiddenDescription(item.disabledReason);\n  const trigger = item.text && (\n    <span\n      className={clsx(styles.header, styles['expandable-header'], styles[`variant-${variant}`], {\n        [styles.highlighted]: highlighted,\n        [styles['rolled-down']]: expanded,\n        [styles.disabled]: disabled,\n        [styles['is-focused']]: isKeyboardHighlighted,\n      })}\n      // We are using the roving tabindex technique to manage the focus state of the dropdown.\n      // The current element will always have tabindex=0 which means that it can be tabbed to,\n      // while all other items have tabindex=-1 so we can focus them when necessary.\n      tabIndex={highlighted ? 0 : -1}\n      ref={triggerRef}\n      {...getMenuItemProps({ parent: true, disabled, expanded })}\n      {...(isDisabledWithReason ? targetProps : {})}\n    >\n      {item.text}\n      <span\n        className={clsx(styles['expand-icon'], {\n          [styles['expand-icon-up']]: expanded,\n        })}\n      >\n        <InternalIcon name=\"caret-down-filled\" />\n      </span>\n    </span>\n  );\n\n  let content: React.ReactNode;\n\n  if (isDisabledWithReason) {\n    content = (\n      <>\n        {descriptionEl}\n        <Tooltip content={item.disabledReason}>{trigger}</Tooltip>\n      </>\n    );\n  } else if (disabled) {\n    content = trigger;\n  } else {\n    content = (\n      <MobileExpandableGroup open={expanded} trigger={trigger}>\n        {item.items && expanded && (\n          <ul role=\"menu\" aria-label={item.text} className={clsx(styles['items-list-container'])}>\n            <ItemsList\n              items={item.items}\n              onItemActivate={onItemActivate}\n              onGroupToggle={onGroupToggle}\n              targetItem={targetItem}\n              isHighlighted={isHighlighted}\n              isKeyboardHighlight={isKeyboardHighlight}\n              isExpanded={isExpanded}\n              lastInDropdown={lastInDropdown}\n              highlightItem={highlightItem}\n              hasCategoryHeader={true}\n              variant={variant}\n            />\n          </ul>\n        )}\n      </MobileExpandableGroup>\n    );\n  }\n\n  return (\n    <li\n      className={clsx(styles.category, styles[`variant-${variant}`], styles.expandable, {\n        [styles.expanded]: expanded,\n        [styles.disabled]: disabled,\n        [styles.highlighted]: highlighted || expanded,\n        [styles.expandable]: true,\n      })}\n      role=\"presentation\"\n      onClick={onClick}\n      onMouseEnter={onHover}\n      onTouchStart={onHover}\n      data-testid={item.id}\n    >\n      {content}\n    </li>\n  );\n};\n\nexport default MobileExpandableCategoryElement;\n"]}
+{"version":3,"file":"mobile-expandable-category-element.js","sourceRoot":"","sources":["../../../../src/button-dropdown/category-elements/mobile-expandable-category-element.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, { useEffect } from 'react';\nimport clsx from 'clsx';\nimport styles from './styles.css.js';\n\nimport InternalIcon from '../../icon/internal';\nimport ItemsList from '../items-list';\nimport MobileExpandableGroup from '../mobile-expandable-group/mobile-expandable-group';\nimport { CategoryProps } from '../interfaces';\nimport Tooltip from '../tooltip.js';\nimport useHiddenDescription from '../utils/use-hidden-description.js';\nimport { getMenuItemProps } from '../utils/menu-item.js';\n\nconst MobileExpandableCategoryElement = ({\n  item,\n  onItemActivate,\n  onGroupToggle,\n  targetItem,\n  isHighlighted,\n  isKeyboardHighlight,\n  isExpanded,\n  lastInDropdown,\n  highlightItem,\n  disabled,\n  variant,\n}: CategoryProps) => {\n  const highlighted = isHighlighted(item);\n  const expanded = isExpanded(item);\n  const isKeyboardHighlighted = isKeyboardHighlight(item);\n  const triggerRef = React.useRef<HTMLSpanElement>(null);\n\n  useEffect(() => {\n    if (triggerRef.current && highlighted && !expanded) {\n      triggerRef.current.focus();\n    }\n  }, [expanded, highlighted]);\n\n  const onClick = (e: React.MouseEvent) => {\n    if (!disabled) {\n      e.preventDefault();\n      onGroupToggle(item, e);\n    }\n  };\n\n  const onHover = () => {\n    highlightItem(item);\n  };\n\n  const isDisabledWithReason = !!item.disabledReason && item.disabled;\n  const { targetProps, descriptionEl } = useHiddenDescription(item.disabledReason);\n  const trigger = item.text && (\n    <span\n      className={clsx(styles.header, styles['expandable-header'], styles[`variant-${variant}`], {\n        [styles.highlighted]: highlighted,\n        [styles['rolled-down']]: expanded,\n        [styles.disabled]: disabled,\n        [styles['is-focused']]: isKeyboardHighlighted,\n      })}\n      // We are using the roving tabindex technique to manage the focus state of the dropdown.\n      // The current element will always have tabindex=0 which means that it can be tabbed to,\n      // while all other items have tabindex=-1 so we can focus them when necessary.\n      tabIndex={highlighted ? 0 : -1}\n      ref={triggerRef}\n      {...getMenuItemProps({ parent: true, disabled, expanded })}\n      {...(isDisabledWithReason ? targetProps : {})}\n    >\n      {item.text}\n      <span\n        className={clsx(styles['expand-icon'], {\n          [styles['expand-icon-up']]: expanded,\n        })}\n      >\n        <InternalIcon name=\"caret-down-filled\" />\n      </span>\n    </span>\n  );\n\n  let content: React.ReactNode;\n\n  if (isDisabledWithReason) {\n    content = (\n      <>\n        {descriptionEl}\n        <Tooltip content={item.disabledReason}>{trigger}</Tooltip>\n      </>\n    );\n  } else if (disabled) {\n    content = trigger;\n  } else {\n    content = (\n      <MobileExpandableGroup open={expanded} trigger={trigger}>\n        {item.items && expanded && (\n          <ul role=\"menu\" aria-label={item.text} className={styles['items-list-container']}>\n            <ItemsList\n              items={item.items}\n              onItemActivate={onItemActivate}\n              onGroupToggle={onGroupToggle}\n              targetItem={targetItem}\n              isHighlighted={isHighlighted}\n              isKeyboardHighlight={isKeyboardHighlight}\n              isExpanded={isExpanded}\n              lastInDropdown={lastInDropdown}\n              highlightItem={highlightItem}\n              hasCategoryHeader={true}\n              variant={variant}\n            />\n          </ul>\n        )}\n      </MobileExpandableGroup>\n    );\n  }\n\n  return (\n    <li\n      className={clsx(styles.category, styles[`variant-${variant}`], styles.expandable, {\n        [styles.expanded]: expanded,\n        [styles.disabled]: disabled,\n        [styles.highlighted]: highlighted || expanded,\n        [styles.expandable]: true,\n      })}\n      role=\"presentation\"\n      onClick={onClick}\n      onMouseEnter={onHover}\n      onTouchStart={onHover}\n      data-testid={item.id}\n    >\n      {content}\n    </li>\n  );\n};\n\nexport default MobileExpandableCategoryElement;\n"]}

package/lib/internal/template/button-dropdown/category-elements/styles.css.js

@@ -1,19 +1,19 @@
 
     import './styles.scoped.css';
     export default {
-  "header": "awsui_header_16mm3_42iuc_99",
-  "disabled": "awsui_disabled_16mm3_42iuc_116",
-  "expandable-header": "awsui_expandable-header_16mm3_42iuc_120",
-  "rolled-down": "awsui_rolled-down_16mm3_42iuc_131",
-  "highlighted": "awsui_highlighted_16mm3_42iuc_134",
-  "is-focused": "awsui_is-focused_16mm3_42iuc_152",
-  "category": "awsui_category_16mm3_42iuc_157",
-  "expandable": "awsui_expandable_16mm3_42iuc_120",
-  "variant-navigation": "awsui_variant-navigation_16mm3_42iuc_172",
-  "expand-icon": "awsui_expand-icon_16mm3_42iuc_179",
-  "expand-icon-up": "awsui_expand-icon-up_16mm3_42iuc_186",
-  "expand-icon-right": "awsui_expand-icon-right_16mm3_42iuc_189",
-  "items-list-container": "awsui_items-list-container_16mm3_42iuc_206",
-  "in-dropdown": "awsui_in-dropdown_16mm3_42iuc_215"
+  "header": "awsui_header_16mm3_b1pjk_97",
+  "disabled": "awsui_disabled_16mm3_b1pjk_114",
+  "expandable-header": "awsui_expandable-header_16mm3_b1pjk_118",
+  "rolled-down": "awsui_rolled-down_16mm3_b1pjk_129",
+  "highlighted": "awsui_highlighted_16mm3_b1pjk_132",
+  "is-focused": "awsui_is-focused_16mm3_b1pjk_150",
+  "category": "awsui_category_16mm3_b1pjk_155",
+  "expandable": "awsui_expandable_16mm3_b1pjk_118",
+  "variant-navigation": "awsui_variant-navigation_16mm3_b1pjk_170",
+  "expand-icon": "awsui_expand-icon_16mm3_b1pjk_177",
+  "expand-icon-up": "awsui_expand-icon-up_16mm3_b1pjk_184",
+  "expand-icon-right": "awsui_expand-icon-right_16mm3_b1pjk_187",
+  "items-list-container": "awsui_items-list-container_16mm3_b1pjk_205",
+  "in-dropdown": "awsui_in-dropdown_16mm3_b1pjk_214"
 };
   

package/lib/internal/template/button-dropdown/category-elements/styles.scoped.css

@@ -2,8 +2,6 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/* stylelint-disable plugin/no-unsupported-browser-features */
-/* stylelint-enable plugin/no-unsupported-browser-features */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -96,7 +94,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_header_16mm3_42iuc_99:not(#\9) {
+.awsui_header_16mm3_b1pjk_97:not(#\9) {
   position: relative;
   margin-block: 0;
   margin-inline: 0;
@@ -113,25 +111,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline: calc(var(--space-button-horizontal-lcftji, 20px) + var(--border-item-width-0zxiwv, 1px));
   z-index: 1;
 }
-.awsui_header_16mm3_42iuc_99.awsui_disabled_16mm3_42iuc_116:not(#\9) {
+.awsui_header_16mm3_b1pjk_97.awsui_disabled_16mm3_b1pjk_114:not(#\9) {
   color: var(--color-text-dropdown-item-disabled-nf1b1j, #aab7b8);
   cursor: default;
 }
-.awsui_header_16mm3_42iuc_99.awsui_expandable-header_16mm3_42iuc_120:not(#\9) {
+.awsui_header_16mm3_b1pjk_97.awsui_expandable-header_16mm3_b1pjk_118:not(#\9) {
   border-block-start-color: var(--color-border-dropdown-group-mkqzrv, #eaeded);
   border-block-end-color: var(--color-border-dropdown-group-mkqzrv, #eaeded);
   cursor: pointer;
 }
-.awsui_header_16mm3_42iuc_99.awsui_expandable-header_16mm3_42iuc_120.awsui_disabled_16mm3_42iuc_116:not(#\9) {
+.awsui_header_16mm3_b1pjk_97.awsui_expandable-header_16mm3_b1pjk_118.awsui_disabled_16mm3_b1pjk_114:not(#\9) {
   cursor: default;
 }
-.awsui_header_16mm3_42iuc_99.awsui_expandable-header_16mm3_42iuc_120:not(#\9):focus {
+.awsui_header_16mm3_b1pjk_97.awsui_expandable-header_16mm3_b1pjk_118:not(#\9):focus {
   outline: none;
 }
-.awsui_header_16mm3_42iuc_99.awsui_expandable-header_16mm3_42iuc_120.awsui_rolled-down_16mm3_42iuc_131:not(#\9) {
+.awsui_header_16mm3_b1pjk_97.awsui_expandable-header_16mm3_b1pjk_118.awsui_rolled-down_16mm3_b1pjk_129:not(#\9) {
   border-block-end-color: transparent;
 }
-.awsui_header_16mm3_42iuc_99.awsui_expandable-header_16mm3_42iuc_120.awsui_highlighted_16mm3_42iuc_134:not(#\9) {
+.awsui_header_16mm3_b1pjk_97.awsui_expandable-header_16mm3_b1pjk_118.awsui_highlighted_16mm3_b1pjk_132:not(#\9) {
   background-color: var(--color-background-dropdown-item-hover-i8ac7r, #f2f3f3);
   color: var(--color-text-dropdown-item-highlighted-ek38zi, #16191f);
   padding-block: var(--space-xxs-9rrxti, 4px);
@@ -144,66 +142,67 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-item-jsz3j8, 0px);
   z-index: 2;
 }
-.awsui_header_16mm3_42iuc_99.awsui_expandable-header_16mm3_42iuc_120.awsui_highlighted_16mm3_42iuc_134.awsui_disabled_16mm3_42iuc_116:not(#\9) {
+.awsui_header_16mm3_b1pjk_97.awsui_expandable-header_16mm3_b1pjk_118.awsui_highlighted_16mm3_b1pjk_132.awsui_disabled_16mm3_b1pjk_114:not(#\9) {
   background-color: var(--color-background-dropdown-item-dimmed-e83q5u, transparent);
   border-color: var(--color-border-dropdown-item-dimmed-hover-ydzhss, #879596);
   color: var(--color-text-dropdown-item-dimmed-oru6hf, #aab7b8);
 }
-.awsui_header_16mm3_42iuc_99.awsui_expandable-header_16mm3_42iuc_120.awsui_highlighted_16mm3_42iuc_134.awsui_is-focused_16mm3_42iuc_152:not(#\9) {
+.awsui_header_16mm3_b1pjk_97.awsui_expandable-header_16mm3_b1pjk_118.awsui_highlighted_16mm3_b1pjk_132.awsui_is-focused_16mm3_b1pjk_150:not(#\9) {
   border-color: var(--color-border-dropdown-item-focused-3o10kx, #0073bb);
   box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-0k725q, 1px) var(--color-border-item-focused-v8nq2m, #0073bb);
 }
 
-.awsui_category_16mm3_42iuc_157:not(#\9) {
+.awsui_category_16mm3_b1pjk_155:not(#\9) {
   list-style: none;
   margin-block-start: calc(-1 * var(--border-divider-list-width-471u6a, 1px));
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_category_16mm3_42iuc_157:not(#\9):first-child {
+.awsui_category_16mm3_b1pjk_155:not(#\9):first-child {
   margin-block-start: 0;
 }
-.awsui_category_16mm3_42iuc_157.awsui_expandable_16mm3_42iuc_120:not(#\9) {
+.awsui_category_16mm3_b1pjk_155.awsui_expandable_16mm3_b1pjk_118:not(#\9) {
   border-block-start: 0;
 }
-.awsui_category_16mm3_42iuc_157:not(#\9):last-child {
+.awsui_category_16mm3_b1pjk_155:not(#\9):last-child {
   border-block-end: none;
 }
-.awsui_category_16mm3_42iuc_157.awsui_variant-navigation_16mm3_42iuc_172:not(#\9) {
+.awsui_category_16mm3_b1pjk_155.awsui_variant-navigation_16mm3_b1pjk_170:not(#\9) {
   padding-block-start: var(--space-xxs-9rrxti, 4px);
 }
-.awsui_category_16mm3_42iuc_157.awsui_variant-navigation_16mm3_42iuc_172.awsui_expandable_16mm3_42iuc_120:not(#\9) {
+.awsui_category_16mm3_b1pjk_155.awsui_variant-navigation_16mm3_b1pjk_170.awsui_expandable_16mm3_b1pjk_118:not(#\9) {
   padding-block-start: 0;
 }
 
-.awsui_expand-icon_16mm3_42iuc_179:not(#\9) {
+.awsui_expand-icon_16mm3_b1pjk_177:not(#\9) {
   position: relative;
   inset-inline-start: var(--space-s-2025hl, 12px);
   inline-size: var(--space-m-kpg8id, 16px);
   display: inline-block;
   transition: transform var(--motion-duration-rotate-180-6z1h8e, 135ms) var(--motion-easing-rotate-180-l3wboa, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
-.awsui_expand-icon-up_16mm3_42iuc_186:not(#\9) {
+.awsui_expand-icon-up_16mm3_b1pjk_184:not(#\9) {
   transform: rotate(-180deg);
 }
-.awsui_expand-icon-right_16mm3_42iuc_189:not(#\9) {
+.awsui_expand-icon-right_16mm3_b1pjk_187:not(#\9) {
   transform: rotate(-90deg);
+  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_expand-icon-right_16mm3_42iuc_189:not(#\9):dir(rtl) {
+.awsui_expand-icon-right_16mm3_b1pjk_187:not(#\9):dir(rtl) {
   transform: rotate(90deg);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_expand-icon_16mm3_42iuc_179:not(#\9) {
+  .awsui_expand-icon_16mm3_b1pjk_177:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_expand-icon_16mm3_42iuc_179:not(#\9), .awsui-mode-entering .awsui_expand-icon_16mm3_42iuc_179:not(#\9) {
+.awsui-motion-disabled .awsui_expand-icon_16mm3_b1pjk_177:not(#\9), .awsui-mode-entering .awsui_expand-icon_16mm3_b1pjk_177:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_items-list-container_16mm3_42iuc_206:not(#\9) {
+.awsui_items-list-container_16mm3_b1pjk_205:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   margin-block-start: -1px;
@@ -212,6 +211,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   overflow-y: auto;
 }
 
-.awsui_in-dropdown_16mm3_42iuc_215:not(#\9) {
+.awsui_in-dropdown_16mm3_b1pjk_214:not(#\9) {
   margin-block-end: -1px;
 }

package/lib/internal/template/button-dropdown/category-elements/styles.selectors.js

@@ -2,19 +2,19 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "header": "awsui_header_16mm3_42iuc_99",
-  "disabled": "awsui_disabled_16mm3_42iuc_116",
-  "expandable-header": "awsui_expandable-header_16mm3_42iuc_120",
-  "rolled-down": "awsui_rolled-down_16mm3_42iuc_131",
-  "highlighted": "awsui_highlighted_16mm3_42iuc_134",
-  "is-focused": "awsui_is-focused_16mm3_42iuc_152",
-  "category": "awsui_category_16mm3_42iuc_157",
-  "expandable": "awsui_expandable_16mm3_42iuc_120",
-  "variant-navigation": "awsui_variant-navigation_16mm3_42iuc_172",
-  "expand-icon": "awsui_expand-icon_16mm3_42iuc_179",
-  "expand-icon-up": "awsui_expand-icon-up_16mm3_42iuc_186",
-  "expand-icon-right": "awsui_expand-icon-right_16mm3_42iuc_189",
-  "items-list-container": "awsui_items-list-container_16mm3_42iuc_206",
-  "in-dropdown": "awsui_in-dropdown_16mm3_42iuc_215"
+  "header": "awsui_header_16mm3_b1pjk_97",
+  "disabled": "awsui_disabled_16mm3_b1pjk_114",
+  "expandable-header": "awsui_expandable-header_16mm3_b1pjk_118",
+  "rolled-down": "awsui_rolled-down_16mm3_b1pjk_129",
+  "highlighted": "awsui_highlighted_16mm3_b1pjk_132",
+  "is-focused": "awsui_is-focused_16mm3_b1pjk_150",
+  "category": "awsui_category_16mm3_b1pjk_155",
+  "expandable": "awsui_expandable_16mm3_b1pjk_118",
+  "variant-navigation": "awsui_variant-navigation_16mm3_b1pjk_170",
+  "expand-icon": "awsui_expand-icon_16mm3_b1pjk_177",
+  "expand-icon-up": "awsui_expand-icon-up_16mm3_b1pjk_184",
+  "expand-icon-right": "awsui_expand-icon-right_16mm3_b1pjk_187",
+  "items-list-container": "awsui_items-list-container_16mm3_b1pjk_205",
+  "in-dropdown": "awsui_in-dropdown_16mm3_b1pjk_214"
 };
   

package/lib/internal/template/button-dropdown/item-element/styles.css.js

@@ -1,16 +1,16 @@
 
     import './styles.scoped.css';
     export default {
-  "item-element": "awsui_item-element_93a1u_1hbi0_99",
-  "disabled": "awsui_disabled_93a1u_1hbi0_111",
-  "show-divider": "awsui_show-divider_93a1u_1hbi0_118",
-  "highlighted": "awsui_highlighted_93a1u_1hbi0_121",
-  "is-focused": "awsui_is-focused_93a1u_1hbi0_136",
-  "menu-item": "awsui_menu-item_93a1u_1hbi0_141",
-  "has-category-header": "awsui_has-category-header_93a1u_1hbi0_155",
-  "has-checkmark": "awsui_has-checkmark_93a1u_1hbi0_155",
-  "icon": "awsui_icon_93a1u_1hbi0_159",
-  "checkmark": "awsui_checkmark_93a1u_1hbi0_163",
-  "external-icon": "awsui_external-icon_93a1u_1hbi0_170"
+  "item-element": "awsui_item-element_93a1u_nrbc1_97",
+  "disabled": "awsui_disabled_93a1u_nrbc1_109",
+  "show-divider": "awsui_show-divider_93a1u_nrbc1_116",
+  "highlighted": "awsui_highlighted_93a1u_nrbc1_119",
+  "is-focused": "awsui_is-focused_93a1u_nrbc1_134",
+  "menu-item": "awsui_menu-item_93a1u_nrbc1_139",
+  "has-category-header": "awsui_has-category-header_93a1u_nrbc1_154",
+  "has-checkmark": "awsui_has-checkmark_93a1u_nrbc1_154",
+  "icon": "awsui_icon_93a1u_nrbc1_158",
+  "checkmark": "awsui_checkmark_93a1u_nrbc1_162",
+  "external-icon": "awsui_external-icon_93a1u_nrbc1_169"
 };
   

package/lib/internal/template/button-dropdown/item-element/styles.scoped.css

@@ -2,8 +2,6 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/* stylelint-disable plugin/no-unsupported-browser-features */
-/* stylelint-enable plugin/no-unsupported-browser-features */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -96,7 +94,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_item-element_93a1u_1hbi0_99:not(#\9) {
+.awsui_item-element_93a1u_nrbc1_97:not(#\9) {
   position: relative;
   z-index: 1;
   border-block: var(--border-item-width-0zxiwv, 1px) solid transparent;
@@ -108,17 +106,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block-start: calc(-1 * var(--border-field-width-yoy972, 1px));
   cursor: pointer;
 }
-.awsui_item-element_93a1u_1hbi0_99.awsui_disabled_93a1u_1hbi0_111:not(#\9) {
+.awsui_item-element_93a1u_nrbc1_97.awsui_disabled_93a1u_nrbc1_109:not(#\9) {
   cursor: default;
   color: var(--color-text-dropdown-item-disabled-nf1b1j, #aab7b8);
 }
-.awsui_item-element_93a1u_1hbi0_99:not(#\9):first-child {
+.awsui_item-element_93a1u_nrbc1_97:not(#\9):first-child {
   margin-block-start: 0;
 }
-.awsui_item-element_93a1u_1hbi0_99.awsui_show-divider_93a1u_1hbi0_118:not(#\9) {
+.awsui_item-element_93a1u_nrbc1_97.awsui_show-divider_93a1u_nrbc1_116:not(#\9) {
   border-block-end: var(--border-item-width-0zxiwv, 1px) solid var(--color-border-dropdown-group-mkqzrv, #eaeded);
 }
-.awsui_item-element_93a1u_1hbi0_99.awsui_highlighted_93a1u_1hbi0_121:not(#\9) {
+.awsui_item-element_93a1u_nrbc1_97.awsui_highlighted_93a1u_nrbc1_119:not(#\9) {
   color: var(--color-text-dropdown-item-highlighted-ek38zi, #16191f);
   z-index: 2;
   background-color: var(--color-background-dropdown-item-hover-i8ac7r, #f2f3f3);
@@ -128,17 +126,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-start-radius: var(--border-radius-item-jsz3j8, 0px);
   border-end-end-radius: var(--border-radius-item-jsz3j8, 0px);
 }
-.awsui_item-element_93a1u_1hbi0_99.awsui_highlighted_93a1u_1hbi0_121.awsui_disabled_93a1u_1hbi0_111:not(#\9) {
+.awsui_item-element_93a1u_nrbc1_97.awsui_highlighted_93a1u_nrbc1_119.awsui_disabled_93a1u_nrbc1_109:not(#\9) {
   color: var(--color-text-dropdown-item-dimmed-oru6hf, #aab7b8);
   border-color: var(--color-border-dropdown-item-dimmed-hover-ydzhss, #879596);
   background-color: var(--color-background-dropdown-item-dimmed-e83q5u, transparent);
 }
-.awsui_item-element_93a1u_1hbi0_99.awsui_highlighted_93a1u_1hbi0_121.awsui_is-focused_93a1u_1hbi0_136:not(#\9) {
+.awsui_item-element_93a1u_nrbc1_97.awsui_highlighted_93a1u_nrbc1_119.awsui_is-focused_93a1u_nrbc1_134:not(#\9) {
   border-color: var(--color-border-dropdown-item-focused-3o10kx, #0073bb);
   box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-0k725q, 1px) var(--color-border-item-focused-v8nq2m, #0073bb);
 }
 
-.awsui_menu-item_93a1u_1hbi0_141:not(#\9) {
+.awsui_menu-item_93a1u_nrbc1_139:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
   display: flex;
@@ -147,26 +145,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline: var(--space-l-xu1x80, 20px);
   color: inherit;
   text-decoration: none;
-  /* stylelint-disable-next-line selector-max-type */
+  /* stylelint-disable selector-max-type */
+  /* stylelint-enable selector-max-type */
 }
-.awsui_menu-item_93a1u_1hbi0_141:not(#\9):focus {
+.awsui_menu-item_93a1u_nrbc1_139:not(#\9):focus {
   outline: none;
 }
-.awsui_has-category-header_93a1u_1hbi0_155:not(#\9):not(.awsui_has-checkmark_93a1u_1hbi0_155) > .awsui_menu-item_93a1u_1hbi0_141, .awsui_has-category-header_93a1u_1hbi0_155:not(#\9):not(.awsui_has-checkmark_93a1u_1hbi0_155) > span > .awsui_menu-item_93a1u_1hbi0_141 {
+.awsui_has-category-header_93a1u_nrbc1_154:not(#\9):not(.awsui_has-checkmark_93a1u_nrbc1_154) > .awsui_menu-item_93a1u_nrbc1_139, .awsui_has-category-header_93a1u_nrbc1_154:not(#\9):not(.awsui_has-checkmark_93a1u_nrbc1_154) > span > .awsui_menu-item_93a1u_nrbc1_139 {
   padding-inline-start: calc(var(--space-s-2025hl, 12px) + var(--space-l-xu1x80, 20px));
 }
 
-.awsui_icon_93a1u_1hbi0_159:not(#\9) {
+.awsui_icon_93a1u_nrbc1_158:not(#\9) {
   padding-inline-end: var(--space-xs-xf5ch3, 8px);
   flex-shrink: 0;
 }
-.awsui_icon_93a1u_1hbi0_159.awsui_checkmark_93a1u_1hbi0_163:not(#\9) {
+.awsui_icon_93a1u_nrbc1_158.awsui_checkmark_93a1u_nrbc1_162:not(#\9) {
   color: var(--color-text-status-info-aq7yd6, #0073bb);
 }
-.awsui_icon_93a1u_1hbi0_159.awsui_disabled_93a1u_1hbi0_111:not(#\9) {
+.awsui_icon_93a1u_nrbc1_158.awsui_disabled_93a1u_nrbc1_109:not(#\9) {
   color: var(--color-text-interactive-disabled-e23z4j, #aab7b8);
 }
 
-.awsui_external-icon_93a1u_1hbi0_170:not(#\9) {
+.awsui_external-icon_93a1u_nrbc1_169:not(#\9) {
   margin-inline-start: var(--space-xxs-9rrxti, 4px);
 }

package/lib/internal/template/button-dropdown/item-element/styles.selectors.js

@@ -2,16 +2,16 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "item-element": "awsui_item-element_93a1u_1hbi0_99",
-  "disabled": "awsui_disabled_93a1u_1hbi0_111",
-  "show-divider": "awsui_show-divider_93a1u_1hbi0_118",
-  "highlighted": "awsui_highlighted_93a1u_1hbi0_121",
-  "is-focused": "awsui_is-focused_93a1u_1hbi0_136",
-  "menu-item": "awsui_menu-item_93a1u_1hbi0_141",
-  "has-category-header": "awsui_has-category-header_93a1u_1hbi0_155",
-  "has-checkmark": "awsui_has-checkmark_93a1u_1hbi0_155",
-  "icon": "awsui_icon_93a1u_1hbi0_159",
-  "checkmark": "awsui_checkmark_93a1u_1hbi0_163",
-  "external-icon": "awsui_external-icon_93a1u_1hbi0_170"
+  "item-element": "awsui_item-element_93a1u_nrbc1_97",
+  "disabled": "awsui_disabled_93a1u_nrbc1_109",
+  "show-divider": "awsui_show-divider_93a1u_nrbc1_116",
+  "highlighted": "awsui_highlighted_93a1u_nrbc1_119",
+  "is-focused": "awsui_is-focused_93a1u_nrbc1_134",
+  "menu-item": "awsui_menu-item_93a1u_nrbc1_139",
+  "has-category-header": "awsui_has-category-header_93a1u_nrbc1_154",
+  "has-checkmark": "awsui_has-checkmark_93a1u_nrbc1_154",
+  "icon": "awsui_icon_93a1u_nrbc1_158",
+  "checkmark": "awsui_checkmark_93a1u_nrbc1_162",
+  "external-icon": "awsui_external-icon_93a1u_nrbc1_169"
 };
   

package/lib/internal/template/button-dropdown/mobile-expandable-group/mobile-expandable-group.js

@@ -4,7 +4,7 @@ import React from 'react';
 import clsx from 'clsx';
 import styles from './styles.css.js';
 const MobileExpandableGroup = ({ children, trigger, open }) => {
-    return (React.createElement("div", { className: clsx(styles.root) },
+    return (React.createElement("div", { className: styles.root },
         React.createElement("div", { className: styles.trigger }, trigger),
         React.createElement("div", { className: clsx(styles.dropdown, { [styles.open]: open }), "data-open": open }, children)));
 };

package/lib/internal/template/button-dropdown/mobile-expandable-group/mobile-expandable-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"mobile-expandable-group.js","sourceRoot":"","sources":["../../../../src/button-dropdown/mobile-expandable-group/mobile-expandable-group.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAiBrC,MAAM,qBAAqB,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAA8B,EAAE,EAAE;IACxF,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC;QAC/B,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO,IAAG,OAAO,CAAO;QAC/C,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,eAAa,IAAI,IAC5E,QAAQ,CACL,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,qBAAqB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\nimport styles from './styles.css.js';\n\nexport interface MobileExpandableGroupProps {\n  /**\n   * Trigger element.\n   */\n  trigger: React.ReactNode;\n  /**\n   * mobile expandable groups content elements.\n   */\n  children?: React.ReactNode;\n  /**\n   * Open state of the mobile expandable groups.\n   */\n  open?: boolean;\n}\n\nconst MobileExpandableGroup = ({ children, trigger, open }: MobileExpandableGroupProps) => {\n  return (\n    <div className={clsx(styles.root)}>\n      <div className={styles.trigger}>{trigger}</div>\n      <div className={clsx(styles.dropdown, { [styles.open]: open })} data-open={open}>\n        {children}\n      </div>\n    </div>\n  );\n};\n\nexport default MobileExpandableGroup;\n"]}
+{"version":3,"file":"mobile-expandable-group.js","sourceRoot":"","sources":["../../../../src/button-dropdown/mobile-expandable-group/mobile-expandable-group.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAiBrC,MAAM,qBAAqB,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAA8B,EAAE,EAAE;IACxF,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,IAAI;QACzB,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO,IAAG,OAAO,CAAO;QAC/C,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,eAAa,IAAI,IAC5E,QAAQ,CACL,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,qBAAqB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\nimport styles from './styles.css.js';\n\nexport interface MobileExpandableGroupProps {\n  /**\n   * Trigger element.\n   */\n  trigger: React.ReactNode;\n  /**\n   * mobile expandable groups content elements.\n   */\n  children?: React.ReactNode;\n  /**\n   * Open state of the mobile expandable groups.\n   */\n  open?: boolean;\n}\n\nconst MobileExpandableGroup = ({ children, trigger, open }: MobileExpandableGroupProps) => {\n  return (\n    <div className={styles.root}>\n      <div className={styles.trigger}>{trigger}</div>\n      <div className={clsx(styles.dropdown, { [styles.open]: open })} data-open={open}>\n        {children}\n      </div>\n    </div>\n  );\n};\n\nexport default MobileExpandableGroup;\n"]}

package/lib/internal/template/button-dropdown/mobile-expandable-group/styles.css.js

@@ -1,10 +1,10 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_14cnr_1c8d4_99",
-  "trigger": "awsui_trigger_14cnr_1c8d4_136",
-  "dropdown": "awsui_dropdown_14cnr_1c8d4_139",
-  "nowrap": "awsui_nowrap_14cnr_1c8d4_150",
-  "open": "awsui_open_14cnr_1c8d4_153"
+  "root": "awsui_root_14cnr_gd36i_97",
+  "trigger": "awsui_trigger_14cnr_gd36i_134",
+  "dropdown": "awsui_dropdown_14cnr_gd36i_137",
+  "nowrap": "awsui_nowrap_14cnr_gd36i_148",
+  "open": "awsui_open_14cnr_gd36i_151"
 };
   

package/lib/internal/template/button-dropdown/mobile-expandable-group/styles.scoped.css

@@ -2,8 +2,6 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/* stylelint-disable plugin/no-unsupported-browser-features */
-/* stylelint-enable plugin/no-unsupported-browser-features */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -96,7 +94,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_14cnr_1c8d4_99:not(#\9) {
+.awsui_root_14cnr_gd36i_97:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -134,10 +132,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   white-space: inherit;
   display: inline;
 }
-.awsui_root_14cnr_1c8d4_99 > .awsui_trigger_14cnr_1c8d4_136:not(#\9) {
+.awsui_root_14cnr_gd36i_97 > .awsui_trigger_14cnr_gd36i_134:not(#\9) {
   display: inline;
 }
-.awsui_root_14cnr_1c8d4_99 > .awsui_dropdown_14cnr_1c8d4_139:not(#\9) {
+.awsui_root_14cnr_gd36i_97 > .awsui_dropdown_14cnr_gd36i_137:not(#\9) {
   position: static;
   -webkit-user-select: none;
           user-select: none;
@@ -149,9 +147,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   flex-direction: column;
   inline-size: 100%;
 }
-.awsui_root_14cnr_1c8d4_99 > .awsui_dropdown_14cnr_1c8d4_139.awsui_nowrap_14cnr_1c8d4_150:not(#\9) {
+.awsui_root_14cnr_gd36i_97 > .awsui_dropdown_14cnr_gd36i_137.awsui_nowrap_14cnr_gd36i_148:not(#\9) {
   white-space: nowrap;
 }
-.awsui_root_14cnr_1c8d4_99 > .awsui_dropdown_14cnr_1c8d4_139.awsui_open_14cnr_1c8d4_153:not(#\9) {
+.awsui_root_14cnr_gd36i_97 > .awsui_dropdown_14cnr_gd36i_137.awsui_open_14cnr_gd36i_151:not(#\9) {
   display: flex;
 }

package/lib/internal/template/button-dropdown/mobile-expandable-group/styles.selectors.js

@@ -2,10 +2,10 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_14cnr_1c8d4_99",
-  "trigger": "awsui_trigger_14cnr_1c8d4_136",
-  "dropdown": "awsui_dropdown_14cnr_1c8d4_139",
-  "nowrap": "awsui_nowrap_14cnr_1c8d4_150",
-  "open": "awsui_open_14cnr_1c8d4_153"
+  "root": "awsui_root_14cnr_gd36i_97",
+  "trigger": "awsui_trigger_14cnr_gd36i_134",
+  "dropdown": "awsui_dropdown_14cnr_gd36i_137",
+  "nowrap": "awsui_nowrap_14cnr_gd36i_148",
+  "open": "awsui_open_14cnr_gd36i_151"
 };