@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.
- package/README.md +27 -0
- package/dist/Button.css-D0VmhqHb.cjs +1 -0
- package/dist/Button.css-DLt7TUnT.js +142 -0
- package/dist/core.cjs +1 -0
- package/dist/core.mjs +2 -0
- package/dist/elements.cjs +2 -0
- package/dist/elements.mjs +337 -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 +64 -413
- 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-BhDSE6xP.js +307 -0
- package/dist/theme-Cw8nZ0K9.cjs +1 -0
- package/dist/tokens/color/color.tokens.css.d.ts +4 -0
- package/dist/tokens/color/color.tokens.css.d.ts.map +1 -1
- 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 +2 -0
- package/dist/ui/primitives/Text/Text.css.d.ts.map +1 -1
- package/dist/ui/primitives/Text/Text.types.d.ts +2 -0
- package/dist/ui/primitives/Text/Text.types.d.ts.map +1 -1
- package/dist/ui/primitives/Text/adapters/Text.element.d.ts +22 -0
- package/dist/ui/primitives/Text/adapters/Text.element.d.ts.map +1 -0
- package/dist/ui/primitives/Text/adapters/Text.react.d.ts +1 -1
- package/dist/ui/primitives/Text/adapters/Text.react.d.ts.map +1 -1
- package/dist/ui/primitives/index.d.ts +2 -0
- package/dist/ui/primitives/index.d.ts.map +1 -1
- 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
|
|
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":"
|
|
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 @@
|
|
|
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 @@
|
|
|
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,
|
|
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
|
|
4
|
-
export
|
|
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,
|
|
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 +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,
|
|
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
|
|
4
|
-
export
|
|
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,
|
|
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 +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"}
|