@onereach/styles 3.2.1-beta.3200.0 → 3.3.0

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 (2) hide show
  1. package/package.json +3 -2
  2. package/tailwind/plugins/theme-preset.js +8 -8
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@onereach/styles",
3
- "version": "3.2.1-beta.3200.0",
3
+ "version": "3.3.0",
4
4
  "description": "Styles for or-ui-next",
5
5
  "license": "UNLICENSED",
6
6
  "main": "./main.css",
@@ -57,5 +57,6 @@
57
57
  },
58
58
  "publishConfig": {
59
59
  "access": "public"
60
- }
60
+ },
61
+ "gitHead": "1dc1c80cc1539c62af8151bc997681865344877a"
61
62
  }
package/tailwind/plugins/theme-preset.js CHANGED
@@ -30,15 +30,15 @@ module.exports = {
30
30
  const [token, suffix = ''] = value.split('..');
31
31
 
32
32
  return {
33
- color: theme(`textColor.on-${token}` + suffix),
34
33
  backgroundColor: theme(`backgroundColor.${token}` + suffix),
34
+ color: theme(`textColor.on-${token}` + suffix),
35
35
 
36
36
  borderStyle: 'none',
37
37
  outlineStyle: 'none',
38
38
 
39
39
  [variants['disabled']]: {
40
- color: `${theme('textColor.on-disabled' + suffix)} !important`,
41
40
  backgroundColor: `${theme('backgroundColor.disabled' + suffix)} !important`,
41
+ color: `${theme('textColor.on-disabled' + suffix)} !important`,
42
42
  },
43
43
 
44
44
  [variants['active']]: {
@@ -70,15 +70,15 @@ module.exports = {
70
70
  const [token, suffix = ''] = value.split('..');
71
71
 
72
72
  return {
73
- color: theme(`textColor.${token}` + suffix),
74
73
  backgroundColor: theme(`backgroundColor.${token}-opacity-0-08` + suffix),
74
+ color: theme(`textColor.${token}` + suffix),
75
75
 
76
76
  borderStyle: 'none',
77
77
  outlineStyle: 'none',
78
78
 
79
79
  [variants['disabled']]: {
80
- color: `${theme('textColor.on-disabled' + suffix)} !important`,
81
80
  backgroundColor: `${theme('backgroundColor.disabled' + suffix)} !important`,
81
+ color: `${theme('textColor.on-disabled' + suffix)} !important`,
82
82
  },
83
83
 
84
84
  [variants['active']]: {
@@ -110,15 +110,15 @@ module.exports = {
110
110
  const [token, suffix = ''] = value.split('..');
111
111
 
112
112
  return {
113
- color: theme(`textColor.${token}` + suffix),
114
113
  backgroundColor: 'transparent',
114
+ color: theme(`textColor.${token}` + suffix),
115
115
 
116
116
  borderStyle: 'none',
117
117
  outlineStyle: 'none',
118
118
 
119
119
  [variants['disabled']]: {
120
- color: `${theme('textColor.on-disabled' + suffix)} !important`,
121
120
  backgroundColor: 'transparent !important',
121
+ color: `${theme('textColor.on-disabled' + suffix)} !important`,
122
122
  },
123
123
 
124
124
  [variants['active']]: {
@@ -150,15 +150,15 @@ module.exports = {
150
150
  const [token, suffix = ''] = value.split('..');
151
151
 
152
152
  return {
153
- color: theme(`textColor.${token}` + suffix),
154
153
  backgroundColor: 'transparent',
154
+ color: theme(`textColor.${token}` + suffix),
155
155
 
156
156
  borderStyle: 'none',
157
157
  outlineStyle: 'none',
158
158
 
159
159
  [variants['disabled']]: {
160
- color: `${theme('textColor.on-disabled' + suffix)} !important`,
161
160
  backgroundColor: 'transparent !important',
161
+ color: `${theme('textColor.on-disabled' + suffix)} !important`,
162
162
  },
163
163
 
164
164
  [variants['active']]: {