@awes-io/ui 2.87.0 → 2.88.0

package/assets/css/components/page-menu-buttons.css

@@ -26,24 +26,23 @@
         & > * {
             margin-bottom: 1rem;
         }
+    }
 
-        .aw-button-fixed {
-            min-width: 3rem;
-            height: 3rem;
-            padding-left: 1rem;
-            padding-right: 1rem;
-            border-radius: 0.625rem;
-        }
-
-        .aw-button {
-            min-width: 3.5rem;
-            min-height: 3.5rem;
-            border-radius: 0.9375rem;
-
-            .aw-button__content {
-                min-width: 3.5rem;
-                min-height: 3.5rem;
-            }
+    &__fixed-btn-text {
+        flex-shrink: 1;
+        max-width: 1px;
+        margin-left: -0.5rem;
+
+        opacity: 0.1;
+        transition-property: max-width, margin, opacity;
+        transition-duration: 120ms;
+
+        &--expanded {
+            max-width: 16rem;
+            margin-left: 0;
+            opacity: 1;
+            transition-timing-function: ease-out;
+            transition-duration: 210ms;
         }
     }
 }

package/assets/css/components/page-modal.css

@@ -57,7 +57,7 @@ $modal-size: 600px;
         transition: 60ms background-color;
 
         &:hover {
-            @apply text-link;
+            @apply text-accent;
         }
     }
 

package/assets/css/components/tab-nav.css

@@ -75,10 +75,10 @@
     }
 
     &_active > span {
-        color: var(--c-link);
+        color: var(--c-on-surface);
 
         &::after {
-            background-color: var(--c-link);
+            background-color: var(--c-on-surface);
         }
     }
 

package/assets/css/components/table.css

@@ -152,11 +152,11 @@
         }
 
         &--asc:after {
-            border-bottom-color: var(--c-link);
+            border-bottom-color: var(--c-on-surface);
         }
 
         &--desc:before {
-            border-top-color: var(--c-link);
+            border-top-color: var(--c-on-surface);
         }
     }
 

package/assets/css/components/user-menu.css

@@ -61,7 +61,7 @@
         color: var(--c-on-surface);
         border-bottom-width: 1px;
 
-        &-icon--mono {
+        &-icon {
             color: var(--c-mono-400);
         }
 

package/assets/css/typography.css

@@ -1,9 +1,14 @@
 @layer base {
     html {
-        @apply bg-mono-900 font-body;
+        @apply font-body;
+
+        background-color: var(--page-bg);
+        color: var(--c-on-page-bg);
+
         line-height: 1.5;
 
-        scrollbar-color: rgba(var(--c-on-surface-rgb), 0.1) transparent;
+        overscroll-behavior-y: none;
+        scrollbar-color: rgba(var(--c-on-page-bg-rgb), 0.1) transparent;
 
         &::-webkit-scrollbar {
             width: 12px;
@@ -12,7 +17,7 @@
         }
 
         &::-webkit-scrollbar-thumb {
-            background-color: rgba(var(--c-on-surface-rgb), 0.1);
+            background-color: rgba(var(--c-on-page-bg-rgb), 0.1);
         }
     }
 
@@ -72,6 +77,11 @@
         }
     }
 
+    ol,
+    ul {
+        padding-left: 1.5rem;
+    }
+
     blockquote {
         padding: theme('spacing.4', 1rem);
         margin-left: 0;
@@ -114,7 +124,13 @@
         font-size: 1em;
     }
 
