@sebgroup/green-core 1.69.4 → 1.70.1

package/chunks/chunk.RUAOOPYY.js

@@ -1,571 +0,0 @@
-import {
-  GdsFormControlElement
-} from "./chunk.VA6TUMR2.js";
-import {
-  observeLightDOM
-} from "./chunk.WM7HBMMV.js";
-import {
-  withLayoutChildProps,
-  withMarginProps,
-  withSizeXProps
-} from "./chunk.TWXTKG4B.js";
-import {
-  TransitionalStyles
-} from "./chunk.T4D3GD4D.js";
-import {
-  tokens
-} from "./chunk.HEZEUVHT.js";
-import {
-  gdsCustomElement,
-  html
-} from "./chunk.QK3R23GV.js";
-import {
-  __decorateClass,
-  __privateAdd,
-  __privateGet,
-  __privateSet
-} from "./chunk.SEHSDSX2.js";
-
-// libs/core/src/components/button/button.ts
-import { nothing as nothing2, unsafeCSS } from "lit";
-import { property, query } from "lit/decorators.js";
-import { classMap } from "lit/directives/class-map.js";
-import { ifDefined } from "lit/directives/if-defined.js";
-import { when } from "lit/directives/when.js";
-import { literal, html as staticHtml } from "lit/static-html.js";
-
-// libs/core/src/utils/directives/forward-attributes.ts
-import {
-  Directive,
-  directive,
-  PartType
-} from "lit/directive.js";
-import { nothing } from "lit/html.js";
-var ForwardAttributesDirective = class extends Directive {
-  constructor(partInfo) {
-    super(partInfo);
-    if (partInfo.type !== PartType.ELEMENT) {
-      throw new Error(
-        "The `forwardAttributes` directive must be used in element bindings"
-      );
-    }
-  }
-  render(_filter) {
-    return nothing;
-  }
-  update(part, [filter]) {
-    var _a;
-    const element = part.element;
-    const host = (_a = part.options) == null ? void 0 : _a.host;
-    Array.from(host.attributes).forEach((attr) => {
-      if (filter(attr)) {
-        element.setAttribute(attr.name.replace("gds-", ""), attr.value);
-      }
-    });
-  }
-};
-var forwardAttributes = directive(ForwardAttributesDirective);
-
-// libs/core/src/utils/helpers/strip-white-space.ts
-var templateCache = /* @__PURE__ */ new WeakMap();
-function stripWhitespace(extendedTag) {
-  return (strings, ...values) => {
-    let modstrings = templateCache.get(strings);
-    if (!modstrings) {
-      modstrings = strings.map((s) => s.replace(/\n[\s]+</gm, "<"));
-      modstrings.raw = strings.raw;
-      templateCache.set(strings, modstrings);
-    }
-    return extendedTag(modstrings, ...values);
-  };
-}
-
-// libs/core/src/components/button/button.style.css?inline
-var button_style_default = `@layer tokens, core, a11y, ranks, sizes, variants, disabled;
-
-@layer a11y {
-  @media (prefers-reduced-motion: reduce) {
-    .button {
-      transition: none;
-    }
-  }
-}
-
-@layer core {
-  :host {
-    display: inline-flex;
-    max-width: 100%;
-  }
-
-  .button {
-    --_block-size: var(--gds-space-3xl);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    box-sizing: border-box;
-    border: none;
-    cursor: pointer;
-    block-size: var(--_block-size);
-    background-color: var(--gds-color-l3-background-primary);
-    color: var(--gds-color-l3-content-primary);
-    border-radius: var(--gds-space-max);
-    font-family: inherit;
-    font-size: var(--gds-text-size-detail-m);
-    line-height: var(--gds-text-line-height-detail-m);
-    font-weight: var(--gds-text-weight-book);
-    gap: var(--gds-space-s);
-    outline-color: transparent;
-    outline-offset: var(--gds-space-3xs);
-    outline-style: solid;
-    outline-width: var(--gds-space-3xs);
-    padding-block: var(--gds-space-s);
-    padding-inline: var(--gds-space-l);
-    position: relative;
-    text-decoration: none;
-    transition-property: color, border-colorm, background;
-    transition-duration: 0.2s;
-    flex: 1;
-
-    &:focus {
-      outline-color: var(--gds-color-l3-content-tertiary);
-
-      &:not(:focus-visible) {
-        outline-color: transparent;
-      }
-    }
-
-    @media (pointer: fine) {
-      &:hover {
-        background-color: color-mix(
-          in srgb,
-          var(--gds-color-l3-background-primary),
-          var(--gds-color-l3-states-dark-hover)
-        );
-      }
-    }
-
-    &:active {
-      background-color: color-mix(
-        in srgb,
-        var(--gds-color-l3-background-primary),
-        var(--gds-color-l3-states-dark-pressed)
-      );
-    }
-
-    &:not(.circle) slot:not([name]) {
-      display: block;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
-  }
-}
-
-/* High specificity */
-.button.circle {
-  aspect-ratio: 1 / 1;
-  padding: 0;
-  min-block-size: var(--_block-size);
-  min-inline-size: var(--_block-size);
-}
-
-.button:disabled {
-  pointer-events: none;
-  background-color: var(--gds-color-l3-background-disabled);
-  color: var(--gds-color-l3-content-disabled);
-}
-
-@layer ranks {
-  :host([rank*='secondary']) .button {
-    background-color: var(--gds-color-l3-background-secondary);
-    color: var(--gds-color-l3-content-tertiary);
-
-    @media (pointer: fine) {
-      &:hover {
-        background-color: color-mix(
-          in srgb,
-          var(--gds-color-l3-background-secondary),
-          var(--gds-color-l3-states-light-hover)
-        );
-      }
-    }
-
-    &:active {
-      background-color: color-mix(
-        in srgb,
-        var(--gds-color-l3-background-secondary),
-        var(--gds-color-l3-states-light-pressed)
-      );
-    }
-  }
-
-  :host([rank*='tertiary']) .button {
-    background-color: transparent;
-    color: var(--gds-color-l3-content-tertiary);
-
-    @media (pointer: fine) {
-      &:hover {
-        background-color: color-mix(
-          in srgb,
-          transparent,
-          var(--gds-color-l3-states-light-hover)
-        );
-      }
-    }
-
-    &:active {
-      background-color: color-mix(
-        in srgb,
-        transparent,
-        var(--gds-color-l3-states-light-pressed)
-      );
-    }
-  }
-}
-
-@layer sizes {
-  :host([size='xs']) .button {
-    --_block-size: var(--gds-space-l);
-    font-size: var(--gds-text-size-detail-s);
-    line-height: var(--gds-text-line-height-detail-s);
-    padding-inline: var(--gds-space-m);
-  }
-
-  :host([size='small']) .button {
-    --_block-size: var(--gds-space-xl);
-    font-size: var(--gds-text-size-detail-s);
-    line-height: var(--gds-text-line-height-detail-s);
-    padding-inline: var(--gds-space-m);
-  }
-
-  :host([size='medium']) .button {
-    --_block-size: var(--gds-space-2xl);
-    font-size: var(--gds-text-size-detail-m);
-    line-height: var(--gds-text-line-height-detail-m);
-  }
-}
-
-@layer variants {
-  .positive {
-    background-color: var(--gds-color-l3-background-positive);
-
-    &:focus {
-      outline-color: var(--gds-color-l3-content-positive);
-
-      &:not(:focus-visible) {
-        outline-color: transparent;
-      }
-    }
-
-    @media (pointer: fine) {
-      &:hover {
-        background-color: color-mix(
-          in srgb,
-          var(--gds-color-l3-background-positive),
-          var(--gds-color-l3-states-dark-hover)
-        );
-      }
-    }
-
-    &:active {
-      background-color: color-mix(
-        in srgb,
-        var(--gds-color-l3-background-positive),
-        var(--gds-color-l3-states-dark-pressed)
-      );
-    }
-
-    &.secondary {
-      background-color: var(--gds-color-l3-background-positive-secondary);
-      color: var(--gds-color-l3-content-positive);
-
-      @media (pointer: fine) {
-        &:hover {
-          background-color: color-mix(
-            in srgb,
-            var(--gds-color-l3-background-positive-secondary),
-            var(--gds-color-l3-states-positive-hover)
-          );
-        }
-      }
-
-      &:active {
-        background-color: color-mix(
-          in srgb,
-          var(--gds-color-l3-background-positive-secondary),
-          var(--gds-color-l3-states-positive-pressed)
-        );
-      }
-    }
-
-    &.tertiary {
-      background-color: transparent;
-      color: var(--gds-color-l3-content-positive);
-
-      @media (pointer: fine) {
-        &:hover {
-          background-color: color-mix(
-            in srgb,
-            transparent,
-            var(--gds-color-l3-states-positive-hover)
-          );
-        }
-      }
-
-      &:active {
-        background-color: color-mix(
-          in srgb,
-          transparent,
-          var(--gds-color-l3-states-positive-pressed)
-        );
-      }
-    }
-  }
-
-  .negative {
-    background-color: var(--gds-color-l3-background-negative);
-
-    &:focus {
-      outline-color: var(--gds-color-l3-content-negative);
-      &:not(:focus-visible) {
-        outline-color: transparent;
-      }
-    }
-
-    @media (pointer: fine) {
-      &:hover {
-        background-color: color-mix(
-          in srgb,
-          var(--gds-color-l3-background-negative),
-          var(--gds-color-l3-states-dark-hover)
-        );
-      }
-    }
-
-    &:active {
-      background-color: color-mix(
-        in srgb,
-        var(--gds-color-l3-background-negative),
-        var(--gds-color-l3-states-dark-pressed)
-      );
-    }
-
-    &.secondary {
-      background-color: var(--gds-color-l3-background-negative-secondary);
-      color: var(--gds-color-l3-content-negative);
-
-      @media (pointer: fine) {
-        &:hover {
-          background-color: color-mix(
-            in srgb,
-            var(--gds-color-l3-background-negative-secondary),
-            var(--gds-color-l3-states-negative-hover)
-          );
-        }
-      }
-
-      &:active {
-        background-color: color-mix(
-          in srgb,
-          var(--gds-color-l3-background-negative-secondary),
-          var(--gds-color-l3-states-negative-pressed)
-        );
-      }
-    }
-
-    &.tertiary {
-      background-color: transparent;
-      color: var(--gds-color-l3-content-negative);
-
-      @media (pointer: fine) {
-        &:hover {
-          background-color: color-mix(
-            in srgb,
-            transparent,
-            var(--gds-color-l3-states-negative-hover)
-          );
-        }
-      }
-
-      &:active {
-        background-color: color-mix(
-          in srgb,
-          transparent,
-          var(--gds-color-l3-states-negative-pressed)
-        );
-      }
-    }
-  }
-}
-`;
-
-// libs/core/src/components/button/button.ts
-var ariaForwards = ["aria-label", "aria-haspopup", "aria-expanded"];
-var html2 = stripWhitespace(html);
-var _isIconButton, _isLink, isLink_get, _defaultRel, defaultRel_get, _mainSlotChange, _handleClick;
-var Button = class extends GdsFormControlElement {
-  constructor() {
-    super();
-    __privateAdd(this, _isLink);
-    __privateAdd(this, _defaultRel);
-    this.disabled = false;
-    this.rank = "primary";
-    this.variant = "neutral";
-    this.size = "medium";
-    this.label = "";
-    this.href = "";
-    __privateAdd(this, _isIconButton, false);
-    // Check if the button is an icon button.
-    __privateAdd(this, _mainSlotChange, () => {
-      var _a, _b;
-      const assignedElements = (_b = (_a = this._mainSlot) == null ? void 0 : _a.assignedElements()) != null ? _b : [];
-      __privateSet(this, _isIconButton, assignedElements.length === 1 && assignedElements.some(
-        (element) => element.tagName.toLowerCase().startsWith("gds-icon")
-      ));
-      this.requestUpdate();
-    });
-    __privateAdd(this, _handleClick, (e) => {
-      this.dispatchEvent(
-        new CustomEvent("gds-click", {
-          bubbles: true,
-          composed: true,
-          detail: e
-        })
-      );
-      if (this.form && !__privateGet(this, _isLink, isLink_get)) {
-        if (this.type === "submit") {
-          this.form.requestSubmit();
-        } else if (this.type === "reset") {
-          this.form.reset();
-        }
-      }
-    });
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.setAttribute("role", "none");
-    TransitionalStyles.instance.apply(this, "gds-button");
-  }
-  render() {
-    const buttonClasses = {
-      button: true,
-      circle: __privateGet(this, _isIconButton),
-      icon: __privateGet(this, _isIconButton),
-      xs: this.size === "xs",
-      small: this.size === "small",
-      large: this.size === "large",
-      positive: this.variant === "positive",
-      negative: this.variant === "negative",
-      primary: this.rank === "primary",
-      secondary: this.rank === "secondary",
-      tertiary: this.rank === "tertiary"
-    };
-    const tag = __privateGet(this, _isLink, isLink_get) ? literal`a` : literal`button`;
-    return staticHtml`
-      <${tag}
-        class=${classMap(buttonClasses)}
-        type="${ifDefined(__privateGet(this, _isLink, isLink_get) ? void 0 : this.type)}"
-        ?disabled="${this.disabled}"
-        aria-label=${this.label || nothing2}
-        href=${ifDefined(__privateGet(this, _isLink, isLink_get) ? this.href : void 0)}
-        target=${ifDefined(__privateGet(this, _isLink, isLink_get) ? this.target : void 0)}
-        rel=${ifDefined(__privateGet(this, _isLink, isLink_get) ? this.rel || __privateGet(this, _defaultRel, defaultRel_get) : void 0)}
-        download=${ifDefined(__privateGet(this, _isLink, isLink_get) ? this.download : void 0)}
-        part="_button"
-        @click="${__privateGet(this, _handleClick)}"
-        ${forwardAttributes(
-      (attr) => attr.name.startsWith("gds-aria") || attr.name === "gds-role" || ariaForwards.includes(attr.name)
-    )}
-      >
-        <slot name="lead"></slot>
-        <slot @slotchange=${__privateGet(this, _mainSlotChange)}></slot>
-        <slot name="trail"></slot>
-        ${when(
-      !this._isUsingTransitionalStyles,
-      () => html2`<gds-ripple part="_ripple"></gds-ripple>`
-    )}
-        </${tag}>
-        `;
-  }
-  _getValidityAnchor() {
-    return this._button;
-  }
-  _attributeChanged() {
-    this.requestUpdate();
-  }
-};
-_isIconButton = new WeakMap();
-_isLink = new WeakSet();
-isLink_get = function() {
-  return this.href.length > 0;
-};
-_defaultRel = new WeakSet();
-defaultRel_get = function() {
-  return this.target === "_blank" ? "noreferrer noopener" : void 0;
-};
-_mainSlotChange = new WeakMap();
-_handleClick = new WeakMap();
-Button.styles = [tokens, unsafeCSS(button_style_default)];
-/**
- * @internal
- */
-Button.shadowRootOptions = {
-  mode: "open",
-  delegatesFocus: true
-};
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], Button.prototype, "disabled", 2);
-__decorateClass([
-  property({ reflect: true })
-], Button.prototype, "type", 2);
-__decorateClass([
-  property({ reflect: true })
-], Button.prototype, "rank", 2);
-__decorateClass([
-  property({ reflect: true })
-], Button.prototype, "variant", 2);
-__decorateClass([
-  property({ reflect: true })
-], Button.prototype, "size", 2);
-__decorateClass([
-  property()
-], Button.prototype, "label", 2);
-__decorateClass([
-  property()
-], Button.prototype, "href", 2);
-__decorateClass([
-  property()
-], Button.prototype, "target", 2);
-__decorateClass([
-  property()
-], Button.prototype, "rel", 2);
-__decorateClass([
-  property()
-], Button.prototype, "download", 2);
-__decorateClass([
-  query("slot:not([name])")
-], Button.prototype, "_mainSlot", 2);
-__decorateClass([
-  query(".button")
-], Button.prototype, "_button", 2);
-__decorateClass([
-  observeLightDOM({
-    attributes: true,
-    childList: false,
-    subtree: false,
-    characterData: false
-  })
-], Button.prototype, "_attributeChanged", 1);
-var GdsButton = class extends withSizeXProps(
-  withMarginProps(withLayoutChildProps(Button))
-) {
-};
-GdsButton = __decorateClass([
-  gdsCustomElement("gds-button")
-], GdsButton);
-
-export {
-  forwardAttributes,
-  GdsButton
-};

