@sbb-esta/lyne-elements 5.0.0-next → 5.0.0-next.2

package/calendar-cell-base-element-Bip0m9Wr.js

@@ -1,21 +0,0 @@
-import { unsafeCSS as e } from "lit";
-import { SbbButtonLikeBaseElement as t, SbbDisabledMixin as n, SbbPropertyWatcherController as r, defaultDateAdapter as i, readConfig as a } from "./core.js";
-//#endregion
-//#region src/elements/calendar/common/calendar-cell-base-element.ts
-var o = e(":host{display:block;--sbb-calendar-cell-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-calendar-cell-border-radius: calc( var(--sbb-border-radius-4x) + var(--sbb-calendar-cell-border-width) )}@media(forced-colors:active){:host{--sbb-calendar-cell-border: transparent}}:host(:is(:state(current),[state--current])){--sbb-calendar-cell-font-weight: bold}:host(:is(:state(selected),[state--selected])){--sbb-calendar-cell-border: var(--sbb-calendar-cell-border-width) solid var(--sbb-border-color-2)}:host(:disabled){--sbb-calendar-cell-color: var(--sbb-calendar-cell-disabled-color);--sbb-calendar-cell-cursor: unset}:host(:focus-visible){outline:0}:host(:not(:disabled):active){--sbb-calendar-cell-background-color: var(--sbb-calendar-cell-background-color-active)}.sbb-action-base{display:inline-flex;justify-content:center;align-items:center;position:relative;font-size:var(--sbb-calendar-cell-font-size);font-weight:var(--sbb-calendar-cell-font-weight);letter-spacing:var(--sbb-typo-letter-spacing-text);cursor:var(--sbb-calendar-cell-cursor);color:var(--sbb-calendar-cell-color);border-radius:var(--sbb-calendar-cell-border-radius)}:host(:focus-visible) .sbb-action-base{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);--sbb-focus-outline-offset: .0625rem}.sbb-action-base:before{content:\"\";position:absolute;background-color:var(--sbb-calendar-cell-background-color);inset:var(--sbb-calendar-cell-inset);border:var(--sbb-calendar-cell-border);border-radius:var(--sbb-calendar-cell-border-radius);transition-duration:var(--sbb-calendar-cell-transition-duration);transition-timing-function:var(--sbb-calendar-cell-transition-easing-function);transition-property:background-color;z-index:-1}@media(forced-colors:active){:host(:not(:disabled):active) .sbb-action-base:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);--sbb-focus-outline-style: initial}}@media(any-hover:hover){:host(:not(:active,:disabled):hover) .sbb-action-base{--sbb-calendar-cell-background-color: var(--sbb-calendar-cell-background-color-hover)}}@media(any-hover:hover)and (forced-colors:active){:host(:not(:active,:disabled):hover) .sbb-action-base:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);--sbb-focus-outline-offset: .0625rem;--sbb-focus-outline-style: initial}}.sbb-calendar-year,.sbb-calendar-month{height:var(--sbb-calendar-cell-year-month-height);width:var(--sbb-calendar-cell-year-month-width);padding-block-end:var(--sbb-calendar-cell-padding)}:host(:is(:state(crossed-out),[state--crossed-out])) .sbb-calendar-year:after,:host(:is(:state(crossed-out),[state--crossed-out])) .sbb-calendar-month:after{content:\"\";height:var(--sbb-calendar-cell-disabled-height);width:var(--sbb-calendar-cell-disabled-width);position:absolute;background-color:var(--sbb-calendar-cell-disabled-color);top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg)}.sbb-calendar-weekday,.sbb-calendar-weeknumber{--sbb-calendar-cell-font-size: var(--sbb-text-font-size-xs);--sbb-calendar-cell-font-weight: normal;height:var(--sbb-calendar-day-width);width:var(--sbb-calendar-day-width);color:var(--sbb-calendar-header-color)}"), s = class extends n(t) {
-	constructor() {
-		super(), this.dateAdapter = a().datetime?.dateAdapter ?? i, this.addController(new r(this, () => this.getParent(), {
-			dateFilter: (e) => this.setDisabledFilteredState(e),
-			min: (e) => this.setDisabledFilteredState(e),
-			max: (e) => this.setDisabledFilteredState(e),
-			selected: (e) => this.setSelectedState(e)
-		}));
-	}
-	getParent() {
-		return this.getRootNode?.()?.host?.closest("sbb-calendar");
-	}
-	formResetCallback() {}
-	formStateRestoreCallback(e, t) {}
-};
-//#endregion
-export { o as n, s as t };

