@acorex/styles 7.0.5 → 7.0.7

package/src/components/_calendar.scss

@@ -1,182 +0,0 @@
-// @layer components {
-//     .ax-calendar {
-//         @apply ax-w-80 ax-block ax-border ax-border-solid ax-border-neutral-300 ax-rounded ax-bg-white ax-select-none dark:ax-bg-white/[0.03] dark:ax-border-transparent;
-//         @include media('phone') {
-//             @apply ax-w-full;
-//         }
-//         @include media('tablet') {
-//             @apply ax-w-full;
-//         }
-//         @include media('desktop'){
-//            @apply ax-w-80;
-//         }
-//         @include media('desktop-large'){
-//             @apply ax-w-80;
-//         }
-
-//         .ax-calendar-header {
-//             i {
-//                 @apply ax-font-medium ax-text-xl;
-//             }
-//         }
-
-       
-//         &.ax-state-disabled {
-//             .ax-calendar-slots {
-//                 @apply ax-opacity-50 ax-cursor-default;
-//             }
-//         }
-
-//         .ax-calendar-header {
-//             @apply ax-flex ax-justify-between ax-py-1 ax-px-2 ax-border-b ax-border-neutral-300 ax-border-solid dark:ax-border-transparent;
-//             .ax-calendar-header-buttons {
-//                 @apply ax-flex;
-//             }
-//         }
-
-//         .ax-calendar-body {
-//             @apply ax-m-2;
-
-//             .ax-calendar-slots {
-//                 @apply ax-grid;
-
-//                 & > div {
-//                     @apply ax-text-sm ax-text-black dark:ax-text-neutral-200 ax-text-center ax-relative ax-flex ax-items-center ax-justify-center ax-cursor-pointer ax-m-0.5 ax-rounded;
-
-//                     &::before {
-//                         content: "";
-//                         padding-top: 100%;
-//                         float: left;
-//                     }
-
-//                     &::after {
-//                         content: "";
-//                         display: block;
-//                         clear: both;
-//                     }
-
-//                     &:hover {
-//                         @apply ax-bg-neutral-100 dark:ax-bg-white/[0.07];
-//                     }
-//                     &:focus {
-//                         @apply ax-ring-2 ax-ring-primary-500 ax-outline-none;
-//                     }
-
-//                     &.ax-state-disabled {
-//                         @apply ax-text-neutral-300 ax-cursor-not-allowed;
-//                         &:hover {
-//                             @apply ax-bg-transparent ax-text-neutral-300;
-//                         }
-//                         // &::after {
-//                         //     @apply ax-text-sm ax-cursor-not-allowed ax-text-danger-600;
-//                         //     position: absolute;
-//                         //     content: "\03a7";
-//                         //     margin: auto;
-//                         // }
-//                     }
-
-//                     &.ax-state-holiday {
-//                         @apply ax-text-danger-500;
-//                         &:hover {
-//                             @apply ax-text-black dark:ax-text-neutral-100;
-//                         }
-//                     }
-
-//                     &.ax-state-today {
-//                         @apply ax-bg-opacity-70 ax-bg-primary-100 ax-text-primary-500 dark:ax-bg-primary-500 dark:ax-text-primary-fore;
-//                         &:hover {
-//                             @apply ax-text-primary-500 dark:ax-text-primary-fore;
-//                         }
-//                     }
-
-//                     &.ax-state-other {
-//                         @apply ax-opacity-50;
-//                     }
-
-//                     &.ax-state-selected {
-//                         @apply ax-bg-primary-500 ax-text-primary-fore ax-opacity-100;
-
-//                         &:hover {
-//                             @apply ax-text-primary-fore;
-//                         }
-//                     }
-
-//                     &.ax-state-event {
-//                         &::after {
-//                             @apply ax-absolute ax-bottom-0.5 ax-rounded-full ax-h-0.5 ax-w-4 ax-bg-neutral-500;
-//                             content: "";
-//                         }
-
-//                         &.ax-state-event-primary {
-//                             &::after {
-//                                 @apply ax-bg-primary-500;
-//                             }
-//                         }
-
-//                         &.ax-state-event-secondary {
-//                             &::after {
-//                                 @apply ax-bg-secondary-500;
-//                             }
-//                         }
-
-//                         &.ax-state-event-success {
-//                             &::after {
-//                                 @apply ax-bg-success-500;
-//                             }
-//                         }
-
-//                         &.ax-state-event-warning {
-//                             &::after {
-//                                 @apply ax-bg-warning-500;
-//                             }
-//                         }
-
-//                         &.ax-state-event-danger {
-//                             &::after {
-//                                 @apply ax-bg-danger-500;
-//                             }
-//                         }
-
-//                         &.ax-state-event-info {
-//                             &::after {
-//                                 @apply ax-bg-primary-500;
-//                             }
-//                         }
-//                     }
-//                 }
-
-//                 &.ax-calendar-slots-day {
-//                     @apply ax-grid-cols-7;
-//                 }
-
-//                 &.ax-calendar-slots-year,
-//                 &.ax-calendar-slots-month {
-//                     @apply ax-grid-cols-4;
-//                 }
-//             }
-
-//             .ax-calendar-week {
-//                 @apply ax-grid ax-grid-cols-7 ax-my-2;
-
-//                 & > div {
-//                     @apply ax-text-sm ax-text-black dark:ax-text-neutral-200 ax-text-center ax-relative ax-flex ax-items-center ax-justify-center ax-cursor-text ax-m-0.5;
-//                 }
-//             }
-//         }
-
-//         .ax-calendar-footer {
-//             @apply ax-flex ax-justify-center ax-p-2 ax-border-t ax-border-black/[0.12] dark:ax-border-white/[0.12];
-//         }
-//     }
-//     .ax-calendar-picker {
-//         @apply ax-flex ax-w-full;
-//         ax-picker {
-//             @apply ax-flex-1;
-//         }
-//     }
-//     .ax-overlay-pane {
-//         ax-calendar {
-//             @apply ax-border-none;
-//         }
-//     }
-// }

