Rework the sun, moon, and eclipse icons

sippy-platform · Sep 21, 2022 · c96c03a · c96c03a
1 parent 5add4f8
commit c96c03a
Show file tree

Hide file tree

Showing 13 changed files with 368 additions and 318 deletions.
diff --git a/docs/fonts/Valkyrie.css b/docs/fonts/Valkyrie.css
diff --git a/docs/fonts/Valkyrie.eot b/docs/fonts/Valkyrie.eot
diff --git a/docs/fonts/Valkyrie.scss b/docs/fonts/Valkyrie.scss
diff --git a/docs/fonts/Valkyrie.ttf b/docs/fonts/Valkyrie.ttf
diff --git a/docs/fonts/Valkyrie.woff b/docs/fonts/Valkyrie.woff
diff --git a/docs/fonts/Valkyrie.woff2 b/docs/fonts/Valkyrie.woff2
diff --git a/docs/index.html b/docs/index.html
@@ -669,6 +669,15 @@ <h1 class="display-5 m-0 text-marketing-icons">Valkyrie</h1>
       </div>
 
 
+      <div class="preview">
+        <span class="inner">
+          <i class="vi vi-eclipse-alt"></i>
+        </span>
+        <br>
+        <span class='label'>eclipse-alt</span>
+      </div>
+
+
       <div class="preview">
         <span class="inner">
           <i class="vi vi-eclipse"></i>
@@ -1740,6 +1749,15 @@ <h1 class="display-5 m-0 text-marketing-icons">Valkyrie</h1>
       </div>
 
 
+      <div class="preview">
+        <span class="inner">
+          <i class="vi vi-sun-alt"></i>
+        </span>
+        <br>
+        <span class='label'>sun-alt</span>
+      </div>
+
+
       <div class="preview">
         <span class="inner">
           <i class="vi vi-sun"></i>

diff --git a/icons/eclipse-alt.svg b/icons/eclipse-alt.svg
diff --git a/icons/eclipse.svg b/icons/eclipse.svg
diff --git a/icons/moon.svg b/icons/moon.svg
diff --git a/icons/sun-alt.svg b/icons/sun-alt.svg
diff --git a/icons/sun.svg b/icons/sun.svg
diff --git a/src/Valkyrie.ts b/src/Valkyrie.ts
@@ -461,12 +461,19 @@ export const viEarth: {
   name: 'earth',
   data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 16" fill="currentColor"><path d="M7.5 4.7v.5a.3.3 0 0 0 .59.13l.22-.45a.43.43 0 1 0-.81-.19Z"/><path fill-rule="evenodd" d="M10 16a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm5.9-5.25a.85.85 0 0 0-.62-.25.92.92 0 0 1-.51-.15l-1.02-.68a1 1 0 0 0-.55-.17h-.4a1 1 0 0 1-.55-.17l-1-.66a1 1 0 0 0-.55-.17h-.96a1 1 0 0 0-.45.1l-1.5.75a1 1 0 0 0-.44.45l-.24.49a1 1 0 0 0-.11.45v.85c0 .26.1.52.3.7l.9.92a1 1 0 0 0 .71.29h.84c.41 0 .75.34.75.75 0 .08.01.16.04.23l-.54.02A6.5 6.5 0 0 1 5.5 3.31v.53a.4.4 0 0 0 .74.17l.16-.32a.65.65 0 0 1 .3-.29l.14-.07a.85.85 0 0 0 .35-1.2 6.47 6.47 0 0 1 3.48-.6.96.96 0 0 0-.46.26l-1 1a.7.7 0 0 0-.21.5v.21c0 .28.22.5.5.5h.15c.2 0 .35-.16.35-.35 0-.1.04-.19.1-.25l.2-.2a.7.7 0 0 1 .5-.2h.35a.35.35 0 0 1 .25.6l-.73.73a1 1 0 0 1-.4.24l-.97.33a.44.44 0 0 0-.3.42c0 .11-.05.23-.13.3l-.58.59a1 1 0 0 0-.29.7v.16c0 .51.42.93.94.93.34 0 .66-.2.81-.5l.09-.18a.59.59 0 0 1 .78-.26l.82.41a.27.27 0 0 0 .36-.36l-.1-.2a.4.4 0 0 1 .24-.56l.86-.28a.3.3 0 0 0 .2-.28.3.3 0 0 1 .3-.29h.95a.25.25 0 1 1 0 .5h-.46a.7.7 0 0 0-.5.2l-.19.2a.35.35 0 0 0 .25.6h.36a.7.7 0 0 1 .5.2l.11.12a.6.6 0 0 1 0 .86.62.62 0 0 0-.12.72l.4.8a.9.9 0 0 0 1.2.4l.03-.01a.8.8 0 0 1 .36-.09c-.09.26-.18.5-.3.75Z"/></svg>`
 };
