npm - @acorex/styles - Versions diffs - 7.0.5 → 7.0.7 - Mend

@acorex/styles 7.0.5 → 7.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (54) hide show

package/index.scss +0 -1
package/package.json +1 -1
package/src/shared/_utils.scss +0 -1
package/src/utility/_mixins.scss +0 -67
package/src/components/_action-sheet.scss +0 -24
package/src/components/_avatar.scss +0 -124
package/src/components/_badge.scss +0 -184
package/src/components/_breadcrumbs.scss +0 -30
package/src/components/_button copy.scss +0 -924
package/src/components/_button.scss +0 -0
package/src/components/_calendar.scss +0 -182
package/src/components/_carousel.scss +0 -44
package/src/components/_checkbox.scss +0 -58
package/src/components/_collapse.scss +0 -51
package/src/components/_color-palette.scss +0 -126
package/src/components/_color-picker.scss +0 -28
package/src/components/_context-menu.scss +0 -3
package/src/components/_data-table.scss +0 -41
package/src/components/_datapager.scss +0 -49
package/src/components/_datepicker.scss +0 -5
package/src/components/_decoration.scss +0 -0
package/src/components/_dialog.scss +0 -83
package/src/components/_drawer.scss +0 -113
package/src/components/_dropdown.scss +0 -162
package/src/components/_editor-container.scss +0 -0
package/src/components/_fieldset.scss +0 -3
package/src/components/_form.scss +0 -8
package/src/components/_image.scss +0 -24
package/src/components/_input.scss +0 -14
package/src/components/_label.scss +0 -7
package/src/components/_list.scss +0 -0
package/src/components/_loading.scss +0 -3
package/src/components/_menu copy.scss +0 -96
package/src/components/_menu.scss +0 -117
package/src/components/_numberbox.scss +0 -15
package/src/components/_popup.scss +0 -106
package/src/components/_progress.scss +0 -60
package/src/components/_radio.scss +0 -32
package/src/components/_range-slider.scss +0 -232
package/src/components/_rating.scss +0 -14
package/src/components/_result.scss +0 -24
package/src/components/_selectbox.scss +0 -16
package/src/components/_selection-list.scss +0 -54
package/src/components/_skeleton.scss +0 -22
package/src/components/_switch.scss +0 -0
package/src/components/_table.scss +0 -0
package/src/components/_tabs copy.scss +0 -235
package/src/components/_tabs.scss +0 -235
package/src/components/_textarea.scss +0 -31
package/src/components/_toast.scss +0 -8
package/src/components/_tooltip.scss +0 -44
package/src/components/_treeview.scss +0 -0
package/src/components/_uploader.scss +0 -0
package/src/components/index.scss +0 -1

package/src/components/_tabs copy.scss DELETED Viewed

