@acorex/styles 7.8.8 → 7.8.9

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 (3) hide show
  1. package/package.json +1 -1
  2. package/src/themes/default.scss +8 -8
  3. package/tailwind-base.js +43 -24
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@acorex/styles",
3
- "version": "7.8.8",
3
+ "version": "7.8.9",
4
4
  "main": "index.js",
5
5
  "author": "Ali Safari",
6
6
  "license": "ISC",
package/src/themes/default.scss CHANGED
@@ -3,7 +3,7 @@
3
3
  --ax-size-default: var(--ax-size-base);
4
4
 
5
5
  --ax-rounded-border-default: 0.5rem;
6
- --ax-color-border-default: 224, 224, 224;
6
+ --ax-color-border-default: 230, 230, 230;
7
7
 
8
8
  --ax-color-background-default: 249, 250, 251;
9
9
  --ax-color-text-default: 22, 22, 22;
@@ -21,7 +21,7 @@
21
21
  --ax-color-ghost-fore: 22, 22, 22;
22
22
 
23
23
  --ax-color-primary-fore: 255, 255, 255;
24
- --ax-color-primary-fore-lighten: 29, 78, 216;
24
+ --ax-color-primary-fore-lighten: 30, 58, 138;
25
25
  --ax-color-primary-50: 239, 246, 255;
26
26
  --ax-color-primary-100: 219, 234, 254;
27
27
  --ax-color-primary-200: 191, 219, 254;
@@ -35,7 +35,7 @@
35
35
  --ax-color-primary-950: 23, 37, 84;
36
36
 
37
37
  --ax-color-secondary-fore: 255, 255, 255;
38
- --ax-color-secondary-fore-lighten: 57, 65, 79;
38
+ --ax-color-secondary-fore-lighten: 33, 40, 51;
39
39
  --ax-color-secondary-50: 233, 234, 236;
40
40
  --ax-color-secondary-100: 200, 203, 208;
41
41
  --ax-color-secondary-200: 164, 169, 176;
@@ -49,7 +49,7 @@
49
49
  --ax-color-secondary-950: 22, 27, 35;
50
50
 
51
51
  --ax-color-success-fore: 255, 255, 255;
52
- --ax-color-success-fore-lighten: 4, 120, 87;
52
+ --ax-color-success-fore-lighten: 6, 78, 59;
53
53
  --ax-color-success-50: 236, 253, 245;
54
54
  --ax-color-success-100: 209, 250, 229;
55
55
  --ax-color-success-200: 167, 243, 208;
@@ -63,7 +63,7 @@
63
63
  --ax-color-success-950: 2, 44, 34;
64
64
 
65
65
  --ax-color-danger-fore: 255, 255, 255;
66
- --ax-color-danger-fore-lighten: 185, 28, 28;
66
+ --ax-color-danger-fore-lighten: 127, 29, 29;
67
67
  --ax-color-danger-50: 254, 242, 242;
68
68
  --ax-color-danger-100: 254, 226, 226;
69
69
  --ax-color-danger-200: 254, 202, 202;
@@ -77,7 +77,7 @@
77
77
  --ax-color-danger-950: 69, 10, 10;
78
78
 
79
79
  --ax-color-warning-fore: 48, 26, 10;
80
- --ax-color-warning-fore-lighten: 255, 160, 0;
80
+ --ax-color-warning-fore-lighten: 255, 111, 0;
81
81
  --ax-color-warning-50: 255, 248, 225;
82
82
  --ax-color-warning-100: 255, 236, 179;
83
83
  --ax-color-warning-200: 255, 224, 130;
@@ -91,7 +91,7 @@
91
91
  --ax-color-warning-950: 72, 40, 15;
92
92
 
93
93
  --ax-color-info-fore: 255, 255, 255;
94
- --ax-color-info-fore-lighten: 67, 56, 202;
94
+ --ax-color-info-fore-lighten: 49, 46, 129;
95
95
  --ax-color-info-50: 238, 242, 255;
96
96
  --ax-color-info-100: 224, 231, 255;
97
97
  --ax-color-info-200: 199, 210, 254;
@@ -105,7 +105,7 @@
105
105
  --ax-color-info-950: 30, 27, 75;
106
106
 
107
107
  --ax-color-neutral-fore: 3, 7, 18;
108
- --ax-color-neutral-fore-lighten: 55, 65, 81;
108
+ --ax-color-neutral-fore-lighten: 17, 24, 39;
109
109
  --ax-color-neutral-50: 249, 250, 251;
