@loom-sdc/design-system 0.4.0 → 0.4.1
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/dist/{Button.css-DO_uJ5ub.cjs → Button.css-D0VmhqHb.cjs} +1 -1
- package/dist/{Button.css-Cw8VRHOs.js → Button.css-DLt7TUnT.js} +8 -3
- package/dist/elements.cjs +2 -2
- package/dist/elements.mjs +45 -36
- package/dist/index.cjs +1 -1
- package/dist/index.mjs +35 -31
- package/dist/style.css +1 -1
- package/dist/ui/primitives/Text/Text.css.d.ts +1 -0
- package/dist/ui/primitives/Text/Text.css.d.ts.map +1 -1
- package/dist/ui/primitives/Text/Text.types.d.ts +2 -0
- package/dist/ui/primitives/Text/Text.types.d.ts.map +1 -1
- package/dist/ui/primitives/Text/adapters/Text.element.d.ts +3 -1
- package/dist/ui/primitives/Text/adapters/Text.element.d.ts.map +1 -1
- package/dist/ui/primitives/Text/adapters/Text.react.d.ts +1 -1
- package/dist/ui/primitives/Text/adapters/Text.react.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
;/* empty css */var e=`y5q6570`,t={none:`y5q6571`,px:`y5q6572`,xxs:`y5q6573`,xs:`y5q6574`,sm:`y5q6575`,md:`y5q6576`,lg:`y5q6577`,xl:`y5q6578`,xl2:`y5q6579`,xl3:`y5q657a`,xl4:`y5q657b`,xl5:`y5q657c`,xl6:`y5q657d`,xl7:`y5q657e`,xl8:`y5q657f`},n={start:`y5q657g`,center:`y5q657h`,end:`y5q657i`,stretch:`y5q657j`,baseline:`y5q657k`},r={start:`y5q657l`,center:`y5q657m`,end:`y5q657n`,between:`y5q657o`,around:`y5q657p`,evenly:`y5q657q`},i=`_1wqyejm0`,a=`_1wqyejm1`,o={none:`_1wqyejm2`,px:`_1wqyejm3`,xxs:`_1wqyejm4`,xs:`_1wqyejm5`,sm:`_1wqyejm6`,md:`_1wqyejm7`,lg:`_1wqyejm8`,xl:`_1wqyejm9`,xl2:`_1wqyejma`,xl3:`_1wqyejmb`,xl4:`_1wqyejmc`,xl5:`_1wqyejmd`,xl6:`_1wqyejme`,xl7:`_1wqyejmf`,xl8:`_1wqyejmg`},s={start:`_1wqyejmh`,center:`_1wqyejmi`,end:`_1wqyejmj`,stretch:`_1wqyejmk`,baseline:`_1wqyejml`},c={start:`_1wqyejmm`,center:`_1wqyejmn`,end:`_1wqyejmo`,between:`_1wqyejmp`,around:`_1wqyejmq`,evenly:`_1wqyejmr`},l=`_1okjbro0`,u={none:`_1okjbro1`,px:`_1okjbro2`,xxs:`_1okjbro3`,xs:`_1okjbro4`,sm:`_1okjbro5`,md:`_1okjbro6`,lg:`_1okjbro7`,xl:`_1okjbro8`,xl2:`_1okjbro9`,xl3:`_1okjbroa`,xl4:`_1okjbrob`,xl5:`_1okjbroc`,xl6:`_1okjbrod`,xl7:`_1okjbroe`,xl8:`_1okjbrof`},d={none:`_1okjbrog`,px:`_1okjbroh`,xxs:`_1okjbroi`,xs:`_1okjbroj`,sm:`_1okjbrok`,md:`_1okjbrol`,lg:`_1okjbrom`,xl:`_1okjbron`,xl2:`_1okjbroo`,xl3:`_1okjbrop`,xl4:`_1okjbroq`,xl5:`_1okjbror`,xl6:`_1okjbros`,xl7:`_1okjbrot`,xl8:`_1okjbrou`},f={none:`_1okjbrov`,px:`_1okjbrow`,xxs:`_1okjbrox`,xs:`_1okjbroy`,sm:`_1okjbroz`,md:`_1okjbro10`,lg:`_1okjbro11`,xl:`_1okjbro12`,xl2:`_1okjbro13`,xl3:`_1okjbro14`,xl4:`_1okjbro15`,xl5:`_1okjbro16`,xl6:`_1okjbro17`,xl7:`_1okjbro18`,xl8:`_1okjbro19`},p=`_1kk7qb30`,m={bodyBase:`_1kk7qb31`,bodySm:`_1kk7qb32`,bodyLg:`_1kk7qb33`,labelBase:`_1kk7qb34`,labelSm:`_1kk7qb35`,labelLg:`_1kk7qb36`,headingH1:`_1kk7qb37`,headingH2:`_1kk7qb38`,headingH3:`_1kk7qb39`,headingH4:`_1kk7qb3a`,headingH5:`_1kk7qb3b`,headingH6:`_1kk7qb3c`,displayLg:`_1kk7qb3d`,displayXl:`_1kk7qb3e`,display2xl:`_1kk7qb3f`,overline:`_1kk7qb3g`,caption:`_1kk7qb3h`},h=`_1cu80s90`,
|
|
1
|
+
;/* empty css */var e=`y5q6570`,t={none:`y5q6571`,px:`y5q6572`,xxs:`y5q6573`,xs:`y5q6574`,sm:`y5q6575`,md:`y5q6576`,lg:`y5q6577`,xl:`y5q6578`,xl2:`y5q6579`,xl3:`y5q657a`,xl4:`y5q657b`,xl5:`y5q657c`,xl6:`y5q657d`,xl7:`y5q657e`,xl8:`y5q657f`},n={start:`y5q657g`,center:`y5q657h`,end:`y5q657i`,stretch:`y5q657j`,baseline:`y5q657k`},r={start:`y5q657l`,center:`y5q657m`,end:`y5q657n`,between:`y5q657o`,around:`y5q657p`,evenly:`y5q657q`},i=`_1wqyejm0`,a=`_1wqyejm1`,o={none:`_1wqyejm2`,px:`_1wqyejm3`,xxs:`_1wqyejm4`,xs:`_1wqyejm5`,sm:`_1wqyejm6`,md:`_1wqyejm7`,lg:`_1wqyejm8`,xl:`_1wqyejm9`,xl2:`_1wqyejma`,xl3:`_1wqyejmb`,xl4:`_1wqyejmc`,xl5:`_1wqyejmd`,xl6:`_1wqyejme`,xl7:`_1wqyejmf`,xl8:`_1wqyejmg`},s={start:`_1wqyejmh`,center:`_1wqyejmi`,end:`_1wqyejmj`,stretch:`_1wqyejmk`,baseline:`_1wqyejml`},c={start:`_1wqyejmm`,center:`_1wqyejmn`,end:`_1wqyejmo`,between:`_1wqyejmp`,around:`_1wqyejmq`,evenly:`_1wqyejmr`},l=`_1okjbro0`,u={none:`_1okjbro1`,px:`_1okjbro2`,xxs:`_1okjbro3`,xs:`_1okjbro4`,sm:`_1okjbro5`,md:`_1okjbro6`,lg:`_1okjbro7`,xl:`_1okjbro8`,xl2:`_1okjbro9`,xl3:`_1okjbroa`,xl4:`_1okjbrob`,xl5:`_1okjbroc`,xl6:`_1okjbrod`,xl7:`_1okjbroe`,xl8:`_1okjbrof`},d={none:`_1okjbrog`,px:`_1okjbroh`,xxs:`_1okjbroi`,xs:`_1okjbroj`,sm:`_1okjbrok`,md:`_1okjbrol`,lg:`_1okjbrom`,xl:`_1okjbron`,xl2:`_1okjbroo`,xl3:`_1okjbrop`,xl4:`_1okjbroq`,xl5:`_1okjbror`,xl6:`_1okjbros`,xl7:`_1okjbrot`,xl8:`_1okjbrou`},f={none:`_1okjbrov`,px:`_1okjbrow`,xxs:`_1okjbrox`,xs:`_1okjbroy`,sm:`_1okjbroz`,md:`_1okjbro10`,lg:`_1okjbro11`,xl:`_1okjbro12`,xl2:`_1okjbro13`,xl3:`_1okjbro14`,xl4:`_1okjbro15`,xl5:`_1okjbro16`,xl6:`_1okjbro17`,xl7:`_1okjbro18`,xl8:`_1okjbro19`},p=`_1kk7qb30`,m={bodyBase:`_1kk7qb31`,bodySm:`_1kk7qb32`,bodyLg:`_1kk7qb33`,labelBase:`_1kk7qb34`,labelSm:`_1kk7qb35`,labelLg:`_1kk7qb36`,headingH1:`_1kk7qb37`,headingH2:`_1kk7qb38`,headingH3:`_1kk7qb39`,headingH4:`_1kk7qb3a`,headingH5:`_1kk7qb3b`,headingH6:`_1kk7qb3c`,displayLg:`_1kk7qb3d`,displayXl:`_1kk7qb3e`,display2xl:`_1kk7qb3f`,overline:`_1kk7qb3g`,caption:`_1kk7qb3h`},h={start:`_1kk7qb3i`,center:`_1kk7qb3j`,end:`_1kk7qb3k`,justify:`_1kk7qb3l`},g=`_1cu80s90`,_=`_1cu80s91`,v={primary:`_1cu80s92`,outline:`_1cu80s93`,text:`_1cu80s94`},y={sm:`_1cu80s95`,md:`_1cu80s96`,lg:`_1cu80s97`};Object.defineProperty(exports,`_`,{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`b`,{enumerable:!0,get:function(){return e}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`d`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`f`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`g`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`h`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`m`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`p`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`v`,{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,`y`,{enumerable:!0,get:function(){return r}});
|
|
@@ -124,14 +124,19 @@ var e = "y5q6570", t = {
|
|
|
124
124
|
display2xl: "_1kk7qb3f",
|
|
125
125
|
overline: "_1kk7qb3g",
|
|
126
126
|
caption: "_1kk7qb3h"
|
|
127
|
-
}, h =
|
|
127
|
+
}, h = {
|
|
128
|
+
start: "_1kk7qb3i",
|
|
129
|
+
center: "_1kk7qb3j",
|
|
130
|
+
end: "_1kk7qb3k",
|
|
131
|
+
justify: "_1kk7qb3l"
|
|
132
|
+
}, g = "_1cu80s90", _ = "_1cu80s91", v = {
|
|
128
133
|
primary: "_1cu80s92",
|
|
129
134
|
outline: "_1cu80s93",
|
|
130
135
|
text: "_1cu80s94"
|
|
131
|
-
},
|
|
136
|
+
}, y = {
|
|
132
137
|
sm: "_1cu80s95",
|
|
133
138
|
md: "_1cu80s96",
|
|
134
139
|
lg: "_1cu80s97"
|
|
135
140
|
};
|
|
136
141
|
//#endregion
|
|
137
|
-
export {
|
|
142
|
+
export { n as _, h as a, e as b, u as c, l as d, s as f, a as g, i as h, v as i, d as l, c as m, _ as n, p as o, o as p, y as r, m as s, g as t, f as u, t as v, r as y };
|
package/dist/elements.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./Button.css-
|
|
2
|
-
`);return t.replaceSync(n),t}catch{return null}}function c(e){if(e in o)return o[e];for(let t of Array.from(document.styleSheets))try{if(Array.from(t.cssRules).some(t=>t.cssText.includes(e)))return o[e]=s(t),o[e]}catch{}return o[e]=null,null}function l(){let t=[c(e.n),c(e.
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./Button.css-D0VmhqHb.cjs`);var t=class extends HTMLElement{static observedAttributes=[`padding`,`padding-x`,`padding-y`];get padding(){return this.getAttribute(`padding`)}set padding(e){e==null?this.removeAttribute(`padding`):this.setAttribute(`padding`,e)}get paddingX(){return this.getAttribute(`padding-x`)}set paddingX(e){e==null?this.removeAttribute(`padding-x`):this.setAttribute(`padding-x`,e)}get paddingY(){return this.getAttribute(`padding-y`)}set paddingY(e){e==null?this.removeAttribute(`padding-y`):this.setAttribute(`padding-y`,e)}connectedCallback(){this.classList.add(e.d),this._sync()}attributeChangedCallback(){this._scheduleSync()}_syncScheduled=!1;_scheduleSync(){this._syncScheduled||(this._syncScheduled=!0,requestAnimationFrame(()=>{this._syncScheduled=!1,this._sync()}))}_prev={padding:null,paddingX:null,paddingY:null};_sync(){this._apply(`padding`,this.getAttribute(`padding`),e.c),this._apply(`paddingX`,this.getAttribute(`padding-x`),e.l),this._apply(`paddingY`,this.getAttribute(`padding-y`),e.u)}_apply(e,t,n){let r=t!=null&&t in n?n[t]:null,i=this._prev[e]??null;r!==i&&(i&&this.classList.remove(i),r&&this.classList.add(r),this._prev[e]=r)}};customElements.define(`loom-box`,t);var n=class extends HTMLElement{static observedAttributes=[`gap`,`align`,`justify`];get gap(){return this.getAttribute(`gap`)}set gap(e){e==null?this.removeAttribute(`gap`):this.setAttribute(`gap`,e)}get align(){return this.getAttribute(`align`)}set align(e){e==null?this.removeAttribute(`align`):this.setAttribute(`align`,e)}get justify(){return this.getAttribute(`justify`)}set justify(e){e==null?this.removeAttribute(`justify`):this.setAttribute(`justify`,e)}connectedCallback(){this.classList.add(e.b),this._sync()}attributeChangedCallback(){this._scheduleSync()}_syncScheduled=!1;_scheduleSync(){this._syncScheduled||(this._syncScheduled=!0,requestAnimationFrame(()=>{this._syncScheduled=!1,this._sync()}))}_prev={gap:null,align:null,justify:null};_sync(){this._apply(`gap`,this.getAttribute(`gap`),e.v),this._apply(`align`,this.getAttribute(`align`)??`stretch`,e._),this._apply(`justify`,this.getAttribute(`justify`)??`start`,e.y)}_apply(e,t,n){let r=t!=null&&t in n?n[t]:null,i=this._prev[e]??null;r!==i&&(i&&this.classList.remove(i),r&&this.classList.add(r),this._prev[e]=r)}};customElements.define(`loom-stack`,n);var r=class extends HTMLElement{static observedAttributes=[`gap`,`align`,`justify`,`wrap`];get gap(){return this.getAttribute(`gap`)}set gap(e){e==null?this.removeAttribute(`gap`):this.setAttribute(`gap`,e)}get align(){return this.getAttribute(`align`)}set align(e){e==null?this.removeAttribute(`align`):this.setAttribute(`align`,e)}get justify(){return this.getAttribute(`justify`)}set justify(e){e==null?this.removeAttribute(`justify`):this.setAttribute(`justify`,e)}get wrap(){return this.hasAttribute(`wrap`)}set wrap(e){this.toggleAttribute(`wrap`,e)}connectedCallback(){this.classList.add(e.h),this._sync()}attributeChangedCallback(){this._scheduleSync()}_syncScheduled=!1;_scheduleSync(){this._syncScheduled||(this._syncScheduled=!0,requestAnimationFrame(()=>{this._syncScheduled=!1,this._sync()}))}_prev={gap:null,align:null,justify:null,wrap:null};_sync(){this._apply(`gap`,this.getAttribute(`gap`),e.p),this._apply(`align`,this.getAttribute(`align`)??`center`,e.f),this._apply(`justify`,this.getAttribute(`justify`)??`start`,e.m),this._apply(`wrap`,this.hasAttribute(`wrap`)?`on`:null,{on:e.g})}_apply(e,t,n){let r=t!=null&&t in n?n[t]:null,i=this._prev[e]??null;r!==i&&(i&&this.classList.remove(i),r&&this.classList.add(r),this._prev[e]=r)}};customElements.define(`loom-inline`,r);var i=class extends HTMLElement{static observedAttributes=[`variant`,`align`];get variant(){return this.getAttribute(`variant`)}set variant(e){e==null?this.removeAttribute(`variant`):this.setAttribute(`variant`,e)}get align(){return this.getAttribute(`align`)}set align(e){e==null?this.removeAttribute(`align`):this.setAttribute(`align`,e)}connectedCallback(){this.classList.add(e.o),this._sync()}attributeChangedCallback(){this._scheduleSync()}_syncScheduled=!1;_scheduleSync(){this._syncScheduled||(this._syncScheduled=!0,requestAnimationFrame(()=>{this._syncScheduled=!1,this._sync()}))}_prev={variant:null,align:null};_sync(){this._apply(`variant`,this.getAttribute(`variant`),e.s),this._apply(`align`,this.getAttribute(`align`),e.a)}_apply(e,t,n){let r=t!=null&&t in n?n[t]:null,i=this._prev[e]??null;r!==i&&(i&&this.classList.remove(i),r&&this.classList.add(r),this._prev[e]=r)}};customElements.define(`loom-text`,i);var a={sm:`labelSm`,md:`labelBase`,lg:`labelLg`},o={};function s(e){try{let t=new CSSStyleSheet,n=Array.from(e.cssRules).map(e=>e.cssText).join(`
|
|
2
|
+
`);return t.replaceSync(n),t}catch{return null}}function c(e){if(e in o)return o[e];for(let t of Array.from(document.styleSheets))try{if(Array.from(t.cssRules).some(t=>t.cssText.includes(e)))return o[e]=s(t),o[e]}catch{}return o[e]=null,null}function l(){let t=[c(e.n),c(e.s[a.md])].filter(e=>e!=null);return Array.from(new Set(t))}var u=class extends HTMLElement{_inner=null;_label=null;static observedAttributes=[`variant`,`size`,`disabled`,`aria-label`,`aria-labelledby`,`aria-describedby`];get variant(){return this.getAttribute(`variant`)??`primary`}set variant(e){this.setAttribute(`variant`,e)}get size(){return this.getAttribute(`size`)??`md`}set size(e){this.setAttribute(`size`,e)}get disabled(){return this.hasAttribute(`disabled`)}set disabled(e){this.toggleAttribute(`disabled`,e)}_handleClick=e=>{e.stopPropagation(),this.dispatchEvent(new CustomEvent(`loom-click`,{bubbles:!0,composed:!0,detail:{}}))};_handleFocus=e=>{e.stopPropagation(),this.dispatchEvent(new CustomEvent(`loom-focus`,{bubbles:!0,composed:!0,detail:{}}))};_handleBlur=e=>{e.stopPropagation(),this.dispatchEvent(new CustomEvent(`loom-blur`,{bubbles:!0,composed:!0,detail:{}}))};_syncScheduled=!1;_scheduleSync(){this._syncScheduled||(this._syncScheduled=!0,requestAnimationFrame(()=>{this._syncScheduled=!1,this._sync()}))}connectedCallback(){if(!this.shadowRoot){let t=this.attachShadow({mode:`open`,delegatesFocus:!0}),n=l();n.length>0?t.adoptedStyleSheets=n:console.warn(`[loom-button] VE stylesheet not found - shadow styles will be missing.`),this._label=document.createElement(`span`),this._label.setAttribute(`part`,`label`),this._label.appendChild(document.createElement(`slot`)),this._inner=document.createElement(`button`),this._inner.type=`button`,this._inner.setAttribute(`part`,`button`),this._inner.appendChild(this._label),t.appendChild(this._inner),this.classList.add(e.t),this._inner.classList.add(e.n),this._inner.addEventListener(`click`,this._handleClick),this._inner.addEventListener(`focus`,this._handleFocus),this._inner.addEventListener(`blur`,this._handleBlur)}this._sync()}disconnectedCallback(){this._inner?.removeEventListener(`click`,this._handleClick),this._inner?.removeEventListener(`focus`,this._handleFocus),this._inner?.removeEventListener(`blur`,this._handleBlur)}attributeChangedCallback(e){if(e.startsWith(`aria-`)){this._syncA11y();return}this._scheduleSync()}_prev={variant:null,size:null,typographyKey:null};_sync(){if(!this._inner||!this._label)return;let t=this.getAttribute(`variant`)??`primary`,n=this.getAttribute(`size`)??`md`;this._apply(this._inner,`variant`,t,e.i),this._apply(this._inner,`size`,n,e.r),this._inner.disabled=this.hasAttribute(`disabled`);let r=n in a?a[n]:a.md;this._apply(this._label,`typographyKey`,r,e.s),this._syncA11y()}_syncA11y(){this._inner&&[`aria-label`,`aria-labelledby`,`aria-describedby`].forEach(e=>{let t=this.getAttribute(e);t?this._inner?.setAttribute(e,t):this._inner?.removeAttribute(e)})}_apply(e,t,n,r){let i=n!=null&&n in r?r[n]:null,a=this._prev[t]??null;i!==a&&(a&&e.classList.remove(a),i&&e.classList.add(i),this._prev[t]=i)}};customElements.define(`loom-button`,u),exports.LoomBox=t,exports.LoomButton=u,exports.LoomInline=r,exports.LoomStack=n,exports.LoomText=i;
|
package/dist/elements.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { _ as e, a as t,
|
|
1
|
+
import { _ as e, a as t, b as n, c as r, d as i, f as a, g as o, h as s, i as c, l, m as u, n as d, o as f, p, r as m, s as h, t as g, u as _, v, y } from "./Button.css-DLt7TUnT.js";
|
|
2
2
|
//#region src/design-system/package/ui/primitives/Box/adapters/Box.element.ts
|
|
3
|
-
var
|
|
3
|
+
var b = class extends HTMLElement {
|
|
4
4
|
static observedAttributes = [
|
|
5
5
|
"padding",
|
|
6
6
|
"padding-x",
|
|
@@ -25,7 +25,7 @@ var y = class extends HTMLElement {
|
|
|
25
25
|
e == null ? this.removeAttribute("padding-y") : this.setAttribute("padding-y", e);
|
|
26
26
|
}
|
|
27
27
|
connectedCallback() {
|
|
28
|
-
this.classList.add(
|
|
28
|
+
this.classList.add(i), this._sync();
|
|
29
29
|
}
|
|
30
30
|
attributeChangedCallback() {
|
|
31
31
|
this._scheduleSync();
|
|
@@ -42,17 +42,17 @@ var y = class extends HTMLElement {
|
|
|
42
42
|
paddingY: null
|
|
43
43
|
};
|
|
44
44
|
_sync() {
|
|
45
|
-
this._apply("padding", this.getAttribute("padding"),
|
|
45
|
+
this._apply("padding", this.getAttribute("padding"), r), this._apply("paddingX", this.getAttribute("padding-x"), l), this._apply("paddingY", this.getAttribute("padding-y"), _);
|
|
46
46
|
}
|
|
47
47
|
_apply(e, t, n) {
|
|
48
48
|
let r = t != null && t in n ? n[t] : null, i = this._prev[e] ?? null;
|
|
49
49
|
r !== i && (i && this.classList.remove(i), r && this.classList.add(r), this._prev[e] = r);
|
|
50
50
|
}
|
|
51
51
|
};
|
|
52
|
-
customElements.define("loom-box",
|
|
52
|
+
customElements.define("loom-box", b);
|
|
53
53
|
//#endregion
|
|
54
54
|
//#region src/design-system/package/ui/primitives/Stack/adapters/Stack.element.ts
|
|
55
|
-
var
|
|
55
|
+
var x = class extends HTMLElement {
|
|
56
56
|
static observedAttributes = [
|
|
57
57
|
"gap",
|
|
58
58
|
"align",
|
|
@@ -77,7 +77,7 @@ var b = class extends HTMLElement {
|
|
|
77
77
|
e == null ? this.removeAttribute("justify") : this.setAttribute("justify", e);
|
|
78
78
|
}
|
|
79
79
|
connectedCallback() {
|
|
80
|
-
this.classList.add(
|
|
80
|
+
this.classList.add(n), this._sync();
|
|
81
81
|
}
|
|
82
82
|
attributeChangedCallback() {
|
|
83
83
|
this._scheduleSync();
|
|
@@ -94,17 +94,17 @@ var b = class extends HTMLElement {
|
|
|
94
94
|
justify: null
|
|
95
95
|
};
|
|
96
96
|
_sync() {
|
|
97
|
-
this._apply("gap", this.getAttribute("gap"),
|
|
97
|
+
this._apply("gap", this.getAttribute("gap"), v), this._apply("align", this.getAttribute("align") ?? "stretch", e), this._apply("justify", this.getAttribute("justify") ?? "start", y);
|
|
98
98
|
}
|
|
99
99
|
_apply(e, t, n) {
|
|
100
100
|
let r = t != null && t in n ? n[t] : null, i = this._prev[e] ?? null;
|
|
101
101
|
r !== i && (i && this.classList.remove(i), r && this.classList.add(r), this._prev[e] = r);
|
|
102
102
|
}
|
|
103
103
|
};
|
|
104
|
-
customElements.define("loom-stack",
|
|
104
|
+
customElements.define("loom-stack", x);
|
|
105
105
|
//#endregion
|
|
106
106
|
//#region src/design-system/package/ui/primitives/Inline/adapters/Inline.element.ts
|
|
107
|
-
var
|
|
107
|
+
var S = class extends HTMLElement {
|
|
108
108
|
static observedAttributes = [
|
|
109
109
|
"gap",
|
|
110
110
|
"align",
|
|
@@ -136,7 +136,7 @@ var x = class extends HTMLElement {
|
|
|
136
136
|
this.toggleAttribute("wrap", e);
|
|
137
137
|
}
|
|
138
138
|
connectedCallback() {
|
|
139
|
-
this.classList.add(
|
|
139
|
+
this.classList.add(s), this._sync();
|
|
140
140
|
}
|
|
141
141
|
attributeChangedCallback() {
|
|
142
142
|
this._scheduleSync();
|
|
@@ -154,26 +154,32 @@ var x = class extends HTMLElement {
|
|
|
154
154
|
wrap: null
|
|
155
155
|
};
|
|
156
156
|
_sync() {
|
|
157
|
-
this._apply("gap", this.getAttribute("gap"),
|
|
157
|
+
this._apply("gap", this.getAttribute("gap"), p), this._apply("align", this.getAttribute("align") ?? "center", a), this._apply("justify", this.getAttribute("justify") ?? "start", u), this._apply("wrap", this.hasAttribute("wrap") ? "on" : null, { on: o });
|
|
158
158
|
}
|
|
159
159
|
_apply(e, t, n) {
|
|
160
160
|
let r = t != null && t in n ? n[t] : null, i = this._prev[e] ?? null;
|
|
161
161
|
r !== i && (i && this.classList.remove(i), r && this.classList.add(r), this._prev[e] = r);
|
|
162
162
|
}
|
|
163
163
|
};
|
|
164
|
-
customElements.define("loom-inline",
|
|
164
|
+
customElements.define("loom-inline", S);
|
|
165
165
|
//#endregion
|
|
166
166
|
//#region src/design-system/package/ui/primitives/Text/adapters/Text.element.ts
|
|
167
|
-
var
|
|
168
|
-
static observedAttributes = ["variant"];
|
|
167
|
+
var C = class extends HTMLElement {
|
|
168
|
+
static observedAttributes = ["variant", "align"];
|
|
169
169
|
get variant() {
|
|
170
170
|
return this.getAttribute("variant");
|
|
171
171
|
}
|
|
172
172
|
set variant(e) {
|
|
173
173
|
e == null ? this.removeAttribute("variant") : this.setAttribute("variant", e);
|
|
174
174
|
}
|
|
175
|
+
get align() {
|
|
176
|
+
return this.getAttribute("align");
|
|
177
|
+
}
|
|
178
|
+
set align(e) {
|
|
179
|
+
e == null ? this.removeAttribute("align") : this.setAttribute("align", e);
|
|
180
|
+
}
|
|
175
181
|
connectedCallback() {
|
|
176
|
-
this.classList.add(
|
|
182
|
+
this.classList.add(f), this._sync();
|
|
177
183
|
}
|
|
178
184
|
attributeChangedCallback() {
|
|
179
185
|
this._scheduleSync();
|
|
@@ -184,24 +190,27 @@ var S = class extends HTMLElement {
|
|
|
184
190
|
this._syncScheduled = !1, this._sync();
|
|
185
191
|
}));
|
|
186
192
|
}
|
|
187
|
-
_prev = {
|
|
193
|
+
_prev = {
|
|
194
|
+
variant: null,
|
|
195
|
+
align: null
|
|
196
|
+
};
|
|
188
197
|
_sync() {
|
|
189
|
-
this._apply("variant", this.getAttribute("variant"),
|
|
198
|
+
this._apply("variant", this.getAttribute("variant"), h), this._apply("align", this.getAttribute("align"), t);
|
|
190
199
|
}
|
|
191
200
|
_apply(e, t, n) {
|
|
192
201
|
let r = t != null && t in n ? n[t] : null, i = this._prev[e] ?? null;
|
|
193
202
|
r !== i && (i && this.classList.remove(i), r && this.classList.add(r), this._prev[e] = r);
|
|
194
203
|
}
|
|
195
204
|
};
|
|
196
|
-
customElements.define("loom-text",
|
|
205
|
+
customElements.define("loom-text", C);
|
|
197
206
|
//#endregion
|
|
198
207
|
//#region src/design-system/package/ui/primitives/Button/adapters/Button.element.ts
|
|
199
|
-
var
|
|
208
|
+
var w = {
|
|
200
209
|
sm: "labelSm",
|
|
201
210
|
md: "labelBase",
|
|
202
211
|
lg: "labelLg"
|
|
203
|
-
},
|
|
204
|
-
function
|
|
212
|
+
}, T = {};
|
|
213
|
+
function E(e) {
|
|
205
214
|
try {
|
|
206
215
|
let t = new CSSStyleSheet(), n = Array.from(e.cssRules).map((e) => e.cssText).join("\n");
|
|
207
216
|
return t.replaceSync(n), t;
|
|
@@ -209,18 +218,18 @@ function T(e) {
|
|
|
209
218
|
return null;
|
|
210
219
|
}
|
|
211
220
|
}
|
|
212
|
-
function
|
|
213
|
-
if (e in
|
|
221
|
+
function D(e) {
|
|
222
|
+
if (e in T) return T[e];
|
|
214
223
|
for (let t of Array.from(document.styleSheets)) try {
|
|
215
|
-
if (Array.from(t.cssRules).some((t) => t.cssText.includes(e))) return
|
|
224
|
+
if (Array.from(t.cssRules).some((t) => t.cssText.includes(e))) return T[e] = E(t), T[e];
|
|
216
225
|
} catch {}
|
|
217
|
-
return
|
|
226
|
+
return T[e] = null, null;
|
|
218
227
|
}
|
|
219
|
-
function
|
|
220
|
-
let e = [
|
|
228
|
+
function O() {
|
|
229
|
+
let e = [D(d), D(h[w.md])].filter((e) => e != null);
|
|
221
230
|
return Array.from(new Set(e));
|
|
222
231
|
}
|
|
223
|
-
var
|
|
232
|
+
var k = class extends HTMLElement {
|
|
224
233
|
_inner = null;
|
|
225
234
|
_label = null;
|
|
226
235
|
static observedAttributes = [
|
|
@@ -281,8 +290,8 @@ var O = class extends HTMLElement {
|
|
|
281
290
|
let e = this.attachShadow({
|
|
282
291
|
mode: "open",
|
|
283
292
|
delegatesFocus: !0
|
|
284
|
-
}), t =
|
|
285
|
-
t.length > 0 ? e.adoptedStyleSheets = t : console.warn("[loom-button] VE stylesheet not found - shadow styles will be missing."), this._label = document.createElement("span"), this._label.setAttribute("part", "label"), this._label.appendChild(document.createElement("slot")), this._inner = document.createElement("button"), this._inner.type = "button", this._inner.setAttribute("part", "button"), this._inner.appendChild(this._label), e.appendChild(this._inner), this.classList.add(
|
|
293
|
+
}), t = O();
|
|
294
|
+
t.length > 0 ? e.adoptedStyleSheets = t : console.warn("[loom-button] VE stylesheet not found - shadow styles will be missing."), this._label = document.createElement("span"), this._label.setAttribute("part", "label"), this._label.appendChild(document.createElement("slot")), this._inner = document.createElement("button"), this._inner.type = "button", this._inner.setAttribute("part", "button"), this._inner.appendChild(this._label), e.appendChild(this._inner), this.classList.add(g), this._inner.classList.add(d), this._inner.addEventListener("click", this._handleClick), this._inner.addEventListener("focus", this._handleFocus), this._inner.addEventListener("blur", this._handleBlur);
|
|
286
295
|
}
|
|
287
296
|
this._sync();
|
|
288
297
|
}
|
|
@@ -304,9 +313,9 @@ var O = class extends HTMLElement {
|
|
|
304
313
|
_sync() {
|
|
305
314
|
if (!this._inner || !this._label) return;
|
|
306
315
|
let e = this.getAttribute("variant") ?? "primary", t = this.getAttribute("size") ?? "md";
|
|
307
|
-
this._apply(this._inner, "variant", e,
|
|
308
|
-
let n = t in
|
|
309
|
-
this._apply(this._label, "typographyKey", n,
|
|
316
|
+
this._apply(this._inner, "variant", e, c), this._apply(this._inner, "size", t, m), this._inner.disabled = this.hasAttribute("disabled");
|
|
317
|
+
let n = t in w ? w[t] : w.md;
|
|
318
|
+
this._apply(this._label, "typographyKey", n, h), this._syncA11y();
|
|
310
319
|
}
|
|
311
320
|
_syncA11y() {
|
|
312
321
|
this._inner && [
|
|
@@ -323,6 +332,6 @@ var O = class extends HTMLElement {
|
|
|
323
332
|
i !== a && (a && e.classList.remove(a), i && e.classList.add(i), this._prev[t] = i);
|
|
324
333
|
}
|
|
325
334
|
};
|
|
326
|
-
customElements.define("loom-button",
|
|
335
|
+
customElements.define("loom-button", k);
|
|
327
336
|
//#endregion
|
|
328
|
-
export {
|
|
337
|
+
export { b as LoomBox, k as LoomButton, S as LoomInline, x as LoomStack, C as LoomText };
|
package/dist/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./theme-Cw8nZ0K9.cjs`),t=require(`./Button.css-
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./theme-Cw8nZ0K9.cjs`),t=require(`./Button.css-D0VmhqHb.cjs`);let n=require(`react/jsx-runtime`);function r({as:e,gap:r,align:i=`stretch`,justify:a=`start`,children:o,className:s,...c}){return(0,n.jsx)(e??`div`,{className:[t.b,r===void 0?void 0:t.v[r],t._[i],t.y[a],s].filter(Boolean).join(` `),...c,children:o})}function i({as:e,gap:r,align:i=`center`,justify:a=`start`,wrap:o=!1,children:s,className:c,...l}){return(0,n.jsx)(e??`div`,{className:[t.h,o?t.g:void 0,r===void 0?void 0:t.p[r],t.f[i],t.m[a],c].filter(Boolean).join(` `),...l,children:s})}function a({as:r,padding:i,paddingX:a,paddingY:o,children:s,className:c,style:l,...u}){let d=r??`div`,f={...i&&{padding:e.u[i]},...a&&{paddingInline:e.u[a]},...o&&{paddingBlock:e.u[o]}};return(0,n.jsx)(d,{className:[t.d,c].filter(Boolean).join(` `),style:{...f,...l},...u,children:s})}function o({as:e,variant:r,align:i,children:a,className:o,...s}){return(0,n.jsx)(e??`p`,{className:[t.s[r],i==null?void 0:t.a[i],o].filter(Boolean).join(` `),...s,children:a})}var s={sm:`labelSm`,md:`labelBase`,lg:`labelLg`};function c({as:e,variant:r=`primary`,size:i=`md`,children:a,className:c,...l}){return(0,n.jsx)(e??`button`,{className:[t.n,t.i[r],t.r[i],c].filter(Boolean).join(` `),...l,children:(0,n.jsx)(o,{as:`span`,variant:s[i],children:a})})}exports.Box=a,exports.Button=c,exports.Inline=i,exports.Stack=r,exports.Text=o,exports.applyTheme=e.t,exports.colorVars=e.g,exports.fontFamilyVars=e._,exports.fontSizeVars=e.d,exports.fontWeightVars=e.l,exports.getTheme=e.n,exports.heightVars=e.m,exports.iconSizeVars=e.p,exports.letterSpacingVars=e.a,exports.lineHeightVars=e.c,exports.motionVars=e.r,exports.paletteVars=e.h,exports.radiusVars=e.f,exports.shadowVars=e.s,exports.spacingVars=e.u,exports.typographyVars=e.i,exports.zIndexVars=e.o;
|
package/dist/index.mjs
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g } from "./theme-BhDSE6xP.js";
|
|
2
|
-
import { _,
|
|
3
|
-
import { jsx as
|
|
2
|
+
import { _, a as v, b as y, d as b, f as x, g as S, h as C, i as w, m as T, n as E, p as D, r as O, s as k, v as A, y as j } from "./Button.css-DLt7TUnT.js";
|
|
3
|
+
import { jsx as M } from "react/jsx-runtime";
|
|
4
4
|
//#region src/design-system/package/ui/primitives/Stack/adapters/Stack.react.tsx
|
|
5
|
-
function
|
|
6
|
-
return /* @__PURE__ */
|
|
5
|
+
function N({ as: e, gap: t, align: n = "stretch", justify: r = "start", children: i, className: a, ...o }) {
|
|
6
|
+
return /* @__PURE__ */ M(e ?? "div", {
|
|
7
7
|
className: [
|
|
8
|
-
|
|
9
|
-
t === void 0 ? void 0 :
|
|
10
|
-
|
|
11
|
-
|
|
8
|
+
y,
|
|
9
|
+
t === void 0 ? void 0 : A[t],
|
|
10
|
+
_[n],
|
|
11
|
+
j[r],
|
|
12
12
|
a
|
|
13
13
|
].filter(Boolean).join(" "),
|
|
14
14
|
...o,
|
|
@@ -17,14 +17,14 @@ function M({ as: e, gap: t, align: n = "stretch", justify: r = "start", children
|
|
|
17
17
|
}
|
|
18
18
|
//#endregion
|
|
19
19
|
//#region src/design-system/package/ui/primitives/Inline/adapters/Inline.react.tsx
|
|
20
|
-
function
|
|
21
|
-
return /* @__PURE__ */
|
|
20
|
+
function P({ as: e, gap: t, align: n = "center", justify: r = "start", wrap: i = !1, children: a, className: o, ...s }) {
|
|
21
|
+
return /* @__PURE__ */ M(e ?? "div", {
|
|
22
22
|
className: [
|
|
23
23
|
C,
|
|
24
|
-
i ?
|
|
25
|
-
t === void 0 ? void 0 :
|
|
26
|
-
|
|
27
|
-
|
|
24
|
+
i ? S : void 0,
|
|
25
|
+
t === void 0 ? void 0 : D[t],
|
|
26
|
+
x[n],
|
|
27
|
+
T[r],
|
|
28
28
|
o
|
|
29
29
|
].filter(Boolean).join(" "),
|
|
30
30
|
...s,
|
|
@@ -33,14 +33,14 @@ function N({ as: e, gap: t, align: n = "center", justify: r = "start", wrap: i =
|
|
|
33
33
|
}
|
|
34
34
|
//#endregion
|
|
35
35
|
//#region src/design-system/package/ui/primitives/Box/adapters/Box.react.tsx
|
|
36
|
-
function
|
|
36
|
+
function F({ as: e, padding: t, paddingX: n, paddingY: r, children: i, className: a, style: o, ...s }) {
|
|
37
37
|
let c = e ?? "div", l = {
|
|
38
38
|
...t && { padding: g[t] },
|
|
39
39
|
...n && { paddingInline: g[n] },
|
|
40
40
|
...r && { paddingBlock: g[r] }
|
|
41
41
|
};
|
|
42
|
-
return /* @__PURE__ */
|
|
43
|
-
className: [
|
|
42
|
+
return /* @__PURE__ */ M(c, {
|
|
43
|
+
className: [b, a].filter(Boolean).join(" "),
|
|
44
44
|
style: {
|
|
45
45
|
...l,
|
|
46
46
|
...o
|
|
@@ -51,35 +51,39 @@ function P({ as: e, padding: t, paddingX: n, paddingY: r, children: i, className
|
|
|
51
51
|
}
|
|
52
52
|
//#endregion
|
|
53
53
|
//#region src/design-system/package/ui/primitives/Text/adapters/Text.react.tsx
|
|
54
|
-
function
|
|
55
|
-
return /* @__PURE__ */
|
|
56
|
-
className: [
|
|
57
|
-
|
|
58
|
-
|
|
54
|
+
function I({ as: e, variant: t, align: n, children: r, className: i, ...a }) {
|
|
55
|
+
return /* @__PURE__ */ M(e ?? "p", {
|
|
56
|
+
className: [
|
|
57
|
+
k[t],
|
|
58
|
+
n == null ? void 0 : v[n],
|
|
59
|
+
i
|
|
60
|
+
].filter(Boolean).join(" "),
|
|
61
|
+
...a,
|
|
62
|
+
children: r
|
|
59
63
|
});
|
|
60
64
|
}
|
|
61
65
|
//#endregion
|
|
62
66
|
//#region src/design-system/package/ui/primitives/Button/adapters/Button.react.tsx
|
|
63
|
-
var
|
|
67
|
+
var L = {
|
|
64
68
|
sm: "labelSm",
|
|
65
69
|
md: "labelBase",
|
|
66
70
|
lg: "labelLg"
|
|
67
71
|
};
|
|
68
|
-
function
|
|
69
|
-
return /* @__PURE__ */
|
|
72
|
+
function R({ as: e, variant: t = "primary", size: n = "md", children: r, className: i, ...a }) {
|
|
73
|
+
return /* @__PURE__ */ M(e ?? "button", {
|
|
70
74
|
className: [
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
75
|
+
E,
|
|
76
|
+
w[t],
|
|
77
|
+
O[n],
|
|
74
78
|
i
|
|
75
79
|
].filter(Boolean).join(" "),
|
|
76
80
|
...a,
|
|
77
|
-
children: /* @__PURE__ */
|
|
81
|
+
children: /* @__PURE__ */ M(I, {
|
|
78
82
|
as: "span",
|
|
79
|
-
variant:
|
|
83
|
+
variant: L[n],
|
|
80
84
|
children: r
|
|
81
85
|
})
|
|
82
86
|
});
|
|
83
87
|
}
|
|
84
88
|
//#endregion
|
|
85
|
-
export {
|
|
89
|
+
export { F as Box, R as Button, P as Inline, N as Stack, I as Text, h as applyTheme, a as colorVars, e as fontFamilyVars, r as fontSizeVars, c as fontWeightVars, u as getTheme, l as heightVars, f as iconSizeVars, t as letterSpacingVars, n as lineHeightVars, p as motionVars, o as paletteVars, i as radiusVars, m as shadowVars, g as spacingVars, s as typographyVars, d as zIndexVars };
|
package/dist/style.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
:root{--_147ti5g0:"TWK Everett", system-ui, sans-serif;--_147ti5g1:ui-monospace, Consolas, monospace;--crr3d10:#e0f9fc;--crr3d11:#b8eef5;--crr3d12:#80e2ee;--crr3d13:#42d8ec;--crr3d14:#20bdd6;--crr3d15:#1897ad;--crr3d16:#117287;--crr3d17:#0a4e5e;--crr3d18:#052a33;--crr3d19:#ffe9e5;--crr3d1a:#ffbfb3;--crr3d1b:#ff9280;--crr3d1c:#ff6650;--crr3d1d:#ff462d;--crr3d1e:#e83015;--crr3d1f:#c42208;--crr3d1g:#901905;--crr3d1h:#3d0a02;--crr3d1i:#e8e8e8;--crr3d1j:#c8c8c8;--crr3d1k:#a8a8a8;--crr3d1l:#848484;--crr3d1m:#666;--crr3d1n:#525252;--crr3d1o:#3a3a3a;--crr3d1p:#252525;--crr3d1q:#181818;--crr3d1r:#e5f8e2;--crr3d1s:#bbe8b4;--crr3d1t:#7dd374;--crr3d1u:#4dc043;--crr3d1v:#2bb309;--crr3d1w:#1e8c06;--crr3d1x:#145f04;--crr3d1y:#0c3e02;--crr3d1z:#062001;--crr3d110:#fff3e0;--crr3d111:#ffe0a0;--crr3d112:#ffcc6a;--crr3d113:#ffb237;--crr3d114:#ff9800;--crr3d115:#cc7a00;--crr3d116:#995b00;--crr3d117:#663d00;--crr3d118:#332000;--crr3d119:#def;--crr3d11a:#bad8fe;--crr3d11b:#87b9fc;--crr3d11c:#5a9af7;--crr3d11d:#3b82f6;--crr3d11e:#2563eb;--crr3d11f:#1a46c4;--crr3d11g:#112f8a;--crr3d11h:#071650}[data-theme=light]{--n4rd7s0:#fff;--n4rd7s1:#f6f6f6;--n4rd7s2:#eee;--n4rd7s3:var(--crr3d1i);--n4rd7s4:var(--crr3d1e);--n4rd7s5:var(--crr3d1f);--n4rd7s6:var(--crr3d1g);--n4rd7s7:var(--crr3d19);--n4rd7s8:var(--crr3d16);--n4rd7s9:var(--crr3d10);--n4rd7sa:var(--crr3d11);--n4rd7sb:var(--crr3d18);--n4rd7sc:var(--crr3d1j);--n4rd7sd:var(--crr3d1l);--n4rd7se:var(--crr3d1i);--n4rd7sf:var(--crr3d1l);--n4rd7sg:#1a1a1a;--n4rd7sh:var(--crr3d1m);--n4rd7si:var(--crr3d1k);--n4rd7sj:#fff;--n4rd7sk:#fff;--n4rd7sl:var(--crr3d1w);--n4rd7sm:var(--crr3d1r);--n4rd7sn:var(--crr3d115);--n4rd7so:var(--crr3d1e);--n4rd7sp:var(--crr3d110);--n4rd7sq:var(--crr3d1e);--n4rd7sr:var(--crr3d19);--n4rd7ss:var(--crr3d11e);--n4rd7st:var(--crr3d119)}:root,[data-theme=dark]{--n4rd7s0:#2b2d2e;--n4rd7s1:#181818;--n4rd7s2:#252525;--n4rd7s3:#2f3031;--n4rd7s4:var(--crr3d1d);--n4rd7s5:var(--crr3d1f);--n4rd7s6:var(--crr3d1g);--n4rd7s7:var(--crr3d1h);--n4rd7s8:var(--crr3d13);--n4rd7s9:var(--crr3d18);--n4rd7sa:#3a5053;--n4rd7sb:#283739;--n4rd7sc:#343434;--n4rd7sd:var(--crr3d1n);--n4rd7se:#2a2a2a;--n4rd7sf:var(--crr3d1l);--n4rd7sg:#fff;--n4rd7sh:var(--crr3d1l);--n4rd7si:var(--crr3d1j);--n4rd7sj:#181818;--n4rd7sk:#fff;--n4rd7sl:var(--crr3d1v);--n4rd7sm:var(--crr3d1z);--n4rd7sn:var(--crr3d113);--n4rd7so:var(--crr3d1c);--n4rd7sp:var(--crr3d118);--n4rd7sq:var(--crr3d1d);--n4rd7sr:var(--crr3d1h);--n4rd7ss:var(--crr3d11d);--n4rd7st:var(--crr3d11h)}:root{--gn271l0:20px;--gn271l1:24px;--gn271l2:32px;--gn271l3:48px;--gn271l4:56px;--gn271l5:72px;--_1r3v8qb0:12px;--_1r3v8qb1:14px;--_1r3v8qb2:16px;--_1r3v8qb3:24px;--_1r3v8qb4:32px;--_17uaar60:2px;--_17uaar61:4px;--_17uaar62:6px;--_17uaar63:8px;--_17uaar64:16px;--g2g2zb0:10px;--g2g2zb1:12px;--g2g2zb2:14px;--g2g2zb3:16px;--g2g2zb4:18px;--g2g2zb5:20px;--g2g2zb6:24px;--g2g2zb7:30px;--g2g2zb8:36px;--g2g2zb9:48px;--g2g2zba:60px;--g2g2zbb:72px;--g2g2zbc:96px;--_6tzq000:0px;--_6tzq001:1px;--_6tzq002:2px;--_6tzq003:4px;--_6tzq004:8px;--_6tzq005:16px;--_6tzq006:24px;--_6tzq007:32px;--_6tzq008:48px;--_6tzq009:64px;--_6tzq00a:96px;--_6tzq00b:128px;--_6tzq00c:192px;--_6tzq00d:256px;--_6tzq00e:384px;--scju2v0:100;--scju2v1:200;--scju2v2:300;--scju2v3:400;--scju2v4:500;--scju2v5:600;--scju2v6:700;--scju2v7:800;--scju2v8:900;--_1ybwetq0:1;--_1ybwetq1:1.25;--_1ybwetq2:1.375;--_1ybwetq3:1.5;--_1ybwetq4:1.6;--_1ybwetq5:1.2;--_1ybwetq6:1.1;--_1ybwetq7:2;--_1fh9yx40:none;--_1fh9yx41:0 1px 2px 0 #00000040;--_1fh9yx42:0 1px 3px 0 #0000004d, 0 1px 2px -1px #0000004d;--_1fh9yx43:0 4px 6px -1px #00000059, 0 2px 4px -2px #00000059;--_1fh9yx44:0 10px 15px -3px #0006, 0 4px 6px -4px #0006;--_1fh9yx45:0 20px 25px -5px #0006, 0 8px 10px -6px #0006;--_1fh9yx46:0 25px 50px -12px #00000080;--_1fh9yx47:inset 0 2px 4px 0 #00000040;--_1alu3u80:-1;--_1alu3u81:0;--_1alu3u82:10;--_1alu3u83:20;--_1alu3u84:30;--_1alu3u85:40;--_1alu3u86:50;--_1amctni0:0em;--_1amctni1:.05em;--_1amctni2:-.005em;--_1amctni3:-.01em;--_1amctni4:-.015em;--_1amctni5:-.02em;--_9fdc020:var(--g2g2zb3);--_9fdc021:var(--scju2v3);--_9fdc022:var(--_1ybwetq4);--_9fdc023:var(--_1amctni0);--_9fdc024:var(--g2g2zb2);--_9fdc025:var(--scju2v3);--_9fdc026:var(--_1ybwetq4);--_9fdc027:var(--_1amctni0);--_9fdc028:var(--g2g2zb4);--_9fdc029:var(--scju2v3);--_9fdc02a:var(--_1ybwetq4);--_9fdc02b:var(--_1amctni0);--_9fdc02c:var(--g2g2zb2);--_9fdc02d:var(--scju2v4);--_9fdc02e:var(--_1ybwetq3);--_9fdc02f:var(--_1amctni0);--_9fdc02g:var(--g2g2zb1);--_9fdc02h:var(--scju2v4);--_9fdc02i:var(--_1ybwetq3);--_9fdc02j:var(--_1amctni0);--_9fdc02k:var(--g2g2zb3);--_9fdc02l:var(--scju2v4);--_9fdc02m:var(--_1ybwetq3);--_9fdc02n:var(--_1amctni0);--_9fdc02o:var(--g2g2zb8);--_9fdc02p:var(--scju2v6);--_9fdc02q:var(--_1ybwetq5);--_9fdc02r:var(--_1amctni3);--_9fdc02s:var(--g2g2zb7);--_9fdc02t:var(--scju2v6);--_9fdc02u:var(--_1ybwetq5);--_9fdc02v:var(--_1amctni2);--_9fdc02w:var(--g2g2zb6);--_9fdc02x:var(--scju2v6);--_9fdc02y:var(--_1ybwetq5);--_9fdc02z:var(--_1amctni0);--_9fdc0210:var(--g2g2zb5);--_9fdc0211:var(--scju2v4);--_9fdc0212:var(--_1ybwetq5);--_9fdc0213:var(--_1amctni0);--_9fdc0214:var(--g2g2zb4);--_9fdc0215:var(--scju2v4);--_9fdc0216:var(--_1ybwetq5);--_9fdc0217:var(--_1amctni0);--_9fdc0218:var(--g2g2zb3);--_9fdc0219:var(--scju2v6);--_9fdc021a:var(--_1ybwetq5);--_9fdc021b:var(--_1amctni0);--_9fdc021c:var(--g2g2zb9);--_9fdc021d:var(--scju2v6);--_9fdc021e:var(--_1ybwetq6);--_9fdc021f:var(--_1amctni4);--_9fdc021g:var(--g2g2zba);--_9fdc021h:var(--scju2v6);--_9fdc021i:var(--_1ybwetq6);--_9fdc021j:var(--_1amctni5);--_9fdc021k:var(--g2g2zbb);--_9fdc021l:var(--scju2v6);--_9fdc021m:var(--_1ybwetq6);--_9fdc021n:var(--_1amctni5);--_9fdc021o:var(--g2g2zb0);--_9fdc021p:var(--scju2v4);--_9fdc021q:var(--_1ybwetq3);--_9fdc021r:var(--_1amctni1);--_9fdc021s:var(--g2g2zb1);--_9fdc021t:var(--scju2v3);--_9fdc021u:var(--_1ybwetq3);--_9fdc021v:var(--_1amctni0);--_159077d0:0s;--_159077d1:.1s;--_159077d2:.2s;--_159077d3:.3s;--_159077d4:.5s;--_159077d5:linear;--_159077d6:cubic-bezier(.4, 0, 1, 1);--_159077d7:cubic-bezier(0, 0, .2, 1);--_159077d8:cubic-bezier(.4, 0, .2, 1)}.y5q6570{flex-direction:column;display:flex}.y5q6571{gap:var(--_6tzq000)}.y5q6572{gap:var(--_6tzq001)}.y5q6573{gap:var(--_6tzq002)}.y5q6574{gap:var(--_6tzq003)}.y5q6575{gap:var(--_6tzq004)}.y5q6576{gap:var(--_6tzq005)}.y5q6577{gap:var(--_6tzq006)}.y5q6578{gap:var(--_6tzq007)}.y5q6579{gap:var(--_6tzq008)}.y5q657a{gap:var(--_6tzq009)}.y5q657b{gap:var(--_6tzq00a)}.y5q657c{gap:var(--_6tzq00b)}.y5q657d{gap:var(--_6tzq00c)}.y5q657e{gap:var(--_6tzq00d)}.y5q657f{gap:var(--_6tzq00e)}.y5q657g{align-items:flex-start}.y5q657h{align-items:center}.y5q657i{align-items:flex-end}.y5q657j{align-items:stretch}.y5q657k{align-items:baseline}.y5q657l{justify-content:flex-start}.y5q657m{justify-content:center}.y5q657n{justify-content:flex-end}.y5q657o{justify-content:space-between}.y5q657p{justify-content:space-around}.y5q657q{justify-content:space-evenly}._1wqyejm0{flex-flow:row;display:flex}._1wqyejm1{flex-wrap:wrap}._1wqyejm2{gap:var(--_6tzq000)}._1wqyejm3{gap:var(--_6tzq001)}._1wqyejm4{gap:var(--_6tzq002)}._1wqyejm5{gap:var(--_6tzq003)}._1wqyejm6{gap:var(--_6tzq004)}._1wqyejm7{gap:var(--_6tzq005)}._1wqyejm8{gap:var(--_6tzq006)}._1wqyejm9{gap:var(--_6tzq007)}._1wqyejma{gap:var(--_6tzq008)}._1wqyejmb{gap:var(--_6tzq009)}._1wqyejmc{gap:var(--_6tzq00a)}._1wqyejmd{gap:var(--_6tzq00b)}._1wqyejme{gap:var(--_6tzq00c)}._1wqyejmf{gap:var(--_6tzq00d)}._1wqyejmg{gap:var(--_6tzq00e)}._1wqyejmh{align-items:flex-start}._1wqyejmi{align-items:center}._1wqyejmj{align-items:flex-end}._1wqyejmk{align-items:stretch}._1wqyejml{align-items:baseline}._1wqyejmm{justify-content:flex-start}._1wqyejmn{justify-content:center}._1wqyejmo{justify-content:flex-end}._1wqyejmp{justify-content:space-between}._1wqyejmq{justify-content:space-around}._1wqyejmr{justify-content:space-evenly}._1okjbro0{box-sizing:border-box}._1okjbro1{padding:var(--_6tzq000)}._1okjbro2{padding:var(--_6tzq001)}._1okjbro3{padding:var(--_6tzq002)}._1okjbro4{padding:var(--_6tzq003)}._1okjbro5{padding:var(--_6tzq004)}._1okjbro6{padding:var(--_6tzq005)}._1okjbro7{padding:var(--_6tzq006)}._1okjbro8{padding:var(--_6tzq007)}._1okjbro9{padding:var(--_6tzq008)}._1okjbroa{padding:var(--_6tzq009)}._1okjbrob{padding:var(--_6tzq00a)}._1okjbroc{padding:var(--_6tzq00b)}._1okjbrod{padding:var(--_6tzq00c)}._1okjbroe{padding:var(--_6tzq00d)}._1okjbrof{padding:var(--_6tzq00e)}._1okjbrog{padding-inline:var(--_6tzq000)}._1okjbroh{padding-inline:var(--_6tzq001)}._1okjbroi{padding-inline:var(--_6tzq002)}._1okjbroj{padding-inline:var(--_6tzq003)}._1okjbrok{padding-inline:var(--_6tzq004)}._1okjbrol{padding-inline:var(--_6tzq005)}._1okjbrom{padding-inline:var(--_6tzq006)}._1okjbron{padding-inline:var(--_6tzq007)}._1okjbroo{padding-inline:var(--_6tzq008)}._1okjbrop{padding-inline:var(--_6tzq009)}._1okjbroq{padding-inline:var(--_6tzq00a)}._1okjbror{padding-inline:var(--_6tzq00b)}._1okjbros{padding-inline:var(--_6tzq00c)}._1okjbrot{padding-inline:var(--_6tzq00d)}._1okjbrou{padding-inline:var(--_6tzq00e)}._1okjbrov{padding-block:var(--_6tzq000)}._1okjbrow{padding-block:var(--_6tzq001)}._1okjbrox{padding-block:var(--_6tzq002)}._1okjbroy{padding-block:var(--_6tzq003)}._1okjbroz{padding-block:var(--_6tzq004)}._1okjbro10{padding-block:var(--_6tzq005)}._1okjbro11{padding-block:var(--_6tzq006)}._1okjbro12{padding-block:var(--_6tzq007)}._1okjbro13{padding-block:var(--_6tzq008)}._1okjbro14{padding-block:var(--_6tzq009)}._1okjbro15{padding-block:var(--_6tzq00a)}._1okjbro16{padding-block:var(--_6tzq00b)}._1okjbro17{padding-block:var(--_6tzq00c)}._1okjbro18{padding-block:var(--_6tzq00d)}._1okjbro19{padding-block:var(--_6tzq00e)}._1kk7qb31{font-size:var(--_9fdc020);font-weight:var(--_9fdc021);line-height:var(--_9fdc022);letter-spacing:var(--_9fdc023);margin:0}._1kk7qb32{font-size:var(--_9fdc024);font-weight:var(--_9fdc025);line-height:var(--_9fdc026);letter-spacing:var(--_9fdc027);margin:0}._1kk7qb33{font-size:var(--_9fdc028);font-weight:var(--_9fdc029);line-height:var(--_9fdc02a);letter-spacing:var(--_9fdc02b);margin:0}._1kk7qb34{font-size:var(--_9fdc02c);font-weight:var(--_9fdc02d);line-height:var(--_9fdc02e);letter-spacing:var(--_9fdc02f);margin:0}._1kk7qb35{font-size:var(--_9fdc02g);font-weight:var(--_9fdc02h);line-height:var(--_9fdc02i);letter-spacing:var(--_9fdc02j);margin:0}._1kk7qb36{font-size:var(--_9fdc02k);font-weight:var(--_9fdc02l);line-height:var(--_9fdc02m);letter-spacing:var(--_9fdc02n);margin:0}._1kk7qb37{font-size:var(--_9fdc02o);font-weight:var(--_9fdc02p);line-height:var(--_9fdc02q);letter-spacing:var(--_9fdc02r);margin:0}._1kk7qb38{font-size:var(--_9fdc02s);font-weight:var(--_9fdc02t);line-height:var(--_9fdc02u);letter-spacing:var(--_9fdc02v);margin:0}._1kk7qb39{font-size:var(--_9fdc02w);font-weight:var(--_9fdc02x);line-height:var(--_9fdc02y);letter-spacing:var(--_9fdc02z);margin:0}._1kk7qb3a{font-size:var(--_9fdc0210);font-weight:var(--_9fdc0211);line-height:var(--_9fdc0212);letter-spacing:var(--_9fdc0213);margin:0}._1kk7qb3b{font-size:var(--_9fdc0214);font-weight:var(--_9fdc0215);line-height:var(--_9fdc0216);letter-spacing:var(--_9fdc0217);margin:0}._1kk7qb3c{font-size:var(--_9fdc0218);font-weight:var(--_9fdc0219);line-height:var(--_9fdc021a);letter-spacing:var(--_9fdc021b);margin:0}._1kk7qb3d{font-size:var(--_9fdc021c);font-weight:var(--_9fdc021d);line-height:var(--_9fdc021e);letter-spacing:var(--_9fdc021f);margin:0}._1kk7qb3e{font-size:var(--_9fdc021g);font-weight:var(--_9fdc021h);line-height:var(--_9fdc021i);letter-spacing:var(--_9fdc021j);margin:0}._1kk7qb3f{font-size:var(--_9fdc021k);font-weight:var(--_9fdc021l);line-height:var(--_9fdc021m);letter-spacing:var(--_9fdc021n);margin:0}._1kk7qb3g{font-size:var(--_9fdc021o);font-weight:var(--_9fdc021p);line-height:var(--_9fdc021q);letter-spacing:var(--_9fdc021r);margin:0}._1kk7qb3h{font-size:var(--_9fdc021s);font-weight:var(--_9fdc021t);line-height:var(--_9fdc021u);letter-spacing:var(--_9fdc021v);margin:0}._1cu80s90{box-sizing:border-box;display:inline-flex}._1cu80s91{box-sizing:border-box;cursor:pointer;justify-content:center;align-items:center;gap:8px;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:inline-flex}._1cu80s91:focus-visible{outline-offset:2px;outline:2px solid}._1cu80s91:disabled,._1cu80s91[aria-disabled=true]{cursor:not-allowed;pointer-events:none}._1cu80s92{background:var(--n4rd7s4);color:var(--n4rd7sk);border:none}._1cu80s92:hover{background:var(--n4rd7s5)}._1cu80s92:active{background:var(--n4rd7s6)}._1cu80s92:focus-visible{outline-color:var(--n4rd7sk)}._1cu80s92:disabled,._1cu80s92[aria-disabled=true]{background:var(--n4rd7s2);color:var(--n4rd7si)}._1cu80s93{color:var(--n4rd7sg);border:2px solid var(--n4rd7sf);background:0 0}._1cu80s93:hover{background:var(--n4rd7sa);border-color:var(--n4rd7s8)}._1cu80s93:active{background:var(--n4rd7sb);color:var(--n4rd7s8);border-color:#0000}._1cu80s93:focus-visible{color:var(--n4rd7s8);border-color:var(--n4rd7s8);outline:none}._1cu80s93:disabled,._1cu80s93[aria-disabled=true]{color:var(--n4rd7si);border:none}._1cu80s94{color:var(--n4rd7s8);background:0 0;border:none}._1cu80s94:hover{background:var(--n4rd7sa)}._1cu80s94:active{background:var(--n4rd7sb);color:var(--n4rd7s8)}._1cu80s94:focus-visible{outline-color:var(--n4rd7s8);color:var(--n4rd7s8)}._1cu80s94:disabled,._1cu80s94[aria-disabled=true]{color:var(--n4rd7si)}._1cu80s95{border-radius:6px;height:28px;padding:6px 16px}._1cu80s96{border-radius:8px;height:36px;padding:8px 16px}._1cu80s97{border-radius:8px;height:44px;padding:12px 24px}
|
|
1
|
+
:root{--_147ti5g0:"TWK Everett", system-ui, sans-serif;--_147ti5g1:ui-monospace, Consolas, monospace;--crr3d10:#e0f9fc;--crr3d11:#b8eef5;--crr3d12:#80e2ee;--crr3d13:#42d8ec;--crr3d14:#20bdd6;--crr3d15:#1897ad;--crr3d16:#117287;--crr3d17:#0a4e5e;--crr3d18:#052a33;--crr3d19:#ffe9e5;--crr3d1a:#ffbfb3;--crr3d1b:#ff9280;--crr3d1c:#ff6650;--crr3d1d:#ff462d;--crr3d1e:#e83015;--crr3d1f:#c42208;--crr3d1g:#901905;--crr3d1h:#3d0a02;--crr3d1i:#e8e8e8;--crr3d1j:#c8c8c8;--crr3d1k:#a8a8a8;--crr3d1l:#848484;--crr3d1m:#666;--crr3d1n:#525252;--crr3d1o:#3a3a3a;--crr3d1p:#252525;--crr3d1q:#181818;--crr3d1r:#e5f8e2;--crr3d1s:#bbe8b4;--crr3d1t:#7dd374;--crr3d1u:#4dc043;--crr3d1v:#2bb309;--crr3d1w:#1e8c06;--crr3d1x:#145f04;--crr3d1y:#0c3e02;--crr3d1z:#062001;--crr3d110:#fff3e0;--crr3d111:#ffe0a0;--crr3d112:#ffcc6a;--crr3d113:#ffb237;--crr3d114:#ff9800;--crr3d115:#cc7a00;--crr3d116:#995b00;--crr3d117:#663d00;--crr3d118:#332000;--crr3d119:#def;--crr3d11a:#bad8fe;--crr3d11b:#87b9fc;--crr3d11c:#5a9af7;--crr3d11d:#3b82f6;--crr3d11e:#2563eb;--crr3d11f:#1a46c4;--crr3d11g:#112f8a;--crr3d11h:#071650}[data-theme=light]{--n4rd7s0:#fff;--n4rd7s1:#f6f6f6;--n4rd7s2:#eee;--n4rd7s3:var(--crr3d1i);--n4rd7s4:var(--crr3d1e);--n4rd7s5:var(--crr3d1f);--n4rd7s6:var(--crr3d1g);--n4rd7s7:var(--crr3d19);--n4rd7s8:var(--crr3d16);--n4rd7s9:var(--crr3d10);--n4rd7sa:var(--crr3d11);--n4rd7sb:var(--crr3d18);--n4rd7sc:var(--crr3d1j);--n4rd7sd:var(--crr3d1l);--n4rd7se:var(--crr3d1i);--n4rd7sf:var(--crr3d1l);--n4rd7sg:#1a1a1a;--n4rd7sh:var(--crr3d1m);--n4rd7si:var(--crr3d1k);--n4rd7sj:#fff;--n4rd7sk:#fff;--n4rd7sl:var(--crr3d1w);--n4rd7sm:var(--crr3d1r);--n4rd7sn:var(--crr3d115);--n4rd7so:var(--crr3d1e);--n4rd7sp:var(--crr3d110);--n4rd7sq:var(--crr3d1e);--n4rd7sr:var(--crr3d19);--n4rd7ss:var(--crr3d11e);--n4rd7st:var(--crr3d119)}:root,[data-theme=dark]{--n4rd7s0:#2b2d2e;--n4rd7s1:#181818;--n4rd7s2:#252525;--n4rd7s3:#2f3031;--n4rd7s4:var(--crr3d1d);--n4rd7s5:var(--crr3d1f);--n4rd7s6:var(--crr3d1g);--n4rd7s7:var(--crr3d1h);--n4rd7s8:var(--crr3d13);--n4rd7s9:var(--crr3d18);--n4rd7sa:#3a5053;--n4rd7sb:#283739;--n4rd7sc:#343434;--n4rd7sd:var(--crr3d1n);--n4rd7se:#2a2a2a;--n4rd7sf:var(--crr3d1l);--n4rd7sg:#fff;--n4rd7sh:var(--crr3d1l);--n4rd7si:var(--crr3d1j);--n4rd7sj:#181818;--n4rd7sk:#fff;--n4rd7sl:var(--crr3d1v);--n4rd7sm:var(--crr3d1z);--n4rd7sn:var(--crr3d113);--n4rd7so:var(--crr3d1c);--n4rd7sp:var(--crr3d118);--n4rd7sq:var(--crr3d1d);--n4rd7sr:var(--crr3d1h);--n4rd7ss:var(--crr3d11d);--n4rd7st:var(--crr3d11h)}:root{--gn271l0:20px;--gn271l1:24px;--gn271l2:32px;--gn271l3:48px;--gn271l4:56px;--gn271l5:72px;--_1r3v8qb0:12px;--_1r3v8qb1:14px;--_1r3v8qb2:16px;--_1r3v8qb3:24px;--_1r3v8qb4:32px;--_17uaar60:2px;--_17uaar61:4px;--_17uaar62:6px;--_17uaar63:8px;--_17uaar64:16px;--g2g2zb0:10px;--g2g2zb1:12px;--g2g2zb2:14px;--g2g2zb3:16px;--g2g2zb4:18px;--g2g2zb5:20px;--g2g2zb6:24px;--g2g2zb7:30px;--g2g2zb8:36px;--g2g2zb9:48px;--g2g2zba:60px;--g2g2zbb:72px;--g2g2zbc:96px;--_6tzq000:0px;--_6tzq001:1px;--_6tzq002:2px;--_6tzq003:4px;--_6tzq004:8px;--_6tzq005:16px;--_6tzq006:24px;--_6tzq007:32px;--_6tzq008:48px;--_6tzq009:64px;--_6tzq00a:96px;--_6tzq00b:128px;--_6tzq00c:192px;--_6tzq00d:256px;--_6tzq00e:384px;--scju2v0:100;--scju2v1:200;--scju2v2:300;--scju2v3:400;--scju2v4:500;--scju2v5:600;--scju2v6:700;--scju2v7:800;--scju2v8:900;--_1ybwetq0:1;--_1ybwetq1:1.25;--_1ybwetq2:1.375;--_1ybwetq3:1.5;--_1ybwetq4:1.6;--_1ybwetq5:1.2;--_1ybwetq6:1.1;--_1ybwetq7:2;--_1fh9yx40:none;--_1fh9yx41:0 1px 2px 0 #00000040;--_1fh9yx42:0 1px 3px 0 #0000004d, 0 1px 2px -1px #0000004d;--_1fh9yx43:0 4px 6px -1px #00000059, 0 2px 4px -2px #00000059;--_1fh9yx44:0 10px 15px -3px #0006, 0 4px 6px -4px #0006;--_1fh9yx45:0 20px 25px -5px #0006, 0 8px 10px -6px #0006;--_1fh9yx46:0 25px 50px -12px #00000080;--_1fh9yx47:inset 0 2px 4px 0 #00000040;--_1alu3u80:-1;--_1alu3u81:0;--_1alu3u82:10;--_1alu3u83:20;--_1alu3u84:30;--_1alu3u85:40;--_1alu3u86:50;--_1amctni0:0em;--_1amctni1:.05em;--_1amctni2:-.005em;--_1amctni3:-.01em;--_1amctni4:-.015em;--_1amctni5:-.02em;--_9fdc020:var(--g2g2zb3);--_9fdc021:var(--scju2v3);--_9fdc022:var(--_1ybwetq4);--_9fdc023:var(--_1amctni0);--_9fdc024:var(--g2g2zb2);--_9fdc025:var(--scju2v3);--_9fdc026:var(--_1ybwetq4);--_9fdc027:var(--_1amctni0);--_9fdc028:var(--g2g2zb4);--_9fdc029:var(--scju2v3);--_9fdc02a:var(--_1ybwetq4);--_9fdc02b:var(--_1amctni0);--_9fdc02c:var(--g2g2zb2);--_9fdc02d:var(--scju2v4);--_9fdc02e:var(--_1ybwetq3);--_9fdc02f:var(--_1amctni0);--_9fdc02g:var(--g2g2zb1);--_9fdc02h:var(--scju2v4);--_9fdc02i:var(--_1ybwetq3);--_9fdc02j:var(--_1amctni0);--_9fdc02k:var(--g2g2zb3);--_9fdc02l:var(--scju2v4);--_9fdc02m:var(--_1ybwetq3);--_9fdc02n:var(--_1amctni0);--_9fdc02o:var(--g2g2zb8);--_9fdc02p:var(--scju2v6);--_9fdc02q:var(--_1ybwetq5);--_9fdc02r:var(--_1amctni3);--_9fdc02s:var(--g2g2zb7);--_9fdc02t:var(--scju2v6);--_9fdc02u:var(--_1ybwetq5);--_9fdc02v:var(--_1amctni2);--_9fdc02w:var(--g2g2zb6);--_9fdc02x:var(--scju2v6);--_9fdc02y:var(--_1ybwetq5);--_9fdc02z:var(--_1amctni0);--_9fdc0210:var(--g2g2zb5);--_9fdc0211:var(--scju2v4);--_9fdc0212:var(--_1ybwetq5);--_9fdc0213:var(--_1amctni0);--_9fdc0214:var(--g2g2zb4);--_9fdc0215:var(--scju2v4);--_9fdc0216:var(--_1ybwetq5);--_9fdc0217:var(--_1amctni0);--_9fdc0218:var(--g2g2zb3);--_9fdc0219:var(--scju2v6);--_9fdc021a:var(--_1ybwetq5);--_9fdc021b:var(--_1amctni0);--_9fdc021c:var(--g2g2zb9);--_9fdc021d:var(--scju2v6);--_9fdc021e:var(--_1ybwetq6);--_9fdc021f:var(--_1amctni4);--_9fdc021g:var(--g2g2zba);--_9fdc021h:var(--scju2v6);--_9fdc021i:var(--_1ybwetq6);--_9fdc021j:var(--_1amctni5);--_9fdc021k:var(--g2g2zbb);--_9fdc021l:var(--scju2v6);--_9fdc021m:var(--_1ybwetq6);--_9fdc021n:var(--_1amctni5);--_9fdc021o:var(--g2g2zb0);--_9fdc021p:var(--scju2v4);--_9fdc021q:var(--_1ybwetq3);--_9fdc021r:var(--_1amctni1);--_9fdc021s:var(--g2g2zb1);--_9fdc021t:var(--scju2v3);--_9fdc021u:var(--_1ybwetq3);--_9fdc021v:var(--_1amctni0);--_159077d0:0s;--_159077d1:.1s;--_159077d2:.2s;--_159077d3:.3s;--_159077d4:.5s;--_159077d5:linear;--_159077d6:cubic-bezier(.4, 0, 1, 1);--_159077d7:cubic-bezier(0, 0, .2, 1);--_159077d8:cubic-bezier(.4, 0, .2, 1)}.y5q6570{flex-direction:column;display:flex}.y5q6571{gap:var(--_6tzq000)}.y5q6572{gap:var(--_6tzq001)}.y5q6573{gap:var(--_6tzq002)}.y5q6574{gap:var(--_6tzq003)}.y5q6575{gap:var(--_6tzq004)}.y5q6576{gap:var(--_6tzq005)}.y5q6577{gap:var(--_6tzq006)}.y5q6578{gap:var(--_6tzq007)}.y5q6579{gap:var(--_6tzq008)}.y5q657a{gap:var(--_6tzq009)}.y5q657b{gap:var(--_6tzq00a)}.y5q657c{gap:var(--_6tzq00b)}.y5q657d{gap:var(--_6tzq00c)}.y5q657e{gap:var(--_6tzq00d)}.y5q657f{gap:var(--_6tzq00e)}.y5q657g{align-items:flex-start}.y5q657h{align-items:center}.y5q657i{align-items:flex-end}.y5q657j{align-items:stretch}.y5q657k{align-items:baseline}.y5q657l{justify-content:flex-start}.y5q657m{justify-content:center}.y5q657n{justify-content:flex-end}.y5q657o{justify-content:space-between}.y5q657p{justify-content:space-around}.y5q657q{justify-content:space-evenly}._1wqyejm0{flex-flow:row;display:flex}._1wqyejm1{flex-wrap:wrap}._1wqyejm2{gap:var(--_6tzq000)}._1wqyejm3{gap:var(--_6tzq001)}._1wqyejm4{gap:var(--_6tzq002)}._1wqyejm5{gap:var(--_6tzq003)}._1wqyejm6{gap:var(--_6tzq004)}._1wqyejm7{gap:var(--_6tzq005)}._1wqyejm8{gap:var(--_6tzq006)}._1wqyejm9{gap:var(--_6tzq007)}._1wqyejma{gap:var(--_6tzq008)}._1wqyejmb{gap:var(--_6tzq009)}._1wqyejmc{gap:var(--_6tzq00a)}._1wqyejmd{gap:var(--_6tzq00b)}._1wqyejme{gap:var(--_6tzq00c)}._1wqyejmf{gap:var(--_6tzq00d)}._1wqyejmg{gap:var(--_6tzq00e)}._1wqyejmh{align-items:flex-start}._1wqyejmi{align-items:center}._1wqyejmj{align-items:flex-end}._1wqyejmk{align-items:stretch}._1wqyejml{align-items:baseline}._1wqyejmm{justify-content:flex-start}._1wqyejmn{justify-content:center}._1wqyejmo{justify-content:flex-end}._1wqyejmp{justify-content:space-between}._1wqyejmq{justify-content:space-around}._1wqyejmr{justify-content:space-evenly}._1okjbro0{box-sizing:border-box}._1okjbro1{padding:var(--_6tzq000)}._1okjbro2{padding:var(--_6tzq001)}._1okjbro3{padding:var(--_6tzq002)}._1okjbro4{padding:var(--_6tzq003)}._1okjbro5{padding:var(--_6tzq004)}._1okjbro6{padding:var(--_6tzq005)}._1okjbro7{padding:var(--_6tzq006)}._1okjbro8{padding:var(--_6tzq007)}._1okjbro9{padding:var(--_6tzq008)}._1okjbroa{padding:var(--_6tzq009)}._1okjbrob{padding:var(--_6tzq00a)}._1okjbroc{padding:var(--_6tzq00b)}._1okjbrod{padding:var(--_6tzq00c)}._1okjbroe{padding:var(--_6tzq00d)}._1okjbrof{padding:var(--_6tzq00e)}._1okjbrog{padding-inline:var(--_6tzq000)}._1okjbroh{padding-inline:var(--_6tzq001)}._1okjbroi{padding-inline:var(--_6tzq002)}._1okjbroj{padding-inline:var(--_6tzq003)}._1okjbrok{padding-inline:var(--_6tzq004)}._1okjbrol{padding-inline:var(--_6tzq005)}._1okjbrom{padding-inline:var(--_6tzq006)}._1okjbron{padding-inline:var(--_6tzq007)}._1okjbroo{padding-inline:var(--_6tzq008)}._1okjbrop{padding-inline:var(--_6tzq009)}._1okjbroq{padding-inline:var(--_6tzq00a)}._1okjbror{padding-inline:var(--_6tzq00b)}._1okjbros{padding-inline:var(--_6tzq00c)}._1okjbrot{padding-inline:var(--_6tzq00d)}._1okjbrou{padding-inline:var(--_6tzq00e)}._1okjbrov{padding-block:var(--_6tzq000)}._1okjbrow{padding-block:var(--_6tzq001)}._1okjbrox{padding-block:var(--_6tzq002)}._1okjbroy{padding-block:var(--_6tzq003)}._1okjbroz{padding-block:var(--_6tzq004)}._1okjbro10{padding-block:var(--_6tzq005)}._1okjbro11{padding-block:var(--_6tzq006)}._1okjbro12{padding-block:var(--_6tzq007)}._1okjbro13{padding-block:var(--_6tzq008)}._1okjbro14{padding-block:var(--_6tzq009)}._1okjbro15{padding-block:var(--_6tzq00a)}._1okjbro16{padding-block:var(--_6tzq00b)}._1okjbro17{padding-block:var(--_6tzq00c)}._1okjbro18{padding-block:var(--_6tzq00d)}._1okjbro19{padding-block:var(--_6tzq00e)}._1kk7qb31{font-size:var(--_9fdc020);font-weight:var(--_9fdc021);line-height:var(--_9fdc022);letter-spacing:var(--_9fdc023);margin:0}._1kk7qb32{font-size:var(--_9fdc024);font-weight:var(--_9fdc025);line-height:var(--_9fdc026);letter-spacing:var(--_9fdc027);margin:0}._1kk7qb33{font-size:var(--_9fdc028);font-weight:var(--_9fdc029);line-height:var(--_9fdc02a);letter-spacing:var(--_9fdc02b);margin:0}._1kk7qb34{font-size:var(--_9fdc02c);font-weight:var(--_9fdc02d);line-height:var(--_9fdc02e);letter-spacing:var(--_9fdc02f);margin:0}._1kk7qb35{font-size:var(--_9fdc02g);font-weight:var(--_9fdc02h);line-height:var(--_9fdc02i);letter-spacing:var(--_9fdc02j);margin:0}._1kk7qb36{font-size:var(--_9fdc02k);font-weight:var(--_9fdc02l);line-height:var(--_9fdc02m);letter-spacing:var(--_9fdc02n);margin:0}._1kk7qb37{font-size:var(--_9fdc02o);font-weight:var(--_9fdc02p);line-height:var(--_9fdc02q);letter-spacing:var(--_9fdc02r);margin:0}._1kk7qb38{font-size:var(--_9fdc02s);font-weight:var(--_9fdc02t);line-height:var(--_9fdc02u);letter-spacing:var(--_9fdc02v);margin:0}._1kk7qb39{font-size:var(--_9fdc02w);font-weight:var(--_9fdc02x);line-height:var(--_9fdc02y);letter-spacing:var(--_9fdc02z);margin:0}._1kk7qb3a{font-size:var(--_9fdc0210);font-weight:var(--_9fdc0211);line-height:var(--_9fdc0212);letter-spacing:var(--_9fdc0213);margin:0}._1kk7qb3b{font-size:var(--_9fdc0214);font-weight:var(--_9fdc0215);line-height:var(--_9fdc0216);letter-spacing:var(--_9fdc0217);margin:0}._1kk7qb3c{font-size:var(--_9fdc0218);font-weight:var(--_9fdc0219);line-height:var(--_9fdc021a);letter-spacing:var(--_9fdc021b);margin:0}._1kk7qb3d{font-size:var(--_9fdc021c);font-weight:var(--_9fdc021d);line-height:var(--_9fdc021e);letter-spacing:var(--_9fdc021f);margin:0}._1kk7qb3e{font-size:var(--_9fdc021g);font-weight:var(--_9fdc021h);line-height:var(--_9fdc021i);letter-spacing:var(--_9fdc021j);margin:0}._1kk7qb3f{font-size:var(--_9fdc021k);font-weight:var(--_9fdc021l);line-height:var(--_9fdc021m);letter-spacing:var(--_9fdc021n);margin:0}._1kk7qb3g{font-size:var(--_9fdc021o);font-weight:var(--_9fdc021p);line-height:var(--_9fdc021q);letter-spacing:var(--_9fdc021r);margin:0}._1kk7qb3h{font-size:var(--_9fdc021s);font-weight:var(--_9fdc021t);line-height:var(--_9fdc021u);letter-spacing:var(--_9fdc021v);margin:0}._1kk7qb3i{text-align:start}._1kk7qb3j{text-align:center}._1kk7qb3k{text-align:end}._1kk7qb3l{text-align:justify}._1cu80s90{box-sizing:border-box;display:inline-flex}._1cu80s91{box-sizing:border-box;cursor:pointer;justify-content:center;align-items:center;gap:8px;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:inline-flex}._1cu80s91:focus-visible{outline-offset:2px;outline:2px solid}._1cu80s91:disabled,._1cu80s91[aria-disabled=true]{cursor:not-allowed;pointer-events:none}._1cu80s92{background:var(--n4rd7s4);color:var(--n4rd7sk);border:none}._1cu80s92:hover{background:var(--n4rd7s5)}._1cu80s92:active{background:var(--n4rd7s6)}._1cu80s92:focus-visible{outline-color:var(--n4rd7sk)}._1cu80s92:disabled,._1cu80s92[aria-disabled=true]{background:var(--n4rd7s2);color:var(--n4rd7si)}._1cu80s93{color:var(--n4rd7sg);border:2px solid var(--n4rd7sf);background:0 0}._1cu80s93:hover{background:var(--n4rd7sa);border-color:var(--n4rd7s8)}._1cu80s93:active{background:var(--n4rd7sb);color:var(--n4rd7s8);border-color:#0000}._1cu80s93:focus-visible{color:var(--n4rd7s8);border-color:var(--n4rd7s8);outline:none}._1cu80s93:disabled,._1cu80s93[aria-disabled=true]{color:var(--n4rd7si);border:none}._1cu80s94{color:var(--n4rd7s8);background:0 0;border:none}._1cu80s94:hover{background:var(--n4rd7sa)}._1cu80s94:active{background:var(--n4rd7sb);color:var(--n4rd7s8)}._1cu80s94:focus-visible{outline-color:var(--n4rd7s8);color:var(--n4rd7s8)}._1cu80s94:disabled,._1cu80s94[aria-disabled=true]{color:var(--n4rd7si)}._1cu80s95{border-radius:6px;height:28px;padding:6px 16px}._1cu80s96{border-radius:8px;height:36px;padding:8px 16px}._1cu80s97{border-radius:8px;height:44px;padding:12px 24px}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
export declare const root: string;
|
|
2
2
|
export declare const variants: Record<"bodyBase" | "bodySm" | "bodyLg" | "labelBase" | "labelSm" | "labelLg" | "headingH1" | "headingH2" | "headingH3" | "headingH4" | "headingH5" | "headingH6" | "displayLg" | "displayXl" | "display2xl" | "overline" | "caption", string>;
|
|
3
|
+
export declare const aligns: Record<"center" | "end" | "start" | "justify", string>;
|
|
3
4
|
//# sourceMappingURL=Text.css.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.css.d.ts","sourceRoot":"","sources":["../../../../src/design-system/package/ui/primitives/Text/Text.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,QAAY,CAAC;AAE9B,eAAO,MAAM,QAAQ,gPAMlB,CAAC"}
|
|
1
|
+
{"version":3,"file":"Text.css.d.ts","sourceRoot":"","sources":["../../../../src/design-system/package/ui/primitives/Text/Text.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,QAAY,CAAC;AAE9B,eAAO,MAAM,QAAQ,gPAMlB,CAAC;AAEJ,eAAO,MAAM,MAAM,wDAKjB,CAAC"}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import { ElementType, ComponentPropsWithoutRef, ReactNode } from 'react';
|
|
2
2
|
import { TypographyTokenKey } from '../../../tokens/index.ts';
|
|
3
|
+
export type TextAlign = 'start' | 'center' | 'end' | 'justify';
|
|
3
4
|
export interface TextOwnProps<T extends ElementType = 'p'> {
|
|
4
5
|
as?: T;
|
|
5
6
|
variant: TypographyTokenKey;
|
|
7
|
+
align?: TextAlign;
|
|
6
8
|
children?: ReactNode;
|
|
7
9
|
className?: string;
|
|
8
10
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.types.d.ts","sourceRoot":"","sources":["../../../../src/design-system/package/ui/primitives/Text/Text.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAEnE,MAAM,WAAW,YAAY,CAAC,CAAC,SAAS,WAAW,GAAG,GAAG;IACvD,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,OAAO,EAAE,kBAAkB,CAAC;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,WAAW,GAAG,GAAG,IAC/C,YAAY,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"Text.types.d.ts","sourceRoot":"","sources":["../../../../src/design-system/package/ui/primitives/Text/Text.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAEnE,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;AAE/D,MAAM,WAAW,YAAY,CAAC,CAAC,SAAS,WAAW,GAAG,GAAG;IACvD,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,OAAO,EAAE,kBAAkB,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,WAAW,GAAG,GAAG,IAC/C,YAAY,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC"}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import { TypographyTokenKey } from '../../../../tokens/index.ts';
|
|
2
2
|
declare class LoomText extends HTMLElement {
|
|
3
|
-
static observedAttributes: readonly ["variant"];
|
|
3
|
+
static observedAttributes: readonly ["variant", "align"];
|
|
4
4
|
get variant(): TypographyTokenKey | null;
|
|
5
5
|
set variant(val: TypographyTokenKey | null);
|
|
6
|
+
get align(): string | null;
|
|
7
|
+
set align(val: string | null);
|
|
6
8
|
connectedCallback(): void;
|
|
7
9
|
attributeChangedCallback(): void;
|
|
8
10
|
private _syncScheduled;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.element.d.ts","sourceRoot":"","sources":["../../../../../src/design-system/package/ui/primitives/Text/adapters/Text.element.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAEtE,cAAM,QAAS,SAAQ,WAAW;IAEhC,MAAM,CAAC,kBAAkB,
|
|
1
|
+
{"version":3,"file":"Text.element.d.ts","sourceRoot":"","sources":["../../../../../src/design-system/package/ui/primitives/Text/adapters/Text.element.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAEtE,cAAM,QAAS,SAAQ,WAAW;IAEhC,MAAM,CAAC,kBAAkB,gCAAiC;IAG1D,IAAI,OAAO,IAAI,kBAAkB,GAAG,IAAI,CAEvC;IACD,IAAI,OAAO,CAAC,GAAG,EAAE,kBAAkB,GAAG,IAAI,EAGzC;IAED,IAAI,KAAK,IAAI,MAAM,GAAG,IAAI,CAEzB;IACD,IAAI,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,EAG3B;IAGD,iBAAiB;IAKjB,wBAAwB;IAIxB,OAAO,CAAC,cAAc,CAAS;IAE/B,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,KAAK,CAGX;IAGF,OAAO,CAAC,KAAK;IAKb,OAAO,CAAC,MAAM;CAYf;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { ElementType } from 'react';
|
|
2
2
|
import { TextProps } from '../Text.types.ts';
|
|
3
|
-
export declare function Text<T extends ElementType = 'p'>({ as, variant, children, className, ...props }: TextProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare function Text<T extends ElementType = 'p'>({ as, variant, align, children, className, ...props }: TextProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
//# sourceMappingURL=Text.react.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.react.d.ts","sourceRoot":"","sources":["../../../../../src/design-system/package/ui/primitives/Text/adapters/Text.react.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAElD,wBAAgB,IAAI,CAAC,CAAC,SAAS,WAAW,GAAG,GAAG,EAAE,EAChD,EAAE,EACF,OAAO,EACP,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,SAAS,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"Text.react.d.ts","sourceRoot":"","sources":["../../../../../src/design-system/package/ui/primitives/Text/adapters/Text.react.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAElD,wBAAgB,IAAI,CAAC,CAAC,SAAS,WAAW,GAAG,GAAG,EAAE,EAChD,EAAE,EACF,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,SAAS,CAAC,CAAC,CAAC,2CAiBd"}
|