+export const viEclipseAlt: {
+  name: 'eclipse_alt';
+  data: string;
+} = {
+  name: 'eclipse_alt',
+  data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 16" fill="currentColor"><path d="M10.08 4.95c.18-.13.14-.45-.08-.45a3.5 3.5 0 1 0 3.18 4.96c.1-.23-.22-.42-.44-.29a2.5 2.5 0 0 1-2.66-4.23Z"/><path fill-rule="evenodd" d="M8.59.94c.7-.96 2.13-.96 2.82 0l.88 1.2c.05.08.14.11.24.1L13.99 2a1.75 1.75 0 0 1 2 2l-.23 1.46c-.01.1.03.19.1.24l1.2.88c.96.7.96 2.13 0 2.82l-1.2.88a.25.25 0 0 0-.1.24l.23 1.46a1.75 1.75 0 0 1-2 2l-1.46-.23a.25.25 0 0 0-.24.1l-.88 1.2c-.7.96-2.13.96-2.82 0l-.88-1.2a.25.25 0 0 0-.24-.1L6.01 14a1.75 1.75 0 0 1-2-2l.23-1.46a.25.25 0 0 0-.1-.24l-1.2-.88a1.75 1.75 0 0 1 0-2.82l1.2-.88a.25.25 0 0 0 .1-.24L4 4.01a1.75 1.75 0 0 1 2-2l1.46.23c.1.01.19-.02.24-.1l.9-1.2Zm1.61.89a.25.25 0 0 0-.4 0l-.87 1.2c-.4.52-1.04.8-1.69.7l-1.46-.24a.25.25 0 0 0-.29.29l.23 1.46c.1.65-.17 1.3-.7 1.69l-1.2.87c-.13.1-.13.3 0 .4l1.2.87c.53.4.8 1.04.7 1.69l-.23 1.46c-.03.17.12.32.29.29l1.46-.23c.65-.1 1.3.17 1.69.7l.87 1.2c.1.13.3.13.4 0l.87-1.2c.4-.53 1.04-.8 1.69-.7l1.46.23c.17.03.32-.12.29-.29l-.23-1.46c-.1-.65.17-1.3.7-1.69l1.2-.87c.13-.1.13-.3 0-.4l-1.2-.87a1.75 1.75 0 0 1-.7-1.69l.23-1.46a.25.25 0 0 0-.29-.29l-1.46.23c-.65.1-1.3-.17-1.69-.7l-.87-1.2Z"/></svg>`
+};
 export const viEclipse: {
   name: 'eclipse';
   data: string;
 } = {
   name: 'eclipse',
-  data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 16" fill="currentColor"><path d="M10.08 4.95c.18-.13.14-.45-.08-.45a3.5 3.5 0 1 0 3.18 4.96c.1-.23-.22-.42-.44-.29a2.5 2.5 0 0 1-2.66-4.23Z"/><path fill-rule="evenodd" d="M8.59.94c.7-.96 2.13-.96 2.82 0l.88 1.2c.05.08.14.11.24.1L13.99 2a1.75 1.75 0 0 1 2 2l-.23 1.46c-.01.1.03.19.1.24l1.2.88c.96.7.96 2.13 0 2.82l-1.2.88a.25.25 0 0 0-.1.24l.23 1.46a1.75 1.75 0 0 1-2 2l-1.46-.23a.25.25 0 0 0-.24.1l-.88 1.2c-.7.96-2.13.96-2.82 0l-.88-1.2a.25.25 0 0 0-.24-.1L6.01 14a1.75 1.75 0 0 1-2-2l.23-1.46a.25.25 0 0 0-.1-.24l-1.2-.88a1.75 1.75 0 0 1 0-2.82l1.2-.88a.25.25 0 0 0 .1-.24L4 4.01a1.75 1.75 0 0 1 2-2l1.46.23c.1.01.19-.02.24-.1l.9-1.2Zm1.61.89a.25.25 0 0 0-.4 0l-.87 1.2c-.4.52-1.04.8-1.69.7l-1.46-.24a.25.25 0 0 0-.29.29l.23 1.46c.1.65-.17 1.3-.7 1.69l-1.2.87c-.13.1-.13.3 0 .4l1.2.87c.53.4.8 1.04.7 1.69l-.23 1.46c-.03.17.12.32.29.29l1.46-.23c.65-.1 1.3.17 1.69.7l.87 1.2c.1.13.3.13.4 0l.87-1.2c.4-.53 1.04-.8 1.69-.7l1.46.23c.17.03.32-.12.29-.29l-.23-1.46c-.1-.65.17-1.3.7-1.69l1.2-.87c.13-.1.13-.3 0-.4l-1.2-.87a1.75 1.75 0 0 1-.7-1.69l.23-1.46a.25.25 0 0 0-.29-.29l-1.46.23c-.65.1-1.3-.17-1.69-.7l-.87-1.2Z"/></svg>`
+  data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 16" fill="currentColor"><path d="M10 0a.75.75 0 0 0-.75.75v.5a.75.75 0 0 0 1.5 0v-.5A.75.75 0 0 0 10 0ZM2 8c0 .41.34.75.75.75h.5a.75.75 0 0 0 0-1.5h-.5A.75.75 0 0 0 2 8Zm14 0c0 .41.34.75.75.75h.5a.75.75 0 0 0 0-1.5h-.5A.75.75 0 0 0 16 8Zm-6 8c.41 0 .75-.34.75-.75v-.5a.75.75 0 0 0-1.5 0v.5c0 .41.34.75.75.75ZM4.34 2.34a.75.75 0 0 0 0 1.06l.36.36A.75.75 0 0 0 5.76 2.7l-.36-.36a.75.75 0 0 0-1.06 0Zm0 11.32c.3.29.77.29 1.06 0l.36-.36a.75.75 0 0 0-1.06-1.06l-.36.36a.75.75 0 0 0 0 1.06Zm9.9-9.9c.3.29.77.29 1.06 0l.36-.36a.75.75 0 0 0-1.06-1.06l-.36.36a.75.75 0 0 0 0 1.06Zm1.42 9.9a.75.75 0 0 0 0-1.06l-.36-.36a.75.75 0 0 0-1.06 1.06l.36.36c.29.29.76.29 1.06 0Z"/><path fill-rule="evenodd" d="M13.17 9.5c.67-.04 1.28-.3 1.77-.71a5 5 0 1 1-2.6-5.22h-.01a3 3 0 0 0 .84 5.93Zm-1.19 1.38a4.5 4.5 0 0 1-3.1-6.2 3.5 3.5 0 1 0 3.1 6.2Z"/><path d="M11.73 4.96a3.5 3.5 0 0 1 1.74 3.48 2 2 0 0 0 1.45-1.36 4.99 4.99 0 0 0-1.24-2.46 2 2 0 0 0-1.95.34Z"/></svg>`
 };
 export const viEdge: {
   name: 'edge';
@@ -991,7 +998,7 @@ export const viMoon: {
   data: string;
 } = {
   name: 'moon',
-  data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 16" fill="currentColor"><path fill-rule="evenodd" d="M13.34.73A7.97 7.97 0 0 0 10 0a8 8 0 1 0 7.14 11.61v-.02c.12-.21.22-.44.3-.67.2-.5-.61-.88-1.07-.6a4.48 4.48 0 0 1-.36.21h-.02A4.5 4.5 0 1 1 14 2c.37.01.64-.52.33-.72a8.02 8.02 0 0 0-1-.54Zm1.4 11.73A6.48 6.48 0 0 1 3.5 8a6.5 6.5 0 0 1 7.14-6.47 6 6 0 0 0 4.1 10.93Z"/></svg>`
+  data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 16" fill="currentColor"><path fill-rule="evenodd" d="M12.9 1.08A7.45 7.45 0 0 0 10 .5a7.5 7.5 0 1 0 6.32 11.53l.02-.02a7.69 7.69 0 0 0 .42-.76c.22-.46-.42-.87-.88-.66A4.48 4.48 0 0 1 9.5 6.5 4.5 4.5 0 0 1 14 2c.15 0 .23-.2.1-.28a7.11 7.11 0 0 0-1.2-.64Zm1.07 11.42A6 6 0 1 1 10.03 2a5.99 5.99 0 0 0 3.94 10.5Z"/></svg>`
 };
 export const viMusic: {
   name: 'music';
@@ -1294,12 +1301,19 @@ export const viStrikethrough: {
   name: 'strikethrough',
   data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 16" fill="currentColor"><path d="M5 4.75A3.75 3.75 0 0 1 8.75 1h4.5a.75.75 0 0 1 0 1.5h-4.5a2.25 2.25 0 0 0-1.68 3.75H5.31c-.2-.46-.31-.97-.31-1.5Zm8.42 5h1.63a4 4 0 0 1-3.8 5.25h-5.5a.75.75 0 0 1 0-1.5h5.5a2.5 2.5 0 0 0 2.17-3.75Zm2.83-1a.75.75 0 0 0 0-1.5H3.75a.75.75 0 0 0 0 1.5h12.5Z"/></svg>`
 };
+export const viSunAlt: {
+  name: 'sun_alt';
+  data: string;
+} = {
+  name: 'sun_alt',
+  data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 16" fill="currentColor"><path fill-rule="evenodd" d="M13.5 8a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0ZM12 8a2 2 0 1 0-4 0 2 2 0 0 0 4 0Z"/><path fill-rule="evenodd" d="M8.59.94c.7-.96 2.13-.96 2.82 0l.88 1.2c.05.08.14.11.24.1L13.99 2a1.75 1.75 0 0 1 2 2l-.23 1.46c-.01.1.03.19.1.24l1.2.88c.96.7.96 2.13 0 2.82l-1.2.88a.25.25 0 0 0-.1.24l.23 1.46a1.75 1.75 0 0 1-2 2l-1.46-.23a.25.25 0 0 0-.24.1l-.88 1.2c-.7.96-2.13.96-2.82 0l-.88-1.2a.25.25 0 0 0-.24-.1L6.01 14a1.75 1.75 0 0 1-2-2l.23-1.46a.25.25 0 0 0-.1-.24l-1.2-.88a1.75 1.75 0 0 1 0-2.82l1.2-.88a.25.25 0 0 0 .1-.24L4 4.01a1.75 1.75 0 0 1 2-2l1.46.23c.1.01.19-.02.24-.1l.9-1.2Zm1.61.89a.25.25 0 0 0-.4 0l-.87 1.2c-.4.52-1.04.8-1.69.7l-1.46-.24a.25.25 0 0 0-.29.29l.23 1.46c.1.65-.17 1.3-.7 1.69l-1.2.87c-.13.1-.13.3 0 .4l1.2.87c.53.4.8 1.04.7 1.69l-.23 1.46c-.03.17.12.32.29.29l1.46-.23c.65-.1 1.3.17 1.69.7l.87 1.2c.1.13.3.13.4 0l.87-1.2c.4-.53 1.04-.8 1.69-.7l1.46.23c.17.03.32-.12.29-.29l-.23-1.46c-.1-.65.17-1.3.7-1.69l1.2-.87c.13-.1.13-.3 0-.4l-1.2-.87a1.75 1.75 0 0 1-.7-1.69l.23-1.46a.25.25 0 0 0-.29-.29l-1.46.23c-.65.1-1.3-.17-1.69-.7l-.87-1.2Z"/></svg>`
+};
 export const viSun: {
   name: 'sun';
   data: string;
 } = {
   name: 'sun',
-  data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 16" fill="currentColor"><path fill-rule="evenodd" d="M13.5 8a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0ZM12 8a2 2 0 1 0-4 0 2 2 0 0 0 4 0Z"/><path fill-rule="evenodd" d="M8.59.94c.7-.96 2.13-.96 2.82 0l.88 1.2c.05.08.14.11.24.1L13.99 2a1.75 1.75 0 0 1 2 2l-.23 1.46c-.01.1.03.19.1.24l1.2.88c.96.7.96 2.13 0 2.82l-1.2.88a.25.25 0 0 0-.1.24l.23 1.46a1.75 1.75 0 0 1-2 2l-1.46-.23a.25.25 0 0 0-.24.1l-.88 1.2c-.7.96-2.13.96-2.82 0l-.88-1.2a.25.25 0 0 0-.24-.1L6.01 14a1.75 1.75 0 0 1-2-2l.23-1.46a.25.25 0 0 0-.1-.24l-1.2-.88a1.75 1.75 0 0 1 0-2.82l1.2-.88a.25.25 0 0 0 .1-.24L4 4.01a1.75 1.75 0 0 1 2-2l1.46.23c.1.01.19-.02.24-.1l.9-1.2Zm1.61.89a.25.25 0 0 0-.4 0l-.87 1.2c-.4.52-1.04.8-1.69.7l-1.46-.24a.25.25 0 0 0-.29.29l.23 1.46c.1.65-.17 1.3-.7 1.69l-1.2.87c-.13.1-.13.3 0 .4l1.2.87c.53.4.8 1.04.7 1.69l-.23 1.46c-.03.17.12.32.29.29l1.46-.23c.65-.1 1.3.17 1.69.7l.87 1.2c.1.13.3.13.4 0l.87-1.2c.4-.53 1.04-.8 1.69-.7l1.46.23c.17.03.32-.12.29-.29l-.23-1.46c-.1-.65.17-1.3.7-1.69l1.2-.87c.13-.1.13-.3 0-.4l-1.2-.87a1.75 1.75 0 0 1-.7-1.69l.23-1.46a.25.25 0 0 0-.29-.29l-1.46.23c-.65.1-1.3-.17-1.69-.7l-.87-1.2Z"/></svg>`
+  data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 16" fill="currentColor"><path fill-rule="evenodd" d="M10 0a.75.75 0 0 0-.75.75v.5a.75.75 0 0 0 1.5 0v-.5A.75.75 0 0 0 10 0ZM2 8c0 .41.34.75.75.75h.5a.75.75 0 0 0 0-1.5h-.5A.75.75 0 0 0 2 8Zm14 0c0 .41.34.75.75.75h.5a.75.75 0 0 0 0-1.5h-.5A.75.75 0 0 0 16 8Zm-6 8c.41 0 .75-.34.75-.75v-.5a.75.75 0 0 0-1.5 0v.5c0 .41.34.75.75.75ZM4.34 2.34a.75.75 0 0 0 0 1.06l.36.36A.75.75 0 0 0 5.76 2.7l-.36-.36a.75.75 0 0 0-1.06 0Zm0 11.32c.3.29.77.29 1.06 0l.36-.36a.75.75 0 0 0-1.06-1.06l-.36.36a.75.75 0 0 0 0 1.06Zm9.9-9.9c.3.29.77.29 1.06 0l.36-.36a.75.75 0 0 0-1.06-1.06l-.36.36a.75.75 0 0 0 0 1.06Zm1.42 9.9a.75.75 0 0 0 0-1.06l-.36-.36a.75.75 0 0 0-1.06 1.06l.36.36c.29.29.76.29 1.06 0ZM10 11.5a3.5 3.5 0 1 1 0-7 3.5 3.5 0 0 1 0 7Zm0 1.5a5 5 0 1 0 0-10 5 5 0 0 0 0 10Z"/></svg>`
 };
 export const viSwatchbook: {
   name: 'swatchbook';
@@ -1592,6 +1606,7 @@ export type Valkyrie =
   | 'devices'
   | 'display'
   | 'earth'
+  | 'eclipse_alt'
   | 'eclipse'
   | 'edge'
   | 'ellipsis'
@@ -1711,6 +1726,7 @@ export type Valkyrie =
   | 'stop'
   | 'store'
   | 'strikethrough'
+  | 'sun_alt'
   | 'sun'
   | 'swatchbook'
   | 'table_clock'
@@ -1818,6 +1834,7 @@ export const valkyrieSet = [
   viDevices,
   viDisplay,
   viEarth,
+  viEclipseAlt,
   viEclipse,
   viEdge,
   viEllipsis,
@@ -1937,6 +1954,7 @@ export const valkyrieSet = [
   viStop,
   viStore,
   viStrikethrough,
+  viSunAlt,
   viSun,
   viSwatchbook,
   viTableClock,