@acorex/styles 7.0.33 → 7.0.35

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 (5) hide show
  1. package/package.json +1 -1
  2. package/src/base/_theme.scss +2 -2
  3. package/src/shared/_drop-down.scss +4 -6
  4. package/src/shared/_editor-container.scss +1 -0
  5. package/tailwind.config.js +11 -11
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@acorex/styles",
3
- "version": "7.0.33",
3
+ "version": "7.0.35",
4
4
  "description": "",
5
5
  "main": "index.js",
6
6
  "author": "",
package/src/base/_theme.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  @mixin light-variables() {
2
- --ax-color-border-default: 30, 41, 59, 0.12;
3
2
  --ax-color-background-default: 250, 250, 250;
4
3
  --ax-color-text-default: 18, 18, 18;
4
+ --ax-color-border-default: 228, 228, 228;
5
5
  --ax-color-surface: 255, 255, 255;
6
6
  --ax-color-on-surface: 242, 242, 242;
7
7
  --ax-color-ghost: 30, 41, 59;
@@ -10,7 +10,7 @@
10
10
  @mixin dark-variables() {
11
11
  --ax-color-background-default: 23, 32, 46;
12
12
  --ax-color-text-default: 224, 224, 224;
13
- --ax-color-border-default: 255, 255, 255, 0.12;
13
+ --ax-color-border-default: 74, 76, 80;
14
14
  --ax-color-surface: 45, 50, 63;
15
15
  --ax-color-on-surface: 60, 68, 79;
16
16
  --ax-color-ghost: 255, 255, 255;
package/src/shared/_drop-down.scss CHANGED
@@ -66,8 +66,7 @@
66
66
  border: 1px solid;
67
67
  border-color: rgba(var(--ax-color-border-default));
68
68
  border-radius: var(--ax-rounded-border-default);
69
- box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1),
70
- 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
69
+ box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
71
70
  overflow: hidden;
72
71
 
73
72
  ax-header,
@@ -110,8 +109,7 @@
110
109
  border: 1px solid;
111
110
  border-color: rgba(var(--ax-color-border-default));
112
111
  border-radius: var(--ax-rounded-border-default);
113
- box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1),
114
- 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
112
+ box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
115
113
  padding: 0.5rem 0;
116
114
 
117
115
  .ax-button-item {
@@ -120,8 +118,8 @@
120
118
  align-items: center;
121
119
  justify-content: flex-start;
122
120
  padding: 0.5rem;
123
- padding-inline-start: 0.5rem;
124
- padding-inline-end: 1rem;
121
+ padding-inline-start: 1.5rem;
122
+ padding-inline-end: 2rem;
125
123
  font-size: 0.875rem;
126
124
  color: rgba(var(--ax-color-text-default));
127
125
  user-select: none;
package/src/shared/_editor-container.scss CHANGED
@@ -15,6 +15,7 @@
15
15
  border-radius: var(--ax-rounded-border-default);
16
16
  font-size: 1rem;
17
17
  overflow: hidden;
18
+ box-shadow: 0 1px 0px 0px rgb(0 0 0 / 10%), 0 0px 0px 0px rgb(0 0 0 / 10%);
18
19
  &:focus-within {
19
20
  border-color: rgb(var(--ax-color-primary-500));
20
21
  box-shadow: 0px 0 0px 1px rgb(var(--ax-color-primary-500));
package/tailwind.config.js CHANGED
@@ -22,9 +22,6 @@ module.exports = withAnimations({
22
22
  colors: {
23
23
  black: withOpacityValue('--ax-color-black'),
24
24
  white: withOpacityValue('--ax-color-white'),
25
- surface: withOpacityValue('--ax-color-surface'),
26
- 'on-surface': withOpacityValue('--ax-color-on-surface'),
27
- 'border-color': 'rgba(var(--ax-color-border-default))',
28
25
  primary: {
29
26
  DEFAULT: withOpacityValue('--ax-color-primary-500'),
30
27
  fore: withOpacityValue('--ax-color-primary-fore'),
@@ -96,6 +93,17 @@ module.exports = withAnimations({
96
93
  900: withOpacityValue('--ax-color-warning-900'),
97
94
  },
98
95
  },
96
+ textColor: {
97
+ default: withOpacityValue('--ax-color-text-default'),
98
+ },
99
+ backgroundColor: {
100
+ default: withOpacityValue('--ax-color-background-default'),
101
+ surface: withOpacityValue('--ax-color-surface'),
102
+ 'on-surface': withOpacityValue('--ax-color-on-surface'),
103
+ },
104
+ borderColor: {
105
+ default: 'rgba(var(--ax-color-border-default))',
106
+ },
99
107
  maxWidth: {
100
108
  '8xl': '90rem',
101
109
  },
@@ -120,14 +128,6 @@ module.exports = withAnimations({
120
128
  borderColor: 'rgb(var(--ax-color-border-default))',
121
129
  borderRadius: 'var(--ax-rounded-border-default)',
122
130
  },
123
- '.bg-default': {
124
- backgroundColor:
125
- 'rgb(var(--ax-color-default-background) / var(--tw-bg-opacity))',
126
- },
127
- '.text-default': {
128
- backgroundColor:
129
- 'rgb(var(--ax-color-default-color) / var(--tw-text-opacity))',
130
- },
131
131
  '.tabs-fit': {
132
132
  width: '100%',
133
133
  },