package/card.component-DZrNg3sQ.js

@@ -1,61 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { html as n, unsafeCSS as r } from "lit";
-import { property as i } from "lit/decorators.js";
-import { SbbElement as a, boxSizingStyles as o } from "./core.js";
-//#region src/elements/card/card/card.scss?inline
-var s = ":host{--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);--sbb-focus-outline-color: light-dark( var(--sbb-focus-outline-color-default), var(--sbb-focus-outline-color-dark) );--sbb-title-text-color-normal-override: var(--sbb-card-color);--sbb-card-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-1x) );display:block;position:relative;padding-inline:var(--sbb-card-padding-inline);padding-block:var(--sbb-card-padding-block);border-radius:var(--sbb-card-border-radius);background-color:var(--sbb-card-background-color);box-shadow:none;transition:box-shadow var(--sbb-card-animation-duration) var(--sbb-card-animation-easing);color:var(--sbb-card-color)}:host:after{content:\"\";position:absolute;inset:0;background-color:transparent;border:var(--sbb-card-border-width) var(--sbb-card-border-style) var(--sbb-card-border-color);border-radius:var(--sbb-card-border-radius);pointer-events:none}:host{--sbb-card-padding-block: var(--sbb-card-padding-block-default);--sbb-card-with-badge-padding-block: var(--sbb-card-with-badge-padding-block-default);--sbb-card-padding-inline: var(--sbb-card-padding-inline-default)}:host(:where([color=white])){--sbb-card-background-color: var(--sbb-background-color-1);--sbb-card-border-color: transparent}:host(:where([color=milk])){--sbb-card-background-color: var(--sbb-background-color-3);--sbb-card-border-color: transparent}:host(:where([color=transparent-bordered])){--sbb-card-background-color: transparent;--sbb-card-border-color: var(--sbb-border-color-4-inverted);--sbb-card-border-width: var(--sbb-border-width-1x);--sbb-focus-outline-color: inherit}:host(:where([color=transparent-bordered-dashed])){--sbb-card-background-color: transparent;--sbb-card-border-color: var(--sbb-color-cement);--sbb-card-border-color: light-dark(var(--sbb-color-cement), var(--sbb-color-granite));--sbb-card-border-width: var(--sbb-border-width-1x);--sbb-card-border-style: dashed;--sbb-focus-outline-color: inherit}:host(:where(:not([color]))){--sbb-card-background-color: var(--sbb-background-color-1);--sbb-card-border-color: transparent}:host(:is(:state(has-active-action),[state--has-active-action])){--sbb-card-border-color: var(--sbb-border-color-3);--sbb-card-border-width: var(--sbb-border-width-2x);--sbb-card-border-style: solid}@media(forced-colors:active){:host(:is(:state(has-active-action),[state--has-active-action])){--sbb-card-border-color: Highlight}}:host(:is(:state(has-action),[state--has-action])){--sbb-card-pointer-events: none}@media(any-hover:hover){:host(:is(:state(has-action),[state--has-action]):not(:is(:state(has-active-action),[state--has-active-action])):hover){--sbb-card-hover-shift: -.125rem;box-shadow:var(--sbb-box-shadow-level-9-hard)}}@media(any-hover:hover)and (forced-colors:active){:host(:is(:state(has-action),[state--has-action]):not(:is(:state(has-active-action),[state--has-active-action])):hover){--sbb-card-border-color: Highlight}}@media(forced-colors:active){:host(:where(:is(:state(has-action),[state--has-action]):is(:state(action-role-button),[state--action-role-button]))){--sbb-card-color: ButtonText}}@media(forced-colors:active){:host(:where(:is(:state(has-action),[state--has-action]):is(:state(action-role-link),[state--action-role-link]))){--sbb-card-color: LinkText;--sbb-card-border-color: CanvasText}}:host(.sbb-card-spacing-3x-xxs){--sbb-card-padding-block: var(--sbb-spacing-fixed-3x);--sbb-card-with-badge-padding-block: var(--sbb-spacing-fixed-6x) var(--sbb-spacing-fixed-3x);--sbb-card-padding-inline: var(--sbb-spacing-responsive-xxs)}:host(.sbb-card-spacing-xxxs-xxs){--sbb-card-padding-block: var(--sbb-spacing-responsive-xxxs);--sbb-card-with-badge-padding-block: var(--sbb-spacing-fixed-6x) var(--sbb-spacing-responsive-xxxs);--sbb-card-padding-inline: var(--sbb-spacing-responsive-xxs)}:host(.sbb-card-spacing-xxxs-s){--sbb-card-padding-block: var(--sbb-spacing-responsive-xxxs);--sbb-card-with-badge-padding-block: var(--sbb-spacing-fixed-6x) var(--sbb-spacing-responsive-xxxs);--sbb-card-padding-inline: var(--sbb-spacing-responsive-s)}:host(.sbb-card-spacing-4x-xxs){--sbb-card-padding-block: var(--sbb-spacing-fixed-4x);--sbb-card-with-badge-padding-block: var(--sbb-spacing-fixed-6x) var(--sbb-spacing-fixed-4x);--sbb-card-padding-inline: var(--sbb-spacing-responsive-xxs)}:host(.sbb-card-spacing-xxs){--sbb-card-padding-block: var(--sbb-spacing-responsive-xxs);--sbb-card-with-badge-padding-block: var(--sbb-spacing-fixed-6x) var(--sbb-spacing-responsive-xxs);--sbb-card-padding-inline: var(--sbb-spacing-responsive-xxs)}:host(.sbb-card-spacing-s){--sbb-card-padding-block: var(--sbb-spacing-responsive-s);--sbb-card-with-badge-padding-block: var(--sbb-spacing-responsive-s);--sbb-card-padding-inline: var(--sbb-spacing-responsive-s)}:host(.sbb-card-spacing-l){--sbb-card-padding-block: var(--sbb-spacing-responsive-l);--sbb-card-with-badge-padding-block: var(--sbb-spacing-responsive-l);--sbb-card-padding-inline: var(--sbb-spacing-responsive-l)}:host(:is(:state(slotted-badge),[state--slotted-badge])){--sbb-card-padding-block: var(--sbb-card-with-badge-padding-block);--sbb-card-badge-display: block}.sbb-card__wrapper{display:block;height:100%;pointer-events:var(--sbb-card-pointer-events, auto);translate:0 var(--sbb-card-hover-shift, 0);transition:translate var(--sbb-card-animation-duration) var(--sbb-card-animation-easing)}.sbb-card__badge-wrapper{display:var(--sbb-card-badge-display, none);overflow:hidden;position:absolute;inset:0;inset-block-end:unset;border-start-start-radius:var(--sbb-card-border-radius);border-start-end-radius:var(--sbb-card-border-radius);pointer-events:var(--sbb-card-pointer-events, auto)}::slotted(sbb-title){margin-block-start:0}", c = (() => {
-	let c = a, l, u = [], d = [];
-	return class extends c {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
-			l = [i({ reflect: !0 })], e(this, null, l, {
-				kind: "accessor",
-				name: "color",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "color" in e,
-					get: (e) => e.color,
-					set: (e, t) => {
-						e.color = t;
-					}
-				},
-				metadata: t
-			}, u, d), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-card";
-		}
-		static {
-			this.styles = [o, r(s)];
-		}
-		#e = t(this, u, "white");
-		get color() {
-			return this.#e;
-		}
-		set color(e) {
-			this.#e = e;
-		}
-		render() {
-			return n`
-      <slot name="action"></slot>
-      <span class="sbb-card__wrapper">
-        <slot></slot>
-      </span>
-      <span class="sbb-card__badge-wrapper">
-        <slot name="badge"></slot>
-      </span>
-    `;
-		}
-		constructor() {
-			super(...arguments), t(this, d);
-		}
-	};
-})();
-//#endregion
-export { c as t };

