@acorex/styles 7.1.51 → 7.1.53

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 +2 -2
  2. package/src/base/index.scss +0 -1
  3. package/src/shared/_editor-container.scss +1 -0
  4. package/src/shared/_general-button.scss +3 -2
  5. package/tailwind-base.js +25 -5
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@acorex/styles",
3
- "version": "7.1.51",
3
+ "version": "7.1.53",
4
4
  "description": "",
5
5
  "main": "index.js",
6
6
  "author": "",
@@ -11,7 +11,7 @@
11
11
  "peerDependencies": {
12
12
  "animated-tailwindcss": "^4.0.0",
13
13
  "autoprefixer": "^10.4.14",
14
- "postcss": "^8.4.24",
14
+ "postcss": "^8.4.25",
15
15
  "tailwind-auto-directions": "^1.0.2",
16
16
  "tailwindcss": "^3.3.2"
17
17
  }
package/src/base/index.scss CHANGED
@@ -12,5 +12,4 @@ html,
12
12
  body {
13
13
  background-color: rgba(var(--ax-color-background-default));
14
14
  color: rgba(var(--ax-color-text-default));
15
- min-height: 100%;
16
15
  }
package/src/shared/_editor-container.scss CHANGED
@@ -21,6 +21,7 @@
21
21
  &::placeholder {
22
22
  color: rgba(var(--ax-color-text-default), 0.25);
23
23
  font-weight: 500;
24
+ font-size: inherit;
24
25
  }
25
26
  }
26
27
  &:focus-within {
package/src/shared/_general-button.scss CHANGED
@@ -2,7 +2,6 @@
2
2
  display: inline-flex;
3
3
  align-items: center;
4
4
  justify-content: center;
5
- border-radius: var(--ax-rounded-border-default);
6
5
  padding: 0 1rem;
7
6
  height: var(--ax-size-default);
8
7
  font-size: 0.875rem;
@@ -33,7 +32,9 @@
33
32
  font-size: 1.5rem;
34
33
  }
35
34
  }
36
-
35
+ &.ax-button-rounded {
36
+ border-radius: var(--ax-rounded-border-default);
37
+ }
37
38
  &:disabled,
38
39
  &.ax-state-disabled {
39
40
  opacity: 0.5;
package/tailwind-base.js CHANGED
@@ -29,6 +29,7 @@ module.exports = withAnimations({
29
29
  colors: {
30
30
  primary: {
31
31
  DEFAULT: withOpacityValue('--ax-color-primary-500'),
32
+ fore: withOpacityValue('--ax-color-primary-fore'),
32
33
  50: withOpacityValue('--ax-color-primary-50'),
33
34
  100: withOpacityValue('--ax-color-primary-100'),
34
35
  200: withOpacityValue('--ax-color-primary-200'),
@@ -39,10 +40,11 @@ module.exports = withAnimations({
39
40
  700: withOpacityValue('--ax-color-primary-700'),
40
41
  800: withOpacityValue('--ax-color-primary-800'),
41
42
  900: withOpacityValue('--ax-color-primary-900'),
42
- 900: withOpacityValue('--ax-color-primary-950'),
43
+ 950: withOpacityValue('--ax-color-primary-950'),
43
44
  },
44
45
  secondary: {
45
46
  DEFAULT: withOpacityValue('--ax-color-secondary-500'),
47
+ fore: withOpacityValue('--ax-color-secondary-fore'),
46
48
  50: withOpacityValue('--ax-color-secondary-50'),
47
49
  100: withOpacityValue('--ax-color-secondary-100'),
48
50
  200: withOpacityValue('--ax-color-secondary-200'),
@@ -53,10 +55,11 @@ module.exports = withAnimations({
53
55
  700: withOpacityValue('--ax-color-secondary-700'),
54
56
  800: withOpacityValue('--ax-color-secondary-800'),
55
57
  900: withOpacityValue('--ax-color-secondary-900'),
56
- 900: withOpacityValue('--ax-color-secondary-950'),
58
+ 950: withOpacityValue('--ax-color-secondary-950'),
57
59
  },
58
60
  success: {
59
61
  DEFAULT: withOpacityValue('--ax-color-success-500'),
62
+ fore: withOpacityValue('--ax-color-success-fore'),
60
63
  50: withOpacityValue('--ax-color-success-50'),
61
64
  100: withOpacityValue('--ax-color-success-100'),
62
65
  200: withOpacityValue('--ax-color-success-200'),
@@ -67,10 +70,11 @@ module.exports = withAnimations({
67
70
  700: withOpacityValue('--ax-color-success-700'),
68
71
  800: withOpacityValue('--ax-color-success-800'),
69
72
  900: withOpacityValue('--ax-color-success-900'),
70
- 900: withOpacityValue('--ax-color-success-950'),
73
+ 950: withOpacityValue('--ax-color-success-950'),
71
74
  },
72
75
  danger: {
73
76
  DEFAULT: withOpacityValue('--ax-color-danger-500'),
77
+ fore: withOpacityValue('--ax-color-danger-fore'),
74
78
  50: withOpacityValue('--ax-color-danger-50'),
75
79
  100: withOpacityValue('--ax-color-danger-100'),
76
80
  200: withOpacityValue('--ax-color-danger-200'),
@@ -81,10 +85,11 @@ module.exports = withAnimations({
81
85
  700: withOpacityValue('--ax-color-danger-700'),
82
86
  800: withOpacityValue('--ax-color-danger-800'),
83
87
  900: withOpacityValue('--ax-color-danger-900'),
84
- 900: withOpacityValue('--ax-color-danger-950'),
88
+ 950: withOpacityValue('--ax-color-danger-950'),
85
89
  },
86
90
  warning: {
87
91
  DEFAULT: withOpacityValue('--ax-color-warning-500'),
92
+ fore: withOpacityValue('--ax-color-warning-fore'),
88
93
  50: withOpacityValue('--ax-color-warning-50'),
89
94
  100: withOpacityValue('--ax-color-warning-100'),
90
95
  200: withOpacityValue('--ax-color-warning-200'),
@@ -95,7 +100,22 @@ module.exports = withAnimations({
95
100
  700: withOpacityValue('--ax-color-warning-700'),
96
101
  800: withOpacityValue('--ax-color-warning-800'),
97
102
  900: withOpacityValue('--ax-color-warning-900'),
98
- 900: withOpacityValue('--ax-color-warning-950'),
103
+ 950: withOpacityValue('--ax-color-warning-950'),
104
+ },
105
+ info: {
106
+ DEFAULT: withOpacityValue('--ax-color-info-500'),
107
+ fore: withOpacityValue('--ax-color-info-fore'),
108
+ 50: withOpacityValue('--ax-color-info-50'),
109
+ 100: withOpacityValue('--ax-color-info-100'),
110
+ 200: withOpacityValue('--ax-color-info-200'),
111
+ 300: withOpacityValue('--ax-color-info-300'),
112
+ 400: withOpacityValue('--ax-color-info-400'),
113
+ 500: withOpacityValue('--ax-color-info-500'),
114
+ 600: withOpacityValue('--ax-color-info-600'),
115
+ 700: withOpacityValue('--ax-color-info-700'),
116
+ 800: withOpacityValue('--ax-color-info-800'),
117
+ 900: withOpacityValue('--ax-color-info-900'),
118
+ 950: withOpacityValue('--ax-color-info-950'),
99
119
  },
100
120
  },
101
121
  textColor: {