@okshaun/components 0.4.5 → 0.5.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.
@@ -67,6 +67,10 @@
67
67
  "color]___[value:gold.40",
68
68
  "gridColumn]___[value:1 / -1",
69
69
  "marginTop]___[value:32",
70
+ "minWidth]___[value:16",
71
+ "height]___[value:fit",
72
+ "minWidth]___[value:20",
73
+ "minWidth]___[value:24",
70
74
  "color]___[value:text.subtle",
71
75
  "background]___[value:bg.neutral",
72
76
  "color]___[value:text.inverse",
@@ -177,6 +181,36 @@
177
181
  "fontWeight]___[value:medium",
178
182
  "width]___[value:24",
179
183
  "height]___[value:24",
184
+ "gap]___[value:6",
185
+ "gap]___[value:2",
186
+ "gap]___[value:3",
187
+ "zIndex]___[value:0",
188
+ "borderColor]___[value:var(--colors-bg)",
189
+ "width]___[value:80",
190
+ "fontWeight]___[value:500",
191
+ "fontWeight]___[value:600",
192
+ "fontSize]___[value:12",
193
+ "background]___[value:bg.success.bold",
194
+ "background]___[value:bg.danger.bold",
195
+ "background]___[value:bg.neutral.bold",
196
+ "background]___[value:bg.brand.bold",
197
+ "color]___[value:icon.inverse",
198
+ "width]___[value:12",
199
+ "height]___[value:12",
200
+ "gap]___[value:12",
201
+ "marginInline]___[value:16",
202
+ "width]___[value:20",
203
+ "height]___[value:20",
204
+ "width]___[value:32",
205
+ "height]___[value:32",
206
+ "width]___[value:fit",
207
+ "flexWrap]___[value:wrap",
208
+ "gap]___[value:1",
209
+ "color]___[value:text.muted",
210
+ "textStyle]___[value:mono.xs",
211
+ "gridTemplateColumns]___[value:auto auto auto",
212
+ "animation]___[value:badgePop 200ms ease-out",
213
+ "animation]___[value:badgePopStandalone 200ms ease-out",
180
214
  "opacity]___[value:0",
181
215
  "opacity]___[value:1",
182
216
  "position]___[value:absolute",
@@ -184,20 +218,19 @@
184
218
  "right]___[value:0",
185
219
  "bottom]___[value:0",
186
220
  "placeItems]___[value:center",
187
- "gap]___[value:12",
188
221
  "marginLeft]___[value:24",
222
+ "paddingInlineStart]___[value:4",
223
+ "paddingInlineEnd]___[value:4",
224
+ "width]___[value:100",
225
+ "maxWidth]___[value:lg",
189
226
  "background]___[value:transparent",
190
- "flexWrap]___[value:wrap",
191
227
  "padding]___[value:80",
192
228
  "transitionProperty]___[value:transform",
193
229
  "transitionDuration]___[value:normal",
194
230
  "transitionTimingFunction]___[value:default",
195
231
  "transform]___[value:rotate(180deg)]___[cond:&[data-open=\"true\"]",
196
232
  "offset]___[value:4",
197
- "width]___[value:20",
198
- "height]___[value:20",
199
233
  "fill]___[value:current",
200
- "gap]___[value:2",
201
234
  "font]___[value:mono",
202
235
  "color]___[value:gray.90",
203
236
  "color]___[value:gold.50",
@@ -247,7 +280,9 @@
247
280
  "size]___[value:default]___[recipe:iconButton",
248
281
  "appearance]___[value:default]___[recipe:iconButton",
249
282
  "appearance]___[value:primary]___[recipe:iconButton",
250
- "size]___[value:large]___[recipe:iconButton"
283
+ "size]___[value:large]___[recipe:iconButton",
284
+ "appearance]___[value:hollow]___[recipe:iconButton",
285
+ "size]___[value:small]___[recipe:iconButton"
251
286
  ],
252
287
  "box": [],
253
288
  "pre": [],
@@ -261,12 +296,17 @@
261
296
  "size]___[value:large]___[recipe:spinner"
262
297
  ],
263
298
  "badge": [
264
- "variant]___[value:solid]___[recipe:badge",
265
299
  "size]___[value:sm]___[recipe:badge",
300
+ "appearance]___[value:danger]___[recipe:badge",
266
301
  "size]___[value:md]___[recipe:badge",
267
302
  "size]___[value:lg]___[recipe:badge",
268
- "variant]___[value:subtle]___[recipe:badge",
269
- "variant]___[value:outline]___[recipe:badge"
303
+ "appearance]___[value:success]___[recipe:badge",
304
+ "appearance]___[value:warning]___[recipe:badge",
305
+ "appearance]___[value:info]___[recipe:badge",
306
+ "appearance]___[value:neutral]___[recipe:badge",
307
+ "appearance]___[value:subtle]___[recipe:badge",
308
+ "appearance]___[value:inverted]___[recipe:badge",
309
+ "appearance]___[value:subtle-inverted]___[recipe:badge"
270
310
  ],
271
311
  "tag": [
272
312
  "appearance]___[value:default]___[recipe:tag",
@@ -322,6 +362,23 @@
322
362
  "position]___[value:right]___[recipe:tooltip",
323
363
  "caret]___[value:true]___[recipe:tooltip"
324
364
  ],
365
+ "avatar": [
366
+ "size]___[value:xs]___[recipe:avatar",
367
+ "shape]___[value:circle]___[recipe:avatar",
368
+ "size]___[value:sm]___[recipe:avatar",
369
+ "size]___[value:md]___[recipe:avatar",
370
+ "size]___[value:lg]___[recipe:avatar",
371
+ "size]___[value:xl]___[recipe:avatar",
372
+ "size]___[value:2xl]___[recipe:avatar",
373
+ "shape]___[value:square]___[recipe:avatar",
374
+ "shape]___[value:hexagon]___[recipe:avatar"
375
+ ],
376
+ "chip": [
377
+ "size]___[value:small]___[recipe:chip",
378
+ "size]___[value:default]___[recipe:chip",
379
+ "size]___[value:large]___[recipe:chip",
380
+ "before]___[value:multi]___[recipe:chip"
381
+ ],
325
382
  "code": [],
326
383
  "radioInput": [],
327
384
  "toggle": [],