package/src/components/_carousel.scss

@@ -1,44 +0,0 @@
-// @layer components {
-//     .ax-carousel {
-//         @apply ax-text-center ax-overflow-hidden ax-w-full ax-block ax-relative;
-//         .ax-carousel-arrows {
-//             @apply ax-flex ax-absolute ax-justify-between ax-justify-items-center ax-cursor-pointer ax-bg-transparent ax-text-white ax-invisible ax-left-0 ax-right-0 ax-top-0 ax-bottom-0;
-//             button {
-//                 @apply ax-border-none ax-cursor-pointer ax-bg-transparent ax-text-white ax-visible;
-//                 .ax-icon{
-//                     @apply ax-text-4xl;
-//                     text-shadow: 0px 0px 2px #000000;
-//                 }
-//             }
-//             .ax-vertical-arrow {
-//                 @apply ax-absolute ax-left-1/2 ax-block;
-//                 transform: translate(-50%, -50%);
-//                 &.ax-top-arrow {
-//                     @apply ax-top-5;
-//                     .ax-icon{
-//                         @apply ax-block ax-rotate-90;
-//                     }
-//                 }
-//                 &.ax-bottom-arrow {
-//                     @apply -ax-bottom-5;
-//                     transform: translate(-50%, -50%);
-//                     .ax-icon{
-//                         @apply ax-block -ax-rotate-90;
-//                     }
-//                 }
-//             }
-//         }
-//         .ax-carousel-pager {
-//             @apply ax-flex ax-my-3 ax-justify-center;
-//             button {
-//                 @apply ax-p-1 ax-mx-1 ax-cursor-pointer ax-border-none ax-rounded-full ax-bg-neutral-300;
-//                 &:hover {
-//                     @apply ax-bg-primary-500;
-//                 }
-//                 &.ax-state-active {
-//                     @apply ax-bg-primary-500;
-//                 }
-//             }
-//         }
-//     }
-// }

package/src/components/_checkbox.scss

