@acorex/styles 7.8.7 → 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 (4) hide show
  1. package/package.json +1 -1
  2. package/src/shared/_editor-container.scss +2 -2
  3. package/src/themes/default.scss +8 -8
  4. 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.7",
3
+ "version": "7.8.9",
4
4
  "main": "index.js",
5
5
  "author": "Ali Safari",
6
6
  "license": "ISC",
package/src/shared/_editor-container.scss CHANGED
@@ -132,7 +132,7 @@
132
132
  }
133
133
 
134
134
  ax-icon {
135
- padding-inline-start: 0.5rem;
135
+ padding-inline-start: 0.75rem;
136
136
  }
137
137
  }
138
138
 
@@ -144,7 +144,7 @@
144
144
  border-end-end-radius: 0.25rem;
145
145
  }
146
146
  ax-icon {
147
- padding-inline-end: 0.5rem;
147
+ padding-inline-end: 0.75rem;
148
148
  }
149
149
  }
150
150
 
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',