feat(icons): added margin-bottom, margin-horizontal, margin-left and 11 more icons (#3525)
* feat(icons): add padding-{horizontal,vertical,top,right,bottom,left}
* chore(icons): update padding icons SVGs
* Update icons/padding-bottom.json
Added bot tag suggestions
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
* Update icons/padding-horizontal.json
Added bot tag suggestions
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
* Update icons/padding-left.json
Added bot tag suggestions
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
* Update icons/padding-right.json
Added bot tag suggestions
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
* Update icons/padding-top.json
Added bot tag suggestions
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
* Update icons/padding-vertical.json
Added bot tag suggestions
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
* chore(icons): update padding icons json files
* chore(icons) - fixed baseline for all icons
* updated to line-inside-box style
* renamed some icons for clarity
* feat(icons): add margin icon set
* fix(icons/margin): rework metadata on margin icons
Also renamed block and inline margin icons to vertical/horizontal
* fix(icons/margin): rework metadata on padding icons
Also renamed block and inline padding icons to vertical/horizontal
* fix(icons/margin): add style & gap tags to margin/padding icons
Also reformats margin icons missing EOF newline
---------
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Karsa <contact@karsa.org>
@@ -9,6 +9,10 @@
|
||||
"bottom edge",
|
||||
"lower edge",
|
||||
"lower",
|
||||
"below"
|
||||
"below",
|
||||
"vertical",
|
||||
"block",
|
||||
"y",
|
||||
"y-axis"
|
||||
]
|
||||
}
|
||||
|
||||
@@ -7,6 +7,10 @@
|
||||
"left",
|
||||
"left edge",
|
||||
"leftmost",
|
||||
"left side"
|
||||
"left side",
|
||||
"horizontal",
|
||||
"inline",
|
||||
"x",
|
||||
"x-axis"
|
||||
]
|
||||
}
|
||||
|
||||
@@ -7,6 +7,10 @@
|
||||
"right",
|
||||
"right edge",
|
||||
"rightmost",
|
||||
"right side"
|
||||
"right side",
|
||||
"horizontal",
|
||||
"inline",
|
||||
"x",
|
||||
"x-axis"
|
||||
]
|
||||
}
|
||||
|
||||
@@ -9,6 +9,10 @@
|
||||
"top edge",
|
||||
"upper edge",
|
||||
"upper",
|
||||
"above"
|
||||
"above",
|
||||
"vertical",
|
||||
"block",
|
||||
"y",
|
||||
"y-axis"
|
||||
]
|
||||
}
|
||||
|
||||
@@ -12,7 +12,6 @@
|
||||
"slot",
|
||||
"squeeze",
|
||||
"space",
|
||||
"vertical",
|
||||
"grid",
|
||||
"table",
|
||||
"columns",
|
||||
|
||||
@@ -12,7 +12,6 @@
|
||||
"slot",
|
||||
"squeeze",
|
||||
"space",
|
||||
"vertical",
|
||||
"grid",
|
||||
"table",
|
||||
"columns",
|
||||
|
||||
@@ -8,7 +8,6 @@
|
||||
"$group:position-top",
|
||||
"window",
|
||||
"webpage",
|
||||
"block",
|
||||
"section",
|
||||
"grid",
|
||||
"template",
|
||||
|
||||
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"$schema": "../icon.schema.json",
|
||||
"contributors": [
|
||||
"$extends:margin"
|
||||
],
|
||||
"use-cases": [
|
||||
"Adjusting space below an element in layout editors",
|
||||
"Setting the bottom page margin in document editors"
|
||||
],
|
||||
"tags": [
|
||||
"$extends:margin",
|
||||
"$group:position-bottom"
|
||||
],
|
||||
"categories": [
|
||||
"$extends:margin"
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,14 @@
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="2"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
>
|
||||
<rect x="9" y="9" width="6" height="6" rx="1" />
|
||||
<path d="M3 21h18" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 283 B |
@@ -0,0 +1,18 @@
|
||||
{
|
||||
"$schema": "../icon.schema.json",
|
||||
"contributors": [
|
||||
"$extends:margin"
|
||||
],
|
||||
"use-cases": [
|
||||
"Adjusting left and right outer spacing in layout editors",
|
||||
"Setting left and right page margins in document editors"
|
||||
],
|
||||
"tags": [
|
||||
"$extends:margin",
|
||||
"$group:position-left",
|
||||
"$group:position-right"
|
||||
],
|
||||
"categories": [
|
||||
"$extends:margin"
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,15 @@
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="2"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
>
|
||||
<rect x="9" y="9" width="6" height="6" rx="1" />
|
||||
<path d="M21 3v18" />
|
||||
<path d="M3 3v18" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 306 B |
@@ -0,0 +1,18 @@
|
||||
{
|
||||
"$schema": "../icon.schema.json",
|
||||
"contributors": [
|
||||
"$extends:margin"
|
||||
],
|
||||
"use-cases": [
|
||||
"Adjusting space to the left of an element in layout editors",
|
||||
"Setting the left page margin in document editors"
|
||||
],
|
||||
"tags": [
|
||||
"$extends:margin",
|
||||
"$group:position-left",
|
||||
"indent"
|
||||
],
|
||||
"categories": [
|
||||
"$extends:margin"
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,14 @@
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="2"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
>
|
||||
<rect x="9" y="9" width="6" height="6" rx="1" />
|
||||
<path d="M3 3v18" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 282 B |
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"$schema": "../icon.schema.json",
|
||||
"contributors": [
|
||||
"$extends:margin"
|
||||
],
|
||||
"use-cases": [
|
||||
"Adjusting space to the right of an element in layout editors",
|
||||
"Setting the right page margin in document editors"
|
||||
],
|
||||
"tags": [
|
||||
"$extends:margin",
|
||||
"$group:position-right"
|
||||
],
|
||||
"categories": [
|
||||
"$extends:margin"
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,14 @@
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="2"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
>
|
||||
<rect x="9" y="9" width="6" height="6" rx="1" />
|
||||
<path d="M21 3v18" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 283 B |
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"$schema": "../icon.schema.json",
|
||||
"contributors": [
|
||||
"$extends:margin"
|
||||
],
|
||||
"use-cases": [
|
||||
"Adjusting space above an element in layout editors",
|
||||
"Setting the top page margin in document editors"
|
||||
],
|
||||
"tags": [
|
||||
"$extends:margin",
|
||||
"$group:position-top"
|
||||
],
|
||||
"categories": [
|
||||
"$extends:margin"
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,14 @@
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="2"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
>
|
||||
<rect x="9" y="9" width="6" height="6" rx="1" />
|
||||
<path d="M3 3h18" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 282 B |
@@ -0,0 +1,18 @@
|
||||
{
|
||||
"$schema": "../icon.schema.json",
|
||||
"contributors": [
|
||||
"$extends:margin"
|
||||
],
|
||||
"use-cases": [
|
||||
"Adjusting outer spacing above and below elements in layout editors",
|
||||
"Setting top and bottom page margins in document editors"
|
||||
],
|
||||
"tags": [
|
||||
"$extends:margin",
|
||||
"$group:position-top",
|
||||
"$group:position-bottom"
|
||||
],
|
||||
"categories": [
|
||||
"$extends:margin"
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,15 @@
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="2"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
>
|
||||
<rect x="9" y="9" width="6" height="6" rx="1" />
|
||||
<path d="M3 21h18" />
|
||||
<path d="M3 3h18" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 306 B |
@@ -0,0 +1,32 @@
|
||||
{
|
||||
"$schema": "../icon.schema.json",
|
||||
"contributors": [
|
||||
"irvineacosta"
|
||||
],
|
||||
"use-cases": [
|
||||
"Adjusting outer spacing on all sides in layout editors",
|
||||
"Setting page margins on all sides in document editors"
|
||||
],
|
||||
"tags": [
|
||||
"margin",
|
||||
"design",
|
||||
"style",
|
||||
"padding",
|
||||
"spacing",
|
||||
"gap",
|
||||
"outer spacing",
|
||||
"box model",
|
||||
"whitespace",
|
||||
"space",
|
||||
"offset",
|
||||
"alignment",
|
||||
"position",
|
||||
"layout",
|
||||
"css",
|
||||
"ui"
|
||||
],
|
||||
"categories": [
|
||||
"layout",
|
||||
"design"
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,17 @@
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="2"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
>
|
||||
<rect x="9" y="9" width="6" height="6" rx="1" />
|
||||
<path d="M21 6v12" />
|
||||
<path d="M3 6v12" />
|
||||
<path d="M6 21h12" />
|
||||
<path d="M6 3h12" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 353 B |
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"$schema": "../icon.schema.json",
|
||||
"contributors": [
|
||||
"$extends:square-padding"
|
||||
],
|
||||
"use-cases": [
|
||||
"Adjusting inner spacing below content in layout editors",
|
||||
"Setting bottom cell padding in table editors"
|
||||
],
|
||||
"tags": [
|
||||
"$extends:square-padding",
|
||||
"$group:position-bottom"
|
||||
],
|
||||
"categories": [
|
||||
"$extends:square-padding"
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,14 @@
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="2"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
>
|
||||
<rect x="3" y="3" width="18" height="18" rx="2" />
|
||||
<path d="M8 17h8" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 284 B |
@@ -0,0 +1,18 @@
|
||||
{
|
||||
"$schema": "../icon.schema.json",
|
||||
"contributors": [
|
||||
"$extends:square-padding"
|
||||
],
|
||||
"use-cases": [
|
||||
"Adjusting left and right inner spacing in layout editors",
|
||||
"Setting left and right cell padding in table editors"
|
||||
],
|
||||
"tags": [
|
||||
"$extends:square-padding",
|
||||
"$group:position-left",
|
||||
"$group:position-right"
|
||||
],
|
||||
"categories": [
|
||||
"$extends:square-padding"
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,15 @@
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="2"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
>
|
||||
<rect x="3" y="3" width="18" height="18" rx="2" />
|
||||
<path d="M17 16V8" />
|
||||
<path d="M7 16V8" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 308 B |
@@ -0,0 +1,18 @@
|
||||
{
|
||||
"$schema": "../icon.schema.json",
|
||||
"contributors": [
|
||||
"$extends:square-padding"
|
||||
],
|
||||
"use-cases": [
|
||||
"Adjusting inner spacing left of content in layout editors",
|
||||
"Setting left cell padding in table editors"
|
||||
],
|
||||
"tags": [
|
||||
"$extends:square-padding",
|
||||
"$group:position-left",
|
||||
"indent"
|
||||
],
|
||||
"categories": [
|
||||
"$extends:square-padding"
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,14 @@
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="2"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
>
|
||||
<rect x="3" y="3" width="18" height="18" rx="2" />
|
||||
<path d="M7 16V8" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 284 B |
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"$schema": "../icon.schema.json",
|
||||
"contributors": [
|
||||
"$extends:square-padding"
|
||||
],
|
||||
"use-cases": [
|
||||
"Adjusting inner spacing right of content in layout editors",
|
||||
"Setting right cell padding in table editors"
|
||||
],
|
||||
"tags": [
|
||||
"$extends:square-padding",
|
||||
"$group:position-right"
|
||||
],
|
||||
"categories": [
|
||||
"$extends:square-padding"
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,14 @@
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="2"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
>
|
||||
<rect x="3" y="3" width="18" height="18" rx="2" />
|
||||
<path d="M17 16V8" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 285 B |
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"$schema": "../icon.schema.json",
|
||||
"contributors": [
|
||||
"$extends:square-padding"
|
||||
],
|
||||
"use-cases": [
|
||||
"Adjusting inner spacing above content in layout editors",
|
||||
"Setting top cell padding in table editors"
|
||||
],
|
||||
"tags": [
|
||||
"$extends:square-padding",
|
||||
"$group:position-top"
|
||||
],
|
||||
"categories": [
|
||||
"$extends:square-padding"
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,14 @@
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="2"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
>
|
||||
<rect x="3" y="3" width="18" height="18" rx="2" />
|
||||
<path d="M8 7h8" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 283 B |
@@ -0,0 +1,18 @@
|
||||
{
|
||||
"$schema": "../icon.schema.json",
|
||||
"contributors": [
|
||||
"$extends:square-padding"
|
||||
],
|
||||
"use-cases": [
|
||||
"Adjusting inner spacing above and below content in layout editors",
|
||||
"Setting top and bottom cell padding in table editors"
|
||||
],
|
||||
"tags": [
|
||||
"$extends:square-padding",
|
||||
"$group:position-top",
|
||||
"$group:position-bottom"
|
||||
],
|
||||
"categories": [
|
||||
"$extends:square-padding"
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,15 @@
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="2"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
>
|
||||
<rect x="3" y="3" width="18" height="18" rx="2" />
|
||||
<path d="M8 17h8" />
|
||||
<path d="M8 7h8" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 306 B |
@@ -0,0 +1,32 @@
|
||||
{
|
||||
"$schema": "../icon.schema.json",
|
||||
"contributors": [
|
||||
"irvineacosta"
|
||||
],
|
||||
"use-cases": [
|
||||
"Adjusting inner spacing on all sides in layout editors",
|
||||
"Setting cell padding on all sides in table editors"
|
||||
],
|
||||
"tags": [
|
||||
"padding",
|
||||
"design",
|
||||
"style",
|
||||
"margin",
|
||||
"spacing",
|
||||
"gap",
|
||||
"inner spacing",
|
||||
"box model",
|
||||
"whitespace",
|
||||
"space",
|
||||
"offset",
|
||||
"alignment",
|
||||
"position",
|
||||
"layout",
|
||||
"css",
|
||||
"ui"
|
||||
],
|
||||
"categories": [
|
||||
"layout",
|
||||
"design"
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,17 @@
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="2"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
>
|
||||
<rect x="3" y="3" width="18" height="18" rx="2" />
|
||||
<path d="M14 17h-4" />
|
||||
<path d="M14 7h-4" />
|
||||
<path d="M17 14v-4" />
|
||||
<path d="M7 14v-4" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 359 B |