-    code:where(:not([class*="language-"])) {
+    code {
+        color: var(--c-mono-300);
+        background: var(--c-mono-900);
+        border-radius: 0.25rem;
+    }
+
+    code:where(:not([class*='language-'])) {
         @apply text-error bg-error bg-opacity-20;
         padding: 0.125em 0.25em;
         border-radius: theme('borderRadius.sm', 0);
@@ -140,7 +156,7 @@
         background-color: transparent;
         color: inherit;
         text-decoration: inherit;
-        color: var(--c-link);
+        color: var(--btn-color, var(--c-accent, #56af40));
 
         &:focus {
             outline: none;
@@ -149,7 +165,11 @@
 
     a:not([class]):hover,
     .link:hover {
-        color: var(--c-accent-hover);
+        color: color-mix(
+            in srgb,
+            var(--btn-color, var(--c-accent, #56af40)) 81%,
+            var(--c-mono-0)
+        );
         text-decoration: underline;
     }
 
@@ -344,7 +364,8 @@
         border-bottom-width: 1px;
     }
 
-    td, th {
+    td,
+    th {
         padding: theme('spacing.3', 0.75rem) theme('spacing.4', 1rem);
         font-weight: 400;
         text-align: left;

package/assets/js/icons/mono.js

@@ -1,4 +1,88 @@
-export default {
+export const ICONS = {
+    angle:
+        'm14.3 18.7-6-6a1 1 0 0 1-.1-1.3l.1-.1 6-6a1 1 0 0 1 1.5 1.3v.1l-5.1 5.4 5 5.2a1 1 0 0 1 .1 1.3v.1a1 1 0 0 1-1.4.1h-.1Z',
+    'angle-l':
+        'm9.7 18.7 6-6a1 1 0 0 0 .1-1.3v-.1l-6-6a1 1 0 0 0-1.6 1.3l.1.1 5 5.4-5 5.2a1 1 0 0 0-.1 1.3l.1.1a1 1 0 0 0 1.3.1h.1Z',
+    arrow:
+        'm1.3 12.5 6.2 6.2.1.1a1 1 0 0 0 1.3-.1l.1-.1a1 1 0 0 0 0-1.4l-4.5-4.4h17.6a1 1 0 0 0 .9-1v-.2a1 1 0 0 0-1-.8H4.5L9 6.3H9a1 1 0 0 0-1.5-1.4L1.3 11h-.1a1 1 0 0 0 .1 1.4Z',
+    'arrow-l':
+        'm22.7 12.5-6.2 6.2-.1.1a1 1 0 0 1-1.3-.1l-.1-.1a1 1 0 0 1 0-1.4l4.5-4.4H1.9a1 1 0 0 1-.9-1v-.2a1 1 0 0 1 1-.8h17.5L15 6.3H15a1 1 0 0 1 1.5-1.4l6.2 6.2h.1a1 1 0 0 1-.1 1.4Z',
+    ban:
+        'M23 12a11 11 0 1 1-22 0 11 11 0 0 1 22 0Zm-4.96 7.18A9.37 9.37 0 0 1 4.83 5.97l13.2 13.2Zm1.15-1.15L5.98 4.82a9.37 9.37 0 0 1 13.2 13.2Z',
+    check:
+        'm9.5 16 9.4-9.7a1 1 0 0 1 1.6 0c.3.4.4 1 0 1.5v.1L10.2 18.4a1 1 0 0 1-1.4.1h-.1l-4.4-4.6c-.4-.4-.4-1.1 0-1.6a1 1 0 0 1 1.4 0H6L9.5 16Z',
+    'check-circle':
+        'M12 1a11 11 0 1 1 0 22 11 11 0 0 1 0-22Zm0 1.7a9.3 9.3 0 1 0 0 18.7 9.3 9.3 0 0 0 0-18.7Zm-1.4 10.9 5-5a.8.8 0 0 1 1.2 1.1v.1l-5.6 5.5a.8.8 0 0 1-1 .1H10l-2.7-2.8a.8.8 0 0 1 1-1.3l.2.1 2.1 2.2Z',
+    close:
+        'M5.4 5.6a1.4 1.4 0 0 1 1.9 0l4.4 4.5 4.5-4.5a1.3 1.3 0 1 1 1.9 2L13.6 12l4.5 4.5a1.3 1.3 0 1 1-2 1.9l-4.4-4.5-4.4 4.5a1.4 1.4 0 0 1-2-2L9.9 12 5.4 7.5a1.3 1.3 0 0 1 0-1.9Z',
+    'close-circle':
+        'M12 1a11 11 0 1 1 0 22 11 11 0 0 1 0-22Zm0 1.65a9.35 9.35 0 1 0 0 18.7 9.35 9.35 0 0 0 0-18.7Zm3.8 5.39.09.08a.82.82 0 0 1 .08 1.07l-.08.1L13.17 12l2.72 2.72a.83.83 0 0 1 .08 1.07l-.08.1a.82.82 0 0 1-1.08.07l-.09-.08L12 13.17 9.3 15.88a.83.83 0 0 1-1.08.08l-.09-.08a.83.83 0 0 1-.08-1.07l.08-.1L10.84 12 8.12 9.28a.83.83 0 0 1-.08-1.07l.08-.1a.83.83 0 0 1 1.08-.07l.09.08L12 10.83l2.72-2.71a.82.82 0 0 1 1.08-.08Z',
+    download:
+        'M12.27 7.77c.43 0 .78.32.84.73V19.57l3-3 .1-.08a.85.85 0 0 1 1.18 1.18l-.08.1-4.43 4.42-.1.08c-.3.22-.7.22-1 .01l-.1-.09-4.43-4.43-.08-.1a.85.85 0 0 1 0-.99l.08-.1.1-.08c.3-.22.7-.23 1-.01l.1.09 2.97 2.97V8.62c0-.47.38-.85.85-.85ZM12 1c2.94 0 5.5 1.9 6.41 4.6h.12a4.47 4.47 0 1 1 0 8.94h-3.15a.85.85 0 0 1 0-1.7h3.15a2.78 2.78 0 1 0-.57-5.48.85.85 0 0 1-.97-.55l-.03-.12-.05-.23a5.08 5.08 0 0 0-9.82 0l-.05.21v.03a.84.84 0 0 1-.47.59l-.1.04-.05.01-.07.02h-.31a2.78 2.78 0 1 0-.75 5.49h3.33a.85.85 0 0 1 .11 1.68H5.47a4.47 4.47 0 0 1 0-8.93h.11A6.77 6.77 0 0 1 12 1Z',
+    drag:
+        'M8 6a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM8 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM8 22a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM16 6a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM16 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM16 22a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z',
+    edit:
+        'm14 5 5 5L9 20c-.2.3-.6.5-1 .6L3 22a.8.8 0 0 1-1-1l1.4-5c.1-.4.3-.8.6-1L14 5Zm7-2a3.6 3.6 0 0 1 0 5l-1 1-5-5 1-1a3.6 3.6 0 0 1 5 0Z',
+    eye:
+        'M12 9a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9Zm0 1.7a2.8 2.8 0 1 0 0 5.6 2.8 2.8 0 0 0 0-5.6ZM12 5c5.2 0 9.7 3.6 11 8.6a.8.8 0 1 1-1.7.4 9.6 9.6 0 0 0-18.6 0 .8.8 0 0 1-1.7-.4A11.3 11.3 0 0 1 12 5Z',
+    'eye-no':
+        'M1.2 1.2a.8.8 0 0 0 0 1.1v.1l4.5 4.4a11 11 0 0 0-4.4 6.4.8.8 0 0 0 1.6.4c.6-2.3 2-4.3 4-5.6l2 2a4.4 4.4 0 0 0 6.2 6.2l6.5 6.6a.8.8 0 0 0 1.2-1.1v-.1L16 14.9l-1.3-1.4-3.1-3.1-3.2-3.2L7 6 2.4 1.2a.8.8 0 0 0-1.2 0Zm8.8 10 4 3.9a2.8 2.8 0 0 1-4-4Zm2-6.4a11 11 0 0 0-3.2.5l1.4 1.4A9.4 9.4 0 0 1 21 13.6a.8.8 0 0 0 1.6-.4A11 11 0 0 0 12 4.8Zm.2 4 4.2 4a4.4 4.4 0 0 0-4.2-4Z',
+    external:
+        'M21.94 1h-6.63a1.06 1.06 0 1 0 0 2.12h3.98L10 12.4a1.13 1.13 0 0 0 1.72 1.46l9.15-9.15V8.7a1.06 1.06 0 1 0 2.12 0V2.06A1.06 1.06 0 0 0 21.94 1Zm-2.25 9.41a1.06 1.06 0 0 0-1.06 1.2v7.94a1.33 1.33 0 0 1-1.33 1.33H4.58a1.33 1.33 0 0 1-1.33-1.33V6.7a1.33 1.33 0 0 1 1.33-1.33h6.89a1.13 1.13 0 0 0 0-2.25h-6.9A3.58 3.58 0 0 0 1 6.7v12.72A3.58 3.58 0 0 0 4.58 23H17.3a3.58 3.58 0 0 0 3.58-3.58v-7.95a1.06 1.06 0 0 0-1.2-1.06Z',
+    filter:
+        'M9.97 22.78a.82.82 0 0 1-.82-.81v-7.84L1.6 5.83A2.29 2.29 0 0 1 3.29 2h17.43a2.29 2.29 0 0 1 1.7 3.82l-7.56 8.31v4.58a.82.82 0 0 1-.3.63l-4.08 3.26a.82.82 0 0 1-.51.18ZM3.29 3.63a.66.66 0 0 0-.49 1.1l7.77 8.55c.13.15.2.34.21.54v6.45l2.45-1.97v-4.48c0-.2.07-.4.2-.55l7.78-8.56a.66.66 0 0 0-.49-1.08H3.3Z',
+    'file-image':
+        'm19.9 5.21-3.61-3.6c-.39-.4-.91-.6-1.45-.61H6.07C4.92 1 4 1.92 4 3.07v17.87C4 22.08 4.92 23 6.07 23h12.36c1.15 0 2.07-.92 2.07-2.06V6.68c0-.55-.22-1.08-.6-1.47ZM18.27 6.5H15V3.23l3.27 3.27ZM6.06 20.94V3.07h6.87v4.46c0 .58.46 1.04 1.04 1.04h4.46v12.37H6.06Zm1.38-2.07h9.62v-5.5l-1-1a.52.52 0 0 0-.74 0l-3.75 3.76-1.7-1.7a.52.52 0 0 0-.73 0l-1.7 1.7v2.75ZM9.5 8.57a2.07 2.07 0 1 0-.3 4.12 2.07 2.07 0 0 0 .3-4.12Z',
+    'file-word':
+        'm19.62 5.2-3.54-3.6a2 2 0 0 0-1.44-.6H6.03C4.9 1 4 1.93 4 3.06v17.88C4 22.07 4.9 23 6.03 23h12.15c1.13 0 2.03-.93 2.03-2.06V6.66c0-.54-.22-1.06-.59-1.46Zm-1.61 1.3h-3.2V3.23l3.21 3.27ZM6.03 20.94V3.06h6.75v4.47c0 .58.46 1.03 1.02 1.03h4.38v12.38H6.03ZM15.3 12a.5.5 0 0 0-.48.4c-.87 4.2-.87 4.1-.9 4.45l-.02-.18c-.03-.22 0 0-1-4.29a.5.5 0 0 0-.5-.38h-.56a.5.5 0 0 0-.49.4c-1.04 4.24-1.01 4.12-1.04 4.44l-.02-.17-.81-4.26a.51.51 0 0 0-.5-.42h-.7a.52.52 0 0 0-.5.64l1.4 5.84c.06.23.25.4.5.4h1.06a.5.5 0 0 0 .49-.4l.75-3.07c.07-.26.12-.52.13-.74l.11.74.77 3.07c.05.23.25.4.48.4h1.05c.23 0 .44-.17.5-.4l1.44-5.84a.51.51 0 0 0-.49-.64h-.67V12Z',
+    'file-excel':
+        'm19.7 5.21-3.56-3.6A2.02 2.02 0 0 0 14.7 1H6.05C4.9 1 4 1.92 4 3.07v17.87C4 22.08 4.91 23 6.05 23h12.2c1.14 0 2.05-.92 2.05-2.06V6.68c0-.55-.22-1.08-.6-1.47ZM18.1 6.5h-3.23V3.23l3.22 3.27ZM6.04 20.94V3.07h6.78v4.46c0 .58.45 1.04 1.02 1.04h4.4v12.37H6.06Zm8.98-10.32h-1.2a.5.5 0 0 0-.46.28 20.42 20.42 0 0 0-1.2 2.47c-.6-1.24-.3-.73-1.22-2.47a.5.5 0 0 0-.46-.28H9.27c-.4 0-.64.45-.44.78l1.96 3.35-1.96 3.36a.5.5 0 0 0 .44.77h1.22c.19 0 .36-.11.44-.28.92-1.72.99-1.93 1.22-2.48.63 1.3.25.69 1.21 2.48a.5.5 0 0 0 .45.27h1.22c.4 0 .64-.42.44-.77l-1.97-3.35 1.97-3.34a.52.52 0 0 0-.44-.77v-.02Z',
+    'file-pdf':
+        'm18.72 5.21-3.35-3.6A1.85 1.85 0 0 0 14.02 1h-8.1C4.85 1 4 1.92 4 3.07v17.87C4 22.08 4.86 23 5.91 23h11.44c1.06 0 1.92-.92 1.92-2.06V6.68c0-.55-.21-1.08-.56-1.47Zm-1.5 1.29h-3.03V3.23L17.2 6.5ZM5.9 20.94V3.07h6.37v4.46c0 .58.43 1.04.96 1.04h4.13v12.37H5.91Zm9.96-6.18c-.49-.52-1.87-.37-2.56-.27a3.69 3.69 0 0 1-1.47-1.98c.16-.7.4-1.76.22-2.42-.17-1.13-1.5-1.02-1.7-.26-.17.7-.01 1.65.28 2.88-.4 1.04-.99 2.42-1.4 3.2-.8.45-1.88 1.13-2.04 1.99-.13.68 1.03 2.37 3.04-1.33.88-.34 1.86-.72 2.71-.87.75.44 1.63.72 2.22.72 1.02 0 1.12-1.2.7-1.65Zm-7.89 3.35c.21-.59 1-1.27 1.21-1.51-.75 1.3-1.2 1.54-1.2 1.5Zm3.26-8.19c.3 0 .26 1.38.06 1.76-.17-.6-.16-1.76-.06-1.76Zm-.98 5.86c.4-.72.72-1.58.99-2.34a4.5 4.5 0 0 0 1.2 1.52c-.84.19-1.55.56-2.2.82Zm5.24-.22s-.2.27-1.48-.33c1.4-.1 1.63.23 1.48.33Z',
+    'file-csv':
+        'm19.9 5.21-3.61-3.6c-.39-.4-.91-.6-1.45-.61H6.06C4.92 1 4 1.92 4 3.07v17.87C4 22.08 4.92 23 6.06 23h12.37c1.15 0 2.07-.92 2.07-2.06V6.68c0-.55-.22-1.08-.6-1.47ZM15 3.23l3.27 3.27H15V3.23Zm3.44 17.71H6.06V3.07h6.87v4.46c0 .58.46 1.04 1.04 1.04h4.46v12.37h.01Zm-4.82-8.6v.9c0 1.53.56 2.96 1.57 4.04a.7.7 0 0 0 1 0 5.9 5.9 0 0 0 1.56-4.05v-.88a.34.34 0 0 0-.34-.35h-.7a.34.34 0 0 0-.34.34v.9c0 .87-.24 1.72-.69 2.45a4.69 4.69 0 0 1-.68-2.45v-.9a.34.34 0 0 0-.34-.34h-.7a.34.34 0 0 0-.34.34ZM9.16 12H8.8c-1.14 0-2.06.92-2.06 2.07v1.36c0 1.15.92 2.07 2.07 2.07h.33c.2 0 .35-.15.35-.34v-.7a.34.34 0 0 0-.34-.34H8.8a.68.68 0 0 1-.69-.69v-1.36c0-.39.31-.7.7-.7h.33c.2 0 .35-.15.35-.34v-.69a.34.34 0 0 0-.34-.34Zm2.55 1.83c-.05-.06-.09-.11-.09-.17 0-.13.19-.29.44-.29h.53c.2 0 .34-.15.34-.34v-.69a.34.34 0 0 0-.33-.34h-.54c-1 0-1.81.75-1.81 1.65 0 .47.2.91.57 1.21l.94.81c.06.06.1.11.1.17 0 .13-.2.29-.46.29h-.53a.34.34 0 0 0-.34.34v.69c0 .19.16.34.35.34h.52c1 0 1.83-.75 1.83-1.65 0-.47-.22-.91-.57-1.21l-.95-.81Z',
+    'info-circle':
+        'M12 1a11 11 0 1 1 0 22 11 11 0 0 1 0-22Zm0 1.6a9.4 9.4 0 1 0 0 18.8 9.4 9.4 0 0 0 0-18.8Zm0 7.7c.4 0 .8.4.8.8v6.1a.8.8 0 0 1-1.6.1v-6.1c0-.5.3-.9.8-.9Zm0-3.8a1.1 1.1 0 1 1 0 2.2 1.1 1.1 0 0 1 0-2.2Z',
+    light: [
+        'M12.3 0c-.5 0-.8.4-.8.8V3c0 .4.3.8.8.8.4 0 .7-.4.7-.8V.8c0-.4-.3-.8-.7-.8Z',
+        'M21.4 11a3 3 0 0 1-2.6-3.4 3 3 0 0 1 .8-1.7c.3-.2.3-.5.2-.7 0-.4-.4-.5-.7-.6-1.4-.2-2.7.1-3.9.8a7.5 7.5 0 0 0-10.4 6.9 7.5 7.5 0 0 0 13.9 4c2.5-.1 4.7-1.9 5.3-4.4 0-.3 0-.7-.3-.8-.2-.2-.5-.3-.8-.2a3 3 0 0 1-1.5.2Zm-7.1-4.7H14a6.8 6.8 0 0 0 .3 0Zm3 9.7Zm-5-6.5c-.4 3.1 1.6 6 4.5 6.6a5.8 5.8 0 0 1-4.4 2.1 6 6 0 0 1-6-6 6 6 0 0 1 7.4-5.7 6 6 0 0 0-1.4 3Zm9 3Zm-7.7-2.7Zm7.6 2.9h.7a4.4 4.4 0 0 1-8-2.9c.3-2 1.8-3.4 3.7-3.6l-.3 1.2a4.7 4.7 0 0 0 3.9 5.3Z',
+        'M11.9 20c-.4 0-.8.4-.8.8v2.3c0 .4.4.7.8.7s.8-.3.8-.7v-2.3c0-.4-.4-.8-.8-.8ZM19.1 18l1.6 1.7c.3.3.3.7 0 1-.3.3-.7.3-1 0L18 19.1a.7.7 0 0 1 0-1c.3-.4.8-.4 1.1 0ZM.8 11.1H3c.4 0 .8.4.8.8s-.4.8-.8.8H.8a.8.8 0 0 1-.8-.8c0-.4.4-.8.8-.8ZM6.2 18c-.2-.3-.7-.3-1 0l-1.6 1.7c-.3.3-.3.7 0 1 .3.3.7.3 1 0l1.6-1.6c.3-.3.3-.8 0-1ZM4.6 3.6l1.6 1.6c.3.3.3.7 0 1-.3.3-.7.3-1 0L3.6 4.6a.7.7 0 0 1 0-1c.3-.3.7-.3 1 0Z'
+    ],
+    lock:
+        'M19.47 10.8h-1.13V7.55c0-3.52-2.9-6.54-6.41-6.54C8.4 1 5.77 4.14 5.77 7.66v3.02H4.5c-1.13 0-2.01.88-2.01 2.01v8.17c0 1.26.88 2.14 2.01 2.14H19.6c1.13 0 2-1 2-2.14V12.7c0-1.13-.87-2.01-2-2.01l-.13.13Zm-4.4 0H9.04V7.55a2.9 2.9 0 0 1 3.01-3.02 2.98 2.98 0 0 1 3.02 3.02V10.8Z',
+    mail:
+        'M4.58 3h14.85A3.57 3.57 0 0 1 23 6.37v10.66a3.57 3.57 0 0 1-3.37 3.56l-.2.01H4.58a3.57 3.57 0 0 1-3.57-3.37V6.58A3.58 3.58 0 0 1 4.37 3l.2-.01Zm16.77 5.91-8.96 4.72a.82.82 0 0 1-.66.05l-.1-.05-8.98-4.72v8.12a1.92 1.92 0 0 0 1.77 1.91l.16.01h14.85a1.93 1.93 0 0 0 1.92-1.77V8.91Zm-1.92-4.26H4.58a1.93 1.93 0 0 0-1.92 1.77v.63L12 11.97l9.35-4.92v-.47a1.93 1.93 0 0 0-1.76-1.92l-.16-.01Z',
+    menu: 'M1 4h22v1.7H1zM1 18.3h22V20H1zM1 11.15h22v1.7H1z',
+    'menu-dots':
+        'M6.11 8.23a2.115 2.115 0 0 0 2.28-2.112 2.12 2.12 0 0 0-2.28-2.112 2.116 2.116 0 0 0-1.953 2.112A2.12 2.12 0 0 0 6.11 8.23Zm2.117 9.488A2.12 2.12 0 0 1 6.117 20a2.116 2.116 0 0 1-2.11-2.282 2.119 2.119 0 0 1 2.11-1.954 2.115 2.115 0 0 1 2.11 1.954ZM17.72 8.23A2.115 2.115 0 0 0 20 6.118a2.119 2.119 0 0 0-2.28-2.112 2.116 2.116 0 0 0-1.953 2.112A2.119 2.119 0 0 0 17.72 8.23Zm2.104 9.488a2.122 2.122 0 0 1-1.263 2.105 2.116 2.116 0 0 1-2.958-2.105 2.119 2.119 0 0 1 2.11-1.954 2.115 2.115 0 0 1 2.11 1.954Z',
+    more:
+        'M7.5 13a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM12.5 13a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM17.5 13a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z',
+    'more-v':
+        'M13 16.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0ZM13 11.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0ZM13 6.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0Z',
+    phone:
+        'm7 1.5 1.4-.4A3 3 0 0 1 12 2.8L13 5a3 3 0 0 1-.7 3.4L10.6 10v.2c-.1.4.2 1.3.9 2.5l1.3 1.8c.2.2.4.2.5.2l2.2-.7a3 3 0 0 1 3.3 1.2l1.4 2a3 3 0 0 1-.4 3.9l-1 .9c-1 1-2.5 1.3-3.9 1-3-.9-5.7-3.4-8.1-7.6C4.3 11 3.5 7.5 4.3 4.4A4.1 4.1 0 0 1 7 1.5Zm.5 1.6c-.8.2-1.4.9-1.6 1.7-.7 2.6 0 5.8 2.3 9.6 2.2 3.9 4.6 6.2 7.2 6.9.8.2 1.7 0 2.3-.6l1-1c.5-.4.6-1.2.2-1.7l-1.5-2c-.3-.4-.9-.7-1.5-.5l-2.2.7c-1.2.4-2.4-.7-3.7-2.8-.8-1.5-1.2-2.6-1-3.5 0-.4.2-.9.5-1.2l1.6-1.5c.5-.4.6-1 .4-1.6l-1-2.2c-.3-.6-1-.9-1.7-.7l-1.3.4Z',
+    plus:
+        'M12 3a1.35 1.35 0 0 1 1.35 1.35v6.3h6.3a1.35 1.35 0 1 1 0 2.7h-6.3v6.3a1.35 1.35 0 1 1-2.7 0v-6.3h-6.3a1.35 1.35 0 0 1 0-2.7h6.3v-6.3A1.35 1.35 0 0 1 12 3Z',
+    'plus-circle':
+        'M17.7 11.7v.6a.5.5 0 0 1-.6.5h-4.3v4.3a.5.5 0 0 1-.5.6h-.6a.5.5 0 0 1-.5-.6v-4.3H6.9a.5.5 0 0 1-.6-.5v-.6a.5.5 0 0 1 .6-.5h4.3V6.9a.5.5 0 0 1 .5-.6h.6a.5.5 0 0 1 .5.6v4.3h4.3a.5.5 0 0 1 .6.5Zm5.3.3a11 11 0 1 1-22 0 11 11 0 0 1 22 0Zm-1.4 0a9.6 9.6 0 1 0-19.2 0 9.6 9.6 0 0 0 19.2 0Z',
+    save:
+        'M2 5.06A3.06 3.06 0 0 1 5.06 2h11.07a3.61 3.61 0 0 1 2.55 1.06l2.26 2.26C21.62 6 22 6.92 22 7.87v11.07A3.06 3.06 0 0 1 18.94 22H5.06A3.06 3.06 0 0 1 2 18.94V5.06Zm3.06-1.4c-.77 0-1.4.63-1.4 1.4v13.88c0 .77.63 1.4 1.4 1.4h.27V14.5a2.5 2.5 0 0 1 2.5-2.5h8.34a2.5 2.5 0 0 1 2.5 2.5v5.83h.27c.77 0 1.4-.62 1.4-1.39V7.87c0-.51-.21-1-.58-1.37L17.5 4.24a1.94 1.94 0 0 0-1.06-.55v3.03a2.5 2.5 0 0 1-2.5 2.5h-5a2.5 2.5 0 0 1-2.5-2.5V3.67H5.06ZM17 20.34V14.5a.83.83 0 0 0-.83-.83H7.83a.83.83 0 0 0-.83.83v5.83h10ZM8.11 3.67v3.05c0 .46.37.84.83.84h5a.83.83 0 0 0 .84-.84V3.67H8.1Z',
+    search:
+        'M9.9 1a8.9 8.9 0 0 1 6.8 14.4l6 6a1 1 0 0 1-1.2 1.4l-6-6A8.9 8.9 0 1 1 9.8 1Zm0 1.8a7 7 0 1 0 0 14 7 7 0 0 0 0-14Z',
+    settings:
+        'M11.57 1c.83.01 1.65.1 2.46.29.35.07.62.37.66.73l.19 1.72A1.56 1.56 0 0 0 17.05 5l1.58-.7a.85.85 0 0 1 .96.2c1.14 1.22 2 2.68 2.49 4.28.1.34-.02.72-.3.93l-1.4 1.03a1.56 1.56 0 0 0 0 2.52l1.4 1.03c.29.21.4.59.3.93-.5 1.6-1.34 3.06-2.48 4.28a.85.85 0 0 1-.96.2l-1.59-.7a1.56 1.56 0 0 0-2.17 1.26l-.2 1.72a.85.85 0 0 1-.64.73c-1.63.39-3.33.39-4.97 0a.85.85 0 0 1-.64-.73l-.2-1.72A1.56 1.56 0 0 0 6.07 19l-1.58.7a.85.85 0 0 1-.96-.2c-1.14-1.23-2-2.7-2.49-4.29a.85.85 0 0 1 .3-.93l1.41-1.03a1.56 1.56 0 0 0 0-2.52l-1.4-1.03a.85.85 0 0 1-.3-.93c.49-1.6 1.34-3.06 2.48-4.28a.85.85 0 0 1 .96-.2l1.58.7a1.56 1.56 0 0 0 2.18-1.26l.19-1.72c.04-.36.3-.66.66-.73.8-.18 1.63-.28 2.48-.29Zm0 1.7c-.51 0-1.02.04-1.53.12l-.12 1.1a3.26 3.26 0 0 1-4.54 2.63L4.36 6.1a9.36 9.36 0 0 0-1.52 2.62l.9.66a3.25 3.25 0 0 1 0 5.24l-.9.66c.36.95.88 1.84 1.52 2.62l1.03-.45a3.25 3.25 0 0 1 4.53 2.62l.12 1.11c1 .17 2.03.17 3.03 0l.13-1.11a3.25 3.25 0 0 1 4.53-2.62l1.02.45a9.36 9.36 0 0 0 1.52-2.62l-.9-.66a3.25 3.25 0 0 1 0-5.24l.9-.66a9.36 9.36 0 0 0-1.52-2.62l-1.01.45a3.25 3.25 0 0 1-4.54-2.62l-.13-1.1c-.5-.09-1-.13-1.5-.14Zm-.01 5.07a4.23 4.23 0 1 1 0 8.46 4.23 4.23 0 0 1 0-8.46Zm0 1.7a2.54 2.54 0 1 0 0 5.07 2.54 2.54 0 0 0 0-5.08Z',
+    triangle: 'm12.06 14.5 4.25-5H7.7l4.37 5Z',
+    undo:
+        'm2.54 2.6 2.17 2.17a10.24 10.24 0 0 1 15.81 12.8 10.24 10.24 0 0 1-15.45 2.01.48.48 0 0 1 0-.72l.85-.84h.6a8.07 8.07 0 1 0-.36-11.8L8.45 8.5c.36.36 0 .84-.37.84H2.3a.48.48 0 0 1-.48-.48V2.84c0-.36.48-.6.84-.24h-.12Z',
+    user:
+        'M11.9 4c-2.7 0-5 2-5 4.6 0 1.5.9 3 2.1 3.8-2.9 1-5 3.7-5 6.9 0 .2 0 .3.2.5l.6.2c.2 0 .4 0 .5-.2.2-.2.3-.3.3-.5 0-3.4 2.8-6 6.4-6 3.6 0 6.4 2.6 6.4 6 0 .2.1.4.3.5l.5.2c.2 0 .4 0 .6-.2l.2-.5c0-3.2-2.2-6-5.2-7 1.2-.8 2-2.2 2-3.7 0-2.5-2.2-4.6-5-4.6Zm0 1.5c1.9 0 3.4 1.4 3.4 3.1 0 1.7-1.5 3.1-3.4 3.1s-3.4-1.4-3.4-3.1c0-1.7 1.5-3.1 3.4-3.1Z'
+}
+
+export const SIZE = 24
+
+export const VIEW_BOX = `0 0 ${SIZE} ${SIZE}`
+
+export default ICONS /* {
     light:
         'M10 .83c-.3 0-.57.27-.57.58v1.7c0 .3.26.57.57.57.3 0 .57-.27.57-.58V1.4c0-.3-.26-.57-.57-.57Z M16.87 9.13h-.01a2.31 2.31 0 0 1-1.95-2.6c.08-.47.28-.9.62-1.25a.56.56 0 0 0 .13-.58c-.07-.26-.33-.36-.54-.4a4.34 4.34 0 0 0-2.88.56A5.62 5.62 0 0 0 4.46 10a5.64 5.64 0 0 0 10.34 3.08A4.42 4.42 0 0 0 18.8 9.7v-.04c0-.18-.04-.43-.24-.56-.15-.1-.37-.16-.56-.1-.36.12-.75.2-1.12.12ZM11.5 5.58a5.07 5.07 0 0 0 0 0Zm2.2 7.21ZM10.1 7.98a4.4 4.4 0 0 0 3.32 4.92 4.34 4.34 0 0 1-3.33 1.56c-2.45 0-4.45-2.01-4.45-4.46a4.47 4.47 0 0 1 5.55-4.33 4.48 4.48 0 0 0-1.1 2.3Zm6.62 2.19Zm-5.67-2Zm5.64 2.16c.2.03.38.04.57.03A3.29 3.29 0 0 1 11.2 8.2 3.23 3.23 0 0 1 14 5.44a3.52 3.52 0 0 0 2.68 4.9Z M9.74 15.83c-.3 0-.57.27-.57.58v1.7c0 .3.26.57.57.57.3 0 .57-.27.57-.58v-1.7c0-.3-.26-.57-.57-.57ZM15.13 14.33l1.2 1.21c.23.23.23.58 0 .8a.56.56 0 0 1-.79 0l-1.2-1.21a.56.56 0 0 1 0-.8c.21-.22.59-.22.79 0ZM1.4 9.17h1.7c.31 0 .58.26.58.57 0 .3-.27.57-.58.57H1.4a.57.57 0 0 1-.57-.57c0-.3.27-.57.58-.57ZM5.5 14.33c-.2-.22-.57-.22-.79 0L3.5 15.54a.56.56 0 0 0 0 .8c.22.22.57.22.8 0l1.2-1.21a.56.56 0 0 0 0-.8ZM4.3 3.5 5.5 4.7c.23.22.23.57 0 .8a.56.56 0 0 1-.79 0L3.5 4.28a.56.56 0 0 1 0-.8.56.56 0 0 1 .8 0Z',
     close:
@@ -81,4 +165,4 @@ export default {
         'M10.8 19c2.8 0 5.3-1.3 7-3.4 1-1.2-.2-3-1.7-2.7A4.6 4.6 0 0113 4.3c1.3-.7 1-2.8-.6-3a9 9 0 00-1.6-.2 9 9 0 100 17.8zm0-16.2h1.3a6.3 6.3 0 004.3 11.8 7.2 7.2 0 11-5.6-11.8z',
     undo:
         'M2.2 2.2L4 4a8.5 8.5 0 0114.5 6 8.5 8.5 0 01-14.2 6.3.4.4 0 010-.6L5 15h.5a6.7 6.7 0 10-.3-9.8l1.9 1.9c.3.3 0 .7-.3.7H2a.4.4 0 01-.4-.4v-5c0-.3.4-.5.7-.2z'
-}
+} */

package/assets/js/icons/multicolor.js

@@ -1,11 +1,5 @@
 // prettier-ignore
 export default{
-    checklist: {
-      width: 89,
-      height: 95,
-      viewBox: '0 0 89 95',
-      content: '<path d="M59.22 16.64v76.42c0 1.05-.83 1.88-1.86 1.88H2.1c-1.01 0-1.86-.83-1.86-1.88V16.64c0-1.02.82-1.88 1.86-1.88h55.28c1.01.03 1.84.86 1.84 1.88z" fill="#585AFA"/><path d="M59.22 35.96v57.1c0 1.05-.83 1.88-1.86 1.88H2.1c-1.01 0-1.86-.83-1.86-1.88V67.28l58.98-31.32z" fill="#3836BD"/><path d="M45.8 88.49H4.84v-68.2h49.77v59.05L45.8 88.5z" fill="#F5F5FD"/><path d="M46.31 88.49v-9.22h8.3l-8.3 9.22z" fill="#AAAFD7"/><path fill-rule="evenodd" clip-rule="evenodd" d="M19.59 36.42c0-.26.12-.46.26-.46H35c.15 0 .27.2.27.46 0 .25-.12.46-.27.46H19.85c-.14 0-.26-.2-.26-.46zM19.59 41.03c0-.26.1-.46.24-.46h5.04c.14 0 .25.2.25.46 0 .25-.11.46-.25.46h-5.04c-.13 0-.24-.2-.24-.46zM27.88 41.03c0-.26.12-.46.27-.46h13.29c.15 0 .27.2.27.46 0 .25-.12.46-.27.46H28.15c-.15 0-.27-.2-.27-.46zM21.43 39.18c0-.25.12-.46.27-.46h25.26c.15 0 .28.2.28.46s-.13.46-.28.46H21.7c-.15 0-.27-.2-.27-.46zM38.94 36.42c0-.26.13-.46.28-.46h11.43c.15 0 .27.2.27.46 0 .25-.12.46-.27.46H39.22c-.15 0-.28-.2-.28-.46z" fill="#92CDF5"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10.37 36.23c0-.15.12-.27.27-.27h5.92c.14 0 .26.12.26.27v5.91c0 .15-.12.27-.26.27h-5.92a.27.27 0 01-.27-.27v-5.91zm.54.26v5.38h5.38V36.5H10.9z" fill="#3836BD"/><path fill-rule="evenodd" clip-rule="evenodd" d="M19.48 36.17a.5.5 0 01-.1.72l-5 3.57a.55.55 0 01-.7-.05l-1.31-1.32a.5.5 0 01.01-.74c.21-.2.55-.19.76.02l.98 1 4.62-3.31a.55.55 0 01.74.1z" fill="#F2516C"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21.43 48.4c0-.26.13-.46.28-.46h9.58c.16 0 .28.2.28.46 0 .25-.12.46-.28.46h-9.58c-.15 0-.28-.2-.28-.46zM33.41 48.4c0-.26.12-.46.27-.46h16.06c.14 0 .26.2.26.46 0 .25-.12.46-.26.46H33.68c-.15 0-.27-.2-.27-.46z" fill="#92CDF5"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10.37 45.44c0-.15.12-.27.27-.27h5.92c.14 0 .26.12.26.27v5.92c0 .14-.12.26-.26.26h-5.92a.27.27 0 01-.27-.26v-5.92zm.54.27v5.38h5.38V45.7H10.9z" fill="#3836BD"/><path fill-rule="evenodd" clip-rule="evenodd" d="M19.49 45.39c.17.23.12.55-.12.72l-5 3.57a.54.54 0 01-.7-.06l-1.3-1.33c-.2-.2-.2-.53.01-.73.21-.2.55-.2.76.01l.98 1 4.62-3.3a.54.54 0 01.75.12z" fill="#F2516C"/><path fill-rule="evenodd" clip-rule="evenodd" d="M19.59 55.77c0-.25.11-.46.25-.46h7.8c.13 0 .24.2.24.46s-.1.46-.24.46h-7.8c-.14 0-.25-.2-.25-.46zM19.59 60.38c0-.26.11-.46.26-.46H35c.14 0 .26.2.26.46 0 .25-.12.46-.26.46H19.85c-.15 0-.26-.2-.26-.46zM38.94 60.38c0-.26.13-.46.28-.46h8.66c.16 0 .28.2.28.46 0 .25-.12.46-.28.46h-8.66c-.16 0-.28-.2-.28-.46zM30.65 55.77c0-.25.12-.46.27-.46h19.73c.15 0 .27.2.27.46s-.12.46-.27.46H30.92c-.15 0-.27-.2-.27-.46z" fill="#92CDF5"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10.37 54.66c0-.15.12-.27.27-.27h5.92c.14 0 .26.12.26.27v5.91c0 .15-.12.27-.26.27h-5.92a.27.27 0 01-.27-.27v-5.91zm.54.27v5.37h5.38v-5.37H10.9z" fill="#3836BD"/><path fill-rule="evenodd" clip-rule="evenodd" d="M19.49 54.6c.17.23.12.56-.12.73l-5 3.57a.54.54 0 01-.7-.06l-1.3-1.33c-.2-.2-.2-.54.01-.74.21-.2.55-.19.76.02l.98 1 4.62-3.3a.54.54 0 01.75.11z" fill="#F2516C"/><path fill-rule="evenodd" clip-rule="evenodd" d="M19.59 64.99c0-.26.12-.46.26-.46H35c.15 0 .27.2.27.46 0 .25-.12.46-.27.46H19.85c-.14 0-.26-.2-.26-.46zM19.59 69.6c0-.26.1-.47.24-.47h5.04c.14 0 .25.21.25.46 0 .26-.11.47-.25.47h-5.04c-.13 0-.24-.21-.24-.47zM27.88 69.6c0-.26.12-.47.27-.47h13.29c.15 0 .27.21.27.46 0 .26-.12.47-.27.47H28.15c-.15 0-.27-.21-.27-.47zM21.43 67.75c0-.25.12-.46.27-.46h25.26c.15 0 .28.2.28.46s-.13.46-.28.46H21.7c-.15 0-.27-.2-.27-.46zM38.94 64.99c0-.26.13-.46.28-.46h11.43c.15 0 .27.2.27.46 0 .25-.12.46-.27.46H39.22c-.15 0-.28-.2-.28-.46z" fill="#92CDF5"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10.37 63.87c0-.15.12-.27.27-.27h5.92c.14 0 .26.12.26.27v5.92c0 .15-.12.27-.26.27h-5.92a.27.27 0 01-.27-.27v-5.92zm.54.27v5.38h5.38v-5.38H10.9z" fill="#3836BD"/><path fill-rule="evenodd" clip-rule="evenodd" d="M19.48 62.9a.5.5 0 01-.1.72l-5 3.57a.55.55 0 01-.7-.06l-1.31-1.32a.5.5 0 01.01-.73c.21-.2.55-.2.76.01l.98 1 4.62-3.3a.55.55 0 01.74.1z" fill="#F2516C"/><path d="M46.16 11.91h-7.3a2.02 2.02 0 01-2-2.36A7.33 7.33 0 0029.8.94a7.3 7.3 0 00-7.26 8.42 2.23 2.23 0 01-2.21 2.55h-7.06c-1.1.03-1.98.92-1.98 2.03v6.17a2.02 2.02 0 001.98 2.02h32.92a2.02 2.02 0 001.97-2.02v-6.17a2.04 2.04 0 00-2-2.03zM29.71 4.27c2.2 0 3.94 1.8 3.94 4 0 2.22-1.78 4-3.94 4a3.97 3.97 0 01-3.94-4 3.94 3.94 0 013.94-4z" fill="#FFC6C2"/><path d="M48.16 14.03v6.1c0 1.1-.86 1.98-1.93 2H14c-.33 0-.6-.08-.86-.22L40.86 12h5.37c1.07.02 1.93.93 1.93 2.03z" fill="#FFA69B"/><path d="M63.7 25.74l-.8 3.7s4.2 3.16 6.45-1.84l-2.57-3.62-3.08 1.76z" fill="#FFC6C2"/><path d="M61.77 53.76L58.3 72 73.5 86.64l2.3-2.84-9.26-13.2 2.55-18.98-7.32 2.14z" fill="#70BCE5"/><path d="M67.9 52.57l7.9-2.79-7.16 37.79-3.9-.56 3.17-34.44z" fill="#70BCE5"/><path d="M68.43 54.39l-1.9 16.59-1.78-1.61 3.68-14.98zM65.67 78.35l3.02 8.3.66-3.98-3.68-4.32z" fill="#29A0C1"/><path d="M62.66 27.4s3.52 4.7 6.64-.66L76 29.4l2.57 7.18-3.91 2.55-1.26-3.98-.68 6.63 3.88 9.37-14.87 3.24-3.94-18.28-1.86.86-2.24-4.28 5.22-4.12 3.75-1.16z" fill="#585AFA"/><path d="M56.23 37.06l-2.27-4.12-1.71 1.57.97-6.49 3.23-4.63-3.07-2.18-1.8 1.47-.52-1.17-.77.5 1.49 2.29-3.62 10.74.83 4.6 7.24-2.58z" fill="#FFC6C2"/><path d="M57.83 53.47l-3.22 3.68h4.6l-1.38-3.68zM62.9 27.02l3.4.64 1.21-3.26-.38-.42-3.85 1.7-.38 1.34z" fill="#FFA69B"/><path d="M61.73 22.81l1.82 3.74 2.49.2 1.47-2.22-1.98-5.16-4.47 1.77.67 1.67z" fill="#FFC6C2"/><path d="M62.87 23.38c.13.25-.13.51-.62.58-.49.07-1.02-.07-1.16-.31-.13-.24.14-.51.63-.58.48-.06.97.07 1.15.31zM66.13 22.13a.46.46 0 100-.92.46.46 0 000 .92z" fill="#FFC6C2"/><path d="M65.38 24.39l-.76.45c-.23.15-.51 0-.62-.3l-.18-.52 1.65-.96.17.5c.08.32-.02.69-.26.83z" fill="#fff"/><path d="M63.9 21.21l-.08 2.77.93-.42-.85-2.35z" fill="#FFA69B"/><path d="M66.4 21.8s.62-.56-.4-2.87c0 0-.33-.5-.9-.43 0 0-1.12-1.85-4.22-.45 0 0-4.2 1.8.73 4.99 0 0 1.1.34 1.84-1.86.2-.61.76-1.1 1.46-1.2.4-.06.79 0 .93.37l.56 1.45zM73.5 35.04l-3.22 6.84 3.63 9.74 2.82-.86-3.92-9.2.7-6.52z" fill="#3836BD"/><path d="M58.3 53.45L85.2 42.4l1.65 4L59.7 57.15l-1.4-3.7z" fill="#F2516C"/><path d="M85.02 42.9l.78-.32c1.08-.47 2.3.08 2.75 1.2a2.27 2.27 0 01-1.15 2.9l-.79.34-1.59-4.11z" fill="#FFA69B"/><path d="M57.79 36.03l.5-4.68-1.84 5.53 1.34-.85z" fill="#3836BD"/><path d="M52.77 27.66l-1.85 6.32.95.13.9-6.45z" fill="#FFA69B"/><path d="M86.86 46.87L59.6 57.15l-.38-.95 27.3-10.1.34.77z" fill="#DB3E5F"/><path d="M73.5 51.76l2.92-7.47-2-4.94 4.07-2.47 2.84 6.96-3.99 7.2-2.5 3.14-2.98.2-1.58-1.43 3.21-1.2z" fill="#FFC6C2"/><path d="M73.96 51.62L72.1 54.4l-1.81-1.5 3.68-1.27z" fill="#FFA69B"/><path d="M73.63 85.9l.51 4.34-1.1 3.27 1.46 1.43 4.07-9.2-3.48-1.86-1.46 2.02zM65.13 87.57l-.44 1.27-.87 1.95.87 3.23h2.2l1.54-2.43-1.08-2.35.08-1.37-2.3-.3z" fill="#2C218A"/><path d="M74.7 84.8l1.1 4-2.36 4.3-.4-.32 1.2-3.75-.5-3.21.96-1.02zM65.37 87.57l-.62 3.32.3 2.2h1.04l.5-2.25-.34-3.13-.88-.14z" fill="#3836BD"/>'
-    },
     empty: {
       width: 91,
       height: 91,

package/assets/js/styles.js

@@ -55,7 +55,6 @@ export default {
             surface: '#fff',
             'page-bg': '#F3F5F7',
             overlay: 'rgba(20, 23, 29, 0.4)',
-            link: '#56af40',
 
             'mono-0': '#000',
             'mono-50': '#0a0c0f',
@@ -85,7 +84,6 @@ export default {
             surface: '#14171d',
             'page-bg': '#14171d',
             overlay: '#fff',
-            link: '#fff',
 
             'mono-0': '#fff',
             'mono-50': '#fff',
@@ -97,8 +95,8 @@ export default {
             'mono-600': '#333',
             'mono-700': '#14171d',
             'mono-800': '#14171d',
-            'mono-900': '#383868',
-            'mono-1000': '#333',
+            'mono-900': '#14171d',
+            'mono-1000': '#14171d',
 
             ...CUSTOM_COLORS
         }
@@ -116,7 +114,6 @@ export default {
             surface: '#313236',
             'page-bg': '#1E1E21',
             overlay: 'rgba(0, 0, 0, 0.5)',
-            link: '#56af40',
 
             'mono-0': '#fff',
             'mono-50': '#f3f5f7',
@@ -145,7 +142,6 @@ export default {
             surface: '#e7eaed',
             'page-bg': '#e7eaed',
             overlay: '#fff',
-            link: '#fff',
 
             'mono-0': '#313236',
             'mono-50': '#313236',
@@ -165,8 +161,12 @@ export default {
     }
 }
 
+const CSS_COLOR_RE = /(#(?:[0-9a-f]{2}){2,4}|#[0-9a-f]{3}|(?:rgba?|hsla?)\((?:\d+%?(?:deg|rad|grad|turn)?(?:,|\s)+){2,3}[\s\/]*[\d\.]+%?\))/i
+
+export const isCssColor = (color) => CSS_COLOR_RE.test(color)
+
 export const toColor = (color) =>
-    (color || '').startsWith('#')
+    isCssColor(color || '')
         ? color
         : `var(--c-${(color || '').toLowerCase()})`
 

package/components/1_atoms/AwDock.vue

@@ -29,9 +29,9 @@
 </template>
 
 <script>
-// import anime from 'animejs'
+import anime from 'animejs'
 import { disableBodyScroll, enableBodyScroll } from 'body-scroll-lock'
-import { toggleEvents } from '../../assets/js/events'
+import { toggleEvents } from '@AwUtils/events'
 
 export default {
     name: 'AwDock',

package/components/1_atoms/AwIcon/AwIcon.vue

@@ -36,6 +36,8 @@ export default {
 
         const aniamtedIconContent = ANIMATED_ICONS[name]
 
+        const isSystem = /^awesio(color)?\/.+/.test(name)
+
         const getOptions = (overrides = {}) =>
             mergeDeepRight(
                 {
@@ -64,22 +66,44 @@ export default {
                 overrides
             )
 
-        return aniamtedIconContent
-            ? h('svg', {
-                  ...getOptions({
-                      attrs: {
-                          viewBox: VIEW_BOX,
-                          xmlns: 'http://www.w3.org/2000/svg'
-                      }
-                  }),
-                  domProps: { innerHTML: aniamtedIconContent }
-              })
-            : name
-            ? h('SvgIcon', {
-                  ...getOptions(),
-                  props: { name, viewBox }
-              })
-            : null
+        if (aniamtedIconContent) {
+            return h('svg', {
+                ...getOptions({
+                    attrs: {
+                        viewBox: VIEW_BOX,
+                        xmlns: 'http://www.w3.org/2000/svg'
+                    }
+                }),
+                domProps: { innerHTML: aniamtedIconContent }
+            })
+        } else if (isSystem) {
+            if (name.startsWith('awesiocolor/')) {
+                return h(
+                    'AwIconSystemColor',
+                    getOptions({
+                        props: { name: name.replace('awesiocolor/', '') }
+                    })
+                )
+            } else {
+                const [propName, porpRotate] = name
+                    .replace('awesio/', '')
+                    .split('::')
+
+                return h(
+                    'AwIconSystemMono',
+                    getOptions({
+                        props: { name: propName, rotate: porpRotate }
+                    })
+                )
+            }
+        } else if (name) {
+            return h('SvgIcon', {
+                ...getOptions(),
+                props: { name, viewBox }
+            })
+        } else {
+            return null
+        }
     }
 }
 </script>

package/components/1_atoms/AwIcon/AwIconSystemMono.vue

@@ -1,15 +1,17 @@
 <script>
-import { pathOr, isNil } from 'rambdax'
-import ICONS from '@AwUtils/icons/mono'
+import { pathOr, isNil, isType } from 'rambdax'
+import { ICONS, SIZE, VIEW_BOX } from '@AwUtils/icons/mono'
 
 const BASE_ATTRS = {
     xmlns: 'http://www.w3.org/2000/svg',
-    viewBox: '0 0 20 20',
+    viewBox: VIEW_BOX,
     'aria-hidden': true,
     'clip-rule': 'evenodd',
     'fill-rule': 'evenodd'
 }
 
+const centerCoord = SIZE / 2
+
 export default {
     name: 'AwIconSystemMono',
 
@@ -34,8 +36,12 @@ export default {
 
     render(h, { data, props }) {
         const d = pathOr('', props.name, ICONS)
-        const transform = props.rotate ? `rotate(${props.rotate}deg)` : null
+        const transform = props.rotate
+            ? `rotate(${props.rotate}, ${centerCoord}, ${centerCoord})`
+            : null
         const attrs = data.attrs || {}
+        const getPathTag = (d) => h('path', { attrs: { d } })
+        const paths = isType('Array', d) ? d.map(getPathTag) : [getPathTag(d)]
 
         return d
             ? h(
@@ -58,9 +64,9 @@ export default {
                                   isNil(attrs.height)
                           }
                       ],
-                      style: [data.staticStyle, data.style, { transform }]
+                      style: [data.staticStyle, data.style]
                   },
-                  [h('path', { attrs: { d } })]
+                  transform ? [h('g', { attrs: { transform } }, paths)] : paths
               )
             : h('span', {}, [props.name])
     }

package/components/1_atoms/AwLabel.vue

@@ -12,8 +12,7 @@
                 class="opacity-50 inline mr-1"
             />
 
-            <component
-                :is="_iconComponent"
+            <AwIcon
                 v-else-if="_icon"
                 :name="_icon"
                 width="10"
@@ -24,8 +23,7 @@
 
             <slot>{{ label }}</slot>
 
-            <component
-                :is="_iconSecondComponent"
+            <AwIcon
                 v-if="iconSecond"
                 :name="iconSecond"
                 width="10"

package/components/1_atoms/AwLink.vue

@@ -2,6 +2,7 @@
     <component
         :is="_linkComponent"
         :class="className"
+        :style="colorStyle"
         v-bind="_linkAttrs"
         v-on="$listeners"
     >
@@ -11,6 +12,7 @@
 
 <script>
 import { conf } from '@AwUtils/component'
+import { toColor } from '@AwUtils/styles'
 import { AwLink as _config } from '@AwConfig'
 import linkMixin from '@AwMixins/link'
 
@@ -29,7 +31,20 @@ export default {
             }
         },
 
-        text: String
+        text: String,
+
+        color:{
+            type: String,
+            default: null
+        }
+    },
+
+    computed: {
+        colorStyle() {
+            const color = this.color && toColor(this.color)
+
+            return color ? { '--btn-color': color } : null
+        }
     }
 }
 </script>

package/components/1_atoms/AwSwitcher.vue

@@ -147,11 +147,11 @@ export default {
         },
 
         _onIcon() {
-            return this.icon || (this.size === 'lg' ? 'on' : 'check-regular')
+            return this.icon || (this.size === 'lg' ? 'on' : 'check')
         },
 
         _offIcon() {
-            return this.icon || (this.size === 'lg' ? 'off' : 'times-regular')
+            return this.icon || (this.size === 'lg' ? 'off' : 'close')
         },
 
         onSystemIcon() {