@acorex/styles 7.11.5 → 7.12.0

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 (25) hide show
  1. package/index.css +156 -933
  2. package/index.min.css +1 -1
  3. package/index.scss +0 -1
  4. package/package.json +2 -2
  5. package/src/base/index.scss +0 -2
  6. package/src/mixins/_look.scss +15 -61
  7. package/src/mixins/_util.scss +0 -15
  8. package/src/shared/_actionsheet.scss +1 -38
  9. package/src/shared/_check-box.scss +7 -21
  10. package/src/shared/_decoration.scss +14 -31
  11. package/src/shared/_drop-down.scss +10 -37
  12. package/src/shared/_editor-container.scss +29 -76
  13. package/src/shared/_general-button.scss +43 -41
  14. package/src/shared/_inputs.scss +8 -10
  15. package/src/shared/_list.scss +29 -80
  16. package/src/shared/_radio.scss +8 -37
  17. package/src/shared/_table.scss +20 -47
  18. package/src/shared/_utils.scss +9 -49
  19. package/src/themes/default.css +1 -1
  20. package/src/themes/default.scss +107 -86
  21. package/src/utility/index.scss +0 -36
  22. package/tailwind-base.js +76 -154
  23. package/src/animations/index.scss +0 -88
  24. package/src/base/_normalize.scss +0 -438
  25. package/src/base/_theme.scss +0 -0
package/src/shared/_table.scss CHANGED
@@ -2,40 +2,26 @@
2
2
  @include darkMode() {
3
3
  .ax-table {
4
4
  thead {
5
- background-color: rgba(var(--ax-color-on-surface));
5
+ @apply ax-bg-on-surface;
6
6
  }
7
7
  }
8
8
  }
