@vanelsas/baredom 1.0.0-rc.4 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (70) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/README.md +11 -3
  3. package/dist/base.js +368 -349
  4. package/dist/x-alert.js +18 -18
  5. package/dist/x-avatar-group.js +11 -11
  6. package/dist/x-avatar.js +16 -17
  7. package/dist/x-badge.js +11 -11
  8. package/dist/x-breadcrumbs.js +14 -14
  9. package/dist/x-button.js +16 -16
  10. package/dist/x-cancel-dialogue.js +17 -17
  11. package/dist/x-card.js +7 -7
  12. package/dist/x-chart.js +47 -47
  13. package/dist/x-checkbox.js +11 -11
  14. package/dist/x-chip.js +8 -8
  15. package/dist/x-collapse.js +11 -11
  16. package/dist/x-command-palette.js +31 -31
  17. package/dist/x-container.js +6 -6
  18. package/dist/x-context-menu.js +19 -20
  19. package/dist/x-copy.js +23 -23
  20. package/dist/x-currency-field.js +23 -23
  21. package/dist/x-date-picker.js +39 -39
  22. package/dist/x-divider.js +12 -12
  23. package/dist/x-drawer.js +12 -12
  24. package/dist/x-dropdown.js +10 -10
  25. package/dist/x-fieldset.js +6 -6
  26. package/dist/x-file-download.js +7 -7
  27. package/dist/x-form-field.js +17 -17
  28. package/dist/x-form.js +9 -9
  29. package/dist/x-gaussian-blur.js +33 -0
  30. package/dist/x-grid.js +7 -7
  31. package/dist/x-kinetic-typography.js +62 -0
  32. package/dist/x-menu-item.js +10 -10
  33. package/dist/x-menu.js +10 -10
  34. package/dist/x-modal.js +13 -13
  35. package/dist/x-navbar.js +13 -13
  36. package/dist/x-notification-center.js +10 -10
  37. package/dist/x-organic-divider.js +20 -0
  38. package/dist/x-organic-shape.js +15 -0
  39. package/dist/x-pagination.js +16 -16
  40. package/dist/x-popover.js +15 -15
  41. package/dist/x-progress-circle.js +10 -10
  42. package/dist/x-progress.js +11 -11
  43. package/dist/x-radio.js +11 -11
  44. package/dist/x-ripple-effect.js +14 -0
  45. package/dist/x-scroll-parallax.js +20 -0
  46. package/dist/x-scroll-story.js +38 -0
  47. package/dist/x-scroll-timeline.js +51 -0
  48. package/dist/x-scroll.js +43 -0
  49. package/dist/x-search-field.js +14 -14
  50. package/dist/x-select.js +9 -9
  51. package/dist/x-sidebar.js +16 -16
  52. package/dist/x-skeleton.js +6 -7
  53. package/dist/x-slider.js +16 -16
  54. package/dist/x-spacer.js +5 -5
  55. package/dist/x-spinner.js +5 -5
  56. package/dist/x-stat.js +11 -11
  57. package/dist/x-stepper.js +16 -16
  58. package/dist/x-switch.js +10 -10
  59. package/dist/x-tab.js +7 -7
  60. package/dist/x-table-cell.js +21 -21
  61. package/dist/x-table-row.js +10 -10
  62. package/dist/x-table.js +14 -14
  63. package/dist/x-tabs.js +11 -12
  64. package/dist/x-text-area.js +19 -19
  65. package/dist/x-timeline-item.js +23 -23
  66. package/dist/x-timeline.js +9 -9
  67. package/dist/x-toast.js +23 -23
  68. package/dist/x-toaster.js +8 -8
  69. package/dist/x-typography.js +11 -0
  70. package/package.json +43 -2
package/dist/x-toaster.js CHANGED
@@ -1,9 +1,9 @@
1
1
  import { $APP, shadow$provide } from "./base.js";
