@acorex/styles 7.0.5 → 7.0.7

package/index.scss

@@ -8,5 +8,4 @@
 @import "./src/base/index.scss";
 @import "./src/mixins/index.scss";
 @import "./src/shared/index.scss";
-// @import "./src/components/index.scss";
 @import "./src/utility/index.scss";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/styles",
-  "version": "7.0.5",
+  "version": "7.0.7",
   "description": "",
   "main": "index.js",
   "author": "",

package/src/shared/_utils.scss

@@ -34,7 +34,6 @@
 }
 
 .ax-fieldset {
-    @apply ax-border ax-border-solid ax-border-neutral-300 ax-p-3 ax-rounded dark:ax-border-white/10;
     border: 1px solid;
     border-color: rgb(var(--ax-color-border-default));
     padding: 0.75rem;

package/src/utility/_mixins.scss

@@ -52,55 +52,6 @@
     }
 }
 
-
-
-@mixin control-states($type) {
-    @if ($type == "editor") {
-        // @apply dark:ax-border-white/10 dark:ax-bg-white/10 dark:ax-backdrop-blur-3xl;
-    }
-    @if ($type == "editor-disabled") {
-        // @apply ax-bg-neutral-100 ax-text-neutral-fore dark:ax-border-white/10 dark:ax-bg-white/[0.-04] dark:ax-text-opacity-60 ax-cursor-not-allowed #{!important};
-    }
-    @if ($type == "surface") {
-        // @apply dark:ax-bg-body-background dark:ax-border-white/10 ;
-    }
-}
-
-@mixin color-look($color, $look) {
-    @if ($look == "default") {
-        @if ($color == "light") {
-            @apply ax-bg-#{$color}-100 ax-text-#{$color}-fore;
-        } @else {
-            @apply ax-bg-#{$color}-500 ax-text-#{$color}-fore;
-        }
-        .ax-alert-progress{
-            @apply ax-bg-#{$color}-800;
-        }
-    }
-    @if ($look == "outline") {
-        @apply ax-bg-transparent ax-text-#{$color}-500 ax-border ax-rounded-default ax-border-#{$color}-500;
-        .ax-header {
-            @apply ax-bg-#{$color}-50;
-        }
-        .ax-alert-progress{
-            @apply ax-bg-#{$color}-100;
-        }
-    }
-    @if ($look == "twotone") {
-        @apply ax-bg-#{$color}-100 ax-text-#{$color}-500;
-        .ax-alert-progress{
-            @apply ax-bg-#{$color}-500;
-        }
-    }
-    @if ($look == "blank") {
-        @apply ax-bg-transparent ax-text-#{$color}-500;
-        .ax-alert-progress{
-            @apply ax-bg-#{$color}-100;
-        }
-        
-    }
-}
-
 @mixin color-look-generator() {
     $colors: ("primary", "secondary", "success", "warning", "danger", "info", "light", "dark");
     $looks: ("default", "outline", "twotone", "blank");
@@ -113,24 +64,6 @@
     }
 }
 