package/chunks/chunk.RUBG5I4M.js

@@ -1,26 +0,0 @@
-import {
-  GdsIcon
-} from "./chunk.GUAH7AIO.js";
-import {
-  gdsCustomElement
-} from "./chunk.QK3R23GV.js";
-import {
-  __decorateClass
-} from "./chunk.SEHSDSX2.js";
-
-// libs/core/src/components/icon/icons/people-profile.ts
-var IconPeopleProfile = class extends GdsIcon {
-};
-/** @private */
-IconPeopleProfile._regularSVG = `<path d="M15.75 6.5C15.75 8.57107 14.0711 10.25 12 10.25C9.92893 10.25 8.25 8.57107 8.25 6.5C8.25 4.42893 9.92893 2.75 12 2.75C14.0711 2.75 15.75 4.42893 15.75 6.5Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/><path d="M12 13.25C7.8098 13.25 4.86894 16.3254 4.5 20.25H19.5C19.1311 16.3254 16.1902 13.25 12 13.25Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>`;
-/** @private */
-IconPeopleProfile._solidSVG = `<path d="M12 2C9.51472 2 7.5 4.01472 7.5 6.5C7.5 8.98528 9.51472 11 12 11C14.4853 11 16.5 8.98528 16.5 6.5C16.5 4.01472 14.4853 2 12 2Z" fill="currentColor"/><path d="M12 12.5C7.38412 12.5 4.15473 15.9097 3.7533 20.1798C3.73354 20.39 3.80328 20.5988 3.94541 20.7549C4.08754 20.911 4.28888 21 4.5 21H19.5C19.7111 21 19.9125 20.911 20.0546 20.7549C20.1967 20.5988 20.2665 20.39 20.2467 20.1798C19.8453 15.9097 16.6159 12.5 12 12.5Z" fill="currentColor"/>`;
-/** @private */
-IconPeopleProfile._name = "people-profile";
-IconPeopleProfile = __decorateClass([
-  gdsCustomElement("gds-icon-people-profile")
-], IconPeopleProfile);
-
-export {
-  IconPeopleProfile
-};

