@acorex/styles 4.0.22 → 4.1.0

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/_color.scss

@@ -1,135 +0,0 @@
-$theme-colors: (
-    "white": "255, 255, 255",
-    "black": "0, 0, 0",
-    "placeholder": "156, 163, 175",
-    "border": "218, 220, 224",
-    "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": "7, 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": "249, 168, 212",
-        "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, 89",
-    ),
-    "danger": (
-        "": "239, 68, 68",
-        "fore": "255, 255, 255",
-        "50": "255, 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": "224, 231, 255",
-        "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": (
-        "": "224, 224, 224",
-        "fore": "33, 33, 33",
-        "50": "250, 250, 250",
-        "100": "245, 245, 245",
-        "200": "238, 238, 238",
-        "300": "224, 224, 224",
-        "400": "189, 189, 189",
-        "500": "158, 158, 158",
-        "600": "117, 117, 117",
-        "700": "97, 97, 97",
-        "800": "66, 66, 66",
-        "900": "33, 33, 33",
-    ),
-    "gray": (
-        "": "107, 114, 128",
-        "fore": "66, 66, 66",
-        "50": "249, 250, 251",
-        "100": "243, 244, 246",
-        "200": "229, 231, 235",
-        "300": "209, 213, 219",
-        "400": "156, 163, 175",
-        "500": "107, 114, 128",
-        "600": "75, 85, 99",
-        "700": "55, 65, 81",
-        "800": "31, 41, 55",
-        "900": "17, 24, 39",
-    ),
-);

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,
-);