@acorex/styles 21.0.0-next.16 → 21.0.0-next.17

package/icons/material/index.scss

@@ -0,0 +1,718 @@
+@use './variables';
+.ax-icon {
+  font-family: 'Material Icons';
+  font-weight: normal;
+  font-style: normal;
+  font-size: 24px; /* Preferred icon size */
+  display: inline-block;
+  text-transform: none;
+  letter-spacing: normal;
+  word-wrap: normal;
+  white-space: nowrap;
+  direction: ltr;
+  /* Support for all WebKit browsers. */
+  -webkit-font-smoothing: antialiased;
+  /* Support for Safari and Chrome. */
+  text-rendering: optimizeLegibility;
+  /* Support for Firefox. */
+  -moz-osx-font-smoothing: grayscale;
+  /* Support for IE. */
+  font-feature-settings: 'liga';
+}
+
+.ax-icon-thin {
+  --ax-sys-icon-weight: 100;
+}
+.ax-icon-light {
+  --ax-sys-icon-weight: 300;
+}
+.ax-icon-regular {
+  --ax-sys-icon-weight: 400;
+}
+.ax-icon-solid {
+  --ax-sys-icon-weight: 900;
+}
+
+.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;
+  }
+}
+
+.ax-icon-up-folder {
+  &:before {
+    content: variables.$ax-icon-up-folder;
+  }
+  &:after {
+    content: variables.$ax-icon-up-folder-after;
+  }
+}
+
+.ax-icon-sort {
+  &:before {
+    content: variables.$ax-icon-sort;
+  }
+  &:after {
+    content: variables.$ax-icon-sort-after;
+  }
+}
+
+.ax-icon-menu {
+  &:before {
+    content: variables.$ax-icon-menu;
+  }
+  &:after {
+    content: variables.$ax-icon-menu-after;
+  }
+}
+
+.ax-icon-plus {
+  &:before {
+    content: variables.$ax-icon-plus;
+  }
+  &:after {
+    content: variables.$ax-icon-plus-after;
+  }
+}
+
+.ax-icon-trash {
+  &:before {
+    content: variables.$ax-icon-trash;
+  }
+  &:after {
+    content: variables.$ax-icon-trash-after;
+  }
+}
+
+.ax-icon-arrow-turn-right {
+  &:before {
+    content: variables.$ax-icon-arrow-turn-right;
+  }
+  &:after {
+    content: variables.$ax-icon-arrow-turn-right-after;
+  }
+}
+
+.ax-icon-arrow-turn-left {
+  &:before {
+    content: variables.$ax-icon-arrow-turn-left;
+  }
+  &:after {
+    content: variables.$ax-icon-arrow-turn-left-after;
+  }
+}
+
+.ax-icon-save {
+  &:before {
+    content: variables.$ax-icon-save;
+  }
+  &:after {
+    content: variables.$ax-icon-save-after;
+  }
+}
+
+.ax-icon-minimize {
+  &:before {
+    content: variables.$ax-icon-minimize;
+  }
+  &:after {
+    content: variables.$ax-icon-minimize-after;
+  }
+}
+
+.ax-icon-maximize {
+  &:before {
+    content: variables.$ax-icon-maximize;
+  }
+  &:after {
+    content: variables.$ax-icon-maximize-after;
+  }
+}
+
+.ax-icon-code {
+  &:before {
+    content: variables.$ax-icon-code;
+  }
+  &:after {
+    content: variables.$ax-icon-code-after;
+  }
+}
+
+.ax-icon-paragraph {
+  &:before {
+    content: variables.$ax-icon-paragraph;
+  }
+  &:after {
+    content: variables.$ax-icon-paragraph-after;
+  }
+}

package/{index.css → index.scss}

@@ -1,7 +1,7 @@
-/* @forward './base/index.scss';
+@forward './base/index.scss';
 @forward './components/index.scss';
 @forward './mixins/index.scss';
 @forward './utils/index.scss';
-@forward './variables/index.scss'; */
-@import './components';
+@forward './variables/index.scss';
+
 @import '@angular/cdk/overlay-prebuilt.css';