Skip to content

Commit

Permalink
Merge pull request #1384 from EnergySage/CED-1567-state-icons
Browse files Browse the repository at this point in the history 
feat: state icons
  • Loading branch information
@nathanielwarner
nathanielwarner authored Jun 11, 2024
2 parents 228680a + a961923 commit f9851aa
Show file tree
Hide file tree
Showing 52 changed files with 2,432 additions and 0 deletions.
206 changes: 206 additions & 0 deletions es-design-system/pages/atoms/icons.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -513,6 +513,212 @@
<code>IconFilePdf</code>
</li>
</ul>
<h2>
State Icons
</h2>
<p>
Default size for state icons is 24px by 24px.
</p>
<ul
class="ds-icon-list m-0 mb-300 p-0"
:class="{ [textColorClass]: true }">
<li>
<icon-state-al />
<code>IconStateAl</code>
</li>
<li>
<icon-state-ar />
<code>IconStateAr</code>
</li>
<li>
<icon-state-az />
<code>IconStateAz</code>
</li>
<li>
<icon-state-ca />
<code>IconStateCa</code>
</li>
<li>
<icon-state-co />
<code>IconStateCo</code>
</li>
<li>
<icon-state-ct />
<code>IconStateCt</code>
</li>
<li>
<icon-state-dc />
<code>IconStateDc</code>
</li>
<li>
<icon-state-de />
<code>IconStateDe</code>
</li>
<li>
<icon-state-fl />
<code>IconStateFl</code>
</li>
<li>
<icon-state-ga />
<code>IconStateGa</code>
</li>
<li>
<icon-state-ia />
<code>IconStateIa</code>
</li>
<li>
<icon-state-id />
<code>IconStateId</code>
</li>
<li>
<icon-state-il />
<code>IconStateIl</code>
</li>
<li>
<icon-state-in />
<code>IconStateIn</code>
</li>
<li>
<icon-state-ks />
<code>IconStateKs</code>
</li>
<li>
<icon-state-ky />
<code>IconStateKy</code>
</li>
<li>
<icon-state-la />
<code>IconStateLa</code>
</li>
<li>
<icon-state-ma />
<code>IconStateMa</code>
</li>
<li>
<icon-state-md />
<code>IconStateMd</code>
</li>
<li>
<icon-state-me />
<code>IconStateMe</code>
</li>
<li>
<icon-state-mi />
<code>IconStateMi</code>
</li>
<li>
<icon-state-mn />
<code>IconStateMn</code>
</li>
<li>
<icon-state-mo />
<code>IconStateMo</code>
</li>
<li>
<icon-state-ms />
<code>IconStateMs</code>
</li>
<li>
<icon-state-mt />
<code>IconStateMt</code>
</li>
<li>
<icon-state-nc />
<code>IconStateNc</code>
</li>
<li>
<icon-state-nd />
<code>IconStateNd</code>
</li>
<li>
<icon-state-ne />
<code>IconStateNe</code>
</li>
<li>
<icon-state-nh />
<code>IconStateNh</code>
</li>
<li>
<icon-state-nj />
<code>IconStateNj</code>
</li>
<li>
<icon-state-nm />
<code>IconStateNm</code>
</li>
<li>
<icon-state-nv />
<code>IconStateNv</code>
</li>
<li>
<icon-state-ny />
<code>IconStateNy</code>
</li>
<li>
<icon-state-oh />
<code>IconStateOh</code>
</li>
<li>
<icon-state-ok />
<code>IconStateOk</code>
</li>
<li>
<icon-state-or />
<code>IconStateOr</code>
</li>
<li>
<icon-state-pa />
<code>IconStatePa</code>
</li>
<li>
<icon-state-ri />
<code>IconStateRi</code>
</li>
<li>
<icon-state-sc />
<code>IconStateSc</code>
</li>
<li>
<icon-state-sd />
<code>IconStateSd</code>
</li>
<li>
<icon-state-tn />
<code>IconStateTn</code>
</li>
<li>
<icon-state-tx />
<code>IconStateTx</code>
</li>
<li>
<icon-state-ut />
<code>IconStateUt</code>
</li>
<li>
<icon-state-va />
<code>IconStateVa</code>
</li>
<li>
<icon-state-vt />
<code>IconStateVt</code>
</li>
<li>
<icon-state-wa />
<code>IconStateWa</code>
</li>
<li>
<icon-state-wi />
<code>IconStateWi</code>
</li>
<li>
<icon-state-wv />
<code>IconStateWv</code>
</li>
<li>
<icon-state-wy />
<code>IconStateWy</code>
</li>
</ul>
<h2>
Miscellaneous Icons
</h2>
Expand Down
51 changes: 51 additions & 0 deletions es-vue-base/src/lib-icons/index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -115,3 +115,54 @@ export { default as IconYoutube } from './icon-youtube.vue';
export { default as IconFileDoc } from './icon-file-doc.vue';
export { default as IconFilePdf } from './icon-file-pdf.vue';
export { default as IconFileDocx } from './icon-file-docx.vue';

