Merge pull request #2740 from pat270/clay-2739

feat(clay-css): SVG Icons added `credit-card` and `catalog`

packages/clay-css/src/scss/functions/_global-functions.scss

@@ -353,6 +353,8 @@
 
 	'caret-top': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-outline" d="M408.5 307.7L272.4 171.6c-9-9-23.7-9-32.7 0L103.5 307.7c-14.6 14.6-4.3 39.5 16.4 39.5h272.3c20.6 0 30.9-24.9 16.3-39.5z" fill="#{$color}"/></svg>',
 
+	'catalog': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-outline lx-catalog-border" d="M444.8 32H70.4C32 32 0 64 0 102.4v310.4C0 448 32 480 70.4 480h374.4c38.4 0 67.2-32 67.2-67.2V102.4C512 64 480 32 444.8 32zM64 96h64v320H64V96zm384 320H192V96h256v320z" fill="#{$color}"/><path class="lexicon-icon-outline lx-catalog-line-top" fill="#{$color}" d="M256 160h128v32H256z"/><path class="lexicon-icon-outline lx-catalog-line-middle" fill="#{$color}" d="M256 224h128v32H256z"/><path class="lexicon-icon-outline lx-catalog-line-bottom" fill="#{$color}" d="M256 288h128v32H256z"/></svg>',
+
 	'categories': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-body" fill="none" d="M491.7 262.6l-1-1.2-5.2-5.2c32.9-35 35.5-86.1 6.2-121.6l-1-1.2-96.6-96.6C364.9 7.7 333.2 1.3 316.9.1l-1.1-.1H85.6C63 0 41.5 9.1 25.2 25.6 8.9 42 0 63.5 0 86v340.3c0 22.7 9 44.2 25.3 60.5C41.5 503 63 512 85.6 512l223.1-.1h1.2l1.2-.1c19.4-1.5 56.4-8.5 86.2-39.5l87.4-87.4.7-.7c32.9-34.9 35.6-86.1 6.3-121.6zm-151.2-50.1C335 218 327.7 221 320 221c-15.5 0-29-13.5-29-29 0-16 13-29 29-29 7.8 0 15 3 20.5 8.5s8.5 12.8 8.5 20.5c0 7.8-3 15-8.5 20.5z"/><path class="lexicon-icon-outline categories-tag-hole-border" d="M320 256c17.1 0 33.2-6.6 45.3-18.7 12.1-12.1 18.7-28.2 18.7-45.3 0-34.1-29.8-64-64-64-35.3 0-64 28.7-64 64 0 17.1 6.7 33.2 18.7 45.3 12.1 12.1 28.2 18.7 45.3 18.7zm0-93c7.8 0 15 3 20.5 8.5s8.5 12.8 8.5 20.5c0 7.8-3 15-8.5 20.5S327.7 221 320 221c-15.5 0-29-13.5-29-29-.1-16 13-29 29-29z" fill="#{$color}"/><path class="lexicon-icon-outline categories-tag-border" d="M0 426.3c0 22.7 9 44.2 25.3 60.5C41.5 503 63 512 85.6 512l223.1-.1h1.2l1.2-.1c19.4-1.5 56.4-8.5 86.2-39.5l87.4-87.4.7-.7c33-35 35.6-86.2 6.3-121.7l-1-1.2-5.2-5.2c32.9-35 35.5-86.1 6.2-121.6l-1-1.2-96.6-96.6C364.9 7.7 333.2 1.3 316.9.1l-1.1-.1H85.6C63 0 41.5 9.1 25.2 25.6 8.9 42 0 63.5 0 86m85.6 234c-5.6 0-10.8-2.2-15.1-6.5-4.3-4.3-6.5-9.5-6.5-15.2V86.1C64 74.5 74.3 64 85.6 64h227.6c7.7.8 21.7 4.2 35.6 18.1l94.3 94.3c7.7 10.3 6.1 24.8-4 35.8l-87.2 87.2-.5.5c-14.5 15.2-33.3 19.2-43.9 20.1H85.6m0 128c-5.6 0-10.8-2.2-15.1-6.5-4.3-4.3-6.5-9.5-6.5-15.2v-45.1c7 1.8 14.2 2.8 21.6 2.8l223.1-.1h1.2l1.2-.1c19.4-1.5 56.4-8.5 86.2-39.5l42.9-42.9 2.9 2.9c7.7 10.3 6.1 24.8-4 35.8l-87.2 87.2-.5.5c-14.5 15.2-33.3 19.2-43.9 20.1l-221.9.1" fill="#{$color}"/></svg>',
 
 	'chain-broken': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-outline chain-broken-top" d="M479.311 30.213c-18.425-18.424-42.952-28.587-69.006-28.587h-.029c-26.053 0-50.552 10.133-68.976 28.558l-114.03 114.03c-9.845 9.845-9.845 25.794 0 35.611 9.845 9.845 25.794 9.845 35.611 0l114.03-114.03c8.925-8.925 20.757-13.818 33.365-13.818 12.609 0 24.471 4.923 33.394 13.847 18.425 18.424 18.425 48.365.029 66.789l-114.03 114.03c-9.846 9.845-9.846 25.794 0 35.611 4.923 4.923 11.372 7.37 17.82 7.37s12.897-2.447 17.82-7.37l114.03-114.03c38.029-38.058 38-99.953-.029-138.011z" fill="#{$color}"/><path class="lexicon-icon-outline chain-broken-bottom" d="M249.523 326.791L136.299 440.015c-8.867 8.867-20.642 13.733-33.193 13.733h-.058c-12.609-.029-24.471-4.952-33.395-13.875s-13.876-20.786-13.876-33.394c-.029-12.58 4.865-24.384 13.733-33.25l113.224-113.224c9.845-9.845 9.845-25.794 0-35.611-9.845-9.845-25.794-9.845-35.611 0L33.899 337.618c-18.424 18.396-28.529 42.894-28.5 68.949.029 26.025 10.22 50.524 28.645 68.948s42.894 28.587 68.948 28.644h.144c25.996 0 50.437-10.105 68.805-28.5l113.224-113.224c9.846-9.846 9.846-25.795 0-35.611-9.875-9.875-25.794-9.875-35.639-.029z" fill="#{$color}"/></svg>',
