react-restyle-components 0.3.87 → 0.3.88

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.
@@ -1,5 +1,4 @@
1
1
  /* eslint-disable @typescript-eslint/no-var-requires */
2
- const plugin = require('tailwindcss/plugin');
3
2
  const defaultTheme = require('tailwindcss/defaultTheme');
4
3
  module.exports = {
5
4
  content: ['./public/**/*.html', './src/**/*.{js,jsx,ts,tsx,vue}'],
@@ -229,103 +228,6 @@ module.exports = {
229
228
  },
230
229
  corePlugins: {
231
230
  tableLayout: false,
232
- },
233
- plugins: [
234
- require('@tailwindcss/forms')({
235
- strategy: 'class', // only generate classes
236
- }),
237
- plugin(function ({addUtilities}) {
238
- addUtilities({
239
- '.scrollbar-hide': {
240
- '-ms-overflow-style': 'none',
241
- 'scrollbar-width': 'none',
242
- '&::-webkit-scrollbar': {
243
- display: 'none',
244
- },
245
- },
246
- '.arrow-hide': {
247
- '&::-webkit-inner-spin-button': {
248
- '-webkit-appearance': 'none',
249
- margin: 0,
250
- },
251
- '&::-webkit-outer-spin-button': {
252
- '-webkit-appearance': 'none',
253
- margin: 0,
254
- },
255
- },
256
- // Design token utilities - using actual values from tokens.css
257
- '.rounded-token-025': {'border-radius': '0.125rem'},
258
- '.rounded-token-050': {'border-radius': '0.25rem'},
259
- '.rounded-token-100': {'border-radius': '0.5rem'},
260
- '.rounded-token-200': {'border-radius': '1rem'},
261
- '.rounded-token-300': {'border-radius': '1.5rem'},
262
- '.rounded-token-400': {'border-radius': '2rem'},
263
- '.rounded-token-none': {'border-radius': '0rem'},
264
- '.rounded-token-round': {'border-radius': '10000rem'},
265
-
266
- // Padding utilities with tokens
267
- '.p-token-000': {padding: '0rem'},
268
- '.p-token-025': {padding: '0.125rem'},
269
- '.p-token-050': {padding: '0.25rem'},
270
- '.p-token-075': {padding: '0.375rem'},
271
- '.p-token-100': {padding: '0.5rem'},
272
- '.p-token-150': {padding: '0.75rem'},
273
- '.p-token-200': {padding: '1rem'},
274
- '.p-token-300': {padding: '1.5rem'},
275
- '.p-token-400': {padding: '2rem'},
276
- '.p-token-500': {padding: '2.5rem'},
277
- '.p-token-600': {padding: '3rem'},
278
- '.p-token-800': {padding: '4rem'},
279
- '.p-token-1000': {padding: '5rem'},
280
- '.p-token-1200': {padding: '6rem'},
281
-
282
- // Margin utilities with tokens
283
- '.m-token-000': {margin: '0rem'},
284
- '.m-token-025': {margin: '0.125rem'},
285
- '.m-token-050': {margin: '0.25rem'},
286
- '.m-token-075': {margin: '0.375rem'},
287
- '.m-token-100': {margin: '0.5rem'},
288
- '.m-token-150': {margin: '0.75rem'},
289
- '.m-token-200': {margin: '1rem'},
290
- '.m-token-300': {margin: '1.5rem'},
291
- '.m-token-400': {margin: '2rem'},
292
- '.m-token-500': {margin: '2.5rem'},
293
- '.m-token-600': {margin: '3rem'},
294
- '.m-token-800': {margin: '4rem'},
295
- '.m-token-1000': {margin: '5rem'},
296
- '.m-token-1200': {margin: '6rem'},
297
-
298
- // Gap utilities with tokens
299
- '.gap-token-000': {gap: '0rem'},
300
- '.gap-token-025': {gap: '0.125rem'},
301
- '.gap-token-050': {gap: '0.25rem'},
302
- '.gap-token-075': {gap: '0.375rem'},
303
- '.gap-token-100': {gap: '0.5rem'},
304
- '.gap-token-150': {gap: '0.75rem'},
305
- '.gap-token-200': {gap: '1rem'},
306
- '.gap-token-300': {gap: '1.5rem'},
307
- '.gap-token-400': {gap: '2rem'},
308
- '.gap-token-500': {gap: '2.5rem'},
309
- '.gap-token-600': {gap: '3rem'},
310
- '.gap-token-800': {gap: '4rem'},
311
- '.gap-token-1000': {gap: '5rem'},
312
- '.gap-token-1200': {gap: '6rem'},
313
-
314
- // State layer utilities - using actual values
315
- '.state-none': {opacity: '0%'},
316
- '.state-hover': {opacity: '8%'},
317
- '.state-press': {opacity: '12%'},
318
- '.state-disabled': {opacity: '12%'},
319
- '.state-on-disabled': {opacity: '30%'},
320
- '.state-read-only': {opacity: '8%'},
321
- '.state-on-read-only': {opacity: '70%'},
322
- '.state-press-card': {opacity: '4%'},
231
+ }
323
232
 
324
- // Stroke utilities - using actual values
325
- '.stroke-token-card': {'stroke-width': '0.0625rem'},
326
- '.stroke-token-selected-card-hover': {'stroke-width': '0.125rem'},
327
- '.stroke-token-divider': {'stroke-width': '0.0625rem'},
328
- });
329
- }),
330
- ],
331
233
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-restyle-components",
3
- "version": "0.3.87",
3
+ "version": "0.3.88",
4
4
  "private": false,
5
5
  "description": "Easy use restyle components",
6
6
  "author": {