@acorex/styles 7.17.11 → 7.17.13

package/src/shared/_radio.scss

@@ -1,20 +1,56 @@
 @import '../mixins/index.scss';
 
 .ax-radio {
-  @apply ax-m-0 ax-h-4 ax-w-4 ax-cursor-pointer ax-appearance-none ax-rounded-full ax-border ax-border-default ax-bg-input-surface ax-align-middle ax-outline-none;
+  // @apply ax-m-0 ax-h-4 ax-w-4 ax-cursor-pointer ax-appearance-none ax-rounded ax-border ax-border-default ax-bg-input-surface ax-align-middle ax-outline-none;
+  margin: 0px;
+  height: 1rem /* 16px */;
+  width: 1rem /* 16px */;
+  cursor: pointer;
+  appearance: none;
+  border-radius: 9999px /* 4px */;
+  border-width: 1px;
+  border-color: rgba(var(--ax-color-border-default));
+  background-color: rgba(var(--ax-color-input-surface));
+  vertical-align: middle;
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+
+  &:checked,
+  &:indeterminate {
+    // @apply ax-border-primary-500 ax-bg-primary-500 #{!important};
+    border-color: rgba(var(--ax-color-primary-500)) !important;
+    background-color: rgba(var(--ax-color-primary-500)) !important;
+    background-size: contain;
+    background-repeat: no-repeat;
+
+    // @apply ax-bg-contain ax-bg-no-repeat;
+  }
 
   &:checked {
     background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
-    @apply ax-border-primary-500 ax-bg-primary-500 #{!important};
-    @apply ax-bg-contain ax-bg-no-repeat;
   }
 
   &:focus-visible,
   &:focus {
-    @apply ax-ring-2 ax-ring-primary-500 ax-ring-offset-2 ax-ring-offset-surface;
+    // @apply ax-ring-2 ax-ring-primary-500 ax-ring-offset-2 ax-ring-offset-surface;
+    box-shadow:
+      0px 0px 0px 2px rgba(var(--ax-color-surface)),
+      0px 0px 0px 4px rgba(var(--ax-color-primary-500));
   }
 
   &:disabled {
-    @apply ax-cursor-not-allowed ax-opacity-50;
+    // @apply ax-cursor-not-allowed ax-opacity-50;
+    cursor: not-allowed;
+    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/_table.scss

@@ -2,26 +2,54 @@
 @include darkMode() {
   .ax-table {
     thead {
-      @apply ax-bg-on-surface;
+      // @apply ax-bg-on-surface;
+      background-color: rgba(var(--ax-color-on-surface));
     }
   }
 }
 .ax-table {
-  @apply ax-w-full ax-border-collapse ax-border-spacing-0 ax-overflow-hidden ax-rounded-default ax-border ax-border-default ax-text-sm;
+  // @apply ax-w-full ax-border-collapse ax-border-spacing-0 ax-overflow-hidden ax-rounded-default ax-border ax-border-default ax-text-sm;
+  width: 100%;
+  border-collapse: collapse;
+  border-spacing: 0;
+  overflow: hidden;
+  border-radius: var(--ax-rounded-border-default);
+  border-width: 1px;
+  border-color: rgba(var(--ax-color-border-default));
+  font-size: 0.875rem /* 14px */;
+  line-height: 1.25rem /* 20px */;
   td {
-    @apply ax-border-b ax-border-default ax-px-4 ax-py-3;
+    // @apply ax-border-b ax-border-default ax-px-4 ax-py-3;
+    border-bottom-width: 1px;
+    border-color: rgba(var(--ax-color-border-default));
+    padding-left: 1rem /* 16px */;
+    padding-right: 1rem /* 16px */;
+    padding-top: 0.75rem /* 12px */;
+    padding-bottom: 0.75rem /* 12px */;
   }
   thead {
-    @apply ax-border-b ax-border-default ax-bg-on-surface;
+    // @apply ax-border-b ax-border-default ax-bg-on-surface;
+    border-bottom-width: 1px;
+    border-color: rgba(var(--ax-color-border-default));
+    background-color: rgba(var(--ax-color-on-surface));
+
     th {
-      @apply ax-px-4 ax-py-3.5 ax-text-start ax-font-medium ax-uppercase;
+      // @apply ax-px-4 ax-py-3.5 ax-text-start ax-font-medium ax-uppercase;
+      padding-left: 1rem /* 16px */;
+      padding-right: 1rem /* 16px */;
+      padding-top: 0.875rem /* 14px */;
+      padding-bottom: 0.875rem /* 14px */;
+      text-align: start;
+      font-weight: 500;
+      text-transform: uppercase;
     }
   }
   &.ax-table-alternate {
     tbody {
       tr {
         &:nth-child(even) {
-          @apply ax-bg-on-surface;
+          // @apply ax-bg-on-surface;
+          background-color: rgba(var(--ax-color-on-surface));
         }
       }
     }
@@ -29,19 +57,22 @@
   &.ax-table-bordered {
     thead {
       th {
-        @apply ax-border-t-0 #{!important};
+        // @apply ax-border-t-0 #{!important};
+        border-top-width: 0px !important;
       }
     }
     tbody {
       tr {
         &:last-child {
           td {
-            @apply ax-border-b-0 #{!important};
+            // @apply ax-border-b-0 #{!important};
+            border-bottom-width: 0px !important;
           }
         }
         td {
           &:last-child {
-            @apply ax-border-b-0 #{!important};
+            // @apply ax-border-b-0 #{!important};
+            border-bottom-width: 0px !important;
           }
         }
       }
@@ -49,41 +80,69 @@
 
     td,
     th {
-      @apply ax-border ax-border-default;
+      // @apply ax-border ax-border-default;
+      border-width: 1px;
+      border-color: rgba(var(--ax-color-border-default));
+
       &:first-child {
-        @apply ax-border-s-0;
+        // @apply ax-border-s-0;
+        border-inline-start-width: 0px;
       }
       &:last-child {
-        @apply ax-border-e-0;
+        // @apply ax-border-e-0;
+        border-inline-end-width: 0px;
       }
     }
   }
   @media screen and (max-width: 601px) {
     &.ax-table-responsive {
-      @apply ax-block ax-break-words ax-border-0;
+      // @apply ax-block ax-break-words ax-border-0;
+      display: block;
+      overflow-wrap: break-word;
+      border-width: 0px;
+
       thead {
-        @apply ax-absolute -ax-start-full -ax-top-full;
+        // @apply ax-absolute -ax-start-full -ax-top-full;
+        position: absolute;
+        inset-inline-start: -100%;
+        top: -100%;
       }
 
       td {
-        float: inline-start;
+        // @apply ax-clear-both ax-box-border ax-block ax-w-full ax-px-2.5 ax-py-1.5;
 
-        @apply ax-clear-both ax-box-border ax-block ax-w-full ax-px-2.5 ax-py-1.5;
+        float: inline-start;
+        clear: both;
+        box-sizing: border-box;
+        display: block;
+        width: 100%;
+        padding-left: 0.625rem /* 10px */;
+        padding-right: 0.625rem /* 10px */;
+        padding-top: 0.375rem /* 6px */;
+        padding-bottom: 0.375rem /* 6px */;
         &:last-child {
-          @apply ax-border-0;
+          // @apply ax-border-0;
+          border-width: 0px;
         }
         &:before {
+          // @apply ax-block ax-font-bold;
+
           content: attr(data-label);
-          @apply ax-block ax-font-bold;
+          display: block;
+          font-weight: 700;
         }
       }
       tr {
-        @apply ax-border ax-border-default;
+        // @apply ax-border ax-border-default;
+        border-width: 1px;
+        border-color: rgba(var(--ax-color-border-default));
       }
       tr,
       tbody {
-        @apply ax-mb-2.5 ax-block ax-w-full;
+        // @apply ax-mb-2.5 ax-block ax-w-full;
         float: inline-start;
+        margin-bottom: 0.625rem /* 10px */;
+        width: 100%;
       }
     }
   }

package/src/shared/_utils.scss

@@ -6,32 +6,75 @@
 }
 
 .ax-fieldset {
-  @apply ax-rounded-default ax-border ax-border-default ax-p-3;
+  // @apply ax-rounded-default ax-border ax-border-default ax-p-3;
+  border-radius: var(--ax-rounded-border-default);
+  border-width: 1px;
+  border-color: rgba(var(--ax-color-border-default));
+  padding: 0.75rem /* 12px */;
+
   legend {
-    @apply ax-px-1 ax-text-sm;
+    // @apply ax-px-1 ax-text-sm;
+    padding-left: 0.25rem /* 4px */;
+    padding-right: 0.25rem /* 4px */;
+    font-size: 0.875rem /* 14px */;
+    line-height: 1.25rem /* 20px */;
   }
 }
 
 .ax-card {
-  @apply ax-rounded-default ax-border ax-border-default ax-bg-surface;
+  // @apply ax-rounded-default ax-border ax-border-default ax-bg-surface;
+  border-radius: var(--ax-rounded-border-default);
+  border-width: 1px;
+  border-color: rgba(var(--ax-color-border-default));
+  background-color: rgba(var(--ax-color-surface));
 }
 
 .ax-drop-zone {
   > input {
-    @apply ax-absolute ax-h-full ax-w-full ax-cursor-pointer ax-opacity-0;
+    // @apply ax-absolute ax-h-full ax-w-full ax-cursor-pointer ax-opacity-0;
+    position: absolute;
+    height: 100%;
+    width: 100%;
+    cursor: pointer;
+    opacity: 0;
   }
 }
 .ax-uploader-overlay-state {
+  // @apply ax-pointer-events-none ax-absolute ax-start-0 ax-top-0 ax-z-10 ax-flex ax-h-full ax-w-full ax-cursor-pointer ax-flex-col ax-items-center ax-justify-center ax-gap-2 ax-bg-primary-200/75 ax-text-sm ax-text-primary-fore-tint ax-outline-dashed ax-outline-2 -ax-outline-offset-4 ax-transition-all;
   border-radius: inherit;
-
-  @apply ax-pointer-events-none ax-absolute ax-start-0 ax-top-0 ax-z-10 ax-flex ax-h-full ax-w-full ax-cursor-pointer ax-flex-col ax-items-center ax-justify-center ax-gap-2 ax-bg-primary-200/75 ax-text-sm ax-text-primary-fore-tint ax-outline-dashed ax-outline-2 -ax-outline-offset-4 ax-transition-all;
-
+  pointer-events: none;
+  position: absolute;
+  inset-inline-start: 0px;
+  top: 0px;
+  z-index: 10;
+  display: flex;
+  height: 100%;
+  width: 100%;
+  cursor: pointer;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 0.5rem /* 8px */;
+  background-color: rgba(var(--ax-color-primary-200), 0.75);
+  font-size: 0.875rem /* 14px */;
+  line-height: 1.25rem /* 20px */;
+  color: rgba(var(--ax-color-primary-fore-tint));
+  outline-style: dashed;
+  outline-offset: -4px;
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
   .ax-icon {
-    @apply ax-text-2xl;
+    // @apply ax-text-2xl;
+    font-size: 1.5rem /* 24px */;
+    line-height: 2rem /* 32px */;
   }
 }
 @include darkMode() {
   .ax-uploader-overlay-state {
-    @apply ax-bg-primary-800/75 ax-text-primary-fore ax-outline-primary-fore;
+    // @apply ax-bg-primary-800/75 ax-text-primary-fore ax-outline-primary-fore;
+    background-color: rgba(var(--ax-color-primary-800), 0.75);
+    color: rgba(var(--ax-color-primary-fore));
+    outline-color: rgba(var(--ax-color-primary-fore));
   }
 }

package/src/shared/index.scss

@@ -1,7 +1,6 @@
 @import './actionsheet';
 @import './check-box';
 @import './color-look';
-@import './decoration';
 @import './drop-down';
 @import './editor-container';
 @import './general-button';

package/src/utility/index.scss

@@ -19,6 +19,6 @@
 }
 
 .ax-placeholder {
-  color: rgba(var(--ax-color-text-default), 0.25);
+  color: rgba(var(--ax-color-text-default), 0.5);
   font-weight: 500;
 }

package/{src/themes → themes}/default.css

@@ -1 +1 @@
-:root{--ax-size-base: 2.5rem;--ax-size-default: var(--ax-size-base);--ax-rounded-border-default: 0.5rem;--ax-color-border-default: 230, 230, 230;--ax-color-background-default: 249, 250, 251;--ax-color-text-default: 22, 22, 22;--ax-color-surface: 255, 255, 255;--ax-color-surface-fore: 22, 22, 22;--ax-color-on-surface: 243, 244, 246;--ax-color-on-surface-fore: 22, 22, 22;--ax-color-input-surface: 255, 255, 255;--ax-color-input-surface-fore: 22, 22, 22;--ax-color-ghost: 255, 255, 255;--ax-color-ghost-fore: 22, 22, 22;--ax-color-primary-fore: 255, 255, 255;--ax-color-primary-fore-tint: 30, 58, 138;--ax-color-primary-50: 239, 246, 255;--ax-color-primary-100: 219, 234, 254;--ax-color-primary-200: 191, 219, 254;--ax-color-primary-300: 147, 197, 253;--ax-color-primary-400: 96, 165, 250;--ax-color-primary-500: 59, 130, 246;--ax-color-primary-600: 37, 99, 235;--ax-color-primary-700: 29, 78, 216;--ax-color-primary-800: 30, 64, 175;--ax-color-primary-900: 30, 58, 138;--ax-color-primary-950: 23, 37, 84;--ax-color-secondary-fore: 255, 255, 255;--ax-color-secondary-fore-tint: 33, 40, 51;--ax-color-secondary-50: 233, 234, 236;--ax-color-secondary-100: 200, 203, 208;--ax-color-secondary-200: 164, 169, 176;--ax-color-secondary-300: 128, 134, 144;--ax-color-secondary-400: 100, 108, 121;--ax-color-secondary-500: 73, 82, 97;--ax-color-secondary-600: 66, 75, 89;--ax-color-secondary-700: 57, 65, 79;--ax-color-secondary-800: 49, 56, 69;--ax-color-secondary-900: 33, 40, 51;--ax-color-secondary-950: 22, 27, 35;--ax-color-success-fore: 255, 255, 255;--ax-color-success-fore-tint: 6, 78, 59;--ax-color-success-50: 236, 253, 245;--ax-color-success-100: 209, 250, 229;--ax-color-success-200: 167, 243, 208;--ax-color-success-300: 110, 231, 183;--ax-color-success-400: 52, 211, 153;--ax-color-success-500: 16, 185, 129;--ax-color-success-600: 5, 150, 105;--ax-color-success-700: 4, 120, 87;--ax-color-success-800: 6, 95, 70;--ax-color-success-900: 6, 78, 59;--ax-color-success-950: 2, 44, 34;--ax-color-danger-fore: 255, 255, 255;--ax-color-danger-fore-tint: 127, 29, 29;--ax-color-danger-50: 254, 242, 242;--ax-color-danger-100: 254, 226, 226;--ax-color-danger-200: 254, 202, 202;--ax-color-danger-300: 252, 165, 165;--ax-color-danger-400: 248, 113, 113;--ax-color-danger-500: 239, 68, 68;--ax-color-danger-600: 220, 38, 38;--ax-color-danger-700: 185, 28, 28;--ax-color-danger-800: 153, 27, 27;--ax-color-danger-900: 127, 29, 29;--ax-color-danger-950: 69, 10, 10;--ax-color-warning-fore: 48, 26, 10;--ax-color-warning-fore-tint: 255, 111, 0;--ax-color-warning-50: 255, 248, 225;--ax-color-warning-100: 255, 236, 179;--ax-color-warning-200: 255, 224, 130;--ax-color-warning-300: 255, 213, 79;--ax-color-warning-400: 255, 202, 40;--ax-color-warning-500: 255, 193, 7;--ax-color-warning-600: 255, 179, 0;--ax-color-warning-700: 255, 160, 0;--ax-color-warning-800: 255, 143, 0;--ax-color-warning-900: 255, 111, 0;--ax-color-warning-950: 72, 40, 15;--ax-color-info-fore: 255, 255, 255;--ax-color-info-fore-tint: 49, 46, 129;--ax-color-info-50: 238, 242, 255;--ax-color-info-100: 224, 231, 255;--ax-color-info-200: 199, 210, 254;--ax-color-info-300: 165, 180, 252;--ax-color-info-400: 129, 140, 248;--ax-color-info-500: 99, 102, 241;--ax-color-info-600: 79, 70, 229;--ax-color-info-700: 67, 56, 202;--ax-color-info-800: 55, 48, 163;--ax-color-info-900: 49, 46, 129;--ax-color-info-950: 30, 27, 75;--ax-color-neutral-fore: 255, 255, 255;--ax-color-neutral-fore-tint: 17, 24, 39;--ax-color-neutral-50: 249, 250, 251;--ax-color-neutral-100: 243, 244, 246;--ax-color-neutral-200: 229, 231, 235;--ax-color-neutral-300: 209, 213, 219;--ax-color-neutral-400: 156, 163, 175;--ax-color-neutral-500: 107, 114, 128;--ax-color-neutral-600: 75, 85, 99;--ax-color-neutral-700: 55, 65, 81;--ax-color-neutral-800: 31, 41, 55;--ax-color-neutral-900: 17, 24, 39;--ax-color-neutral-950: 3, 7, 18}.ax-dark{--ax-color-border-default: 75, 85, 99;--ax-color-background-default: 24, 32, 43;--ax-color-text-default: 255, 255, 255;--ax-color-surface: 31, 41, 55;--ax-color-surface-fore: 255, 255, 255;--ax-color-on-surface: 55, 65, 81;--ax-color-on-surface-fore: 255, 255, 255;--ax-color-input-surface: 38, 45, 57;--ax-color-input-surface-fore: 224, 224, 224;--ax-color-ghost: 77, 91, 113;--ax-color-ghost-fore: 255, 255, 255}
+:root{--ax-size-base: 2.5rem;--ax-size-default: var(--ax-size-base);--ax-rounded-border-default: 0.5rem;--ax-color-border-default: 230, 230, 230;--ax-color-background-default: 249, 250, 251;--ax-color-text-default: 22, 22, 22;--ax-color-surface: 255, 255, 255;--ax-color-surface-fore: 22, 22, 22;--ax-color-on-surface: 243, 244, 246;--ax-color-on-surface-fore: 22, 22, 22;--ax-color-input-surface: 255, 255, 255;--ax-color-input-surface-fore: 22, 22, 22;--ax-color-ghost: 255, 255, 255;--ax-color-ghost-fore: 22, 22, 22;--ax-color-primary-fore: 255, 255, 255;--ax-color-primary-fore-tint: 30, 58, 138;--ax-color-primary-50: 239, 246, 255;--ax-color-primary-100: 219, 234, 254;--ax-color-primary-200: 191, 219, 254;--ax-color-primary-300: 147, 197, 253;--ax-color-primary-400: 96, 165, 250;--ax-color-primary-500: 59, 130, 246;--ax-color-primary-600: 37, 99, 235;--ax-color-primary-700: 29, 78, 216;--ax-color-primary-800: 30, 64, 175;--ax-color-primary-900: 30, 58, 138;--ax-color-primary-950: 23, 37, 84;--ax-color-secondary-fore: 255, 255, 255;--ax-color-secondary-fore-tint: 33, 40, 51;--ax-color-secondary-50: 233, 234, 236;--ax-color-secondary-100: 200, 203, 208;--ax-color-secondary-200: 164, 169, 176;--ax-color-secondary-300: 128, 134, 144;--ax-color-secondary-400: 100, 108, 121;--ax-color-secondary-500: 73, 82, 97;--ax-color-secondary-600: 66, 75, 89;--ax-color-secondary-700: 57, 65, 79;--ax-color-secondary-800: 49, 56, 69;--ax-color-secondary-900: 33, 40, 51;--ax-color-secondary-950: 22, 27, 35;--ax-color-success-fore: 255, 255, 255;--ax-color-success-fore-tint: 6, 78, 59;--ax-color-success-50: 236, 253, 245;--ax-color-success-100: 209, 250, 229;--ax-color-success-200: 167, 243, 208;--ax-color-success-300: 110, 231, 183;--ax-color-success-400: 52, 211, 153;--ax-color-success-500: 16, 185, 129;--ax-color-success-600: 5, 150, 105;--ax-color-success-700: 4, 120, 87;--ax-color-success-800: 6, 95, 70;--ax-color-success-900: 6, 78, 59;--ax-color-success-950: 2, 44, 34;--ax-color-warning-fore: 48, 26, 10;--ax-color-warning-fore-tint: 255, 111, 0;--ax-color-warning-50: 255, 248, 225;--ax-color-warning-100: 255, 236, 179;--ax-color-warning-200: 255, 224, 130;--ax-color-warning-300: 255, 213, 79;--ax-color-warning-400: 255, 202, 40;--ax-color-warning-500: 255, 193, 7;--ax-color-warning-600: 255, 179, 0;--ax-color-warning-700: 255, 160, 0;--ax-color-warning-800: 255, 143, 0;--ax-color-warning-900: 255, 111, 0;--ax-color-warning-950: 72, 40, 15;--ax-color-danger-fore: 255, 255, 255;--ax-color-danger-fore-tint: 127, 29, 29;--ax-color-danger-50: 254, 242, 242;--ax-color-danger-100: 254, 226, 226;--ax-color-danger-200: 254, 202, 202;--ax-color-danger-300: 252, 165, 165;--ax-color-danger-400: 248, 113, 113;--ax-color-danger-500: 239, 68, 68;--ax-color-danger-600: 220, 38, 38;--ax-color-danger-700: 185, 28, 28;--ax-color-danger-800: 153, 27, 27;--ax-color-danger-900: 127, 29, 29;--ax-color-danger-950: 69, 10, 10;--ax-color-info-fore: 255, 255, 255;--ax-color-info-fore-tint: 49, 46, 129;--ax-color-info-50: 238, 242, 255;--ax-color-info-100: 224, 231, 255;--ax-color-info-200: 199, 210, 254;--ax-color-info-300: 165, 180, 252;--ax-color-info-400: 129, 140, 248;--ax-color-info-500: 99, 102, 241;--ax-color-info-600: 79, 70, 229;--ax-color-info-700: 67, 56, 202;--ax-color-info-800: 55, 48, 163;--ax-color-info-900: 49, 46, 129;--ax-color-info-950: 30, 27, 75;--ax-color-neutral-fore: 255, 255, 255;--ax-color-neutral-fore-tint: 17, 24, 39;--ax-color-neutral-50: 249, 250, 251;--ax-color-neutral-100: 243, 244, 246;--ax-color-neutral-200: 229, 231, 235;--ax-color-neutral-300: 209, 213, 219;--ax-color-neutral-400: 156, 163, 175;--ax-color-neutral-500: 107, 114, 128;--ax-color-neutral-600: 75, 85, 99;--ax-color-neutral-700: 55, 65, 81;--ax-color-neutral-800: 31, 41, 55;--ax-color-neutral-900: 17, 24, 39;--ax-color-neutral-950: 3, 7, 18}.ax-dark{--ax-color-border-default: 75, 85, 99;--ax-color-background-default: 24, 32, 43;--ax-color-text-default: 255, 255, 255;--ax-color-surface: 31, 41, 55;--ax-color-surface-fore: 255, 255, 255;--ax-color-on-surface: 55, 65, 81;--ax-color-on-surface-fore: 255, 255, 255;--ax-color-input-surface: 38, 45, 57;--ax-color-input-surface-fore: 224, 224, 224;--ax-color-ghost: 77, 91, 113;--ax-color-ghost-fore: 255, 255, 255}

package/src/shared/_decoration.scss

@@ -1,45 +0,0 @@
-.ax-decoration-container,
-ax-header,
-ax-footer {
-  @apply ax-flex ax-justify-between ax-gap-2;
-  & > ax-prefix,
-  & > ax-suffix {
-    @apply ax-flex ax-flex-1 ax-items-center ax-gap-2;
-  }
-  & > ax-prefix {
-    @apply -ax-order-last ax-items-center ax-justify-start;
-  }
-  & > ax-suffix {
-    @apply ax-order-last ax-items-center ax-justify-end;
-  }
-}
-
-ax-close-button {
-  button {
-    @apply ax-flex ax-cursor-pointer ax-bg-transparent;
-    i {
-      @apply ax-text-2xl;
-    }
-    &:hover {
-      @apply ax-opacity-70;
-    }
-    &:focus {
-      @apply ax-opacity-80 ax-outline-none;
-    }
-
-    &:active {
-      @apply ax-opacity-100;
-    }
-  }
-}
-
-ax-icon {
-  display: inherit;
-}
-
-ax-sub-title {
-  @apply ax-text-sm ax-font-normal ax-opacity-75;
-}
-ax-form-hint {
-  @apply ax-mt-2 ax-block ax-text-sm ax-text-default/75;
-}

package/{src/themes → themes}/default.scss

@@ -62,20 +62,6 @@
   --ax-color-success-900: 6, 78, 59;
   --ax-color-success-950: 2, 44, 34;
 
-  --ax-color-danger-fore: 255, 255, 255;
-  --ax-color-danger-fore-tint: 127, 29, 29;
-  --ax-color-danger-50: 254, 242, 242;
-  --ax-color-danger-100: 254, 226, 226;
-  --ax-color-danger-200: 254, 202, 202;
-  --ax-color-danger-300: 252, 165, 165;
-  --ax-color-danger-400: 248, 113, 113;
-  --ax-color-danger-500: 239, 68, 68;
-  --ax-color-danger-600: 220, 38, 38;
-  --ax-color-danger-700: 185, 28, 28;
-  --ax-color-danger-800: 153, 27, 27;
-  --ax-color-danger-900: 127, 29, 29;
-  --ax-color-danger-950: 69, 10, 10;
-
   --ax-color-warning-fore: 48, 26, 10;
   --ax-color-warning-fore-tint: 255, 111, 0;
   --ax-color-warning-50: 255, 248, 225;
@@ -90,6 +76,20 @@
   --ax-color-warning-900: 255, 111, 0;
   --ax-color-warning-950: 72, 40, 15;
 
+  --ax-color-danger-fore: 255, 255, 255;
+  --ax-color-danger-fore-tint: 127, 29, 29;
+  --ax-color-danger-50: 254, 242, 242;
+  --ax-color-danger-100: 254, 226, 226;
+  --ax-color-danger-200: 254, 202, 202;
+  --ax-color-danger-300: 252, 165, 165;
+  --ax-color-danger-400: 248, 113, 113;
+  --ax-color-danger-500: 239, 68, 68;
+  --ax-color-danger-600: 220, 38, 38;
+  --ax-color-danger-700: 185, 28, 28;
+  --ax-color-danger-800: 153, 27, 27;
+  --ax-color-danger-900: 127, 29, 29;
+  --ax-color-danger-950: 69, 10, 10;
+
   --ax-color-info-fore: 255, 255, 255;
   --ax-color-info-fore-tint: 49, 46, 129;
   --ax-color-info-50: 238, 242, 255;