@sebgroup/green-core 1.24.0 → 1.26.0

package/chunks/chunk.G5CTCHXH.js

@@ -0,0 +1,61 @@
+import {
+  styleExpressionProperty
+} from "./chunk.ADPMTWTS.js";
+import {
+  tokens
+} from "./chunk.5JXFH3CA.js";
+import {
+  GdsElement
+} from "./chunk.ZQ4D5K7J.js";
+import {
+  gdsCustomElement,
+  html
+} from "./chunk.VOYMQ322.js";
+import {
+  divider_style_css_default
+} from "./chunk.VS5JKIZQ.js";
+import {
+  __decorateClass
+} from "./chunk.5VURDMKE.js";
+
+// libs/core/src/components/content/divider/divider.ts
+var GdsDivider = class extends GdsElement {
+  render() {
+    return html`<hr />`;
+  }
+};
+GdsDivider.styles = [tokens, divider_style_css_default];
+__decorateClass([
+  styleExpressionProperty({
+    property: "color",
+    valueTemplate: (v) => {
+      const [colorName, transparency] = v.split("/");
+      if (transparency) {
+        return `color-mix(in srgb, var(--gds-sys-color-${colorName}) ${parseFloat(transparency) * 100}%, transparent 0%)`;
+      } else {
+        return `var(--gds-sys-color-${colorName})`;
+      }
+    }
+  })
+], GdsDivider.prototype, "color", 2);
+__decorateClass([
+  styleExpressionProperty({
+    property: "--_size",
+    selector: "hr",
+    valueTemplate: (v) => `var(--gds-space-${v})`
+  })
+], GdsDivider.prototype, "size", 2);
+__decorateClass([
+  styleExpressionProperty({
+    property: "opacity",
+    selector: "hr",
+    valueTemplate: (v) => v
+  })
+], GdsDivider.prototype, "opacity", 2);
+GdsDivider = __decorateClass([
+  gdsCustomElement("gds-divider")
+], GdsDivider);
+
+export {
+  GdsDivider
+};

package/chunks/{chunk.RG4ALIDZ.js → chunk.GTJ3YNGN.js}

@@ -1,15 +1,15 @@
 import {
   GdsSegment
-} from "./chunk.YWNV7RJ2.js";
+} from "./chunk.XBQN74WW.js";
 import {
   resizeObserver
 } from "./chunk.VHN4JEZC.js";
-import {
-  tokens
-} from "./chunk.CUCCR5I2.js";
 import {
   TransitionalStyles
-} from "./chunk.K3GEZRU5.js";
+} from "./chunk.HNQ5BESO.js";
+import {
+  tokens
+} from "./chunk.5JXFH3CA.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";

package/chunks/chunk.H4ZSHOXG.js

@@ -0,0 +1,13 @@
+// libs/core/src/components/layout/flex/flex.style.css.ts
+import { css } from "lit";
+var style = css`
+  :host {
+    gap: var(--_gap-column) var(--_gap-row);
+    box-sizing: border-box;
+  }
+`;
+var flex_style_css_default = style;
+
+export {
+  flex_style_css_default
+};

package/chunks/{chunk.K3GEZRU5.js → chunk.HNQ5BESO.js}

@@ -1210,7 +1210,7 @@ var datepicker_trans_styles_default = `/* stylelint-disable max-nesting-depth */
   }
 }`;
 
