rezel 1.0.5 → 1.0.6
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/custom-elements.json +308 -0
- package/package.json +3 -2
|
@@ -0,0 +1,308 @@
|
|
|
1
|
+
{
|
|
2
|
+
"schemaVersion": "1.0.0",
|
|
3
|
+
"readme": "",
|
|
4
|
+
"modules": [
|
|
5
|
+
{
|
|
6
|
+
"kind": "javascript-module",
|
|
7
|
+
"path": "src/index.ts",
|
|
8
|
+
"declarations": [],
|
|
9
|
+
"exports": [
|
|
10
|
+
{
|
|
11
|
+
"kind": "js",
|
|
12
|
+
"name": "*",
|
|
13
|
+
"declaration": {
|
|
14
|
+
"name": "*",
|
|
15
|
+
"module": "src/types"
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
"kind": "js",
|
|
20
|
+
"name": "GridElement",
|
|
21
|
+
"declaration": {
|
|
22
|
+
"name": "GridElement",
|
|
23
|
+
"module": "src/index.ts"
|
|
24
|
+
}
|
|
25
|
+
},
|
|
26
|
+
{
|
|
27
|
+
"kind": "js",
|
|
28
|
+
"name": "ResponsiveElement",
|
|
29
|
+
"declaration": {
|
|
30
|
+
"name": "ResponsiveElement",
|
|
31
|
+
"module": "src/index.ts"
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
]
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
"kind": "javascript-module",
|
|
38
|
+
"path": "src/types.ts",
|
|
39
|
+
"declarations": [],
|
|
40
|
+
"exports": []
|
|
41
|
+
},
|
|
42
|
+
{
|
|
43
|
+
"kind": "javascript-module",
|
|
44
|
+
"path": "src/components/grid-element.ts",
|
|
45
|
+
"declarations": [
|
|
46
|
+
{
|
|
47
|
+
"kind": "class",
|
|
48
|
+
"description": "",
|
|
49
|
+
"name": "GridElement",
|
|
50
|
+
"members": [
|
|
51
|
+
{
|
|
52
|
+
"kind": "method",
|
|
53
|
+
"name": "render"
|
|
54
|
+
},
|
|
55
|
+
{
|
|
56
|
+
"kind": "field",
|
|
57
|
+
"name": "adoptedStyleSheets",
|
|
58
|
+
"type": {
|
|
59
|
+
"text": "array"
|
|
60
|
+
},
|
|
61
|
+
"default": "[sheet]"
|
|
62
|
+
}
|
|
63
|
+
],
|
|
64
|
+
"attributes": [
|
|
65
|
+
{
|
|
66
|
+
"type": {
|
|
67
|
+
"text": "string"
|
|
68
|
+
},
|
|
69
|
+
"description": "set element's text alignment for each breakpoint",
|
|
70
|
+
"name": "text-align"
|
|
71
|
+
},
|
|
72
|
+
{
|
|
73
|
+
"type": {
|
|
74
|
+
"text": "string"
|
|
75
|
+
},
|
|
76
|
+
"description": "skip the given columns before the element for each breakpoint (Integers)",
|
|
77
|
+
"name": "skip-before"
|
|
78
|
+
},
|
|
79
|
+
{
|
|
80
|
+
"type": {
|
|
81
|
+
"text": "string"
|
|
82
|
+
},
|
|
83
|
+
"description": "skip the given columns after the element for each breakpoint (Integers)",
|
|
84
|
+
"name": "skip-after"
|
|
85
|
+
},
|
|
86
|
+
{
|
|
87
|
+
"type": {
|
|
88
|
+
"text": "string"
|
|
89
|
+
},
|
|
90
|
+
"description": "set element's display value for each breakpoint",
|
|
91
|
+
"name": "display"
|
|
92
|
+
},
|
|
93
|
+
{
|
|
94
|
+
"type": {
|
|
95
|
+
"text": "string"
|
|
96
|
+
},
|
|
97
|
+
"description": "set element's padding for each breakpoint (Dimension values)",
|
|
98
|
+
"name": "padding"
|
|
99
|
+
},
|
|
100
|
+
{
|
|
101
|
+
"type": {
|
|
102
|
+
"text": "string"
|
|
103
|
+
},
|
|
104
|
+
"description": "set element's flex order for each breakpoint (Integers)",
|
|
105
|
+
"name": "order"
|
|
106
|
+
},
|
|
107
|
+
{
|
|
108
|
+
"type": {
|
|
109
|
+
"text": "string"
|
|
110
|
+
},
|
|
111
|
+
"description": "set element's font-size for each breakpoint (Font values)",
|
|
112
|
+
"name": "font"
|
|
113
|
+
},
|
|
114
|
+
{
|
|
115
|
+
"type": {
|
|
116
|
+
"text": "string"
|
|
117
|
+
},
|
|
118
|
+
"description": "set element's column spans for each breakpoint (Integers)",
|
|
119
|
+
"name": "col"
|
|
120
|
+
},
|
|
121
|
+
{
|
|
122
|
+
"type": {
|
|
123
|
+
"text": "string"
|
|
124
|
+
},
|
|
125
|
+
"description": "set element's flex gap for each breakpoint (Dimension values)",
|
|
126
|
+
"name": "gap"
|
|
127
|
+
}
|
|
128
|
+
],
|
|
129
|
+
"superclass": {
|
|
130
|
+
"name": "HTMLElement"
|
|
131
|
+
},
|
|
132
|
+
"tagName": "r-grid",
|
|
133
|
+
"customElement": true,
|
|
134
|
+
"summary": "attributes are space-separated values for each break-point\r\n- Dimension values: none, small, medium, large, xlarge, xxlarge, small-, medium-, large-, xlarge-, xxlarge-\r\n- Font values: xsmall, small, medium, large, xlarge, xxlarge\r\n- ex:\r\n- font=\"medium large xlarge\"\r\n- col=\"12 6 4\""
|
|
135
|
+
}
|
|
136
|
+
],
|
|
137
|
+
"exports": [
|
|
138
|
+
{
|
|
139
|
+
"kind": "js",
|
|
140
|
+
"name": "GridElement",
|
|
141
|
+
"declaration": {
|
|
142
|
+
"name": "GridElement",
|
|
143
|
+
"module": "src/components/grid-element.ts"
|
|
144
|
+
}
|
|
145
|
+
},
|
|
146
|
+
{
|
|
147
|
+
"kind": "custom-element-definition",
|
|
148
|
+
"name": "r-grid",
|
|
149
|
+
"declaration": {
|
|
150
|
+
"name": "GridElement",
|
|
151
|
+
"module": "src/components/grid-element.ts"
|
|
152
|
+
}
|
|
153
|
+
}
|
|
154
|
+
]
|
|
155
|
+
},
|
|
156
|
+
{
|
|
157
|
+
"kind": "javascript-module",
|
|
158
|
+
"path": "src/components/resonsive-element.ts",
|
|
159
|
+
"declarations": [
|
|
160
|
+
{
|
|
161
|
+
"kind": "class",
|
|
162
|
+
"description": "",
|
|
163
|
+
"name": "ResponsiveElement",
|
|
164
|
+
"members": [
|
|
165
|
+
{
|
|
166
|
+
"kind": "field",
|
|
167
|
+
"name": "attr",
|
|
168
|
+
"type": {
|
|
169
|
+
"text": "Partial<ElemAttributeValues>"
|
|
170
|
+
},
|
|
171
|
+
"privacy": "private",
|
|
172
|
+
"default": "{}"
|
|
173
|
+
},
|
|
174
|
+
{
|
|
175
|
+
"kind": "method",
|
|
176
|
+
"name": "render"
|
|
177
|
+
},
|
|
178
|
+
{
|
|
179
|
+
"kind": "field",
|
|
180
|
+
"name": "adoptedStyleSheets",
|
|
181
|
+
"type": {
|
|
182
|
+
"text": "array"
|
|
183
|
+
},
|
|
184
|
+
"default": "[sheet]"
|
|
185
|
+
}
|
|
186
|
+
],
|
|
187
|
+
"attributes": [
|
|
188
|
+
{
|
|
189
|
+
"type": {
|
|
190
|
+
"text": "string"
|
|
191
|
+
},
|
|
192
|
+
"description": "set element's text alignment for each breakpoint",
|
|
193
|
+
"name": "text-align"
|
|
194
|
+
},
|
|
195
|
+
{
|
|
196
|
+
"type": {
|
|
197
|
+
"text": "string"
|
|
198
|
+
},
|
|
199
|
+
"description": "set element's display value for each breakpoint, space-separated",
|
|
200
|
+
"name": "display"
|
|
201
|
+
},
|
|
202
|
+
{
|
|
203
|
+
"type": {
|
|
204
|
+
"text": "string"
|
|
205
|
+
},
|
|
206
|
+
"description": "set element's font-size for each breakpoint, space-separated (Font values)",
|
|
207
|
+
"name": "font"
|
|
208
|
+
},
|
|
209
|
+
{
|
|
210
|
+
"type": {
|
|
211
|
+
"text": "string"
|
|
212
|
+
},
|
|
213
|
+
"description": "set element's padding for each breakpoint, space-separated (Dimension values)",
|
|
214
|
+
"name": "padding"
|
|
215
|
+
},
|
|
216
|
+
{
|
|
217
|
+
"type": {
|
|
218
|
+
"text": "string"
|
|
219
|
+
},
|
|
220
|
+
"description": "set element's margin for each breakpoint, space-separated (Integers)",
|
|
221
|
+
"name": "margin"
|
|
222
|
+
},
|
|
223
|
+
{
|
|
224
|
+
"type": {
|
|
225
|
+
"text": "string"
|
|
226
|
+
},
|
|
227
|
+
"description": "set element's margin-top for each breakpoint, space-separated (Dimension values)",
|
|
228
|
+
"name": "margin-top"
|
|
229
|
+
},
|
|
230
|
+
{
|
|
231
|
+
"type": {
|
|
232
|
+
"text": "string"
|
|
233
|
+
},
|
|
234
|
+
"description": "set element's margin-right for each breakpoint, space-separated (Dimension values)",
|
|
235
|
+
"name": "margin-right"
|
|
236
|
+
},
|
|
237
|
+
{
|
|
238
|
+
"type": {
|
|
239
|
+
"text": "string"
|
|
240
|
+
},
|
|
241
|
+
"description": "set element's margin-bottom for each breakpoint, space-separated (Dimension values)",
|
|
242
|
+
"name": "margin-bottom"
|
|
243
|
+
},
|
|
244
|
+
{
|
|
245
|
+
"type": {
|
|
246
|
+
"text": "string"
|
|
247
|
+
},
|
|
248
|
+
"description": "set element's margin-left for each breakpoint, space-separated (Dimension values)",
|
|
249
|
+
"name": "margin-left"
|
|
250
|
+
},
|
|
251
|
+
{
|
|
252
|
+
"type": {
|
|
253
|
+
"text": "string"
|
|
254
|
+
},
|
|
255
|
+
"description": "set element's padding-top for each breakpoint, space-separated (Dimension values)",
|
|
256
|
+
"name": "padding-top"
|
|
257
|
+
},
|
|
258
|
+
{
|
|
259
|
+
"type": {
|
|
260
|
+
"text": "string"
|
|
261
|
+
},
|
|
262
|
+
"description": "set element's padding-right for each breakpoint, space-separated (Dimension values)",
|
|
263
|
+
"name": "padding-right"
|
|
264
|
+
},
|
|
265
|
+
{
|
|
266
|
+
"type": {
|
|
267
|
+
"text": "string"
|
|
268
|
+
},
|
|
269
|
+
"description": "set element's padding-bottom for each breakpoint, space-separated (Dimension values)",
|
|
270
|
+
"name": "padding-bottom"
|
|
271
|
+
},
|
|
272
|
+
{
|
|
273
|
+
"type": {
|
|
274
|
+
"text": "string"
|
|
275
|
+
},
|
|
276
|
+
"description": "set element's padding-left for each breakpoint, space-separated (Dimension values)",
|
|
277
|
+
"name": "padding-left"
|
|
278
|
+
}
|
|
279
|
+
],
|
|
280
|
+
"superclass": {
|
|
281
|
+
"name": "HTMLElement"
|
|
282
|
+
},
|
|
283
|
+
"tagName": "r-elm",
|
|
284
|
+
"customElement": true,
|
|
285
|
+
"summary": "attributes are space-separated values for each break-point\r\n- Dimension values: none, small, medium, large, xlarge, xxlarge, small-, medium-, large-, xlarge-, xxlarge-\r\n- Font values: xsmall, small, medium, large, xlarge, xxlarge\r\n- ex:\r\n- font=\"medium large xlarge\"\r\n- col=\"12 6 4\""
|
|
286
|
+
}
|
|
287
|
+
],
|
|
288
|
+
"exports": [
|
|
289
|
+
{
|
|
290
|
+
"kind": "js",
|
|
291
|
+
"name": "ResponsiveElement",
|
|
292
|
+
"declaration": {
|
|
293
|
+
"name": "ResponsiveElement",
|
|
294
|
+
"module": "src/components/resonsive-element.ts"
|
|
295
|
+
}
|
|
296
|
+
},
|
|
297
|
+
{
|
|
298
|
+
"kind": "custom-element-definition",
|
|
299
|
+
"name": "r-elm",
|
|
300
|
+
"declaration": {
|
|
301
|
+
"name": "ResponsiveElement",
|
|
302
|
+
"module": "src/components/resonsive-element.ts"
|
|
303
|
+
}
|
|
304
|
+
}
|
|
305
|
+
]
|
|
306
|
+
}
|
|
307
|
+
]
|
|
308
|
+
}
|
package/package.json
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "rezel",
|
|
3
3
|
"description": "custom elements with responsive attributes",
|
|
4
|
-
"version": "1.0.
|
|
4
|
+
"version": "1.0.6",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"files": [
|
|
7
|
-
"dist"
|
|
7
|
+
"dist",
|
|
8
|
+
"./custom-elements.json"
|
|
8
9
|
],
|
|
9
10
|
"main": "./dist/rezel.cjs.js",
|
|
10
11
|
"module": "./dist/rezel.es.js",
|