@acorex/styles 16.0.2 → 17.0.1

package/icons/fontawesome/fontawesome.scss

@@ -0,0 +1,68 @@
+.ax-icon {
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  display: inline-flex !important;
+  font-style: normal;
+  font-variant: normal;
+  line-height: 1;
+  text-rendering: auto;
+  font-family: 'Font Awesome 6 Pro';
+  width: 24px;
+  height: 24px;
+  align-items: center;
+  justify-content: center;
+  font-weight: var(--ax-icon-weight, 400);
+  font-size: var(--ax-icon-size, 100%);
+}
+
+$ax-icon-more-horizontal: '\f141';
+$ax-icon-more-vertical: '\f142';
+
+$ax-icon-arrow-long-up: '\f176';
+$ax-icon-arrow-long-down: '\f175';
+
+$ax-icon-done-bold: '\f00c';
+$ax-icon-color-palette: '\f53f';
+
+$ax-icon-arrow-left: '\f0d9';
+$ax-icon-arrow-down: '\f0d7';
+$ax-icon-arrow-up: '\f0d8';
+$ax-icon-arrow-right: '\f0da';
+
+$ax-icon-chevron-left: '\f053';
+$ax-icon-chevron-down: '\f078';
+$ax-icon-chevron-up: '\f077';
+$ax-icon-chevron-right: '\f054';
+
+$ax-icon-first-page: '\f33e';
+$ax-icon-last-page: '\f340';
+
+$ax-icon-done: '\f00c';
+$ax-icon-calendar: '\f133';
+
+$ax-icon-info: '\f05a';
+
+$ax-icon-error: '\f06a';
+
+$ax-icon-warning: '\f071';
+
+$ax-icon-check: '\f00c';
+$ax-icon-check-circle: '\f058';
+$ax-icon-dobble-check: '\f560';
+
+$ax-icon-close: '\f00d';
+$ax-icon-clear: '\f057';
+$ax-icon-visibility-off: '\f070';
+$ax-icon-visibility: '\f06e';
+$ax-icon-unfold-more: '\e60d';
+$ax-icon-download: '\e094';
+$ax-icon-upload: '\e09a';
+$ax-icon-search: '\f002';
+$ax-icon-copy: '\f0c5';
+$ax-icon-refresh: '\f021';
+$ax-icon-inbox: '\f01c';
+
+$ax-icon-emoji: '\f118';
+$ax-icon-attach: '\f0c6';
+$ax-icon-mic: '\f130';
+$ax-icon-send: '\f1d8';

package/icons/index.scss

