@vanelsas/baredom 2.1.0 → 2.2.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.
- package/CHANGELOG.md +25 -0
- package/README.md +3 -3
- package/dist/base.js +75 -73
- package/dist/x-alert.js +17 -17
- package/dist/x-avatar-group.js +10 -10
- package/dist/x-avatar.js +13 -14
- package/dist/x-badge.js +11 -11
- package/dist/x-bento-grid.js +5 -5
- package/dist/x-bento-item.js +4 -4
- package/dist/x-breadcrumbs.js +14 -14
- package/dist/x-button.js +15 -15
- package/dist/x-cancel-dialogue.js +12 -12
- package/dist/x-card.js +7 -7
- package/dist/x-carousel.js +28 -28
- package/dist/x-chart.js +46 -46
- package/dist/x-checkbox.js +11 -11
- package/dist/x-chip.js +8 -8
- package/dist/x-collapse.js +10 -10
- package/dist/x-color-picker.js +40 -40
- package/dist/x-command-palette.js +25 -25
- package/dist/x-container.js +6 -6
- package/dist/x-context-menu.js +18 -18
- package/dist/x-copy.js +20 -20
- package/dist/x-currency-field.js +21 -21
- package/dist/x-date-picker.js +37 -37
- package/dist/x-divider.js +8 -8
- package/dist/x-drawer.js +11 -11
- package/dist/x-dropdown.js +9 -9
- package/dist/x-fieldset.js +5 -5
- package/dist/x-file-download.js +7 -7
- package/dist/x-form-field.js +15 -15
- package/dist/x-form.js +9 -9
- package/dist/x-gaussian-blur.js +16 -16
- package/dist/x-grid.js +6 -6
- package/dist/x-icon.js +9 -0
- package/dist/x-image.js +20 -0
- package/dist/x-kinetic-font.js +28 -28
- package/dist/x-kinetic-typography.js +37 -37
- package/dist/x-liquid-dock.js +35 -35
- package/dist/x-liquid-fill.js +40 -40
- package/dist/x-liquid-glass.js +33 -33
- package/dist/x-menu-item.js +10 -10
- package/dist/x-menu.js +10 -10
- package/dist/x-metaball-cursor.js +25 -25
- package/dist/x-modal.js +11 -11
- package/dist/x-morph-stack.js +39 -39
- package/dist/x-navbar.js +12 -12
- package/dist/x-neural-glow.js +30 -30
- package/dist/x-notification-center.js +10 -10
- package/dist/x-organic-divider.js +15 -15
- package/dist/x-organic-progress.js +35 -35
- package/dist/x-organic-shape.js +12 -12
- package/dist/x-pagination.js +16 -16
- package/dist/x-particle-button.js +46 -46
- package/dist/x-popover.js +14 -14
- package/dist/x-progress-circle.js +7 -7
- package/dist/x-progress.js +7 -7
- package/dist/x-radio.js +11 -11
- package/dist/x-ripple-effect.js +10 -10
- package/dist/x-scroll-parallax.js +17 -17
- package/dist/x-scroll-stack.js +18 -18
- package/dist/x-scroll-story.js +33 -33
- package/dist/x-scroll-timeline.js +45 -45
- package/dist/x-scroll.js +40 -40
- package/dist/x-search-field.js +14 -14
- package/dist/x-select.js +9 -9
- package/dist/x-sidebar.js +16 -16
- package/dist/x-skeleton.js +4 -4
- package/dist/x-slider.js +16 -16
- package/dist/x-soft-body.js +20 -20
- package/dist/x-spacer.js +5 -5
- package/dist/x-spinner.js +5 -5
- package/dist/x-splash.js +13 -13
- package/dist/x-stat.js +9 -9
- package/dist/x-stepper.js +16 -16
- package/dist/x-switch.js +10 -10
- package/dist/x-tab.js +7 -7
- package/dist/x-table-cell.js +20 -20
- package/dist/x-table-row.js +10 -10
- package/dist/x-table.js +13 -13
- package/dist/x-tabs.js +11 -11
- package/dist/x-text-area.js +17 -17
- package/dist/x-theme.js +24 -24
- package/dist/x-timeline-item.js +20 -20
- package/dist/x-timeline.js +9 -9
- package/dist/x-toast.js +21 -21
- package/dist/x-toaster.js +8 -8
- package/dist/x-typography.js +8 -8
- package/package.json +9 -1
package/dist/x-typography.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
return $APP.k(a,"__xTypographyRefs")},
|
|
4
|
-
null);if($APP.N($APP.k(a,"__xTypographyModel"),b)){b=$APP.M(b);e=$APP.D(b,$APP.
|
|
5
|
-
(c=h.style,c.removeProperty("display"),c.removeProperty("-webkit-box-orient"),c.removeProperty("overflow"),c.removeProperty("-webkit-line-clamp"));a.__xTypographyModel=b}},
|
|
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
|
|
7
|
-
null?this.removeAttribute("line-clamp"):this.setAttribute("line-clamp",""+$APP.T.g(b|0))},enumerable:!0,configurable:!0})},
|
|
8
|
-
|
|
2
|
+
var EE=function(a){return typeof a==="string"?(a=parseInt(a.trim(),10),typeof a==="number"&&$APP.r(isNaN(a))&&a>0?a:null):null},GE=function(a){var b=$APP.k(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=FE;d.setAttribute("part","container");d.appendChild(e);b.appendChild(c);b.appendChild(d);a.__xTypographyRefs=new $APP.R(null,2,[$APP.li,b,$APP.ij,d],null);
|
|
3
|
+
return $APP.k(a,"__xTypographyRefs")},ME=function(a){var b=new $APP.R(null,4,[$APP.Pk,a.getAttribute("variant"),$APP.Ai,a.getAttribute("align"),HE,a.getAttribute("truncate"),IE,a.getAttribute("line-clamp")],null);var c=$APP.M(b),d=$APP.D(c,$APP.Pk),e=$APP.D(c,$APP.Ai);b=$APP.D(c,HE);c=$APP.D(c,IE);d=typeof d==="string"?d.toLowerCase():null;d=$APP.J(JE,d)?d:"body1";e=typeof e==="string"?e.toLowerCase():null;e=$APP.J(KE,e)?e:"left";b=new $APP.R(null,4,[$APP.Oh,d,$APP.Yi,e,$APP.pi,b!=null,LE,EE(c)],
|
|
4
|
+
null);if($APP.N($APP.k(a,"__xTypographyModel"),b)){b=$APP.M(b);e=$APP.D(b,$APP.Oh);d=$APP.D(b,$APP.Yi);var g=$APP.D(b,$APP.pi);c=$APP.D(b,LE);var h=GE(a);h=$APP.M(h);h=$APP.D(h,$APP.ij);a.setAttribute("data-variant",e);a.setAttribute("data-align",d);$APP.n(g)?h.setAttribute("data-truncate",""):h.removeAttribute("data-truncate");c!=null&&$APP.r(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}},NE=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 EE(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})},PE=function(){var a=class extends HTMLElement{};a.observedAttributes=OE;a.prototype.connectedCallback=function(){GE(this);ME(this);return null};a.prototype.disconnectedCallback=function(){return null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.N(c,d)&&ME(this);return null};NE(a.prototype);return a},QE=function(){$APP.n(customElements.get("x-typography"))||customElements.define("x-typography",
|
|
8
|
+
PE());return null},IE=new $APP.K(null,"line-clamp-raw","line-clamp-raw",-1982923204),LE=new $APP.K(null,"line-clamp","line-clamp",-1079334403),HE=new $APP.K(null,"truncate-raw","truncate-raw",1178232402);var OE=["variant","align","truncate","line-clamp"],JE=new $APP.S(null,new $APP.R(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),KE=new $APP.S(null,new $APP.R(null,4,["right",null,"justify",null,"center",null,"left",null],null),null);var FE=":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,var(--x-color-text,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,var(--x-color-border,"+
|
|
9
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,var(--x-color-border,"+$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,var(--x-color-surface,"+
|
|
10
10
|
$APP.T.g("rgba(0,0,0,0.06)")+"));border-radius:var(--x-typography-code-radius,var(--x-radius-sm,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,var(--x-color-surface,"+$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')+
|
|
11
11
|
");font-size:0.875rem;font-weight:400;line-height:1.5;}:host([data-variant\x3d'kbd']) [part\x3dcontainer]{background:var(--x-typography-kbd-bg,var(--x-color-surface,"+$APP.T.g("rgba(0,0,0,0.06)")+"));border:1px solid var(--x-typography-kbd-border,var(--x-color-border,"+$APP.T.g("rgba(0,0,0,0.15)")+"));border-radius:var(--x-typography-kbd-radius,var(--x-radius-sm,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,var(--x-color-surface,"+
|
|
12
|
-
$APP.T.g("rgba(255,255,255,0.1)")+"));border-color:var(--x-typography-kbd-border,var(--x-color-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.fa("baredom.exports.x_typography.init",
|
|
12
|
+
$APP.T.g("rgba(255,255,255,0.1)")+"));border-color:var(--x-typography-kbd-border,var(--x-color-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.fa("baredom.exports.x_typography.init",QE);export const init=QE;
|
package/package.json
CHANGED
|
@@ -28,6 +28,14 @@
|
|
|
28
28
|
"keywords" : [ "web-components", "custom-elements", "baredom", "ui-library", "clojurescript", "esm", "framework-agnostic" ],
|
|
29
29
|
"author" : "Alexander van Elsas",
|
|
30
30
|
"exports" : {
|
|
31
|
+
"./x-icon" : {
|
|
32
|
+
"import" : "./dist/x-icon.js",
|
|
33
|
+
"default" : "./dist/x-icon.js"
|
|
34
|
+
},
|
|
35
|
+
"./x-image" : {
|
|
36
|
+
"import" : "./dist/x-image.js",
|
|
37
|
+
"default" : "./dist/x-image.js"
|
|
38
|
+
},
|
|
31
39
|
"./x-table-row" : {
|
|
32
40
|
"import" : "./dist/x-table-row.js",
|
|
33
41
|
"default" : "./dist/x-table-row.js"
|
|
@@ -368,6 +376,6 @@
|
|
|
368
376
|
"shadow-cljs" : "^3.3.6"
|
|
369
377
|
},
|
|
370
378
|
"files" : [ "dist", "README.md", "LICENSE", "CHANGELOG.md" ],
|
|
371
|
-
"version" : "2.
|
|
379
|
+
"version" : "2.2.0",
|
|
372
380
|
"sideEffects" : [ "./dist/*.js" ]
|
|
373
381
|
}
|