@acorex/styles 6.1.12 → 6.5.1

package/src/utility/_mixins.scss

@@ -1,152 +0,0 @@
-@mixin screen($breakpoint) {
-    // $breakpoint is simply a variable that can have several values
-
-    @if $breakpoint == extraSmall {
-        // Media query for 320px and less
-        @media (max-width: 320px) {
-            @content;
-        }
-        @media (min-width: 321px) and (max-width: 480px) {
-            @content;
-        }
-    }
-
-    @if $breakpoint == tablet {
-        // here `laptop` is the value of $breakpoint
-        // when call laptop, we mean the following piece of code
-
-        @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
-            @content;
-        }
-    }
-
-    @if $breakpoint == mobile {
-        @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
-            @content;
-        }
-    }
-
-    @if $breakpoint == laptop {
-        @media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {
-            @content;
-        }
-    }
-}
-
-
-@mixin responsive($media){
-    @if $media == 'phone'{
-        @media (max-width: 599px) { @content; }
-    }
-    @if $media == 'tablet'{
-        @media (min-width: 600px) { @content; }
-    }
-    @if $media == 'tablet-landscape'{
-        @media (min-width: 900px) { @content; }
-    }
-    @if $media == 'desktop'{
-        @media (min-width: 1200px) { @content; }
-    }
-    @if $media == 'desktop-large'{
-        @media (min-width: 1800px) { @content; }
-    }
-}
-
-@mixin colors($array) {
-    @each $name, $color in $array {
-        @if (type-of($color) == "map") {
-            @each $subname, $variant in $color {
-                @if ($subname != "") {
-                    --ax-color-#{$name}-#{$subname}: #{$variant};
-                } @else {
-                    --ax-color-#{$name}: #{$variant};
-                }
-            }
-        } @else {
-            --ax-color-#{$name}: #{$color};
-        }
-    }
-}
-
-@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-light-100 ax-text-light-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-default-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");
-    @each $c in $colors {
-        @each $l in $looks {
-            &.ax-#{$c}-#{$l} {
-                @include color-look($c, $l);
-            }
-        }
-    }
-}
-
-// @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/utility/index.scss

@@ -1,26 +0,0 @@
-@layer utilities {
-    .ax-sm {
-        --ax-base-size: calc(var(--ax-size) - 2px);
-        font-size: 0.75rem;
-        * {
-            font-size: 0.75rem;
-        }
-    }
-    .ax-md {
-        --ax-base-size: var(--ax-size);
-        font-size: 0.875rem;
-        * {
-            font-size: 0.875rem;
-        }
-    }
-    .ax-lg {
-        --ax-base-size: calc(var(--ax-size) + 2px);
-        font-size: 1rem;
-        * {
-            font-size: 1rem;
-        }
-    }
-    .ax-filp {
-        transform: scale(-1, 1);
-    }
-}

package/src/variables/_colors.scss

@@ -1,122 +0,0 @@
-$theme-colors: (
-    "white": "255 255 255",
-    "black": "0 0 0",
-    "placeholder": "156 163 175",
-    "border": "209 213 219",
-    "disabled": "224 224 224",
-    "disabled-fore": "117 117 117",
-    "disabled-border": "191 191 191",
-    "primary": (
-        "": "59 130 246",
-        "fore": "255 255 255",
-        "50": "239 246 255",
-        "100": "219 234 254",
-        "200": "191 219 254",
-        "300": "147 197 253",
-        "400": "96 165 250",
-        "500": "59 130 246",
-        "600": "37 99 235",
-        "700": "29 78 216",
-        "800": "30 64 175",
-        "900": "30 58 138",
-    ),
-    "secondary": (
-        "": "236 72 153",
-        "fore": "255 255 255",
-        "50": "253 242 248",
-        "100": "252 231 243",
-        "200": "251 207 232",
-        "300": "249 168 212",
-        "400": "244 114 182",
-        "500": "236 72 153",
-        "600": "219 39 119",
-        "700": "190 24 93",
-        "800": "157 23 77",
-        "900": "131 24 67",
-    ),
-    "success": (
-        "": "76 175 80",
-        "fore": "255 255 255",
-        "50": "236 253 245",
-        "100": "209 250 229",
-        "200": "167 243 208",
-        "300": "110 231 183",
-        "400": "52 211 153",
-        "500": "16 185 129",
-        "600": "5 150 105",
-        "700": "4 120 87",
-        "800": "6 95 70",
-        "900": "6 78 59",
-    ),
-    "danger": (
-        "": "244 63 94",
-        "fore": "255 241 242",
-        "50": "255 241 242",
-        "100": "255 228 230",
-        "200": "254 205 211",
-        "300": "253 164 175",
-        "400": "251 113 133",
-        "500": "244 63 94",
-        "600": "225 29 72",
-        "700": "190 18 60",
-        "800": "159 18 57",
-        "900": "136 19 55",
-    ),
-    "warning": (
-        "": "255 193 7",
-        "fore": "33 37 41",
-        "50": "255 248 225",
-        "100": "255 236 181",
-        "200": "255 224 131",
-        "300": "255 212 81",
-        "400": "255 202 44",
-        "500": "255 193 7",
-        "600": "255 187 6",
-        "700": "255 179 5",
-        "800": "255 171 4",
-        "900": "255 158 2",
-    ),
-    "info": (
-        "": "139 92 246",
-        "fore": "255 255 255",
-        "50": "245 243 255",
-        "100": "237 233 254",
-        "200": "221 214 254",
-        "300": "196 181 253",
-        "400": "167 139 250",
-        "500": "139 92 246",
-        "600": "124 58 237",
-        "700": "109 40 217",
-        "800": "91 33 182",
-        "900": "76 29 149",
-    ),
-    "light": (
-        "": "100 116 139",
-        "fore": "15 23 42",
-        "50": "248 250 252",
-        "100": "241 245 249",
-        "200": "226 232 240",
-        "300": "203 213 225",
-        "400": "148 163 184",
-        "500": "100 116 139",
-        "600": "71 85 105",
-        "700": "51 65 85",
-        "800": "30 41 59",
-        "900": "15 23 42",
-    ),
-    "dark": (
-        "": "21 21 21",
-        "fore": "255 255 255",
-        "50": "227 227 227",
-        "100": "185 185 185",
-        "200": "138 138 138",
-        "300": "91 91 91",
-        "400": "56 56 56",
-        "500": "21 21 21",
-        "600": "18 18 18",
-        "700": "15 15 15",
-        "800": "12 12 12",
-        "900": "6 6 6",
-    )
-    
-);