-// @mixin button-on-colorful-bg {
-//     .ax-button {
-//         @apply ax-bg-black/20 ax-text-sm ax-border-0 ax-outline-0 ax-ring-0 ax-ring-transparent ax-h-auto ax-shadow-none ax-font-semibold #{!important};
-//         & > button {
-//             @apply ax-py-1.5 ax-px-2;
-//         }
-//         &:focus,
-//         &:focus-within,
-//         &:active,
-//         &:hover {
-//             @apply ax-bg-black/30 ax-ring-0 ax-border-0 ax-outline-0 ax-shadow-none ax-ring-transparent ax-ring-offset-0  #{!important};
-//         }
-//         &:active {
-//             @apply ax-bg-black/40 #{!important};
-//         }
-//     }
-// }
-
 @mixin rtl {
     .ax-rtl {
         @content;

package/src/components/_action-sheet.scss

@@ -1,24 +0,0 @@
-@layer components {
-    .ax-action-sheet {
-        .ax-action-sheet-container {
-            @apply ax-fixed ax-bottom-0 ax-left-1/2 -ax-translate-x-1/2 ax-z-[9999] ax-w-1/3 ax-rounded-t-default ax-overflow-hidden;
-
-            @include screen(mobile) {
-                @apply ax-w-full;
-            }
-            .ax-action-sheet-caption {
-                @apply ax-text-sm ax-p-4;
-            }
-            .ax-action-sheet-items {
-                @apply ax-flex ax-flex-col ax-pb-3 ax-overflow-x-hidden ax-overflow-y-auto;
-                    .ax-button {
-                        @apply ax-rounded-none ax-w-full ax-text-start ax-justify-start;
-                    }
-            }
-        }
-    }
-
-    .ax-action-sheet-backdrop {
-        @apply ax-bg-black/75 ax-left-0 ax-right-0 ax-top-0 ax-bottom-0 ax-fixed ax-z-[9998];
-    }
-}

package/src/components/_avatar.scss

@@ -1,124 +0,0 @@
-@layer components {
-    // .ax-avatar-group {
-    //     @apply ax-flex;
-    //     ax-avatar {
-    //         @apply ax-border-2 ax-border-white -ax-m-1 dark:ax-border-neutral-500;
-    //     }
-    // }
-    // ax-avatar {
-    //     @apply ax-relative ax-flex ax-items-center ax-justify-center ax-w-16 ax-h-16 ax-overflow-hidden;
-    //     ax-badge {
-    //         @apply ax-absolute -ax-top-1.5;
-    //         right: -6px;
-    //     }
-    //     ax-text{
-    //         @apply ax-text-xl;
-    //     }
-    //     ax-icon,
-    //     ax-text {
-    //         @apply ax-w-full ax-h-full ax-flex ax-items-center ax-justify-center;
-    //     }
-    //     .ax-avatar-container {
-    //         @apply ax-w-full ax-h-full ax-rounded-default;
-    //         .ax-default-avatar {
-    //             svg {
-    //                 @apply ax-w-full;
-    //             }
-    //         }
-    //         .ax-default-avatar,
-    //         .ax-text-avatar,
-    //         .ax-icon-avatar,
-    //         .ax-image-avatar {
-    //             @apply ax-w-full ax-h-full ax-flex ax-items-center ax-justify-center ax-bg-neutral-200 dark:ax-bg-neutral-500 ax-overflow-hidden;
-    //         }
-    //     }
-    //     &.ax-primary-default {
-    //         .ax-default {
-    //             @apply ax-fill-primary-500;
-    //         }
-    //         ax-text {
-    //             @apply ax-bg-primary-100 ax-text-primary-500 dark:ax-bg-primary-500 dark:ax-text-primary-fore;
-    //         }
-    //         ax-icon {
-    //             @apply ax-bg-primary-500;
-    //         }
-    //     }
-    //     &.ax-secondary-default {
-    //         .ax-default {
-    //             @apply ax-fill-secondary-500;
-    //         }
-    //         ax-text {
-    //             @apply ax-bg-secondary-100 ax-text-secondary-500 dark:ax-bg-secondary-500 dark:ax-text-secondary-fore;
-    //         }
-    //         ax-icon {
-    //             @apply ax-bg-secondary-500;
-    //         }
-    //     }
-    //     &.ax-success-default {
-    //         .ax-default {
-    //             @apply ax-fill-success-500;
-    //         }
-    //         ax-text {
-    //             @apply ax-bg-success-100 ax-text-success-500 dark:ax-bg-success-500 dark:ax-text-success-fore;
-    //         }
-    //         ax-icon {
-    //             @apply ax-bg-success-500;
-    //         }
-    //     }
-    //     &.ax-warning-default {
-    //         .ax-default {
-    //             @apply ax-fill-warning-500;
-    //         }
-    //         ax-text {
-    //             @apply ax-bg-warning-100 ax-text-warning-500 dark:ax-bg-warning-500 dark:ax-text-warning-fore;
-    //         }
-    //         ax-icon {
-    //             @apply ax-bg-warning-500;
-    //         }
-    //     }
-    //     &.ax-danger-default {
-    //         .ax-default {
-    //             @apply ax-fill-danger-500;
-    //         }
-    //         ax-text {
-    //             @apply ax-bg-danger-100 ax-text-danger-500 dark:ax-bg-danger-500 dark:ax-text-danger-fore;
-    //         }
-    //         ax-icon {
-    //             @apply ax-bg-danger-500;
-    //         }
-    //     }
-    //     &.ax-primary-default {
-    //         .ax-default {
-    //             @apply ax-fill-primary-500;
-    //         }
-    //         ax-text {
-    //             @apply ax-bg-primary-100 ax-text-primary-500 dark:ax-bg-primary-500 dark:ax-text-primary-fore;
-    //         }
-    //         ax-icon {
-    //             @apply ax-bg-primary-500;
-    //         }
-    //     }
-    //     &.ax-neutral-default {
-    //         .ax-default {
-    //             @apply ax-fill-neutral-400;
-    //         }
-    //         ax-text {
-    //             @apply ax-bg-neutral-100 ax-text-neutral-500 dark:ax-bg-neutral-500 dark:ax-text-neutral-fore;
-    //         }
-    //         ax-icon {
-    //             @apply ax-bg-neutral-500;
-    //         }
-    //     }
-    //     &.ax-neutral-default {
-    //         .ax-default {
-    //             @apply ax-fill-neutral-500;
-    //         }
-    //         ax-text {
-    //             @apply ax-bg-neutral-100 ax-text-neutral-500 dark:ax-bg-neutral-500 dark:ax-text-neutral-fore;
-    //         }
-    //         ax-icon {
-    //             @apply ax-bg-neutral-500;
-    //         }
-    //     }
-    // }
-}

package/src/components/_badge.scss

@@ -1,184 +0,0 @@
-// @layer components {
-//     .ax-badge {
-//         @apply ax-rounded ax-align-middle ax-flex ax-justify-center ax-items-center ax-max-w-max ax-text-sm ax-font-normal ax-px-2.5 ax-py-0.5;
-//         min-width: calc((var(--ax-base-size) * var(--ax-base-ratio)) - 18px);
-//         height: calc((var(--ax-base-size) * var(--ax-base-ratio)) - 18px);
-//         &.ax-lg {
-//             @apply ax-px-3 ax-py-0.5;
-//         }
-//         .ax-prefix {
-//             @apply ax-me-1.5;
-//         }
-//         .ax-suffix {
-//             @apply ax-ms-1.5;
-//         }
-//         &.ax-badge-icon {
-//             .ax-prefix,
-//             .ax-suffix {
-//                 @apply ax-m-0;
-//             }
-//         }
-//         &.ax-badge-icon {
-           
-//             width: calc((var(--ax-base-size) * var(--ax-base-ratio)) - 18px);
-//             height: calc((var(--ax-base-size) * var(--ax-base-ratio)) - 18px);
-//         }
-//         &.ax-primary-default {
-//             @apply ax-bg-primary-500 ax-text-primary-fore ax-border-transparent dark:ax-bg-primary-800;
-//         }
-//         &.ax-primary-twotone {
-//             @apply ax-bg-primary-100 ax-text-primary-500 ax-border-transparent dark:ax-bg-primary-800 dark:ax-text-primary-100;
-//         }
-//         &.ax-primary-outline {
-//             @apply ax-text-primary-500 ax-border ax-border-primary-500 dark:ax-border-primary-400 dark:ax-text-primary-300;
-//         }
-//         &.ax-primary-blank {
-//             @apply ax-text-primary-500 ax-border-transparent dark:ax-text-primary-300;
-//         }
-//         &.ax-primary-link {
-//             @apply ax-rounded-none ax-border-b ax-border-e-0 ax-border-s-0 ax-border-t-0 ax-text-primary-500 ax-border-primary-500 dark:ax-border-primary-400 dark:ax-text-primary-300;
-//         }
-
-//         // secondary
-//         &.ax-secondary-default {
-//             @apply ax-bg-secondary-500 ax-text-secondary-fore ax-border-transparent dark:ax-bg-secondary-800;
-//         }
-//         &.ax-secondary-twotone {
-//             @apply ax-bg-secondary-100 ax-text-secondary-500 ax-border-transparent dark:ax-bg-secondary-800 dark:ax-text-secondary-100;
-//         }
-//         &.ax-secondary-outline {
-//             @apply ax-text-secondary-500 ax-border ax-border-secondary-500 dark:ax-border-secondary-400 dark:ax-text-secondary-300;
-//         }
-//         &.ax-secondary-blank {
-//             @apply ax-text-secondary-500 ax-border-transparent dark:ax-text-secondary-300;
-//         }
-//         &.ax-secondary-link {
-//             @apply ax-rounded-none ax-border-b ax-border-e-0 ax-border-s-0 ax-border-t-0 ax-text-secondary-500 ax-border-secondary-500 dark:ax-border-secondary-400 dark:ax-text-secondary-300;
-//         }
-//         // success
-//         &.ax-success-default {
-//             @apply ax-bg-success-500 ax-text-success-fore ax-border-transparent dark:ax-bg-success-800;
-//         }
-//         &.ax-success-twotone {
-//             @apply ax-bg-success-100 ax-text-success-500 ax-border-transparent dark:ax-bg-success-800 dark:ax-text-success-100;
-//         }
-//         &.ax-success-outline {
-//             @apply ax-text-success-500 ax-border ax-border-success-500 dark:ax-border-success-400 dark:ax-text-success-300;
-//         }
-//         &.ax-success-blank {
-//             @apply ax-text-success-500 ax-border-transparent dark:ax-text-success-300;
-//         }
-//         &.ax-success-link {
-//             @apply ax-rounded-none ax-border-b ax-border-e-0 ax-border-s-0 ax-border-t-0 ax-text-success-500 ax-border-success-500 dark:ax-border-success-400 dark:ax-text-success-300;
-//         }
-//         // warning
-//         &.ax-warning-default {
-//             @apply ax-bg-warning-500 ax-text-warning-fore ax-border-transparent dark:ax-bg-warning-800;
-//         }
-//         &.ax-warning-twotone {
-//             @apply ax-bg-warning-100 ax-text-warning-900 ax-border-transparent dark:ax-bg-warning-800 dark:ax-text-warning-fore;
-//         }
-//         &.ax-warning-outline {
-//             @apply ax-text-warning-500 ax-border ax-border-warning-500 dark:ax-border-warning-400 dark:ax-text-warning-300;
-//         }
-//         &.ax-warning-blank {
-//             @apply ax-text-warning-500 ax-border-transparent dark:ax-text-warning-300;
-//         }
-//         &.ax-warning-link {
-//             @apply ax-rounded-none ax-border-b ax-border-e-0 ax-border-s-0 ax-border-t-0 ax-text-warning-500 ax-border-warning-500 dark:ax-border-warning-400 dark:ax-text-warning-300;
-//         }
-//         // danger
-//         &.ax-danger-default {
-//             @apply ax-bg-danger-500 ax-text-danger-fore ax-border-transparent dark:ax-bg-danger-800;
-//         }
-//         &.ax-danger-twotone {
-//             @apply ax-bg-danger-100 ax-text-danger-500 ax-border-transparent dark:ax-bg-danger-800 dark:ax-text-danger-100;
-//         }
-//         &.ax-danger-outline {
-//             @apply ax-text-danger-500 ax-border ax-border-danger-500 dark:ax-border-danger-400 dark:ax-text-danger-300;
-//         }
-//         &.ax-danger-blank {
-//             @apply ax-text-danger-500 ax-border-transparent dark:ax-text-danger-300;
-//         }
-//         &.ax-danger-link {
-//             @apply ax-rounded-none ax-border-b ax-border-e-0 ax-border-s-0 ax-border-t-0 ax-text-danger-500 ax-border-danger-500 dark:ax-border-danger-400 dark:ax-text-danger-300;
-//         }
-
-//         // info
-//         &.ax-primary-default {
-//             @apply ax-bg-primary-500 ax-text-primary-fore ax-border-transparent dark:ax-bg-primary-800;
-//         }
-//         &.ax-primary-twotone {
-//             @apply ax-bg-primary-100 ax-text-primary-500 ax-border-transparent dark:ax-bg-primary-800 dark:ax-text-primary-100;
-//         }
-//         &.ax-primary-outline {
-//             @apply ax-text-primary-500 ax-border ax-border-primary-500 dark:ax-border-primary-400 dark:ax-text-primary-300;
-//         }
-//         &.ax-primary-blank {
-//             @apply ax-text-primary-500 ax-border-transparent dark:ax-text-primary-300;
-//         }
-//         &.ax-primary-link {
-//             @apply ax-rounded-none ax-border-b ax-border-e-0 ax-border-s-0 ax-border-t-0 ax-text-primary-500 ax-border-primary-500 dark:ax-border-primary-400 dark:ax-text-primary-300;
-//         }
-
-//         // dark
-//         &.ax-neutral-default {
-//             @apply ax-bg-neutral-500 ax-text-neutral-fore ax-border-transparent dark:ax-bg-neutral-600;
-//         }
-//         &.ax-neutral-twotone {
-//             @apply ax-bg-neutral-50 ax-text-neutral-500 ax-border-transparent dark:ax-bg-neutral-300 dark:ax-text-neutral-700;
-//         }
-//         &.ax-neutral-outline {
-//             @apply ax-text-neutral-500 ax-border-neutral-500 dark:ax-text-neutral-100 dark:ax-border-neutral-100;
-//         }
-//         &.ax-neutral-blank {
-//             @apply ax-text-neutral-500 ax-border-transparent dark:ax-text-neutral-50;
-//         }
-//         &.ax-neutral-link {
-//             @apply ax-rounded-none ax-border-b ax-border-e-0 ax-border-s-0 ax-border-t-0 ax-text-neutral-500 ax-border-neutral-500 dark:ax-border-neutral-50 dark:ax-text-neutral-50;
-//         }
-
-//         // light
-//         &.ax-neutral-default {
-//             @apply ax-bg-neutral-100 ax-text-neutral-fore dark:ax-bg-neutral-800 dark:ax-border-neutral-800 dark:ax-text-neutral-100;
-//         }
-//         &.ax-neutral-twotone {
-//             @apply ax-bg-neutral-200 ax-text-neutral-fore dark:ax-bg-neutral-600 dark:ax-border-neutral-600 dark:ax-text-neutral-100;
-//         }
-//         &.ax-neutral-outline {
-//             @apply ax-text-neutral-fore ax-border ax-border-neutral-300 dark:ax-border-neutral-500 dark:ax-text-neutral-100;
-//         }
-//         &.ax-neutral-link {
-//             @apply ax-text-neutral-fore ax-border-b ax-rounded-none ax-border-neutral-300 dark:ax-text-neutral-100 dark:ax-border-neutral-500;
-//         }
-//         &.ax-neutral-blank {
-//             @apply ax-text-neutral-fore dark:ax-border-neutral-600 dark:ax-text-neutral-100;
-//         }
-
-//         // @include color-look-generator();
-//         // &.ax-primary-default {
-//         //     @apply ax-bg-primary-50 ax-text-primary-500 dark:ax-bg-primary-500 dark:ax-text-primary-fore;
-//         // }
-//         // &.ax-secondary-default {
-//         //     @apply ax-bg-secondary-50 ax-text-secondary-500 dark:ax-bg-secondary-500 dark:ax-text-secondary-fore;
-//         // }
-//         // &.ax-success-default {
-//         //     @apply ax-bg-success-50 ax-text-success-500 dark:ax-bg-success-500 dark:ax-text-success-fore;
-//         // }
-//         // &.ax-warning-default {
-//         //     @apply ax-bg-warning-50 ax-text-warning-700 dark:ax-bg-warning-500 dark:ax-text-warning-fore;
-//         // }
-//         // &.ax-danger-default {
-//         //     @apply ax-bg-danger-50 ax-text-danger-500 dark:ax-bg-danger-500 dark:ax-text-danger-fore;
-//         // }
-//         // &.ax-primary-default {
-//         //     @apply ax-bg-primary-50 ax-text-primary-500 dark:ax-bg-primary-500 dark:ax-text-primary-fore;
-//         // }
-//         // &.ax-neutral-default {
-//         //     @apply ax-bg-neutral-200 ax-text-neutral-700;
-//         // }
-//         // &.ax-neutral-default {
-//         //     @apply ax-bg-neutral-500 ax-text-neutral-fore dark:ax-bg-neutral-500 dark:ax-text-neutral-50;
-//         // }
-//     }
-// }

package/src/components/_breadcrumbs.scss

@@ -1,30 +0,0 @@
-// @layer components {
-//     .ax-breadcrumbs {
-//         @apply ax-inline-flex ax-items-center ax-me-1 md:ax-me-3;
-//         ax-breadcrumbs-item,
-//         .ax-breadcrumbs-item {
-//             @apply ax-inline-flex ax-items-center ax-text-sm ax-font-medium ax-text-neutral-500 dark:ax-text-neutral-400 ax-cursor-pointer ax-select-none;
-//             .ax-breadcrumbs-item-text {
-//                 @apply ax-pe-2 hover:ax-text-neutral-900 dark:hover:ax-text-white;
-//             }
-//             .ax-prefix,
-//             .ax-suffix {
-//                 @apply ax-pe-2;
-//             }
-//             .ax-breadcrumb-divider {
-//                 @apply dark:ax-text-white/30;
-//             }
-//             &:last-child {
-//                 .ax-breadcrumb-divider {
-//                     @apply ax-hidden;
-//                 }
-//             }
-//             &:not(&:first-child) {
-//                 .ax-breadcrumbs-item-text {
-//                     @apply ax-ps-2;
-//                 }
-//             }
-//         }
-//     }
-// }
-