9
9
  .ax-table {
10
- width: 100%;
11
- border-radius: var(--ax-rounded-border-default);
12
- border-spacing: 0px;
13
- border-collapse: collapse;
14
- border: 1px solid;
15
- border-color: rgba(var(--ax-color-border-default));
16
- overflow: hidden;
17
- font-size: 0.875rem;
10
+ @apply ax-w-full ax-border-collapse ax-border-spacing-0 ax-overflow-hidden ax-rounded-default ax-border ax-border-default ax-text-sm;
18
11
  td {
19
- border-bottom: 1px solid;
20
- border-color: rgba(var(--ax-color-border-default));
21
- padding: 0.875rem 1rem;
12
+ @apply ax-border-b ax-border-default ax-px-4 ax-py-3;
22
13
  }
23
14
  thead {
24
- background-color: rgba(var(--ax-color-on-surface));
25
- border-bottom: 1px solid;
26
- border-color: rgba(var(--ax-color-border-default));
15
+ @apply ax-border-b ax-border-default ax-bg-on-surface;
27
16
  th {
28
- text-transform: uppercase;
29
- font-weight: 500;
30
- text-align: start;
31
- padding: 0.875rem 1rem;
17
+ @apply ax-px-4 ax-py-3.5 ax-text-start ax-font-medium ax-uppercase;
32
18
  }
33
19
  }
34
20
  &.ax-table-alternate {
35
21
  tbody {
36
22
  tr {
37
23
  &:nth-child(even) {
38
- background-color: rgba(var(--ax-color-on-surface));
24
+ @apply ax-bg-on-surface;
39
25
  }
40
26
  }
41
27
  }
@@ -43,19 +29,19 @@
43
29
  &.ax-table-bordered {
44
30
  thead {
45
31
  th {
46
- border-top: 0 !important;
32
+ @apply ax-border-t-0 #{!important};
47
33
  }
48
34
  }
49
35
  tbody {
50
36
  tr {
51
37
  &:last-child {
52
38
  td {
53
- border-bottom: 0 !important;
39
+ @apply ax-border-b-0 #{!important};
54
40
  }
55
41
  }
56
42
  td {
57
43
  &:last-child {
58
- border-bottom: 0 !important;
44
+ @apply ax-border-b-0 #{!important};
59
45
  }
60
46
  }
61
47
  }
@@ -63,54 +49,41 @@
63
49
 
64
50
  td,
65
51
  th {
66
- border: 1px solid;
67
- border-color: rgba(var(--ax-color-border-default));
52
+ @apply ax-border ax-border-default;
68
53
  &:first-child {
69
- border-inline-start-width: 0px;
54
+ @apply ax-border-s-0;
70
55
  }
71
56
  &:last-child {
72
- border-inline-end-width: 0px;
57
+ @apply ax-border-e-0;
73
58
  }
74
59
  }
75
60
  }
76
61
  @media screen and (max-width: 601px) {
77
62
  &.ax-table-responsive {
78
- overflow-wrap: break-word;
79
- display: block;
80
- border: 0px;
63
+ @apply ax-block ax-break-words ax-border-0;
81
64
  thead {
82
- position: absolute;
83
- inset-inline-start: -100%;
84
- top: -100%;
65
+ @apply ax-absolute -ax-start-full -ax-top-full;
85
66
  }
86
67
 
87
68
  td {
88
- display: block;
89
69
  float: inline-start;
90
- width: 100%;
91
- clear: both;
92
- background: rgba(var(--ax-color-surface));
93
- padding: 0.375rem 0.625rem;
94
- box-sizing: border-box;
70
+
71
+ @apply ax-clear-both ax-box-border ax-block ax-w-full ax-px-2.5 ax-py-1.5;
95
72
  &:last-child {
96
- border: 0;
73
+ @apply ax-border-0;
97
74
  }
98
75
  &:before {
99
76
  content: attr(data-label);
100
- display: block;
101
- font-weight: bold;
77
+ @apply ax-block ax-font-bold;
102
78
  }
103
79
  }
104
80
  tr {
105
- border: 1px solid;
106
- border-color: rgba(var(--ax-color-border-default));
81
+ @apply ax-border ax-border-default;
107
82
  }
108
83
  tr,
109
84
  tbody {
110
- display: block;
111
- width: 100%;
85
+ @apply ax-mb-2.5 ax-block ax-w-full;
112
86
  float: inline-start;
113
- margin-bottom: 0.625rem;
114
87
  }
115
88
  }
116
89
  }
package/src/shared/_utils.scss CHANGED
@@ -5,73 +5,33 @@
5
5
  vertical-align: middle;
6
6
  }
7
7
 
8
- .ax-w-full {
9
- width: 100%;
10
- }
11
-
12
- .ax-h-full {
13
- height: 100%;
14
- }
15
-
16
8
  .ax-fieldset {
17
- border: 1px solid;
18
- border-color: rgba(var(--ax-color-border-default));
19
- padding: 0.75rem;
20
- border-radius: var(--ax-rounded-border-default);
9
+ @apply ax-rounded-default ax-border ax-border-default ax-p-3;
21
10
  legend {
22
- font-size: 0.875rem;
23
- padding: 0 0.25rem;
11
+ @apply ax-px-1 ax-text-sm;
24
12
  }
25
13
  }
26
14
 
27
15
  .ax-card {
28
- background-color: rgba(var(--ax-color-surface));
29
- border: 1px solid;
30
- border-color: rgba(var(--ax-color-border-default));
31
- border-radius: var(--ax-rounded-border-default);
16
+ @apply ax-rounded-default ax-border ax-border-default ax-bg-surface;
32
17
  }
33
18
 
34
- .ax-hidden {
35
- display: none;
36
- }
37
19
  .ax-drop-zone {
38
20
  > input {
39
- position: absolute;
40
- width: 100%;
41
- height: 100%;
42
- opacity: 0;
43
- cursor: pointer;
21
+ @apply ax-absolute ax-h-full ax-w-full ax-cursor-pointer ax-opacity-0;
44
22
  }
45
23
  }
46
24
  .ax-uploader-overlay-state {
47
- width: 100%;
48
- height: 100%;
49
- position: absolute;
50
- top: 0;
51
- inset-inline-start: 0;
52
- background-color: rgba(var(--ax-color-primary-500), 0.15);
53
- pointer-events: none;
54
- outline: 2px dashed rgba(var(--ax-color-primary-500));
55
- outline-offset: -4px;
56
25
  border-radius: inherit;
57
- display: flex;
58
- align-items: center;
59
- justify-content: center;
60
- flex-direction: column;
61
- font-size: 0.875rem;
62
- gap: 0.5rem;
63
- cursor: pointer;
64
- color: rgba(var(--ax-color-primary-700));
65
- transition: all 0.3s;
66
- z-index: 10;
26
+
27
+ @apply ax-pointer-events-none ax-absolute ax-start-0 ax-top-0 ax-z-10 ax-flex ax-h-full ax-w-full ax-cursor-pointer ax-flex-col ax-items-center ax-justify-center ax-gap-2 ax-bg-primary-200/75 ax-text-sm ax-text-primary-fore-tint ax-outline-dashed ax-outline-2 -ax-outline-offset-4 ax-transition-all;
28
+
67
29
  .ax-icon {
68
- font-size: 1.5rem;
30
+ @apply ax-text-2xl;
69
31
  }
70
32
  }
71
33
  @include darkMode() {
72
34
  .ax-uploader-overlay-state {
73
- background-color: rgba(var(--ax-color-primary-200), 0.15);
74
- color: rgba(var(--ax-color-primary-200));
75
- outline: 2px dashed rgba(var(--ax-color-primary-200));
35
+ @apply ax-bg-primary-800/75 ax-text-primary-fore ax-outline-primary-fore;
76
36
  }
77
37
  }
package/src/themes/default.css CHANGED
@@ -1 +1 @@
1
- :root{--ax-size-base: 2.5rem;--ax-size-default: var(--ax-size-base);--ax-rounded-border-default: 0.5rem;--ax-color-border-default: 230, 230, 230;--ax-color-background-default: 249, 250, 251;--ax-color-text-default: 22, 22, 22;--ax-color-surface: 255, 255, 255;--ax-color-surface-fore: 22, 22, 22;--ax-color-on-surface: 243, 244, 246;--ax-color-on-surface-fore: 22, 22, 22;--ax-color-input-surface: 255, 255, 255;--ax-color-input-surface-fore: 22, 22, 22;--ax-color-ghost: 255, 255, 255;--ax-color-ghost-fore: 22, 22, 22;--ax-color-primary-fore: 255, 255, 255;--ax-color-primary-fore-lighten: 32 40 136;--ax-color-primary-50: 239, 243, 255;--ax-color-primary-100: 220, 228, 253;--ax-color-primary-200: 192, 208, 253;--ax-color-primary-300: 149, 179, 251;--ax-color-primary-400: 99, 139, 247;--ax-color-primary-500: 62, 99, 243;--ax-color-primary-600: 55, 79, 233;--ax-color-primary-700: 32, 48, 213;--ax-color-primary-800: 33, 40, 172;--ax-color-primary-900: 32, 40, 136;--ax-color-primary-950: 24, 27, 83;--ax-color-secondary-fore: 255, 255, 255;--ax-color-secondary-fore-lighten: 3, 3, 3;--ax-color-secondary-50: 186, 186, 186;--ax-color-secondary-100: 173, 173, 173;--ax-color-secondary-200: 150, 150, 150;--ax-color-secondary-300: 117, 117, 117;--ax-color-secondary-400: 77, 77, 77;--ax-color-secondary-500: 51, 51, 51;--ax-color-secondary-600: 33, 33, 33;--ax-color-secondary-700: 20, 20, 20;--ax-color-secondary-800: 10, 10, 10;--ax-color-secondary-900: 3, 3, 3;--ax-color-secondary-950: 0, 0, 0;--ax-color-success-fore: 255, 255, 255;--ax-color-success-fore-lighten: 6, 78, 59;--ax-color-success-50: 236, 253, 245;--ax-color-success-100: 209, 250, 229;--ax-color-success-200: 167, 243, 208;--ax-color-success-300: 110, 231, 183;--ax-color-success-400: 52, 211, 153;--ax-color-success-500: 16, 185, 129;--ax-color-success-600: 5, 150, 105;--ax-color-success-700: 4, 120, 87;--ax-color-success-800: 6, 95, 70;--ax-color-success-900: 6, 78, 59;--ax-color-success-950: 2, 44, 34;--ax-color-danger-fore: 255, 255, 255;--ax-color-danger-fore-lighten: 127, 29, 29;--ax-color-danger-50: 254, 242, 242;--ax-color-danger-100: 254, 226, 226;--ax-color-danger-200: 254, 202, 202;--ax-color-danger-300: 252, 165, 165;--ax-color-danger-400: 248, 113, 113;--ax-color-danger-500: 239, 68, 68;--ax-color-danger-600: 220, 38, 38;--ax-color-danger-700: 185, 28, 28;--ax-color-danger-800: 153, 27, 27;--ax-color-danger-900: 127, 29, 29;--ax-color-danger-950: 69, 10, 10;--ax-color-warning-fore: 48, 26, 10;--ax-color-warning-fore-lighten: 255, 111, 0;--ax-color-warning-50: 255, 248, 225;--ax-color-warning-100: 255, 236, 179;--ax-color-warning-200: 255, 224, 130;--ax-color-warning-300: 255, 213, 79;--ax-color-warning-400: 255, 202, 40;--ax-color-warning-500: 255, 193, 7;--ax-color-warning-600: 255, 179, 0;--ax-color-warning-700: 255, 160, 0;--ax-color-warning-800: 255, 143, 0;--ax-color-warning-900: 255, 111, 0;--ax-color-warning-950: 72, 40, 15;--ax-color-info-fore: 255, 255, 255;--ax-color-info-fore-lighten: 49, 46, 129;--ax-color-info-50: 238, 242, 255;--ax-color-info-100: 224, 231, 255;--ax-color-info-200: 199, 210, 254;--ax-color-info-300: 165, 180, 252;--ax-color-info-400: 129, 140, 248;--ax-color-info-500: 99, 102, 241;--ax-color-info-600: 79, 70, 229;--ax-color-info-700: 67, 56, 202;--ax-color-info-800: 55, 48, 163;--ax-color-info-900: 49, 46, 129;--ax-color-info-950: 30, 27, 75;--ax-color-neutral-fore: 255, 255, 255;--ax-color-neutral-fore-lighten: 17, 24, 39;--ax-color-neutral-50: 249, 250, 251;--ax-color-neutral-100: 243, 244, 246;--ax-color-neutral-200: 229, 231, 235;--ax-color-neutral-300: 209, 213, 219;--ax-color-neutral-400: 156, 163, 175;--ax-color-neutral-500: 107, 114, 128;--ax-color-neutral-600: 75, 85, 99;--ax-color-neutral-700: 55, 65, 81;--ax-color-neutral-800: 31, 41, 55;--ax-color-neutral-900: 17, 24, 39;--ax-color-neutral-950: 3, 7, 18}.ax-dark{--ax-color-border-default: 75, 85, 99;--ax-color-background-default: 24, 32, 43;--ax-color-text-default: 255, 255, 255;--ax-color-surface: 31, 41, 55;--ax-color-surface-fore: 255, 255, 255;--ax-color-on-surface: 55, 65, 81;--ax-color-on-surface-fore: 255, 255, 255;--ax-color-input-surface: 38, 45, 57;--ax-color-input-surface-fore: 224, 224, 224;--ax-color-ghost: 77, 91, 113;--ax-color-ghost-fore: 255, 255, 255}
1
+ :root{--ax-size-base: 2.5rem;--ax-size-default: var(--ax-size-base);--ax-rounded-border-default: 0.5rem;--ax-color-border-default: 230, 230, 230;--ax-color-background-default: 249, 250, 251;--ax-color-text-default: 22, 22, 22;--ax-color-surface: 255, 255, 255;--ax-color-surface-fore: 22, 22, 22;--ax-color-on-surface: 243, 244, 246;--ax-color-on-surface-fore: 22, 22, 22;--ax-color-input-surface: 255, 255, 255;--ax-color-input-surface-fore: 22, 22, 22;--ax-color-ghost: 255, 255, 255;--ax-color-ghost-fore: 22, 22, 22;--ax-color-primary: 59, 130, 246;--ax-color-primary-fore: 255, 255, 255;--ax-color-secondary: 0, 0, 0;--ax-color-secondary-fore: 255, 255, 255;--ax-color-success: 16, 185, 129;--ax-color-success-fore: 255, 255, 255;--ax-color-warning: 255, 193, 7;--ax-color-warning-fore: 0, 0, 0;--ax-color-danger: 239, 68, 68;--ax-color-danger-fore: 255, 255, 255;--ax-color-info: 99, 102, 241;--ax-color-info-fore: 255, 255, 255;--ax-color-neutral: 107, 114, 128;--ax-color-neutral-fore: 255, 255, 255}.ax-dark{--ax-color-border-default: 75, 85, 99;--ax-color-background-default: 24, 32, 43;--ax-color-text-default: 255, 255, 255;--ax-color-surface: 31, 41, 55;--ax-color-surface-fore: 255, 255, 255;--ax-color-on-surface: 55, 65, 81;--ax-color-on-surface-fore: 255, 255, 255;--ax-color-input-surface: 38, 45, 57;--ax-color-input-surface-fore: 224, 224, 224;--ax-color-ghost: 77, 91, 113;--ax-color-ghost-fore: 255, 255, 255}
package/src/themes/default.scss CHANGED
@@ -20,103 +20,124 @@
20
20
  --ax-color-ghost: 255, 255, 255;
21
21
  --ax-color-ghost-fore: 22, 22, 22;
22
22
 
23
+ --ax-color-primary: 59, 130, 246;
23
24
  --ax-color-primary-fore: 255, 255, 255;
24
- --ax-color-primary-fore-lighten: 32 40 136;
25
- --ax-color-primary-50: 239, 243, 255;
26
- --ax-color-primary-100: 220, 228, 253;
27
- --ax-color-primary-200: 192, 208, 253;
28
- --ax-color-primary-300: 149, 179, 251;
29
- --ax-color-primary-400: 99, 139, 247;
30
- --ax-color-primary-500: 62, 99, 243;
31
- --ax-color-primary-600: 55, 79, 233;
32
- --ax-color-primary-700: 32, 48, 213;
33
- --ax-color-primary-800: 33, 40, 172;
34
- --ax-color-primary-900: 32, 40, 136;
35
- --ax-color-primary-950: 24, 27, 83;
36
25
 
26
+ --ax-color-secondary: 0, 0, 0;
37
27
  --ax-color-secondary-fore: 255, 255, 255;
38
- --ax-color-secondary-fore-lighten: 3, 3, 3;
39
- --ax-color-secondary-50: 186, 186, 186;
40
- --ax-color-secondary-100: 173, 173, 173;
41
- --ax-color-secondary-200: 150, 150, 150;
42
- --ax-color-secondary-300: 117, 117, 117;
43
- --ax-color-secondary-400: 77, 77, 77;
44
- --ax-color-secondary-500: 51, 51, 51;
45
- --ax-color-secondary-600: 33, 33, 33;
46
- --ax-color-secondary-700: 20, 20, 20;
47
- --ax-color-secondary-800: 10, 10, 10;
48
- --ax-color-secondary-900: 3, 3, 3;
49
- --ax-color-secondary-950: 0, 0, 0;
50
28
 
29
+ --ax-color-success: 16, 185, 129;
51
30
  --ax-color-success-fore: 255, 255, 255;
52
- --ax-color-success-fore-lighten: 6, 78, 59;
53
- --ax-color-success-50: 236, 253, 245;
54
- --ax-color-success-100: 209, 250, 229;
55
- --ax-color-success-200: 167, 243, 208;
56
- --ax-color-success-300: 110, 231, 183;
57
- --ax-color-success-400: 52, 211, 153;
58
- --ax-color-success-500: 16, 185, 129;
59
- --ax-color-success-600: 5, 150, 105;
60
- --ax-color-success-700: 4, 120, 87;
61
- --ax-color-success-800: 6, 95, 70;
62
- --ax-color-success-900: 6, 78, 59;
63
- --ax-color-success-950: 2, 44, 34;
64
31
 
32
+ --ax-color-warning: 255, 193, 7;
33
+ --ax-color-warning-fore: 0, 0, 0;
34
+
35
+ --ax-color-danger: 239, 68, 68;
65
36
  --ax-color-danger-fore: 255, 255, 255;
66
- --ax-color-danger-fore-lighten: 127, 29, 29;
67
- --ax-color-danger-50: 254, 242, 242;
68
- --ax-color-danger-100: 254, 226, 226;
69
- --ax-color-danger-200: 254, 202, 202;
70
- --ax-color-danger-300: 252, 165, 165;
71
- --ax-color-danger-400: 248, 113, 113;
72
- --ax-color-danger-500: 239, 68, 68;
73
- --ax-color-danger-600: 220, 38, 38;
74
- --ax-color-danger-700: 185, 28, 28;
75
- --ax-color-danger-800: 153, 27, 27;
76
- --ax-color-danger-900: 127, 29, 29;
77
- --ax-color-danger-950: 69, 10, 10;
78
-
79
- --ax-color-warning-fore: 48, 26, 10;
80
- --ax-color-warning-fore-lighten: 255, 111, 0;
81
- --ax-color-warning-50: 255, 248, 225;
82
- --ax-color-warning-100: 255, 236, 179;
83
- --ax-color-warning-200: 255, 224, 130;
84
- --ax-color-warning-300: 255, 213, 79;
85
- --ax-color-warning-400: 255, 202, 40;
86
- --ax-color-warning-500: 255, 193, 7;
87
- --ax-color-warning-600: 255, 179, 0;
88
- --ax-color-warning-700: 255, 160, 0;
89
- --ax-color-warning-800: 255, 143, 0;
90
- --ax-color-warning-900: 255, 111, 0;
91
- --ax-color-warning-950: 72, 40, 15;
92
37
 
38
+ --ax-color-info: 99, 102, 241;
93
39
  --ax-color-info-fore: 255, 255, 255;
94
- --ax-color-info-fore-lighten: 49, 46, 129;
95
- --ax-color-info-50: 238, 242, 255;
96
- --ax-color-info-100: 224, 231, 255;
97
- --ax-color-info-200: 199, 210, 254;
98
- --ax-color-info-300: 165, 180, 252;
99
- --ax-color-info-400: 129, 140, 248;
100
- --ax-color-info-500: 99, 102, 241;
101
- --ax-color-info-600: 79, 70, 229;
102
- --ax-color-info-700: 67, 56, 202;
103
- --ax-color-info-800: 55, 48, 163;
104
- --ax-color-info-900: 49, 46, 129;
105
- --ax-color-info-950: 30, 27, 75;
106
40
 
41
+ --ax-color-neutral: 107, 114, 128;
107
42
  --ax-color-neutral-fore: 255, 255, 255;
108
- --ax-color-neutral-fore-lighten: 17, 24, 39;
109
- --ax-color-neutral-50: 249, 250, 251;
110
- --ax-color-neutral-100: 243, 244, 246;
111
- --ax-color-neutral-200: 229, 231, 235;
112
- --ax-color-neutral-300: 209, 213, 219;
113
- --ax-color-neutral-400: 156, 163, 175;
114
- --ax-color-neutral-500: 107, 114, 128;
115
- --ax-color-neutral-600: 75, 85, 99;
116
- --ax-color-neutral-700: 55, 65, 81;
117
- --ax-color-neutral-800: 31, 41, 55;
118
- --ax-color-neutral-900: 17, 24, 39;
119
- --ax-color-neutral-950: 3, 7, 18;
43
+
44
+ // --ax-color-primary-fore: 255, 255, 255;
45
+ // --ax-color-primary-fore-tint: 30, 58, 138;
46
+ // --ax-color-primary-50: 239, 246, 255;
47
+ // --ax-color-primary-100: 219, 234, 254;
48
+ // --ax-color-primary-200: 191, 219, 254;
49
+ // --ax-color-primary-300: 147, 197, 253;
50
+ // --ax-color-primary-400: 96, 165, 250;
51
+ // --ax-color-primary-500: 59, 130, 246;
52
+ // --ax-color-primary-600: 37, 99, 235;
53
+ // --ax-color-primary-700: 29, 78, 216;
54
+ // --ax-color-primary-800: 30, 64, 175;
55
+ // --ax-color-primary-900: 30, 58, 138;
56
+ // --ax-color-primary-950: 23, 37, 84;
57
+
58
+ // --ax-color-secondary-fore: 255, 255, 255;
59
+ // --ax-color-secondary-fore-tint: 33, 40, 51;
60
+ // --ax-color-secondary-50: 233, 234, 236;
61
+ // --ax-color-secondary-100: 200, 203, 208;
62
+ // --ax-color-secondary-200: 164, 169, 176;
63
+ // --ax-color-secondary-300: 128, 134, 144;
64
+ // --ax-color-secondary-400: 100, 108, 121;
65
+ // --ax-color-secondary-500: 73, 82, 97;
66
+ // --ax-color-secondary-600: 66, 75, 89;
67
+ // --ax-color-secondary-700: 57, 65, 79;
68
+ // --ax-color-secondary-800: 49, 56, 69;
69
+ // --ax-color-secondary-900: 33, 40, 51;
70
+ // --ax-color-secondary-950: 22, 27, 35;
71
+
72
+ // --ax-color-success-fore: 255, 255, 255;
73
+ // --ax-color-success-fore-tint: 6, 78, 59;
74
+ // --ax-color-success-50: 236, 253, 245;
75
+ // --ax-color-success-100: 209, 250, 229;
76
+ // --ax-color-success-200: 167, 243, 208;
77
+ // --ax-color-success-300: 110, 231, 183;
78
+ // --ax-color-success-400: 52, 211, 153;
79
+ // --ax-color-success-500: 16, 185, 129;
80
+ // --ax-color-success-600: 5, 150, 105;
81
+ // --ax-color-success-700: 4, 120, 87;
82
+ // --ax-color-success-800: 6, 95, 70;
83
+ // --ax-color-success-900: 6, 78, 59;
84
+ // --ax-color-success-950: 2, 44, 34;
85
+
86
+ // --ax-color-danger-fore: 255, 255, 255;
87
+ // --ax-color-danger-fore-tint: 127, 29, 29;
88
+ // --ax-color-danger-50: 254, 242, 242;
89
+ // --ax-color-danger-100: 254, 226, 226;
90
+ // --ax-color-danger-200: 254, 202, 202;
91
+ // --ax-color-danger-300: 252, 165, 165;
92
+ // --ax-color-danger-400: 248, 113, 113;
93
+ // --ax-color-danger-500: 239, 68, 68;
94
+ // --ax-color-danger-600: 220, 38, 38;
95
+ // --ax-color-danger-700: 185, 28, 28;
96
+ // --ax-color-danger-800: 153, 27, 27;
97
+ // --ax-color-danger-900: 127, 29, 29;
98
+ // --ax-color-danger-950: 69, 10, 10;
99
+
100
+ // --ax-color-warning-fore: 48, 26, 10;
101
+ // --ax-color-warning-fore-tint: 255, 111, 0;
102
+ // --ax-color-warning-50: 255, 248, 225;
103
+ // --ax-color-warning-100: 255, 236, 179;
104
+ // --ax-color-warning-200: 255, 224, 130;
105
+ // --ax-color-warning-300: 255, 213, 79;
106
+ // --ax-color-warning-400: 255, 202, 40;
107
+ // --ax-color-warning-500: 255, 193, 7;
108
+ // --ax-color-warning-600: 255, 179, 0;
109
+ // --ax-color-warning-700: 255, 160, 0;
110
+ // --ax-color-warning-800: 255, 143, 0;
111
+ // --ax-color-warning-900: 255, 111, 0;
112
+ // --ax-color-warning-950: 72, 40, 15;
113
+
114
+ // --ax-color-info-fore: 255, 255, 255;
115
+ // --ax-color-info-fore-tint: 49, 46, 129;
116
+ // --ax-color-info-50: 238, 242, 255;
117
+ // --ax-color-info-100: 224, 231, 255;
118
+ // --ax-color-info-200: 199, 210, 254;
119
+ // --ax-color-info-300: 165, 180, 252;
120
+ // --ax-color-info-400: 129, 140, 248;
121
+ // --ax-color-info-500: 99, 102, 241;
122
+ // --ax-color-info-600: 79, 70, 229;
123
+ // --ax-color-info-700: 67, 56, 202;
124
+ // --ax-color-info-800: 55, 48, 163;
125
+ // --ax-color-info-900: 49, 46, 129;
126
+ // --ax-color-info-950: 30, 27, 75;
127
+
128
+ // --ax-color-neutral-fore: 3, 7, 18;
129
+ // --ax-color-neutral-fore-tint: 17, 24, 39;
130
+ // --ax-color-neutral-50: 249, 250, 251;
131
+ // --ax-color-neutral-100: 243, 244, 246;
132
+ // --ax-color-neutral-200: 229, 231, 235;
133
+ // --ax-color-neutral-300: 209, 213, 219;
134
+ // --ax-color-neutral-400: 156, 163, 175;
135
+ // --ax-color-neutral-500: 107, 114, 128;
136
+ // --ax-color-neutral-600: 75, 85, 99;
137
+ // --ax-color-neutral-700: 55, 65, 81;
138
+ // --ax-color-neutral-800: 31, 41, 55;
139
+ // --ax-color-neutral-900: 17, 24, 39;
140
+ // --ax-color-neutral-950: 3, 7, 18;
120
141
  }
121
142
 
122
143
  .ax-dark {
package/src/utility/index.scss CHANGED
@@ -1,35 +1,3 @@
1
- // .ax-xs {
2
- // --ax-size-default: 2rem;
3
- // font-size: 0.75rem;
4
- // * {
5
- // font-size: 0.75rem;
6
- // }
7
- // }
8
- // .ax-sm {
9
- // --ax-size-default: 2.25rem;
10
- // font-size: 0.875rem;
11
- // * {
12
- // font-size: 0.875rem;
13
- // }
14
- // }
15
- // .ax-md {
16
- // --ax-size-default: 2.5rem;
17
- // font-size: 0.875rem;
18
- // }
19
- // .ax-lg {
20
- // --ax-size-default: 3rem;
21
- // font-size: 1rem;
22
- // * {
23
- // font-size: 1rem;
24
- // }
25
- // }
26
- // .ax-xl {
27
- // --ax-size-default: 3.5rem;
28
- // font-size: 1rem;
29
- // * {
30
- // font-size: 1rem;
31
- // }
32
- // }
33
1
  .ax-xs {
34
2
  --ax-size-default: calc(var(--ax-size-base) - 0.75rem);
35
3
  }
@@ -50,10 +18,6 @@
50
18
  --ax-size-default: calc(var(--ax-size-base) + 1rem);
51
19
  }
52
20
 
53
- .ax-filp {
54
- transform: scale(-1, 1);
55
- }
56
-
57
21
  .ax-placeholder {
58
22
  color: rgba(var(--ax-color-text-default), 0.25);
59
23
  font-weight: 500;