reke-ui 0.1.2 → 0.2.1

package/dist/components/reke-chip/reke-chip.js

@@ -1,40 +1,39 @@
-import { nothing as h, html as n } from "lit";
-import { property as o, customElement as m } from "lit/decorators.js";
-import { classMap as d } from "lit/directives/class-map.js";
-import { RekeElement as u } from "../../shared/base-element.js";
-import { styles as f } from "./reke-chip.styles.js";
-var b = Object.defineProperty, y = Object.getOwnPropertyDescriptor, i = (t, r, a, l) => {
-  for (var e = l > 1 ? void 0 : l ? y(r, a) : r, p = t.length - 1, c; p >= 0; p--)
-    (c = t[p]) && (e = (l ? c(r, a, e) : c(e)) || e);
-  return l && e && b(r, a, e), e;
-};
-let s = class extends u {
-  constructor() {
-    super(...arguments), this.color = "primary", this.active = !1, this.dismissible = !1, this.disabled = !1;
-  }
-  _handleClick() {
-    this.disabled || this.emit("reke-click");
-  }
-  _handleDismiss(t) {
-    t.stopPropagation(), !this.disabled && this.emit("reke-dismiss");
-  }
-  render() {
-    const t = {
-      chip: !0,
-      [`chip--${this.color}`]: !0,
-      "chip--active": this.active
-    };
-    return n`
+import { RekeElement as e } from "../../shared/base-element.js";
+import { __decorate as t } from "../../_virtual/_@oxc-project_runtime@0.137.0/helpers/esm/decorate.js";
+import { styles as n } from "./reke-chip.styles.js";
+import { html as r, nothing as i } from "lit";
+import { customElement as a, property as o } from "lit/decorators.js";
+import { classMap as s } from "lit/directives/class-map.js";
+//#region src/components/reke-chip/reke-chip.ts
+var c = class extends e {
+	constructor(...e) {
+		super(...e), this.color = "primary", this.active = !1, this.dismissible = !1, this.disabled = !1;
+	}
+	static {
+		this.styles = n;
+	}
+	_handleClick() {
+		this.disabled || this.emit("reke-click");
+	}
+	_handleDismiss(e) {
+		e.stopPropagation(), !this.disabled && this.emit("reke-dismiss");
+	}
+	render() {
+		return r`
       <button
         part="chip"
-        class=${d(t)}
+        class=${s({
+			chip: !0,
+			[`chip--${this.color}`]: !0,
+			"chip--active": this.active
+		})}
         type="button"
         ?disabled=${this.disabled}
         aria-pressed=${this.active}
         @click=${this._handleClick}
       >
         <slot></slot>
-        ${this.dismissible ? n`
+        ${this.dismissible ? r`
               <span
                 part="dismiss"
                 class="chip__dismiss"
@@ -44,27 +43,20 @@ let s = class extends u {
               >
                 <svg viewBox="0 0 24 24" aria-hidden="true"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
               </span>
-            ` : h}
+            ` : i}
       </button>
     `;
-  }
-};
-s.styles = f;
-i([
-  o({ reflect: !0 })
-], s.prototype, "color", 2);
-i([
-  o({ type: Boolean, reflect: !0 })
-], s.prototype, "active", 2);
-i([
-  o({ type: Boolean, reflect: !0 })
-], s.prototype, "dismissible", 2);
-i([
-  o({ type: Boolean, reflect: !0 })
-], s.prototype, "disabled", 2);
-s = i([
-  m("reke-chip")
-], s);
-export {
-  s as RekeChip
+	}
 };
+t([o({ reflect: !0 })], c.prototype, "color", void 0), t([o({
+	type: Boolean,
+	reflect: !0
+})], c.prototype, "active", void 0), t([o({
+	type: Boolean,
+	reflect: !0
+})], c.prototype, "dismissible", void 0), t([o({
+	type: Boolean,
+	reflect: !0
+})], c.prototype, "disabled", void 0), c = t([a("reke-chip")], c);
+//#endregion
+export { c as RekeChip };

package/dist/components/reke-chip/reke-chip.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reke-chip.styles.d.ts","sourceRoot":"","sources":["../../../src/components/reke-chip/reke-chip.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM,2BAuHlB,CAAC"}
+{"version":3,"file":"reke-chip.styles.d.ts","sourceRoot":"","sources":["../../../src/components/reke-chip/reke-chip.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM,2BA6HlB,CAAC"}

package/dist/components/reke-chip/reke-chip.styles.js

@@ -1,8 +1,7 @@
-import { tailwindStyles as r } from "../../shared/tailwind-styles.js";
-import { css as o } from "lit";
-const i = [
-  r,
-  o`
+import { tailwindStyles as e } from "../../shared/tailwind-styles.js";
+import { css as t } from "lit";
+//#region src/components/reke-chip/reke-chip.styles.ts
+var n = [e, t`
     :host {
       display: inline-block;
     }
@@ -24,7 +23,7 @@ const i = [
       border: 1px solid var(--reke-color-border-subtle, #1F1F1F);
       border-radius: var(--reke-radius, 4px);
       background: transparent;
-      color: var(--reke-color-text-muted, #525252);
+      color: var(--reke-color-text-ghost, #7A7A7A);
       cursor: pointer;
       transition:
         background-color var(--reke-transition-fast, 0.12s ease),
@@ -98,8 +97,8 @@ const i = [
       display: inline-flex;
       align-items: center;
       justify-content: center;
-      width: 12px;
-      height: 12px;
+      width: 16px;
+      height: 16px;
       border-radius: 2px;
       cursor: pointer;
       opacity: 0.6;
@@ -110,6 +109,12 @@ const i = [
       opacity: 1;
     }
 
+    .chip__dismiss:focus-visible {
+      outline: 2px solid var(--reke-color-primary, #22C55E);
+      outline-offset: 1px;
+      opacity: 1;
+    }
+
     .chip__dismiss svg {
       width: 10px;
       height: 10px;
@@ -118,8 +123,6 @@ const i = [
       stroke-linecap: round;
       fill: none;
     }
-  `
-];
-export {
-  i as styles
-};
+  `];
+//#endregion
+export { n as styles };

package/dist/components/reke-date-range/reke-date-range.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reke-date-range.d.ts","sourceRoot":"","sources":["../../../src/components/reke-date-range/reke-date-range.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAG3D,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,OAAO,CAAC;AA0DhD;;;;;;;;;;;;;;;GAeG;AACH,qBACa,aAAc,SAAQ,WAAW;IAC5C,OAAgB,MAAM,4BAAU;IAEhC,+DAA+D;IAE/D,IAAI,EAAE,cAAc,CAAW;IAE/B,+CAA+C;IAE/C,KAAK,SAAM;IAEX,+BAA+B;IAE/B,IAAI,SAAM;IAEV,6BAA6B;IAE7B,EAAE,SAAM;IAGR,KAAK,SAAM;IAGX,WAAW,SAAM;IAEjB,2CAA2C;IAE3C,GAAG,SAAM;IAET,2CAA2C;IAE3C,GAAG,SAAM;IAGT,QAAQ,UAAS;IAGjB,KAAK,UAAS;IAEL,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,SAAS,CAA4B;IAC7C,OAAO,CAAC,UAAU,CAAyB;IAEpD,wEAAwE;IAC/D,OAAO,CAAC,eAAe,CAAS;IAEzC,OAAO,CAAC,kBAAkB,CAAmC;IAEpD,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAMrC,OAAO,CAAC,eAAe;IAiBvB,OAAO,CAAC,UAAU,CAahB;IAEF,OAAO,CAAC,WAAW;IAiBnB,mDAAmD;IACnD,OAAO,CAAC,SAAS;IAiBjB,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,UAAU;IASlB,OAAO,CAAC,UAAU;IASlB,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,UAAU;IAgClB,OAAO,CAAC,QAAQ;IA8BhB,OAAO,CAAC,MAAM;IAad,OAAO,CAAC,cAAc;IAmCtB,OAAO,CAAC,eAAe;IAkBvB,OAAO,CAAC,SAAS;IAKjB,OAAO,CAAC,mBAAmB;IAQ3B,OAAO,CAAC,cAAc;IAQb,MAAM;CA8GhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}
+{"version":3,"file":"reke-date-range.d.ts","sourceRoot":"","sources":["../../../src/components/reke-date-range/reke-date-range.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAG3D,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,OAAO,CAAC;AAwEhD;;;;;;;;;;;;;;;GAeG;AACH,qBACa,aAAc,SAAQ,WAAW;IAC5C,OAAgB,MAAM,4BAAU;IAEhC,+DAA+D;IAE/D,IAAI,EAAE,cAAc,CAAW;IAE/B,+CAA+C;IAE/C,KAAK,SAAM;IAEX,+BAA+B;IAE/B,IAAI,SAAM;IAEV,6BAA6B;IAE7B,EAAE,SAAM;IAGR,KAAK,SAAM;IAGX,WAAW,SAAM;IAEjB,2CAA2C;IAE3C,GAAG,SAAM;IAET,2CAA2C;IAE3C,GAAG,SAAM;IAGT,QAAQ,UAAS;IAGjB,KAAK,UAAS;IAEL,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,SAAS,CAA4B;IAC7C,OAAO,CAAC,UAAU,CAAyB;IAEpD,wEAAwE;IAC/D,OAAO,CAAC,eAAe,CAAS;IAEzC,OAAO,CAAC,kBAAkB,CAAmC;IAEpD,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAMrC,OAAO,CAAC,eAAe;IAiBvB,OAAO,CAAC,UAAU,CAahB;IAEF,OAAO,CAAC,WAAW;IAiBnB,mDAAmD;IACnD,OAAO,CAAC,SAAS;IAiBjB,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,UAAU;IASlB,OAAO,CAAC,UAAU;IASlB,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,UAAU;IAgClB,OAAO,CAAC,QAAQ;IA8BhB,OAAO,CAAC,MAAM;IAad,OAAO,CAAC,cAAc;IAmCtB,OAAO,CAAC,eAAe;IAkBvB,OAAO,CAAC,SAAS;IAKjB,OAAO,CAAC,mBAAmB;IAQ3B,OAAO,CAAC,cAAc;IAQb,MAAM;CA8GhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}