@atlaskit/icon 23.10.1 → 23.11.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/CHANGELOG.md +41 -0
- package/core/align-center.d.ts +4 -1
- package/core/align-left.d.ts +4 -1
- package/core/align-right.d.ts +4 -1
- package/core/border-weight-medium.d.ts +4 -1
- package/core/border-weight-thick.d.ts +4 -1
- package/core/border-weight-thin.d.ts +4 -1
- package/core/content-align-center.d.ts +4 -1
- package/core/content-align-left.d.ts +4 -1
- package/core/content-align-right.d.ts +4 -1
- package/core/drag-handle-horizontal.d.ts +13 -0
- package/core/drag-handle-horizontal.js +31 -0
- package/core/drag-handle-vertical.d.ts +13 -0
- package/core/drag-handle-vertical.js +31 -0
- package/core/drag-handle.d.ts +4 -1
- package/core/drag-handle.js +2 -2
- package/core/migration/align-image-center--editor-align-image-center.d.ts +15 -0
- package/core/migration/align-image-center--editor-align-image-center.js +33 -0
- package/core/migration/align-image-left--editor-align-image-left.d.ts +15 -0
- package/core/migration/align-image-left--editor-align-image-left.js +33 -0
- package/core/migration/align-image-right--editor-align-image-right.d.ts +15 -0
- package/core/migration/align-image-right--editor-align-image-right.js +33 -0
- package/core/migration/align-text-center--editor-align-center.d.ts +15 -0
- package/core/migration/align-text-center--editor-align-center.js +33 -0
- package/core/migration/align-text-left--editor-align-left.d.ts +15 -0
- package/core/migration/align-text-left--editor-align-left.js +33 -0
- package/core/migration/align-text-right--editor-align-right.d.ts +15 -0
- package/core/migration/align-text-right--editor-align-right.js +33 -0
- package/core/migration/drag-handle--drag-handler.js +2 -2
- package/core/migration/drag-handle-vertical--drag-handler.d.ts +15 -0
- package/core/migration/drag-handle-vertical--drag-handler.js +33 -0
- package/core/migration/refresh.js +2 -2
- package/core/migration/stroke-weight-small--media-services-line.d.ts +15 -0
- package/core/migration/stroke-weight-small--media-services-line.js +33 -0
- package/core/refresh.js +3 -3
- package/dist/cjs/deprecated-core.js +57 -2
- package/dist/cjs/deprecated-utility.js +10 -2
- package/dist/cjs/metadata-core.js +80 -4
- package/dist/cjs/metadata-utility.js +26 -2
- package/dist/cjs/migration-map.js +48 -8
- package/dist/es2019/deprecated-core.js +57 -2
- package/dist/es2019/deprecated-utility.js +10 -2
- package/dist/es2019/metadata-core.js +80 -4
- package/dist/es2019/metadata-utility.js +26 -2
- package/dist/es2019/migration-map.js +48 -8
- package/dist/esm/deprecated-core.js +57 -2
- package/dist/esm/deprecated-utility.js +10 -2
- package/dist/esm/metadata-core.js +80 -4
- package/dist/esm/metadata-utility.js +26 -2
- package/dist/esm/migration-map.js +48 -8
- package/dist/types/deprecated-core.d.ts +1 -1
- package/dist/types/deprecated-utility.d.ts +1 -1
- package/dist/types/metadata-core.d.ts +1 -1
- package/dist/types/metadata-utility.d.ts +1 -1
- package/dist/types-ts4.5/deprecated-core.d.ts +1 -1
- package/dist/types-ts4.5/deprecated-utility.d.ts +1 -1
- package/dist/types-ts4.5/metadata-core.d.ts +1 -1
- package/dist/types-ts4.5/metadata-utility.d.ts +1 -1
- package/glyph/drag-handler.js +2 -2
- package/glyph/editor/align-center.js +2 -2
- package/glyph/editor/align-image-center.js +2 -2
- package/glyph/editor/align-image-left.js +2 -2
- package/glyph/editor/align-image-right.js +2 -2
- package/glyph/editor/align-left.js +2 -2
- package/glyph/editor/align-right.js +2 -2
- package/glyph/media-services/line.js +2 -2
- package/package.json +1 -1
- package/svgs/core/drag-handle-horizontal.svg +1 -0
- package/svgs/core/drag-handle-vertical.svg +1 -0
- package/svgs/core/refresh.svg +1 -1
- package/svgs/utility/drag-handle-horizontal.svg +1 -0
- package/svgs/utility/drag-handle-vertical.svg +1 -0
- package/utility/drag-handle-horizontal.d.ts +13 -0
- package/utility/drag-handle-horizontal.js +32 -0
- package/utility/drag-handle-vertical.d.ts +13 -0
- package/utility/drag-handle-vertical.js +32 -0
- package/utility/drag-handle.d.ts +4 -1
- package/utility/drag-handle.js +2 -2
- package/utility/migration/drag-handle--drag-handler.js +2 -2
- package/utility/migration/drag-handle-vertical--drag-handler.d.ts +15 -0
- package/utility/migration/drag-handle-vertical--drag-handler.js +33 -0
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* To change the format of this file, modify `createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
|
|
5
5
|
*
|
|
6
|
-
* @codegen <<SignedSource::
|
|
6
|
+
* @codegen <<SignedSource::a79b61e7d7891e9865d33932dc25db57>>
|
|
7
7
|
* @codegenCommand yarn build:icon-glyphs
|
|
8
8
|
*/
|
|
9
9
|
|
|
@@ -51,6 +51,11 @@ var metadata = {
|
|
|
51
51
|
package: '@atlaskit/icon/core/align-center',
|
|
52
52
|
oldName: ['editor/align-center'],
|
|
53
53
|
type: 'core',
|
|
54
|
+
replacement: {
|
|
55
|
+
name: 'align-text-center',
|
|
56
|
+
type: 'core',
|
|
57
|
+
location: '@atlaskit/icon'
|
|
58
|
+
},
|
|
54
59
|
categorization: 'multi-purpose',
|
|
55
60
|
usage: 'Multi purpose - Known uses: align text center, align center.',
|
|
56
61
|
team: 'Design System Team'
|
|
@@ -59,6 +64,7 @@ var metadata = {
|
|
|
59
64
|
keywords: ['align-image-center', 'alignimagecenter', 'icon', 'core', 'content', 'media', 'image', 'alignment', 'centre'],
|
|
60
65
|
componentName: 'AlignImageCenterIcon',
|
|
61
66
|
package: '@atlaskit/icon/core/align-image-center',
|
|
67
|
+
oldName: ['editor/align-image-center'],
|
|
62
68
|
type: 'core',
|
|
63
69
|
categorization: 'single-purpose',
|
|
64
70
|
usage: 'Single purpose - Reserved for center aligning media and content.',
|
|
@@ -68,6 +74,7 @@ var metadata = {
|
|
|
68
74
|
keywords: ['align-image-left', 'alignimageleft', 'icon', 'core', 'content', 'media', 'image', 'alignment', 'left'],
|
|
69
75
|
componentName: 'AlignImageLeftIcon',
|
|
70
76
|
package: '@atlaskit/icon/core/align-image-left',
|
|
77
|
+
oldName: ['editor/align-image-left'],
|
|
71
78
|
type: 'core',
|
|
72
79
|
categorization: 'single-purpose',
|
|
73
80
|
usage: 'Single purpose - Reserved for left aligning media and content.',
|
|
@@ -77,6 +84,7 @@ var metadata = {
|
|
|
77
84
|
keywords: ['align-image-right', 'alignimageright', 'icon', 'core', 'content', 'media', 'image', 'alignment', 'right'],
|
|
78
85
|
componentName: 'AlignImageRightIcon',
|
|
79
86
|
package: '@atlaskit/icon/core/align-image-right',
|
|
87
|
+
oldName: ['editor/align-image-right'],
|
|
80
88
|
type: 'core',
|
|
81
89
|
categorization: 'single-purpose',
|
|
82
90
|
usage: 'Single purpose - Reserved for right aligning media and content.',
|
|
@@ -88,6 +96,11 @@ var metadata = {
|
|
|
88
96
|
package: '@atlaskit/icon/core/align-left',
|
|
89
97
|
oldName: ['editor/align-left', 'overview'],
|
|
90
98
|
type: 'core',
|
|
99
|
+
replacement: {
|
|
100
|
+
name: 'align-text-left',
|
|
101
|
+
type: 'core',
|
|
102
|
+
location: '@atlaskit/icon'
|
|
103
|
+
},
|
|
91
104
|
categorization: 'multi-purpose',
|
|
92
105
|
usage: 'Multi purpose - Known uses: align text left, align content left, summary.',
|
|
93
106
|
team: 'Design System Team'
|
|
@@ -98,6 +111,11 @@ var metadata = {
|
|
|
98
111
|
package: '@atlaskit/icon/core/align-right',
|
|
99
112
|
oldName: ['editor/align-right'],
|
|
100
113
|
type: 'core',
|
|
114
|
+
replacement: {
|
|
115
|
+
name: 'align-text-right',
|
|
116
|
+
type: 'core',
|
|
117
|
+
location: '@atlaskit/icon'
|
|
118
|
+
},
|
|
101
119
|
categorization: 'multi-purpose',
|
|
102
120
|
usage: 'Multi purpose - Known uses: align text right, align content right.',
|
|
103
121
|
team: 'Design System Team'
|
|
@@ -106,6 +124,7 @@ var metadata = {
|
|
|
106
124
|
keywords: ['align-text-center', 'aligntextcenter', 'icon', 'core', 'alignment', 'text', 'content'],
|
|
107
125
|
componentName: 'AlignTextCenterIcon',
|
|
108
126
|
package: '@atlaskit/icon/core/align-text-center',
|
|
127
|
+
oldName: ['editor/align-center'],
|
|
109
128
|
type: 'core',
|
|
110
129
|
categorization: 'multi-purpose',
|
|
111
130
|
usage: 'Multi purpose - Known uses: align text center, align center.',
|
|
@@ -115,6 +134,7 @@ var metadata = {
|
|
|
115
134
|
keywords: ['align-text-left', 'aligntextleft', 'icon', 'core', 'alignment', 'text', 'content', 'summary'],
|
|
116
135
|
componentName: 'AlignTextLeftIcon',
|
|
117
136
|
package: '@atlaskit/icon/core/align-text-left',
|
|
137
|
+
oldName: ['editor/align-left'],
|
|
118
138
|
type: 'core',
|
|
119
139
|
categorization: 'multi-purpose',
|
|
120
140
|
usage: 'Multi purpose - Known uses: align text left, align content left, summary.',
|
|
@@ -124,6 +144,7 @@ var metadata = {
|
|
|
124
144
|
keywords: ['align-text-right', 'aligntextright', 'icon', 'core', 'alignment', 'text', 'content'],
|
|
125
145
|
componentName: 'AlignTextRightIcon',
|
|
126
146
|
package: '@atlaskit/icon/core/align-text-right',
|
|
147
|
+
oldName: ['editor/align-right'],
|
|
127
148
|
type: 'core',
|
|
128
149
|
categorization: 'multi-purpose',
|
|
129
150
|
usage: 'Multi purpose - Known uses: align text right, align content right.',
|
|
@@ -384,6 +405,11 @@ var metadata = {
|
|
|
384
405
|
componentName: 'BorderWeightMediumIcon',
|
|
385
406
|
package: '@atlaskit/icon/core/border-weight-medium',
|
|
386
407
|
type: 'core',
|
|
408
|
+
replacement: {
|
|
409
|
+
name: 'stroke-weight-medium',
|
|
410
|
+
type: 'core',
|
|
411
|
+
location: '@atlaskit/icon'
|
|
412
|
+
},
|
|
387
413
|
categorization: 'single-purpose',
|
|
388
414
|
usage: 'Reserved for representing medium border stroke widths.',
|
|
389
415
|
team: 'Editor'
|
|
@@ -393,6 +419,11 @@ var metadata = {
|
|
|
393
419
|
componentName: 'BorderWeightThickIcon',
|
|
394
420
|
package: '@atlaskit/icon/core/border-weight-thick',
|
|
395
421
|
type: 'core',
|
|
422
|
+
replacement: {
|
|
423
|
+
name: 'stroke-weight-large',
|
|
424
|
+
type: 'core',
|
|
425
|
+
location: '@atlaskit/icon'
|
|
426
|
+
},
|
|
396
427
|
categorization: 'single-purpose',
|
|
397
428
|
usage: 'Reserved for representing thick border stroke widths.',
|
|
398
429
|
team: 'Editor'
|
|
@@ -403,6 +434,11 @@ var metadata = {
|
|
|
403
434
|
package: '@atlaskit/icon/core/border-weight-thin',
|
|
404
435
|
oldName: ['media-services/line'],
|
|
405
436
|
type: 'core',
|
|
437
|
+
replacement: {
|
|
438
|
+
name: 'stroke-weight-small',
|
|
439
|
+
type: 'core',
|
|
440
|
+
location: '@atlaskit/icon'
|
|
441
|
+
},
|
|
406
442
|
categorization: 'single-purpose',
|
|
407
443
|
usage: 'Reserved for representing thin border stroke widths.',
|
|
408
444
|
team: 'Editor'
|
|
@@ -723,6 +759,11 @@ var metadata = {
|
|
|
723
759
|
package: '@atlaskit/icon/core/content-align-center',
|
|
724
760
|
oldName: ['editor/align-image-center'],
|
|
725
761
|
type: 'core',
|
|
762
|
+
replacement: {
|
|
763
|
+
name: 'align-image-center',
|
|
764
|
+
type: 'core',
|
|
765
|
+
location: '@atlaskit/icon'
|
|
766
|
+
},
|
|
726
767
|
categorization: 'single-purpose',
|
|
727
768
|
usage: 'Single purpose - Reserved for center aligning media and content.',
|
|
728
769
|
team: 'Design System Team'
|
|
@@ -733,6 +774,11 @@ var metadata = {
|
|
|
733
774
|
package: '@atlaskit/icon/core/content-align-left',
|
|
734
775
|
oldName: ['editor/align-image-left'],
|
|
735
776
|
type: 'core',
|
|
777
|
+
replacement: {
|
|
778
|
+
name: 'align-image-left',
|
|
779
|
+
type: 'core',
|
|
780
|
+
location: '@atlaskit/icon'
|
|
781
|
+
},
|
|
736
782
|
categorization: 'single-purpose',
|
|
737
783
|
usage: 'Single purpose - Reserved for left aligning media and content.',
|
|
738
784
|
team: 'Design System Team'
|
|
@@ -743,6 +789,11 @@ var metadata = {
|
|
|
743
789
|
package: '@atlaskit/icon/core/content-align-right',
|
|
744
790
|
oldName: ['editor/align-image-right'],
|
|
745
791
|
type: 'core',
|
|
792
|
+
replacement: {
|
|
793
|
+
name: 'align-image-right',
|
|
794
|
+
type: 'core',
|
|
795
|
+
location: '@atlaskit/icon'
|
|
796
|
+
},
|
|
746
797
|
categorization: 'single-purpose',
|
|
747
798
|
usage: 'Single purpose - Reserved for right aligning media and content.',
|
|
748
799
|
team: 'Design System Team'
|
|
@@ -966,8 +1017,32 @@ var metadata = {
|
|
|
966
1017
|
package: '@atlaskit/icon/core/drag-handle',
|
|
967
1018
|
oldName: ['drag-handler'],
|
|
968
1019
|
type: 'core',
|
|
1020
|
+
replacement: {
|
|
1021
|
+
name: 'drag-handle-vertical',
|
|
1022
|
+
type: 'core',
|
|
1023
|
+
location: '@atlaskit/icon'
|
|
1024
|
+
},
|
|
969
1025
|
categorization: 'single-purpose',
|
|
970
|
-
usage: 'Single purpose - Reserved for draggable elements.',
|
|
1026
|
+
usage: 'Single purpose - Reserved for draggable elements, like rows.',
|
|
1027
|
+
team: 'Design System Team'
|
|
1028
|
+
},
|
|
1029
|
+
'drag-handle-horizontal': {
|
|
1030
|
+
keywords: ['drag-handle-horizontal', 'draghandlehorizontal', 'icon', 'core', 'drag handler', 'drag dots', 'reorder', 'move'],
|
|
1031
|
+
componentName: 'DragHandleHorizontalIcon',
|
|
1032
|
+
package: '@atlaskit/icon/core/drag-handle-horizontal',
|
|
1033
|
+
type: 'core',
|
|
1034
|
+
categorization: 'single-purpose',
|
|
1035
|
+
usage: 'Single purpose - Reserved for draggle elements, like columns.',
|
|
1036
|
+
team: 'Design System Team'
|
|
1037
|
+
},
|
|
1038
|
+
'drag-handle-vertical': {
|
|
1039
|
+
keywords: ['drag-handle-vertical', 'draghandlevertical', 'icon', 'core', 'drag handler', 'drag dots', 'reorder', 'move'],
|
|
1040
|
+
componentName: 'DragHandleVerticalIcon',
|
|
1041
|
+
package: '@atlaskit/icon/core/drag-handle-vertical',
|
|
1042
|
+
oldName: ['drag-handler'],
|
|
1043
|
+
type: 'core',
|
|
1044
|
+
categorization: 'single-purpose',
|
|
1045
|
+
usage: 'Single purpose - Reserved for draggable elements, like rows.',
|
|
971
1046
|
team: 'Design System Team'
|
|
972
1047
|
},
|
|
973
1048
|
edit: {
|
|
@@ -2308,13 +2383,13 @@ var metadata = {
|
|
|
2308
2383
|
team: 'Design System Team'
|
|
2309
2384
|
},
|
|
2310
2385
|
refresh: {
|
|
2311
|
-
keywords: ['refresh', 'cycle', 'icon', 'core', '
|
|
2386
|
+
keywords: ['refresh', 'cycle', 'icon', 'core', 'refresh', 'reload', 'update', 'circular arrows'],
|
|
2312
2387
|
componentName: 'RefreshIcon',
|
|
2313
2388
|
package: '@atlaskit/icon/core/refresh',
|
|
2314
2389
|
oldName: ['refresh'],
|
|
2315
2390
|
type: 'core',
|
|
2316
2391
|
categorization: 'single-purpose',
|
|
2317
|
-
usage: '
|
|
2392
|
+
usage: 'Reserved for reloading content.',
|
|
2318
2393
|
team: 'Design System Team'
|
|
2319
2394
|
},
|
|
2320
2395
|
release: {
|
|
@@ -2719,6 +2794,7 @@ var metadata = {
|
|
|
2719
2794
|
keywords: ['stroke-weight-small', 'strokeweightsmall', 'icon', 'core', 'border', 'weight', 'thickness', 'stroke', 'confluence', 'editor', 'whiteboards', 'thin'],
|
|
2720
2795
|
componentName: 'StrokeWeightSmallIcon',
|
|
2721
2796
|
package: '@atlaskit/icon/core/stroke-weight-small',
|
|
2797
|
+
oldName: ['media-services/line'],
|
|
2722
2798
|
type: 'core',
|
|
2723
2799
|
categorization: 'single-purpose',
|
|
2724
2800
|
usage: 'Reserved for representing thin border stroke widths.',
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* To change the format of this file, modify `createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
|
|
5
5
|
*
|
|
6
|
-
* @codegen <<SignedSource::
|
|
6
|
+
* @codegen <<SignedSource::34c18c6b3305be3ce8bfc2ad0683cdaa>>
|
|
7
7
|
* @codegenCommand yarn build:icon-glyphs
|
|
8
8
|
*/
|
|
9
9
|
|
|
@@ -164,8 +164,32 @@ var metadata = {
|
|
|
164
164
|
package: '@atlaskit/icon/utility/drag-handle',
|
|
165
165
|
oldName: ['drag-handler'],
|
|
166
166
|
type: 'utility',
|
|
167
|
+
replacement: {
|
|
168
|
+
name: 'drag-handle-vertical',
|
|
169
|
+
type: 'utility',
|
|
170
|
+
location: '@atlaskit/icon'
|
|
171
|
+
},
|
|
167
172
|
categorization: 'utility',
|
|
168
|
-
usage: 'Reserved for draggable elements.',
|
|
173
|
+
usage: 'Reserved for draggable elements, like rows.',
|
|
174
|
+
team: 'Design System Team'
|
|
175
|
+
},
|
|
176
|
+
'drag-handle-horizontal': {
|
|
177
|
+
keywords: ['drag-handle-horizontal', 'draghandlehorizontal', 'icon', 'utility', 'drag handler', 'drag dots', 'reorder', 'move'],
|
|
178
|
+
componentName: 'DragHandleHorizontalIcon',
|
|
179
|
+
package: '@atlaskit/icon/utility/drag-handle-horizontal',
|
|
180
|
+
type: 'utility',
|
|
181
|
+
categorization: 'utility',
|
|
182
|
+
usage: 'Reserved for draggable elements, like columns.',
|
|
183
|
+
team: 'Design System Team'
|
|
184
|
+
},
|
|
185
|
+
'drag-handle-vertical': {
|
|
186
|
+
keywords: ['drag-handle-vertical', 'draghandlevertical', 'icon', 'utility', 'drag handler', 'drag dots', 'reorder', 'move'],
|
|
187
|
+
componentName: 'DragHandleVerticalIcon',
|
|
188
|
+
package: '@atlaskit/icon/utility/drag-handle-vertical',
|
|
189
|
+
oldName: ['drag-handler'],
|
|
190
|
+
type: 'utility',
|
|
191
|
+
categorization: 'utility',
|
|
192
|
+
usage: 'Reserved for draggable elements, like rows.',
|
|
169
193
|
team: 'Design System Team'
|
|
170
194
|
},
|
|
171
195
|
error: {
|
|
@@ -84,10 +84,15 @@ var migrationMap = {
|
|
|
84
84
|
},
|
|
85
85
|
'editor/align-center': {
|
|
86
86
|
newIcon: {
|
|
87
|
-
name: 'align-center',
|
|
87
|
+
name: 'align-text-center',
|
|
88
88
|
type: 'core',
|
|
89
89
|
package: '@atlaskit/icon'
|
|
90
90
|
},
|
|
91
|
+
additionalIcons: [{
|
|
92
|
+
name: 'align-center',
|
|
93
|
+
type: 'core',
|
|
94
|
+
package: '@atlaskit/icon'
|
|
95
|
+
}],
|
|
91
96
|
sizeGuidance: {
|
|
92
97
|
small: 'swap',
|
|
93
98
|
medium: 'swap',
|
|
@@ -97,10 +102,15 @@ var migrationMap = {
|
|
|
97
102
|
},
|
|
98
103
|
'editor/align-left': {
|
|
99
104
|
newIcon: {
|
|
100
|
-
name: 'align-left',
|
|
105
|
+
name: 'align-text-left',
|
|
101
106
|
type: 'core',
|
|
102
107
|
package: '@atlaskit/icon'
|
|
103
108
|
},
|
|
109
|
+
additionalIcons: [{
|
|
110
|
+
name: 'align-left',
|
|
111
|
+
type: 'core',
|
|
112
|
+
package: '@atlaskit/icon'
|
|
113
|
+
}],
|
|
104
114
|
sizeGuidance: {
|
|
105
115
|
small: 'swap',
|
|
106
116
|
medium: 'swap',
|
|
@@ -110,10 +120,15 @@ var migrationMap = {
|
|
|
110
120
|
},
|
|
111
121
|
'editor/align-right': {
|
|
112
122
|
newIcon: {
|
|
113
|
-
name: 'align-right',
|
|
123
|
+
name: 'align-text-right',
|
|
114
124
|
type: 'core',
|
|
115
125
|
package: '@atlaskit/icon'
|
|
116
126
|
},
|
|
127
|
+
additionalIcons: [{
|
|
128
|
+
name: 'align-right',
|
|
129
|
+
type: 'core',
|
|
130
|
+
package: '@atlaskit/icon'
|
|
131
|
+
}],
|
|
117
132
|
sizeGuidance: {
|
|
118
133
|
small: 'swap',
|
|
119
134
|
medium: 'swap',
|
|
@@ -1127,10 +1142,15 @@ var migrationMap = {
|
|
|
1127
1142
|
},
|
|
1128
1143
|
'drag-handler': {
|
|
1129
1144
|
newIcon: {
|
|
1130
|
-
name: 'drag-handle',
|
|
1145
|
+
name: 'drag-handle-vertical',
|
|
1131
1146
|
type: 'core',
|
|
1132
1147
|
package: '@atlaskit/icon'
|
|
1133
1148
|
},
|
|
1149
|
+
additionalIcons: [{
|
|
1150
|
+
name: 'drag-handle',
|
|
1151
|
+
type: 'core',
|
|
1152
|
+
package: '@atlaskit/icon'
|
|
1153
|
+
}],
|
|
1134
1154
|
sizeGuidance: {
|
|
1135
1155
|
small: 'swap',
|
|
1136
1156
|
medium: 'swap',
|
|
@@ -1203,10 +1223,15 @@ var migrationMap = {
|
|
|
1203
1223
|
},
|
|
1204
1224
|
'editor/align-image-center': {
|
|
1205
1225
|
newIcon: {
|
|
1206
|
-
name: '
|
|
1226
|
+
name: 'align-image-center',
|
|
1207
1227
|
type: 'core',
|
|
1208
1228
|
package: '@atlaskit/icon'
|
|
1209
1229
|
},
|
|
1230
|
+
additionalIcons: [{
|
|
1231
|
+
name: 'content-align-center',
|
|
1232
|
+
type: 'core',
|
|
1233
|
+
package: '@atlaskit/icon'
|
|
1234
|
+
}],
|
|
1210
1235
|
sizeGuidance: {
|
|
1211
1236
|
small: 'swap-slight-visual-change',
|
|
1212
1237
|
medium: 'swap-slight-visual-change',
|
|
@@ -1216,10 +1241,15 @@ var migrationMap = {
|
|
|
1216
1241
|
},
|
|
1217
1242
|
'editor/align-image-left': {
|
|
1218
1243
|
newIcon: {
|
|
1219
|
-
name: '
|
|
1244
|
+
name: 'align-image-left',
|
|
1220
1245
|
type: 'core',
|
|
1221
1246
|
package: '@atlaskit/icon'
|
|
1222
1247
|
},
|
|
1248
|
+
additionalIcons: [{
|
|
1249
|
+
name: 'content-align-left',
|
|
1250
|
+
type: 'core',
|
|
1251
|
+
package: '@atlaskit/icon'
|
|
1252
|
+
}],
|
|
1223
1253
|
sizeGuidance: {
|
|
1224
1254
|
small: 'swap-slight-visual-change',
|
|
1225
1255
|
medium: 'swap-slight-visual-change',
|
|
@@ -1229,10 +1259,15 @@ var migrationMap = {
|
|
|
1229
1259
|
},
|
|
1230
1260
|
'editor/align-image-right': {
|
|
1231
1261
|
newIcon: {
|
|
1232
|
-
name: '
|
|
1262
|
+
name: 'align-image-right',
|
|
1233
1263
|
type: 'core',
|
|
1234
1264
|
package: '@atlaskit/icon'
|
|
1235
1265
|
},
|
|
1266
|
+
additionalIcons: [{
|
|
1267
|
+
name: 'content-align-right',
|
|
1268
|
+
type: 'core',
|
|
1269
|
+
package: '@atlaskit/icon'
|
|
1270
|
+
}],
|
|
1236
1271
|
sizeGuidance: {
|
|
1237
1272
|
small: 'swap-slight-visual-change',
|
|
1238
1273
|
medium: 'swap-slight-visual-change',
|
|
@@ -2984,10 +3019,15 @@ var migrationMap = {
|
|
|
2984
3019
|
},
|
|
2985
3020
|
'media-services/line': {
|
|
2986
3021
|
newIcon: {
|
|
2987
|
-
name: '
|
|
3022
|
+
name: 'stroke-weight-small',
|
|
2988
3023
|
type: 'core',
|
|
2989
3024
|
package: '@atlaskit/icon'
|
|
2990
3025
|
},
|
|
3026
|
+
additionalIcons: [{
|
|
3027
|
+
name: 'border-weight-thin',
|
|
3028
|
+
type: 'core',
|
|
3029
|
+
package: '@atlaskit/icon'
|
|
3030
|
+
}],
|
|
2991
3031
|
sizeGuidance: {
|
|
2992
3032
|
small: 'swap-slight-visual-change',
|
|
2993
3033
|
medium: 'swap-slight-visual-change',
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* To change the format of this file, modify `createDeprecatedIconDocs` in icon-build-process/src/create-deprecated-icon-docs.tsx.
|
|
5
5
|
*
|
|
6
|
-
* @codegen <<SignedSource::
|
|
6
|
+
* @codegen <<SignedSource::55fb779a9011f99fef900f3ab2221b1c>>
|
|
7
7
|
* @codegenCommand yarn build:icon-glyphs
|
|
8
8
|
*/
|
|
9
9
|
declare const deprecatedIcons: Record<string, {
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* To change the format of this file, modify `createDeprecatedIconDocs` in icon-build-process/src/create-deprecated-icon-docs.tsx.
|
|
5
5
|
*
|
|
6
|
-
* @codegen <<SignedSource::
|
|
6
|
+
* @codegen <<SignedSource::8236f283e88f1b5269e1bb00e04aff39>>
|
|
7
7
|
* @codegenCommand yarn build:icon-glyphs
|
|
8
8
|
*/
|
|
9
9
|
declare const deprecatedIcons: Record<string, {
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* To change the format of this file, modify `createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
|
|
5
5
|
*
|
|
6
|
-
* @codegen <<SignedSource::
|
|
6
|
+
* @codegen <<SignedSource::a79b61e7d7891e9865d33932dc25db57>>
|
|
7
7
|
* @codegenCommand yarn build:icon-glyphs
|
|
8
8
|
*/
|
|
9
9
|
interface metadata {
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* To change the format of this file, modify `createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
|
|
5
5
|
*
|
|
6
|
-
* @codegen <<SignedSource::
|
|
6
|
+
* @codegen <<SignedSource::34c18c6b3305be3ce8bfc2ad0683cdaa>>
|
|
7
7
|
* @codegenCommand yarn build:icon-glyphs
|
|
8
8
|
*/
|
|
9
9
|
interface metadata {
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* To change the format of this file, modify `createDeprecatedIconDocs` in icon-build-process/src/create-deprecated-icon-docs.tsx.
|
|
5
5
|
*
|
|
6
|
-
* @codegen <<SignedSource::
|
|
6
|
+
* @codegen <<SignedSource::55fb779a9011f99fef900f3ab2221b1c>>
|
|
7
7
|
* @codegenCommand yarn build:icon-glyphs
|
|
8
8
|
*/
|
|
9
9
|
declare const deprecatedIcons: Record<string, {
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* To change the format of this file, modify `createDeprecatedIconDocs` in icon-build-process/src/create-deprecated-icon-docs.tsx.
|
|
5
5
|
*
|
|
6
|
-
* @codegen <<SignedSource::
|
|
6
|
+
* @codegen <<SignedSource::8236f283e88f1b5269e1bb00e04aff39>>
|
|
7
7
|
* @codegenCommand yarn build:icon-glyphs
|
|
8
8
|
*/
|
|
9
9
|
declare const deprecatedIcons: Record<string, {
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* To change the format of this file, modify `createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
|
|
5
5
|
*
|
|
6
|
-
* @codegen <<SignedSource::
|
|
6
|
+
* @codegen <<SignedSource::a79b61e7d7891e9865d33932dc25db57>>
|
|
7
7
|
* @codegenCommand yarn build:icon-glyphs
|
|
8
8
|
*/
|
|
9
9
|
interface metadata {
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* To change the format of this file, modify `createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
|
|
5
5
|
*
|
|
6
|
-
* @codegen <<SignedSource::
|
|
6
|
+
* @codegen <<SignedSource::34c18c6b3305be3ce8bfc2ad0683cdaa>>
|
|
7
7
|
* @codegenCommand yarn build:icon-glyphs
|
|
8
8
|
*/
|
|
9
9
|
interface metadata {
|
package/glyph/drag-handler.js
CHANGED
|
@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _base = require("@atlaskit/icon/base");
|
|
9
|
-
var
|
|
9
|
+
var _dragHandleVertical = _interopRequireDefault(require("@atlaskit/icon/core/drag-handle-vertical"));
|
|
10
10
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
11
|
const DragHandlerIcon = props => /*#__PURE__*/_react.default.createElement(_base.IconFacade, Object.assign({
|
|
12
12
|
dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><g fill="currentcolor" fill-rule="evenodd"><circle cx="10" cy="8" r="1"/><circle cx="14" cy="8" r="1"/><circle cx="10" cy="16" r="1"/><circle cx="14" cy="16" r="1"/><circle cx="10" cy="12" r="1"/><circle cx="14" cy="12" r="1"/></g></svg>`
|
|
13
13
|
}, props, {
|
|
14
|
-
newIcon:
|
|
14
|
+
newIcon: _dragHandleVertical.default
|
|
15
15
|
}));
|
|
16
16
|
DragHandlerIcon.displayName = 'DragHandlerIcon';
|
|
17
17
|
var _default = exports.default = DragHandlerIcon;
|
|
@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _base = require("@atlaskit/icon/base");
|
|
9
|
-
var
|
|
9
|
+
var _alignTextCenter = _interopRequireDefault(require("@atlaskit/icon/core/align-text-center"));
|
|
10
10
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
11
|
const EditorAlignCenterIcon = props => /*#__PURE__*/_react.default.createElement(_base.IconFacade, Object.assign({
|
|
12
12
|
dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><path fill="currentcolor" fill-rule="evenodd" d="M7 11h10a1 1 0 0 1 0 2H7a1 1 0 0 1 0-2m2.5 4h5a1 1 0 0 1 0 2h-5a1 1 0 0 1 0-2m0-8h5a1 1 0 0 1 0 2h-5a1 1 0 1 1 0-2"/></svg>`
|
|
13
13
|
}, props, {
|
|
14
|
-
newIcon:
|
|
14
|
+
newIcon: _alignTextCenter.default
|
|
15
15
|
}));
|
|
16
16
|
EditorAlignCenterIcon.displayName = 'EditorAlignCenterIcon';
|
|
17
17
|
var _default = exports.default = EditorAlignCenterIcon;
|
|
@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _base = require("@atlaskit/icon/base");
|
|
9
|
-
var
|
|
9
|
+
var _alignImageCenter = _interopRequireDefault(require("@atlaskit/icon/core/align-image-center"));
|
|
10
10
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
11
|
const EditorAlignImageCenterIcon = props => /*#__PURE__*/_react.default.createElement(_base.IconFacade, Object.assign({
|
|
12
12
|
dangerouslySetGlyph: `<svg width="24" height="24" role="presentation"><path fill="currentcolor" fill-rule="evenodd" d="M6 17h12a1 1 0 0 1 0 2H6a1 1 0 0 1 0-2m4-8h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1M6 5h12a1 1 0 0 1 0 2H6a1 1 0 1 1 0-2"/></svg>`
|
|
13
13
|
}, props, {
|
|
14
|
-
newIcon:
|
|
14
|
+
newIcon: _alignImageCenter.default
|
|
15
15
|
}));
|
|
16
16
|
EditorAlignImageCenterIcon.displayName = 'EditorAlignImageCenterIcon';
|
|
17
17
|
var _default = exports.default = EditorAlignImageCenterIcon;
|
|
@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _base = require("@atlaskit/icon/base");
|
|
9
|
-
var
|
|
9
|
+
var _alignImageLeft = _interopRequireDefault(require("@atlaskit/icon/core/align-image-left"));
|
|
10
10
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
11
|
const EditorAlignImageLeftIcon = props => /*#__PURE__*/_react.default.createElement(_base.IconFacade, Object.assign({
|
|
12
12
|
dangerouslySetGlyph: `<svg width="24" height="24" role="presentation"><path fill="currentcolor" fill-rule="evenodd" d="M6 17h12a1 1 0 0 1 0 2H6a1 1 0 0 1 0-2m0-8h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1m0-4h12a1 1 0 0 1 0 2H6a1 1 0 1 1 0-2"/></svg>`
|
|
13
13
|
}, props, {
|
|
14
|
-
newIcon:
|
|
14
|
+
newIcon: _alignImageLeft.default
|
|
15
15
|
}));
|
|
16
16
|
EditorAlignImageLeftIcon.displayName = 'EditorAlignImageLeftIcon';
|
|
17
17
|
var _default = exports.default = EditorAlignImageLeftIcon;
|
|
@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _base = require("@atlaskit/icon/base");
|
|
9
|
-
var
|
|
9
|
+
var _alignImageRight = _interopRequireDefault(require("@atlaskit/icon/core/align-image-right"));
|
|
10
10
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
11
|
const EditorAlignImageRightIcon = props => /*#__PURE__*/_react.default.createElement(_base.IconFacade, Object.assign({
|
|
12
12
|
dangerouslySetGlyph: `<svg width="24" height="24" role="presentation"><path fill="currentcolor" fill-rule="evenodd" d="M6 17h12a1 1 0 0 1 0 2H6a1 1 0 0 1 0-2m8-8h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1M6 5h12a1 1 0 0 1 0 2H6a1 1 0 1 1 0-2"/></svg>`
|
|
13
13
|
}, props, {
|
|
14
|
-
newIcon:
|
|
14
|
+
newIcon: _alignImageRight.default
|
|
15
15
|
}));
|
|
16
16
|
EditorAlignImageRightIcon.displayName = 'EditorAlignImageRightIcon';
|
|
17
17
|
var _default = exports.default = EditorAlignImageRightIcon;
|
|
@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _base = require("@atlaskit/icon/base");
|
|
9
|
-
var
|
|
9
|
+
var _alignTextLeft = _interopRequireDefault(require("@atlaskit/icon/core/align-text-left"));
|
|
10
10
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
11
|
const EditorAlignLeftIcon = props => /*#__PURE__*/_react.default.createElement(_base.IconFacade, Object.assign({
|
|
12
12
|
dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><path fill="currentcolor" fill-rule="evenodd" d="M7 7h10a1 1 0 0 1 0 2H7a1 1 0 1 1 0-2m0 4h10a1 1 0 0 1 0 2H7a1 1 0 0 1 0-2m0 4h5a1 1 0 0 1 0 2H7a1 1 0 0 1 0-2"/></svg>`
|
|
13
13
|
}, props, {
|
|
14
|
-
newIcon:
|
|
14
|
+
newIcon: _alignTextLeft.default
|
|
15
15
|
}));
|
|
16
16
|
EditorAlignLeftIcon.displayName = 'EditorAlignLeftIcon';
|
|
17
17
|
var _default = exports.default = EditorAlignLeftIcon;
|
|
@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _base = require("@atlaskit/icon/base");
|
|
9
|
-
var
|
|
9
|
+
var _alignTextRight = _interopRequireDefault(require("@atlaskit/icon/core/align-text-right"));
|
|
10
10
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
11
|
const EditorAlignRightIcon = props => /*#__PURE__*/_react.default.createElement(_base.IconFacade, Object.assign({
|
|
12
12
|
dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><path fill="currentcolor" fill-rule="evenodd" d="M7 11h10a1 1 0 0 1 0 2H7a1 1 0 0 1 0-2m5 4h5a1 1 0 0 1 0 2h-5a1 1 0 0 1 0-2M7 7h10a1 1 0 0 1 0 2H7a1 1 0 1 1 0-2"/></svg>`
|
|
13
13
|
}, props, {
|
|
14
|
-
newIcon:
|
|
14
|
+
newIcon: _alignTextRight.default
|
|
15
15
|
}));
|
|
16
16
|
EditorAlignRightIcon.displayName = 'EditorAlignRightIcon';
|
|
17
17
|
var _default = exports.default = EditorAlignRightIcon;
|
|
@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _base = require("@atlaskit/icon/base");
|
|
9
|
-
var
|
|
9
|
+
var _strokeWeightSmall = _interopRequireDefault(require("@atlaskit/icon/core/stroke-weight-small"));
|
|
10
10
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
11
|
const MediaServicesLineIcon = props => /*#__PURE__*/_react.default.createElement(_base.IconFacade, Object.assign({
|
|
12
12
|
dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><path fill="currentcolor" d="M4.36 17.904 17.904 4.36a1.228 1.228 0 1 1 1.736 1.736L6.096 19.64a1.228 1.228 0 1 1-1.736-1.736"/></svg>`
|
|
13
13
|
}, props, {
|
|
14
|
-
newIcon:
|
|
14
|
+
newIcon: _strokeWeightSmall.default
|
|
15
15
|
}));
|
|
16
16
|
MediaServicesLineIcon.displayName = 'MediaServicesLineIcon';
|
|
17
17
|
var _default = exports.default = MediaServicesLineIcon;
|
package/package.json
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentcolor" d="M13.25 7a1.75 1.75 0 1 1 0-3.5 1.75 1.75 0 0 1 0 3.5m0 5.5a1.75 1.75 0 1 1 0-3.5 1.75 1.75 0 0 1 0 3.5M8 7a1.75 1.75 0 1 1 0-3.5A1.75 1.75 0 0 1 8 7m0 5.5A1.75 1.75 0 1 1 8 9a1.75 1.75 0 0 1 0 3.5M2.75 7a1.75 1.75 0 1 1 0-3.5 1.75 1.75 0 0 1 0 3.5m0 5.5a1.75 1.75 0 1 1 0-3.5 1.75 1.75 0 0 1 0 3.5"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentcolor" d="M7 2.75a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0m5.5 0a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0M7 8a1.75 1.75 0 1 1-3.5 0A1.75 1.75 0 0 1 7 8m5.5 0A1.75 1.75 0 1 1 9 8a1.75 1.75 0 0 1 3.5 0M7 13.25a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0m5.5 0a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0"/></svg>
|
package/svgs/core/refresh.svg
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="
|
|
1
|
+
<svg width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M8.5 1.75c2 0 5.75 2.125 5.75 6.25s-4.24 6.24-4.24 6.24m-2.51.01c-2 0-5.75-2.125-5.75-6.25s4.26-6.26 4.26-6.26m.24 3.76V1.25H2m7.75 9.23v4.25H14"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg width="12" height="12" fill="none" viewBox="0 0 12 12"><path fill="currentcolor" d="M9.75 5a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5m0 4.5a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5M6 5a1.25 1.25 0 1 1 0-2.5A1.25 1.25 0 0 1 6 5m0 4.5A1.25 1.25 0 1 1 6 7a1.25 1.25 0 0 1 0 2.5M2.25 5a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5m0 4.5a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg width="12" height="12" fill="none" viewBox="0 0 12 12"><path fill="currentcolor" d="M5 2.25a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0m4.5 0a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0M5 6a1.25 1.25 0 1 1-2.5 0A1.25 1.25 0 0 1 5 6m4.5 0A1.25 1.25 0 1 1 7 6a1.25 1.25 0 0 1 2.5 0M5 9.75a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0m4.5 0a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0"/></svg>
|