@@ -1,58 +0,0 @@
-// @layer components {
-//     .ax-check-box {
-//         .ax-state-error {
-//             @apply ax-text-danger-500;
-
-//             input[type="checkbox"] {
-//                 @apply ax-border-danger-500;
-//             }
-//         }
-//         .ax-state-success {
-//             @apply ax-text-success-600;
-
-//             input[type="checkbox"] {
-//                 @apply ax-border-success-600;
-//             }
-//         }
-
-//         .ax-wrapper {
-//             &.ax-state-disabled {
-//                 @apply ax-cursor-not-allowed ax-opacity-80;
-
-//                 input[type="checkbox"] {
-//                     @apply ax-cursor-not-allowed;
-//                 }
-//             }
-//         }
-
-//         input[type="checkbox"] {
-//             @apply ax-w-4 ax-h-4 ax-border-solid ax-border ax-border-neutral-300 ax-rounded ax-bg-white ax-text-primary-500 ax-m-0 ax-outline-none ax-align-middle ax-appearance-none;
-//             @include control-states("editor");
-
-//             &:checked,
-//             &:indeterminate {
-//                 @apply ax-border-primary-500 ax-bg-no-repeat ax-bg-primary-500 ax-bg-contain #{!important};
-//             }
-
-//             &:checked {
-//                 background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' 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");
-//             }
-
-//             &:indeterminate {
-//                 background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzIiB5PSI3IiB3aWR0aD0iMTAiIGhlaWdodD0iMiIvPjwvc3ZnPg==");
-//             }
-
-//             &:focus {
-//                 @apply ax-ring-2 ax-ring-primary-500 ax-ring-offset-2;
-//             }
-
-//             &.ax-state-disabled {
-//                 @apply ax-opacity-70;
-//             }
-
-//             &.ax-state-disabled {
-//                 @apply ax-opacity-60;
-//             }
-//         }
-//     }
-// }

package/src/components/_collapse.scss

@@ -1,51 +0,0 @@
-// @layer components {
-//     .ax-collapse {
-//         @apply ax-border ax-border-neutral-200 dark:ax-border-white/10 ax-block ax-text-sm ax-rounded-default ax-overflow-hidden;
-        
-//         .ax-collapse-header {
-//             @apply ax-cursor-pointer ax-select-none;
-
-//             &.ax-state-collapsed {
-//                 .ax-collapse-header-container {
-//                     @apply ax-border-b-0;
-//                     .ax-collapse-arrow {
-//                         @apply -ax-rotate-90;
-//                     }
-//                 }
-//                 .ax-collapse-custom-header-container {
-//                     @apply ax-border-b-0;
-//                 }
-//             }
-//             .ax-collapse-custom-header-container,.ax-collapse-header-container {
-//                 @apply ax-bg-neutral-100 dark:ax-bg-white/10 ax-border-b ax-border-neutral-100 dark:ax-border-white/10;
-//             }
-//             .ax-collapse-header-container {
-//                 @apply ax-flex ax-justify-between ax-p-3 ;
-//                 .ax-collapse-arrow {
-//                     @apply ax-inline-block ax-text-xl ax-me-2 ax-rotate-90;
-//                 }
-//             }
-//         }
-//         .ax-collapse-body {
-//             @apply ax-p-3;
-//         }
-//     }
-//     .ax-collapse-group {
-//         @apply ax-block ax-border ax-border-neutral-200 dark:ax-border-white/10 ax-rounded-default ax-overflow-hidden;
-
-//         ax-collpase,
-//         .ax-collapse {
-//             @apply ax-rounded-none ax-border-none;
-//             .ax-collapse-header-container {
-//                 @apply ax-border-t ax-border-neutral-100;
-//             }
-//         }
-//         ax-collapse {
-//             &:first-child {
-//                 .ax-collapse-header-container {
-//                     @apply ax-border-t-0;
-//                 }
-//             }
-//         }
-//     }
-// }

package/src/components/_color-palette.scss

