@acorex/styles 7.17.10 → 7.17.12

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 (21) hide show
  1. package/index.css +2265 -1128
  2. package/index.min.css +1 -1
  3. package/package.json +1 -1
  4. package/src/icons/style.scss +1 -1
  5. package/src/mixins/_look.scss +45 -15
  6. package/src/shared/_actionsheet.scss +18 -1
  7. package/src/shared/_check-box.scss +28 -7
  8. package/src/shared/_color-look.scss +267 -109
  9. package/src/shared/_drop-down.scss +45 -9
  10. package/src/shared/_editor-container.scss +114 -30
  11. package/src/shared/_general-button.scss +51 -13
  12. package/src/shared/_inputs.scss +9 -3
  13. package/src/shared/_list.scss +112 -32
  14. package/src/shared/_radio.scss +41 -5
  15. package/src/shared/_table.scss +79 -20
  16. package/src/shared/_utils.scss +52 -9
  17. package/src/shared/index.scss +0 -1
  18. package/src/themes/default.css +1 -1
  19. package/src/themes/default.scss +14 -14
  20. package/src/utility/index.scss +1 -1
  21. package/src/shared/_decoration.scss +0 -45
package/src/shared/_radio.scss CHANGED
@@ -1,20 +1,56 @@
1
1
  @import '../mixins/index.scss';
2
2
 
3
3
  .ax-radio {
4
- @apply ax-m-0 ax-h-4 ax-w-4 ax-cursor-pointer ax-appearance-none ax-rounded-full ax-border ax-border-default ax-bg-input-surface ax-align-middle ax-outline-none;
4
+ // @apply ax-m-0 ax-h-4 ax-w-4 ax-cursor-pointer ax-appearance-none ax-rounded ax-border ax-border-default ax-bg-input-surface ax-align-middle ax-outline-none;
5
+ margin: 0px;
6
+ height: 1rem /* 16px */;
7
+ width: 1rem /* 16px */;
8
+ cursor: pointer;
9
+ appearance: none;
10
+ border-radius: 9999px /* 4px */;
11
+ border-width: 1px;
12
+ border-color: rgba(var(--ax-color-border-default));
13
+ background-color: rgba(var(--ax-color-input-surface));
14
+ vertical-align: middle;
15
+ outline: 2px solid transparent;
16
+ outline-offset: 2px;
17
+
18
+ &:checked,
19
+ &:indeterminate {
20
+ // @apply ax-border-primary-500 ax-bg-primary-500 #{!important};
21
+ border-color: rgba(var(--ax-color-primary-500)) !important;
22
+ background-color: rgba(var(--ax-color-primary-500)) !important;
23
+ background-size: contain;
24
+ background-repeat: no-repeat;
25
+
26
+ // @apply ax-bg-contain ax-bg-no-repeat;
27
+ }
5
28
 
6
29
  &:checked {
7
30
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
8
- @apply ax-border-primary-500 ax-bg-primary-500 #{!important};
9
- @apply ax-bg-contain ax-bg-no-repeat;
10
31
  }
11
32
 
12
33
  &:focus-visible,
13
34
  &:focus {
14
- @apply ax-ring-2 ax-ring-primary-500 ax-ring-offset-2 ax-ring-offset-surface;
35
+ // @apply ax-ring-2 ax-ring-primary-500 ax-ring-offset-2 ax-ring-offset-surface;
36
+ box-shadow:
37
+ 0px 0px 0px 2px rgba(var(--ax-color-surface)),
38
+ 0px 0px 0px 4px rgba(var(--ax-color-primary-500));
15
39
  }
16
40
 
17
41
  &:disabled {
18
- @apply ax-cursor-not-allowed ax-opacity-50;
42
+ // @apply ax-cursor-not-allowed ax-opacity-50;
43
+ cursor: not-allowed;
44
+ opacity: 0.5;
19
45
  }
20
46
  }
47
+
48
+ // @include darkMode() {
49
+ // .ax-checkbox {
50
+ // &:checked {
51
+ // border-color: rgba(var(--ax-color-primary-200)) !important;
52
+ // background-color: rgba(var(--ax-color-primary-200)) !important;
53
+ // background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='black' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
54
+ // }
55
+ // }
56
+ // }
package/src/shared/_table.scss CHANGED
@@ -2,26 +2,54 @@
2
2
  @include darkMode() {
3
3
  .ax-table {
4
4
  thead {
5
- @apply ax-bg-on-surface;
5
+ // @apply ax-bg-on-surface;
6
+ background-color: rgba(var(--ax-color-on-surface));
6
7
  }
7
8
  }
8
9
  }