@@ -1,235 +0,0 @@
-@layer components {
-    .ax-tabs {
-        @apply ax-p-0 ax-overflow-y-hidden ax-overflow-x-auto ax-w-max ax-block;
-        .ax-items-wrapper {
-            @apply ax-flex;
-        }
-        &:not(.ax-look-custom) {
-            ax-tab-item {
-                @apply ax-text-center ax-px-5 ax-cursor-pointer ax-whitespace-nowrap ax-flex ax-items-center ax-justify-center ax-relative ax-text-sm ax-font-medium;
-                min-height: calc(var(--ax-base-size) * var(--ax-base-ratio));
-                line-height: calc((var(--ax-base-size) * var(--ax-base-ratio)) / 2);
-                &.ax-state-disabled {
-                    // background-color: rgb(var(--ax-color-disabled)) !important;
-                    // color: rgb(var(--ax-color-disabled-fore)) !important;
-                    @apply ax-opacity-50 ax-cursor-not-allowed #{!important};
-                }
-                &.ax-state-active {
-                    @apply ax-text-black;
-                }
-                .ax-prefix {
-                    @apply ax-flex ax-flex-row ax-pe-2;
-                }
-                .ax-suffix {
-                    @apply ax-flex ax-flex-row ax-ps-2;
-                }
-            }
-        }
-        &.ax-tabs-fit {
-            .ax-items-wrapper ax-tab-item {
-                @apply ax-flex-1;
-            }
-        }
-        & > .ax-tab-controll {
-            @apply ax-flex ax-items-center ax-justify-center ax-px-1 ax-cursor-pointer;
-            box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14),
-                0 1px 10px 0 rgba(0, 0, 0, 0.12);
-        }
-        &.ax-horizontal {
-            &.ax-look-default {
-                @apply ax-border ax-border-solid ax-border-neutral-300 ax-shadow-sm ax-overflow-hidden ax-rounded-default;
-                @include control-states("editor");
-                ax-tab-item {
-                    @apply ax-bg-white ax-border-e ax-border-b-2  ax-border-solid ax-border-neutral-300 dark:ax-text-neutral-200;
-                    @include control-states("editor");
-                    border-bottom-color: transparent !important;
-                    &:first-child {
-                    }
-                    &:last-child {
-                        @apply ax-border-e-0;
-                    }
-                    &:hover,
-                    &.ax-state-active {
-                        &:not(.ax-state-disabled) {
-                            border-bottom-color: rgb(var(--ax-color-primary-500)) !important;
-                        }
-                    }
-                }
-            }
-            &.ax-look-start-line {
-                @apply ax-border-t ax-border-solid ax-border-neutral-300 dark:ax-border-neutral-200/10 ax-w-full;
-                ax-tab-item {
-                    &.ax-state-active {
-                        @apply ax-text-primary-500;
-                        &::after {
-                            @apply ax-absolute ax-top-0 ax-w-full ax-h-0.5 ax-bg-primary-500 ax-block;
-                            content: "";
-                        }
-                    }
-                    &:hover {
-                        &::after {
-                            @apply ax-absolute ax-top-0 ax-w-full ax-h-0.5 ax-bg-primary-500 ax-block;
-                            content: "";
-                        }
-                    }
-                }
-            }
-            &.ax-look-end-line {
-                @apply ax-border-b ax-border-solid ax-border-neutral-300 dark:ax-border-neutral-200/10 ax-w-full;
-                ax-tab-item {
-                    &.ax-state-active {
-                        @apply ax-text-primary-500;
-                        &::after {
-                            @apply ax-absolute ax-bottom-0 ax-w-full ax-h-0.5 ax-bg-primary-500 ax-block;
-                            content: "";
-                        }
-                    }
-                    &:hover {
-                        &::after {
-                            @apply ax-absolute ax-bottom-0 ax-w-full ax-h-0.5 ax-bg-primary-500 ax-block;
-                            content: "";
-                        }
-                    }
-                }
-            }
-            &.ax-look-pills {
-                ax-tab-item {
-                    @apply ax-text-neutral-fore ax-mr-1 ax-rounded dark:ax-text-neutral-200;
-                    &:hover {
-                        @apply ax-bg-neutral-300 ax-text-neutral-fore dark:ax-text-neutral-50 dark:ax-bg-neutral-600;
-                    }
-                    &.ax-state-active {
-                        @apply ax-bg-neutral-200 ax-text-neutral-fore dark:ax-text-neutral-50 dark:ax-bg-neutral-600;
-                    }
-                }
-            }
-            &.ax-look-pills-color {
-                ax-tab-item {
-                    @apply ax-text-neutral-fore ax-mr-1 ax-rounded dark:ax-text-primary-200;
-                    &:hover {
-                        @apply ax-bg-primary-100 ax-text-primary-500 dark:ax-text-primary-50 dark:ax-bg-primary-500;
-                    }
-                    &.ax-state-active {
-                        @apply ax-bg-primary-100 ax-text-primary-500 dark:ax-text-primary-50 dark:ax-bg-primary-500;
-                    }
-                }
-            }
-        }
-        &.ax-vertical {
-            .ax-items-wrapper {
-                @apply ax-flex-col ax-h-full;
-                ax-tab-item {
-                    @apply ax-text-center ax-justify-start ax-py-2;
-                }
-            }
-            &.ax-look-default {
-                @apply ax-border ax-border-solid ax-border-neutral-300 ax-shadow-sm ax-rounded ax-overflow-hidden;
-                @include control-states("editor");
-                ax-tab-item {
-                    @apply ax-bg-white ax-border-s ax-border-solid ax-border-neutral-300 ax-border-b-0  dark:ax-text-neutral-200 ax-mb-1;
-                    &:last-child {
-                        @apply ax-mb-0;
-                    }
-                    &:hover,
-                    &.ax-state-active {
-                        border-inline-start-color: rgb(var(--ax-color-primary-500)) !important;
-                    }
-                }
-            }
-            &.ax-look-start-line {
-                ax-tab-item {
-                    @apply ax-border-s-2 ax-border-solid ax-border-neutral-300 dark:ax-border-neutral-200/10;
-                    &.ax-state-active {
-                        @apply ax-border-primary-500 ax-text-primary-500;
-                        &:hover {
-                            @apply ax-border-primary-500;
-                        }
-                    }
-                    &:hover {
-                        @apply ax-border-primary-500 ax-text-primary-500;
-                    }
-                }
-            }
-            &.ax-look-end-line {
-                ax-tab-item {
-                    @apply ax-border-e-2 ax-border-solid ax-border-neutral-300 dark:ax-border-neutral-200/10;
-                    &.ax-state-active {
-                        @apply ax-border-primary-500 ax-text-primary-500;
-                        &:hover {
-                            @apply ax-border-primary-500;
-                        }
-                    }
-                    &:hover {
-                        @apply ax-border-primary-500 ax-text-primary-500;
-                    }
-                }
-            }
-            &.ax-look-pills {
-                ax-tab-item {
-                    @apply ax-text-neutral-fore ax-mr-1 ax-rounded dark:ax-text-neutral-200 ax-mb-1;
-                    &:last-child {
-                        @apply ax-mb-0;
-                    }
-                    &:hover {
-                        @apply ax-bg-neutral-300 ax-text-neutral-fore dark:ax-text-neutral-100;
-                    }
-                    &.ax-state-active {
-                        @apply ax-bg-neutral-300 ax-text-neutral-fore dark:ax-text-neutral-50;
-                    }
-                }
-            }
-            &.ax-look-pills-color {
-                ax-tab-item {
-                    @apply ax-text-neutral-fore ax-mr-1 ax-rounded dark:ax-text-neutral-200 ax-mb-1;
-                    &:last-child {
-                        @apply ax-mb-0;
-                    }
-                    &:hover {
-                        @apply ax-bg-primary-100 ax-text-primary-500 dark:ax-text-neutral-100;
-                    }
-                    &.ax-state-active {
-                        @apply ax-bg-primary-100 ax-text-primary-500 dark:ax-text-neutral-50;
-                    }
-                }
-            }
-        }
-    }
-}

