@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.
Files changed (91) hide show
  1. package/README.md +365 -73
  2. package/dist/Button.css-Cw8VRHOs.js +137 -0
  3. package/dist/Button.css-DO_uJ5ub.cjs +1 -0
  4. package/dist/core.cjs +1 -0
  5. package/dist/core.mjs +2 -0
  6. package/dist/elements.cjs +2 -0
  7. package/dist/elements.mjs +328 -0
  8. package/dist/index.cjs +1 -1
  9. package/dist/index.core.d.ts +3 -0
  10. package/dist/index.core.d.ts.map +1 -0
  11. package/dist/index.d.ts +1 -0
  12. package/dist/index.d.ts.map +1 -1
  13. package/dist/index.elements.d.ts +6 -0
  14. package/dist/index.elements.d.ts.map +1 -0
  15. package/dist/index.mjs +66 -255
  16. package/dist/style.css +1 -1
  17. package/dist/theme/adapters/theme.angular.d.ts +3 -0
  18. package/dist/theme/adapters/theme.angular.d.ts.map +1 -0
  19. package/dist/theme/index.d.ts +3 -0
  20. package/dist/theme/index.d.ts.map +1 -0
  21. package/dist/theme/theme.d.ts +4 -0
  22. package/dist/theme/theme.d.ts.map +1 -0
  23. package/dist/theme-BhDSE6xP.js +307 -0
  24. package/dist/theme-Cw8nZ0K9.cjs +1 -0
  25. package/dist/tokens/color/color.tokens.css.d.ts +7 -0
  26. package/dist/tokens/color/color.tokens.css.d.ts.map +1 -1
  27. package/dist/tokens/index.d.ts +6 -0
  28. package/dist/tokens/index.d.ts.map +1 -1
  29. package/dist/tokens/letterSpacing/index.d.ts +3 -0
  30. package/dist/tokens/letterSpacing/index.d.ts.map +1 -0
  31. package/dist/tokens/letterSpacing/letterSpacing.tokens.css.d.ts +9 -0
  32. package/dist/tokens/letterSpacing/letterSpacing.tokens.css.d.ts.map +1 -0
  33. package/dist/tokens/letterSpacing/letterSpacing.types.d.ts +3 -0
  34. package/dist/tokens/letterSpacing/letterSpacing.types.d.ts.map +1 -0
  35. package/dist/tokens/lineHeight/lineHeight.tokens.css.d.ts +2 -0
  36. package/dist/tokens/lineHeight/lineHeight.tokens.css.d.ts.map +1 -1
  37. package/dist/tokens/motion/index.d.ts +3 -0
  38. package/dist/tokens/motion/index.d.ts.map +1 -0
  39. package/dist/tokens/motion/motion.tokens.css.d.ts +12 -0
  40. package/dist/tokens/motion/motion.tokens.css.d.ts.map +1 -0
  41. package/dist/tokens/motion/motion.types.d.ts +3 -0
  42. package/dist/tokens/motion/motion.types.d.ts.map +1 -0
  43. package/dist/tokens/palette/palette.tokens.css.d.ts +9 -0
  44. package/dist/tokens/palette/palette.tokens.css.d.ts.map +1 -1
  45. package/dist/tokens/typography/index.d.ts +3 -0
  46. package/dist/tokens/typography/index.d.ts.map +1 -0
  47. package/dist/tokens/typography/typography.tokens.css.d.ts +105 -0
  48. package/dist/tokens/typography/typography.tokens.css.d.ts.map +1 -0
  49. package/dist/tokens/typography/typography.types.d.ts +3 -0
  50. package/dist/tokens/typography/typography.types.d.ts.map +1 -0
  51. package/dist/ui/primitives/Box/Box.css.d.ts +3 -0
  52. package/dist/ui/primitives/Box/Box.css.d.ts.map +1 -1
  53. package/dist/ui/primitives/Box/adapters/Box.element.d.ts +24 -0
  54. package/dist/ui/primitives/Box/adapters/Box.element.d.ts.map +1 -0
  55. package/dist/ui/primitives/Button/Button.css.d.ts +5 -0
  56. package/dist/ui/primitives/Button/Button.css.d.ts.map +1 -0
  57. package/dist/ui/primitives/Button/Button.types.d.ts +13 -0
  58. package/dist/ui/primitives/Button/Button.types.d.ts.map +1 -0
  59. package/dist/ui/primitives/Button/adapters/Button.element.d.ts +31 -0
  60. package/dist/ui/primitives/Button/adapters/Button.element.d.ts.map +1 -0
  61. package/dist/ui/primitives/Button/adapters/Button.react.d.ts +4 -0
  62. package/dist/ui/primitives/Button/adapters/Button.react.d.ts.map +1 -0
  63. package/dist/ui/primitives/Button/index.d.ts +4 -0
  64. package/dist/ui/primitives/Button/index.d.ts.map +1 -0
  65. package/dist/ui/primitives/Inline/Inline.css.d.ts.map +1 -1
  66. package/dist/ui/primitives/Inline/Inline.types.d.ts +4 -2
  67. package/dist/ui/primitives/Inline/Inline.types.d.ts.map +1 -1
  68. package/dist/ui/primitives/Inline/adapters/Inline.element.d.ts +27 -0
  69. package/dist/ui/primitives/Inline/adapters/Inline.element.d.ts.map +1 -0
  70. package/dist/ui/primitives/Inline/index.d.ts +1 -0
  71. package/dist/ui/primitives/Inline/index.d.ts.map +1 -1
  72. package/dist/ui/primitives/Stack/Stack.css.d.ts.map +1 -1
  73. package/dist/ui/primitives/Stack/Stack.types.d.ts +4 -2
  74. package/dist/ui/primitives/Stack/Stack.types.d.ts.map +1 -1
  75. package/dist/ui/primitives/Stack/adapters/Stack.element.d.ts +25 -0
  76. package/dist/ui/primitives/Stack/adapters/Stack.element.d.ts.map +1 -0
  77. package/dist/ui/primitives/Stack/index.d.ts +1 -0
  78. package/dist/ui/primitives/Stack/index.d.ts.map +1 -1
  79. package/dist/ui/primitives/Text/Text.css.d.ts +3 -0
  80. package/dist/ui/primitives/Text/Text.css.d.ts.map +1 -0
  81. package/dist/ui/primitives/Text/Text.types.d.ts +10 -0
  82. package/dist/ui/primitives/Text/Text.types.d.ts.map +1 -0
  83. package/dist/ui/primitives/Text/adapters/Text.element.d.ts +20 -0
  84. package/dist/ui/primitives/Text/adapters/Text.element.d.ts.map +1 -0
  85. package/dist/ui/primitives/Text/adapters/Text.react.d.ts +4 -0
  86. package/dist/ui/primitives/Text/adapters/Text.react.d.ts.map +1 -0
  87. package/dist/ui/primitives/Text/index.d.ts +3 -0
  88. package/dist/ui/primitives/Text/index.d.ts.map +1 -0
  89. package/dist/ui/primitives/index.d.ts +4 -0
  90. package/dist/ui/primitives/index.d.ts.map +1 -1
  91. 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`});let e=require(`react/jsx-runtime`);var t={sans:`var(--_147ti5g0)`,mono:`var(--_147ti5g1)`},n={surfaceRaised:`var(--n4rd7s0)`,surfaceBase:`var(--n4rd7s1)`,surfaceSubtle:`var(--n4rd7s2)`,surfaceNeutral:`var(--n4rd7s3)`,brandPrimary:`var(--n4rd7s4)`,brandPrimarySubtle:`var(--n4rd7s5)`,brandAccent:`var(--n4rd7s6)`,brandAccentSubtle:`var(--n4rd7s7)`,borderDefault:`var(--n4rd7s8)`,borderStrong:`var(--n4rd7s9)`,borderSubtle:`var(--n4rd7sa)`,textPrimary:`var(--n4rd7sb)`,textSecondary:`var(--n4rd7sc)`,textDisabled:`var(--n4rd7sd)`,textInverse:`var(--n4rd7se)`,textOnBrand:`var(--n4rd7sf)`,feedbackSuccess:`var(--n4rd7sg)`,feedbackSuccessSubtle:`var(--n4rd7sh)`,feedbackWarning:`var(--n4rd7si)`,feedbackWarningStrong:`var(--n4rd7sj)`,feedbackWarningSubtle:`var(--n4rd7sk)`,feedbackDanger:`var(--n4rd7sl)`,feedbackDangerSubtle:`var(--n4rd7sm)`},r={cyan100:`var(--crr3d10)`,cyan200:`var(--crr3d11)`,cyan300:`var(--crr3d12)`,cyan400:`var(--crr3d13)`,cyan500:`var(--crr3d14)`,cyan600:`var(--crr3d15)`,cyan700:`var(--crr3d16)`,cyan800:`var(--crr3d17)`,cyan900:`var(--crr3d18)`,red100:`var(--crr3d19)`,red200:`var(--crr3d1a)`,red300:`var(--crr3d1b)`,red400:`var(--crr3d1c)`,red500:`var(--crr3d1d)`,red600:`var(--crr3d1e)`,red700:`var(--crr3d1f)`,red800:`var(--crr3d1g)`,red900:`var(--crr3d1h)`,neutral100:`var(--crr3d1i)`,neutral200:`var(--crr3d1j)`,neutral300:`var(--crr3d1k)`,neutral400:`var(--crr3d1l)`,neutral500:`var(--crr3d1m)`,neutral600:`var(--crr3d1n)`,neutral700:`var(--crr3d1o)`,neutral800:`var(--crr3d1p)`,neutral900:`var(--crr3d1q)`,green100:`var(--crr3d1r)`,green200:`var(--crr3d1s)`,green300:`var(--crr3d1t)`,green400:`var(--crr3d1u)`,green500:`var(--crr3d1v)`,green600:`var(--crr3d1w)`,green700:`var(--crr3d1x)`,green800:`var(--crr3d1y)`,green900:`var(--crr3d1z)`,amber100:`var(--crr3d110)`,amber200:`var(--crr3d111)`,amber300:`var(--crr3d112)`,amber400:`var(--crr3d113)`,amber500:`var(--crr3d114)`,amber600:`var(--crr3d115)`,amber700:`var(--crr3d116)`,amber800:`var(--crr3d117)`,amber900:`var(--crr3d118)`},i={xxs:`var(--gn271l0)`,xs:`var(--gn271l1)`,sm:`var(--gn271l2)`,md:`var(--gn271l3)`,lg:`var(--gn271l4)`,xl:`var(--gn271l5)`},a={xxs:`var(--_1r3v8qb0)`,xs:`var(--_1r3v8qb1)`,sm:`var(--_1r3v8qb2)`,md:`var(--_1r3v8qb3)`,lg:`var(--_1r3v8qb4)`},o={xxs:`var(--_17uaar60)`,xs:`var(--_17uaar61)`,sm:`var(--_17uaar62)`,md:`var(--_17uaar63)`,lg:`var(--_17uaar64)`},s={xxs:`var(--g2g2zb0)`,xs:`var(--g2g2zb1)`,sm:`var(--g2g2zb2)`,base:`var(--g2g2zb3)`,lg:`var(--g2g2zb4)`,xl:`var(--g2g2zb5)`,xl2:`var(--g2g2zb6)`,xl3:`var(--g2g2zb7)`,xl4:`var(--g2g2zb8)`,xl5:`var(--g2g2zb9)`,xl6:`var(--g2g2zba)`,xl7:`var(--g2g2zbb)`,xl8:`var(--g2g2zbc)`},c={none:`var(--_6tzq000)`,px:`var(--_6tzq001)`,xxs:`var(--_6tzq002)`,xs:`var(--_6tzq003)`,sm:`var(--_6tzq004)`,md:`var(--_6tzq005)`,lg:`var(--_6tzq006)`,xl:`var(--_6tzq007)`,xl2:`var(--_6tzq008)`,xl3:`var(--_6tzq009)`,xl4:`var(--_6tzq00a)`,xl5:`var(--_6tzq00b)`,xl6:`var(--_6tzq00c)`,xl7:`var(--_6tzq00d)`,xl8:`var(--_6tzq00e)`},l={thin:`var(--scju2v0)`,extralight:`var(--scju2v1)`,light:`var(--scju2v2)`,normal:`var(--scju2v3)`,medium:`var(--scju2v4)`,semibold:`var(--scju2v5)`,bold:`var(--scju2v6)`,extrabold:`var(--scju2v7)`,black:`var(--scju2v8)`},u={none:`var(--_1ybwetq0)`,tight:`var(--_1ybwetq1)`,snug:`var(--_1ybwetq2)`,normal:`var(--_1ybwetq3)`,relaxed:`var(--_1ybwetq4)`,loose:`var(--_1ybwetq5)`},d={none:`var(--_1fh9yx40)`,sm:`var(--_1fh9yx41)`,base:`var(--_1fh9yx42)`,md:`var(--_1fh9yx43)`,lg:`var(--_1fh9yx44)`,xl:`var(--_1fh9yx45)`,xl2:`var(--_1fh9yx46)`,inner:`var(--_1fh9yx47)`},f={hide:`var(--_1alu3u80)`,base:`var(--_1alu3u81)`,raised:`var(--_1alu3u82)`,dropdown:`var(--_1alu3u83)`,sticky:`var(--_1alu3u84)`,overlay:`var(--_1alu3u85)`,modal:`var(--_1alu3u86)`},p=`y5q6570`,m={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`},h={start:`y5q657g`,center:`y5q657h`,end:`y5q657i`,stretch:`y5q657j`,baseline:`y5q657k`},g={start:`y5q657l`,center:`y5q657m`,end:`y5q657n`,between:`y5q657o`,around:`y5q657p`,evenly:`y5q657q`};function _({as:t,gap:n,align:r=`stretch`,justify:i=`start`,children:a,className:o,...s}){return(0,e.jsx)(t??`div`,{className:[p,n===void 0?void 0:m[n],h[r],g[i],o].filter(Boolean).join(` `),...s,children:a})}var v=`_1wqyejm0`,y=`_1wqyejm1`,b={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`},x={start:`_1wqyejmh`,center:`_1wqyejmi`,end:`_1wqyejmj`,stretch:`_1wqyejmk`,baseline:`_1wqyejml`},S={start:`_1wqyejmm`,center:`_1wqyejmn`,end:`_1wqyejmo`,between:`_1wqyejmp`,around:`_1wqyejmq`,evenly:`_1wqyejmr`};function C({as:t,gap:n,align:r=`center`,justify:i=`start`,wrap:a=!1,children:o,className:s,...c}){return(0,e.jsx)(t??`div`,{className:[v,a?y:void 0,n===void 0?void 0:b[n],x[r],S[i],s].filter(Boolean).join(` `),...c,children:o})}var w=`_1okjbro0`;function T({as:t,padding:n,paddingX:r,paddingY:i,children:a,className:o,style:s,...l}){let u=t??`div`,d={...n&&{padding:c[n]},...r&&{paddingInline:c[r]},...i&&{paddingBlock:c[i]}};return(0,e.jsx)(u,{className:[w,o].filter(Boolean).join(` `),style:{...d,...s},...l,children:a})}exports.Box=T,exports.Inline=C,exports.Stack=_,exports.colorVars=n,exports.fontFamilyVars=t,exports.fontSizeVars=s,exports.fontWeightVars=l,exports.heightVars=i,exports.iconSizeVars=a,exports.lineHeightVars=u,exports.paletteVars=r,exports.radiusVars=o,exports.shadowVars=d,exports.spacingVars=c,exports.zIndexVars=f;
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,3 @@
1
+ export * from './tokens/index.ts';
2
+ export * from './theme/index.ts';
3
+ //# sourceMappingURL=index.core.d.ts.map
@@ -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
@@ -1,3 +1,4 @@
1
1
  export * from './tokens/index.ts';
2
+ export * from './theme/index.ts';
2
3
  export * from './ui/primitives/index.ts';
3
4
  //# sourceMappingURL=index.d.ts.map
@@ -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"}