@cloudscape-design/components 3.0.0

package/button-dropdown/item-element/styles.scoped.css

@@ -0,0 +1,191 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* 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 */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_item-element_93a1u_1a6fw_93:not(#\9) {
+  position: relative;
+  z-index: 1;
+  border: 2px solid transparent;
+  border: var(--border-item-width-qbbbsa, 2px) solid transparent;
+  list-style: none;
+  padding: 0;
+  color: #000716;
+  color: var(--color-text-dropdown-item-default-7tg9p2, #000716);
+  margin-top: calc(-1 * 2px);
+  margin-top: calc(-1 * var(--border-field-width-idlekx, 2px));
+  cursor: pointer;
+}
+.awsui_item-element_93a1u_1a6fw_93.awsui_disabled_93a1u_1a6fw_103:not(#\9) {
+  cursor: default;
+  color: #9ba7b6;
+  color: var(--color-text-dropdown-item-disabled-varol7, #9ba7b6);
+}
+.awsui_item-element_93a1u_1a6fw_93:not(#\9):first-child {
+  margin-top: 0;
+}
+.awsui_item-element_93a1u_1a6fw_93.awsui_last_93a1u_1a6fw_110:not(#\9) {
+  border-bottom: 2px solid #e9ebed;
+  border-bottom: var(--border-item-width-qbbbsa, 2px) solid var(--color-border-dropdown-group-0utpsr, #e9ebed);
+}
+.awsui_item-element_93a1u_1a6fw_93.awsui_highlighted_93a1u_1a6fw_113:not(#\9) {
+  color: #000716;
+  color: var(--color-text-dropdown-item-highlighted-oaabyk, #000716);
+  z-index: 2;
+}
+.awsui_item-element_93a1u_1a6fw_93.awsui_highlighted_93a1u_1a6fw_113.awsui_variant-icon_93a1u_1a6fw_117:not(#\9), .awsui_item-element_93a1u_1a6fw_93.awsui_highlighted_93a1u_1a6fw_113.awsui_variant-normal_93a1u_1a6fw_117:not(#\9), .awsui_item-element_93a1u_1a6fw_93.awsui_highlighted_93a1u_1a6fw_113.awsui_variant-primary_93a1u_1a6fw_117:not(#\9) {
+  background-color: #f4f4f4;
+  background-color: var(--color-background-dropdown-item-hover-mqsxkv, #f4f4f4);
+  border-color: #7d8998;
+  border-color: var(--color-border-dropdown-item-hover-tyzq9m, #7d8998);
+  border-radius: 8px;
+  border-radius: var(--border-item-radius-43830w, 8px);
+}
+.awsui_item-element_93a1u_1a6fw_93.awsui_highlighted_93a1u_1a6fw_113.awsui_variant-icon_93a1u_1a6fw_117.awsui_disabled_93a1u_1a6fw_103:not(#\9), .awsui_item-element_93a1u_1a6fw_93.awsui_highlighted_93a1u_1a6fw_113.awsui_variant-normal_93a1u_1a6fw_117.awsui_disabled_93a1u_1a6fw_103:not(#\9), .awsui_item-element_93a1u_1a6fw_93.awsui_highlighted_93a1u_1a6fw_113.awsui_variant-primary_93a1u_1a6fw_117.awsui_disabled_93a1u_1a6fw_103:not(#\9) {
+  color: #9ba7b6;
+  color: var(--color-text-dropdown-item-dimmed-jyqdrs, #9ba7b6);
+  border-color: #7d8998;
+  border-color: var(--color-border-dropdown-item-dimmed-hover-6dhy15, #7d8998);
+  background-color: transparent;
+  background-color: var(--color-background-dropdown-item-dimmed-qw48ma, transparent);
+}
+.awsui_item-element_93a1u_1a6fw_93.awsui_variant-navigation_93a1u_1a6fw_127.awsui_highlighted_93a1u_1a6fw_113:not(#\9) {
+  color: #0972d3;
+  color: var(--color-text-accent-s1eqko, #0972d3);
+}
+.awsui_item-element_93a1u_1a6fw_93.awsui_variant-navigation_93a1u_1a6fw_127.awsui_first_93a1u_1a6fw_130:not(#\9):not(.awsui_has-category-header_93a1u_1a6fw_130) {
+  padding-top: 4px;
+  padding-top: var(--space-xxs-ynfts5, 4px);
+}
+.awsui_item-element_93a1u_1a6fw_93.awsui_variant-navigation_93a1u_1a6fw_127.awsui_last_93a1u_1a6fw_110:not(#\9) {
+  padding-bottom: 4px;
+  padding-bottom: var(--space-xxs-ynfts5, 4px);
+}
+.awsui_item-element_93a1u_1a6fw_93.awsui_variant-navigation_93a1u_1a6fw_127.awsui_first_93a1u_1a6fw_130.awsui_last_93a1u_1a6fw_110:not(#\9) {
+  padding-bottom: 4px;
+  padding-bottom: var(--space-xxs-ynfts5, 4px);
+  padding-top: 4px;
+  padding-top: var(--space-xxs-ynfts5, 4px);
+}
+.awsui_item-element_93a1u_1a6fw_93.awsui_variant-navigation_93a1u_1a6fw_127.awsui_last_93a1u_1a6fw_110:not(#\9):last-child {
+  padding-bottom: 4px;
+  padding-bottom: var(--space-xxs-ynfts5, 4px);
+}
+
+.awsui_menu-item_93a1u_1a6fw_144:not(#\9) {
+  min-width: 0;
+  -ms-word-break: break-all;
+  word-break: break-word;
+  display: flex;
+  align-items: flex-start;
+  padding: 4px 20px;
+  padding: var(--space-xxs-ynfts5, 4px) var(--space-l-4vl6xu, 20px);
+  color: inherit;
+  text-decoration: none;
+  /* stylelint-disable-next-line selector-max-type */
+}
+.awsui_menu-item_93a1u_1a6fw_144:not(#\9):focus {
+  outline: none;
+}
+.awsui_has-category-header_93a1u_1a6fw_130 > .awsui_menu-item_93a1u_1a6fw_144:not(#\9), .awsui_has-category-header_93a1u_1a6fw_130 > span > .awsui_menu-item_93a1u_1a6fw_144:not(#\9) {
+  padding-left: 32px;
+  padding-left: var(--space-xxl-2nvmf1, 32px);
+}
+
+.awsui_icon_93a1u_1a6fw_162:not(#\9) {
+  padding-right: 8px;
+  padding-right: var(--space-xs-rsr2qu, 8px);
+  flex-shrink: 0;
+}
+
+.awsui_external-icon_93a1u_1a6fw_167:not(#\9) {
+  margin-left: 4px;
+  margin-left: var(--space-xxs-ynfts5, 4px);
+}

package/button-dropdown/item-element/styles.selectors.js

@@ -0,0 +1,19 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "item-element": "awsui_item-element_93a1u_1a6fw_93",
+  "disabled": "awsui_disabled_93a1u_1a6fw_103",
+  "last": "awsui_last_93a1u_1a6fw_110",
+  "highlighted": "awsui_highlighted_93a1u_1a6fw_113",
+  "variant-icon": "awsui_variant-icon_93a1u_1a6fw_117",
+  "variant-normal": "awsui_variant-normal_93a1u_1a6fw_117",
+  "variant-primary": "awsui_variant-primary_93a1u_1a6fw_117",
+  "variant-navigation": "awsui_variant-navigation_93a1u_1a6fw_127",
+  "first": "awsui_first_93a1u_1a6fw_130",
+  "has-category-header": "awsui_has-category-header_93a1u_1a6fw_130",
+  "menu-item": "awsui_menu-item_93a1u_1a6fw_144",
+  "icon": "awsui_icon_93a1u_1a6fw_162",
+  "external-icon": "awsui_external-icon_93a1u_1a6fw_167"
+};
+  

package/button-dropdown/items-list.d.ts

@@ -0,0 +1,3 @@
+import { ItemListProps } from './interfaces';
+export default function ItemsList({ items, onItemActivate, onGroupToggle, targetItem, isHighlighted, isExpanded, highlightItem, categoryDisabled, hasExpandableGroups, hasCategoryHeader, expandToViewport, variant, }: ItemListProps): JSX.Element;
+//# sourceMappingURL=items-list.d.ts.map

package/button-dropdown/items-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"items-list.d.ts","sourceRoot":"","sources":["../../../src/button-dropdown/items-list.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAQ7C,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,KAAK,EACL,cAAc,EACd,aAAa,EACb,UAAU,EACV,aAAa,EACb,UAAU,EACV,aAAa,EACb,gBAAwB,EACxB,mBAA2B,EAC3B,iBAAyB,EACzB,gBAAwB,EACxB,OAAkB,GACnB,EAAE,aAAa,eAqEf"}

package/button-dropdown/items-list.js

@@ -0,0 +1,25 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React from 'react';
+import ItemElement from './item-element';
+import ExpandableCategoryElement from './category-elements/expandable-category-element';
+import CategoryElement from './category-elements/category-element';
+import { isItemGroup } from './utils/utils';
+import { useMobile } from '../internal/hooks/use-mobile';
+import MobileExpandableCategoryElement from './category-elements/mobile-expandable-category-element';
+export default function ItemsList(_a) {
+    var items = _a.items, onItemActivate = _a.onItemActivate, onGroupToggle = _a.onGroupToggle, targetItem = _a.targetItem, isHighlighted = _a.isHighlighted, isExpanded = _a.isExpanded, highlightItem = _a.highlightItem, _b = _a.categoryDisabled, categoryDisabled = _b === void 0 ? false : _b, _c = _a.hasExpandableGroups, hasExpandableGroups = _c === void 0 ? false : _c, _d = _a.hasCategoryHeader, hasCategoryHeader = _d === void 0 ? false : _d, _e = _a.expandToViewport, expandToViewport = _e === void 0 ? false : _e, _f = _a.variant, variant = _f === void 0 ? 'normal' : _f;
+    var isMobile = useMobile();
+    var elements = items.map(function (item, index) {
+        var _a, _b, _c, _d;
+        if (!isItemGroup(item)) {
+            return (React.createElement(ItemElement, { key: index, item: item, onItemActivate: onItemActivate, disabled: (_a = item.disabled) !== null && _a !== void 0 ? _a : categoryDisabled, highlighted: isHighlighted(item), highlightItem: highlightItem, first: index === 0 || isItemGroup(items[index - 1]), last: index === items.length - 1 || isItemGroup(items[index + 1]), hasCategoryHeader: hasCategoryHeader, variant: variant }));
+        }
+        if (hasExpandableGroups) {
+            return item.text ? (isMobile ? (React.createElement(MobileExpandableCategoryElement, { key: index, item: item, onItemActivate: onItemActivate, onGroupToggle: onGroupToggle, targetItem: targetItem, isHighlighted: isHighlighted, isExpanded: isExpanded, highlightItem: highlightItem, disabled: (_b = item.disabled) !== null && _b !== void 0 ? _b : false, variant: variant })) : (React.createElement(ExpandableCategoryElement, { key: index, item: item, onItemActivate: onItemActivate, onGroupToggle: onGroupToggle, targetItem: targetItem, isHighlighted: isHighlighted, isExpanded: isExpanded, highlightItem: highlightItem, disabled: (_c = item.disabled) !== null && _c !== void 0 ? _c : false, expandToViewport: expandToViewport, variant: variant }))) : null;
+        }
+        return (React.createElement(CategoryElement, { key: index, item: item, onItemActivate: onItemActivate, onGroupToggle: onGroupToggle, targetItem: targetItem, isHighlighted: isHighlighted, isExpanded: isExpanded, highlightItem: highlightItem, disabled: (_d = item.disabled) !== null && _d !== void 0 ? _d : false, variant: variant }));
+    });
+    return React.createElement(React.Fragment, null, elements);
+}
+//# sourceMappingURL=items-list.js.map

package/button-dropdown/items-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"items-list.js","sourceRoot":"","sources":["../../../src/button-dropdown/items-list.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 from 'react';\nimport { ItemListProps } from './interfaces';\nimport ItemElement from './item-element';\nimport ExpandableCategoryElement from './category-elements/expandable-category-element';\nimport CategoryElement from './category-elements/category-element';\nimport { isItemGroup } from './utils/utils';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport MobileExpandableCategoryElement from './category-elements/mobile-expandable-category-element';\n\nexport default function ItemsList({\n  items,\n  onItemActivate,\n  onGroupToggle,\n  targetItem,\n  isHighlighted,\n  isExpanded,\n  highlightItem,\n  categoryDisabled = false,\n  hasExpandableGroups = false,\n  hasCategoryHeader = false,\n  expandToViewport = false,\n  variant = 'normal',\n}: ItemListProps) {\n  const isMobile = useMobile();\n\n  const elements = items.map((item, index) => {\n    if (!isItemGroup(item)) {\n      return (\n        <ItemElement\n          key={index}\n          item={item}\n          onItemActivate={onItemActivate}\n          disabled={item.disabled ?? categoryDisabled}\n          highlighted={isHighlighted(item)}\n          highlightItem={highlightItem}\n          first={index === 0 || isItemGroup(items[index - 1])}\n          last={index === items.length - 1 || isItemGroup(items[index + 1])}\n          hasCategoryHeader={hasCategoryHeader}\n          variant={variant}\n        />\n      );\n    }\n    if (hasExpandableGroups) {\n      return item.text ? (\n        isMobile ? (\n          <MobileExpandableCategoryElement\n            key={index}\n            item={item}\n            onItemActivate={onItemActivate}\n            onGroupToggle={onGroupToggle}\n            targetItem={targetItem}\n            isHighlighted={isHighlighted}\n            isExpanded={isExpanded}\n            highlightItem={highlightItem}\n            disabled={item.disabled ?? false}\n            variant={variant}\n          />\n        ) : (\n          <ExpandableCategoryElement\n            key={index}\n            item={item}\n            onItemActivate={onItemActivate}\n            onGroupToggle={onGroupToggle}\n            targetItem={targetItem}\n            isHighlighted={isHighlighted}\n            isExpanded={isExpanded}\n            highlightItem={highlightItem}\n            disabled={item.disabled ?? false}\n            expandToViewport={expandToViewport}\n            variant={variant}\n          />\n        )\n      ) : null;\n    }\n    return (\n      <CategoryElement\n        key={index}\n        item={item}\n        onItemActivate={onItemActivate}\n        onGroupToggle={onGroupToggle}\n        targetItem={targetItem}\n        isHighlighted={isHighlighted}\n        isExpanded={isExpanded}\n        highlightItem={highlightItem}\n        disabled={item.disabled ?? false}\n        variant={variant}\n      />\n    );\n  });\n\n  return <>{elements}</>;\n}\n"]}

package/button-dropdown/mobile-expandable-group/mobile-expandable-group.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+export interface MobileExpandableGroupProps {
+    /**
+     * Trigger element.
+     */
+    trigger: React.ReactNode;
+    /**
+     * mobile expandable groups content elements.
+     */
+    children?: React.ReactNode;
+    /**
+     * Open state of the mobile expandable groups.
+     */
+    open?: boolean;
+}
+declare const MobileExpandableGroup: ({ children, trigger, open }: MobileExpandableGroupProps) => JSX.Element;
+export default MobileExpandableGroup;
+//# sourceMappingURL=mobile-expandable-group.d.ts.map

package/button-dropdown/mobile-expandable-group/mobile-expandable-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobile-expandable-group.d.ts","sourceRoot":"","sources":["../../../../src/button-dropdown/mobile-expandable-group/mobile-expandable-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,0BAA0B;IACzC;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,QAAA,MAAM,qBAAqB,gCAAiC,0BAA0B,gBASrF,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/button-dropdown/mobile-expandable-group/mobile-expandable-group.js

@@ -0,0 +1,14 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React from 'react';
+import clsx from 'clsx';
+import styles from './styles.css.js';
+var MobileExpandableGroup = function (_a) {
+    var _b;
+    var children = _a.children, trigger = _a.trigger, open = _a.open;
+    return (React.createElement("div", { className: clsx(styles.root) },
+        React.createElement("div", { className: styles.trigger }, trigger),
+        React.createElement("div", { className: clsx(styles.dropdown, (_b = {}, _b[styles.open] = open, _b)), "data-open": open }, children)));
+};
+export default MobileExpandableGroup;
+//# sourceMappingURL=mobile-expandable-group.js.map

package/button-dropdown/mobile-expandable-group/mobile-expandable-group.js.map

@@ -0,0 +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,IAAM,qBAAqB,GAAG,UAAC,EAAuD;;QAArD,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,IAAI,UAAA;IACtD,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,YAAI,GAAC,MAAM,CAAC,IAAI,IAAG,IAAI,MAAG,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"]}

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

@@ -0,0 +1,10 @@
+
+    import './styles.scoped.css';
+    export default {
+  "root": "awsui_root_14cnr_zbvdk_93",
+  "trigger": "awsui_trigger_14cnr_zbvdk_106",
+  "dropdown": "awsui_dropdown_14cnr_zbvdk_109",
+  "nowrap": "awsui_nowrap_14cnr_zbvdk_120",
+  "open": "awsui_open_14cnr_zbvdk_123"
+};
+  

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

@@ -0,0 +1,159 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* 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 */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_root_14cnr_zbvdk_93:not(#\9) {
+  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
+  border-collapse: separate;
+  border-spacing: 0;
+  caption-side: top;
+  cursor: auto;
+  direction: ltr;
+  empty-cells: show;
+  font-family: serif;
+  font-size: medium;
+  font-style: normal;
+  font-variant: normal;
+  font-weight: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-hyphens: none;
+      -ms-hyphens: none;
+          hyphens: none;
+  letter-spacing: normal;
+  list-style: disc outside none;
+  tab-size: 8;
+  text-align: left;
+  text-align-last: auto;
+  text-indent: 0;
+  text-shadow: none;
+  text-transform: none;
+  visibility: visible;
+  white-space: normal;
+  widows: 2;
+  word-spacing: normal;
+  box-sizing: border-box;
+  font-size: 14px;
+  font-size: var(--font-body-m-size-sregvd, 14px);
+  line-height: 22px;
+  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
+  color: #000716;
+  color: var(--color-text-body-default-ajf1h5, #000716);
+  font-weight: 400;
+  font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
+  font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  position: static;
+  white-space: inherit;
+  display: inline;
+}
+.awsui_root_14cnr_zbvdk_93 > .awsui_trigger_14cnr_zbvdk_106:not(#\9) {
+  display: inline;
+}
+.awsui_root_14cnr_zbvdk_93 > .awsui_dropdown_14cnr_zbvdk_109:not(#\9) {
+  position: static;
+  -webkit-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  background-color: #ffffff;
+  background-color: var(--color-background-dropdown-item-default-fzdqsg, #ffffff);
+  outline: none;
+  border-top: none;
+  border-bottom: none;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+}
+.awsui_root_14cnr_zbvdk_93 > .awsui_dropdown_14cnr_zbvdk_109.awsui_nowrap_14cnr_zbvdk_120:not(#\9) {
+  white-space: nowrap;
+}
+.awsui_root_14cnr_zbvdk_93 > .awsui_dropdown_14cnr_zbvdk_109.awsui_open_14cnr_zbvdk_123:not(#\9) {
+  display: flex;
+}

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

@@ -0,0 +1,11 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "root": "awsui_root_14cnr_zbvdk_93",
+  "trigger": "awsui_trigger_14cnr_zbvdk_106",
+  "dropdown": "awsui_dropdown_14cnr_zbvdk_109",
+  "nowrap": "awsui_nowrap_14cnr_zbvdk_120",
+  "open": "awsui_open_14cnr_zbvdk_123"
+};
+  

package/button-dropdown/styles.css.js

@@ -0,0 +1,13 @@
+
+    import './styles.scoped.css';
+    export default {
+  "button-dropdown": "awsui_button-dropdown_sne0l_1gwdq_93",
+  "items-list-container": "awsui_items-list-container_sne0l_1gwdq_97",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_sne0l_1gwdq_1",
+  "rotate-up": "awsui_rotate-up_sne0l_1gwdq_114",
+  "rotate-down": "awsui_rotate-down_sne0l_1gwdq_129",
+  "header": "awsui_header_sne0l_1gwdq_144",
+  "title": "awsui_title_sne0l_1gwdq_153",
+  "description": "awsui_description_sne0l_1gwdq_154"
+};
+  

package/button-dropdown/styles.scoped.css

@@ -0,0 +1,163 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* 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 */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_button-dropdown_sne0l_1gwdq_93:not(#\9) {
+  display: inline-block;
+}
+
+.awsui_items-list-container_sne0l_1gwdq_97:not(#\9) {
+  padding: 0;
+  margin: 0;
+  animation: awsui_awsui-motion-fade-in-0_sne0l_1gwdq_1 500ms ease-out;
+  animation: awsui_awsui-motion-fade-in-0_sne0l_1gwdq_1 500ms var(--motion-easing-show-quick-1fcgbv, ease-out);
+  animation-fill-mode: none;
+}
+@media (prefers-reduced-motion: reduce) {
+  .awsui_items-list-container_sne0l_1gwdq_97:not(#\9) {
+    animation: none;
+    transition: none;
+  }
+}
+.awsui-motion-disabled .awsui_items-list-container_sne0l_1gwdq_97:not(#\9), .awsui-mode-entering .awsui_items-list-container_sne0l_1gwdq_97:not(#\9) {
+  animation: none;
+  transition: none;
+}
+
+.awsui_rotate-up_sne0l_1gwdq_114:not(#\9) {
+  transform: rotate(-180deg);
+  transition: transform 135ms cubic-bezier(0.165, 0.84, 0.44, 1);
+  transition: transform var(--motion-duration-rotate-180-ofa1ir, 135ms) var(--motion-easing-rotate-180-3rbbga, cubic-bezier(0.165, 0.84, 0.44, 1));
+}
+@media (prefers-reduced-motion: reduce) {
+  .awsui_rotate-up_sne0l_1gwdq_114:not(#\9) {
+    animation: none;
+    transition: none;
+  }
+}
+.awsui-motion-disabled .awsui_rotate-up_sne0l_1gwdq_114:not(#\9), .awsui-mode-entering .awsui_rotate-up_sne0l_1gwdq_114:not(#\9) {
+  animation: none;
+  transition: none;
+}
+
+.awsui_rotate-down_sne0l_1gwdq_129:not(#\9) {
+  transform: rotate(0deg);
+  transition: transform 135ms cubic-bezier(0.165, 0.84, 0.44, 1);
+  transition: transform var(--motion-duration-rotate-180-ofa1ir, 135ms) var(--motion-easing-rotate-180-3rbbga, cubic-bezier(0.165, 0.84, 0.44, 1));
+}
+@media (prefers-reduced-motion: reduce) {
+  .awsui_rotate-down_sne0l_1gwdq_129:not(#\9) {
+    animation: none;
+    transition: none;
+  }
+}
+.awsui-motion-disabled .awsui_rotate-down_sne0l_1gwdq_129:not(#\9), .awsui-mode-entering .awsui_rotate-down_sne0l_1gwdq_129:not(#\9) {
+  animation: none;
+  transition: none;
+}
+
+.awsui_header_sne0l_1gwdq_144:not(#\9) {
+  display: flex;
+  flex-direction: column;
+  list-style: none;
+  padding: 12px 20px;
+  padding: var(--space-s-hv8c1d, 12px) var(--space-l-4vl6xu, 20px);
+  border: 2px solid transparent;
+  border: var(--border-field-width-idlekx, 2px) solid transparent;
+  border-bottom: 2px solid #e9ebed;
+  border-bottom: var(--border-field-width-idlekx, 2px) solid var(--color-border-dropdown-group-0utpsr, #e9ebed);
+}
+
+.awsui_title_sne0l_1gwdq_153:not(#\9),
+.awsui_description_sne0l_1gwdq_154:not(#\9) {
+  color: #000716;
+  color: var(--color-text-dropdown-header-6e05nm, #000716);
+}