package/checkbox-common-Bo4u1RXX.js

@@ -1,67 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { unsafeCSS as n } from "lit";
-import { property as r } from "lit/decorators.js";
-import { SbbFormAssociatedCheckboxMixin as i, forceType as a } from "./core.js";
-//#endregion
-//#region src/elements/checkbox/common/checkbox-common.ts
-var o = n("@charset \"UTF-8\";:host([size=xs]){--sbb-checkbox-font-size: var(--sbb-text-font-size-xs);--sbb-checkbox-dimension: var(--sbb-checkbox-dimension-xs)}:host([size=s]){--sbb-checkbox-font-size: var(--sbb-text-font-size-s);--sbb-checkbox-dimension: var(--sbb-checkbox-dimension-s)}:host([size=m]){--sbb-checkbox-font-size: var(--sbb-text-font-size-m);--sbb-checkbox-dimension: var(--sbb-checkbox-dimension-m)}:host(:disabled){--sbb-checkbox-cursor: var(--sbb-cursor-default);--sbb-checkbox-label-color: var(--sbb-color-granite);--sbb-checkbox-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-aluminium))}.sbb-checkbox-wrapper{display:flex}.sbb-checkbox-wrapper:before{content:\"​\";-webkit-user-select:none;user-select:none;width:0;height:0}.sbb-checkbox{font-size:var(--sbb-checkbox-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);position:relative;display:block;width:100%;cursor:var(--sbb-checkbox-cursor);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.sbb-checkbox__inner{display:flex;align-items:start;gap:var(--sbb-spacing-fixed-2x)}.sbb-checkbox__label{display:flex;flex-grow:1;color:var(--sbb-checkbox-label-color);line-height:max(1em * var(--sbb-typo-line-height-text),var(--sbb-checkbox-dimension))}.sbb-checkbox__aligner{display:flex;align-items:center;height:calc(1em * var(--sbb-typo-line-height-text))}"), s = (n) => (() => {
-	let o = i(n), s, c = [], l = [];
-	return class extends o {
-		constructor() {
-			super(...arguments), this.#e = t(this, c, !1), this._group = (t(this, l), null);
-		}
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
-			s = [a(), r({ type: Boolean })], e(this, null, s, {
-				kind: "accessor",
-				name: "indeterminate",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "indeterminate" in e,
-					get: (e) => e.indeterminate,
-					set: (e, t) => {
-						e.indeterminate = t;
-					}
-				},
-				metadata: t
-			}, c, l), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		#e;
-		get indeterminate() {
-			return this.#e;
-		}
-		set indeterminate(e) {
-			this.#e = e;
-		}
-		get group() {
-			return this._group;
-		}
-		connectedCallback() {
-			super.connectedCallback(), this._group = this.closest("sbb-checkbox-group"), [
-				"disabled",
-				"required",
-				"size"
-			].forEach((e) => this.requestUpdate(e));
-		}
-		willUpdate(e) {
-			super.willUpdate(e), (e.has("checked") || e.has("indeterminate")) && (this.internals.ariaChecked = this.indeterminate ? "mixed" : `${this.checked}`);
-		}
-		isDisabledExternally() {
-			return this.group?.disabled ?? !1;
-		}
-		isRequiredExternally() {
-			return this.group?.required ?? !1;
-		}
-		withUserInteraction() {
-			this.indeterminate &&= !1;
-		}
-	};
-})();
-//#endregion
-export { o as n, s as t };