@@ -1,126 +0,0 @@
-@layer components {
-    .ax-color-palette {
-        @apply ax-flex ax-flex-col ax-w-72 ax-border ax-border-neutral-200 ax-rounded ax-gap-2;
-        @include control-states("surface");
-        --ax-base-ratio: 4;
-
-        &.ax-state-disabled {
-            @apply ax-opacity-60 ax-cursor-not-allowed #{!important};
-            ax-color-palette-swatches,
-            ax-color-palette-favorite {
-                div {
-                    &:hover,
-                    &.ax-state-selected {
-                        @apply ax-ring-0 ax-cursor-not-allowed #{!important};
-                    }
-                }
-            }
-        }
-
-        .ax-header,
-        .ax-footer {
-            @apply ax-border-t ax-bg-white ax-p-3 ax-border-neutral-300 dark:ax-border-neutral-700 ax-flex;
-            @include control-states("editor");
-        }
-        ax-color-palette-preview {
-            @apply ax-relative ax-h-20 ax-w-full  ax-rounded-t ax-bg-primary-50 ax-flex ax-justify-center ax-items-center ax-font-semibold ax-shadow-sm ax-border-b ax-border-neutral-200 dark:ax-border-white/10 ax-transition-all;
-            background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAADFJREFUOE9jZGBgEGHAD97gk2YcNYBhmIQBgWSAP52AwoAQwJvQRg1gACckQoC2gQgAIF8IscwEtKYAAAAASUVORK5CYII=")
-                left center;
-            .palette-preview-overlay {
-                @apply ax-absolute ax-left-0 ax-w-full ax-h-full ax-flex ax-items-center ax-justify-center;
-            }
-        }
-
-        ax-color-palette-favorite {
-            @apply ax-border-t ax-border-neutral-200 dark:ax-border-white/10 ax-block;
-        }
-
-        ax-color-palette-swatches,
-        ax-color-palette-favorite {
-            @apply ax-p-2 ax-grid-cols-8 ax-gap-0.5 ax-grid ax-max-h-36 ax-overflow-y-auto ax-overflow-x-hidden;
-            div {
-                @apply ax-relative ax-bg-neutral-100 ax-flex ax-items-center ax-justify-center ax-cursor-pointer ax-m-0.5 ax-rounded ax-shadow-sm ax-border ax-border-neutral-200 dark:ax-border-white/10;
-
-                &::before {
-                    content: "";
-                    padding-top: 100%;
-                    float: left;
-                }
-
-                &::after {
-                    content: "";
-                    display: block;
-                    clear: both;
-                }
-
-                &:hover,
-                &.ax-state-selected {
-                    @apply ax-ring-2 ax-ring-offset-2 ax-ring-black/30 dark:ax-ring-white/30;
-                }
-            }
-        }
-
-        ax-color-palette-input {
-            @apply ax-flex ax-gap-2  ax-p-2 ax-pt-0;
-
-            .palette-inputs {
-                @apply ax-flex ax-flex-1 ax-gap-2;
-
-                div {
-                    @apply ax-w-full ax-text-center;
-                    label {
-                        @apply ax-mt-3 ax-text-sm;
-                    }
-                }
-            }
-        }
-
-        ax-color-palette-picker {
-            @apply ax-flex ax-flex-col ax-gap-2 ax-p-2;
-            .ax-color-picker-overlay {
-                @apply ax-block ax-w-full ax-h-32  ax-relative;
-                .ax-color-picker-pointer {
-                    @apply ax-w-3 ax-h-3 ax-rounded-full ax-bg-transparent ax-border ax-border-white ax-shadow-md;
-                }
-                .ax-color-picker-overlay-color {
-                    background: linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255, 0));
-                    @apply ax-h-full ax-w-full ax-absolute ax-inset-0;
-                }
-                .ax-color-picker-overlay-gradient {
-                    background: linear-gradient(to top, rgb(0, 0, 0), rgba(0, 0, 0, 0));
-                    @apply ax-h-full ax-w-full ax-absolute ax-inset-0;
-                }
-               
-            }
-
-            .ax-range-slider
-            {
-                &.ax-color-picker-gradient
-                {
-                    input {
-                        background: linear-gradient(
-                            to right,
-                            rgb(255, 0, 0) 0%,
-                            rgb(255, 255, 0) 17%,
-                            rgb(0, 255, 0) 33%,
-                            rgb(0, 255, 255) 50%,
-                            rgb(0, 0, 255) 67%,
-                            rgb(255, 0, 255) 83%,
-                            rgb(255, 0, 0) 100%
-                        );
-                    }
-                }
-            }
-            .ax-range-slider
-            {
-                &.ax-color-picker-transparent
-                {
-                    input {
-                        background-image: linear-gradient(to right, rgb(245, 246, 252, 0%), rgb(0, 0, 0, 100%)),
-                        url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAADFJREFUOE9jZGBgEGHAD97gk2YcNYBhmIQBgWSAP52AwoAQwJvQRg1gACckQoC2gQgAIF8IscwEtKYAAAAASUVORK5CYII=");
-                    }
-                }
-            }
-        }
-    }
-}

