Merge pull request #6022 from liferay/LPD-53589

matuzalemsteles · web-flow · commit 9f3d17f446d2 · 2025-04-28T17:36:37.000-05:00
feat(@clayui/clay-css): LPD-53589 Add documents 16px icons and generated files
diff --git a/packages/clay-css/src/images/icons/document-code.svg b/packages/clay-css/src/images/icons/document-code.svg
@@ -4,6 +4,4 @@
 *
 * SPDX-License-Identifier: BSD-3-Clause
 -->
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-	<path class="lexicon-icon-outline" d="M332.8,0H102.4C74.1,0,51.2,22.9,51.2,51.2v409.6c0,28.3,22.9,51.2,51.2,51.2h307.2c28.3,0,51.2-22.9,51.2-51.2V128L332.8,0z M148.3,366.8l72.4-72.4L148.3,222l18.1-18.1l90.5,90.5l-90.5,90.5L148.3,366.8z M358.4,384H256v-25.6h102.4V384z"></path>
-</svg>
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path class="lexicon-icon-outline" fill-rule="evenodd" clip-rule="evenodd" d="M3.5.003h6.75L14 3.753v10.75c0 .83-.67 1.5-1.5 1.5h-9a1.5 1.5 0 0 1-1.5-1.5v-13a1.5 1.5 0 0 1 1.5-1.5ZM4.845 11.25l2.121-2.122-2.121-2.12.53-.53 2.652 2.65-2.652 2.652-.53-.53Zm6.155.503H8v-.75h3v.75Z" /></svg>
diff --git a/packages/clay-css/src/images/icons/document-compressed.svg b/packages/clay-css/src/images/icons/document-compressed.svg
@@ -4,7 +4,4 @@
 *
 * SPDX-License-Identifier: BSD-3-Clause
 -->
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-	<path class="lexicon-icon-outline document-compressed-document" d="M332.8,0H102.4C74.1,0,51.2,22.9,51.2,51.2v409.6c0,28.3,22.9,51.2,51.2,51.2h307.2c28.3,0,51.2-22.9,51.2-51.2V128L332.8,0z M332.8,409.6H179.2v51.2h-25.6v-51.2h25.6v-51.2h-25.6v-51.2h25.6V256h-25.6v-51.2h25.6v-51.2h-25.6v-51.2h25.6V51.2h25.6v51.2h-25.6v51.2h25.6v51.2h-25.6V256h25.6v51.2h128V409.6z"></path>
-	<rect class="lexicon-icon-outline document-compressed-zipper-hole" x="256" y="332.8" width="51.2" height="51.2"></rect>
-</svg>
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path class="lexicon-icon-outline" fill-rule="evenodd" clip-rule="evenodd" d="M3.5.002h6.75L14 3.752v10.75c0 .83-.67 1.5-1.5 1.5h-9a1.5 1.5 0 0 1-1.5-1.5v-13a1.5 1.5 0 0 1 1.5-1.5Zm2.25 12.5h4.5v-3H6.5v-1.5h-.75v-1.5h.75v-1.5h-.75v-1.5h.75v-1.5h-.75v1.5H5v1.5h.75v1.5H5v1.5h.75v1.5H5v1.5h.75v1.5Zm0 0H5v1.5h.75v-1.5ZM8 10.252h1.5v1.5H8v-1.5Z" /></svg>
diff --git a/packages/clay-css/src/images/icons/document-default.svg b/packages/clay-css/src/images/icons/document-default.svg
@@ -4,6 +4,4 @@
 *
 * SPDX-License-Identifier: BSD-3-Clause
 -->
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-	<path class="lexicon-icon-outline" d="M332.8,0H102.4C74.1,0,51.2,22.9,51.2,51.2v409.6c0,28.3,22.9,51.2,51.2,51.2h307.2c28.3,0,51.2-22.9,51.2-51.2V128L332.8,0z"></path>
-</svg>
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path class="lexicon-icon-outline" fill-rule="evenodd" clip-rule="evenodd" d="M10.25.003H3.5a1.5 1.5 0 0 0-1.5 1.5v13c0 .83.671 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5V3.753L10.25.003Z" /></svg>
diff --git a/packages/clay-css/src/images/icons/document-image.svg b/packages/clay-css/src/images/icons/document-image.svg
@@ -4,6 +4,4 @@
 *
 * SPDX-License-Identifier: BSD-3-Clause
 -->
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-	<path class="lexicon-icon-outline" d="M332.8,0H102.4C74.1,0,51.2,22.9,51.2,51.2v409.6c0,28.3,22.9,51.2,51.2,51.2h307.2c28.3,0,51.2-22.9,51.2-51.2V128L332.8,0z M179.2,204.8c14.1,0,25.6,11.5,25.6,25.6c0,14.1-11.5,25.6-25.6,25.6c-14.1,0-25.6-11.5-25.6-25.6C153.6,216.3,165.1,204.8,179.2,204.8z M128,384l76.8-102.4l51.2,51.2l51.2-76.8L384,384H128z"></path>
-</svg>
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path class="lexicon-icon-outline" d="M10.25.003H3.5a1.5 1.5 0 0 0-1.5 1.5v13c0 .83.671 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5V3.753L10.25.003Zm-4.5 6c.413 0 .75.337.75.75s-.337.75-.75.75a.751.751 0 0 1-.75-.75c0-.413.337-.75.75-.75Zm-1.5 5.25 2.25-3 1.5 1.5 1.5-2.25 2.25 3.75h-7.5Z" /></svg>
diff --git a/packages/clay-css/src/images/icons/document-multimedia.svg b/packages/clay-css/src/images/icons/document-multimedia.svg
@@ -4,6 +4,4 @@
 *
 * SPDX-License-Identifier: BSD-3-Clause
 -->
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-	<path class="lexicon-icon-outline" d="M332.8,0H102.4C74.1,0,51.2,22.9,51.2,51.2v409.6c0,28.3,22.9,51.2,51.2,51.2h307.2c28.3,0,51.2-22.9,51.2-51.2V128L332.8,0z M192,395.5V193.3l152.3,101.1L192,395.5z"></path>
-</svg>
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path class="lexicon-icon-outline" d="M10.25.003H3.5a1.5 1.5 0 0 0-1.5 1.5v13a1.5 1.5 0 0 0 1.5 1.5h9c.83 0 1.5-.671 1.5-1.5V3.752L10.25.003ZM6.125 11.59V5.667l4.462 2.961-4.462 2.962Z" /></svg>
diff --git a/packages/clay-css/src/images/icons/document-pdf.svg b/packages/clay-css/src/images/icons/document-pdf.svg
@@ -4,8 +4,4 @@
 *
 * SPDX-License-Identifier: BSD-3-Clause
 -->
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-	<path class="lexicon-icon-outline" d="M131.2,267.6h-19.4v44.3h19.3c15.3,0,24.2-7.8,24.2-22C155.3,275.3,146.6,267.6,131.2,267.6z"></path>
-	<path class="lexicon-icon-outline" d="M252.7,268.4h-19.2v81.8h19.2c23.5,0,36.8-14.5,36.8-41.4C289.5,283.1,275.8,268.4,252.7,268.4z"></path>
-	<path class="lexicon-icon-outline" d="M332.8,0H102.4C74.1,0,51.2,22.9,51.2,51.2v409.6c0,28.3,22.9,51.2,51.2,51.2h307.2c28.3,0,51.2-22.9,51.2-51.2V128L332.8,0z M136.9,333.5h-25.1V373H85.2V245.7h53.1c26.2,0,44.1,17.6,44.1,44C182.4,315.9,163.7,333.5,136.9,333.5z M257,373h-50.1V245.6H257c37.8,0,59.7,22.9,59.7,62.8C316.7,349.8,295.1,373,257,373z M425.2,268.5h-56.7v33.2h51.8v21.8h-51.8V373h-26.6V245.7h83.3V268.5z"></path>
-</svg>
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path class="lexicon-icon-outline" d="M4.345 7.843h-.569v1.298h.566c.448 0 .709-.228.709-.644 0-.428-.255-.654-.706-.654Zm3.557.024H7.34v2.396h.562c.689 0 1.078-.425 1.078-1.213 0-.753-.401-1.183-1.078-1.183Z" /><path class="lexicon-icon-outline" fill-rule="evenodd" clip-rule="evenodd" d="M3.5.003h6.75L14 3.753v10.75c0 .829-.67 1.5-1.5 1.5h-9a1.5 1.5 0 0 1-1.5-1.5v-13a1.5 1.5 0 0 1 1.5-1.5Zm.276 9.77h.735c.785 0 1.333-.515 1.333-1.282 0-.774-.524-1.29-1.292-1.29H2.996v3.73h.78V9.774Zm2.786 1.158H8.03c1.116 0 1.749-.68 1.749-1.892 0-1.17-.642-1.84-1.75-1.84H6.563v3.732Zm4.734-3.061h1.661v-.668h-2.44v3.73h.78V9.48h1.517v-.639h-1.518V7.87Z" /></svg>
diff --git a/packages/clay-css/src/images/icons/document-presentation.svg b/packages/clay-css/src/images/icons/document-presentation.svg
@@ -4,6 +4,4 @@
 *
 * SPDX-License-Identifier: BSD-3-Clause
 -->
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-	<path class="lexicon-icon-outline" d="M332.8,0H102.4C74.1,0,51.2,22.9,51.2,51.2v409.6c0,28.3,22.9,51.2,51.2,51.2h307.2c28.3,0,51.2-22.9,51.2-51.2V128L332.8,0z M307.2,384H204.8v-25.6h102.4V384z M384,332.8H128v-128h256V332.8z"></path>
-</svg>
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path class="lexicon-icon-outline" d="M10.25.003H3.5a1.5 1.5 0 0 0-1.5 1.5v13a1.5 1.5 0 0 0 1.5 1.5h9c.83 0 1.5-.671 1.5-1.5V3.752L10.25.003Zm-.75 11.25h-3v-.75h3v.75Zm2.25-1.5h-7.5v-3.75h7.5v3.75Z" /></svg>
diff --git a/packages/clay-css/src/images/icons/document-table.svg b/packages/clay-css/src/images/icons/document-table.svg
@@ -4,9 +4,4 @@
 *
 * SPDX-License-Identifier: BSD-3-Clause
 -->
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-	<rect class="lexicon-icon-outline document-table-box-1" x="153.6" y="256" width="76.8" height="128"></rect>
-	<rect class="lexicon-icon-outline document-table-box-3" x="256" y="332.8" width="102.4" height="51.2"></rect>
-	<rect class="lexicon-icon-outline document-table-box-2" x="256" y="256" width="102.4" height="51.2"></rect>
-	<path class="lexicon-icon-outline document-table-document" d="M332.8,0H102.4C74.1,0,51.2,22.9,51.2,51.2v409.6c0,28.3,22.9,51.2,51.2,51.2h307.2c28.3,0,51.2-22.9,51.2-51.2V128L332.8,0z M384,409.6H128V204.8h256V409.6z"></path>
-</svg>
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path class="lexicon-icon-outline" d="M5 7.503h2.25v3.75H5v-3.75Zm2.999 2.25h3v1.5h-3v-1.5Zm3-2.25h-3v1.5h3v-1.5Z" /><path class="lexicon-icon-outline" fill-rule="evenodd" clip-rule="evenodd" d="M3.5.003h6.75L14 3.753v10.75c0 .829-.67 1.5-1.5 1.5h-9a1.5 1.5 0 0 1-1.5-1.5v-13a1.5 1.5 0 0 1 1.5-1.5Zm.75 12h7.5v-6h-7.5v6Z" /></svg>
diff --git a/packages/clay-css/src/images/icons/document-text.svg b/packages/clay-css/src/images/icons/document-text.svg
@@ -4,6 +4,4 @@
 *
 * SPDX-License-Identifier: BSD-3-Clause
 -->
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-	<path class="lexicon-icon-outline" d="M332.8,0H102.4C74.1,0,51.2,22.9,51.2,51.2v409.6c0,28.3,22.9,51.2,51.2,51.2h307.2c28.3,0,51.2-22.9,51.2-51.2V128L332.8,0z M256,384H128v-25.6h128V384z M384,307.2H128v-25.6h256V307.2z M384,230.4H128v-25.6h256V230.4z"></path>
-</svg>
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path class="lexicon-icon-outline" fill-rule="evenodd" clip-rule="evenodd" d="M10.25.002H3.5c-.83 0-1.5.671-1.5 1.5v13c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5V3.752L10.25.002Zm1.75 7.5a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1 0-1h7a.5.5 0 0 1 .5.5Zm-.5 1.5h-7a.5.5 0 0 0 0 1h7a.5.5 0 1 0 0-1Zm-7 2h3a.5.5 0 0 1 0 1h-3a.5.5 0 1 1 0-1Z" /></svg>
diff --git a/packages/clay-css/src/images/icons/document-vector.svg b/packages/clay-css/src/images/icons/document-vector.svg
@@ -4,6 +4,4 @@
 *
 * SPDX-License-Identifier: BSD-3-Clause
 -->
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-	<path class="lexicon-icon-outline" d="M332.8,0H102.4C74.1,0,51.2,22.9,51.2,51.2v409.6c0,28.3,22.9,51.2,51.2,51.2h307.2c28.3,0,51.2-22.9,51.2-51.2V128L332.8,0z M307.2,409.6H204.8V384h102.4V409.6z M307.2,358.4H204.8l-51.2-76.8l89.6-160v138.3c-25.6,18.5-7.5,46.7,12.8,47.3c19.2-1.1,38.9-26.1,12.8-47.3V121.6l89.6,160L307.2,358.4z"></path>
-</svg>
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path class="lexicon-icon-outline" d="M10.25.003H3.5a1.5 1.5 0 0 0-1.5 1.5v13a1.5 1.5 0 0 0 1.5 1.5h9c.83 0 1.5-.671 1.5-1.5V3.752L10.25.003Zm-.75 12h-3v-.75h3v.75Zm0-1.5h-3L5 8.253l2.625-4.687v4.052c-.75.542-.22 1.368.375 1.385.563-.032 1.14-.764.375-1.385V3.566L11 8.253l-1.5 2.25Z" /></svg>
diff --git a/packages/clay-css/src/images/icons/document.svg b/packages/clay-css/src/images/icons/document.svg
@@ -4,9 +4,4 @@
 *
 * SPDX-License-Identifier: BSD-3-Clause
 -->
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-	<path class="lexicon-icon-outline document-border" d="M320,64v64c0,17.7,14.3,32,32,32h64v288H96V64H320z M325.5,0H96C60.7,0,32,28.7,32,64v384c0,35.3,28.7,64,64,64h320c35.3,0,64-28.7,64-64V154.5c0-33.5-18-44.5-63.5-90S360,0,325.5,0L325.5,0z"></path>
-	<path class="lexicon-icon-outline document-text-1" d="M336,256H176c-22,0-21-32,0-32h160C356,224,358,256,336,256z"></path>
-	<path class="lexicon-icon-outline document-text-2" d="M336,320H176c-22,0-21-32,0-32h160C356,288,358,320,336,320z"></path>
-	<path class="lexicon-icon-outline document-text-3" d="M272,384h-96c-22,0-21-32,0-32h96C292,352,294,384,272,384z"></path>
-</svg>
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path class="lexicon-icon-outline" fill-rule="evenodd" clip-rule="evenodd" d="M4 2.003v12h8v-9.5h-1.5c-.5 0-1-.5-1-1v-1.5H4Zm6.25-2H3.5a1.5 1.5 0 0 0-1.5 1.5v13c0 .83.671 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5V3.753L10.25.003Z" /><path class="lexicon-icon-outline" d="M5.5 8.003h5c.688 0 .626-1 0-1h-5c-.656 0-.687 1 0 1Zm5 2h-5c-.687 0-.656-1 0-1h5c.626 0 .688 1 0 1Zm-5 2h3c.688 0 .626-1 0-1h-3c-.656 0-.687 1 0 1Z" /></svg>
diff --git a/packages/clay-css/src/scss/functions/_lx-icons-generated.scss b/packages/clay-css/src/scss/functions/_lx-icons-generated.scss