package/chip-label.component-CUJTTb1-.js

@@ -1,79 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { html as n, unsafeCSS as r } from "lit";
-import { property as i } from "lit/decorators.js";
-import { SbbElement as a, boxSizingStyles as o } from "./core.js";
-//#region src/elements/chip-label/chip-label.scss?inline
-var s = ":host{display:inline-block}:host([color=charcoal]){--sbb-chip-label-color: var(--sbb-color-2-inverted);--sbb-chip-label-background-color: var(--sbb-background-color-2-inverted)}:host([color=white]){--sbb-chip-label-color: var(--sbb-color-granite);--sbb-chip-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-cloud));--sbb-chip-label-background-color: var(--sbb-background-color-1)}:host([color=granite]){--sbb-chip-label-color: var(--sbb-color-2-inverted);--sbb-chip-label-background-color: var(--sbb-color-granite);--sbb-chip-label-background-color: light-dark(var(--sbb-color-granite), var(--sbb-color-storm))}:host([size=xs]){--sbb-chip-label-padding-block: var(--sbb-spacing-fixed-1x);--sbb-chip-label-padding-inline: var(--sbb-spacing-fixed-3x);--sbb-chip-label-font-size: var(--sbb-text-font-size-xs)}:host([size=s]){--sbb-chip-label-padding-block: var(--sbb-spacing-fixed-1x);--sbb-chip-label-padding-inline: var(--sbb-spacing-fixed-4x);--sbb-chip-label-font-size: var(--sbb-text-font-size-s)}.sbb-chip-label{line-height:2;display:inline-flex;align-items:center;justify-content:center;height:calc(var(--sbb-typo-line-height-text) * var(--sbb-chip-label-font-size) + var(--sbb-chip-label-padding-block) * 2);background-color:var(--sbb-chip-label-background-color);padding-inline:var(--sbb-chip-label-padding-inline);border-radius:var(--sbb-border-radius-infinity);color:var(--sbb-chip-label-color);font-size:var(--sbb-chip-label-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);overflow:hidden}@media(forced-colors:active){.sbb-chip-label{outline:var(--sbb-border-width-1x) solid CanvasText;outline-offset:calc(-1 * var(--sbb-border-width-1x))}}.sbb-chip-label{display:flex}.sbb-chip__text-wrapper{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block}", c = (() => {
-	let c = a, l, u = [], d = [], f, p = [], m = [];
-	return class extends c {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
-			l = [i({ reflect: !0 })], f = [i({ reflect: !0 })], e(this, null, l, {
-				kind: "accessor",
-				name: "size",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "size" in e,
-					get: (e) => e.size,
-					set: (e, t) => {
-						e.size = t;
-					}
-				},
-				metadata: t
-			}, u, d), e(this, null, f, {
-				kind: "accessor",
-				name: "color",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "color" in e,
-					get: (e) => e.color,
-					set: (e, t) => {
-						e.color = t;
-					}
-				},
-				metadata: t
-			}, p, m), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-chip-label";
-		}
-		static {
-			this.styles = [o, r(s)];
-		}
-		#e = t(this, u, "xxs");
-		get size() {
-			return this.#e;
-		}
-		set size(e) {
-			this.#e = e;
-		}
-		#t = (t(this, d), t(this, p, "milk"));
-		get color() {
-			return this.#t;
-		}
-		set color(e) {
-			this.#t = e;
-		}
-		render() {
-			return n`
-      <span class="sbb-chip-label">
-        <span class="sbb-chip__text-wrapper">
-          <slot></slot>
-        </span>
-      </span>
-    `;
-		}
-		constructor() {
-			super(...arguments), t(this, m);
-		}
-	};
-})();
-//#endregion
-export { c as t };

