@acorex/styles 5.1.2 → 5.1.5

package/src/icons/style.css

@@ -1,126 +0,0 @@
-@font-face {
-  font-family: 'acorex-icon';
-  src:  url('fonts/acorex-icon.eot?ymfsk5');
-  src:  url('fonts/acorex-icon.eot?ymfsk5#iefix') format('embedded-opentype'),
-    url('fonts/acorex-icon.ttf?ymfsk5') format('truetype'),
-    url('fonts/acorex-icon.woff?ymfsk5') format('woff'),
-    url('fonts/acorex-icon.svg?ymfsk5#acorex-icon') format('svg');
-  font-weight: normal;
-  font-style: normal;
-  font-display: block;
-}
-
-[class^="ax-ic-"], [class*=" ax-ic-"] {
-  /* use !important to prevent issues with browser extensions that change fonts */
-  font-family: 'acorex-icon' !important;
-  speak: never;
-  font-style: normal;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 1;
-
-  /* Better Font Rendering =========== */
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-.ax-ic-star-filled:before {
-  content: "\e91e";
-}
-.ax-ic-star-half-filled:before {
-  content: "\e91f";
-}
-.ax-ic-star-outline:before {
-  content: "\e920";
-}
-.ax-ic-remove:before {
-  content: "\e91b";
-}
-.ax-ic-plus:before {
-  content: "\e91c";
-}
-.ax-ic-magnify:before {
-  content: "\e91d";
-}
-.ax-ic-arrow-circle:before {
-  content: "\e911";
-}
-.ax-ic-arrow-circle-fill:before {
-  content: "\e912";
-}
-.ax-ic-arrow-half:before {
-  content: "\e913";
-}
-.ax-ic-arrow-fill:before {
-  content: "\e914";
-}
-.ax-ic-arrow:before {
-  content: "\e915";
-}
-.ax-ic-unfold:before {
-  content: "\e916";
-}
-.ax-ic-half-arrow:before {
-  content: "\e917";
-}
-.ax-ic-fullscreen:before {
-  content: "\e918";
-}
-.ax-ic-close-fullscreen:before {
-  content: "\e919";
-}
-.ax-ic-fold:before {
-  content: "\e91a";
-}
-.ax-ic-eye:before {
-  content: "\e901";
-}
-.ax-ic-eye-off:before {
-  content: "\e902";
-}
-.ax-ic-calendar:before {
-  content: "\e903";
-}
-.ax-ic-time:before {
-  content: "\e900";
-}
-.ax-ic-check:before {
-  content: "\e904";
-}
-.ax-ic-check-filled:before {
-  content: "\e905";
-}
-.ax-ic-chevron:before {
-  content: "\e906";
-}
-.ax-ic-close:before {
-  content: "\e907";
-}
-.ax-ic-error-filled:before {
-  content: "\e908";
-}
-.ax-ic-chevron-page:before {
-  content: "\e909";
-}
-.ax-ic-info-filled:before {
-  content: "\e90a";
-}
-.ax-ic-chevron-double:before {
-  content: "\e90b";
-}
-.ax-ic-menu:before {
-  content: "\e90c";
-}
-.ax-ic-more:before {
-  content: "\e90d";
-}
-.ax-ic-warning-filled:before {
-  content: "\e90e";
-}
-.ax-ic-chevron-page-filled:before {
-  content: "\e90f";
-}
-.ax-ic-calendar-today:before {
-  content: "\e910";
-}

package/src/icons/style.scss

@@ -1,195 +0,0 @@
-@import "variables";
-
-@font-face {
-  font-family: '#{$icomoon-font-family}';
-  src:  url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?ymfsk5');
-  src:  url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?ymfsk5#iefix') format('embedded-opentype'),
-    url('#{$icomoon-font-path}/#{$icomoon-font-family}.ttf?ymfsk5') format('truetype'),
-    url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff?ymfsk5') format('woff'),
-    url('#{$icomoon-font-path}/#{$icomoon-font-family}.svg?ymfsk5##{$icomoon-font-family}') format('svg');
-  font-weight: normal;
-  font-style: normal;
-  font-display: block;
-}
-
-[class^="ax-ic-"], [class*=" ax-ic-"] {
-  /* use !important to prevent issues with browser extensions that change fonts */
-  font-family: '#{$icomoon-font-family}' !important;
-  speak: never;
-  font-style: normal;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 1;
-
-  /* Better Font Rendering =========== */
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-.ax-ic-star-filled {
-  &:before {
-    content: $ax-ic-star-filled; 
-  }
-}
-.ax-ic-star-half-filled {
-  &:before {
-    content: $ax-ic-star-half-filled; 
-  }
-}
-.ax-ic-star-outline {
-  &:before {
-    content: $ax-ic-star-outline; 
-  }
-}
-.ax-ic-remove {
-  &:before {
-    content: $ax-ic-remove; 
-  }
-}
-.ax-ic-plus {
-  &:before {
-    content: $ax-ic-plus; 
-  }
-}
-.ax-ic-magnify {
-  &:before {
-    content: $ax-ic-magnify; 
-  }
-}
-.ax-ic-arrow-circle {
-  &:before {
-    content: $ax-ic-arrow-circle; 
-  }
-}
-.ax-ic-arrow-circle-fill {
-  &:before {
-    content: $ax-ic-arrow-circle-fill; 
-  }
-}
-.ax-ic-arrow-half {
-  &:before {
-    content: $ax-ic-arrow-half; 
-  }
-}
-.ax-ic-arrow-fill {
-  &:before {
-    content: $ax-ic-arrow-fill; 
-  }
-}
-.ax-ic-arrow {
-  &:before {
-    content: $ax-ic-arrow; 
-  }
-}
-.ax-ic-unfold {
-  &:before {
-    content: $ax-ic-unfold; 
-  }
-}
-.ax-ic-half-arrow {
-  &:before {
-    content: $ax-ic-half-arrow; 
-  }
-}
-.ax-ic-fullscreen {
-  &:before {
-    content: $ax-ic-fullscreen; 
-  }
-}
-.ax-ic-close-fullscreen {
-  &:before {
-    content: $ax-ic-close-fullscreen; 
-  }
-}
-.ax-ic-fold {
-  &:before {
-    content: $ax-ic-fold; 
-  }
-}
-.ax-ic-eye {
-  &:before {
-    content: $ax-ic-eye; 
-  }
-}
-.ax-ic-eye-off {
-  &:before {
-    content: $ax-ic-eye-off; 
-  }
-}
-.ax-ic-calendar {
-  &:before {
-    content: $ax-ic-calendar; 
-  }
-}
-.ax-ic-time {
-  &:before {
-    content: $ax-ic-time; 
-  }
-}
-.ax-ic-check {
-  &:before {
-    content: $ax-ic-check; 
-  }
-}
-.ax-ic-check-filled {
-  &:before {
-    content: $ax-ic-check-filled; 
-  }
-}
-.ax-ic-chevron {
-  &:before {
-    content: $ax-ic-chevron; 
-  }
-}
-.ax-ic-close {
-  &:before {
-    content: $ax-ic-close; 
-  }
-}
-.ax-ic-error-filled {
-  &:before {
-    content: $ax-ic-error-filled; 
-  }
-}
-.ax-ic-chevron-page {
-  &:before {
-    content: $ax-ic-chevron-page; 
-  }
-}
-.ax-ic-info-filled {
-  &:before {
-    content: $ax-ic-info-filled; 
-  }
-}
-.ax-ic-chevron-double {
-  &:before {
-    content: $ax-ic-chevron-double; 
-  }
-}
-.ax-ic-menu {
-  &:before {
-    content: $ax-ic-menu; 
-  }
-}
-.ax-ic-more {
-  &:before {
-    content: $ax-ic-more; 
-  }
-}
-.ax-ic-warning-filled {
-  &:before {
-    content: $ax-ic-warning-filled; 
-  }
-}
-.ax-ic-chevron-page-filled {
-  &:before {
-    content: $ax-ic-chevron-page-filled; 
-  }
-}
-.ax-ic-calendar-today {
-  &:before {
-    content: $ax-ic-calendar-today; 
-  }
-}
-

package/src/icons/variables.scss

@@ -1,37 +0,0 @@
-$icomoon-font-family: "acorex-icon" !default;
-$icomoon-font-path: "fonts" !default;
-
-$ax-ic-star-filled: "\e91e";
-$ax-ic-star-half-filled: "\e91f";
-$ax-ic-star-outline: "\e920";
-$ax-ic-remove: "\e91b";
-$ax-ic-plus: "\e91c";
-$ax-ic-magnify: "\e91d";
-$ax-ic-arrow-circle: "\e911";
-$ax-ic-arrow-circle-fill: "\e912";
-$ax-ic-arrow-half: "\e913";
-$ax-ic-arrow-fill: "\e914";
-$ax-ic-arrow: "\e915";
-$ax-ic-unfold: "\e916";
-$ax-ic-half-arrow: "\e917";
-$ax-ic-fullscreen: "\e918";
-$ax-ic-close-fullscreen: "\e919";
-$ax-ic-fold: "\e91a";
-$ax-ic-eye: "\e901";
-$ax-ic-eye-off: "\e902";
-$ax-ic-calendar: "\e903";
-$ax-ic-time: "\e900";
-$ax-ic-check: "\e904";
-$ax-ic-check-filled: "\e905";
-$ax-ic-chevron: "\e906";
-$ax-ic-close: "\e907";
-$ax-ic-error-filled: "\e908";
-$ax-ic-chevron-page: "\e909";
-$ax-ic-info-filled: "\e90a";
-$ax-ic-chevron-double: "\e90b";
-$ax-ic-menu: "\e90c";
-$ax-ic-more: "\e90d";
-$ax-ic-warning-filled: "\e90e";
-$ax-ic-chevron-page-filled: "\e90f";
-$ax-ic-calendar-today: "\e910";
-

package/src/utility/_mixins.scss

@@ -1,83 +0,0 @@
-@mixin screen($breakpoint) {
-    // $breakpoint is simply a variable that can have several values
-
-    @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 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/[0.06] dark:ax-bg-white/[0.06] dark:ax-backdrop-blur-3xl;
-    }
-    @if ($type == "editor-disabled") {
-        @apply ax-bg-light-100 ax-text-light-fore dark:ax-border-white/[0.06] dark:ax-bg-white/[0.-04] dark:ax-text-opacity-60 ax-cursor-not-allowed;
-    }
-    @if ($type == "surface") {
-        @apply dark:ax-bg-default-background dark:ax-border-white/[0.16] dark:ax-shadow-md;
-    }
-}
-
-@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;
-        }
-    }
-    @if ($look == "outline") {
-        @apply ax-bg-transparent ax-text-#{$color}-500 ax-border ax-rounded-md ax-border-#{$color}-500;
-    }
-    @if ($look == "twotone") {
-        @apply ax-bg-#{$color}-50 ax-text-#{$color}-500;
-    }
-    @if ($look == "blank") {
-        @apply ax-bg-transparent ax-text-#{$color}-500;
-    }
-}
-
-@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);
-            }
-        }
-    }
-}

