@onereach/styles 6.2.1-beta.3655.0 → 6.2.1-beta.3663.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 (9) hide show
  1. package/package.json +1 -1
  2. package/tailwind/plugins/theme-background.js +1 -5
  3. package/tailwind/plugins/theme-border.js +3 -15
  4. package/tailwind/plugins/theme-divider.js +1 -5
  5. package/tailwind/plugins/theme-foreground.js +1 -5
  6. package/tailwind/plugins/theme-outline.js +6 -18
  7. package/tailwind/plugins/theme-preset.js +4 -4
  8. package/tailwind.config.json +2 -2
  9. package/tailwind.config.preset.js +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@onereach/styles",
3
- "version": "6.2.1-beta.3655.0",
3
+ "version": "6.2.1-beta.3663.0",
4
4
  "description": "Styles for or-ui-next",
5
5
  "license": "UNLICENSED",
6
6
  "main": "./main.css",
package/tailwind/plugins/theme-background.js CHANGED
@@ -167,13 +167,9 @@ module.exports = {
167
167
  return {
168
168
  backgroundColor: theme(`backgroundColor.${token}` + suffix, token),
169
169
 
170
- [variants['disabled']]: {
170
+ [variants['disabled']]: token === 'transparent' ? null : {
171
171
  backgroundColor: `${theme('backgroundColor.disabled' + suffix)} !important`,
172
172
  },
173
-
174
- transitionProperty: 'box-shadow, color, background-color, border-color, outline-color',
175
- transitionDuration: theme('transitionDuration.short'),
176
- transitionTimingFunction: theme('transitionTimingFunction.standard'),
177
173
  };
178
174
  },
179
175
  }, { values });
package/tailwind/plugins/theme-border.js CHANGED
@@ -49,13 +49,9 @@ module.exports = {
49
49
  borderStyle: 'solid',
50
50
  borderColor: theme(`borderColor.${token}` + suffix, token),
51
51
 
52
- [variants['disabled']]: {
52
+ [variants['disabled']]: token === 'transparent' ? null : {
53
53
  borderColor: `${theme('borderColor.disabled' + suffix)} !important`,
54
54
  },
55
-
56
- transitionProperty: 'box-shadow, color, background-color, border-color, outline-color',
57
- transitionDuration: theme('transitionDuration.short'),
58
- transitionTimingFunction: theme('transitionTimingFunction.standard'),
59
55
  };
60
56
  },
61
57
  }, { values });
@@ -69,13 +65,9 @@ module.exports = {
69
65
  borderStyle: 'solid',
70
66
  borderColor: theme(`borderColor.${token}` + suffix, token),
71
67
 
72
- [variants['disabled']]: {
68
+ [variants['disabled']]: token === 'transparent' ? null : {
73
69
  borderColor: `${theme('borderColor.disabled' + suffix)} !important`,
74
70
  },
75
-
76
- transitionProperty: 'box-shadow, color, background-color, border-color, outline-color',
77
- transitionDuration: theme('transitionDuration.short'),
78
- transitionTimingFunction: theme('transitionTimingFunction.standard'),
79
71
  };
80
72
  },
81
73
  }, { values });
@@ -89,13 +81,9 @@ module.exports = {
89
81
  borderStyle: 'solid',
90
82
  borderColor: theme(`borderColor.${token}` + suffix, token),
91
83
 
92
- [variants['disabled']]: {
84
+ [variants['disabled']]: token === 'transparent' ? null : {
93
85
  borderColor: `${theme('borderColor.disabled' + suffix)} !important`,
94
86
  },
95
-
96
- transitionProperty: 'box-shadow, color, background-color, border-color, outline-color',
97
- transitionDuration: theme('transitionDuration.short'),
98
- transitionTimingFunction: theme('transitionTimingFunction.standard'),
99
87
  };
100
88
  },
101
89
  }, { values });
package/tailwind/plugins/theme-divider.js CHANGED
@@ -55,13 +55,9 @@ module.exports = {
55
55
  '&:not(:last-child)': {
56
56
  borderInlineEndStyle: 'none !important',
57
57
  },
58
-
59
- transitionProperty: 'box-shadow, color, background-color, border-color, outline-color',
60
- transitionDuration: theme('transitionDuration.short'),
61
- transitionTimingFunction: theme('transitionTimingFunction.standard'),
62
58
  },
63
59
 