@@ -0,0 +1,207 @@
+.ax-icon-thin {
+  --ax-icon-weight: 100;
+}
+.ax-icon-light {
+  --ax-icon-weight: 300;
+}
+.ax-icon-regular {
+  --ax-icon-weight: 400;
+}
+.ax-icon-solid {
+  --ax-icon-weight: 900;
+}
+
+.ax-icon-more-horizontal {
+  &:before {
+    content: $ax-icon-more-horizontal;
+  }
+}
+.ax-icon-more-vertical {
+  &:before {
+    content: $ax-icon-more-vertical;
+  }
+}
+.ax-icon-arrow-long-up {
+  &:before {
+    content: $ax-icon-arrow-long-up;
+  }
+}
+
+.ax-icon-arrow-long-down {
+  &:before {
+    content: $ax-icon-arrow-long-down;
+  }
+}
+
+.ax-icon-color-palette {
+  &:before {
+    content: $ax-icon-color-palette;
+  }
+}
+.ax-icon-arrow-down {
+  &:before {
+    content: $ax-icon-arrow-down;
+  }
+}
+.ax-icon-arrow-up {
+  &:before {
+    content: $ax-icon-arrow-up;
+  }
+}
+.ax-icon-arrow-right {
+  &:before {
+    content: $ax-icon-arrow-right;
+  }
+}
+.ax-icon-chevron-left {
+  &:before {
+    content: $ax-icon-chevron-left;
+  }
+}
+.ax-icon-chevron-down {
+  &:before {
+    content: $ax-icon-chevron-down;
+  }
+}
+
+.ax-icon-chevron-up {
+  &:before {
+    content: $ax-icon-chevron-up;
+  }
+}
+.ax-icon-chevron-right {
+  &:before {
+    content: $ax-icon-chevron-right;
+  }
+}
+.ax-icon-first-page {
+  &:before {
+    content: $ax-icon-first-page;
+  }
+}
+.ax-icon-last-page {
+  &:before {
+    content: $ax-icon-last-page;
+  }
+}
+
+.ax-icon-done {
+  &:before {
+    content: $ax-icon-done;
+  }
+}
+.ax-icon-calendar {
+  &:before {
+    content: $ax-icon-calendar;
+  }
+}
+
+.ax-icon-error {
+  &:before {
+    content: $ax-icon-error;
+  }
+}
+.ax-icon-info {
+  &:before {
+    content: $ax-icon-info;
+  }
+}
+.ax-icon-warning {
+  &:before {
+    content: $ax-icon-warning;
+  }
+}
+
+.ax-icon-check-circle {
+  &:before {
+    content: $ax-icon-check-circle;
+  }
+}
+
+.ax-icon-close {
+  &:before {
+    content: $ax-icon-close;
+  }
+}
+.ax-icon-clear {
+  &:before {
+    content: $ax-icon-clear;
+  }
+}
+.ax-icon-visibility-off {
+  &:before {
+    content: $ax-icon-visibility-off;
+  }
+}
+.ax-icon-visibility {
+  &:before {
+    content: $ax-icon-visibility;
+  }
+}
+.ax-icon-unfold-more {
+  &:before {
+    content: $ax-icon-unfold-more;
+  }
+}
+
+.ax-icon-upload {
+  &:before {
+    content: $ax-icon-upload;
+  }
+}
+
+.ax-icon-search {
+  &:before {
+    content: $ax-icon-search;
+  }
+}
+.ax-icon-copy {
+  &:before {
+    content: $ax-icon-copy;
+  }
+}
+.ax-icon-refresh {
+  &:before {
+    content: $ax-icon-refresh;
+  }
+}
+.ax-icon-inbox {
+  &:before {
+    content: $ax-icon-inbox;
+  }
+}
+
+.ax-icon-emoji {
+  &:before {
+    content: $ax-icon-emoji;
+  }
+}
+
+.ax-icon-attach {
+  &:before {
+    content: $ax-icon-attach;
+  }
+}
+
+.ax-icon-mic {
+  &:before {
+    content: $ax-icon-mic;
+  }
+}
+.ax-icon-send {
+  &:before {
+    content: $ax-icon-send;
+  }
+}
+
+.ax-icon-check {
+  &:before {
+    content: $ax-icon-check;
+  }
+}
+
+.ax-icon-dobble-check {
+  &:before {
+    content: $ax-icon-dobble-check;
+  }
+}

package/icons/material/material.scss

@@ -0,0 +1,73 @@
+.ax-icon {
+  font-family: 'Material Icons';
+  font-weight: normal;
+  font-style: normal;
+  font-size: 24px; /* Preferred icon size */
+  display: inline-block;
+  line-height: 1;
+  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-more-horizontal: '\e5d3';
+$ax-icon-more-vertical: '\e5d4';
+
+$ax-icon-arrow-long-up: '\e986';
+$ax-icon-arrow-long-down: '\e984';
+
+$ax-icon-color-palette: '\e40a';
+
+$ax-icon-arrow-down: '\e5c5';
+$ax-icon-arrow-up: '\e5c7';
+$ax-icon-arrow-right: '\e5df';
+
+$ax-icon-chevron-left: '\e5cb';
+$ax-icon-chevron-down: '\e5cf';
+$ax-icon-chevron-up: '\e5ce';
+$ax-icon-chevron-right: '\e5cc';
+
+$ax-icon-first-page: '\e5dc';
+$ax-icon-last-page: '\e5dd';
+
+$ax-icon-done: '\e876';
+$ax-icon-calendar: '\e935';
+
+$ax-icon-info: '\e88e';
+
+$ax-icon-error: '\e000';
+
+$ax-icon-warning: '\e002';
+
+$ax-icon-check: '\e876';
+$ax-icon-check-circle: '\e86c';
+$ax-icon-dobble-check: '\e877';
+
+$ax-icon-close: '\e5cd';
+$ax-icon-clear: '\e5c9';
+$ax-icon-visibility-off: '\e8f5';
+$ax-icon-visibility: '\e8f4';
+$ax-icon-unfold-more: '\e5d7';
+$ax-icon-upload: '\f090';
+$ax-icon-search: '\e8b6';
+$ax-icon-copy: '\e173';
+$ax-icon-refresh: '\e863';
+$ax-icon-inbox: '\e156';
+
+$ax-icon-emoji: '\e813';
+$ax-icon-attach: '\e226';
+$ax-icon-mic: '\e029';
+$ax-icon-send: '\e163';