2
- var so=function(a){a=typeof a==="string"?a.trim().toLowerCase():null;return $APP.yc(ro,a)?a:"top-end"},to=function(a){return typeof a==="string"?(a=parseInt(a.trim(),10),$APP.p(isNaN(a))&&a>0?Math.floor(a):null):null},vo=function(a){if(!$APP.n($APP.l(a,"__xToasterRefs"))){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("slot");c.textContent=uo;b.appendChild(c);b.appendChild(d);a.__xToasterRefs=new $APP.Q(null,2,[$APP.kh,b,$APP.Jh,d],null)}},yo=function(a){a=
3
- new $APP.Q(null,3,[$APP.Ai,a.getAttribute("position"),wo,a.getAttribute("max-toasts"),$APP.Wg,a.getAttribute("label")],null);var b=$APP.N(a),c=$APP.I(b,$APP.Ai);a=$APP.I(b,wo);b=$APP.I(b,$APP.Wg);c=so(c);a=to(a);return new $APP.Q(null,3,[$APP.Ti,c,xo,$APP.n(a)?a:5,$APP.W,typeof b==="string"&&$APP.O(b.trim(),"")?b:"Notifications"],null)},zo=function(a){var b=yo(a);if($APP.O($APP.l(a,"__xToasterModel"),b)){b=$APP.N(b);var c=$APP.I(b,$APP.Ti),d=$APP.I(b,$APP.W);vo(a);a.setAttribute("role","region");
4
- a.setAttribute("aria-label",d);a.setAttribute("data-position",c);a.__xToasterModel=b}},Ao=function(a){function b(c){var d=c.detail;if($APP.O($APP.l(d,"reason"),"toaster-remove")){c.preventDefault();var e=$APP.l(d,"type");var g=$APP.l(d,"reason"),h=$APP.l(d,"heading");d=$APP.l(d,"message");e=$APP.pg(new $APP.Q(null,4,[$APP.Z,$APP.n(e)?e:"info",$APP.qh,$APP.n(g)?g:"",$APP.Eh,$APP.n(h)?h:"",$APP.Cg,$APP.n(d)?d:""],null));e=new CustomEvent("x-toaster-dismiss",{detail:e,bubbles:!0,composed:!0,cancelable:!0});
5
- e=a.dispatchEvent(e);$APP.n(e)&&c.target.dismiss("toaster-remove")}return null}a.addEventListener("x-toast-dismiss",b);$APP.la(a,"__xToasterHandlers",{dismiss:b})},Bo=function(a){var b=$APP.l(a,"__xToasterHandlers");$APP.n(b)&&(b=$APP.l(b,"dismiss"),$APP.n(b)&&a.removeEventListener("x-toast-dismiss",b));a.__xToasterHandlers=null},Co=function(a){a=a.prototype;Object.defineProperty(a,"position",{get:function(){return so(this.getAttribute("position"))},set:function(b){return $APP.n(b)?this.setAttribute("position",
6
- ""+$APP.T.g(b)):this.removeAttribute("position")},enumerable:!0,configurable:!0});Object.defineProperty(a,"label",{get:function(){var b=this.getAttribute("label");return $APP.n(b)?b:"Notifications"},set:function(b){return $APP.n($APP.n(b)?$APP.O(b,""):b)?this.setAttribute("label",""+$APP.T.g(b)):this.removeAttribute("label")},enumerable:!0,configurable:!0});Object.defineProperty(a,"maxToasts",{get:function(){var b=to(this.getAttribute("max-toasts"));return $APP.n(b)?b:5},set:function(b){return b==
7
- null?this.removeAttribute("max-toasts"):this.setAttribute("max-toasts",""+$APP.T.g(Math.floor(b)))},enumerable:!0,configurable:!0});Object.defineProperty(a,"toast",{value:function(b){b=$APP.n(b)?b:{};var c=$APP.l(this,"__xToasterModel");c=$APP.n(c)?c:yo(this);var d=xo.g(c);c=this.querySelectorAll("x-toast");var e=c.length;if(e>=d)for(d=e-d- -1,e=0;;)if(e<d)c[e].dismiss("toaster-remove"),e+=1;else break;c=document.createElement("x-toast");d=$APP.l(b,"type");$APP.n(d)&&c.setAttribute("type",d);d=$APP.l(b,
8
- "heading");$APP.n(d)&&c.setAttribute("heading",d);d=$APP.l(b,"message");$APP.n(d)&&c.setAttribute("message",d);d=$APP.l(b,"icon");$APP.n(d)&&c.setAttribute("icon",d);$APP.l(b,"dismissible")===!1&&c.setAttribute("dismissible","false");d=$APP.l(b,"timeoutMs");$APP.n(d)&&c.setAttribute("timeout-ms",""+$APP.T.g(d));$APP.n($APP.l(b,"showProgress"))&&c.setAttribute("show-progress","");this.appendChild(c);return c},writable:!0,configurable:!0})},Eo=function(){var a=class extends HTMLElement{};a.observedAttributes=
9
- Do;a.prototype.connectedCallback=function(){vo(this);Bo(this);Ao(this);zo(this);return null};a.prototype.disconnectedCallback=function(){Bo(this);return null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.O(c,d)&&zo(this);return null};Co(a);return a},Fo=function(){$APP.n(customElements.get("x-toaster"))||customElements.define("x-toaster",Eo());return null},xo=new $APP.M(null,"max-toasts","max-toasts",-1982289139),wo=new $APP.M(null,"max-toasts-raw","max-toasts-raw",-815087069);var Do=["position","max-toasts","label"];$APP.sd(["x-toaster-dismiss",new $APP.Q(null,2,[$APP.Y,new $APP.Q(null,4,[$APP.Z,$APP.X,$APP.qh,$APP.X,$APP.Eh,$APP.X,$APP.Cg,$APP.X],null),$APP.ni,!0],null)]);var ro=new $APP.S(null,new $APP.Q(null,6,["top-center",null,"bottom-start",null,"bottom-end",null,"bottom-center",null,"top-end",null,"top-start",null],null),null);var uo=":host{display:flex;position:fixed;z-index:var(--x-toaster-z-index,9000);gap:var(--x-toaster-gap,8px);width:max-content;max-width:var(--x-toaster-max-width,480px);box-sizing:border-box;pointer-events:none;color-scheme:light dark;}::slotted("+$APP.T.g("x-toast")+"){pointer-events:auto;}slot{display:contents;}:host([data-position\x3d'top-start']){top:var(--x-toaster-inset,16px);inset-inline-start:var(--x-toaster-inset,16px);flex-direction:column-reverse;}:host([data-position\x3d'top-center']){top:var(--x-toaster-inset,16px);left:50%;transform:translateX(-50%);flex-direction:column-reverse;align-items:center;}:host([data-position\x3d'top-end']){top:var(--x-toaster-inset,16px);inset-inline-end:var(--x-toaster-inset,16px);flex-direction:column-reverse;}:host([data-position\x3d'bottom-start']){bottom:var(--x-toaster-inset,16px);inset-inline-start:var(--x-toaster-inset,16px);flex-direction:column;}:host([data-position\x3d'bottom-center']){bottom:var(--x-toaster-inset,16px);left:50%;transform:translateX(-50%);flex-direction:column;align-items:center;}:host([data-position\x3d'bottom-end']){bottom:var(--x-toaster-inset,16px);inset-inline-end:var(--x-toaster-inset,16px);flex-direction:column;}";$APP.ja("baredom.exports.x_toaster.init",Fo);export const init=Fo;
2
+ var mq=function(a){a=typeof a==="string"?a.trim().toLowerCase():null;return $APP.M(lq,a)?a:"top-end"},nq=function(a){return typeof a==="string"?(a=parseInt(a.trim(),10),$APP.q(isNaN(a))&&a>0?Math.floor(a):null):null},pq=function(a){if(!$APP.n($APP.l(a,"__xToasterRefs"))){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("slot");c.textContent=oq;b.appendChild(c);b.appendChild(d);a.__xToasterRefs=new $APP.Q(null,2,[$APP.Xh,b,$APP.Pi,d],null)}},sq=function(a){a=
3
+ new $APP.Q(null,3,[$APP.Uj,a.getAttribute("position"),qq,a.getAttribute("max-toasts"),$APP.Ch,a.getAttribute("label")],null);var b=$APP.O(a),c=$APP.I(b,$APP.Uj);a=$APP.I(b,qq);b=$APP.I(b,$APP.Ch);c=mq(c);a=nq(a);return new $APP.Q(null,3,[$APP.sk,c,rq,$APP.n(a)?a:5,$APP.W,typeof b==="string"&&$APP.P(b.trim(),"")?b:"Notifications"],null)},tq=function(a){var b=sq(a);if($APP.P($APP.l(a,"__xToasterModel"),b)){b=$APP.O(b);var c=$APP.I(b,$APP.sk),d=$APP.I(b,$APP.W);pq(a);a.setAttribute("role","region");
4
+ a.setAttribute("aria-label",d);a.setAttribute("data-position",c);a.__xToasterModel=b}},uq=function(a){function b(c){var d=c.detail;if($APP.P($APP.l(d,"reason"),"toaster-remove")){c.preventDefault();var e=$APP.l(d,"type");var g=$APP.l(d,"reason"),h=$APP.l(d,"heading");d=$APP.l(d,"message");e=$APP.Lg(new $APP.Q(null,4,[$APP.Z,$APP.n(e)?e:"info",$APP.gi,$APP.n(g)?g:"",$APP.Ci,$APP.n(h)?h:"",$APP.ah,$APP.n(d)?d:""],null));e=new CustomEvent("x-toaster-dismiss",{detail:e,bubbles:!0,composed:!0,cancelable:!0});
5
+ e=a.dispatchEvent(e);$APP.n(e)&&c.target.dismiss("toaster-remove")}return null}a.addEventListener("x-toast-dismiss",b);$APP.la(a,"__xToasterHandlers",{dismiss:b})},vq=function(a){var b=$APP.l(a,"__xToasterHandlers");$APP.n(b)&&(b=$APP.l(b,"dismiss"),$APP.n(b)&&a.removeEventListener("x-toast-dismiss",b));a.__xToasterHandlers=null},wq=function(a){a=a.prototype;Object.defineProperty(a,"position",{get:function(){return mq(this.getAttribute("position"))},set:function(b){return $APP.n(b)?this.setAttribute("position",
6
+ ""+$APP.T.g(b)):this.removeAttribute("position")},enumerable:!0,configurable:!0});Object.defineProperty(a,"label",{get:function(){var b=this.getAttribute("label");return $APP.n(b)?b:"Notifications"},set:function(b){return $APP.n($APP.n(b)?$APP.P(b,""):b)?this.setAttribute("label",""+$APP.T.g(b)):this.removeAttribute("label")},enumerable:!0,configurable:!0});Object.defineProperty(a,"maxToasts",{get:function(){var b=nq(this.getAttribute("max-toasts"));return $APP.n(b)?b:5},set:function(b){return b==
7
+ null?this.removeAttribute("max-toasts"):this.setAttribute("max-toasts",""+$APP.T.g(Math.floor(b)))},enumerable:!0,configurable:!0});Object.defineProperty(a,"toast",{value:function(b){b=$APP.n(b)?b:{};var c=$APP.l(this,"__xToasterModel");c=$APP.n(c)?c:sq(this);var d=rq.g(c);c=this.querySelectorAll("x-toast");var e=c.length;if(e>=d)for(d=e-d- -1,e=0;;)if(e<d)c[e].dismiss("toaster-remove"),e+=1;else break;c=document.createElement("x-toast");d=$APP.l(b,"type");$APP.n(d)&&c.setAttribute("type",d);d=$APP.l(b,
8
+ "heading");$APP.n(d)&&c.setAttribute("heading",d);d=$APP.l(b,"message");$APP.n(d)&&c.setAttribute("message",d);d=$APP.l(b,"icon");$APP.n(d)&&c.setAttribute("icon",d);$APP.l(b,"dismissible")===!1&&c.setAttribute("dismissible","false");d=$APP.l(b,"timeoutMs");$APP.n(d)&&c.setAttribute("timeout-ms",""+$APP.T.g(d));$APP.n($APP.l(b,"showProgress"))&&c.setAttribute("show-progress","");this.appendChild(c);return c},writable:!0,configurable:!0})},yq=function(){var a=class extends HTMLElement{};a.observedAttributes=
9
+ xq;a.prototype.connectedCallback=function(){pq(this);vq(this);uq(this);tq(this);return null};a.prototype.disconnectedCallback=function(){vq(this);return null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.P(c,d)&&tq(this);return null};wq(a);return a},zq=function(){$APP.n(customElements.get("x-toaster"))||customElements.define("x-toaster",yq());return null},rq=new $APP.N(null,"max-toasts","max-toasts",-1982289139),qq=new $APP.N(null,"max-toasts-raw","max-toasts-raw",-815087069);var xq=["position","max-toasts","label"];$APP.yd(["x-toaster-dismiss",new $APP.Q(null,2,[$APP.Y,new $APP.Q(null,4,[$APP.Z,$APP.X,$APP.gi,$APP.X,$APP.Ci,$APP.X,$APP.ah,$APP.X],null),$APP.Dj,!0],null)]);var lq=new $APP.S(null,new $APP.Q(null,6,["top-center",null,"bottom-start",null,"bottom-end",null,"bottom-center",null,"top-end",null,"top-start",null],null),null);var oq=":host{display:flex;position:fixed;z-index:var(--x-toaster-z-index,9000);gap:var(--x-toaster-gap,8px);width:max-content;max-width:var(--x-toaster-max-width,480px);box-sizing:border-box;pointer-events:none;color-scheme:light dark;}::slotted("+$APP.T.g("x-toast")+"){pointer-events:auto;}slot{display:contents;}:host([data-position\x3d'top-start']){top:var(--x-toaster-inset,16px);inset-inline-start:var(--x-toaster-inset,16px);flex-direction:column-reverse;}:host([data-position\x3d'top-center']){top:var(--x-toaster-inset,16px);left:50%;transform:translateX(-50%);flex-direction:column-reverse;align-items:center;}:host([data-position\x3d'top-end']){top:var(--x-toaster-inset,16px);inset-inline-end:var(--x-toaster-inset,16px);flex-direction:column-reverse;}:host([data-position\x3d'bottom-start']){bottom:var(--x-toaster-inset,16px);inset-inline-start:var(--x-toaster-inset,16px);flex-direction:column;}:host([data-position\x3d'bottom-center']){bottom:var(--x-toaster-inset,16px);left:50%;transform:translateX(-50%);flex-direction:column;align-items:center;}:host([data-position\x3d'bottom-end']){bottom:var(--x-toaster-inset,16px);inset-inline-end:var(--x-toaster-inset,16px);flex-direction:column;}";$APP.ja("baredom.exports.x_toaster.init",zq);export const init=zq;
@@ -0,0 +1,11 @@
1
+ import { $APP, shadow$provide } from "./base.js";
2
+ var qw=function(a){return typeof a==="string"?(a=parseInt(a.trim(),10),typeof a==="number"&&$APP.q(isNaN(a))&&a>0?a:null):null},sw=function(a){var b=$APP.l(a,"__xTypographyRefs");if($APP.n(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("slot");c.textContent=rw;d.setAttribute("part","container");d.appendChild(e);b.appendChild(c);b.appendChild(d);a.__xTypographyRefs=new $APP.Q(null,2,[$APP.Xh,b,$APP.xj,d],null);
3
+ return $APP.l(a,"__xTypographyRefs")},yw=function(a){var b=new $APP.Q(null,4,[$APP.qi,a.getAttribute("variant"),$APP.pi,a.getAttribute("align"),tw,a.getAttribute("truncate"),uw,a.getAttribute("line-clamp")],null);var c=$APP.O(b),d=$APP.I(c,$APP.qi),e=$APP.I(c,$APP.pi);b=$APP.I(c,tw);c=$APP.I(c,uw);d=typeof d==="string"?d.toLowerCase():null;d=$APP.M(vw,d)?d:"body1";e=typeof e==="string"?e.toLowerCase():null;e=$APP.M(ww,e)?e:"left";b=new $APP.Q(null,4,[$APP.sh,d,$APP.hj,e,$APP.ci,b!=null,xw,qw(c)],
4
+ null);if($APP.P($APP.l(a,"__xTypographyModel"),b)){b=$APP.O(b);e=$APP.I(b,$APP.sh);d=$APP.I(b,$APP.hj);var g=$APP.I(b,$APP.ci);c=$APP.I(b,xw);var h=sw(a);h=$APP.O(h);h=$APP.I(h,$APP.xj);a.setAttribute("data-variant",e);a.setAttribute("data-align",d);$APP.n(g)?h.setAttribute("data-truncate",""):h.removeAttribute("data-truncate");c!=null&&$APP.q(g)?(e=h.style,e.display="-webkit-box",e.setProperty("-webkit-box-orient","vertical"),e.overflow="hidden",e.setProperty("-webkit-line-clamp",""+$APP.T.g(c))):
5
+ (c=h.style,c.removeProperty("display"),c.removeProperty("-webkit-box-orient"),c.removeProperty("overflow"),c.removeProperty("-webkit-line-clamp"));a.__xTypographyModel=b}},zw=function(a){Object.defineProperty(a,"variant",{get:function(){var b=this.getAttribute("variant");return $APP.n(b)?b:"body1"},set:function(b){return $APP.n(b)?this.setAttribute("variant",""+$APP.T.g(b)):this.removeAttribute("variant")},enumerable:!0,configurable:!0});Object.defineProperty(a,"align",{get:function(){var b=this.getAttribute("align");
6
+ return $APP.n(b)?b:"left"},set:function(b){return $APP.n(b)?this.setAttribute("align",""+$APP.T.g(b)):this.removeAttribute("align")},enumerable:!0,configurable:!0});Object.defineProperty(a,"truncate",{get:function(){return this.hasAttribute("truncate")},set:function(b){return $APP.n(b)?this.setAttribute("truncate",""):this.removeAttribute("truncate")},enumerable:!0,configurable:!0});Object.defineProperty(a,"lineClamp",{get:function(){return qw(this.getAttribute("line-clamp"))},set:function(b){return b==
7
+ null?this.removeAttribute("line-clamp"):this.setAttribute("line-clamp",""+$APP.T.g(b|0))},enumerable:!0,configurable:!0})},Bw=function(){var a=class extends HTMLElement{};a.observedAttributes=Aw;a.prototype.connectedCallback=function(){sw(this);yw(this);return null};a.prototype.disconnectedCallback=function(){return null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.P(c,d)&&yw(this);return null};zw(a.prototype);return a},Cw=function(){$APP.n(customElements.get("x-typography"))||customElements.define("x-typography",
8
+ Bw());return null},uw=new $APP.N(null,"line-clamp-raw","line-clamp-raw",-1982923204),xw=new $APP.N(null,"line-clamp","line-clamp",-1079334403),tw=new $APP.N(null,"truncate-raw","truncate-raw",1178232402);var Aw=["variant","align","truncate","line-clamp"],vw=new $APP.S(null,new $APP.Q(null,16,["subtitle2",null,"overline",null,"h3",null,"body1",null,"body2",null,"small",null,"subtitle1",null,"h2",null,"kbd",null,"h4",null,"h5",null,"blockquote",null,"h1",null,"caption",null,"code",null,"h6",null],null),null),ww=new $APP.S(null,new $APP.Q(null,4,["right",null,"justify",null,"center",null,"left",null],null),null);var rw=":host{display:block;color-scheme:light dark;font-family:var(--x-typography-font-family,"+$APP.T.g("system-ui,-apple-system,sans-serif")+");color:var(--x-typography-color,inherit);}[part\x3dcontainer]{margin:0;padding:0;}:host(:not([data-variant])),:host([data-variant\x3d'body1']){font-size:1rem;font-weight:400;line-height:1.5;letter-spacing:normal;}:host([data-variant\x3d'h1']){font-size:2.5rem;font-weight:700;line-height:1.2;letter-spacing:-0.02em;}:host([data-variant\x3d'h2']){font-size:2rem;font-weight:700;line-height:1.25;letter-spacing:-0.015em;}:host([data-variant\x3d'h3']){font-size:1.75rem;font-weight:600;line-height:1.3;letter-spacing:-0.01em;}:host([data-variant\x3d'h4']){font-size:1.5rem;font-weight:600;line-height:1.35;letter-spacing:-0.005em;}:host([data-variant\x3d'h5']){font-size:1.25rem;font-weight:600;line-height:1.4;letter-spacing:normal;}:host([data-variant\x3d'h6']){font-size:1.125rem;font-weight:600;line-height:1.4;letter-spacing:normal;}:host([data-variant\x3d'subtitle1']){font-size:1.125rem;font-weight:500;line-height:1.4;letter-spacing:0.005em;}:host([data-variant\x3d'subtitle2']){font-size:0.875rem;font-weight:500;line-height:1.4;letter-spacing:0.01em;}:host([data-variant\x3d'body2']){font-size:0.875rem;font-weight:400;line-height:1.5;letter-spacing:normal;}:host([data-variant\x3d'caption']){font-size:0.75rem;font-weight:400;line-height:1.4;letter-spacing:0.02em;}:host([data-variant\x3d'overline']){font-size:0.625rem;font-weight:600;line-height:1.5;letter-spacing:0.1em;text-transform:uppercase;}:host([data-variant\x3d'small']){font-size:0.8125rem;font-weight:400;line-height:1.4;letter-spacing:normal;}:host([data-variant\x3d'blockquote']){font-size:1.125rem;font-weight:400;line-height:1.6;letter-spacing:normal;font-style:italic;}:host([data-variant\x3d'blockquote']) [part\x3dcontainer]{border-left:3px solid var(--x-typography-blockquote-border-color,"+
9
+ $APP.T.g("rgba(0,0,0,0.2)")+");padding:var(--x-typography-blockquote-padding,0 0 0 1em);}@media (prefers-color-scheme:dark){:host([data-variant\x3d'blockquote']) [part\x3dcontainer]{border-left-color:var(--x-typography-blockquote-border-color,"+$APP.T.g("rgba(255,255,255,0.25)")+");}}:host([data-variant\x3d'code']){font-family:var(--x-typography-mono-font-family,"+$APP.T.g('ui-monospace,"SFMono-Regular","SF Mono",Menlo,Consolas,monospace')+");font-size:0.875rem;font-weight:400;line-height:1.5;}:host([data-variant\x3d'code']) [part\x3dcontainer]{background:var(--x-typography-code-bg,"+
10
+ $APP.T.g("rgba(0,0,0,0.06)")+");border-radius:var(--x-typography-code-radius,4px);padding:var(--x-typography-code-padding,0.15em 0.35em);}@media (prefers-color-scheme:dark){:host([data-variant\x3d'code']) [part\x3dcontainer]{background:var(--x-typography-code-bg,"+$APP.T.g("rgba(255,255,255,0.1)")+");}}:host([data-variant\x3d'kbd']){font-family:var(--x-typography-mono-font-family,"+$APP.T.g('ui-monospace,"SFMono-Regular","SF Mono",Menlo,Consolas,monospace')+");font-size:0.875rem;font-weight:400;line-height:1.5;}:host([data-variant\x3d'kbd']) [part\x3dcontainer]{background:var(--x-typography-kbd-bg,"+
11
+ $APP.T.g("rgba(0,0,0,0.06)")+");border:1px solid var(--x-typography-kbd-border,"+$APP.T.g("rgba(0,0,0,0.15)")+");border-radius:var(--x-typography-kbd-radius,4px);padding:var(--x-typography-kbd-padding,0.15em 0.4em);}@media (prefers-color-scheme:dark){:host([data-variant\x3d'kbd']) [part\x3dcontainer]{background:var(--x-typography-kbd-bg,"+$APP.T.g("rgba(255,255,255,0.1)")+");border-color:var(--x-typography-kbd-border,"+$APP.T.g("rgba(255,255,255,0.2)")+");}}:host([data-align\x3d'left']){text-align:left;}:host([data-align\x3d'center']){text-align:center;}:host([data-align\x3d'right']){text-align:right;}:host([data-align\x3d'justify']){text-align:justify;}[part\x3dcontainer][data-truncate]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}";$APP.ja("baredom.exports.x_typography.init",Cw);export const init=Cw;
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "description" : "54 native Web Components — stateless, framework-free, zero runtime. Built with ClojureScript, compiled to tree-shakeable ESM.",
2
+ "description" : "55 native Web Components — stateless, framework-free, zero runtime. Built with ClojureScript, compiled to tree-shakeable ESM.",
3
3
  "engines" : {
4
4
  "node" : ">=18"
5
5
  },
@@ -13,6 +13,7 @@
13
13
  "scripts" : {
14
14
  "clean" : "rm -rf dist .shadow-cljs",
15
15
  "build" : "npm run clean && npx shadow-cljs release lib",
16
+ "build:demo" : "npx shadow-cljs release demo",
16
17
  "pack:local" : "npm pack",
17
18
  "test" : "npx shadow-cljs compile test-karma && npx karma start karma.conf.cjs --single-run"
18
19
  },
@@ -250,6 +251,46 @@
250
251
  "./x-copy" : {
251
252
  "import" : "./dist/x-copy.js",
252
253
  "default" : "./dist/x-copy.js"
254
+ },
255
+ "./x-typography" : {
256
+ "import" : "./dist/x-typography.js",
257
+ "default" : "./dist/x-typography.js"
258
+ },
259
+ "./x-kinetic-typography" : {
260
+ "import" : "./dist/x-kinetic-typography.js",
261
+ "default" : "./dist/x-kinetic-typography.js"
262
+ },
263
+ "./x-scroll" : {
264
+ "import" : "./dist/x-scroll.js",
265
+ "default" : "./dist/x-scroll.js"
266
+ },
267
+ "./x-scroll-parallax" : {
268
+ "import" : "./dist/x-scroll-parallax.js",
269
+ "default" : "./dist/x-scroll-parallax.js"
270
+ },
271
+ "./x-scroll-story" : {
272
+ "import" : "./dist/x-scroll-story.js",
273
+ "default" : "./dist/x-scroll-story.js"
274
+ },
275
+ "./x-scroll-timeline" : {
276
+ "import" : "./dist/x-scroll-timeline.js",
277
+ "default" : "./dist/x-scroll-timeline.js"
278
+ },
279
+ "./x-organic-shape" : {
280
+ "import" : "./dist/x-organic-shape.js",
281
+ "default" : "./dist/x-organic-shape.js"
282
+ },
283
+ "./x-organic-divider" : {
284
+ "import" : "./dist/x-organic-divider.js",
285
+ "default" : "./dist/x-organic-divider.js"
286
+ },
287
+ "./x-ripple-effect" : {
288
+ "import" : "./dist/x-ripple-effect.js",
289
+ "default" : "./dist/x-ripple-effect.js"
290
+ },
291
+ "./x-gaussian-blur" : {
292
+ "import" : "./dist/x-gaussian-blur.js",
293
+ "default" : "./dist/x-gaussian-blur.js"
253
294
  }
254
295
  },
255
296
  "devDependencies" : {
@@ -259,6 +300,6 @@
259
300
  "shadow-cljs" : "^3.3.6"
260
301
  },
261
302
  "files" : [ "dist", "README.md", "LICENSE", "CHANGELOG.md" ],
262
- "version" : "1.0.0-rc.4",
303
+ "version" : "1.1.0",
263
304
  "sideEffects" : [ "./dist/*.js" ]
264
305
  }