@acorex/styles 4.0.24 → 5.0.4

package/scss/components/tooltip.scss

@@ -1,42 +0,0 @@
-.ax-tooltip-container {
-    @extend .ax-relative;
-    .ax-tooltip {
-        @extend .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/variables/bases/_accessiblity.scss

@@ -1,22 +0,0 @@
-@mixin components-sizing($padding, $fontSize, $lineHeight, $depth) {
-    padding: $padding;
-    font-size: $fontSize;
-    line-height: $lineHeight;
-    border-radius: $depth;
-}
-
-@mixin media-sm {
-    @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
-        @content;
-    }
-}
-@mixin media-md {
-    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
-        @content;
-    }
-}
-@mixin media-lg {
-    @media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {
-        @content;
-    }
-}

package/variables/bases/_background.scss

@@ -1,57 +0,0 @@
-$background-attachments: (
-    fixed: fixed,
-    local: local,
-    scroll: scroll,
-);
-
-$background-clips: (
-    border: border-box,
-    padding: padding-box,
-    content: content-box,
-    text: text,
-);
-
-$background-opacities: (
-    0: 0,
-    5: 0.05,
-    10: 0.1,
-    20: 0.2,
-    25: 0.25,
-    30: 0.3,
-    40: 0.4,
-    50: 0.5,
-    60: 0.6,
-    70: 0.7,
-    75: 0.75,
-    80: 0.8,
-    90: 0.9,
-    95: 0.95,
-    100: 1,
-);
-
-$background-positions: (
-    bottom: bottom,
-    center: center,
-    left: left,
-    left-bottom: left bottom,
-    left-top: left top,
-    right: right,
-    right-bottom: right bottom,
-    right-top: right top,
-    top: top,
-);
-
-$background-repeats: (
-    repeat: repeat,
-    no-repeat: no-repeat,
-    repeat-x: repeat-x,
-    repeat-y: repeat-y,
-    repeat-round: round,
-    repeat-space: space,
-);
-
-$background-sizes: (
-    auto: auto,
-    cover: cover,
-    contain: contain,
-);

package/variables/bases/_border.scss

@@ -1,106 +0,0 @@
-$border-rounded: (
-    none: 0px,
-    sm: 0.125rem,
-    rounded: 0.375rem,
-    md: 0.375rem,
-    lg: 0.5rem,
-    xl: 0.75rem,
-    2xl: 1rem,
-    3xl: 1.5rem,
-    full: 9999px,
-);
-$border-widths: (
-    0: 0px,
-    2: 2px,
-    4: 4px,
-    8: 8px,
-    border: 1px,
-);
-$border-opcities: (
-    0: 0,
-    5: 0.05,
-    10: 0.1,
-    20: 0.2,
-    25: 0.25,
-    30: 0.3,
-    40: 0.4,
-    50: 0.5,
-    60: 0.6,
-    70: 0.7,
-    75: 0.75,
-    80: 0.8,
-    90: 0.9,
-    95: 0.95,
-    100: 1,
-);
-$border-styles: (
-    solid: solid,
-    dashed: dashed,
-    dotted: dotted,
-    double: double,
-    none: none,
-);
-
-$divide-width: (
-    0: 0px,
-    2: 2px,
-    4: 4px,
-    8: 8px,
-);
-$divide-opcities: (
-    0: 0,
-    5: 0.05,
-    10: 0.1,
-    20: 0.2,
-    25: 0.25,
-    30: 0.3,
-    40: 0.4,
-    50: 0.5,
-    60: 0.6,
-    70: 0.7,
-    75: 0.75,
-    80: 0.8,
-    90: 0.9,
-    95: 0.95,
-    100: 1,
-);
-$divide-styles: (
-    solid: solid,
-    dashed: dashed,
-    dotted: dotted,
-    double: double,
-    none: none,
-);
-
-$ring-width: (
-    ring-0: 0px,
-    ring-1: 1px,
-    ring-2: 2px,
-    ring: 3px,
-    ring-4: 4px,
-    ring-8: 8px,
-);
-$ring-opcities: (
-    0: 0,
-    5: 0.05,
-    10: 0.1,
-    20: 0.2,
-    25: 0.25,
-    30: 0.3,
-    40: 0.4,
-    50: 0.5,
-    60: 0.6,
-    70: 0.7,
-    75: 0.75,
-    80: 0.8,
-    90: 0.9,
-    95: 0.95,
-    100: 1,
-);
-$ring-offsets: (
-    0: 0px,
-    1: 1px,
-    2: 2px,
-    4: 4px,
-    8: 8px,
-);

