npm - @acorex/styles - Versions diffs - 7.12.0 → 7.12.2 - Mend

@acorex/styles 7.12.0 → 7.12.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (16) hide show

package/index.css +11 -8
package/index.min.css +1 -1
package/package.json +1 -1
package/src/icons/demo-files/demo.css +27 -19
package/src/icons/demo-files/demo.js +23 -24
package/src/icons/selection.json +1289 -1
package/src/icons/style.css +78 -77
package/src/icons/style.scss +79 -79
package/src/icons/variables.scss +77 -78
package/src/mixins/_media.scss +20 -20
package/src/shared/_actionsheet.scss +1 -1
package/src/shared/_check-box.scss +1 -1
package/src/shared/_editor-container.scss +5 -2
package/src/shared/_general-button.scss +3 -15
package/src/shared/_radio.scss +1 -1
package/src/variables/index.scss +2 -2

package/src/icons/style.scss CHANGED Viewed

@@ -1,9 +1,10 @@
-@import "variables";
+@import 'variables';
 @font-face {
   font-family: '#{$icomoon-font-family}';
-  src:  url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?w5vnun');
-  src:  url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?w5vnun#iefix') format('embedded-opentype'),
+  src: url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?w5vnun');
+  src:
+    url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?w5vnun#iefix') format('embedded-opentype'),
     url('#{$icomoon-font-path}/#{$icomoon-font-family}.ttf?w5vnun') format('truetype'),
     url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff?w5vnun') format('woff'),
     url('#{$icomoon-font-path}/#{$icomoon-font-family}.svg?w5vnun##{$icomoon-font-family}') format('svg');
@@ -29,377 +30,376 @@
 .ax-icon-more-vertical {
   &:before {
-    content: $ax-icon-more-vertical;
+    content: $ax-icon-more-vertical;
   }
 }
 .ax-icon-more-horizontal {
   &:before {
-    content: $ax-icon-more-horizontal;
+    content: $ax-icon-more-horizontal;
   }
 }
 .ax-icon-arrow-short-right {
   &:before {
-    content: $ax-icon-arrow-short-right;
+    content: $ax-icon-arrow-short-right;
   }
 }
 .ax-icon-arrow-short-down {
   &:before {
-    content: $ax-icon-arrow-short-down;
+    content: $ax-icon-arrow-short-down;
   }
 }
 .ax-icon-arrow-short-up {
   &:before {
-    content: $ax-icon-arrow-short-up;
+    content: $ax-icon-arrow-short-up;
   }
 }
 .ax-icon-arrow-short-left {
   &:before {
-    content: $ax-icon-arrow-short-left;
+    content: $ax-icon-arrow-short-left;
   }
 }
 .ax-icon-arrow-long-right {
   &:before {
-    content: $ax-icon-arrow-long-right;
+    content: $ax-icon-arrow-long-right;
   }
 }
 .ax-icon-arrow-long-up {
   &:before {
-    content: $ax-icon-arrow-long-up;
+    content: $ax-icon-arrow-long-up;
   }
 }
 .ax-icon-arrow-long-left {
   &:before {
-    content: $ax-icon-arrow-long-left;
+    content: $ax-icon-arrow-long-left;
   }
 }
 .ax-icon-arrow-long-down {
   &:before {
-    content: $ax-icon-arrow-long-down;
+    content: $ax-icon-arrow-long-down;
   }
 }
 .ax-icon-filter {
   &:before {
-    content: $ax-icon-filter;
+    content: $ax-icon-filter;
   }
 }
 .ax-icon-progress-bold {
   &:before {
-    content: $ax-icon-progress-bold;
+    content: $ax-icon-progress-bold;
   }
 }
 .ax-icon-dash-bold {
   &:before {
-    content: $ax-icon-dash-bold;
+    content: $ax-icon-dash-bold;
   }
 }
 .ax-icon-done-bold {
   &:before {
-    content: $ax-icon-done-bold;
+    content: $ax-icon-done-bold;
   }
 }
 .ax-icon-cancel-fill {
   &:before {
-    content: $ax-icon-cancel-fill;
+    content: $ax-icon-cancel-fill;
   }
 }
 .ax-icon-info-fill {
   &:before {
-    content: $ax-icon-info-fill;
+    content: $ax-icon-info-fill;
   }
 }
 .ax-icon-info {
   &:before {
-    content: $ax-icon-info;
+    content: $ax-icon-info;
   }
 }
 .ax-icon-star-fill {
   &:before {
-    content: $ax-icon-star-fill;
+    content: $ax-icon-star-fill;
   }
 }
 .ax-icon-star {
   &:before {
-    content: $ax-icon-star;
+    content: $ax-icon-star;
   }
 }
 .ax-icon-light-mode {
   &:before {
-    content: $ax-icon-light-mode;
+    content: $ax-icon-light-mode;
   }
 }
 .ax-icon-dark-mode {
   &:before {
-    content: $ax-icon-dark-mode;
+    content: $ax-icon-dark-mode;
   }
 }
 .ax-icon-color-picker {
   &:before {
-    content: $ax-icon-color-picker;
+    content: $ax-icon-color-picker;
   }
 }
 .ax-icon-color-palette {
   &:before {
-    content: $ax-icon-color-palette;
+    content: $ax-icon-color-palette;
   }
 }
 .ax-icon-arrow-left {
   &:before {
-    content: $ax-icon-arrow-left;
+    content: $ax-icon-arrow-left;
   }
 }
 .ax-icon-arrow-down {
   &:before {
-    content: $ax-icon-arrow-down;
+    content: $ax-icon-arrow-down;
   }
 }
 .ax-icon-arrow-up {
   &:before {
-    content: $ax-icon-arrow-up;
+    content: $ax-icon-arrow-up;
   }
 }
 .ax-icon-arrow-right {
   &:before {
-    content: $ax-icon-arrow-right;
+    content: $ax-icon-arrow-right;
   }
 }
 .ax-icon-chevron-left {
   &:before {
-    content: $ax-icon-chevron-left;
+    content: $ax-icon-chevron-left;
   }
 }
 .ax-icon-chevron-down {
   &:before {
-    content: $ax-icon-chevron-down;
+    content: $ax-icon-chevron-down;
   }
 }
 .ax-icon-chevron-up {
   &:before {
-    content: $ax-icon-chevron-up;
+    content: $ax-icon-chevron-up;
   }
 }
 .ax-icon-chevron-right {
   &:before {
-    content: $ax-icon-chevron-right;
+    content: $ax-icon-chevron-right;
   }
 }
 .ax-icon-first-page {
   &:before {
-    content: $ax-icon-first-page;
+    content: $ax-icon-first-page;
   }
 }
 .ax-icon-last-page {
   &:before {
-    content: $ax-icon-last-page;
+    content: $ax-icon-last-page;
   }
 }
 .ax-icon-full-screen {
   &:before {
-    content: $ax-icon-full-screen;
+    content: $ax-icon-full-screen;
   }
 }
 .ax-icon-full-screen-close {
   &:before {
-    content: $ax-icon-full-screen-close;
+    content: $ax-icon-full-screen-close;
   }
 }
 .ax-icon-done {
   &:before {
-    content: $ax-icon-done;
+    content: $ax-icon-done;
   }
 }
 .ax-icon-calendar {
   &:before {
-    content: $ax-icon-calendar;
+    content: $ax-icon-calendar;
   }
 }
 .ax-icon-menu {
   &:before {
-    content: $ax-icon-menu;
+    content: $ax-icon-menu;
   }
 }
 .ax-icon-report {
   &:before {
-    content: $ax-icon-report;
+    content: $ax-icon-report;
   }
 }
 .ax-icon-report-fill {
   &:before {
-    content: $ax-icon-report-fill;
+    content: $ax-icon-report-fill;
   }
 }
 .ax-icon-error {
   &:before {
-    content: $ax-icon-error;
+    content: $ax-icon-error;
   }
 }
 .ax-icon-error-fill {
   &:before {
-    content: $ax-icon-error-fill;
+    content: $ax-icon-error-fill;
   }
 }
 .ax-icon-warning {
   &:before {
-    content: $ax-icon-warning;
+    content: $ax-icon-warning;
   }
 }
 .ax-icon-warning-fill {
   &:before {
-    content: $ax-icon-warning-fill;
+    content: $ax-icon-warning-fill;
   }
 }
 .ax-icon-check-circle {
   &:before {
-    content: $ax-icon-check-circle;
+    content: $ax-icon-check-circle;
   }
 }
 .ax-icon-check-circle-fill {
   &:before {
-    content: $ax-icon-check-circle-fill;
+    content: $ax-icon-check-circle-fill;
   }
 }
 .ax-icon-close {
   &:before {
-    content: $ax-icon-close;
+    content: $ax-icon-close;
   }
 }
 .ax-icon-time {
   &:before {
-    content: $ax-icon-time;
+    content: $ax-icon-time;
   }
 }
 .ax-icon-visibility-off {
   &:before {
-    content: $ax-icon-visibility-off;
+    content: $ax-icon-visibility-off;
   }
 }
 .ax-icon-visibility {
   &:before {
-    content: $ax-icon-visibility;
+    content: $ax-icon-visibility;
   }
 }
 .ax-icon-unfold-more {
   &:before {
-    content: $ax-icon-unfold-more;
+    content: $ax-icon-unfold-more;
   }
 }
 .ax-icon-unfold-less {
   &:before {
-    content: $ax-icon-unfold-less;
+    content: $ax-icon-unfold-less;
   }
 }
 .ax-icon-download {
   &:before {
-    content: $ax-icon-download;
+    content: $ax-icon-download;
   }
 }
 .ax-icon-upload {
   &:before {
-    content: $ax-icon-upload;
+    content: $ax-icon-upload;
   }
 }
 .ax-icon-publish {
   &:before {
-    content: $ax-icon-publish;
+    content: $ax-icon-publish;
   }
 }
 .ax-icon-cloud-download {
   &:before {
-    content: $ax-icon-cloud-download;
+    content: $ax-icon-cloud-download;
   }
 }
 .ax-icon-cloud-upload {
   &:before {
-    content: $ax-icon-cloud-upload;
+    content: $ax-icon-cloud-upload;
   }
 }
 .ax-icon-undo {
   &:before {
-    content: $ax-icon-undo;
+    content: $ax-icon-undo;
   }
 }
 .ax-icon-redo {
   &:before {
-    content: $ax-icon-redo;
+    content: $ax-icon-redo;
   }
 }
 .ax-icon-search {
   &:before {
-    content: $ax-icon-search;
+    content: $ax-icon-search;
   }
 }
 .ax-icon-add {
   &:before {
-    content: $ax-icon-add;
+    content: $ax-icon-add;
   }
 }
 .ax-icon-remove {
   &:before {
-    content: $ax-icon-remove;
+    content: $ax-icon-remove;
   }
 }
 .ax-icon-paste {
   &:before {
-    content: $ax-icon-paste;
+    content: $ax-icon-paste;
   }
 }
 .ax-icon-cut {
   &:before {
-    content: $ax-icon-cut;
+    content: $ax-icon-cut;
   }
 }
 .ax-icon-copy {
   &:before {
-    content: $ax-icon-copy;
+    content: $ax-icon-copy;
   }
 }
 .ax-icon-refresh {
   &:before {
-    content: $ax-icon-refresh;
+    content: $ax-icon-refresh;
   }
 }
 .ax-icon-inbox {
   &:before {
-    content: $ax-icon-inbox;
+    content: $ax-icon-inbox;
   }
 }
 .ax-icon-skip-previous {
   &:before {
-    content: $ax-icon-skip-previous;
+    content: $ax-icon-skip-previous;
   }
 }
 .ax-icon-skip-next {
   &:before {
-    content: $ax-icon-skip-next;
+    content: $ax-icon-skip-next;
   }
 }
 .ax-icon-delete {
   &:before {
-    content: $ax-icon-delete;
+    content: $ax-icon-delete;
   }
 }
 .ax-icon-happy {
   &:before {
-    content: $ax-icon-happy;
+    content: $ax-icon-happy;
   }
 }
 .ax-icon-normal {
   &:before {
-    content: $ax-icon-normal;
+    content: $ax-icon-normal;
   }
 }
 .ax-icon-sad {
   &:before {
-    content: $ax-icon-sad;
+    content: $ax-icon-sad;
   }
 }
 .ax-icon-person {
   &:before {
-    content: $ax-icon-person;
+    content: $ax-icon-person;
   }
 }
 .ax-icon-dashboard {
   &:before {
-    content: $ax-icon-dashboard;
+    content: $ax-icon-dashboard;
   }
 }

package/src/icons/variables.scss CHANGED Viewed

@@ -1,79 +1,78 @@
-$icomoon-font-family: "acorex-icons" !default;
-$icomoon-font-path: "fonts" !default;
-$ax-icon-more-vertical: "\e914";
-$ax-icon-more-horizontal: "\e94a";
-$ax-icon-arrow-short-right: "\e924";
-$ax-icon-arrow-short-down: "\e925";
-$ax-icon-arrow-short-up: "\e944";
-$ax-icon-arrow-short-left: "\e945";
-$ax-icon-arrow-long-right: "\e946";
-$ax-icon-arrow-long-up: "\e947";
-$ax-icon-arrow-long-left: "\e948";
-$ax-icon-arrow-long-down: "\e949";
-$ax-icon-filter: "\e943";
-$ax-icon-progress-bold: "\e940";
-$ax-icon-dash-bold: "\e941";
-$ax-icon-done-bold: "\e942";
-$ax-icon-cancel-fill: "\e93f";
-$ax-icon-info-fill: "\e93d";
-$ax-icon-info: "\e93e";
-$ax-icon-star-fill: "\e900";
-$ax-icon-star: "\e901";
-$ax-icon-light-mode: "\e902";
-$ax-icon-dark-mode: "\e903";
-$ax-icon-color-picker: "\e904";
-$ax-icon-color-palette: "\e905";
-$ax-icon-arrow-left: "\e906";
-$ax-icon-arrow-down: "\e907";
-$ax-icon-arrow-up: "\e908";
-$ax-icon-arrow-right: "\e909";
-$ax-icon-chevron-left: "\e90a";
-$ax-icon-chevron-down: "\e90b";
-$ax-icon-chevron-up: "\e90c";
-$ax-icon-chevron-right: "\e90d";
-$ax-icon-first-page: "\e90e";
-$ax-icon-last-page: "\e90f";
-$ax-icon-full-screen: "\e910";
-$ax-icon-full-screen-close: "\e911";
-$ax-icon-done: "\e912";
-$ax-icon-calendar: "\e913";
-$ax-icon-menu: "\e915";
-$ax-icon-report: "\e916";
-$ax-icon-report-fill: "\e917";
-$ax-icon-error: "\e918";
-$ax-icon-error-fill: "\e919";
-$ax-icon-warning: "\e91a";
-$ax-icon-warning-fill: "\e91b";
-$ax-icon-check-circle: "\e91c";
-$ax-icon-check-circle-fill: "\e91d";
-$ax-icon-close: "\e91e";
-$ax-icon-time: "\e91f";
-$ax-icon-visibility-off: "\e920";
-$ax-icon-visibility: "\e921";
-$ax-icon-unfold-more: "\e922";
-$ax-icon-unfold-less: "\e923";
-$ax-icon-download: "\e926";
-$ax-icon-upload: "\e927";
-$ax-icon-publish: "\e928";
-$ax-icon-cloud-download: "\e929";
-$ax-icon-cloud-upload: "\e92a";
-$ax-icon-undo: "\e92b";
-$ax-icon-redo: "\e92c";
-$ax-icon-search: "\e92d";
-$ax-icon-add: "\e92e";
-$ax-icon-remove: "\e92f";
-$ax-icon-paste: "\e930";
-$ax-icon-cut: "\e931";
-$ax-icon-copy: "\e932";
-$ax-icon-refresh: "\e933";
-$ax-icon-inbox: "\e934";
-$ax-icon-skip-previous: "\e935";
-$ax-icon-skip-next: "\e936";
-$ax-icon-delete: "\e937";
-$ax-icon-happy: "\e938";
-$ax-icon-normal: "\e939";
-$ax-icon-sad: "\e93a";
-$ax-icon-person: "\e93b";
-$ax-icon-dashboard: "\e93c";
+$icomoon-font-family: 'acorex-icons' !default;
+$icomoon-font-path: 'fonts' !default;
+$ax-icon-more-vertical: '\e914';
+$ax-icon-more-horizontal: '\e94a';
+$ax-icon-arrow-short-right: '\e924';
+$ax-icon-arrow-short-down: '\e925';
+$ax-icon-arrow-short-up: '\e944';
+$ax-icon-arrow-short-left: '\e945';
+$ax-icon-arrow-long-right: '\e946';
+$ax-icon-arrow-long-up: '\e947';
+$ax-icon-arrow-long-left: '\e948';
+$ax-icon-arrow-long-down: '\e949';
+$ax-icon-filter: '\e943';
+$ax-icon-progress-bold: '\e940';
+$ax-icon-dash-bold: '\e941';
+$ax-icon-done-bold: '\e942';
+$ax-icon-cancel-fill: '\e93f';
+$ax-icon-info-fill: '\e93d';
+$ax-icon-info: '\e93e';
+$ax-icon-star-fill: '\e900';
+$ax-icon-star: '\e901';
+$ax-icon-light-mode: '\e902';
+$ax-icon-dark-mode: '\e903';
+$ax-icon-color-picker: '\e904';
+$ax-icon-color-palette: '\e905';
+$ax-icon-arrow-left: '\e906';
+$ax-icon-arrow-down: '\e907';
+$ax-icon-arrow-up: '\e908';
+$ax-icon-arrow-right: '\e909';
+$ax-icon-chevron-left: '\e90a';
+$ax-icon-chevron-down: '\e90b';
+$ax-icon-chevron-up: '\e90c';
+$ax-icon-chevron-right: '\e90d';
+$ax-icon-first-page: '\e90e';
+$ax-icon-last-page: '\e90f';
+$ax-icon-full-screen: '\e910';
+$ax-icon-full-screen-close: '\e911';
+$ax-icon-done: '\e912';
+$ax-icon-calendar: '\e913';
+$ax-icon-menu: '\e915';
+$ax-icon-report: '\e916';
+$ax-icon-report-fill: '\e917';
+$ax-icon-error: '\e918';
+$ax-icon-error-fill: '\e919';
+$ax-icon-warning: '\e91a';
+$ax-icon-warning-fill: '\e91b';
+$ax-icon-check-circle: '\e91c';
+$ax-icon-check-circle-fill: '\e91d';
+$ax-icon-close: '\e91e';
+$ax-icon-time: '\e91f';
+$ax-icon-visibility-off: '\e920';
+$ax-icon-visibility: '\e921';
+$ax-icon-unfold-more: '\e922';
+$ax-icon-unfold-less: '\e923';
+$ax-icon-download: '\e926';
+$ax-icon-upload: '\e927';
+$ax-icon-publish: '\e928';
+$ax-icon-cloud-download: '\e929';
+$ax-icon-cloud-upload: '\e92a';
+$ax-icon-undo: '\e92b';
+$ax-icon-redo: '\e92c';
+$ax-icon-search: '\e92d';
+$ax-icon-add: '\e92e';
+$ax-icon-remove: '\e92f';
+$ax-icon-paste: '\e930';
+$ax-icon-cut: '\e931';
+$ax-icon-copy: '\e932';
+$ax-icon-refresh: '\e933';
+$ax-icon-inbox: '\e934';
+$ax-icon-skip-previous: '\e935';
+$ax-icon-skip-next: '\e936';
+$ax-icon-delete: '\e937';
+$ax-icon-happy: '\e938';
+$ax-icon-normal: '\e939';
+$ax-icon-sad: '\e93a';
+$ax-icon-person: '\e93b';
+$ax-icon-dashboard: '\e93c';

package/src/mixins/_media.scss CHANGED Viewed

@@ -1,27 +1,27 @@
 @mixin media($media) {
-    @if $media == "phone" {
-        @media (max-width: 599px) {
-            @content;
-        }
+  @if $media == 'phone' {
+    @media (max-width: 599px) {
+      @content;
     }
-    @if $media == "tablet" {
-        @media (min-width: 600px) {
-            @content;
-        }
+  }
+  @if $media == 'tablet' {
+    @media (min-width: 600px) {
+      @content;
     }
-    @if $media == "tablet-landscape" {
-        @media (min-width: 900px) {
-            @content;
-        }
+  }
+  @if $media == 'tablet-landscape' {
+    @media (min-width: 900px) {
+      @content;
     }
-    @if $media == "desktop" {
-        @media (min-width: 1200px) {
-            @content;
-        }
+  }
+  @if $media == 'desktop' {
+    @media (min-width: 1200px) {
+      @content;
     }
-    @if $media == "desktop-large" {
-        @media (min-width: 1800px) {
-            @content;
-        }
+  }
+  @if $media == 'desktop-large' {
+    @media (min-width: 1800px) {
+      @content;
     }
+  }
 }

package/src/shared/_actionsheet.scss CHANGED Viewed

@@ -1,3 +1,3 @@
 .ax-actionsheet-panel {
-  @apply ax-animate-2xfaster ax-animate-fadeInUp ax-overflow-hidden ax-rounded-t-default ax-bg-surface ax-shadow-lg;
+  @apply ax-animate-fadeInUp ax-overflow-hidden ax-rounded-t-default ax-bg-surface ax-shadow-lg ax-animate-2xfaster;
 }

package/src/shared/_check-box.scss CHANGED Viewed

@@ -20,7 +20,7 @@
   &:focus-visible,
   &:focus {
-    @apply ax-ring-2 ax-ring-primary-500 ax-ring-offset-2;
+    @apply ax-ring-2 ax-ring-primary-500 ax-ring-offset-2 ax-ring-offset-surface;
   }
   &:disabled {