package/src/components/_tabs.scss DELETED Viewed

@@ -1,235 +0,0 @@
-// @layer components {
-//     .ax-tabs {
-//         @apply ax-p-0 ax-overflow-y-hidden ax-overflow-x-auto ax-w-max ax-block;
-//         .ax-items-wrapper {
-//             @apply ax-flex;
-//         }
-//         &:not(.ax-look-custom) {
-//             ax-tab-item {
-//                 @apply ax-text-center ax-px-5 ax-cursor-pointer ax-whitespace-nowrap ax-flex ax-items-center ax-justify-center ax-relative ax-text-sm ax-font-medium ax-select-none;
-//                 min-height: calc(var(--ax-base-size) * var(--ax-base-ratio));
-//                 line-height: calc((var(--ax-base-size) * var(--ax-base-ratio)) / 2);
-//                 &.ax-state-disabled {
-//                     // background-color: rgb(var(--ax-color-disabled)) !important;
-//                     // color: rgb(var(--ax-color-disabled-fore)) !important;
-//                     @apply ax-opacity-50 ax-cursor-not-allowed #{!important};
-//                 }
-//                 &.ax-state-active {
-//                     @apply ax-text-black;
-//                 }
-//                 .ax-prefix {
-//                     @apply ax-flex ax-flex-row ax-pe-2;
-//                 }
-//                 .ax-suffix {
-//                     @apply ax-flex ax-flex-row ax-ps-2;
-//                 }
-//             }
-//         }
-//         &.ax-tabs-fit {
-//             .ax-items-wrapper ax-tab-item {
-//                 @apply ax-flex-1;
-//             }
-//         }
-//         & > .ax-tab-controll {
-//             @apply ax-flex ax-items-center ax-justify-center ax-px-1 ax-cursor-pointer;
-//             box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14),
-//                 0 1px 10px 0 rgba(0, 0, 0, 0.12);
-//         }
-//         &.ax-horizontal {
-//             &.ax-look-default {
-//                 @apply ax-border ax-border-solid ax-border-neutral-300 ax-shadow-sm ax-overflow-hidden ax-rounded-default;
-//                 @include control-states("editor");
-//                 ax-tab-item {
-//                     @apply ax-bg-white ax-border-e ax-border-b-2  ax-border-solid ax-border-neutral-300 dark:ax-text-neutral-200;
-//                     @include control-states("editor");
-//                     border-bottom-color: transparent !important;
-//                     &:first-child {
-//                     }
-//                     &:last-child {
-//                         @apply ax-border-e-0;
-//                     }
-//                     &:hover,
-//                     &.ax-state-active {
-//                         &:not(.ax-state-disabled) {
-//                             border-bottom-color: rgb(var(--ax-color-primary-500)) !important;
-//                         }
-//                     }
-//                 }
-//             }
-//             &.ax-look-start-line {
-//                 @apply ax-border-t ax-border-solid ax-border-neutral-300 dark:ax-border-neutral-200/10 ax-w-full;
-//                 ax-tab-item {
-//                     &.ax-state-active {
-//                         @apply ax-text-primary-500;
-//                         &::after {
-//                             @apply ax-absolute ax-top-0 ax-w-full ax-h-0.5 ax-bg-primary-500 ax-block;
-//                             content: "";
-//                         }
-//                     }
-//                     &:hover {
-//                         &::after {
-//                             @apply ax-absolute ax-top-0 ax-w-full ax-h-0.5 ax-bg-primary-500 ax-block;
-//                             content: "";
-//                         }
-//                     }
-//                 }
-//             }
-//             &.ax-look-end-line {
-//                 @apply ax-border-b ax-border-solid ax-border-neutral-300 dark:ax-border-neutral-200/10 ax-w-full;
-//                 ax-tab-item {
-//                     &.ax-state-active {
-//                         @apply ax-text-primary-500;
-//                         &::after {
-//                             @apply ax-absolute ax-bottom-0 ax-w-full ax-h-0.5 ax-bg-primary-500 ax-block;
-//                             content: "";
-//                         }
-//                     }
-//                     &:hover {
-//                         &::after {
-//                             @apply ax-absolute ax-bottom-0 ax-w-full ax-h-0.5 ax-bg-primary-500 ax-block;
-//                             content: "";
-//                         }
-//                     }
-//                 }
-//             }
-//             &.ax-look-pills {
-//                 ax-tab-item {
-//                     @apply ax-text-neutral-fore ax-mr-1 ax-rounded dark:ax-text-neutral-200;
-//                     &:hover {
-//                         @apply ax-bg-neutral-300 ax-text-neutral-fore dark:ax-text-neutral-50 dark:ax-bg-neutral-600;
-//                     }
-//                     &.ax-state-active {
-//                         @apply ax-bg-neutral-200 ax-text-neutral-fore dark:ax-text-neutral-50 dark:ax-bg-neutral-600;
-//                     }
-//                 }
-//             }
-//             &.ax-look-pills-color {
-//                 ax-tab-item {
-//                     @apply ax-text-neutral-fore ax-mr-1 ax-rounded dark:ax-text-primary-200;
-//                     &:hover {
-//                         @apply ax-bg-primary-100 ax-text-primary-500 dark:ax-text-primary-50 dark:ax-bg-primary-500;
-//                     }
-//                     &.ax-state-active {
-//                         @apply ax-bg-primary-100 ax-text-primary-500 dark:ax-text-primary-50 dark:ax-bg-primary-500;
-//                     }
-//                 }
-//             }
-//         }
-//         &.ax-vertical {
-//             .ax-items-wrapper {
-//                 @apply ax-flex-col ax-h-full;
-//                 ax-tab-item {
-//                     @apply ax-text-center ax-justify-start ax-py-2;
-//                 }
-//             }
-//             &.ax-look-default {
-//                 @apply ax-border ax-border-solid ax-border-neutral-300 ax-shadow-sm ax-rounded ax-overflow-hidden;
-//                 @include control-states("editor");
-//                 ax-tab-item {
-//                     @apply ax-bg-white ax-border-s ax-border-solid ax-border-neutral-300 ax-border-b-0  dark:ax-text-neutral-200 ax-mb-1;
-//                     &:last-child {
-//                         @apply ax-mb-0;
-//                     }
-//                     &:hover,
-//                     &.ax-state-active {
-//                         border-inline-start-color: rgb(var(--ax-color-primary-500)) !important;
-//                     }
-//                 }
-//             }
-//             &.ax-look-start-line {
-//                 ax-tab-item {
-//                     @apply ax-border-s-2 ax-border-solid ax-border-neutral-300 dark:ax-border-neutral-200/10;
-//                     &.ax-state-active {
-//                         @apply ax-border-primary-500 ax-text-primary-500;
-//                         &:hover {
-//                             @apply ax-border-primary-500;
-//                         }
-//                     }
-//                     &:hover {
-//                         @apply ax-border-primary-500 ax-text-primary-500;
-//                     }
-//                 }
-//             }
-//             &.ax-look-end-line {
-//                 ax-tab-item {
-//                     @apply ax-border-e-2 ax-border-solid ax-border-neutral-300 dark:ax-border-neutral-200/10;
-//                     &.ax-state-active {
-//                         @apply ax-border-primary-500 ax-text-primary-500;
-//                         &:hover {
-//                             @apply ax-border-primary-500;
-//                         }
-//                     }
-//                     &:hover {
-//                         @apply ax-border-primary-500 ax-text-primary-500;
-//                     }
-//                 }
-//             }
-//             &.ax-look-pills {
-//                 ax-tab-item {
-//                     @apply ax-text-neutral-fore ax-mr-1 ax-rounded dark:ax-text-neutral-200 ax-mb-1;
-//                     &:last-child {
-//                         @apply ax-mb-0;
-//                     }
-//                     &:hover {
-//                         @apply ax-bg-neutral-300 ax-text-neutral-fore dark:ax-text-neutral-100;
-//                     }
-//                     &.ax-state-active {
-//                         @apply ax-bg-neutral-300 ax-text-neutral-fore dark:ax-text-neutral-50;
-//                     }
-//                 }
-//             }
-//             &.ax-look-pills-color {
-//                 ax-tab-item {
-//                     @apply ax-text-neutral-fore ax-mr-1 ax-rounded dark:ax-text-neutral-200 ax-mb-1;
-//                     &:last-child {
-//                         @apply ax-mb-0;
-//                     }
-//                     &:hover {
-//                         @apply ax-bg-primary-100 ax-text-primary-500 dark:ax-text-neutral-100;
-//                     }
-//                     &.ax-state-active {
-//                         @apply ax-bg-primary-200 ax-text-primary-900 dark:ax-text-neutral-50;
-//                     }
-//                 }
-//             }
-//         }
-//     }
-// }

