@withlayers/components.notification 0.7.0 → 0.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/tokens.json +36 -94
- package/package.json +3 -3
package/dist/tokens.json
CHANGED
|
@@ -1,131 +1,100 @@
|
|
|
1
1
|
{
|
|
2
2
|
"notification": {
|
|
3
|
-
"$level": "component",
|
|
4
3
|
"border": {
|
|
5
|
-
"$level": "category",
|
|
6
4
|
"style": {
|
|
7
|
-
"$level": "property",
|
|
8
5
|
"value": "{border.style.solid}"
|
|
9
6
|
},
|
|
10
7
|
"width": {
|
|
11
|
-
"$level": "property",
|
|
12
8
|
"xs": {
|
|
13
|
-
"$level": "scale",
|
|
14
9
|
"value": "{border.width.sm}"
|
|
15
10
|
},
|
|
16
11
|
"sm": {
|
|
17
|
-
"$level": "scale",
|
|
18
12
|
"value": "{border.width.sm}"
|
|
19
13
|
},
|
|
20
14
|
"md": {
|
|
21
|
-
"$level": "scale",
|
|
22
15
|
"value": "{border.width.sm}"
|
|
23
16
|
},
|
|
24
17
|
"lg": {
|
|
25
|
-
"$level": "scale",
|
|
26
18
|
"value": "{border.width.sm}"
|
|
27
19
|
}
|
|
28
20
|
},
|
|
29
21
|
"radius": {
|
|
30
|
-
"$level": "property",
|
|
31
22
|
"xs": {
|
|
32
|
-
"$level": "scale",
|
|
33
23
|
"value": "{border.radius.md}"
|
|
34
24
|
},
|
|
35
25
|
"sm": {
|
|
36
|
-
"$level": "scale",
|
|
37
26
|
"value": "{border.radius.md}"
|
|
38
27
|
},
|
|
39
28
|
"md": {
|
|
40
|
-
"$level": "scale",
|
|
41
29
|
"value": "{border.radius.md}"
|
|
42
30
|
},
|
|
43
31
|
"lg": {
|
|
44
|
-
"$level": "scale",
|
|
45
32
|
"value": "{border.radius.md}"
|
|
46
33
|
}
|
|
47
34
|
}
|
|
48
35
|
},
|
|
49
36
|
"space": {
|
|
50
|
-
"$level": "category",
|
|
51
37
|
"inset": {
|
|
52
|
-
"$level": "property",
|
|
53
38
|
"block": {
|
|
54
|
-
"$level": "subproperty",
|
|
55
39
|
"xs": {
|
|
56
|
-
"$level": "scale",
|
|
57
40
|
"value": "{space.20}"
|
|
58
41
|
},
|
|
59
42
|
"sm": {
|
|
60
|
-
"$level": "scale",
|
|
61
43
|
"value": "{space.30}"
|
|
62
44
|
},
|
|
63
45
|
"md": {
|
|
64
|
-
"$level": "scale",
|
|
65
46
|
"value": "{space.40}"
|
|
66
47
|
},
|
|
67
48
|
"lg": {
|
|
68
|
-
"$level": "scale",
|
|
69
49
|
"value": "{space.50}"
|
|
70
50
|
}
|
|
71
51
|
},
|
|
72
52
|
"inline": {
|
|
73
|
-
"$level": "subproperty",
|
|
74
53
|
"xs": {
|
|
75
|
-
"$level": "scale",
|
|
76
54
|
"value": "{space.30}"
|
|
77
55
|
},
|
|
78
56
|
"sm": {
|
|
79
|
-
"$level": "scale",
|
|
80
57
|
"value": "{space.40}"
|
|
81
58
|
},
|
|
82
59
|
"md": {
|
|
83
|
-
"$level": "scale",
|
|
84
60
|
"value": "{space.50}"
|
|
85
61
|
},
|
|
86
62
|
"lg": {
|
|
87
|
-
"$level": "scale",
|
|
88
63
|
"value": "{space.60}"
|
|
89
64
|
}
|
|
90
65
|
}
|
|
91
66
|
}
|
|
92
67
|
},
|
|
93
68
|
"typography": {
|
|
94
|
-
"$level": "category",
|
|
95
69
|
"font-family": {
|
|
96
|
-
"$level": "property",
|
|
97
70
|
"xs": {
|
|
98
|
-
"$level": "scale",
|
|
99
71
|
"value": "{typography.font-family.secondary}"
|
|
100
72
|
},
|
|
101
73
|
"sm": {
|
|
102
|
-
"$level": "scale",
|
|
103
74
|
"value": "{typography.font-family.secondary}"
|
|
104
75
|
},
|
|
105
76
|
"md": {
|
|
106
|
-
"$level": "scale",
|
|
107
77
|
"value": "{typography.font-family.secondary}"
|
|
108
78
|
},
|
|
109
79
|
"lg": {
|
|
110
|
-
"$level": "scale",
|
|
111
80
|
"value": "{typography.font-family.secondary}"
|
|
112
81
|
}
|
|
113
82
|
},
|
|
114
83
|
"font-size": {
|
|
115
|
-
"$level": "property",
|
|
116
84
|
"xs": {
|
|
117
|
-
"$level": "scale",
|
|
118
85
|
"value": {
|
|
119
|
-
"
|
|
86
|
+
"$isFluid": true,
|
|
120
87
|
"min": {
|
|
121
|
-
"value": "{typography.font-size.12}"
|
|
122
|
-
"breakpoint": {
|
|
123
|
-
"value": "{breakpoint.xs}"
|
|
124
|
-
}
|
|
88
|
+
"value": "{typography.font-size.12}"
|
|
125
89
|
},
|
|
126
90
|
"max": {
|
|
127
|
-
"value": "{typography.font-size.14}"
|
|
128
|
-
|
|
91
|
+
"value": "{typography.font-size.14}"
|
|
92
|
+
},
|
|
93
|
+
"breakpoint": {
|
|
94
|
+
"min": {
|
|
95
|
+
"value": "{breakpoint.xs}"
|
|
96
|
+
},
|
|
97
|
+
"max": {
|
|
129
98
|
"value": "{breakpoint.xl}"
|
|
130
99
|
}
|
|
131
100
|
},
|
|
@@ -135,18 +104,19 @@
|
|
|
135
104
|
}
|
|
136
105
|
},
|
|
137
106
|
"sm": {
|
|
138
|
-
"$level": "scale",
|
|
139
107
|
"value": {
|
|
140
|
-
"
|
|
108
|
+
"$isFluid": true,
|
|
141
109
|
"min": {
|
|
142
|
-
"value": "{typography.font-size.12}"
|
|
143
|
-
"breakpoint": {
|
|
144
|
-
"value": "{breakpoint.xs}"
|
|
145
|
-
}
|
|
110
|
+
"value": "{typography.font-size.12}"
|
|
146
111
|
},
|
|
147
112
|
"max": {
|
|
148
|
-
"value": "{typography.font-size.14}"
|
|
149
|
-
|
|
113
|
+
"value": "{typography.font-size.14}"
|
|
114
|
+
},
|
|
115
|
+
"breakpoint": {
|
|
116
|
+
"min": {
|
|
117
|
+
"value": "{breakpoint.xs}"
|
|
118
|
+
},
|
|
119
|
+
"max": {
|
|
150
120
|
"value": "{breakpoint.xl}"
|
|
151
121
|
}
|
|
152
122
|
},
|
|
@@ -156,18 +126,19 @@
|
|
|
156
126
|
}
|
|
157
127
|
},
|
|
158
128
|
"md": {
|
|
159
|
-
"$level": "scale",
|
|
160
129
|
"value": {
|
|
161
|
-
"
|
|
130
|
+
"$isFluid": true,
|
|
162
131
|
"min": {
|
|
163
|
-
"value": "{typography.font-size.14}"
|
|
164
|
-
"breakpoint": {
|
|
165
|
-
"value": "{breakpoint.xs}"
|
|
166
|
-
}
|
|
132
|
+
"value": "{typography.font-size.14}"
|
|
167
133
|
},
|
|
168
134
|
"max": {
|
|
169
|
-
"value": "{typography.font-size.16}"
|
|
170
|
-
|
|
135
|
+
"value": "{typography.font-size.16}"
|
|
136
|
+
},
|
|
137
|
+
"breakpoint": {
|
|
138
|
+
"min": {
|
|
139
|
+
"value": "{breakpoint.xs}"
|
|
140
|
+
},
|
|
141
|
+
"max": {
|
|
171
142
|
"value": "{breakpoint.xl}"
|
|
172
143
|
}
|
|
173
144
|
},
|
|
@@ -177,18 +148,19 @@
|
|
|
177
148
|
}
|
|
178
149
|
},
|
|
179
150
|
"lg": {
|
|
180
|
-
"$level": "scale",
|
|
181
151
|
"value": {
|
|
182
|
-
"
|
|
152
|
+
"$isFluid": true,
|
|
183
153
|
"min": {
|
|
184
|
-
"value": "{typography.font-size.16}"
|
|
185
|
-
"breakpoint": {
|
|
186
|
-
"value": "{breakpoint.xs}"
|
|
187
|
-
}
|
|
154
|
+
"value": "{typography.font-size.16}"
|
|
188
155
|
},
|
|
189
156
|
"max": {
|
|
190
|
-
"value": "{typography.font-size.18}"
|
|
191
|
-
|
|
157
|
+
"value": "{typography.font-size.18}"
|
|
158
|
+
},
|
|
159
|
+
"breakpoint": {
|
|
160
|
+
"min": {
|
|
161
|
+
"value": "{breakpoint.xs}"
|
|
162
|
+
},
|
|
163
|
+
"max": {
|
|
192
164
|
"value": "{breakpoint.xl}"
|
|
193
165
|
}
|
|
194
166
|
},
|
|
@@ -199,116 +171,86 @@
|
|
|
199
171
|
}
|
|
200
172
|
},
|
|
201
173
|
"font-style": {
|
|
202
|
-
"$level": "property",
|
|
203
174
|
"xs": {
|
|
204
|
-
"$level": "scale",
|
|
205
175
|
"value": "{typography.font-style.normal}"
|
|
206
176
|
},
|
|
207
177
|
"sm": {
|
|
208
|
-
"$level": "scale",
|
|
209
178
|
"value": "{typography.font-style.normal}"
|
|
210
179
|
},
|
|
211
180
|
"md": {
|
|
212
|
-
"$level": "scale",
|
|
213
181
|
"value": "{typography.font-style.normal}"
|
|
214
182
|
},
|
|
215
183
|
"lg": {
|
|
216
|
-
"$level": "scale",
|
|
217
184
|
"value": "{typography.font-style.normal}"
|
|
218
185
|
}
|
|
219
186
|
},
|
|
220
187
|
"font-variant-caps": {
|
|
221
|
-
"$level": "property",
|
|
222
188
|
"xs": {
|
|
223
|
-
"$level": "scale",
|
|
224
189
|
"value": "{typography.font-variant-caps.normal}"
|
|
225
190
|
},
|
|
226
191
|
"sm": {
|
|
227
|
-
"$level": "scale",
|
|
228
192
|
"value": "{typography.font-variant-caps.normal}"
|
|
229
193
|
},
|
|
230
194
|
"md": {
|
|
231
|
-
"$level": "scale",
|
|
232
195
|
"value": "{typography.font-variant-caps.normal}"
|
|
233
196
|
},
|
|
234
197
|
"lg": {
|
|
235
|
-
"$level": "scale",
|
|
236
198
|
"value": "{typography.font-variant-caps.normal}"
|
|
237
199
|
}
|
|
238
200
|
},
|
|
239
201
|
"font-weight": {
|
|
240
|
-
"$level": "property",
|
|
241
202
|
"xs": {
|
|
242
|
-
"$level": "scale",
|
|
243
203
|
"value": "{typography.font-weight.medium}"
|
|
244
204
|
},
|
|
245
205
|
"sm": {
|
|
246
|
-
"$level": "scale",
|
|
247
206
|
"value": "{typography.font-weight.medium}"
|
|
248
207
|
},
|
|
249
208
|
"md": {
|
|
250
|
-
"$level": "scale",
|
|
251
209
|
"value": "{typography.font-weight.medium}"
|
|
252
210
|
},
|
|
253
211
|
"lg": {
|
|
254
|
-
"$level": "scale",
|
|
255
212
|
"value": "{typography.font-weight.medium}"
|
|
256
213
|
}
|
|
257
214
|
},
|
|
258
215
|
"letter-spacing": {
|
|
259
|
-
"$level": "property",
|
|
260
216
|
"xs": {
|
|
261
|
-
"$level": "scale",
|
|
262
217
|
"value": "{typography.letter-spacing.normal}"
|
|
263
218
|
},
|
|
264
219
|
"sm": {
|
|
265
|
-
"$level": "scale",
|
|
266
220
|
"value": "{typography.letter-spacing.normal}"
|
|
267
221
|
},
|
|
268
222
|
"md": {
|
|
269
|
-
"$level": "scale",
|
|
270
223
|
"value": "{typography.letter-spacing.normal}"
|
|
271
224
|
},
|
|
272
225
|
"lg": {
|
|
273
|
-
"$level": "scale",
|
|
274
226
|
"value": "{typography.letter-spacing.normal}"
|
|
275
227
|
}
|
|
276
228
|
},
|
|
277
229
|
"line-height": {
|
|
278
|
-
"$level": "property",
|
|
279
230
|
"xs": {
|
|
280
|
-
"$level": "scale",
|
|
281
231
|
"value": "{typography.line-height.1250}"
|
|
282
232
|
},
|
|
283
233
|
"sm": {
|
|
284
|
-
"$level": "scale",
|
|
285
234
|
"value": "{typography.line-height.1250}"
|
|
286
235
|
},
|
|
287
236
|
"md": {
|
|
288
|
-
"$level": "scale",
|
|
289
237
|
"value": "{typography.line-height.1375}"
|
|
290
238
|
},
|
|
291
239
|
"lg": {
|
|
292
|
-
"$level": "scale",
|
|
293
240
|
"value": "{typography.line-height.1500}"
|
|
294
241
|
}
|
|
295
242
|
},
|
|
296
243
|
"text-transform": {
|
|
297
|
-
"$level": "property",
|
|
298
244
|
"xs": {
|
|
299
|
-
"$level": "scale",
|
|
300
245
|
"value": "{typography.text-transform.none}"
|
|
301
246
|
},
|
|
302
247
|
"sm": {
|
|
303
|
-
"$level": "scale",
|
|
304
248
|
"value": "{typography.text-transform.none}"
|
|
305
249
|
},
|
|
306
250
|
"md": {
|
|
307
|
-
"$level": "scale",
|
|
308
251
|
"value": "{typography.text-transform.none}"
|
|
309
252
|
},
|
|
310
253
|
"lg": {
|
|
311
|
-
"$level": "scale",
|
|
312
254
|
"value": "{typography.text-transform.none}"
|
|
313
255
|
}
|
|
314
256
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@withlayers/components.notification",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.9.0",
|
|
4
4
|
"description": "Notification component",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Dmitry Mayorov",
|
|
@@ -21,8 +21,8 @@
|
|
|
21
21
|
"lint:css:fix": "stylelint \"src/**/*.css\" --fix"
|
|
22
22
|
},
|
|
23
23
|
"dependencies": {
|
|
24
|
-
"@withlayers/mixins": "0.15.
|
|
25
|
-
"@withlayers/tokens": "0.
|
|
24
|
+
"@withlayers/mixins": "0.15.2",
|
|
25
|
+
"@withlayers/tokens": "0.25.0"
|
|
26
26
|
},
|
|
27
27
|
"devDependencies": {
|
|
28
28
|
"clsx": "^2.1.1",
|