9
10
  .ax-table {
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;
11
+ // @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;
12
+ width: 100%;
13
+ border-collapse: collapse;
14
+ border-spacing: 0;
15
+ overflow: hidden;
16
+ border-radius: var(--ax-rounded-border-default);
17
+ border-width: 1px;
18
+ border-color: rgba(var(--ax-color-border-default));
19
+ font-size: 0.875rem /* 14px */;
20
+ line-height: 1.25rem /* 20px */;
11
21
  td {
12
- @apply ax-border-b ax-border-default ax-px-4 ax-py-3;
22
+ // @apply ax-border-b ax-border-default ax-px-4 ax-py-3;
23
+ border-bottom-width: 1px;
24
+ border-color: rgba(var(--ax-color-border-default));
25
+ padding-left: 1rem /* 16px */;
26
+ padding-right: 1rem /* 16px */;
27
+ padding-top: 0.75rem /* 12px */;
28
+ padding-bottom: 0.75rem /* 12px */;
13
29
  }
14
30
  thead {
15
- @apply ax-border-b ax-border-default ax-bg-on-surface;
31
+ // @apply ax-border-b ax-border-default ax-bg-on-surface;
32
+ border-bottom-width: 1px;
33
+ border-color: rgba(var(--ax-color-border-default));
34
+ background-color: rgba(var(--ax-color-on-surface));
35
+
16
36
  th {
17
- @apply ax-px-4 ax-py-3.5 ax-text-start ax-font-medium ax-uppercase;
37
+ // @apply ax-px-4 ax-py-3.5 ax-text-start ax-font-medium ax-uppercase;
38
+ padding-left: 1rem /* 16px */;
39
+ padding-right: 1rem /* 16px */;
40
+ padding-top: 0.875rem /* 14px */;
41
+ padding-bottom: 0.875rem /* 14px */;
42
+ text-align: start;
43
+ font-weight: 500;
44
+ text-transform: uppercase;
18
45
  }
19
46
  }
20
47
  &.ax-table-alternate {
21
48
  tbody {
22
49
  tr {
23
50
  &:nth-child(even) {
24
- @apply ax-bg-on-surface;
51
+ // @apply ax-bg-on-surface;
52
+ background-color: rgba(var(--ax-color-on-surface));
25
53
  }
26
54
  }
27
55
  }
@@ -29,19 +57,22 @@
29
57
  &.ax-table-bordered {
30
58
  thead {
31
59
  th {
32
- @apply ax-border-t-0 #{!important};
60
+ // @apply ax-border-t-0 #{!important};
61
+ border-top-width: 0px !important;
33
62
  }
34
63
  }
35
64
  tbody {
36
65
  tr {
37
66
  &:last-child {
38
67
  td {
39
- @apply ax-border-b-0 #{!important};
68
+ // @apply ax-border-b-0 #{!important};
69
+ border-bottom-width: 0px !important;
40
70
  }
41
71
  }
42
72
  td {
43
73
  &:last-child {
44
- @apply ax-border-b-0 #{!important};
74
+ // @apply ax-border-b-0 #{!important};
75
+ border-bottom-width: 0px !important;
45
76
  }
46
77
  }
47
78
  }
@@ -49,41 +80,69 @@
49
80
 
50
81
  td,
51
82
  th {
52
- @apply ax-border ax-border-default;
83
+ // @apply ax-border ax-border-default;
84
+ border-width: 1px;
85
+ border-color: rgba(var(--ax-color-border-default));
86
+
53
87
  &:first-child {
54
- @apply ax-border-s-0;
88
+ // @apply ax-border-s-0;
89
+ border-inline-start-width: 0px;
55
90
  }
56
91
  &:last-child {
57
- @apply ax-border-e-0;
92
+ // @apply ax-border-e-0;
93
+ border-inline-end-width: 0px;
58
94
  }
59
95
  }
60
96
  }
61
97
  @media screen and (max-width: 601px) {
62
98
  &.ax-table-responsive {
63
- @apply ax-block ax-break-words ax-border-0;
99
+ // @apply ax-block ax-break-words ax-border-0;
100
+ display: block;
101
+ overflow-wrap: break-word;
102
+ border-width: 0px;
103
+
64
104
  thead {
65
- @apply ax-absolute -ax-start-full -ax-top-full;
105
+ // @apply ax-absolute -ax-start-full -ax-top-full;
106
+ position: absolute;
107
+ inset-inline-start: -100%;
108
+ top: -100%;
66
109
  }
67
110
 
68
111
  td {
69
- float: inline-start;
112
+ // @apply ax-clear-both ax-box-border ax-block ax-w-full ax-px-2.5 ax-py-1.5;
70
113
 
71
- @apply ax-clear-both ax-box-border ax-block ax-w-full ax-px-2.5 ax-py-1.5;
114
+ float: inline-start;
115
+ clear: both;
116
+ box-sizing: border-box;
117
+ display: block;
118
+ width: 100%;
119
+ padding-left: 0.625rem /* 10px */;
120
+ padding-right: 0.625rem /* 10px */;
121
+ padding-top: 0.375rem /* 6px */;
122
+ padding-bottom: 0.375rem /* 6px */;
72
123
  &:last-child {
73
- @apply ax-border-0;
124
+ // @apply ax-border-0;
125
+ border-width: 0px;
74
126
  }
75
127
  &:before {
128
+ // @apply ax-block ax-font-bold;
129
+
76
130
  content: attr(data-label);
77
- @apply ax-block ax-font-bold;
131
+ display: block;
132
+ font-weight: 700;
78
133
  }
79
134
  }
80
135
  tr {
81
- @apply ax-border ax-border-default;
136
+ // @apply ax-border ax-border-default;
137
+ border-width: 1px;
138
+ border-color: rgba(var(--ax-color-border-default));
82
139
  }
83
140
  tr,
84
141
  tbody {
85
- @apply ax-mb-2.5 ax-block ax-w-full;
142
+ // @apply ax-mb-2.5 ax-block ax-w-full;
86
143
  float: inline-start;
144
+ margin-bottom: 0.625rem /* 10px */;
145
+ width: 100%;
87
146
  }
88
147
  }
89
148
  }
package/src/shared/_utils.scss CHANGED
@@ -6,32 +6,75 @@
6
6
  }
7
7
 
8
8
  .ax-fieldset {
9
- @apply ax-rounded-default ax-border ax-border-default ax-p-3;
9
+ // @apply ax-rounded-default ax-border ax-border-default ax-p-3;
10
+ border-radius: var(--ax-rounded-border-default);
11
+ border-width: 1px;
12
+ border-color: rgba(var(--ax-color-border-default));
13
+ padding: 0.75rem /* 12px */;
14
+
10
15
  legend {
11
- @apply ax-px-1 ax-text-sm;
16
+ // @apply ax-px-1 ax-text-sm;
17
+ padding-left: 0.25rem /* 4px */;
18
+ padding-right: 0.25rem /* 4px */;
19
+ font-size: 0.875rem /* 14px */;
20
+ line-height: 1.25rem /* 20px */;
12
21
  }
13
22
  }
14
23
 
15
24
  .ax-card {
16
- @apply ax-rounded-default ax-border ax-border-default ax-bg-surface;
25
+ // @apply ax-rounded-default ax-border ax-border-default ax-bg-surface;
26
+ border-radius: var(--ax-rounded-border-default);
27
+ border-width: 1px;
28
+ border-color: rgba(var(--ax-color-border-default));
29
+ background-color: rgba(var(--ax-color-surface));
17
30
  }
18
31
 
19
32
  .ax-drop-zone {
20
33
  > input {
21
- @apply ax-absolute ax-h-full ax-w-full ax-cursor-pointer ax-opacity-0;
34
+ // @apply ax-absolute ax-h-full ax-w-full ax-cursor-pointer ax-opacity-0;
35
+ position: absolute;
36
+ height: 100%;
37
+ width: 100%;
38
+ cursor: pointer;
39
+ opacity: 0;
22
40
  }
23
41
  }
24
42
  .ax-uploader-overlay-state {
43
+ // @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;
25
44
  border-radius: inherit;
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
-
45
+ pointer-events: none;
46
+ position: absolute;
47
+ inset-inline-start: 0px;
48
+ top: 0px;
49
+ z-index: 10;
50
+ display: flex;
51
+ height: 100%;
52
+ width: 100%;
53
+ cursor: pointer;
54
+ flex-direction: column;
55
+ align-items: center;
56
+ justify-content: center;
57
+ gap: 0.5rem /* 8px */;
58
+ background-color: rgba(var(--ax-color-primary-200), 0.75);
59
+ font-size: 0.875rem /* 14px */;
60
+ line-height: 1.25rem /* 20px */;
61
+ color: rgba(var(--ax-color-primary-fore-tint));
62
+ outline-style: dashed;
63
+ outline-offset: -4px;
64
+ transition-property: all;
65
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
66
+ transition-duration: 150ms;
29
67
  .ax-icon {
30
- @apply ax-text-2xl;
68
+ // @apply ax-text-2xl;
69
+ font-size: 1.5rem /* 24px */;
70
+ line-height: 2rem /* 32px */;
31
71
  }
32
72
  }
33
73
  @include darkMode() {
34
74
  .ax-uploader-overlay-state {
35
- @apply ax-bg-primary-800/75 ax-text-primary-fore ax-outline-primary-fore;
75
+ // @apply ax-bg-primary-800/75 ax-text-primary-fore ax-outline-primary-fore;
76
+ background-color: rgba(var(--ax-color-primary-800), 0.75);
77
+ color: rgba(var(--ax-color-primary-fore));
78
+ outline-color: rgba(var(--ax-color-primary-fore));
36
79
  }
37
80
  }
package/src/shared/index.scss CHANGED
@@ -1,7 +1,6 @@
1
1
  @import './actionsheet';
2
2
  @import './check-box';
3
3
  @import './color-look';
4
- @import './decoration';
5
4
  @import './drop-down';
6
5
  @import './editor-container';
7
6
  @import './general-button';
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-tint: 30, 58, 138;--ax-color-primary-50: 239, 246, 255;--ax-color-primary-100: 219, 234, 254;--ax-color-primary-200: 191, 219, 254;--ax-color-primary-300: 147, 197, 253;--ax-color-primary-400: 96, 165, 250;--ax-color-primary-500: 59, 130, 246;--ax-color-primary-600: 37, 99, 235;--ax-color-primary-700: 29, 78, 216;--ax-color-primary-800: 30, 64, 175;--ax-color-primary-900: 30, 58, 138;--ax-color-primary-950: 23, 37, 84;--ax-color-secondary-fore: 255, 255, 255;--ax-color-secondary-fore-tint: 33, 40, 51;--ax-color-secondary-50: 233, 234, 236;--ax-color-secondary-100: 200, 203, 208;--ax-color-secondary-200: 164, 169, 176;--ax-color-secondary-300: 128, 134, 144;--ax-color-secondary-400: 100, 108, 121;--ax-color-secondary-500: 73, 82, 97;--ax-color-secondary-600: 66, 75, 89;--ax-color-secondary-700: 57, 65, 79;--ax-color-secondary-800: 49, 56, 69;--ax-color-secondary-900: 33, 40, 51;--ax-color-secondary-950: 22, 27, 35;--ax-color-success-fore: 255, 255, 255;--ax-color-success-fore-tint: 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-tint: 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-tint: 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-tint: 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-tint: 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-fore: 255, 255, 255;--ax-color-primary-fore-tint: 30, 58, 138;--ax-color-primary-50: 239, 246, 255;--ax-color-primary-100: 219, 234, 254;--ax-color-primary-200: 191, 219, 254;--ax-color-primary-300: 147, 197, 253;--ax-color-primary-400: 96, 165, 250;--ax-color-primary-500: 59, 130, 246;--ax-color-primary-600: 37, 99, 235;--ax-color-primary-700: 29, 78, 216;--ax-color-primary-800: 30, 64, 175;--ax-color-primary-900: 30, 58, 138;--ax-color-primary-950: 23, 37, 84;--ax-color-secondary-fore: 255, 255, 255;--ax-color-secondary-fore-tint: 33, 40, 51;--ax-color-secondary-50: 233, 234, 236;--ax-color-secondary-100: 200, 203, 208;--ax-color-secondary-200: 164, 169, 176;--ax-color-secondary-300: 128, 134, 144;--ax-color-secondary-400: 100, 108, 121;--ax-color-secondary-500: 73, 82, 97;--ax-color-secondary-600: 66, 75, 89;--ax-color-secondary-700: 57, 65, 79;--ax-color-secondary-800: 49, 56, 69;--ax-color-secondary-900: 33, 40, 51;--ax-color-secondary-950: 22, 27, 35;--ax-color-success-fore: 255, 255, 255;--ax-color-success-fore-tint: 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-warning-fore: 48, 26, 10;--ax-color-warning-fore-tint: 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-danger-fore: 255, 255, 255;--ax-color-danger-fore-tint: 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-info-fore: 255, 255, 255;--ax-color-info-fore-tint: 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-tint: 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}
package/src/themes/default.scss CHANGED
@@ -62,20 +62,6 @@
62
62
  --ax-color-success-900: 6, 78, 59;
63
63
  --ax-color-success-950: 2, 44, 34;
64
64
 
65
- --ax-color-danger-fore: 255, 255, 255;
66
- --ax-color-danger-fore-tint: 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
65
  --ax-color-warning-fore: 48, 26, 10;
80
66
  --ax-color-warning-fore-tint: 255, 111, 0;
81
67
  --ax-color-warning-50: 255, 248, 225;
@@ -90,6 +76,20 @@
90
76
  --ax-color-warning-900: 255, 111, 0;
91
77
  --ax-color-warning-950: 72, 40, 15;
92
78
 
79
+ --ax-color-danger-fore: 255, 255, 255;
80
+ --ax-color-danger-fore-tint: 127, 29, 29;
81
+ --ax-color-danger-50: 254, 242, 242;
82
+ --ax-color-danger-100: 254, 226, 226;
83
+ --ax-color-danger-200: 254, 202, 202;
84
+ --ax-color-danger-300: 252, 165, 165;
85
+ --ax-color-danger-400: 248, 113, 113;
86
+ --ax-color-danger-500: 239, 68, 68;
87
+ --ax-color-danger-600: 220, 38, 38;
88
+ --ax-color-danger-700: 185, 28, 28;
89
+ --ax-color-danger-800: 153, 27, 27;
90
+ --ax-color-danger-900: 127, 29, 29;
91
+ --ax-color-danger-950: 69, 10, 10;
92
+
93
93
  --ax-color-info-fore: 255, 255, 255;
94
94
  --ax-color-info-fore-tint: 49, 46, 129;
95
95
  --ax-color-info-50: 238, 242, 255;
package/src/utility/index.scss CHANGED
@@ -19,6 +19,6 @@
19
19
  }