// State icons
export { default as IconStateAl } from './states/icon-state-al.vue';
export { default as IconStateAr } from './states/icon-state-ar.vue';
export { default as IconStateAz } from './states/icon-state-az.vue';
export { default as IconStateCa } from './states/icon-state-ca.vue';
export { default as IconStateCo } from './states/icon-state-co.vue';
export { default as IconStateCt } from './states/icon-state-ct.vue';
export { default as IconStateDc } from './states/icon-state-dc.vue';
export { default as IconStateDe } from './states/icon-state-de.vue';
export { default as IconStateFl } from './states/icon-state-fl.vue';
export { default as IconStateGa } from './states/icon-state-ga.vue';
export { default as IconStateIa } from './states/icon-state-ia.vue';
export { default as IconStateId } from './states/icon-state-id.vue';
export { default as IconStateIl } from './states/icon-state-il.vue';
export { default as IconStateIn } from './states/icon-state-in.vue';
export { default as IconStateKs } from './states/icon-state-ks.vue';
export { default as IconStateKy } from './states/icon-state-ky.vue';
export { default as IconStateLa } from './states/icon-state-la.vue';
export { default as IconStateMa } from './states/icon-state-ma.vue';
export { default as IconStateMd } from './states/icon-state-md.vue';
export { default as IconStateMe } from './states/icon-state-me.vue';
export { default as IconStateMi } from './states/icon-state-mi.vue';
export { default as IconStateMn } from './states/icon-state-mn.vue';
export { default as IconStateMo } from './states/icon-state-mo.vue';
export { default as IconStateMs } from './states/icon-state-ms.vue';
export { default as IconStateMt } from './states/icon-state-mt.vue';
export { default as IconStateNc } from './states/icon-state-nc.vue';
export { default as IconStateNd } from './states/icon-state-nd.vue';
export { default as IconStateNe } from './states/icon-state-ne.vue';
export { default as IconStateNh } from './states/icon-state-nh.vue';
export { default as IconStateNj } from './states/icon-state-nj.vue';
export { default as IconStateNm } from './states/icon-state-nm.vue';
export { default as IconStateNv } from './states/icon-state-nv.vue';
export { default as IconStateNy } from './states/icon-state-ny.vue';
export { default as IconStateOh } from './states/icon-state-oh.vue';
export { default as IconStateOk } from './states/icon-state-ok.vue';
export { default as IconStateOr } from './states/icon-state-or.vue';
export { default as IconStatePa } from './states/icon-state-pa.vue';
export { default as IconStateRi } from './states/icon-state-ri.vue';
export { default as IconStateSc } from './states/icon-state-sc.vue';
export { default as IconStateSd } from './states/icon-state-sd.vue';
export { default as IconStateTn } from './states/icon-state-tn.vue';
export { default as IconStateTx } from './states/icon-state-tx.vue';
export { default as IconStateUt } from './states/icon-state-ut.vue';
export { default as IconStateVa } from './states/icon-state-va.vue';
export { default as IconStateVt } from './states/icon-state-vt.vue';
export { default as IconStateWa } from './states/icon-state-wa.vue';
export { default as IconStateWi } from './states/icon-state-wi.vue';
export { default as IconStateWv } from './states/icon-state-wv.vue';
export { default as IconStateWy } from './states/icon-state-wy.vue';
38 changes: 38 additions & 0 deletions es-vue-base/src/lib-icons/states/icon-state-al.vue
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
<template>
<svg
:style="{
height: height,
width: width,
}"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 132.22 200"
fill="currentColor">
<path
d="M60.58 168.12c23.15.05 46.28-.16 69.41-.63-.08-2.9-.56-5.3-2.7-7.53l-1.27-.66c-2.23-3.79 1.58-7.43 1.57-11.12l-.64-1.38s1.18-2.08 1.18-2.11c.31-2.62-2.47-4.21-3.27-6.15-.62-1.48-.82-4.61-.77-6.21.02-.77 3.21-13.43 3.33-13.62.72-1.32 5.14-3.21 4.78-4.65-.26-1.02-3.13-1.78-3.75-2.67-.67-.95 1.17-1.42 1.17-2.12-.02-.45-.51-4.08-1.38-5.52-.63-1.03-1.9-1.67-2.53-2.72-1.52-2.53-1.48-5.8-2.65-8.27-3.8-8.08-4.87-17.75-6.54-26.84-2.68-14.49-5.45-28.96-8.43-43.39-1.02-4.9-2.03-9.82-3.03-14.74-.41-2.05-.83-4.1-1.25-6.14-.08-.42-.25-1.24-.25-1.24-23.15.47-46.28.6-69.44.16C28.68.47 23.23.34 17.78.2c-1.23-.02-5.02-.73-5.04.57.76 1.23 3.09 3.15 3.49 4.24.75 2.03-1.53 12.34-1.87 15.07-1.56 12.56-3.15 25.1-4.76 37.64-2.07 16.26-4.2 32.52-6.35 48.76-1.04 7.81-2.77 15.84-3.17 23.7-.33 6.63.45 13.53.69 20.19.47 14.27.97 28.53 1.48 42.78 1.01-.88 6.56-.31 7.56.8.3.35-.38 1.11-.04 1.38.93.69 1.53-.4 2.53.72.24.27.21-.68.33-1.02.35-1.17.46-2.29.6-3.51.17-1.56.27-3.13.63-4.65.14-.6.09-1.31.44-1.83l1.26-.68c.49-1.05.85-2.93 1.3-4.13v-1.37c1.59 1.76-.96.3.62 2.06l1.87.71c.65.62 1.99 3.97 1.84 4.85l-1.27 1.83c-.35 1.22.97 5.41 3.11 5.09l1.26-1.37c.31 0-.68 2.65-.65 2.76.31 1.18 3.09 1.43 2.49 3.11-1.03 2.96-5.68.21-6.3.3-.63.1-.71 1.13-1.28 1.37-.58.24-1.63-.58-1.9-.01-.45.95 3.4.03 3.69.02 2.57.02 5.64.52 8.08-.27.59-.2 5.99-1.99 5.27-2.39-.46-.26-2.64-.44-1.88-2.07.1-.22.42.23.63.34.87.49.91 1.74 2.51 1.04.29-.13.51-.41.63-.69.1-.21-.18-.55.01-.69.31-.22.73-.07 1.14.04.72-.82 1.85-1.86 2.56-2.36.38-.54.69-.99.71-1.11.08-.45-.69-.97-.38-1.3.08-.1.23-.15.42-.15-.87-.74-1.89-1.63-1.92-2.69-.03-1.6 1.84-3.23 1.9-4.83.09-2.08-3.28-2.37-4.38-3.48-.74-.73-4.19-4.61-4.37-5.54-.14-.85 1.09-2.59 1.28-3.45.04-.19-.14-2.01 0-2.07 2.16-.89 23.89.19 28 .21"
style="stroke-width: 0" />
</svg>
</template>

