@loom-sdc/design-system 0.3.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.
Files changed (61) hide show
  1. package/README.md +27 -0
  2. package/dist/Button.css-D0VmhqHb.cjs +1 -0
  3. package/dist/Button.css-DLt7TUnT.js +142 -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 +337 -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 +64 -413
  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-BhDSE6xP.js +307 -0
  20. package/dist/theme-Cw8nZ0K9.cjs +1 -0
  21. package/dist/tokens/color/color.tokens.css.d.ts +4 -0
  22. package/dist/tokens/color/color.tokens.css.d.ts.map +1 -1
  23. package/dist/ui/primitives/Box/Box.css.d.ts +3 -0
  24. package/dist/ui/primitives/Box/Box.css.d.ts.map +1 -1
  25. package/dist/ui/primitives/Box/adapters/Box.element.d.ts +24 -0
  26. package/dist/ui/primitives/Box/adapters/Box.element.d.ts.map +1 -0
  27. package/dist/ui/primitives/Button/Button.css.d.ts +5 -0
  28. package/dist/ui/primitives/Button/Button.css.d.ts.map +1 -0
  29. package/dist/ui/primitives/Button/Button.types.d.ts +13 -0
  30. package/dist/ui/primitives/Button/Button.types.d.ts.map +1 -0
  31. package/dist/ui/primitives/Button/adapters/Button.element.d.ts +31 -0
  32. package/dist/ui/primitives/Button/adapters/Button.element.d.ts.map +1 -0
  33. package/dist/ui/primitives/Button/adapters/Button.react.d.ts +4 -0
  34. package/dist/ui/primitives/Button/adapters/Button.react.d.ts.map +1 -0
  35. package/dist/ui/primitives/Button/index.d.ts +4 -0
  36. package/dist/ui/primitives/Button/index.d.ts.map +1 -0
  37. package/dist/ui/primitives/Inline/Inline.css.d.ts.map +1 -1
  38. package/dist/ui/primitives/Inline/Inline.types.d.ts +4 -2
  39. package/dist/ui/primitives/Inline/Inline.types.d.ts.map +1 -1
  40. package/dist/ui/primitives/Inline/adapters/Inline.element.d.ts +27 -0
  41. package/dist/ui/primitives/Inline/adapters/Inline.element.d.ts.map +1 -0
  42. package/dist/ui/primitives/Inline/index.d.ts +1 -0
  43. package/dist/ui/primitives/Inline/index.d.ts.map +1 -1
  44. package/dist/ui/primitives/Stack/Stack.css.d.ts.map +1 -1
  45. package/dist/ui/primitives/Stack/Stack.types.d.ts +4 -2
  46. package/dist/ui/primitives/Stack/Stack.types.d.ts.map +1 -1
  47. package/dist/ui/primitives/Stack/adapters/Stack.element.d.ts +25 -0
  48. package/dist/ui/primitives/Stack/adapters/Stack.element.d.ts.map +1 -0
  49. package/dist/ui/primitives/Stack/index.d.ts +1 -0
  50. package/dist/ui/primitives/Stack/index.d.ts.map +1 -1
  51. package/dist/ui/primitives/Text/Text.css.d.ts +2 -0
  52. package/dist/ui/primitives/Text/Text.css.d.ts.map +1 -1
  53. package/dist/ui/primitives/Text/Text.types.d.ts +2 -0
  54. package/dist/ui/primitives/Text/Text.types.d.ts.map +1 -1
  55. package/dist/ui/primitives/Text/adapters/Text.element.d.ts +22 -0
  56. package/dist/ui/primitives/Text/adapters/Text.element.d.ts.map +1 -0
  57. package/dist/ui/primitives/Text/adapters/Text.react.d.ts +1 -1
  58. package/dist/ui/primitives/Text/adapters/Text.react.d.ts.map +1 -1
  59. package/dist/ui/primitives/index.d.ts +2 -0
  60. package/dist/ui/primitives/index.d.ts.map +1 -1
  61. package/package.json +26 -4