-// libs/core/src/primitives/calendar/calendar.trans.styles.scss?inline
+// libs/core/src/components/calendar/calendar.trans.styles.scss?inline
 var calendar_trans_styles_default = `/* stylelint-disable max-nesting-depth */
 /* stylelint-enable max-nesting-depth */
 /**
@@ -1396,10 +1396,11 @@ var calendar_trans_styles_default = `/* stylelint-disable max-nesting-depth */
   }
 }`;
 
-// libs/core/src/primitives/calendar/calendar.trans.styles.ts
+// libs/core/src/components/calendar/calendar.trans.styles.ts
 function register6() {
   TransitionalStyles.instance.register("gds-calendar", calendar_trans_styles_default.toString());
 }
+var calendar_trans_styles_default2 = register6;
 
 // libs/core/src/components/datepicker/datepicker.trans.styles.ts
 function register7() {
@@ -2765,19 +2766,21 @@ export {
   dropdown_trans_styles_default2 as dropdown_trans_styles_default,
   register5 as register4,
   context_menu_trans_styles_default2 as context_menu_trans_styles_default,
-  register7 as register5,
+  register6 as register5,
+  calendar_trans_styles_default2 as calendar_trans_styles_default,
+  register7 as register6,
   datepicker_trans_styles_default2 as datepicker_trans_styles_default,
-  register8 as register6,
+  register8 as register7,
   grouped_list_trans_styles_default2 as grouped_list_trans_styles_default,
-  register9 as register7,
+  register9 as register8,
   segment_trans_styles_default2 as segment_trans_styles_default,
-  register10 as register8,
+  register10 as register9,
   segmented_control_trans_styles_default2 as segmented_control_trans_styles_default,
-  register11 as register9,
+  register11 as register10,
   filter_chip_trans_styles_default2 as filter_chip_trans_styles_default,
-  register12 as register10,
+  register12 as register11,
   filter_chips_trans_styles_default2 as filter_chips_trans_styles_default,
-  register13 as register11,
+  register13 as register12,
   theme_trans_styles_default,
   registerTransitionalStyles,
   TransitionalStyles

package/chunks/{chunk.5C4NFKBM.js → chunk.HOSMWBJK.js}

@@ -1,9 +1,9 @@
-import {
-  renderMonthGridView
-} from "./chunk.NNJ6DJO2.js";
 import {
   TransitionalStyles
-} from "./chunk.K3GEZRU5.js";
+} from "./chunk.HNQ5BESO.js";
+import {
+  renderMonthGridView
+} from "./chunk.RB5IEYTY.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";
@@ -20,9 +20,10 @@ import {
   __spreadValues
 } from "./chunk.5VURDMKE.js";
 
-// libs/core/src/primitives/calendar/calendar.ts
+// libs/core/src/components/calendar/calendar.ts
 import { html } from "lit";
 import { classMap } from "lit/directives/class-map.js";
+import { ifDefined } from "lit/directives/if-defined.js";
 import { when } from "lit/directives/when.js";
 import { property, query } from "lit/decorators.js";
 import { msg } from "@lit/localize";
@@ -36,13 +37,13 @@ import {
   lastDayOfMonth
 } from "date-fns";
 
-// libs/core/src/primitives/calendar/calendar.styles.ts
+// libs/core/src/components/calendar/calendar.styles.ts
 import { css } from "lit";
 var style = css`
   @layer base, reset, transitional-styles;
   @layer base {
     td.disabled {
-      color: #999;
+      color: #555;
       cursor: default;
     }
     td.today {
@@ -52,7 +53,7 @@ var style = css`
 `;
 var calendar_styles_default = style;
 
-// libs/core/src/primitives/calendar/calendar.ts
+// libs/core/src/components/calendar/calendar.ts
 var _setSelectedDate, setSelectedDate_fn, _handleKeyDown, handleKeyDown_fn;
 var GdsCalendar = class extends GdsElement {
   constructor() {
@@ -105,9 +106,9 @@ var GdsCalendar = class extends GdsElement {
   }
   render() {
     const currentDate = /* @__PURE__ */ new Date();
-    return html`<table>
-      <thead>
-        <tr>
+    return html`<table role="grid" aria-label="${ifDefined(this.label)}">
+      <thead role="rowgroup">
+        <tr role="row">
           ${when(this.showWeekNumbers, () => html`<th></th>`)}
           <th>${msg("Mon")}</th>
           <th>${msg("Tue")}</th>
@@ -118,35 +119,35 @@ var GdsCalendar = class extends GdsElement {
           <th>${msg("Sun")}</th>
         </tr>
       </thead>
-      <tbody>
+      <tbody role="rowgroup">
         ${renderMonthGridView(
       this.focusedDate,
       (weeks) => html`
             ${weeks.map(
         (week) => html`
-                <tr>
+                <tr role="row">
                   ${when(
           this.showWeekNumbers,
-          () => html`<td class="week-number">
+          () => html`<td class="week-number" scope="row">
                         ${getWeek(week.days[0])}
                       </td>`
         )}
                   ${week.days.map((day) => {
-          const customization = __spreadValues({
+          const customization = this.customizedDates && this.customizedDates.find((d) => isSameDay(d.date, day));
+          const displayOptions = __spreadValues({
             // Defaults
             color: "currentColor",
             // Get baseline disabled state from the disabledDates prop (or false if unset)
             disabled: Boolean(
               this.disabledDates && this.disabledDates.some((d) => isSameDay(d, day))
             )
-          }, this.customizedDates && this.customizedDates.find(
-            (d) => isSameDay(d.date, day)
-          ));
+          }, customization);
           const isOutsideCurrentMonth = !isSameMonth(this.focusedDate, day) || day < this.min || day > this.max;
           const isWeekend = day.getDay() === 0 || day.getDay() === 6;
-          const isDisabled = customization.disabled || isOutsideCurrentMonth || this.disabledWeekends && isWeekend;
+          const isDisabled = displayOptions.disabled || isOutsideCurrentMonth || this.disabledWeekends && isWeekend;
           return html`
                       <td
+                        role="${ifDefined(isDisabled ? void 0 : "gridcell")}"
                         class="${classMap({
             "custom-date": Boolean(customization),
             disabled: Boolean(isDisabled),
@@ -154,22 +155,22 @@ var GdsCalendar = class extends GdsElement {
           })}"
                         ?disabled=${isDisabled}
                         tabindex="${isSameDay(this.focusedDate, day) ? 0 : -1}"
-                        aria-selected="${this.value && isSameDay(this.value, day)}"
+                        aria-selected="${this.value && isSameDay(this.value, day) ? "true" : "false"}"
                         aria-label="${day.toDateString()}"
                         @click=${() => isDisabled ? null : __privateMethod(this, _setSelectedDate, setSelectedDate_fn).call(this, day)}
                         id="dateCell-${day.getDate()}"
                       >
                         <span
                           class="number"
-                          style="--_color: ${customization ? customization == null ? void 0 : customization.color : ""}"
+                          style="--_color: ${displayOptions ? displayOptions == null ? void 0 : displayOptions.color : ""}"
                           >${day.getDate()}</span
                         >
 
                         ${when(
-            customization.indicator,
+            displayOptions.indicator,
             () => html`<span
-                              class="indicator-${customization == null ? void 0 : customization.indicator}"
-                              style="--_color: ${customization == null ? void 0 : customization.color}"
+                              class="indicator-${displayOptions == null ? void 0 : displayOptions.indicator}"
+                              style="--_color: ${displayOptions == null ? void 0 : displayOptions.color}"
                             ></span>`
           )}
                       </td>
@@ -289,6 +290,9 @@ __decorateClass([
 __decorateClass([
   property({ attribute: false })
 ], GdsCalendar.prototype, "customizedDates", 2);
+__decorateClass([
+  property()
+], GdsCalendar.prototype, "label", 2);
 __decorateClass([
   query('td[tabindex="0"]')
 ], GdsCalendar.prototype, "_elFocusedCell", 2);

package/chunks/{chunk.QHKBUCE7.js → chunk.JWYX2K5T.js}

@@ -1,9 +1,9 @@
-import {
-  tokens
-} from "./chunk.CUCCR5I2.js";
 import {
   constrainSlots
 } from "./chunk.KBYQYDL3.js";
+import {
+  tokens
+} from "./chunk.5JXFH3CA.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";

package/chunks/chunk.JZ7LISSM.js

@@ -0,0 +1,117 @@
+import {
+  container_style_css_default
+} from "./chunk.6BQCB4IT.js";
+import {
+  styleExpressionProperty
+} from "./chunk.ADPMTWTS.js";
+import {
+  tokens
+} from "./chunk.5JXFH3CA.js";
+import {
+  GdsElement
+} from "./chunk.ZQ4D5K7J.js";
+import {
+  gdsCustomElement,
+  html
+} from "./chunk.VOYMQ322.js";
+import {
+  __decorateClass
+} from "./chunk.5VURDMKE.js";
+
+// libs/core/src/components/layout/container/container.ts
+var GdsContainer = class extends GdsElement {
+  render() {
+    return html`<slot></slot>`;
+  }
+};
+GdsContainer.styles = [tokens, container_style_css_default];
+__decorateClass([
+  styleExpressionProperty({
+    valueTemplate: (v) => v
+  })
+], GdsContainer.prototype, "display", 2);
+__decorateClass([
+  styleExpressionProperty({
+    valueTemplate: (v) => {
+      const [colorName, transparency] = v.split("/");
+      if (transparency) {
+        return `color-mix(in srgb, var(--gds-sys-color-${colorName}) ${parseFloat(transparency) * 100}%, transparent 0%)`;
+      } else {
+        return `var(--gds-sys-color-${colorName})`;
+      }
+    }
+  })
+], GdsContainer.prototype, "color", 2);
+__decorateClass([
+  styleExpressionProperty({
+    valueTemplate: (v) => {
+      const [colorName, transparency] = v.split("/");
+      if (transparency) {
+        return `color-mix(in srgb, var(--gds-sys-color-${colorName}) ${parseFloat(transparency) * 100}%, transparent 0%)`;
+      } else {
+        return `var(--gds-sys-color-${colorName})`;
+      }
+    }
+  })
+], GdsContainer.prototype, "background", 2);
+__decorateClass([
+  styleExpressionProperty({
+    valueTemplate: (v) => v
+  })
+], GdsContainer.prototype, "opacity", 2);
+__decorateClass([
+  styleExpressionProperty()
+], GdsContainer.prototype, "padding", 2);
+__decorateClass([
+  styleExpressionProperty()
+], GdsContainer.prototype, "margin", 2);
+__decorateClass([
+  styleExpressionProperty({
+    valueTemplate: (v) => v
+  })
+], GdsContainer.prototype, "position", 2);
+__decorateClass([
+  styleExpressionProperty({
+    valueTemplate: (v) => v
+  })
+], GdsContainer.prototype, "inset", 2);
+__decorateClass([
+  styleExpressionProperty({
+    valueTemplate: (v) => v
+  })
+], GdsContainer.prototype, "overflow", 2);
+__decorateClass([
+  styleExpressionProperty({
+    property: "grid-column",
+    valueTemplate: (v) => `${v}`
+  })
+], GdsContainer.prototype, "column", 2);
+__decorateClass([
+  styleExpressionProperty({
+    property: "grid-row",
+    valueTemplate: (v) => `${v}`
+  })
+], GdsContainer.prototype, "row", 2);
+__decorateClass([
+  styleExpressionProperty({
+    valueTemplate: (v) => v
+  })
+], GdsContainer.prototype, "height", 2);
+__decorateClass([
+  styleExpressionProperty({
+    valueTemplate: (v) => v
+  })
+], GdsContainer.prototype, "width", 2);
+__decorateClass([
+  styleExpressionProperty({
+    property: "z-index",
+    valueTemplate: (v) => v
+  })
+], GdsContainer.prototype, "stack", 2);
+GdsContainer = __decorateClass([
+  gdsCustomElement("gds-container")
+], GdsContainer);
+
+export {
+  GdsContainer
+};

package/chunks/{chunk.QD3OLQ7I.js → chunk.JZPPDKRE.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.KBYQYDL3.js";
 import {
   TransitionalStyles
-} from "./chunk.K3GEZRU5.js";
+} from "./chunk.HNQ5BESO.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";

package/chunks/chunk.K54XRGDL.js

@@ -0,0 +1,95 @@
+import {
+  img_style_css_default
+} from "./chunk.NKSKWGNM.js";
+import {
+  styleExpressionProperty
+} from "./chunk.ADPMTWTS.js";
+import {
+  tokens
+} from "./chunk.5JXFH3CA.js";
+import {
+  GdsElement
+} from "./chunk.ZQ4D5K7J.js";
+import {
+  gdsCustomElement,
+  html
+} from "./chunk.VOYMQ322.js";
+import {
+  __decorateClass
+} from "./chunk.5VURDMKE.js";
+
+// libs/core/src/components/media/img/img.ts
+import { property } from "lit/decorators.js";
+var GdsImg = class extends GdsElement {
+  render() {
+    return html`<figure><img src="${this.src}" alt="${this.alt}" /></figure>`;
+  }
+};
+GdsImg.styles = [tokens, img_style_css_default];
+__decorateClass([
+  styleExpressionProperty({
+    property: "aspect-ratio",
+    selector: "figure",
+    valueTemplate: (v) => v
+  })
+], GdsImg.prototype, "ratio", 2);
+__decorateClass([
+  styleExpressionProperty({
+    property: "object-position",
+    selector: "img",
+    valueTemplate: (v) => v
+  })
+], GdsImg.prototype, "position", 2);
+__decorateClass([
+  styleExpressionProperty({
+    property: "inset",
+    selector: "figure",
+    valueTemplate: (v) => v
+  })
+], GdsImg.prototype, "inset", 2);
+__decorateClass([
+  styleExpressionProperty({
+    property: "width",
+    valueTemplate: (v) => v
+  })
+], GdsImg.prototype, "width", 2);
+__decorateClass([
+  styleExpressionProperty({
+    property: "height",
+    valueTemplate: (v) => v
+  })
+], GdsImg.prototype, "height", 2);
+__decorateClass([
+  styleExpressionProperty({
+    property: "opacity",
+    selector: "figure",
+    valueTemplate: (v) => v
+  })
+], GdsImg.prototype, "opacity", 2);
+__decorateClass([
+  styleExpressionProperty({
+    property: "object-fit",
+    selector: "img",
+    valueTemplate: (v) => v
+  })
+], GdsImg.prototype, "fit", 2);
+__decorateClass([
+  property()
+], GdsImg.prototype, "src", 2);
+__decorateClass([
+  property()
+], GdsImg.prototype, "alt", 2);
+__decorateClass([
+  styleExpressionProperty({
+    property: "border-radius",
+    selector: "figure",
+    valueTemplate: (v) => `var(--gds-space-${v})`
+  })
+], GdsImg.prototype, "radius", 2);
+GdsImg = __decorateClass([
+  gdsCustomElement("gds-img")
+], GdsImg);
+
+export {
+  GdsImg
+};

package/chunks/chunk.KK4QVD34.js

@@ -0,0 +1,29 @@
+// libs/core/src/components/content/text/text.style.css.ts
+import { css } from "lit";
+var style = css`
+  :host {
+    display: block;
+  }
+
+  * {
+    margin: unset;
+    font-weight: normal;
+    font-size: inherit;
+    line-height: inherit;
+    text-wrap: inherit;
+  }
+
+  :host([lines]) {
+    * {
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+      overflow: hidden;
+      -webkit-line-clamp: var(--_lines);
+    }
+  }
+`;
+var text_style_css_default = style;
+
+export {
+  text_style_css_default
+};

package/chunks/chunk.KYBMS7FP.js

@@ -0,0 +1,31 @@
+// libs/core/src/components/layout/grid/grid.style.css.ts
+import { css } from "lit";
+var style = css`
+  :host {
+    --_c: 12;
+    --_grid-col: repeat(var(--_c), 1fr);
+    display: grid;
+    width: 100%;
+    grid-template-columns: var(--_grid-col);
+    grid-column-gap: var(--_gap-column, 0px);
+    grid-row-gap: var(--_gap-row, 0px);
+  }
+
+  :host([auto-columns]) {
+    --_col-count: var(--_c, 0);
+    --_gap-count: calc(var(--_col-count) - 1);
+    --_total-gap-width: calc(var(--_gap-count) * var(--_gap-column, 0px));
+    --_col-width-max: calc(
+      (100% - var(--_total-gap-width)) / var(--_col-count)
+    );
+    grid-template-columns: repeat(
+      auto-fill,
+      minmax(max(var(--_col-width), var(--_col-width-max)), 1fr)
+    );
+  }
+`;
+var grid_style_css_default = style;
+
+export {
+  grid_style_css_default
+};

package/chunks/{chunk.P2QL4AHI.js → chunk.LA5JE2G2.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk.2X23R32H.js";
 import {
   TransitionalStyles
-} from "./chunk.K3GEZRU5.js";
+} from "./chunk.HNQ5BESO.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";

package/chunks/chunk.LHZ2BQLT.js

@@ -0,0 +1,65 @@
+import {
+  GdsContainer
+} from "./chunk.JZ7LISSM.js";
+import {
+  flex_style_css_default
+} from "./chunk.H4ZSHOXG.js";
+import {
+  styleExpressionProperty
+} from "./chunk.ADPMTWTS.js";
+import {
+  tokens
+} from "./chunk.5JXFH3CA.js";
+import {
+  gdsCustomElement,
+  html
+} from "./chunk.VOYMQ322.js";
+import {
+  __decorateClass
+} from "./chunk.5VURDMKE.js";
+
+// libs/core/src/components/layout/flex/flex.ts
+var GdsFlex = class extends GdsContainer {
+  connectedCallback() {
+    super.connectedCallback();
+    this.display = "flex";
+  }
+  render() {
+    return html`<slot></slot>`;
+  }
+};
+GdsFlex.styles = [tokens, flex_style_css_default];
+__decorateClass([
+  styleExpressionProperty({
+    styleTemplate: (_prop, values) => {
+      const colGap = values[0];
+      const rowGap = values[1] || colGap;
+      return `--_gap-column: ${colGap}; --_gap-row: ${rowGap};`;
+    }
+  })
+], GdsFlex.prototype, "gap", 2);
+__decorateClass([
+  styleExpressionProperty({
+    property: "align-items",
+    valueTemplate: (v) => v
+  })
+], GdsFlex.prototype, "align", 2);
+__decorateClass([
+  styleExpressionProperty({
+    property: "justify-content",
+    valueTemplate: (v) => v
+  })
+], GdsFlex.prototype, "justify", 2);
+__decorateClass([
+  styleExpressionProperty({
+    property: "flex-direction",
+    valueTemplate: (v) => v
+  })
+], GdsFlex.prototype, "direction", 2);
+GdsFlex = __decorateClass([
+  gdsCustomElement("gds-flex")
+], GdsFlex);
+
+export {
+  GdsFlex
+};

package/chunks/{chunk.B35Y6NNU.js → chunk.MYA45ATV.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.KBYQYDL3.js";
 import {
   TransitionalStyles
-} from "./chunk.K3GEZRU5.js";
+} from "./chunk.HNQ5BESO.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";