@loom-sdc/design-system 0.2.0 → 0.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/README.md +365 -73
- package/dist/Button.css-Cw8VRHOs.js +137 -0
- package/dist/Button.css-DO_uJ5ub.cjs +1 -0
- package/dist/core.cjs +1 -0
- package/dist/core.mjs +2 -0
- package/dist/elements.cjs +2 -0
- package/dist/elements.mjs +328 -0
- package/dist/index.cjs +1 -1
- package/dist/index.core.d.ts +3 -0
- package/dist/index.core.d.ts.map +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.elements.d.ts +6 -0
- package/dist/index.elements.d.ts.map +1 -0
- package/dist/index.mjs +66 -255
- package/dist/style.css +1 -1
- package/dist/theme/adapters/theme.angular.d.ts +3 -0
- package/dist/theme/adapters/theme.angular.d.ts.map +1 -0
- package/dist/theme/index.d.ts +3 -0
- package/dist/theme/index.d.ts.map +1 -0
- package/dist/theme/theme.d.ts +4 -0
- package/dist/theme/theme.d.ts.map +1 -0
- package/dist/theme-BhDSE6xP.js +307 -0
- package/dist/theme-Cw8nZ0K9.cjs +1 -0
- package/dist/tokens/color/color.tokens.css.d.ts +7 -0
- package/dist/tokens/color/color.tokens.css.d.ts.map +1 -1
- package/dist/tokens/index.d.ts +6 -0
- package/dist/tokens/index.d.ts.map +1 -1
- package/dist/tokens/letterSpacing/index.d.ts +3 -0
- package/dist/tokens/letterSpacing/index.d.ts.map +1 -0
- package/dist/tokens/letterSpacing/letterSpacing.tokens.css.d.ts +9 -0
- package/dist/tokens/letterSpacing/letterSpacing.tokens.css.d.ts.map +1 -0
- package/dist/tokens/letterSpacing/letterSpacing.types.d.ts +3 -0
- package/dist/tokens/letterSpacing/letterSpacing.types.d.ts.map +1 -0
- package/dist/tokens/lineHeight/lineHeight.tokens.css.d.ts +2 -0
- package/dist/tokens/lineHeight/lineHeight.tokens.css.d.ts.map +1 -1
- package/dist/tokens/motion/index.d.ts +3 -0
- package/dist/tokens/motion/index.d.ts.map +1 -0
- package/dist/tokens/motion/motion.tokens.css.d.ts +12 -0
- package/dist/tokens/motion/motion.tokens.css.d.ts.map +1 -0
- package/dist/tokens/motion/motion.types.d.ts +3 -0
- package/dist/tokens/motion/motion.types.d.ts.map +1 -0
- package/dist/tokens/palette/palette.tokens.css.d.ts +9 -0
- package/dist/tokens/palette/palette.tokens.css.d.ts.map +1 -1
- package/dist/tokens/typography/index.d.ts +3 -0
- package/dist/tokens/typography/index.d.ts.map +1 -0
- package/dist/tokens/typography/typography.tokens.css.d.ts +105 -0
- package/dist/tokens/typography/typography.tokens.css.d.ts.map +1 -0
- package/dist/tokens/typography/typography.types.d.ts +3 -0
- package/dist/tokens/typography/typography.types.d.ts.map +1 -0
- package/dist/ui/primitives/Box/Box.css.d.ts +3 -0
- package/dist/ui/primitives/Box/Box.css.d.ts.map +1 -1
- package/dist/ui/primitives/Box/adapters/Box.element.d.ts +24 -0
- package/dist/ui/primitives/Box/adapters/Box.element.d.ts.map +1 -0
- package/dist/ui/primitives/Button/Button.css.d.ts +5 -0
- package/dist/ui/primitives/Button/Button.css.d.ts.map +1 -0
- package/dist/ui/primitives/Button/Button.types.d.ts +13 -0
- package/dist/ui/primitives/Button/Button.types.d.ts.map +1 -0
- package/dist/ui/primitives/Button/adapters/Button.element.d.ts +31 -0
- package/dist/ui/primitives/Button/adapters/Button.element.d.ts.map +1 -0
- package/dist/ui/primitives/Button/adapters/Button.react.d.ts +4 -0
- package/dist/ui/primitives/Button/adapters/Button.react.d.ts.map +1 -0
- package/dist/ui/primitives/Button/index.d.ts +4 -0
- package/dist/ui/primitives/Button/index.d.ts.map +1 -0
- package/dist/ui/primitives/Inline/Inline.css.d.ts.map +1 -1
- package/dist/ui/primitives/Inline/Inline.types.d.ts +4 -2
- package/dist/ui/primitives/Inline/Inline.types.d.ts.map +1 -1
- package/dist/ui/primitives/Inline/adapters/Inline.element.d.ts +27 -0
- package/dist/ui/primitives/Inline/adapters/Inline.element.d.ts.map +1 -0
- package/dist/ui/primitives/Inline/index.d.ts +1 -0
- package/dist/ui/primitives/Inline/index.d.ts.map +1 -1
- package/dist/ui/primitives/Stack/Stack.css.d.ts.map +1 -1
- package/dist/ui/primitives/Stack/Stack.types.d.ts +4 -2
- package/dist/ui/primitives/Stack/Stack.types.d.ts.map +1 -1
- package/dist/ui/primitives/Stack/adapters/Stack.element.d.ts +25 -0
- package/dist/ui/primitives/Stack/adapters/Stack.element.d.ts.map +1 -0
- package/dist/ui/primitives/Stack/index.d.ts +1 -0
- package/dist/ui/primitives/Stack/index.d.ts.map +1 -1
- package/dist/ui/primitives/Text/Text.css.d.ts +3 -0
- package/dist/ui/primitives/Text/Text.css.d.ts.map +1 -0
- package/dist/ui/primitives/Text/Text.types.d.ts +10 -0
- package/dist/ui/primitives/Text/Text.types.d.ts.map +1 -0
- package/dist/ui/primitives/Text/adapters/Text.element.d.ts +20 -0
- package/dist/ui/primitives/Text/adapters/Text.element.d.ts.map +1 -0
- package/dist/ui/primitives/Text/adapters/Text.react.d.ts +4 -0
- package/dist/ui/primitives/Text/adapters/Text.react.d.ts.map +1 -0
- package/dist/ui/primitives/Text/index.d.ts +3 -0
- package/dist/ui/primitives/Text/index.d.ts.map +1 -0
- package/dist/ui/primitives/index.d.ts +4 -0
- package/dist/ui/primitives/index.d.ts.map +1 -1
- package/package.json +28 -8
|
@@ -0,0 +1,328 @@
|
|
|
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, v as _, y as v } from "./Button.css-Cw8VRHOs.js";
|
|
2
|
+
//#region src/design-system/package/ui/primitives/Box/adapters/Box.element.ts
|
|
3
|
+
var y = class extends HTMLElement {
|
|
4
|
+
static observedAttributes = [
|
|
5
|
+
"padding",
|
|
6
|
+
"padding-x",
|
|
7
|
+
"padding-y"
|
|
8
|
+
];
|
|
9
|
+
get padding() {
|
|
10
|
+
return this.getAttribute("padding");
|
|
11
|
+
}
|
|
12
|
+
set padding(e) {
|
|
13
|
+
e == null ? this.removeAttribute("padding") : this.setAttribute("padding", e);
|
|
14
|
+
}
|
|
15
|
+
get paddingX() {
|
|
16
|
+
return this.getAttribute("padding-x");
|
|
17
|
+
}
|
|
18
|
+
set paddingX(e) {
|
|
19
|
+
e == null ? this.removeAttribute("padding-x") : this.setAttribute("padding-x", e);
|
|
20
|
+
}
|
|
21
|
+
get paddingY() {
|
|
22
|
+
return this.getAttribute("padding-y");
|
|
23
|
+
}
|
|
24
|
+
set paddingY(e) {
|
|
25
|
+
e == null ? this.removeAttribute("padding-y") : this.setAttribute("padding-y", e);
|
|
26
|
+
}
|
|
27
|
+
connectedCallback() {
|
|
28
|
+
this.classList.add(g), this._sync();
|
|
29
|
+
}
|
|
30
|
+
attributeChangedCallback() {
|
|
31
|
+
this._scheduleSync();
|
|
32
|
+
}
|
|
33
|
+
_syncScheduled = !1;
|
|
34
|
+
_scheduleSync() {
|
|
35
|
+
this._syncScheduled || (this._syncScheduled = !0, requestAnimationFrame(() => {
|
|
36
|
+
this._syncScheduled = !1, this._sync();
|
|
37
|
+
}));
|
|
38
|
+
}
|
|
39
|
+
_prev = {
|
|
40
|
+
padding: null,
|
|
41
|
+
paddingX: null,
|
|
42
|
+
paddingY: null
|
|
43
|
+
};
|
|
44
|
+
_sync() {
|
|
45
|
+
this._apply("padding", this.getAttribute("padding"), m), this._apply("paddingX", this.getAttribute("padding-x"), n), this._apply("paddingY", this.getAttribute("padding-y"), c);
|
|
46
|
+
}
|
|
47
|
+
_apply(e, t, n) {
|
|
48
|
+
let r = t != null && t in n ? n[t] : null, i = this._prev[e] ?? null;
|
|
49
|
+
r !== i && (i && this.classList.remove(i), r && this.classList.add(r), this._prev[e] = r);
|
|
50
|
+
}
|
|
51
|
+
};
|
|
52
|
+
customElements.define("loom-box", y);
|
|
53
|
+
//#endregion
|
|
54
|
+
//#region src/design-system/package/ui/primitives/Stack/adapters/Stack.element.ts
|
|
55
|
+
var b = class extends HTMLElement {
|
|
56
|
+
static observedAttributes = [
|
|
57
|
+
"gap",
|
|
58
|
+
"align",
|
|
59
|
+
"justify"
|
|
60
|
+
];
|
|
61
|
+
get gap() {
|
|
62
|
+
return this.getAttribute("gap");
|
|
63
|
+
}
|
|
64
|
+
set gap(e) {
|
|
65
|
+
e == null ? this.removeAttribute("gap") : this.setAttribute("gap", e);
|
|
66
|
+
}
|
|
67
|
+
get align() {
|
|
68
|
+
return this.getAttribute("align");
|
|
69
|
+
}
|
|
70
|
+
set align(e) {
|
|
71
|
+
e == null ? this.removeAttribute("align") : this.setAttribute("align", e);
|
|
72
|
+
}
|
|
73
|
+
get justify() {
|
|
74
|
+
return this.getAttribute("justify");
|
|
75
|
+
}
|
|
76
|
+
set justify(e) {
|
|
77
|
+
e == null ? this.removeAttribute("justify") : this.setAttribute("justify", e);
|
|
78
|
+
}
|
|
79
|
+
connectedCallback() {
|
|
80
|
+
this.classList.add(v), this._sync();
|
|
81
|
+
}
|
|
82
|
+
attributeChangedCallback() {
|
|
83
|
+
this._scheduleSync();
|
|
84
|
+
}
|
|
85
|
+
_syncScheduled = !1;
|
|
86
|
+
_scheduleSync() {
|
|
87
|
+
this._syncScheduled || (this._syncScheduled = !0, requestAnimationFrame(() => {
|
|
88
|
+
this._syncScheduled = !1, this._sync();
|
|
89
|
+
}));
|
|
90
|
+
}
|
|
91
|
+
_prev = {
|
|
92
|
+
gap: null,
|
|
93
|
+
align: null,
|
|
94
|
+
justify: null
|
|
95
|
+
};
|
|
96
|
+
_sync() {
|
|
97
|
+
this._apply("gap", this.getAttribute("gap"), e), this._apply("align", this.getAttribute("align") ?? "stretch", a), this._apply("justify", this.getAttribute("justify") ?? "start", _);
|
|
98
|
+
}
|
|
99
|
+
_apply(e, t, n) {
|
|
100
|
+
let r = t != null && t in n ? n[t] : null, i = this._prev[e] ?? null;
|
|
101
|
+
r !== i && (i && this.classList.remove(i), r && this.classList.add(r), this._prev[e] = r);
|
|
102
|
+
}
|
|
103
|
+
};
|
|
104
|
+
customElements.define("loom-stack", b);
|
|
105
|
+
//#endregion
|
|
106
|
+
//#region src/design-system/package/ui/primitives/Inline/adapters/Inline.element.ts
|
|
107
|
+
var x = class extends HTMLElement {
|
|
108
|
+
static observedAttributes = [
|
|
109
|
+
"gap",
|
|
110
|
+
"align",
|
|
111
|
+
"justify",
|
|
112
|
+
"wrap"
|
|
113
|
+
];
|
|
114
|
+
get gap() {
|
|
115
|
+
return this.getAttribute("gap");
|
|
116
|
+
}
|
|
117
|
+
set gap(e) {
|
|
118
|
+
e == null ? this.removeAttribute("gap") : this.setAttribute("gap", e);
|
|
119
|
+
}
|
|
120
|
+
get align() {
|
|
121
|
+
return this.getAttribute("align");
|
|
122
|
+
}
|
|
123
|
+
set align(e) {
|
|
124
|
+
e == null ? this.removeAttribute("align") : this.setAttribute("align", e);
|
|
125
|
+
}
|
|
126
|
+
get justify() {
|
|
127
|
+
return this.getAttribute("justify");
|
|
128
|
+
}
|
|
129
|
+
set justify(e) {
|
|
130
|
+
e == null ? this.removeAttribute("justify") : this.setAttribute("justify", e);
|
|
131
|
+
}
|
|
132
|
+
get wrap() {
|
|
133
|
+
return this.hasAttribute("wrap");
|
|
134
|
+
}
|
|
135
|
+
set wrap(e) {
|
|
136
|
+
this.toggleAttribute("wrap", e);
|
|
137
|
+
}
|
|
138
|
+
connectedCallback() {
|
|
139
|
+
this.classList.add(l), this._sync();
|
|
140
|
+
}
|
|
141
|
+
attributeChangedCallback() {
|
|
142
|
+
this._scheduleSync();
|
|
143
|
+
}
|
|
144
|
+
_syncScheduled = !1;
|
|
145
|
+
_scheduleSync() {
|
|
146
|
+
this._syncScheduled || (this._syncScheduled = !0, requestAnimationFrame(() => {
|
|
147
|
+
this._syncScheduled = !1, this._sync();
|
|
148
|
+
}));
|
|
149
|
+
}
|
|
150
|
+
_prev = {
|
|
151
|
+
gap: null,
|
|
152
|
+
align: null,
|
|
153
|
+
justify: null,
|
|
154
|
+
wrap: null
|
|
155
|
+
};
|
|
156
|
+
_sync() {
|
|
157
|
+
this._apply("gap", this.getAttribute("gap"), i), this._apply("align", this.getAttribute("align") ?? "center", r), this._apply("justify", this.getAttribute("justify") ?? "start", f), this._apply("wrap", this.hasAttribute("wrap") ? "on" : null, { on: o });
|
|
158
|
+
}
|
|
159
|
+
_apply(e, t, n) {
|
|
160
|
+
let r = t != null && t in n ? n[t] : null, i = this._prev[e] ?? null;
|
|
161
|
+
r !== i && (i && this.classList.remove(i), r && this.classList.add(r), this._prev[e] = r);
|
|
162
|
+
}
|
|
163
|
+
};
|
|
164
|
+
customElements.define("loom-inline", x);
|
|
165
|
+
//#endregion
|
|
166
|
+
//#region src/design-system/package/ui/primitives/Text/adapters/Text.element.ts
|
|
167
|
+
var S = class extends HTMLElement {
|
|
168
|
+
static observedAttributes = ["variant"];
|
|
169
|
+
get variant() {
|
|
170
|
+
return this.getAttribute("variant");
|
|
171
|
+
}
|
|
172
|
+
set variant(e) {
|
|
173
|
+
e == null ? this.removeAttribute("variant") : this.setAttribute("variant", e);
|
|
174
|
+
}
|
|
175
|
+
connectedCallback() {
|
|
176
|
+
this.classList.add(t), this._sync();
|
|
177
|
+
}
|
|
178
|
+
attributeChangedCallback() {
|
|
179
|
+
this._scheduleSync();
|
|
180
|
+
}
|
|
181
|
+
_syncScheduled = !1;
|
|
182
|
+
_scheduleSync() {
|
|
183
|
+
this._syncScheduled || (this._syncScheduled = !0, requestAnimationFrame(() => {
|
|
184
|
+
this._syncScheduled = !1, this._sync();
|
|
185
|
+
}));
|
|
186
|
+
}
|
|
187
|
+
_prev = { variant: null };
|
|
188
|
+
_sync() {
|
|
189
|
+
this._apply("variant", this.getAttribute("variant"), d);
|
|
190
|
+
}
|
|
191
|
+
_apply(e, t, n) {
|
|
192
|
+
let r = t != null && t in n ? n[t] : null, i = this._prev[e] ?? null;
|
|
193
|
+
r !== i && (i && this.classList.remove(i), r && this.classList.add(r), this._prev[e] = r);
|
|
194
|
+
}
|
|
195
|
+
};
|
|
196
|
+
customElements.define("loom-text", S);
|
|
197
|
+
//#endregion
|
|
198
|
+
//#region src/design-system/package/ui/primitives/Button/adapters/Button.element.ts
|
|
199
|
+
var C = {
|
|
200
|
+
sm: "labelSm",
|
|
201
|
+
md: "labelBase",
|
|
202
|
+
lg: "labelLg"
|
|
203
|
+
}, w = {};
|
|
204
|
+
function T(e) {
|
|
205
|
+
try {
|
|
206
|
+
let t = new CSSStyleSheet(), n = Array.from(e.cssRules).map((e) => e.cssText).join("\n");
|
|
207
|
+
return t.replaceSync(n), t;
|
|
208
|
+
} catch {
|
|
209
|
+
return null;
|
|
210
|
+
}
|
|
211
|
+
}
|
|
212
|
+
function E(e) {
|
|
213
|
+
if (e in w) return w[e];
|
|
214
|
+
for (let t of Array.from(document.styleSheets)) try {
|
|
215
|
+
if (Array.from(t.cssRules).some((t) => t.cssText.includes(e))) return w[e] = T(t), w[e];
|
|
216
|
+
} catch {}
|
|
217
|
+
return w[e] = null, null;
|
|
218
|
+
}
|
|
219
|
+
function D() {
|
|
220
|
+
let e = [E(u), E(d[C.md])].filter((e) => e != null);
|
|
221
|
+
return Array.from(new Set(e));
|
|
222
|
+
}
|
|
223
|
+
var O = class extends HTMLElement {
|
|
224
|
+
_inner = null;
|
|
225
|
+
_label = null;
|
|
226
|
+
static observedAttributes = [
|
|
227
|
+
"variant",
|
|
228
|
+
"size",
|
|
229
|
+
"disabled",
|
|
230
|
+
"aria-label",
|
|
231
|
+
"aria-labelledby",
|
|
232
|
+
"aria-describedby"
|
|
233
|
+
];
|
|
234
|
+
get variant() {
|
|
235
|
+
return this.getAttribute("variant") ?? "primary";
|
|
236
|
+
}
|
|
237
|
+
set variant(e) {
|
|
238
|
+
this.setAttribute("variant", e);
|
|
239
|
+
}
|
|
240
|
+
get size() {
|
|
241
|
+
return this.getAttribute("size") ?? "md";
|
|
242
|
+
}
|
|
243
|
+
set size(e) {
|
|
244
|
+
this.setAttribute("size", e);
|
|
245
|
+
}
|
|
246
|
+
get disabled() {
|
|
247
|
+
return this.hasAttribute("disabled");
|
|
248
|
+
}
|
|
249
|
+
set disabled(e) {
|
|
250
|
+
this.toggleAttribute("disabled", e);
|
|
251
|
+
}
|
|
252
|
+
_handleClick = (e) => {
|
|
253
|
+
e.stopPropagation(), this.dispatchEvent(new CustomEvent("loom-click", {
|
|
254
|
+
bubbles: !0,
|
|
255
|
+
composed: !0,
|
|
256
|
+
detail: {}
|
|
257
|
+
}));
|
|
258
|
+
};
|
|
259
|
+
_handleFocus = (e) => {
|
|
260
|
+
e.stopPropagation(), this.dispatchEvent(new CustomEvent("loom-focus", {
|
|
261
|
+
bubbles: !0,
|
|
262
|
+
composed: !0,
|
|
263
|
+
detail: {}
|
|
264
|
+
}));
|
|
265
|
+
};
|
|
266
|
+
_handleBlur = (e) => {
|
|
267
|
+
e.stopPropagation(), this.dispatchEvent(new CustomEvent("loom-blur", {
|
|
268
|
+
bubbles: !0,
|
|
269
|
+
composed: !0,
|
|
270
|
+
detail: {}
|
|
271
|
+
}));
|
|
272
|
+
};
|
|
273
|
+
_syncScheduled = !1;
|
|
274
|
+
_scheduleSync() {
|
|
275
|
+
this._syncScheduled || (this._syncScheduled = !0, requestAnimationFrame(() => {
|
|
276
|
+
this._syncScheduled = !1, this._sync();
|
|
277
|
+
}));
|
|
278
|
+
}
|
|
279
|
+
connectedCallback() {
|
|
280
|
+
if (!this.shadowRoot) {
|
|
281
|
+
let e = this.attachShadow({
|
|
282
|
+
mode: "open",
|
|
283
|
+
delegatesFocus: !0
|
|
284
|
+
}), t = D();
|
|
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(h), this._inner.classList.add(u), this._inner.addEventListener("click", this._handleClick), this._inner.addEventListener("focus", this._handleFocus), this._inner.addEventListener("blur", this._handleBlur);
|
|
286
|
+
}
|
|
287
|
+
this._sync();
|
|
288
|
+
}
|
|
289
|
+
disconnectedCallback() {
|
|
290
|
+
this._inner?.removeEventListener("click", this._handleClick), this._inner?.removeEventListener("focus", this._handleFocus), this._inner?.removeEventListener("blur", this._handleBlur);
|
|
291
|
+
}
|
|
292
|
+
attributeChangedCallback(e) {
|
|
293
|
+
if (e.startsWith("aria-")) {
|
|
294
|
+
this._syncA11y();
|
|
295
|
+
return;
|
|
296
|
+
}
|
|
297
|
+
this._scheduleSync();
|
|
298
|
+
}
|
|
299
|
+
_prev = {
|
|
300
|
+
variant: null,
|
|
301
|
+
size: null,
|
|
302
|
+
typographyKey: null
|
|
303
|
+
};
|
|
304
|
+
_sync() {
|
|
305
|
+
if (!this._inner || !this._label) return;
|
|
306
|
+
let e = this.getAttribute("variant") ?? "primary", t = this.getAttribute("size") ?? "md";
|
|
307
|
+
this._apply(this._inner, "variant", e, s), this._apply(this._inner, "size", t, p), this._inner.disabled = this.hasAttribute("disabled");
|
|
308
|
+
let n = t in C ? C[t] : C.md;
|
|
309
|
+
this._apply(this._label, "typographyKey", n, d), this._syncA11y();
|
|
310
|
+
}
|
|
311
|
+
_syncA11y() {
|
|
312
|
+
this._inner && [
|
|
313
|
+
"aria-label",
|
|
314
|
+
"aria-labelledby",
|
|
315
|
+
"aria-describedby"
|
|
316
|
+
].forEach((e) => {
|
|
317
|
+
let t = this.getAttribute(e);
|
|
318
|
+
t ? this._inner?.setAttribute(e, t) : this._inner?.removeAttribute(e);
|
|
319
|
+
});
|
|
320
|
+
}
|
|
321
|
+
_apply(e, t, n, r) {
|
|
322
|
+
let i = n != null && n in r ? r[n] : null, a = this._prev[t] ?? null;
|
|
323
|
+
i !== a && (a && e.classList.remove(a), i && e.classList.add(i), this._prev[t] = i);
|
|
324
|
+
}
|
|
325
|
+
};
|
|
326
|
+
customElements.define("loom-button", O);
|
|
327
|
+
//#endregion
|
|
328
|
+
export { y as LoomBox, O as LoomButton, x as LoomInline, b as LoomStack, S as LoomText };
|
package/dist/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./theme-Cw8nZ0K9.cjs`),t=require(`./Button.css-DO_uJ5ub.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.y,r===void 0?void 0:t._[r],t.g[i],t.v[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.m,o?t.h:void 0,r===void 0?void 0:t.f[r],t.d[i],t.p[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.u,c].filter(Boolean).join(` `),style:{...f,...l},...u,children:s})}function o({as:e,variant:r,children:i,className:a,...o}){return(0,n.jsx)(e??`p`,{className:[t.o[r],a].filter(Boolean).join(` `),...o,children:i})}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;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.core.d.ts","sourceRoot":"","sources":["../src/design-system/package/index.core.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC"}
|
package/dist/index.d.ts
CHANGED
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/design-system/package/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/design-system/package/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,0BAA0B,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { LoomBox } from './ui/primitives/Box/adapters/Box.element.ts';
|
|
2
|
+
export { LoomStack } from './ui/primitives/Stack/adapters/Stack.element.ts';
|
|
3
|
+
export { LoomInline } from './ui/primitives/Inline/adapters/Inline.element.ts';
|
|
4
|
+
export { LoomText } from './ui/primitives/Text/adapters/Text.element.ts';
|
|
5
|
+
export { LoomButton } from './ui/primitives/Button/adapters/Button.element.ts';
|
|
6
|
+
//# sourceMappingURL=index.elements.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.elements.d.ts","sourceRoot":"","sources":["../src/design-system/package/index.elements.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,OAAO,EAAE,MAAM,6CAA6C,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,MAAM,iDAAiD,CAAC;AAC5E,OAAO,EAAE,UAAU,EAAE,MAAM,mDAAmD,CAAC;AAC/E,OAAO,EAAE,QAAQ,EAAE,MAAM,+CAA+C,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,MAAM,mDAAmD,CAAC"}
|