@acorex/styles 7.17.15 → 7.17.17

package/icons/fontawesome/fontawesome.scss

@@ -0,0 +1,60 @@
+.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-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-circle: '\f058';
+
+$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';

package/icons/index.scss

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

package/icons/material/material.scss

@@ -0,0 +1,65 @@
+.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-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-circle: '\e86c';
+
+$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';

package/index.css

@@ -4471,16 +4471,10 @@ body {
 .ax-general-button.ax-button-icon {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
-  font-size: 1.125rem;
-  line-height: 1.75rem;
 }
 .ax-general-button.ax-button-icon > button {
   display: flex;
 }
-.ax-general-button.ax-button-icon ax-icon {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-}
 .ax-general-button.ax-button-rounded {
   border-radius: var(--ax-rounded-border-default);
 }
@@ -4494,8 +4488,8 @@ body {
   height: var(--ax-size-default);
   align-items: center;
   justify-content: center;
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
+  margin-left: 0.25rem;
+  margin-right: 0.25rem;
   font-size: 1rem;
   line-height: 1.5rem;
   line-height: 1;
@@ -4862,10 +4856,6 @@ body {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
-.ax-uploader-overlay-state .ax-icon {
-  font-size: 1.5rem;
-  line-height: 2rem;
-}
 
 .ax-dark .ax-uploader-overlay-state {
   background-color: rgba(var(--ax-color-primary-800), 0.75);