@vanelsas/baredom 1.3.0 → 1.4.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 +16 -0
- package/README.md +6 -4
- package/dist/base.js +397 -373
- package/dist/x-alert.js +19 -19
- package/dist/x-avatar-group.js +11 -11
- package/dist/x-avatar.js +15 -15
- 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 +16 -16
- package/dist/x-cancel-dialogue.js +17 -17
- package/dist/x-card.js +7 -7
- package/dist/x-chart.js +47 -47
- package/dist/x-checkbox.js +11 -11
- package/dist/x-chip.js +8 -8
- package/dist/x-collapse.js +10 -10
- package/dist/x-command-palette.js +31 -31
- package/dist/x-container.js +6 -6
- package/dist/x-context-menu.js +19 -19
- package/dist/x-copy.js +23 -23
- package/dist/x-currency-field.js +22 -22
- package/dist/x-date-picker.js +41 -41
- package/dist/x-divider.js +13 -13
- package/dist/x-drawer.js +11 -11
- package/dist/x-dropdown.js +9 -9
- package/dist/x-fieldset.js +6 -6
- package/dist/x-file-download.js +7 -7
- package/dist/x-form-field.js +15 -15
- package/dist/x-form.js +10 -10
- package/dist/x-gaussian-blur.js +18 -18
- package/dist/x-grid.js +6 -6
- package/dist/x-kinetic-font.js +29 -0
- package/dist/x-kinetic-typography.js +39 -61
- package/dist/x-liquid-dock.js +40 -0
- package/dist/x-liquid-fill.js +45 -0
- package/dist/x-liquid-glass.js +48 -0
- package/dist/x-menu-item.js +10 -10
- package/dist/x-menu.js +11 -11
- package/dist/x-metaball-cursor.js +28 -27
- package/dist/x-modal.js +12 -12
- package/dist/x-morph-stack.js +41 -0
- package/dist/x-navbar.js +13 -13
- package/dist/x-neural-glow.js +34 -34
- package/dist/x-notification-center.js +9 -10
- package/dist/x-organic-divider.js +19 -19
- package/dist/x-organic-progress.js +38 -38
- package/dist/x-organic-shape.js +14 -14
- package/dist/x-pagination.js +16 -16
- package/dist/x-popover.js +14 -14
- package/dist/x-progress-circle.js +9 -9
- package/dist/x-progress.js +10 -10
- package/dist/x-radio.js +11 -11
- package/dist/x-ripple-effect.js +12 -13
- package/dist/x-scroll-parallax.js +19 -19
- package/dist/x-scroll-stack.js +18 -18
- package/dist/x-scroll-story.js +36 -36
- package/dist/x-scroll-timeline.js +50 -50
- package/dist/x-scroll.js +41 -41
- 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 +6 -6
- package/dist/x-slider.js +16 -16
- package/dist/x-soft-body.js +22 -0
- 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 +11 -11
- 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 +22 -22
- package/dist/x-table-row.js +10 -10
- package/dist/x-table.js +16 -16
- package/dist/x-tabs.js +11 -11
- package/dist/x-text-area.js +18 -18
- package/dist/x-timeline-item.js +24 -24
- package/dist/x-timeline.js +9 -9
- package/dist/x-toast.js +24 -24
- package/dist/x-toaster.js +8 -8
- package/dist/x-typography.js +10 -10
- package/package.json +25 -1
package/dist/x-typography.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
return $APP.l(a,"__xTypographyRefs")},
|
|
4
|
-
null);if($APP.O($APP.l(a,"__xTypographyModel"),b)){b=$APP.N(b);e=$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.
|
|
7
|
-
null?this.removeAttribute("line-clamp"):this.setAttribute("line-clamp",""+$APP.
|
|
8
|
-
|
|
9
|
-
$APP.
|
|
10
|
-
$APP.
|
|
11
|
-
$APP.
|
|
2
|
+
var IB=function(a){return typeof a==="string"?(a=parseInt(a.trim(),10),typeof a==="number"&&$APP.t(isNaN(a))&&a>0?a:null):null},KB=function(a){var b=$APP.l(a,"__xTypographyRefs");if($APP.r(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("slot");c.textContent=JB;d.setAttribute("part","container");d.appendChild(e);b.appendChild(c);b.appendChild(d);a.__xTypographyRefs=new $APP.P(null,2,[$APP.bi,b,$APP.Zi,d],null);
|
|
3
|
+
return $APP.l(a,"__xTypographyRefs")},QB=function(a){var b=new $APP.P(null,4,[$APP.Ak,a.getAttribute("variant"),$APP.qi,a.getAttribute("align"),LB,a.getAttribute("truncate"),MB,a.getAttribute("line-clamp")],null);var c=$APP.N(b),d=$APP.G(c,$APP.Ak),e=$APP.G(c,$APP.qi);b=$APP.G(c,LB);c=$APP.G(c,MB);d=typeof d==="string"?d.toLowerCase():null;d=$APP.J(NB,d)?d:"body1";e=typeof e==="string"?e.toLowerCase():null;e=$APP.J(OB,e)?e:"left";b=new $APP.P(null,4,[$APP.Fh,d,$APP.Qi,e,$APP.fi,b!=null,PB,IB(c)],
|
|
4
|
+
null);if($APP.O($APP.l(a,"__xTypographyModel"),b)){b=$APP.N(b);e=$APP.G(b,$APP.Fh);d=$APP.G(b,$APP.Qi);var g=$APP.G(b,$APP.fi);c=$APP.G(b,PB);var h=KB(a);h=$APP.N(h);h=$APP.G(h,$APP.Zi);a.setAttribute("data-variant",e);a.setAttribute("data-align",d);$APP.r(g)?h.setAttribute("data-truncate",""):h.removeAttribute("data-truncate");c!=null&&$APP.t(g)?(e=h.style,e.display="-webkit-box",e.setProperty("-webkit-box-orient","vertical"),e.overflow="hidden",e.setProperty("-webkit-line-clamp",""+$APP.S.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}},RB=function(a){Object.defineProperty(a,"variant",{get:function(){var b=this.getAttribute("variant");return $APP.r(b)?b:"body1"},set:function(b){return $APP.r(b)?this.setAttribute("variant",""+$APP.S.g(b)):this.removeAttribute("variant")},enumerable:!0,configurable:!0});Object.defineProperty(a,"align",{get:function(){var b=this.getAttribute("align");
|
|
6
|
+
return $APP.r(b)?b:"left"},set:function(b){return $APP.r(b)?this.setAttribute("align",""+$APP.S.g(b)):this.removeAttribute("align")},enumerable:!0,configurable:!0});Object.defineProperty(a,"truncate",{get:function(){return this.hasAttribute("truncate")},set:function(b){return $APP.r(b)?this.setAttribute("truncate",""):this.removeAttribute("truncate")},enumerable:!0,configurable:!0});Object.defineProperty(a,"lineClamp",{get:function(){return IB(this.getAttribute("line-clamp"))},set:function(b){return b==
|
|
7
|
+
null?this.removeAttribute("line-clamp"):this.setAttribute("line-clamp",""+$APP.S.g(b|0))},enumerable:!0,configurable:!0})},TB=function(){var a=class extends HTMLElement{};a.observedAttributes=SB;a.prototype.connectedCallback=function(){KB(this);QB(this);return null};a.prototype.disconnectedCallback=function(){return null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.O(c,d)&&QB(this);return null};RB(a.prototype);return a},UB=function(){$APP.r(customElements.get("x-typography"))||customElements.define("x-typography",
|
|
8
|
+
TB());return null},MB=new $APP.M(null,"line-clamp-raw","line-clamp-raw",-1982923204),PB=new $APP.M(null,"line-clamp","line-clamp",-1079334403),LB=new $APP.M(null,"truncate-raw","truncate-raw",1178232402);var SB=["variant","align","truncate","line-clamp"],NB=new $APP.R(null,new $APP.P(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),OB=new $APP.R(null,new $APP.P(null,4,["right",null,"justify",null,"center",null,"left",null],null),null);var JB=":host{display:block;color-scheme:light dark;font-family:var(--x-typography-font-family,"+$APP.S.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.S.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.S.g("rgba(255,255,255,0.25)")+");}}:host([data-variant\x3d'code']){font-family:var(--x-typography-mono-font-family,"+$APP.S.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.S.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.S.g("rgba(255,255,255,0.1)")+");}}:host([data-variant\x3d'kbd']){font-family:var(--x-typography-mono-font-family,"+$APP.S.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.S.g("rgba(0,0,0,0.06)")+");border:1px solid var(--x-typography-kbd-border,"+$APP.S.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.S.g("rgba(255,255,255,0.1)")+");border-color:var(--x-typography-kbd-border,"+$APP.S.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.ka("baredom.exports.x_typography.init",UB);export const init=UB;
|
package/package.json
CHANGED
|
@@ -260,6 +260,10 @@
|
|
|
260
260
|
"import" : "./dist/x-kinetic-typography.js",
|
|
261
261
|
"default" : "./dist/x-kinetic-typography.js"
|
|
262
262
|
},
|
|
263
|
+
"./x-kinetic-font" : {
|
|
264
|
+
"import" : "./dist/x-kinetic-font.js",
|
|
265
|
+
"default" : "./dist/x-kinetic-font.js"
|
|
266
|
+
},
|
|
263
267
|
"./x-scroll" : {
|
|
264
268
|
"import" : "./dist/x-scroll.js",
|
|
265
269
|
"default" : "./dist/x-scroll.js"
|
|
@@ -319,6 +323,26 @@
|
|
|
319
323
|
"./x-bento-item" : {
|
|
320
324
|
"import" : "./dist/x-bento-item.js",
|
|
321
325
|
"default" : "./dist/x-bento-item.js"
|
|
326
|
+
},
|
|
327
|
+
"./x-soft-body" : {
|
|
328
|
+
"import" : "./dist/x-soft-body.js",
|
|
329
|
+
"default" : "./dist/x-soft-body.js"
|
|
330
|
+
},
|
|
331
|
+
"./x-liquid-glass" : {
|
|
332
|
+
"import" : "./dist/x-liquid-glass.js",
|
|
333
|
+
"default" : "./dist/x-liquid-glass.js"
|
|
334
|
+
},
|
|
335
|
+
"./x-liquid-dock" : {
|
|
336
|
+
"import" : "./dist/x-liquid-dock.js",
|
|
337
|
+
"default" : "./dist/x-liquid-dock.js"
|
|
338
|
+
},
|
|
339
|
+
"./x-liquid-fill" : {
|
|
340
|
+
"import" : "./dist/x-liquid-fill.js",
|
|
341
|
+
"default" : "./dist/x-liquid-fill.js"
|
|
342
|
+
},
|
|
343
|
+
"./x-morph-stack" : {
|
|
344
|
+
"import" : "./dist/x-morph-stack.js",
|
|
345
|
+
"default" : "./dist/x-morph-stack.js"
|
|
322
346
|
}
|
|
323
347
|
},
|
|
324
348
|
"devDependencies" : {
|
|
@@ -328,6 +352,6 @@
|
|
|
328
352
|
"shadow-cljs" : "^3.3.6"
|
|
329
353
|
},
|
|
330
354
|
"files" : [ "dist", "README.md", "LICENSE", "CHANGELOG.md" ],
|
|
331
|
-
"version" : "1.
|
|
355
|
+
"version" : "1.4.0",
|
|
332
356
|
"sideEffects" : [ "./dist/*.js" ]
|
|
333
357
|
}
|