@acorex/styles 21.0.0-next.5 → 21.0.0-next.7

package/icons/material/index.scss

@@ -1,709 +0,0 @@
-@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;
-  }
-}

package/index.scss

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

package/mixins/_editor-looks.scss

@@ -1,32 +0,0 @@
-@mixin solid-look() {
-  --ax-comp-editor-bg-color: var(--ax-sys-color-lightest-surface);
-  --ax-comp-editor-border-width: 1px;
-}
-@mixin fill-look() {
-  --ax-comp-editor-box-outline-width: 2px;
-  --ax-comp-editor-border-width: 0px;
-
-  --ax-comp-editor-bg-color: var(--ax-sys-color-surface);
-  --ax-comp-editor-text-color: var(--ax-sys-color-on-lighter-surface);
-  --ax-comp-editor-border-color: var(--ax-sys-color-border-lighter-surface);
-}
-@mixin outline-look() {
-  --ax-comp-editor-bg-color: 0, 0, 0, 0;
-  --ax-comp-editor-border-width: 1px;
-}
-@mixin flat-look() {
-  --ax-comp-editor-border-width: 2px;
-  --ax-comp-editor-border-radius: 0px;
-  --ax-comp-editor-box-outline-width: 0px;
-  border-width: 0px !important;
-  border-bottom-width: var(--ax-comp-editor-border-width) !important;
-}
-
-@mixin none-look() {
-  --ax-comp-editor-border-radius: 0px;
-  --ax-comp-editor-box-outline-width: 0px;
-  --ax-comp-editor-border-width: 0px;
-  --ax-comp-editor-bg-color: 0, 0, 0, 0;
-  --ax-comp-editor-border-color: 0, 0, 0, 0;
-  --ax-comp-editor-text-color: var(--ax-sys-color-on-lighter-surface);
-}