@@ -0,0 +1,307 @@
1
+ /* empty css */
2
+ //#region src/design-system/package/tokens/fontFamily/fontFamily.tokens.css.ts
3
+ var e = {
4
+ sans: "var(--_147ti5g0)",
5
+ mono: "var(--_147ti5g1)"
6
+ }, t = {
7
+ surfaceRaised: "var(--n4rd7s0)",
8
+ surfaceBase: "var(--n4rd7s1)",
9
+ surfaceSubtle: "var(--n4rd7s2)",
10
+ surfaceNeutral: "var(--n4rd7s3)",
11
+ brandPrimary: "var(--n4rd7s4)",
12
+ brandPrimaryHover: "var(--n4rd7s5)",
13
+ brandPrimaryPressed: "var(--n4rd7s6)",
14
+ brandPrimarySubtle: "var(--n4rd7s7)",
15
+ brandAccent: "var(--n4rd7s8)",
16
+ brandAccentSubtle: "var(--n4rd7s9)",
17
+ brandAccentHover: "var(--n4rd7sa)",
18
+ brandAccentPressed: "var(--n4rd7sb)",
19
+ borderDefault: "var(--n4rd7sc)",
20
+ borderStrong: "var(--n4rd7sd)",
21
+ borderSubtle: "var(--n4rd7se)",
22
+ borderInteractive: "var(--n4rd7sf)",
23
+ textPrimary: "var(--n4rd7sg)",
24
+ textSecondary: "var(--n4rd7sh)",
25
+ textDisabled: "var(--n4rd7si)",
26
+ textInverse: "var(--n4rd7sj)",
27
+ textOnBrand: "var(--n4rd7sk)",
28
+ feedbackSuccess: "var(--n4rd7sl)",
29
+ feedbackSuccessSubtle: "var(--n4rd7sm)",
30
+ feedbackWarning: "var(--n4rd7sn)",
31
+ feedbackWarningStrong: "var(--n4rd7so)",
32
+ feedbackWarningSubtle: "var(--n4rd7sp)",
33
+ feedbackDanger: "var(--n4rd7sq)",
34
+ feedbackDangerSubtle: "var(--n4rd7sr)",
35
+ feedbackInfo: "var(--n4rd7ss)",
36
+ feedbackInfoSubtle: "var(--n4rd7st)"
37
+ }, n = {
38
+ cyan100: "var(--crr3d10)",
39
+ cyan200: "var(--crr3d11)",
40
+ cyan300: "var(--crr3d12)",
41
+ cyan400: "var(--crr3d13)",
42
+ cyan500: "var(--crr3d14)",
43
+ cyan600: "var(--crr3d15)",
44
+ cyan700: "var(--crr3d16)",
45
+ cyan800: "var(--crr3d17)",
46
+ cyan900: "var(--crr3d18)",
47
+ red100: "var(--crr3d19)",
48
+ red200: "var(--crr3d1a)",
49
+ red300: "var(--crr3d1b)",
50
+ red400: "var(--crr3d1c)",
51
+ red500: "var(--crr3d1d)",
52
+ red600: "var(--crr3d1e)",
53
+ red700: "var(--crr3d1f)",
54
+ red800: "var(--crr3d1g)",
55
+ red900: "var(--crr3d1h)",
56
+ neutral100: "var(--crr3d1i)",
57
+ neutral200: "var(--crr3d1j)",
58
+ neutral300: "var(--crr3d1k)",
59
+ neutral400: "var(--crr3d1l)",
60
+ neutral500: "var(--crr3d1m)",
61
+ neutral600: "var(--crr3d1n)",
62
+ neutral700: "var(--crr3d1o)",
63
+ neutral800: "var(--crr3d1p)",
64
+ neutral900: "var(--crr3d1q)",
65
+ green100: "var(--crr3d1r)",
66
+ green200: "var(--crr3d1s)",
67
+ green300: "var(--crr3d1t)",
68
+ green400: "var(--crr3d1u)",
69
+ green500: "var(--crr3d1v)",
70
+ green600: "var(--crr3d1w)",
71
+ green700: "var(--crr3d1x)",
72
+ green800: "var(--crr3d1y)",
73
+ green900: "var(--crr3d1z)",
74
+ amber100: "var(--crr3d110)",
75
+ amber200: "var(--crr3d111)",
76
+ amber300: "var(--crr3d112)",
77
+ amber400: "var(--crr3d113)",
78
+ amber500: "var(--crr3d114)",
79
+ amber600: "var(--crr3d115)",
80
+ amber700: "var(--crr3d116)",
81
+ amber800: "var(--crr3d117)",
82
+ amber900: "var(--crr3d118)",
83
+ blue100: "var(--crr3d119)",
84
+ blue200: "var(--crr3d11a)",
85
+ blue300: "var(--crr3d11b)",
86
+ blue400: "var(--crr3d11c)",
87
+ blue500: "var(--crr3d11d)",
88
+ blue600: "var(--crr3d11e)",
89
+ blue700: "var(--crr3d11f)",
90
+ blue800: "var(--crr3d11g)",
91
+ blue900: "var(--crr3d11h)"
92
+ }, r = {
93
+ xxs: "var(--gn271l0)",
94
+ xs: "var(--gn271l1)",
95
+ sm: "var(--gn271l2)",
96
+ md: "var(--gn271l3)",
97
+ lg: "var(--gn271l4)",
98
+ xl: "var(--gn271l5)"
99
+ }, i = {
100
+ xxs: "var(--_1r3v8qb0)",
101
+ xs: "var(--_1r3v8qb1)",
102
+ sm: "var(--_1r3v8qb2)",
103
+ md: "var(--_1r3v8qb3)",
104
+ lg: "var(--_1r3v8qb4)"
105
+ }, a = {
106
+ xxs: "var(--_17uaar60)",
107
+ xs: "var(--_17uaar61)",
108
+ sm: "var(--_17uaar62)",
109
+ md: "var(--_17uaar63)",
110
+ lg: "var(--_17uaar64)"
111
+ }, o = {
112
+ xxs: "var(--g2g2zb0)",
113
+ xs: "var(--g2g2zb1)",
114
+ sm: "var(--g2g2zb2)",
115
+ base: "var(--g2g2zb3)",
116
+ lg: "var(--g2g2zb4)",
117
+ xl: "var(--g2g2zb5)",
118
+ xl2: "var(--g2g2zb6)",
119
+ xl3: "var(--g2g2zb7)",
120
+ xl4: "var(--g2g2zb8)",
121
+ xl5: "var(--g2g2zb9)",
122
+ xl6: "var(--g2g2zba)",
123
+ xl7: "var(--g2g2zbb)",
124
+ xl8: "var(--g2g2zbc)"
125
+ }, s = {
126
+ none: "var(--_6tzq000)",
127
+ px: "var(--_6tzq001)",
128
+ xxs: "var(--_6tzq002)",
129
+ xs: "var(--_6tzq003)",
130
+ sm: "var(--_6tzq004)",
131
+ md: "var(--_6tzq005)",
132
+ lg: "var(--_6tzq006)",
133
+ xl: "var(--_6tzq007)",
134
+ xl2: "var(--_6tzq008)",
135
+ xl3: "var(--_6tzq009)",
136
+ xl4: "var(--_6tzq00a)",
137
+ xl5: "var(--_6tzq00b)",
138
+ xl6: "var(--_6tzq00c)",
139
+ xl7: "var(--_6tzq00d)",
140
+ xl8: "var(--_6tzq00e)"
141
+ }, c = {
142
+ thin: "var(--scju2v0)",
143
+ extralight: "var(--scju2v1)",
144
+ light: "var(--scju2v2)",
145
+ normal: "var(--scju2v3)",
146
+ medium: "var(--scju2v4)",
147
+ semibold: "var(--scju2v5)",
148
+ bold: "var(--scju2v6)",
149
+ extrabold: "var(--scju2v7)",
150
+ black: "var(--scju2v8)"
151
+ }, l = {
152
+ none: "var(--_1ybwetq0)",
153
+ tight: "var(--_1ybwetq1)",
154
+ snug: "var(--_1ybwetq2)",
155
+ normal: "var(--_1ybwetq3)",
156
+ relaxed: "var(--_1ybwetq4)",
157
+ condensed: "var(--_1ybwetq5)",
158
+ compact: "var(--_1ybwetq6)",
159
+ loose: "var(--_1ybwetq7)"
160
+ }, u = {
161
+ none: "var(--_1fh9yx40)",
162
+ sm: "var(--_1fh9yx41)",
163
+ base: "var(--_1fh9yx42)",
164
+ md: "var(--_1fh9yx43)",
165
+ lg: "var(--_1fh9yx44)",
166
+ xl: "var(--_1fh9yx45)",
167
+ xl2: "var(--_1fh9yx46)",
168
+ inner: "var(--_1fh9yx47)"
169
+ }, d = {
170
+ hide: "var(--_1alu3u80)",
171
+ base: "var(--_1alu3u81)",
172
+ raised: "var(--_1alu3u82)",
173
+ dropdown: "var(--_1alu3u83)",
174
+ sticky: "var(--_1alu3u84)",
175
+ overlay: "var(--_1alu3u85)",
176
+ modal: "var(--_1alu3u86)"
177
+ }, f = {
178
+ none: "var(--_1amctni0)",
179
+ wide: "var(--_1amctni1)",
180
+ snug: "var(--_1amctni2)",
181
+ tight: "var(--_1amctni3)",
182
+ tighter: "var(--_1amctni4)",
183
+ tightest: "var(--_1amctni5)"
184
+ }, p = {
185
+ bodyBase: {
186
+ fontSize: "var(--_9fdc020)",
187
+ fontWeight: "var(--_9fdc021)",
188
+ lineHeight: "var(--_9fdc022)",
189
+ letterSpacing: "var(--_9fdc023)"
190
+ },
191
+ bodySm: {
192
+ fontSize: "var(--_9fdc024)",
193
+ fontWeight: "var(--_9fdc025)",
194
+ lineHeight: "var(--_9fdc026)",
195
+ letterSpacing: "var(--_9fdc027)"
196
+ },
197
+ bodyLg: {
198
+ fontSize: "var(--_9fdc028)",
199
+ fontWeight: "var(--_9fdc029)",
200
+ lineHeight: "var(--_9fdc02a)",
201
+ letterSpacing: "var(--_9fdc02b)"
202
+ },
203
+ labelBase: {
204
+ fontSize: "var(--_9fdc02c)",
205
+ fontWeight: "var(--_9fdc02d)",
206
+ lineHeight: "var(--_9fdc02e)",
207
+ letterSpacing: "var(--_9fdc02f)"
208
+ },
209
+ labelSm: {
210
+ fontSize: "var(--_9fdc02g)",
211
+ fontWeight: "var(--_9fdc02h)",
212
+ lineHeight: "var(--_9fdc02i)",
213
+ letterSpacing: "var(--_9fdc02j)"
214
+ },
215
+ labelLg: {
216
+ fontSize: "var(--_9fdc02k)",
217
+ fontWeight: "var(--_9fdc02l)",
218
+ lineHeight: "var(--_9fdc02m)",
219
+ letterSpacing: "var(--_9fdc02n)"
220
+ },
221
+ headingH1: {
222
+ fontSize: "var(--_9fdc02o)",
223
+ fontWeight: "var(--_9fdc02p)",
224
+ lineHeight: "var(--_9fdc02q)",
225
+ letterSpacing: "var(--_9fdc02r)"
226
+ },
227
+ headingH2: {
228
+ fontSize: "var(--_9fdc02s)",
229
+ fontWeight: "var(--_9fdc02t)",
230
+ lineHeight: "var(--_9fdc02u)",
231
+ letterSpacing: "var(--_9fdc02v)"
232
+ },
233
+ headingH3: {
234
+ fontSize: "var(--_9fdc02w)",
235
+ fontWeight: "var(--_9fdc02x)",
236
+ lineHeight: "var(--_9fdc02y)",
237
+ letterSpacing: "var(--_9fdc02z)"
238
+ },
239
+ headingH4: {
240
+ fontSize: "var(--_9fdc0210)",
241
+ fontWeight: "var(--_9fdc0211)",
242
+ lineHeight: "var(--_9fdc0212)",
243
+ letterSpacing: "var(--_9fdc0213)"
244
+ },
245
+ headingH5: {
246
+ fontSize: "var(--_9fdc0214)",
247
+ fontWeight: "var(--_9fdc0215)",
248
+ lineHeight: "var(--_9fdc0216)",
249
+ letterSpacing: "var(--_9fdc0217)"
250
+ },
251
+ headingH6: {
252
+ fontSize: "var(--_9fdc0218)",
253
+ fontWeight: "var(--_9fdc0219)",
254
+ lineHeight: "var(--_9fdc021a)",
255
+ letterSpacing: "var(--_9fdc021b)"
256
+ },
257
+ displayLg: {
258
+ fontSize: "var(--_9fdc021c)",
259
+ fontWeight: "var(--_9fdc021d)",
260
+ lineHeight: "var(--_9fdc021e)",
261
+ letterSpacing: "var(--_9fdc021f)"
262
+ },
263
+ displayXl: {
264
+ fontSize: "var(--_9fdc021g)",
265
+ fontWeight: "var(--_9fdc021h)",
266
+ lineHeight: "var(--_9fdc021i)",
267
+ letterSpacing: "var(--_9fdc021j)"
268
+ },
269
+ display2xl: {
270
+ fontSize: "var(--_9fdc021k)",
271
+ fontWeight: "var(--_9fdc021l)",
272
+ lineHeight: "var(--_9fdc021m)",
273
+ letterSpacing: "var(--_9fdc021n)"
274
+ },
275
+ overline: {
276
+ fontSize: "var(--_9fdc021o)",
277
+ fontWeight: "var(--_9fdc021p)",
278
+ lineHeight: "var(--_9fdc021q)",
279
+ letterSpacing: "var(--_9fdc021r)"
280
+ },
281
+ caption: {
282
+ fontSize: "var(--_9fdc021s)",
283
+ fontWeight: "var(--_9fdc021t)",
284
+ lineHeight: "var(--_9fdc021u)",
285
+ letterSpacing: "var(--_9fdc021v)"
286
+ }
287
+ }, m = {
288
+ durationInstant: "var(--_159077d0)",
289
+ durationFast: "var(--_159077d1)",
290
+ durationBase: "var(--_159077d2)",
291
+ durationSlow: "var(--_159077d3)",
292
+ durationSlower: "var(--_159077d4)",
293
+ easingLinear: "var(--_159077d5)",
294
+ easingEaseIn: "var(--_159077d6)",
295
+ easingEaseOut: "var(--_159077d7)",
296
+ easingEaseInOut: "var(--_159077d8)"
297
+ };
298
+ //#endregion
299
+ //#region src/design-system/package/theme/theme.ts
300
+ function h(e) {
301
+ e === "light" ? document.documentElement.setAttribute("data-theme", "light") : document.documentElement.removeAttribute("data-theme");
302
+ }
303
+ function g() {
304
+ return document.documentElement.getAttribute("data-theme") === "light" ? "light" : "dark";
305
+ }
306
+ //#endregion
307
+ export { e as _, f as a, l as c, o as d, a as f, t as g, n as h, p as i, c as l, r as m, g as n, d as o, i as p, m as r, u as s, h as t, s as u };
@@ -0,0 +1 @@
1
+ ;/* empty css */var e={sans:`var(--_147ti5g0)`,mono:`var(--_147ti5g1)`},t={surfaceRaised:`var(--n4rd7s0)`,surfaceBase:`var(--n4rd7s1)`,surfaceSubtle:`var(--n4rd7s2)`,surfaceNeutral:`var(--n4rd7s3)`,brandPrimary:`var(--n4rd7s4)`,brandPrimaryHover:`var(--n4rd7s5)`,brandPrimaryPressed:`var(--n4rd7s6)`,brandPrimarySubtle:`var(--n4rd7s7)`,brandAccent:`var(--n4rd7s8)`,brandAccentSubtle:`var(--n4rd7s9)`,brandAccentHover:`var(--n4rd7sa)`,brandAccentPressed:`var(--n4rd7sb)`,borderDefault:`var(--n4rd7sc)`,borderStrong:`var(--n4rd7sd)`,borderSubtle:`var(--n4rd7se)`,borderInteractive:`var(--n4rd7sf)`,textPrimary:`var(--n4rd7sg)`,textSecondary:`var(--n4rd7sh)`,textDisabled:`var(--n4rd7si)`,textInverse:`var(--n4rd7sj)`,textOnBrand:`var(--n4rd7sk)`,feedbackSuccess:`var(--n4rd7sl)`,feedbackSuccessSubtle:`var(--n4rd7sm)`,feedbackWarning:`var(--n4rd7sn)`,feedbackWarningStrong:`var(--n4rd7so)`,feedbackWarningSubtle:`var(--n4rd7sp)`,feedbackDanger:`var(--n4rd7sq)`,feedbackDangerSubtle:`var(--n4rd7sr)`,feedbackInfo:`var(--n4rd7ss)`,feedbackInfoSubtle:`var(--n4rd7st)`},n={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)`,blue100:`var(--crr3d119)`,blue200:`var(--crr3d11a)`,blue300:`var(--crr3d11b)`,blue400:`var(--crr3d11c)`,blue500:`var(--crr3d11d)`,blue600:`var(--crr3d11e)`,blue700:`var(--crr3d11f)`,blue800:`var(--crr3d11g)`,blue900:`var(--crr3d11h)`},r={xxs:`var(--gn271l0)`,xs:`var(--gn271l1)`,sm:`var(--gn271l2)`,md:`var(--gn271l3)`,lg:`var(--gn271l4)`,xl:`var(--gn271l5)`},i={xxs:`var(--_1r3v8qb0)`,xs:`var(--_1r3v8qb1)`,sm:`var(--_1r3v8qb2)`,md:`var(--_1r3v8qb3)`,lg:`var(--_1r3v8qb4)`},a={xxs:`var(--_17uaar60)`,xs:`var(--_17uaar61)`,sm:`var(--_17uaar62)`,md:`var(--_17uaar63)`,lg:`var(--_17uaar64)`},o={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)`},s={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)`},c={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)`},l={none:`var(--_1ybwetq0)`,tight:`var(--_1ybwetq1)`,snug:`var(--_1ybwetq2)`,normal:`var(--_1ybwetq3)`,relaxed:`var(--_1ybwetq4)`,condensed:`var(--_1ybwetq5)`,compact:`var(--_1ybwetq6)`,loose:`var(--_1ybwetq7)`},u={none:`var(--_1fh9yx40)`,sm:`var(--_1fh9yx41)`,base:`var(--_1fh9yx42)`,md:`var(--_1fh9yx43)`,lg:`var(--_1fh9yx44)`,xl:`var(--_1fh9yx45)`,xl2:`var(--_1fh9yx46)`,inner:`var(--_1fh9yx47)`},d={hide:`var(--_1alu3u80)`,base:`var(--_1alu3u81)`,raised:`var(--_1alu3u82)`,dropdown:`var(--_1alu3u83)`,sticky:`var(--_1alu3u84)`,overlay:`var(--_1alu3u85)`,modal:`var(--_1alu3u86)`},f={none:`var(--_1amctni0)`,wide:`var(--_1amctni1)`,snug:`var(--_1amctni2)`,tight:`var(--_1amctni3)`,tighter:`var(--_1amctni4)`,tightest:`var(--_1amctni5)`},p={bodyBase:{fontSize:`var(--_9fdc020)`,fontWeight:`var(--_9fdc021)`,lineHeight:`var(--_9fdc022)`,letterSpacing:`var(--_9fdc023)`},bodySm:{fontSize:`var(--_9fdc024)`,fontWeight:`var(--_9fdc025)`,lineHeight:`var(--_9fdc026)`,letterSpacing:`var(--_9fdc027)`},bodyLg:{fontSize:`var(--_9fdc028)`,fontWeight:`var(--_9fdc029)`,lineHeight:`var(--_9fdc02a)`,letterSpacing:`var(--_9fdc02b)`},labelBase:{fontSize:`var(--_9fdc02c)`,fontWeight:`var(--_9fdc02d)`,lineHeight:`var(--_9fdc02e)`,letterSpacing:`var(--_9fdc02f)`},labelSm:{fontSize:`var(--_9fdc02g)`,fontWeight:`var(--_9fdc02h)`,lineHeight:`var(--_9fdc02i)`,letterSpacing:`var(--_9fdc02j)`},labelLg:{fontSize:`var(--_9fdc02k)`,fontWeight:`var(--_9fdc02l)`,lineHeight:`var(--_9fdc02m)`,letterSpacing:`var(--_9fdc02n)`},headingH1:{fontSize:`var(--_9fdc02o)`,fontWeight:`var(--_9fdc02p)`,lineHeight:`var(--_9fdc02q)`,letterSpacing:`var(--_9fdc02r)`},headingH2:{fontSize:`var(--_9fdc02s)`,fontWeight:`var(--_9fdc02t)`,lineHeight:`var(--_9fdc02u)`,letterSpacing:`var(--_9fdc02v)`},headingH3:{fontSize:`var(--_9fdc02w)`,fontWeight:`var(--_9fdc02x)`,lineHeight:`var(--_9fdc02y)`,letterSpacing:`var(--_9fdc02z)`},headingH4:{fontSize:`var(--_9fdc0210)`,fontWeight:`var(--_9fdc0211)`,lineHeight:`var(--_9fdc0212)`,letterSpacing:`var(--_9fdc0213)`},headingH5:{fontSize:`var(--_9fdc0214)`,fontWeight:`var(--_9fdc0215)`,lineHeight:`var(--_9fdc0216)`,letterSpacing:`var(--_9fdc0217)`},headingH6:{fontSize:`var(--_9fdc0218)`,fontWeight:`var(--_9fdc0219)`,lineHeight:`var(--_9fdc021a)`,letterSpacing:`var(--_9fdc021b)`},displayLg:{fontSize:`var(--_9fdc021c)`,fontWeight:`var(--_9fdc021d)`,lineHeight:`var(--_9fdc021e)`,letterSpacing:`var(--_9fdc021f)`},displayXl:{fontSize:`var(--_9fdc021g)`,fontWeight:`var(--_9fdc021h)`,lineHeight:`var(--_9fdc021i)`,letterSpacing:`var(--_9fdc021j)`},display2xl:{fontSize:`var(--_9fdc021k)`,fontWeight:`var(--_9fdc021l)`,lineHeight:`var(--_9fdc021m)`,letterSpacing:`var(--_9fdc021n)`},overline:{fontSize:`var(--_9fdc021o)`,fontWeight:`var(--_9fdc021p)`,lineHeight:`var(--_9fdc021q)`,letterSpacing:`var(--_9fdc021r)`},caption:{fontSize:`var(--_9fdc021s)`,fontWeight:`var(--_9fdc021t)`,lineHeight:`var(--_9fdc021u)`,letterSpacing:`var(--_9fdc021v)`}},m={durationInstant:`var(--_159077d0)`,durationFast:`var(--_159077d1)`,durationBase:`var(--_159077d2)`,durationSlow:`var(--_159077d3)`,durationSlower:`var(--_159077d4)`,easingLinear:`var(--_159077d5)`,easingEaseIn:`var(--_159077d6)`,easingEaseOut:`var(--_159077d7)`,easingEaseInOut:`var(--_159077d8)`};function h(e){e===`light`?document.documentElement.setAttribute(`data-theme`,`light`):document.documentElement.removeAttribute(`data-theme`)}function g(){return document.documentElement.getAttribute(`data-theme`)===`light`?`light`:`dark`}Object.defineProperty(exports,`_`,{enumerable:!0,get:function(){return e}}),Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`d`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`f`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`g`,{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,`h`,{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`m`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`p`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return s}});
@@ -4,13 +4,17 @@ export declare const colorVars: {
4
4
  surfaceSubtle: `var(--${string})`;
5
5
  surfaceNeutral: `var(--${string})`;
6
6
  brandPrimary: `var(--${string})`;
7
+ brandPrimaryHover: `var(--${string})`;
8
+ brandPrimaryPressed: `var(--${string})`;
7
9
  brandPrimarySubtle: `var(--${string})`;
8
10
  brandAccent: `var(--${string})`;
9
11
  brandAccentSubtle: `var(--${string})`;
10
12
  brandAccentHover: `var(--${string})`;
13
+ brandAccentPressed: `var(--${string})`;
11
14
  borderDefault: `var(--${string})`;
12
15
  borderStrong: `var(--${string})`;
13
16
  borderSubtle: `var(--${string})`;
17
+ borderInteractive: `var(--${string})`;
14
18
  textPrimary: `var(--${string})`;
15
19
  textSecondary: `var(--${string})`;
16
20
  textDisabled: `var(--${string})`;
@@ -1 +1 @@
1
- {"version":3,"file":"color.tokens.css.d.ts","sourceRoot":"","sources":["../../../src/design-system/package/tokens/color/color.tokens.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCpB,CAAC"}
1
+ {"version":3,"file":"color.tokens.css.d.ts","sourceRoot":"","sources":["../../../src/design-system/package/tokens/color/color.tokens.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCpB,CAAC"}
@@ -1,2 +1,5 @@
1
1
  export declare const root: string;
2
+ export declare const padding: Record<"xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xl5" | "xl6" | "xl7" | "xl8" | "none" | "px", string>;
3
+ export declare const paddingX: Record<"xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xl5" | "xl6" | "xl7" | "xl8" | "none" | "px", string>;
4
+ export declare const paddingY: Record<"xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xl5" | "xl6" | "xl7" | "xl8" | "none" | "px", string>;
2
5
  //# sourceMappingURL=Box.css.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Box.css.d.ts","sourceRoot":"","sources":["../../../../src/design-system/package/ui/primitives/Box/Box.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,QAEf,CAAC"}
1
+ {"version":3,"file":"Box.css.d.ts","sourceRoot":"","sources":["../../../../src/design-system/package/ui/primitives/Box/Box.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,QAEf,CAAC;AAEH,eAAO,MAAM,OAAO,kIAAiE,CAAC;AACtF,eAAO,MAAM,QAAQ,kIAAgE,CAAC;AACtF,eAAO,MAAM,QAAQ,kIAAgE,CAAC"}
@@ -0,0 +1,24 @@
1
+ import { SpacingTokenKey } from '../../../../tokens/index.ts';
2
+ declare class LoomBox extends HTMLElement {
3
+ static observedAttributes: readonly ["padding", "padding-x", "padding-y"];
4
+ get padding(): SpacingTokenKey | null;
5
+ set padding(val: SpacingTokenKey | null);
6
+ get paddingX(): SpacingTokenKey | null;
7
+ set paddingX(val: SpacingTokenKey | null);
8
+ get paddingY(): SpacingTokenKey | null;
9
+ set paddingY(val: SpacingTokenKey | null);
10
+ connectedCallback(): void;
11
+ attributeChangedCallback(): void;
12
+ private _syncScheduled;
13
+ private _scheduleSync;
14
+ private _prev;
15
+ private _sync;
16
+ private _apply;
17
+ }
18
+ declare global {
19
+ interface HTMLElementTagNameMap {
20
+ 'loom-box': LoomBox;
21
+ }
22
+ }
23
+ export { LoomBox };
24
+ //# sourceMappingURL=Box.element.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Box.element.d.ts","sourceRoot":"","sources":["../../../../../src/design-system/package/ui/primitives/Box/adapters/Box.element.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAEnE,cAAM,OAAQ,SAAQ,WAAW;IAE/B,MAAM,CAAC,kBAAkB,iDAAkD;IAG3E,IAAI,OAAO,IAAI,eAAe,GAAG,IAAI,CAEpC;IACD,IAAI,OAAO,CAAC,GAAG,EAAE,eAAe,GAAG,IAAI,EAGtC;IAED,IAAI,QAAQ,IAAI,eAAe,GAAG,IAAI,CAErC;IACD,IAAI,QAAQ,CAAC,GAAG,EAAE,eAAe,GAAG,IAAI,EAGvC;IAED,IAAI,QAAQ,IAAI,eAAe,GAAG,IAAI,CAErC;IACD,IAAI,QAAQ,CAAC,GAAG,EAAE,eAAe,GAAG,IAAI,EAGvC;IAGD,iBAAiB;IAKjB,wBAAwB;IAIxB,OAAO,CAAC,cAAc,CAAS;IAE/B,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,KAAK,CAIX;IAGF,OAAO,CAAC,KAAK;IAMb,OAAO,CAAC,MAAM;CAYf;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF;AAED,OAAO,EAAE,OAAO,EAAE,CAAC"}
@@ -0,0 +1,5 @@
1
+ export declare const host: string;
2
+ export declare const root: string;
3
+ export declare const variant: Record<"outline" | "text" | "primary", string>;
4
+ export declare const size: Record<"sm" | "md" | "lg", string>;
5
+ //# sourceMappingURL=Button.css.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button.css.d.ts","sourceRoot":"","sources":["../../../../src/design-system/package/ui/primitives/Button/Button.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,QAGf,CAAC;AAEH,eAAO,MAAM,IAAI,QAmBf,CAAC;AAEH,eAAO,MAAM,OAAO,gDAqDlB,CAAC;AAEH,eAAO,MAAM,IAAI,oCAIf,CAAC"}
@@ -0,0 +1,13 @@
1
+ import { ComponentPropsWithoutRef, ElementType, ReactNode } from 'react';
2
+ export declare const BUTTON_VARIANTS: readonly ["primary", "outline", "text"];
3
+ export declare const BUTTON_SIZES: readonly ["sm", "md", "lg"];
4
+ export type ButtonVariant = typeof BUTTON_VARIANTS[number];
5
+ export type ButtonSize = typeof BUTTON_SIZES[number];
6
+ export interface ButtonOwnProps<T extends ElementType = 'button'> {
7
+ as?: T;
8
+ variant?: ButtonVariant;
9
+ size?: ButtonSize;
10
+ children: ReactNode;
11
+ }
12
+ export type ButtonProps<T extends ElementType = 'button'> = ButtonOwnProps<T> & Omit<ComponentPropsWithoutRef<T>, keyof ButtonOwnProps<T>>;
13
+ //# sourceMappingURL=Button.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../../src/design-system/package/ui/primitives/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9E,eAAO,MAAM,eAAe,yCAA0C,CAAC;AACvE,eAAO,MAAM,YAAY,6BAAiC,CAAC;AAE3D,MAAM,MAAM,aAAa,GAAG,OAAO,eAAe,CAAC,MAAM,CAAC,CAAC;AAC3D,MAAM,MAAM,UAAU,GAAM,OAAO,YAAY,CAAC,MAAM,CAAC,CAAC;AAExD,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ;IAC9D,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ,IACtD,cAAc,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC"}
@@ -0,0 +1,31 @@
1
+ import { ButtonVariant, ButtonSize } from '../Button.types.ts';
2
+ declare class LoomButton extends HTMLElement {
3
+ private _inner;
4
+ private _label;
5
+ static observedAttributes: readonly ["variant", "size", "disabled", "aria-label", "aria-labelledby", "aria-describedby"];
6
+ get variant(): ButtonVariant;
7
+ set variant(val: ButtonVariant);
8
+ get size(): ButtonSize;
9
+ set size(val: ButtonSize);
10
+ get disabled(): boolean;
11
+ set disabled(val: boolean);
12
+ private readonly _handleClick;
13
+ private readonly _handleFocus;
14
+ private readonly _handleBlur;
15
+ private _syncScheduled;
16
+ private _scheduleSync;
17
+ connectedCallback(): void;
18
+ disconnectedCallback(): void;
19
+ attributeChangedCallback(name: string): void;
20
+ private _prev;
21
+ private _sync;
22
+ private _syncA11y;
23
+ private _apply;
24
+ }
25
+ declare global {
26
+ interface HTMLElementTagNameMap {
27
+ 'loom-button': LoomButton;
28
+ }
29
+ }
30
+ export { LoomButton };
31
+ //# sourceMappingURL=Button.element.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button.element.d.ts","sourceRoot":"","sources":["../../../../../src/design-system/package/ui/primitives/Button/adapters/Button.element.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAgDpE,cAAM,UAAW,SAAQ,WAAW;IAClC,OAAO,CAAC,MAAM,CAAkC;IAChD,OAAO,CAAC,MAAM,CAAgC;IAE9C,MAAM,CAAC,kBAAkB,gGAOd;IAEX,IAAI,OAAO,IAAI,aAAa,CAE3B;IACD,IAAI,OAAO,CAAC,GAAG,EAAE,aAAa,EAE7B;IAED,IAAI,IAAI,IAAI,UAAU,CAErB;IACD,IAAI,IAAI,CAAC,GAAG,EAAE,UAAU,EAEvB;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IACD,IAAI,QAAQ,CAAC,GAAG,EAAE,OAAO,EAExB;IAED,OAAO,CAAC,QAAQ,CAAC,YAAY,CAO3B;IAEF,OAAO,CAAC,QAAQ,CAAC,YAAY,CAO3B;IAEF,OAAO,CAAC,QAAQ,CAAC,WAAW,CAO1B;IAEF,OAAO,CAAC,cAAc,CAAS;IAE/B,OAAO,CAAC,aAAa;IASrB,iBAAiB;IA+BjB,oBAAoB;IAMpB,wBAAwB,CAAC,IAAI,EAAE,MAAM;IAQrC,OAAO,CAAC,KAAK,CAIX;IAEF,OAAO,CAAC,KAAK;IAkBb,OAAO,CAAC,SAAS;IASjB,OAAO,CAAC,MAAM;CAaf;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}
@@ -0,0 +1,4 @@
1
+ import { ElementType } from 'react';
2
+ import { ButtonProps } from '../Button.types.ts';
3
+ export declare function Button<T extends ElementType = 'button'>({ as, variant, size, children, className, ...props }: ButtonProps<T>): import("react/jsx-runtime").JSX.Element;
4
+ //# sourceMappingURL=Button.react.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button.react.d.ts","sourceRoot":"","sources":["../../../../../src/design-system/package/ui/primitives/Button/adapters/Button.react.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,KAAK,EAAE,WAAW,EAAc,MAAM,oBAAoB,CAAC;AAUlE,wBAAgB,MAAM,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ,EAAE,EACvD,EAAE,EACF,OAAmB,EACnB,IAAW,EACX,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,WAAW,CAAC,CAAC,CAAC,2CAchB"}
@@ -0,0 +1,4 @@
1
+ export { Button } from './adapters/Button.react.tsx';
2
+ export { BUTTON_VARIANTS, BUTTON_SIZES } from './Button.types.ts';
3
+ export type { ButtonProps, ButtonVariant, ButtonSize } from './Button.types.ts';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/design-system/package/ui/primitives/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAClE,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Inline.css.d.ts","sourceRoot":"","sources":["../../../../src/design-system/package/ui/primitives/Inline/Inline.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,QAIf,CAAC;AAEH,eAAO,MAAM,IAAI,QAEf,CAAC;AAEH,eAAO,MAAM,GAAG,kIAgBd,CAAC;AAEH,eAAO,MAAM,KAAK,qEAMhB,CAAC;AAEH,eAAO,MAAM,OAAO,8EAOlB,CAAC"}
1
+ {"version":3,"file":"Inline.css.d.ts","sourceRoot":"","sources":["../../../../src/design-system/package/ui/primitives/Inline/Inline.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,QAIf,CAAC;AAEH,eAAO,MAAM,IAAI,QAEf,CAAC;AAEH,eAAO,MAAM,GAAG,kIAAsD,CAAC;AAEvE,eAAO,MAAM,KAAK,qEAMhB,CAAC;AAEH,eAAO,MAAM,OAAO,8EAOlB,CAAC"}
@@ -1,7 +1,9 @@
1
1
  import { ElementType, ComponentPropsWithoutRef, ReactNode } from 'react';
2
2
  import { SpacingTokenKey } from '../../../tokens/index.ts';
3
- export type InlineAlign = 'start' | 'center' | 'end' | 'stretch' | 'baseline';
4
- export type InlineJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
3
+ export declare const INLINE_ALIGNS: readonly ["start", "center", "end", "stretch", "baseline"];
4
+ export declare const INLINE_JUSTIFIES: readonly ["start", "center", "end", "between", "around", "evenly"];
5
+ export type InlineAlign = typeof INLINE_ALIGNS[number];
6
+ export type InlineJustify = typeof INLINE_JUSTIFIES[number];
5
7
  export interface InlineOwnProps<T extends ElementType = 'div'> {
6
8
  as?: T;
7
9
  gap?: SpacingTokenKey;
@@ -1 +1 @@
1
- {"version":3,"file":"Inline.types.d.ts","sourceRoot":"","sources":["../../../../src/design-system/package/ui/primitives/Inline/Inline.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAEhE,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAAC;AAC9E,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEzF,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK;IAC3D,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,GAAG,CAAC,EAAE,eAAe,CAAC;IACtB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IACnD,cAAc,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC"}
1
+ {"version":3,"file":"Inline.types.d.ts","sourceRoot":"","sources":["../../../../src/design-system/package/ui/primitives/Inline/Inline.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAEhE,eAAO,MAAM,aAAa,4DAAgE,CAAC;AAC3F,eAAO,MAAM,gBAAgB,oEAAqE,CAAC;AAEnG,MAAM,MAAM,WAAW,GAAK,OAAO,aAAa,CAAC,MAAM,CAAC,CAAC;AACzD,MAAM,MAAM,aAAa,GAAG,OAAO,gBAAgB,CAAC,MAAM,CAAC,CAAC;AAE5D,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK;IAC3D,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,GAAG,CAAC,EAAE,eAAe,CAAC;IACtB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IACnD,cAAc,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC"}
@@ -0,0 +1,27 @@
1
+ import { SpacingTokenKey } from '../../../../tokens/index.ts';
2
+ import { InlineAlign, InlineJustify } from '../Inline.types.ts';
3
+ declare class LoomInline extends HTMLElement {
4
+ static observedAttributes: readonly ["gap", "align", "justify", "wrap"];
5
+ get gap(): SpacingTokenKey | null;
6
+ set gap(val: SpacingTokenKey | null);
7
+ get align(): InlineAlign | null;
8
+ set align(val: InlineAlign | null);
9
+ get justify(): InlineJustify | null;
10
+ set justify(val: InlineJustify | null);
11
+ get wrap(): boolean;
12
+ set wrap(val: boolean);
13
+ connectedCallback(): void;
14
+ attributeChangedCallback(): void;
15
+ private _syncScheduled;
16
+ private _scheduleSync;
17
+ private _prev;
18
+ private _sync;
19
+ private _apply;
20
+ }
21
+ declare global {
22
+ interface HTMLElementTagNameMap {
23
+ 'loom-inline': LoomInline;
24
+ }
25
+ }
26
+ export { LoomInline };
27
+ //# sourceMappingURL=Inline.element.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Inline.element.d.ts","sourceRoot":"","sources":["../../../../../src/design-system/package/ui/primitives/Inline/adapters/Inline.element.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAErE,cAAM,UAAW,SAAQ,WAAW;IAElC,MAAM,CAAC,kBAAkB,+CAAgD;IAGzE,IAAI,GAAG,IAAI,eAAe,GAAG,IAAI,CAEhC;IACD,IAAI,GAAG,CAAC,GAAG,EAAE,eAAe,GAAG,IAAI,EAGlC;IAED,IAAI,KAAK,IAAI,WAAW,GAAG,IAAI,CAE9B;IACD,IAAI,KAAK,CAAC,GAAG,EAAE,WAAW,GAAG,IAAI,EAGhC;IAED,IAAI,OAAO,IAAI,aAAa,GAAG,IAAI,CAElC;IACD,IAAI,OAAO,CAAC,GAAG,EAAE,aAAa,GAAG,IAAI,EAGpC;IAED,IAAI,IAAI,IAAI,OAAO,CAElB;IACD,IAAI,IAAI,CAAC,GAAG,EAAE,OAAO,EAEpB;IAGD,iBAAiB;IAKjB,wBAAwB;IAIxB,OAAO,CAAC,cAAc,CAAS;IAE/B,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,KAAK,CAKX;IAGF,OAAO,CAAC,KAAK;IAUb,OAAO,CAAC,MAAM;CAYf;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}
@@ -1,3 +1,4 @@
1
1
  export { Inline } from './adapters/Inline.react.tsx';
2
+ export { INLINE_ALIGNS, INLINE_JUSTIFIES } from './Inline.types.ts';
2
3
  export type { InlineProps, InlineAlign, InlineJustify } from './Inline.types.ts';
3
4
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/design-system/package/ui/primitives/Inline/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/design-system/package/ui/primitives/Inline/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACpE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Stack.css.d.ts","sourceRoot":"","sources":["../../../../src/design-system/package/ui/primitives/Stack/Stack.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,QAGf,CAAC;AAEH,eAAO,MAAM,GAAG,kIAgBd,CAAC;AAEH,eAAO,MAAM,KAAK,qEAMhB,CAAC;AAEH,eAAO,MAAM,OAAO,8EAOlB,CAAC"}
1
+ {"version":3,"file":"Stack.css.d.ts","sourceRoot":"","sources":["../../../../src/design-system/package/ui/primitives/Stack/Stack.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,QAGf,CAAC;AAEH,eAAO,MAAM,GAAG,kIAAsD,CAAC;AAEvE,eAAO,MAAM,KAAK,qEAMhB,CAAC;AAEH,eAAO,MAAM,OAAO,8EAOlB,CAAC"}
@@ -1,7 +1,9 @@
1
1
  import { ElementType, ComponentPropsWithoutRef, ReactNode } from 'react';
2
2
  import { SpacingTokenKey } from '../../../tokens/index.ts';
3
- export type StackAlign = 'start' | 'center' | 'end' | 'stretch' | 'baseline';
4
- export type StackJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
3
+ export declare const STACK_ALIGNS: readonly ["start", "center", "end", "stretch", "baseline"];
4
+ export declare const STACK_JUSTIFIES: readonly ["start", "center", "end", "between", "around", "evenly"];
5
+ export type StackAlign = typeof STACK_ALIGNS[number];
6
+ export type StackJustify = typeof STACK_JUSTIFIES[number];
5
7
  export interface StackOwnProps<T extends ElementType = 'div'> {
6
8
  as?: T;
7
9
  gap?: SpacingTokenKey;
@@ -1 +1 @@
1
- {"version":3,"file":"Stack.types.d.ts","sourceRoot":"","sources":["../../../../src/design-system/package/ui/primitives/Stack/Stack.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAEhE,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAAC;AAC7E,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAExF,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK;IAC1D,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,GAAG,CAAC,EAAE,eAAe,CAAC;IACtB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAClD,aAAa,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC"}
1
+ {"version":3,"file":"Stack.types.d.ts","sourceRoot":"","sources":["../../../../src/design-system/package/ui/primitives/Stack/Stack.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAEhE,eAAO,MAAM,YAAY,4DAAgE,CAAC;AAC1F,eAAO,MAAM,eAAe,oEAAqE,CAAC;AAElG,MAAM,MAAM,UAAU,GAAK,OAAO,YAAY,CAAC,MAAM,CAAC,CAAC;AACvD,MAAM,MAAM,YAAY,GAAG,OAAO,eAAe,CAAC,MAAM,CAAC,CAAC;AAE1D,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK;IAC1D,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,GAAG,CAAC,EAAE,eAAe,CAAC;IACtB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAClD,aAAa,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC"}
@@ -0,0 +1,25 @@
1
+ import { SpacingTokenKey } from '../../../../tokens/index.ts';
2
+ import { StackAlign, StackJustify } from '../Stack.types.ts';
3
+ declare class LoomStack extends HTMLElement {
4
+ static observedAttributes: readonly ["gap", "align", "justify"];
5
+ get gap(): SpacingTokenKey | null;
6
+ set gap(val: SpacingTokenKey | null);
7
+ get align(): StackAlign | null;
8
+ set align(val: StackAlign | null);
9
+ get justify(): StackJustify | null;
10
+ set justify(val: StackJustify | null);
11
+ connectedCallback(): void;
12
+ attributeChangedCallback(): void;
13
+ private _syncScheduled;
14
+ private _scheduleSync;
15
+ private _prev;
16
+ private _sync;
17
+ private _apply;
18
+ }
19
+ declare global {
20
+ interface HTMLElementTagNameMap {
21
+ 'loom-stack': LoomStack;
22
+ }
23
+ }
24
+ export { LoomStack };
25
+ //# sourceMappingURL=Stack.element.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Stack.element.d.ts","sourceRoot":"","sources":["../../../../../src/design-system/package/ui/primitives/Stack/adapters/Stack.element.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAElE,cAAM,SAAU,SAAQ,WAAW;IAEjC,MAAM,CAAC,kBAAkB,uCAAwC;IAGjE,IAAI,GAAG,IAAI,eAAe,GAAG,IAAI,CAEhC;IACD,IAAI,GAAG,CAAC,GAAG,EAAE,eAAe,GAAG,IAAI,EAGlC;IAED,IAAI,KAAK,IAAI,UAAU,GAAG,IAAI,CAE7B;IACD,IAAI,KAAK,CAAC,GAAG,EAAE,UAAU,GAAG,IAAI,EAG/B;IAED,IAAI,OAAO,IAAI,YAAY,GAAG,IAAI,CAEjC;IACD,IAAI,OAAO,CAAC,GAAG,EAAE,YAAY,GAAG,IAAI,EAGnC;IAGD,iBAAiB;IAKjB,wBAAwB;IAIxB,OAAO,CAAC,cAAc,CAAS;IAE/B,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,KAAK,CAIX;IAGF,OAAO,CAAC,KAAK;IAQb,OAAO,CAAC,MAAM;CAYf;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}
@@ -1,3 +1,4 @@
1
1
  export { Stack } from './adapters/Stack.react.tsx';
2
+ export { STACK_ALIGNS, STACK_JUSTIFIES } from './Stack.types.ts';
2
3
  export type { StackProps, StackAlign, StackJustify } from './Stack.types.ts';
3
4
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/design-system/package/ui/primitives/Stack/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AACnD,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/design-system/package/ui/primitives/Stack/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACjE,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC"}
@@ -1,2 +1,4 @@
1
+ export declare const root: string;
1
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>;
2
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,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"}