@@ -391,6 +393,8 @@
 
 	'control-panel': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-outline control-panel-top" d="M32 128h296.6c11.1 19.1 31.7 32 55.4 32s44.3-12.9 55.4-32H480c17.7 0 32-14.3 32-32s-14.3-32-32-32h-40.6c-11.1-19.1-31.7-32-55.4-32s-44.3 12.9-55.4 32H32C14.3 64 0 78.3 0 96s14.3 32 32 32z" fill="#{$color}"/><path class="lexicon-icon-outline control-panel-bottom" d="M480 384h-40.6c-11.1-19.1-31.7-32-55.4-32s-44.3 12.9-55.4 32H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h296.6c11.1 19.1 31.7 32 55.4 32s44.3-12.9 55.4-32H480c17.7 0 32-14.3 32-32s-14.3-32-32-32z" fill="#{$color}"/><path class="lexicon-icon-outline control-panel-middle" d="M480 224H183.4c-11.1-19.1-31.7-32-55.4-32s-44.3 12.9-55.4 32H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h40.5c11.1 19.1 31.7 32 55.4 32s44.3-12.9 55.4-32H480c17.7 0 32-14.3 32-32s-14.3-32-32-32z" fill="#{$color}"/></svg>',
 
+	'credit-card': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-outline lx-credit-card-border" d="M448 32.1L64 32C32 32 0 64.1 0 96v320.1c0 32 32 64 64 64h384c32 0 64-32 64-64V96c0-31.9-32-63.9-64-63.9zm0 384H64v-224h384v224zm0-288H64V96h384v32.1z" fill="#{$color}"/><path class="lexicon-icon-outline lx-credit-card-text" d="M304 288.1h64c62.7 0 63.3 96 0 96h-64c-63.3 0-64.3-96 0-96z" fill="#{$color}"/></svg>',
+
 	'custom-field': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-outline custom-field-cursor" fill="#{$color}" d="M416 32V0H288v32h32v448h-32v32h128v-32h-32V32z"/><path class="lexicon-icon-outline custom-field-placeholder" d="M224 224h-96c-41.6 0-41.6 60.8 0 64h96c41.6 0 41.6-64 0-64z" fill="#{$color}"/><path class="lexicon-icon-outline custom-field-border1" d="M288 352H64V160h224V96H32c-19.2 0-32 12.8-32 32v256c0 19.2 12.8 32 32 32h256v-64z" fill="#{$color}"/><path class="lexicon-icon-outline custom-field-border2" d="M480 96h-64v64h32v192h-32v64h64c19.2 0 32-12.8 32-32V128c0-19.2-12.8-32-32-32z" fill="#{$color}"/></svg>',
 
 	'custom-size': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-outline custom-size-border" d="M332.8 230.4H384v-51.2c0-28.2-23-51.2-51.2-51.2h-51.2v51.2h51.2v51.2zM332.8 409.6v51.2H51.2V179.2h51.2V128H51.2C23 128 0 151 0 179.2v281.6C0 489 23 512 51.2 512h281.6c28.2 0 51.2-23 51.2-51.2v-51.2h-51.2z" fill="#{$color}"/><path class="lexicon-icon-outline custom-size-arrow-right" d="M504.3 302.1l-51.2-48.6c-15.4-15.4-43.5-5.1-43.5 17.9v23H307.2c-33.6 0-34.1 51.2 0 51.2h102.4v23c0 23 28.2 33.3 43.5 17.9l51.2-48.6c10.3-10.2 10.3-25.6 0-35.8z" fill="#{$color}"/><path class="lexicon-icon-outline custom-size-arrow-up" d="M174.1 7.7l-48.6 51.2c-15.4 15.4-5.1 43.5 17.9 43.5h23v102.4c0 34.1 51.2 34.5 51.2 0V102.4h23c23 0 33.3-28.2 17.9-43.5L209.9 7.7c-10.2-10.3-25.6-10.3-35.8 0z" fill="#{$color}"/></svg>',