110
110
  --ax-color-neutral-100: 243, 244, 246;
111
111
  --ax-color-neutral-200: 229, 231, 235;
package/tailwind-base.js CHANGED
@@ -17,6 +17,38 @@ const childSelector = plugin(function ({ addVariant }) {
17
17
  addVariant('child-focus-within', '& > *:focus-within');
18
18
  });
19
19
 
20
+ const _color = {
21
+ surface: withOpacityValue('--ax-color-surface'),
22
+ 'surface-fore': withOpacityValue('--ax-color-surface-fore'),
23
+
24
+ 'on-surface': withOpacityValue('--ax-color-on-surface'),
25
+ 'on-surface-fore': withOpacityValue('--ax-color-on-surface-fore'),
26
+
27
+ 'input-surface': withOpacityValue('--ax-color-input-surface'),
28
+ 'input-surface-fore': withOpacityValue('--ax-color-input-surface-fore'),
29
+
30
+ 'primary-fore': withOpacityValue('--ax-color-primary-fore'),
31
+ 'primary-fore-lighten': withOpacityValue('--ax-color-primary-fore-lighten'),
32
+
33
+ 'secondary-fore': withOpacityValue('--ax-color-secondary-fore'),
34
+ 'secondary-fore-lighten': withOpacityValue('--ax-color-secondary-fore-lighten'),
35
+
36
+ 'success-fore': withOpacityValue('--ax-color-success-fore'),
37
+ 'success-fore-lighten': withOpacityValue('--ax-color-success-fore-lighten'),
38
+
39
+ 'warning-fore': withOpacityValue('--ax-color-warning-fore'),
40
+ 'warning-fore-lighten': withOpacityValue('--ax-color-warning-fore-lighten'),
41
+
42
+ 'danger-fore': withOpacityValue('--ax-color-danger-fore'),
43
+ 'danger-fore-lighten': withOpacityValue('--ax-color-danger-fore-lighten'),
44
+
45
+ 'info-fore': withOpacityValue('--ax-color-info-fore'),
46
+ 'info-fore-lighten': withOpacityValue('--ax-color-info-fore-lighten'),
47
+
48
+ 'neutral-fore': withOpacityValue('--ax-color-neutral-fore'),
49
+ 'neutral-fore-lighten': withOpacityValue('--ax-color-neutral-fore-lighten'),
50
+ };
51
+
20
52
  module.exports = withAnimations({
21
53
  prefix: 'ax-',
22
54
  corePlugins: {
@@ -30,6 +62,7 @@ module.exports = withAnimations({
30
62
  primary: {
31
63
  DEFAULT: withOpacityValue('--ax-color-primary-500'),
32
64
  fore: withOpacityValue('--ax-color-primary-fore'),
65
+ foreLighten: withOpacityValue('--ax-color-primary-lighten'),
33
66
  50: withOpacityValue('--ax-color-primary-50'),
34
67
  100: withOpacityValue('--ax-color-primary-100'),
35
68
  200: withOpacityValue('--ax-color-primary-200'),
@@ -45,6 +78,7 @@ module.exports = withAnimations({
45
78
  secondary: {
46
79
  DEFAULT: withOpacityValue('--ax-color-secondary-500'),
47
80
  fore: withOpacityValue('--ax-color-secondary-fore'),
81
+ foreLighten: withOpacityValue('--ax-color-secondary-lighten'),
48
82
  50: withOpacityValue('--ax-color-secondary-50'),
49
83
  100: withOpacityValue('--ax-color-secondary-100'),
50
84
  200: withOpacityValue('--ax-color-secondary-200'),
@@ -60,6 +94,7 @@ module.exports = withAnimations({
60
94
  success: {
61
95
  DEFAULT: withOpacityValue('--ax-color-success-500'),
62
96
  fore: withOpacityValue('--ax-color-success-fore'),
97
+ foreLighten: withOpacityValue('--ax-color-success-lighten'),
63
98
  50: withOpacityValue('--ax-color-success-50'),
64
99
  100: withOpacityValue('--ax-color-success-100'),
65
100
  200: withOpacityValue('--ax-color-success-200'),
@@ -75,6 +110,7 @@ module.exports = withAnimations({
75
110
  danger: {
76
111
  DEFAULT: withOpacityValue('--ax-color-danger-500'),
77
112
  fore: withOpacityValue('--ax-color-danger-fore'),
113
+ foreLighten: withOpacityValue('--ax-color-danger-lighten'),
78
114
  50: withOpacityValue('--ax-color-danger-50'),
79
115
  100: withOpacityValue('--ax-color-danger-100'),
80
116
  200: withOpacityValue('--ax-color-danger-200'),
@@ -90,6 +126,7 @@ module.exports = withAnimations({
90
126
  warning: {
91
127
  DEFAULT: withOpacityValue('--ax-color-warning-500'),
92
128
  fore: withOpacityValue('--ax-color-warning-fore'),
129
+ foreLighten: withOpacityValue('--ax-color-warning-lighten'),
93
130
  50: withOpacityValue('--ax-color-warning-50'),
94
131
  100: withOpacityValue('--ax-color-warning-100'),
95
132
  200: withOpacityValue('--ax-color-warning-200'),
@@ -105,6 +142,7 @@ module.exports = withAnimations({
105
142
  info: {
106
143
  DEFAULT: withOpacityValue('--ax-color-info-500'),
107
144
  fore: withOpacityValue('--ax-color-info-fore'),
145
+ foreLighten: withOpacityValue('--ax-color-info-lighten'),
108
146
  50: withOpacityValue('--ax-color-info-50'),
109
147
  100: withOpacityValue('--ax-color-info-100'),
110
148
  200: withOpacityValue('--ax-color-info-200'),
@@ -120,6 +158,7 @@ module.exports = withAnimations({
120
158
  neutral: {
121
159
  DEFAULT: withOpacityValue('--ax-color-neutral-500'),
122
160
  fore: withOpacityValue('--ax-color-neutral-fore'),
161
+ foreLighten: withOpacityValue('--ax-color-neutral-lighten'),
123
162
  50: withOpacityValue('--ax-color-neutral-50'),
124
163
  100: withOpacityValue('--ax-color-neutral-100'),
125
164
  200: withOpacityValue('--ax-color-neutral-200'),
@@ -136,34 +175,13 @@ module.exports = withAnimations({
136
175
  textColor: {
137
176
  DEFAULT: withOpacityValue('--ax-color-text-default'),
138
177
  default: withOpacityValue('--ax-color-text-default'),
139
- 'surface-fore': withOpacityValue('--ax-color-surface-fore'),
140
- 'on-surface-fore': withOpacityValue('--ax-color-on-surface-fore'),
141
- 'input-surface-fore': withOpacityValue('--ax-color-input-surface-fore'),
142
- 'primary-fore': withOpacityValue('--ax-color-primary-fore'),
143
- 'secondary-fore': withOpacityValue('--ax-color-secondary-fore'),
144
- 'success-fore': withOpacityValue('--ax-color-success-fore'),
145
- 'warning-fore': withOpacityValue('--ax-color-warning-fore'),
146
- 'danger-fore': withOpacityValue('--ax-color-danger-fore'),
178
+ ..._color,
147
179
  },
148
180
  fill: {
149
- 'primary-fore': withOpacityValue('--ax-color-primary-fore'),
150
- 'secondary-fore': withOpacityValue('--ax-color-secondary-fore'),
151
- 'success-fore': withOpacityValue('--ax-color-success-fore'),
152
- 'warning-fore': withOpacityValue('--ax-color-warning-fore'),
153
- 'danger-fore': withOpacityValue('--ax-color-danger-fore'),
154
- surface: withOpacityValue('--ax-color-surface'),
155
- 'on-surface': withOpacityValue('--ax-color-on-surface'),
156
- 'input-surface': withOpacityValue('--ax-color-input-surface'),
181
+ ..._color,
157
182
  },
158
183
  stroke: {
159
- 'primary-fore': withOpacityValue('--ax-color-primary-fore'),
160
- 'secondary-fore': withOpacityValue('--ax-color-secondary-fore'),
161
- 'success-fore': withOpacityValue('--ax-color-success-fore'),
162
- 'warning-fore': withOpacityValue('--ax-color-warning-fore'),
163
- 'danger-fore': withOpacityValue('--ax-color-danger-fore'),
164
- surface: withOpacityValue('--ax-color-surface'),
165
- 'on-surface': withOpacityValue('--ax-color-on-surface'),
166
- 'input-surface': withOpacityValue('--ax-color-input-surface'),
184
+ ..._color,
167
185
  },
168
186
 
169
187
  backgroundColor: {
@@ -175,6 +193,7 @@ module.exports = withAnimations({
175
193
  borderColor: {
176
194
  DEFAULT: 'rgba(var(--ax-color-border-default))',
177
195
  default: 'rgba(var(--ax-color-border-default))',
196
+ ..._color,
178
197
  },
179
198
  maxWidth: {
180
199
  '8xl': '90rem',