@acorex/styles 6.1.12 → 7.0.0

package/{index.js → tailwind.config.js}

@@ -6,7 +6,7 @@ function withOpacityValue(variable) {
     if (opacityValue === undefined) {
       return `rgb(var(${variable}))`;
     }
-    return `rgb(var(${variable}) / ${opacityValue})`;
+    return `rgb(var(${variable}) ,${opacityValue})`;
   };
 }
 
@@ -15,8 +15,8 @@ module.exports = withAnimations({
   content: [
     "./src/**/*.{html,ts,scss}",
     "./projects/**/*.{html,ts,scss}",
-    "./dist/acorex/**/*.{html,ts,scss}",
-    "./node_modules/@acorex/**/*.{html,ts,js,mjs,scss}",
+    // "./dist/acorex/**/*.{html,ts,scss}",
+    // "./node_modules/@acorex/**/*.{html,ts,js,mjs,scss}",
   ],
   darkMode: "class", // or 'media' or 'class'
   theme: {
@@ -24,9 +24,11 @@ module.exports = withAnimations({
       colors: {
         black: withOpacityValue("--ax-color-black"),
         white: withOpacityValue("--ax-color-white"),
-        "default-background": withOpacityValue("--ax-color-default-background"),
-        "default-color": withOpacityValue("--ax-color-default-color"),
+        "surface": withOpacityValue("--ax-color-surface"),
+        "on-surface": withOpacityValue("--ax-color-on-surface"),
+        "border-color": "rgba(var(--ax-color-border-default))",
         primary: {
+          "DEFAULT": withOpacityValue("--ax-color-primary-500"),
           fore: withOpacityValue("--ax-color-primary-fore"),
           50: withOpacityValue("--ax-color-primary-50"),
           100: withOpacityValue("--ax-color-primary-100"),
@@ -40,6 +42,7 @@ module.exports = withAnimations({
           900: withOpacityValue("--ax-color-primary-900"),
         },
         secondary: {
+          "DEFAULT": withOpacityValue("--ax-color-secondary-500"),
           fore: withOpacityValue("--ax-color-secondary-fore"),
           50: withOpacityValue("--ax-color-secondary-50"),
           100: withOpacityValue("--ax-color-secondary-100"),
@@ -53,6 +56,7 @@ module.exports = withAnimations({
           900: withOpacityValue("--ax-color-secondary-900"),
         },
         success: {
+          "DEFAULT": withOpacityValue("--ax-color-success-500"),
           fore: withOpacityValue("--ax-color-success-fore"),
           50: withOpacityValue("--ax-color-success-50"),
           100: withOpacityValue("--ax-color-success-100"),
@@ -66,6 +70,7 @@ module.exports = withAnimations({
           900: withOpacityValue("--ax-color-success-900"),
         },
         danger: {
+          "DEFAULT": withOpacityValue("--ax-color-danger-500"),
           fore: withOpacityValue("--ax-color-danger-fore"),
           50: withOpacityValue("--ax-color-danger-50"),
           100: withOpacityValue("--ax-color-danger-100"),
@@ -79,6 +84,7 @@ module.exports = withAnimations({
           900: withOpacityValue("--ax-color-danger-900"),
         },
         warning: {
+          "DEFAULT": withOpacityValue("--ax-color-warning-500"),
           fore: withOpacityValue("--ax-color-warning-fore"),
           50: withOpacityValue("--ax-color-warning-50"),
           100: withOpacityValue("--ax-color-warning-100"),
@@ -90,72 +96,17 @@ module.exports = withAnimations({
           700: withOpacityValue("--ax-color-warning-700"),
           800: withOpacityValue("--ax-color-warning-800"),
           900: withOpacityValue("--ax-color-warning-900"),
-        },
-        info: {
-          fore: withOpacityValue("--ax-color-info-fore"),
-          50: withOpacityValue("--ax-color-info-50"),
-          100: withOpacityValue("--ax-color-info-100"),
-          200: withOpacityValue("--ax-color-info-200"),
-          300: withOpacityValue("--ax-color-info-300"),
-          400: withOpacityValue("--ax-color-info-400"),
-          500: withOpacityValue("--ax-color-info-500"),
-          600: withOpacityValue("--ax-color-info-600"),
-          700: withOpacityValue("--ax-color-info-700"),
-          800: withOpacityValue("--ax-color-info-800"),
-          900: withOpacityValue("--ax-color-info-900"),
-        },
-        light: {
-          fore: withOpacityValue("--ax-color-light-fore"),
-          50: withOpacityValue("--ax-color-light-50"),
-          100: withOpacityValue("--ax-color-light-100"),
-          200: withOpacityValue("--ax-color-light-200"),
-          300: withOpacityValue("--ax-color-light-300"),
-          400: withOpacityValue("--ax-color-light-400"),
-          500: withOpacityValue("--ax-color-light-500"),
-          600: withOpacityValue("--ax-color-light-600"),
-          700: withOpacityValue("--ax-color-light-700"),
-          800: withOpacityValue("--ax-color-light-800"),
-          900: withOpacityValue("--ax-color-light-900"),
-        },
-        dark: {
-          fore: withOpacityValue("--ax-color-dark-fore"),
-          50: withOpacityValue("--ax-color-dark-50"),
-          100: withOpacityValue("--ax-color-dark-100"),
-          200: withOpacityValue("--ax-color-dark-200"),
-          300: withOpacityValue("--ax-color-dark-300"),
-          400: withOpacityValue("--ax-color-dark-400"),
-          500: withOpacityValue("--ax-color-dark-500"),
-          600: withOpacityValue("--ax-color-dark-600"),
-          700: withOpacityValue("--ax-color-dark-700"),
-          800: withOpacityValue("--ax-color-dark-800"),
-          900: withOpacityValue("--ax-color-dark-900"),
-        },
-      },
-      width: {
-        base: "calc((var(--ax-base-size) * var(--ax-base-ratio)))",
-      },
-      minWidth: {
-        base: "calc((var(--ax-base-size) * var(--ax-base-ratio)))",
+        }
       },
       maxWidth: {
         "8xl": "90rem",
-        base: "calc((var(--ax-base-size) * var(--ax-base-ratio)))",
-      },
-      height: {
-        base: "calc((var(--ax-base-size) * var(--ax-base-ratio)))",
-      },
-      minHeight: {
-        base: "calc((var(--ax-base-size) * var(--ax-base-ratio)))",
-      },
-      maxHeight: {
-        base: "calc((var(--ax-base-size) * var(--ax-base-ratio)))",
       },
       borderRadius: {
-        default: "var(--ax-border-rounded-default)",
+        default: "var(--ax-rounded-border-default)",
       },
     },
   },
- 
+
   plugins: [
     plugin(function ({ addUtilities }) {
       const acorexClasses = {

package/src/components/_alert.scss

@@ -1,276 +0,0 @@
-@layer components {
-  .ax-alert {
-    @apply ax-relative ax-p-4 ax-rounded-default ax-border ax-text-sm ax-flex ax-gap-4 ax-overflow-hidden;
-    transition: visibility 0s, opacity 0.5s ease-in-out;
-
-    &.ax-state-hidden {
-      visibility: hidden;
-      opacity: 0;
-    }
-
-    &.ax-state-visible {
-      visibility: visible;
-      opacity: 1;
-    }
-
-    .ax-alert-inline-middle {
-      @apply ax-flex ax-flex-col ax-justify-center ax-flex-1;
-    }
-
-    .ax-alert-inline-start,
-    .ax-alert-inline-end {
-      @apply ax-flex;
-    }
-
-    .ax-alert-inline-start {
-      @apply ax-items-center;
-      & > ax-icon {
-        @apply ax-w-9 ax-h-9 ax-rounded-full ax-grid ax-place-items-center ax-text-2xl;
-      }
-    }
-
-    .ax-alert-inline-end {
-      @apply ax-items-center;
-    }
-
-    .ax-alert-block-start {
-      @apply ax-flex ax-items-center ax-justify-center;
-
-      .ax-alert-title {
-        @apply ax-flex ax-flex-col ax-flex-1;
-      }
-    }
-
-    .ax-alert-block-end {
-      @apply ax-flex ax-flex-col ax-gap-4 ax-pt-2;
-      ax-content {
-        @apply ax-block ax-text-black/[0.87];
-      }
-
-      ax-footer {
-        @apply ax-bg-transparent;
-      }
-    }
-
-    .ax-alert-progress {
-      @apply ax-absolute ax-start-0 ax-bottom-0 ax-h-1 ax-w-0;
-      animation-duration: 4s;
-      animation-timing-function: linear;
-      animation-name: progressBar;
-
-      @keyframes progressBar {
-        0% {
-          width: 100%;
-        }
-
-        100% {
-          width: 0%;
-        }
-      }
-    }
-
-    &.ax-primary-default {
-      @apply ax-bg-primary-50 dark:ax-bg-primary-900 ax-border-primary-500;
-
-      .ax-alert-inline-start {
-        & > ax-icon {
-          @apply ax-bg-primary-500 ax-text-primary-50;
-        }
-      }
-      .ax-alert-block-start {
-        ax-title,
-        ax-sub-title {
-          @apply dark:ax-text-primary-50;
-        }
-      }
-      .ax-alert-block-end {
-        ax-content {
-          @apply dark:ax-text-primary-50;
-        }
-      }
-
-      .ax-alert-progress {
-        @apply ax-bg-primary-800 dark:ax-bg-primary-500;
-      }
-    }
-
-    &.ax-secondary-default {
-      @apply ax-bg-secondary-50 dark:ax-bg-secondary-900 ax-border-secondary-500;
-
-      .ax-alert-inline-start {
-        & > ax-icon {
-          @apply ax-bg-secondary-500 ax-text-secondary-50;
-        }
-      }
-      .ax-alert-block-start {
-        ax-title,
-        ax-sub-title {
-          @apply dark:ax-text-secondary-50;
-        }
-      }
-      .ax-alert-block-end {
-        ax-content {
-          @apply dark:ax-text-secondary-50;
-        }
-      }
-
-      .ax-alert-progress {
-        @apply ax-bg-secondary-800 dark:ax-bg-secondary-500;
-      }
-    }
-
-    &.ax-success-default {
-      @apply ax-bg-success-50 dark:ax-bg-success-900 ax-border-success-500;
-
-      .ax-alert-inline-start {
-        & > ax-icon {
-          @apply ax-bg-success-500 ax-text-success-50;
-        }
-      }
-      .ax-alert-block-start {
-        ax-title,
-        ax-sub-title {
-          @apply dark:ax-text-success-50;
-        }
-      }
-      .ax-alert-block-end {
-        ax-content {
-          @apply dark:ax-text-success-50;
-        }
-      }
-
-      .ax-alert-progress {
-        @apply ax-bg-success-800 dark:ax-bg-success-500;
-      }
-    }
-
-    &.ax-warning-default {
-      @apply ax-bg-warning-50 dark:ax-bg-warning-900 dark:ax-text-black ax-border-warning-500 #{!important};
-
-      .ax-alert-inline-start {
-        & > ax-icon {
-          @apply ax-bg-warning-500 ax-text-warning-50;
-        }
-      }
-      .ax-alert-block-start {
-        ax-title,
-        ax-sub-title {
-          @apply dark:ax-text-black;
-        }
-      }
-      .ax-alert-block-end {
-        ax-content {
-          @apply dark:ax-text-black;
-        }
-      }
-
-      .ax-alert-progress {
-        @apply ax-bg-warning-800 dark:ax-bg-warning-500;
-      }
-    }
-
-    &.ax-danger-default {
-      @apply ax-bg-danger-50 dark:ax-bg-danger-900 ax-border-danger-500;
-
-      .ax-alert-inline-start {
-        & > ax-icon {
-          @apply ax-bg-danger-500 ax-text-danger-50;
-        }
-      }
-
-      .ax-alert-block-start {
-        ax-title,
-        ax-sub-title {
-          @apply dark:ax-text-danger-50;
-        }
-      }
-      .ax-alert-block-end {
-        ax-content {
-          @apply dark:ax-text-danger-50;
-        }
-      }
-
-      .ax-alert-progress {
-        @apply ax-bg-danger-800 dark:ax-bg-danger-500;
-      }
-    }
-
-    &.ax-info-default {
-      @apply ax-bg-info-50 dark:ax-bg-info-900 ax-border-info-500;
-
-      .ax-alert-inline-start {
-        & > ax-icon {
-          @apply ax-bg-info-500 ax-text-info-50;
-        }
-      }
-
-      .ax-alert-block-start {
-        ax-title,
-        ax-sub-title {
-          @apply dark:ax-text-info-50;
-        }
-      }
-      .ax-alert-block-end {
-        ax-content {
-          @apply dark:ax-text-info-50;
-        }
-      }
-
-      .ax-alert-progress {
-        @apply ax-bg-info-800 dark:ax-bg-info-500;
-      }
-    }
-
-    &.ax-light-default {
-      @apply ax-bg-light-50 dark:ax-bg-light-900 ax-border-light-500;
-
-      .ax-alert-inline-start {
-        & > ax-icon {
-          @apply ax-bg-light-500 ax-text-light-50;
-        }
-      }
-
-      .ax-alert-block-start {
-        ax-title,
-        ax-sub-title {
-          @apply dark:ax-text-light-50;
-        }
-      }
-      .ax-alert-block-end {
-        ax-content {
-          @apply dark:ax-text-light-50;
-        }
-      }
-
-      .ax-alert-progress {
-        @apply ax-bg-light-300 dark:ax-bg-light-600;
-      }
-    }
-
-    &.ax-dark-default {
-      @apply ax-bg-dark-50 dark:ax-bg-dark-900 ax-border-dark-500;
-
-      .ax-alert-inline-start {
-        & > ax-icon {
-          @apply ax-bg-dark-500 ax-text-dark-50;
-        }
-      }
-
-      .ax-alert-block-start {
-        ax-title,
-        ax-sub-title {
-          @apply dark:ax-text-dark-50;
-        }
-      }
-      .ax-alert-block-end {
-        ax-content {
-          @apply dark:ax-text-dark-50;
-        }
-      }
-    }
-
-    .ax-alert-progress {
-      @apply ax-bg-dark-200 dark:ax-bg-dark-200;
-    }
-  }
-}

package/src/icons/fonts/acorex-icon.svg

@@ -1,60 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
-<svg xmlns="http://www.w3.org/2000/svg">
-<metadata>Generated by IcoMoon</metadata>
-<defs>
-<font id="acorex-icon" horiz-adv-x="1024">
-<font-face units-per-em="1024" ascent="960" descent="-64" />
-<missing-glyph horiz-adv-x="1024" />
-<glyph unicode="&#x20;" horiz-adv-x="512" d="" />
-<glyph unicode="&#xe900;" glyph-name="time" d="M511.573 874.667c-235.52 0-426.24-191.147-426.24-426.667s190.72-426.667 426.24-426.667c235.947 0 427.093 191.147 427.093 426.667s-191.147 426.667-427.093 426.667zM512 106.667c-188.587 0-341.333 152.747-341.333 341.333s152.747 341.333 341.333 341.333 341.333-152.747 341.333-341.333-152.747-341.333-341.333-341.333zM533.333 661.333h-64v-256l224-134.4 32 52.48-192 113.92z" />
-<glyph unicode="&#xe901;" glyph-name="eye" d="M512 704c161.707 0 305.92-90.88 376.32-234.667-70.4-143.787-214.613-234.667-376.32-234.667s-305.92 90.88-376.32 234.667c70.4 143.787 214.613 234.667 376.32 234.667zM512 789.333c-213.333 0-395.52-132.693-469.333-320 73.813-187.307 256-320 469.333-320s395.52 132.693 469.333 320c-73.813 187.307-256 320-469.333 320zM512 576c58.88 0 106.667-47.787 106.667-106.667s-47.787-106.667-106.667-106.667-106.667 47.787-106.667 106.667 47.787 106.667 106.667 106.667zM512 661.333c-105.813 0-192-86.187-192-192s86.187-192 192-192 192 86.187 192 192-86.187 192-192 192z" />
-<glyph unicode="&#xe902;" glyph-name="eye-off" d="M512 704c161.707 0 305.92-90.88 376.32-234.667-25.173-52.053-60.587-96.853-102.827-133.12l60.16-60.16c59.307 52.48 106.24 118.187 135.68 193.28-73.813 187.307-256 320-469.333 320-54.187 0-106.24-8.533-155.307-24.32l70.4-70.4c27.733 5.547 55.893 9.387 84.907 9.387zM466.347 655.36l88.32-88.32c24.32-10.667 43.947-30.293 54.613-54.613l88.32-88.32c3.413 14.507 5.973 29.867 5.973 45.653 0.427 105.813-85.76 191.573-191.573 191.573-15.787 0-30.72-2.133-45.653-5.973zM85.76 794.88l114.347-114.347c-69.547-54.613-124.587-127.147-157.44-211.2 73.813-187.307 256-320 469.333-320 64.853 0 127.147 12.373 184.32 34.987l145.92-145.92 60.16 60.16-756.48 756.907-60.16-60.587zM405.76 474.88l111.36-111.36c-1.707-0.427-3.413-0.853-5.12-0.853-58.88 0-106.667 47.787-106.667 106.667 0 2.133 0.427 3.413 0.427 5.547zM260.693 619.947l74.667-74.667c-9.813-23.467-15.36-49.067-15.36-75.947 0-105.813 86.187-192 192-192 26.88 0 52.48 5.547 75.52 15.36l41.813-41.813c-37.547-10.24-76.8-16.213-117.333-16.213-161.707 0-305.92 90.88-376.32 234.667 29.867 61.013 73.387 111.36 125.013 150.613z" />
-<glyph unicode="&#xe903;" glyph-name="calendar" d="M853.333 832h-42.667v85.333h-85.333v-85.333h-426.667v85.333h-85.333v-85.333h-42.667c-46.933 0-85.333-38.4-85.333-85.333v-682.667c0-46.933 38.4-85.333 85.333-85.333h682.667c46.933 0 85.333 38.4 85.333 85.333v682.667c0 46.933-38.4 85.333-85.333 85.333zM853.333 64h-682.667v554.667h682.667v-554.667z" />
-<glyph unicode="&#xe904;" glyph-name="check" d="M384 270.080l-177.92 177.92-60.587-60.16 238.507-238.507 512 512-60.16 60.16z" />
-<glyph unicode="&#xe905;" glyph-name="check-filled" d="M512 874.667c-235.52 0-426.667-191.147-426.667-426.667s191.147-426.667 426.667-426.667 426.667 191.147 426.667 426.667-191.147 426.667-426.667 426.667zM426.667 234.667l-213.333 213.333 60.16 60.16 153.173-152.747 323.84 323.84 60.16-60.587-384-384z" />
-<glyph unicode="&#xe906;" glyph-name="chevron" d="M657.493 643.84l-60.16 60.16-256-256 256-256 60.16 60.16-195.413 195.84 195.413 195.84z" />
-<glyph unicode="&#xe907;" glyph-name="close" d="M810.667 686.507l-60.16 60.16-238.507-238.507-238.507 238.507-60.16-60.16 238.507-238.507-238.507-238.507 60.16-60.16 238.507 238.507 238.507-238.507 60.16 60.16-238.507 238.507 238.507 238.507z" />
-<glyph unicode="&#xe908;" glyph-name="error-filled" d="M512 874.667c-235.52 0-426.667-191.147-426.667-426.667s191.147-426.667 426.667-426.667 426.667 191.147 426.667 426.667-191.147 426.667-426.667 426.667zM554.667 234.667h-85.333v85.333h85.333v-85.333zM554.667 405.333h-85.333v256h85.333v-256z" />
-<glyph unicode="&#xe909;" glyph-name="chevron-page" d="M785.493 252.16l-195.84 195.84 195.84 195.84-60.16 60.16-256-256 256-256zM256 704h85.333v-512h-85.333z" />
-<glyph unicode="&#xe90a;" glyph-name="info-filled" d="M512 874.667c-235.52 0-426.667-191.147-426.667-426.667s191.147-426.667 426.667-426.667 426.667 191.147 426.667 426.667-191.147 426.667-426.667 426.667zM554.667 234.667h-85.333v256h85.333v-256zM554.667 576h-85.333v85.333h85.333v-85.333z" />
-<glyph unicode="&#xe90b;" glyph-name="chevron-double" d="M750.507 192l60.16 60.16-195.413 195.84 195.413 195.84-60.16 60.16-256-256zM469.333 192l60.16 60.16-195.413 195.84 195.413 195.84-60.16 60.16-256-256z" />
-<glyph unicode="&#xe90c;" glyph-name="menu" d="M128 192h768v85.333h-768v-85.333zM128 405.333h768v85.333h-768v-85.333zM128 704v-85.333h768v85.333h-768z" />
-<glyph unicode="&#xe90d;" glyph-name="more" d="M512 618.667c46.933 0 85.333 38.4 85.333 85.333s-38.4 85.333-85.333 85.333-85.333-38.4-85.333-85.333 38.4-85.333 85.333-85.333zM512 533.333c-46.933 0-85.333-38.4-85.333-85.333s38.4-85.333 85.333-85.333 85.333 38.4 85.333 85.333-38.4 85.333-85.333 85.333zM512 277.333c-46.933 0-85.333-38.4-85.333-85.333s38.4-85.333 85.333-85.333 85.333 38.4 85.333 85.333-38.4 85.333-85.333 85.333z" />
-<glyph unicode="&#xe90e;" glyph-name="warning-filled" d="M42.667 64h938.667l-469.333 810.667-469.333-810.667zM554.667 192h-85.333v85.333h85.333v-85.333zM554.667 362.667h-85.333v170.667h85.333v-170.667z" />
-<glyph unicode="&#xe90f;" glyph-name="chevron-page-filled" d="M256 704h85.333v-512h-85.333zM405.333 448l362.667-256v512z" />
-<glyph unicode="&#xe910;" glyph-name="calendar-today" d="M810.667 832h-42.667v85.333h-85.333v-85.333h-341.333v85.333h-85.333v-85.333h-42.667c-47.36 0-85.333-38.4-85.333-85.333v-597.333c0-46.933 37.973-85.333 85.333-85.333h597.333c46.933 0 85.333 38.4 85.333 85.333v597.333c0 46.933-38.4 85.333-85.333 85.333zM810.667 149.333h-597.333v426.667h597.333v-426.667zM810.667 661.333h-597.333v85.333h597.333v-85.333zM298.667 490.667h213.333v-213.333h-213.333z" />
-<glyph unicode="&#xe911;" glyph-name="arrow-circle" d="M853.333 448c0-188.16-153.173-341.333-341.333-341.333s-341.333 153.173-341.333 341.333 153.173 341.333 341.333 341.333 341.333-153.173 341.333-341.333zM938.667 448c0 235.52-191.147 426.667-426.667 426.667s-426.667-191.147-426.667-426.667c0-235.52 191.147-426.667 426.667-426.667s426.667 191.147 426.667 426.667v0zM512 405.333h170.667v85.333h-170.667v128l-170.667-170.667 170.667-170.667v128z" />
-<glyph unicode="&#xe912;" glyph-name="arrow-circle-fill" d="M85.333 448c0-235.52 191.147-426.667 426.667-426.667s426.667 191.147 426.667 426.667c0 235.52-191.147 426.667-426.667 426.667s-426.667-191.147-426.667-426.667zM512 490.667h170.667v-85.333h-170.667v-128l-170.667 170.667 170.667 170.667v-128z" />
-<glyph unicode="&#xe913;" glyph-name="arrow-half" d="M853.333 490.667h-519.253l238.507 238.507-60.587 60.16-341.333-341.333 341.333-341.333 60.16 60.16-238.080 238.507h519.253v85.333z" />
-<glyph unicode="&#xe914;" glyph-name="arrow-fill" d="M597.333 661.333l-213.333-213.333 213.333-213.333v426.667z" />
-<glyph unicode="&#xe915;" glyph-name="arrow" d="M896 490.667h-604.587l152.747 153.173-60.16 60.16-256-256 256-256 60.16 60.16-152.747 153.173h604.587z" />
-<glyph unicode="&#xe916;" glyph-name="unfold" d="M512 711.253l135.253-135.253 60.16 60.16-195.413 195.84-195.84-195.84 60.587-60.16 135.253 135.253zM512 184.747l-135.253 135.253-60.16-60.16 195.413-195.84 195.84 195.84-60.587 60.16-135.253-135.253z" />
-<glyph unicode="&#xe917;" glyph-name="half-arrow" d="M853.333 448l-60.16 60.16-238.507-238.080v519.253h-85.333v-519.253l-238.080 238.507-60.587-60.587 341.333-341.333 341.333 341.333z" />
-<glyph unicode="&#xe918;" glyph-name="fullscreen" d="M896 490.667v341.333h-341.333l140.373-140.373-426.667-426.667-140.373 140.373v-341.333h341.333l-140.373 140.373 426.667 426.667z" />
-<glyph unicode="&#xe919;" glyph-name="close-fullscreen" d="M938.667 814.507l-225.707-225.707 140.373-140.8h-341.333v341.333l140.373-140.373 226.133 225.707 60.16-60.16zM145.493 21.333l225.707 225.707 140.8-140.373v341.333h-341.333l140.373-140.373-225.707-226.133 60.16-60.16z" />
-<glyph unicode="&#xe91a;" glyph-name="fold" d="M316.16 166.827l60.587-60.16 135.253 135.253 135.253-135.253 60.16 60.16-195.413 195.84-195.84-195.84zM707.84 729.173l-60.587 60.16-135.253-135.253-135.253 135.253-60.587-60.16 195.84-195.84 195.84 195.84z" />
-<glyph unicode="&#xe91b;" glyph-name="remove" d="M810.667 405.333h-597.333v85.333h597.333v-85.333z" />
-<glyph unicode="&#xe91c;" glyph-name="plus" d="M810.667 405.333h-256v-256h-85.333v256h-256v85.333h256v256h85.333v-256h256v-85.333z" />
-<glyph unicode="&#xe91d;" glyph-name="magnify" d="M661.333 362.667h-33.707l-11.947 11.52c41.813 48.64 66.987 111.787 66.987 180.48 0 153.173-124.16 277.333-277.333 277.333s-277.333-124.16-277.333-277.333 124.16-277.333 277.333-277.333c68.693 0 131.84 25.173 180.48 66.987l11.52-11.947v-33.707l213.333-212.907 63.573 63.573-212.907 213.333zM405.333 362.667c-106.24 0-192 85.76-192 192s85.76 192 192 192 192-85.76 192-192-85.76-192-192-192z" />
-<glyph unicode="&#xe91e;" glyph-name="star-filled" d="M512 223.147l263.68-159.147-69.973 299.947 232.96 201.813-306.773 26.027-119.893 282.88-119.893-282.88-306.773-26.027 232.96-201.813-69.973-299.947 263.68 159.147z" />
-<glyph unicode="&#xe91f;" glyph-name="star-half-filled" d="M512 580.693l40.107-132.693h120.32l-96.853-69.12 39.68-128.427-103.253 78.507-103.253-78.507 39.68 128.427-96.853 69.12h120.32l40.107 132.693zM512 874.667l-103.253-341.333h-323.413l263.253-188.16-99.84-323.84 263.253 200.107 263.68-200.107-100.267 323.84 263.253 188.16h-323.413l-103.253 341.333z" />
-<glyph unicode="&#xe920;" glyph-name="star-outline" d="M938.667 565.76l-306.773 26.453-119.893 282.453-119.893-282.88-306.773-26.027 232.96-201.813-69.973-299.947 263.68 159.147 263.68-159.147-69.547 299.947 232.533 201.813zM512 302.933l-160.427-96.853 42.667 182.613-141.653 122.88 186.88 16.213 72.533 171.947 72.96-172.373 186.88-16.213-141.653-122.88 42.667-182.613-160.853 97.28z" />
-<glyph unicode="&#xe921;" glyph-name="colorize" d="M128 64v179.2l402.133 402.133-76.8 76.8 43.733 43.733 98.133-98.133 151.467 151.467q11.733 11.733 25.067 11.733t25.067-11.733l86.4-86.4q11.733-11.733 11.733-25.067t-11.733-25.067l-151.467-151.467 98.133-98.133-43.733-43.733-76.8 76.8-402.133-402.133zM192 128h92.8l378.667 378.667-92.8 92.8-378.667-378.667zM685.867 576l132.267 132.267-45.867 45.867-132.267-132.267zM685.867 576v0z" />
-<glyph unicode="&#xe922;" glyph-name="pase" d="M512 768q18.133 0 30.4 12.267t12.267 30.4-12.267 30.4-30.4 12.267-30.4-12.267-12.267-30.4 12.267-30.4 30.4-12.267zM192 64q-27.733 0-45.867 18.133t-18.133 45.867v640q0 27.733 18.133 45.867t45.867 18.133h215.467q7.467 37.333 36.8 61.333t67.733 24 67.733-24 36.8-61.333h215.467q27.733 0 45.867-18.133t18.133-45.867v-640q0-27.733-18.133-45.867t-45.867-18.133zM192 128h640q0 0 0 0t0 0v640q0 0 0 0t0 0h-64v-96h-512v96h-64q0 0 0 0t0 0v-640q0 0 0 0t0 0z" />
-<glyph unicode="&#xe923;" glyph-name="copy" d="M320 150.4q-25.6 0-44.8 19.2t-19.2 44.8v597.333q0 25.6 19.2 44.8t44.8 19.2h469.333q25.6 0 44.8-19.2t19.2-44.8v-597.333q0-25.6-19.2-44.8t-44.8-19.2zM320 214.4h469.333q0 0 0 0t0 0v597.333q0 0 0 0t0 0h-469.333q0 0 0 0t0 0v-597.333q0 0 0 0t0 0zM192 22.4q-25.6 0-44.8 19.2t-19.2 44.8v643.2h64v-643.2q0 0 0 0t0 0h505.6v-64zM320 811.733q0 0 0 0t0 0v-597.333q0 0 0 0t0 0 0 0 0 0v597.333q0 0 0 0t0 0z" />
-<glyph unicode="&#xe924;" glyph-name="empty-box" d="M1014.681 608.85c-0.047 0.062-0.073 0.129-0.126 0.193l-111.222 138.473c-1.25 1.554-2.662 2.892-4.164 4.089-4.787 5.678-11.868 9.364-19.873 9.364h-734.589c-8.012 0-15.080-3.681-19.869-9.364-1.503-1.197-2.917-2.522-4.178-4.089l-111.209-138.473c-0.051-0.064-0.075-0.131-0.126-0.193-5.656-4.789-9.324-11.848-9.324-19.834v-427.898c0-14.406 11.68-26.088 26.086-26.088h971.831c14.406 0 26.086 11.682 26.086 26.088v427.898c0.002 7.985-3.668 15.044-9.322 19.834zM905.387 661.655l37.395-46.553h-37.395v46.553zM853.213 708.795v-93.691h-195.332c-5.572 0-10.982-1.784-15.467-5.082l-130.399-95.963-130.426 95.976c-4.484 3.285-9.898 5.069-15.465 5.069h-195.334v93.691h682.424zM118.622 615.102h-37.395l37.395 46.553v-46.553zM971.835 187.205h-919.664v375.726h305.395l138.985-102.277c9.198-6.751 21.731-6.764 30.926 0.011l138.956 102.268h305.401v-375.729z" />
-<glyph unicode="&#xe925;" glyph-name="inbox" d="M192 64q-25.6 0-44.8 19.2t-19.2 44.8v640q0 25.6 19.2 44.8t44.8 19.2h640q25.6 0 44.8-19.2t19.2-44.8v-640q0-25.6-19.2-44.8t-44.8-19.2zM192 128h640v145.067h-155.733q-27.733-42.667-72-65.6t-92.267-22.933-92.267 22.933-72 65.6h-155.733v-145.067zM512 248.533q43.733 0 78.933 25.067t59.733 63.467h181.333v430.933h-640v-430.933h181.333q24.533-38.4 59.733-63.467t78.933-25.067zM192 128h640z" />
-<glyph unicode="&#xe926;" glyph-name="cloud-download" d="M267.733 106.667q-93.867 0-159.467 65.6t-65.6 159.467q0 84.267 53.867 146.667t134.933 75.2q16 89.6 87.467 158.4t162.133 68.8q25.6 0 44.8-14.4t19.2-38.933v-313.6l88.533 88.533 45.867-45.867-166.4-166.4-166.4 166.4 45.867 45.867 88.533-88.533v308.267q-91.733-11.733-144-80.533t-52.267-148.8h-20.267q-65.067 0-111.467-45.867t-46.4-115.2 48-115.2 113.067-45.867h533.333q48 0 82.133 34.133t34.133 82.133-34.133 82.133-82.133 34.133h-67.2v89.6q0 72.533-35.2 125.333t-90.667 83.733v69.333q86.4-30.933 138.133-107.733t51.733-170.667v-25.6q76.8 2.133 130.133-49.067t53.333-131.2q0-73.6-53.333-126.933t-126.933-53.333z" />
-<glyph unicode="&#xe927;" glyph-name="download" d="M234.667 106.667q-25.6 0-44.8 19.2t-19.2 44.8v152.533h64v-152.533h554.667v152.533h64v-152.533q0-25.6-19.2-44.8t-44.8-19.2zM512 269.867l-205.867 205.867 45.867 45.867 128-128v395.733h64v-395.733l128 128 45.867-45.867z" />
-<glyph unicode="&#xe928;" glyph-name="upload" d="M234.667 106.667q-25.6 0-44.8 19.2t-19.2 44.8v152.533h64v-152.533h554.667v152.533h64v-152.533q0-25.6-19.2-44.8t-44.8-19.2zM480 269.867v395.733l-128-128-45.867 45.867 205.867 205.867 205.867-205.867-45.867-45.867-128 128v-395.733z" />
-<glyph unicode="&#xe929;" glyph-name="cloud-upload" d="M266.667 106.667q-91.733 0-157.867 66.133t-66.133 157.867q0 83.2 52.8 146.667t136 76.267q21.333 103.467 100.267 169.067t182.4 65.6q120.533 0 202.133-86.933t81.6-208.533v-25.6q76.8 2.133 130.133-49.6t53.333-130.667q0-73.6-53.333-126.933t-126.933-53.333h-257.067q-25.6 0-44.8 19.2t-19.2 44.8v275.2l-88.533-88.533-45.867 45.867 166.4 166.4 166.4-166.4-45.867-45.867-88.533 88.533v-275.2h257.067q48 0 82.133 34.133t34.133 82.133-34.133 82.133-82.133 34.133h-67.2v89.6q0 94.933-64.533 163.2t-159.467 68.267-160-68.267-65.067-163.2h-20.267q-66.133 0-112-46.4t-45.867-114.667q0-66.133 46.933-113.6t113.067-47.467h149.333v-64z" />
-<glyph unicode="&#xe92a;" glyph-name="skip-previous" d="M234.667 192v512h64v-512zM789.333 192l-369.067 256 369.067 256z" />
-<glyph unicode="&#xe92b;" glyph-name="arrow-left" d="M597.333 234.667l-213.333 213.333 213.333 213.333z" />
-<glyph unicode="&#xe92c;" glyph-name="skip-next" d="M725.333 192v512h64v-512zM234.667 192v512l369.067-256z" />
-<glyph unicode="&#xe92d;" glyph-name="arrow-right" d="M426.667 234.667v426.667l213.333-213.333z" />
-<glyph unicode="&#xe92e;" glyph-name="first-page" d="M256 192v512h64v-512zM732.8 195.2l-249.6 249.6 249.6 249.6 45.867-45.867-203.733-203.733 203.733-203.733z" />
-<glyph unicode="&#xe92f;" glyph-name="last-page" d="M290.133 197.333l-45.867 45.867 204.8 204.8-204.8 204.8 45.867 45.867 250.667-250.667zM704 192v512h64v-512z" />
-<glyph unicode="&#xe930;" glyph-name="chevron-left" d="M598.4 192l-257.067 257.067 257.067 257.067 45.867-45.867-211.2-211.2 211.2-211.2z" />
-<glyph unicode="&#xe931;" glyph-name="chevron-right" d="M400 192l-45.867 45.867 211.2 211.2-211.2 211.2 45.867 45.867 257.067-257.067z" />
-</font></defs></svg>