@papillonarts/components 0.17.0 → 0.18.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.
Files changed (32) hide show
  1. package/build/primer/Toast/Toast.md +38 -0
  2. package/package.json +5 -10
  3. package/build/primer/Alert/Alert.mdx +0 -88
  4. package/build/primer/Blankslate/Blankslate.mdx +0 -57
  5. package/build/primer/Breadcrumb/Breadcrumb.mdx +0 -23
  6. package/build/primer/Button/Button.mdx +0 -239
  7. package/build/primer/Dropdown/Dropdown.mdx +0 -19
  8. package/build/primer/Form/Checkbox/Checkbox.mdx +0 -32
  9. package/build/primer/Form/Checkbox/__tests__/__snapshots__/Checkbox.int.test.ts.snap +0 -75
  10. package/build/primer/Form/Input/Input.mdx +0 -34
  11. package/build/primer/Form/Input/__tests__/__snapshots__/Input.int.test.ts.snap +0 -23
  12. package/build/primer/Form/Radio/Radio.mdx +0 -25
  13. package/build/primer/Form/Radio/__tests__/__snapshots__/Radio.int.test.ts.snap +0 -65
  14. package/build/primer/Grid/DisplayTable/DisplayTable.mdx +0 -14
  15. package/build/primer/Grid/DisplayTable/__tests__/__snapshots__/DisplayTable.int.test.ts.snap +0 -326
  16. package/build/primer/Grid/FlexGrid/FlexGrid.mdx +0 -106
  17. package/build/primer/Grid/FlexGrid/__tests__/__snapshots__/FlexGrid.int.test.ts.snap +0 -6247
  18. package/build/primer/Label/Label.mdx +0 -13
  19. package/build/primer/Loader/Loader.mdx +0 -31
  20. package/build/primer/Navigation/Menu/Menu.mdx +0 -25
  21. package/build/primer/Navigation/Menu/__tests__/__snapshots__/Menu.int.test.ts.snap +0 -114
  22. package/build/primer/Navigation/TabNav/TabNav.mdx +0 -56
  23. package/build/primer/Navigation/TabNav/__tests__/__snapshots__/TabNav.int.test.ts.snap +0 -164
  24. package/build/primer/Navigation/UnderlineNav/UnderlineNav.mdx +0 -65
  25. package/build/primer/Navigation/UnderlineNav/__tests__/__snapshots__/UnderlineNav.int.test.ts.snap +0 -259
  26. package/build/primer/Pagination/PreviousNext/PreviousNext.mdx +0 -20
  27. package/build/primer/Pagination/PreviousNext/__tests__/__snapshots__/PreviousNext.int.test.ts.snap +0 -63
  28. package/build/primer/Popover/Popover.mdx +0 -190
  29. package/build/primer/Progress/Progress.mdx +0 -31
  30. package/build/primer/Select/Select.mdx +0 -19
  31. package/build/primer/SelectMenu/SelectMenu.mdx +0 -13
  32. package/build/primer/Subhead/Subhead.mdx +0 -20
