@sebgroup/green-core 3.12.5 → 3.13.0

package/components/grouped-list/grouped-list.component.d.ts

@@ -1,6 +1,4 @@
 import { GdsElement } from '../../gds-element';
-import { GdsListItem } from './list-item.component';
-export { GdsListItem };
 /**
  * @element gds-grouped-list
  * @status beta

package/components/grouped-list/grouped-list.component.js

@@ -4,14 +4,14 @@ import {
 import { property } from "lit/decorators.js";
 import { when } from "lit/directives/when.js";
 import { GdsElement } from "../../gds-element.js";
+import { tokens } from "../../tokens.style.js";
 import { TransitionalStyles } from "../../transitional-styles.js";
 import {
   gdsCustomElement,
   html
 } from "../../utils/helpers/custom-element-scoping.js";
-import { tokens } from "../../tokens.style.js";
-import { GdsListItem } from "./list-item.component.js";
 import GroupedListStyles from "./grouped-list.styles.js";
+import { GdsListItem } from "./list-item.component.js";
 let GdsGroupedList = class extends GdsElement {
   constructor() {
     super(...arguments);
@@ -41,6 +41,5 @@ GdsGroupedList = __decorateClass([
   gdsCustomElement("gds-grouped-list", { dependsOn: [GdsListItem] })
 ], GdsGroupedList);
 export {
-  GdsGroupedList,
-  GdsListItem
+  GdsGroupedList
 };

package/components/grouped-list/index.d.ts

@@ -1,2 +1 @@
 export * from './grouped-list';
-export * from './list-item';

package/components/grouped-list/index.js

@@ -1,2 +1 @@
 export * from "./grouped-list.js";
-export * from "./list-item.js";

package/components/grouped-list/list-item.component.d.ts

@@ -1,11 +1 @@
-import { GdsElement } from '../../gds-element';
-/**
- * @element gds-list-item
- * @status beta
- *
- * Used with `gds-grouped-list` to create a list items.
- */
-export declare class GdsListItem extends GdsElement {
-    connectedCallback(): void;
-    render(): any;
-}
+export { GdsListItem } from '../list';

package/components/grouped-list/list-item.component.js

@@ -1,20 +1,5 @@
-import {
-  __decorateClass
-} from "../../chunks/chunk.CAV4X6PU.js";
-import { GdsElement } from "../../gds-element.js";
-import { gdsCustomElement, html } from "../../scoping.js";
-let GdsListItem = class extends GdsElement {
-  connectedCallback() {
-    super.connectedCallback();
-    this.setAttribute("role", "listitem");
-  }
-  render() {
-    return html`<slot></slot>`;
-  }
-};
-GdsListItem = __decorateClass([
-  gdsCustomElement("gds-list-item")
-], GdsListItem);
+import "../../chunks/chunk.CAV4X6PU.js";
+import { GdsListItem } from "../list/index.js";
 export {
   GdsListItem
 };

package/components/index.d.ts

@@ -29,6 +29,7 @@ export * from './icon/icons';
 export * from './img';
 export * from './input';
 export * from './link';
+export * from './list';
 export * from './mask';
 export * from './menu-button';
 export * from './pagination';

package/components/index.js

@@ -29,6 +29,7 @@ export * from "./icon/icons/index.js";
 export * from "./img/index.js";
 export * from "./input/index.js";
 export * from "./link/index.js";
+export * from "./list/index.js";
 export * from "./mask/index.js";
 export * from "./menu-button/index.js";
 export * from "./pagination/index.js";

package/components/list/index.d.ts

@@ -0,0 +1,2 @@
+export * from './list';
+export * from './list-item';

package/components/list/index.js

@@ -0,0 +1,2 @@
+export * from "./list.js";
+export * from "./list-item/index.js";

package/components/list/list-item/index.d.ts

@@ -0,0 +1 @@
+export * from './list-item';

package/components/list/list-item/index.js

@@ -0,0 +1 @@
+export * from "./list-item.js";

package/components/list/list-item/list-item.component.d.ts

@@ -0,0 +1,16 @@
+import { GdsElement } from '../../../gds-element';
+declare const GdsListItem_base: (new (...args: any[]) => import("../../../utils/mixins/declarative-layout-mixins").LayoutChildProps) & typeof GdsElement;
+/**
+ * `gds-list-item` is used as a child of `gds-list` to represent a single item in a list.
+ *
+ * @element gds-list-item
+ * @status beta
+ *
+ * @slot - Content to be displayed as the main content.
+ */
+export declare class GdsListItem extends GdsListItem_base {
+    static styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+    connectedCallback(): void;
+    render(): any;
+}
+export {};

