@latty-ds/web 0.2.0 → 0.4.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/custom-elements.json +877 -503
- package/dist/components/accordion/index.js +1 -1
- package/dist/components/avatar/index.js +1 -1
- package/dist/components/checkbox/checkbox.d.ts +7 -5
- package/dist/components/checkbox/index.js +22 -9
- package/dist/components/color-input/color-input.d.ts +17 -0
- package/dist/components/color-input/index.js +32 -4
- package/dist/components/combobox/combobox.d.ts +8 -1
- package/dist/components/combobox/index.js +26 -7
- package/dist/components/date-input/date-input.d.ts +7 -0
- package/dist/components/date-input/index.js +24 -5
- package/dist/components/datepicker/datepicker.d.ts +8 -0
- package/dist/components/datepicker/index.js +27 -7
- package/dist/components/dialog/dialog.d.ts +4 -2
- package/dist/components/dialog/index.js +5 -12
- package/dist/components/divider/index.js +1 -1
- package/dist/components/nav/index.js +2 -2
- package/dist/components/progress/index.js +2 -2
- package/dist/components/radio/index.js +24 -4
- package/dist/components/radio/radio.d.ts +7 -0
- package/dist/components/radio-group/index.js +3 -3
- package/dist/components/select/index.js +28 -9
- package/dist/components/select/select.d.ts +11 -3
- package/dist/components/sidepanel/index.js +1 -1
- package/dist/components/slider/index.js +17 -4
- package/dist/components/slider/slider.d.ts +6 -0
- package/dist/components/switch/index.js +24 -4
- package/dist/components/switch/switch.d.ts +7 -0
- package/dist/components/tab/index.js +2 -2
- package/dist/components/tab-group/index.js +3 -3
- package/dist/components/textfield/index.js +26 -4
- package/dist/components/textfield/textfield.d.ts +11 -0
- package/dist/index.cjs +269 -83
- package/dist/index.js +269 -83
- package/dist/manifest.json +140 -116
- package/package.json +3 -3
package/dist/manifest.json
CHANGED
|
@@ -200,6 +200,64 @@
|
|
|
200
200
|
}
|
|
201
201
|
]
|
|
202
202
|
},
|
|
203
|
+
"lt-alert": {
|
|
204
|
+
"members": [
|
|
205
|
+
{
|
|
206
|
+
"name": "variant",
|
|
207
|
+
"description": "Visual style.",
|
|
208
|
+
"type": "select",
|
|
209
|
+
"options": [
|
|
210
|
+
"default",
|
|
211
|
+
"success",
|
|
212
|
+
"warning",
|
|
213
|
+
"error",
|
|
214
|
+
"info"
|
|
215
|
+
],
|
|
216
|
+
"default": "default"
|
|
217
|
+
},
|
|
218
|
+
{
|
|
219
|
+
"name": "appearance",
|
|
220
|
+
"description": "Visual treatment. `filled` uses a tinted background with border, `outlined` uses a white background with border, `solid` uses a solid color background with no border.",
|
|
221
|
+
"type": "select",
|
|
222
|
+
"options": [
|
|
223
|
+
"filled",
|
|
224
|
+
"outlined",
|
|
225
|
+
"solid"
|
|
226
|
+
],
|
|
227
|
+
"default": "filled"
|
|
228
|
+
},
|
|
229
|
+
{
|
|
230
|
+
"name": "title",
|
|
231
|
+
"description": "Optional bold heading above the body content.",
|
|
232
|
+
"type": "text",
|
|
233
|
+
"default": ""
|
|
234
|
+
},
|
|
235
|
+
{
|
|
236
|
+
"name": "icon",
|
|
237
|
+
"description": "Icon to show before the body. Leave empty for auto (shows variant icon for status variants),\nset to `\"none\"` to suppress, or pass any icon name to override.",
|
|
238
|
+
"type": "icon",
|
|
239
|
+
"default": ""
|
|
240
|
+
},
|
|
241
|
+
{
|
|
242
|
+
"name": "closable",
|
|
243
|
+
"description": "Show a dismiss button. Clicking it fires lt-close and removes the element.",
|
|
244
|
+
"type": "boolean",
|
|
245
|
+
"default": false
|
|
246
|
+
},
|
|
247
|
+
{
|
|
248
|
+
"name": "background",
|
|
249
|
+
"description": "Background color override. Accepts a hex value (#1a1a2e) or a CSS token name (--lt-color-primary-600).",
|
|
250
|
+
"type": "color",
|
|
251
|
+
"default": ""
|
|
252
|
+
},
|
|
253
|
+
{
|
|
254
|
+
"name": "uppercase",
|
|
255
|
+
"description": "Renders the title in small caps with wider letter spacing.",
|
|
256
|
+
"type": "boolean",
|
|
257
|
+
"default": false
|
|
258
|
+
}
|
|
259
|
+
]
|
|
260
|
+
},
|
|
203
261
|
"lt-avatar": {
|
|
204
262
|
"members": [
|
|
205
263
|
{
|
|
@@ -260,64 +318,6 @@
|
|
|
260
318
|
}
|
|
261
319
|
]
|
|
262
320
|
},
|
|
263
|
-
"lt-alert": {
|
|
264
|
-
"members": [
|
|
265
|
-
{
|
|
266
|
-
"name": "variant",
|
|
267
|
-
"description": "Visual style.",
|
|
268
|
-
"type": "select",
|
|
269
|
-
"options": [
|
|
270
|
-
"default",
|
|
271
|
-
"success",
|
|
272
|
-
"warning",
|
|
273
|
-
"error",
|
|
274
|
-
"info"
|
|
275
|
-
],
|
|
276
|
-
"default": "default"
|
|
277
|
-
},
|
|
278
|
-
{
|
|
279
|
-
"name": "appearance",
|
|
280
|
-
"description": "Visual treatment. `filled` uses a tinted background with border, `outlined` uses a white background with border, `solid` uses a solid color background with no border.",
|
|
281
|
-
"type": "select",
|
|
282
|
-
"options": [
|
|
283
|
-
"filled",
|
|
284
|
-
"outlined",
|
|
285
|
-
"solid"
|
|
286
|
-
],
|
|
287
|
-
"default": "filled"
|
|
288
|
-
},
|
|
289
|
-
{
|
|
290
|
-
"name": "title",
|
|
291
|
-
"description": "Optional bold heading above the body content.",
|
|
292
|
-
"type": "text",
|
|
293
|
-
"default": ""
|
|
294
|
-
},
|
|
295
|
-
{
|
|
296
|
-
"name": "icon",
|
|
297
|
-
"description": "Icon to show before the body. Leave empty for auto (shows variant icon for status variants),\nset to `\"none\"` to suppress, or pass any icon name to override.",
|
|
298
|
-
"type": "icon",
|
|
299
|
-
"default": ""
|
|
300
|
-
},
|
|
301
|
-
{
|
|
302
|
-
"name": "closable",
|
|
303
|
-
"description": "Show a dismiss button. Clicking it fires lt-close and removes the element.",
|
|
304
|
-
"type": "boolean",
|
|
305
|
-
"default": false
|
|
306
|
-
},
|
|
307
|
-
{
|
|
308
|
-
"name": "background",
|
|
309
|
-
"description": "Background color override. Accepts a hex value (#1a1a2e) or a CSS token name (--lt-color-primary-600).",
|
|
310
|
-
"type": "color",
|
|
311
|
-
"default": ""
|
|
312
|
-
},
|
|
313
|
-
{
|
|
314
|
-
"name": "uppercase",
|
|
315
|
-
"description": "Renders the title in small caps with wider letter spacing.",
|
|
316
|
-
"type": "boolean",
|
|
317
|
-
"default": false
|
|
318
|
-
}
|
|
319
|
-
]
|
|
320
|
-
},
|
|
321
321
|
"lt-badge": {
|
|
322
322
|
"members": [
|
|
323
323
|
{
|
|
@@ -585,6 +585,64 @@
|
|
|
585
585
|
}
|
|
586
586
|
]
|
|
587
587
|
},
|
|
588
|
+
"lt-chip": {
|
|
589
|
+
"members": [
|
|
590
|
+
{
|
|
591
|
+
"name": "appearance",
|
|
592
|
+
"description": "Visual appearance (filled tinted background or outlined border only).",
|
|
593
|
+
"type": "select",
|
|
594
|
+
"options": [
|
|
595
|
+
"filled",
|
|
596
|
+
"outlined"
|
|
597
|
+
],
|
|
598
|
+
"default": "filled"
|
|
599
|
+
},
|
|
600
|
+
{
|
|
601
|
+
"name": "variant",
|
|
602
|
+
"description": "Color scheme.",
|
|
603
|
+
"type": "select",
|
|
604
|
+
"options": [
|
|
605
|
+
"primary",
|
|
606
|
+
"secondary",
|
|
607
|
+
"neutral",
|
|
608
|
+
"success",
|
|
609
|
+
"warning",
|
|
610
|
+
"error",
|
|
611
|
+
"info"
|
|
612
|
+
],
|
|
613
|
+
"default": "primary"
|
|
614
|
+
},
|
|
615
|
+
{
|
|
616
|
+
"name": "size",
|
|
617
|
+
"description": "Size (affects height, font, and padding).",
|
|
618
|
+
"type": "select",
|
|
619
|
+
"options": [
|
|
620
|
+
"sm",
|
|
621
|
+
"md",
|
|
622
|
+
"lg"
|
|
623
|
+
],
|
|
624
|
+
"default": "md"
|
|
625
|
+
},
|
|
626
|
+
{
|
|
627
|
+
"name": "disabled",
|
|
628
|
+
"description": "Disables the chip and its delete button.",
|
|
629
|
+
"type": "boolean",
|
|
630
|
+
"default": false
|
|
631
|
+
},
|
|
632
|
+
{
|
|
633
|
+
"name": "deletable",
|
|
634
|
+
"description": "Shows a delete/dismiss button that fires `lt-delete` when clicked.",
|
|
635
|
+
"type": "boolean",
|
|
636
|
+
"default": false
|
|
637
|
+
},
|
|
638
|
+
{
|
|
639
|
+
"name": "background",
|
|
640
|
+
"description": "Background color override. Accepts a hex value (#1a1a2e) or a CSS token name (--lt-color-primary-600).",
|
|
641
|
+
"type": "color",
|
|
642
|
+
"default": ""
|
|
643
|
+
}
|
|
644
|
+
]
|
|
645
|
+
},
|
|
588
646
|
"lt-checkbox": {
|
|
589
647
|
"members": [
|
|
590
648
|
{
|
|
@@ -665,64 +723,6 @@
|
|
|
665
723
|
}
|
|
666
724
|
]
|
|
667
725
|
},
|
|
668
|
-
"lt-chip": {
|
|
669
|
-
"members": [
|
|
670
|
-
{
|
|
671
|
-
"name": "appearance",
|
|
672
|
-
"description": "Visual appearance (filled tinted background or outlined border only).",
|
|
673
|
-
"type": "select",
|
|
674
|
-
"options": [
|
|
675
|
-
"filled",
|
|
676
|
-
"outlined"
|
|
677
|
-
],
|
|
678
|
-
"default": "filled"
|
|
679
|
-
},
|
|
680
|
-
{
|
|
681
|
-
"name": "variant",
|
|
682
|
-
"description": "Color scheme.",
|
|
683
|
-
"type": "select",
|
|
684
|
-
"options": [
|
|
685
|
-
"primary",
|
|
686
|
-
"secondary",
|
|
687
|
-
"neutral",
|
|
688
|
-
"success",
|
|
689
|
-
"warning",
|
|
690
|
-
"error",
|
|
691
|
-
"info"
|
|
692
|
-
],
|
|
693
|
-
"default": "primary"
|
|
694
|
-
},
|
|
695
|
-
{
|
|
696
|
-
"name": "size",
|
|
697
|
-
"description": "Size (affects height, font, and padding).",
|
|
698
|
-
"type": "select",
|
|
699
|
-
"options": [
|
|
700
|
-
"sm",
|
|
701
|
-
"md",
|
|
702
|
-
"lg"
|
|
703
|
-
],
|
|
704
|
-
"default": "md"
|
|
705
|
-
},
|
|
706
|
-
{
|
|
707
|
-
"name": "disabled",
|
|
708
|
-
"description": "Disables the chip and its delete button.",
|
|
709
|
-
"type": "boolean",
|
|
710
|
-
"default": false
|
|
711
|
-
},
|
|
712
|
-
{
|
|
713
|
-
"name": "deletable",
|
|
714
|
-
"description": "Shows a delete/dismiss button that fires `lt-delete` when clicked.",
|
|
715
|
-
"type": "boolean",
|
|
716
|
-
"default": false
|
|
717
|
-
},
|
|
718
|
-
{
|
|
719
|
-
"name": "background",
|
|
720
|
-
"description": "Background color override. Accepts a hex value (#1a1a2e) or a CSS token name (--lt-color-primary-600).",
|
|
721
|
-
"type": "color",
|
|
722
|
-
"default": ""
|
|
723
|
-
}
|
|
724
|
-
]
|
|
725
|
-
},
|
|
726
726
|
"lt-color-input": {
|
|
727
727
|
"members": [
|
|
728
728
|
{
|
|
@@ -760,6 +760,18 @@
|
|
|
760
760
|
"type": "boolean",
|
|
761
761
|
"default": false
|
|
762
762
|
},
|
|
763
|
+
{
|
|
764
|
+
"name": "required",
|
|
765
|
+
"description": "Whether the field is required.",
|
|
766
|
+
"type": "boolean",
|
|
767
|
+
"default": false
|
|
768
|
+
},
|
|
769
|
+
{
|
|
770
|
+
"name": "name",
|
|
771
|
+
"description": "Name used when submitting a form.",
|
|
772
|
+
"type": "text",
|
|
773
|
+
"default": ""
|
|
774
|
+
},
|
|
763
775
|
{
|
|
764
776
|
"name": "size",
|
|
765
777
|
"description": "Size of the input — affects height and padding.",
|
|
@@ -1688,6 +1700,12 @@
|
|
|
1688
1700
|
"type": "text",
|
|
1689
1701
|
"default": ""
|
|
1690
1702
|
},
|
|
1703
|
+
{
|
|
1704
|
+
"name": "name",
|
|
1705
|
+
"description": "Name used when submitting a form.",
|
|
1706
|
+
"type": "text",
|
|
1707
|
+
"default": ""
|
|
1708
|
+
},
|
|
1691
1709
|
{
|
|
1692
1710
|
"name": "helper-text",
|
|
1693
1711
|
"description": "Helper text displayed below the select. Color changes based on variant.",
|
|
@@ -2297,6 +2315,12 @@
|
|
|
2297
2315
|
"type": "text",
|
|
2298
2316
|
"default": ""
|
|
2299
2317
|
},
|
|
2318
|
+
{
|
|
2319
|
+
"name": "name",
|
|
2320
|
+
"description": "Name used when submitting a form.",
|
|
2321
|
+
"type": "text",
|
|
2322
|
+
"default": ""
|
|
2323
|
+
},
|
|
2300
2324
|
{
|
|
2301
2325
|
"name": "helper-text",
|
|
2302
2326
|
"description": "Helper text displayed below the input. Can be a static string or a function\nthat receives the current error state and returns the string to display.\nColor changes based on variant or auto-error state.",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@latty-ds/web",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.4.0",
|
|
4
4
|
"description": "Web Components for the Latty design system — framework-agnostic UI components built with Lit",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
|
@@ -224,8 +224,8 @@
|
|
|
224
224
|
},
|
|
225
225
|
"dependencies": {
|
|
226
226
|
"@floating-ui/dom": "^1.7.6",
|
|
227
|
-
"@latty-ds/icons": "0.
|
|
227
|
+
"@latty-ds/icons": "0.4.0"
|
|
228
228
|
},
|
|
229
229
|
"customElements": "custom-elements.json",
|
|
230
|
-
"gitHead": "
|
|
230
|
+
"gitHead": "23c29d1f82814024fc93de8985523936112fe973"
|
|
231
231
|
}
|