@acorex/styles 6.1.0 → 6.1.2

package/src/icons/style.scss

@@ -1,240 +1,280 @@
-@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?vvlbi0');
+  src:  url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?vvlbi0#iefix') format('embedded-opentype'),
+    url('#{$icomoon-font-path}/#{$icomoon-font-family}.ttf?vvlbi0') format('truetype'),
+    url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff?vvlbi0') format('woff'),
+    url('#{$icomoon-font-path}/#{$icomoon-font-family}.svg?vvlbi0##{$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-skip-previous {
+  &:before {
+    content: $ax-ic-skip-previous; 
+  }
+}
+.ax-ic-arrow-left {
+  &:before {
+    content: $ax-ic-arrow-left; 
+  }
+}
+.ax-ic-skip-next {
+  &:before {
+    content: $ax-ic-skip-next; 
+  }
+}
+.ax-ic-arrow-right {
+  &:before {
+    content: $ax-ic-arrow-right; 
+  }
+}
+.ax-ic-first-page {
+  &:before {
+    content: $ax-ic-first-page; 
+  }
+}
+.ax-ic-last-page {
+  &:before {
+    content: $ax-ic-last-page; 
+  }
+}
+.ax-ic-chevron-left {
+  &:before {
+    content: $ax-ic-chevron-left; 
+  }
+}
+.ax-ic-chevron-right {
+  &:before {
+    content: $ax-ic-chevron-right; 
+  }
+}
+.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,54 @@
-$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-skip-previous: "\e92a";
+$ax-ic-arrow-left: "\e92b";
+$ax-ic-skip-next: "\e92c";
+$ax-ic-arrow-right: "\e92d";
+$ax-ic-first-page: "\e92e";
+$ax-ic-last-page: "\e92f";
+$ax-ic-chevron-left: "\e930";
+$ax-ic-chevron-right: "\e931";
+$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

@@ -20,4 +20,7 @@
             font-size: 1rem;
         }
     }
+    .ax-filp {
+        transform: scale(-1, 1);
+    }
 }

package/src/variables/_colors.scss

@@ -49,18 +49,18 @@ $theme-colors: (
         "900": "6 78 59",
     ),
     "danger": (
-        "": "239 68 68",
-        "fore": "255 255 255",
-        "50": "254 242 242",
-        "100": "254 226 226",
-        "200": "254 202 202",
-        "300": "252 165 165",
-        "400": "248 113 113",
-        "500": "239 68 68",
-        "600": "220 38 38",
-        "700": "185 28 28",
-        "800": "153 27 27",
-        "900": "127 29 29",
+        "": "244 63 94",
+        "fore": "255 241 242",
+        "50": "255 241 242",
+        "100": "255 228 230",
+        "200": "254 205 211",
+        "300": "253 164 175",
+        "400": "251 113 133",
+        "500": "244 63 94",
+        "600": "225 29 72",
+        "700": "190 18 60",
+        "800": "159 18 57",
+        "900": "136 19 55",
     ),
     "warning": (
         "": "255 193 7",