package/components/list/list-item/list-item.component.js

@@ -0,0 +1,24 @@
+import {
+  __decorateClass
+} from "../../../chunks/chunk.CAV4X6PU.js";
+import { GdsElement } from "../../../gds-element.js";
+import { gdsCustomElement, html } from "../../../scoping.js";
+import { tokens } from "../../../tokens.style.js";
+import { withLayoutChildProps } from "../../../utils/mixins/declarative-layout-mixins.js";
+import ListItemStyles from "./list-item.styles.js";
+let GdsListItem = class extends withLayoutChildProps(GdsElement) {
+  connectedCallback() {
+    super.connectedCallback();
+    this.setAttribute("role", "listitem");
+  }
+  render() {
+    return html`<slot></slot>`;
+  }
+};
+GdsListItem.styles = [tokens, ListItemStyles];
+GdsListItem = __decorateClass([
+  gdsCustomElement("gds-list-item")
+], GdsListItem);
+export {
+  GdsListItem
+};

package/components/list/list-item/list-item.d.ts

@@ -0,0 +1,2 @@
+import { GdsListItem } from './list-item.component';
+export { GdsListItem };

package/components/list/list-item/list-item.js

@@ -0,0 +1,6 @@
+import "../../../chunks/chunk.CAV4X6PU.js";
+import { GdsListItem } from "./list-item.component.js";
+GdsListItem.define();
+export {
+  GdsListItem
+};

package/components/list/list-item/list-item.styles.d.ts

@@ -0,0 +1,2 @@
+declare const style: import("lit").CSSResult;
+export default style;

package/components/list/list-item/list-item.styles.js

@@ -0,0 +1,13 @@
+import "../../../chunks/chunk.CAV4X6PU.js";
+import { css } from "lit";
+const style = css`
+  :host {
+  }
+
+  slot:not([name]) {
+  }
+`;
+var list_item_styles_default = style;
+export {
+  list_item_styles_default as default
+};

package/components/list/list.component.d.ts

@@ -0,0 +1,16 @@
+import { GdsFlex } from '../flex/flex.component';
+/**
+ * `gds-list` is a container for `gds-list-item` elements, expressing the semantic `list` role.
+ *
+ * It extends `gds-flex` and defaults `flex-direction` to `column`.
+ *
+ * @element gds-list
+ * @status beta
+ *
+ * @slot - Default slot for `gds-list-item` children.
+ */
+export declare class GdsList extends GdsFlex {
+    static styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+    connectedCallback(): void;
+    render(): any;
+}

package/components/list/list.component.js

@@ -0,0 +1,23 @@
+import {
+  __decorateClass
+} from "../../chunks/chunk.CAV4X6PU.js";
+import { gdsCustomElement, html } from "../../scoping.js";
+import { tokens } from "../../tokens.style.js";
+import { GdsFlex } from "../flex/flex.component.js";
+import ListStyles from "./list.styles.js";
+let GdsList = class extends GdsFlex {
+  connectedCallback() {
+    super.connectedCallback();
+    this.setAttribute("role", "list");
+  }
+  render() {
+    return html`<slot></slot>`;
+  }
+};
+GdsList.styles = [tokens, ListStyles];
+GdsList = __decorateClass([
+  gdsCustomElement("gds-list")
+], GdsList);
+export {
+  GdsList
+};

package/components/list/list.d.ts

@@ -0,0 +1,2 @@
+import { GdsList } from './list.component';
+export { GdsList };

package/components/list/list.js

@@ -0,0 +1,6 @@
+import "../../chunks/chunk.CAV4X6PU.js";
+import { GdsList } from "./list.component.js";
+GdsList.define();
+export {
+  GdsList
+};

package/components/list/list.styles.d.ts

@@ -0,0 +1,2 @@
+declare const style: import("lit").CSSResult;
+export default style;

package/components/list/list.styles.js

@@ -0,0 +1,13 @@
+import "../../chunks/chunk.CAV4X6PU.js";
+import { css } from "lit";
+const style = css`
+  :host {
+    display: flex;
+    flex-direction: column;
+    gap: var(--gds-sys-space-m);
+  }
+`;
+var list_styles_default = style;
+export {
+  list_styles_default as default
+};