<script>
export default {
name: 'IconStateAl',
props: {
/**
* Width
*/
width: {
type: String,
default: '24px',
required: false,
},
/**
* Height
*/
height: {
type: String,
default: '24px',
required: false,
},
},
};
</script>
38 changes: 38 additions & 0 deletions es-vue-base/src/lib-icons/states/icon-state-ar.vue
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
<template>
<svg
:style="{
height: height,
width: width,
}"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 200 172.62"
fill="currentColor">
<path
d="M170.83 26.7c-.23-.37 2.82-6.11 3.26-6.59 0 0 2-.85 2.02-.86.51-.66.04-1.82.61-2.46.88-.95 3-.86 4.01-1.71 3.93-3.31 2.82-6.17.47-9.81-.65-1-1.04-3.45-2.11-4.03-1.35-.75-10.99.21-13.13.25-12.18.21-24.36.34-36.53.4C86.28 2.11 43.13 1.48 0 0c0 0 .42 3.9.64 5.84.37 3.41.75 6.83 1.12 10.23 1.13 10.2 2.59 20.4 3.44 30.64.93 11.42-.43 23.01-1.08 34.41C3.04 100.5 1.91 119.91.8 139.3c.61.77.74 1.76 1.31 2.47.56.7 2.57.65 2.77.92.22.27-.71.42-.73.79-.05 1.19 2.91 1.16 3.48.91 2.79-1.19-1.51-2.02 3.53-.7.86.22 7.03-.86 7.68 1.03 1.28 3.7-.57 20.89-.71 25.92 40.46 1.09 80.97 1.75 121.45 1.98 0 0 2.28-1.98 2.09-3.26-.05-.4-4.53-3.04-2.85-4.01.88-.52 3.52.65 4.23-.04.53-.51-.26-3.32-.03-4.05s2.1-1.71 2.09-2.46c-.01-1.71-5.26 2.94-4.25-3.2.21-1.3 4.35-3.39 3.48-4.89-1.6-2.72-2.43 4.68-6.3 2.48-.96-.55 3.98-2.95 3.49-4.07-2.15-4.84-2.88 4.73-4.9 1.66-.26-.38 2.07-2.74 2.07-3.25-.06-7.58-1.36 5.42-1.42-2.16-.01-1.83 1.85-.51 2.44-1.91.12-.27.4-.53.35-.8-.23-1.28-3.1-3.63-2.84-4.85.07-.37.69-.28 1.04-.43 1.12-.43 4.83 5.21 6.66 1.98.14-.26-.24-.55-.37-.8-1.03-2.36-3.83 1.33-3.87-4.02 0-.28-.25-.68-.01-.81.37-.2 6.62 1.52 6.29-.06-.2-.97-2.61-1.45-2.81-2.4-.27-1.19 1.48-2.86 1.35-4.08-.09-.77-2.75-2.44-1.09-3.44.36-.22.71.4 1.06.59.66.37 7.7-2.66 6.91-5.36-.06-.21-5.3-.41-4.21-2.38 1.02-1.83 6.28.87 6.24-.9-.02-1.63-4.05-.93-4.88-1.56-2.85-2.18 2.49-.75 2.77-.84l1.37-2.19c.89-1.44 3.46-1.13 3.42-3.57l-.72-1.61c2.01-2.09 3.41 2.41 3.49 2.39.47-.12 1-2.85 1.34-3.26.61-.75 2.21-.86 2.74-1.67.75-1.11-.72-3.66-.09-4.87.67-1.27 2.07-.82 2.05-2.47-.01-.27.14-.59-.01-.81-1.75-2.47-3.41-.92-1.81-4.85.12-.28.04-.82.34-.82 1.34-.02.43 2.74.73 3.24.34.58 3.43-1.95 3.42-2.5-.03-1.51-2.89-.84-3.48-1.57-.59-.72-.73-5.01 1.31-4.09 2.02.92-.81 2.83-.63 3.28.49 1.11 3.27-.93 3.42-1.7.13-.67-1.88-5.01-.78-5.68 2.61-1.61.75 2.03 1.41 2.42l2.28-1.12c1.82-.91 1.33.59 2.52.22 2.95-.94 1.26-5.75.55-7.34 0 0-.01-.82-.02-1.22 0-.41-.3-.92-.03-1.22.52-.57 2.77.35 3.43-.06.93-.6.97-3.77 1.98-4.12.89-.32 1.85 1.05 2.75.76.55-.17.85-5.07.57-5.72-.44-.98-4.46-1.4-4.17-2.35.27-.83 2.96-.93 3.39-1.7.34-.59-.9-4.88-1.47-4.86-1.66.04-.35 1.63-2.02 1.68 0 0 .84-4.9 3.32-4.96 2.02-.04-.61 4.37 4.13 2.35 1.85-.79-3.8-2.54-2.17-5.65 1.2-2.26 3.35 1.29 4.77-.11.84-.86-1.48-1.5-.73-2.44.28-.37 4.45-1.77 4.01-2.54-.99-1.7-7.1-1.83-4.84-3.97 1.19-1.13 5.19-.67 6.06-1.77.52-.67 0-1.89.63-2.46.43-.42 2.34.39 2.7-.08 1.65-2.09-3.48-1.46-1.46-4.04 1.43-1.82 5.99 1.32 3.11-1.98-.83-.93-1.04-1.18-1.87-2.12-6.83.18-13.66.33-20.5.48-.66.01-5.6.54-5.87.11"
style="stroke-width: 0" />
</svg>
</template>

