@acorex/styles 6.0.12 → 6.1.1

package/src/icons/style.scss

@@ -1,240 +1,240 @@
-@import "variables";
-
-@font-face {
-  font-family: '#{$icomoon-font-family}';
-  src:  url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?1da3f8');
-  src:  url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?1da3f8#iefix') format('embedded-opentype'),
-    url('#{$icomoon-font-path}/#{$icomoon-font-family}.ttf?1da3f8') format('truetype'),
-    url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff?1da3f8') format('woff'),
-    url('#{$icomoon-font-path}/#{$icomoon-font-family}.svg?1da3f8##{$icomoon-font-family}') format('svg');
-  font-weight: normal;
-  font-style: normal;
-  font-display: block;
-}
-
-[class^="ax-ic-"], [class*=" ax-ic-"] {
-  /* use !important to prevent issues with browser extensions that change fonts */
-  font-family: '#{$icomoon-font-family}' !important;
-  speak: never;
-  font-style: normal;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 1;
-
-  /* Better Font Rendering =========== */
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-.ax-ic-inbox {
-  &:before {
-    content: $ax-ic-inbox; 
-  }
-}
-.ax-ic-cloud-download {
-  &:before {
-    content: $ax-ic-cloud-download; 
-  }
-}
-.ax-ic-download {
-  &:before {
-    content: $ax-ic-download; 
-  }
-}
-.ax-ic-upload {
-  &:before {
-    content: $ax-ic-upload; 
-  }
-}
-.ax-ic-cloud-upload {
-  &:before {
-    content: $ax-ic-cloud-upload; 
-  }
-}
-.ax-ic-empty-box {
-  &:before {
-    content: $ax-ic-empty-box; 
-  }
-}
-.ax-ic-colorize {
-  &:before {
-    content: $ax-ic-colorize; 
-  }
-}
-.ax-ic-pase {
-  &:before {
-    content: $ax-ic-pase; 
-  }
-}
-.ax-ic-copy {
-  &:before {
-    content: $ax-ic-copy; 
-  }
-}
-.ax-ic-star-filled {
-  &:before {
-    content: $ax-ic-star-filled; 
-  }
-}
-.ax-ic-star-half-filled {
-  &:before {
-    content: $ax-ic-star-half-filled; 
-  }
-}
-.ax-ic-star-outline {
-  &:before {
-    content: $ax-ic-star-outline; 
-  }
-}
-.ax-ic-remove {
-  &:before {
-    content: $ax-ic-remove; 
-  }
-}
-.ax-ic-plus {
-  &:before {
-    content: $ax-ic-plus; 
-  }
-}
-.ax-ic-magnify {
-  &:before {
-    content: $ax-ic-magnify; 
-  }
-}
-.ax-ic-arrow-circle {
-  &:before {
-    content: $ax-ic-arrow-circle; 
-  }
-}
-.ax-ic-arrow-circle-fill {
-  &:before {
-    content: $ax-ic-arrow-circle-fill; 
-  }
-}
-.ax-ic-arrow-half {
-  &:before {
-    content: $ax-ic-arrow-half; 
-  }
-}
-.ax-ic-arrow-fill {
-  &:before {
-    content: $ax-ic-arrow-fill; 
-  }
-}
-.ax-ic-arrow {
-  &:before {
-    content: $ax-ic-arrow; 
-  }
-}
-.ax-ic-unfold {
-  &:before {
-    content: $ax-ic-unfold; 
-  }
-}
-.ax-ic-half-arrow {
-  &:before {
-    content: $ax-ic-half-arrow; 
-  }
-}
-.ax-ic-fullscreen {
-  &:before {
-    content: $ax-ic-fullscreen; 
-  }
-}
-.ax-ic-close-fullscreen {
-  &:before {
-    content: $ax-ic-close-fullscreen; 
-  }
-}
-.ax-ic-fold {
-  &:before {
-    content: $ax-ic-fold; 
-  }
-}
-.ax-ic-eye {
-  &:before {
-    content: $ax-ic-eye; 
-  }
-}
-.ax-ic-eye-off {
-  &:before {
-    content: $ax-ic-eye-off; 
-  }
-}
-.ax-ic-calendar {
-  &:before {
-    content: $ax-ic-calendar; 
-  }
-}
-.ax-ic-time {
-  &:before {
-    content: $ax-ic-time; 
-  }
-}
-.ax-ic-check {
-  &:before {
-    content: $ax-ic-check; 
-  }
-}
-.ax-ic-check-filled {
-  &:before {
-    content: $ax-ic-check-filled; 
-  }
-}
-.ax-ic-chevron {
-  &:before {
-    content: $ax-ic-chevron; 
-  }
-}
-.ax-ic-close {
-  &:before {
-    content: $ax-ic-close; 
-  }
-}
-.ax-ic-error-filled {
-  &:before {
-    content: $ax-ic-error-filled; 
-  }
-}
-.ax-ic-chevron-page {
-  &:before {
-    content: $ax-ic-chevron-page; 
-  }
-}
-.ax-ic-info-filled {
-  &:before {
-    content: $ax-ic-info-filled; 
-  }
-}
-.ax-ic-chevron-double {
-  &:before {
-    content: $ax-ic-chevron-double; 
-  }
-}
-.ax-ic-menu {
-  &:before {
-    content: $ax-ic-menu; 
-  }
-}
-.ax-ic-more {
-  &:before {
-    content: $ax-ic-more; 
-  }
-}
-.ax-ic-warning-filled {
-  &:before {
-    content: $ax-ic-warning-filled; 
-  }
-}
-.ax-ic-chevron-page-filled {
-  &:before {
-    content: $ax-ic-chevron-page-filled; 
-  }
-}
-.ax-ic-calendar-today {
-  &:before {
-    content: $ax-ic-calendar-today; 
-  }
-}
-
+@import "variables";
+
+@font-face {
+  font-family: '#{$icomoon-font-family}';
+  src:  url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?1da3f8');
+  src:  url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?1da3f8#iefix') format('embedded-opentype'),
+    url('#{$icomoon-font-path}/#{$icomoon-font-family}.ttf?1da3f8') format('truetype'),
+    url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff?1da3f8') format('woff'),
+    url('#{$icomoon-font-path}/#{$icomoon-font-family}.svg?1da3f8##{$icomoon-font-family}') format('svg');
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
+}
+
+[class^="ax-ic-"], [class*=" ax-ic-"] {
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: '#{$icomoon-font-family}' !important;
+  speak: never;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.ax-ic-inbox {
+  &:before {
+    content: $ax-ic-inbox; 
+  }
+}
+.ax-ic-cloud-download {
+  &:before {
+    content: $ax-ic-cloud-download; 
+  }
+}
+.ax-ic-download {
+  &:before {
+    content: $ax-ic-download; 
+  }
+}
+.ax-ic-upload {
+  &:before {
+    content: $ax-ic-upload; 
+  }
+}
+.ax-ic-cloud-upload {
+  &:before {
+    content: $ax-ic-cloud-upload; 
+  }
+}
+.ax-ic-empty-box {
+  &:before {
+    content: $ax-ic-empty-box; 
+  }
+}
+.ax-ic-colorize {
+  &:before {
+    content: $ax-ic-colorize; 
+  }
+}
+.ax-ic-pase {
+  &:before {
+    content: $ax-ic-pase; 
+  }
+}
+.ax-ic-copy {
+  &:before {
+    content: $ax-ic-copy; 
+  }
+}
+.ax-ic-star-filled {
+  &:before {
+    content: $ax-ic-star-filled; 
+  }
+}
+.ax-ic-star-half-filled {
+  &:before {
+    content: $ax-ic-star-half-filled; 
+  }
+}
+.ax-ic-star-outline {
+  &:before {
+    content: $ax-ic-star-outline; 
+  }
+}
+.ax-ic-remove {
+  &:before {
+    content: $ax-ic-remove; 
+  }
+}
+.ax-ic-plus {
+  &:before {
+    content: $ax-ic-plus; 
+  }
+}
+.ax-ic-magnify {
+  &:before {
+    content: $ax-ic-magnify; 
+  }
+}
+.ax-ic-arrow-circle {
+  &:before {
+    content: $ax-ic-arrow-circle; 
+  }
+}
+.ax-ic-arrow-circle-fill {
+  &:before {
+    content: $ax-ic-arrow-circle-fill; 
+  }
+}
+.ax-ic-arrow-half {
+  &:before {
+    content: $ax-ic-arrow-half; 
+  }
+}
+.ax-ic-arrow-fill {
+  &:before {
+    content: $ax-ic-arrow-fill; 
+  }
+}
+.ax-ic-arrow {
+  &:before {
+    content: $ax-ic-arrow; 
+  }
+}
+.ax-ic-unfold {
+  &:before {
+    content: $ax-ic-unfold; 
+  }
+}
+.ax-ic-half-arrow {
+  &:before {
+    content: $ax-ic-half-arrow; 
+  }
+}
+.ax-ic-fullscreen {
+  &:before {
+    content: $ax-ic-fullscreen; 
+  }
+}
+.ax-ic-close-fullscreen {
+  &:before {
+    content: $ax-ic-close-fullscreen; 
+  }
+}
+.ax-ic-fold {
+  &:before {
+    content: $ax-ic-fold; 
+  }
+}
+.ax-ic-eye {
+  &:before {
+    content: $ax-ic-eye; 
+  }
+}
+.ax-ic-eye-off {
+  &:before {
+    content: $ax-ic-eye-off; 
+  }
+}
+.ax-ic-calendar {
+  &:before {
+    content: $ax-ic-calendar; 
+  }
+}
+.ax-ic-time {
+  &:before {
+    content: $ax-ic-time; 
+  }
+}
+.ax-ic-check {
+  &:before {
+    content: $ax-ic-check; 
+  }
+}
+.ax-ic-check-filled {
+  &:before {
+    content: $ax-ic-check-filled; 
+  }
+}
+.ax-ic-chevron {
+  &:before {
+    content: $ax-ic-chevron; 
+  }
+}
+.ax-ic-close {
+  &:before {
+    content: $ax-ic-close; 
+  }
+}
+.ax-ic-error-filled {
+  &:before {
+    content: $ax-ic-error-filled; 
+  }
+}
+.ax-ic-chevron-page {
+  &:before {
+    content: $ax-ic-chevron-page; 
+  }
+}
+.ax-ic-info-filled {
+  &:before {
+    content: $ax-ic-info-filled; 
+  }
+}
+.ax-ic-chevron-double {
+  &:before {
+    content: $ax-ic-chevron-double; 
+  }
+}
+.ax-ic-menu {
+  &:before {
+    content: $ax-ic-menu; 
+  }
+}
+.ax-ic-more {
+  &:before {
+    content: $ax-ic-more; 
+  }
+}
+.ax-ic-warning-filled {
+  &:before {
+    content: $ax-ic-warning-filled; 
+  }
+}
+.ax-ic-chevron-page-filled {
+  &:before {
+    content: $ax-ic-chevron-page-filled; 
+  }
+}
+.ax-ic-calendar-today {
+  &:before {
+    content: $ax-ic-calendar-today; 
+  }
+}
+

package/src/icons/variables.scss

@@ -1,46 +1,46 @@
-$icomoon-font-family: "acorex-icon" !default;
-$icomoon-font-path: "fonts" !default;
-
-$ax-ic-inbox: "\e925";
-$ax-ic-cloud-download: "\e926";
-$ax-ic-download: "\e927";
-$ax-ic-upload: "\e928";
-$ax-ic-cloud-upload: "\e929";
-$ax-ic-empty-box: "\e924";
-$ax-ic-colorize: "\e921";
-$ax-ic-pase: "\e922";
-$ax-ic-copy: "\e923";
-$ax-ic-star-filled: "\e91e";
-$ax-ic-star-half-filled: "\e91f";
-$ax-ic-star-outline: "\e920";
-$ax-ic-remove: "\e91b";
-$ax-ic-plus: "\e91c";
-$ax-ic-magnify: "\e91d";
-$ax-ic-arrow-circle: "\e911";
-$ax-ic-arrow-circle-fill: "\e912";
-$ax-ic-arrow-half: "\e913";
-$ax-ic-arrow-fill: "\e914";
-$ax-ic-arrow: "\e915";
-$ax-ic-unfold: "\e916";
-$ax-ic-half-arrow: "\e917";
-$ax-ic-fullscreen: "\e918";
-$ax-ic-close-fullscreen: "\e919";
-$ax-ic-fold: "\e91a";
-$ax-ic-eye: "\e901";
-$ax-ic-eye-off: "\e902";
-$ax-ic-calendar: "\e903";
-$ax-ic-time: "\e900";
-$ax-ic-check: "\e904";
-$ax-ic-check-filled: "\e905";
-$ax-ic-chevron: "\e906";
-$ax-ic-close: "\e907";
-$ax-ic-error-filled: "\e908";
-$ax-ic-chevron-page: "\e909";
-$ax-ic-info-filled: "\e90a";
-$ax-ic-chevron-double: "\e90b";
-$ax-ic-menu: "\e90c";
-$ax-ic-more: "\e90d";
-$ax-ic-warning-filled: "\e90e";
-$ax-ic-chevron-page-filled: "\e90f";
-$ax-ic-calendar-today: "\e910";
-
+$icomoon-font-family: "acorex-icon" !default;
+$icomoon-font-path: "fonts" !default;
+
+$ax-ic-inbox: "\e925";
+$ax-ic-cloud-download: "\e926";
+$ax-ic-download: "\e927";
+$ax-ic-upload: "\e928";
+$ax-ic-cloud-upload: "\e929";
+$ax-ic-empty-box: "\e924";
+$ax-ic-colorize: "\e921";
+$ax-ic-pase: "\e922";
+$ax-ic-copy: "\e923";
+$ax-ic-star-filled: "\e91e";
+$ax-ic-star-half-filled: "\e91f";
+$ax-ic-star-outline: "\e920";
+$ax-ic-remove: "\e91b";
+$ax-ic-plus: "\e91c";
+$ax-ic-magnify: "\e91d";
+$ax-ic-arrow-circle: "\e911";
+$ax-ic-arrow-circle-fill: "\e912";
+$ax-ic-arrow-half: "\e913";
+$ax-ic-arrow-fill: "\e914";
+$ax-ic-arrow: "\e915";
+$ax-ic-unfold: "\e916";
+$ax-ic-half-arrow: "\e917";
+$ax-ic-fullscreen: "\e918";
+$ax-ic-close-fullscreen: "\e919";
+$ax-ic-fold: "\e91a";
+$ax-ic-eye: "\e901";
+$ax-ic-eye-off: "\e902";
+$ax-ic-calendar: "\e903";
+$ax-ic-time: "\e900";
+$ax-ic-check: "\e904";
+$ax-ic-check-filled: "\e905";
+$ax-ic-chevron: "\e906";
+$ax-ic-close: "\e907";
+$ax-ic-error-filled: "\e908";
+$ax-ic-chevron-page: "\e909";
+$ax-ic-info-filled: "\e90a";
+$ax-ic-chevron-double: "\e90b";
+$ax-ic-menu: "\e90c";
+$ax-ic-more: "\e90d";
+$ax-ic-warning-filled: "\e90e";
+$ax-ic-chevron-page-filled: "\e90f";
+$ax-ic-calendar-today: "\e910";
+

package/src/utility/index.scss

@@ -1,23 +1,23 @@
 @layer utilities {
     .ax-sm {
         --ax-base-size: calc(var(--ax-size) - 2px);
-        // font-size: 0.75rem;
-        // * {
-        //     font-size: 0.75rem;
-        // }
+        font-size: 0.75rem;
+        * {
+            font-size: 0.75rem;
+        }
     }
     .ax-md {
         --ax-base-size: var(--ax-size);
-        font-size: 1rem;
+        font-size: 0.875rem;
         * {
-            font-size: 1rem;
+            font-size: 0.875rem;
         }
     }
     .ax-lg {
         --ax-base-size: calc(var(--ax-size) + 2px);
-        font-size: 1.125rem;
+        font-size: 1rem;
         * {
-            font-size: 1.125rem;
+            font-size: 1rem;
         }
     }
 }