@papillonbits/components 0.6.0 → 0.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/index.scss +1 -1
- package/build/primer/BranchName/branch-name.scss +1 -0
- package/build/primer/Button/Button.scss +54 -27
- package/build/primer/Dropdown/Dropdown.scss +0 -2
- package/build/primer/Form/Checkbox/__tests__/__snapshots__/Checkbox.int.test.js.snap +54 -56
- package/build/primer/Form/Input/__tests__/__snapshots__/Input.int.test.js.snap +18 -24
- package/build/primer/Form/Radio/__tests__/__snapshots__/Radio.int.test.js.snap +18 -28
- package/build/primer/Form/form-control.scss +24 -5
- package/build/primer/Form/form-group.scss +13 -2
- package/build/primer/Form/form-validation.scss +8 -3
- package/build/primer/Form/input-group.scss +18 -0
- package/build/primer/Grid/DisplayTable/__tests__/__snapshots__/DisplayTable.int.test.js.snap +82 -82
- package/build/primer/Grid/FlexGrid/__tests__/__snapshots__/FlexGrid.int.test.js.snap +4532 -5510
- package/build/primer/Icon/Icon.part.js +177 -66
- package/build/primer/Icon/Icon.prop.js +62 -25
- package/build/primer/Navigation/Menu/Menu.scss +0 -6
- package/build/primer/Navigation/Menu/__tests__/__snapshots__/Menu.int.test.js.snap +101 -107
- package/build/primer/Navigation/TabNav/TabNav.scss +7 -2
- package/build/primer/Navigation/TabNav/__tests__/__snapshots__/TabNav.int.test.js.snap +177 -177
- package/build/primer/Navigation/UnderlineNav/UnderlineNav.scss +72 -23
- package/build/primer/Navigation/UnderlineNav/__tests__/__snapshots__/UnderlineNav.int.test.js.snap +213 -225
- package/build/primer/Pagination/PreviousNext/PreviousNext.scss +0 -1
- package/build/primer/Pagination/PreviousNext/__tests__/__snapshots__/PreviousNext.int.test.js.snap +52 -52
- package/build/primer/Popover/Popover.scss +1 -2
- package/build/primer/SVG/icon/accessibility-16.svg +1 -0
- package/build/primer/SVG/icon/alert-fill-12.svg +1 -0
- package/build/primer/SVG/icon/apps-16.svg +1 -0
- package/build/primer/SVG/icon/bell-fill-16.svg +1 -0
- package/build/primer/SVG/icon/check-circle-fill-12.svg +1 -0
- package/build/primer/SVG/icon/cloud-16.svg +1 -0
- package/build/primer/SVG/icon/cloud-24.svg +1 -0
- package/build/primer/SVG/icon/cloud-offline-16.svg +1 -0
- package/build/primer/SVG/icon/cloud-offline-24.svg +1 -0
- package/build/primer/SVG/icon/code-of-conduct-16.svg +1 -0
- package/build/primer/SVG/icon/code-of-conduct-24.svg +1 -0
- package/build/primer/SVG/icon/copy-16.svg +1 -0
- package/build/primer/SVG/icon/copy-24.svg +1 -1
- package/build/primer/SVG/icon/duplicate-16.svg +1 -1
- package/build/primer/SVG/icon/duplicate-24.svg +1 -1
- package/build/primer/SVG/icon/feed-discussion-16.svg +1 -0
- package/build/primer/SVG/icon/feed-forked-16.svg +1 -0
- package/build/primer/SVG/icon/feed-heart-16.svg +1 -0
- package/build/primer/SVG/icon/feed-merged-16.svg +1 -0
- package/build/primer/SVG/icon/feed-person-16.svg +1 -0
- package/build/primer/SVG/icon/feed-repo-16.svg +1 -0
- package/build/primer/SVG/icon/feed-rocket-16.svg +1 -0
- package/build/primer/SVG/icon/feed-star-16.svg +1 -0
- package/build/primer/SVG/icon/feed-tag-16.svg +1 -0
- package/build/primer/SVG/icon/feed-trophy-16.svg +1 -0
- package/build/primer/SVG/icon/file-directory-16.svg +1 -1
- package/build/primer/SVG/icon/file-directory-fill-16.svg +1 -0
- package/build/primer/SVG/icon/file-directory-open-fill-16.svg +1 -0
- package/build/primer/SVG/icon/id-badge-16.svg +1 -0
- package/build/primer/SVG/icon/issue-reopened-16.svg +1 -1
- package/build/primer/SVG/icon/issue-reopened-24.svg +1 -1
- package/build/primer/SVG/icon/iterations-16.svg +1 -0
- package/build/primer/SVG/icon/iterations-24.svg +1 -0
- package/build/primer/SVG/icon/key-asterisk-16.svg +1 -0
- package/build/primer/SVG/icon/log-16.svg +1 -0
- package/build/primer/SVG/icon/no-entry-16.svg +1 -1
- package/build/primer/SVG/icon/no-entry-fill-12.svg +1 -0
- package/build/primer/SVG/icon/{clippy-16.svg → paste-16.svg} +0 -0
- package/build/primer/SVG/icon/{clippy-24.svg → paste-24.svg} +0 -0
- package/build/primer/SVG/icon/person-fill-16.svg +1 -0
- package/build/primer/SVG/icon/person-fill-24.svg +1 -0
- package/build/primer/SVG/icon/repo-deleted-16.svg +1 -0
- package/build/primer/SVG/icon/repo-locked-16.svg +1 -0
- package/build/primer/SVG/icon/{select-single-16.svg → single-select-16.svg} +0 -0
- package/build/primer/SVG/icon/sort-asc-16.svg +1 -0
- package/build/primer/SVG/icon/sort-asc-24.svg +1 -0
- package/build/primer/SVG/icon/sort-desc-16.svg +1 -0
- package/build/primer/SVG/icon/sort-desc-24.svg +1 -0
- package/build/primer/SVG/icon/stack-16.svg +1 -0
- package/build/primer/SVG/icon/stack-24.svg +1 -0
- package/build/primer/SVG/icon/tab-external-16.svg +1 -0
- package/build/primer/SVG/icon/telescope-fill-16.svg +1 -0
- package/build/primer/SVG/icon/telescope-fill-24.svg +1 -0
- package/build/primer/SVG/icon/trophy-16.svg +1 -0
- package/build/primer/SVG/icon/trophy-24.svg +1 -0
- package/build/primer/SVG/icon/upload-24.svg +1 -1
- package/build/primer/SVG/icon/webhook-16.svg +1 -0
- package/build/primer/SVG/icon/x-circle-fill-12.svg +1 -0
- package/build/primer/Toast/Toast.scss +1 -2
- package/package.json +5 -5
- package/build/primer/SVG/icon/eye-slash-24.svg +0 -1
- package/build/primer/SVG/icon/file-symlink-24.svg +0 -1
- package/build/primer/SVG/icon/fire-24.svg +0 -1
- package/build/primer/SVG/icon/git-fork-24.svg +0 -1
- package/build/primer/SVG/icon/index.js +0 -1248
- package/build/primer/SVG/icon/insights-24.svg +0 -1
- package/build/primer/SVG/icon/octoface-16.svg +0 -1
- package/build/primer/SVG/icon/octoface-24.svg +0 -1
- package/build/primer/SVG/icon/settings-24.svg +0 -1
- package/build/primer/SVG/icon/trashcan-16.svg +0 -1
- package/build/primer/SVG/icon/unverifed-24.svg +0 -1
- package/build/primer/SVG/index.js +0 -13
package/build/primer/Navigation/UnderlineNav/__tests__/__snapshots__/UnderlineNav.int.test.js.snap
CHANGED
|
@@ -1,271 +1,259 @@
|
|
|
1
1
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
2
|
|
|
3
3
|
exports[`<UnderlineNav /> Render must match fullContainer() 1`] = `
|
|
4
|
-
<
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
<div
|
|
9
|
-
className="container-lg UnderlineNav-container"
|
|
4
|
+
<div>
|
|
5
|
+
<nav
|
|
6
|
+
aria-label="Foo bar"
|
|
7
|
+
class="UnderlineNav UnderlineNav--full"
|
|
10
8
|
>
|
|
11
9
|
<div
|
|
12
|
-
|
|
10
|
+
class="container-lg UnderlineNav-container"
|
|
11
|
+
>
|
|
12
|
+
<div
|
|
13
|
+
class="UnderlineNav-body"
|
|
14
|
+
role="tablist"
|
|
15
|
+
>
|
|
16
|
+
<a
|
|
17
|
+
aria-current="page"
|
|
18
|
+
class="UnderlineNav-item"
|
|
19
|
+
>
|
|
20
|
+
Item 1
|
|
21
|
+
</a>
|
|
22
|
+
<a
|
|
23
|
+
class="UnderlineNav-item"
|
|
24
|
+
>
|
|
25
|
+
Item 2
|
|
26
|
+
</a>
|
|
27
|
+
<a
|
|
28
|
+
class="UnderlineNav-item"
|
|
29
|
+
>
|
|
30
|
+
Item 3
|
|
31
|
+
</a>
|
|
32
|
+
<a
|
|
33
|
+
class="UnderlineNav-item"
|
|
34
|
+
>
|
|
35
|
+
Item 4
|
|
36
|
+
</a>
|
|
37
|
+
</div>
|
|
38
|
+
<div
|
|
39
|
+
class="UnderlineNav-actions"
|
|
40
|
+
>
|
|
41
|
+
<a
|
|
42
|
+
class="btn"
|
|
43
|
+
href="#url"
|
|
44
|
+
>
|
|
45
|
+
Button
|
|
46
|
+
</a>
|
|
47
|
+
</div>
|
|
48
|
+
</div>
|
|
49
|
+
</nav>
|
|
50
|
+
</div>
|
|
51
|
+
`;
|
|
52
|
+
|
|
53
|
+
exports[`<UnderlineNav /> Render must match regular() 1`] = `
|
|
54
|
+
<div>
|
|
55
|
+
<nav
|
|
56
|
+
aria-label="Foo bar"
|
|
57
|
+
class="UnderlineNav"
|
|
58
|
+
>
|
|
59
|
+
<div
|
|
60
|
+
class="UnderlineNav-body"
|
|
61
|
+
role="tablist"
|
|
62
|
+
>
|
|
63
|
+
<button
|
|
64
|
+
aria-selected="true"
|
|
65
|
+
class="UnderlineNav-item"
|
|
66
|
+
role="tab"
|
|
67
|
+
type="button"
|
|
68
|
+
>
|
|
69
|
+
Item 1
|
|
70
|
+
</button>
|
|
71
|
+
<button
|
|
72
|
+
class="UnderlineNav-item"
|
|
73
|
+
role="tab"
|
|
74
|
+
type="button"
|
|
75
|
+
>
|
|
76
|
+
Item 2
|
|
77
|
+
</button>
|
|
78
|
+
<button
|
|
79
|
+
class="UnderlineNav-item"
|
|
80
|
+
role="tab"
|
|
81
|
+
type="button"
|
|
82
|
+
>
|
|
83
|
+
Item 3
|
|
84
|
+
</button>
|
|
85
|
+
<button
|
|
86
|
+
class="UnderlineNav-item"
|
|
87
|
+
role="tab"
|
|
88
|
+
type="button"
|
|
89
|
+
>
|
|
90
|
+
Item 4
|
|
91
|
+
</button>
|
|
92
|
+
</div>
|
|
93
|
+
</nav>
|
|
94
|
+
</div>
|
|
95
|
+
`;
|
|
96
|
+
|
|
97
|
+
exports[`<UnderlineNav /> Render must match rightAligned() 1`] = `
|
|
98
|
+
<div>
|
|
99
|
+
<nav
|
|
100
|
+
aria-label="Foo bar"
|
|
101
|
+
class="UnderlineNav UnderlineNav--right"
|
|
102
|
+
>
|
|
103
|
+
<div
|
|
104
|
+
class="UnderlineNav-body"
|
|
13
105
|
role="tablist"
|
|
14
106
|
>
|
|
15
107
|
<a
|
|
16
108
|
aria-current="page"
|
|
17
|
-
|
|
18
|
-
onClick={[Function]}
|
|
109
|
+
class="UnderlineNav-item"
|
|
19
110
|
>
|
|
20
111
|
Item 1
|
|
21
112
|
</a>
|
|
22
113
|
<a
|
|
23
|
-
|
|
24
|
-
onClick={[Function]}
|
|
114
|
+
class="UnderlineNav-item"
|
|
25
115
|
>
|
|
26
116
|
Item 2
|
|
27
117
|
</a>
|
|
28
118
|
<a
|
|
29
|
-
|
|
30
|
-
onClick={[Function]}
|
|
119
|
+
class="UnderlineNav-item"
|
|
31
120
|
>
|
|
32
121
|
Item 3
|
|
33
122
|
</a>
|
|
34
123
|
<a
|
|
35
|
-
|
|
36
|
-
onClick={[Function]}
|
|
124
|
+
class="UnderlineNav-item"
|
|
37
125
|
>
|
|
38
126
|
Item 4
|
|
39
127
|
</a>
|
|
40
128
|
</div>
|
|
129
|
+
</nav>
|
|
130
|
+
</div>
|
|
131
|
+
`;
|
|
132
|
+
|
|
133
|
+
exports[`<UnderlineNav /> Render must match rightAlignedWithActions() 1`] = `
|
|
134
|
+
<div>
|
|
135
|
+
<nav
|
|
136
|
+
aria-label="Foo bar"
|
|
137
|
+
class="UnderlineNav UnderlineNav--right"
|
|
138
|
+
>
|
|
41
139
|
<div
|
|
42
|
-
|
|
140
|
+
class="UnderlineNav-actions"
|
|
43
141
|
>
|
|
44
142
|
<a
|
|
45
|
-
|
|
143
|
+
class="btn"
|
|
46
144
|
href="#url"
|
|
47
145
|
>
|
|
48
146
|
Button
|
|
49
147
|
</a>
|
|
50
148
|
</div>
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
exports[`<UnderlineNav /> Render must match regular() 1`] = `
|
|
56
|
-
<nav
|
|
57
|
-
aria-label="Foo bar"
|
|
58
|
-
className="UnderlineNav"
|
|
59
|
-
>
|
|
60
|
-
<div
|
|
61
|
-
className="UnderlineNav-body"
|
|
62
|
-
role="tablist"
|
|
63
|
-
>
|
|
64
|
-
<button
|
|
65
|
-
aria-selected="true"
|
|
66
|
-
className="UnderlineNav-item"
|
|
67
|
-
onClick={[Function]}
|
|
68
|
-
role="tab"
|
|
69
|
-
type="button"
|
|
70
|
-
>
|
|
71
|
-
Item 1
|
|
72
|
-
</button>
|
|
73
|
-
<button
|
|
74
|
-
className="UnderlineNav-item"
|
|
75
|
-
onClick={[Function]}
|
|
76
|
-
role="tab"
|
|
77
|
-
type="button"
|
|
78
|
-
>
|
|
79
|
-
Item 2
|
|
80
|
-
</button>
|
|
81
|
-
<button
|
|
82
|
-
className="UnderlineNav-item"
|
|
83
|
-
onClick={[Function]}
|
|
84
|
-
role="tab"
|
|
85
|
-
type="button"
|
|
86
|
-
>
|
|
87
|
-
Item 3
|
|
88
|
-
</button>
|
|
89
|
-
<button
|
|
90
|
-
className="UnderlineNav-item"
|
|
91
|
-
onClick={[Function]}
|
|
92
|
-
role="tab"
|
|
93
|
-
type="button"
|
|
94
|
-
>
|
|
95
|
-
Item 4
|
|
96
|
-
</button>
|
|
97
|
-
</div>
|
|
98
|
-
</nav>
|
|
99
|
-
`;
|
|
100
|
-
|
|
101
|
-
exports[`<UnderlineNav /> Render must match rightAligned() 1`] = `
|
|
102
|
-
<nav
|
|
103
|
-
aria-label="Foo bar"
|
|
104
|
-
className="UnderlineNav UnderlineNav--right"
|
|
105
|
-
>
|
|
106
|
-
<div
|
|
107
|
-
className="UnderlineNav-body"
|
|
108
|
-
role="tablist"
|
|
109
|
-
>
|
|
110
|
-
<a
|
|
111
|
-
aria-current="page"
|
|
112
|
-
className="UnderlineNav-item"
|
|
113
|
-
onClick={[Function]}
|
|
114
|
-
>
|
|
115
|
-
Item 1
|
|
116
|
-
</a>
|
|
117
|
-
<a
|
|
118
|
-
className="UnderlineNav-item"
|
|
119
|
-
onClick={[Function]}
|
|
120
|
-
>
|
|
121
|
-
Item 2
|
|
122
|
-
</a>
|
|
123
|
-
<a
|
|
124
|
-
className="UnderlineNav-item"
|
|
125
|
-
onClick={[Function]}
|
|
126
|
-
>
|
|
127
|
-
Item 3
|
|
128
|
-
</a>
|
|
129
|
-
<a
|
|
130
|
-
className="UnderlineNav-item"
|
|
131
|
-
onClick={[Function]}
|
|
132
|
-
>
|
|
133
|
-
Item 4
|
|
134
|
-
</a>
|
|
135
|
-
</div>
|
|
136
|
-
</nav>
|
|
137
|
-
`;
|
|
138
|
-
|
|
139
|
-
exports[`<UnderlineNav /> Render must match rightAlignedWithActions() 1`] = `
|
|
140
|
-
<nav
|
|
141
|
-
aria-label="Foo bar"
|
|
142
|
-
className="UnderlineNav UnderlineNav--right"
|
|
143
|
-
>
|
|
144
|
-
<div
|
|
145
|
-
className="UnderlineNav-actions"
|
|
146
|
-
>
|
|
147
|
-
<a
|
|
148
|
-
className="btn"
|
|
149
|
-
href="#url"
|
|
150
|
-
>
|
|
151
|
-
Button
|
|
152
|
-
</a>
|
|
153
|
-
</div>
|
|
154
|
-
<div
|
|
155
|
-
className="UnderlineNav-body"
|
|
156
|
-
role="tablist"
|
|
157
|
-
>
|
|
158
|
-
<a
|
|
159
|
-
aria-current="page"
|
|
160
|
-
className="UnderlineNav-item"
|
|
161
|
-
onClick={[Function]}
|
|
162
|
-
>
|
|
163
|
-
Item 1
|
|
164
|
-
</a>
|
|
165
|
-
<a
|
|
166
|
-
className="UnderlineNav-item"
|
|
167
|
-
onClick={[Function]}
|
|
168
|
-
>
|
|
169
|
-
Item 2
|
|
170
|
-
</a>
|
|
171
|
-
<a
|
|
172
|
-
className="UnderlineNav-item"
|
|
173
|
-
onClick={[Function]}
|
|
174
|
-
>
|
|
175
|
-
Item 3
|
|
176
|
-
</a>
|
|
177
|
-
<a
|
|
178
|
-
className="UnderlineNav-item"
|
|
179
|
-
onClick={[Function]}
|
|
149
|
+
<div
|
|
150
|
+
class="UnderlineNav-body"
|
|
151
|
+
role="tablist"
|
|
180
152
|
>
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
153
|
+
<a
|
|
154
|
+
aria-current="page"
|
|
155
|
+
class="UnderlineNav-item"
|
|
156
|
+
>
|
|
157
|
+
Item 1
|
|
158
|
+
</a>
|
|
159
|
+
<a
|
|
160
|
+
class="UnderlineNav-item"
|
|
161
|
+
>
|
|
162
|
+
Item 2
|
|
163
|
+
</a>
|
|
164
|
+
<a
|
|
165
|
+
class="UnderlineNav-item"
|
|
166
|
+
>
|
|
167
|
+
Item 3
|
|
168
|
+
</a>
|
|
169
|
+
<a
|
|
170
|
+
class="UnderlineNav-item"
|
|
171
|
+
>
|
|
172
|
+
Item 4
|
|
173
|
+
</a>
|
|
174
|
+
</div>
|
|
175
|
+
</nav>
|
|
176
|
+
</div>
|
|
185
177
|
`;
|
|
186
178
|
|
|
187
179
|
exports[`<UnderlineNav /> Render must match withActions() 1`] = `
|
|
188
|
-
<
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
<div
|
|
193
|
-
className="UnderlineNav-body"
|
|
194
|
-
role="tablist"
|
|
180
|
+
<div>
|
|
181
|
+
<nav
|
|
182
|
+
aria-label="Foo bar"
|
|
183
|
+
class="UnderlineNav"
|
|
195
184
|
>
|
|
196
|
-
<
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
onClick={[Function]}
|
|
200
|
-
>
|
|
201
|
-
Item 1
|
|
202
|
-
</a>
|
|
203
|
-
<a
|
|
204
|
-
className="UnderlineNav-item"
|
|
205
|
-
onClick={[Function]}
|
|
206
|
-
>
|
|
207
|
-
Item 2
|
|
208
|
-
</a>
|
|
209
|
-
<a
|
|
210
|
-
className="UnderlineNav-item"
|
|
211
|
-
onClick={[Function]}
|
|
212
|
-
>
|
|
213
|
-
Item 3
|
|
214
|
-
</a>
|
|
215
|
-
<a
|
|
216
|
-
className="UnderlineNav-item"
|
|
217
|
-
onClick={[Function]}
|
|
185
|
+
<div
|
|
186
|
+
class="UnderlineNav-body"
|
|
187
|
+
role="tablist"
|
|
218
188
|
>
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
189
|
+
<a
|
|
190
|
+
aria-current="page"
|
|
191
|
+
class="UnderlineNav-item"
|
|
192
|
+
>
|
|
193
|
+
Item 1
|
|
194
|
+
</a>
|
|
195
|
+
<a
|
|
196
|
+
class="UnderlineNav-item"
|
|
197
|
+
>
|
|
198
|
+
Item 2
|
|
199
|
+
</a>
|
|
200
|
+
<a
|
|
201
|
+
class="UnderlineNav-item"
|
|
202
|
+
>
|
|
203
|
+
Item 3
|
|
204
|
+
</a>
|
|
205
|
+
<a
|
|
206
|
+
class="UnderlineNav-item"
|
|
207
|
+
>
|
|
208
|
+
Item 4
|
|
209
|
+
</a>
|
|
210
|
+
</div>
|
|
211
|
+
<div
|
|
212
|
+
class="UnderlineNav-actions"
|
|
228
213
|
>
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
214
|
+
<a
|
|
215
|
+
class="btn"
|
|
216
|
+
href="#url"
|
|
217
|
+
>
|
|
218
|
+
Button
|
|
219
|
+
</a>
|
|
220
|
+
</div>
|
|
221
|
+
</nav>
|
|
222
|
+
</div>
|
|
233
223
|
`;
|
|
234
224
|
|
|
235
225
|
exports[`<UnderlineNav /> Render must match withIcons() 1`] = `
|
|
236
|
-
<
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
<div
|
|
241
|
-
className="UnderlineNav-body"
|
|
242
|
-
role="tablist"
|
|
226
|
+
<div>
|
|
227
|
+
<nav
|
|
228
|
+
aria-label="Foo bar"
|
|
229
|
+
class="UnderlineNav"
|
|
243
230
|
>
|
|
244
|
-
<
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
onClick={[Function]}
|
|
248
|
-
>
|
|
249
|
-
Item 1
|
|
250
|
-
</a>
|
|
251
|
-
<a
|
|
252
|
-
className="UnderlineNav-item"
|
|
253
|
-
onClick={[Function]}
|
|
254
|
-
>
|
|
255
|
-
Item 2
|
|
256
|
-
</a>
|
|
257
|
-
<a
|
|
258
|
-
className="UnderlineNav-item"
|
|
259
|
-
onClick={[Function]}
|
|
260
|
-
>
|
|
261
|
-
Item 3
|
|
262
|
-
</a>
|
|
263
|
-
<a
|
|
264
|
-
className="UnderlineNav-item"
|
|
265
|
-
onClick={[Function]}
|
|
231
|
+
<div
|
|
232
|
+
class="UnderlineNav-body"
|
|
233
|
+
role="tablist"
|
|
266
234
|
>
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
235
|
+
<a
|
|
236
|
+
aria-current="page"
|
|
237
|
+
class="UnderlineNav-item"
|
|
238
|
+
>
|
|
239
|
+
Item 1
|
|
240
|
+
</a>
|
|
241
|
+
<a
|
|
242
|
+
class="UnderlineNav-item"
|
|
243
|
+
>
|
|
244
|
+
Item 2
|
|
245
|
+
</a>
|
|
246
|
+
<a
|
|
247
|
+
class="UnderlineNav-item"
|
|
248
|
+
>
|
|
249
|
+
Item 3
|
|
250
|
+
</a>
|
|
251
|
+
<a
|
|
252
|
+
class="UnderlineNav-item"
|
|
253
|
+
>
|
|
254
|
+
Item 4
|
|
255
|
+
</a>
|
|
256
|
+
</div>
|
|
257
|
+
</nav>
|
|
258
|
+
</div>
|
|
271
259
|
`;
|
package/build/primer/Pagination/PreviousNext/__tests__/__snapshots__/PreviousNext.int.test.js.snap
CHANGED
|
@@ -1,63 +1,63 @@
|
|
|
1
1
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
2
|
|
|
3
3
|
exports[`<PreviousNext /> Render must match inactive() 1`] = `
|
|
4
|
-
<
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
<div
|
|
9
|
-
className="pagination d-flex"
|
|
4
|
+
<div>
|
|
5
|
+
<nav
|
|
6
|
+
aria-label="Pagination"
|
|
7
|
+
class="paginate-container previousnext-inactive"
|
|
10
8
|
>
|
|
11
|
-
<
|
|
12
|
-
|
|
13
|
-
href="#url"
|
|
14
|
-
onClick={[Function]}
|
|
15
|
-
rel="previous"
|
|
9
|
+
<div
|
|
10
|
+
class="pagination d-flex"
|
|
16
11
|
>
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
12
|
+
<a
|
|
13
|
+
aria-label="Previous"
|
|
14
|
+
href="#url"
|
|
15
|
+
rel="previous"
|
|
16
|
+
>
|
|
17
|
+
<
|
|
18
|
+
</a>
|
|
19
|
+
<span>
|
|
20
|
+
Viewing 3 to 7
|
|
21
|
+
</span>
|
|
22
|
+
<a
|
|
23
|
+
aria-label="Next"
|
|
24
|
+
href="#url"
|
|
25
|
+
rel="next"
|
|
26
|
+
>
|
|
27
|
+
>
|
|
28
|
+
</a>
|
|
29
|
+
</div>
|
|
30
|
+
</nav>
|
|
31
|
+
</div>
|
|
32
32
|
`;
|
|
33
33
|
|
|
34
34
|
exports[`<PreviousNext /> Render must match regular() 1`] = `
|
|
35
|
-
<
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
<div
|
|
40
|
-
className="pagination d-flex"
|
|
35
|
+
<div>
|
|
36
|
+
<nav
|
|
37
|
+
aria-label="Pagination"
|
|
38
|
+
class="paginate-container"
|
|
41
39
|
>
|
|
42
|
-
<
|
|
43
|
-
|
|
44
|
-
href="#url"
|
|
45
|
-
onClick={[Function]}
|
|
46
|
-
rel="previous"
|
|
47
|
-
>
|
|
48
|
-
<
|
|
49
|
-
</a>
|
|
50
|
-
<span>
|
|
51
|
-
Viewing 3 to 7
|
|
52
|
-
</span>
|
|
53
|
-
<a
|
|
54
|
-
aria-label="Next"
|
|
55
|
-
href="#url"
|
|
56
|
-
onClick={[Function]}
|
|
57
|
-
rel="next"
|
|
40
|
+
<div
|
|
41
|
+
class="pagination d-flex"
|
|
58
42
|
>
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
43
|
+
<a
|
|
44
|
+
aria-label="Previous"
|
|
45
|
+
href="#url"
|
|
46
|
+
rel="previous"
|
|
47
|
+
>
|
|
48
|
+
<
|
|
49
|
+
</a>
|
|
50
|
+
<span>
|
|
51
|
+
Viewing 3 to 7
|
|
52
|
+
</span>
|
|
53
|
+
<a
|
|
54
|
+
aria-label="Next"
|
|
55
|
+
href="#url"
|
|
56
|
+
rel="next"
|
|
57
|
+
>
|
|
58
|
+
>
|
|
59
|
+
</a>
|
|
60
|
+
</div>
|
|
61
|
+
</nav>
|
|
62
|
+
</div>
|
|
63
63
|
`;
|
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
@import '../../index.scss';
|
|
2
2
|
|
|
3
|
-
// stylelint-disable function-no-unknown
|
|
4
|
-
|
|
5
3
|
.Popover {
|
|
6
4
|
position: absolute;
|
|
7
5
|
z-index: 100;
|
|
@@ -126,6 +124,7 @@
|
|
|
126
124
|
}
|
|
127
125
|
|
|
128
126
|
&::before {
|
|
127
|
+
// stylelint-disable-next-line function-no-unknown
|
|
129
128
|
margin-top: -($spacer-2 + 1);
|
|
130
129
|
}
|
|
131
130
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M9.923 5.302a3 3 0 10-3.847 0A2.713 2.713 0 005.9 5.5H2A.75.75 0 002 7h3.3l-.578 5.163-.362 2.997a.75.75 0 101.49.18L6.132 13h3.736l.282 2.34a.75.75 0 101.49-.18l-.362-2.997L10.7 7H14a.75.75 0 000-1.5h-3.899a2.697 2.697 0 00-.178-.198zM9.5 3a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zm-.3 4.073l.495 4.427h-3.39l.496-4.427a1.207 1.207 0 012.398 0z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill-rule="evenodd" d="M4.855.708c.5-.896 1.79-.896 2.29 0l4.675 8.351a1.312 1.312 0 01-1.146 1.954H1.33A1.312 1.312 0 01.183 9.058L4.855.708zM7 7V3H5v4h2zm-1 3a1 1 0 100-2 1 1 0 000 2z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.5 3.25c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5A1.75 1.75 0 015.75 7.5h-2.5A1.75 1.75 0 011.5 5.75v-2.5zM3.25 3a.25.25 0 00-.25.25v2.5c0 .138.112.25.25.25h2.5A.25.25 0 006 5.75v-2.5A.25.25 0 005.75 3h-2.5zM1.5 10.25c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5a1.75 1.75 0 01-1.75 1.75h-2.5a1.75 1.75 0 01-1.75-1.75v-2.5zM3.25 10a.25.25 0 00-.25.25v2.5c0 .138.112.25.25.25h2.5a.25.25 0 00.25-.25v-2.5a.25.25 0 00-.25-.25h-2.5zM8.5 3.25c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5a1.75 1.75 0 01-1.75 1.75h-2.5A1.75 1.75 0 018.5 5.75v-2.5zM10.25 3a.25.25 0 00-.25.25v2.5c0 .138.112.25.25.25h2.5a.25.25 0 00.25-.25v-2.5a.25.25 0 00-.25-.25h-2.5zM8.5 10.25c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5a1.75 1.75 0 01-1.75 1.75h-2.5a1.75 1.75 0 01-1.75-1.75v-2.5zm1.75-.25a.25.25 0 00-.25.25v2.5c0 .138.112.25.25.25h2.5a.25.25 0 00.25-.25v-2.5a.25.25 0 00-.25-.25h-2.5z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M8 16c.9 0 1.7-.6 1.9-1.5.1-.3-.1-.5-.4-.5h-3c-.3 0-.5.2-.4.5.2.9 1 1.5 1.9 1.5zM3 5c0-2.8 2.2-5 5-5s5 2.2 5 5v3l1.7 2.6c.2.2.3.5.3.8 0 .8-.7 1.5-1.5 1.5h-11c-.8.1-1.5-.6-1.5-1.4 0-.3.1-.6.3-.8L3 8.1V5z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill-rule="evenodd" d="M6 0a6 6 0 100 12A6 6 0 006 0zm-.705 8.737L9.63 4.403 8.392 3.166 5.295 6.263l-1.7-1.702L2.356 5.8l2.938 2.938z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M2 7.25A5.225 5.225 0 017.25 2a5.222 5.222 0 014.767 3.029A4.472 4.472 0 0116 9.5c0 2.505-1.995 4.5-4.5 4.5h-8A3.475 3.475 0 010 10.5c0-1.41.809-2.614 2.001-3.17L2 7.25zm1.54.482a.75.75 0 01-.556.832c-.86.22-1.484.987-1.484 1.936 0 1.124.876 2 2 2h8c1.676 0 3-1.324 3-3s-1.324-3-3-3a.75.75 0 01-.709-.504A3.72 3.72 0 007.25 3.5C5.16 3.5 3.5 5.16 3.5 7.25a3.276 3.276 0 00.035.436l.004.036.001.008v.002z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M3.103 10.107c0-4.244 3.445-7.607 7.733-7.607 3.19 0 5.912 1.858 7.099 4.563a.634.634 0 01.01.022l.001.006C21.348 7.345 24 10.095 24 13.536 24 17.148 21.076 20 17.431 20H5.017C2.23 20 0 17.83 0 15.06a4.9 4.9 0 013.112-4.581 8.024 8.024 0 01-.009-.372zM10.836 4c-3.485 0-6.233 2.717-6.233 6.107 0 .284.022.602.052.756a.75.75 0 01-.552.869c-1.52.385-2.603 1.712-2.603 3.328 0 1.917 1.532 3.44 3.517 3.44h12.414c2.843 0 5.069-2.206 5.069-4.964 0-2.759-2.226-4.965-5.069-4.965a.75.75 0 01-.696-.47l-.179-.446C15.606 5.5 13.424 4 10.836 4z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M7.25 2c-.69 0-1.351.13-1.957.371a.75.75 0 10.554 1.394c.43-.17.903-.265 1.403-.265a3.72 3.72 0 013.541 2.496.75.75 0 00.709.504c1.676 0 3 1.324 3 3a3 3 0 01-.681 1.92.75.75 0 001.156.955A4.496 4.496 0 0016 9.5a4.472 4.472 0 00-3.983-4.471A5.222 5.222 0 007.25 2z"/><path fill-rule="evenodd" d="M.72 1.72a.75.75 0 011.06 0l2.311 2.31c.03.025.056.052.08.08l8.531 8.532a.785.785 0 01.035.034l2.043 2.044a.75.75 0 11-1.06 1.06l-1.8-1.799a4.64 4.64 0 01-.42.019h-8A3.475 3.475 0 010 10.5c0-1.41.809-2.614 2.001-3.17a5.218 5.218 0 01.646-2.622L.72 2.78a.75.75 0 010-1.06zM3.5 7.25c0-.505.096-.983.271-1.418L10.44 12.5H3.5c-1.124 0-2-.876-2-2 0-.95.624-1.716 1.484-1.936a.75.75 0 00.557-.833A4.1 4.1 0 013.5 7.25z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M2.78 2.22a.75.75 0 00-1.06 1.06l2.64 2.642a7.525 7.525 0 00-1.249 4.557A4.9 4.9 0 000 15.059C0 17.831 2.229 20 5.017 20h12.414a6.879 6.879 0 00.944-.065l2.845 2.845a.75.75 0 101.06-1.06L2.78 2.22zM16.94 18.5L5.448 7.01a6.03 6.03 0 00-.794 3.853.75.75 0 01-.552.869c-1.52.385-2.603 1.712-2.603 3.328 0 1.917 1.532 3.44 3.517 3.44H16.94z"/><path d="M10.836 2.5a7.865 7.865 0 00-3.638.88.75.75 0 10.692 1.331A6.365 6.365 0 0110.836 4c2.588 0 4.77 1.5 5.72 3.655l.179.445a.75.75 0 00.696.471c2.843 0 5.069 2.206 5.069 4.965a4.9 4.9 0 01-1.684 3.716.75.75 0 00.986 1.13A6.396 6.396 0 0024 13.536c0-3.44-2.652-6.191-6.054-6.445l-.002-.006a.634.634 0 00-.01-.022C16.749 4.358 14.026 2.5 10.837 2.5z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.048 2.241c.964-.709 2.079-1.238 3.325-1.241a4.613 4.613 0 013.282 1.355c.41.408.757.86.996 1.428.238.568.348 1.206.347 1.968 0 2.193-1.505 4.254-3.081 5.862-1.496 1.526-3.213 2.796-4.249 3.563l-.22.163a.75.75 0 01-.895 0l-.221-.163c-1.036-.767-2.753-2.037-4.249-3.563C1.51 10.008.007 7.952.002 5.762a4.614 4.614 0 011.353-3.407C3.123.585 6.223.537 8.048 2.24zm-1.153.983c-.81.78-1.546 1.669-2.166 2.417-.184.222-.358.432-.52.623a.75.75 0 00.04 1.016c.35.35.697.697 1.043 1.047.866.875 2.292.914 3.185.032.264-.26.534-.528.802-.797.694-.694 1.8-.701 2.474-.03L12.92 8.7l.283.284c-.244.334-.515.666-.81.995l-1.384-1.28A.75.75 0 109.99 9.802l1.357 1.252c-.325.31-.656.606-.984.887l-1.48-1.366a.75.75 0 10-1.018 1.102L9.191 12.9c-.433.34-.838.643-1.191.905-1.04-.773-2.537-1.907-3.846-3.242C2.611 8.99 1.502 7.306 1.502 5.75a3.114 3.114 0 01.913-2.335c1.159-1.158 3.23-1.224 4.48-.191zm7.112 4.442c.313-.65.491-1.293.491-1.916v-.001c0-.614-.088-1.045-.23-1.385-.143-.339-.357-.633-.673-.949a3.113 3.113 0 00-2.218-.915c-1.092.003-2.165.627-3.226 1.602-.823.755-1.554 1.637-2.228 2.45l-.127.154.562.566a.756.756 0 001.066.02l.794-.79c1.258-1.258 3.312-1.31 4.594-.032.396.394.792.791 1.173 1.173l.022.023z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M2.828 4.328C5.26 1.896 9.5 1.881 11.935 4.317c.024.024.046.05.067.076 1.391-1.078 2.993-1.886 4.777-1.89a6.216 6.216 0 014.424 1.825c.559.56 1.023 1.165 1.34 1.922.318.756.47 1.617.468 2.663 0 2.972-2.047 5.808-4.269 8.074-2.098 2.14-4.507 3.924-5.974 5.009l-.311.23a.752.752 0 01-.897 0l-.312-.23c-1.466-1.085-3.875-2.869-5.973-5.009-2.22-2.263-4.264-5.095-4.27-8.063v.012-.024.012a6.217 6.217 0 011.823-4.596zm8.033 1.042c-1.846-1.834-5.124-1.823-6.969.022a4.713 4.713 0 00-1.382 3.52c0 2.332 1.65 4.79 3.839 7.022 1.947 1.986 4.184 3.66 5.66 4.752a79.983 79.983 0 002.159-1.645l-2.14-1.974a.752.752 0 011.02-1.106l2.295 2.118c.616-.52 1.242-1.08 1.85-1.672l-2.16-1.992a.752.752 0 011.021-1.106l2.188 2.02a18.992 18.992 0 001.528-1.877l-.585-.586-1.651-1.652c-1.078-1.074-2.837-1.055-3.935.043-.379.38-.76.758-1.132 1.126-1.14 1.124-2.96 1.077-4.07-.043-.489-.495-.98-.988-1.475-1.482a.752.752 0 01-.04-1.019c.234-.276.483-.576.745-.893.928-1.12 2.023-2.442 3.234-3.576zm9.725 6.77c.579-1.08.92-2.167.92-3.228.002-.899-.128-1.552-.35-2.08-.22-.526-.551-.974-1.017-1.44a4.71 4.71 0 00-3.356-1.384c-1.66.004-3.25.951-4.77 2.346-1.18 1.084-2.233 2.353-3.188 3.506l-.351.423c.331.332.663.664.993.998a1.375 1.375 0 001.943.03c.37-.365.748-.74 1.125-1.118 1.662-1.663 4.373-1.726 6.06-.045.56.558 1.12 1.12 1.658 1.658l.333.334z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 010 1.5h-1.5a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-1.5a.75.75 0 011.5 0v1.5A1.75 1.75 0 019.25 16h-7.5A1.75 1.75 0 010 14.25v-7.5z"/><path fill-rule="evenodd" d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0114.25 11h-7.5A1.75 1.75 0 015 9.25v-7.5zm1.75-.25a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-7.5a.25.25 0 00-.25-.25h-7.5z"/></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M7.024 3.75c0-.966.784-1.75 1.75-1.75H20.25c.966 0 1.75.784 1.75 1.75v11.498a1.75 1.75 0 01-1.75 1.75H8.774a1.75 1.75 0 01-1.75-1.75V3.75zm1.75-.25a.25.25 0 00-.25.25v11.498c0 .139.112.25.25.25H20.25a.25.25 0 00.25-.25V3.75a.25.25 0 00-.25-.25H8.774z"/><path d="M1.995 10.749a1.75 1.75 0 011.75-1.751H5.25a.75.75 0 110 1.5H3.745a.25.25 0 00-.25.25L3.5 20.25c0 .138.111.25.25.25h9.5a.25.25 0 00.25-.25v-1.51a.75.75 0 111.5 0v1.51A1.75 1.75 0 0113.25 22h-9.5A1.75 1.75 0 012 20.25l-.005-9.501z"/></svg>
|