20
20
 
21
21
  .ax-placeholder {
22
- color: rgba(var(--ax-color-text-default), 0.25);
22
+ color: rgba(var(--ax-color-text-default), 0.5);
23
23
  font-weight: 500;
24
24
  }
package/src/shared/_decoration.scss DELETED
@@ -1,45 +0,0 @@
1
- .ax-decoration-container,
2
- ax-header,
3
- ax-footer {
4
- @apply ax-flex ax-justify-between ax-gap-2;
5
- & > ax-prefix,
6
- & > ax-suffix {
7
- @apply ax-flex ax-flex-1 ax-items-center ax-gap-2;
8
- }
9
- & > ax-prefix {
10
- @apply -ax-order-last ax-items-center ax-justify-start;
11
- }
12
- & > ax-suffix {
13
- @apply ax-order-last ax-items-center ax-justify-end;
14
- }
15
- }
16
-
17
- ax-close-button {
18
- button {
19
- @apply ax-flex ax-cursor-pointer ax-bg-transparent;
20
- i {
21
- @apply ax-text-2xl;
22
- }
23
- &:hover {
24
- @apply ax-opacity-70;
25
- }
26
- &:focus {
27
- @apply ax-opacity-80 ax-outline-none;
28
- }
29
-
30
- &:active {
31
- @apply ax-opacity-100;
32
- }
33
- }
34
- }
35
-
36
- ax-icon {
37
- display: inherit;
38
- }
39
-
40
- ax-sub-title {
41
- @apply ax-text-sm ax-font-normal ax-opacity-75;
42
- }
43
- ax-form-hint {
44
- @apply ax-mt-2 ax-block ax-text-sm ax-text-default/75;
45
- }