sfgov-design-system
Version:
This is the design system for [SF.gov](https://sf.gov) and the City & County of San Francisco.
3 lines (2 loc) • 21.9 kB
JavaScript
!function(e){"function"==typeof define&&define.amd?define(e):e()}((function(){"use strict";function e(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function t(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function n(e){return n=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},n(e)}function i(e,t){return i=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},i(e,t)}function a(e,t){if(null==e)return{};var n,i,a=function(e,t){if(null==e)return{};var n,i,a={},r=Object.keys(e);for(i=0;i<r.length;i++)n=r[i],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(i=0;i<r.length;i++)n=r[i],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}function r(e,t){if(t&&("object"==typeof t||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}function o(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var i,a=n(e);if(t){var o=n(this).constructor;i=Reflect.construct(a,arguments,o)}else i=a.apply(this,arguments);return r(this,i)}}function s(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var i,a,r=[],o=!0,s=!1;try{for(n=n.call(e);!(o=(i=n.next()).done)&&(r.push(i.value),!t||r.length!==t);o=!0);}catch(e){s=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(s)throw a}}return r}(e,t)||l(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function l(e,t){if(e){if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(e,t):void 0}}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i}function c(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=l(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var i=0,a=function(){};return{s:a,n:function(){return i>=e.length?{done:!0}:{done:!1,value:e[i++]}},e:function(e){throw e},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var r,o=!0,s=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){s=!0,r=e},f:function(){try{o||null==n.return||n.return()}finally{if(s)throw r}}}}for(var v={alert:{name:"Alert",url:"https://figma.com/file/R9KP76KdmjlWdKLZD9qTiw/Assets (Copy)?node-id=64:179",id:"alert",tags:["warning","exclamation","!"],svg:'<svg viewBox="0 0 20 20"><path d="M10 10.94a1.25 1.25 0 001.25-1.25V5.94a1.25 1.25 0 00-2.5 0v3.75A1.25 1.25 0 0010 10.94zm0 4.56a1.5 1.5 0 100-3 1.5 1.5 0 000 3z"/><path d="M10 0a10 10 0 100 20 10 10 0 000-20zm0 17.5a7.5 7.5 0 110-15 7.5 7.5 0 010 15z"/></svg>',filename:"alert.svg"},"arrow-down":{name:"Arrow down",url:"https://figma.com/file/R9KP76KdmjlWdKLZD9qTiw/Assets (Copy)?node-id=64:180",id:"arrow-down",tags:["arrow","down"],svg:'<svg viewBox="0 0 20 20"><path d="M10.885 19.635l6.365-6.365a1.25 1.25 0 10-1.75-1.77l-4.25 4.23V1.25a1.25 1.25 0 00-2.5 0v14.5L4.5 11.5a1.25 1.25 0 00-1.75 1.77l6.365 6.365a1.255 1.255 0 001.77 0z"/></svg>',filename:"arrow-down.svg"},"arrow-left":{name:"Arrow left",url:"https://figma.com/file/R9KP76KdmjlWdKLZD9qTiw/Assets (Copy)?node-id=64:181",id:"arrow-left",tags:["arrow","left"],svg:'<svg viewBox="0 0 20 20"><path d="M.365 10.885L6.73 17.25A1.25 1.25 0 108.5 15.5l-4.23-4.25h14.5a1.25 1.25 0 000-2.5H4.27L8.5 4.5a1.25 1.25 0 00-1.77-1.75L.365 9.115a1.255 1.255 0 000 1.77z"/></svg>',filename:"arrow-left.svg"},"arrow-right":{name:"Arrow right",url:"https://figma.com/file/R9KP76KdmjlWdKLZD9qTiw/Assets (Copy)?node-id=64:182",id:"arrow-right",tags:["arrow","right"],svg:'<svg viewBox="0 0 20 20"><path d="M19.635 9.115L13.27 2.75A1.25 1.25 0 0011.5 4.5l4.23 4.23H1.25a1.25 1.25 0 100 2.5h14.5L11.5 15.5a1.252 1.252 0 001.77 1.77l6.365-6.385a1.255 1.255 0 000-1.77z"/></svg>',filename:"arrow-right.svg"},"arrow-up":{name:"Arrow up",url:"https://figma.com/file/R9KP76KdmjlWdKLZD9qTiw/Assets (Copy)?node-id=64:183",id:"arrow-up",tags:["arrow","up"],svg:'<svg viewBox="0 0 20 20"><path d="M9.115.365L2.75 6.73A1.25 1.25 0 004.5 8.5l4.25-4.23v14.5a1.25 1.25 0 102.5 0V4.27L15.5 8.5a1.252 1.252 0 001.77-1.77L10.885.365a1.255 1.255 0 00-1.77 0z"/></svg>',filename:"arrow-up.svg"},building:{name:"Building",url:"https://figma.com/file/R9KP76KdmjlWdKLZD9qTiw/Assets (Copy)?node-id=64:184",id:"building",tags:["office"],svg:'<svg viewBox="0 0 20 20"><path d="M18 2.945A2.945 2.945 0 0015.055 0H4.945A2.945 2.945 0 002 2.945v14.11c0 .152.029.303.085.445H2V20h16v-2.5h-.085c.056-.142.085-.293.085-.445V2.945zM11.44 17.5a1.06 1.06 0 00.06-.335V14.5a1 1 0 00-1-1h-1a1 1 0 00-1 1v2.645c.002.114.022.227.06.335H4.415c.054-.135.082-.28.085-.425V2.945a.445.445 0 01.445-.445h10.11a.445.445 0 01.445.445v14.11c0 .152.029.303.085.445H11.44z"/><path d="M8 4.5h-.5a1 1 0 00-1 1V6a1 1 0 001 1H8a1 1 0 001-1v-.5a1 1 0 00-1-1zm4.5 0H12a1 1 0 00-1 1V6a1 1 0 001 1h.5a1 1 0 001-1v-.5a1 1 0 00-1-1zM8 9h-.5a1 1 0 00-1 1v.5a1 1 0 001 1H8a1 1 0 001-1V10a1 1 0 00-1-1zm4.5 0H12a1 1 0 00-1 1v.5a1 1 0 001 1h.5a1 1 0 001-1V10a1 1 0 00-1-1z"/></svg>',filename:"building.svg"},check:{name:"Check",url:"https://figma.com/file/R9KP76KdmjlWdKLZD9qTiw/Assets (Copy)?node-id=64:185",id:"check",tags:["ok","success","complete"],svg:'<svg viewBox="0 0 20 20"><path d="M5.75 16.755a1.245 1.245 0 01-.885-.365l-4.5-4.5a1.25 1.25 0 111.77-1.765L5.75 13.74 17.87 1.62a1.25 1.25 0 011.765 1.77l-13 13a1.245 1.245 0 01-.885.365z"/></svg>',filename:"check.svg"},"chevron-down":{name:"Chevron down",url:"https://figma.com/file/R9KP76KdmjlWdKLZD9qTiw/Assets (Copy)?node-id=64:186",id:"chevron-down",tags:["chevron","down"],svg:'<svg viewBox="0 0 20 20"><path d="M9.96 14.755a1.245 1.245 0 01-.885-.365l-7.5-7.5a1.252 1.252 0 111.77-1.77l6.615 6.62 6.615-6.62a1.251 1.251 0 111.77 1.77l-7.5 7.5a1.247 1.247 0 01-.885.365z"/></svg>',filename:"chevron-down.svg"},"chevron-left":{name:"Chevron left",url:"https://figma.com/file/R9KP76KdmjlWdKLZD9qTiw/Assets (Copy)?node-id=64:187",id:"chevron-left",tags:["chevron","left"],svg:'<svg viewBox="0 0 20 20"><path d="M13.25 18.5a1.245 1.245 0 01-.885-.365l-7.5-7.5a1.26 1.26 0 010-1.77l7.5-7.5a1.251 1.251 0 111.77 1.77L7.5 9.755l6.635 6.615a1.26 1.26 0 010 1.77 1.246 1.246 0 01-.885.36z"/></svg>',filename:"chevron-left.svg"},"chevron-right":{name:"Chevron right",url:"https://figma.com/file/R9KP76KdmjlWdKLZD9qTiw/Assets (Copy)?node-id=64:188",id:"chevron-right",tags:["chevron","right"],svg:'<svg viewBox="0 0 20 20"><path d="M6.75 18.5a1.245 1.245 0 01-1.248-1.25c0-.331.13-.65.363-.885l6.635-6.61L5.865 3.14a1.252 1.252 0 011.77-1.77l7.5 7.5a1.26 1.26 0 010 1.77l-7.5 7.5a1.246 1.246 0 01-.885.36z"/></svg>',filename:"chevron-right.svg"},"chevron-up":{name:"Chevron up",url:"https://figma.com/file/R9KP76KdmjlWdKLZD9qTiw/Assets (Copy)?node-id=64:189",id:"chevron-up",tags:["chevron","up"],svg:'<svg viewBox="0 0 20 20"><path d="M17.46 14.755a1.245 1.245 0 01-.885-.365L9.96 7.775 3.345 14.39a1.252 1.252 0 01-1.77-1.77l7.5-7.5a1.26 1.26 0 011.77 0l7.5 7.5a1.26 1.26 0 010 1.77 1.245 1.245 0 01-.885.365z"/></svg>',filename:"chevron-up.svg"},clock:{name:"Clock",url:"https://figma.com/file/R9KP76KdmjlWdKLZD9qTiw/Assets (Copy)?node-id=64:190",id:"clock",tags:["time"],svg:'<svg viewBox="0 0 20 20"><path d="M10.25 4.69A1.245 1.245 0 009 5.94v4l-2.165 2a1.251 1.251 0 101.69 1.845l2.57-2.36a1.24 1.24 0 00.405-.925V5.94a1.244 1.244 0 00-1.25-1.25z"/><path d="M10 0a10 10 0 100 20 10 10 0 000-20zm0 17.5a7.5 7.5 0 110-15 7.5 7.5 0 010 15z"/></svg>',filename:"clock.svg"},close:{name:"Close",url:"https://figma.com/file/R9KP76KdmjlWdKLZD9qTiw/Assets (Copy)?node-id=64:191",id:"close",tags:["x","delete","remove"],svg:'<svg viewBox="0 0 20 20"><path d="M11.77 10l7.115-7.115a1.252 1.252 0 00-1.77-1.77L10 8.23 2.885 1.115a1.252 1.252 0 00-1.77 1.77L8.23 10l-7.115 7.115a1.26 1.26 0 000 1.77 1.255 1.255 0 001.77 0L10 11.77l7.115 7.115a1.255 1.255 0 001.77 0 1.26 1.26 0 000-1.77L11.77 10z"/></svg>',filename:"close.svg"},document:{name:"Document",url:"https://figma.com/file/R9KP76KdmjlWdKLZD9qTiw/Assets (Copy)?node-id=64:192",id:"document",tags:["file"],svg:'<svg viewBox="0 0 20 20"><path d="M17.65 7.38l-6.75-7A1.265 1.265 0 0010 0H3.25A1.25 1.25 0 002 1.25v17.5A1.25 1.25 0 003.25 20h13.5A1.25 1.25 0 0018 18.75V8.25c0-.324-.125-.636-.35-.87zM11 4.09l3.305 3.41H11V4.09zM4.5 17.5v-15h4v6.265A1.25 1.25 0 009.75 10h5.75v7.5h-11z"/></svg>',filename:"document.svg"},globe:{name:"Globe",url:"https://figma.com/file/R9KP76KdmjlWdKLZD9qTiw/Assets (Copy)?node-id=64:193",id:"globe",tags:["world","earth"],svg:'<svg viewBox="0 0 20 20"><path d="M10 0a10 10 0 100 20 10 10 0 000-20zm7.425 9h-2.11A11.275 11.275 0 0013.5 3.375 7.5 7.5 0 0117.425 9zM9 3.43V9H6.695C6.92 6.215 7.945 4.5 9 3.43zM9 11v5.82C7.915 15.73 6.85 13.935 6.675 11H9zm2 5.82V11h2.325c-.175 2.935-1.24 4.73-2.325 5.82zM11 9V3.43C12.055 4.5 13.08 6.215 13.305 9H11zM6.5 3.375A11.275 11.275 0 004.685 9h-2.11A7.5 7.5 0 016.5 3.375zM2.575 11H4.68a11.65 11.65 0 001.565 5.5 7.524 7.524 0 01-3.67-5.5zm11.18 5.5A11.65 11.65 0 0015.32 11h2.105a7.524 7.524 0 01-3.67 5.5z"/></svg>',filename:"globe.svg"},info:{name:"Info",url:"https://figma.com/file/R9KP76KdmjlWdKLZD9qTiw/Assets (Copy)?node-id=64:194",id:"info",tags:["information","i"],svg:'<svg viewBox="0 0 20 20"><path d="M10 9.06a1.25 1.25 0 00-1.25 1.25v3.75a1.25 1.25 0 002.5 0v-3.75A1.25 1.25 0 0010 9.06zm0-1.56a1.5 1.5 0 100-3 1.5 1.5 0 000 3z"/><path d="M10 0a10 10 0 100 20 10 10 0 000-20zm0 17.5a7.5 7.5 0 110-15 7.5 7.5 0 010 15z"/></svg>',filename:"info.svg"},location:{name:"Location",url:"https://figma.com/file/R9KP76KdmjlWdKLZD9qTiw/Assets (Copy)?node-id=64:195",id:"location",tags:["pin","marker"],svg:'<svg viewBox="0 0 20 20"><path d="M10 6.125a1.875 1.875 0 100 3.75 1.875 1.875 0 000-3.75z"/><path d="M10 2.5A5.5 5.5 0 0115.5 8c0 2.66-2.855 6.375-5.5 8.77C7.355 14.375 4.5 10.66 4.5 8A5.5 5.5 0 0110 2.5zM10 0a8 8 0 00-8 8c0 4.42 4.865 9.7 8 12 3.135-2.3 8-7.58 8-12a8 8 0 00-8-8z"/></svg>',filename:"location.svg"},mail:{name:"Mail",url:"https://figma.com/file/R9KP76KdmjlWdKLZD9qTiw/Assets (Copy)?node-id=64:196",id:"mail",tags:["envelope"],svg:'<svg viewBox="0 0 20 20"><path d="M18.75 2H1.25A1.25 1.25 0 000 3.25v13.5A1.25 1.25 0 001.25 18h17.5A1.25 1.25 0 0020 16.75V3.25A1.25 1.25 0 0018.75 2zm-1.29 2.5L10 10.405 2.54 4.5h14.92zM2.5 15.5V7.66L9.225 13a1.245 1.245 0 001.55 0L17.5 7.66v7.84h-15z"/></svg>',filename:"mail.svg"},pencil:{name:"Pencil",url:"https://figma.com/file/R9KP76KdmjlWdKLZD9qTiw/Assets (Copy)?node-id=64:197",id:"pencil",tags:["edit","write"],svg:'<svg viewBox="0 0 20 20"><path d="M19.636 3.65L16.35.365a1.25 1.25 0 00-1.765 0l-13.22 13.22a1.21 1.21 0 00-.33.6l-1 4.28a1.245 1.245 0 001.5 1.5l4.28-1a1.21 1.21 0 00.6-.33l13.22-13.22a1.25 1.25 0 000-1.765zM15.466 3l1.5 1.5-1.215 1.265-1.5-1.5L15.466 3zM4.9 16.615l-2 .46.46-1.975L12.466 6l1.5 1.5L4.9 16.615z"/></svg>',filename:"pencil.svg"},phone:{name:"Phone",url:"https://figma.com/file/R9KP76KdmjlWdKLZD9qTiw/Assets (Copy)?node-id=64:198",id:"phone",tags:["telephone"],svg:'<svg viewBox="0 0 20 20"><path d="M12.65 19.92a5.84 5.84 0 01-4.18-1.695l-6.57-6.57c-2.4-2.38-2.235-6.4.325-8.96L4.5.445a1.25 1.25 0 011.77 0l4.23 4.24a1.25 1.25 0 010 1.77L8.54 8.4l3.185 3.18 1.945-1.945a1.25 1.25 0 011.765 0l4.245 4.245a1.25 1.25 0 010 1.765L17.425 17.9a6.78 6.78 0 01-4.775 2.02zM4 4.465c-1.585 1.585-1.73 4-.325 5.42l6.56 6.57c1.405 1.405 3.84 1.26 5.425-.325l1.365-1.365-2.47-2.5-1.945 1.94a1.25 1.25 0 01-1.77 0l-4.95-4.95a1.245 1.245 0 010-1.765l1.945-1.945-2.475-2.45L4 4.465z"/></svg>',filename:"phone.svg"},search:{name:"Search",url:"https://figma.com/file/R9KP76KdmjlWdKLZD9qTiw/Assets (Copy)?node-id=64:199",id:"search",tags:["lens"],svg:'<svg viewBox="0 0 20 20"><path d="M19.385 17.615l-5.78-5.775a7.5 7.5 0 10-1.765 1.765l5.775 5.78a1.255 1.255 0 001.77 0 1.26 1.26 0 000-1.77zM2.5 7.5a5 5 0 1110 0 5 5 0 01-10 0z"/></svg>',filename:"search.svg"},calendar:{name:"Calendar",url:"https://figma.com/file/R9KP76KdmjlWdKLZD9qTiw/Assets (Copy)?node-id=351:95",id:"calendar",tags:["date"],svg:'<svg viewBox="0 0 20 20"><path d="M20 9V4a1.244 1.244 0 00-1.25-1.25H16v-1.5a1.25 1.25 0 00-2.5 0v1.5h-7v-1.5a1.25 1.25 0 00-2.5 0v1.5H1.25a1.275 1.275 0 00-.885.365A1.275 1.275 0 000 4v14.5c.002.331.133.649.365.885.236.232.554.363.885.365h17.5A1.244 1.244 0 0020 18.5V9zm-2.5-3.75v2.5h-15v-2.5h15zm-15 5h15v7h-15v-7z"/></svg>',filename:"calendar.svg"},menu:{name:"Menu",url:"https://www.figma.com/file/P0usvPQSAKOzqcH5mPFf1u/Assets?node-id=1519%3A27",id:"menu",tags:["hamburger"],svg:'<svg viewBox="0 0 20 20"><rect x="2" y="14" width="16" height="2" rx="1"/><rect x="2" y="9" width="16" height="2" rx="1"/><rect x="2" y="4" width="16" height="2" rx="1"/></svg>',filename:"menu.svg"},minus:{name:"Minus",url:"https://figma.com/file/R9KP76KdmjlWdKLZD9qTiw/Assets (Copy)?node-id=368:28",id:"minus",tags:["subtract"],svg:'<svg viewBox="0 0 19 19"><path d="M17.5 8h-16a1.5 1.5 0 000 3h16a1.5 1.5 0 100-3z"/></svg>',filename:"minus.svg"},plus:{name:"Plus",url:"https://figma.com/file/R9KP76KdmjlWdKLZD9qTiw/Assets (Copy)?node-id=368:27",id:"plus",tags:["add"],svg:'<svg viewBox="0 0 19 19"><path d="M17.5 8H11V1.5a1.5 1.5 0 10-3 0V8H1.5a1.5 1.5 0 000 3H8v6.5a1.5 1.5 0 003 0V11h6.5a1.5 1.5 0 100-3z"/></svg>',filename:"plus.svg"},code:{name:"Code",url:"https://www.figma.com/file/089UadxdkLJ0xP5vAWj5V2/SF-Design-System-Site-Design?node-id=550%3A2146",id:"code",tags:[],svg:'<svg viewBox="0 0 20 20"><rect x="2.5" y="4.5" width="15" height="11" rx="0.5" fill="none" stroke="currentColor" /> <path d="M7.30048 10.9998C7.46007 11.0574 7.63523 10.9544 7.63523 10.803C7.63523 10.713 7.57059 10.6327 7.47385 10.6025L5.82651 10.0895C5.77969 10.0767 5.77946 10.0182 5.82651 10.006L7.47467 9.48398C7.57102 9.45346 7.63523 9.37323 7.63523 9.28336C7.63523 9.13166 7.45981 9.02846 7.29985 9.08604L5.31285 9.80136C5.20165 9.84139 5.12903 9.9364 5.12903 10.0419C5.12903 10.1472 5.20153 10.2422 5.3126 10.2823L7.30048 10.9998Z"/> <path d="M9.2655 11.8868C9.35683 11.8868 9.4392 11.8386 9.47436 11.7647L11.0802 8.3867C11.1421 8.25662 11.0331 8.11321 10.8725 8.11321C10.7817 8.11321 10.6998 8.16106 10.6648 8.23456L9.05669 11.6117C8.99441 11.7425 9.10393 11.8868 9.2655 11.8868Z"/> <path d="M12.2613 10.8094C12.2613 10.9576 12.4316 11.0592 12.5887 11.0047L14.6864 10.2776C14.7978 10.239 14.871 10.1446 14.871 10.0395C14.871 9.93428 14.7977 9.8398 14.6861 9.80123L12.5865 9.07532C12.4304 9.02136 12.2613 9.12231 12.2613 9.26952C12.2613 9.3588 12.3261 9.4382 12.4224 9.46705L14.1735 9.99165C14.2228 10.0043 14.2232 10.0662 14.1735 10.0776L12.4222 10.611C12.3259 10.6403 12.2613 10.7199 12.2613 10.8094Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.47467 9.48398C7.57102 9.45346 7.63523 9.37323 7.63523 9.28336C7.63523 9.13166 7.45981 9.02846 7.29985 9.08604L5.31285 9.80136C5.20165 9.84139 5.12903 9.9364 5.12903 10.0419C5.12903 10.1472 5.20153 10.2422 5.3126 10.2823L7.30048 10.9998C7.46007 11.0574 7.63523 10.9544 7.63523 10.803C7.63523 10.713 7.57059 10.6327 7.47385 10.6025L5.82651 10.0895C5.77969 10.0767 5.77946 10.0182 5.82651 10.006L7.47467 9.48398ZM6.07637 10.0472L7.51848 9.59046C7.66597 9.54375 7.76426 9.42094 7.76426 9.28336C7.76426 9.05114 7.49574 8.89316 7.25087 8.98131L5.26387 9.69662C5.10424 9.75409 5 9.89047 5 10.0419C5 10.1931 5.10407 10.3294 5.26351 10.387L7.25138 11.1045C7.4959 11.1927 7.76426 11.035 7.76426 10.803C7.76426 10.6651 7.66523 10.542 7.51702 10.4959L6.07637 10.0472ZM12.4222 10.611C12.3259 10.6403 12.2613 10.7199 12.2613 10.8094C12.2613 10.9576 12.4316 11.0592 12.5887 11.0047L14.6864 10.2776C14.7978 10.239 14.871 10.1446 14.871 10.0395C14.871 9.93428 14.7977 9.8398 14.6861 9.80123L12.5865 9.07532C12.4304 9.02136 12.2613 9.12231 12.2613 9.26952C12.2613 9.3588 12.3261 9.4382 12.4224 9.46705L14.1735 9.99165C14.2228 10.0043 14.2232 10.0662 14.1735 10.0776L12.4222 10.611ZM13.9194 10.0351L12.3799 10.504C12.2317 10.5492 12.1323 10.6717 12.1323 10.8094C12.1323 11.0375 12.3943 11.1939 12.6361 11.11L14.7338 10.3829C14.8944 10.3272 15 10.191 15 10.0395C15 9.88778 14.8943 9.75152 14.7334 9.69591L12.6338 8.97C12.393 8.88676 12.1323 9.04247 12.1323 9.26952C12.1323 9.40722 12.2321 9.52968 12.3807 9.57418L13.9194 10.0351ZM11.1993 8.43028L9.59345 11.8083C9.53824 11.9244 9.4089 12 9.2655 12C9.0118 12 8.83983 11.7735 8.93763 11.5681L10.5458 8.19092C10.6008 8.07529 10.7297 8 10.8725 8C11.1252 8 11.2966 8.22562 11.1993 8.43028ZM9.2655 11.8868C9.35683 11.8868 9.4392 11.8386 9.47436 11.7647L11.0802 8.3867C11.1421 8.25662 11.0331 8.11321 10.8725 8.11321C10.7817 8.11321 10.6998 8.16106 10.6648 8.23456L9.05669 11.6117C8.99441 11.7425 9.10393 11.8868 9.2655 11.8868Z"/> <rect x="4" y="6" width="1" height="1" rx="0.25"/> <rect x="6" y="6" width="1" height="1" rx="0.25"/> </svg>',filename:"code.svg"},clipboard:{name:"Clipboard",url:"https://www.figma.com/file/089UadxdkLJ0xP5vAWj5V2/SF-Design-System-Site-Design?node-id=491%3A1876",id:"clipboard",tags:[],svg:'<svg viewBox="0 0 20 20"> <path d="M10.1461 12.3708L12.6921 14.9168C12.7362 14.9706 12.791 15.0147 12.8531 15.0461C12.9152 15.0775 12.9832 15.0957 13.0527 15.0993C13.1222 15.103 13.1917 15.0921 13.2568 15.0673C13.3218 15.0426 13.381 15.0045 13.4305 14.9556C13.48 14.9066 13.5187 14.8479 13.5442 14.7831C13.5697 14.7184 13.5814 14.649 13.5785 14.5794C13.5756 14.5099 13.5583 14.4417 13.5276 14.3793C13.4968 14.3168 13.4534 14.2615 13.4001 14.2168L11.7081 12.5168H17.5081C17.6407 12.5168 17.7679 12.4641 17.8616 12.3703C17.9554 12.2766 18.0081 12.1494 18.0081 12.0168C18.0081 11.8842 17.9554 11.757 17.8616 11.6632C17.7679 11.5694 17.6407 11.5168 17.5081 11.5168H11.7081L13.4001 9.81677C13.479 9.72043 13.5191 9.59812 13.5125 9.47377C13.506 9.34942 13.4533 9.23199 13.3647 9.14444C13.2762 9.0569 13.1582 9.00554 13.0338 9.00042C12.9094 8.9953 12.7875 9.03679 12.6921 9.11677L10.1461 11.6628C10.0525 11.7568 10 11.8841 10 12.0168C10 12.1494 10.0525 12.2767 10.1461 12.3708Z" /> <path d="M6 4H5C4.44772 4 4 4.44772 4 5V18C4 18.5523 4.44772 19 5 19H15C15.5523 19 16 18.5523 16 18V13.5C16 13.2239 15.7761 13 15.5 13C15.2239 13 15 13.2239 15 13.5V18H5L5 5H6V4Z" /> <path d="M14 5H15V10.5C15 10.7761 15.2239 11 15.5 11C15.7761 11 16 10.7761 16 10.5V5C16 4.44772 15.5523 4 15 4H14V5Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 3H7C6.44772 3 6 3.44772 6 4V6H14V4C14 3.44772 13.5523 3 13 3H12C12 1.89543 11.1046 1 10 1C8.89543 1 8 1.89543 8 3ZM11 3C11 2.44772 10.5523 2 10 2C9.44772 2 9 2.44772 9 3V4H7V5H13V4H11V3Z" /> </svg>',filename:"clipboard.svg"}},f=["strict"],g={},h=0,u=Object.entries(v);h<u.length;h++){var m=s(u[h],2),p=m[0],C=m[1],w=C.aliases,y=void 0===w?[]:w,L=j(C.svg);g[p]=L;var b,A=c(y);try{for(A.s();!(b=A.n()).done;){var K=b.value;g[K]=L}}catch(e){A.e(e)}finally{A.f()}}var M={height:20};var z=["symbol","width","height"],x=function(n){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&i(e,t)}(h,window.HTMLElement);var r,s,l,d=o(h);function h(){return e(this,h),d.apply(this,arguments)}return r=h,s=[{key:"connectedCallback",value:function(){this.hasAttribute("role")||this.setAttribute("role","img"),this.render()}},{key:"symbol",get:function(){return this.getAttribute("symbol")},set:function(e){this.setAttribute("symbol",e)}},{key:"attributeChangedCallback",value:function(){this.render()}},{key:"render",value:function(){var e=this.props,t=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.strict,i=a(t,f);if(Object.prototype.hasOwnProperty.call(g,e)){var r=Object.assign({},M,i);return(0,g[e])(r)}if(n)throw new Error('No such sfgov icon: "'.concat(e,'"'));return""}(this.symbol,e);t&&(this.__svg?this.replaceChild(t,this.__svg):this.appendChild(t),this.__svg=t)}},{key:"props",get:function(){var e,t={},n=c(z);try{for(n.s();!(e=n.n()).done;){var i=e.value;this.hasAttribute(i)&&(t[i]=this.getAttribute(i))}}catch(e){n.e(e)}finally{n.f()}return t}}],l=[{key:"observedAttributes",get:function(){return z}},{key:"icons",get:function(){return v}},{key:"symbols",get:function(){return Object.keys(v)}}],s&&t(r.prototype,s),l&&t(r,l),h}();function j(e){var t=document.createElement("div");return t.innerHTML=e,t=t.firstElementChild,function(){for(var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=t.cloneNode(!0),i=0,a=Object.entries(e);i<a.length;i++){var r=s(a[i],2),o=r[0],l=r[1];n.setAttribute(o,l)}return n}}if(window.customElements.define("sfgov-icon",x),!document.getElementById("sfgov-icon-css")){var P=document.createElement("style");P.textContent="\n sfgov-icon {\n display: inline-flex;\n align-items: center;\n }\n\n sfgov-icon svg {\n fill: currentColor;\n }\n ",document.head.appendChild(P)}}));
//# sourceMappingURL=icons.js.map