UNPKG

@primer/view-components

Version:

ViewComponents for the Primer Design System

github.com/primer/view_components

primer/view_components

118 lines • 8.88 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
{ "name": "alpha/text_field", "selectors": [ ".FormControl", ".FormControl--fullWidth", ".FormControl-label", ".FormControl-caption", ".FormControl-inlineValidation", ".FormControl-inlineValidation p", ".FormControl-inlineValidation--success", ".FormControl-inlineValidation--visual", ".FormControl-spacingWrapper", ".FormControl-horizontalGroup", ".FormControl-input", ".FormControl-select", ".FormControl-textarea", "[disabled]:is(.FormControl-input,.FormControl-select,.FormControl-textarea)", "[invalid=true]:is(.FormControl-input,.FormControl-select,.FormControl-textarea):not(:focus)", "[invalid=false]:is(.FormControl-input,.FormControl-select,.FormControl-textarea):not(:focus)", ":is(.FormControl-input,.FormControl-select,.FormControl-textarea):not([type=checkbox],[type=radio]):focus", ":is(.FormControl-input,.FormControl-select,.FormControl-textarea):not([type=checkbox],[type=radio]):focus:not(:focus-visible)", ":is(.FormControl-input,.FormControl-select,.FormControl-textarea):not([type=checkbox],[type=radio]):focus-visible", "[disabled]:is(.FormControl-input,.FormControl-select,.FormControl-textarea)::placeholder", "[readonly]:is(.FormControl-input,.FormControl-select,.FormControl-textarea)", ":is(.FormControl-input,.FormControl-select,.FormControl-textarea)::placeholder", ".FormControl-small:is(.FormControl-input,.FormControl-select,.FormControl-textarea)", ".FormControl-medium:is(.FormControl-input,.FormControl-select,.FormControl-textarea)", ".FormControl-large:is(.FormControl-input,.FormControl-select,.FormControl-textarea)", ".FormControl-inset:is(.FormControl-input,.FormControl-select,.FormControl-textarea)", ".FormControl-inset:is(.FormControl-input,.FormControl-select,.FormControl-textarea):focus", ".FormControl-inset:is(.FormControl-input,.FormControl-select,.FormControl-textarea):focus-visible", ".FormControl-monospace:is(.FormControl-input,.FormControl-select,.FormControl-textarea)", ".FormControl-error:is(.FormControl-input,.FormControl-select,.FormControl-textarea)", ".FormControl-success:is(.FormControl-input,.FormControl-select,.FormControl-textarea)", ".FormControl-warning:is(.FormControl-input,.FormControl-select,.FormControl-textarea)", ".FormControl-toggleSwitchInput", ".FormControl-input-wrap", ".FormControl-input-wrap .FormControl-input-leadingVisualWrap", ":is(.FormControl-input-wrap .FormControl-input-leadingVisualWrap) .FormControl-input-leadingVisual", ".FormControl-input-wrap .FormControl-input-trailingVisualWrap", ":is(.FormControl-input-wrap .FormControl-input-trailingVisualWrap):has(.FormControl-input-trailingVisualLabel)", ":is(.FormControl-input-wrap .FormControl-input-trailingVisualWrap):has(.FormControl-input-trailingVisualText)", ":is(.FormControl-input-wrap .FormControl-input-trailingVisualWrap) .FormControl-input-trailingVisualLabel", ".FormControl-input-wrap .FormControl-input-trailingAction", ":is(.FormControl-input-wrap .FormControl-input-trailingAction) svg", "[disabled]:is(.FormControl-input-wrap .FormControl-input-trailingAction)", ":is(.FormControl-input-wrap .FormControl-input-trailingAction):hover", ":is(.FormControl-input-wrap .FormControl-input-trailingAction):active", ".FormControl-input-trailingAction--divider:is(.FormControl-input-wrap .FormControl-input-trailingAction):before", ":is(:is(.FormControl-input-wrap .FormControl-input-trailingAction):after)", ":is(.FormControl-input-wrap .FormControl-input-trailingAction):after", ".FormControl-input-wrap.FormControl-input-wrap--leadingVisual .FormControl-input", ".FormControl-input-wrap.FormControl-input-wrap--trailingVisual .FormControl-input", ".FormControl-input-wrap.FormControl-input-wrap--trailingVisual:has(.FormControl-input-trailingVisualLabel) .FormControl-input", ".FormControl-input-wrap.FormControl-input-wrap--trailingVisual:has(.FormControl-input-trailingVisualText) .FormControl-input", ".FormControl-input-wrap.FormControl-input-wrap--trailingAction .FormControl-input", ".FormControl-input-wrap.FormControl-input-wrap--trailingAction.FormControl-input-wrap-trailingAction--divider .FormControl-input", ".FormControl-input-wrap.FormControl-input-wrap--small .FormControl-input-leadingVisualWrap", ".FormControl-input-wrap.FormControl-input-wrap--small .FormControl-input-trailingVisualWrap", ".FormControl-input-wrap.FormControl-input-wrap--small.FormControl-input-wrap--trailingAction .FormControl-input.FormControl-small", ".FormControl-input-wrap.FormControl-input-wrap--small.FormControl-input-wrap--trailingAction.FormControl-input-wrap-trailingAction--divider .FormControl-input.FormControl-small", ".FormControl-input-wrap.FormControl-input-wrap--small .FormControl-input-trailingAction", ":is(.FormControl-input-wrap.FormControl-input-wrap--small .FormControl-input-trailingAction):before", ".FormControl-input-wrap.FormControl-input-wrap--large .FormControl-input-leadingVisualWrap", ".FormControl-input-wrap.FormControl-input-wrap--large .FormControl-input-trailingVisualWrap", ".FormControl-input-wrap.FormControl-input-wrap--large.FormControl-input-wrap--leadingVisual .FormControl-input.FormControl-large", ".FormControl-input-wrap.FormControl-input-wrap--large.FormControl-input-wrap--trailingVisual .FormControl-input", ".FormControl-input-wrap.FormControl-input-wrap--large.FormControl-input-wrap--trailingLabel .FormControl-input.FormControl-large", ".FormControl-input-wrap.FormControl-input-wrap--large.FormControl-input-wrap--trailingText .FormControl-input.FormControl-large", ".FormControl-input-wrap.FormControl-input-wrap--large.FormControl-input-wrap--trailingVisual:has(.FormControl-input-trailingVisualLabel) .FormControl-input", ".FormControl-input-wrap.FormControl-input-wrap--large.FormControl-input-wrap--trailingVisual:has(.FormControl-input-trailingVisualText) .FormControl-input", ".FormControl-input-wrap.FormControl-input-wrap--large.FormControl-input-wrap--trailingAction .FormControl-input.FormControl-large", ".FormControl-input-wrap.FormControl-input-wrap--large.FormControl-input-wrap--trailingAction.FormControl-input-wrap-trailingAction--divider .FormControl-input.FormControl-large", ".FormControl-input-wrap.FormControl-input-wrap--large .FormControl-input-trailingAction", ":is(.FormControl-input-wrap.FormControl-input-wrap--large .FormControl-input-trailingAction):before", ".FormControl-select-wrap", ".FormControl-select-wrap:after", ".FormControl-select-wrap .FormControl-select", ".FormControl-select-wrap[data-multiple]:after", ".FormControl-select-wrap[data-multiple] .FormControl-select", ".FormControl-checkbox-wrap", ".FormControl-radio-wrap", ":is(.FormControl-checkbox-wrap,.FormControl-radio-wrap) :is(.FormControl-checkbox-labelWrap,.FormControl-radio-labelWrap)", ":is(.FormControl-checkbox-wrap,.FormControl-radio-wrap) .FormControl-label", ".FormControl-check-group-wrap fieldset", ".FormControl-radio-group-wrap fieldset", ".FormControl-checkbox", ".FormControl-checkbox[disabled]", ".FormControl-checkbox[invalid=true]:not(:focus)", ".FormControl-checkbox[invalid=false]:not(:focus)", ".FormControl-checkbox:not([type=checkbox],[type=radio]):focus", ".FormControl-checkbox:not([type=checkbox],[type=radio]):focus:not(:focus-visible)", ".FormControl-checkbox:not([type=checkbox],[type=radio]):focus-visible", ".FormControl-checkbox:before", ":is(.FormControl-checkbox:after)", ":is(.FormControl-checkbox[disabled]~.FormControl-checkbox-labelWrap) .FormControl-label", ".FormControl-checkbox:checked", ".FormControl-checkbox:checked:before", ".FormControl-checkbox:checked:disabled", ".FormControl-checkbox:checked:disabled:before", ".FormControl-checkbox:focus-visible", ".FormControl-checkbox:indeterminate:before", ".FormControl-radio", ".FormControl-radio[disabled]", ".FormControl-radio[invalid=true]:not(:focus)", ".FormControl-radio[invalid=false]:not(:focus)", ".FormControl-radio:not([type=checkbox],[type=radio]):focus", ".FormControl-radio:not([type=checkbox],[type=radio]):focus:not(:focus-visible)", ".FormControl-radio:not([type=checkbox],[type=radio]):focus-visible", ":is(.FormControl-radio:after)", ":is(.FormControl-radio[disabled]~.FormControl-radio-labelWrap) .FormControl-label", ".FormControl-radio:checked", ".FormControl-radio:checked:disabled", ".FormControl-radio[disabled]:checked", ":is(:is(.FormControl-radio[disabled]:checked,.FormControl-radio:checked:disabled)~.FormControl-radio-labelWrap) .FormControl-label", ".FormControl-radio:focus-visible" ] }