package/src/components/_textarea.scss DELETED Viewed

@@ -1,31 +0,0 @@
-ax-textarea {
-    position: relative;
-    width: 100%;
-    height: auto !important;
-    flex-direction: column;
-    background-color: var(--ax-color-surface);
-    border-radius: var(--ax-rounded-border-default);
-    border: 1px solid;
-    border: rgb(var(--ax-color-border-default));
-    overflow: hidden;
-    textarea {
-        height: fit-content;
-        line-height: 1.7;
-        width: 100%;
-        font-size: 0.875rem;
-        padding: 0.625rem;
-        &:focus {
-            outline-color: transparent;
-        }
-    }
-    > ax-prefix,
-    > ax-suffix {
-        margin-bottom: 0.5rem;
-        padding: 0.375rem;
-    }
-    &.ax-state-disabled {
-        cursor: not-allowed;
-        opacity: 0.5;
-    }
-}

package/src/components/_toast.scss DELETED Viewed

@@ -1,8 +0,0 @@
-@layer components {
-    .ax-toast {
-        width: max(20vw, 350px);
-        @include media("mobile") {
-            width: 98vw;
-        }
-    }
-}

package/src/components/_tooltip.scss DELETED Viewed

@@ -1,44 +0,0 @@
-@layer components {
-    .ax-tooltip-container {
-        @apply ax-relative;
-        .ax-tooltip {
-            @apply ax-block ax-p-1 ax-bg-black ax-text-white ax-rounded;
-        }
-        .ax-tooltip-tringle {
-            width: 0;
-            height: 0;
-            border-left: 5px solid transparent;
-            border-right: 5px solid transparent;
-            border-top: 5px solid #000;
-            position: absolute;
-            &.ax-tooltip-tringle-bottom {
-                transform: rotate(180deg);
-                left: 0;
-                right: 0;
-                margin: auto;
-                top: -5px;
-            }
-            &.ax-tooltip-tringle-right {
-                transform: rotate(90deg);
-                top: 0;
-                bottom: 0;
-                margin: auto;
-                left: -7px;
-            }
-            &.ax-tooltip-tringle-top {
-                transform: rotate(0deg);
-                left: 0;
-                right: 0;
-                margin: auto;
-            }
-            &.ax-tooltip-tringle-left {
-                transform: rotate(270deg);
-                top: 0;
-                bottom: 0;
-                margin: auto;
-                right: -7px;
-            }
-        }
-    }
-}

package/src/components/_treeview.scss DELETED Viewed

File without changes

package/src/components/_uploader.scss DELETED Viewed

File without changes

package/src/components/index.scss DELETED Viewed

	@@ -1 +0,0 @@
1	- @import "./action-sheet";