@krollins/blueprint 0.2.3 → 0.3.0

package/dist/components/multi-select.js

@@ -1,642 +1,2 @@
-import { css as m, LitElement as v, html as a, nothing as u } from "lit";
-import { property as n, state as d, customElement as g } from "lit/decorators.js";
-import { classMap as b } from "lit/directives/class-map.js";
-import { repeat as h } from "lit/directives/repeat.js";
-import { m as f } from "../shared/memoize-DlOFy-92.js";
-import { b as _ } from "../shared/boolean-converter-XDGfS9LC.js";
-const x = m`
-  /* Base styles */
-  :host {
-    display: block;
-    font-family: var(--bp-font-family);
-  }
-
-  .multi-select {
-    position: relative;
-    width: 100%;
-  }
-
-  .multi-select__control {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    gap: var(--bp-spacing-sm);
-    min-height: var(--bp-spacing-10);
-    padding: var(--bp-spacing-xs) var(--bp-spacing-sm);
-    background-color: var(--bp-color-surface);
-    border: var(--bp-border-width) solid var(--bp-color-border);
-    border-radius: var(--bp-border-radius-md);
-    cursor: pointer;
-    transition: border-color var(--bp-transition-fast);
-  }
-
-  .multi-select__control:hover:not(
-      .multi-select--disabled .multi-select__control
-    ) {
-    border-color: var(--bp-color-primary);
-  }
-
-  .multi-select__control:focus-visible {
-    outline: var(--bp-focus-width) solid var(--bp-color-focus);
-    outline-offset: var(--bp-focus-width);
-  }
-
-  .multi-select__value-container {
-    display: flex;
-    flex-wrap: wrap;
-    gap: var(--bp-spacing-xs);
-    flex: 1;
-    min-width: 0;
-  }
-
-  .multi-select__placeholder {
-    color: var(--bp-color-text-muted);
-    user-select: none;
-  }
-
-  .multi-select__tag {
-    display: inline-flex;
-    align-items: center;
-    gap: var(--bp-spacing-xs);
-    padding: var(--bp-spacing-2xs) var(--bp-spacing-xs);
-    background-color: color-mix(
-      in srgb,
-      var(--bp-color-primary) 8%,
-      transparent
-    );
-    color: var(--bp-color-primary);
-    border: none;
-    border-radius: var(--bp-border-radius-md);
-    font-size: var(--bp-font-size-sm);
-    max-width: 100%;
-  }
-
-  .multi-select__tag-label {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  .multi-select__tag-remove {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: var(--bp-spacing-4);
-    height: var(--bp-spacing-4);
-    padding: 0;
-    background: transparent;
-    border: none;
-    border-radius: var(--bp-border-radius-sm);
-    color: var(--bp-color-primary);
-    cursor: pointer;
-    font-size: var(--bp-font-size-lg);
-    line-height: 1;
-    transition: all var(--bp-transition-fast);
-  }
-
-  .multi-select__tag-remove:hover {
-    background-color: color-mix(
-      in srgb,
-      var(--bp-color-primary) 15%,
-      transparent
-    );
-    color: var(--bp-color-primary);
-  }
-
-  .multi-select__tag-remove:disabled {
-    cursor: not-allowed;
-    opacity: 0.5;
-  }
-
-  .multi-select__indicators {
-    display: flex;
-    align-items: center;
-    gap: var(--bp-spacing-xs);
-    flex-shrink: 0;
-  }
-
-  .multi-select__clear {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: var(--bp-spacing-6);
-    height: var(--bp-spacing-6);
-    padding: 0;
-    background: transparent;
-    border: none;
-    border-radius: var(--bp-border-radius-sm);
-    color: var(--bp-color-text-muted);
-    cursor: pointer;
-    font-size: var(--bp-font-size-xl);
-    line-height: 1;
-    transition: all var(--bp-transition-fast);
-  }
-
-  .multi-select__clear:hover {
-    background-color: var(--bp-color-surface-subdued);
-    color: var(--bp-color-text);
-  }
-
-  .multi-select__clear:disabled {
-    cursor: not-allowed;
-    opacity: 0.5;
-  }
-
-  .multi-select__dropdown-indicator {
-    color: var(--bp-color-text-muted);
-    font-size: var(--bp-font-size-xs);
-    transition: transform var(--bp-transition-fast);
-    user-select: none;
-  }
-
-  .multi-select--open .multi-select__dropdown-indicator {
-    transform: rotate(180deg);
-  }
-
-  .multi-select__dropdown {
-    position: absolute;
-    top: calc(100% + var(--bp-spacing-xs));
-    left: 0;
-    right: 0;
-    z-index: var(--bp-z-dropdown);
-    background-color: var(--bp-color-surface);
-    border: var(--bp-border-width) solid var(--bp-color-border);
-    border-radius: var(--bp-border-radius-md);
-    box-shadow: var(--bp-shadow-md);
-    max-height: calc(var(--bp-spacing-10) * 6);
-    overflow-y: auto;
-    opacity: 0;
-    visibility: hidden;
-    transform: translateY(calc(-1 * var(--bp-spacing-md)));
-    transition:
-      opacity var(--bp-transition-fast),
-      transform var(--bp-transition-fast),
-      visibility var(--bp-transition-fast);
-    contain: layout style paint;
-  }
-
-  .multi-select--open .multi-select__dropdown {
-    opacity: 1;
-    visibility: visible;
-    transform: translateY(0);
-  }
-
-  .multi-select__options {
-    list-style: none;
-    margin: 0;
-    padding: var(--bp-spacing-2xs);
-  }
-
-  .multi-select__option {
-    display: flex;
-    align-items: center;
-    gap: var(--bp-spacing-sm);
-    padding: var(--bp-spacing-sm) var(--bp-spacing-md);
-    cursor: pointer;
-    border-radius: var(--bp-border-radius-md);
-    transition:
-      background-color var(--bp-transition-fast),
-      color var(--bp-transition-fast);
-  }
-
-  .multi-select__option:hover {
-    background-color: var(--bp-color-surface-elevated);
-  }
-
-  .multi-select__option--focused {
-    background-color: var(--bp-color-surface-subdued);
-    outline: var(--bp-focus-width) solid var(--bp-color-primary);
-    outline-offset: calc(-1 * var(--bp-focus-width));
-  }
-
-  .multi-select__option--selected {
-    background-color: color-mix(
-      in srgb,
-      var(--bp-color-primary) 8%,
-      transparent
-    );
-    color: var(--bp-color-primary);
-  }
-
-  .multi-select__option--selected:hover {
-    background-color: color-mix(
-      in srgb,
-      var(--bp-color-primary) 12%,
-      transparent
-    );
-  }
-
-  .multi-select__option--empty {
-    color: var(--bp-color-text-muted);
-    cursor: default;
-    text-align: center;
-    padding: var(--bp-spacing-xl) var(--bp-spacing-lg);
-    font-style: italic;
-  }
-
-  .multi-select__checkbox {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: var(--bp-spacing-4);
-    height: var(--bp-spacing-4);
-    border: var(--bp-border-width) solid var(--bp-color-border);
-    border-radius: var(--bp-border-radius-sm);
-    font-size: var(--bp-font-size-xs);
-    flex-shrink: 0;
-    transition: all var(--bp-transition-fast);
-  }
-
-  .multi-select__option--selected .multi-select__checkbox {
-    border-color: var(--bp-color-primary);
-    background-color: var(--bp-color-primary);
-    color: var(--bp-color-text-inverse);
-  }
-
-  .multi-select__option-label {
-    flex: 1;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  /* Sizes */
-  .multi-select--sm .multi-select__control {
-    min-height: var(--bp-spacing-8);
-    padding: var(--bp-spacing-2xs) var(--bp-spacing-xs);
-    font-size: var(--bp-font-size-sm);
-  }
-
-  .multi-select--sm .multi-select__tag {
-    padding: var(--bp-spacing-0-5) var(--bp-spacing-2xs);
-    font-size: var(--bp-font-size-xs);
-  }
-
-  .multi-select--lg .multi-select__control {
-    min-height: var(--bp-spacing-12);
-    padding: var(--bp-spacing-sm) var(--bp-spacing-md);
-    font-size: var(--bp-font-size-lg);
-  }
-
-  .multi-select--lg .multi-select__tag {
-    padding: var(--bp-spacing-xs) var(--bp-spacing-sm);
-    font-size: var(--bp-font-size-base);
-  }
-
-  /* Variants */
-  .multi-select--default .multi-select__control {
-    border-color: var(--bp-color-border);
-  }
-
-  .multi-select--success .multi-select__control {
-    border-color: var(--bp-color-success);
-  }
-
-  .multi-select--error .multi-select__control {
-    border-color: var(--bp-color-error);
-  }
-
-  .multi-select--warning .multi-select__control {
-    border-color: var(--bp-color-warning);
-  }
-
-  .multi-select--info .multi-select__control {
-    border-color: var(--bp-color-info);
-  }
-
-  .multi-select--success
-    .multi-select__control:hover:not(
-      .multi-select--disabled .multi-select__control
-    ) {
-    border-color: var(--bp-color-success);
-  }
-
-  .multi-select--error
-    .multi-select__control:hover:not(
-      .multi-select--disabled .multi-select__control
-    ) {
-    border-color: var(--bp-color-error);
-  }
-
-  .multi-select--warning
-    .multi-select__control:hover:not(
-      .multi-select--disabled .multi-select__control
-    ) {
-    border-color: var(--bp-color-warning);
-  }
-
-  .multi-select--info
-    .multi-select__control:hover:not(
-      .multi-select--disabled .multi-select__control
-    ) {
-    border-color: var(--bp-color-info);
-  }
-
-  /* States */
-  .multi-select--disabled .multi-select__control {
-    background-color: var(--bp-color-surface-subdued);
-    cursor: not-allowed;
-    opacity: 0.6;
-  }
-
-  .multi-select--disabled .multi-select__placeholder {
-    color: var(--bp-color-text-muted);
-  }
-
-  /* Hide slot */
-  slot {
-    display: none;
-  }
-
-  /* Hide hidden inputs */
-  input[type='hidden'] {
-    display: none;
-  }
-`;
-var y = Object.defineProperty, w = Object.getOwnPropertyDescriptor, o = (e, t, s, i) => {
-  for (var r = i > 1 ? void 0 : i ? w(t, s) : t, c = e.length - 1, p; c >= 0; c--)
-    (p = e[c]) && (r = (i ? p(t, s, r) : p(r)) || r);
-  return i && r && y(t, s, r), r;
-};
-let l = class extends v {
-  constructor() {
-    super(), this.isOpen = !1, this.focusedIndex = -1, this.cachedOptions = [], this.computeLabelMap = f(
-      (e) => {
-        const t = /* @__PURE__ */ new Map();
-        for (const s of e)
-          t.set(s.value, s.label);
-        return t;
-      }
-    ), this.handleDocumentClick = (e) => {
-      this.contains(e.target) || (this.isOpen = !1, this.focusedIndex = -1);
-    }, this.handleToggle = (e) => {
-      e?.stopPropagation(), !this.disabled && (this.isOpen = !this.isOpen, this.isOpen && (this.focusedIndex = 0));
-    }, this.handleSlotChange = () => {
-      this.cachedOptions = this.getOptions(), this.initializeSelectedValues();
-    }, this.handleOptionClick = (e) => {
-      if (this.disabled) return;
-      const t = [...this.value];
-      let s;
-      if (this.isSelected(e.value)) {
-        if (s = this.value.filter((i) => i !== e.value), !this.clearable && s.length === 0)
-          return;
-      } else {
-        if (this.maxSelections > 0 && this.value.length >= this.maxSelections)
-          return;
-        s = [...this.value, e.value];
-      }
-      this.value = s, this.dispatchChangeEvent(s, t);
-    }, this.handleRemoveTag = (e, t) => {
-      if (t.stopPropagation(), this.disabled) return;
-      const s = [...this.value], i = this.value.filter((r) => r !== e);
-      this.value = i, this.dispatchChangeEvent(i, s);
-    }, this.handleClearAll = (e) => {
-      if (e.stopPropagation(), this.disabled) return;
-      const t = [...this.value], s = [];
-      this.value = s, this.dispatchChangeEvent(s, t);
-    }, this.handleKeyDown = (e) => {
-      if (this.disabled) return;
-      const t = this.cachedOptions;
-      switch (e.key) {
-        case "Enter":
-        case " ":
-          if (e.preventDefault(), this.isOpen && this.focusedIndex >= 0) {
-            const s = t[this.focusedIndex];
-            s && this.handleOptionClick(s);
-          } else
-            this.handleToggle();
-          break;
-        case "Escape":
-          e.preventDefault(), this.isOpen = !1, this.focusedIndex = -1;
-          break;
-        case "ArrowDown":
-          e.preventDefault(), this.isOpen ? this.focusedIndex = Math.min(
-            this.focusedIndex + 1,
-            t.length - 1
-          ) : (this.isOpen = !0, this.focusedIndex = 0);
-          break;
-        case "ArrowUp":
-          e.preventDefault(), this.isOpen ? this.focusedIndex = Math.max(this.focusedIndex - 1, 0) : (this.isOpen = !0, this.focusedIndex = t.length - 1);
-          break;
-      }
-    }, this.value = [], this.name = "", this.placeholder = "Select options", this.disabled = !1, this.required = !1, this.size = "md", this.variant = "default", this.maxSelections = 0, this.clearable = !0;
-  }
-  connectedCallback() {
-    super.connectedCallback(), document.addEventListener("click", this.handleDocumentClick, {
-      passive: !0
-    }), this.updateComplete.then(() => {
-      this.cachedOptions = this.getOptions(), this.initializeSelectedValues();
-    });
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), document.removeEventListener("click", this.handleDocumentClick, {
-      passive: !0
-    });
-  }
-  getOptions() {
-    return (this.shadowRoot?.querySelector("slot")?.assignedElements() || []).filter(
-      (i) => i.tagName === "OPTION"
-    ).map((i) => ({
-      value: i.value || i.textContent || "",
-      label: i.textContent || ""
-    }));
-  }
-  /**
-   * Read the `selected` attribute from slotted <option> elements
-   * and set the initial value array if no values are already set.
-   */
-  initializeSelectedValues() {
-    if (this.value.length > 0) return;
-    const s = (this.shadowRoot?.querySelector("slot")?.assignedElements() || []).filter(
-      (i) => i.tagName === "OPTION" && i.hasAttribute("selected")
-    ).map((i) => i.value || i.textContent || "");
-    s.length > 0 && (this.value = s);
-  }
-  isSelected(e) {
-    return this.value.includes(e);
-  }
-  dispatchChangeEvent(e, t) {
-    this.dispatchEvent(
-      new CustomEvent("bp-change", {
-        detail: {
-          value: e,
-          previousValue: t
-        },
-        bubbles: !0,
-        composed: !0
-      })
-    );
-  }
-  getLabelForValue(e) {
-    return this.computeLabelMap(this.cachedOptions).get(e) || e;
-  }
-  renderDropdown() {
-    const e = this.cachedOptions;
-    return a`
-      <div class="multi-select__dropdown" part="dropdown">
-        <ul
-          class="multi-select__options"
-          role="listbox"
-          aria-multiselectable="true"
-        >
-          ${e.length === 0 ? a`<li class="multi-select__option multi-select__option--empty">
-                No options available
-              </li>` : h(
-      e,
-      (t) => t.value,
-      (t, s) => {
-        const i = this.isSelected(t.value), r = s === this.focusedIndex;
-        return a`
-                    <li
-                      class=${b({
-          "multi-select__option": !0,
-          "multi-select__option--selected": i,
-          "multi-select__option--focused": r
-        })}
-                      role="option"
-                      aria-selected=${i}
-                      @click=${() => this.handleOptionClick(t)}
-                      part="option ${i ? "option-selected" : ""}"
-                    >
-                      <span class="multi-select__checkbox">
-                        ${i ? "✓" : ""}
-                      </span>
-                      <span class="multi-select__option-label"
-                        >${t.label}</span
-                      >
-                    </li>
-                  `;
-      }
-    )}
-        </ul>
-      </div>
-    `;
-  }
-  render() {
-    const e = this.value.length > 0;
-    return a`
-      <div
-        class=${b({
-      "multi-select": !0,
-      "multi-select--open": this.isOpen,
-      "multi-select--disabled": this.disabled,
-      [`multi-select--${this.size}`]: !0,
-      [`multi-select--${this.variant}`]: !0
-    })}
-      >
-        <div
-          class="multi-select__control"
-          @click=${this.handleToggle}
-          @keydown=${this.handleKeyDown}
-          tabindex=${this.disabled ? "-1" : "0"}
-          role="combobox"
-          aria-haspopup="listbox"
-          aria-expanded=${this.isOpen}
-          aria-disabled=${this.disabled}
-          part="control"
-        >
-          <div class="multi-select__value-container">
-            ${e ? h(
-      this.value,
-      (t) => t,
-      (t) => a`
-                    <span class="multi-select__tag" part="tag">
-                      <span class="multi-select__tag-label">
-                        ${this.getLabelForValue(t)}
-                      </span>
-                      ${this.clearable ? a`<button
-                            type="button"
-                            class="multi-select__tag-remove"
-                            @click=${(s) => this.handleRemoveTag(t, s)}
-                            aria-label="Remove ${this.getLabelForValue(t)}"
-                            tabindex="-1"
-                            ?disabled=${this.disabled}
-                          >
-                            ×
-                          </button>` : u}
-                    </span>
-                  `
-    ) : a`<span class="multi-select__placeholder"
-                  >${this.placeholder}</span
-                >`}
-          </div>
-
-          <div class="multi-select__indicators">
-            ${this.clearable && e ? a`
-                  <button
-                    type="button"
-                    class="multi-select__clear"
-                    @click=${this.handleClearAll}
-                    aria-label="Clear all selections"
-                    tabindex="-1"
-                    ?disabled=${this.disabled}
-                    part="clear-button"
-                  >
-                    ×
-                  </button>
-                ` : ""}
-            <span class="multi-select__dropdown-indicator" part="indicator">
-              ▼
-            </span>
-          </div>
-        </div>
-
-        ${this.isOpen ? this.renderDropdown() : u}
-
-        <!-- Hidden slot for options -->
-        <slot @slotchange=${this.handleSlotChange}></slot>
-
-        <!-- Hidden inputs for form submission -->
-        ${this.value.map(
-      (t) => a`
-            <input type="hidden" name="${this.name}" value="${t}" />
-          `
-    )}
-      </div>
-    `;
-  }
-};
-l.styles = [x];
-o([
-  n({ type: Array })
-], l.prototype, "value", 2);
-o([
-  n({ type: String })
-], l.prototype, "name", 2);
-o([
-  n({ type: String })
-], l.prototype, "placeholder", 2);
-o([
-  n({ type: Boolean, reflect: !0 })
-], l.prototype, "disabled", 2);
-o([
-  n({ type: Boolean, reflect: !0 })
-], l.prototype, "required", 2);
-o([
-  n({ type: String, reflect: !0 })
-], l.prototype, "size", 2);
-o([
-  n({ type: String, reflect: !0 })
-], l.prototype, "variant", 2);
-o([
-  n({ type: Number, attribute: "max-selections" })
-], l.prototype, "maxSelections", 2);
-o([
-  n({ converter: _ })
-], l.prototype, "clearable", 2);
-o([
-  d()
-], l.prototype, "isOpen", 2);
-o([
-  d()
-], l.prototype, "focusedIndex", 2);
-o([
-  d()
-], l.prototype, "cachedOptions", 2);
-l = o([
-  g("bp-multi-select")
-], l);
-export {
-  l as BpMultiSelect
-};
-//# sourceMappingURL=multi-select.js.map
+import { t as e } from "../shared/multi-select-BuU5RFrR.js";
+export { e as BpMultiSelect };

