@acorex/styles 7.8.13 → 7.8.14

package/src/icons/style.css

@@ -1,10 +1,10 @@
 @font-face {
   font-family: 'acorex-icons';
-  src:  url('fonts/acorex-icons.eot?r4ym6z');
-  src:  url('fonts/acorex-icons.eot?r4ym6z#iefix') format('embedded-opentype'),
-    url('fonts/acorex-icons.ttf?r4ym6z') format('truetype'),
-    url('fonts/acorex-icons.woff?r4ym6z') format('woff'),
-    url('fonts/acorex-icons.svg?r4ym6z#acorex-icons') format('svg');
+  src:  url('fonts/acorex-icons.eot?m9f8dz');
+  src:  url('fonts/acorex-icons.eot?m9f8dz#iefix') format('embedded-opentype'),
+    url('fonts/acorex-icons.ttf?m9f8dz') format('truetype'),
+    url('fonts/acorex-icons.woff?m9f8dz') format('woff'),
+    url('fonts/acorex-icons.svg?m9f8dz#acorex-icons') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -25,6 +25,15 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.ax-icon-progress-bold:before {
+  content: "\e940";
+}
+.ax-icon-dash-bold:before {
+  content: "\e941";
+}
+.ax-icon-done-bold:before {
+  content: "\e942";
+}
 .ax-icon-cancel-fill:before {
   content: "\e93f";
 }
@@ -70,7 +79,7 @@
 .ax-icon-chevron-down:before {
   content: "\e90b";
 }
-.ax-icon-chevrop-up:before {
+.ax-icon-chevron-up:before {
   content: "\e90c";
 }
 .ax-icon-chevron-right:before {

package/src/icons/style.scss

@@ -2,11 +2,11 @@
 
 @font-face {
   font-family: '#{$icomoon-font-family}';
-  src:  url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?r4ym6z');
-  src:  url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?r4ym6z#iefix') format('embedded-opentype'),
-    url('#{$icomoon-font-path}/#{$icomoon-font-family}.ttf?r4ym6z') format('truetype'),
-    url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff?r4ym6z') format('woff'),
-    url('#{$icomoon-font-path}/#{$icomoon-font-family}.svg?r4ym6z##{$icomoon-font-family}') format('svg');
+  src:  url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?m9f8dz');
+  src:  url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?m9f8dz#iefix') format('embedded-opentype'),
+    url('#{$icomoon-font-path}/#{$icomoon-font-family}.ttf?m9f8dz') format('truetype'),
+    url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff?m9f8dz') format('woff'),
+    url('#{$icomoon-font-path}/#{$icomoon-font-family}.svg?m9f8dz##{$icomoon-font-family}') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -27,6 +27,21 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.ax-icon-progress-bold {
+  &:before {
+    content: $ax-icon-progress-bold; 
+  }
+}
+.ax-icon-dash-bold {
+  &:before {
+    content: $ax-icon-dash-bold; 
+  }
+}
+.ax-icon-done-bold {
+  &:before {
+    content: $ax-icon-done-bold; 
+  }
+}
 .ax-icon-cancel-fill {
   &:before {
     content: $ax-icon-cancel-fill; 
@@ -102,9 +117,9 @@
     content: $ax-icon-chevron-down; 
   }
 }
-.ax-icon-chevrop-up {
+.ax-icon-chevron-up {
   &:before {
-    content: $ax-icon-chevrop-up; 
+    content: $ax-icon-chevron-up; 
   }
 }
 .ax-icon-chevron-right {

package/src/icons/variables.scss

@@ -1,6 +1,9 @@
 $icomoon-font-family: "acorex-icons" !default;
 $icomoon-font-path: "fonts" !default;
 
+$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";
@@ -16,7 +19,7 @@ $ax-icon-arrow-up: "\e908";
 $ax-icon-arrow-right: "\e909";
 $ax-icon-chevron-left: "\e90a";
 $ax-icon-chevron-down: "\e90b";
-$ax-icon-chevrop-up: "\e90c";
+$ax-icon-chevron-up: "\e90c";
 $ax-icon-chevron-right: "\e90d";
 $ax-icon-first-page: "\e90e";
 $ax-icon-last-page: "\e90f";

package/src/mixins/index.scss

@@ -1,3 +1,3 @@
-@import './appearance';
+@import './look';
 @import './media';
 @import './util';

package/src/shared/_check-box.scss

@@ -41,3 +41,13 @@
     opacity: 0.5;
   }
 }
+
+// @include darkMode() {
+//   .ax-checkbox {
+//     &:checked {
+//       border-color: rgba(var(--ax-color-primary-200)) !important;
+//       background-color: rgba(var(--ax-color-primary-200)) !important;
+//       background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='black' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
+//     }
+//   }
+// }

package/src/shared/_decoration.scss

@@ -48,6 +48,7 @@ ax-close-button {
 ax-icon {
   display: inherit;
 }
+
 ax-sub-title {
   font-weight: 400;
   font-size: 0.875rem;

package/src/shared/_radio.scss

@@ -36,3 +36,14 @@
     cursor: not-allowed;
   }
 }
+// @include darkMode() {
+//   .ax-radio {
+//     &:checked {
+//       border-color: rgba(var(--ax-color-primary-200));
+//       background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='black' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
+//       background-color: rgba(var(--ax-color-primary-200));
+//       background-repeat: no-repeat;
+//       background-size: contain;
+//     }
+//   }
+// }

package/src/shared/_utils.scss

@@ -35,7 +35,7 @@
   display: none;
 }
 
-.ax-drop-over-state {
+.ax-uploader-overlay-state {
   width: 100%;
   height: 100%;
   position: absolute;
@@ -59,3 +59,10 @@
     font-size: 1.5rem;
   }
 }
+@include darkMode() {
+  .ax-uploader-overlay-state {
+    background-color: rgba(var(--ax-color-primary-200), 0.15);
+    color: rgba(var(--ax-color-primary-200));
+    outline: 2px dashed rgba(var(--ax-color-primary-200));
+  }
+}