package/variables/bases/_common.scss

@@ -1,6 +0,0 @@
-@mixin focus($width, $color, $style, $offset) {
-    outline-width: 1px;
-    outline-color: rgb(var(--ax-color-#{$name}-200));
-    outline-style: dashed;
-    outline-offset: -4px;
-}

package/variables/bases/_effects.scss

@@ -1,36 +0,0 @@
-$opcities: (
-    0: 0,
-    5: 0.05,
-    10: 0.1,
-    20: 0.2,
-    25: 0.25,
-    30: 0.3,
-    40: 0.4,
-    50: 0.5,
-    60: 0.6,
-    70: 0.7,
-    75: 0.75,
-    80: 0.8,
-    90: 0.9,
-    95: 0.95,
-    100: 1,
-);
-
-$mix-blend: (
-    normal,
-    multiply,
-    screen,
-    overlay,
-    darken,
-    lighten,
-    color-dodge,
-    color-burn,
-    hard-light,
-    soft-light,
-    difference,
-    exclusion,
-    hue,
-    saturation,
-    color,
-    luminosity
-);

package/variables/bases/_filter.scss

@@ -1,62 +0,0 @@
-$blur: (
-    none: 0,
-    sm: 4px,
-    blur: 8px,
-    md: 12px,
-    lg: 16px,
-    xl: 24px,
-    2xl: 40px,
-    3xl: 64px,
-);
-
-$brightness: (
-    0: 0,
-    50: 0.5,
-    75: 0.75,
-    90: 0.9,
-    95: 0.95,
-    100: 1,
-    105: 1.05,
-    110: 1.1,
-    125: 1.25,
-    150: 1.5,
-    200: 2,
-);
-
-$contrast: (
-    0: 0,
-    50: 0.5,
-    75: 0.75,
-    100: 1,
-    125: 1.25,
-    150: 1.5,
-    200: 2,
-);
-
-$hue-rotate: (180, 90, 60, 30, 15, 0);
-
-$saturate: (
-    0: 0,
-    50: 0.5,
-    100: 1,
-    150: 1.5,
-    200: 2,
-);
-
-$opcities: (
-    0: 0,
-    5: 0.05,
-    10: 0.1,
-    20: 0.2,
-    25: 0.25,
-    30: 0.3,
-    40: 0.4,
-    50: 0.5,
-    60: 0.6,
-    70: 0.7,
-    75: 0.75,
-    80: 0.8,
-    90: 0.9,
-    95: 0.95,
-    100: 1,
-);

package/variables/bases/_flexbox-and-grid.scss

@@ -1,138 +0,0 @@
-$flex-directions: (
-    row: row,
-    row-reverse: row-reverse,
-    col: column,
-    col-reverse: column-reverse,
-);
-$flex-wraps: (wrap, wrap-reverse, nowrap);
-$flexs: (
-    1: 1 1 0%,
-    auto: 1 1 auto,
-    initial: 0 1 auto,
-    none: none,
-);
-$flex-grows: (
-    grow-0: 0,
-    grow: 1,
-);
-$flex-shrinks: (
-    shrink-0: 0,
-    shrink: 1,
-);
-$orders: (
-    1: 1,
-    2: 2,
-    3: 3,
-    4: 4,
-    5: 5,
-    6: 6,
-    7: 7,
-    8: 8,
-    9: 9,
-    10: 10,
-    11: 11,
-    12: 12,
-    first: -9999,
-    last: 9999,
-    none: 0,
-);
-
-$cols: (1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, none);
-$cols-start-end: (auto, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, full);
-$rows: (1, 2, 3, 4, 5, 6, none);
-$rows-start-end: (auto, 1, 2, 3, 4, 5, 6, 7, full);
-$flow: (
-    row: row,
-    col: column,
-    row-dense: row dense,
-    col-dense: column dense,
-);
-$auto-columns-rows: (
-    auto: auto,
-    min: min-content,
-    max: max-content,
-    fr: minmax(0, 1fr),
-);
-$gap: (
-    0: 0px,
-    px: 1px,
-    0\.5: 0.125rem,
-    1: 0.25rem,
-    1\.5: 0.375rem,
-    2: 0.5rem,
-    2\.5: 0.625rem,
-    3: 0.75rem,
-    3\.5: 0.875rem,
-    4: 1rem,
-    5: 1.25rem,
-    6: 1.5rem,
-    7: 1.75rem,
-    8: 2rem,
-    9: 2.25rem,
-    10: 2.5rem,
-    11: 2.75rem,
-    12: 3rem,
-    14: 3.5rem,
-    16: 4rem,
-    20: 5rem,
-    24: 6rem,
-    28: 7rem,
-    32: 8rem,
-    36: 9rem,
-    40: 10rem,
-    44: 11rem,
-    48: 12rem,
-    52: 13rem,
-    56: 14rem,
-    60: 15rem,
-    64: 16rem,
-    72: 18rem,
-    80: 20rem,
-    96: 24rem,
-);
-
-$justify-contents: (
-    start: flex-start,
-    end: flex-end,
-    center: center,
-    between: space-between,
-    around: space-around,
-    evenly: space-evenly,
-);
-$justify-items: (auto, start, end, center, stretch);
-$justify-selfs: (auto, start, end, center, stretch);
-
-$align-contents: (
-    center: center,
-    start: flex-start,
-    end: flex-end,
-    between: space-between,
-    around: space-around,
-    evenly: space-evenly,
-);
-$align-items: (
-    start: flex-start,
-    end: flex-end,
-    center: center,
-    baseline: baseline,
-    stretch: stretch,
-);
-$align-selfs: (
-    auto: auto,
-    start: flex-start,
-    end: flex-end,
-    center: center,
-    stretch: center,
-);
-
-$place-contents: (
-    center: center,
-    start: start,
-    end: end,
-    between: space-between,
-    around: space-around,
-    evenly: space-evenly,
-    stretch: stretch,
-);
-$place-items: (auto, start, end, center, stretch);
-$place-selfs: (auto, start, end, center, stretch);

package/variables/bases/_interactivity.scss

@@ -1,31 +0,0 @@
-$cursors: (
-    auto: auto,
-    default: default,
-    pointer: pointer,
-    wait: wait,
-    text: text,
-    move: move,
-    not-allowed: not-allowed,
-);
-
-$outlines: (
-    "none": transparent,
-    "white": white,
-    "black": black,
-);
-
-$pointer-events: (none, auto);
-
-$resizes: (
-    resize-none: none,
-    resize-y: vertical,
-    resize-x: horizontal,
-    resize: both,
-);
-
-$selects: (
-    none: none,
-    text: text,
-    all: all,
-    auto: auto,
-);

package/variables/bases/_layout.scss

@@ -1,102 +0,0 @@
-$container-media-queries: (640px, 768px, 1024px, 1280px, 1536px);
-$box-sizings: (
-    border: border-box,
-    content: content-box,
-);
-$displays: (
-    block,
-    inline-block,
-    inline,
-    flex,
-    inline-flex,
-    table,
-    table-caption,
-    table-cell,
-    table-column,
-    table-column-group,
-    table-footer-group,
-    table-header-group,
-    table-row-group,
-    table-row,
-    flow-root,
-    grid,
-    inline-grid,
-    contents,
-    none
-);
-$floats: (right, left, none);
-$clears: (left, right, both, none);
-$object-fits: (contain, cover, fill, none, scale-down);
-$object-positions: (
-    bottom: bottom,
-    center: center,
-    left: left,
-    left-bottom: left bottom,
-    left-top: left top,
-    right: right,
-    right-bottom: right bottom,
-    right-top: right top,
-    top: top,
-);
-$overflows: (
-    auto: auto,
-    hidden: hidden,
-    visible: visible,
-    scroll: scroll,
-);
-$overscroll-behaviors: (
-    auto: auto,
-    contain: contain,
-    none: none,
-);
-$positions: (static, fixed, absolute, relative, sticky);
-$position-sizes: (
-    0: 0px,
-    px: 1px,
-    0\.5: 0.125rem,
-    1: 0.25rem,
-    1\.5: 0.375rem,
-    2: 0.5rem,
-    2\.5: 0.625rem,
-    3: 0.75rem,
-    3\.5: 0.875rem,
-    4: 1rem,
-    5: 1.25rem,
-    6: 1.5rem,
-    7: 1.75rem,
-    8: 2rem,
-    9: 2.25rem,
-    10: 2.5rem,
-    11: 2.75rem,
-    12: 3rem,
-    14: 3.5rem,
-    16: 4rem,
-    20: 5rem,
-    24: 6rem,
-    28: 7rem,
-    32: 8rem,
-    36: 9rem,
-    40: 10rem,
-    44: 11rem,
-    48: 12rem,
-    52: 13rem,
-    56: 14rem,
-    60: 15rem,
-    64: 16rem,
-    72: 18rem,
-    80: 20rem,
-    96: 24rem,
-    auto: auto,
-    1\\2: 50%,
-    1\\3: 33.333333%,
-    2\\3: 66.666667%,
-    1\\4: 25%,
-    2\\4: 50%,
-    3\\4: 75%,
-    full: 100%,
-);
-$visibilities: (
-    visible: visible,
-    invisible: hidden,
-);
-$z-indexs: (0, 10, 20, 30, 40, 50, auto);

package/variables/bases/_root.scss

@@ -1,70 +0,0 @@
-@import "./color";
-@import "./sizing";
-@import "./spacing";
-@import "./typography";
-@import "./border";
-
-@mixin colors() {
-    @each $name, $color in $theme-colors {
-        @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 sizes() {
-    @each $key, $value in $w-sizes {
-        --ax-w-#{$key}: #{$value};
-    }
-    @each $key, $value in $min-w-sizes {
-        --ax-min-w-#{$key}: #{$value};
-    }
-    @each $key, $value in $max-w-sizes {
-        --ax-max-w-#{$key}: #{$value};
-    }
-
-    @each $key, $value in $h-sizes {
-        --ax-h-#{$key}: #{$value};
-    }
-    @each $key, $value in $min-h-sizes {
-        --ax-min-h-#{$key}: #{$value};
-    }
-
-    @each $key, $value in $max-h-sizes {
-        --ax-max-h-#{$key}: #{$value};
-    }
-}
-
-@mixin spacing {
-    @each $key, $value in $spacing-sizes {
-        --ax-space-#{$key}: #{$value};
-    }
-    @each $key, $value in $spacing-sizes {
-        --ax--space-#{$key}: -#{$value};
-    }
-}
-
-@mixin font-size-line-height() {
-    @each $key, $value in $font-sizes {
-        --ax-font-size-#{$key}: #{nth($value, 1)};
-        --ax-line-height-#{$key}: #{nth($value, 2)};
-    }
-}
-
-@mixin border-rounded() {
-    @each $key, $value in $border-rounded {
-        @if ($key != "rounded") {
-            --ax-border-rounded-#{$key}: #{$value};
-        } @else {
-            --ax-border-rounded: #{$value};
-        }
-    }
-}