@m3e/card 1.0.0-rc.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 (42) hide show
  1. package/LICENSE +22 -0
  2. package/README.md +268 -0
  3. package/cem.config.mjs +16 -0
  4. package/demo/index.html +126 -0
  5. package/dist/css-custom-data.json +367 -0
  6. package/dist/custom-elements.json +629 -0
  7. package/dist/html-custom-data.json +33 -0
  8. package/dist/index.js +689 -0
  9. package/dist/index.js.map +1 -0
  10. package/dist/index.min.js +272 -0
  11. package/dist/index.min.js.map +1 -0
  12. package/dist/src/CardElement.d.ts +168 -0
  13. package/dist/src/CardElement.d.ts.map +1 -0
  14. package/dist/src/CardOrientation.d.ts +3 -0
  15. package/dist/src/CardOrientation.d.ts.map +1 -0
  16. package/dist/src/CardVariant.d.ts +3 -0
  17. package/dist/src/CardVariant.d.ts.map +1 -0
  18. package/dist/src/index.d.ts +4 -0
  19. package/dist/src/index.d.ts.map +1 -0
  20. package/dist/src/styles/CardStyle.d.ts +7 -0
  21. package/dist/src/styles/CardStyle.d.ts.map +1 -0
  22. package/dist/src/styles/CardToken.d.ts +9 -0
  23. package/dist/src/styles/CardToken.d.ts.map +1 -0
  24. package/dist/src/styles/CardVariantStyle.d.ts +7 -0
  25. package/dist/src/styles/CardVariantStyle.d.ts.map +1 -0
  26. package/dist/src/styles/CardVariantToken.d.ts +50 -0
  27. package/dist/src/styles/CardVariantToken.d.ts.map +1 -0
  28. package/dist/src/styles/index.d.ts +3 -0
  29. package/dist/src/styles/index.d.ts.map +1 -0
  30. package/eslint.config.mjs +13 -0
  31. package/package.json +48 -0
  32. package/rollup.config.js +32 -0
  33. package/src/CardElement.ts +258 -0
  34. package/src/CardOrientation.ts +2 -0
  35. package/src/CardVariant.ts +2 -0
  36. package/src/index.ts +3 -0
  37. package/src/styles/CardStyle.ts +163 -0
  38. package/src/styles/CardToken.ts +12 -0
  39. package/src/styles/CardVariantStyle.ts +99 -0
  40. package/src/styles/CardVariantToken.ts +205 -0
  41. package/src/styles/index.ts +2 -0
  42. package/tsconfig.json +9 -0
