/* This Source Code Form is subject to the terms of the Mozilla Public * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ import { html } from "lit"; import "mail/themes/shared/mail/variables.css"; import "mail/themes/shared/mail/icons.css"; import "mail/themes/shared/mail/tree-listbox.css"; import "mail/themes/shared/mail/list-container.css"; export default { title: "Design System/List Container", tags: ["autodocs"], argTypes: { expanded: { control: "boolean", }, }, }; export const ListContainer = () => html`

Each of these lists shown off are based on CSS classes provided by chrome://messenger/skin/shared/list-container.css. These styles are designed to work with the tree-listbox component.

`; export const List = ({ expanded }) => html` `;