@latty-ds/web 0.5.0 → 0.7.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/README.md +1 -1
- package/custom-elements.json +761 -761
- package/dist/components/button/index.js +1 -1
- package/dist/components/combobox/index.js +3 -1
- package/dist/components/date-input/index.js +4 -1
- package/dist/components/dropdown/index.js +3 -2
- package/dist/components/list/index.js +9 -1
- package/dist/components/select/index.js +2 -1
- package/dist/components/spinner/index.js +1 -1
- package/dist/index.cjs +22 -7
- package/dist/index.d.ts +4 -29
- package/dist/index.js +22 -7
- package/dist/manifest.json +139 -139
- package/package.json +4 -4
- /package/dist/components/spinner/{spineer.styles.d.ts → spinner.styles.d.ts} +0 -0
package/custom-elements.json
CHANGED
|
@@ -2,6 +2,228 @@
|
|
|
2
2
|
"schemaVersion": "1.0.0",
|
|
3
3
|
"readme": "",
|
|
4
4
|
"modules": [
|
|
5
|
+
{
|
|
6
|
+
"kind": "javascript-module",
|
|
7
|
+
"path": "src/components/accordion/accordion.styles.ts",
|
|
8
|
+
"declarations": [
|
|
9
|
+
{
|
|
10
|
+
"kind": "variable",
|
|
11
|
+
"name": "accordionStyles",
|
|
12
|
+
"default": "css` :host { display: block; font-family: 'Hanken Grotesk', sans-serif; width: 100%; } details { border-radius: var(--lt-border-radius); transition: background-color 120ms ease, border-color 120ms ease; } summary { cursor: pointer; list-style: none; user-select: none; border-radius: var(--lt-border-radius); overflow: hidden; } summary::-webkit-details-marker { display: none; } .summary-content { align-items: center; display: flex; gap: var(--lt-spacing-3); justify-content: space-between; padding: var(--lt-accordion-summary-padding, var(--lt-spacing-4)); } .start-icon { color: var(--lt-text-subtle); flex-shrink: 0; font-size: 1.25rem; } .summary-text { color: var(--lt-accordion-header-color, var(--lt-text-default)); flex: 1; } .summary-text::part(base) { font-size: var(--lt-accordion-header-font-size, 1rem); font-weight: var(--lt-accordion-header-font-weight, 600); } .chevron { color: var(--lt-text-subtle); flex-shrink: 0; height: 20px; transition: transform 200ms ease; width: 20px; } details[open] .chevron { transform: rotate(180deg); } summary:hover .chevron { color: var(--lt-text-default); } summary:focus-visible { outline: 2px solid var(--lt-border-focus); outline-offset: 2px; border-radius: var(--lt-border-radius); } .content { height: 0; overflow: hidden; transition: height 200ms ease; } .content-inner { color: var(--lt-text-subtle); font-size: 0.9375rem; line-height: 1.6; padding: var(--lt-accordion-content-padding, 0 var(--lt-spacing-4) var(--lt-spacing-4)); } /* Variant: default */ :host([appearance='default']) details { background: var(--lt-bg-subtle); border: 1px solid var(--lt-border-default); } :host([appearance='default']) details:hover { border-color: var(--lt-border-strong); } /* Variant: filled */ :host([appearance='filled']) details { background: var(--lt-bg-surface); border: none; } :host([appearance='filled']) details:hover { background: var(--lt-bg-overlay); } /* Variant: outlined */ :host([appearance='outlined']) details { background: transparent; border: 1px solid var(--lt-border-default); } :host([appearance='outlined']) details:hover { border-color: var(--lt-border-strong); } /* Variant: clean */ :host([appearance='clean']) details { background: transparent; border: none; } /* Disabled state */ :host([disabled]) details { opacity: 0.6; pointer-events: none; } :host([uppercase]) .summary-text::part(base) { font-variant-caps: small-caps; letter-spacing: 0.05rem; text-transform: lowercase; } `"
|
|
13
|
+
}
|
|
14
|
+
],
|
|
15
|
+
"exports": [
|
|
16
|
+
{
|
|
17
|
+
"kind": "js",
|
|
18
|
+
"name": "accordionStyles",
|
|
19
|
+
"declaration": {
|
|
20
|
+
"name": "accordionStyles",
|
|
21
|
+
"module": "src/components/accordion/accordion.styles.ts"
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
]
|
|
25
|
+
},
|
|
26
|
+
{
|
|
27
|
+
"kind": "javascript-module",
|
|
28
|
+
"path": "src/components/accordion/accordion.ts",
|
|
29
|
+
"declarations": [
|
|
30
|
+
{
|
|
31
|
+
"kind": "class",
|
|
32
|
+
"description": "An accordion component using native details/summary elements.\nProvides collapsible content sections with smooth animations.",
|
|
33
|
+
"name": "Accordion",
|
|
34
|
+
"slots": [
|
|
35
|
+
{
|
|
36
|
+
"description": "Content to display when accordion is expanded",
|
|
37
|
+
"name": ""
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
"description": "Custom content for the summary/header (defaults to label property)",
|
|
41
|
+
"name": "summary"
|
|
42
|
+
}
|
|
43
|
+
],
|
|
44
|
+
"members": [
|
|
45
|
+
{
|
|
46
|
+
"kind": "field",
|
|
47
|
+
"name": "styles",
|
|
48
|
+
"static": true,
|
|
49
|
+
"default": "accordionStyles"
|
|
50
|
+
},
|
|
51
|
+
{
|
|
52
|
+
"kind": "field",
|
|
53
|
+
"name": "label",
|
|
54
|
+
"type": {
|
|
55
|
+
"text": "string"
|
|
56
|
+
},
|
|
57
|
+
"default": "''",
|
|
58
|
+
"description": "Label/title text for the accordion header."
|
|
59
|
+
},
|
|
60
|
+
{
|
|
61
|
+
"kind": "field",
|
|
62
|
+
"name": "iconStart",
|
|
63
|
+
"type": {
|
|
64
|
+
"text": "string"
|
|
65
|
+
},
|
|
66
|
+
"default": "''",
|
|
67
|
+
"description": "Icon name to display at the start of the header."
|
|
68
|
+
},
|
|
69
|
+
{
|
|
70
|
+
"kind": "field",
|
|
71
|
+
"name": "appearance",
|
|
72
|
+
"type": {
|
|
73
|
+
"text": "AccordionAppearance"
|
|
74
|
+
},
|
|
75
|
+
"default": "'default'",
|
|
76
|
+
"description": "Visual appearance of the accordion."
|
|
77
|
+
},
|
|
78
|
+
{
|
|
79
|
+
"kind": "field",
|
|
80
|
+
"name": "open",
|
|
81
|
+
"type": {
|
|
82
|
+
"text": "boolean"
|
|
83
|
+
},
|
|
84
|
+
"default": "false",
|
|
85
|
+
"description": "Whether the accordion is initially open."
|
|
86
|
+
},
|
|
87
|
+
{
|
|
88
|
+
"kind": "field",
|
|
89
|
+
"name": "disabled",
|
|
90
|
+
"type": {
|
|
91
|
+
"text": "boolean"
|
|
92
|
+
},
|
|
93
|
+
"default": "false",
|
|
94
|
+
"description": "Whether the accordion is disabled."
|
|
95
|
+
},
|
|
96
|
+
{
|
|
97
|
+
"kind": "field",
|
|
98
|
+
"name": "uppercase",
|
|
99
|
+
"type": {
|
|
100
|
+
"text": "boolean"
|
|
101
|
+
},
|
|
102
|
+
"default": "false",
|
|
103
|
+
"description": "Renders the header label in small caps with wider letter spacing."
|
|
104
|
+
},
|
|
105
|
+
{
|
|
106
|
+
"kind": "field",
|
|
107
|
+
"name": "_details",
|
|
108
|
+
"type": {
|
|
109
|
+
"text": "HTMLDetailsElement"
|
|
110
|
+
},
|
|
111
|
+
"privacy": "private"
|
|
112
|
+
},
|
|
113
|
+
{
|
|
114
|
+
"kind": "field",
|
|
115
|
+
"name": "_content",
|
|
116
|
+
"type": {
|
|
117
|
+
"text": "HTMLElement"
|
|
118
|
+
},
|
|
119
|
+
"privacy": "private"
|
|
120
|
+
},
|
|
121
|
+
{
|
|
122
|
+
"kind": "field",
|
|
123
|
+
"name": "_contentInner",
|
|
124
|
+
"type": {
|
|
125
|
+
"text": "HTMLElement"
|
|
126
|
+
},
|
|
127
|
+
"privacy": "private"
|
|
128
|
+
},
|
|
129
|
+
{
|
|
130
|
+
"kind": "field",
|
|
131
|
+
"name": "_animating",
|
|
132
|
+
"type": {
|
|
133
|
+
"text": "boolean"
|
|
134
|
+
},
|
|
135
|
+
"privacy": "private",
|
|
136
|
+
"default": "false"
|
|
137
|
+
},
|
|
138
|
+
{
|
|
139
|
+
"kind": "method",
|
|
140
|
+
"name": "updated",
|
|
141
|
+
"privacy": "protected",
|
|
142
|
+
"parameters": [
|
|
143
|
+
{
|
|
144
|
+
"name": "changedProperties",
|
|
145
|
+
"type": {
|
|
146
|
+
"text": "Map<string, unknown>"
|
|
147
|
+
}
|
|
148
|
+
}
|
|
149
|
+
]
|
|
150
|
+
},
|
|
151
|
+
{
|
|
152
|
+
"kind": "method",
|
|
153
|
+
"name": "handleSummaryClick",
|
|
154
|
+
"privacy": "private",
|
|
155
|
+
"parameters": [
|
|
156
|
+
{
|
|
157
|
+
"name": "e",
|
|
158
|
+
"type": {
|
|
159
|
+
"text": "Event"
|
|
160
|
+
}
|
|
161
|
+
}
|
|
162
|
+
],
|
|
163
|
+
"description": "Handles click on summary to animate the accordion."
|
|
164
|
+
},
|
|
165
|
+
{
|
|
166
|
+
"kind": "method",
|
|
167
|
+
"name": "handleTransitionEnd",
|
|
168
|
+
"privacy": "private",
|
|
169
|
+
"description": "Handles the end of the transition to clear inline styles."
|
|
170
|
+
},
|
|
171
|
+
{
|
|
172
|
+
"kind": "method",
|
|
173
|
+
"name": "render"
|
|
174
|
+
}
|
|
175
|
+
],
|
|
176
|
+
"events": [
|
|
177
|
+
{
|
|
178
|
+
"name": "toggle",
|
|
179
|
+
"type": {
|
|
180
|
+
"text": "CustomEvent<{open: boolean}>"
|
|
181
|
+
},
|
|
182
|
+
"description": "Dispatched when the accordion is opened or closed"
|
|
183
|
+
}
|
|
184
|
+
],
|
|
185
|
+
"superclass": {
|
|
186
|
+
"name": "ThemeableElement",
|
|
187
|
+
"module": "/src/base"
|
|
188
|
+
},
|
|
189
|
+
"tagName": "lt-accordion",
|
|
190
|
+
"customElement": true
|
|
191
|
+
}
|
|
192
|
+
],
|
|
193
|
+
"exports": [
|
|
194
|
+
{
|
|
195
|
+
"kind": "js",
|
|
196
|
+
"name": "Accordion",
|
|
197
|
+
"declaration": {
|
|
198
|
+
"name": "Accordion",
|
|
199
|
+
"module": "src/components/accordion/accordion.ts"
|
|
200
|
+
}
|
|
201
|
+
}
|
|
202
|
+
]
|
|
203
|
+
},
|
|
204
|
+
{
|
|
205
|
+
"kind": "javascript-module",
|
|
206
|
+
"path": "src/components/accordion/index.ts",
|
|
207
|
+
"declarations": [],
|
|
208
|
+
"exports": [
|
|
209
|
+
{
|
|
210
|
+
"kind": "js",
|
|
211
|
+
"name": "Accordion",
|
|
212
|
+
"declaration": {
|
|
213
|
+
"name": "Accordion",
|
|
214
|
+
"module": "./accordion"
|
|
215
|
+
}
|
|
216
|
+
},
|
|
217
|
+
{
|
|
218
|
+
"kind": "js",
|
|
219
|
+
"name": "AccordionAppearance",
|
|
220
|
+
"declaration": {
|
|
221
|
+
"name": "AccordionAppearance",
|
|
222
|
+
"module": "./accordion.types"
|
|
223
|
+
}
|
|
224
|
+
}
|
|
225
|
+
]
|
|
226
|
+
},
|
|
5
227
|
{
|
|
6
228
|
"kind": "javascript-module",
|
|
7
229
|
"path": "src/components/alert/alert.styles.ts",
|
|
@@ -515,269 +737,47 @@
|
|
|
515
737
|
},
|
|
516
738
|
{
|
|
517
739
|
"kind": "javascript-module",
|
|
518
|
-
"path": "src/components/
|
|
740
|
+
"path": "src/components/breadcrumb/breadcrumb.styles.ts",
|
|
519
741
|
"declarations": [
|
|
520
742
|
{
|
|
521
743
|
"kind": "variable",
|
|
522
|
-
"name": "
|
|
523
|
-
"default": "css` :host { display: block;
|
|
744
|
+
"name": "breadcrumbStyles",
|
|
745
|
+
"default": "css` :host { display: block; } [part='list'] { align-items: center; display: flex; flex-wrap: wrap; gap: 0; list-style: none; margin: 0; padding: 0; } `"
|
|
746
|
+
},
|
|
747
|
+
{
|
|
748
|
+
"kind": "variable",
|
|
749
|
+
"name": "breadcrumbItemStyles",
|
|
750
|
+
"default": "css` :host { align-items: center; display: inline-flex; font-family: var(--lt-typography-fontfamily); font-size: 0.875rem; } [part='link'] { color: var(--lt-interactive-primary-bg); text-decoration: none; transition: color 120ms ease; } [part='link']:hover { color: var(--lt-interactive-primary-bg-hover); text-decoration: underline; } [part='text'] { color: var(--lt-text-default); font-weight: 600; } [part='separator'] { color: var(--lt-text-muted); margin-inline: var(--lt-spacing-2); user-select: none; } [part='separator']::after { content: var(--lt-breadcrumb-separator, '/'); } :host(:last-child) [part='separator'] { display: none; } `"
|
|
524
751
|
}
|
|
525
752
|
],
|
|
526
753
|
"exports": [
|
|
527
754
|
{
|
|
528
755
|
"kind": "js",
|
|
529
|
-
"name": "
|
|
756
|
+
"name": "breadcrumbStyles",
|
|
530
757
|
"declaration": {
|
|
531
|
-
"name": "
|
|
532
|
-
"module": "src/components/
|
|
758
|
+
"name": "breadcrumbStyles",
|
|
759
|
+
"module": "src/components/breadcrumb/breadcrumb.styles.ts"
|
|
760
|
+
}
|
|
761
|
+
},
|
|
762
|
+
{
|
|
763
|
+
"kind": "js",
|
|
764
|
+
"name": "breadcrumbItemStyles",
|
|
765
|
+
"declaration": {
|
|
766
|
+
"name": "breadcrumbItemStyles",
|
|
767
|
+
"module": "src/components/breadcrumb/breadcrumb.styles.ts"
|
|
533
768
|
}
|
|
534
769
|
}
|
|
535
770
|
]
|
|
536
771
|
},
|
|
537
772
|
{
|
|
538
773
|
"kind": "javascript-module",
|
|
539
|
-
"path": "src/components/
|
|
774
|
+
"path": "src/components/breadcrumb/breadcrumb.ts",
|
|
540
775
|
"declarations": [
|
|
541
776
|
{
|
|
542
777
|
"kind": "class",
|
|
543
|
-
"description": "
|
|
544
|
-
"name": "
|
|
545
|
-
"
|
|
546
|
-
{
|
|
547
|
-
"description": "Content to display when accordion is expanded",
|
|
548
|
-
"name": ""
|
|
549
|
-
},
|
|
550
|
-
{
|
|
551
|
-
"description": "Custom content for the summary/header (defaults to label property)",
|
|
552
|
-
"name": "summary"
|
|
553
|
-
}
|
|
554
|
-
],
|
|
555
|
-
"members": [
|
|
556
|
-
{
|
|
557
|
-
"kind": "field",
|
|
558
|
-
"name": "styles",
|
|
559
|
-
"static": true,
|
|
560
|
-
"default": "accordionStyles"
|
|
561
|
-
},
|
|
562
|
-
{
|
|
563
|
-
"kind": "field",
|
|
564
|
-
"name": "label",
|
|
565
|
-
"type": {
|
|
566
|
-
"text": "string"
|
|
567
|
-
},
|
|
568
|
-
"default": "''",
|
|
569
|
-
"description": "Label/title text for the accordion header."
|
|
570
|
-
},
|
|
571
|
-
{
|
|
572
|
-
"kind": "field",
|
|
573
|
-
"name": "iconStart",
|
|
574
|
-
"type": {
|
|
575
|
-
"text": "string"
|
|
576
|
-
},
|
|
577
|
-
"default": "''",
|
|
578
|
-
"description": "Icon name to display at the start of the header."
|
|
579
|
-
},
|
|
580
|
-
{
|
|
581
|
-
"kind": "field",
|
|
582
|
-
"name": "appearance",
|
|
583
|
-
"type": {
|
|
584
|
-
"text": "AccordionAppearance"
|
|
585
|
-
},
|
|
586
|
-
"default": "'default'",
|
|
587
|
-
"description": "Visual appearance of the accordion."
|
|
588
|
-
},
|
|
589
|
-
{
|
|
590
|
-
"kind": "field",
|
|
591
|
-
"name": "open",
|
|
592
|
-
"type": {
|
|
593
|
-
"text": "boolean"
|
|
594
|
-
},
|
|
595
|
-
"default": "false",
|
|
596
|
-
"description": "Whether the accordion is initially open."
|
|
597
|
-
},
|
|
598
|
-
{
|
|
599
|
-
"kind": "field",
|
|
600
|
-
"name": "disabled",
|
|
601
|
-
"type": {
|
|
602
|
-
"text": "boolean"
|
|
603
|
-
},
|
|
604
|
-
"default": "false",
|
|
605
|
-
"description": "Whether the accordion is disabled."
|
|
606
|
-
},
|
|
607
|
-
{
|
|
608
|
-
"kind": "field",
|
|
609
|
-
"name": "uppercase",
|
|
610
|
-
"type": {
|
|
611
|
-
"text": "boolean"
|
|
612
|
-
},
|
|
613
|
-
"default": "false",
|
|
614
|
-
"description": "Renders the header label in small caps with wider letter spacing."
|
|
615
|
-
},
|
|
616
|
-
{
|
|
617
|
-
"kind": "field",
|
|
618
|
-
"name": "_details",
|
|
619
|
-
"type": {
|
|
620
|
-
"text": "HTMLDetailsElement"
|
|
621
|
-
},
|
|
622
|
-
"privacy": "private"
|
|
623
|
-
},
|
|
624
|
-
{
|
|
625
|
-
"kind": "field",
|
|
626
|
-
"name": "_content",
|
|
627
|
-
"type": {
|
|
628
|
-
"text": "HTMLElement"
|
|
629
|
-
},
|
|
630
|
-
"privacy": "private"
|
|
631
|
-
},
|
|
632
|
-
{
|
|
633
|
-
"kind": "field",
|
|
634
|
-
"name": "_contentInner",
|
|
635
|
-
"type": {
|
|
636
|
-
"text": "HTMLElement"
|
|
637
|
-
},
|
|
638
|
-
"privacy": "private"
|
|
639
|
-
},
|
|
640
|
-
{
|
|
641
|
-
"kind": "field",
|
|
642
|
-
"name": "_animating",
|
|
643
|
-
"type": {
|
|
644
|
-
"text": "boolean"
|
|
645
|
-
},
|
|
646
|
-
"privacy": "private",
|
|
647
|
-
"default": "false"
|
|
648
|
-
},
|
|
649
|
-
{
|
|
650
|
-
"kind": "method",
|
|
651
|
-
"name": "updated",
|
|
652
|
-
"privacy": "protected",
|
|
653
|
-
"parameters": [
|
|
654
|
-
{
|
|
655
|
-
"name": "changedProperties",
|
|
656
|
-
"type": {
|
|
657
|
-
"text": "Map<string, unknown>"
|
|
658
|
-
}
|
|
659
|
-
}
|
|
660
|
-
]
|
|
661
|
-
},
|
|
662
|
-
{
|
|
663
|
-
"kind": "method",
|
|
664
|
-
"name": "handleSummaryClick",
|
|
665
|
-
"privacy": "private",
|
|
666
|
-
"parameters": [
|
|
667
|
-
{
|
|
668
|
-
"name": "e",
|
|
669
|
-
"type": {
|
|
670
|
-
"text": "Event"
|
|
671
|
-
}
|
|
672
|
-
}
|
|
673
|
-
],
|
|
674
|
-
"description": "Handles click on summary to animate the accordion."
|
|
675
|
-
},
|
|
676
|
-
{
|
|
677
|
-
"kind": "method",
|
|
678
|
-
"name": "handleTransitionEnd",
|
|
679
|
-
"privacy": "private",
|
|
680
|
-
"description": "Handles the end of the transition to clear inline styles."
|
|
681
|
-
},
|
|
682
|
-
{
|
|
683
|
-
"kind": "method",
|
|
684
|
-
"name": "render"
|
|
685
|
-
}
|
|
686
|
-
],
|
|
687
|
-
"events": [
|
|
688
|
-
{
|
|
689
|
-
"name": "toggle",
|
|
690
|
-
"type": {
|
|
691
|
-
"text": "CustomEvent<{open: boolean}>"
|
|
692
|
-
},
|
|
693
|
-
"description": "Dispatched when the accordion is opened or closed"
|
|
694
|
-
}
|
|
695
|
-
],
|
|
696
|
-
"superclass": {
|
|
697
|
-
"name": "ThemeableElement",
|
|
698
|
-
"module": "/src/base"
|
|
699
|
-
},
|
|
700
|
-
"tagName": "lt-accordion",
|
|
701
|
-
"customElement": true
|
|
702
|
-
}
|
|
703
|
-
],
|
|
704
|
-
"exports": [
|
|
705
|
-
{
|
|
706
|
-
"kind": "js",
|
|
707
|
-
"name": "Accordion",
|
|
708
|
-
"declaration": {
|
|
709
|
-
"name": "Accordion",
|
|
710
|
-
"module": "src/components/accordion/accordion.ts"
|
|
711
|
-
}
|
|
712
|
-
}
|
|
713
|
-
]
|
|
714
|
-
},
|
|
715
|
-
{
|
|
716
|
-
"kind": "javascript-module",
|
|
717
|
-
"path": "src/components/accordion/index.ts",
|
|
718
|
-
"declarations": [],
|
|
719
|
-
"exports": [
|
|
720
|
-
{
|
|
721
|
-
"kind": "js",
|
|
722
|
-
"name": "Accordion",
|
|
723
|
-
"declaration": {
|
|
724
|
-
"name": "Accordion",
|
|
725
|
-
"module": "./accordion"
|
|
726
|
-
}
|
|
727
|
-
},
|
|
728
|
-
{
|
|
729
|
-
"kind": "js",
|
|
730
|
-
"name": "AccordionAppearance",
|
|
731
|
-
"declaration": {
|
|
732
|
-
"name": "AccordionAppearance",
|
|
733
|
-
"module": "./accordion.types"
|
|
734
|
-
}
|
|
735
|
-
}
|
|
736
|
-
]
|
|
737
|
-
},
|
|
738
|
-
{
|
|
739
|
-
"kind": "javascript-module",
|
|
740
|
-
"path": "src/components/breadcrumb/breadcrumb.styles.ts",
|
|
741
|
-
"declarations": [
|
|
742
|
-
{
|
|
743
|
-
"kind": "variable",
|
|
744
|
-
"name": "breadcrumbStyles",
|
|
745
|
-
"default": "css` :host { display: block; } [part='list'] { align-items: center; display: flex; flex-wrap: wrap; gap: 0; list-style: none; margin: 0; padding: 0; } `"
|
|
746
|
-
},
|
|
747
|
-
{
|
|
748
|
-
"kind": "variable",
|
|
749
|
-
"name": "breadcrumbItemStyles",
|
|
750
|
-
"default": "css` :host { align-items: center; display: inline-flex; font-family: var(--lt-typography-fontfamily); font-size: 0.875rem; } [part='link'] { color: var(--lt-interactive-primary-bg); text-decoration: none; transition: color 120ms ease; } [part='link']:hover { color: var(--lt-interactive-primary-bg-hover); text-decoration: underline; } [part='text'] { color: var(--lt-text-default); font-weight: 600; } [part='separator'] { color: var(--lt-text-muted); margin-inline: var(--lt-spacing-2); user-select: none; } [part='separator']::after { content: var(--lt-breadcrumb-separator, '/'); } :host(:last-child) [part='separator'] { display: none; } `"
|
|
751
|
-
}
|
|
752
|
-
],
|
|
753
|
-
"exports": [
|
|
754
|
-
{
|
|
755
|
-
"kind": "js",
|
|
756
|
-
"name": "breadcrumbStyles",
|
|
757
|
-
"declaration": {
|
|
758
|
-
"name": "breadcrumbStyles",
|
|
759
|
-
"module": "src/components/breadcrumb/breadcrumb.styles.ts"
|
|
760
|
-
}
|
|
761
|
-
},
|
|
762
|
-
{
|
|
763
|
-
"kind": "js",
|
|
764
|
-
"name": "breadcrumbItemStyles",
|
|
765
|
-
"declaration": {
|
|
766
|
-
"name": "breadcrumbItemStyles",
|
|
767
|
-
"module": "src/components/breadcrumb/breadcrumb.styles.ts"
|
|
768
|
-
}
|
|
769
|
-
}
|
|
770
|
-
]
|
|
771
|
-
},
|
|
772
|
-
{
|
|
773
|
-
"kind": "javascript-module",
|
|
774
|
-
"path": "src/components/breadcrumb/breadcrumb.ts",
|
|
775
|
-
"declarations": [
|
|
776
|
-
{
|
|
777
|
-
"kind": "class",
|
|
778
|
-
"description": "Navigation breadcrumb trail container.\nPlace `lt-breadcrumb-item` elements inside as direct children.",
|
|
779
|
-
"name": "Breadcrumb",
|
|
780
|
-
"members": [
|
|
778
|
+
"description": "Navigation breadcrumb trail container.\nPlace `lt-breadcrumb-item` elements inside as direct children.",
|
|
779
|
+
"name": "Breadcrumb",
|
|
780
|
+
"members": [
|
|
781
781
|
{
|
|
782
782
|
"kind": "field",
|
|
783
783
|
"name": "styles",
|
|
@@ -4483,24 +4483,117 @@
|
|
|
4483
4483
|
},
|
|
4484
4484
|
{
|
|
4485
4485
|
"kind": "javascript-module",
|
|
4486
|
-
"path": "src/components/
|
|
4486
|
+
"path": "src/components/link/index.ts",
|
|
4487
4487
|
"declarations": [],
|
|
4488
4488
|
"exports": [
|
|
4489
4489
|
{
|
|
4490
4490
|
"kind": "js",
|
|
4491
|
-
"name": "
|
|
4491
|
+
"name": "Link",
|
|
4492
4492
|
"declaration": {
|
|
4493
|
-
"name": "
|
|
4494
|
-
"module": "./
|
|
4493
|
+
"name": "Link",
|
|
4494
|
+
"module": "./link"
|
|
4495
4495
|
}
|
|
4496
|
-
}
|
|
4496
|
+
}
|
|
4497
|
+
]
|
|
4498
|
+
},
|
|
4499
|
+
{
|
|
4500
|
+
"kind": "javascript-module",
|
|
4501
|
+
"path": "src/components/link/link.styles.ts",
|
|
4502
|
+
"declarations": [
|
|
4497
4503
|
{
|
|
4498
|
-
"kind": "
|
|
4499
|
-
"name": "
|
|
4500
|
-
"
|
|
4501
|
-
|
|
4502
|
-
|
|
4503
|
-
|
|
4504
|
+
"kind": "variable",
|
|
4505
|
+
"name": "linkStyles",
|
|
4506
|
+
"default": "css` :host { display: inline; } a[part='base'] { align-items: center; color: var(--lt-text-primary); cursor: pointer; display: inline-flex; font: inherit; gap: 0.25em; text-decoration: none; vertical-align: baseline; } a[part='base']:hover { color: var(--lt-text-primary); text-decoration: underline; } a[part='base']:focus-visible { border-radius: 2px; outline: 2px solid var(--lt-border-focus); outline-offset: 2px; } lt-icon[part='icon'] { flex-shrink: 0; } `"
|
|
4507
|
+
}
|
|
4508
|
+
],
|
|
4509
|
+
"exports": [
|
|
4510
|
+
{
|
|
4511
|
+
"kind": "js",
|
|
4512
|
+
"name": "linkStyles",
|
|
4513
|
+
"declaration": {
|
|
4514
|
+
"name": "linkStyles",
|
|
4515
|
+
"module": "src/components/link/link.styles.ts"
|
|
4516
|
+
}
|
|
4517
|
+
}
|
|
4518
|
+
]
|
|
4519
|
+
},
|
|
4520
|
+
{
|
|
4521
|
+
"kind": "javascript-module",
|
|
4522
|
+
"path": "src/components/link/link.ts",
|
|
4523
|
+
"declarations": [
|
|
4524
|
+
{
|
|
4525
|
+
"kind": "class",
|
|
4526
|
+
"description": "A styled anchor element. Uses the primary color by default with an underline on hover.\nSet `external` to open in a new tab and display a trailing external-link icon.",
|
|
4527
|
+
"name": "Link",
|
|
4528
|
+
"members": [
|
|
4529
|
+
{
|
|
4530
|
+
"kind": "field",
|
|
4531
|
+
"name": "styles",
|
|
4532
|
+
"static": true,
|
|
4533
|
+
"default": "linkStyles"
|
|
4534
|
+
},
|
|
4535
|
+
{
|
|
4536
|
+
"kind": "field",
|
|
4537
|
+
"name": "href",
|
|
4538
|
+
"type": {
|
|
4539
|
+
"text": "string"
|
|
4540
|
+
},
|
|
4541
|
+
"default": "''",
|
|
4542
|
+
"description": "Destination URL forwarded to the underlying `<a>` element."
|
|
4543
|
+
},
|
|
4544
|
+
{
|
|
4545
|
+
"kind": "field",
|
|
4546
|
+
"name": "external",
|
|
4547
|
+
"type": {
|
|
4548
|
+
"text": "boolean"
|
|
4549
|
+
},
|
|
4550
|
+
"default": "false",
|
|
4551
|
+
"description": "Opens the link in a new tab and appends an external-link icon."
|
|
4552
|
+
},
|
|
4553
|
+
{
|
|
4554
|
+
"kind": "method",
|
|
4555
|
+
"name": "render"
|
|
4556
|
+
}
|
|
4557
|
+
],
|
|
4558
|
+
"superclass": {
|
|
4559
|
+
"name": "ThemeableElement",
|
|
4560
|
+
"module": "/src/base"
|
|
4561
|
+
},
|
|
4562
|
+
"tagName": "lt-link",
|
|
4563
|
+
"customElement": true
|
|
4564
|
+
}
|
|
4565
|
+
],
|
|
4566
|
+
"exports": [
|
|
4567
|
+
{
|
|
4568
|
+
"kind": "js",
|
|
4569
|
+
"name": "Link",
|
|
4570
|
+
"declaration": {
|
|
4571
|
+
"name": "Link",
|
|
4572
|
+
"module": "src/components/link/link.ts"
|
|
4573
|
+
}
|
|
4574
|
+
}
|
|
4575
|
+
]
|
|
4576
|
+
},
|
|
4577
|
+
{
|
|
4578
|
+
"kind": "javascript-module",
|
|
4579
|
+
"path": "src/components/list/index.ts",
|
|
4580
|
+
"declarations": [],
|
|
4581
|
+
"exports": [
|
|
4582
|
+
{
|
|
4583
|
+
"kind": "js",
|
|
4584
|
+
"name": "List",
|
|
4585
|
+
"declaration": {
|
|
4586
|
+
"name": "List",
|
|
4587
|
+
"module": "./list"
|
|
4588
|
+
}
|
|
4589
|
+
},
|
|
4590
|
+
{
|
|
4591
|
+
"kind": "js",
|
|
4592
|
+
"name": "ListItem",
|
|
4593
|
+
"declaration": {
|
|
4594
|
+
"name": "ListItem",
|
|
4595
|
+
"module": "./list-item"
|
|
4596
|
+
}
|
|
4504
4597
|
},
|
|
4505
4598
|
{
|
|
4506
4599
|
"kind": "js",
|
|
@@ -4527,7 +4620,7 @@
|
|
|
4527
4620
|
{
|
|
4528
4621
|
"kind": "variable",
|
|
4529
4622
|
"name": "listItemStyles",
|
|
4530
|
-
"default": "css` :host { display: list-item; margin: 0; padding: 0; } .inner { display: flex; align-items: flex-start; gap: var(--lt-spacing-2); } lt-icon { flex-shrink: 0; color: var(--lt-color-neutral-500); font-size: inherit; } `"
|
|
4623
|
+
"default": "css` :host { display: list-item; margin: 0; padding: 0; } .inner { display: flex; align-items: flex-start; gap: var(--lt-spacing-2); } /* Keep the slotted content as a single flex item so rich inline markup (strong, code, multiple text runs) flows as normal prose instead of each node becoming its own shrunk flex item. min-width: 0 lets it wrap. */ .content { flex: 1 1 auto; min-width: 0; } lt-icon { flex-shrink: 0; color: var(--lt-color-neutral-500); font-size: inherit; } `"
|
|
4531
4624
|
}
|
|
4532
4625
|
],
|
|
4533
4626
|
"exports": [
|
|
@@ -5222,99 +5315,6 @@
|
|
|
5222
5315
|
}
|
|
5223
5316
|
]
|
|
5224
5317
|
},
|
|
5225
|
-
{
|
|
5226
|
-
"kind": "javascript-module",
|
|
5227
|
-
"path": "src/components/link/index.ts",
|
|
5228
|
-
"declarations": [],
|
|
5229
|
-
"exports": [
|
|
5230
|
-
{
|
|
5231
|
-
"kind": "js",
|
|
5232
|
-
"name": "Link",
|
|
5233
|
-
"declaration": {
|
|
5234
|
-
"name": "Link",
|
|
5235
|
-
"module": "./link"
|
|
5236
|
-
}
|
|
5237
|
-
}
|
|
5238
|
-
]
|
|
5239
|
-
},
|
|
5240
|
-
{
|
|
5241
|
-
"kind": "javascript-module",
|
|
5242
|
-
"path": "src/components/link/link.styles.ts",
|
|
5243
|
-
"declarations": [
|
|
5244
|
-
{
|
|
5245
|
-
"kind": "variable",
|
|
5246
|
-
"name": "linkStyles",
|
|
5247
|
-
"default": "css` :host { display: inline; } a[part='base'] { align-items: center; color: var(--lt-text-primary); cursor: pointer; display: inline-flex; font: inherit; gap: 0.25em; text-decoration: none; vertical-align: baseline; } a[part='base']:hover { color: var(--lt-text-primary); text-decoration: underline; } a[part='base']:focus-visible { border-radius: 2px; outline: 2px solid var(--lt-border-focus); outline-offset: 2px; } lt-icon[part='icon'] { flex-shrink: 0; } `"
|
|
5248
|
-
}
|
|
5249
|
-
],
|
|
5250
|
-
"exports": [
|
|
5251
|
-
{
|
|
5252
|
-
"kind": "js",
|
|
5253
|
-
"name": "linkStyles",
|
|
5254
|
-
"declaration": {
|
|
5255
|
-
"name": "linkStyles",
|
|
5256
|
-
"module": "src/components/link/link.styles.ts"
|
|
5257
|
-
}
|
|
5258
|
-
}
|
|
5259
|
-
]
|
|
5260
|
-
},
|
|
5261
|
-
{
|
|
5262
|
-
"kind": "javascript-module",
|
|
5263
|
-
"path": "src/components/link/link.ts",
|
|
5264
|
-
"declarations": [
|
|
5265
|
-
{
|
|
5266
|
-
"kind": "class",
|
|
5267
|
-
"description": "A styled anchor element. Uses the primary color by default with an underline on hover.\nSet `external` to open in a new tab and display a trailing external-link icon.",
|
|
5268
|
-
"name": "Link",
|
|
5269
|
-
"members": [
|
|
5270
|
-
{
|
|
5271
|
-
"kind": "field",
|
|
5272
|
-
"name": "styles",
|
|
5273
|
-
"static": true,
|
|
5274
|
-
"default": "linkStyles"
|
|
5275
|
-
},
|
|
5276
|
-
{
|
|
5277
|
-
"kind": "field",
|
|
5278
|
-
"name": "href",
|
|
5279
|
-
"type": {
|
|
5280
|
-
"text": "string"
|
|
5281
|
-
},
|
|
5282
|
-
"default": "''",
|
|
5283
|
-
"description": "Destination URL forwarded to the underlying `<a>` element."
|
|
5284
|
-
},
|
|
5285
|
-
{
|
|
5286
|
-
"kind": "field",
|
|
5287
|
-
"name": "external",
|
|
5288
|
-
"type": {
|
|
5289
|
-
"text": "boolean"
|
|
5290
|
-
},
|
|
5291
|
-
"default": "false",
|
|
5292
|
-
"description": "Opens the link in a new tab and appends an external-link icon."
|
|
5293
|
-
},
|
|
5294
|
-
{
|
|
5295
|
-
"kind": "method",
|
|
5296
|
-
"name": "render"
|
|
5297
|
-
}
|
|
5298
|
-
],
|
|
5299
|
-
"superclass": {
|
|
5300
|
-
"name": "ThemeableElement",
|
|
5301
|
-
"module": "/src/base"
|
|
5302
|
-
},
|
|
5303
|
-
"tagName": "lt-link",
|
|
5304
|
-
"customElement": true
|
|
5305
|
-
}
|
|
5306
|
-
],
|
|
5307
|
-
"exports": [
|
|
5308
|
-
{
|
|
5309
|
-
"kind": "js",
|
|
5310
|
-
"name": "Link",
|
|
5311
|
-
"declaration": {
|
|
5312
|
-
"name": "Link",
|
|
5313
|
-
"module": "src/components/link/link.ts"
|
|
5314
|
-
}
|
|
5315
|
-
}
|
|
5316
|
-
]
|
|
5317
|
-
},
|
|
5318
5318
|
{
|
|
5319
5319
|
"kind": "javascript-module",
|
|
5320
5320
|
"path": "src/components/progress/index.ts",
|
|
@@ -5453,131 +5453,122 @@
|
|
|
5453
5453
|
},
|
|
5454
5454
|
{
|
|
5455
5455
|
"kind": "javascript-module",
|
|
5456
|
-
"path": "src/components/radio/index.ts",
|
|
5456
|
+
"path": "src/components/radio-group/index.ts",
|
|
5457
5457
|
"declarations": [],
|
|
5458
5458
|
"exports": [
|
|
5459
5459
|
{
|
|
5460
5460
|
"kind": "js",
|
|
5461
|
-
"name": "
|
|
5462
|
-
"declaration": {
|
|
5463
|
-
"name": "Radio",
|
|
5464
|
-
"module": "./radio"
|
|
5465
|
-
}
|
|
5466
|
-
},
|
|
5467
|
-
{
|
|
5468
|
-
"kind": "js",
|
|
5469
|
-
"name": "RadioSize",
|
|
5470
|
-
"declaration": {
|
|
5471
|
-
"name": "RadioSize",
|
|
5472
|
-
"module": "./radio.types"
|
|
5473
|
-
}
|
|
5474
|
-
},
|
|
5475
|
-
{
|
|
5476
|
-
"kind": "js",
|
|
5477
|
-
"name": "RadioVariant",
|
|
5461
|
+
"name": "RadioGroup",
|
|
5478
5462
|
"declaration": {
|
|
5479
|
-
"name": "
|
|
5480
|
-
"module": "./radio
|
|
5463
|
+
"name": "RadioGroup",
|
|
5464
|
+
"module": "./radio-group"
|
|
5481
5465
|
}
|
|
5482
5466
|
},
|
|
5483
5467
|
{
|
|
5484
5468
|
"kind": "js",
|
|
5485
|
-
"name": "
|
|
5469
|
+
"name": "RadioGroupOrientation",
|
|
5486
5470
|
"declaration": {
|
|
5487
|
-
"name": "
|
|
5488
|
-
"module": "./radio.types"
|
|
5471
|
+
"name": "RadioGroupOrientation",
|
|
5472
|
+
"module": "./radio-group.types"
|
|
5489
5473
|
}
|
|
5490
5474
|
}
|
|
5491
5475
|
]
|
|
5492
5476
|
},
|
|
5493
5477
|
{
|
|
5494
5478
|
"kind": "javascript-module",
|
|
5495
|
-
"path": "src/components/radio/radio.styles.ts",
|
|
5479
|
+
"path": "src/components/radio-group/radio-group.styles.ts",
|
|
5496
5480
|
"declarations": [
|
|
5497
5481
|
{
|
|
5498
5482
|
"kind": "variable",
|
|
5499
|
-
"name": "
|
|
5500
|
-
"default": "css` :host { display:
|
|
5483
|
+
"name": "radioGroupStyles",
|
|
5484
|
+
"default": "css` :host { display: block; font-family: 'Hanken Grotesk', sans-serif; } .radio-group { display: flex; flex-direction: column; gap: var(--lt-spacing-2); } .label { color: var(--lt-text-default); margin-bottom: var(--lt-spacing-1); } .required-indicator { color: var(--lt-color-error-500); margin-left: var(--lt-spacing-1); } .radios-container { display: flex; gap: var(--lt-spacing-3); } :host([orientation='vertical']) .radios-container { flex-direction: column; } :host([orientation='horizontal']) .radios-container { flex-direction: row; flex-wrap: wrap; } .helper-text { color: var(--lt-text-subtle); margin-top: var(--lt-spacing-1); } .helper-text::part(base) { font-weight: 200; } :host([error]) .helper-text { color: var(--lt-text-error); } `"
|
|
5501
5485
|
}
|
|
5502
5486
|
],
|
|
5503
5487
|
"exports": [
|
|
5504
5488
|
{
|
|
5505
5489
|
"kind": "js",
|
|
5506
|
-
"name": "
|
|
5490
|
+
"name": "radioGroupStyles",
|
|
5507
5491
|
"declaration": {
|
|
5508
|
-
"name": "
|
|
5509
|
-
"module": "src/components/radio/radio.styles.ts"
|
|
5492
|
+
"name": "radioGroupStyles",
|
|
5493
|
+
"module": "src/components/radio-group/radio-group.styles.ts"
|
|
5510
5494
|
}
|
|
5511
5495
|
}
|
|
5512
5496
|
]
|
|
5513
5497
|
},
|
|
5514
5498
|
{
|
|
5515
5499
|
"kind": "javascript-module",
|
|
5516
|
-
"path": "src/components/radio/radio.ts",
|
|
5500
|
+
"path": "src/components/radio-group/radio-group.ts",
|
|
5517
5501
|
"declarations": [
|
|
5518
5502
|
{
|
|
5519
5503
|
"kind": "class",
|
|
5520
|
-
"description": "A
|
|
5521
|
-
"name": "
|
|
5504
|
+
"description": "A container component that manages a group of radio buttons.",
|
|
5505
|
+
"name": "RadioGroup",
|
|
5506
|
+
"slots": [
|
|
5507
|
+
{
|
|
5508
|
+
"description": "Radio buttons to be managed by this group",
|
|
5509
|
+
"name": ""
|
|
5510
|
+
}
|
|
5511
|
+
],
|
|
5522
5512
|
"members": [
|
|
5523
5513
|
{
|
|
5524
5514
|
"kind": "field",
|
|
5525
5515
|
"name": "styles",
|
|
5526
5516
|
"static": true,
|
|
5527
|
-
"default": "
|
|
5517
|
+
"default": "radioGroupStyles"
|
|
5528
5518
|
},
|
|
5529
5519
|
{
|
|
5530
5520
|
"kind": "field",
|
|
5531
|
-
"name": "
|
|
5521
|
+
"name": "label",
|
|
5532
5522
|
"type": {
|
|
5533
|
-
"text": "
|
|
5523
|
+
"text": "string"
|
|
5534
5524
|
},
|
|
5535
|
-
"
|
|
5536
|
-
"
|
|
5525
|
+
"default": "''",
|
|
5526
|
+
"description": "Label for the radio group."
|
|
5537
5527
|
},
|
|
5538
5528
|
{
|
|
5539
5529
|
"kind": "field",
|
|
5540
|
-
"name": "
|
|
5530
|
+
"name": "name",
|
|
5541
5531
|
"type": {
|
|
5542
|
-
"text": "
|
|
5532
|
+
"text": "string"
|
|
5543
5533
|
},
|
|
5544
|
-
"
|
|
5545
|
-
|
|
5534
|
+
"default": "''",
|
|
5535
|
+
"description": "Name attribute applied to all radio buttons in the group.\nEnsures only one radio can be selected at a time."
|
|
5536
|
+
},
|
|
5546
5537
|
{
|
|
5547
5538
|
"kind": "field",
|
|
5548
|
-
"name": "
|
|
5539
|
+
"name": "value",
|
|
5549
5540
|
"type": {
|
|
5550
|
-
"text": "
|
|
5541
|
+
"text": "string"
|
|
5551
5542
|
},
|
|
5552
|
-
"default": "'
|
|
5553
|
-
"description": "
|
|
5543
|
+
"default": "''",
|
|
5544
|
+
"description": "Currently selected value in the group."
|
|
5554
5545
|
},
|
|
5555
5546
|
{
|
|
5556
5547
|
"kind": "field",
|
|
5557
|
-
"name": "
|
|
5548
|
+
"name": "orientation",
|
|
5558
5549
|
"type": {
|
|
5559
|
-
"text": "
|
|
5550
|
+
"text": "RadioGroupOrientation"
|
|
5560
5551
|
},
|
|
5561
|
-
"default": "'
|
|
5562
|
-
"description": "
|
|
5552
|
+
"default": "'vertical'",
|
|
5553
|
+
"description": "Layout orientation of the radio buttons."
|
|
5563
5554
|
},
|
|
5564
5555
|
{
|
|
5565
5556
|
"kind": "field",
|
|
5566
|
-
"name": "
|
|
5557
|
+
"name": "helperText",
|
|
5567
5558
|
"type": {
|
|
5568
|
-
"text": "
|
|
5559
|
+
"text": "string"
|
|
5569
5560
|
},
|
|
5570
|
-
"default": "
|
|
5571
|
-
"description": "
|
|
5561
|
+
"default": "''",
|
|
5562
|
+
"description": "Helper text displayed below the radio group."
|
|
5572
5563
|
},
|
|
5573
5564
|
{
|
|
5574
5565
|
"kind": "field",
|
|
5575
|
-
"name": "
|
|
5566
|
+
"name": "error",
|
|
5576
5567
|
"type": {
|
|
5577
5568
|
"text": "boolean"
|
|
5578
5569
|
},
|
|
5579
5570
|
"default": "false",
|
|
5580
|
-
"description": "Whether the radio is
|
|
5571
|
+
"description": "Whether the radio group is in an error state."
|
|
5581
5572
|
},
|
|
5582
5573
|
{
|
|
5583
5574
|
"kind": "field",
|
|
@@ -5586,74 +5577,49 @@
|
|
|
5586
5577
|
"text": "boolean"
|
|
5587
5578
|
},
|
|
5588
5579
|
"default": "false",
|
|
5589
|
-
"description": "Whether
|
|
5590
|
-
},
|
|
5591
|
-
{
|
|
5592
|
-
"kind": "field",
|
|
5593
|
-
"name": "label",
|
|
5594
|
-
"type": {
|
|
5595
|
-
"text": "string"
|
|
5596
|
-
},
|
|
5597
|
-
"default": "''",
|
|
5598
|
-
"description": "Label text displayed next to the radio button."
|
|
5599
|
-
},
|
|
5600
|
-
{
|
|
5601
|
-
"kind": "field",
|
|
5602
|
-
"name": "labelPosition",
|
|
5603
|
-
"type": {
|
|
5604
|
-
"text": "RadioLabelPosition"
|
|
5605
|
-
},
|
|
5606
|
-
"default": "'right'",
|
|
5607
|
-
"description": "Position of the label relative to the radio button."
|
|
5580
|
+
"description": "Whether selection is required."
|
|
5608
5581
|
},
|
|
5609
5582
|
{
|
|
5610
5583
|
"kind": "field",
|
|
5611
|
-
"name": "
|
|
5584
|
+
"name": "radios",
|
|
5612
5585
|
"type": {
|
|
5613
|
-
"text": "
|
|
5586
|
+
"text": "Radio[]"
|
|
5614
5587
|
},
|
|
5615
|
-
"
|
|
5616
|
-
"description": "
|
|
5588
|
+
"privacy": "private",
|
|
5589
|
+
"description": "Reference to all slotted radio elements."
|
|
5617
5590
|
},
|
|
5618
5591
|
{
|
|
5619
5592
|
"kind": "field",
|
|
5620
|
-
"name": "
|
|
5621
|
-
"
|
|
5622
|
-
|
|
5623
|
-
},
|
|
5624
|
-
"default": "''",
|
|
5625
|
-
"description": "Value attribute for form submission."
|
|
5626
|
-
},
|
|
5627
|
-
{
|
|
5628
|
-
"kind": "method",
|
|
5629
|
-
"name": "updated"
|
|
5630
|
-
},
|
|
5631
|
-
{
|
|
5632
|
-
"kind": "method",
|
|
5633
|
-
"name": "formResetCallback"
|
|
5593
|
+
"name": "_attached",
|
|
5594
|
+
"privacy": "private",
|
|
5595
|
+
"default": "new WeakSet<Radio>()"
|
|
5634
5596
|
},
|
|
5635
5597
|
{
|
|
5636
5598
|
"kind": "method",
|
|
5637
|
-
"name": "
|
|
5599
|
+
"name": "firstUpdated"
|
|
5638
5600
|
},
|
|
5639
5601
|
{
|
|
5640
5602
|
"kind": "method",
|
|
5641
|
-
"name": "
|
|
5603
|
+
"name": "_syncRadios",
|
|
5604
|
+
"privacy": "private"
|
|
5642
5605
|
},
|
|
5643
5606
|
{
|
|
5644
|
-
"kind": "
|
|
5645
|
-
"name": "
|
|
5607
|
+
"kind": "field",
|
|
5608
|
+
"name": "handleRadioChange",
|
|
5646
5609
|
"privacy": "private",
|
|
5610
|
+
"description": "Handles change events from individual radio buttons.\nUpdates the group value and ensures only one radio is checked.",
|
|
5647
5611
|
"parameters": [
|
|
5648
5612
|
{
|
|
5649
|
-
"
|
|
5650
|
-
"
|
|
5651
|
-
"text": "Event"
|
|
5652
|
-
},
|
|
5653
|
-
"description": "The native change event"
|
|
5613
|
+
"description": "The change event from a radio button",
|
|
5614
|
+
"name": "e"
|
|
5654
5615
|
}
|
|
5655
|
-
]
|
|
5656
|
-
|
|
5616
|
+
]
|
|
5617
|
+
},
|
|
5618
|
+
{
|
|
5619
|
+
"kind": "method",
|
|
5620
|
+
"name": "handleSlotChange",
|
|
5621
|
+
"privacy": "private",
|
|
5622
|
+
"description": "Handles slot changes to update radios when content changes."
|
|
5657
5623
|
},
|
|
5658
5624
|
{
|
|
5659
5625
|
"kind": "method",
|
|
@@ -5662,150 +5628,159 @@
|
|
|
5662
5628
|
],
|
|
5663
5629
|
"events": [
|
|
5664
5630
|
{
|
|
5665
|
-
"name": "change",
|
|
5666
5631
|
"type": {
|
|
5667
|
-
"text": "CustomEvent<{value: string
|
|
5632
|
+
"text": "CustomEvent<{value: string}>"
|
|
5668
5633
|
},
|
|
5669
|
-
"description": "Dispatched when
|
|
5634
|
+
"description": "Dispatched when a radio in the group is selected",
|
|
5635
|
+
"name": "change"
|
|
5670
5636
|
}
|
|
5671
5637
|
],
|
|
5672
5638
|
"superclass": {
|
|
5673
5639
|
"name": "ThemeableElement",
|
|
5674
5640
|
"module": "/src/base"
|
|
5675
5641
|
},
|
|
5676
|
-
"tagName": "lt-radio",
|
|
5642
|
+
"tagName": "lt-radio-group",
|
|
5677
5643
|
"customElement": true
|
|
5678
5644
|
}
|
|
5679
5645
|
],
|
|
5680
5646
|
"exports": [
|
|
5681
5647
|
{
|
|
5682
5648
|
"kind": "js",
|
|
5683
|
-
"name": "
|
|
5649
|
+
"name": "RadioGroup",
|
|
5684
5650
|
"declaration": {
|
|
5685
|
-
"name": "
|
|
5686
|
-
"module": "src/components/radio/radio.ts"
|
|
5651
|
+
"name": "RadioGroup",
|
|
5652
|
+
"module": "src/components/radio-group/radio-group.ts"
|
|
5687
5653
|
}
|
|
5688
5654
|
}
|
|
5689
5655
|
]
|
|
5690
5656
|
},
|
|
5691
5657
|
{
|
|
5692
5658
|
"kind": "javascript-module",
|
|
5693
|
-
"path": "src/components/radio
|
|
5659
|
+
"path": "src/components/radio/index.ts",
|
|
5694
5660
|
"declarations": [],
|
|
5695
5661
|
"exports": [
|
|
5696
5662
|
{
|
|
5697
5663
|
"kind": "js",
|
|
5698
|
-
"name": "
|
|
5664
|
+
"name": "Radio",
|
|
5699
5665
|
"declaration": {
|
|
5700
|
-
"name": "
|
|
5701
|
-
"module": "./radio
|
|
5666
|
+
"name": "Radio",
|
|
5667
|
+
"module": "./radio"
|
|
5702
5668
|
}
|
|
5703
5669
|
},
|
|
5704
5670
|
{
|
|
5705
5671
|
"kind": "js",
|
|
5706
|
-
"name": "
|
|
5672
|
+
"name": "RadioSize",
|
|
5707
5673
|
"declaration": {
|
|
5708
|
-
"name": "
|
|
5709
|
-
"module": "./radio
|
|
5674
|
+
"name": "RadioSize",
|
|
5675
|
+
"module": "./radio.types"
|
|
5676
|
+
}
|
|
5677
|
+
},
|
|
5678
|
+
{
|
|
5679
|
+
"kind": "js",
|
|
5680
|
+
"name": "RadioVariant",
|
|
5681
|
+
"declaration": {
|
|
5682
|
+
"name": "RadioVariant",
|
|
5683
|
+
"module": "./radio.types"
|
|
5684
|
+
}
|
|
5685
|
+
},
|
|
5686
|
+
{
|
|
5687
|
+
"kind": "js",
|
|
5688
|
+
"name": "RadioLabelPosition",
|
|
5689
|
+
"declaration": {
|
|
5690
|
+
"name": "RadioLabelPosition",
|
|
5691
|
+
"module": "./radio.types"
|
|
5710
5692
|
}
|
|
5711
5693
|
}
|
|
5712
5694
|
]
|
|
5713
5695
|
},
|
|
5714
5696
|
{
|
|
5715
5697
|
"kind": "javascript-module",
|
|
5716
|
-
"path": "src/components/radio
|
|
5698
|
+
"path": "src/components/radio/radio.styles.ts",
|
|
5717
5699
|
"declarations": [
|
|
5718
5700
|
{
|
|
5719
5701
|
"kind": "variable",
|
|
5720
|
-
"name": "
|
|
5721
|
-
"default": "css` :host { display: block; font-family: 'Hanken Grotesk', sans-serif; } .radio-
|
|
5702
|
+
"name": "radioStyles",
|
|
5703
|
+
"default": "css` :host { display: inline-block; font-family: 'Hanken Grotesk', sans-serif; } .radio-wrapper { align-items: center; cursor: pointer; display: inline-flex; gap: var(--lt-spacing-2); } .radio-container { display: inline-flex; position: relative; } :host([label-position='left']) .radio-wrapper { flex-direction: row-reverse; } :host([disabled]) .radio-wrapper { cursor: not-allowed; opacity: 0.6; } input[type='radio'] { appearance: none; border-radius: 50%; border: 2px solid var(--lt-border-strong); cursor: pointer; flex-shrink: 0; margin: 0; position: relative; transition: background-color 120ms ease, border-color 120ms ease; } input[type='radio']:hover:not(:disabled) { border-color: var(--lt-color-neutral-600); } input[type='radio']:focus-visible { outline: 3px solid var(--lt-border-focus); outline-offset: 2px; } input[type='radio']:disabled { cursor: not-allowed; } .dot { background: white; border-radius: 50%; display: none; pointer-events: none; position: absolute; } input[type='radio']:checked ~ .dot { display: block; } .label { color: var(--lt-text-default); user-select: none; } /* Size variants */ :host([size='sm']) input[type='radio'] { height: 16px; width: 16px; } :host([size='sm']) .dot { height: 8px; width: 8px; left: 4px; top: 4px; } :host([size='sm']) .label { font-size: 0.875rem; } :host([size='md']) input[type='radio'] { height: 20px; width: 20px; } :host([size='md']) .dot { height: 10px; width: 10px; left: 5px; top: 5px; } :host([size='md']) .label { font-size: 1rem; } :host([size='lg']) input[type='radio'] { height: 24px; width: 24px; } :host([size='lg']) .dot { height: 12px; width: 12px; left: 6px; top: 6px; } :host([size='lg']) .label { font-size: 1.0625rem; } /* Variant styles */ :host([variant='primary']) input[type='radio']:checked { background: var(--lt-interactive-primary-bg); border-color: var(--lt-interactive-primary-bg); } :host([variant='primary']) input[type='radio']:checked:hover:not(:disabled) { background: var(--lt-interactive-primary-bg-hover); border-color: var(--lt-interactive-primary-bg-hover); } :host([variant='secondary']) input[type='radio']:checked { background: var(--lt-interactive-secondary-bg); border-color: var(--lt-interactive-secondary-bg); } :host([variant='secondary']) input[type='radio']:checked:hover:not(:disabled) { background: var(--lt-interactive-secondary-bg-hover); border-color: var(--lt-interactive-secondary-bg-hover); } :host([variant='success']) input[type='radio']:checked { background: var(--lt-interactive-success-bg); border-color: var(--lt-interactive-success-bg); } :host([variant='success']) input[type='radio']:checked:hover:not(:disabled) { background: var(--lt-interactive-success-bg-hover); border-color: var(--lt-interactive-success-bg-hover); } :host([variant='error']) input[type='radio']:checked { background: var(--lt-interactive-error-bg); border-color: var(--lt-interactive-error-bg); } :host([variant='error']) input[type='radio']:checked:hover:not(:disabled) { background: var(--lt-interactive-error-bg-hover); border-color: var(--lt-interactive-error-bg-hover); } :host([variant='info']) input[type='radio']:checked { background: var(--lt-interactive-info-bg); border-color: var(--lt-interactive-info-bg); } :host([variant='info']) input[type='radio']:checked:hover:not(:disabled) { background: var(--lt-interactive-info-bg-hover); border-color: var(--lt-interactive-info-bg-hover); } `"
|
|
5722
5704
|
}
|
|
5723
5705
|
],
|
|
5724
5706
|
"exports": [
|
|
5725
5707
|
{
|
|
5726
5708
|
"kind": "js",
|
|
5727
|
-
"name": "
|
|
5709
|
+
"name": "radioStyles",
|
|
5728
5710
|
"declaration": {
|
|
5729
|
-
"name": "
|
|
5730
|
-
"module": "src/components/radio
|
|
5711
|
+
"name": "radioStyles",
|
|
5712
|
+
"module": "src/components/radio/radio.styles.ts"
|
|
5731
5713
|
}
|
|
5732
5714
|
}
|
|
5733
5715
|
]
|
|
5734
5716
|
},
|
|
5735
5717
|
{
|
|
5736
5718
|
"kind": "javascript-module",
|
|
5737
|
-
"path": "src/components/radio
|
|
5719
|
+
"path": "src/components/radio/radio.ts",
|
|
5738
5720
|
"declarations": [
|
|
5739
5721
|
{
|
|
5740
5722
|
"kind": "class",
|
|
5741
|
-
"description": "A
|
|
5742
|
-
"name": "
|
|
5743
|
-
"slots": [
|
|
5744
|
-
{
|
|
5745
|
-
"description": "Radio buttons to be managed by this group",
|
|
5746
|
-
"name": ""
|
|
5747
|
-
}
|
|
5748
|
-
],
|
|
5723
|
+
"description": "A customizable radio button component with support for multiple variants and sizes.",
|
|
5724
|
+
"name": "Radio",
|
|
5749
5725
|
"members": [
|
|
5750
5726
|
{
|
|
5751
5727
|
"kind": "field",
|
|
5752
5728
|
"name": "styles",
|
|
5753
5729
|
"static": true,
|
|
5754
|
-
"default": "
|
|
5730
|
+
"default": "radioStyles"
|
|
5755
5731
|
},
|
|
5756
5732
|
{
|
|
5757
5733
|
"kind": "field",
|
|
5758
|
-
"name": "
|
|
5734
|
+
"name": "formAssociated",
|
|
5759
5735
|
"type": {
|
|
5760
|
-
"text": "
|
|
5736
|
+
"text": "boolean"
|
|
5761
5737
|
},
|
|
5762
|
-
"
|
|
5763
|
-
"
|
|
5738
|
+
"static": true,
|
|
5739
|
+
"default": "true"
|
|
5764
5740
|
},
|
|
5765
5741
|
{
|
|
5766
5742
|
"kind": "field",
|
|
5767
|
-
"name": "
|
|
5743
|
+
"name": "_internals",
|
|
5768
5744
|
"type": {
|
|
5769
|
-
"text": "
|
|
5745
|
+
"text": "ElementInternals"
|
|
5770
5746
|
},
|
|
5771
|
-
"
|
|
5772
|
-
"description": "Name attribute applied to all radio buttons in the group.\nEnsures only one radio can be selected at a time."
|
|
5747
|
+
"privacy": "private"
|
|
5773
5748
|
},
|
|
5774
5749
|
{
|
|
5775
5750
|
"kind": "field",
|
|
5776
|
-
"name": "
|
|
5751
|
+
"name": "variant",
|
|
5777
5752
|
"type": {
|
|
5778
|
-
"text": "
|
|
5753
|
+
"text": "RadioVariant"
|
|
5779
5754
|
},
|
|
5780
|
-
"default": "''",
|
|
5781
|
-
"description": "
|
|
5755
|
+
"default": "'primary'",
|
|
5756
|
+
"description": "Visual variant that determines the color when checked."
|
|
5782
5757
|
},
|
|
5783
5758
|
{
|
|
5784
5759
|
"kind": "field",
|
|
5785
|
-
"name": "
|
|
5760
|
+
"name": "size",
|
|
5786
5761
|
"type": {
|
|
5787
|
-
"text": "
|
|
5762
|
+
"text": "RadioSize"
|
|
5788
5763
|
},
|
|
5789
|
-
"default": "'
|
|
5790
|
-
"description": "
|
|
5764
|
+
"default": "'md'",
|
|
5765
|
+
"description": "Size of the radio button."
|
|
5791
5766
|
},
|
|
5792
5767
|
{
|
|
5793
5768
|
"kind": "field",
|
|
5794
|
-
"name": "
|
|
5769
|
+
"name": "checked",
|
|
5795
5770
|
"type": {
|
|
5796
|
-
"text": "
|
|
5771
|
+
"text": "boolean"
|
|
5797
5772
|
},
|
|
5798
|
-
"default": "
|
|
5799
|
-
"description": "
|
|
5773
|
+
"default": "false",
|
|
5774
|
+
"description": "Whether the radio is checked."
|
|
5800
5775
|
},
|
|
5801
5776
|
{
|
|
5802
5777
|
"kind": "field",
|
|
5803
|
-
"name": "
|
|
5778
|
+
"name": "disabled",
|
|
5804
5779
|
"type": {
|
|
5805
5780
|
"text": "boolean"
|
|
5806
5781
|
},
|
|
5807
5782
|
"default": "false",
|
|
5808
|
-
"description": "Whether the radio
|
|
5783
|
+
"description": "Whether the radio is disabled."
|
|
5809
5784
|
},
|
|
5810
5785
|
{
|
|
5811
5786
|
"kind": "field",
|
|
@@ -5814,49 +5789,74 @@
|
|
|
5814
5789
|
"text": "boolean"
|
|
5815
5790
|
},
|
|
5816
5791
|
"default": "false",
|
|
5817
|
-
"description": "Whether
|
|
5792
|
+
"description": "Whether the radio is required."
|
|
5818
5793
|
},
|
|
5819
5794
|
{
|
|
5820
5795
|
"kind": "field",
|
|
5821
|
-
"name": "
|
|
5796
|
+
"name": "label",
|
|
5822
5797
|
"type": {
|
|
5823
|
-
"text": "
|
|
5798
|
+
"text": "string"
|
|
5824
5799
|
},
|
|
5825
|
-
"
|
|
5826
|
-
"description": "
|
|
5800
|
+
"default": "''",
|
|
5801
|
+
"description": "Label text displayed next to the radio button."
|
|
5827
5802
|
},
|
|
5828
5803
|
{
|
|
5829
5804
|
"kind": "field",
|
|
5830
|
-
"name": "
|
|
5831
|
-
"
|
|
5832
|
-
|
|
5805
|
+
"name": "labelPosition",
|
|
5806
|
+
"type": {
|
|
5807
|
+
"text": "RadioLabelPosition"
|
|
5808
|
+
},
|
|
5809
|
+
"default": "'right'",
|
|
5810
|
+
"description": "Position of the label relative to the radio button."
|
|
5811
|
+
},
|
|
5812
|
+
{
|
|
5813
|
+
"kind": "field",
|
|
5814
|
+
"name": "name",
|
|
5815
|
+
"type": {
|
|
5816
|
+
"text": "string"
|
|
5817
|
+
},
|
|
5818
|
+
"default": "''",
|
|
5819
|
+
"description": "Name attribute for radio group.\nAll radios with the same name belong to the same group."
|
|
5820
|
+
},
|
|
5821
|
+
{
|
|
5822
|
+
"kind": "field",
|
|
5823
|
+
"name": "value",
|
|
5824
|
+
"type": {
|
|
5825
|
+
"text": "string"
|
|
5826
|
+
},
|
|
5827
|
+
"default": "''",
|
|
5828
|
+
"description": "Value attribute for form submission."
|
|
5833
5829
|
},
|
|
5834
5830
|
{
|
|
5835
5831
|
"kind": "method",
|
|
5836
|
-
"name": "
|
|
5832
|
+
"name": "updated"
|
|
5837
5833
|
},
|
|
5838
5834
|
{
|
|
5839
5835
|
"kind": "method",
|
|
5840
|
-
"name": "
|
|
5841
|
-
"privacy": "private"
|
|
5836
|
+
"name": "formResetCallback"
|
|
5842
5837
|
},
|
|
5843
5838
|
{
|
|
5844
|
-
"kind": "
|
|
5845
|
-
"name": "
|
|
5846
|
-
"privacy": "private",
|
|
5847
|
-
"description": "Handles change events from individual radio buttons.\nUpdates the group value and ensures only one radio is checked.",
|
|
5848
|
-
"parameters": [
|
|
5849
|
-
{
|
|
5850
|
-
"description": "The change event from a radio button",
|
|
5851
|
-
"name": "e"
|
|
5852
|
-
}
|
|
5853
|
-
]
|
|
5839
|
+
"kind": "method",
|
|
5840
|
+
"name": "checkValidity"
|
|
5854
5841
|
},
|
|
5855
5842
|
{
|
|
5856
5843
|
"kind": "method",
|
|
5857
|
-
"name": "
|
|
5844
|
+
"name": "reportValidity"
|
|
5845
|
+
},
|
|
5846
|
+
{
|
|
5847
|
+
"kind": "method",
|
|
5848
|
+
"name": "handleChange",
|
|
5858
5849
|
"privacy": "private",
|
|
5859
|
-
"
|
|
5850
|
+
"parameters": [
|
|
5851
|
+
{
|
|
5852
|
+
"name": "e",
|
|
5853
|
+
"type": {
|
|
5854
|
+
"text": "Event"
|
|
5855
|
+
},
|
|
5856
|
+
"description": "The native change event"
|
|
5857
|
+
}
|
|
5858
|
+
],
|
|
5859
|
+
"description": "Handles radio change events.\nUpdates the checked state and dispatches a custom change event."
|
|
5860
5860
|
},
|
|
5861
5861
|
{
|
|
5862
5862
|
"kind": "method",
|
|
@@ -5865,28 +5865,28 @@
|
|
|
5865
5865
|
],
|
|
5866
5866
|
"events": [
|
|
5867
5867
|
{
|
|
5868
|
+
"name": "change",
|
|
5868
5869
|
"type": {
|
|
5869
|
-
"text": "CustomEvent<{value: string}>"
|
|
5870
|
+
"text": "CustomEvent<{value: string, checked: boolean}>"
|
|
5870
5871
|
},
|
|
5871
|
-
"description": "Dispatched when
|
|
5872
|
-
"name": "change"
|
|
5872
|
+
"description": "Dispatched when the radio is selected"
|
|
5873
5873
|
}
|
|
5874
5874
|
],
|
|
5875
5875
|
"superclass": {
|
|
5876
5876
|
"name": "ThemeableElement",
|
|
5877
5877
|
"module": "/src/base"
|
|
5878
5878
|
},
|
|
5879
|
-
"tagName": "lt-radio
|
|
5879
|
+
"tagName": "lt-radio",
|
|
5880
5880
|
"customElement": true
|
|
5881
5881
|
}
|
|
5882
5882
|
],
|
|
5883
5883
|
"exports": [
|
|
5884
5884
|
{
|
|
5885
5885
|
"kind": "js",
|
|
5886
|
-
"name": "
|
|
5886
|
+
"name": "Radio",
|
|
5887
5887
|
"declaration": {
|
|
5888
|
-
"name": "
|
|
5889
|
-
"module": "src/components/radio
|
|
5888
|
+
"name": "Radio",
|
|
5889
|
+
"module": "src/components/radio/radio.ts"
|
|
5890
5890
|
}
|
|
5891
5891
|
}
|
|
5892
5892
|
]
|
|
@@ -7219,7 +7219,7 @@
|
|
|
7219
7219
|
},
|
|
7220
7220
|
{
|
|
7221
7221
|
"kind": "javascript-module",
|
|
7222
|
-
"path": "src/components/spinner/
|
|
7222
|
+
"path": "src/components/spinner/spinner.styles.ts",
|
|
7223
7223
|
"declarations": [
|
|
7224
7224
|
{
|
|
7225
7225
|
"kind": "variable",
|
|
@@ -7233,7 +7233,7 @@
|
|
|
7233
7233
|
"name": "spinnerStyles",
|
|
7234
7234
|
"declaration": {
|
|
7235
7235
|
"name": "spinnerStyles",
|
|
7236
|
-
"module": "src/components/spinner/
|
|
7236
|
+
"module": "src/components/spinner/spinner.styles.ts"
|
|
7237
7237
|
}
|
|
7238
7238
|
}
|
|
7239
7239
|
]
|
|
@@ -7590,45 +7590,243 @@
|
|
|
7590
7590
|
"type": {
|
|
7591
7591
|
"text": "string"
|
|
7592
7592
|
},
|
|
7593
|
-
"default": "'on'",
|
|
7594
|
-
"description": "Value attribute for form submission."
|
|
7593
|
+
"default": "'on'",
|
|
7594
|
+
"description": "Value attribute for form submission."
|
|
7595
|
+
},
|
|
7596
|
+
{
|
|
7597
|
+
"kind": "method",
|
|
7598
|
+
"name": "updated",
|
|
7599
|
+
"description": "Handles switch change events.\nUpdates the checked state and dispatches a custom change event.",
|
|
7600
|
+
"parameters": [
|
|
7601
|
+
{
|
|
7602
|
+
"description": "The native change event",
|
|
7603
|
+
"name": "e"
|
|
7604
|
+
}
|
|
7605
|
+
],
|
|
7606
|
+
"privacy": "private"
|
|
7607
|
+
},
|
|
7608
|
+
{
|
|
7609
|
+
"kind": "method",
|
|
7610
|
+
"name": "formResetCallback"
|
|
7611
|
+
},
|
|
7612
|
+
{
|
|
7613
|
+
"kind": "method",
|
|
7614
|
+
"name": "checkValidity"
|
|
7615
|
+
},
|
|
7616
|
+
{
|
|
7617
|
+
"kind": "method",
|
|
7618
|
+
"name": "reportValidity"
|
|
7619
|
+
},
|
|
7620
|
+
{
|
|
7621
|
+
"kind": "method",
|
|
7622
|
+
"name": "handleChange",
|
|
7623
|
+
"privacy": "private",
|
|
7624
|
+
"parameters": [
|
|
7625
|
+
{
|
|
7626
|
+
"name": "e",
|
|
7627
|
+
"type": {
|
|
7628
|
+
"text": "Event"
|
|
7629
|
+
}
|
|
7630
|
+
}
|
|
7631
|
+
]
|
|
7632
|
+
},
|
|
7633
|
+
{
|
|
7634
|
+
"kind": "method",
|
|
7635
|
+
"name": "render"
|
|
7636
|
+
}
|
|
7637
|
+
],
|
|
7638
|
+
"events": [
|
|
7639
|
+
{
|
|
7640
|
+
"name": "change",
|
|
7641
|
+
"type": {
|
|
7642
|
+
"text": "CustomEvent<{checked: boolean}>"
|
|
7643
|
+
},
|
|
7644
|
+
"description": "Dispatched when the switch state changes"
|
|
7645
|
+
}
|
|
7646
|
+
],
|
|
7647
|
+
"superclass": {
|
|
7648
|
+
"name": "ThemeableElement",
|
|
7649
|
+
"module": "/src/base"
|
|
7650
|
+
},
|
|
7651
|
+
"tagName": "lt-switch",
|
|
7652
|
+
"customElement": true
|
|
7653
|
+
}
|
|
7654
|
+
],
|
|
7655
|
+
"exports": [
|
|
7656
|
+
{
|
|
7657
|
+
"kind": "js",
|
|
7658
|
+
"name": "Switch",
|
|
7659
|
+
"declaration": {
|
|
7660
|
+
"name": "Switch",
|
|
7661
|
+
"module": "src/components/switch/switch.ts"
|
|
7662
|
+
}
|
|
7663
|
+
}
|
|
7664
|
+
]
|
|
7665
|
+
},
|
|
7666
|
+
{
|
|
7667
|
+
"kind": "javascript-module",
|
|
7668
|
+
"path": "src/components/tab-group/index.ts",
|
|
7669
|
+
"declarations": [],
|
|
7670
|
+
"exports": [
|
|
7671
|
+
{
|
|
7672
|
+
"kind": "js",
|
|
7673
|
+
"name": "TabGroup",
|
|
7674
|
+
"declaration": {
|
|
7675
|
+
"name": "TabGroup",
|
|
7676
|
+
"module": "./tab-group"
|
|
7677
|
+
}
|
|
7678
|
+
},
|
|
7679
|
+
{
|
|
7680
|
+
"kind": "js",
|
|
7681
|
+
"name": "TabGroupAppearance",
|
|
7682
|
+
"declaration": {
|
|
7683
|
+
"name": "TabGroupAppearance",
|
|
7684
|
+
"module": "./tab-group.types"
|
|
7685
|
+
}
|
|
7686
|
+
},
|
|
7687
|
+
{
|
|
7688
|
+
"kind": "js",
|
|
7689
|
+
"name": "TabGroupSize",
|
|
7690
|
+
"declaration": {
|
|
7691
|
+
"name": "TabGroupSize",
|
|
7692
|
+
"module": "./tab-group.types"
|
|
7693
|
+
}
|
|
7694
|
+
}
|
|
7695
|
+
]
|
|
7696
|
+
},
|
|
7697
|
+
{
|
|
7698
|
+
"kind": "javascript-module",
|
|
7699
|
+
"path": "src/components/tab-group/tab-group.styles.ts",
|
|
7700
|
+
"declarations": [
|
|
7701
|
+
{
|
|
7702
|
+
"kind": "variable",
|
|
7703
|
+
"name": "tabGroupStyles",
|
|
7704
|
+
"default": "css` :host { display: block; font-family: 'Hanken Grotesk', sans-serif; } .tab-group { display: flex; flex-direction: column; } .tabs-container { border-bottom: 1px solid var(--lt-border-default); display: flex; gap: var(--lt-spacing-1); overflow-x: auto; scrollbar-width: thin; } .tabs-container::-webkit-scrollbar { height: 4px; } .tabs-container::-webkit-scrollbar-track { background: var(--lt-bg-surface); } .tabs-container::-webkit-scrollbar-thumb { background: var(--lt-color-neutral-300); border-radius: 2px; } .panels-container { padding: var(--lt-spacing-4) 0; } ::slotted([slot='panel']) { display: none; } ::slotted([slot='panel'][active]) { display: block; } /* Pills variant */ :host([appearance='pills']) .tabs-container { background: var(--lt-bg-surface); border: none; border-radius: var(--lt-border-radius); gap: var(--lt-spacing-2); padding: var(--lt-spacing-1); } `"
|
|
7705
|
+
}
|
|
7706
|
+
],
|
|
7707
|
+
"exports": [
|
|
7708
|
+
{
|
|
7709
|
+
"kind": "js",
|
|
7710
|
+
"name": "tabGroupStyles",
|
|
7711
|
+
"declaration": {
|
|
7712
|
+
"name": "tabGroupStyles",
|
|
7713
|
+
"module": "src/components/tab-group/tab-group.styles.ts"
|
|
7714
|
+
}
|
|
7715
|
+
}
|
|
7716
|
+
]
|
|
7717
|
+
},
|
|
7718
|
+
{
|
|
7719
|
+
"kind": "javascript-module",
|
|
7720
|
+
"path": "src/components/tab-group/tab-group.ts",
|
|
7721
|
+
"declarations": [
|
|
7722
|
+
{
|
|
7723
|
+
"kind": "class",
|
|
7724
|
+
"description": "A container component that manages a group of tabs.",
|
|
7725
|
+
"name": "TabGroup",
|
|
7726
|
+
"slots": [
|
|
7727
|
+
{
|
|
7728
|
+
"description": "Tab elements",
|
|
7729
|
+
"name": ""
|
|
7730
|
+
},
|
|
7731
|
+
{
|
|
7732
|
+
"description": "Tab panel content (use multiple panels with matching values)",
|
|
7733
|
+
"name": "panel"
|
|
7734
|
+
}
|
|
7735
|
+
],
|
|
7736
|
+
"members": [
|
|
7737
|
+
{
|
|
7738
|
+
"kind": "field",
|
|
7739
|
+
"name": "styles",
|
|
7740
|
+
"static": true,
|
|
7741
|
+
"default": "tabGroupStyles"
|
|
7742
|
+
},
|
|
7743
|
+
{
|
|
7744
|
+
"kind": "field",
|
|
7745
|
+
"name": "value",
|
|
7746
|
+
"type": {
|
|
7747
|
+
"text": "string"
|
|
7748
|
+
},
|
|
7749
|
+
"default": "''",
|
|
7750
|
+
"description": "Currently selected tab value."
|
|
7751
|
+
},
|
|
7752
|
+
{
|
|
7753
|
+
"kind": "field",
|
|
7754
|
+
"name": "appearance",
|
|
7755
|
+
"type": {
|
|
7756
|
+
"text": "TabGroupAppearance"
|
|
7757
|
+
},
|
|
7758
|
+
"default": "'default'",
|
|
7759
|
+
"description": "Visual appearance of the tab group."
|
|
7760
|
+
},
|
|
7761
|
+
{
|
|
7762
|
+
"kind": "field",
|
|
7763
|
+
"name": "size",
|
|
7764
|
+
"type": {
|
|
7765
|
+
"text": "TabGroupSize"
|
|
7766
|
+
},
|
|
7767
|
+
"default": "'md'",
|
|
7768
|
+
"description": "Size of the tabs."
|
|
7769
|
+
},
|
|
7770
|
+
{
|
|
7771
|
+
"kind": "field",
|
|
7772
|
+
"name": "tabs",
|
|
7773
|
+
"type": {
|
|
7774
|
+
"text": "Tab[]"
|
|
7775
|
+
},
|
|
7776
|
+
"privacy": "private",
|
|
7777
|
+
"description": "Reference to all slotted tab elements."
|
|
7778
|
+
},
|
|
7779
|
+
{
|
|
7780
|
+
"kind": "field",
|
|
7781
|
+
"name": "panels",
|
|
7782
|
+
"type": {
|
|
7783
|
+
"text": "HTMLElement[]"
|
|
7784
|
+
},
|
|
7785
|
+
"privacy": "private",
|
|
7786
|
+
"description": "Reference to all slotted panel elements."
|
|
7595
7787
|
},
|
|
7596
7788
|
{
|
|
7597
7789
|
"kind": "method",
|
|
7598
|
-
"name": "
|
|
7599
|
-
"description": "
|
|
7600
|
-
"parameters": [
|
|
7601
|
-
{
|
|
7602
|
-
"description": "The native change event",
|
|
7603
|
-
"name": "e"
|
|
7604
|
-
}
|
|
7605
|
-
],
|
|
7606
|
-
"privacy": "private"
|
|
7790
|
+
"name": "firstUpdated",
|
|
7791
|
+
"description": "Lifecycle: Called after the element's DOM has been updated."
|
|
7607
7792
|
},
|
|
7608
7793
|
{
|
|
7609
7794
|
"kind": "method",
|
|
7610
|
-
"name": "
|
|
7795
|
+
"name": "updateTabs",
|
|
7796
|
+
"privacy": "private",
|
|
7797
|
+
"description": "Updates all tabs with the correct active state and size."
|
|
7611
7798
|
},
|
|
7612
7799
|
{
|
|
7613
7800
|
"kind": "method",
|
|
7614
|
-
"name": "
|
|
7801
|
+
"name": "updatePanels",
|
|
7802
|
+
"privacy": "private",
|
|
7803
|
+
"description": "Updates panel visibility based on selected value."
|
|
7615
7804
|
},
|
|
7616
7805
|
{
|
|
7617
|
-
"kind": "
|
|
7618
|
-
"name": "
|
|
7806
|
+
"kind": "field",
|
|
7807
|
+
"name": "handleTabClick",
|
|
7808
|
+
"privacy": "private",
|
|
7809
|
+
"description": "Handles click events from tabs."
|
|
7619
7810
|
},
|
|
7620
7811
|
{
|
|
7621
7812
|
"kind": "method",
|
|
7622
|
-
"name": "
|
|
7813
|
+
"name": "handleSlotChange",
|
|
7623
7814
|
"privacy": "private",
|
|
7815
|
+
"description": "Handles slot changes."
|
|
7816
|
+
},
|
|
7817
|
+
{
|
|
7818
|
+
"kind": "method",
|
|
7819
|
+
"name": "updated",
|
|
7820
|
+
"privacy": "protected",
|
|
7624
7821
|
"parameters": [
|
|
7625
7822
|
{
|
|
7626
|
-
"name": "
|
|
7823
|
+
"name": "changedProperties",
|
|
7627
7824
|
"type": {
|
|
7628
|
-
"text": "
|
|
7825
|
+
"text": "Map<string, unknown>"
|
|
7629
7826
|
}
|
|
7630
7827
|
}
|
|
7631
|
-
]
|
|
7828
|
+
],
|
|
7829
|
+
"description": "Watch for value changes."
|
|
7632
7830
|
},
|
|
7633
7831
|
{
|
|
7634
7832
|
"kind": "method",
|
|
@@ -7637,28 +7835,28 @@
|
|
|
7637
7835
|
],
|
|
7638
7836
|
"events": [
|
|
7639
7837
|
{
|
|
7640
|
-
"name": "change",
|
|
7641
7838
|
"type": {
|
|
7642
|
-
"text": "CustomEvent<{
|
|
7839
|
+
"text": "CustomEvent<{value: string}>"
|
|
7643
7840
|
},
|
|
7644
|
-
"description": "Dispatched when
|
|
7841
|
+
"description": "Dispatched when a tab is selected",
|
|
7842
|
+
"name": "change"
|
|
7645
7843
|
}
|
|
7646
7844
|
],
|
|
7647
7845
|
"superclass": {
|
|
7648
7846
|
"name": "ThemeableElement",
|
|
7649
7847
|
"module": "/src/base"
|
|
7650
7848
|
},
|
|
7651
|
-
"tagName": "lt-
|
|
7849
|
+
"tagName": "lt-tab-group",
|
|
7652
7850
|
"customElement": true
|
|
7653
7851
|
}
|
|
7654
7852
|
],
|
|
7655
7853
|
"exports": [
|
|
7656
7854
|
{
|
|
7657
7855
|
"kind": "js",
|
|
7658
|
-
"name": "
|
|
7856
|
+
"name": "TabGroup",
|
|
7659
7857
|
"declaration": {
|
|
7660
|
-
"name": "
|
|
7661
|
-
"module": "src/components/
|
|
7858
|
+
"name": "TabGroup",
|
|
7859
|
+
"module": "src/components/tab-group/tab-group.ts"
|
|
7662
7860
|
}
|
|
7663
7861
|
}
|
|
7664
7862
|
]
|
|
@@ -7921,204 +8119,6 @@
|
|
|
7921
8119
|
}
|
|
7922
8120
|
]
|
|
7923
8121
|
},
|
|
7924
|
-
{
|
|
7925
|
-
"kind": "javascript-module",
|
|
7926
|
-
"path": "src/components/tab-group/index.ts",
|
|
7927
|
-
"declarations": [],
|
|
7928
|
-
"exports": [
|
|
7929
|
-
{
|
|
7930
|
-
"kind": "js",
|
|
7931
|
-
"name": "TabGroup",
|
|
7932
|
-
"declaration": {
|
|
7933
|
-
"name": "TabGroup",
|
|
7934
|
-
"module": "./tab-group"
|
|
7935
|
-
}
|
|
7936
|
-
},
|
|
7937
|
-
{
|
|
7938
|
-
"kind": "js",
|
|
7939
|
-
"name": "TabGroupAppearance",
|
|
7940
|
-
"declaration": {
|
|
7941
|
-
"name": "TabGroupAppearance",
|
|
7942
|
-
"module": "./tab-group.types"
|
|
7943
|
-
}
|
|
7944
|
-
},
|
|
7945
|
-
{
|
|
7946
|
-
"kind": "js",
|
|
7947
|
-
"name": "TabGroupSize",
|
|
7948
|
-
"declaration": {
|
|
7949
|
-
"name": "TabGroupSize",
|
|
7950
|
-
"module": "./tab-group.types"
|
|
7951
|
-
}
|
|
7952
|
-
}
|
|
7953
|
-
]
|
|
7954
|
-
},
|
|
7955
|
-
{
|
|
7956
|
-
"kind": "javascript-module",
|
|
7957
|
-
"path": "src/components/tab-group/tab-group.styles.ts",
|
|
7958
|
-
"declarations": [
|
|
7959
|
-
{
|
|
7960
|
-
"kind": "variable",
|
|
7961
|
-
"name": "tabGroupStyles",
|
|
7962
|
-
"default": "css` :host { display: block; font-family: 'Hanken Grotesk', sans-serif; } .tab-group { display: flex; flex-direction: column; } .tabs-container { border-bottom: 1px solid var(--lt-border-default); display: flex; gap: var(--lt-spacing-1); overflow-x: auto; scrollbar-width: thin; } .tabs-container::-webkit-scrollbar { height: 4px; } .tabs-container::-webkit-scrollbar-track { background: var(--lt-bg-surface); } .tabs-container::-webkit-scrollbar-thumb { background: var(--lt-color-neutral-300); border-radius: 2px; } .panels-container { padding: var(--lt-spacing-4) 0; } ::slotted([slot='panel']) { display: none; } ::slotted([slot='panel'][active]) { display: block; } /* Pills variant */ :host([appearance='pills']) .tabs-container { background: var(--lt-bg-surface); border: none; border-radius: var(--lt-border-radius); gap: var(--lt-spacing-2); padding: var(--lt-spacing-1); } `"
|
|
7963
|
-
}
|
|
7964
|
-
],
|
|
7965
|
-
"exports": [
|
|
7966
|
-
{
|
|
7967
|
-
"kind": "js",
|
|
7968
|
-
"name": "tabGroupStyles",
|
|
7969
|
-
"declaration": {
|
|
7970
|
-
"name": "tabGroupStyles",
|
|
7971
|
-
"module": "src/components/tab-group/tab-group.styles.ts"
|
|
7972
|
-
}
|
|
7973
|
-
}
|
|
7974
|
-
]
|
|
7975
|
-
},
|
|
7976
|
-
{
|
|
7977
|
-
"kind": "javascript-module",
|
|
7978
|
-
"path": "src/components/tab-group/tab-group.ts",
|
|
7979
|
-
"declarations": [
|
|
7980
|
-
{
|
|
7981
|
-
"kind": "class",
|
|
7982
|
-
"description": "A container component that manages a group of tabs.",
|
|
7983
|
-
"name": "TabGroup",
|
|
7984
|
-
"slots": [
|
|
7985
|
-
{
|
|
7986
|
-
"description": "Tab elements",
|
|
7987
|
-
"name": ""
|
|
7988
|
-
},
|
|
7989
|
-
{
|
|
7990
|
-
"description": "Tab panel content (use multiple panels with matching values)",
|
|
7991
|
-
"name": "panel"
|
|
7992
|
-
}
|
|
7993
|
-
],
|
|
7994
|
-
"members": [
|
|
7995
|
-
{
|
|
7996
|
-
"kind": "field",
|
|
7997
|
-
"name": "styles",
|
|
7998
|
-
"static": true,
|
|
7999
|
-
"default": "tabGroupStyles"
|
|
8000
|
-
},
|
|
8001
|
-
{
|
|
8002
|
-
"kind": "field",
|
|
8003
|
-
"name": "value",
|
|
8004
|
-
"type": {
|
|
8005
|
-
"text": "string"
|
|
8006
|
-
},
|
|
8007
|
-
"default": "''",
|
|
8008
|
-
"description": "Currently selected tab value."
|
|
8009
|
-
},
|
|
8010
|
-
{
|
|
8011
|
-
"kind": "field",
|
|
8012
|
-
"name": "appearance",
|
|
8013
|
-
"type": {
|
|
8014
|
-
"text": "TabGroupAppearance"
|
|
8015
|
-
},
|
|
8016
|
-
"default": "'default'",
|
|
8017
|
-
"description": "Visual appearance of the tab group."
|
|
8018
|
-
},
|
|
8019
|
-
{
|
|
8020
|
-
"kind": "field",
|
|
8021
|
-
"name": "size",
|
|
8022
|
-
"type": {
|
|
8023
|
-
"text": "TabGroupSize"
|
|
8024
|
-
},
|
|
8025
|
-
"default": "'md'",
|
|
8026
|
-
"description": "Size of the tabs."
|
|
8027
|
-
},
|
|
8028
|
-
{
|
|
8029
|
-
"kind": "field",
|
|
8030
|
-
"name": "tabs",
|
|
8031
|
-
"type": {
|
|
8032
|
-
"text": "Tab[]"
|
|
8033
|
-
},
|
|
8034
|
-
"privacy": "private",
|
|
8035
|
-
"description": "Reference to all slotted tab elements."
|
|
8036
|
-
},
|
|
8037
|
-
{
|
|
8038
|
-
"kind": "field",
|
|
8039
|
-
"name": "panels",
|
|
8040
|
-
"type": {
|
|
8041
|
-
"text": "HTMLElement[]"
|
|
8042
|
-
},
|
|
8043
|
-
"privacy": "private",
|
|
8044
|
-
"description": "Reference to all slotted panel elements."
|
|
8045
|
-
},
|
|
8046
|
-
{
|
|
8047
|
-
"kind": "method",
|
|
8048
|
-
"name": "firstUpdated",
|
|
8049
|
-
"description": "Lifecycle: Called after the element's DOM has been updated."
|
|
8050
|
-
},
|
|
8051
|
-
{
|
|
8052
|
-
"kind": "method",
|
|
8053
|
-
"name": "updateTabs",
|
|
8054
|
-
"privacy": "private",
|
|
8055
|
-
"description": "Updates all tabs with the correct active state and size."
|
|
8056
|
-
},
|
|
8057
|
-
{
|
|
8058
|
-
"kind": "method",
|
|
8059
|
-
"name": "updatePanels",
|
|
8060
|
-
"privacy": "private",
|
|
8061
|
-
"description": "Updates panel visibility based on selected value."
|
|
8062
|
-
},
|
|
8063
|
-
{
|
|
8064
|
-
"kind": "field",
|
|
8065
|
-
"name": "handleTabClick",
|
|
8066
|
-
"privacy": "private",
|
|
8067
|
-
"description": "Handles click events from tabs."
|
|
8068
|
-
},
|
|
8069
|
-
{
|
|
8070
|
-
"kind": "method",
|
|
8071
|
-
"name": "handleSlotChange",
|
|
8072
|
-
"privacy": "private",
|
|
8073
|
-
"description": "Handles slot changes."
|
|
8074
|
-
},
|
|
8075
|
-
{
|
|
8076
|
-
"kind": "method",
|
|
8077
|
-
"name": "updated",
|
|
8078
|
-
"privacy": "protected",
|
|
8079
|
-
"parameters": [
|
|
8080
|
-
{
|
|
8081
|
-
"name": "changedProperties",
|
|
8082
|
-
"type": {
|
|
8083
|
-
"text": "Map<string, unknown>"
|
|
8084
|
-
}
|
|
8085
|
-
}
|
|
8086
|
-
],
|
|
8087
|
-
"description": "Watch for value changes."
|
|
8088
|
-
},
|
|
8089
|
-
{
|
|
8090
|
-
"kind": "method",
|
|
8091
|
-
"name": "render"
|
|
8092
|
-
}
|
|
8093
|
-
],
|
|
8094
|
-
"events": [
|
|
8095
|
-
{
|
|
8096
|
-
"type": {
|
|
8097
|
-
"text": "CustomEvent<{value: string}>"
|
|
8098
|
-
},
|
|
8099
|
-
"description": "Dispatched when a tab is selected",
|
|
8100
|
-
"name": "change"
|
|
8101
|
-
}
|
|
8102
|
-
],
|
|
8103
|
-
"superclass": {
|
|
8104
|
-
"name": "ThemeableElement",
|
|
8105
|
-
"module": "/src/base"
|
|
8106
|
-
},
|
|
8107
|
-
"tagName": "lt-tab-group",
|
|
8108
|
-
"customElement": true
|
|
8109
|
-
}
|
|
8110
|
-
],
|
|
8111
|
-
"exports": [
|
|
8112
|
-
{
|
|
8113
|
-
"kind": "js",
|
|
8114
|
-
"name": "TabGroup",
|
|
8115
|
-
"declaration": {
|
|
8116
|
-
"name": "TabGroup",
|
|
8117
|
-
"module": "src/components/tab-group/tab-group.ts"
|
|
8118
|
-
}
|
|
8119
|
-
}
|
|
8120
|
-
]
|
|
8121
|
-
},
|
|
8122
8122
|
{
|
|
8123
8123
|
"kind": "javascript-module",
|
|
8124
8124
|
"path": "src/components/table/index.ts",
|