package/dist/components/notification/notification.d.ts

@@ -42,7 +42,14 @@ export declare class BpNotification extends LitElement {
      * Note: For multiple notifications, consider using a container component.
      */
     position: 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+    /**
+     * Whether the notification sits in a `bp-notification-stack`. Set
+     * automatically by the stack: a stacked notification flows in the stack
+     * instead of using `position`, and does not move focus when it opens.
+     */
+    stacked: boolean;
     private autoCloseTimer;
+    private timerStartedAt;
     private remainingTime;
     private timerPaused;
     private isExiting;
@@ -97,7 +104,7 @@ export declare class BpNotification extends LitElement {
      * Uses the bp-icon component for consistency with the design system.
      */
     private getDefaultIcon;
-    render(): import("lit-html").TemplateResult<1> | typeof nothing;
+    render(): typeof nothing | import("lit-html").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/components/notification/notification.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../source/components/notification/notification.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,OAAO,EAAE,MAAM,KAAK,CAAC;AAQhD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBACa,cAAe,SAAQ,UAAU;IAC5C;;;OAGG;IACH,MAAM,CAAC,YAAY,oBAAY;IAE/B,+BAA+B;IAWvB,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAE1D,0CAA0C;IACU,IAAI,EAAE,OAAO,CAAC;IAElE,gDAAgD;IAExC,QAAQ,EAAE,OAAO,CAAC;IAE1B,qEAAqE;IACjC,QAAQ,EAAE,MAAM,CAAC;IAErD,gCAAgC;IACI,KAAK,EAAE,MAAM,CAAC;IAElD,0CAA0C;IACN,OAAO,EAAE,MAAM,CAAC;IAEpD;;;OAGG;IAiBK,QAAQ,EACZ,UAAU,GACV,YAAY,GACZ,WAAW,GACX,aAAa,GACb,eAAe,GACf,cAAc,CAAC;IAEV,OAAO,CAAC,cAAc,CAAuB;IAC7C,OAAO,CAAC,aAAa,CAAa;IAClC,OAAO,CAAC,WAAW,CAAkB;IACrC,OAAO,CAAC,SAAS,CAAkB;IAE5C,MAAM,CAAC,MAAM,4BAAwB;;IAarC,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAc/C,oBAAoB;IAKpB,4BAA4B;IAC5B,IAAI;IAKJ,4BAA4B;IAC5B,IAAI;IAKJ;;;OAGG;IACH,OAAO,CAAC,UAAU;IAkBlB;;;OAGG;IACH,OAAO,CAAC,WAAW;IAOnB;;;OAGG;IACH,OAAO,CAAC,mBAAmB;IAW3B;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAO3B;;;OAGG;IACH,OAAO,CAAC,mBAAmB;IAQ3B;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAS5B;;;OAGG;IACH,OAAO,CAAC,gBAAgB;IAOxB;;;OAGG;IACH,OAAO,CAAC,aAAa;IAMrB;;;OAGG;IACH,OAAO,CAAC,cAAc;IAatB,MAAM;CA4DP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,cAAc,CAAC;KACnC;CACF"}
+{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../source/components/notification/notification.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,OAAO,EAAE,MAAM,KAAK,CAAC;AAQhD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBACa,cAAe,SAAQ,UAAU;IAC5C;;;OAGG;IACH,MAAM,CAAC,YAAY,oBAAY;IAE/B,+BAA+B;IAWvB,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAE1D,0CAA0C;IACU,IAAI,EAAE,OAAO,CAAC;IAElE,gDAAgD;IAExC,QAAQ,EAAE,OAAO,CAAC;IAE1B,qEAAqE;IACjC,QAAQ,EAAE,MAAM,CAAC;IAErD,gCAAgC;IACI,KAAK,EAAE,MAAM,CAAC;IAElD,0CAA0C;IACN,OAAO,EAAE,MAAM,CAAC;IAEpD;;;OAGG;IAiBK,QAAQ,EACZ,UAAU,GACV,YAAY,GACZ,WAAW,GACX,aAAa,GACb,eAAe,GACf,cAAc,CAAC;IAEnB;;;;OAIG;IACiD,OAAO,EAAE,OAAO,CAAC;IAE5D,OAAO,CAAC,cAAc,CAAuB;IACtD,OAAO,CAAC,cAAc,CAAK;IAClB,OAAO,CAAC,aAAa,CAAa;IAClC,OAAO,CAAC,WAAW,CAAkB;IACrC,OAAO,CAAC,SAAS,CAAkB;IAE5C,MAAM,CAAC,MAAM,4BAAwB;IAErC,cAUC;IAED,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,QAc9C;IAED,oBAAoB,SAGnB;IAED,4BAA4B;IAC5B,IAAI,SAGH;IAED,4BAA4B;IAC5B,IAAI,SAGH;IAED;;;OAGG;IACH,OAAO,CAAC,UAAU;IAmBlB;;;OAGG;IACH,OAAO,CAAC,WAAW;IAOnB;;;OAGG;IACH,OAAO,CAAC,mBAAmB;IAY3B;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAO3B;;;OAGG;IACH,OAAO,CAAC,mBAAmB;IAY3B;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAU5B;;;OAGG;IACH,OAAO,CAAC,gBAAgB;IAOxB;;;OAGG;IACH,OAAO,CAAC,aAAa;IAMrB;;;OAGG;IACH,OAAO,CAAC,cAAc;IAatB,MAAM,0DAgEL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,cAAc,CAAC;KACnC;CACF"}

package/dist/components/notification/notification.style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notification.style.d.ts","sourceRoot":"","sources":["../../../source/components/notification/notification.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,yBAqN9B,CAAC"}
+{"version":3,"file":"notification.style.d.ts","sourceRoot":"","sources":["../../../source/components/notification/notification.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,yBA4N9B,CAAC"}