package/chunks/chunk.RVKGEYHP.js

@@ -1,26 +0,0 @@
-import {
-  GdsIcon
-} from "./chunk.GUAH7AIO.js";
-import {
-  gdsCustomElement
-} from "./chunk.QK3R23GV.js";
-import {
-  __decorateClass
-} from "./chunk.SEHSDSX2.js";
-
-// libs/core/src/components/icon/icons/volume-full.ts
-var IconVolumeFull = class extends GdsIcon {
-};
-/** @private */
-IconVolumeFull._regularSVG = `<path d="M19.2478 4.75195C21.1027 6.60684 22.25 9.16934 22.25 11.9998C22.25 14.8303 21.1027 17.3928 19.2478 19.2476M15.8891 8.11133C16.8844 9.10663 17.5 10.4816 17.5 12.0004C17.5 13.5192 16.8844 14.8942 15.8891 15.8895M1.75 7.75H6L12.25 3.75V20.25L6 16.25H1.75V7.75Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>`;
-/** @private */
-IconVolumeFull._solidSVG = `<path d="M13 3.75C13 3.47592 12.8505 3.22366 12.6101 3.09208C12.3696 2.9605 12.0766 2.97055 11.8457 3.1183L5.78055 7H1.75C1.33579 7 1 7.33579 1 7.75V16.25C1 16.6642 1.33579 17 1.75 17H5.78055L11.8457 20.8817C12.0766 21.0294 12.3696 21.0395 12.6101 20.9079C12.8505 20.7763 13 20.5241 13 20.25V3.75Z" fill="currentColor"/><path d="M18.7175 4.22162C19.0104 3.92873 19.4852 3.92873 19.7781 4.22162C21.7679 6.21141 23 8.96244 23 11.9998C23 15.0372 21.7679 17.7882 19.7781 19.778C19.4852 20.0709 19.0104 20.0709 18.7175 19.778C18.4246 19.4851 18.4246 19.0102 18.7175 18.7173C20.4375 16.9973 21.5 14.6234 21.5 11.9998C21.5 9.37624 20.4375 7.00227 18.7175 5.28228C18.4246 4.98939 18.4246 4.51452 18.7175 4.22162Z" fill="currentColor"/><path d="M16.4194 7.581C16.1265 7.28811 15.6516 7.28811 15.3587 7.581C15.0658 7.87389 15.0658 8.34876 15.3587 8.64166C16.2191 9.50206 16.75 10.6885 16.75 12.0004C16.75 13.3123 16.2191 14.4988 15.3587 15.3592C15.0658 15.6521 15.0658 16.1269 15.3587 16.4198C15.6516 16.7127 16.1265 16.7127 16.4194 16.4198C17.5496 15.2896 18.25 13.7261 18.25 12.0004C18.25 10.2747 17.5496 8.7112 16.4194 7.581Z" fill="currentColor"/>`;
-/** @private */
-IconVolumeFull._name = "volume-full";
-IconVolumeFull = __decorateClass([
-  gdsCustomElement("gds-icon-volume-full")
-], IconVolumeFull);
-
-export {
-  IconVolumeFull
-};