package/src/components/_color-picker.scss

@@ -1,28 +0,0 @@
-// @layer components {
-//     ax-color-picker {
-//         .ax-dropdown-content {
-//             @apply ax-mx-2 ax-flex ax-items-center;
-
-//             .color-badge {
-//                 @apply ax-block ax-rounded ax-me-2 ax-shadow-sm ax-border ax-border-neutral-200 dark:ax-border-white/10;
-//                 width: calc(var(--ax-base-size) * var(--ax-base-ratio) / 2);
-//                 height: calc(var(--ax-base-size) * var(--ax-base-ratio) / 2);
-//             }
-//         }
-//     }
-
-//     .ax-overlay-pane {
-//         ax-color-palette {
-//             @apply ax-border-none;
-
-//             @include screen(mobile) {
-//                 @apply ax-w-full;
-//                 .palette-items {
-//                     @apply ax-max-h-[30vh] #{!important};
-//                 }
-//             }
-
-//         }
-
-//     }
-// }

package/src/components/_context-menu.scss

@@ -1,3 +0,0 @@
-@layer components {
-
-}

package/src/components/_data-table.scss

@@ -1,41 +0,0 @@
-@layer components {
-    .ax-data-table {
-        @apply ax-flex ax-flex-col  ax-rounded-default  ax-border ax-border-neutral-200 dark:ax-border-white/10;
-
-        .ax-wrapper
-        {
-            @apply ax-flex ax-flex-1 ax-overflow-auto;
-        }
-
-        &>.ax-header,
-        &>.ax-footer
-        {
-            @apply ax-p-2;
-            ax-data-pager
-            {
-                @apply ax-border-0 ax-p-0 ax-shadow-none ax-flex-1 ax-bg-transparent;
-            }
-        }
-        &>.ax-header
-        {
-            @apply ax-border-b;
-        }
-        &>.ax-footer
-        {
-            @apply ax-border-t;
-           
-        }
-
-        table {
-            @apply ax-relative ax-border-none ax-border-0;
-
-            thead {
-                @apply ax-sticky ax-top-0;
-            }
-            td,
-            th{
-                @apply ax-truncate;
-            }
-        }
-    }
-}

package/src/components/_datapager.scss

@@ -1,49 +0,0 @@
-@layer components {
-    .ax-data-pager {
-        @apply ax-flex ax-flex-wrap ax-gap-1 ax-flex-row ax-items-center ax-p-2 ax-border-opacity-50 ax-rounded ax-max-w-full ax-decoration-container;
-
-        .ax-button-group {
-            @apply ax-border-none;
-
-            .ax-button {
-                @apply ax-border-none ax-rounded;
-            }
-        }
-
-        ax-data-pager-next-buttons,
-        ax-data-pager-prev-buttons,
-        ax-data-pager-numeric-selector,
-        ax-data-pager-page-sizes {
-            @apply ax-flex ax-flex-initial ax-gap-2;
-        }
-
-        ax-data-pager-info {
-            @apply ax-flex ax-justify-start md:ax-justify-end  ax-items-center ax-text-sm;
-        }
-
-        .ax-button {
-            @apply ax-text-base #{!important};
-
-            &.ax-state-disabled {
-                @apply ax-border-none;
-            }
-        }
-
-        ax-data-pager-page-sizes {
-            @apply ax-flex ax-justify-start ax-gap-1 ax-items-center #{!important};
-
-            span {
-                @apply ax-text-sm;
-            }
-        }
-
-
-
-
-        ax-data-pager-input-selector {
-            .ax-input {
-                width: calc(var(--ax-base-size) * var(--ax-base-ratio) * 1.5) #{!important};
-            }
-        }
-    }
-}

package/src/components/_datepicker.scss

@@ -1,5 +0,0 @@
-// @layer components {
-//     .ax-datepicker-body {
-//         @apply ax-m-auto ax-shadow-sm ax-w-full ax-rounded ax-border ax-border-neutral-300 ax-border-none;
-//     }
-// }