package/build/primer/Form/Radio/__tests__/__snapshots__/Radio.int.test.ts.snap DELETED
@@ -1,65 +0,0 @@
1
- // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
2
-
3
- exports[`<Radio /> Render must match inactive() 1`] = `
4
- <div>
5
- <div
6
- class="m-0 form-checkbox radio-inactive"
7
- >
8
- <label
9
- for="checkbox"
10
- >
11
- <input
12
- name="fantastic-name"
13
- type="radio"
14
- />
15
- White
16
- </label>
17
- </div>
18
- <div
19
- class="m-0 form-checkbox radio-inactive"
20
- >
21
- <label
22
- for="checkbox"
23
- >
24
- <input
25
- checked=""
26
- name="fantastic-name"
27
- type="radio"
28
- />
29
- Black
30
- </label>
31
- </div>
32
- </div>
33
- `;
34
-
35
- exports[`<Radio /> Render must match regular() 1`] = `
36
- <div>
37
- <div
38
- class="m-0 form-checkbox"
39
- >
40
- <label
41
- for="checkbox"
42
- >
43
- <input
44
- name="fantastic-name"
45
- type="radio"
46
- />
47
- White
48
- </label>
49
- </div>
50
- <div
51
- class="m-0 form-checkbox"
52
- >
53
- <label
54
- for="checkbox"
55
- >
56
- <input
57
- checked=""
58
- name="fantastic-name"
59
- type="radio"
60
- />
61
- Black
62
- </label>
63
- </div>
64
- </div>
65
- `;
package/build/primer/Grid/DisplayTable/DisplayTable.mdx DELETED
@@ -1,14 +0,0 @@
1
- # DisplayTable
2
-
3
- > Using display table utilities with columns gives you some alternative layout options.
4
- > A useful example is being able to keep the height of the container equal across a row when the length of content may differ.
5
-
6
- # Variants
7
-
8
- > - Default
9
-
10
- ## Default
11
-
12
- ```jsx
13
- <DisplayTable idIndex={0} items={items} />
14
- ```
package/build/primer/Grid/DisplayTable/__tests__/__snapshots__/DisplayTable.int.test.ts.snap DELETED
@@ -1,326 +0,0 @@
1
- // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
2
-
3
- exports[`<DisplayTable /> Render must match regular() 1`] = `
4
- <div>
5
- <div
6
- class="d-table col-12 bg-blue-light"
7
- >
8
- <div
9
- class="col-2 d-table-cell border p-2 h6"
10
- />
11
- <div
12
- class="col-2 d-table-cell border p-2 h6"
13
- >
14
- date-created
15
- </div>
16
- <div
17
- class="col-2 d-table-cell border p-2 h6"
18
- >
19
- date-modified
20
- </div>
21
- <div
22
- class="col-2 d-table-cell border p-2 h6"
23
- >
24
- kind
25
- </div>
26
- <div
27
- class="col-2 d-table-cell border p-2 h6"
28
- >
29
- name
30
- </div>
31
- <div
32
- class="col-2 d-table-cell border p-2 h6"
33
- >
34
- size
35
- </div>
36
- </div>
37
- <div
38
- class="d-table col-12"
39
- >
40
- <div
41
- class="col-2 d-table-cell border p-2"
42
- />
43
- <div
44
- class="col-2 d-table-cell border p-2"
45
- >
46
- Wed May 13 2015
47
- </div>
48
- <div
49
- class="col-2 d-table-cell border p-2"
50
- >
51
- Fri Feb 03 2017
52
- </div>
53
- <div
54
- class="col-2 d-table-cell border p-2"
55
- >
56
- PostScript file
57
- </div>
58
- <div
59
- class="col-2 d-table-cell border p-2"
60
- >
61
- y8P.ps
62
- </div>
63
- <div
64
- class="col-2 d-table-cell border p-2"
65
- >
66
- 37.72 exabyte (EB)
67
- </div>
68
- </div>
69
- <div
70
- class="d-table col-12"
71
- >
72
- <div
73
- class="col-2 d-table-cell border p-2"
74
- />
75
- <div
76
- class="col-2 d-table-cell border p-2"
77
- >
78
- Fri May 01 2020
79
- </div>
80
- <div
81
- class="col-2 d-table-cell border p-2"
82
- >
83
- Mon Dec 31 2018
84
- </div>
85
- <div
86
- class="col-2 d-table-cell border p-2"
87
- >
88
- Perl script file
89
- </div>
90
- <div
91
- class="col-2 d-table-cell border p-2"
92
- >
93
- Pj9m.cgi
94
- </div>
95
- <div
96
- class="col-2 d-table-cell border p-2"
97
- >
98
- 339 gigabyte (GB)
99
- </div>
100
- </div>
101
- <div
102
- class="d-table col-12"
103
- >
104
- <div
105
- class="col-2 d-table-cell border p-2"
106
- />
107
- <div
108
- class="col-2 d-table-cell border p-2"
109
- >
110
- Mon Oct 31 2016
111
- </div>
112
- <div
113
- class="col-2 d-table-cell border p-2"
114
- >
115
- Tue Feb 21 2017
116
- </div>
117
- <div
118
- class="col-2 d-table-cell border p-2"
119
- >
120
- PSD image
121
- </div>
122
- <div
123
- class="col-2 d-table-cell border p-2"
124
- >
125
- mRGfhp.psd
126
- </div>
127
- <div
128
- class="col-2 d-table-cell border p-2"
129
- >
130
- 325.6 kilobyte (KB)
131
- </div>
132
- </div>
133
- <div
134
- class="d-table col-12"
135
- >
136
- <div
137
- class="col-2 d-table-cell border p-2"
138
- />
139
- <div
140
- class="col-2 d-table-cell border p-2"
141
- >
142
- Wed Mar 11 2020
143
- </div>
144
- <div
145
- class="col-2 d-table-cell border p-2"
146
- >
147
- Sun Aug 26 2018
148
- </div>
149
- <div
150
- class="col-2 d-table-cell border p-2"
151
- >
152
- Active Server Page file
153
- </div>
154
- <div
155
- class="col-2 d-table-cell border p-2"
156
- >
157
- FBrXhyh736LIV.aspx
158
- </div>
159
- <div
160
- class="col-2 d-table-cell border p-2"
161
- >
162
- 716 terabyte (TB)
163
- </div>
164
- </div>
165
- <div
166
- class="d-table col-12"
167
- >
168
- <div
169
- class="col-2 d-table-cell border p-2"
170
- />
171
- <div
172
- class="col-2 d-table-cell border p-2"
173
- >
174
- Fri Mar 21 2014
175
- </div>
176
- <div
177
- class="col-2 d-table-cell border p-2"
178
- >
179
- Wed Mar 04 2015
180
- </div>
181
- <div
182
- class="col-2 d-table-cell border p-2"
183
- >
184
- Folder
185
- </div>
186
- <div
187
- class="col-2 d-table-cell border p-2"
188
- >
189
- beylpO7v
190
- </div>
191
- <div
192
- class="col-2 d-table-cell border p-2"
193
- >
194
- --
195
- </div>
196
- </div>
197
- <div
198
- class="d-table col-12"
199
- >
200
- <div
201
- class="col-2 d-table-cell border p-2"
202
- />
203
- <div
204
- class="col-2 d-table-cell border p-2"
205
- >
206
- Sun Oct 20 2019
207
- </div>
208
- <div
209
- class="col-2 d-table-cell border p-2"
210
- >
211
- Fri Feb 08 2019
212
- </div>
213
- <div
214
- class="col-2 d-table-cell border p-2"
215
- >
216
- Database file
217
- </div>
218
- <div
219
- class="col-2 d-table-cell border p-2"
220
- >
221
- aD9iiQhkj.db
222
- </div>
223
- <div
224
- class="col-2 d-table-cell border p-2"
225
- >
226
- 913.5 bit (b)
227
- </div>
228
- </div>
229
- <div
230
- class="d-table col-12"
231
- >
232
- <div
233
- class="col-2 d-table-cell border p-2"
234
- />
235
- <div
236
- class="col-2 d-table-cell border p-2"
237
- >
238
- Fri Mar 11 2016
239
- </div>
240
- <div
241
- class="col-2 d-table-cell border p-2"
242
- >
243
- Thu May 02 2019
244
- </div>
245
- <div
246
- class="col-2 d-table-cell border p-2"
247
- >
248
- Apple Mail e-mail file
249
- </div>
250
- <div
251
- class="col-2 d-table-cell border p-2"
252
- >
253
- 9kcUYOj65.emlx
254
- </div>
255
- <div
256
- class="col-2 d-table-cell border p-2"
257
- >
258
- 921.8 zettabyte (ZB)
259
- </div>
260
- </div>
261
- <div
262
- class="d-table col-12"
263
- >
264
- <div
265
- class="col-2 d-table-cell border p-2"
266
- />
267
- <div
268
- class="col-2 d-table-cell border p-2"
269
- >
270
- Sun Oct 25 2015
271
- </div>
272
- <div
273
- class="col-2 d-table-cell border p-2"
274
- >
275
- Thu Apr 11 2019
276
- </div>
277
- <div
278
- class="col-2 d-table-cell border p-2"
279
- >
280
- Folder
281
- </div>
282
- <div
283
- class="col-2 d-table-cell border p-2"
284
- >
285
- 7
286
- </div>
287
- <div
288
- class="col-2 d-table-cell border p-2"
289
- >
290
- --
291
- </div>
292
- </div>
293
- <div
294
- class="d-table col-12"
295
- >
296
- <div
297
- class="col-2 d-table-cell border p-2"
298
- />
299
- <div
300
- class="col-2 d-table-cell border p-2"
301
- >
302
- Tue Jan 20 2015
303
- </div>
304
- <div
305
- class="col-2 d-table-cell border p-2"
306
- >
307
- Tue Oct 15 2013
308
- </div>
309
- <div
310
- class="col-2 d-table-cell border p-2"
311
- >
312
- Microsoft Excel file with macros
313
- </div>
314
- <div
315
- class="col-2 d-table-cell border p-2"
316
- >
317
- 1NplEr0hHjFnTmW.xlsm
318
- </div>
319
- <div
320
- class="col-2 d-table-cell border p-2"
321
- >
322
- 474.53 petabyte (PB)
323
- </div>
324
- </div>
325
- </div>
326
- `;
package/build/primer/Grid/FlexGrid/FlexGrid.mdx DELETED
@@ -1,106 +0,0 @@
1
- # FlexGrid
2
-
3
- > You can use flex utilities on the container and columns to create a flexbox grid.
4
- > This can be useful for keeping columns the same height, justifying content and vertically aligning items. The flexbox grid is also great for working with responsive layouts.
5
-
6
- # Variants
7
-
8
- > - RadioWithSelection, RadioWithSelectionInactive
9
- > - RadioWithoutSelection, RadioWithoutSelectionInactive
10
- > - CheckboxWithSelection, CheckboxWithSelectionInactive
11
- > - CheckboxWithoutSelection, CheckboxWithoutSelectionInactive
12
-
13
- ## RadioWithSelection
14
-
15
- ```jsx
16
- <FlexGrid
17
- items={radioItemsWithSelection}
18
- idIndex={0}
19
- isSelectedIndex={1}
20
- selection={flexGridSelection.radio}
21
- sort={sortDefault}
22
- onChange={action('onChange')}
23
- onDoubleClick={action('onDoubleClick')}
24
- />
25
- ```
26
-
27
- ## RadioWithSelectionInactive
28
-
29
- ```jsx
30
- <FlexGrid
31
- items={radioItemsWithSelection}
32
- idIndex={0}
33
- isSelectedIndex={1}
34
- selection={flexGridSelection.radio}
35
- sort={sortDefault}
36
- onChange={action('onChange')}
37
- onDoubleClick={action('onDoubleClick')}
38
- state={flexGridState.inactive}
39
- />
40
- ```
41
-
42
- ## RadioWithoutSelection
43
-
44
- ```jsx
45
- <FlexGrid idIndex={0} items={radioItemsWithoutSelection} sort={sortDefault} onChange={action('onChange')} />
46
- ```
47
-
48
- ## RadioWithoutSelectionInactive
49
-
50
- ```jsx
51
- <FlexGrid idIndex={0} items={radioItemsWithoutSelection} sort={sortDefault} onChange={action('onChange')} state={flexGridState.inactive} />
52
- ```
53
-
54
- ## CheckboxWithSelection
55
-
56
- ```jsx
57
- <FlexGrid
58
- items={checkboxItemsWithSelection}
59
- idIndex={0}
60
- isSelectedIndex={1}
61
- selection={flexGridSelection.checkbox}
62
- sort={sortDefault}
63
- onChange={action('onChange')}
64
- onDoubleClick={action('onDoubleClick')}
65
- />
66
- ```
67
-
68
- ## CheckboxWithSelectionInactive
69
-
70
- ```jsx
71
- <FlexGrid
72
- items={checkboxItemsWithSelection}
73
- idIndex={0}
74
- isSelectedIndex={1}
75
- selection={flexGridSelection.checkbox}
76
- sort={sortDefault}
77
- onChange={action('onChange')}
78
- onDoubleClick={action('onDoubleClick')}
79
- state={flexGridState.inactive}
80
- />
81
- ```
82
-
83
- ## CheckboxWithoutSelection
84
-
85
- ```jsx
86
- <FlexGrid
87
- idIndex={0}
88
- items={checkboxItemsWithoutSelection}
89
- sort={sortDefault}
90
- onChange={action('onChange')}
91
- onDoubleClick={action('onDoubleClick')}
92
- />
93
- ```
94
-
95
- ## CheckboxWithoutSelectionInactive
96
-
97
- ```jsx
98
- <FlexGrid
99
- idIndex={0}
100
- items={checkboxItemsWithoutSelection}
101
- sort={sortDefault}
102
- onChange={action('onChange')}
103
- onDoubleClick={action('onDoubleClick')}
104
- state={flexGridState.inactive}
105
- />
106
- ```