package/core/screen-reader-only/screen-reader-only.component.js

@@ -1,2 +0,0 @@
-import { t as e } from "../../screen-reader-only.component-B08Bt5Ct.js";
-export { e as SbbScreenReaderOnlyElement };

package/core/styles/box-sizing.scss

@@ -1,3 +0,0 @@
-@use './mixins/helpers';
-
-@include helpers.box-sizing;

package/core/styles/mixins/chip.scss

@@ -1,95 +0,0 @@
-@use './a11y';
-@use './helpers';
-@use './typo';
-
-@mixin chip-label-variables--color-milk {
-  --sbb-chip-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-cloud));
-  --sbb-chip-label-background-color: var(--sbb-background-color-3);
-}
-
-@mixin chip-label-variables--color-charcoal {
-  --sbb-chip-label-color: var(--sbb-color-2-inverted);
-  --sbb-chip-label-background-color: var(--sbb-background-color-2-inverted);
-}
-
-@mixin chip-label-variables--color-white {
-  --sbb-chip-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-cloud));
-  --sbb-chip-label-background-color: var(--sbb-background-color-1);
-}
-
-@mixin chip-label-variables--color-granite {
-  --sbb-chip-label-color: var(--sbb-color-2-inverted);
-  --sbb-chip-label-background-color: light-dark(var(--sbb-color-granite), var(--sbb-color-storm));
-}
-
-@mixin chip-label-variables--size-xxs {
-  --sbb-chip-label-padding-block: 0em;
-  --sbb-chip-label-padding-inline: var(--sbb-spacing-fixed-2x);
-  --sbb-chip-label-font-size: var(--sbb-text-font-size-xxs);
-}
-
-@mixin chip-label-variables--size-xs {
-  --sbb-chip-label-padding-block: var(--sbb-spacing-fixed-1x);
-  --sbb-chip-label-padding-inline: var(--sbb-spacing-fixed-3x);
-  --sbb-chip-label-font-size: var(--sbb-text-font-size-xs);
-}
-
-@mixin chip-label-variables--size-s {
-  --sbb-chip-label-padding-block: var(--sbb-spacing-fixed-1x);
-  --sbb-chip-label-padding-inline: var(--sbb-spacing-fixed-4x);
-  --sbb-chip-label-font-size: var(--sbb-text-font-size-s);
-}
-
-@mixin chip-label-rules {
-  // We need an even value to make it work smoothly in Safari
-  line-height: 2;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  height: calc(
-    var(--sbb-typo-line-height-text) * var(--sbb-chip-label-font-size) +
-      var(--sbb-chip-label-padding-block) * 2
-  );
-  background-color: var(--sbb-chip-label-background-color);
-  padding-inline: var(--sbb-chip-label-padding-inline);
-  border-radius: var(--sbb-border-radius-infinity);
-  color: var(--sbb-chip-label-color);
-  font-size: var(--sbb-chip-label-font-size);
-  letter-spacing: var(--sbb-typo-letter-spacing-text);
-
-  // Overflow hidden needed because line-height can be taller than height which can cause weird layout shifting
-  overflow: hidden;
-
-  @include a11y.if-forced-colors {
-    outline: var(--sbb-border-width-1x) solid CanvasText;
-    outline-offset: calc(-1 * var(--sbb-border-width-1x));
-  }
-}
-
-@mixin chip-label-rules-ellipsis {
-  @include helpers.ellipsis;
-
-  display: inline-block;
-}
-
-@mixin chip($color: milk, $size: xxs) {
-  @if $color == milk {
-    @include chip-label-variables--color-milk;
-  } @else if $color == charcoal {
-    @include chip-label-variables--color-charcoal;
-  } @else if $color == white {
-    @include chip-label-variables--color-white;
-  } @else if $color == granite {
-    @include chip-label-variables--color-granite;
-  }
-
-  @if $size == xxs {
-    @include chip-label-variables--size-xxs;
-  } @else if $size == xs {
-    @include chip-label-variables--size-xs;
-  } @else if $size == s {
-    @include chip-label-variables--size-s;
-  }
-
-  @include chip-label-rules;
-}