package/src/utility/index.scss

@@ -1,16 +0,0 @@
-@layer utilities {
-    .ax-sm {
-        --ax-base-size: 6px;
-        font-size: 0.75rem;
-        * {
-            font-size: 0.75rem;
-        }
-    }
-    .ax-lg {
-        --ax-base-size: 10px;
-        font-size: 1.125rem;
-        * {
-            font-size: 1.125rem;
-        }
-    }
-}

package/src/variables/_colors.scss

@@ -1,121 +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": (
-        "": "239 68 68",
-        "fore": "255 255 255",
-        "50": "254 242 242",
-        "100": "254 226 226",
-        "200": "254 202 202",
-        "300": "252 165 165",
-        "400": "248 113 113",
-        "500": "239 68 68",
-        "600": "220 38 38",
-        "700": "185 28 28",
-        "800": "153 27 27",
-        "900": "127 29 29",
-    ),
-    "warning": (
-        "": "251 191 36",
-        "fore": "120 53 15",
-        "50": "255 251 235",
-        "100": "254 243 199",
-        "200": "253 230 138",
-        "300": "252 211 77",
-        "400": "251 191 36",
-        "500": "245 158 11",
-        "600": "217 119 6",
-        "700": "180 83 9",
-        "800": "146 64 14",
-        "900": "120 53 15",
-    ),
-    "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",
-    ),
-    "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",
-    ),
-    "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",
-    )
-);