package/chunks/chunk.RVYUBDYX.js

@@ -1,26 +0,0 @@
-import {
-  GdsIcon
-} from "./chunk.GUAH7AIO.js";
-import {
-  gdsCustomElement
-} from "./chunk.QK3R23GV.js";
-import {
-  __decorateClass
-} from "./chunk.SEHSDSX2.js";
-
-// libs/core/src/components/icon/icons/file-chart.ts
-var IconFileChart = class extends GdsIcon {
-};
-/** @private */
-IconFileChart._regularSVG = `<path d="M12.75 2.75H4.75V21.25H19.25V9.25M12.75 2.75L19.25 9.25M12.75 2.75V9.25H19.25M8.5 17.25V15.75M12 17.25V12.75M15.5 17.25V14.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>`;
-/** @private */
-IconFileChart._solidSVG = `<path fill-rule="evenodd" clip-rule="evenodd" d="M4.75 2H12V9.25C12 9.66421 12.3358 10 12.75 10H20V21.25C20 21.6642 19.6642 22 19.25 22H4.75C4.33579 22 4 21.6642 4 21.25V2.75C4 2.33579 4.33579 2 4.75 2ZM9.25 16.75C9.25 16.3358 8.91421 16 8.5 16C8.08579 16 7.75 16.3358 7.75 16.75V18.25C7.75 18.6642 8.08579 19 8.5 19C8.91421 19 9.25 18.6642 9.25 18.25V16.75ZM12 13C12.4142 13 12.75 13.3358 12.75 13.75V18.25C12.75 18.6642 12.4142 19 12 19C11.5858 19 11.25 18.6642 11.25 18.25V13.75C11.25 13.3358 11.5858 13 12 13ZM16.25 15.75C16.25 15.3358 15.9142 15 15.5 15C15.0858 15 14.75 15.3358 14.75 15.75V18.25C14.75 18.6642 15.0858 19 15.5 19C15.9142 19 16.25 18.6642 16.25 18.25V15.75Z" fill="currentColor"/><path d="M13.5 2.43934L19.5607 8.5H13.5V2.43934Z" fill="currentColor"/>`;
-/** @private */
-IconFileChart._name = "file-chart";
-IconFileChart = __decorateClass([
-  gdsCustomElement("gds-icon-file-chart")
-], IconFileChart);
-
-export {
-  IconFileChart
-};