@onereach/styles 6.2.1-beta.3663.0 → 6.2.1-beta.3665.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 (7) hide show
  1. package/package.json +1 -1
  2. package/tailwind/plugins/theme-background.js +5 -1
  3. package/tailwind/plugins/theme-border.js +15 -3
  4. package/tailwind/plugins/theme-divider.js +5 -1
  5. package/tailwind/plugins/theme-foreground.js +5 -1
  6. package/tailwind/plugins/theme-outline.js +18 -6
  7. package/tailwind/plugins/theme-preset.js +4 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@onereach/styles",
3
- "version": "6.2.1-beta.3663.0",
3
+ "version": "6.2.1-beta.3665.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,9 +167,13 @@ module.exports = {
167
167
  return {
168
168
  backgroundColor: theme(`backgroundColor.${token}` + suffix, token),
169
169
 
170
- [variants['disabled']]: token === 'transparent' ? null : {
170
+ [variants['disabled']]: {
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'),
173
177
  };
174
178
  },
175
179
  }, { values });
package/tailwind/plugins/theme-border.js CHANGED
@@ -49,9 +49,13 @@ module.exports = {
49
49
  borderStyle: 'solid',
50
50
  borderColor: theme(`borderColor.${token}` + suffix, token),
51
51
 
52
- [variants['disabled']]: token === 'transparent' ? null : {
52
+ [variants['disabled']]: {
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'),
55
59
  };
56
60
  },
57
61
  }, { values });
@@ -65,9 +69,13 @@ module.exports = {
65
69
  borderStyle: 'solid',
66
70
  borderColor: theme(`borderColor.${token}` + suffix, token),
67
71
 
68
- [variants['disabled']]: token === 'transparent' ? null : {
72
+ [variants['disabled']]: {
69
73
  borderColor: `${theme('borderColor.disabled' + suffix)} !important`,
70
74
  },
75
+
76
+ transitionProperty: 'box-shadow, color, background-color, border-color, outline-color',
77
+ transitionDuration: theme('transitionDuration.short'),
78
+ transitionTimingFunction: theme('transitionTimingFunction.standard'),
71
79
  };
72
80
  },
73
81
  }, { values });
@@ -81,9 +89,13 @@ module.exports = {
81
89
  borderStyle: 'solid',
82
90
  borderColor: theme(`borderColor.${token}` + suffix, token),
83
91
 
84
- [variants['disabled']]: token === 'transparent' ? null : {
92
+ [variants['disabled']]: {
85
93
  borderColor: `${theme('borderColor.disabled' + suffix)} !important`,
86
94
  },
95
+
96
+ transitionProperty: 'box-shadow, color, background-color, border-color, outline-color',
97
+ transitionDuration: theme('transitionDuration.short'),
98
+ transitionTimingFunction: theme('transitionTimingFunction.standard'),
87
99
  };
88
100
  },
89
101
  }, { values });
package/tailwind/plugins/theme-divider.js CHANGED
@@ -55,9 +55,13 @@ 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'),
58
62
  },
59
63
 
60
- [variants['disabled']]: token === 'transparent' ? null : {
64
+ [variants['disabled']]: {
61
65
  [variants['children']]: {
62
66
  '&:not(:first-child)': {
63
67
  borderInlineStartColor: `${theme('borderColor.disabled' + suffix)} !important`,
package/tailwind/plugins/theme-foreground.js CHANGED
@@ -119,9 +119,13 @@ module.exports = {
119
119
  return {
120
120
  color: theme(`textColor.${token}` + suffix, token),
121
121
 
122
- [variants['disabled']]: token === 'transparent' ? null : {
122
+ [variants['disabled']]: {
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'),
125
129
  };
126
130
  },
127
131
  }, { values });
package/tailwind/plugins/theme-outline.js CHANGED
@@ -49,10 +49,14 @@ module.exports = {
49
49
  // outlineStyle: 'solid',
50
50
  // outlineColor: theme(`outlineColor.${token}-opacity-0-16` + suffix, token),
51
51
 
52
- [variants['disabled']]: token === 'transparent' ? null : {
52
+ [variants['disabled']]: {
53
53
  boxShadow: 'none !important',
54
- // outlineStyle: 'none !important',
54
+ // outlineColor: 'transparent !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'),
56
60
  };
57
61
  },
58
62
  }, { values });
@@ -72,10 +76,14 @@ module.exports = {
72
76
  // outlineStyle: 'solid',
73
77
  // outlineColor: theme(`outlineColor.${token}-opacity-0-16` + suffix, token),
74
78
 
75
- [variants['disabled']]: token === 'transparent' ? null : {
79
+ [variants['disabled']]: {
76
80
  boxShadow: 'none !important',
77
- // outlineStyle: 'none !important',
81
+ // outlineColor: 'transparent !important',
78
82
  },
83
+
84
+ transitionProperty: 'box-shadow, color, background-color, border-color, outline-color',
85
+ transitionDuration: theme('transitionDuration.short'),
86
+ transitionTimingFunction: theme('transitionTimingFunction.standard'),
79
87
  };
80
88
  },
81
89
  }, { values });
@@ -95,10 +103,14 @@ module.exports = {
95
103
  // outlineStyle: 'solid',
96
104
  // outlineColor: theme(`outlineColor.${token}-opacity-0-16` + suffix, token),
97
105
 
98
- [variants['disabled']]: token === 'transparent' ? null : {
106
+ [variants['disabled']]: {
99
107
  boxShadow: 'none !important',
100
- // outlineStyle: 'none !important',
108
+ // outlineColor: 'transparent !important',
101
109
  },
110
+
111
+ transitionProperty: 'box-shadow, color, background-color, border-color, outline-color',
112
+ transitionDuration: theme('transitionDuration.short'),
113
+ transitionTimingFunction: theme('transitionTimingFunction.standard'),
102
114
  };
103
115
  },
104
116
  }, { 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: 'color, background-color, border-color, outline-color',
75
+ transitionProperty: 'box-shadow, 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: 'color, background-color, border-color, outline-color',
127
+ transitionProperty: 'box-shadow, 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: 'color, background-color, border-color, outline-color',
179
+ transitionProperty: 'box-shadow, 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: 'color, background-color, border-color, outline-color',
231
+ transitionProperty: 'box-shadow, color, background-color, border-color, outline-color',
232
232
  transitionDuration: theme('transitionDuration.short'),
233
233
  transitionTimingFunction: theme('transitionTimingFunction.standard'),
234
234
  };