@acorex/styles 19.1.0-next.1 → 19.1.0

package/icons/huge/huge-solid-rounded/index.scss

@@ -0,0 +1,589 @@
+@use './variable';
+.ax-icon {
+  font-family: 'hgi-solid-rounded' !important;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  position: relative;
+  &::after {
+    opacity: 0.4;
+    position: absolute;
+    left: 0;
+  }
+}
+
+.ax-icon-more-horizontal {
+  &:before {
+    content: variables.$ax-icon-more-horizontal;
+  }
+  &:after {
+    content: variables.$ax-icon-more-horizontal-after;
+  }
+}
+
+.ax-icon-more-vertical {
+  &:before {
+    content: variables.$ax-icon-more-vertical;
+  }
+  &:after {
+    content: variables.$ax-icon-more-vertical-after;
+  }
+}
+
+.ax-icon-arrow-long-up {
+  &:before {
+    content: variables.$ax-icon-arrow-long-up;
+  }
+  &:after {
+    content: variables.$ax-icon-arrow-long-up-after;
+  }
+}
+
+.ax-icon-arrow-long-down {
+  &:before {
+    content: variables.$ax-icon-arrow-long-down;
+  }
+  &:after {
+    content: variables.$ax-icon-arrow-long-down-after;
+  }
+}
+
+.ax-icon-color-palette {
+  &:before {
+    content: variables.$ax-icon-color-palette;
+  }
+  &:after {
+    content: variables.$ax-icon-color-palette-after;
+  }
+}
+
+.ax-icon-arrow-left {
+  &:before {
+    content: variables.$ax-icon-arrow-left;
+  }
+  &:after {
+    content: variables.$ax-icon-arrow-left-after;
+  }
+}
+
+.ax-icon-arrow-down {
+  &:before {
+    content: variables.$ax-icon-arrow-down;
+  }
+  &:after {
+    content: variables.$ax-icon-arrow-down-after;
+  }
+}
+
+.ax-icon-arrow-up {
+  &:before {
+    content: variables.$ax-icon-arrow-up;
+  }
+  &:after {
+    content: variables.$ax-icon-arrow-up-after;
+  }
+}
+
+.ax-icon-arrow-right {
+  &:before {
+    content: variables.$ax-icon-arrow-right;
+  }
+  &:after {
+    content: variables.$ax-icon-arrow-right-after;
+  }
+}
+
+.ax-icon-chevron-left {
+  &:before {
+    content: variables.$ax-icon-chevron-left;
+  }
+  &:after {
+    content: variables.$ax-icon-chevron-left-after;
+  }
+}
+
+.ax-icon-chevron-down {
+  &:before {
+    content: variables.$ax-icon-chevron-down;
+  }
+  &:after {
+    content: variables.$ax-icon-chevron-down-after;
+  }
+}
+
+.ax-icon-chevron-up {
+  &:before {
+    content: variables.$ax-icon-chevron-up;
+  }
+  &:after {
+    content: variables.$ax-icon-chevron-up-after;
+  }
+}
+
+.ax-icon-chevron-right {
+  &:before {
+    content: variables.$ax-icon-chevron-right;
+  }
+  &:after {
+    content: variables.$ax-icon-chevron-right-after;
+  }
+}
+
+.ax-icon-chevron-double-right {
+  &:before {
+    content: variables.$ax-icon-chevron-double-right;
+  }
+  &:after {
+    content: variables.$ax-icon-chevron-double-right-after;
+  }
+}
+
+.ax-icon-chevron-double-left {
+  &:before {
+    content: variables.$ax-icon-chevron-double-left;
+  }
+  &:after {
+    content: variables.$ax-icon-chevron-double-left-after;
+  }
+}
+
+.ax-icon-first-page {
+  &:before {
+    content: variables.$ax-icon-first-page;
+  }
+  &:after {
+    content: variables.$ax-icon-first-page-after;
+  }
+}
+
+.ax-icon-last-page {
+  &:before {
+    content: variables.$ax-icon-last-page;
+  }
+  &:after {
+    content: variables.$ax-icon-last-page-after;
+  }
+}
+
+.ax-icon-calendar {
+  &:before {
+    content: variables.$ax-icon-calendar;
+  }
+  &:after {
+    content: variables.$ax-icon-calendar-after;
+  }
+}
+
+.ax-icon-error {
+  &:before {
+    content: variables.$ax-icon-error;
+  }
+  &:after {
+    content: variables.$ax-icon-error-after;
+  }
+}
+
+.ax-icon-info {
+  &:before {
+    content: variables.$ax-icon-info;
+  }
+  &:after {
+    content: variables.$ax-icon-info-after;
+  }
+}
+
+.ax-icon-warning {
+  &:before {
+    content: variables.$ax-icon-warning;
+  }
+  &:after {
+    content: variables.$ax-icon-warning-after;
+  }
+}
+
+.ax-icon-check-circle {
+  &:before {
+    content: variables.$ax-icon-check-circle;
+  }
+  &:after {
+    content: variables.$ax-icon-check-circle-after;
+  }
+}
+
+.ax-icon-close {
+  &:before {
+    content: variables.$ax-icon-close;
+  }
+  &:after {
+    content: variables.$ax-icon-close-after;
+  }
+}
+
+.ax-icon-clear {
+  &:before {
+    content: variables.$ax-icon-clear;
+  }
+  &:after {
+    content: variables.$ax-icon-clear-after;
+  }
+}
+
+.ax-icon-visibility-off {
+  &:before {
+    content: variables.$ax-icon-visibility-off;
+  }
+  &:after {
+    content: variables.$ax-icon-visibility-off-after;
+  }
+}
+
+.ax-icon-visibility {
+  &:before {
+    content: variables.$ax-icon-visibility;
+  }
+  &:after {
+    content: variables.$ax-icon-visibility-after;
+  }
+}
+
+.ax-icon-unfold-more {
+  &:before {
+    content: variables.$ax-icon-unfold-more;
+  }
+  &:after {
+    content: variables.$ax-icon-unfold-more-after;
+  }
+}
+
+.ax-icon-download {
+  &:before {
+    content: variables.$ax-icon-download;
+  }
+  &:after {
+    content: variables.$ax-icon-download-after;
+  }
+}
+
+.ax-icon-upload {
+  &:before {
+    content: variables.$ax-icon-upload;
+  }
+  &:after {
+    content: variables.$ax-icon-upload-after;
+  }
+}
+
+.ax-icon-search {
+  &:before {
+    content: variables.$ax-icon-search;
+  }
+  &:after {
+    content: variables.$ax-icon-search-after;
+  }
+}
+
+.ax-icon-copy {
+  &:before {
+    content: variables.$ax-icon-copy;
+  }
+  &:after {
+    content: variables.$ax-icon-copy-after;
+  }
+}
+
+.ax-icon-refresh {
+  &:before {
+    content: variables.$ax-icon-refresh;
+  }
+  &:after {
+    content: variables.$ax-icon-refresh-after;
+  }
+}
+
+.ax-icon-inbox {
+  &:before {
+    content: variables.$ax-icon-inbox;
+  }
+  &:after {
+    content: variables.$ax-icon-inbox-after;
+  }
+}
+
+.ax-icon-emoji {
+  &:before {
+    content: variables.$ax-icon-emoji;
+  }
+  &:after {
+    content: variables.$ax-icon-emoji-after;
+  }
+}
+
+.ax-icon-attach {
+  &:before {
+    content: variables.$ax-icon-attach;
+  }
+  &:after {
+    content: variables.$ax-icon-attach-after;
+  }
+}
+
+.ax-icon-mic {
+  &:before {
+    content: variables.$ax-icon-mic;
+  }
+  &:after {
+    content: variables.$ax-icon-mic-after;
+  }
+}
+
+.ax-icon-send {
+  &:before {
+    content: variables.$ax-icon-send;
+  }
+  &:after {
+    content: variables.$ax-icon-send-after;
+  }
+}
+
+.ax-icon-check {
+  &:before {
+    content: variables.$ax-icon-check;
+  }
+  &:after {
+    content: variables.$ax-icon-check-after;
+  }
+}
+
+.ax-icon-dobble-check {
+  &:before {
+    content: variables.$ax-icon-dobble-check;
+  }
+  &:after {
+    content: variables.$ax-icon-dobble-check-after;
+  }
+}
+
+.ax-icon-pause {
+  &:before {
+    content: variables.$ax-icon-pause;
+  }
+  &:after {
+    content: variables.$ax-icon-pause-after;
+  }
+}
+
+.ax-icon-play {
+  &:before {
+    content: variables.$ax-icon-play;
+  }
+  &:after {
+    content: variables.$ax-icon-play-after;
+  }
+}
+
+.ax-icon-reload {
+  &:before {
+    content: variables.$ax-icon-reload;
+  }
+  &:after {
+    content: variables.$ax-icon-reload-after;
+  }
+}
+
+.ax-icon-heart {
+  &:before {
+    content: variables.$ax-icon-heart;
+  }
+  &:after {
+    content: variables.$ax-icon-heart-after;
+  }
+}
+
+.ax-icon-comment {
+  &:before {
+    content: variables.$ax-icon-comment;
+  }
+  &:after {
+    content: variables.$ax-icon-comment-after;
+  }
+}
+
+.ax-icon-bold {
+  &:before {
+    content: variables.$ax-icon-bold;
+  }
+  &:after {
+    content: variables.$ax-icon-bold-after;
+  }
+}
+
+.ax-icon-italic {
+  &:before {
+    content: variables.$ax-icon-italic;
+  }
+  &:after {
+    content: variables.$ax-icon-italic-after;
+  }
+}
+
+.ax-icon-under-line {
+  &:before {
+    content: variables.$ax-icon-under-line;
+  }
+  &:after {
+    content: variables.$ax-icon-under-line-after;
+  }
+}
+
+.ax-icon-strike {
+  &:before {
+    content: variables.$ax-icon-strike;
+  }
+  &:after {
+    content: variables.$ax-icon-strike-after;
+  }
+}
+
+.ax-icon-order-list {
+  &:before {
+    content: variables.$ax-icon-order-list;
+  }
+  &:after {
+    content: variables.$ax-icon-order-list-after;
+  }
+}
+
+.ax-icon-un-order-list {
+  &:before {
+    content: variables.$ax-icon-un-order-list;
+  }
+  &:after {
+    content: variables.$ax-icon-un-order-list-after;
+  }
+}
+
+.ax-icon-align-left {
+  &:before {
+    content: variables.$ax-icon-align-left;
+  }
+  &:after {
+    content: variables.$ax-icon-align-left-after;
+  }
+}
+
+.ax-icon-align-right {
+  &:before {
+    content: variables.$ax-icon-align-right;
+  }
+  &:after {
+    content: variables.$ax-icon-align-right-after;
+  }
+}
+
+.ax-icon-align-center {
+  &:before {
+    content: variables.$ax-icon-align-center;
+  }
+  &:after {
+    content: variables.$ax-icon-align-center-after;
+  }
+}
+
+.ax-icon-align-justify {
+  &:before {
+    content: variables.$ax-icon-align-justify;
+  }
+  &:after {
+    content: variables.$ax-icon-align-justify-after;
+  }
+}
+
+.ax-icon-undo {
+  &:before {
+    content: variables.$ax-icon-undo;
+  }
+  &:after {
+    content: variables.$ax-icon-undo-after;
+  }
+}
+
+.ax-icon-redo {
+  &:before {
+    content: variables.$ax-icon-redo;
+  }
+  &:after {
+    content: variables.$ax-icon-redo-after;
+  }
+}
+
+.ax-icon-highlight {
+  &:before {
+    content: variables.$ax-icon-highlight;
+  }
+  &:after {
+    content: variables.$ax-icon-highlight-after;
+  }
+}
+
+.ax-icon-link {
+  &:before {
+    content: variables.$ax-icon-link;
+  }
+  &:after {
+    content: variables.$ax-icon-link-after;
+  }
+}
+
+.ax-icon-image {
+  &:before {
+    content: variables.$ax-icon-image;
+  }
+  &:after {
+    content: variables.$ax-icon-image-after;
+  }
+}
+
+.ax-icon-pen {
+  &:before {
+    content: variables.$ax-icon-pen;
+  }
+  &:after {
+    content: variables.$ax-icon-pen-after;
+  }
+}
+
+.ax-icon-eraser {
+  &:before {
+    content: variables.$ax-icon-eraser;
+  }
+  &:after {
+    content: variables.$ax-icon-eraser-after;
+  }
+}
+
+.ax-icon-pen-ruler {
+  &:before {
+    content: variables.$ax-icon-pen-ruler;
+  }
+  &:after {
+    content: variables.$ax-icon-pen-ruler-after;
+  }
+}
+
+.ax-icon-crop {
+  &:before {
+    content: variables.$ax-icon-crop;
+  }
+  &:after {
+    content: variables.$ax-icon-crop-after;
+  }
+}
+
+.ax-icon-full-screen {
+  &:before {
+    content: variables.$ax-icon-full-screen;
+  }
+  &:after {
+    content: variables.$ax-icon-full-screen-after;
+  }
+}

package/icons/{index.scss → huge/huge-solid-sharp/index.scss}

@@ -1,4 +1,16 @@
-@use "fontawesome/variables";
+@use './variable';
+.ax-icon {
+  font-family: 'hgi-solid-sharp' !important;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  position: relative;
+  &::after {
+    opacity: 0.4;
+    position: absolute;
+    left: 0;
+  }
+}
 
 .ax-icon-thin {
   --ax-icon-weight: 100;