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
|
};
|