64
- [variants['disabled']]: {
60
+ [variants['disabled']]: token === 'transparent' ? null : {
65
61
  [variants['children']]: {
66
62
  '&:not(:first-child)': {
67
63
  borderInlineStartColor: `${theme('borderColor.disabled' + suffix)} !important`,
package/tailwind/plugins/theme-foreground.js CHANGED
@@ -119,13 +119,9 @@ module.exports = {
119
119
  return {
120
120
  color: theme(`textColor.${token}` + suffix, token),
121
121
 
122
- [variants['disabled']]: {
122
+ [variants['disabled']]: token === 'transparent' ? null : {
123
123
  color: `${theme('textColor.on-disabled' + suffix)} !important`,
124
124
  },
125
-
126
- transitionProperty: 'box-shadow, color, background-color, border-color, outline-color',
127
- transitionDuration: theme('transitionDuration.short'),
128
- transitionTimingFunction: theme('transitionTimingFunction.standard'),
129
125
  };
130
126
  },
131
127
  }, { values });
package/tailwind/plugins/theme-outline.js CHANGED
@@ -49,14 +49,10 @@ module.exports = {
49
49
  // outlineStyle: 'solid',
50
50
  // outlineColor: theme(`outlineColor.${token}-opacity-0-16` + suffix, token),
51
51
 
52
- [variants['disabled']]: {
52
+ [variants['disabled']]: token === 'transparent' ? null : {
53
53
  boxShadow: 'none !important',
54
- // outlineColor: 'transparent !important',
54
+ // outlineStyle: 'none !important',
55
55
  },
56
-
57
- transitionProperty: 'box-shadow, color, background-color, border-color, outline-color',
58
- transitionDuration: theme('transitionDuration.short'),
59
- transitionTimingFunction: theme('transitionTimingFunction.standard'),
60
56
  };
61
57
  },
62
58
  }, { values });
@@ -76,14 +72,10 @@ module.exports = {
76
72
  // outlineStyle: 'solid',
77
73
  // outlineColor: theme(`outlineColor.${token}-opacity-0-16` + suffix, token),
78
74
 
79
- [variants['disabled']]: {
75
+ [variants['disabled']]: token === 'transparent' ? null : {
80
76
  boxShadow: 'none !important',
81
- // outlineColor: 'transparent !important',
77
+ // outlineStyle: 'none !important',
82
78
  },
83
-
84
- transitionProperty: 'box-shadow, color, background-color, border-color, outline-color',
85
- transitionDuration: theme('transitionDuration.short'),
86
- transitionTimingFunction: theme('transitionTimingFunction.standard'),
87
79
  };
88
80
  },
89
81
  }, { values });
@@ -103,14 +95,10 @@ module.exports = {
103
95
  // outlineStyle: 'solid',
104
96
  // outlineColor: theme(`outlineColor.${token}-opacity-0-16` + suffix, token),
105
97
 
106
- [variants['disabled']]: {
98
+ [variants['disabled']]: token === 'transparent' ? null : {
107
99
  boxShadow: 'none !important',
108
- // outlineColor: 'transparent !important',
100
+ // outlineStyle: 'none !important',
109
101
  },
110
-
111
- transitionProperty: 'box-shadow, color, background-color, border-color, outline-color',
112
- transitionDuration: theme('transitionDuration.short'),
113
- transitionTimingFunction: theme('transitionTimingFunction.standard'),
114
102
  };
115
103
  },
116
104
  }, { values });
package/tailwind/plugins/theme-preset.js CHANGED
@@ -72,7 +72,7 @@ module.exports = {
72
72
  backgroundColor: `${theme('backgroundColor.disabled' + suffix)} !important`,
73
73
  },
74
74
 
75
- transitionProperty: 'box-shadow, color, background-color, border-color, outline-color',
75
+ transitionProperty: 'color, background-color, border-color, outline-color',
76
76
  transitionDuration: theme('transitionDuration.short'),
77
77
  transitionTimingFunction: theme('transitionTimingFunction.standard'),
78
78
  };
@@ -124,7 +124,7 @@ module.exports = {
124
124
  backgroundColor: `${theme('backgroundColor.disabled' + suffix)} !important`,
125
125
  },
126
126
 
127
- transitionProperty: 'box-shadow, color, background-color, border-color, outline-color',
127
+ transitionProperty: 'color, background-color, border-color, outline-color',
128
128
  transitionDuration: theme('transitionDuration.short'),
129
129
  transitionTimingFunction: theme('transitionTimingFunction.standard'),
130
130
  };
@@ -176,7 +176,7 @@ module.exports = {
176
176
  backgroundColor: 'transparent !important',
177
177
  },
178
178
 
179
- transitionProperty: 'box-shadow, color, background-color, border-color, outline-color',
179
+ transitionProperty: 'color, background-color, border-color, outline-color',
180
180
  transitionDuration: theme('transitionDuration.short'),
181
181
  transitionTimingFunction: theme('transitionTimingFunction.standard'),
182
182
  };
@@ -228,7 +228,7 @@ module.exports = {
228
228
  backgroundColor: 'transparent !important',
229
229
  },
230
230
 
231
- transitionProperty: 'box-shadow, color, background-color, border-color, outline-color',
231
+ transitionProperty: 'color, background-color, border-color, outline-color',
232
232
  transitionDuration: theme('transitionDuration.short'),
233
233
  transitionTimingFunction: theme('transitionTimingFunction.standard'),
234
234
  };
package/tailwind.config.json CHANGED
@@ -2037,8 +2037,8 @@
2037
2037
  "2": "2px"
2038
2038
  },
2039
2039
  "transitionDuration": {
2040
- "short": "200ms",
2041
- "medium": "300ms",
2040
+ "short": "100ms",
2041
+ "medium": "250ms",
2042
2042
  "long": "400ms"
2043
2043
  },
2044
2044
  "transitionTimingFunction": {
package/tailwind.config.preset.js CHANGED
@@ -181,8 +181,8 @@ module.exports = {
181
181
  },
182
182
 
183
183
  transitionDuration: {
184
- 'short': '200ms',
185
- 'medium': '300ms',
184
+ 'short': '100ms',
185
+ 'medium': '250ms',
186
186
  'long': '400ms',
187
187
  },
188
188