package/dist/css-custom-data.json ADDED
@@ -0,0 +1,367 @@
1
+ {
2
+ "$schema": "https://raw.githubusercontent.com/microsoft/vscode-css-languageservice/main/docs/customData.schema.json",
3
+ "version": 1.1,
4
+ "properties": [
5
+ {
6
+ "name": "--m3e-card-padding",
7
+ "description": "Internal spacing for all slotted regions",
8
+ "values": []
9
+ },
10
+ {
11
+ "name": "--m3e-card-shape",
12
+ "description": "Corner radius of the card container.",
13
+ "values": []
14
+ },
15
+ {
16
+ "name": "--m3e-filled-card-text-color",
17
+ "description": "Foreground color for text content in filled cards.",
18
+ "values": []
19
+ },
20
+ {
21
+ "name": "--m3e-filled-card-container-color",
22
+ "description": "Background color of the filled card container.",
23
+ "values": []
24
+ },
25
+ {
26
+ "name": "--m3e-filled-card-container-elevation",
27
+ "description": "Elevation level for filled card container.",
28
+ "values": []
29
+ },
30
+ {
31
+ "name": "--m3e-filled-card-disabled-text-color",
32
+ "description": "Text color when filled card is disabled.",
33
+ "values": []
34
+ },
35
+ {
36
+ "name": "--m3e-filled-card-disabled-text-opacity",
37
+ "description": "Opacity applied to text when disabled.",
38
+ "values": []
39
+ },
40
+ {
41
+ "name": "--m3e-filled-card-disabled-container-color",
42
+ "description": "Background color when disabled.",
43
+ "values": []
44
+ },
45
+ {
46
+ "name": "--m3e-filled-card-disabled-container-elevation",
47
+ "description": "Elevation level when disabled.",
48
+ "values": []
49
+ },
50
+ {
51
+ "name": "--m3e-filled-card-disabled-container-elevation-color",
52
+ "description": "Shadow color when disabled.",
53
+ "values": []
54
+ },
55
+ {
56
+ "name": "--m3e-filled-card-disabled-container-elevation-opacity",
57
+ "description": "Shadow opacity when disabled.",
58
+ "values": []
59
+ },
60
+ {
61
+ "name": "--m3e-filled-card-disabled-container-opacity",
62
+ "description": "Overall container opacity when disabled.",
63
+ "values": []
64
+ },
65
+ {
66
+ "name": "--m3e-filled-card-hover-text-color",
67
+ "description": "Text color on hover.",
68
+ "values": []
69
+ },
70
+ {
71
+ "name": "--m3e-filled-card-hover-state-layer-color",
72
+ "description": "State layer color on hover.",
73
+ "values": []
74
+ },
75
+ {
76
+ "name": "--m3e-filled-card-hover-state-layer-opacity",
77
+ "description": "State layer opacity on hover.",
78
+ "values": []
79
+ },
80
+ {
81
+ "name": "--m3e-filled-card-hover-container-elevation",
82
+ "description": "Elevation level on hover.",
83
+ "values": []
84
+ },
85
+ {
86
+ "name": "--m3e-filled-card-focus-text-color",
87
+ "description": "Text color on focus.",
88
+ "values": []
89
+ },
90
+ {
91
+ "name": "--m3e-filled-card-focus-state-layer-color",
92
+ "description": "State layer color on focus.",
93
+ "values": []
94
+ },
95
+ {
96
+ "name": "--m3e-filled-card-focus-state-layer-opacity",
97
+ "description": "State layer opacity on focus.",
98
+ "values": []
99
+ },
100
+ {
101
+ "name": "--m3e-filled-card-focus-container-elevation",
102
+ "description": "Elevation level on focus.",
103
+ "values": []
104
+ },
105
+ {
106
+ "name": "--m3e-filled-card-pressed-text-color",
107
+ "description": "Text color on press.",
108
+ "values": []
109
+ },
110
+ {
111
+ "name": "--m3e-filled-card-pressed-state-layer-color",
112
+ "description": "State layer color on press.",
113
+ "values": []
114
+ },
115
+ {
116
+ "name": "--m3e-filled-card-pressed-state-layer-opacity",
117
+ "description": "State layer opacity on press.",
118
+ "values": []
119
+ },
120
+ {
121
+ "name": "--m3e-filled-card-pressed-container-elevation",
122
+ "description": "Elevation level on press.",
123
+ "values": []
124
+ },
125
+ {
126
+ "name": "--m3e-elevated-card-text-color",
127
+ "description": "Foreground color for text content in elevated cards.",
128
+ "values": []
129
+ },
130
+ {
131
+ "name": "--m3e-elevated-card-container-color",
132
+ "description": "Background color of the elevated card container.",
133
+ "values": []
134
+ },
135
+ {
136
+ "name": "--m3e-elevated-card-container-elevation",
137
+ "description": "Elevation level for elevated card container.",
138
+ "values": []
139
+ },
140
+ {
141
+ "name": "--m3e-elevated-card-disabled-text-color",
142
+ "description": "Text color when elevated card is disabled.",
143
+ "values": []
144
+ },
145
+ {
146
+ "name": "--m3e-elevated-card-disabled-text-opacity",
147
+ "description": "Opacity applied to text when disabled.",
148
+ "values": []
149
+ },
150
+ {
151
+ "name": "--m3e-elevated-card-disabled-container-color",
152
+ "description": "Background color when disabled.",
153
+ "values": []
154
+ },
155
+ {
156
+ "name": "--m3e-elevated-card-disabled-container-elevation",
157
+ "description": "Elevation level when disabled.",
158
+ "values": []
159
+ },
160
+ {
161
+ "name": "--m3e-elevated-card-disabled-container-elevation-color",
162
+ "description": "Shadow color when disabled.",
163
+ "values": []
164
+ },
165
+ {
166
+ "name": "--m3e-elevated-card-disabled-container-elevation-opacity",
167
+ "description": "Shadow opacity when disabled.",
168
+ "values": []
169
+ },
170
+ {
171
+ "name": "--m3e-elevated-card-disabled-container-opacity",
172
+ "description": "Overall container opacity when disabled.",
173
+ "values": []
174
+ },
175
+ {
176
+ "name": "--m3e-elevated-card-hover-text-color",
177
+ "description": "Text color on hover.",
178
+ "values": []
179
+ },
180
+ {
181
+ "name": "--m3e-elevated-card-hover-state-layer-color",
182
+ "description": "State layer color on hover.",
183
+ "values": []
184
+ },
185
+ {
186
+ "name": "--m3e-elevated-card-hover-state-layer-opacity",
187
+ "description": "State layer opacity on hover.",
188
+ "values": []
189
+ },
190
+ {
191
+ "name": "--m3e-elevated-card-hover-container-elevation",
192
+ "description": "Elevation level on hover.",
193
+ "values": []
194
+ },
195
+ {
196
+ "name": "--m3e-elevated-card-focus-text-color",
197
+ "description": "Text color on focus.",
198
+ "values": []
199
+ },
200
+ {
201
+ "name": "--m3e-elevated-card-focus-state-layer-color",
202
+ "description": "State layer color on focus.",
203
+ "values": []
204
+ },
205
+ {
206
+ "name": "--m3e-elevated-card-focus-state-layer-opacity",
207
+ "description": "State layer opacity on focus.",
208
+ "values": []
209
+ },
210
+ {
211
+ "name": "--m3e-elevated-card-focus-container-elevation",
212
+ "description": "Elevation level on focus.",
213
+ "values": []
214
+ },
215
+ {
216
+ "name": "--m3e-elevated-card-pressed-text-color",
217
+ "description": "Text color on press.",
218
+ "values": []
219
+ },
220
+ {
221
+ "name": "--m3e-elevated-card-pressed-state-layer-color",
222
+ "description": "State layer color on press.",
223
+ "values": []
224
+ },
225
+ {
226
+ "name": "--m3e-elevated-card-pressed-state-layer-opacity",
227
+ "description": "State layer opacity on press.",
228
+ "values": []
229
+ },
230
+ {
231
+ "name": "--m3e-elevated-card-pressed-container-elevation",
232
+ "description": "Elevation level on press.",
233
+ "values": []
234
+ },
235
+ {
236
+ "name": "--m3e-outlined-card-text-color",
237
+ "description": "Foreground color for text content in outlined cards.",
238
+ "values": []
239
+ },
240
+ {
241
+ "name": "--m3e-outlined-card-container-elevation",
242
+ "description": "Elevation level for outlined card container.",
243
+ "values": []
244
+ },
245
+ {
246
+ "name": "--m3e-outlined-card-outline-color",
247
+ "description": "Border color for outlined cards.",
248
+ "values": []
249
+ },
250
+ {
251
+ "name": "--m3e-outlined-card-outline-thickness",
252
+ "description": "Border thickness for outlined cards.",
253
+ "values": []
254
+ },
255
+ {
256
+ "name": "--m3e-outlined-card-disabled-text-color",
257
+ "description": "Text color when outlined card is disabled.",
258
+ "values": []
259
+ },
260
+ {
261
+ "name": "--m3e-outlined-card-disabled-text-opacity",
262
+ "description": "Opacity applied to text when disabled.",
263
+ "values": []
264
+ },
265
+ {
266
+ "name": "--m3e-outlined-card-disabled-container-elevation",
267
+ "description": "Elevation level when disabled.",
268
+ "values": []
269
+ },
270
+ {
271
+ "name": "--m3e-outlined-card-disabled-container-elevation-color",
272
+ "description": "Shadow color when disabled.",
273
+ "values": []
274
+ },
275
+ {
276
+ "name": "--m3e-outlined-card-disabled-container-elevation-opacity",
277
+ "description": "Shadow opacity when disabled.",
278
+ "values": []
279
+ },
280
+ {
281
+ "name": "--m3e-outlined-card-disabled-outline-color",
282
+ "description": "Border color when disabled.",
283
+ "values": []
284
+ },
285
+ {
286
+ "name": "--m3e-outlined-card-disabled-outline-opacity",
287
+ "description": "Border opacity when disabled.",
288
+ "values": []
289
+ },
290
+ {
291
+ "name": "--m3e-outlined-card-hover-text-color",
292
+ "description": "Text color on hover.",
293
+ "values": []
294
+ },
295
+ {
296
+ "name": "--m3e-outlined-card-hover-state-layer-color",
297
+ "description": "State layer color on hover.",
298
+ "values": []
299
+ },
300
+ {
301
+ "name": "--m3e-outlined-card-hover-state-layer-opacity",
302
+ "description": "State layer opacity on hover.",
303
+ "values": []
304
+ },
305
+ {
306
+ "name": "--m3e-outlined-card-hover-container-elevation",
307
+ "description": "Elevation level on hover.",
308
+ "values": []
309
+ },
310
+ {
311
+ "name": "--m3e-outlined-card-hover-outline-color",
312
+ "description": "Border color on hover.",
313
+ "values": []
314
+ },
315
+ {
316
+ "name": "--m3e-outlined-card-focus-text-color",
317
+ "description": "Text color on focus.",
318
+ "values": []
319
+ },
320
+ {
321
+ "name": "--m3e-outlined-card-focus-state-layer-color",
322
+ "description": "State layer color on focus.",
323
+ "values": []
324
+ },
325
+ {
326
+ "name": "--m3e-outlined-card-focus-state-layer-opacity",
327
+ "description": "State layer opacity on focus.",
328
+ "values": []
329
+ },
330
+ {
331
+ "name": "--m3e-outlined-card-focus-container-elevation",
332
+ "description": "Elevation level on focus.",
333
+ "values": []
334
+ },
335
+ {
336
+ "name": "--m3e-outlined-card-focus-outline-color",
337
+ "description": "Border color on focus.",
338
+ "values": []
339
+ },
340
+ {
341
+ "name": "--m3e-outlined-card-pressed-text-color",
342
+ "description": "Text color on press.",
343
+ "values": []
344
+ },
345
+ {
346
+ "name": "--m3e-outlined-card-pressed-state-layer-color",
347
+ "description": "State layer color on press.",
348
+ "values": []
349
+ },
350
+ {
351
+ "name": "--m3e-outlined-card-pressed-state-layer-opacity",
352
+ "description": "State layer opacity on press.",
353
+ "values": []
354
+ },
355
+ {
356
+ "name": "--m3e-outlined-card-pressed-container-elevation",
357
+ "description": "Elevation level on press.",
358
+ "values": []
359
+ },
360
+ {
361
+ "name": "--m3e-outlined-card-pressed-outline-color",
362
+ "description": "Border color on press.",
363
+ "values": []
364
+ }
365
+ ],
366
+ "pseudoElements": []
367
+ }