package/datepicker.component-BBmEvmW3.js

@@ -1,154 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { html as n, isServer as r, nothing as i, unsafeCSS as a } from "lit";
-import { property as o } from "lit/decorators.js";
-import { SbbLanguageController as s, SbbUpdateSchedulerMixin as c, defaultDateAdapter as l, forceType as u, i18nDateChangedTo as d, idReference as f, readConfig as p } from "./core.js";
-import { SbbDateInputElement as m } from "./date-input.pure.js";
-import { SbbCalendarElement as h } from "./calendar.pure.js";
-import { SbbPopoverBaseElement as g } from "./popover.pure.js";
-//#region src/elements/datepicker/datepicker/datepicker.scss?inline
-var _ = "#status-container{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}", v = 0, y = (() => {
-	let y = c(g), b, x = [], S = [], C, w = [], T = [], E, D = [], O = [];
-	return class extends y {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(y[Symbol.metadata] ?? null) : void 0;
-			b = [u(), o({ type: Boolean })], C = [f(), o()], E = [o()], e(this, null, b, {
-				kind: "accessor",
-				name: "wide",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "wide" in e,
-					get: (e) => e.wide,
-					set: (e, t) => {
-						e.wide = t;
-					}
-				},
-				metadata: t
-			}, x, S), e(this, null, C, {
-				kind: "accessor",
-				name: "input",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "input" in e,
-					get: (e) => e.input,
-					set: (e, t) => {
-						e.input = t;
-					}
-				},
-				metadata: t
-			}, w, T), e(this, null, E, {
-				kind: "accessor",
-				name: "view",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "view" in e,
-					get: (e) => e.view,
-					set: (e, t) => {
-						e.view = t;
-					}
-				},
-				metadata: t
-			}, D, O), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-datepicker";
-		}
-		static {
-			this.elementDependencies = [h];
-		}
-		static {
-			this.styles = [g.styles, a(_)];
-		}
-		static {
-			this.sbbDateInputAssociated = !0;
-		}
-		#e;
-		get wide() {
-			return this.#e;
-		}
-		set wide(e) {
-			this.#e = e;
-		}
-		#t;
-		get input() {
-			return this.#t;
-		}
-		set input(e) {
-			this.#t = e;
-		}
-		#n;
-		get view() {
-			return this.#n;
-		}
-		set view(e) {
-			this.#n = e;
-		}
-		constructor() {
-			super(), this.#e = t(this, x, !1), this.#t = (t(this, S), t(this, w, null)), this.#n = (t(this, T), t(this, D, "day")), this._inputAbortController = t(this, O), this._dateAdapter = p().datetime?.dateAdapter ?? l, this._language = new s(this), this._ready = !1, this.startUpdate(), this.addEventListener(g.events.beforeopen, () => {
-				this.shadowRoot?.querySelector("sbb-calendar")?.resetPosition?.();
-			}), !r && this.hydrationRequired && this.hydrationComplete.then(() => this.requestUpdate());
-		}
-		connectedCallback() {
-			this.id ||= `sbb-datepicker-${++v}`, super.connectedCallback();
-			let e = this.closest?.("sbb-form-field");
-			if (e) {
-				m.resolveAssociation(this);
-				let t = e.querySelector("sbb-datepicker-toggle");
-				t && !t.hasAttribute("datepicker") && (t.datepicker ??= this);
-			}
-		}
-		requestUpdate(e, t, n) {
-			if (super.requestUpdate(e, t, n), e === "input" && this.input !== t && (this._inputAbortController?.abort(), this.input)) {
-				let { signal: e } = this._inputAbortController = new AbortController();
-				this.input?.addEventListener("ɵchange", () => {
-					super.requestUpdate(), this._updateStatus();
-				}, { signal: e });
-			}
-		}
-		firstUpdated(e) {
-			super.firstUpdated(e), setTimeout(() => {
-				this._ready = !0, this.requestUpdate(), this.completeUpdate();
-			});
-		}
-		_updateStatus() {
-			let e = this.shadowRoot?.getElementById("status-container");
-			if (!e) return;
-			let t = this._dateAdapter.isValid(this.input?.valueAsDate) ? `${d[this._language.current]} ${this._dateAdapter.format(this.input.valueAsDate, { weekdayStyle: "long" })}` : "";
-			e.textContent !== t && (e.textContent = t);
-		}
-		renderContent() {
-			return n`
-      <p id="status-container" role="status"></p>
-      <sbb-calendar
-        .view=${this.view}
-        .min=${this.input?.min ?? null}
-        .max=${this.input?.max ?? null}
-        .dateFilter=${this.input?.dateFilter ?? null}
-        .selected=${this.input?.valueAsDate ?? null}
-        ?wide=${this.wide}
-        @dateselected=${(e) => {
-				this.input && (this.input.valueAsDate = e.detail, this.input.dispatchEvent(new InputEvent("input", {
-					bubbles: !0,
-					composed: !0
-				})), this.input.dispatchEvent(new Event("change", {
-					bubbles: !0,
-					composed: !0
-				})), this.input.dispatchEvent(new Event("blur", { composed: !0 })), this.close());
-			}}
-      ></sbb-calendar>
-    `;
-		}
-		render() {
-			return r || this.hydrationRequired || !this._ready ? n`${i}` : super.render();
-		}
-	};
-})();
-//#endregion
-export { y as t };