<script>
export default {
name: 'IconStateAr',
props: {
/**
* Width
*/
width: {
type: String,
default: '24px',
required: false,
},
/**
* Height
*/
height: {
type: String,
default: '24px',
required: false,
},
},
};
</script>
38 changes: 38 additions & 0 deletions es-vue-base/src/lib-icons/states/icon-state-az.vue
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
<template>
<svg
:style="{
height: height,
width: width,
}"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 177.33 199"
fill="currentColor">
<path
d="m28.39.4-.09 3.11-.21 7.27c-.11 3.62.56 14.9-.5 17.64-.33.86-1.54 1.47-2 2.28-.49.87-.35 2.8-1.07 3.47-3.33 3.22-5.17-3.98-6.14-4.29-.31-.08-.65.12-.97.17l-1.94.33c-3.44-.47-2.88-1.89-6.77.35-2.09 1.19-1.99 5.47-.75 7.56.19.33.85.25.94.61.15.55-.49 1.75-.57 2.31-.35 2.56.65 4.6.71 7.03.04 1.32-.77 2.73-.63 4.06.37 3.5 2.79 6.22 2.57 10-.09 1.58-2.07 3.28-2.08 3.42-.04.91.97.29.94 1.2-.04 1.04-1.07.89-.62 3.47 0 0-.45 2.38-.12 3.49.3 1 1.44 1.22 1.39 2.38-.05 1.49 2.99 3.34 3.61 4.97.39 1.03 1.94 5.89 1.92 6.65-.01.25-.23.61-.03.77.25.22.68-.08.99.03.86.33 6.39 5.65 6.24 6.59-.42 2.51-6.8 4.12-8.12 5.55-.63.69-.56 2.1-1.08 2.88-.56.8-2.91 1.86-3.08 2.8l.94 1.77-1.04 1.13c-.69 1.79 1.16 3.61.82 5.25l-1.04 1.12c-.42 1.12-.06 2.97-.64 4.04-.35.65-1.16 1.08-1.57 1.69-.53.8-.85 2.85-1.63 3.42l-2.01.31c-.27.16-.52.44-.54.75-.01.26.46.34.48.59.05.64-1.26 1.67-1.09 2.28.27 1.02 1.69 1.68 1.91 2.97.24 1.44-1.37 3.16-1.18 4.59.51 3.83 6.41.24 6.88 5.46l.29 1.55c.04.25.24.53.14.78-.35.91-2.33 1.3-2.62 2.22-.19.66 1.21 1.95-.07 2.32-2.32.66-3.6-1.73-5.6.38l-.57.47c.83 1.6-3.31 5.62-2.76 6.92.03.07 6.21 2.36 6.86 2.61 6.87 2.61 13.75 5.18 20.64 7.72 19.53 7.19 39.09 14.28 58.65 21.39 6.77 2.45 13.56 4.88 20.35 7.27 2.78.98 5.87 2.59 8.76 3.07 6.57 1.06 14.37-.16 21.05-.27 13.65-.23 27.31-.6 40.97-1.07-2.04-65.73-4.1-131.48-6.18-197.22C123.58 1.6 75.97 1.73 28.39.4"
style="stroke-width: 0" />
</svg>
</template>

<script>
export default {
name: 'IconStateAz',
props: {
/**
* Width
*/
width: {
type: String,
default: '24px',
required: false,
},
/**
* Height
*/
height: {
type: String,
default: '24px',
required: false,
},
},
};
</script>
Loading

0 comments on commit f9851aa

Please sign in to comment.